body {
		font-size: 0;
		overflow-x: hidden;
	}

	@font-face {
			font-family: "TsangerYunhei03";
			src: url("../../fonts/TsangerYunHei-W03.otf") format("opentype");
		}

		@font-face {
			font-family: "TsangerYunhei04";
			src: url("../../fonts/TsangerYunHei-W04.otf") format("opentype");
		}

		@font-face {
			font-family: "TsangerYunhei05";
			src: url("../../fonts/TsangerYunHei-W05.otf") format("opentype");
		}

		@font-face {
			font-family: "TsangerYunhei06";
			src: url("../../fonts/TsangerYunHei-W06.otf") format("opentype");
		}

		* {
			box-sizing: border-box;
		}

		html,
		body {
			margin: 0;
			min-height: 100%;
			background: #17120d;
		}

		body {
			font-family: "TsangerYunhei04", Arial, "Microsoft YaHei", sans-serif;
			color: #ffffff;
		}

		

		p,
		h1,
		h2,
		h3,
		ul {
			margin: 0;
			padding: 0;
		}

		ul {
			list-style: none;
		}
	

.color-black {
	color: #000000 !important;
}



/* 电脑 */
@media screen and (min-width: 1200px) {
	body {
		/* font-size: 14px !important; */
		font-size: 0;
		overflow-x: hidden;
	}

	.pc-t01-page {
		width: 100%;
		/* padding-top: 1.1rem; */
		overflow: hidden;
		background: #17120d;
		color: #ffffff;
		font-family: "TsangerYunhei04", Arial, "Microsoft YaHei", sans-serif;
	}

	.pc-t01-page img {
		display: block;
		/* width: 100%; */
		height: auto;
	}

	.yuyue-img {
        display: block;
		width: 100%;
		height: auto;
	}

	.pc-t01-section {
		position: relative;
		width: 19.2rem;
		margin: 0 auto;
		background-position: center top;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.pc-t01-s1 {
		height: auto;
		aspect-ratio: 1920 / 1584;
		background-image: url("../img/pc/pc_t01bg.webp");
		z-index: 5;
	}

	.pc-t01-s2 {
		margin-top: 0;
		height: auto;
		aspect-ratio: 1920 / 1463;
		background-image: url("../img/pc/pc_t02bg.webp");
		z-index: 1;
	}

	.pc-t01-s3 {
		height: auto;
		aspect-ratio: 1920 / 1424;
		background-image: url("../img/pc/pc_t03bg.webp");
		z-index: 2;
	}

	.pc-t01-s4 {
		height: auto;
		aspect-ratio: 1920 / 1651;
		background-image: url("../img/pc/pc_t04bg.webp");
		z-index: 3;
	}

	.pc-t01-s5 {
		height: auto;
		aspect-ratio: 1920 / 3052;
		background-image: url("../img/pc/pc_t05bg.webp");
		z-index: 4;
	}

	.pc-t01-hero-copy {
		position: absolute;
		top: 1.3rem;
		left: 2.77rem;
		width: 4.15rem;
	}

	.pc-t01-zhuti {
		width: 5.81rem !important;
		height: auto;
	}

	.pc-t01-series {
		margin-top: 0.19rem;
		font-size: 0.5rem;
		line-height: 0.34rem;
		color: #ffffff;
		margin-left: 0.4rem;
		letter-spacing: 0.01rem;
		font-family: 'TsangerYunHei-W02', serif;
	}

	.pc-t01-series-01 {
       font-family: 'TsangerYunHei-W05', serif;
	}

	.pc-t01-price-row {
		display: flex;
		gap: 0.07rem;
		margin-left: 0.4rem;
		margin-top: 0.16rem;
		width: 3.5rem;
	}

	.pc-t01-price-card {
        height: 1.00rem;
        border-radius: 0.05rem;
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 30%, rgba(255, 255, 255, 0) 100%);
        text-align: center;
        padding: 0.01rem;
	}

	.pc-t01-price-card-inner {
       width: 1.91rem;
        height: 1.00rem;
        background: linear-gradient(to bottom, rgba(13, 13, 13, 0.28), rgba(13, 13, 13, 0));
        border-radius: 0.05rem;
	}

	.pc-t01-price-card span {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 0.11rem;
		padding-top: 0.19rem;
		font-size: 0.14rem;
		line-height: 0.16rem;
		color: #ffffff;
		font-family: 'TsangerYunHei-W04', serif;
	}

	.pc-t01-price-card span::before,
	.pc-t01-price-card span::after {
		content: "";
		display: inline-block;
		width: 0.26rem;
		/* height: 2px; */
		background: #DAF900;
		border: 1px solid #FFFFFF;
		box-sizing: content-box;
	}

	.pc-t01-price-card strong {
		display: inline-block;
		font-family: 'TsangerYunHei-W07', serif;
		font-size: 0.4rem;
		/* line-height: 0.36rem; */
		color: #DAF900;
		transform: translateY(10%);
	}

	.pc-t01-price-card em {
		display: inline-block;
		font-style: normal;
		font-size: 0.20rem;
		line-height: 0.2rem;
		vertical-align: baseline;
		font-family: 'TsangerYunHei-W04', serif;
		color: #ffffff;
		margin-left: 0.06rem;
	}

	.pc-t01-price-card:last-child .pc-t01-price-card-inner em:first-of-type {
		margin-right: 0.06rem;
		margin-left: 0;
	}

	.pc-t01-drive-btn {
		position: relative;
		display: block;
		width: 1.31rem;
		height: 0.49rem;
		margin-left: 0.4rem;
		text-decoration: none !important;
	}

	.pc-t01-drive-btn span {
		position: absolute;
		inset: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		font-family: 'TsangerYunHei-W07', serif;
		font-size: 0.20rem;
		color: #DAF900;
	}

	.pc-t01-drive-copy {
		margin-top: 0.19rem;
		font-family: 'TsangerYunHei-W04', serif;
		font-size: 0.18rem;
		line-height: 0.2rem;
		margin-left: 0.4rem;
		color: #ffffff;
	}

	.pc-t01-drive-copy span,
	.pc-t01-title h2 span,
	.pc-t01-rally-copy span,
	.pc-t01-safety-copy span,
	.pc-t01-quality-card span,
	.pc-t01-quality-copy span,
	.pc-t01-final-copy span,
	.pc-t01-rights-item span,
	.pc-t01-page h3 {
		color: #DAF900;
		font-family: 'TsangerYunHei-W07', serif;
	}

	.pc-t01-rights-heading {
		position: absolute;
		top: 8.4rem;
		left: 50%;
		transform: translateX(-50%);
		font-family: 'TsangerYunHei-W07', serif;
		font-size: 0.40rem;
		line-height: 0.34rem;
		color: #ffffff;
		text-align: center;
	}

	.pc-t01-rights-heading::before,
	.pc-t01-rights-heading::after {
		content: "";
		display: inline-block;
		width: 1.58rem;
		height: 0.04rem;
		margin: 0 0.24rem;
		vertical-align: middle;
	}

	.pc-t01-rights-heading::before {
		background: linear-gradient(to right, transparent 20%, #DAF900);
	}

	.pc-t01-rights-heading::after {
		background: linear-gradient(to left, transparent 20%, #DAF900);
	}

	.pc-t01-rights-grid {
		position: absolute;
		top: 9.49rem;
		left: 3.12rem;
		display: grid;
		/* width: 9.28rem; */
		grid-template-columns: repeat(3, 1fr);
		gap: 0.23rem;
	}

	.pc-t01-rights-grid02 {
		position: absolute;
		top: 11.74rem;
		left: 3.12rem;
		display: grid;
		/* width: 9.28rem; */
		grid-template-columns: repeat(2, 1fr);
		gap: 0.23rem;
	}

	.pc-t01-rights-grid .pc-t01-rights-item {
		height: 2.04rem;
		padding: 0.2rem 0.24rem;
		background: rgba(216, 247, 0, 0.2);
		font-size: 0.14rem;
		width: 4.12rem;
		border-radius: 6px;
	}

	.pc-t01-rights-grid02 .pc-t01-rights-item {
		/* height: 2.04rem;  */
        padding: 0.16rem 0.28rem;
        background: rgba(216, 247, 0, 0.2);
        font-size: 0.14rem;
        width: 6.30rem;
        border-radius: 6px;
	}

	.pc-t01-rights-item h3 {
		font-family: 'TsangerYunHei-W07', serif;
		font-size: 0.20rem;
		line-height: 0.24rem;
	}

	.pc-t01-rights-item h3::after {
		content: "";
		display: block;
		width: 3.52rem;
		height: 0.01rem;
		background: #000000;
		border: 0.01rem solid #FFFFFF;
		opacity: 0.29;
		/* box-sizing: content-box; */
		margin: 0.15rem 0;
	}

	.pc-t01-rights-grid02 .pc-t01-rights-item h3::after {
		width: 5.72rem;
	}

	.pc-t01-rights-item p {
		margin-top: 0.15rem;
		font-size: 0.18rem;
		line-height: 0.24rem;
		color: rgba(255, 255, 255, 0.92);
		font-family: 'TsangerYunHei-W04', serif;
	}

	.pc-t01-rights-item .pc-t01-dot {
		display: inline-block;
		font-size: 0.06rem;
		margin-right: 0.08rem;
		vertical-align: middle;
		color: #ffffff;
	}

	.pc-t01-rights-item span {
		color: #DAF900;
        font-family: 'TsangerYunHei-W04', serif;
	}
	.pc-t01-small {
		color: #DAF900;
        font-family: 'TsangerYunHei-W04', serif;
		font-size: 0.14rem;

	}

	.pc-t01-policy {
		position: absolute;
        top: 13.70rem;
        left: 3.12rem;
        font-size: 0.16rem;
        line-height: 0.18rem;
        color: #FFFFFF;
        font-family: 'TsangerYunHei-W03', serif;
        margin-top: 0.21rem;
	}

	.pc-t01-title {
		position: absolute;
		left: 6.87rem;
		width: 5.65rem;
		height: 1.17rem;
		/* transform: translateX(-50%); */
		text-align: center;
		z-index: 6;
	}

	.pc-t01-title img {
		position: absolute;
		left: 0;
		top: 0;
		width: 5.65rem;
	}

	.pc-t01-title h2 {
		position: relative;
        z-index: 1;
        top: 0.37rem;
		left: -0.15rem;
        font-family: 'TsangerYunHei-W07', serif;
        font-size: 0.55rem;
        /* line-height: 0.48rem; */
        color: #ffffff;
        font-style: italic;
        white-space: nowrap;
	}

	.pc-t01-title-power {
		top: 14.20rem;
	}

	.pc-t01-power-cards {
		position: absolute;
		top: 16.16rem;
		left: 50%;
		display: flex;
		gap: 0.27rem;
		transform: translateX(-50%);
		z-index: 8;
	}

	.pc-t01-tech-card {
		position: relative;
		display: flex;
		width: 6.24rem;
		height: 2.58rem;
		padding: 0.34rem 0.29rem;
		background: url("../img/pc/pc_box.webp") center / 100% 100% no-repeat;
	}

	.pc-t01-tech-card h3 {
		font-family: 'TsangerYunHei-W07', serif;
		font-size: 0.20rem;
		line-height: 0.23rem;
		margin-top: 0.18rem;
	}

	.pc-t01-tech-card p {
		margin-top: 0.08rem;
		width: 3.15rem;
		font-size: 0.16rem;
		line-height: 0.3rem;
		color: #E6E6E6;
		font-family: 'TsangerYunHei-W03', serif;
	}

	.pc-t01-powertrain {
		position: absolute;
		right: 0.24rem;
		top: 0.28rem;
		width: 2.7rem;
		height: 1.42rem;
	}

	.pc-t01-powertrain .pc-gearbox {
		position: absolute;
        right: 1.41rem;
        top: 0.51rem;
        width: 1.5rem;
        height: 1.08rem;
	}

	.pc-t01-powertrain .pc-engine {
		position: absolute;
        right: 0.2rem;
        top: 0.3rem;
        width: 1.14rem;
        height: 1.42rem;
	}

	.pc-t01-transfer {
		position: absolute;
		right: 0.47rem;
        top: 0.34rem;
        width: 2.44rem !important;
	}

	.pc-t01-rally-copy {
		position: absolute;
		top: 4rem;
		left: 0;
		width: 100%;
		font-size: 0.30rem;
		line-height: 0.42rem;
		text-align: center;
		color: #ffffff;
		/* text-shadow: 0 0.03rem 0.08rem rgba(0, 0, 0, 0.7); */
		font-family: 'TsangerYunHei-W02', serif;
	}

	.pc-t01-border-box {
		position: absolute;
		inset: 0.6rem 1rem 0.3rem;
		/* border: 1px solid rgba(215, 255, 0, 0.78); */
		border-top: 0;
		pointer-events: none;
	}

	.pc-t01-title-chassis {
		top: -1.3rem;
	}

	.pc-t01-chassis-card {
		position: absolute;
		top: 0.5rem;
		left: 50%;
		width: 12.81rem;
		height: 2.31rem;
		transform: translateX(-50%);
	}

	.pc-t01-chassis-card>img:first-child {
		position: absolute;
		inset: 0;
		width: 12.81rem;
	}

	.pc-t01-chassis-copy {
		position: absolute;
		top: 0.42rem;
		z-index: 2;
	}

	.pc-t01-chassis-copy-1 {
		left: 0.45rem;
		width: 3.9rem;
	}

	.pc-t01-chassis-copy-2 {
		left: 4.58rem;
		width: 4.05rem;
	}

	.pc-t01-chassis-copy h3 {
		font-family: "TsangerYunhei06", Arial, sans-serif;
		font-size: 0.18rem;
		line-height: 0.27rem;
	}
	.pc-t01-chassis-copy h3::before {
		content: "";
		display: inline-block;
		width: 0.07rem;
		height: 0.07rem;
		background: #D8F700;
		border-radius: 50%;
		margin-right: 0.06rem;
		vertical-align: middle;
	}

	.pc-t01-chassis-copy p {
		margin-top: 0.12rem;
		font-size: 0.16rem;
		line-height: 0.21rem;
		color: rgba(255, 255, 255, 0.92);
		font-family: 'TsangerYunHei-W03', serif;
	}

	.pc-t01-cage {
		position: absolute;
		right: 0.58rem;
		top: 0.22rem;
		z-index: 2;
		width: 3.72rem !important;
	}

	.pc-t01-safety-copy {
		position: absolute;
        top: 3.8rem;
        left: 6.56rem;
        width: 6.6rem;
        height: 1.26rem;
        font-size: 0.30rem;
        line-height: 0.48rem;
        text-align: center;
        color: #ffffff;
        /* text-shadow: 0 0.03rem 0.08rem rgba(0, 0, 0, 0.75); */
        font-family: 'TsangerYunHei-W02', serif;
		white-space: nowrap;
	}

	.pc-t01-title-quality {
		top: -1.3rem;
	}

	.pc-t01-quality-card {
		position: absolute;
		top: 0.8rem;
		left: 3.25rem;
		width: 12.73rem;
		height: 2.12rem;
		/* transform: translateX(-50%); */
	}

	.pc-t01-quality-card>img {
		position: absolute;
		inset: 0;
		width: 12.72rem;
		height: 4.67rem;
	}

	.pc-t01-quality-card>div {
		position: absolute;
		left: 1.22rem;
		top: 1.43rem;
		z-index: 2;
	}

	.pc-t01-quality-card h3 {
		font-family: 'TsangerYunHei-W07', serif;
		font-size: 0.40rem;
		line-height: 0.34rem;
	}

	.pc-t01-quality-card p {
		margin-top: 0.21rem;
        font-size: 0.24rem;
        line-height: 0.48rem;
        color: #E6E6E6;
		font-family: 'TsangerYunHei-W03', serif;
	}

	

	.pc-t01-quality-copy {
		position: absolute;
		top: 6.4rem;
		left: 6.9rem;
        width: 5.5rem;
		font-size: 0.30rem;
		line-height: 0.45rem;
		text-align: center;
		color: #ffffff;
		font-family: 'TsangerYunHei-W02', serif;
		/* text-shadow: 0 0.03rem 0.08rem rgba(0, 0, 0, 0.72); */
	}

	.pc-t01-title-terrain {
		top: -1.3rem;
	}

	.pc-t01-terrain-card {
		position: absolute;
		color: #ffffff;
	}

	.pc-t01-terrain-card img {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
	}

	.pc-t01-terrain-card>div {
		position: relative;
		margin-top: 1.2rem;
		
		z-index: 2;
	}

	.t05-title {
		position: relative;
		left: 0.3rem;
		margin-top: 2.7rem !important;
		z-index: 2;
	}

	.pc-t01-terrain-card h3 {
		font-family: 'TsangerYunHei-W07', serif;
		font-size: 0.20rem;
		line-height: 0.4rem;
	}

	.pc-t01-terrain-card p {
		/* margin-top: 0.08rem; */
		font-size: 0.16rem;
		line-height: 0.21rem;
		font-family: 'TsangerYunHei-W03', serif;
		color: #E6E6E6;
	}

	.pc-t01-terrain-card-1 {
		top: 0.6rem;
        left: 3.20rem;
        width: 12.75rem;
        height: 3.82rem;
        /* padding: 0.68rem 0.46rem 0; */
        /* transform: translateX(-50%); */
	}

	.pc-t01-terrain-row {
		position: absolute;
		top: 1.9rem;
		left: 50%;
		display: flex;
		gap: 0.28rem;
		width: 12.78rem;
		transform: translateX(-50%);
	}

	.pc-t01-terrain-row .pc-t01-terrain-card {
		position: relative;
		top: 2.8rem;
		left: auto;
		width: 6.29rem;
        height: 3.21rem;
		padding: 0.98rem 0.32rem 0;
	}

	.pc-t01-final-copy {
		position: absolute;
		top: 9rem;
		left: 0;
		width: 100%;
		font-size: 0.30rem;
		line-height: 0.45rem;
		text-align: center;
		color: #ffffff;
		font-family: 'TsangerYunHei-W02', serif;
		/* text-shadow: 0 0.03rem 0.08rem rgba(0, 0, 0, 0.7); */
	}

	.pc-t01-series-copy {
		position: absolute;
		top: 19.5rem;
		left: 0;
		width: 100%;
		font-size: 0.3rem;
		line-height: 0.48rem;
		font-family: 'TsangerYunHei-W02', serif;
		text-align: center;
		/* text-shadow: 0 0.03rem 0.08rem rgba(0, 0, 0, 0.72); */
	}

	.pc-t01-series-copy h2 {
		/* line-height: 0.3rem; */
		color: #ffffff;
	}

	.pc-t01-series-copy p {
		/* margin-top: 0.12rem; */
		font-family: 'TsangerYunHei-W07', serif;
		/* font-size: 0.3rem; */
		color: #DAF900;
	}

}

/* 手机 & 平板 */

@media screen and (max-width: 1199px) {
	/* html {
		font-size: calc(100vw / 7.5) !important;
	} */

	body {
		font-size: 0;
		overflow-x: hidden;
	}

		.t01-page {
			width: 100%;
			overflow: hidden;
			background: #17120d;
		}

		.t01-inner {
			width: 7.5rem;
			max-width: 100%;
			margin: 0 auto;
			background: #17120d;
		}

		.t01-section {
			position: relative;
			width: 7.5rem;
			max-width: 100%;
			margin: 0 auto;
			background-repeat: no-repeat;
			background-position: center top;
		background-size: cover;
		}

		.t01-s1 {
			z-index: 2;
			aspect-ratio: 750 / 2380;
			background-image: url("../img/mobile/m_01.jpg");
		}

		.t01-s2 {
			aspect-ratio: 750 / 1499;
			background-image: url("../img/mobile/m_02.jpg");
		}

		.t01-s3 {
			aspect-ratio: 750 / 1503;
			background-image: url("../img/mobile/m_03.jpg");
		}

		.t01-s4 {
			aspect-ratio: 750 / 1330;
			background-image: url("../img/mobile/m_04.jpg");
		}

		.t01-s5 {
			aspect-ratio: 750 / 1339;
			background-image: url("../img/mobile/m_05.jpg");
		}

		.t01-s6 {
			aspect-ratio: 750 / 1546;
			background-image: url("../img/mobile/m_06.jpg");
		}

		.t01-lime {
			color: #DAF900;
			font-family: 'TsangerYunHei-W07', serif;
		}

		.t01-lime1 {
			color: #DAF900;
			font-family: 'TsangerYunHei-W04', serif;
			font-size: 0.14rem;
		}

		.t01-logo {
			position: absolute;
			top: 0.48rem;
			left: 50%;
			width: 1.08rem;
			transform: translateX(-50%);
		}

		.t01-zhuti {
			position: absolute;
			top: 1.5rem;
			left: 0.88rem;
			width: 5.85rem !important; 
			height: 3.54rem !important;
		}

		.t01-order-title {
			position: absolute;
			left: 50%;
			width: 5.4rem;
			transform: translateX(-50%);
			font-family: 'TsangerYunHei-W07', serif;
			font-size: 0.32rem;
			line-height: 0.44rem;
			text-align: center;
			letter-spacing: 0;
			top: 2.18rem;
			/* text-shadow: 0 0.02rem 0.08rem rgba(0, 0, 0, 0.4); */
		}

		/* .t01-order-title::before,
		.t01-order-title::after {
			content: "";
			position: absolute;
			left: 0.02rem;
			right: 0.02rem;
			height: 1px;
			background: rgba(215, 255, 0, 0.45);
		} */

		.t01-order-title::before {
			top: -0.12rem;
		}

		.t01-order-title::after {
			bottom: -0.12rem;
		}

		.t01-order-title-main {
			position: absolute;
			top: 5.5rem;
			color: #ffffff;
			font-size: 0.32rem;
			font-family: 'TsangerYunHei-W07', serif;
			z-index: 2;
			left: 50%;
			transform: translateX(-50%);
		}

		.t01-order-title-main::before,
		.t01-order-title-main::after {
			content: "";
			display: inline-block;
			width: 0.22rem;
			height: 0.03rem;
			background: #FFFFFF;
			position: relative;
			left: auto;
			right: auto;
			top: auto;
			bottom: auto;
			vertical-align: middle;
		}

		.t01-order-title-main::before {
			margin-right: 0.09rem;
		}

		.t01-order-title-main::after {
			margin-left: 0.09rem;
		}

		.t01-price-row {
			position: absolute;
			top: 6.25rem;
			left: 50%;
			display: grid;
			width: 6.08rem;
			grid-template-columns: repeat(2, minmax(0, 1fr));
			gap: 0.16rem;
			transform: translateX(-50%);
		}

		.t01-price-card {
			height: 1.54rem;
        /* width: 2.95rem; */
        border-radius: 0.05rem;
        text-align: center;
       background: linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 30%, rgba(255, 255, 255, 0) 100%);
	   padding: 0.01rem;
		}
		.t01-price-card-inner {
			height: 1.54rem;
        /* width: 2.96rem; */
        display: flex
;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background: linear-gradient(to bottom, rgba(13, 13, 13, 0.28), rgba(13, 13, 13, 0));
        border-radius: 0.05rem;
		/* opacity: 0.7; */

		}

		.t01-price-label {
			position: relative;
			display: inline-block;
			padding: 0rem 0.32rem 0rem 0.32rem;
			font-size: 0.23rem;
			line-height: 0.22rem;
			color: #ffffff;
			font-family: 'TsangerYunHei-W04', serif;
		}

		.t01-price-label::before,
		.t01-price-label::after {
			content: "";
			position: absolute;
			top: 50%;
			width: 0.4rem;
			height: 1px;
			background: rgba(255, 255, 255, 0.72);
		}

		.t01-price-label::before {
			left: -0.15rem;
		}

		.t01-price-label::after {
			right: -0.15rem;
		}
		.highlight {
    color: var(--theme-color);
}

.mySwiper {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
}

.swiper_pagination1,
.swiper_pagination2 {
    position: absolute;
    left: calc(50% - 2rem);
    bottom: 0.72rem;
    z-index: 999;
    text-align: center;
    pointer-events: none;
}

.swiper_pagination1-mobile{
    position: absolute;
    left: calc(50% - 2rem);
    bottom: 0.36rem;
    z-index: 999;
    text-align: center;
    pointer-events: none;
}

.swiper_pagination2-mobile {
    display: flex;
    justify-content: center;
    height: 1rem;
    z-index: 999;
    align-items: center;
}

.swiper_pagination9-mobile {
    display: flex;
    justify-content: center;
    height: 1rem;
    z-index: 999;
    align-items: center;
}

.swiper_pagination2 {
    left: calc(50% - 3rem);
}

.swiper-pagination {
    display: flex !important;
    justify-content: center;
    align-items: center;
    pointer-events: auto;
}

.swiper-pagination-bullet {
    width: 1.6rem !important;
    height: 2px !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    opacity: 1 !important;
    transition: all 0.3s ease !important;
    margin: 0 0.2rem !important;
    display: inline-block !important;
}

.swiper-pagination-bullet-active {
    background: var(--theme-color) !important;
    width: 1.6rem !important;
    border-radius: 0 !important;
}

.pagination-text-container {
    margin-bottom: 0.12rem;
    text-align: center;
    display: flex;
    justify-content: center;
}

.pagination-text , .pagination-text-mobile {
    margin: 0 0.2rem !important;
    width: 1.6rem !important;
    font-size: 0.18rem;
    color: #ffffff;
    text-align: center;
}

.pagination-text.active {
    color: var(--theme-color);
}

.pagination-text-mobile.active {
    color: var(--theme-color);
}
 .page7 {
        background-color: var(--bg-color);
    }
    .page7-content {
        width: 100%;
        position: relative;
        margin: 0.72rem auto;
    }

    .page7-content .mySwiper6_tab {
        position: relative;
        bottom: 0.48rem;
        width: 80%;
    }
.page7-title {
		width: 80%;
		position: relative;
		text-align: left;
		margin-bottom: 0.72rem;
	}
	.font-white {
    color: #ffffff;
}

.mySwiper_tab {
    position: absolute;
    left: 0;
    right: 0;
    width: 50%;
    bottom: 0.48rem;
    margin: auto;
    font-size: 0.24rem;
    color: #ffffff;
    display: flex;
    align-items: flex-start;
    z-index: 999;
}

.mySwiper6_tab {
    width: 50%;
    margin-top: 1rem;
    font-size: 0.24rem;
    color: #ffffff;
    display: flex;
    align-items: flex-start;
    z-index: 999;
}

.mySwiper5 {
    width: 100%;
    height: auto;
}

.mySwiper4,
.mySwiper5,
.mySwiper6 {
    width: 100%;
    height: auto;
}

.mySwiper4-mobile,
.mySwiper5-mobile,
.mySwiper6-mobile {
    width: 100%;
    height: auto;
}
.mySwiper9-mobile {
    width: 100%;
    height: auto;
}

.btn_pn_p,
.btn_pn_n {
    margin-top: -0.12rem;
    cursor: pointer;
    width: 0.36rem !important;
}

.btn_pn_ps,
.btn_pn_ns {
    margin-top: -0.15rem;
    cursor: pointer;
    width: 0.36rem !important;
}

.mySwiper_right_pc p:first-child {
    width: 100%;
    height: 2px;
    background: #a0a6a9;
}

.mySwiper_right_pc p:nth-child(2) {
    margin-top: 0.24rem;
    justify-content: center;
    display: flex;
    align-items: center;
}

.mySwiper_right_pc p:nth-child(2) img {
    width: 0.36rem;
    height: auto;
    margin-right: 0rem;
}

.mySwiper_right_pc p:nth-child(2) span {
    margin-left: 0.12rem;
}

.mySwiper_right_pc .swiper-slide-active p:first-child {
    background: var(--theme-color);
}

.mySwiper6_right_pc .swiper-slide {
    width: 33.33%;
}

.mySwiper5_right_pc .swiper-slide {
    width: 50%;
}

.font-white {
    color: #ffffff;
}

		.t01-price-num {
			display: inline-block;
			margin-top: 0.08rem;
			font-family: 'TsangerYunHei-W07', serif;
			font-size: 0.63rem;
			line-height: 0.5rem;
			color: #DAF900;
			transform: translateY(20%);
		}

		.t01-price-unit {
			font-size: 0.24rem;
			line-height: 0.28rem;
			color: #ffffff;
		}

		.t01-drive-btn {
			position: absolute;
			top: 12.00rem;
			left: 50%;
			transform: translateX(-50%);
			z-index: 3;
		}

		.t01-drive-btn img {
			display: block;
			width: 2.54rem;
            height: 0.72rem;
		}

		.t01-drive-btn span {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			font-size: 0.29rem;
			font-family: 'TsangerYunHei-W07', serif;
			color: #DAF900;
			white-space: nowrap;
		}

		.t01-drive-copy {
			position: absolute;
			top: 12.95rem;
			left: 0;
			width: 100%;
			font-size: 0.2rem;
			line-height: 0.38rem;
			text-align: center;
			font-family: 'TsangerYunHei-W04', serif;
			/* text-shadow: 0 0.02rem 0.08rem rgba(0, 0, 0, 0.45); */
		}

		.t01-hero-badges {
			position: absolute;
			top: 10.48rem;
			left: 50%;
			display: flex;
			width: 6.34rem;
			justify-content: space-between;
			transform: translateX(-50%);
			font-family: "TsangerYunhei06", Arial, sans-serif;
			color: #DAF900;
			/* text-shadow: 0 0.02rem 0.06rem rgba(0, 0, 0, 0.7); */
		}

		.t01-hero-badge {
			max-width: 3.35rem;
		}

		.t01-hero-badge small {
			display: inline-block;
			padding: 0.03rem 0.12rem;
			background: #DAF900;
			color: #111111;
			font-family: "TsangerYunhei06", Arial, sans-serif;
			font-size: 0.2rem;
			line-height: 0.25rem;
		}

		.t01-hero-badge strong {
			display: block;
			margin-top: 0.05rem;
			font-size: 0.38rem;
			line-height: 0.45rem;
			white-space: nowrap;
		}

		.t01-hero-badge:last-child {
			text-align: right;
		}

		.t01-hero-badge:last-child strong {
			font-size: 0.5rem;
			line-height: 0.52rem;
		}

		.t01-hero-badge em {
			font-style: normal;
			font-size: 0.2rem;
		}

		.t01-order-title-second {
			top: 14.25rem;
			width: 6.1rem;
			font-size: 0.38rem;
			line-height: 0.72rem;
			font-style: italic;
			z-index: 4;
			font-family: 'TsangerYunHei-W07', serif;
			background: url(../img/mobile/m_t01_line.webp) center / 100% 100% no-repeat;
		}

		.t01-line-img {
			display: block;
			width: 5.88rem;
			height: 0.12rem;
			margin: 0 auto;
		}

		.t01-line-img:first-child {
			margin-bottom: 0.06rem;
		}

		.t01-line-img:last-child {
			margin-top: 0.06rem;
		}

		.t01-rights-title {
			position: absolute;
			top: 14.42rem;
			left: 0;
			width: 100%;
			font-family: "TsangerYunhei06", Arial, sans-serif;
			font-size: 0.31rem;
			line-height: 0.42rem;
			text-align: center;
		}

		.t01-rights-title::before,
		.t01-rights-title::after {
			content: "";
			display: inline-block;
			width: 0.62rem;
			height: 1px;
			margin: 0 0.24rem 0.08rem;
			background: rgba(215, 255, 0, 0.72);
			vertical-align: middle;
		}

		.t01-rights-box {
			position: absolute;
			top: 15.98rem;
			left: 50%;
			width: 6.86rem;
            /* height: 7.08rem; */
			padding: 0.29rem 0.29rem 0.25rem 0.23rem;
			 background: url(../img/mobile/m_t01_box.webp) center / 100% 100% no-repeat;
			transform: translateX(-50%);
		}

		/* .t01-rights-box::after {
			content: "";
			position: absolute;
			right: -1px;
			bottom: -1px;
			width: 0.5rem;
			height: 0.5rem;
			background: linear-gradient(135deg, transparent 48%, #DAF900 50%, #DAF900 52%, #17120d 54%);
		} */

		.t01-right-item {
			padding: 0.12rem 0.16rem;
			background: rgba(216, 247, 0, 0.2);
			text-align: center;
			width: 6.34rem;
		}
	

		.t01-right-item+.t01-right-item {
			margin-top: 0.09rem;
		}

		.t01-right-item h3 {
			font-family: 'TsangerYunHei-W07', serif;
			font-size: 0.20rem;
			color: #DAF900;
		}

		.t01-right-item h3::after {
			content: "";
			display: block;
			width: 5.95rem;
			height: 1px;
			margin-top: 0.07rem;
			background: #FFFFFF;
			opacity: 0.29;
		}

		.t01-right-item p {
			margin-top: 0.05rem;
        font-size: 0.18rem;
        line-height: 0.21rem;
        color: rgba(255, 255, 255, 1);
		font-family: 'TsangerYunHei-W04', serif;
		}

		.t01-policy {
			margin-top: 0.12rem;
			font-size: 0.15rem;
			line-height: 0.24rem;
			text-align: center;
			font-family: 'TsangerYunHei-W03', serif;
		}

		.t01-section-title {
			position: absolute;
			left: 50%;
			width: 6.2rem;
			height: 1.18rem;
			transform: translateX(-50%);
			text-align: center;
			top: 0.3rem;
		}

		.t01-section-title img {
			position: absolute;
			top: 0;
			left: 50%;
			width: 5.48rem;
			transform: translateX(-50%);
		}

		.t01-section-title h2 {
			position: relative;
			z-index: 1;
			padding-top: 0.24rem;
			font-family: "TsangerYunHei-W07", Arial;
			font-size: 0.54rem;
			/* line-height: 0.62rem; */
			color: #ffffff;
			font-style: italic;
			/* white-space: nowrap; */
			/* text-shadow: 0 0.03rem 0.08rem rgba(0, 0, 0, 0.5); */
		}

		.t01-title-power {
			top: 0.11rem;
		}

		.t01-title-chassis {
			bottom: 0.38rem;
		}

		.t01-title-quality {
			bottom: 0.1rem;
		}

		.t01-title-terrain {
			bottom: 0.32rem;
		}

		.t01-tech-card {
		position: absolute;
        left: 50%;
        width: 6.84rem;
        height: 2.16rem;
        padding: 0.47rem 0.27rem;
        transform: translateX(-50%);
        background: url(../img/mobile/m_common_box02.webp) center / 100% 100% no-repeat;
        overflow: hidden;
		}

		.t01-tech-card h3 {
			position: relative;
			z-index: 2;
			font-family: 'TsangerYunHei-W07', serif;
			font-size: 0.28rem;
			color: #DAF900;
		}

		.t01-tech-card p {
			position: relative;
			z-index: 2;
			width: 5rem;
			margin-top: 0.10rem;
            margin-bottom: 0.2rem;
			font-size: 0.18rem;
			line-height: 0.33rem;
			color: #E6E6E6;
			font-family: 'TsangerYunHei-W03', serif;
		}

		.t01-tech-card-1 {
			top: 1.8rem;
		}

		.t01-tech-card-2 {
			top: 4.28rem;
			height: 2.51rem !important;
		}

		.t01-tech-card-3 {
			top: 2.27rem;
			        width: 6.84rem;
        height: 3.98rem;
		}

		.t01-tech-card-4 {
			top: 3.42rem;
		}

		.t01-powertrain {
			position: absolute;
			right: 0.28rem;
			top: 0.18rem;
			width: 3rem;
			height: 1.38rem;
			z-index: 1;
		}

		.t01-powertrain .gearbox {
			        position: absolute;
        left: 0;
        /* bottom: 0.02rem; */
        width: 1.66rem;
        height: 1.19rem;
        margin-top: 0.53rem;
		}

		.t01-powertrain .engine {
			position: absolute;
			right: 0;
			margin-top: 0.3rem;
			width: 1.26rem;
		}

		.t01-transfer {
			position: absolute;
        right: 0.47rem;
        top: 0.22rem;
        width: 2.49rem !important;
        height: 1.97rem;
		}

		.t01-frame {
			position: absolute;
			right: 0.12rem;
			top: 0.22rem;
			width: 3.16rem;
		}

		.t01-cage {
			position: absolute;
			right: 0.16rem;
			top: 50%;
			width: 3.2rem !important;
			transform: translateY(-50%);
		}

		.t01-rally-copy {
			position: absolute;
        top: 7.7rem;
        left: 0;
        width: 100%;
        font-size: 0.27rem;
        line-height: 0.50rem;
        text-align: center;
			/* text-shadow: 0 0.03rem 0.08rem rgba(0, 0, 0, 0.75); */
		}

		.t01-rally-copy::before {
			/* content: "2025 2026\A TAKLIMAKAN RALLY"; */
			position: absolute;
			top: 0.1rem;
			left: 50%;
			width: 6.4rem;
			transform: translateX(-50%) skew(-8deg);
			white-space: pre;
			font-family: Arial, sans-serif;
			/* font-weight: 900; */
			font-size: 0.62rem;
			line-height: 0.5rem;
			/* color: rgba(244, 111, 36, 0.42); */
			letter-spacing: 0.02rem;
			z-index: 0;
		}

		.t01-rally-copy p {
			position: relative;
			z-index: 1;
		}

		.t01-safety-copy {
			position: absolute;
			top: 7.9rem;
			left: 0;
			width: 100%;
			font-size: 0.27rem;
			line-height: 0.50rem;
			text-align: center;
			font-family: 'TsangerYunHei-W02', serif;
			/* text-shadow: 0 0.03rem 0.08rem rgba(0, 0, 0, 0.75); */
		}

		.t01-safety-copy::before {
			/* content: "2025 2026\A TAKLIMAKAN RALLY"; */
			position: absolute;
			top: -0.2rem;
			left: 50%;
			width: 6.2rem;
			transform: translateX(-50%) skew(-8deg);
			white-space: pre;
			font-family: Arial, sans-serif;
			/* font-weight: 900; */
			font-size: 0.54rem;
			line-height: 0.48rem;
			/* color: rgba(244, 111, 36, 0.35); */
			z-index: 0;
		}

		.t01-safety-copy p {
			position: relative;
			z-index: 1;
		}

		.t01-quality-card {
			position: absolute;
			top: 2.0rem;
			left: 50%;
			width: 6.84rem;
            height: 2.51rem;
			transform: translateX(-50%);
			background: url("../img/mobile/m_t04_01.webp") center / 100% 100% no-repeat;
			padding: 0.58rem 0.28rem;
		}

		.t01-quality-card h3 {
			font-family: 'TsangerYunHei-W07', serif;
			font-size: 0.28rem;
			line-height: 0.36rem;
			color: #DAF900;
		}

		.t01-quality-card p {
			margin-top: 0.25rem;
			font-size: 0.18rem;
			line-height: 0.33rem;
			color: #E6E6E6;
			font-family: 'TsangerYunHei-W03', serif;
		}

		.t01-quality-copy {
			position: absolute;
			top: 4.96rem;
			left: 0;
			width: 100%;
			font-size: 0.27rem;
			line-height: 0.50rem;
			text-align: center;
			font-family: 'TsangerYunHei-W02', serif;
			/* text-shadow: 0 0.03rem 0.08rem rgba(0, 0, 0, 0.74); */
		}

		.t01-terrain-card {
			position: absolute;
			left: 50%;
			width: 6.86rem;
			transform: translateX(-50%);
			/* background: url("../img/mobile/m_t04_02.webp") center / 100% 100% no-repeat; */
			overflow: hidden;
		}

		.t01-terrain-card h3 {
			font-family: 'TsangerYunHei-W07', serif;
			font-size: 0.28rem;
			line-height: 0.52rem;
			color: #DAF900;
			margin-top: 0.5rem;
			letter-spacing: 0.01rem;
		}

		.t01-terrain-card p {
			margin-top: 0.08rem;
			font-size: 0.18rem;
			line-height: 0.33rem;
			color: #E6E6E6;
			font-family: 'TsangerYunHei-W03', serif;
			/* white-space: nowrap; */
			/* letter-spacing: 0.01rem; */
		}

		.t01-terrain-card-1 {
			top: 1.9rem;
			height: 3.54rem;
			padding: 1.15rem 0.26rem 0;
			background: url(../img/mobile/m_t04_04.webp) center / 100% 100% no-repeat;
		}

		.t01-terrain-card-2 {
			top: 5.72rem;
			height: 3.54rem;
			padding: 1.43rem 0.26rem 0;
			background: url(../img/mobile/m_t04_02.webp) center / 100% 100% no-repeat;
		}

		.t01-terrain-card-3 {
			top: 9.54rem;
			height: 3.49rem;
			width: 6.84rem;
			padding: 1.55rem 0.26rem 0;
			background: url(../img/mobile/m_t04_03.webp) center / 100% 100% no-repeat;
		}
		.t01-terrain-modes {
			font-size: 0.14rem !important;
		}

		.t01-terrain-grid {
			position: absolute;
			inset: 0.03rem 0.03rem auto;
			display: grid;
			height: 1.46rem;
			grid-template-columns: repeat(4, 1fr);
			grid-template-rows: repeat(2, 1fr);
			opacity: 0.82;
		}

		.t01-terrain-grid span {
			background-size: cover;
			background-position: center;
			filter: saturate(0.85);
		}

		.t01-terrain-grid span:nth-child(1) {
			background-image: linear-gradient(135deg, #70984a, #d8d7b4);
		}

		.t01-terrain-grid span:nth-child(2) {
			background-image: linear-gradient(135deg, #d8c783, #687852);
		}

		.t01-terrain-grid span:nth-child(3) {
			background-image: linear-gradient(135deg, #799bb2, #d9d9d7);
		}

		.t01-terrain-grid span:nth-child(4) {
			background-image: linear-gradient(135deg, #604a39, #b59a77);
		}

		.t01-terrain-grid span:nth-child(5) {
			background-image: linear-gradient(135deg, #bfc8ce, #46515a);
		}

		.t01-terrain-grid span:nth-child(6) {
			background-image: linear-gradient(135deg, #1e3b2c, #607852);
		}

		.t01-terrain-grid span:nth-child(7) {
			background-image: linear-gradient(135deg, #caa267, #806240);
		}

		.t01-terrain-grid span:nth-child(8) {
			background-image: linear-gradient(135deg, #44565d, #8ca184);
		}

		.t01-angle-art {
			position: absolute;
			top: 0.08rem;
			left: 50%;
			width: 4.15rem;
			height: 1.23rem;
			transform: translateX(-50%);
		}

		.t01-angle-car {
			position: absolute;
			left: 0;
			right: 0;
			top: 0.1rem;
			height: 0.82rem;
			border-radius: 0.06rem 0.06rem 0.02rem 0.02rem;
			background:
				linear-gradient(90deg, transparent 0 7%, #f5f5f5 7% 82%, transparent 82%),
				linear-gradient(90deg, transparent 0 84%, #0d0d0d 84% 100%);
			clip-path: polygon(7% 42%, 18% 10%, 55% 10%, 74% 36%, 86% 42%, 93% 64%, 89% 82%, 10% 82%);
		}

		.t01-angle-art::before,
		.t01-angle-art::after {
			content: "";
			position: absolute;
			top: 0.82rem;
			width: 1.72rem;
			height: 1px;
			background: #DAF900;
		}

		.t01-angle-art::before {
			left: 0.12rem;
			transform: rotate(-18deg);
			transform-origin: left center;
		}

		.t01-angle-art::after {
			right: 0.12rem;
			transform: rotate(16deg);
			transform-origin: right center;
		}

		.t01-angle-num {
			position: absolute;
			font-family: "TsangerYunhei06", Arial, sans-serif;
			font-size: 0.18rem;
			line-height: 0.24rem;
			color: #DAF900;
		}

		.t01-angle-num-1 {
			left: 0.12rem;
			bottom: 0.02rem;
		}

		.t01-angle-num-2 {
			left: 2.45rem;
			bottom: 0.27rem;
		}

		.t01-angle-num-3 {
			right: 0.02rem;
			bottom: 0.02rem;
		}

		.t01-angle-depth {
			position: absolute;
			left: 1.58rem;
			top: 0.62rem;
			font-family: "TsangerYunhei06", Arial, sans-serif;
			font-size: 0.18rem;
			color: #DAF900;
		}

		.t01-detail-art {
			position: absolute;
			top: 0.03rem;
			left: 0.03rem;
			width: calc(100% - 0.06rem);
			/* height: 1.45rem; */
			object-fit: cover;
		}

		.t01-final-copy {
			position: absolute;
			top: 0.40rem;
			left: 0;
			width: 100%;
			font-size: 0.27rem;
			line-height: 0.50rem;
			text-align: center;
			font-family: 'TsangerYunHei-W02', serif;
		}

		.t01-series-copy {
			position: absolute;
			top: 7.96rem;
			left: 0;
			width: 100%;
			text-align: center;
			/* text-shadow: 0 0.03rem 0.08rem rgba(0, 0, 0, 0.72); */
		}

		.t01-series-copy h2 {
			font-family: "TsangerYunhei06", Arial, sans-serif;
			font-size: 0.32rem;
			line-height: 0.45rem;
			color: #DAF900;
		}

		.t01-series-copy p {
			font-size: 0.27rem;
			line-height: 0.50rem;
			font-family: 'TsangerYunHei-W02', serif;
		}

		.t01-sr-only {
			position: absolute;
			width: 1px;
			height: 1px;
			padding: 0;
			margin: -1px;
			overflow: hidden;
			clip: rect(0, 0, 0, 0);
			white-space: nowrap;
			border: 0;
		}

		.t01-mobile-dot {
		display: inline-block;
		font-size: 0.06rem;
		margin-right: 0.08rem;
		vertical-align: middle;
		color: #ffffff;
	}
}







