@CHARSET "UTF-8";

.container {
	width: 100%;
	min-width: 1200px;
	height: auto;
	position: relative;
}

.mainWrap {
	width: 100%;
	height: 1091px;
	background: url(../../../Img/webSetIndex/index/backBg.jpg) no-repeat
		center;
	display: block;
}

.contentWrap {
	width: 1200px;
	height: 100%;
	display: block;
	margin: 0 auto;
	/* overflow: hidden; */
}

.topTitle {
	padding: 78px 0 60px 31px;
	color: #FFFFFF;
}

.topTitle h1, .topTitle>h3 {
	line-height: 33px;
	font-weight: normal;
	letter-spacing: 1px;
}

.topTitle h1 {
	font-size: 30px;
}

.topTitle>h3 {
	font-size: 24px;
}

i.icon_arrow {
	width: 16px;
	height: 16px;
	background: url(../../../Img/webSetIndex/index/icon_more.png) no-repeat;
	display: inline-block;
	margin-left: 4px;
}

.underline {
	width: 72px;
	height: 5px;
	background: #D82316;
	margin: 20px 0 0 3px;
}

.login-registe {
	display: block;
	padding: 0 133px;
}

.logreg {
	font-weight: normal;
	text-align: right;
	color: #FFFFFF;
}

.logreg span {
	font-size: 20px;
	color: #6CB8FB;
	padding: 0 10px;
	cursor: pointer;
}

span.current {
	color: #FFFFFF;
}

.formWrap {
	
}

.loginWrap {
	width: 422px;
	height: auto;
	margin: 0 auto;
}

.cell-wrap {
	height: 100px;
	display: block;
	overflow: hidden;
}

.cell-wrap label {
	color: #FFFFFF;
	font-size: 16px;
	display: block;
}

.inputBox {
	width: 100%;
	height: 47px;
	background: #FEFFFF;
	border-radius: 5px;
	position: relative;
}

.inputBox img {
	margin: 12px 0 0 16px;
	float: left;
}

.inputBox input {
	width: 360px;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 58px;
	line-height: 47px;
	border: 0;
	background: transparent;
	font-size: 16px;
	/* padding: 0; */
}

.button {
	box-sizing: border-box;
	line-height: 43px;
	border: 2px solid #FEFFFF;
	border-radius: 5px;
	background: -webkit-linear-gradient(right, #004A8B, #1163AD);
	background: -o-linear-gradient(right, #004A8B, #1163AD);
	background: -moz-linear-gradient(right, #004A8B, #1163AD);
	background: linear-gradient(to right, #004A8B, #1163AD);
	font-size: 18px;
	color: #FFFFFF;
	cursor: pointer;
}

.longinBtn {
	width: 100%;
	margin-top: 25px;
}

.itemWrap {
	width: 422px;
	height: auto;
	display: block;
	overflow: hidden;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

input.fileupload {
	opacity: 0;
	z-index: 999;
	cursor: pointer;
}

.file {
	width: 360px;
	position: absolute;
	top: 0;
	left: 58px;
	line-height: 47px;
	color: #777787;
	z-index: 99;
	font-size: 16px;
}

.codeBox {
	width: 320px;
}

input.code {
	width: 260px;
}

.codeimg {
	float: right;
	cursor: pointer;
}

.agreeWrap {
	width: 100%;
	float: left;
	display: block;
	margin-top: 40px;
}

.isAgreeCk {
	vertical-align: middle;
}

.agreement {
	font-size: 14px;
	color: #FFFFFF;
}

.agreement a {
	color: #00A2E8;
}

.agreement a:hover {
	text-decoration: underline;
}

.registe {
	width: 100%;
	margin-top: 46px;
	display: block;
	overflow: hidden;
	float: left;
}

.registeBtn {
	width: 422px;
	margin: 0 auto;
	display: block;
}

.registeWrap {
	display: none;
}

.maskwrap {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: none;
	z-index: 9999;
	background: #333333;
	opacity: 0.3;
	filter: alpha(opacity = 30);
	display: none;
}

.protocolWrap {
	width: 810px;
	height: 650px;
	position: absolute;
	top: 150px;
	left: 50%;
	margin-left: -405px;
	background: #FFFFFF;
	z-index: 9999;
	box-sizing: border-box;
	padding: 0 35px;
	overflow-y: scroll;
	display: none;
}

.proTitle {
	font: 400 24px "SourceHanSansCN-Medium";
	color: #2E3439;
	border-bottom: 1px solid #1163AD;
	line-height: 45px;
	padding-top: 10px;
	margin-bottom: 15px;
}

.proTitle img {
	float: right;
	margin-top: 18px;
	cursor: pointer;
}

.protocolWrap p {
	font-size: 14px;
	color: #2E3439;
}

.mt-10 {
	margin-top: 10px;
}

.mb {
	margin-bottom: 30px;
}

.body {
	height: 100%;
	overflow: hidden;
}

.Validform_checktip {
	margin-top: 2px;
}

.Validform_wrong {
	color: #D82316;
	padding-left: 20px;
	white-space: nowrap;
	background: url(../../../Img/webSetIndex/lgAdReg/icon-12.png) no-repeat;
	background-size: 17px 17px;
	display: inline-block;
}

.Validform_right {
	color: #71b83d;
	padding-left: 20px;
	background: url(../../../Img/webSetIndex/lgAdReg/right.png) no-repeat;
	background-size: 17px 17px;
	display: inline-block;
}

.Validform_checktip {
	line-height: 17px;
	height: 20px;
	overflow: hidden;
	color: #FFFFFF;
	font-size: 12px;
}

.inputBox input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px white inset;
}