@media (max-width: 768px) {

	.header {
		position: fixed;
		top: 0;
		width: 100%;
		background: transparent;
		padding-top: 15px;
		padding-bottom: 15px;
		padding-left: 15%;
		padding-right: 15%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		z-index: 9999;
	}

	.header .logo {
		width: 91.5px;
		height: 24.5px;
	}

	.header .recharge-btn {
		/* margin-left: 60px; */
		background-image: url('assets/recharge_df.png');
		background-size: cover;
		/* 图片保持比例，填充整个容器 */
		background-position: center;
		/* 居中显示 */
		width: 70px;
		height: 23.5px;
	}

	.header .recharge-btn:hover {
		background-image: url('assets/recharge_on.png');
	}

	.header .recharge-btn-b {
		/* margin-left: 60px; */
		background-image: url('assets/recharge_b.png');
		background-size: cover;
		/* 图片保持比例，填充整个容器 */
		background-position: center;
		/* 居中显示 */
		width: 70px;
		height: 23.5px;
	}

	.header .recharge-btn-b:hover {
		background-image: url('assets/recharge_b_on.png');
	}

	.nav {
		position: absolute;
		left: 50%;
		top: 80px;
		width: 100%;
		transform: translate(-50%, -50%);
		padding-left: 15%;
		padding-right: 15%;
	}

	.nav.scrolled {
		background: rgba(255, 255, 255, 0.98);
		box-shadow: 0 10px 2px rgba(0, 0, 0, 0.1);
	}

	.nav-links {
		margin-bottom: 3px;
		width: 100%;
		font-size: 16px;
		font-family: 'PingFang SC';
		line-height: 16px;
		/* z-index: 1000; */

		display: grid;
		place-items: center;
		grid-template-columns: repeat(3, auto);
	}

	.nav-links a {
		text-align: center;
		color: #ccc;
		text-decoration: none;
		margin-left: 0px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.nav-links a.active {
		color: white;
		font-size: 18px;
	}

	.nav-links a::after {
		/* content: '';
								position: absolute;
								left: 50%;
								bottom: -5px;
								width: 100%;
								height: 2px;
								background: white;
								transform: scaleX(0);
								transition: transform 0.3s ease; */
	}

	.header.scrolled .nav-links a::after {
		background: #673ab7;
	}

	.nav-links a.active::after {
		/* transform: scaleX(1); */
		content: '';
		position: absolute;
		bottom: -5px;
		left: 50%;
		transform: translateX(-50%);
		width: 30%;
		height: 2px;
		background: white;
	}

	.content {
		margin-top: 0px;
	}

	.banner-container .home {
		padding: 10px 16px 243px;
		background-image: url('assets/m_home.png');
		background-position: 0% 0%;
		background-size: 100% 100%;
		background-repeat: no-repeat;
	}

	.web-home-container {
		margin-top: -655px;
		position: relative;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		align-self: center;
		padding: 0;
		width: 100%;
	}

	.web-home-container .desc {
		display: flex;
		flex-direction: column;
		align-self: stretch;
		margin-top: -60px;
		width: 100%;
		height: 680px;
	}

	.text-title {
		color: rgb(255, 255, 255);
		font-size: 35px;
		font-family: 'PingFang SC';
		font-weight: 600;
		line-height: 35px;
		text-align: center;
	}

	.text-pos_3 {
		position: unset;
		font-size: 12px;
		font-family: 'PingFang SC';
		line-height: 16.5px;
		margin-left: 8.5px;
		color: rgb(255, 255, 255);
		font-weight: 600;
		margin-top: 80px;
	}

	.m1 {
		background-image: url('assets/m_m1.png');
		background-position: 0% 0%;
		background-size: 298px 455px;
		background-repeat: no-repeat;
		width: 298px;
		height: 455px;
		margin-top: 100px;
	}

	.m1-pos {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
	}

	.part1 {
		/* margin-left: 16px;
  padding: 30px 0 187px; */
		margin-left: 0;
		padding: 0;
		width: 100%;
		justify-content: center;
		align-items: center;
		height: 100%;
	}

	.m2 {
		background-image: url('assets/m_m2.png');
		background-position: 0% 0%;
		background-size: 100% 100%;
		background-repeat: no-repeat;
		width: 298px;
		height: 455px;
		margin-top: 144px;
		margin-right: 20px;
		left: 45%;
		top: unset;
		transform: translateX(-50%);
	}

	.part2 {
		margin-left: 0;
		padding: 0;
		width: 100%;
		justify-content: center;
		align-items: center;
		height: 100%;
	}

	.part2-1 {
		padding-bottom: 21px;
		/* width: 453px; */
		width: 100%;
		justify-content: center;
		align-items: center;
		height: 100%;
		position: absolute;
		left: 50%;
		top: unset;
		transform: translateX(-50%);
	}

	.part3 {
		display: flex;
		flex-direction: row;
		align-items: center;
		align-self: center;
		padding: 0;
	}

	.part3-3 {
		padding: 0;
		height: 151px;
	}

	.part4 {
		display: flex;
		flex-direction: column;
		align-self: stretch;
		margin-top: 35px;
	}

	.part4-1 {
		display: flex;
		flex-direction: column;
		align-self: stretch;
		position: relative;
		padding: 0px;
	}

	.part4-2 {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		padding: 0px;
		background-color: rgba(102, 112, 255, 0.05);
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
	}

	.m3 {
		background-image: url('assets/m_m3.png');
		background-position: 0% 0%;
		background-size: 100% 100%;
		background-repeat: no-repeat;
		width: 302px;
		height: 455px;
		margin-top: 60px;
		margin-right: 20px;
		left: 50%;
		top: 80px;
		transform: translateX(-48%);
	}

	.m4 {
		background-image: url('assets/m_m4.png');
		background-position: 0% 0%;
		background-size: 100% 100%;
		background-repeat: no-repeat;
		width: 305px;
		height: 435px;
		margin-top: 104px;
		margin-right: 20px;
		left: 45%;
		top: unset;
		transform: translateX(-50%);
	}

	.m5 {
		background-image: url('assets/m_m5.png');
		background-position: 0% 0%;
		background-size: 100% 100%;
		background-repeat: no-repeat;
		width: 385px;
		height: 495px;
		margin-left: -8px;
		margin-top: 100px;
		position: absolute;
		left: 50%;
		top: unset;
		bottom: unset;
		transform: translateX(-50%);
	}

	.web-content-part1 {
		background-image: url('assets/m_part1_bg.png');
		/* background-position: 100% 100%; */
		background-size: contain;
		background-repeat: no-repeat;
		display: flex;
		flex-direction: unset;
		align-items: center;
		align-self: center;
		margin-top: 53px;
		height: 625px;
		width: 100%;
	}

	.web-content-part2 {
		background-image: url('assets/m_part2_bg1.png');
		/* background-position: 100% 100%; */
		background-size: contain;
		background-repeat: no-repeat;
		display: flex;
		flex-direction: unset;
		align-items: center;
		align-self: center;
		margin-top: 16.5px;
		padding: 0;
		background-color: rgba(102, 112, 255, 0.05);
		height: 675px;
		width: 100%;
	}

	.web-content-part3 {
		background-image: url('assets/m_part3_bg.png');
		background-position: 100% 100%;
		background-size: cover;
		background-repeat: no-repeat;
		display: flex;
		flex-direction: unset;
		align-items: center;
		align-self: center;
		margin-top: 0px;
		padding-top: 30px;
		height: 625px;
		width: 100%;
	}

	.web-content-part4 {
		background-image: url('assets/m_part4_bg.png');
		/* background-position: 100% 100%; */
		background-size: contain;
		background-repeat: no-repeat;
		display: flex;
		flex-direction: unset;
		align-items: center;
		align-self: center;
		margin-top: 16.5px;
		padding: 0;
		background-color: rgba(102, 112, 255, 0.05);
		height: 675px;
		width: 100%;
	}

	.info-title {
		font-size: 28px;
		font-family: 'PingFang SC';
		line-height: 38px;
		font-weight: 600;
		margin-top: -40px;
		color: rgb(51, 51, 51);
		align-self: center;
	}

	.line_part1 {
		margin-top: -124px;
		background-color: rgb(173, 135, 255);
		border-radius: 9.5px;
		width: 145px;
		height: 9.5px;
		align-self: center;
	}

	.line_part2 {
		margin-top: -124px;
		background-color: rgb(173, 135, 255);
		border-radius: 9.5px;
		width: 200px;
		height: 9.5px;
		align-self: center;
	}

	.line_part3 {
		margin-top: -124px;
		background-color: rgb(173, 135, 255);
		border-radius: 9.5px;
		width: 200px;
		height: 9.5px;
		align-self: center;
	}

	.line_part4 {
		margin-top: 0px;
		background-color: rgb(173, 135, 255);
		border-radius: 9.5px;
		width: 200px;
		height: 9.5px;
		align-self: center;
	}

	.info-info {
		font-size: 16px;
		font-family: 'PingFang SC';
		font-weight: 600;
		color: rgb(51, 51, 51);
		margin-top: 10px;
		line-height: 18px;
		text-align: center;
	}

	.info-info-desc {
		font-size: 14px;
		font-family: 'PingFang SC';
		line-height: 20px;
		font-weight: 600;
		color: rgb(255, 255, 255);
		margin-top: 4.5px;
		color: rgb(153, 153, 153);
		text-align: center;
	}

	.bg-display {
		display: none;
	}

	.info-desc {
		width: 350px;
		height: 267px;
	}

	.info-desc-part2 {
		width: 378px;
		height: 256px;
		position: unset;
		right: -80px;
		top: 32px;
	}

	.info-desc-part3 {
		display: flex;
		flex-direction: column;
		align-items: center;
		align-self: center;
		margin-top: -50px;
		height: 256px;
	}

	.info-desc-part4 {
		display: flex;
		flex-direction: column;
		margin-top: 59px;
		width: 375px;
	}

	.info-desc-part4-1 {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		align-self: center;
		position: relative;
		margin-right: 0;
		margin-top: 44.5px;
		padding-top: 31.5px;
		width: 100%;
	}

	.info-desc-part4-2 {
		display: flex;
		flex-direction: column;
		justify-content: center;
		margin-left: 0;
		width: 100%;
	}
	
.banner-container .agent {
		padding: 10px 16px 243px;
		background-image: url('assets/m_agent.png');
		background-position: 0% 0%;
		background-size: 100% 100%;
		background-repeat: no-repeat;
}

.banner-container .about {
		padding: 10px 16px 243px;
		background-image: url('assets/m_about.png');
		background-position: 0% 0%;
		background-size: 100% 100%;
		background-repeat: no-repeat;
}

.download-btns {
	position: absolute;
	bottom: 300px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	gap: 15px;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
}

	.ios {
		left: 22%;
		background-image: url('assets/d_ios.png');
		background-size: 95.5px 31px;
		width: 95.5px;
		height: 31px;
	}

	.android {
		right: 22%;
		background-image: url('assets/d_android.png');
		background-size: 95.5px 31px;
		width: 95.5px;
		height: 31px;
	}

	.ios_1 {
		left: 22%;
		background-image: url('assets/d_ios.png');
		background-size: 95.5px 31px;
		width: 95.5px;
		height: 31px;
	}

	.android_1 {
		right: 22%;
		background-image: url('assets/d_android.png');
		background-size: 95.5px 31px;
		width: 95.5px;
		height: 31px;
	}


	.footer {
		text-align: center;
		padding: 20px;
		background: #f8f8f8;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.footer .logo {
		width: 88px;
		height: 24.5px;
	}


	.follow {
		font-size: 12px;
		font-family: 'PingFang SC';
		line-height: 16.5px;
		font-weight: 600;
		/* color: rgb(255, 255, 255); */
	}

	.mt {
		margin-top: 20px;
	}

	.ml {
		margin-left: 10px;
	}

	.face-btn {
		background-image: url('assets/facebook@0.5x.png');
		width: 20px;
		height: 20px;
	}

	.face-btn:hover {
		transform: scale(1.05);
	}

	.ins-btn {
		background-image: url('assets/ins@0.5x.png');
		width: 20px;
		height: 20px;
	}

	.ins-btn:hover {
		transform: scale(1.05);
	}


.footer-btn {
	display: flex;
	background: transparent;
	padding-top: 15px;
	padding-bottom: 15px;
	justify-content: center;
	align-items: center;
	background-color: rgba(102, 112, 255, 0.05);
}


	.footer-ios {
		background-image: url('assets/ios_d.png');
		background-size: 95.5px 31px;
		width: 95.5px;
		height: 31px;
		margin-right: 15px;
	}

	.footer-android {
		background-image: url('assets/android_d.png');
		background-size: 95.5px 31px;
		width: 95.5px;
		height: 31px;
		margin-left: 15px;
	}
	
	/* 下半部分样式 */
	.contact-section {
		padding: 50px 100px;
		text-align: center;
		background: #f9f9f9;
		background-image: url('assets/m_content_bg.png');
		position: relative;
		width: 100%;
		height: 350px;
	}

	.contact-section img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		/* object-fit: cover; */

	}

.content_info_title {
  /* margin-left: 387px; */
  color: rgb(51, 51, 51);
  font-size: 19px;
  font-weight: 600;
  font-family: 'Geometr415 Blk BT';
  line-height: 23px;
}

.content_info_desc {
    color: rgb(51, 51, 51);
    font-size: 16px;
    font-family: 'PingFang SC';
    font-weight: 500;
    line-height: 22.5px;
    text-align: center;
    width: 307px;
}

.content_info_info {
  margin-top: 8px;
  color: rgb(102, 102, 102);
  font-size: 14px;
  font-family: 'PingFang SC';
  font-weight: 600;
  line-height: 20px;
}
.content_info_b {
  font-size: 12px;
  font-family: 'PingFang SC';
  line-height: 16.5px;
  font-weight: 600;
  margin-top: 25.5px;
  color: rgb(153, 153, 153);
}
.content_info_l {
  margin-top: 8px;
  /* margin-left: 18px; */
  color: rgb(51, 51, 51);
  font-size: 16px;
  font-family: 'Geometr415 Blk BT';
  font-weight: 600;
  line-height: 19.5px;
  text-align: right;
  width: 220px;
}
.contact_btn {
  align-self: center;
  margin-top: 18px;
  padding: 12px 0;
  background-image: linear-gradient(
    259.4deg,
    rgb(93, 134, 255) 0%,
    rgb(93, 134, 255) -8.53%,
    rgb(134, 35, 255) 92.73%,
    rgb(134, 35, 255) 100%
  );
  border-radius: 12px;
  width: 224px;
  height: 40px;
}

.contact_btn_text {
  font-size: 12px;
  font-family: 'PingFang SC';
  line-height: 16.5px;
  font-weight: 600;
  color: rgb(255, 255, 255);
}
.line_content {
  /* margin-left: 386px; */
  background-image: linear-gradient(
    266.2deg,
    rgb(93, 134, 255) 0%,
    rgb(93, 134, 255) -8.53%,
    rgb(134, 35, 255) 92.73%,
    rgb(134, 35, 255) 100%
  );
  border-radius: 4px;
  width: 62.5px;
  height: 8px;
  margin-top: 7px;
}

	.cooperation-text {
		color: #666;
		font-size: 0.9rem;
		margin-bottom: 20px;
	}

	.footer .social-links {
		display: flex;
		gap: 15px;
		margin: 15px 0;
	}
}