:root {
	--body-bg: #ffffff;
	--theme-color: #FFE431;
	--module-width: 1280px;
	--top-height: 5rem;
	--main-color: #FFE431;
}

*,
*:before,
*:after {
	margin: 0;
	padding: 0;
	outline: none;
	list-style: none;
	text-decoration: none;
}

body,
html {
	/*font-family:SourceHanSansCN-Normal;*/
	font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
	font-size: 16px;
	background: var(--body-bg);
	font-weight: 400;
	transition: all 0.5s;
	scroll-behavior: smooth;
	/* 网站黑白
	filter:grayscale(100%);
	  -webkit-filter:grayscale(100%);
	  -moz-filter:grayscale(100%);
	  -ms-filter:grayscale(100%);
	  -o-filter:grayscale(100%);
	  filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
	  -webkit-filter:grayscale(1) 	 */
}

button,
input,
textarea,
select {
	border: none;
	background: none;
}

a {
	text-decoration: none;
	outline: none;

}

a:hover,
a:active,
a:focus {
	text-decoration: none;
}

em,
i {
	font-style: normal;
}

a:focus,
input,
select {
	outline: none;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
button,
select {
	-webkit-appearance: none;
}

input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
button:hover {
	opacity: 0.80;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
label {
	font-weight: normal;
	padding: 0;
	margin: 0;
	font-size: 14px;
	line-height: 1.25;
}

p,
ul,
ol {
	margin: 0;
}

img {
	display: flex;
	height: auto;
	object-fit: cover;
}


/* 公共头 */
.header-menu-module {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: var(--top-height);
	z-index: 222;
	/* background:linear-gradient(180deg,rgba(59,59,59,0.5) 0%,rgba(59,59,59,0) 100%); */
	/* background: rgba(255, 228, 49, 1); */
	background: #ffffff;
	display: flex;
	justify-content: center;
	align-items: flex-start;
}

.head-content {
	width: var(--module-width);
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: var(--top-height);
}

.head-content .logo {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.head-content .logo .logo-icon {
	height: 4rem;
	display: flex;
}

.head-content .logo .logo-txt {
	font-size: 1.5rem;
	font-weight: 600;
	/* color: #ffffff; */
	font-style: italic;
	margin-left: 0.25rem;
}

.head-content .class-icon {
	width: 1.87rem;
	height: 1.87rem;
}

.menu-img {
	width: var(--top-height);
	height: var(--top-height);
	display: none;
	justify-content: flex-end;
	align-items: center;
}

.menu-img .img {
	height: 50%;
}

.menu-list {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	height: var(--top-height);
}

.menu-list .search-mark {
	width: 1rem;
	height: 1rem;
	margin-left: 0.5rem;
	cursor: pointer;
}

.menu-item {
	position: relative;
	color: rgba(0, 0, 0, 0.8);
	text-align: center;
	cursor: pointer;
	height: var(--top-height);
	display: flex;
	justify-content: center;
	padding: 0 1rem;
}

.menu-item .menu-title {
	position: relative;
	z-index: 2;
	font-size: 0.87rem;
	line-height: var(--top-height);
	height: var(--top-height);
	display: flex;
	flex-direction: column;
}

.menu-item .menu-line {
	position: absolute;
	bottom: 0rem;
	height: 0.25rem;
	width: 100%;
}

.menu-line-check .menu-line {
	background: rgba(255, 228, 49, 1);
}

.menu-item:hover .menu-line {
	background: rgba(255, 228, 49, 1);
}

.select-menu-list {
	position: absolute;
	left: -0.5rem;
	top: -2rem;
	min-width: 7rem;
	display: none;
	z-index: 0;
	animation: slideInDown 0.5s 1;
}

.menu-item:hover>.select-menu-list {
	/* color: rgba(255,255,255,0.8);
	cursor: pointer; */
	display: block;
}

.select-menu-list:hover {
	display: block;
	cursor: pointer;
}

.select-menu-con {
	width: 100%;
	display: flex;
	flex-direction: column;
	padding: var(--top-height) 0 0.87rem 0;
	background: rgba(58, 98, 198, 1);
	border-radius: 0 0 0.37rem 0.37rem;
	font-size: 0.87rem;
	color: rgba(255, 255, 255, 0.8);
	cursor: pointer;
}

.select-menu-con a {
	white-space: nowrap;
	line-height: 2.25rem;
	height: 2.25rem;
	display: block;
}

.select-menu-con a:hover {
	background: rgba(40, 70, 151, 1);
	color: rgba(255, 255, 255, 0.8);
}

/* h5导航 */
.group-module {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 223;
	display: none;
}

.group-nav-bg {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: flex;
}

.group-list {
	position: absolute;
	left: 0%;
	top: 5rem;
	width: 100%;
	height: calc(100vh - 5rem);
	overflow-y: scroll;
	display: flex;
	flex-direction: column;
	z-index: 2;
}

.group-item {
	width: 100%;
	line-height: var(--top-height);
	color: #fff;
	text-align: center;
	font-size: 1.2rem;
}

.group-cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 2;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
}

.group-item .group-item-unit {
	width: 100%;
	height: 0px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	transition: all 0.5s;
	background: rgba(0, 0, 0, 0.2);
}

.group-item .group-item-unit a {
	line-height: 2.6rem;
	font-size: 1.1rem;
	color: #ffffff;
}

.group-item .group-item-unit a:hover {
	background: rgba(40, 70, 151, 1);
}

.group-top-btn {
	position: absolute;
	top: 0;
	left: 5%;
	width: 95%;
	height: 5rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	z-index: 3;
}

.group-top-btn img {
	width: 2.5rem;
}

.group-close-btn {
	height: 5rem;
	width: 5rem;
	z-index: 3;
	line-height: 5rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

.group-close-btn img {
	width: 1.87rem;
	height: 1.87rem;
}



/* 模块 */
.page-module {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.page-bg-img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	display: flex;
	object-fit: cover;
}

.con-module {
	width: var(--module-width);
}

.module-title {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-top: 3rem;
	margin-bottom: 2.5rem;
	z-index: 4;
}

.module-title .title-img {
	height: 1.62rem;
	display: flex;
	object-fit: cover;
}

.module-title .title-name {
	margin-top: -1rem;
	position: relative;
	z-index: 3;
}

.pay-cc {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.pay-cc .u {
	width: 40%;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 0 1rem;
}

.pay-cc .u .img {
	width: 100%;
}

.pp-cc {
	width: calc(100% - 6rem);
	margin: 3rem;
	display: flex;
	flex-direction: column;
}

/* 底部 */
.footer {
	/* position: absolute;
	left: 0;
	bottom: 0; */
	width: 100%;
	height: 15rem;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

.footer .bg {
	width: 100%;
	height: 100%;
	object-fit: cover;
	/* filter: blur(5px); */
	/* 调整数值来改变模糊程度 */
}

.footer .bg-cover {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(0, 0, 0, 0.7);
	width: 100%;
	height: 100%;
}

.footer-module {
	width: var(--module-width);
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #202020;
	padding: 2rem 0;
}

.footer-module .footer-info {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.footer-module .footer-info .u {
	line-height: 2.5rem;
	display: flex;
	align-items: center;
}

.footer-module .footer-code {
	height: 5rem;
	display: flex;
	object-fit: cover;
}

.txt-al-center {
	text-align: center;
}

.h5-module {
	display: none;
}

.pos-rel {
	position: relative;
}

.flex-row {
	display: flex;
	flex-direction: row;
}

.flex-cum {
	display: flex;
	flex-direction: column;
}

.flex-al-c {
	align-items: center;
}

.flex-al-end {
	align-items: flex-end;
}

.flex-jc-c {
	justify-content: center;
}

.flex-jc-sb {
	justify-content: space-between;
}



.text-center {
	text-align: center;
}

.lt-pac8 {
	letter-spacing: 0.5rem;
}

.ovhid {
	overflow: hidden;
}

.w-all {
	width: 100%;
}

.hd80 {
	height: 5rem;
	background: #f3f3f3;
}

.h600 {
	height: 37.5rem;
}

.mg-t3 {
	margin-top: 0.18rem;
}

.mg-t4 {
	margin-top: 0.25rem;
}

.mg-t5 {
	margin-top: 0.31rem;
}

.mg-t10 {
	margin-top: 0.62rem;
}

.mg-t16 {
	margin-top: 1rem;
}

.mg-t20 {
	margin-top: 1.25rem;
}

.mg-t30 {
	margin-top: 1.87rem;
}

.mg-t40 {
	margin-top: 2.5rem;
}

.mg-t160 {
	margin-top: 8rem;
}

.mg-l5 {
	margin-left: 0.31rem;
}

.mg-b16 {
	margin-bottom: 1rem;
}

.mg-b32 {
	margin-bottom: 2rem;
}

.mg-b48 {
	margin-bottom: 3rem;
}

.fw300 {
	font-weight: 300;
}

.fw600 {
	font-weight: 600;
}

.bgffffff {
	background: #ffffff;
}

.bgf3f3f3 {
	background: #f3f3f3;
}

.bg000000 {
	background: #000000;
}

.colffffff {
	color: #ffffff;
}

.col999999 {
	color: #999999;
}

.colcccccc {
	color: #cccccc;
}

.col202020 {
	color: #202020;
}

.col202020 {
	color: #;
}

.opt20 {
	opacity: 0.2;
}

.opt30 {
	opacity: 0.3;
}

.opt40 {
	opacity: 0.4;
}

.opt50 {
	opacity: 0.5;
}

.opt60 {
	opacity: 0.6;
}

/*font*/
.f120 {
	font-size: 7.5rem;
}

.f72 {
	font-size: 4.5rem;
}

.f64 {
	font-size: 4rem;
}

.f60 {
	font-size: 3.75rem;
}

.f48 {
	font-size: 3rem;
}

.f46 {
	font-size: 2.87rem;
}

.f44 {
	font-size: 2.75rem;
}

.f43 {
	font-size: 2.68rem;
}

.f42 {
	font-size: 2.62rem;
}

.f40 {
	font-size: 2.5rem;
}

.f38 {
	font-size: 2.37rem;
}

.f36 {
	font-size: 2.25rem;
}

.f32 {
	font-size: 2rem;
}

.f30 {
	font-size: 1.87rem;
}

.f28 {
	font-size: 1.75rem;
}

.f26 {
	font-size: 1.62rem;
}

.f24 {
	font-size: 1.5rem;
}

.f20 {
	font-size: 1.25rem;
}

.f22 {
	font-size: 1.37rem;
}

.f18 {
	font-size: 1.12rem;
}

.f17 {
	font-size: 1.06rem;
}

.f16 {
	font-size: 1rem;
}

.f14 {
	font-size: 0.87rem;
}

.f12 {
	font-size: 0.75rem;
}

@media (max-width: 1600px) {
	:root {
		--module-width: 960px;
	}

	.f120 {
		font-size: calc(7.5rem * 0.8);
	}

	.f72 {
		font-size: calc(4.5rem * 0.8);
	}

	.f64 {
		font-size: calc(4rem * 0.8)
	}

	.f60 {
		font-size: calc(3.75rem * 0.8);
	}

	.f48 {
		font-size: calc(3rem * 0.8);
	}

	.f46 {
		font-size: calc(2.87rem * 0.8);
	}

	.f44 {
		font-size: calc(2.75rem * 0.8);
	}

	.f43 {
		font-size: calc(2.68rem * 0.8);
	}

	.f42 {
		font-size: calc(2.62rem * 0.8);
	}

	.f40 {
		font-size: calc(2.5rem * 0.8);
	}

	.f38 {
		font-size: calc(2.37rem * 0.8);
	}

	.f36 {
		font-size: calc(2.25rem * 0.8);
	}

	.f32 {
		font-size: calc(2rem * 0.8);
	}

	.f30 {
		font-size: calc(1.87rem * 0.8);
	}

	.f28 {
		font-size: calc(1.75rem * 0.8);
	}

	.f26 {
		font-size: calc(1.62rem * 0.8);
	}

	.f24 {
		font-size: calc(1.5rem * 0.8);
	}

	.f20 {
		font-size: calc(1.25rem * 0.8);
	}

	.f22 {
		font-size: calc(1.37rem * 0.8);
	}

	.f18 {
		font-size: calc(1.12rem * 0.8);
	}

	.f17 {
		font-size: calc(1.06rem * 0.8);
	}

	.f16 {
		font-size: calc(1rem * 0.8);
	}

	.f14 {
		font-size: 0.87rem;
	}

	.f12 {
		font-size: 0.75rem;
	}

	.mg-t5 {
		margin-top: 0.31rem;
	}

	.mg-t10 {
		margin-top: 0.62rem;
	}

	.mg-t30 {
		margin-top: 1.87rem;
	}

	.mg-t160 {
		margin-top: calc(10rem * 0.8);
	}

	/* #swiper-banner{
		height: calc(33.5rem * 0.8);
	} */
	/* .search-module{
		height: 4rem;
		margin-top: -2rem;
	} */
}

@media (max-width: 960px) {
	:root {
		--module-width: 770px;
	}
}

@media (max-width: 768px) {
	#swiper-banner {
		width: 100%;
		height: 50vh;
		position: relative;
	}

	:root {
		--module-width: 90%;
	}

	.f120 {
		font-size: calc(7.5rem * 0.8);
	}

	.f72 {
		font-size: calc(4.5rem * 0.8);
	}

	.f64 {
		font-size: calc(4rem * 0.8)
	}

	.f60 {
		font-size: calc(3.75rem * 0.8);
	}

	.f48 {
		font-size: calc(3rem * 0.8);
	}

	.f46 {
		font-size: calc(2.87rem * 0.8);
	}

	.f44 {
		font-size: calc(2.75rem * 0.8);
	}

	.f43 {
		font-size: calc(2.68rem * 0.8);
	}

	.f42 {
		font-size: calc(2.62rem * 0.8);
	}

	.f40 {
		font-size: calc(2.5rem * 0.8);
	}

	.f38 {
		font-size: calc(2.37rem * 0.8);
	}

	.f36 {
		font-size: calc(2.25rem * 0.8);
	}

	.f32 {
		font-size: calc(2rem * 0.8);
	}

	.f30 {
		font-size: calc(1.87rem * 0.8);
	}

	.f28 {
		font-size: calc(1.75rem * 0.8);
	}

	.f26 {
		font-size: calc(1.62rem * 0.8);
	}

	.f24 {
		font-size: calc(1.5rem * 0.6);
	}

	.f20 {
		font-size: calc(1.25rem * 0.8);
	}

	.f22 {
		font-size: calc(1.37rem * 0.8);
	}

	.f18 {
		font-size: calc(1.12rem * 0.8);
	}

	.f17 {
		font-size: calc(1.06rem * 0.8);
	}

	.f16 {
		font-size: calc(1rem * 0.8);
	}

	.f14 {
		font-size: calc(0.87rem * 0.8);
	}

	.f12 {
		font-size: 0.75rem;
	}

	.pc-module {
		display: none;
	}

	.h5-module {
		display: flex;
	}

	.search-module {
		height: 4rem;
		margin-top: -2rem;
	}

	.search-h5-menu {
		width: var(--module-width);
		height: 5rem;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.search-module .search-inp-module {
		width: 90%;
	}

	.search-module .search-inp-module .search-icon {
		width: 1rem;
		height: 1rem;
		display: flex;
		margin: 0 0.5rem 0 0.5rem;
	}

	.search-module .search-inp-module .search-inp {
		width: 80%;
		height: 100%;
		font-size: 0.87rem;
		font-weight: 600;
	}

	.search-h5-menu .search-menu {
		width: 48.5%;
		height: 4rem;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		color: #303030;
		background: #ffffff;
		margin: 1.25rem 0;
		box-shadow: 0px 8px 35px 0px rgba(201, 201, 201, 0.3);
	}

	.search-module .search-menu {
		width: 4rem;
	}

	.search-module .search-menu .search-menu-icon {
		width: 1rem;
		height: 1rem;
		display: flex;
	}

	.module-title .title-img {
		max-width: var(--module-width);
		height: auto !important;
	}

	.menu-img {
		width: var(--top-height);
		height: var(--top-height);
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}

	.menu-list {
		position: fixed;
		top: var(--top-height);
		right: 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		height: auto;
		background: #222222;
		width: 0;
		overflow: hidden;
		transition: all 0.5s;
	}

	.pay-cc .u {
		width: 50%;
		display: flex;
		flex-direction: column;
		align-items: center;
		margin: 0 1rem;
	}
}

/*
弹性滑动
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;

最多展示两行
white-space: normal;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
*/