@charset "utf-8";/*--------------------CSS Document QQ420946262*/
/*-------------------------------登录验证中动画*/
.innerbox{position:absolute;margin:auto;top:0px;bottom:0px;left:0px;right:0px;z-index:2;width:100%;height:100%;}
.innerbox span{position:relative;width:80%;height:80%;background-color:rgba(0,0,0,0.80);border-radius:100%;}
.innerbox span em{position:absolute;margin:auto;top:0px;bottom:0px;left:0px;right:0px;width:60%;height:60%;border:2px solid;border-color:var(--color-white) transparent var(--color-white) transparent;box-sizing:border-box;border-radius:100%;animation:rotate .8s linear infinite;}
.innerbox span em:last-child{margin:auto;top:0px;bottom:0px;left:0px;right:0px;width:30%;height:30%;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-direction:reverse;animation-direction:reverse;}
@keyframes rotate{
    0%{-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1)}
    50%{-webkit-transform:rotate(180deg) scale(1);transform:rotate(180deg) scale(1)}
    100%{-webkit-transform:rotate(360deg) scale(1);transform:rotate(360deg) scale(1)}
}
.weixinloading{margin:20px auto;width:100%;height:36px;background:url("loading.gif") no-repeat center center;background-size:auto 36px;border-radius:5px;clear:both;}
/*-------------------------------登录页面*/
.loginbox{position:relative;margin:0px auto;width:96%;max-width:500px;clear:both;z-index:1;}
.loginbox .maintop{margin:0px auto;padding-top:40px;width:100%;height:95px;background:url("loginhead_01.png") no-repeat center bottom;background-size:contain;z-index:0;clear:both;}
.loginbox .mainbox{margin:0px auto;position:relative;padding-top:75px;width:100%;background:rgba(255,255,255,0.70) url("loginhead_02.png") no-repeat center top;background-size:contain;border-radius:10px;clear:both;}
.loginbox .mainbox .toplogo{position:absolute;left:0px;right:0px;top:-10px;width:100%;text-align:center;z-index:1;}
.loginbox .mainbox .toplogo img{width:auto;max-width:210px;height:50px;border:0px;}
.loginbox .mainbox dl.loginhead{position:relative;margin:22px auto 18px auto;width:140px;height:140px;background-color:var(--color-white);border-radius:50%;border:1px solid var(--color-light-blue3);overflow:hidden;clear:both;-webkit-user-select:none;user-select:none;display:flex;justify-content:center;align-items:center;}
.loginbox .mainbox dl.loginhead dt{display:none;}
.loginbox .mainbox dl.loginhead dd{width:100%;height:100%;border-radius:50%;}

.loginbox .dlbox{position:relative;margin:40px auto 30px auto;padding-top:31px;width:86%;max-width:420px;text-align:center;clear:both;display:flex;justify-content:space-between;align-items:center;}
.loginbox .dlbox dt{position:absolute;margin:0px auto;top:0px;left:0px;right:0px;width:130px;height:24px;line-height:24px;font-size:16px;text-align:center;color:var(--color-grey-blue2);background-color:var(--color-grey-blue4);border-radius:20px;}
.loginbox .dlbox dd{position:relative;margin:15px 0px;width:30%;height:50px;}
.loginbox .dlbox dd em.num{display:block;color:var(--color-grey-blue4);font-size:30px;height:30px;line-height:30px;overflow:hidden;clear:both;}
.loginbox .dlbox dd p.txt{color:var(--color-grey-blue4);opacity:0.85;width:100%;height:20px;line-height:20px;overflow:hidden;}
.loginbox .dlbox dd .line{position:absolute;margin:auto;top:0px;bottom:0px;left:75%;z-index:1;width:65%;height:0px;line-height:0px;border:1px dashed var(--color-grey-blue4);content:"";}

