@charset "utf-8";
*{margin:0px;padding:0px;box-sizing: border-box;}
@font-face {
    font-family: "msyhbd";
    src: url("./fonts/msyhbd.ttc") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Arial";
    src: url("./fonts/ArialBold.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Inter";
    src: url("./fonts/SignPainter.ttc") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "PingFang";
    src: url("./fonts/PingFangRegular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

img{border:0;vertical-align:top;}
li{list-style-type:none;}
ul,dl,ol{list-style:none;}
a {text-decoration: none;color: inherit;}
body {font-size: 14px;font-family:"PingFang";-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;color: #000000;height: 100%;}
.flexRow{display: flex;flex-direction: row;}
.flexColumn{display: flex;flex-direction: column;}
.flexcenter{align-items: center;justify-content: center;}
.overflowclass{ overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
button{outline:none;border:none;}
header,.miand{width: 1380px;margin:0 auto;}
body{background: #F6F5FA;}
.headd{justify-content: space-between;margin:13px 0 10px 0;width: 100%;}
.headlogo img:nth-child(1){width:24px;height:29px;margin:-2px 4px 0 0;}
.headlogo img:nth-child(2){width:67px;height:22px;margin:4px 0 0 0;}
.headlogo{font-weight: 600;font-size: 24px;color: #482DE1;line-height: 33px;align-items: center;}
.headmida{font-weight: 600;font-size: 18px;color: #000000;line-height: 25px;margin:0 35px 0 0;transition: all .3s ease;}
.headmida:last-child{margin:0;}
.headmida:hover{color:#8064FF;}
.headmida.check{color: #482DE1;}
.headriga:nth-child(1){width: 86px;height: 41px;border-radius: 21px;border: 1px solid #BAC8F9;color: #000000;margin:0 20px 0 0;transition: all .3s ease;}
.headriga:nth-child(1):hover{ border: 1px solid #482DE1;color:#482DE1;}
.headriga:nth-child(2){width: 133px;height: 41px;background: linear-gradient( 270deg, #3364FF 0%, #8E63FF 100%);border-radius: 21px;color: #FFFFFF;transition: all .3s ease;}
.headriga:nth-child(2):hover{ box-shadow: 0px 0px 8px 0px #3964FF;}
.headriga{font-weight: 600;font-size: 18px;line-height: 25px;}

.head-user{font-weight: 500;font-size: 18px;color: #000000;line-height: 25px;align-items: center;}
.head-user img{width:40px;height:40px;margin:0 6px 0 0;}
.headmiddle{align-items: center;}

.layui-layer-title,.layui-layer-setwin{display: none;}
.layui-layer-page .layui-layer-content{height:100%;overflow-y:hidden !important;height: auto !important;}

.maindiv{position: relative;}
footer{height: 315px;background: #18181A;display: flex;}
.footer{margin:46px auto;width:1380px;justify-content: space-between;}
.fofllogo,.fofllogo:hover{font-weight: 600;font-size: 37px;color:#FFFFFF;line-height: 52px;}
.fofllogo img:nth-child(1){width:38px;height: 46px;margin:0 8px 0 0;}
.fofllogo img:nth-child(2){width:112px;height:37px;margin:8px 0 0 0;}
.fofl-mid{margin:25px 0;}
.fofl-mid p{width: 22px;height: 22px;background: #FFFFFF;border-radius: 50%;margin:0 12px 0 0;}
.fofl-mid p span{width: 12px;height: 12px;background: #18181A;}
.fofl-down,.beian{font-size: 18px;color: #949495;line-height: 21px;}
.fofritem{margin:0 70px 0 0;}
.fofritem:last-child{margin:0 35px 0 0;}
.fofritemp{font-weight: bold;font-size: 21px;color: #FFFFFF;line-height: 29px;margin:0 0 50px 0;}
.fofritemli{font-size: 18px;color: #949495;line-height: 25px}
.fofritemli a{margin:0 0 35px 0;}
.fofritemli a:last-child{margin:0;}
.smlayer{height: 100%;position:relative;overflow:hidden;display: none;}
.smlayd{margin:40px;height: 100%;}
.smlay-title{font-weight: 600;font-size: 24px;color: #333333;line-height: 33px;margin:0 0 19px 0;}
.smlay-cons{font-weight: 500;font-size: 18px;color: #3C3C3C;line-height: 36px; }
.smlayer img{position:absolute;right:30px;top:30px;width:24px;height:24px;cursor: pointer;}
.logre,.logfoget{margin:50px 50px 35px 50px;position: relative;}
.closelog{position:absolute;top:25px;right:25px;width:16px;height: 16px;cursor: pointer;}

.loginaregister{display: none;}

/* login register */
.toptab{font-weight: 500;font-size: 24px;color: #A5A5A5;;line-height: 33px;letter-spacing: 1px;align-items: center;margin:0 40px 0 0;cursor: pointer;}
.toptab.check{color:#000000;}
.toptab b{width: 32px;height: 4px;background: #482DE1;border-radius: 2px;display:none;margin:4px 0 0 0;}
.toptab.check b{display:flex;}
.login-forms,.forge-forms{height: 48px;background: #FFFFFF;border-radius: 4px;border: 1px solid #E2E3E8;align-items: center;padding: 0 20px;margin-bottom: 10px;width:100%;}
.login-forms input,.forge-forms input {flex: 1;height: 100%;border: none;outline: none;font-size: 14px;color:#848484;}
.logemail img,.forgeemail img{width:15px;height: 11px;margin:0 5px 0 0; }
.logpwd img:nth-of-type(1),.forgepwd img:nth-of-type(1),.forgepwdrep img:nth-of-type(1){width:11px;height: 13px;margin:0 5px 0 0; }
.logpwd img:nth-of-type(2),.forgepwd img:nth-of-type(2),.forgepwdrep img:nth-of-type(2){width:14px;height: 11px;cursor: pointer;}
.logcodes img,.forgecodes img{width:12px;height: 14px;margin:0 5px 0 0; }
.logcode img ,.forgecode img{width: 140px;height: 48px; cursor: pointer;margin-right: 0;}
.login-codes,.forge-codes{justify-content: space-between;}
.logcodes,.forgecodes{margin:0 15px 0 0;}
.logre-con,.logfoget-cons{margin:30px 0 0 0;}
.login-rem{justify-content: space-between;margin:15px 0 0 0;font-size: 14px;line-height: 20px;}
.login-remember{color: #848484;display: flex;align-items: center;}
.login-remember input{margin:0 2px 0 0;}
.login-forget{ color: #482DE1;}

.login-remember .pwd-img {display: none;}
.login-remember input:checked ~ .pwd-img {display:flex;}
.logina,.logina:hover,.rega,.rega:hover{width:100%;height: 47px;background: linear-gradient( 270deg, #2D64FF 0%, #9263FF 100%);border-radius: 24px;font-size: 18px
    ;color: #FFFFFF;line-height: 25px;margin:30px 0;
}
.goregister,.gologin,.forgelogin{ font-size: 14px;color: #A6A6A6;line-height: 20px;}
.goregister span,.gologin span,.forgelogin span{color:#482DE1;}
.logre-register{display: none;margin:30px 0 0 0;}
.reg-down{margin:15px 0 0 0;}
.logfoget{display:none;}
.statusall{justify-content: space-between;width: 590px;}


.backToTopBtn,.backToTopBtn b{width:52px;height: 52px;}
.backToTopBtn {position:fixed;bottom: 40px;margin:0 0 20px auto; width: 48px;height: 48px;display: flex;align-items: center;justify-content: center;
    cursor: pointer;z-index: 10;   opacity: 0;pointer-events: none;transition: opacity .3s ease;right:50px;
}
.backToTopBtn.show {opacity: 1;pointer-events: auto;}
.backToTopBtn b{background:url(../image/icon79.png) no-repeat;background-size: contain; }
.backToTopBtn:hover b{background:url(../image/icon73.png) no-repeat;background-size: contain;}

.loading-box {position: relative;width: 600px;height: 42px;}
.loading-bg {width: 100%;height: 100%;display: block;}
.loading-mask {height: 38px;width: 598px;position: absolute;right: 2px;left:auto;top: 2px;
    border-radius: 5px;overflow: hidden;background-color: #FFFFFF;
}
.control-btn{transition: all .3s ease;}
.pptloading {position: fixed;inset: 0;background: rgba(255, 255, 255, 0.9);display: flex;align-items: center;justify-content: center;z-index: 9999;
visibility: hidden;opacity: 0;transition: opacity .2s;
}
.pptloading.show {visibility: visible;opacity: 1;}
.loadboxp{font-weight: bold;font-size: 18px;line-height: 25px;    margin: 10px auto 0 auto;text-align: center;background: linear-gradient(180deg, #9364FF 0%, #3363FF 100%);
    -webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;
}