/*----   Login  ----*/
html,body{ height:100%; margin:0; padding:0;}
html { overflow: hidden;font:87.5% \5FAE\8F6F\96C5\9ED1; color:#333; }
.loginHtml { overflow: hidden; }
.loginHtml>body { }

.login > .container,.login > .container>#content {height:100%;}
/*.login > .container {background:#157EE8 url(images/login-top.png) no-repeat right top  }*/
/*.login > .container > #content {background:url(images/login-bottom.png) no-repeat left bottom}*/
.loginLogo {position:absolute;top:50%;right:50%; margin:-204px -96px 0 0;font-weight:bold;font-size:30px;color:#fff;z-index:1;text-align:right }
.loginLogo span {font-size:0.5em;display:block;font-weight:normal}
.divLogin{width:970px;height:540px;position:absolute;top:50%;left:50%;margin:-270px 0 0 -485px;box-shadow:0 0 18px 3px #10549b;background:#fff url(images/login-bg.jpg) no-repeat left center;}
.divLogin > .BackGround {width:370px;float:right;}
.divLogin > .BackGround:before {content:"\7528\6237\767B\5F55";padding-top:92px;width:120px;display:block;margin:52px auto 0;padding-bottom:5px;color:#0099FF;font-size:24px;line-height:30px;background:url(images/login-icons.png) no-repeat -193px 0;text-align:center}
.divLogin input { width: 100%; height: 50px; padding: 0 1px; border-width: 0;box-sizing: border-box; font: 16px/50px \5FAE\8F6F\96C5\9ED1; box-shadow: none; outline: 0; color: inherit; background:none }
.IDInput, .PasswordInput {width: 62.5%; padding: 0 0 0 40px; position: relative; box-sizing: border-box; display: block;border-bottom:2px solid #333333;margin:36px auto 0;color:#333; }
.PasswordInput {}
.IDInput .inputIco, .PasswordInput .inputIco ,.CodeInput .inputIco{position:absolute;top:0;left:0;width:40px;height:100%;background: url(images/login-icons.png) no-repeat -2px 2px; }
.PasswordInput .inputIco {background-position:-1px -94px; }

.IDInput:hover, .PasswordInput:hover {color:#0099FF;border-color:#0099FF; }
.IDInput:hover .inputIco {background-position:-102px 2px; }
.PasswordInput:hover .inputIco {background-position:-101px -94px; }

.LoginButton { width: 250px; height: 50px;position:relative;margin:52px auto 0;background: url(images/login-icons.png) no-repeat -5px -182px; }
.LoginButton:before {position:absolute;top:0;left:0;width:100%;height:100%;content:"\767B\3000\3000\5F55";color:#fff;font-size:16px;text-align:center;line-height:50px;}
.LoginButton > input { width: 100%; height: 100%; padding: 0; border-width: 0; cursor: pointer; background: url(about:blank);position:relative;z-index:1;cursor:pointer }

.LoginButton:hover {background-position:-5px -286px;}
.LoginButton > input:hover {  }
.LoginButton > input:active { outline-width: 0; }
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
input::-webkit-input-placeholder { color: #b0b0b0; }
input::-moz-placeholder { color: #b0b0b0; opacity: 1 !important; }
input:-ms-input-placeholder { color: #b0b0b0; }
.loginBottomText{width:100%; position:absolute; bottom:3%; left:0;line-height:20px;padding:5px 0;text-align:center;color:#fff;}

/*登录中*/
/*.logining_form .LoginButton>input,.logining_form .LoginButton>input:hover{background-position:-443px -201px;}
.logining_form .IDInput,.logining_form .PasswordInput{background-position:0 -280px; }
.logining_form .IDInput:before,.logining_form .PasswordInput:before{background-position:0 -224px; }
.logining_form .IDInput:after,.logining_form .PasswordInput:after{background-position:0 -336px; }
.logining_form .PasswordInput:after{background-position:0 -392px; }
.logining_form input{color:#999;pointer-events: none;}*/
/*注销*/
.page-header{width:164px; background:url(images/login-icons.png) no-repeat -361px 25px;position:absolute;top:50%;left:50%; margin-top:-130px;margin-left:-82px; text-align:center;font-size:16px;padding-top:182px;color:#0099FF}
.page-header > * {display:none}
.page-header:before {content:"\6CE8\9500\4E2D..."}




/**/
.login{
    width: 100%;
    height: 100%;
    background: url("images/bg.jpg") no-repeat;
    background-size: 100% 100%;
}







.divLogin{
    width: auto;
    height: 570px;
    margin: -285px 0 0 -472px;
    background: rgba(18, 89, 155, 0.8);
    box-shadow: inherit;
    box-sizing: border-box;
}

.loginLogo{
    width: 727px;
    height: 55px;
    top: -108px;
    margin: 0 -350px 0 0 ;
    background: url("images/login-title.png") no-repeat;
}

.divLogin .main-left,.divLogin .main-right{
    position: relative;
    width: 470px;
    height: 100%;
    display: inline-block;
    vertical-align: top;
}

.divLogin .main-left .left-text{
    position: absolute;
    top: 50%;
    left: 109px;
    width: 238px;
    height: 58px;
    margin: -30px 0 0 0;
    background: url("images/left-text.png") no-repeat;
    z-index: 1;
}

.divLogin .main-left .left-icon{
    position: absolute;
    top: 50%;
    right: 52px;
    width: 43px;
    height: 43px;
    margin: -21.5px 0 0 0;
    background: url("images/left-icon.png") no-repeat;
    z-index: 1;
}



.divLogin .main-right{
    background: #fff;
}


/**/
.IDInput, .PasswordInput{
    width: auto;
    height: 45px;
    line-height: 45px;
    padding: 0 0 0 40px;
    position: relative;
    box-sizing: border-box;
    color: #333;
    margin: 100px 50px 0;
    border-bottom: 2px solid #333;
    overflow: hidden;
}

.divLogin .PasswordInput{
    margin-top: 51px;
}


.divLogin .IDInput input{
    height: 45px;
    line-height: 45px;
    color: #333;
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
}



.divLogin .PasswordInput input{
    height: 45px;
    line-height: 45px;
    color: #2E6DFC;
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
}

.divLogin input::-webkit-input-placeholder {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #ccc;
}

.IDInput:hover, .PasswordInput:hover {
    color: #2E6DFC;
    border-color: #2E6DFC;
}

.IDInput .inputIco{
    background: url("images/right-dl1.png") no-repeat center;
}

.IDInput:hover .inputIco{
    background: url("images/right-dl3.png") no-repeat center;
}


.PasswordInput .inputIco{
    background: url("images/right-dl2.png") no-repeat center;
}

.PasswordInput:hover .inputIco{
    background: url("images/right-dl4.png") no-repeat center;
}

.CodeInput .inputIco{
    background: url("images/code1.png") no-repeat center;
}

.CodeInput:hover .inputIco{
    background: url("images/code2.png") no-repeat center;
}

.CodeInput{
    width: auto;
    height: 45px;
    line-height: 45px;
    padding: 0 0 0 40px;
    position: relative;
    box-sizing: border-box;
    color: #333;
    margin: 51px 50px 0;
    overflow: hidden;
}

.CodeInput input{
    width: calc(100% - 90px);
    height: 45px;
    line-height: 45px;
}

.CodeInput .imgDiv{
    width: 100px;
    height: 45px;
    left: calc(100% - 115px);
    position: absolute;
    display: inline-block;
}

.CodeInput .imgDiv>img{
    width: 110px;
    height: 45px;
    cursor: pointer;
}

.CodeInput:hover input{
    border-bottom-color:#2E6DFC ;
}

.CodeInput input{
    border-bottom: 2px solid #333;
    padding-left: 40px;
    margin-left: -40px;
}

.CheckInput{
    /* text-align: right; */
    margin: 30px 50px 0;
}

.CheckInput .CheckPwd{
    width: 16px;
    height: 16px;
    cursor: pointer;
    display: inline-block;
    margin: 0;
    vertical-align: middle;
    border: 1px solid #000;
    background: #0075ff;
    margin-right: 13px;
}

.CheckInput input[type=checkbox]:after{
    background: #0075ff;
}

.CheckInput label{
    color: #333;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    cursor: pointer;
}

.LoginButton{
    width: auto;
    height: 50px;
    border-radius: 25px;
    margin: 40px 50px 0;
    background: #4050FF;
    border: 1px solid #00AEFF;
    box-shadow: 0 1px 6px 0 #1552DB;
    background: linear-gradient(90deg, #28A1FD, #2E6DFC);
}

.LoginButton:hover{
    background: linear-gradient(90deg, #2E6DFC, #28A1FD);
}

.LoginButton:before{
    display: none;
}


.LoginButton input{
    color: #fff;
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
}

@media screen and (max-width: 1600px) {
    .divLogin{
        height: 510px;
        margin: -235px 0 0 -413px;
    }
    .divLogin .main-left, .divLogin .main-right{
        width: 410px;
    }
    .divLogin .main-left .left-text{
        left: 58px;
    }
    .IDInput{
        margin: 65px 50px 0;
    }
}