.graphic-wrapper{width:100%;height:576px;display:flex}@media (min-width: 1400px) and (max-width: 1799px){.graphic-wrapper{height:403px}}@media (min-width: 1024px) and (max-width: 1399px){.graphic-wrapper{height:346px}}.graphic-wrapper .media-wrapper{position:relative;width:864px;height:100%;overflow:hidden}@media (min-width: 1400px) and (max-width: 1799px){.graphic-wrapper .media-wrapper{width:605px}}@media (min-width: 1024px) and (max-width: 1399px){.graphic-wrapper .media-wrapper{width:518px}}.graphic-wrapper .media-wrapper .media{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .5s ease}.graphic-wrapper .media-wrapper .media .media-option{position:absolute;top:0;left:0;width:100%;height:100%;transition:-webkit-clip-path .75s ease-out;transition:clip-path .75s ease-out;transition:clip-path .75s ease-out, -webkit-clip-path .75s ease-out}.graphic-wrapper .media-wrapper .media .media-option:nth-child(1){z-index:2}.graphic-wrapper .media-wrapper .media .media-option:nth-child(2){z-index:1}.graphic-wrapper .content-wrapper{position:relative;margin-left:37px;width:410px;height:100%;display:flex;flex-direction:column;justify-content:space-between}@media (min-width: 1400px) and (max-width: 1799px){.graphic-wrapper .content-wrapper{margin-left:26px;width:287px}}@media (min-width: 1024px) and (max-width: 1399px){.graphic-wrapper .content-wrapper{margin-left:22px;width:246px}}.graphic-wrapper .content-wrapper .selector-wrapper .selector{color:#e0e0e0;cursor:pointer}[g-color= 'white'].graphic-wrapper .content-wrapper .selector-wrapper .selector{color:#787878}.graphic-wrapper .content-wrapper .selector-wrapper .selector.selector1{width:125px}@media (min-width: 1400px) and (max-width: 1799px){.graphic-wrapper .content-wrapper .selector-wrapper .selector.selector1{width:88px}}@media (min-width: 1024px) and (max-width: 1399px){.graphic-wrapper .content-wrapper .selector-wrapper .selector.selector1{width:75px}}.graphic-wrapper .content-wrapper .selector-wrapper .selector.selector2{width:230px}@media (min-width: 1400px) and (max-width: 1799px){.graphic-wrapper .content-wrapper .selector-wrapper .selector.selector2{width:161px}}@media (min-width: 1024px) and (max-width: 1399px){.graphic-wrapper .content-wrapper .selector-wrapper .selector.selector2{width:138px}}.graphic-wrapper .content-wrapper .selector-wrapper .text{margin-top:0;height:0;overflow:hidden;transition:margin-top .5s ease,height .5s ease}.graphic-wrapper .content-wrapper .option-wrapper{position:relative;display:flex}.graphic-wrapper .content-wrapper .option-wrapper span{margin:0 12px}.graphic-wrapper .content-wrapper .option-wrapper span:last-child{display:none}.graphic-wrapper .content-wrapper .option-wrapper .option{color:#e0e0e0;cursor:pointer}[g-color= 'white'].graphic-wrapper .content-wrapper .option-wrapper .option{color:#787878}.graphic-wrapper[g-color = 'white'] .content-wrapper{color:#fff}.graphic-wrapper[g-color = 'black'] .content-wrapper{color:#000}.graphic-wrapper[g-option = '1'] .media-wrapper .media-options:nth-child(1) .media-option:nth-child(1){-webkit-clip-path:inset(0 0% 0 0);clip-path:inset(0 0% 0 0)}.graphic-wrapper[g-option = '2'] .media-wrapper .media-options:nth-child(1) .media-option:nth-child(1){-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}.graphic-wrapper[g-option = '3'] .media-wrapper .media-options:nth-child(2) .media-option:nth-child(1){-webkit-clip-path:inset(0 0% 0 0);clip-path:inset(0 0% 0 0)}.graphic-wrapper[g-option = '4'] .media-wrapper .media-options:nth-child(2) .media-option:nth-child(1){-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}.graphic-wrapper[g-selector="1"] .media-wrapper .media:nth-child(1){opacity:1}[g-color= 'black'].graphic-wrapper[g-selector="1"] .content-wrapper .selector-wrapper .selector1{color:#000;border-bottom:1px solid #000}[g-color= 'white'].graphic-wrapper[g-selector="1"] .content-wrapper .selector-wrapper .selector1{color:#fff;border-bottom:1px solid #fff}.graphic-wrapper[g-selector="1"] .content-wrapper .selector-wrapper .text1{margin-top:12px;height:64px}@media (min-width: 1400px) and (max-width: 1799px){.graphic-wrapper[g-selector="1"] .content-wrapper .selector-wrapper .text1{margin-top:8px;height:45px}}@media (min-width: 1024px) and (max-width: 1399px){.graphic-wrapper[g-selector="1"] .content-wrapper .selector-wrapper .text1{margin-top:7px;height:38px}}.graphic-wrapper[g-selector="2"] .media-wrapper .media:nth-child(2){opacity:1}[g-color= 'black'].graphic-wrapper[g-selector="2"] .content-wrapper .selector-wrapper .selector2{color:#000;border-bottom:1px solid #000}[g-color= 'white'].graphic-wrapper[g-selector="2"] .content-wrapper .selector-wrapper .selector2{color:#fff;border-bottom:1px solid #fff}.graphic-wrapper[g-selector="2"] .content-wrapper .selector-wrapper .text2{margin-top:12px;height:64px}@media (min-width: 1400px) and (max-width: 1799px){.graphic-wrapper[g-selector="2"] .content-wrapper .selector-wrapper .text2{margin-top:8px;height:45px}}@media (min-width: 1024px) and (max-width: 1399px){.graphic-wrapper[g-selector="2"] .content-wrapper .selector-wrapper .text2{margin-top:7px;height:38px}}.graphic-wrapper[g-selector="3"] .media-wrapper .media:nth-child(3){opacity:1}[g-color= 'black'].graphic-wrapper[g-selector="3"] .content-wrapper .selector-wrapper .selector3{color:#000;border-bottom:1px solid #000}[g-color= 'white'].graphic-wrapper[g-selector="3"] .content-wrapper .selector-wrapper .selector3{color:#fff;border-bottom:1px solid #fff}.graphic-wrapper[g-selector="3"] .content-wrapper .selector-wrapper .text3{margin-top:12px;height:64px}@media (min-width: 1400px) and (max-width: 1799px){.graphic-wrapper[g-selector="3"] .content-wrapper .selector-wrapper .text3{margin-top:8px;height:45px}}@media (min-width: 1024px) and (max-width: 1399px){.graphic-wrapper[g-selector="3"] .content-wrapper .selector-wrapper .text3{margin-top:7px;height:38px}}[g-color= 'black'].graphic-wrapper[g-option="3"] .content-wrapper .option-wrapper .option1,[g-color= 'black'].graphic-wrapper[g-option="1"] .content-wrapper .option-wrapper .option1{color:#000;border-bottom:1px solid #000}[g-color= 'white'].graphic-wrapper[g-option="3"] .content-wrapper .option-wrapper .option1,[g-color= 'white'].graphic-wrapper[g-option="1"] .content-wrapper .option-wrapper .option1{color:#fff;border-bottom:1px solid #fff}[g-color= 'black'].graphic-wrapper[g-option="4"] .content-wrapper .option-wrapper .option2,[g-color= 'black'].graphic-wrapper[g-option="2"] .content-wrapper .option-wrapper .option2{color:#000;border-bottom:1px solid #000}[g-color= 'white'].graphic-wrapper[g-option="4"] .content-wrapper .option-wrapper .option2,[g-color= 'white'].graphic-wrapper[g-option="2"] .content-wrapper .option-wrapper .option2{color:#fff;border-bottom:1px solid #fff}
.g--shadow-title{position:relative;width:100%;padding:80px 0}@media (min-width: 1400px) and (max-width: 1799px){.g--shadow-title{padding:56px 0}}@media (min-width: 1024px) and (max-width: 1399px){.g--shadow-title{padding:48px 0}}@media (max-width:1023px){.g--shadow-title{padding:80px 0}}.g--shadow-title .right .text-group{margin-left:auto}.g--shadow-text{position:relative;width:100%}.g--shadow-text .text-group{position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media (min-width:1024px){.g--shadow-text .text-group{margin:auto}}@media (max-width:1023px){.g--shadow-text .text-group{-webkit-transform:scale(1.0001);transform:scale(1.0001)}}.g--shadow-text .text-group .item{font-family:OPPOSans-Bold;font-weight:400;font-size:40px;line-height:1;letter-spacing:-1px}@media (min-width: 720px) and (max-width: 1023px){.g--shadow-text .text-group .item{font-size:80px}}@media (min-width:1024px){.g--shadow-text .text-group .item{font-size:80px;line-height:1;letter-spacing:-3px}}@media (min-width: 1400px) and (max-width: 1799px){.g--shadow-text .text-group .item{font-size:56px}}@media (min-width: 1024px) and (max-width: 1399px){.g--shadow-text .text-group .item{font-size:48px}}.g--shadow-text .text-group .item span{padding:0 3px;background:linear-gradient(-90deg,#ffc6ef,#a679ff,#96d2ff);color:transparent;-webkit-background-clip:text;-webkit-text-stroke:1px transparent;-webkit-text-fill-color:transparent}.g--shadow-text .text-group .item-0{position:relative}.g--shadow-text .text-group .item-0 span{-webkit-text-stroke:0 transparent}.g--shadow-text .text-group .item-1,.g--shadow-text .text-group .item-2{position:absolute;width:100%;top:0;left:0}.g--shadow-text .text-group .item-1 span,.g--shadow-text .text-group .item-2 span{-webkit-text-fill-color:#000}.g--shadow-text .text-group .item-0{z-index:3}.g--shadow-text .text-group .item-1{z-index:2}.g--shadow-text .text-group .item-2{z-index:1}.g--shadow-text[data-bg-color='white'] .item-1 span,.g--shadow-text[data-bg-color='white'] .item-2 span{-webkit-text-fill-color:#fff}
.g--container,.g--container-ls,.g--container-pt,.g--wrapper{margin:0 auto}.g--container,.g--container-ls{width:1312px}@media (min-width: 1400px) and (max-width: 1799px){.g--container,.g--container-ls{width:918px}}@media (min-width: 1024px) and (max-width: 1399px){.g--container,.g--container-ls{width:787px}}@media (max-width:720px){.g--container,.g--container-pt{width:calc(100vw - 40px)}}@media (min-width:720px) and (max-width:1023px){.g--container,.g--container-pt{width:calc(100vw - 80px)}}@media (min-width:1024px){.g--gap-top-large{margin-top:182px}}@media (min-width: 1400px) and (max-width: 1799px){.g--gap-top-large{margin-top:127px}}@media (min-width: 1024px) and (max-width: 1399px){.g--gap-top-large{margin-top:109px}}@media (max-width:1023px){.g--gap-top-large{margin-top:80px}}@media (min-width: 720px) and (max-width: 1023px){.g--gap-top-large{margin-top:160px}}@media (min-width:1024px){.g--gap-bottom-large{margin-bottom:182px}}@media (min-width: 1400px) and (max-width: 1799px){.g--gap-bottom-large{margin-bottom:127px}}@media (min-width: 1024px) and (max-width: 1399px){.g--gap-bottom-large{margin-bottom:109px}}@media (max-width:1023px){.g--gap-bottom-large{margin-bottom:80px}}@media (min-width: 720px) and (max-width: 1023px){.g--gap-bottom-large{margin-bottom:160px}}@media (min-width:1024px){.g--gap-top-medium{margin-top:128px}}@media (min-width: 1400px) and (max-width: 1799px){.g--gap-top-medium{margin-top:90px}}@media (min-width: 1024px) and (max-width: 1399px){.g--gap-top-medium{margin-top:77px}}@media (max-width:1023px){.g--gap-top-medium{margin-top:45px}}@media (min-width: 720px) and (max-width: 1023px){.g--gap-top-medium{margin-top:90px}}@media (min-width:1024px){.g--gap-bottom-medium{margin-bottom:128px}}@media (min-width: 1400px) and (max-width: 1799px){.g--gap-bottom-medium{margin-bottom:90px}}@media (min-width: 1024px) and (max-width: 1399px){.g--gap-bottom-medium{margin-bottom:77px}}@media (max-width:1023px){.g--gap-bottom-medium{margin-bottom:45px}}@media (min-width: 720px) and (max-width: 1023px){.g--gap-bottom-medium{margin-bottom:90px}}@media (min-width:1024px){.g--gap-top-small{margin-top:90px}}@media (min-width: 1400px) and (max-width: 1799px){.g--gap-top-small{margin-top:63px}}@media (min-width: 1024px) and (max-width: 1399px){.g--gap-top-small{margin-top:54px}}@media (max-width:1023px){.g--gap-top-small{margin-top:45px}}@media (min-width: 720px) and (max-width: 1023px){.g--gap-top-small{margin-top:90px}}@media (min-width:1024px){.g--gap-bottom-small{margin-bottom:90px}}@media (min-width: 1400px) and (max-width: 1799px){.g--gap-bottom-small{margin-bottom:63px}}@media (min-width: 1024px) and (max-width: 1399px){.g--gap-bottom-small{margin-bottom:54px}}@media (max-width:1023px){.g--gap-bottom-small{margin-bottom:45px}}@media (min-width: 720px) and (max-width: 1023px){.g--gap-bottom-small{margin-bottom:90px}}@media (min-width:1024px){.g--wrapper{width:calc(100% - 64px)}}@media (max-width:1023px){.g--pt-hidden{display:none !important}}@media (min-width:1024px){.g--ls-hidden{display:none !important}}@media (max-width:720px){.g--mb-hidden{display:none !important}}@media not screen and (max-width:720px){.g--mb-show{display:none !important}}.g--black{color:#000}.g--grey{color:#969696}.g--white{color:#fff}.g--bold{font-family:OPPOSans-Bold;font-weight:400}.g--font-0{font-family:OPPOSans-Bold;font-weight:400;font-size:40px;line-height:40px;letter-spacing:-3px}@media (min-width: 720px) and (max-width: 1023px){.g--font-0{font-size:80px;line-height:80px;letter-spacing:-6px}}@media (min-width:1024px){.g--font-0{font-size:92px;line-height:92px;letter-spacing:-5px}}@media (min-width: 1400px) and (max-width: 1799px){.g--font-0{font-size:64px;line-height:64px;letter-spacing:-3px}}@media (min-width: 1024px) and (max-width: 1399px){.g--font-0{font-size:55px;line-height:55px;letter-spacing:-3px}}.g--font-1{font-family:OPPOSans-Medium;font-weight:400}@media (max-width:1023px){.g--font-1{font-size:24px;line-height:36px;letter-spacing:-.09px}.g--font-1.big{font-size:36px;line-height:56px;letter-spacing:-.18px}}@media (min-width:1024px){.g--font-1{font-size:42px;line-height:64px;letter-spacing:0px}}@media (min-width: 1400px) and (max-width: 1799px){.g--font-1{font-size:29px;line-height:45px;letter-spacing:0px}}@media (min-width: 1024px) and (max-width: 1399px){.g--font-1{font-size:25px;line-height:38px;letter-spacing:0px}}@media (max-width:1023px){.g--font-2{font-size:14px;line-height:24px;letter-spacing:-.06px}.g--font-2.small{font-size:12px;line-height:20px;letter-spacing:-.05px}.g--font-2.s-small{font-size:9px;line-height:16px;letter-spacing:-.04px}}@media (min-width:1024px){.g--font-2{font-size:20px;line-height:32px;letter-spacing:0px}}@media (min-width: 1400px) and (max-width: 1799px){.g--font-2{font-size:14px;line-height:22px;letter-spacing:0px}}@media (min-width: 1024px) and (max-width: 1399px){.g--font-2{font-size:12px;line-height:19px;letter-spacing:0px}}.g--font-3{font-size:12px;line-height:20px;letter-spacing:-.05px}.g--font-3.bold{font-family:OPPOSans-Bold;font-weight:400}@media (min-width:1024px){.g--font-3{font-size:20px;line-height:26px;letter-spacing:0px}}@media (min-width: 1400px) and (max-width: 1799px){.g--font-3{font-size:14px;line-height:18px;letter-spacing:0px}}@media (min-width: 1024px) and (max-width: 1399px){.g--font-3{font-size:12px;line-height:16px;letter-spacing:0px}}.g--font-4{font-family:OPPOSans-Bold;font-weight:400;font-size:16px;line-height:28px;letter-spacing:-.1px}.g--font-4.regular{font-family:OPPOSans-Regular;font-weight:400}@media (min-width:1024px){.g--font-4{font-size:24px;line-height:40px;letter-spacing:0px}}@media (min-width: 1400px) and (max-width: 1799px){.g--font-4{font-size:17px;line-height:28px;letter-spacing:0px}}@media (min-width: 1024px) and (max-width: 1399px){.g--font-4{font-size:14px;line-height:24px;letter-spacing:0px}}.g--font-5{font-family:OPPOSans-Bold;font-weight:400;font-size:14px;line-height:24px;letter-spacing:-.06px}@media (min-width:1024px){.g--font-5{font-family:OPPOSans-S-R;font-size:52px;line-height:64px;letter-spacing:0px}}@media (min-width: 1400px) and (max-width: 1799px){.g--font-5{font-size:36px;line-height:45px;letter-spacing:0px}}@media (min-width: 1024px) and (max-width: 1399px){.g--font-5{font-size:31px;line-height:38px;letter-spacing:0px}}.g--font-6{font-family:OPPOSans-Bold;font-weight:400;font-size:16px;line-height:24px;letter-spacing:-.05px}@media (min-width:1024px){.g--font-6{font-family:OPPOSans-Medium;font-weight:400;font-size:36px;line-height:56px;letter-spacing:0px}}@media (min-width: 1400px) and (max-width: 1799px){.g--font-6{font-size:25px;line-height:39px;letter-spacing:0px}}@media (min-width: 1024px) and (max-width: 1399px){.g--font-6{font-size:22px;line-height:34px;letter-spacing:0px}}.g--font-7{font-size:12px;line-height:20px;letter-spacing:-.05px}.g--font-7.bold{font-family:OPPOSans-Bold;font-weight:400}.g--font-8{font-family:OPPOSans-Bold;font-weight:400;font-size:16px;line-height:30px;letter-spacing:-.06px}@media (min-width:1024px){.g--font-8{font-size:30px;line-height:36px;letter-spacing:0px}}@media (min-width: 1400px) and (max-width: 1799px){.g--font-8{font-size:21px;line-height:25px;letter-spacing:0px}}@media (min-width: 1024px) and (max-width: 1399px){.g--font-8{font-size:18px;line-height:22px;letter-spacing:0px}}.g--font-tag{font-family:OPPOSans-Bold;font-weight:400;font-size:16px;line-height:30px;letter-spacing:-.06px}@media (min-width:1024px){.g--font-tag{font-size:24px;line-height:36px;letter-spacing:0px}}@media (min-width: 1400px) and (max-width: 1799px){.g--font-tag{font-size:17px;line-height:25px;letter-spacing:0px}}@media (min-width: 1024px) and (max-width: 1399px){.g--font-tag{font-size:14px;line-height:22px;letter-spacing:0px}}.g--font-9{font-family:OPPOSans-Medium;font-weight:400;font-size:20px;line-height:32px;letter-spacing:-.12px}@media (min-width:1024px){.g--font-9{font-size:36px;line-height:56px;letter-spacing:0px}}@media (min-width: 1400px) and (max-width: 1799px){.g--font-9{font-size:25px;line-height:39px;letter-spacing:0px}}@media (min-width: 1024px) and (max-width: 1399px){.g--font-9{font-size:22px;line-height:34px;letter-spacing:0px}}.g--font-10{font-size:14px;line-height:18px;letter-spacing:-.12px}@media (min-width:1024px){.g--font-10{font-size:36px;line-height:40px;letter-spacing:-.18px}}.g--font-11{font-family:OPPOSans-Medium;font-weight:400;font-size:14px;line-height:18px;letter-spacing:0}@media (min-width:1024px){.g--font-11{font-size:20px;line-height:18px;letter-spacing:0}}@media (min-width: 1400px) and (max-width: 1799px){.g--font-11{font-size:14px;line-height:13px}}@media (min-width: 1024px) and (max-width: 1399px){.g--font-11{font-size:12px;line-height:11px}}.g--font-12{font-family:OPPOSans-Bold;font-weight:400;font-size:16px;line-height:30px;letter-spacing:-.06px}.g--font-13{font-family:OPPOSans-Medium;font-weight:400;font-size:12px;line-height:24px;letter-spacing:-.05px}.g--font-tips-0{font-size:8px;line-height:12px;letter-spacing:-.03px}@media (min-width:1024px){.g--font-tips-0{font-size:12px;line-height:17px;letter-spacing:-.07px}}@media (max-width:1023px){.g--font-tips-1{font-size:9px;line-height:16px;letter-spacing:-.04px}.g--font-tips-1.bold{font-family:OPPOSans-Bold;font-weight:400;font-size:12px;line-height:20px;letter-spacing:-.05px}.g--font-tips-1.bold-b{font-size:16px;line-height:20px;letter-spacing:-.07px}}@media (min-width:1024px){.g--font-tips-1{font-size:20px;line-height:32px;letter-spacing:0px}}@media (min-width: 1400px) and (max-width: 1799px){.g--font-tips-1{font-size:14px;line-height:22px;letter-spacing:0px}}@media (min-width: 1024px) and (max-width: 1399px){.g--font-tips-1{font-size:12px;line-height:19px;letter-spacing:0px}}.g--font-tips-2{font-size:9px;line-height:20px;letter-spacing:-.04px}.g--font-button-0{font-family:OPPOSans-Medium;font-weight:400;font-size:14px;line-height:24px;letter-spacing:-.07px}@media (min-width:1024px){.g--font-button-0{font-size:16px;line-height:24px;letter-spacing:-.07px}}.g--font-button-1{font-family:OPPOSans-Bold;font-weight:400;font-size:14px;line-height:20px;letter-spacing:-.05px}@media (min-width:1024px){.g--font-button-1{font-size:20px;line-height:32px;letter-spacing:-.12px}}.zn--wrapper,.zn--navbar{font-size:16px;font-family:OPPOSans-Regular,'PingFang SC','Hiragino Sans GB','STHeiti','Microsoft YaHei','WenQuanYi Micro Hei','Helvetica Neue','Helvetica','Arial',sans-serif}@media (min-width:1024px){.zn--wrapper,.zn--navbar{font-family:OPPOSans-S-R,'PingFang SC','Hiragino Sans GB','STHeiti','Microsoft YaHei','WenQuanYi Micro Hei','Helvetica Neue','Helvetica','Arial',sans-serif}}.zn--wrapper *,.zn--navbar *{box-sizing:border-box}.zn--wrapper a,.zn--navbar a{text-decoration:none}.zn--wrapper img,.zn--navbar img{display:block;max-width:initial;opacity:0}.zn--wrapper img.loaded,.zn--navbar img.loaded{opacity:1}.zn--wrapper canvas img,.zn--navbar canvas img{display:none}.zn--wrapper video,.zn--navbar video{display:block;max-width:initial}.zn--wrapper br,.zn--navbar br{font-family:'Open Sans','-apple-system','BlinkMacSystemFont','Helvetica Neue','Helvetica','Roboto','Arial','PingFang SC','Hiragino Sans GB','Microsoft Yahei','Microsoft Jhenghei','sans-serif'}.zn--wrapper h2,.zn--navbar h2,.zn--wrapper h1,.zn--navbar h1{position:absolute;overflow:hidden;width:1px;height:1px;border:none;margin:0;padding:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(0 0 99.9%);clip-path:inset(0 0 99.9%)}@media (max-width:768px){#oc-header{overflow:hidden}}#oc-wrapper{overflow:visible}#footer{overflow-x:hidden}body.no-scroll{overflow-y:hidden}.zn--wrapper{background:#000;color:#fff}.zn--wrapper .vertical-center{height:100%;display:flex;align-items:center}.zn--wrapper .vertical-center > *{width:100%}.zn--wrapper .horizontal-center{width:100%;display:flex;align-items:center;flex-direction:column}.zn--wrapper .horizontal-center > *{height:100%}.zn--wrapper .text-center{text-align:center}.zn--wrapper .g--sticky-container,.zn--wrapper .sticky-container{position:relative}.zn--wrapper .g--sticky-item,.zn--wrapper .sticky{position:-webkit-sticky;position:sticky;top:0}.zn--wrapper .fixed,.zn--wrapper .absolute{left:0;top:0}.zn--wrapper .fixed{position:fixed}.zn--wrapper .absolute{position:absolute}.zn--wrapper .relative{position:relative}@media (max-width:1023px){.zn--wrapper .fixed-pt,.zn--wrapper .absolute-pt{left:0;top:0}.zn--wrapper .fixed-pt{position:fixed}.zn--wrapper .absolute-pt{position:absolute}}@media (min-width:1024px){.zn--wrapper .fixed-ls,.zn--wrapper .absolute-ls{left:0;top:0}.zn--wrapper .fixed-ls{position:fixed}.zn--wrapper .absolute-ls{position:absolute}}#online-store{color:#000;position:fixed;z-index:999;top:-999vh;top:calc(-999 * var(--vh, 1vh));left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}#online-store .mask{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.65);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;transition:opacity .5s ease}#online-store .store-container{position:relative;z-index:2;background-color:#fff;width:1312px;height:720px;opacity:0;-webkit-transform:translateY(25%);transform:translateY(25%);transition-delay:.25s;transition:opacity .5s ease,-webkit-transform .5s ease;transition:transform .5s ease,opacity .5s ease;transition:transform .5s ease,opacity .5s ease,-webkit-transform .5s ease}@media (min-width:1440px) and (max-width:1600px){#online-store .store-container{width:1312px;height:625px}}@media (min-width:1024px) and (max-width:1439px){#online-store .store-container{width:896px;height:580px}}@media (min-width:768px) and (max-width:1439px){#online-store .store-container{width:720px;height:850px}}@media (max-width:767px){#online-store .store-container{width:320px;height:620px}}@media (max-width:1023px){#online-store .store-container{max-height:100vh;max-height:calc(100 * var(--vh, 1vh))}}#online-store .store-container .store-page{width:100%;height:100%;overflow:hidden;overflow-y:scroll}#online-store .store-container .store-page::-webkit-scrollbar{width:4px}#online-store .store-container .store-page::-webkit-scrollbar-thumb{background-color:#2ec84d}#online-store .store-container .store-page .close-button{position:absolute;z-index:3;top:32px;right:32px;width:14px;height:14px;cursor:pointer}#online-store .store-container .store-page .title-area{position:absolute;z-index:2;top:0;left:0;width:calc(100% - 4px);height:146px;background-color:#fff;text-align:center;padding-top:70px}#online-store .store-container .store-page .title-area p{font-size:28px;line-height:44px;letter-spacing:-.1;font-family:OPPOSans-Bold}#online-store .store-container .store-page .store-content{position:relative;z-index:1;width:100%;margin-top:146px;margin-bottom:28px}#online-store .store-container .store-page .store-content .store-list{width:1088px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center}@media (min-width:1024px) and (max-width:1439px){#online-store .store-container .store-page .store-content .store-list{width:664px}}@media (min-width:768px) and (max-width:1439px){#online-store .store-container .store-page .store-content .store-list{width:532px}}@media (max-width:767px){#online-store .store-container .store-page .store-content .store-list{width:280px}}#online-store .store-container .store-page .store-content .store-list .store-title{flex:100%;text-align:center;margin-bottom:20px}#online-store .store-container .store-page .store-content .store-list .store{width:192px;height:144px;background-color:rgba(0,0,0,0.04);margin-bottom:32px;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease;-webkit-clip-path:inset(0 round 50%);clip-path:inset(0 round 50%);overflow:hidden}.show#online-store .store-container .store-page .store-content .store-list .store{-webkit-clip-path:inset(0 round 0);clip-path:inset(0 round 0);transition:-webkit-clip-path .4s ease .4s;transition:clip-path .4s ease .4s;transition:clip-path .4s ease .4s, -webkit-clip-path .4s ease .4s}#online-store .store-container .store-page .store-content .store-list .store img{width:118px;height:80px;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease}@media (min-width:1440px){#online-store .store-container .store-page .store-content .store-list .store:not(:nth-of-type(5n+1)){margin-left:32px}}@media (min-width:1024px) and (max-width:1439px){#online-store .store-container .store-page .store-content .store-list .store{width:200px;height:150px}#online-store .store-container .store-page .store-content .store-list .store:not(:nth-of-type(3n+1)){margin-left:32px}#online-store .store-container .store-page .store-content .store-list .store img{width:122px;height:82px}}@media (min-width:768px) and (max-width:1439px){#online-store .store-container .store-page .store-content .store-list .store{width:155px;height:116px}#online-store .store-container .store-page .store-content .store-list .store:not(:nth-of-type(3n+1)){margin-left:32px}#online-store .store-container .store-page .store-content .store-list .store img{width:95px;height:64px}}@media (max-width:767px){#online-store .store-container .store-page .store-content .store-list .store{width:132px;height:96px}#online-store .store-container .store-page .store-content .store-list .store:not(:nth-of-type(2n+1)){margin-left:16px}#online-store .store-container .store-page .store-content .store-list .store img{width:98px;height:66px}}#online-store .store-container .store-page .store-content .store-list .store:hover,#online-store .store-container .store-page .store-content .store-list .store :active{background-color:rgba(0,0,0,0.01)}#online-store .store-container .store-page .store-content .store-list .store:hover img,#online-store .store-container .store-page .store-content .store-list .store :active img{-webkit-transform:scale(.9);transform:scale(.9)}#online-store .store-container .store-page .store-content .store-list:not(:first-child){margin-top:6px}#online-store.show{top:0}#online-store.show .mask{opacity:1}#online-store.show .store-container{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}#navbar{position:-webkit-sticky;position:sticky;top:-1px;background-color:#fff;color:#000;cursor:default;height:60px;opacity:1;width:100%;z-index:10;border:1px solid rgba(0,0,0,0.1);border-left:none;border-right:none}@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.56);transition:background-color .3s ease}#navbar .indicator .arrow{fill:#000;transition:fill .3s ease}[data-theme='dark']:not([data-active-selector])#navbar .indicator .arrow,[data-theme='dark'].colorful-selector#navbar .indicator .arrow{fill:#fff}#navbar .products,#navbar .links,#navbar .buttons{align-items:center;min-width:0}#navbar .link:not(:first-child),#navbar .button:not(:first-child){margin-left:18px}@media (min-width: 1400px) and (max-width: 1799px){#navbar .link:not(:first-child),#navbar .button:not(:first-child){margin-left:13px}}@media (min-width: 1024px) and (max-width: 1399px){#navbar .link:not(:first-child),#navbar .button:not(:first-child){margin-left:11px}}@media (max-width:1023px){#navbar .link:not(:first-child),#navbar .button:not(:first-child){margin-left:0}}@media (max-width:1023px){#navbar .link .a.default,#navbar .product .a.active,#navbar .product.special{display:none}}@media (max-width:1023px){#navbar .products,#navbar .links{align-items:stretch;flex-direction:column;left:0;overflow:hidden;position:absolute;top:100%;margin-top:1px;width:100%;visibility:hidden}#navbar .products > :last-child > :last-child,#navbar .links > :last-child > :last-child,#navbar .products > :last-child > :last-child > :last-child,#navbar .links > :last-child > :last-child > :last-child{border-bottom-color:transparent}#navbar .products li,#navbar .links li{background-color:#fff;justify-content:stretch;padding:0 20px;position:relative;-webkit-transform:translateY(-400%);transform:translateY(-400%);-webkit-transform:translateY(calc(-100% * var(--links-n, 4)));transform:translateY(calc(-100% * var(--links-n, 4)));transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease}[data-theme='dark']:not([data-active-selector])#navbar .products li,[data-theme='dark']:not([data-active-selector])#navbar .links li,[data-theme='dark'].colorful-selector#navbar .products li,[data-theme='dark'].colorful-selector#navbar .links li{background-color:#000}#navbar .products .a,#navbar .links .a{border-bottom:1px solid rgba(0,0,0,0.1);display:flex;justify-content:center;padding:14px 0;text-align:center;width:100%}[data-theme='dark']:not([data-active-selector])#navbar .products .a,[data-theme='dark']:not([data-active-selector])#navbar .links .a,[data-theme='dark'].colorful-selector#navbar .products .a,[data-theme='dark'].colorful-selector#navbar .links .a{background-color:#000;border-bottom:1px solid rgba(255,255,255,0.1)}}@media (min-width: 720px) and (max-width: 1023px){#navbar .products li,#navbar .links li{padding:0 40px}}#navbar .products{flex:1 1 0%;justify-content:flex-start}@media (max-width:1023px){#navbar .products{z-index:3}}#navbar .products .active{opacity:1;pointer-events:none;font-family:OPPOSans-Bold;font-weight:400}#navbar .products .divider{margin:0 18px}@media (min-width: 1400px) and (max-width: 1799px){#navbar .products .divider{margin:0 13px}}@media (min-width: 1024px) and (max-width: 1399px){#navbar .products .divider{margin:0 11px}}@media (max-width:1023px){#navbar .products .divider{display:none}}#navbar .products .divider .a{cursor:default}#navbar .links{flex:3 3 0%;justify-content:center}@media (min-width:1024px){#navbar .links{opacity:0}}@media (max-width:1023px){#navbar .links{z-index:4}}#navbar .links .default{pointer-events:none}#navbar .buttons{flex:1 1 0%;justify-content:flex-end}#navbar .buttons .button{overflow:hidden;position:relative;border-radius:2px}#navbar .buttons .button .a{font-family:OPPOSans-Bold;font-weight:400;background-color:#2dc84d;color:#fff;font-size:12px;height:30px;letter-spacing:0;line-height:1;opacity:1;padding:0 18px}@media (max-width:1023px){#navbar .buttons .button .a{height:32px;padding:0 12px;font-size:12px;min-width:64px}}#navbar .links[data-active=''] .default,#navbar .links:not([data-active]) .default{opacity:1;pointer-events:none;font-family:OPPOSans-Bold;font-weight:400}#navbar .links[data-active="1"] > li:nth-child(1) .a{opacity:1;pointer-events:none;font-family:OPPOSans-Bold;font-weight:400}#navbar .links[data-active="2"] > li:nth-child(2) .a{opacity:1;pointer-events:none;font-family:OPPOSans-Bold;font-weight:400}#navbar .links[data-active="3"] > li:nth-child(3) .a{opacity:1;pointer-events:none;font-family:OPPOSans-Bold;font-weight:400}#navbar .links[data-active="4"] > li:nth-child(4) .a{opacity:1;pointer-events:none;font-family:OPPOSans-Bold;font-weight:400}#navbar .links[data-active="5"] > li:nth-child(5) .a{opacity:1;pointer-events:none;font-family:OPPOSans-Bold;font-weight:400}#navbar .links[data-active="6"] > li:nth-child(6) .a{opacity:1;pointer-events:none;font-family:OPPOSans-Bold;font-weight:400}#navbar .links[data-active="7"] > li:nth-child(7) .a{opacity:1;pointer-events:none;font-family:OPPOSans-Bold;font-weight:400}#navbar .links[data-active="8"] > li:nth-child(8) .a{opacity:1;pointer-events:none;font-family:OPPOSans-Bold;font-weight:400}#navbar .links[data-active="9"] > li:nth-child(9) .a{opacity:1;pointer-events:none;font-family:OPPOSans-Bold;font-weight:400}#navbar .links[data-active="10"] > li:nth-child(10) .a{opacity:1;pointer-events:none;font-family:OPPOSans-Bold;font-weight:400}@media (max-width:1023px){#navbar{position:relative}#navbar .mask{height:100vh;height:calc(100 * var(--vh, 1vh));left:0;position:absolute;top:calc(100% + 1px);width:100%;z-index:0;display:none}#navbar .indicator{height:24px;margin-left:5px}#navbar .indicator .arrow{width:14px;height:14px;-webkit-transform:rotate(90deg);transform:rotate(90deg);transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease}#navbar .selector{align-items:center;display:flex;justify-content:flex-start}#navbar .selector li *{opacity:1;font-family:OPPOSans-Bold;font-weight:400}#navbar .selector[disabled] .indicator{display:none}[data-active-selector]#navbar .mask{display:block}[data-active-selector='product']#navbar .product-selector .indicator .arrow{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}[data-active-selector='product']#navbar .products{visibility:visible}[data-active-selector='product']#navbar .products > li{-webkit-transform:translateY(0);transform:translateY(0)}[data-active-selector='link']#navbar .link-selector .indicator .arrow{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}[data-active-selector='link']#navbar .links{visibility:visible}[data-active-selector='link']#navbar .links > li{-webkit-transform:translateY(0);transform:translateY(0)}#navbar .product-selector,#navbar .buttons{flex:0 0 85px}#navbar .link-selector{flex:1 1 0%;justify-content:center;margin:0 5px}}@media (min-width: 720px) and (max-width: 1023px){#navbar .product-selector,#navbar .buttons{flex:0 0 170px}}#oc-header.fixed{position:absolute}@media (min-width:1024px){#oc-wrapper{padding-top:.1px}}@media (min-width:1024px){.zn--navbar{margin-top:80px}}#oc-container .zn--navbar{margin-top:0}@media (min-width:1024px) and (max-width:1439px){.zn--navbar{margin-top:64px}}.zn--wrapper{position:relative}.g--popup{position:fixed;top:0;left:0;width:100%;height:100vh;height:calc(100 * var(--vh, 1vh));z-index:11;-webkit-transform:translateY(100vh);transform:translateY(100vh);-webkit-transform:translateY(calc(100 * var(--vh, 1vh)));transform:translateY(calc(100 * var(--vh, 1vh)))}.g--popup.show{-webkit-transform:translateY(0);transform:translateY(0);transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s, -webkit-transform .5s}.g--popup.disappear{transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s, -webkit-transform .5s}.g--popup .g--popup-container{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:100%}@media (max-width:1023px){.g--popup .g--popup-container{padding:0}}.g--popup .g--video-wrapper{position:relative;margin-top:-12px;width:75%;height:auto}@media (min-width:2260px){.g--popup .g--video-wrapper{margin-top:-24px}}@media (max-width:1023px){.g--popup .g--video-wrapper{width:100vw}}.g--popup .g--video-wrapper video{width:100%;height:100%;outline:none}.g--popup .g--video-wrapper video[src='']{display:none}.g--popup .g--popup-close{top:-32px;right:0;width:20px;height:20px;position:absolute;margin-left:auto;cursor:pointer;z-index:2}@media (min-width:2260px){.g--popup .g--popup-close{width:24px;height:24px}}@media (max-width:1023px){.g--popup .g--popup-close{right:16px;width:24px;height:24px}}@media (min-width: 720px) and (max-width: 1023px){.g--popup .g--popup-close{right:32px}}.g--popup-container{background:#000}.g--popup-close polygon{fill:#fff}[data-theme = 'white'] .g--popup-container{background:#fff}[data-theme = 'white'] .g--popup-close polygon{fill:#000}.g--video-converter .wrapper{height:100%;position:relative}.g--video-converter .wrapper .video{width:100%;height:100%;object-fit:cover;object-position:center}#section-kv{position:relative;z-index:2;width:100%;height:1050px;background-color:#fff;overflow:hidden}@media (min-width: 1400px) and (max-width: 1799px){#section-kv{height:735px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv{height:630px}}@media (max-width:1023px){#section-kv{height:calc(123vw + 150px)}#section-kv .title{width:100%;height:calc(13.125vw - 5px);margin-top:30px}#section-kv .g--ls-hidden{position:relative;z-index:2;mix-blend-mode:multiply}}@media (min-width: 720px) and (max-width: 1023px){#section-kv .title{height:calc(13.125vw - 11px);margin-top:60px}}@media (min-width: 720px) and (max-width: 1023px){#section-kv{height:calc(123vw + 300px)}}#section-kv .g--container{position:relative}#section-kv .g--container .reno5-wrapper-container{width:640px;height:606px;overflow:hidden}@media (min-width: 1400px) and (max-width: 1799px){#section-kv .g--container .reno5-wrapper-container{width:448px;height:424px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv .g--container .reno5-wrapper-container{width:384px;height:364px}}#section-kv .g--container .reno5-wrapper{position:relative;z-index:2;width:100%;height:502px;overflow:hidden;mix-blend-mode:multiply}@media (min-width: 1400px) and (max-width: 1799px){#section-kv .g--container .reno5-wrapper{height:351px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv .g--container .reno5-wrapper{height:301px}}@media (max-width:1023px){#section-kv .g--container .reno5-wrapper{height:calc(78.74vw - 32px);margin-top:90px}}@media (min-width: 720px) and (max-width: 1023px){#section-kv .g--container .reno5-wrapper{height:calc(78.74vw - 63px);margin-top:180px}}#section-kv .g--container .reno5-wrapper .bg{position:absolute;z-index:1;left:0;width:100%;height:138%;transition:-webkit-transform .5s ease-out;transition:transform .5s ease-out;transition:transform .5s ease-out, -webkit-transform .5s ease-out}#section-kv .g--container .reno5-wrapper .text-cover{position:relative;z-index:2;width:calc(100% + 4px);height:calc(100% + 4px);margin-left:-2px;margin-top:-2px}#section-kv .g--container .reno5-wrapper.up{margin-top:-422px}@media (min-width: 1400px) and (max-width: 1799px){#section-kv .g--container .reno5-wrapper.up{margin-top:-295px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv .g--container .reno5-wrapper.up{margin-top:-253px}}#section-kv .g--container .reno5-wrapper.up .bg{top:35%}#section-kv .g--container .reno5-wrapper.down{margin-top:20px}@media (min-width: 1400px) and (max-width: 1799px){#section-kv .g--container .reno5-wrapper.down{margin-top:14px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv .g--container .reno5-wrapper.down{margin-top:12px}}#section-kv .g--container .reno5-wrapper.down .bg{top:-5%}#section-kv .g--container .phone{position:absolute;z-index:3;top:161px;left:264px;width:1239px;height:437px}@media (min-width: 1400px) and (max-width: 1799px){#section-kv .g--container .phone{top:113px;left:185px;width:867px;height:306px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv .g--container .phone{top:97px;left:158px;width:743px;height:262px}}@media (max-width:1023px){#section-kv .g--container .phone{top:50px;left:-20px;width:100vw;height:123vw}}@media (min-width: 720px) and (max-width: 1023px){#section-kv .g--container .phone{top:100px;left:-40px}}#section-kv .g--container .phone-shadow{position:absolute;z-index:1;top:96px;left:163px;width:1409px;height:953px}@media (min-width: 1400px) and (max-width: 1799px){#section-kv .g--container .phone-shadow{top:67px;left:114px;width:986px;height:667px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv .g--container .phone-shadow{top:58px;left:98px;width:845px;height:572px}}@media (max-width:1023px){#section-kv .g--container .phone-shadow{top:50px;left:-20px;width:100vw;height:123vw}}@media (min-width: 720px) and (max-width: 1023px){#section-kv .g--container .phone-shadow{top:100px;left:-40px}}#section-kv .g--container .text-pic{position:relative;z-index:2;margin-top:90px;margin-left:20px;width:calc(100% - 40px);height:auto}@media (min-width: 720px) and (max-width: 1023px){#section-kv .g--container .text-pic{margin-top:180px;margin-left:40px;width:calc(100% - 80px)}}#section-kv .g--container .title-wrapper{position:relative;z-index:2;margin-top:125px;display:flex;align-items:center;mix-blend-mode:multiply}@media (min-width: 1400px) and (max-width: 1799px){#section-kv .g--container .title-wrapper{margin-top:88px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv .g--container .title-wrapper{margin-top:75px}}#section-kv .g--container .title-wrapper .title{height:90px}@media (min-width: 1400px) and (max-width: 1799px){#section-kv .g--container .title-wrapper .title{height:63px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv .g--container .title-wrapper .title{height:54px}}#section-kv .g--container .kv-slogan{margin-left:30px;height:110px}@media (min-width: 1400px) and (max-width: 1799px){#section-kv .g--container .kv-slogan{margin-left:21px;height:77px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv .g--container .kv-slogan{margin-left:18px;height:66px}}@media (max-width:1023px){#section-kv .g--container .kv-slogan{width:calc(100% + 8px);height:auto;margin:20px 0 0 -6px}}@media (min-width: 720px) and (max-width: 1023px){#section-kv .g--container .kv-slogan{width:calc(100% + 16px);margin:40px 0 0 -12px}}#section-kv .g--container .kv-shadow-title{position:relative;height:97px;margin-left:30px;white-space:nowrap}@media (min-width: 1400px) and (max-width: 1799px){#section-kv .g--container .kv-shadow-title{height:68px;margin-left:21px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv .g--container .kv-shadow-title{height:58px;margin-left:18px}}@media (max-width:1023px){#section-kv .g--container .kv-shadow-title{height:84px;margin:20px 0 0 0}}@media (min-width: 720px) and (max-width: 1023px){#section-kv .g--container .kv-shadow-title{height:168px;margin:40px 0 0 0}}#section-kv .g--container .kv-shadow-title .text{font-family:OPPOSans-Bold;font-weight:400;font-size:36px;letter-spacing:0;line-height:1.5;background-color:#fff}@media (min-width: 1400px) and (max-width: 1799px){#section-kv .g--container .kv-shadow-title .text{font-size:25px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv .g--container .kv-shadow-title .text{font-size:22px}}@media (max-width:1023px){#section-kv .g--container .kv-shadow-title .text{font-size:7.9vw}}#section-kv .g--container .kv-shadow-title .text:nth-child(1){position:relative;z-index:3;color:#000;margin-top:-3px}@media (min-width: 1400px) and (max-width: 1799px){#section-kv .g--container .kv-shadow-title .text:nth-child(1){margin-top:-2px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv .g--container .kv-shadow-title .text:nth-child(1){margin-top:-2px}}#section-kv .g--container .kv-shadow-title .text:nth-child(2){z-index:2;top:20px}@media (min-width: 1400px) and (max-width: 1799px){#section-kv .g--container .kv-shadow-title .text:nth-child(2){top:14px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv .g--container .kv-shadow-title .text:nth-child(2){top:12px}}@media (max-width:1023px){#section-kv .g--container .kv-shadow-title .text:nth-child(2){top:5vw}}#section-kv .g--container .kv-shadow-title .text:nth-child(3){z-index:1;bottom:0}#section-kv .g--container .kv-shadow-title .text:not(:first-child){position:absolute;left:0;-webkit-text-stroke:1px #000;-webkit-text-fill-color:transparent}#section-highlights{position:relative;z-index:1;width:100%;background-color:#fff}@media (min-width:1024px){#section-highlights{margin-top:-30vh;margin-top:calc(-30 * var(--vh, 1vh))}}#section-highlights .part-2{position:relative;z-index:1;width:100%;height:150vh;height:calc(150 * var(--vh, 1vh));margin-top:-30vh;margin-top:calc(-30 * var(--vh, 1vh))}#section-highlights .part-2 .sticky-wrapper{width:100%;height:100vh;height:calc(100 * var(--vh, 1vh))}#section-highlights .part-2 .sticky-wrapper .back{position:absolute;z-index:1;top:calc(50vh - 19vw);top:calc((50 * var(--vh, 1vh)) - 19vw);left:30vw;width:40.57vw;height:32.97vw}#section-highlights .part-2 .sticky-wrapper .front{position:absolute;z-index:3;top:47vh;top:calc(47 * var(--vh, 1vh));left:29vw;width:38vw;height:17.77vw}#section-highlights .part-2 .sticky-wrapper .front .phone{position:relative;width:100%;height:100%;-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}#section-highlights .part-2 .sticky-wrapper .front .phone img{position:relative;z-index:2;width:100%;height:100%}#section-highlights .part-2 .sticky-wrapper .front .phone video{position:absolute;z-index:1;top:2%;left:2%;width:96%;height:96%;border-radius:3%}#section-highlights .part-2 .sticky-wrapper .s-text-wrapper{position:absolute;z-index:2;top:45vh;top:calc(45 * var(--vh, 1vh));left:0;width:100%;font-family:OPPOSans-Bold;font-weight:400;font-size:4.7vw;color:#9fb9fc;display:flex;justify-content:space-between;white-space:nowrap}#section-highlights .part-2 .sticky-wrapper .s-text-wrapper .s-text:not(:nth-child(2)){background:linear-gradient(-90deg,#ffc6ef,#a679ff,#96d2ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}#section-highlights .part-2 .sticky-wrapper .s-text-wrapper .mid{position:absolute;top:0;left:0;width:100%;text-align:center}#section-highlights .part-2 .sticky-wrapper .content{position:absolute;z-index:3;bottom:0;left:50vw;width:30vw}#section-highlights .part-2 .sticky-wrapper .content .text{margin-top:47px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-2 .sticky-wrapper .content .text{margin-top:33px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-2 .sticky-wrapper .content .text{margin-top:28px}}#section-highlights .part-3{position:relative;z-index:1;width:100%;height:200vh;height:calc(200 * var(--vh, 1vh))}#section-highlights .part-3 .sticky-wrapper{width:1312px;padding-bottom:287px;margin:0 auto;overflow:hidden}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-3 .sticky-wrapper{width:918px;padding-bottom:201px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-3 .sticky-wrapper{width:787px;padding-bottom:172px}}#section-highlights .part-3 .sticky-wrapper .flex-part{width:100%;display:flex}#section-highlights .part-3 .sticky-wrapper .flex-part .block{position:relative;width:50%}#section-highlights .part-3 .sticky-wrapper .flex-part .block .img-wrapper{position:relative;z-index:2;width:560px;height:746px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-3 .sticky-wrapper .flex-part .block .img-wrapper{width:392px;height:522px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-3 .sticky-wrapper .flex-part .block .img-wrapper{width:336px;height:448px}}#section-highlights .part-3 .sticky-wrapper .flex-part .block .img-wrapper video{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity .5s ease}#section-highlights .part-3 .sticky-wrapper .flex-part .block .img-wrapper video.on{opacity:1}#section-highlights .part-3 .sticky-wrapper .flex-part .block .img-wrapper video.off{opacity:0}#section-highlights .part-3 .sticky-wrapper .flex-part .block .clip-wrapper{position:absolute;z-index:3;top:0;left:0;width:560px;height:100vh;height:calc(100 * var(--vh, 1vh));overflow:hidden;pointer-events:none}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-3 .sticky-wrapper .flex-part .block .clip-wrapper{width:392px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-3 .sticky-wrapper .flex-part .block .clip-wrapper{width:336px}}#section-highlights .part-3 .sticky-wrapper .flex-part .block .tag-wrapper{position:relative;z-index:1;width:560px;margin-top:20px;display:flex;justify-content:space-between}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-3 .sticky-wrapper .flex-part .block .tag-wrapper{width:392px;margin-top:14px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-3 .sticky-wrapper .flex-part .block .tag-wrapper{width:336px;margin-top:12px}}#section-highlights .part-3 .sticky-wrapper .flex-part .block .tag-wrapper .switch-wrapper{display:flex}#section-highlights .part-3 .sticky-wrapper .flex-part .block .tag-wrapper .switch-wrapper .switch{color:#e0e0e0;padding-bottom:4px;cursor:pointer}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-3 .sticky-wrapper .flex-part .block .tag-wrapper .switch-wrapper .switch{padding-bottom:3px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-3 .sticky-wrapper .flex-part .block .tag-wrapper .switch-wrapper .switch{padding-bottom:2px}}#section-highlights .part-3 .sticky-wrapper .flex-part .block .tag-wrapper .switch-wrapper .switch.active{color:#000;border-bottom:2px solid #000}#section-highlights .part-3 .sticky-wrapper .flex-part .block .tag-wrapper .switch-wrapper .switch.mid{margin:0 25px;color:#000}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-3 .sticky-wrapper .flex-part .block .tag-wrapper .switch-wrapper .switch.mid{margin:0 18px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-3 .sticky-wrapper .flex-part .block .tag-wrapper .switch-wrapper .switch.mid{margin:0 15px}}#section-highlights .part-3 .sticky-wrapper .flex-part .block.left .text-wrapper{left:130px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-3 .sticky-wrapper .flex-part .block.left .text-wrapper{left:91px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-3 .sticky-wrapper .flex-part .block.left .text-wrapper{left:78px}}#section-highlights .part-3 .sticky-wrapper .flex-part .block.left .clip-wrapper{top:0;left:0}#section-highlights .part-3 .sticky-wrapper .flex-part .block.left .clip-wrapper .text-wrapper{top:35vh;top:calc(35 * var(--vh, 1vh))}#section-highlights .part-3 .sticky-wrapper .flex-part .block.right .img-wrapper{margin:150px 0 0 96px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-3 .sticky-wrapper .flex-part .block.right .img-wrapper{margin:105px 0 0 67px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-3 .sticky-wrapper .flex-part .block.right .img-wrapper{margin:90px 0 0 58px}}#section-highlights .part-3 .sticky-wrapper .flex-part .block.right .clip-wrapper{top:calc(896px - 100vh);top:calc(896px - (100 * var(--vh, 1vh)));left:96px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-3 .sticky-wrapper .flex-part .block.right .clip-wrapper{top:calc(627px - 100vh);top:calc(627px - (100 * var(--vh, 1vh)));left:67px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-3 .sticky-wrapper .flex-part .block.right .clip-wrapper{top:calc(538px - 100vh);top:calc(538px - (100 * var(--vh, 1vh)));left:58px}}#section-highlights .part-3 .sticky-wrapper .flex-part .block.right .clip-wrapper .text-wrapper{left:-78px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-3 .sticky-wrapper .flex-part .block.right .clip-wrapper .text-wrapper{left:-55px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-3 .sticky-wrapper .flex-part .block.right .clip-wrapper .text-wrapper{left:-47px}}#section-highlights .part-3 .sticky-wrapper .flex-part .block.right .text-wrapper{left:17px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-3 .sticky-wrapper .flex-part .block.right .text-wrapper{left:12px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-3 .sticky-wrapper .flex-part .block.right .text-wrapper{left:10px}}#section-highlights .part-3 .sticky-wrapper .flex-part .block.right .tag-wrapper{margin-left:96px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-3 .sticky-wrapper .flex-part .block.right .tag-wrapper{margin-left:67px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-3 .sticky-wrapper .flex-part .block.right .tag-wrapper{margin-left:58px}}#section-highlights .part-3 .sticky-wrapper .flex-part .block .text-wrapper{position:absolute;pointer-events:none}#section-highlights .part-3 .sticky-wrapper .flex-part .block .text-wrapper .text{position:absolute;font-family:OPPOSans-Bold;font-weight:400;font-size:90px;line-height:90px;letter-spacing:-1px;white-space:nowrap}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-3 .sticky-wrapper .flex-part .block .text-wrapper .text{font-size:63px;line-height:63px;letter-spacing:-1px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-3 .sticky-wrapper .flex-part .block .text-wrapper .text{font-size:54px;line-height:54px;letter-spacing:-1px}}#section-highlights .part-3 .sticky-wrapper .flex-part .block .text-wrapper.g--black{z-index:1;top:35vh;top:calc(35 * var(--vh, 1vh))}#section-highlights .part-3 .sticky-wrapper .flex-part .block .text-wrapper.g--black .text{background-color:#fff}#section-highlights .part-3 .sticky-wrapper .flex-part .block .text-wrapper.g--black .text:nth-child(2){z-index:1}#section-highlights .part-3 .sticky-wrapper .flex-part .block .text-wrapper.g--black .text:nth-child(1){z-index:2}#section-highlights .part-3 .sticky-wrapper .flex-part .block .text-wrapper.g--black .text:nth-child(3){z-index:3}#section-highlights .part-3 .sticky-wrapper .content{width:528px;margin-top:-120px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-3 .sticky-wrapper .content{width:370px;margin-top:-84px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-3 .sticky-wrapper .content{width:317px;margin-top:-72px}}#section-highlights .part-3 .sticky-wrapper .content .text{margin-top:47px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-3 .sticky-wrapper .content .text{margin-top:33px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-3 .sticky-wrapper .content .text{margin-top:28px}}#section-highlights .part-4{width:100%;height:300vh;height:calc(300 * var(--vh, 1vh));background-color:#000}#section-highlights .part-4 .sticky-wrapper{position:relative;width:100%;height:100vh;height:calc(100 * var(--vh, 1vh));overflow:hidden}#section-highlights .part-4 .sticky-wrapper .bg-text{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}#section-highlights .part-4 .sticky-wrapper .bg-text .text{font-family:OPPOSans-Bold;font-weight:400;font-size:10vw;line-height:1;white-space:nowrap}#section-highlights .part-4 .sticky-wrapper .bg-text .text.stroke{-webkit-text-stroke:3px #121212;-webkit-text-fill-color:transparent}#section-highlights .part-4 .sticky-wrapper .bg-text .text.grey{color:#121212}#section-highlights .part-4 .sticky-wrapper .bg-text .fresh-text-wrapper{position:absolute}#section-highlights .part-4 .sticky-wrapper .content-wrapper{position:relative;z-index:2;width:1030px;height:100%;margin:0 auto;display:flex;justify-content:space-between}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-4 .sticky-wrapper .content-wrapper{width:721px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-4 .sticky-wrapper .content-wrapper{width:618px}}#section-highlights .part-4 .sticky-wrapper .content-wrapper .phone-wrapper{position:relative;z-index:2;margin-top:calc(45vh - 386px);margin-top:calc((45 * var(--vh, 1vh)) - 386px);width:360px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-4 .sticky-wrapper .content-wrapper .phone-wrapper{margin-top:calc(45vh - 270px);margin-top:calc((45 * var(--vh, 1vh)) - 270px);width:252px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-4 .sticky-wrapper .content-wrapper .phone-wrapper{margin-top:calc(45vh - 232px);margin-top:calc((45 * var(--vh, 1vh)) - 232px);width:216px}}#section-highlights .part-4 .sticky-wrapper .content-wrapper .phone-wrapper .phone{position:relative;z-index:3;width:100%;height:772px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-4 .sticky-wrapper .content-wrapper .phone-wrapper .phone{height:540px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-4 .sticky-wrapper .content-wrapper .phone-wrapper .phone{height:463px}}#section-highlights .part-4 .sticky-wrapper .content-wrapper .phone-wrapper .phone-container{position:absolute;z-index:2;top:20px;left:15px;width:calc(360px - 30px);height:calc(772px - 30px);border-radius:5%;overflow:hidden}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-4 .sticky-wrapper .content-wrapper .phone-wrapper .phone-container{top:14px;left:11px;width:calc(252px - 21px);height:calc(540px - 21px)}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-4 .sticky-wrapper .content-wrapper .phone-wrapper .phone-container{top:12px;left:9px;width:calc(216px - 18px);height:calc(463px - 18px)}}#section-highlights .part-4 .sticky-wrapper .content-wrapper .phone-wrapper .phone-container .vooc{position:absolute;z-index:1;top:0%;left:0%;width:100%;height:auto;transition:opacity .5s ease}#section-highlights .part-4 .sticky-wrapper .content-wrapper .phone-wrapper .phone-container .fresh{position:absolute;z-index:2;top:0;left:0;width:auto;height:100%;transition:opacity .5s ease}#section-highlights .part-4 .sticky-wrapper .content-wrapper .phone-wrapper .vooc-line{position:relative;z-index:1;margin-top:-31px;margin-left:151px;width:62px;height:209px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-4 .sticky-wrapper .content-wrapper .phone-wrapper .vooc-line{margin-top:-22px;margin-left:106px;width:43px;height:146px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-4 .sticky-wrapper .content-wrapper .phone-wrapper .vooc-line{margin-top:-19px;margin-left:91px;width:37px;height:125px}}#section-highlights .part-4 .sticky-wrapper .content-wrapper .all-text-wrapper{position:relative;z-index:2;width:650px;height:100%;display:flex;align-items:center}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-4 .sticky-wrapper .content-wrapper .all-text-wrapper{width:455px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-4 .sticky-wrapper .content-wrapper .all-text-wrapper{width:390px}}#section-highlights .part-4 .sticky-wrapper .content-wrapper .all-text-wrapper .text-wrapper{position:absolute}#section-highlights .part-4 .sticky-wrapper .content-wrapper .all-text-wrapper .text-wrapper .main-text{width:444px;margin-top:58px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-4 .sticky-wrapper .content-wrapper .all-text-wrapper .text-wrapper .main-text{width:311px;margin-top:41px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-4 .sticky-wrapper .content-wrapper .all-text-wrapper .text-wrapper .main-text{width:266px;margin-top:35px}}#section-highlights .part-4 .sticky-wrapper .content-wrapper .all-text-wrapper .text-wrapper.vooc-wrapper{width:100%}#section-highlights .part-4 .sticky-wrapper .content-wrapper .all-text-wrapper .text-wrapper.vooc-wrapper .params-wrapper{display:flex;width:100%;margin-top:54px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-4 .sticky-wrapper .content-wrapper .all-text-wrapper .text-wrapper.vooc-wrapper .params-wrapper{margin-top:38px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-4 .sticky-wrapper .content-wrapper .all-text-wrapper .text-wrapper.vooc-wrapper .params-wrapper{margin-top:32px}}#section-highlights .part-4 .sticky-wrapper .content-wrapper .all-text-wrapper .text-wrapper.vooc-wrapper .params-wrapper .param .green-text{font-family:OPPOSans-Bold;font-weight:400;font-size:60px;line-height:1;background-image:linear-gradient(270deg,#59ef61 5%,#b4f96f 98%);-webkit-background-clip:text;color:transparent}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-4 .sticky-wrapper .content-wrapper .all-text-wrapper .text-wrapper.vooc-wrapper .params-wrapper .param .green-text{font-size:42px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-4 .sticky-wrapper .content-wrapper .all-text-wrapper .text-wrapper.vooc-wrapper .params-wrapper .param .green-text{font-size:36px}}#section-highlights .part-4 .sticky-wrapper .content-wrapper .all-text-wrapper .text-wrapper.vooc-wrapper .params-wrapper .param .text{margin-top:15px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-4 .sticky-wrapper .content-wrapper .all-text-wrapper .text-wrapper.vooc-wrapper .params-wrapper .param .text{margin-top:11px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-4 .sticky-wrapper .content-wrapper .all-text-wrapper .text-wrapper.vooc-wrapper .params-wrapper .param .text{margin-top:9px}}#section-highlights .part-4 .sticky-wrapper .content-wrapper .all-text-wrapper .text-wrapper.vooc-wrapper .params-wrapper .param:nth-child(2){margin-left:69px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-4 .sticky-wrapper .content-wrapper .all-text-wrapper .text-wrapper.vooc-wrapper .params-wrapper .param:nth-child(2){margin-left:48px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-4 .sticky-wrapper .content-wrapper .all-text-wrapper .text-wrapper.vooc-wrapper .params-wrapper .param:nth-child(2){margin-left:41px}}#section-highlights .learn-more{position:relative;z-index:1;text-align:center;padding:182px 0}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .learn-more{padding:127px 0}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .learn-more{padding:109px 0}}@media (max-width:1023px){#section-highlights .learn-more{padding:96px 0}}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .learn-more{padding:192px 0}}#section-highlights .learn-more .button-flex{margin-top:64px;display:flex;align-items:center;justify-content:center}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .learn-more .button-flex{margin-top:45px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .learn-more .button-flex{margin-top:38px}}@media (max-width:1023px){#section-highlights .learn-more .button-flex{margin-top:32px}}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .learn-more .button-flex{margin-top:64px}}#section-highlights .learn-more .button-flex .button{cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:2px}#section-highlights .learn-more .button-flex .button.btn-compare{position:relative;background-color:#fff;width:178px;height:48px}#section-highlights .learn-more .button-flex .button.btn-compare a{background-image:linear-gradient(270deg,#ffc6ef,#a679ff,#96d2ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 200%;background-position:0 50%;-webkit-animation:moveGradient 4s infinite linear;animation:moveGradient 4s infinite linear}#section-highlights .learn-more .button-flex .button.btn-compare::after{position:absolute;content:"";top:-1px;left:-1px;z-index:-1;width:180px;height:50px;border-radius:3px;background-image:linear-gradient(270deg,#ffc6ef,#a679ff,#96d2ff);background-size:200% 200%;background-position:0 50%;-webkit-animation:moveGradient 4s alternate infinite;animation:moveGradient 4s alternate infinite}#section-highlights .learn-more .button-flex .button.btn-buy{width:180px;height:50px;margin-left:44px;background-image:linear-gradient(270deg,#ffc6ef,#a679ff,#96d2ff);background-size:200% 200%;background-position:0 50%;-webkit-animation:moveGradient 4s infinite linear;animation:moveGradient 4s infinite linear}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .learn-more .button-flex .button.btn-buy{margin-left:31px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .learn-more .button-flex .button.btn-buy{margin-left:26px}}#section-highlights .learn-more .button-flex .button.btn-buy a{color:#fff}@media (max-width:1023px){#section-highlights .learn-more .button-flex .button.btn-compare{width:118px;height:34px}#section-highlights .learn-more .button-flex .button.btn-compare::after{width:120px;height:36px}#section-highlights .learn-more .button-flex .button.btn-buy{width:120px;height:36px;margin-left:10px}}@-webkit-keyframes moveGradient{50%{background-position:100% 50%}}@keyframes moveGradient{50%{background-position:100% 50%}}#section-highlights .learn-more .flex-wrapper{display:flex;justify-content:space-between;margin-top:64px;margin-bottom:182px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .learn-more .flex-wrapper{margin-top:45px;margin-bottom:127px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .learn-more .flex-wrapper{margin-top:38px;margin-bottom:109px}}@media (max-width:1023px){#section-highlights .learn-more .flex-wrapper{flex-wrap:wrap;margin-top:32px;margin-bottom:109px}}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .learn-more .flex-wrapper{margin-top:64px;margin-bottom:218px}}#section-highlights .learn-more .flex-wrapper .flex-part{position:relative;width:304px;height:220px;overflow:hidden;cursor:pointer}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .learn-more .flex-wrapper .flex-part{width:213px;height:154px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .learn-more .flex-wrapper .flex-part{width:182px;height:132px}}@media (min-width:1024px){#section-highlights .learn-more .flex-wrapper .flex-part:hover .bg{-webkit-transform:scale(1.2);transform:scale(1.2)}}@media (max-width:1023px){#section-highlights .learn-more .flex-wrapper .flex-part{width:42.22vw;height:30.56vw}#section-highlights .learn-more .flex-wrapper .flex-part:nth-child(n+3){margin-top:4.45vw}}#section-highlights .learn-more .flex-wrapper .flex-part .bg{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease, -webkit-transform .5s ease}#section-highlights .learn-more .flex-wrapper .flex-part .title{position:relative;z-index:2;margin-top:20px;line-height:1;display:flex;align-items:center;justify-content:center}@media (max-width:720px){#section-highlights .learn-more .flex-wrapper .flex-part .title{margin-top:11px}}@media (min-width:720px) and (max-width:1023px){#section-highlights .learn-more .flex-wrapper .flex-part .title{margin-top:28px}}#section-highlights .learn-more .flex-wrapper .flex-part .title .arrow{margin-left:5px;width:26px;height:26px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .learn-more .flex-wrapper .flex-part .title .arrow{margin-left:4px;width:18px;height:18px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .learn-more .flex-wrapper .flex-part .title .arrow{margin-left:3px;width:16px;height:16px}}@media (max-width:1023px){#section-highlights .learn-more .flex-wrapper .flex-part .title .arrow{width:14px;height:14px}}#section-highlights{margin-top:-50px}#section-highlights .part-1-pt{position:relative;width:100%;overflow:hidden;margin:300px 0}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-1-pt{margin:210px 0}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-1-pt{margin:180px 0}}@media (max-width:1023px){#section-highlights .part-1-pt{margin:96px 0;padding-top:180px}}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .part-1-pt{margin:192px 0;padding-top:360px}}#section-highlights .part-1-pt .g--container{position:relative}#section-highlights .part-1-pt .portrait-text{font-family:OPPOSans-Bold;font-weight:400;text-align:center;width:100%;font-size:90px;line-height:120px;letter-spacing:-1px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-1-pt .portrait-text{font-size:63px;line-height:84px;letter-spacing:-1px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-1-pt .portrait-text{font-size:54px;line-height:72px;letter-spacing:-1px}}@media (max-width:1023px){#section-highlights .part-1-pt .portrait-text{font-size:42px;line-height:60px;letter-spacing:0px;white-space:nowrap}}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .part-1-pt .portrait-text{font-size:84px;line-height:120px;letter-spacing:-1px}}#section-highlights .part-1-pt .portrait-text.white{position:absolute;z-index:3;top:0;left:0;color:#fff}#section-highlights .part-1-pt .portrait-text.black{position:relative;z-index:1;color:#000}@media (max-width:1023px){#section-highlights .part-1-pt .portrait-text.black{width:100vw;margin-left:-20px}}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .part-1-pt .portrait-text.black{margin-left:-40px}}#section-highlights .part-1-pt .p-img{position:absolute;z-index:2;top:190px;left:224px;width:864px;height:648px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-1-pt .p-img{top:133px;left:157px;width:605px;height:454px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-1-pt .p-img{top:114px;left:134px;width:518px;height:389px}}@media (max-width:1023px){#section-highlights .part-1-pt .p-img{top:96px;left:0;width:calc(100vw - 40px);height:calc(133.33vw - 53px)}}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .part-1-pt .p-img{top:192px;width:calc(100vw - 80px);height:calc(133.33vw - 107px)}}#section-highlights .part-1-pt .clip-wrapper{position:absolute;z-index:3;top:0;left:0;width:100%;height:838px;overflow:hidden}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-1-pt .clip-wrapper{height:587px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-1-pt .clip-wrapper{height:503px}}@media (max-width:1023px){#section-highlights .part-1-pt .clip-wrapper{width:100%;height:calc(133.33vw + 62px)}}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .part-1-pt .clip-wrapper{height:calc(133.33vw + 123px)}}#section-highlights .part-1-pt .content-wrapper{width:864px;margin:648px auto 0}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-1-pt .content-wrapper{width:605px;margin:454px auto 0}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-1-pt .content-wrapper{width:518px;margin:389px auto 0}}@media (max-width:1023px){#section-highlights .part-1-pt .content-wrapper{width:100%;margin:calc(133.33vw - 101px) 0 0 0;text-align:center}}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .part-1-pt .content-wrapper{margin:calc(133.33vw - 202px) 0 0 0}}#section-highlights .part-1-pt .content-wrapper .text{margin-top:30px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-1-pt .content-wrapper .text{margin-top:21px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-1-pt .content-wrapper .text{margin-top:18px}}@media (max-width:1023px){#section-highlights .part-1-pt .content-wrapper .text{margin-top:20px}}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .part-1-pt .content-wrapper .text{margin-top:40px}}#section-highlights .part-2-pt{padding-top:16px}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .part-2-pt{padding-top:32px}}#section-highlights .part-2-pt .big-title{position:relative;z-index:2;font-family:OPPOSans-Bold;font-weight:400;font-size:50px;line-height:60px;letter-spacing:-1px;text-align:center;width:100%;color:#9fb9fc}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .part-2-pt .big-title{font-size:100px;line-height:120px;letter-spacing:-1px}}#section-highlights .part-2-pt .pt-dual{position:relative;z-index:1;width:100%;height:calc(56.25vw - 23px);margin-top:-23px}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .part-2-pt .pt-dual{height:calc(56.25vw - 45px);margin-top:-46px}}#section-highlights .part-2-pt .title{margin-top:48px;text-align:center}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .part-2-pt .title{margin-top:96px}}#section-highlights .part-2-pt .text{margin-top:20px;text-align:center}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .part-2-pt .text{margin-top:40px}}#section-highlights .part-3-pt{padding:96px 0}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .part-3-pt{padding:192px 0}}#section-highlights .part-3-pt .dim,#section-highlights .part-3-pt .backlit{position:relative}#section-highlights .part-3-pt .big-text{font-family:OPPOSans-Bold;font-weight:400;font-size:50px;line-height:60px;letter-spacing:-1px;margin-left:-4px}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .part-3-pt .big-text{font-size:100px;line-height:120px;letter-spacing:-1px;margin-left:-8px}}#section-highlights .part-3-pt .big-text.back{position:relative;z-index:1;color:#000}#section-highlights .part-3-pt .big-text.front{position:absolute;z-index:3;top:-93px;left:-10px}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .part-3-pt .big-text.front{top:-186px;left:-20px}}#section-highlights .part-3-pt .clip-wrapper{position:absolute;z-index:3;width:calc(100% - 20px);height:calc(133.33vw - 80px);top:94px;left:10px;overflow:hidden}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .part-3-pt .clip-wrapper{width:calc(100% - 40px);height:calc(133.33vw - 160px);top:188px;left:20px}}#section-highlights .part-3-pt .img-wrapper{position:absolute;z-index:2;top:94px;left:10px;width:calc(100% - 20px);height:calc(133.33vw - 80px)}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .part-3-pt .img-wrapper{top:188px;left:20px;width:calc(100% - 40px);height:calc(133.33vw - 160px)}}#section-highlights .part-3-pt .img-wrapper canvas{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity .5s ease}#section-highlights .part-3-pt .img-wrapper canvas.on{z-index:2;-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);transition:-webkit-clip-path .75s ease;transition:clip-path .75s ease;transition:clip-path .75s ease, -webkit-clip-path .75s ease}#section-highlights .part-3-pt .img-wrapper canvas.off{z-index:1}#section-highlights .part-3-pt .img-wrapper.show .on{-webkit-clip-path:inset(0 0% 0 0);clip-path:inset(0 0% 0 0)}#section-highlights .part-3-pt .tag-wrapper{width:calc(100% - 20px);margin-top:calc(133.33vw - 146px);margin-left:10px;display:flex;justify-content:space-between}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .part-3-pt .tag-wrapper{width:calc(100% - 40px);margin-top:calc(133.33vw - 292px);margin-left:20px}}#section-highlights .part-3-pt .tag-wrapper .switch-wrapper{display:flex}#section-highlights .part-3-pt .tag-wrapper .switch-wrapper .switch{color:#e0e0e0;padding-bottom:2px}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .part-3-pt .tag-wrapper .switch-wrapper .switch{padding-bottom:3px}}#section-highlights .part-3-pt .tag-wrapper .switch-wrapper .switch.active{color:#000;border-bottom:1px solid #000}#section-highlights .part-3-pt .tag-wrapper .switch-wrapper .switch.mid{margin:0 12px;color:#000}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .part-3-pt .tag-wrapper .switch-wrapper .switch.mid{margin:0 24px}}#section-highlights .part-3-pt .content{width:100%;margin-top:45px;text-align:center}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .part-3-pt .content{margin-top:90px}}#section-highlights .part-3-pt .content .text{margin-top:20px}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .part-3-pt .content .text{margin-top:40px}}#section-highlights .part-3-pt .backlit{margin-top:48px}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .part-3-pt .backlit{margin-top:96px}}#section-highlights .part-4-pt{padding:96px 0;background-color:#000}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .part-4-pt{padding:192px 0}}#section-highlights .part-4-pt .content-wrapper .text{margin-top:20px}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .part-4-pt .content-wrapper .text{margin-top:40px}}#section-highlights .part-4-pt .phone-wrapper{position:relative;width:55.56vw;margin:32px auto 0}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .part-4-pt .phone-wrapper{margin:64px auto 0}}#section-highlights .part-4-pt .phone-wrapper .phone{position:relative;z-index:3;width:100%;height:119vw}#section-highlights .part-4-pt .phone-wrapper .vooc-line{position:relative;z-index:1;width:16.5%;margin:-5vw auto 0}#section-highlights .part-4-pt .phone-wrapper canvas{position:absolute;z-index:2;top:12px;left:10px;width:calc(55.56vw - 20px);height:calc(123.5vw - 44px);border-radius:10px}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .part-4-pt .phone-wrapper canvas{top:24px;left:20px;width:calc(55.56vw - 40px);height:calc(123.5vw - 89px);border-radius:20px}}#section-highlights .part-4-pt .tips-wrapper{width:calc(100% - 16px);margin:-18vw auto 0;display:flex;justify-content:space-between}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .part-4-pt .tips-wrapper{width:calc(100% - 32px)}}#section-highlights .part-4-pt .tips-wrapper .green-text{font-family:OPPOSans-Bold;font-weight:400;font-size:24px;line-height:1;background-image:linear-gradient(270deg,#59ef61 5%,#b4f96f 98%);-webkit-background-clip:text;color:transparent}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .part-4-pt .tips-wrapper .green-text{font-size:48px}}#section-highlights .part-4-pt .tips-wrapper .text{margin-top:12px}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .part-4-pt .tips-wrapper .text{margin-top:24px}}#section-highlights .part-4-pt .fresh-wrapper{margin-top:99px}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .part-4-pt .fresh-wrapper{margin-top:198px}}#section-camera{position:relative;width:100%;background-color:#fff}#section-camera .mobile-graphic-switcher{margin-top:48px}@media (min-width: 720px) and (max-width: 1023px){#section-camera .mobile-graphic-switcher{margin-top:96px}}#section-camera .mobile-graphic-switcher .media-wrapper{position:relative;width:100%;height:calc(133.33vw - 53px);margin-top:20px}@media (min-width: 720px) and (max-width: 1023px){#section-camera .mobile-graphic-switcher .media-wrapper{height:calc(133.33vw - 107px);margin-top:40px}}#section-camera .mobile-graphic-switcher .media-wrapper .media{position:absolute;top:0;left:0;width:100%;height:100%}#section-camera .mobile-graphic-switcher .media-wrapper .media.on{z-index:2;-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);transition:-webkit-clip-path .75s ease;transition:clip-path .75s ease;transition:clip-path .75s ease, -webkit-clip-path .75s ease}#section-camera .mobile-graphic-switcher .media-wrapper .media.off{z-index:1}#section-camera .mobile-graphic-switcher .media-wrapper.show .on{-webkit-clip-path:inset(0 0% 0 0);clip-path:inset(0 0% 0 0)}#section-camera .mobile-graphic-switcher .sub-wrapper{margin-top:20px;display:flex;justify-content:space-between}#section-camera .mobile-graphic-switcher .sub-wrapper .switch-wrapper{display:flex}#section-camera .mobile-graphic-switcher .sub-wrapper .switch-wrapper .switch{color:#e0e0e0}#section-camera .mobile-graphic-switcher .sub-wrapper .switch-wrapper .switch.active{color:#000;border-bottom:1px solid #000}#section-camera .mobile-graphic-switcher .sub-wrapper .switch-wrapper .line{width:1px;height:16px;background-color:#000;margin:7px 12px}#section-camera .mobile-graphic-switcher .detail{margin-top:20px}@media (max-width:1023px){#section-camera .imaging-title{padding:96px 0 212px 0}#section-camera .imaging-title .item{font-size:48px}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .imaging-title .item{font-size:96px}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .imaging-title{padding:192px 0 424px 0}}@media (min-width:1024px){#section-camera .imaging-title{padding:182px 0}}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .imaging-title{padding:127px 0}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .imaging-title{padding:109px 0}}#section-camera .part-0{position:relative;background-color:#000}@media (min-width:1024px){#section-camera .part-0{padding:182px 0}#section-camera .part-0 .content-wrapper{width:1120px;margin:0 auto;text-align:center}#section-camera .part-0 .content-wrapper .text{width:864px;margin:32px auto 0}}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part-0 .content-wrapper .text{width:605px;margin:22px auto 0}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-0 .content-wrapper .text{width:518px;margin:19px auto 0}}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part-0 .content-wrapper{width:784px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-0 .content-wrapper{width:672px}}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part-0{padding:127px 0}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-0{padding:109px 0}}@media (max-width:1023px){#section-camera .part-0{padding-top:116px}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .part-0{padding-top:232px}}#section-camera .part-0 .flex-wrapper{position:relative;width:1120px;height:910px;margin:145px auto 0}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part-0 .flex-wrapper{width:784px;height:637px;margin:102px auto 0}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-0 .flex-wrapper{width:672px;height:546px;margin:87px auto 0}}@media (max-width:1023px){#section-camera .part-0 .flex-wrapper{width:100%;height:100vw;margin:48px 0 0}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .part-0 .flex-wrapper{margin:96px 0 0}}#section-camera .part-0 .flex-wrapper .lens-wrapper{position:relative;z-index:2;padding-top:23px;height:800px;display:flex;flex-direction:column}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part-0 .flex-wrapper .lens-wrapper{padding-top:16px;height:560px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-0 .flex-wrapper .lens-wrapper{padding-top:14px;height:480px}}@media (max-width:1023px){#section-camera .part-0 .flex-wrapper .lens-wrapper{padding-top:21px;padding-left:20px;height:auto}#section-camera .part-0 .flex-wrapper .lens-wrapper .g--font-2{font-size:18px;line-height:1.5;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:left top;transform-origin:left top}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .part-0 .flex-wrapper .lens-wrapper{padding-top:41px;padding-left:40px}}#section-camera .part-0 .flex-wrapper .lens-wrapper .line{height:1px;background-color:#fff;-webkit-transform-origin:right;transform-origin:right;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease, -webkit-transform .5s ease;-webkit-transform:scaleX(0);transform:scaleX(0)}#section-camera .part-0 .flex-wrapper .lens-wrapper .line.show{-webkit-transform:scaleX(1);transform:scaleX(1)}#section-camera .part-0 .flex-wrapper .lens-wrapper .line.line1{width:520px}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part-0 .flex-wrapper .lens-wrapper .line.line1{width:364px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-0 .flex-wrapper .lens-wrapper .line.line1{width:312px}}#section-camera .part-0 .flex-wrapper .lens-wrapper .line.line2{width:420px;margin-top:65px}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part-0 .flex-wrapper .lens-wrapper .line.line2{width:294px;margin-top:45px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-0 .flex-wrapper .lens-wrapper .line.line2{width:252px;margin-top:39px}}@media (max-width:1023px){#section-camera .part-0 .flex-wrapper .lens-wrapper .line{height:2px}#section-camera .part-0 .flex-wrapper .lens-wrapper .line.line1{width:70px}#section-camera .part-0 .flex-wrapper .lens-wrapper .line.line2{width:70px;margin-top:40px}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .part-0 .flex-wrapper .lens-wrapper .line.line2{width:140px;margin-top:79px}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .part-0 .flex-wrapper .lens-wrapper .line.line1{width:140px}}#section-camera .part-0 .flex-wrapper .lens-wrapper .lenText{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px);transition:opacity .5s ease,-webkit-transform .5s ease;transition:opacity .5s ease,transform .5s ease;transition:opacity .5s ease,transform .5s ease,-webkit-transform .5s ease}#section-camera .part-0 .flex-wrapper .lens-wrapper .lenText.show{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}@media (max-width:1023px){#section-camera .part-0 .flex-wrapper .lens-wrapper .lenText{max-height:60px}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .part-0 .flex-wrapper .lens-wrapper .lenText{max-height:120px}}#section-camera .part-0 .flex-wrapper .lens-wrapper .len1{margin-top:18px}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part-0 .flex-wrapper .lens-wrapper .len1{margin-top:12px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-0 .flex-wrapper .lens-wrapper .len1{margin-top:11px}}@media (max-width:1023px){#section-camera .part-0 .flex-wrapper .lens-wrapper .len1{margin-top:7px}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .part-0 .flex-wrapper .lens-wrapper .len1{margin-top:13px}}#section-camera .part-0 .flex-wrapper .lens-wrapper .len2{margin-top:50px}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part-0 .flex-wrapper .lens-wrapper .len2{margin-top:35px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-0 .flex-wrapper .lens-wrapper .len2{margin-top:30px}}@media (max-width:1023px){#section-camera .part-0 .flex-wrapper .lens-wrapper .len2{margin-top:6px}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .part-0 .flex-wrapper .lens-wrapper .len2{margin-top:12px}}#section-camera .part-0 .flex-wrapper .camera-wrapper{position:absolute;z-index:1;top:0;left:0;width:100%;height:800px;overflow:hidden}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part-0 .flex-wrapper .camera-wrapper{height:560px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-0 .flex-wrapper .camera-wrapper{height:480px}}@media (max-width:1023px){#section-camera .part-0 .flex-wrapper .camera-wrapper{height:100%}}#section-camera .part-0 .flex-wrapper .camera-wrapper .back{position:absolute;z-index:1;top:0;right:24px;width:553px;height:800px}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part-0 .flex-wrapper .camera-wrapper .back{right:17px;width:387px;height:560px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-0 .flex-wrapper .camera-wrapper .back{right:14px;width:332px;height:480px}}@media (max-width:1023px){#section-camera .part-0 .flex-wrapper .camera-wrapper .back{right:0;width:53.6vw;height:100vw}}#section-camera .part-0 .flex-wrapper .camera-wrapper .front{position:absolute;z-index:2;top:177px;right:126px;width:553px;height:624px}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part-0 .flex-wrapper .camera-wrapper .front{top:124px;right:88px;width:387px;height:437px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-0 .flex-wrapper .camera-wrapper .front{top:106px;right:76px;width:332px;height:374px}}@media (max-width:1023px){#section-camera .part-0 .flex-wrapper .camera-wrapper .front{top:24.17vw;right:0;width:70.83vw;height:75.73vw}}#section-camera .part-0 .flex-wrapper .camera-wrapper .cover{position:absolute;z-index:3;top:630px;right:21px;width:700px;height:184px}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part-0 .flex-wrapper .camera-wrapper .cover{top:441px;right:15px;width:490px;height:129px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-0 .flex-wrapper .camera-wrapper .cover{top:378px;right:13px;width:420px;height:110px}}@media (max-width:1023px){#section-camera .part-0 .flex-wrapper .camera-wrapper .cover{top:75vw;right:0;width:100%;height:28vw}}#section-camera .part-0 .main-text{margin-top:10px}@media (min-width: 720px) and (max-width: 1023px){#section-camera .part-0 .main-text{margin-top:20px}}#section-camera .part-1{position:relative;padding:0;width:100%;overflow:hidden;padding:180px 0 0 0}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part-1{padding:126px 0 0 0}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-1{padding:108px 0 0 0}}@media (max-width:1023px){#section-camera .part-1{padding:96px 0 0 0}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .part-1{padding:192px 0 0 0}}#section-camera .part-1 .g--container{position:relative;z-index:2}#section-camera .part-1 .g--container .flex-wrapper{display:flex;justify-content:space-between}#section-camera .part-1 .g--container .flex-wrapper.wrapper1 .left video{width:752px;height:564px}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part-1 .g--container .flex-wrapper.wrapper1 .left video{width:526px;height:395px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-1 .g--container .flex-wrapper.wrapper1 .left video{width:451px;height:338px}}#section-camera .part-1 .g--container .flex-wrapper.wrapper1 .right{width:528px;padding-top:98px}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part-1 .g--container .flex-wrapper.wrapper1 .right{width:370px;padding-top:69px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-1 .g--container .flex-wrapper.wrapper1 .right{width:317px;padding-top:59px}}#section-camera .part-1 .g--container .flex-wrapper.wrapper1 .right .text{margin-top:32px}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part-1 .g--container .flex-wrapper.wrapper1 .right .text{margin-top:22px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-1 .g--container .flex-wrapper.wrapper1 .right .text{margin-top:19px}}#section-camera .part-1 .g--container .flex-wrapper.wrapper1 .right .button{margin-top:32px;color:#fff;background-color:#000;width:162px;height:48px;display:flex;align-items:center;justify-content:center;font-size:13px;font-family:OPPOSans-Bold;font-weight:400;cursor:pointer}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part-1 .g--container .flex-wrapper.wrapper1 .right .button{margin-top:22px;height:34px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-1 .g--container .flex-wrapper.wrapper1 .right .button{margin-top:19px;height:29px}}#section-camera .part-1 .g--container .flex-wrapper.wrapper2{margin-top:85px}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part-1 .g--container .flex-wrapper.wrapper2{margin-top:59px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-1 .g--container .flex-wrapper.wrapper2{margin-top:51px}}#section-camera .part-1 .g--container .flex-wrapper.wrapper2 .left{width:528px;padding-top:92px}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part-1 .g--container .flex-wrapper.wrapper2 .left{width:370px;padding-top:64px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-1 .g--container .flex-wrapper.wrapper2 .left{width:317px;padding-top:55px}}#section-camera .part-1 .g--container .flex-wrapper.wrapper2 .left .title{white-space:nowrap}#section-camera .part-1 .g--container .flex-wrapper.wrapper2 .left .text{margin-top:32px}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part-1 .g--container .flex-wrapper.wrapper2 .left .text{margin-top:22px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-1 .g--container .flex-wrapper.wrapper2 .left .text{margin-top:19px}}#section-camera .part-1 .g--container .flex-wrapper.wrapper2 .right video{width:752px;height:423px}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part-1 .g--container .flex-wrapper.wrapper2 .right video{width:526px;height:296px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-1 .g--container .flex-wrapper.wrapper2 .right video{width:451px;height:254px}}@media (min-width:1024px){#section-camera .part-1 .dual-view-wrapper{display:flex;justify-content:space-between;align-items:center;width:100%;height:942px}#section-camera .part-1 .dual-view-wrapper .left{width:650px}#section-camera .part-1 .dual-view-wrapper .left .text{margin-top:32px}#section-camera .part-1 .dual-view-wrapper .right{width:528px;height:100%}#section-camera .part-1 .dual-view-wrapper .right .dual{width:100%;height:100%}}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part-1 .dual-view-wrapper .right{width:370px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-1 .dual-view-wrapper .right{width:317px}}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part-1 .dual-view-wrapper .left .text{margin-top:22px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-1 .dual-view-wrapper .left .text{margin-top:19px}}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part-1 .dual-view-wrapper .left{width:455px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-1 .dual-view-wrapper .left{width:390px}}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part-1 .dual-view-wrapper{height:659px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-1 .dual-view-wrapper{height:565px}}@media (max-width:1023px){#section-camera .part-1 .dual-view-wrapper .text{margin-top:20px}#section-camera .part-1 .dual-view-wrapper .dual{margin-top:48px;width:100%;height:calc(178vw - 71px)}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .part-1 .dual-view-wrapper .dual{margin-top:96px;height:calc(178vw - 142px)}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .part-1 .dual-view-wrapper .text{margin-top:40px}}#section-camera .part-1 .portrait-video-wrapper .switch-wrapper{display:flex;font-family:OPPOSans-Bold;font-weight:400;font-size:16px;line-height:30px;letter-spacing:-.06px}#section-camera .part-1 .portrait-video-wrapper .switch-wrapper .switch{color:#e0e0e0;cursor:pointer}#section-camera .part-1 .portrait-video-wrapper .switch-wrapper .switch.active{color:#000;border-bottom:1px solid #000}#section-camera .part-1 .portrait-video-wrapper .switch-wrapper .line{width:1px;height:16px;background-color:#000;margin:7px 12px}@media (min-width:1024px){#section-camera .part-1 .portrait-video-wrapper{margin-top:-77px}#section-camera .part-1 .portrait-video-wrapper .flex-wrapper{display:flex;justify-content:space-between;align-items:center;width:100%}#section-camera .part-1 .portrait-video-wrapper .flex-wrapper .left{position:relative;width:528px}#section-camera .part-1 .portrait-video-wrapper .flex-wrapper .left video{width:100%;height:941px}#section-camera .part-1 .portrait-video-wrapper .flex-wrapper .left video.on{position:relative;z-index:2;-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);transition:-webkit-clip-path .75s ease-out;transition:clip-path .75s ease-out;transition:clip-path .75s ease-out, -webkit-clip-path .75s ease-out}#section-camera .part-1 .portrait-video-wrapper .flex-wrapper .left video.off{position:absolute;top:0;left:0;z-index:1}#section-camera .part-1 .portrait-video-wrapper .flex-wrapper .left.show .on{-webkit-clip-path:inset(0 0% 0 0);clip-path:inset(0 0% 0 0)}#section-camera .part-1 .portrait-video-wrapper .flex-wrapper .right{width:650px}#section-camera .part-1 .portrait-video-wrapper .flex-wrapper .right .text{margin-top:32px}}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part-1 .portrait-video-wrapper .flex-wrapper .right .text{margin-top:22px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-1 .portrait-video-wrapper .flex-wrapper .right .text{margin-top:19px}}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part-1 .portrait-video-wrapper .flex-wrapper .right{width:455px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-1 .portrait-video-wrapper .flex-wrapper .right{width:390px}}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part-1 .portrait-video-wrapper .flex-wrapper .left video{height:659px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-1 .portrait-video-wrapper .flex-wrapper .left video{height:565px}}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part-1 .portrait-video-wrapper .flex-wrapper .left{width:370px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-1 .portrait-video-wrapper .flex-wrapper .left{width:317px}}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part-1 .portrait-video-wrapper{margin-top:-54px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-1 .portrait-video-wrapper{margin-top:-46px}}@media (max-width:1023px){#section-camera .part-1 .portrait-video-wrapper{margin-top:96px}#section-camera .part-1 .portrait-video-wrapper .text{margin-top:20px}#section-camera .part-1 .portrait-video-wrapper .media-wrapper{height:calc(178vw - 71px)}#section-camera .part-1 .portrait-video-wrapper .sub-wrapper{justify-content:flex-end}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .part-1 .portrait-video-wrapper .media-wrapper{height:calc(178vw - 142px)}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .part-1 .portrait-video-wrapper .text{margin-top:40px}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .part-1 .portrait-video-wrapper{margin-top:192px}}@media (min-width:1024px){#section-camera .part-1 .soloop-wrapper{margin-top:-23px;display:flex;justify-content:space-between;align-items:center}#section-camera .part-1 .soloop-wrapper .left-part{width:650px}#section-camera .part-1 .soloop-wrapper .left-part .icon{width:66px;height:66px;margin-bottom:32px}#section-camera .part-1 .soloop-wrapper .left-part .title{white-space:nowrap}#section-camera .part-1 .soloop-wrapper .left-part .text{margin-top:32px}#section-camera .part-1 .soloop-wrapper .soloop{width:422px;height:907px}}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part-1 .soloop-wrapper .soloop{width:295px;height:635px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-1 .soloop-wrapper .soloop{width:253px;height:544px}}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part-1 .soloop-wrapper .left-part .text{margin-top:22px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-1 .soloop-wrapper .left-part .text{margin-top:19px}}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part-1 .soloop-wrapper .left-part .icon{width:46px;height:46px;margin-bottom:22px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-1 .soloop-wrapper .left-part .icon{width:40px;height:40px;margin-bottom:19px}}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part-1 .soloop-wrapper .left-part{width:455px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-1 .soloop-wrapper .left-part{width:390px}}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part-1 .soloop-wrapper{margin-top:-16px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-1 .soloop-wrapper{margin-top:-14px}}@media (max-width:1023px){#section-camera .part-1 .soloop-wrapper{margin-top:95px}#section-camera .part-1 .soloop-wrapper .title-wrapper{display:flex}#section-camera .part-1 .soloop-wrapper .title-wrapper .left{width:calc(100% - 66px)}#section-camera .part-1 .soloop-wrapper .title-wrapper .right{width:66px;height:66px}#section-camera .part-1 .soloop-wrapper .title-wrapper .right .icon{width:100%;height:100%}#section-camera .part-1 .soloop-wrapper .text{margin-top:20px}#section-camera .part-1 .soloop-wrapper .soloop{margin-top:45px;width:100%;height:calc(215.06vw - 86px)}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .part-1 .soloop-wrapper .soloop{margin-top:90px;height:calc(215.06vw - 172px)}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .part-1 .soloop-wrapper .text{margin-top:40px}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .part-1 .soloop-wrapper .title-wrapper .right{width:132px;height:132px}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .part-1 .soloop-wrapper .title-wrapper .left{width:calc(100% - 132px)}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .part-1 .soloop-wrapper{margin-top:190px}}@media (min-width:1024px){#section-camera .part-1 .ultra-steady-wrapper{margin-top:182px}#section-camera .part-1 .ultra-steady-wrapper .text-wrapper{width:650px}#section-camera .part-1 .ultra-steady-wrapper .text-wrapper .text{margin-top:32px}#section-camera .part-1 .ultra-steady-wrapper .video-wrapper{width:100%;margin-top:96px}#section-camera .part-1 .ultra-steady-wrapper .video-wrapper .steady{width:100%;height:738px}#section-camera .part-1 .ultra-steady-wrapper .video-wrapper .tag-wrapper{font-family:OPPOSans-Bold;font-weight:400;font-size:16px;line-height:30px;letter-spacing:-.06px;margin-top:12px;display:flex}#section-camera .part-1 .ultra-steady-wrapper .video-wrapper .tag-wrapper .tag{width:50%}}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part-1 .ultra-steady-wrapper .video-wrapper .tag-wrapper{margin-top:8px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-1 .ultra-steady-wrapper .video-wrapper .tag-wrapper{margin-top:7px}}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part-1 .ultra-steady-wrapper .video-wrapper .steady{height:517px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-1 .ultra-steady-wrapper .video-wrapper .steady{height:443px}}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part-1 .ultra-steady-wrapper .video-wrapper{margin-top:67px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-1 .ultra-steady-wrapper .video-wrapper{margin-top:58px}}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part-1 .ultra-steady-wrapper .text-wrapper .text{margin-top:22px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-1 .ultra-steady-wrapper .text-wrapper .text{margin-top:19px}}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part-1 .ultra-steady-wrapper .text-wrapper{width:455px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-1 .ultra-steady-wrapper .text-wrapper{width:390px}}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part-1 .ultra-steady-wrapper{margin-top:127px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-1 .ultra-steady-wrapper{margin-top:109px}}@media (max-width:1023px){#section-camera .part-1 .ultra-steady-wrapper{margin-top:101px}#section-camera .part-1 .ultra-steady-wrapper .text{margin-top:20px}#section-camera .part-1 .ultra-steady-wrapper .steady-wrapper{position:relative;width:100%;height:calc(225vw - 90px);margin-top:51px}#section-camera .part-1 .ultra-steady-wrapper .steady-wrapper .steady{position:relative;z-index:1;width:100%;height:100%}#section-camera .part-1 .ultra-steady-wrapper .steady-wrapper .tag{position:absolute;z-index:2;left:calc(50% - 99.35px);font-family:OPPOSans-Bold;font-weight:400;font-size:16px;line-height:30px;letter-spacing:.06px;color:#fff}#section-camera .part-1 .ultra-steady-wrapper .steady-wrapper .tag.on{top:calc(112.5vw - 25px)}#section-camera .part-1 .ultra-steady-wrapper .steady-wrapper .tag.off{top:calc(112.5vw - 65px - 30px)}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .part-1 .ultra-steady-wrapper .steady-wrapper .tag.off{top:calc(112.5vw - 130px - 30px)}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .part-1 .ultra-steady-wrapper .steady-wrapper .tag.on{top:calc(112.5vw - 50px)}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .part-1 .ultra-steady-wrapper .steady-wrapper{height:calc(225vw - 180px);margin-top:102px}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .part-1 .ultra-steady-wrapper .text{margin-top:40px}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .part-1 .ultra-steady-wrapper{margin-top:202px}}@media (min-width:1024px){#section-camera .part-1 .night-portrait-wrapper{padding-top:182px;padding-bottom:96px}#section-camera .part-1 .night-portrait-wrapper .text-wrapper .text{width:650px;margin-top:32px}#section-camera .part-1 .night-portrait-wrapper .pic-wrapper{position:relative;width:752px;margin:95px auto 0}#section-camera .part-1 .night-portrait-wrapper .pic-wrapper img{width:100%;height:1002px;transition:opacity .5s ease}#section-camera .part-1 .night-portrait-wrapper .pic-wrapper img.on{position:relative;z-index:1;opacity:0}#section-camera .part-1 .night-portrait-wrapper .pic-wrapper img.off{position:absolute;z-index:2;top:0;left:0}#section-camera .part-1 .night-portrait-wrapper .pic-wrapper .tag-container{position:relative;font-family:OPPOSans-Bold;font-weight:400;font-size:16px;line-height:30px;letter-spacing:-.06px;margin-top:12px}#section-camera .part-1 .night-portrait-wrapper .pic-wrapper .tag-container .tag{transition:opacity .5s ease}#section-camera .part-1 .night-portrait-wrapper .pic-wrapper .tag-container .tag.off{position:relative;z-index:2;color:#000}#section-camera .part-1 .night-portrait-wrapper .pic-wrapper .tag-container .tag.on{position:absolute;z-index:1;top:0;left:0;color:#fff;opacity:0}#section-camera .part-1 .night-portrait-wrapper.night-on .pic-wrapper .on{opacity:1}#section-camera .part-1 .night-portrait-wrapper.night-on .pic-wrapper .off{opacity:0}#section-camera .part-1 .night-portrait-wrapper.night-on .pic-wrapper .tag-container .on{opacity:1}#section-camera .part-1 .night-portrait-wrapper.night-on .pic-wrapper .tag-container .off{opacity:0}}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part-1 .night-portrait-wrapper .pic-wrapper .tag-container{margin-top:8px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-1 .night-portrait-wrapper .pic-wrapper .tag-container{margin-top:7px}}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part-1 .night-portrait-wrapper .pic-wrapper img{height:701px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-1 .night-portrait-wrapper .pic-wrapper img{height:601px}}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part-1 .night-portrait-wrapper .pic-wrapper{width:526px;margin:67px auto 0}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-1 .night-portrait-wrapper .pic-wrapper{width:451px;margin:57px auto 0}}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part-1 .night-portrait-wrapper .text-wrapper .text{width:455px;margin-top:22px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-1 .night-portrait-wrapper .text-wrapper .text{width:390px;margin-top:19px}}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part-1 .night-portrait-wrapper{padding-top:127px;padding-bottom:67px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-1 .night-portrait-wrapper{padding-top:109px;padding-bottom:58px}}@media (max-width:1023px){#section-camera .part-1 .night-portrait-wrapper{width:100%;margin-top:96px}#section-camera .part-1 .night-portrait-wrapper .text{margin-top:20px}#section-camera .part-1 .night-portrait-wrapper .text-wrapper{position:relative;z-index:2}#section-camera .part-1 .night-portrait-wrapper .night-portrait{position:relative;z-index:1;width:100%;height:150.56vw;margin-top:-40px}#section-camera .part-1 .night-portrait-wrapper .night-portrait img{width:100%;height:100%}#section-camera .part-1 .night-portrait-wrapper .night-portrait img.on{position:relative;z-index:1}#section-camera .part-1 .night-portrait-wrapper .night-portrait img.off{position:absolute;z-index:2;top:0;left:0;transition:opacity 1s ease}#section-camera .part-1 .night-portrait-wrapper .night-portrait.night-on .off{opacity:0}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .part-1 .night-portrait-wrapper .night-portrait{margin-top:-80px}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .part-1 .night-portrait-wrapper .text{margin-top:40px}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .part-1 .night-portrait-wrapper{margin-top:192px}}#section-camera .part-2{width:100%}@media (min-width:1024px){#section-camera .part-2 .sticky-wrapper{height:300vh;height:calc(300 * var(--vh, 1vh))}}#section-camera .part-2 .main-content .main-text{width:751px;margin-top:48px}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part-2 .main-content .main-text{width:526px;margin-top:34px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-2 .main-content .main-text{width:451px;margin-top:29px}}@media (max-width:1023px){#section-camera .part-2 .main-content .main-text{width:100%;margin-top:22px}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .part-2 .main-content .main-text{margin-top:44px}}#section-camera .part-2 .main-content .graphic-container .graphic-wrapper{margin:60px 0 0}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part-2 .main-content .graphic-container .graphic-wrapper{margin:42px 0 0}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-2 .main-content .graphic-container .graphic-wrapper{margin:36px 0 0}}#section-camera .part-2 .main-content .graphic-container .graphic-wrapper[g-selector= "1"] .title-wrapper{margin-top:129px}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part-2 .main-content .graphic-container .graphic-wrapper[g-selector= "1"] .title-wrapper{margin-top:90px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-2 .main-content .graphic-container .graphic-wrapper[g-selector= "1"] .title-wrapper{margin-top:77px}}#section-camera .part-2 .main-content .graphic-container .graphic-wrapper[g-selector= "2"] .title-wrapper{height:192px;margin-top:80px}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part-2 .main-content .graphic-container .graphic-wrapper[g-selector= "2"] .title-wrapper{height:134px;margin-top:56px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-2 .main-content .graphic-container .graphic-wrapper[g-selector= "2"] .title-wrapper{height:115px;margin-top:48px}}#section-camera .part-3{width:100%;background-color:#fff}#section-design{position:relative;width:100%;overflow:hidden}@media (max-width:1023px){#section-design .design-title{margin:212px 0}#section-design .design-title .item{font-size:48px}}@media (min-width: 720px) and (max-width: 1023px){#section-design .design-title .item{font-size:96px}}@media (min-width: 720px) and (max-width: 1023px){#section-design .design-title{margin:424px 0}}@media (min-width:1024px){#section-design .design-title{margin:182px 0}}@media (min-width: 1400px) and (max-width: 1799px){#section-design .design-title{margin:127px 0}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .design-title{margin:109px 0}}#section-design .flex-center{display:flex;align-items:center;justify-content:center}@media (min-width:1024px){#section-design .intro-radiant{display:flex}}#section-design .intro-radiant .left,#section-design .intro-radiant .right{transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s, -webkit-transform .5s}#section-design .intro-radiant .left.active,#section-design .intro-radiant .right.active{-webkit-transform:translateX(0);transform:translateX(0)}#section-design .intro-radiant .left{-webkit-transform:translateX(10%);transform:translateX(10%)}#section-design .intro-radiant .right{-webkit-transform:translateX(-10%);transform:translateX(-10%)}#section-design .intro-radiant .radiant-0{display:flex;flex-direction:column;justify-content:center;width:720px}@media (min-width: 1400px) and (max-width: 1799px){#section-design .intro-radiant .radiant-0{width:504px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .intro-radiant .radiant-0{width:432px}}@media (max-width:1023px){#section-design .intro-radiant .radiant-0{width:100%}}#section-design .intro-radiant .radiant-0 .radiant-content{width:650px;margin-top:32px}@media (min-width: 1400px) and (max-width: 1799px){#section-design .intro-radiant .radiant-0 .radiant-content{width:455px;margin-top:22px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .intro-radiant .radiant-0 .radiant-content{width:390px;margin-top:19px}}@media (max-width:1023px){#section-design .intro-radiant .radiant-0 .radiant-content{width:100%;margin-top:20px}}@media (min-width: 720px) and (max-width: 1023px){#section-design .intro-radiant .radiant-0 .radiant-content{margin-top:40px}}#section-design .intro-radiant .radiant-0 .radiant-content > :not(:first-child){width:100%;position:absolute;top:0;left:0}#section-design .intro-radiant .radiant-0 .radiant-content .r-detail{opacity:0}#section-design .intro-radiant .radiant-0 .radiant-content .r-detail.active{opacity:1}#section-design .intro-radiant .radiant-0 .color-selector{display:flex;margin-top:32px}@media (min-width: 1400px) and (max-width: 1799px){#section-design .intro-radiant .radiant-0 .color-selector{margin-top:22px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .intro-radiant .radiant-0 .color-selector{margin-top:19px}}@media (max-width:1023px){#section-design .intro-radiant .radiant-0 .color-selector{width:calc(100% - 20px);margin:20px auto 0 auto;justify-content:center}}@media (min-width: 720px) and (max-width: 1023px){#section-design .intro-radiant .radiant-0 .color-selector{margin:40px auto 0 auto}}#section-design .intro-radiant .radiant-0 .color-selector .item{cursor:pointer}#section-design .intro-radiant .radiant-0 .color-selector .item .color{width:54px;height:54px;border-radius:50%;margin:auto}@media (min-width: 1400px) and (max-width: 1799px){#section-design .intro-radiant .radiant-0 .color-selector .item .color{width:38px;height:38px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .intro-radiant .radiant-0 .color-selector .item .color{width:32px;height:32px}}#section-design .intro-radiant .radiant-0 .color-selector .item .color .circle{width:38px;height:38px;border-radius:50%}@media (min-width: 1400px) and (max-width: 1799px){#section-design .intro-radiant .radiant-0 .color-selector .item .color .circle{width:27px;height:27px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .intro-radiant .radiant-0 .color-selector .item .color .circle{width:23px;height:23px}}#section-design .intro-radiant .radiant-0 .color-selector .item .desc{opacity:0;margin-top:12px;text-align:center}@media (min-width: 1400px) and (max-width: 1799px){#section-design .intro-radiant .radiant-0 .color-selector .item .desc{margin-top:8px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .intro-radiant .radiant-0 .color-selector .item .desc{margin-top:7px}}#section-design .intro-radiant .radiant-0 .color-selector .item.active .color{border:1px solid #979797}#section-design .intro-radiant .radiant-0 .color-selector .item.active .desc{opacity:1}#section-design .intro-radiant .radiant-0 .color-selector .item-0 .circle{background:linear-gradient(90deg,#e0a9cf 0%,#a198ff 100%)}#section-design .intro-radiant .radiant-0 .color-selector .item-1{margin:0 20px}@media (min-width: 1400px) and (max-width: 1799px){#section-design .intro-radiant .radiant-0 .color-selector .item-1{margin:0 14px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .intro-radiant .radiant-0 .color-selector .item-1{margin:0 12px}}#section-design .intro-radiant .radiant-0 .color-selector .item-1 .circle{background:#5b5b5b}#section-design .intro-radiant .radiant-0 .color-selector .item-2 .circle{background:#4e48ff}#section-design .intro-radiant .radiant-0 .radiant-phone-mo{position:relative;width:100%;height:340px;overflow:hidden}@media (min-width: 720px) and (max-width: 1023px){#section-design .intro-radiant .radiant-0 .radiant-phone-mo{height:680px}}#section-design .intro-radiant .radiant-0 .radiant-phone-mo .phone{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;transition:opacity .4s}#section-design .intro-radiant .radiant-0 .radiant-phone-mo .phone.active{opacity:1}#section-design .intro-radiant .radiant-0 .radiant-phone-mo .phone .left,#section-design .intro-radiant .radiant-0 .radiant-phone-mo .phone .right{position:absolute;width:205px;height:438px}@media (min-width: 720px) and (max-width: 1023px){#section-design .intro-radiant .radiant-0 .radiant-phone-mo .phone .left,#section-design .intro-radiant .radiant-0 .radiant-phone-mo .phone .right{width:410px;height:876px}}#section-design .intro-radiant .radiant-0 .radiant-phone-mo .phone .left img,#section-design .intro-radiant .radiant-0 .radiant-phone-mo .phone .right img{width:100%;height:100%}#section-design .intro-radiant .radiant-0 .radiant-phone-mo .phone .left{left:0;top:89px}@media (min-width: 720px) and (max-width: 1023px){#section-design .intro-radiant .radiant-0 .radiant-phone-mo .phone .left{top:178px}}#section-design .intro-radiant .radiant-0 .radiant-phone-mo .phone .right{right:0;top:24px}@media (min-width: 720px) and (max-width: 1023px){#section-design .intro-radiant .radiant-0 .radiant-phone-mo .phone .right{top:48px}}#section-design .intro-radiant .radiant-0 .radiant-phone-mo .mask{position:absolute;left:-20px;top:255px;width:100vw;height:47vw}@media (min-width: 720px) and (max-width: 1023px){#section-design .intro-radiant .radiant-0 .radiant-phone-mo .mask{top:510px}}#section-design .intro-radiant .radiant-0 .radiant-phone-mo .mask img{width:100%;height:100%}#section-design .intro-radiant .radiant-1{margin-left:auto}#section-design .intro-radiant .radiant-1 .radiant-phone-pc{position:relative;width:512px;height:717px}@media (min-width: 1400px) and (max-width: 1799px){#section-design .intro-radiant .radiant-1 .radiant-phone-pc{width:358px;height:502px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .intro-radiant .radiant-1 .radiant-phone-pc{width:307px;height:430px}}#section-design .intro-radiant .radiant-1 .radiant-phone-pc .phone{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;transition:opacity .4s}#section-design .intro-radiant .radiant-1 .radiant-phone-pc .phone img{width:335px;height:100%}@media (min-width: 1400px) and (max-width: 1799px){#section-design .intro-radiant .radiant-1 .radiant-phone-pc .phone img{width:234px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .intro-radiant .radiant-1 .radiant-phone-pc .phone img{width:201px}}#section-design .intro-radiant .radiant-1 .radiant-phone-pc .phone .left,#section-design .intro-radiant .radiant-1 .radiant-phone-pc .phone .right{position:absolute;top:0}#section-design .intro-radiant .radiant-1 .radiant-phone-pc .phone .left{left:0}#section-design .intro-radiant .radiant-1 .radiant-phone-pc .phone .right{right:0}#section-design .intro-radiant .radiant-1 .radiant-phone-pc .phone.active{opacity:1}@media (min-width:1024px){#section-design .intro-body{display:flex;padding:182px 0 182px calc(50% - 656px)}#section-design .intro-body .body-0{display:flex;flex-direction:column;justify-content:center;width:460px}#section-design .intro-body .body-1-pc{margin:0 -40px 0 auto}#section-design .intro-body .body-1-pc .info{margin-top:18px}#section-design .intro-body .body-1-pc .horizontal-phone{margin-top:34px;width:47.91666666666667vw;height:2.916666666666667vw}#section-design .intro-body .body-1-pc .item-1{margin-top:70px}}@media (min-width: 1400px) and (max-width: 1799px){#section-design .intro-body .body-1-pc .item-1{margin-top:49px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .intro-body .body-1-pc .item-1{margin-top:42px}}@media (min-width: 1400px) and (max-width: 1799px){#section-design .intro-body .body-1-pc .horizontal-phone{margin-top:24px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .intro-body .body-1-pc .horizontal-phone{margin-top:20px}}@media (min-width: 1400px) and (max-width: 1799px){#section-design .intro-body .body-1-pc .info{margin-top:13px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .intro-body .body-1-pc .info{margin-top:11px}}@media (min-width: 1400px) and (max-width: 1799px){#section-design .intro-body .body-1-pc{margin:0 -28px 0 auto}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .intro-body .body-1-pc{margin:0 -24px 0 auto}}@media (min-width: 1400px) and (max-width: 1799px){#section-design .intro-body .body-0{width:322px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .intro-body .body-0{width:276px}}@media (min-width: 1400px) and (max-width: 1799px){#section-design .intro-body{padding:127px 0 127px calc(50% - 459px)}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .intro-body{padding:109px 0 109px calc(50% - 394px)}}@media (max-width:1023px){#section-design .intro-body{width:calc(100% - 40px);padding-top:96px;margin:auto}#section-design .intro-body .body-1-mo{display:flex;justify-content:space-between;margin-top:50px}#section-design .intro-body .body-1-mo .phone-wrapper{display:flex;justify-content:space-between}#section-design .intro-body .body-1-mo .phone-wrapper > :nth-child(2){margin:0 10px}#section-design .intro-body .body-1-mo .phone-wrapper .portrait-phone{width:30px;height:494px}#section-design .intro-body .body-1-mo .detail-wrapper{display:flex;flex-direction:column;justify-content:center}#section-design .intro-body .body-1-mo .detail-wrapper .title{height:40px}#section-design .intro-body .body-1-mo .detail-wrapper .sub-0{margin-top:16px}#section-design .intro-body .body-1-mo .detail-wrapper .sub-1{margin-top:17px}#section-design .intro-body .body-1-mo .detail-wrapper .tip{margin-top:4px}}@media (min-width: 720px) and (max-width: 1023px){#section-design .intro-body .body-1-mo .phone-wrapper .portrait-phone{width:60px;height:988px}}@media (min-width: 720px) and (max-width: 1023px){#section-design .intro-body .body-1-mo .phone-wrapper > :nth-child(2){margin:0 20px}}@media (min-width: 720px) and (max-width: 1023px){#section-design .intro-body .body-1-mo{margin-top:100px}}@media (min-width: 720px) and (max-width: 1023px){#section-design .intro-body{padding-top:192px}}#section-performance{width:100%;overflow:hidden;position:relative}#section-performance video{width:40%}#section-performance .performance-title{margin:212px 0}@media (min-width: 720px) and (max-width: 1023px){#section-performance .performance-title{margin:424px 0}}@media (min-width:1024px){#section-performance .performance-title{margin:182px 0}}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .performance-title{margin:127px 0}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .performance-title{margin:109px 0}}#section-performance .icon{width:100px;height:100px;margin-bottom:32px}@media (min-width: 720px) and (max-width: 1023px){#section-performance .icon{width:200px;height:200px;margin-bottom:64px}}@media (min-width:1024px){#section-performance .icon{width:130px;height:130px;margin-bottom:54px}}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .icon{width:91px;height:91px;margin-bottom:38px}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .icon{width:78px;height:78px;margin-bottom:32px}}#section-performance .section-content{padding-top:182px}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .section-content{padding-top:127px}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .section-content{padding-top:109px}}@media (max-width:1023px){#section-performance .section-content{padding-top:0}}#section-performance .intro-charge{padding-bottom:72px}@media (min-width: 720px) and (max-width: 1023px){#section-performance .intro-charge{padding-bottom:144px}}@media (min-width:1024px){#section-performance .intro-charge{display:flex;justify-content:space-between;padding-bottom:182px}}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .intro-charge{padding-bottom:127px}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .intro-charge{padding-bottom:109px}}#section-performance .intro-charge .charge-0{width:100%}#section-performance .intro-charge .charge-0 .charge{width:100%;height:calc(100% - 40px);margin:48px auto}@media (min-width: 720px) and (max-width: 1023px){#section-performance .intro-charge .charge-0 .charge{margin:96px auto}}@media (min-width:1024px){#section-performance .intro-charge .charge-0{width:543px}}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .intro-charge .charge-0{width:380px}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .intro-charge .charge-0{width:326px}}#section-performance .intro-charge .charge-1 .charge{width:637px;height:637px}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .intro-charge .charge-1 .charge{width:446px;height:446px}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .intro-charge .charge-1 .charge{width:382px;height:382px}}#section-performance .intro-refresh{padding-bottom:96px}@media (min-width: 720px) and (max-width: 1023px){#section-performance .intro-refresh{padding-bottom:192px}}@media (min-width:1024px){#section-performance .intro-refresh{display:flex;padding-bottom:182px;justify-content:space-between}#section-performance .intro-refresh .refresh-1{display:flex;flex-direction:column;justify-content:center;width:640px;margin-left:246px}}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .intro-refresh .refresh-1{width:448px;margin-left:172px}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .intro-refresh .refresh-1{width:384px;margin-left:148px}}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .intro-refresh{padding-bottom:127px}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .intro-refresh{padding-bottom:109px}}@media (max-width:1023px){#section-performance .intro-refresh .refresh-icon{margin-bottom:48px}}@media (min-width: 720px) and (max-width: 1023px){#section-performance .intro-refresh .refresh-icon{margin-bottom:96px}}#section-performance .intro-refresh .refresh-0{position:relative;width:360px;margin:0 0 0 66px}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .intro-refresh .refresh-0{width:252px;margin:0 0 0 46px}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .intro-refresh .refresh-0{width:216px;margin:0 0 0 40px}}#section-performance .intro-refresh .mask{width:100vw;height:139.44444444444443vw;position:absolute;left:calc(143px - 50vw);top:178px;z-index:1}@media (min-width: 720px) and (max-width: 1023px){#section-performance .intro-refresh .mask{left:calc(286px - 50vw);top:356px}}#section-performance .intro-refresh .hz-wrapper{position:relative;width:286px;height:446px;margin:35px auto 0 auto;overflow:hidden}@media (min-width: 720px) and (max-width: 1023px){#section-performance .intro-refresh .hz-wrapper{width:572px;height:892px;margin:70px auto 0 auto}}@media (min-width:1024px){#section-performance .intro-refresh .hz-wrapper{width:100%;height:772px;margin:0;overflow:inherit}}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .intro-refresh .hz-wrapper{height:540px}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .intro-refresh .hz-wrapper{height:463px}}#section-performance .intro-refresh .video-wrapper{position:relative;width:100%;height:616px;overflow:hidden}@media (min-width: 720px) and (max-width: 1023px){#section-performance .intro-refresh .video-wrapper{height:1232px}}@media (min-width:1024px){#section-performance .intro-refresh .video-wrapper{width:100%;height:100%}}#section-performance .intro-refresh .video-wrapper canvas,#section-performance .intro-refresh .video-wrapper video{width:94%;height:95%;position:absolute;top:2.5%;left:3%;overflow:hidden}#section-performance .intro-refresh .video-wrapper .border{width:100%;height:100%;position:absolute;top:0;left:0}#section-performance .intro-refresh .line{margin-top:15px;display:flex;justify-content:space-between}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .intro-refresh .line{margin-top:11px}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .intro-refresh .line{margin-top:9px}}@media (max-width:1023px){#section-performance .intro-refresh .line{position:relative;z-index:2;margin-top:-210px}}@media (min-width: 720px) and (max-width: 1023px){#section-performance .intro-refresh .line{margin-top:-420px}}#section-performance .intro-refresh .line .tip-0{margin-left:100px}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .intro-refresh .line .tip-0{margin-left:70px}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .intro-refresh .line .tip-0{margin-left:60px}}@media (max-width:1023px){#section-performance .intro-refresh .line .tip-0{margin-left:87px}}@media (min-width: 720px) and (max-width: 1023px){#section-performance .intro-refresh .line .tip-0{margin-left:174px}}#section-performance .intro-refresh .line .tip-1{margin-right:100px}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .intro-refresh .line .tip-1{margin-right:70px}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .intro-refresh .line .tip-1{margin-right:60px}}@media (max-width:1023px){#section-performance .intro-refresh .line .tip-1{margin-right:87px}}@media (min-width: 720px) and (max-width: 1023px){#section-performance .intro-refresh .line .tip-1{margin-right:174px}}#section-performance .intro-hd{width:calc(100% - 40px);margin:auto;padding-bottom:96px}@media (min-width: 720px) and (max-width: 1023px){#section-performance .intro-hd{padding-bottom:192px}}@media (min-width:1024px){#section-performance .intro-hd{width:100%;text-align:center;padding-bottom:182px}#section-performance .intro-hd .intro-content{width:796px;margin-left:auto;margin-right:auto}}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .intro-hd .intro-content{width:557px}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .intro-hd .intro-content{width:478px}}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .intro-hd{padding-bottom:127px}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .intro-hd{padding-bottom:109px}}#section-performance .intro-hd .details-mo > :nth-child(1){margin-bottom:20px}@media (min-width: 720px) and (max-width: 1023px){#section-performance .intro-hd .details-mo > :nth-child(1){margin-bottom:40px}}#section-performance .intro-hd .pic-wrapper{position:relative;width:calc(100% - 40px);height:290px;margin:20px auto 30px auto}@media (min-width: 720px) and (max-width: 1023px){#section-performance .intro-hd .pic-wrapper{height:580px;margin:40px auto 60px auto}}#section-performance .intro-hd .pic-wrapper .pic{position:relative;width:302px;height:142px;transition:-webkit-transform 1.5s;transition:transform 1.5s;transition:transform 1.5s, -webkit-transform 1.5s}@media (min-width: 720px) and (max-width: 1023px){#section-performance .intro-hd .pic-wrapper .pic{width:604px;height:284px}}#section-performance .intro-hd .pic-wrapper .pic.active{-webkit-transform:translateY(0);transform:translateY(0)}#section-performance .intro-hd .pic-wrapper .pic-0{position:absolute;top:22px;left:-60px;z-index:2;-webkit-transform:translateY(25px);transform:translateY(25px)}@media (min-width: 720px) and (max-width: 1023px){#section-performance .intro-hd .pic-wrapper .pic-0{top:44px;left:-120px}}#section-performance .intro-hd .pic-wrapper .pic-1{position:absolute;bottom:22px;right:-60px;z-index:1;-webkit-transform:translateY(-25px);transform:translateY(-25px)}@media (min-width: 720px) and (max-width: 1023px){#section-performance .intro-hd .pic-wrapper .pic-1{bottom:44px;right:-120px}}@media (min-width:1024px){#section-performance .intro-hd .pic-wrapper{width:1620px;margin:154px auto;height:640px}#section-performance .intro-hd .pic-wrapper .pic{width:900px;height:420px}#section-performance .intro-hd .pic-wrapper .pic-0{position:absolute;top:0;left:0;-webkit-transform:translateY(50px);transform:translateY(50px)}#section-performance .intro-hd .pic-wrapper .pic-1{position:absolute;bottom:0;right:0;-webkit-transform:translateY(-50px);transform:translateY(-50px)}}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .intro-hd .pic-wrapper .pic{width:630px;height:294px}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .intro-hd .pic-wrapper .pic{width:540px;height:252px}}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .intro-hd .pic-wrapper{width:1134px;margin:108px auto;height:448px}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .intro-hd .pic-wrapper{width:972px;margin:92px auto;height:384px}}@media (min-width:1400px) and (max-width:1799px){#section-performance .intro-hd .pic-wrapper{width:920px;height:385px}#section-performance .intro-hd .pic-wrapper .pic{width:520px;height:243px}}@media (min-width:1024px) and (max-width:1399px){#section-performance .intro-hd .pic-wrapper{width:920px;height:385px}#section-performance .intro-hd .pic-wrapper .pic{width:520px;height:243px}}#section-performance .intro-dolby{width:100%;padding-bottom:96px}@media (min-width: 720px) and (max-width: 1023px){#section-performance .intro-dolby{padding-bottom:192px}}@media (min-width:1024px){#section-performance .intro-dolby{text-align:center;padding-bottom:0}}#section-performance .intro-dolby .dolby{position:relative}#section-performance .intro-dolby .dolby .title{position:absolute;width:231px;height:33px;top:calc(50% - 17px);left:calc(50% - 116px)}@media (min-width: 720px) and (max-width: 1023px){#section-performance .intro-dolby .dolby .title{width:462px;height:66px;top:calc(50% - 33px);left:calc(50% - 231px)}}@media (min-width:1024px){#section-performance .intro-dolby .dolby .title{width:665px;height:95px;top:calc(50% - 48px);left:calc(50% - 333px)}}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .intro-dolby .dolby .title{width:465px;height:67px;top:calc(50% - 33px);left:calc(50% - 233px)}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .intro-dolby .dolby .title{width:399px;height:57px;top:calc(50% - 29px);left:calc(50% - 200px)}}#section-performance .intro-dolby .dolby .wave-wrapper{width:150px;height:75px;margin:auto}@media (min-width: 720px) and (max-width: 1023px){#section-performance .intro-dolby .dolby .wave-wrapper{width:300px;height:150px}}@media (min-width:1024px){#section-performance .intro-dolby .dolby .wave-wrapper{width:600px;height:300px}}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .intro-dolby .dolby .wave-wrapper{width:420px;height:210px}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .intro-dolby .dolby .wave-wrapper{width:360px;height:180px}}@media (min-width:1400px) and (max-width:1799px){#section-performance .intro-dolby .dolby .wave-wrapper{width:420px;height:210px}}@media (min-width:1024px) and (max-width:1399px){#section-performance .intro-dolby .dolby .wave-wrapper{width:420px;height:210px}}#section-performance .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-performance .intro-dolby .dolby .wave-0{-webkit-animation:wave 2s linear infinite;animation:wave 2s linear infinite}#section-performance .intro-dolby .dolby .wave-1{-webkit-animation:wave 2s linear 1s infinite;animation:wave 2s linear 1s infinite}@media (max-width:1023px){#section-performance .intro-dolby .content{width:calc(100% - 40px);margin:32px auto 0 auto}}@media (min-width: 720px) and (max-width: 1023px){#section-performance .intro-dolby .content{margin:64px auto 0 auto}}#section-performance .intro-hardware{display:flex;padding-bottom:182px}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .intro-hardware{padding-bottom:127px}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .intro-hardware{padding-bottom:109px}}@media (max-width:1023px){#section-performance .intro-hardware{padding-bottom:96px}}@media (min-width: 720px) and (max-width: 1023px){#section-performance .intro-hardware{padding-bottom:192px}}#section-performance .intro-hardware .hardware-wrapper{position:relative;z-index:1;width:47.708333333333336vw;height:64.94791666666667vw}@media (max-width:1023px){#section-performance .intro-hardware .hardware-wrapper{margin-top:-80px;width:323px;height:484px}}@media (min-width: 720px) and (max-width: 1023px){#section-performance .intro-hardware .hardware-wrapper{margin-top:-160px;width:646px;height:968px}}#section-performance .intro-hardware .hardware-wrapper .layer{position:absolute;width:100%;left:0;transition:-webkit-transform .8s;transition:transform .8s;transition:transform .8s, -webkit-transform .8s}#section-performance .intro-hardware .hardware-wrapper .layer-0{height:19.947916666666668vw;top:5.208333333333334vw;z-index:3;-webkit-transform:translateY(20%);transform:translateY(20%);transition:opacity .8s,-webkit-transform .8s;transition:transform .8s,opacity .8s;transition:transform .8s,opacity .8s,-webkit-transform .8s}#section-performance .intro-hardware .hardware-wrapper .layer-0.active{opacity:.5;-webkit-transform:translateY(0);transform:translateY(0)}@media (max-width:1023px){#section-performance .intro-hardware .hardware-wrapper .layer-0{top:50px;height:152px}}@media (min-width: 720px) and (max-width: 1023px){#section-performance .intro-hardware .hardware-wrapper .layer-0{top:100px;height:304px}}#section-performance .intro-hardware .hardware-wrapper .layer-1{height:21.979166666666668vw;top:20.833333333333336vw;z-index:2;-webkit-transform-origin:100%;transform-origin:100%}@media (max-width:1023px){#section-performance .intro-hardware .hardware-wrapper .layer-1{top:180px;height:162px}}@media (min-width: 720px) and (max-width: 1023px){#section-performance .intro-hardware .hardware-wrapper .layer-1{top:360px;height:324px}}#section-performance .intro-hardware .hardware-wrapper .layer-1.active{-webkit-transform:scale(1.2);transform:scale(1.2)}#section-performance .intro-hardware .hardware-wrapper .layer-2{height:20.520833333333336vw;bottom:12.03125vw;z-index:1;-webkit-transform:translateY(-20%);transform:translateY(-20%)}@media (max-width:1023px){#section-performance .intro-hardware .hardware-wrapper .layer-2{height:157px;bottom:50px}}@media (min-width: 720px) and (max-width: 1023px){#section-performance .intro-hardware .hardware-wrapper .layer-2{height:314px;bottom:100px}}#section-performance .intro-hardware .hardware-wrapper .layer-2.active{-webkit-transform:translateY(0);transform:translateY(0)}#section-performance .intro-hardware .hardware-wrapper .mask{position:absolute;left:-12.083333333333334vw;z-index:4}@media (max-width:1023px){#section-performance .intro-hardware .hardware-wrapper .mask{left:-80px}}@media (min-width: 720px) and (max-width: 1023px){#section-performance .intro-hardware .hardware-wrapper .mask{left:-160px}}#section-performance .intro-hardware .hardware-wrapper .mask-up{width:59.79166666666667vw;height:37.96875vw;top:0}@media (max-width:1023px){#section-performance .intro-hardware .hardware-wrapper .mask-up{width:433px;height:283px}}@media (min-width: 720px) and (max-width: 1023px){#section-performance .intro-hardware .hardware-wrapper .mask-up{width:866px;height:566px}}#section-performance .intro-hardware .hardware-wrapper .mask-down{width:59.79166666666667vw;height:35.10416666666667vw;bottom:-2.604166666666667vw}@media (max-width:1023px){#section-performance .intro-hardware .hardware-wrapper .mask-down{width:433px;height:261px;bottom:-50px}}@media (min-width: 720px) and (max-width: 1023px){#section-performance .intro-hardware .hardware-wrapper .mask-down{width:866px;height:522px;bottom:-100px}}@media (max-width:1023px){#section-performance .intro-hardware .hardware-1{width:100%}#section-performance .intro-hardware .hardware-1 .icon{margin-left:20px}#section-performance .intro-hardware .hardware-1 .intro-title,#section-performance .intro-hardware .hardware-1 .intro-content{position:relative;z-index:2;width:calc(100vw - 40px);margin:auto}}@media (min-width:1024px){#section-performance .intro-hardware .hardware-1{display:flex;flex-direction:column;justify-content:center;margin-left:60px}}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .intro-hardware .hardware-1{margin-left:42px}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .intro-hardware .hardware-1{margin-left:36px}}.intro-container .intro-content{margin-top:20px}@media (min-width: 720px) and (max-width: 1023px){.intro-container .intro-content{margin-top:40px}}@media (min-width:1024px){.intro-container .intro-content{margin-top:32px}}@media (min-width: 1400px) and (max-width: 1799px){.intro-container .intro-content{margin-top:22px}}@media (min-width: 1024px) and (max-width: 1399px){.intro-container .intro-content{margin-top:19px}}#section-coloros{position:relative;color:#000;background:#fff;padding-top:182px}@media (min-width: 1400px) and (max-width: 1799px){#section-coloros{padding-top:127px}}@media (min-width: 1024px) and (max-width: 1399px){#section-coloros{padding-top:109px}}@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 320px 0}@media (min-width: 1400px) and (max-width: 1799px){#section-coloros .container{padding:96px 0 224px 0}}@media (min-width: 1024px) and (max-width: 1399px){#section-coloros .container{padding:82px 0 192px 0}}@media (max-width:1023px){#section-coloros .container{background:#fff;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 .shrink{letter-spacing:-1px}#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:10;cursor:pointer}@media (min-width: 1400px) and (max-width: 1799px){#section-coloros .change-arrow{width:74px;height:74px;right:53px}}@media (min-width: 1024px) and (max-width: 1399px){#section-coloros .change-arrow{width:64px;height:64px;right:46px}}#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:53px}}@media (min-width: 1024px) and (max-width: 1399px){#section-coloros .change-arrow.left{left:46px}}#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.active .normal-arrow{opacity:0}#section-coloros .change-arrow.active .circle-arrow{opacity:1}#section-coloros .change-arrow.ban .normal-arrow{opacity:.5}#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:39px;height:39px}}@media (min-width: 1024px) and (max-width: 1399px){#section-coloros .change-arrow .normal-arrow{width:34px;height:34px}}#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:20px;height:11px;top:31px;left:27px}}@media (min-width: 1024px) and (max-width: 1399px){#section-coloros .change-arrow .circle-arrow .green-arrow{width:17px;height:10px;top:27px;left:23px}}#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:322px;height:214px}}@media (min-width: 1024px) and (max-width: 1399px){#section-coloros .logo-title{width:276px;height:184px}}@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 .learn-more{font-family:OPPOSans-Bold;font-weight:400;font-size:14px;line-height:1;letter-spacing:-.05px;width:144px;height:44px;margin:48px auto 96px auto;border:1px solid #7fed87;display:flex;align-items:center;justify-content:center}@media (min-width: 720px) and (max-width: 1023px){#section-coloros .learn-more{width:288px;height:88px;margin:96px auto 192px auto}}#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:517px;margin:14px 0 8px 0}}@media (min-width: 1024px) and (max-width: 1399px){#section-coloros .slick-wrapper .slick-container{height:443px;margin:12px 0 7px 0}}@media (max-width:1023px){#section-coloros .slick-wrapper .slick-container{height:300px;margin:24px 0 0 0}}@media (min-width: 720px) and (max-width: 1023px){#section-coloros .slick-wrapper .slick-container{height:600px;margin:48px 0 0 0}}#section-coloros .slick-wrapper .slick-container .trigger-area{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;z-index:20;cursor:pointer}#section-coloros .slick-wrapper .slick-container .trigger-area > *{flex:1}#section-coloros .slick-wrapper .slick{width:100%;height:100%;background:#000}#section-coloros .slick-wrapper .slick .item{position:relative;width:100%;height:100%;z-index:99;overflow:hidden}#section-coloros .slick-wrapper .slick .item.active .change-wrapper .change-1{opacity:1;transition:opacity 1s 1s}#section-coloros .slick-wrapper .slick .item.active .change-wrapper .change-2{opacity:1;transition:opacity 1s 2s}#section-coloros .slick-wrapper .slick .item .item-wrapper{position:relative;width:100%;height:100%}#section-coloros .slick-wrapper .slick .item .item-wrapper video,#section-coloros .slick-wrapper .slick .item .item-wrapper img{width:100%;height:100%;object-fit:cover}#section-coloros .slick-wrapper .slick .item .change-wrapper{position:relative;width:360px;height:772px;margin:110px auto 0 auto}@media (min-width: 1400px) and (max-width: 1799px){#section-coloros .slick-wrapper .slick .item .change-wrapper{width:252px;height:540px;margin:77px auto 0 auto}}@media (min-width: 1024px) and (max-width: 1399px){#section-coloros .slick-wrapper .slick .item .change-wrapper{width:216px;height:463px;margin:66px auto 0 auto}}@media (max-width:1023px){#section-coloros .slick-wrapper .slick .item .change-wrapper{width:198px;height:425px;margin:23px auto 0 auto}}@media (min-width: 720px) and (max-width: 1023px){#section-coloros .slick-wrapper .slick .item .change-wrapper{width:396px;height:850px;margin:46px auto 0 auto}}#section-coloros .slick-wrapper .slick .item .change-wrapper .border{position:relative;z-index:2;width:100%;height:100%}#section-coloros .slick-wrapper .slick .item .change-wrapper .change{position:absolute;z-index:1;top:21px;left:15px;width:329px;height:730px;opacity:0}@media (min-width: 1400px) and (max-width: 1799px){#section-coloros .slick-wrapper .slick .item .change-wrapper .change{top:15px;left:11px;width:230px;height:511px}}@media (min-width: 1024px) and (max-width: 1399px){#section-coloros .slick-wrapper .slick .item .change-wrapper .change{top:13px;left:9px;width:197px;height:438px}}@media (max-width:1023px){#section-coloros .slick-wrapper .slick .item .change-wrapper .change{width:180px;height:401px;top:13px;left:9px}}@media (min-width: 720px) and (max-width: 1023px){#section-coloros .slick-wrapper .slick .item .change-wrapper .change{width:360px;height:802px;top:26px;left:18px}}#section-coloros .slick-wrapper .slick .item .change-wrapper .change img{width:100%;height:100%}#section-coloros .slick-wrapper .slick .item .change-wrapper .change-0{opacity:1}#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;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;margin-bottom:8px}#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}#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 .next-arrow{margin-left:20px;width:56px;height:56px}#section-coloros .wrapper-1{margin:194px 0}@media (min-width: 1400px) and (max-width: 1799px){#section-coloros .wrapper-1{margin:136px 0}}@media (min-width: 1024px) and (max-width: 1399px){#section-coloros .wrapper-1{margin:116px 0}}@media (max-width:1023px){#section-coloros .wrapper-1{margin:96px 0}#section-coloros .wrapper-1 .slick .item{overflow:hidden}#section-coloros .wrapper-1 .slick .item .item-wrapper img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:120%;height:auto}#section-coloros .wrapper-1 .slick .item .item-wrapper img.bottom{top:auto;bottom:0;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}}@media (min-width: 720px) and (max-width: 1023px){#section-coloros .wrapper-1{margin:192px 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:64px;letter-spacing:0px}@media (min-width: 1400px) and (max-width: 1799px){#section-more .more-0{font-size:29px;line-height:45px;letter-spacing:0px}}@media (min-width: 1024px) and (max-width: 1399px){#section-more .more-0{font-size:25px;line-height:38px;letter-spacing:0px}}@media (max-width:1023px){#section-more .more-0{font-size:28px;line-height:44px;letter-spacing:-.1px}}#section-more .more-1{font-family:OPPOSans-Medium;font-weight:400;font-size:16px;line-height:24px;letter-spacing:0px}@media (min-width: 1400px) and (max-width: 1799px){#section-more .more-1{font-size:11px;line-height:17px;letter-spacing:0px}}@media (min-width: 1024px) and (max-width: 1399px){#section-more .more-1{font-size:10px;line-height:14px;letter-spacing:0px}}@media (max-width:1023px){#section-more .more-1{font-size:12px;line-height:24px;letter-spacing:-.05px}}@media (min-width:1024px){#section-more .more-2{font-size:16px;line-height:28px;letter-spacing:0}#section-more .more-2.medium{font-family:OPPOSans-Medium;font-weight:400}}@media (min-width: 1400px) and (max-width: 1799px){#section-more .more-2{font-size:11px;line-height:20px}}@media (min-width: 1024px) and (max-width: 1399px){#section-more .more-2{font-size:10px;line-height:17px}}@media (max-width:1023px){#section-more .more-2{font-family:OPPOSans-Bold;font-weight:400;font-size:12px;line-height:20px;letter-spacing:-.05px}}#section-more .more-3{font-family:OPPOSans-Medium;font-weight:400;font-size:12px;line-height:24px;letter-spacing:0}#section-more .more-remark{font-size:12px;line-height:20px;letter-spacing:-.05px;color:rgba(0,0,0,0.78)}@media (max-width:1023px){#section-more .more-remark{color:#787878}}#section-more .supports{padding-top:161px;text-align:center}@media (min-width: 1400px) and (max-width: 1799px){#section-more .supports{padding-top:113px}}@media (min-width: 1024px) and (max-width: 1399px){#section-more .supports{padding-top:97px}}@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:22px}}@media (min-width: 1024px) and (max-width: 1399px){#section-more .supports .supports-wrapper{margin-top:19px}}#section-more .supports .supports-wrapper .item{width:192px}@media (min-width: 1400px) and (max-width: 1799px){#section-more .supports .supports-wrapper .item{width:134px}}@media (min-width: 1024px) and (max-width: 1399px){#section-more .supports .supports-wrapper .item{width:115px}}@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:31px;margin:18px 0 11px 0}}@media (min-width: 1024px) and (max-width: 1399px){#section-more .supports .supports-wrapper .item .up{height:27px;margin:15px 0 9px 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:119px 0 102px 0}}@media (min-width: 1024px) and (max-width: 1399px){#section-more .other-products{padding:102px 0 87px 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:45px}}@media (min-width: 1024px) and (max-width: 1399px){#section-more .other-products .title{margin-bottom:38px}}@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:213px}}@media (min-width: 1024px) and (max-width: 1399px){#section-more .other-products .product-item{width:182px}}#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:190px}}@media (min-width: 1024px) and (max-width: 1399px){#section-more .other-products .product-item .pic{height:163px}}#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:140px;max-height:140px}}@media (min-width: 1024px) and (max-width: 1399px){#section-more .other-products .product-item .pic img{max-width:120px;max-height:120px}}#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:14px}}@media (min-width: 1024px) and (max-width: 1399px){#section-more .other-products .product-item .name{margin-top:12px}}#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:6px}}@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:2px}}#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:8px}}@media (min-width: 1024px) and (max-width: 1399px){#section-more .other-products .product-item .links a{margin-right:7px}}@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:941px}}@media (min-width: 1024px) and (max-width: 1399px){#section-more .media-review .review-container{width:806px}}@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:45px}}@media (min-width: 1024px) and (max-width: 1399px){#section-more .media-review .title{margin-bottom:38px}}@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 11px;padding:14px}}@media (min-width: 1024px) and (max-width: 1399px){#section-more .media-review .review-wrapper .content{margin:0 10px;padding:12px}}@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:22px;height:24px;margin:6px auto 0 auto}}@media (min-width: 1024px) and (max-width: 1399px){#section-more .media-review .review-wrapper .content .logo{width:19px;height:20px;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;-webkit-transform:scaleY(.8363636363636363);transform:scaleY(.8363636363636363)}#section-more .remarks{background:#f7f7f7;padding:128px 0 166px 0}@media (min-width: 1400px) and (max-width: 1799px){#section-more .remarks{padding:90px 0 116px 0}}@media (min-width: 1024px) and (max-width: 1399px){#section-more .remarks{padding:77px 0 100px 0}}@media (max-width:1023px){#section-more .remarks{padding:140px 0}}@media (min-width: 720px) and (max-width: 1023px){#section-more .remarks{padding:280px 0}}.text-detect{position:absolute;top:-9999px;left:-9999px;opacity:0;visibility:hidden}.zn--wrapper img[data-srcset]{opacity:0}.zn--wrapper img[data-srcset].loaded{opacity:1}.zn--wrapper .g--popup-user{display:none}.zn--wrapper sup{font-size:50%;top:-1em}.chrome sup{display:inline-block;-webkit-transform:scale(.8);transform:scale(.8)}.chrome sup.small{-webkit-transform:scale(.6);transform:scale(.6);-webkit-transform-origin:left;transform-origin:left}