/* IM FELL French Canon */
@font-face {
	font-family: "IM-Bold";
	src: url("../fonts/im/IM-Bold.eot");
	/* IE9 */
	src: url("../fonts/im/IM-Bold.eot?#iefix") format("embedded-opentype"),
		/* IE6-IE8 */
		url("../fonts/im/IM-Bold.woff") format("woff"),
		/* chrome、firefox */
		url("../fonts/im/IM-Bold.ttf") format("truetype");
	/* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
	font-style: normal;
	font-weight: normal;
}

/* IM FELL French Canon */
@font-face {
	font-family: "IM-Regular";
	src: url("../fonts/im/IM-Regular.eot?0");
	/* IE9 */
	src: url("../fonts/im/IM-Regular.eot?#iefix") format("embedded-opentype"),
		/* IE6-IE8 */
		url("../fonts/im/IM-Regular.woff?0") format("woff"),
		/* chrome、firefox */
		url("../fonts/im/IM-Regular.ttf?0") format("truetype");
	/* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
	font-style: normal;
	font-weight: normal;
}

html {
	font-size: calc(100vw / 25.6);
}

body {
	background-color: #000;
}

h1 {
	font-size: 0.38rem !important;
	color: #ead3eb !important;
	font-weight: 100 !important;
	line-height: 1 !important;
	font-family: "IM-Regular" !important;
	margin: 0;
}

h2 {
	font-size: 0.33rem;
	color: #ead3eb;
	line-height: 1.3 !important;
	font-family: "IM-Regular" !important;
	margin: 0;
}

.section-first p,
.section-second p,
.section-introduction p,
.section-carousel p,
.section-feature p,
.section-spec p {
	font-size: 0.2rem !important;
	color: #ead3eb !important;
	line-height: 1.4 !important;
	font-family: "IM-Regular" !important;
	margin: 0;
}

.section-first,
.section-second,
.section-introduction,
.section-carousel,
.section-feature {
	position: relative;
}

.section-first {
	width: 100%;
	background-color: #000;
}

.section-first .bg-box>video {
	width: 100%;
	display: block;
}

.section-first #first-video1 {
	display: block;
}

.section-first #first-video2 {
	display: none;
}

.section-first .logo {
	width: 4.35rem;
	position: absolute;
	top: 0.85rem;
	left: 1.1rem;
}

.section-first .container1 {
	width: 9rem;
	position: absolute;
	top: 3.2rem;
	left: 2.35rem;
	text-align: center;
}

.section-first .container1 .handle-xbox>img {
	width: 5.25rem;
}

.section-first .container1>.box {
	width: 100%;
	margin: 0.7rem auto;
	display: flex;
	justify-content: center;
}

.section-first .container1 .btn-box {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 4.2rem;
	height: 0.9rem;
	background: url('/images/2025/evernight/icon/BuyNow.png') no-repeat center / 100%;
	transition: .5s;
}

.section-first .container1 .btn-box:hover {
	text-shadow: 0 0 0.05rem #ff90f6;
	background: url('/images/2025/evernight/icon/BuyNow2.png') no-repeat center / 100%;
	transition: .1s;
}

.section-first .container1>.title-box>.Subtitle {
	font-size: 0.3rem !important;
	margin: 0.28rem 0 0.52rem;
}

.section-first .container2 {
	position: absolute;
	left: 50%;
	bottom: 1.73rem;
	transform: translate(-50%, 0%);
	text-align: center;
}

.section-first .container2>.pack>img {
	width: 16.2rem;
	margin-bottom: 1.15rem;
}

.section-first .container2>img {
	width: 10.9rem;
	margin: 0.28rem 0 0.4rem;
}

/* 第二板块 */
.section-second .container {
	text-align: center;
	position: absolute;
	left: 50%;
	bottom: 4.8rem;
	transform: translate(-50%, -0%);
}

.section-second .container>img {
	width: 9.9rem;
	margin: 0.28rem 0 0.4rem;
}

/* 第三板块-人物介绍 */
.section-introduction #introduction1 {
	display: block;
}

.section-introduction #introduction2 {
	display: none;
}

