.g--font-r{font-family:OPPOSans-Regular;font-weight:400}.g--font-m{font-family:OPPOSans-Medium;font-weight:400}.g--font-b{font-family:OPPOSans-Bold;font-weight:400}.g--font-l{font-family:OPPOSans-Light;font-weight:200}.g--shadow-title{position:relative}.g--shadow-title .shadow-wrapper{position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:auto;overflow:hidden;will-change:transform;text-align:center}.g--shadow-title .shadow-wrapper .shadow-text{padding:0 5px;color:#fff;font-family:OPPOSans-Bold;font-weight:400;font-size:40px;line-height:1;letter-spacing:-1.3px}@media (min-width:1024px){.g--shadow-title .shadow-wrapper .shadow-text{font-size:92px;line-height:1;letter-spacing:-5px}}@media (min-width: 1400px) and (max-width: 1799px){.g--shadow-title .shadow-wrapper .shadow-text{font-size:77px;letter-spacing:-4px}}@media (min-width: 1024px) and (max-width: 1399px){.g--shadow-title .shadow-wrapper .shadow-text{font-size:63px;letter-spacing:-3px}}.g--shadow-title .shadow-wrapper .stroke-text{color:transparent;background:linear-gradient(180deg,#808080,#000 70%);-webkit-background-clip:text;-webkit-text-stroke:2px transparent;-webkit-text-fill-color:#000;-webkit-transform:scale(1.01);transform:scale(1.01)}@media (max-width:1023px){.g--shadow-title .shadow-wrapper .stroke-text{background:linear-gradient(180deg,#808080,#000 46%);-webkit-background-clip:text;-webkit-text-stroke:2px transparent;-webkit-text-fill-color:#000}}.g--shadow-title .shadow-wrapper .fill-text{-webkit-transform:translateY(-50%) scale(1.01);transform:translateY(-50%) scale(1.01)}.g--shadow-title[data-bg-color = 'grey'] .shadow-wrapper .shadow-text{color:#000}.g--shadow-title[data-bg-color = 'grey'] .shadow-wrapper .stroke-text{background:linear-gradient(180deg,#999,#f7f7f7 70%);-webkit-background-clip:text;-webkit-text-fill-color:#f7f7f7}@media (max-width:1023px){.g--shadow-title[data-bg-color = 'grey'] .shadow-wrapper .stroke-text{background:linear-gradient(180deg,#999,#fff 45%);-webkit-background-clip:text;-webkit-text-fill-color:#f7f7f7}}
.g--font-r{font-family:OPPOSans-Regular;font-weight:400}.g--font-m{font-family:OPPOSans-Medium;font-weight:400}.g--font-b{font-family:OPPOSans-Bold;font-weight:400}.g--font-l{font-family:OPPOSans-Light;font-weight:200}.g--chapter-title{position:relative;width:100%}.android .g--chapter-title{padding:182px 0}@media (min-width: 1400px) and (max-width: 1799px){.android .g--chapter-title{padding:153px 0}}@media (min-width: 1024px) and (max-width: 1399px){.android .g--chapter-title{padding:124px 0}}@media (max-width:1023px){.android .g--chapter-title{padding:96px 0}}@media (min-width: 720px) and (max-width: 1023px){.android .g--chapter-title{padding:192px 0}}.g--chapter-title .chapter-container{position:relative;width:100%}
.g--font-r{font-family:OPPOSans-Regular;font-weight:400}.g--font-m{font-family:OPPOSans-Medium;font-weight:400}.g--font-b{font-family:OPPOSans-Bold;font-weight:400}.g--font-l{font-family:OPPOSans-Light;font-weight:200}.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:1100px}}@media (min-width: 1024px) and (max-width: 1399px){.g--container,.g--container-ls{width:896px}}@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:153px}}@media (min-width: 1024px) and (max-width: 1399px){.g--gap-top-large{margin-top:124px}}@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:153px}}@media (min-width: 1024px) and (max-width: 1399px){.g--gap-bottom-large{margin-bottom:124px}}@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:107px}}@media (min-width: 1024px) and (max-width: 1399px){.g--gap-top-medium{margin-top:87px}}@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:107px}}@media (min-width: 1024px) and (max-width: 1399px){.g--gap-bottom-medium{margin-bottom:87px}}@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:75px}}@media (min-width: 1024px) and (max-width: 1399px){.g--gap-top-small{margin-top:61px}}@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:75px}}@media (min-width: 1024px) and (max-width: 1399px){.g--gap-bottom-small{margin-bottom:61px}}@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--text{font-size:20px;line-height:1.6;letter-spacing:-.55px}@media (min-width:1400px) and (max-width:1799px){.g--text{font-size:16.768px;letter-spacing:-.46112000000000003px}}@media (min-width:1024px) and (max-width:1399px){.g--text{font-size:13.658px;letter-spacing:-.375595px}}@media (min-width:720px) and (max-width:1023px){.g--text{line-height:1.75;letter-spacing:-.3px;font-size:32px;letter-spacing:-.6px}}@media (max-width:720px){.g--text{line-height:1.75;letter-spacing:-.3px;font-size:16px;letter-spacing:-.3px}}.g--title{font-family:OPPOSans-Medium;font-weight:400;font-size:42px;line-height:1.52;letter-spacing:-.75px}@media (min-width:1400px) and (max-width:1799px){.g--title{font-size:35.2128px;letter-spacing:-.6288px}}@media (min-width:1024px) and (max-width:1399px){.g--title{font-size:28.6818px;letter-spacing:-.5121749999999999px}}@media (min-width:720px) and (max-width:1023px){.g--title{line-height:1.57;letter-spacing:-.5px;font-size:56px;letter-spacing:-1px}}@media (max-width:720px){.g--title{line-height:1.57;letter-spacing:-.5px;font-size:28px;letter-spacing:-.5px}}.g--title.g--font-b{font-family:OPPOSans-Bold;font-weight:400}.g--subtitle{font-family:OPPOSans-Bold;font-weight:400;font-size:22px;line-height:1.09;letter-spacing:-.09px}@media (min-width:1400px) and (max-width:1799px){.g--subtitle{font-size:18.4448px;letter-spacing:-.075456px}}@media (min-width:1024px) and (max-width:1399px){.g--subtitle{font-size:15.0238px;letter-spacing:-.061460999999999995px}}@media (min-width:720px) and (max-width:1023px){.g--subtitle{line-height:1.5;letter-spacing:-.35px;font-size:32px;letter-spacing:-.7px}}@media (max-width:720px){.g--subtitle{line-height:1.5;letter-spacing:-.35px;font-size:16px;letter-spacing:-.35px}}.g--text-2{font-size:16px;line-height:1.75;letter-spacing:0}@media (min-width:1400px) and (max-width:1799px){.g--text-2{font-size:13.4144px;letter-spacing:0}}@media (min-width:1024px) and (max-width:1399px){.g--text-2{font-size:10.9264px;letter-spacing:0}}@media (min-width:720px) and (max-width:1023px){.g--text-2{line-height:2;letter-spacing:0;font-size:24px;letter-spacing:0}}@media (max-width:720px){.g--text-2{line-height:2;letter-spacing:0;font-size:12px;letter-spacing:0}}.g--center{margin-left:auto;margin-right:auto;text-align:center;align-self:center}.g--content-center{display:flex;justify-content:center;align-items:center}.g--abs.g--center{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media (max-width:1023px){.g--center.g--pt-flow{text-align:initial}}.g--v-center{height:100%;display:flex;align-items:center}.g--v-center > *{width:100%}.g--h-center{width:100%;display:flex;align-items:center;flex-direction:column}.g--h-center > *{height:100%}.g--sticky-container,.sticky-container{position:relative}.g--sticky-item{position:-webkit-sticky;position:sticky;top:0}.g--black{color:#000}.g--white{color:#fff}.g--grey{color:rgba(255,255,255,0.56)}.g--grey-light{color:rgba(255,255,255,0.2)}.g--gray{color:rgba(0,0,0,0.7)}.g--gray-light{color:rgba(0,0,0,0.32)}.g--bg-black{background-color:#000}.g--bg-white{background-color:#fff}.g--full{width:100%;height:100%}.g--full-w{width:100%}.g--full-h{height:100%}.g--full-screen{height:100vh;height:calc(100 * var(--vh, 1vh))}.g--full-screen-r-nav{height:calc(100vh - 140px);height:calc((100 * var(--vh, 1vh)) - 140px)}@media (min-width:1024px) and (max-width:1399px){.g--full-screen-r-nav{height:calc(100vh - 124px);height:calc((100 * var(--vh, 1vh)) - 124px)}}@media (min-width:720px) and (max-width:1023px){.g--full-screen-r-nav{height:calc(100vh - 97px);height:calc((100 * var(--vh, 1vh)) - 97px)}}@media (max-width:720px){.g--full-screen-r-nav{height:calc(100vh - 97px);height:calc((100 * var(--vh, 1vh)) - 97px)}}.g--flex{display:flex}.g--flex > .left,.g--flex > .right{flex:1}@media (max-width:1023px){.g--flex.g--pt-flow{display:initial}.g--flex.g--pt-flow > .left,.g--flex.g--pt-flow > .right{flex:initial}}@media (max-width:1023px){.g--pt-full-w,.g--container.g--pt-full-w{width:100%}}@media (max-width:1023px){.g--pt-flex{display:flex}}.g--rel{position:relative}.g--abs{position:absolute}.g--abs-clip{position:absolute;top:0;left:0}.g--pointer{cursor:pointer}.g--cover{object-fit:cover}.g--border-gradient{position:relative;border-radius:2px}.g--border-gradient::after{position:absolute;content:"";top:-1px;left:-1px;z-index:-1;width:calc(100% + 2px);height:calc(100% + 2px);border-radius:3px;background:linear-gradient(60deg,#eddfcb,#865b9f,#4be2ef,#94a4ed);background-size:300% 300%;background-position:0 50%;-webkit-animation:moveGradient 4s alternate infinite;animation:moveGradient 4s alternate infinite}@-webkit-keyframes moveGradient{50%{background-position:100% 50%}}@keyframes moveGradient{50%{background-position:100% 50%}}@media (max-width:768px){body #oc-header{overflow:hidden}}body #oc-wrapper{overflow:visible}body #footer{overflow-x:hidden}body.no-scroll{overflow-y:hidden}.zn--wrapper{font-size:16px;font-family:OPPOSans-Regular,'PingFang SC','Hiragino Sans GB','STHeiti','Microsoft YaHei','WenQuanYi Micro Hei','Helvetica Neue','Helvetica','Arial',sans-serif}.zn--wrapper *{box-sizing:border-box}.zn--wrapper a{text-decoration:none}.zn--wrapper{background:#000;color:#fff}.zn--wrapper img{display:block;max-width:initial;opacity:0}.zn--wrapper img.loaded{opacity:1}.zn--wrapper canvas img{display:none}.zn--wrapper video{display:block;max-width:initial}.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{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%)}.g--banner-trans{transition:opacity .8s linear}.g--banner-trans.g--banner-clip{transition:-webkit-clip-path .8s ease;transition:clip-path .8s ease;transition:clip-path .8s ease, -webkit-clip-path .8s ease}.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;height:56.25vw}}.g--popup .g--video-wrapper video{width:100%;height:100%;outline:none;object-fit:fill}.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}}.pop-up-0-1 .g--video-wrapper{height:60vw}.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}.zn-star-bg{position:absolute;top:0;left:0;width:100%;height:100vh;height:calc(100 * var(--vh, 1vh));z-index:0}.zn-star-bg canvas{width:100%;height:100%}#section-kv{position:relative;z-index:2;width:100%;overflow:hidden;background-color:#fff;-webkit-transform-origin:50% 0;transform-origin:50% 0;padding:0;margin:0}@media (min-width:1024px){#section-kv{height:896px}}@media (min-width: 1400px) and (max-width: 1799px){#section-kv{height:751px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv{height:612px}}@media (max-width:1023px){#section-kv{height:605px}}@media (min-width: 720px) and (max-width: 1023px){#section-kv{height:1210px}}#section-kv.active .phone-wrapper{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}#section-kv.active .opacity-wrapper{opacity:1}#section-kv .reno5{position:absolute;z-index:2;top:43px;left:calc(50% - 739px);width:1478px;height:480px}@media (min-width: 1400px) and (max-width: 1799px){#section-kv .reno5{top:36px;left:calc(50% - 620px);width:1239px;height:402px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv .reno5{top:29px;left:calc(50% - 505px);width:1009px;height:328px}}@media (min-width:1800px){#section-kv .reno5{top:2.239583333333333vw;left:calc(50% - 38.49vw);width:76.97916666666667vw;height:25vw}}@media (max-width:1023px){#section-kv .reno5{width:239px;height:382px;left:20px;top:160px}}@media (min-width: 720px) and (max-width: 1023px){#section-kv .reno5{width:478px;height:764px;left:40px;top:320px}}#section-kv .phone-wrapper{transition:opacity .5s ease-out .5s,-webkit-transform .5s ease-out .5s;transition:transform .5s ease-out .5s,opacity .5s ease-out .5s;transition:transform .5s ease-out .5s,opacity .5s ease-out .5s,-webkit-transform .5s ease-out .5s;opacity:0;-webkit-transform:translateY(-20%);transform:translateY(-20%);position:absolute;z-index:3;width:1028px;height:334px;top:322px;left:calc(50% - 464px)}@media (min-width: 1400px) and (max-width: 1799px){#section-kv .phone-wrapper{width:862px;height:280px;top:270px;left:calc(50% - 389px)}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv .phone-wrapper{width:702px;height:228px;top:220px;left:calc(50% - 317px)}}@media (min-width:1800px){#section-kv .phone-wrapper{top:16.770833333333336vw;left:calc(50% - 24.16vw);width:53.54166666666667vw;height:17.395833333333336vw}}@media (max-width:1023px){#section-kv .phone-wrapper{width:282px;height:346px;top:145px;left:59px;-webkit-transform:translateY(-10%);transform:translateY(-10%)}}@media (min-width: 720px) and (max-width: 1023px){#section-kv .phone-wrapper{width:564px;height:692px;top:290px;left:118px}}#section-kv .phone-wrapper .phone{width:100%;height:100%}#section-kv .opacity-wrapper{opacity:0;transition:opacity .5s ease-out .8s;position:absolute;z-index:1;top:330px;left:calc(50% - 472px);width:1044px;height:566px}@media (min-width: 1400px) and (max-width: 1799px){#section-kv .opacity-wrapper{top:277px;left:calc(50% - 396px);width:875px;height:475px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv .opacity-wrapper{top:225px;left:calc(50% - 322px);width:713px;height:387px}}@media (min-width:1800px){#section-kv .opacity-wrapper{top:17.1875vw;left:calc(50% - 24.58vw);width:54.375vw;height:29.479166666666668vw}}@media (max-width:1023px){#section-kv .opacity-wrapper{width:333px;height:413px;top:192px;left:0}}@media (min-width: 720px) and (max-width: 1023px){#section-kv .opacity-wrapper{width:666px;height:826px;top:384px}}#section-kv .opacity-wrapper .shadow{width:100%;height:100%}#section-kv .title-wrapper{position:absolute;z-index:3}@media (min-width:1024px){#section-kv .title-wrapper{left:calc(50% - 657px);top:618px}}@media (min-width: 1400px) and (max-width: 1799px){#section-kv .title-wrapper{left:calc(50% - 551px);top:518px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv .title-wrapper{left:calc(50% - 449px);top:422px}}@media (max-width:1023px){#section-kv .title-wrapper{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);top:36px}}@media (min-width: 720px) and (max-width: 1023px){#section-kv .title-wrapper{top:72px}}@media (min-width:1024px){#section-kv .title-wrapper .line1{width:530px;height:49px}}@media (min-width: 1400px) and (max-width: 1799px){#section-kv .title-wrapper .line1{width:444px;height:41px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv .title-wrapper .line1{width:362px;height:33px}}@media (max-width:1023px){#section-kv .title-wrapper .line1{width:290px;height:27px}}@media (min-width: 720px) and (max-width: 1023px){#section-kv .title-wrapper .line1{width:580px;height:54px}}@media (min-width:1024px) and (min-width:1800px){#section-kv .title-wrapper .line1{width:27.604166666666668vw;height:2.552083333333333vw}}#section-kv .title-wrapper .line2{font-family:OPPOSans-Bold;font-weight:400;font-size:32px;letter-spacing:-1px;line-height:44px;margin-top:16px}@media (min-width: 1400px) and (max-width: 1799px){#section-kv .title-wrapper .line2{font-size:27px;letter-spacing:-1px;line-height:37px;margin-top:13px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv .title-wrapper .line2{font-size:22px;letter-spacing:-1px;line-height:30px;margin-top:11px}}@media (min-width:1800px){#section-kv .title-wrapper .line2{font-size:1.666666666666667vw;letter-spacing:-.06770833333333334vw;line-height:2.291666666666667vw;margin-top:.8333333333333334vw}}@media (max-width:1023px){#section-kv .title-wrapper .line2{font-size:16px;letter-spacing:0;line-height:22px}}@media (min-width: 720px) and (max-width: 1023px){#section-kv .title-wrapper .line2{font-size:32px;line-height:44px}}#section-kv .title-wrapper .line3{font-family:OPPOSans-Regular;font-weight:400;opacity:.7;font-size:20px;letter-spacing:-1px;line-height:28px;margin-top:12px}@media (min-width: 1400px) and (max-width: 1799px){#section-kv .title-wrapper .line3{font-size:17px;letter-spacing:-1px;line-height:23px;margin-top:10px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv .title-wrapper .line3{font-size:14px;letter-spacing:0px;line-height:19px;margin-top:8px}}@media (min-width:1800px){#section-kv .title-wrapper .line3{font-size:1.041666666666667vw;letter-spacing:-.036458333333333336vw;line-height:1.458333333333333vw;margin-top:.625vw}}@media (max-width:1023px){#section-kv .title-wrapper .line3{font-size:11px;letter-spacing:-.5px;line-height:14px}}@media (min-width: 720px) and (max-width: 1023px){#section-kv .title-wrapper .line3{font-size:22px;line-height:29px}}@media (min-width:1024px) and (min-width:1800px){#section-kv .title-wrapper{top:32.1875vw;left:calc(50% - 34.22vw)}}@media (min-width:1024px) and (min-width:1800px){#section-kv{height:46.66666666666667vw}}#section-highlights{position:relative;z-index:5;padding:0;margin:0}#section-highlights .g--title{font-family:OPPOSans-Medium;font-weight:400}#section-highlights .zn-star-bg{pointer-events:none}#section-highlights .star-bg{position:relative;width:100%}#section-highlights .move-anime{opacity:0;margin-top:15vh;margin-top:calc(15 * var(--vh, 1vh));padding-bottom:10vh;padding-bottom:calc(10 * var(--vh, 1vh))}#section-highlights .overview-module.move-anime{margin-bottom:0}#section-highlights .text-wrapper{width:752px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .text-wrapper{width:630px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .text-wrapper{width:514px}}@media (max-width:1023px){#section-highlights .text-wrapper .g--title:nth-child(2){margin-top:12px}}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .text-wrapper .g--title:nth-child(2){margin-top:24px}}@media (max-width:1023px) and (max-width:720px){#section-highlights .text-wrapper{width:calc(100vw - 40px)}}@media (max-width:1023px) and (min-width:720px) and (max-width:1023px){#section-highlights .text-wrapper{width:calc(100vw - 80px)}}@media (max-width:1023px) and (min-width:720px) and (max-width:1023px){#section-highlights .text-wrapper .g--title:nth-child(2){line-height:1.75;letter-spacing:-.3px;font-size:32px;letter-spacing:-.6px}}@media (max-width:1023px) and (max-width:720px){#section-highlights .text-wrapper .g--title:nth-child(2){line-height:1.75;letter-spacing:-.3px;font-size:16px;letter-spacing:-.3px}}#section-highlights .title-big{font-size:140px;line-height:1.29;letter-spacing:0;font-family:OPPOSans-Bold;font-weight:400}@media (min-width:1400px) and (max-width:1799px){#section-highlights .title-big{font-size:117.376px;letter-spacing:0}}@media (min-width:1024px) and (max-width:1399px){#section-highlights .title-big{font-size:95.606px;letter-spacing:0}}@media (min-width:720px) and (max-width:1023px){#section-highlights .title-big{line-height:1;letter-spacing:0;font-size:112px;letter-spacing:0}}@media (max-width:720px){#section-highlights .title-big{line-height:1;letter-spacing:0;font-size:56px;letter-spacing:0}}#section-highlights .hightlight-video-module{width:100%;overflow:hidden;margin-top:-10vh;margin-top:calc(-10 * var(--vh, 1vh));padding:0}#section-highlights .hightlight-video-module .banner{height:738px;margin-top:calc(15vh - 95px);margin-top:calc((15 * var(--vh, 1vh)) - 95px)}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .hightlight-video-module .banner{height:619px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .hightlight-video-module .banner{height:504px}}@media (max-width:1023px){#section-highlights .hightlight-video-module .banner{height:133vw}}#section-highlights .hightlight-video-module .banner .btn{font-size:32px;line-height:1.38;letter-spacing:0;position:absolute;left:415px;bottom:73px;-webkit-background-clip:text;-webkit-text-stroke:1px rgba(255,255,255,0.56);-webkit-text-fill-color:transparent}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .hightlight-video-module .banner .btn{left:348px;bottom:61px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .hightlight-video-module .banner .btn{left:283px;bottom:50px}}@media (min-width:1400px) and (max-width:1799px){#section-highlights .hightlight-video-module .banner .btn{font-size:26.8288px;letter-spacing:0}}@media (min-width:1024px) and (max-width:1399px){#section-highlights .hightlight-video-module .banner .btn{font-size:21.8528px;letter-spacing:0}}@media (max-width:1023px){#section-highlights .hightlight-video-module .banner .btn{bottom:62px;left:20px}}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .hightlight-video-module .banner .btn{bottom:124px}}#section-highlights .hightlight-video-module .banner .btn.active{background:#fff;mix-blend-mode:difference;-webkit-background-clip:text;-webkit-text-stroke:0;border-bottom:1px solid #fff}@media (max-width:1023px) and (min-width:720px) and (max-width:1023px){#section-highlights .hightlight-video-module .banner .btn{line-height:1.82;letter-spacing:0;font-size:44px;letter-spacing:0}}@media (max-width:1023px) and (max-width:720px){#section-highlights .hightlight-video-module .banner .btn{line-height:1.82;letter-spacing:0;font-size:22px;letter-spacing:0}}#section-highlights .hightlight-video-module .banner .btn-2{left:auto;right:415px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .hightlight-video-module .banner .btn-2{right:348px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .hightlight-video-module .banner .btn-2{right:283px}}@media (max-width:1023px){#section-highlights .hightlight-video-module .banner .btn-2{right:20px}}#section-highlights .entrance{z-index:1;width:100vw;height:56.3889vw}@media (min-width:1024px){#section-highlights .entrance{width:1088px;height:612px}}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .entrance{width:912px;height:513px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .entrance{width:743px;height:418px}}#section-highlights .xinpian{width:420px;height:420px;margin-top:40px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .xinpian{width:352px;height:352px;margin-top:34px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .xinpian{width:287px;height:287px;margin-top:27px}}@media (max-width:1023px){#section-highlights .xinpian{width:189px;height:189px;margin-top:40px}}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .xinpian{width:378px;height:378px;margin-top:80px}}#section-highlights .flex-col-center{flex-direction:column;align-items:center}#section-highlights .sony-module{margin-top:-5vh;margin-top:calc(-5 * var(--vh, 1vh))}#section-highlights .sony-module .parameters{margin-top:0}@media (max-width:1023px){#section-highlights .sony-module .parameters .detail-wrapper{flex-wrap:wrap}}#section-highlights .sony-module .parameters .detail-wrapper .desc{font-family:OPPOSans-Medium;font-weight:400;font-size:44px;letter-spacing:0;line-height:64px}@media (max-width:1023px){#section-highlights .sony-module .parameters .detail-wrapper .desc{font-size:20px;letter-spacing:-.12px;line-height:32px;width:50%;margin:12px 0}}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .sony-module .parameters .detail-wrapper .desc{margin:24px 0}}@media (min-width:1024px){#section-highlights .sony-module .parameters .detail-wrapper .desc:not(:first-child){margin-left:138px}}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .sony-module .parameters .detail-wrapper .desc:not(:first-child){margin-left:116px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .sony-module .parameters .detail-wrapper .desc:not(:first-child){margin-left:94px}}@media (max-width:1023px) and (max-width:720px){#section-highlights .sony-module .parameters{width:calc(100vw - 40px)}}@media (max-width:1023px) and (min-width:720px) and (max-width:1023px){#section-highlights .sony-module .parameters{width:calc(100vw - 80px)}}#section-highlights .particle-bg{opacity:0;transition:opacity .5s linear}#section-highlights .ready5g-module{margin-top:-102vh;margin-top:calc(-102 * var(--vh, 1vh))}@media (min-width:1024px){#section-highlights .ready5g-module .text-wrapper{width:866px}}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .ready5g-module .text-wrapper{width:726px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .ready5g-module .text-wrapper{width:591px}}#section-highlights .chip-module{width:100%;overflow:hidden;margin-top:-5vh;margin-top:calc(-5 * var(--vh, 1vh));padding-bottom:0}#section-highlights .vooc{margin-top:0}#section-highlights .vooc-module{margin-bottom:0;overflow:hidden;margin-top:5vh;margin-top:calc(5 * var(--vh, 1vh))}#section-highlights .vooc-module .title-big{z-index:2}#section-highlights .vooc-module .entrance{margin-top:-100px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .vooc-module .entrance{margin-top:-84px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .vooc-module .entrance{margin-top:-68px}}@media (max-width:1023px){#section-highlights .vooc-module .entrance{margin-top:-20px}}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .vooc-module .entrance{margin-top:-40px}}#section-highlights .suppervooc-module{margin-top:0;margin-bottom:5vh;margin-bottom:calc(5 * var(--vh, 1vh))}#section-highlights .three-module{z-index:1;padding-top:1px}#section-highlights .three-module .move-anime{margin-top:0}#section-highlights .three-module .text-wrapper{margin-bottom:0;margin-top:-200px;padding-top:250px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .three-module .text-wrapper{margin-top:-168px;padding-top:210px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .three-module .text-wrapper{margin-top:-137px;padding-top:171px}}@media (max-width:1023px){#section-highlights .three-module .text-wrapper{margin-top:-20vh;margin-top:calc(-20 * var(--vh, 1vh));padding-top:60px}}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .three-module .text-wrapper{padding-top:120px}}#section-highlights .three-module .more-0{font-size:42px;line-height:1.52;letter-spacing:-.2px}@media (min-width:1400px) and (max-width:1799px){#section-highlights .three-module .more-0{font-size:35.2128px;letter-spacing:-.16768000000000002px}}@media (min-width:1024px) and (max-width:1399px){#section-highlights .three-module .more-0{font-size:28.6818px;letter-spacing:-.13658px}}@media (max-width:1023px){#section-highlights .three-module .more-0{font-family:OPPOSans-Regular;font-weight:400;font-size:20px;line-height:1.6;letter-spacing:-.12px}#section-highlights .three-module .more-0 span{font-family:OPPOSans-Medium;font-weight:400}}@media (max-width:1023px) and (min-width:1400px) and (max-width:1799px){#section-highlights .three-module .more-0{font-size:16.768px;letter-spacing:-.100608px}}@media (max-width:1023px) and (min-width:1024px) and (max-width:1399px){#section-highlights .three-module .more-0{font-size:13.658px;letter-spacing:-.081948px}}#section-highlights .three-module .more-1{font-family:OPPOSans-Medium;font-weight:400;opacity:.78;font-size:16px;line-height:1.5;letter-spacing:-.07px}@media (min-width:1400px) and (max-width:1799px){#section-highlights .three-module .more-1{font-size:13.4144px;letter-spacing:-.05868800000000001px}}@media (min-width:1024px) and (max-width:1399px){#section-highlights .three-module .more-1{font-size:10.9264px;letter-spacing:-.047803px}}@media (max-width:1023px){#section-highlights .three-module .more-1{opacity:1;font-size:12px;line-height:1.67;letter-spacing:-.05px}}@media (max-width:1023px) and (min-width:1400px) and (max-width:1799px){#section-highlights .three-module .more-1{font-size:10.0608px;letter-spacing:-.041920000000000006px}}@media (max-width:1023px) and (min-width:1024px) and (max-width:1399px){#section-highlights .three-module .more-1{font-size:8.194799999999999px;letter-spacing:-.034145px}}#section-highlights .three-module .supports{text-align:center}@media (max-width:1023px){#section-highlights .three-module .supports{padding-top:0}}#section-highlights .three-module .supports .offer-remark{opacity:.6;padding-top:12px;font-size:14px;line-height:1;letter-spacing:0}@media (min-width:1400px) and (max-width:1799px){#section-highlights .three-module .supports .offer-remark{font-size:11.7376px;letter-spacing:0}}@media (min-width:1024px) and (max-width:1399px){#section-highlights .three-module .supports .offer-remark{font-size:9.560599999999999px;letter-spacing:0}}@media (max-width:1023px){#section-highlights .three-module .supports .offer-remark{font-size:12px;line-height:1;letter-spacing:0}}@media (max-width:1023px) and (min-width:1400px) and (max-width:1799px){#section-highlights .three-module .supports .offer-remark{font-size:10.0608px;letter-spacing:0}}@media (max-width:1023px) and (min-width:1024px) and (max-width:1399px){#section-highlights .three-module .supports .offer-remark{font-size:8.194799999999999px;letter-spacing:0}}#section-highlights .three-module .supports .supports-wrapper{margin-top:32px;display:flex;justify-content:space-between;flex-wrap:wrap}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .three-module .supports .supports-wrapper{margin-top:27px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .three-module .supports .supports-wrapper{margin-top:22px}}#section-highlights .three-module .supports .supports-wrapper .item{width:192px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .three-module .supports .supports-wrapper .item{width:161px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .three-module .supports .supports-wrapper .item{width:131px}}@media (max-width:1023px){#section-highlights .three-module .supports .supports-wrapper .item{width:41.666666666666664vw;height:41.666666666666664vw;margin-bottom:20px}}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .three-module .supports .supports-wrapper .item{margin-bottom:40px}}#section-highlights .three-module .supports .supports-wrapper .item .up{height:45px;margin:25px 0 28px 0;display:flex;justify-content:center;align-items:flex-end}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .three-module .supports .supports-wrapper .item .up{height:38px;margin:21px 0 23px 0}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .three-module .supports .supports-wrapper .item .up{height:31px;margin:17px 0 19px 0}}@media (max-width:1023px){#section-highlights .three-module .supports .supports-wrapper .item .up{margin:8.333333333333334vw 0 5.555555555555555vw 0;height:12.5vw}}#section-highlights .three-module .supports .supports-wrapper .item .down{opacity:.78}#section-highlights .three-module .supports .supports-wrapper .item-0 img{width:48px;height:50px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .three-module .supports .supports-wrapper .item-0 img{width:40px;height:42px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .three-module .supports .supports-wrapper .item-0 img{width:33px;height:34px}}@media (max-width:1023px){#section-highlights .three-module .supports .supports-wrapper .item-0 img{width:36px;height:38px}}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .three-module .supports .supports-wrapper .item-0 img{width:72px;height:75px}}#section-highlights .three-module .supports .supports-wrapper .item-1 img{width:44px;height:44px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .three-module .supports .supports-wrapper .item-1 img{width:37px;height:37px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .three-module .supports .supports-wrapper .item-1 img{width:30px;height:30px}}@media (max-width:1023px){#section-highlights .three-module .supports .supports-wrapper .item-1 img{width:36px;height:36px}}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .three-module .supports .supports-wrapper .item-1 img{width:72px;height:72px}}#section-highlights .three-module .supports .supports-wrapper .item-2 img{width:51px;height:51px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .three-module .supports .supports-wrapper .item-2 img{width:43px;height:43px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .three-module .supports .supports-wrapper .item-2 img{width:35px;height:35px}}@media (max-width:1023px){#section-highlights .three-module .supports .supports-wrapper .item-2 img{width:36px;height:36px}}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .three-module .supports .supports-wrapper .item-2 img{width:72px;height:72px}}#section-highlights .three-module .supports .supports-wrapper .item-3 img{width:56px;height:38px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .three-module .supports .supports-wrapper .item-3 img{width:47px;height:32px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .three-module .supports .supports-wrapper .item-3 img{width:38px;height:26px}}@media (max-width:1023px){#section-highlights .three-module .supports .supports-wrapper .item-3 img{width:53px;height:36px}}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .three-module .supports .supports-wrapper .item-3 img{width:106px;height:72px}}#section-highlights .three-module .supports .supports-wrapper .item-4 img{width:41px;height:50px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .three-module .supports .supports-wrapper .item-4 img{width:34px;height:42px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .three-module .supports .supports-wrapper .item-4 img{width:28px;height:34px}}@media (max-width:1023px){#section-highlights .three-module .supports .supports-wrapper .item-4 img{width:30px;height:36px}}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .three-module .supports .supports-wrapper .item-4 img{width:59px;height:72px}}#section-highlights .three-module .supports .supports-wrapper .item-5 img{width:52px;height:51px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .three-module .supports .supports-wrapper .item-5 img{width:44px;height:43px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .three-module .supports .supports-wrapper .item-5 img{width:36px;height:35px}}@media (max-width:1023px){#section-highlights .three-module .supports .supports-wrapper .item-5 img{width:37px;height:36px}}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .three-module .supports .supports-wrapper .item-5 img{width:73px;height:72px}}#section-highlights .three-module .btn-group{width:480px;justify-content:center;margin-top:75px;z-index:2}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .three-module .btn-group{width:402px;margin-top:63px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .three-module .btn-group{width:328px;margin-top:51px}}@media (max-width:1023px){#section-highlights .three-module .btn-group{margin-top:27px}}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .three-module .btn-group{margin-top:54px}}#section-highlights .three-module .btn-group .threed-button{background-color:#000}#section-highlights .three-module .btn-group .buy-button{background:linear-gradient(-45deg,#7199ff,#acfff4)}#section-highlights .three-module .btn-group .btn{width:234px;height:56px;border-radius:2px;font-size:20px;line-height:2.8;letter-spacing:0}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .three-module .btn-group .btn{width:196px;height:47px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .three-module .btn-group .btn{width:160px;height:38px}}@media (min-width:1400px) and (max-width:1799px){#section-highlights .three-module .btn-group .btn{font-size:16.768px;letter-spacing:0}}@media (min-width:1024px) and (max-width:1399px){#section-highlights .three-module .btn-group .btn{font-size:13.658px;letter-spacing:0}}@media (min-width:720px) and (max-width:1023px){#section-highlights .three-module .btn-group .btn{line-height:3.14;letter-spacing:0;font-size:28px;letter-spacing:0}}@media (max-width:720px){#section-highlights .three-module .btn-group .btn{line-height:3.14;letter-spacing:0;font-size:14px;letter-spacing:0}}@media (max-width:1023px){#section-highlights .three-module .btn-group .btn{width:158px;height:48px}}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .three-module .btn-group .btn{width:316px;height:96px}}@media (max-width:1023px) and (max-width:720px){#section-highlights .three-module .btn-group{width:calc(100vw - 40px)}}@media (max-width:1023px) and (min-width:720px) and (max-width:1023px){#section-highlights .three-module .btn-group{width:calc(100vw - 80px)}}#section-more{position:relative;width:100%;overflow:hidden;background:#fff;color:#000;margin-top:-1px}#section-more .more-0{font-size:42px;line-height:1.52;letter-spacing:-.2px}@media (min-width:1400px) and (max-width:1799px){#section-more .more-0{font-size:35.2128px;letter-spacing:-.16768000000000002px}}@media (min-width:1024px) and (max-width:1399px){#section-more .more-0{font-size:28.6818px;letter-spacing:-.13658px}}@media (max-width:1023px){#section-more .more-0{font-size:28px;line-height:1.57;letter-spacing:-.1px}}@media (max-width:1023px) and (min-width:1400px) and (max-width:1799px){#section-more .more-0{font-size:23.4752px;letter-spacing:-.08384000000000001px}}@media (max-width:1023px) and (min-width:1024px) and (max-width:1399px){#section-more .more-0{font-size:19.121199999999998px;letter-spacing:-.06829px}}#section-more .more-1{font-family:OPPOSans-Medium;font-weight:400;font-size:16px;line-height:1.5;letter-spacing:-.07px}@media (min-width:1400px) and (max-width:1799px){#section-more .more-1{font-size:13.4144px;letter-spacing:-.05868800000000001px}}@media (min-width:1024px) and (max-width:1399px){#section-more .more-1{font-size:10.9264px;letter-spacing:-.047803px}}@media (max-width:1023px){#section-more .more-1{font-size:12px;line-height:2;letter-spacing:-.05px}}@media (max-width:1023px) and (min-width:1400px) and (max-width:1799px){#section-more .more-1{font-size:10.0608px;letter-spacing:-.041920000000000006px}}@media (max-width:1023px) and (min-width:1024px) and (max-width:1399px){#section-more .more-1{font-size:8.194799999999999px;letter-spacing:-.034145px}}@media (min-width:1024px){#section-more .more-2{font-size:16px;line-height:1.75;letter-spacing:0}#section-more .more-2.medium{font-family:OPPOSans-Medium;font-weight:400}}@media (max-width:1023px){#section-more .more-2{font-family:OPPOSans-Bold;font-weight:400;font-size:12px;line-height:1.67;letter-spacing:-.05px}}@media (min-width:1024px) and (min-width:1400px) and (max-width:1799px){#section-more .more-2{font-size:13.4144px;letter-spacing:0}}@media (min-width:1024px) and (min-width:1024px) and (max-width:1399px){#section-more .more-2{font-size:10.9264px;letter-spacing:0}}@media (max-width:1023px) and (min-width:1400px) and (max-width:1799px){#section-more .more-2{font-size:10.0608px;letter-spacing:-.041920000000000006px}}@media (max-width:1023px) and (min-width:1024px) and (max-width:1399px){#section-more .more-2{font-size:8.194799999999999px;letter-spacing:-.034145px}}#section-more .more-3{font-family:OPPOSans-Medium;font-weight:400;font-size:12px;line-height:2;letter-spacing:0}@media (min-width:1400px) and (max-width:1799px){#section-more .more-3{font-size:10.0608px;letter-spacing:0}}@media (min-width:1024px) and (max-width:1399px){#section-more .more-3{font-size:8.194799999999999px;letter-spacing:0}}#section-more .more-remark{font-size:12px;line-height:1.67;letter-spacing:-.05px;color:rgba(0,0,0,0.78)}@media (min-width:1400px) and (max-width:1799px){#section-more .more-remark{font-size:10.0608px;letter-spacing:-.041920000000000006px}}@media (min-width:1024px) and (max-width:1399px){#section-more .more-remark{font-size:8.194799999999999px;letter-spacing:-.034145px}}@media (max-width:1023px){#section-more .more-remark{color:#787878}}#section-more .about5g{width:100vw;height:20.833vw}#section-more .supports{padding-top:128px;text-align:center}@media (min-width: 1400px) and (max-width: 1799px){#section-more .supports{padding-top:107px}}@media (min-width: 1024px) and (max-width: 1399px){#section-more .supports{padding-top:87px}}@media (max-width:1023px){#section-more .supports{padding:64px 0;background:#f7f7f7}}@media (min-width: 720px) and (max-width: 1023px){#section-more .supports{padding:128px 0}}#section-more .supports .supports-wrapper{margin-top:32px;display:flex;justify-content:space-between;flex-wrap:wrap}@media (min-width: 1400px) and (max-width: 1799px){#section-more .supports .supports-wrapper{margin-top:27px}}@media (min-width: 1024px) and (max-width: 1399px){#section-more .supports .supports-wrapper{margin-top:22px}}#section-more .supports .supports-wrapper .item{width:192px}@media (min-width: 1400px) and (max-width: 1799px){#section-more .supports .supports-wrapper .item{width:161px}}@media (min-width: 1024px) and (max-width: 1399px){#section-more .supports .supports-wrapper .item{width:131px}}@media (max-width:1023px){#section-more .supports .supports-wrapper .item{width:41.666666666666664vw;height:41.666666666666664vw;margin-bottom:20px;background:#fff}}@media (min-width: 720px) and (max-width: 1023px){#section-more .supports .supports-wrapper .item{margin-bottom:40px}}#section-more .supports .supports-wrapper .item .up{height:45px;margin:25px 0 15px 0;display:flex;justify-content:center}@media (min-width: 1400px) and (max-width: 1799px){#section-more .supports .supports-wrapper .item .up{height:38px;margin:21px 0 13px 0}}@media (min-width: 1024px) and (max-width: 1399px){#section-more .supports .supports-wrapper .item .up{height:31px;margin:17px 0 10px 0}}@media (max-width:1023px){#section-more .supports .supports-wrapper .item .up{margin:8.333333333333334vw 0 4.166666666666667vw 0;height:12.5vw}}#section-more .supports .supports-wrapper .item .up img{width:auto;height:100%}#section-more .other-products{padding:170px 0 145px 0}@media (min-width: 1400px) and (max-width: 1799px){#section-more .other-products{padding:143px 0 122px 0}}@media (min-width: 1024px) and (max-width: 1399px){#section-more .other-products{padding:116px 0 99px 0}}@media (max-width:1023px){#section-more .other-products{padding:64px 0;width:calc(100% - 30px)}#section-more .other-products .item-0,#section-more .other-products .item-1{margin-bottom:36px}}@media (min-width: 720px) and (max-width: 1023px){#section-more .other-products .item-0,#section-more .other-products .item-1{margin-bottom:72px}}@media (min-width: 720px) and (max-width: 1023px){#section-more .other-products{padding:128px 0}}#section-more .other-products .title{text-align:center;margin-bottom:64px}@media (min-width: 1400px) and (max-width: 1799px){#section-more .other-products .title{margin-bottom:54px}}@media (min-width: 1024px) and (max-width: 1399px){#section-more .other-products .title{margin-bottom:44px}}@media (max-width:1023px){#section-more .other-products .title{margin-bottom:20px}}@media (min-width: 720px) and (max-width: 1023px){#section-more .other-products .title{margin-bottom:40px}}#section-more .other-products .product-wrapper{display:flex;flex-wrap:wrap;justify-content:space-between}#section-more .other-products .product-item{position:relative;width:304px}@media (min-width: 1400px) and (max-width: 1799px){#section-more .other-products .product-item{width:255px}}@media (min-width: 1024px) and (max-width: 1399px){#section-more .other-products .product-item{width:208px}}#section-more .other-products .product-item .pic{width:100%;height:272px;display:flex;align-items:center;justify-content:center;background:#f6f6f6}@media (min-width: 1400px) and (max-width: 1799px){#section-more .other-products .product-item .pic{height:228px}}@media (min-width: 1024px) and (max-width: 1399px){#section-more .other-products .product-item .pic{height:186px}}#section-more .other-products .product-item .pic img{max-width:200px;max-height:200px;object-fit:contain}@media (min-width: 1400px) and (max-width: 1799px){#section-more .other-products .product-item .pic img{max-width:168px;max-height:168px}}@media (min-width: 1024px) and (max-width: 1399px){#section-more .other-products .product-item .pic img{max-width:137px;max-height:137px}}#section-more .other-products .product-item .name{margin-top:20px}@media (min-width: 1400px) and (max-width: 1799px){#section-more .other-products .product-item .name{margin-top:17px}}@media (min-width: 1024px) and (max-width: 1399px){#section-more .other-products .product-item .name{margin-top:14px}}#section-more .other-products .product-item .desc{margin-top:8px}@media (min-width: 1400px) and (max-width: 1799px){#section-more .other-products .product-item .desc{margin-top:7px}}@media (min-width: 1024px) and (max-width: 1399px){#section-more .other-products .product-item .desc{margin-top:5px}}#section-more .other-products .product-item .links{margin-top:4px}@media (min-width: 1400px) and (max-width: 1799px){#section-more .other-products .product-item .links{margin-top:3px}}@media (min-width: 1024px) and (max-width: 1399px){#section-more .other-products .product-item .links{margin-top:3px}}#section-more .other-products .product-item .links a{margin-right:12px;border-bottom:1px solid #000}@media (min-width: 1400px) and (max-width: 1799px){#section-more .other-products .product-item .links a{margin-right:10px}}@media (min-width: 1024px) and (max-width: 1399px){#section-more .other-products .product-item .links a{margin-right:8px}}@media (max-width:1023px){#section-more .other-products .product-item{width:43.888888888888886vw}#section-more .other-products .product-item .pic{height:52.22222222222222vw}#section-more .other-products .product-item .pic img{max-width:36.666666666666664vw;max-height:36.666666666666664vw}#section-more .other-products .product-item .name{margin-top:2.777777777777778vw}#section-more .other-products .product-item .links{margin-top:1.111111111111111vw}#section-more .other-products .product-item .links a{white-space:nowrap;margin-right:5.555555555555555vw;margin-left:0}}#section-more .slick-slider{position:relative;display:block}#section-more .slick-slider .slick-list{position:relative;width:100%;height:100%;overflow:hidden}#section-more .slick-slider .slick-list:focus{outline:none}#section-more .slick-slider .slick-list.dragging{cursor:pointer}#section-more .slick-slider .slick-list .slick-track{height:100%}#section-more .slick-slider .slick-list .slick-track .slick-slide > *{width:100%;height:100%}@media (max-width:1023px){#section-more .media-review{background:#f7f7f7}}#section-more .media-review .review-container{width:1344px;margin:auto;padding-bottom:128px}@media (min-width: 1400px) and (max-width: 1799px){#section-more .media-review .review-container{width:1127px}}@media (min-width: 1024px) and (max-width: 1399px){#section-more .media-review .review-container{width:918px}}@media (max-width:1023px){#section-more .media-review .review-container{width:calc(100% - 40px);padding:64px 0 0 0}}@media (min-width: 720px) and (max-width: 1023px){#section-more .media-review .review-container{padding:128px 0 0 0}}#section-more .media-review .title{text-align:center;margin-bottom:64px}@media (min-width: 1400px) and (max-width: 1799px){#section-more .media-review .title{margin-bottom:54px}}@media (min-width: 1024px) and (max-width: 1399px){#section-more .media-review .title{margin-bottom:44px}}@media (max-width:1023px){#section-more .media-review .title{margin-bottom:20px}}@media (min-width: 720px) and (max-width: 1023px){#section-more .media-review .title{margin-bottom:40px}}#section-more .media-review .review-wrapper{position:relative;max-height:202px;overflow:hidden}#section-more .media-review .review-wrapper .review{height:100%}#section-more .media-review .review-wrapper .content{margin:0 16px;height:100%;padding:20px;display:flex;flex-direction:column;justify-content:space-between;background:#f7f7f7}@media (min-width: 1400px) and (max-width: 1799px){#section-more .media-review .review-wrapper .content{margin:0 13px;padding:17px}}@media (min-width: 1024px) and (max-width: 1399px){#section-more .media-review .review-wrapper .content{margin:0 11px;padding:14px}}@media (max-width:1023px){#section-more .media-review .review-wrapper .content{background:#fff}}#section-more .media-review .review-wrapper .content .logo{width:32px;height:34px;margin:8px auto 0 auto}@media (min-width: 1400px) and (max-width: 1799px){#section-more .media-review .review-wrapper .content .logo{width:27px;height:29px;margin:7px auto 0 auto}}@media (min-width: 1024px) and (max-width: 1399px){#section-more .media-review .review-wrapper .content .logo{width:22px;height:23px;margin:5px auto 0 auto}}@media (max-width:1023px){#section-more .media-review .review-wrapper{max-height:202px}#section-more .media-review .review-wrapper .content{margin:0;padding:20px}#section-more .media-review .review-wrapper .content .log{width:32px;height:34px;margin:8px auto 0 auto}}@media (min-width: 720px) and (max-width: 1023px){#section-more .media-review .review-wrapper .content .log{width:64px;height:68px;margin:16px auto 0 auto}}@media (min-width: 720px) and (max-width: 1023px){#section-more .media-review .review-wrapper .content{padding:40px}}@media (min-width: 720px) and (max-width: 1023px){#section-more .media-review .review-wrapper{max-height:404px}}#section-more .media-review .button-wrapper{display:flex;justify-content:center;margin-top:20px}#section-more .media-review .button-wrapper .prev{margin-right:20px}@media (min-width: 720px) and (max-width: 1023px){#section-more .media-review .button-wrapper .prev{margin-right:40px}}#section-more .media-review .button-wrapper img{width:55px;height:55px;transition:all .5s}@media (min-width: 720px) and (max-width: 1023px){#section-more .media-review .button-wrapper img{width:110px;height:110px}}#section-more .media-review .button-wrapper img.inactive{opacity:.6}#section-more .remarks{background:#f7f7f7;padding:128px 0 166px 0}@media (min-width: 1400px) and (max-width: 1799px){#section-more .remarks{padding:107px 0 139px 0}}@media (min-width: 1024px) and (max-width: 1399px){#section-more .remarks{padding:87px 0 113px 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}}#section-camera{background-color:#000;position:relative;z-index:4}#section-camera .title-module{padding-top:1px}#section-camera .part0 .g--container{margin-top:182px;position:relative;z-index:5}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part0 .g--container{margin-top:153px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part0 .g--container{margin-top:124px}}@media (max-width:1023px){#section-camera .part0 .g--container{margin-top:80px}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .part0 .g--container{margin-top:160px}}#section-camera .part0 .g--video-container{z-index:1;position:relative}#section-camera .part0 .video-part0{position:relative}@media (max-width:1023px){#section-camera .part0 .video-part0{width:56vw;height:100vw;-webkit-transform:rotateZ(90deg) translateY(56vw);transform:rotateZ(90deg) translateY(56vw);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;margin-top:-35vw}}@media (min-width:1024px){#section-camera .part0 .video-part0{width:100%;height:56.25vw;margin-top:-100px}}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part0 .video-part0{margin-top:-84px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part0 .video-part0{margin-top:-68px}}#section-camera .part0 .mask{width:100%;height:27.77777777777778vw;position:absolute;bottom:0}@media (min-width:1024px){#section-camera .part0 .mask{height:150px}}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part0 .mask{height:126px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part0 .mask{height:102px}}#section-camera .padding-bottom-0{padding-bottom:0}@media (max-width:1023px){#section-camera .play{width:14px;height:18px;left:16px;bottom:16px}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .play{width:28px;height:36px;left:32px;bottom:32px}}@media (min-width:1024px){#section-camera .g--flex .left{padding-right:16px}#section-camera .g--flex .right{padding-left:16px}}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .g--flex .right{padding-left:13px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .g--flex .right{padding-left:11px}}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .g--flex .left{padding-right:13px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .g--flex .left{padding-right:11px}}#section-camera .switch-button{top:0;right:0;font-size:16px;line-height:1.5;letter-spacing:-.06px;display:flex;align-items:center;direction:ltr;right:0}@media (min-width:1400px) and (max-width:1799px){#section-camera .switch-button{font-size:13.4144px;letter-spacing:-.050304px}}@media (min-width:1024px) and (max-width:1399px){#section-camera .switch-button{font-size:10.9264px;letter-spacing:-.040974px}}@media (max-width:1023px){#section-camera .switch-button{top:0}}#section-camera .switch-button .active{color:#fff;border-bottom:2px solid #fff}@media (max-width:1023px){#section-camera .switch-button .active{border-bottom:1px solid #fff}}#section-camera .switch-button .btn{cursor:pointer}#section-camera .switch-button .btn-1{margin-right:12px}#section-camera .switch-button .btn-1.replay{margin-right:0}#section-camera .switch-button .block{width:2px;height:18px;background:#fff}@media (max-width:1023px){#section-camera .switch-button .block{width:1px;height:18px}}#section-camera .switch-button .btn-2{margin-left:12px}@media (max-width:1023px) and (min-width:720px) and (max-width:1023px){#section-camera .switch-button{line-height:1.5;letter-spacing:-.06px;font-size:32px;letter-spacing:-.12px}}@media (max-width:1023px) and (max-width:720px){#section-camera .switch-button{line-height:1.5;letter-spacing:-.06px;font-size:16px;letter-spacing:-.06px}}#section-camera .photography-content{margin-top:18px}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .photography-content{margin-top:15px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .photography-content{margin-top:12px}}@media (max-width:1023px){#section-camera .photography-content{margin-top:10px}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .photography-content{margin-top:20px}}#section-camera .photography-content .title{font-size:20px;line-height:1.6;letter-spacing:-.48px}@media (min-width:1400px) and (max-width:1799px){#section-camera .photography-content .title{font-size:16.768px;letter-spacing:-.402432px}}@media (min-width:1024px) and (max-width:1399px){#section-camera .photography-content .title{font-size:13.658px;letter-spacing:-.327792px}}@media (max-width:1023px) and (min-width:720px) and (max-width:1023px){#section-camera .photography-content .title{line-height:1.5;letter-spacing:-.06px;font-size:32px;letter-spacing:-.12px}}@media (max-width:1023px) and (max-width:720px){#section-camera .photography-content .title{line-height:1.5;letter-spacing:-.06px;font-size:16px;letter-spacing:-.06px}}#section-camera .photography-content .text{width:78%;margin-top:10px;font-size:16px;line-height:1.75;letter-spacing:-.4px}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .photography-content .text{margin-top:8px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .photography-content .text{margin-top:7px}}@media (min-width:1400px) and (max-width:1799px){#section-camera .photography-content .text{font-size:13.4144px;letter-spacing:-.33536000000000005px}}@media (min-width:1024px) and (max-width:1399px){#section-camera .photography-content .text{font-size:10.9264px;letter-spacing:-.27316px}}@media (max-width:1023px){#section-camera .photography-content .text{width:100%;margin-top:13px}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .photography-content .text{margin-top:26px}}@media (max-width:1023px) and (min-width:720px) and (max-width:1023px){#section-camera .photography-content .text{line-height:2;letter-spacing:-.25px;font-size:24px;letter-spacing:-.5px}}@media (max-width:1023px) and (max-width:720px){#section-camera .photography-content .text{line-height:2;letter-spacing:-.25px;font-size:12px;letter-spacing:-.25px}}#section-camera .title-module{background-color:#000}#section-camera .title-module .camera-title{z-index:2}@media (max-width:1023px){#section-camera .title-module .camera-title{height:calc(30vh + 128px);height:calc((30 * var(--vh, 1vh)) + 128px)}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .title-module .camera-title{height:calc(30vh + 256px);height:calc((30 * var(--vh, 1vh)) + 256px)}}.android #section-camera .title-module .camera-title{height:auto}#section-camera .contrast-module{z-index:1;height:200vh;height:calc(200 * var(--vh, 1vh));margin-top:-115vh;margin-top:calc(-115 * var(--vh, 1vh))}@media (max-width:1023px){#section-camera .contrast-module{margin-top:-120vh;margin-top:calc(-120 * var(--vh, 1vh))}}.android #section-camera .contrast-module{margin-top:-30vh;margin-top:calc(-30 * var(--vh, 1vh))}#section-camera .contrast-module .parameters{top:11.296296296296296vh;top:calc(11.296296296296296 * var(--vh, 1vh));left:-3.020833333333333vw;-webkit-transform:translateX(-100%);transform:translateX(-100%);mix-blend-mode:difference}@media (max-width:1023px){#section-camera .contrast-module .parameters{top:64px;left:-14px}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .contrast-module .parameters{top:128px;left:-28px}}#section-camera .contrast-module .parameters .parameter{-webkit-transform:translateX(-50px);transform:translateX(-50px);opacity:0;text-align:right;margin-bottom:66px}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .contrast-module .parameters .parameter{-webkit-transform:translateX(-42px);transform:translateX(-42px);margin-bottom:55px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .contrast-module .parameters .parameter{-webkit-transform:translateX(-34px);transform:translateX(-34px);margin-bottom:45px}}@media (max-width:1023px){#section-camera .contrast-module .parameters .parameter{-webkit-transform:translateX(-30px);transform:translateX(-30px);margin-bottom:12px}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .contrast-module .parameters .parameter{-webkit-transform:translateX(-60px);transform:translateX(-60px);margin-bottom:24px}}#section-camera .contrast-module .parameters .parameter .value{font-size:2.708333333333333vw;line-height:3.333333333333333vw;margin-top:2px}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .contrast-module .parameters .parameter .value{margin-top:2px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .contrast-module .parameters .parameter .value{margin-top:1px}}@media (max-width:1023px){#section-camera .contrast-module .parameters .parameter .value{font-family:OPPOSans-Bold;font-weight:400}}@media (max-width:1023px) and (min-width:720px) and (max-width:1023px){#section-camera .contrast-module .parameters .parameter .value{line-height:1.6;letter-spacing:0;font-size:40px;letter-spacing:0}}@media (max-width:1023px) and (max-width:720px){#section-camera .contrast-module .parameters .parameter .value{line-height:1.6;letter-spacing:0;font-size:20px;letter-spacing:0}}#section-camera .contrast-module .parameters .parameter .name{font-size:.625vw;line-height:1.25vw;margin-top:4px}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .contrast-module .parameters .parameter .name{margin-top:3px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .contrast-module .parameters .parameter .name{margin-top:3px}}@media (max-width:1023px) and (min-width:720px) and (max-width:1023px){#section-camera .contrast-module .parameters .parameter .name{line-height:2;letter-spacing:0;font-size:24px;letter-spacing:0}}@media (max-width:1023px) and (max-width:720px){#section-camera .contrast-module .parameters .parameter .name{line-height:2;letter-spacing:0;font-size:12px;letter-spacing:0}}#section-camera .contrast-module .parameters.show .parameter{-webkit-transform:translateX(0);transform:translateX(0);transition:opacity .5s linear,-webkit-transform .5s ease;transition:opacity .5s linear,transform .5s ease;transition:opacity .5s linear,transform .5s ease,-webkit-transform .5s ease;opacity:1}#section-camera .contrast-module .g--sticky-item{overflow:hidden;background-image:linear-gradient(180deg,#000 0%,#10121b 100%)}#section-camera .contrast-module .g--sticky-item .phone-black{top:20vh;top:calc(20 * var(--vh, 1vh));left:15vw;width:90vw;height:85vw}@media (max-width:1023px){#section-camera .contrast-module .g--sticky-item .phone-black{top:initial;width:302px;height:730px;right:0;top:30vh;top:calc(30 * var(--vh, 1vh));bottom:initial;left:initial}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .contrast-module .g--sticky-item .phone-black{width:604px;height:1460px}}#section-camera .contrast-module .g--sticky-item .phone-black .trans{-webkit-transform-origin:0 100%;transform-origin:0 100%;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease, -webkit-transform .5s ease}@media (max-width:1023px){#section-camera .contrast-module .g--sticky-item .phone-black .trans{-webkit-transform-origin:100% 100%;transform-origin:100% 100%}}#section-camera .contrast-module .g--sticky-item .phone-black .trans.anime{-webkit-transform:scale(.8);transform:scale(.8)}@media (max-width:1023px){#section-camera .contrast-module .g--sticky-item .phone-black .trans.anime{-webkit-transform:scale(.7);transform:scale(.7)}}#section-camera .contrast-module .g--sticky-item .phone-black img{-webkit-transform-origin:0 0;transform-origin:0 0}@media (min-width:1024px){#section-camera .contrast-module .g--sticky-item .phone-black .line{width:10.625vw;border-top:1px solid #fff;top:1.614583333333333vw;right:-11.666666666666668vw}}#section-camera .contrast-module .g--sticky-item .phone-blue{width:38.54vw;top:20vh;top:calc(20 * var(--vh, 1vh));height:62.43vw;left:33vw;opacity:0;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:scale(2);transform:scale(2);transition:opacity .5s linear,-webkit-transform .5s ease;transition:transform .5s ease,opacity .5s linear;transition:transform .5s ease,opacity .5s linear,-webkit-transform .5s ease}@media (max-width:1023px){#section-camera .contrast-module .g--sticky-item .phone-blue{width:254px;height:789px;left:50vw;bottom:initial;top:30vh;top:calc(30 * var(--vh, 1vh))}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .contrast-module .g--sticky-item .phone-blue{width:508px;height:1578px}}#section-camera .contrast-module .g--sticky-item .phone-blue.show{opacity:1;-webkit-transform:scale(1);transform:scale(1)}@media (min-width:1024px){#section-camera .contrast-module .g--sticky-item .phone-blue .parameters{top:1.614583333333333vw}}#section-camera .contrast-module .g--sticky-item .phone-blue .parameter:nth-child(1){transition-delay:.5s}@media (min-width:1024px){#section-camera .contrast-module .g--sticky-item .phone-blue .parameter:nth-child(1){margin-bottom:2.5vw}}@media (min-width:1024px){#section-camera .contrast-module .g--sticky-item .phone-blue .parameter:nth-child(1) .line{border-right:1px solid #fff;height:6.302083333333334vw;width:19.791666666666668vw;right:-20.833333333333336vw}}#section-camera .contrast-module .g--sticky-item .phone-blue .parameter:nth-child(2){transition-delay:.7s}@media (min-width:1024px){#section-camera .contrast-module .g--sticky-item .phone-blue .parameter:nth-child(2){margin-bottom:5.729166666666667vw}}#section-camera .contrast-module .g--sticky-item .phone-blue .parameter:nth-child(3){transition-delay:.9s}@media (min-width:1024px){#section-camera .contrast-module .g--sticky-item .phone-blue .parameter:nth-child(3){margin-bottom:5.729166666666667vw}}#section-camera .contrast-module .g--sticky-item .phone-blue .parameter:nth-child(4){transition-delay:1.1s}@media (min-width:1024px){#section-camera .contrast-module .g--sticky-item .phone-blue .line{width:12.8125vw;border-top:1px solid #fff;top:2.604166666666667vw;right:-13.958333333333334vw}}#section-camera .contrast-module .no-trans{transition:none !important}#section-camera .module-1{padding-top:228px}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .module-1{padding-top:191px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .module-1{padding-top:156px}}@media (max-width:1023px){#section-camera .module-1{padding-top:128px}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .module-1{padding-top:256px}}@media (min-width:1024px){#section-camera .module-2{margin-top:-128px}}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .module-2{margin-top:-107px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .module-2{margin-top:-87px}}@media (max-width:1023px){#section-camera .module-2{padding-top:80px}#section-camera .module-2 .right{margin-top:25px}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .module-2 .right{margin-top:50px}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .module-2{padding-top:160px}}#section-camera .module-3 .left{margin-top:80px}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .module-3 .left{margin-top:67px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .module-3 .left{margin-top:55px}}@media (max-width:1023px){#section-camera .module-3 .left{margin-top:32px}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .module-3 .left{margin-top:64px}}#section-camera .module-3 .right{margin-top:333px}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .module-3 .right{margin-top:279px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .module-3 .right{margin-top:227px}}@media (max-width:1023px){#section-camera .module-3 .right{margin-top:80px}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .module-3 .right{margin-top:160px}}#section-camera .module-3 .banner{height:480px}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .module-3 .banner{height:402px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .module-3 .banner{height:328px}}@media (max-width:1023px) and (max-width:720px){#section-camera .module-3 .banner{width:calc(100vw - 40px);height:calc(56.17977528089887vw - 22.47191011235955px)}}@media (max-width:1023px) and (min-width:720px) and (max-width:1023px){#section-camera .module-3 .banner{width:calc(100vw - 80px);height:calc(56.17977528089887vw - 44.9438202247191px)}}#section-camera .module-3 .g--subtitle{font-size:20px;line-height:1.6;letter-spacing:-.48px;margin-top:20px}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .module-3 .g--subtitle{margin-top:17px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .module-3 .g--subtitle{margin-top:14px}}@media (min-width:1400px) and (max-width:1799px){#section-camera .module-3 .g--subtitle{font-size:16.768px;letter-spacing:-.402432px}}@media (min-width:1024px) and (max-width:1399px){#section-camera .module-3 .g--subtitle{font-size:13.658px;letter-spacing:-.327792px}}@media (max-width:1023px){#section-camera .module-3 .g--subtitle{margin-top:10px}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .module-3 .g--subtitle{margin-top:20px}}@media (max-width:1023px) and (min-width:720px) and (max-width:1023px){#section-camera .module-3 .g--subtitle{line-height:1.5;letter-spacing:-.06px;font-size:32px;letter-spacing:-.12px}}@media (max-width:1023px) and (max-width:720px){#section-camera .module-3 .g--subtitle{line-height:1.5;letter-spacing:-.06px;font-size:16px;letter-spacing:-.06px}}#section-camera .module-3 .g--text{margin-top:12px}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .module-3 .g--text{margin-top:10px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .module-3 .g--text{margin-top:8px}}@media (min-width:1024px){#section-camera .module-3-1{margin-top:128px}}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .module-3-1{margin-top:107px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .module-3-1{margin-top:87px}}@media (max-width:1023px){#section-camera .module-3-1{margin-top:80px}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .module-3-1{margin-top:160px}}@media (min-width:1024px){#section-camera .module-3-1 .g--title{max-width:640px}}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .module-3-1 .g--title{max-width:537px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .module-3-1 .g--title{max-width:437px}}@media (min-width:1024px){#section-camera .module-3-1 .g--title .g--text{margin-top:20px}}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .module-3-1 .g--title .g--text{margin-top:17px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .module-3-1 .g--title .g--text{margin-top:14px}}#section-camera .module-3-1 .img{justify-content:center;position:relative}@media (min-width:1024px){#section-camera .module-3-1 .img{width:1088px;height:500px;margin:80px auto 0}}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .module-3-1 .img{width:912px;height:419px;margin:67px auto 0}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .module-3-1 .img{width:743px;height:341px;margin:55px auto 0}}@media (max-width:1023px){#section-camera .module-3-1 .img{width:100%;height:calc((100vw - 40px) * 147 / 320);margin-top:48px}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .module-3-1 .img{height:calc((100vw - 80px) * 147 / 320);margin-top:96px}}@media (min-width:1024px){#section-camera .module-3-1 .img .video{width:1038px;height:465px;top:17px;left:18px}}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .module-3-1 .img .video{width:870px;height:390px;top:14px;left:15px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .module-3-1 .img .video{width:709px;height:318px;top:12px;left:12px}}@media (max-width:1023px){#section-camera .module-3-1 .img .video{width:95%;height:calc(((100vw - 40px) * 147 / 320) * 0.95);top:50%;left:50%;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%)}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .module-3-1 .img .video{height:calc(((100vw - 80px) * 147 / 320) * 0.95)}}#section-camera .module-3-1 .img .frame{width:100%;height:100%}#section-camera .module-4{padding-top:128px}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .module-4{padding-top:107px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .module-4{padding-top:87px}}@media (max-width:1023px){#section-camera .module-4{padding-top:80px}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .module-4{padding-top:160px}}@media (min-width:1024px){#section-camera .module-4 .g--title{max-width:640px}}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .module-4 .g--title{max-width:537px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .module-4 .g--title{max-width:437px}}@media (min-width:1024px){#section-camera .module-4 .g--title .g--text{margin-top:20px}}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .module-4 .g--title .g--text{margin-top:17px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .module-4 .g--title .g--text{margin-top:14px}}#section-camera .module-4 .soloop{width:52px;height:52px;margin-bottom:20px}@media (min-width:1024px){#section-camera .module-4 .soloop{width:80px;height:80px;margin-bottom:36px}}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .module-4 .soloop{width:67px;height:67px;margin-bottom:30px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .module-4 .soloop{width:55px;height:55px;margin-bottom:25px}}@media (min-width:1024px){#section-camera .module-4 .sticky-container{height:200vh;height:calc(200 * var(--vh, 1vh))}}#section-camera .module-4 .text1.g--pt-hidden .g--title{height:100vh;height:calc(100 * var(--vh, 1vh));position:absolute;bottom:0;display:flex;flex-direction:column;justify-content:center}#section-camera .module-4 .g--container.ls{position:relative}#section-camera .module-4 .g--container.ls .text1{opacity:0;transition:opacity .3s ease-out}#section-camera .module-4 .g--container.ls .text1.appear{opacity:1}@media (min-width:1024px){#section-camera .module-4 .g--container.ls .text1{position:absolute;width:525px;top:20vh;top:calc(20 * var(--vh, 1vh))}}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .module-4 .g--container.ls .text1{width:440px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .module-4 .g--container.ls .text1{width:359px}}@media (min-width:1024px){#section-camera .module-4 .g--container.ls .text2{position:absolute;width:544px;top:90vh;top:calc(90 * var(--vh, 1vh))}}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .module-4 .g--container.ls .text2{width:456px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .module-4 .g--container.ls .text2{width:371px}}#section-camera .module-4 .g--sticky{position:relative}@media (min-width:1024px){#section-camera .module-4 .g--sticky{width:1312px;overflow:hidden}}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .module-4 .g--sticky{width:1100px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .module-4 .g--sticky{width:896px}}#section-camera .module-4 .g--sticky .g--video-container{position:relative;padding-top:64px;padding-bottom:64px}@media (min-width:1024px){#section-camera .module-4 .g--sticky .g--video-container{padding-bottom:128px;padding-top:76px}}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .module-4 .g--sticky .g--video-container{padding-bottom:107px;padding-top:64px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .module-4 .g--sticky .g--video-container{padding-bottom:87px;padding-top:52px}}#section-camera .module-4 .g--sticky .g--video-container .video-wrapper{width:100%}@media (min-width:1024px){#section-camera .module-4 .g--sticky .g--video-container .video-wrapper{display:flex;justify-content:center}}#section-camera .module-4 .g--sticky .g--video-container .video-wrapper .frame{position:relative;z-index:2;width:51.1111vw;height:110.2778vw;margin:0 auto}@media (min-width:1024px){#section-camera .module-4 .g--sticky .g--video-container .video-wrapper .frame{width:333px;height:716px}}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .module-4 .g--sticky .g--video-container .video-wrapper .frame{width:279px;height:600px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .module-4 .g--sticky .g--video-container .video-wrapper .frame{width:227px;height:489px}}#section-camera .module-4 .g--sticky .g--video-container .video-wrapper .frame-wrapper{margin-top:-64px;position:relative}#section-camera .module-4 .g--sticky .g--video-container .video-wrapper .video1{position:absolute;left:0;top:64px;-webkit-transform-origin:50% 30%;transform-origin:50% 30%;width:100%;height:calc(56.12vw - 22.448px)}@media (min-width:1024px){#section-camera .module-4 .g--sticky .g--video-container .video-wrapper .video1{-webkit-transform-origin:50% 18%;transform-origin:50% 18%;height:738px;top:0}}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .module-4 .g--sticky .g--video-container .video-wrapper .video1{height:619px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .module-4 .g--sticky .g--video-container .video-wrapper .video1{height:504px}}#section-camera .module-4 .g--sticky .g--video-container .video-wrapper .video2{width:311px;height:691px;position:absolute;left:50%;top:2%;-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0;transition:opacity .5s ease-out}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .module-4 .g--sticky .g--video-container .video-wrapper .video2{width:261px;height:579px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .module-4 .g--sticky .g--video-container .video-wrapper .video2{width:212px;height:472px}}@media (min-width:1024px){#section-camera .module-4 .g--sticky .g--video-container .video-wrapper .video2{top:-64px}}#section-camera .module-4 .g--sticky .g--video-container .video-wrapper .video2.appear{opacity:1}#section-camera .module-4 .g--sticky .g--video-container .video-wrapper .content{position:absolute;top:2vw;left:50%;width:47.5vw;height:105.84vw;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media (min-width:1024px){#section-camera .module-4 .g--sticky .g--video-container .video-wrapper .content{width:311px;height:692px;-webkit-transform:translateX(-50%);transform:translateX(-50%);top:.5vw;left:50%}}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .module-4 .g--sticky .g--video-container .video-wrapper .content{width:261px;height:580px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .module-4 .g--sticky .g--video-container .video-wrapper .content{width:212px;height:473px}}@media (min-width:1024px) and (min-width:1024px) and (max-width:1399px){#section-camera .module-4 .g--sticky .g--video-container .video-wrapper .content{-webkit-transform:translateX(-50%);transform:translateX(-50%)}}@media (min-width:1024px) and (min-width:1024px) and (max-width:1399px){#section-camera .module-4 .g--sticky .g--video-container{padding-top:65px}}#section-camera .module-4 .video{margin-top:80px;height:738px}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .module-4 .video{margin-top:67px;height:619px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .module-4 .video{margin-top:55px;height:504px}}@media (max-width:1023px){#section-camera .module-4 .video{margin-top:31px}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .module-4 .video{margin-top:62px}}@media (max-width:1023px) and (max-width:720px){#section-camera .module-4 .video{width:calc(100vw - 40px);height:calc(56.17977528089887vw - 22.47191011235955px)}}@media (max-width:1023px) and (min-width:720px) and (max-width:1023px){#section-camera .module-4 .video{width:calc(100vw - 80px);height:calc(56.17977528089887vw - 44.9438202247191px)}}@media (max-width:1023px){#section-camera .module-4 .right{margin-top:22px}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .module-4 .right{margin-top:44px}}#section-camera .module-6{position:relative;z-index:5;padding-bottom:128px}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .module-6{padding-bottom:107px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .module-6{padding-bottom:87px}}@media (max-width:1023px){#section-camera .module-6{margin-top:-164px}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .module-6{margin-top:-328px}}#section-camera .module-6 > .g--flex{flex-direction:row-reverse;margin-top:80px}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .module-6 > .g--flex{margin-top:67px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .module-6 > .g--flex{margin-top:55px}}@media (max-width:1023px){#section-camera .module-6 > .g--flex{margin-top:20px;display:flex;flex-direction:column}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .module-6 > .g--flex{margin-top:40px}}#section-camera .module-6 > .g--flex .left{width:670px;flex:initial;padding-right:0}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .module-6 > .g--flex .left{width:562px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .module-6 > .g--flex .left{width:458px}}@media (max-width:1023px){#section-camera .module-6 > .g--flex .left{order:1}}#section-camera .module-6 > .g--flex .left .banner{height:893px}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .module-6 > .g--flex .left .banner{height:749px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .module-6 > .g--flex .left .banner{height:610px}}@media (max-width:1023px) and (max-width:720px){#section-camera .module-6 > .g--flex .left .banner{width:calc(100vw - 40px);height:calc(75.18796992481202vw - 30.075187969924812px)}}@media (max-width:1023px) and (min-width:720px) and (max-width:1023px){#section-camera .module-6 > .g--flex .left .banner{width:calc(100vw - 80px);height:calc(75.18796992481202vw - 60.150375939849624px)}}@media (max-width:1023px) and (max-width:720px){#section-camera .module-6 > .g--flex .left{width:calc(100vw - 40px)}}@media (max-width:1023px) and (min-width:720px) and (max-width:1023px){#section-camera .module-6 > .g--flex .left{width:calc(100vw - 80px)}}#section-camera .module-6 > .g--flex .right{width:528px;flex:initial;margin-left:112px;padding-left:0}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .module-6 > .g--flex .right{width:443px;margin-left:94px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .module-6 > .g--flex .right{width:361px;margin-left:76px}}@media (min-width:1024px){#section-camera .module-6 > .g--flex .right{display:flex;flex-direction:column;justify-content:space-between}}@media (max-width:1023px){#section-camera .module-6 > .g--flex .right{margin-top:32px;margin-left:0;order:2}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .module-6 > .g--flex .right{margin-top:64px}}#section-camera .module-6 > .g--flex .right .banner{height:354px}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .module-6 > .g--flex .right .banner{height:297px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .module-6 > .g--flex .right .banner{height:242px}}@media (max-width:1023px) and (max-width:720px){#section-camera .module-6 > .g--flex .right .banner{width:calc(100vw - 40px);height:calc(75.18796992481202vw - 30.075187969924812px)}}@media (max-width:1023px) and (min-width:720px) and (max-width:1023px){#section-camera .module-6 > .g--flex .right .banner{width:calc(100vw - 80px);height:calc(75.18796992481202vw - 60.150375939849624px)}}#section-camera .module-6 > .g--flex .right .panel-1 .banner{overflow:hidden}#section-camera .module-6 > .g--flex .right .panel-1 .banner .trans{-webkit-transform-origin:60% 20%;transform-origin:60% 20%}#section-camera .module-6 > .g--flex .right .panel-1 .banner .trans.active{transition:-webkit-transform 1s ease;transition:transform 1s ease;transition:transform 1s ease, -webkit-transform 1s ease;-webkit-transform:scale(2.1);transform:scale(2.1)}#section-camera .module-6 > .g--flex .right .panel-1 .border{width:50%;height:50%;top:10%;right:20%;border:2px solid #fff}#section-camera .module-6 > .g--flex .right .panel-2{margin-top:initial}@media (max-width:1023px){#section-camera .module-6 > .g--flex .right .panel-2{margin-top:32px}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .module-6 > .g--flex .right .panel-2{margin-top:64px}}@media (max-width:1023px) and (max-width:720px){#section-camera .module-6 > .g--flex .right{width:calc(100vw - 40px)}}@media (max-width:1023px) and (min-width:720px) and (max-width:1023px){#section-camera .module-6 > .g--flex .right{width:calc(100vw - 80px)}}#section-performance{position:relative;z-index:3}#section-performance .performance-title{padding-top:1px}#section-performance .slug-module{margin-top:-90vh;margin-top:calc(-90 * var(--vh, 1vh))}@media (max-width:1023px){#section-performance .slug-module{margin-top:-90vh;margin-top:calc(-90 * var(--vh, 1vh))}}#section-performance .slug-module .g--text{margin-top:20px}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .slug-module .g--text{margin-top:17px}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .slug-module .g--text{margin-top:14px}}#section-performance .slug-module .g--text span{color:#fff}#section-performance .slug-module .g--flex{align-items:flex-start}#section-performance .slug-module .left{padding-right:70px}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .slug-module .left{padding-right:59px}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .slug-module .left{padding-right:48px}}@media (max-width:1023px){#section-performance .slug-module .left{padding-right:0}}#section-performance .battle-module{margin-top:200px}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .battle-module{margin-top:168px}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .battle-module{margin-top:137px}}@media (max-width:1023px){#section-performance .battle-module{margin-top:164px}}@media (min-width: 720px) and (max-width: 1023px){#section-performance .battle-module{margin-top:328px}}@media (max-width:1023px){#section-performance .battle-module .content{z-index:1}}#section-performance .battle-module .content .left{display:flex}#section-performance .battle-module .content .left .logo{margin-left:17px;margin-top:10px;width:46px;height:46px}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .battle-module .content .left .logo{margin-left:14px;margin-top:8px;width:39px;height:39px}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .battle-module .content .left .logo{margin-left:12px;margin-top:7px;width:31px;height:31px}}#section-performance .battle-module .phone{margin-top:102px;width:1313px;height:234px}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .battle-module .phone{margin-top:86px;width:1101px;height:196px}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .battle-module .phone{margin-top:70px;width:897px;height:160px}}@media (max-width:1023px){#section-performance .battle-module .phone{z-index:0;margin-top:12px}}@media (min-width: 720px) and (max-width: 1023px){#section-performance .battle-module .phone{margin-top:24px}}@media (max-width:1023px) and (max-width:720px){#section-performance .battle-module .phone{width:calc(100vw - 40px);height:calc(172.71157167530225vw - 69.0846286701209px)}}@media (max-width:1023px) and (min-width:720px) and (max-width:1023px){#section-performance .battle-module .phone{width:calc(100vw - 80px);height:calc(172.71157167530225vw - 138.1692573402418px)}}#section-performance .battle{width:1192px;height:642px;top:19px;right:688px;transition:-webkit-transform 1.5s ease;transition:transform 1.5s ease;transition:transform 1.5s ease, -webkit-transform 1.5s ease;z-index:5}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .battle{width:999px;height:538px;top:16px;right:577px}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .battle{width:814px;height:438px;top:13px;right:470px}}@media (max-width:1023px){#section-performance .battle{width:181px;height:336px;top:53.61111111111111vw;left:26%}}@media (min-width: 720px) and (max-width: 1023px){#section-performance .battle{width:362px;height:672px}}#section-performance .battle .battle-text{top:43%;left:47%;width:918px;height:170px;opacity:0;transition:opacity .8s linear 1s;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%)}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .battle .battle-text{width:769px;height:143px}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .battle .battle-text{width:627px;height:116px}}@media (max-width:1023px){#section-performance .battle .battle-text{width:48px;height:262px;top:52%;left:45%;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%)}}@media (min-width: 720px) and (max-width: 1023px){#section-performance .battle .battle-text{width:96px;height:524px}}#section-performance .battle .battery{width:100%;height:100%}#section-performance .part0{width:100%;margin-top:-90vh;margin-top:calc(-90 * var(--vh, 1vh))}@media (max-width:1023px){#section-performance .part0{overflow:hidden;margin-top:-90vh;margin-top:calc(-90 * var(--vh, 1vh))}.android #section-performance .part0{margin-top:0}}#section-performance .part0 .supLetter{font-size:200%;vertical-align:bottom}@media (max-width:1023px){#section-performance .part0 .ls-text .g--text-keywords-hima{display:none}}@media (min-width:1024px){#section-performance .part0 .g--rel{margin-top:80px;height:85vh;height:calc(85 * var(--vh, 1vh))}}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .part0 .g--rel{margin-top:67px}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .part0 .g--rel{margin-top:55px}}@media (max-width:1023px){#section-performance .part0 .g--rel{margin-top:58px}}@media (min-width: 720px) and (max-width: 1023px){#section-performance .part0 .g--rel{margin-top:116px}}@media (min-width:1024px){#section-performance .part0 .g--rel .sticky{height:722px}}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .part0 .g--rel .sticky{height:605px}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .part0 .g--rel .sticky{height:493px}}@media (min-width:1024px) and (min-width:1800px){#section-performance .part0 .g--rel{height:80vh;height:calc(80 * var(--vh, 1vh))}}@media (min-width:1024px){#section-performance .part0 .img-wrapper{-webkit-transform-origin:100% 100%;transform-origin:100% 100%;width:2164px;height:100%;top:0;right:0;margin-right:calc(50vw - 656px)}}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .part0 .img-wrapper{width:1814px;margin-right:calc(50vw - 550px)}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .part0 .img-wrapper{width:1478px;margin-right:calc(50vw - 448px)}}@media (max-width:1023px){#section-performance .part0 .img-wrapper{position:relative;width:100vw;height:68.125vw;display:flex;justify-content:center;overflow:hidden}}@media (min-width:1024px){#section-performance .part0 .img-wrapper .pic0{width:100%;height:100%}}@media (max-width:1023px){#section-performance .part0 .img-wrapper .pic0{width:88.33333333333333vw;height:63.888888888888886vw;margin:0 auto}}#section-performance .part0 .img-wrapper .right{margin-left:44px;flex:0 0 auto}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .part0 .img-wrapper .right{margin-left:37px}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .part0 .img-wrapper .right{margin-left:30px}}@media (min-width:1024px){#section-performance .part0 .img-wrapper .right{top:95px;right:498px}}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .part0 .img-wrapper .right{top:80px;right:418px}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .part0 .img-wrapper .right{top:65px;right:340px}}@media (max-width:1023px){#section-performance .part0 .img-wrapper .right{margin-left:0}}#section-performance .part0 .img-wrapper .right .jet{top:50%}@media (max-width:1023px){#section-performance .part0 .img-wrapper .right .jet{width:160%;height:160%;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}}#section-performance .part0 .img-wrapper .right .slug{-webkit-transform:translateY(50%);transform:translateY(50%);width:196px;height:144px}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .part0 .img-wrapper .right .slug{width:164px;height:121px}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .part0 .img-wrapper .right .slug{width:134px;height:98px}}@media (max-width:1023px){#section-performance .part0 .img-wrapper .right .slug{margin:0 auto;width:252px;height:108px}}@media (min-width: 720px) and (max-width: 1023px){#section-performance .part0 .img-wrapper .right .slug{width:504px;height:216px}}#section-performance .part0 .img-wrapper .right .slug.back{transition:-webkit-transform 2s ease;transition:transform 2s ease;transition:transform 2s ease, -webkit-transform 2s ease;-webkit-transform:translateY(0);transform:translateY(0)}@media (min-width:1024px){#section-performance .part1{margin-top:128px;margin-bottom:182px}}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .part1{margin-top:107px;margin-bottom:153px}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .part1{margin-top:87px;margin-bottom:124px}}@media (max-width:1023px){#section-performance .part1{margin-top:80px;margin-bottom:80px}}@media (min-width: 720px) and (max-width: 1023px){#section-performance .part1{margin-top:160px;margin-bottom:160px}}#section-performance .part1 .g--text-container{position:relative;z-index:2}@media (min-width:1024px){#section-performance .part1 .g--text-container{flex-direction:row;justify-content:space-between}}@media (max-width:1023px){#section-performance .part1 .g--text-container{flex-direction:column}}#section-performance .part1 .g--text-detail{width:100%;max-width:640px}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .part1 .g--text-detail{max-width:537px}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .part1 .g--text-detail{max-width:437px}}@media (max-width:1023px){#section-performance .part1 .g--text-detail{margin-top:20px}}#section-performance .part1 .g--title-container{align-items:center}#section-performance .part1 .g--title-container .logo{width:46px;height:46px;margin-left:40px}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .part1 .g--title-container .logo{width:39px;height:39px;margin-left:34px}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .part1 .g--title-container .logo{width:31px;height:31px;margin-left:27px}}#section-performance .part1 .pic-wrapper{width:88.88888888888889vw;height:196.97777777777782vw;margin-top:-33.333333333333336vw}@media (max-width:1023px){#section-performance .part1 .pic1{width:100%;height:100%}}#section-design{width:100%}#section-design .title-module{padding-top:1px}#section-design .design-title{position:relative;z-index:3}#section-design .part0{position:relative;height:calc((400vw + 176px - 80px + 20vh) * 1.5 / 2.1);height:calc((400vw + 176px - 80px + (20 * var(--vh, 1vh))) * 1.5 / 2.1);margin-top:-160vh;margin-top:calc(-160 * var(--vh, 1vh));z-index:2}.android #section-design .part0{margin-top:calc((-220vw + 176px - 80px + 20vh) * 1.5 / 2.1);margin-top:calc((-220vw + 176px - 80px + (20 * var(--vh, 1vh))) * 1.5 / 2.1)}@media (min-width:1024px){#section-design .part0{height:88.81578947368422vw}}#section-design .part0 .bg-container{position:relative;z-index:1;width:100%;height:200vw}@media (min-width:1024px){#section-design .part0 .bg-container{width:100%;height:56.25vw}}#section-design .part0 .bg-container .mask{width:100%;height:33.33333333333333vw;position:absolute;left:0}#section-design .part0 .bg-container .mask-top{top:0}#section-design .part0 .bg-container .mask-bottom{bottom:0}#section-design .part0 .bg-container .content{width:100%;height:100%}#section-design .part0 .trans-wrapper{position:absolute;z-index:2;top:calc(200vw + 88px + 20vh);top:calc(200vw + 88px + (20 * var(--vh, 1vh)));width:calc(100vw - 40px);left:20px}@media (min-width:720px) and (max-width:1023px){#section-design .part0 .trans-wrapper{left:40px;width:calc(100vw - 80px)}}@media (min-width:1024px){#section-design .part0 .trans-wrapper{top:calc(100vh - 60px);top:calc((100 * var(--vh, 1vh)) - 60px);width:calc(50% + 656px);left:calc(50% - 656px)}}@media (min-width: 1400px) and (max-width: 1799px){#section-design .part0 .trans-wrapper{width:calc(50% + 550px);left:calc(50% - 550px)}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .part0 .trans-wrapper{width:calc(50% + 448px);left:calc(50% - 448px)}}@media (min-width:1800px){#section-design .part1{margin-top:-15vh;margin-top:calc(-15 * var(--vh, 1vh))}}@media (max-width:1023px){#section-design .part1{margin-top:-15vh;margin-top:calc(-15 * var(--vh, 1vh))}}@media (min-width:720px) and (max-width:1023px){#section-design .part1{margin-top:10vh;margin-top:calc(10 * var(--vh, 1vh));position:relative;z-index:20}}#section-design .part1 .phone-switch-module{height:150vh;height:calc(150 * var(--vh, 1vh));margin-bottom:0}#section-design .part1 .phone-switch-module .banner{width:1275px;height:405px}@media (min-width: 1400px) and (max-width: 1799px){#section-design .part1 .phone-switch-module .banner{width:1069px;height:340px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .part1 .phone-switch-module .banner{width:871px;height:277px}}@media (max-width:1023px){#section-design .part1 .phone-switch-module .banner{width:130px;height:409px}}@media (min-width: 720px) and (max-width: 1023px){#section-design .part1 .phone-switch-module .banner{width:260px;height:818px}}#section-design .part1 .phone-switch-module .banner .shadow{width:1201px;height:539px;top:120px;left:16px}@media (min-width: 1400px) and (max-width: 1799px){#section-design .part1 .phone-switch-module .banner .shadow{width:1007px;height:452px;top:101px;left:13px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .part1 .phone-switch-module .banner .shadow{width:820px;height:368px;top:82px;left:11px}}@media (max-width:1023px){#section-design .part1 .phone-switch-module .banner .shadow{width:129%;height:91.3%;top:4.5%;left:19.6%}}#section-design .part1 .phone-switch-module .switch-button{display:flex;margin-top:101px;transition:color .1s linear;position:relative;z-index:2}@media (min-width: 1400px) and (max-width: 1799px){#section-design .part1 .phone-switch-module .switch-button{margin-top:85px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .part1 .phone-switch-module .switch-button{margin-top:69px}}@media (max-width:1023px){#section-design .part1 .phone-switch-module .switch-button{margin-top:34px}}@media (min-width: 720px) and (max-width: 1023px){#section-design .part1 .phone-switch-module .switch-button{margin-top:68px}}#section-design .part1 .phone-switch-module .switch-button .btn-1,#section-design .part1 .phone-switch-module .switch-button .btn-2{height:33px;font-size:20px;line-height:1.2;letter-spacing:-.1px}@media (min-width: 1400px) and (max-width: 1799px){#section-design .part1 .phone-switch-module .switch-button .btn-1,#section-design .part1 .phone-switch-module .switch-button .btn-2{height:28px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .part1 .phone-switch-module .switch-button .btn-1,#section-design .part1 .phone-switch-module .switch-button .btn-2{height:23px}}@media (min-width:1400px) and (max-width:1799px){#section-design .part1 .phone-switch-module .switch-button .btn-1,#section-design .part1 .phone-switch-module .switch-button .btn-2{font-size:16.768px;letter-spacing:-.08384000000000001px}}@media (min-width:1024px) and (max-width:1399px){#section-design .part1 .phone-switch-module .switch-button .btn-1,#section-design .part1 .phone-switch-module .switch-button .btn-2{font-size:13.658px;letter-spacing:-.06829px}}@media (max-width:1023px){#section-design .part1 .phone-switch-module .switch-button .btn-1,#section-design .part1 .phone-switch-module .switch-button .btn-2{height:24px}}@media (min-width: 720px) and (max-width: 1023px){#section-design .part1 .phone-switch-module .switch-button .btn-1,#section-design .part1 .phone-switch-module .switch-button .btn-2{height:48px}}@media (max-width:1023px) and (min-width:720px) and (max-width:1023px){#section-design .part1 .phone-switch-module .switch-button .btn-1,#section-design .part1 .phone-switch-module .switch-button .btn-2{line-height:1.5;letter-spacing:-.1px;font-size:32px;letter-spacing:-.2px}}@media (max-width:1023px) and (max-width:720px){#section-design .part1 .phone-switch-module .switch-button .btn-1,#section-design .part1 .phone-switch-module .switch-button .btn-2{line-height:1.5;letter-spacing:-.1px;font-size:16px;letter-spacing:-.1px}}#section-design .part1 .phone-switch-module .switch-button .divide{margin-left:40px;margin-right:40px}@media (min-width: 1400px) and (max-width: 1799px){#section-design .part1 .phone-switch-module .switch-button .divide{margin-left:34px;margin-right:34px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .part1 .phone-switch-module .switch-button .divide{margin-left:27px;margin-right:27px}}@media (max-width:1023px){#section-design .part1 .phone-switch-module .switch-button .divide{margin-left:12px;margin-right:12px}}@media (min-width: 720px) and (max-width: 1023px){#section-design .part1 .phone-switch-module .switch-button .divide{margin-left:24px;margin-right:24px}}#section-design .part1 .phone-switch-module .switch-button .active{color:#fff;border-bottom:1px solid #fff;transition:color .1s linear}#section-design .part1 .phone-switch-module .g--text{margin-top:64px}@media (min-width: 1400px) and (max-width: 1799px){#section-design .part1 .phone-switch-module .g--text{margin-top:54px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .part1 .phone-switch-module .g--text{margin-top:44px}}#section-design .part1 .phone-switch-module .g--text .text-2,#section-design .part1 .phone-switch-module .g--text .text-1{background-color:#000;transition:opacity .5s linear}@media (max-width:1023px){#section-design .part1 .phone-switch-module .g--text{margin-top:19px}}@media (min-width: 720px) and (max-width: 1023px){#section-design .part1 .phone-switch-module .g--text{margin-top:38px}}#section-design .part1 .phone-switch-module .g--text .text-1{opacity:0}@media (max-width:1023px) and (max-width:720px){#section-design .part1 .phone-switch-module .g--text{width:calc(100vw - 40px)}}@media (max-width:1023px) and (min-width:720px) and (max-width:1023px){#section-design .part1 .phone-switch-module .g--text{width:calc(100vw - 80px)}}@media (min-width:1024px){#section-design .part2{padding-bottom:0;margin-top:-5vh;margin-top:calc(-5 * var(--vh, 1vh))}}@media (max-width:1023px){#section-design .part2{margin-top:15vh;margin-top:calc(15 * var(--vh, 1vh))}}#section-design .part2 .g--text-keywords{position:relative;z-index:2}@media (min-width:1024px){#section-design .part2 .g--text-keywords{margin-top:80px}}@media (min-width: 1400px) and (max-width: 1799px){#section-design .part2 .g--text-keywords{margin-top:67px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .part2 .g--text-keywords{margin-top:55px}}@media (max-width:1023px){#section-design .part2 .g--text-keywords{display:none}}#section-design .part2 .flex-wrapper{position:relative;display:flex;align-items:center;height:121.94444444444446vw}@media (max-width:1023px){#section-design .part2 .flex-wrapper{overflow:hidden;margin-top:34px}}@media (min-width: 720px) and (max-width: 1023px){#section-design .part2 .flex-wrapper{margin-top:68px}}@media (min-width:1024px){#section-design .part2 .flex-wrapper{width:100%;height:470px;margin-top:57px}}@media (min-width: 1400px) and (max-width: 1799px){#section-design .part2 .flex-wrapper{height:394px;margin-top:48px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .part2 .flex-wrapper{height:321px;margin-top:39px}}#section-design .part2 .flex-wrapper .desc-wrapper{display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}#section-design .part2 .flex-wrapper .desc-wrapper .desc2{margin-top:32px}#section-design .part2 .flex-wrapper .desc-wrapper .desc .num{margin-right:4px}@media (max-width:1023px){#section-design .part2 .flex-wrapper .desc-wrapper .desc .num{font-size:36px;line-height:36px;letter-spacing:-.18px}}@media (max-width:1023px){#section-design .part2 .flex-wrapper .desc-wrapper .desc .unit{font-size:16px;line-height:16px;letter-spacing:-.1px}}@media (max-width:1023px){#section-design .part2 .flex-wrapper .desc-wrapper .desc .attr{font-size:14px;line-height:23px;letter-spacing:-.04px;margin-top:7px}}#section-design .part2 .flex-wrapper .img{width:auto;height:100%}@media (max-width:1023px){#section-design .part2 .flex-wrapper .img{position:absolute;z-index:1;left:20.833333333333336vw;top:0}}@media (min-width:1024px){#section-design .part2 .flex-wrapper .img{width:100%;height:738px;position:absolute;top:-200px;left:0}}@media (min-width: 1400px) and (max-width: 1799px){#section-design .part2 .flex-wrapper .img{height:619px;top:-168px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .part2 .flex-wrapper .img{height:504px;top:-137px}}#section-screen{position:relative;z-index:2}#section-screen .screen-title{padding:1px}#section-screen .module-1{margin-top:-90vh;margin-top:calc(-90 * var(--vh, 1vh))}@media (max-width:1023px){#section-screen .module-1{margin-top:-90vh;margin-top:calc(-90 * var(--vh, 1vh))}}.android #section-screen .module-1{margin-top:0}#section-screen .module-1 .video{margin-top:82px;height:414px;opacity:0;-webkit-transform:translateY(25%);transform:translateY(25%);transition:opacity .5s linear,-webkit-transform .5s linear;transition:opacity .5s linear,transform .5s linear;transition:opacity .5s linear,transform .5s linear,-webkit-transform .5s linear}@media (min-width: 1400px) and (max-width: 1799px){#section-screen .module-1 .video{margin-top:69px;height:347px}}@media (min-width: 1024px) and (max-width: 1399px){#section-screen .module-1 .video{margin-top:56px;height:283px}}@media (max-width:1023px){#section-screen .module-1 .video{margin-top:33px;width:100vw;height:24.444444444444443vw}}@media (min-width: 720px) and (max-width: 1023px){#section-screen .module-1 .video{margin-top:66px}}#section-screen .module-1 .video.show{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}#section-screen .module-1 .parameters{margin-top:120px;justify-content:space-between;align-items:center;flex-wrap:wrap}@media (min-width: 1400px) and (max-width: 1799px){#section-screen .module-1 .parameters{margin-top:101px}}@media (min-width: 1024px) and (max-width: 1399px){#section-screen .module-1 .parameters{margin-top:82px}}@media (max-width:1023px){#section-screen .module-1 .parameters{justify-content:initial;align-items:initial;margin-top:23px}}@media (min-width: 720px) and (max-width: 1023px){#section-screen .module-1 .parameters{margin-top:46px}}#section-screen .module-1 .parameters img.logo1{width:112px;height:50px}@media (min-width: 1400px) and (max-width: 1799px){#section-screen .module-1 .parameters img.logo1{width:94px;height:42px}}@media (min-width: 1024px) and (max-width: 1399px){#section-screen .module-1 .parameters img.logo1{width:76px;height:34px}}@media (max-width:1023px){#section-screen .module-1 .parameters img.logo1{width:99px;height:44px;margin-top:23px}}@media (min-width: 720px) and (max-width: 1023px){#section-screen .module-1 .parameters img.logo1{width:198px;height:88px;margin-top:46px}}#section-screen .module-1 .parameters img.logo2{margin-left:21px;width:199px;height:46px}@media (min-width: 1400px) and (max-width: 1799px){#section-screen .module-1 .parameters img.logo2{margin-left:18px;width:167px;height:39px}}@media (min-width: 1024px) and (max-width: 1399px){#section-screen .module-1 .parameters img.logo2{margin-left:14px;width:136px;height:31px}}@media (max-width:1023px){#section-screen .module-1 .parameters img.logo2{margin-left:0;width:125px;height:29px;margin-top:25px}}@media (min-width: 720px) and (max-width: 1023px){#section-screen .module-1 .parameters img.logo2{width:250px;height:58px;margin-top:50px}}#section-screen .module-3{margin-top:182px;overflow:hidden}@media (min-width: 1400px) and (max-width: 1799px){#section-screen .module-3{margin-top:153px}}@media (min-width: 1024px) and (max-width: 1399px){#section-screen .module-3{margin-top:124px}}@media (max-width:1023px){#section-screen .module-3{margin-top:82px}}@media (min-width: 720px) and (max-width: 1023px){#section-screen .module-3{margin-top:164px}}#section-screen .module-3 .group{width:1312px;height:606px;margin-top:144px}@media (min-width: 1400px) and (max-width: 1799px){#section-screen .module-3 .group{width:1100px;height:508px;margin-top:121px}}@media (min-width: 1024px) and (max-width: 1399px){#section-screen .module-3 .group{width:896px;height:414px;margin-top:98px}}@media (max-width:1023px){#section-screen .module-3 .group{width:100%;height:253px;margin-top:98px}}@media (min-width: 720px) and (max-width: 1023px){#section-screen .module-3 .group{height:506px;margin-top:196px}}#section-screen .module-3 .group .left,#section-screen .module-3 .group .right{width:765px;height:357px;transition:-webkit-transform 1.5s ease;transition:transform 1.5s ease;transition:transform 1.5s ease, -webkit-transform 1.5s ease}@media (min-width: 1400px) and (max-width: 1799px){#section-screen .module-3 .group .left,#section-screen .module-3 .group .right{width:641px;height:299px}}@media (min-width: 1024px) and (max-width: 1399px){#section-screen .module-3 .group .left,#section-screen .module-3 .group .right{width:522px;height:244px}}@media (max-width:1023px){#section-screen .module-3 .group .left,#section-screen .module-3 .group .right{width:304px;height:143px}}@media (min-width: 720px) and (max-width: 1023px){#section-screen .module-3 .group .left,#section-screen .module-3 .group .right{width:608px;height:286px}}#section-screen .module-3 .group .left{top:0;left:0;-webkit-transform:translateY(-54px);transform:translateY(-54px)}@media (min-width: 1400px) and (max-width: 1799px){#section-screen .module-3 .group .left{-webkit-transform:translateY(-45px);transform:translateY(-45px)}}@media (min-width: 1024px) and (max-width: 1399px){#section-screen .module-3 .group .left{-webkit-transform:translateY(-37px);transform:translateY(-37px)}}@media (max-width:1023px){#section-screen .module-3 .group .left{left:-24px;-webkit-transform:translateY(-30px);transform:translateY(-30px)}}@media (min-width: 720px) and (max-width: 1023px){#section-screen .module-3 .group .left{left:-48px;-webkit-transform:translateY(-60px);transform:translateY(-60px)}}#section-screen .module-3 .group .right{top:0;right:0;-webkit-transform:translateY(54px);transform:translateY(54px)}@media (min-width: 1400px) and (max-width: 1799px){#section-screen .module-3 .group .right{-webkit-transform:translateY(45px);transform:translateY(45px)}}@media (min-width: 1024px) and (max-width: 1399px){#section-screen .module-3 .group .right{-webkit-transform:translateY(37px);transform:translateY(37px)}}@media (max-width:1023px){#section-screen .module-3 .group .right{right:-24px;-webkit-transform:translateY(30px);transform:translateY(30px)}}@media (min-width: 720px) and (max-width: 1023px){#section-screen .module-3 .group .right{right:-48px;-webkit-transform:translateY(60px);transform:translateY(60px)}}#section-screen .module-3 .group.show .left{-webkit-transform:translateY(-100px);transform:translateY(-100px)}@media (min-width: 1400px) and (max-width: 1799px){#section-screen .module-3 .group.show .left{-webkit-transform:translateY(-84px);transform:translateY(-84px)}}@media (min-width: 1024px) and (max-width: 1399px){#section-screen .module-3 .group.show .left{-webkit-transform:translateY(-68px);transform:translateY(-68px)}}@media (max-width:1023px){#section-screen .module-3 .group.show .left{-webkit-transform:translateY(-55px);transform:translateY(-55px)}}@media (min-width: 720px) and (max-width: 1023px){#section-screen .module-3 .group.show .left{-webkit-transform:translateY(-110px);transform:translateY(-110px)}}#section-screen .module-3 .group.show .right{-webkit-transform:translateY(100px);transform:translateY(100px)}@media (min-width: 1400px) and (max-width: 1799px){#section-screen .module-3 .group.show .right{-webkit-transform:translateY(84px);transform:translateY(84px)}}@media (min-width: 1024px) and (max-width: 1399px){#section-screen .module-3 .group.show .right{-webkit-transform:translateY(68px);transform:translateY(68px)}}@media (max-width:1023px){#section-screen .module-3 .group.show .right{-webkit-transform:translateY(55px);transform:translateY(55px)}}@media (min-width: 720px) and (max-width: 1023px){#section-screen .module-3 .group.show .right{-webkit-transform:translateY(110px);transform:translateY(110px)}}#section-screen .intro-dolby{width:100%;margin-top:50px}@media (min-width: 1400px) and (max-width: 1799px){#section-screen .intro-dolby{margin-top:42px}}@media (min-width: 1024px) and (max-width: 1399px){#section-screen .intro-dolby{margin-top:34px}}@media (min-width:1024px){#section-screen .intro-dolby{text-align:center;padding-bottom:182px}}@media (min-width: 1400px) and (max-width: 1799px){#section-screen .intro-dolby{padding-bottom:153px}}@media (min-width: 1024px) and (max-width: 1399px){#section-screen .intro-dolby{padding-bottom:124px}}#section-screen .intro-dolby .dolby{position:relative}#section-screen .intro-dolby .dolby .title{position:absolute;width:159px;height:68px;top:40%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}@media (min-width: 720px) and (max-width: 1023px){#section-screen .intro-dolby .dolby .title{width:318px;height:136px}}@media (min-width:1024px){#section-screen .intro-dolby .dolby .title{width:328px;height:138px}}@media (min-width: 1400px) and (max-width: 1799px){#section-screen .intro-dolby .dolby .title{width:275px;height:116px}}@media (min-width: 1024px) and (max-width: 1399px){#section-screen .intro-dolby .dolby .title{width:224px;height:94px}}#section-screen .intro-dolby .dolby .wave-wrapper{width:150px;height:75px;margin:auto}@media (min-width: 720px) and (max-width: 1023px){#section-screen .intro-dolby .dolby .wave-wrapper{width:300px;height:150px}}@media (min-width:1024px){#section-screen .intro-dolby .dolby .wave-wrapper{width:700px;height:350px}}@media (min-width: 1400px) and (max-width: 1799px){#section-screen .intro-dolby .dolby .wave-wrapper{width:587px;height:293px}}@media (min-width: 1024px) and (max-width: 1399px){#section-screen .intro-dolby .dolby .wave-wrapper{width:478px;height:239px}}@media (min-width:1400px) and (max-width:1799px){#section-screen .intro-dolby .dolby .wave-wrapper{width:420px;height:210px}}@media (min-width:1024px) and (max-width:1399px){#section-screen .intro-dolby .dolby .wave-wrapper{width:420px;height:210px}}#section-screen .intro-dolby .dolby .wave-wrapper .wave{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}@-webkit-keyframes wave{0%{-webkit-transform:scale(1);transform:scale(1);opacity:0}25%{-webkit-transform:scale(1.25);transform:scale(1.25);opacity:.8}50%{-webkit-transform:scale(1.5);transform:scale(1.5);opacity:1}75%{-webkit-transform:scale(1.75);transform:scale(1.75);opacity:.8}100%{-webkit-transform:scale(2);transform:scale(2);opacity:0}}@keyframes wave{0%{-webkit-transform:scale(1);transform:scale(1);opacity:0}25%{-webkit-transform:scale(1.25);transform:scale(1.25);opacity:.8}50%{-webkit-transform:scale(1.5);transform:scale(1.5);opacity:1}75%{-webkit-transform:scale(1.75);transform:scale(1.75);opacity:.8}100%{-webkit-transform:scale(2);transform:scale(2);opacity:0}}#section-screen .intro-dolby .dolby .wave-0{-webkit-animation:wave 2s linear infinite;animation:wave 2s linear infinite}#section-screen .intro-dolby .dolby .wave-1{-webkit-animation:wave 2s linear 1s infinite;animation:wave 2s linear 1s infinite}@media (min-width:1024px){#section-screen .intro-dolby .g--text{width:528px;margin-top:-70px}}@media (min-width: 1400px) and (max-width: 1799px){#section-screen .intro-dolby .g--text{width:443px;margin-top:-59px}}@media (min-width: 1024px) and (max-width: 1399px){#section-screen .intro-dolby .g--text{width:361px;margin-top:-48px}}@media (max-width:1023px){#section-screen .intro-dolby .g--text{margin-top:60px}}@media (min-width: 720px) and (max-width: 1023px){#section-screen .intro-dolby .g--text{margin-top:120px}}#section-screen .mask{width:100vw;height:139.44444444444443vw;position:absolute;left:calc(143px - 50vw);top:179px;z-index:1}@media (min-width: 720px) and (max-width: 1023px){#section-screen .mask{left:calc(286px - 50vw);top:358px}}#section-screen .refresh-1{position:relative;width:286px;height:446px;margin:35px auto 0 auto}@media (min-width: 720px) and (max-width: 1023px){#section-screen .refresh-1{width:572px;height:892px;margin:70px auto 0 auto}}#section-screen .refresh-1 .hz-wrapper{position:relative;width:100%;height:100%;overflow:hidden}#section-screen .refresh-1 .hz-wrapper .video-wrapper{position:relative;width:100%;height:616px;overflow:hidden}@media (min-width: 720px) and (max-width: 1023px){#section-screen .refresh-1 .hz-wrapper .video-wrapper{height:1232px}}#section-screen .refresh-1 .hz-wrapper .video-wrapper canvas,#section-screen .refresh-1 .hz-wrapper .video-wrapper video{width:94%;height:95%;position:absolute;top:2.5%;left:3%;overflow:hidden}#section-screen .refresh-1 .hz-wrapper .video-wrapper .border{width:100%;height:100%;position:absolute;top:0;left:0}#section-screen .refresh-1 .line{position:absolute;z-index:2;width:2px;height:388px;top:16px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:transparent}@media (min-width: 720px) and (max-width: 1023px){#section-screen .refresh-1 .line{width:4px;height:776px;top:32px}}#section-screen .refresh-1 .line > *{position:absolute;bottom:0}#section-screen .refresh-1 .line .tip-0{left:-50px}@media (min-width: 1400px) and (max-width: 1799px){#section-screen .refresh-1 .line .tip-0{left:-42px}}@media (min-width: 1024px) and (max-width: 1399px){#section-screen .refresh-1 .line .tip-0{left:-34px}}#section-screen .refresh-1 .line .tip-1{right:-50px}@media (min-width: 1400px) and (max-width: 1799px){#section-screen .refresh-1 .line .tip-1{right:-42px}}@media (min-width: 1024px) and (max-width: 1399px){#section-screen .refresh-1 .line .tip-1{right:-34px}}@media (min-width:1024px){#section-screen .refresh-1{margin:0 0 0 216px;width:360px;height:772px}#section-screen .refresh-1 .hz-wrapper{overflow:inherit}#section-screen .refresh-1 .hz-wrapper .video-wrapper{width:100%;height:100%}#section-screen .refresh-1 .line{width:4px;height:796px;top:23px}#section-screen .refresh-1 .line .tip-0{left:-80px}#section-screen .refresh-1 .line .tip-1{right:-80px}}@media (min-width: 1400px) and (max-width: 1799px){#section-screen .refresh-1 .line .tip-1{right:-67px}}@media (min-width: 1024px) and (max-width: 1399px){#section-screen .refresh-1 .line .tip-1{right:-55px}}@media (min-width: 1400px) and (max-width: 1799px){#section-screen .refresh-1 .line .tip-0{left:-67px}}@media (min-width: 1024px) and (max-width: 1399px){#section-screen .refresh-1 .line .tip-0{left:-55px}}@media (min-width: 1400px) and (max-width: 1799px){#section-screen .refresh-1 .line{width:3px;height:667px;top:19px}}@media (min-width: 1024px) and (max-width: 1399px){#section-screen .refresh-1 .line{width:3px;height:544px;top:16px}}@media (min-width: 1400px) and (max-width: 1799px){#section-screen .refresh-1{margin:0 0 0 181px;width:302px;height:647px}}@media (min-width: 1024px) and (max-width: 1399px){#section-screen .refresh-1{margin:0 0 0 148px;width:246px;height:527px}}#section-coloros{position:relative;color:#000;background:#fff;padding-top:182px}@media (min-width: 1400px) and (max-width: 1799px){#section-coloros{padding-top:153px}}@media (min-width: 1024px) and (max-width: 1399px){#section-coloros{padding-top:124px}}@media (max-width:1023px){#section-coloros{padding-top:96px}}@media (min-width: 720px) and (max-width: 1023px){#section-coloros{padding-top:192px}}#section-coloros .container{background:linear-gradient(180deg,#fff 1%,#f7f7f7 16%,#f7f7f7 100%);padding:137px 0 200px 0}@media (min-width: 1400px) and (max-width: 1799px){#section-coloros .container{padding:115px 0 168px 0}}@media (min-width: 1024px) and (max-width: 1399px){#section-coloros .container{padding:94px 0 137px 0}}@media (max-width:1023px){#section-coloros .container{background:#f7f7f7;padding:0 0 62px 0}}@media (min-width: 720px) and (max-width: 1023px){#section-coloros .container{padding:0 0 124px 0}}#section-coloros .g--container{position:relative}#section-coloros .change-arrow{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:106px;height:106px;display:flex;right:76px;justify-content:center;align-items:center;z-index:9;cursor:pointer}@media (min-width: 1400px) and (max-width: 1799px){#section-coloros .change-arrow{width:89px;height:89px;right:64px}}@media (min-width: 1024px) and (max-width: 1399px){#section-coloros .change-arrow{width:72px;height:72px;right:52px}}#section-coloros .change-arrow img{width:100%;height:100%}#section-coloros .change-arrow.left{left:76px}@media (min-width: 1400px) and (max-width: 1799px){#section-coloros .change-arrow.left{left:64px}}@media (min-width: 1024px) and (max-width: 1399px){#section-coloros .change-arrow.left{left:52px}}#section-coloros .change-arrow.left .normal-arrow,#section-coloros .change-arrow.left .circle-arrow{-webkit-transform:rotate(180deg);transform:rotate(180deg)}#section-coloros .change-arrow.ban .normal-arrow,#section-coloros .change-arrow.ban .circle-arrow{opacity:0}#section-coloros .change-arrow .normal-arrow{width:56px;height:56px;opacity:1}@media (min-width: 1400px) and (max-width: 1799px){#section-coloros .change-arrow .normal-arrow{width:47px;height:47px}}@media (min-width: 1024px) and (max-width: 1399px){#section-coloros .change-arrow .normal-arrow{width:38px;height:38px}}#section-coloros .change-arrow .normal-arrow svg path{fill:#000}#section-coloros .change-arrow .normal-arrow svg.white path{fill:#fff}#section-coloros .change-arrow .circle-arrow{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;z-index:1;opacity:0}#section-coloros .change-arrow .circle-arrow .circular{-webkit-animation:rotate 10s linear infinite;animation:rotate 10s linear infinite}#section-coloros .change-arrow .circle-arrow .green-arrow{position:absolute;width:28px;height:16px;z-index:2;top:45px;left:39px}@media (min-width: 1400px) and (max-width: 1799px){#section-coloros .change-arrow .circle-arrow .green-arrow{width:23px;height:13px;top:38px;left:33px}}@media (min-width: 1024px) and (max-width: 1399px){#section-coloros .change-arrow .circle-arrow .green-arrow{width:19px;height:11px;top:31px;left:27px}}#section-coloros .change-arrow .circle-arrow span{position:absolute;top:0;left:0;right:0;bottom:0;font-size:13px}@-webkit-keyframes rotate{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}#section-coloros .logo-title{width:460px;height:306px;margin:0 auto}@media (min-width: 1400px) and (max-width: 1799px){#section-coloros .logo-title{width:386px;height:257px}}@media (min-width: 1024px) and (max-width: 1399px){#section-coloros .logo-title{width:314px;height:209px}}@media (max-width:1023px){#section-coloros .logo-title{width:88.88888888888889vw;height:58.888888888888886vw;margin:0 auto}}#section-coloros .logo-title canvas{width:100%;height:100%}#section-coloros .title{font-family:OPPOSans-Medium;font-weight:400;font-size:36px;line-height:56px;letter-spacing:-.18px;margin-bottom:22px}@media (min-width: 1400px) and (max-width: 1799px){#section-coloros .title{margin-bottom:18px}}@media (min-width: 1024px) and (max-width: 1399px){#section-coloros .title{margin-bottom:15px}}@media (max-width:1023px){#section-coloros .title{font-size:20px;letter-spacing:0;line-height:32px;margin-bottom:16px}}@media (min-width: 720px) and (max-width: 1023px){#section-coloros .title{margin-bottom:32px}}#section-coloros .learn-more{font-family:OPPOSans-Medium;font-weight:400;font-size:16px;line-height:18px;letter-spacing:-.05px;cursor:pointer;display:flex;align-items:center;justify-content:center;margin:16px auto 0}@media (min-width:1024px){#section-coloros .learn-more{font-family:OPPOSans-Bold;font-weight:400;font-size:20px;letter-spacing:-.12px;line-height:32px;width:208px;height:60px;border:2px solid #000;margin:22px auto 0}}@media (min-width: 1400px) and (max-width: 1799px){#section-coloros .learn-more{width:174px;height:50px}}@media (min-width: 1024px) and (max-width: 1399px){#section-coloros .learn-more{width:142px;height:41px}}@media (max-width:1023px){#section-coloros .learn-more{font-size:14px;letter-spacing:-.05px;line-height:20px;width:144px;height:44px;border:1px solid #000;margin:48px auto 0}}@media (max-width:1023px){#section-coloros .bg-grey-gradient{height:96px;width:100%;background:linear-gradient(to bottom,#fff,#f7f7f7)}}@media (min-width: 720px) and (max-width: 1023px){#section-coloros .bg-grey-gradient{height:192px}}#section-coloros .slick-slider{position:relative;display:block}#section-coloros .slick-slider .slick-list{position:relative;width:100%;height:100%;overflow:hidden}#section-coloros .slick-slider .slick-list:focus{outline:none}#section-coloros .slick-slider .slick-list.dragging{cursor:pointer}#section-coloros .slick-slider .slick-list .slick-track{height:100%}#section-coloros .slick-slider .slick-list .slick-track .slick-slide > *{width:100%;height:100%}#section-coloros .slick-wrapper .slick-container{position:relative;width:100%;height:738px;color:#000;margin:20px 0 12px 0}@media (min-width: 1400px) and (max-width: 1799px){#section-coloros .slick-wrapper .slick-container{height:619px;margin:17px 0 10px 0}}@media (min-width: 1024px) and (max-width: 1399px){#section-coloros .slick-wrapper .slick-container{height:504px;margin:14px 0 8px 0}}#section-coloros .slick-wrapper .slick-container .arrow-wrapper{transition:opacity .2s}#section-coloros .slick-wrapper .slick-container:hover .arrow-wrapper{opacity:0}@media (max-width:1023px){#section-coloros .slick-wrapper .slick-container{margin:24px 0 0 0}}@media (min-width: 720px) and (max-width: 1023px){#section-coloros .slick-wrapper .slick-container{margin:48px 0 0 0}}#section-coloros .slick-wrapper .slick-container .visual-content .green-arrow{width:28px;height:17px}@media (min-width: 1400px) and (max-width: 1799px){#section-coloros .slick-wrapper .slick-container .visual-content .green-arrow{width:23px;height:14px}}@media (min-width: 1024px) and (max-width: 1399px){#section-coloros .slick-wrapper .slick-container .visual-content .green-arrow{width:19px;height:12px}}#section-coloros .slick-wrapper .slick-container .visual-content .green-arrow.prev{-webkit-transform:rotate(180deg);transform:rotate(180deg)}#section-coloros .slick-wrapper .slick-container .trigger-area{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;z-index:9;cursor:none}#section-coloros .slick-wrapper .slick-container .trigger-area > *{flex:1}@media (max-width:1023px) and (max-width:720px){#section-coloros .slick-wrapper .slick-container{width:calc(100vw - 40px);height:calc(100vw - 40px)}}@media (max-width:1023px) and (min-width:720px) and (max-width:1023px){#section-coloros .slick-wrapper .slick-container{width:calc(100vw - 80px);height:calc(100vw - 80px)}}#section-coloros .slick-wrapper .slick{width:100%;height:100%;cursor:none}#section-coloros .slick-wrapper .slick .item{position:relative;width:100%;height:100%;z-index:99}#section-coloros .slick-wrapper .slick .item video,#section-coloros .slick-wrapper .slick .item img{width:100%;height:100%;object-fit:cover}#section-coloros .slick-wrapper .slick .play{width:14px;height:18px;position:absolute;bottom:20px;left:20px}@media (min-width: 720px) and (max-width: 1023px){#section-coloros .slick-wrapper .slick .play{width:28px;height:36px;bottom:40px;left:40px}}#section-coloros .slick-wrapper .control-bar .slick-content{transition:opacity .1s;opacity:0}#section-coloros .slick-wrapper .control-bar .slick-content.active{opacity:1}#section-coloros .slick-wrapper .control-bar .dots{display:flex;justify-content:center;margin:12px 0}@media (min-width: 720px) and (max-width: 1023px){#section-coloros .slick-wrapper .control-bar .dots{margin:24px 0}}#section-coloros .slick-wrapper .control-bar .dots .dot{width:4px;height:4px;background:#000;border-radius:50%;opacity:.32;transition:opacity .5s;margin-right:4px}@media (min-width: 720px) and (max-width: 1023px){#section-coloros .slick-wrapper .control-bar .dots .dot{width:8px;height:8px;margin-right:8px}}#section-coloros .slick-wrapper .control-bar .dots .dot.active{opacity:1}#section-coloros .slick-wrapper .control-bar .details .subtitle{position:relative}#section-coloros .slick-wrapper .control-bar .details .subtitle .shrink{letter-spacing:-1px}#section-coloros .slick-wrapper .control-bar .details .subtitle > :not(:first-child){position:absolute;top:0;left:0;width:100%;height:100%}#section-coloros .slick-wrapper .control-bar .details .content{display:flex;align-items:center;justify-content:space-between}#section-coloros .slick-wrapper .control-bar .details .content .desc-wrapper{position:relative;flex:1}#section-coloros .slick-wrapper .control-bar .details .content .desc-wrapper > :not(:first-child){position:absolute;top:0;left:0;width:100%;height:100%}#section-coloros .slick-wrapper .control-bar .details .content .arrow-wrapper{width:56px;height:56px;position:relative;display:flex;justify-content:center;align-items:center;cursor:none;margin-left:20px}#section-coloros .slick-wrapper .control-bar .details .content .next-arrow{width:25px;height:12px;-webkit-animation:moveX .8s infinite;animation:moveX .8s infinite}@-webkit-keyframes moveX{0%{-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-transform:translateX(-10%);transform:translateX(-10%)}75%{-webkit-transform:translateX(20%);transform:translateX(20%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes moveX{0%{-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-transform:translateX(-10%);transform:translateX(-10%)}75%{-webkit-transform:translateX(20%);transform:translateX(20%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}#section-coloros .slick-wrapper .control-bar .details .content .next-circle{width:56px;height:56px;position:absolute;top:0;left:0}#section-coloros .wrapper-1{margin:80px 0}@media (min-width: 1400px) and (max-width: 1799px){#section-coloros .wrapper-1{margin:67px 0}}@media (min-width: 1024px) and (max-width: 1399px){#section-coloros .wrapper-1{margin:55px 0}}@media (max-width:1023px){#section-coloros .wrapper-1{margin:65px 0}}@media (min-width: 720px) and (max-width: 1023px){#section-coloros .wrapper-1{margin:130px 0}}@media (max-width:1023px){#section-coloros .slick-wrapper.wrapper-2 .control-bar .details .content .desc-wrapper >:nth-child(2){top:28px}}.g--shadow-title{position:relative}.g--shadow-title .shadow-wrapper{position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:auto;overflow:hidden;will-change:transform;text-align:center}.g--shadow-title .shadow-wrapper .shadow-text{padding:0 5px;color:#fff;font-family:OPPOSans-Bold;font-weight:400;font-size:40px;line-height:1;letter-spacing:-1.3px}@media (min-width:1024px){.g--shadow-title .shadow-wrapper .shadow-text{font-size:92px;line-height:1;letter-spacing:-5px}}@media (min-width: 1400px) and (max-width: 1799px){.g--shadow-title .shadow-wrapper .shadow-text{font-size:77px;letter-spacing:-4px}}@media (min-width: 1024px) and (max-width: 1399px){.g--shadow-title .shadow-wrapper .shadow-text{font-size:63px;letter-spacing:-3px}}.g--shadow-title .shadow-wrapper .stroke-text{color:transparent;background:linear-gradient(180deg,#808080,#000 70%);-webkit-background-clip:text;-webkit-text-stroke:2px transparent;-webkit-text-fill-color:#000;-webkit-transform:scale(1.01);transform:scale(1.01)}@media (max-width:1023px){.g--shadow-title .shadow-wrapper .stroke-text{background:linear-gradient(180deg,#808080,#000 46%);-webkit-background-clip:text;-webkit-text-stroke:2px transparent;-webkit-text-fill-color:#000}}.g--shadow-title .shadow-wrapper .fill-text{-webkit-transform:translateY(-50%) scale(1.01);transform:translateY(-50%) scale(1.01)}.g--shadow-title[data-bg-color = 'grey'] .shadow-wrapper .shadow-text{color:#000}.g--shadow-title[data-bg-color = 'grey'] .shadow-wrapper .stroke-text{background:linear-gradient(180deg,#999,#f7f7f7 70%);-webkit-background-clip:text;-webkit-text-fill-color:#f7f7f7}@media (max-width:1023px){.g--shadow-title[data-bg-color = 'grey'] .shadow-wrapper .stroke-text{background:linear-gradient(180deg,#999,#fff 45%);-webkit-background-clip:text;-webkit-text-fill-color:#f7f7f7}}@media (min-width:1024px){.black-content .g--flex .left{padding-right:16px}.black-content .g--flex .right{padding-left:16px}}@media (min-width: 1400px) and (max-width: 1799px){.black-content .g--flex .right{padding-left:13px}}@media (min-width: 1024px) and (max-width: 1399px){.black-content .g--flex .right{padding-left:11px}}@media (min-width: 1400px) and (max-width: 1799px){.black-content .g--flex .left{padding-right:13px}}@media (min-width: 1024px) and (max-width: 1399px){.black-content .g--flex .left{padding-right:11px}}@media (max-width:1023px){.black-content .right{margin-top:20px}}@media (min-width: 720px) and (max-width: 1023px){.black-content .right{margin-top:40px}}.black-content .g--text span{color:#fff}@media (max-width:1023px){.zn--wrapper .g--parameter{width:50%;margin-top:20px}}@media (min-width: 720px) and (max-width: 1023px){.zn--wrapper .g--parameter{margin-top:40px}}.zn--wrapper .g--parameter .value{font-size:44px;line-height:1.45;letter-spacing:0;height:63px}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .g--parameter .value{height:53px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .g--parameter .value{height:43px}}@media (min-width:1400px) and (max-width:1799px){.zn--wrapper .g--parameter .value{font-size:36.8896px;letter-spacing:0}}@media (min-width:1024px) and (max-width:1399px){.zn--wrapper .g--parameter .value{font-size:30.0476px;letter-spacing:0}}@media (max-width:1023px){.zn--wrapper .g--parameter .value{height:64px}}@media (min-width: 720px) and (max-width: 1023px){.zn--wrapper .g--parameter .value{height:128px}}.zn--wrapper .g--parameter .value .unit{font-size:28px;line-height:2.29;letter-spacing:0}@media (min-width:1400px) and (max-width:1799px){.zn--wrapper .g--parameter .value .unit{font-size:23.4752px;letter-spacing:0}}@media (min-width:1024px) and (max-width:1399px){.zn--wrapper .g--parameter .value .unit{font-size:19.121199999999998px;letter-spacing:0}}@media (max-width:1023px) and (min-width:720px) and (max-width:1023px){.zn--wrapper .g--parameter .value .unit{line-height:4;letter-spacing:0;font-size:32px;letter-spacing:0}}@media (max-width:1023px) and (max-width:720px){.zn--wrapper .g--parameter .value .unit{line-height:4;letter-spacing:0;font-size:16px;letter-spacing:0}}@media (max-width:1023px) and (min-width:720px) and (max-width:1023px){.zn--wrapper .g--parameter .value{line-height:1.78;letter-spacing:0;font-size:72px;letter-spacing:0}}@media (max-width:1023px) and (max-width:720px){.zn--wrapper .g--parameter .value{line-height:1.78;letter-spacing:0;font-size:36px;letter-spacing:0}}.zn--wrapper .g--parameter .name{margin-top:6px;font-size:16px;line-height:1.44;letter-spacing:-.3px}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .g--parameter .name{margin-top:5px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .g--parameter .name{margin-top:4px}}@media (min-width:1400px) and (max-width:1799px){.zn--wrapper .g--parameter .name{font-size:13.4144px;letter-spacing:-.25152px}}@media (min-width:1024px) and (max-width:1399px){.zn--wrapper .g--parameter .name{font-size:10.9264px;letter-spacing:-.20486999999999997px}}@media (max-width:1023px){.zn--wrapper .g--parameter .name{margin-top:0}}@media (max-width:1023px) and (min-width:720px) and (max-width:1023px){.zn--wrapper .g--parameter .name{line-height:1.33;letter-spacing:-.3px;font-size:24px;letter-spacing:-.6px}}@media (max-width:1023px) and (max-width:720px){.zn--wrapper .g--parameter .name{line-height:1.33;letter-spacing:-.3px;font-size:12px;letter-spacing:-.3px}}.visual-hammer{position:absolute;top:-45px;left:-45px;width:90px;height:90px;border-radius:50%;opacity:0;cursor:none;pointer-events:none;z-index:8;background:#fff;transition:opacity .2s;mix-blend-mode:difference;display:flex;justify-content:center;align-items:center}.visual-content{position:absolute;top:-45px;left:-45px;width:90px;height:90px;border-radius:50%;opacity:0;cursor:none;pointer-events:none;z-index:9;display:flex;justify-content:center;align-items:center}.visual-content.active,.visual-hammer.active{opacity:1}.g--text-title,.g--text-keywords,.g--text-keyword{display:flex;justify-content:flex-start;align-items:flex-start}.row-wrapper{display:flex}.g--text-title,.g--text-keyword{flex-direction:column}.g--text-title{font-family:OPPOSans-Medium;font-weight:400;white-space:nowrap;font-size:42px;line-height:60px;letter-spacing:0px;padding:4px 0}@media (min-width: 1400px) and (max-width: 1799px){.g--text-title{font-size:35px;line-height:50px;letter-spacing:0px}}@media (min-width: 1024px) and (max-width: 1399px){.g--text-title{font-size:29px;line-height:41px;letter-spacing:0px}}@media (max-width:1023px){.g--text-title{font-family:OPPOSans-Regular;font-weight:400;white-space:normal;font-size:28px;line-height:36px;letter-spacing:0px;padding:2px 0}}@media (min-width: 720px) and (max-width: 1023px){.g--text-title{font-size:56px;line-height:72px;letter-spacing:0px}}.g--text-title sup{font-size:40%;top:-1.2em}.g--text-detail{font-family:OPPOSans-Regular;font-weight:400;width:100%;max-width:663px}@media (min-width: 1400px) and (max-width: 1799px){.g--text-detail{max-width:556px}}@media (min-width: 1024px) and (max-width: 1399px){.g--text-detail{max-width:453px}}@media (min-width:1024px){.g--text-detail{font-size:16px;letter-spacing:0px;line-height:28px}}@media (min-width: 1400px) and (max-width: 1799px){.g--text-detail{font-size:13px;letter-spacing:0px;line-height:23px}}@media (min-width: 1024px) and (max-width: 1399px){.g--text-detail{font-size:11px;letter-spacing:0px;line-height:19px}}@media (max-width:1023px){.g--text-detail{font-size:16px;letter-spacing:0px;line-height:28px}}@media (min-width: 720px) and (max-width: 1023px){.g--text-detail{font-size:32px;letter-spacing:0px;line-height:56px}}.g--text-detail.bold{font-family:OPPOSans-Bold;font-weight:400}.g--text-detail.with-margin{margin-top:20px}.g--text-keywords{flex-direction:row;flex-wrap:wrap;width:100%}.g--text-keywords.with-margin .g--text-keyword{margin-top:32px}.g--text-keywords .value{font-family:OPPOSans-Medium;font-weight:400;font-size:48px;line-height:1.31;letter-spacing:-.0035em}@media (min-width: 1400px) and (max-width: 1799px){.g--text-keywords .value{font-size:40px}}@media (min-width: 1024px) and (max-width: 1399px){.g--text-keywords .value{font-size:33px}}@media (max-width:1023px){.g--text-keywords .value{font-size:36px;line-height:1;letter-spacing:-.005em}}@media (min-width: 1400px) and (max-width: 1799px){.g--text-keywords .value{font-size:30px}}@media (min-width: 1024px) and (max-width: 1399px){.g--text-keywords .value{font-size:25px}}@media (min-width:720px) and (max-width:1023px){.g--text-keywords .value{font-size:52px;line-height:1.23;letter-spacing:0}}@media (min-width: 1400px) and (max-width: 1799px){.g--text-keywords .value{font-size:44px}}@media (min-width: 1024px) and (max-width: 1399px){.g--text-keywords .value{font-size:36px}}.g--text-keywords .value sub{font-family:OPPOSans-Medium;font-weight:400;bottom:0;font-size:24px;line-height:1.29;letter-spacing:-.0025em}@media (min-width: 1400px) and (max-width: 1799px){.g--text-keywords .value sub{font-size:20px}}@media (min-width: 1024px) and (max-width: 1399px){.g--text-keywords .value sub{font-size:16px}}@media (max-width:1023px){.g--text-keywords .value sub{font-size:16px;line-height:1;letter-spacing:-.0062em}}@media (min-width: 1400px) and (max-width: 1799px){.g--text-keywords .value sub{font-size:13px}}@media (min-width: 1024px) and (max-width: 1399px){.g--text-keywords .value sub{font-size:11px}}@media (min-width:720px) and (max-width:1023px){.g--text-keywords .value sub{font-size:20px;line-height:1.6;letter-spacing:-.006em}}@media (min-width: 1400px) and (max-width: 1799px){.g--text-keywords .value sub{font-size:17px}}@media (min-width: 1024px) and (max-width: 1399px){.g--text-keywords .value sub{font-size:14px}}.g--text-keywords .key{font-size:16px;line-height:1.31;letter-spacing:-.0037em}@media (min-width: 1400px) and (max-width: 1799px){.g--text-keywords .key{font-size:13px}}@media (min-width: 1024px) and (max-width: 1399px){.g--text-keywords .key{font-size:11px}}@media (max-width:1023px){.g--text-keywords .key{font-size:12px;line-height:2;letter-spacing:-.0042em}}@media (min-width: 1400px) and (max-width: 1799px){.g--text-keywords .key{font-size:10px}}@media (min-width: 1024px) and (max-width: 1399px){.g--text-keywords .key{font-size:8px}}.g--text-keyword{margin-right:67px}@media (min-width: 1400px) and (max-width: 1799px){.g--text-keyword{margin-right:56px}}@media (min-width: 1024px) and (max-width: 1399px){.g--text-keyword{margin-right:46px}}@media (max-width:1023px){.g--text-keyword{margin-right:0;flex:0 0 50%}}.g--text-container{color:#fff;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.g--text-container.black{color:#000}.pic-container,.img-container{position:relative;overflow:hidden;transition:-webkit-transform .4s ease-out;transition:transform .4s ease-out;transition:transform .4s ease-out, -webkit-transform .4s ease-out}@media (max-width:1023px){.pic-container,.img-container{transition:none}}.pic-container img,.img-container img{position:absolute;width:100%;height:100%;transition:-webkit-transform .5s ease-out;transition:transform .5s ease-out;transition:transform .5s ease-out, -webkit-transform .5s ease-out}@media (max-width:1023px){.pic-container img,.img-container img{transition:none}}.pic-container .tag,.img-container .tag{position:absolute;left:calc(50% - 40px);bottom:32px;width:80px;height:28px;background-color:rgba(255,255,255,0.6);font-size:13px;color:#000;display:flex;align-items:center;justify-content:center}@media (min-width: 1400px) and (max-width: 1799px){.pic-container .tag,.img-container .tag{bottom:27px}}@media (min-width: 1024px) and (max-width: 1399px){.pic-container .tag,.img-container .tag{bottom:22px}}@media (min-width:1024px){.g--text-container.ta--group-hima{flex-direction:row;align-items:flex-end}}@media (max-width:1023px){.g--text-container.ta--group-hima{flex-direction:column}}.g--text-container.ta--group-hima .content-wrapper{display:flex;flex-direction:column}@media (min-width:1024px){.g--text-container.ta--group-hima .content-wrapper .g--text-detail{margin-right:128px}}@media (min-width: 1400px) and (max-width: 1799px){.g--text-container.ta--group-hima .content-wrapper .g--text-detail{margin-right:107px}}@media (min-width: 1024px) and (max-width: 1399px){.g--text-container.ta--group-hima .content-wrapper .g--text-detail{margin-right:87px}}.g--text-container.ta--group-hima .g--text-keywords-hima{display:flex}@media (max-width:1023px){.g--text-container.ta--group-hima .g--text-keywords-hima{margin-top:48px}}.g--text-container.ta--group-hima .g--text-keywords-hima .g--text-keyword-hima:not(:last-child){margin-right:50px}.g--text-container.ta--group-hima .g--text-keywords-hima .g--text-keyword-hima .title{font-family:OPPOSans-Regular;font-weight:400;font-size:36px;line-height:1.33;letter-spacing:0;color:#fff}@media (min-width:1400px) and (max-width:1799px){.g--text-container.ta--group-hima .g--text-keywords-hima .g--text-keyword-hima .title{font-size:30.1824px;letter-spacing:0}}@media (min-width:1024px) and (max-width:1399px){.g--text-container.ta--group-hima .g--text-keywords-hima .g--text-keyword-hima .title{font-size:24.5844px;letter-spacing:0}}@media (min-width:1024px){.g--text-container.ta--group-hima .g--text-keywords-hima .g--text-keyword-hima .title{font-size:52px;line-height:1.23;letter-spacing:0}}@media (min-width:1024px) and (min-width:1400px) and (max-width:1799px){.g--text-container.ta--group-hima .g--text-keywords-hima .g--text-keyword-hima .title{font-size:43.5968px;letter-spacing:0}}@media (min-width:1024px) and (min-width:1024px) and (max-width:1399px){.g--text-container.ta--group-hima .g--text-keywords-hima .g--text-keyword-hima .title{font-size:35.510799999999996px;letter-spacing:0}}.g--text-container.ta--group-hima .g--text-keywords-hima .g--text-keyword-hima .unit{font-family:OPPOSans-Bold;font-weight:400;font-size:16px;line-height:2.25;letter-spacing:-.1px;color:#fff}@media (min-width:1400px) and (max-width:1799px){.g--text-container.ta--group-hima .g--text-keywords-hima .g--text-keyword-hima .unit{font-size:13.4144px;letter-spacing:-.08384000000000001px}}@media (min-width:1024px) and (max-width:1399px){.g--text-container.ta--group-hima .g--text-keywords-hima .g--text-keyword-hima .unit{font-size:10.9264px;letter-spacing:-.06829px}}@media (min-width:1024px){.g--text-container.ta--group-hima .g--text-keywords-hima .g--text-keyword-hima .unit{margin-left:4px;font-family:OPPOSans-Regular;font-weight:400;font-size:16px;line-height:2;letter-spacing:0}}@media (min-width:1024px) and (min-width:1400px) and (max-width:1799px){.g--text-container.ta--group-hima .g--text-keywords-hima .g--text-keyword-hima .unit{font-size:13.4144px;letter-spacing:0}}@media (min-width:1024px) and (min-width:1024px) and (max-width:1399px){.g--text-container.ta--group-hima .g--text-keywords-hima .g--text-keyword-hima .unit{font-size:10.9264px;letter-spacing:0}}.g--text-container.ta--group-hima .g--text-keywords-hima .g--text-keyword-hima .attr{font-family:OPPOSans-Regular;font-weight:400;font-size:14px;line-height:1.71;letter-spacing:-.06px;color:#fff}@media (min-width:1400px) and (max-width:1799px){.g--text-container.ta--group-hima .g--text-keywords-hima .g--text-keyword-hima .attr{font-size:11.7376px;letter-spacing:-.050304px}}@media (min-width:1024px) and (max-width:1399px){.g--text-container.ta--group-hima .g--text-keywords-hima .g--text-keyword-hima .attr{font-size:9.560599999999999px;letter-spacing:-.040974px}}@media (min-width:1024px){.g--text-container.ta--group-hima .g--text-keywords-hima .g--text-keyword-hima .attr{margin-top:11px;font-size:16px;line-height:1.13;letter-spacing:-.07px}}@media (min-width:1024px) and (min-width:1400px) and (max-width:1799px){.g--text-container.ta--group-hima .g--text-keywords-hima .g--text-keyword-hima .attr{font-size:13.4144px;letter-spacing:-.05868800000000001px}}@media (min-width:1024px) and (min-width:1024px) and (max-width:1399px){.g--text-container.ta--group-hima .g--text-keywords-hima .g--text-keyword-hima .attr{font-size:10.9264px;letter-spacing:-.047803px}}.overflow{overflow:hidden}.g--text-container-col{display:flex}@media (max-width:1023px){.g--text-container-col{align-items:flex-start;flex-direction:column}}.g--text-container-col .title-wrapper{font-family:OPPOSans-Medium;font-weight:400;flex:0 0 48%;font-size:42px;letter-spacing:0px;line-height:56px}@media (min-width: 1400px) and (max-width: 1799px){.g--text-container-col .title-wrapper{font-size:35px;letter-spacing:0px;line-height:47px}}@media (min-width: 1024px) and (max-width: 1399px){.g--text-container-col .title-wrapper{font-size:29px;letter-spacing:0px;line-height:38px}}@media (max-width:1023px){.g--text-container-col .title-wrapper{font-size:28px;letter-spacing:0px;line-height:44px}}@media (min-width: 720px) and (max-width: 1023px){.g--text-container-col .title-wrapper{font-size:56px;letter-spacing:0px;line-height:88px}}.g--text-container-col .title-wrapper .subtitle{opacity:.7}.g--text-container-col .detail-wrapper{flex:1;font-size:16px;letter-spacing:0px;line-height:28px}@media (min-width: 1400px) and (max-width: 1799px){.g--text-container-col .detail-wrapper{font-size:13px;letter-spacing:0px;line-height:23px}}@media (min-width: 1024px) and (max-width: 1399px){.g--text-container-col .detail-wrapper{font-size:11px;letter-spacing:0px;line-height:19px}}@media (min-width:1024px){.g--text-container-col .detail-wrapper{margin-left:23px}}@media (min-width: 1400px) and (max-width: 1799px){.g--text-container-col .detail-wrapper{margin-left:19px}}@media (min-width: 1024px) and (max-width: 1399px){.g--text-container-col .detail-wrapper{margin-left:16px}}@media (max-width:1023px){.g--text-container-col .detail-wrapper{margin-top:20px;font-size:16px;letter-spacing:0px;line-height:28px}}@media (min-width: 720px) and (max-width: 1023px){.g--text-container-col .detail-wrapper{margin-top:40px;font-size:32px;letter-spacing:0px;line-height:56px}}.text-detect{position:absolute;top:-9999px;left:-9999px;opacity:0;visibility:hidden;padding:182px}@media (min-width: 1400px) and (max-width: 1799px){.text-detect{padding:153px}}@media (min-width: 1024px) and (max-width: 1399px){.text-detect{padding:124px}}.zn--wrapper img[data-srcset]{opacity:0}.zn--wrapper img[data-srcset].loaded{opacity:1}.zn--wrapper .g--popup-user{display:none}