@charset "utf-8";
/* CSS Document */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
body{margin:0;padding:0;font-size:12px;line-height:22px;font-family:"Microsoft YaHei",Arial;-webkit-text-size-adjust:none;
    background: url("../ecshe_img/back_img.png") no-repeat;
    background-color: #071825;
    background-size: cover;
    -moz-background-size: cover;
}
input,select,textarea{font-size:12px;line-height:16px;}img{border:0;}ul,li{list-style-type:none;}
a{color:#333;text-decoration:none;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.dis{display:block;}.undis{display:none;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}.fnb{font-weight:200;margin-left:-1px;}
.hr_1,.hr_10{font-size:1px;line-height:1px;clear:both;}
.hr_1{height:1px;}.hr_10{height:10px;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;}

input::-webkit-input-placeholder { font-size: 13px;color: #8b97ab;}
input:-moz-placeholder { font-size: 13px;color: #8b97ab;}
input:-ms-input-placeholder { font-size: 13px;color: #8b97ab;}

.topbox {
    margin: 0 auto;
    margin-top: 100px;
    width: 400px;
    overflow: hidden;
}

/* Login_Style */
.logsbox {
    margin: 0 auto;
    padding: 30px;
    width: 400px;
    overflow: hidden;
    background-color: #2186a3;
    border-radius: 15px;
    color: #8388a3;
    font-size: 14px;
    box-sizing: border-box;
    box-shadow: 0px 0px 3px 0px #c8c8c8;
}
.logsbox h2 {
    font-size: 30px;
    font-weight: 500;
    color: #22272f;
}

.logsbox .form-tips {
    margin: 20px 0 30px 0;
}
.logsbox .form-tips a {
    display: inline-block;
    position: relative;
    color: #00a7e1;
}
.logsbox .form-tips a:hover {
    text-decoration: underline;
}
.logsbox .form-other {
    margin-top: 20px;
}
.logsbox .form-other a {
    display: inline-block;
    position: relative;
    color: #8388a3;
}

.logsbox .form-group {
    margin-top: 20px;
    position: relative;
}


.logsbox .form-group .inputs {
    padding: 0 10px;
    width: 100%;
    height: 45px;
    border-radius: 3px;
    border: 1px solid #fff;
    background: #fff;
    box-sizing: border-box;
}
.logsbox .form-group .focus {
    border: 1px solid #41afff;
    -moz-box-shadow:0 0 3px #41afff;
    -webkit-box-shadow:0 0 3px #41afff;
    box-shadow:0 0 3px #41afff;
}
.logsbox .form-group .inputs i {
    display: inline-block;
    margin: -3px 6px 0 3px;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    background: url(../ecshe_img/icon_login.png) no-repeat;
}
.logsbox .form-group .inputs input {
    display: inline-block;
    width: 88%;
    height: 100%;
    border: none;
    color: #aaa;
    font-size: 16px;
    box-sizing: border-box;
    background-color: #ffffff;
}

.logsbox .form-group .inputs i.icon-login-user {
    background-position: 0 0;
}
.logsbox .form-group .inputs i.icon-login-pwd {
    background-position: -48px 0;
}
.logsbox .form-group .inputs i.icon-login-verifycode {
    background-position: -24px 0;
}


.logsbox .form-group .imgcode {
    display: flex;
    position: absolute;
    top: 0;
    right: 5px;
    bottom: 0;
    align-items: center;
    z-index: 2;
}
.logsbox .form-group .imgcode img {
    cursor: pointer;
    height: 35px;
}

.logsbox .form-group .code-num {
    color: #00a7e1;
    position: absolute;
    top: 25%;
    right: 10px;
    z-index: 2;
}
.logsbox .form-group .code-num:hover {
    text-decoration: underline;
}

.logsbox .form-agreement {
    margin: 20px 0;
    position: relative;
    text-align: left;
}
.logsbox .form-agreement label {
    display: flex;
    position: relative;
}
.logsbox .form-agreement input {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 10;
    margin-top: 2px;
}
.logsbox .form-agreement span {
    margin-left: 20px;
}
.logsbox .form-agreement a{
    color: #8388a3;
}
.logsbox .form-agreement a:hover {
    text-decoration: underline;
}

.logsbox .form-button .btn-primary {
    display: block;
    width: 100%;
    overflow: hidden;
    padding: 15px 0;
    color: #aaa;
    font-size: 18px;
    border: none;
    outline: none;
    cursor: pointer;
    background-color: #ffffff;
    border-radius: 50px;
 }
.logsbox .form-button .btn-primary:hover {
    background-color: #eee;
    color:#ffffff;
 }

.icon-loading {
    display: inline-block;
    margin-right: 5px;
    width: 16px;
    height: 16px;
    vertical-align: -3px;
    background: url(../ecshe_img/loading_icon.gif) no-repeat 0 0;
}
.form-button .login-btn .in {
    display: none;
}
.form-button .log-in .in {
    display: inline-block;
}
.form-button .log-in .on {
    display: none;
}

.check-tips {
    color: #ff0000;
    margin-top: 10px;
    text-align: center;
}