锘緻charset "UTF-8";

@font-face {

	font-family: "syht";

	src: url("../other/SourceHanSansCN-Regular.woff2") format("woff2"),  url("../other/SourceHanSansCN-Regular.woff") format("woff"),  url("../other/SourceHanSansCN-Regular.ttf") format("truetype"),  url("../other/SourceHanSansCN-Regular.eot") format("embedded-opentype");

	font-weight: normal;

	font-style: normal;

}

@font-face {

	font-family: "syhtB";

	src: url("../other/SourceHanSansCN-Bold.woff2") format("woff2"),  url("../other/SourceHanSansCN-Bold.woff") format("woff"),  url("../other/SourceHanSansCN-Bold.ttf") format("truetype"),  url("../other/SourceHanSansCN-Bold.eot") format("embedded-opentype");

	font-weight: normal;

	font-style: normal;

}

@font-face {

	font-family: "syhtL";

	src: url("../other/SourceHanSansCN-Light.woff2") format("woff2"),  url("../other/SourceHanSansCN-Light.woff") format("woff"),  url("../other/SourceHanSansCN-Light.ttf") format("truetype"),  url("../other/SourceHanSansCN-Light.eot") format("embedded-opentype");

	font-weight: normal;

	font-style: normal;

}

@font-face {

	font-family: "syhtM";

	src: url("../other/SourceHanSansCN-Medium.woff2") format("woff2"),  url("../other/SourceHanSansCN-Medium.woff") format("woff"),  url("../other/SourceHanSansCN-Medium.ttf") format("truetype"),  url("../other/SourceHanSansCN-Medium.eot") format("embedded-opentype");

	font-weight: normal;

	font-style: normal;

}

* {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

*:before, *:after {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote {

	margin: 0;

	padding: 0;

}

body {

	color: #333;

	font-size: 14px;

	font-family: "syht", "PingFang", "PingFang SC", "Microsoft YaHei", "榛戜綋", "瀹嬩綋", sans-serif;

}

td, th, caption {

	font-size: 14px;

}

h1 {

	font-size: 20px

}

h2 {

	font-size: 18px

}

h3 {

	font-size: 16px

}

address, caption, cite, code, dfn, em, strong, th, var {

	font-style: normal;

	font-weight: normal;

}

a {

	color: #333;

	text-decoration: none;

}

a:hover {

	text-decoration: none;

}

img {
	border: none;
	vertical-align: middle;
	/* max-width: 100%; */
}

ol, ul, li {

	list-style: none;

}

input, textarea, select, button {

	font: 14px "syht", "PingFang", "PingFang SC", "Microsoft YaHei", "榛戜綋", "瀹嬩綋", sans-serif;

	outline: none;

	-webkit-appearance: none;

	-webkit-tap-highlight-color: rgba(0,0,0,0);

}

::-webkit-inner-spin-button {

   -webkit-appearance: none;

}

::-webkit-outer-spin-button {

   -webkit-appearance: none;

}

table {

	border-collapse: collapse;

}

/*鍏叡绫?/

.clearfix {

	zoom: 1;

}

.clearfix:after, .clearfix:before {

	content: "\200B";

	display: block;

	height: 0;

	visibility: hidden;

}

.clearfix:after {

	clear: both;

}

.fl {

	float: left

}

.fr {

	float: right

}

.al {

	text-align: left

}

.ac {

	text-align: center

}

.ar {

	text-align: right

}

.hide {

	display: none!important

}

.show {

	display: block!important

}

.mt0 {

	margin-top: 0!important

}

.mt3{

	margin-top: 3px!important;

}

.mt10 {

	margin-top: 10px!important

}

.mt20 {

	margin-top: 20px!important

}

.mt24 {

	margin-top: 24px!important

}

.mt30 {

	margin-top: 30px!important

}

.mt40 {

	margin-top: 40px!important

}

.mt50 {

	margin-top: 50px!important

}

.mt60 {

	margin-top: 60px!important

}

.mt70 {

	margin-top: 70px!important

}

.mt100{

	margin-top: 100px!important

}

.mb0 {

	margin-bottom: 0!important

}

.mb10 {

	margin-bottom: 10px!important

}

.mb15{

	margin-bottom: 15px!important

}

.mb20 {

	margin-bottom: 20px!important

}

.mb30 {

	margin-bottom: 30px!important

}

.mb40 {

	margin-bottom: 40px!important

}

.mb50 {

	margin-bottom: 50px!important

}

.mb60 {

	margin-bottom: 60px!important

}

.mb70{

	margin-bottom: 70px!important

}

.mb80{

	margin-bottom: 80px!important

}

.ml0 {

	margin-left: 0!important

}

.ml10 {

	margin-left: 10px!important

}

.ml20 {

	margin-left: 20px!important

}

.ml30 {

	margin-left: 30px!important

}

.ml35{

	margin-left: 35px!important

}

.ml40 {

	margin-left: 40px!important

}

.ml50 {

	margin-left: 50px!important

}

.mr0 {

	margin-right: 0!important

}

.mr10 {

	margin-right: 10px!important

}

.mr20 {

	margin-right: 20px!important

}

.mr30 {

	margin-right: 30px!important

}

.mr40 {

	margin-right: 40px!important

}

.mr50 {

	margin-right: 50px!important

}

.pt40{

	padding-top: 40px!important;

}

.pt30{

	padding-top: 30px!important;

}

.heightauto{

	height: auto!important;

}

.over-line1 {

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap

}

.over-line2 {

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

}

.over-line3 {

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 3;

	-webkit-box-orient: vertical;

}

.over-line4 {

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 4;

	-webkit-box-orient: vertical;

}

.over-line5 {

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 5;

	-webkit-box-orient: vertical;

}

.widfull{

	width: 100%;

}

.widhalf{

	width: 50%;

}