.g--popup{height:var(--window-height,100vh);height:var(--window-height,-webkit-calc(var(--vh,1vh)*100));height:var(--window-height,-moz-calc(var(--vh,1vh)*100));height:var(--window-height,calc(var(--vh, 1vh)*100));left:0;position:fixed;top:0;-webkit-transform:translateY(120vh);-moz-transform:translateY(120vh);-ms-transform:translateY(120vh);transform:translateY(120vh);-webkit-transform:translateY(-webkit-calc(var(--vh,1vh)*120));-moz-transform:translateY(-moz-calc(var(--vh,1vh)*120));-ms-transform:translateY(calc(var(--vh, 1vh)*120));transform:translateY(calc(var(--vh, 1vh)*120));width:100%;z-index:9999}.g--popup.show{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.g--popup.disappear,.g--popup.show{-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;-moz-transition:transform .5s,-moz-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s,-moz-transform .5s}.g--popup .g--popup-container{-webkit-box-align:center;-moz-box-align:center;-webkit-box-pack:center;-moz-box-pack:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;height:100%;-webkit-justify-content:center;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:-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,.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}.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){: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)}.mo-only,.pad-only,.pc-hidden{display:none}.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)}.mo-hidden,.pad-only,.pc-only{display:none}.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:86.67vw;max-width:-webkit-calc(var(--vw,1vw)*86.67);max-width:-moz-calc(var(--vw,1vw)*86.67);max-width:calc(var(--vw, 1vw)*86.67)}.g--popup .g--popup-close.v1{height:28px;right:16px;top:-48px;width:28px}.g--popup .g--popup-close.v2{right:-webkit-calc(50% - 16px);right:-moz-calc(50% - 16px);right:calc(50% - 16px);top:-webkit-calc(var(--window-height) - 59px);top:-moz-calc(var(--window-height) - 59px);top:calc(var(--window-height) - 59px)}}@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)}.mo-only,.pad-hidden,.pc-only{display:none}.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)}}.bg-white{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.bg-\[\#0E3AFF\]{--tw-bg-opacity:1;background-color:rgba(14,58,255,var(--tw-bg-opacity))}.bg-\[\#F7F7F7\]{--tw-bg-opacity:1;background-color:rgba(247,247,247,var(--tw-bg-opacity))}.rounded-8rpx{border-radius:-webkit-calc(var(--rpx,1px)*8);border-radius:-moz-calc(var(--rpx,1px)*8);border-radius:calc(var(--rpx, 1px)*8)}.rounded-40px{border-radius:40px}.rounded-36px{border-radius:36px}.cursor-pointer{cursor:pointer}.flex{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex}.flex-col{-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.items-center{-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;align-items:center}.justify-center{-webkit-box-pack:center;-moz-box-pack:center;-webkit-justify-content:center;justify-content:center}.justify-between{-webkit-box-pack:justify;-moz-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.font-bold{font-weight:700}.h-full{height:100%}.h-39px{height:39px}.h-48rpx{height:-webkit-calc(var(--rpx,1px)*48);height:-moz-calc(var(--rpx,1px)*48);height:calc(var(--rpx, 1px)*48)}.text-16px{font-size:16px;line-height:1}.text-14px{font-size:14px;line-height:1}.text-12px{font-size:12px;line-height:1}.leading-20px{line-height:20px}.leading-30px{line-height:30px}.mx-auto{margin-left:auto;margin-right:auto}.mt-15rpx{margin-top:calc(var(--rpx, 1px)*15)}.mb-4rpx{margin-bottom:calc(var(--rpx, 1px)*4)}.mt-24px{margin-top:24px}.ml-24px{margin-left:24px}.object-cover{-o-object-fit:cover;object-fit:cover}.opacity-0{opacity:0}.opacity-75{opacity:.75}.overflow-hidden{overflow:hidden}.py-10px{padding-bottom:10px;padding-top:10px}.px-18px{padding-left:18px;padding-right:18px}.py-8rpx{padding-bottom:calc(var(--rpx, 1px)*8);padding-top:calc(var(--rpx, 1px)*8)}.px-16\.5rpx{padding-left:calc(var(--rpx, 1px)*16.5);padding-right:calc(var(--rpx, 1px)*16.5)}.pt-40rpx{padding-top:calc(var(--rpx, 1px)*40)}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.top-0{top:0}.left-0{left:0}.top-1\/2{top:50%}.left-1\/2{left:50%}.left-24rpx{left:-webkit-calc(var(--rpx,1px)*24);left:-moz-calc(var(--rpx,1px)*24);left:calc(var(--rpx, 1px)*24)}.text-center{text-align:center}.text-white{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.text-\[\#0E3AFF\]{--tw-text-opacity:1;color:rgba(14,58,255,var(--tw-text-opacity))}.text-black{--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity))}.text-opacity-95{--tw-text-opacity:.95}.tracking-0\.5px{letter-spacing:.5px}.w-screen{width:100vw;width:-webkit-calc(var(--vw,1vw)*100);width:-moz-calc(var(--vw,1vw)*100);width:calc(var(--vw, 1vw)*100)}.w-full{width:100%}.w-112px{width:112px}.w-48rpx{width:-webkit-calc(var(--rpx,1px)*48);width:-moz-calc(var(--rpx,1px)*48);width:calc(var(--rpx, 1px)*48)}.z-999{z-index:999}.z-1{z-index:1}.z-2{z-index:2}.z-10{z-index:10}.z-3{z-index:3}.gap-x-8rpx{grid-column-gap:-webkit-calc(var(--rpx,1px)*8);grid-column-gap:-moz-calc(var(--rpx,1px)*8);grid-column-gap:calc(var(--rpx, 1px)*8);-webkit-column-gap:-webkit-calc(var(--rpx,1px)*8);-moz-column-gap:-moz-calc(var(--rpx,1px)*8);column-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))}.-translate-x-1\/2{--tw-translate-x:-50%}.mix-blend-lighten{mix-blend-mode:lighten}@media (min-width:650px) and (max-width:1023px){.pad\:border-\[\#0E36FF\]{--tw-border-opacity:1;border-color:rgba(14,54,255,var(--tw-border-opacity))}.pad\:rounded-\[8rpx\]{border-radius:-webkit-calc(var(--rpx,1px)*8);border-radius:-moz-calc(var(--rpx,1px)*8);border-radius:calc(var(--rpx, 1px)*8)}.pad\:rounded-12rpx{border-radius:-webkit-calc(var(--rpx,1px)*12);border-radius:-moz-calc(var(--rpx,1px)*12);border-radius:calc(var(--rpx, 1px)*12)}.pad\:border-solid{border-style:solid}.pad\:border{border-width:1px}.pad\:flex{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex}.pad\:flex-col{-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.pad\:items-end{-webkit-box-align:end;-moz-box-align:end;-webkit-align-items:flex-end;align-items:flex-end}.pad\:h-560rpx{height:-webkit-calc(var(--rpx,1px)*560);height:-moz-calc(var(--rpx,1px)*560);height:calc(var(--rpx, 1px)*560)}.pad\:h-64px{height:64px}.pad\:h-64rpx{height:-webkit-calc(var(--rpx,1px)*64);height:-moz-calc(var(--rpx,1px)*64);height:calc(var(--rpx, 1px)*64)}.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-220rpx{height:-webkit-calc(var(--rpx,1px)*220);height:-moz-calc(var(--rpx,1px)*220);height:calc(var(--rpx, 1px)*220)}.pad\:h-92rpx{height:-webkit-calc(var(--rpx,1px)*92);height:-moz-calc(var(--rpx,1px)*92);height:calc(var(--rpx, 1px)*92)}.pad\:h-68rpx{height:-webkit-calc(var(--rpx,1px)*68);height:-moz-calc(var(--rpx,1px)*68);height:calc(var(--rpx, 1px)*68)}.pad\:h-102rpx{height:-webkit-calc(var(--rpx,1px)*102);height:-moz-calc(var(--rpx,1px)*102);height:calc(var(--rpx, 1px)*102)}.pad\:h-320rpx{height:-webkit-calc(var(--rpx,1px)*320);height:-moz-calc(var(--rpx,1px)*320);height:calc(var(--rpx, 1px)*320)}.pad\:text-16px{font-size:16px;line-height:1}.pad\:text-75px{font-size:75px;line-height:1}.pad\:text-48rpx{font-size:-webkit-calc(var(--rpx,1px)*48);font-size:-moz-calc(var(--rpx,1px)*48);font-size:calc(var(--rpx, 1px)*48);line-height:1}.pad\:text-12px{font-size:12px;line-height:1}.pad\:text-18px{font-size:18px;line-height:1}.pad\:leading-\[1\.2\]{line-height:1.2}.pad\:leading-\[1\.4\]{line-height:1.4}.pad\:leading-\[1\.3\]{line-height:1.3}.pad\:leading-\[1\.67\]{line-height:1.67}.pad\:mt-121rpx{margin-top:calc(var(--rpx, 1px)*121)}.pad\:mb-20rpx{margin-bottom:calc(var(--rpx, 1px)*20)}.pad\:mt-12px{margin-top:12px}.pad\:mt-80rpx{margin-top:calc(var(--rpx, 1px)*80)}.pad\:ml-28rpx{margin-left:calc(var(--rpx, 1px)*28)}.pad\:mt-52rpx{margin-top:calc(var(--rpx, 1px)*52)}.pad\:ml-16rpx{margin-left:calc(var(--rpx, 1px)*16)}.pad\:px-4rpx{padding-left:calc(var(--rpx, 1px)*4);padding-right:calc(var(--rpx, 1px)*4)}.pad\:py-24rpx{padding-bottom:calc(var(--rpx, 1px)*24);padding-top:calc(var(--rpx, 1px)*24)}.pad\:pb-80rpx{padding-bottom:calc(var(--rpx, 1px)*80)}.pad\:relative{position:relative}.pad\:top-60rpx{top:-webkit-calc(var(--rpx,1px)*60);top:-moz-calc(var(--rpx,1px)*60);top:calc(var(--rpx, 1px)*60)}.pad\:left-\[calc\(50\%\+136rpx\)\]{left:-webkit-calc(50% + var(--rpx,1px)*136);left:-moz-calc(50% + var(--rpx,1px)*136);left:calc(50% + var(--rpx, 1px)*136)}.pad\:left-0{left:0}.pad\:bottom-25rpx{bottom:-webkit-calc(var(--rpx,1px)*25);bottom:-moz-calc(var(--rpx,1px)*25);bottom:calc(var(--rpx, 1px)*25)}.pad\:top-260rpx{top:-webkit-calc(var(--rpx,1px)*260);top:-moz-calc(var(--rpx,1px)*260);top:calc(var(--rpx, 1px)*260)}.pad\:tracking-0\.6px{letter-spacing:.6px}.pad\:tracking-1\.5px{letter-spacing:1.5px}.pad\:tracking-0\.5px{letter-spacing:.5px}.pad\:tracking-\[4\%\]{letter-spacing:4%}.pad\:tracking-0\.027em{letter-spacing:.027em}.pad\:w-280px{width:280px}.pad\:w-40rpx{width:-webkit-calc(var(--rpx,1px)*40);width:-moz-calc(var(--rpx,1px)*40);width:calc(var(--rpx, 1px)*40)}.pad\:w-340rpx{width:-webkit-calc(var(--rpx,1px)*340);width:-moz-calc(var(--rpx,1px)*340);width:calc(var(--rpx, 1px)*340)}.pad\:w-92rpx{width:-webkit-calc(var(--rpx,1px)*92);width:-moz-calc(var(--rpx,1px)*92);width:calc(var(--rpx, 1px)*92)}.pad\:w-220rpx{width:-webkit-calc(var(--rpx,1px)*220);width:-moz-calc(var(--rpx,1px)*220);width:calc(var(--rpx, 1px)*220)}.pad\:w-80rpx{width:-webkit-calc(var(--rpx,1px)*80);width:-moz-calc(var(--rpx,1px)*80);width:calc(var(--rpx, 1px)*80)}.pad\:w-728rpx{width:-webkit-calc(var(--rpx,1px)*728);width:-moz-calc(var(--rpx,1px)*728);width:calc(var(--rpx, 1px)*728)}.pad\:w-672rpx{width:-webkit-calc(var(--rpx,1px)*672);width:-moz-calc(var(--rpx,1px)*672);width:calc(var(--rpx, 1px)*672)}.pad\:z-2{z-index:2}.pad\:z-5{z-index:5}}@media (min-width:1024px){.pc\:border-\[\#0E36FF\]{--tw-border-opacity:1;border-color:rgba(14,54,255,var(--tw-border-opacity))}.pc\:rounded-\[10rpx\]{border-radius:-webkit-calc(var(--rpx,1px)*10);border-radius:-moz-calc(var(--rpx,1px)*10);border-radius:calc(var(--rpx, 1px)*10)}.pc\:rounded-12rpx{border-radius:-webkit-calc(var(--rpx,1px)*12);border-radius:-moz-calc(var(--rpx,1px)*12);border-radius:calc(var(--rpx, 1px)*12)}.pc\:border-solid{border-style:solid}.pc\:border{border-width:1px}.pc\:items-center{-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;align-items:center}.pc\:justify-center{-webkit-box-pack:center;-moz-box-pack:center;-webkit-justify-content:center;justify-content:center}.pc\:justify-between{-webkit-box-pack:justify;-moz-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.pc\:h-43\.05vw{height:43.05vw;height:-webkit-calc(var(--vw,1vw)*43.05);height:-moz-calc(var(--vw,1vw)*43.05);height:calc(var(--vw, 1vw)*43.05)}.pc\:h-71\.46px{height:71.46px}.pc\:h-75rpx{height:-webkit-calc(var(--rpx,1px)*75);height:-moz-calc(var(--rpx,1px)*75);height:calc(var(--rpx, 1px)*75)}.pc\:h-620rpx{height:-webkit-calc(var(--rpx,1px)*620);height:-moz-calc(var(--rpx,1px)*620);height:calc(var(--rpx, 1px)*620)}.pc\:h-310rpx{height:-webkit-calc(var(--rpx,1px)*310);height:-moz-calc(var(--rpx,1px)*310);height:calc(var(--rpx, 1px)*310)}.pc\:h-136rpx{height:-webkit-calc(var(--rpx,1px)*136);height:-moz-calc(var(--rpx,1px)*136);height:calc(var(--rpx, 1px)*136)}.pc\:h-800rpx{height:-webkit-calc(var(--rpx,1px)*800);height:-moz-calc(var(--rpx,1px)*800);height:calc(var(--rpx, 1px)*800)}.pc\:h-588rpx{height:-webkit-calc(var(--rpx,1px)*588);height:-moz-calc(var(--rpx,1px)*588);height:calc(var(--rpx, 1px)*588)}.pc\:h-98rpx{height:-webkit-calc(var(--rpx,1px)*98);height:-moz-calc(var(--rpx,1px)*98);height:calc(var(--rpx, 1px)*98)}.pc\:h-200rpx{height:-webkit-calc(var(--rpx,1px)*200);height:-moz-calc(var(--rpx,1px)*200);height:calc(var(--rpx, 1px)*200)}.pc\:h-360rpx{height:-webkit-calc(var(--rpx,1px)*360);height:-moz-calc(var(--rpx,1px)*360);height:calc(var(--rpx, 1px)*360)}.pc\:text-56rpx{font-size:-webkit-calc(var(--rpx,1px)*56);font-size:-moz-calc(var(--rpx,1px)*56);font-size:calc(var(--rpx, 1px)*56);line-height:1}.pc\:text-18px{font-size:18px;line-height:1}.pc\:leading-30px{line-height:30px}.pc\:mt-10rpx{margin-top:calc(var(--rpx, 1px)*10)}.pc\:mb-40rpx{margin-bottom:calc(var(--rpx, 1px)*40)}.pc\:mt-15rpx{margin-top:calc(var(--rpx, 1px)*15)}.pc\:mr-64rpx{margin-right:calc(var(--rpx, 1px)*64)}.pc\:mt-6rpx{margin-top:calc(var(--rpx, 1px)*6)}.pc\:mb-12rpx{margin-bottom:calc(var(--rpx, 1px)*12)}.pc\:px-4rpx{padding-left:calc(var(--rpx, 1px)*4);padding-right:calc(var(--rpx, 1px)*4)}.pc\:py-30rpx{padding-top:calc(var(--rpx, 1px)*30)}.pc\:pb-30rpx,.pc\:py-30rpx{padding-bottom:calc(var(--rpx, 1px)*30)}.pc\:pl-39rpx{padding-left:calc(var(--rpx, 1px)*39)}.pc\:pb-120rpx{padding-bottom:calc(var(--rpx, 1px)*120)}.pc\:absolute{position:absolute}.pc\:relative{position:relative}.pc\:top-48rpx{top:-webkit-calc(var(--rpx,1px)*48);top:-moz-calc(var(--rpx,1px)*48);top:calc(var(--rpx, 1px)*48)}.pc\:right-60rpx{right:-webkit-calc(var(--rpx,1px)*60);right:-moz-calc(var(--rpx,1px)*60);right:calc(var(--rpx, 1px)*60)}.pc\:bottom-240rpx{bottom:-webkit-calc(var(--rpx,1px)*240);bottom:-moz-calc(var(--rpx,1px)*240);bottom:calc(var(--rpx, 1px)*240)}.pc\:left-1\/2{left:50%}.pc\:top-97rpx{top:-webkit-calc(var(--rpx,1px)*97);top:-moz-calc(var(--rpx,1px)*97);top:calc(var(--rpx, 1px)*97)}.pc\:left-\[calc\(50\%\+193rpx\)\]{left:-webkit-calc(50% + var(--rpx,1px)*193);left:-moz-calc(50% + var(--rpx,1px)*193);left:calc(50% + var(--rpx, 1px)*193)}.pc\:left-0{left:0}.pc\:bottom-17rpx{bottom:-webkit-calc(var(--rpx,1px)*17);bottom:-moz-calc(var(--rpx,1px)*17);bottom:calc(var(--rpx, 1px)*17)}.pc\:top-300rpx{top:-webkit-calc(var(--rpx,1px)*300);top:-moz-calc(var(--rpx,1px)*300);top:calc(var(--rpx, 1px)*300)}.pc\:tracking-0\.027em{letter-spacing:.027em}.pc\:w-210px{width:210px}.pc\:w-308rpx{width:-webkit-calc(var(--rpx,1px)*308);width:-moz-calc(var(--rpx,1px)*308);width:calc(var(--rpx, 1px)*308)}.pc\:w-48rpx{width:-webkit-calc(var(--rpx,1px)*48);width:-moz-calc(var(--rpx,1px)*48);width:calc(var(--rpx, 1px)*48)}.pc\:w-500rpx{width:-webkit-calc(var(--rpx,1px)*500);width:-moz-calc(var(--rpx,1px)*500);width:calc(var(--rpx, 1px)*500)}.pc\:w-231px{width:231px}.pc\:w-136rpx{width:-webkit-calc(var(--rpx,1px)*136);width:-moz-calc(var(--rpx,1px)*136);width:calc(var(--rpx, 1px)*136)}.pc\:w-326rpx{width:-webkit-calc(var(--rpx,1px)*326);width:-moz-calc(var(--rpx,1px)*326);width:calc(var(--rpx, 1px)*326)}.pc\:w-380rpx{width:-webkit-calc(var(--rpx,1px)*380);width:-moz-calc(var(--rpx,1px)*380);width:calc(var(--rpx, 1px)*380)}.pc\:w-115rpx{width:-webkit-calc(var(--rpx,1px)*115);width:-moz-calc(var(--rpx,1px)*115);width:calc(var(--rpx, 1px)*115)}.pc\:w-1416rpx{width:-webkit-calc(var(--rpx,1px)*1416);width:-moz-calc(var(--rpx,1px)*1416);width:calc(var(--rpx, 1px)*1416)}.pc\:w-1120rpx{width:-webkit-calc(var(--rpx,1px)*1120);width:-moz-calc(var(--rpx,1px)*1120);width:calc(var(--rpx, 1px)*1120)}.pc\:z-5{z-index:5}.pc\:-translate-x-640rpx{--tw-translate-x:-webkit-calc(var(--rpx,1px)*-640);--tw-translate-x:-moz-calc(var(--rpx,1px)*-640);--tw-translate-x:calc(var(--rpx, 1px)*-640)}}@media (max-width:649px){.mo\:bg-\[\#0e3aff\]{--tw-bg-opacity:1;background-color:rgba(14,58,255,var(--tw-bg-opacity))}.mo\:bg-black{--tw-bg-opacity:1;background-color:rgba(0,0,0,var(--tw-bg-opacity))}.mo\:rounded-\[6rpx\]{border-radius:-webkit-calc(var(--rpx,1px)*6);border-radius:-moz-calc(var(--rpx,1px)*6);border-radius:calc(var(--rpx, 1px)*6)}.mo\:rounded-full{border-radius:9999px}.mo\:rounded-6rpx{border-radius:-webkit-calc(var(--rpx,1px)*6);border-radius:-moz-calc(var(--rpx,1px)*6);border-radius:calc(var(--rpx, 1px)*6)}.mo\:cursor-pointer{cursor:pointer}.mo\:flex{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex}.mo\:flex-col{-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.mo\:items-center{-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;align-items:center}.mo\:justify-center{-webkit-box-pack:center;-moz-box-pack:center;-webkit-justify-content:center;justify-content:center}.mo\:h-full{height:100%}.mo\:h-680rpx{height:-webkit-calc(var(--rpx,1px)*680);height:-moz-calc(var(--rpx,1px)*680);height:calc(var(--rpx, 1px)*680)}.mo\:h-41px{height:41px}.mo\:h-47rpx{height:-webkit-calc(var(--rpx,1px)*47);height:-moz-calc(var(--rpx,1px)*47);height:calc(var(--rpx, 1px)*47)}.mo\:h-520rpx{height:-webkit-calc(var(--rpx,1px)*520);height:-moz-calc(var(--rpx,1px)*520);height:calc(var(--rpx, 1px)*520)}.mo\:h-205rpx{height:-webkit-calc(var(--rpx,1px)*205);height:-moz-calc(var(--rpx,1px)*205);height:calc(var(--rpx, 1px)*205)}.mo\:h-38px{height:38px}.mo\:h-640rpx{height:-webkit-calc(var(--rpx,1px)*640);height:-moz-calc(var(--rpx,1px)*640);height:calc(var(--rpx, 1px)*640)}.mo\:h-113rpx{height:-webkit-calc(var(--rpx,1px)*113);height:-moz-calc(var(--rpx,1px)*113);height:calc(var(--rpx, 1px)*113)}.mo\:h-412rpx{height:-webkit-calc(var(--rpx,1px)*412);height:-moz-calc(var(--rpx,1px)*412);height:calc(var(--rpx, 1px)*412)}.mo\:text-14px{font-size:14px;line-height:1}.mo\:text-60rpx{font-size:-webkit-calc(var(--rpx,1px)*60);font-size:-moz-calc(var(--rpx,1px)*60);font-size:calc(var(--rpx, 1px)*60);line-height:1}.mo\:text-36rpx{font-size:-webkit-calc(var(--rpx,1px)*36);font-size:-moz-calc(var(--rpx,1px)*36);font-size:calc(var(--rpx, 1px)*36);line-height:1}.mo\:text-18px{font-size:18px;line-height:1}.mo\:leading-\[1\.4\]{line-height:1.4}.mo\:leading-\[1\.08\]{line-height:1.08}.mo\:leading-\[1\.3\]{line-height:1.3}.mo\:leading-\[1\.67\]{line-height:1.67}.mo\:mt-28rpx{margin-top:calc(var(--rpx, 1px)*28)}.mo\:mt-131rpx{margin-top:calc(var(--rpx, 1px)*131)}.mo\:mb-20rpx{margin-bottom:calc(var(--rpx, 1px)*20)}.mo\:mb-48rpx{margin-bottom:calc(var(--rpx, 1px)*48)}.mo\:mt-8rpx{margin-top:calc(var(--rpx, 1px)*8)}.mo\:mt-24rpx{margin-top:calc(var(--rpx, 1px)*24)}.mo\:mt-48rpx{margin-top:calc(var(--rpx, 1px)*48)}.mo\:mt-16px{margin-top:16px}.mo\:ml-16px{margin-left:16px}.mo\:px-24rpx{padding-left:calc(var(--rpx, 1px)*24);padding-right:calc(var(--rpx, 1px)*24)}.mo\:py-48rpx{padding-bottom:calc(var(--rpx, 1px)*48);padding-top:calc(var(--rpx, 1px)*48)}.mo\:py-5rpx{padding-bottom:calc(var(--rpx, 1px)*5);padding-top:calc(var(--rpx, 1px)*5)}.mo\:px-14rpx{padding-left:calc(var(--rpx, 1px)*14);padding-right:calc(var(--rpx, 1px)*14)}.mo\:pt-9px{padding-top:9px}.mo\:pb-60rpx{padding-bottom:calc(var(--rpx, 1px)*60)}.mo\:absolute{position:absolute}.mo\:relative{position:relative}.mo\:top-0{top:0}.mo\:left-0{left:0}.mo\:top-10rpx{top:-webkit-calc(var(--rpx,1px)*10);top:-moz-calc(var(--rpx,1px)*10);top:calc(var(--rpx, 1px)*10)}.mo\:right-0{right:0}.mo\:left-16rpx{left:-webkit-calc(var(--rpx,1px)*16);left:-moz-calc(var(--rpx,1px)*16);left:calc(var(--rpx, 1px)*16)}.mo\:bottom-24rpx{bottom:-webkit-calc(var(--rpx,1px)*24);bottom:-moz-calc(var(--rpx,1px)*24);bottom:calc(var(--rpx, 1px)*24)}.mo\:text-center{text-align:center}.mo\:text-white{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.mo\:tracking-0\.042em{letter-spacing:.042em}.mo\:tracking-0\.025em{letter-spacing:.025em}.mo\:tracking-0\.039em{letter-spacing:.039em}.mo\:tracking-0\.035em{letter-spacing:.035em}.mo\:tracking-0\.02em{letter-spacing:.02em}.mo\:w-full{width:100%}.mo\:w-120px{width:120px}.mo\:w-240rpx{width:-webkit-calc(var(--rpx,1px)*240);width:-moz-calc(var(--rpx,1px)*240);width:calc(var(--rpx, 1px)*240)}.mo\:w-200rpx{width:-webkit-calc(var(--rpx,1px)*200);width:-moz-calc(var(--rpx,1px)*200);width:calc(var(--rpx, 1px)*200)}.mo\:w-30rpx{width:-webkit-calc(var(--rpx,1px)*30);width:-moz-calc(var(--rpx,1px)*30);width:calc(var(--rpx, 1px)*30)}.mo\:w-312rpx{width:-webkit-calc(var(--rpx,1px)*312);width:-moz-calc(var(--rpx,1px)*312);width:calc(var(--rpx, 1px)*312)}.mo\:w-144px{width:144px}.mo\:w-796rpx{width:-webkit-calc(var(--rpx,1px)*796);width:-moz-calc(var(--rpx,1px)*796);width:calc(var(--rpx, 1px)*796)}.mo\:w-324rpx{width:-webkit-calc(var(--rpx,1px)*324);width:-moz-calc(var(--rpx,1px)*324);width:calc(var(--rpx, 1px)*324)}.mo\:z-2{z-index:2}.mo\:full{height:100%;width:100%}}@media (min-width:1024px){.pct\:text-18rpx{font-size:-webkit-calc(var(--rpx,1px)*18);font-size:-moz-calc(var(--rpx,1px)*18);font-size:calc(var(--rpx, 1px)*18);line-height:1}.pct\:text-120rpx{font-size:-webkit-calc(var(--rpx,1px)*120);font-size:-moz-calc(var(--rpx,1px)*120);font-size:calc(var(--rpx, 1px)*120);line-height:1}.pct\:text-24px{font-size:24px;line-height:1}.pct\:text-18px{font-size:18px;line-height:1}.pct\:text-16px{font-size:16px;line-height:1}.pct\:text-22px{font-size:22px;line-height:1}.pct\:leading-\[1\.2\]{line-height:1.2}.pct\:leading-\[1\.1\]{line-height:1.1}.pct\:leading-\[1\.5\]{line-height:1.5}.pct\:leading-\[1\.3\]{line-height:1.3}.pct\:leading-30px{line-height:30px}.pct\:tracking-0\.6px{letter-spacing:.6px}.pct\:tracking-1\.5px{letter-spacing:1.5px}.pct\:tracking-0\.027em{letter-spacing:.027em}.pct\:tracking-0\.02em{letter-spacing:.02em}.pct\:tracking-0\.054em{letter-spacing:.054em}}@media (max-width:1023px){.mot\:font-bold{font-weight:700}.mot\:text-24px{font-size:24px;line-height:1}.mot\:text-14px{font-size:14px;line-height:1}.mot\:text-16px{font-size:16px;line-height:1}.mot\:leading-\[1\.33\]{line-height:1.33}.mot\:leading-\[1\.3\]{line-height:1.3}.mot\:leading-\[1\.13\]{line-height:1.13}.mot\:mt-8rpx{margin-top:calc(var(--rpx, 1px)*8)}.mot\:absolute{position:absolute}.mot\:top-0{top:0}.mot\:left-0{left:0}.mot\:tracking-0\.02em{letter-spacing:.02em}.mot\:tracking-0\.07em{letter-spacing:.07em}.mot\:z-1{z-index:1}}.zn--wrapper{font-size:16px}.zn--wrapper img:not([data-no-lazy-load]):not([src^="https://via.placeholder.com/"]):not(.loaded),.zn--wrapper img:not([data-no-lazy-load]):not([src^="https://via.placeholder.com/"]):not([src]),.zn--wrapper img:not([data-no-lazy-load]):not([src^="https://via.placeholder.com/"])[src=""]{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;-webkit-background-size:cover;background-size:cover}.zn--wrapper br{font-family:Open Sans,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Roboto,Arial,PingFang SC,Hiragino Sans GB,Microsoft Yahei,Microsoft Jhenghei,"sans-serif"}.zn--wrapper h1{clip:rect(1px,1px,1px,1px);border:none;-webkit-clip-path:inset(0 0 99.9%);clip-path:inset(0 0 99.9%);height:1px;margin:0;overflow:hidden;padding:0;position:absolute;width:1px}.zn--replacement-tool{--p-6:#4c3fb3;--p-5:#6a5ecc;--p-4:#968dda;--k-2:#e5e5e5;--k-3:#a9a9b5;--white:#fff;--border-radius:12ex}.zn--wrapper[mode=EDITING] .zn-text-inner:hover{background:#4c3fb3;color:#fff}.zn--wrapper .zn-text-inner{font-size:inherit;line-height:inherit}.zn--wrapper [contenteditable=true]{caret-color:#4c3fb3;outline:none}.zn--replacement-tool-wrapper .zn--replacement-tool .Toastify__toast{margin:0 auto 10px;width:140ex;width:-webkit-calc(var(--rpx,1px)*320);width:-moz-calc(var(--rpx,1px)*320);width:calc(var(--rpx, 1px)*320)}.zn--replacement-tool-wrapper .zn--replacement-tool .Toastify__toast-container{bottom:0;left:-webkit-calc(50vw - 20px)!important;left:-moz-calc(50vw - 20px)!important;left:calc(50vw - 20px)!important;left:-webkit-calc(var(--vw,1vw)*50 - 20px)!important;left:-moz-calc(var(--vw,1vw)*50 - 20px)!important;left:calc(var(--vw, 1vw)*50 - 20px)!important;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translate(-50%)}.abs{left:0;position:absolute;top:0}.full{height:100%;width:100%}.trans-center{left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.abs-full{height:100%;width:100%}.abs-center,.abs-full{left:0;position:absolute;top:0}.abs-center{left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.flex-center{-webkit-box-pack:center;-moz-box-pack:center;-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-justify-content:center;justify-content:center}.flex-center.col{-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}#section-landing-kv .count-number{font-family:KvNumberFont}body.no-scroll{overflow-y:hidden}body.zn--body-fixed{position:fixed}#webpack-dev-server-client-overlay{display:none}.scrollbar-hidden::-webkit-scrollbar{display:none}.scrollbar-hidden{-ms-overflow-style:none;scrollbar-width:none}@font-face{font-family:KvNumberFont;src:url(/content/dam/oppo/event-page-asset/oppo-and-uefa-champions-league-2024/en/landing/e5379a7e4ce0761a6b4d.ttf) format("truetype")}@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)}.mo-only,.pad-only,.pc-hidden{display:none}#section-landing-events-en .dashed-line{background-image:-webkit-gradient(linear,left top,left bottom,from(#0e3aff),color-stop(50%,#0e3aff),color-stop(50%,transparent));background-image:-webkit-linear-gradient(top,#0e3aff,#0e3aff 50%,transparent 0);background-image:-moz-linear-gradient(top,#0e3aff 0,#0e3aff 50%,transparent 50%);background-image:linear-gradient(180deg,#0e3aff 0,#0e3aff 50%,transparent 0);background-repeat:repeat-y;-webkit-background-size:100% -webkit-calc(var(--rpx,1px)*40);background-size:100% -moz-calc(var(--rpx,1px)*40);background-size:100% calc(var(--rpx, 1px)*40);height:-webkit-calc(100% - var(--rpx,1px)*32);height:-moz-calc(100% - var(--rpx,1px)*32);height:calc(100% - var(--rpx, 1px)*32);width:-webkit-calc(var(--rpx,1px)*6);width:-moz-calc(var(--rpx,1px)*6);width:calc(var(--rpx, 1px)*6)}}@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)}.mo-hidden,.pad-only,.pc-only{display:none}#section-landing-events-en .dashed-line{background:-webkit-gradient(linear,left top,left bottom,from(#0e3aff),to(#003));background:-webkit-linear-gradient(top,#0e3aff,#003);background:-moz-linear-gradient(top,#0e3aff 0,#003 100%);background:linear-gradient(180deg,#0e3aff 0,#003);height:-webkit-calc(100% - var(--rpx,1px)*86);height:-moz-calc(100% - var(--rpx,1px)*86);height:calc(100% - var(--rpx, 1px)*86);width:-webkit-calc(var(--rpx,1px)*4);width:-moz-calc(var(--rpx,1px)*4);width:calc(var(--rpx, 1px)*4)}}@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)}.mo-only,.pad-hidden,.pc-only{display:none}#section-landing-events-en .dashed-line{background:-webkit-gradient(linear,left top,left bottom,from(#0e3aff),to(#003));background:-webkit-linear-gradient(top,#0e3aff,#003);background:-moz-linear-gradient(top,#0e3aff 0,#003 100%);background:linear-gradient(180deg,#0e3aff 0,#003);height:-webkit-calc(100% - var(--rpx,1px)*127);height:-moz-calc(100% - var(--rpx,1px)*127);height:calc(100% - var(--rpx, 1px)*127);width:-webkit-calc(var(--rpx,1px)*4);width:-moz-calc(var(--rpx,1px)*4);width:calc(var(--rpx, 1px)*4)}.kaka-text{bottom:-webkit-calc(var(--rpx,1px)*140)!important;bottom:-moz-calc(var(--rpx,1px)*140)!important;bottom:calc(var(--rpx, 1px)*140)!important;left:-webkit-calc(var(--rpx,1px)*26)!important;left:-moz-calc(var(--rpx,1px)*26)!important;left:calc(var(--rpx, 1px)*26)!important;width:-webkit-calc(var(--rpx,1px)*208)!important;width:-moz-calc(var(--rpx,1px)*208)!important;width:calc(var(--rpx, 1px)*208)!important}}@media (orientation:portrait) and (max-width:1023px){#oc-header.fixed{visibility:hidden}.zn--wrapper .pc-only{display:none}}#loader-fps{--point-color:transparent;--size:2px;-webkit-box-align:center;-moz-box-align:center;-webkit-box-pack:center;-moz-box-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: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);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);transform:scale(2)}}@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)}.mo-only,.pad-only,.pc-hidden{display:none}.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));transform:translateY(calc(var(--rpx, 1px)*80));-webkit-transition:opacity .6s,-webkit-transform .6s;transition:opacity .6s,-webkit-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}.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));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;-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}.fade-in-pc.show,.fade-in-pc[data-slight].show{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-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));transform:translateY(calc(var(--rpx, 1px)*80));-webkit-transition:opacity .6s,-webkit-transform .6s;transition:opacity .6s,-webkit-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}.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));transform:translateY(calc(var(--rpx, 1px)*50))}.fade-in[data-slow]{-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,-webkit-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}.fade-in.show,.fade-in[data-slight].show{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-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)}.mo-hidden,.pad-only,.pc-only{display:none}.fade-in-mo{opacity:0;-webkit-transform:translateY(50ex);-moz-transform:translateY(50ex);-ms-transform:translateY(50ex);transform:translateY(50ex);-webkit-transition:opacity .6s,-webkit-transform .6s;transition:opacity .6s,-webkit-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}.fade-in-mo[data-slight]{-webkit-transform:translateY(30ex);-moz-transform:translateY(30ex);-ms-transform:translateY(30ex);transform:translateY(30ex)}.fade-in-mo[data-slow]{-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,-webkit-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}.fade-in-mo.show,.fade-in-mo[data-slight].show{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.fade-in{opacity:0;-webkit-transform:translateY(50ex);-moz-transform:translateY(50ex);-ms-transform:translateY(50ex);transform:translateY(50ex);-webkit-transition:opacity .6s,-webkit-transform .6s;transition:opacity .6s,-webkit-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}.fade-in[data-slight]{-webkit-transform:translateY(30ex);-moz-transform:translateY(30ex);-ms-transform:translateY(30ex);transform:translateY(30ex)}.fade-in[data-slow]{-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,-webkit-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}.fade-in.show,.fade-in[data-slight].show{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-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)}.mo-only,.pad-hidden,.pc-only{display:none}}[ani-autoplay-video],[ani-video-wrapper]{-webkit-clip-path:inset(0);clip-path:inset(0);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(0);clip-path:inset(0)}[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}[ani-autoplay-video] .replay,[ani-video-wrapper] .replay{-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;align-items:center;bottom:-webkit-calc(var(--rpx,1px)*20);bottom:-moz-calc(var(--rpx,1px)*20);bottom:calc(var(--rpx, 1px)*20);color:#fff;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;font-size:14px;line-height:18px;opacity:0;pointer-events:none;position:absolute;right:-webkit-calc(var(--rpx,1px)*20);right:-moz-calc(var(--rpx,1px)*20);right:calc(var(--rpx, 1px)*20);text-decoration:underline;text-underline-offset:2px;z-index:2}[ani-autoplay-video] .replay:after,[ani-video-wrapper] .replay:after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMy4xODQgNS43VjIuMmgtMS4wNjd2MS43OWE1Ljc4NCA1Ljc4NCAwIDEgMCAxLjY1IDQuMDQzSDEyLjdhNC43MTYgNC43MTYgMCAxIDEtLjk3Mi0yLjg2Nkg5LjE1djEuMDY3aDMuNWEuNTMzLjUzMyAwIDAgMCAuNTM0LS41MzRaIiBmaWxsPSIjZmZmIi8+PC9zdmc+);-webkit-background-size:16px 16px;background-size:16px;content:"";display:inline-block;height:16px;width:16px}[ani-autoplay-video] .replay.actived,[ani-video-wrapper] .replay.actived{cursor:pointer;opacity:1;pointer-events:auto}[ani-autoplay-video] .replay.light,[ani-video-wrapper] .replay.light{color:#000}[ani-autoplay-video] .replay.light:after,[ani-video-wrapper] .replay.light:after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMy4xODQgNS43VjIuMmgtMS4wNjd2MS43OWE1Ljc4NCA1Ljc4NCAwIDEgMCAxLjY1IDQuMDQzSDEyLjdhNC43MTYgNC43MTYgMCAxIDEtLjk3Mi0yLjg2Nkg5LjE1djEuMDY3aDMuNWEuNTMzLjUzMyAwIDAgMCAuNTM0LS41MzRaIiBmaWxsPSIjMDAwIi8+PC9zdmc+)}@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}#oc-wrapper{overflow:visible;-webkit-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;-moz-transition:none;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:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@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)}.mo-only,.pad-only,.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)}.mo-hidden,.pad-only,.pc-only{display:none}[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){: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)}.mo-only,.pad-hidden,.pc-only{display:none}[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;--rpx:min(-webkit-calc((100vw - 128px)*var(--r,1px)/1312),1px);--rpx:min(-moz-calc((100vw - 128px)*var(--r,1px)/1312),1px);--rpx:min(calc((100vw - 128px)*var(--r, 1px)/1312),1px);--rpx:min(-webkit-calc((var(--vw,1vw)*100 - 128px)*var(--r,1px)/1312),1px);--rpx:min(-moz-calc((var(--vw,1vw)*100 - 128px)*var(--r,1px)/1312),1px);--rpx:min(calc((var(--vw, 1vw)*100 - 128px)*var(--r, 1px)/1312),1px)}}