.bg-\[\#FAFAFA\] {
	--tw-bg-opacity: 1;
	background-color: rgba(250, 250, 250, var(--tw-bg-opacity))
}

.bg-\[\#F5F4F0\] {
	--tw-bg-opacity: 1;
	background-color: rgba(245, 244, 240, var(--tw-bg-opacity))
}

.bg-black {
	--tw-bg-opacity: 1;
	background-color: rgba(0, 0, 0, var(--tw-bg-opacity))
}

.bg-\[\#262C2D\] {
	--tw-bg-opacity: 1;
	background-color: rgba(38, 44, 45, var(--tw-bg-opacity))
}

.bg-\[rgba\(255\,255\,255\,0\.3\)\] {
	--tw-bg-opacity: .3;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
}

.bg-\[\#EFEDE9\] {
	--tw-bg-opacity: 1;
	background-color: rgba(239, 237, 233, var(--tw-bg-opacity))
}

.bg-\[\#1D2934\] {
	--tw-bg-opacity: 1;
	background-color: rgba(29, 41, 52, var(--tw-bg-opacity))
}

.bg-\[\#F6F6F6\] {
	--tw-bg-opacity: 1;
	background-color: rgba(246, 246, 246, var(--tw-bg-opacity))
}

.rounded-1\/2 {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%
}

.rounded-60rpx {
	-webkit-border-radius: -webkit-calc(var(--rpx, 1px)*60);
	-moz-border-radius: -moz-calc(var(--rpx, 1px)*60);
	border-radius: calc(var(--rpx, 1px)*60)
}

.rounded-24rpx {
	-webkit-border-radius: -webkit-calc(var(--rpx, 1px)*24);
	-moz-border-radius: -moz-calc(var(--rpx, 1px)*24);
	border-radius: calc(var(--rpx, 1px)*24)
}

.cursor-pointer {
	cursor: pointer
}

.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex
}

.flex-col {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column
}

.items-center {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-moz-box-align: center;
	-webkit-align-items: center;
	align-items: center
}

.justify-center {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-moz-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center
}

.justify-between {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-moz-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between
}

.flex-1 {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1 1 0%;
	-webkit-flex: 1 1 0%;
	flex: 1 1 0%
}

.flex-shrink-0 {
	-ms-flex-negative: 0;
	-webkit-flex-shrink: 0;
	flex-shrink: 0
}

.h-full {
	height: 100%
}

.h-24px {
	height: 24px
}

.h-30rpx {
	height: -webkit-calc(var(--rpx, 1px)*30);
	height: -moz-calc(var(--rpx, 1px)*30);
	height: calc(var(--rpx, 1px)*30)
}

.h-30px {
	height: 30px
}

.h-\[var\(--content-height\)\] {
	height: var(--content-height)
}

.mx-auto {
	margin-left: auto;
	margin-right: auto
}

.mt-8rpx {
	margin-top: calc(var(--rpx, 1px)*8)
}

.object-contain {
	-o-object-fit: contain;
	object-fit: contain
}

.object-cover {
	-o-object-fit: cover;
	object-fit: cover
}

.opacity-0 {
	opacity: 0
}

.opacity-55 {
	opacity: .55
}

.opacity-75 {
	opacity: .75
}

.opacity-95 {
	opacity: .95
}

.overflow-hidden {
	overflow: hidden
}

.p-2px {
	padding: 2px
}

.pt-4rpx {
	padding-top: calc(var(--rpx, 1px)*4)
}

.pb-4rpx {
	padding-bottom: calc(var(--rpx, 1px)*4)
}

.pl-12rpx {
	padding-left: calc(var(--rpx, 1px)*12)
}

.pr-12rpx {
	padding-right: calc(var(--rpx, 1px)*12)
}

.absolute {
	position: absolute
}

.relative {
	position: relative
}

.sticky {
	position: -webkit-sticky;
	position: sticky
}

.left-0 {
	left: 0
}

.top-0 {
	top: 0
}

.right-20px {
	right: 20px
}

.-top-100px {
	top: -100px
}

.top-\[var\(--nav-height\)\] {
	top: var(--nav-height)
}

.bottom-100vh {
	bottom: 100vh;
	bottom: -webkit-calc(var(--vh, 1vh)*100);
	bottom: -moz-calc(var(--vh, 1vh)*100);
	bottom: calc(var(--vh, 1vh)*100)
}

.-top-60px {
	top: -60px
}

.bottom-0 {
	bottom: 0
}

.right-0 {
	right: 0
}

.text-center {
	text-align: center
}

