body,html{font-size:14px;background-color:#f3f1f7;height:100%;min-width:100%}
.navbar{background:linear-gradient(354deg,#000,#000 30%,#5E4949 40%,#000);border-color:#808af8;box-shadow:0 0 6px rgba(0,0,0,0.2);border-color:#D64B50;height:55px}
.navbar.transparent{background:rgba(0,0,0,0.7)}
.userHead{width:50px;height:50px;margin:auto}
.userHead img{display:block;width:45px;height:45px;border-radius:100%;border:1px solid #ddd;box-sizing:border-box}
.nav-head{width:35px;overflow:hidden;height:35px;}
.nav-head img{width:35px;height:35px;border:0}

textarea{resize:none}
.containBox{background-color:#f3f1f7}
.rInvalid{border:1px solid #fb7373;background-color:#fac9c9}
.panel-header{font-weight:normal}
.rfooter{height:40px;width:100%;background:#181818;position:fixed;bottom:0;left:0;z-index:1}
.rfooter_cnt{margin:auto;line-height:40px;color:#a3a2a4}
.rfooter_cnt a{color:#a3a2a4;text-decoration:none}
.bx{box-sizing:border-box}
.shadow{box-shadow:0 0 6px rgba(0,0,0,.04),0 2px 4px rgba(0,0,0,.12)}
.flex{display:flex}
.flex-col{display:flex;flex-direction:column}
.flex-center{justify-content:center}
.flex_autowidth{width:100%;flex-grow:1;flex-shrink:1;min-width:0}
.flex_fixed{flex-grow:0;flex-shrink:0;box-sizing:border-box;}
.m_auto{margin:auto}
.t{color:#8a8a8a}
.txt_center{text-align:center}
.txt_right{text-align:right}
.mainbody{width:1200px;margin:auto;padding-bottom:30px;padding-top:80px;min-height:100%}
.mainbody.homebody{height:100%}
.login-wrap{width:100%;height:100%;padding-top:70px;background:url(/static/images/homebg.webp) no-repeat center;background-size:cover;position:relative}
/*.login-wrap:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(to right,rgba(250,250,250,0.5) 20%, rgba(250,250,250,.95) 50% ,rgba(250,250,250,0.1) 80%,rgba(250,250,250,0) 100%)}*/
.login-wrap-inner{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}
.login-box{width:480px;height:340px;border-radius:8px;background:rgba(38,38,38,.8);overflow:hidden}
.login-header{height:50px;font-size:18px;text-align:center;box-shadow:0 0 6px rgba(0,0,0,0.2);background:transparent;color:#b9b5b5}
.btn-primary{background:#D2242A;border-color:#D2242A}
.btn-primary:hover{background:#D04F53;border-color:#D04F53}

@media screen and (max-width:767px){
    .mainbody{padding-left:8px;padding-right:8px;width:100%;}
    .login-box{width:90%;}
    .body{min-width:200px}
}
.lding{padding:15px;color:#8a8a8a}
.rshadow{box-shadow:0 0 7px #ddd;}
.width_50{width:50px}
.width_50{width:50px}
.width_100{width:100px}
.width_150{width:150px}
.width_200{width:200px}
.width_250{width:250px}
.width_300{width:300px}
.width_400{width:400px}
.width_500{width:500px}
.width_50p{width:50% !important}
.width_100p{width:100% !important}
.breakword{white-space:nowrap;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;}

.totop{display:none;width:55px;height:60px;z-index:1;background:#fff;transition:all .2s;position:fixed;right:10px;bottom:10px;border:1px solid #ddd;line-height:58px;text-align:center;color:#8a8a8a;font-size:40px;cursor:pointer}
.totop:hover{background:#e8e8e8}

.ins-info .input-item{width:33%}
@media screen and (max-width:767px){
   .ins-info .input-item{width:100%}
}