@charset "UTF-8";
@import "https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";
:root {
	--main: rgba(235, 140, 0, 1);
	--white: #ffffff;
	--black: rgba(0, 0, 0, 1);
	--gray: rgba(40, 35, 30, 0.6);
	--green: rgba(175, 226, 38, 1);
	--orange: #f8c291;
	--ease: cubic-bezier(0.4, 0, 0.2, 1);
	--picEase: cubic-bezier(0.76, 0, 0.24, 1);
}
.wc {
	color: var(--white);
}
.mc {
	color: var(--main);
}
.gray {
	color: #999;
}
@font-face {
	font-family: HarmonyOS_Sans_SC_Regular;
	src: url(../font/HarmonyOS_Sans_SC_Regular.ttf) format("truetype");
	font-display: swap;
}
@font-face {
	font-family: HarmonyOS_Sans_SC_Light;
	src: url(../font/HarmonyOS_Sans_SC_Light.ttf) format("truetype");
	font-display: swap;
}
@font-face {
	font-family: HarmonyOS_Sans_SC_Bold;
	src: url(../font/HarmonyOS_Sans_SC_Bold.ttf) format("truetype");
	font-display: swap;
}
@font-face {
	font-family: HarmonyOS_Sans_SC_Medium;
	src: url(../font/HarmonyOS_Sans_SC_Medium.ttf) format("truetype");
	font-display: swap;
}
@font-face {
	font-family: iconfont;
	src:
		url(//at.alicdn.com/t/c/font_4887791_ozhrpguabx.woff2?t=1747057850769) format("woff2"),
		url(//at.alicdn.com/t/c/font_4887791_ozhrpguabx.woff?t=1747057850769) format("woff"),
		url(//at.alicdn.com/t/c/font_4887791_ozhrpguabx.ttf?t=1747057850769) format("truetype");
}
.iconfont {
	font-family: iconfont;
}
.enb {
	font-family: Outfit;
	font-optical-sizing: auto;
	font-weight: 600;
}
.enm {
	font-family: Outfit;
	font-optical-sizing: auto;
	font-weight: 400;
}
.enl {
	font-family: Outfit;
	font-optical-sizing: auto;
	font-weight: 100;
}
*,
:after,
:before {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	font-family:
		HarmonyOS_Sans_SC_Regular,
		Microsoft YaHei,
		PingFang SC,
		Source Han Sans CN,
		"Source Han Serif SC",
		sans-serif;
}
ol,
ul,
li {
	list-style-type: none;
	vertical-align: middle;
}
img {
	vertical-align: top;
	border: 0;
}
input,
select,
textarea,
button {
	vertical-align: middle;
}
textarea,
input {
	text-indent: 10px;
}
input[type="submit"],
input[type="button"],
button {
	text-indent: 0;
	text-align: center;
	cursor: pointer;
}
label,
button,
a {
	cursor: pointer;
}
ins,
em,
b,
i {
	text-decoration: none;
	font-style: normal;
}
select:focus,
textarea:focus,
input:focus,
button {
	outline: none;
}
a {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.disable-hover {
	pointer-events: none;
}
.scroll-animate.animated {
	visibility: hidden;
}
.scroll-animate:not(.father) {
	visibility: hidden;
}
.animated {
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.font-fadeIn font {
	display: inline-block;
}
::-webkit-scrollbar {
	width: 5px;
	background-color: #0000001a;
}
::-webkit-scrollbar-thumb {
	border: solid 1px transparent;
	width: 3px;
	border-radius: 4px;
	background-color: var(--main);
}
::-webkit-scrollbar-corner {
	background-color: transparent;
}
::-webkit-scrollbar:horizontal {
	height: 9px;
}
::-webkit-selection {
	background: transparent;
	color: transparent;
}
::-moz-selection {
	background: transparent;
	color: transparent;
}
::selection {
	background-color: #1c509c;
	color: #fff;
	-webkit-text-fill-color: #fff;
}
input::-webkit-input-placeholder,
input::-moz-input-placeholder,
textarea::-webkit-textarea-placeholder,
textarea::-moz-textarea-placeholder {
	color: #999;
	-webkit-transition: color 0.5s;
	-moz-transition: color 0.5s;
	transition: color 0.5s;
}
input:focus::-webkit-input-placeholder,
input:focus::-moz-input-placeholder,
input:hover::-webkit-input-placeholder,
input:hover::-moz-input-placeholder,
textarea:focus::-webkit-input-placeholder,
textarea:focus::-moz-input-placeholder,
textarea:hover::-webkit-input-placeholder,
textarea:hover::-moz-input-placeholder {
	color: #c2c2c2;
}
a {
	color: inherit;
	text-decoration: none;
}
a[href] {
	cursor: pointer;
}
a:hover {
	text-decoration: none;
	cursor: pointer;
}
a:focus {
	background-color: transparent;
}
audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}
body {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html {
	width: 100%;
	font-size: 5.20833vw;
	scroll-behavior: initial;
	overflow-x: hidden;
}
a:focus,
input:focus,
p:focus,
div:focus {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
img[src=""],
img:not([src]) {
	opacity: 0;
}
b {
	font-size: inherit;
	color: inherit;
	font-family: inherit;
}
font {
	font-size: inherit;
	font-weight: inherit;
	color: inherit;
	font-family: inherit;
	font-style: inherit;
	text-transform: inherit;
}
p {
	line-height: 1.5;
}
.grayscale {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.fw-100 {
	font-weight: 100;
}
.fw-400 {
	font-weight: 400;
}
.fw-600 {
	font-weight: 600;
}
.cl:after {
	content: " ";
	display: block;
	height: 0;
	line-height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
.hide {
	display: none;
}
.show {
	display: block;
}
.text_overflow {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
[data-ahref] {
	cursor: pointer;
}
.f-left {
	text-align: left;
}
.f-center {
	text-align: center;
}
.f-right {
	text-align: right;
}
.up-word {
	text-transform: uppercase;
}
.v-show {
	visibility: visible;
}
.v-hide {
	visibility: hidden;
}
.pr {
	position: relative;
}
.pa {
	position: absolute;
}
.back-cover {
	background-size: cover;
}
.back-contain {
	background-size: contain;
}
.wid-10 {
	width: 10%;
}
.wid-15 {
	width: 15%;
}
.wid-20 {
	width: 20%;
}
.wid-25 {
	width: 25%;
}
.wid-30 {
	width: 30%;
}
.wid-35 {
	width: 35%;
}
.wid-40 {
	width: 40%;
}
.wid-45 {
	width: 45%;
}
.wid-50 {
	width: 50%;
}
.wid-55 {
	width: 55%;
}
.wid-60 {
	width: 60%;
}
.wid-65 {
	width: 65%;
}
.wid-70 {
	width: 70%;
}
.wid-75 {
	width: 75%;
}
.wid-80 {
	width: 80%;
}
.wid-85 {
	width: 85%;
}
.wid-90 {
	width: 90%;
}
.wid-95 {
	width: 95%;
}
.wid-100 {
	width: 100%;
}
.op-0 {
	opacity: 0;
}
.op-1 {
	opacity: 0.1;
}
.op-2 {
	opacity: 0.2;
}
.op-3 {
	opacity: 0.3;
}
.op-4 {
	opacity: 0.4;
}
.op-5 {
	opacity: 0.5;
}
.op-6 {
	opacity: 0.6;
}
.op-7 {
	opacity: 0.7;
}
.op-8 {
	opacity: 0.8;
}
.op-9 {
	opacity: 0.9;
}
.op-10 {
	opacity: 1;
}
.layout-v-middle,
.about .fxRow .page_history .inner .btm .pager .line,
.home .content .historyRow .inner .btm .pager .line,
.home .content #clear .page_history .inner .btm .pager .line,
.layout-middle,
.pop .imgBox,
.brand .r7 .inner .group .card .imgWrap .image,
.brand .r4 .inner .group .iphoneBox .iphone,
.about .r3 .inner .right .ripple,
.home .content .r7 .inner .group .card .imgWrap .msg,
.home .content .r7 .inner .group .card .imgWrap .image,
.home .content #clear .page_4 .inner .right .ripple,
.home .content #clear .page_2 .inner .left .layer-player .ring {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}
.layout-h-middle,
.home .content .r7 .inner .group .card .imgWrap .note,
.layer-mouse .mouse .line {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
}
.layout-middle,
.pop .imgBox,
.brand .r7 .inner .group .card .imgWrap .image,
.brand .r4 .inner .group .iphoneBox .iphone,
.about .r3 .inner .right .ripple,
.home .content .r7 .inner .group .card .imgWrap .msg,
.home .content .r7 .inner .group .card .imgWrap .image,
.home .content #clear .page_4 .inner .right .ripple,
.home .content #clear .page_2 .inner .left .layer-player .ring {
	left: 0;
	right: 0;
}
.pa-v {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.pa-h,
.about .r7 .inner .group .swiper .swiper-wrapper .swiper-slide .box,
.layer-ts {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translate(-50%);
}
.pa-mid,
.about .r3 .inner .right .img,
.home .content #clear .page_4 .inner .right .img {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.pic {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.fxc,
.pop .close,
.pop .layer-button > .close .after,
.brand .r5 .inner .part,
.brand .r5 .inner .layer-button > .part .after,
.brand .r4 .inner .group,
.brand .r4 .inner .layer-button > .group .after,
.brand .r2 .inner .group .part .chunk .txt,
.brand .r2 .inner .group .part .chunk .layer-button > .txt .after,
.brand .banner .inner,
.brand .banner .layer-button > .inner .after,
.about .r7 .inner,
.about .r7 .layer-button > .inner .after,
.about .r6 .inner,
.about .r6 .layer-button > .inner .after,
.about .r5 .inner .set .arrow .layer-icon,
.about .r5 .inner .set .arrow .layer-button > .layer-icon .after,
.about .r5 .inner .set .arrow,
.about .r5 .inner .set .layer-button > .arrow .after,
.about .r5 .inner .group .swiper .swiper-pagination,
.about .r5 .inner .group .swiper .layer-button > .swiper-pagination .after,
.about .r5 .inner,
.about .r5 .layer-button > .inner .after,
.about .r4 .inner,
.about .r4 .layer-button > .inner .after,
.about .r1 .inner .p3,
.about .r1 .inner .layer-button > .p3 .after,
.about .r1 .inner .p1 .countBox .layer-icon,
.about .r1 .inner .p1 .countBox .layer-button > .layer-icon .after,
.about .fxRow .page_1 > .mask,
.about .fxRow .page_1.layer-button > .mask .after,
.join .r8 .inner .btm,
.join .r8 .inner .layer-button > .btm .after,
.store .r1 .inner .group .swiper .swiper-pagination,
.store .r1 .inner .group .swiper .layer-button > .swiper-pagination .after,
.address #content li,
.address #content .layer-button > li .after,
.address .chosePCA,
.address .layer-button > .chosePCA .after,
.address .r1 .inner .group .mid .right .map,
.address .r1 .inner .group .mid .right .layer-button > .map .after,
.home .content .r8 .inner .btm,
.home .content .r8 .inner .layer-button > .btm .after,
.home .content #clear .page_2 .inner .left .layer-player .ring,
.home .content #clear .page_2 .inner .left .layer-player .layer-button > .ring .after,
.home .content #clear .page_2 .inner .left,
.home .content #clear .page_2 .inner .layer-button > .left .after,
.applyPop .inner .box > div .btm,
.applyPop .inner .box > div .layer-button > .btm .after,
.applyPop .inner .box .closePop,
.applyPop .inner .box .layer-button > .closePop .after,
.apply,
.layer-button > .apply .after,
#app header nav.appNav .inner_top .topic .app-logo,
#app header nav.appNav .inner_top .topic .layer-button > .app-logo .after,
.layer-mouse,
.layer-button > .layer-mouse .after,
.layer-toast,
.layer-button > .layer-toast .after,
.layer-check,
.layer-button > .layer-check .after,
.layer-icon,
.layer-button > .layer-icon .after,
.layer-pop .group .inner,
.layer-pop .group .layer-button > .inner .after,
.layer-pop .group,
.layer-pop .layer-button > .group .after,
.layer-button > .fxc .after,
.brand .banner .layer-button > .inner .after,
.brand .banner .layer-button > .inner .layer-button > .after .after,
.address .layer-button > .chosePCA .after,
.address .layer-button > .chosePCA .layer-button > .after .after,
.home .content .r8 .inner .layer-button > .btm .after,
.home .content .r8 .inner .layer-button > .btm .layer-button > .after .after,
.layer-button > .layer-set .after,
.layer-set {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.fxs,
.brand .r6 .inner .topic .items > li .count,
.brand .r4 .inner .group .note .count,
.brand .tree > li,
.about .fxRow .page_history .inner .group .first .box,
.join .banner .inner .group .box .top .right .items > li .count,
.home .content .historyRow .inner .group .first .box,
.home .content #clear .page_history .inner .group .first .box,
.home .banner .inner .pagerBox,
#app footer .inner .mid,
#app header nav.appNav .inner_top .topic .right,
.layer-search,
.layer-down .txt,
.layer-item .list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}
.fxb,
.brand .r2 .inner .group .part,
.brand .r2 .inner,
.about .fxRow .page_history .inner .btm .pager,
.home .content .historyRow .inner .btm .pager,
.home .content #clear .page_history .inner .btm .pager,
#app header nav.appNav .inner_mid .nav-items > .child_first > .firstList,
#app header .pcNav {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.letter {
	font-weight: inherit;
	font-size: inherit;
	color: inherit;
	font-family: inherit;
}
.maxSize {
	width: 76% !important;
	margin: auto;
}
.full,
.brand .r5 .inner .part,
.brand .r4 .inner .group > .box,
.brand .r4 .inner .group .iphoneBox,
.brand .r4 .inner .bg,
.brand .r2 .inner .group .part .chunk .mask,
.brand .banner .bg .group .box .pic,
.about .r4 .inner .shadow,
.about .r3 .inner .right .ripple .wave,
.about .fxRow .page_history .fg,
.about .fxRow .page_history .bg .sky .skyMask,
.about .fxRow .page_history .bg .sky .skyMedia,
.about .fxRow .pageBg,
.join .banner .inner .group .box > .mask,
.join .fxRow .scene,
.store .r1 .inner .group .right .SliderDot:after,
.address .r1 .inner .group .mid .right .map .mask,
.address .r1 .inner .group .mid .right .map,
.address .r1 .inner .group .mid .left .list .mask,
.home .content #clear .page_4 .inner .right .ripple .wave,
.home .content #clear .page_4 .bg .scene,
.home .content #clear .page_history .fg,
.home .content #clear .page_history .bg .sky .skyMask,
.home .content #clear .page_history .bg .sky .skyMedia,
.home .content #clear .page_2 .inner .left .layer-player .circle .mask,
.home .content #clear .page_1 > .bg #r2Pic,
.home .content #clear .pageBg,
.home .banner .bg:after,
.home .banner .bg #bannerGl .bannerTs,
.home .banner .bg #bannerGl #bannerMedia,
.home .banner .bg #bannerGl canvas,
.applyPop .mask,
.layer-above .msg,
.layer-pop > .mask,
.layer-mk:before,
.layout-mask:before,
.layer-photo .pic {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.layer-photo {
	position: relative;
}
.f-200 {
	font-size: 2rem;
}
.f-150 {
	font-size: 1.5rem;
}
.f-120 {
	font-size: 1.2rem;
}
.f-100 {
	font-size: 1rem;
}
.f-80 {
	font-size: 0.8rem;
}
.f-70 {
	font-size: 0.7rem;
}
.f-68 {
	font-size: 0.68rem;
}
.f-60 {
	font-size: 0.6rem;
}
.f-56 {
	font-size: 0.56rem;
}
.f-54 {
	font-size: 0.54rem;
}
.f-50 {
	font-size: 0.5rem;
}
.f-48 {
	font-size: 0.48rem;
}
.f-46 {
	font-size: 0.46rem;
}
.f-44 {
	font-size: 0.44rem;
}
.f-42 {
	font-size: 0.42rem;
}
.f-40 {
	font-size: 0.4rem;
}
.f-38 {
	font-size: 0.38rem;
}
.f-36 {
	font-size: 0.36rem;
}
.f-34 {
	font-size: 0.34rem;
}
.f-32 {
	font-size: 0.32rem;
}
.f-30 {
	font-size: 0.3rem;
}
.f-28 {
	font-size: 0.28rem;
}
.f-26 {
	font-size: 0.26rem;
}
.f-24 {
	font-size: 0.24rem;
}
.f-22 {
	font-size: 0.22rem;
}
.f-20,
.layer-table .th span {
	font-size: 0.2rem;
}
.f-18 {
	font-size: 0.18rem;
}
.f-16,
.layer-table .td span,
.layer-toast > span {
	font-size: 0.16rem;
}
.f-14 {
	font-size: 0.14rem;
}
.f-12 {
	font-size: 0.12rem;
}
.mb-90 {
	margin-bottom: 0.9rem;
}
.mb-80 {
	margin-bottom: 0.8rem;
}
.mb-70 {
	margin-bottom: 0.7rem;
}
.mb-60 {
	margin-bottom: 0.6rem;
}
.mb-50 {
	margin-bottom: 0.5rem;
}
.mb-40 {
	margin-bottom: 0.4rem;
}
.mb-30 {
	margin-bottom: 0.3rem;
}
.mb-20 {
	margin-bottom: 0.2rem;
}
.mb-10 {
	margin-bottom: 0.1rem;
}
.mr-90 {
	margin-right: 0.9rem;
}
.mr-80 {
	margin-right: 0.8rem;
}
.mr-70 {
	margin-right: 0.7rem;
}
.mr-60 {
	margin-right: 0.6rem;
}
.mr-50 {
	margin-right: 0.5rem;
}
.mr-40 {
	margin-right: 0.4rem;
}
.mr-30 {
	margin-right: 0.3rem;
}
.mr-20 {
	margin-right: 0.2rem;
}
.mr-10 {
	margin-right: 0.1rem;
}
.ml-90 {
	margin-left: 0.9rem;
}
.ml-80 {
	margin-left: 0.8rem;
}
.ml-70 {
	margin-left: 0.7rem;
}
.ml-60 {
	margin-left: 0.6rem;
}
.ml-50 {
	margin-left: 0.5rem;
}
.ml-40 {
	margin-left: 0.4rem;
}
.ml-30 {
	margin-left: 0.3rem;
}
.ml-20 {
	margin-left: 0.2rem;
}
.ml-10 {
	margin-left: 0.1rem;
}
.mt-90 {
	margin-top: 0.9rem;
}
.mt-80 {
	margin-top: 0.8rem;
}
.mt-70 {
	margin-top: 0.7rem;
}
.mt-60 {
	margin-top: 0.6rem;
}
.mt-50 {
	margin-top: 0.5rem;
}
.mt-40 {
	margin-top: 0.4rem;
}
.mt-30 {
	margin-top: 0.3rem;
}
.mt-20 {
	margin-top: 0.2rem;
}
.mt-10 {
	margin-top: 0.1rem;
}
.alanUpEl {
	-webkit-transition:
		opacity 1s var(--ease),
		color 0.3s var(--ease),
		-webkit-transform 1.2s var(--ease),
		-webkit-filter 0.1s var(--ease);
	transition:
		opacity 1s var(--ease),
		color 0.3s var(--ease),
		-webkit-transform 1.2s var(--ease),
		-webkit-filter 0.1s var(--ease);
	transition:
		opacity 1s var(--ease),
		transform 1.2s var(--ease),
		color 0.3s var(--ease),
		filter 0.1s var(--ease);
	transition:
		opacity 1s var(--ease),
		transform 1.2s var(--ease),
		color 0.3s var(--ease),
		filter 0.1s var(--ease),
		-webkit-transform 1.2s var(--ease),
		-webkit-filter 0.1s var(--ease);
	opacity: 0;
	-webkit-transform-origin: 0 50%;
	-ms-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-perspective: 5rem;
	perspective: 5rem;
	-webkit-filter: blur(0.2rem);
	filter: blur(0.2rem);
}
.alanUpEl:nth-child(1) {
	-webkit-transform: translate3d(0, 0.4rem, 0);
	transform: translate3d(0, 0.4rem, 0);
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}
.alanUpEl:nth-child(2) {
	-webkit-transform: translate3d(0, 0.6rem, 0);
	transform: translate3d(0, 0.6rem, 0);
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}
.alanUpEl:nth-child(3) {
	-webkit-transform: translate3d(0, 0.8rem, 0);
	transform: translate3d(0, 0.8rem, 0);
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}
.alanUpEl:nth-child(4) {
	-webkit-transform: translate3d(0, 1rem, 0);
	transform: translate3d(0, 1rem, 0);
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}
.alanUpEl:nth-child(5) {
	-webkit-transform: translate3d(0, 1.2rem, 0);
	transform: translate3d(0, 1.2rem, 0);
	-webkit-transition-delay: 0.25s;
	transition-delay: 0.25s;
}
.alanUpEl:nth-child(6) {
	-webkit-transform: translate3d(0, 1.4rem, 0);
	transform: translate3d(0, 1.4rem, 0);
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}
.alanUpEl:nth-child(7) {
	-webkit-transform: translate3d(0, 1.6rem, 0);
	transform: translate3d(0, 1.6rem, 0);
	-webkit-transition-delay: 0.35s;
	transition-delay: 0.35s;
}
.alanUpEl:nth-child(8) {
	-webkit-transform: translate3d(0, 1.8rem, 0);
	transform: translate3d(0, 1.8rem, 0);
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;
}
.alanUpEl:nth-child(9) {
	-webkit-transform: translate3d(0, 2rem, 0);
	transform: translate3d(0, 2rem, 0);
	-webkit-transition-delay: 0.45s;
	transition-delay: 0.45s;
}
.alanUpEl:nth-child(10) {
	-webkit-transform: translate3d(0, 2.2rem, 0);
	transform: translate3d(0, 2.2rem, 0);
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
}
.alanUpEl:nth-child(11) {
	-webkit-transform: translate3d(0, 2.4rem, 0);
	transform: translate3d(0, 2.4rem, 0);
	-webkit-transition-delay: 0.55s;
	transition-delay: 0.55s;
}
.alanUpEl:nth-child(12) {
	-webkit-transform: translate3d(0, 2.6rem, 0);
	transform: translate3d(0, 2.6rem, 0);
	-webkit-transition-delay: 0.6s;
	transition-delay: 0.6s;
}
.alanUpEl:nth-child(13) {
	-webkit-transform: translate3d(0, 2.8rem, 0);
	transform: translate3d(0, 2.8rem, 0);
	-webkit-transition-delay: 0.65s;
	transition-delay: 0.65s;
}
.alanUpEl:nth-child(14) {
	-webkit-transform: translate3d(0, 3rem, 0);
	transform: translate3d(0, 3rem, 0);
	-webkit-transition-delay: 0.7s;
	transition-delay: 0.7s;
}
.alanUpEl:nth-child(15) {
	-webkit-transform: translate3d(0, 3.2rem, 0);
	transform: translate3d(0, 3.2rem, 0);
	-webkit-transition-delay: 0.75s;
	transition-delay: 0.75s;
}
.alanUpEl:nth-child(16) {
	-webkit-transform: translate3d(0, 3.4rem, 0);
	transform: translate3d(0, 3.4rem, 0);
	-webkit-transition-delay: 0.8s;
	transition-delay: 0.8s;
}
.alanUpEl:nth-child(17) {
	-webkit-transform: translate3d(0, 3.6rem, 0);
	transform: translate3d(0, 3.6rem, 0);
	-webkit-transition-delay: 0.85s;
	transition-delay: 0.85s;
}
.alanUpEl:nth-child(18) {
	-webkit-transform: translate3d(0, 3.8rem, 0);
	transform: translate3d(0, 3.8rem, 0);
	-webkit-transition-delay: 0.9s;
	transition-delay: 0.9s;
}
.alanUpEl:nth-child(19) {
	-webkit-transform: translate3d(0, 4rem, 0);
	transform: translate3d(0, 4rem, 0);
	-webkit-transition-delay: 0.95s;
	transition-delay: 0.95s;
}
.alanUpEl:nth-child(20) {
	-webkit-transform: translate3d(0, 4.2rem, 0);
	transform: translate3d(0, 4.2rem, 0);
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
}
.alanUpEl.go {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translateZ(0);
	-webkit-filter: blur(0);
	filter: blur(0);
}
.alanDownEl {
	-webkit-transition:
		opacity 1s var(--ease),
		color 0.3s var(--ease),
		-webkit-transform 1.2s var(--ease),
		-webkit-filter 0.1s var(--ease);
	transition:
		opacity 1s var(--ease),
		color 0.3s var(--ease),
		-webkit-transform 1.2s var(--ease),
		-webkit-filter 0.1s var(--ease);
	transition:
		opacity 1s var(--ease),
		transform 1.2s var(--ease),
		color 0.3s var(--ease),
		filter 0.1s var(--ease);
	transition:
		opacity 1s var(--ease),
		transform 1.2s var(--ease),
		color 0.3s var(--ease),
		filter 0.1s var(--ease),
		-webkit-transform 1.2s var(--ease),
		-webkit-filter 0.1s var(--ease);
	opacity: 0;
	-webkit-transform-origin: 0 50%;
	-ms-transform-origin: 0 50%;
	transform-origin: 0 50%;
}
.alanDownEl:nth-child(1) {
	-webkit-transform: translate3d(0, -30%, 0);
	transform: translate3d(0, -30%, 0);
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}
.alanDownEl:nth-child(2) {
	-webkit-transform: translate3d(0, -40%, 0);
	transform: translate3d(0, -40%, 0);
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}
.alanDownEl:nth-child(3) {
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0);
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}
.alanDownEl:nth-child(4) {
	-webkit-transform: translate3d(0, -60%, 0);
	transform: translate3d(0, -60%, 0);
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;
}
.alanDownEl:nth-child(5) {
	-webkit-transform: translate3d(0, -70%, 0);
	transform: translate3d(0, -70%, 0);
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
}
.alanDownEl:nth-child(6) {
	-webkit-transform: translate3d(0, -80%, 0);
	transform: translate3d(0, -80%, 0);
	-webkit-transition-delay: 0.6s;
	transition-delay: 0.6s;
}
.alanDownEl:nth-child(7) {
	-webkit-transform: translate3d(0, -90%, 0);
	transform: translate3d(0, -90%, 0);
	-webkit-transition-delay: 0.7s;
	transition-delay: 0.7s;
}
.alanDownEl:nth-child(8) {
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
	-webkit-transition-delay: 0.8s;
	transition-delay: 0.8s;
}
.alanDownEl:nth-child(9) {
	-webkit-transform: translate3d(0, -110%, 0);
	transform: translate3d(0, -110%, 0);
	-webkit-transition-delay: 0.9s;
	transition-delay: 0.9s;
}
.alanDownEl:nth-child(10) {
	-webkit-transform: translate3d(0, -120%, 0);
	transform: translate3d(0, -120%, 0);
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
}
.alanDownEl:nth-child(11) {
	-webkit-transform: translate3d(0, -130%, 0);
	transform: translate3d(0, -130%, 0);
	-webkit-transition-delay: 1.1s;
	transition-delay: 1.1s;
}
.alanDownEl:nth-child(12) {
	-webkit-transform: translate3d(0, -140%, 0);
	transform: translate3d(0, -140%, 0);
	-webkit-transition-delay: 1.2s;
	transition-delay: 1.2s;
}
.alanDownEl:nth-child(13) {
	-webkit-transform: translate3d(0, -150%, 0);
	transform: translate3d(0, -150%, 0);
	-webkit-transition-delay: 1.3s;
	transition-delay: 1.3s;
}
.alanDownEl:nth-child(14) {
	-webkit-transform: translate3d(0, -160%, 0);
	transform: translate3d(0, -160%, 0);
	-webkit-transition-delay: 1.4s;
	transition-delay: 1.4s;
}
.alanDownEl:nth-child(15) {
	-webkit-transform: translate3d(0, -170%, 0);
	transform: translate3d(0, -170%, 0);
	-webkit-transition-delay: 1.5s;
	transition-delay: 1.5s;
}
.alanDownEl:nth-child(16) {
	-webkit-transform: translate3d(0, -180%, 0);
	transform: translate3d(0, -180%, 0);
	-webkit-transition-delay: 1.6s;
	transition-delay: 1.6s;
}
.alanDownEl:nth-child(17) {
	-webkit-transform: translate3d(0, -190%, 0);
	transform: translate3d(0, -190%, 0);
	-webkit-transition-delay: 1.7s;
	transition-delay: 1.7s;
}
.alanDownEl:nth-child(18) {
	-webkit-transform: translate3d(0, -200%, 0);
	transform: translate3d(0, -200%, 0);
	-webkit-transition-delay: 1.8s;
	transition-delay: 1.8s;
}
.alanDownEl:nth-child(19) {
	-webkit-transform: translate3d(0, -210%, 0);
	transform: translate3d(0, -210%, 0);
	-webkit-transition-delay: 1.9s;
	transition-delay: 1.9s;
}
.alanDownEl:nth-child(20) {
	-webkit-transform: translate3d(0, -220%, 0);
	transform: translate3d(0, -220%, 0);
	-webkit-transition-delay: 2s;
	transition-delay: 2s;
}
.alanDownEl.go {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translateZ(0);
}
.alanParent .alanUp {
	-webkit-transition:
		opacity 1.2s var(--ease),
		color 0.3s var(--ease),
		background-color 0.6s var(--ease),
		-webkit-transform 1.5s var(--ease);
	transition:
		opacity 1.2s var(--ease),
		color 0.3s var(--ease),
		background-color 0.6s var(--ease),
		-webkit-transform 1.5s var(--ease);
	transition:
		opacity 1.2s var(--ease),
		transform 1.5s var(--ease),
		color 0.3s var(--ease),
		background-color 0.6s var(--ease);
	transition:
		opacity 1.2s var(--ease),
		transform 1.5s var(--ease),
		color 0.3s var(--ease),
		background-color 0.6s var(--ease),
		-webkit-transform 1.5s var(--ease);
	opacity: 0;
	-webkit-transform-origin: 0 50%;
	-ms-transform-origin: 0 50%;
	transform-origin: 0 50%;
}
.alanParent .alanUp:nth-child(1) {
	-webkit-transform: translate3d(0, 0.3rem, 0);
	transform: translate3d(0, 0.3rem, 0);
	-webkit-transition-delay: 0.03s;
	transition-delay: 0.03s;
}
.alanParent .alanUp:nth-child(2) {
	-webkit-transform: translate3d(0, 0.5rem, 0);
	transform: translate3d(0, 0.5rem, 0);
	-webkit-transition-delay: 0.06s;
	transition-delay: 0.06s;
}
.alanParent .alanUp:nth-child(3) {
	-webkit-transform: translate3d(0, 0.7rem, 0);
	transform: translate3d(0, 0.7rem, 0);
	-webkit-transition-delay: 0.09s;
	transition-delay: 0.09s;
}
.alanParent .alanUp:nth-child(4) {
	-webkit-transform: translate3d(0, 0.9rem, 0);
	transform: translate3d(0, 0.9rem, 0);
	-webkit-transition-delay: 0.12s;
	transition-delay: 0.12s;
}
.alanParent .alanUp:nth-child(5) {
	-webkit-transform: translate3d(0, 1.1rem, 0);
	transform: translate3d(0, 1.1rem, 0);
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}
.alanParent .alanUp:nth-child(6) {
	-webkit-transform: translate3d(0, 1.3rem, 0);
	transform: translate3d(0, 1.3rem, 0);
	-webkit-transition-delay: 0.18s;
	transition-delay: 0.18s;
}
.alanParent .alanUp:nth-child(7) {
	-webkit-transform: translate3d(0, 1.5rem, 0);
	transform: translate3d(0, 1.5rem, 0);
	-webkit-transition-delay: 0.21s;
	transition-delay: 0.21s;
}
.alanParent .alanUp:nth-child(8) {
	-webkit-transform: translate3d(0, 1.7rem, 0);
	transform: translate3d(0, 1.7rem, 0);
	-webkit-transition-delay: 0.24s;
	transition-delay: 0.24s;
}
.alanParent .alanUp:nth-child(9) {
	-webkit-transform: translate3d(0, 1.9rem, 0);
	transform: translate3d(0, 1.9rem, 0);
	-webkit-transition-delay: 0.27s;
	transition-delay: 0.27s;
}
.alanParent .alanUp:nth-child(10) {
	-webkit-transform: translate3d(0, 2.1rem, 0);
	transform: translate3d(0, 2.1rem, 0);
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}
.alanParent .alanUp:nth-child(11) {
	-webkit-transform: translate3d(0, 2.3rem, 0);
	transform: translate3d(0, 2.3rem, 0);
	-webkit-transition-delay: 0.33s;
	transition-delay: 0.33s;
}
.alanParent .alanUp:nth-child(12) {
	-webkit-transform: translate3d(0, 2.5rem, 0);
	transform: translate3d(0, 2.5rem, 0);
	-webkit-transition-delay: 0.36s;
	transition-delay: 0.36s;
}
.alanParent .alanUp:nth-child(13) {
	-webkit-transform: translate3d(0, 2.7rem, 0);
	transform: translate3d(0, 2.7rem, 0);
	-webkit-transition-delay: 0.39s;
	transition-delay: 0.39s;
}
.alanParent .alanUp:nth-child(14) {
	-webkit-transform: translate3d(0, 2.9rem, 0);
	transform: translate3d(0, 2.9rem, 0);
	-webkit-transition-delay: 0.42s;
	transition-delay: 0.42s;
}
.alanParent .alanUp:nth-child(15) {
	-webkit-transform: translate3d(0, 3.1rem, 0);
	transform: translate3d(0, 3.1rem, 0);
	-webkit-transition-delay: 0.45s;
	transition-delay: 0.45s;
}
.alanParent .alanUp:nth-child(16) {
	-webkit-transform: translate3d(0, 3.3rem, 0);
	transform: translate3d(0, 3.3rem, 0);
	-webkit-transition-delay: 0.48s;
	transition-delay: 0.48s;
}
.alanParent .alanUp:nth-child(17) {
	-webkit-transform: translate3d(0, 3.5rem, 0);
	transform: translate3d(0, 3.5rem, 0);
	-webkit-transition-delay: 0.51s;
	transition-delay: 0.51s;
}
.alanParent .alanUp:nth-child(18) {
	-webkit-transform: translate3d(0, 3.7rem, 0);
	transform: translate3d(0, 3.7rem, 0);
	-webkit-transition-delay: 0.54s;
	transition-delay: 0.54s;
}
.alanParent .alanUp:nth-child(19) {
	-webkit-transform: translate3d(0, 3.9rem, 0);
	transform: translate3d(0, 3.9rem, 0);
	-webkit-transition-delay: 0.57s;
	transition-delay: 0.57s;
}
.alanParent .alanUp:nth-child(20) {
	-webkit-transform: translate3d(0, 4.1rem, 0);
	transform: translate3d(0, 4.1rem, 0);
	-webkit-transition-delay: 0.6s;
	transition-delay: 0.6s;
}
.alanParent .alanLeft {
	-webkit-transition:
		opacity 1.2s var(--ease),
		color 0.3s var(--ease),
		-webkit-transform 1.5s var(--ease);
	transition:
		opacity 1.2s var(--ease),
		color 0.3s var(--ease),
		-webkit-transform 1.5s var(--ease);
	transition:
		opacity 1.2s var(--ease),
		transform 1.5s var(--ease),
		color 0.3s var(--ease);
	transition:
		opacity 1.2s var(--ease),
		transform 1.5s var(--ease),
		color 0.3s var(--ease),
		-webkit-transform 1.5s var(--ease);
	opacity: 0;
	-webkit-transform-origin: 0 50%;
	-ms-transform-origin: 0 50%;
	transform-origin: 0 50%;
}
.alanParent .alanLeft:nth-child(1) {
	-webkit-transform: translate3d(0.3rem, 0, 0);
	transform: translate3d(0.3rem, 0, 0);
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}
.alanParent .alanLeft:nth-child(2) {
	-webkit-transform: translate3d(0.4rem, 0, 0);
	transform: translate3d(0.4rem, 0, 0);
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}
.alanParent .alanLeft:nth-child(3) {
	-webkit-transform: translate3d(0.5rem, 0, 0);
	transform: translate3d(0.5rem, 0, 0);
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}
.alanParent .alanLeft:nth-child(4) {
	-webkit-transform: translate3d(0.6rem, 0, 0);
	transform: translate3d(0.6rem, 0, 0);
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;
}
.alanParent .alanLeft:nth-child(5) {
	-webkit-transform: translate3d(0.7rem, 0, 0);
	transform: translate3d(0.7rem, 0, 0);
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
}
.alanParent .alanLeft:nth-child(6) {
	-webkit-transform: translate3d(0.8rem, 0, 0);
	transform: translate3d(0.8rem, 0, 0);
	-webkit-transition-delay: 0.6s;
	transition-delay: 0.6s;
}
.alanParent .alanLeft:nth-child(7) {
	-webkit-transform: translate3d(0.9rem, 0, 0);
	transform: translate3d(0.9rem, 0, 0);
	-webkit-transition-delay: 0.7s;
	transition-delay: 0.7s;
}
.alanParent .alanLeft:nth-child(8) {
	-webkit-transform: translate3d(1rem, 0, 0);
	transform: translate3d(1rem, 0, 0);
	-webkit-transition-delay: 0.8s;
	transition-delay: 0.8s;
}
.alanParent .alanLeft:nth-child(9) {
	-webkit-transform: translate3d(1.1rem, 0, 0);
	transform: translate3d(1.1rem, 0, 0);
	-webkit-transition-delay: 0.9s;
	transition-delay: 0.9s;
}
.alanParent .alanLeft:nth-child(10) {
	-webkit-transform: translate3d(1.2rem, 0, 0);
	transform: translate3d(1.2rem, 0, 0);
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
}
.alanParent .alanLeft:nth-child(11) {
	-webkit-transform: translate3d(1.3rem, 0, 0);
	transform: translate3d(1.3rem, 0, 0);
	-webkit-transition-delay: 1.1s;
	transition-delay: 1.1s;
}
.alanParent .alanLeft:nth-child(12) {
	-webkit-transform: translate3d(1.4rem, 0, 0);
	transform: translate3d(1.4rem, 0, 0);
	-webkit-transition-delay: 1.2s;
	transition-delay: 1.2s;
}
.alanParent .alanLeft:nth-child(13) {
	-webkit-transform: translate3d(1.5rem, 0, 0);
	transform: translate3d(1.5rem, 0, 0);
	-webkit-transition-delay: 1.3s;
	transition-delay: 1.3s;
}
.alanParent .alanLeft:nth-child(14) {
	-webkit-transform: translate3d(1.6rem, 0, 0);
	transform: translate3d(1.6rem, 0, 0);
	-webkit-transition-delay: 1.4s;
	transition-delay: 1.4s;
}
.alanParent .alanLeft:nth-child(15) {
	-webkit-transform: translate3d(1.7rem, 0, 0);
	transform: translate3d(1.7rem, 0, 0);
	-webkit-transition-delay: 1.5s;
	transition-delay: 1.5s;
}
.alanParent .alanLeft:nth-child(16) {
	-webkit-transform: translate3d(1.8rem, 0, 0);
	transform: translate3d(1.8rem, 0, 0);
	-webkit-transition-delay: 1.6s;
	transition-delay: 1.6s;
}
.alanParent .alanLeft:nth-child(17) {
	-webkit-transform: translate3d(1.9rem, 0, 0);
	transform: translate3d(1.9rem, 0, 0);
	-webkit-transition-delay: 1.7s;
	transition-delay: 1.7s;
}
.alanParent .alanLeft:nth-child(18) {
	-webkit-transform: translate3d(2rem, 0, 0);
	transform: translate3d(2rem, 0, 0);
	-webkit-transition-delay: 1.8s;
	transition-delay: 1.8s;
}
.alanParent .alanLeft:nth-child(19) {
	-webkit-transform: translate3d(2.1rem, 0, 0);
	transform: translate3d(2.1rem, 0, 0);
	-webkit-transition-delay: 1.9s;
	transition-delay: 1.9s;
}
.alanParent .alanLeft:nth-child(20) {
	-webkit-transform: translate3d(2.2rem, 0, 0);
	transform: translate3d(2.2rem, 0, 0);
	-webkit-transition-delay: 2s;
	transition-delay: 2s;
}
.alanParent .alanRight {
	-webkit-transition:
		opacity 1.2s var(--ease),
		color 0.3s var(--ease),
		-webkit-transform 1.5s var(--ease);
	transition:
		opacity 1.2s var(--ease),
		color 0.3s var(--ease),
		-webkit-transform 1.5s var(--ease);
	transition:
		opacity 1.2s var(--ease),
		transform 1.5s var(--ease),
		color 0.3s var(--ease);
	transition:
		opacity 1.2s var(--ease),
		transform 1.5s var(--ease),
		color 0.3s var(--ease),
		-webkit-transform 1.5s var(--ease);
	opacity: 0;
	-webkit-transform-origin: 0 50%;
	-ms-transform-origin: 0 50%;
	transform-origin: 0 50%;
}
.alanParent .alanRight:nth-child(1) {
	-webkit-transform: translate3d(-0.3rem, 0, 0);
	transform: translate3d(-0.3rem, 0, 0);
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}
.alanParent .alanRight:nth-child(2) {
	-webkit-transform: translate3d(-0.4rem, 0, 0);
	transform: translate3d(-0.4rem, 0, 0);
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}
.alanParent .alanRight:nth-child(3) {
	-webkit-transform: translate3d(-0.5rem, 0, 0);
	transform: translate3d(-0.5rem, 0, 0);
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}
.alanParent .alanRight:nth-child(4) {
	-webkit-transform: translate3d(-0.6rem, 0, 0);
	transform: translate3d(-0.6rem, 0, 0);
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}
.alanParent .alanRight:nth-child(5) {
	-webkit-transform: translate3d(-0.7rem, 0, 0);
	transform: translate3d(-0.7rem, 0, 0);
	-webkit-transition-delay: 0.25s;
	transition-delay: 0.25s;
}
.alanParent .alanRight:nth-child(6) {
	-webkit-transform: translate3d(-0.8rem, 0, 0);
	transform: translate3d(-0.8rem, 0, 0);
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}
.alanParent .alanRight:nth-child(7) {
	-webkit-transform: translate3d(-0.9rem, 0, 0);
	transform: translate3d(-0.9rem, 0, 0);
	-webkit-transition-delay: 0.35s;
	transition-delay: 0.35s;
}
.alanParent .alanRight:nth-child(8) {
	-webkit-transform: translate3d(-1rem, 0, 0);
	transform: translate3d(-1rem, 0, 0);
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;
}
.alanParent .alanRight:nth-child(9) {
	-webkit-transform: translate3d(-1.1rem, 0, 0);
	transform: translate3d(-1.1rem, 0, 0);
	-webkit-transition-delay: 0.45s;
	transition-delay: 0.45s;
}
.alanParent .alanRight:nth-child(10) {
	-webkit-transform: translate3d(-1.2rem, 0, 0);
	transform: translate3d(-1.2rem, 0, 0);
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
}
.alanParent .alanRight:nth-child(11) {
	-webkit-transform: translate3d(-1.3rem, 0, 0);
	transform: translate3d(-1.3rem, 0, 0);
	-webkit-transition-delay: 0.55s;
	transition-delay: 0.55s;
}
.alanParent .alanRight:nth-child(12) {
	-webkit-transform: translate3d(-1.4rem, 0, 0);
	transform: translate3d(-1.4rem, 0, 0);
	-webkit-transition-delay: 0.6s;
	transition-delay: 0.6s;
}
.alanParent .alanRight:nth-child(13) {
	-webkit-transform: translate3d(-1.5rem, 0, 0);
	transform: translate3d(-1.5rem, 0, 0);
	-webkit-transition-delay: 0.65s;
	transition-delay: 0.65s;
}
.alanParent .alanRight:nth-child(14) {
	-webkit-transform: translate3d(-1.6rem, 0, 0);
	transform: translate3d(-1.6rem, 0, 0);
	-webkit-transition-delay: 0.7s;
	transition-delay: 0.7s;
}
.alanParent .alanRight:nth-child(15) {
	-webkit-transform: translate3d(-1.7rem, 0, 0);
	transform: translate3d(-1.7rem, 0, 0);
	-webkit-transition-delay: 0.75s;
	transition-delay: 0.75s;
}
.alanParent .alanRight:nth-child(16) {
	-webkit-transform: translate3d(-1.8rem, 0, 0);
	transform: translate3d(-1.8rem, 0, 0);
	-webkit-transition-delay: 0.8s;
	transition-delay: 0.8s;
}
.alanParent .alanRight:nth-child(17) {
	-webkit-transform: translate3d(-1.9rem, 0, 0);
	transform: translate3d(-1.9rem, 0, 0);
	-webkit-transition-delay: 0.85s;
	transition-delay: 0.85s;
}
.alanParent .alanRight:nth-child(18) {
	-webkit-transform: translate3d(-2rem, 0, 0);
	transform: translate3d(-2rem, 0, 0);
	-webkit-transition-delay: 0.9s;
	transition-delay: 0.9s;
}
.alanParent .alanRight:nth-child(19) {
	-webkit-transform: translate3d(-2.1rem, 0, 0);
	transform: translate3d(-2.1rem, 0, 0);
	-webkit-transition-delay: 0.95s;
	transition-delay: 0.95s;
}
.alanParent .alanRight:nth-child(20) {
	-webkit-transform: translate3d(-2.2rem, 0, 0);
	transform: translate3d(-2.2rem, 0, 0);
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
}
.alanParent.active .alanUp,
.alanParent.active .alanLeft,
.alanParent.active .alanRight,
.alanParent.go .alanUp,
.alanParent.go .alanLeft,
.alanParent.go .alanRight {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translateZ(0);
}
[data-text].alanGo {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	line-height: 0.9 !important;
}
[data-text].alanGo .letter {
	display: block;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
[data-text].alanGo .letter:nth-child(1) {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}
[data-text].alanGo .letter:nth-child(2) {
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
}
[data-text].alanGo .letter:nth-child(3) {
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}
[data-text].alanGo .letter:nth-child(4) {
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;
}
[data-text].alanGo .letter:nth-child(5) {
	-webkit-animation-delay: 0.7s;
	animation-delay: 0.7s;
}
[data-text].alanGo .letter:nth-child(6) {
	-webkit-animation-delay: 0.8s;
	animation-delay: 0.8s;
}
[data-text].alanGo .letter:nth-child(7) {
	-webkit-animation-delay: 0.9s;
	animation-delay: 0.9s;
}
[data-text].alanGo .letter:nth-child(8) {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}
[data-text].alanGo .letter:nth-child(9) {
	-webkit-animation-delay: 1.1s;
	animation-delay: 1.1s;
}
[data-text].alanGo .letter:nth-child(10) {
	-webkit-animation-delay: 1.2s;
	animation-delay: 1.2s;
}
[data-text].alanGo .letter:nth-child(11) {
	-webkit-animation-delay: 1.3s;
	animation-delay: 1.3s;
}
[data-text].alanGo .letter:nth-child(12) {
	-webkit-animation-delay: 1.4s;
	animation-delay: 1.4s;
}
[data-text].alanGo .letter:nth-child(13) {
	-webkit-animation-delay: 1.5s;
	animation-delay: 1.5s;
}
[data-text].alanGo .letter:nth-child(14) {
	-webkit-animation-delay: 1.6s;
	animation-delay: 1.6s;
}
[data-text].alanGo .letter:nth-child(15) {
	-webkit-animation-delay: 1.7s;
	animation-delay: 1.7s;
}
[data-text].alanGo .letter:nth-child(16) {
	-webkit-animation-delay: 1.8s;
	animation-delay: 1.8s;
}
[data-text].alanGo .letter:nth-child(17) {
	-webkit-animation-delay: 1.9s;
	animation-delay: 1.9s;
}
[data-text].alanGo .letter:nth-child(18) {
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
}
[data-text].alanGo .letter:nth-child(19) {
	-webkit-animation-delay: 2.1s;
	animation-delay: 2.1s;
}
[data-text].alanGo .letter:nth-child(20) {
	-webkit-animation-delay: 2.2s;
	animation-delay: 2.2s;
}
[data-text].alanGo .letter:nth-child(21) {
	-webkit-animation-delay: 2.3s;
	animation-delay: 2.3s;
}
[data-text].alanGo .letter:nth-child(22) {
	-webkit-animation-delay: 2.4s;
	animation-delay: 2.4s;
}
[data-text].alanGo .letter:nth-child(23) {
	-webkit-animation-delay: 2.5s;
	animation-delay: 2.5s;
}
[data-text].alanGo .letter:nth-child(24) {
	-webkit-animation-delay: 2.6s;
	animation-delay: 2.6s;
}
[data-text].alanGo .letter:nth-child(25) {
	-webkit-animation-delay: 2.7s;
	animation-delay: 2.7s;
}
[data-text].alanGo .letter:nth-child(26) {
	-webkit-animation-delay: 2.8s;
	animation-delay: 2.8s;
}
[data-text].alanGo .letter:nth-child(27) {
	-webkit-animation-delay: 2.9s;
	animation-delay: 2.9s;
}
[data-text].alanGo .letter:nth-child(28) {
	-webkit-animation-delay: 3s;
	animation-delay: 3s;
}
[data-text].alanGo .letter:nth-child(29) {
	-webkit-animation-delay: 3.1s;
	animation-delay: 3.1s;
}
[data-text].alanGo .letter:nth-child(30) {
	-webkit-animation-delay: 3.2s;
	animation-delay: 3.2s;
}
[data-text].alanGo .letter:nth-child(31) {
	-webkit-animation-delay: 3.3s;
	animation-delay: 3.3s;
}
[data-text].alanGo .letter:nth-child(32) {
	-webkit-animation-delay: 3.4s;
	animation-delay: 3.4s;
}
[data-text].alanGo .letter:nth-child(33) {
	-webkit-animation-delay: 3.5s;
	animation-delay: 3.5s;
}
[data-text].alanGo .letter:nth-child(34) {
	-webkit-animation-delay: 3.6s;
	animation-delay: 3.6s;
}
[data-text].alanGo .letter:nth-child(35) {
	-webkit-animation-delay: 3.7s;
	animation-delay: 3.7s;
}
[data-text].alanGo .letter:nth-child(36) {
	-webkit-animation-delay: 3.8s;
	animation-delay: 3.8s;
}
[data-text].alanGo .letter:nth-child(37) {
	-webkit-animation-delay: 3.9s;
	animation-delay: 3.9s;
}
[data-text].alanGo .letter:nth-child(38) {
	-webkit-animation-delay: 4s;
	animation-delay: 4s;
}
[data-text].alanGo .letter:nth-child(39) {
	-webkit-animation-delay: 4.1s;
	animation-delay: 4.1s;
}
[data-text].alanGo .letter:nth-child(40) {
	-webkit-animation-delay: 4.2s;
	animation-delay: 4.2s;
}
[data-text].alanGo .letter:nth-child(41) {
	-webkit-animation-delay: 4.3s;
	animation-delay: 4.3s;
}
[data-text].alanGo .letter:nth-child(42) {
	-webkit-animation-delay: 4.4s;
	animation-delay: 4.4s;
}
[data-text].alanGo .letter:nth-child(43) {
	-webkit-animation-delay: 4.5s;
	animation-delay: 4.5s;
}
[data-text].alanGo .letter:nth-child(44) {
	-webkit-animation-delay: 4.6s;
	animation-delay: 4.6s;
}
[data-text].alanGo .letter:nth-child(45) {
	-webkit-animation-delay: 4.7s;
	animation-delay: 4.7s;
}
[data-text].alanGo .letter:nth-child(46) {
	-webkit-animation-delay: 4.8s;
	animation-delay: 4.8s;
}
[data-text].alanGo .letter:nth-child(47) {
	-webkit-animation-delay: 4.9s;
	animation-delay: 4.9s;
}
[data-text].alanGo .letter:nth-child(48) {
	-webkit-animation-delay: 5s;
	animation-delay: 5s;
}
[data-text].alanGo .letter:nth-child(49) {
	-webkit-animation-delay: 5.1s;
	animation-delay: 5.1s;
}
[data-text].alanGo .letter:nth-child(50) {
	-webkit-animation-delay: 5.2s;
	animation-delay: 5.2s;
}
[data-text].alanGo.go .letter {
	-webkit-animation-name: bulge;
	animation-name: bulge;
}
.layout-mask {
	position: relative;
}
.layout-mask:before {
	content: "";
	z-index: 3;
	background-color: rgba(0, 0, 0, var(--op));
}
.layer-mk {
	position: relative;
}
.layer-mk:before {
	content: "";
	z-index: 3;
	background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.46) 0%, rgba(0, 0, 0, 0) 100%);
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.46) 0%, rgba(0, 0, 0, 0) 100%);
}
.layer-photo {
	overflow: hidden;
	border-radius: 0.2rem;
}
.layer-photo .pic {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 0.2rem;
	-webkit-transition:
		opacity 1.2s var(--ease),
		color 0.3s var(--ease),
		background-color 0.6s var(--ease),
		-webkit-transform 1.5s var(--ease);
	transition:
		opacity 1.2s var(--ease),
		color 0.3s var(--ease),
		background-color 0.6s var(--ease),
		-webkit-transform 1.5s var(--ease);
	transition:
		opacity 1.2s var(--ease),
		transform 1.5s var(--ease),
		color 0.3s var(--ease),
		background-color 0.6s var(--ease);
	transition:
		opacity 1.2s var(--ease),
		transform 1.5s var(--ease),
		color 0.3s var(--ease),
		background-color 0.6s var(--ease),
		-webkit-transform 1.5s var(--ease);
	opacity: 0;
	-webkit-transform-origin: 0 50%;
	-ms-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}
.layer-photo.go .pic {
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
.over-2 {
	display: -webkit-box;
	line-height: 1.5;
	-webkit-line-clamp: 2;
	height: 3em;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.over-3 {
	display: -webkit-box;
	line-height: 1.3;
	-webkit-line-clamp: 3;
	height: 3.9em;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.txt-color {
	background: -webkit-linear-gradient(85deg, #f19500 0%, rgb(255, 255, 255) 60%);
	background: linear-gradient(5deg, #f19500 0%, rgb(255, 255, 255) 60%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}
.layer-item .list {
	position: relative;
	width: 100%;
	padding: 5px 0 5px 0.2rem;
}
.layer-item .list .dot {
	width: 5px;
	height: 5px;
	border-radius: 50%;
	position: absolute;
	top: calc(0.7em + 1px);
	left: 0;
}
.layer-item .list .dot.wc {
	background-color: #fff;
}
.layer-item .list .dot.mc {
	background-color: var(--main);
}
.layer-item .list .iconfont {
	position: absolute;
	left: 0;
	top: calc(0.3em + 1px);
}
.layer-item .list p {
	line-height: 1.3;
}
.layer-btn {
	border-radius: 0.6rem;
	position: relative;
	padding: 0.15rem 0.5rem;
	cursor: pointer;
	overflow: hidden;
	-webkit-transform: translateZ(0px);
	transform: translateZ(0);
	border: 1px solid rgba(255, 255, 255, 0.3);
}
.layer-btn > .mask {
	position: absolute;
	width: 100%;
	border-radius: 0.6rem;
	height: 102%;
	left: 0;
	top: 0;
	z-index: 1;
	-webkit-transform: translateX(-102%);
	-ms-transform: translateX(-102%);
	transform: translate(-102%);
	-webkit-transition: -webkit-transform 0.6s var(--ease);
	transition: -webkit-transform 0.6s var(--ease);
	transition: transform 0.6s var(--ease);
	transition:
		transform 0.6s var(--ease),
		-webkit-transform 0.6s var(--ease);
	background-color: var(--main);
	display: block;
}
.layer-btn .txt {
	position: relative;
	z-index: 6;
	-webkit-transition: color 0.5s var(--ease);
	transition: color 0.5s var(--ease);
}
.layer-btn .iconfont {
	position: relative;
	z-index: 6;
	-webkit-transition:
		color 0.5s var(--ease),
		-webkit-transform 0.6s var(--ease);
	transition:
		color 0.5s var(--ease),
		-webkit-transform 0.6s var(--ease);
	transition:
		color 0.5s var(--ease),
		transform 0.6s var(--ease);
	transition:
		color 0.5s var(--ease),
		transform 0.6s var(--ease),
		-webkit-transform 0.6s var(--ease);
}
@media screen and (orientation: landscape) {
	.layer-btn:hover > .mask {
		-webkit-transform: translateX(0) !important;
		-ms-transform: translateX(0) !important;
		transform: translate(0) !important;
	}
	.layer-btn:hover .txt {
		color: #fff;
	}
	.layer-btn:hover .iconfont {
		-webkit-transform: translateX(0.05rem);
		-ms-transform: translateX(0.05rem);
		transform: translate(0.05rem);
		color: #fff;
	}
}
.layer-btn.on > .mask {
	-webkit-transform: translateX(0) !important;
	-ms-transform: translateX(0) !important;
	transform: translate(0) !important;
}
.layer-btn.on .txt {
	color: #fff;
}
.layer-set {
	border-radius: 0.06rem;
	position: relative;
	padding: 0.15rem 0.5rem;
	cursor: pointer;
	overflow: hidden;
	-webkit-transform: translateZ(0px);
	transform: translateZ(0);
	border: 1px solid rgba(255, 255, 255, 0.3);
}
.layer-set > .mask {
	position: absolute;
	width: 100%;
	border-radius: 0.06rem;
	height: 102%;
	left: 0;
	top: 0;
	z-index: 1;
	-webkit-transform: translateX(-102%);
	-ms-transform: translateX(-102%);
	transform: translate(-102%);
	-webkit-transition: -webkit-transform 0.6s var(--ease);
	transition: -webkit-transform 0.6s var(--ease);
	transition: transform 0.6s var(--ease);
	transition:
		transform 0.6s var(--ease),
		-webkit-transform 0.6s var(--ease);
	background: -webkit-linear-gradient(left, #f39800, #c75900);
	background: linear-gradient(90deg, #f39800, #c75900);
	display: block;
}
.layer-set .txt {
	position: relative;
	z-index: 6;
	-webkit-transition: color 0.5s var(--ease);
	transition: color 0.5s var(--ease);
}
.layer-set .icon {
	width: 8px;
	position: relative;
	z-index: 6;
}
.layer-set .iconfont {
	position: relative;
	z-index: 6;
	-webkit-transition:
		color 0.5s var(--ease),
		-webkit-transform 0.6s var(--ease);
	transition:
		color 0.5s var(--ease),
		-webkit-transform 0.6s var(--ease);
	transition:
		color 0.5s var(--ease),
		transform 0.6s var(--ease);
	transition:
		color 0.5s var(--ease),
		transform 0.6s var(--ease),
		-webkit-transform 0.6s var(--ease);
}
@media screen and (orientation: landscape) {
	.layer-set:hover > .mask {
		-webkit-transform: translateX(0) !important;
		-ms-transform: translateX(0) !important;
		transform: translate(0) !important;
	}
	.layer-set:hover .txt {
		color: #fff;
	}
	.layer-set:hover .iconfont {
		-webkit-transform: translateX(0.05rem);
		-ms-transform: translateX(0.05rem);
		transform: translate(0.05rem);
		color: #fff;
	}
}
.layer-set.on {
	border-color: transparent;
}
.layer-set.on > .mask {
	-webkit-transform: translateX(0) !important;
	-ms-transform: translateX(0) !important;
	transform: translate(0) !important;
}
.layer-set.on .txt {
	color: #fff;
}
.layer-button {
	-webkit-perspective: 5rem;
	perspective: 5rem;
	height: 0.54rem;
}
.layer-button > .fxc,
.pop .layer-button > .close,
.pop .layer-button > .close .layer-button > .after,
.brand .r5 .inner .layer-button > .part,
.brand .r5 .inner .layer-button > .part .layer-button > .after,
.brand .r4 .inner .layer-button > .group,
.brand .r4 .inner .layer-button > .group .layer-button > .after,
.brand .r2 .inner .group .part .chunk .layer-button > .txt,
.brand .r2 .inner .group .part .chunk .layer-button > .txt .layer-button > .after,
.brand .banner .layer-button > .inner,
.brand .banner .layer-button > .inner .layer-button > .after,
.about .r7 .layer-button > .inner,
.about .r7 .layer-button > .inner .layer-button > .after,
.about .r6 .layer-button > .inner,
.about .r6 .layer-button > .inner .layer-button > .after,
.about .r5 .inner .set .arrow .layer-button > .layer-icon,
.about .r5 .inner .set .arrow .layer-button > .layer-icon .layer-button > .after,
.about .r5 .inner .set .layer-button > .arrow,
.about .r5 .inner .set .layer-button > .arrow .layer-button > .after,
.about .r5 .inner .group .swiper .layer-button > .swiper-pagination,
.about .r5 .inner .group .swiper .layer-button > .swiper-pagination .layer-button > .after,
.about .r5 .layer-button > .inner,
.about .r5 .layer-button > .inner .layer-button > .after,
.about .r4 .layer-button > .inner,
.about .r4 .layer-button > .inner .layer-button > .after,
.about .r1 .inner .layer-button > .p3,
.about .r1 .inner .layer-button > .p3 .layer-button > .after,
.about .r1 .inner .p1 .countBox .layer-button > .layer-icon,
.about .r1 .inner .p1 .countBox .layer-button > .layer-icon .layer-button > .after,
.about .fxRow .page_1.layer-button > .mask,
.about .fxRow .page_1.layer-button > .mask .layer-button > .after,
.join .r8 .inner .layer-button > .btm,
.join .r8 .inner .layer-button > .btm .layer-button > .after,
.store .r1 .inner .group .swiper .layer-button > .swiper-pagination,
.store .r1 .inner .group .swiper .layer-button > .swiper-pagination .layer-button > .after,
.address #content .layer-button > li,
.address #content .layer-button > li .layer-button > .after,
.address .layer-button > .chosePCA,
.address .layer-button > .chosePCA .layer-button > .after,
.address .r1 .inner .group .mid .right .layer-button > .map,
.address .r1 .inner .group .mid .right .layer-button > .map .layer-button > .after,
.home .content .r8 .inner .layer-button > .btm,
.home .content .r8 .inner .layer-button > .btm .layer-button > .after,
.home .content #clear .page_2 .inner .left .layer-player .layer-button > .ring,
.home .content #clear .page_2 .inner .left .layer-player .layer-button > .ring .layer-button > .after,
.home .content #clear .page_2 .inner .layer-button > .left,
.home .content #clear .page_2 .inner .layer-button > .left .layer-button > .after,
.applyPop .inner .box > div .layer-button > .btm,
.applyPop .inner .box > div .layer-button > .btm .layer-button > .after,
.applyPop .inner .box .layer-button > .closePop,
.applyPop .inner .box .layer-button > .closePop .layer-button > .after,
.layer-button > .apply,
.layer-button > .apply .layer-button > .after,
#app header nav.appNav .inner_top .topic .layer-button > .app-logo,
#app header nav.appNav .inner_top .topic .layer-button > .app-logo .layer-button > .after,
.layer-button > .layer-mouse,
.layer-button > .layer-mouse .layer-button > .after,
.layer-button > .layer-toast,
.layer-button > .layer-toast .layer-button > .after,
.layer-button > .layer-check,
.layer-button > .layer-check .layer-button > .after,
.layer-button > .layer-icon,
.layer-button > .layer-icon .layer-button > .after,
.layer-pop .group .layer-button > .inner,
.layer-pop .group .layer-button > .inner .layer-button > .after,
.layer-pop .layer-button > .group,
.layer-pop .layer-button > .group .layer-button > .after,
.layer-button > .fxc .layer-button > .after,
.pop .layer-button > .close .layer-button > .after,
.pop .layer-button > .close .layer-button > .after .layer-button > .after,
.brand .r5 .inner .layer-button > .part .layer-button > .after,
.brand .r5 .inner .layer-button > .part .layer-button > .after .layer-button > .after,
.brand .r4 .inner .layer-button > .group .layer-button > .after .layer-button > .after,
.brand .r2 .inner .group .part .chunk .layer-button > .txt .layer-button > .after .layer-button > .after,
.brand .banner .layer-button > .inner .layer-button > .after .layer-button > .after,
.about .r7 .layer-button > .inner .layer-button > .after .layer-button > .after,
.about .r6 .layer-button > .inner .layer-button > .after .layer-button > .after,
.about .r5 .inner .set .layer-button > .arrow .layer-button > .after .layer-button > .after,
.about .r5 .inner .group .swiper .layer-button > .swiper-pagination .layer-button > .after .layer-button > .after,
.about .r5 .layer-button > .inner .layer-button > .after .layer-button > .after,
.about .r4 .layer-button > .inner .layer-button > .after .layer-button > .after,
.about .r1 .inner .layer-button > .p3 .layer-button > .after .layer-button > .after,
.about .fxRow .page_1.layer-button > .mask .layer-button > .after .layer-button > .after,
.join .r8 .inner .layer-button > .btm .layer-button > .after .layer-button > .after,
.store .r1 .inner .group .swiper .layer-button > .swiper-pagination .layer-button > .after .layer-button > .after,
.address #content .layer-button > li .layer-button > .after .layer-button > .after,
.address .layer-button > .chosePCA .layer-button > .after,
.address .layer-button > .chosePCA .layer-button > .after .layer-button > .after,
.address .r1 .inner .group .mid .right .layer-button > .map .layer-button > .after .layer-button > .after,
.home .content .r8 .inner .layer-button > .btm .layer-button > .after,
.home .content .r8 .inner .layer-button > .btm .layer-button > .after .layer-button > .after,
.home .content #clear .page_2 .inner .left .layer-player .layer-button > .ring .layer-button > .after .layer-button > .after,
.home .content #clear .page_2 .inner .layer-button > .left .layer-button > .after .layer-button > .after,
.applyPop .inner .box > div .layer-button > .btm .layer-button > .after .layer-button > .after,
.applyPop .inner .box .layer-button > .closePop .layer-button > .after .layer-button > .after,
.layer-button > .apply .layer-button > .after .layer-button > .after,
#app header nav.appNav .inner_top .topic .layer-button > .app-logo .layer-button > .after .layer-button > .after,
.layer-button > .layer-mouse .layer-button > .after .layer-button > .after,
.layer-button > .layer-toast .layer-button > .after .layer-button > .after,
.layer-button > .layer-check .layer-button > .after .layer-button > .after,
.layer-button > .layer-icon .layer-button > .after .layer-button > .after,
.layer-pop .group .layer-button > .inner .layer-button > .after .layer-button > .after,
.layer-pop .layer-button > .group .layer-button > .after .layer-button > .after,
.layer-button > .layer-set .layer-button > .after,
.layer-button > .layer-set {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: -webkit-transform 0.6s var(--ease);
	transition: -webkit-transform 0.6s var(--ease);
	transition: transform 0.6s var(--ease);
	transition:
		transform 0.6s var(--ease),
		-webkit-transform 0.6s var(--ease);
}
.layer-button > .fxc .after,
.pop .layer-button > .close .after,
.brand .r5 .inner .layer-button > .part .after,
.brand .r4 .inner .layer-button > .group .after,
.brand .r2 .inner .group .part .chunk .layer-button > .txt .after,
.brand .banner .layer-button > .inner .after,
.brand .banner .layer-button > .inner .layer-button > .after .after,
.about .r7 .layer-button > .inner .after,
.about .r6 .layer-button > .inner .after,
.about .r5 .inner .set .arrow .layer-button > .layer-icon .after,
.about .r5 .inner .set .layer-button > .arrow .after,
.about .r5 .inner .group .swiper .layer-button > .swiper-pagination .after,
.about .r5 .layer-button > .inner .after,
.about .r4 .layer-button > .inner .after,
.about .r1 .inner .layer-button > .p3 .after,
.about .r1 .inner .p1 .countBox .layer-button > .layer-icon .after,
.about .fxRow .page_1.layer-button > .mask .after,
.join .r8 .inner .layer-button > .btm .after,
.store .r1 .inner .group .swiper .layer-button > .swiper-pagination .after,
.address #content .layer-button > li .after,
.address .layer-button > .chosePCA .after,
.address .layer-button > .chosePCA .layer-button > .after .after,
.address .r1 .inner .group .mid .right .layer-button > .map .after,
.home .content .r8 .inner .layer-button > .btm .after,
.home .content .r8 .inner .layer-button > .btm .layer-button > .after .after,
.home .content #clear .page_2 .inner .left .layer-player .layer-button > .ring .after,
.home .content #clear .page_2 .inner .layer-button > .left .after,
.applyPop .inner .box > div .layer-button > .btm .after,
.applyPop .inner .box .layer-button > .closePop .after,
.layer-button > .apply .after,
#app header nav.appNav .inner_top .topic .layer-button > .app-logo .after,
.layer-button > .layer-mouse .after,
.layer-button > .layer-toast .after,
.layer-button > .layer-check .after,
.layer-button > .layer-icon .after,
.layer-pop .group .layer-button > .inner .after,
.layer-pop .layer-button > .group .after,
.layer-button > .layer-set .after {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	-webkit-transform: translate3d(0, 0, -0.27rem) rotateX(90deg);
	transform: translateZ(-0.27rem) rotateX(90deg);
	-webkit-transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	background: -webkit-linear-gradient(left, #f39800, #c75900);
	background: linear-gradient(90deg, #f39800, #c75900);
}
@media screen and (orientation: portrait) {
	.layer-button > .fxc .after,
	.pop .layer-button > .close .after,
	.brand .r5 .inner .layer-button > .part .after,
	.brand .r4 .inner .layer-button > .group .after,
	.brand .r2 .inner .group .part .chunk .layer-button > .txt .after,
	.brand .banner .layer-button > .inner .after,
	.brand .banner .layer-button > .inner .layer-button > .after .after,
	.about .r7 .layer-button > .inner .after,
	.about .r6 .layer-button > .inner .after,
	.about .r5 .inner .set .arrow .layer-button > .layer-icon .after,
	.about .r5 .inner .set .layer-button > .arrow .after,
	.about .r5 .inner .group .swiper .layer-button > .swiper-pagination .after,
	.about .r5 .layer-button > .inner .after,
	.about .r4 .layer-button > .inner .after,
	.about .r1 .inner .layer-button > .p3 .after,
	.about .r1 .inner .p1 .countBox .layer-button > .layer-icon .after,
	.about .fxRow .page_1.layer-button > .mask .after,
	.join .r8 .inner .layer-button > .btm .after,
	.store .r1 .inner .group .swiper .layer-button > .swiper-pagination .after,
	.address #content .layer-button > li .after,
	.address .layer-button > .chosePCA .after,
	.address .layer-button > .chosePCA .layer-button > .after .after,
	.address .r1 .inner .group .mid .right .layer-button > .map .after,
	.home .content .r8 .inner .layer-button > .btm .after,
	.home .content .r8 .inner .layer-button > .btm .layer-button > .after .after,
	.home .content #clear .page_2 .inner .left .layer-player .layer-button > .ring .after,
	.home .content #clear .page_2 .inner .layer-button > .left .after,
	.applyPop .inner .box > div .layer-button > .btm .after,
	.applyPop .inner .box .layer-button > .closePop .after,
	.layer-button > .apply .after,
	#app header nav.appNav .inner_top .topic .layer-button > .app-logo .after,
	.layer-button > .layer-mouse .after,
	.layer-button > .layer-toast .after,
	.layer-button > .layer-check .after,
	.layer-button > .layer-icon .after,
	.layer-pop .group .layer-button > .inner .after,
	.layer-pop .layer-button > .group .after,
	.layer-button > .layer-set .after {
		-webkit-transform: translate3d(0, 0, -0.32rem) rotateX(90deg);
		transform: translateZ(-0.32rem) rotateX(90deg);
	}
}
.layer-button > .fxc .before,
.pop .layer-button > .close .before,
.brand .r5 .inner .layer-button > .part .before,
.brand .r4 .inner .layer-button > .group .before,
.brand .r2 .inner .group .part .chunk .layer-button > .txt .before,
.brand .banner .layer-button > .inner .before,
.brand .banner .layer-button > .inner .layer-button > .after .before,
.about .r7 .layer-button > .inner .before,
.about .r6 .layer-button > .inner .before,
.about .r5 .inner .set .arrow .layer-button > .layer-icon .before,
.about .r5 .inner .set .layer-button > .arrow .before,
.about .r5 .inner .group .swiper .layer-button > .swiper-pagination .before,
.about .r5 .layer-button > .inner .before,
.about .r4 .layer-button > .inner .before,
.about .r1 .inner .layer-button > .p3 .before,
.about .r1 .inner .p1 .countBox .layer-button > .layer-icon .before,
.about .fxRow .page_1.layer-button > .mask .before,
.join .r8 .inner .layer-button > .btm .before,
.store .r1 .inner .group .swiper .layer-button > .swiper-pagination .before,
.address #content .layer-button > li .before,
.address .layer-button > .chosePCA .before,
.address .layer-button > .chosePCA .layer-button > .after .before,
.address .r1 .inner .group .mid .right .layer-button > .map .before,
.home .content .r8 .inner .layer-button > .btm .before,
.home .content .r8 .inner .layer-button > .btm .layer-button > .after .before,
.home .content #clear .page_2 .inner .left .layer-player .layer-button > .ring .before,
.home .content #clear .page_2 .inner .layer-button > .left .before,
.applyPop .inner .box > div .layer-button > .btm .before,
.applyPop .inner .box .layer-button > .closePop .before,
.layer-button > .apply .before,
#app header nav.appNav .inner_top .topic .layer-button > .app-logo .before,
.layer-button > .layer-mouse .before,
.layer-button > .layer-toast .before,
.layer-button > .layer-check .before,
.layer-button > .layer-icon .before,
.layer-pop .group .layer-button > .inner .before,
.layer-pop .layer-button > .group .before,
.layer-button > .layer-set .before {
	display: block;
	-webkit-transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	padding: 0.15rem 0.5rem;
	-webkit-transform: translate3d(0, 0, 0.3rem);
	transform: translateZ(0.3rem);
	border: 1px solid rgba(255, 255, 255, 0.3);
}
.layer-button:hover .fxc,
.layer-button:hover .pop .close,
.pop .layer-button:hover .close,
.layer-button:hover .pop .layer-button > .close .after,
.pop .layer-button > .close .layer-button:hover .after,
.layer-button:hover .brand .r5 .inner .part,
.brand .r5 .inner .layer-button:hover .part,
.layer-button:hover .brand .r5 .inner .layer-button > .part .after,
.brand .r5 .inner .layer-button > .part .layer-button:hover .after,
.layer-button:hover .brand .r4 .inner .group,
.brand .r4 .inner .layer-button:hover .group,
.layer-button:hover .brand .r4 .inner .layer-button > .group .after,
.brand .r4 .inner .layer-button > .group .layer-button:hover .after,
.layer-button:hover .brand .r2 .inner .group .part .chunk .txt,
.brand .r2 .inner .group .part .chunk .layer-button:hover .txt,
.layer-button:hover .brand .r2 .inner .group .part .chunk .layer-button > .txt .after,
.brand .r2 .inner .group .part .chunk .layer-button > .txt .layer-button:hover .after,
.layer-button:hover .brand .banner .inner,
.brand .banner .layer-button:hover .inner,
.layer-button:hover .brand .banner .layer-button > .inner .after,
.brand .banner .layer-button > .inner .layer-button:hover .after,
.layer-button:hover .about .r7 .inner,
.about .r7 .layer-button:hover .inner,
.layer-button:hover .about .r7 .layer-button > .inner .after,
.about .r7 .layer-button > .inner .layer-button:hover .after,
.layer-button:hover .about .r6 .inner,
.about .r6 .layer-button:hover .inner,
.layer-button:hover .about .r6 .layer-button > .inner .after,
.about .r6 .layer-button > .inner .layer-button:hover .after,
.layer-button:hover .about .r5 .inner .set .arrow .layer-icon,
.about .r5 .inner .set .arrow .layer-button:hover .layer-icon,
.layer-button:hover .about .r5 .inner .set .arrow .layer-button > .layer-icon .after,
.about .r5 .inner .set .arrow .layer-button > .layer-icon .layer-button:hover .after,
.layer-button:hover .about .r5 .inner .set .arrow,
.about .r5 .inner .set .layer-button:hover .arrow,
.layer-button:hover .about .r5 .inner .set .layer-button > .arrow .after,
.about .r5 .inner .set .layer-button > .arrow .layer-button:hover .after,
.layer-button:hover .about .r5 .inner .group .swiper .swiper-pagination,
.about .r5 .inner .group .swiper .layer-button:hover .swiper-pagination,
.layer-button:hover .about .r5 .inner .group .swiper .layer-button > .swiper-pagination .after,
.about .r5 .inner .group .swiper .layer-button > .swiper-pagination .layer-button:hover .after,
.layer-button:hover .about .r5 .inner,
.about .r5 .layer-button:hover .inner,
.layer-button:hover .about .r5 .layer-button > .inner .after,
.about .r5 .layer-button > .inner .layer-button:hover .after,
.layer-button:hover .about .r4 .inner,
.about .r4 .layer-button:hover .inner,
.layer-button:hover .about .r4 .layer-button > .inner .after,
.about .r4 .layer-button > .inner .layer-button:hover .after,
.layer-button:hover .about .r1 .inner .p3,
.about .r1 .inner .layer-button:hover .p3,
.layer-button:hover .about .r1 .inner .layer-button > .p3 .after,
.about .r1 .inner .layer-button > .p3 .layer-button:hover .after,
.layer-button:hover .about .r1 .inner .p1 .countBox .layer-icon,
.about .r1 .inner .p1 .countBox .layer-button:hover .layer-icon,
.layer-button:hover .about .r1 .inner .p1 .countBox .layer-button > .layer-icon .after,
.about .r1 .inner .p1 .countBox .layer-button > .layer-icon .layer-button:hover .after,
.layer-button:hover .about .fxRow .page_1 > .mask,
.about .fxRow .layer-button:hover .page_1 > .mask,
.layer-button:hover .about .fxRow .page_1.layer-button > .mask .after,
.about .fxRow .page_1.layer-button > .mask .layer-button:hover .after,
.layer-button:hover .join .r8 .inner .btm,
.join .r8 .inner .layer-button:hover .btm,
.layer-button:hover .join .r8 .inner .layer-button > .btm .after,
.join .r8 .inner .layer-button > .btm .layer-button:hover .after,
.layer-button:hover .store .r1 .inner .group .swiper .swiper-pagination,
.store .r1 .inner .group .swiper .layer-button:hover .swiper-pagination,
.layer-button:hover .store .r1 .inner .group .swiper .layer-button > .swiper-pagination .after,
.store .r1 .inner .group .swiper .layer-button > .swiper-pagination .layer-button:hover .after,
.layer-button:hover .address #content li,
.address #content .layer-button:hover li,
.layer-button:hover .address #content .layer-button > li .after,
.address #content .layer-button > li .layer-button:hover .after,
.layer-button:hover .address .chosePCA,
.address .layer-button:hover .chosePCA,
.layer-button:hover .address .layer-button > .chosePCA .after,
.address .layer-button > .chosePCA .layer-button:hover .after,
.layer-button:hover .address .r1 .inner .group .mid .right .map,
.address .r1 .inner .group .mid .right .layer-button:hover .map,
.layer-button:hover .address .r1 .inner .group .mid .right .layer-button > .map .after,
.address .r1 .inner .group .mid .right .layer-button > .map .layer-button:hover .after,
.layer-button:hover .home .content .r8 .inner .btm,
.home .content .r8 .inner .layer-button:hover .btm,
.layer-button:hover .home .content .r8 .inner .layer-button > .btm .after,
.home .content .r8 .inner .layer-button > .btm .layer-button:hover .after,
.layer-button:hover .home .content #clear .page_2 .inner .left .layer-player .ring,
.home .content #clear .page_2 .inner .left .layer-player .layer-button:hover .ring,
.layer-button:hover .home .content #clear .page_2 .inner .left .layer-player .layer-button > .ring .after,
.home .content #clear .page_2 .inner .left .layer-player .layer-button > .ring .layer-button:hover .after,
.layer-button:hover .home .content #clear .page_2 .inner .left,
.home .content #clear .page_2 .inner .layer-button:hover .left,
.layer-button:hover .home .content #clear .page_2 .inner .layer-button > .left .after,
.home .content #clear .page_2 .inner .layer-button > .left .layer-button:hover .after,
.layer-button:hover .applyPop .inner .box > div .btm,
.applyPop .inner .box > div .layer-button:hover .btm,
.layer-button:hover .applyPop .inner .box > div .layer-button > .btm .after,
.applyPop .inner .box > div .layer-button > .btm .layer-button:hover .after,
.layer-button:hover .applyPop .inner .box .closePop,
.applyPop .inner .box .layer-button:hover .closePop,
.layer-button:hover .applyPop .inner .box .layer-button > .closePop .after,
.applyPop .inner .box .layer-button > .closePop .layer-button:hover .after,
.layer-button:hover .apply,
.layer-button:hover .layer-button > .apply .after,
.layer-button > .apply .layer-button:hover .after,
.layer-button:hover #app header nav.appNav .inner_top .topic .app-logo,
#app header nav.appNav .inner_top .topic .layer-button:hover .app-logo,
.layer-button:hover #app header nav.appNav .inner_top .topic .layer-button > .app-logo .after,
#app header nav.appNav .inner_top .topic .layer-button > .app-logo .layer-button:hover .after,
.layer-button:hover .layer-mouse,
.layer-button:hover .layer-button > .layer-mouse .after,
.layer-button > .layer-mouse .layer-button:hover .after,
.layer-button:hover .layer-toast,
.layer-button:hover .layer-button > .layer-toast .after,
.layer-button > .layer-toast .layer-button:hover .after,
.layer-button:hover .layer-check,
.layer-button:hover .layer-button > .layer-check .after,
.layer-button > .layer-check .layer-button:hover .after,
.layer-button:hover .layer-icon,
.layer-button:hover .layer-button > .layer-icon .after,
.layer-button > .layer-icon .layer-button:hover .after,
.layer-button:hover .layer-pop .group .inner,
.layer-pop .group .layer-button:hover .inner,
.layer-button:hover .layer-pop .group .layer-button > .inner .after,
.layer-pop .group .layer-button > .inner .layer-button:hover .after,
.layer-button:hover .layer-pop .group,
.layer-pop .layer-button:hover .group,
.layer-button:hover .layer-pop .layer-button > .group .after,
.layer-pop .layer-button > .group .layer-button:hover .after,
.layer-button:hover .layer-set,
.layer-button:hover .layer-button > .fxc .after,
.layer-button:hover .pop .layer-button > .close .after,
.pop .layer-button:hover .layer-button > .close .after,
.layer-button:hover .pop .layer-button > .close .layer-button > .after .after,
.pop .layer-button > .close .layer-button:hover .layer-button > .after .after,
.layer-button:hover .brand .r5 .inner .layer-button > .part .after,
.brand .r5 .inner .layer-button:hover .layer-button > .part .after,
.layer-button:hover .brand .r5 .inner .layer-button > .part .layer-button > .after .after,
.brand .r5 .inner .layer-button > .part .layer-button:hover .layer-button > .after .after,
.layer-button:hover .brand .r4 .inner .layer-button > .group .after,
.brand .r4 .inner .layer-button:hover .layer-button > .group .after,
.layer-button:hover .brand .r4 .inner .layer-button > .group .layer-button > .after .after,
.brand .r4 .inner .layer-button > .group .layer-button:hover .layer-button > .after .after,
.layer-button:hover .brand .r2 .inner .group .part .chunk .layer-button > .txt .after,
.brand .r2 .inner .group .part .chunk .layer-button:hover .layer-button > .txt .after,
.layer-button:hover .brand .r2 .inner .group .part .chunk .layer-button > .txt .layer-button > .after .after,
.brand .r2 .inner .group .part .chunk .layer-button > .txt .layer-button:hover .layer-button > .after .after,
.layer-button:hover .brand .banner .layer-button > .inner .after,
.brand .banner .layer-button:hover .layer-button > .inner .after,
.layer-button:hover .brand .banner .layer-button > .inner .layer-button > .after .after,
.brand .banner .layer-button > .inner .layer-button:hover .layer-button > .after .after,
.layer-button:hover .about .r7 .layer-button > .inner .after,
.about .r7 .layer-button:hover .layer-button > .inner .after,
.layer-button:hover .about .r7 .layer-button > .inner .layer-button > .after .after,
.about .r7 .layer-button > .inner .layer-button:hover .layer-button > .after .after,
.layer-button:hover .about .r6 .layer-button > .inner .after,
.about .r6 .layer-button:hover .layer-button > .inner .after,
.layer-button:hover .about .r6 .layer-button > .inner .layer-button > .after .after,
.about .r6 .layer-button > .inner .layer-button:hover .layer-button > .after .after,
.layer-button:hover .about .r5 .inner .set .arrow .layer-button > .layer-icon .after,
.about .r5 .inner .set .arrow .layer-button:hover .layer-button > .layer-icon .after,
.layer-button:hover .about .r5 .inner .set .arrow .layer-button > .layer-icon .layer-button > .after .after,
.about .r5 .inner .set .arrow .layer-button > .layer-icon .layer-button:hover .layer-button > .after .after,
.layer-button:hover .about .r5 .inner .set .layer-button > .arrow .after,
.about .r5 .inner .set .layer-button:hover .layer-button > .arrow .after,
.layer-button:hover .about .r5 .inner .set .layer-button > .arrow .layer-button > .after .after,
.about .r5 .inner .set .layer-button > .arrow .layer-button:hover .layer-button > .after .after,
.layer-button:hover .about .r5 .inner .group .swiper .layer-button > .swiper-pagination .after,
.about .r5 .inner .group .swiper .layer-button:hover .layer-button > .swiper-pagination .after,
.layer-button:hover .about .r5 .inner .group .swiper .layer-button > .swiper-pagination .layer-button > .after .after,
.about .r5 .inner .group .swiper .layer-button > .swiper-pagination .layer-button:hover .layer-button > .after .after,
.layer-button:hover .about .r5 .layer-button > .inner .after,
.about .r5 .layer-button:hover .layer-button > .inner .after,
.layer-button:hover .about .r5 .layer-button > .inner .layer-button > .after .after,
.about .r5 .layer-button > .inner .layer-button:hover .layer-button > .after .after,
.layer-button:hover .about .r4 .layer-button > .inner .after,
.about .r4 .layer-button:hover .layer-button > .inner .after,
.layer-button:hover .about .r4 .layer-button > .inner .layer-button > .after .after,
.about .r4 .layer-button > .inner .layer-button:hover .layer-button > .after .after,
.layer-button:hover .about .r1 .inner .layer-button > .p3 .after,
.about .r1 .inner .layer-button:hover .layer-button > .p3 .after,
.layer-button:hover .about .r1 .inner .layer-button > .p3 .layer-button > .after .after,
.about .r1 .inner .layer-button > .p3 .layer-button:hover .layer-button > .after .after,
.layer-button:hover .about .r1 .inner .p1 .countBox .layer-button > .layer-icon .after,
.about .r1 .inner .p1 .countBox .layer-button:hover .layer-button > .layer-icon .after,
.layer-button:hover .about .r1 .inner .p1 .countBox .layer-button > .layer-icon .layer-button > .after .after,
.about .r1 .inner .p1 .countBox .layer-button > .layer-icon .layer-button:hover .layer-button > .after .after,
.layer-button:hover .about .fxRow .page_1.layer-button > .mask .after,
.about .fxRow .layer-button:hover .page_1.layer-button > .mask .after,
.layer-button:hover .about .fxRow .page_1.layer-button > .mask .layer-button > .after .after,
.about .fxRow .page_1.layer-button > .mask .layer-button:hover .layer-button > .after .after,
.layer-button:hover .join .r8 .inner .layer-button > .btm .after,
.join .r8 .inner .layer-button:hover .layer-button > .btm .after,
.layer-button:hover .join .r8 .inner .layer-button > .btm .layer-button > .after .after,
.join .r8 .inner .layer-button > .btm .layer-button:hover .layer-button > .after .after,
.store .r1 .inner .group .swiper .layer-button:hover .layer-button > .swiper-pagination .after,
.address #content .layer-button:hover .layer-button > li .after,
.layer-button:hover .address .layer-button > .chosePCA .after,
.address .layer-button:hover .layer-button > .chosePCA .after,
.layer-button:hover .address .layer-button > .chosePCA .layer-button > .after .after,
.address .layer-button > .chosePCA .layer-button:hover .layer-button > .after .after,
.address .r1 .inner .group .mid .right .layer-button:hover .layer-button > .map .after,
.layer-button:hover .home .content .r8 .inner .layer-button > .btm .after,
.home .content .r8 .inner .layer-button:hover .layer-button > .btm .after,
.layer-button:hover .home .content .r8 .inner .layer-button > .btm .layer-button > .after .after,
.home .content .r8 .inner .layer-button > .btm .layer-button:hover .layer-button > .after .after,
.home .content #clear .page_2 .inner .left .layer-player .layer-button:hover .layer-button > .ring .after,
.home .content #clear .page_2 .inner .layer-button:hover .layer-button > .left .after,
.applyPop .inner .box > div .layer-button:hover .layer-button > .btm .after,
.applyPop .inner .box .layer-button:hover .layer-button > .closePop .after,
#app header nav.appNav .inner_top .topic .layer-button:hover .layer-button > .app-logo .after,
.layer-pop .group .layer-button:hover .layer-button > .inner .after,
.layer-pop .layer-button:hover .layer-button > .group .after,
.layer-button > .fxc .layer-button:hover .after,
.pop .layer-button > .close .layer-button:hover .after,
.pop .layer-button > .close .layer-button > .after .layer-button:hover .after,
.brand .r5 .inner .layer-button > .part .layer-button:hover .after,
.brand .r5 .inner .layer-button > .part .layer-button > .after .layer-button:hover .after,
.brand .r4 .inner .layer-button > .group .layer-button:hover .after,
.brand .r4 .inner .layer-button > .group .layer-button > .after .layer-button:hover .after,
.brand .r2 .inner .group .part .chunk .layer-button > .txt .layer-button:hover .after,
.brand .r2 .inner .group .part .chunk .layer-button > .txt .layer-button > .after .layer-button:hover .after,
.brand .banner .layer-button > .inner .layer-button:hover .after,
.brand .banner .layer-button > .inner .layer-button > .after .layer-button:hover .after,
.about .r7 .layer-button > .inner .layer-button:hover .after,
.about .r7 .layer-button > .inner .layer-button > .after .layer-button:hover .after,
.about .r6 .layer-button > .inner .layer-button:hover .after,
.about .r6 .layer-button > .inner .layer-button > .after .layer-button:hover .after,
.about .r5 .inner .set .arrow .layer-button > .layer-icon .layer-button:hover .after,
.about .r5 .inner .set .arrow .layer-button > .layer-icon .layer-button > .after .layer-button:hover .after,
.about .r5 .inner .set .layer-button > .arrow .layer-button:hover .after,
.about .r5 .inner .set .layer-button > .arrow .layer-button > .after .layer-button:hover .after,
.about .r5 .inner .group .swiper .layer-button > .swiper-pagination .layer-button:hover .after,
.about .r5 .inner .group .swiper .layer-button > .swiper-pagination .layer-button > .after .layer-button:hover .after,
.about .r5 .layer-button > .inner .layer-button:hover .after,
.about .r5 .layer-button > .inner .layer-button > .after .layer-button:hover .after,
.about .r4 .layer-button > .inner .layer-button:hover .after,
.about .r4 .layer-button > .inner .layer-button > .after .layer-button:hover .after,
.about .r1 .inner .layer-button > .p3 .layer-button:hover .after,
.about .r1 .inner .layer-button > .p3 .layer-button > .after .layer-button:hover .after,
.about .r1 .inner .p1 .countBox .layer-button > .layer-icon .layer-button:hover .after,
.about .r1 .inner .p1 .countBox .layer-button > .layer-icon .layer-button > .after .layer-button:hover .after,
.about .fxRow .page_1.layer-button > .mask .layer-button:hover .after,
.about .fxRow .page_1.layer-button > .mask .layer-button > .after .layer-button:hover .after,
.join .r8 .inner .layer-button > .btm .layer-button:hover .after,
.join .r8 .inner .layer-button > .btm .layer-button > .after .layer-button:hover .after,
.address .layer-button > .chosePCA .layer-button:hover .after,
.address .layer-button > .chosePCA .layer-button > .after .layer-button:hover .after,
.home .content .r8 .inner .layer-button > .btm .layer-button:hover .after,
.home .content .r8 .inner .layer-button > .btm .layer-button > .after .layer-button:hover .after,
.layer-button:hover .layer-button > .layer-set .after,
.layer-button > .layer-set .layer-button:hover .after {
	-webkit-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
}
.layer-button.on .fxc,
.layer-button.on .pop .close,
.pop .layer-button.on .close,
.layer-button.on .pop .layer-button > .close .after,
.pop .layer-button > .close .layer-button.on .after,
.layer-button.on .brand .r5 .inner .part,
.brand .r5 .inner .layer-button.on .part,
.layer-button.on .brand .r5 .inner .layer-button > .part .after,
.brand .r5 .inner .layer-button > .part .layer-button.on .after,
.layer-button.on .brand .r4 .inner .group,
.brand .r4 .inner .layer-button.on .group,
.layer-button.on .brand .r4 .inner .layer-button > .group .after,
.brand .r4 .inner .layer-button > .group .layer-button.on .after,
.layer-button.on .brand .r2 .inner .group .part .chunk .txt,
.brand .r2 .inner .group .part .chunk .layer-button.on .txt,
.layer-button.on .brand .r2 .inner .group .part .chunk .layer-button > .txt .after,
.brand .r2 .inner .group .part .chunk .layer-button > .txt .layer-button.on .after,
.layer-button.on .brand .banner .inner,
.brand .banner .layer-button.on .inner,
.layer-button.on .brand .banner .layer-button > .inner .after,
.brand .banner .layer-button > .inner .layer-button.on .after,
.layer-button.on .about .r7 .inner,
.about .r7 .layer-button.on .inner,
.layer-button.on .about .r7 .layer-button > .inner .after,
.about .r7 .layer-button > .inner .layer-button.on .after,
.layer-button.on .about .r6 .inner,
.about .r6 .layer-button.on .inner,
.layer-button.on .about .r6 .layer-button > .inner .after,
.about .r6 .layer-button > .inner .layer-button.on .after,
.layer-button.on .about .r5 .inner .set .arrow .layer-icon,
.about .r5 .inner .set .arrow .layer-button.on .layer-icon,
.layer-button.on .about .r5 .inner .set .arrow .layer-button > .layer-icon .after,
.about .r5 .inner .set .arrow .layer-button > .layer-icon .layer-button.on .after,
.layer-button.on .about .r5 .inner .set .arrow,
.about .r5 .inner .set .layer-button.on .arrow,
.layer-button.on .about .r5 .inner .set .layer-button > .arrow .after,
.about .r5 .inner .set .layer-button > .arrow .layer-button.on .after,
.layer-button.on .about .r5 .inner .group .swiper .swiper-pagination,
.about .r5 .inner .group .swiper .layer-button.on .swiper-pagination,
.layer-button.on .about .r5 .inner .group .swiper .layer-button > .swiper-pagination .after,
.about .r5 .inner .group .swiper .layer-button > .swiper-pagination .layer-button.on .after,
.layer-button.on .about .r5 .inner,
.about .r5 .layer-button.on .inner,
.layer-button.on .about .r5 .layer-button > .inner .after,
.about .r5 .layer-button > .inner .layer-button.on .after,
.layer-button.on .about .r4 .inner,
.about .r4 .layer-button.on .inner,
.layer-button.on .about .r4 .layer-button > .inner .after,
.about .r4 .layer-button > .inner .layer-button.on .after,
.layer-button.on .about .r1 .inner .p3,
.about .r1 .inner .layer-button.on .p3,
.layer-button.on .about .r1 .inner .layer-button > .p3 .after,
.about .r1 .inner .layer-button > .p3 .layer-button.on .after,
.layer-button.on .about .r1 .inner .p1 .countBox .layer-icon,
.about .r1 .inner .p1 .countBox .layer-button.on .layer-icon,
.layer-button.on .about .r1 .inner .p1 .countBox .layer-button > .layer-icon .after,
.about .r1 .inner .p1 .countBox .layer-button > .layer-icon .layer-button.on .after,
.layer-button.on .about .fxRow .page_1 > .mask,
.about .fxRow .layer-button.on .page_1 > .mask,
.layer-button.on .about .fxRow .page_1.layer-button > .mask .after,
.about .fxRow .page_1.layer-button > .mask .layer-button.on .after,
.layer-button.on .join .r8 .inner .btm,
.join .r8 .inner .layer-button.on .btm,
.layer-button.on .join .r8 .inner .layer-button > .btm .after,
.join .r8 .inner .layer-button > .btm .layer-button.on .after,
.layer-button.on .store .r1 .inner .group .swiper .swiper-pagination,
.store .r1 .inner .group .swiper .layer-button.on .swiper-pagination,
.layer-button.on .store .r1 .inner .group .swiper .layer-button > .swiper-pagination .after,
.store .r1 .inner .group .swiper .layer-button > .swiper-pagination .layer-button.on .after,
.layer-button.on .address #content li,
.address #content .layer-button.on li,
.layer-button.on .address #content .layer-button > li .after,
.address #content .layer-button > li .layer-button.on .after,
.layer-button.on .address .chosePCA,
.address .layer-button.on .chosePCA,
.layer-button.on .address .layer-button > .chosePCA .after,
.address .layer-button > .chosePCA .layer-button.on .after,
.layer-button.on .address .r1 .inner .group .mid .right .map,
.address .r1 .inner .group .mid .right .layer-button.on .map,
.layer-button.on .address .r1 .inner .group .mid .right .layer-button > .map .after,
.address .r1 .inner .group .mid .right .layer-button > .map .layer-button.on .after,
.layer-button.on .home .content .r8 .inner .btm,
.home .content .r8 .inner .layer-button.on .btm,
.layer-button.on .home .content .r8 .inner .layer-button > .btm .after,
.home .content .r8 .inner .layer-button > .btm .layer-button.on .after,
.layer-button.on .home .content #clear .page_2 .inner .left .layer-player .ring,
.home .content #clear .page_2 .inner .left .layer-player .layer-button.on .ring,
.layer-button.on .home .content #clear .page_2 .inner .left .layer-player .layer-button > .ring .after,
.home .content #clear .page_2 .inner .left .layer-player .layer-button > .ring .layer-button.on .after,
.layer-button.on .home .content #clear .page_2 .inner .left,
.home .content #clear .page_2 .inner .layer-button.on .left,
.layer-button.on .home .content #clear .page_2 .inner .layer-button > .left .after,
.home .content #clear .page_2 .inner .layer-button > .left .layer-button.on .after,
.layer-button.on .applyPop .inner .box > div .btm,
.applyPop .inner .box > div .layer-button.on .btm,
.layer-button.on .applyPop .inner .box > div .layer-button > .btm .after,
.applyPop .inner .box > div .layer-button > .btm .layer-button.on .after,
.layer-button.on .applyPop .inner .box .closePop,
.applyPop .inner .box .layer-button.on .closePop,
.layer-button.on .applyPop .inner .box .layer-button > .closePop .after,
.applyPop .inner .box .layer-button > .closePop .layer-button.on .after,
.layer-button.on .apply,
.layer-button.on .layer-button > .apply .after,
.layer-button > .apply .layer-button.on .after,
.layer-button.on #app header nav.appNav .inner_top .topic .app-logo,
#app header nav.appNav .inner_top .topic .layer-button.on .app-logo,
.layer-button.on #app header nav.appNav .inner_top .topic .layer-button > .app-logo .after,
#app header nav.appNav .inner_top .topic .layer-button > .app-logo .layer-button.on .after,
.layer-button.on .layer-mouse,
.layer-button.on .layer-button > .layer-mouse .after,
.layer-button > .layer-mouse .layer-button.on .after,
.layer-button.on .layer-toast,
.layer-button.on .layer-button > .layer-toast .after,
.layer-button > .layer-toast .layer-button.on .after,
.layer-button.on .layer-check,
.layer-button.on .layer-button > .layer-check .after,
.layer-button > .layer-check .layer-button.on .after,
.layer-button.on .layer-icon,
.layer-button.on .layer-button > .layer-icon .after,
.layer-button > .layer-icon .layer-button.on .after,
.layer-button.on .layer-pop .group .inner,
.layer-pop .group .layer-button.on .inner,
.layer-button.on .layer-pop .group .layer-button > .inner .after,
.layer-pop .group .layer-button > .inner .layer-button.on .after,
.layer-button.on .layer-pop .group,
.layer-pop .layer-button.on .group,
.layer-button.on .layer-pop .layer-button > .group .after,
.layer-pop .layer-button > .group .layer-button.on .after,
.layer-button.on .layer-set,
.layer-button.on .layer-button > .fxc .after,
.layer-button.on .pop .layer-button > .close .after,
.pop .layer-button.on .layer-button > .close .after,
.layer-button.on .pop .layer-button > .close .layer-button > .after .after,
.pop .layer-button > .close .layer-button.on .layer-button > .after .after,
.layer-button.on .brand .r5 .inner .layer-button > .part .after,
.brand .r5 .inner .layer-button.on .layer-button > .part .after,
.layer-button.on .brand .r5 .inner .layer-button > .part .layer-button > .after .after,
.brand .r5 .inner .layer-button > .part .layer-button.on .layer-button > .after .after,
.layer-button.on .brand .r4 .inner .layer-button > .group .after,
.brand .r4 .inner .layer-button.on .layer-button > .group .after,
.layer-button.on .brand .r4 .inner .layer-button > .group .layer-button > .after .after,
.brand .r4 .inner .layer-button > .group .layer-button.on .layer-button > .after .after,
.layer-button.on .brand .r2 .inner .group .part .chunk .layer-button > .txt .after,
.brand .r2 .inner .group .part .chunk .layer-button.on .layer-button > .txt .after,
.layer-button.on .brand .r2 .inner .group .part .chunk .layer-button > .txt .layer-button > .after .after,
.brand .r2 .inner .group .part .chunk .layer-button > .txt .layer-button.on .layer-button > .after .after,
.layer-button.on .brand .banner .layer-button > .inner .after,
.brand .banner .layer-button.on .layer-button > .inner .after,
.layer-button.on .brand .banner .layer-button > .inner .layer-button > .after .after,
.brand .banner .layer-button > .inner .layer-button.on .layer-button > .after .after,
.layer-button.on .about .r7 .layer-button > .inner .after,
.about .r7 .layer-button.on .layer-button > .inner .after,
.layer-button.on .about .r7 .layer-button > .inner .layer-button > .after .after,
.about .r7 .layer-button > .inner .layer-button.on .layer-button > .after .after,
.layer-button.on .about .r6 .layer-button > .inner .after,
.about .r6 .layer-button.on .layer-button > .inner .after,
.layer-button.on .about .r6 .layer-button > .inner .layer-button > .after .after,
.about .r6 .layer-button > .inner .layer-button.on .layer-button > .after .after,
.layer-button.on .about .r5 .inner .set .arrow .layer-button > .layer-icon .after,
.about .r5 .inner .set .arrow .layer-button.on .layer-button > .layer-icon .after,
.layer-button.on .about .r5 .inner .set .arrow .layer-button > .layer-icon .layer-button > .after .after,
.about .r5 .inner .set .arrow .layer-button > .layer-icon .layer-button.on .layer-button > .after .after,
.layer-button.on .about .r5 .inner .set .layer-button > .arrow .after,
.about .r5 .inner .set .layer-button.on .layer-button > .arrow .after,
.layer-button.on .about .r5 .inner .set .layer-button > .arrow .layer-button > .after .after,
.about .r5 .inner .set .layer-button > .arrow .layer-button.on .layer-button > .after .after,
.layer-button.on .about .r5 .inner .group .swiper .layer-button > .swiper-pagination .after,
.about .r5 .inner .group .swiper .layer-button.on .layer-button > .swiper-pagination .after,
.layer-button.on .about .r5 .inner .group .swiper .layer-button > .swiper-pagination .layer-button > .after .after,
.about .r5 .inner .group .swiper .layer-button > .swiper-pagination .layer-button.on .layer-button > .after .after,
.layer-button.on .about .r5 .layer-button > .inner .after,
.about .r5 .layer-button.on .layer-button > .inner .after,
.layer-button.on .about .r5 .layer-button > .inner .layer-button > .after .after,
.about .r5 .layer-button > .inner .layer-button.on .layer-button > .after .after,
.layer-button.on .about .r4 .layer-button > .inner .after,
.about .r4 .layer-button.on .layer-button > .inner .after,
.layer-button.on .about .r4 .layer-button > .inner .layer-button > .after .after,
.about .r4 .layer-button > .inner .layer-button.on .layer-button > .after .after,
.layer-button.on .about .r1 .inner .layer-button > .p3 .after,
.about .r1 .inner .layer-button.on .layer-button > .p3 .after,
.layer-button.on .about .r1 .inner .layer-button > .p3 .layer-button > .after .after,
.about .r1 .inner .layer-button > .p3 .layer-button.on .layer-button > .after .after,
.layer-button.on .about .r1 .inner .p1 .countBox .layer-button > .layer-icon .after,
.about .r1 .inner .p1 .countBox .layer-button.on .layer-button > .layer-icon .after,
.layer-button.on .about .r1 .inner .p1 .countBox .layer-button > .layer-icon .layer-button > .after .after,
.about .r1 .inner .p1 .countBox .layer-button > .layer-icon .layer-button.on .layer-button > .after .after,
.layer-button.on .about .fxRow .page_1.layer-button > .mask .after,
.about .fxRow .layer-button.on .page_1.layer-button > .mask .after,
.layer-button.on .about .fxRow .page_1.layer-button > .mask .layer-button > .after .after,
.about .fxRow .page_1.layer-button > .mask .layer-button.on .layer-button > .after .after,
.layer-button.on .join .r8 .inner .layer-button > .btm .after,
.join .r8 .inner .layer-button.on .layer-button > .btm .after,
.layer-button.on .join .r8 .inner .layer-button > .btm .layer-button > .after .after,
.join .r8 .inner .layer-button > .btm .layer-button.on .layer-button > .after .after,
.store .r1 .inner .group .swiper .layer-button.on .layer-button > .swiper-pagination .after,
.address #content .layer-button.on .layer-button > li .after,
.layer-button.on .address .layer-button > .chosePCA .after,
.address .layer-button.on .layer-button > .chosePCA .after,
.layer-button.on .address .layer-button > .chosePCA .layer-button > .after .after,
.address .layer-button > .chosePCA .layer-button.on .layer-button > .after .after,
.address .r1 .inner .group .mid .right .layer-button.on .layer-button > .map .after,
.layer-button.on .home .content .r8 .inner .layer-button > .btm .after,
.home .content .r8 .inner .layer-button.on .layer-button > .btm .after,
.layer-button.on .home .content .r8 .inner .layer-button > .btm .layer-button > .after .after,
.home .content .r8 .inner .layer-button > .btm .layer-button.on .layer-button > .after .after,
.home .content #clear .page_2 .inner .left .layer-player .layer-button.on .layer-button > .ring .after,
.home .content #clear .page_2 .inner .layer-button.on .layer-button > .left .after,
.applyPop .inner .box > div .layer-button.on .layer-button > .btm .after,
.applyPop .inner .box .layer-button.on .layer-button > .closePop .after,
#app header nav.appNav .inner_top .topic .layer-button.on .layer-button > .app-logo .after,
.layer-pop .group .layer-button.on .layer-button > .inner .after,
.layer-pop .layer-button.on .layer-button > .group .after,
.layer-button > .fxc .layer-button.on .after,
.pop .layer-button > .close .layer-button.on .after,
.pop .layer-button > .close .layer-button > .after .layer-button.on .after,
.brand .r5 .inner .layer-button > .part .layer-button.on .after,
.brand .r5 .inner .layer-button > .part .layer-button > .after .layer-button.on .after,
.brand .r4 .inner .layer-button > .group .layer-button.on .after,
.brand .r4 .inner .layer-button > .group .layer-button > .after .layer-button.on .after,
.brand .r2 .inner .group .part .chunk .layer-button > .txt .layer-button.on .after,
.brand .r2 .inner .group .part .chunk .layer-button > .txt .layer-button > .after .layer-button.on .after,
.brand .banner .layer-button > .inner .layer-button.on .after,
.brand .banner .layer-button > .inner .layer-button > .after .layer-button.on .after,
.about .r7 .layer-button > .inner .layer-button.on .after,
.about .r7 .layer-button > .inner .layer-button > .after .layer-button.on .after,
.about .r6 .layer-button > .inner .layer-button.on .after,
.about .r6 .layer-button > .inner .layer-button > .after .layer-button.on .after,
.about .r5 .inner .set .arrow .layer-button > .layer-icon .layer-button.on .after,
.about .r5 .inner .set .arrow .layer-button > .layer-icon .layer-button > .after .layer-button.on .after,
.about .r5 .inner .set .layer-button > .arrow .layer-button.on .after,
.about .r5 .inner .set .layer-button > .arrow .layer-button > .after .layer-button.on .after,
.about .r5 .inner .group .swiper .layer-button > .swiper-pagination .layer-button.on .after,
.about .r5 .inner .group .swiper .layer-button > .swiper-pagination .layer-button > .after .layer-button.on .after,
.about .r5 .layer-button > .inner .layer-button.on .after,
.about .r5 .layer-button > .inner .layer-button > .after .layer-button.on .after,
.about .r4 .layer-button > .inner .layer-button.on .after,
.about .r4 .layer-button > .inner .layer-button > .after .layer-button.on .after,
.about .r1 .inner .layer-button > .p3 .layer-button.on .after,
.about .r1 .inner .layer-button > .p3 .layer-button > .after .layer-button.on .after,
.about .r1 .inner .p1 .countBox .layer-button > .layer-icon .layer-button.on .after,
.about .r1 .inner .p1 .countBox .layer-button > .layer-icon .layer-button > .after .layer-button.on .after,
.about .fxRow .page_1.layer-button > .mask .layer-button.on .after,
.about .fxRow .page_1.layer-button > .mask .layer-button > .after .layer-button.on .after,
.join .r8 .inner .layer-button > .btm .layer-button.on .after,
.join .r8 .inner .layer-button > .btm .layer-button > .after .layer-button.on .after,
.address .layer-button > .chosePCA .layer-button.on .after,
.address .layer-button > .chosePCA .layer-button > .after .layer-button.on .after,
.home .content .r8 .inner .layer-button > .btm .layer-button.on .after,
.home .content .r8 .inner .layer-button > .btm .layer-button > .after .layer-button.on .after,
.layer-button.on .layer-button > .layer-set .after,
.layer-button > .layer-set .layer-button.on .after {
	-webkit-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
}
.layer-pop {
	position: fixed;
	bottom: 0;
	z-index: 1800;
	height: 100%;
	width: 100%;
	left: 0;
	pointer-events: auto;
	opacity: 1;
	-webkit-transition: opacity 0.5s var(--ease);
	transition: opacity 0.5s var(--ease);
}
.layer-pop > .mask {
	background-color: #000c;
}
.layer-pop .group {
	position: absolute;
	bottom: 0;
	height: 100%;
	left: 0;
	width: 100%;
	margin: 0 auto;
	overflow: auto;
}
.layer-pop .group .inner {
	position: relative;
	width: 6.6rem;
	padding: 0.5rem;
	background-color: #fff;
	border-radius: 0.2rem;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}
.layer-pop .group .inner h2 {
	margin-bottom: 0.4rem;
}
.layer-pop .group .inner > p {
	margin: 0.3rem 0;
}
.layer-pop .group .inner .layer-btn {
	background: -webkit-linear-gradient(left, #f39800, #c75900);
	background: linear-gradient(90deg, #f39800, #c75900);
	padding: 0.15rem 0.7rem;
	border-color: transparent;
	pointer-events: painted;
	width: 3rem;
	margin-top: 0.4rem;
}
.layer-pop.active {
	pointer-events: none;
	opacity: 0;
}
.layer-box {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}
.layer-box .photo .pic {
	width: 100%;
	padding-bottom: 50%;
	display: block;
}
.layer-above {
	position: relative;
}
.layer-above .layer-photo {
	display: block;
	position: relative;
	width: 100%;
	padding-bottom: calc(var(--size) * 100%);
}
.layer-share {
	position: relative;
}
.layer-share .layer-icon {
	border-radius: 50%;
	background-color: #f0f5f5;
	width: 0.7rem;
	height: 0.7rem;
	text-align: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-transition: background-color 0.5s var(--ease);
	transition: background-color 0.5s var(--ease);
}
.layer-share .layer-icon .iconfont {
	-webkit-transition: color 0.5s var(--ease);
	transition: color 0.5s var(--ease);
}
.layer-share .maBox {
	position: absolute;
	width: calc(100% + 1.2rem);
	left: -0.6rem;
	top: 100%;
	pointer-events: none;
	opacity: 0;
	-webkit-transform: translate3d(0, 0.2rem, 0);
	transform: translate3d(0, 0.2rem, 0);
	-webkit-transition:
		opacity 1s var(--ease),
		-webkit-transform 1.2s var(--ease);
	transition:
		opacity 1s var(--ease),
		-webkit-transform 1.2s var(--ease);
	transition:
		opacity 1s var(--ease),
		transform 1.2s var(--ease);
	transition:
		opacity 1s var(--ease),
		transform 1.2s var(--ease),
		-webkit-transform 1.2s var(--ease);
}
.layer-share .maBox .arrow {
	width: 100%;
	height: 0.15rem;
	display: block;
	position: relative;
}
.layer-share .maBox .arrow:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-color: transparent transparent #fff transparent;
	border-width: 7px;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	border-style: solid;
}
.layer-share .maBox > img {
	width: 100%;
	display: block;
	border: 3px solid #fff;
	border-radius: 0.08rem;
	background-color: #fff;
	box-shadow: 0 -2px 8px -1px #0000001f;
}
.layer-share.on .layer-icon {
	background-color: var(--green);
}
.layer-share.on .layer-icon .iconfont {
	color: var(--main);
}
.layer-share.on .maBox {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translateZ(0);
	pointer-events: auto;
}
@media screen and (orientation: landscape) {
	.layer-share:hover .layer-icon {
		background-color: var(--green);
	}
	.layer-share:hover .layer-icon .iconfont {
		color: var(--main);
	}
	.layer-share:hover .maBox {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translateZ(0);
	}
}
.layer-ts {
	display: block;
	height: 100%;
	top: 0;
	background-size: cover;
	background-repeat: no-repeat;
}
.layer-ts > svg {
	min-height: 100%;
	min-width: 100%;
	display: block;
}
.layer-ts > svg .path {
	fill: transparent;
}
.layer-ts canvas {
	opacity: 0;
	-webkit-transition: opacity 0.3s var(--ease);
	transition: opacity 0.3s var(--ease);
}
.layer-ts.active canvas {
	opacity: 1;
}
.layer-icon .mr-1 {
	margin-right: 0.1rem;
}
.layer-check {
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	padding: 0.1rem 0;
}
.layer-check:first-of-type {
	padding-top: 0;
}
.layer-check label {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	cursor: pointer;
	text-align: left;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 100%;
}
.layer-check .input__box {
	display: inline-block;
	margin-right: 0.25rem;
	text-align: center;
	width: 0.2rem;
	height: 0.2rem;
	border: 1px solid rgba(29, 95, 99, 0.5);
	position: relative;
	font-size: 0.625vw;
	line-height: 0.2rem;
	color: transparent;
	border-radius: 2px;
	-webkit-transition:
		color 0.5s var(--ease),
		background-color 0.5s var(--ease);
	transition:
		color 0.5s var(--ease),
		background-color 0.5s var(--ease);
}
.layer-check .tint {
	display: inline-block;
	-webkit-transition: color 0.5s var(--ease);
	transition: color 0.5s var(--ease);
}
.layer-check input {
	display: none;
}
.layer-check input:checked + .input__box {
	background-color: var(--main);
	color: #fff;
	border-color: var(--main);
}
.layer-check input:checked + .input__box + .tint {
	color: var(--main);
	font-weight: 700;
}
.layer-toast {
	position: fixed;
	width: 100%;
	bottom: 30%;
	left: 0;
	height: 2rem;
	z-index: 200;
	pointer-events: none;
	opacity: 0;
	-webkit-transform: translateY(0.3rem);
	-ms-transform: translateY(0.3rem);
	transform: translateY(0.3rem);
	-webkit-transition:
		opacity 0.5s var(--ease),
		-webkit-transform 0.5s var(--ease);
	transition:
		opacity 0.5s var(--ease),
		-webkit-transform 0.5s var(--ease);
	transition:
		opacity 0.5s var(--ease),
		transform 0.5s var(--ease);
	transition:
		opacity 0.5s var(--ease),
		transform 0.5s var(--ease),
		-webkit-transform 0.5s var(--ease);
}
.layer-toast > span {
	border-radius: 0.1rem;
	padding: 0.1rem 0.3rem;
	color: #fff;
	background-color: var(--black);
}
.layer-toast.on {
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}
.layer-down {
	position: relative;
}
.layer-down .txt {
	position: relative;
	z-index: 10;
	-webkit-transition: background-color 0.8s var(--ease);
	transition: background-color 0.8s var(--ease);
	height: 0.64rem;
	background-color: #0d0d0d;
	padding: 0 0.2rem;
}
.layer-down .txt .inTxt {
	border: none;
	background-color: transparent;
	text-indent: 0;
}
.layer-down .txt .iconfont {
	-webkit-transition: color 0.5s var(--ease);
	transition: color 0.5s var(--ease);
}
.layer-down .child {
	position: absolute;
	width: 100%;
	left: 0;
	background-color: var(--main);
	overflow: auto;
	top: 0;
	padding: 0.68rem 0 0.1rem;
	opacity: 0;
	pointer-events: none;
	-webkit-transition: opacity 0.8s var(--ease);
	transition: opacity 0.8s var(--ease);
}
.layer-down .child > li {
	-webkit-transition:
		opacity 0.5s var(--ease),
		color 0.3s var(--ease),
		-webkit-transform 0.5s var(--ease);
	transition:
		opacity 0.5s var(--ease),
		color 0.3s var(--ease),
		-webkit-transform 0.5s var(--ease);
	transition:
		opacity 0.5s var(--ease),
		transform 0.5s var(--ease),
		color 0.3s var(--ease);
	transition:
		opacity 0.5s var(--ease),
		transform 0.5s var(--ease),
		color 0.3s var(--ease),
		-webkit-transform 0.5s var(--ease);
	opacity: 0;
	-webkit-transform: translateY(20%);
	-ms-transform: translateY(20%);
	transform: translateY(20%);
}
.layer-down .child > li:nth-child(1) {
	-webkit-transition-delay: 0.02s;
	transition-delay: 0.02s;
}
.layer-down .child > li:nth-child(2) {
	-webkit-transition-delay: 0.04s;
	transition-delay: 0.04s;
}
.layer-down .child > li:nth-child(3) {
	-webkit-transition-delay: 0.06s;
	transition-delay: 0.06s;
}
.layer-down .child > li:nth-child(4) {
	-webkit-transition-delay: 0.08s;
	transition-delay: 0.08s;
}
.layer-down .child > li:nth-child(5) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}
.layer-down .child > li:nth-child(6) {
	-webkit-transition-delay: 0.12s;
	transition-delay: 0.12s;
}
.layer-down .child > li:nth-child(7) {
	-webkit-transition-delay: 0.14s;
	transition-delay: 0.14s;
}
.layer-down .child > li:nth-child(8) {
	-webkit-transition-delay: 0.16s;
	transition-delay: 0.16s;
}
.layer-down .child > li:nth-child(9) {
	-webkit-transition-delay: 0.18s;
	transition-delay: 0.18s;
}
.layer-down .child > li:nth-child(10) {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}
.layer-down .child > li:nth-child(11) {
	-webkit-transition-delay: 0.22s;
	transition-delay: 0.22s;
}
.layer-down .child > li:nth-child(12) {
	-webkit-transition-delay: 0.24s;
	transition-delay: 0.24s;
}
.layer-down .child > li:nth-child(13) {
	-webkit-transition-delay: 0.26s;
	transition-delay: 0.26s;
}
.layer-down .child > li:nth-child(14) {
	-webkit-transition-delay: 0.28s;
	transition-delay: 0.28s;
}
.layer-down .child > li:nth-child(15) {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}
.layer-down .child > li:nth-child(16) {
	-webkit-transition-delay: 0.32s;
	transition-delay: 0.32s;
}
.layer-down .child > li:nth-child(17) {
	-webkit-transition-delay: 0.34s;
	transition-delay: 0.34s;
}
.layer-down .child > li:nth-child(18) {
	-webkit-transition-delay: 0.36s;
	transition-delay: 0.36s;
}
.layer-down .child > li:nth-child(19) {
	-webkit-transition-delay: 0.38s;
	transition-delay: 0.38s;
}
.layer-down .child > li:nth-child(20) {
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;
}
.layer-down .child > li > a,
.layer-down .child > li > span {
	display: block;
	white-space: nowrap;
	padding: 2px 0 2px 0.2rem;
	line-height: 0.36rem;
	-webkit-transition: color 0.5s var(--ease);
	transition: color 0.5s var(--ease);
}
.layer-down .child > li > a:hover,
.layer-down .child > li > span:hover {
	color: var(--white);
}
.layer-down:hover .txt {
	background-color: var(--main);
}
.layer-down:hover .txt > a {
	color: var(--main);
}
.layer-down:hover .txt > i {
	color: var(--white);
}
.layer-down:hover .child {
	opacity: 1;
	pointer-events: auto;
}
.layer-down:hover .child > li {
	opacity: 1;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}
.layer-down.on .txt {
	background-color: var(--black);
}
.layer-down.on .txt > a {
	color: var(--main);
}
.layer-down.on .txt > i {
	color: var(--main);
}
.layer-down.on .child {
	opacity: 1;
	pointer-events: auto;
}
.layer-down.on .child > li {
	opacity: 1;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}
.layer-search {
	height: 0.64rem;
	padding: 0 0.2rem;
	background-color: #0d0d0d;
}
.layer-search .inTxt {
	border: none;
	background-color: transparent;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
.layer-search .line {
	height: 0.26rem;
	width: 1px;
	background-color: var(--main);
	margin: 0 0.3rem 0 0.2rem;
}
.layer-table {
	position: relative;
}
.layer-table .th {
	height: 0.6rem;
	display: grid;
	grid-template-columns: 40% 60%;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	z-index: 6;
	background-color: #d56d0066;
}
.layer-table .th span {
	color: #fff;
}
.layer-table .th span:nth-of-type(1) {
	padding-left: 0.4rem;
}
.layer-table .td {
	height: 0.6rem;
	display: grid;
	grid-template-columns: 40% 60%;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	z-index: 6;
	background-color: rgba(213, 109, 0, var(--op));
}
.layer-table .td span {
	color: #fff;
}
.layer-table .td span:nth-of-type(1) {
	padding-left: 0.4rem;
}
nav.menu {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 100;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0 auto;
	opacity: 0;
	visibility: hidden;
}
nav.menu .items {
	width: 100vw;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
}
nav.menu .items .content {
	padding-top: 1.5rem;
	width: 100%;
	padding-left: 6vw;
	padding-right: 6vw;
	-webkit-perspective: 5rem;
	perspective: 5rem;
}
nav.menu .items .content .lists {
	display: block;
	text-align: left;
	margin: 1rem 0;
	opacity: 0;
	position: relative;
}
nav.menu .items .content .lists > a {
	display: block;
	text-align: left;
	font-size: 9vw;
	color: #ffffffe6;
	line-height: 1.1;
}
nav.menu .items .content .lists.on > a {
	color: var(--main);
}
nav.menu .shape-overlays {
	width: 300vw;
	height: 100vh;
	pointer-events: none;
	position: fixed;
	top: 0;
	left: 0;
}
nav.menu .shape-overlays .path {
	width: 100%;
	padding-bottom: 300%;
	background-color: #000;
	display: block;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
	-webkit-transition: -webkit-transform 1s var(--ease);
	transition: -webkit-transform 1s var(--ease);
	transition: transform 1s var(--ease);
	transition:
		transform 1s var(--ease),
		-webkit-transform 1s var(--ease);
}
nav.menu .shape-overlays.is-opened .path {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translateZ(0);
}
.layer-mouse .txt {
	opacity: 0.5;
}
.layer-mouse .mouse {
	width: 0.22rem;
	height: 0.3rem;
	border-radius: 0.09rem;
	border: 2px solid #1a1a1a;
	position: relative;
	margin-left: 0.15rem;
}
.layer-mouse .mouse .line {
	width: 2px;
	height: 6px;
	background-color: #1a1a1a;
	top: 4px;
	-webkit-animation: jumpMouse 0.7s ease-in-out infinite alternate;
	animation: jumpMouse 0.7s ease-in-out infinite alternate;
}
.layer-mouse .mouse.wc {
	border-color: #fff;
}
.layer-mouse .mouse.wc .line {
	background-color: #fff;
}
@-webkit-keyframes jumpMouse {
	0% {
		-webkit-transform: translateY(0.05rem);
		transform: translateY(0.05rem);
	}
	to {
		-webkit-transform: translateY(-0.01rem);
		transform: translateY(-0.01rem);
	}
}
@keyframes jumpMouse {
	0% {
		-webkit-transform: translateY(0.05rem);
		transform: translateY(0.05rem);
	}
	to {
		-webkit-transform: translateY(-0.01rem);
		transform: translateY(-0.01rem);
	}
}
@-webkit-keyframes bulge {
	25% {
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
	}
	50% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}
@keyframes bulge {
	25% {
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
	}
	50% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}
@media screen and (max-width: 1500px) {
	.f-24,
	.f-22,
	.f-20,
	.layer-table .th span,
	.f-18 {
		font-size: 16px;
	}
	.f-16,
	.layer-toast > span,
	.layer-table .td span {
		font-size: 14px;
	}
	.f-14 {
		font-size: 14px;
	}
	.f-12 {
		font-size: 12px;
	}
}
@media screen and (orientation: landscape) {
	.app {
		display: none !important;
	}
}
@media screen and (orientation: portrait) {
	html {
		font-size: 55px;
	}
	.maxSize {
		width: 90% !important;
	}
	.pc {
		display: none !important;
	}
	.f-200 {
		font-size: 1.8rem;
	}
	.f-68 {
		font-size: 6.4vw;
	}
	.f-46 {
		font-size: 0.4rem;
	}
	.f-40,
	.f-38 {
		font-size: 0.32rem;
	}
	.f-30,
	.f-28,
	.f-26,
	.f-24,
	.f-22,
	.f-20,
	.layer-table .th span {
		font-size: 16px;
	}
	.f-18 {
		font-size: 14px;
	}
	.f-16,
	.layer-toast > span,
	.layer-table .td span {
		font-size: 14px;
	}
	.f-14 {
		font-size: 14px;
	}
	.f-12 {
		font-size: 12px;
	}
}
h2,
h3 {
	font-family: HarmonyOS_Sans_SC_Bold;
}
#app {
	width: 100%;
	overflow: hidden;
}
#app header {
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 1000;
	padding: 0.2rem 0;
	overflow: hidden;
}
#app header .navMask {
	background-color: #0003;
	position: absolute;
	height: 0.76rem;
	top: 0.2rem;
	left: 0;
	right: 0;
	margin: 0 auto;
	-webkit-transition:
		opacity 1s var(--ease),
		-webkit-transform 0.6s var(--ease);
	transition:
		opacity 1s var(--ease),
		-webkit-transform 0.6s var(--ease);
	transition:
		opacity 1s var(--ease),
		transform 0.6s var(--ease);
	transition:
		opacity 1s var(--ease),
		transform 0.6s var(--ease),
		-webkit-transform 0.6s var(--ease);
}
#app header .pcNav {
	height: 0.76rem;
	padding: 0 0.5rem;
	-webkit-transition:
		opacity 1s var(--ease),
		-webkit-transform 0.6s var(--ease);
	transition:
		opacity 1s var(--ease),
		-webkit-transform 0.6s var(--ease);
	transition:
		opacity 1s var(--ease),
		transform 0.6s var(--ease);
	transition:
		opacity 1s var(--ease),
		transform 0.6s var(--ease),
		-webkit-transform 0.6s var(--ease);
}
#app header .pcNav .logoBox .logo {
	height: 0.35rem;
	display: block;
}
#app header .pcNav .mid {
	display: grid;
	gap: 0 0.6rem;
	grid-template-columns: repeat(6, auto);
}
#app header .pcNav .mid .navList:hover {
	color: var(--main);
}
#app header .pcNav .mid .navList.on {
	color: var(--main);
}
#app header .pcNav .right {
	border-radius: 3px;
	background: -webkit-linear-gradient(left, rgba(239, 147, 0, 0.53), rgba(239, 147, 0, 0));
	background: linear-gradient(90deg, rgba(239, 147, 0, 0.53), rgba(239, 147, 0, 0));
	padding: 0.12rem 0 0.12rem 0.15rem;
}
#app header .pcNav .right > a {
	display: block;
}
#app header nav.appNav {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 2000;
	width: 100vw;
	height: 1rem;
	pointer-events: auto;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#app header nav.appNav .inner_top {
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	height: 1rem;
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}
#app header nav.appNav .inner_top .topic {
	padding: 0 5%;
	position: relative;
	z-index: 10;
	height: 1rem;
	background-color: #0000;
	width: 100%;
	border-bottom: 1px solid rgba(255, 255, 255, 0);
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
#app header nav.appNav .inner_top .topic #app-menu {
	display: inline-block;
	position: relative;
	z-index: 10;
}
#app header nav.appNav .inner_top .topic #app-menu .line {
	display: block;
	padding-top: 2px;
	padding-bottom: 2px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
#app header nav.appNav .inner_top .topic #app-menu .line:before {
	content: "";
	display: block;
	height: 2px;
	width: 20px;
	background-color: #fff;
	border-top-right-radius: 2px;
	border-bottom-left-radius: 2px;
	-webkit-transition:
		background-color 0.5s ease 0s,
		-webkit-transform 0.4s ease 0.2s;
	transition:
		background-color 0.5s ease 0s,
		-webkit-transform 0.4s ease 0.2s;
	transition:
		transform 0.4s ease 0.2s,
		background-color 0.5s ease 0s;
	transition:
		transform 0.4s ease 0.2s,
		background-color 0.5s ease 0s,
		-webkit-transform 0.4s ease 0.2s;
}
#app header nav.appNav .inner_top .topic .right {
	border-radius: 3px;
	position: absolute;
	right: 0.9rem;
	height: 0.55rem;
	top: 0;
	bottom: 0;
	margin: auto 0;
	background: -webkit-linear-gradient(left, rgba(239, 147, 0, 0.53), rgba(239, 147, 0, 0));
	background: linear-gradient(90deg, rgba(239, 147, 0, 0.53), rgba(239, 147, 0, 0));
	padding: 0 0 0 0.15rem;
}
#app header nav.appNav .inner_top .topic .right > a {
	display: block;
}
#app header nav.appNav .inner_top .topic .app-logo {
	position: relative;
	z-index: 10;
}
#app header nav.appNav .inner_top .topic .app-logo .white {
	display: block;
	height: 0.48rem;
	-webkit-transition: opacity 0.5s var(--ease);
	transition: opacity 0.5s var(--ease);
}
#app header nav.appNav .inner_top.on {
	height: 1rem;
	background-color: #000;
	box-shadow: 0 2px 8px #0000001a;
}
#app header nav.appNav .inner_top.on .topic {
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
#app header nav.appNav .inner_top.on .topic #app-menu .line:before {
	background-color: #333;
}
#app header nav.appNav .inner_mid {
	position: absolute;
	top: 1rem;
	background-color: #000;
	left: 0;
	width: 100%;
	height: calc(100% - 1rem);
	overflow: hidden;
}
#app header nav.appNav .inner_mid .nav-items {
	padding-top: 0.6rem;
}
#app header nav.appNav .inner_mid .nav-items > .child_first > .firstList {
	padding: 0 5%;
	position: relative;
	-webkit-transition: background-color 0.5s ease;
	transition: background-color 0.5s ease;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
