[ani-scroll-container]{will-change:transform}.g--popup{height:100%;left:0;position:fixed;top:0;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%);width:100%;z-index:9999}.g--popup.show{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}.g--popup.disappear,.g--popup.show{-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;-o-transition:-o-transform .5s;-moz-transition:transform .5s,-moz-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s,-moz-transform .5s,-o-transform .5s}.g--popup .g--popup-container{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;height:100%;-webkit-justify-content:center;justify-content:center;position:relative;width:100%}.g--popup .g--video-wrapper{margin-top:-12px;position:relative}.video-portrait.g--popup .g--video-wrapper{height:100%;margin-top:0;padding:32px 0;width:100%}.g--popup .g--video-wrapper video{height:auto;max-height:75vh;max-height:-webkit-calc(var(--vh,1vh)*75);max-height:-moz-calc(var(--vh,1vh)*75);max-height:calc(var(--vh, 1vh)*75);outline:none;width:100%}.video-portrait.g--popup .g--video-wrapper video{-o-object-fit:contain;object-fit:contain}.g--popup .g--video-wrapper video[src=""]{display:none}.g--popup .g--popup-close.v1{cursor:pointer;height:24px;margin-left:auto;opacity:1!important;position:absolute;right:0;top:-36px;width:24px;z-index:2}.g--popup .g--popup-close.v1 .inner{height:100%;width:100%}.g--popup .g--popup-close.v2{cursor:pointer;height:32px;margin-left:auto;opacity:1!important;position:absolute;right:32px;top:32px;width:32px;z-index:2}.video-portrait.g--popup .g--popup-close.v2{top:8px}.g--popup-container.v2.v2{background:#201f1c}.g--popup-close.v2 polygon{fill:#fff}.g--popup-container.v1{background:#000}.g--popup-close.v1 polygon{fill:#fff}.light-theme :not(.dark-theme) .g--popup-container.v1{background:#fff}.light-theme :not(.dark-theme) .g--popup-close.v1 polygon{fill:#000}.light-theme :not(.dark-theme) .g--popup-container.v2{background:#fafafa}.light-theme :not(.dark-theme) .g--popup-close.v2 circle{fill:#efede9}.light-theme :not(.dark-theme) .g--popup-close.v2 path{fill:#000}@media (min-width:1024px){:root{--rpx:-webkit-calc(.07622vw - .09756px);--rpx:-moz-calc(.07622vw - .09756px);--rpx:calc(.07622vw - .09756px);--rpx:-webkit-calc(var(--vw,1vw)*100/1312 - .09756px);--rpx:-moz-calc(var(--vw,1vw)*100/1312 - .09756px);--rpx:calc(var(--vw, 1vw)*100/1312 - .09756px)}.g--popup .g--video-wrapper.v1{max-width:75vw;max-width:-webkit-calc(var(--vw,1vw)*75);max-width:-moz-calc(var(--vw,1vw)*75);max-width:calc(var(--vw, 1vw)*75)}.g--popup .g--video-wrapper.v2{width:60.65vw;width:-webkit-calc(var(--vw,1vw)*60.65);width:-moz-calc(var(--vw,1vw)*60.65);width:calc(var(--vw, 1vw)*60.65)}}@media (max-width:649px){:root{--rpx:-webkit-calc(.30488vw - .09756px);--rpx:-moz-calc(.30488vw - .09756px);--rpx:calc(.30488vw - .09756px);--rpx:-webkit-calc(var(--vw,1vw)*100/328 - .09756px);--rpx:-moz-calc(var(--vw,1vw)*100/328 - .09756px);--rpx:calc(var(--vw, 1vw)*100/328 - .09756px)}.g--popup .g--popup-container{padding:0}.g--popup .g--video-wrapper.v1{width:100vw;width:-webkit-calc(var(--vw,1vw)*100);width:-moz-calc(var(--vw,1vw)*100);width:calc(var(--vw, 1vw)*100)}.g--popup .g--video-wrapper.v2{max-width:42.1875vh;max-width:-webkit-calc(var(--vh,1vh)*42.1875);max-width:-moz-calc(var(--vh,1vh)*42.1875);max-width:calc(var(--vh, 1vh)*42.1875)}.g--popup .g--popup-close.v1{height:28px;right:16px;top:-48px;width:28px}.g--popup .g--popup-close.v2{right:-webkit-calc(var(--rpx,1px)*18);right:-moz-calc(var(--rpx,1px)*18);right:calc(var(--rpx, 1px)*18);top:-webkit-calc(var(--rpx,1px)*18);top:-moz-calc(var(--rpx,1px)*18);top:calc(var(--rpx, 1px)*18)}}@media (min-width:650px) and (max-width:1023px){:root{--rpx:-webkit-calc(.13889vw - .06667px);--rpx:-moz-calc(.13889vw - .06667px);--rpx:calc(.13889vw - .06667px);--rpx:-webkit-calc(var(--vw,1vw)*100/720 - .06667px);--rpx:-moz-calc(var(--vw,1vw)*100/720 - .06667px);--rpx:calc(var(--vw, 1vw)*100/720 - .06667px)}.g--popup .g--video-wrapper.v1{max-width:75vw;max-width:-webkit-calc(var(--vw,1vw)*75);max-width:-moz-calc(var(--vw,1vw)*75);max-width:calc(var(--vw, 1vw)*75)}.g--popup .g--video-wrapper.v2{width:70vw;width:-webkit-calc(var(--vw,1vw)*70);width:-moz-calc(var(--vw,1vw)*70);width:calc(var(--vw, 1vw)*70)}}#loader-fps{--point-color:transparent;--size:2px;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-ms-flex-line-pack:center;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-align-content:center;align-content:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;height:var(--size);-webkit-justify-content:center;justify-content:center;left:0;overflow:hidden;position:absolute;top:0;width:100vw;width:-webkit-calc(var(--vw,1vw)*100);width:-moz-calc(var(--vw,1vw)*100);width:calc(var(--vw, 1vw)*100);z-index:1000}#loader-fps .loader-element{border:var(--size) solid var(--point-color);-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;margin:calc(var(--size)*2)}#loader-fps .loader-element:first-child{-webkit-animation:preloader .6s ease-in-out infinite alternate;-moz-animation:preloader .6s ease-in-out infinite alternate;animation:preloader .6s ease-in-out infinite alternate}#loader-fps .loader-element:nth-child(2){-webkit-animation:preloader .6s ease-in-out .2s infinite alternate;-moz-animation:preloader .6s ease-in-out .2s infinite alternate;animation:preloader .6s ease-in-out .2s infinite alternate}#loader-fps .loader-element:nth-child(3){-webkit-animation:preloader .6s ease-in-out .4s infinite alternate;-moz-animation:preloader .6s ease-in-out .4s infinite alternate;animation:preloader .6s ease-in-out .4s infinite alternate}@-moz-keyframes preloader{to{-moz-transform:scale(2);transform:scale(2)}}@-webkit-keyframes preloader{to{-webkit-transform:scale(2);transform:scale(2)}}@keyframes preloader{to{-webkit-transform:scale(2);-moz-transform:scale(2);-o-transform:scale(2);transform:scale(2)}}[ani-autoplay-video],[ani-video-wrapper]{contain:paint;overflow:hidden;position:relative}[ani-autoplay-video] canvas,[ani-autoplay-video] img,[ani-autoplay-video] video,[ani-video-wrapper] canvas,[ani-video-wrapper] img,[ani-video-wrapper] video{height:100%;left:0;position:absolute;top:0;width:100%}[ani-autoplay-video] canvas,[ani-video-wrapper] canvas{-o-object-fit:initial;object-fit:fill}[ani-autoplay-video] img,[ani-autoplay-video] video,[ani-video-wrapper] img,[ani-video-wrapper] video{-o-object-fit:cover;object-fit:cover}.container{width:100%}.bg-\[var\(--nav-bg\)\]{background-color:var(--nav-bg)}.bg-\[\#2CFF73\]{--tw-bg-opacity:1;background-color:rgba(44,255,115,var(--tw-bg-opacity))}.bg-\[\#FEFDFD\]{--tw-bg-opacity:1;background-color:rgba(254,253,253,var(--tw-bg-opacity))}.bg-black{--tw-bg-opacity:1;background-color:rgba(0,0,0,var(--tw-bg-opacity))}.bg-\[\#EAEBEE\]{--tw-bg-opacity:1;background-color:rgba(234,235,238,var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.bg-\[\#EDEDED\]{--tw-bg-opacity:1;background-color:rgba(237,237,237,var(--tw-bg-opacity))}.bg-\[\#9E9A94\]{--tw-bg-opacity:1;background-color:rgba(158,154,148,var(--tw-bg-opacity))}.border-\[var\(--divider\)\]{border-color:var(--divider)}.rounded-36px{-webkit-border-radius:36px;-moz-border-radius:36px;border-radius:36px}.rounded-36rpx{-webkit-border-radius:-webkit-calc(var(--rpx,1px)*36);-moz-border-radius:-moz-calc(var(--rpx,1px)*36);border-radius:calc(var(--rpx, 1px)*36)}.rounded-10rpx{-webkit-border-radius:-webkit-calc(var(--rpx,1px)*10);-moz-border-radius:-moz-calc(var(--rpx,1px)*10);border-radius:calc(var(--rpx, 1px)*10)}.rounded-2px{-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.rounded-52px{-webkit-border-radius:52px;-moz-border-radius:52px;border-radius:52px}.border-solid{border-style:solid}.border-0{border-width:0}.border-1{border-width:1px}.border-b-1{border-bottom-width:1px}.box-border{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.cursor-pointer{cursor:pointer}.inline-block{display:inline-block}.flex{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-box;display:flex}.hidden{display:none}.flex-col{-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.items-center{-webkit-box-align:center;-ms-flex-align:center;-moz-box-align:center;-webkit-align-items:center;align-items:center}.justify-start{-webkit-box-pack:start;-ms-flex-pack:start;-moz-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}.justify-end{-webkit-box-pack:end;-ms-flex-pack:end;-moz-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.justify-center{-webkit-box-pack:center;-ms-flex-pack:center;-moz-box-pack:center;-webkit-justify-content:center;justify-content:center}.justify-between{-webkit-box-pack:justify;-ms-flex-pack:justify;-moz-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.flex-1{-webkit-box-flex:1;-moz-box-flex:1;-ms-flex:1 1 0%;-webkit-flex:1 1 0%;flex:1 1 0%}.flex-shrink-0{-ms-flex-negative:0;-webkit-flex-shrink:0;flex-shrink:0}.h-0{height:0}.h-full{height:100%}.h-50px{height:50px}.h-\[var\(--content-height\)\]{height:var(--content-height)}.h-517rpx{height:-webkit-calc(var(--rpx,1px)*517);height:-moz-calc(var(--rpx,1px)*517);height:calc(var(--rpx, 1px)*517)}.h-640rpx{height:-webkit-calc(var(--rpx,1px)*640);height:-moz-calc(var(--rpx,1px)*640);height:calc(var(--rpx, 1px)*640)}.h-80rpx{height:-webkit-calc(var(--rpx,1px)*80);height:-moz-calc(var(--rpx,1px)*80);height:calc(var(--rpx, 1px)*80)}.h-75rpx{height:-webkit-calc(var(--rpx,1px)*75);height:-moz-calc(var(--rpx,1px)*75);height:calc(var(--rpx, 1px)*75)}.h-520rpx{height:-webkit-calc(var(--rpx,1px)*520);height:-moz-calc(var(--rpx,1px)*520);height:calc(var(--rpx, 1px)*520)}.h-50rpx{height:-webkit-calc(var(--rpx,1px)*50);height:-moz-calc(var(--rpx,1px)*50);height:calc(var(--rpx, 1px)*50)}.h-328rpx{height:-webkit-calc(var(--rpx,1px)*328);height:-moz-calc(var(--rpx,1px)*328);height:calc(var(--rpx, 1px)*328)}.h-30rpx{height:-webkit-calc(var(--rpx,1px)*30);height:-moz-calc(var(--rpx,1px)*30);height:calc(var(--rpx, 1px)*30)}.h-612rpx{height:-webkit-calc(var(--rpx,1px)*612);height:-moz-calc(var(--rpx,1px)*612);height:calc(var(--rpx, 1px)*612)}.h-728rpx{height:-webkit-calc(var(--rpx,1px)*728);height:-moz-calc(var(--rpx,1px)*728);height:calc(var(--rpx, 1px)*728)}.h-682rpx{height:-webkit-calc(var(--rpx,1px)*682);height:-moz-calc(var(--rpx,1px)*682);height:calc(var(--rpx, 1px)*682)}.h-635rpx{height:-webkit-calc(var(--rpx,1px)*635);height:-moz-calc(var(--rpx,1px)*635);height:calc(var(--rpx, 1px)*635)}.h-361rpx{height:-webkit-calc(var(--rpx,1px)*361);height:-moz-calc(var(--rpx,1px)*361);height:calc(var(--rpx, 1px)*361)}.h-376rpx{height:-webkit-calc(var(--rpx,1px)*376);height:-moz-calc(var(--rpx,1px)*376);height:calc(var(--rpx, 1px)*376)}.h-384rpx{height:-webkit-calc(var(--rpx,1px)*384);height:-moz-calc(var(--rpx,1px)*384);height:calc(var(--rpx, 1px)*384)}.h-300rpx{height:-webkit-calc(var(--rpx,1px)*300);height:-moz-calc(var(--rpx,1px)*300);height:calc(var(--rpx, 1px)*300)}.h-351rpx{height:-webkit-calc(var(--rpx,1px)*351);height:-moz-calc(var(--rpx,1px)*351);height:calc(var(--rpx, 1px)*351)}.h-218rpx{height:-webkit-calc(var(--rpx,1px)*218);height:-moz-calc(var(--rpx,1px)*218);height:calc(var(--rpx, 1px)*218)}.h-2px{height:2px}.h-52px{height:52px}.h-40rpx{height:-webkit-calc(var(--rpx,1px)*40);height:-moz-calc(var(--rpx,1px)*40);height:calc(var(--rpx, 1px)*40)}.h-16rpx{height:-webkit-calc(var(--rpx,1px)*16);height:-moz-calc(var(--rpx,1px)*16);height:calc(var(--rpx, 1px)*16)}.text-14{font-size:14px;line-height:157%}.text-10{font-size:10px;line-height:120%}.text-12m{font-size:12px;line-height:160%}.text-18m{font-size:18px;line-height:120%}.text-24m{font-size:24px;line-height:120%}.text-12{font-size:12px;line-height:167%}.text-42{font-size:42px;line-height:120%}.text-16{font-size:16px;line-height:120%}.text-32{font-size:32px;line-height:125%}.text-13px{font-size:13px;line-height:1}.text-\[14px\]{font-size:14px;line-height:1}.leading-\[1\.428\]{line-height:1.428}.mx-auto{margin-right:auto}.ml-auto,.mx-auto{margin-left:auto}.mr-auto{margin-right:auto}.ml-8rpx{margin-left:calc(var(--rpx, 1px)*8)}.mt-8rpx{margin-top:calc(var(--rpx, 1px)*8)}.mt-20rpx{margin-top:calc(var(--rpx, 1px)*20)}.ml-12rpx{margin-left:calc(var(--rpx, 1px)*12)}.mt-30rpx{margin-top:calc(var(--rpx, 1px)*30)}.mt-12rpx{margin-top:calc(var(--rpx, 1px)*12)}.mt-42rpx{margin-top:calc(var(--rpx, 1px)*42)}.mt-120rpx{margin-top:calc(var(--rpx, 1px)*120)}.mt-100rpx{margin-top:calc(var(--rpx, 1px)*100)}.mt-162rpx{margin-top:calc(var(--rpx, 1px)*162)}.mt-10rpx{margin-top:calc(var(--rpx, 1px)*10)}.mt-60rpx{margin-top:calc(var(--rpx, 1px)*60)}.mt-24rpx{margin-top:calc(var(--rpx, 1px)*24)}.mt-6rpx{margin-top:calc(var(--rpx, 1px)*6)}.ml-22rpx{margin-left:calc(var(--rpx, 1px)*22)}.ml-16rpx{margin-left:calc(var(--rpx, 1px)*16)}.mt-16rpx{margin-top:calc(var(--rpx, 1px)*16)}.object-cover{-o-object-fit:cover;object-fit:cover}.opacity-10{opacity:.1}.opacity-20{opacity:.2}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.py-\[0\.7em\]{padding-bottom:.7em;padding-top:.7em}.px-\[2em\]{padding-left:2em;padding-right:2em}.py-\[0\.75em\]{padding-bottom:.75em;padding-top:.75em}.py-9px{padding-bottom:9px;padding-top:9px}.px-20px{padding-left:20px;padding-right:20px}.py-8px{padding-bottom:8px;padding-top:8px}.py-4px{padding-bottom:4px;padding-top:4px}.px-18px{padding-left:18px;padding-right:18px}.py-80rpx{padding-bottom:calc(var(--rpx, 1px)*80);padding-top:calc(var(--rpx, 1px)*80)}.py-120rpx{padding-bottom:calc(var(--rpx, 1px)*120);padding-top:calc(var(--rpx, 1px)*120)}.px-16rpx{padding-left:calc(var(--rpx, 1px)*16);padding-right:calc(var(--rpx, 1px)*16)}.pl-\[0\.6rem\]{padding-left:.6rem}.pr-\[0\.6rem\]{padding-right:.6rem}.pl-16rpx{padding-left:calc(var(--rpx, 1px)*16)}.pr-16rpx{padding-right:calc(var(--rpx, 1px)*16)}.absolute{position:absolute}.relative{position:relative}.sticky{position:-webkit-sticky;position:sticky}.top-0{top:0}.left-0{left:0}.bottom-0{bottom:0}.left-1\/2{left:50%}.top-1\/2{top:50%}.top-95rpx{top:-webkit-calc(var(--rpx,1px)*95);top:-moz-calc(var(--rpx,1px)*95);top:calc(var(--rpx, 1px)*95)}.-top-48px{top:-48px}.-top-10rpx{top:-webkit-calc(var(--rpx,1px)*-10);top:-moz-calc(var(--rpx,1px)*-10);top:calc(var(--rpx, 1px)*-10)}.text-center{text-align:center}.text-\[var\(--nav-text\)\]{color:var(--nav-text)}.text-black{--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.tracking-0\.28px{letter-spacing:.28px}.whitespace-nowrap{white-space:nowrap}.w-full{width:100%}.w-screen{width:100vw;width:-webkit-calc(var(--vw,1vw)*100);width:-moz-calc(var(--vw,1vw)*100);width:calc(var(--vw, 1vw)*100)}.w-80rpx{width:-webkit-calc(var(--rpx,1px)*80);width:-moz-calc(var(--rpx,1px)*80);width:calc(var(--rpx, 1px)*80)}.w-75rpx{width:-webkit-calc(var(--rpx,1px)*75);width:-moz-calc(var(--rpx,1px)*75);width:calc(var(--rpx, 1px)*75)}.w-50rpx{width:-webkit-calc(var(--rpx,1px)*50);width:-moz-calc(var(--rpx,1px)*50);width:calc(var(--rpx, 1px)*50)}.w-328rpx{width:-webkit-calc(var(--rpx,1px)*328);width:-moz-calc(var(--rpx,1px)*328);width:calc(var(--rpx, 1px)*328)}.w-30rpx{width:-webkit-calc(var(--rpx,1px)*30);width:-moz-calc(var(--rpx,1px)*30);width:calc(var(--rpx, 1px)*30)}.w-1184rpx{width:-webkit-calc(var(--rpx,1px)*1184);width:-moz-calc(var(--rpx,1px)*1184);width:calc(var(--rpx, 1px)*1184)}.w-512rpx{width:-webkit-calc(var(--rpx,1px)*512);width:-moz-calc(var(--rpx,1px)*512);width:calc(var(--rpx, 1px)*512)}.w-542rpx{width:-webkit-calc(var(--rpx,1px)*542);width:-moz-calc(var(--rpx,1px)*542);width:calc(var(--rpx, 1px)*542)}.w-225rpx{width:-webkit-calc(var(--rpx,1px)*225);width:-moz-calc(var(--rpx,1px)*225);width:calc(var(--rpx, 1px)*225)}.w-274rpx{width:-webkit-calc(var(--rpx,1px)*274);width:-moz-calc(var(--rpx,1px)*274);width:calc(var(--rpx, 1px)*274)}.w-142rpx{width:-webkit-calc(var(--rpx,1px)*142);width:-moz-calc(var(--rpx,1px)*142);width:calc(var(--rpx, 1px)*142)}.w-1312rpx{width:-webkit-calc(var(--rpx,1px)*1312);width:-moz-calc(var(--rpx,1px)*1312);width:calc(var(--rpx, 1px)*1312)}.w-700rpx{width:-webkit-calc(var(--rpx,1px)*700);width:-moz-calc(var(--rpx,1px)*700);width:calc(var(--rpx, 1px)*700)}.w-432rpx{width:-webkit-calc(var(--rpx,1px)*432);width:-moz-calc(var(--rpx,1px)*432);width:calc(var(--rpx, 1px)*432)}.w-40rpx{width:-webkit-calc(var(--rpx,1px)*40);width:-moz-calc(var(--rpx,1px)*40);width:calc(var(--rpx, 1px)*40)}.w-16rpx{width:-webkit-calc(var(--rpx,1px)*16);width:-moz-calc(var(--rpx,1px)*16);width:calc(var(--rpx, 1px)*16)}.z-900{z-index:900}.z-10{z-index:10}.z-20{z-index:20}.gap-8rpx{grid-gap:-webkit-calc(var(--rpx,1px)*8);grid-gap:-moz-calc(var(--rpx,1px)*8);grid-gap:calc(var(--rpx, 1px)*8);gap:-webkit-calc(var(--rpx,1px)*8);gap:-moz-calc(var(--rpx,1px)*8);gap:calc(var(--rpx, 1px)*8)}.transform{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate:0;--tw-rotate-x:0;--tw-rotate-y:0;--tw-rotate-z:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;-webkit-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));-ms-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));-moz-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));transform:translate(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z))}.origin-left{-webkit-transform-origin:left;-ms-transform-origin:left;-moz-transform-origin:left;-o-transform-origin:left;transform-origin:left}.scale-x-0{--tw-scale-x:0}.-rotate-90{--tw-rotate:-90deg}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-y-1\/2{--tw-translate-y:-50%}.full{height:100%;width:100%}.abs-x-center{left:50%;position:absolute;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translate(-50%)}@media (min-width:650px) and (max-width:1023px){.pad\:h-69\.5vh{height:69.5vh;height:-webkit-calc(var(--vh,1vh)*69.5);height:-moz-calc(var(--vh,1vh)*69.5);height:calc(var(--vh, 1vh)*69.5)}.pad\:h-400rpx{height:-webkit-calc(var(--rpx,1px)*400);height:-moz-calc(var(--rpx,1px)*400);height:calc(var(--rpx, 1px)*400)}.pad\:h-285rpx{height:-webkit-calc(var(--rpx,1px)*285);height:-moz-calc(var(--rpx,1px)*285);height:calc(var(--rpx, 1px)*285)}.pad\:h-280rpx{height:-webkit-calc(var(--rpx,1px)*280);height:-moz-calc(var(--rpx,1px)*280);height:calc(var(--rpx, 1px)*280)}.pad\:h-364rpx{height:-webkit-calc(var(--rpx,1px)*364);height:-moz-calc(var(--rpx,1px)*364);height:calc(var(--rpx, 1px)*364)}.pad\:h-389rpx{height:-webkit-calc(var(--rpx,1px)*389);height:-moz-calc(var(--rpx,1px)*389);height:calc(var(--rpx, 1px)*389)}.pad\:h-365rpx{height:-webkit-calc(var(--rpx,1px)*365);height:-moz-calc(var(--rpx,1px)*365);height:calc(var(--rpx, 1px)*365)}.pad\:h-339rpx{height:-webkit-calc(var(--rpx,1px)*339);height:-moz-calc(var(--rpx,1px)*339);height:calc(var(--rpx, 1px)*339)}.pad\:h-192rpx{height:-webkit-calc(var(--rpx,1px)*192);height:-moz-calc(var(--rpx,1px)*192);height:calc(var(--rpx, 1px)*192)}.pad\:h-368rpx{height:-webkit-calc(var(--rpx,1px)*368);height:-moz-calc(var(--rpx,1px)*368);height:calc(var(--rpx, 1px)*368)}.pad\:text-24m{font-size:24px;line-height:120%}.\!pad\:leading-\[114\%\]{line-height:114%!important}.pad\:ml-60rpx{margin-left:calc(var(--rpx, 1px)*60)}.pad\:mt-24rpx{margin-top:calc(var(--rpx, 1px)*24)}.pad\:mt-6rpx{margin-top:calc(var(--rpx, 1px)*6)}.pad\:mt-22rpx{margin-top:calc(var(--rpx, 1px)*22)}.pad\:mt-62rpx{margin-top:calc(var(--rpx, 1px)*62)}.pad\:mt-48rpx{margin-top:calc(var(--rpx, 1px)*48)}.pad\:mt-86rpx{margin-top:calc(var(--rpx, 1px)*86)}.pad\:px-20rpx{padding-left:calc(var(--rpx, 1px)*20);padding-right:calc(var(--rpx, 1px)*20)}.pad\:py-8rpx{padding-bottom:calc(var(--rpx, 1px)*8);padding-top:calc(var(--rpx, 1px)*8)}.pad\:py-9rpx{padding-bottom:calc(var(--rpx, 1px)*9);padding-top:calc(var(--rpx, 1px)*9)}.pad\:py-64rpx{padding-bottom:calc(var(--rpx, 1px)*64);padding-top:calc(var(--rpx, 1px)*64)}.pad\:right-24rpx{right:-webkit-calc(var(--rpx,1px)*24);right:-moz-calc(var(--rpx,1px)*24);right:calc(var(--rpx, 1px)*24)}.pad\:top-69rpx{top:-webkit-calc(var(--rpx,1px)*69);top:-moz-calc(var(--rpx,1px)*69);top:calc(var(--rpx, 1px)*69)}.pad\:w-285rpx{width:-webkit-calc(var(--rpx,1px)*285);width:-moz-calc(var(--rpx,1px)*285);width:calc(var(--rpx, 1px)*285)}.pad\:w-245px{width:245px}.pad\:w-720rpx{width:-webkit-calc(var(--rpx,1px)*720);width:-moz-calc(var(--rpx,1px)*720);width:calc(var(--rpx, 1px)*720)}.pad\:w-632rpx{width:-webkit-calc(var(--rpx,1px)*632);width:-moz-calc(var(--rpx,1px)*632);width:calc(var(--rpx, 1px)*632)}.pad\:w-274rpx{width:-webkit-calc(var(--rpx,1px)*274);width:-moz-calc(var(--rpx,1px)*274);width:calc(var(--rpx, 1px)*274)}.pad\:w-290rpx{width:-webkit-calc(var(--rpx,1px)*290);width:-moz-calc(var(--rpx,1px)*290);width:calc(var(--rpx, 1px)*290)}.pad\:gap-4rpx{grid-gap:-webkit-calc(var(--rpx,1px)*4);grid-gap:-moz-calc(var(--rpx,1px)*4);grid-gap:calc(var(--rpx, 1px)*4);gap:-webkit-calc(var(--rpx,1px)*4);gap:-moz-calc(var(--rpx,1px)*4);gap:calc(var(--rpx, 1px)*4)}}@media (min-width:1024px){.pc\:cursor-pointer{cursor:pointer}.pc\:h-80vh{height:80vh;height:-webkit-calc(var(--vh,1vh)*80);height:-moz-calc(var(--vh,1vh)*80);height:calc(var(--vh, 1vh)*80)}.pc\:h-520rpx{height:-webkit-calc(var(--rpx,1px)*520);height:-moz-calc(var(--rpx,1px)*520);height:calc(var(--rpx, 1px)*520)}.pc\:h-368rpx{height:-webkit-calc(var(--rpx,1px)*368);height:-moz-calc(var(--rpx,1px)*368);height:calc(var(--rpx, 1px)*368)}.pc\:ml-120rpx{margin-left:calc(var(--rpx, 1px)*120)}.pc\:w-520rpx{width:-webkit-calc(var(--rpx,1px)*520);width:-moz-calc(var(--rpx,1px)*520);width:calc(var(--rpx, 1px)*520)}.pc\:w-417rpx{width:-webkit-calc(var(--rpx,1px)*417);width:-moz-calc(var(--rpx,1px)*417);width:calc(var(--rpx, 1px)*417)}.pc\:w-1312rpx{width:-webkit-calc(var(--rpx,1px)*1312);width:-moz-calc(var(--rpx,1px)*1312);width:calc(var(--rpx, 1px)*1312)}}@media (max-width:649px){.mo\:bg-\[\#F5F4F0\]{--tw-bg-opacity:1;background-color:rgba(245,244,240,var(--tw-bg-opacity))}.mo\:flex-col{-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.mo\:items-start{-webkit-box-align:start;-ms-flex-align:start;-moz-box-align:start;-webkit-align-items:flex-start;align-items:flex-start}.mo\:justify-start{-webkit-box-pack:start;-ms-flex-pack:start;-moz-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}.mo\:h-50px{height:50px}.mo\:h-\[72\%\]{height:72%}.mo\:h-328rpx{height:-webkit-calc(var(--rpx,1px)*328);height:-moz-calc(var(--rpx,1px)*328);height:calc(var(--rpx, 1px)*328)}.mo\:h-40rpx{height:-webkit-calc(var(--rpx,1px)*40);height:-moz-calc(var(--rpx,1px)*40);height:calc(var(--rpx, 1px)*40)}.mo\:h-224rpx{height:-webkit-calc(var(--rpx,1px)*224);height:-moz-calc(var(--rpx,1px)*224);height:calc(var(--rpx, 1px)*224)}.mo\:h-281rpx{height:-webkit-calc(var(--rpx,1px)*281);height:-moz-calc(var(--rpx,1px)*281);height:calc(var(--rpx, 1px)*281)}.mo\:h-332rpx{height:-webkit-calc(var(--rpx,1px)*332);height:-moz-calc(var(--rpx,1px)*332);height:calc(var(--rpx, 1px)*332)}.mo\:h-294rpx{height:-webkit-calc(var(--rpx,1px)*294);height:-moz-calc(var(--rpx,1px)*294);height:calc(var(--rpx, 1px)*294)}.mo\:text-14m{font-size:14px;line-height:157%}.mo\:text-24m{font-size:24px;line-height:120%}.mo\:text-14px{font-size:14px;line-height:1}.mo\:leading-\[1\.428\]{line-height:1.428}.mo\:mt-40rpx{margin-top:calc(var(--rpx, 1px)*40)}.mo\:mt-42rpx{margin-top:calc(var(--rpx, 1px)*42)}.mo\:mt-24rpx{margin-top:calc(var(--rpx, 1px)*24)}.mo\:mt-10rpx{margin-top:calc(var(--rpx, 1px)*10)}.mo\:min-h-600rpx{min-height:-webkit-calc(var(--rpx,1px)*600);min-height:-moz-calc(var(--rpx,1px)*600);min-height:calc(var(--rpx, 1px)*600)}.mo\:py-6px{padding-bottom:6px;padding-top:6px}.mo\:px-15px{padding-left:15px;padding-right:15px}.mo\:py-7px{padding-bottom:7px;padding-top:7px}.mo\:py-80rpx{padding-bottom:calc(var(--rpx, 1px)*80);padding-top:calc(var(--rpx, 1px)*80)}.mo\:px-16rpx{padding-left:calc(var(--rpx, 1px)*16);padding-right:calc(var(--rpx, 1px)*16)}.mo\:pl-20px{padding-left:20px}.mo\:pr-20px{padding-right:20px}.mo\:top-42rpx{top:-webkit-calc(var(--rpx,1px)*42);top:-moz-calc(var(--rpx,1px)*42);top:calc(var(--rpx, 1px)*42)}.mo\:w-full{width:100%}.mo\:w-328rpx{width:-webkit-calc(var(--rpx,1px)*328);width:-moz-calc(var(--rpx,1px)*328);width:calc(var(--rpx, 1px)*328)}.mo\:w-295px{width:295px}.mo\:w-40rpx{width:-webkit-calc(var(--rpx,1px)*40);width:-moz-calc(var(--rpx,1px)*40);width:calc(var(--rpx, 1px)*40)}.mo\:w-219rpx{width:-webkit-calc(var(--rpx,1px)*219);width:-moz-calc(var(--rpx,1px)*219);width:calc(var(--rpx, 1px)*219)}.mo\:w-280px{width:280px}}@media (min-width:1024px){.pct\:cursor-pointer{cursor:pointer}.pct\:text-48{font-size:48px;line-height:120%}.pct\:text-16{font-size:16px;line-height:120%}.pct\:text-20{font-size:20px;line-height:120%}.pct\:text-42{font-size:42px;line-height:120%}.pct\:text-16px{font-size:16px;line-height:1}.pct\:text-14px{font-size:14px;line-height:1}.pct\:mt-16rpx{margin-top:calc(var(--rpx, 1px)*16)}.pct\:mt-10rpx{margin-top:calc(var(--rpx, 1px)*10)}.pct\:mt-20rpx{margin-top:calc(var(--rpx, 1px)*20)}.pct\:py-14px{padding-bottom:14px;padding-top:14px}.pct\:px-28px{padding-left:28px;padding-right:28px}}@media (max-width:1023px){.mot\:text-32m{font-size:32px;line-height:120%}.mot\:text-16m{font-size:16px;line-height:120%}.mot\:text-12m{font-size:12px;line-height:160%}.mot\:text-24m{font-size:24px;line-height:120%}.mot\:text-14m{font-size:14px;line-height:157%}.mot\:text-14px{font-size:14px;line-height:1}.mot\:text-12px{font-size:12px;line-height:1}.mot\:mt-12rpx{margin-top:calc(var(--rpx, 1px)*12)}.mot\:mt-6rpx{margin-top:calc(var(--rpx, 1px)*6)}.mot\:py-6px{padding-bottom:6px;padding-top:6px}.mot\:px-18px{padding-left:18px;padding-right:18px}.mot\:py-5px{padding-bottom:5px;padding-top:5px}.mot\:py-9px{padding-bottom:9px;padding-top:9px}.mot\:px-20px{padding-left:20px;padding-right:20px}}.zn--replacement-tool{--p-6:#4c3fb3;--p-5:#6a5ecc;--p-4:#968dda;--k-2:#e5e5e5;--k-3:#a9a9b5;--white:#fff;--border-radius:12ex}.zn--wrapper[mode=EDITING] .zn-text-inner:hover{background:#4c3fb3;color:#fff}.zn--wrapper .zn-text-inner{font-size:inherit;line-height:inherit}.zn--wrapper [contenteditable=true]{caret-color:#4c3fb3;outline:none}.zn--wrapper .kv-bg{background:-webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#ddd));background:-webkit-linear-gradient(top,#fdfdfd,#ddd);background:-moz-linear-gradient(top,#fdfdfd 0,#ddd 100%);background:-o-linear-gradient(top,#fdfdfd 0,#ddd 100%);background:linear-gradient(180deg,#fdfdfd,#ddd)}.zn--replacement-tool-wrapper .zn--replacement-tool .Toastify__toast{margin:0 auto 10px;width:140ex;width:-webkit-calc(var(--rpx,1px)*320);width:-moz-calc(var(--rpx,1px)*320);width:calc(var(--rpx, 1px)*320)}.zn--replacement-tool-wrapper .zn--replacement-tool .Toastify__toast-container{bottom:0;left:-webkit-calc(50vw - 20px)!important;left:-moz-calc(50vw - 20px)!important;left:calc(50vw - 20px)!important;left:-webkit-calc(var(--vw,1vw)*50 - 20px)!important;left:-moz-calc(var(--vw,1vw)*50 - 20px)!important;left:calc(var(--vw, 1vw)*50 - 20px)!important;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translate(-50%)}.zn--wrapper{font-size:16px}.zn--wrapper img:not(.loaded):not([src^="https://via.placeholder.com/"]),.zn--wrapper img:not([src]):not([src^="https://via.placeholder.com/"]),.zn--wrapper img[src=""]:not([src^="https://via.placeholder.com/"]){opacity:0}.zn--wrapper img[src^="https://via.placeholder.com/"]{opacity:.5}.zn--wrapper *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.zn--wrapper a{text-decoration:none}.zn--wrapper img{display:block;max-width:none}.zn--wrapper canvas img{display:none}.zn--wrapper video{display:block;max-width:none}.zn--wrapper div[data-ll-status],.zn--wrapper figure[data-ll-status]{background-repeat:no-repeat;-moz-background-size:cover;background-size:cover}.zn--wrapper br{font-family:Open Sans,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Roboto,Arial,PingFang SC,Hiragino Sans GB,Microsoft Yahei,Microsoft Jhenghei,"sans-serif"}.zn--wrapper h1{clip:rect(1px,1px,1px,1px);border:none;-webkit-clip-path:inset(0 0 99.9%);clip-path:inset(0 0 99.9%);height:1px;margin:0;overflow:hidden;padding:0;position:absolute;width:1px}#section-kv.kv-v1{opacity:0;-webkit-transform:translateY(-webkit-calc(var(--rpx,1px)*30));-moz-transform:translateY(-moz-calc(var(--rpx,1px)*30));-ms-transform:translateY(calc(var(--rpx, 1px)*30));-o-transform:translateY(calc(var(--rpx, 1px)*30));transform:translateY(calc(var(--rpx, 1px)*30))}#section-kv.kv-v1.show{opacity:1;-webkit-transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);-o-transform:translate(0);transform:translate(0);-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s}.video-1 .g--video-wrapper.v2{max-width:100%}.live-iframe iframe{opacity:0;-webkit-transition:opacity .3s;-o-transition:opacity .3s;-moz-transition:opacity .3s;transition:opacity .3s}.live-iframe .v-loading .circular{-webkit-animation:loading-rotate 2s linear infinite;-moz-animation:loading-rotate 2s linear infinite;animation:loading-rotate 2s linear infinite;display:inline;height:100%;width:100%}.live-iframe .v-loading .path{stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke:#fff;stroke-linecap:round;-webkit-animation:loading-dash 1.5s ease-in-out infinite;-moz-animation:loading-dash 1.5s ease-in-out infinite;animation:loading-dash 1.5s ease-in-out infinite}.live-iframe.active iframe{opacity:1}.live-iframe.active .v-loading{display:none}@-moz-keyframes loading-rotate{to{-moz-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes loading-rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loading-rotate{to{-webkit-transform:rotate(1turn);-moz-transform:rotate(1turn);-o-transform:rotate(1turn);transform:rotate(1turn)}}@-moz-keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}to{stroke-dasharray:90,150;stroke-dashoffset:-120px}}@-webkit-keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}to{stroke-dasharray:90,150;stroke-dashoffset:-120px}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}to{stroke-dasharray:90,150;stroke-dashoffset:-120px}}#zn-navbar{display:none;z-index:99}#zn-navbar.show{display:block;position:fixed;top:var(--nav-height)}#section-email .email-wrap{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center}#section-email .email-wrap .desc{margin-top:calc(var(--rpx, 1px)*12);text-align:center;width:432px}#section-email .email-wrap .form{--el-color-primary:#fff;margin-top:calc(var(--rpx, 1px)*24);width:-webkit-calc(var(--rpx,1px)*432);width:-moz-calc(var(--rpx,1px)*432);width:calc(var(--rpx, 1px)*432)}#section-email .email-wrap .input-wrap{border:1px solid #efede9;-webkit-border-radius:52px;-moz-border-radius:52px;border-radius:52px;height:52px;overflow:hidden;width:100%}#section-email .email-wrap .input-wrap .input{border:none;height:100%;padding:0 calc(var(--rpx, 1px)*22);width:100%}#section-email .email-wrap .send{background-color:#ebebeb;border:none;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;height:-webkit-calc(var(--rpx,1px)*40);height:-moz-calc(var(--rpx,1px)*40);height:calc(var(--rpx, 1px)*40);padding:0;position:absolute;right:6px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);width:-webkit-calc(var(--rpx,1px)*40);width:-moz-calc(var(--rpx,1px)*40);width:calc(var(--rpx, 1px)*40);z-index:1}#section-email .email-wrap .send.active{background:#2c2c2c}#section-email .email-wrap .send.active path{fill:#fff;fill-opacity:1}#section-email .email-wrap .send .icon{height:-webkit-calc(var(--rpx,1px)*18);height:-moz-calc(var(--rpx,1px)*18);height:calc(var(--rpx, 1px)*18);width:-webkit-calc(var(--rpx,1px)*18);width:-moz-calc(var(--rpx,1px)*18);width:calc(var(--rpx, 1px)*18)}#section-email .email-wrap .protocal{color:#0000008c;font-size:12px;line-height:1.6;margin-left:6px}#section-email .email-wrap .protocal a{color:inherit;text-decoration:underline;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-underline-offset:3px}#section-other .game .left .camera,#section-other .game .left .light,#section-other .game .left .phone,#section-other .game .left .slogan{-webkit-animation-direction:alternate;-moz-animation-direction:alternate;animation-direction:alternate;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:float;-moz-animation-name:float;animation-name:float;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear;animation-timing-function:linear;height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%;z-index:1}#section-other .game .left .light{-webkit-animation-duration:3s;-moz-animation-duration:3s;animation-duration:3s;z-index:0}#section-other .game .left .camera{-webkit-animation-duration:4s;-moz-animation-duration:4s;animation-duration:4s;z-index:3}#section-other .game .left .phone{-webkit-animation-duration:2s;-moz-animation-duration:2s;animation-duration:2s;-o-object-position:top;object-position:top;z-index:1}#section-other .game .left .slogan{-webkit-animation-duration:5s;-moz-animation-duration:5s;animation-duration:5s;-o-object-position:bottom;object-position:bottom;z-index:2}@-moz-keyframes float{0%{-moz-transform:translateY(0);transform:translateY(0)}to{-moz-transform:translateY(10%);transform:translateY(10%)}}@-webkit-keyframes float{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(10%);transform:translateY(10%)}}@keyframes float{0%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(10%);-moz-transform:translateY(10%);-o-transform:translateY(10%);transform:translateY(10%)}}#section-other .video-cards .video-wrap{-webkit-clip-path:inset(1px);clip-path:inset(1px)}#section-other .video-cards .card{-ms-flex-negative:0;-ms-flex-preferred-size:18.5%;-webkit-flex-basis:18.5%;flex-basis:18.5%;-webkit-flex-shrink:0;flex-shrink:0;position:relative;-webkit-transition:all 1s ease;-o-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease}#section-other .video-cards .card .play{cursor:pointer;visibility:hidden;z-index:3}#section-other .video-cards .card .mask{display:none;height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%;z-index:1}#section-other .video-cards .card[data-video-disabled] .mask{display:block}#section-other .video-cards .card img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}#section-other .video-cards .card .text{background-color:#efede9;-webkit-border-radius:-webkit-calc(var(--rpx,1px)*4);-moz-border-radius:-moz-calc(var(--rpx,1px)*4);border-radius:calc(var(--rpx, 1px)*4);bottom:-webkit-calc(var(--rpx,1px)*8);bottom:-moz-calc(var(--rpx,1px)*8);bottom:calc(var(--rpx, 1px)*8);left:-webkit-calc(var(--rpx,1px)*8);left:-moz-calc(var(--rpx,1px)*8);left:calc(var(--rpx, 1px)*8);opacity:0;padding:calc(var(--rpx, 1px)*12) calc(var(--rpx, 1px)*16);position:absolute;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;-moz-transition:opacity .3s ease;transition:opacity .3s ease;z-index:2}#section-other .video-cards .card.active{-ms-flex-preferred-size:63%;-webkit-flex-basis:63%;flex-basis:63%}#section-other .video-cards .card.active .text{opacity:1}#section-other .video-cards .card.active.played .play{display:block;visibility:visible}#section-other .video-cards [ani-video-mo] .mask{display:none;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}#section-other .video-cards [ani-video-mo][data-video-disabled] .mask{display:block}#section-other-zn .video-cards .poster-tmp,#section-other-zn .video-cards .video-wrap{-webkit-clip-path:inset(1px);clip-path:inset(1px)}#section-other-zn .video-cards .card{-ms-flex-negative:0;-ms-flex-preferred-size:18.5%;-webkit-flex-basis:18.5%;flex-basis:18.5%;-webkit-flex-shrink:0;flex-shrink:0;position:relative;-webkit-transition:all 1s ease;-o-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease}#section-other-zn .video-cards .card .play{cursor:pointer;visibility:hidden;z-index:3}#section-other-zn .video-cards .card .mask{display:none;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}#section-other-zn .video-cards .card[data-video-disabled] .mask{display:block}#section-other-zn .video-cards .card img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}#section-other-zn .video-cards .card .text{background-color:#efede9;-webkit-border-radius:-webkit-calc(var(--rpx,1px)*4);-moz-border-radius:-moz-calc(var(--rpx,1px)*4);border-radius:calc(var(--rpx, 1px)*4);bottom:-webkit-calc(var(--rpx,1px)*8);bottom:-moz-calc(var(--rpx,1px)*8);bottom:calc(var(--rpx, 1px)*8);left:-webkit-calc(var(--rpx,1px)*8);left:-moz-calc(var(--rpx,1px)*8);left:calc(var(--rpx, 1px)*8);opacity:0;padding:calc(var(--rpx, 1px)*12) calc(var(--rpx, 1px)*16);position:absolute;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;-moz-transition:opacity .3s ease;transition:opacity .3s ease;z-index:2}#section-other-zn .video-cards .card.active{-ms-flex-preferred-size:63%;-webkit-flex-basis:63%;flex-basis:63%}#section-other-zn .video-cards .card.active .text{opacity:1}#section-other-zn .video-cards .card.active.played .play{display:block;visibility:visible}#section-other-zn .video-cards [ani-video-mo] .mask{display:none;height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%;z-index:1}#section-other-zn .video-cards [ani-video-mo][data-video-disabled] .mask{display:block}body.no-scroll{overflow-y:hidden}body.zn--body-fixed{position:fixed}#webpack-dev-server-client-overlay{display:none}@media (min-width:1024px){:root{--rpx:-webkit-calc(.07622vw - .09756px);--rpx:-moz-calc(.07622vw - .09756px);--rpx:calc(.07622vw - .09756px);--rpx:-webkit-calc(var(--vw,1vw)*100/1312 - .09756px);--rpx:-moz-calc(var(--vw,1vw)*100/1312 - .09756px);--rpx:calc(var(--vw, 1vw)*100/1312 - .09756px)}.zn--wrapper .mo-only,.zn--wrapper .pad-only,.zn--wrapper .pc-hidden{display:none}}@media (max-width:649px){:root{--rpx:-webkit-calc(.30488vw - .09756px);--rpx:-moz-calc(.30488vw - .09756px);--rpx:calc(.30488vw - .09756px);--rpx:-webkit-calc(var(--vw,1vw)*100/328 - .09756px);--rpx:-moz-calc(var(--vw,1vw)*100/328 - .09756px);--rpx:calc(var(--vw, 1vw)*100/328 - .09756px)}.zn--wrapper .mo-hidden,.zn--wrapper .pad-only,.zn--wrapper .pc-only{display:none}#zn-navbar.show{top:-webkit-calc(var(--nav-height) - 2px);top:-moz-calc(var(--nav-height) - 2px);top:calc(var(--nav-height) - 2px)}#section-email .email-wrap{-webkit-box-align:start;-moz-box-align:start;-ms-flex-align:start;-webkit-align-items:start;align-items:start}#section-email .email-wrap .title{font-size:24px;width:100%}#section-email .email-wrap .desc{text-align:left;width:100%}#section-email .email-wrap .form{width:100%}#section-email .email-wrap .send{height:-webkit-calc(var(--rpx,1px)*38);height:-moz-calc(var(--rpx,1px)*38);height:calc(var(--rpx, 1px)*38);width:-webkit-calc(var(--rpx,1px)*38);width:-moz-calc(var(--rpx,1px)*38);width:calc(var(--rpx, 1px)*38)}}@media (min-width:650px) and (max-width:1023px){:root{--rpx:-webkit-calc(.13889vw - .06667px);--rpx:-moz-calc(.13889vw - .06667px);--rpx:calc(.13889vw - .06667px);--rpx:-webkit-calc(var(--vw,1vw)*100/720 - .06667px);--rpx:-moz-calc(var(--vw,1vw)*100/720 - .06667px);--rpx:calc(var(--vw, 1vw)*100/720 - .06667px)}.zn--wrapper .mo-only,.zn--wrapper .pad-hidden,.zn--wrapper .pc-only{display:none}#zn-navbar.show{top:-webkit-calc(var(--nav-height) - 2px);top:-moz-calc(var(--nav-height) - 2px);top:calc(var(--nav-height) - 2px)}#section-other .video-cards .card .text,#section-other-zn .video-cards .card .text{bottom:-webkit-calc(var(--rpx,1px)*4);bottom:-moz-calc(var(--rpx,1px)*4);bottom:calc(var(--rpx, 1px)*4);left:-webkit-calc(var(--rpx,1px)*4);left:-moz-calc(var(--rpx,1px)*4);left:calc(var(--rpx, 1px)*4);padding:calc(var(--rpx, 1px)*8) calc(var(--rpx, 1px)*12)}}@media (orientation:portrait) and (max-width:1023px){#oc-header.fixed{visibility:hidden}.zn--wrapper .pc-only,.pc-only{display:none}}@media (max-width:1150px) and (min-width:1024px){.zn--wrapper [text-42]{font-size:42px}}@media (max-width:1200px) and (min-width:1024px){.zn--wrapper [text-32]{font-size:32px}}@media (max-width:680px) and (min-width:650px){.zn--wrapper [text-22]{font-size:22px}}@media (max-width:1279px) and (min-width:1024px){#section-content .s-size{font-size:32px!important}}@media (max-width:700px) and (min-width:649px){#section-content .s-size{font-size:22px!important}}@media (min-width:1024px) and (max-width:1200px){#section-other .video-cards .card .text,#section-other-zn .video-cards .card .text{max-width:122px}}@media (min-width:1920px){#section-kv [kv-d]{margin-top:48vh;margin-top:calc(var(--vh, 1vh)*48)}}@media (min-width:650px) and (max-width:1023px) and (min-height:600px){#section-kv [kv-d]{margin-top:42vh;margin-top:calc(var(--vh, 1vh)*42)}}@font-face{font-display:swap;font-family:OPPOSans-Ver2-Bold;font-style:normal;font-variation-settings:"wght" 700;src:url(https://www.oppo.com/content/dam/statics/fonts/en/OPPOSans3.0En-Bold.woff2) format("woff2"),url(https://www.oppo.com/content/dam/statics/fonts/en/OPPOSans3.0En-Bold.woff) format("woff"),url(https://www.oppo.com/content/dam/statics/fonts/en/OPPOSansWOPPOSans3.0En-Boldeb2.ttf) format("truetype"),url(https://www.oppo.com/content/dam/statics/fonts/en/OPPOSans3.0En-Bold.eot) format("embedded-opentype")}@font-face{font-display:swap;font-family:OPPOSans-Ver2-Medium;font-style:normal;font-variation-settings:"wght" 500;src:url(https://www.oppo.com/content/dam/statics/fonts/en/OPPOSans3.0En-Medium.woff2) format("woff2"),url(https://www.oppo.com/content/dam/statics/fonts/en/OPPOSans3.0En-Medium.woff) format("woff"),url(https://www.oppo.com/content/dam/statics/fonts/en/OPPOSans3.0En-Medium.ttf) format("truetype"),url(https://www.oppo.com/content/dam/statics/fonts/en/OPPOSans3.0En-Medium.eot) format("embedded-opentype")}@font-face{font-display:swap;font-family:OPPOSans-Ver2-Regular;font-style:normal;font-variation-settings:"wght" 400;src:url(https://www.oppo.com/content/dam/statics/fonts/en/OPPOSans3.0En-Regular.woff2) format("woff2"),url(https://www.oppo.com/content/dam/statics/fonts/en/OPPOSans3.0En-Regular.woff) format("woff"),url(https://www.oppo.com/content/dam/statics/fonts/en/OPPOSans3.0En-Regular.ttf) format("truetype"),url(https://www.oppo.com/content/dam/statics/fonts/en/OPPOSans3.0En-Regular.eot) format("embedded-opentype")}.zn--wrapper{font-family:OPPOSans-Ver2-Regular,OPPOSans-Regular,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif}.zn--wrapper .font-b{font-family:OPPOSans-Ver2-Bold,OPPOSans-Bold,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400}.zn--wrapper .font-m{font-family:OPPOSans-Ver2-Medium,OPPOSans-Medium,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif}.zn--wrapper .font-l,.zn--wrapper .font-r{font-family:OPPOSans-Ver2-Regular,OPPOSans-Regular,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif}html{overflow:unset!important}*,:after,:before{-webkit-box-sizing:initial;-moz-box-sizing:initial;box-sizing:initial}#oc-wrapper{overflow:visible}#footer{overflow-x:hidden}#oc-wrapper{-webkit-transition:none;-o-transition:none;-moz-transition:none;transition:none}#oc-wrapper .header-v2 .header-main-pc .header-right .search{-webkit-backdrop-filter:none;backdrop-filter:none}#oc-header{-webkit-transition:none;-o-transition:none;-moz-transition:none;transition:none}#contact-pop .contact-pop_icon,#goback-top,#nps .icon{-webkit-backdrop-filter:none;backdrop-filter:none}@media (min-width:1024px){:root{--rpx:-webkit-calc(.07622vw - .09756px);--rpx:-moz-calc(.07622vw - .09756px);--rpx:calc(.07622vw - .09756px);--rpx:-webkit-calc(var(--vw,1vw)*100/1312 - .09756px);--rpx:-moz-calc(var(--vw,1vw)*100/1312 - .09756px);--rpx:calc(var(--vw, 1vw)*100/1312 - .09756px)}.fade-in-pc{opacity:0;-webkit-transform:translateY(-webkit-calc(var(--rpx,1px)*80));-moz-transform:translateY(-moz-calc(var(--rpx,1px)*80));-ms-transform:translateY(calc(var(--rpx, 1px)*80));-o-transform:translateY(calc(var(--rpx, 1px)*80));transform:translateY(calc(var(--rpx, 1px)*80));-webkit-transition:opacity .6s,-webkit-transform .6s;transition:opacity .6s,-webkit-transform .6s;-o-transition:opacity .6s,-o-transform .6s;-moz-transition:transform .6s,opacity .6s,-moz-transform .6s;transition:transform .6s,opacity .6s;transition:transform .6s,opacity .6s,-webkit-transform .6s,-moz-transform .6s,-o-transform .6s}.fade-in-pc[data-slight]{-webkit-transform:translateY(-webkit-calc(var(--rpx,1px)*50));-moz-transform:translateY(-moz-calc(var(--rpx,1px)*50));-ms-transform:translateY(calc(var(--rpx, 1px)*50));-o-transform:translateY(calc(var(--rpx, 1px)*50));transform:translateY(calc(var(--rpx, 1px)*50))}.fade-in-pc[data-slow]{-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,-webkit-transform 1s;-o-transition:opacity 1s,-o-transform 1s;-moz-transition:transform 1s,opacity 1s,-moz-transform 1s;transition:transform 1s,opacity 1s;transition:transform 1s,opacity 1s,-webkit-transform 1s,-moz-transform 1s,-o-transform 1s}.fade-in-pc.show,.fade-in-pc[data-slight].show{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}.fade-in{opacity:0;-webkit-transform:translateY(-webkit-calc(var(--rpx,1px)*80));-moz-transform:translateY(-moz-calc(var(--rpx,1px)*80));-ms-transform:translateY(calc(var(--rpx, 1px)*80));-o-transform:translateY(calc(var(--rpx, 1px)*80));transform:translateY(calc(var(--rpx, 1px)*80));-webkit-transition:opacity .6s,-webkit-transform .6s;transition:opacity .6s,-webkit-transform .6s;-o-transition:opacity .6s,-o-transform .6s;-moz-transition:transform .6s,opacity .6s,-moz-transform .6s;transition:transform .6s,opacity .6s;transition:transform .6s,opacity .6s,-webkit-transform .6s,-moz-transform .6s,-o-transform .6s}.fade-in[data-slight]{-webkit-transform:translateY(-webkit-calc(var(--rpx,1px)*50));-moz-transform:translateY(-moz-calc(var(--rpx,1px)*50));-ms-transform:translateY(calc(var(--rpx, 1px)*50));-o-transform:translateY(calc(var(--rpx, 1px)*50));transform:translateY(calc(var(--rpx, 1px)*50))}.fade-in[data-slow]{-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,-webkit-transform 1s;-o-transition:opacity 1s,-o-transform 1s;-moz-transition:transform 1s,opacity 1s,-moz-transform 1s;transition:transform 1s,opacity 1s;transition:transform 1s,opacity 1s,-webkit-transform 1s,-moz-transform 1s,-o-transform 1s}.fade-in.show,.fade-in[data-slight].show{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}@media (max-width:649px){:root{--rpx:-webkit-calc(.30488vw - .09756px);--rpx:-moz-calc(.30488vw - .09756px);--rpx:calc(.30488vw - .09756px);--rpx:-webkit-calc(var(--vw,1vw)*100/328 - .09756px);--rpx:-moz-calc(var(--vw,1vw)*100/328 - .09756px);--rpx:calc(var(--vw, 1vw)*100/328 - .09756px)}.fade-in-mo{opacity:0;-webkit-transform:translateY(50ex);-moz-transform:translateY(50ex);-ms-transform:translateY(50ex);-o-transform:translateY(50ex);transform:translateY(50ex);-webkit-transition:opacity .6s,-webkit-transform .6s;transition:opacity .6s,-webkit-transform .6s;-o-transition:opacity .6s,-o-transform .6s;-moz-transition:transform .6s,opacity .6s,-moz-transform .6s;transition:transform .6s,opacity .6s;transition:transform .6s,opacity .6s,-webkit-transform .6s,-moz-transform .6s,-o-transform .6s}.fade-in-mo[data-slight]{-webkit-transform:translateY(30ex);-moz-transform:translateY(30ex);-ms-transform:translateY(30ex);-o-transform:translateY(30ex);transform:translateY(30ex)}.fade-in-mo[data-slow]{-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,-webkit-transform 1s;-o-transition:opacity 1s,-o-transform 1s;-moz-transition:transform 1s,opacity 1s,-moz-transform 1s;transition:transform 1s,opacity 1s;transition:transform 1s,opacity 1s,-webkit-transform 1s,-moz-transform 1s,-o-transform 1s}.fade-in-mo.show,.fade-in-mo[data-slight].show{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}.fade-in{opacity:0;-webkit-transform:translateY(50ex);-moz-transform:translateY(50ex);-ms-transform:translateY(50ex);-o-transform:translateY(50ex);transform:translateY(50ex);-webkit-transition:opacity .6s,-webkit-transform .6s;transition:opacity .6s,-webkit-transform .6s;-o-transition:opacity .6s,-o-transform .6s;-moz-transition:transform .6s,opacity .6s,-moz-transform .6s;transition:transform .6s,opacity .6s;transition:transform .6s,opacity .6s,-webkit-transform .6s,-moz-transform .6s,-o-transform .6s}.fade-in[data-slight]{-webkit-transform:translateY(30ex);-moz-transform:translateY(30ex);-ms-transform:translateY(30ex);-o-transform:translateY(30ex);transform:translateY(30ex)}.fade-in[data-slow]{-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,-webkit-transform 1s;-o-transition:opacity 1s,-o-transform 1s;-moz-transition:transform 1s,opacity 1s,-moz-transform 1s;transition:transform 1s,opacity 1s;transition:transform 1s,opacity 1s,-webkit-transform 1s,-moz-transform 1s,-o-transform 1s}.fade-in.show,.fade-in[data-slight].show{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}@media (min-width:650px) and (max-width:1023px){:root{--rpx:-webkit-calc(.13889vw - .06667px);--rpx:-moz-calc(.13889vw - .06667px);--rpx:calc(.13889vw - .06667px);--rpx:-webkit-calc(var(--vw,1vw)*100/720 - .06667px);--rpx:-moz-calc(var(--vw,1vw)*100/720 - .06667px);--rpx:calc(var(--vw, 1vw)*100/720 - .06667px)}}@media (orientation:portrait) and (max-width:1023px) and (min-width:721px){#oc-header{overflow:hidden}}@media (orientation:portrait) and (max-width:1023px){#oc-header.fixed{visibility:hidden}}@media (min-width:1440px){:root{--rpx:1px}}