.text-\[rgba\(255\,255\,255\,0\.95\)\] {
	--tw-text-opacity: .95;
	color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.text-\[rgba\(255\,255\,255\,0\.55\)\] {
	--tw-text-opacity: .55;
	color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.text-\[rgba\(255\,255\,255\,0\.75\)\] {
	--tw-text-opacity: .75;
	color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.text-white {
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.text-\[rgba\(0\,0\,0\,0\.55\)\] {
	--tw-text-opacity: .55;
	color: rgba(0, 0, 0, var(--tw-text-opacity))
}

.w-screen {
	width: 100vw;
	width: -webkit-calc(var(--vw, 1vw)*100);
	width: -moz-calc(var(--vw, 1vw)*100);
	width: calc(var(--vw, 1vw)*100)
}

.w-full {
	width: 100%
}

.w-24px {
	width: 24px
}

.w-30rpx {
	width: -webkit-calc(var(--rpx, 1px)*30);
	width: -moz-calc(var(--rpx, 1px)*30);
	width: calc(var(--rpx, 1px)*30)
}

.w-30px {
	width: 30px
}

.z-5 {
	z-index: 5
}

.z-3 {
	z-index: 3
}

.z-1 {
	z-index: 1
}

.z-2 {
	z-index: 2
}

.z-4 {
	z-index: 4
}

.z-6 {
	z-index: 6
}

.full {
	height: 100%;
	width: 100%
}

@media (min-width:650px) and (max-width:1023px) {
	.pad\:rounded-4rpx {
		-webkit-border-radius: -webkit-calc(var(--rpx, 1px)*4);
		-moz-border-radius: -moz-calc(var(--rpx, 1px)*4);
		border-radius: calc(var(--rpx, 1px)*4)
	}

	.pad\:flex {
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -moz-box;
		display: flex
	}

	.pad\:flex-col {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		-webkit-flex-direction: column;
		flex-direction: column
	}

	.pad\:items-center {
		-webkit-box-align: center;
		-ms-flex-align: center;
		-moz-box-align: center;
		-webkit-align-items: center;
		align-items: center
	}

	.pad\:justify-center {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-moz-box-pack: center;
		-webkit-justify-content: center;
		justify-content: center
	}

	.pad\:justify-between {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-moz-box-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between
	}

	.pad\:flex-1 {
		-webkit-box-flex: 1;
		-moz-box-flex: 1;
		-ms-flex: 1 1 0%;
		-webkit-flex: 1 1 0%;
		flex: 1 1 0%
	}

	.pad\:h-auto {
		height: auto
	}

	.pad\:h-full {
		height: 100%
	}

	.pad\:h-460rpx {
		height: -webkit-calc(var(--rpx, 1px)*460);
		height: -moz-calc(var(--rpx, 1px)*460);
		height: calc(var(--rpx, 1px)*460)
	}

	.pad\:h-412rpx {
		height: -webkit-calc(var(--rpx, 1px)*412);
		height: -moz-calc(var(--rpx, 1px)*412);
		height: calc(var(--rpx, 1px)*412)
	}

	.pad\:h-300rpx {
		height: -webkit-calc(var(--rpx, 1px)*300);
		height: -moz-calc(var(--rpx, 1px)*300);
		height: calc(var(--rpx, 1px)*300)
	}

	.pad\:h-128rpx {
		height: -webkit-calc(var(--rpx, 1px)*128);
		height: -moz-calc(var(--rpx, 1px)*128);
		height: calc(var(--rpx, 1px)*128)
	}

	.pad\:h-400rpx {
		height: -webkit-calc(var(--rpx, 1px)*400);
		height: -moz-calc(var(--rpx, 1px)*400);
		height: calc(var(--rpx, 1px)*400)
	}

	.pad\:h-353rpx {
		height: -webkit-calc(var(--rpx, 1px)*353);
		height: -moz-calc(var(--rpx, 1px)*353);
		height: calc(var(--rpx, 1px)*353)
	}

	.pad\:h-180rpx {
		height: -webkit-calc(var(--rpx, 1px)*180);
		height: -moz-calc(var(--rpx, 1px)*180);
		height: calc(var(--rpx, 1px)*180)
	}

	.pad\:h-450rpx {
		height: -webkit-calc(var(--rpx, 1px)*450);
		height: -moz-calc(var(--rpx, 1px)*450);
		height: calc(var(--rpx, 1px)*450)
	}

	.pad\:h-84rpx {
		height: -webkit-calc(var(--rpx, 1px)*84);
		height: -moz-calc(var(--rpx, 1px)*84);
		height: calc(var(--rpx, 1px)*84)
	}

	.pad\:h-298rpx {
		height: -webkit-calc(var(--rpx, 1px)*298);
		height: -moz-calc(var(--rpx, 1px)*298);
		height: calc(var(--rpx, 1px)*298)
	}

	.pad\:h-166\.25rpx {
		height: -webkit-calc(var(--rpx, 1px)*166.25);
		height: -moz-calc(var(--rpx, 1px)*166.25);
		height: calc(var(--rpx, 1px)*166.25)
	}

	.pad\:h-124\.375rpx {
		height: -webkit-calc(var(--rpx, 1px)*124.375);
		height: -moz-calc(var(--rpx, 1px)*124.375);
		height: calc(var(--rpx, 1px)*124.375)
	}

	.pad\:h-22\.5rpx {
		height: -webkit-calc(var(--rpx, 1px)*22.5);
		height: -moz-calc(var(--rpx, 1px)*22.5);
		height: calc(var(--rpx, 1px)*22.5)
	}

	.pad\:h-360rpx {
		height: -webkit-calc(var(--rpx, 1px)*360);
		height: -moz-calc(var(--rpx, 1px)*360);
		height: calc(var(--rpx, 1px)*360)
	}

	.pad\:h-150rpx {
		height: -webkit-calc(var(--rpx, 1px)*150);
		height: -moz-calc(var(--rpx, 1px)*150);
		height: calc(var(--rpx, 1px)*150)
	}

	.pad\:h-235rpx {
		height: -webkit-calc(var(--rpx, 1px)*235);
		height: -moz-calc(var(--rpx, 1px)*235);
		height: calc(var(--rpx, 1px)*235)
	}

	.pad\:h-374rpx {
		height: -webkit-calc(var(--rpx, 1px)*374);
		height: -moz-calc(var(--rpx, 1px)*374);
		height: calc(var(--rpx, 1px)*374)
	}

	.pad\:h-420rpx {
		height: -webkit-calc(var(--rpx, 1px)*420);
		height: -moz-calc(var(--rpx, 1px)*420);
		height: calc(var(--rpx, 1px)*420)
	}

	.pad\:mt-20rpx {
		margin-top: calc(var(--rpx, 1px)*20)
	}

	.pad\:mt-24rpx {
		margin-top: calc(var(--rpx, 1px)*24)
	}

	.pad\:mt-2rpx {
		margin-top: calc(var(--rpx, 1px)*2)
	}

	.pad\:mt-4rpx {
		margin-top: calc(var(--rpx, 1px)*4)
	}

	.pad\:mt-8rpx {
		margin-top: calc(var(--rpx, 1px)*8)
	}

	.pad\:mt-18rpx {
		margin-top: calc(var(--rpx, 1px)*18)
	}

	.pad\:mt-64rpx {
		margin-top: calc(var(--rpx, 1px)*64)
	}

	.pad\:mr-24rpx {
		margin-right: calc(var(--rpx, 1px)*24)
	}

	.pad\:ml-7rpx {
		margin-left: calc(var(--rpx, 1px)*7)
	}

	.pad\:mr-7rpx {
		margin-right: calc(var(--rpx, 1px)*7)
	}

	.pad\:-mt-30rpx {
		margin-top: calc(var(--rpx, 1px)*-30)
	}

	.pad\:-mt-86rpx {
		margin-top: calc(var(--rpx, 1px)*-86)
	}

	.pad\:-mt-76rpx {
		margin-top: calc(var(--rpx, 1px)*-76)
	}

	.pad\:ml-8rpx {
		margin-left: calc(var(--rpx, 1px)*8)
	}

	.pad\:overflow-hidden {
		overflow: hidden
	}

	.pad\:p-8rpx {
		padding: calc(var(--rpx, 1px)*8)
	}

	.pad\:p-12rpx {
		padding: calc(var(--rpx, 1px)*12)
	}

	.pad\:pt-48rpx {
		padding-top: calc(var(--rpx, 1px)*48)
	}

	.pad\:pt-80px {
		padding-top: 80px
	}

	.pad\:pb-80px {
		padding-bottom: 80px
	}

	.pad\:pb-24rpx {
		padding-bottom: calc(var(--rpx, 1px)*24)
	}

	.pad\:pl-24rpx {
		padding-left: calc(var(--rpx, 1px)*24)
	}

	.pad\:pb-64rpx {
		padding-bottom: calc(var(--rpx, 1px)*64)
	}

	.pad\:pt-80rpx {
		padding-top: calc(var(--rpx, 1px)*80)
	}

	.pad\:pl-24px {
		padding-left: 24px
	}

	.pad\:pr-24px {
		padding-right: 24px
	}

	.pad\:pt-64rpx {
		padding-top: calc(var(--rpx, 1px)*64)
	}

	.pad\:pb-80rpx {
		padding-bottom: calc(var(--rpx, 1px)*80)
	}

	.pad\:pr-24rpx {
		padding-right: calc(var(--rpx, 1px)*24)
	}

	.pad\:pt-32rpx {
		padding-top: calc(var(--rpx, 1px)*32)
	}

	.pad\:pb-32rpx {
		padding-bottom: calc(var(--rpx, 1px)*32)
	}

	.pad\:pt-60rpx {
		padding-top: calc(var(--rpx, 1px)*60)
	}

	.pad\:pb-60rpx {
		padding-bottom: calc(var(--rpx, 1px)*60)
	}

	.pad\:pt-100rpx {
		padding-top: calc(var(--rpx, 1px)*100)
	}

	.pad\:pb-100rpx {
		padding-bottom: calc(var(--rpx, 1px)*100)
	}

	.pad\:relative {
		position: relative
	}

	.pad\:top-34rpx {
		top: -webkit-calc(var(--rpx, 1px)*34);
		top: -moz-calc(var(--rpx, 1px)*34);
		top: calc(var(--rpx, 1px)*34)
	}

	.pad\:right-11rpx {
		right: -webkit-calc(var(--rpx, 1px)*11);
		right: -moz-calc(var(--rpx, 1px)*11);
		right: calc(var(--rpx, 1px)*11)
	}

	.pad\:left-149rpx {
		left: -webkit-calc(var(--rpx, 1px)*149);
		left: -moz-calc(var(--rpx, 1px)*149);
		left: calc(var(--rpx, 1px)*149)
	}

	.pad\:-top-25rpx {
		top: -webkit-calc(var(--rpx, 1px)*-25);
		top: -moz-calc(var(--rpx, 1px)*-25);
		top: calc(var(--rpx, 1px)*-25)
	}

	.pad\:left-153rpx {
		left: -webkit-calc(var(--rpx, 1px)*153);
		left: -moz-calc(var(--rpx, 1px)*153);
		left: calc(var(--rpx, 1px)*153)
	}

	.pad\:top-81rpx {
		top: -webkit-calc(var(--rpx, 1px)*81);
		top: -moz-calc(var(--rpx, 1px)*81);
		top: calc(var(--rpx, 1px)*81)
	}

	.pad\:right-156rpx {
		right: -webkit-calc(var(--rpx, 1px)*156);
		right: -moz-calc(var(--rpx, 1px)*156);
		right: calc(var(--rpx, 1px)*156)
	}

	.pad\:left-168\.75rpx {
		left: -webkit-calc(var(--rpx, 1px)*168.75);
		left: -moz-calc(var(--rpx, 1px)*168.75);
		left: calc(var(--rpx, 1px)*168.75)
	}

	.pad\:top-131\.25rpx {
		top: -webkit-calc(var(--rpx, 1px)*131.25);
		top: -moz-calc(var(--rpx, 1px)*131.25);
		top: calc(var(--rpx, 1px)*131.25)
	}

	.pad\:left-64\.375rpx {
		left: -webkit-calc(var(--rpx, 1px)*64.375);
		left: -moz-calc(var(--rpx, 1px)*64.375);
		left: calc(var(--rpx, 1px)*64.375)
	}

	.pad\:top-15rpx {
		top: -webkit-calc(var(--rpx, 1px)*15);
		top: -moz-calc(var(--rpx, 1px)*15);
		top: calc(var(--rpx, 1px)*15)
	}

	.pad\:-left-145\.5rpx {
		left: -webkit-calc(var(--rpx, 1px)*-145.5);
		left: -moz-calc(var(--rpx, 1px)*-145.5);
		left: calc(var(--rpx, 1px)*-145.5)
	}

	.pad\:top-203\.75rpx {
		top: -webkit-calc(var(--rpx, 1px)*203.75);
		top: -moz-calc(var(--rpx, 1px)*203.75);
		top: calc(var(--rpx, 1px)*203.75)
	}

	.pad\:-right-10rpx {
		right: -webkit-calc(var(--rpx, 1px)*-10);
		right: -moz-calc(var(--rpx, 1px)*-10);
		right: calc(var(--rpx, 1px)*-10)
	}

	.pad\:left-175\.5rpx {
		left: -webkit-calc(var(--rpx, 1px)*175.5);
		left: -moz-calc(var(--rpx, 1px)*175.5);
		left: calc(var(--rpx, 1px)*175.5)
	}

	.pad\:top-62rpx {
		top: -webkit-calc(var(--rpx, 1px)*62);
		top: -moz-calc(var(--rpx, 1px)*62);
		top: calc(var(--rpx, 1px)*62)
	}

	.pad\:left-138rpx {
		left: -webkit-calc(var(--rpx, 1px)*138);
		left: -moz-calc(var(--rpx, 1px)*138);
		left: calc(var(--rpx, 1px)*138)
	}

	.pad\:top-68rpx {
		top: -webkit-calc(var(--rpx, 1px)*68);
		top: -moz-calc(var(--rpx, 1px)*68);
		top: calc(var(--rpx, 1px)*68)
	}

	.pad\:bottom-12rpx {
		bottom: -webkit-calc(var(--rpx, 1px)*12);
		bottom: -moz-calc(var(--rpx, 1px)*12);
		bottom: calc(var(--rpx, 1px)*12)
	}

	.pad\:text-center {
		text-align: center
	}

	.pad\:text-\[rgba\(0\,0\,0\,0\.95\)\] {
		--tw-text-opacity: .95;
		color: rgba(0, 0, 0, var(--tw-text-opacity))
	}

	.pad\:text-\[rgba\(0\,0\,0\,0\.55\)\] {
		--tw-text-opacity: .55;
		color: rgba(0, 0, 0, var(--tw-text-opacity))
	}

	.pad\:w-full {
		width: 100%
	}

	.pad\:w-618rpx {
		width: -webkit-calc(var(--rpx, 1px)*618);
		width: -moz-calc(var(--rpx, 1px)*618);
		width: calc(var(--rpx, 1px)*618)
	}

	.pad\:w-720rpx {
		width: -webkit-calc(var(--rpx, 1px)*720);
		width: -moz-calc(var(--rpx, 1px)*720);
		width: calc(var(--rpx, 1px)*720)
	}

	.pad\:w-144px {
		width: 144px
	}

	.pad\:w-228px {
		width: 228px
	}

	.pad\:w-177rpx {
		width: -webkit-calc(var(--rpx, 1px)*177);
		width: -moz-calc(var(--rpx, 1px)*177);
		width: calc(var(--rpx, 1px)*177)
	}

	.pad\:w-539rpx {
		width: -webkit-calc(var(--rpx, 1px)*539);
		width: -moz-calc(var(--rpx, 1px)*539);
		width: calc(var(--rpx, 1px)*539)
	}

	.pad\:w-358rpx {
		width: -webkit-calc(var(--rpx, 1px)*358);
		width: -moz-calc(var(--rpx, 1px)*358);
		width: calc(var(--rpx, 1px)*358)
	}

	.pad\:w-363px {
		width: 363px
	}

	.pad\:w-332px {
		width: 332px
	}

	.pad\:w-235rpx {
		width: -webkit-calc(var(--rpx, 1px)*235);
		width: -moz-calc(var(--rpx, 1px)*235);
		width: calc(var(--rpx, 1px)*235)
	}

	.pad\:w-900rpx {
		width: -webkit-calc(var(--rpx, 1px)*900);
		width: -moz-calc(var(--rpx, 1px)*900);
		width: calc(var(--rpx, 1px)*900)
	}

	.pad\:w-603rpx {
		width: -webkit-calc(var(--rpx, 1px)*603);
		width: -moz-calc(var(--rpx, 1px)*603);
		width: calc(var(--rpx, 1px)*603)
	}

	.pad\:w-84rpx {
		width: -webkit-calc(var(--rpx, 1px)*84);
		width: -moz-calc(var(--rpx, 1px)*84);
		width: calc(var(--rpx, 1px)*84)
	}

	.pad\:w-324rpx {
		width: -webkit-calc(var(--rpx, 1px)*324);
		width: -moz-calc(var(--rpx, 1px)*324);
		width: calc(var(--rpx, 1px)*324)
	}

	.pad\:w-372rpx {
		width: -webkit-calc(var(--rpx, 1px)*372);
		width: -moz-calc(var(--rpx, 1px)*372);
		width: calc(var(--rpx, 1px)*372)
	}

	.pad\:w-562\.5rpx {
		width: -webkit-calc(var(--rpx, 1px)*562.5);
		width: -moz-calc(var(--rpx, 1px)*562.5);
		width: calc(var(--rpx, 1px)*562.5)
	}

	.pad\:w-329\.375rpx {
		width: -webkit-calc(var(--rpx, 1px)*329.375);
		width: -moz-calc(var(--rpx, 1px)*329.375);
		width: calc(var(--rpx, 1px)*329.375)
	}

	.pad\:w-353\.1rpx {
		width: -webkit-calc(var(--rpx, 1px)*353.1);
		width: -moz-calc(var(--rpx, 1px)*353.1);
		width: calc(var(--rpx, 1px)*353.1)
	}

	.pad\:w-356rpx {
		width: -webkit-calc(var(--rpx, 1px)*356);
		width: -moz-calc(var(--rpx, 1px)*356);
		width: calc(var(--rpx, 1px)*356)
	}

	.pad\:w-344px {
		width: 344px
	}

	.pad\:w-469rpx {
		width: -webkit-calc(var(--rpx, 1px)*469);
		width: -moz-calc(var(--rpx, 1px)*469);
		width: calc(var(--rpx, 1px)*469)
	}

	.pad\:w-193rpx {
		width: -webkit-calc(var(--rpx, 1px)*193);
		width: -moz-calc(var(--rpx, 1px)*193);
		width: calc(var(--rpx, 1px)*193)
	}

	.pad\:w-96rpx {
		width: -webkit-calc(var(--rpx, 1px)*96);
		width: -moz-calc(var(--rpx, 1px)*96);
		width: calc(var(--rpx, 1px)*96)
	}

	.pad\:w-118rpx {
		width: -webkit-calc(var(--rpx, 1px)*118);
		width: -moz-calc(var(--rpx, 1px)*118);
		width: calc(var(--rpx, 1px)*118)
	}

	.pad\:w-222rpx {
		width: -webkit-calc(var(--rpx, 1px)*222);
		width: -moz-calc(var(--rpx, 1px)*222);
		width: calc(var(--rpx, 1px)*222)
	}

	.pad\:w-338rpx {
		width: -webkit-calc(var(--rpx, 1px)*338);
		width: -moz-calc(var(--rpx, 1px)*338);
		width: calc(var(--rpx, 1px)*338)
	}

	.pad\:w-359rpx {
		width: -webkit-calc(var(--rpx, 1px)*359);
		width: -moz-calc(var(--rpx, 1px)*359);
		width: calc(var(--rpx, 1px)*359)
	}

	.pad\:w-337rpx {
		width: -webkit-calc(var(--rpx, 1px)*337);
		width: -moz-calc(var(--rpx, 1px)*337);
		width: calc(var(--rpx, 1px)*337)
	}

	.pad\:w-360rpx {
		width: -webkit-calc(var(--rpx, 1px)*360);
		width: -moz-calc(var(--rpx, 1px)*360);
		width: calc(var(--rpx, 1px)*360)
	}

	.pad\:w-355rpx {
		width: -webkit-calc(var(--rpx, 1px)*355);
		width: -moz-calc(var(--rpx, 1px)*355);
		width: calc(var(--rpx, 1px)*355)
	}

	.pad\:w-280px {
		width: 280px
	}
}

@media (min-width:1024px) {
	.pc\:rounded-8rpx {
		-webkit-border-radius: -webkit-calc(var(--rpx, 1px)*8);
		-moz-border-radius: -moz-calc(var(--rpx, 1px)*8);
		border-radius: calc(var(--rpx, 1px)*8)
	}

	.pc\:flex {
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -moz-box;
		display: flex
	}

	.pc\:flex-col {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		-webkit-flex-direction: column;
		flex-direction: column
	}

	.pc\:items-center {
		-webkit-box-align: center;
		-ms-flex-align: center;
		-moz-box-align: center;
		-webkit-align-items: center;
		align-items: center
	}

	.pc\:justify-center {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-moz-box-pack: center;
		-webkit-justify-content: center;
		justify-content: center
	}

	.pc\:justify-between {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-moz-box-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between
	}

	.pc\:flex-1 {
		-webkit-box-flex: 1;
		-moz-box-flex: 1;
		-ms-flex: 1 1 0%;
		-webkit-flex: 1 1 0%;
		flex: 1 1 0%
	}

	.pc\:h-auto {
		height: auto
	}

	.pc\:h-full {
		height: 100%
	}

	.pc\:h-44\.44vw {
		height: 44.44vw;
		height: -webkit-calc(var(--vw, 1vw)*44.44);
		height: -moz-calc(var(--vw, 1vw)*44.44);
		height: calc(var(--vw, 1vw)*44.44)
	}

	.pc\:h-640rpx {
		height: -webkit-calc(var(--rpx, 1px)*640);
		height: -moz-calc(var(--rpx, 1px)*640);
		height: calc(var(--rpx, 1px)*640)
	}

	.pc\:h-\[calc\(528rpx-24rpx\+24px\)\] {
		height: -webkit-calc(var(--rpx, 1px)*528 - var(--rpx, 1px)*24 + 24px);
		height: -moz-calc(var(--rpx, 1px)*528 - var(--rpx, 1px)*24 + 24px);
		height: calc(var(--rpx, 1px)*528 - var(--rpx, 1px)*24 + 24px)
	}

	.pc\:h-234rpx {
		height: -webkit-calc(var(--rpx, 1px)*234);
		height: -moz-calc(var(--rpx, 1px)*234);
		height: calc(var(--rpx, 1px)*234)
	}

	.pc\:h-697rpx {
		height: -webkit-calc(var(--rpx, 1px)*697);
		height: -moz-calc(var(--rpx, 1px)*697);
		height: calc(var(--rpx, 1px)*697)
	}

	.pc\:h-524rpx {
		height: -webkit-calc(var(--rpx, 1px)*524);
		height: -moz-calc(var(--rpx, 1px)*524);
		height: calc(var(--rpx, 1px)*524)
	}

	.pc\:h-240rpx {
		height: -webkit-calc(var(--rpx, 1px)*240);
		height: -moz-calc(var(--rpx, 1px)*240);
		height: calc(var(--rpx, 1px)*240)
	}

	.pc\:h-40rpx {
		height: -webkit-calc(var(--rpx, 1px)*40);
		height: -moz-calc(var(--rpx, 1px)*40);
		height: calc(var(--rpx, 1px)*40)
	}

	.pc\:h-32rpx {
		height: -webkit-calc(var(--rpx, 1px)*32);
		height: -moz-calc(var(--rpx, 1px)*32);
		height: calc(var(--rpx, 1px)*32)
	}

	.pc\:h-480rpx {
		height: -webkit-calc(var(--rpx, 1px)*480);
		height: -moz-calc(var(--rpx, 1px)*480);
		height: calc(var(--rpx, 1px)*480)
	}

	.pc\:h-720rpx {
		height: -webkit-calc(var(--rpx, 1px)*720);
		height: -moz-calc(var(--rpx, 1px)*720);
		height: calc(var(--rpx, 1px)*720)
	}

	.pc\:h-135rpx {
		height: -webkit-calc(var(--rpx, 1px)*135);
		height: -moz-calc(var(--rpx, 1px)*135);
		height: calc(var(--rpx, 1px)*135)
	}

	.pc\:h-580rpx {
		height: -webkit-calc(var(--rpx, 1px)*580);
		height: -moz-calc(var(--rpx, 1px)*580);
		height: calc(var(--rpx, 1px)*580)
	}

	.pc\:h-266rpx {
		height: -webkit-calc(var(--rpx, 1px)*266);
		height: -moz-calc(var(--rpx, 1px)*266);
		height: calc(var(--rpx, 1px)*266)
	}

	.pc\:h-199rpx {
		height: -webkit-calc(var(--rpx, 1px)*199);
		height: -moz-calc(var(--rpx, 1px)*199);
		height: calc(var(--rpx, 1px)*199)
	}

	.pc\:h-36rpx {
		height: -webkit-calc(var(--rpx, 1px)*36);
		height: -moz-calc(var(--rpx, 1px)*36);
		height: calc(var(--rpx, 1px)*36)
	}

	.pc\:h-640px {
		height: 640px
	}

	.pc\:h-417rpx {
		height: -webkit-calc(var(--rpx, 1px)*417);
		height: -moz-calc(var(--rpx, 1px)*417);
		height: calc(var(--rpx, 1px)*417)
	}

	.pc\:h-520rpx {
		height: -webkit-calc(var(--rpx, 1px)*520);
		height: -moz-calc(var(--rpx, 1px)*520);
		height: calc(var(--rpx, 1px)*520)
	}

	.pc\:h-740rpx {
		height: -webkit-calc(var(--rpx, 1px)*740);
		height: -moz-calc(var(--rpx, 1px)*740);
		height: calc(var(--rpx, 1px)*740)
	}

	.pc\:h-520px {
		height: 520px
	}

	.pc\:h-540rpx {
		height: -webkit-calc(var(--rpx, 1px)*540);
		height: -moz-calc(var(--rpx, 1px)*540);
		height: calc(var(--rpx, 1px)*540)
	}

	.pc\:h-500rpx {
		height: -webkit-calc(var(--rpx, 1px)*500);
		height: -moz-calc(var(--rpx, 1px)*500);
		height: calc(var(--rpx, 1px)*500)
	}

	.pc\:mt-24rpx {
		margin-top: calc(var(--rpx, 1px)*24)
	}

	.pc\:mt-48rpx {
		margin-top: calc(var(--rpx, 1px)*48)
	}

	.pc\:mt-4rpx {
		margin-top: calc(var(--rpx, 1px)*4)
	}

	.pc\:mt-8rpx {
		margin-top: calc(var(--rpx, 1px)*8)
	}

	.pc\:mt-18rpx {
		margin-top: calc(var(--rpx, 1px)*18)
	}

	.pc\:mt-80rpx {
		margin-top: calc(var(--rpx, 1px)*80)
	}

	.pc\:mr-48rpx {
		margin-right: calc(var(--rpx, 1px)*48)
	}

	.pc\:mr-16rpx {
		margin-right: calc(var(--rpx, 1px)*16)
	}

	.pc\:mt-7rpx {
		margin-top: calc(var(--rpx, 1px)*7)
	}

	.pc\:mt-32rpx {
		margin-top: calc(var(--rpx, 1px)*32)
	}

	.pc\:ml-8rpx {
		margin-left: calc(var(--rpx, 1px)*8)
	}

	.pc\:mr-8rpx {
		margin-right: calc(var(--rpx, 1px)*8)
	}

	.pc\:-mt-40rpx {
		margin-top: calc(var(--rpx, 1px)*-40)
	}

	.pc\:ml-48rpx {
		margin-left: calc(var(--rpx, 1px)*48)
	}

	.pc\:-mt-194rpx {
		margin-top: calc(var(--rpx, 1px)*-194)
	}

	.pc\:-mt-100rpx {
		margin-top: calc(var(--rpx, 1px)*-100)
	}

	.pc\:mt-200vh {
		margin-top: 200vh;
		margin-top: calc(var(--vh, 1vh)*200)
	}

	.pc\:ml-64rpx {
		margin-left: calc(var(--rpx, 1px)*64)
	}

	.pc\:mt-40rpx {
		margin-top: calc(var(--rpx, 1px)*40)
	}

	.pc\:max-w-1440px {
		max-width: 1440px
	}

	.pc\:min-h-640px {
		min-height: 640px
	}

	.pc\:min-h-520px {
		min-height: 520px
	}

	.pc\:min-w-530px {
		min-width: 530px
	}

	.pc\:min-w-332px {
		min-width: 332px
	}

	.pc\:min-w-248px {
		min-width: 248px
	}

	.pc\:overflow-hidden {
		overflow: hidden
	}

	.pc\:p-20rpx {
		padding: calc(var(--rpx, 1px)*20)
	}

	.pc\:pt-80rpx {
		padding-top: calc(var(--rpx, 1px)*80)
	}

	.pc\:pt-12rpx {
		padding-top: calc(var(--rpx, 1px)*12)
	}

	.pc\:pb-12rpx {
		padding-bottom: calc(var(--rpx, 1px)*12)
	}

	.pc\:pl-20rpx {
		padding-left: calc(var(--rpx, 1px)*20)
	}

	.pc\:pr-20rpx {
		padding-right: calc(var(--rpx, 1px)*20)
	}

	.pc\:pt-184rpx {
		padding-top: calc(var(--rpx, 1px)*184)
	}

	.pc\:pb-184rpx {
		padding-bottom: calc(var(--rpx, 1px)*184)
	}

	.pc\:pb-24rpx {
		padding-bottom: calc(var(--rpx, 1px)*24)
	}

	.pc\:pl-64rpx {
		padding-left: calc(var(--rpx, 1px)*64)
	}

	.pc\:pb-160rpx {
		padding-bottom: calc(var(--rpx, 1px)*160)
	}

	.pc\:pb-128rpx {
		padding-bottom: calc(var(--rpx, 1px)*128)
	}

	.pc\:pl-64px {
		padding-left: 64px
	}

	.pc\:pr-64px {
		padding-right: 64px
	}

	.pc\:pt-14rpx {
		padding-top: calc(var(--rpx, 1px)*14)
	}

	.pc\:pb-14rpx {
		padding-bottom: calc(var(--rpx, 1px)*14)
	}

	.pc\:pb-80rpx {
		padding-bottom: calc(var(--rpx, 1px)*80)
	}

	.pc\:pr-32rpx {
		padding-right: calc(var(--rpx, 1px)*32)
	}

	.pc\:pr-64rpx {
		padding-right: calc(var(--rpx, 1px)*64)
	}

	.pc\:pt-64rpx {
		padding-top: calc(var(--rpx, 1px)*64)
	}

	.pc\:pb-64rpx {
		padding-bottom: calc(var(--rpx, 1px)*64)
	}

	.pc\:pl-48rpx {
		padding-left: calc(var(--rpx, 1px)*48)
	}

	.pc\:pt-50rpx {
		padding-top: calc(var(--rpx, 1px)*50)
	}

	.pc\:pb-76rpx {
		padding-bottom: calc(var(--rpx, 1px)*76)
	}

	.pc\:pt-100rpx {
		padding-top: calc(var(--rpx, 1px)*100)
	}

	.pc\:pb-100rpx {
		padding-bottom: calc(var(--rpx, 1px)*100)
	}

	.pc\:right-0 {
		right: 0
	}

	.pc\:left-238rpx {
		left: -webkit-calc(var(--rpx, 1px)*238);
		left: -moz-calc(var(--rpx, 1px)*238);
		left: calc(var(--rpx, 1px)*238)
	}

	.pc\:-top-40rpx {
		top: -webkit-calc(var(--rpx, 1px)*-40);
		top: -moz-calc(var(--rpx, 1px)*-40);
		top: calc(var(--rpx, 1px)*-40)
	}

	.pc\:left-245rpx {
		left: -webkit-calc(var(--rpx, 1px)*245);
		left: -moz-calc(var(--rpx, 1px)*245);
		left: calc(var(--rpx, 1px)*245)
	}

	.pc\:top-130rpx {
		top: -webkit-calc(var(--rpx, 1px)*130);
		top: -moz-calc(var(--rpx, 1px)*130);
		top: calc(var(--rpx, 1px)*130)
	}

	.pc\:right-249rpx {
		right: -webkit-calc(var(--rpx, 1px)*249);
		right: -moz-calc(var(--rpx, 1px)*249);
		right: calc(var(--rpx, 1px)*249)
	}

	.pc\:left-270rpx {
		left: -webkit-calc(var(--rpx, 1px)*270);
		left: -moz-calc(var(--rpx, 1px)*270);
		left: calc(var(--rpx, 1px)*270)
	}

	.pc\:top-210rpx {
		top: -webkit-calc(var(--rpx, 1px)*210);
		top: -moz-calc(var(--rpx, 1px)*210);
		top: calc(var(--rpx, 1px)*210)
	}

	.pc\:left-103rpx {
		left: -webkit-calc(var(--rpx, 1px)*103);
		left: -moz-calc(var(--rpx, 1px)*103);
		left: calc(var(--rpx, 1px)*103)
	}

	.pc\:top-24rpx {
		top: -webkit-calc(var(--rpx, 1px)*24);
		top: -moz-calc(var(--rpx, 1px)*24);
		top: calc(var(--rpx, 1px)*24)
	}

	.pc\:-left-233rpx {
		left: -webkit-calc(var(--rpx, 1px)*-233);
		left: -moz-calc(var(--rpx, 1px)*-233);
		left: calc(var(--rpx, 1px)*-233)
	}

	.pc\:top-326rpx {
		top: -webkit-calc(var(--rpx, 1px)*326);
		top: -moz-calc(var(--rpx, 1px)*326);
		top: calc(var(--rpx, 1px)*326)
	}

	.pc\:-right-16rpx {
		right: -webkit-calc(var(--rpx, 1px)*-16);
		right: -moz-calc(var(--rpx, 1px)*-16);
		right: calc(var(--rpx, 1px)*-16)
	}

	.pc\:left-312rpx {
		left: -webkit-calc(var(--rpx, 1px)*312);
		left: -moz-calc(var(--rpx, 1px)*312);
		left: calc(var(--rpx, 1px)*312)
	}

	.pc\:top-110rpx {
		top: -webkit-calc(var(--rpx, 1px)*110);
		top: -moz-calc(var(--rpx, 1px)*110);
		top: calc(var(--rpx, 1px)*110)
	}

	.pc\:left-246rpx {
		left: -webkit-calc(var(--rpx, 1px)*246);
		left: -moz-calc(var(--rpx, 1px)*246);
		left: calc(var(--rpx, 1px)*246)
	}

	.pc\:top-121rpx {
		top: -webkit-calc(var(--rpx, 1px)*121);
		top: -moz-calc(var(--rpx, 1px)*121);
		top: calc(var(--rpx, 1px)*121)
	}

	.pc\:right-12rpx {
		right: -webkit-calc(var(--rpx, 1px)*12);
		right: -moz-calc(var(--rpx, 1px)*12);
		right: calc(var(--rpx, 1px)*12)
	}

	.pc\:bottom-12rpx {
		bottom: -webkit-calc(var(--rpx, 1px)*12);
		bottom: -moz-calc(var(--rpx, 1px)*12);
		bottom: calc(var(--rpx, 1px)*12)
	}

	.pc\:left-249rpx {
		left: -webkit-calc(var(--rpx, 1px)*249);
		left: -moz-calc(var(--rpx, 1px)*249);
		left: calc(var(--rpx, 1px)*249)
	}

	.pc\:top-10rpx {
		top: -webkit-calc(var(--rpx, 1px)*10);
		top: -moz-calc(var(--rpx, 1px)*10);
		top: calc(var(--rpx, 1px)*10)
	}

	.pc\:text-center {
		text-align: center
	}

	.pc\:text-\[rgba\(0\,0\,0\,0\.55\)\] {
		--tw-text-opacity: .55;
		color: rgba(0, 0, 0, var(--tw-text-opacity))
	}

	.pc\:whitespace-nowrap {
		white-space: nowrap
	}

	.pc\:w-full {
		width: 100%
	}

	.pc\:w-1155rpx {
		width: -webkit-calc(var(--rpx, 1px)*1155);
		width: -moz-calc(var(--rpx, 1px)*1155);
		width: calc(var(--rpx, 1px)*1155)
	}

	.pc\:w-1312rpx {
		width: -webkit-calc(var(--rpx, 1px)*1312);
		width: -moz-calc(var(--rpx, 1px)*1312);
		width: calc(var(--rpx, 1px)*1312)
	}

	.pc\:w-272px {
		width: 272px
	}

	.pc\:w-322rpx {
		width: -webkit-calc(var(--rpx, 1px)*322);
		width: -moz-calc(var(--rpx, 1px)*322);
		width: calc(var(--rpx, 1px)*322)
	}

	.pc\:w-982rpx {
		width: -webkit-calc(var(--rpx, 1px)*982);
		width: -moz-calc(var(--rpx, 1px)*982);
		width: calc(var(--rpx, 1px)*982)
	}

	.pc\:w-652rpx {
		width: -webkit-calc(var(--rpx, 1px)*652);
		width: -moz-calc(var(--rpx, 1px)*652);
		width: calc(var(--rpx, 1px)*652)
	}

	.pc\:w-560rpx {
		width: -webkit-calc(var(--rpx, 1px)*560);
		width: -moz-calc(var(--rpx, 1px)*560);
		width: calc(var(--rpx, 1px)*560)
	}

	.pc\:w-432px {
		width: 432px
	}

	.pc\:w-40rpx {
		width: -webkit-calc(var(--rpx, 1px)*40);
		width: -moz-calc(var(--rpx, 1px)*40);
		width: calc(var(--rpx, 1px)*40)
	}

	.pc\:w-32rpx {
		width: -webkit-calc(var(--rpx, 1px)*32);
		width: -moz-calc(var(--rpx, 1px)*32);
		width: calc(var(--rpx, 1px)*32)
	}

	.pc\:w-1211rpx {
		width: -webkit-calc(var(--rpx, 1px)*1211);
		width: -moz-calc(var(--rpx, 1px)*1211);
		width: calc(var(--rpx, 1px)*1211)
	}

	.pc\:w-860rpx {
		width: -webkit-calc(var(--rpx, 1px)*860);
		width: -moz-calc(var(--rpx, 1px)*860);
		width: calc(var(--rpx, 1px)*860)
	}

	.pc\:w-258px {
		width: 258px
	}

	.pc\:w-1440rpx {
		width: -webkit-calc(var(--rpx, 1px)*1440);
		width: -moz-calc(var(--rpx, 1px)*1440);
		width: calc(var(--rpx, 1px)*1440)
	}

	.pc\:w-964rpx {
		width: -webkit-calc(var(--rpx, 1px)*964);
		width: -moz-calc(var(--rpx, 1px)*964);
		width: calc(var(--rpx, 1px)*964)
	}

	.pc\:w-135rpx {
		width: -webkit-calc(var(--rpx, 1px)*135);
		width: -moz-calc(var(--rpx, 1px)*135);
		width: calc(var(--rpx, 1px)*135)
	}

	.pc\:w-477px {
		width: 477px
	}

	.pc\:w-900rpx {
		width: -webkit-calc(var(--rpx, 1px)*900);
		width: -moz-calc(var(--rpx, 1px)*900);
		width: calc(var(--rpx, 1px)*900)
	}

	.pc\:w-527rpx {
		width: -webkit-calc(var(--rpx, 1px)*527);
		width: -moz-calc(var(--rpx, 1px)*527);
		width: calc(var(--rpx, 1px)*527)
	}

	.pc\:w-565rpx {
		width: -webkit-calc(var(--rpx, 1px)*565);
		width: -moz-calc(var(--rpx, 1px)*565);
		width: calc(var(--rpx, 1px)*565)
	}

	.pc\:w-606px {
		width: 606px
	}

	.pc\:w-834rpx {
		width: -webkit-calc(var(--rpx, 1px)*834);
		width: -moz-calc(var(--rpx, 1px)*834);
		width: calc(var(--rpx, 1px)*834)
	}

	.pc\:w-343rpx {
		width: -webkit-calc(var(--rpx, 1px)*343);
		width: -moz-calc(var(--rpx, 1px)*343);
		width: calc(var(--rpx, 1px)*343)
	}

	.pc\:w-171rpx {
		width: -webkit-calc(var(--rpx, 1px)*171);
		width: -moz-calc(var(--rpx, 1px)*171);
		width: calc(var(--rpx, 1px)*171)
	}

	.pc\:w-210rpx {
		width: -webkit-calc(var(--rpx, 1px)*210);
		width: -moz-calc(var(--rpx, 1px)*210);
		width: calc(var(--rpx, 1px)*210)
	}

	.pc\:w-394rpx {
		width: -webkit-calc(var(--rpx, 1px)*394);
		width: -moz-calc(var(--rpx, 1px)*394);
		width: calc(var(--rpx, 1px)*394)
	}

	.pc\:w-478rpx {
		width: -webkit-calc(var(--rpx, 1px)*478);
		width: -moz-calc(var(--rpx, 1px)*478);
		width: calc(var(--rpx, 1px)*478)
	}

	.pc\:w-770rpx {
		width: -webkit-calc(var(--rpx, 1px)*770);
		width: -moz-calc(var(--rpx, 1px)*770);
		width: calc(var(--rpx, 1px)*770)
	}

	.pc\:w-652px {
		width: 652px
	}

	.pc\:w-604rpx {
		width: -webkit-calc(var(--rpx, 1px)*604);
		width: -moz-calc(var(--rpx, 1px)*604);
		width: calc(var(--rpx, 1px)*604)
	}

	.pc\:w-656rpx {
		width: -webkit-calc(var(--rpx, 1px)*656);
		width: -moz-calc(var(--rpx, 1px)*656);
		width: calc(var(--rpx, 1px)*656)
	}

	.pc\:w-319rpx {
		width: -webkit-calc(var(--rpx, 1px)*319);
		width: -moz-calc(var(--rpx, 1px)*319);
		width: calc(var(--rpx, 1px)*319)
	}

	.pc\:w-303rpx {
		width: -webkit-calc(var(--rpx, 1px)*303);
		width: -moz-calc(var(--rpx, 1px)*303);
		width: calc(var(--rpx, 1px)*303)
	}

	.pc\:w-500rpx {
		width: -webkit-calc(var(--rpx, 1px)*500);
		width: -moz-calc(var(--rpx, 1px)*500);
		width: calc(var(--rpx, 1px)*500)
	}

	.pc\:w-319px {
		width: 319px
	}

	.pc\:w-376px {
		width: 376px
	}
}

@media (max-width:649px) {
	.mo\:bg-\[\#262C2D\] {
		--tw-bg-opacity: 1;
		background-color: rgba(38, 44, 45, var(--tw-bg-opacity))
	}

	.mo\:rounded-4rpx {
		-webkit-border-radius: -webkit-calc(var(--rpx, 1px)*4);
		-moz-border-radius: -moz-calc(var(--rpx, 1px)*4);
		border-radius: calc(var(--rpx, 1px)*4)
	}

	.mo\:flex {
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -moz-box;
		display: flex
	}

	.mo\:flex-col {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		-webkit-flex-direction: column;
		flex-direction: column
	}

	.mo\:items-center {
		-webkit-box-align: center;
		-ms-flex-align: center;
		-moz-box-align: center;
		-webkit-align-items: center;
		align-items: center
	}

	.mo\:justify-between {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-moz-box-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between
	}

	.mo\:order-2 {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		-moz-box-ordinal-group: 3;
		-webkit-order: 2;
		order: 2
	}

	.mo\:order-1 {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		-moz-box-ordinal-group: 2;
		-webkit-order: 1;
		order: 1
	}

	.mo\:h-auto {
		height: auto
	}

	.mo\:h-full {
		height: 100%
	}

	.mo\:h-548rpx {
		height: -webkit-calc(var(--rpx, 1px)*548);
		height: -moz-calc(var(--rpx, 1px)*548);
		height: calc(var(--rpx, 1px)*548)
	}

	.mo\:h-140rpx {
		height: -webkit-calc(var(--rpx, 1px)*140);
		height: -moz-calc(var(--rpx, 1px)*140);
		height: calc(var(--rpx, 1px)*140)
	}

	.mo\:h-280rpx {
		height: -webkit-calc(var(--rpx, 1px)*280);
		height: -moz-calc(var(--rpx, 1px)*280);
		height: calc(var(--rpx, 1px)*280)
	}

	.mo\:h-212rpx {
		height: -webkit-calc(var(--rpx, 1px)*212);
		height: -moz-calc(var(--rpx, 1px)*212);
		height: calc(var(--rpx, 1px)*212)
	}

	.mo\:h-167rpx {
		height: -webkit-calc(var(--rpx, 1px)*167);
		height: -moz-calc(var(--rpx, 1px)*167);
		height: calc(var(--rpx, 1px)*167)
	}

	.mo\:h-250rpx {
		height: -webkit-calc(var(--rpx, 1px)*250);
		height: -moz-calc(var(--rpx, 1px)*250);
		height: calc(var(--rpx, 1px)*250)
	}

	.mo\:h-47rpx {
		height: -webkit-calc(var(--rpx, 1px)*47);
		height: -moz-calc(var(--rpx, 1px)*47);
		height: calc(var(--rpx, 1px)*47)
	}

	.mo\:h-292rpx {
		height: -webkit-calc(var(--rpx, 1px)*292);
		height: -moz-calc(var(--rpx, 1px)*292);
		height: calc(var(--rpx, 1px)*292)
	}

	.mo\:h-220rpx {
		height: -webkit-calc(var(--rpx, 1px)*220);
		height: -moz-calc(var(--rpx, 1px)*220);
		height: calc(var(--rpx, 1px)*220)
	}

	.mo\:h-12\.38rpx {
		height: -webkit-calc(var(--rpx, 1px)*12.38);
		height: -moz-calc(var(--rpx, 1px)*12.38);
		height: calc(var(--rpx, 1px)*12.38)
	}

	.mo\:h-91\.44rpx {
		height: -webkit-calc(var(--rpx, 1px)*91.44);
		height: -moz-calc(var(--rpx, 1px)*91.44);
		height: calc(var(--rpx, 1px)*91.44)
	}

	.mo\:h-68\.41rpx {
		height: -webkit-calc(var(--rpx, 1px)*68.41);
		height: -moz-calc(var(--rpx, 1px)*68.41);
		height: calc(var(--rpx, 1px)*68.41)
	}

	.mo\:h-320rpx {
		height: -webkit-calc(var(--rpx, 1px)*320);
		height: -moz-calc(var(--rpx, 1px)*320);
		height: calc(var(--rpx, 1px)*320)
	}

	.mo\:h-246rpx {
		height: -webkit-calc(var(--rpx, 1px)*246);
		height: -moz-calc(var(--rpx, 1px)*246);
		height: calc(var(--rpx, 1px)*246)
	}

	.mo\:h-228rpx {
		height: -webkit-calc(var(--rpx, 1px)*228);
		height: -moz-calc(var(--rpx, 1px)*228);
		height: calc(var(--rpx, 1px)*228)
	}

	.mo\:h-438rpx {
		height: -webkit-calc(var(--rpx, 1px)*438);
		height: -moz-calc(var(--rpx, 1px)*438);
		height: calc(var(--rpx, 1px)*438)
	}

	.mo\:h-420rpx {
		height: -webkit-calc(var(--rpx, 1px)*420);
		height: -moz-calc(var(--rpx, 1px)*420);
		height: calc(var(--rpx, 1px)*420)
	}

	.mo\:-mt-116rpx {
		margin-top: calc(var(--rpx, 1px)*-116)
	}

	.mo\:mt-20rpx {
		margin-top: calc(var(--rpx, 1px)*20)
	}

	.mo\:mt-36rpx {
		margin-top: calc(var(--rpx, 1px)*36)
	}

	.mo\:mt-2rpx {
		margin-top: calc(var(--rpx, 1px)*2)
	}

	.mo\:mt-12rpx {
		margin-top: calc(var(--rpx, 1px)*12)
	}

	.mo\:mt-18rpx {
		margin-top: calc(var(--rpx, 1px)*18)
	}

	.mo\:mt-48rpx {
		margin-top: calc(var(--rpx, 1px)*48)
	}

	.mo\:mt-4rpx {
		margin-top: calc(var(--rpx, 1px)*4)
	}

	.mo\:mr-24rpx {
		margin-right: calc(var(--rpx, 1px)*24)
	}

	.mo\:mt-8rpx {
		margin-top: calc(var(--rpx, 1px)*8)
	}

	.mo\:ml-4rpx {
		margin-left: calc(var(--rpx, 1px)*4)
	}

	.mo\:mr-4rpx {
		margin-right: calc(var(--rpx, 1px)*4)
	}

	.mo\:mt-24rpx {
		margin-top: calc(var(--rpx, 1px)*24)
	}

	.mo\:-mt-36rpx {
		margin-top: calc(var(--rpx, 1px)*-36)
	}

	.mo\:mt-96rpx {
		margin-top: calc(var(--rpx, 1px)*96)
	}

	.mo\:overflow-hidden {
		overflow: hidden
	}

	.mo\:p-8rpx {
		padding: calc(var(--rpx, 1px)*8)
	}

	.mo\:p-24rpx {
		padding: calc(var(--rpx, 1px)*24)
	}

	.mo\:pt-48rpx {
		padding-top: calc(var(--rpx, 1px)*48)
	}

	.mo\:pt-80px {
		padding-top: 80px
	}

	.mo\:pb-80px {
		padding-bottom: 80px
	}

	.mo\:pt-80rpx {
		padding-top: calc(var(--rpx, 1px)*80)
	}

	.mo\:pb-48rpx {
		padding-bottom: calc(var(--rpx, 1px)*48)
	}

	.mo\:pb-80rpx {
		padding-bottom: calc(var(--rpx, 1px)*80)
	}

	.mo\:pt-32rpx {
		padding-top: calc(var(--rpx, 1px)*32)
	}

	.mo\:pb-32rpx {
		padding-bottom: calc(var(--rpx, 1px)*32)
	}

	.mo\:pl-24rpx {
		padding-left: calc(var(--rpx, 1px)*24)
	}

	.mo\:pr-24rpx {
		padding-right: calc(var(--rpx, 1px)*24)
	}

	.mo\:pb-256rpx {
		padding-bottom: calc(var(--rpx, 1px)*256)
	}

	.mo\:pt-100rpx {
		padding-top: calc(var(--rpx, 1px)*100)
	}

	.mo\:pb-100rpx {
		padding-bottom: calc(var(--rpx, 1px)*100)
	}

	.mo\:relative {
		position: relative
	}

	.mo\:left-83rpx {
		left: -webkit-calc(var(--rpx, 1px)*83);
		left: -moz-calc(var(--rpx, 1px)*83);
		left: calc(var(--rpx, 1px)*83)
	}

	.mo\:-top-14rpx {
		top: -webkit-calc(var(--rpx, 1px)*-14);
		top: -moz-calc(var(--rpx, 1px)*-14);
		top: calc(var(--rpx, 1px)*-14)
	}

	.mo\:left-84rpx {
		left: -webkit-calc(var(--rpx, 1px)*84);
		left: -moz-calc(var(--rpx, 1px)*84);
		left: calc(var(--rpx, 1px)*84)
	}

	.mo\:top-45rpx {
		top: -webkit-calc(var(--rpx, 1px)*45);
		top: -moz-calc(var(--rpx, 1px)*45);
		top: calc(var(--rpx, 1px)*45)
	}

	.mo\:right-86rpx {
		right: -webkit-calc(var(--rpx, 1px)*86);
		right: -moz-calc(var(--rpx, 1px)*86);
		right: calc(var(--rpx, 1px)*86)
	}

	.mo\:-left-75\.2rpx {
		left: -webkit-calc(var(--rpx, 1px)*-75.2);
		left: -moz-calc(var(--rpx, 1px)*-75.2);
		left: calc(var(--rpx, 1px)*-75.2)
	}

	.mo\:top-112\.06rpx {
		top: -webkit-calc(var(--rpx, 1px)*112.06);
		top: -moz-calc(var(--rpx, 1px)*112.06);
		top: calc(var(--rpx, 1px)*112.06)
	}

	.mo\:left-92\.81rpx {
		left: -webkit-calc(var(--rpx, 1px)*92.81);
		left: -moz-calc(var(--rpx, 1px)*92.81);
		left: calc(var(--rpx, 1px)*92.81)
	}

	.mo\:top-72\.19rpx {
		top: -webkit-calc(var(--rpx, 1px)*72.19);
		top: -moz-calc(var(--rpx, 1px)*72.19);
		top: calc(var(--rpx, 1px)*72.19)
	}

	.mo\:left-35\.41rpx {
		left: -webkit-calc(var(--rpx, 1px)*35.41);
		left: -moz-calc(var(--rpx, 1px)*35.41);
		left: calc(var(--rpx, 1px)*35.41)
	}

	.mo\:top-8\.25rpx {
		top: -webkit-calc(var(--rpx, 1px)*8.25);
		top: -moz-calc(var(--rpx, 1px)*8.25);
		top: calc(var(--rpx, 1px)*8.25)
	}

	.mo\:bottom-12rpx {
		bottom: -webkit-calc(var(--rpx, 1px)*12);
		bottom: -moz-calc(var(--rpx, 1px)*12);
		bottom: calc(var(--rpx, 1px)*12)
	}

	.mo\:text-\[rgba\(0\,0\,0\,0\.95\)\] {
		--tw-text-opacity: .95;
		color: rgba(0, 0, 0, var(--tw-text-opacity))
	}

	.mo\:text-\[rgba\(0\,0\,0\,0\.55\)\] {
		--tw-text-opacity: .55;
		color: rgba(0, 0, 0, var(--tw-text-opacity))
	}

	.mo\:w-full {
		width: 100%
	}

	.mo\:w-328rpx {
		width: -webkit-calc(var(--rpx, 1px)*328);
		width: -moz-calc(var(--rpx, 1px)*328);
		width: calc(var(--rpx, 1px)*328)
	}

	.mo\:w-162rpx {
		width: -webkit-calc(var(--rpx, 1px)*162);
		width: -moz-calc(var(--rpx, 1px)*162);
		width: calc(var(--rpx, 1px)*162)
	}

	.mo\:w-107rpx {
		width: -webkit-calc(var(--rpx, 1px)*107);
		width: -moz-calc(var(--rpx, 1px)*107);
		width: calc(var(--rpx, 1px)*107)
	}

	.mo\:w-500rpx {
		width: -webkit-calc(var(--rpx, 1px)*500);
		width: -moz-calc(var(--rpx, 1px)*500);
		width: calc(var(--rpx, 1px)*500)
	}

	.mo\:w-335rpx {
		width: -webkit-calc(var(--rpx, 1px)*335);
		width: -moz-calc(var(--rpx, 1px)*335);
		width: calc(var(--rpx, 1px)*335)
	}

	.mo\:w-47rpx {
		width: -webkit-calc(var(--rpx, 1px)*47);
		width: -moz-calc(var(--rpx, 1px)*47);
		width: calc(var(--rpx, 1px)*47)
	}

	.mo\:w-495rpx {
		width: -webkit-calc(var(--rpx, 1px)*495);
		width: -moz-calc(var(--rpx, 1px)*495);
		width: calc(var(--rpx, 1px)*495)
	}

	.mo\:w-188\.21rpx {
		width: -webkit-calc(var(--rpx, 1px)*188.21);
		width: -moz-calc(var(--rpx, 1px)*188.21);
		width: calc(var(--rpx, 1px)*188.21)
	}

	.mo\:w-194\.21rpx {
		width: -webkit-calc(var(--rpx, 1px)*194.21);
		width: -moz-calc(var(--rpx, 1px)*194.21);
		width: calc(var(--rpx, 1px)*194.21)
	}

	.mo\:w-309\.375rpx {
		width: -webkit-calc(var(--rpx, 1px)*309.375);
		width: -moz-calc(var(--rpx, 1px)*309.375);
		width: calc(var(--rpx, 1px)*309.375)
	}

	.mo\:w-181\.156rpx {
		width: -webkit-calc(var(--rpx, 1px)*181.156);
		width: -moz-calc(var(--rpx, 1px)*181.156);
		width: calc(var(--rpx, 1px)*181.156)
	}

	.mo\:z-2 {
		z-index: 2
	}
}

@media (min-width:1024px) {
	.pct\:text-68 {
		font-size: 68px;
		line-height: 76px
	}

	.pct\:text-24 {
		font-size: 24px;
		letter-spacing: .5px;
		line-height: 32px
	}

	.pct\:text-48 {
		font-size: 48px;
		letter-spacing: .02em;
		line-height: 56px
	}

	.pct\:text-16 {
		font-size: 16px;
		letter-spacing: .02em;
		line-height: 24px
	}

	.pct\:text-18 {
		font-size: 18px;
		letter-spacing: .5px;
		line-height: 26px
	}

	.pct\:text-32 {
		font-size: 32px;
		letter-spacing: .5px;
		line-height: 40px
	}

	.pct\:text-14 {
		font-size: 14px;
		line-height: 20px
	}

	.pct\:text-48v1 {
		font-size: 48px;
		letter-spacing: .5px;
		line-height: 56px
	}

	.pct\:text-12 {
		font-size: 12px;
		letter-spacing: -.05px;
		line-height: 20.4px
	}
}

@media (max-width:1023px) {
	.mot\:text-48m {
		font-size: 48px;
		line-height: 56px
	}

	.mot\:text-20m {
		font-size: 20px;
		letter-spacing: .5px;
		line-height: 28px
	}

	.mot\:text-30m {
		font-size: 30px;
		letter-spacing: .5px;
		line-height: 38px
	}

	.mot\:text-14m {
		font-size: 14px;
		letter-spacing: .5px;
		line-height: 22px
	}

	.mot\:text-16m {
		font-size: 16px;
		letter-spacing: .5px;
		line-height: 24px
	}

	.mot\:text-12m {
		font-size: 12px;
		letter-spacing: .5px;
		line-height: 20px
	}

	.mot\:text-24m {
		font-size: 24px;
		letter-spacing: .5px;
		line-height: 32px
	}

	.mot\:text-12m1 {
		font-size: 12px;
		letter-spacing: -.05px;
		line-height: 170%
	}
}

.zn--wrapper {
	direction: ltr;
	font-size: 16px
}

.zn--wrapper img:not(.loaded):not([src^="https://via.placeholder.com/"]),
.zn--wrapper img:not([src]):not([src^="https://via.placeholder.com/"]),
.zn--wrapper img[src=""]:not([src^="https://via.placeholder.com/"]) {
	opacity: 0
}

.zn--wrapper img[src^="https://via.placeholder.com/"] {
	opacity: .5
}

.zn--wrapper * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.zn--wrapper a {
	text-decoration: none
}

.zn--wrapper img {
	display: block;
	max-width: none
}

.zn--wrapper canvas img {
	display: none
}

.zn--wrapper video {
	display: block;
	max-width: none
}

.zn--wrapper div[data-ll-status],
.zn--wrapper figure[data-ll-status] {
	background-repeat: no-repeat;
	-moz-background-size: cover;
	background-size: cover
}

.zn--wrapper br {
	font-family: Open Sans, -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Roboto, Arial, PingFang SC, Hiragino Sans GB, Microsoft Yahei, Microsoft Jhenghei, "sans-serif"
}

.zn--wrapper h1 {
	clip: rect(1px, 1px, 1px, 1px);
	border: none;
	-webkit-clip-path: inset(0 0 99.9%);
	clip-path: inset(0 0 99.9%);
	height: 1px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}

.zn--wrapper #section-footer a {
	color: #0000008c;
	text-decoration: underline;
	text-underline-offset: 3px
}

.zn--wrapper sup {
	font-size: 55%
}

.zn--wrapper sub {
	font-size: 45%
}

.zn--wrapper .abs-center-x {
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translate(-50%)
}

.zn--wrapper .abs-center-y {
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%)
}

.zn--wrapper .abs-center {
	left: 50%;
	top: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translate(-50%) translateY(-50%)
}

.zn--wrapper .swiper-button-disabled {
	opacity: .3
}

.zn--wrapper .bg-img {
	height: 100%;
	left: 0;
	-o-object-fit: cover;
	object-fit: cover;
	position: absolute;
	top: 0;
	width: 100%
}

.zn--replacement-tool {
	--p-6: #4c3fb3;
	--p-5: #6a5ecc;
	--p-4: #968dda;
	--k-2: #e5e5e5;
	--k-3: #a9a9b5;
	--white: #fff;
	--border-radius: 12ex
}

.zn--wrapper[mode=EDITING] .zn-text-inner:hover {
	background: #4c3fb3;
	color: #fff
}

.zn--wrapper .zn-text-inner {
	font-size: inherit;
	line-height: inherit
}

.zn--wrapper [contenteditable=true] {
	caret-color: #4c3fb3;
	outline: none
}

.zn--replacement-tool-wrapper .zn--replacement-tool .Toastify__toast {
	margin: 0 auto 10px;
	width: 140ex;
	width: -webkit-calc(var(--rpx, 1px)*320);
	width: -moz-calc(var(--rpx, 1px)*320);
	width: calc(var(--rpx, 1px)*320)
}

.zn--replacement-tool-wrapper .zn--replacement-tool .Toastify__toast-container {
	bottom: 0;
	left: -webkit-calc(50vw - 20px) !important;
	left: -moz-calc(50vw - 20px) !important;
	left: calc(50vw - 20px) !important;
	left: -webkit-calc(var(--vw, 1vw)*50 - 20px) !important;
	left: -moz-calc(var(--vw, 1vw)*50 - 20px) !important;
	left: calc(var(--vw, 1vw)*50 - 20px) !important;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translate(-50%)
}

#section-ksp [ksp-card] .mask {
	opacity: 0;
	-webkit-transition: opacity .5s ease;
	-o-transition: opacity .5s ease;
	-moz-transition: opacity .5s ease;
	transition: opacity .5s ease
}

#section-ksp [ksp-card] img {
	-webkit-transition: -webkit-transform .5s ease;
	transition: -webkit-transform .5s ease;
	-o-transition: -o-transform .5s ease;
	-moz-transition: transform .5s ease, -moz-transform .5s ease;
	transition: transform .5s ease;
	transition: transform .5s ease, -webkit-transform .5s ease, -moz-transform .5s ease, -o-transform .5s ease
}