#app header nav.appNav .inner_mid .nav-items > .child_first > .firstList .child {
	background-color: #fbfbfb;
	max-height: 0;
	width: 100%;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	overflow: hidden;
}
#app header nav.appNav .inner_mid .nav-items > .child_first > .firstList .child > li {
	padding: 0 5%;
	position: relative;
}
#app header nav.appNav .inner_mid .nav-items > .child_first > .firstList .child > li:last-of-type {
	padding-bottom: 0.2rem;
}
#app header nav.appNav .inner_mid .nav-items > .child_first > .firstList .child > li > a {
	padding: 0.2rem 0;
	display: block;
}
#app header nav.appNav .inner_mid .nav-items > .child_first > .firstList .child > li.active {
	background-color: #f0f1f2;
}
#app header nav.appNav .inner_mid .nav-items > .child_first > .firstList .child.active {
	max-height: 100vh;
}
#app header nav.appNav .inner_mid .nav-items > .child_first > .firstList > a {
	height: 1.2rem;
	line-height: 1.2rem;
	white-space: nowrap;
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-bottom: 1px solid rgba(0, 0, 0, 0.09);
}
#app header nav.appNav .inner_mid .nav-items > .child_first > .firstList.active {
	background-color: #fbfbfb;
}
#app header nav.appNav .inner_mid .nav-items > .child_first > .firstList.active > i {
	-webkit-transform: scaleY(-1);
	-ms-transform: scaleY(-1);
	transform: scaleY(-1);
}
#app header nav.appNav.on {
	height: 100vh;
}
#app header nav.appNav.on .inner_top .topic #app-menu .line:nth-of-type(1) {
	-webkit-transform: translate3d(0, 5px, 0);
	transform: translate3d(0, 5px, 0);
}
#app header nav.appNav.on .inner_top .topic #app-menu .line:nth-of-type(1):before {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
#app header nav.appNav.on .inner_top .topic #app-menu .line:nth-of-type(2) {
	opacity: 0;
}
#app header nav.appNav.on .inner_top .topic #app-menu .line:nth-of-type(3) {
	-webkit-transform: translate3d(0, -7px, 0);
	transform: translate3d(0, -7px, 0);
}
#app header nav.appNav.on .inner_top .topic #app-menu .line:nth-of-type(3):before {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#app header.down .navMask {
	-webkit-transform: translateY(-0.2rem) scaleX(2);
	-ms-transform: translateY(-0.2rem) scaleX(2);
	transform: translateY(-0.2rem) scaleX(2);
	background-color: #000000b3;
	backdrop-filter: blur(0.3rem);
}
#app header.down .pcNav {
	-webkit-transform: translateY(-0.2rem);
	-ms-transform: translateY(-0.2rem);
	transform: translateY(-0.2rem);
}
#app footer {
	background-color: #111;
	width: 100%;
	position: relative;
	z-index: 120;
}
#app footer .inner {
	padding: 0.4rem 0.8rem 0.6rem;
	display: grid;
	grid-template-columns: auto 58vw auto;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-webkit-align-items: start;
	-ms-flex-align: start;
	align-items: start;
}
#app footer .inner .logoBox .logo {
	height: 0.35rem;
	display: block;
}
#app footer .inner .mid {
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
}
#app footer .inner .mid .list {
	margin-right: 2.2rem;
}
#app footer .inner .mid .list:last-of-type {
	margin-right: 0;
}
#app footer .inner .mid .list h3 {
	margin-bottom: 0.24rem;
}
#app footer .inner #toTop {
	width: 0.3rem;
	height: 0.3rem;
	border-radius: 50%;
	border-color: transparent;
	background-color: #1a1a1a;
	padding: 0;
}
#app footer .inner #toTop > .mask {
	border-radius: 50%;
}
#app footer .inner #toTop .icon {
	width: 0.08rem;
	-webkit-transform: scaleY(-1);
	-ms-transform: scaleY(-1);
	transform: scaleY(-1);
}
#app footer .btm {
	height: 0.95rem;
	padding: 0 0.8rem;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	display: grid;
	grid-template-columns: auto 58vw auto;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}
