.g--container,.g--container-ls,.g--container-pt,.g--wrapper{margin:0 auto}.g--container,.g--container-ls{width:1312px}@media (min-width: 1400px) and (max-width: 1799px){.g--container,.g--container-ls{width:918px}}@media (min-width: 1024px) and (max-width: 1399px){.g--container,.g--container-ls{width:787px}}@media (max-width:720px){.g--container,.g--container-pt{width:calc(100vw - 40px)}}@media (min-width:720px) and (max-width:1023px){.g--container,.g--container-pt{width:calc(100vw - 80px)}}@media (min-width:1024px){.g--gap-top-large{margin-top:182px}}@media (min-width: 1400px) and (max-width: 1799px){.g--gap-top-large{margin-top:127px}}@media (min-width: 1024px) and (max-width: 1399px){.g--gap-top-large{margin-top:109px}}@media (max-width:1023px){.g--gap-top-large{margin-top:80px}}@media (min-width: 720px) and (max-width: 1023px){.g--gap-top-large{margin-top:160px}}@media (min-width:1024px){.g--gap-bottom-large{margin-bottom:182px}}@media (min-width: 1400px) and (max-width: 1799px){.g--gap-bottom-large{margin-bottom:127px}}@media (min-width: 1024px) and (max-width: 1399px){.g--gap-bottom-large{margin-bottom:109px}}@media (max-width:1023px){.g--gap-bottom-large{margin-bottom:80px}}@media (min-width: 720px) and (max-width: 1023px){.g--gap-bottom-large{margin-bottom:160px}}@media (min-width:1024px){.g--gap-top-medium{margin-top:128px}}@media (min-width: 1400px) and (max-width: 1799px){.g--gap-top-medium{margin-top:90px}}@media (min-width: 1024px) and (max-width: 1399px){.g--gap-top-medium{margin-top:77px}}@media (max-width:1023px){.g--gap-top-medium{margin-top:45px}}@media (min-width: 720px) and (max-width: 1023px){.g--gap-top-medium{margin-top:90px}}@media (min-width:1024px){.g--gap-bottom-medium{margin-bottom:128px}}@media (min-width: 1400px) and (max-width: 1799px){.g--gap-bottom-medium{margin-bottom:90px}}@media (min-width: 1024px) and (max-width: 1399px){.g--gap-bottom-medium{margin-bottom:77px}}@media (max-width:1023px){.g--gap-bottom-medium{margin-bottom:45px}}@media (min-width: 720px) and (max-width: 1023px){.g--gap-bottom-medium{margin-bottom:90px}}@media (min-width:1024px){.g--gap-top-small{margin-top:90px}}@media (min-width: 1400px) and (max-width: 1799px){.g--gap-top-small{margin-top:63px}}@media (min-width: 1024px) and (max-width: 1399px){.g--gap-top-small{margin-top:54px}}@media (max-width:1023px){.g--gap-top-small{margin-top:45px}}@media (min-width: 720px) and (max-width: 1023px){.g--gap-top-small{margin-top:90px}}@media (min-width:1024px){.g--gap-bottom-small{margin-bottom:90px}}@media (min-width: 1400px) and (max-width: 1799px){.g--gap-bottom-small{margin-bottom:63px}}@media (min-width: 1024px) and (max-width: 1399px){.g--gap-bottom-small{margin-bottom:54px}}@media (max-width:1023px){.g--gap-bottom-small{margin-bottom:45px}}@media (min-width: 720px) and (max-width: 1023px){.g--gap-bottom-small{margin-bottom:90px}}@media (min-width:1024px){.g--wrapper{width:calc(100% - 64px)}}@media (max-width:1023px){.g--pt-hidden{display:none !important}}@media (min-width:1024px){.g--ls-hidden{display:none !important}}@media (max-width:720px){.g--mb-hidden{display:none !important}}@media not screen and (max-width:720px){.g--mb-show{display:none !important}}.g--black{color:#000}.g--grey{color:#969696}.g--white{color:#fff}.g--bold{font-family:OPPOSans-Bold;font-weight:400}.g--font-0{font-family:OPPOSans-Bold;font-weight:400;font-size:40px;line-height:40px;letter-spacing:-3px}@media (min-width: 720px) and (max-width: 1023px){.g--font-0{font-size:80px;line-height:80px;letter-spacing:-6px}}@media (min-width:1024px){.g--font-0{font-size:92px;line-height:92px;letter-spacing:-5px}}@media (min-width: 1400px) and (max-width: 1799px){.g--font-0{font-size:64px;line-height:64px;letter-spacing:-3px}}@media (min-width: 1024px) and (max-width: 1399px){.g--font-0{font-size:55px;line-height:55px;letter-spacing:-3px}}.g--font-1{font-family:OPPOSans-Medium;font-weight:400}@media (max-width:1023px){.g--font-1{font-size:24px;line-height:36px;letter-spacing:-.09px}.g--font-1.big{font-size:36px;line-height:56px;letter-spacing:-.18px}}@media (min-width:1024px){.g--font-1{font-size:42px;line-height:64px;letter-spacing:0px}}@media (min-width: 1400px) and (max-width: 1799px){.g--font-1{font-size:29px;line-height:45px;letter-spacing:0px}}@media (min-width: 1024px) and (max-width: 1399px){.g--font-1{font-size:25px;line-height:38px;letter-spacing:0px}}@media (max-width:1023px){.g--font-2{font-size:14px;line-height:24px;letter-spacing:-.06px}.g--font-2.small{font-size:12px;line-height:20px;letter-spacing:-.05px}.g--font-2.s-small{font-size:9px;line-height:16px;letter-spacing:-.04px}}@media (min-width:1024px){.g--font-2{font-size:20px;line-height:32px;letter-spacing:0px}}@media (min-width: 1400px) and (max-width: 1799px){.g--font-2{font-size:14px;line-height:22px;letter-spacing:0px}}@media (min-width: 1024px) and (max-width: 1399px){.g--font-2{font-size:12px;line-height:19px;letter-spacing:0px}}.g--font-3{font-size:12px;line-height:20px;letter-spacing:-.05px}.g--font-3.bold{font-family:OPPOSans-Bold;font-weight:400}@media (min-width:1024px){.g--font-3{font-size:20px;line-height:26px;letter-spacing:0px}}@media (min-width: 1400px) and (max-width: 1799px){.g--font-3{font-size:14px;line-height:18px;letter-spacing:0px}}@media (min-width: 1024px) and (max-width: 1399px){.g--font-3{font-size:12px;line-height:16px;letter-spacing:0px}}.g--font-4{font-family:OPPOSans-Bold;font-weight:400;font-size:16px;line-height:28px;letter-spacing:-.1px}.g--font-4.regular{font-family:OPPOSans-Regular;font-weight:400}@media (min-width:1024px){.g--font-4{font-size:24px;line-height:40px;letter-spacing:0px}}@media (min-width: 1400px) and (max-width: 1799px){.g--font-4{font-size:17px;line-height:28px;letter-spacing:0px}}@media (min-width: 1024px) and (max-width: 1399px){.g--font-4{font-size:14px;line-height:24px;letter-spacing:0px}}.g--font-5{font-family:OPPOSans-Bold;font-weight:400;font-size:14px;line-height:24px;letter-spacing:-.06px}@media (min-width:1024px){.g--font-5{font-family:OPPOSans-S-R;font-size:52px;line-height:64px;letter-spacing:0px}}@media (min-width: 1400px) and (max-width: 1799px){.g--font-5{font-size:36px;line-height:45px;letter-spacing:0px}}@media (min-width: 1024px) and (max-width: 1399px){.g--font-5{font-size:31px;line-height:38px;letter-spacing:0px}}.g--font-6{font-family:OPPOSans-Bold;font-weight:400;font-size:16px;line-height:24px;letter-spacing:-.05px}@media (min-width:1024px){.g--font-6{font-family:OPPOSans-Medium;font-weight:400;font-size:36px;line-height:56px;letter-spacing:0px}}@media (min-width: 1400px) and (max-width: 1799px){.g--font-6{font-size:25px;line-height:39px;letter-spacing:0px}}@media (min-width: 1024px) and (max-width: 1399px){.g--font-6{font-size:22px;line-height:34px;letter-spacing:0px}}.g--font-7{font-size:12px;line-height:20px;letter-spacing:-.05px}.g--font-7.bold{font-family:OPPOSans-Bold;font-weight:400}.g--font-8{font-family:OPPOSans-Bold;font-weight:400;font-size:16px;line-height:30px;letter-spacing:-.06px}@media (min-width:1024px){.g--font-8{font-size:30px;line-height:36px;letter-spacing:0px}}@media (min-width: 1400px) and (max-width: 1799px){.g--font-8{font-size:21px;line-height:25px;letter-spacing:0px}}@media (min-width: 1024px) and (max-width: 1399px){.g--font-8{font-size:18px;line-height:22px;letter-spacing:0px}}.g--font-tag{font-family:OPPOSans-Bold;font-weight:400;font-size:16px;line-height:30px;letter-spacing:-.06px}@media (min-width:1024px){.g--font-tag{font-size:24px;line-height:36px;letter-spacing:0px}}@media (min-width: 1400px) and (max-width: 1799px){.g--font-tag{font-size:17px;line-height:25px;letter-spacing:0px}}@media (min-width: 1024px) and (max-width: 1399px){.g--font-tag{font-size:14px;line-height:22px;letter-spacing:0px}}.g--font-9{font-family:OPPOSans-Medium;font-weight:400;font-size:20px;line-height:32px;letter-spacing:-.12px}@media (min-width:1024px){.g--font-9{font-size:36px;line-height:56px;letter-spacing:0px}}@media (min-width: 1400px) and (max-width: 1799px){.g--font-9{font-size:25px;line-height:39px;letter-spacing:0px}}@media (min-width: 1024px) and (max-width: 1399px){.g--font-9{font-size:22px;line-height:34px;letter-spacing:0px}}.g--font-10{font-size:14px;line-height:18px;letter-spacing:-.12px}@media (min-width:1024px){.g--font-10{font-size:36px;line-height:40px;letter-spacing:-.18px}}.g--font-11{font-family:OPPOSans-Medium;font-weight:400;font-size:14px;line-height:18px;letter-spacing:0}@media (min-width:1024px){.g--font-11{font-size:20px;line-height:18px;letter-spacing:0}}@media (min-width: 1400px) and (max-width: 1799px){.g--font-11{font-size:14px;line-height:13px}}@media (min-width: 1024px) and (max-width: 1399px){.g--font-11{font-size:12px;line-height:11px}}.g--font-12{font-family:OPPOSans-Bold;font-weight:400;font-size:16px;line-height:30px;letter-spacing:-.06px}.g--font-13{font-family:OPPOSans-Medium;font-weight:400;font-size:12px;line-height:24px;letter-spacing:-.05px}.g--font-tips-0{font-size:8px;line-height:12px;letter-spacing:-.03px}@media (min-width:1024px){.g--font-tips-0{font-size:12px;line-height:17px;letter-spacing:-.07px}}@media (max-width:1023px){.g--font-tips-1{font-size:9px;line-height:16px;letter-spacing:-.04px}.g--font-tips-1.bold{font-family:OPPOSans-Bold;font-weight:400;font-size:12px;line-height:20px;letter-spacing:-.05px}.g--font-tips-1.bold-b{font-size:16px;line-height:20px;letter-spacing:-.07px}}@media (min-width:1024px){.g--font-tips-1{font-size:20px;line-height:32px;letter-spacing:0px}}@media (min-width: 1400px) and (max-width: 1799px){.g--font-tips-1{font-size:14px;line-height:22px;letter-spacing:0px}}@media (min-width: 1024px) and (max-width: 1399px){.g--font-tips-1{font-size:12px;line-height:19px;letter-spacing:0px}}.g--font-tips-2{font-size:9px;line-height:20px;letter-spacing:-.04px}.g--font-button-0{font-family:OPPOSans-Medium;font-weight:400;font-size:14px;line-height:24px;letter-spacing:-.07px}@media (min-width:1024px){.g--font-button-0{font-size:16px;line-height:24px;letter-spacing:-.07px}}.g--font-button-1{font-family:OPPOSans-Bold;font-weight:400;font-size:14px;line-height:20px;letter-spacing:-.05px}@media (min-width:1024px){.g--font-button-1{font-size:20px;line-height:32px;letter-spacing:-.12px}}.zn--wrapper,.zn--navbar{font-size:16px;font-family:OPPOSans-Regular,'PingFang SC','Hiragino Sans GB','STHeiti','Microsoft YaHei','WenQuanYi Micro Hei','Helvetica Neue','Helvetica','Arial',sans-serif}@media (min-width:1024px){.zn--wrapper,.zn--navbar{font-family:OPPOSans-S-R,'PingFang SC','Hiragino Sans GB','STHeiti','Microsoft YaHei','WenQuanYi Micro Hei','Helvetica Neue','Helvetica','Arial',sans-serif}}.zn--wrapper *,.zn--navbar *{box-sizing:border-box}.zn--wrapper a,.zn--navbar a{text-decoration:none}.zn--wrapper img,.zn--navbar img{display:block;max-width:initial;opacity:0}.zn--wrapper img.loaded,.zn--navbar img.loaded{opacity:1}.zn--wrapper canvas img,.zn--navbar canvas img{display:none}.zn--wrapper video,.zn--navbar video{display:block;max-width:initial}.zn--wrapper br,.zn--navbar 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 h2,.zn--navbar h2,.zn--wrapper h1,.zn--navbar h1{position:absolute;overflow:hidden;width:1px;height:1px;border:none;margin:0;padding:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(0 0 99.9%);clip-path:inset(0 0 99.9%)}@media (max-width:768px){#oc-header{overflow:hidden}}#oc-wrapper{overflow:visible}#footer{overflow-x:hidden}body.no-scroll{overflow-y:hidden}.zn--wrapper{background:#000;color:#fff}.zn--wrapper .vertical-center{height:100%;display:flex;align-items:center}.zn--wrapper .vertical-center > *{width:100%}.zn--wrapper .horizontal-center{width:100%;display:flex;align-items:center;flex-direction:column}.zn--wrapper .horizontal-center > *{height:100%}.zn--wrapper .text-center{text-align:center}.zn--wrapper .g--sticky-container,.zn--wrapper .sticky-container{position:relative}.zn--wrapper .g--sticky-item,.zn--wrapper .sticky{position:-webkit-sticky;position:sticky;top:0}.zn--wrapper .fixed,.zn--wrapper .absolute{left:0;top:0}.zn--wrapper .fixed{position:fixed}.zn--wrapper .absolute{position:absolute}.zn--wrapper .relative{position:relative}@media (max-width:1023px){.zn--wrapper .fixed-pt,.zn--wrapper .absolute-pt{left:0;top:0}.zn--wrapper .fixed-pt{position:fixed}.zn--wrapper .absolute-pt{position:absolute}}@media (min-width:1024px){.zn--wrapper .fixed-ls,.zn--wrapper .absolute-ls{left:0;top:0}.zn--wrapper .fixed-ls{position:fixed}.zn--wrapper .absolute-ls{position:absolute}}.g--popup{position:fixed;top:0;left:0;width:100%;height:100vh;height:calc(100 * var(--vh, 1vh));z-index:11;-webkit-transform:translateY(100vh);transform:translateY(100vh);-webkit-transform:translateY(calc(100 * var(--vh, 1vh)));transform:translateY(calc(100 * var(--vh, 1vh)))}.g--popup.show{-webkit-transform:translateY(0);transform:translateY(0);transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s, -webkit-transform .5s}.g--popup.disappear{transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s, -webkit-transform .5s}.g--popup .g--popup-container{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:100%}@media (max-width:1023px){.g--popup .g--popup-container{padding:0}}.g--popup .g--video-wrapper{position:relative;margin-top:-12px;width:75%;height:auto}@media (min-width:2260px){.g--popup .g--video-wrapper{margin-top:-24px}}@media (max-width:1023px){.g--popup .g--video-wrapper{width:100vw}}.g--popup .g--video-wrapper video{width:100%;height:100%;outline:none}.g--popup .g--video-wrapper video[src='']{display:none}.g--popup .g--popup-close{top:-32px;right:0;width:20px;height:20px;position:absolute;margin-left:auto;cursor:pointer;z-index:2}@media (min-width:2260px){.g--popup .g--popup-close{width:24px;height:24px}}@media (max-width:1023px){.g--popup .g--popup-close{right:16px;width:24px;height:24px}}@media (min-width: 720px) and (max-width: 1023px){.g--popup .g--popup-close{right:32px}}.g--popup-container{background:#000}.g--popup-close polygon{fill:#fff}[data-theme = 'white'] .g--popup-container{background:#fff}[data-theme = 'white'] .g--popup-close polygon{fill:#000}.g--video-converter .wrapper{height:100%;position:relative}.g--video-converter .wrapper .video{width:100%;height:100%;object-fit:cover;object-position:center}#section-kv{position:relative;z-index:1;width:100%;height:1050px;background-color:#fff;overflow:hidden}@media (min-width: 1400px) and (max-width: 1799px){#section-kv{height:735px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv{height:630px}}@media (max-width:1023px){#section-kv{height:calc(123vw + 150px)}#section-kv .title{width:100%;height:calc(14.1vw - 6px);margin-top:30px}#section-kv .g--ls-hidden{position:relative;z-index:2;mix-blend-mode:multiply}}@media (min-width: 720px) and (max-width: 1023px){#section-kv .title{height:calc(14.1vw - 11px);margin-top:60px}}@media (min-width: 720px) and (max-width: 1023px){#section-kv{height:calc(123vw + 300px)}}#section-kv .g--container{position:relative}#section-kv .g--container .reno5-wrapper-container{width:640px;height:606px;overflow:hidden}@media (min-width: 1400px) and (max-width: 1799px){#section-kv .g--container .reno5-wrapper-container{width:448px;height:424px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv .g--container .reno5-wrapper-container{width:384px;height:364px}}#section-kv .g--container .reno5-wrapper{position:relative;z-index:2;width:100%;height:502px;overflow:hidden;mix-blend-mode:multiply}@media (min-width: 1400px) and (max-width: 1799px){#section-kv .g--container .reno5-wrapper{height:351px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv .g--container .reno5-wrapper{height:301px}}@media (max-width:1023px){#section-kv .g--container .reno5-wrapper{height:calc(78.74vw - 32px);margin-top:90px}}@media (min-width: 720px) and (max-width: 1023px){#section-kv .g--container .reno5-wrapper{height:calc(78.74vw - 63px);margin-top:180px}}#section-kv .g--container .reno5-wrapper .bg{position:absolute;z-index:1;left:0;width:100%;height:138%;transition:-webkit-transform .5s ease-out;transition:transform .5s ease-out;transition:transform .5s ease-out, -webkit-transform .5s ease-out}#section-kv .g--container .reno5-wrapper .text-cover{position:relative;z-index:2;width:calc(100% + 4px);height:calc(100% + 4px);margin-left:-2px;margin-top:-2px}#section-kv .g--container .reno5-wrapper.up{margin-top:-422px}@media (min-width: 1400px) and (max-width: 1799px){#section-kv .g--container .reno5-wrapper.up{margin-top:-295px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv .g--container .reno5-wrapper.up{margin-top:-253px}}#section-kv .g--container .reno5-wrapper.up .bg{top:35%}#section-kv .g--container .reno5-wrapper.down{margin-top:20px}@media (min-width: 1400px) and (max-width: 1799px){#section-kv .g--container .reno5-wrapper.down{margin-top:14px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv .g--container .reno5-wrapper.down{margin-top:12px}}#section-kv .g--container .reno5-wrapper.down .bg{top:-5%}#section-kv .g--container .phone{position:absolute;z-index:3;top:161px;left:264px;width:1239px;height:437px}@media (min-width: 1400px) and (max-width: 1799px){#section-kv .g--container .phone{top:113px;left:185px;width:867px;height:306px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv .g--container .phone{top:97px;left:158px;width:743px;height:262px}}@media (max-width:1023px){#section-kv .g--container .phone{top:50px;left:-20px;width:100vw;height:123vw}}@media (min-width: 720px) and (max-width: 1023px){#section-kv .g--container .phone{top:100px;left:-40px}}#section-kv .g--container .phone-shadow{position:absolute;z-index:1;top:96px;left:163px;width:1409px;height:953px}@media (min-width: 1400px) and (max-width: 1799px){#section-kv .g--container .phone-shadow{top:67px;left:114px;width:986px;height:667px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv .g--container .phone-shadow{top:58px;left:98px;width:845px;height:572px}}@media (max-width:1023px){#section-kv .g--container .phone-shadow{top:50px;left:-20px;width:100vw;height:123vw}}@media (min-width: 720px) and (max-width: 1023px){#section-kv .g--container .phone-shadow{top:100px;left:-40px}}#section-kv .g--container .text-pic{position:relative;z-index:2;margin-top:90px;margin-left:20px;width:calc(100% - 40px);height:auto}@media (min-width: 720px) and (max-width: 1023px){#section-kv .g--container .text-pic{margin-top:180px;margin-left:40px;width:calc(100% - 80px)}}#section-kv .g--container .title-wrapper{position:relative;z-index:2;margin-top:125px;display:flex;align-items:center;mix-blend-mode:multiply}@media (min-width: 1400px) and (max-width: 1799px){#section-kv .g--container .title-wrapper{margin-top:88px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv .g--container .title-wrapper{margin-top:75px}}#section-kv .g--container .title-wrapper .title{height:90px}@media (min-width: 1400px) and (max-width: 1799px){#section-kv .g--container .title-wrapper .title{height:63px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv .g--container .title-wrapper .title{height:54px}}#section-kv .g--container .kv-slogan{margin-left:30px;height:110px;margin-left:unset;margin-right:30px}@media (min-width: 1400px) and (max-width: 1799px){#section-kv .g--container .kv-slogan{margin-left:21px;height:77px;margin-right:21px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv .g--container .kv-slogan{margin-left:18px;height:66px;margin-right:18px}}@media (max-width:1023px){#section-kv .g--container .kv-slogan{width:calc(100% + 8px);height:auto;margin:20px 0 0 -6px}}@media (min-width: 720px) and (max-width: 1023px){#section-kv .g--container .kv-slogan{width:calc(100% + 16px);margin:40px 0 0 -12px}}#section-kv .g--container .kv-shadow-title{position:relative;height:97px;margin-left:30px;white-space:nowrap}@media (min-width: 1400px) and (max-width: 1799px){#section-kv .g--container .kv-shadow-title{height:68px;margin-left:21px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv .g--container .kv-shadow-title{height:58px;margin-left:18px}}@media (max-width:1023px){#section-kv .g--container .kv-shadow-title{height:84px;margin:20px 0 0 0}}@media (min-width: 720px) and (max-width: 1023px){#section-kv .g--container .kv-shadow-title{height:168px;margin:40px 0 0 0}}#section-kv .g--container .kv-shadow-title .text{font-family:OPPOSans-Bold;font-weight:400;font-size:36px;letter-spacing:0;line-height:1.5;background-color:#fff}@media (min-width: 1400px) and (max-width: 1799px){#section-kv .g--container .kv-shadow-title .text{font-size:25px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv .g--container .kv-shadow-title .text{font-size:22px}}@media (max-width:1023px){#section-kv .g--container .kv-shadow-title .text{font-size:7.9vw}}#section-kv .g--container .kv-shadow-title .text:nth-child(1){position:relative;z-index:3;color:#000;margin-top:-3px}@media (min-width: 1400px) and (max-width: 1799px){#section-kv .g--container .kv-shadow-title .text:nth-child(1){margin-top:-2px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv .g--container .kv-shadow-title .text:nth-child(1){margin-top:-2px}}#section-kv .g--container .kv-shadow-title .text:nth-child(2){z-index:2;top:20px}@media (min-width: 1400px) and (max-width: 1799px){#section-kv .g--container .kv-shadow-title .text:nth-child(2){top:14px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv .g--container .kv-shadow-title .text:nth-child(2){top:12px}}@media (max-width:1023px){#section-kv .g--container .kv-shadow-title .text:nth-child(2){top:5vw}}#section-kv .g--container .kv-shadow-title .text:nth-child(3){z-index:1;bottom:0}#section-kv .g--container .kv-shadow-title .text:not(:first-child){position:absolute;left:0;-webkit-text-stroke:1px #000;-webkit-text-fill-color:transparent}#section-kv .g--container .button{position:relative;z-index:4;width:210px;height:56px;color:#fff;background-image:linear-gradient(270deg,#ffc6ef 0%,#a679ff 52%,#96d2ff 100%);border-radius:2px;font-family:OPPOSans-Bold;font-weight:400;font-size:20px;line-height:32px;letter-spacing:-.12px;margin:50px auto 0;display:flex;align-items:center;justify-content:center;cursor:pointer}@media (min-width: 1400px) and (max-width: 1799px){#section-kv .g--container .button{margin:35px auto 0}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv .g--container .button{margin:30px auto 0}}@media (max-width:1023px){#section-kv .g--container .button{width:120px;height:36px;margin:10px auto 0;font-size:14px;line-height:20px;letter-spacing:-.05px}}@media (min-width: 720px) and (max-width: 1023px){#section-kv .g--container .button{margin:20px auto 0}}#section-tvc{background-color:#fff;padding:60px 0 96px;margin-top:-1px}@media (min-width: 1400px) and (max-width: 1799px){#section-tvc{padding:42px 0 67px}}@media (min-width: 1024px) and (max-width: 1399px){#section-tvc{padding:36px 0 58px}}@media (max-width:1023px){#section-tvc{padding:40px 0 70px 0}}@media (min-width: 720px) and (max-width: 1023px){#section-tvc{padding:80px 0 140px 0}}#section-tvc .cover-container{position:relative;height:718px}@media (min-width: 1400px) and (max-width: 1799px){#section-tvc .cover-container{height:503px}}@media (min-width: 1024px) and (max-width: 1399px){#section-tvc .cover-container{height:431px}}@media (max-width:1023px){#section-tvc .cover-container{width:100%;height:56.11vw}}#section-tvc .cover-container .cover{position:relative;z-index:1;width:100%;height:100%}#section-tvc .cover-container .play-btn{position:absolute;z-index:2;left:calc(656px - 73px);bottom:60px;width:146px;height:48px;font-size:14px;line-height:24px;letter-spacing:-.06px;background-color:#fff;color:#000;display:flex;align-items:center;justify-content:center;cursor:pointer}@media (min-width: 1400px) and (max-width: 1799px){#section-tvc .cover-container .play-btn{left:calc(459px - 73px);bottom:42px}}@media (min-width: 1024px) and (max-width: 1399px){#section-tvc .cover-container .play-btn{left:calc(394px - 73px);bottom:36px}}#section-tvc .cover-container .play-btn span{margin-left:13px}#section-tvc .cover-container .play-arrow{position:absolute;z-index:2;top:calc(28.055vw - 13.5px);left:calc(50vw - 10.5px);width:21px;height:27px;bottom:unset}#section-highlights{position:relative;z-index:1;width:100%;background-color:#fff}#section-highlights .part-1{position:relative;z-index:2;padding-top:278px;width:100%;overflow:hidden}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-1{padding-top:195px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-1{padding-top:167px}}#section-highlights .part-1 .portrait{position:relative;width:100%;height:648px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-1 .portrait{height:454px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-1 .portrait{height:389px}}#section-highlights .part-1 .portrait .p-img{position:relative;z-index:2;width:864px;height:100%;margin:0 auto}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-1 .portrait .p-img{width:605px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-1 .portrait .p-img{width:518px}}#section-highlights .part-1 .portrait .portrait-text-wrapper{position:absolute;z-index:3;top:0;left:0;width:100%;height:100%;margin:0 auto;-webkit-clip-path:inset(0 calc(50% - 432px));clip-path:inset(0 calc(50% - 432px))}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-1 .portrait .portrait-text-wrapper{-webkit-clip-path:inset(0 calc(50% - 302px));clip-path:inset(0 calc(50% - 302px))}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-1 .portrait .portrait-text-wrapper{-webkit-clip-path:inset(0 calc(50% - 259px));clip-path:inset(0 calc(50% - 259px))}}#section-highlights .part-1 .portrait .portrait-text{position:absolute;font-family:OPPOSans-Bold;font-weight:400;width:447px;font-size:90px;line-height:120px;letter-spacing:-1px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-1 .portrait .portrait-text{width:313px;font-size:63px;line-height:84px;letter-spacing:-1px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-1 .portrait .portrait-text{width:268px;font-size:54px;line-height:72px;letter-spacing:-1px}}#section-highlights .part-1 .portrait .portrait-text.brown{z-index:1;color:#d98d8d}#section-highlights .part-1 .portrait .portrait-text.brown.left{top:10px;left:calc(50% - 659px)}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-1 .portrait .portrait-text.brown.left{top:7px;left:calc(50% - 461px)}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-1 .portrait .portrait-text.brown.left{top:6px;left:calc(50% - 395px)}}#section-highlights .part-1 .portrait .portrait-text.brown.right{bottom:19px;left:calc(50% + 241px)}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-1 .portrait .portrait-text.brown.right{bottom:13px;left:calc(50% + 169px)}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-1 .portrait .portrait-text.brown.right{bottom:11px;left:calc(50% + 145px)}}#section-highlights .part-1 .portrait .portrait-text.white{z-index:3;color:#fff}#section-highlights .part-1 .portrait .portrait-text.white.left{top:10px;left:calc(50% - 659px)}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-1 .portrait .portrait-text.white.left{top:7px;left:calc(50% - 461px)}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-1 .portrait .portrait-text.white.left{top:6px;left:calc(50% - 395px)}}#section-highlights .part-1 .portrait .portrait-text.white.right{bottom:19px;left:calc(50% + 241px)}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-1 .portrait .portrait-text.white.right{bottom:13px;left:calc(50% + 169px)}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-1 .portrait .portrait-text.white.right{bottom:11px;left:calc(50% + 145px)}}#section-highlights .part-1 .text-wrapper{margin:45px auto 140px auto;width:864px;display:flex;justify-content:space-between}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-1 .text-wrapper{margin:31px auto 98px auto;width:605px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-1 .text-wrapper{margin:27px auto 84px auto;width:518px}}#section-highlights .part-1 .text-wrapper .text{width:416px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-1 .text-wrapper .text{width:291px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-1 .text-wrapper .text{width:250px}}#section-highlights .part-2{position:relative;z-index:1;width:100%;height:150vh;height:calc(150 * var(--vh, 1vh));margin-top:-30vh;margin-top:calc(-30 * var(--vh, 1vh))}#section-highlights .part-2 .sticky-wrapper{width:100%;height:100vh;height:calc(100 * var(--vh, 1vh));overflow:hidden}#section-highlights .part-2 .sticky-wrapper .back{position:absolute;z-index:1;top:calc(50vh - 19vw);top:calc((50 * var(--vh, 1vh)) - 19vw);left:30vw;width:40.57vw;height:32.97vw}#section-highlights .part-2 .sticky-wrapper .front{position:absolute;z-index:3;top:47vh;top:calc(47 * var(--vh, 1vh));left:29vw;width:38vw;height:17.77vw}#section-highlights .part-2 .sticky-wrapper .front .phone{position:relative;width:100%;height:100%;-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}#section-highlights .part-2 .sticky-wrapper .front .phone img{position:relative;z-index:2;width:100%;height:100%}#section-highlights .part-2 .sticky-wrapper .front .phone video{position:absolute;z-index:1;top:2%;left:2%;width:96%;height:96%;border-radius:3%}#section-highlights .part-2 .sticky-wrapper .s-text-wrapper{position:absolute;z-index:2;top:45vh;top:calc(45 * var(--vh, 1vh));left:0;width:100%;font-family:OPPOSans-Bold;font-weight:400;font-size:4.7vw;color:#9fb9fc;display:flex;justify-content:space-between;white-space:nowrap}#section-highlights .part-2 .sticky-wrapper .s-text-wrapper .s-text:not(:nth-child(2)){background:linear-gradient(-90deg,#ffc6ef,#a679ff,#96d2ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}#section-highlights .part-2 .sticky-wrapper .s-text-wrapper .mid{position:absolute;top:0;left:0;width:100%;text-align:center}#section-highlights .part-2 .sticky-wrapper .content{position:absolute;z-index:3;bottom:0;left:50vw;width:30vw}#section-highlights .part-2 .sticky-wrapper .content .text{margin-top:47px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-2 .sticky-wrapper .content .text{margin-top:33px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-2 .sticky-wrapper .content .text{margin-top:28px}}#section-highlights .part-3{position:relative;z-index:1;width:100%;height:200vh;height:calc(200 * var(--vh, 1vh))}#section-highlights .part-3 .sticky-wrapper{width:1312px;padding-bottom:287px;margin:0 auto;overflow:hidden}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-3 .sticky-wrapper{width:918px;padding-bottom:201px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-3 .sticky-wrapper{width:787px;padding-bottom:172px}}#section-highlights .part-3 .sticky-wrapper .flex-part{width:100%;display:flex}#section-highlights .part-3 .sticky-wrapper .flex-part .block{position:relative;width:50%}#section-highlights .part-3 .sticky-wrapper .flex-part .block .img-wrapper{position:relative;z-index:2;width:560px;height:746px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-3 .sticky-wrapper .flex-part .block .img-wrapper{width:392px;height:522px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-3 .sticky-wrapper .flex-part .block .img-wrapper{width:336px;height:448px}}#section-highlights .part-3 .sticky-wrapper .flex-part .block .img-wrapper video{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity .5s ease}#section-highlights .part-3 .sticky-wrapper .flex-part .block .img-wrapper video.on{opacity:1}#section-highlights .part-3 .sticky-wrapper .flex-part .block .img-wrapper video.off{opacity:0}#section-highlights .part-3 .sticky-wrapper .flex-part .block .clip-wrapper{position:absolute;z-index:3;top:0;left:0;width:560px;height:100vh;height:calc(100 * var(--vh, 1vh));overflow:hidden;pointer-events:none}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-3 .sticky-wrapper .flex-part .block .clip-wrapper{width:392px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-3 .sticky-wrapper .flex-part .block .clip-wrapper{width:336px}}#section-highlights .part-3 .sticky-wrapper .flex-part .block .tag-wrapper{position:relative;z-index:1;width:560px;margin-top:20px;display:flex;justify-content:space-between}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-3 .sticky-wrapper .flex-part .block .tag-wrapper{width:392px;margin-top:14px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-3 .sticky-wrapper .flex-part .block .tag-wrapper{width:336px;margin-top:12px}}#section-highlights .part-3 .sticky-wrapper .flex-part .block .tag-wrapper .switch-wrapper{display:flex}#section-highlights .part-3 .sticky-wrapper .flex-part .block .tag-wrapper .switch-wrapper .switch{color:#e0e0e0;padding-bottom:4px;cursor:pointer}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-3 .sticky-wrapper .flex-part .block .tag-wrapper .switch-wrapper .switch{padding-bottom:3px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-3 .sticky-wrapper .flex-part .block .tag-wrapper .switch-wrapper .switch{padding-bottom:2px}}#section-highlights .part-3 .sticky-wrapper .flex-part .block .tag-wrapper .switch-wrapper .switch.active{color:#000;border-bottom:2px solid #000}#section-highlights .part-3 .sticky-wrapper .flex-part .block .tag-wrapper .switch-wrapper .switch.mid{margin:0 25px;color:#000}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-3 .sticky-wrapper .flex-part .block .tag-wrapper .switch-wrapper .switch.mid{margin:0 18px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-3 .sticky-wrapper .flex-part .block .tag-wrapper .switch-wrapper .switch.mid{margin:0 15px}}#section-highlights .part-3 .sticky-wrapper .flex-part .block.left .text-wrapper{left:200px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-3 .sticky-wrapper .flex-part .block.left .text-wrapper{left:140px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-3 .sticky-wrapper .flex-part .block.left .text-wrapper{left:120px}}#section-highlights .part-3 .sticky-wrapper .flex-part .block.left .clip-wrapper{top:0;left:0}#section-highlights .part-3 .sticky-wrapper .flex-part .block.left .clip-wrapper .text-wrapper{top:35vh;top:calc(35 * var(--vh, 1vh))}#section-highlights .part-3 .sticky-wrapper .flex-part .block.right .img-wrapper{margin:150px 0 0 96px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-3 .sticky-wrapper .flex-part .block.right .img-wrapper{margin:105px 0 0 67px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-3 .sticky-wrapper .flex-part .block.right .img-wrapper{margin:90px 0 0 58px}}#section-highlights .part-3 .sticky-wrapper .flex-part .block.right .clip-wrapper{top:calc(896px - 100vh);top:calc(896px - (100 * var(--vh, 1vh)));left:96px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-3 .sticky-wrapper .flex-part .block.right .clip-wrapper{top:calc(627px - 100vh);top:calc(627px - (100 * var(--vh, 1vh)));left:67px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-3 .sticky-wrapper .flex-part .block.right .clip-wrapper{top:calc(538px - 100vh);top:calc(538px - (100 * var(--vh, 1vh)));left:58px}}#section-highlights .part-3 .sticky-wrapper .flex-part .block.right .clip-wrapper .text-wrapper{left:-65px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-3 .sticky-wrapper .flex-part .block.right .clip-wrapper .text-wrapper{left:-45px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-3 .sticky-wrapper .flex-part .block.right .clip-wrapper .text-wrapper{left:-39px}}#section-highlights .part-3 .sticky-wrapper .flex-part .block.right .text-wrapper{left:30px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-3 .sticky-wrapper .flex-part .block.right .text-wrapper{left:21px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-3 .sticky-wrapper .flex-part .block.right .text-wrapper{left:18px}}#section-highlights .part-3 .sticky-wrapper .flex-part .block.right .tag-wrapper{margin-left:96px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-3 .sticky-wrapper .flex-part .block.right .tag-wrapper{margin-left:67px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-3 .sticky-wrapper .flex-part .block.right .tag-wrapper{margin-left:58px}}#section-highlights .part-3 .sticky-wrapper .flex-part .block .text-wrapper{position:absolute;pointer-events:none}#section-highlights .part-3 .sticky-wrapper .flex-part .block .text-wrapper .text{position:absolute;font-family:OPPOSans-Bold;font-weight:400;font-size:90px;line-height:90px;letter-spacing:-1px;white-space:nowrap}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-3 .sticky-wrapper .flex-part .block .text-wrapper .text{font-size:63px;line-height:63px;letter-spacing:-1px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-3 .sticky-wrapper .flex-part .block .text-wrapper .text{font-size:54px;line-height:54px;letter-spacing:-1px}}#section-highlights .part-3 .sticky-wrapper .flex-part .block .text-wrapper.g--black{z-index:1;top:35vh;top:calc(35 * var(--vh, 1vh))}#section-highlights .part-3 .sticky-wrapper .content{width:528px;margin-top:-80px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-3 .sticky-wrapper .content{width:370px;margin-top:-56px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-3 .sticky-wrapper .content{width:317px;margin-top:-48px}}#section-highlights .part-3 .sticky-wrapper .content .text{margin-top:47px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-3 .sticky-wrapper .content .text{margin-top:33px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-3 .sticky-wrapper .content .text{margin-top:28px}}#section-highlights .part-4{width:100%;height:300vh;height:calc(300 * var(--vh, 1vh));background-color:#000}#section-highlights .part-4 .sticky-wrapper{position:relative;width:100%;height:100vh;height:calc(100 * var(--vh, 1vh));overflow:hidden}#section-highlights .part-4 .sticky-wrapper .bg-text{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}#section-highlights .part-4 .sticky-wrapper .bg-text .text{font-family:OPPOSans-Bold;font-weight:400;font-size:10vw;line-height:1;white-space:nowrap}#section-highlights .part-4 .sticky-wrapper .bg-text .text.stroke{-webkit-text-stroke:5px #121212;-webkit-text-fill-color:transparent}#section-highlights .part-4 .sticky-wrapper .bg-text .text.grey{color:#121212}#section-highlights .part-4 .sticky-wrapper .bg-text .fresh-text-wrapper{position:absolute}#section-highlights .part-4 .sticky-wrapper .content-wrapper{position:relative;z-index:2;width:1030px;height:100%;margin:0 auto;display:flex;justify-content:space-between}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-4 .sticky-wrapper .content-wrapper{width:721px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-4 .sticky-wrapper .content-wrapper{width:618px}}#section-highlights .part-4 .sticky-wrapper .content-wrapper .phone-wrapper{position:relative;z-index:2;margin-top:calc(45vh - 386px);margin-top:calc((45 * var(--vh, 1vh)) - 386px);width:360px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-4 .sticky-wrapper .content-wrapper .phone-wrapper{margin-top:calc(45vh - 270px);margin-top:calc((45 * var(--vh, 1vh)) - 270px);width:252px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-4 .sticky-wrapper .content-wrapper .phone-wrapper{margin-top:calc(45vh - 232px);margin-top:calc((45 * var(--vh, 1vh)) - 232px);width:216px}}#section-highlights .part-4 .sticky-wrapper .content-wrapper .phone-wrapper .phone{position:relative;z-index:3;width:100%;height:772px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-4 .sticky-wrapper .content-wrapper .phone-wrapper .phone{height:540px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-4 .sticky-wrapper .content-wrapper .phone-wrapper .phone{height:463px}}#section-highlights .part-4 .sticky-wrapper .content-wrapper .phone-wrapper .phone-container{position:absolute;z-index:2;top:20px;left:15px;width:calc(360px - 30px);height:calc(772px - 30px);border-radius:5%;overflow:hidden}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-4 .sticky-wrapper .content-wrapper .phone-wrapper .phone-container{top:14px;left:11px;width:calc(252px - 21px);height:calc(540px - 21px)}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-4 .sticky-wrapper .content-wrapper .phone-wrapper .phone-container{top:12px;left:9px;width:calc(216px - 18px);height:calc(463px - 18px)}}#section-highlights .part-4 .sticky-wrapper .content-wrapper .phone-wrapper .phone-container .vooc{position:absolute;z-index:1;top:0%;left:0%;width:100%;height:auto;transition:opacity .5s ease}#section-highlights .part-4 .sticky-wrapper .content-wrapper .phone-wrapper .phone-container .fresh{position:absolute;z-index:2;top:0;left:0;width:auto;height:100%;transition:opacity .5s ease}#section-highlights .part-4 .sticky-wrapper .content-wrapper .phone-wrapper .vooc-line{position:relative;z-index:1;margin-top:-31px;margin-left:151px;width:62px;height:209px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-4 .sticky-wrapper .content-wrapper .phone-wrapper .vooc-line{margin-top:-22px;margin-left:106px;width:43px;height:146px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-4 .sticky-wrapper .content-wrapper .phone-wrapper .vooc-line{margin-top:-19px;margin-left:91px;width:37px;height:125px}}#section-highlights .part-4 .sticky-wrapper .content-wrapper .all-text-wrapper{position:relative;z-index:2;width:591px;height:100%;display:flex;align-items:center}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-4 .sticky-wrapper .content-wrapper .all-text-wrapper{width:414px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-4 .sticky-wrapper .content-wrapper .all-text-wrapper{width:355px}}#section-highlights .part-4 .sticky-wrapper .content-wrapper .all-text-wrapper .text-wrapper{position:absolute}#section-highlights .part-4 .sticky-wrapper .content-wrapper .all-text-wrapper .text-wrapper .main-text{width:444px;margin-top:58px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-4 .sticky-wrapper .content-wrapper .all-text-wrapper .text-wrapper .main-text{width:311px;margin-top:41px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-4 .sticky-wrapper .content-wrapper .all-text-wrapper .text-wrapper .main-text{width:266px;margin-top:35px}}#section-highlights .part-4 .sticky-wrapper .content-wrapper .all-text-wrapper .text-wrapper .title{width:444px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-4 .sticky-wrapper .content-wrapper .all-text-wrapper .text-wrapper .title{width:311px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-4 .sticky-wrapper .content-wrapper .all-text-wrapper .text-wrapper .title{width:266px}}#section-highlights .part-4 .sticky-wrapper .content-wrapper .all-text-wrapper .text-wrapper.vooc-wrapper{width:100%}#section-highlights .part-4 .sticky-wrapper .content-wrapper .all-text-wrapper .text-wrapper.vooc-wrapper .params-wrapper{display:flex;width:100%;margin-top:54px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-4 .sticky-wrapper .content-wrapper .all-text-wrapper .text-wrapper.vooc-wrapper .params-wrapper{margin-top:38px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-4 .sticky-wrapper .content-wrapper .all-text-wrapper .text-wrapper.vooc-wrapper .params-wrapper{margin-top:32px}}#section-highlights .part-4 .sticky-wrapper .content-wrapper .all-text-wrapper .text-wrapper.vooc-wrapper .params-wrapper .param .green-text{font-family:OPPOSans-Bold;font-weight:400;font-size:60px;line-height:1;background-image:linear-gradient(270deg,#59ef61 5%,#b4f96f 98%);-webkit-background-clip:text;color:transparent}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-4 .sticky-wrapper .content-wrapper .all-text-wrapper .text-wrapper.vooc-wrapper .params-wrapper .param .green-text{font-size:42px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-4 .sticky-wrapper .content-wrapper .all-text-wrapper .text-wrapper.vooc-wrapper .params-wrapper .param .green-text{font-size:36px}}#section-highlights .part-4 .sticky-wrapper .content-wrapper .all-text-wrapper .text-wrapper.vooc-wrapper .params-wrapper .param .text{margin-top:15px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-4 .sticky-wrapper .content-wrapper .all-text-wrapper .text-wrapper.vooc-wrapper .params-wrapper .param .text{margin-top:11px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-4 .sticky-wrapper .content-wrapper .all-text-wrapper .text-wrapper.vooc-wrapper .params-wrapper .param .text{margin-top:9px}}#section-highlights .part-4 .sticky-wrapper .content-wrapper .all-text-wrapper .text-wrapper.vooc-wrapper .params-wrapper .param:nth-child(2){margin-left:69px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-4 .sticky-wrapper .content-wrapper .all-text-wrapper .text-wrapper.vooc-wrapper .params-wrapper .param:nth-child(2){margin-left:48px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-4 .sticky-wrapper .content-wrapper .all-text-wrapper .text-wrapper.vooc-wrapper .params-wrapper .param:nth-child(2){margin-left:41px}}#section-highlights .part-1-pt{position:relative;width:100%;overflow:hidden}#section-highlights .part-1-pt .g--container{position:relative;padding-top:96px}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .part-1-pt .g--container{padding-top:192px}}#section-highlights .part-1-pt .portrait-text{font-family:OPPOSans-Bold;font-weight:400;font-size:50px;line-height:60px;letter-spacing:-1px;text-align:center;width:100%}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .part-1-pt .portrait-text{font-size:100px;line-height:120px;letter-spacing:-1px}}#section-highlights .part-1-pt .portrait-text.white{position:absolute;z-index:3;top:96px;left:0;color:#fff}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .part-1-pt .portrait-text.white{top:192px}}#section-highlights .part-1-pt .portrait-text.red{position:relative;z-index:1;color:#d98d8d}#section-highlights .part-1-pt .p-img{position:absolute;z-index:2;top:136px;left:0;width:calc(100vw - 40px);height:calc(133.33vw - 53px)}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .part-1-pt .p-img{top:272px;width:calc(100vw - 80px);height:calc(133.33vw - 107px)}}#section-highlights .part-1-pt .clip-wrapper{position:absolute;z-index:3;top:0;left:0;width:100%;height:calc(133.33vw + 62px);overflow:hidden}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .part-1-pt .clip-wrapper{height:calc(133.33vw + 123px)}}#section-highlights .part-1-pt .text{margin-top:calc(133.33vw - 101px);text-align:center}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .part-1-pt .text{margin-top:calc(133.33vw - 202px)}}#section-highlights .part-2-pt{padding-top:96px}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .part-2-pt{padding-top:192px}}#section-highlights .part-2-pt .title{position:relative;z-index:2;font-family:OPPOSans-Bold;font-weight:400;font-size:50px;line-height:60px;letter-spacing:-1px;text-align:center;width:100%;color:#9fb9fc}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .part-2-pt .title{font-size:100px;line-height:120px;letter-spacing:-1px}}#section-highlights .part-2-pt .pt-dual{position:relative;z-index:1;width:100%;height:calc(56.25vw - 23px);margin-top:-23px}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .part-2-pt .pt-dual{height:calc(56.25vw - 45px);margin-top:-46px}}#section-highlights .part-2-pt .text{margin-top:32px;text-align:center}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .part-2-pt .text{margin-top:64px}}#section-highlights .part-3-pt{padding:96px 0}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .part-3-pt{padding:192px 0}}#section-highlights .part-3-pt .dim,#section-highlights .part-3-pt .backlit{position:relative}#section-highlights .part-3-pt .big-text{font-family:OPPOSans-Bold;font-weight:400;font-size:50px;line-height:60px;letter-spacing:-1px}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .part-3-pt .big-text{font-size:100px;line-height:120px;letter-spacing:-1px}}#section-highlights .part-3-pt .big-text.back{position:relative;z-index:1;color:#000}#section-highlights .part-3-pt .big-text.front{position:absolute;z-index:3;top:-93px;left:-10px}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .part-3-pt .big-text.front{top:-186px;left:-20px}}#section-highlights .part-3-pt .clip-wrapper{position:absolute;z-index:3;width:calc(100% - 20px);height:calc(133.33vw - 80px);top:94px;left:10px;overflow:hidden}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .part-3-pt .clip-wrapper{width:calc(100% - 40px);height:calc(133.33vw - 160px);top:188px;left:20px}}#section-highlights .part-3-pt .img-wrapper{position:absolute;z-index:2;top:94px;left:10px;width:calc(100% - 20px);height:calc(133.33vw - 80px)}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .part-3-pt .img-wrapper{top:188px;left:20px;width:calc(100% - 40px);height:calc(133.33vw - 160px)}}#section-highlights .part-3-pt .img-wrapper canvas{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity .5s ease}#section-highlights .part-3-pt .img-wrapper canvas.on{z-index:2;-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);transition:-webkit-clip-path .75s ease;transition:clip-path .75s ease;transition:clip-path .75s ease, -webkit-clip-path .75s ease}#section-highlights .part-3-pt .img-wrapper canvas.off{z-index:1}#section-highlights .part-3-pt .img-wrapper.show .on{-webkit-clip-path:inset(0 0% 0 0);clip-path:inset(0 0% 0 0)}#section-highlights .part-3-pt .tag-wrapper{width:calc(100% - 20px);margin-top:calc(133.33vw - 146px);margin-left:10px;display:flex;justify-content:space-between}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .part-3-pt .tag-wrapper{width:calc(100% - 40px);margin-top:calc(133.33vw - 292px);margin-left:20px}}#section-highlights .part-3-pt .tag-wrapper .switch-wrapper{display:flex}#section-highlights .part-3-pt .tag-wrapper .switch-wrapper .switch{color:#e0e0e0;padding-bottom:2px}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .part-3-pt .tag-wrapper .switch-wrapper .switch{padding-bottom:3px}}#section-highlights .part-3-pt .tag-wrapper .switch-wrapper .switch.active{color:#000;border-bottom:1px solid #000}#section-highlights .part-3-pt .tag-wrapper .switch-wrapper .switch.mid{margin:0 12px;color:#000}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .part-3-pt .tag-wrapper .switch-wrapper .switch.mid{margin:0 24px}}#section-highlights .part-3-pt .content{width:calc(100% - 20px);margin-top:45px;margin-left:10px;text-align:center}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .part-3-pt .content{width:calc(100% - 40px);margin-top:90px;margin-left:20px}}#section-highlights .part-3-pt .content .text{margin-top:20px}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .part-3-pt .content .text{margin-top:40px}}#section-highlights .part-3-pt .backlit{margin-top:48px}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .part-3-pt .backlit{margin-top:96px}}#section-highlights .part-4-pt{padding:96px 0;background-color:#000}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .part-4-pt{padding:192px 0}}#section-highlights .part-4-pt .content-wrapper{text-align:center}#section-highlights .part-4-pt .content-wrapper .title{white-space:nowrap}#section-highlights .part-4-pt .content-wrapper .text{margin-top:20px}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .part-4-pt .content-wrapper .text{margin-top:40px}}#section-highlights .part-4-pt .phone-wrapper{position:relative;width:55.56vw;margin:32px auto 0}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .part-4-pt .phone-wrapper{margin:64px auto 0}}#section-highlights .part-4-pt .phone-wrapper .phone{position:relative;z-index:3;width:100%;height:119vw}#section-highlights .part-4-pt .phone-wrapper .vooc-line{position:relative;z-index:1;width:16.5%;margin:-5vw auto 0}#section-highlights .part-4-pt .phone-wrapper canvas{position:absolute;z-index:2;top:12px;left:10px;width:calc(55.56vw - 20px);height:calc(123.5vw - 44px);border-radius:10px}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .part-4-pt .phone-wrapper canvas{top:24px;left:20px;width:calc(55.56vw - 40px);height:calc(123.5vw - 89px);border-radius:20px}}#section-highlights .part-4-pt .tips-wrapper{width:calc(100% - 16px);margin:-18vw auto 0;display:flex;justify-content:space-between}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .part-4-pt .tips-wrapper{width:calc(100% - 32px)}}#section-highlights .part-4-pt .tips-wrapper .green-text{font-family:OPPOSans-Bold;font-weight:400;font-size:24px;line-height:1;background-image:linear-gradient(270deg,#59ef61 5%,#b4f96f 98%);-webkit-background-clip:text;color:transparent}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .part-4-pt .tips-wrapper .green-text{font-size:48px}}#section-highlights .part-4-pt .tips-wrapper .text{margin-top:12px}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .part-4-pt .tips-wrapper .text{margin-top:24px}}#section-highlights .part-4-pt .fresh-wrapper{margin-top:99px}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .part-4-pt .fresh-wrapper{margin-top:198px}}#section-more{position:relative;width:100%;overflow:hidden;background:#000;color:#fff;margin-top:-1px}#section-more .more-remark{font-size:12px;line-height:20px;letter-spacing:-.05px;color:rgba(255,255,255,0.78)}#section-more .remarks{padding:128px 0 166px 0}@media (min-width: 1400px) and (max-width: 1799px){#section-more .remarks{padding:90px 0 116px 0}}@media (min-width: 1024px) and (max-width: 1399px){#section-more .remarks{padding:77px 0 100px 0}}@media (max-width:1023px){#section-more .remarks{padding:140px 0}}@media (min-width: 720px) and (max-width: 1023px){#section-more .remarks{padding:280px 0}}.text-detect{position:absolute;top:-9999px;left:-9999px;opacity:0;visibility:hidden}#oc-wrapper{direction:rtl;text-align:right}.zn--wrapper{direction:ltr;text-align:left}.zn--wrapper img[data-srcset]{opacity:0}.zn--wrapper img[data-srcset].loaded{opacity:1}.zn--wrapper .g--popup-user{display:none}.zn--wrapper sup{font-size:50%;top:-1em}.zn--wrapper .text-rtl{text-align:right;direction:rtl}.zn--wrapper .direct-rtl{direction:rtl}