#section-ksp [ksp-card] .arrow-wrapper {
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%)
}

#section-ksp [ksp-card] .arrow-wrapper .arrow {
	opacity: 0;
	-webkit-transform: translateY(-5px);
	-moz-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	-o-transform: translateY(-5px);
	transform: translateY(-5px);
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease
}

#section-design [purple-text-only] {
	display: none
}

#section-design [purple-text-only] [font-title] {
	font-size: 30px;
	letter-spacing: .5px;
	line-height: 38px
}

#section-design [purple-text-only] [font-desc] {
	font-size: 16px;
	letter-spacing: .5px;
	line-height: 24px
}

#section-design [green-inner] {
	background: #a6dde4;
	-webkit-box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, .25);
	-moz-box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, .25);
	box-shadow: inset 0 0 4px #00000040
}

#section-design [green-outer] {
	border: 1px solid #93d5cb
}

#section-design [black-inner] {
	background: #303030;
	-webkit-box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, .25);
	-moz-box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, .25);
	box-shadow: inset 0 0 4px #00000040
}

#section-design [black-outer] {
	border: 1px solid #303030
}

#section-design [purple-inner] {
	background: #cacafa;
	-webkit-box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, .25);
	-moz-box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, .25);
	box-shadow: inset 0 0 4px #00000040
}

