@charset "utf-8";
/* CSS login.css 2017-3-31 */
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td {
	margin: 0;
	padding: 0
}
img {
	border: 0
}
ul, li {
	list-style-type: none
}
h1, h2, h3, h4, h5, h6 {
	font-size: 14px
}
body, input, select, button, textarea {
	font-size: 12px;
	font-family: "微软雅黑"
}
button {
	cursor: pointer
}
i, em, cite {
	font-style: normal
}
body {
	color: #333;
	line-height: 1.2;
	font: 12px/1.5 "微软雅黑", Helvetica, Arial, sans-serif;
	letter-spacing: normal !important;
	overflow-x:hidden;
}
a, a:link {
	text-decoration: none
}
a:active, a:hover {
	text-decoration: none
}
a:focus {
	outline: 0
}
.clear {
	clear: both
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0
}
.clearfix {
	display: block;
	min-height: 1%
}
*html .clearfix {
	height: 1%
}
h1, h2, h3 {
	font-weight: normal
}
h2 {
	font-size: 28px;
	line-height: 1.29
}
h1 {
	font-size: 40px;
	line-height: 1.35
}
h4 {
	font-size: 20px
}
h5 {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.286
}
.fl, .fr {
	display: inline;
	float: left
}
.fr {
	float: right
}

