body{ position: relative; -webkit-text-size-adjust: 100%; font-family: "Microsoft YaHei", Arial, sans-serif; font-size: .16rem;}
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, span, a { margin: 0; padding: 0; font-family: inherit; vertical-align: baseline;}
ul, ol { list-style: none;}
a { text-decoration: none; color: inherit; cursor: pointer; outline: none;}
a:hover{ text-decoration:none;}
img { border: 0; object-fit: cover;}
video{ object-fit: cover; }
table { border-collapse: collapse;}
area{ outline:none; }
input, textarea, select{ -webkit-appearance: none; outline: none; resize: none; border-radius: 0;}
input::-ms-clear{ display:none;}
input[type="text"], input[type="password"] { -webkit-appearance: none; -moz-appearance: none; appearance: none;}
button { border: none; background: none; cursor: pointer;}
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0;}
.cf:after {content:"";display:block;height:0;clear:both;} 
.cf {zoom:1;}
.fl{ float: left; }
.fr{ float: right; }
.rel{ position: relative;}
.abs{ position: absolute;}
.auto{left: 50%; -webkit-transform:translate(-50%,0); -moz-transform:translate(-50%,0); -ms-transform:translate(-50%,0); -o-transform:translate(-50%,0); transform:translate(-50%,0);}