#section-design [purple-outer] {
	border: 1px solid #cacafa
}

#section-design [item-black],
#section-design [item-green],
#section-design [item-purple],
#section-display [ani-img-after],
#section-display [ani-wallpaper] {
	-webkit-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	-moz-transition: opacity .3s ease;
	transition: opacity .3s ease
}

#section-performance [text-title] {
	font-size: 48px;
	letter-spacing: .5px;
	line-height: 60px
}

#section-performance [text-desc] {
	font-size: 18px;
	letter-spacing: .5px;
	line-height: 26px
}

#section-performance [chip-shadow-left] {
	background: -webkit-gradient(linear, right top, left top, color-stop(12.66%, rgba(0, 0, 0, 0)), color-stop(55.45%, rgba(0, 0, 0, .72)), color-stop(83.55%, #000));
	background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0) 12.66%, rgba(0, 0, 0, .72) 55.45%, #000 83.55%);
	background: -moz-linear-gradient(right, rgba(0, 0, 0, 0) 12.66%, rgba(0, 0, 0, .72) 55.45%, #000 83.55%);
	background: -o-linear-gradient(right, rgba(0, 0, 0, 0) 12.66%, rgba(0, 0, 0, .72) 55.45%, #000 83.55%);
	background: linear-gradient(-90deg, rgba(0, 0, 0, 0) 12.66%, rgba(0, 0, 0, .72) 55.45%, #000 83.55%)
}

#section-performance [chip-shadow-right] {
	background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(52.17%, rgba(0, 0, 0, .72)), to(#000));
	background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, .72) 52.17%, #000);
	background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .72) 52.17%, #000 100%);
	background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .72) 52.17%, #000 100%);
	background: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .72) 52.17%, #000)
}

