* { margin: 0; padding: 0; font-family: "Microsoft YaHei"; }
html { height: 100%; overflow: hidden; }
body { width: 100%; height: 100%; font-size: 16px; background: url(login_bg.png) no-repeat; background-size: 100% 100%; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -khtml-user-select: none; user-select: none; position: relative; }
.login_bg { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: -1; }
.login_form { width: 800px; height: 500px; position: absolute; top: 50%; margin-top: -270px; left: 50%; margin-left: -400px; }
.tdxk { position: absolute; top: 30px; left: 30px; max-width: 100px; }
.logo { width: 400px; margin: 50px auto 0 auto; text-align: left; }
.logo-icon { margin: 0 auto; display: block; margin-bottom: 30px; }
.lower-tip { display: block; padding: 30px 10px; font-size: 14px; color: #666; }
.logo-newyear { width: 100%; }
.msg { color: #fff; width: 365px; margin: 0 auto; }
    .msg a { color: #fff; }
        .msg a:hover { color: #EFE4B0; }
#center { margin: 0 auto; text-align: center; }
#tip { padding: 0 20px; background: #ffe5e5; color: #aa0000; height: 26px; line-height: 26px; visibility: hidden; font-size: 12px; border-radius: 12px; margin: 8px auto 0; max-width: 60%; }
.input-wrap { height: 50px; color: #666; margin: 20px auto; border-bottom: 1px solid #c6d3dd; }
    .input-wrap:hover { border-bottom: 1px solid #0e86fe; }
span.login-title-separator { margin-left: 10px; }
.input-wrap:hover .login-title-separator { color: #0e86fe; }
.input-wrap.password { }
.input-wrap input { border: none; width: 266px; height: 30px; line-height: 30px; outline: none; font-size: 16px; background: transparent; }
.input-wrap label { width: 70px; text-align: right; display: inline-block; }
.login_btn { margin-top: 22px; height: 46px; line-height: 46px; text-align: center; width: 274px; font-size: 14px; outline: none; cursor: pointer; border-radius: 6px; border: none; color: #fff; font-weight: bold; background: url(login_btn.png) no-repeat center center; background-size: cover; /*针对IE8的hack，目的是除掉之前background*/ background: none\9; }
#center i { position: relative; }
    #center i img { width: 20px; position: relative; top: 4px; }
#changeLogin { /* height: 322px; */ width: 364px; padding: 37px 20px; border: 1px solid #c6d3dd; border-radius: 5px; text-align: center; -moz-box-shadow: 2px -2px 26px rgba(0,0,0,.2); -webkit-box-shadow: 2px -2px 26px rgba(0,0,0,.2); box-shadow: 2px -2px 26px rgba(0,0,0,.2); margin: 0 auto; margin-top: 20px; position: relative; }
.changeLogin-bg { width: 100%; height: 100%; z-index: -1; position: absolute; top: 0; left: 0; background: #fff; opacity: 0.8; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); }
.changeLogin-bg-left { position: absolute; left: -195px; top: 90px; }
.changeLogin-bg-right { position: absolute; right: -180px; top: -15px; }
#changeWay { width: 100%; height: 50px; border-bottom: 1px solid #c6d3dd; font-size: 18px; }
#numSpan, #imgSpan { display: block; width: 49%; float: left; color: #666; cursor: pointer; }
.waySpan { display: inline-block; height: 40px; }
.selectedSpan { color: #0e86fe; }
.boxShow { display: block; }
.boxHidden { display: none; }
.company { text-align: center; font-size: 13px; line-height: 40px; margin-top: 15px; color: #fff; }
#changeWay-split { height: 20px; width: 1px; background: #c6d3dd; float: left; margin-top: 3px; }
.input-wrap span.split { height: 20px; width: 1px; background: #ccc; display: inline-block; vertical-align: middle; margin: 0 5px; }
.input-wrap:hover span.split { background: #0e86fe; }
.input-wrap.captcha { text-align: left; margin-left: 0 !important; padding-left: 30px; }
#captcha { width: 110px; }
#captchaImg { height: 29px; width: 110px; vertical-align: middle; }
img.captchaStatus { width: 18px; height: 18px; vertical-align: middle; }
#erweima { width: 160px; height: 160px; display: block; margin: 0 auto; margin-top: 40px; }
#userImg { overflow: hidden; width: 364px; height: 322px; margin: 0 auto; margin-top: 52px; background: rgba(241, 240, 240, 0.466); border-radius: 10px; }
#headIcon { width: 160px; height: 160px; margin: 0 auto; margin-top: 50px; background: #fff; }
.mobileCue { display: block; width: 200px; height: 20px; line-height: 20px; margin: 0 auto; margin-top: 10px; font-size: 13px; }
#nickName { display: block; width: 200px; height: 20px; line-height: 20px; margin: 0 auto; margin-top: 20px; font-size: 16px; color: #fff; }
.backLogin { display: block; width: 200px; height: 20px; line-height: 20px; font-weight: bold; margin: 0 auto; margin-top: 20px; color: #0e86fe; font-size: 14px; cursor: pointer; }
#overTime { width: 100%; text-align: center; overflow: hidden; }
#invalidImg { width: 160px; height: 160px; display: block; margin: 0 auto; margin-top: 40px; cursor: pointer; background: #fff; }
.overTimeSpan { display: block; margin-top: 18px; color: #666; font-size: 16px; }
.erweimaSpan { display: block; margin-top: 30px; color: #666; font-size: 14px; }
.app-link { display: block; margin-top: 15px; font-size: 16px; color: #666; }
    .app-link > a { color: #666; text-decoration: none; }