@charset "utf-8";

body {
	background: #f7f7f7;
}

body, input, button {
	font-family: "Microsoft YaHei", "微软雅黑", Tahoma, Arial;
}

.clearfix::after,
.clearfix::before {
	display: table;
	content: ' ';
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-order: 1;
	order: 1
}

.clearfix::after {
	clear: both
}

.top-nav {
	width: 100%;
	height: 80px;
	background: #fff;
	border-bottom: 1px solid #f1f1f1;
}

.top-nav-center {
	margin: 0 auto;
	padding-top: 10px;
	width: 1100px;
	height: 100%
}

.img-logo {
	width: 143px;
	height: 54px;
}

.top-nav-center ul, li {
	list-style: none;
}

.top-nav-center ul {
	float: left;
	margin-top: 20px;
}

.top-nav-center li:last-child {
	border-right: none;
}

.top-nav-center li {
	display: block;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
	line-height: 14px;
	border-right: 1px solid #ededed;
}

.top-nav-center li a {
	font-size: 14px;
	color: #888;
	text-decoration: none;
}

.top-nav-center li a:hover {
	color: #ff6464;
}

.top-nav-user {
	float: right;
	margin-top: 3px;
	padding-right: 40px;
	/* width: 200px; */
	height: 50px;
	/* background: #eee; */
}

.top-nav-user img {
	float: left;
	margin: 6px;
	margin-right: 12px;
	width: 38px;
	height: 38px;
	border-radius: 50%;
}

.top-nav-user span {
	color: #888;
	font-size: 14px;
	line-height: 50px;
}

.top-nav-user span a {
	margin-left: 2px;
	margin-right: 2px;
	color: #ff6464;
	text-decoration: none;
}

.reg-box {
	width: 1100px;
	height: 720px;
	margin: 0 auto;
	/* padding: 0; */
	margin-top: 30px;
	padding: 20px;
	position: relative;
	background: #fff;
}

.adbox-right {
	position: absolute;
		/* top: 0px; */
	right: 46px;
	width: 260px;
	height: 540px;
	background: #eee;
}

.adbox-right img {
	width: 100%;
	height: 100%;
}

.adbox-right h3 {
	margin: 250px auto;
	text-align: center;
	color: #d6d6d6;
}

.row {
	/* margin-top: 30px; */
	margin-left: 20px;
	padding: 2%;
	padding-top: 1.6%;
	width: 960px;
}

.is-title {
	margin: 0;
	padding-bottom: 1.6%;
	width: 720px;
	letter-spacing: 1px;
	font-weight: normal;
	border-bottom: 1px solid #eee;
}

/*	注册框		*/

.is-reg-box {
	display: block;
	width: 45%;
	height: auto;
	margin: 30px;
	padding: 0;
	padding-top: 3%;
	list-style-type: none;
}

.li-row {
	position: relative;
	width: 100%;
	height: auto;
	margin: 0 auto 20px;
	padding: 0;
}

.li-row:last-child {
	margin-bottom: 0;
}

.i-tt {
	display: none;
	position: relative;
	top: 9px;
	left: 350px;
}

.i-tt span {
	position: absolute;
	font-size: 14px;
	color: #ff983e;
}

.ion-span {
	position: absolute;
	top: -1px;
	left: -20px;
	font-size: 16px;
	margin-right: 4px;
}

.is-label {
	float: left;
	display: block;
	width: 25%;
	font-size: 14px;
	line-height: 36px;
	text-align: right;
	color: #999;
	cursor: pointer;
}

.li-row input {
	float: right;
	width: 70%;
	font-size: 14px;
	line-height: 14px;
	color: #666;
	padding: 7px 6px 7px 32px;
	border: 1px solid #e7e7e7;
}

.li-row #emkey {
	float: left;
	width: 36%;
	margin-left: 21px;
	padding-left: 8px;
	padding-right: 8px;
}

.li-row .get-code {
	position: relative;
	float: right;
	display: block;
	padding: 0 28px;
	line-height: 36px;
	font-size: 14px;
	color: #999;
	background: #eee;
	cursor: pointer;
}

.li-row .get-code .ion {
	left: 14px;
	color: #999;
}

.li-row .ion {
	position: absolute;
	top: 7px;
	left: 134px;
	font-size: 22px;
	color: #e0e0e0;
}

.li-row  .ion-record {
	top: 7px;
	left: 132px;
	font-size: 18px !important;
}

input::-webkit-input-placeholder {
	font-size: 12px;
	color: #e0e0e0;
}

input::-moz-placeholder {
	font-size: 12px;
	color: #e0e0e0;
}

input::-ms-input-placeholder {
	font-size: 12px;
	color: #e0e0e0;
}

/* --- 注册 --- */

.protocol {
	float: right;
	width: 70%;
	text-align: left;
	font-size: 10px;
}

.protocol .check {
	float: left;
	width: 13px;
}

.protocol a {
	/* padding-left: 10px; */
	color: #999;
	text-decoration: none;
}

.protocol span {
	margin-left: 6px;
}

.protocol em {
	font-style: normal;
	color: #E53935;
}

.post-form {
	float: right;
	width: 70%;
	margin: 0 auto;
	padding: 3% 0;
	text-align: center;
	color: #fff;
	background: #e53935;
	border: 0;
	border-radius: 2px;
	cursor: pointer;
}

.btn-sdem {
	width: 30%;
	padding: 9px 0 8px 0;
	background: #ff6464;
}

.btn-disabled {
	background: #e4e4e4;
	cursor: not-allowed;
}

/* 重写样式，使得滑动验证条与input的height一致 */

.d_afs {
	float: right;
	width: 70%;
}

.nc_scale, .nc_scale span {
	height: 35px !important;
	border-color: #e7e7e7 !important;
}

.nc_wrapper {
	width: auto !important;
}

.footer {
	padding-top: 10px;
	width: 100%;
	height: 60px;
	text-align: center;
	font-size: 14px;
	color: #999;
}

.footer p {
	font-family: "Meiryo UI", Meiryo, "Microsoft YaHei", 微软雅黑;
}
