.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}}#online-store{color:#000;position:fixed;z-index:999;top:-999vh;top:calc(-999 * var(--vh, 1vh));left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}#online-store .mask{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.65);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;transition:opacity .5s ease}#online-store .store-container{position:relative;z-index:2;background-color:#fff;width:1312px;height:720px;opacity:0;-webkit-transform:translateY(25%);transform:translateY(25%);transition-delay:.25s;transition:opacity .5s ease,-webkit-transform .5s ease;transition:transform .5s ease,opacity .5s ease;transition:transform .5s ease,opacity .5s ease,-webkit-transform .5s ease}@media (min-width:1440px) and (max-width:1600px){#online-store .store-container{width:1312px;height:625px}}@media (min-width:1024px) and (max-width:1439px){#online-store .store-container{width:896px;height:580px}}@media (min-width:768px) and (max-width:1439px){#online-store .store-container{width:720px;height:850px}}@media (max-width:767px){#online-store .store-container{width:320px;height:620px}}@media (max-width:1023px){#online-store .store-container{max-height:100vh;max-height:calc(100 * var(--vh, 1vh))}}#online-store .store-container .store-page{width:100%;height:100%;overflow:hidden;overflow-y:scroll}#online-store .store-container .store-page::-webkit-scrollbar{width:4px}#online-store .store-container .store-page::-webkit-scrollbar-thumb{background-color:#2ec84d}#online-store .store-container .store-page .close-button{position:absolute;z-index:3;top:32px;right:32px;width:14px;height:14px;cursor:pointer}#online-store .store-container .store-page .title-area{position:absolute;z-index:2;top:0;left:0;width:calc(100% - 4px);height:146px;background-color:#fff;text-align:center;padding-top:70px}#online-store .store-container .store-page .title-area p{font-size:28px;line-height:44px;letter-spacing:-.1;font-family:OPPOSans-Bold}#online-store .store-container .store-page .store-content{position:relative;z-index:1;width:100%;margin-top:146px;margin-bottom:28px}#online-store .store-container .store-page .store-content .store-list{width:1088px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center}@media (min-width:1024px) and (max-width:1439px){#online-store .store-container .store-page .store-content .store-list{width:664px}}@media (min-width:768px) and (max-width:1439px){#online-store .store-container .store-page .store-content .store-list{width:532px}}@media (max-width:767px){#online-store .store-container .store-page .store-content .store-list{width:280px}}#online-store .store-container .store-page .store-content .store-list .store-title{flex:100%;text-align:center;margin-bottom:20px}#online-store .store-container .store-page .store-content .store-list .store{width:192px;height:144px;background-color:rgba(0,0,0,0.04);margin-bottom:32px;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease;-webkit-clip-path:inset(0 round 50%);clip-path:inset(0 round 50%);overflow:hidden}.show#online-store .store-container .store-page .store-content .store-list .store{-webkit-clip-path:inset(0 round 0);clip-path:inset(0 round 0);transition:-webkit-clip-path .4s ease .4s;transition:clip-path .4s ease .4s;transition:clip-path .4s ease .4s, -webkit-clip-path .4s ease .4s}#online-store .store-container .store-page .store-content .store-list .store img{width:118px;height:80px;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease}@media (min-width:1440px){#online-store .store-container .store-page .store-content .store-list .store:not(:nth-of-type(5n+1)){margin-left:32px}}@media (min-width:1024px) and (max-width:1439px){#online-store .store-container .store-page .store-content .store-list .store{width:200px;height:150px}#online-store .store-container .store-page .store-content .store-list .store:not(:nth-of-type(3n+1)){margin-left:32px}#online-store .store-container .store-page .store-content .store-list .store img{width:122px;height:82px}}@media (min-width:768px) and (max-width:1439px){#online-store .store-container .store-page .store-content .store-list .store{width:155px;height:116px}#online-store .store-container .store-page .store-content .store-list .store:not(:nth-of-type(3n+1)){margin-left:32px}#online-store .store-container .store-page .store-content .store-list .store img{width:95px;height:64px}}@media (max-width:767px){#online-store .store-container .store-page .store-content .store-list .store{width:132px;height:96px}#online-store .store-container .store-page .store-content .store-list .store:not(:nth-of-type(2n+1)){margin-left:16px}#online-store .store-container .store-page .store-content .store-list .store img{width:98px;height:66px}}#online-store .store-container .store-page .store-content .store-list .store:hover,#online-store .store-container .store-page .store-content .store-list .store :active{background-color:rgba(0,0,0,0.01)}#online-store .store-container .store-page .store-content .store-list .store:hover img,#online-store .store-container .store-page .store-content .store-list .store :active img{-webkit-transform:scale(.9);transform:scale(.9)}#online-store .store-container .store-page .store-content .store-list:not(:first-child){margin-top:6px}#online-store.show{top:0}#online-store.show .mask{opacity:1}#online-store.show .store-container{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}#navbar{position:-webkit-sticky;position:sticky;top:-1px;background-color:#fff;color:#000;cursor:default;height:60px;opacity:1;width:100%;z-index:10;border:1px solid rgba(0,0,0,0.1);border-left:none;border-right:none}.lang-ar #navbar{direction:rtl;text-align:right}@media (max-width:1023px){#navbar{height:50px}}#navbar.no-border-btm{border-bottom:transparent}#navbar.sticked{transition:background-color .3s ease;background-color:#fff}[data-active-selector]#navbar.sticked{transition:none}[data-theme='dark']:not([data-active-selector])#navbar.sticked,[data-theme='dark'].colorful-selector#navbar.sticked{background-color:#000}#navbar.sticked .sub-container{transition:opacity .5s ease-in-out,background-color .3s ease}[data-theme='dark']:not([data-active-selector])#navbar,[data-theme='dark'].colorful-selector#navbar{background-color:#000;border-color:rgba(255,255,255,0.1);color:#fff}#navbar ul,#navbar li{align-items:center;display:flex;justify-content:center}#navbar li{font-family:OPPOSans-Regular;font-weight:400;font-size:14px;letter-spacing:.05px;line-height:20px}@media (min-width:1024px){#navbar li{font-size:12px}}#navbar li .a{cursor:pointer;white-space:nowrap;-webkit-user-select:none;-ms-user-select:none;user-select:none}#navbar li .a:hover{opacity:1}#navbar li .a,#navbar li span{align-items:center;color:inherit;display:flex;font-size:inherit;opacity:.6;transition:opacity .3s ease,color .3s ease}#navbar .container{display:flex;height:100%;justify-content:space-between;margin:0 auto;max-width:14.4rem;padding:0 .6rem;position:relative;width:100%}@media (min-width:1024px) and (max-width:1399px){#navbar .container{padding:0 .5rem}}@media (max-width:1023px){#navbar .container{padding:0 20px}}@media (max-width:1023px) and (min-width:720px) and (max-width:1023px){#navbar .container{padding:0 40px}}#navbar .sub-container{opacity:0;pointer-events:none;position:relative;top:1px;width:100%;height:40px;background-color:#fff;padding:8px 0;pointer-events:none;border-bottom:1px solid rgba(0,0,0,0.1);transition:backround-color .3s ease;display:flex;justify-content:center}[data-theme='dark']#navbar .sub-container{background-color:#000;border-color:rgba(255,255,255,0.1);color:#fff}#navbar .sub-container.visible{opacity:1;pointer-events:auto}#navbar .sub-container .links-container{max-width:100%;overflow-x:scroll;display:flex;justify-content:flex-start;scrollbar-width:none}#navbar .sub-container .links-container::-webkit-scrollbar{display:none}#navbar .sub-container .links-container .link{margin-right:18px}.lang-ar #navbar .sub-container .links-container .link{margin-left:18px;margin-right:0}#navbar .sub-container .links-container .link:first-child{padding-left:20px}@media (min-width: 720px) and (max-width: 1023px){#navbar .sub-container .links-container .link:first-child{padding-left:40px}}.lang-ar #navbar .sub-container .links-container .link:first-child{padding-right:20px;padding-left:0}@media (min-width: 720px) and (max-width: 1023px){.lang-ar #navbar .sub-container .links-container .link:first-child{padding-right:40px}}#navbar .sub-container .links-container .link:last-child{margin:0;padding-right:20px}@media (min-width: 720px) and (max-width: 1023px){#navbar .sub-container .links-container .link:last-child{padding-right:40px}}.lang-ar #navbar .sub-container .links-container .link:last-child{padding-left:20px;padding-right:0}@media (min-width: 720px) and (max-width: 1023px){.lang-ar #navbar .sub-container .links-container .link:last-child{padding-left:40px}}#navbar .sub-container .links-container .link .active{opacity:1;pointer-events:none;font-family:OPPOSans-Bold;font-weight:400}#navbar .sub-container .scroll-mask{position:absolute;top:0;width:20px;height:100%;z-index:2}@media (min-width: 720px) and (max-width: 1023px){#navbar .sub-container .scroll-mask{width:40px}}#navbar .sub-container .mask-left{left:0}#navbar .sub-container .mask-right{right:0}#navbar .sub-container .mask-light{opacity:1;transition:opacity .3s ease .3s}[data-theme='dark']#navbar .sub-container .mask-light{opacity:0;transition:none}#navbar .sub-container .mask-light.mask-left{background:linear-gradient(to left,rgba(255,255,255,0),#fff)}#navbar .sub-container .mask-light.mask-right{background:linear-gradient(to right,rgba(255,255,255,0),#fff)}#navbar .sub-container .mask-dark{opacity:0;transition:none}[data-theme='dark']#navbar .sub-container .mask-dark{opacity:1;transition:opacity .3s ease .3s}#navbar .sub-container .mask-dark.mask-left{background:linear-gradient(to left,rgba(0,0,0,0),#000)}#navbar .sub-container .mask-dark.mask-right{background:linear-gradient(to right,rgba(0,0,0,0),#000)}#navbar .sub-container[data-active="1"] .link:nth-child(1) .a{opacity:1;pointer-events:none;font-family:OPPOSans-Bold;font-weight:400}#navbar .sub-container[data-active="2"]{opacity:1;pointer-events:auto}#navbar .sub-container[data-active="2"] .link:nth-child(2) .a{opacity:1;pointer-events:none;font-family:OPPOSans-Bold;font-weight:400}#navbar .sub-container[data-active="3"]{opacity:1;pointer-events:auto}#navbar .sub-container[data-active="3"] .link:nth-child(3) .a{opacity:1;pointer-events:none;font-family:OPPOSans-Bold;font-weight:400}#navbar .sub-container[data-active="4"]{opacity:1;pointer-events:auto}#navbar .sub-container[data-active="4"] .link:nth-child(4) .a{opacity:1;pointer-events:none;font-family:OPPOSans-Bold;font-weight:400}#navbar .sub-container[data-active="5"]{opacity:1;pointer-events:auto}#navbar .sub-container[data-active="5"] .link:nth-child(5) .a{opacity:1;pointer-events:none;font-family:OPPOSans-Bold;font-weight:400}#navbar .sub-container[data-active="6"]{opacity:1;pointer-events:auto}#navbar .sub-container[data-active="6"] .link:nth-child(6) .a{opacity:1;pointer-events:none;font-family:OPPOSans-Bold;font-weight:400}#navbar .sub-container[data-active="7"]{opacity:1;pointer-events:auto}#navbar .sub-container[data-active="7"] .link:nth-child(7) .a{opacity:1;pointer-events:none;font-family:OPPOSans-Bold;font-weight:400}#navbar .sub-container[data-active="8"]{opacity:1;pointer-events:auto}#navbar .sub-container[data-active="8"] .link:nth-child(8) .a{opacity:1;pointer-events:none;font-family:OPPOSans-Bold;font-weight:400}#navbar .sub-container[data-active="9"]{opacity:1;pointer-events:auto}#navbar .sub-container[data-active="9"] .link:nth-child(9) .a{opacity:1;pointer-events:none;font-family:OPPOSans-Bold;font-weight:400}#navbar .mask{background-color:rgba(0,0,0,0.56);transition:background-color .3s ease}#navbar .indicator .arrow{fill:#000;transition:fill .3s ease}[data-theme='dark']:not([data-active-selector])#navbar .indicator .arrow,[data-theme='dark'].colorful-selector#navbar .indicator .arrow{fill:#fff}#navbar .products,#navbar .links,#navbar .buttons{align-items:center;min-width:0}#navbar .link:not(:first-child),#navbar .button:not(:first-child){margin-left:18px}@media (min-width: 1400px) and (max-width: 1799px){#navbar .link:not(:first-child),#navbar .button:not(:first-child){margin-left:13px}}@media (min-width: 1024px) and (max-width: 1399px){#navbar .link:not(:first-child),#navbar .button:not(:first-child){margin-left:11px}}.lang-ar #navbar .link:not(:first-child),.lang-ar #navbar .button:not(:first-child){margin-right:18px;margin-left:0}@media (min-width: 1400px) and (max-width: 1799px){.lang-ar #navbar .link:not(:first-child),.lang-ar #navbar .button:not(:first-child){margin-right:13px}}@media (min-width: 1024px) and (max-width: 1399px){.lang-ar #navbar .link:not(:first-child),.lang-ar #navbar .button:not(:first-child){margin-right:11px}}@media (max-width:1023px){#navbar .link:not(:first-child),#navbar .button:not(:first-child){margin-left:0}}@media (max-width:1023px){#navbar .link .a.default,#navbar .product .a.active,#navbar .product.special{display:none}}@media (max-width:1023px){#navbar .products,#navbar .links{align-items:stretch;flex-direction:column;left:0;overflow:hidden;position:absolute;top:100%;margin-top:1px;width:100%;visibility:hidden}#navbar .products > :last-child > :last-child,#navbar .links > :last-child > :last-child,#navbar .products > :last-child > :last-child > :last-child,#navbar .links > :last-child > :last-child > :last-child{border-bottom-color:transparent}#navbar .products li,#navbar .links li{background-color:#fff;justify-content:stretch;padding:0 20px;position:relative;-webkit-transform:translateY(-400%);transform:translateY(-400%);-webkit-transform:translateY(calc(-100% * var(--links-n, 4)));transform:translateY(calc(-100% * var(--links-n, 4)));transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease}[data-theme='dark']:not([data-active-selector])#navbar .products li,[data-theme='dark']:not([data-active-selector])#navbar .links li,[data-theme='dark'].colorful-selector#navbar .products li,[data-theme='dark'].colorful-selector#navbar .links li{background-color:#000}#navbar .products .a,#navbar .links .a{border-bottom:1px solid rgba(0,0,0,0.1);display:flex;justify-content:center;padding:14px 0;text-align:center;width:100%}[data-theme='dark']:not([data-active-selector])#navbar .products .a,[data-theme='dark']:not([data-active-selector])#navbar .links .a,[data-theme='dark'].colorful-selector#navbar .products .a,[data-theme='dark'].colorful-selector#navbar .links .a{background-color:#000;border-bottom:1px solid rgba(255,255,255,0.1)}}@media (min-width: 720px) and (max-width: 1023px){#navbar .products li,#navbar .links li{padding:0 40px}}#navbar .products{flex:1 1 0%;justify-content:flex-start}@media (max-width:1023px){#navbar .products{z-index:3}}#navbar .products .active{opacity:1;pointer-events:none;font-family:OPPOSans-Bold;font-weight:400}#navbar .products .divider{margin:0 18px}@media (min-width: 1400px) and (max-width: 1799px){#navbar .products .divider{margin:0 13px}}@media (min-width: 1024px) and (max-width: 1399px){#navbar .products .divider{margin:0 11px}}@media (max-width:1023px){#navbar .products .divider{display:none}}#navbar .products .divider .a{cursor:default}#navbar .links{flex:3 3 0%;justify-content:center}@media (min-width:1024px){#navbar .links{opacity:0}}@media (max-width:1023px){#navbar .links{z-index:4}}#navbar .links .default{pointer-events:none}#navbar .buttons{flex:1 1 0%;justify-content:flex-end}#navbar .buttons .button{overflow:hidden;position:relative;border-radius:2px}#navbar .buttons .button .a{font-family:OPPOSans-Bold;font-weight:400;background-color:#2dc84d;color:#fff;font-size:12px;height:30px;letter-spacing:0;line-height:1;opacity:1;padding:0 18px}@media (max-width:1023px){#navbar .buttons .button .a{height:32px;padding:0 12px;font-size:12px;min-width:64px}}#navbar .links[data-active=''] .default,#navbar .links:not([data-active]) .default{opacity:1;pointer-events:none;font-family:OPPOSans-Bold;font-weight:400}#navbar .links[data-active="1"] > li:nth-child(1) .a{opacity:1;pointer-events:none;font-family:OPPOSans-Bold;font-weight:400}#navbar .links[data-active="2"] > li:nth-child(2) .a{opacity:1;pointer-events:none;font-family:OPPOSans-Bold;font-weight:400}#navbar .links[data-active="3"] > li:nth-child(3) .a{opacity:1;pointer-events:none;font-family:OPPOSans-Bold;font-weight:400}#navbar .links[data-active="4"] > li:nth-child(4) .a{opacity:1;pointer-events:none;font-family:OPPOSans-Bold;font-weight:400}#navbar .links[data-active="5"] > li:nth-child(5) .a{opacity:1;pointer-events:none;font-family:OPPOSans-Bold;font-weight:400}#navbar .links[data-active="6"] > li:nth-child(6) .a{opacity:1;pointer-events:none;font-family:OPPOSans-Bold;font-weight:400}#navbar .links[data-active="7"] > li:nth-child(7) .a{opacity:1;pointer-events:none;font-family:OPPOSans-Bold;font-weight:400}#navbar .links[data-active="8"] > li:nth-child(8) .a{opacity:1;pointer-events:none;font-family:OPPOSans-Bold;font-weight:400}#navbar .links[data-active="9"] > li:nth-child(9) .a{opacity:1;pointer-events:none;font-family:OPPOSans-Bold;font-weight:400}#navbar .links[data-active="10"] > li:nth-child(10) .a{opacity:1;pointer-events:none;font-family:OPPOSans-Bold;font-weight:400}@media (max-width:1023px){#navbar{position:relative}#navbar .mask{height:100vh;height:calc(100 * var(--vh, 1vh));left:0;position:absolute;top:calc(100% + 1px);width:100%;z-index:0;display:none}#navbar .indicator{height:24px;margin-left:5px}#navbar .indicator .arrow{width:14px;height:14px;-webkit-transform:rotate(90deg);transform:rotate(90deg);transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease}#navbar .selector{align-items:center;display:flex;justify-content:flex-start}#navbar .selector li *{opacity:1;font-family:OPPOSans-Bold;font-weight:400}#navbar .selector[disabled] .indicator{display:none}[data-active-selector]#navbar .mask{display:block}[data-active-selector='product']#navbar .product-selector .indicator .arrow{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}[data-active-selector='product']#navbar .products{visibility:visible}[data-active-selector='product']#navbar .products > li{-webkit-transform:translateY(0);transform:translateY(0)}[data-active-selector='link']#navbar .link-selector .indicator .arrow{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}[data-active-selector='link']#navbar .links{visibility:visible}[data-active-selector='link']#navbar .links > li{-webkit-transform:translateY(0);transform:translateY(0)}#navbar .product-selector,#navbar .buttons{flex:0 0 85px}#navbar .link-selector{flex:1 1 0%;justify-content:center;margin:0 5px}}@media (min-width: 720px) and (max-width: 1023px){#navbar .product-selector,#navbar .buttons{flex:0 0 170px}}#oc-header.fixed{position:absolute}@media (min-width:1024px){#oc-wrapper{padding-top:.1px}}@media (min-width:1024px){.zn--navbar{margin-top:80px}}#oc-container .zn--navbar{margin-top:0}@media (min-width:1024px) and (max-width:1439px){.zn--navbar{margin-top:64px}}.zn--wrapper{position:relative}.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:2;width:100%;background-color:#fff}#section-kv .g--pt-hidden{position:relative;width:100%;height:1126px;overflow:hidden}@media (min-width: 1400px) and (max-width: 1799px){#section-kv .g--pt-hidden{height:788px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv .g--pt-hidden{height:676px}}#section-kv .g--pt-hidden .reno5{position:absolute;z-index:2;top:-140px;left:calc(50% - 960px);width:1920px;height:920px}@media (min-width: 1400px) and (max-width: 1799px){#section-kv .g--pt-hidden .reno5{top:-98px;left:calc(50% - 672px);width:1344px;height:644px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv .g--pt-hidden .reno5{top:-84px;left:calc(50% - 576px);width:1152px;height:552px}}#section-kv .g--pt-hidden .phone{position:relative;z-index:3;width:1305px;height:487px;margin:201px auto 0}@media (min-width: 1400px) and (max-width: 1799px){#section-kv .g--pt-hidden .phone{width:913px;height:341px;margin:141px auto 0}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv .g--pt-hidden .phone{width:783px;height:292px;margin:121px auto 0}}#section-kv .g--pt-hidden .shadow{position:absolute;z-index:1;top:113px;left:calc(50% - 780px);width:1512px;height:1013px}@media (min-width: 1400px) and (max-width: 1799px){#section-kv .g--pt-hidden .shadow{top:79px;left:calc(50% - 546px);width:1058px;height:709px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv .g--pt-hidden .shadow{top:68px;left:calc(50% - 468px);width:907px;height:608px}}#section-kv .g--pt-hidden .title{position:relative;z-index:2;margin-top:70px;margin-left:calc(50% - 653px);width:981px;height:75px;mix-blend-mode:multiply}@media (min-width: 1400px) and (max-width: 1799px){#section-kv .g--pt-hidden .title{margin-top:49px;margin-left:calc(50% - 457px);width:687px;height:53px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv .g--pt-hidden .title{margin-top:42px;margin-left:calc(50% - 392px);width:589px;height:45px}}#section-kv .g--ls-hidden{position:relative;width:100%;overflow:hidden}#section-kv .g--ls-hidden .title{position:relative;z-index:2;margin-top:30px;margin-left:20px;width:calc(100vw - 40px);height:calc(13.125vw - 5px)}@media (min-width: 720px) and (max-width: 1023px){#section-kv .g--ls-hidden .title{margin-top:60px;margin-left:40px;width:calc(100vw - 80px);height:calc(13.125vw - 10px)}}#section-kv .g--ls-hidden .reno5{position:absolute;z-index:2;top:calc(13.125vw + 35px);right:0;width:85.83vw;height:72.22vw}@media (min-width: 720px) and (max-width: 1023px){#section-kv .g--ls-hidden .reno5{top:calc(13.125vw + 70px)}}#section-kv .g--ls-hidden .phone{position:relative;z-index:3;width:87.5vw;height:80.28vw;margin:72px 0 0}@media (min-width: 720px) and (max-width: 1023px){#section-kv .g--ls-hidden .phone{margin:144px 0 0}}#section-kv .g--ls-hidden .shadow{position:absolute;z-index:1;top:calc(13.125vw + 71px);left:0;width:90.83vw;height:94.72vw}@media (min-width: 720px) and (max-width: 1023px){#section-kv .g--ls-hidden .shadow{top:calc(13.125vw + 142px)}}#section-kv .g--ls-hidden .slogan{position:relative;z-index:2;margin-top:12px;margin-left:20px;width:calc(100vw - 40px);height:calc(25.77vw - 10px)}@media (min-width: 720px) and (max-width: 1023px){#section-kv .g--ls-hidden .slogan{margin-top:24px;margin-left:40px;width:calc(100vw - 80px);height:calc(25.77vw - 21px)}}#section-highlights{position:relative;z-index:1;width:100%;background-color:#fff}#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))}#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:130px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-3 .sticky-wrapper .flex-part .block.left .text-wrapper{left:91px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-3 .sticky-wrapper .flex-part .block.left .text-wrapper{left:78px}}#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:-78px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-3 .sticky-wrapper .flex-part .block.right .clip-wrapper .text-wrapper{left:-55px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-3 .sticky-wrapper .flex-part .block.right .clip-wrapper .text-wrapper{left:-47px}}#section-highlights .part-3 .sticky-wrapper .flex-part .block.right .text-wrapper{left:17px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-3 .sticky-wrapper .flex-part .block.right .text-wrapper{left:12px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-3 .sticky-wrapper .flex-part .block.right .text-wrapper{left:10px}}#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 .flex-part .block .text-wrapper.g--black .text{background-color:#fff}#section-highlights .part-3 .sticky-wrapper .flex-part .block .text-wrapper.g--black .text:nth-child(2){z-index:1}#section-highlights .part-3 .sticky-wrapper .flex-part .block .text-wrapper.g--black .text:nth-child(1){z-index:2}#section-highlights .part-3 .sticky-wrapper .flex-part .block .text-wrapper.g--black .text:nth-child(3){z-index:3}#section-highlights .part-3 .sticky-wrapper .content{width:528px;margin-top:-120px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-3 .sticky-wrapper .content{width:370px;margin-top:-84px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-3 .sticky-wrapper .content{width:317px;margin-top:-72px}}#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;margin-top:120px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-4{margin-top:84px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-4{margin-top:72px}}#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:3px #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:650px;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:455px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-4 .sticky-wrapper .content-wrapper .all-text-wrapper{width:390px}}#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.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{margin-top:-50px}#section-highlights .part-1-pt{position:relative;width:100%;overflow:hidden;margin:300px 0}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-1-pt{margin:210px 0}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-1-pt{margin:180px 0}}@media (max-width:1023px){#section-highlights .part-1-pt{margin:96px 0;padding-top:180px}}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .part-1-pt{margin:192px 0;padding-top:360px}}#section-highlights .part-1-pt .g--container{position:relative}#section-highlights .part-1-pt .portrait-text{font-family:OPPOSans-Bold;font-weight:400;text-align:center;width:100%;font-size:90px;line-height:120px;letter-spacing:-1px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-1-pt .portrait-text{font-size:63px;line-height:84px;letter-spacing:-1px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-1-pt .portrait-text{font-size:54px;line-height:72px;letter-spacing:-1px}}@media (max-width:1023px){#section-highlights .part-1-pt .portrait-text{font-size:42px;line-height:60px;letter-spacing:0px;white-space:nowrap}}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .part-1-pt .portrait-text{font-size:84px;line-height:120px;letter-spacing:-1px}}#section-highlights .part-1-pt .portrait-text.white{position:absolute;z-index:3;top:0;left:0;color:#fff}#section-highlights .part-1-pt .portrait-text.black{position:relative;z-index:1;color:#000}@media (max-width:1023px){#section-highlights .part-1-pt .portrait-text.black{width:100vw;margin-left:-20px}}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .part-1-pt .portrait-text.black{margin-left:-40px}}#section-highlights .part-1-pt .p-img{position:absolute;z-index:2;top:190px;left:224px;width:864px;height:648px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-1-pt .p-img{top:133px;left:157px;width:605px;height:454px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-1-pt .p-img{top:114px;left:134px;width:518px;height:389px}}@media (max-width:1023px){#section-highlights .part-1-pt .p-img{top:96px;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:192px;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:838px;overflow:hidden}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-1-pt .clip-wrapper{height:587px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-1-pt .clip-wrapper{height:503px}}@media (max-width:1023px){#section-highlights .part-1-pt .clip-wrapper{width:100%;height:calc(133.33vw + 62px)}}@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 .content-wrapper{width:864px;margin:648px auto 0}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-1-pt .content-wrapper{width:605px;margin:454px auto 0}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-1-pt .content-wrapper{width:518px;margin:389px auto 0}}@media (max-width:1023px){#section-highlights .part-1-pt .content-wrapper{width:100%;margin:calc(133.33vw - 101px) 0 0 0;text-align:center}}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .part-1-pt .content-wrapper{margin:calc(133.33vw - 202px) 0 0 0}}#section-highlights .part-1-pt .content-wrapper .text{margin-top:30px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-1-pt .content-wrapper .text{margin-top:21px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-1-pt .content-wrapper .text{margin-top:18px}}@media (max-width:1023px){#section-highlights .part-1-pt .content-wrapper .text{margin-top:20px}}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .part-1-pt .content-wrapper .text{margin-top:40px}}#section-highlights .part-2-pt{padding-top:16px}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .part-2-pt{padding-top:32px}}#section-highlights .part-2-pt .big-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 .big-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 .title{margin-top:48px;text-align:center}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .part-2-pt .title{margin-top:96px}}#section-highlights .part-2-pt .text{margin-top:20px;text-align:center}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .part-2-pt .text{margin-top:40px}}#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;margin-left:-4px}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .part-3-pt .big-text{font-size:100px;line-height:120px;letter-spacing:-1px;margin-left:-8px}}#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:100%;margin-top:45px;text-align:center}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .part-3-pt .content{margin-top:90px}}#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;margin-top:96px}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .part-4-pt{padding:192px 0;margin-top:192px}}#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}.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}.chrome sup{display:inline-block;-webkit-transform:scale(.8);transform:scale(.8)}.chrome sup.small{-webkit-transform:scale(.6);transform:scale(.6);-webkit-transform-origin:left;transform-origin:left}