body{background: url("../img/bg.png") no-repeat top center #020324;width: 100%;font-family:'Microsoft YaHei';background-size: 100% 100%;}
a{text-decoration: none;}
.home{text-align: center;margin: 72px 0;}
.home h1{padding: 160px 0 0 0;background: url("../img/loginlogo.png") no-repeat top center;color: #FFFFFF;font-size: 30px;letter-spacing: 5px;}
.home h1 span{display: block;font-size: 71px;font-weight: 400;letter-spacing: 10px;padding-bottom: 5px;}

#wrap{position: relative;width: 100%;height: 100vh;display: flex;flex-direction: column;align-items: center;}
#wrap > h1{font-size: 40px;font-weight: 900;color: #ffffff;letter-spacing: 6px;position: absolute;width: auto;display: block;text-align: center;margin-top: 4.5%;}
/*#wrap>h1:before{content: '';background: url("../img/h1l.png") no-repeat;width: 119px;height: 16px;position: absolute;left: -150px;top: 18px;}*/
/*#wrap>h1:after{content: '';background: url("../img/h1r.png") no-repeat;width: 119px;height: 16px;position: absolute;right: -150px;top: 18px;}*/

.login{position: absolute;margin: -274px;text-align: center;top: 50%;left: 50%;margin-left: -273px;}
.login .login-box{background: url("../img/loginbody_max.png") no-repeat #fff;width: 546px;min-height: 548px;margin: 0 auto;overflow: hidden;border-radius: 4px;}
.login .login-box h2{color: #ffffff;font-size: 28px;letter-spacing: 10px;font-weight: 900;padding: 26px 0 20px;}
.login .login-box .login-box-inner .login-wrap{width: 400px;margin: 75px auto 0;}
.login .login-box .login-box-inner .login-wrap h3{display: block;text-align: left;margin-bottom: 30px;background: url('../img/login_h3.png') no-repeat center;height: 45px;}
.login .login-box .login-box-inner .login-wrap>div{display: flex;align-items: center;}
.login .login-box .login-box-inner .login-wrap>div>span{white-space: nowrap;font-size: 14px;color: #ffffff;display: block;min-width: 60px;text-align: left;}
.login .login-box .login-box-inner .login-wrap .user{position: relative}
.login .login-box .login-box-inner .login-wrap .user i{position: absolute;background: url("../img/username.png") no-repeat;width: 20px;height: 20px;display: block;top: 42px;left: 10px;}
.login .login-box .login-box-inner .login-wrap .password{position: relative}
.login .login-box .login-box-inner .login-wrap .password i{position: absolute;background: url("../img/password.png") no-repeat;width: 20px;height: 20px;display: block;top: 42px;left: 10px;}

.login .login-box .login-box-inner .login-wrap input{display: block;background: #ffffff;border:none;border-bottom: 1px solid #DFDFDF;width:100%;height:54px;outline: none;text-indent: 38px;font-size: 14px;margin: 24px 0 12px;color: #353535;}
.login .login-box .login-box-inner .login-wrap input:focus,.login .login-box .login-box-inner .login-wrap input:hover{border:none;border-bottom:1px solid #0058C7;background-color: #ffffff;}
.login .login-box .login-box-inner .login-wrap .login-user{}
.login .login-box .login-box-inner .login-wrap .login-password{}
.login .login-box .login-box-inner .login-wrap .yzm{display: flex;align-items: center;font-size: 12px;}
.login .login-box .login-box-inner .login-wrap .yzm a{color: #ffffff;vertical-align: middle;display: block;}
.login .login-box .login-box-inner .login-wrap .yzm img{vertical-align: middle;display: block;width: 120px;height: 36px;margin-left: 5px;}
.login .login-box .login-box-inner .login-wrap .login-yzm{background: url("../img/yzm.png") no-repeat left 10px center #fff;width: 120px;}

.login .login-box .login-box-inner .login-wrap button{color: #FFFFFF;width:400px;height:54px;outline: none;margin: 20px 0 20px;background: #0058C7;cursor: pointer;
    border-radius: 4px;
    /* box-shadow: 0px 10px 20px 0px #cee0ff;  */
    border: none;
    font-size: 18px;
    font-weight: 400;
}
.login .login-box .login-box-inner .login-wrap button:hover{background: #0052b4;}
.footer{color: #ffffff;font-size: 14px;
    /*position: fixed;bottom: 25px;*/
    width: 100%;text-align: center;}
.footer span{padding: 0 10px;}
.logo-nav{display: flex;padding: 0 0 20px 0;margin: 0;justify-content: center}
.logo-nav li{list-style: none;color: #999999;font-size: 14px;}
.logo-nav li a{color: #0058C7;padding: 0 20px 0 0;}

@media (max-height: 830px){
    /*#wrap{height: 97vh;}*/
    /*.login{margin: -187px;margin-left: -221px;}*/
    /*#wrap > h1{font-size: 32px;margin-top: 4.2%;}*/
    /*#wrap>h1:before,#wrap>h1:after{top: 16px;}*/
    /*.login .login-box h2 {padding-top: 16px;}*/
    /*.login .login-box{min-height: 449px;background: url("../img/loginbody.png") no-repeat #fff;width: 442px;}*/
    /*.login .login-box .login-box-inner .login-wrap{width: 348px;}*/
    /*.login .login-box .login-box-inner .login-wrap{margin: 70px auto 0}*/
    /*.login .login-box .login-box-inner .login-wrap .login-user,.login .login-box .login-box-inner .login-wrap .login-password{margin: 6px 0}*/
    /*.login .login-box .login-box-inner .login-wrap button{margin: 10px 0 15px;width: 348px;}*/
    /*.login .login-box .login-box-inner .login-wrap .user i{top: 22px;}*/
    /*.login .login-box .login-box-inner .login-wrap .password i{top: 22px;}*/
    /*.footer{*/
    /*    !*bottom: 10px;*!*/
    /*    position: unset;*/
    /*    margin-bottom: 30px;*/
    /*}*/
}

::-webkit-input-placeholder { /* WebKit browsers */
    color: #B8B8B8;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #B8B8B8;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #B8B8B8;
}
input:-webkit-autofill{
    box-shadow: inset 0 0 0 1000px #ffffff ;
}


/*通用样式*/

body{background: url("../img/bg_login.png")  top center #F5F7FC;width: 100%;font-family:'Microsoft YaHei';margin: 0;padding: 0;}
a{text-decoration: none;}
.header{width: 100%;background-color: #2860F0;}
.header .w1200{width: 1200px;margin: 0 auto;display: flex;justify-content: space-between;height: 64px;align-items: center;}
.header .w1200 .return{padding: 6px 10px;border: 1px solid #BED2FF;border-radius: 4px;color: #FFFFFF;letter-spacing: 3px;font-size: 14px;}
.header .w1200 .return i{margin-right: 3px;}
.header .w1200 .return:hover{background: #4DABEA;border: 1px solid #BED2FF;}
.header .logo-box{display: flex;align-items: center;}
.header .logo-box .logo{background: url("../img/ghLogoImg.png") no-repeat;width: 46px;height: 46px;margin-right: 5px;display: block;}
.header .logo-box h1{margin: 0;padding: 0;color: #FFFFFF;font-size: 22px;font-weight: 900;letter-spacing: 1px;}
.header .logo-box h2{margin: 0;padding: 0;color: #FFFFFF;font-size: 13px;font-weight: 400;}

.login-wrap{width: 1200px;display: flex;justify-content: space-between;margin: 80px auto;justify-content: center;align-items: center;}
.login-wrap .login-left{background: url("../img/login_img.png") no-repeat;width: 430px;height: 299px;}
.login-wrap .login-container{display: flex;flex-direction: column;justify-content: space-around;background-color: #FFFFFF;margin-left: 82px;border-radius: 4px;width: 595px;min-height: 520px;padding: 39px;box-sizing: border-box;box-shadow: 0px 40px 80px 0px #a9caed; }
.login-wrap .login-container h3{padding: 0;margin: 0;text-align: center;font-weight: 400;font-size: 22px;letter-spacing: 6px;}
.login-wrap .login-container input{display: block;width:100%;height:48px;outline: none;border-radius: 2px;padding: 8px 8px 8px 50px;box-sizing: border-box;background: #ffffff;border: 1px solid #E1E1E1;color: #333333;}
.login-wrap .login-container input:hover,.login-wrap .login-container input:focus{border: 1px solid #146FB2;}
.login-wrap .login-container .username,.login-wrap .login-container .password,.login-wrap .login-container .yzm{position: relative;}
.login-wrap .login-container i{position: absolute;top: 16px;left: 20px;color: #D6D6D6}
.login-wrap .login-container>div{margin-top: 24px;}
.login-wrap .login-container>div:hover i{color: #146FB2;}
.login-wrap .login-container .yzm{background: #ffffff;border: 1px solid #E1E1E1;border-radius: 2px;}
.login-wrap .login-container .yzm:hover{border: 1px solid #0087E1;}
.login-wrap .login-container .yzm input{width: 163px;border: 0;}
.login-wrap .login-container .yzm:before{content: '';width: 1px;height: 26px;background-color: #EDEDED;position: absolute;left: 165px;top: 11px;display: block;}
.login-wrap .login-container .yzm img{position: absolute;right: 69px;top: 9px;width: 80px;height: 30px;}
.login-wrap .login-container .yzm a{position: absolute;right: 13px;top: 13px;font-size: 14px;color: #0087E1}
.err-txt{color: #E34D59;font-size: 14px;margin-top: 10px!important;}
.login-btn{background: #0087e1;border-radius: 2px;width: 100%;height: 48px;line-height: 48px;font-size: 18px;letter-spacing: 6px;color: #FFFFFF;border: 0;cursor: pointer;}
.login-btn:hover{background: #7BCCFF;transition: all 0.3s;}
.footer{color: #4a4949;font-size: 16px;width: 100%;text-align: center;margin: 0 auto;
    padding-top: 80px;
    /*padding-bottom: 60px;*/
}
.footer > div{padding-bottom: 3px;}
.logo-nav{display: flex;margin: 0;justify-content: space-between;padding: 20px 0 0;}
.logo-nav li{list-style: none;color: #999999;font-size: 18px;}
.logo-nav li a{color: #353535;}

@media (max-height: 830px){

}

::-webkit-input-placeholder { /* WebKit browsers */
    color: #B8B8B8;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #B8B8B8;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #B8B8B8;
}
input:-webkit-autofill{
    box-shadow: inset 0 0 0 1000px #ffffff ;
}
#logining {
    width: 100%;
    height: 48px;
    background: #146FB2;
    border: none;
    border-radius: 2px;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
}
::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 6px !important;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 6px !important;
    background: #ffffff !important;
    cursor: pointer !important;
}

::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 5px !important;
    -webkit-box-shadow: inset 0 0 5px rgba(240, 240, 240, 0.5) !important;
    background: #B2B6BF !important;
    cursor: pointer !important;
}

::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(240, 240, 240, 0.5) !important;
    border-radius: 0 !important;
    background: #E1E4EB !important;
    cursor: pointer !important;
}

.login-tip {
    color: #409eff;
    text-align: center;
    font-weight: 500;
    font-size: 32px
}
.login-tip2 {
    color: #409eff;
    text-align: center;
    font-weight: 500;
    font-size: 24px;
    height: 50px;
}