.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:32px;width:416px;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:22px;width:291px}}@media (min-width: 1024px) and (max-width: 1399px){.graphic-wrapper .content-wrapper{margin-left:19px;width:250px}}.graphic-wrapper .content-wrapper .selector-wrapper .selector{color:#e0e0e0;width:330px;cursor:pointer}@media (min-width: 1400px) and (max-width: 1799px){.graphic-wrapper .content-wrapper .selector-wrapper .selector{width:231px}}@media (min-width: 1024px) and (max-width: 1399px){.graphic-wrapper .content-wrapper .selector-wrapper .selector{width:198px}}[g-color= 'white'].graphic-wrapper .content-wrapper .selector-wrapper .selector{color:#787878}.graphic-wrapper .content-wrapper .title-wrapper{position:relative;height:128px}@media (min-width: 1400px) and (max-width: 1799px){.graphic-wrapper .content-wrapper .title-wrapper{height:90px}}@media (min-width: 1024px) and (max-width: 1399px){.graphic-wrapper .content-wrapper .title-wrapper{height:77px}}.graphic-wrapper .content-wrapper .title-wrapper .title{position:absolute;top:0;left:0;opacity:0}.graphic-wrapper .content-wrapper .text-wrapper{position:relative;width:100%;height:128px}@media (min-width: 1400px) and (max-width: 1799px){.graphic-wrapper .content-wrapper .text-wrapper{height:90px}}@media (min-width: 1024px) and (max-width: 1399px){.graphic-wrapper .content-wrapper .text-wrapper{height:77px}}.graphic-wrapper .content-wrapper .text-wrapper .text{position:absolute;bottom:0;left:0;opacity:0}.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:#787878;cursor:pointer}.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 .selector:nth-child(1){color:#000;border-bottom:1px solid #000}[g-color= 'white'].graphic-wrapper[g-selector="1"] .content-wrapper .selector-wrapper .selector:nth-child(1){color:#fff;border-bottom:1px solid #fff}.graphic-wrapper[g-selector="1"] .content-wrapper .title-wrapper .title:nth-child(1){opacity:1}.graphic-wrapper[g-selector="1"] .content-wrapper .text-wrapper .text:nth-child(1){opacity:1}.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 .selector:nth-child(2){color:#000;border-bottom:1px solid #000}[g-color= 'white'].graphic-wrapper[g-selector="2"] .content-wrapper .selector-wrapper .selector:nth-child(2){color:#fff;border-bottom:1px solid #fff}.graphic-wrapper[g-selector="2"] .content-wrapper .title-wrapper .title:nth-child(2){opacity:1}.graphic-wrapper[g-selector="2"] .content-wrapper .text-wrapper .text:nth-child(2){opacity:1}.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 .selector:nth-child(3){color:#000;border-bottom:1px solid #000}[g-color= 'white'].graphic-wrapper[g-selector="3"] .content-wrapper .selector-wrapper .selector:nth-child(3){color:#fff;border-bottom:1px solid #fff}.graphic-wrapper[g-selector="3"] .content-wrapper .title-wrapper .title:nth-child(3){opacity:1}.graphic-wrapper[g-selector="3"] .content-wrapper .text-wrapper .text:nth-child(3){opacity:1}[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;display:flex;justify-content:center;padding:138px 0 96px 0;width:calc(100% - 40px);margin:auto}@media (min-width: 720px) and (max-width: 1023px){.g--shadow-title{padding:276px 0 192px 0}}@media (min-width:1024px){.g--shadow-title{width:100%;padding:274px 0 182px 0}}@media (min-width: 1400px) and (max-width: 1799px){.g--shadow-title{padding:192px 0 127px 0}}@media (min-width: 1024px) and (max-width: 1399px){.g--shadow-title{padding:164px 0 109px 0}}.g--shadow-title .content{position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.g--shadow-title .content .item-0{position:relative}.g--shadow-title .content .item-1,.g--shadow-title .content .item-2{position:absolute;width:100%;top:0;left:0}.g--shadow-title .content .item-0{z-index:3}.g--shadow-title .content .item-1{z-index:2}.g--shadow-title .content .item-2{z-index:1}.g--shadow-title .content .item{background:#000;color:#fff;padding:0 5px}.g--shadow-title .content .item span{font-family:OPPOSans-Bold;font-weight:400;font-size:40px;line-height:1;letter-spacing:-3px}@media (min-width:1024px){.g--shadow-title .content .item span{font-size:92px;line-height:1;letter-spacing:-5px}}@media (min-width: 1400px) and (max-width: 1799px){.g--shadow-title .content .item span{font-size:64px;letter-spacing:-3px}}@media (min-width: 1024px) and (max-width: 1399px){.g--shadow-title .content .item span{font-size:55px;letter-spacing:-3px}}.g--shadow-title[data-color = 'black'] .content .item{background:#fff;color:#000}
.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{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:#000;color:#fff;font-size:12px;height:30px;letter-spacing:0;line-height:1;opacity:1;padding:0 18px}@media (max-width:1023px){#navbar .buttons .button .a{height:32px;padding:0 12px;font-size:12px;min-width:64px}}#navbar .links[data-active=''] .default,#navbar .links:not([data-active]) .default{opacity:1;pointer-events:none;font-family:OPPOSans-Bold;font-weight:400}#navbar .links[data-active="1"] > li:nth-child(1) .a{opacity:1;pointer-events:none;font-family:OPPOSans-Bold;font-weight:400}#navbar .links[data-active="2"] > li:nth-child(2) .a{opacity:1;pointer-events:none;font-family:OPPOSans-Bold;font-weight:400}#navbar .links[data-active="3"] > li:nth-child(3) .a{opacity:1;pointer-events:none;font-family:OPPOSans-Bold;font-weight:400}#navbar .links[data-active="4"] > li:nth-child(4) .a{opacity:1;pointer-events:none;font-family:OPPOSans-Bold;font-weight:400}#navbar .links[data-active="5"] > li:nth-child(5) .a{opacity:1;pointer-events:none;font-family:OPPOSans-Bold;font-weight:400}#navbar .links[data-active="6"] > li:nth-child(6) .a{opacity:1;pointer-events:none;font-family:OPPOSans-Bold;font-weight:400}#navbar .links[data-active="7"] > li:nth-child(7) .a{opacity:1;pointer-events:none;font-family:OPPOSans-Bold;font-weight:400}#navbar .links[data-active="8"] > li:nth-child(8) .a{opacity:1;pointer-events:none;font-family:OPPOSans-Bold;font-weight:400}#navbar .links[data-active="9"] > li:nth-child(9) .a{opacity:1;pointer-events:none;font-family:OPPOSans-Bold;font-weight:400}#navbar .links[data-active="10"] > li:nth-child(10) .a{opacity:1;pointer-events:none;font-family:OPPOSans-Bold;font-weight:400}@media (max-width:1023px){#navbar .mask{height:100vh;height:calc(100 * var(--vh, 1vh));left:0;position:absolute;top:calc(100% + 1px);width:100%;z-index:0;display:none}#navbar .indicator{height:24px;margin-left:5px}#navbar .indicator .arrow{width:14px;height:14px;-webkit-transform:rotate(90deg);transform:rotate(90deg);transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease}#navbar .selector{align-items:center;display:flex;justify-content:flex-start}#navbar .selector li *{opacity:1;font-family:OPPOSans-Bold;font-weight:400}#navbar .selector[disabled] .indicator{display:none}[data-active-selector]#navbar .mask{display:block}[data-active-selector='product']#navbar .product-selector .indicator .arrow{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}[data-active-selector='product']#navbar .products{visibility:visible}[data-active-selector='product']#navbar .products > li{-webkit-transform:translateY(0);transform:translateY(0)}[data-active-selector='link']#navbar .link-selector .indicator .arrow{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}[data-active-selector='link']#navbar .links{visibility:visible}[data-active-selector='link']#navbar .links > li{-webkit-transform:translateY(0);transform:translateY(0)}#navbar .product-selector,#navbar .buttons{flex:0 0 85px}#navbar .link-selector{flex:1 1 0%;justify-content:center;margin:0 5px}}@media (min-width: 720px) and (max-width: 1023px){#navbar .product-selector,#navbar .buttons{flex:0 0 170px}}#oc-header.fixed{position:absolute}@media (min-width:1024px){#oc-wrapper{padding-top:.1px}}@media (min-width:1024px){.zn--navbar{margin-top:80px}}#oc-container .zn--navbar{margin-top:0}@media (min-width:1024px) and (max-width:1439px){.zn--navbar{margin-top:64px}}.zn--wrapper{position:relative}.g--popup{position:fixed;top:0;left:0;width:100%;height:100vh;height:calc(100 * var(--vh, 1vh));z-index:11;-webkit-transform:translateY(100vh);transform:translateY(100vh);-webkit-transform:translateY(calc(100 * var(--vh, 1vh)));transform:translateY(calc(100 * var(--vh, 1vh)))}.g--popup.show{-webkit-transform:translateY(0);transform:translateY(0);transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s, -webkit-transform .5s}.g--popup.disappear{transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s, -webkit-transform .5s}.g--popup .g--popup-container{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:100%}@media (max-width:1023px){.g--popup .g--popup-container{padding:0}}.g--popup .g--video-wrapper{position:relative;margin-top:-12px;width:75%;height:auto}@media (min-width:2260px){.g--popup .g--video-wrapper{margin-top:-24px}}@media (max-width:1023px){.g--popup .g--video-wrapper{width:100vw}}.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:1;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(14.1vw - 6px);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(14.1vw - 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}#section-highlights .part-1{position:relative;z-index:2;padding-top:278px;width:100%;overflow:hidden}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-1{padding-top:195px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-1{padding-top:167px}}#section-highlights .part-1 .portrait{position:relative;width:100%;height:648px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-1 .portrait{height:454px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-1 .portrait{height:389px}}#section-highlights .part-1 .portrait .p-img{position:relative;z-index:2;width:864px;height:100%;margin:0 auto}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-1 .portrait .p-img{width:605px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-1 .portrait .p-img{width:518px}}#section-highlights .part-1 .portrait .portrait-text-wrapper{position:absolute;z-index:3;top:0;left:0;width:100%;height:100%;margin:0 auto;-webkit-clip-path:inset(0 calc(50% - 432px));clip-path:inset(0 calc(50% - 432px))}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-1 .portrait .portrait-text-wrapper{-webkit-clip-path:inset(0 calc(50% - 302px));clip-path:inset(0 calc(50% - 302px))}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-1 .portrait .portrait-text-wrapper{-webkit-clip-path:inset(0 calc(50% - 259px));clip-path:inset(0 calc(50% - 259px))}}#section-highlights .part-1 .portrait .portrait-text{position:absolute;font-family:OPPOSans-Bold;font-weight:400;width:447px;font-size:90px;line-height:120px;letter-spacing:-1px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-1 .portrait .portrait-text{width:313px;font-size:63px;line-height:84px;letter-spacing:-1px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-1 .portrait .portrait-text{width:268px;font-size:54px;line-height:72px;letter-spacing:-1px}}#section-highlights .part-1 .portrait .portrait-text.brown{z-index:1;color:#d98d8d}#section-highlights .part-1 .portrait .portrait-text.brown.left{top:10px;left:calc(50% - 659px)}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-1 .portrait .portrait-text.brown.left{top:7px;left:calc(50% - 461px)}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-1 .portrait .portrait-text.brown.left{top:6px;left:calc(50% - 395px)}}#section-highlights .part-1 .portrait .portrait-text.brown.right{bottom:19px;left:calc(50% + 241px)}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-1 .portrait .portrait-text.brown.right{bottom:13px;left:calc(50% + 169px)}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-1 .portrait .portrait-text.brown.right{bottom:11px;left:calc(50% + 145px)}}#section-highlights .part-1 .portrait .portrait-text.white{z-index:3;color:#fff}#section-highlights .part-1 .portrait .portrait-text.white.left{top:10px;left:calc(50% - 659px)}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-1 .portrait .portrait-text.white.left{top:7px;left:calc(50% - 461px)}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-1 .portrait .portrait-text.white.left{top:6px;left:calc(50% - 395px)}}#section-highlights .part-1 .portrait .portrait-text.white.right{bottom:19px;left:calc(50% + 241px)}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-1 .portrait .portrait-text.white.right{bottom:13px;left:calc(50% + 169px)}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-1 .portrait .portrait-text.white.right{bottom:11px;left:calc(50% + 145px)}}#section-highlights .part-1 .text-wrapper{margin:45px auto 140px auto;width:864px;display:flex;justify-content:space-between}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-1 .text-wrapper{margin:31px auto 98px auto;width:605px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-1 .text-wrapper{margin:27px auto 84px auto;width:518px}}#section-highlights .part-1 .text-wrapper .text{width:416px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-1 .text-wrapper .text{width:291px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-1 .text-wrapper .text{width:250px}}#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));overflow:hidden}#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:200px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-3 .sticky-wrapper .flex-part .block.left .text-wrapper{left:140px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-3 .sticky-wrapper .flex-part .block.left .text-wrapper{left:120px}}#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:-65px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-3 .sticky-wrapper .flex-part .block.right .clip-wrapper .text-wrapper{left:-45px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-3 .sticky-wrapper .flex-part .block.right .clip-wrapper .text-wrapper{left:-39px}}#section-highlights .part-3 .sticky-wrapper .flex-part .block.right .text-wrapper{left:30px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-3 .sticky-wrapper .flex-part .block.right .text-wrapper{left:21px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-3 .sticky-wrapper .flex-part .block.right .text-wrapper{left:18px}}#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 .content{width:528px;margin-top:-80px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .part-3 .sticky-wrapper .content{width:370px;margin-top:-56px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-3 .sticky-wrapper .content{width:317px;margin-top:-48px}}#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:5px #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:591px;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:414px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .part-4 .sticky-wrapper .content-wrapper .all-text-wrapper{width:355px}}#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.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:nth-child(1){position:relative;background-color:#fff;width:178px;height:48px}#section-highlights .learn-more .button-flex .button:nth-child(1) 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:nth-child(1)::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:nth-child(2){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:nth-child(2){margin-left:31px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .learn-more .button-flex .button:nth-child(2){margin-left:26px}}#section-highlights .learn-more .button-flex .button:nth-child(2) a{color:#fff}@media (max-width:1023px){#section-highlights .learn-more .button-flex .button:nth-child(1){width:118px;height:34px}#section-highlights .learn-more .button-flex .button:nth-child(1)::after{width:120px;height:36px}#section-highlights .learn-more .button-flex .button:nth-child(2){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 .part-1-pt{position:relative;width:100%;overflow:hidden}#section-highlights .part-1-pt .g--container{position:relative;padding-top:96px}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .part-1-pt .g--container{padding-top:192px}}#section-highlights .part-1-pt .portrait-text{font-family:OPPOSans-Bold;font-weight:400;font-size:50px;line-height:60px;letter-spacing:-1px;text-align:center;width:100%}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .part-1-pt .portrait-text{font-size:100px;line-height:120px;letter-spacing:-1px}}#section-highlights .part-1-pt .portrait-text.white{position:absolute;z-index:3;top:96px;left:0;color:#fff}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .part-1-pt .portrait-text.white{top:192px}}#section-highlights .part-1-pt .portrait-text.red{position:relative;z-index:1;color:#d98d8d}#section-highlights .part-1-pt .p-img{position:absolute;z-index:2;top:136px;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:272px;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:calc(133.33vw + 62px);overflow:hidden}@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 .text{margin-top:calc(133.33vw - 101px);text-align:center}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .part-1-pt .text{margin-top:calc(133.33vw - 202px)}}#section-highlights .part-2-pt{padding-top:96px}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .part-2-pt{padding-top:192px}}#section-highlights .part-2-pt .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 .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 .text{margin-top:32px;text-align:center}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .part-2-pt .text{margin-top:64px}}#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}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .part-3-pt .big-text{font-size:100px;line-height:120px;letter-spacing:-1px}}#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:calc(100% - 20px);margin-top:45px;margin-left:10px;text-align:center}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .part-3-pt .content{width:calc(100% - 40px);margin-top:90px;margin-left:20px}}#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-align:center}#section-highlights .part-4-pt .content-wrapper .title{white-space:nowrap}#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.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{margin-top:70px}@media (min-width: 720px) and (max-width: 1023px){#section-camera .mobile-graphic{margin-top:140px}}#section-camera .mobile-graphic .pic,#section-camera .mobile-graphic .seq-pic{width:100%;height:calc(133vw - 53px);margin-top:20px}@media (min-width: 720px) and (max-width: 1023px){#section-camera .mobile-graphic .pic,#section-camera .mobile-graphic .seq-pic{height:calc(133vw - 107px);margin-top:40px}}#section-camera .mobile-graphic .video-dual-view{height:calc(56.5vw - 23px)}@media (min-width: 720px) and (max-width: 1023px){#section-camera .mobile-graphic .video-dual-view{height:calc(56.5vw - 45px)}}#section-camera .mobile-graphic .sub-title{margin-top:20px}@media (min-width: 720px) and (max-width: 1023px){#section-camera .mobile-graphic .sub-title{margin-top:40px}}#section-camera .mobile-graphic .detail{height:0;overflow:hidden;transition:height .5s ease,margin-top .5s ease}#section-camera .mobile-graphic .btn{width:68px;white-space:nowrap;transition:opacity .5s ease;border-bottom:1px solid}#section-camera .mobile-graphic .btn.less{display:none}#section-camera .mobile-graphic.show-more .detail{height:120px;margin-top:10px}@media (min-width: 720px) and (max-width: 1023px){#section-camera .mobile-graphic.show-more .detail{margin-top:20px}}#section-camera .mobile-graphic.show-more .more{display:none}#section-camera .mobile-graphic.show-more .less{display:block}#section-camera .mobile-graphic.graphic-black{color:#000}#section-camera .mobile-graphic.graphic-black .btn{border-color:#000}#section-camera .mobile-graphic.graphic-white{color:#fff}#section-camera .mobile-graphic.graphic-white .btn{border-color:#fff}#section-camera .mobile-graphic-switcher{margin-top:70px}@media (min-width: 720px) and (max-width: 1023px){#section-camera .mobile-graphic-switcher{margin-top:140px}}#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}@media (min-width: 720px) and (max-width: 1023px){#section-camera .mobile-graphic-switcher .sub-wrapper{margin-top:40px}}#section-camera .mobile-graphic-switcher .sub-wrapper .switch-wrapper{display:flex}#section-camera .mobile-graphic-switcher .sub-wrapper .switch-wrapper .switch{color:#787878}#section-camera .mobile-graphic-switcher .sub-wrapper .switch-wrapper .switch.active{color:#fff;border-bottom:1px solid #fff}#section-camera .mobile-graphic-switcher .sub-wrapper .switch-wrapper .line{width:1px;height:16px;background-color:#fff;margin:7px 12px}@media (min-width: 720px) and (max-width: 1023px){#section-camera .mobile-graphic-switcher .sub-wrapper .switch-wrapper .line{height:32px;margin:14px 24px}}#section-camera .mobile-graphic-switcher .detail{height:0;overflow:hidden;transition:height .5s ease,margin-top .5s ease}#section-camera .mobile-graphic-switcher .btn{width:68px;white-space:nowrap;transition:opacity .5s ease;border-bottom:1px solid}#section-camera .mobile-graphic-switcher .btn.less{display:none}#section-camera .mobile-graphic-switcher.show-more .detail{height:96px;margin-top:10px}@media (min-width: 720px) and (max-width: 1023px){#section-camera .mobile-graphic-switcher.show-more .detail{margin-top:20px}}#section-camera .mobile-graphic-switcher.show-more .more{display:none}#section-camera .mobile-graphic-switcher.show-more .less{display:block}#section-camera .part-0{position:relative;width:1120px;height:910px;margin:0 auto}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part-0{width:784px;height:637px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-0{width:672px;height:546px}}@media (max-width:1023px){#section-camera .part-0{width:100%;height:100vw}}#section-camera .part-0 .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 .lens-wrapper{padding-top:16px;height:560px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-0 .lens-wrapper{padding-top:14px;height:480px}}@media (max-width:1023px){#section-camera .part-0 .lens-wrapper{padding-top:21px;padding-left:20px;height:auto}#section-camera .part-0 .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 .lens-wrapper{padding-top:41px;padding-left:40px}}#section-camera .part-0 .lens-wrapper .line{height:1px;background-color:#000;-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 .lens-wrapper .line.show{-webkit-transform:scaleX(1);transform:scaleX(1)}#section-camera .part-0 .lens-wrapper .line.line1{width:520px}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part-0 .lens-wrapper .line.line1{width:364px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-0 .lens-wrapper .line.line1{width:312px}}#section-camera .part-0 .lens-wrapper .line.line2{width:420px;margin-top:65px}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part-0 .lens-wrapper .line.line2{width:294px;margin-top:45px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-0 .lens-wrapper .line.line2{width:252px;margin-top:39px}}@media (max-width:1023px){#section-camera .part-0 .lens-wrapper .line{height:2px}#section-camera .part-0 .lens-wrapper .line.line1{width:70px}#section-camera .part-0 .lens-wrapper .line.line2{width:70px;margin-top:40px}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .part-0 .lens-wrapper .line.line2{width:140px;margin-top:79px}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .part-0 .lens-wrapper .line.line1{width:140px}}#section-camera .part-0 .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 .lens-wrapper .lenText.show{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}@media (max-width:1023px){#section-camera .part-0 .lens-wrapper .lenText{max-height:60px}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .part-0 .lens-wrapper .lenText{max-height:120px}}#section-camera .part-0 .lens-wrapper .len1{margin-top:18px}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part-0 .lens-wrapper .len1{margin-top:12px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-0 .lens-wrapper .len1{margin-top:11px}}@media (max-width:1023px){#section-camera .part-0 .lens-wrapper .len1{margin-top:7px}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .part-0 .lens-wrapper .len1{margin-top:13px}}#section-camera .part-0 .lens-wrapper .len2{margin-top:50px}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part-0 .lens-wrapper .len2{margin-top:35px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-0 .lens-wrapper .len2{margin-top:30px}}@media (max-width:1023px){#section-camera .part-0 .lens-wrapper .len2{margin-top:6px}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .part-0 .lens-wrapper .len2{margin-top:12px}}#section-camera .part-0 .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 .camera-wrapper{height:560px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-0 .camera-wrapper{height:480px}}@media (max-width:1023px){#section-camera .part-0 .camera-wrapper{height:100%}}#section-camera .part-0 .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 .camera-wrapper .back{right:17px;width:387px;height:560px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-0 .camera-wrapper .back{right:14px;width:332px;height:480px}}@media (max-width:1023px){#section-camera .part-0 .camera-wrapper .back{right:0;width:53.6vw;height:100vw}}#section-camera .part-0 .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 .camera-wrapper .front{top:124px;right:88px;width:387px;height:437px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-0 .camera-wrapper .front{top:106px;right:76px;width:332px;height:374px}}@media (max-width:1023px){#section-camera .part-0 .camera-wrapper .front{top:24.17vw;right:0;width:70.83vw;height:75.73vw}}#section-camera .part-0 .camera-wrapper .cover{position:absolute;z-index:3;top:650px;right:21px;width:700px;height:169px}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part-0 .camera-wrapper .cover{top:455px;right:15px;width:490px;height:118px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-0 .camera-wrapper .cover{top:390px;right:13px;width:420px;height:101px}}@media (max-width:1023px){#section-camera .part-0 .camera-wrapper .cover{top:unset;bottom:-10vw;right:0;width:100%;height:45.6vw}}#section-camera .part-1{position:relative;padding:182px 0;width:100%;overflow:hidden}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part-1{padding:127px 0}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-1{padding:109px 0}}@media (max-width:1023px){#section-camera .part-1{padding:96px 0}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .part-1{padding:192px 0}}#section-camera .part-1 .bg-text{position:absolute;z-index:1;top:120px;left:0;width:100%}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part-1 .bg-text{top:84px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-1 .bg-text{top:72px}}#section-camera .part-1 .bg-text .text{position:relative;font-family:OPPOSans-Bold;font-weight:400;font-size:200px;line-height:1.1;color:#f7f7f7;white-space:nowrap;display:flex;justify-content:center}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part-1 .bg-text .text{font-size:140px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-1 .bg-text .text{font-size:120px}}#section-camera .part-1 .bg-text .text:nth-child(2){z-index:2;color:#e0e0e0}#section-camera .part-1 .bg-text .text:nth-child(1){z-index:1;-webkit-transform:translateY(100%);transform:translateY(100%)}#section-camera .part-1 .bg-text .text:nth-child(3){z-index:1;-webkit-transform:translateY(-100%);transform:translateY(-100%)}#section-camera .part-1 .bg-text .text:not(:nth-child(2)){transition:-webkit-transform .75s ease;transition:transform .75s ease;transition:transform .75s ease, -webkit-transform .75s ease}#section-camera .part-1 .bg-text.show .text:not(:nth-child(2)){-webkit-transform:translateY(0);transform:translateY(0)}#section-camera .part-1 .big-title{font-family:OPPOSans-Bold;font-weight:400;font-size:48px;line-height:48px;letter-spacing:-1px;color:#000;margin-left:20px}@media (min-width: 720px) and (max-width: 1023px){#section-camera .part-1 .big-title{font-size:96px;line-height:96px;letter-spacing:-1px;margin-left:40px}}#section-camera .part-1 .g--container{position:relative;z-index:2;padding-top:350px}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part-1 .g--container{padding-top:245px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-1 .g--container{padding-top:210px}}@media (max-width:1023px){#section-camera .part-1 .g--container{padding-top:34px}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .part-1 .g--container{padding-top:68px}}#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}}#section-camera .part-2{width:100%;background-color:#000;padding:361px 0 182px 0}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part-2{padding:253px 0 127px 0}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-2{padding:217px 0 109px 0}}@media (max-width:1023px){#section-camera .part-2{padding:96px 0}#section-camera .part-2 .mobile-soloop-content{margin-top:96px}#section-camera .part-2 .mobile-soloop-content .phone{width:69.44vw;height:150vw;margin:0 auto}#section-camera .part-2 .mobile-soloop-content .title-wrapper{margin-top:50px;width:100%;display:flex;justify-content:space-between;align-items:center}#section-camera .part-2 .mobile-soloop-content .title-wrapper .icon{width:66px;height:66px}#section-camera .part-2 .mobile-soloop-content .text{margin-top:23px}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .part-2 .mobile-soloop-content .text{margin-top:46px}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .part-2 .mobile-soloop-content .title-wrapper .icon{width:132px;height:132px}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .part-2 .mobile-soloop-content .title-wrapper{margin-top:100px}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .part-2 .mobile-soloop-content{margin-top:192px}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .part-2{padding:192px 0}}#section-camera .part-2 .main-content .text{width:751px;margin-top:48px}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part-2 .main-content .text{width:526px;margin-top:34px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-2 .main-content .text{width:451px;margin-top:29px}}@media (max-width:1023px){#section-camera .part-2 .main-content .text{width:100%;margin-top:22px}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .part-2 .main-content .text{margin-top:44px}}#section-camera .part-2 .graphic-container{height:200vh;height:calc(200 * var(--vh, 1vh))}#section-camera .part-2 .graphic-container .graphic-wrapper{margin:182px 0}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part-2 .graphic-container .graphic-wrapper{margin:127px 0}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-2 .graphic-container .graphic-wrapper{margin:109px 0}}#section-camera .part-2 .graphic-container .graphic-wrapper[g-selector= "1"] .title-wrapper{margin-top:129px}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part-2 .graphic-container .graphic-wrapper[g-selector= "1"] .title-wrapper{margin-top:90px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-2 .graphic-container .graphic-wrapper[g-selector= "1"] .title-wrapper{margin-top:77px}}#section-camera .part-2 .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 .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 .graphic-container .graphic-wrapper[g-selector= "2"] .title-wrapper{height:115px;margin-top:48px}}#section-camera .part-2 .soloop-part{width:868px;height:250vh;height:calc(250 * var(--vh, 1vh));margin:0 auto;text-align:center}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part-2 .soloop-part{width:608px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-2 .soloop-part{width:521px}}#section-camera .part-2 .soloop-part .sub-container{position:relative;width:100%;height:calc(100vh - 60px);height:calc((100 * var(--vh, 1vh)) - 60px)}#section-camera .part-2 .soloop-part .sub-container .shine{position:relative;z-index:3;width:100%;height:578px;margin-top:65px}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part-2 .soloop-part .sub-container .shine{height:405px;margin-top:46px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-2 .soloop-part .sub-container .shine{height:347px;margin-top:39px}}#section-camera .part-2 .soloop-part .sub-container .text-wrapper{margin-top:31px;display:flex;justify-content:space-between;text-align:left}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part-2 .soloop-part .sub-container .text-wrapper{margin-top:22px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-2 .soloop-part .sub-container .text-wrapper{margin-top:19px}}#section-camera .part-2 .soloop-part .sub-container .text-wrapper .text{width:418px}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part-2 .soloop-part .sub-container .text-wrapper .text{width:293px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-2 .soloop-part .sub-container .text-wrapper .text{width:251px}}#section-camera .part-2 .soloop-part .sub-container .soloop-content{position:absolute;z-index:2;top:0;left:0;display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}#section-camera .part-2 .soloop-part .sub-container .soloop-content .left{text-align:left;width:418px}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part-2 .soloop-part .sub-container .soloop-content .left{width:293px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-2 .soloop-part .sub-container .soloop-content .left{width:251px}}#section-camera .part-2 .soloop-part .sub-container .soloop-content .left .icon{width:66px;height:66px}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part-2 .soloop-part .sub-container .soloop-content .left .icon{width:46px;height:46px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-2 .soloop-part .sub-container .soloop-content .left .icon{width:40px;height:40px}}#section-camera .part-2 .soloop-part .sub-container .soloop-content .left .title,#section-camera .part-2 .soloop-part .sub-container .soloop-content .left .text{margin-top:32px}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part-2 .soloop-part .sub-container .soloop-content .left .title,#section-camera .part-2 .soloop-part .sub-container .soloop-content .left .text{margin-top:22px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-2 .soloop-part .sub-container .soloop-content .left .title,#section-camera .part-2 .soloop-part .sub-container .soloop-content .left .text{margin-top:19px}}#section-camera .part-2 .soloop-part .sub-container .soloop-content .right .phone{width:373px;height:800px}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part-2 .soloop-part .sub-container .soloop-content .right .phone{width:261px;height:560px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-2 .soloop-part .sub-container .soloop-content .right .phone{width:224px;height:480px}}#section-camera .part-2 .soloop-part .sub-container .soloop-ui{position:absolute;z-index:1;top:calc(50% - 400px);left:calc(50% - 187px);width:373px;height:800px}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part-2 .soloop-part .sub-container .soloop-ui{top:calc(50% - 280px);left:calc(50% - 131px);width:261px;height:560px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-2 .soloop-part .sub-container .soloop-ui{top:calc(50% - 240px);left:calc(50% - 112px);width:224px;height:480px}}#section-camera .part-3{width:100%;background-color:#fff}#section-camera .part-3 .sticky-container{height:200vh;height:calc(200 * var(--vh, 1vh))}#section-camera .part-3 .sticky-container .sticky{width:100%;height:100vh;height:calc(100 * var(--vh, 1vh));display:flex;align-items:center}#section-camera .part-3 .sticky-container .sticky .graphic-wrapper .title-wrapper{margin-top:20px}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part-3 .sticky-container .sticky .graphic-wrapper .title-wrapper{margin-top:14px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-3 .sticky-container .sticky .graphic-wrapper .title-wrapper{margin-top:12px}}#section-camera .part-3 .sticky-container .sticky .graphic-wrapper .title-wrapper .scale-title-wrapper{width:100%}#section-camera .part-3 .sticky-container .sticky .graphic-wrapper .title-wrapper .scale-title-wrapper .scale-title{position:absolute;top:0;left:0;width:100%}#section-camera .part-3 .sticky-container .sticky .graphic-wrapper .title-wrapper .scale-title-wrapper .scale-title.out{opacity:0}#section-camera .part-3 .sticky-container .sticky .graphic-wrapper .media-wrapper .media .zoom{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;transition:opacity .5s ease}#section-camera .part-3 .sticky-container .sticky .graphic-wrapper .media-wrapper .media .zoom.scale-out{opacity:0}#section-camera .part-3 .sticky-container .sticky .graphic-wrapper .media-wrapper .media .remark{position:absolute;z-index:2;left:14px;bottom:18px;white-space:nowrap;font-size:20px;line-height:28px;letter-spacing:-.12px;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:left bottom;transform-origin:left bottom}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part-3 .sticky-container .sticky .graphic-wrapper .media-wrapper .media .remark{left:10px;bottom:13px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-3 .sticky-container .sticky .graphic-wrapper .media-wrapper .media .remark{left:8px;bottom:11px}}#section-camera .part-3 .sticky-container .sticky .graphic-wrapper .media-wrapper .media .pinch-wrapper{position:absolute;z-index:2;bottom:10px;right:12px;width:108px;height:108px;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:right bottom;transform-origin:right bottom;cursor:pointer}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .part-3 .sticky-container .sticky .graphic-wrapper .media-wrapper .media .pinch-wrapper{bottom:7px;right:8px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .part-3 .sticky-container .sticky .graphic-wrapper .media-wrapper .media .pinch-wrapper{bottom:6px;right:7px}}#section-camera .part-3 .sticky-container .sticky .graphic-wrapper .media-wrapper .media .pinch-wrapper .arrow{position:absolute;width:30px;height:30px}#section-camera .part-3 .sticky-container .sticky .graphic-wrapper .media-wrapper .media .pinch-wrapper .arrow.up{top:2px;right:2px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}#section-camera .part-3 .sticky-container .sticky .graphic-wrapper .media-wrapper .media .pinch-wrapper .arrow.down{bottom:2px;left:2px}#section-camera .part-3 .sticky-container .sticky .graphic-wrapper .media-wrapper .media .pinch-wrapper .text{position:absolute;top:40px;left:0;width:100%;text-align:center;font-family:OPPOSans-Bold;font-weight:400;font-size:20px;line-height:28px;letter-spacing:-.12px}#section-camera .part-3 .sticky-container .sticky .graphic-wrapper .media-wrapper .media .pinch-wrapper .text.in{opacity:1}#section-camera .part-3 .sticky-container .sticky .graphic-wrapper .media-wrapper .media .pinch-wrapper .text.out{opacity:0}#section-camera .part-3 .sticky-container .sticky .graphic-wrapper .media-wrapper .media .pinch-wrapper.active .up{-webkit-transform:rotate(0);transform:rotate(0)}#section-camera .part-3 .sticky-container .sticky .graphic-wrapper .media-wrapper .media .pinch-wrapper.active .down{-webkit-transform:rotate(180deg);transform:rotate(180deg)}#section-camera .part-3 .sticky-container .sticky .graphic-wrapper .media-wrapper .media .pinch-wrapper.active .in{opacity:0}#section-camera .part-3 .sticky-container .sticky .graphic-wrapper .media-wrapper .media .pinch-wrapper.active .out{opacity:1}@media (max-width:1023px){#section-camera .part-3{padding-top:26px;padding-bottom:96px}#section-camera .part-3 .mobile-graphic.show-more .detail{height:96px}#section-camera .part-3 .m-108-mp .media{position:relative;width:100%;height:calc(133.33vw - 53px);margin-top:20px}#section-camera .part-3 .m-108-mp .media .zoom{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;transition:opacity .5s ease;margin-top:0}#section-camera .part-3 .m-108-mp .media .zoom.scale-out{opacity:0}#section-camera .part-3 .m-108-mp .media .remark{position:absolute;z-index:2;left:14px;bottom:12px;width:430px;font-size:20px;line-height:28px;letter-spacing:-.12px;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:left bottom;transform-origin:left bottom;color:#fff}#section-camera .part-3 .m-108-mp .media .pinch-wrapper{position:absolute;z-index:2;bottom:12px;right:17px;width:108px;height:108px;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:right bottom;transform-origin:right bottom;color:#fff}#section-camera .part-3 .m-108-mp .media .pinch-wrapper .arrow{position:absolute;width:30px;height:30px;margin-top:0}#section-camera .part-3 .m-108-mp .media .pinch-wrapper .arrow.up{top:2px;right:2px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}#section-camera .part-3 .m-108-mp .media .pinch-wrapper .arrow.down{bottom:2px;left:2px}#section-camera .part-3 .m-108-mp .media .pinch-wrapper .text{position:absolute;top:40px;left:0;width:100%;text-align:center;font-family:OPPOSans-Bold;font-weight:400;font-size:20px;line-height:28px;letter-spacing:-.12px}#section-camera .part-3 .m-108-mp .media .pinch-wrapper .text.in{opacity:1}#section-camera .part-3 .m-108-mp .media .pinch-wrapper .text.out{opacity:0}#section-camera .part-3 .m-108-mp .media .pinch-wrapper.active .up{-webkit-transform:rotate(0);transform:rotate(0)}#section-camera .part-3 .m-108-mp .media .pinch-wrapper.active .down{-webkit-transform:rotate(180deg);transform:rotate(180deg)}#section-camera .part-3 .m-108-mp .media .pinch-wrapper.active .in{opacity:0}#section-camera .part-3 .m-108-mp .media .pinch-wrapper.active .out{opacity:1}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .part-3 .m-108-mp .media .pinch-wrapper{bottom:24px;right:34px}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .part-3 .m-108-mp .media .remark{left:28px;bottom:24px;width:860px}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .part-3 .m-108-mp .media{height:calc(133.33vw - 107px);margin-top:40px}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .part-3{padding-top:52px;padding-bottom:192px}}#section-performance{position:relative;width:100%;overflow:hidden}#section-performance .color-text sup{position:static;vertical-align:super}#section-performance .section-content .content{width:100%;margin-top:20px}@media (min-width: 720px) and (max-width: 1023px){#section-performance .section-content .content{margin-top:40px}}@media (min-width:1024px){#section-performance .section-content .content{width:528px;margin-top:39px}}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .section-content .content{width:370px;margin-top:27px}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .section-content .content{width:317px;margin-top:23px}}#section-performance .section-content > *{padding-bottom:96px}@media (min-width: 720px) and (max-width: 1023px){#section-performance .section-content > *{padding-bottom:192px}}@media (min-width:1024px){#section-performance .section-content > *{padding-bottom:182px}}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .section-content > *{padding-bottom:127px}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .section-content > *{padding-bottom:109px}}@media (min-width:1024px){#section-performance .section-content .intro-charge{display:flex;justify-content:space-between}}#section-performance .section-content .intro-charge .charge-0 .c-img{width:81px;height:40px;margin-bottom:20px}@media (min-width: 720px) and (max-width: 1023px){#section-performance .section-content .intro-charge .charge-0 .c-img{width:162px;height:80px;margin-bottom:40px}}@media (min-width:1024px){#section-performance .section-content .intro-charge .charge-0 .c-img{width:163px;height:80px;margin-bottom:37px}}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .section-content .intro-charge .charge-0 .c-img{width:114px;height:56px;margin-bottom:26px}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .section-content .intro-charge .charge-0 .c-img{width:98px;height:48px;margin-bottom:22px}}#section-performance .section-content .intro-charge .charge-0 .c-text{background:linear-gradient(90deg,#59ef61,#b4f96f);-webkit-background-clip:text;color:transparent}#section-performance .section-content .intro-charge .charge-0 .tips{margin-top:5px;width:100%}@media (min-width: 720px) and (max-width: 1023px){#section-performance .section-content .intro-charge .charge-0 .tips{margin-top:10px}}@media (min-width:1024px){#section-performance .section-content .intro-charge .charge-0 .tips{margin-top:10px;width:528px}}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .section-content .intro-charge .charge-0 .tips{margin-top:7px;width:370px}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .section-content .intro-charge .charge-0 .tips{margin-top:6px;width:317px}}#section-performance .section-content .intro-charge .charge-1-mo{margin-top:48px}#section-performance .section-content .intro-charge .charge-1-mo .items{display:flex}#section-performance .section-content .intro-charge .charge-1-mo .items:not(:first-child){margin-top:20px}#section-performance .section-content .intro-charge .charge-1-mo .items .pic{width:54px;height:54px}#section-performance .section-content .intro-charge .charge-1-mo .items .word{display:flex;flex-direction:column;justify-content:space-between;margin-left:28px}#section-performance .section-content .intro-charge .charge-1-pc{display:flex;flex-direction:column;justify-content:flex-end;margin:0 0 45px 144px}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .section-content .intro-charge .charge-1-pc{margin:0 0 31px 101px}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .section-content .intro-charge .charge-1-pc{margin:0 0 27px 86px}}#section-performance .section-content .intro-charge .charge-1-pc .item{display:flex}#section-performance .section-content .intro-charge .charge-1-pc .item > *{flex:1}#section-performance .section-content .intro-charge .charge-1-pc .item > :nth-child(2){margin-left:34px}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .section-content .intro-charge .charge-1-pc .item > :nth-child(2){margin-left:24px}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .section-content .intro-charge .charge-1-pc .item > :nth-child(2){margin-left:20px}}#section-performance .section-content .intro-charge .charge-1-pc .up-word{margin:40px 0 20px 0}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .section-content .intro-charge .charge-1-pc .up-word{margin:28px 0 14px 0}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .section-content .intro-charge .charge-1-pc .up-word{margin:24px 0 12px 0}}#section-performance .section-content .intro-charge .charge-1-pc .pic{width:100px;height:100px}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .section-content .intro-charge .charge-1-pc .pic{width:70px;height:70px}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .section-content .intro-charge .charge-1-pc .pic{width:60px;height:60px}}@media (min-width:1024px){#section-performance .section-content .intro-cooling{display:flex}}#section-performance .section-content .intro-cooling .cooling{position:relative;width:100%;height:182px;margin:14px 0 48px 0}@media (min-width: 720px) and (max-width: 1023px){#section-performance .section-content .intro-cooling .cooling{height:364px;margin:28px 0 96px 0}}@media (min-width:1024px){#section-performance .section-content .intro-cooling .cooling{width:468px;height:882px;margin:0}}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .section-content .intro-cooling .cooling{width:328px;height:617px}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .section-content .intro-cooling .cooling{width:281px;height:529px}}#section-performance .section-content .intro-cooling .cooling img{position:absolute}@media (min-width:1024px){#section-performance .section-content .intro-cooling .cooling img{top:560px;left:0}}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .section-content .intro-cooling .cooling img{top:392px}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .section-content .intro-cooling .cooling img{top:336px}}@media (max-width:1023px){#section-performance .section-content .intro-cooling .cooling img{top:0;left:205px}}@media (min-width: 720px) and (max-width: 1023px){#section-performance .section-content .intro-cooling .cooling img{left:410px}}#section-performance .section-content .intro-cooling .cooling .layer-0{z-index:8}@media (min-width:1024px){#section-performance .section-content .intro-cooling .cooling .layer-0{left:30px;width:408px;height:94px;-webkit-transform:translateY(-520px);transform:translateY(-520px)}}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .section-content .intro-cooling .cooling .layer-0{left:21px;width:286px;height:66px;-webkit-transform:translateY(-364px);transform:translateY(-364px)}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .section-content .intro-cooling .cooling .layer-0{left:18px;width:245px;height:56px;-webkit-transform:translateY(-312px);transform:translateY(-312px)}}@media (max-width:1023px){#section-performance .section-content .intro-cooling .cooling .layer-0{width:37px;height:154px;-webkit-transform:translateX(-205px);transform:translateX(-205px)}}@media (min-width: 720px) and (max-width: 1023px){#section-performance .section-content .intro-cooling .cooling .layer-0{width:74px;height:308px;-webkit-transform:translateX(-410px);transform:translateX(-410px)}}#section-performance .section-content .intro-cooling .cooling .layer-1{z-index:7}@media (min-width:1024px){#section-performance .section-content .intro-cooling .cooling .layer-1{left:156px;width:269px;height:81px;-webkit-transform:translateY(-426px);transform:translateY(-426px)}}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .section-content .intro-cooling .cooling .layer-1{left:109px;width:188px;height:57px;-webkit-transform:translateY(-298px);transform:translateY(-298px)}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .section-content .intro-cooling .cooling .layer-1{left:94px;width:161px;height:49px;-webkit-transform:translateY(-256px);transform:translateY(-256px)}}@media (max-width:1023px){#section-performance .section-content .intro-cooling .cooling .layer-1{width:33px;height:104px;top:4px;-webkit-transform:translateX(-165px);transform:translateX(-165px)}}@media (min-width: 720px) and (max-width: 1023px){#section-performance .section-content .intro-cooling .cooling .layer-1{width:66px;height:208px;top:8px;-webkit-transform:translateX(-330px);transform:translateX(-330px)}}#section-performance .section-content .intro-cooling .cooling .layer-2{z-index:6}@media (min-width:1024px){#section-performance .section-content .intro-cooling .cooling .layer-2{left:209px;width:170px;height:11px;-webkit-transform:translateY(-330px);transform:translateY(-330px)}}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .section-content .intro-cooling .cooling .layer-2{left:146px;width:119px;height:8px;-webkit-transform:translateY(-231px);transform:translateY(-231px)}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .section-content .intro-cooling .cooling .layer-2{left:125px;width:102px;height:7px;-webkit-transform:translateY(-198px);transform:translateY(-198px)}}@media (max-width:1023px){#section-performance .section-content .intro-cooling .cooling .layer-2{width:4px;height:64px;top:24px;-webkit-transform:translateX(-129px);transform:translateX(-129px)}}@media (min-width: 720px) and (max-width: 1023px){#section-performance .section-content .intro-cooling .cooling .layer-2{width:8px;height:128px;top:48px;-webkit-transform:translateX(-258px);transform:translateX(-258px)}}#section-performance .section-content .intro-cooling .cooling .layer-3{z-index:5}@media (min-width:1024px){#section-performance .section-content .intro-cooling .cooling .layer-3{left:30px;width:408px;height:102px;-webkit-transform:translateY(-310px);transform:translateY(-310px)}}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .section-content .intro-cooling .cooling .layer-3{left:21px;width:286px;height:71px;-webkit-transform:translateY(-217px);transform:translateY(-217px)}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .section-content .intro-cooling .cooling .layer-3{left:18px;width:245px;height:61px;-webkit-transform:translateY(-186px);transform:translateY(-186px)}}@media (max-width:1023px){#section-performance .section-content .intro-cooling .cooling .layer-3{width:40px;height:154px;-webkit-transform:translateX(-120px);transform:translateX(-120px)}}@media (min-width: 720px) and (max-width: 1023px){#section-performance .section-content .intro-cooling .cooling .layer-3{width:80px;height:308px;-webkit-transform:translateX(-240px);transform:translateX(-240px)}}#section-performance .section-content .intro-cooling .cooling .layer-4{z-index:4}@media (min-width:1024px){#section-performance .section-content .intro-cooling .cooling .layer-4{left:32px;width:424px;height:98px;-webkit-transform:translateY(-200px);transform:translateY(-200px)}}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .section-content .intro-cooling .cooling .layer-4{left:22px;width:297px;height:69px;-webkit-transform:translateY(-140px);transform:translateY(-140px)}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .section-content .intro-cooling .cooling .layer-4{left:19px;width:254px;height:59px;-webkit-transform:translateY(-120px);transform:translateY(-120px)}}@media (max-width:1023px){#section-performance .section-content .intro-cooling .cooling .layer-4{width:37px;height:160px;top:-8px;-webkit-transform:translateX(-80px);transform:translateX(-80px)}}@media (min-width: 720px) and (max-width: 1023px){#section-performance .section-content .intro-cooling .cooling .layer-4{width:74px;height:320px;top:-16px;-webkit-transform:translateX(-160px);transform:translateX(-160px)}}#section-performance .section-content .intro-cooling .cooling .layer-5{z-index:3}@media (min-width:1024px){#section-performance .section-content .intro-cooling .cooling .layer-5{left:90px;width:307px;height:97px;-webkit-transform:translateY(-80px);transform:translateY(-80px)}}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .section-content .intro-cooling .cooling .layer-5{left:63px;width:215px;height:68px;-webkit-transform:translateY(-56px);transform:translateY(-56px)}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .section-content .intro-cooling .cooling .layer-5{left:54px;width:184px;height:58px;-webkit-transform:translateY(-48px);transform:translateY(-48px)}}@media (max-width:1023px){#section-performance .section-content .intro-cooling .cooling .layer-5{width:41px;height:122px;top:15px;-webkit-transform:translateX(-40px);transform:translateX(-40px)}}@media (min-width: 720px) and (max-width: 1023px){#section-performance .section-content .intro-cooling .cooling .layer-5{width:82px;height:244px;top:30px;-webkit-transform:translateX(-80px);transform:translateX(-80px)}}#section-performance .section-content .intro-cooling .cooling .layer-6{z-index:2}@media (min-width:1024px){#section-performance .section-content .intro-cooling .cooling .layer-6{left:30px;width:408px;height:101px}}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .section-content .intro-cooling .cooling .layer-6{left:21px;width:286px;height:71px}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .section-content .intro-cooling .cooling .layer-6{left:18px;width:245px;height:61px}}@media (max-width:1023px){#section-performance .section-content .intro-cooling .cooling .layer-6{width:40px;height:154px}}@media (min-width: 720px) and (max-width: 1023px){#section-performance .section-content .intro-cooling .cooling .layer-6{width:80px;height:308px}}#section-performance .section-content .intro-cooling .cooling .layer-7{z-index:1}@media (min-width:1024px){#section-performance .section-content .intro-cooling .cooling .layer-7{left:52px;width:341px;height:81px;-webkit-transform:translateY(120px);transform:translateY(120px)}}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .section-content .intro-cooling .cooling .layer-7{left:36px;width:239px;height:57px;-webkit-transform:translateY(84px);transform:translateY(84px)}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .section-content .intro-cooling .cooling .layer-7{left:31px;width:205px;height:49px;-webkit-transform:translateY(72px);transform:translateY(72px)}}@media (max-width:1023px){#section-performance .section-content .intro-cooling .cooling .layer-7{width:41px;height:122px;top:15px;-webkit-transform:translateX(45px);transform:translateX(45px)}}@media (min-width: 720px) and (max-width: 1023px){#section-performance .section-content .intro-cooling .cooling .layer-7{width:82px;height:244px;top:30px;-webkit-transform:translateX(90px);transform:translateX(90px)}}#section-performance .section-content .intro-cooling .cooling .layer-8{z-index:0}@media (min-width:1024px){#section-performance .section-content .intro-cooling .cooling .layer-8{top:567px;left:33px;width:402px;height:96px;-webkit-transform:translateY(140px);transform:translateY(140px)}}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .section-content .intro-cooling .cooling .layer-8{top:397px;left:23px;width:281px;height:67px;-webkit-transform:translateY(98px);transform:translateY(98px)}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .section-content .intro-cooling .cooling .layer-8{top:340px;left:20px;width:241px;height:58px;-webkit-transform:translateY(84px);transform:translateY(84px)}}@media (max-width:1023px){#section-performance .section-content .intro-cooling .cooling .layer-8{width:40px;height:154px;top:0;left:210px;-webkit-transform:translateX(70px);transform:translateX(70px)}}@media (min-width: 720px) and (max-width: 1023px){#section-performance .section-content .intro-cooling .cooling .layer-8{width:80px;height:308px;left:420px;-webkit-transform:translateX(140px);transform:translateX(140px)}}@media (min-width:1024px){#section-performance .section-content .intro-cooling .cooling-1{display:flex;flex-direction:column;justify-content:center;margin-left:228px}}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .section-content .intro-cooling .cooling-1{margin-left:160px}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .section-content .intro-cooling .cooling-1{margin-left:137px}}#section-performance .section-content .intro-cooling .cooling-1 .c-img{width:60px;height:60px;margin-bottom:13px}@media (min-width: 720px) and (max-width: 1023px){#section-performance .section-content .intro-cooling .cooling-1 .c-img{width:120px;height:120px;margin-bottom:26px}}@media (min-width:1024px){#section-performance .section-content .intro-cooling .cooling-1 .c-img{width:100px;height:100px;margin-bottom:32px}}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .section-content .intro-cooling .cooling-1 .c-img{width:70px;height:70px;margin-bottom:22px}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .section-content .intro-cooling .cooling-1 .c-img{width:60px;height:60px;margin-bottom:19px}}#section-performance .section-content .intro-cooling .cooling-1 .c-text{background:linear-gradient(180deg,#0ff,#004bff);-webkit-background-clip:text;color:transparent}#section-performance .section-content .intro-ai .ai-0 .c-img{width:60px;height:60px;margin-bottom:16px}@media (min-width: 720px) and (max-width: 1023px){#section-performance .section-content .intro-ai .ai-0 .c-img{width:120px;height:120px;margin-bottom:32px}}#section-performance .section-content .intro-ai .ai-0 .c-text{background:linear-gradient(90deg,#ff31c4,#50f);-webkit-background-clip:text;color:transparent}@media (min-width:1024px){#section-performance .section-content .intro-ai .ai-0{text-align:center}#section-performance .section-content .intro-ai .ai-0 .c-img{width:114px;height:114px;margin:0 auto 60px auto}}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .section-content .intro-ai .ai-0 .c-img{width:80px;height:80px;margin:0 auto 42px auto}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .section-content .intro-ai .ai-0 .c-img{width:68px;height:68px;margin:0 auto 36px auto}}#section-performance .section-content .intro-ai .ai-1-pc{display:flex;justify-content:space-between;margin-top:65px}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .section-content .intro-ai .ai-1-pc{margin-top:46px}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .section-content .intro-ai .ai-1-pc{margin-top:39px}}#section-performance .section-content .intro-ai .ai-1-pc .item{width:640px}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .section-content .intro-ai .ai-1-pc .item{width:448px}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .section-content .intro-ai .ai-1-pc .item{width:384px}}#section-performance .section-content .intro-ai .ai-1-pc .item .pic{width:100%;height:534px;overflow:hidden}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .section-content .intro-ai .ai-1-pc .item .pic{height:374px}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .section-content .intro-ai .ai-1-pc .item .pic{height:320px}}#section-performance .section-content .intro-ai .ai-1-pc .item .desc-1{width:105%}#section-performance .section-content .intro-ai .ai-1-pc .item .word-0{margin:32px 0 20px 0}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .section-content .intro-ai .ai-1-pc .item .word-0{margin:22px 0 14px 0}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .section-content .intro-ai .ai-1-pc .item .word-0{margin:19px 0 12px 0}}#section-performance .section-content .intro-ai .ai-1-pc .item-1 .pic{display:flex;justify-content:center;background:#191919}#section-performance .section-content .intro-ai .ai-1-pc .item-1 .video-wrapper{position:relative;width:360px;height:772px;margin-top:62px}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .section-content .intro-ai .ai-1-pc .item-1 .video-wrapper{width:252px;height:540px;margin-top:43px}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .section-content .intro-ai .ai-1-pc .item-1 .video-wrapper{width:216px;height:463px;margin-top:37px}}#section-performance .section-content .intro-ai .ai-1-pc .item-1 .video-wrapper .border{position:relative;z-index:2;width:100%;height:100%}#section-performance .section-content .intro-ai .ai-1-pc .item-1 .video-wrapper video{position:absolute;z-index:1;width:326px;height:723px;top:20px;left:17px}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .section-content .intro-ai .ai-1-pc .item-1 .video-wrapper video{width:228px;height:506px;top:14px;left:12px}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .section-content .intro-ai .ai-1-pc .item-1 .video-wrapper video{width:196px;height:434px;top:12px;left:10px}}#section-performance .section-content .intro-ai .ai-1-mo .arrow{width:10px;height:19px}@media (min-width: 720px) and (max-width: 1023px){#section-performance .section-content .intro-ai .ai-1-mo .arrow{width:20px;height:38px}}#section-performance .section-content .intro-ai .ai-1-mo .arrow.down{-webkit-transform:rotate(180deg);transform:rotate(180deg)}#section-performance .section-content .intro-ai .ai-1-mo .arrow.inactive{opacity:.6}#section-performance .section-content .intro-ai .ai-1-mo .pic-wrapper{position:relative;width:100%;height:74.16666666666667vw;margin-top:20px;overflow:hidden;background:#191919}@media (min-width: 720px) and (max-width: 1023px){#section-performance .section-content .intro-ai .ai-1-mo .pic-wrapper{margin-top:40px}}#section-performance .section-content .intro-ai .ai-1-mo .pic-wrapper > *{width:100%;height:100%}#section-performance .section-content .intro-ai .ai-1-mo .pic-wrapper .pic-1 .video-wrapper{position:relative;width:180px;height:386px;margin:30px auto 0 auto}@media (min-width: 720px) and (max-width: 1023px){#section-performance .section-content .intro-ai .ai-1-mo .pic-wrapper .pic-1 .video-wrapper{width:360px;height:772px;margin:60px auto 0 auto}}#section-performance .section-content .intro-ai .ai-1-mo .pic-wrapper .pic-1 .video-wrapper .border{position:relative;z-index:2;width:100%;height:100%}#section-performance .section-content .intro-ai .ai-1-mo .pic-wrapper .pic-1 .video-wrapper canvas{position:absolute;z-index:1;top:10px;width:163px;height:234px;left:8px}@media (min-width: 720px) and (max-width: 1023px){#section-performance .section-content .intro-ai .ai-1-mo .pic-wrapper .pic-1 .video-wrapper canvas{top:20px;width:326px;height:468px;left:16px}}#section-performance .section-content .intro-ai .ai-1-mo .content-wrapper .detail .desc{overflow:hidden}#section-performance .section-content .intro-ai .ai-1-mo .content-wrapper .control{display:flex;align-items:center;justify-content:space-between;margin-top:20px;cursor:pointer}@media (min-width: 720px) and (max-width: 1023px){#section-performance .section-content .intro-ai .ai-1-mo .content-wrapper .control{margin-top:40px}}#section-performance .section-content .intro-ai .ai-1-mo .content-wrapper .line{width:100%;height:1px;background:#fff;margin:5px 0}@media (min-width: 720px) and (max-width: 1023px){#section-performance .section-content .intro-ai .ai-1-mo .content-wrapper .line{margin:10px 0}}@media (min-width:1024px){#section-performance .section-content .intro-refresh{display:flex}}#section-performance .section-content .intro-refresh .refresh-0 .c-img{width:66px;height:70px;margin-bottom:13px}@media (min-width: 720px) and (max-width: 1023px){#section-performance .section-content .intro-refresh .refresh-0 .c-img{width:132px;height:140px;margin-bottom:26px}}#section-performance .section-content .intro-refresh .refresh-0 .c-text{background:linear-gradient(90deg,#ffc6ef,#a679ff,#96d2ff);-webkit-background-clip:text;color:transparent}@media (min-width:1024px){#section-performance .section-content .intro-refresh .refresh-0{display:flex;flex-direction:column;justify-content:center}#section-performance .section-content .intro-refresh .refresh-0 .c-img{width:123px;height:130px;margin-bottom:65px}}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .section-content .intro-refresh .refresh-0 .c-img{width:86px;height:91px;margin-bottom:46px}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .section-content .intro-refresh .refresh-0 .c-img{width:74px;height:78px;margin-bottom:39px}}#section-performance .section-content .intro-refresh .refresh-1{position:relative;width:286px;height:446px;margin:35px auto 0 auto}@media (min-width: 720px) and (max-width: 1023px){#section-performance .section-content .intro-refresh .refresh-1{width:572px;height:892px;margin:70px auto 0 auto}}#section-performance .section-content .intro-refresh .refresh-1 .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 .section-content .intro-refresh .refresh-1 .mask{left:calc(286px - 50vw);top:356px}}#section-performance .section-content .intro-refresh .refresh-1 .hz-wrapper{position:relative;width:100%;height:100%;overflow:hidden}#section-performance .section-content .intro-refresh .refresh-1 .hz-wrapper .video-wrapper{position:relative;width:100%;height:616px;overflow:hidden}@media (min-width: 720px) and (max-width: 1023px){#section-performance .section-content .intro-refresh .refresh-1 .hz-wrapper .video-wrapper{height:1232px}}#section-performance .section-content .intro-refresh .refresh-1 .hz-wrapper .video-wrapper canvas,#section-performance .section-content .intro-refresh .refresh-1 .hz-wrapper .video-wrapper video{width:94%;height:95%;position:absolute;top:2.5%;left:3%;overflow:hidden}#section-performance .section-content .intro-refresh .refresh-1 .hz-wrapper .video-wrapper .border{width:100%;height:100%;position:absolute;top:0;left:0}#section-performance .section-content .intro-refresh .refresh-1 .line{position:absolute;z-index:2;width:2px;height:388px;top:16px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:transparent}@media (min-width: 720px) and (max-width: 1023px){#section-performance .section-content .intro-refresh .refresh-1 .line{width:4px;height:776px;top:32px}}#section-performance .section-content .intro-refresh .refresh-1 .line > *{position:absolute;bottom:0}#section-performance .section-content .intro-refresh .refresh-1 .line .tip-0{left:-50px}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .section-content .intro-refresh .refresh-1 .line .tip-0{left:-35px}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .section-content .intro-refresh .refresh-1 .line .tip-0{left:-30px}}#section-performance .section-content .intro-refresh .refresh-1 .line .tip-1{right:-50px}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .section-content .intro-refresh .refresh-1 .line .tip-1{right:-35px}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .section-content .intro-refresh .refresh-1 .line .tip-1{right:-30px}}@media (min-width:1024px){#section-performance .section-content .intro-refresh .refresh-1{margin:0 0 0 216px;width:360px;height:772px}#section-performance .section-content .intro-refresh .refresh-1 .hz-wrapper{overflow:inherit}#section-performance .section-content .intro-refresh .refresh-1 .hz-wrapper .video-wrapper{width:100%;height:100%}#section-performance .section-content .intro-refresh .refresh-1 .line{width:4px;height:796px;top:23px}#section-performance .section-content .intro-refresh .refresh-1 .line .tip-0{left:-80px}#section-performance .section-content .intro-refresh .refresh-1 .line .tip-1{right:-80px}}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .section-content .intro-refresh .refresh-1 .line .tip-1{right:-56px}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .section-content .intro-refresh .refresh-1 .line .tip-1{right:-48px}}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .section-content .intro-refresh .refresh-1 .line .tip-0{left:-56px}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .section-content .intro-refresh .refresh-1 .line .tip-0{left:-48px}}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .section-content .intro-refresh .refresh-1 .line{width:3px;height:557px;top:16px}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .section-content .intro-refresh .refresh-1 .line{width:2px;height:478px;top:14px}}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .section-content .intro-refresh .refresh-1{margin:0 0 0 151px;width:252px;height:540px}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .section-content .intro-refresh .refresh-1{margin:0 0 0 130px;width:216px;height:463px}}#section-performance .section-content .intro-processor{width:calc(100vw - 40px);margin:auto;padding-bottom:96px}@media (min-width: 720px) and (max-width: 1023px){#section-performance .section-content .intro-processor{padding-bottom:192px}}@media (min-width:1024px){#section-performance .section-content .intro-processor{width:100%;display:flex;padding-bottom:225px}}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .section-content .intro-processor{padding-bottom:158px}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .section-content .intro-processor{padding-bottom:135px}}#section-performance .section-content .intro-processor .processor-0{display:flex;align-items:flex-end}#section-performance .section-content .intro-processor .processor-0 .pic{position:relative;width:50vw;height:33.333333333333336vw;overflow:hidden}@media (min-width:2260px){#section-performance .section-content .intro-processor .processor-0 .pic{width:1280px;height:890px}}#section-performance .section-content .intro-processor .processor-0 .pic img{position:absolute;width:100%;left:0}#section-performance .section-content .intro-processor .processor-0 .pic .up{top:0;height:26.041666666666668vw;z-index:2;-webkit-transform:translateY(50px);transform:translateY(50px);transition:-webkit-transform .5s ease-out;transition:transform .5s ease-out;transition:transform .5s ease-out, -webkit-transform .5s ease-out}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .section-content .intro-processor .processor-0 .pic .up{-webkit-transform:translateY(35px);transform:translateY(35px)}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .section-content .intro-processor .processor-0 .pic .up{-webkit-transform:translateY(30px);transform:translateY(30px)}}@media (min-width:2260px){#section-performance .section-content .intro-processor .processor-0 .pic .up{height:666px}}#section-performance .section-content .intro-processor .processor-0 .pic .down{height:25.46875vw;bottom:0;z-index:1;-webkit-transform:translateY(-50px);transform:translateY(-50px);transition:-webkit-transform .5s ease-out;transition:transform .5s ease-out;transition:transform .5s ease-out, -webkit-transform .5s ease-out}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .section-content .intro-processor .processor-0 .pic .down{-webkit-transform:translateY(-35px);transform:translateY(-35px)}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .section-content .intro-processor .processor-0 .pic .down{-webkit-transform:translateY(-30px);transform:translateY(-30px)}}@media (min-width:2260px){#section-performance .section-content .intro-processor .processor-0 .pic .down{height:652px}}#section-performance .section-content .intro-processor .processor-0 .pic .mask{z-index:3}#section-performance .section-content .intro-processor .processor-0 .pic .mask-up{width:54.94791666666667vw;height:27.760416666666668vw;top:-10.9375vw}@media (min-width:2260px){#section-performance .section-content .intro-processor .processor-0 .pic .mask-up{width:1406px;height:710px;top:-280px}}#section-performance .section-content .intro-processor .processor-0 .pic .mask-down{width:54.94791666666667vw;height:27.760416666666668vw;bottom:-10.9375vw}@media (min-width:2260px){#section-performance .section-content .intro-processor .processor-0 .pic .mask-down{width:1406px;height:710px;bottom:-280px}}#section-performance .section-content .intro-processor .processor-0 .pic .mask-right{width:30.625vw;height:48.489583333333336vw;left:auto;right:-15.3125vw}@media (min-width:2260px){#section-performance .section-content .intro-processor .processor-0 .pic .mask-right{width:784px;height:1340px;right:-392px}}#section-performance .section-content .intro-processor .processor-0 .pic.active .up,#section-performance .section-content .intro-processor .processor-0 .pic.active .down{-webkit-transform:translateY(0);transform:translateY(0)}#section-performance .section-content .intro-processor .processor-1 .c-img{width:60px;height:60px;margin-bottom:13px}@media (min-width: 720px) and (max-width: 1023px){#section-performance .section-content .intro-processor .processor-1 .c-img{width:120px;height:120px;margin-bottom:26px}}#section-performance .section-content .intro-processor .processor-1 .c-text{background:linear-gradient(90deg,#f00,#ffc476);-webkit-background-clip:text;color:transparent}#section-performance .section-content .intro-processor .processor-1 .items{position:relative}#section-performance .section-content .intro-processor .processor-1 .items .pic-mo{position:relative;width:300px;height:230px;overflow:hidden;z-index:1;margin:48px 0 0 -40px}@media (min-width: 720px) and (max-width: 1023px){#section-performance .section-content .intro-processor .processor-1 .items .pic-mo{width:600px;height:460px;margin:96px 0 0 -40px}}#section-performance .section-content .intro-processor .processor-1 .items .pic-mo img{position:absolute;width:100%}#section-performance .section-content .intro-processor .processor-1 .items .pic-mo .up{top:0;height:186px;z-index:2;-webkit-transform:translateY(20px);transform:translateY(20px);transition:-webkit-transform .5s ease-out;transition:transform .5s ease-out;transition:transform .5s ease-out, -webkit-transform .5s ease-out}@media (min-width: 720px) and (max-width: 1023px){#section-performance .section-content .intro-processor .processor-1 .items .pic-mo .up{height:372px}}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .section-content .intro-processor .processor-1 .items .pic-mo .up{-webkit-transform:translateY(14px);transform:translateY(14px)}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .section-content .intro-processor .processor-1 .items .pic-mo .up{-webkit-transform:translateY(12px);transform:translateY(12px)}}#section-performance .section-content .intro-processor .processor-1 .items .pic-mo .down{height:180px;bottom:0;z-index:1;-webkit-transform:translateY(-20px);transform:translateY(-20px);transition:-webkit-transform .5s ease-out;transition:transform .5s ease-out;transition:transform .5s ease-out, -webkit-transform .5s ease-out}@media (min-width: 720px) and (max-width: 1023px){#section-performance .section-content .intro-processor .processor-1 .items .pic-mo .down{height:360px}}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .section-content .intro-processor .processor-1 .items .pic-mo .down{-webkit-transform:translateY(-14px);transform:translateY(-14px)}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .section-content .intro-processor .processor-1 .items .pic-mo .down{-webkit-transform:translateY(-12px);transform:translateY(-12px)}}#section-performance .section-content .intro-processor .processor-1 .items .pic-mo.active .up,#section-performance .section-content .intro-processor .processor-1 .items .pic-mo.active .down{-webkit-transform:translateY(0);transform:translateY(0)}#section-performance .section-content .intro-processor .processor-1 .items .mask{z-index:3}#section-performance .section-content .intro-processor .processor-1 .items .mask-up{width:351px;height:177px;top:-88px;left:0}@media (min-width: 720px) and (max-width: 1023px){#section-performance .section-content .intro-processor .processor-1 .items .mask-up{width:702px;height:354px;top:-176px}}#section-performance .section-content .intro-processor .processor-1 .items .mask-down{width:351px;height:177px;bottom:-88px;left:0}@media (min-width: 720px) and (max-width: 1023px){#section-performance .section-content .intro-processor .processor-1 .items .mask-down{width:702px;height:354px;bottom:-176px}}#section-performance .section-content .intro-processor .processor-1 .items .mask-right{width:195px;height:310px;top:-50px;right:-110px}@media (min-width: 720px) and (max-width: 1023px){#section-performance .section-content .intro-processor .processor-1 .items .mask-right{width:390px;height:620px;top:-100px;right:-220px}}@media (max-width:1023px){#section-performance .section-content .intro-processor .processor-1 .items .item-content{position:absolute;z-index:2;top:50%;left:225px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}#section-performance .section-content .intro-processor .processor-1 .items .item-content .item{margin-bottom:11px}#section-performance .section-content .intro-processor .processor-1 .items .item-content .item .down{margin-top:4px}}@media (min-width: 720px) and (max-width: 1023px){#section-performance .section-content .intro-processor .processor-1 .items .item-content .item{margin-bottom:22px}}@media (min-width: 720px) and (max-width: 1023px){#section-performance .section-content .intro-processor .processor-1 .items .item-content{left:450px}}@media (min-width:1024px){#section-performance .section-content .intro-processor .processor-1{display:flex;flex-direction:column;justify-content:center;margin-left:60px}#section-performance .section-content .intro-processor .processor-1 .c-img{width:98px;height:100px;margin-bottom:65px}#section-performance .section-content .intro-processor .processor-1 .items{margin-top:36px}#section-performance .section-content .intro-processor .processor-1 .items .item-content{display:flex}#section-performance .section-content .intro-processor .processor-1 .items .item{margin-right:65px}}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .section-content .intro-processor .processor-1 .items .item{margin-right:46px}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .section-content .intro-processor .processor-1 .items .item{margin-right:39px}}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .section-content .intro-processor .processor-1 .items{margin-top:25px}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .section-content .intro-processor .processor-1 .items{margin-top:22px}}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .section-content .intro-processor .processor-1 .c-img{width:69px;height:70px;margin-bottom:46px}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .section-content .intro-processor .processor-1 .c-img{width:59px;height:60px;margin-bottom:39px}}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .section-content .intro-processor .processor-1{margin-left:42px}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .section-content .intro-processor .processor-1{margin-left:36px}}#section-design{position:relative;background:#fff;width:100%}#section-design .design-stroke-text{white-space:nowrap;text-align:left;font-family:OPPOSans-Bold;font-weight:400;font-size:12.037037037037036vh;font-size:calc(12.037037037037036 * var(--vh, 1vh));line-height:1.4;letter-spacing:-2px;display:flex}@media (min-width: 1400px) and (max-width: 1799px){#section-design .design-stroke-text{letter-spacing:-1px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .design-stroke-text{letter-spacing:-1px}}@media (min-width:1024px) and (orientation:portrait){#section-design .design-stroke-text{font-size:6.25vh;font-size:calc(6.25 * var(--vh, 1vh))}}@media (max-width:1023px){#section-design .design-stroke-text{font-size:12px;letter-spacing:0}}#section-design .design-stroke-text[data-color='silver'] .text{background:linear-gradient(-90deg,#ffc6ef,#a679ff,#96d2ff);-webkit-background-clip:text;color:transparent}#section-design .design-stroke-text[data-color='black'] .text{background:linear-gradient(-90deg,#000,#858585,#000,#5b5b5b,#000);-webkit-background-clip:text;color:transparent}#section-design .design-stroke-text[data-mode='stroke'] .text{-webkit-text-stroke:3px transparent;-webkit-text-fill-color:#fff}@media (max-width:1023px){#section-design .design-stroke-text[data-mode='stroke'] .text{-webkit-text-stroke:1px transparent;-webkit-transform:scale(1.0001);transform:scale(1.0001)}}#section-design .g--fold .f-content{transition:height .5s;overflow:hidden}#section-design .g--fold .f-content.shrink{height:0 !important}#section-design .g--fold .f-tips{margin-top:15px}@media (min-width: 720px) and (max-width: 1023px){#section-design .g--fold .f-tips{margin-top:30px}}#section-design .g--fold .f-tips span{border-bottom:1px solid black}#section-design .intro-glow{color:black;text-align:center}#section-design .intro-glow .content{width:782px;margin:32px auto 10px auto}@media (min-width: 1400px) and (max-width: 1799px){#section-design .intro-glow .content{width:547px;margin:22px auto 7px auto}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .intro-glow .content{width:469px;margin:19px auto 6px auto}}#section-design .intro-glow .btn{display:inline-flex;align-items:center;justify-content:center;height:66px;margin:92px auto 0 auto;padding:0 20px;border:2px solid;border-image:linear-gradient(-90deg,#ffc6ef,#a679ff,#96d2ff);border-image-slice:10}@media (min-width: 1400px) and (max-width: 1799px){#section-design .intro-glow .btn{height:46px;margin:64px auto 0 auto;padding:0 14px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .intro-glow .btn{height:40px;margin:55px auto 0 auto;padding:0 12px}}@media (max-width:1023px){#section-design .intro-glow .btn{border:1px solid;border-image:linear-gradient(-90deg,#ffc6ef,#a679ff,#96d2ff);border-image-slice:10}}#section-design .intro-glow .btn .pic-3d{width:54px;height:43px}@media (min-width: 1400px) and (max-width: 1799px){#section-design .intro-glow .btn .pic-3d{width:38px;height:30px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .intro-glow .btn .pic-3d{width:32px;height:26px}}#section-design .intro-glow .btn .text-3d{font-family:OPPOSans-Medium;font-weight:400;background:linear-gradient(-90deg,#ffc6ef,#a679ff,#96d2ff);-webkit-background-clip:text;color:transparent;margin-left:15px;font-size:16px}@media (min-width: 1400px) and (max-width: 1799px){#section-design .intro-glow .btn .text-3d{margin-left:11px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .intro-glow .btn .text-3d{margin-left:9px}}@media (max-width:1023px){#section-design .intro-glow .btn .text-3d{font-size:14px}}@media (max-width:1023px){#section-design .intro-glow{width:calc(100% - 40px);text-align:left;margin:auto}#section-design .intro-glow .title{white-space:nowrap}#section-design .intro-glow .g--fold{margin-bottom:20px}#section-design .intro-glow .btn{padding:0 20px;height:48px;margin:29px 0}#section-design .intro-glow .btn .pic-3d{width:39px;height:31px}#section-design .intro-glow .btn .text-3d{margin-left:4px;white-space:nowrap}#section-design .intro-glow .glow-fold .f-content{height:266px}#section-design .intro-glow .glow-fold .f-content .content{width:100%;margin:20px 0 0 0}#section-design .intro-glow .glow-fold .f-content .line{width:100%;height:.5px;background:black;margin-top:50px}#section-design .intro-glow .glow-fold .f-content .item{margin-top:10px}#section-design .intro-glow .glow-fold .f-content .item > :first-child{margin-bottom:2px}}@media (min-width: 720px) and (max-width: 1023px){#section-design .intro-glow .btn .text-3d{margin-left:8px}}@media (min-width: 720px) and (max-width: 1023px){#section-design .intro-glow .btn .pic-3d{width:78px;height:62px}}@media (min-width: 720px) and (max-width: 1023px){#section-design .intro-glow .btn{height:96px;margin:58px 0}}@media (min-width: 720px) and (max-width: 1023px){#section-design .intro-glow .g--fold{margin-bottom:40px}}@media (min-width: 1400px) and (max-width: 1799px){#section-design .intro-glow .btn{padding:0 14px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .intro-glow .btn{padding:0 12px}}@media (min-width:1024px){#section-design .color-container{width:100%;height:250vh;height:calc(250 * var(--vh, 1vh))}#section-design .color-container .color-item{position:relative;width:100%;height:100vh;height:calc(100 * var(--vh, 1vh));display:flex;align-items:center;overflow:hidden}#section-design .color-container .flex-center-c{position:relative;width:100%}}#section-design .intro-color{position:relative;z-index:1;margin:186px 0}@media (min-width: 1400px) and (max-width: 1799px){#section-design .intro-color{margin:130px 0}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .intro-color{margin:112px 0}}#section-design .intro-color sup{position:static;vertical-align:super}@media (max-width:1023px){#section-design .intro-color{margin:20px auto 96px auto;width:calc(100% - 40px)}}@media (min-width: 720px) and (max-width: 1023px){#section-design .intro-color{margin:40px auto 192px auto}}#section-design .intro-color .back{color:black}#section-design .intro-color .back .bg-text{position:relative}#section-design .intro-color .back .bg-text .black-text{position:absolute;width:100%;height:100%;top:0;left:0}@media (min-width:1024px){#section-design .intro-color .back .bg-text .text-item > :not(:first-child){margin-top:-2.777777777777778vh;margin-top:calc(-2.777777777777778 * var(--vh, 1vh))}#section-design .intro-color .back .bg-text .silver-text .text-0,#section-design .intro-color .back .bg-text .silver-text .text-2{margin-left:-55.09259259259259vh;margin-left:calc(-55.09259259259259 * var(--vh, 1vh))}#section-design .intro-color .back .bg-text .black-text .text-0,#section-design .intro-color .back .bg-text .black-text .text-2{margin-left:-43.05555555555555vh;margin-left:calc(-43.05555555555555 * var(--vh, 1vh))}}@media (min-width:1024px) and (orientation:portrait){#section-design .intro-color .back .bg-text .text-item > :not(:first-child){margin-top:-1.442307692307692vh;margin-top:calc(-1.442307692307692 * var(--vh, 1vh))}#section-design .intro-color .back .bg-text .silver-text .text-0,#section-design .intro-color .back .bg-text .silver-text .text-2{margin-left:-28.60576923076923vh;margin-left:calc(-28.60576923076923 * var(--vh, 1vh))}#section-design .intro-color .back .bg-text .black-text .text-0,#section-design .intro-color .back .bg-text .black-text .text-2{margin-left:-22.35576923076923vh;margin-left:calc(-22.35576923076923 * var(--vh, 1vh))}}@media (max-width:1023px){#section-design .intro-color .back .bg-text .silver-text > :not(:nth-child(4)){margin-top:-10px}#section-design .intro-color .back .bg-text .black-text > :not(:nth-child(4)){margin-top:-18px}}@media (min-width: 720px) and (max-width: 1023px){#section-design .intro-color .back .bg-text .black-text > :not(:nth-child(4)){margin-top:-36px}}@media (min-width: 720px) and (max-width: 1023px){#section-design .intro-color .back .bg-text .silver-text > :not(:nth-child(4)){margin-top:-20px}}@media (min-width:1024px){#section-design .intro-color .back .detail-wrapper-pc{margin-top:4.62962962962963vh;margin-top:calc(4.62962962962963 * var(--vh, 1vh))}#section-design .intro-color .back .detail-wrapper-pc .g--font-9{font-size:3.333333333333333vh;font-size:calc(3.333333333333333 * var(--vh, 1vh));line-height:1.5}#section-design .intro-color .back .detail-wrapper-pc .g--font-2{font-size:1.851851851851852vh;font-size:calc(1.851851851851852 * var(--vh, 1vh));line-height:1.6}#section-design .intro-color .back .detail-wrapper-pc .line{width:380px;height:1px;background:black;margin:1.851851851851852vh 0;margin:calc(1.851851851851852 * var(--vh, 1vh)) 0}#section-design .intro-color .back .detail-wrapper-pc .content{width:405px;margin-top:1.851851851851852vh;margin-top:calc(1.851851851851852 * var(--vh, 1vh))}#section-design .intro-color .back .detail-wrapper-pc .detail-0 .title{cursor:pointer}#section-design .intro-color .back .detail-wrapper-pc .detail-0 .title span{background:linear-gradient(-90deg,#ffc6ef,#a679ff,#96d2ff);-webkit-background-clip:text;color:transparent}#section-design .intro-color .back .detail-wrapper-pc .detail-0 .content{height:9.25925925925926vh;height:calc(9.25925925925926 * var(--vh, 1vh))}#section-design .intro-color .back .detail-wrapper-pc .detail-1 .title{cursor:pointer}#section-design .intro-color .back .detail-wrapper-pc .detail-1 .title span{background:linear-gradient(-90deg,#000,#858585,#000,#5b5b5b,#000);-webkit-background-clip:text;color:transparent}}@media (min-width: 1400px) and (max-width: 1799px){#section-design .intro-color .back .detail-wrapper-pc .content{width:284px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .intro-color .back .detail-wrapper-pc .content{width:243px}}@media (min-width: 1400px) and (max-width: 1799px){#section-design .intro-color .back .detail-wrapper-pc .line{width:266px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .intro-color .back .detail-wrapper-pc .line{width:228px}}@media (min-width:1024px) and (orientation:portrait){#section-design .intro-color .back .detail-wrapper-pc{margin-top:2.403846153846154vh;margin-top:calc(2.403846153846154 * var(--vh, 1vh))}#section-design .intro-color .back .detail-wrapper-pc .g--font-9{font-size:1.730769230769231vh;font-size:calc(1.730769230769231 * var(--vh, 1vh));line-height:1.5}#section-design .intro-color .back .detail-wrapper-pc .g--font-2{font-size:.9615384615384615vh;font-size:calc(.9615384615384615 * var(--vh, 1vh));line-height:1.6}#section-design .intro-color .back .detail-wrapper-pc .line{width:380px;height:1px;background:black;margin:.9615384615384615vh 0;margin:calc(.9615384615384615 * var(--vh, 1vh)) 0}#section-design .intro-color .back .detail-wrapper-pc .content{width:405px;margin-top:.9615384615384615vh;margin-top:calc(.9615384615384615 * var(--vh, 1vh))}#section-design .intro-color .back .detail-wrapper-pc .detail-0 .title{cursor:pointer}#section-design .intro-color .back .detail-wrapper-pc .detail-0 .title span{background:linear-gradient(-90deg,#ffc6ef,#a679ff,#96d2ff);-webkit-background-clip:text;color:transparent}#section-design .intro-color .back .detail-wrapper-pc .detail-0 .content{height:4.807692307692307vh;height:calc(4.807692307692307 * var(--vh, 1vh))}#section-design .intro-color .back .detail-wrapper-pc .detail-1 .title{cursor:pointer}#section-design .intro-color .back .detail-wrapper-pc .detail-1 .title span{background:linear-gradient(-90deg,#000,#858585,#000,#5b5b5b,#000);-webkit-background-clip:text;color:transparent}}@media (min-width: 1400px) and (max-width: 1799px){#section-design .intro-color .back .detail-wrapper-pc .content{width:284px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .intro-color .back .detail-wrapper-pc .content{width:243px}}@media (min-width: 1400px) and (max-width: 1799px){#section-design .intro-color .back .detail-wrapper-pc .line{width:266px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .intro-color .back .detail-wrapper-pc .line{width:228px}}#section-design .intro-color .front{pointer-events:none}@media (max-width:1023px){#section-design .intro-color .front{pointer-events:auto}}#section-design .intro-color .front .silver,#section-design .intro-color .front .black{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden}#section-design .intro-color .front img{width:100%;height:100%}@media (max-width:1023px){#section-design .intro-color .front img{height:507px}}@media (min-width: 720px) and (max-width: 1023px){#section-design .intro-color .front img{height:1014px}}#section-design .intro-color .front .mask{position:absolute;left:-5px;top:220px;width:176px;height:271px}@media (min-width: 720px) and (max-width: 1023px){#section-design .intro-color .front .mask{left:-10px;top:440px;width:352px;height:542px}}#section-design .intro-color .front .phone-wrapper{transition:-webkit-transform 1s ease-out;transition:transform 1s ease-out;transition:transform 1s ease-out, -webkit-transform 1s ease-out}#section-design .intro-color .front .phone-wrapper.active{-webkit-transform:translateY(0);transform:translateY(0)}@media (min-width:1024px){#section-design .intro-color .front{position:absolute;width:100%;height:100%;top:0;left:0}#section-design .intro-color .front .phone-wrapper{position:absolute;bottom:0;left:calc(50% - 12vh);left:calc(50% - (12 * var(--vh, 1vh)));width:24.074074074074073vh;width:calc(24.074074074074073 * var(--vh, 1vh));height:74.07407407407408vh;height:calc(74.07407407407408 * var(--vh, 1vh));-webkit-transform:translateY(80px);transform:translateY(80px)}}@media (min-width:1024px) and (orientation:portrait){#section-design .intro-color .front .phone-wrapper{position:absolute;bottom:0;left:calc(50% - 6.25vh);left:calc(50% - (6.25 * var(--vh, 1vh)));width:12.5vh;width:calc(12.5 * var(--vh, 1vh));height:38.46153846153846vh;height:calc(38.46153846153846 * var(--vh, 1vh))}}@media (max-width:1023px){#section-design .intro-color .front{position:relative;margin-top:-88px}#section-design .intro-color .front .phone-wrapper{position:relative;z-index:1;width:166px;height:370px;margin:auto;-webkit-transform:translateY(40px);transform:translateY(40px)}#section-design .intro-color .front .text-wrapper{position:relative;z-index:2;display:flex;justify-content:center;align-items:center;margin-top:10px}#section-design .intro-color .front .text-wrapper .title{cursor:pointer}#section-design .intro-color .front .text-wrapper .t-0{background:linear-gradient(-90deg,#ffc6ef,#a679ff,#96d2ff);-webkit-background-clip:text;color:transparent}#section-design .intro-color .front .text-wrapper .p-line{width:1px;height:16px;margin:0 16px;background:black}#section-design .intro-color .front .text-wrapper .t-1{background:linear-gradient(-90deg,#000,#858585,#000,#5b5b5b,#000);-webkit-background-clip:text;color:transparent}}@media (min-width: 720px) and (max-width: 1023px){#section-design .intro-color .front .text-wrapper .p-line{height:32px;margin:0 32px}}@media (min-width: 720px) and (max-width: 1023px){#section-design .intro-color .front .text-wrapper{margin-top:20px}}@media (min-width: 720px) and (max-width: 1023px){#section-design .intro-color .front .phone-wrapper{width:332px;height:740px}}@media (min-width: 720px) and (max-width: 1023px){#section-design .intro-color .front{margin-top:-176px}}@media (min-width:1024px){#section-design .intro-color .back .text-item{transition:opacity .4s}}#section-design .intro-color .back .detail .title span{transition:color .4s}#section-design .intro-color .back .detail-0 .content{transition:opacity .4s}#section-design .intro-color .back .detail-1{transition:-webkit-transform .4s linear;transition:transform .4s linear;transition:transform .4s linear, -webkit-transform .4s linear}#section-design .intro-color .back .detail-1 .content{transition:.4s}#section-design .intro-color .front .black{transition:opacity .4s}#section-design .intro-color .text-wrapper .title{transition:.4s}#section-design .intro-color.silver .black-text{opacity:0}#section-design .intro-color.silver .silver-text{opacity:1}#section-design .intro-color.silver .detail-wrapper-pc .detail-0 .content{transition-delay:.2s}#section-design .intro-color.silver .detail-wrapper-pc .detail-1 .title span{color:#e0e0e0}#section-design .intro-color.silver .detail-wrapper-pc .detail-1 .content{opacity:0}#section-design .intro-color.silver .phone-wrapper .black{opacity:0}#section-design .intro-color.silver .text-wrapper .t-1{color:#e0e0e0}#section-design .intro-color.black .black-text{opacity:1}#section-design .intro-color.black .silver-text{opacity:0}#section-design .intro-color.black .detail-wrapper-pc .detail-0 .title span{color:#e0e0e0}#section-design .intro-color.black .detail-wrapper-pc .detail-0 .content{opacity:0}#section-design .intro-color.black .phone-wrapper .black{opacity:1}#section-design .intro-color.black .text-wrapper .t-0{color:#e0e0e0}#section-design .intro-body{position:relative;z-index:2;color:black}@media (min-width:1024px){#section-design .intro-body{display:flex;justify-content:space-between;padding-bottom:186px}}@media (min-width: 1400px) and (max-width: 1799px){#section-design .intro-body{padding-bottom:130px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .intro-body{padding-bottom:112px}}@media (max-width:1023px){#section-design .intro-body{padding-bottom:96px}#section-design .intro-body .body-fold .f-content{height:182px}}@media (min-width: 720px) and (max-width: 1023px){#section-design .intro-body .body-fold .f-content{height:364px}}@media (min-width: 720px) and (max-width: 1023px){#section-design .intro-body{padding-bottom:192px}}#section-design .intro-body .body-0{display:flex;flex-direction:column;justify-content:center}#section-design .intro-body .body-0 .content{margin:48px 0 70px 0;width:640px}@media (min-width: 1400px) and (max-width: 1799px){#section-design .intro-body .body-0 .content{margin:34px 0 49px 0;width:448px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .intro-body .body-0 .content{margin:29px 0 42px 0;width:384px}}@media (max-width:1023px){#section-design .intro-body .body-0 .content{margin:25px 0 0 0;width:100%}}@media (min-width: 720px) and (max-width: 1023px){#section-design .intro-body .body-0 .content{margin:50px 0 0 0}}#section-design .intro-body .body-0 .items-pc{display:flex}#section-design .intro-body .body-0 .items-pc > :first-child{margin-right:109px}@media (min-width: 1400px) and (max-width: 1799px){#section-design .intro-body .body-0 .items-pc > :first-child{margin-right:76px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .intro-body .body-0 .items-pc > :first-child{margin-right:65px}}#section-design .intro-body .body-0 .items-pc .item > :first-child{margin-bottom:4px}@media (min-width: 1400px) and (max-width: 1799px){#section-design .intro-body .body-0 .items-pc .item > :first-child{margin-bottom:3px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .intro-body .body-0 .items-pc .item > :first-child{margin-bottom:2px}}#section-design .intro-body .body-1{position:relative}#section-design .intro-body .body-1 .pic{width:640px;height:640px}@media (min-width: 1400px) and (max-width: 1799px){#section-design .intro-body .body-1 .pic{width:448px;height:448px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .intro-body .body-1 .pic{width:384px;height:384px}}@media (max-width:1023px){#section-design .intro-body .body-1 .pic{margin-top:48px;width:100%;height:88.88888888888889vw}}@media (min-width: 720px) and (max-width: 1023px){#section-design .intro-body .body-1 .pic{margin-top:96px}}#section-design .intro-body .body-1 .pic img{width:100%;height:100%}#section-design .intro-body .body-1 .items-mo{color:#fff;position:absolute;top:40px;left:35px}@media (min-width: 720px) and (max-width: 1023px){#section-design .intro-body .body-1 .items-mo{top:80px;left:70px}}#section-design .intro-body .body-1 .items-mo > :first-child{margin-bottom:16px}@media (min-width: 720px) and (max-width: 1023px){#section-design .intro-body .body-1 .items-mo > :first-child{margin-bottom:32px}}#section-design .intro-body .body-1 .items-mo .item > :first-child{margin-bottom:4px}@media (min-width: 720px) and (max-width: 1023px){#section-design .intro-body .body-1 .items-mo .item > :first-child{margin-bottom:8px}}#section-screen{position:relative;width:100%;overflow:hidden}#section-screen .intro-display-pc{position:relative}#section-screen .intro-display-pc .back{width:100%;height:65.26vw}#section-screen .intro-display-pc .back img{width:100%;height:100%}#section-screen .intro-display-pc .front{position:absolute;top:0;left:0;width:100%;height:100%}#section-screen .intro-display-pc .front .details{display:flex}#section-screen .intro-display-pc .front .details .display-0 .content{width:640px;margin-top:24px}@media (min-width: 1400px) and (max-width: 1799px){#section-screen .intro-display-pc .front .details .display-0 .content{width:448px;margin-top:17px}}@media (min-width: 1024px) and (max-width: 1399px){#section-screen .intro-display-pc .front .details .display-0 .content{width:384px;margin-top:14px}}#section-screen .intro-display-pc .front .details .display-1{margin-left:135px;flex-grow:1}@media (min-width: 1400px) and (max-width: 1799px){#section-screen .intro-display-pc .front .details .display-1{margin-left:95px}}@media (min-width: 1024px) and (max-width: 1399px){#section-screen .intro-display-pc .front .details .display-1{margin-left:81px}}#section-screen .intro-display-pc .front .details .display-1 .items{display:flex;width:100%;height:100%}#section-screen .intro-display-pc .front .details .display-1 .sub-item{display:flex;flex-direction:column;justify-content:space-between}#section-screen .intro-display-pc .front .details .display-1 .sub-item-1{margin-left:auto}#section-screen .intro-display-pc .front .details .display-1 .sub-item-1 .down img{width:229px;height:101px}@media (min-width: 1400px) and (max-width: 1799px){#section-screen .intro-display-pc .front .details .display-1 .sub-item-1 .down img{width:160px;height:71px}}@media (min-width: 1024px) and (max-width: 1399px){#section-screen .intro-display-pc .front .details .display-1 .sub-item-1 .down img{width:137px;height:61px}}#section-screen .intro-display-mo{padding-bottom:96px}@media (min-width: 720px) and (max-width: 1023px){#section-screen .intro-display-mo{padding-bottom:192px}}#section-screen .intro-display-mo .pic{width:100%;height:88.88888888888889vw;margin:48px 0}@media (min-width: 720px) and (max-width: 1023px){#section-screen .intro-display-mo .pic{margin:96px 0}}#section-screen .intro-display-mo .pic img{width:100%;height:100%}#section-screen .intro-display-mo .details{width:100%;display:flex;justify-content:space-between}#section-screen .intro-display-mo .details .items > :not(:first-child){margin-top:12px}#section-screen .intro-display-mo .details .item > :nth-child(2){margin-top:4px}#section-screen .intro-display-mo .details .eye{width:150px;height:66px}#section-screen .intro-display-mo .details .eye img{width:100%;height:100%}#section-screen .intro-display-mo .subtitle{margin-top:48px}#section-screen .intro-display-mo .content{margin-top:20px}#section-screen .intro-hd{width:calc(100% - 40px);margin:auto;padding-bottom:96px}@media (min-width: 720px) and (max-width: 1023px){#section-screen .intro-hd{padding-bottom:192px}}@media (min-width:1024px){#section-screen .intro-hd{width:100%;text-align:center;padding-bottom:182px}}@media (min-width: 1400px) and (max-width: 1799px){#section-screen .intro-hd{padding-bottom:127px}}@media (min-width: 1024px) and (max-width: 1399px){#section-screen .intro-hd{padding-bottom:109px}}#section-screen .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-screen .intro-hd .pic-wrapper{height:580px;margin:40px auto 60px auto}}#section-screen .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-screen .intro-hd .pic-wrapper .pic{width:604px;height:284px}}#section-screen .intro-hd .pic-wrapper .pic.active{-webkit-transform:translateY(0);transform:translateY(0)}#section-screen .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-screen .intro-hd .pic-wrapper .pic-0{top:44px;left:-120px}}#section-screen .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-screen .intro-hd .pic-wrapper .pic-1{bottom:44px;right:-120px}}@media (min-width:1024px){#section-screen .intro-hd .pic-wrapper{width:1620px;margin:132px auto;height:640px}#section-screen .intro-hd .pic-wrapper .pic{width:900px;height:420px}#section-screen .intro-hd .pic-wrapper .pic-0{position:absolute;top:0;left:0;-webkit-transform:translateY(50px);transform:translateY(50px)}#section-screen .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-screen .intro-hd .pic-wrapper .pic{width:630px;height:294px}}@media (min-width: 1024px) and (max-width: 1399px){#section-screen .intro-hd .pic-wrapper .pic{width:540px;height:252px}}@media (min-width: 1400px) and (max-width: 1799px){#section-screen .intro-hd .pic-wrapper{width:1134px;margin:92px auto;height:448px}}@media (min-width: 1024px) and (max-width: 1399px){#section-screen .intro-hd .pic-wrapper{width:972px;margin:79px auto;height:384px}}@media (min-width:1400px) and (max-width:1799px){#section-screen .intro-hd .pic-wrapper{width:920px;height:385px}#section-screen .intro-hd .pic-wrapper .pic{width:520px;height:243px}}@media (min-width:1024px) and (max-width:1399px){#section-screen .intro-hd .pic-wrapper{width:920px;height:385px}#section-screen .intro-hd .pic-wrapper .pic{width:520px;height:243px}}#section-screen .intro-hd .details .content{margin-top:20px}@media (min-width:1024px){#section-screen .intro-hd .details .content{margin:32px auto 0 auto;width:736px}}@media (min-width: 1400px) and (max-width: 1799px){#section-screen .intro-hd .details .content{margin:22px auto 0 auto;width:515px}}@media (min-width: 1024px) and (max-width: 1399px){#section-screen .intro-hd .details .content{margin:19px auto 0 auto;width:442px}}#section-screen .intro-dolby{width:100%;padding-bottom:96px}@media (min-width: 720px) and (max-width: 1023px){#section-screen .intro-dolby{padding-bottom:192px}}@media (min-width:1024px){#section-screen .intro-dolby{text-align:center;padding-bottom:182px}}@media (min-width: 1400px) and (max-width: 1799px){#section-screen .intro-dolby{padding-bottom:127px}}@media (min-width: 1024px) and (max-width: 1399px){#section-screen .intro-dolby{padding-bottom:109px}}#section-screen .intro-dolby .dolby{position:relative}#section-screen .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-screen .intro-dolby .dolby .title{width:462px;height:66px;top:calc(50% - 33px);left:calc(50% - 231px)}}@media (min-width:1024px){#section-screen .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-screen .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-screen .intro-dolby .dolby .title{width:399px;height:57px;top:calc(50% - 29px);left:calc(50% - 200px)}}#section-screen .intro-dolby .dolby .wave-wrapper{width:150px;height:75px;margin:auto}@media (min-width: 720px) and (max-width: 1023px){#section-screen .intro-dolby .dolby .wave-wrapper{width:300px;height:150px}}@media (min-width:1024px){#section-screen .intro-dolby .dolby .wave-wrapper{width:700px;height:350px}}@media (min-width: 1400px) and (max-width: 1799px){#section-screen .intro-dolby .dolby .wave-wrapper{width:490px;height:245px}}@media (min-width: 1024px) and (max-width: 1399px){#section-screen .intro-dolby .dolby .wave-wrapper{width:420px;height:210px}}@media (min-width:1400px) and (max-width:1799px){#section-screen .intro-dolby .dolby .wave-wrapper{width:420px;height:210px}}@media (min-width:1024px) and (max-width:1399px){#section-screen .intro-dolby .dolby .wave-wrapper{width:420px;height:210px}}#section-screen .intro-dolby .dolby .wave-wrapper .wave{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}@-webkit-keyframes wave{0%{-webkit-transform:scale(1);transform:scale(1);opacity:0}25%{-webkit-transform:scale(1.25);transform:scale(1.25);opacity:.8}50%{-webkit-transform:scale(1.5);transform:scale(1.5);opacity:1}75%{-webkit-transform:scale(1.75);transform:scale(1.75);opacity:.8}100%{-webkit-transform:scale(2);transform:scale(2);opacity:0}}@keyframes wave{0%{-webkit-transform:scale(1);transform:scale(1);opacity:0}25%{-webkit-transform:scale(1.25);transform:scale(1.25);opacity:.8}50%{-webkit-transform:scale(1.5);transform:scale(1.5);opacity:1}75%{-webkit-transform:scale(1.75);transform:scale(1.75);opacity:.8}100%{-webkit-transform:scale(2);transform:scale(2);opacity:0}}#section-screen .intro-dolby .dolby .wave-0{-webkit-animation:wave 2s linear infinite;animation:wave 2s linear infinite}#section-screen .intro-dolby .dolby .wave-1{-webkit-animation:wave 2s linear 1s infinite;animation:wave 2s linear 1s infinite}#section-screen .intro-dolby .details{width:calc(100% - 40px);margin:30px auto 0 auto}@media (min-width: 720px) and (max-width: 1023px){#section-screen .intro-dolby .details{margin:60px auto 0 auto}}#section-screen .intro-dolby .details > :nth-child(2){margin-top:16px}@media (min-width:1024px){#section-screen .intro-dolby .details{width:100%}#section-screen .intro-dolby .details > :nth-child(2){margin-top:20px}}@media (min-width: 1400px) and (max-width: 1799px){#section-screen .intro-dolby .details > :nth-child(2){margin-top:14px}}@media (min-width: 1024px) and (max-width: 1399px){#section-screen .intro-dolby .details > :nth-child(2){margin-top:12px}}#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}.zn--wrapper :not(svg){-webkit-transform-origin:unset;transform-origin:unset}