html,body{height:100%;overflow:auto;font-family:"PingFang SC","Helvetica Neue","Helvetica","Microsoft YaHei","Hiragina Sans GB"}html,body,div,span,h1,h2,h3,h4,h5,h6,p,a,img,b,i,dl,dt,dd,ol,ul,li,input,fieldset,form,label,table,tbody,tfoot,thead,iframe,tr,th,td,canvas,audio,video{margin:0;padding:0;border:0;-webkit-box-sizing:border-box;box-sizing:border-box}ol,ul{list-style:none}input{outline:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none}p{word-wrap:break-word}::-webkit-input-placeholder{color:#939ea9}::-moz-placeholder{color:#939ea9}:-ms-input-placeholder{color:#939ea9}::-ms-input-placeholder{color:#939ea9}::placeholder{color:#939ea9}
.login-box{min-height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#030507;background:#e4ebf1}.login-box .content{width:600px;height:680px;padding:50px 0 24px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.login-box .content .login{width:360px}.login-box .content .login .logo{height:40px;text-align:center;margin-bottom:32px}.login-box .content .login .logo img{height:100%}.login-box .content .login .title{font-size:16px;font-weight:500;line-height:24px;word-break:break-all}.login-box .content .login .form{padding:20px 0}.login-box .content .login .form .error-server{display:none;color:#c14d00;font-size:12px;line-height:20px;margin-bottom:8px;text-align:center}.login-box .content .login .form .empty{height:12px}.login-box .content .login .form .input{height:44px;width:100%;border:1px solid #d5dee7;padding:0 80px 0 12px;font-size:14px}.login-box .content .login .form .input:focus{border-color:var(--primary-active, #0e8b61)}.login-box .content .login .form .filed{position:relative}.login-box .content .login .form .filed .eye-closed{position:absolute;padding:5px;width:30px;height:30px;top:7px;right:6px;cursor:pointer}.login-box .content .login .form .filed .eye-closed:hover{background:#f5f7fa}.login-box .content .login .form .filed .eye-closed:hover+.input{border-color:#273849}.login-box .content .login .form .filed .error-text{font-size:12px;color:#c14d00;line-height:20px;margin-top:8px}.login-box .content .login .form .is-error .input{border:1px solid #c14d00}.login-box .content .login .access{padding:8px 0 20px}.login-box .content .login .access .item{font-size:12px;line-height:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#939ea9}.login-box .content .login .access .item .icon{width:14px;height:14px;margin-right:8px}.login-box .content .login .btn{width:100%;height:44px;text-align:center;line-height:44px;font-size:14px;font-weight:500;color:#fff;background:var(--primary, #15a675);-webkit-box-shadow:0 2px 4px 0 rgba(21,166,117,.2);box-shadow:0 2px 4px 0 rgba(21,166,117,.2);cursor:pointer}.login-box .content .login .btn:hover{background:var(--primary-hover, #11976b)}.login-box .content .login .btn:active{background:var(--primary-active, #0e8b61)}.login-box .content .login .help{margin-top:20px;line-height:18px;color:#939ea9;font-size:14px;text-align:center}.login-box .content .login .help .vertical{padding:0 8px;color:rgba(26,30,34,.08)}.login-box .content .login .help .help-link{text-decoration:none;cursor:pointer}.login-box .content .login .help .help-link:hover{color:var(--primary-hover, #11976b)}.login-box .content .login .help .help-link:active{color:var(--primary-active, #0e8b61)}.login-box .content .footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:360px}.login-box .content .footer .line{width:22px;height:1px;background:#e4ebf1}.login-box .content .footer .protocol{height:20px;color:#939ea9;font-size:12px;line-height:20px}.login-box .content .footer .protocol .link{color:var(--link, #0366d6);cursor:pointer}.login-box .content .agreement{position:absolute;width:100%;height:100%;top:0;left:0;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.login-box .content .agreement .agreement-header{height:56px;padding:18px 24px;text-align:center;position:relative;color:#324558;-webkit-box-shadow:0 1px 3px 0 rgba(26,30,34,.08);box-shadow:0 1px 3px 0 rgba(26,30,34,.08)}.login-box .content .agreement .agreement-header a{position:absolute;top:21px;right:20px;width:14px;height:14px;background:url("/static/images/cancel.png") no-repeat;background-size:100% 100%;cursor:pointer}.login-box .content .agreement .agreement-content{padding:0px 24px;overflow-y:auto;color:#778592;-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:12px;line-height:16px;height:0}.login-box .content .agreement .agreement-content .container{padding:10px 0}.login-box .content .agreement .agreement-content .container p{margin-bottom:16px}.login-box .content .agreement .agreement-content .container a{color:var(--link, #0366d6)}.login-box .content .agreement .agreement-content .container h2,.login-box .content .agreement .agreement-content .container h3,.login-box .content .agreement .agreement-content .container h4,.login-box .content .agreement .agreement-content .container h5{font-weight:500;color:#020508;margin:8px 0}.login-box .content .agreement .agreement-content .container h5{font-size:14px;line-height:20px}.login-box .content .agreement .agreement-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding:8px 24px;-webkit-box-shadow:0 -4px 8px 0 rgba(39,56,73,.08),0 -1px 2px 0 rgba(9,18,26,.06);box-shadow:0 -4px 8px 0 rgba(39,56,73,.08),0 -1px 2px 0 rgba(9,18,26,.06)}.login-box .content .agreement .agreement-footer .close{padding:12px 20px;-webkit-box-shadow:0 1px 2px 0 rgba(23,96,47,.2);box-shadow:0 1px 2px 0 rgba(23,96,47,.2);background:#24b36b;font-size:14px;margin:0 4px 0 0;text-align:center;line-height:16px;border:0;border-radius:2px;color:#fff;outline:0;cursor:pointer}.login-box .content .hidden{display:none}