/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}





/**/
body{ background:#f9f9f9; }

.header{background:#fdfff9; }
.header .inner{ width:960px;margin:0 auto; height:88px; }
.header h1{ padding-top:26px; }
.header h1 img{ width:246px; height:auto;}

.wrapper{ height:412px; background:url(/./static/img/index/bg.png?t=964137) repeat-x 0 0; min-width:980px; }
.wrapper .inner{ width:960px; margin:0 auto; position:relative;}
.wrapper .desc{ padding-top:30px; }
.wrapper .loginTypeBtn{ position: absolute; right: 21px; top: 16px; height: 30px; line-height: 30px; color: rgb(80, 80, 80); font-size: 16px; cursor: pointer;}
.wrapper  .gotoNum { display: none}

.login{ position:absolute; right:40px;top:30px;width:319px;height:289px; background:url(/./static/img/index/login.png?t=891534) no-repeat bottom center; }
.login-inner{ height:167px;background:url(/./static/img/index/login.png?t=891534) no-repeat top center;_overflow:hidden; }
.login-vcode{ height:338px; }
.login a{color:#1777d1;}
.login h2{ display:none; }
.login form{ position:relative;top:74px; }
.login .QRcodeWrapper {
	width: 280px;
    height: 172px;
    position: absolute;
    top: -10px;
    background-color: #fff;
    z-index: 30;
	left: 20px;
	display: none;
}
.login .QRcodeWrapper .qrInvalid{
	display: none;
	width: 100%;
    height: 100%;
    text-align: center;
    position: absolute;
    left: 0;
	top: 0;
    z-index: 40;
	background: #fff;
}
.login .QRcodeWrapper .qrInvalid .text{
	width: 100%;
	height: 14px;
    text-align: center;
    line-height: 14px;
    position: absolute;
    left: 0;
    top: 40px;
    z-index: 40;
    /* background-color: #fff; */
    font-size: 14px;
}
.login .QRcodeWrapper .qrInvalid .reloadQrBtn{
	width: 40px;
	height: 20px;
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	top: 38px;
	bottom: 0;
	margin: auto;
	z-index: 50;
	background: #e4393c;
	width: 80px;
	height: 30px;
	line-height: 30px;
	color: #fbfbfb;
	cursor: pointer;
	opacity: 1;
}


.login .QRcodeWrapper .QRcodeBox{
	width: 140px;
    height: 140px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
	margin: auto;
	border: 1px solid #f4f4f4;
}
.login .QRcodeWrapper .qrTipBox{
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
    z-index: 50;
	left: 0;
	top: 0;
	background-color: #fff;
}
.login .QRcodeWrapper .qrTipBox .qrTip{
	width: 100%;
	position: absolute;
	top: 50%; 
	left: 0; 
	transform: translateY(-50%);
	margin: auto;
    text-align: center;
    line-height: 20px;
	font-size: 14px;
	background-color: transparent;
}

.login .QRcodeWrapper .QRcodeBox img{
	width: 140px;
	height: 140px;
	display: none;
}
.login input{ border:1px #fff solid; width:230px; height:26px;outline:none;font-size:14px;line-height:30px\9; }
.login .password, .login .username{ padding-left:59px; zoom:1;float:left;position:relative;}
.login .password span, .login .username span,.login .vcode span{ position:absolute; z-index:2; top:0; left:59px;height:26px;line-height:26px;padding-top:2px;color:#aeaeae; }
.login .password input, .login .username input{ position:relative; z-index:22;background:transparent;zoom:1;*top:-2px; }
.login .password{ margin-top:22px; *margin-top:19px;}
.login .vcode { display:none; clear:both;position:relative;}
.login-vcode .vcode{display:block;padding-top:17px;padding-left:30px; }
.login .vcode *{ vertical-align:top; }
.login .vcode input{width:67px;text-align:center;position:relative;top:5px;_top:2px;z-index:22;background:transparent;}
.login .vcode img{ width:81px; height:38px;position:relative;  margin-left:16px; }
.login .vcode a{ color:#333; font-size:12px;position:relative; top:12px; left:6px; }
.login .focusbg{ background:url(/./static/img/index/inputfocus.png?t=692414) no-repeat 0 0;position:absolute; top:-5px; left:23px;width:273px;height:38px; z-index:1;display:none;}
.login .password .focusbg{*top:-4px;}
.login .vcode .focusbg{ background-position:0 -38px;top:17px; _left:-7px;*top:16px;}
.login .vcode span{ top:22px;left:42px; _left:14px;}

.login button{ height:40px; width:273px;border:none;background:none;padding:0;margin:0;position:relative;left:24px; cursor: pointer;background:url(/./static/img/index/loginbtn.png?t=123621) no-repeat 0 0;}
.login button:hover{ background-position:0 -50px; }
.login .func{line-height:34px;padding:5px 0 0 25px;_padding-top:10px;_padding-bottom:10px; position:relative;color:#999;font-size:12px;clear:both;}
.login .func input{width:auto;height:auto; visibility:hidden;visibility:visible\9; width:7px;height:7px;}
.login .func label{*padding-left:4px;}
.login .checkbox{ display:inline-block; *display:inline;*zoom:1; width:14px; height:14px;background:url(/./static/img/checkbox.png?t=582595) no-repeat 0 -14px; position:relative; top:3px; *top:0;margin-right:2px;overflow:hidden; z-index:1;position:absolute;top:15px;*top:7px;_top:11px;}
.login .checkbox-checked{ background-position:0 0; }
.login .func a{ position:absolute;right:25px;*top:-4px;_top:2px; }
.login .reg{ line-height:40px;text-align:center;color:#505050;font-size:14px; }
.login .error{ position:absolute;height:33px;background:url(/./static/img/index/error.png?t=091387) no-repeat 0 0;left:23px;line-height:30px;font-size:12px;color:#e4494a;padding-left:13px; z-index:99;_left:-270px;display:none;}
.login .uname-error{width:283px;top:-35px;*top:-68px;}
.login .vcode-error{width:133px;background-position:0 -33px;top:69px;*top:36px;}
.login .error a{ position:absolute;background:url(/./static/img/index/error.png?t=091387) no-repeat -241px -45px;width:12px;height:12px;top:8px;right:30px; }
.login .error a:hover{ background-position:-261px -45px; }
.login .third-login{position:absolute;bottom:-33px;padding-left:15px;font-size:12px;color:#649608;background:url(/./static/img/index/third.png?t=992319) no-repeat right center;height:28px;line-height:28px;width:270px;}
.login .third-login span{ display:inline-block;*display:inline; *zoom:1;height:24px;position:absolute;top:0;left:30px; }
.login .third-login a{ display:inline-block;*display:inline; *zoom:1; width:29px;height:0;padding-top:28px;overflow:hidden;margin-right:7px;position:relative;left:133px; }
.login .agreement{position:absolute;bottom:-53px;padding-left:15px;font-size:12px;color:#649608;}

.question{ width:960px; margin:0 auto;padding-top:14px; }
.question .title{ background:url(/./static/img/index/qbg.png?t=234754) repeat-x 0 0; height:17px;overflow:hidden; }
.question h3{ background:url(/./static/img/index/qtitle.png?t=929483) no-repeat 0 0; width:183px;height:0;padding-top:19px;overflow:hidden; overflow:hidden;}
.question .items{ overflow:hidden;zoom:1;line-height:42px; }
.question .items li{ float:left;width:192px;list-style:square inside;color:#666;font-size:10px; }
.question .items a{ font-size:12px; color:#666; text-decoration:none; }
.question .items a:hover{ text-decoration:underline; }


.footer{ font-size:12px; text-align:center;  line-height:20px;font-family:arial,helvetica,sans-serif;color:#b3b2b2;}
.footer .links{ padding:20px 0 5px; }
.footer a{text-decoration:none; color:#b3b2b2;}
.footer a:hover{ text-decoration:underline; }
