134 lines
7.5 KiB
CSS
134 lines
7.5 KiB
CSS
@charset "utf-8";
|
|
/* CSS Document */
|
|
[class*="am-u-"] {padding-left:0;padding-right:0;}
|
|
.user-infoPic{ overflow:hidden; position:relative;margin:0px 10px ;padding:0px 5px 0px 0px;border-bottom:1px solid #E4EAEE;}
|
|
.filePic{position: relative;width:60px;text-align: center;float:right; }
|
|
.inputPic{ cursor:pointer;opacity:0;ilter:alpha(opacity=0);width:100%;height:100%;position: absolute;top: 0;left: 0;z-index: 9;}
|
|
p.am-form-help{ font-size:14px;font-weight: 600; margin:0px auto; position:absolute; top:25px;color: #000000;}
|
|
.am-selected-list {font-size:14px; }
|
|
.am-img-thumbnail {padding:0px;margin:2px ;}
|
|
.info-m{ display:none;}
|
|
|
|
/*修改信息*/
|
|
.info-main{max-width:800px;padding:0px 10px ;}
|
|
.am-form-group{margin:10px 0px ;border-bottom:1px solid #E4EAEE;height:34px ;}
|
|
.am-form-horizontal .am-form-label{padding-top:8px ;text-align:left ;}
|
|
.am-form textarea,.am-form select, .am-form textarea, .am-form input[type="text"], .am-form input[type="password"], .am-form input[type="datetime"], .am-form input[type="datetime-local"], .am-form input[type="date"], .am-form input[type="month"], .am-form input[type="time"], .am-form input[type="week"], .am-form input[type="tel"], .am-form input[type="email"], .am-form input[type="url"], .am-form input[type="search"], .am-form input[type="tel"], .am-form input[type="color"], .am-form-field,.am-btn{ font-size:14px;}
|
|
.birth-select,.birth-select2 {float:left; margin-right:5px; vertical-align:middle;}
|
|
.birth-select select{float:left; width:60px;background: none;border:none ;padding-top:9px ;}
|
|
.birth-select2 select{float:left; width:40px;background: none;border: none;padding-top:9px ;}
|
|
|
|
.birth button{border:none}
|
|
.birth .am-selected-icon::before{opacity: 0;}
|
|
.user-info{width:100%; max-width:900px;overflow:hidden;}
|
|
.user-safety{width:100%; max-width:900px;overflow:hidden;}
|
|
|
|
/*按钮*/
|
|
.info-btn{text-align: center;}
|
|
.fore3 .am-btn-secondary {color: #000;background-color:transparent;border:none;}
|
|
|
|
/*地址*/
|
|
.am-form-content.address a,.am-form-group.safety a{width:80%;float: right;text-align: right;padding-right:5px;}
|
|
p.new-mu_l2cw{margin: 0px;}
|
|
p.new-mu_l2cw span{height:17px;line-height:17px ;}
|
|
|
|
/*性别*/
|
|
.sex .am-ucheck-icons{top:8px;}
|
|
/*安全设置*/
|
|
.user-safety .check {max-width:900px;}
|
|
.user-safety .check li{overflow:hidden; margin:5px 10px; padding:8px 0px; border-bottom:1px solid #E4EAEE;}
|
|
.user-safety .check .m-left{float: left;}
|
|
.user-safety .check .fore1 {width:80px;font-size: 14px; font-weight:600; line-height:21px;padding-top:5px ;}
|
|
.user-safety .check .fore2 { display:none;text-align:left;font-size: 12px; line-height:21px;}
|
|
.user-safety .check .fore3 {text-align:center;font-size: 12px; float:right; line-height:21px;}
|
|
.am-btn{ padding:5px;}
|
|
.user-safety .check i{margin-left:10px}
|
|
.user-safety .fore3 .am-btn{width:70px;}
|
|
|
|
|
|
/*表单配置*/
|
|
.am-form input[type="text"], .am-form input[type="password"], .am-form input[type="datetime"], .am-form input[type="datetime-local"], .am-form input[type="date"], .am-form input[type="month"], .am-form input[type="time"], .am-form input[type="week"], .am-form input[type="tel"], .am-form input[type="email"], .am-form input[type="url"], .am-form input[type="search"], .am-form input[type="tel"], .am-form input[type="color"]{background:none ;border: none;}
|
|
input::-webkit-input-placeholder{text-align:right;}
|
|
input{text-align: right;}
|
|
.am-form-label{font-size:14px ;font-weight: 600;width: auto;}
|
|
.sex,.birth{float: right;padding-right: 5px;margin-left:0 ;}
|
|
|
|
.am-form-content small{display: none;}
|
|
.am-selected{width: auto;}
|
|
|
|
@media only screen and (min-width:640px)
|
|
{
|
|
.am-form-group.address,.am-form-group.safety,.am-form-help{display: none;}
|
|
.sex, .birth {float:none;margin-left: 85px;}
|
|
.am-radio-inline input[type="radio"]{margin-left: 0px;}
|
|
input::-webkit-input-placeholder,input{text-align:left;}
|
|
.info-main{margin:0% 5%;}
|
|
.user-infoPic,.am-form-group{border:none;}
|
|
.am-form-group {margin: 20px 0px;}
|
|
.am-form input[type="text"], .am-form input[type="password"], .am-form input[type="datetime"], .am-form input[type="datetime-local"], .am-form input[type="date"], .am-form input[type="month"], .am-form input[type="time"], .am-form input[type="week"], .am-form input[type="tel"], .am-form input[type="email"], .am-form input[type="url"], .am-form input[type="search"], .am-form input[type="tel"], .am-form input[type="color"],.birth-select select,.birth-select2 select {
|
|
border:1px solid #E4EAEE;}
|
|
input {text-align: left;}
|
|
.am-form-group{height:50px ;}
|
|
.am-form-horizontal .am-form-label {padding-top:8px;}
|
|
.am-form-content small{display:block;margin: 5px 5px;color: #ccc;}
|
|
/*生日*/
|
|
|
|
.birth-select select,.birth-select2 select {
|
|
-webkit-appearance: none !important;
|
|
-moz-appearance: none !important;
|
|
-webkit-border-radius: 0;
|
|
background: #ffffff url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+') no-repeat 100% center;
|
|
}
|
|
|
|
.birth-select{width:38%;margin-right:0 ;position: relative;height:32px ;line-height:32px;}
|
|
.birth-select2{width:30%;margin-right:0 ;margin-left: 1%;position: relative;height:32px ;line-height: 32px;}
|
|
.birth-select select,.birth-select2 select{width:90%;}
|
|
.birth-select em,.birth-select2 em{position: absolute;right:0px ;}
|
|
.birth-select .am-selected,.birth-select2 .am-selected {width:auto;position: absolute ;left:0px;right:20px;}
|
|
.birth button{border:1px solid #E4EAEE}
|
|
.birth .am-selected-icon::before{opacity: 1;margin:5px 0px 5px -10px;}
|
|
.birth .am-selected-status{padding-top:3px;}
|
|
/*头像、安全评分*/
|
|
.user-infoPic{position: relative;margin:20px 5% 50px ;height:130px;border-bottom:1px solid #eee ;}
|
|
.filePic{width:100px; float:left;margin-left:15px;margin-top:15px ;}
|
|
.info-m{ display:block;float:left;overflow: hidden;line-height: 24px;position: absolute;left:6%;top:25px;margin-left: 120px;}
|
|
.safeText{display: block;color: #fff;position: relative;text-align:left ;}
|
|
.progressBar{width: 190px;height: 8px;background:url(../images/icon_bar.png) no-repeat;position: relative;overflow: hidden;border-radius: 5px;margin-top:5px ;}
|
|
.progress {width: 190px;height: 8px;position: absolute;top: 0;background-color: #ffeb68;border-radius: 5px;}
|
|
/*会员*/
|
|
.vip {margin-top:15px ;}
|
|
.vip span{display: block;width: 51px;height: 22px;background: url(../images/icon_progress_24.png) no-repeat 0 0;float:left;margin-right:5px ;}
|
|
.user-info{overflow:hidden; margin-bottom:15px;}
|
|
/*安全设置*/
|
|
.user-safety .check li{padding:15px 0px;position: relative;border: none;}
|
|
.user-safety .check .fore2 { display:block;}
|
|
.user-safety .check .fore1 {width:100px;font-size: 16px;}
|
|
/*小图标*/
|
|
.user-safety .check i{left:0;display: inline-block;vertical-align:middle;background-image: url("../images/sprite.png");
|
|
width: 40px;height: 40px;position: absolute;margin-top:5px ;}
|
|
.i-safety-lock {background-position: -90px -45px;}
|
|
.i-safety-wallet {background-position: 0px -135px;}
|
|
.i-safety-iphone{background-position: -45px 0px;}
|
|
.i-safety-mail {background-position: 0px -90px}
|
|
.i-safety-idcard {background-position: -90px -90px;}
|
|
.i-safety-security {background-position: -135px -45px;}
|
|
|
|
.user-safety .check .m-left{margin-left:70px;}
|
|
.user-safety .check .fore3{margin-top:10px;}
|
|
/*按钮*/
|
|
.fore3 .am-btn-secondary {color: #fff;background-color: #3bb4f2;border:1px solid #3bb4f2;}
|
|
}
|
|
|
|
@media only screen and (min-width:1025px)
|
|
{
|
|
.info-main {margin:0% 10%;}
|
|
.user-safety .check ul{margin:0 5% ;}
|
|
|
|
|
|
}
|
|
@media only screen and (min-width:1260px)
|
|
{
|
|
|
|
}
|
|
|