body,html{width: 100%;height: 100%;overflow: hidden;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{padding:0;margin:0; font-family:"Microsoft YaHei",tahoma,arial,Hiragino Sans GB,\5b8b\4f53," SimSun "; list-style-type:none; -webkit-font-smoothing: antialiased}
body,button,input,select,textarea{font:14px/1.5}
table{border-collapse:collapse;border-spacing:0;font-size: inherit;font:100%;}
caption,th{text-align:left;}
fieldset,img{border:none;}
ul,ol{list-style:none;}
input,button,textarea,select{font-family: inherit;font-size: inherit;font-weight: inherit;vertical-align:middle;*font-size:100%;}
address,caption,cite,code,dfn,em,i,b,strong,th,var,optgroup{font-style:normal;font-weight:normal;}
small{font-size:100%;}
hr{color:#D1D7DC;background-color:#D1D7DC;border:none;height:1px;}
a{ text-decoration:none;}
a:hover{ text-decoration:none;}
img{vertical-align: middle;}
iframe{ display: block}
.animation {
-webkit-animation:twinkling 2.1s infinite ease-in-out;
animation:twinkling 2.1s infinite ease-in-out;
-webkit-animation-fill-mode:both;
animation-fill-mode:both;
}
@keyframes twinkling {
0% {
opacity:0.4;
filter:alpha(opacity=40);
-webkit-transform:scale(1);
}
50% {
opacity:1;
filter:alpha(opacity=100);
-webkit-transform:scale(1.02);
}
100% {
opacity:0.4;
filter:alpha(opacity=40);
-webkit-transform:scale(1);
}
}
/* all */
.co_login{ width: 100%; height: 100% }
.co_loginHead{ height: 80px}
.co_loginFoot{height: 60px;}
.co_loginBody{ padding: 80px 0 50px 0;position: relative;}
.co_container{width: 100%;height: 100%;margin: 0 auto;}
h1,h2,h3,h4,h5,h6{ margin: 0; padding: 0;}
.h1, h1 { font-size: 30px; line-height: 46px;font-weight: 600;}
.h2, h2 { font-size: 20px; line-height: 30px; font-weight: 500; color: #333}
.h3, h3 { font-size: 18px; line-height: 28px; font-weight: 500}
.h4, h4 { font-size: 16px; line-height: 24px; font-weight: 500}
.h5, h5 { font-size: 14px; line-height: 22px; font-weight: 500; color: #444; transition: color 1s}
.h6, h6 { font-size: 12px; line-height: 18px;}
.gray{ color: #999!important;}
.co_login{ position: relative; overflow: hidden}
.co_loginHead,.co_loginFoot,.co_loginBody{ width: 100%; box-sizing: border-box; transition: background 0.5s;}
.co_loginHead{ position: absolute; top:0; padding: 0 20px;}
.co_loginFoot{ position: absolute; bottom:0; text-align: center; color: rgba(255,255,255,0.5)}
.co_bg{width: 100%;height: 100%;position: absolute;z-index: -1;}
.logo{background: url(/IMP/static/style/loginConfig/img/loginLogo2-c4a383757761835ee0bdc5abddc0ba1b.png) center no-repeat;width: 100%;height: 80px;display: none;position: absolute;top: 50%;margin-top: -276px;}
/*logo in co_loginHead*/
.co_loginHead>.co_container{ background: url(/IMP/static/style/loginConfig/img/loginLogo-afbfcd5e72c000f08373a2527f6933a7.png) left center no-repeat; border-bottom: none; background-position: 0px center;}
/* co_loginBody */
.co_loginBanner,.co_loginArea{ height: 100%; padding: 10px;}
.co_loginBanner{width: 50%; width:-moz-calc(100% - 410px); width:-webkit-calc(100% - 410px); width:calc(100% - 410px); float: left;background: rgba(0,0,0,0.0);display: none;box-sizing: border-box; background-size: auto;
-webkit-animation:twinkling 2.1s infinite ease-in-out;
animation:twinkling 2.1s infinite ease-in-out;
-webkit-animation-fill-mode:both;
animation-fill-mode:both;}
.co_loginArea{ margin: 0 auto; box-sizing: border-box;width:410px}
/* co_loginBanner in co_loginBody */
.co_adText{ position: absolute; margin-left: 30px; padding: 0px 20px; background-color: rgba(0,0,0,0.6); border-radius: 8px; top:450px; color: #FFF}
/*co_loginArea in co_loginBody*/
.co_loginBox{background: none;margin-top: -190px;border-radius: 4px;padding: 30px 60px 44px 60px;position:relative;transition: background 0.4s;transform-origin:top right;top: 50%; box-shadow: 0 10px 75px 0 rgba(0,0,0,0.05),0 20px 87px 0 rgba(0,0,0,0.07),0 30px 94px 0 rgba(0,0,0,0.06),0 40px 100px 0 rgba(0,0,0,0.03);}
/*signtype in co_loginBox*/
.co_signType{ opacity: 1; position: absolute; top:0; right:0; width: 60px; height:60px; background: url(/IMP/static/style/loginConfig/img/loginType-9aa89d2fc8e20bee0b7de92a03b6b24c.png) no-repeat; border-radius: 0 4px 0 0}
.co_signType.pc{ background-position: -260px -260px; transition: background-position 0.3s}
.co_signType.phone{ background-position: -200px -200px; transition: background-position 0.3s}
.co_signTab{ display: block; left:0; width:100%; text-align: center; top:-85px; position: absolute; font-weight: 400;}
.co_signTab>a{margin: 12px 0 16px 0;min-width: 75px;text-decoration: none;position:relative;display: inline-block;color: rgba(255,255,255,0.5);}
.co_signTab>a.active{ color: #FFFFFF}
.co_signTab>a.active:before{content: "";position: absolute;left:0px;bottom:-6px;display: block;width:100%;height: 3px;background:#FFF;border-radius: 4px;}
.co_signTab>a.active:after{ content: ""; position: absolute;bottom:-17px; left:50%; margin-left:-6px;border-width: 6px;border-style: solid;border-color: #FFFFFF transparent transparent transparent}
.co_signTab>span.space{ width: 60px; display: inline-block;}
/* foot */
.co_copyright{padding: 8px;display: inline-block;line-height: 38px;}
/*************Error Message*************/
.co_formMessage{ background-color: #fadcd9; padding: 20px 20px 20px 50px; margin-bottom: 16px; border: 1px solid #db1802; border-radius: 6px; position: relative}
.co_formError{ width: 32px; height: 32px; display: inline-block; position: absolute; left: 10px; top:15px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgEAYAAAAj6qa3AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAAASAAAAEgARslrPgAABFlJREFUaN7tl11IVFsUx/9rnELJD0ybmBODJj2UD8KZc8xh1HEU8SXzwS8MkogeVCRGJdApCYRiQkYYDEGFCh9UUBxQlJJEBMGPhzNEvgiZ4EcOWCGoiF8z+z4cRivvvTOOH9e6839be++1zlq/s84+ewMBBRRQQP9jBZ32A5OjkqOSo8LCVPGqeFX8w4ecmlNz6rAwp9PpdDo/fz7tfBSn/cDN2M3YzdjOTtmyWlGKUpS+fSv2i/1if2bmHwuAn+Vn+dnbt2Xr1q29iRa0oEWhYENsiA01NgpaQStoz537YwDEd8V3xXedP08zNEMzVus/LhzFKEZv3JCNsrLTAnDie4DGpXFpXFVV1EM91FNU5NXBBBNMOh03z81z869eyXvDxsZJ5XdiHZDUkdSR1HH5Ms3RHM09ebI3UYMa1Hz6hG50o7u1Fe1oR/ubN3vzjWhEY2QkilCEorq6k8rvxAHs6HZ0O7rnz2UrIsIzzlbYClv5+FGKk+KkuJISpUPpUDrM5l/9mZEZmbGkRKvSqrSqhITfBoBoEA2igedpiIZo6P79AwtykYvc8HCP6Ta4DW7DPiCPqIzKqCwoiDSkIY3N9tsAYLWsltXabJ7d/UBhWZRFWfsAdgt3C3cL9+2/V3o6v8av8Wu5uWcWgDAmjAljd+7ADDPMBsO/r/7hjVeiEpUHO+AAuEmapEmrNY2lsTQWHHxmAOgWdAu6hZAQdKITnRaLVwc99NDvv3FaoiVa8tYBAFVTNVVfvbpWvFa8VlxVdWYA7AzsDOwM1NRgDGMYi4nx6qCFFtofClZDDbX3DtgDkUEZlGE283pez+s57qj5K/11FDfEDXFDo2GpLJWlPnrks+MEJjBx4YLcykrlurAurAvh4SAQyAf/JjShKTSU7GQnu8WCGMQg5t49f+vw+yCkzlfnq/NbW9GHPvTxvM+OTjjhJNrit/gt3uWiTMqkzPR0DGIQg9eu+RpGPlkmJHCMYxx7904+MH35ctg6fGH+k8RIMVKMTE5mBayAFYyOQoIEiQ4d59hkhBFGSZIapAap4eZNedDt9tX9kHuAQuGed8+751++PGrhrI7VsboPH1CBClQsL/sNYAQjGBEEYVgYFobv3j2su88AtL3aXm3vgwdkJCMZD9Hyvxaex/JYXkuLI9uR7cjm+e367frt+uvXwcDAvn3zG4QddtgtFvnyFRp6bADk62lEBK3SKq0+e+Z3gh6lIAUpMzMec2pqampqamUFBhhg+PrV77jjGMc4x4UshyyHLD9+fGwAWDNrZs0mE2ywwaZSHRmAAgoozGahTWgT2qqrhWlhWph+/frn67D/YiITmVhZmbiYuJi4GBXlbb3X3yBFUzRFX7ly5MI98UxkItPFi7L14sVxxd2LX07lVB4c7IYbbly6JI9+/+43AOWEckI58fTpLnaxC5dL/lajo4878SMrBznIYUz+Lb9/Lzkkh+SYnv6v0woooIACCugs6y88V4ql2YEEzQAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOS0wNC0xNlQxMDozMjowMyswODowMB0J13IAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTktMDQtMTZUMTA6MzI6MDMrMDg6MDBsVG/OAAAAUnRFWHRzdmc6YmFzZS11cmkAZmlsZTovLy9ob21lL2FkbWluL2ljb24tZm9udC90bXAvaWNvbl9vZmdkczN4azd3ZC9FcnJvcmNvcnJlY3Rpb24uc3Znw0AVsQAAAABJRU5ErkJggg==")}
.error{ border: 1px solid #F00!important; color: #F00!important; box-shadow: 0 10px 15px rgba(255,0,0,0.2)!important}
.errorLabel{ font-size: 12px!important; color: #F00!important; position: absolute; top: 8px; right: 0; display: none}
.error+.errorLabel{ display: inline-block}
/* phone form*/
.co_phoneForm{ display: none; position: relative; text-align: center}
.code{width: 192px;height: 192px;background: #CCC;margin: 20px auto 0;}
/* all in pc form */
.co_formHead h1{ text-align: center; color: #636F80;}
.co_pcForm>h4,.co_phoneForm>h4{text-align: center;margin-bottom: 10px;color: #b4bac2;font-size: 14px!important;line-height: 22px!important;}
.co_user,.co_pass,.co_remember,.co_corp{padding:10px 0;position: relative;}
.co_corp{display: none;}
.co_userInput,.co_passInput,.co_corpInput{width: 100%;color: #7D8C99;co -webkit-box-shadow: none;box-shadow: none;box-sizing: border-box;box-sizing: border-box;border: 1px solid #D0D6E5;border-radius: 4px;margin:0;background-color: #f8f8f8;}
.co_corpInput{background-image:url(/IMP/static/style/loginConfig/img/icon-dz-c3f5f6fbf5f0bcfccfa0cf36430c18bb.png);background-repeat: no-repeat;background-position: 12px center;}
.co_passInput{ background-image:url(/IMP/static/style/loginConfig/img/icon-mm-3a2a6a271d4b63483c1b265625b16113.png); background-repeat: no-repeat; background-position: 12px center;}
.co_userInput{ background-image:url(/IMP/static/style/loginConfig/img/icon-zh-3af62c15ef0c6ebd89e16bf09eec5080.png); background-repeat: no-repeat; background-position: 12px center;}
.co_corp label, .co_user label, .co_pass label{font-size: 15px;line-height: 26px;color: #666;display: none;}
.co_signTab {display: none;}
.el-input__inner{border: none;background:none;}
.el-input__inner{padding-left: 38px;font-size: 16px;}
/* select */
.co_select{ position: absolute; width: 100%; z-index: 9}
.co_select .select{ position: absolute; text-align: right; top:-41px; width: 100%; padding-right: 10px; box-sizing: border-box; height: 39px; line-height: 38px; color: #00C; cursor: pointer}
.select>span{ padding-left:10px}
.co_select .select:hover>span{ color: #F00;}
.co_select .list{ background: #FFF; border:1px solid #BBB; border-radius: 4px; overflow: auto; max-height: 190px; display: none; display: none; position: relative; top:-3px;}
.co_select li{ padding: 7px 12px}
.co_select li:hover{ background: #EEE}
.co_select li.now{ background: #DDD}
/* checkbox */
.co_remember{margin-bottom: 4px;text-align: left}
.co_checkbox{ display: inline-block}
.co_checkbox>.co_check{display: inline-block;width: 16px;height: 16px;border: 1px solid #aab7c2;border-radius: 4px;float: left;margin-right: 8px;box-sizing: border-box;transition: border 0.2s;-moz-transition:border 0.2s;-webkit-transition:border 0.2s;margin-top: 3px;}
.co_checkbox:hover>.co_check{border:2px solid #11a942}
.co_checkbox.now>.co_check{ background: #11a942 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQEAYAAABPYyMiAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAAASAAAAEgARslrPgAAALRJREFUSMftk0EORFAQRJ3IOWzEghAJh7AUCwQHsXMDcQ5xGaTLojMLmfYZMyaTidrUprteJb+/pt36dwEAEMfsw8BuWV8ClyVEdd3F4KKQwdMEAoFM83mRQCBd58G6ZjeM18B5vgkGALjuTkDbyo0dR72XZafB66AokoPGkd221/NpKs/PM7vnnXzDqlIXaRo12PcvPiYBTCBQELwNlotsfacHOAw/DpaLJAl73x8+rlu/rgVeL9XzXdnl+gAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOS0wNC0xNlQxMToxNzo1OSswODowMJJKLVgAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTktMDQtMTZUMTE6MTc6NTkrMDg6MDDjF5XkAAAARXRFWHRzdmc6YmFzZS11cmkAZmlsZTovLy9ob21lL2FkbWluL2ljb24tZm9udC90bXAvaWNvbl9ycHV3eHg5NGIwZS9vay5zdmfswrqdAAAAAElFTkSuQmCC") center center no-repeat; border-color: #11a942}
.co_checkbox .co_text{ float: left; line-height: 22px}
.co_help{ width: 22px; height: 22px; position: relative; display: inline-block; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQEAYAAABPYyMiAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAAASAAAAEgARslrPgAAA6dJREFUSMeVVV9Ik20U/z17myleTFBBcAMVDAfDzF0s/93kRGkomNvoKvwDghnN1zFBL9qNQuTmywQTJuSfFMFdFNjCgQSZmApBRSGMULAJoitQ2ET2+p7vYr1+Yd++187lc875/X7nPOc5D8NfGWO9bb1tvW2lpZRBGZRRUCAZJINkIEIXutC1u+tjPuZjnz4l44kUEVM53OQmN6WlHTUcNRw1PHgAN9xw8zwWsIAFrTYl4ha2sLW3R0u0REsez0nnSedJ59iYf8I/4Z9IJBQFOMud5c7ynJyzwrPCs8KXL6GDDrqqqr/r1G8WQgihd+8SU4mpxFRz85hpzDRm+vHjDwHnFVuPrEfWN29SEs9gBjPhMA5xiMOlJYQRRvjqVUQQQeTWLQQRRLC4OJWQeHW8Ol5dWyt35IrsP2+1Hnro/4N4GMMYfvUqHovH4rE7d/ycn/Nz/7bUZrPZbDaOyxfyhXzh2TN44IHn3r3z/HrUo76mJtOX6cv03b+fPPT5VPJwYRrTmHY6Uw6LlVmZ9cmTpHJRdBw4DhwH79/3dPR09HR8+BAIBAKBgCQlZ+Xx41Q4VERFVCTzMHmqr1+XNJJG0nz8mDLRQhayvH7NclgOyxHFpOCmJkQRRXR7e+9073Tv9No17bp2XbteUkIt1EItX76kLMjO7MxeWqqSn5PSLLEgC7Lg7dsyMQ3QAA2sr4vH4rF4XFOTa8u15doyMrCPfez7fIrDOYtZzBYVcaZN06ZpU69nIRZiobt3FRN58OCJxIgYESM3bqRVpVWlVYkip+N0nG51FRw4cDdvKsGQnvSkn5+/wrVz7Vz7zk7yChTpgRWsYEUU1Y3qRnWjy0VDNERDxcVIIIGEwXAJhKSAGMUotr2tGpkcmRyZ/PwZdthhj0QUM73wwssYG2fjbPzwEHOYw1w0elliGGGEcXd31DXqGnV9/frrFRBRBVVQhderqHyZlmn52zehX+gX+r1eMpKRjI8eXVpAHvKQ5/HIvCr5PAtZyMLTp+hDH/pWV1Pls0E2yAZLSvhsPpvPfv6c8Yxn/MKConCBBBLevtWYNWaNeXz8HO9iYPdG90b3Rna2ulXdqm598UJeIJeu8KI1oQlNKyssnaWz9OZmoVKoFCp//pTdqovx8q6WVybVUR3VORxYxCIWv39XJPx1x7DAAsvDh/H5+Hx83my+SJyyA/9vjPFr/Bq/ZjCgFrWoLSiQvJJX8jKmKlOVqcp2dpJE8gJS/o7/AT/YsXLJBC61AAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE5LTA0LTE2VDExOjE1OjAwKzA4OjAwS8e20gAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxOS0wNC0xNlQxMToxNTowMCswODowMDqaDm4AAABHdEVYdHN2ZzpiYXNlLXVyaQBmaWxlOi8vL2hvbWUvYWRtaW4vaWNvbi1mb250L3RtcC9pY29uXzlycnFnbTBoNWphL2hlbHAuc3Zngh7qYQAAAABJRU5ErkJggg==") center center no-repeat}
.co_help:hover .co-tip{ visibility: visible; opacity: 1}
.co-tip{ position: absolute; background: rgba(0,0,0,0.8); border-radius: 4px; color: #FFF; padding: 6px; visibility: hidden; opacity: 0; transition:opacity 0.6s; text-align: center; box-sizing: border-box}
/* .co-tip:after{ content: ""; position: absolute; border-width: 5px; border-style: solid} */
.co-tip.up{ bottom:110%; left: 50%; transform:translateX(-50%);}
/***********button***********/
.co-btn{color: #fff;background: #1890FF;transition:background 0.2s;-moz-transition:background 0.2s;-webkit-transition:background 0.2s;cursor: pointer;padding: 9px 24px 11px;font-size: 16px;line-height: 1.25rem;border-radius: 4px;border-width: 0;font-weight: 700;width: 100%; margin-top: 20px;}
.co-btn:hover{ background: #0b51c1 }
.co-btn:active{ background: #105ae4 }
/* dark */
.co_loginBox.dark{ background: rgba(0,0,0,.5);}
.co_loginBox.dark .co_formHead h1 { color: #FFF;}
.co_loginBox.dark .h5, h5{ color: #FFF;}
.co_loginBox.dark .co_userInput, .co_loginBox.dark .co_passInput, .co_loginBox.dark .co_corpInput{ border-color: #FFF;}
.co_loginBox.dark .co_help{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAmklEQVR4AY2RGRTDQBBAB4OLcQrGqU7r7m/coVgMxilYDAaDi4t1qv0ek/v+NPcpU8jxeHJZQ4IS6YkoydTtqFlS48bs3h14UBDoQ6wKilH1ZSkx1NQXxk2EhlaErJ/FJu95UpmRjJ5c8ExpSGcj+2WAw9Ey4qct4M2dih5rIUKcBCgFI3G+JgQRUkZ0eSgoJ3J9eupLzzp99weHGFKj8kxwRAAAAABJRU5ErkJggg==");}
/*********************only phone*********************/
@media (max-width:520px) {
.co_loginHead>.co_container{background: url(/IMP/static/style/loginConfig/img/phoneLogo-a97d72834cb33ad8d7ff772a03bc9a17.png) center center no-repeat;margin-top: 70px;}
h2,.co_pcForm>div>label,.co_pcForm>div>label,.co_checkbox>.co_text{color: #999;font-size: 14px;}
.co_phoneForm h5{ color: #FFF;}
.co_formHead h2{ text-align: center}
.co_userInput, .co_passInput,.co_corpInput{border-radius: 0;border-bottom: 1px solid rgba(0, 0, 0, 0.05);font-size: 1.2rem;color: #333;font-weight: 400;background-color: transparent;border-top: none;border-left: none;border-right: none;background-position:5px center;}
.co_copyright{ transform:scale(0.8)}
.co_signType{ opacity: 0.5}
.co_signType{ display: none;}
.co_select .select{ color: #FFF}
.co_formHead{display: none;}
.co_pcForm>h4{display: none;}
.co_corp label, .co_user label, .co_pass label{display: none;}
.co_user, .co_pass, .co_remember, .co_corp{padding: 8px 0;}
.co-btn{border-radius: 100px;margin-top: 20px;}
.co_checkbox>.co_check{display: none;}
.co_remember{text-align: right;}
.el-input__inner{color: #333;padding-left:32px !important;}
.co_bg{background-image: url(../img/bg2.png);}
.co_loginBox{padding: 12px 30px 30px 30px;}
.co_loginArea{ width:auto}
}
@media screen and (min-width:521px) {
/*all container*/
.co_container { max-width: 500px}
.co_loginHead>.co_container{ max-width: 100%}
.co_loginBox{ background: #FFF; transform-origin: top center}
.co_loginFoot{ background: #FFF; color: #666;}
.co_mask{ display: none}
.co_loginHead{ background: #FFF}
}
@media screen and (min-width:768px) {
/*all container*/
.co_container { max-width: 720px}
}
@media screen and (min-width:992px) {
/*all container*/
.co_container { max-width: 940px}
/*login center area*/
.co_loginBanner{ display: block;}
.co_loginArea{ float: right}
.co_loginBox{transform-origin: top right;}
}
@media screen and (min-width:1200px) {
.co_container { max-width: 1100px}
.co_loginHead>.co_container{ max-width: 1180px}
}
@media screen and (min-width:1600px) {
.co_container { max-width: 1500px}
.co_loginHead>.co_container{ max-width: 1580px}
}
@media screen and (min-width:1920px) {
.co_container { max-width: 1620px}
.co_loginHead>.co_container{ max-width: 1900px}
}
@media screen and (max-width:1440px) {
.co_loginBanner { background-size: contain;}
}
/* 基本功能 */
/*
formbox_Center
formbox_Right
formbox_Bottom
formbg_Full
form_tab
*/
/*************居中登录框*************/
.center .co_loginBanner{display: none;}
.center .co_loginArea{float: initial;}
/*************右侧登录框-满屏背景*************/
.rightFull .co_loginHead{background: transparent;padding: 0 46px;}
.rightFull .co_loginFoot{background: transparent;color: #fff;}
.rightFull .co_loginHead>.co_container{background: url(/IMP/static/style/loginConfig/img/loginLogo2-c4a383757761835ee0bdc5abddc0ba1b.png) left center no-repeat;max-width: 100%;margin-top: 10px}
@media (max-width: 520px){
.rightFull .co_loginHead>.co_container{background: url(/IMP/static/style/loginConfig/img/phoneLogo-a97d72834cb33ad8d7ff772a03bc9a17.png) center center no-repeat;margin-top: 70px}
}
/*************居中登录框-选项卡*************/
.centerTab .co_loginHead{background: transparent;padding: 0 46px}
.centerTab .co_loginHead>.co_container{background: url(/IMP/static/style/loginConfig/img/loginLogo2-c4a383757761835ee0bdc5abddc0ba1b.png) left center no-repeat;max-width: 100%;margin-top: 10px}
.centerTab .co_bg{height: 50%;background: url(../img/bg2.jpg) center no-repeat;background-size: cover}
.centerTab .co_loginBox{box-shadow: 0 8px 41px 0 rgba(35,104,189,0.15)}
.centerTab .co_loginBanner{display: none}
.centerTab .co_loginArea{margin: 0 auto;float: inherit;}
.centerTab .co_signTab {top: -72px;display: block;font-size: 22px!important;line-height: 36px!important}
.centerTab .co_signType.phone{display: none;}
@media (max-width: 520px){
.centerTab .co_loginBox {box-shadow: none;}
.centerTab .co_signTab{display: none;}
.centerTab .co_bg{background-image: url(../img/bg2.png);height: 100%;}
.centerTab .co_loginHead>.co_container{background: url(/IMP/static/style/loginConfig/img/phoneLogo-a97d72834cb33ad8d7ff772a03bc9a17.png) center center no-repeat;margin-top: 70px}
}
/*************居中登录框-满屏背景*************/
.centerFull .co_loginHead{display: none;}
.centerFull .co_bg{background: url(../img/bg3.jpg) center no-repeat;background-size: cover}
.centerFull .logo{display: block;}
.centerFull .co_loginBox{box-shadow: 0 8px 41px 0 rgba(35,104,189,0.15)}
.centerFull .co_loginBanner{display: none}
.centerFull .co_loginArea{margin: 0 auto;float: inherit;}
.centerFull .co_signTab{display: none;}
/* .centerFull .co_signType.phone{display: none;} */
.centerFull .co_loginFoot{background: transparent;color: #fff;}
@media (max-width: 520px){
.centerFull .co_loginHead{display: block;}
.centerFull .co_loginBox {box-shadow: none;}
.centerFull .co_signTab{display: none;}
.centerFull .logo{display: none;}
.centerFull .co_bg{background-image: url(../img/bg2.png);height: 100%;}
.centerFull .co_loginHead>.co_container{background: url(/IMP/static/style/loginConfig/img/phoneLogo-a97d72834cb33ad8d7ff772a03bc9a17.png) center center no-repeat;margin-top: 70px}
}
/*************右侧登录框-满屏背景*************/
.rightFull2 .co_loginBody{ position: static;}
.rightFull2 .co_signType{ position: fixed;}
.rightFull2 .co_loginArea{ position: absolute;right: 0;top: 0;bottom: 0;background: rgba(0,0,0,.3); overflow: hidden;}
.rightFull2 .co_loginHead{background: transparent;padding: 0 46px;}
.rightFull2 .co_loginBox{ background: none; box-shadow:none}
.rightFull2 .co_formHead h1{ color: #fff;}
.rightFull2 .co_text{ color: rgba(255,255,255,.5);}
.rightFull2 .co_userInput{ border-radius: 100px;}
.rightFull2 .co_passInput{ border-radius: 100px;}
.rightFull2 .co-btn{ border-radius: 100px;}
.rightFull2 .co_loginFoot{background: transparent;color: #fff;}
.rightFull2 .co_loginHead>.co_container{background: url(/IMP/static/style/loginConfig/img/loginLogo2-c4a383757761835ee0bdc5abddc0ba1b.png) left center no-repeat;max-width: 100%;margin-top: 10px}
@media (max-width: 520px){
.rightFull2 .co_loginHead>.co_container{background: url(/IMP/static/style/loginConfig/img/phoneLogo-a97d72834cb33ad8d7ff772a03bc9a17.png) center center no-repeat;margin-top: 70px}
}
/* 模糊 */
.rightFull2 .co_loginArea{
justify-content: center;
align-items: center;
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
}
/*************右侧登录框-满屏背景*************/
/* .bottomFull .co_signType{ position: fixed;} */
.bottomFull .co_loginBody{ position: static;}
.bottomFull .co_loginArea{ position: absolute;right: 0;left: 0;bottom: 0; padding: 0; width: auto; height: 240px; background: rgba(255,255,255,.3);}
.bottomFull .co_loginHead{background: transparent;padding: 0 46px;}
.bottomFull .co_loginBox{ background: none; box-shadow:none; top:0; margin-top: 0;}
.bottomFull .co_formHead h1{ color: #fff;}
.bottomFull .co_text{ color: rgba(255,255,255,.5);}
.bottomFull .co_userInput{ border-radius: 100px;}
.bottomFull .co_passInput{ border-radius: 100px;}
.bottomFull .co-btn{ border-radius: 100px;}
.bottomFull .co_loginFoot{background: transparent; color: rgba(255,255,255,.4);}
.bottomFull .co_loginHead>.co_container{background: url(/IMP/static/style/loginConfig/img/loginLogo2-c4a383757761835ee0bdc5abddc0ba1b.png) left center no-repeat;max-width: 100%;margin-top: 10px}
@media (max-width: 520px){
.bottomFull .co_loginHead>.co_container{background: url(/IMP/static/style/loginConfig/img/phoneLogo-a97d72834cb33ad8d7ff772a03bc9a17.png) center center no-repeat;margin-top: 70px}
}
.bottomFull .co_pcForm{ text-align: center;}
.bottomFull .co_user{ display: inline-block; width: 300px; margin-right: 15px;}
.bottomFull .co_pass{ display: inline-block; width: 300px; margin-right: 15px;}
.bottomFull .co_remember{ display: inline-block; position: relative; top: 8px;}
.bottomFull .co-btn{ display: inline-block; width: 150px; margin-top: 0;}
/* 模糊 */
.bottomFull .co_loginArea{
justify-content: center;align-items: center;backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);}
.bottomFull .co_phoneForm{ display: none;position: absolute;left: 50%;margin-left: -200px;}
.bottomFull .code{ position: absolute;left: 200px;top: 0;margin-top: 0;width: 150px;height: 150px;}
.bottomFull .co_loginBanner{ float: none; margin: 0 auto;}
.qx{background: url(/IMP/static/style/loginConfig/img/zhct_xzqx_bg-495b19a1282e0806f043a305d36c38f9.png) center no-repeat;background-size: contain;width: 100%;height: 100%;text-align: center;padding: 0;box-sizing: border-box;}
.qxItem{display: inline-block;margin-top: 5%;}
.qxItem_box{width: 260px;display: inline-block;position: relative;color: #fff;margin: 0 20px 30px 20px;height: 350px;}
.portrait{width: 136px;height: 136px;border-radius: 100px;margin: 0 auto;background-color: #fff;z-index: 2;position: relative;}
.portrait img{width:100% ;height: 100%;}
.badge{position: absolute;background-color:#f56c6c;border-radius:10px;color:#fff;display:inline-block;font-size:12px;height:18px;line-height:18px;padding:0 6px;text-align:center;
white-space:nowrap;border:2px solid #fff;top: 13px;right: 24px;transform: translateY(-50%) translateX(100%)}
.qxItem_box_content{width: 100%;height: 280px;position: absolute;top: 75px;border-radius: 10px;}
.qxItem_box h2{font-size: 24px;font-weight: bold;margin: 85px 0 0 0;}
.qxItem_box p{font-size: 19px;line-height: 32px;margin: 15px 0;}
.qxItem_box p .bm{font-size: 14px;color: rgba(255, 255, 255, 0.8);}
.btn{width: 170px;height: 40px;line-height: 40px;background-color: #fff;font-size: 16px;text-align: center;display:inline-block;border-radius: 100px;font-weight: bold;}
.btn:hover{background-color:rgba(255, 255, 255, 0.85) ;}
.btn:active{background-color: #fff}
.bg1 .qxItem_box_content{background: linear-gradient(180deg, #20BF6B, #06D0D8);}
.bg1 .portrait{border: #20BF6B 5px solid;}
.bg1 .btn{color:#06D0D8 ;}
.bg2 .qxItem_box_content{background:linear-gradient(180deg,#08c9c9,#3a9efc)}
.bg2 .portrait{border: #08c9c9 5px solid;}
.bg2 .btn{color:#3a9efc ;}
.bg3 .qxItem_box_content{background:linear-gradient(180deg,#3a9efc,#03e6be)}
.bg3 .portrait{border: #3a9efc 5px solid;}
.bg3 .btn{color:#02d6af ;}
.bg4 .qxItem_box_content{background:linear-gradient(180deg,#007aff,#0bcbfb)}
.bg4 .portrait{border: #007aff 5px solid;}
.bg4 .btn{color:#0bcbfb ;}
.bg5 .qxItem_box_content{background:linear-gradient(180deg,#5b7fe8,#bc76ff)}
.bg5 .portrait{border: #5b7fe8 5px solid;}
.bg5 .btn{color:#bc76ff ;}
.bg6 .qxItem_box_content{background:linear-gradient(180deg,#8a70a3,#0bcbfb)}
.bg6 .portrait{border: #8a70a3 5px solid;}
.bg6 .btn{color:#0ac2f0 ;}
.bg7 .qxItem_box_content{background:linear-gradient(180deg,#885fcb,#03b4b7)}
.bg7 .portrait{border: #885fcb 5px solid;}
.bg7 .btn{color:#03b4b7 ;}
.bg8 .qxItem_box_content{background:linear-gradient(180deg,#ff5f40,#ff9503)}
.bg8 .portrait{border: #ff5f40 5px solid;}
.bg8 .btn{color:#ff9503 ;}
.bg9 .qxItem_box_content{background:linear-gradient(180deg,#ff9503,#ffb641)}
.bg9 .portrait{border: #ff9503 5px solid;}
.bg9 .btn{color:#ff9503 ;}
.nav {
position: fixed;
top: 30px;
right: 50px;
height: 36px;
line-height: 36px;
font-size: 16px;
color:#ffffff;
cursor: pointer;
}
.collect-us{
color: #fff;
top: 10px;
float:right
}
.comon-qus{
cursor: pointer;
margin: 0 8px;
color: #ccc;
font-size: 12px;
}
.co_loginHead{
z-index: 10000;
}