:root {
	--primary-color: #6485fe;
	--primary-main-bg: #1b1b1c;
	--y-shadow: 0 12px 32px 0 rgba(0, 0, 0, 0.42);
	--y-h5-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.42);
	--fifa_world_cup_banner: url("../../yibazhan/images/2026_fifa_world_cup_banner.png");
	--fifa_world_cup_web_banner: url("../../yibazhan/images/2026_fifa_world_cup_web_banner.png");
	--online_customer_service_url: url("../../yibazhan/images/online_customer_service_url.png");
	--online_letstalk_customer_service_url: url("../../yibazhan/images/sg.png")
}

.content-site01 {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-repeat: no-repeat;
	background-image: var(--fifa_world_cup_web_banner);
	background-size: cover
}

.content-site01 .wrapper-site01 {
	position: relative;
	width: 1200px;
	display: flex;
	flex-direction: column
}

.content-site01 .wrapper-site01 .bannerWrapper {
	display: flex;
	position: relative;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center
}

.content-site01 .wrapper-site01 .bannerWrapper h1,
.content-site01 .wrapper-site01 .bannerWrapper h2 {
	width: 100%;
	font-size: 70px;
	letter-spacing: 4px;
	z-index: 2;
	font-weight: bold;
	background-image: linear-gradient(to bottom, #e8e8e8, #c1c1c1);
	color: #fff;
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.content-site01 .wrapper-site01 .bannerWrapper h2 {
	font-size: 55px;
	letter-spacing: 2px
}

.content-site01 .wrapper-site01 .bannerWrapper h2 span {
	color: #617ee4;
	background-image: linear-gradient(to bottom, #829cfd, #617ee4);
	color: #fff;
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.content-site01 .wrapper-site01 .bannerWrapper .logos {
	margin: 20px auto 0;
	display: flex;
	align-items: center;
	width: max-content;
	position: relative
}

.content-site01 .wrapper-site01 .bannerWrapper .logos .img {
	position: relative
}

.content-site01 .wrapper-site01 .bannerWrapper .logos .img img {
	height: 46px;
	width: auto;
	margin: 0 10px
}

.content-site01 .wrapper-site01 .bannerWrapper .logos::before {
	content: "";
	display: block;
	position: absolute;
	left: -81px;
	width: 71px;
	height: 20px;
	background: center/cover no-repeat url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEcAAAAUCAYAAADfqiBGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMC1jMDAwIDc5LjE3MWMyN2ZhYiwgMjAyMi8wOC8xNi0yMjozNTo0MSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI0LjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjU0QkJGOTE5NEJGQjExRUY5QzUxOTdDNUJENThBNDZEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjU0QkJGOTFBNEJGQjExRUY5QzUxOTdDNUJENThBNDZEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTRCQkY5MTc0QkZCMTFFRjlDNTE5N0M1QkQ1OEE0NkQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTRCQkY5MTg0QkZCMTFFRjlDNTE5N0M1QkQ1OEE0NkQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7de1OOAAADvElEQVR42uSYaUhUURTHHacx18qMivaJComM9qiBSDNLaKUFo432jWynqKhoMyorgoog2yNaqAzMiSSpLxUV9SFIK1AMzBIq0zA1nf4H/g8uj/dm3psPgs2B37yZ+96d9+655/zvuc/hSZkWFiIWDnoBN4gC5eA9qDXr0CpEHDMIZIB5oCvbqkEhOAuegN9G3vyfrSM4Bh6BrYpjxOLAFHAfPASjQ8k5bg58A+jAthtgBJgAloKLoAp4wAMwv6WlVTfgAJ9t9IkE28FI8I5tAxgML5XrckAyuA3a87ek273mjBwXiA2in4T+SVAA+tnUGImMCjAHLGH7LGpMXxDDVJLIaqs85xEKd1DOcdnsl0Dh2wsibN7rMphOxxRw0FbsAI87GDkSLWVsW87nKWQqTQY1YBKd2QcsDMY5MvunwEGLKZlAsfNwhg4z5K2YDEytM7oDLxgcoF87kMIV6IKSZm34XRzRGQxnxDSBtSAP7OM1PcU3mnNmcsDRfm4aQ+VfRuXPCvCQTnALDFXa1vE/nAH67mGk6a0TuAPG+OmbxmMJ8PH7JjpNomc2nymH54rAc36/qmixQz4WgEtsjObA6wxuKiKVqvzeDOKZ20b10zWKnd5Wgf5grMG51iAbrKYIG5noQT7T4bHB+SE8/mEazmXU+jhZ+Ty/m1oUSakQq6cDI7S0qmKjWKXibb1VGLR99TODcq7R5FypSbuP/eoCRFY1B29k2j0XgzecRCfTp0a5rpz/0ZuZozkoQvOBs4c7sRjHpyylj4IGk5vmcWY9/L0F7De5tokzlMQoUU3SN9PPwORZfrEWMYqeT2AiB262wmWw4n0NPrJN9HIgA0DsnPJsycwa2Uqs4X/nOmzurWRPshP8BMfBXwu642U6ysB3cQLqLdxL0u+0ru0DHVMSQBslQl6BdGaGm4vBVJ5rpBg38neckkXSfl7kwu5qVctczbbgGC0SJGTvMsoOWXSM2Bk+pGYS2eMDOCaMESP6OIyObKBTV1JPYumAm2AcVzZx4jNl9ZJs8jmaaVcezihqCKJ0kKItEczwo1V6ky3CC/CDguyljsjG8wonzaXTVy9TuZhp9qW5KuSmIByj1STrObOlNvq9ZXTHcz+VyXSLUsTaR/FNpc6lMapXiGNayt6qMog+9aynkjjoE3RIHM934fKezpLCxVVyEYvH//59TjkLPqnDNnKl0ixL58hcsI0FYci8z6lieo3idqRIWa2+U/CTuSEtCtU3gWVcKa/zFYhUxd8ovmbFZNg/AQYAkmPedFK4ETAAAAAASUVORK5CYII=")
}

.content-site01 .wrapper-site01 .bannerWrapper .logos::after {
	content: "";
	display: block;
	position: absolute;
	right: -81px;
	width: 71px;
	height: 20px;
	background: center/cover no-repeat url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEcAAAAUCAYAAADfqiBGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMC1jMDAwIDc5LjE3MWMyN2ZhYiwgMjAyMi8wOC8xNi0yMjozNTo0MSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI0LjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjU1MEM2QjUxNEJGQjExRUY4QjQ2OEQzMDFDQTNCNkZDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjU1MEM2QjUyNEJGQjExRUY4QjQ2OEQzMDFDQTNCNkZDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTUwQzZCNEY0QkZCMTFFRjhCNDY4RDMwMUNBM0I2RkMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTUwQzZCNTA0QkZCMTFFRjhCNDY4RDMwMUNBM0I2RkMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6wT/k3AAADwElEQVR42uSYWUhUURjHx2ZMS1slMSvFFsoKaS8TxCwyKdppf7CCSmjBClrsoU2EyrCgyKJFI1psj9SyxeqhzR7aeylKo03HLJOy1Pp/8b9xGOde7wwk6HzwY+495557zv3Ot53xioqdaDEQH9ADhIIqUARegWqLB4hNp90bjABzQRxoB36DD+AkOApuN3XlNHPS1hfkgotgBhUj4gU6giXgMtgPOnuS5cSDDNAFVFBBN8FLUAtiQDLwB/PAMDATPGrqyhE3ygQdQCVYSPfRxApief2Uv31ACphFZZqVNrTCF43BrYLBZipGxJeWEUMrCQEbwBr2LwfjQDF/R7swZyC4QgsNcmPNLUCrhlKOxJJRYDj4yAD8hW0XwHW6VjLHvAdPwGuQwLYk0NrEfN3ANTAIRIPDSkwza+mLuZ7uLn6rjzvKkQnDeb8L5IPZvPfnh4RSYRYqwcpryViHQJSJ4NwTnKcraiIbsNGF9a4FW0A/kAPCTI4TSz9ucgPrWI4v7/OYsu+Dx2w7wl2OY2D2AyvY9x0U8jraYJ7+IBv0dtInlrDbxFpT6NqaSP11lm5mJKtAGhjPDBto8KwvFSlr8rYpafoTsCv3frxOVxQgCzwAloHm3I327BugM2FXcM+gphJZxEVPBzVO+rMUa1YlAhSAoTrv3aTESfmmqUwE8ToJZCXH/E1ANodspAXoafwoUVa58oxaGSeSaid9qkgJUGoi+BbV01erU5cVG4wr5bqsSpud3uFMypQ1l9uUmwAQSe2msj2Au5bEjLZNeclD0JJ+L7v+QGdCCdxDwCkwWOeZVCXgO5N14LMyvyYFXK+e7ABfae21dCsJCd90nt/LPjkqnbBxUIUSkP2p2UoeIyJZMXuz7xb98jkzQCbT+Q2DRcruTpYJ+T5VJI6sNxFz0rjODN4X1qMYTQ7S4qRgXQp+GDxbTWP4F5Br+KEW1g/PwAQWhSOp7bZUTBHjTSGVF07F5PPcZSRvGRTVM9lpsN2FBCJrWQCu0vXtLoxLrEcxdcSLp3Ip/o6xApajwECHGGJn4N3HxVnoInlsn8TMYUZE0WfATzAHlLhR1Utw/dVQFXIJa4h3zAB3GdG1NJng8Lx81CUqJps1h1mRAD8GzHdDMZrp/3fFOJ6tRCFT6HOSls/RBXIY1ETG0qUiOFb6V9MKXJEqulmjOpXf4XlqKwNotENxF0TKWLilu+D3jU6sIWG9HNsqaDW5zGTBTNmVDMh7GJSzWSF73D+BNXQfCc47QSf6ubjCG4uH/E36R4ABAJrp2YQsTsYaAAAAAElFTkSuQmCC")
}

.content-site01 .wrapper-site01 .section {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	width: 1200px;
	margin: 30px auto 0
}

.content-site01 .wrapper-site01 .section .concatWrapper {
	margin-right: 90px;
	text-align: center;
	margin-top: -30px
}

.content-site01 .wrapper-site01 .section .concatWrapper .concatBanner {
	width: 440px;
	height: auto
}

.content-site01 .wrapper-site01 .section .concatWrapper .concat {
	width: 470px;
	background-color: rgba(54, 54, 55, .85);
	box-shadow: var(--y-shadow);
	border-radius: 15px;
	border: 1px solid hsla(0, 0%, 100%, .0784313725)
}

.content-site01 .wrapper-site01 .section .concatWrapper .concat .concatTitle {
	font-size: 16px;
	text-align: left;
	padding-left: 15px;
	padding-top: 15px;
	height: 1px;
	color: hsla(0, 0%, 100%, .8980392157)
}

.content-site01 .wrapper-site01 .section .concatWrapper .concat .concatTitle span {
	color: #6485fe
}

.content-site01 .wrapper-site01 .section .concatWrapper .concat .letstalk {
	height: 52px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 15px;
	font-size: 14px;
	color: hsla(0, 0%, 100%, .8980392157)
}

.content-site01 .wrapper-site01 .section .concatWrapper .concat .letstalk .icon {
	text-align: left;
	padding-left: 40px;
	display: block;
	flex: 1;
	height: 36px;
	line-height: 36px;
	background-image: var(--online_letstalk_customer_service_url);
	background-position: left center;
	background-size: 32px 32px;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	line-height: 14px;
	font-weight: 600;
	font-size: 14px
}

.content-site01 .wrapper-site01 .section .concatWrapper .concat .letstalk .icon .number {
	margin-left: 5px;
	padding: 5px 10px;
	border-radius: 10px;
	background: hsla(0, 0%, 100%, .062745098)
}

.content-site01 .wrapper-site01 .section .concatWrapper .concat .letstalk .btns {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.content-site01 .wrapper-site01 .section .concatWrapper .concat .letstalk .btns .copy {
	min-width: 68px;
	padding: 0 10px;
	color: #6485fe;
	height: 28px;
	line-height: 26px;
	border-radius: 18px;
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid #6485fe;
	margin-right: 10px;
	cursor: pointer;
	transition: all .2s ease
}

.content-site01 .wrapper-site01 .section .concatWrapper .concat .letstalk .btns .copy:hover {
	opacity: .9
}

.content-site01 .wrapper-site01 .section .concatWrapper .concat .letstalk .btns .down {
	padding: 0 10px;
	min-width: 88px;
	display: block;
	cursor: pointer;
	border-radius: 18px;
	height: 28px;
	line-height: 28px;
	background-color: #6485fe;
	color: hsla(0, 0%, 100%, .8980392157);
	transition: all .2s ease
}

.content-site01 .wrapper-site01 .section .concatWrapper .concat .letstalk .btns .down:hover {
	opacity: .9
}

.content-site01 .wrapper-site01 .section .concatWrapper .concat .customer .icon {
	background-image: var(--online_customer_service_url);
	background-size: 36px 36px
}

.content-site01 .wrapper-site01 .section .listWrapper {
	width: 504px;
	padding-top: 28px;
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	flex-wrap: wrap
}

.content-site01 .wrapper-site01 .section .listWrapper>li {
	width: 240px;
	background-color: rgba(54, 54, 55, .85);
	border: 1px solid hsla(0, 0%, 100%, .0784313725);
	box-shadow: var(--y-shadow);
	margin-bottom: 24px;
	margin-right: 24px;
	border-radius: 16px;
	cursor: pointer;
	transition: all .3s ease
}

.content-site01 .wrapper-site01 .section .listWrapper>li>div {
	cursor: pointer
}

.content-site01 .wrapper-site01 .section .listWrapper>li:hover {
	transform: scale(1.05)
}

.content-site01 .wrapper-site01 .section .listWrapper>li:nth-child(2n) {
	margin-right: 0
}

.content-site01 .wrapper-site01 .section .listWrapper>li .logo {
	height: 80px;
	border-bottom: 1px solid hsla(0, 0%, 100%, .062745098);
	display: flex;
	align-items: center;
	justify-content: center
}

.content-site01 .wrapper-site01 .section .listWrapper>li .logo img {
	height: 80px;
	width: auto;
	max-width: 100%;
	object-fit: contain
}

.content-site01 .wrapper-site01 .section .listWrapper>li .content {
	height: 80px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center
}

.content-site01 .wrapper-site01 .section .listWrapper>li .content h3 {
	font-size: 18px;
	color: hsla(0, 0%, 100%, .8980392157)
}

.content-site01 .wrapper-site01 .section .listWrapper>li .content p {
	margin-top: 5px;
	font-size: 14px;
	color: #999
}

@media screen and (max-width: 1200px)and (min-width: 767px) {
	.content-site01 {
		min-height: 100vh;
		height: auto;
		align-items: flex-start;
		padding-top: 6%;
		padding-bottom: 6%
	}

	.content-site01 .wrapper-site01 .section {
		display: flex;
		flex-direction: column;
		align-items: center
	}

	.content-site01 .wrapper-site01 .section .concatWrapper {
		width: 650px;
		margin-right: 0;
		display: block
	}

	.content-site01 .wrapper-site01 .section .concatWrapper .concat {
		width: 100%
	}

	.content-site01 .wrapper-site01 .section .concatWrapper .concatBanner {
		width: 85%
	}

	.content-site01 .wrapper-site01 .section .listWrapper {
		width: 650px;
		gap: 24px
	}

	.content-site01 .wrapper-site01 .section .listWrapper li {
		width: calc(50% - 12px);
		margin-right: 0;
		margin-bottom: 0
	}
}

@media screen and (max-width: 767px) {
	.content-site01 {
		display: block;
		background-image: none
	}

	.content-site01 .wrapper-site01 {
		position: relative;
		display: flex;
		justify-content: center;
		flex-direction: column;
		position: relative;
		padding-bottom: 15.996vw;
		width: initial
	}

	.content-site01 .wrapper-site01 .bannerWrapper {
		position: relative;
		width: 100%;
		height: 46.1218vw;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		text-align: center;
		background: center/cover no-repeat var(--fifa_world_cup_banner)
	}

	.content-site01 .wrapper-site01 .bannerWrapper h1,
	.content-site01 .wrapper-site01 .bannerWrapper h2 {
		letter-spacing: initial;
		width: 100%;
		z-index: 2;
		font-size: 9.331vw;
		font-weight: bold;
		background-image: linear-gradient(to bottom, #e8e8e8, #c1c1c1);
		color: #fff;
		background-clip: text;
		-webkit-background-clip: text;
		-webkit-text-fill-color: rgba(0, 0, 0, 0)
	}

	.content-site01 .wrapper-site01 .bannerWrapper h2 {
		font-size: 4.998vw
	}

	.content-site01 .wrapper-site01 .bannerWrapper h2 span {
		font-weight: bold;
		color: #617ee4;
		background-image: linear-gradient(to bottom, #829cfd, #617ee4);
		color: #fff;
		background-clip: text;
		-webkit-background-clip: text;
		-webkit-text-fill-color: rgba(0, 0, 0, 0)
	}

	.content-site01 .wrapper-site01 .bannerWrapper .logos {
		margin: 3.999vw auto 0;
		display: flex;
		align-items: center;
		width: max-content;
		position: relative
	}

	.content-site01 .wrapper-site01 .bannerWrapper .logos .img {
		position: relative
	}

	.content-site01 .wrapper-site01 .bannerWrapper .logos .img img {
		height: 6.1318vw;
		width: auto;
		margin: 0 1.333vw
	}

	.content-site01 .wrapper-site01 .bannerWrapper .logos::before {
		content: "";
		display: block;
		position: absolute;
		left: -14.3964vw;
		width: 13.5966vw;
		height: 3.7324vw;
		background: center/cover no-repeat url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEcAAAAUCAYAAADfqiBGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMC1jMDAwIDc5LjE3MWMyN2ZhYiwgMjAyMi8wOC8xNi0yMjozNTo0MSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI0LjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjU0QkJGOTE5NEJGQjExRUY5QzUxOTdDNUJENThBNDZEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjU0QkJGOTFBNEJGQjExRUY5QzUxOTdDNUJENThBNDZEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTRCQkY5MTc0QkZCMTFFRjlDNTE5N0M1QkQ1OEE0NkQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTRCQkY5MTg0QkZCMTFFRjlDNTE5N0M1QkQ1OEE0NkQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7de1OOAAADvElEQVR42uSYaUhUURTHHacx18qMivaJComM9qiBSDNLaKUFo432jWynqKhoMyorgoog2yNaqAzMiSSpLxUV9SFIK1AMzBIq0zA1nf4H/g8uj/dm3psPgs2B37yZ+96d9+655/zvuc/hSZkWFiIWDnoBN4gC5eA9qDXr0CpEHDMIZIB5oCvbqkEhOAuegN9G3vyfrSM4Bh6BrYpjxOLAFHAfPASjQ8k5bg58A+jAthtgBJgAloKLoAp4wAMwv6WlVTfgAJ9t9IkE28FI8I5tAxgML5XrckAyuA3a87ek273mjBwXiA2in4T+SVAA+tnUGImMCjAHLGH7LGpMXxDDVJLIaqs85xEKd1DOcdnsl0Dh2wsibN7rMphOxxRw0FbsAI87GDkSLWVsW87nKWQqTQY1YBKd2QcsDMY5MvunwEGLKZlAsfNwhg4z5K2YDEytM7oDLxgcoF87kMIV6IKSZm34XRzRGQxnxDSBtSAP7OM1PcU3mnNmcsDRfm4aQ+VfRuXPCvCQTnALDFXa1vE/nAH67mGk6a0TuAPG+OmbxmMJ8PH7JjpNomc2nymH54rAc36/qmixQz4WgEtsjObA6wxuKiKVqvzeDOKZ20b10zWKnd5Wgf5grMG51iAbrKYIG5noQT7T4bHB+SE8/mEazmXU+jhZ+Ty/m1oUSakQq6cDI7S0qmKjWKXibb1VGLR99TODcq7R5FypSbuP/eoCRFY1B29k2j0XgzecRCfTp0a5rpz/0ZuZozkoQvOBs4c7sRjHpyylj4IGk5vmcWY9/L0F7De5tokzlMQoUU3SN9PPwORZfrEWMYqeT2AiB262wmWw4n0NPrJN9HIgA0DsnPJsycwa2Uqs4X/nOmzurWRPshP8BMfBXwu642U6ysB3cQLqLdxL0u+0ru0DHVMSQBslQl6BdGaGm4vBVJ5rpBg38neckkXSfl7kwu5qVctczbbgGC0SJGTvMsoOWXSM2Bk+pGYS2eMDOCaMESP6OIyObKBTV1JPYumAm2AcVzZx4jNl9ZJs8jmaaVcezihqCKJ0kKItEczwo1V6ky3CC/CDguyljsjG8wonzaXTVy9TuZhp9qW5KuSmIByj1STrObOlNvq9ZXTHcz+VyXSLUsTaR/FNpc6lMapXiGNayt6qMog+9aynkjjoE3RIHM934fKezpLCxVVyEYvH//59TjkLPqnDNnKl0ixL58hcsI0FYci8z6lieo3idqRIWa2+U/CTuSEtCtU3gWVcKa/zFYhUxd8ovmbFZNg/AQYAkmPedFK4ETAAAAAASUVORK5CYII=")
	}

	.content-site01 .wrapper-site01 .bannerWrapper .logos::after {
		content: "";
		display: block;
		position: absolute;
		right: -14.3964vw;
		width: 13.5966vw;
		height: 3.7324vw;
		background: center/cover no-repeat url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEcAAAAUCAYAAADfqiBGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMC1jMDAwIDc5LjE3MWMyN2ZhYiwgMjAyMi8wOC8xNi0yMjozNTo0MSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI0LjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjU1MEM2QjUxNEJGQjExRUY4QjQ2OEQzMDFDQTNCNkZDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjU1MEM2QjUyNEJGQjExRUY4QjQ2OEQzMDFDQTNCNkZDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTUwQzZCNEY0QkZCMTFFRjhCNDY4RDMwMUNBM0I2RkMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTUwQzZCNTA0QkZCMTFFRjhCNDY4RDMwMUNBM0I2RkMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6wT/k3AAADwElEQVR42uSYWUhUURjHx2ZMS1slMSvFFsoKaS8TxCwyKdppf7CCSmjBClrsoU2EyrCgyKJFI1psj9SyxeqhzR7aeylKo03HLJOy1Pp/8b9xGOde7wwk6HzwY+495557zv3Ot53xioqdaDEQH9ADhIIqUARegWqLB4hNp90bjABzQRxoB36DD+AkOApuN3XlNHPS1hfkgotgBhUj4gU6giXgMtgPOnuS5cSDDNAFVFBBN8FLUAtiQDLwB/PAMDATPGrqyhE3ygQdQCVYSPfRxApief2Uv31ACphFZZqVNrTCF43BrYLBZipGxJeWEUMrCQEbwBr2LwfjQDF/R7swZyC4QgsNcmPNLUCrhlKOxJJRYDj4yAD8hW0XwHW6VjLHvAdPwGuQwLYk0NrEfN3ANTAIRIPDSkwza+mLuZ7uLn6rjzvKkQnDeb8L5IPZvPfnh4RSYRYqwcpryViHQJSJ4NwTnKcraiIbsNGF9a4FW0A/kAPCTI4TSz9ucgPrWI4v7/OYsu+Dx2w7wl2OY2D2AyvY9x0U8jraYJ7+IBv0dtInlrDbxFpT6NqaSP11lm5mJKtAGhjPDBto8KwvFSlr8rYpafoTsCv3frxOVxQgCzwAloHm3I327BugM2FXcM+gphJZxEVPBzVO+rMUa1YlAhSAoTrv3aTESfmmqUwE8ToJZCXH/E1ANodspAXoafwoUVa58oxaGSeSaid9qkgJUGoi+BbV01erU5cVG4wr5bqsSpud3uFMypQ1l9uUmwAQSe2msj2Au5bEjLZNeclD0JJ+L7v+QGdCCdxDwCkwWOeZVCXgO5N14LMyvyYFXK+e7ABfae21dCsJCd90nt/LPjkqnbBxUIUSkP2p2UoeIyJZMXuz7xb98jkzQCbT+Q2DRcruTpYJ+T5VJI6sNxFz0rjODN4X1qMYTQ7S4qRgXQp+GDxbTWP4F5Br+KEW1g/PwAQWhSOp7bZUTBHjTSGVF07F5PPcZSRvGRTVM9lpsN2FBCJrWQCu0vXtLoxLrEcxdcSLp3Ip/o6xApajwECHGGJn4N3HxVnoInlsn8TMYUZE0WfATzAHlLhR1Utw/dVQFXIJa4h3zAB3GdG1NJng8Lx81CUqJps1h1mRAD8GzHdDMZrp/3fFOJ6tRCFT6HOSls/RBXIY1ETG0qUiOFb6V9MKXJEqulmjOpXf4XlqKwNotENxF0TKWLilu+D3jU6sIWG9HNsqaDW5zGTBTNmVDMh7GJSzWSF73D+BNXQfCc47QSf6ubjCG4uH/E36R4ABAJrp2YQsTsYaAAAAAElFTkSuQmCC")
	}

	.content-site01 .wrapper-site01 .section {
		display: block;
		width: initial;
		margin: 5.332vw 0 0;
		background-color: hsla(0, 0%, 100%, .0784313725);
		border-radius: 3.1992vw;
		border: 1px solid hsla(0, 0%, 100%, .0784313725);
		box-shadow: none;
		background-color: rgba(0, 0, 0, 0);
		border-radius: 0;
		border: none;
		padding: 0 5.332vw
	}

	.content-site01 .wrapper-site01 .section .concatWrapper {
		margin-top: 0;
		margin-right: 0
	}

	.content-site01 .wrapper-site01 .section .concatWrapper .concatBanner {
		display: none
	}

	.content-site01 .wrapper-site01 .section .concatWrapper .concat {
		width: initial
	}

	.content-site01 .wrapper-site01 .section .concatWrapper .concat .concatTitle {
		text-align: left;
		font-size: 2.666vw;
		color: hsla(0, 0%, 100%, .8980392157);
		padding: 2.666vw 5.332vw 0;
		height: auto
	}

	.content-site01 .wrapper-site01 .section .concatWrapper .concat .concatTitle span {
		color: #6485fe
	}

	.content-site01 .wrapper-site01 .section .concatWrapper .concat .letstalk {
		height: 11.4638vw;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0 5.332vw;
		font-size: 2.666vw;
		color: hsla(0, 0%, 100%, .8980392157)
	}

	.content-site01 .wrapper-site01 .section .concatWrapper .concat .letstalk .icon {
		text-align: left;
		padding-left: 7.1982vw;
		width: max-content;
		height: 6.3984vw;
		line-height: 6.3984vw;
		background-image: var(--online_letstalk_customer_service_url);
		background-size: 6.3984vw 6.3984vw;
		background-repeat: no-repeat;
		display: flex;
		align-items: center;
		font-weight: 600;
		font-size: 2.666vw
	}

	.content-site01 .wrapper-site01 .section .concatWrapper .concat .letstalk .icon .tip {
		height: 4.7988vw;
		line-height: 4.7988vw;
		background-color: #2d2d2e;
		border-radius: 2.3994vw;
		margin-left: 2.1328vw
	}

	.content-site01 .wrapper-site01 .section .concatWrapper .concat .letstalk .icon .number {
		background: rgba(0, 0, 0, 0);
		padding: 0;
		margin-left: 2.1328vw
	}

	.content-site01 .wrapper-site01 .section .concatWrapper .concat .letstalk .btns {
		display: flex;
		align-items: center;
		font-size: 3.1992vw;
		text-align: center;
		justify-content: space-between
	}

	.content-site01 .wrapper-site01 .section .concatWrapper .concat .letstalk .btns .copy {
		min-width: 12.7968vw;
		padding: 0 2.666vw;
		color: #6485fe;
		height: 5.8652vw;
		line-height: 5.332vw;
		border-radius: 3.1992vw;
		background-color: rgba(0, 0, 0, 0);
		border: 1px solid #6485fe;
		margin-right: 2.1328vw;
		cursor: pointer
	}

	.content-site01 .wrapper-site01 .section .concatWrapper .concat .letstalk .btns .down {
		min-width: 18.1288vw;
		padding: 0 2.666vw;
		display: block;
		cursor: pointer;
		border-radius: 3.1992vw;
		height: 5.8652vw;
		line-height: 5.8652vw;
		background-color: #6485fe;
		color: hsla(0, 0%, 100%, .8980392157)
	}

	.content-site01 .wrapper-site01 .section .concatWrapper .concat .customer .icon {
		background-image: var(--online_customer_service_url);
		background-size: 6.3984vw 6.3984vw
	}

	.content-site01 .wrapper-site01 .section .listWrapper {
		width: initial;
		justify-content: space-between;
		position: relative;
		z-index: 1;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		box-shadow: none;
		padding-top: 0
	}

	.content-site01 .wrapper-site01 .section .listWrapper>li {
		width: 43.4558vw;
		background-color: hsla(0, 0%, 100%, .0784313725);
		margin-top: 3.7324vw;
		border: 1px solid hsla(0, 0%, 100%, .0784313725);
		border-radius: 3.1992vw;
		cursor: pointer;
		transition: all .3s ease;
		box-shadow: var(--y-h5-shadow);
		margin-right: 0;
		margin-bottom: 0
	}

	.content-site01 .wrapper-site01 .section .listWrapper>li:nth-child(2n) {
		margin-right: 0
	}

	.content-site01 .wrapper-site01 .section .listWrapper>li:hover {
		transform: scale(1)
	}

	.content-site01 .wrapper-site01 .section .listWrapper>li .logo {
		height: 13.33vw;
		border-bottom: 1px solid hsla(0, 0%, 100%, .062745098);
		display: flex;
		align-items: center;
		justify-content: center
	}

	.content-site01 .wrapper-site01 .section .listWrapper>li .logo img {
		height: 12.7968vw;
		width: auto
	}

	.content-site01 .wrapper-site01 .section .listWrapper>li .content {
		height: 14.664vw;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center
	}

	.content-site01 .wrapper-site01 .section .listWrapper>li .content h3 {
		font-size: 3.7324vw;
		color: hsla(0, 0%, 100%, .8980392157)
	}

	.content-site01 .wrapper-site01 .section .listWrapper>li .content p {
    	margin-top: 1.2666vw;
		font-size: 2.999vw;
		color: #999
	}
}
.foot_ul{
width: 100%;
overflow: hidden;
padding:  0 5%;
margin-top: 10px;
}
.foot_ul ul{
overflow: hidden;
}
.foot_ul ul li{
float: left;
width: calc(31%);
display: block;
margin: 1px 1%;
border: 1px solid #ffb8b8;
border-radius: 10px;
padding: 10px 0;
text-align: center;
}
.foot_ul_top{
color: hsla(0, 0%, 100%, .8980392157);
font-size: 14px;
}
.foot_ul_foot{
font-weight: bold;
color: #f00;
font-size: 14px;
}
.num1{
    padding: 10px 20px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 0 20px 0;
    border: 1px solid #04abd2;
    border-radius: 10px;
    background: #04abd2;
    position: relative;
}
.num1 a{
    font-size: 26px;
    font-weight: bold;
    color: #fff;
    display: block;
    width: 100%;
    text-align: center;
}
.num1 p{
    width: 50px;
    height: 35px;
    position: absolute;
    right: 15px;
    top: -20px;
}
.num1 p img{
    width: 100%;
    height: auto;
    display: block;
}

/*# sourceMappingURL=style.css.map */

.danmu{
    width: 100%;
    height: 170px;
}
.danmu_title{
    width: 100%;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    margin-top: 20px;
    line-height: 1.5;
    background: linear-gradient(#ff0000, #000000);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.danmu_container_wrap {
    width: 90%;
    height: 110px;
    position: relative;
    background: transparent;
    margin: auto;
    overflow: hidden;
}

.danmu_container {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.danmu_unit_all {
    animation: move 1s linear 5s;
}

.danmu_unit_half {
    animation: move_half 1s linear 5s;
    -webkit-animation: move_half 1s linear 5s;
}

@keyframes move_half {
    0% {
        transform: translate(0px, 0px);
    }
    100% {
        left: 0px;
        transform: translate(-100%, 0px);
    }
}

@keyframes move {
    0% {
        left: 100%;
        transform: translate(0px, 0px);
    }
    100% {
        left: 0px;
        transform: translate(-100%, 0px);
    }
}

.danmu_container .unit {
    position: absolute;
    /* width: 100%; */
    left: 200%;
    display: table;
    white-space: nowrap;
}

.danmu_container>.danmu_unit {
    left: 100%;
    transform: translate(0px, 0px);
}

#control {
    margin: 20px;
    padding: 8px 20px;
    background: #409eff;
    color: #fff;
    border: 0;
    cursor: pointer;
    font-size: 16px;
    border-radius: 5px;
}
.pinglun{
    width: 90%;
    height: 40px;
    border-radius: 20px;
    border: 1px solid #cccccc;
    margin: auto;
    background-image: url("../images/weixiao.jpg");
    background-repeat: no-repeat;
    background-size: 40px;
    background-position:left center;
    margin-bottom: 20px;
}
.wzk{
    padding-left: 52px;
    width: calc(100% - 79px);
    height: 40px;
    font-size: 14px;
    border: none;
    background: none;
      color: #ffffff;
}
.fs{
    width: 74px;
    border: none;
    background-color: #ff0000;
    height: 40px;
    border-radius: 20px;
    color: #ffffff;
    font-size: 14px;
}
 /* 悬浮按钮样式 */
        .member-float-btn {
            position: fixed;
            right: 10px;
            bottom: 40%;
             width: 120px;
            padding: 12px 5px;
            background: rgba(255, 255, 255, 0.95);
            border-radius: 12px;
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
            display: flex;
            align-items: center;
            cursor: pointer;
            z-index: 1000;
            transition: all 0.3s ease;
            border: 1px solid #eaecef;
        }
        
   
        
        .member-float-btn:active {
            transform: translateY(1px);
        }
        
        .btn-icon {
            width: 24px;
            height: 24px;
            margin-right: 12px;
            fill: #4a6fa5;
        }
        
        .btn-text {
            flex: 1;
            color: #333;
            font-size: 14px;
            font-weight: 500;
            line-height: 1.5;
        }
        
        .btn-tag {
            display: inline-block;
            padding: 2px 8px;
            background: #e6f7ff;
            color: #1890ff;
            font-size: 10px;
            border-radius: 4px;
            margin-left: 8px;
            vertical-align: middle;
        }
        
        /* 响应式适配 */
        @media (max-width: 768px) {
            .member-float-btn {
                width: 30%;
              width: 120px;
            padding: 12px 5px;
            }
            
            .btn-icon {
                width: 20px;
                height: 20px;
                margin-right: 10px;
            }
            
            .btn-text {
                font-size: 12px;
            }
            
            .btn-tag {
                padding: 2px 6px;
                font-size: 9px;
            }
        }