/* global reset - based on yui3 */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;border:0}
article,aside,details,figcaption,figure,footer,header,menu,nav,section{display: block}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ul,ol,li{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;font-size:100%}
legend{color:#000}

body{font-family:"Hiragino Sans GB","Hiragino Sans GB W3",'微软雅黑';background:#ebedee;max-width:7.5rem;}
a{text-decoration:none;}
.fl{float:left}
.fr{float:right}
.cf:before,.cf:after{content:""; display:table}
.cf:after {clear:both}
.cf {zoom:1}
img{ display:block; border:0; }


/********************************************  Msite 注册页面 Start  *******************************************/
html,body{ width:100%; height:100%; }
body{ background: #EBEDEE; position:relative; left:0; top:0; }
.main { width: 100%; height: 100%; overflow: hidden; position: relative; left: 0; top: 0; }


/*顶部*/

/* width: 7.5rem;  */
.header {height: 0.88rem; overflow: hidden; position: relative; left: 0; top: 0; }
.header a{ display:block; width: 0.48rem; height: 0.48rem; position: absolute; left: 0.24rem; top: 0.2rem; }
.header .return-btn { width: 0.48rem; height: 0.48rem }

/* .header .show-info { width: 7.5rem; height: 0.88rem; line-height: 0.88rem; text-align: center; font-size: 0.32rem; color: #2F2F2F; font-weight: 900; overflow: hidden; letter-spacing: 1px; } */
.header .show-info {height: 0.88rem; line-height: 0.88rem; text-align: center; font-size: 0.32rem; color: #2F2F2F; font-weight: 900; overflow: hidden; letter-spacing: 1px; }
/* width: 7.2rem;  */
.wrap {height: auto; background: #FAFAFA; padding-left: 0.3rem; border: 1px solid #DFDFDF; border-left: 0; border-right: 0; }

.wrap .form {
    width: 7.2rem;
}

.wrap .form li { width: 7.2rem; height: 1rem; border-bottom: 1px solid #DFDFDF; overflow: hidden; position: relative; left: 0; top: 0; }

.wrap .form li.no-border {
    border: 0;
}

.wrap .form li input {
    overflow: hidden;
}

.wrap .form li span { display: block; width: 1.8rem; height: 1rem; overflow: hidden; font-size: 0.3rem; line-height: 1.08rem; color: #646464; float: left; }


/*手机号*/

.wrap .form li.phone-num input { display: block; width: 4.3rem; height: 0.42rem; position: absolute; left: 1.8rem; top: 0.29rem; overflow: hidden; font-size: 0.3rem; color: #000; background: #FAFAFA; outline: none; }

.wrap .form li.phone-num .right { width: 0.36rem; height: 0.34rem; position: absolute; right: 0.3rem; top: 0.36rem; background: url(../../../assets/register/icons.png) no-repeat 0 -.47rem; background-size: 1.04rem 1.92rem; }
.wrap .form li.phone-num .right.err{ display: none; background: url(../../../assets/register/icons.png) no-repeat -.56rem -.47rem; background-size: 1.04rem 1.92rem; }

/*图片验证码*/


.wrap .form li.pic-verify-code {
    display: none;
}

.wrap .form li.pic-verify-code input { display: block; width: 2.5rem; height: 0.42rem; position: absolute; left: 1.8rem; top: 0.29rem; overflow: hidden; font-size: 0.3rem; color: #000; background: #FAFAFA; outline: none; }

.wrap .form li.pic-verify-code .pic-code { display: block; width: 1.4rem; height: 0.5rem; position: absolute; right: 0.95rem; top: 0.25rem; z-index: 10; }

.wrap .form li.pic-verify-code .pic-code-expired { display: block; width: 1.4rem; height: 0.5rem; position: absolute; right: 0.95rem; top: 0.25rem; z-index: 20; font-size: 0.20rem; line-height: 0.5rem; text-align: center; color: #FFF; background: #000; opacity: 0.73; display: none; }

.wrap .form li.pic-verify-code .right { width: 0.36rem; height: 0.36rem; position: absolute; left: 4.18rem; top: 0.36rem; background: url(../../../assets/register/icons.png) no-repeat 0 -.47rem; background-size: 1.04rem 1.92rem; }
.wrap .form li.pic-verify-code .right.err{ display:none; background: url(../../../assets/register/icons.png) no-repeat -.56rem -.47rem; background-size: 1.04rem 1.92rem; }

.wrap .form li.pic-verify-code .flushbtn { display: block; width: 0.5rem; height: 0.5rem; position: absolute; right: 0.3rem; top: 0.25rem;/* display: none; */ background: url(../../../assets/register/icons.png) no-repeat -.56rem -1.50rem; background-size: 1.04rem 1.92rem; }


/*滑动验证码*/

.wrap .form li.slider-verify-code { width: 7.2rem; height: 0.8rem; padding-top: 0.2rem; display: none; }

.wrap .form li.slider-verify-code .box { width: 6.9rem; height: 0.6rem; background: #ADD2FF; font-size: 0.14rem; }

#reg_form .dt_child_content,
#reg_form .dt_slide_bar_back { background: #EFEFEF!important; }

#reg_form .dt_child_content_knob,
#reg_form .dt_child_content_knob_move,
#reg_form .dt_child_content_knob_move_back { background: url("//sr2.pplive.cn/cms/11/11/f2fada8e62abe3a965ecd4e76889ec94.png")!important; background-size: 0.9rem 0.6rem!important; }

#reg_form .dt_notice { font-size: 0.24rem!important; color: #a10b1b; }

#reg_form .dt_slide_bar { background: #00ABEB!important; }

#reg_form .dt_child_content_knob_complete { background: url('//sr4.pplive.cn/cms/42/32/9f22e38d00e989aff0ffa8c1d8297252.png')!important; background-size: 0.9rem 0.6rem!important; }


/*手机验证码*/

.wrap .form li.phone-verify-code input { display: block; width: 2.5rem; height: 0.42rem; line-height: 0.42rem; position: absolute; left: 1.8rem; top: 0.29rem; overflow: hidden; font-size: 0.3rem; color: #000; background: #FAFAFA; outline: none; }

.wrap .form li.phone-verify-code .get-verify-code { display: block; width: 1.6rem; height: 1rem; font-size: 0.3rem; line-height: 1rem; text-align: right; position: absolute; right: 0.3rem; top: 0; color: #C8C8C8; }

.wrap .form li.phone-verify-code .gray { color: #C8C8C8; }

.wrap .form li.phone-verify-code .blueClick { color: #04ADF6; }

.wrap .form li.phone-verify-code .right { width: 0.36rem; height: 0.36rem; position: absolute; right: 1.9rem; top: 0.36rem; background: url(../../../assets/register/icons.png) no-repeat 0 -.47rem; background-size: 1.04rem 1.92rem; }
.wrap .form li.phone-verify-code .right.err{ display:none; background: url(../../../assets/register/icons.png) no-repeat -.56rem -.47rem; background-size: 1.04rem 1.92rem; }


/*密码*/

.wrap .form li.password input { display: block; width: 4.42rem; height: 0.42rem; position: absolute; left: 1.8rem; top: 0.29rem; overflow: hidden; font-size: 0.3rem; color: #000; background: #FAFAFA; outline: none; }

.wrap .form li.password input.setting { width: 3.5rem; }

.wrap .form li.password .right { display:none; width: 0.36rem; height: 0.36rem; position: absolute; right: 0.9rem; top: 0.36rem; background: url(../../../assets/register/icons.png) no-repeat 0 -.47rem; background-size: 1.04rem 1.92rem; }
.wrap .form li.password .right.err{ background: url(../../../assets/register/icons.png) no-repeat -.56rem -.47rem; background-size: 1.04rem 1.92rem; }

.wrap .form li.password .show-text { display: block; width: 0.42rem; height: 0.36rem; position: absolute; right: 0.3rem; top: 0.36rem; background: url(../../../assets/register/icons.png) no-repeat -.52rem 0; background-size: 1.04rem 1.92rem; }
.wrap .form li.password .show-text.active{ background: url(../../../assets/register/icons.png) no-repeat 0 0; background-size: 1.04rem 1.92rem; }



/*placeholder样式*/


::-webkit-input-placeholder { /* Chrome/Opera/Safari */  color: pink;  font-size: 0.24rem;  height: 0.5rem;  line-height: 0.5rem;  top: 0.33rem;  color: #C8C8C8;  }

::-moz-placeholder {/* Firefox 19+ */ color: pink; font-size: 0.24rem; height: 0.5rem; line-height: 0.5rem; top: 0.33rem; color: #C8C8C8; }

:-ms-input-placeholder {/* IE 10+ */ color: pink; font-size: 0.24rem; height: 0.5rem; line-height: 0.5rem; top: 0.33rem; color: #C8C8C8; }

:-moz-placeholder {/* Firefox 18- */ color: pink; font-size: 0.24rem; height: 0.5rem; line-height: 0.5rem; top: 0.33rem; color: #C8C8C8; }


/*用户协议*/
/* width: 7.2rem; */
.main .accept { height: 1rem; line-height: 1rem; padding-left: 0.3rem ; overflow: hidden; }

.main .accept .check{ float: left; min-width: 2rem; font-size: .24rem }
.main .accept .check i{ position: relative; float: left; margin-right:.1rem ; margin-top:.33rem ; height: .32rem; width: .34rem; border: 0; background: url(../../../assets/register/icons.png) no-repeat -.56rem -1rem; background-size: 1.04rem 1.92rem; }

.main .accept .check.checked i{
    background: url(../../../assets/register/icons.png) no-repeat 0 -1rem;
    background-size: 1.04rem 1.92rem;
}


.main .accept a { display: block; float: left; font-size: 0.22rem; color: #000; margin-left: 0.16rem; font-weight: 600; }


/*注册*/
/* width: 6.5rem;  */
.main .register {height: 0.86rem; padding: 0.5rem  0.5rem 0 0.5rem; }

.main .register div { width: 6.5rem; height: 0.86rem; font-size: 0.34rem; color: #FFFFFF; line-height: 0.86rem; text-align: center; background: #CCC; border-radius: 100px; letter-spacing: 2px; }
.main .register.checked div { background:#00AEEF; }
/* height: 1rem;  */
.main .login {overflow: hidden; text-align: center; font-size: 0.22rem; color: #323232; line-height: 1rem; }

.main .login a { font-size: 0.26rem; color: #00AAEA; }


/*弹窗 请输入正确的手机号*/

.tips-correct-phoneNums { width: 4rem; height: auto; background: rgba(7, 27, 35, 0.8); border-radius: 50px; color: #fff; font-size: 0.28rem; text-align: center; line-height: 1.04rem; position: absolute; left: 50%; margin-left: -2rem; top: 3.5rem; letter-spacing: 1px; display: none; }

.tips-correct-phoneNums-manywords { width: 5rem; height: auto; padding: 0.2rem; background: rgba(7, 27, 35, 0.8); border-radius: 50px; color: #fff; font-size: 0.28rem; text-align: center; line-height: 0.44rem; position: absolute; left: 50%; margin-left: -2.7rem; top: 3.5rem; letter-spacing: 1px; display: none; }

.screen-cover { display: none; }

.screen-cover .fullscreen-bg-gray { width: 100%; height: 100%; background: #000; opacity: 0.2; position: absolute; left: 0; top: 0; }

.screen-cover .m-login-box { width: 5.4rem; height: 3rem; background: #FFF; border-radius: 0.08rem; position: absolute; left: 50%; top: 50%; margin-left: -2.7rem; margin-top: -1.5rem; overflow: hidden; }

.screen-cover .m-login-box .canLogin { width: 5.4rem; height: 2rem; border-bottom: 1px solid #DCDCDC; font-size: 0.28rem; color: #323232; letter-spacing: 0.02rem; line-height: 0.4rem; text-align: center; padding-top: 0.6rem; box-sizing: border-box; }

.screen-cover .m-login-box .btn { width: 5.4rem; height: 1rem; overflow: hidden; }

.screen-cover .m-login-box .btn .cancel { width: 50%; height: 1rem; border-right: 1px solid #DCDCDC; font-size: 0.3rem; color: #969696; text-align: center; line-height: 1rem; letter-spacing: 0.03rem; float: left; box-sizing: border-box; }

.screen-cover .m-login-box .btn .login { width: 50%; height: 1rem; float: left; font-size: 0.3rem; color: #04ADF6; text-align: center; line-height: 1rem; letter-spacing: 0.03rem; }

.dt_parent .dt_child_content_knob{z-index: 13 !important}


/********************************************  Msite 注册页面 End  *******************************************/