@font-face {
  font-family: 'MaterialIcons';
  src:  url('../fonts/MaterialIcons-Regular.otf');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'HarmonyOS';
  src:  url('../fonts/HarmonyOS_Sans_SC_Bold.ttf');
  font-weight: 600;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'HarmonyOS';
  src:  url('../fonts/HarmonyOS_Sans_SC_Medium.ttf');
  font-weight: 500;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'HarmonyOS';
  src:  url('../fonts/HarmonyOS_Sans_SC_Regular.ttf');
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'Roboto-Thin';
  src:  url('../fonts/Roboto-Thin.ttf');
  font-weight: 400;
  font-display: block;
}
*{margin:0px; padding:0px;font-family:"HarmonyOS";}
html{margin:0px; padding:0px; letter-spacing: 0.01rem;}
li{list-style:none;}
div{font-size: 0;}
.loading{position: fixed; z-index: 9999; left: 0;; top: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.2); display: none;}
.loading img{width: 0.8rem; height: 0.8rem; position: absolute; left: 50%; top: 50%; margin-left: -0.4rem; margin-top: -0.4rem;animation: rotate 2s linear infinite;}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.mainbox{width:90%; margin:0px auto; margin-top:0.45rem;max-width: 750px;}
.popbox{position: fixed; width: 100%; height: 100%; z-index: 999;left: 0;top: 0;background-color: rgba(0, 0, 0, 0.6);}
.popbox .pbox{background: url(../images/popbg.png) left top repeat-x; width: 86%; height: 6rem; background-size: auto 100%; position: absolute; left: 7%; top: 50%; border-radius: 0.2rem; text-align: center; margin-top: -3rem; }
.popbox .pbox img{width: 1.2rem; margin-top: 0.8rem;}
.popbox .pbox h3{font-size: 0.35rem;margin-top: 0.3rem; margin-bottom: 0.3rem;}
.popbox .pbox p{font-size: 0.26rem; color: rgba(0, 0, 0, 0.6); line-height: 0.32rem;}
.popbox .pbox button{width: 60%; display: inline-block; height: 0.8rem; line-height: 0.8rem;   
  background-color: #2c2b30; border: none; border-radius: 0.4rem; color: #FFF; font-size: 0.26rem; margin-top: 0.75rem; text-align: center;}

.toper{position: fixed; width: 100%; height: 1rem; left: 0; top: 0;}
.toper .tp{max-width: 750px; width: 100%; height: 1rem; line-height: 1rem; margin: 0px auto; position: relative; text-align: center; font-size: 0.28rem; color: #000000; border-bottom: #b1b1b3 solid 1px;}
.toper .tp a{display:block; position:absolute; height:0.36rem; width:0.36rem; background:url(../images/O1.png) center center no-repeat; background-size:auto 80%; left:0.28rem; top:0.3rem;}
.toper .tp span{display:block; position:absolute; height:0.4rem; width:0.4rem; background:url(../images/history.png) center center no-repeat; background-size:auto 90%; right:0.28rem; top:0.3rem;}

.navbox{height: 0.8rem; text-align: center;}
.navbox li{height: 0.8rem;  line-height: 0.8rem; font-size: 0.26rem; color: #000; display: inline-block; background-color: #f4f4f4; width:30%; margin: auto 2.4%; border-radius: 0.2rem;}
.navbox li.cur{ background-color: #cdc3f2;}
.mainbox .xx{font-size: 0.24rem; height: 0.8rem; line-height: 0.8rem; text-align: center; background-color: #e7f3f7; border: #d6d6d6 solid 1px; border-radius: 0.2rem; margin-top: 0.3rem;}

.wkbox{ width: 100%; margin: 0px auto;margin-top: 0.2rem;background-color: #eeedf5; border-radius: 0.2rem; padding-bottom: 0.2rem;}
.wkbox ul{text-align: center;}
.wkbox ul li{display:inline-block; width: 30%; position: relative; height: 0.6rem; line-height: 0.6rem; color: #000000; font-size: 0.24rem; text-align: left;margin: auto 1.6%;margin-top: 0.2rem;}
.wkbox ul li span{font-size: 0.26rem; position: absolute; left: 0.2rem; line-height: 0.6rem; display: block;}
.wkbox ul li input{width: 100%; height: 100%; box-sizing: border-box; padding-left: 0.6rem; outline: none; font-size: 0.26rem; border: none; background-color: transparent; border-radius: 0.1rem;}
.wkbox ul li input:focus{background-color: rgba(255, 255, 255, 0.4);}

.ftbox{width: 100%; text-align: center; position: fixed; bottom: 1rem; z-index: 999999;}
.ftbox .ibtn{width: 90%; background-color: #000000;height: 0.9rem; line-height: 0.9rem; border: none; border-radius: 0.2rem; color: #FFF; font-size: 0.26rem; }
.ftbox .ibtn:disabled{background-color: rgba(0, 0, 0, 0.5);}



.updatabox{position: fixed; z-index: 99999; background-color: rgba(0, 0, 0, 0.4); width: 100%; height: 100%; left: 0; top: 0; display: none;} 
.updatabox .upbox{background-color: #2e2f4d; box-sizing: border-box; width: 5rem; height: 4.8rem; padding: 0.5rem; text-align: center; position: absolute; left: 50%;; top: 50%; margin-left: -2.5rem;  margin-top: -2.4rem; border-radius: 0.3rem;}
.updatabox .upbox img{width: 1.2rem;}
.updatabox .upbox p{color: #FFF; font-size: 0.28rem; margin-top: 0.4rem;}
.updatabox .upbox a{display: block; width: 2.2rem; height: 0.7rem; line-height: 0.7rem;  text-align: center; background-color: #7818fe; border: none; border-radius: 0.5rem; color: #FFF; font-size: 0.26rem; margin: 0px auto; margin-top: 0.3rem; text-decoration: none;}









.btnbox{max-width: 750px; width: 100%; margin: 0px auto; text-align: center; font-size:0.3rem; margin-top: 1rem; }
.btnbox .ibtn{width: 80%; display: inline-block; height: 0.9rem; line-height: 0.9rem;  background: url(../images/tb2.png) 0.5rem center no-repeat; background-size:auto 45%;  background-color: #2c2b30; border: none; border-radius: 0.2rem; color: #FFF; font-size: 0.26rem; margin-top: 0.3rem; text-align: left; text-indent: 1.2rem;}
.btnbox .cur{background: url(../images/tb1.png) 0.5rem center no-repeat; background-size:auto 45%;background-color: #584cea;}
.tkbox{text-align: center; font-size: 0.25rem; color:#797a8c ; margin-top: 0.5rem;}
.tkbox p{color: rgba(255, 255, 255, 0.8); margin-left: 0.2rem;}




.mainbox .titbox{font-weight:600; font-size:0.42rem; line-height:0.5rem; color: #ffffff; text-align: center;}
.mainbox .pwdbox{width: 100%; margin-top: 1rem;}
.mainbox .pwdbox ul{ text-align: center;}
.mainbox .pwdbox ul li{display:inline-block; width:0.7rem; height:0.7rem; background-color:#424149; box-sizing:border-box; border-radius:0.15rem; font-size: 0; margin: 0px 0.05rem;}
.mainbox .pwdbox ul li span{display: block; width: 0.2rem; height: 0.2rem; border-radius: 50%; background-color:#424149; float: left; margin-left: 0.22rem; margin-top: 0.23rem;font-size: 0;}
.mainbox .pwdbox ul li.cur span{background-color:#584cea;}
.jianpanbox{ width:94%; height:4rem; position:fixed; left:3%; bottom:1rem; z-index:1}
.jianpanbox ul{}
.jianpanbox ul li{ width:32%; margin-right: 2%; display:block; float:left; text-align:center; font-weight:500; font-size:0.42rem; height:0.9rem; line-height:0.9rem; color: #FFF; background-color: #28272d; margin-top: 0.1rem;}
.jianpanbox ul li:nth-child(3n){float: right; margin-right: 0px;}
.jianpanbox ul li.del{background:url(../images/delicon.png) center center no-repeat; background-size:auto 45%;}
.mainbox .bktit{text-align: center; font-size: 0.28rem; color: rgba(255, 255, 255, 0.8);}

.bkbox{ width: 100%; margin: 0px auto;text-align: center;  background-color: #2a2b2d; border-radius: 0.2rem; margin-top: 0.8rem;}
.bkbox h3{font-size: 0.36rem; color:rgba(255, 255, 255, 1); margin-top: 0.4rem;}
.bkbox p{font-size: 0.26rem; font-weight: normal; color:rgba(255, 255, 255, 0.6); margin-top: 0.1rem;}
.bkbox ul{width:100%; padding-bottom: 0.3rem;}
.bkbox ul li{width: 29%; float:left;height: 0.7rem; line-height: 0.7rem; color: #000000; font-size: 0.24rem; text-align: left; background-color: #FFF; margin-left: 3.2%; position: relative; margin-top: 0.3rem;font-weight: bold; text-indent: 0.5rem;border-radius: 0.1rem;}
.bkbox ul li span{position: absolute; color:rgba(0, 0, 0, 0.7); font-size: 0.22rem; left: -0.35rem;top: 0; z-index: 999;  }

.bxx1{width: 100%; margin-top: 0.5rem;color: rgba(255, 255, 255, 0.9);}
.bxx1 h3{font-size: 0.26rem; background: url(../images/mexc_common_selected.png) left center no-repeat; background-size: auto 60%;  padding-left: 0.4rem; font-weight: normal;}
.bxx1 p{font-size: 0.26rem; line-height: 0.3rem; margin-top: 0.08rem; }

.bxx2{width: 100%; margin-top: 0.5rem;color: rgba(255, 255, 255, 0.9);}
.bxx2 h3{font-size: 0.26rem; background: url(../images/token_datial_fail.png) left center no-repeat; background-size: auto 80%;  padding-left: 0.4rem; font-weight: normal;}
.bxx2 p{font-size: 0.26rem; line-height: 0.3rem; margin-top: 0.08rem; }
.bxx2 p::before{content:"•";margin-right: 0.1rem;}
.bxx2 h4{font-size: 0.26rem;padding-left: 0.2rem; font-weight: normal; color: #7665f5; margin-top: 0.5rem;}

.vrbox{ width: 100%; margin: 0px auto;text-align: center;  background-color: #2a2b2d; border-radius: 0.2rem; margin-top: 0.8rem;}
.vrbox ul{width:100%; padding-bottom: 0.3rem;}
.vrbox ul li{width: 29%; float:left;height: 0.7rem; line-height: 0.7rem; color: #000000; font-size: 0.24rem; text-align: left;  margin-left: 3.2%; position: relative; 
  margin-top: 0.3rem;font-weight: bold; text-indent: 0.5rem;border-radius: 0.1rem; box-sizing: border-box; border:rgba(255, 255, 255, 0.3) solid 1px ; }
.vrbox ul li.cur{background-color: #FFF;}
.vrbox ul li span{position: absolute; color:rgba(255, 255, 255, 0.7); font-size: 0.22rem; left: -0.35rem;top: 0; z-index: 999;  }
.vrbox ul li i{font-style: normal;}
.vrbox ul li.cur span{ color:rgba(0, 0, 0, 0.7);  }
.vrbox ul li em{position: absolute;z-index: 9999; right: -1px; top:-0.14rem; display: none;}
.vrbox ul li em img{width: 0.3rem;}
.vrbox ul li.cur em{display: block;}
.clrbox{width: 100%; margin-top: 0.3rem; height: 0.5rem;}
.clrbox .clrbtn{width: 0.8rem; height: 0.5rem; float:right; line-height: 0.5rem; border:#7665f5 solid 1px ; background-color: transparent; font-size: 0.24rem; text-align: center; color:#7665f5 ; border-radius: 0.1rem;display: none;}




.imtit{font-size: 0.4rem; color: #FFF;}
.imbox{width: 100%; margin-top: 0.5rem; height: 4rem;}
.imbox p{font-size: 0.25rem; color: rgba(255, 255, 255, 0.8);}
.imbox ul li{float: left; height: 0.7rem; line-height: 0.7rem; background-color: #2c2b31; color: rgba(255, 255, 255, 0.8); box-sizing: border-box; padding:0px 0.2rem; border-radius: 0.1rem;font-size: 0.26rem; position: relative; }
.imbox ul li span{font-size: 0.26rem; left: 0.2rem; top: 0;position: absolute; z-index: 999; }
.imbox ul li p{background-color: transparent; width: 100%; height: 0.7rem; line-height: 0.7rem; border: none; outline: none;background-color: transparent; padding-left: 0.4rem;}
.imbox ul li input{height: 0.7rem; line-height: 0.7rem; outline: none; margin-left: 0.2rem; font-size: 0.26rem; border: none; width: 1rem; }
.imbox  .txtword{width:100%; box-sizing:border-box; font-size: 0.28rem; color: rgba(255, 255, 255, 0.9); height:2.5rem; border:rgba(255, 255, 255, 0.6) solid 1px; border-radius:0.2rem;outline:none; padding:0.2rem; margin-top:0.4rem; line-height:0.34rem; background-color:transparent;}

.wdlist{width: 100%; height: 3rem; box-sizing: border-box; margin-top: 0.2rem;}
.wdlist ul{width: 100%; height: 3rem; overflow: scroll;}
.wdlist ul li{font-size: 0.25rem; height: 0.35rem; line-height: 0.35rem; padding: 0px 0.1rem; border: #525252 solid 1px; float: left; margin-left: 0.1rem; margin-top: 0.2rem; color: #525252; border-radius: 0.1rem;}