#app footer .btm .mid {
	display: grid;
	gap: 0 0.8rem;
	-webkit-box-pack: start;
	-webkit-justify-content: start;
	-ms-flex-pack: start;
	justify-content: start;
	grid-auto-flow: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
#app footer .btm .mid > a:hover {
	color: #fff;
}
.apply {
	position: fixed;
	bottom: 0.3rem;
	right: 0.3rem;
	z-index: 1600;
	cursor: pointer;
}
.apply .person {
	display: block;
	height: 0.98rem;
	position: relative;
	z-index: 5;
}
.apply .txt {
	position: absolute;
	bottom: 80%;
	left: -0.4rem;
	height: 0.6rem;
	-webkit-animation: keep 1s linear infinite;
	animation: keep 1s linear infinite;
}
.applyPop {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 10000;
	overflow: hidden;
	opacity: 0;
	pointer-events: none;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-transition: opacity 0.5s var(--ease);
	transition: opacity 0.5s var(--ease);
}
.applyPop .mask {
	background-color: #0009;
}
.applyPop .inner .box {
	position: relative;
}
.applyPop .inner .box .closePop {
	position: absolute;
	width: 0.4rem;
	height: 0.4rem;
	z-index: 120;
	color: var(--main);
	right: 0;
	top: 0.8rem;
	background-color: #fff;
	border-radius: 50%;
	-webkit-transition: -webkit-transform 0.5s var(--ease);
	transition: -webkit-transform 0.5s var(--ease);
	transition: transform 0.5s var(--ease);
	transition:
		transform 0.5s var(--ease),
		-webkit-transform 0.5s var(--ease);
}
.applyPop .inner .box .closePop:hover {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.applyPop .inner .box > img {
	width: 4.29rem;
	display: block;
	position: relative;
	z-index: 4;
}
.applyPop .inner .box > div {
	position: absolute;
	width: 100%;
	z-index: 10;
	height: 100%;
	left: 0;
	top: 0;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}
.applyPop .inner .box > div h2 {
	padding: 0.75rem 0 0.2rem;
	width: calc(100% - 0.7rem);
}
.applyPop .inner .box > div .layer-form {
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.applyPop .inner .box > div .layer-form .inRow {
	width: calc(100% - 0.7rem);
}
.applyPop .inner .box > div .layer-form .inRow h5 {
	color: #333;
	padding: 0.2rem 0 0.1rem;
}
.applyPop .inner .box > div .layer-form .inRow h3 {
	margin-bottom: 0.15rem;
}
.applyPop .inner .box > div .layer-form .inRow .inTxt {
	display: block;
	border: none;
	width: 100%;
	height: 0.6rem;
	text-indent: 0;
	background-color: transparent;
	border-bottom: 1px solid #a3a3a3;
	color: #333;
}
.applyPop .inner .box > div .layer-form .inRow .inTxt::-webkit-input-placeholder {
	color: #333;
}
.applyPop .inner .box > div .layer-form .inRow .inTxt::-moz-placeholder {
	color: #333;
}
.applyPop .inner .box > div .layer-form .inRow .inTxt:-ms-input-placeholder {
	color: #333;
}
.applyPop .inner .box > div .layer-form .inRow .inTxt::placeholder {
	color: #333;
}
.applyPop .inner .box > div .layer-form .inRow .inText {
	color: #333;
	width: 100%;
	background-color: #ededed;
	padding: 0.2rem;
	text-indent: 0;
	border: none;
	height: 1.7rem;
	border-radius: 0;
}
.applyPop .inner .box > div .btm {
	width: 100%;
	padding-top: 0.2rem;
}
.applyPop .inner .box > div .btm .layer-btn {
	background: -webkit-linear-gradient(left, #f39800, #c75900);
	background: linear-gradient(90deg, #f39800, #c75900);
	padding: 0.15rem 0.7rem;
	border-color: transparent;
	height: 0.55rem;
	width: calc(100% - 0.7rem);
	border-radius: 0.1rem;
}
.applyPop .inner .box > div .btm .layer-btn .mask {
	border-radius: 0.1rem;
}
.applyPop.active {
	opacity: 1;
	pointer-events: auto;
}
.row {
	position: relative;
	z-index: 5;
}
.row > .bg {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
}
.row > .bg > .pic {
	display: block;
	width: 100%;
	height: 100%;
}
.row > .inner {
	position: relative;
	z-index: 5;
	width: 100%;
	overflow: hidden;
}
.home {
	background-color: #000;
}
.home .banner {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}
.home .banner .bg .group {
	width: 100%;
	height: 100%;
	position: relative;
	display: block;
	overflow: hidden;
}
.home .banner .bg .group .box {
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	opacity: 0;
	overflow: hidden;
}
.home .banner .bg .group .box .photo {
	width: 100vw;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #000;
	-webkit-clip-path: inset(0 0 0 0 round 0px);
	clip-path: inset(0 0 0 0 round 0px);
	-webkit-transition: all 1.2s var(--picEase);
	transition: all 1.2s var(--picEase);
}
.home .banner .bg .group .box .photo .pic {
	display: block;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition:
		opacity 1s var(--picEase),
		-webkit-transform 2s var(--ease);
	transition:
		opacity 1s var(--picEase),
		-webkit-transform 2s var(--ease);
	transition:
		opacity 1s var(--picEase),
		transform 2s var(--ease);
	transition:
		opacity 1s var(--picEase),
		transform 2s var(--ease),
		-webkit-transform 2s var(--ease);
}
.home .banner .bg .group .box.on {
	opacity: 1;
	z-index: 10;
}
.home .banner .bg .group .box.on .pic {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
.home .banner .bg .group .box.in {
	opacity: 1;
}
.home .banner .bg .group .box.in .pic {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
.home .banner .bg .group .box.out {
	opacity: 1;
	z-index: 10;
}
.home .banner .bg .group .box.out .photo {
	-webkit-clip-path: inset(0 100% 0 0 round 5px);
	clip-path: inset(0 100% 0 0 round 5px);
}
.home .banner .bg .group .box.out .photo .pic {
	opacity: 0.5;
}
.home .banner .bg #bannerGl {
	position: relative;
	width: 100%;
	height: 100%;
	display: block;
}
.home .banner .bg #bannerGl .fillImg {
	min-height: 100vh;
	min-width: 100vw;
	display: block;
}
.home .banner .bg #bannerGl canvas {
	z-index: 1;
}
.home .banner .bg #bannerGl #bannerMedia {
	object-fit: cover;
	z-index: 5;
	opacity: 0;
	-webkit-transition: opacity 0.5s var(--ease);
	transition: opacity 0.5s var(--ease);
}
.home .banner .bg #bannerGl #bannerMedia.active {
	opacity: 1;
}
.home .banner .bg #bannerGl .bannerTs {
	opacity: 0;
	-webkit-transition: opacity 0.5s var(--ease);
	transition: opacity 0.5s var(--ease);
	z-index: 5;
}
.home .banner .bg #bannerGl .bannerTs canvas {
	opacity: 0;
	-webkit-transition: opacity 0.3s var(--ease);
	transition: opacity 0.3s var(--ease);
}
.home .banner .bg #bannerGl .bannerTs.active {
	opacity: 1;
}
.home .banner .bg #bannerGl .bannerTs.active canvas {
	opacity: 1;
}
.home .banner .bg:after {
	content: "";
	z-index: 10;
	pointer-events: none;
	background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 50%);
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 50%);
}
.home .banner .inner {
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
}
.home .banner .inner .group {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
	position: relative;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
}
.home .banner .inner .group .SliderMsg {
	width: 5.8rem;
	-webkit-filter: blur(calc(var(--blur) * 0.004rem));
	filter: blur(calc(var(--blur) * 0.004rem));
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	right: 0;
	margin: 0 auto;
	-webkit-transition: opacity 1s var(--ease);
	transition: opacity 1s var(--ease);
}
.home .banner .inner .group .SliderMsg:first-of-type {
	position: relative;
}
.home .banner .inner .group .SliderMsg h1 {
	margin-bottom: 0.1rem;
	line-height: 1.15;
	white-space: nowrap;
}
.home .banner .inner .group .SliderMsg p b {
	color: var(--main);
}
.home .banner .inner .group .SliderMsg.on {
	opacity: 1;
}
.home .banner .inner .group .set {
	position: absolute;
	left: 0;
	top: 0;
	color: #ffffff1a;
}
.home .banner .inner .group .set #glSum {
	color: #fff;
}
.home .banner .inner .btm {
	width: 100%;
	padding: 0.7rem 0 0.5rem;
}
.home .banner .inner .btm .scr {
	width: 1.22rem;
	cursor: pointer;
}
.home .banner .inner .btm .scr .img {
	width: 0.1rem;
}
.home .banner .inner .btm .btnBox {
	width: 5.8rem;
}
.home .banner .inner .btm .btnBox .layer-button {
	margin-right: 0.2rem;
}
.home .banner .inner .btm .set {
	width: 1.22rem;
}
.home .banner .inner .btm .set .layer-set {
	padding: 0;
	width: 0.56rem;
	height: 0.56rem;
}
.home .banner .inner .pagerBox {
	position: absolute;
	bottom: 9%;
	width: 100%;
	left: 0;
}
.home .banner .inner .pagerBox .pagerDot {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background-color: #fff3;
	-webkit-transition: all 0.5s var(--ease);
	transition: all 0.5s var(--ease);
	margin: 0 6px;
}
.home .banner .inner .pagerBox .pagerDot:first-of-type {
	margin-left: 0;
}
.home .banner .inner .pagerBox .pagerDot.on {
	background-color: var(--main);
}
.home .content {
	min-height: 200vw;
}
.home .content > .row {
	pointer-events: none;
}
.home .content #clear {
	position: fixed;
	left: 0;
	top: 0;
	overflow: hidden;
	width: 100vw;
	height: 100vh;
	z-index: 3;
	pointer-events: none;
}
.home .content #clear .pageBg {
	pointer-events: painted;
}
.home .content #clear .page_1 {
	pointer-events: none;
}
.home .content #clear .page_1 > .bg {
	background-color: #000;
	-webkit-transform-origin: 50% 0;
	-ms-transform-origin: 50% 0;
	transform-origin: 50% 0;
	overflow: hidden;
}
.home .content #clear .page_1 > .bg #r1Pic {
	opacity: 1 !important;
}
.home .content #clear .page_1 > .bg #r2Pic {
	-webkit-clip-path: circle(calc(var(--go) * 1vw) at 25.5% 50%);
	clip-path: circle(calc(var(--go) * 1vw) at 25.5% 50%);
}
.home .content #clear .page_1 .inner {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	height: 100vh;
}
.home .content #clear .page_1 .inner .box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-transform: translate3d(0, 100vh, 0);
	transform: translate3d(0, 100vh, 0);
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-filter: blur(calc(var(--blur) * 0.01rem));
	filter: blur(calc(var(--blur) * 0.01rem));
}
.home .content #clear .page_1 .inner .box .countMove {
	margin-bottom: 0.2rem;
	line-height: 1;
	position: relative;
}
.home .content #clear .page_1 .inner .box .countMove sup {
	position: absolute;
	top: 0.7em;
	left: calc(100% + 0.14rem);
	white-space: nowrap;
}
.home .content #clear .page_1 .inner .box .layer-icon > img {
	height: 0.27rem;
}
.home .content #clear .page_2 .inner {
	display: grid;
	height: 100vh;
	grid-template-columns: 27vw auto;
	gap: 0 0.55rem;
	-webkit-align-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-box-pack: start;
	-webkit-justify-content: start;
	-ms-flex-pack: start;
	justify-content: start;
	overflow: visible;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