#section-camera [switch-button],
#section-camera [switch-item] {
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease
}

body.no-scroll {
	overflow-y: hidden
}

body.zn--body-fixed {
	position: fixed
}

#webpack-dev-server-client-overlay {
	display: none
}

@media (min-width:1024px) {

	.mo-only,
	.pad-only,
	.pc-hidden {
		display: none
	}

	:root {
		--rpx: -webkit-calc(.07622vw - .09756px);
		--rpx: -moz-calc(.07622vw - .09756px);
		--rpx: calc(.07622vw - .09756px);
		--rpx: -webkit-calc(var(--vw, 1vw)*100/1312 - .09756px);
		--rpx: -moz-calc(var(--vw, 1vw)*100/1312 - .09756px);
		--rpx: calc(var(--vw, 1vw)*100/1312 - .09756px)
	}

	#section-kv sup {
		font-size: 45%;
		left: -.2em;
		top: -1em
	}

	#section-kv [ani-phones] {
		top: 50%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%)
	}

	#section-performance [text-title] {
		-ms-flex-negative: 0;
		-webkit-flex-shrink: 0;
		flex-shrink: 0;
		margin-right: calc(var(--rpx, 1px)*16);
		width: 652px
	}

	#section-performance [ani-cable-wrapper].clipped {
		-webkit-clip-path: polygon(0 0, 98.5% 0, 96.1% 100%, 0 100%, 0 0);
		clip-path: polygon(0 0, 98.5% 0, 96.1% 100%, 0 100%, 0 0)
	}
}

