@charset "UTF-8";

/* @font-face {

	font-family: "syht";

	src: url("../fonts/sourcehansanscn-regular.woff2") format("woff2"), url("../fonts/sourcehansanscn-regular.ttf") format("truetype");

	font-weight: normal;

	font-style: normal;

} */
.hide{
  display: none;
}
* {

	-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: "PingFang", "PingFang SC", "syht", "Microsoft YaHei", "黑体", "宋体", sans-serif;

}

td, th, caption {

	font-size: 14px;

}

h1 {

	font-size: 20px

}

h2 {

	font-size: 18px

}

h3 {

	font-size: 16px

}

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 "PingFang", "PingFang SC", "syht", "Microsoft YaHei", "黑体", "宋体", sans-serif;

	outline: none;

	-webkit-appearance: none;

	-moz-appearance:textfield !important;

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

}

input::-webkit-outer-spin-button,

input::-webkit-inner-spin-button{

	-webkit-appearance: none !important;

	margin: 0;

}

table {

	border-collapse: collapse;

}

.border-te6e6{
border-top: 1px solid #E6E6E6;
}


/* 重置表格元素 */

table {

	border-collapse: collapse;

	border-spacing: 0;

}

/* 重置 hr */

hr {

	border: none;

	height: 1px;

}

input[type=button], input[type=submit], input[type=file], button {

	cursor: pointer;

	-webkit-appearance: none;

}

a, a:hover, a:active, a:visited, a:link, a:focus {

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

	-webkit-tap-highlight-color: transparent;

	outline: none;

/*	background: none;*/

	text-decoration: none;

}

/*公共类*/

.clearfix {

	zoom: 1;

}

.clearfix:after, .clearfix:before {

	content: "";

	display: table;

	clear: both;

}

.fl {

	float: left!important;

}

.fr {

	float: right!important;

}

.al {

	text-align: left!important;

}

.ac {

	text-align: center!important;

}

.ar {

	text-align: right!important;

}

.hides {

	display: none!important;

}

.shows {

	display: block!important;

}

.pl80{

 padding-left:80px;

}
.pl15{

 padding-left:15px;

}
.pr15{

 padding-right:15px;

}
.padding20{
  padding: 20px;
}

.mt0 {

	margin-top: 0!important

}

.mt5{

  margin-top: 5px;

}

.mt10 {

	margin-top: 10px!important;

}

.mt20 {

	margin-top: 20px!important;

}

.mt30 {

	margin-top: 30px!important;

}

.mt40 {

	margin-top: 40px!important;

}

.mt50 {

	margin-top: 50px!important;

}

.mt120 {

	margin-top: 120px!important;

}

.mb0 {

	margin-bottom: 0!important

}

.mb10 {

	margin-bottom: 10px!important;

}

.mb20 {

	margin-bottom: 20px!important;

}

.mb30 {

	margin-bottom: 30px!important;

}

.mb40 {

	margin-bottom: 40px!important;

}

.mb50 {

	margin-bottom: 50px!important;

}

.ml5 {

	margin-left: 5!important

}

.ml0 {

	margin-left: 0!important

}

.ml10 {

	margin-left: 10px!important;

}

.ml20 {

	margin-left: 20px!important;

}

.ml30 {

	margin-left: 30px!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;

}
.mb100 {

	margin-bottom: 100px!important;

}

.pr50 {

	padding-right: 50px!important;

}

.pt0 {

	padding-top: 0px!important;

}
.pt20 {

	padding-top: 20px!important;

}
.pt40 {

	padding-top: 40px!important;

}
.pt60 {

	padding-top: 60px!important;

}

.pb20 {
/* position: ; */
  padding-bottom: 20px!important;

}



.letspi0{

  letter-spacing: 0px !important;

}


.overflow{
	overflow: hidden;

}
.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;

}



.w1200{

  width: 1200px;

  margin: 0 auto;

}



.disflex{

display: flex !important;

}



.rotate180{

  transform: rotate(180deg);

}

.rotate90{

  transform: rotate(90deg);

}.rotate-90{

  transform: rotate(-90deg);

}.rotate-180{

  transform: rotate(-180deg);

}



.bor-rad80{

  border-radius:80px !important;

}



.flexs{

  display: flex !important;

}


.rotate20{
  transform: rotate(20deg);
}
.rotate25{
  transform: rotate(25deg);
}
.rotate30{
  transform: rotate(30deg);
}
.rotate35{
  transform: rotate(35deg);
}
.rotate40{
  transform: rotate(40deg);
}
.rotate45{
  transform: rotate(45deg);
}
.rotate50{
  transform: rotate(50deg);
}
.rotate55{
  transform: rotate(55deg);
}

.rotate-20{
  transform: rotate(-20deg);
}
.rotate-25{
  transform: rotate(-25deg);
}
.rotate-30{
  transform: rotate(-30deg);
}
.rotate-35{
  transform: rotate(-35deg);
}
.rotate-40{
  transform: rotate(-40deg);
}
.rotate-45{
  transform: rotate(-45deg);
}
.rotate-50{
  transform: rotate(-50deg);
}
.rotate-55{
  transform: rotate(-55deg);
}