.home .content #clear .page_2 .inner .left {
	height: 27vw;
}
.home .content #clear .page_2 .inner .left .layer-player {
	width: 24vw;
	height: 24vw;
	position: relative;
}
.home .content #clear .page_2 .inner .left .layer-player .circle {
	display: block;
	width: 100vw;
	height: 100vh;
	overflow: hidden;
	position: absolute;
	background-color: #000;
	-webkit-transform: translate3d(0, -50%, 0px);
	transform: translate3d(0, -50%, 0);
	left: -13.5vw;
	top: 50%;
	-webkit-clip-path: circle(calc(12vw + var(--go) * 0.2vw) at 25.5% 50%);
	clip-path: circle(calc(12vw + var(--go) * 0.2vw) at 25.5% 50%);
}
.home .content #clear .page_2 .inner .left .layer-player .circle .img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	left: 0;
	top: 0;
}
.home .content #clear .page_2 .inner .left .layer-player .circle .mask {
	background-color: #000c;
	opacity: calc(1 - var(--go) / 20);
	z-index: 10;
}
.home .content #clear .page_2 .inner .left .layer-player .ring {
	border-radius: 50%;
	width: 90%;
	height: 90%;
	border: 2px solid rgba(255, 255, 255, 0.1);
	-webkit-transform: scale(calc(1 + var(--go) / 30));
	-ms-transform: scale(calc(1 + var(--go) / 30));
	transform: scale(calc(1 + var(--go) / 30));
}
.home .content #clear .page_2 .inner .left .layer-player .ring .by {
	position: absolute;
	height: 1.1rem;
	right: -0.4rem;
	top: 0;
}
.home .content #clear .page_2 .inner .left .layer-player .ring .player {
	width: 0.8rem;
	height: 0.8rem;
	border-radius: 50%;
	background-color: var(--main);
	cursor: pointer;
	opacity: calc(1 - var(--go) / 20);
	-webkit-transition: -webkit-transform 0.5s var(--ease);
	transition: -webkit-transform 0.5s var(--ease);
	transition: transform 0.5s var(--ease);
	transition:
		transform 0.5s var(--ease),
		-webkit-transform 0.5s var(--ease);
}
.home .content #clear .page_2 .inner .left .layer-player .ring .player > img {
	-webkit-transition: -webkit-transform 0.6s var(--ease);
	transition: -webkit-transform 0.6s var(--ease);
	transition: transform 0.6s var(--ease);
	transition:
		transform 0.6s var(--ease),
		-webkit-transform 0.6s var(--ease);
	height: 0.27rem;
}
.home .content #clear .page_2 .inner .left .layer-player .ring .player:hover {
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}
.home .content #clear .page_2 .inner .left .layer-player .ring .player:hover > img {
	-webkit-transform: scale(0.7);
	-ms-transform: scale(0.7);
	transform: scale(0.7);
}
.home .content #clear .page_2 .inner .right {
	-webkit-filter: blur(calc(var(--x) * 0.05rem));
	filter: blur(calc(var(--x) * 0.05rem));
}
.home .content #clear .page_2 .inner .right h2 {
	background: -webkit-linear-gradient(85deg, #f19500 0%, rgb(255, 255, 255) 50%);
	background: linear-gradient(5deg, #f19500 0%, rgb(255, 255, 255) 50%);
	-webkit-background-clip: text;
	-webkit-transform: translate3d(calc(var(--go) * 1vw), calc(var(--x) * 1vw), 0);
	transform: translate3d(calc(var(--go) * 1vw), calc(var(--x) * 1vw), 0);
}
.home .content #clear .page_2 .inner .right .items {
	margin-top: 0.9rem;
	-webkit-transform: translate3d(calc(var(--go) * 1vw), 0, 0);
	transform: translate3d(calc(var(--go) * 1vw), 0, 0);
}
.home .content #clear .page_2 .inner .right .items .list {
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	padding-bottom: 0.4rem;
	padding-top: 0.4rem;
}
.home .content #clear .page_2 .inner .right .items .list h3 {
	margin-bottom: 0.1rem;
}
.home .content #clear .page_2 .inner .right .items .list p {
	color: #ffffff4d;
}
.home .content #clear .page_2 .inner .right .items .list:first-of-type {
	padding-top: 0;
}
.home .content #clear .page_2 .inner .right .items .list:last-of-type {
	padding-bottom: 0;
	border-bottom: none;
}
.home .content #clear .page_2 .inner .right .items .list:nth-child(1) {
	-webkit-transform: translate3d(calc(var(--go) * 0.1vw), calc(var(--x) * 1.2vw), 0);
	transform: translate3d(calc(var(--go) * 0.1vw), calc(var(--x) * 1.2vw), 0);
}
.home .content #clear .page_2 .inner .right .items .list:nth-child(2) {
	-webkit-transform: translate3d(calc(var(--go) * 0.2vw), calc(var(--x) * 2.4vw), 0);
	transform: translate3d(calc(var(--go) * 0.2vw), calc(var(--x) * 2.4vw), 0);
}
.home .content #clear .page_2 .inner .right .items .list:nth-child(3) {
	-webkit-transform: translate3d(calc(var(--go) * 0.3vw), calc(var(--x) * 3.6vw), 0);
	transform: translate3d(calc(var(--go) * 0.3vw), calc(var(--x) * 3.6vw), 0);
}
.home .content #clear .page_2 .inner .right .items .list:nth-child(4) {
	-webkit-transform: translate3d(calc(var(--go) * 0.4vw), calc(var(--x) * 4.8vw), 0);
	transform: translate3d(calc(var(--go) * 0.4vw), calc(var(--x) * 4.8vw), 0);
}
.home .content #clear .page_2 .inner .right .items .list:nth-child(5) {
	-webkit-transform: translate3d(calc(var(--go) * 0.5vw), calc(var(--x) * 6vw), 0);
	transform: translate3d(calc(var(--go) * 0.5vw), calc(var(--x) * 6vw), 0);
}
.home .content #clear .page_2 .inner .right .items .list:nth-child(6) {
	-webkit-transform: translate3d(calc(var(--go) * 0.6vw), calc(var(--x) * 7.2vw), 0);
	transform: translate3d(calc(var(--go) * 0.6vw), calc(var(--x) * 7.2vw), 0);
}
.home .content #clear .page_2 .inner .right .items .list:nth-child(7) {
	-webkit-transform: translate3d(calc(var(--go) * 0.7vw), calc(var(--x) * 8.4vw), 0);
	transform: translate3d(calc(var(--go) * 0.7vw), calc(var(--x) * 8.4vw), 0);
}
.home .content #clear .page_2 .inner .right .items .list:nth-child(8) {
	-webkit-transform: translate3d(calc(var(--go) * 0.8vw), calc(var(--x) * 9.6vw), 0);
	transform: translate3d(calc(var(--go) * 0.8vw), calc(var(--x) * 9.6vw), 0);
}
.home .content #clear .page_2 .inner .right .items .list:nth-child(9) {
	-webkit-transform: translate3d(calc(var(--go) * 0.9vw), calc(var(--x) * 10.8vw), 0);
	transform: translate3d(calc(var(--go) * 0.9vw), calc(var(--x) * 10.8vw), 0);
}
.home .content #clear .page_2 .inner .right .items .list:nth-child(10) {
	-webkit-transform: translate3d(calc(var(--go) * 1vw), calc(var(--x) * 12vw), 0);
	transform: translate3d(calc(var(--go) * 1vw), calc(var(--x) * 12vw), 0);
}
.home .content #clear .page_2 .inner .right .items .list:nth-child(11) {
	-webkit-transform: translate3d(calc(var(--go) * 1.1vw), calc(var(--x) * 13.2vw), 0);
	transform: translate3d(calc(var(--go) * 1.1vw), calc(var(--x) * 13.2vw), 0);
}
.home .content #clear .page_2 .inner .right .items .list:nth-child(12) {
	-webkit-transform: translate3d(calc(var(--go) * 1.2vw), calc(var(--x) * 14.4vw), 0);
	transform: translate3d(calc(var(--go) * 1.2vw), calc(var(--x) * 14.4vw), 0);
}
.home .content #clear .page_2 .inner .right .items .list:nth-child(13) {
	-webkit-transform: translate3d(calc(var(--go) * 1.3vw), calc(var(--x) * 15.6vw), 0);
	transform: translate3d(calc(var(--go) * 1.3vw), calc(var(--x) * 15.6vw), 0);
}
.home .content #clear .page_2 .inner .right .items .list:nth-child(14) {
	-webkit-transform: translate3d(calc(var(--go) * 1.4vw), calc(var(--x) * 16.8vw), 0);
	transform: translate3d(calc(var(--go) * 1.4vw), calc(var(--x) * 16.8vw), 0);
}
.home .content #clear .page_2 .inner .right .items .list:nth-child(15) {
	-webkit-transform: translate3d(calc(var(--go) * 1.5vw), calc(var(--x) * 18vw), 0);
	transform: translate3d(calc(var(--go) * 1.5vw), calc(var(--x) * 18vw), 0);
}
.home .content #clear .page_2 .inner .right .items .list:nth-child(16) {
	-webkit-transform: translate3d(calc(var(--go) * 1.6vw), calc(var(--x) * 19.2vw), 0);
	transform: translate3d(calc(var(--go) * 1.6vw), calc(var(--x) * 19.2vw), 0);
}
.home .content #clear .page_2 .inner .right .items .list:nth-child(17) {
	-webkit-transform: translate3d(calc(var(--go) * 1.7vw), calc(var(--x) * 20.4vw), 0);
	transform: translate3d(calc(var(--go) * 1.7vw), calc(var(--x) * 20.4vw), 0);
}
.home .content #clear .page_2 .inner .right .items .list:nth-child(18) {
	-webkit-transform: translate3d(calc(var(--go) * 1.8vw), calc(var(--x) * 21.6vw), 0);
	transform: translate3d(calc(var(--go) * 1.8vw), calc(var(--x) * 21.6vw), 0);
}
.home .content #clear .page_2 .inner .right .items .list:nth-child(19) {
	-webkit-transform: translate3d(calc(var(--go) * 1.9vw), calc(var(--x) * 22.8vw), 0);
	transform: translate3d(calc(var(--go) * 1.9vw), calc(var(--x) * 22.8vw), 0);
}
.home .content #clear .page_2 .inner .right .items .list:nth-child(20) {
	-webkit-transform: translate3d(calc(var(--go) * 2vw), calc(var(--x) * 24vw), 0);
	transform: translate3d(calc(var(--go) * 2vw), calc(var(--x) * 24vw), 0);
}
.home .content #clear .page_3 .inner {
	height: 100vh;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.home .content #clear .page_3 .inner h2 {
	background: -webkit-linear-gradient(85deg, #f19500 0%, rgb(255, 255, 255) 50%);
	background: linear-gradient(5deg, #f19500 0%, rgb(255, 255, 255) 50%);
	-webkit-background-clip: text;
	margin-bottom: 0.2rem;
	-webkit-transform: translate3d(0, calc(var(--y) * 0.1vw), 0);
	transform: translate3d(0, calc(var(--y) * 0.1vw), 0);
	-webkit-filter: blur(calc(var(--y) * 0.005rem));
	filter: blur(calc(var(--y) * 0.005rem));
}
.home .content #clear .page_3 .inner p {
	-webkit-transform: translate3d(0, calc(var(--y) * 0.2vw), 0);
	transform: translate3d(0, calc(var(--y) * 0.2vw), 0);
	-webkit-filter: blur(calc(var(--y) * 0.005rem));
	filter: blur(calc(var(--y) * 0.005rem));
}
.home .content #clear .page_history {
	opacity: 0;
	z-index: 8;
}
.home .content #clear .page_history .bg .sky {
	-webkit-transform: scale(var(--scale));
	-ms-transform: scale(var(--scale));
	transform: scale(var(--scale));
}
.home .content #clear .page_history .bg .sky .skyMedia {
	z-index: 1;
}
.home .content #clear .page_history .bg .sky .skyMask {
	background-color: #000000b3;
	opacity: 0;
	z-index: 2;
}
.home .content #clear .page_history .bg .land {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	-webkit-transform-origin: 68% 0%;
	-ms-transform-origin: 68% 0%;
	transform-origin: 68% 0%;
	-webkit-transform: scale(var(--scale));
	-ms-transform: scale(var(--scale));
	transform: scale(var(--scale));
}
.home .content #clear .page_history .inner {
	height: 100%;
	width: 100%;
	position: relative;
}
.home .content #clear .page_history .inner .group {
	display: grid;
	width: 100%;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%;
	grid-auto-flow: column;
	-webkit-box-pack: start;
	-webkit-justify-content: start;
	-ms-flex-pack: start;
	justify-content: start;
}
.home .content #clear .page_history .inner .group .part {
	height: 50%;
	width: 40vw;
	position: relative;
	margin-left: -1px;
}
.home .content #clear .page_history .inner .group .part .chunk {
	padding: 0;
}
.home .content #clear .page_history .inner .group .part .chunk h3 {
	background: -webkit-linear-gradient(85deg, #f19500 0%, rgb(255, 255, 255) 50%);
	background: linear-gradient(5deg, #f19500 0%, rgb(255, 255, 255) 50%);
	-webkit-background-clip: text;
	line-height: 1;
	margin-bottom: 0.2rem;
}
.home .content #clear .page_history .inner .group .part .step {
	pointer-events: none;
	position: absolute;
	width: 28vw;
	right: 0;
	height: 100%;
}
.home .content #clear .page_history .inner .group .part:nth-of-type(2n) {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}
.home .content #clear .page_history .inner .group .part:last-of-type {
	width: 70vw;
}
.home .content #clear .page_history .inner .group .first {
	width: 100vw;
	height: 100%;
	position: relative;
}
.home .content #clear .page_history .inner .group .first .box {
	height: 100%;
}
.home .content #clear .page_history .inner .group .first .box .right {
	margin-left: 50%;
	padding: 0 0 0 1rem;
}
.home .content #clear .page_history .inner .group .first .box .right .msg {
	position: relative;
}
.home .content #clear .page_history .inner .group .first .box .right .msg .note {
	position: absolute;
	right: 0;
	top: 0.5em;
}
.home .content #clear .page_history .inner .group .first .box .right .msg .note > small {
	color: #ffffff4d;
}
.home .content #clear .page_history .inner .group .first .box .right .msg h2 {
	white-space: nowrap;
	background: -webkit-linear-gradient(55deg, #f19500 0%, rgb(255, 255, 255) 80%);
	background: linear-gradient(35deg, #f19500 0%, rgb(255, 255, 255) 80%);
	-webkit-background-clip: text;
}
.home .content #clear .page_history .inner .btm {
	position: absolute;
	bottom: 0.5rem;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	left: 0;
	display: grid;
	grid-template-columns: 0.36rem 48vw 0.36rem;
	gap: 0 0.8rem;
	width: 100%;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-transform: translate3d(0, calc(-1rem + var(--scale) * 1rem), 0);
	transform: translate3d(0, calc(-1rem + var(--scale) * 1rem), 0);
}
.home .content #clear .page_history .inner .btm .prev {
	height: 0.36rem;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, 0);
	-webkit-transition: border-color 0.5s var(--ease);
	transition: border-color 0.5s var(--ease);
}
.home .content #clear .page_history .inner .btm .prev > img {
	width: 8px;
}
.home .content #clear .page_history .inner .btm .prev:hover {
	border-color: #fff;
}
.home .content #clear .page_history .inner .btm .pager {
	height: 8px;
	padding: 0 0.3rem;
	position: relative;
}
.home .content #clear .page_history .inner .btm .pager .line {
	width: 100%;
	height: 1px;
	left: 0;
	background-color: #fff3;
	pointer-events: none;
	-webkit-mask: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 3%, rgb(0, 0, 0) 97%, rgba(0, 0, 0, 0) 100%);
	mask: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 3%, rgb(0, 0, 0) 97%, rgba(0, 0, 0, 0) 100%);
}
.home .content #clear .page_history .inner .btm .pager .chunk {
	position: relative;
	cursor: pointer;
}
.home .content #clear .page_history .inner .btm .pager .chunk .dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #fff;
	display: block;
	box-shadow:
		0 -1px 3px #ffffff80,
		0 0 5px #ffffff80,
		0 0 0.625vw #ffffffe6,
		0 1px 1.04167vw #fff;
}
.home .content #clear .page_history .inner .btm .pager .chunk .txt {
	color: #fff3;
	left: -1rem;
	top: calc(100% + 0.2rem);
	text-align: center;
	position: absolute;
	width: calc(100% + 2rem);
	-webkit-transition: color 0.6s var(--ease);
	transition: color 0.6s var(--ease);
}
.home .content #clear .page_history .inner .btm .pager .chunk.on .txt {
	color: #fff;
}
.home .content #clear .page_history .inner .btm .next {
	height: 0.36rem;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, 0);
	-webkit-transition: border-color 0.6s var(--ease);
	transition: border-color 0.6s var(--ease);
}
.home .content #clear .page_history .inner .btm .next > img {
	width: 8px;
}
.home .content #clear .page_history .inner .btm .next:hover {
	border-color: #fff;
}
.home .content #clear .page_history .fg {
	pointer-events: none;
	z-index: 15;
	overflow: hidden;
}
.home .content #clear .page_history .fg #personCv {
	position: absolute;
	height: 50vw;
	display: block;
	width: 100%;
	bottom: 0;
	left: 0;
}
.home .content #clear .page_history .fg .person {
	height: 4.25rem;
	left: 12vw;
	bottom: 0.85rem;
	position: absolute;
	z-index: 4;
	opacity: 0;
}
.home .content #clear .page_4 {
	z-index: 9;
	background-color: #000;
	overflow: hidden;
}
.home .content #clear .page_4 .inner {
	height: 100vh;
	overflow: visible;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0 1.2rem;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
