@charset "utf-8";
/*************************************************************************
 * Login
 * Public
 * @name           login.css
 * @package        IntelligenceQuotientUI.Libraries
 * @copyright      2009 © SDL888, Inc.
 * @link           http://WwW.SDL888.Net
 *
*************************************************************************/
@-webkit-keyframes searchLights{
	0%{left:-100px;top:0}
	to{left:120px;top:100px}
}
@-o-keyframes searchLights{
	0%{left:-100px;top:0}
	to{left:120px;top:100px}
}
@-moz-keyframes searchLights{
	0%{left:-100px;top:0}
	to{left:120px;top:100px}
}
@keyframes searchLights{
	0%{left:-100px;top:0}
	to{left:120px;top:100px}
}
.logo {width:1190px;height:50px;margin:0 auto 10px;padding-top:22px;position:relative}
.logo .transparent-png {position:absolute;top:12px;left:0;overflow:hidden}
.logo .transparent-png:before{content:"";position:absolute;left:-665px;top:-460px;width:220px;height:15px;background-color:rgba(255,255,255,.5);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation:searchLights 1s ease-in 1s infinite;-o-animation:searchLights 1s ease-in 1s infinite;animation:searchLights 1s ease-in 1s infinite}
.logo .msg {line-height:16px;padding:6px 10px;overflow:hidden;width:840px;background:#fef2f2;border:1px solid;text-align:center;float:left;margin-left:240px}
.logo .msg.error {border-color:#ffb4a8;background-color:#fef2f2;color:#6C6C6C}
.logo .msg p{white-space:normal;word-wrap:break-word}
.logo span{padding-top:30px;font-size:14px}
.logo span a{color:#bbb}
.logo span a:hover{color:#f60}
.warpbox {position:relative}
.warpbox .newbg {position:absolute;z-index:9;top:0;left:0;background-size:cover;background-repeat:no-repeat;background-position:center center;width:100%;height:600px}
.warpbox .adlink {width:1190px;margin:0 auto;position:relative;z-index:1000}
.warpbox .adlink a{position:absolute;width:630px;height:440px;left:80px;top:80px}
.warpbox .layout {width:1190px;margin:0 auto;overflow:hidden;position:relative;height:600px;z-index:999}
.warpbox .login-box-warp {position:absolute;top:120px;right:60px;width:350px}
.login-title{height:18px;line-height:18px;font-size:16px;color:#3c3c3c;margin-top:15px;padding-bottom:8px;font-weight:700}
.nickx{display:none;font-size:16px;position:absolute;right:8px;top:8px;z-index:1000;cursor:pointer}
.static-form{position:relative}
.static-form .field{margin-top:20px;position:relative}
.static-form .field label{display:block;width:40px;height:40px;line-height:40px;text-align:center;position:absolute;left:1px;top:1px;outline:0}
.static-form .field .LR {font-size:22px;color:#a9a9a9}
.static-form .field .iq-input {line-height:18px;height:42px;padding:11px 8px 11px 40px}
.login-links{margin-top:25px;overflow:hidden;text-align:right}
.login-links a{margin-right:10px}
.login-box .submit button{width:300px;height:42px;border:0;display:inline-block;overflow:hidden;vertical-align:middle;line-height:42px;font-size:16px;font-weight:700;color:#fff;background:#f40;border-radius:3px;cursor:pointer;zoom:1}
.login-box .iq-btn {background-color:#f40}
.static-form .other-login{margin-top:24px;height:23px;padding-top:20px;border-top:1px dashed #eee}
.static-form .other-login .kj-login {height:23px;line-height:23px}
.static-form .other-login .kj-login span{margin-right:-7px;vertical-align:middle;color:#bbb}
.static-form .other-login .kj-login a{display:inline-block;width:23px;height:23px;vertical-align:middle;margin-left:3px}
.static-form .other-login .kj-login .iq-qq{color:#7accff;font-size:25px}
.static-form .other-login .kj-login .iq-qq:hover{color:#44b7ff}
.static-form .other-login .kj-login .iq-WeChat{color:#97db84;font-size:23px}
.static-form .other-login .kj-login .iq-WeChat:hover{color:#51c332}
.ww-login .other-login{margin-top:23px}
.ww-login .userlists{overflow:hidden;width:270px;margin:0 auto;position:relative}
.ww-login .userlists-2{padding-bottom:20px}
.ww-login .ww-userlist .item-sso-user{width:90px;margin:0 auto;position:relative;cursor:pointer}
.ww-login .userlists .ww-tab{height:117px}
.ww-login .userlists .item-sso-user{width:90px;float:left;position:relative;cursor:pointer}
.ww-login .userlists .item-sso-user .user-pic{width:60px;height:60px;overflow:hidden;margin:34px auto 0;text-align:center;border-radius:50%}
.ww-login .item-sso-user .LR {display:none}
.ww-login .item-sso-user.current .icon-ok{color:#78c430;display:block;width:26px;height:26px;font-size:24px;line-height:24px;position:absolute}
.ww-login .userlists .item-sso-user.current .icon-ok{right:6px;top:30px}
.ww-login .ww-trigger{text-align:center;margin-top:18px}
.ww-login .ww-trigger li{display:inline-block;*diplay:inline;width:12px;height:12px;line-height:12px;margin-right:5px;border-radius:50%;background:#ddd;text-indent:-9999px;cursor:pointer}
.ww-login .ww-trigger li.current{background:#f40}
.ww-login .trigger-bar{position:relative}
.ww-login .trigger-bar a{color:#ddd;position:absolute;top:-100px}
.ww-login .trigger-bar a:hover{color:#f40}
.ww-login .trigger-bar a.prev{left:0}
.ww-login .trigger-bar a.next{right:0}
.ww-login.ww-slide .submit{margin-top:24px}
.login-box .user-pic{width:80px;height:80px;overflow:hidden;margin:34px auto 0;text-align:center;border-radius:50%}
.login-box .user-name{margin-top:7px;line-height:16px;text-align:center;color:#3c3c3c;height:16px;overflow:hidden}
.login-box .nc-container.tb-login .nc_scale{border:1px solid #ddd;height:40px;width:298px}
.login-box .nc-container .nc_scale .scale_text{line-height:40px}
.login-box .nc-container .nc_scale span{height:38px;line-height:38px}
.login-box .nc-container #clickCaptcha,.login-box .nc-container #imgCaptcha,.login-box .nc-container .clickCaptcha,.login-box .nc-container .imgCaptcha,.login-box .nc-container.tb-login #clickCaptcha,.login-box .nc-container.tb-login #imgCaptcha,.login-box .nc-container.tb-login .clickCaptcha,.login-box .nc-container.tb-login .imgCaptcha{width:310px;padding-left:20px;padding-right:20px;left:-25px}
.imgCaptcha .imgCaptcha_text input{border:1px solid #ddd}
.login-box #nc_1__btn_1,.login-box #nc_1__btn_2{right:20px}
.login-box .nc-container.tb-login #clickCaptcha,.login-box .nc-container.tb-login #imgCaptcha,.login-box .nc-container.tb-login .clickCaptcha,.login-box .nc-container.tb-login .imgCaptcha{max-height:inherit!important;left:-26px!important;top:-204px!important}
.login-box .nc-container.tb-login #clickCaptcha .clickCaptcha_img img,.login-box .nc-container.tb-login .clickCaptcha .clickCaptcha_img img{margin-left:30px}
.miser-trust-warp{border:1px solid #ddd;border-top:none;position:absolute;top:42px;left:0;width:278px;padding:5px 10px;background:#fff;z-index:9999}
.login-box{width:300px;padding:25px 25px 23px;color:#6c6c6c;background-color:rgba(255,255,255,.9);position:relative;margin:0 auto}
.login-box a{color:#6c6c6c}.login-box a.light-link{color:#f40}
.login-box a:hover{color:#f40;text-decoration:none}
.login-box.loading{height:295px;background:#fff url(http://libs.sdl888.net/images/loading3.gif) no-repeat 50% 50%}
.login-box.loading .bd,.login-box.loading .hd{display:none}
.login-switch{width:52px;height:52px;line-height:52px;position:absolute;right:5px;top:8px;-moz-user-select:none}
.login-switch .LR {font-size:52px;cursor:pointer;color:#f40}
.login-switch .LR:hover{color:#f52b00}
.login-tip{position:absolute;top:5px;right:58px}
.ft-gray{color:#9c9c9c}
.poptip{border:1px solid #f3d995;height:16px;line-height:16px;padding:5px 20px 5px 15px;background:#fefcee;position:relative}
.poptip .poptip-content{color:#df9c1f;font-size:12px;font-weight:400}
.poptip .poptip-content .LR {color:#df9c1f;font-size:14px;margin-right:8px}
.poptip-arrow{position:absolute;z-index:10;*zoom:1}
.poptip-arrow em,.poptip-arrow span{position:absolute;*zoom:1;width:0;height:0;border-color:rgba(255,255,255,0);border-color:transparent \0;*border-color:transparent;_border-color:tomato;_filter:chroma(color=tomato);border-style:solid;overflow:hidden;top:0;left:0}
.poptip-arrow{top:8px;right:0}
.poptip-arrow em{top:0;left:1px;border-left-color:#f3d995;border-width:6px 0 6px 6px}
.poptip-arrow span{border-left-color:#fefcee;border-width:6px 0 6px 6px}
.qrcode-desc{overflow:hidden;width:188px;margin:24px auto 0}
.qrcode-desc .LR{float:left;color:#f40;font-size:34px;line-height:36px;margin-right:10px}
.qrcode-desc p{width:144px;line-height:18px;color:#6c6c6c;font-size:12px;float:left}
.qrcode-main{position:relative;margin-top:24px;height:140px}
.qrcode-img{position:absolute;left:80px;top:0;z-index:100}
.qrcode-img img{vertical-align:top}.qrcode-help{position:absolute;right:12px;top:-15px;width:120px;height:180px;background:url(//gtms02.alicdn.com/tps/i2/TB16efXKVXXXXbOXXXX.C3E4VXX-120-182.png) no-repeat;opacity:0;display:none;z-index:99}
.qrcode-help-showed{width:300px;margin:0 auto}
.qrcode-help-showed .qrcode-help{display:block;opacity:1}
.qrcode-help-showed .qrcode-img,.qrcode-login .qrcode-help-showed .msg-err{left:13px}
.qrcode-login .msg-err,.qrcode-login .qrcode-msg,.qrcode-login-error .qrcode-msg .msg-ok{display:none}
.qrcode-login-error .msg-err,.qrcode-login-ok .qrcode-msg,.qrcode-login-ok .qrcode-msg .msg-ok{display:block}
.qrcode-login-ok .msg-err,.qrcode-login-ok .qrcode-mod{display:none}
.qrcode-msg{margin-top:20px;position:relative}
.qrcode-msg h6{margin-top:22px;margin-bottom:15px;font-size:12px;line-height:12px;color:#6c6c6c;text-align:center}
.qrcode-msg p{text-align:center;font-size:16px;line-height:16px;color:#3c3c3c}
.qrcode-msg .msg-icon{position:relative;text-align:center}
.qrcode-msg .link{margin-top:21px;text-align:center}
.msg-icon .icon-ok{color:#78c430}
.msg-icon .icon-error,.msg-icon .icon-ok{font-size:32px;line-height:32px;position:absolute;top:42px;left:137px}
.msg-icon .icon-error{color:#f40}.msg-icon .icon-phone{font-size:116px;line-height:116px;color:#ddd}
.qrcode-login .msg-err{width:140px;height:140px;background:rgba(255,255,255,.95);position:absolute;left:80px;top:0;z-index:9999}
.qrcode-login .msg-err h6{color:#3c3c3c;margin-top:38px;margin-bottom:8px;text-align:center}
.qrcode-login .msg-err .refresh{width:100px;height:36px;line-height:36px;text-align:center;margin:0 auto;background:#f40;display:block;color:#fff;border-radius:3px}
.qrcode-login .msg-err .refresh:hover{background:#f52b00}
/*** footer ***/
.footer {padding-top:30px}
.footer .links {text-align:center;padding:5px 0}
.footer .links s{border-left:1px solid #ddd;width:0;height:12px;margin:0 11px 0 15px;overflow:hidden;font-size:0;display:inline-block;position:relative;top:1px}
.footer a{color:#666}
.footer a:hover{color:#f60}
.footer .copyright {text-align:center;color:#999}
.footer .gs {display:none}