@charset "utf-8";/* CSS Document */

.sp-preloader{display:none!important;width:100% !important}

html{overflow:visible!important}
/****basic****/
body {color:#515a6e;font-family:微软雅黑,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;font-size:1rem;background:#fff;font-weight:300;line-height:1.5;}
*, li, ol, ul {margin:0;padding:0}
li, ol, ul {list-style:none}
img {max-width:100%}
img {-ms-interpolation-mode:bicubic;border:0}
.clear {clear:both;margin:0;padding:0;height:0;font-size:0;line-height:0;width:0}
a {color:#333;transition:.3s all ease-in-out;blr:expression(this.onFocus=this.blur())}
a:hover {color:#e62029}
a:focus {outline:0;text-decoration:none}
a, a:hover {text-decoration:none}
a.link {color:#124ca0;text-decoration:underline;font-weight:400;font-style:oblique}
a.link:hover {color:#289fe1;text-decoration:underline}
b {color:#454545;font-size:1rem;line-height:1.3rem;margin:15px 0 6px 0;display:block;font-weight:500}
strong {font-weight:600;font-size:1.2rem;}
h2{display:block;font-size:clamp(1.6rem, 3vw, 2.2rem);line-height:1.3;padding:0;color:#e62029;margin:1.5rem 0;font-weight:500;}
.small_h2 {font-size:clamp(1.45rem, 3vw, 2rem);line-height:1.4;}
h3 {font-size:clamp(1rem, 3vw, 1.1rem);line-height:1.3;font-weight:400;color:#999;margin:-0.6rem 0 1rem;}
h4 {display:block;color:#777;font-size:1.1rem;padding:1rem 0;line-height:1.3rem;margin:0;font-weight:300;}
small {display:block;}
video{max-width:100%;}
.main_app{ position:fixed; left:0; top:0;width:100%; height:100%;overflow-y: auto;overflow-x: hidden;color: #fff;}
.main_app_bg{background:url(../images/login_blue_bg.png) no-repeat; background-size:100% 100%; width:100%; height:100%;  display: flex; align-items: center;justify-content: center; flex-flow:column;}
.login_card{width: 420px;background: linear-gradient(0deg,#15509f,#2874d2);
border-radius: 8px;padding: 30px 25px;z-index: 1; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); box-sizing:border-box;}
.login_card .title{ font-size:2.2rem; text-align:center; font-weight:600;}
.login_card .summary{ font-size:1.2rem; text-align:center; font-weight:500; }
.login{padding:30px 25px 15px;}
.login .login_hd{display:flex; justify-content: center; }
.login .login_hd .nav{margin-right:2.5rem;color:#ddd;cursor:pointer; position:relative;}
.login .login_hd .nav:last-child{margin-right:0;}
.login .login_hd .nav.dq{color:#fff; font-weight:600;}
.login .login_hd .nav.dq::after{content:""; position:absolute; left:0; bottom:-3px; width:100%; height:1px; border-bottom:2px #fff solid;}
.login .login_bd{margin-top:1.2rem;}
.form-item{ margin-bottom:1rem; display:flex;align-items: center;}
.input-wrapper{background:#fff;  position:relative;border-radius:5px; width:100%;}
.input-wrapper .input{outline:0; width:100%; height:40px; line-height:1; font-size:14px; padding:6px 7px 6px 36px; box-sizing:border-box; border:none;border-radius:5px;}
.input-wrapper i{display:flex; position:absolute; left:12px; top:13px;}
.auto-login{ margin:1rem 0; display:flex; align-items: center;}
.auto-login input[type=checkbox]{display:inline-block; margin-right:5px; width:16px; height:16px;}
.login-btn{ width:100%; background:#489cf5; border-color:#489cf5; color:#fff; padding:10px 0 10px 0; box-sizing:border-box; font-size:1rem; border-radius:4px; margin-top:1rem; cursor:pointer;}
.copyright{margin-top:1.5rem; color:hsla(0,0%,100%,.5); font-size:0.75rem;}
.d-none{display:none;}
.active{display:block;}

.get-msg{ width:120px; background:#137ff1; border-color:#137ff1; color:#fff;  margin-left:1rem; border-radius:4px; font-size:0.825rem; text-align:center; line-height:40px; cursor:pointer; user-select:none; }