.home .content #clear .page_4 .inner .left h2 {
	background: -webkit-linear-gradient(85deg, #f19500 0%, rgb(255, 255, 255) 50%);
	background: linear-gradient(5deg, #f19500 0%, rgb(255, 255, 255) 50%);
	-webkit-background-clip: text;
	margin-bottom: 0.6rem;
	-webkit-transform: translate3d(0, calc(var(--y) * 0.1vw), 0);
	transform: translate3d(0, calc(var(--y) * 0.1vw), 0);
}
.home .content #clear .page_4 .inner .left p {
	-webkit-transform: translate3d(0, calc(var(--y) * 0.2vw), 0);
	transform: translate3d(0, calc(var(--y) * 0.2vw), 0);
}
.home .content #clear .page_4 .inner .left p b {
	color: var(--main);
	font-weight: 400;
}
.home .content #clear .page_4 .inner .right {
	height: 6rem;
	position: relative;
	-webkit-transform: translate3d(0, calc(var(--y) * 0.3vw), 0);
	transform: translate3d(0, calc(var(--y) * 0.3vw), 0);
}
.home .content #clear .page_4 .inner .right .img {
	opacity: 0;
	z-index: 6;
	pointer-events: none;
	-webkit-transition: opacity 0.8s var(--ease);
	transition: opacity 0.8s var(--ease);
}
.home .content #clear .page_4 .inner .right .img.on {
	opacity: 1;
}
.home .content #clear .page_4 .inner .right .img:nth-of-type(1) {
	top: 70%;
	width: 8.3rem;
	height: 8.7rem;
	object-fit: contain;
}
.home .content #clear .page_4 .inner .right .img:nth-of-type(2) {
	top: 52%;
	width: 9.5rem;
	height: 6.65rem;
	object-fit: contain;
}
.home .content #clear .page_4 .inner .right .set {
	position: absolute;
	top: 100%;
	padding: 0.4rem 0;
	width: 100%;
}
.home .content #clear .page_4 .inner .right .set .layer-button {
	margin: 0 0.1rem;
}
.home .content #clear .page_4 .inner .right .ripple {
	width: 5rem;
	height: 5rem;
	pointer-events: none;
}
.home .content #clear .page_4 .inner .right .ripple .wave {
	border-radius: 50%;
	background-color: #f0940066;
	-webkit-animation: wave 4s linear infinite;
	animation: wave 4s linear infinite;
}
.home .content #clear .page_4 .inner .right .ripple .wave:nth-of-type(2) {
	-webkit-animation-delay: 1.5s;
	animation-delay: 1.5s;
}
.home .content .null {
	width: 100%;
	height: 100vh;
	pointer-events: none;
}
.home .content .r1 > .mask {
	height: 30vh;
	width: 100%;
}
.home .content .r1 .step {
	width: 100%;
	height: 10vh;
}
.home .content .r1 .end {
	width: 100%;
	height: 70vh;
}
.home .content .r2 {
	height: 250vh;
}
.home .content .r3 {
	height: 140vh;
}
.home .content .historyRow {
	width: 100%;
	overflow: hidden;
}
.home .content .historyRow .inner {
	position: -webkit-sticky;
	position: sticky;
	width: 100%;
	height: 100vh;
	left: 0;
	top: 0;
	overflow: hidden;
}
.home .content .historyRow .inner .group {
	display: grid;
	width: 100%;
	height: 100%;
	grid-auto-flow: column;
}
.home .content .historyRow .inner .group .part {
	height: 100%;
	width: 100vw;
	position: relative;
}
.home .content .historyRow .inner .group .first .box {
	height: 100%;
}
.home .content .historyRow .inner .group .first .box .right {
	margin-left: 50%;
	padding: 0 0 0 1rem;
}
.home .content .historyRow .inner .group .first .box .right .msg {
	position: relative;
}
.home .content .historyRow .inner .group .first .box .right .msg .note {
	position: absolute;
	right: 0;
	top: 0.5em;
}
.home .content .historyRow .inner .group .first .box .right .msg .note > small {
	color: #ffffff4d;
}
.home .content .historyRow .inner .group .first .box .right .msg h2 {
	white-space: nowrap;
}
.home .content .historyRow .inner .btm {
	position: absolute;
	bottom: 0.5rem;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	left: 0;
	display: grid;
	grid-template-columns: 0.36rem 9.2rem 0.36rem;
	gap: 0 0.8rem;
	width: 100%;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.home .content .historyRow .inner .btm .prev {
	height: 0.36rem;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, 0);
	-webkit-transition: border-color 0.5s var(--ease);
	transition: border-color 0.5s var(--ease);
}
.home .content .historyRow .inner .btm .prev > img {
	width: 8px;
}
.home .content .historyRow .inner .btm .prev:hover {
	border-color: #fff;
}
.home .content .historyRow .inner .btm .pager {
	height: 8px;
	padding: 0 0.3rem;
	position: relative;
}
.home .content .historyRow .inner .btm .pager .line {
	width: 100%;
	height: 1px;
	left: 0;
	background-color: #fff3;
}
.home .content .historyRow .inner .btm .pager .chunk {
	position: relative;
}
.home .content .historyRow .inner .btm .pager .chunk .dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #fff;
	display: block;
}
.home .content .historyRow .inner .btm .pager .chunk .txt {
	color: #fff3;
	left: -1rem;
	top: calc(100% + 0.2rem);
	text-align: center;
	position: absolute;
	width: calc(100% + 2rem);
}
.home .content .historyRow .inner .btm .next {
	height: 0.36rem;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, 0);
}
.home .content .historyRow .inner .btm .next > img {
	width: 8px;
}
.home .content .historyRow .inner .btm .next:hover {
	border-color: #fff;
}
.home .content .historyRow > .mask {
	height: 100vh;
}
.home .content .historyRow > .step {
	height: 40vw;
	position: relative;
}
.home .content .historyRow > .step .start {
	position: absolute;
	width: 100%;
	height: 1.04167vw;
	top: 5vw;
}
.home .content .historyRow > .step:last-of-type {
	height: 70vw;
}
.home .content .historyRow .end {
	height: 20vw;
}
.home .content .r4 {
	height: 200vh;
	pointer-events: none;
}
.home .content .r5,
.home .content .r5 .bg {
	background-color: #000;
}
.home .content .r5 .bg .pic {
	opacity: 0.9;
}
.home .content .r5 .inner {
	height: 100vh;
}
.home .content .r5 .inner .mask {
	position: absolute;
	width: 60%;
	left: 0;
	top: 0;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0) 100%);
	background: linear-gradient(90deg, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0) 100%);
}
.home .content .r5 .inner .topic {
	position: relative;
	z-index: 5;
}
.home .content .r5 .inner .topic h2 {
	background: -webkit-linear-gradient(85deg, #f19500 0%, rgb(255, 255, 255) 50%);
	background: linear-gradient(5deg, #f19500 0%, rgb(255, 255, 255) 50%);
	-webkit-background-clip: text;
	margin-bottom: 0.3rem;
	-webkit-transform: translate3d(0, calc(var(--y) * 0.1vw), 0);
	transform: translate3d(0, calc(var(--y) * 0.1vw), 0);
	-webkit-filter: blur(calc(var(--y) * 0.002rem));
	filter: blur(calc(var(--y) * 0.002rem));
}
.home .content .r5 .inner .topic p {
	-webkit-transform: translate3d(0, calc(var(--y) * 0.2vw), 0);
	transform: translate3d(0, calc(var(--y) * 0.2vw), 0);
	-webkit-filter: blur(calc(var(--y) * 0.002rem));
	filter: blur(calc(var(--y) * 0.002rem));
}
.home .content .r6 .bg {
	background-color: #000;
}
.home .content .r6 .inner {
	height: 100vh;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.home .content .r6 .inner h2 {
	-webkit-transform: translate3d(0, calc(var(--y) * 0.1vw), 0);
	transform: translate3d(0, calc(var(--y) * 0.1vw), 0);
	-webkit-filter: blur(calc(var(--y) * 0.002rem));
	filter: blur(calc(var(--y) * 0.002rem));
}
.home .content .r6 .inner > .countFn {
	margin-bottom: 0.5rem;
	line-height: 1;
	position: relative;
	margin-top: 0.1rem;
	-webkit-transform: translate3d(0, calc(var(--y) * 0.2vw), 0);
	transform: translate3d(0, calc(var(--y) * 0.2vw), 0);
	-webkit-filter: blur(calc(var(--y) * 0.002rem));
	filter: blur(calc(var(--y) * 0.002rem));
}
.home .content .r6 .inner > .countFn sup {
	position: absolute;
	top: 0.7em;
	left: calc(100% + 0.14rem);
	white-space: nowrap;
}
.home .content .r6 .inner p {
	text-align: center;
	-webkit-transform: translate3d(0, calc(var(--y) * 0.3vw), 0);
	transform: translate3d(0, calc(var(--y) * 0.3vw), 0);
	-webkit-filter: blur(calc(var(--y) * 0.002rem));
	filter: blur(calc(var(--y) * 0.002rem));
}
.home .content .r6 .inner p b {
	font-weight: 400;
	color: var(--main);
}
.home .content .r7 .inner {
	height: 100vh;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.home .content .r7 .inner > h2 {
	background: -webkit-linear-gradient(85deg, #f19500 0%, rgb(255, 255, 255) 50%);
	background: linear-gradient(5deg, #f19500 0%, rgb(255, 255, 255) 50%);
	-webkit-background-clip: text;
	margin-bottom: 0.7rem;
	text-align: center;
}
.home .content .r7 .inner .group {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0.2rem 0.25rem;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
}
.home .content .r7 .inner .group .card {
	position: relative;
	pointer-events: painted;
	color: #fff;
	height: 4.6rem;
	cursor: pointer;
	-webkit-perspective: 5rem;
	perspective: 5rem;
}
.home .content .r7 .inner .group .card .imgWrap {
	width: 100%;
	height: 100%;
	display: block;
}
.home .content .r7 .inner .group .card .imgWrap .image {
	background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent 40%);
	background: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent 40%);
	background-size: cover;
	background-position: center;
}
.home .content .r7 .inner .group .card .imgWrap .image.after {
	width: 100%;
	height: 100%;
	border-radius: 0.08rem;
	overflow: hidden;
	-webkit-transform: rotateX(calc(var(--rotateX) * 1deg)) rotateY(calc(var(--rotateY) * 1deg)) translate3d(0, 0, 0rem);
	transform: rotateX(calc(var(--rotateX) * 1deg)) rotateY(calc(var(--rotateY) * 1deg)) translateZ(0);
}
.home .content .r7 .inner .group .card .imgWrap .image.after > .pic {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 0.08rem;
	opacity: 0;
	-webkit-transition: opacity 0.8s var(--ease);
	transition: opacity 0.8s var(--ease);
}
.home .content .r7 .inner .group .card .imgWrap .image.cutout {
	width: 60%;
	height: 60%;
	border-radius: 0.08rem;
	box-shadow: 0 0.1rem 0.2rem -2px #0003;
	overflow: hidden;
	-webkit-transform: rotateX(calc(var(--rotateX) * 1deg)) rotateY(calc(var(--rotateY) * 1deg)) translate3d(0, 0, 0.8rem);
	transform: rotateX(calc(var(--rotateX) * 1deg)) rotateY(calc(var(--rotateY) * 1deg)) translateZ(0.8rem);
	z-index: 3;
	opacity: 1;
	-webkit-transition: opacity 0.8s var(--ease);
	transition: opacity 0.8s var(--ease);
}
.home .content .r7 .inner .group .card .imgWrap .msg {
	width: 60%;
	height: calc(60% + 1rem);
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transform: rotateX(calc(var(--rotateX) * 1deg)) rotateY(calc(var(--rotateY) * 1deg)) translate3d(0, 0, 1.2rem);
	transform: rotateX(calc(var(--rotateX) * 1deg)) rotateY(calc(var(--rotateY) * 1deg)) translateZ(1.2rem);
	opacity: 1;
	-webkit-transition: opacity 0.8s var(--ease);
	transition: opacity 0.8s var(--ease);
	z-index: 4;
}
.home .content .r7 .inner .group .card .imgWrap .note {
	width: 76%;
	bottom: 10%;
	-webkit-transform: rotateX(calc(var(--rotateX) * 1deg)) rotateY(calc(var(--rotateY) * 1deg)) translate3d(0, 0, 1rem);
	transform: rotateX(calc(var(--rotateX) * 1deg)) rotateY(calc(var(--rotateY) * 1deg)) translateZ(1rem);
	opacity: 0;
	-webkit-transition: opacity 0.8s var(--ease);
	transition: opacity 0.8s var(--ease);
}
.home .content .r7 .inner .group .card .imgWrap .note h3 {
	margin-bottom: 0.24rem;
}
.home .content .r7 .inner .group .card.active .imgWrap .image.after > .pic {
	opacity: 1;
}
.home .content .r7 .inner .group .card.active .imgWrap .image.cutout,
.home .content .r7 .inner .group .card.active .imgWrap .msg {
	opacity: 0;
}
.home .content .r7 .inner .group .card.active .imgWrap .note {
	opacity: 1;
}
.home .content .r8 {
	height: 100vh;
}
.home .content .r8 .bg {
	left: 0;
	top: 0;
}
.home .content .r8 .bg #logoScreen {
	pointer-events: painted;
	opacity: 0;
	display: block;
	width: 100%;
	height: 100%;
}
.home .content .r8 .bg #logoScreen.active {
	opacity: 1;
	-webkit-transition: opacity 0.5s var(--ease);
	transition: opacity 0.5s var(--ease);
}
.home .content .r8 .bg #logoScreen canvas {
	background-color: transparent !important;
}
.home .content .r8 .bg #logoScreen > img {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
.home .content .r8 .inner {
	position: relative;
	z-index: 8;
	padding-top: 1.4rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}
.home .content .r8 .inner > h2 {
	margin-bottom: 0.7rem;
	text-align: center;
}
.home .content .r8 .inner .layer-form {
	display: grid;
	gap: 0.35rem 0.65rem;
	width: 100%;
	grid-template-columns: repeat(3, 1fr);
	grid-template-areas: "a b c" "d d d";
}
.home .content .r8 .inner .layer-form .inRow h3 {
	margin-bottom: 0.15rem;
}
.home .content .r8 .inner .layer-form .inRow .inTxt {
	pointer-events: painted;
	border: none;
	width: 100%;
	height: 0.55rem;
	text-indent: 0;
	background-color: transparent;
	border-bottom: 1px solid #fff;
}
.home .content .r8 .inner .layer-form .inRow .inTxt::-webkit-input-placeholder {
	color: #fff;
}
.home .content .r8 .inner .layer-form .inRow .inTxt::-moz-placeholder {
	color: #fff;
}
.home .content .r8 .inner .layer-form .inRow .inTxt:-ms-input-placeholder {
	color: #fff;
}
.home .content .r8 .inner .layer-form .inRow .inTxt::placeholder {
	color: #fff;
}
.home .content .r8 .inner .layer-form .inRow .inText {
	pointer-events: painted;
	width: 100%;
	background-color: #ffffff1a;
	padding: 0.2rem;
	text-indent: 0;
	border: none;
}
.home .content .r8 .inner .layer-form .inRow:nth-of-type(1) {
	grid-area: a;
}
.home .content .r8 .inner .layer-form .inRow:nth-of-type(2) {
	grid-area: b;
}
.home .content .r8 .inner .layer-form .inRow:nth-of-type(3) {
	grid-area: c;
}
.home .content .r8 .inner .layer-form .inRow:nth-of-type(4) {
	grid-area: d;
}
.home .content .r8 .inner .btm {
	padding: 0.5rem 0 0.75rem;
}
.home .content .r8 .inner .btm .layer-btn {
	background: -webkit-linear-gradient(left, #f39800, #c75900);
	background: linear-gradient(90deg, #f39800, #c75900);
	padding: 0.15rem 0.7rem;
	border-color: transparent;
	pointer-events: painted;
}
.home .content .footRow {
	pointer-events: painted;
}
.address {
	background-color: #000;
}
.address .r1 .inner {
	padding-top: 1.8rem;
	padding-bottom: 1.2rem;
}
.address .r1 .inner h1 {
	text-align: center;
	margin-bottom: 1.1rem;
}
.address .r1 .inner .group .top {
	display: grid;
	grid-template-columns: 4.7rem calc(100% - 6rem);
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 0 0.18rem;
	margin-bottom: 0.35rem;
	position: relative;
	z-index: 10;
}
.address .r1 .inner .group .top #bigOne {
	position: relative;
}
.address .r1 .inner .group .top .layer-down .txt {
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.address .r1 .inner .group .top .chunk {
	position: relative;
	width: 100%;
	height: 0.5rem;
}
.address .r1 .inner .group .mid {
	display: grid;
	grid-template-columns: 4.7rem calc(100% - 4.7rem);
	border-radius: 0.13rem;
	background-color: var(--black);
	grid-template-rows: 6.8rem;
	overflow: hidden;
}
.address .r1 .inner .group .mid .left {
	padding: 0.15rem;
	overflow: auto;
	background-color: #101010;
}
.address .r1 .inner .group .mid .left .list {
	overflow: hidden;
	position: relative;
	padding: 0.4rem 0.25rem;
	cursor: pointer;
}
.address .r1 .inner .group .mid .left .list .mask {
	background: -webkit-linear-gradient(326deg, rgba(255, 109, 0, 0.38) 0%, rgba(255, 109, 0, 0) 60%);
	background: linear-gradient(124deg, rgba(255, 109, 0, 0.38) 0%, rgba(255, 109, 0, 0) 60%);
	border-radius: 0.13rem;
	border: 1px solid var(--main);
	opacity: 0;
	-webkit-transition: opacity 0.8s var(--ease);
	transition: opacity 0.8s var(--ease);
}
.address .r1 .inner .group .mid .left .list h3 {
	margin-bottom: 0.25rem;
	position: relative;
	z-index: 5;
}
.address .r1 .inner .group .mid .left .list p {
	position: relative;
	z-index: 5;
}
.address .r1 .inner .group .mid .left .list.on .mask,
.address .r1 .inner .group .mid .left .list.swiper-slide-active .mask,
.address .r1 .inner .group .mid .left .list:hover .mask {
	opacity: 1;
}
.address .r1 .inner .group .mid .left .line {
	margin: 0.1rem 0;
	width: 100%;
	height: 1px;
	background-color: #ffffff1a;
}
.address .r1 .inner .group .mid .left .swiper-wrapper {
	display: grid;
	grid-auto-flow: column;
}
.address .r1 .inner .group .mid .right {
	position: relative;
}
.address .r1 .inner .group .mid .right .info_card {
	border-radius: 0.1rem;
	background-color: #000c;
	overflow: hidden;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 0.2rem;
	width: 3rem;
}
.address .r1 .inner .group .mid .right .info_card h5 {
	color: #fff;
	font-weight: 600;
	margin-bottom: 5px;
}
.address .r1 .inner .group .mid .right .info_card p {
	color: #ffffff80;
}
.address .r1 .inner .group .mid .right .map {
	background-color: #fff;
	opacity: 0;
	-webkit-transition: opacity 1s var(--ease);
	transition: opacity 1s var(--ease);
}
.address .r1 .inner .group .mid .right .map .csssprite {
	height: 0.6rem;
	width: 1.7rem;
	object-fit: contain;
}
.address .r1 .inner .group .mid .right .map .mask {
	object-fit: cover;
}
.address .r1 .inner .group .mid .right .map .img {
	position: relative;
	z-index: 5;
	height: 0.6rem;
}
.address .r1 .inner .group .mid .right .map.on {
	opacity: 1;
}
.address #box {
	width: 100%;
	pointer-events: none;
	opacity: 0;
	height: 100%;
	color: #999;
	cursor: pointer;
}
.address #totalConfirm {
	z-index: 9999;
	background-color: transparent;
	border: none;
	width: 80%;
	height: 100%;
	text-indent: 0;
	position: absolute;
	left: 0;
	top: 0;
}
.address .icon-arrow-down,
.address .icon-arrow-up {
	position: absolute;
	left: 19.79167vw;
	font-size: 1.14583vw;
	line-height: 1.5625vw;
	color: #999;
}
.address #content {
	width: 100%;
	left: 0;
	top: 100%;
	padding: 0.3rem;
	display: none;
	border-top: none;
	position: absolute;
	background-color: #fff;
	border-radius: 0.2rem;
}
.address .chosePCA {
	width: 0.9rem;
	font-size: inherit;
	height: 0.4rem;
	color: #999;
	cursor: pointer;
}
.address .province-list,
.address .city-list,
.address .area-list {
	position: absolute;
	width: 100%;
	background-color: #fff;
	border-radius: 0 0 0.2rem 0.2rem;
	left: 0;
	top: calc(100% - 0.2rem);
	padding: 0.2rem 0.3rem 0.3rem;
	box-shadow: 3px 0.3rem 0.4rem -2px #0000003b;
	display: grid;
	gap: 6px;
	grid-template-columns: repeat(7, auto);
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}
.address .select {
	background-color: #f1f1f1;
	color: var(--main);
	border-bottom: none;
}
.address #content li {
	font-size: inherit;
	background-color: #f5f5f5;
	text-align: center;
	padding: 8px 0.1rem;
	line-height: normal;
	cursor: pointer;
	color: #000;
	-webkit-transition: all 0.3s var(--ease);
	transition: all 0.3s var(--ease);
}
.address #content li:hover {
	background-color: var(--main);
	color: #fff;
	border-radius: 4px;
}
.address .chose-tab {
	width: 100%;
	height: 0.5rem;
	clear: both;
	border-bottom: 1px solid #f1f1f1;
}
.address .chosePCA > ul {
	width: 100%;
	border-top: none;
	line-height: 1.04167vw;
	text-align: left;
	cursor: auto;
}
.address .textProvince:hover,
.address .textArea:hover,
.address .textCity:hover {
	background-color: var(--main);
	color: #fff;
}
.address .btn {
	width: 0.6rem;
	height: 0.3rem;
	line-height: 0.3rem;
	text-align: center;
	margin-top: 10px;
	position: absolute;
}
.address .confirm {
	padding: 5px 0.15rem;
	color: var(--main);
	position: absolute;
	top: 0.3rem;
	right: 0.3rem;
}
.address .sub {
	right: 0.2rem;
	white-space: nowrap;
	height: 0.5rem;
	width: auto;
	top: 0;
	bottom: 0;
	margin: auto 0;
	line-height: 0.5rem;
}
.store {
	background-color: #000;
}
.store .r1 .inner {
	padding-top: 1.8rem;
}
.store .r1 .inner .group .swiper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
@media screen and (orientation: portrait) {
	.store .r1 .inner .group .swiper {
		overflow: hidden;
		width: 90vw;
		position: relative;
		border-radius: 0.13rem;
		height: 54vw;
	}
}
.store .r1 .inner .group .swiper .swiper-pagination {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
.store .r1 .inner .group .swiper .swiper-pagination .swiper-pagination-bullet {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background-color: #fff3;
	-webkit-transition: all 0.5s var(--ease);
	transition: all 0.5s var(--ease);
	margin: 0 5px;
}
.store .r1 .inner .group .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: var(--main);
}
.store .r1 .inner .group .left {
	width: 60vw;
	position: relative;
	overflow: hidden;
	border-radius: 0.13rem;
}
@media screen and (orientation: portrait) {
	.store .r1 .inner .group .left {
		display: grid;
		grid-auto-flow: column;
		width: 100%;
		overflow: visible;
	}
}
.store .r1 .inner .group .left .box {
	overflow: hidden;
}
@media screen and (orientation: landscape) {
	.store .r1 .inner .group .left .box {
		opacity: 0;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
	}
	.store .r1 .inner .group .left .box .photo {
		width: 60vw;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background-color: #000;
		-webkit-clip-path: inset(0 0 0 0 round 0px);
		clip-path: inset(0 0 0 0 round 0px);
		-webkit-transition: all 1.2s var(--picEase);
		transition: all 1.2s var(--picEase);
	}
	.store .r1 .inner .group .left .box .photo .pic {
		display: block;
		width: 100%;
		height: 100%;
		-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1);
		position: relative;
		-webkit-transition:
			opacity 1s var(--picEase),
			-webkit-transform 2s var(--ease);
		transition:
			opacity 1s var(--picEase),
			-webkit-transform 2s var(--ease);
		transition:
			opacity 1s var(--picEase),
			transform 2s var(--ease);
		transition:
			opacity 1s var(--picEase),
			transform 2s var(--ease),
			-webkit-transform 2s var(--ease);
	}
	.store .r1 .inner .group .left .box .photo .pic .player {
		width: 0.76rem;
		height: 0.76rem;
		border-radius: 50%;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		z-index: 4;
		background: -webkit-linear-gradient(left, #f39800, #c75900);
		background: linear-gradient(90deg, #f39800, #c75900);
		cursor: pointer;
		opacity: 1;
		-webkit-transition: -webkit-transform 0.5s var(--ease);
		transition: -webkit-transform 0.5s var(--ease);
		transition: transform 0.5s var(--ease);
		transition:
			transform 0.5s var(--ease),
			-webkit-transform 0.5s var(--ease);
	}
	.store .r1 .inner .group .left .box .photo .pic .player > img {
		height: 0.27rem;
		-webkit-transition: -webkit-transform 0.6s var(--ease);
		transition: -webkit-transform 0.6s var(--ease);
		transition: transform 0.6s var(--ease);
		transition:
			transform 0.6s var(--ease),
			-webkit-transform 0.6s var(--ease);
	}
	.store .r1 .inner .group .left .box .photo .pic .player:hover {
		-webkit-transform: scale(1.2);
		-ms-transform: scale(1.2);
		transform: scale(1.2);
	}
	.store .r1 .inner .group .left .box .photo .pic .player:hover > img {
		-webkit-transform: scale(0.7);
		-ms-transform: scale(0.7);
		transform: scale(0.7);
	}
	.store .r1 .inner .group .left .box .photo .pic .mask {
		background-color: #00000080;
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
	}
	.store .r1 .inner .group .left .box .photo .pic .media {
		object-fit: cover;
		opacity: 0;
		-webkit-transition: opacity 0.5s var(--ease);
		transition: opacity 0.5s var(--ease);
	}
	.store .r1 .inner .group .left .box .photo .pic .media.active {
		opacity: 1;
	}
	.store .r1 .inner .group .left .box.on {
		opacity: 1;
		z-index: 10;
	}
	.store .r1 .inner .group .left .box.on .pic {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
	.store .r1 .inner .group .left .box.in {
		opacity: 1;
	}
	.store .r1 .inner .group .left .box.in .pic {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
	.store .r1 .inner .group .left .box.out {
		opacity: 1;
		z-index: 10;
	}
	.store .r1 .inner .group .left .box.out .photo {
		-webkit-clip-path: inset(0 100% 0 0 round 5px);
		clip-path: inset(0 100% 0 0 round 5px);
	}
	.store .r1 .inner .group .left .box.out .photo .pic {
		opacity: 0.5;
	}
}
@media screen and (orientation: portrait) {
	.store .r1 .inner .group .left .box {
		border-radius: 0.13rem;
	}
	.store .r1 .inner .group .left .box .photo {
		width: 100%;
		height: 100%;
		position: relative;
		background-color: #000;
	}
	.store .r1 .inner .group .left .box .photo .pic {
		display: block;
		width: 100%;
		height: 100%;
		position: relative;
		-webkit-transition:
			opacity 1s var(--picEase),
			-webkit-transform 2s var(--ease);
		transition:
			opacity 1s var(--picEase),
			-webkit-transform 2s var(--ease);
		transition:
			opacity 1s var(--picEase),
			transform 2s var(--ease);
		transition:
			opacity 1s var(--picEase),
			transform 2s var(--ease),
			-webkit-transform 2s var(--ease);
	}
	.store .r1 .inner .group .left .box .photo .pic .player {
		width: 0.76rem;
		height: 0.76rem;
		border-radius: 50%;
		z-index: 4;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		background: -webkit-linear-gradient(left, #f39800, #c75900);
		background: linear-gradient(90deg, #f39800, #c75900);
		cursor: pointer;
		opacity: 1;
		-webkit-transition: -webkit-transform 0.5s var(--ease);
		transition: -webkit-transform 0.5s var(--ease);
		transition: transform 0.5s var(--ease);
		transition:
			transform 0.5s var(--ease),
			-webkit-transform 0.5s var(--ease);
	}
	.store .r1 .inner .group .left .box .photo .pic .player > img {
		height: 0.27rem;
		-webkit-transition: -webkit-transform 0.6s var(--ease);
		transition: -webkit-transform 0.6s var(--ease);
		transition: transform 0.6s var(--ease);
		transition:
			transform 0.6s var(--ease),
			-webkit-transform 0.6s var(--ease);
	}
	.store .r1 .inner .group .left .box .photo .pic .player:hover {
		-webkit-transform: scale(1.2);
		-ms-transform: scale(1.2);
		transform: scale(1.2);
	}
	.store .r1 .inner .group .left .box .photo .pic .player:hover > img {
		-webkit-transform: scale(0.7);
		-ms-transform: scale(0.7);
		transform: scale(0.7);
	}
	.store .r1 .inner .group .left .box .photo .pic .mask {
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		background-color: #00000080;
	}
	.store .r1 .inner .group .left .box .photo .pic .media {
		object-fit: cover;
		opacity: 0;
		-webkit-transition: opacity 0.5s var(--ease);
		transition: opacity 0.5s var(--ease);
	}
	.store .r1 .inner .group .left .box .photo .pic .media.active {
		opacity: 1;
	}
}
.store .r1 .inner .group .right {
	width: calc(100% - 60vw - 0.2rem);
	display: grid;
	grid-template-rows: repeat(4, 1.5rem);
	gap: 0.2rem 0;
}
.store .r1 .inner .group .right .SliderDot {
	border-radius: 0.13rem;
	overflow: hidden;
	cursor: pointer;
	position: relative;
}
.store .r1 .inner .group .right .SliderDot .pic {
	width: 100%;
	height: 100%;
	position: relative;
}
.store .r1 .inner .group .right .SliderDot .pic .player {
	width: 0.32rem;
	height: 0.32rem;
	border-radius: 50%;
	background: -webkit-linear-gradient(left, #f39800, #c75900);
	background: linear-gradient(90deg, #f39800, #c75900);
	cursor: pointer;
	opacity: 1;
	position: absolute;
	right: 0.1rem;
	bottom: 0.1rem;
	-webkit-transition: -webkit-transform 0.5s var(--ease);
	transition: -webkit-transform 0.5s var(--ease);
	transition: transform 0.5s var(--ease);
	transition:
		transform 0.5s var(--ease),
		-webkit-transform 0.5s var(--ease);
}
.store .r1 .inner .group .right .SliderDot .pic .player > img {
	height: 0.11rem;
	-webkit-transition: -webkit-transform 0.6s var(--ease);
	transition: -webkit-transform 0.6s var(--ease);
	transition: transform 0.6s var(--ease);
	transition:
		transform 0.6s var(--ease),
		-webkit-transform 0.6s var(--ease);
}
.store .r1 .inner .group .right .SliderDot .pic .player:hover {
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}
.store .r1 .inner .group .right .SliderDot .pic .player:hover > img {
	-webkit-transform: scale(0.7);
	-ms-transform: scale(0.7);
	transform: scale(0.7);
}
.store .r1 .inner .group .right .SliderDot:after {
	content: "";
	z-index: 3;
	border-radius: 0.13rem;
	border: 3px solid rgba(213, 109, 0, 0);
	background-color: #000000b3;
	-webkit-transition: all 0.6s var(--ease);
	transition: all 0.6s var(--ease);
}
.store .r1 .inner .group .right .SliderDot.on {
	pointer-events: none;
}
.store .r1 .inner .group .right .SliderDot.on:after {
	border-color: #d56d00;
	background-color: #0000;
}
.store .r1 .inner .group .btm {
	width: 100%;
	padding: 0.6rem 0 1rem;
	display: grid;
	grid-template-columns: 4rem calc(100% - 4rem);
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
.join {
	background-color: #000;
}
.join .fxRow {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 0;
}
.join .banner {
	position: relative;
}
.join .banner .bg {
	position: relative;
	z-index: 10;
	background-color: #000;
}
.join .banner .bg > img {
	display: block;
	width: 100%;
}
.join .banner .bg > img:nth-of-type(2) {
	margin-top: -20vw;
}
.join .banner .bg .lou {
	width: 7.72rem;
	margin-left: 50vw;
}
.join .banner .inner {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 11;
}
.join .banner .inner .clear {
	width: 100%;
	height: 78vh;
}
.join .banner .inner .group {
	padding: 0 0.6rem;
}
.join .banner .inner .group h1 {
	margin-bottom: 0.25rem;
	text-align: center;
}
.join .banner .inner .group p {
	text-align: center;
}
.join .banner .inner .group p b {
	font-size: inherit;
	font-weight: inherit;
	color: var(--main);
}
.join .banner .inner .group .box {
	margin-top: 0.9rem;
	position: relative;
	border-radius: 0.1rem;
	padding: 1rem 1.7rem;
}
.join .banner .inner .group .box > .mask {
	background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
	background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
}
.join .banner .inner .group .box .top {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: relative;
	z-index: 5;
}
.join .banner .inner .group .box .top .left {
	width: 40%;
}
.join .banner .inner .group .box .top .left h2 {
	display: inline-block;
}
.join .banner .inner .group .box .top .right {
	width: 60%;
}
.join .banner .inner .group .box .top .right p {
	text-align: left;
}
.join .banner .inner .group .box .top .right .items {
	display: grid;
	grid-auto-flow: column;
	gap: 0 0.6rem;
	padding: 0.5rem 0;
}
.join .banner .inner .group .box .top .right .items > li .count {
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
}
.join .banner .inner .group .box .top .right .items > li .count > p {
	line-height: 1;
}
.join .r1 {
	margin-top: -2px;
}
.join .r1 .bg {
	background: -webkit-linear-gradient(top, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%);
	background: linear-gradient(180deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%);
}
.join .r1 .bg .img {
	position: absolute;
	top: 0;
	left: 50vw;
	width: 7.2rem;
}
.join .r1 .inner {
	padding-top: 3rem;
	padding-bottom: 2rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}
.join .r1 .inner h2 {
	margin-bottom: 0.6rem;
	display: inline-block;
}
.join .r1 .inner .group .list {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: 4.8rem;
}
.join .r1 .inner .group .list .box {
	padding: 0.5rem 0.3rem;
	position: relative;
	border: 1px solid rgb(73, 73, 73);
	background-color: #000;
}
.join .r1 .inner .group .list .box h3 {
	margin-bottom: 0.3rem;
}
.join .r1 .inner .group .list .box > p {
	color: #fffc;
	line-height: 1.75;
	padding-right: 0.1rem;
}
.join .r1 .inner .group .list .box .btm {
	padding: 0.4rem 0.3rem;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
.join .r1 .inner .group .list .box .btm .icon {
	height: 0.67rem;
}
.join .r1 .inner .group .list .box:first-of-type {
	border-right: none;
}
.join .r1 .inner .group .list:nth-of-type(2n) .box:nth-of-type(1) {
	border: none;
}
.join .r2 .inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	position: relative;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	padding-bottom: 1.5rem;
}
.join .r2 .inner h2 {
	position: absolute;
	top: 0.6rem;
	left: 0;
}
.join .r2 .inner .group {
	width: 100%;
}
.join .r2 .inner .group > img {
	height: 18rem;
	display: block;
	margin: 0 auto 0 20%;
}
.join .r8 .bg #logoScreen {
	pointer-events: painted;
	opacity: 0;
	display: block;
	width: 100%;
	height: 100%;
}
.join .r8 .bg #logoScreen.active {
	opacity: 1;
	-webkit-transition: opacity 0.5s var(--ease);
	transition: opacity 0.5s var(--ease);
}
.join .r8 .bg #logoScreen canvas {
	background-color: transparent !important;
}
.join .r8 .bg #logoScreen > img {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
.join .r8 .inner {
	position: relative;
	z-index: 8;
	padding-top: 1.4rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}
.join .r8 .inner > h2 {
	margin-bottom: 0.7rem;
	text-align: center;
}
.join .r8 .inner .layer-form {
	display: grid;
	gap: 0.35rem 0.65rem;
	width: 100%;
	grid-template-columns: repeat(3, 1fr);
	grid-template-areas: "a b c" "d d d";
}
.join .r8 .inner .layer-form .inRow h3 {
	margin-bottom: 0.15rem;
}
.join .r8 .inner .layer-form .inRow .inTxt {
	pointer-events: painted;
	border: none;
	width: 100%;
	height: 0.55rem;
	text-indent: 0;
	background-color: transparent;
	border-bottom: 1px solid #fff;
}
.join .r8 .inner .layer-form .inRow .inTxt::-webkit-input-placeholder {
	color: #fff;
}
.join .r8 .inner .layer-form .inRow .inTxt::-moz-placeholder {
	color: #fff;
}
.join .r8 .inner .layer-form .inRow .inTxt:-ms-input-placeholder {
	color: #fff;
}
.join .r8 .inner .layer-form .inRow .inTxt::placeholder {
	color: #fff;
}
.join .r8 .inner .layer-form .inRow .inText {
	pointer-events: painted;
	width: 100%;
	background-color: #ffffff1a;
	padding: 0.2rem;
	text-indent: 0;
	border: none;
}
.join .r8 .inner .layer-form .inRow:nth-of-type(1) {
	grid-area: a;
}
.join .r8 .inner .layer-form .inRow:nth-of-type(2) {
	grid-area: b;
}
.join .r8 .inner .layer-form .inRow:nth-of-type(3) {
	grid-area: c;
}
.join .r8 .inner .layer-form .inRow:nth-of-type(4) {
	grid-area: d;
}
.join .r8 .inner .btm {
	padding: 0.5rem 0 0.75rem;
}
.join .r8 .inner .btm .layer-btn {
	background: -webkit-linear-gradient(left, #f39800, #c75900);
	background: linear-gradient(90deg, #f39800, #c75900);
	padding: 0.15rem 0.7rem;
	border-color: transparent;
	pointer-events: painted;
}
.about .fxRow {
	position: fixed;
	width: 100vw;
	overflow: hidden;
	height: 100vh;
	left: 0;
	top: 0;
	background-color: #000;
}
.about .fxRow .page_1 {
	background-color: #000;
	z-index: 6;
}
.about .fxRow .page_1 > .mask {
	width: 100%;
	padding-top: 20%;
	height: 100%;
	position: relative;
	z-index: 10;
}
.about .fxRow .page_1 > .mask > img {
	height: 0.9rem;
	display: block;
}
.about .fxRow .page_history {
	overflow: hidden;
}
.about .fxRow .page_history .bg .sky {
	-webkit-transform: scale(var(--scale));
	-ms-transform: scale(var(--scale));
	transform: scale(var(--scale));
}
.about .fxRow .page_history .bg .sky .skyMedia {
	z-index: 1;
}
.about .fxRow .page_history .bg .sky .skyMask {
	background-color: #000000b3;
	opacity: 0;
	z-index: 2;
}
.about .fxRow .page_history .bg .land {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	-webkit-transform-origin: 68% 0%;
	-ms-transform-origin: 68% 0%;
	transform-origin: 68% 0%;
	-webkit-transform: scale(var(--scale));
	-ms-transform: scale(var(--scale));
	transform: scale(var(--scale));
}
.about .fxRow .page_history .inner {
	height: 100%;
	width: 100%;
	position: relative;
}
.about .fxRow .page_history .inner .group {
	display: grid;
	width: 100%;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%;
	grid-auto-flow: column;
}
.about .fxRow .page_history .inner .group .part {
	height: 50%;
	width: 40vw;
	position: relative;
	margin-left: -1px;
}
.about .fxRow .page_history .inner .group .part .chunk {
	padding: 0;
}
.about .fxRow .page_history .inner .group .part .chunk h3 {
	background: -webkit-linear-gradient(85deg, #f19500 0%, rgb(255, 255, 255) 50%);
	background: linear-gradient(5deg, #f19500 0%, rgb(255, 255, 255) 50%);
	-webkit-background-clip: text;
	line-height: 1;
	margin-bottom: 0.2rem;
}
.about .fxRow .page_history .inner .group .part .step {
	pointer-events: none;
	position: absolute;
	width: 28vw;
	right: 0;
	height: 100%;
}
.about .fxRow .page_history .inner .group .part:nth-of-type(2n) {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}
.about .fxRow .page_history .inner .group .part:last-of-type {
	width: 70vw;
}
.about .fxRow .page_history .inner .group .first {
	width: 100vw;
	height: 100%;
	position: relative;
}
.about .fxRow .page_history .inner .group .first .box {
	height: 100%;
}
.about .fxRow .page_history .inner .group .first .box .right {
	margin-left: 50%;
	padding: 0 0 0 1rem;
}
.about .fxRow .page_history .inner .group .first .box .right .msg {
	position: relative;
}
.about .fxRow .page_history .inner .group .first .box .right .msg .note {
	position: absolute;
	right: 0;
	top: 0.5em;
}
.about .fxRow .page_history .inner .group .first .box .right .msg .note > small {
	color: #ffffff4d;
}
.about .fxRow .page_history .inner .group .first .box .right .msg h2 {
	white-space: nowrap;
	background: -webkit-linear-gradient(55deg, #f19500 0%, rgb(255, 255, 255) 80%);
	background: linear-gradient(35deg, #f19500 0%, rgb(255, 255, 255) 80%);
	-webkit-background-clip: text;
}
.about .fxRow .page_history .inner .btm {
	position: absolute;
	bottom: 0.5rem;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	left: 0;
	display: grid;
	grid-template-columns: 0.36rem 48vw 0.36rem;
	gap: 0 0.8rem;
	width: 100%;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-transform: translate3d(0, calc(-1rem + var(--scale) * 1rem), 0);
	transform: translate3d(0, calc(-1rem + var(--scale) * 1rem), 0);
}
.about .fxRow .page_history .inner .btm .prev {
	height: 0.36rem;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, 0);
	-webkit-transition: border-color 0.5s var(--ease);
	transition: border-color 0.5s var(--ease);
}
.about .fxRow .page_history .inner .btm .prev > img {
	width: 8px;
}
.about .fxRow .page_history .inner .btm .prev:hover {
	border-color: #fff;
}
.about .fxRow .page_history .inner .btm .pager {
	height: 8px;
	padding: 0 0.3rem;
	position: relative;
}
.about .fxRow .page_history .inner .btm .pager .line {
	width: 100%;
	height: 1px;
	left: 0;
	background-color: #fff3;
	pointer-events: none;
	-webkit-mask: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 3%, rgb(0, 0, 0) 97%, rgba(0, 0, 0, 0) 100%);
	mask: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 3%, rgb(0, 0, 0) 97%, rgba(0, 0, 0, 0) 100%);
}
.about .fxRow .page_history .inner .btm .pager .chunk {
	position: relative;
	cursor: pointer;
}
.about .fxRow .page_history .inner .btm .pager .chunk .dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #fff;
	display: block;
	box-shadow:
		0 -1px 3px #ffffff80,
		0 0 5px #ffffff80,
		0 0 0.625vw #ffffffe6,
		0 1px 1.04167vw #fff;
}
.about .fxRow .page_history .inner .btm .pager .chunk .txt {
	color: #fff3;
	left: -1rem;
	top: calc(100% + 0.2rem);
	text-align: center;
	position: absolute;
	width: calc(100% + 2rem);
	-webkit-transition: color 0.6s var(--ease);
	transition: color 0.6s var(--ease);
}
.about .fxRow .page_history .inner .btm .pager .chunk.on .txt {
	color: #fff;
}
.about .fxRow .page_history .inner .btm .next {
	height: 0.36rem;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, 0);
	-webkit-transition: border-color 0.6s var(--ease);
	transition: border-color 0.6s var(--ease);
}
.about .fxRow .page_history .inner .btm .next > img {
	width: 8px;
}
.about .fxRow .page_history .inner .btm .next:hover {
	border-color: #fff;
}
.about .fxRow .page_history .fg {
	pointer-events: none;
	z-index: 15;
	overflow: hidden;
}
.about .fxRow .page_history .fg #personCv {
	position: absolute;
	height: 50vw;
	display: block;
	width: 100%;
	bottom: 0;
	left: 0;
}
.about .fxRow .page_history .fg .person {
	height: 4.25rem;
	left: 12vw;
	bottom: 0.85rem;
	position: absolute;
	z-index: 4;
	opacity: 0;
}
.about .r1 .inner {
	position: relative;
	z-index: 5;
}
.about .r1 .inner .part {
	padding: 0 2.5rem;
	z-index: 4;
	width: 100%;
	height: 100vh;
}
.about .r1 .inner .p1 {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 0 2rem;
}
.about .r1 .inner .p1 .countBox {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-transform: translate3d(0, 0.5rem, 0);
	transform: translate3d(0, 0.5rem, 0);
	-webkit-filter: blur(0.1rem);
	filter: blur(0.1rem);
	opacity: 0;
	-webkit-transition: all 1.2s var(--ease);
	transition: all 1.2s var(--ease);
}
.about .r1 .inner .p1 .countBox .countMove {
	margin-bottom: 0.2rem;
	line-height: 1;
	position: relative;
}
.about .r1 .inner .p1 .countBox .countMove sup {
	position: absolute;
	top: 0.7em;
	left: calc(100% + 0.14rem);
	white-space: nowrap;
}
.about .r1 .inner .p1 .countBox .layer-icon {
	width: 100%;
}
.about .r1 .inner .p1 .countBox .layer-icon > img {
	height: 0.28rem;
}
.about .r1 .inner .p1 .countBox.go {
	-webkit-filter: blur(0);
	filter: blur(0);
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	opacity: 1;
}
.about .r1 .inner .p2 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 0 2.3rem;
}
.about .r1 .inner .p2 .top {
	text-align: left;
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}
.about .r1 .inner .p2 .top h2 {
	margin-bottom: 0.4rem;
}
.about .r1 .inner .p2 .top p b {
	color: var(--main);
}
.about .r1 .inner .p2 .line {
	width: 100%;
	height: 1px;
	display: block;
	margin: 0.7rem 0;
	background-color: #ffffff4d;
}
.about .r1 .inner .p2 .btm {
	width: 100%;
	position: relative;
}
.about .r1 .inner .p2 .btm p {
	-webkit-transform: translateX(-1.2rem);
	-ms-transform: translateX(-1.2rem);
	transform: translate(-1.2rem);
	padding-left: 50%;
}
.about .r1 .inner .p2 .btm .logoBox {
	height: 0.9rem;
	width: 100%;
	margin-top: 0.7rem;
}
.about .r1 .inner .p2 .btm .logoBox #moveLogo {
	height: 0.9rem;
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.about .r1 .inner .p2 .btm .logoBox #moveLogo > img {
	width: 4.8rem;
	display: block;
	height: 100%;
	object-fit: cover;
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transform: scale(0.5);
	-ms-transform: scale(0.5);
	transform: scale(0.5);
}
.about .r1 .inner .p2 .btm .logoBox #moveLogo.fx {
	position: fixed;
	width: calc(100% - 4.6rem);
	left: 2.3rem;
	top: 0;
	bottom: 0;
	margin: auto 0;
}
.about .r1 .inner .p3 {
	height: 150vh;
}
.about .r1 .inner .p3 > img {
	height: 0.9rem;
	display: block;
}
.about .historyRow {
	pointer-events: none;
}
.about .historyRow > .mask {
	height: 100vh;
}
.about .historyRow > .step {
	height: 40vw;
	position: relative;
}
.about .historyRow > .step .start {
	position: absolute;
	width: 100%;
	height: 1.04167vw;
	top: 5vw;
}
.about .historyRow > .step:last-of-type {
	height: 70vw;
}
.about .historyRow .end {
	height: 20vw;
}
.about .r3 {
	background-color: #000;
	overflow: hidden;
	width: 100%;
}
.about .r3 .inner {
	overflow: visible;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0 1.2rem;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 1.2rem 0 0.8rem;
}
.about .r3 .inner .left {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.about .r3 .inner .left h2 {
	margin-bottom: 0.6rem;
}
.about .r3 .inner .left .items {
	margin-bottom: 0.5rem;
}
.about .r3 .inner .left .items .list {
	padding-bottom: 0.25rem;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	width: 4rem;
	padding-top: 0.4rem;
}
.about .r3 .inner .left .items .list:first-of-type {
	padding-top: 0;
}
.about .r3 .inner .left .items .list h3 {
	margin-bottom: 0.2rem;
}
.about .r3 .inner .left .items .list p {
	color: #fff6;
}
.about .r3 .inner .right {
	height: 6rem;
	position: relative;
	-webkit-transform: translate3d(0, calc(var(--y) * 0.3vw), 0);
	transform: translate3d(0, calc(var(--y) * 0.3vw), 0);
}
.about .r3 .inner .right .img {
	opacity: 0;
	z-index: 6;
	pointer-events: none;
	-webkit-transition: opacity 0.8s var(--ease);
	transition: opacity 0.8s var(--ease);
}
.about .r3 .inner .right .img.on {
	opacity: 1;
}
.about .r3 .inner .right .img:nth-of-type(1) {
	top: 70%;
	width: 8.3rem;
	height: 8.7rem;
	object-fit: contain;
}
.about .r3 .inner .right .img:nth-of-type(2) {
	top: 52%;
	width: 9.5rem;
	height: 6.65rem;
	object-fit: contain;
}
.about .r3 .inner .right .set {
	position: absolute;
	top: 100%;
	padding: 0.4rem 0;
	width: 100%;
}
.about .r3 .inner .right .set .layer-button {
	margin: 0 0.1rem;
}
.about .r3 .inner .right .ripple {
	width: 5rem;
	height: 5rem;
	pointer-events: none;
}
.about .r3 .inner .right .ripple .wave {
	border-radius: 50%;
	background-color: #f0940066;
	-webkit-animation: wave 4s linear infinite;
	animation: wave 4s linear infinite;
}
.about .r3 .inner .right .ripple .wave:nth-of-type(2) {
	-webkit-animation-delay: 1.5s;
	animation-delay: 1.5s;
}
.about .r4 {
	background-color: #0f0f0f;
}
.about .r4 .inner {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	padding: 1.2rem 0;
	position: relative;
}
.about .r4 .inner h2 {
	position: relative;
	z-index: 5;
}
.about .r4 .inner .group {
	width: 100%;
	height: 5.91rem;
	display: grid;
	margin-top: 0.9rem;
	position: relative;
	z-index: 1;
	grid-template-rows: repeat(4, 1fr);
	grid-template-columns: auto;
	gap: 0.25rem 0;
}
.about .r4 .inner .group .chunk {
	position: relative;
}
.about .r4 .inner .group .chunk:nth-of-type(2n) {
	margin-left: 4vw;
}
.about .r4 .inner .group .chunk .list {
	height: 100%;
	display: grid;
	grid-auto-flow: column;
	grid-template-columns: repeat(var(--col), 1.29rem);
	gap: 0 0.3rem;
	position: absolute;
	left: 0;
	top: 0;
	grid-template-rows: 1.29rem;
}
.about .r4 .inner .group .chunk .list > .imgBox {
	display: block;
	height: 1.29rem;
	object-fit: contain;
	width: 1.29rem;
}
.about .r4 .inner .group .chunk .list > .imgBox > img {
	display: block;
	height: 1.29rem;
	object-fit: contain;
	width: auto;
	max-width: 1.29rem;
	width: 1.29rem;
}
.about .r4 .inner .group .chunk .list:nth-of-type(2) {
	-webkit-transform: translateX(calc(100% + 0.25rem));
	-ms-transform: translateX(calc(100% + 0.25rem));
	transform: translate(calc(100% + 0.25rem));
}
.about .r4 .inner .group .chunk .list:nth-of-type(3) {
	-webkit-transform: translateX(calc(200% + 0.5rem));
	-ms-transform: translateX(calc(200% + 0.5rem));
	transform: translate(calc(200% + 0.5rem));
}
.about .r4 .inner .group .chunk.moveRight {
	-webkit-animation: moveR 25s linear infinite;
	animation: moveR 25s linear infinite;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.about .r4 .inner .group .chunk.moveLeft {
	-webkit-animation: moveL 25s linear infinite;
	animation: moveL 25s linear infinite;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.about .r4 .inner .shadow {
	object-fit: cover;
	z-index: 3;
	pointer-events: none;
}
.about .r5 {
	background-color: #0f0f0f;
}
.about .r5 .inner {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 1.4rem 0;
}
.about .r5 .inner h2 {
	margin-bottom: 0.8rem;
}
.about .r5 .inner .group {
	width: 100%;
	padding: 0 1.6rem;
	position: relative;
}
.about .r5 .inner .group:before {
	content: "";
	position: absolute;
	height: 100%;
	width: 1.6rem;
	left: 0;
	top: 0;
	z-index: 5;
	background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 20%);
	background: linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 20%);
}
.about .r5 .inner .group:after {
	content: "";
	position: absolute;
	height: 100%;
	width: 1.6rem;
	right: 0;
	top: 0;
	z-index: 5;
	background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 20%);
	background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 20%);
}
.about .r5 .inner .group .swiper {
	position: relative;
	z-index: 1;
}
.about .r5 .inner .group .swiper .swiper-wrapper {
	display: grid;
	grid-auto-flow: column;
	-webkit-transition-timing-function: var(--ease);
	transition-timing-function: var(--ease);
}
.about .r5 .inner .group .swiper .swiper-wrapper .swiper-slide {
	padding: 0.4rem 0.35rem 0.35rem;
	cursor: pointer;
	border: 1px solid rgb(152, 152, 152);
	border-radius: 0.2rem;
	-webkit-transition: all 0.5s var(--ease);
	transition: all 0.5s var(--ease);
}
.about .r5 .inner .group .swiper .swiper-wrapper .swiper-slide .img {
	border-radius: 0.2rem;
	object-fit: cover;
	width: 58%;
	height: 1.2rem;
	margin-bottom: 0.4rem;
}
.about .r5 .inner .group .swiper .swiper-wrapper .swiper-slide .msg h3 {
	margin-bottom: 0.5rem;
	-webkit-transition: color 0.5s var(--ease);
	transition: color 0.5s var(--ease);
}
.about .r5 .inner .group .swiper .swiper-wrapper .swiper-slide .msg .line {
	width: 100%;
	height: 1px;
	display: block;
	background-color: #fff3;
	margin-bottom: 0.35rem;
}
.about .r5 .inner .group .swiper .swiper-wrapper .swiper-slide .msg small {
	color: #fff3;
	display: block;
	-webkit-transition: color 0.5s var(--ease);
	transition: color 0.5s var(--ease);
}
.about .r5 .inner .group .swiper .swiper-wrapper .swiper-slide:hover {
	border-color: #f09400;
	box-shadow: 0 0 0.3rem -5px #ff7200a1 inset;
}
.about .r5 .inner .group .swiper .swiper-wrapper .swiper-slide:hover .msg h3,
.about .r5 .inner .group .swiper .swiper-wrapper .swiper-slide:hover .msg small {
	color: var(--main);
}
.about .r5 .inner .group .swiper .swiper-pagination {
	position: absolute;
	bottom: -0.8rem;
	left: 0;
	width: 100%;
}
.about .r5 .inner .group .swiper .swiper-pagination .swiper-pagination-bullet {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background-color: #fff3;
	-webkit-transition: all 0.5s var(--ease);
	transition: all 0.5s var(--ease);
	margin: 0 5px;
}
.about .r5 .inner .group .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: var(--main);
}
.about .r5 .inner .set {
	padding-top: 0.8rem;
}
.about .r5 .inner .set .arrow {
	width: 0.58rem;
	height: 0.58rem;
	margin: 0 0.1rem;
	border-radius: 50%;
	cursor: pointer;
	background-color: #f0930000;
	-webkit-transition: background-color 0.5s var(--ease);
	transition: background-color 0.5s var(--ease);
}
.about .r5 .inner .set .arrow .layer-icon {
	width: 0.42rem;
	height: 0.42rem;
	border-radius: 50%;
	background-color: #21212199;
	-webkit-transition: background-color 0.5s var(--ease);
	transition: background-color 0.5s var(--ease);
}
.about .r5 .inner .set .arrow .layer-icon > img {
	height: 0.1rem;
}
.about .r5 .inner .set .arrow:hover {
	background-color: #f0930066;
}
.about .r5 .inner .set .arrow:hover .layer-icon {
	background-color: #f0930099;
}
.about .r6 {
	background-color: #0f0f0f;
}
.about .r6 .inner {
	padding: 1.8rem 2.3rem;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}
