.g--popup{height:var(--window-height,100vh);height:var(--window-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--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 .iframe-poster,.g--popup .g--video-wrapper .video,.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 .iframe-poster,.video-portrait.g--popup .g--video-wrapper .video,.video-portrait.g--popup .g--video-wrapper video{-o-object-fit:contain;object-fit:contain}.g--popup .g--video-wrapper .iframe-poster{animation-duration:1.4s;animation-iteration-count:infinite;animation-name:skeletonLoading;animation-timing-function:ease;background:linear-gradient(90deg,rgba(0,0,0,.06) 25%,rgba(0,0,0,.15) 37%,rgba(0,0,0,.06) 63%);background-size:400% 100%;left:0;position:absolute;top:0;z-index:0}.g--popup .g--video-wrapper iframe.video{position:relative;z-index:1}.g--popup .g--video-wrapper .video[src=""],.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}.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}@keyframes skeletonLoading{0%{background-position:100% 50%}to{background-position:0 50%}}@media (min-width:1024px){.zn--wrapper .pct\:font-bold{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 .pct\:font-medium{font-family:OPPOSans-Ver2-Medium,OPPOSans-Medium,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400}:root{--rpx:calc(.07622vw - .09756px);--rpx:calc(var(--vw, 1vw)*100/1312 - .09756px)}.mo-only,.mo-show,.pad-only,.pad-show,.pc-hidden{display:none}.g--popup .g--video-wrapper .iframe-poster,.g--popup .g--video-wrapper iframe.video{height:34.115vw;height:calc(var(--vw, 1vw)*34.115)}.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){:root{--rpx:calc(.30488vw - .09756px);--rpx:calc(var(--vw, 1vw)*100/328 - .09756px)}.mo-hidden,.pad-only,.pad-show,.pc-only,.pc-show{display:none}.g--popup .g--popup-container{padding:0}.g--popup .g--video-wrapper .iframe-poster,.g--popup .g--video-wrapper iframe.video{height:50.634vw;height:calc(var(--vw, 1vw)*50.634);width:90vw;width:calc(var(--vw, 1vw)*90)}.g--popup .g--video-wrapper.v1{width:100vw;width:calc(var(--vw, 1vw)*100)}.g--popup .g--video-wrapper.v2{max-width:90vw;max-width:calc(var(--vw, 1vw)*90)}.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) - 59px)}}@media (min-width:650px) and (max-width:1023px){:root{--rpx:calc(.13889vw - .06667px);--rpx:calc(var(--vw, 1vw)*100/720 - .06667px)}.mo-only,.mo-show,.pad-hidden,.pc-only,.pc-show{display:none}.g--popup .g--video-wrapper .iframe-poster,.g--popup .g--video-wrapper iframe.video{height:42.1875vw;height:calc(var(--vw, 1vw)*42.1875);width:75vw;width:calc(var(--vw, 1vw)*75)}.g--popup .g--video-wrapper.v1{max-width:75vw;max-width:calc(var(--vw, 1vw)*75)}.g--popup .g--video-wrapper.v2{width:75vw;width:calc(var(--vw, 1vw)*75)}}@media (min-height:600px){.touch .g--popup .g--popup-close.v2{top:110px}}.zn--wrapper .container{width:100%}.zn--wrapper .bg-\[\#000\]{--tw-bg-opacity:1;background-color:rgba(0,0,0,var(--tw-bg-opacity))}.zn--wrapper .bg-\[\#fff\]{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.zn--wrapper .bg-\[\#151515\]{--tw-bg-opacity:1;background-color:rgba(21,21,21,var(--tw-bg-opacity))}.zn--wrapper .bg-black{--tw-bg-opacity:1;background-color:rgba(0,0,0,var(--tw-bg-opacity))}.zn--wrapper .bg-opacity-15{--tw-bg-opacity:.15}.zn--wrapper .bg-opacity-35{--tw-bg-opacity:.35}.zn--wrapper .bg-opacity-95{--tw-bg-opacity:.95}.zn--wrapper .border-white{--tw-border-opacity:1;border-color:rgba(255,255,255,var(--tw-border-opacity))}.zn--wrapper .rounded-full{border-radius:9999px}.zn--wrapper .border-solid{border-style:solid}.zn--wrapper .border-1px{border-width:1px}.zn--wrapper .flex{display:flex}.zn--wrapper .inline-flex{display:inline-flex}.zn--wrapper .grid{display:grid}.zn--wrapper .flex-col{flex-direction:column}.zn--wrapper .items-start{align-items:flex-start}.zn--wrapper .items-center{align-items:center}.zn--wrapper .self-stretch{align-self:stretch}.zn--wrapper .justify-start{justify-content:flex-start}.zn--wrapper .justify-center{justify-content:center}.zn--wrapper .justify-between{justify-content:space-between}.zn--wrapper .flex-shrink-0{flex-shrink:0}.zn--wrapper .font-medium{font-weight:500}.zn--wrapper .h-full{height:100%}.zn--wrapper .mx-auto{margin-left:auto;margin-right:auto}.zn--wrapper .mt-12px{margin-top:12px}.zn--wrapper .object-cover{-o-object-fit:cover;object-fit:cover}.zn--wrapper .opacity-0{opacity:0}.zn--wrapper .opacity-95{opacity:.95}.zn--wrapper .opacity-55{opacity:.55}.zn--wrapper .overflow-hidden{overflow:hidden}.zn--wrapper .absolute{position:absolute}.zn--wrapper .relative{position:relative}.zn--wrapper .top-0{top:0}.zn--wrapper .left-0{left:0}.zn--wrapper .text-center{text-align:center}.zn--wrapper .text-\[\#fff\],.zn--wrapper .text-\[\#ffffff\]{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.zn--wrapper .text-\[\#000000\],.zn--wrapper .text-\[\#000\]{--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity))}.zn--wrapper .w-screen{width:100vw;width:calc(var(--vw, 1vw)*100)}.zn--wrapper .w-full{width:100%}.zn--wrapper .grid-flow-col{grid-auto-flow:column}.zn--wrapper .full{height:100%;width:100%}@media (min-width:1024px){:root{--rpx:calc(.07622vw - .09756px);--rpx:calc(var(--vw, 1vw)*100/1312 - .09756px)}.zn--wrapper .pct\:font-bold{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 .pct\:font-medium{font-family:OPPOSans-Ver2-Medium,OPPOSans-Medium,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400}.zn--wrapper .pc\:rounded-16rpx{border-radius:calc(var(--rpx, 1px)*16)}.zn--wrapper .pc\:cursor-pointer{cursor:pointer}.zn--wrapper .pc\:flex{display:flex}.zn--wrapper .pc\:flex-wrap{flex-wrap:wrap}.zn--wrapper .pc\:items-center{align-items:center}.zn--wrapper .pc\:justify-center{justify-content:center}.zn--wrapper .pc\:justify-between{justify-content:space-between}.zn--wrapper .pc\:h-\[44\.44vw\]{height:44.44vw;height:calc(var(--vw, 1vw)*44.44)}.zn--wrapper .pc\:h-600rpx{height:calc(var(--rpx, 1px)*600)}.zn--wrapper .pc\:h-36rpx{height:calc(var(--rpx, 1px)*36)}.zn--wrapper .pc\:h-11rpx{height:calc(var(--rpx, 1px)*11)}.zn--wrapper .pc\:h-8rpx{height:calc(var(--rpx, 1px)*8)}.zn--wrapper .pc\:h-463rpx{height:calc(var(--rpx, 1px)*463)}.zn--wrapper .pc\:ml-12rpx{margin-left:calc(var(--rpx, 1px)*12)}.zn--wrapper .pc\:mt-16rpx{margin-top:calc(var(--rpx, 1px)*16)}.zn--wrapper .pc\:ml-8rpx{margin-left:calc(var(--rpx, 1px)*8)}.zn--wrapper .pc\:mt-36rpx{margin-top:calc(var(--rpx, 1px)*36)}.zn--wrapper .pc\:mt-20rpx{margin-top:calc(var(--rpx, 1px)*20)}.zn--wrapper .pc\:mt-8rpx{margin-top:calc(var(--rpx, 1px)*8)}.zn--wrapper .pc\:p-12rpx{padding:calc(var(--rpx, 1px)*12)}.zn--wrapper .pc\:py-\[4\.44vw\]{padding-bottom:4.44vw;padding-bottom:calc(var(--vw, 1vw)*4.44);padding-top:4.44vw;padding-top:calc(var(--vw, 1vw)*4.44)}.zn--wrapper .pc\:px-20rpx{padding-left:calc(var(--rpx, 1px)*20);padding-right:calc(var(--rpx, 1px)*20)}.zn--wrapper .pc\:py-9rpx{padding-bottom:calc(var(--rpx, 1px)*9);padding-top:calc(var(--rpx, 1px)*9)}.zn--wrapper .pc\:px-19rpx{padding-left:calc(var(--rpx, 1px)*19);padding-right:calc(var(--rpx, 1px)*19)}.zn--wrapper .pc\:py-8rpx{padding-bottom:calc(var(--rpx, 1px)*8);padding-top:calc(var(--rpx, 1px)*8)}.zn--wrapper .pc\:px-40rpx{padding-left:calc(var(--rpx, 1px)*40);padding-right:calc(var(--rpx, 1px)*40)}.zn--wrapper .pc\:py-36rpx{padding-bottom:calc(var(--rpx, 1px)*36);padding-top:calc(var(--rpx, 1px)*36)}.zn--wrapper .pc\:py-80rpx{padding-bottom:calc(var(--rpx, 1px)*80)}.zn--wrapper .pc\:pt-80rpx,.zn--wrapper .pc\:py-80rpx{padding-top:calc(var(--rpx, 1px)*80)}.zn--wrapper .pc\:pb-64rpx{padding-bottom:calc(var(--rpx, 1px)*64)}.zn--wrapper .pc\:pl-60rpx{padding-left:calc(var(--rpx, 1px)*60)}.zn--wrapper .pc\:pt-40rpx{padding-top:calc(var(--rpx, 1px)*40)}.zn--wrapper .pc\:bottom-32rpx{bottom:calc(var(--rpx, 1px)*32)}.zn--wrapper .pc\:right-32rpx{right:calc(var(--rpx, 1px)*32)}.zn--wrapper .pc\:bottom-24rpx{bottom:calc(var(--rpx, 1px)*24)}.zn--wrapper .pc\:text-center{text-align:center}.zn--wrapper .pc\:w-auto{width:auto}.zn--wrapper .pc\:w-full{width:100%}.zn--wrapper .pc\:w-1312rpx{width:calc(var(--rpx, 1px)*1312)}.zn--wrapper .pc\:w-102rpx{width:calc(var(--rpx, 1px)*102)}.zn--wrapper .pc\:w-8rpx{width:calc(var(--rpx, 1px)*8)}.zn--wrapper .pc\:w-652rpx{width:calc(var(--rpx, 1px)*652)}.zn--wrapper .pc\:gap-16rpx{grid-gap:calc(var(--rpx, 1px)*16);gap:calc(var(--rpx, 1px)*16)}}@media (max-width:649px){:root{--rpx:calc(.30488vw - .09756px);--rpx:calc(var(--vw, 1vw)*100/328 - .09756px)}.zn--wrapper .mo\:rounded-8rpx{border-radius:calc(var(--rpx, 1px)*8)}.zn--wrapper .mo\:flex{display:flex}.zn--wrapper .mo\:flex-col{flex-direction:column}.zn--wrapper .mo\:items-center{align-items:center}.zn--wrapper .mo\:font-medium{font-weight:500}.zn--wrapper .mo\:h-640rpx{height:calc(var(--rpx, 1px)*640)}.zn--wrapper .mo\:h-538rpx{height:calc(var(--rpx, 1px)*538)}.zn--wrapper .mo\:h-16rpx{height:calc(var(--rpx, 1px)*16)}.zn--wrapper .mo\:text-28px{font-size:28px;line-height:1}.zn--wrapper .mo\:text-14px{font-size:14px;line-height:1}.zn--wrapper .mo\:leading-\[1\.29\]{line-height:1.29}.zn--wrapper .mo\:leading-\[1\.57\]{line-height:1.57}.zn--wrapper .mo\:leading-\[1\.4\]{line-height:1.4}.zn--wrapper .mo\:mx-auto{margin-left:auto;margin-right:auto}.zn--wrapper .mo\:mt-58rpx{margin-top:calc(var(--rpx, 1px)*58)}.zn--wrapper .mo\:mt-16rpx{margin-top:calc(var(--rpx, 1px)*16)}.zn--wrapper .mo\:mt-4rpx{margin-top:calc(var(--rpx, 1px)*4)}.zn--wrapper .mo\:p-16rpx{padding:calc(var(--rpx, 1px)*16)}.zn--wrapper .mo\:pt-64rpx{padding-top:calc(var(--rpx, 1px)*64)}.zn--wrapper .mo\:pb-48rpx{padding-bottom:calc(var(--rpx, 1px)*48)}.zn--wrapper .mo\:bottom-12rpx{bottom:calc(var(--rpx, 1px)*12)}.zn--wrapper .mo\:right-12rpx{right:calc(var(--rpx, 1px)*12)}.zn--wrapper .mo\:bottom-16rpx{bottom:calc(var(--rpx, 1px)*16)}.zn--wrapper .mo\:text-center{text-align:center}.zn--wrapper .mo\:-tracking-0\.01em{letter-spacing:-.01em}.zn--wrapper .mo\:w-full{width:100%}.zn--wrapper .mo\:w-328rpx{width:calc(var(--rpx, 1px)*328)}.zn--wrapper .mo\:w-45rpx{width:calc(var(--rpx, 1px)*45)}}@media (min-width:650px) and (max-width:1023px){:root{--rpx:calc(.13889vw - .06667px);--rpx:calc(var(--vw, 1vw)*100/720 - .06667px)}.zn--wrapper .pad\:rounded-8rpx{border-radius:calc(var(--rpx, 1px)*8)}.zn--wrapper .pad\:flex{display:flex}.zn--wrapper .pad\:flex-wrap{flex-wrap:wrap}.zn--wrapper .pad\:items-start{align-items:flex-start}.zn--wrapper .pad\:items-center{align-items:center}.zn--wrapper .pad\:justify-center{justify-content:center}.zn--wrapper .pad\:justify-between{justify-content:space-between}.zn--wrapper .pad\:h-640rpx{height:calc(var(--rpx, 1px)*640)}.zn--wrapper .pad\:h-406rpx{height:calc(var(--rpx, 1px)*406)}.zn--wrapper .pad\:h-24rpx{height:calc(var(--rpx, 1px)*24)}.zn--wrapper .pad\:text-50px{font-size:50px;line-height:1}.zn--wrapper .pad\:text-24px{font-size:24px;line-height:1}.zn--wrapper .pad\:text-32px{font-size:32px;line-height:1}.zn--wrapper .pad\:leading-\[1\.16\]{line-height:1.16}.zn--wrapper .pad\:leading-\[1\.33\]{line-height:1.33}.zn--wrapper .pad\:leading-\[1\.4\]{line-height:1.4}.zn--wrapper .pad\:mt-24rpx{margin-top:calc(var(--rpx, 1px)*24)}.zn--wrapper .pad\:mt-4rpx{margin-top:calc(var(--rpx, 1px)*4)}.zn--wrapper .pad\:p-12rpx{padding:calc(var(--rpx, 1px)*12)}.zn--wrapper .pad\:py-48rpx{padding-bottom:calc(var(--rpx, 1px)*48)}.zn--wrapper .pad\:pt-48rpx,.zn--wrapper .pad\:py-48rpx{padding-top:calc(var(--rpx, 1px)*48)}.zn--wrapper .pad\:pb-24rpx{padding-bottom:calc(var(--rpx, 1px)*24)}.zn--wrapper .pad\:pl-24rpx{padding-left:calc(var(--rpx, 1px)*24)}.zn--wrapper .pad\:pb-18rpx{padding-bottom:calc(var(--rpx, 1px)*18)}.zn--wrapper .pad\:bottom-16rpx{bottom:calc(var(--rpx, 1px)*16)}.zn--wrapper .pad\:right-16rpx{right:calc(var(--rpx, 1px)*16)}.zn--wrapper .pad\:bottom-30rpx{bottom:calc(var(--rpx, 1px)*30)}.zn--wrapper .pad\:w-full{width:100%}.zn--wrapper .pad\:w-720rpx{width:calc(var(--rpx, 1px)*720)}.zn--wrapper .pad\:w-68rpx{width:calc(var(--rpx, 1px)*68)}.zn--wrapper .pad\:w-358rpx{width:calc(var(--rpx, 1px)*358)}}@media (min-width:1024px){.zn--wrapper .pct\:font-medium{font-weight:500}.zn--wrapper .pct\:text-56rpx{font-size:calc(var(--rpx, 1px)*56);line-height:1}.zn--wrapper .pct\:text-24rpx{font-size:calc(var(--rpx, 1px)*24);line-height:1}.zn--wrapper .pct\:text-48rpx{font-size:calc(var(--rpx, 1px)*48);line-height:1}.zn--wrapper .pct\:text-10rpx{font-size:calc(var(--rpx, 1px)*10);line-height:1}.zn--wrapper .pct\:text-32rpx{font-size:calc(var(--rpx, 1px)*32);line-height:1}.zn--wrapper .pct\:text-14rpx{font-size:calc(var(--rpx, 1px)*14);line-height:1}.zn--wrapper .pct\:text-36rpx{font-size:calc(var(--rpx, 1px)*36);line-height:1}.zn--wrapper .pct\:text-34rpx{font-size:calc(var(--rpx, 1px)*34);line-height:1}.zn--wrapper .pct\:text-16rpx{font-size:calc(var(--rpx, 1px)*16);line-height:1}.zn--wrapper .pct\:text-14px{font-size:14px;line-height:1}.zn--wrapper .pct\:text-12rpx{font-size:calc(var(--rpx, 1px)*12);line-height:1}.zn--wrapper .pct\:leading-\[1\]{line-height:1}.zn--wrapper .pct\:leading-\[1\.33\]{line-height:1.33}.zn--wrapper .pct\:leading-\[1\.4\]{line-height:1.4}.zn--wrapper .pct\:leading-\[1\.13\]{line-height:1.13}.zn--wrapper .pct\:leading-\[1\.57\]{line-height:1.57}.zn--wrapper .pct\:leading-\[1\.5\]{line-height:1.5}.zn--wrapper .pct\:leading-\[1\.41\]{line-height:1.41}.zn--wrapper .pct\:leading-\[1\.67\]{line-height:1.67}.zn--wrapper .pct\:mt-16rpx{margin-top:calc(var(--rpx, 1px)*16)}.zn--wrapper .pct\:mt-4rpx{margin-top:calc(var(--rpx, 1px)*4)}.zn--wrapper .pct\:ml-12rpx{margin-left:calc(var(--rpx, 1px)*12)}.zn--wrapper .pct\:-tracking-0\.01em{letter-spacing:-.01em}.zn--wrapper .pct\:tracking-0\.02em{letter-spacing:.02em}}@media (max-width:1023px){.zn--wrapper .mot\:font-medium{font-weight:500}.zn--wrapper .mot\:h-8px{height:8px}.zn--wrapper .mot\:h-4rpx{height:calc(var(--rpx, 1px)*4)}.zn--wrapper .mot\:h-278rpx{height:calc(var(--rpx, 1px)*278)}.zn--wrapper .mot\:text-7px{font-size:7px;line-height:1}.zn--wrapper .mot\:text-18px{font-size:18px;line-height:1}.zn--wrapper .mot\:text-10px{font-size:10px;line-height:1}.zn--wrapper .mot\:text-24px{font-size:24px;line-height:1}.zn--wrapper .mot\:text-14px{font-size:14px;line-height:1}.zn--wrapper .mot\:text-12px{font-size:12px;line-height:1}.zn--wrapper .mot\:leading-\[1\]{line-height:1}.zn--wrapper .mot\:leading-\[1\.33\]{line-height:1.33}.zn--wrapper .mot\:leading-\[1\.8\]{line-height:1.8}.zn--wrapper .mot\:leading-\[1\.2\]{line-height:1.2}.zn--wrapper .mot\:leading-\[1\.44\]{line-height:1.44}.zn--wrapper .mot\:leading-\[1\.43\]{line-height:1.43}.zn--wrapper .mot\:leading-\[1\.67\]{line-height:1.67}.zn--wrapper .mot\:mt-5px{margin-top:5px}.zn--wrapper .mot\:ml-8px{margin-left:8px}.zn--wrapper .mot\:mt-12px{margin-top:12px}.zn--wrapper .mot\:mt-12rpx{margin-top:calc(var(--rpx, 1px)*12)}.zn--wrapper .mot\:ml-4rpx{margin-left:calc(var(--rpx, 1px)*4)}.zn--wrapper .mot\:mt-8rpx{margin-top:calc(var(--rpx, 1px)*8)}.zn--wrapper .mot\:ml-8rpx{margin-left:calc(var(--rpx, 1px)*8)}.zn--wrapper .mot\:p-6rpx{padding:calc(var(--rpx, 1px)*6)}.zn--wrapper .mot\:px-16px{padding-left:16px;padding-right:16px}.zn--wrapper .mot\:py-5px{padding-bottom:5px;padding-top:5px}.zn--wrapper .mot\:px-15px{padding-left:15px;padding-right:15px}.zn--wrapper .mot\:py-4px{padding-bottom:4px;padding-top:4px}.zn--wrapper .mot\:px-16rpx{padding-left:calc(var(--rpx, 1px)*16);padding-right:calc(var(--rpx, 1px)*16)}.zn--wrapper .mot\:py-5rpx{padding-bottom:calc(var(--rpx, 1px)*5);padding-top:calc(var(--rpx, 1px)*5)}.zn--wrapper .mot\:px-15rpx{padding-left:calc(var(--rpx, 1px)*15);padding-right:calc(var(--rpx, 1px)*15)}.zn--wrapper .mot\:py-4rpx{padding-bottom:calc(var(--rpx, 1px)*4);padding-top:calc(var(--rpx, 1px)*4)}.zn--wrapper .mot\:pt-64rpx{padding-top:calc(var(--rpx, 1px)*64)}.zn--wrapper .mot\:pb-80rpx{padding-bottom:calc(var(--rpx, 1px)*80)}.zn--wrapper .mot\:-tracking-0\.01em{letter-spacing:-.01em}.zn--wrapper .mot\:tracking-0\.02em{letter-spacing:.02em}.zn--wrapper .mot\:w-auto{width:auto}.zn--wrapper .mot\:w-full{width:100%}.zn--wrapper .mot\:w-4rpx{width:calc(var(--rpx, 1px)*4)}.zn--wrapper .mot\:gap-12rpx{grid-gap:calc(var(--rpx, 1px)*12);gap:calc(var(--rpx, 1px)*12)}}.zn--wrapper{color:#000;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 *{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--wrapper sup{font-size:60%;top:-1em;unicode-bidi:embed}.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%)}[ani-will-change-view] .will-change{will-change:var(--will-change)}[ani-will-change-view] .will-change-opacity{will-change:var(--will-change-opacity)}[ani-will-change-view] .will-change-clip{will-change:var(--will-change-clip)}.fix-round{transform:translateZ(0)}.fix-edge{-webkit-clip-path:inset(1px);clip-path:inset(1px)}.fix-edge-x{-webkit-clip-path:inset(0 1px);clip-path:inset(0 1px)}.fix-edge-y{-webkit-clip-path:inset(1px 0);clip-path:inset(1px 0)}.fix-mt{margin-top:-1px}html[lang^=ar] .zn--wrapper{direction:rtl;text-align:right}#section-banner .item-box+.item-box{margin-left:calc(var(--rpx, 1px)*16)}#section-banner .progress-box{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:background .3s}#section-banner .banner-inner{transition:transform .8s}#section-banner .progress{transition:width .6s}#section-banner .progress.activity{width:calc(var(--rpx, 1px)*24)}#section-banner .progress.activity .link{opacity:1}#section-banner .small:before{min-width:calc(var(--rpx, 1px)*20);right:0}#section-banner .small+.small:before,#section-banner .small:before{content:"";height:calc(var(--rpx, 1px)*20);position:absolute;width:100%}#section-banner .small+.small:before{left:0;min-width:calc(var(--rpx, 1px)*28)}.zn--wrapper #section-banner .bottom,.zn--wrapper #section-banner .item-2,.zn--wrapper[data-iot="1"] #section-other-products .iot .card2,.zn--wrapper[data-preview-status="1"] #section-other-products .a-more{display:none}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}@media (min-width:1024px){.zn--wrapper .pct\:font-bold{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 .pct\:font-medium{font-family:OPPOSans-Ver2-Medium,OPPOSans-Medium,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400}:root{--rpx:calc(.07622vw - .09756px);--rpx:calc(var(--vw, 1vw)*100/1312 - .09756px)}.mo-only,.mo-show,.pad-only,.pad-show,.pc-hidden{display:none}#section-banner .item-box+.item-box{margin-left:calc(var(--rpx, 1px)*32)}#section-banner .progress.activity{width:calc(var(--rpx, 1px)*48)}.pc-hide{display:none!important}.btn-b,.btn-b-t,.btn-w,.btn-w-t{transition:background .3s}.btn-w:hover{background:hsla(0,0%,100%,.8)}.btn-b:hover{background:rgba(0,0,0,.8)}.btn-b-t:hover{background:rgba(0,0,0,.08)}.btn-w-t:hover{background:hsla(0,0%,100%,.08)}.zn--wrapper[data-iot="1"] #section-other-products .iot .card1{flex-direction:row;height:calc(var(--rpx, 1px)*463);width:100%}.zn--wrapper[data-iot="1"] #section-other-products .iot .card1 img{flex-shrink:0;height:100%;width:calc(var(--rpx, 1px)*796)}.zn--wrapper[data-iot="1"] #section-other-products .iot .card1 .text-wrapper{height:100%;justify-content:space-between;padding:calc(var(--rpx, 1px)*64)}}@media (max-width:649px){:root{--rpx:calc(.30488vw - .09756px);--rpx:calc(var(--vw, 1vw)*100/328 - .09756px)}.mo-hidden,.pad-only,.pad-show,.pc-only,.pc-show{display:none}.mo-hide{display:none!important}}@media (min-width:650px) and (max-width:1023px){:root{--rpx:calc(.13889vw - .06667px);--rpx:calc(var(--vw, 1vw)*100/720 - .06667px)}.mo-only,.mo-show,.pad-hidden,.pc-only,.pc-show{display:none}#section-banner .item-box+.item-box{margin-left:calc(var(--rpx, 1px)*16)}.pad-hide{display:none!important}.zn--wrapper[data-iot="1"] #section-other-products .iot .card1{flex-direction:row;height:calc(var(--rpx, 1px)*278);width:100%}.zn--wrapper[data-iot="1"] #section-other-products .iot .card1 img{flex-shrink:0;height:100%;width:calc(var(--rpx, 1px)*403)}.zn--wrapper[data-iot="1"] #section-other-products .iot .card1 .text-wrapper{height:100%;justify-content:space-between;padding:calc(var(--rpx, 1px)*24)}}@media (orientation:portrait) and (max-width:1023px){#oc-header.fixed{visibility:hidden}.zn--wrapper .pc-only{display:none}}@media (min-width:650px) and (max-width:1023px) and (max-width:680px){.text-info{transform:scale(.9);transform-origin:left}}#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){.zn--wrapper .pct\:font-bold{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 .pct\:font-medium{font-family:OPPOSans-Ver2-Medium,OPPOSans-Medium,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400}:root{--rpx:calc(.07622vw - .09756px);--rpx:calc(var(--vw, 1vw)*100/1312 - .09756px)}.mo-only,.mo-show,.pad-only,.pad-show,.pc-hidden{display:none}.fade-in-pc{opacity:0;transform:translateY(calc(var(--rpx, 1px)*80));transition:transform .6s,opacity .6s;transition-delay:0}.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:var(--target-opacity,1);transform:translateY(0);transition-delay:var(--delay,0)}.fade-in{opacity:0;transform:translateY(calc(var(--rpx, 1px)*80));transition:transform .6s,opacity .6s;transition-delay:0}.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:var(--target-opacity,1);transform:translateY(0);transition-delay:var(--delay,0)}}@media (max-width:649px){:root{--rpx:calc(.30488vw - .09756px);--rpx:calc(var(--vw, 1vw)*100/328 - .09756px)}.mo-hidden,.pad-only,.pad-show,.pc-only,.pc-show{display:none}.fade-in-mo{opacity:0;transform:translateY(50px);transition:transform .6s,opacity .6s;transition-delay:0}.fade-in-mo[data-slight]{transform:translateY(30px)}.fade-in-mo[data-slow]{transition:transform 1s,opacity 1s}.fade-in-mo.show,.fade-in-mo[data-slight].show{opacity:var(--target-opacity,1);transform:translateY(0);transition-delay:var(--delay,0)}.fade-in{opacity:0;transform:translateY(50px);transition:transform .6s,opacity .6s;transition-delay:0}.fade-in[data-slight]{transform:translateY(30px)}.fade-in[data-slow]{transition:transform 1s,opacity 1s}.fade-in.show,.fade-in[data-slight].show{opacity:var(--target-opacity,1);transform:translateY(0);transition-delay:var(--delay,0)}}@media (min-width:650px) and (max-width:1023px){:root{--rpx:calc(.13889vw - .06667px);--rpx:calc(var(--vw, 1vw)*100/720 - .06667px)}.mo-only,.mo-show,.pad-hidden,.pc-only,.pc-show{display:none}.fade-in-pad{opacity:0;transition:transform .6s,opacity .6s;transition-delay:0}.fade-in-pad,.fade-in-pad[data-slight]{transform:translateY(50px)}.fade-in-pad[data-slow]{transition:transform 1s,opacity 1s}.fade-in-pad.show,.fade-in-pad[data-slight].show{opacity:var(--target-opacity,1);transform:translateY(0);transition-delay:var(--delay,0)}.fade-in{opacity:0;transition:transform .6s,opacity .6s;transition-delay:0}.fade-in,.fade-in[data-slight]{transform:translateY(50px)}.fade-in[data-slow]{transition:transform 1s,opacity 1s}.fade-in.show,.fade-in[data-slight].show{opacity:var(--target-opacity,1);transform:translateY(0);transition-delay:var(--delay,0)}}@media (min-width:650px) and (max-width:1023px) and (orientation:landscape){.ls-pad-hidden{display:none!important}}@media (min-width:650px) and (max-width:1023px) and (orientation:portrait){.pt-pad-hidden{display:none!important}}.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;font-weight:400}.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}body div#oc-wrapper{overflow:visible;transition:none}body div#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-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] img.degrade,[ani-video-wrapper] img.degrade{z-index:0}[ani-autoplay-video] .replay,[ani-autoplay-video]+.replay,[ani-video-wrapper] .replay,[ani-video-wrapper]+.replay{opacity:0;pointer-events:none}[ani-autoplay-video] .replay.active,[ani-autoplay-video]+.replay.active,[ani-video-wrapper] .replay.active,[ani-video-wrapper]+.replay.active{cursor:pointer;opacity:1;pointer-events:auto}[ani-autoplay-video] img.last-frame,[ani-video-wrapper] img.last-frame{opacity:0;z-index:2}[ani-autoplay-video] img.last-frame.active,[ani-video-wrapper] img.last-frame.active{opacity:1}@media (min-width:1024px){:root{--rpx:calc(.07622vw - .09756px);--rpx:calc(var(--vw, 1vw)*100/1312 - .09756px)}.zn--wrapper .pct\:font-bold{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 .pct\:font-medium{font-family:OPPOSans-Ver2-Medium,OPPOSans-Medium,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400}}@media (max-width:649px){:root{--rpx:calc(.30488vw - .09756px);--rpx:calc(var(--vw, 1vw)*100/328 - .09756px)}}@media (min-width:650px) and (max-width:1023px){:root{--rpx:calc(.13889vw - .06667px);--rpx:calc(var(--vw, 1vw)*100/720 - .06667px)}}@media (min-width:1440px){:root{--rpx:1px;--rpx:min(calc((100vw - 128px)*var(--r, 1px)/1312),1px);--rpx:min(calc((var(--vw, 1vw)*100 - 128px)*var(--r, 1px)/1312),1px)}}@media not screen and (min-width:1024px){.zn--wrapper .mot\:font-bold{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 .mot\:font-medium{font-family:OPPOSans-Ver2-Medium,OPPOSans-Medium,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400}}@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}}