@media (min-width:650px) and (max-width:1023px) {

	.mo-only,
	.pad-hidden,
	.pc-only {
		display: none
	}

	:root {
		--rpx: -webkit-calc(.13889vw - .06667px);
		--rpx: -moz-calc(.13889vw - .06667px);
		--rpx: calc(.13889vw - .06667px);
		--rpx: -webkit-calc(var(--vw, 1vw)*100/720 - .06667px);
		--rpx: -moz-calc(var(--vw, 1vw)*100/720 - .06667px);
		--rpx: calc(var(--vw, 1vw)*100/720 - .06667px)
	}

	#section-design [ani-grid-1] {
		height: -webkit-calc(var(--rpx, 1px)*400);
		height: -moz-calc(var(--rpx, 1px)*400);
		height: calc(var(--rpx, 1px)*400)
	}
}

@media (orientation:portrait) and (max-width:1023px) {
	#oc-header.fixed {
		visibility: hidden
	}

	.zn--wrapper .pc-only {
		display: none
	}
}

@media (min-width:1920px) {
	#section-kv [ani-phones] {
		height: 40vw;
		height: -webkit-calc(var(--vw, 1vw)*40);
		height: -moz-calc(var(--vw, 1vw)*40);
		height: calc(var(--vw, 1vw)*40);
		width: 72vw;
		width: -webkit-calc(var(--vw, 1vw)*72);
		width: -moz-calc(var(--vw, 1vw)*72);
		width: calc(var(--vw, 1vw)*72)
	}
}

