/** 
 * 描述：登录 注册
 * by sh op wt.c om
 */
@charset "utf-8";
.qt-table, table { border-collapse: collapse; border-spacing: 0 }
* { -webkit-box-sizing: border-box; box-sizing: border-box }
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { border: 0; font: inherit; vertical-align: baseline; text-align: left; font-family: "Microsoft YaHei"; margin: 0; padding: 0; color: #333 }
.clearfix:after, .qt-header-nav:after { font-size: 0; visibility: hidden; clear: both }
ol, ul { list-style: none }
blockquote, q { quotes: none }
blockquote:after, blockquote:before, q:after, q:before { content: none }
.clearfix:after, .qt-header-nav .list-box dt:after, .qt-header-nav:after, .qt-header-right .user-info:after { content: " " }
.clearfix:after { display: block; height: 0 }
.qt-header-box, .qt-header-nav .icon-down { display: inline-block; vertical-align: middle }
form, input, textarea { font-family: "Microsoft YaHei"; outline: 0 }
a { color: #666; text-decoration: none; cursor: pointer }
h1, h2, h3, h4 { font-weight: 400 }
.fl { float: left }
.fr { float: right }
.w1200 { width: 1200px; margin: 0 auto }
body { background-color: #f6f6f6 }
.qt-header-other { position: relative; z-index: 100; height: 76px; padding:8px 0;background-color: #fff; -webkit-box-shadow: 0 1px 6px 0 rgba(0,0,0,.15); box-shadow: 0 1px 6px 0 rgba(0,0,0,.15); min-width: 1200px }
.qt-header-other .qt-header-nav { padding-left: 15px }
.qt-header-other .qt-logo { height: 60px; width: 190px; overflow: hidden; display: inline-block; vertical-align: middle }
.qt-header-other .qt-logo>a { display: block; width: 190px; height: 60px; overflow:hidden;}
.qt-header-other .qt-logo>a img{ display: block; width: 100%; max-width:190px;}
.qt-header-other .header-title { display: inline-block; vertical-align: middle }
.qt-header-other .header-title { height: 52px; font-size: 24px; line-height: 52px; padding-left: 17px; margin-left: 20px; color: #666; border-left: 1px solid #e3e3e3 }
.qt-footer-other { line-height: 22px; text-align: center min-width: 1200px; padding-top: 20px; text-align: center; font-size: 12px; color: #666; border-top: 1px solid #e5e5e5 }
.header-fixed { width: 100%; visibility: hidden; position: fixed; top: -80px; z-index: 500 }
.login-main, .login-main>div { position: relative }
.login-wrap, .login-wrap .login-content { overflow: hidden }
.login-main { min-width: 1200px; height: 540px }
.login-main a img{position: absolute; top: 50px; height: 440px;}
.login-main .login-wrap { position: absolute; top: 50px; right: 0 }
.login-wrap { width: 400px; height: 440px; border-radius: 4px; background-color: #fff; -webkit-box-shadow: 0 4px 6px 0 rgba(0,0,0,.2); box-shadow: 0 4px 6px 0 rgba(0,0,0,.2) }
.login-wrap .account-box, .login-wrap .login-box, { display:block}
.login-wrap .phone-box { display: none }
.login-wrap .cutting-line { position: relative; width: 340px; margin: 12px auto; text-align: center }
.login-wrap .cutting-line span { position: relative; z-index: 2; color: #888; padding: 0 5px; font-size: 14px; background-color: #fff }
.login-wrap .cutting-line:after { content: " "; position: absolute; left: 0; top: 10px; width: 340px; height: 1px; background-color: #eaeaea; z-index: 1 }
.login-wrap .login-form { width: 340px; margin: 20px auto 0; }
.login-wrap .login-form .input-inline { width: 340px; margin-bottom: 8px; position: relative }
.login-wrap .login-form .input-inline input { border: 1px solid #e3e3e3; border-radius: 4px; outline: 0; width: 340px; height: 40px; line-height: 40px; font-size: 14px; color: #ccc; padding-left: 42px; }
.login-wrap .login-form .input-inline input:focus { border: 1px solid #10c55b }
.login-wrap .login-form .input-inline input.danger { border: 1px solid #fda233 }
.login-wrap .login-form .input-inline .input-icon { background: url(../images/login.png) no-repeat; width: 20px;height: 22px;  position: absolute; left: 10px; top: 10px }
.login-wrap .login-form .input-inline .input-icon.i-phone { background-position: -67px -38px }
.login-wrap .login-form .input-inline .input-icon.i-code { background-position: -23px -38px }
.login-wrap .login-form .input-inline .input-icon.i-sms { background-position: -88px  -38px }
.login-wrap .login-form .input-inline .input-icon.i-user { background-position: 0 -38px }
.login-wrap .login-form .input-inline .input-icon.i-password { background-position: -47px -38px }
.login-wrap .login-form .input-inline .input-icon.i-email { background-position: -117px -38px }
.login-wrap .login-form .input-inline.captcha input { width: 200px;}
.login-wrap .login-form .input-inline.captcha .btn-captcha { background-color: #e3e3e3; border-radius: 4px; border: 1px solid #e3e3e3; text-align: center;  vertical-align: middle; float: right; width: 130px; height: 40px; line-height: 34px; }
.login-wrap .login-form .input-inline.captcha .btn-captcha.disabled { pointer-events: none; background-color: #e3e3e3; border-color: #e3e3e3 }
.login-wrap .login-form .input-inline.captcha .btn-captcha.disabled a { color: #ccc!important }
.login-wrap .login-form .input-inline.captcha .btn-captcha a { font-size: 14px }
.login-wrap .login-form .login-switch { text-align: center; margin-top: 12px; color: #666; font-size: 12px; width: 100%; }
.login-wrap .login-form .login-switch a { color: #666; font-size: 14px }
.login-wrap .login-form .login-switch a:hover { color: #333 }
.login-wrap .login-form .login-switch a.text-green { font-size: 12px }
.login-wrap .login-form .login-submit { width: 340px; height: 40px; line-height: 40px; font-size: 20px;font-family: 'Microsoft YaHei'; color: #fff; background: #e4393c;border: 0}
.login-wrap .login-footer { margin-top: 20px }
.login-wrap .login-type { text-align: center; color: #333 }
.login-wrap .login-type a { color: #333; font-size: 16px }
.login-wrap .login-type a:hover { text-decoration: underline }
.login-wrap .login-type a:first-child { position: relative; margin-right: 40px }
.login-wrap .login-type a:first-child:after { position: absolute; top: 0; right: -20px; content: " "; width: 1px; height: 22px; background-color: #ccc }
.setting-main .login-hearder { color: #666; font-size: 20px; padding: 36px 0 30px; height: auto }
.setting-main .login-hearder p { margin-top: 10px; color: #999; font-size: 14px; text-align: center }
.setting-main .login-wrap { position: initial; margin: 40px auto 0; -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,.1); box-shadow: 0 2px 6px 0 rgba(0,0,0,.1); width: 524px; height: auto; padding-bottom: 50px }
.setting-main .login-wrap .input-inline, .setting-main .login-wrap .input-inline input { margin-bottom: 10px }

.img-code-a { display: inline-block; width: 20px; height: 20px; vertical-align: middle; margin-left: 8px; cursor: pointer; background: url(../images/img-code-bg.png) no-repeat; }
.agreement-handle { width: 16px; height: 16px; display: inline-block; vertical-align: top; background: url(../images/index.png) no-repeat; margin-right: 5px; }
.agreement-alert { text-align: center; font-size: 12px; color: #666; margin-top: 18px;vertical-align: middle;}
.agreement-alert .text { color: #666; }
.agreement-alert .text:hover { color: #e4393c; }

.wt-login-form label.error { color: #000; text-align: left; white-space: nowrap;  padding: 0px 8px 2px 8px; position: absolute; z-index: 2; top: 10px; left: 170px; }
.wt-login-form label.error i { font-size: 18px; margin-right: 4px; color: #FF875A; vertical-align: middle;}
.wt-login-form .captcha label.error { background: transparent none; width: 30px; padding: 0; top: 10px; right: 0; left: 165px; }

.tabs-nav {text-align: center; font-size: 0;  word-spacing:-1em; border-bottom: 1px solid #e5e5e5;}
.tabs-nav li {text-align: center; display: inline-block; *display: inline; width: 40%; margin: 16px 0; padding: 0 10px; font-size: 18px; color: #999;}
.tabs-nav li:first-child { border-right: 1px solid #e5e5e5 }
.tabs-nav li a:hover, .tabs-nav li.on a {font-weight: bolder; color: #e4393c;font-family: "microsoft yahei";}

.login-wrap .wt-login-api { font-size: 0; *word-spacing:-1px/*IE6、7*/;width: 340px; margin: 0 auto; }
.login-wrap .wt-login-api h4 { margin-top: 10px; font-size: 12px; line-height: 20px; color: #666; height: 20px; margin-bottom: 10px; }
.login-wrap .wt-login-api a { font-size: 12px; text-decoration: none; color: #AAA; vertical-align: top; display: inline-block; *display: inline;height: 32px; margin-right: 24px; *zoom: 1;}
.login-wrap .wt-login-api a i { background: url(../images/login.png) no-repeat; vertical-align: middle; display: inline-block; *display: inline;width: 32px; height: 32px; margin-right: 6px; *zoom: 1;}
.login-wrap .wt-login-api a.qq i { background-position: 0 0; }
.login-wrap .wt-login-api a.sina i { background-position: -32px 0; }
.login-wrap .wt-login-api a.wx i { background-position: -64px 0; }
.login-wrap .wt-login-api a.qq:hover { color: #3EB6E8; }
.login-wrap .wt-login-api a.qq:hover i { background-position: -96px 0; }
.login-wrap .wt-login-api a.sina:hover { color: #F77260; }
.login-wrap .wt-login-api a.sina:hover i { background-position: -128px 0; }
.login-wrap .wt-login-api a.wx:hover { color: #4EA335; }
.login-wrap .wt-login-api a.wx:hover i { background-position: -160px 0; }
.login-wrap .login-form .code-span { border: 1px solid #e3e3e3;
border-radius: 4px; width: 130px; height: 40px; overflow: hidden; float: right; position: relative; z-index: 1; }
.login-wrap .login-form .code-span a { font-size: 12px; text-decoration: none; line-height: 36px; color: #FFF; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#7F000000', endColorstr='#7F000000'); background: rgba(0,0,0,0.5); text-align: center; display: none; width: 130px; height: 40px; position: absolute; z-index: 1; top: 0; left: 0; }
.login-wrap .login-form .code-span:hover a { display: block; }