.about .r6 .inner h2 {
	margin-bottom: 0.9rem;
}
.about .r6 .inner .group {
	width: 100%;
}
.about .r6 .inner .group .list {
	width: 100%;
	display: grid;
	gap: 0 0.3rem;
	grid-template-columns: repeat(4, 1fr);
	padding-bottom: 0.4rem;
}
.about .r6 .inner .group .list .box .img {
	object-fit: cover;
	height: 2.34rem;
	width: 100%;
	border-radius: 0.13rem;
	margin-bottom: 0.2rem;
}
.about .r6 .inner .group .list .box h3 {
	height: 3.4em;
	line-height: 1.7;
}
.about .r6 .inner .group .list:first-of-type .box:nth-of-type(2n) {
	padding-top: 0 !important;
}
.about .r6 .inner .group .list:nth-of-type(2n + 1) .box:nth-of-type(2n) {
	padding-top: 0.1rem;
}
.about .r6 .inner .group .list:nth-of-type(2n + 1) .box:nth-of-type(2n) .img {
	height: 3.6rem;
}
.about .r6 .inner .group .list:nth-of-type(2n) {
	-webkit-box-align: end;
	-webkit-align-items: end;
	-ms-flex-align: end;
	align-items: end;
	margin-top: -1.4rem;
}
.about .r6 .inner .group .list:nth-of-type(2n) .box:nth-of-type(2n + 1) {
	padding-bottom: 0.1rem;
}
.about .r6 .inner .group .list:nth-of-type(2n) .box:nth-of-type(2n + 1) .img {
	height: 3.6rem;
}
.about .r7 {
	background-color: #0f0f0f;
}
.about .r7 .inner {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.about .r7 .inner h2 {
	margin-bottom: 0.9rem;
}
.about .r7 .inner .group {
	height: 5.8rem;
	width: 100%;
}
.about .r7 .inner .group .swiper {
	width: 100%;
}
.about .r7 .inner .group .swiper .swiper-wrapper {
	display: grid;
	grid-auto-flow: column;
	-webkit-transition-timing-function: var(--ease);
	transition-timing-function: var(--ease);
}
.about .r7 .inner .group .swiper .swiper-wrapper .swiper-slide {
	cursor: pointer;
	position: relative;
	-webkit-transition: width 0.6s var(--ease);
	transition: width 0.6s var(--ease);
	height: 5.8rem;
}
.about .r7 .inner .group .swiper .swiper-wrapper .swiper-slide .box {
	position: absolute;
	width: 15vw;
	height: 100%;
	top: 0;
	border-radius: 0.13rem;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-transition: all 0.8s var(--ease);
	transition: all 0.8s var(--ease);
}
.about .r7 .inner .group .swiper .swiper-wrapper .swiper-slide .box .mask {
	display: block;
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 50%);
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 50%);
}
.about .r7 .inner .group .swiper .swiper-wrapper .swiper-slide .box .note {
	position: absolute;
	width: 100%;
	text-align: center;
	padding: 0.25rem 0;
	bottom: 0;
	left: 0;
}
@media screen and (orientation: landscape) {
	.about .r7 .inner .group .swiper .swiper-wrapper .swiper-slide.swiper-slide-prev .box,
	.about .r7 .inner .group .swiper .swiper-wrapper .swiper-slide.swiper-slide-duplicate-prev .box {
		left: 30%;
	}
	.about .r7 .inner .group .swiper .swiper-wrapper .swiper-slide.swiper-slide-next .box,
	.about .r7 .inner .group .swiper .swiper-wrapper .swiper-slide.swiper-slide-duplicate-next .box {
		left: 70%;
	}
	.about .r7 .inner .group .swiper .swiper-wrapper .swiper-slide.swiper-slide-active,
	.about .r7 .inner .group .swiper .swiper-wrapper .swiper-slide.swiper-slide-duplicate-active {
		z-index: 10;
	}
	.about .r7 .inner .group .swiper .swiper-wrapper .swiper-slide.swiper-slide-active .box,
	.about .r7 .inner .group .swiper .swiper-wrapper .swiper-slide.swiper-slide-duplicate-active .box {
		width: 31vw;
		left: 50%;
	}
}
.brand {
	background-color: #000;
	overflow: visible !important;
}
.brand .row {
	overflow: hidden;
	width: 100%;
}
.brand .tree {
	position: fixed;
	width: 100%;
	height: 0.3rem;
	left: 0;
	top: 0.76rem;
	z-index: 2000;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
}
.brand .tree > li {
	background-color: #ffffff1a;
	position: relative;
	cursor: pointer;
	padding-left: 0.5rem;
	-webkit-transition:
		background-color 0.5s var(--ease),
		opacity 0.6s var(--ease),
		-webkit-transform 0.6s var(--ease);
	transition:
		background-color 0.5s var(--ease),
		opacity 0.6s var(--ease),
		-webkit-transform 0.6s var(--ease);
	transition:
		background-color 0.5s var(--ease),
		transform 0.6s var(--ease),
		opacity 0.6s var(--ease);
	transition:
		background-color 0.5s var(--ease),
		transform 0.6s var(--ease),
		opacity 0.6s var(--ease),
		-webkit-transform 0.6s var(--ease);
	opacity: 0;
}
.brand .tree > li:nth-child(1) {
	-webkit-transform: translate3d(0.3rem, 0.2rem, 0);
	transform: translate3d(0.3rem, 0.2rem, 0);
}
.brand .tree > li:nth-child(2) {
	-webkit-transform: translate3d(0.5rem, 0.2rem, 0);
	transform: translate3d(0.5rem, 0.2rem, 0);
}
.brand .tree > li:nth-child(3) {
	-webkit-transform: translate3d(0.7rem, 0.2rem, 0);
	transform: translate3d(0.7rem, 0.2rem, 0);
}
.brand .tree > li:nth-child(4) {
	-webkit-transform: translate3d(0.9rem, 0.2rem, 0);
	transform: translate3d(0.9rem, 0.2rem, 0);
}
.brand .tree > li:nth-child(5) {
	-webkit-transform: translate3d(1.1rem, 0.2rem, 0);
	transform: translate3d(1.1rem, 0.2rem, 0);
}
.brand .tree > li:nth-child(6) {
	-webkit-transform: translate3d(1.3rem, 0.2rem, 0);
	transform: translate3d(1.3rem, 0.2rem, 0);
}
.brand .tree > li:nth-child(7) {
	-webkit-transform: translate3d(1.5rem, 0.2rem, 0);
	transform: translate3d(1.5rem, 0.2rem, 0);
}
.brand .tree > li:nth-child(8) {
	-webkit-transform: translate3d(1.7rem, 0.2rem, 0);
	transform: translate3d(1.7rem, 0.2rem, 0);
}
.brand .tree > li:nth-child(9) {
	-webkit-transform: translate3d(1.9rem, 0.2rem, 0);
	transform: translate3d(1.9rem, 0.2rem, 0);
}
.brand .tree > li:nth-child(10) {
	-webkit-transform: translate3d(2.1rem, 0.2rem, 0);
	transform: translate3d(2.1rem, 0.2rem, 0);
}
.brand .tree > li:nth-child(11) {
	-webkit-transform: translate3d(2.3rem, 0.2rem, 0);
	transform: translate3d(2.3rem, 0.2rem, 0);
}
.brand .tree > li:nth-child(12) {
	-webkit-transform: translate3d(2.5rem, 0.2rem, 0);
	transform: translate3d(2.5rem, 0.2rem, 0);
}
.brand .tree > li:nth-child(13) {
	-webkit-transform: translate3d(2.7rem, 0.2rem, 0);
	transform: translate3d(2.7rem, 0.2rem, 0);
}
.brand .tree > li:nth-child(14) {
	-webkit-transform: translate3d(2.9rem, 0.2rem, 0);
	transform: translate3d(2.9rem, 0.2rem, 0);
}
.brand .tree > li:nth-child(15) {
	-webkit-transform: translate3d(3.1rem, 0.2rem, 0);
	transform: translate3d(3.1rem, 0.2rem, 0);
}
.brand .tree > li:nth-child(16) {
	-webkit-transform: translate3d(3.3rem, 0.2rem, 0);
	transform: translate3d(3.3rem, 0.2rem, 0);
}
.brand .tree > li:nth-child(17) {
	-webkit-transform: translate3d(3.5rem, 0.2rem, 0);
	transform: translate3d(3.5rem, 0.2rem, 0);
}
.brand .tree > li:nth-child(18) {
	-webkit-transform: translate3d(3.7rem, 0.2rem, 0);
	transform: translate3d(3.7rem, 0.2rem, 0);
}
.brand .tree > li:nth-child(19) {
	-webkit-transform: translate3d(3.9rem, 0.2rem, 0);
	transform: translate3d(3.9rem, 0.2rem, 0);
}
.brand .tree > li:nth-child(20) {
	-webkit-transform: translate3d(4.1rem, 0.2rem, 0);
	transform: translate3d(4.1rem, 0.2rem, 0);
}
.brand .tree > li > em {
	margin-right: 0.2rem;
}
.brand .tree > li .txt {
	-webkit-transition: opacity 0.5s var(--ease);
	transition: opacity 0.5s var(--ease);
	opacity: 0;
}
.brand .tree > li .arrow {
	height: 0.07rem;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
	right: 0.2rem;
	-webkit-transition:
		opacity 0.5s var(--ease),
		-webkit-transform 0.6s var(--ease);
	transition:
		opacity 0.5s var(--ease),
		-webkit-transform 0.6s var(--ease);
	transition:
		opacity 0.5s var(--ease),
		transform 0.6s var(--ease);
	transition:
		opacity 0.5s var(--ease),
		transform 0.6s var(--ease),
		-webkit-transform 0.6s var(--ease);
	opacity: 0;
	-webkit-transform: translateX(-0.1rem);
	-ms-transform: translateX(-0.1rem);
	transform: translate(-0.1rem);
}
.brand .tree > li:nth-of-type(2n) {
	background-color: #fff3;
}
.brand .tree > li:hover {
	background-color: var(--main) !important;
}
.brand .tree > li:hover .txt {
	opacity: 1;
}
.brand .tree > li:hover .arrow {
	opacity: 1;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}