@media (min-width:1025px) {
	#section-ksp [ksp-card]:hover img {
		-webkit-transform: scale(1.05);
		-moz-transform: scale(1.05);
		-ms-transform: scale(1.05);
		-o-transform: scale(1.05);
		transform: scale(1.05)
	}

	#section-ksp [ksp-card]:hover .mask {
		opacity: 1
	}

	#section-ksp [ksp-card]:hover .arrow-wrapper .arrow {
		opacity: 1;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0)
	}
}

@media (min-width:1024px) and (max-width:1200px) {
	#section-design [glow-text] {
		left: -webkit-calc(var(--rpx, 1px)*64);
		left: -moz-calc(var(--rpx, 1px)*64);
		left: calc(var(--rpx, 1px)*64);
		position: absolute;
		top: -webkit-calc(var(--rpx, 1px)*20);
		top: -moz-calc(var(--rpx, 1px)*20);
		top: calc(var(--rpx, 1px)*20)
	}

	#section-performance [text-title],
	[lang=it] #section-performance [text-title],
	[lang=ro] #section-performance [text-title] {
		font-size: 30px;
		line-height: 32px
	}

	[lang=pl-PL] #section-ksp .arrow-wrapper {
		right: 6px
	}

	[lang=pl-PL] #section-os .auto-img {
		-webkit-transform: translateX(10px);
		-moz-transform: translateX(10px);
		-ms-transform: translateX(10px);
		-o-transform: translateX(10px);
		transform: translate(10px)
	}
}

@media (min-width:1201px) {
	#section-design [glow-text] {
		left: -webkit-calc(var(--rpx, 1px)*64);
		left: -moz-calc(var(--rpx, 1px)*64);
		left: calc(var(--rpx, 1px)*64);
		position: absolute;
		top: -webkit-calc(var(--rpx, 1px)*64);
		top: -moz-calc(var(--rpx, 1px)*64);
		top: calc(var(--rpx, 1px)*64)
	}
}

@media (max-width:1023px) and (min-width:650px) {
	#section-design [glow-text] {
		left: -webkit-calc(var(--rpx, 1px)*24);
		left: -moz-calc(var(--rpx, 1px)*24);
		left: calc(var(--rpx, 1px)*24);
		position: absolute;
		top: -webkit-calc(var(--rpx, 1px)*24);
		top: -moz-calc(var(--rpx, 1px)*24);
		top: calc(var(--rpx, 1px)*24)
	}
}

@media (min-width:1201px) and (max-width:1500px) and (min-aspect-ratio:2) {
	#section-performance [text-title] {
		font-size: 30px;
		line-height: 32px
	}
}

@media (max-width:1023px) {
	#section-performance [text-title] {
		font-size: 30px;
		letter-spacing: .5px;
		line-height: 38px
	}

	#section-performance [ani-cable-wrapper] {
		-webkit-clip-path: polygon(0 0, 98.5% 0, 95.7% 100%, 0 100%, 0 0);
		clip-path: polygon(0 0, 98.5% 0, 95.7% 100%, 0 100%, 0 0)
	}

	#section-camera [switch-buttons] {
		left: 50%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translate(-50%)
	}
}

@media (max-width:1200px) {
	#section-performance [text-desc] {
		font-size: 16px;
		letter-spacing: .5px;
		line-height: 24px
	}
}

@media (min-width:650px) and (max-width:800px) and (min-aspect-ratio:650/579) {
	#section-performance [text-desc] {
		margin-top: calc(var(--rpx, 1px)*4)
	}

	#section-performance [subtitle] {
		margin-top: calc(var(--rpx, 1px)*2)
	}

	#section-performance [img-container] {
		margin-top: calc(var(--rpx, 1px)*-132);
		-webkit-transform: scale(.7);
		-moz-transform: scale(.7);
		-ms-transform: scale(.7);
		-o-transform: scale(.7);
		transform: scale(.7)
	}

	#section-performance [label-container] {
		margin-top: calc(var(--rpx, 1px)*-120)
	}
}

@media (min-width:1024px) and (max-width:1200px) and (min-aspect-ratio:2) {
	#section-performance .special-text {
		font-size: 40px;
		line-height: 120%
	}
}

#loader-fps {
	--point-color: transparent;
	--size: 2px;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-ms-flex-line-pack: center;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	-webkit-align-content: center;
	align-content: center;
	-webkit-align-items: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	height: var(--size);
	-webkit-justify-content: center;
	justify-content: center;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100vw;
	width: -webkit-calc(var(--vw, 1vw)*100);
	width: -moz-calc(var(--vw, 1vw)*100);
	width: calc(var(--vw, 1vw)*100);
	z-index: 1000
}

#loader-fps .loader-element {
	border: var(--size) solid var(--point-color);
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	margin: calc(var(--size)*2)
}

#loader-fps .loader-element:first-child {
	-webkit-animation: preloader .6s ease-in-out infinite alternate;
	-moz-animation: preloader .6s ease-in-out infinite alternate;
	animation: preloader .6s ease-in-out infinite alternate
}

#loader-fps .loader-element:nth-child(2) {
	-webkit-animation: preloader .6s ease-in-out .2s infinite alternate;
	-moz-animation: preloader .6s ease-in-out .2s infinite alternate;
	animation: preloader .6s ease-in-out .2s infinite alternate
}

#loader-fps .loader-element:nth-child(3) {
	-webkit-animation: preloader .6s ease-in-out .4s infinite alternate;
	-moz-animation: preloader .6s ease-in-out .4s infinite alternate;
	animation: preloader .6s ease-in-out .4s infinite alternate
}

@-moz-keyframes preloader {
	to {
		-moz-transform: scale(2);
		transform: scale(2)
	}
}

@-webkit-keyframes preloader {
	to {
		-webkit-transform: scale(2);
		transform: scale(2)
	}
}

@keyframes preloader {
	to {
		-webkit-transform: scale(2);
		-moz-transform: scale(2);
		-o-transform: scale(2);
		transform: scale(2)
	}
}

@media (min-width:1024px) {

	.mo-only,
	.pad-only,
	.pc-hidden {
		display: none
	}

	:root {
		--rpx: -webkit-calc(.07622vw - .09756px);
		--rpx: -moz-calc(.07622vw - .09756px);
		--rpx: calc(.07622vw - .09756px);
		--rpx: -webkit-calc(var(--vw, 1vw)*100/1312 - .09756px);
		--rpx: -moz-calc(var(--vw, 1vw)*100/1312 - .09756px);
		--rpx: calc(var(--vw, 1vw)*100/1312 - .09756px)
	}

	.fade-in-pc {
		opacity: 0;
		-webkit-transform: translateY(-webkit-calc(var(--rpx, 1px)*80));
		-moz-transform: translateY(-moz-calc(var(--rpx, 1px)*80));
		-ms-transform: translateY(calc(var(--rpx, 1px)*80));
		-o-transform: translateY(calc(var(--rpx, 1px)*80));
		transform: translateY(calc(var(--rpx, 1px)*80));
		-webkit-transition: opacity .6s, -webkit-transform .6s;
		transition: opacity .6s, -webkit-transform .6s;
		-o-transition: opacity .6s, -o-transform .6s;
		-moz-transition: transform .6s, opacity .6s, -moz-transform .6s;
		transition: transform .6s, opacity .6s;
		transition: transform .6s, opacity .6s, -webkit-transform .6s, -moz-transform .6s, -o-transform .6s
	}

	.fade-in-pc[data-slight] {
		-webkit-transform: translateY(-webkit-calc(var(--rpx, 1px)*50));
		-moz-transform: translateY(-moz-calc(var(--rpx, 1px)*50));
		-ms-transform: translateY(calc(var(--rpx, 1px)*50));
		-o-transform: translateY(calc(var(--rpx, 1px)*50));
		transform: translateY(calc(var(--rpx, 1px)*50))
	}

	.fade-in-pc[data-slow] {
		-webkit-transition: opacity 1s, -webkit-transform 1s;
		transition: opacity 1s, -webkit-transform 1s;
		-o-transition: opacity 1s, -o-transform 1s;
		-moz-transition: transform 1s, opacity 1s, -moz-transform 1s;
		transition: transform 1s, opacity 1s;
		transition: transform 1s, opacity 1s, -webkit-transform 1s, -moz-transform 1s, -o-transform 1s
	}

	.fade-in-pc.show,
	.fade-in-pc[data-slight].show {
		opacity: 1;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0)
	}

	.fade-in {
		opacity: 0;
		-webkit-transform: translateY(-webkit-calc(var(--rpx, 1px)*80));
		-moz-transform: translateY(-moz-calc(var(--rpx, 1px)*80));
		-ms-transform: translateY(calc(var(--rpx, 1px)*80));
		-o-transform: translateY(calc(var(--rpx, 1px)*80));
		transform: translateY(calc(var(--rpx, 1px)*80));
		-webkit-transition: opacity .6s, -webkit-transform .6s;
		transition: opacity .6s, -webkit-transform .6s;
		-o-transition: opacity .6s, -o-transform .6s;
		-moz-transition: transform .6s, opacity .6s, -moz-transform .6s;
		transition: transform .6s, opacity .6s;
		transition: transform .6s, opacity .6s, -webkit-transform .6s, -moz-transform .6s, -o-transform .6s
	}

	.fade-in[data-slight] {
		-webkit-transform: translateY(-webkit-calc(var(--rpx, 1px)*50));
		-moz-transform: translateY(-moz-calc(var(--rpx, 1px)*50));
		-ms-transform: translateY(calc(var(--rpx, 1px)*50));
		-o-transform: translateY(calc(var(--rpx, 1px)*50));
		transform: translateY(calc(var(--rpx, 1px)*50))
	}

	.fade-in[data-slow] {
		-webkit-transition: opacity 1s, -webkit-transform 1s;
		transition: opacity 1s, -webkit-transform 1s;
		-o-transition: opacity 1s, -o-transform 1s;
		-moz-transition: transform 1s, opacity 1s, -moz-transform 1s;
		transition: transform 1s, opacity 1s;
		transition: transform 1s, opacity 1s, -webkit-transform 1s, -moz-transform 1s, -o-transform 1s
	}

	.fade-in.show,
	.fade-in[data-slight].show {
		opacity: 1;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0)
	}
}

@media (max-width:649px) {

	.mo-hidden,
	.pad-only,
	.pc-only {
		display: none
	}

	:root {
		--rpx: -webkit-calc(.30488vw - .09756px);
		--rpx: -moz-calc(.30488vw - .09756px);
		--rpx: calc(.30488vw - .09756px);
		--rpx: -webkit-calc(var(--vw, 1vw)*100/328 - .09756px);
		--rpx: -moz-calc(var(--vw, 1vw)*100/328 - .09756px);
		--rpx: calc(var(--vw, 1vw)*100/328 - .09756px)
	}
}

@media (min-width:650px) and (max-width:1023px) {

	.mo-only,
	.pad-hidden,
	.pc-only {
		display: none
	}

	:root {
		--rpx: -webkit-calc(.13889vw - .06667px);
		--rpx: -moz-calc(.13889vw - .06667px);
		--rpx: calc(.13889vw - .06667px);
		--rpx: -webkit-calc(var(--vw, 1vw)*100/720 - .06667px);
		--rpx: -moz-calc(var(--vw, 1vw)*100/720 - .06667px);
		--rpx: calc(var(--vw, 1vw)*100/720 - .06667px)
	}
}

