@charset "UTF-8";

/*----------------------------------------------------------全局变量*/
:root {
	--fff: #fff;
	--333: #333;
}

/*===========以下为常用样式简写===========*/
/*定位*/
.tl {
	text-align: left;
}

.tr {
	text-align: right;
}

.tc {
	text-align: center;
}

.vt {
	vertical-align: top;
}

.vb {
	vertical-align: bottom;
}

.vm {
	vertical-align: middle;
}

.fl {
	float: left
}

.fr {
	float: right
}

.fc {
	margin-left: auto;
	margin-right: auto;
}

.cl {
	clear: left;
}

.cr {
	clear: right;
}

.cb {
	clear: both;
}

.por {
	position: relative;
}

.poa {
	position: absolute;
}

.none {
	display: none;
}

.block {
	display: block;
}

.inblock {
	display: inline-block;
}

.vihide {
	visibility: hidden;
}

.oh {
	overflow: hidden
}

.ohx {
	overflow-x: hidden
}

.ohy {
	overflow-y: hidden
}

.m0 {
	margin: 0 !important;
}

.p0 {
	padding: 0 !important;
}

/*文字排版*/
.f12 {
	font-size: 12px;
}

.f13 {
	font-size: 13px;
}

.f14 {
	font-size: 14px;
}

.f15 {
	font-size: 15px;
}

.f16 {
	font-size: 16px;
}

.f17 {
	font-size: 17px;
}

.f18 {
	font-size: 18px;
}

.f19 {
	font-size: 19px;
}

.f20 {
	font-size: 20px;
}

.f21 {
	font-size: 21px;
}

.f22 {
	font-size: 22px;
}

.f23 {
	font-size: 23px;
}

.f24 {
	font-size: 24px;
}

.f25 {
	font-size: 25px;
}

.f26 {
	font-size: 26px;
}

.fb {
	font-weight: bold;
}

.fn {
	font-weight: normal;
}

.t2 {
	text-indent: 2em;
}

.lh1 {
	line-height: 1;
}

.lh2 {
	line-height: 2;
}

.lh3 {
	line-height: 3;
}

.lh130 {
	line-height: 130%;
}

.lh150 {
	line-height: 150%;
}

.lh180 {
	line-height: 180%;
}

.lh200 {
	line-height: 200%;
}

.w0 {
	width: 0;
}

.w10 {
	width: 10%;
}

.w20 {
	width: 20%;
}

.w30 {
	width: 30%;
}

.w35 {
	width: 35%;
}

.w40 {
	width: 40%;
}

.w50 {
	width: 50%;
}

.w60 {
	width: 60%;
}

.w70 {
	width: 70%;
}

.w80 {
	width: 80%;
}

.w90 {
	width: 90%;
}

.w100 {
	width: 100%;
}

.pl0, .px0, .pa0 {
	padding-left: 0;
}

.pr0, .px0, .pa0 {
	padding-right: 0;
}

.pt0, .py0, .pa0 {
	padding-top: 0;
}

.pb0, .py0, .pa0 {
	padding-bottom: 0;
}

.pl10, .px10, .pa10 {
	padding-left: 10px;
}

.pr10, .px10, .pa10 {
	padding-right: 10px;
}

.pt10, .py10, .pa10 {
	padding-top: 10px;
}

.pb10, .py10, .pa10 {
	padding-bottom: 10px;
}

.pl20, .px20, .pa20 {
	padding-left: 20px;
}

.pr20, .px20, .pa20 {
	padding-right: 20px;
}

.pt20, .py20, .pa20 {
	padding-top: 20px;
}

.pb20, .py20, .pa20 {
	padding-bottom: 20px;
}

.pl30, .px30, .pa30 {
	padding-left: 30px;
}

.pr30, .px30, .pa30 {
	padding-right: 30px;
}

.pt30, .py30, .pa30 {
	padding-top: 30px;
}

.pb30, .py30, .pa30 {
	padding-bottom: 30px;
}

.ml10, .mx10, .ma10 {
	margin-left: 10px;
}

.mr10, .mx10, .ma10 {
	margin-right: 10px;
}

.mt10, .my10, .ma10 {
	margin-top: 10px;
}

.mb10, .my10, .ma10 {
	margin-bottom: 10px;
}

.ml20, .mx20, .ma20 {
	margin-left: 20px;
}

.mr20, .mx20, .ma20 {
	margin-right: 20px;
}

.mt20, .my20, .ma20 {
	margin-top: 20px;
}

.mb20, .my20, .ma20 {
	margin-bottom: 20px;
}

.ml25, .mx25, .ma25 {
	margin-left: 25px;
}

.mr25, .mx25, .ma25 {
	margin-right: 25px;
}

.mt25, .my25, .ma25 {
	margin-top: 25px;
}

.mb25, .my25, .ma25 {
	margin-bottom: 25px;
}

.ml30, .mx30, .ma30 {
	margin-left: 30px;
}