.brand .tree.down > li {
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	opacity: 1;
}
.brand .banner {
	height: 100vh;
	overflow: hidden;
	width: 100%;
}
.brand .banner .bg .group {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 100%;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transform-origin: 100% 50%;
	-ms-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	pointer-events: none;
}
.brand .banner .bg .group .box {
	position: relative;
	overflow: hidden;
	background-color: #000;
	width: 6vw;
	height: 100%;
	cursor: pointer;
	-webkit-transition: width 1.2s var(--ease);
	transition: width 1.2s var(--ease);
}
.brand .banner .bg .group .box .pic {
	z-index: 1;
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
	opacity: 0;
	-webkit-transition:
		opacity 0.8s var(--ease),
		-webkit-transform 0.8s var(--ease);
	transition:
		opacity 0.8s var(--ease),
		-webkit-transform 0.8s var(--ease);
	transition:
		opacity 0.8s var(--ease),
		transform 0.8s var(--ease);
	transition:
		opacity 0.8s var(--ease),
		transform 0.8s var(--ease),
		-webkit-transform 0.8s var(--ease);
}
.brand .banner .bg .group .box .mask {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
}
.brand .banner .bg .group .box .txt {
	padding: 0 0.5rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	z-index: 4;
	-webkit-transition:
		opacity 0.8s var(--ease),
		-webkit-transform 0.8s var(--ease);
	transition:
		opacity 0.8s var(--ease),
		-webkit-transform 0.8s var(--ease);
	transition:
		opacity 0.8s var(--ease),
		transform 0.8s var(--ease);
	transition:
		opacity 0.8s var(--ease),
		transform 0.8s var(--ease),
		-webkit-transform 0.8s var(--ease);
	-webkit-transform-origin: 100% 50%;
	-ms-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-transform: scale(0.3);
	-ms-transform: scale(0.3);
	transform: scale(0.3);
}
.brand .banner .bg .group .box .txt .mc {
	color: #602e08;
	line-height: 1;
}
.brand .banner .bg .group .box .txt p {
	margin-top: 0.3rem;
	white-space: nowrap;
	-webkit-transition:
		opacity 0.8s var(--ease),
		-webkit-transform 0.8s var(--ease);
	transition:
		opacity 0.8s var(--ease),
		-webkit-transform 0.8s var(--ease);
	transition:
		opacity 0.8s var(--ease),
		transform 0.8s var(--ease);
	transition:
		opacity 0.8s var(--ease),
		transform 0.8s var(--ease),
		-webkit-transform 0.8s var(--ease);
	opacity: 0;
}
.brand .banner .bg .group .box .note {
	position: absolute;
	bottom: 0.6rem;
	right: 0.5rem;
	z-index: 5;
	text-align: right;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
}
.brand .banner .bg .group .box .note .txt-color {
	line-height: 1;
	text-shadow: 0.78125vw 1.04167vw 1.40625vw rgba(84, 54, 0, 0.49);
	opacity: 0;
	-webkit-transform: translateY(0.3rem);
	-ms-transform: translateY(0.3rem);
	transform: translateY(0.3rem);
	-webkit-transition:
		opacity 0.8s var(--ease),
		-webkit-transform 0.8s var(--ease);
	transition:
		opacity 0.8s var(--ease),
		-webkit-transform 0.8s var(--ease);
	transition:
		opacity 0.8s var(--ease),
		transform 0.8s var(--ease);
	transition:
		opacity 0.8s var(--ease),
		transform 0.8s var(--ease),
		-webkit-transform 0.8s var(--ease);
}
.brand .banner .bg .group .box .note .txt-color:nth-of-type(1) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}
.brand .banner .bg .group .box .note p {
	margin-top: 0.3rem;
}
.brand .banner .bg .group .box:nth-of-type(2n) .mask {
	background: -webkit-linear-gradient(bottom, rgba(255, 109, 0, 0.4) 0%, rgba(255, 109, 0, 0) 70%);
	background: linear-gradient(0deg, rgba(255, 109, 0, 0.4) 0%, rgba(255, 109, 0, 0) 70%);
}
.brand .banner .bg .group .box:nth-of-type(2n + 1) .mask {
	background: -webkit-linear-gradient(top, rgba(255, 109, 0, 0.4) 0%, rgba(255, 109, 0, 0) 70%);
	background: linear-gradient(180deg, rgba(255, 109, 0, 0.4) 0%, rgba(255, 109, 0, 0) 70%);
}
.brand .banner .bg .group .box:hover .pic {
	opacity: 1;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}
.brand .banner .bg .group .box:hover .txt {
	opacity: 0;
	-webkit-transform: translateY(-0.3rem);
	-ms-transform: translateY(-0.3rem);
	transform: translateY(-0.3rem);
}
.brand .banner .bg .group .box:hover .note .txt-color {
	opacity: 1;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}