/* 弹出框 */
.pop{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .8); z-index: 99; display: none;}
.popContLogin{ top: 50%; left: 50%; transform: translate(-50%, -50%); min-height: 3rem; box-sizing: border-box; padding: .3rem .3rem .3rem .5rem; border-radius: .16rem; background: #FFF;}
.close{ top: .21rem; right: .24rem; width: .26rem; height: .26rem; background: url(https://tof.perfectworld.com/public/login/images/close.png) no-repeat 0 0; background-size: 100% auto; z-index: 1;}
.popBtns{ display: flex; margin-top: .3rem;}
.popBtns button, .popBtns a{ height: .67rem; line-height: .67rem; text-align: center; border-radius: .16rem; background: #0a49c8; font-weight: bold; font-size: .26rem; color: #fefefe;}

/* 弹出框：登录 */
.popLoginCont{ transform: translate(-50%, -50%) scale(0.8);}
.popLoginCont{ width: 8.82rem; height: 9.05rem; background: url(https://tof.perfectworld.com/public/login/images/popLoginCont.png) no-repeat 0 0; background-size: 100% auto;}
.popMsgCont{ width: 8.82rem; height: 5.96rem; background: url(https://tof.perfectworld.com/public/login/images/popMsgCont.png) no-repeat 0 0; background-size: 100% auto;}
.loginClose{ top: .5rem; right: .27rem; width: .47rem; height: .46rem; background: url(https://tof.perfectworld.com/public/login/images/loginClose.png) no-repeat 0 0; background-size: 100% auto;}
.wmLoginLogo{ display: block; margin: .5rem auto 0 auto; height: .72rem;}
.wmLoginLogo2{margin-top: 1.1rem;}
.wmLoginTit{ display: block; margin: .1rem 0 .35rem 0; text-align: center; line-height: 1em; font-size: .68rem; color: #292929;}
.wmLoginForm{ width: 6rem; margin: 0 auto;}
.wmLoginRow{ box-sizing: border-box; padding: 0 .2rem; height: .56rem; border-radius: .28rem; background: #e7e8ee;}
.wmLoginRow:first-child{ margin-bottom: .3rem;}
.wmLoginInput{ height: 100%; border: none; background: none; font-size: .23rem; color: #292929;}
.inputEmail{ width: 100%; }
.inputEmailCode{ width: 3.3rem;}
.getEmailCode{ top: 50%; right: .06rem; transform: translate(0, -50%); padding: 0 0.15rem; min-width: 2.1rem; height: .42rem; line-height: .42rem; border-radius: .21rem; text-align: center; background: #0a49c8; font-size: .23rem; color: #FFF;}
.yy_clause{ width: 6rem; margin: .4rem auto 0 auto; line-height: .3rem; font-size: .21rem; color: #292929;}
.yy_clause dd{position:relative;box-sizing:border-box;padding-left:.38rem;margin-left:0.4rem; margin-bottom: .1rem;}
.yy_clause dd a{color:#292929;}
.yy_clause dd:first-child{margin-left:0;}
.yy_clause dd::before{content:"";position:absolute;top:.01rem;left:0;width:.23rem;height:.23rem;background:url(https://tof.perfectworld.com/public/login/images/checkbox.png) no-repeat 0 0;background-size:100% auto;}
.yy_clause dd.active::before{background-position:0 bottom;}
#popWMLoginSubmit{ display: block; margin: 0.3rem auto 0 auto; width: 3.4rem; height: .88rem; line-height: .75rem; text-align: center; background: url(https://tof.perfectworld.com/public/login/images/popConfirm.png) no-repeat 0 100%; background-size: 100% auto; font-weight: bold; font-size: .4rem; color: #FFF;}
.bindSubmit{ display: block; margin: 0.3rem auto 0 auto; width: 3.4rem; height: .88rem; line-height: .75rem; text-align: center; background: url(https://tof.perfectworld.com/public/login/images/popConfirm.png) no-repeat 0 0; background-size: 100% auto; font-weight: bold; font-size: .4rem; color: #FFF;}
.bindSubmit.on{background-position: 0 bottom;}
.otherLogin{ margin-top: 0.2rem; display: flex; justify-content: center;}
.otherLoginLayer{ top: 0; left: 0; width: 100%; height: 100%; z-index: 100;}
.otherLoginLayer.active{ display: none;}
.otherLogin button{ width: .97rem; height: .97rem; margin: 0 .1rem; overflow: hidden; cursor: pointer;}
.otherLogin button a,.otherLogin button div{opacity: 0;}
.login_google{ background: url(https://tof.perfectworld.com/public/login/images/login_google.png) no-repeat 0 0; background-size: 100% auto;}
.login_facebook{ background: url(https://tof.perfectworld.com/public/login/images/login_facebook.png) no-repeat 0 0; background-size: 100% auto;}
.login_apple{ background: url(https://tof.perfectworld.com/public/login/images/login_apple.png) no-repeat 0 0; background-size: 100% auto;}
.login_x{ background: url(https://tof.perfectworld.com/public/login/images/login_x.png) no-repeat 0 0; background-size: 100% auto;}
.login_n{ background: url(https://tof.perfectworld.com/public/login/images/login_n.png) no-repeat 0 0; background-size: 100% auto;}
.login_ps{ background: url(https://tof.perfectworld.com/public/login/images/login_ps.png) no-repeat 0 0; background-size: 100% auto;}


.userlist{width: 6.85rem; height: 3.35rem; margin: 0 auto; overflow: hidden; overflow-y: auto; margin-bottom: .5rem;}
.userlist ul{overflow: hidden; clear: both;}
.userlist li{float: left; width: 3.1rem; height: 1rem; border-radius: .1rem; border: .02rem solid #e7e8ee; background: #e7e8ee url(../images/l.png) no-repeat 0 -999rem; background-size: .49rem auto; margin: 0 .14rem .14rem 0; cursor: pointer; color: #292929;}
.userlist li.on{background: #e7e8ee url(https://tof.perfectworld.com/public/login/images/l.png) no-repeat 2.2rem center; background-size: .49rem auto; border: .02rem solid #0a49c8;}
.userinfo{padding: .1rem 0 0 .2rem;}
.userinfo span,.userinfo strong{display: block;}
.userinfo strong{font-size: .24rem; padding-bottom: .05rem;}
.userinfo span{font-size: .16rem; line-height: .24rem;}

.userTips{width: 6.9rem; height: 1.7rem; margin: 0 auto; border-radius: .1rem; background: #e7e8ee; padding: .3rem .4rem; font-size: .2rem; line-height: .32rem; color: #292929; font-weight: bold; margin-bottom: .3rem;}

.userBtns{display: flex; justify-content: center;}
.userBtns a{display: block; width: 2.8rem; height: .72rem; line-height: .62rem; margin: 0 .28rem; cursor: pointer; text-align: center; color: #FFF; font-weight: bold; font-size: .32rem; background: url(https://tof.perfectworld.com/public/login/images/popConfirm.png) no-repeat 0 0; background-size: 100% auto;}
.userBtns a.on{background-position: 0 bottom;}