@charset "utf-8";
html,body {
	width: 100%;
	height: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
	letter-spacing: .06em;
	font: normal 14px/20px "Microsoft YaHei", "微软雅黑"
}
body,p,h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,div {
	padding: 0;
	margin: 0
}

ol,ul {
	list-style: none;
	padding: 0;
	margin: 0
}

img,button {
	border: 0
}

.undis {
	display: none
}
.indis{display:inline-block}

a {
	text-decoration: none
}
a.a_red {
	color: #d30830
}
a.a_gray {
	color: #363636
}
img {
	vertical-align: top
}

.fl {
	float: left
}

.fr {
	float: right
}

.pr {
	position: relative
}

.tc {
	text-align: center
}
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.ml20{margin-left:20px}
.mb10{margin-bottom:10px}
.mb20{margin-bottom:20px}
.head-area{position:absolute;left:0;top:0;background:#fff;width:100%;height:80px;box-shadow: 0 0 10px #666;}
.head-area .main{width:96%;margin:0 auto;}
.head-area .logo a {
	display: inline-block;
	background: url(../images/login/logo.png) no-repeat;
	width: 192px;
	height: 45px;margin-top:17px
}
.head-area .btn a{display:inline-block;width:115px;height:36px;line-height:34px;border:1px solid #d30830;color:#d30830;text-align:center;margin-top:21px}

.pagemain {width:500px;height: 618px;position:absolute;left:50%;margin-left:-250px;top:140px;z-index:10}
.pagemain .main {
	background: #fff;
	width: 370px;
	height: auto;
	min-height: 440px;
	padding: 30px 60px;
	color: #475467;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px
}
.main .form {
	width: 100%;
	overflow: hidden
}

.tabitem {
	display: inline-block;
	width: 100%
}

.tabitem::after {
	clear: both;
	content: "";
	display: table
}

.normal {
	border-bottom: 2px solid #e4e4e4;
	cursor: pointer;
	display: inline-block;
	float: left;
	position: relative;
	line-height: 40px;
	font-size: 16px;
	width: 50%;
	text-align: center;
	-webkit-transition: .1s ease-in-out;
	transition: .1s ease-in-out
}

.normal.active {
	position: relative;
	color: #d30830;
	z-index: 1;
	border-bottom: 2px solid #d30830
}

.normal.active::after {
	background-color: #f3f8fb
}

.tab_content {
	display: inline-block;
	width: 100%;
	padding-top: 16px
}

.form i {
	display: inline-block;
	background: url(../images/login/login_icon.png) no-repeat;
	height: 25px;
	vertical-align: middle;
	margin:8px 5px 5px 8px
}
.form .regist_input i{margin-top:4px}
 
.form i.yangcong {
	background-position: -122px -4px;
	width: 18px;
	height: 18px;
	margin: 0 0 0 2px
}

.form i.icon_user {
	background-position: 0 0;
	width: 30px
}

.form i.icon_pwd {
	background-position: -60px 0;
	width: 30px
}

.form i.icon_question {
	background-position: -152px -2px;
	width: 18px;
	margin: 0 0 0 5px
}

.form i.icon_email {
	background-position: -28px 0;
	width: 30px
}

.form i.icon_photo {
	background-position: -90px 0;
	width: 30px
}

.more_login_item a {
	display: inline-block;
	background: url(../images/login/otherlogin_icon.png) no-repeat;
	width: 25px;
	height: 23px
}

.more_login_item a.qq_icon {
	background-position: -40px 0
}
.more_login_item a.sina_icon {
	background-position: 0 0
}

.more_login_item a.yangcong_icon {
	background-position: -120px 0
}

.more_login_item a.vpn_icon {
	background-position: -76px 0;
	width: 33px
}

.wrap_input {
	background: #fff;
	color: #6f7278;
	height: 40px;
	line-height: 40px;
	width:100%;
	margin-top: 20px;
	position: relative;
}

.wrap_input input,.regist_input input {
	width: 99%;
	height: 40px;
	line-height: 40px;
	color: #363636;
	position: absolute;
	left: 0;
	top: 0;
	background: 0;
	text-indent: 40px;
	outline:none;
	border: 1px solid #d8d8d8;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px
}

.wrap_input input:hover,.wrap_input input:focus {
	border: 1px solid #d30830;
}

input[type="submit"] {
	border: 0 none;
	color: #fff;
	cursor: pointer;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px
}

.error_desc,.forget_pwd {
	display: inline-block;
	width: 100%;
	height: 20px;
	line-height: 20px;
	margin-top: 10px;
	color: #d30830
}
.forget_pwd{position:absolute;bottom:35px;right:3px}

.form_inp_log .login_land {
	background: #d30830;
	height: 46px;
	line-height: 44px;
	width: 100%;
	color: #fff;
	text-align: center;
	margin: 10px 0 8px;
	font-size: 18px;
	display: inline-block
}

.form_inp_log .login_land:hover {
	background: #db043c
}

.login_abnormal_desc {
	color: #999;
	font-size: 12px;
	line-height: 18px
}

.more_opt_wrap {
	display: inline-block;
	width: 100%;
	line-height: 20px;
	margin-top: 10px
}

.more_opt_wrap .regist_link {
	float: left;
	width: 52%
}

.more_opt_wrap .more_login_wrap {
	float: right;
	width: 48%;
	text-align: right
}

.more_login_item {
	display: none;
	margin-top: 8px
}

.more_login_item a {
	margin-right: 6px
}