@charset "utf-8";

/*注册登录*/
.logo{width: 150px; margin: 0 auto;}
.logo img{width: 100%;}
.form-item .input-box .input-del.code { right: 6rem; }
.form-item .input-box .code-countdown,
.form-item .input-box .code-again { position: absolute; right: 0.5rem; top: 0.3rem; z-index: 1; width: 4.3rem; height: 1.4rem; }
.form-item .input-box .code-countdown p { display: block; font-size: 0.55rem; line-height: 0.7rem; color: #999; text-align: center; width: 100%; height: 0.7rem; }
.form-item .input-box .code-countdown em { color: #ED5564; margin: 0 0.1rem; font-weight: 600;}
.form-item .input-box .code-again a { display: block; font-size: 0.6rem; font-weight: 600; text-decoration: underline; line-height: 1.4rem; color: #3BAEDA; text-align: center; width: 100%; height: 1.4rem; }
.form-item .input-box .code-img { position: absolute; right: 0.5rem; top: 0.3rem; z-index: 1; width: 4rem; height: 1.4rem; }
.form-item .input-box .code-img img { width: 100%; height: 100%;}

.remember-form { height: 0.9rem; margin: 1rem 2rem 0 2rem; position: relative; }
.remember-form input[type="checkbox"] { margin-top: -0.5rem;}
.remember-form input[type="checkbox"]:checked { border-color: #48CFAE; background-color: #48CFAE; }
.remember-form label { display: inline-block; height: 0.9rem; line-height: 0.9rem; font-size: 0.6rem; color: #666; vertical-align: top; }
.remember-form .forgot-password { position: absolute; right: 0; top: 0; line-height: 0.9rem; font-size: 0.6rem; color: #008236; }
.remember-form .forgot-password:visited { color: #4B89DC; }
.remember-form .reg-cms { line-height: 0.9rem; font-size: 0.6rem; vertical-align: top; display: inline-block; height: 0.9rem; color: #008236; }
.remember-form .reg-cms:visited { color: #4B89DC; }


/*我的商城*/
.transparent .header-r a sup { right: 0.3rem !important; top: 0.3rem !important;}
.member-body .header-back { display: none; }
.member-top { -webkit-animation:changeBg 20s infinite; -moz-animation:changeBg 20s infinite; animation:changeBg 20s infinite;background-color:#ED5564; background-image: url(../../images/home/member_top_bg.png); background-size: cover;  text-align: center; width: 100%; height: 8rem; position: relative; z-index: 1;}
@-webkit-keyframes changeBg{
0%{background-color:#ED5564;}
10%{background-color:#FB6E52;}
20%{background-color:#FFCE55;}
30%{background-color:#A0D468;}
40%{background-color:#48CFAE;}
50%{background-color:#4FC0E8;}
60%{background-color:#5D9CEC;}
70%{background-color:#AC92ED;}
80%{background-color:#EC87BF;}
90%{background-color:#ED5564;}
}
@-moz-keyframes changeBg{
0%{background-color:#ED5564;}
10%{background-color:#FB6E52;}
20%{background-color:#FFCE55;}
30%{background-color:#A0D468;}
40%{background-color:#48CFAE;}
50%{background-color:#4FC0E8;}
60%{background-color:#5D9CEC;}
70%{background-color:#AC92ED;}
80%{background-color:#EC87BF;}
90%{background-color:#ED5564;}
}
@keyframes changeBg{
0%{background-color:#ED5564;}
10%{background-color:#FB6E52;}
20%{background-color:#FFCE55;}
30%{background-color:#A0D468;}
40%{background-color:#48CFAE;}
50%{background-color:#4FC0E8;}
60%{background-color:#5D9CEC;}
70%{background-color:#AC92ED;}
80%{background-color:#EC87BF;}
90%{background-color:#ED5564;}
}
.member-info:before {}
.member-info { width: 12rem; height: 6rem; margin: -3.5rem 0 0 -6rem; position: absolute; z-index: 1; top: 50%; left: 50%; animation: memberInfoDown 1000ms  ease-in; -webkit-animation: memberInfoDown 1000ms ease-in;}
@keyframes  memberInfoDown
{
0% { top: -50%;}
30% { top: -10%}
75% { top: 55%}
85% { top: 47%}
95% { top: 52%}
100% { top: 50%;}
}
@-webkit-keyframes  memberInfoDown
{
0% { top: -50%;}
30% { top: -10%}
75% { top: 55%}
85% { top: 47%}
95% { top: 52%}
100% { top: 50%;}
}
/*注册类型切换*/
.register-tab ul li { width: 50%;}
.register-tab i.reg { background-image: url(../images/reg_r.png);}
.register-tab i.regm { background-image: url(../images/regm_r.png);}

.register-mobile-tip { height: 0.9rem; padding: 0.6rem 1rem; font-size: 0.6rem; line-height: 0.9rem; color: #888; }
.register-mobile-tip em { margin: 0 0.1rem; font-size: 0.6rem; color: #555; font-weight: 600; }
.form-notes { text-align: center; font-size: 0.55rem; line-height: 0.7rem; color: #999; margin: 1rem 1.5rem; }
/*注册协议*/
.reg-document { padding: 1rem;}
.reg-document p { font-size: 1.4rem; line-height: 20px; overflow: hidden;}
.reg-document strong { font-size: 1.5rem; font-weight: 600; line-height: 24px;}
.reg-document ol { margin-left: 24px;}
.reg-document ul { margin-left: 24px;}
.reg-document ol li { font-size: 1.3rem; line-height: 20px;}
.reg-document ul li { font-size: 1.2rem; line-height: 20px;}
.top50{top:2rem}
.member-info .default-avatar { background-color: rgba(0,0,0,0.5); background-image: url(../../images/home/member_w.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 60%; width: 4rem; height: 4rem; margin: 0 auto; border-radius: 100%;}
.member-info .to-login { font-size: 0.8rem; color: #FFF; line-height: 1rem; height: 1rem; margin: 0.25rem auto;}
.member-info .user-avatar { background-color: #FFF; width: 4rem; height: 4rem; margin: 0 auto; border-radius: 100%;}
.member-info .user-avatar img { width: 100%; height: 100%; border-radius: 100%;}
.member-info .user-name { color: #FFF;}
.member-info .user-name span { font-weight: lighter; font-size: 0.8rem; line-height: 1.2rem; height: 1.2rem; position: relative; z-index: 1;}
.member-info .user-name sup { font-size: 0.45rem; line-height: 0.6rem; background-color: #ED5564; display: block; height: 0.6rem; padding: 0 0.1rem; margin-left: 0.2rem; border-radius: 0.1rem; position: absolute; z-index: 1; top: 0; right: -0.9rem; box-shadow: 1px 1px 1px rgba(0,0,0,0.15);}

.member_box{background-color: #fff; padding: 0.5rem; }
.member_box ul{overflow: hidden; clear: both;}
.member_box ul li{width: 30%; float: left; text-align: center; margin: 0 1%; height: 7rem;}
.member_box ul li img {width: 100%; max-width:147px}
.member_box ul li .member_div{width: 75%; margin: 0 auto;}
.member_box ul li a{color: #000; font-size:0.6rem; display: block; }
.member_box ul li p{padding: 0.5rem 0;}
.new_notice {background: #fff; border-top:1px solid #eee; padding: 0.6rem 0.4rem;}
.new_notice a{display: block;}
.new_notice h3{
    font-size: 0.6rem;
    line-height: 1rem;
    color: #111;
    vertical-align: top;
    display: inline-block;
    height: 1rem;
}
.new_notice a{font-size:12px; padding-left: 1rem;color: #748A8F;}
.new_notice i.new_i{background: url('../../images/home/notice.png');
vertical-align: top;
display: inline-block;
width: 1rem;
height: 1rem;
margin-right: 0.2rem;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 90%;
}

.nctouch-inp-con .form-btn.ok #loginbtn{background-color: #008236;}
.inp-span input[type="radio"] {border-color: #48CFAE;background-color: #fff; margin-right: 0.2rem;-webkit-appearance: radio}
.user_base{color: #fff; font-size:0.6rem; padding-top: 0.5rem;}
.user_base span{padding-right: 0.5rem;}

.member-center {padding-bottom: 2.5rem;}
.member-center dl { background-color: #FFF; box-shadow: 0 1px 0 rgba(0,0,0,0.05);}
.member-center dt { line-height: 0.9rem; display: block; height: 1rem; padding: 0.5rem 0.7rem 0.5rem 0; margin-left: 0.5rem; border-bottom: solid 0.05rem #EEE;}
.member-center dt:last-child { border-bottom: none;}
.member-center dt a { display: block;}
.member-center dt h3 { font-size: 0.7rem; line-height: 1rem; color: #111; vertical-align: top; display: inline-block; height: 1rem;}
.member-center dt h3 i { vertical-align: top; display: inline-block; width: 1rem; height: 1rem; margin-right: 0.1rem; background-repeat: no-repeat; background-position: 50% 50%; background-size: 70%;}
.member-center dt h3 i.mc-01 { background-image: url(../../images/home/mc_01.png);}
.member-center dt h3 i.mc-02 { background-image: url(../../images/home/mc_02.png);}
.member-center dt h3 i.mc-03 { background-image: url(../../images/home/mc_03.png);}
.member-center dt h3 i.mc-04 { background-image: url(../../images/home/mc_04.png);}
.member-center dt h5 { font-size: 0.6rem; color: #999; float: right; line-height: 1rem;}
.member-center dt h5 i { display: inline-block; vertical-align: middle; width: 0.7rem; height: 0.7rem; background-image: url(../../images/home/arrow_right_b.png); background-repeat: no-repeat ; background-position: 50% 50%; background-size: 75%; opacity: 0.4;}
.member-center dd { display: block; padding: 0.2rem 0;}
.member-center dd ul { font-size: 0;}
.member-center dd ul li { vertical-align: top; display: inline-block; text-align: center; width: 20%; padding: 0.5rem 0 0.2rem 0;}
.member-center dd ul li a { display: block; position: relative;}
.member-center dd ul li a em { background-color: #ED5564; width: 0.3rem; height: 0.3rem; border-radius: 100%; position: absolute; top: -0.15rem; right: 0.85rem;}
.member-center dd ul li i { vertical-align: top; display: inline-block; width: 1rem; height: 1rem; margin: 0 auto 0.1rem auto; opacity: 0.5;}
i.cc-01 { background-image: url(../../images/home/mcc_01.png); background-size: cover;}
i.cc-02 { background-image: url(../../images/home/mcc_02.png); background-size: cover;}
i.cc-03 { background-image: url(../../images/home/mcc_03.png); background-size: cover;}
i.cc-04 { background-image: url(../../images/home/mcc_04.png); background-size: cover;}
i.cc-05 { background-image: url(../../images/home/mcc_05.png); background-size: cover;}
i.cc-06 { background-image: url(../../images/home/mcc_06_b.png); background-size: cover;}
i.cc-07 { background-image: url(../../images/home/mcc_07_b.png); background-size: cover;}
i.cc-08 { background-image: url(../../images/home/mcc_08_b.png); background-size: cover;}
i.cc-09 { background-image: url(../../images/home/mcc_09_b.png); background-size: cover;}
i.cc-10 { background-image: url(../../images/home/mcc_10_b.png); background-size: cover;}
.member-center dd ul li p { font-size: 0.55rem; color: #888; line-height: 1rem; height: 1rem;}
.form-notes { text-align: center; font-size: 0.55rem; line-height: 0.7rem; color: #999; margin: 1rem 1.5rem; }
.codePhoto{position: absolute;right: 1rem;top: 0.3rem;z-index: 1;width: 5rem;height: 1.4rem;}
.codePhoto input.zphone{width:5rem;background:#fff; font-size:14px; text-align:center; margin-top:2px;border-radius:0; color:#48CFAE; border:#48CFAE 1px solid; border-radius:5px; line-height:1.2rem; height:30px; padding:0;}
/*图片选择上传*/
.nctouch-upload-new { width: 80%; height: 1.5rem; border: solid 0.05rem #EEE; border-radius: 0.1rem; vertical-align: top; margin: 10px auto;}
.nctouch-upload-new a {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    color: #666;
}
.nctouch-upload-new span {
    position: absolute;
    z-index: 3;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}
.nctouch-upload-new p {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: transparent;
    text-align: center;
    font-size:14px;
    line-height:1.5rem
}
.nctouch-upload-new .input-file {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    border: none 0;
    opacity: 0;
    filter: alpha(opacity=0);
}
.select-50{width: 49%; margin-left: 1%;height: 1.95rem;font-size: 0.55rem;background-color: transparent;line-height: 1.95rem; float: left; border:none}
.pic-thumb{width: 80%; margin: 10px auto;}
.pic-thumb img{width: 100%;}
.nctouch-norecord .record-ico {
    display: inline-block;
    width: 2.2rem;
    height: 2.2rem;
    padding: 0.4rem;
    margin: 0 auto;
    background-color: green;
    border-radius: 100%;
}
.nctouch-norecord .record-ico i {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 80%;
}
.nctouch-norecord.order .record-ico i {
    background-image: url(../../images/home/order_w.png);
}
.inp-span input[type="radio"]{border-color:#EEE}
.inp-span input[type="radio"]:checked, .in-checkbox input[type="radio"]:checked{
    border-color:#EEE;
    background-color:#ED5564;
}
.notice_dot{color: #fff; background-color: #ed5564; width: 1rem; height: 1rem; border-radius: 1rem; text-align: center;line-height: 1rem; display: inline-block;}