@charset "utf-8";
body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, form, input, button, textarea, p, th, td { margin: 0; padding: 0; }
fieldset, img, input, button { font-family: "Microsoft Yahei"; border: 0; }
:link, :visited { text-decoration: none; }
ul { list-style-type: none; }
a, input { outline: none; }
a:hover { color: #f00; }
html { overflow-x: hidden; }
body { font-family: "Microsoft Yahei"; background: #f6f7f7; font-size: 14px; }
strong, em, i, s { font-weight: normal; font-style: normal; }
.area { width: 1200px; margin: 0 auto; _overflow: hidden; _zoom: 1; }
.area:after { content: "."; height: 0; display: block; clear: both; visibility: hidden; }
.hide { display: none; }
.text-hide { text-indent: -999px; overflow: hidden; }
/***/
.topbar { height: 50px; padding: 80px 0 30px; }
.topbar .area { height: 23px; padding-top: 27px; position: relative; }
.site-logo a { width: 172px; height: 50px; display: block; background: url("../images/logo_gw.png") no-repeat; position: absolute; top: 15px; left: 50px; }
.site-logo span { height: 23px; line-height: 23px; font-size: 24px; font-weight: normal; color: #666; padding: 22px 0 0 16px; border-left: 1px solid #e6e6e6; position: absolute; top: 5px; left: 190px; }
.content { height: 600px; background: url("../images/login_reg.jpg") center top no-repeat; }
.site-nav { height: 16px; line-height: 16px; padding-top: 7px; text-align: right; }
.site-nav a { font-size: 16px; color: #666; margin-left: 30px; }
.site-nav a:hover { color: #f00; }
.log-tip { top: -300px; z-index: 30; left: 0; background-color: #ffc; padding: 5px 10px; color: red; position: absolute; border: 1px solid #f00 }
.log-tip-content { color: #FF0000; padding: 0; margin: 0; }
.log-tip-arrow, .log-tip-arrow-border { position: absolute; bottom: -20px; left: 15px; border: 10px solid transparent; border-top-color: #ffc; line-height: 0; width: 0; height: 0; _display: none }
.log-tip-arrow-border { border-width: 11px; bottom: -22px; left: 14px; border-top-color: #f00; _display: none }
/*login*/
.loginbox { width: 370px; margin: 0 auto; padding-top: 120px; position: relative; }
.loginbox .username, .loginbox .pwd { width: 320px; height: 30px; background: url("../images/icons.gif") #fff no-repeat; padding: 10px 10px 10px 40px; border-radius: 5px; font-size: 18px; color: #666; margin-bottom: 20px; }
.loginbox .username { background-position: 0 3px; }
.loginbox .pwd { background-position: 0 -43px; }
.btn-login, .btn-reg, .step1 button { width: 370px; height: 50px; display: block; background: #575757; border-radius: 5px; font-size: 24px; font-weight: normal; color: #fff; cursor: pointer; }
.btn-login:hover, .btn-reg:hover, .step1 button:hover { background: #6c6c6c; }
.loginbox form p { height: 14px; line-height: 14px; padding: 16px 0 20px; border-bottom: 1px dashed #43ace8; }
.loginbox form p label { float: left; overflow: hidden; color: #bfdfff; }
.loginbox form p input[type="checkbox"] { float: left; width: 14px; height: 14px; margin-top: 2px; }
.loginbox form p a { float: right; color: #bfdfff; }
.loginbox form p a:hover { color: #f00; }
.loginbox .links { height: 22px; line-height: 22px; overflow: hidden; color: #fff; padding-top: 18px; }
.loginbox .links a { height: 22px; padding: 0 7px; font-size: 12px; line-height: 22px; display: inline-block; background: #575757; border-radius: 5px; color: #fff; vertical-align: bottom; margin-left: 7px; }
.loginbox .links a:hover { background: #6c6c6c; }
.icon-qq { width: 14px; height: 14px; display: inline-block; background: url("../images/qq_white.png") no-repeat; vertical-align: middle; margin-right: 2px; }
.loginbox .links-l { float: left; }
.loginbox .links-r { float: right; }
/*reg*/
.regbox { width: 1140px; margin: 0 auto; padding-top: 120px; position: relative; }
.reg-form { height: 192px; overflow: hidden; }
.reg-account { float: left; width: 520px; border-right: 1px solid #31b5f7; }
.reg-account ul { margin-top: -21px; zoom: 1; }
.reg-account li, .reg-fcm li { height: 50px; margin-top: 21px; overflow: hidden; position: relative; }
.reg-form input { height: 30px; padding: 10px 20px 10px 40px; font-size: 18px; border-radius: 5px; background: url("../images/icons.gif") #fff no-repeat; color: #666; }
.reg-form input.input-lg { width: 460px; }
.reg-form input.input-sm { width: 220px; }
.reg-form input.input-xs { width: 180px; }
.reg-form input.icon-user { background-position: 0 3px; }
.reg-form input.icon-pwd { background-position: 0 -43px; }
.geetest { width: 270px; height: 28px; padding: 11px 0; background: #fff; border-radius: 5px; position: absolute; top: 0; left: 250px; }
.reg-form .tips { width: 455px; height: 20px; line-height: 20px; color: #ccc; overflow: hidden; position: absolute; top: 15px; left: 40px; cursor: text; }
.reg-form .short .tips { width: 100px; }
.reg-form .tips span { float: left; font-size: 18px; }
.reg-form .tips em { float: right; font-size: 12px; }
.reg-fcm { float: right; width: 570px; }
.reg-fcm p { height: 50px; font-size: 12px; line-height: 16px; color: #fff; }
.btn-reg { margin: 90px 0 0 350px; }
.regbox .already { text-align: center; line-height: 34px; color: #fff; }
.regbox .already a { color: #fff; text-decoration: underline; }
.regbox .already a:hover { color: #dceeff; }
.reg-fcm li em { width: 220px; height: 18px; display: block; line-height: 18px; font-size: 12px; color: #fff; position: absolute; left: 300px; top: 16px; }
/*forget*/
.content-forget { height: 400px; background: #1891d7; }
.forget-top { height: 47px; line-height: 47px; background: url("../images/forget_pwd_topbar.jpg") center top no-repeat; text-align: center; color: #fff; }
.forget-top span { margin: 0 20px; color: #63caff; }
.forget-top a { font-size: 16px; color: #1a80bc; padding-bottom: 6px; }
.forget-top a.cur { color: #fff; background: url("../images/arrow_up.gif") center bottom no-repeat; }
.step1, .step2, .step3 { position: relative; }
.step1 { width: 370px; margin: 0 auto; padding-top: 80px; }
.step1 input { width: 310px; height: 30px; padding: 10px 20px 10px 40px; font-size: 18px; border-radius: 5px; background: url("../images/icons.gif") 0 3px #fff no-repeat; color: #666; margin-bottom: 10px; }
.step2 { width: 420px; margin: 0 auto; padding-top: 50px; }
.step2 li { height: 34px; line-height: 34px; font-size: 16px; color: #fff; padding-left: 96px; position: relative; margin-bottom: 20px; }
.step2 li label { width: 96px; height: 34px; display: block; text-align: right; position: absolute; top: 0; left: 0; }
.step2 li a { color: #fff; margin-left: 10px; }
.step2 li a:hover { color: #f00; }
.step2 li input { width: 180px; height: 18px; font-size: 16px; padding: 8px 10px; background: #fff; color: #666; }
.step2 li input[type="text"] { width: 180px; }
.step2 li input[type="password"] { width: 240px; }
.step2 li button { width: 100px; height: 34px; display: block; color: #fff; background: #7eb300; border-radius: 5px; cursor: pointer; }
.step2 li .checkcode { width: 85px; height: 34px; display: inline-block; font-size: 16px; color: #fff; background: #147ab4; text-align: center; vertical-align: -11px; margin-left: 10px; }
.step2 li .getcode { width: 80px; display: inline-block; font-size: 14px; color: #808080; background: #eee; border-radius: 5px; text-align: center; vertical-align: top; margin-left: 10px; cursor: pointer; }
.step2 li button:hover { background: #8fcc00; }
.step3 { width: 320px; margin: 0 auto; padding-top: 50px; }
.step3 p { font-size: 16px; line-height: 28px; color: #fff; }
.goto-mail { width: 120px; height: 34px; display: block; color: #fff; line-height: 34px; text-align: center; background: #7eb300; border-radius: 5px; margin: 56px auto 0; }
.goto-mail:hover { color: #fff; background: #8fcc00; }
.check-mail{
	width:100px;
	height:34px;
	display:block;
	line-height:17px;
	font-size:12px;
	position:absolute;
	top:0;
	right:-90px;
}
.step2 li .check-mail a{
	margin-left:0;
	color:#8fcc00;
	text-decoration:underline;
}
/*footer*/
.footer { padding: 70px 0 50px; }
.footer p { line-height: 22px; text-align: center; color: #999; }
.footer p span { margin: 0 8px; }
.footer p a { color: #999; }
.footer p a:hover { color: #f00; text-decoration: underline; }


/*表单验证*/
.onShow,.onFocus,.onError,.onCorrect,.onLoad,.onTime{display:inline-block;display:-moz-inline-stack;zoom:1;*display:inline; vertical-align:middle;background:url(../images/msg_bg.png) no-repeat;	color:#444;line-height:18px;padding:2px 10px 2px 23px; margin-left:10px;_margin-left:5px}
.onShow{background-position:3px -147px;border-color:#40B3FF;color:#fff}
.onFocus{background-position:3px -147px;border-color:#40B3FF;color:#fff}
.onError{background-position:3px -47px;border-color:#40B3FF; color:#a20404}
.onCorrect{background-position:3px -247px;border-color:#40B3FF;color:#8fcc00}
.onLamp{background-position:3px -200px}
.onTime{background-position:3px -1356px}