.section-introduction .container {
	width: 8.6rem;
	position: absolute;
	top: 50%;
	right: 2rem;
	transform: translate(0%, -50%);
	text-align: center;
}

.section-introduction .container>img {
	width: 8.59rem;
}

.section-introduction .container>p {
	font-size: 0.27rem !important;
	margin: 0.27rem 0 0.67rem;
}

.section-introduction .container .text-box {
	width: 7.35rem;
	height: 2rem;
	padding: 0.5rem 0.35rem 0;
	margin: 0 auto;
	text-align: left;
	background: url('/images/2025/evernight/bg/text-box.png') no-repeat center center;
	background-size: 100% 100%;
}

.section-introduction>.icon {
	width: 1.1rem;
	position: absolute;
	bottom: 1.4rem;
	right: 1.65rem;
}

/* 第四屏 */
.section-carousel .container {
	width: 100%;
	padding: 0;
	position: absolute;
	top: 52%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
	text-align: center;
}

.section-carousel .container>img {
	width: 9.5rem;
	margin: 0.3rem 0;
}

.section-carousel .swiper-container {
	margin: 0.45rem 0 0.72rem;
}

.swiper-container .swiper-button-front2,
.swiper-container .swiper-button-after2 {
	width: 6rem;
	height: 100%;
	background-image: none;
	position: absolute;
	z-index: 99;
}

.swiper-container .swiper-button-front2 {
	left: 0;
}

.swiper-container .swiper-button-after2 {
	right: 0;
}

.swiper-slide-prev a::after,
.swiper-slide-next a::after {
	opacity: .5 !important;
}

.swiper-container .swiper-button-front2:hover,
.swiper-container .swiper-button-after2:hover {
	background-image: none;
}

