@charset "utf-8";
* {
    padding: 0;
    margin: 0;
}

body {
    font-size: 14px;
    color: #666666;
    font-family: "microsoft yahei", "微软雅黑";
    width: 100%;
    height: 100%;
    background: url("../images/login_bg.jpg") no-repeat;
}

h1, h2, h3, h4, h5, form, p, ul, input {
    margin: 0px;
    padding: 0px;
}

input, textarea {
    font-family: "microsoft yahei", "微软雅黑";
    font-size: 14px;
    color: #666666;
}

li {
    padding: 0px;
    margin: 0px;
    line-height: 180%;
    list-style-type: none;
}

.clear{ clear: both;}

:focus {
    outline: 0
}

.container{ width:1500px; margin: 90px auto;}
.container .img-box{ float: left; width: 690px; overflow: hidden}
.container .login-box{ float: right; width:610px; overflow: hidden; position: relative}
.container .login-bd{ position: relative; border-radius:16px;width: 600px; height:560px; margin: 80px auto;  background: #FFF;}
.container .login-bd .top-d{ position:absolute; top: -67px; left: 229px;}
.container .login-form{ padding-top: 70px; margin: 0 auto; width: 488px; height: 470px; overflow: hidden}
.container .tit{ width: 95%; font-size: 18px; color: #333333; font-weight: bold; height: 50px; line-height: 40px; text-align: center}
.login-form .inputtxt {
    border: none;
    width: 426px;
    height:59px;
    line-height: 30px;
    padding: 10px 10px 10px 0;
    box-sizing: border-box;
    background: #FFF;
}
.tip_info{ height: 25px; margin-bottom: 5px;}
.tip_info .prompt_information{ color: red;}
.login-form .user-name-box,.login-form .password-box,.verification-code-box{width: 99%;height: 60px; border: 1px solid #D9D9D8;background: #fff;overflow: hidden;border-radius: 10px; position: relative;box-sizing: border-box;
}

.login-form .form-item{ width: 100%; margin-top: 30px;}
.login-form .form-item .col-1{ float: left; width:230px;}
.login-form .form-item  .col-2{ float: left; width:200px; margin-left: 10px;}
.login-form .verification-code-box input {  width:160px;}


.login-form .user-name-box .username_bg,
.login-form .password-box .password_bg,.login-form .verification-code-box  .verifcode_bg {
    width: 45px;
    height: 45px;
    display: inline-block;
    float: left;
    background: url("../images/login_item_ico.png") no-repeat;
    background-position: 8px 11px;
}

.login-form .password-box .password_bg {
    background-position: 8px -67px;
}
.login-form .verification-code-box .verifcode_bg {
    background-position: 8px -145px;
}
.login-form .password-box{ margin-top: 30px;}
.login-form .form-area{ padding-top:0px;}

.login-form .form-area .btn-box{padding-top:50px; text-align: center}
.login-form .form-area .login_btn {
    margin: 0 auto;
    width: 375px;
    height: 50px;
    border: 0px solid #1b64f3;
    background:linear-gradient(to right,#4994ff,#1862f0);
    background:#1862f0;
    color: #fff;
    border-radius: 30px;
    opacity: 0.8;
    box-sizing: border-box;
     font-size:18px;
     font-weight: bold;
}
.login-form .form-item2{
    margin-top: 20px;
    font-size: 16px;
}
.login-form.form-item2 input {
    border: none;
    width: initial;
    height:auto;
    line-height: 30px;
    padding: 10px 10px 10px 0;
    box-sizing: border-box;
    background: #FFF;
}

.copyright{position: initial;width: 100%;padding-bottom: 30px;}

.copyright .info{ text-align: center;color: #fff;font-size: 12px;line-height: 22px}
.copyright .info a{color: #fff; text-decoration: none}
input:-webkit-autofill {-webkit-box-shadow: inset 0 0 0px 9999px white;}

/**
屏幕自适应
 */
@media screen and (max-width: 1023px){
    #left-box{display: none}
    .container{width: 100%;margin: 10px auto;}
    .container .login-box{margin: 0 auto;float: none;}

}
@media screen and (min-width: 1024px) and (max-width: 1087px){
    .container{width: 100%!important;margin: 60px auto;}
    .container .img-box {width: 500px!important;height: 660px;position: relative}
    .container .img-box img {max-width: 500px;position: absolute; top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
    .container .login-box {width: 500px;}
    .container .login-bd {width: 480px;}
    .container .login-bd .top-d {left: 170px;}
    .container .login-form{padding-top: 70px;margin: 0 auto;width: 450px;height: 470px;overflow: hidden;}
    .login-form .inputtxt {width: 366px;}
    .login-form .form-area .btn-box {padding-top: 30px;}
}
@media screen and (min-width: 1088px) and (max-width: 1152px){
    .container{width: 100%!important;margin: 60px auto;}
    .container .img-box {width: 564px!important;height: 660px;position: relative}
    .container .img-box img {max-width: 564px;position: absolute; top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
    .container .login-box {width: 500px;}
    .container .login-bd {width: 480px;}
    .container .login-bd .top-d {left: 170px;}
    .container .login-form{padding-top: 70px;margin: 0 auto;width: 450px;height: 470px;overflow: hidden;}
    .login-form .inputtxt {width: 366px;}
    .login-form .form-area .btn-box {padding-top: 30px;}
}
@media screen and (min-width: 1153px) and (max-width: 1280px){
    .container{width: 100%!important;margin: 60px auto;}
    .container .img-box {width: 564px!important;height: 660px;position: relative}
    .container .img-box img {max-width: 564px;position: absolute; top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
    .container .login-box {width: 564px;}
    .container .login-bd {width: 480px;}
    .container .login-bd .top-d {left: 170px;}
    .container .login-form{padding-top: 70px;margin: 0 auto;width: 450px;height: 470px;overflow: hidden;}
    .login-form .inputtxt {width: 366px;}
    .login-form .form-area .btn-box {padding-top: 30px;}
}
@media screen and (min-width: 1281px) and (max-width: 1440px){
    .container{width: 100%!important;margin: 60px auto;}
    .container .img-box {width: 628px!important;height: 660px;position: relative}
    .container .img-box img {max-width: 628px;position: absolute; top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
    .container .login-box {width: 628px;}
    .container .login-bd {width: 480px;}
    .container .login-bd .top-d {left: 170px;}
    .container .login-form{padding-top: 70px;margin: 0 auto;width: 450px;height: 470px;overflow: hidden;}
    .login-form .inputtxt {width: 366px;}
    .login-form .form-area .btn-box {padding-top: 30px;}

}

@media screen and (min-width: 1441px) and (max-width: 1500px){
    .container{width: 100%}
    .container{margin: 30px auto;}
}