body {
	margin: 0;
	padding: 0;
	font-family: "PingFang SC", "Lantinghei SC", "Microsoft YaHei", "HanHei SC", "Helvetica Neue", "Open Sans", Arial, "Hiragino Sans GB", "΢���ź�", STHeiti, "WenQuanYi Micro Hei", SimSun, sans-serif;
	letter-spacing: 1.2px;
	color: #23233c;
}
ul, li, p, h1, h2, h3, h4, h5, h6 {
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 100%;
}
button, img {
	border: none;
}
a {
	text-decoration: none;
	text-align: center;
	cursor: pointer;
}
.container {
	width: 1200px;
	margin: 0 auto;
	position: relative;
}
.clear {
	clear: both;
}
input, button, textarea, select, optgroup, option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
	outline: none;
}
input, button, textarea, select {
*font-size:100%;
	background: none;
	font-size: 14px
}
section {
	min-width: 1200px
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.h30 {
	height: 30px
}
.h40 {
	height: 40px
}
.h48 {
	height: 48px
}
.h120 {
	height: 120px
}
.w160 {
	width: 160px
}
.w200 {
	width: 200px
}
.w400 {
	width: 400px
}
.w500 {
	width: 500px
}
.w560 {
	width: 560px
}
.w600 {
	width: 600px
}
.w_half {
	width: 50%
}
.lh150 {
	line-height: 150%;
}
.lh180 {
	line-height: 180%;
}
.lh200 {
	line-height: 200%;
}
.mr10 {
	margin-right: 10px;
}
.mr20 {
	margin-right: 20px;
}
.mr30 {
	margin-right: 30px;
}
.mr40 {
	margin-right: 40px;
}
.mr60 {
	margin-right: 60px;
}
.mr80 {
	margin-right: 80px;
}
.mt10 {
	margin-top: 10px;
}
.mt20 {
	margin-top: 20px;
}
.mt25 {
	margin-top: 25px;
}
.mt30 {
	margin-top: 30px;
}
.mt40 {
	margin-top: 40px;
}
.mt50 {
	margin-top: 50px;
}
.mt60 {
	margin-top: 60px;
}
.mt80 {
	margin-top: 80px;
}
.mt100 {
	margin-top: 100px;
}
.mt120 {
	margin-top: 120px;
}
.mt140 {
	margin-top: 140px;
}
.mt150 {
	margin-top: 150px;
}
.mt180 {
	margin-top: 180px;
}
.mt200 {
	margin-top: 200px;
}
.mt240 {
	margin-top: 240px;
}
.mt240 {
	margin-top: 240px;
}
.mt300 {
	margin-top: 300px;
}
.mt850 {
	margin-top: 850px;
}
.mb5 {
	margin-bottom: 5px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb15 {
	margin-bottom: 15px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb30 {
	margin-bottom: 30px;
}
.mb40 {
	margin-bottom: 40px;
}
.mb60 {
	margin-bottom: 60px;
}
.mb80 {
	margin-bottom: 80px;
}
.mb100 {
	margin-bottom: 100px;
}
.mb120 {
	margin-bottom: 120px;
}
.mb150 {
	margin-bottom: 150px;
}
.ml10 {
	margin-left: 10px
}
.ml20 {
	margin-left: 20px
}
.ml30 {
	margin-left: 30px
}
.ml40 {
	margin-left: 40px
}
.ml100 {
	margin-left: 100px
}
.ml300 {
	margin-left: 300px
}
.mr100 {
	margin-right: 100px
}
.mr120 {
	margin-right: 120px
}
.p10 {
	padding: 10px;
}
.p15 {
	padding: 15px;
}
.p30 {
	padding: 30px;
}
.pt5 {
	padding-top: 5px;
}
.pt10 {
	padding-top: 10px;
}
.pt15 {
	padding-top: 15px;
}
.pt20 {
	padding-top: 20px;
}
.pt25 {
	padding-top: 25px;
}
.pt30 {
	padding-top: 30px;
}
.pt40 {
	padding-top: 40px;
}
.pt50 {
	padding-top: 50px;
}
.pt60 {
	padding-top: 60px;
}
.pt80 {
	padding-top: 80px;
}
.pt100 {
	padding-top: 100px;
}
.pt120 {
	padding-top: 120px;
}
.pt150 {
	padding-top: 150px;
}
.pb5 {
	padding-bottom: 5px;
}
.pb10 {
	padding-bottom: 10px;
}
.pb15 {
	padding-bottom: 15px;
}
.pb20 {
	padding-bottom: 20px;
}
.pb30 {
	padding-bottom: 30px;
}
.pb40 {
	padding-bottom: 40px;
}
.pb50 {
	padding-bottom: 50px;
}
.pb80 {
	padding-bottom: 80px;
}
.pb100 {
	padding-bottom: 100px;
}
.pl5 {
	padding-left: 5px;
}
.pl10 {
	padding-left: 10px;
}
.pl15 {
	padding-left: 15px;
}
.pl20 {
	padding-left: 20px;
}
.pl30 {
	padding-left: 30px;
}
.pl50 {
	padding-left: 50px;
}
.pl100 {
	padding-left: 100px;
}
.pr5 {
	padding-right: 5px;
}
.pr10 {
	padding-right: 10px;
}
.pr15 {
	padding-right: 15px;
}
.pr20 {
	padding-right: 20px;
}
.pr30 {
	padding-right: 30px;
}
.pr50 {
	padding-right: 50px;
}
.pr100 {
	padding-right: 100px;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
.f12 {
	font-size: 12px;
}
.f13 {
	font-size: 13px;
}
.f14 {
	font-size: 14px;
}
.f16 {
	font-size: 16px;
}
.f18 {
	font-size: 18px;
}
.f20 {
	font-size: 20px;
}
.f24 {
	font-size: 24px;
}
.f30 {
	font-size: 30px;
}
.f36 {
	font-size: 36px;
}
.f40 {
	font-size: 40px;
}
.f48 {
	font-size: 48px;
}
.fb {
	font-weight: bold
}
.white {
	color: #ffffff
}
.ls4 {
	letter-spacing: 4px
}
.btn {
	text-align: center;
	display: block;
	height: 40px;
	padding: 0 20px;
	line-height: 40px;
	color: #fff;
	border-radius: 4px;
	transition: 0.2s;
	cursor: pointer
}
.op90 {
	opacity: 0.9
}
.op65 {
	opacity: 0.65;
	filter: alpha(opacity=65);
}
.op30 {
	opacity: 0.3;
	filter: alpha(opacity=30);
}
.tc {
	text-align: center
}
.tr {
	text-align: right
}
.tl {
	text-align: left
}
.ib {
	display: inline-block
}
::-webkit-input-placeholder {
color: #ccc;
}
.logo img {
	vertical-align: middle
}
header {
	height: 86px;
	line-height: 86px;
	position: fixed;
	width: 100%;
	min-width: 1200px;
	z-index: 1001;
	transition: .3s
}
header li {
	float: left;
	margin-right: 84px;
	line-height: 84px
}
header li a {
	display: block;
	color: #000;
	padding: 0 5px;
	transition: .2s
}
header li a:hover {
	color: #12d997
}
header .actived a {
	color: #12d997;
	border-bottom: 2px solid #12d997
}
.reg_btn {
	background: #12d997;
	margin-top: 18px;
}
.reg_btn:hover {
	background: #0fcd96
}
.log_btn {
	background: #fff;
	margin-top: 18px;
	color: #23233c
}
.log_btn:hover {
	background: #0fcd96;
	color: #fff
}
.vm {
	vertical-align: middle
}
.rl {
	position: relative
}
.lt {
	text-decoration: line-through
}
.blue {
	color: #0096ed
}
.green {
	color: #45e4b3
}
.red {
	color: #f665a5
}
.yellow {
	color: #fcbe2d
}
.header_bg {
	background: #fff;
	box-shadow: 0 0 20px rgba(0,0,0,0.06);
}
.header_bg li a {
	color: #23233c
}
.header_bg .actived a {
	color: #12d997
}
.foot1 {
	padding: 10px 0;
	min-width: 1200px;
	background: #f8f8f8;
	border-top: 1px solid #eee;
	line-height: 48px;
}
.foot1>a {
	background: #45e4b3;
	margin-left: 40px;
}
.foot1>a:hover {
	background: #0fcd96
}
.foot2 {
	padding: 40px 0;
	min-width: 1200px;
	background: #23233c;
}
.foot2 li {
	float: left;
	max-width: 20%;
	margin-right: 98px;
}
.foot2 li>p>img {
	vertical-align: middle;
	margin-right: 15px;
}
.ewm {
	display: inline-block;
	padding: 10px;
	margin-top: -10px;
	background: rgba(255,255,255,0.1);
	border-radius: 2px;
}
.foot3 {
	padding: 10px 0;
	min-width: 1200px;
	background: #18182a;
}
/*ģ̬��*/
.modal {
	display: none;
	position: fixed;
	z-index: 10000;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	opacity: 0;
	transition: .3s;
}
.modal_main {
	position: absolute;
	width: 360px;
	height: auto;
	padding: 20px 0;
	background: #fff;
	opacity: 0;
	left: 50%;
	top: 30%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	border-radius: 5px;
	transition: .3s;
}
.close {
	position: absolute;
	display: block;
	right: 6px;
	top: 6px;
	height: 24px;
	width: 24px;
	cursor: pointer;
}
.close:before {
	content: '\2715';
	font-size: 24px;
	color: #ccc;
}
.close:hover:before {
	color: #45e4b3
}
.form_list {
	width: 300px;
	margin: 20px auto 0 auto;
}
.form_list li {
	position: relative;
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #eee;
}
.form_list li>input {
	width: calc(100% - 42px);
	height: 100%;
	font-size: 14px;
	border: none;
}
.form_list li>i {
	display: block;
	float: left;
	width: 40px;
	text-align: center;
	font-size: 24px;
	color: #ccc;
	vertical-align: middle;
}
label[for=reb] {
	cursor: pointer;
}
label[for=reb] i {
	display: inline-block;
	height: 15px;
	width: 15px;
	border: 1px solid #45e4b3;
	border-radius: 2px;
	vertical-align: middle;
	margin: 0 10px;
}
.check_on:before {
	content: '\2714';
	display: block;
	height: 13px;
	width: 13px;
	text-align: center;
	line-height: 13px;
	border: 1px solid #45e4b3;
	color: #fff;
	font-size: 12px;
	background: #45e4b3;
}
.form_btn {
	height: 44px;
	width: 100%;
	background: #45e4b3;
	font-size: 16px;
}
.form_btn:hover {
	background: #0fcd96
}
.form_tip>a {
	color: #666
}
.form_tip>a:hover {
	color: #45e4b3
}
.active {
	display: block;
	opacity: 1;
}
.modal_main_show {
	top: 50%;
	opacity: 1
}
.form_list li>span {
	position: absolute;
	right: 0;
	top: 10px;
}
.yzm_btn {
	display: block;
	height: 24px;
	line-height: 24px;
	padding: 0 8px;
	border: 1px solid #45e4b3;
	color: #45e4b3;
	border-radius: 13px;
	font-size: 12px;
	margin-top: 4px;
	transition: .2s;
}
.yzm_btn:hover {
	background: #45e4b3;
	color: #fff
}
.reg_agree {
	color: #45e4b3
}
.reg_agree:hover {
	color: #0fcd96
}
.modal_title {
	border-bottom: 1px solid #eee;
	padding-bottom: 15px;
	margin-top: -10px;
}
.h_reg_btn {
	position: relative;
}
.h_reg_btn .reg_btn_child {
	position: absolute;
	right: -50px;
	top: 0;
	border-radius: 10px;
	padding: 0 10px;
	height: 22px;
	line-height: 22px;
	background-color: #ffefed;
	font-size: 12px;
	color: #ff5b62;
}
.new_red {
	color: red;
}
p.f14.op65.mb60.lh200.text {
    width: 558px;
}