.section-carousel .switch-box {
	width: 16.5rem;
	padding-left: 0.1rem;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.section-carousel .switch-box>.pagination {
	margin: 0;
}

/* 第五屏 */
.section-feature .particle {
	height: 10rem;
	position: absolute;
	bottom: 4.6rem;
	left: 0;
}

.section-feature .container {
	width: 16.2rem;
	padding: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 99;
}

.section-feature .main-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.section-feature .main-box>.box1,
.section-feature .main-box>.box2 {
	width: 7.9rem;
	height: auto;
}

.section-feature .bg-box {
	width: 100%;
	background-color: #090a17;
	padding: 0 0.3rem;
	position: relative;
	border-width: 0.3rem;
	border-style: solid;
	border-image: url('/images/2025/evernight/bg/boder.png') 30 30 round;
	margin-bottom: 0.4rem;
}

.section-feature .bg-box:before {
	content: '';
	position: absolute;
	top: -0.4rem;
	left: -0.4rem;
	right: -0.4rem;
	bottom: -0.4rem;
	border: 0.1rem solid #090a17;
	z-index: -1;
}

.section-feature p {
	font-size: 0.18rem !important;
}

.section-feature span {
	position: relative;
	display: block;
	width: 100%;
	border-top: 1px solid #ead3eb;
	margin: 0.15rem 0 0.3rem;
}

.section-feature span:before {
	content: '';
	display: block;
	width: 0.1rem;
	height: 0.1rem;
	background-color: #ead3eb;
	border-radius: 0.1rem;
	position: absolute;
	left: -0.2rem;
	top: 50%;
	transform: translate(0%, -50%);
}

.section-feature .d-pad {
	height: 3.1rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.section-feature .d-pad>.text-box {
	width: 3.9rem;
}

.section-feature .d-pad>img {
	width: 2.1rem;
	border-radius: 2rem;
}

.section-feature .bumpers {
	height: 7rem;
}

.section-feature .bumpers>.text-box {
	width: 3.9rem;
	margin-top: 0.15rem;
}

.section-feature .bumpers>img {
	width: 5rem;
	position: absolute;
	bottom: 0.15rem;
	right: -0.28rem;
}

.section-feature .speed {
	height: 4.6rem;
	display: flex;
	align-items: center;
}

.section-feature .speed>.text-box {
	width: 6.65rem;
}

.section-feature .speed>.text-box>p {
	width: 3.9rem;
}

.section-feature .speed>.text-box>p:last-child {
	font-size: 0.12rem !important;
	margin-top: 0.3rem;
}

.section-feature .speed>img {
	width: 1.8rem;
	position: absolute;
	bottom: 0.2rem;
	right: 0.35rem;
}

.section-feature .latency {
	height: 2.7rem;
	display: flex;
	align-items: center;
}

.section-feature .latency>.text-box {
	width: 5.2rem;
}

.section-feature .latency>img {
	width: 2.2rem;
	position: absolute;
	top: 50%;
	right: -0.29rem;
	transform: translate(0%, -50%);
}

.section-feature .latency>.text-box>p:last-child {
	font-size: 0.12rem !important;
	margin-top: 0.3rem;
}

.section-feature .dock {
	height: 3.1rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.section-feature .dock>.text-box {
	width: 3.8rem;
}

.section-feature .dock>img {
	width: 2.55rem;
}

.section-feature .joysticks {
	height: 3.5rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.section-feature .joysticks>.text-box {
	width: 4.2rem;
}

.section-feature .joysticks>.text-box>p:last-child {
	margin-top: 0.3rem;
}

.section-feature .joysticks>img {
	width: 2.1rem;
}

.section-feature .switching {
	height: 3.1rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.section-feature .switching>.text-box {
	width: 3.8rem;
}

.section-feature .switching>img {
	width: 2.1rem;
}

.section-feature .rgb {
	height: 3.1rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.section-feature .rgb>.text-box {
	width: 4.5rem;
}

.section-feature .rgb>.text-box>span {
	width: 95%;
}

.section-feature .rgb>img {
	width: 2.1rem;
}

.section-feature .axis {
	height: 4.2rem;
}

.section-feature .axis>.text-box {
	width: 3.9rem;
	margin-top: 0.15rem;
}

.section-feature .axis>img {
	width: 2.1rem;
	position: absolute;
	top: 40%;
	right: 0%;
	transform: translate(0, -50%);
}

.section-feature .box3 {
	width: 100%;
	height: 3rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.section-feature .compatibility {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.section-feature .compatibility>div {
	text-align: center;
}

.section-feature .compatibility img {
	width: 0.8rem !important;
	margin-bottom: 0.2rem;
}

.section-feature .compatibility>div:last-child {
	display: flex;
	align-items: center;
}

.section-feature .compatibility>div:last-child img {
	width: 1.8rem !important;
	margin: 0 0.3rem 0.2rem 0;
}

.section-feature .compatibility>div:last-child .text-box {
	text-align: left;
	line-height: 1.6;
}

/* 弹窗 */
.fancybox-skin {
	padding: 1rem 1.9rem !important;
	background-color: #2924308c;
}

.fancybox-close {
	width: 0.25rem;
	height: 0.25rem;
	background: url('/images/2025/evernight/bg/close.png') no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 0.39rem;
	right: 0.39rem;
}

.fancybox-inner {
	height: auto !important;
}

.update-log {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.btn-purchase {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 4.6rem;
	height: 0.9rem;
	margin: 0.25rem auto;
	transition: .5s;
}

.btn-us {
	background: url('/images/2025/evernight/icon/popup-us.png') no-repeat center / 100%;
}

.btn-us:hover {
	background: url('/images/2025/evernight/icon/popup-us2.png') no-repeat center / 100%;
	transition: .1s;
}

.btn-eshop {
	background: url('/images/2025/evernight/icon/btn-eshop.png') no-repeat center / 100%;
}

.btn-eshop:hover {
	background: url('/images/2025/evernight/icon/btn-eshop2.png') no-repeat center / 100%;
	transition: .1s;
}

/* 视频板块 */
.section-video {
	position: relative;
}

.section-video .container {
	width: 100%;
	height: auto;
	position: absolute;
	bottom: 18%;
	display: flex;
	justify-content: center;
}

.section-video .covervid-video {
	vertical-align: bottom !important;
}

.dots {
	height: 100%;
}

.w-video {
	padding: 0;
}

.w-video .fa,
.w-video span {
	color: #ffffff;
	font-size: 0.24rem !important;
}

.w-video span {
	margin-left: 0.1rem;
}

.section-video .w-video:hover .fa {
	color: #ca8e2e;
}

.section-video .w-video:hover span {
	color: #ca8e2e;
	text-decoration-line: underline;
}

/* Swiper style */
.swiper-slide {
	width: auto !important;
	position: relative;
}

.swiper-slide img {
	width: 16.5rem;
	height: auto;
	border: 1px solid #000;
	position: relative;
	object-fit: cover;
}

.swiper-slide a::after {
	content: "";
	width: 100%;
	height: 100%;
	background-image: url('/images/2025/evernight/bg/boder-img.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	pointer-events: none;
	z-index: 2;
}

.swiper-slide .icon {
	font-size: 0.18rem !important;
	color: #ead3eb !important;
	line-height: 1.4 !important;
	font-family: "IM-Regular" !important;
	border: 0.01rem solid #ead3eb;
	padding: 0.1rem 0.1rem;
	cursor: pointer;
	position: absolute;
	top: 0.5rem;
	right: 0.5rem;
	transition: .5s;
}

.swiper-slide .icon:hover {
	background-color: #6b4873;
	transition: .1s;
}

.swiper-pagination-bullet {
	width: 0.33rem;
	height: 0.33rem;
	background-image: url('../images/2025/evernight/bg/flower.png');
	background-size: 100% 100%;
	background-color: transparent;
	border-radius: 0;
	margin-right: 0.5rem;
	transition: .5s;
	opacity: 1;
}

.swiper-pagination-bullet-active,
.swiper-pagination-bullet:hover {
	width: 0.33rem;
	height: 0.33rem;
	background-image: url('../images/2025/evernight/bg/active.png');
	transform: rotate(90deg) scale(1.5);
	background-size: 100% 100%;
	background-color: transparent;
	transition: .5s;
}

.swiper-button {
	display: flex;
	align-items: center;
	justify-content: center;
}

.swiper-button>span {
	width: 0.2rem;
	height: 0.2rem;
	background-color: #ead3eb;
	border-radius: 0.2rem;
	display: block;
	margin: 0 0.25rem;
}

.swiper-button-front,
.swiper-button-after {
	width: 0.36rem;
	height: 0.42rem;
	cursor: pointer;
	display: inline-block;
}

.swiper-button-front {
	background: url('../images/2025/evernight/bg/front.png') no-repeat;
	transform: rotateY(0deg);
	background-size: 100% 100%;
}

.swiper-button-after {
	background: url('../images/2025/evernight/bg/front.png') no-repeat;
	transform: rotateY(180deg);
	background-size: 100% 100%;
}

.swiper-button-front:hover {
	background: url('../images/2025/evernight/bg/after-2.png') no-repeat;
	transform: rotateY(180deg);
	background-size: 100%;
}

.swiper-button-after:hover {
	background: url('../images/2025/evernight/bg/after-2.png') no-repeat;
	transform: rotateY(0deg);
	background-size: 100%;
}

.swiper-pagination-switch {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 8px;
	background: #555;
	margin: 0 5px;
	opacity: 0.8;
	border: 1px solid #fff;
	cursor: pointer;
}

.swiper-active-switch {
	background: #fff;
}

/* 处理遮罩 */
.layer-mask {
	width: 100%;
	height: 100%;
	opacity: 0.8;
	transition: all 0.5s;
	background-color: #000000;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
}

.swiper-slide-active .layer-mask {
	display: none;
}

.swiper-container .swiper-button-front2,
.swiper-container .swiper-button-after2 {
	width: 3.5rem;
}

/* 参数多位图幻灯 */
.Carousel {
	background-color: #000000;
}

.carousel.fade {
	opacity: 1;
}

.carousel.fade .item {
	-moz-transition: opacity ease-in-out 1.5s;
	-o-transition: opacity ease-in-out 1.5s;
	-webkit-transition: opacity ease-in-out 1.5s;
	transition: opacity ease-in-out 1.5s;
	left: 0 !important;
	opacity: 0;
	top: 0;
	position: absolute;
	width: 100%;
	display: block !important;
	z-index: 1;
}

.carousel.fade .item:first-child {
	top: auto;
	position: relative;
}

.carousel.fade .item.active {
	opacity: 1;
	-moz-transition: opacity ease-in-out 1.5s;
	-o-transition: opacity ease-in-out 1.5s;
	-webkit-transition: opacity ease-in-out 1.5s;
	transition: opacity ease-in-out 1.5s;
	z-index: 2;
}

/* 参数板块 */
.section-spec {
	position: relative;
}

.section-spec>img {
	width: 100%;
}

.section-spec .content-box {
	width: 12rem;
	height: auto;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0%);
	display: flex;
	flex-direction: column;
	align-items: center;
}

.section-spec .content-box>h1 {
	position: relative;
}

.section-spec .content-box>h1:before {
	content: '';
	width: 3.2rem;
	height: 0.1rem;
	background: url('/images/2025/evernight/bg/divideup.png') no-repeat;
	background-position: right center;
	position: absolute;
	left: 50%;
	bottom: -0.5rem;
	transform: translate(-50%, 0%);
}

.section-spec .content-box>img {
	width: 100%;
	margin: 1.5rem 0 0.5rem;
}

.spec-box h3 {
	font-family: "IM-Regular" !important;
	font-size: 0.28rem !important;
	color: #ead3eb !important;
	margin: 0.5rem 0 0;
}

.spec-box hr {
	border: 0.5px solid #ead3eb82;
	margin: 0.2rem 0;
}

.spec-box li {
	font-family: "IM-Regular" !important;
	font-size: 0.16rem !important;
	line-height: 1.8;
	color: #ead3eb !important;
	opacity: .8;
}

.app-note {
	background-color: transparent;
	position: absolute;
	bottom: .5rem;
}

.app-note p {
	width: 11.7rem;
	color: #ead3eb !important;
	opacity: .65;
	font-size: 0.12rem !important;
	font-weight: 400;
}

@media screen and (max-width: 767px) {
	html {
		font-size: calc(100vw / 7.5);
	}

	h1 {
		font-size: 0.37rem !important;
		color: #ead3eb !important;
		font-weight: 100 !important;
		line-height: 1.2 !important;
		font-family: "IM-Regular" !important;
		margin: 0;
	}

	h2 {
		font-size: 0.28rem;
		color: #ead3eb;
		line-height: 1.3 !important;
		font-family: "IM-Regular" !important;
		margin: 0;
	}

	.section-first p,
	.section-second p,
	.section-introduction p,
	.section-carousel p,
	.section-feature p,
	.section-spec p {
		font-size: 0.25rem !important;
	}

	.section-first,
	.section-carousel,
	.section-feature,
	.section-spec {
		overflow: hidden;
	}

	/* 第一屏 */
	.section-first {
		height: 27.8rem;
		background-color: #000;
	}

	.section-first #first-video1 {
		display: none;
	}

	.section-first #first-video2 {
		display: block;
	}

	.section-first .container1 {
		width: 100%;
		top: 5.05rem;
		left: 50%;
		transform: translate(-50%, 0%);
	}

	.section-first .logo {
		width: 4.4rem;
		top: 11.7rem;
		left: 50%;
		transform: translate(-50%, 0%);
	}

	.section-first .container1>.title-box>h1 {
		font-size: 0.33rem !important;
	}

	.section-first .container1>.title-box>.Subtitle {
		font-size: 0.29rem !important;
		margin: 0.15rem 0 1.5rem;
	}

	.section-first .container1 .handle-xbox>img {
		width: 4.45rem;
	}

	.section-first .container1>.box {
		margin: 0.55rem 0 0.6rem;
	}

	.section-first .container1 .btn-box {
		width: 3.45rem;
		height: 1rem;
		font-size: 0.33rem;
	}

	.section-first .container2 {
		bottom: 1.4rem;
	}

	.section-first .container2>.pack>img {
		width: 6rem;
		margin-bottom: 0.7rem;
	}

	.section-first .container2>img {
		width: 6.1rem;
		margin: 0.35rem 0;
	}

	.section-first .container2>p>br {
		display: none;
	}

	/* 弹窗 */
	.fancybox-skin {
		padding: 0.5rem 1rem !important;
	}

	.section-second .container {
		width: 6.1rem;
		padding: 0;
		top: auto;
		bottom: -3.5rem;
		transform: translate(-50%, 0%);
		z-index: 99;
	}

	.section-second .container>img {
		width: 100%;
		margin: 0.35rem 0;
	}

	.section-introduction {
		height: 18.5rem;
		background-color: #000;
	}

	.section-introduction #introduction1 {
		display: none;
	}

	.section-introduction #introduction2 {
		display: block;
		margin-top: 3.2rem;
	}

	.section-introduction .container {
		width: 7rem;
		padding: 0;
		top: auto;
		bottom: 1rem;
		right: auto;
		left: 50%;
		transform: translate(-50%, 0%);
	}

	.section-introduction .container .text-box {
		width: 6.2rem;
		height: 3.15rem;
		background: url('/images/2025/evernight/bg/text-box-s.png') no-repeat center center;
		background-size: 100% 100%;
		text-align: center;
	}

	.section-introduction .container>img {
		width: 5.8rem;
	}

	.section-introduction .container>p {
		margin: 0.45rem 0 0.55rem;
	}

	.section-introduction>.icon {
		bottom: 6.9rem;
		right: auto;
		left: 50%;
		transform: translate(-50%, 0%);
	}

	/* 轮播图板块 */
	.section-carousel {
		width: 100%;
		height: 10rem;
		background-color: #14101e;
	}

	.section-carousel .container {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.section-carousel .swiper-container {
		position: relative;
		margin: 0.35rem 0;
	}

	.section-carousel picture>img {
		display: none;
	}

	.section-carousel .container>p>br {
		display: none;
	}

	.swiper-slide img {
		width: 6.2rem;
		height: 4.8rem;
		object-fit: cover;
	}

	.swiper-slide .icon {
		top: 0.2rem;
		right: 0.2rem;
		border: none;
	}

	.section-carousel .container>h1,
	.section-carousel .container>p,
	.section-carousel .switch-box {
		width: 6.8rem;
		margin: 0 auto;
	}

	.section-carousel .container>img {
		width: 6.8rem;
		margin: 0.35rem auto;
	}

	.section-carousel .switch-box>.pagination {
		width: 100%;
		display: flex;
		justify-content: space-between;
		flex-direction: row;
		margin: 0;
	}

	.swiper-pagination-bullet {
		width: 0.28rem;
		height: 0.29rem;
		margin-right: 0rem;
	}

	.swiper-pagination-bullet-active,
	.swiper-pagination-bullet:hover {
		width: 0.28rem;
		height: 0.29rem;
		transform: rotate(90deg) scale(1.5);
		transition: .5s;
	}

	.swiper-button {
		display: none;
	}

	/* 特点板块 */
	.section-feature .particle {
		display: none;
	}

	.section-feature .main-box {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		flex-direction: column;
		align-items: center;
	}

	.section-feature p {
		font-size: 0.2rem !important;
	}

	.section-feature span {
		margin: 0.2rem 0;
	}

	.section-feature .main-box>.box1,
	.section-feature .main-box>.box2,
	.section-feature .main-box>.box3 {
		width: 6.2rem;
	}

	.section-feature .bg-box {
		padding: 0 0.15rem;
		margin-bottom: 0.35rem;
	}

	.section-feature .speed>.text-box br,
	.section-feature .dock>.text-box br {
		display: none;
	}

	.section-feature .d-pad>.text-box {
		width: 3.2rem;
	}

	.section-feature .d-pad>img {
		width: 1.8rem;
	}

	.section-feature .bumpers {
		height: 4rem;
	}

	.section-feature .bumpers>img {
		width: 2rem;
		position: absolute;
		bottom: 0.05rem;
		right: 0.2rem;
	}

	.section-feature .bumpers>.text-box {
		width: 100%;
		margin-top: 0.3rem;
	}

	.section-feature .bumpers>.text-box>p {
		width: 3.3rem;
	}

	.section-feature .speed {
		height: 5.6rem;
	}

	.section-feature .speed>img {
		width: 1.3rem;
		position: absolute;
		bottom: 1rem;
		right: 0rem;
	}

	.section-feature .speed>.text-box>p:last-child {
		font-size: 0.2rem !important;
		white-space: nowrap;
	}

	.section-feature .latency {
		height: 3.6rem;
	}

	.section-feature .latency>.text-box>p {
		width: 3.7rem;
	}

	.section-feature .latency>.text-box>p:last-child {
		font-size: 0.2rem !important;
	}

	.section-feature .latency>img {
		width: 2.35rem;
		position: absolute;
		top: auto;
		bottom: 0rem;
		right: -0.29rem;
		transform: none;
	}

	.section-feature .dock {
		height: 3.5rem;
	}

	.section-feature .dock>.text-box {
		width: 100%;
	}

	.section-feature .dock>img {
		width: 1.65rem;
		position: absolute;
		bottom: 0.15rem;
		right: 0.2rem;
	}

	.section-feature .dock>.text-box>p {
		width: 3.05rem;
	}

	.section-feature .joysticks {
		height: 4.3rem;
	}

	.section-feature .joysticks>.text-box {
		width: 100%;
	}

	.section-feature .joysticks>img {
		width: 1.65rem;
		position: absolute;
		bottom: 0.15rem;
		right: 0.2rem;
	}

	.section-feature .joysticks>.text-box>p {
		width: 3.5rem;
	}

	.section-feature .switching {
		height: 3.4rem;
	}

	.section-feature .switching>.text-box {
		width: 100%;
	}

	.section-feature .switching>img {
		width: 1.3rem;
		position: absolute;
		bottom: 0.15rem;
		right: 0.2rem;
	}

	.section-feature .switching>.text-box>p {
		width: 3.5rem;
	}

	.section-feature .rgb {
		height: 2.8rem;
	}

	.section-feature .rgb>.text-box {
		width: 3.6rem;
	}

	.section-feature .rgb>.text-box>span {
		width: 100%;
	}

	.section-feature .rgb>img {
		width: 1.4rem;
	}

	.section-feature .axis {
		height: 3.2rem;
	}

	.section-feature .axis>.text-box {
		width: 100%;
	}

	.section-feature .axis>.text-box>p {
		width: 3.3rem;
	}

	.section-feature .axis>img {
		width: 1.65rem;
		position: absolute;
		top: auto;
		bottom: 0.2rem;
		right: 0.2rem;
		transform: none;
	}

	.section-feature .box3 {
		height: 7.5rem;
	}

	.section-feature .box3>span {
		margin: 0.2rem 0 0;
	}

	.section-feature .compatibility {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: space-between;
	}

	.section-feature .compatibility>div {
		width: 100%;
		padding: 0.3rem 0;
		border-bottom: 0.01rem dashed #ead3eb;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.section-feature .compatibility>div:last-child {
		border: none;
		padding: 0.3rem 0 0;
	}

	.section-feature .compatibility img {
		width: 0.8rem !important;
		margin: 0 0.4rem;
	}

	.section-feature .compatibility p {
		width: 3rem;
		text-align: left;
	}

	.section-feature .compatibility>div:last-child img {
		width: 1.6rem !important;
		margin: 0;
	}

	/* 参数板块 */
	.section-spec .content-box>h1:before {
		width: 6.1rem;
		background-size: 150% 100%;
	}

	.section-spec .content-box>img {
		width: 18rem;
		height: auto;
		margin: 1.5rem 0 0rem;
	}

	.spec-box h3 {
		font-size: 0.28rem !important;
		margin: 1.1rem 0 0;
	}

	.spec-box li {
		list-style: none;
		padding-left: 0;
		font-size: 0.2rem !important;
	}

	.spec-box li::before {
		content: "•";
		width: 0.1rem;
		height: 0.1rem;
		padding-right: 0.15rem;
	}

	.spec-box hr {
		border: 0.5px solid #ffffff00;
	}

	.app-note {
		bottom: .4rem;
	}

	.app-note p {
		font-size: 0.18rem !important;
	}
}

@media screen and (min-width: 768px) and (max-width: 2100px) {
	h1 {
		font-size: 0.4rem !important;
		color: #ead3eb !important;
		font-weight: 100 !important;
		line-height: 1 !important;
		font-family: "IM-Regular" !important;
		margin: 0;
	}

	.section-first p,
	.section-second p,
	.section-introduction p,
	.section-carousel p,
	.section-feature p,
	.section-spec p {
		font-size: 0.22rem !important;
		color: #ead3eb !important;
		line-height: 1.4 !important;
		font-family: "IM-Regular" !important;
		margin: 0;
	}

	.section-first .container1 {
		width: 9rem;
		left: 2rem;
	}

	.section-first .container1>.title-box>.Subtitle {
		font-size: 0.32rem !important;
		margin: 0.26rem 0 0.52rem;
	}

	.section-first .container2>img {
		width: 12rem;
	}

	.section-second .container>img {
		width: 10.8rem;
	}

	.section-introduction .container>p {
		font-size: 0.29rem !important;
	}

	.section-feature .d-pad>.text-box {
		width: 4rem;
	}

	.section-introduction .container .text-box {
		width: 7.35rem;
		height: 2.45rem;
	}

	.section-carousel .container>img {
		width: 10rem;
	}

	.section-feature .dock>.text-box {
		width: 4.2rem;
	}

	.section-feature .joysticks>.text-box {
		width: 4.5rem;
	}

	.section-carousel .swiper-container {
		margin: 0.5rem 0 0.4rem;
	}

	.pagination {
		margin: 0;
	}

	.section-feature .rgb>.text-box {
		width: 4.85rem;
	}

	.section-feature .latency>.text-box {
		width: 6rem;
	}

	.section-feature .axis>.text-box {
		width: 4.5rem;
	}

	.section-feature p {
		font-size: 0.20rem !important;
	}

	.section-feature .bg-box {
		padding: 0 0.2rem;
	}

	.section-feature .speed>.text-box>p:last-child,
	.section-feature .latency>.text-box>p:last-child {
		font-size: 0.14rem !important;
	}

	.section-feature .speed>.text-box>p {
		width: 5rem;
	}

	.section-spec .content-box>h1:before {
		width: 3.5rem;
		height: 0.2rem;
	}

	.spec-box h3 {
		font-size: 0.3rem !important;
		margin: 0.3rem 0 0;
	}

	.spec-box li {
		font-size: 0.18rem !important;
	}

	.app-note {
		bottom: .7rem;
	}

	.app-note p {
		font-size: 0.14rem !important;
	}
}