@media (max-width:1023px) {
	.fade-in-mo {
		opacity: 0;
		-webkit-transform: translateY(5ex);
		-moz-transform: translateY(5ex);
		-ms-transform: translateY(5ex);
		-o-transform: translateY(5ex);
		transform: translateY(5ex);
		-webkit-transition: opacity .6s, -webkit-transform .6s;
		transition: opacity .6s, -webkit-transform .6s;
		-o-transition: opacity .6s, -o-transform .6s;
		-moz-transition: transform .6s, opacity .6s, -moz-transform .6s;
		transition: transform .6s, opacity .6s;
		transition: transform .6s, opacity .6s, -webkit-transform .6s, -moz-transform .6s, -o-transform .6s
	}

	.fade-in-mo[data-slight] {
		-webkit-transform: translateY(5ex);
		-moz-transform: translateY(5ex);
		-ms-transform: translateY(5ex);
		-o-transform: translateY(5ex);
		transform: translateY(5ex)
	}

	.fade-in-mo[data-slow] {
		-webkit-transition: opacity 1s, -webkit-transform 1s;
		transition: opacity 1s, -webkit-transform 1s;
		-o-transition: opacity 1s, -o-transform 1s;
		-moz-transition: transform 1s, opacity 1s, -moz-transform 1s;
		transition: transform 1s, opacity 1s;
		transition: transform 1s, opacity 1s, -webkit-transform 1s, -moz-transform 1s, -o-transform 1s
	}

	.fade-in-mo.show,
	.fade-in-mo[data-slight].show {
		opacity: 1;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0)
	}

	.fade-in {
		opacity: 0;
		-webkit-transform: translateY(5ex);
		-moz-transform: translateY(5ex);
		-ms-transform: translateY(5ex);
		-o-transform: translateY(5ex);
		transform: translateY(5ex);
		-webkit-transition: opacity .6s, -webkit-transform .6s;
		transition: opacity .6s, -webkit-transform .6s;
		-o-transition: opacity .6s, -o-transform .6s;
		-moz-transition: transform .6s, opacity .6s, -moz-transform .6s;
		transition: transform .6s, opacity .6s;
		transition: transform .6s, opacity .6s, -webkit-transform .6s, -moz-transform .6s, -o-transform .6s
	}

	.fade-in[data-slight] {
		-webkit-transform: translateY(5ex);
		-moz-transform: translateY(5ex);
		-ms-transform: translateY(5ex);
		-o-transform: translateY(5ex);
		transform: translateY(5ex)
	}

	.fade-in[data-slow] {
		-webkit-transition: opacity 1s, -webkit-transform 1s;
		transition: opacity 1s, -webkit-transform 1s;
		-o-transition: opacity 1s, -o-transform 1s;
		-moz-transition: transform 1s, opacity 1s, -moz-transform 1s;
		transition: transform 1s, opacity 1s;
		transition: transform 1s, opacity 1s, -webkit-transform 1s, -moz-transform 1s, -o-transform 1s
	}

	.fade-in.show,
	.fade-in[data-slight].show {
		opacity: 1;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0)
	}
}

.zn--wrapper {
	font-family: OPPOSans-Ver2-Regular, OPPOSans-Regular, PingFang SC, Hiragino Sans GB, STHeiti, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Helvetica, Arial, sans-serif
}

.zn--wrapper .font-b {
	font-family: OPPOSans-Ver2-Bold, OPPOSans-Bold, PingFang SC, Hiragino Sans GB, STHeiti, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Helvetica, Arial, sans-serif;
	font-weight: 400
}

.zn--wrapper .font-m {
	font-family: OPPOSans-Ver2-Medium, OPPOSans-Medium, PingFang SC, Hiragino Sans GB, STHeiti, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Helvetica, Arial, sans-serif
}

.zn--wrapper .font-l,
.zn--wrapper .font-r {
	font-family: OPPOSans-Ver2-Regular, OPPOSans-Regular, PingFang SC, Hiragino Sans GB, STHeiti, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Helvetica, Arial, sans-serif
}

html {
	overflow: unset !important
}

*,
:after,
:before {
	-webkit-box-sizing: initial;
	-moz-box-sizing: initial;
	box-sizing: initial
}

#oc-wrapper {
	overflow: visible
}

#footer {
	overflow-x: hidden
}

#oc-wrapper {
	-webkit-transition: none;
	-o-transition: none;
	-moz-transition: none;
	transition: none
}

#oc-wrapper .header-v2 .header-main-pc .header-right .search {
	-webkit-backdrop-filter: none;
	backdrop-filter: none
}

#oc-header {
	-webkit-transition: none;
	-o-transition: none;
	-moz-transition: none;
	transition: none
}

#contact-pop .contact-pop_icon,
#goback-top,
#nps .icon {
	-webkit-backdrop-filter: none;
	backdrop-filter: none
}

[ani-autoplay-video],
[ani-video-wrapper] {
	contain: paint;
	overflow: hidden;
	position: relative
}

[ani-autoplay-video] canvas,
[ani-autoplay-video] img,
[ani-autoplay-video] video,
[ani-video-wrapper] canvas,
[ani-video-wrapper] img,
[ani-video-wrapper] video {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

[ani-autoplay-video] canvas,
[ani-video-wrapper] canvas {
	-o-object-fit: initial;
	object-fit: fill
}

[ani-autoplay-video] img,
[ani-autoplay-video] video,
[ani-video-wrapper] img,
[ani-video-wrapper] video {
	-o-object-fit: cover;
	object-fit: cover
}

[ani-autoplay-video] .replay,
[ani-video-wrapper] .replay {
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	background-filter: blur(20px);
	-webkit-align-items: center;
	align-items: center;
	background: hsla(0, 0%, 100%, .047);
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	bottom: -webkit-calc(var(--rpx, 1px)*32);
	bottom: -moz-calc(var(--rpx, 1px)*32);
	bottom: calc(var(--rpx, 1px)*32);
	cursor: now-allowed;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	height: 30px;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	opacity: 0;
	padding: 4px 12px;
	position: absolute;
	right: -webkit-calc(var(--rpx, 1px)*32);
	right: -moz-calc(var(--rpx, 1px)*32);
	right: calc(var(--rpx, 1px)*32);
	width: 74px
}

[ani-autoplay-video] .replay.active,
[ani-video-wrapper] .replay.active {
	cursor: pointer;
	opacity: 1
}

[ani-autoplay-video] .replay img,
[ani-video-wrapper] .replay img {
	height: 20px;
	position: relative;
	width: 20px
}

[ani-autoplay-video] .replay p,
[ani-video-wrapper] .replay p {
	color: #fff;
	font-size: 14px;
	line-height: 22px
}

[ani-autoplay-video] .play,
[ani-video-wrapper] .play {
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	background-filter: blur(20px);
	-webkit-align-items: center;
	align-items: center;
	background: hsla(0, 0%, 100%, .047);
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	bottom: 24px;
	cursor: pointer;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	height: 36px;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	padding: 6px 12px 6px 9px;
	position: absolute;
	right: 24px;
	width: 101px
}

[ani-autoplay-video] .play img,
[ani-video-wrapper] .play img {
	height: 24px;
	position: relative;
	width: 24px
}

[ani-autoplay-video] .play p,
[ani-video-wrapper] .play p {
	color: #fff;
	font-size: 14px;
	line-height: 22px
}

@media (min-width:1024px) {

	.mo-only,
	.pad-only,
	.pc-hidden {
		display: none
	}

	:root {
		--rpx: -webkit-calc(.07622vw - .09756px);
		--rpx: -moz-calc(.07622vw - .09756px);
		--rpx: calc(.07622vw - .09756px);
		--rpx: -webkit-calc(var(--vw, 1vw)*100/1312 - .09756px);
		--rpx: -moz-calc(var(--vw, 1vw)*100/1312 - .09756px);
		--rpx: calc(var(--vw, 1vw)*100/1312 - .09756px)
	}
}

@media (max-width:649px) {

	.mo-hidden,
	.pad-only,
	.pc-only {
		display: none
	}

	:root {
		--rpx: -webkit-calc(.30488vw - .09756px);
		--rpx: -moz-calc(.30488vw - .09756px);
		--rpx: calc(.30488vw - .09756px);
		--rpx: -webkit-calc(var(--vw, 1vw)*100/328 - .09756px);
		--rpx: -moz-calc(var(--vw, 1vw)*100/328 - .09756px);
		--rpx: calc(var(--vw, 1vw)*100/328 - .09756px)
	}

	[ani-autoplay-video] .replay,
	[ani-video-wrapper] .replay {
		bottom: -webkit-calc(var(--rpx, 1px)*16);
		bottom: -moz-calc(var(--rpx, 1px)*16);
		bottom: calc(var(--rpx, 1px)*16);
		height: 28px;
		right: -webkit-calc(var(--rpx, 1px)*16);
		right: -moz-calc(var(--rpx, 1px)*16);
		right: calc(var(--rpx, 1px)*16);
		width: 66px
	}

	[ani-autoplay-video] .replay img,
	[ani-video-wrapper] .replay img {
		height: 16px;
		width: 16px
	}

	[ani-autoplay-video] .replay p,
	[ani-video-wrapper] .replay p {
		font-size: 12px;
		line-height: 20px
	}

	[ani-autoplay-video] .play,
	[ani-video-wrapper] .play {
		bottom: 14px;
		height: 28px;
		padding: 4px 12px 4px 9px;
		right: 14px;
		width: 87px
	}

	[ani-autoplay-video] .play img,
	[ani-video-wrapper] .play img {
		height: 16px;
		width: 16px
	}

	[ani-autoplay-video] .play p,
	[ani-video-wrapper] .play p {
		font-size: 12px;
		line-height: 20px
	}
}

@media (min-width:650px) and (max-width:1023px) {

	.mo-only,
	.pad-hidden,
	.pc-only {
		display: none
	}

	:root {
		--rpx: -webkit-calc(.13889vw - .06667px);
		--rpx: -moz-calc(.13889vw - .06667px);
		--rpx: calc(.13889vw - .06667px);
		--rpx: -webkit-calc(var(--vw, 1vw)*100/720 - .06667px);
		--rpx: -moz-calc(var(--vw, 1vw)*100/720 - .06667px);
		--rpx: calc(var(--vw, 1vw)*100/720 - .06667px)
	}

	[ani-autoplay-video] .replay,
	[ani-video-wrapper] .replay {
		bottom: -webkit-calc(var(--rpx, 1px)*16);
		bottom: -moz-calc(var(--rpx, 1px)*16);
		bottom: calc(var(--rpx, 1px)*16);
		height: 28px;
		right: -webkit-calc(var(--rpx, 1px)*16);
		right: -moz-calc(var(--rpx, 1px)*16);
		right: calc(var(--rpx, 1px)*16);
		width: 66px
	}

	[ani-autoplay-video] .replay img,
	[ani-video-wrapper] .replay img {
		height: 16px;
		width: 16px
	}

	[ani-autoplay-video] .replay p,
	[ani-video-wrapper] .replay p {
		font-size: 12px;
		line-height: 20px
	}

	[ani-autoplay-video] .play,
	[ani-video-wrapper] .play {
		bottom: 14px;
		height: 28px;
		padding: 4px 12px 4px 9px;
		right: 14px;
		width: 87px
	}

	[ani-autoplay-video] .play img,
	[ani-video-wrapper] .play img {
		height: 16px;
		width: 16px
	}

	[ani-autoplay-video] .play p,
	[ani-video-wrapper] .play p {
		font-size: 12px;
		line-height: 20px
	}
}

@media (orientation:portrait) and (max-width:1023px) and (min-width:721px) {
	#oc-header {
		overflow: hidden
	}
}

@media (orientation:portrait) and (max-width:1023px) {
	#oc-header.fixed {
		visibility: hidden
	}
}

@media (min-width:1440px) {
	:root {
		--rpx: 1px
	}
}