.loginbox .ulbox{position:relative;margin:0px auto;z-index:1;width:86%;max-width:420px;clear:both;-webkit-user-select:none;user-select:none;}
.loginbox .ulbox li{position:relative;width:100%;margin-bottom:6px;text-align:left;clear:both;}
.loginbox .ulbox li .input{padding-left:50px;height:46px;line-height:46px;font-size:16px;border:1px solid var(--color-light-blue4);box-sizing:border-box;width:100%;color:var(--color-grey-blue3);box-shadow:inset 0px 1px 3px 0px #E5E7EF;-webkit-transition:border-color ease-in-out 0.2s,-webkit-box-shadow ease-in-out 0.2s;transition:border-color ease-in-out 0.2s,box-shadow ease-in-out 0.2s;border-radius:10px;}
.loginbox .ulbox li .input:focus{border-color:var(--color-sky-blue1);outline:0;box-shadow:inset 0px 1px 3px 0px #E5E7EF,0 0 8px #E5E7EF;}
.loginbox .ulbox li i.iconfont{position:absolute;margin:auto;top:0px;bottom:0px;width:50px;height:40px;line-height:40px;text-align:center;font-size:24px;color:var(--color-grey-blue2);}
.loginbox .ulbox li i.ifront{left:0px;}
.loginbox .ulbox li i.seepass{right:5px;cursor:pointer;}
.loginbox .ulbox li i.seepass.on{color:var(--color-deger-red4);}
.loginbox .ulbox li .codeimg{position:absolute;margin:auto;right:10px;top:0px;bottom:0px;width:60px;height:30px;cursor:pointer;}
.loginbox .ulbox li .mailcodes{outline:0;position:absolute;margin:auto;padding:0px 10px;right:5px;top:0px;bottom:0px;height:30px;line-height:32px;font-size:15px;color:var(--color-grey-blue3);background-color:var(--color-light-blue1);text-align:center;border-radius:5px;cursor:pointer;}
.loginbox .ulbox li .mailcodes em.iconfont{display:inline-block;vertical-align:middle;margin:0px 2px 3px 0px;font-size:16px;width:20px;height:20px;line-height:20px;overflow:hidden;animation:isrotate 0.4s linear infinite;}
.loginbox .ulbox li .mailcodes:hover{background-color:var(--color-light-blue2);}
.loginbox .ulbox li .mailcodes:active{background-color:var(--color-light-blue2);}
.loginbox .ulbox .login_tip{margin:0px 1%;width:98%;height:30px;line-height:30px;text-align:left;color:var(--color-grey-blue4);clear:both;}
.loginbox .ulbox .login_tip .link{float:right;color:var(--color-grey-blue4);cursor:pointer;}
.loginbox .ulbox .login_tip .link:hover{color:var(--color-sky-blue3);}
.loginbox .ulbox .radiocheck label{float:left;margin-right:5px;}
.loginbox .ulbox .radiocheck label em{float:left;margin-right:2px;}
.loginbox .ulbox .loginbtn{height:46px;line-height:46px;font-size:16px;animation:pulse-btn 1.2s infinite;}
.loginbox .ulbox .loginbtn .iconfont{margin:13px 0px;width:20px;height:20px;line-height:20px;font-size:16px;}

.loginbox .loginReport{margin:0px auto;width:90%;height:40px;line-height:40px;font-size:15px;color:var(--color-deger-red4);text-align:center;clear:both;}
.loginbox .loginReport span{font-size:14px;color:var(--color-grey-blue4);}

.loginbox .footer{margin:0px auto;width:98%;padding-bottom:10px;line-height:20px;color:var(--color-grey-blue4);text-align:center;font-size:12px;}
.loginbox .footer .icp{color:var(--color-grey-blue4);}
.loginbox .footer .icp:hover{color:var(--color-sky-blue3);}
.loginbox .footer .icp img{vertical-align:middle;}
.loginbox .footer .loginType{display:inline-block;margin-top:5px;color:var(--color-grey-blue4);text-decoration:none;}
.loginbox .footer .loginType i.iconfont{font-size:30px;}
@keyframes isrotate{100%{transform:rotate(360deg);}}

/*===============================以下为框架自适应CSS*/
@media screen and (min-width:320px) and (max-width:767px) {/*>=320px and <=767px的设备:大小手机移动端或mini平板*/
.loginbox{width:96%;max-width:440px;}
.loginbox .maintop{padding-top:0px;width:96%;height:95px;}
.loginbox .mainbox{padding-top:70px;width:96%;}
.loginbox .mainbox .toplogo img{width:auto;max-width:158px;height:45px;}
.loginbox .mainbox dl.loginhead{margin:10px auto 12px auto;width:120px;height:120px;line-height:100px;}
.loginbox .dlbox{margin:18px auto 12px auto;padding-top:34px;}
.loginbox .dlbox dt{top:12px;font-size:14px;}
.loginbox .dlbox dd{position:relative;margin:15px 0px;width:20%;height:50px;}
.loginbox .dlbox dd em.num{font-size:24px;}
.loginbox .dlbox dd .line{left:100%;width:100%;}
.loginbox .ulbox li{margin-bottom:5px;}
.loginbox .ulbox li .input{padding-left:50px;height:50px;line-height:50px;}
.loginbox .footer{font-size:12px;}
.SeverBox{display:none;}
.theme_default,.theme_spring,.theme_spring,.theme_summer,.theme_autumn,.theme_winter{background-size:auto 520px;}
}
@media screen and (min-width:320px) and (max-width:380px) {/*<=320px and >=340px的设备:小屏手机专设*/
.loginbox{width:96%;max-width:360px;}
.loginbox .maintop{padding-top:0px;width:98%;height:95px;}
.loginbox .mainbox{padding-top:50px;width:98%;}
.loginbox .mainbox .toplogo img{width:auto;max-width:150px;height:40px;}
.loginbox .mainbox dl.loginhead{margin:10px auto 10px auto;width:90px;height:90px;line-height:90px;}
.loginbox .dlbox{margin:8px auto 0px auto;padding-top:24px;}
}
@media screen and (max-width:319px){/*<=319px的设备:iphone4以下，算了还是不要看了*/
html{width:100%;height:100%;background:#242933 url("Seenone.png") no-repeat center center;}
body{display:none;}
}