@charset "UTF-8";

body { margin:0; padding: 0; font-size: 14px; text-align: center; font-family: Arial, Helvetica, sans-serif,"宋体"; background-color: #fff; }
* { margin: 0 auto; padding: 0; }

ul, p, dd, dl, dt, img, li { margin: 0; padding: 0; border: 0; }

.logo h3 { text-align: left; margin: 0; padding: 0 0 0 5px; border: 0; color: #4F638F; }

.logo h3 span { display: block; line-height: 20px; font-size: 9px; font-weight: normal; }

li { list-style: none; text-align: left; }

input[type="checkbox"]{-webkit-appearance: none;outline: 0 !important; width:18px; height:18px; border-radius:50%; display: inline-block; border:1px solid #ccc; background-color: transparent;}
input[type="checkbox"]:checked {width:18px; height:18px; border-radius:50%; border:none; background:url(images/gou.png) no-repeat; background-size:100%;}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px white inset !important;}
input:focus, input, button {outline: none;}
a {color:#4a8bff;}

.login_logo {display: table-cell; width:400px; height:400px; line-height:400px; vertical-align:middle;}
.login_logo img {margin:0 auto; display:block;width:220px;}
.login_logo h1 {font-size:24px; color:#fff; text-align:center;}
.login_logo h1 em {font-size:27px; position:relative; top:2px;}

.login_bg { width: 360px; height:400px; float: left; background:#fff; position:relative;}
.login_form {position:absolute; left:50px; top:50%; right:50px; transform:translateY(-50%);}
.login_form li { padding: 5px 0; }
.login_form li .input {height:48px; line-height:48px; width:100%; font-size:14px; text-align:center; border:none; border-bottom: 1px solid #e2e2e2;}

.label_box {color: #717171; padding-top: 10px; text-align: center; line-height:40px;}
.label_box input {vertical-align:middle; position:relative; top:-2px; cursor:pointer;}
.label_box label {cursor:pointer;}

.yzm_div { border-bottom: 1px solid #e2e2e2; height:24px; line-height:24px; padding:10px 0 10px 0;}
.yzm_div input {float:left; height:24px; width:100px; text-align:center; border:none; font-size:14px;}
.yzm_div img {float:left; height:24px; margin:0 10px;}
.yzm_div a {float:left; height:24px; line-height:24px;}

.inputstyle-short-out { width: 40px; height: 18px; padding: 1px 0 0 2px; margin: 0px; border: 1px solid #DBDBDB; }

.inputstyle-short-move { width: 40px; height: 18px; padding: 1px 0 0 2px; margin: 0px; border: 1px solid #91A7D5; }

.login_btn {text-align:center; padding:20px 0 0 0 !important;}
.btn {border: none; background:#4a8bff; color: #fff; width:220px; height:40px; line-height:40px; cursor: pointer; font-size: 14px; border-radius:25px; transition:.3s;}
.btn:hover {background:#397eff;}

.error_info {color: #ff4949; padding:5px 25px; font-size:14px; background:#fff2f2; margin-bottom:5px;}

.logo { height: 35px; padding: 0 0 6px 0; }


.login {  margin: 150px 37%; box-shadow:4px 4px 15px 0px rgba(0,0,0,0.1); transition:.3s;}
.login:hover {box-shadow:4px 4px 15px 0px rgba(0,0,0,0.2); margin-top:140px;}

.logo_box { width:400px; height:400px; float: left; text-align: left; background:#4a8bff; color: #333333; font-size: 12px; overflow: hidden; }



.inverted-image { width: 817px; height: 24px; background: url(images/login/signup_31.png) no-repeat; float: left; }

.login_bg h1 {display:none;}


/*自适应手机S*/
@media (max-width:800px){

    body,html{background:#fff !important;}
    .login_box {box-shadow:none; width:360px;  margin: -200px 0 0 -180px;}
    .logo_box {display:none;}
    .login_box:hover {box-shadow:none; margin: -200px 0 0 -180px;}

    .login_bg h1 {display:block; font-size:28px;}

    .foot_info .foot_span {display:none;}

}


/*自适应手机E*/