html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video,input{margin:0;padding:0;border:none;outline:0;font-family:STHeitiSC-Light;font:inherit;vertical-align:baseline}html,body,form,fieldset,p,div,h1,h2,h3,h4,h5,h6{-webkit-text-size-adjust:none}html,body{width:100%;height:100%}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{font-family:arial, sans-serif}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}ins,a{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}img{display:inline-block}input,textarea{border:none;background:none;outline:none;-webkit-appearance:none}*{-webkit-tap-highlight-color:transparent;-moz-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent;-o-tap-highlight-color:transparent}html{font-size:37.5px}*{padding:0;margin:0;list-style:none}html,body{width:100%;height:100%}.headerlist{height:1.17333rem;width:90%;height:100%;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo{width:2.42667rem;margin-top:15%}.more{width:.53333rem}
p,li { max-height: 999999px;}
a{
    text-decoration:none;
    color:#333;
    }.mask{width:100%;height:100%;background:rgba(255,255,255,255);position:fixed;top:0;left:0;display:none;z-index:99999}
.masklogo{
    width:90%;
    padding:0 5%;
   height:1.5rem;
   background:#fff;
   display:flex;
   justify-content: space-between;
   align-items:center;
}
.masklogo img{
    width:2.42667rem;
    
}
.masklogo span{
    font-family: "Comfortaa";
    font-size: .5rem;
}.masklist{width:100%;margin:0 auto;text-align:center;}
.masklist li{width:100%;height:50px;line-height:50px;color:#4e4f69;}
.masklist li:hover{
    background:#5CC2D0;
    color:#fff;
}.btns{
    width:90%;
    margin:0 auto;
    display:flex;
    justify-content: space-between;
    margin-top:30px;
}
.btns li{
    width:45%;
    height:45px;
    background:#fff;
    color:#5CC2D0;
    font-family:"Rubik";
    line-height:45px;
    text-align:center;
    border-radius:5px;
}
.masklogin{
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    background:rgba(0,0,0,.3);
    display:none;
    z-index:999999999999;
}
.masksign{
    padding-bottom:1rem;
    width:90%;
    background:#fff;
    border-radius:.5rem;
    margin:0 auto;
    margin-top:20%;
}
.sgintitle{
    width:100%;
    height:2rem;
    display:flex;
    justify-content: space-between;
    align-items:center;
}
.sgintitle span{
    width:30%;
    text-align:center;
}
.sgintitle :nth-child(2){
    font-size:.74rem;
    color:#d78f25;
    font-family:"Comfortaa";
}
.sgintitle :nth-child(3){
    font-size:.44rem;
    color:#6e70a0;
    font-family:"Rubik";
}
.emailipt,.passwordipt,.usernameipt{
    width:90%;
    margin:0 auto;
    height:1.5rem;
    display:flex;
    justify-content: space-between;
    align-items:center;
    border-bottom:2px solid #999;
}
.emailipt input,.usernameipt input{
    flex:1;
    height:100%;
    margin-left:5%;
}
.passwordipt input{
    flex:1;
    height:100%;
    margin-left:5%;
}

.passwordipt img,.usernameipt img{
    width:.62rem;
    height:.62rem;
}
.emailipt img{
    width:.62rem;
    height:.62rem;
}
.emailwrong,.passwordwrong{
    display:none;
    color:#eb532f;
}
.pasword{
    display:flex;
    width:90%;
    margin:0 auto;
    justify-content: space-between;
    align-items: center;
    height:1.3rem;
}
.pasword dl{
    
    display:flex;
    align-items:center;
}
.pasword dl dt{
    margin-right:.3rem;
}
.loginbtn{
    width:90%;
    margin-bottom:.5rem 0;
    margin:0 auto;
    height:1.2rem;
    background:#6e70a0;
    color:#fff;
    border-radius:.1rem;
    line-height:1.2rem;
    text-align:Center;
    font-size:.52rem;
    font-family:"Rubik";
    margin-top:.5rem;
    margin-bottom:.5rem;
}
.methods{
    display:flex;
    width:90%;
    margin:0 auto;
    height:2rem;
    align-items: center;
    justify-content: space-between;
    padding-bottom:.3rem;
}
.methodsother{
    display:inline-block;
    width:87%;
    text-align:end;
    color:#999;
}
.methods li{
    width:.9rem;
    height:.9rem;
    margin-left:.3rem;
}
.methods li img{
    width:100%;
    height:100%;
}
.methodslist{
    display:flex;
}
.gotomethod{
    width:90%;
    margin:0 auto;
    font-family:"Rubik";
    font-size:.33rem;
    line-height:.7rem;
}
.gotomethod .text{
    color:#999;
}
.gotomethod .jump{
    color:#6e70a0;
    text-decoration: underline;
}
.allabout{
    height:.5rem;
}
.close{
    width:.4rem;
    height:.4rem;
}
.close img{
    width:.4rem;
    height:.4rem;
}
a {  text-decoration:none; color:#4e4f69}
.prompt{
    color:#d78f25;
    width:80%;
    margin:0 auto;
    padding-top:1rem;
    text-align:center;
    line-height:.7rem;
}
.headerlist li:nth-child(2) {
    display: flex;
    align-items: center;
}
.headerlist li:nth-child(2) img:nth-child(1) {
    width: .32rem;
    height: .426667rem;
    margin-right: .16rem;
}
.headerlist li:nth-child(2) span {
    font-size: 0.32rem;
    color: #777AAF;
}
.headerlist li:nth-child(3) {
    margin-left: .7rem;
}
header {
    height: 1.173333rem;
}
header .logo {
    margin-top: 0;
}
header ul li:nth-child(1) {
    flex: 1;
    display: flex;
    align-items: center;
}
.bottom-modal {
    width: 100%;
    position: absolute;
    bottom: 0;
}

.bottom-modal >div {
    height: 1.616rem;
    background: #fff;
    font-size: .426667rem;
    line-height: 1.616rem;
    padding-left: .413333rem;
    padding-right: .4rem;
    font-size: .426667rem;
    color: #37384A;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bottom-modal >div >div {
    display: flex;
    align-items: center;
}

.bottom-modal >div >div >img {
    width: .4rem;
    height: .533333rem;
    margin-right: .413333rem;
}

.bottom-modal >div >img {
    width: .146667rem;
    height: .266667rem;
}

/* .mask p{line-height:50px;font-size:24px;float:right;} */