.brand .banner .bg .group.active {
	pointer-events: auto;
}
.brand .banner .bg .group.active .box {
	width: 20%;
}
.brand .banner .bg .group.active .box .txt {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
.brand .banner .bg .group.active .box .txt p {
	opacity: 1;
}
.brand .banner .inner {
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
	height: 100%;
	pointer-events: none;
}
.brand .banner .inner .top {
	padding-bottom: 1.2rem;
	text-align: center;
}
.brand .banner .inner .top h1 {
	margin-bottom: 0.2rem;
	line-height: 1;
}
.brand .r1 {
	overflow: hidden;
	width: 100%;
}
.brand .r1 .inner {
	padding: 2rem 3.7rem 1.2rem;
}
.brand .r1 .inner .topic {
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	margin-bottom: 0.6rem;
}
.brand .r1 .inner .topic h2 {
	margin-right: 1.2rem;
}
.brand .r1 .inner .group .list {
	display: grid;
	gap: 0 0.2rem;
	grid-template-rows: 2.45rem;
	margin-bottom: 0.2rem;
}
.brand .r1 .inner .group .list:last-of-type {
	margin-bottom: 0;
}
.brand .r1 .inner .group .list:nth-of-type(2n) {
	grid-template-columns: 27fr 27fr 45fr;
}
.brand .r1 .inner .group .list:nth-of-type(2n + 1) {
	grid-template-columns: 45fr 27fr 27fr;
}
.brand .r1 .inner .group .list .box {
	border-radius: 0.13rem;
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	overflow: hidden;
}
.brand .r1 .inner .group .list .box h3 {
	padding: 0.3rem;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 4;
}
.brand .r2 {
	overflow: hidden;
	width: 100%;
}
.brand .r2 .bg .pic {
	-webkit-transform: scale(1.15);
	-ms-transform: scale(1.15);
	transform: scale(1.15);
	opacity: 0;
	-webkit-transition:
		opacity 1s var(--ease),
		-webkit-transform 1.2s var(--ease);
	transition:
		opacity 1s var(--ease),
		-webkit-transform 1.2s var(--ease);
	transition:
		opacity 1s var(--ease),
		transform 1.2s var(--ease);
	transition:
		opacity 1s var(--ease),
		transform 1.2s var(--ease),
		-webkit-transform 1.2s var(--ease);
}
.brand .r2 .bg .pic.on {
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
.brand .r2 .inner {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 2rem 3.7rem 0.2rem;
	height: 100vh;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
}
.brand .r2 .inner .group {
	width: 100%;
}
.brand .r2 .inner .group .tabItems {
	display: grid;
	gap: 0 1rem;
	grid-auto-flow: column;
	-webkit-box-pack: start;
	-webkit-justify-content: start;
	-ms-flex-pack: start;
	justify-content: start;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.brand .r2 .inner .group .tabItems > li {
	color: #ffffff4d;
	padding: 0.3rem 0;
	cursor: pointer;
	-webkit-transition:
		color 0.5s var(--ease),
		border-color 0.5s var(--ease);
	transition:
		color 0.5s var(--ease),
		border-color 0.5s var(--ease);
	border-bottom: 1px solid rgba(235, 140, 0, 0);
}
.brand .r2 .inner .group .tabItems > li.on {
	color: var(--main);
	border-color: #eb8c00;
}
.brand .r2 .inner .group .part {
	padding-top: 0.5rem;
	width: 100%;
	display: none;
}
.brand .r2 .inner .group .part > p {
	-webkit-animation: aniUpSmall 1.2s var(--ease);
	animation: aniUpSmall 1.2s var(--ease);
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	display: -webkit-box;
	line-height: 1.5;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
@media screen and (orientation: landscape) {
	.brand .r2 .inner .group .part > p {
		-webkit-line-clamp: 8;
		height: 12em;
	}
}
@media screen and (orientation: portrait) {
	.brand .r2 .inner .group .part > p {
		-webkit-line-clamp: 9;
		height: 9em;
	}
}
.brand .r2 .inner .group .part .chunk {
	border: 1px solid rgba(0, 0, 0, 0.3);
	position: relative;
	background-color: #0000004d;
	cursor: pointer;
	width: calc(50% - 0.1rem);
	border-radius: 6px;
	padding: 0.25rem 0.35rem 0.35rem;
	overflow: hidden;
	-webkit-animation: aniUpSmall 1.2s var(--ease);
	animation: aniUpSmall 1.2s var(--ease);
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.brand .r2 .inner .group .part .chunk:nth-of-type(1) {
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}
.brand .r2 .inner .group .part .chunk h3,
.brand .r2 .inner .group .part .chunk p {
	position: relative;
	z-index: 5;
}
.brand .r2 .inner .group .part .chunk .txt {
	position: absolute;
	right: 0.5rem;
	top: 0;
	background: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.58) 0%, rgba(255, 255, 255, 0) 100%);
	background: linear-gradient(45deg, rgba(255, 255, 255, 0.58) 0%, rgba(255, 255, 255, 0) 100%);
	opacity: 0.2;
	z-index: 2;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	height: 100%;
}
.brand .r2 .inner .group .part .chunk .mask {
	z-index: 1;
	background: -webkit-linear-gradient(left, #ff6d00 0%, rgba(255, 109, 0, 0) 100%);
	background: linear-gradient(90deg, #ff6d00 0%, rgba(255, 109, 0, 0) 100%);
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translate(-100%);
	-webkit-transition:
		opacity 0.6s var(--ease),
		-webkit-transform 0.6s var(--ease);
	transition:
		opacity 0.6s var(--ease),
		-webkit-transform 0.6s var(--ease);
	transition:
		opacity 0.6s var(--ease),
		transform 0.6s var(--ease);
	transition:
		opacity 0.6s var(--ease),
		transform 0.6s var(--ease),
		-webkit-transform 0.6s var(--ease);
}
.brand .r2 .inner .group .part .chunk.on .txt {
	background: -webkit-linear-gradient(45deg, rgba(255, 109, 0, 0.58) 50%, rgba(255, 109, 0, 0) 100%);
	background: linear-gradient(45deg, rgba(255, 109, 0, 0.58) 50%, rgba(255, 109, 0, 0) 100%);
	-webkit-background-clip: text;
}
.brand .r2 .inner .group .part .chunk.on .mask,
.brand .r2 .inner .group .part .chunk:hover .mask {
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}
.brand .r2 .inner .group .part.on {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.brand .r3 .inner {
	padding: 2rem 0 0.8rem;
}
.brand .r3 .inner .topic {
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	margin-bottom: 1.4rem;
	padding: 0 3.7rem;
}
.brand .r3 .inner .topic h2 {
	margin-right: 1.2rem;
	white-space: nowrap;
}
.brand .r3 .inner .topic .f-30 {
	margin-bottom: 0.5rem;
}
.brand .r3 .inner .group {
	position: relative;
	width: 100%;
	height: 100%;
	padding: 0 3.7rem;
}
.brand .r3 .inner .group .imgWrap {
	position: relative;
	padding-top: 1rem;
}
.brand .r3 .inner .group .imgWrap > .img {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}
.brand .r3 .inner .group .imgWrap > .img h3 {
	background: -webkit-linear-gradient(340deg, rgba(255, 109, 0, 0.9) 0%, rgb(255, 255, 255) 90%);
	background: linear-gradient(110deg, rgba(255, 109, 0, 0.9) 0%, rgb(255, 255, 255) 90%);
	-webkit-background-clip: text;
	line-height: 1;
	-webkit-text-fill-color: transparent;
	text-align: center;
	position: relative;
	z-index: 3;
}
.brand .r3 .inner .group .imgWrap > .img .num {
	width: 100%;
	position: relative;
	z-index: 3;
	font-size: 5.5rem;
	color: #fff;
	text-shadow: 2.70833vw 3.90625vw 7.5vw rgba(0, 0, 0, 0.57);
	background: -webkit-linear-gradient(340deg, rgb(255, 109, 0) 0%, rgb(255, 255, 255) 90%);
	background: linear-gradient(110deg, rgb(255, 109, 0) 0%, rgb(255, 255, 255) 90%);
	-webkit-background-clip: text;
	line-height: 1;
	-webkit-text-fill-color: transparent;
	text-align: center;
}
.brand .r3 .inner .group .imgWrap > .img .imgBox {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 5;
}
.brand .r3 .inner .group .imgWrap > .img .imgBox > img {
	width: 100%;
}
.brand .r3 .inner .group .imgWrap > .img .imgBox.b1 {
	z-index: 1;
	-webkit-transform: translate3d(calc(var(--lx) * 2px), calc(var(--ly) * 2px), 0);
	transform: translate3d(calc(var(--lx) * 2px), calc(var(--ly) * 2px), 0);
}
.brand .r3 .inner .group .imgWrap > .img .imgBox.b2 {
	z-index: 5;
	-webkit-transform: translate3d(calc(var(--lx) * -2px), calc(var(--ly) * -2px), 0);
	transform: translate3d(calc(var(--lx) * -2px), calc(var(--ly) * -2px), 0);
}
.brand .r3 .inner .group .imgWrap > .img .imgBox .img1 {
	position: relative;
	width: 100%;
	z-index: 1;
	display: block;
}
.brand .r3 .inner .group .imgWrap > .img .imgBox .img2 {
	margin-top: -0.4rem;
}
.brand .r3 .inner .group .btm {
	width: 100%;
}
.brand .r3 .inner .group .btm > img {
	height: 0.5rem;
}
.brand .r3 .inner .group .btm p {
	padding: 0 0.3rem;
}
.brand .r3 .inner .group .btm b {
	color: var(--main);
}
.brand .r4 {
	overflow: visible;
	height: 150vh;
}
.brand .r4 .inner {
	padding: 0 2.4rem;
	height: 100vh;
	position: -webkit-sticky;
	position: sticky;
	width: 100%;
	left: 0;
	top: 0;
}
.brand .r4 .inner .bg {
	z-index: 1;
}
.brand .r4 .inner .group {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	position: relative;
	z-index: 5;
	height: 100%;
}
.brand .r4 .inner .group h2 {
	margin-bottom: 0.5rem;
}
.brand .r4 .inner .group > p {
	margin-bottom: 0.4rem;
}
.brand .r4 .inner .group .note .count {
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
}
.brand .r4 .inner .group .note .count > p {
	line-height: 0.8;
}
.brand .r4 .inner .group .closeInner {
	position: absolute;
	bottom: 12%;
	width: 40vw;
	left: 0;
	right: 0;
	margin: 0 auto;
	background: -webkit-linear-gradient(left, #f39800, #c75900);
	background: linear-gradient(90deg, #f39800, #c75900);
	padding: 0.15rem 0.7rem;
	border-color: transparent;
	opacity: 0;
	-webkit-transform: translateY(0.2rem);
	-ms-transform: translateY(0.2rem);
	transform: translateY(0.2rem);
	pointer-events: none;
	-webkit-transition: all 1s var(--ease);
	transition: all 1s var(--ease);
}
.brand .r4 .inner .group .iphoneBox {
	pointer-events: none;
}
.brand .r4 .inner .group .iphoneBox .iphone {
	top: 8%;
	height: 5.2rem;
	object-fit: contain;
	width: 5.2rem;
	opacity: 0;
	-webkit-transition: opacity 0.5s var(--ease);
	transition: opacity 0.5s var(--ease);
}
.brand .r4 .inner .group .iphoneBox .iphone.on {
	opacity: 1;
}
.brand .r4 .inner .group > .box {
	pointer-events: none;
	opacity: 1;
	-webkit-transition: opacity 0.8s var(--ease);
	transition: opacity 0.8s var(--ease);
}
.brand .r4 .inner .group > .box > .chunk {
	position: absolute;
	width: var(--size);
	height: var(--size);
	border-radius: 50%;
	background-color: #fff;
	pointer-events: painted;
}
@media screen and (orientation: portrait) {
	.brand .r4 .inner .group > .box > .chunk {
		width: 1.3rem;
		height: 1.3rem;
	}
}
.brand .r4 .inner .group > .box > .chunk > img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.brand .r4 .inner .group > .box > .chunk > img.hoverImg {
	opacity: 0;
	-webkit-transition: opacity 0.5s var(--ease);
	transition: opacity 0.5s var(--ease);
	position: absolute;
	left: 0;
	top: 0;
}
.brand .r4 .inner .group > .box > .chunk.on > img.hoverImg {
	opacity: 1;
}
@media screen and (orientation: landscape) {
	.brand .r4 .inner .group > .box > .chunk:nth-of-type(1) {
		left: 15%;
		top: 20%;
	}
	.brand .r4 .inner .group > .box > .chunk:nth-of-type(2) {
		left: 70%;
		top: 20%;
	}
	.brand .r4 .inner .group > .box > .chunk:nth-of-type(3) {
		left: 68%;
		top: 75%;
	}
	.brand .r4 .inner .group > .box > .chunk:nth-of-type(4) {
		left: 28%;
		top: 75%;
	}
	.brand .r4 .inner .group > .box > .chunk:nth-of-type(5) {
		left: 0%;
		top: 65%;
	}
	.brand .r4 .inner .group > .box > .chunk:nth-of-type(6) {
		left: 90%;
		top: 55%;
	}
	.brand .r4 .inner .group > .box > .chunk:nth-of-type(7) {
		left: 35%;
		top: 30%;
	}
}
@media screen and (orientation: portrait) {
	.brand .r4 .inner .group > .box > .chunk:nth-of-type(1) {
		left: 45%;
		top: 10%;
	}
	.brand .r4 .inner .group > .box > .chunk:nth-of-type(2) {
		left: 75%;
		top: 24%;
	}
	.brand .r4 .inner .group > .box > .chunk:nth-of-type(3) {
		left: 75%;
		bottom: 15%;
	}
	.brand .r4 .inner .group > .box > .chunk:nth-of-type(4) {
		left: 38%;
		bottom: 8%;
	}
	.brand .r4 .inner .group > .box > .chunk:nth-of-type(5) {
		left: 0%;
		top: 20%;
	}
	.brand .r4 .inner .group > .box > .chunk:nth-of-type(6) {
		left: 0%;
		bottom: 20%;
	}
	.brand .r4 .inner .group > .box > .chunk:nth-of-type(7) {
		left: 35%;
		top: 30%;
	}
}
.brand .r4 .inner .group.active .closeInner {
	opacity: 1;
	pointer-events: painted;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}
.brand .r4 .inner .group.active > .box {
	opacity: 0;
}
.brand .r4 .inner .group.active > .box > .chunk {
	pointer-events: none;
}
.brand .r5 {
	overflow: visible;
	height: 200vh;
}
.brand .r5 .inner {
	height: 100vh;
	position: -webkit-sticky;
	position: sticky;
	width: 100%;
	left: 0;
	top: 0;
	overflow: hidden;
}
.brand .r5 .inner .group {
	width: 100%;
	display: grid;
	position: relative;
	z-index: 1;
	grid-template-rows: repeat(3, 1fr);
	grid-template-columns: auto;
	height: 100%;
	gap: 0.25rem 0;
}
.brand .r5 .inner .group .chunk {
	position: relative;
}
.brand .r5 .inner .group .chunk .list {
	height: 100%;
	display: grid;
	grid-auto-flow: column;
	grid-template-columns: repeat(var(--col), auto);
	gap: 0 0.3rem;
	position: absolute;
	left: 0;
	top: 0;
	grid-template-rows: 100%;
}
.brand .r5 .inner .group .chunk .list > img {
	display: block;
	height: 100%;
	object-fit: contain;
	width: auto;
}
.brand .r5 .inner .group .chunk .list:nth-of-type(2) {
	-webkit-transform: translateX(calc(100% + 0.25rem));
	-ms-transform: translateX(calc(100% + 0.25rem));
	transform: translate(calc(100% + 0.25rem));
}
.brand .r5 .inner .group .chunk .list:nth-of-type(3) {
	-webkit-transform: translateX(calc(200% + 0.5rem));
	-ms-transform: translateX(calc(200% + 0.5rem));
	transform: translate(calc(200% + 0.5rem));
}
.brand .r5 .inner .group .chunk.moveRight {
	-webkit-animation: moveR 25s linear infinite;
	animation: moveR 25s linear infinite;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.brand .r5 .inner .group .chunk.moveLeft {
	-webkit-animation: moveL 25s linear infinite;
	animation: moveL 25s linear infinite;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.brand .r5 .inner .group .chunk:nth-of-type(3n + 1) {
	-webkit-animation-duration: 30s !important;
	animation-duration: 30s !important;
}
.brand .r5 .inner .group .chunk:nth-of-type(3n + 2) {
	-webkit-animation-duration: 40s !important;
	animation-duration: 40s !important;
}
.brand .r5 .inner .part {
	z-index: 5;
	opacity: 0;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #00000080;
}
.brand .r5 .inner .part h2 {
	margin-bottom: 0.2rem;
}
.brand .r6 .inner {
	padding: 3rem 3.5rem 2.2rem;
}
.brand .r6 .inner .topic {
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	margin-bottom: 0.8rem;
}
.brand .r6 .inner .topic h2 {
	margin-right: 1.2rem;
}
.brand .r6 .inner .topic > .note {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
.brand .r6 .inner .topic .items {
	display: grid;
	grid-auto-flow: column;
	gap: 0 0.6rem;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 1.7rem;
}
.brand .r6 .inner .topic .items > li h3 {
	font-weight: 400;
	margin-bottom: 0.1rem;
}
.brand .r6 .inner .topic .items > li .count {
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
}
.brand .r6 .inner .topic .items > li .count > p {
	line-height: 1;
}
.brand .r7 .inner {
	padding: 2rem 3.5rem 0.8rem;
}
.brand .r7 .inner .topic {
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	margin-bottom: 0.8rem;
}
.brand .r7 .inner .topic h2 {
	margin-right: 1.2rem;
}
.brand .r7 .inner .group {
	display: grid;
}
@media screen and (orientation: landscape) {
	.brand .r7 .inner .group {
		grid-template-columns: repeat(3, 2.9rem);
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
}
@media screen and (orientation: portrait) {
	.brand .r7 .inner .group {
		grid-auto-flow: column;
	}
}
.brand .r7 .inner .group .card {
	position: relative;
	pointer-events: painted;
	color: #fff;
	height: 4.8rem;
	cursor: pointer;
	-webkit-perspective: 5rem;
	perspective: 5rem;
}
.brand .r7 .inner .group .card .imgWrap {
	width: 100%;
	height: 100%;
	display: block;
}
.brand .r7 .inner .group .card .imgWrap .image {
	background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent 40%);
	background: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent 40%);
	background-size: cover;
	background-position: center;
}
.brand .r7 .inner .group .card .imgWrap .image.cutout {
	width: 100%;
	height: 100%;
	box-shadow: 0 0.1rem 0.2rem -2px #0003;
	overflow: hidden;
	-webkit-transform: rotateX(calc(var(--rotateX) * 1deg)) rotateY(calc(var(--rotateY) * 1deg)) translate3d(0, 0, 0.8rem);
	transform: rotateX(calc(var(--rotateX) * 1deg)) rotateY(calc(var(--rotateY) * 1deg)) translateZ(0.8rem);
	z-index: 3;
}
.pop {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 10000;
	overflow: hidden;
	background-color: #000c;
	opacity: 0;
	pointer-events: none;
}
.pop .close {
	position: absolute;
	width: 0.5rem;
	height: 0.5rem;
	right: 5vw;
	top: 5vw;
	border-radius: 50%;
	border: 1px solid #ffffff;
}
.pop .imgBox {
	width: 100vw;
	height: 166vw;
	overflow: auto;
}
.pop .imgBox .img {
	display: block;
	max-width: 100%;
	max-height: 100%;
	margin: auto;
}
.pop.active {
	opacity: 1;
	pointer-events: auto;
}
@-webkit-keyframes aniUpSmall {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20%);
		transform: translateY(20%);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}
@keyframes aniUpSmall {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20%);
		transform: translateY(20%);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}
@-webkit-keyframes wave {
	0% {
		-webkit-transform: scale(0.01);
		transform: scale(0.01);
		opacity: 1;
	}
	to {
		-webkit-transform: scale(3);
		transform: scale(3);
		opacity: 0;
	}
}
@keyframes wave {
	0% {
		-webkit-transform: scale(0.01);
		transform: scale(0.01);
		opacity: 1;
	}
	to {
		-webkit-transform: scale(3);
		transform: scale(3);
		opacity: 0;
	}
}
@-webkit-keyframes moveR {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translateZ(0);
	}
	to {
		-webkit-transform: translate3d(calc(-100% - 0.25rem), 0, 0);
		transform: translate3d(calc(-100% - 0.25rem), 0, 0);
	}
}
@keyframes moveR {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translateZ(0);
	}
	to {
		-webkit-transform: translate3d(calc(-100% - 0.25rem), 0, 0);
		transform: translate3d(calc(-100% - 0.25rem), 0, 0);
	}
}
@-webkit-keyframes moveL {
	0% {
		-webkit-transform: translate3d(calc(-100% - 0.25rem), 0%, 0);
		transform: translate3d(calc(-100% - 0.25rem), 0, 0);
	}
	to {
		-webkit-transform: translate3d(0%, 0, 0);
		transform: translateZ(0);
	}
}
@keyframes moveL {
	0% {
		-webkit-transform: translate3d(calc(-100% - 0.25rem), 0%, 0);
		transform: translate3d(calc(-100% - 0.25rem), 0, 0);
	}
	to {
		-webkit-transform: translate3d(0%, 0, 0);
		transform: translateZ(0);
	}
}
@-webkit-keyframes keep {
	0% {
		opacity: 0;
	}
	10% {
		opacity: 1;
	}
	90% {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}
@keyframes keep {
	0% {
		opacity: 0;
	}
	10% {
		opacity: 1;
	}
	90% {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}
@media screen and (orientation: portrait) {
	#app footer .inner {
		padding: 0.6rem 5% 0.1rem;
		grid-template-rows: auto auto;
		grid-template-columns: 100%;
		gap: 0.6rem 0;
	}
	#app footer .inner .logoBox .logo {
		height: 0.5rem;
	}
	#app footer .inner .mid .list {
		margin-bottom: 0.6rem;
		margin-right: 0.3rem;
	}
	#app footer .inner .mid {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	#app footer .inner #toTop {
		position: absolute;
		right: 5%;
		top: 0.6rem;
		width: 0.5rem;
		height: 0.5rem;
	}
	#app footer .inner #toTop .icon {
		width: 0.1rem;
	}
	#app footer .btm {
		padding: 0.4rem 5% 0.3rem;
		height: auto;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-webkit-flex-direction: column-reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}
	#app footer .btm .mid {
		width: 100%;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		gap: 0 0.1rem;
		margin-bottom: 0.3rem;
	}
	.store .r1 .inner {
		padding-top: 1.5rem;
	}
	.store .r1 .inner .group .left {
		height: 48vw;
		width: 90vw;
	}
	.store .r1 .inner .group .btm {
		display: grid;
		grid-template-columns: 2.5rem calc(100% - 2.5rem);
		-webkit-box-align: start;
		-webkit-align-items: start;
		-ms-flex-align: start;
		align-items: start;
	}
	.store .r1 .inner .group .btm > h2 {
		padding-right: 7%;
	}
	.join {
		width: 100%;
		overflow: hidden;
	}
	.join .banner .bg > img {
		width: 100%;
	}
	.join .banner .bg > img:nth-of-type(2) {
		width: 140%;
		margin-left: -20%;
		margin-top: 0;
	}
	.join .banner .inner .group {
		padding: 0 5%;
	}
	.join .banner .inner .group h1,
	.join .banner .inner .group p {
		text-align: left;
	}
	.join .banner .inner .group .box {
		padding: 0 5%;
	}
	.join .banner .inner .group .box .top {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.join .banner .inner .group .box .top .left {
		margin-bottom: 0.6rem;
		width: 100%;
	}
	.join .banner .inner .group .box .top .left h2 {
		font-size: 8vw;
	}
	.join .banner .inner .group .box .top .right {
		width: 100%;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.join .banner .inner .group .box .top .right > p {
		font-size: 14px;
		width: 30%;
	}
	.join .banner .inner .group .box .top .right .items {
		width: 64%;
		padding: 0;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}
	.join .banner .inner .group .box .top .right .items li {
		width: 100%;
		margin-bottom: 0.3rem;
	}
	.join .banner .inner .group .box .top .right .items li h3 {
		font-weight: 400;
		margin-bottom: 0.1rem;
	}
	.join .banner .inner .group .box .top .right .items li .f-68 {
		font-size: 0.5rem;
	}
	.join .banner .inner .group .box .top .right .items li sup {
		font-size: 10px;
	}
	.join .r1 {
		margin-top: 24vw;
	}
	.join .r1 .bg .img {
		left: 0;
		width: 100%;
	}
	.join .r1 .inner {
		padding-top: 80vw;
	}
	.join .r1 .inner h2 {
		font-size: 8vw;
	}
	.join .r1 .inner .group .list {
		grid-template-columns: 1fr 1fr;
	}
	.join .r1 .inner .group .list .box {
		padding: 0.4rem 0.2rem;
	}
	.join .r1 .inner .group .list .box h3 {
		font-family: HarmonyOS_Sans_SC_Regular;
		font-weight: 400;
	}
	.join .r1 .inner .group .list .box > p {
		line-height: 1.5;
		padding-right: 0;
	}
	.join .r1 .inner .group .list .box > p br {
		display: none;
	}
	.join .r2 .inner {
		padding-bottom: 1rem;
	}
	.join .r2 .inner h2 {
		font-size: 8vw;
		position: relative;
		margin-bottom: 0.7rem;
		top: auto;
		left: auto;
	}
	.join .r2 .inner .group > img {
		height: auto;
		width: 100%;
		margin: 0;
	}
	.join .r8 .inner > h2 {
		font-size: 8vw;
	}
	.join .r8 .inner .layer-form {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.join .r8 .inner .layer-form .inRow {
		width: 100%;
		margin-bottom: 0.5rem;
	}
	.join .r8 .inner .layer-form .inRow .inTxt {
		height: 0.9rem;
		display: block;
	}
	.join .r8 .bg #logoScreen {
		pointer-events: none !important;
	}
	.join .r8 .inner .btm {
		padding-bottom: 1.8rem;
		width: 100%;
	}
	.join .r8 .inner .btm .layer-btn {
		width: 100%;
		border-radius: 0;
	}
	.address .r1 .inner .topic {
		width: 90%;
		margin: 0 auto 0.5rem;
	}
	.address .r1 .inner h1 {
		font-size: 9vw;
		text-align: left;
		margin-bottom: 0.1rem;
	}
	.address .r1 .inner .group .top {
		grid-template-columns: 100%;
		padding: 0 5%;
	}
	.address .r1 .inner .group .top #bigOne {
		height: 1rem;
	}
	.address .confirm {
		font-size: 0.26rem;
	}
	.address .chose-tab {
		height: 0.7rem;
	}
	.address .chosePCA {
		width: 1.6rem;
		height: 0.7rem;
	}
	.address .province-list,
	.address .city-list,
	.address .area-list {
		grid-template-columns: repeat(4, 1fr);
	}
	.address .r1 .inner {
		width: 100% !important;
	}
	.address .r1 .inner .group .mid {
		width: 100%;
		background-color: transparent;
		border-radius: 0;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-webkit-flex-direction: column-reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}
	.address .r1 .inner .group .mid .right {
		height: 80vw;
		width: 90%;
		margin: 0 auto;
		border-radius: 0.13rem;
		overflow: hidden;
		margin-bottom: 0.2rem;
	}
	.address .r1 .inner .group .mid .left {
		background-color: transparent;
		padding: 0;
		overflow: hidden;
		width: 100vw;
	}
	.address .r1 .inner .group .mid .left .line {
		display: none;
	}
	.address .r1 .inner .group .mid .left .list {
		width: 90vw;
		background-color: #101010;
	}
	.brand .tree,
	.brand .banner .bg .group {
		display: none;
	}
	.brand .banner {
		background-color: #000;
	}
	.brand .banner .bg {
		opacity: 0.5;
	}
	.brand .f-46 {
		font-size: 8vw;
	}
	.brand .r1 .inner {
		padding: 1.6rem 5% 1rem;
	}
	.brand .r1 .inner .topic {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
		margin-bottom: 0.38rem;
	}
	.brand .r1 .inner .topic h2 {
		margin-bottom: 0.42rem;
	}
	.brand .r1 .inner .group .list:nth-of-type(2n + 1) {
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: 3rem 2.4rem;
		gap: 0.2rem;
		grid-template-areas: "a a" "b c";
	}
	.brand .r1 .inner .group .list:nth-of-type(2n) {
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: 3rem 2.4rem;
		gap: 0.2rem;
		grid-template-areas: "c c" "a b";
	}
	.brand .r1 .inner .group .list .box:nth-of-type(1) {
		grid-area: a;
	}
	.brand .r1 .inner .group .list .box:nth-of-type(2) {
		grid-area: b;
	}
	.brand .r1 .inner .group .list .box:nth-of-type(3) {
		grid-area: c;
	}
	.brand .r2 .inner {
		padding: 1.6rem 5% 1rem;
	}
	.brand .r2 .inner .group .tabItems {
		gap: 0 0.6rem;
	}
	.brand .r2 .inner .group .part > p br {
		display: none;
	}
	.brand .r3 .inner {
		padding-top: 1.5rem;
	}
	.brand .r3 .inner .topic {
		padding: 0 5%;
		margin-bottom: 2rem;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}
	.brand .r3 .inner .group {
		padding: 0 5%;
	}
	.brand .r3 .inner .group .imgWrap > .img h3 {
		-webkit-transform: translateY(-1rem);
		-ms-transform: translateY(-1rem);
		transform: translateY(-1rem);
	}
	.brand .r3 .inner .group .imgWrap > .img {
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
	}
	.brand .r3 .inner .group .imgWrap > .img .num {
		text-shadow: none;
		font-size: 50vw;
	}
	.brand .r3 .inner .group .btm p {
		font-size: 8vw;
		line-height: 1.2;
		text-align: center;
	}
	.brand .r3 .inner .group .imgWrap > .img .imgBox .img1 {
		width: 140%;
		margin-left: -20%;
	}
	.brand .r3 .inner .group .imgWrap > .img .imgBox .img2 {
		width: 140%;
		margin-left: -20%;
	}
	.brand .r4 {
		overflow: hidden;
		width: 100%;
	}
	.brand .r4 .inner {
		padding: 0 5%;
	}
	.brand .r4 .inner .group h2 {
		margin-bottom: 0.3rem;
	}
	.brand .r4 .inner .group > .box > .chunk:nth-of-type(7) {
		display: none;
	}
	.brand .r5 {
		width: 100%;
	}
	.brand .r6 .inner {
		padding: 1.2rem 5% 0.2rem;
		height: 100%;
	}
	.brand .r6 .inner .topic {
		margin-bottom: 0;
		height: 100%;
		position: relative;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-justify-content: space-around;
		-ms-flex-pack: distribute;
		justify-content: space-around;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
	}
	.brand .r6 .inner .topic p br {
		display: none;
	}
	.brand .r6 .inner .topic > .note {
		-webkit-box-flex: 0;
		-webkit-flex: 0;
		-ms-flex: 0;
		flex: 0;
	}
	.brand .r6 .inner .topic h2 {
		margin-bottom: 0.4rem;
	}
	.brand .r6 .inner .topic .items {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-pack: end;
		-webkit-justify-content: flex-end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		margin-bottom: 0;
	}
	.brand .r6 .inner .topic .items > li {
		margin-top: 0.45rem;
	}
	.brand .r6 .inner .topic .items > li h3 {
		font-family: HarmonyOS_Sans_SC_Regular;
		font-weight: 400;
	}
	.brand .r7 .inner {
		padding: 1.5rem 5%;
	}
	.brand .r7 .inner .topic {
		margin-bottom: 1.2rem;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}
	.brand .r7 .inner .topic h2 {
		margin-bottom: 0.4rem;
		margin-right: 0;
	}
	.brand .r7 .inner .group {
		-webkit-transition-timing-function: var(--ease);
		transition-timing-function: var(--ease);
	}
	.brand .r7 .inner .group .card {
		width: 53vw;
		height: 87vw;
	}
	.about .f-46 {
		font-size: 8vw;
	}
	.about .r1 .inner .p1 {
		padding: 1.5rem 5% 1rem;
		grid-template-columns: 100%;
		grid-template-rows: repeat(4, auto);
	}
	.about .r1 .inner .p2 {
		padding: 1rem 5%;
		height: auto;
	}
	.about .r1 .inner .p2 .btm p {
		padding-left: 0;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translate(0);
	}
	.about .r1 .inner .p2 .btm .logoBox {
		margin-top: 1.5rem;
	}
	.about .r1 .inner .p2 .btm .logoBox #moveLogo > img {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
	.about .fxRow .page_history .bg .land {
		width: 300vw;
		left: -58vw;
	}
	.about .fxRow .page_history .fg {
		width: 300vw;
		left: -40vw;
		height: 150vw;
		top: auto;
		bottom: 0;
	}
	.about .fxRow .page_history .inner .btm {
		width: 300vw;
		left: 8vw;
		bottom: 0.8rem;
	}
	.about .fxRow .page_history .inner .btm {
		grid-template-columns: 100%;
	}
	.about .fxRow .page_history .inner .btm > a {
		display: none;
	}
	.about .fxRow .page_history .fg #personCv {
		width: 300vw;
		height: 150vw;
		right: 0;
		margin: 0 auto;
	}
	.about .fxRow .page_history .inner .group {
		padding-bottom: 50%;
	}
	.about .fxRow .page_history .inner .group .first {
		padding-top: 1.5rem;
	}
	.about .fxRow .page_history .inner .group .first .box {
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
	}
	.about .fxRow .page_history .inner .group .first .box .right {
		margin-left: 30%;
	}
	.about .fxRow .page_history .inner .group .part {
		width: 72vw;
		height: 50%;
	}
	.about .fxRow .page_history .inner .group .first .box .right .msg h2 {
		line-height: 1.2;
	}
	.about .fxRow .page_history .inner .group .first .box .right .msg .note,
	.about .fxRow .page_history .inner .group .part .chunk p br {
		display: none;
	}
	.about .historyRow > .step {
		height: 72vw;
	}
	.about .historyRow > .step .start {
		height: 10px;
		top: 40vw;
	}
	.about .r3 .inner {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		padding-top: 1.5rem;
		padding-bottom: 2.5rem;
	}
	.about .r3 .inner .left .items {
		display: grid;
		grid-template-columns: 47% 47%;
		gap: 0.4rem 6%;
		width: 100%;
	}
	.about .r3 .inner .left .items .list {
		padding-top: 0;
		width: auto;
	}
	.about .r3 .inner .left .items .list p br {
		display: none;
	}
	.about .r3 .inner .left .items .list:nth-of-type(3) {
		width: 90vw;
	}
	.about .r3 .inner .right {
		width: 100%;
	}
	.about .r3 .inner .right .set {
		padding: 1rem 0 0.4rem;
	}
	.about .r3 .inner .right .set .layer-button {
		height: auto;
	}
	.about .r3 .inner .right .img:nth-of-type(1) {
		width: 95vw;
		height: 95vw;
	}
	.about .r3 .inner .right .img:nth-of-type(2) {
		width: 95vw;
		height: 66.5vw;
	}
	.about .r4 .inner {
		padding-top: 1.5rem;
	}
	.about .r4 .inner .group {
		grid-template-rows: repeat(4, 20vw);
		gap: 3vw 0;
		height: 89vw;
	}
	.about .r4 .inner .group .chunk:nth-of-type(2n) {
		margin-left: 17vw;
	}
	.about .r4 .inner .group .chunk .list {
		-webkit-box-pack: start;
		-webkit-justify-content: start;
		-ms-flex-pack: start;
		justify-content: start;
	}
	.about .r4 .inner .group .chunk .list > .imgBox {
		width: 20vw;
	}
	.about .r4 .inner .group .chunk .list > .imgBox > img {
		height: 20vw;
		width: 20vw;
	}
	.about .r5 .inner {
		padding-top: 1.5rem;
		padding-bottom: 2rem;
	}
	.about .r5 .inner .group {
		padding: 0 5%;
	}
	.about .r5 .inner h2 {
		margin-bottom: 1rem;
	}
	.about .r5 .inner .group .swiper .swiper-wrapper {
		height: 100%;
		grid-template-rows: 1fr 1fr;
		gap: 0.05rem;
	}
	.about .r5 .inner .group:before {
		display: none;
	}
	.about .r5 .inner .group:after {
		display: none;
	}
	.about .r5 .inner .group .swiper .swiper-wrapper .swiper-slide {
		border-color: #fff6;
		padding: 0.24rem;
	}
	.about .r5 .inner .group .swiper .swiper-wrapper .swiper-slide .img {
		width: 100%;
		height: 1.6rem;
	}
	.about .r5 .inner .group .swiper .swiper-wrapper .swiper-slide .msg h3 {
		display: -webkit-box;
		line-height: 1.3;
		margin-bottom: 0;
		-webkit-line-clamp: 6;
		height: 7.8em;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
	.about .r6 .inner {
		padding: 1.5rem 5% 1rem;
	}
	.about .r6 .inner .group .list {
		grid-template-columns: repeat(2, 1fr);
	}
	.about .r6 .inner .group .list .box h3 {
		line-height: 1.3;
	}
	.about .r6 .inner .group .list:nth-of-type(2n) {
		margin-top: -1rem;
	}
	.about .r6 .inner .group .list:nth-of-type(2n + 1) .box:nth-of-type(2n) {
		padding-top: 0;
	}
	.about .r6 .inner .group .list:nth-of-type(2n) .box:nth-of-type(2n + 1) {
		padding-bottom: 0;
	}
	.about .r7 .inner h2 {
		margin-bottom: 1rem;
	}
	.about .r7 .inner .group {
		padding: 0 5%;
		height: 68vw;
	}
	.about .r7 .inner .group .swiper .swiper-wrapper .swiper-slide {
		width: 77vw;
		height: 60vw;
	}
	.about .r7 .inner .group .swiper .swiper-wrapper .swiper-slide .box {
		width: 100%;
	}
	.home .banner {
		overflow: hidden;
		width: 100%;
	}
	.home .banner .bg #bannerGl {
		position: absolute;
		width: auto;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translate(-50%);
		left: 50%;
	}
	.home .banner .inner {
		padding-bottom: 24%;
	}
	.home .banner .inner .group .SliderMsg {
		width: 90vw;
	}
	.home .banner .inner .group .SliderMsg h1 {
		white-space: normal;
	}
	.home .content #clear {
		height: 100%;
	}
	.home .content #clear .page_1 .inner {
		grid-template-columns: 100%;
	}
	.home .content #clear .page_1 .inner {
		padding: 1.5rem 0;
	}
	.home .content #clear .page_2 .inner {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-webkit-flex-direction: column-reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.home .content #clear .page_2 .inner .right {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.home .content #clear .page_2 .inner .right .items {
		margin-top: 0.6rem;
	}
	.home .content #clear .page_2 .inner .right .items .list {
		padding-bottom: 0.2rem;
	}
	.home .content #clear .page_2 .inner .right .items .list p {
		font-size: 13px;
	}
	.home .content #clear .page_2 .inner .right {
		padding-top: 1.5rem;
	}
	.home .content #clear .page_2 .inner .left .layer-player {
		width: 64vw;
		height: 64vw;
	}
	.home .content #clear .page_1 > .bg #r2Pic {
		-webkit-clip-path: circle(calc(var(--go) * 1vw) at 50% 77.5%);
		clip-path: circle(calc(var(--go) * 1vw) at 50% 77.5%);
	}
	.home .content #clear .page_2 .inner {
		height: 100%;
	}
	.home .content #clear .page_2 .inner .left .layer-player .circle {
		-webkit-transform: translate3d(-50%, 0, 0);
		transform: translate3d(-50%, 0, 0);
		left: 50%;
		top: 0;
		-webkit-clip-path: circle(calc(32vw + var(--go) * 0.2vw) at 50% 77.5%);
		clip-path: circle(calc(32vw + var(--go) * 0.2vw) at 50% 77.5%);
	}
	.home .content #clear .page_2 .inner .left .layer-player .ring .player {
		width: 1.2rem;
		height: 1.2rem;
	}
	.home .content #clear .page_3 .inner p br {
		display: none;
	}
	.home .content #clear .page_history .bg .land {
		width: 300vw;
		left: -58vw;
	}
	.home .content #clear .page_history .fg {
		width: 300vw;
		left: -40vw;
		height: 150vw;
		top: auto;
		bottom: 0;
	}
	.home .content #clear .page_history .inner .btm {
		width: 300vw;
		left: 8vw;
		bottom: 0.8rem;
	}
	.home .content #clear .page_history .inner .btm {
		grid-template-columns: 100%;
	}
	.home .content #clear .page_history .inner .btm > a {
		display: none;
	}
	.home .content #clear .page_history .fg #personCv {
		width: 300vw;
		height: 150vw;
		right: 0;
		margin: 0 auto;
	}
	.home .content #clear .page_history .inner .group {
		padding-bottom: 50%;
	}
	.home .content #clear .page_history .inner .group .first {
		padding-top: 1.5rem;
	}
	.home .content #clear .page_history .inner .group .first .box {
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
	}
	.home .content #clear .page_history .inner .group .first .box .right {
		margin-left: 30%;
	}
	.home .content #clear .page_history .inner .group .part {
		width: 72vw;
		height: 50%;
	}
	.home .content #clear .page_history .inner .group .first .box .right .msg h2 {
		line-height: 1.2;
	}
	.home .content #clear .page_history .inner .group .first .box .right .msg .note,
	.home .content #clear .page_history .inner .group .part .chunk p br {
		display: none;
	}
	.home .content .historyRow > .step {
		height: 72vw;
	}
	.home .content .historyRow > .step .start {
		height: 10px;
		top: 40vw;
	}
	.home .content #clear .page_4 .inner {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-justify-content: space-around;
		-ms-flex-pack: distribute;
		justify-content: space-around;
		padding-top: 1.5rem;
		padding-bottom: 2.5rem;
	}
	.home .content #clear .page_4 .inner .left p br {
		display: none;
	}
	.home .content #clear .page_4 .inner .right {
		width: 100%;
		padding-bottom: 1.5rem;
		height: 85vw;
	}
	.home .content #clear .page_4 .inner .right .set {
		padding: 1rem 0 0.4rem;
	}
	.home .content #clear .page_4 .inner .right .set .layer-button {
		height: auto;
	}
	.home .content #clear .page_4 .inner .right .img:nth-of-type(1) {
		width: 95vw;
		height: 95vw;
	}
	.home .content #clear .page_4 .inner .right .img:nth-of-type(2) {
		width: 95vw;
		height: 66.5vw;
	}
	.home .content .r5 .inner .topic h2 {
		margin-bottom: 0.6rem;
	}
	.home .content .r5 .inner .topic p br {
		display: none;
	}
	.home .content .r5 .bg:after {
		content: "";
		position: absolute;
		width: 100%;
		height: 30vw;
		top: 100vw;
		left: 0;
		background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
		background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
	}
	.home .content .r5 .bg .pic {
		background-position: center top;
		background-size: 260%;
	}
	.home .content .r5 .inner {
		height: 180vw;
		-webkit-box-align: end;
		-webkit-align-items: flex-end;
		-ms-flex-align: end;
		align-items: flex-end;
		padding-bottom: 2rem;
	}
	.home .content .r5 .inner .topic {
		margin: 0;
	}
	.home .content .r6 .inner p br {
		display: none;
	}
	.home .content .r7 .inner .group {
		grid-template-columns: 100%;
		gap: 0.3rem;
	}
	.home .content .r7 .inner {
		height: auto;
		padding: 1.5rem 0;
	}
	.home .content .r7 .inner .group .card {
		height: 5.6rem;
	}
	.home .content .r7 .inner .group .card .imgWrap .msg {
		height: calc(60% + 1.5rem);
	}
	.home .content .r8 {
		height: auto;
	}
	.home .content .r8 .inner > h2 {
		font-size: 8vw;
	}
	.home .content .r8 .inner .layer-form {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.home .content .r8 .inner .layer-form .inRow {
		width: 100%;
		margin-bottom: 0.5rem;
	}
	.home .content .r8 .inner .layer-form .inRow .inTxt {
		height: 0.9rem;
		display: block;
	}
	.home .content .r8 .bg #logoScreen {
		pointer-events: none !important;
	}
	.home .content .r8 .inner .btm {
		padding-bottom: 1.8rem;
		width: 100%;
	}
	.home .content .r8 .inner .btm .layer-btn {
		width: 100%;
		border-radius: 0;
	}
	.home .content #clear .page_4 > bg .scene {
		display: none;
	}
}