@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:90%; 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:520px; margin: 80px auto 80px auto;  background: #f5f9ff;opacity: 0.8}.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: 13px;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!important;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!important;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!important;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!important;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;}    .container .img-box {width: 690px!important;height: 660px;position: relative}    .container .img-box img {max-width:690px;position: absolute; top: 0;left: 0;right: 0;bottom: 0;margin: auto;}}@media screen and (min-width: 1501px){    .container .img-box {width: 690px!important;height: 660px;position: relative}    .container .img-box img {max-width:690px;position: absolute; top: 0;left: 0;right: 0;bottom: 0;margin: auto;}}