.g--popup{height:100vh;height:calc(var(--vh, 1vh)*100);left:0;position:fixed;top:0;transform:translateY(120vh);transform:translateY(calc(var(--vh, 1vh)*120));width:100%;z-index:9999}.g--popup.show{transform:translateY(0)}.g--popup.disappear,.g--popup.show{transition:transform .5s}.g--popup .g--popup-container{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.g--popup .g--popup-container:after{content:"";height:30%;position:absolute;top:99%;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:100%;max-height:75vh;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,.g--popup-container.v2:after{background:#201f1c}.g--popup-close.v2 polygon{fill:#fff}.g--popup-container.v1,.g--popup-container.v1:after{background:#000}.g--popup-close.v1 polygon{fill:#fff}.min-size .g--video-wrapper{width:200px}.light-theme :not(.dark-theme) .g--popup-container.v1,.light-theme :not(.dark-theme) .g--popup-container.v1:after{background:#fff}.light-theme :not(.dark-theme) .g--popup-close.v1 polygon{fill:#000}.light-theme :not(.dark-theme) .g--popup-container.v2,.light-theme :not(.dark-theme) .g--popup-container.v2:after{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){.mo-only,.pad-only,.pc-hidden{display:none}:root{--rpx:calc(.07622vw - .09756px);--rpx:calc(var(--vw, 1vw)*100/1312 - .09756px)}.g--popup .g--video-wrapper.v1{max-width:75vw;max-width:calc(var(--vw, 1vw)*75)}.g--popup .g--video-wrapper.v2{width:60.65vw;width:calc(var(--vw, 1vw)*60.65)}}@media (max-width:649px){.mo-hidden,.pad-only,.pc-only{display:none}:root{--rpx:calc(.30488vw - .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:calc(var(--vw, 1vw)*100)}.g--popup .g--video-wrapper.v2{max-width:80.67vw;max-width:calc(var(--vw, 1vw)*80.67)}.g--popup .g--popup-close.v1{height:28px;right:16px;top:-48px;width:28px}.g--popup .g--popup-close.v2{right:calc(50% - 16px);top:calc(var(--window-height) - 118px)}}@media (min-width:650px) and (max-width:1023px){.mo-only,.pad-hidden,.pc-only{display:none}:root{--rpx:calc(.13889vw - .06667px);--rpx:calc(var(--vw, 1vw)*100/720 - .06667px)}.g--popup .g--video-wrapper.v1{max-width:75vw;max-width:calc(var(--vw, 1vw)*75)}.g--popup .g--video-wrapper.v2{width:70vw;width:calc(var(--vw, 1vw)*70)}}.container{width:100%}.bg-black{--tw-bg-opacity:1;background-color:rgba(0,0,0,var(--tw-bg-opacity))}.bg-\[\#2CFF73\]{--tw-bg-opacity:1;background-color:rgba(44,255,115,var(--tw-bg-opacity))}.bg-\[\#000\]{--tw-bg-opacity:1;background-color:rgba(0,0,0,var(--tw-bg-opacity))}.bg-\[\#212121\]{--tw-bg-opacity:1;background-color:rgba(33,33,33,var(--tw-bg-opacity))}.bg-\[\#fff\]{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.bg-\[\#404040\]{--tw-bg-opacity:1;background-color:rgba(64,64,64,var(--tw-bg-opacity))}.bg-\[\#080707\]{--tw-bg-opacity:1;background-color:rgba(8,7,7,var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.bg-\[\#201f1c\]{--tw-bg-opacity:1;background-color:rgba(32,31,28,var(--tw-bg-opacity))}.bg-\[\#918f8c\]{--tw-bg-opacity:1;background-color:rgba(145,143,140,var(--tw-bg-opacity))}.rounded-full{border-radius:9999px}.rounded-51px{border-radius:51px}.rounded-8rpx{border-radius:calc(var(--rpx, 1px)*8)}.rounded-36rpx{border-radius:calc(var(--rpx, 1px)*36)}.rounded-28rpx{border-radius:calc(var(--rpx, 1px)*28)}.cursor-pointer{cursor:pointer}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-nowrap{flex-wrap:nowrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-shrink-0{flex-shrink:0}.font-68{font-weight:68}.font-48{font-weight:48}.font-20{font-weight:20}.font-18{font-weight:18}.font-24{font-weight:24}.font-32{font-weight:32}.font-16{font-weight:16}.font-500{font-weight:500}.h-full{height:100%}.h-2px{height:2px}.h-\[calc\(100vh\+520rpx\)\]{height:calc(100vh + var(--rpx, 1px)*520);height:calc(var(--vh, 1vh)*100 + var(--rpx, 1px)*520)}.h-\[var\(--content-height\)\]{height:var(--content-height)}.h-200rpx{height:calc(var(--rpx, 1px)*200)}.h-\[118\%\]{height:118%}.h-510rpx{height:calc(var(--rpx, 1px)*510)}.h-160rpx{height:calc(var(--rpx, 1px)*160)}.h-318rpx{height:calc(var(--rpx, 1px)*318)}.h-481rpx{height:calc(var(--rpx, 1px)*481)}.h-110rpx{height:calc(var(--rpx, 1px)*110)}.h-387rpx{height:calc(var(--rpx, 1px)*387)}.h-46rpx{height:calc(var(--rpx, 1px)*46)}.h-530rpx{height:calc(var(--rpx, 1px)*530)}.h-94rpx{height:calc(var(--rpx, 1px)*94)}.h-2rpx{height:calc(var(--rpx, 1px)*2)}.h-60rpx{height:calc(var(--rpx, 1px)*60)}.h-64rpx{height:calc(var(--rpx, 1px)*64)}.h-24px{height:24px}.h-42rpx{height:calc(var(--rpx, 1px)*42)}.h-1px{height:1px}.text-16px{font-size:16px;line-height:1}.text-30px{font-size:30px;line-height:1}.text-14rpx{font-size:calc(var(--rpx, 1px)*14);line-height:1}.text-14px{font-size:14px;line-height:1}.text-12rpx{font-size:calc(var(--rpx, 1px)*12);line-height:1}.leading-\[120\%\]{line-height:120%}.leading-38px{line-height:38px}.leading-22rpx{line-height:calc(var(--rpx, 1px)*22)}.leading-24px{line-height:24px}.leading-22px{line-height:22px}.leading-20rpx{line-height:calc(var(--rpx, 1px)*20)}.leading-20px{line-height:20px}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.mt-24rpx{margin-top:calc(var(--rpx, 1px)*24)}.mt-10rpx{margin-top:calc(var(--rpx, 1px)*10)}.-mt-2px{margin-top:-2px}.ml-20px{margin-left:20px}.mt-6rpx{margin-top:calc(var(--rpx, 1px)*6)}.ml-4rpx{margin-left:calc(var(--rpx, 1px)*4)}.mt-4rpx{margin-top:calc(var(--rpx, 1px)*4)}.mr-4rpx{margin-right:calc(var(--rpx, 1px)*4)}.mt-48rpx{margin-top:calc(var(--rpx, 1px)*48)}.mt-42rpx{margin-top:calc(var(--rpx, 1px)*42)}.mt-8rpx{margin-top:calc(var(--rpx, 1px)*8)}.mt-80rpx{margin-top:calc(var(--rpx, 1px)*80)}.mt-58rpx{margin-top:calc(var(--rpx, 1px)*58)}.mb-44rpx{margin-bottom:calc(var(--rpx, 1px)*44)}.mt-64rpx{margin-top:calc(var(--rpx, 1px)*64)}.mb-24rpx{margin-bottom:calc(var(--rpx, 1px)*24)}.object-cover{-o-object-fit:cover;object-fit:cover}.opacity-0{opacity:0}.opacity-70{opacity:.7}.opacity-100{opacity:1}.hover\:opacity-80:hover{opacity:.8}.opacity-50{opacity:.5}.active\:opacity-100:active{opacity:1}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.py-16rpx{padding-bottom:calc(var(--rpx, 1px)*16);padding-top:calc(var(--rpx, 1px)*16)}.px-12rpx{padding-left:calc(var(--rpx, 1px)*12);padding-right:calc(var(--rpx, 1px)*12)}.py-18rpx{padding-bottom:calc(var(--rpx, 1px)*18);padding-top:calc(var(--rpx, 1px)*18)}.py-40rpx{padding-bottom:calc(var(--rpx, 1px)*40);padding-top:calc(var(--rpx, 1px)*40)}.px-20rpx{padding-left:calc(var(--rpx, 1px)*20);padding-right:calc(var(--rpx, 1px)*20)}.py-9rpx{padding-bottom:calc(var(--rpx, 1px)*9);padding-top:calc(var(--rpx, 1px)*9)}.py-48rpx{padding-bottom:calc(var(--rpx, 1px)*48);padding-top:calc(var(--rpx, 1px)*48)}.py-12rpx{padding-bottom:calc(var(--rpx, 1px)*12);padding-top:calc(var(--rpx, 1px)*12)}.px-24rpx{padding-left:calc(var(--rpx, 1px)*24);padding-right:calc(var(--rpx, 1px)*24)}.py-7rpx{padding-bottom:calc(var(--rpx, 1px)*7);padding-top:calc(var(--rpx, 1px)*7)}.px-16rpx{padding-left:calc(var(--rpx, 1px)*16);padding-right:calc(var(--rpx, 1px)*16)}.py-6rpx{padding-bottom:calc(var(--rpx, 1px)*6);padding-top:calc(var(--rpx, 1px)*6)}.px-14rpx{padding-left:calc(var(--rpx, 1px)*14);padding-right:calc(var(--rpx, 1px)*14)}.pl-32rpx{padding-left:calc(var(--rpx, 1px)*32)}.pb-80rpx{padding-bottom:calc(var(--rpx, 1px)*80)}.pt-160rpx{padding-top:calc(var(--rpx, 1px)*160)}.pb-24rpx{padding-bottom:calc(var(--rpx, 1px)*24)}.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.left-0{left:0}.bottom-0{bottom:0}.top-\[calc\(520rpx\+var\(--nav-height\)\)\]{top:calc(var(--rpx, 1px)*520 + var(--nav-height))}.top-\[var\(--nav-height\)\]{top:var(--nav-height)}.top-0{top:0}.left-1\/2{left:50%}.top-79rpx{top:calc(var(--rpx, 1px)*79)}.top-1\/2{top:50%}.top-\[calc\(0px-var\(--nav-height\)\)\]{top:calc(0px - var(--nav-height))}.bottom-140rpx{bottom:calc(var(--rpx, 1px)*140)}.left-\[50\%\]{left:50%}.top-\[50\%\]{top:50%}.bottom-18rpx{bottom:calc(var(--rpx, 1px)*18)}.right-18rpx{right:calc(var(--rpx, 1px)*18)}.bottom-10rpx{bottom:calc(var(--rpx, 1px)*10)}.right-10rpx{right:calc(var(--rpx, 1px)*10)}.top-\[calc\(50\%-21px\)\]{top:calc(50% - 21px)}.left-\[calc\(50\%-21px\)\]{left:calc(50% - 21px)}.left-\[-20rpx\]{left:calc(var(--rpx, 1px)*-20)}.bottom-\[-20rpx\]{bottom:calc(var(--rpx, 1px)*-20)}.left-\[-100\%\]{left:-100%}.text-center{text-align:center}.text-\[\#fff\]{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.text-\[\#000\]{--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))}.content-box{content:"box"}.tracking-\[0\.5px\]{letter-spacing:.5px}.w-full{width:100%}.w-screen{width:100vw;width:calc(var(--vw, 1vw)*100)}.w-129px{width:129px}.w-100vw{width:100vw;width:calc(var(--vw, 1vw)*100)}.w-162rpx{width:calc(var(--rpx, 1px)*162)}.w-1312rpx{width:calc(var(--rpx, 1px)*1312)}.w-160rpx{width:calc(var(--rpx, 1px)*160)}.w-432rpx{width:calc(var(--rpx, 1px)*432)}.w-46rpx{width:calc(var(--rpx, 1px)*46)}.w-94rpx{width:calc(var(--rpx, 1px)*94)}.w-316rpx{width:calc(var(--rpx, 1px)*316)}.w-73rpx{width:calc(var(--rpx, 1px)*73)}.w-60rpx{width:calc(var(--rpx, 1px)*60)}.w-64rpx{width:calc(var(--rpx, 1px)*64)}.w-24px{width:24px}.w-42rpx{width:calc(var(--rpx, 1px)*42)}.w-\[calc\(100\%\+40rpx\)\]{width:calc(100% + var(--rpx, 1px)*40)}.z-0{z-index:0}.z-1{z-index:1}.z-5{z-index:5}.z-3{z-index:3}.z-4{z-index:4}.z-2{z-index:2}.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;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))}.rotate-180{--tw-rotate:180deg}.translate-x-\[-50\%\]{--tw-translate-x:-50%}.translate-y-\[-50\%\]{--tw-translate-y:-50%}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-y-1\/2{--tw-translate-y:-50%}.full{height:100%;width:100%}@media (min-width:650px) and (max-width:1023px){.pad\:flex{display:flex}.pad\:hidden{display:none}.pad\:items-center{align-items:center}.pad\:justify-between{justify-content:space-between}.pad\:h-54\.69vw{height:54.69vw;height:calc(var(--vw, 1vw)*54.69)}.pad\:h-32px{height:32px}.pad\:h-252rpx{height:calc(var(--rpx, 1px)*252)}.pad\:h-251rpx{height:calc(var(--rpx, 1px)*251)}.pad\:h-260rpx{height:calc(var(--rpx, 1px)*260)}.pad\:h-256rpx{height:calc(var(--rpx, 1px)*256)}.pad\:h-265rpx{height:calc(var(--rpx, 1px)*265)}.pad\:h-280rpx{height:calc(var(--rpx, 1px)*280)}.pad\:h-40px{height:40px}.pad\:h-300rpx{height:calc(var(--rpx, 1px)*300)}.pad\:h-40rpx{height:calc(var(--rpx, 1px)*40)}.pad\:h-32rpx{height:calc(var(--rpx, 1px)*32)}.pad\:h-332rpx{height:calc(var(--rpx, 1px)*332)}.pad\:h-20rpx{height:calc(var(--rpx, 1px)*20)}.\!pad\:text-48px{font-size:48px!important;line-height:1!important}.pad\:text-30px{font-size:30px;line-height:1}.pad\:text-14px{font-size:14px;line-height:1}.pad\:leading-38px{line-height:38px}.pad\:leading-\[120\%\]{line-height:120%}.pad\:ml-8rpx{margin-left:calc(var(--rpx, 1px)*8)}.pad\:mt-112rpx{margin-top:calc(var(--rpx, 1px)*112)}.pad\:mt-32rpx{margin-top:calc(var(--rpx, 1px)*32)}.pad\:mt-60rpx{margin-top:calc(var(--rpx, 1px)*60)}.pad\:mt-42rpx{margin-top:calc(var(--rpx, 1px)*42)}.pad\:mt-81rpx{margin-top:calc(var(--rpx, 1px)*81)}.pad\:px-\[calc\(50vw-360rpx\)\]{padding-left:calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*360);padding-right:calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*360)}.pad\:py-20rpx{padding-bottom:calc(var(--rpx, 1px)*20);padding-top:calc(var(--rpx, 1px)*20)}.pad\:py-64rpx{padding-bottom:calc(var(--rpx, 1px)*64);padding-top:calc(var(--rpx, 1px)*64)}.pad\:py-80rpx{padding-bottom:calc(var(--rpx, 1px)*80);padding-top:calc(var(--rpx, 1px)*80)}.pad\:py-12rpx{padding-bottom:calc(var(--rpx, 1px)*12);padding-top:calc(var(--rpx, 1px)*12)}.pad\:px-20rpx{padding-left:calc(var(--rpx, 1px)*20);padding-right:calc(var(--rpx, 1px)*20)}.pad\:pb-20rpx{padding-bottom:calc(var(--rpx, 1px)*20)}.pad\:pb-60rpx{padding-bottom:calc(var(--rpx, 1px)*60)}.pad\:pt-80rpx{padding-top:calc(var(--rpx, 1px)*80)}.pad\:pt-20rpx{padding-top:calc(var(--rpx, 1px)*20)}.pad\:pb-254rpx{padding-bottom:calc(var(--rpx, 1px)*254)}.pad\:pl-16rpx{padding-left:calc(var(--rpx, 1px)*16)}.pad\:pb-50rpx{padding-bottom:calc(var(--rpx, 1px)*50)}.pad\:absolute{position:absolute}.pad\:top-15\.89vw{top:15.89vw;top:calc(var(--vw, 1vw)*15.89)}.pad\:top-\[calc\(var\(--half-content-height\)-280rpx\)\]{top:calc(var(--half-content-height) - var(--rpx, 1px)*280)}.pad\:top-\[calc\(280rpx-var\(--half-content-height\)\)\]{top:calc(var(--rpx, 1px)*280 - var(--half-content-height))}.pad\:bottom-0{bottom:0}.pad\:left-0{left:0}.pad\:bottom-20rpx{bottom:calc(var(--rpx, 1px)*20)}.pad\:left-16rpx{left:calc(var(--rpx, 1px)*16)}.pad\:bottom-170rpx{bottom:calc(var(--rpx, 1px)*170)}.pad\:bottom-\[-12rpx\]{bottom:calc(var(--rpx, 1px)*-12)}.pad\:-tracking-\[0\.18px\]{letter-spacing:-.18px}.pad\:w-720rpx{width:calc(var(--rpx, 1px)*720)}.pad\:w-32px{width:32px}.pad\:w-230rpx{width:calc(var(--rpx, 1px)*230)}.pad\:w-356rpx{width:calc(var(--rpx, 1px)*356)}.pad\:w-\[calc\(69px\+40rpx\)\]{width:calc(69px + var(--rpx, 1px)*40)}.pad\:w-\[calc\(78px\+40rpx\)\]{width:calc(78px + var(--rpx, 1px)*40)}.pad\:w-40px{width:40px}.pad\:w-40rpx{width:calc(var(--rpx, 1px)*40)}.pad\:w-556rpx{width:calc(var(--rpx, 1px)*556)}.pad\:w-180rpx{width:calc(var(--rpx, 1px)*180)}.pad\:w-42rpx{width:calc(var(--rpx, 1px)*42)}.pad\:w-\[calc\(100\%-17rpx\)\]{width:calc(100% - var(--rpx, 1px)*17)}.pad\:w-32rpx{width:calc(var(--rpx, 1px)*32)}.pad\:w-348rpx{width:calc(var(--rpx, 1px)*348)}.pad\:w-20rpx{width:calc(var(--rpx, 1px)*20)}}@media (min-width:1024px){.pc\:cursor-pointer{cursor:pointer}.pc\:flex{display:flex}.pc\:hidden{display:none}.pc\:flex-col{flex-direction:column}.pc\:justify-between{justify-content:space-between}.pc\:font-500{font-weight:500}.pc\:h-full{height:100%}.pc\:h-51\.94vw{height:51.94vw;height:calc(var(--vw, 1vw)*51.94)}.pc\:h-48px{height:48px}.pc\:h-520rpx{height:calc(var(--rpx, 1px)*520)}.pc\:text-24px{font-size:24px;line-height:1}.pc\:text-48px{font-size:48px;line-height:1}.pc\:text-18px{font-size:18px;line-height:1}.pc\:text-48rpx{font-size:calc(var(--rpx, 1px)*48);line-height:1}.pc\:text-18rpx{font-size:calc(var(--rpx, 1px)*18);line-height:1}.pc\:text-16rpx{font-size:calc(var(--rpx, 1px)*16);line-height:1}.pc\:leading-\[32px\]{line-height:32px}.\!pc\:leading-\[57\.6px\]{line-height:57.6px!important}.pc\:leading-\[150\%\]{line-height:150%}.pc\:leading-\[26px\]{line-height:26px}.pc\:leading-60rpx{line-height:calc(var(--rpx, 1px)*60)}.pc\:leading-26rpx{line-height:calc(var(--rpx, 1px)*26)}.pc\:leading-26px{line-height:26px}.pc\:leading-24rpx{line-height:calc(var(--rpx, 1px)*24)}.pc\:mt-20rpx{margin-top:calc(var(--rpx, 1px)*20)}.pc\:mb-48rpx{margin-bottom:calc(var(--rpx, 1px)*48)}.pc\:mt-318rpx{margin-top:calc(var(--rpx, 1px)*318)}.pc\:ml-10rpx{margin-left:calc(var(--rpx, 1px)*10)}.pc\:mt-312rpx{margin-top:calc(var(--rpx, 1px)*312)}.pc\:mt-80rpx{margin-top:calc(var(--rpx, 1px)*80)}.pc\:mb-40rpx{margin-bottom:calc(var(--rpx, 1px)*40)}.pc\:mt-42rpx{margin-top:calc(var(--rpx, 1px)*42)}.pc\:ml-12px{margin-left:12px}.pc\:max-w-1312px{max-width:1312px}.pc\:min-h-460px{min-height:460px}.pc\:object-cover{-o-object-fit:cover;object-fit:cover}.pc\:py-140rpx{padding-bottom:calc(var(--rpx, 1px)*140);padding-top:calc(var(--rpx, 1px)*140)}.pc\:px-\[calc\(50vw-656rpx\)\]{padding-left:calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*656);padding-right:calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*656)}.pc\:px-32rpx{padding-left:calc(var(--rpx, 1px)*32);padding-right:calc(var(--rpx, 1px)*32)}.pc\:py-24rpx{padding-bottom:calc(var(--rpx, 1px)*24);padding-top:calc(var(--rpx, 1px)*24)}.pc\:py-14rpx{padding-bottom:calc(var(--rpx, 1px)*14);padding-top:calc(var(--rpx, 1px)*14)}.pc\:px-28rpx{padding-left:calc(var(--rpx, 1px)*28);padding-right:calc(var(--rpx, 1px)*28)}.pc\:py-80rpx{padding-bottom:calc(var(--rpx, 1px)*80);padding-top:calc(var(--rpx, 1px)*80)}.pc\:py-20rpx{padding-bottom:calc(var(--rpx, 1px)*20);padding-top:calc(var(--rpx, 1px)*20)}.pc\:px-20rpx{padding-left:calc(var(--rpx, 1px)*20);padding-right:calc(var(--rpx, 1px)*20)}.pc\:pt-32rpx{padding-top:calc(var(--rpx, 1px)*32)}.pc\:pt-80rpx{padding-top:calc(var(--rpx, 1px)*80)}.pc\:pb-140rpx{padding-bottom:calc(var(--rpx, 1px)*140)}.pc\:pr-3rpx{padding-right:calc(var(--rpx, 1px)*3)}.pc\:top-\[calc\(7\.292vw\+100rpx\)\]{top:calc(7.292vw + var(--rpx, 1px)*100);top:calc(var(--vw, 1vw)*7.292 + var(--rpx, 1px)*100)}.pc\:top-0{top:0}.pc\:left-1\/2{left:50%}.pc\:-top-\[100px\]{top:-100px}.pc\:bottom-100px{bottom:100px}.pc\:bottom-40rpx{bottom:calc(var(--rpx, 1px)*40)}.pc\:left-32rpx{left:calc(var(--rpx, 1px)*32)}.\!pc\:tracking-\[0\.5px\]{letter-spacing:.5px!important}.pc\:tracking-\[0\.24px\]{letter-spacing:.24px}.pc\:tracking-\[0\.36px\]{letter-spacing:.36px}.pc\:tracking-0\.5px{letter-spacing:.5px}.pc\:w-full{width:100%}.pc\:w-731rpx{width:calc(var(--rpx, 1px)*731)}.pc\:w-1312rpx{width:calc(var(--rpx, 1px)*1312)}.pc\:w-48px{width:48px}.pc\:w-430rpx{width:calc(var(--rpx, 1px)*430)}.pc\:w-360rpx{width:calc(var(--rpx, 1px)*360)}.pc\:w-651rpx{width:calc(var(--rpx, 1px)*651)}.pc\:w-\[calc\(79px\+56rpx\)\]{width:calc(79px + var(--rpx, 1px)*56)}.pc\:w-\[calc\(88px\+56rpx\)\]{width:calc(88px + var(--rpx, 1px)*56)}.pc\:w-807rpx{width:calc(var(--rpx, 1px)*807)}.pc\:w-\[calc\(100\%-108rpx\)\]{width:calc(100% - var(--rpx, 1px)*108)}.pc\:w-656rpx{width:calc(var(--rpx, 1px)*656)}.pc\:w-612rpx{width:calc(var(--rpx, 1px)*612)}.pc\: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;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))}.pc\:-translate-x-1\/2{--tw-translate-x:-50%}}@media (max-width:649px){.mo\:hidden{display:none}.mo\:flex-col{flex-direction:column}.mo\:h-122\.78vw{height:122.78vw;height:calc(var(--vw, 1vw)*122.78)}.mo\:h-460rpx{height:calc(var(--rpx, 1px)*460)}.mo\:h-137rpx{height:calc(var(--rpx, 1px)*137)}.mo\:h-180rpx{height:calc(var(--rpx, 1px)*180)}.mo\:h-40rpx{height:calc(var(--rpx, 1px)*40)}.mo\:h-207rpx{height:calc(var(--rpx, 1px)*207)}.mo\:h-2px{height:2px}.mo\:text-14px{font-size:14px;line-height:1}.\!mo\:leading-\[22px\]{line-height:22px!important}.mo\:leading-20px{line-height:20px}.mo\:mx-auto{margin-left:auto;margin-right:auto}.mo\:my-42rpx{margin-bottom:calc(var(--rpx, 1px)*42);margin-top:calc(var(--rpx, 1px)*42)}.mo\:mt-26rpx{margin-top:calc(var(--rpx, 1px)*26)}.mo\:mt-8rpx{margin-top:calc(var(--rpx, 1px)*8)}.mo\:mt-100rpx{margin-top:calc(var(--rpx, 1px)*100)}.mo\:mt-12rpx{margin-top:calc(var(--rpx, 1px)*12)}.mo\:mt-99rpx{margin-top:calc(var(--rpx, 1px)*99)}.mo\:mt-42rpx{margin-top:calc(var(--rpx, 1px)*42)}.mo\:mt-36rpx{margin-top:calc(var(--rpx, 1px)*36)}.mo\:mt-52rpx{margin-top:calc(var(--rpx, 1px)*52)}.mo\:mt-18rpx{margin-top:calc(var(--rpx, 1px)*18)}.mo\:p-20rpx{padding:calc(var(--rpx, 1px)*20)}.mo\:py-18rpx{padding-bottom:calc(var(--rpx, 1px)*18);padding-top:calc(var(--rpx, 1px)*18)}.mo\:px-16rpx{padding-left:calc(var(--rpx, 1px)*16);padding-right:calc(var(--rpx, 1px)*16)}.mo\:py-20rpx{padding-bottom:calc(var(--rpx, 1px)*20);padding-top:calc(var(--rpx, 1px)*20)}.mo\:px-20rpx{padding-left:calc(var(--rpx, 1px)*20);padding-right:calc(var(--rpx, 1px)*20)}.mo\:pt-80rpx{padding-top:calc(var(--rpx, 1px)*80)}.mo\:pb-60rpx{padding-bottom:calc(var(--rpx, 1px)*60)}.mo\:pb-42rpx{padding-bottom:calc(var(--rpx, 1px)*42)}.mo\:pl-16rpx{padding-left:calc(var(--rpx, 1px)*16)}.mo\:pb-80rpx{padding-bottom:calc(var(--rpx, 1px)*80)}.mo\:pt-42rpx{padding-top:calc(var(--rpx, 1px)*42)}.mo\:absolute{position:absolute}.mo\:relative{position:relative}.mo\:top-139rpx{top:calc(var(--rpx, 1px)*139)}.mo\:-top-\[60px\]{top:-60px}.mo\:bottom-60px{bottom:60px}.mo\:-top-79rpx{top:calc(var(--rpx, 1px)*-79)}.mo\:bottom-0{bottom:0}.mo\:left-0{left:0}.mo\:bottom-125rpx{bottom:calc(var(--rpx, 1px)*125)}.mo\:left-\[-21rpx\]{left:calc(var(--rpx, 1px)*-21)}.mo\:bottom-1rpx{bottom:calc(var(--rpx, 1px)*1)}.mo\:text-center{text-align:center}.\!mo\:tracking-\[0\.28px\]{letter-spacing:.28px!important}.\!mo\:tracking-\[0\.5px\]{letter-spacing:.5px!important}.\!mo\:tracking-\[1\.5px\]{letter-spacing:1.5px!important}.mo\:tracking-\[-0\.3px\]{letter-spacing:-.3px}.mo\:w-full{width:100%}.mo\:w-328rpx{width:calc(var(--rpx, 1px)*328)}.mo\:w-\[calc\(67px\+40rpx\)\]{width:calc(67px + var(--rpx, 1px)*40)}.mo\:w-\[calc\(76px\+40rpx\)\]{width:calc(76px + var(--rpx, 1px)*40)}.mo\:w-40rpx{width:calc(var(--rpx, 1px)*40)}.mo\:w-132rpx{width:calc(var(--rpx, 1px)*132)}.mo\:w-30rpx{width:calc(var(--rpx, 1px)*30)}.mo\:w-330rpx{width:calc(var(--rpx, 1px)*330)}}@media (max-width:1023px){.mot\:text-16px{font-size:16px;line-height:1}.mot\:text-18px{font-size:18px;line-height:1}.mot\:text-20px{font-size:20px;line-height:1}.mot\:leading-\[150\%\]{line-height:150%}.mot\:leading-\[26px\]{line-height:26px}.mot\:leading-\[140\%\]{line-height:140%}.mot\:mb-24rpx{margin-bottom:calc(var(--rpx, 1px)*24)}}.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 *{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;background-size:cover}.zn--wrapper br{font-family:Open Sans,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Roboto,Arial,PingFang SC,Hiragino Sans GB,Microsoft Yahei,Microsoft Jhenghei,"sans-serif"}.zn--wrapper h1{clip:rect(1px,1px,1px,1px);border:none;-webkit-clip-path:inset(0 0 99.9%);clip-path:inset(0 0 99.9%);height:1px;margin:0;overflow:hidden;padding:0;position:absolute;width:1px}.zn--replacement-tool{--p-6:#4c3fb3;--p-5:#6a5ecc;--p-4:#968dda;--k-2:#e5e5e5;--k-3:#a9a9b5;--white:#fff;--border-radius:12ex}.zn--wrapper[mode=EDITING] .zn-text-inner:hover{background:#4c3fb3;color:#fff}.zn--wrapper .zn-text-inner{font-size:inherit;line-height:inherit}.zn--wrapper [contenteditable=true]{caret-color:#4c3fb3;outline:none}.zn--replacement-tool-wrapper .zn--replacement-tool .Toastify__toast{margin:0 auto 10px;width:140ex;width:calc(var(--rpx, 1px)*320)}.zn--replacement-tool-wrapper .zn--replacement-tool .Toastify__toast-container{bottom:0;left:calc(50vw - 20px)!important;left:calc(var(--vw, 1vw)*50 - 20px)!important;transform:translate(-50%)}#section-kv{--size:60px;--pcsize:100px}#section-kv .phone-wrapper .bg-wrapper .bg{background:linear-gradient(180deg,#000,rgba(31,29,27,.8))}#section-kv .phone-wrapper .phone-img .scale-w{transform-origin:top}#section-kv .phone-wrapper.active .title-wrap,#section-kv .phone-wrapper.active .start{opacity:1;transition:all 1s ease-out}#section-kv .phone-wrapper .show{opacity:1;transform:translateY(100px);transition:all .5s linear}#section-product .bg{background:linear-gradient(180deg,rgba(31,29,27,.8),#000)}#section-product .arrow-wrapper .btn{cursor:not-allowed;opacity:.3}#section-product .arrow-wrapper .btn.active{cursor:pointer;opacity:1}#section-product .more-infor .btn{background-color:#fff;border-radius:calc(var(--rpx, 1px)*36);display:inline-block;letter-spacing:.5px}#section-product .abs{left:0;position:absolute;top:0;z-index:1}#section-product .card-styl,#section-product .img-box{background:linear-gradient(208deg,#151414,#4c4741)}span[title]{-webkit-text-fill-color:transparent;background:linear-gradient(95deg,#fff 12.93%,#6a645c 165.1%);background-clip:text;-webkit-background-clip:text;font-size:48px;font-weight:500;line-height:120%}#section-lifestyle-photo .photos .img-wrap{transition:width .6s cubic-bezier(.38,.005,.215,1);width:calc(var(--rpx, 1px)*87)}#section-lifestyle-photo .photos .img-wrap img{transition:object-position .6s cubic-bezier(.38,.005,.215,1);transition:object-position .6s cubic-bezier(.38,.005,.215,1),-o-object-position .6s cubic-bezier(.38,.005,.215,1)}#section-lifestyle-photo .photos .img-wrap .mask{background-color:#00000080;opacity:1;transition:opacity .6s cubic-bezier(.38,.005,.215,1)}#section-lifestyle-photo .photos .img-wrap.expand{width:calc(var(--rpx, 1px)*340)}#section-lifestyle-photo .photos .img-wrap.expand .mask{opacity:0}#section-lifestyle-photo .photos .img-wrap.expand img{-o-object-position:0;object-position:0}#section-event-highlights{--photos-height:calc(var(--rpx, 1px)*970);--photos-duration:0s;--mask-duration:1.2s}#section-event-highlights .photos{height:var(--photos-height);overflow:hidden;transition:height var(--photos-duration)}#section-event-highlights .mask{opacity:1;transition:opacity var(--mask-duration)}#section-event-highlights .btn .fold{display:none}#section-event-highlights .btn .expand{display:block}#section-event-highlights.loaded .mask{opacity:0}#section-event-highlights.loaded .btn .fold{display:block}#section-event-highlights.loaded .btn .expand{display:none}#section-event-highlights.fold .mask{opacity:1}#oc-header.fixed{position:absolute}#zn--navbar{background-color:#000;border-bottom:1px solid hsla(0,0%,100%,.1);border-left:none;border-right:none;color:#fff;cursor:default;font-size:14px;height:60px;letter-spacing:.42px;line-height:22px;opacity:0;pointer-events:none;position:fixed;top:50px;width:100%;z-index:30}#zn--navbar.show{opacity:1;pointer-events:auto}#zn--navbar .container{align-items:center;display:flex;height:100%;justify-content:space-between;margin:0 auto;max-width:14.4rem;padding:0 64px;position:relative}#zn--navbar .container>*{display:flex;white-space:nowrap}#zn--navbar .container li{display:flex}#zn--navbar .container .products{flex:1 1 0%;justify-content:flex-start}#zn--navbar .container .links{left:50%;position:absolute;transform:translate(-50%)}#zn--navbar .container .links li{color:#fff;opacity:.69;transition:opacity .3s ease}#zn--navbar .container .links li.active,#zn--navbar .container .links li:hover{opacity:1}#zn--navbar .container .buttons{justify-content:flex-end}#zn--navbar .container .buttons .button{background-color:#000;border-radius:2px;box-sizing:content-box;color:#fff;cursor:pointer;height:20px;line-height:20px;padding:6px 16px}#zn--navbar .a{color:#fff;display:flex;justify-content:center;text-align:center;width:100%}#section-impressions .bg{background:linear-gradient(180deg,#000,rgba(31,29,27,.8))}#section-innovation .bg{background:linear-gradient(180deg,rgba(31,29,27,.8),#000)}#section-innovation .btn{background-color:#ebebeb;border-radius:calc(var(--rpx, 1px)*36);display:inline-block;letter-spacing:.5px}#section-tablist .left-img>div:first-child>div{opacity:0;transition:all .5s}#section-tablist .options{scrollbar-width:none}#section-tablist .options::-webkit-scrollbar{display:none}#section-tablist .options .tab{transition:all .5s}#section-tablist .options .tab:first-child{border-radius:8px 8px 0 0}#section-tablist .options .tab:last-child{border-bottom:0;border-radius:0 0 8px 8px}#section-tablist .options .tab.active{background-color:#f5f4f0}#section-tablist .options .tab.active .content{opacity:1}#section-tablist .options .tab.active .title img{opacity:0;transform:rotateX(180deg)}#section-tablist .options .title div:first-child{transform-origin:left center;transition:all .5s}#section-tablist .options .title img{opacity:1;transition:all .5s}#section-tablist .options .content{opacity:0;transition:all .5s}#section-tablist .activeImg{opacity:1!important}body.no-scroll{overflow-y:hidden}body.zn--body-fixed{position:fixed}html{background:#000}#webpack-dev-server-client-overlay{display:none}@media (min-width:1024px){.mo-only,.pad-only,.pc-hidden{display:none}:root{--rpx:calc(.07622vw - .09756px);--rpx:calc(var(--vw, 1vw)*100/1312 - .09756px)}.zn--wrapper .font-68{font-size:68px;line-height:120%}.zn--wrapper .font-48{font-size:48px;line-height:120%}.zn--wrapper .font-42{font-size:42px;line-height:120%}.zn--wrapper .font-32{font-size:32px;line-height:120%}.zn--wrapper .font-24{font-size:24px;line-height:120%}.zn--wrapper .font-20{font-size:20px;line-height:160%}.zn--wrapper .font-18{font-size:18px;line-height:130%}.zn--wrapper .font-16{font-size:16px;line-height:150%}.zn--wrapper .font-14{font-size:16px;line-height:22px}#section-kv .phone-wrapper.active .title-wrap{transform:translateY(calc(var(--pcsize)*-1))}#section-kv .phone-wrapper.active .start{transform:translateY(var(--pcsize))}#section-lifestyle-photo .photos .img-1{-o-object-position:calc(var(--rpx, 1px)*-40) 0;object-position:calc(var(--rpx, 1px)*-40) 0}#section-lifestyle-photo .photos .img-3{-o-object-position:calc(var(--rpx, 1px)*-200) 0;object-position:calc(var(--rpx, 1px)*-200) 0}#section-lifestyle-photo .photos .img-6{-o-object-position:calc(var(--rpx, 1px)*-80) 0;object-position:calc(var(--rpx, 1px)*-80) 0}#section-lifestyle-photo .photos .img-7{-o-object-position:calc(var(--rpx, 1px)*-110) 0;object-position:calc(var(--rpx, 1px)*-110) 0}#section-lifestyle-photo .photos .img-8{-o-object-position:calc(var(--rpx, 1px)*-95) 0;object-position:calc(var(--rpx, 1px)*-95) 0}#oc-wrapper{padding-top:.1px}#zn--navbar .container .links li:not(:last-child){margin-right:18px}}@media (max-width:649px){.mo-hidden,.pad-only,.pc-only{display:none}:root{--rpx:calc(.30488vw - .09756px);--rpx:calc(var(--vw, 1vw)*100/328 - .09756px)}#section-kv .phone-wrapper.active .title-wrap{transform:translateY(-45px)}#section-kv .phone-wrapper.active .start{transform:translateY(45px)}span[title]{font-size:32px}#section-event-highlights{--photos-height:calc(var(--rpx, 1px)*452)}.p-only{opacity:0}#zn--navbar{height:50px;top:47.5px}#zn--navbar .container{padding:0 16px}#zn--navbar .container .buttons .button{font-size:12px}#section-tablist .left-img img{opacity:0}#section-tablist .options .tab.active{padding-bottom:calc(var(--rpx, 1px)*20);padding-top:calc(var(--rpx, 1px)*20)}}@media (min-width:650px) and (max-width:1023px){.mo-only,.pad-hidden,.pc-only{display:none}:root{--rpx:calc(.13889vw - .06667px);--rpx:calc(var(--vw, 1vw)*100/720 - .06667px)}#section-kv .phone-wrapper.active .title-wrap{transform:translateY(calc(var(--size)*-1))}#section-kv .phone-wrapper.active .start{transform:translateY(var(--size))}span[title]{font-size:32px}#section-lifestyle-photo .photos .img-wrap{width:calc(var(--rpx, 1px)*48)}#section-lifestyle-photo .photos .img-wrap.expand{width:calc(var(--rpx, 1px)*180)}#section-lifestyle-photo .photos .img-1{-o-object-position:calc(var(--rpx, 1px)*-22) 0;object-position:calc(var(--rpx, 1px)*-22) 0}#section-lifestyle-photo .photos .img-3{-o-object-position:calc(var(--rpx, 1px)*-118) 0;object-position:calc(var(--rpx, 1px)*-118) 0}#section-lifestyle-photo .photos .img-6{-o-object-position:calc(var(--rpx, 1px)*-40) 0;object-position:calc(var(--rpx, 1px)*-40) 0}#section-lifestyle-photo .photos .img-7{-o-object-position:calc(var(--rpx, 1px)*-60) 0;object-position:calc(var(--rpx, 1px)*-60) 0}#section-lifestyle-photo .photos .img-8{-o-object-position:calc(var(--rpx, 1px)*-55) 0;object-position:calc(var(--rpx, 1px)*-55) 0}#zn--navbar{height:50px;top:47.5px}#zn--navbar .container{padding:0 24px}}@media (orientation:portrait) and (max-width:1023px){#oc-header.fixed{visibility:hidden}.zn--wrapper .pc-only{display:none}}@media (max-width:1023px){.zn--wrapper .font-40m{font-size:40px;line-height:120%}.zn--wrapper .font-32m{font-size:32px;line-height:120%}.zn--wrapper .font-24m{font-size:24px;line-height:120%}.zn--wrapper .font-20m{font-size:20px;line-height:120%}.zn--wrapper .font-22m{font-size:22px;letter-spacing:.5px;line-height:30px}.zn--wrapper .font-18m{font-size:18px;line-height:120%}.zn--wrapper .font-16m{font-size:16px;line-height:130%}.zn--wrapper .font-14m{font-size:14px;line-height:120%}.zn--wrapper .font-10m{font-size:10px;line-height:137%}#zn--navbar .container .links li:not(:last-child){margin-right:40px}}@media (min-width:1024px) and (max-height:680px){#section-kv .phone-wrapper .title .title-con{font-size:60px}#section-kv .phone-wrapper .text .d{font-size:18px}}@media (max-width:1280px) and (min-width:1024px){#section-product .card .content .names{font-size:16px;line-height:20px}#section-product .card .content .intro{font-size:14px;line-height:18px}#section-product .card .motto{font-size:16px;line-height:20px;margin-top:calc(var(--rpx, 1px)*280)}}@media (min-width:1440px) and (max-height:780px){#section-product .card .content .names{font-size:22px;line-height:24px}#section-product .card .content .intro{font-size:16px;line-height:18px}#section-product .card .motto{font-size:22px;line-height:24px;margin-top:calc(var(--rpx, 1px)*290)}}@media (min-width:1024px) and (orientation:landscape){.m-only{opacity:0}}@media (max-width:1023px) and (orientation:landscape){#oc-wrapper{padding-top:48px!important}}@media (min-width:1024px) and (max-width:1439px){#zn--navbar{top:47.5px}#zn--navbar .container{padding:0 24px}#zn--navbar .container .products,#zn--navbar .container .links{flex:auto}}#loader-fps{--point-color:transparent;--size:2px;align-content:center;align-items:center;display:flex;height:var(--size);justify-content:center;left:0;overflow:hidden;position:absolute;top:0;width:100vw;width:calc(var(--vw, 1vw)*100);z-index:1000}#loader-fps .loader-element{border:var(--size) solid var(--point-color);border-radius:100%;margin:calc(var(--size)*2)}#loader-fps .loader-element:first-child{animation:preloader .6s ease-in-out infinite alternate}#loader-fps .loader-element:nth-child(2){animation:preloader .6s ease-in-out .2s infinite alternate}#loader-fps .loader-element:nth-child(3){animation:preloader .6s ease-in-out .4s infinite alternate}@keyframes preloader{to{transform:scale(2)}}@media (min-width:1024px){.mo-only,.pad-only,.pc-hidden{display:none}:root{--rpx:calc(.07622vw - .09756px);--rpx:calc(var(--vw, 1vw)*100/1312 - .09756px)}.fade-in-pc{opacity:0;transform:translateY(calc(var(--rpx, 1px)*80));transition:transform .6s,opacity .6s}.fade-in-pc[data-slight]{transform:translateY(calc(var(--rpx, 1px)*50))}.fade-in-pc[data-slow]{transition:transform 1s,opacity 1s}.fade-in-pc.show,.fade-in-pc[data-slight].show{opacity:1;transform:translateY(0)}.fade-in{opacity:0;transform:translateY(calc(var(--rpx, 1px)*80));transition:transform .6s,opacity .6s}.fade-in[data-slight]{transform:translateY(calc(var(--rpx, 1px)*50))}.fade-in[data-slow]{transition:transform 1s,opacity 1s}.fade-in.show,.fade-in[data-slight].show{opacity:1;transform:translateY(0)}}@media (max-width:649px){.mo-hidden,.pad-only,.pc-only{display:none}:root{--rpx:calc(.30488vw - .09756px);--rpx:calc(var(--vw, 1vw)*100/328 - .09756px)}.fade-in-mo{opacity:0;transform:translateY(50ex);transition:transform .6s,opacity .6s}.fade-in-mo[data-slight]{transform:translateY(30ex)}.fade-in-mo[data-slow]{transition:transform 1s,opacity 1s}.fade-in-mo.show,.fade-in-mo[data-slight].show{opacity:1;transform:translateY(0)}.fade-in{opacity:0;transform:translateY(50ex);transition:transform .6s,opacity .6s}.fade-in[data-slight]{transform:translateY(30ex)}.fade-in[data-slow]{transition:transform 1s,opacity 1s}.fade-in.show,.fade-in[data-slight].show{opacity:1;transform:translateY(0)}}@media (min-width:650px) and (max-width:1023px){.mo-only,.pad-hidden,.pc-only{display:none}:root{--rpx:calc(.13889vw - .06667px);--rpx:calc(var(--vw, 1vw)*100/720 - .06667px)}}[ani-autoplay-video],[ani-video-wrapper]{-webkit-clip-path:inset(1px);clip-path:inset(1px);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%;z-index:0}[ani-autoplay-video] img,[ani-video-wrapper] img{-webkit-clip-path:inset(2px);clip-path:inset(2px)}[ani-autoplay-video] canvas,[ani-video-wrapper] canvas{-o-object-fit:initial;object-fit:fill}[ani-autoplay-video] img,[ani-autoplay-video] video,[ani-video-wrapper] img,[ani-video-wrapper] video{-o-object-fit:cover;object-fit:cover}[ani-autoplay-video] canvas,[ani-autoplay-video] video,[ani-video-wrapper] canvas,[ani-video-wrapper] video{z-index:1}@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{box-sizing:initial}#oc-wrapper{overflow:visible}#footer{overflow-x:hidden}#oc-wrapper{transition:none}#oc-wrapper .header-v2 .header-main-pc .header-right .search{-webkit-backdrop-filter:none;backdrop-filter:none}#oc-header{transition:none}#contact-pop .contact-pop_icon,#goback-top,#nps .icon{-webkit-backdrop-filter:none;backdrop-filter:none}[ani-scroll-gallery] .scroll-wrapper{padding-left:calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*656);padding-right:calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*656);width:-moz-fit-content;width:fit-content}@media (min-width:1024px){.mo-only,.pad-only,.pc-hidden{display:none}:root{--rpx:calc(.07622vw - .09756px);--rpx:calc(var(--vw, 1vw)*100/1312 - .09756px)}}@media (max-width:649px){.mo-hidden,.pad-only,.pc-only{display:none}:root{--rpx:calc(.30488vw - .09756px);--rpx:calc(var(--vw, 1vw)*100/328 - .09756px)}[ani-scroll-gallery] .scroll-wrapper{padding-left:calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*164);padding-right:calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*164)}}@media (min-width:650px) and (max-width:1023px){.mo-only,.pad-hidden,.pc-only{display:none}:root{--rpx:calc(.13889vw - .06667px);--rpx:calc(var(--vw, 1vw)*100/720 - .06667px)}[ani-scroll-gallery] .scroll-wrapper{padding-left:calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*360);padding-right:calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*360)}}@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}}