* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	/* color: #333; */
	font-family: Microsoft YaHei;
}

.container {
	width: 1280px;
	margin: 0 auto
}

.df {
	display: flex;
}

.header .nav-ul {
	height: 80px;
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: bold;

}

.header .nav-ul li {
	padding-left: 32px;
	color: #fff;
}

.header .nav-ul li a {
	color: #fff;
}

.header .nav-ul li a.active{
	color: #ed0000!important;
}

.fooTop {
	padding: 30px 0;
}

.fooTop.fs-14 {
	padding-bottom: 80px;
}

.fooTop:not(:last-child) {
	border-bottom: 1px solid #e4e6f0;
}

.footNav {
	margin-bottom: 30px;
}

.footNav>div a {
	border-radius: 4px;
	border: 1px solid #e5e5e5;
	padding: 10px 25px;
	font-size: 16px;
	cursor: pointer;
}

.footNav>div:not(:last-child) {
	margin-right: 20px;
}

.layui-form-label {
	width: 90px !important;
}

.layui-input-inline {
	width: calc(100% - 100px) !important;
	margin-right: 0;
}

.layui-input {
	padding-left: 15px !important;
}




.flex-1 {
	flex: 1;
}

.ac {
	align-items: center;
}

.js {
	justify-content: space-between;
}

.jc {
	justify-content: center;
}

.wrap {
	flex-wrap: wrap;
}

.center {
	text-align: center;
}

.relative {
	position: relative;
}

.absolute {
	position: absolute;
}

.radius6 {
	border-radius: 6px;
}

.fs0 {
	font-size: 0;
}

li {
	list-style: none;
}

.hide {
	display: none
}

a {
	text-decoration: none;
	color: inherit;
	cursor: pointer;
}

a:hover{
	color: #eb0000!important;
}

.bold {
	font-weight: bold
}

.lighter {
	font-weight: lighter;
}

.fs-12 {
	font-size: 12px
}

.fs-13 {
	font-size: 13px
}

.fs-14 {
	font-size: 14px
}

.fs-16 {
	font-size: 16px
}

.fs-18 {
	font-size: 18px
}

.fs-20 {
	font-size: 20px;
}

.fs-24 {
	font-size: 24px;
}

.fs-28 {
	font-size: 28px;
}

.fs-30 {
	font-size: 30px;
}

.fs-36 {
	font-size: 36px;
}

.coff {
	color: #fff !important
}

.c333 {
	color: #333 !important;
}

.c999 {
	color: #999 !important;
}

.c666 {
	color: #666 !important;
}

.bgf7{
	background-color: #f7f7f7;
}

.op5 {
	opacity: .3;
}

.mt30{
	margin-top: 30px;
}

.ml20 {
	margin-left: 20px
}

.mr20 {
	margin-right: 20px;
}

.mr35 {
	margin-right: 35px
}

.mr10 {
	margin-right: 10px;
}
.mb6 {
	margin-bottom: 6px !important;
}
.mb10 {
	margin-bottom: 10px;
}

.mb15 {
	margin-bottom: 15px !important;
}

.cursor {
	cursor: pointer
}

.ellipsis1 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

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

.red {
	color: #ed0000 !important;
}

.lh15 {
	line-height: 1.5;
}

.lh18 {
	line-height: 1.8;
}

.scale15 {
	transform: scale(1.5);
}

.right {
	text-align: right;
}




.popup-box * {
	margin: 0;
	padding: 0;
	box-sizing: border-box
}

.popup-box .layui-btn {
	width: 60%;
	padding: 0 18px !important;
}

.popup-box {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 8888;
	transition: 0.1s ease;
	font-size: 12px;
	font-family: 'Microsoft Yahei';
	visibility: hidden;
	opacity: 0;
	pointer-events: none
}

#Popup {
	width: 480px;
	height: 550px;
	position: fixed;
	top: 50%;
	margin-top: -130px;
	left: 50%;
	margin-left: -240px;
	font-size: 14px !important;
	font-family: 'Microsoft Yahei' !important;
	background: #fff;
	border-radius: 8px;
	z-index: 99999;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	transition: all .8s cubic-bezier(.42, .47, 0, 1.24);
	overflow: hidden;
}

#Popup.show {
	margin-top: -270px;
	opacity: 1;
	visibility: visible;
	pointer-events: auto
}

.popup-box.show {
	visibility: visible;
	opacity: 1;
	pointer-events: auto
}

.uiw {
	overflow: hidden !important;
}

.popTitle {
	background-color: #F8F8F8;
	padding: 18px 22px;
	font-size: 18px;
}

.close-popup {
	cursor: pointer;
}

.zysx {
	margin-top: 40px;
	line-height: 2.5;
}


/* .close-popup {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	position: absolute;
	right: -40px;
	top: -40px;
	background: url(../images/close2.png);
	z-index: 99999;
	cursor: pointer;
	background-size: contain
} */



input {
	border: none;
}

.search {
	background-color: #fff;
	border-radius: 8px;
	overflow: hidden;
	margin-top: 30px;
}

.search .inputBox {
	width: calc(100% - 110px);
}

.search .inputBox input {
	height: 50px;
	width: 100%;
	padding: 0 25px;
	font-size: 16px;
}

.search .inputBox input::placeholder {
	color: #bdbdbd;
}

.search .searchIcon {
	width: 110px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #ed0000;
	height: 50px;
}