.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:auto}@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,.zn--navbar{font-size:16px;font-family:OPPOSans-Regular,'PingFang SC','Hiragino Sans GB','STHeiti','Microsoft YaHei','WenQuanYi Micro Hei','Helvetica Neue','Helvetica','Arial',sans-serif}.zn--wrapper *,.zn--navbar *{box-sizing:border-box}.zn--wrapper a,.zn--navbar 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}#online-store{color:#000;position:fixed;z-index:999;top:-999vh;top:calc(-999 * var(--vh, 1vh));left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}#online-store .mask{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.65);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;transition:opacity .5s ease}#online-store .store-container{position:relative;z-index:2;background-color:#fff;width:1312px;height:720px;opacity:0;-webkit-transform:translateY(25%);transform:translateY(25%);transition-delay:.25s;transition:opacity .5s ease,-webkit-transform .5s ease;transition:transform .5s ease,opacity .5s ease;transition:transform .5s ease,opacity .5s ease,-webkit-transform .5s ease}@media (min-width:1440px) and (max-width:1600px){#online-store .store-container{width:1312px;height:625px}}@media (min-width:1024px) and (max-width:1439px){#online-store .store-container{width:896px;height:580px}}@media (min-width:768px) and (max-width:1439px){#online-store .store-container{width:720px;height:850px}}@media (max-width:767px){#online-store .store-container{width:320px;height:620px}}@media (max-width:1023px){#online-store .store-container{max-height:100vh;max-height:calc(100 * var(--vh, 1vh))}}#online-store .store-container .store-page{width:100%;height:100%;overflow:hidden;overflow-y:scroll;scrollbar-width:4px;scrollbar-color:#2ec84d}#online-store .store-container .store-page::-webkit-scrollbar{width:4px}#online-store .store-container .store-page::-webkit-scrollbar-thumb{background-color:#2ec84d}#online-store .store-container .store-page .close-button{position:absolute;z-index:3;top:32px;right:32px;width:14px;height:14px;cursor:pointer}#online-store .store-container .store-page .title-area{position:absolute;z-index:2;top:0;left:0;width:calc(100% - 4px);height:146px;background-color:#fff;text-align:center;padding-top:70px}#online-store .store-container .store-page .title-area p{font-size:28px;line-height:44px;letter-spacing:-.1;font-family:OPPOSans-Bold}#online-store .store-container .store-page .store-content{position:relative;z-index:1;width:100%;margin-top:146px;margin-bottom:28px}#online-store .store-container .store-page .store-content .store-list{width:1088px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center}@media (min-width:1024px) and (max-width:1439px){#online-store .store-container .store-page .store-content .store-list{width:664px}}@media (min-width:768px) and (max-width:1439px){#online-store .store-container .store-page .store-content .store-list{width:532px}}@media (max-width:767px){#online-store .store-container .store-page .store-content .store-list{width:280px}}#online-store .store-container .store-page .store-content .store-list .store-title{flex:100%;text-align:center;margin-bottom:20px}#online-store .store-container .store-page .store-content .store-list .store{width:192px;height:144px;background-color:rgba(0,0,0,0.04);margin-bottom:32px;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease;-webkit-clip-path:inset(0 round 50%);clip-path:inset(0 round 50%);overflow:hidden}.show#online-store .store-container .store-page .store-content .store-list .store{-webkit-clip-path:inset(0 round 0);clip-path:inset(0 round 0);transition:-webkit-clip-path .4s ease .4s;transition:clip-path .4s ease .4s;transition:clip-path .4s ease .4s, -webkit-clip-path .4s ease .4s}#online-store .store-container .store-page .store-content .store-list .store img{width:118px;height:80px;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease}@media (min-width:1440px){#online-store .store-container .store-page .store-content .store-list .store:not(:nth-of-type(5n+1)){margin-left:32px}}@media (min-width:1024px) and (max-width:1439px){#online-store .store-container .store-page .store-content .store-list .store{width:200px;height:150px}#online-store .store-container .store-page .store-content .store-list .store:not(:nth-of-type(3n+1)){margin-left:32px}#online-store .store-container .store-page .store-content .store-list .store img{width:122px;height:82px}}@media (min-width:768px) and (max-width:1439px){#online-store .store-container .store-page .store-content .store-list .store{width:155px;height:116px}#online-store .store-container .store-page .store-content .store-list .store:not(:nth-of-type(3n+1)){margin-left:32px}#online-store .store-container .store-page .store-content .store-list .store img{width:95px;height:64px}}@media (max-width:767px){#online-store .store-container .store-page .store-content .store-list .store{width:132px;height:96px}#online-store .store-container .store-page .store-content .store-list .store:not(:nth-of-type(2n+1)){margin-left:16px}#online-store .store-container .store-page .store-content .store-list .store img{width:98px;height:66px}}#online-store .store-container .store-page .store-content .store-list .store:hover,#online-store .store-container .store-page .store-content .store-list .store :active{background-color:rgba(0,0,0,0.01)}#online-store .store-container .store-page .store-content .store-list .store:hover img,#online-store .store-container .store-page .store-content .store-list .store :active img{-webkit-transform:scale(.9);transform:scale(.9)}#online-store .store-container .store-page .store-content .store-list:not(:first-child){margin-top:6px}#online-store.show{top:0}#online-store.show .mask{opacity:1}#online-store.show .store-container{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}#navbar{position:-webkit-sticky;position:sticky;top:-1px;background-color:#fff;color:#000;cursor:default;height:60px;opacity:1;width:100%;z-index:10;border:1px solid rgba(0,0,0,0.1);border-left:none;border-right:none}@media (max-width:1023px){#navbar{height:50px}}#navbar.no-border-btm{border-bottom:transparent}#navbar.sticked{transition:background-color .3s ease;background-color:#fff}[data-active-selector]#navbar.sticked{transition:none}[data-theme='dark']:not([data-active-selector])#navbar.sticked,[data-theme='dark'].colorful-selector#navbar.sticked{background-color:#000}#navbar.sticked .sub-container{transition:opacity .5s ease-in-out,background-color .3s ease}[data-theme='dark']:not([data-active-selector])#navbar,[data-theme='dark'].colorful-selector#navbar{background-color:#000;border-color:rgba(255,255,255,0.1);color:#fff}#navbar ul,#navbar li{align-items:center;display:flex;justify-content:center}#navbar li{font-family:OPPOSans-Regular;font-weight:400;font-size:14px;letter-spacing:.05px;line-height:20px}@media (min-width:1024px){#navbar li{font-size:12px}}#navbar li .a{cursor:pointer;white-space:nowrap;-webkit-user-select:none;-ms-user-select:none;user-select:none}#navbar li .a:hover{opacity:1}#navbar li .a,#navbar li span{align-items:center;color:inherit;display:flex;font-size:inherit;opacity:.6;transition:opacity .3s ease,color .3s ease}#navbar .container{display:flex;height:100%;justify-content:space-between;margin:0 auto;max-width:14.4rem;padding:0 .6rem;position:relative;width:100%}@media (min-width:1024px) and (max-width:1399px){#navbar .container{padding:0 .5rem}}@media (max-width:1023px){#navbar .container{padding:0 20px}}@media (max-width:1023px) and (min-width:720px) and (max-width:1023px){#navbar .container{padding:0 40px}}#navbar .sub-container{opacity:0;pointer-events:none;position:relative;top:1px;width:100%;height:40px;background-color:#fff;padding:8px 0;pointer-events:none;border-bottom:1px solid rgba(0,0,0,0.1);transition:backround-color .3s ease;display:flex;justify-content:center}[data-theme='dark']#navbar .sub-container{background-color:#000;border-color:rgba(255,255,255,0.1);color:#fff}#navbar .sub-container.visible{opacity:1;pointer-events:auto}#navbar .sub-container .links-container{max-width:100%;overflow-x:scroll;display:flex;justify-content:flex-start;scrollbar-width:none}#navbar .sub-container .links-container::-webkit-scrollbar{display:none}#navbar .sub-container .links-container .link{margin-right:18px}#navbar .sub-container .links-container .link:first-child{padding-left:20px}@media (min-width: 720px) and (max-width: 1023px){#navbar .sub-container .links-container .link:first-child{padding-left:40px}}#navbar .sub-container .links-container .link:last-child{margin:0;padding-right:20px}@media (min-width: 720px) and (max-width: 1023px){#navbar .sub-container .links-container .link:last-child{padding-right:40px}}#navbar .sub-container .links-container .link .active{opacity:1;pointer-events:none;font-family:OPPOSans-Bold;font-weight:400}#navbar .sub-container .scroll-mask{position:absolute;top:0;width:20px;height:100%;z-index:2}@media (min-width: 720px) and (max-width: 1023px){#navbar .sub-container .scroll-mask{width:40px}}#navbar .sub-container .mask-left{left:0}#navbar .sub-container .mask-right{right:0}#navbar .sub-container .mask-light{opacity:1;transition:opacity .3s ease .3s}[data-theme='dark']#navbar .sub-container .mask-light{opacity:0;transition:none}#navbar .sub-container .mask-light.mask-left{background:linear-gradient(to left,rgba(255,255,255,0),#fff)}#navbar .sub-container .mask-light.mask-right{background:linear-gradient(to right,rgba(255,255,255,0),#fff)}#navbar .sub-container .mask-dark{opacity:0;transition:none}[data-theme='dark']#navbar .sub-container .mask-dark{opacity:1;transition:opacity .3s ease .3s}#navbar .sub-container .mask-dark.mask-left{background:linear-gradient(to left,rgba(0,0,0,0),#000)}#navbar .sub-container .mask-dark.mask-right{background:linear-gradient(to right,rgba(0,0,0,0),#000)}#navbar .sub-container[data-active="1"] .link:nth-child(1) .a{opacity:1;pointer-events:none;font-family:OPPOSans-Bold;font-weight:400}#navbar .sub-container[data-active="2"]{opacity:1;pointer-events:auto}#navbar .sub-container[data-active="2"] .link:nth-child(2) .a{opacity:1;pointer-events:none;font-family:OPPOSans-Bold;font-weight:400}#navbar .sub-container[data-active="3"]{opacity:1;pointer-events:auto}#navbar .sub-container[data-active="3"] .link:nth-child(3) .a{opacity:1;pointer-events:none;font-family:OPPOSans-Bold;font-weight:400}#navbar .sub-container[data-active="4"]{opacity:1;pointer-events:auto}#navbar .sub-container[data-active="4"] .link:nth-child(4) .a{opacity:1;pointer-events:none;font-family:OPPOSans-Bold;font-weight:400}#navbar .sub-container[data-active="5"]{opacity:1;pointer-events:auto}#navbar .sub-container[data-active="5"] .link:nth-child(5) .a{opacity:1;pointer-events:none;font-family:OPPOSans-Bold;font-weight:400}#navbar .sub-container[data-active="6"]{opacity:1;pointer-events:auto}#navbar .sub-container[data-active="6"] .link:nth-child(6) .a{opacity:1;pointer-events:none;font-family:OPPOSans-Bold;font-weight:400}#navbar .sub-container[data-active="7"]{opacity:1;pointer-events:auto}#navbar .sub-container[data-active="7"] .link:nth-child(7) .a{opacity:1;pointer-events:none;font-family:OPPOSans-Bold;font-weight:400}#navbar .sub-container[data-active="8"]{opacity:1;pointer-events:auto}#navbar .sub-container[data-active="8"] .link:nth-child(8) .a{opacity:1;pointer-events:none;font-family:OPPOSans-Bold;font-weight:400}#navbar .sub-container[data-active="9"]{opacity:1;pointer-events:auto}#navbar .sub-container[data-active="9"] .link:nth-child(9) .a{opacity:1;pointer-events:none;font-family:OPPOSans-Bold;font-weight:400}#navbar .mask{background-color:rgba(0,0,0,0.7);transition:background-color .3s ease}#navbar .indicator .arrow{fill:#000;transition:fill .3s ease}[data-theme='dark']:not([data-active-selector])#navbar .indicator .arrow,[data-theme='dark'].colorful-selector#navbar .indicator .arrow{fill:#fff}#navbar .products,#navbar .links,#navbar .buttons{align-items:center;min-width:0}#navbar .link:not(:first-child),#navbar .button:not(:first-child){margin-left:18px}@media (min-width: 1400px) and (max-width: 1799px){#navbar .link:not(:first-child),#navbar .button:not(:first-child){margin-left:15px}}@media (min-width: 1024px) and (max-width: 1399px){#navbar .link:not(:first-child),#navbar .button:not(:first-child){margin-left:12px}}@media (max-width:1023px){#navbar .link:not(:first-child),#navbar .button:not(:first-child){margin-left:0}}@media (max-width:1023px){#navbar .link .a.default,#navbar .product .a.active{display:none}}@media (max-width:1023px){#navbar .products,#navbar .links{align-items:stretch;flex-direction:column;left:0;overflow:hidden;position:absolute;top:100%;margin-top:1px;width:100%;visibility:hidden}#navbar .products > :last-child > :last-child,#navbar .links > :last-child > :last-child,#navbar .products > :last-child > :last-child > :last-child,#navbar .links > :last-child > :last-child > :last-child{border-bottom-color:transparent}#navbar .products li,#navbar .links li{background-color:#fff;justify-content:stretch;padding:0 20px;position:relative;-webkit-transform:translateY(-400%);transform:translateY(-400%);-webkit-transform:translateY(calc(-100% * var(--links-n, 4)));transform:translateY(calc(-100% * var(--links-n, 4)));transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease}[data-theme='dark']:not([data-active-selector])#navbar .products li,[data-theme='dark']:not([data-active-selector])#navbar .links li,[data-theme='dark'].colorful-selector#navbar .products li,[data-theme='dark'].colorful-selector#navbar .links li{background-color:#000}#navbar .products .a,#navbar .links .a{border-bottom:1px solid rgba(0,0,0,0.1);display:flex;justify-content:center;padding:14px 0;text-align:center;width:100%}[data-theme='dark']:not([data-active-selector])#navbar .products .a,[data-theme='dark']:not([data-active-selector])#navbar .links .a,[data-theme='dark'].colorful-selector#navbar .products .a,[data-theme='dark'].colorful-selector#navbar .links .a{background-color:#000;border-bottom:1px solid rgba(255,255,255,0.1)}}@media (min-width: 720px) and (max-width: 1023px){#navbar .products li,#navbar .links li{padding:0 40px}}#navbar .products{flex:1 1 0%;justify-content:flex-start}@media (max-width:1023px){#navbar .products{z-index:3}}#navbar .products .active{opacity:1;pointer-events:none;font-family:OPPOSans-Bold;font-weight:400}#navbar .products .divider{margin:0 18px}@media (min-width: 1400px) and (max-width: 1799px){#navbar .products .divider{margin:0 15px}}@media (min-width: 1024px) and (max-width: 1399px){#navbar .products .divider{margin:0 12px}}@media (max-width:1023px){#navbar .products .divider{display:none}}#navbar .products .divider .a{cursor:default}#navbar .links{flex:3 3 0%;justify-content:center}@media (min-width:1024px){#navbar .links{opacity:0}}@media (max-width:1023px){#navbar .links{z-index:4}}#navbar .links .default{pointer-events:none}#navbar .buttons{flex:1 1 0%;justify-content:flex-end}#navbar .buttons .button{overflow:hidden;position:relative;border-radius:2px}#navbar .buttons .button .a{font-family:OPPOSans-Bold;font-weight:400;background-color:#2dc84d;color:#fff;font-size:12px;height:30px;letter-spacing:0;line-height:1;opacity:1;padding:0 18px}@media (max-width:1023px){#navbar .buttons .button .a{height:32px;padding:0 12px;font-size:12px;min-width:64px}}#navbar .links[data-active=''] .default,#navbar .links:not([data-active]) .default{opacity:1;pointer-events:none;font-family:OPPOSans-Bold;font-weight:400}#navbar .links[data-active="1"] > li:nth-child(1) .a{opacity:1;pointer-events:none;font-family:OPPOSans-Bold;font-weight:400}#navbar .links[data-active="2"] > li:nth-child(2) .a{opacity:1;pointer-events:none;font-family:OPPOSans-Bold;font-weight:400}#navbar .links[data-active="3"] > li:nth-child(3) .a{opacity:1;pointer-events:none;font-family:OPPOSans-Bold;font-weight:400}#navbar .links[data-active="4"] > li:nth-child(4) .a{opacity:1;pointer-events:none;font-family:OPPOSans-Bold;font-weight:400}#navbar .links[data-active="5"] > li:nth-child(5) .a{opacity:1;pointer-events:none;font-family:OPPOSans-Bold;font-weight:400}#navbar .links[data-active="6"] > li:nth-child(6) .a{opacity:1;pointer-events:none;font-family:OPPOSans-Bold;font-weight:400}#navbar .links[data-active="7"] > li:nth-child(7) .a{opacity:1;pointer-events:none;font-family:OPPOSans-Bold;font-weight:400}#navbar .links[data-active="8"] > li:nth-child(8) .a{opacity:1;pointer-events:none;font-family:OPPOSans-Bold;font-weight:400}#navbar .links[data-active="9"] > li:nth-child(9) .a{opacity:1;pointer-events:none;font-family:OPPOSans-Bold;font-weight:400}#navbar .links[data-active="10"] > li:nth-child(10) .a{opacity:1;pointer-events:none;font-family:OPPOSans-Bold;font-weight:400}@media (max-width:1023px){#navbar .mask{height:100vh;height:calc(100 * var(--vh, 1vh));left:0;position:absolute;top:calc(100% + 1px);width:100%;z-index:0;display:none}#navbar .indicator{height:24px;margin-left:5px}#navbar .indicator .arrow{width:14px;height:14px;-webkit-transform:rotate(90deg);transform:rotate(90deg);transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease}#navbar .selector{align-items:center;display:flex;justify-content:flex-start}#navbar .selector li *{opacity:1;font-family:OPPOSans-Bold;font-weight:400}#navbar .selector[disabled] .indicator{display:none}[data-active-selector]#navbar .mask{display:block}[data-active-selector='product']#navbar .product-selector .indicator .arrow{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}[data-active-selector='product']#navbar .products{visibility:visible}[data-active-selector='product']#navbar .products > li{-webkit-transform:translateY(0);transform:translateY(0)}[data-active-selector='link']#navbar .link-selector .indicator .arrow{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}[data-active-selector='link']#navbar .links{visibility:visible}[data-active-selector='link']#navbar .links > li{-webkit-transform:translateY(0);transform:translateY(0)}#navbar .product-selector,#navbar .buttons{flex:0 0 85px}#navbar .link-selector{flex:1 1 0%;justify-content:center;margin:0 5px}}@media (min-width: 720px) and (max-width: 1023px){#navbar .product-selector,#navbar .buttons{flex:0 0 170px}}#oc-header.fixed{position:absolute}@media (min-width:1024px){#oc-wrapper{padding-top:.1px}}@media (min-width:1024px){.zn--navbar{margin-top:80px}}#oc-container .zn--navbar{margin-top:0}@media (min-width:1024px) and (max-width:1439px){.zn--navbar{margin-top:64px}}.zn--wrapper{position:relative}.g--popup{position:fixed;top:0;left:0;width:100%;height:100vh;height:calc(100 * var(--vh, 1vh));z-index:11;-webkit-transform:translateY(100vh);transform:translateY(100vh);-webkit-transform:translateY(calc(100 * var(--vh, 1vh)));transform:translateY(calc(100 * var(--vh, 1vh)))}.g--popup.show{-webkit-transform:translateY(0);transform:translateY(0);transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s, -webkit-transform .5s}.g--popup.disappear{transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s, -webkit-transform .5s}.g--popup .g--popup-container{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:100%}@media (max-width:1023px){.g--popup .g--popup-container{padding:0}}.g--popup .g--video-wrapper{position:relative;margin-top:-12px;width:75%;height:auto}@media (min-width:2260px){.g--popup .g--video-wrapper{margin-top:-24px}}@media (max-width:1023px){.g--popup .g--video-wrapper{width:100vw;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:5}#section-kv .g--title{font-family:OPPOSans-Regular;font-weight:400}#section-kv .static-kv{width:100%;height:auto}#section-kv .move-anime{margin-top:13vh;margin-top:calc(13 * var(--vh, 1vh));margin-bottom:13vh;margin-bottom:calc(13 * var(--vh, 1vh))}#section-kv .kv-module{overflow:hidden}#section-kv .kv-module .kv-star{top:0;visibility:hidden;opacity:0;width:173.82vh;width:calc(173.82 * var(--vh, 1vh));height:calc(100vh - 140px);height:calc((100 * var(--vh, 1vh)) - 140px)}#section-kv .kv-module .kv-star.show{visibility:visible;opacity:1;transition:opacity 2s;transition-delay:0s}@media (min-width:1800px){#section-kv .kv-module .kv-star{min-width:1842.4px;min-height:980px}}@media (min-width:1400px) and (max-width:1799px){#section-kv .kv-module .kv-star{min-width:1218.4px;min-height:648px}}@media (min-width:1024px) and (max-width:1399px){#section-kv .kv-module .kv-star{width:calc(188vh - 230px);width:calc((188 * var(--vh, 1vh)) - 230px);height:calc(100vh - 122px);height:calc((100 * var(--vh, 1vh)) - 122px);min-width:1218.4px;min-height:648px}}@media (max-width:1023px){#section-kv .kv-module .kv-star{width:100vw;height:177.78vw}}#section-kv .kv-module .continue{z-index:1;width:1px;height:32px;visibility:hidden;opacity:0;bottom:15vh;bottom:calc(15 * var(--vh, 1vh));-webkit-animation:findmore 1.5s infinite ease;animation:findmore 1.5s infinite ease}#section-kv .kv-module .continue.show{visibility:visible;opacity:1;transition:opacity 2s;transition-delay:0s}@media (max-width:1023px){#section-kv .kv-module .continue{top:72.41vh;top:calc(72.41 * var(--vh, 1vh));height:26px}}#section-kv .kv-module .continue .continue-line{width:100%;height:100%;-webkit-animation:findmoreinline 1.5s infinite ease;animation:findmoreinline 1.5s infinite ease;-webkit-transform-origin:0% 100%;transform-origin:0% 100%;background:linear-gradient(to bottom,#00a2ea,#12328a)}@media (max-width:1023px){#section-kv .kv-module .continue .continue-line{background:linear-gradient(to bottom,#133790 0%,#f2a1b5 30%,#fee3a5 70%,#daedf2 100%)}}@media (max-width:1023px){#section-kv .kv-module{background-color:#fff}}#section-kv .kv-module .slogan{top:-10vh;top:calc(-10 * var(--vh, 1vh));visibility:hidden;opacity:0}#section-kv .kv-module .slogan.show{visibility:visible;opacity:1;transition:opacity 2s;transition-delay:0s}@media (max-width:1023px){#section-kv .kv-module .slogan{top:-8vh;top:calc(-8 * var(--vh, 1vh));visibility:hidden;opacity:0}#section-kv .kv-module .slogan.show{visibility:visible;opacity:1;transition:opacity 2s;transition-delay:.5s}}#section-kv .kv-module .slogan img{width:256px}@media (min-width: 1400px) and (max-width: 1799px){#section-kv .kv-module .slogan img{width:215px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv .kv-module .slogan img{width:175px}}@media (max-width:1023px){#section-kv .kv-module .slogan img{width:153px}}@media (min-width: 720px) and (max-width: 1023px){#section-kv .kv-module .slogan img{width:306px}}#section-kv .kv-module .text{visibility:hidden;opacity:0;color:#000;width:1223px;height:auto}@media (min-width: 1400px) and (max-width: 1799px){#section-kv .kv-module .text{width:1025px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv .kv-module .text{width:835px}}#section-kv .kv-module .text.show{visibility:visible;opacity:1;transition:opacity 2s;transition-delay:0s}#section-kv .kv-module .phone{width:1339px;height:305px;-webkit-transform:translateY(-80px);transform:translateY(-80px)}@media (min-width: 1400px) and (max-width: 1799px){#section-kv .kv-module .phone{width:1123px;height:256px;-webkit-transform:translateY(-67px);transform:translateY(-67px)}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv .kv-module .phone{width:914px;height:208px;-webkit-transform:translateY(-55px);transform:translateY(-55px)}}#section-kv .kv-module .phone .final{visibility:hidden;opacity:0}#section-kv .kv-module .phone .final.show{visibility:visible;opacity:1;transition:opacity 2s;transition-delay:0s}#section-kv .kv-module .phone .drift{overflow:hidden}#section-kv .kv-module .phone .drift.anime{-webkit-animation:drift 5s ease infinite;animation:drift 5s ease infinite}#section-kv .kv-module .phone .drift.anime .mirror{-webkit-animation:drift-reverse 5s ease infinite;animation:drift-reverse 5s ease infinite}#section-kv .kv-module .mirror{top:1px;visibility:hidden;opacity:0;width:1126px;height:63px;left:118px}@media (min-width: 1400px) and (max-width: 1799px){#section-kv .kv-module .mirror{width:944px;height:53px;left:99px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv .kv-module .mirror{width:769px;height:43px;left:81px}}#section-kv .kv-module .mirror.show{visibility:visible;opacity:1;transition:opacity 2s;transition-delay:0s}#section-kv .kv-module .shadow{left:0;bottom:0;-webkit-transform:translateY(100%);transform:translateY(100%)}@media (max-width:1023px){#section-kv .kv-module img.text{-webkit-transform:translateY(-50px);transform:translateY(-50px);width:320px;height:183px;visibility:hidden;opacity:0}#section-kv .kv-module img.text.show{visibility:visible;opacity:1;transition:opacity 2s;transition-delay:.5s}#section-kv .kv-module .phone{width:200px;height:430px;-webkit-transform:translateY(0);transform:translateY(0)}#section-kv .kv-module .phone .final{visibility:hidden;opacity:0}#section-kv .kv-module .phone .final.show{visibility:visible;opacity:1;transition:opacity 2s;transition-delay:.5s}#section-kv .kv-module .trans{-webkit-transform:scale(.92);transform:scale(.92)}#section-kv .kv-module .trans.show{transition:-webkit-transform .5s ease-out;transition:transform .5s ease-out;transition:transform .5s ease-out, -webkit-transform .5s ease-out;-webkit-transform:scale(1);transform:scale(1)}}@media (min-width: 720px) and (max-width: 1023px){#section-kv .kv-module .phone{width:400px;height:860px}}@media (min-width: 720px) and (max-width: 1023px){#section-kv .kv-module img.text{-webkit-transform:translateY(-100px);transform:translateY(-100px);width:640px;height:366px}}@-webkit-keyframes drift{0{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(15px);transform:translateY(15px)}@media (min-width: 1400px) and (max-width: 1799px){50%{-webkit-transform:translateY(13px);transform:translateY(13px)}}@media (min-width: 1024px) and (max-width: 1399px){50%{-webkit-transform:translateY(10px);transform:translateY(10px)}}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes drift{0{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(15px);transform:translateY(15px)}@media (min-width: 1400px) and (max-width: 1799px){50%{-webkit-transform:translateY(13px);transform:translateY(13px)}}@media (min-width: 1024px) and (max-width: 1399px){50%{-webkit-transform:translateY(10px);transform:translateY(10px)}}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes drift-reverse{0{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}@media (min-width: 1400px) and (max-width: 1799px){50%{-webkit-transform:translateY(-13px);transform:translateY(-13px)}}@media (min-width: 1024px) and (max-width: 1399px){50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes drift-reverse{0{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}@media (min-width: 1400px) and (max-width: 1799px){50%{-webkit-transform:translateY(-13px);transform:translateY(-13px)}}@media (min-width: 1024px) and (max-width: 1399px){50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes findmore{0%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}80%{-webkit-transform:translateY(20px);transform:translateY(20px)}100%{-webkit-transform:translateY(20px);transform:translateY(20px)}}@keyframes findmore{0%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}80%{-webkit-transform:translateY(20px);transform:translateY(20px)}100%{-webkit-transform:translateY(20px);transform:translateY(20px)}}@-webkit-keyframes findmoreinline{0%{-webkit-transform:translateY(-20px) scale(1,0);transform:translateY(-20px) scale(1,0);opacity:0}40%{-webkit-transform:translateY(-20px) scale(1,1);transform:translateY(-20px) scale(1,1);opacity:1}100%{-webkit-transform:translateY(-20px) scale(1,0);transform:translateY(-20px) scale(1,0);opacity:0}}@keyframes findmoreinline{0%{-webkit-transform:translateY(-20px) scale(1,0);transform:translateY(-20px) scale(1,0);opacity:0}40%{-webkit-transform:translateY(-20px) scale(1,1);transform:translateY(-20px) scale(1,1);opacity:1}100%{-webkit-transform:translateY(-20px) scale(1,0);transform:translateY(-20px) scale(1,0);opacity:0}}#section-highlights{position:relative;z-index:5}#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));margin-bottom:10vh;margin-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 .hightlight-video-module{width:100%;overflow:hidden;padding-top:10vh;padding-top:calc(10 * var(--vh, 1vh))}#section-highlights .hightlight-video-module .banner{height:738px}@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 .speed5g-module{margin-top:-5vh;margin-top:calc(-5 * var(--vh, 1vh))}#section-highlights .speed5g-module .dimension{width:640px;padding:20px 60px;border:1px solid #fff;border-radius:2px;align-items:center;justify-content:space-between}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .speed5g-module .dimension{width:537px;padding:17px 50px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .speed5g-module .dimension{width:437px;padding:14px 41px}}@media (max-width:1023px){#section-highlights .speed5g-module .dimension{padding:10px 20px}}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .speed5g-module .dimension{padding:20px 40px}}#section-highlights .speed5g-module .dimension .logo{width:139px;height:64px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .speed5g-module .dimension .logo{width:117px;height:54px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .speed5g-module .dimension .logo{width:95px;height:44px}}@media (max-width:1023px){#section-highlights .speed5g-module .dimension .logo{width:60px;height:27px}}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .speed5g-module .dimension .logo{width:120px;height:54px}}#section-highlights .speed5g-module .dimension .text{width:344px;text-align:left;font-size:26px;line-height:1.62;letter-spacing:-1.2px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .speed5g-module .dimension .text{width:288px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .speed5g-module .dimension .text{width:235px}}@media (min-width:1400px) and (max-width:1799px){#section-highlights .speed5g-module .dimension .text{font-size:21.7984px;letter-spacing:-1.00608px}}@media (min-width:1024px) and (max-width:1399px){#section-highlights .speed5g-module .dimension .text{font-size:17.755399999999998px;letter-spacing:-.8194799999999999px}}@media (min-width:720px) and (max-width:1023px){#section-highlights .speed5g-module .dimension .text{line-height:1.71;letter-spacing:-.4px;font-size:28px;letter-spacing:-.8px}}@media (max-width:720px){#section-highlights .speed5g-module .dimension .text{line-height:1.71;letter-spacing:-.4px;font-size:14px;letter-spacing:-.4px}}@media (max-width:1023px){#section-highlights .speed5g-module .dimension .text{width:205px;font-family:OPPOSans-Bold;font-weight:400}}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .speed5g-module .dimension .text{width:410px}}@media (max-width:1023px) and (max-width:720px){#section-highlights .speed5g-module .dimension{width:calc(100vw - 40px)}}@media (max-width:1023px) and (min-width:720px) and (max-width:1023px){#section-highlights .speed5g-module .dimension{width:calc(100vw - 80px)}}#section-highlights .speed5g-module .parameters{width:640px;margin-top:20px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .speed5g-module .parameters{width:537px;margin-top:17px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .speed5g-module .parameters{width:437px;margin-top:14px}}@media (max-width:1023px){#section-highlights .speed5g-module .parameters{margin-top:30px}}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .speed5g-module .parameters{margin-top:60px}}#section-highlights .speed5g-module .parameters .parameter{width:50%}#section-highlights .speed5g-module .parameters .parameter .value{font-size:52px;line-height:1.23;letter-spacing:0}@media (min-width:1400px) and (max-width:1799px){#section-highlights .speed5g-module .parameters .parameter .value{font-size:43.5968px;letter-spacing:0}}@media (min-width:1024px) and (max-width:1399px){#section-highlights .speed5g-module .parameters .parameter .value{font-size:35.510799999999996px;letter-spacing:0}}@media (min-width:720px) and (max-width:1023px){#section-highlights .speed5g-module .parameters .parameter .value{line-height:1.14;letter-spacing:0;font-size:56px;letter-spacing:0}}@media (max-width:720px){#section-highlights .speed5g-module .parameters .parameter .value{line-height:1.14;letter-spacing:0;font-size:28px;letter-spacing:0}}@media (min-width:720px) and (max-width:1023px){#section-highlights .speed5g-module .parameters .parameter .name{line-height:1.67;letter-spacing:0;font-size:24px;letter-spacing:0}}@media (max-width:720px){#section-highlights .speed5g-module .parameters .parameter .name{line-height:1.67;letter-spacing:0;font-size:12px;letter-spacing:0}}@media (max-width:1023px){#section-highlights .speed5g-module .parameters .parameter .name{margin-top:4px}}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .speed5g-module .parameters .parameter .name{margin-top:8px}}@media (max-width:1023px) and (max-width:720px){#section-highlights .speed5g-module .parameters{width:calc(100vw - 40px)}}@media (max-width:1023px) and (min-width:720px) and (max-width:1023px){#section-highlights .speed5g-module .parameters{width:calc(100vw - 80px)}}#section-highlights .particle-bg{opacity:0;transition:opacity .5s linear}#section-highlights .ready5g-module{margin-top:-95vh;margin-top:calc(-95 * var(--vh, 1vh))}@media (min-width:1024px){#section-highlights .ready5g-module .text-wrapper{width:820px}}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .ready5g-module .text-wrapper{width:687px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .ready5g-module .text-wrapper{width:560px}}#section-highlights .chip-module{width:100%;overflow:hidden;margin-top:-5vh;margin-top:calc(-5 * var(--vh, 1vh))}#section-highlights .chip-module .title-big{font-size:240px;line-height:1;letter-spacing:0}@media (min-width:1400px) and (max-width:1799px){#section-highlights .chip-module .title-big{font-size:201.216px;letter-spacing:0}}@media (min-width:1024px) and (max-width:1399px){#section-highlights .chip-module .title-big{font-size:163.896px;letter-spacing:0}}@media (min-width:720px) and (max-width:1023px){#section-highlights .chip-module .title-big{line-height:1;letter-spacing:0;font-size:184px;letter-spacing:0}}@media (max-width:720px){#section-highlights .chip-module .title-big{line-height:1;letter-spacing:0;font-size:92px;letter-spacing:0}}#section-highlights .chip-module .phone-frame{margin-top:-100px;width:1554px;height:588px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .chip-module .phone-frame{margin-top:-84px;width:1303px;height:493px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .chip-module .phone-frame{margin-top:-68px;width:1061px;height:402px}}@media (max-width:1023px){#section-highlights .chip-module .phone-frame{margin-top:-22px;width:277px;height:564px}}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .chip-module .phone-frame{margin-top:-44px;width:554px;height:1128px}}#section-highlights .chip-module .slug-wrapper{width:367px;height:157px;right:560px;top:100px;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-highlights .chip-module .slug-wrapper{width:308px;height:132px;right:470px;top:84px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .chip-module .slug-wrapper{width:251px;height:107px;right:382px;top:68px}}@media (max-width:1023px){#section-highlights .chip-module .slug-wrapper{width:95px;height:220px;right:110px;top:208px}}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .chip-module .slug-wrapper{width:190px;height:440px;right:220px;top:416px}}#section-highlights .chip-module .slug-wrapper .slug.show{transition:-webkit-transform 1.5s ease;transition:transform 1.5s ease;transition:transform 1.5s ease, -webkit-transform 1.5s ease;-webkit-transform:translateX(-20%);transform:translateX(-20%)}@media (min-width:1024px){#section-highlights .chip-module .slug-wrapper .slug.show{-webkit-transform:translateY(-20%);transform:translateY(-20%)}}#section-highlights .vooc-module{margin-bottom:0;overflow:hidden;margin-top:-110vh;margin-top:calc(-110 * var(--vh, 1vh))}#section-highlights .vooc-module .title-big{font-size:240px;line-height:1;letter-spacing:0}@media (min-width:1400px) and (max-width:1799px){#section-highlights .vooc-module .title-big{font-size:201.216px;letter-spacing:0}}@media (min-width:1024px) and (max-width:1399px){#section-highlights .vooc-module .title-big{font-size:163.896px;letter-spacing:0}}@media (min-width:720px) and (max-width:1023px){#section-highlights .vooc-module .title-big{line-height:1;letter-spacing:0;font-size:184px;letter-spacing:0}}@media (max-width:720px){#section-highlights .vooc-module .title-big{line-height:1;letter-spacing:0;font-size:92px;letter-spacing:0}}#section-highlights .vooc-module .vooc{width:448px;height:832px;margin-top:40px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .vooc-module .vooc{width:376px;height:698px;margin-top:34px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .vooc-module .vooc{width:306px;height:568px;margin-top:27px}}@media (max-width:1023px){#section-highlights .vooc-module .vooc{width:244px;height:456px;margin-top:20px}}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .vooc-module .vooc{width:488px;height:912px;margin-top:40px}}#section-highlights .vooc-module .vooc-player{width:300%}#section-highlights .suppervooc-module{margin-top:0;margin-bottom:5vh;margin-bottom:calc(5 * var(--vh, 1vh))}#section-highlights .phone-switch-module{height:150vh;height:calc(150 * var(--vh, 1vh));margin-top:calc(210px - 40vh);margin-top:calc(210px - (40 * var(--vh, 1vh)));margin-bottom:0}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .phone-switch-module{margin-top:calc(176px - 40vh);margin-top:calc(176px - (40 * var(--vh, 1vh)))}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .phone-switch-module{margin-top:calc(143px - 40vh);margin-top:calc(143px - (40 * var(--vh, 1vh)))}}#section-highlights .phone-switch-module .banner{width:1275px;height:405px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .phone-switch-module .banner{width:1069px;height:340px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .phone-switch-module .banner{width:871px;height:277px}}@media (max-width:1023px){#section-highlights .phone-switch-module .banner{width:130px;height:409px}}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .phone-switch-module .banner{width:260px;height:818px}}#section-highlights .phone-switch-module .banner .shadow{width:1201px;height:539px;top:120px;left:16px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .phone-switch-module .banner .shadow{width:1007px;height:452px;top:101px;left:13px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .phone-switch-module .banner .shadow{width:820px;height:368px;top:82px;left:11px}}@media (max-width:1023px){#section-highlights .phone-switch-module .banner .shadow{width:129%;height:91.3%;top:4.5%;left:19.6%}}#section-highlights .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-highlights .phone-switch-module .switch-button{margin-top:85px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .phone-switch-module .switch-button{margin-top:69px}}@media (max-width:1023px){#section-highlights .phone-switch-module .switch-button{margin-top:34px}}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .phone-switch-module .switch-button{margin-top:68px}}#section-highlights .phone-switch-module .switch-button .btn-1,#section-highlights .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-highlights .phone-switch-module .switch-button .btn-1,#section-highlights .phone-switch-module .switch-button .btn-2{height:28px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .phone-switch-module .switch-button .btn-1,#section-highlights .phone-switch-module .switch-button .btn-2{height:23px}}@media (min-width:1400px) and (max-width:1799px){#section-highlights .phone-switch-module .switch-button .btn-1,#section-highlights .phone-switch-module .switch-button .btn-2{font-size:16.768px;letter-spacing:-.08384000000000001px}}@media (min-width:1024px) and (max-width:1399px){#section-highlights .phone-switch-module .switch-button .btn-1,#section-highlights .phone-switch-module .switch-button .btn-2{font-size:13.658px;letter-spacing:-.06829px}}@media (max-width:1023px){#section-highlights .phone-switch-module .switch-button .btn-1,#section-highlights .phone-switch-module .switch-button .btn-2{height:24px}}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .phone-switch-module .switch-button .btn-1,#section-highlights .phone-switch-module .switch-button .btn-2{height:48px}}@media (max-width:1023px) and (min-width:720px) and (max-width:1023px){#section-highlights .phone-switch-module .switch-button .btn-1,#section-highlights .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-highlights .phone-switch-module .switch-button .btn-1,#section-highlights .phone-switch-module .switch-button .btn-2{line-height:1.5;letter-spacing:-.1px;font-size:16px;letter-spacing:-.1px}}#section-highlights .phone-switch-module .switch-button .divide{margin-left:40px;margin-right:40px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .phone-switch-module .switch-button .divide{margin-left:34px;margin-right:34px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .phone-switch-module .switch-button .divide{margin-left:27px;margin-right:27px}}@media (max-width:1023px){#section-highlights .phone-switch-module .switch-button .divide{margin-left:12px;margin-right:12px}}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .phone-switch-module .switch-button .divide{margin-left:24px;margin-right:24px}}#section-highlights .phone-switch-module .switch-button .active{color:#fff;border-bottom:1px solid #fff;transition:color .1s linear}#section-highlights .phone-switch-module .g--text{margin-top:64px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .phone-switch-module .g--text{margin-top:54px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .phone-switch-module .g--text{margin-top:44px}}#section-highlights .phone-switch-module .g--text .text-2,#section-highlights .phone-switch-module .g--text .text-1{background-color:#000;transition:opacity .5s linear}@media (max-width:1023px){#section-highlights .phone-switch-module .g--text{margin-top:19px}}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .phone-switch-module .g--text{margin-top:38px}}@media (max-width:1023px) and (max-width:720px){#section-highlights .phone-switch-module .g--text{width:calc(100vw - 40px)}}@media (max-width:1023px) and (min-width:720px) and (max-width:1023px){#section-highlights .phone-switch-module .g--text{width:calc(100vw - 80px)}}#section-highlights .reno-grow-module{margin-top:calc(295px - 50vh);margin-top:calc(295px - (50 * var(--vh, 1vh)))}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .reno-grow-module{margin-top:calc(247px - 50vh);margin-top:calc(247px - (50 * var(--vh, 1vh)))}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .reno-grow-module{margin-top:calc(201px - 50vh);margin-top:calc(201px - (50 * var(--vh, 1vh)))}}@media (max-width:1023px){#section-highlights .reno-grow-module{margin-top:calc(222px - 50vh);margin-top:calc(222px - (50 * var(--vh, 1vh)))}}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .reno-grow-module{margin-top:calc(444px - 50vh);margin-top:calc(444px - (50 * var(--vh, 1vh)))}}#section-highlights .screen-module{z-index:1;height:50vh;height:calc(50 * var(--vh, 1vh));margin-top:20vh;margin-top:calc(20 * var(--vh, 1vh))}#section-highlights .screen-module .g--sticky-item{height:35vh;height:calc(35 * var(--vh, 1vh))}@media (max-width:1023px){#section-highlights .screen-module .g--sticky-item{height:30vh;height:calc(30 * var(--vh, 1vh))}}@media (max-width:1023px) and (min-width:1024px){#section-highlights .screen-module .g--sticky-item::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:50px;background:linear-gradient(to top,#000,rgba(0,0,0,0))}}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .screen-module .g--sticky-item::after{height:42px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .screen-module .g--sticky-item::after{height:34px}}#section-highlights .screen-module .phone{width:1272px;height:290px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .screen-module .phone{width:1066px;height:243px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .screen-module .phone{width:869px;height:198px}}@media (max-width:1023px){#section-highlights .screen-module .phone{width:94.44vw;height:21.67vw}}#section-highlights .screen-module .light{width:100%;max-width:unset;height:1080px;top:0;-webkit-transform:translate(-50%,-30%);transform:translate(-50%,-30%);left:50%;opacity:0;overflow:hidden;display:flex;justify-content:center}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .screen-module .light{height:905px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .screen-module .light{height:738px}}@media (max-width:1023px){#section-highlights .screen-module .light{width:100vw;height:89.72vw;top:-50vw;-webkit-transform:translate(-50%,-50.2%);transform:translate(-50%,-50.2%)}}#section-highlights .screen-module .light .inner{width:1920px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .screen-module .light .inner{width:1610px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .screen-module .light .inner{width:1311px}}@media (max-width:1023px){#section-highlights .screen-module .light .inner{width:100%}}#section-highlights .screen-module .bg-black{left:0;width:100%;top:0;height:50vh;height:calc(50 * var(--vh, 1vh))}#section-highlights .screen-module .pile{width:1173px;top:-25px;opacity:0}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .screen-module .pile{width:983px;top:-21px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .screen-module .pile{width:801px;top:-17px}}@media (max-width:1023px){#section-highlights .screen-module .pile{width:81.94vw;top:-1.8vw}}#section-highlights .screen-module .shadow{width:1425px;height:452px;top:265px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .screen-module .shadow{width:1195px;height:379px;top:222px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .screen-module .shadow{width:973px;height:309px;top:181px}}@media (max-width:1023px){#section-highlights .screen-module .shadow{width:100vw;height:20.28vw;top:calc(18.8vw - 1px);min-height:40vh;min-height:calc(40 * var(--vh, 1vh))}}#section-highlights .three-module{z-index:1;padding-top:1px}#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 .text-1{width:587px;margin-top:182px;font-size:36px;line-height:1.56;letter-spacing:-.18px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .three-module .text-1{width:492px;margin-top:153px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .three-module .text-1{width:401px;margin-top:124px}}@media (min-width:1400px) and (max-width:1799px){#section-highlights .three-module .text-1{font-size:30.1824px;letter-spacing:-.150912px}}@media (min-width:1024px) and (max-width:1399px){#section-highlights .three-module .text-1{font-size:24.5844px;letter-spacing:-.12292199999999999px}}@media (max-width:1023px){#section-highlights .three-module .text-1{width:273px;margin-top:96px}}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .three-module .text-1{width:546px;margin-top:192px}}@media (max-width:1023px) and (min-width:720px) and (max-width:1023px){#section-highlights .three-module .text-1{line-height:1.6;letter-spacing:-.75px;font-size:40px;letter-spacing:-1.5px}}@media (max-width:1023px) and (max-width:720px){#section-highlights .three-module .text-1{line-height:1.6;letter-spacing:-.75px;font-size:20px;letter-spacing:-.75px}}#section-highlights .three-module .btn-group{width:480px;justify-content:center;margin-top:50px;z-index:2}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .three-module .btn-group{width:402px;margin-top:42px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .three-module .btn-group{width:328px;margin-top:34px}}@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-highlights .overview-module{width:100%;padding:0 calc(50% - 656px) 128px calc(50% - 656px);overflow:hidden}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .overview-module{padding:0 calc(50% - 550px) 107px calc(50% - 550px)}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .overview-module{padding:0 calc(50% - 448px) 87px calc(50% - 448px)}}@media (max-width:1023px){#section-highlights .overview-module{padding:0 20px 67px 20px}}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .overview-module{padding:0 20px 134px 20px}}#section-highlights .overview-module .g--flex{margin-top:64px;justify-content:space-between;flex-wrap:wrap}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .overview-module .g--flex{margin-top:54px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .overview-module .g--flex{margin-top:44px}}@media (max-width:1023px){#section-highlights .overview-module .g--flex{margin-top:64px}}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .overview-module .g--flex{margin-top:128px}}#section-highlights .overview-module .g--flex > .g--rel{width:416px;height:312px;margin-bottom:32px;padding-top:50px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .overview-module .g--flex > .g--rel{width:349px;height:262px;margin-bottom:27px;padding-top:42px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .overview-module .g--flex > .g--rel{width:284px;height:213px;margin-bottom:22px;padding-top:34px}}@media (max-width:1023px){#section-highlights .overview-module .g--flex > .g--rel{width:calc(50vw - 28px);height:calc(36.23vw - 20px);margin-bottom:16px;padding-top:11px}}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .overview-module .g--flex > .g--rel{width:calc(50vw - 56px);height:calc(36.23vw - 41px);margin-bottom:32px;padding-top:22px}}#section-highlights .overview-module .g--flex > .g--rel .name{font-size:24px;line-height:1.38;letter-spacing:0}@media (min-width:1400px) and (max-width:1799px){#section-highlights .overview-module .g--flex > .g--rel .name{font-size:20.1216px;letter-spacing:0}}@media (min-width:1024px) and (max-width:1399px){#section-highlights .overview-module .g--flex > .g--rel .name{font-size:16.389599999999998px;letter-spacing:0}}@media (min-width:720px) and (max-width:1023px){#section-highlights .overview-module .g--flex > .g--rel .name{line-height:1.36;letter-spacing:0;font-size:28px;letter-spacing:0}}@media (max-width:720px){#section-highlights .overview-module .g--flex > .g--rel .name{line-height:1.36;letter-spacing:0;font-size:14px;letter-spacing:0}}#section-highlights .overview-module .pointer .img-wrapper{width:100%;height:100%;overflow:hidden;transition:opacity .4s}#section-highlights .overview-module .pointer .img-wrapper img{transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s, -webkit-transform .4s}#section-highlights .overview-module .pointer .name-wrapper{display:flex;align-items:center;justify-content:center}#section-highlights .overview-module .pointer .tips{font-family:OPPOSans-Medium;font-weight:400;margin-top:5px;position:relative;z-index:1;opacity:0;transition:opacity .4s}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .overview-module .pointer .tips{margin-top:4px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .overview-module .pointer .tips{margin-top:3px}}@media (min-width:1024px){#section-highlights .overview-module .pointer:hover .tips{opacity:1}#section-highlights .overview-module .pointer:hover .img-wrapper{opacity:.5}#section-highlights .overview-module .pointer:hover .img-wrapper img{-webkit-transform:scale(1.1);transform:scale(1.1)}}#section-highlights .overview-module .pointer.direction-right .icon,#section-highlights .overview-module .pointer.direction-right .green-arrow img{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}#section-highlights .overview-module .pointer.direction-right .green-arrow{-webkit-animation:moveX .8s infinite;animation:moveX .8s infinite}#section-highlights .overview-module .pointer .icon{opacity:.7;position:absolute;width:26px;height:26px;bottom:20px;left:195px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .overview-module .pointer .icon{width:22px;height:22px;bottom:17px;left:163px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .overview-module .pointer .icon{width:18px;height:18px;bottom:14px;left:133px}}@media (max-width:1023px){#section-highlights .overview-module .pointer .icon{width:20px;height:20px;opacity:1;left:calc(25vw - 24px);bottom:10px}}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .overview-module .pointer .icon{width:40px;height:40px;left:calc(25vw - 48px);bottom:20px}}#section-highlights .overview-module .pointer .icon .outer{width:100%;height:100%}#section-highlights .overview-module .pointer .icon .inner{position:absolute;width:10px;height:5px;top:11px;left:8px;-webkit-animation:moveY .8s infinite;animation:moveY .8s infinite}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .overview-module .pointer .icon .inner{width:8px;height:4px;top:9px;left:7px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .overview-module .pointer .icon .inner{width:7px;height:3px;top:7px;left:5px}}@media (max-width:1023px){#section-highlights .overview-module .pointer .icon .inner{left:5px;top:8px}}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .overview-module .pointer .icon .inner{left:10px;top:15px}}#section-highlights .overview-module .pointer .green-arrow{position:relative;width:16px;height:27px;-webkit-animation:moveY .8s infinite;animation:moveY .8s infinite}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .overview-module .pointer .green-arrow{width:13px;height:23px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .overview-module .pointer .green-arrow{width:11px;height:18px}}#section-highlights .overview-module .pointer .green-arrow img{width:100%;height:100%}@-webkit-keyframes moveY{0%{-webkit-transform:translateY(0);transform:translateY(0)}25%{-webkit-transform:translateY(-10%);transform:translateY(-10%)}75%{-webkit-transform:translateY(20%);transform:translateY(20%)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes moveY{0%{-webkit-transform:translateY(0);transform:translateY(0)}25%{-webkit-transform:translateY(-10%);transform:translateY(-10%)}75%{-webkit-transform:translateY(20%);transform:translateY(20%)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@-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-camera{background-color:#f7f7f7;position:relative;z-index:4}@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}@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:#000;border-bottom:2px solid #000}@media (max-width:1023px){#section-camera .switch-button .active{border-bottom:1px solid #000}}#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:#000}@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:#f7f7f7;padding-top:1px}@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:122px;left:-58px;-webkit-transform:translateX(-100%);transform:translateX(-100%)}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .contrast-module .parameters{top:102px;left:-49px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .contrast-module .parameters{top:83px;left:-40px}}@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:52px;line-height:1.23;letter-spacing:0;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 (min-width:1400px) and (max-width:1799px){#section-camera .contrast-module .parameters .parameter .value{font-size:43.5968px;letter-spacing:0}}@media (min-width:1024px) and (max-width:1399px){#section-camera .contrast-module .parameters .parameter .value{font-size:35.510799999999996px;letter-spacing:0}}@media (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:720px){#section-camera .contrast-module .parameters .parameter .value{line-height:1.6;letter-spacing:0;font-size:20px;letter-spacing:0}}@media (max-width:1023px){#section-camera .contrast-module .parameters .parameter .value{font-family:OPPOSans-Bold;font-weight:400}}@media (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: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}#section-camera .contrast-module .g--sticky-item .phone-black{top:20vh;top:calc(20 * var(--vh, 1vh));left:15vw;width:90vw;height:79vw}@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}#section-camera .contrast-module .g--sticky-item .phone-blue{width:38vw;top:20vh;top:calc(20 * var(--vh, 1vh));height:61.62vw;left:31vw;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)}#section-camera .contrast-module .g--sticky-item .phone-blue .parameter:nth-child(1){transition-delay:.5s}#section-camera .contrast-module .g--sticky-item .phone-blue .parameter:nth-child(2){transition-delay:.7s}#section-camera .contrast-module .g--sticky-item .phone-blue .parameter:nth-child(3){transition-delay:.9s}#section-camera .contrast-module .g--sticky-item .phone-blue .parameter:nth-child(4){transition-delay:1.1s}#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}}#section-camera .module-2{padding-top:128px}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .module-2{padding-top:107px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .module-2{padding-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(75.18796992481202vw - 30.075187969924812px)}}@media (max-width:1023px) and (min-width:720px) and (max-width:1023px){#section-camera .module-3 .banner{width:calc(100vw - 80px);height:calc(75.18796992481202vw - 60.150375939849624px)}}#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}}#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}}#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-5 .left{margin-top:128px}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .module-5 .left{margin-top:107px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .module-5 .left{margin-top:87px}}@media (max-width:1023px){#section-camera .module-5 .left{margin-top:80px}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .module-5 .left{margin-top:160px}}#section-camera .module-5 .left .g--text{margin-top:20px}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .module-5 .left .g--text{margin-top:17px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .module-5 .left .g--text{margin-top:14px}}@media (max-width:1023px){#section-camera .module-5 .left .g--text{margin-top:22px}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .module-5 .left .g--text{margin-top:44px}}@media (max-width:1023px){#section-camera .module-5 .left .panel-1{height:auto}}#section-camera .module-5 .left .panel-2 img.logo{width:154px;height:36px}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .module-5 .left .panel-2 img.logo{width:129px;height:30px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .module-5 .left .panel-2 img.logo{width:105px;height:25px}}#section-camera .module-5 .right{height:calc(150vh - 24px);height:calc((150 * var(--vh, 1vh)) - 24px);margin-top:392px}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .module-5 .right{height:calc(150vh - 20px);height:calc((150 * var(--vh, 1vh)) - 20px);margin-top:329px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .module-5 .right{height:calc(150vh - 16px);height:calc((150 * var(--vh, 1vh)) - 16px);margin-top:268px}}@media (max-width:1023px){#section-camera .module-5 .right{height:100vh;height:calc(100 * var(--vh, 1vh));margin-top:80px}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .module-5 .right{margin-top:160px}}#section-camera .module-5 .right .g--text{margin-top:20px}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .module-5 .right .g--text{margin-top:17px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .module-5 .right .g--text{margin-top:14px}}@media (max-width:1023px){#section-camera .module-5 .right .g--text{margin-top:22px}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .module-5 .right .g--text{margin-top:44px}}#section-camera .module-5 .right .phone-frame{padding-left:80px}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .module-5 .right .phone-frame{padding-left:67px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .module-5 .right .phone-frame{padding-left:55px}}@media (max-width:1023px){#section-camera .module-5 .right .phone-frame{padding-left:0}}#section-camera .module-5 .right .phone-frame .target{width:393px;height:844px;opacity:0}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .module-5 .right .phone-frame .target{width:329px;height:708px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .module-5 .right .phone-frame .target{width:268px;height:576px}}@media (max-width:1023px){#section-camera .module-5 .right .phone-frame .target{width:185px;height:397px;margin:auto}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .module-5 .right .phone-frame .target{width:369px;height:794px}}#section-camera .module-5 .right .phone-frame .shadow{width:133%;top:-8.3%;left:-4.1%;z-index:1}#section-camera .module-5 .right .phone-frame .content{width:364px;height:808px;top:17px;left:14px;z-index:2}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .module-5 .right .phone-frame .content{width:305px;height:677px;top:15px;left:12px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .module-5 .right .phone-frame .content{width:249px;height:552px;top:12px;left:10px}}@media (max-width:1023px){#section-camera .module-5 .right .phone-frame .content{width:173px;height:381px;top:7px;left:6px}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .module-5 .right .phone-frame .content{width:346px;height:762px;top:14px;left:12px}}#section-camera .module-5 .right .phone-frame .frame{z-index:4}#section-camera .module-5 .video{z-index:3;margin-top:65px;height:480px}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .module-5 .video{margin-top:54px;height:402px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .module-5 .video{margin-top:44px;height:328px}}@media (max-width:1023px){#section-camera .module-5 .video{margin-top:33px}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .module-5 .video{margin-top:66px}}@media (max-width:1023px) and (max-width:720px){#section-camera .module-5 .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-5 .video{width:calc(100vw - 80px);height:calc(56.17977528089887vw - 44.9438202247191px)}}@media (max-width:1023px){#section-camera .module-5 .scroll-part{margin-top:calc(255px - 28vw);position:relative;z-index:5}#section-camera .module-5 .scroll-part .logo-2{width:66px;height:66px}#section-camera .module-5 .scroll-part .g--title:nth-child(2){margin-top:20px}#section-camera .module-5 .scroll-part .g--text{margin-top:20px}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .module-5 .scroll-part .g--text{margin-top:40px}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .module-5 .scroll-part .g--title:nth-child(2){margin-top:40px}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .module-5 .scroll-part .logo-2{width:132px;height:132px}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .module-5 .scroll-part{margin-top:calc(510px - 28vw)}}#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:64px}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .module-6{margin-top:128px}}#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}}@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{margin-top:32px}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .module-6 > .g--flex .left{margin-top:64px}}#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}}@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 .module-1{margin-top:-90vh;margin-top:calc(-90 * var(--vh, 1vh))}@media (max-width:1023px){#section-performance .module-1{margin-top:-90vh;margin-top:calc(-90 * var(--vh, 1vh))}}.android #section-performance .module-1{margin-top:0}#section-performance .module-1 .video{height:738px;margin-top:79px;background:#000}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .module-1 .video{height:619px;margin-top:66px}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .module-1 .video{height:504px;margin-top:54px}}@media (max-width:1023px){#section-performance .module-1 .video{margin-top:32px}}@media (min-width: 720px) and (max-width: 1023px){#section-performance .module-1 .video{margin-top:64px}}@media (max-width:1023px) and (max-width:720px){#section-performance .module-1 .video{width:calc(100vw - 40px);height:calc(56.17977528089887vw - 22.47191011235955px)}}@media (max-width:1023px) and (min-width:720px) and (max-width:1023px){#section-performance .module-1 .video{width:calc(100vw - 80px);height:calc(56.17977528089887vw - 44.9438202247191px)}}#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 .slug-module .right{margin-left:44px;flex:0 0 auto}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .slug-module .right{margin-left:37px}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .slug-module .right{margin-left:30px}}@media (max-width:1023px){#section-performance .slug-module .right{margin-left:0}}#section-performance .slug-module .right .jet{top:50%}#section-performance .slug-module .right .slug{-webkit-transform:translateY(50%);transform:translateY(50%);width:613px;height:262px}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .slug-module .right .slug{width:514px;height:220px}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .slug-module .right .slug{width:419px;height:179px}}@media (max-width:1023px){#section-performance .slug-module .right .slug{margin:auto;margin-top:38px;width:307px;height:131px}}@media (min-width: 720px) and (max-width: 1023px){#section-performance .slug-module .right .slug{margin-top:76px;width:614px;height:262px}}#section-performance .slug-module .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)}#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}}#section-performance .battle-module .phone .battle{width:55.4%;bottom:15%;left:14.7%;transition:-webkit-transform 1.5s ease;transition:transform 1.5s ease;transition:transform 1.5s ease, -webkit-transform 1.5s ease}@media (max-width:1023px){#section-performance .battle-module .phone .battle{width:46.5%;bottom:1.5%;left:33.5%}}#section-performance .battle-module .phone .battle .battle-text{top:40%;left:50%;width:419px;height:70px;opacity:0;transition:opacity .8s linear;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%)}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .battle-module .phone .battle .battle-text{width:351px;height:59px}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .battle-module .phone .battle .battle-text{width:286px;height:48px}}@media (max-width:1023px){#section-performance .battle-module .phone .battle .battle-text{width:52px;height:309px;top:50%;left:40%;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%)}}@media (min-width: 720px) and (max-width: 1023px){#section-performance .battle-module .phone .battle .battle-text{width:104px;height:618px}}@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 .module-3{margin-top:78px}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .module-3{margin-top:65px}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .module-3{margin-top:53px}}@media (max-width:1023px){#section-performance .module-3{background-color:#000;z-index:2}}#section-performance .module-3 .g--flex.g--flex-1{align-items:center}@media (min-width:1024px){#section-performance .module-3 .g--flex.g--flex-1{width:810px}}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .module-3 .g--flex.g--flex-1{width:679px}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .module-3 .g--flex.g--flex-1{width:553px}}#section-performance .module-3 .g--flex.g--flex-1 .logo{width:100px;height:100px;margin-right:21px}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .module-3 .g--flex.g--flex-1 .logo{width:84px;height:84px;margin-right:18px}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .module-3 .g--flex.g--flex-1 .logo{width:68px;height:68px;margin-right:14px}}#section-performance .module-3 .g--flex.g--flex-1 .g--flex.black-content{flex-direction:column}#section-design{width:100%}#section-design .g--bg-black{padding-bottom:95px}@media (min-width: 1400px) and (max-width: 1799px){#section-design .g--bg-black{padding-bottom:80px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .g--bg-black{padding-bottom:65px}}#section-design .design-title{padding-top:1px;position:relative;z-index:3}#section-design .module-1{z-index:1;margin-top:-90vh;margin-top:calc(-90 * var(--vh, 1vh));width:100%;overflow:hidden}@media (max-width:1023px){#section-design .module-1{margin-top:-90vh;margin-top:calc(-90 * var(--vh, 1vh))}#section-design .module-1 img{margin-top:32px;width:100vw;height:34vw;width:693px;height:39px;margin-left:20px}}@media (min-width: 720px) and (max-width: 1023px){#section-design .module-1 img{margin-top:64px;width:1386px;height:78px}}.android #section-design .module-1{margin-top:0}#section-design .module-1 .content{position:relative;z-index:2}#section-design .module-1 .content .text{font-size:20px;line-height:1.6;letter-spacing:-.55px;width:640px;margin-top:20px}@media (min-width: 1400px) and (max-width: 1799px){#section-design .module-1 .content .text{width:537px;margin-top:17px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .module-1 .content .text{width:437px;margin-top:14px}}@media (min-width:1400px) and (max-width:1799px){#section-design .module-1 .content .text{font-size:16.768px;letter-spacing:-.46112000000000003px}}@media (min-width:1024px) and (max-width:1399px){#section-design .module-1 .content .text{font-size:13.658px;letter-spacing:-.375595px}}@media (min-width:720px) and (max-width:1023px){#section-design .module-1 .content .text{line-height:1.75;letter-spacing:-.3px;font-size:32px;letter-spacing:-.6px}}@media (max-width:720px){#section-design .module-1 .content .text{line-height:1.75;letter-spacing:-.3px;font-size:16px;letter-spacing:-.3px}}@media (max-width:1023px){#section-design .module-1 .content .text{width:100%;margin-top:20px}}@media (min-width: 720px) and (max-width: 1023px){#section-design .module-1 .content .text{margin-top:40px}}#section-design .module-1 .content .g--flex{margin-top:60px}@media (min-width: 1400px) and (max-width: 1799px){#section-design .module-1 .content .g--flex{margin-top:50px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .module-1 .content .g--flex{margin-top:41px}}@media (max-width:1023px){#section-design .module-1 .content .g--flex{margin-top:22px}}@media (min-width: 720px) and (max-width: 1023px){#section-design .module-1 .content .g--flex{margin-top:44px}}#section-design .module-1 .content .g--flex .g--parameter{margin-right:138px}@media (min-width: 1400px) and (max-width: 1799px){#section-design .module-1 .content .g--flex .g--parameter{margin-right:116px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .module-1 .content .g--flex .g--parameter{margin-right:94px}}@media (max-width:1023px){#section-design .module-1 .content .g--flex .g--parameter{margin-right:0}}#section-design .module-1 .bg.g--pt-hidden{width:calc(50% + 656px);height:calc(19.76% + 259px);margin-top:calc(-130px - 9.88%);margin-left:calc(50% - 656px);width:1312px;height:74px;margin:110px auto}@media (min-width: 1400px) and (max-width: 1799px){#section-design .module-1 .bg.g--pt-hidden{width:calc(50% + 550px);height:calc(19.76% + 217px);margin-top:calc(-109px - 9.88%);margin-left:calc(50% - 550px);width:1100px;height:62px;margin:92px auto}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .module-1 .bg.g--pt-hidden{width:calc(50% + 448px);height:calc(19.76% + 177px);margin-top:calc(-89px - 9.88%);margin-left:calc(50% - 448px);width:896px;height:51px;margin:75px auto}}#section-design .module-1 .bg.g--pt-hidden,#section-design .module-1 img.g--full.g--ls-hidden{transition:-webkit-transform 1s linear;transition:transform 1s linear;transition:transform 1s linear, -webkit-transform 1s linear;-webkit-transform:translateY(30%);transform:translateY(30%)}@media (min-width:1800px){#section-design .module-1 .bg.g--pt-hidden,#section-design .module-1 img.g--full.g--ls-hidden{-webkit-transform:translateY(20%);transform:translateY(20%)}}#section-design .module-1 .bg.g--pt-hidden.move,#section-design .module-1 img.g--full.g--ls-hidden.move{-webkit-transform:translateY(0);transform:translateY(0)}#section-design .g--bg-white{z-index:2}#section-design .module-2{padding-top:130px}@media (min-width: 1400px) and (max-width: 1799px){#section-design .module-2{padding-top:109px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .module-2{padding-top:89px}}@media (max-width:1023px){#section-design .module-2{padding-top:64px}#section-design .module-2 .right{margin-top:20px}}@media (min-width: 720px) and (max-width: 1023px){#section-design .module-2 .right{margin-top:40px}}@media (min-width: 720px) and (max-width: 1023px){#section-design .module-2{padding-top:128px}}#section-design .module-2 .left span{vertical-align:top;font-size:28px;line-height:1;letter-spacing:0}@media (min-width:1400px) and (max-width:1799px){#section-design .module-2 .left span{font-size:23.4752px;letter-spacing:0}}@media (min-width:1024px) and (max-width:1399px){#section-design .module-2 .left span{font-size:19.121199999999998px;letter-spacing:0}}@media (max-width:1023px) and (min-width:720px) and (max-width:1023px){#section-design .module-2 .left span{line-height:2;letter-spacing:0;font-size:24px;letter-spacing:0}}@media (max-width:1023px) and (max-width:720px){#section-design .module-2 .left span{line-height:2;letter-spacing:0;font-size:12px;letter-spacing:0}}#section-design .module-2 .video{margin-top:80px;height:738px}@media (min-width: 1400px) and (max-width: 1799px){#section-design .module-2 .video{margin-top:67px;height:619px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .module-2 .video{margin-top:55px;height:504px}}@media (max-width:1023px){#section-design .module-2 .video{margin-top:32px}}@media (min-width: 720px) and (max-width: 1023px){#section-design .module-2 .video{margin-top:64px}}@media (max-width:1023px) and (max-width:720px){#section-design .module-2 .video{width:calc(100vw - 40px);height:calc(100vw - 40px)}}@media (max-width:1023px) and (min-width:720px) and (max-width:1023px){#section-design .module-2 .video{width:calc(100vw - 80px);height:calc(100vw - 80px)}}#section-design .module-3{position:relative;color:#000;padding:186px 0}@media (min-width: 1400px) and (max-width: 1799px){#section-design .module-3{padding:156px 0}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .module-3{padding:127px 0}}@media (max-width:1023px){#section-design .module-3{padding:64px 0}}@media (min-width: 720px) and (max-width: 1023px){#section-design .module-3{padding:128px 0}}#section-design .module-3 .detail-wrapper{position:relative;display:flex;justify-content:center;margin-top:20px}@media (min-width: 1400px) and (max-width: 1799px){#section-design .module-3 .detail-wrapper{margin-top:17px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .module-3 .detail-wrapper{margin-top:14px}}@media (max-width:1023px){#section-design .module-3 .detail-wrapper{flex-direction:column}}#section-design .module-3 .detail-wrapper .trigger-area{position:absolute;z-index:9;top:0;left:0;width:100%;height:100%;display:flex}#section-design .module-3 .detail-wrapper .trigger-area > *{flex:1;height:100%}#section-design .module-3 .detail-wrapper .green-arrow{width:28px;height:17px}@media (min-width: 1400px) and (max-width: 1799px){#section-design .module-3 .detail-wrapper .green-arrow{width:23px;height:14px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .module-3 .detail-wrapper .green-arrow{width:19px;height:12px}}#section-design .module-3 .detail-wrapper .green-arrow.prev{-webkit-transform:rotate(180deg);transform:rotate(180deg)}#section-design .module-3 .detail-wrapper .wrapper{position:relative;width:656px;height:717px;background:#f7f7f7}@media (min-width: 1400px) and (max-width: 1799px){#section-design .module-3 .detail-wrapper .wrapper{width:550px;height:601px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .module-3 .detail-wrapper .wrapper{width:448px;height:490px}}#section-design .module-3 .detail-wrapper .details{height:100%;overflow:hidden}#section-design .module-3 .detail-wrapper .details img{width:100%;height:100%}@media (max-width:1023px){#section-design .module-3 .detail-wrapper .wrapper-0{width:100%;height:calc((100vw - 40px) * 0.79375)}}@media (max-width:1023px){#section-design .module-3 .detail-wrapper .wrapper-1{margin-top:20px;width:236px;height:235px}}@media (min-width: 720px) and (max-width: 1023px){#section-design .module-3 .detail-wrapper .wrapper-1{margin-top:40px;width:472px;height:470px}}#section-design .module-3 .control-wrapper{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;margin-top:60px}@media (min-width: 1400px) and (max-width: 1799px){#section-design .module-3 .control-wrapper{margin-top:50px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .module-3 .control-wrapper{margin-top:41px}}@media (max-width:1023px){#section-design .module-3 .control-wrapper{position:absolute;margin-top:0;bottom:162px;right:0}}@media (min-width: 720px) and (max-width: 1023px){#section-design .module-3 .control-wrapper{bottom:324px}}#section-design .module-3 .control-wrapper .arrow{width:56px;height:56px;cursor:pointer}@media (min-width: 1400px) and (max-width: 1799px){#section-design .module-3 .control-wrapper .arrow{width:47px;height:47px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .module-3 .control-wrapper .arrow{width:38px;height:38px}}@media (max-width:1023px){#section-design .module-3 .control-wrapper .arrow{width:32px;height:32px}}#section-design .module-3 .control-wrapper .current-index{padding:0 36px;min-width:145px;font-size:42px}@media (min-width: 1400px) and (max-width: 1799px){#section-design .module-3 .control-wrapper .current-index{padding:0 30px;min-width:122px;font-size:35px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .module-3 .control-wrapper .current-index{padding:0 25px;min-width:99px;font-size:29px}}@media (max-width:1023px){#section-design .module-3 .control-wrapper .current-index{padding:0 10px;font-size:22px;min-width:25px}}#section-design .module-3 .control-wrapper .prev{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.slick-slider{position:relative;display:block}.slick-slider .slick-list{position:relative;width:100%;height:100%;overflow:hidden}.slick-slider .slick-list:focus{outline:none}.slick-slider .slick-list.dragging{cursor:pointer}.slick-slider .slick-list .slick-track{height:100%}.slick-slider .slick-list .slick-track .slick-slide > *{position:relative;width:100%;height:100%}#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:299px;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:251px}}@media (min-width: 1024px) and (max-width: 1399px){#section-screen .module-1 .video{margin-top:56px;height:204px}}@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-2{margin-top:133px}@media (min-width: 1400px) and (max-width: 1799px){#section-screen .module-2{margin-top:112px}}@media (min-width: 1024px) and (max-width: 1399px){#section-screen .module-2{margin-top:91px}}@media (max-width:1023px){#section-screen .module-2{margin-top:64px;height:auto}}@media (min-width: 720px) and (max-width: 1023px){#section-screen .module-2{margin-top:128px}}#section-screen .module-2 .left{height:844px}@media (min-width: 1400px) and (max-width: 1799px){#section-screen .module-2 .left{height:708px}}@media (min-width: 1024px) and (max-width: 1399px){#section-screen .module-2 .left{height:576px}}@media (max-width:1023px){#section-screen .module-2 .left{height:auto}}#section-screen .module-2 .left .g--text{margin-top:80px}@media (min-width: 1400px) and (max-width: 1799px){#section-screen .module-2 .left .g--text{margin-top:67px}}@media (min-width: 1024px) and (max-width: 1399px){#section-screen .module-2 .left .g--text{margin-top:55px}}@media (max-width:1023px){#section-screen .module-2 .left .g--text{margin-top:20px}}@media (min-width: 720px) and (max-width: 1023px){#section-screen .module-2 .left .g--text{margin-top:40px}}#section-screen .module-2 .right img.video{margin-left:101px;width:393px;height:844px}@media (min-width: 1400px) and (max-width: 1799px){#section-screen .module-2 .right img.video{margin-left:85px;width:329px;height:708px}}@media (min-width: 1024px) and (max-width: 1399px){#section-screen .module-2 .right img.video{margin-left:69px;width:268px;height:576px}}@media (max-width:1023px){#section-screen .module-2 .right img.video{margin-top:32px;margin-left:0}}@media (min-width: 720px) and (max-width: 1023px){#section-screen .module-2 .right img.video{margin-top:64px}}@media (max-width:1023px) and (max-width:720px){#section-screen .module-2 .right img.video{width:calc(100vw - 40px);height:calc(148.14814814814815vw - 59.25925925925925px)}}@media (max-width:1023px) and (min-width:720px) and (max-width:1023px){#section-screen .module-2 .right img.video{width:calc(100vw - 80px);height:calc(148.14814814814815vw - 118.5185185185185px)}}#section-screen .module-2 .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-2 .parameters{margin-top:101px}}@media (min-width: 1024px) and (max-width: 1399px){#section-screen .module-2 .parameters{margin-top:82px}}@media (max-width:1023px){#section-screen .module-2 .parameters{justify-content:initial;align-items:initial;margin-top:23px}}@media (min-width: 720px) and (max-width: 1023px){#section-screen .module-2 .parameters{margin-top:46px}}#section-screen .module-2 .parameters img.logo1{width:112px;height:50px}@media (min-width: 1400px) and (max-width: 1799px){#section-screen .module-2 .parameters img.logo1{width:94px;height:42px}}@media (min-width: 1024px) and (max-width: 1399px){#section-screen .module-2 .parameters img.logo1{width:76px;height:34px}}@media (max-width:1023px){#section-screen .module-2 .parameters img.logo1{width:99px;height:44px;margin-top:23px}}@media (min-width: 720px) and (max-width: 1023px){#section-screen .module-2 .parameters img.logo1{width:198px;height:88px;margin-top:46px}}#section-screen .module-2 .parameters img.logo2{margin-left:21px;width:199px;height:46px}@media (min-width: 1400px) and (max-width: 1799px){#section-screen .module-2 .parameters img.logo2{margin-left:18px;width:167px;height:39px}}@media (min-width: 1024px) and (max-width: 1399px){#section-screen .module-2 .parameters img.logo2{margin-left:14px;width:136px;height:31px}}@media (max-width:1023px){#section-screen .module-2 .parameters img.logo2{margin-left:0;width:125px;height:29px;margin-top:25px}}@media (min-width: 720px) and (max-width: 1023px){#section-screen .module-2 .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}@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-Bold;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 .link{padding-bottom:5px;border-bottom:2px solid #000}}@media (min-width: 720px) and (max-width: 1023px){#section-coloros .learn-more .link{padding-bottom:9px}}@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{margin-left:20px;width:56px;height:56px;position:relative;display:flex;justify-content:center;align-items:center;cursor:none}#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}}#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{margin-right:5.555555555555555vw;white-space:nowrap}}#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}}.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:auto}@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}.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}