.f_input .nc-container .imgCaptcha .imgCaptcha_text INPUT{ border: solid 1px #e1e0e0;}

.login-box .login-head .colse,.login-box .login-cot .login-txt .choose,.login-box .login-social .state-tip b,.login-box .login-cot .login-list li .gender span{ background:url(/resource/images/login-icon.png) no-repeat;}
.login-box{ width:380px; min-height:400px; background-color:#fff; border-radius:10px; position: absolute; z-index: 20020;}
/*left: 30%; top: 25%;*/
.login-box .login-head{ width:100%; height:65px; border-bottom:1px solid #e8e8e8;color:#999999; position:relative;}
.login-box .login-head .login-tab{ height:auto; position:absolute; left:25px; }
.login-box .login-head .login-tab a{ text-align:center; color:#999999; padding:0px 35px; font-size:20px; display:inline-block; line-height:64px; cursor:pointer; }
.login-box .login-head .login-tab a.on{ border-bottom:2px solid #ff4c35; color:#ff4c35;}
.login-box .login-head .colse{ width:40px; height:40px; overflow:hidden; display:block; position:absolute; top:5px; right:10px;}
.login-box .login-head .colse:hover{ background-position:0px -40px;}
.login-box .login-cot{ width:345px; padding:10px 0px 20px; margin:0px auto;}
.login-box .login-cot .login-left{ position:relative; width:300px; margin:10px 0px 0px 15px;}
.login-box .login-cot .tips { position:absolute; top:40px; left:5px;}
.login-box .login-cot .tips .error-tip{ width:260px; height:32px; margin-bottom:8px; border-radius:20px; background-color:#000;opacity:0.7; filter:alpha(opacity=70);  -moz-opacity:0.7;  -khtml-opacity: 0.7;color:#fff; line-height:25px; padding:5px 15px;  text-align:center;transition: all 0.3s ease 0s;}

.login-box .login-cot .login-list{ width:300px; height:auto; margin:0; padding:0;}
.login-box .login-cot .login-list li{ display:block; margin:0; padding:0; width:100%; height:50px; }
.login-box .login-cot .login-list li .i-a{ width:300px; height:40px;border:1px solid #cecece; text-indent:20px;*text-indent:0px; font-size:14px; color:#c2c3c4; border-radius:20px;outline:none; }
.login-box .login-cot .login-list li .i-a:focus{ border:1px solid #b5b4b4;color:#8b8c8d;}
.login-box .login-cot .login-list li .i-validation{ width:100px; height:40px; background-color:#C6C6C6; line-height:40px; text-align:center; border-radius:20px; border:none; color:#fff; font-size:14px;}
.login-box .login-cot .login-list li .i-validation:hover{ background-color:#C6C6C6;}
/*ff4c35*/
/*fb433f*/
.login-box .login-cot .login-list li .validation{ width:295px; height:40px; margin:2px 0px 0px 3px;}
.login-box .login-cot .login-list li .gender{ width:95px; font-size:14px; color:#999; line-height:35px;}
.login-box .login-cot .login-list li .gender span{ width:30px; height:30px; overflow:hidden;  margin-right:10px; cursor:pointer;}
.login-box .login-cot .login-list li .gender span{ background-position:0px -247px;}
.login-box .login-cot .login-list li .gender span.on{ background-position:0px -205px;}

.login-box .login-cot .login-btn{ width:300px; height:50px; line-height:50px; text-align:center; background-color:#ff4c35; margin:30px 0px 10px; font-size:18px; color:#ffffff; display:block; border-radius:30px; transition: all .3s;}
.login-box .login-cot .login-btn:hover{ background-color:#ef3219;transition: all .3s;}
.login-box .login-cot .login-txt{ width:290px; height:30px; line-height:30px; color:#999999; font-size:12px; }
.login-box .login-cot .login-txt .choose{ width:14px; height:14px; background-position:0px -104px; margin:9px; display:block; float:left;}
.login-box .login-cot .login-txt .choose.yes{ background-position:0px -83px;}
.login-box .login-cot .login-txt .go-login{ color:#009fff;}
.login-box .login-cot .login-txt .go-login:hover{ text-decoration:underline;}
.login-box .login-cot .login-txt .go-register{ color:#009fff;}
.login-box .login-cot .login-txt .go-register:hover{ text-decoration:underline;}
.login-box .login-cot .login-txt .forgotwd{ color:#999999;}
.login-box .login-cot .login-txt .forgotwd:hover{ color:#009fff; }
.login-box .login-social{ width:250px; height:auto; border-left:1px solid #e8e8e8; position:relative; padding:20px 0px 30px; margin-top:10px;}
.login-box .login-social .title{ font-size:14px; color:#97989a; text-align:center; width:100%; margin:20px 0px;}
.login-box .login-social .qr-code{ width:134px; height:134px; border:4px solid #e8e8e8; border-radius:10px; margin:10px auto; position:relative;}
.login-box .login-social .state-tip{ width:200px; height:auto; background-color:#000;opacity:0.8; filter:alpha(opacity=80);  -moz-opacity:0.8;  -khtml-opacity: 0.8; color:#fff; position:absolute; border-radius:10px; left:40px; top:137px;}
.login-box .login-social .state-tip b{ width:46px; height:46px; overflow:hidden; background-position:2px -128px; display:block;}
.login-box .login-social .state-tip b.no{ background-position:2px -164px;}
.login-box .login-social .state-tip span{ font-size:14px; position:absolute; top:3px; left:45px;}
.login-box .login-social .state-tip em{ font-size:12px; position:absolute; left:45px ;top:22px; }
.login-box .login-social .social-list{ width:172px; height:auto; margin:0px auto;}
.login-box .login-social .social-list li a{ background:url(/resource/images/social-list.png) no-repeat; display:block;width:172px; height:33px; overflow:hidden; font-size:12px; color:#ffffff; line-height:33px; text-align:center; text-indent:15px; margin:4px 0px; cursor:pointer;}
.login-box .login-social .social-list li a.weixin{ background-position:0px 0px; }
.login-box .login-social .social-list li a.weixin:hover{ background-position:0px -33px;}
.login-box .login-social .social-list li a.qq{ background-position:0px -66px;}
.login-box .login-social .social-list li a.qq:hover{ background-position:0px -99px;}
.login-box .login-social .social-list li a.weibo{ background-position:0px -132px;}
.login-box .login-social .social-list li a.weibo:hover{ background-position:0px -165px;}