html,body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset,legend,img{margin:0;padding:0;}
html,body{width:100%;height:100%;font-family:"Arial","Microsoft YaHei","黑体","宋体","sans-serif";}
body{min-width:1200px;}
header,footer{width:1200px;height:17%;margin:0 auto;position: relative;}
section{width:100%;height:66%;background:#188FFD;}
.logo{height:100%;float:left;display:flex;align-items: center;}
#logo_img{width:30px;height:32px;}
#logo_img>.logo_image{width:100%;height:100%;}
#logo_img>.newLogo{width:100%;height:100%;-webkit-filter: drop-shadow(32px 0 #188FFD);
    filter: drop-shadow(32px 0 #188FFD);display:none;}
#logo_name{color:#188FFD;font-size:22px;}
#new_name{color:#188FFD;font-size:22px;margin-left:38px;}
.main{width:1200px;height:100%;margin:0 auto;}
.main_left,.main_right{float:left;height:100%;}
.main_left{width:675px;}
.main_right{width:525px;display:flex;align-items:center;position:relative;}
.main_left > img{height:100%;position:relative;left:-22vmin;}
form{width:400px;height:70%;background:#F1F8FF;right:0;position:absolute;}
h2{color:#333333;font-size:2.3vmin;font-weight:400;line-height:8vmin;padding-left:8%;font-family:"黑体";margin-bottom:-3vmin;}
.inputbox{margin:3vmin 0 0 8%;width:85%;height:11%;display:flex;align-items:center;position:relative;background:#fff;}
.inputbox > input{width:96%;height:95%;outline:none;padding-left:17%;border:1px solid #cdcdcd;}
.inputbox > input:focus{border:1px solid #1890ff;}
.inputbox > input:focus + label{background-color:#1890ff;}
.acc_logo,.pwd_logo,.ver_num{width:15%;height:100%;position:absolute;left:1px;}
.acc_logo{background:#e2e2e4 url('/static/Images/loginacc.png') no-repeat center;}
.pwd_logo{background:#e2e2e4 url('/static/Images/loginpwd.png') no-repeat center;}
.ver_num{background:#e2e2e4 url('/static/Images/logincode.png') no-repeat center;}
#ver_code{width:60%;}
.ver_n{display:inline-block;width:40%;height:100%;border:1px solid #cdcdcd;border-left:none;display:flex;align-items:center;display:flex;justify-content:center;align-items: center;}
.submit_c{width:85%;height:11%;background:#1890ff;border:none;color:#fff;margin:0 auto;display:block;margin-top:3vmin;position:relative;left:2px;font-size:2vmin;letter-spacing:2vmin;cursor:pointer;}
.inputbottom{margin:1.5vmin 0 0 8%;width:85%;height:11%;display:flex;align-items:center;position:relative;font-size:1.4vmin;color:#797979;}
#keep_pwd{width:15px;height:15px;position:relative;margin-right:8px;}
#keep_pwd:after{position:absolute;width:15px;height:15px;content: " ";background-color: #fff;color: #fff;display: inline-block;border:1px solid #cdcdcd;}
#keep_pwd:checked:before {content: "✓";display: block;position: absolute;left:3px;color: #000;font-weight: 700;z-index: 1;}
footer > span{color: #474747;display:inline-block;margin-top:1.5%;font-size:1.5vmin;}
.captcha,{width:90%;height:90%;}
.captcha > img{width:100%;height:100%;}
/* 多语言 */
.lang_names a{color:#fff;}
.lang_names a:hover{color:#000;}
#change_lang{cursor:pointer;color:#474747;position:absolute;bottom:25%;right:0;font-size:1.5vmin;}
#change_lang .lang{position:relative;top:-7px;}
.change{position: relative;left:-16px;}
.lActive{font-weight:bold;}
.lang_names{background-color:#F1F8FF;border-radius:4px;display:none;position:absolute;bottom:-400%;right:0;z-index:99;width:85px;}
.lang_names a:hover{background-color:#fff;border-radius:4px;}
.lang_names a{display:block;color:#666;text-decoration:none;height:28px;line-height:28px;padding:0 10px;}
#lang_icon{width:24px;height:24px;display:inline-block;background:url('/static/Images/loginlang.png');margin-right:6px;}

/* 当屏幕高度小于800的时候 收紧header footer高度*/
@media screen and (max-height:800px) {
    header,footer{height:10%;}
    section{height:80%;}
    .inputbox{margin-top:4vmin;}
}
*{transition:all 0.5s;}