/*login*/ .margin-60{margin:1.6rem 0 1.6rem;} .margin-40{margin:1.1rem 0 0.2rem;} .margin-20{margin:0.53rem 0 1.2rem;} .login-m-a {border-bottom: 1px solid #e5e5e5; overflow: hidden;position: relative; width:95%; margin: auto;} .login-m-img { position: absolute;top:0.8rem; left:0.53rem; } .login-m-img img {width:0.9rem;} .input-a {float: left; margin-left:4rem; } .input-a input{border:none;height: 2.5rem; line-height: 2.5rem; text-align: center; color: #666; font-size:0.74rem; width:10rem; background-color: transparent;} .input-code {position: absolute; right:1.33rem; top:0.6rem; width:5rem;} .input-code button {border-radius:30px; border: 1px solid #77ccee; text-align: center;background: #fff; cursor: pointer;color: #009fdf; font-size: 0.64rem; padding: 0 0.5rem; line-height: 1.4rem;} .login-btn {width:95%; margin-left: auto; margin-right: auto;} .login-btn button {width:100%;background: #009fdf;height: 2.13rem; border-radius: 0.27rem; border:none;line-height: 2.13rem;color: #fff;font-size: 0.746rem;cursor: pointer;} .login-text { margin:0.58rem auto 1.5rem;width:90%; font-size: 0.74rem;color: #009fdf;} .login-text a{color: #009fdf;} .login-text a:hover {color: #0087bd;} .floa_r {float: right;} .login-line{width:13.6rem; height: 0.59rem; background:url(../images/customer/login-line.png); margin-left:auto; margin-right: auto; line-height: 0.59rem;} .quick_login{text-align: center; } .quick_login a{margin:1.5rem 0.55rem 3rem; display: inline-block;} /*register*/ .regist-tab{overflow: hidden; text-align: center;} .regist-tab .tab{ overflow:hidden; font-size: 0.85rem;} .regist-tab .tab a{display: inline-block;padding:10px 20px; text-decoration:none; color:#333;} .regist-tab .tab a:hover{ color:#666; text-decoration:none;} .regist-tab .tab a.on{ color:#009fdf; text-decoration:none;position: relative;} /*.regist-tab .tab a.on:after { content:""; position: absolute;bottom: 0; width:1.5rem; background: #009fdf; height: 2px; left:35%;}*/ .regist-form {font-size:0.59rem; color: #969696; float: left; margin: 0.8rem;} .regist-form input[type='checkbox'] {width: 20px; height: 20px; -webkit-appearance:none;border: 1px solid #c9c9c9;border-radius: 2px;outline: none;cursor: pointer; vertical-align: middle;} .regist-form input[type=checkbox]:checked{background: url("../images/user/regist-right.jpg")no-repeat center;} /*个人中心*/ .personal-m-a {border-bottom: 1px solid #e5e5e5; overflow: hidden;position: relative;} .personal-m-a:last-child {border-bottom: none;} .personal-bg {background: #fff;} .personal-lable {font-size: 0.746rem; color: #666; position: absolute;top:0.8rem; left:2.4rem;} .personal-c {float: right; margin-right:1.25rem;} .personal-c input{border:none;height: 2.5rem; line-height: 2.5rem; text-align: right; color: #666; font-size:0.74rem;width:14.5rem; } .personal-icon {position: absolute; right:0.53rem; top:1rem;} .personal-icon img { width:0.37rem;} .personal-all { position: relative;} .personal-all p {color: #fff; font-size: 0.746rem; text-align: center;} .personal-img {position: absolute;left:7.97rem; top:2.08rem;} .personal-img img {width:4.05rem;} .personal-left-icon{width:0.96rem; margin-top:0.75rem; margin-bottom: 0.75rem; margin-left:0.35rem; float: left;} .personal-left-icon img{width:100%;} /*弹出框*/ .Popup{background-color:rgba(0,0,0,0.2); position: fixed; top:0; height: 100%; width:20rem; margin-left:-0.5rem; display: none; z-index: 9;} .Popup .content{background-color:#FFF; border-radius: 0.27rem; width:14rem; margin-left:auto; margin-right: auto; position: relative; top:50%; padding:1rem; overflow: hidden;} .password{height: 12.5rem; margin-top:-7rem;} .email{height: 5rem; margin-top:-2.5rem;} .phone{height: 8rem; margin-top:-4.5rem;} .phone .input-code{position: relative; left:0;} .phone .input-code inpu{height: 2rem;} .Popup label {width: 100%; display: inline-block; line-height: 1.2rem;} .Popup .content .input_class{border: 1px solid #d9d9d9; height: 1rem; width: 100%; padding-left: 0.27rem;} .Popup .u_button a {width: 3.58rem; display: inline-block; text-align: center; margin-left: 0.48rem; margin-right: 0.48rem; color: #FFF; line-height: 1.2rem;} .Popup .u_button_blue {background-color: #32a5e7;} .Popup .u_button_gray{background-color:#d9d9d9;} /*其他登录方式*/ .other_login .title{width:12.37333rem; margin-left:auto; margin-right: auto;} .other_login a{width:1.52rem; display: inline-block;} .other_login a:nth-child(2){margin-right: 0;} /*个人中心头部*/ .personal_header{position: absolute;left:2.27rem; top:2.03rem; width:15.5rem;} .personal_header img{width:3.2rem;} .personal_header .left{width:4rem; float: left;} .personal_header .right{width:10rem; float: left; margin-top:0.3rem;} .personal_header p{text-align: left;} /*个人中心收藏*/ .collection_c{border-bottom:1px solid #e5e5e5; overflow: hidden;} .collection_c li{padding-right: 0.66rem;float: left; padding-left: 0.66rem;} .collection_c a {color: #333; line-height: 2.4rem;} .collection_c .collection_c_hover a {color:#009fdf;} /*个人中心收藏产品列表*/ .collection_l li{border-bottom:1px solid #e5e5e5; padding:0.54rem 0.25rem; overflow: hidden;} .collection_l li:last-child{border-bottom: none;} .collection_l .left{border:1px solid #e5e5e5; width:2.99rem; float: left; margin-right: 0.8rem;} .collection_l .left img{width:2.39rem; padding:0.3rem;} .collection_l .right{width:13rem; float: left;} .collection_l input{height: 0.96rem; width: 0.96rem; position: absolute; } .collection_l input+label{content: url("../../m_web/images/user/unselected.png"); height: 0.96rem; width: 0.96rem; display:inline-block;} .collection_l input:checked + label{content: url("../../m_web/images/user/selected.png"); height: 0.96rem; width: 0.96rem; display:inline-block;} .Batch_select{width:0.96rem; float: left; margin-right: 0.38rem; height: 0.96rem; margin-top:1rem;} input[type="checkbox"] { appearance:none; -moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari 和 Chrome */ border:none; outline: none; } .collection_b input{height: 0.96rem; width: 0.96rem; position: absolute; left:-1.49rem; z-index: 9;} .collection_b input+label{content: url("../../m_web/images/user/unselected.png"); height: 0.96rem; width: 0.96rem; display:inline-block; position: absolute; left:-1.44rem; } .collection_b input:checked + label{content: url("../../m_web/images/user/selected.png");height: 0.96rem; width: 0.96rem; display:inline-block; position: absolute; left:-1.44rem;;} .collection_b{border-top:1px solid #e5e5e5;} .collection_b .collection_b_left{width:50%; margin-left:3.1rem; float: left; position: relative; height: 0.96rem;} .collection_b .collection_b_right{float: right; margin-right: 1.653rem;} .all_del span{width:3.58rem; height: 1.2rem; text-align: center; margin-left: 0.48rem; mmargin-right: 0.48rem;color: #FFF;line-height: 1.2rem; float: left} .all_del_left{margin-left:1.7rem; width:8.5rem; margin-left:auto; margin-right: auto;} .input_phone{border: 1px solid #d9d9d9; height: 1.25rem; width: 6rem; padding-left: 0.27rem; display: inline-block; margin-right: 0.8rem;} .phone .input-code{top:0;} .activation { padding: 0.5em 2em; display: inline-block; background-color: #009fe0; color:#FFF; border-radius: 5px; }