.mr30, .mx30, .ma30 {
	margin-right: 30px;
}

.mt30, .my30, .ma30 {
	margin-top: 30px;
}

.mb30, .my30, .ma30 {
	margin-bottom: 30px;
}

.cfff {
	color: #fff !important;
}

.c999 {
	color: #999 !important;
}

.c666 {
	color: #666 !important;
}

.c333 {
	color: #333 !important;
}

.c000 {
	color: #000 !important;
}

.bgfff {
	background-color: #fff;
}

.d_flex, .jc_sp, .ai_c, .jc_c, .ac_s, .flex_c {
	display: -webkit-box; /*Safari, ios, Android browser, old WebKit browsers*/
	display: -moz-box; /*Firefox(buggy)*/
	display: -ms-flexbox; /*IE 10*/
	display: -webkit-flex; /*Chrome 21+*/
	display: flex;
}

.jc_sp {
	-webkit-box-pack: justify;
	-moz-justify-content: space-between;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.jc_c {
	-webkit-box-pack: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.ai_c {
	-webkit-box-align: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	align-items: center;
}

.flex_c {
	-webkit-box-orient: vertical;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
}

.ac_s {
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	-webkit-align-conten: stretch;
	align-items: stretch;
}

.f_wrap {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.text_over {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.pointer {
	cursor: pointer;
}

/*===========以下为css重置===========*/

textarea {
	resize: vertical;
}

button {
	/*outline: 0*/
}

/*table {*/
/*width: 100%;*/
/*border-collapse: collapse;*/
/*}*/

/*body,*/
/*pre,*/
/*code, kbd, samp,*/
/*button, input, optgroup, select, textarea {*/
/*font-family: Consolas, "Microsoft YaHei";*/
/*font-size: 14px;*/
/*line-height: 1.3;*/
/*color: #333;*/
/*}*/

/*a {*/
/*text-decoration: none;*/
/*}*/


/*html {
	font-size: 625%;
}*/

body {
	font-family: "Microsoft YaHei", sans-serif;
	/*font-size: .12rem !important;*/
	font-size: 12px !important;
	color: #333;
	line-height: 1.8em;
	overflow-x: hidden;
	margin: 0;
}

* {
	transition: .2s;
	box-sizing: border-box;
}

a {
	color: #333;
}

a:hover {
	color: #666;
}

a:focus, a:hover {
	text-decoration: none;
	outline: none;
	background-color: #fff;
	color: inherit;
}

a:hover {
	color: #666
}

input:focus {
	outline: none
}

.none {
	display: none;
}

/*#app {
	padding-top: 96px;
}*/

section {
	padding: 72px 0 34px;
}

section .titleBox > div {
	margin-bottom: 20px;
}

section .titleBox > div:last-child {
	margin-bottom: 49px;
}

/*section .contentBox .cell:last-child {
	margin-right: 0 !important;
}*/

.imgBox {
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}

/*layPage-------------------------------------------------*/
#pageBar {
	margin: 20px 0 50px;
}

.layui-laypage {
	margin: 0;
}

.layui-laypage button {
	background: #288afa;
	color: #fff;
	border: 0;
	padding: 0 20px;
	cursor: pointer;
}

.layui-laypage a:hover {
	color: #288afa;
}

.layui-laypage input:focus,
.layui-laypage select:focus {
	border-color: #288afa !important;
}

.layui-laypage .layui-laypage-curr .layui-laypage-em {
	background: #288afa;
}

.layui-laypage a,
.layui-laypage span,
.layui-laypage > a:first-child,
.layui-laypage > a:first-child em {
	margin: 0 5px;
	background: #f2f2f2;
	border: 1px solid #f2f2f2;
	border-radius: 2px;
}

.layui-laypage .layui-laypage-skip {
	background: transparent;
	color: #333;
}


/*1200以上---------------------------------------------*/
@media (min-width: 1200px) {
	.container {
		width: 1200px;
		padding: 0;
	}

	body {
		min-width: 1200px;
	}

}

/*1200以下---------------------------------------*/
@media (max-width: 1200px) {
	/*不可见*/
	.none1200 {
		display: none !important;
	}
}

/*768以上---------------------------------------------*/
@media (min-width: 768px) {
	html {
		overflow-x: auto;
	}

	body {
		min-width: 1200px;
	}

	/*该尺寸下可见*/
	.none768over {
		display: none !important;
	}
}

/*768以下---------------------------------------*/
@media (max-width: 768px) {
	/*#app {
		padding-top: 55px;
	}*/
	section .contentBox .cell {
		margin-right: 0 !important;
	}

	/*不可见*/
	.none768 {
		display: none !important;
	}

	.layui-laypage-skip {
		display: none !important;
	}
}

/*480以下---------------------------------------*/
@media (max-width: 480px) {
	/*不可见*/
	.none480 {
		display: none !important;
	}
}