.zn--modal{--bg-blur:none;--bg-dark:#000;--bg-light:#fff;align-items:center;display:flex;height:100vh;height:calc(var(--vh, 1vh)*100);justify-content:center;left:0;position:fixed;top:0;transform:translateY(100vh);transform:translateY(calc(var(--vh, 1vh)*100));transition:transform .4s ease-out,visibility .4s;visibility:hidden;width:100%;z-index:999}.zn--modal.zn--modal-show{transform:translateY(0);transition:transform .4s ease-out,height .2s ease;visibility:visible}.zn--modal .zn--modal-bg{-webkit-backdrop-filter:var(--bg-blur);backdrop-filter:var(--bg-blur);height:100vh;height:calc(var(--vh, 1vh)*100);left:0;position:absolute;top:0;width:100%;z-index:1}.zn--modal .zn--modal-content{position:relative;z-index:2}:not(.zn--modal)>.zn--modal-content{display:none}
.g--popup .g--popup-container{align-items:center;display:flex;justify-content:center;position:relative;width:100%}.g--popup .g--video-wrapper{height:auto;margin-top:-12px;position:relative;width:75%}.video-portrait.g--popup .g--video-wrapper{height:100%;margin-top:0;padding:32px 0;width:100%}.g--popup .g--video-wrapper video{height:100%;outline:none;width:100%}.video-portrait.g--popup .g--video-wrapper video{object-fit:contain}.g--popup .g--video-wrapper video[src=""]{display:none}.g--popup .g--popup-close{cursor:pointer;height:12px;margin-left:auto;position:absolute;right:0;top:-32px;width:12px;z-index:2}.video-portrait.g--popup .g--popup-close{top:8px}.g--popup .g--popup-close .inner{height:100%;width:100%}.g--popup-container{background:#000}.g--popup-container .g--popup-close polygon{fill:#fff}.g--popup-container[data-theme=white]{background:#fff}.g--popup-container[data-theme=white] .g--popup-close polygon{fill:#000}@media (min-width:2400px){.g--popup .g--video-wrapper{margin-top:-24px}}@media (max-width:1023px){.g--popup .g--popup-container{padding:0}.g--popup .g--video-wrapper{width:100vw;width:calc(var(--vw, 1vw)*100)}.g--popup .g--popup-close{height:24px;width:24px}.g--popup .g--popup-close .inner{transform:scale(.5)}.g--popup .g--popup-close{right:4.444vw}}
#section-kv{background:#d2d2d4;overflow:hidden;width:100%}#section-kv .u-50-42{line-height:1.28}#section-kv .u-24-20,#section-kv .u-28-16,#section-kv .u-32-26{line-height:1.4}#section-kv .u-40-24{line-height:1.6}#section-kv .live-kv{background:#d2d2d4;width:100%;z-index:1}#section-kv .live{display:flex;justify-content:center;width:100%;z-index:2}@media (min-width:1024px) and (max-width:1399px){#section-kv .u-50-42{font-size:34px}#section-kv .u-32-26{font-size:22px}#section-kv .u-24-20{font-size:16px}#section-kv .u-28-16{font-size:19px}#section-kv .u-40-24{font-size:27px}#section-kv .live-kv{padding-top:55px}#section-kv .live-kv .bg .headline-r{left:calc(100% + 38px);top:172px}#section-kv .live-kv .bg .headline-l>:nth-child(2){letter-spacing:14px;margin-bottom:11px;margin-left:16px}#section-kv .live-kv .bg .headline-l{left:-232px;top:161px}#section-kv .live-kv .bg{height:397px;width:433px}#section-kv .live{border-radius:8px;padding:55px 0 124px}#section-kv .live .live-video{border-radius:8px;height:504px;width:896px}}@media (min-width:1024px){#section-kv .live-kv .mask{height:44.427083333333336vw;height:calc(var(--vw, 1vw)*44.42708);width:100%}#section-kv .live-kv .bg{margin:auto;white-space:nowrap}#section-kv .live-kv .bg .headline-l{position:absolute;text-align:center}#section-kv .live-kv .bg .headline-r{position:absolute;text-align:center}}@media (min-width:1400px) and (max-width:1799px){#section-kv .u-50-42{font-size:42px}#section-kv .u-32-26{font-size:27px}#section-kv .u-24-20{font-size:20px}#section-kv .u-28-16{font-size:23px}#section-kv .u-40-24{font-size:34px}#section-kv .live-kv{padding-top:67px}#section-kv .live-kv .bg .headline-r{left:calc(100% + 47px);top:211px}#section-kv .live-kv .bg .headline-l>:nth-child(2){letter-spacing:17px;margin-bottom:13px;margin-left:19px}#section-kv .live-kv .bg .headline-l{left:-284px;top:198px}#section-kv .live-kv .bg{height:487px;width:532px}#section-kv .live{border-radius:10px;padding:67px 0 153px}#section-kv .live .live-video{border-radius:10px;height:619px;width:1100px}}@media (min-width:1800px){#section-kv .u-50-42{font-size:50px}#section-kv .u-32-26{font-size:32px}#section-kv .u-24-20{font-size:24px}#section-kv .u-28-16{font-size:28px}#section-kv .u-40-24{font-size:40px}#section-kv .live-kv{padding-top:80px}#section-kv .live-kv .bg .headline-r{left:calc(100% + 56px);top:252px}#section-kv .live-kv .bg .headline-l>:nth-child(2){letter-spacing:20px;margin-bottom:16px;margin-left:23px}#section-kv .live-kv .bg .headline-l{left:-339px;top:236px}#section-kv .live-kv .bg{height:581px;width:634px}#section-kv .live{border-radius:12px;padding:80px 0 182px}#section-kv .live .live-video{border-radius:12px;height:738px;width:1312px}}@media (max-width:1023px){#section-kv{padding-bottom:22.222vw}#section-kv .live-kv .bg-img{max-height:57.5vw;max-width:62.778vw}#section-kv .live-kv .mask{height:228.611vw}#section-kv .live{border-radius:2.222vw;height:52.778vw;width:94.444vw}#section-kv .u-50-42{font-size:33px;line-height:1.5}#section-kv .u-32-26{font-size:20px}#section-kv .u-24-20,#section-kv .u-32-26.mo-20{font-size:16px}#section-kv .u-28-16{font-size:12px}#section-kv .u-40-24{font-size:19px}#section-kv .live-kv{text-align:center}#section-kv .live-kv .mask{margin:0;width:100%}#section-kv .live-kv .headline-l{padding-top:30px}}@media (max-width:1023px){#section-kv .live-kv .headline-l>:nth-child(2){letter-spacing:15px;margin:-6px 0 8px 17px}#section-kv .live-kv .bg-img{height:31.03448275862069vh;height:calc(var(--vh, 1vh)*31.03448);margin:20px auto;width:33.88305847076462vh;width:calc(var(--vh, 1vh)*33.88306)}#section-kv .live{margin:20px auto 0;overflow:hidden}}
#section-highlights{background:#fff;width:100%}#section-highlights .gtm-trigger-0{left:0;top:100vh;top:calc(var(--vh, 1vh)*100)}#section-highlights .gtm-trigger-1{bottom:100vh;bottom:calc(var(--vh, 1vh)*100);left:0}#section-highlights .intro-sticky{height:800vh;height:calc(var(--vh, 1vh)*800);margin-top:-100vh;margin-top:calc(var(--vh, 1vh)*-100);width:100%;z-index:1}#section-highlights .intro-sticky .intro-sticky-item{height:100vh;height:calc(var(--vh, 1vh)*100);overflow:hidden;width:100%;z-index:1}#section-highlights .intro-sticky .intro-title{left:0;text-align:center;width:100%;z-index:2}#section-highlights .intro-phone{justify-content:center;left:0;opacity:0;top:100vh;top:calc(var(--vh, 1vh)*100);width:100%;z-index:2}#section-highlights .intro-phone p{font-variation-settings:"wght" 750}#section-highlights .intro-notice{height:100vh;height:calc(var(--vh, 1vh)*100);left:0;width:100%;z-index:1}#section-highlights .intro-notice .poster{background:#000;color:#000}#section-highlights .intro-notice .poster .notice{text-align:center;z-index:2}#section-highlights .intro-notice .text-wrapper{z-index:2}#section-highlights .intro-notice .text-wrapper .text-2021{height:calc(100% + 1px);margin-top:-1px}#section-highlights .progress{height:70vh;height:calc(var(--vh, 1vh)*70);left:8vw;left:calc(var(--vw, 1vw)*8);top:calc(15vh + 30px);top:calc(var(--vh, 1vh)*15 + 30px);z-index:3}#section-highlights .progress .line{width:1px}#section-highlights .progress .line>*{background:#000}#section-highlights .progress .line .light{opacity:.2}#section-highlights .progress .line .dark{transform-origin:top}#section-highlights .progress .year{color:#000;display:flex;justify-content:space-between;transform:rotate(90deg);transform-origin:0 0;width:70vh;width:calc(var(--vh, 1vh)*70)}#section-highlights .progress .year>*{line-height:1}@media (min-width:1024px) and (max-width:1399px){#section-highlights .intro-sticky .intro-title{top:calc(100vh + 83px);top:calc(var(--vh, 1vh)*100 + 83px)}#section-highlights .intro-phone-0{height:265px}#section-highlights .intro-phone-0 .gap-top{padding-top:91px}#section-highlights .intro-phone-0 .phone{left:109px;width:265px}#section-highlights .intro-phone-0 .detail{margin-left:210px}#section-highlights .intro-phone-0 .detail .desc{margin:14px 0 0}#section-highlights .intro-phone-1{height:264px;top:calc(100vh - 123px);top:calc(var(--vh, 1vh)*100 - 123px)}#section-highlights .intro-phone-1 .gap-top{padding-top:76px}#section-highlights .intro-phone-1 .phone{left:84px;width:251px}#section-highlights .intro-phone-1 .detail{margin-left:109px}#section-highlights .intro-phone-1 .detail .desc{margin:14px 0 0}#section-highlights .intro-phone-2{height:263px;top:calc(100vh - 137px);top:calc(var(--vh, 1vh)*100 - 137px)}#section-highlights .intro-phone-2 .gap-top{padding-top:82px}#section-highlights .intro-phone-2 .phone{left:148px;width:187px}#section-highlights .intro-phone-2 .detail{margin-left:164px}#section-highlights .intro-phone-2 .detail .desc{margin:14px 0 0}#section-highlights .intro-notice{top:calc(50vh + 68px);top:calc(var(--vh, 1vh)*50 + 68px)}#section-highlights .intro-notice .poster .notice{margin-top:calc(50vh - 205px);margin-top:calc(var(--vh, 1vh)*50 - 205px)}#section-highlights .intro-notice .poster .notice>:first-child{margin-bottom:16px}#section-highlights .progress .year{height:12px;margin-left:20px}}@media (min-width:1024px){#section-highlights .intro-phone .intro .desc{text-align:center;width:100%}#section-highlights .intro-phone-0 .phone,#section-highlights .intro-phone-1 .phone,#section-highlights .intro-phone-2 .phone{height:100%;position:absolute;top:0}#section-highlights .intro-notice .text-wrapper .text-2021{transform-origin:50.18% 50%}}@media (min-width:1400px) and (max-width:1799px){#section-highlights .intro-sticky .intro-title{top:calc(100vh + 102px);top:calc(var(--vh, 1vh)*100 + 102px)}#section-highlights .intro-phone-0{height:325px}#section-highlights .intro-phone-0 .gap-top{padding-top:112px}#section-highlights .intro-phone-0 .phone{left:134px;width:325px}#section-highlights .intro-phone-0 .detail{margin-left:258px}#section-highlights .intro-phone-0 .detail .desc{margin:17px 0 0}#section-highlights .intro-phone-1{height:324px;top:calc(100vh - 151px);top:calc(var(--vh, 1vh)*100 - 151px)}#section-highlights .intro-phone-1 .gap-top{padding-top:94px}#section-highlights .intro-phone-1 .phone{left:103px;width:309px}#section-highlights .intro-phone-1 .detail{margin-left:134px}#section-highlights .intro-phone-1 .detail .desc{margin:17px 0 0}#section-highlights .intro-phone-2{height:323px;top:calc(100vh - 168px);top:calc(var(--vh, 1vh)*100 - 168px)}#section-highlights .intro-phone-2 .gap-top{padding-top:101px}#section-highlights .intro-phone-2 .phone{left:182px;width:230px}#section-highlights .intro-phone-2 .detail{margin-left:201px}#section-highlights .intro-phone-2 .detail .desc{margin:17px 0 0}#section-highlights .intro-notice{top:calc(50vh + 84px);top:calc(var(--vh, 1vh)*50 + 84px)}#section-highlights .intro-notice .poster .notice{margin-top:calc(50vh - 252px);margin-top:calc(var(--vh, 1vh)*50 - 252px)}#section-highlights .intro-notice .poster .notice>:first-child{margin-bottom:20px}#section-highlights .progress .year{height:15px;height:14px;margin-left:25px}}@media (min-width:1400px) and (max-width:1799px){#section-highlights .progress .year>*{font-size:14px}}@media (min-width:1800px){#section-highlights .intro-sticky .intro-title{top:calc(100vh + 122px);top:calc(var(--vh, 1vh)*100 + 122px)}#section-highlights .intro-phone-0{height:388px}#section-highlights .intro-phone-0 .gap-top{padding-top:133px}#section-highlights .intro-phone-0 .phone{left:160px;width:388px}#section-highlights .intro-phone-0 .detail{margin-left:308px}#section-highlights .intro-phone-0 .detail .desc{margin:20px 0 0}#section-highlights .intro-phone-1{height:386px;top:calc(100vh - 180px);top:calc(var(--vh, 1vh)*100 - 180px)}#section-highlights .intro-phone-1 .gap-top{padding-top:112px}#section-highlights .intro-phone-1 .phone{left:123px;width:368px}#section-highlights .intro-phone-1 .detail{margin-left:160px}#section-highlights .intro-phone-1 .detail .desc{margin:20px 0 0}#section-highlights .intro-phone-2{height:385px;top:calc(100vh - 200px);top:calc(var(--vh, 1vh)*100 - 200px)}#section-highlights .intro-phone-2 .gap-top{padding-top:120px}#section-highlights .intro-phone-2 .phone{left:217px;width:274px}#section-highlights .intro-phone-2 .detail{margin-left:240px}#section-highlights .intro-phone-2 .detail .desc{margin:20px 0 0}#section-highlights .intro-notice{top:calc(50vh + 100px);top:calc(var(--vh, 1vh)*50 + 100px)}#section-highlights .intro-notice .poster .notice{margin-top:calc(50vh - 300px);margin-top:calc(var(--vh, 1vh)*50 - 300px)}#section-highlights .intro-notice .poster .notice>:first-child{margin-bottom:24px}#section-highlights .progress .year{height:18px;margin-left:30px}}@media (max-width:1023px){#section-highlights .intro-phone .intro{flex-direction:column;text-align:center}#section-highlights .intro-phone .intro .phone{margin:auto}#section-highlights .intro-notice{top:calc(50vh + 42px);top:calc(var(--vh, 1vh)*50 + 42px)}#section-highlights .intro-notice .poster .notice{margin-top:calc(50vh - 150px);margin-top:calc(var(--vh, 1vh)*50 - 150px)}#section-highlights .intro-notice .text-wrapper .text-2021{transform-origin:49.8% 50%}#section-highlights .progress{left:20px;top:20vh;top:calc(var(--vh, 1vh)*20)}#section-highlights .intro-sticky .intro-title{top:calc(100vh + 11.111vw);top:calc(var(--vh, 1vh)*100 + 11.111vw)}#section-highlights .intro-phone-0 .phone{height:43.056vw;width:43.056vw}#section-highlights .intro-phone-1{top:calc(100vh - 27.778vw);top:calc(var(--vh, 1vh)*100 - 27.778vw)}#section-highlights .intro-phone-1 .phone{height:43.056vw;width:41.111vw}#section-highlights .intro-phone-2{top:calc(100vh - 55.556vw);top:calc(var(--vh, 1vh)*100 - 55.556vw)}#section-highlights .intro-phone-2 .phone{height:46.389vw;width:33.056vw}}@media (max-width:1023px){#section-highlights .intro-notice .poster .notice>:first-child{margin-bottom:5.556vw}#section-highlights .progress .year{height:3.333vw;margin-left:4.444vw}}
#section-features{background:#fff;overflow:hidden;width:100%;z-index:2}#section-features .container{margin:auto}#section-features .cards .card-img{overflow:hidden;transform:translateZ(0)}#section-features .cards .card-detail{color:#000}#section-features .cards .card-detail>:nth-child(2){opacity:.6}#section-features .card-2{justify-content:space-between}@media (min-width:1024px) and (max-width:1399px){#section-features .container{padding-bottom:140px;width:896px}#section-features .cards .card-img,#section-features .cards .card-img canvas,#section-features .cards .card-img img,#section-features .cards .card-img video{border-radius:14px}#section-features .cards .card-detail{margin-top:14px}#section-features .cards .card-detail>:nth-child(2){margin-top:4px}#section-features .card-0,#section-features .card-1{margin-bottom:55px}#section-features .card-0 .card-img,#section-features .card-1 .card-img{height:410px;width:896px}#section-features .card-2 .card-2-0 .card-img{height:328px;width:492px}#section-features .card-2 .card-2-1 .card-img{height:328px;width:350px}}@media (min-width:1400px) and (max-width:1799px){#section-features .container{padding-bottom:172px;width:1100px}#section-features .cards .card-img,#section-features .cards .card-img canvas,#section-features .cards .card-img img,#section-features .cards .card-img video{border-radius:17px}#section-features .cards .card-detail{margin-top:17px}#section-features .cards .card-detail>:nth-child(2){margin-top:5px}#section-features .card-0,#section-features .card-1{margin-bottom:67px}#section-features .card-0 .card-img,#section-features .card-1 .card-img{height:503px;width:1100px}#section-features .card-2 .card-2-0 .card-img{height:402px;width:604px}#section-features .card-2 .card-2-1 .card-img{height:402px;width:429px}}@media (min-width:1800px){#section-features .container{padding-bottom:205px;width:1312px}#section-features .cards .card-img,#section-features .cards .card-img canvas,#section-features .cards .card-img img,#section-features .cards .card-img video{border-radius:20px}#section-features .cards .card-detail{margin-top:20px}#section-features .cards .card-detail>:nth-child(2){margin-top:6px}#section-features .card-0,#section-features .card-1{margin-bottom:80px}#section-features .card-0 .card-img,#section-features .card-1 .card-img{height:600px;width:1312px}#section-features .card-2 .card-2-0 .card-img{height:480px;width:720px}#section-features .card-2 .card-2-1 .card-img{height:480px;width:512px}}@media (max-width:1023px){#section-features .cards .card-img canvas,#section-features .cards .card-img img,#section-features .cards .card-img video{border-radius:2.778vw}#section-features .cards .card-detail>:nth-child(2){margin-top:1.667vw}#section-features .cards .card-detail{width:91.111vw}#section-features .cards .card-img{border-radius:2.778vw;height:55.556vw;margin-bottom:2.778vw}#section-features .cards{margin:0 auto 11.111vw;width:88.889vw}#section-features .cards .card-img{width:100%}}@media (max-width:1023px){#section-features .cards .card-detail>:nth-child(2){line-height:1.5}#section-features .card-2{flex-direction:column}}
:root{--oh-nav-height:80px}@font-face{font-family:OPPOSans-super;font-style:normal;font-weight:400;src:url(/content/dam/oppo/event-page-asset/find-n/live/v1/assets/OPPOSansSuper-Medium-c23c36.woff) format("woff"),url(/content/dam/oppo/event-page-asset/find-n/live/v1/assets/OPPOSansSuper-Medium-e71c7a.ttf) format("truetype")}@font-face{font-family:OPPOSans-super;font-style:normal;font-weight:700;src:url(/content/dam/oppo/event-page-asset/find-n/live/v1/assets/OPPOSansSuper-Bold-3612bd.woff) format("woff"),url(/content/dam/oppo/event-page-asset/find-n/live/v1/assets/OPPOSansSuper-Bold-37942b.ttf) format("truetype")}.zn--wrapper sup{font-family:OPPOSans-super;font-size:1em;font-weight:400;line-height:1;position:relative;top:-.2em;vertical-align:baseline}.zn--wrapper b sup,.zn--wrapper strong sup,.zn--wrapper sup b,.zn--wrapper sup strong{font-weight:700}.g--sup-m{font-weight:400}.g--sup-b{font-weight:700}.zn--wrapper{font-family:OPPOSans-Ver2-Regular,OPPOSans-Regular,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;font-variation-settings:"wght" 550}.zn--wrapper *{box-sizing:border-box}.zn--wrapper a{text-decoration:none}.zn--wrapper img{display:block;max-width:none}.zn--wrapper canvas img{display:none}.zn--wrapper video{display:block;max-width:none}.zn--wrapper div[data-ll-status],.zn--wrapper figure[data-ll-status]{background-repeat:no-repeat;background-size:cover}.zn--wrapper br{font-family:Open Sans,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Roboto,Arial,PingFang SC,Hiragino Sans GB,Microsoft Yahei,Microsoft Jhenghei,"sans-serif"}.zn--wrapper h1{clip:rect(1px,1px,1px,1px);border:none;-webkit-clip-path:inset(0 0 99.9%);clip-path:inset(0 0 99.9%);height:1px;margin:0;overflow:hidden;padding:0;position:absolute;width:1px}#oc-wrapper{overflow:visible}#footer{overflow-x:hidden}.g--container,.g--container-ls,.g--container-pt,.g--wrapper{margin:0 auto}body.no-scroll{overflow-y:hidden}body.zn--body-fixed{position:fixed}#main-wrapper{position:relative}.zn--wrapper .center{align-self:center;margin-left:auto;margin-right:auto;text-align:center}.zn--wrapper .center-content{align-items:center;display:flex;justify-content:center}.zn--wrapper .abs.center-hor{left:50%;transform:translateX(-50%)}.zn--wrapper .abs.center-ver{top:50%;transform:translateY(-50%)}.zn--wrapper .flex.center-ver{align-items:center}.zn--wrapper .flex.center-ver>.wrapper{width:100%}.zn--wrapper .flex.center-hor{justify-content:center}.zn--wrapper .flex.center-hor>.wrapper{height:100%}.zn--wrapper .g--sticky-container,.zn--wrapper .sticky-container{position:relative}.zn--wrapper .g--sticky-item,.zn--wrapper .sticky,.zn--wrapper .sticky-item{position:-webkit-sticky;position:sticky;top:0}.zn--wrapper .black{color:#000}.zn--wrapper .white{color:#fff}.zn--wrapper .grey{color:rgba(255,255,255,.56)}.zn--wrapper .grey-light{color:rgba(255,255,255,.2)}.zn--wrapper .grey{color:rgba(0,0,0,.7)}.zn--wrapper .grey-light{color:rgba(0,0,0,.32)}.zn--wrapper .bg-black{background-color:#000}.zn--wrapper .bg-white{background-color:#fff}.zn--wrapper .full{height:100%;width:100%}.zn--wrapper .full-w{width:100%}.zn--wrapper .full-h{height:100%}.zn--wrapper .full-screen{height:100vh;height:calc(var(--vh, 1vh)*100)}.zn--wrapper .full-screen-nav{height:calc(100vh - 121px);height:calc(var(--vh, 1vh)*100 - 121px)}.zn--wrapper .flex{display:flex}.zn--wrapper .flex.align-center{align-items:center}.zn--wrapper .flex.content-center{justify-content:center}.zn--wrapper .rel{position:relative}.zn--wrapper .abs{position:absolute}.zn--wrapper .abs.clip{left:0;top:0}.zn--wrapper .fixed{position:fixed}.zn--wrapper .clip{left:0;top:0}.zn--wrapper .u-80-48,.zn--wrapper .u-100-42,.zn--wrapper .u-120-42,.zn--wrapper .u-140-68{letter-spacing:0;line-height:1}.zn--wrapper .u-60-32{letter-spacing:0;line-height:1.67}.zn--wrapper .u-68-28{letter-spacing:0;line-height:1.47}.zn--wrapper .u-40-24,.zn--wrapper .u-42-28{letter-spacing:0;line-height:1}.zn--wrapper .u-42-28.mo-32{font-size:32px;letter-spacing:0;line-height:1.31}.zn--wrapper .u-28-16{letter-spacing:0;line-height:1.18}.zn--wrapper .u-24-18{letter-spacing:0;line-height:1.38}.zn--wrapper .u-20-14{letter-spacing:0;line-height:1.6}.zn--wrapper .u-18-14{letter-spacing:0;line-height:1.33}.zn--wrapper .u-16-14{letter-spacing:0;line-height:1.5}.zn--wrapper .u-12{font-size:12px;letter-spacing:0;line-height:1.67}.zn--wrapper .clickable{cursor:pointer}.zn--wrapper .g--cover{object-fit:cover}.zn--wrapper .g--flex{display:flex}.zn--wrapper .g--bold{font-variation-settings:"wght" 1000}.zn--wrapper .g--medium{font-family:OPPOSans-Ver2-Medium,OPPOSans-Medium,OPPOSans-Ver2-Regular,OPPOSans-Regular;font-variation-settings:"wght" 750}.zn--wrapper img:not([src]):not([srcset]){visibility:hidden}.zn--wrapper .g--popup-user{display:none}.g--video-converter .wrapper{height:100%;position:relative}.g--video-converter .wrapper .video{height:100%;object-fit:cover;object-position:center;width:100%}body .medium{font-variation-settings:"wght" 750}@media (min-width:721px) and (max-width:1023px){#oc-header{overflow:hidden}}@media (min-width:1024px) and (max-width:1399px){:root{--oh-nav-height:64px}}@media (min-width:1024px) and (max-width:1399px){.g--container,.g--container-ls{width:896px}.zn--wrapper .u-140-68{font-size:96px}.zn--wrapper .u-120-42{font-size:82px}.zn--wrapper .u-100-42{font-size:68px}.zn--wrapper .u-80-48{font-size:55px}.zn--wrapper .u-60-32{font-size:41px}.zn--wrapper .u-68-28{font-size:46px}.zn--wrapper .u-40-24{font-size:27px}.zn--wrapper .u-42-28{font-size:29px}.zn--wrapper .u-28-16{font-size:19px}.zn--wrapper .u-24-18{font-size:16px}.zn--wrapper .u-20-14{font-size:14px}.zn--wrapper .u-18-14{font-size:12px}.zn--wrapper .u-16-14{font-size:11px}}@media (min-width:1024px){.g--ls-hidden{display:none!important}}@media (min-width:1400px) and (max-width:1799px){.g--container,.g--container-ls{width:1100px}.zn--wrapper .u-140-68{font-size:117px}.zn--wrapper .u-120-42{font-size:101px}.zn--wrapper .u-100-42{font-size:84px}.zn--wrapper .u-80-48{font-size:67px}.zn--wrapper .u-60-32{font-size:50px}.zn--wrapper .u-68-28{font-size:57px}.zn--wrapper .u-40-24{font-size:34px}.zn--wrapper .u-42-28{font-size:35px}.zn--wrapper .u-28-16{font-size:23px}.zn--wrapper .u-24-18{font-size:20px}.zn--wrapper .u-20-14{font-size:17px}.zn--wrapper .u-18-14{font-size:15px}.zn--wrapper .u-16-14{font-size:13px}}@media (min-width:1800px){.g--container,.g--container-ls{width:1312px}.zn--wrapper .u-140-68{font-size:140px}.zn--wrapper .u-120-42{font-size:120px}.zn--wrapper .u-100-42{font-size:100px}.zn--wrapper .u-80-48{font-size:80px}.zn--wrapper .u-60-32{font-size:60px}.zn--wrapper .u-68-28{font-size:68px}.zn--wrapper .u-40-24{font-size:40px}.zn--wrapper .u-42-28{font-size:42px}.zn--wrapper .u-28-16{font-size:28px}.zn--wrapper .u-24-18{font-size:24px}.zn--wrapper .u-20-14{font-size:20px}.zn--wrapper .u-18-14{font-size:18px}.zn--wrapper .u-16-14{font-size:16px}}@media (max-width:1023px){:root{--oh-nav-height:48px}#oc-header.fixed{visibility:hidden}.g--pt-hidden{display:none!important}.zn--wrapper .full-screen-nav{height:calc(100vh - 101px);height:calc(var(--vh, 1vh)*100 - 101px)}.zn--wrapper .u-140-68{font-size:68px;letter-spacing:0;line-height:1}.zn--wrapper .u-120-42{font-size:42px;letter-spacing:0;line-height:1.43}.zn--wrapper .u-120-42.mo-32{font-size:32px;letter-spacing:0;line-height:1.41}.zn--wrapper .u-100-42{font-size:42px;letter-spacing:0;line-height:1.43}.zn--wrapper .u-100-42.mo-32{font-size:32px;letter-spacing:0;line-height:1.41}.zn--wrapper .u-80-48{font-size:48px;letter-spacing:0;line-height:1}.zn--wrapper .u-80-48.mo-32{font-size:32px;letter-spacing:0;line-height:1}.zn--wrapper .u-60-32{font-size:32px;letter-spacing:0;line-height:1.41}.zn--wrapper .u-68-28{font-size:28px;letter-spacing:0;line-height:1.43}.zn--wrapper .u-68-28.mo-32{font-size:32px;letter-spacing:0;line-height:1.31}.zn--wrapper .u-40-24{font-size:24px;letter-spacing:0;line-height:1}.zn--wrapper .u-40-24.mo-22{font-size:22px;letter-spacing:0;line-height:1}.zn--wrapper .u-42-28{font-size:28px;letter-spacing:0;line-height:1}.zn--wrapper .u-28-16{font-size:16px;letter-spacing:0;line-height:1.5}.zn--wrapper .u-28-16.mo-20{font-size:20px;letter-spacing:0;line-height:1.4}.zn--wrapper .u-24-18{font-size:18px;letter-spacing:0;line-height:1}.zn--wrapper .u-24-18 .mo-14{font-size:14px;letter-spacing:0;line-height:1}.zn--wrapper .u-20-14{font-size:14px;letter-spacing:0;line-height:1.71}.zn--wrapper .u-18-14{font-size:14px;letter-spacing:0;line-height:1.43}.zn--wrapper .u-18-14.mo-12{font-size:12px;letter-spacing:0;line-height:1.17}.zn--wrapper .u-16-14{font-size:14px;letter-spacing:0;line-height:1}.g--container,.g--container-pt{width:88.889vw}}@media (max-width:720px){.g--mb-hidden{display:none!important}}@media not screen and (max-width:720px){.g--mb-show{display:none!important}}