.base-module-wrapper .swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.base-module-wrapper .swiper-container-no-flexbox .swiper-slide{float:left}.base-module-wrapper .swiper-container-vertical>.swiper-wrapper{-ms-flex-direction:column;flex-direction:column}.base-module-wrapper .swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-ms-flexbox;display:flex;transition-property:transform;box-sizing:content-box}.base-module-wrapper .swiper-container-android .swiper-slide,.base-module-wrapper .swiper-wrapper{transform:translate3d(0, 0, 0)}.base-module-wrapper .swiper-container-multirow>.swiper-wrapper{-ms-flex-wrap:wrap;flex-wrap:wrap}.base-module-wrapper .swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.base-module-wrapper .swiper-slide{-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.base-module-wrapper .swiper-slide-invisible-blank{visibility:hidden}.base-module-wrapper .swiper-container-autoheight,.base-module-wrapper .swiper-container-autoheight .swiper-slide{height:auto}.base-module-wrapper .swiper-container-autoheight .swiper-wrapper{-ms-flex-align:start;align-items:flex-start;transition-property:transform, height}.base-module-wrapper .swiper-container-3d{perspective:12rem}.base-module-wrapper .swiper-container-3d .swiper-wrapper,.base-module-wrapper .swiper-container-3d .swiper-slide,.base-module-wrapper .swiper-container-3d .swiper-slide-shadow-left,.base-module-wrapper .swiper-container-3d .swiper-slide-shadow-right,.base-module-wrapper .swiper-container-3d .swiper-slide-shadow-top,.base-module-wrapper .swiper-container-3d .swiper-slide-shadow-bottom,.base-module-wrapper .swiper-container-3d .swiper-cube-shadow{transform-style:preserve-3d}.base-module-wrapper .swiper-container-3d .swiper-slide-shadow-left,.base-module-wrapper .swiper-container-3d .swiper-slide-shadow-right,.base-module-wrapper .swiper-container-3d .swiper-slide-shadow-top,.base-module-wrapper .swiper-container-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.base-module-wrapper .swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left, rgba(0,0,0,0.5), rgba(0,0,0,0))}.base-module-wrapper .swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0))}.base-module-wrapper .swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top, rgba(0,0,0,0.5), rgba(0,0,0,0))}.base-module-wrapper .swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0))}.base-module-wrapper .swiper-container-wp8-horizontal,.base-module-wrapper .swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.base-module-wrapper .swiper-container-wp8-vertical,.base-module-wrapper .swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.base-module-wrapper .swiper-button-prev,.base-module-wrapper .swiper-button-next{position:absolute;top:50%;width:0.27rem;height:0.44rem;margin-top:-0.22rem;z-index:10;cursor:pointer;background-size:0.27rem 0.44rem;background-position:center;background-repeat:no-repeat}.base-module-wrapper .swiper-button-prev.swiper-button-disabled,.base-module-wrapper .swiper-button-next.swiper-button-disabled{opacity:0.35;cursor:auto;pointer-events:none}.base-module-wrapper .swiper-button-prev,.base-module-wrapper .swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:0.1rem;right:auto}.base-module-wrapper .swiper-button-next,.base-module-wrapper .swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:0.1rem;left:auto}.base-module-wrapper .swiper-button-prev.swiper-button-white,.base-module-wrapper .swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.base-module-wrapper .swiper-button-next.swiper-button-white,.base-module-wrapper .swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.base-module-wrapper .swiper-button-prev.swiper-button-black,.base-module-wrapper .swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.base-module-wrapper .swiper-button-next.swiper-button-black,.base-module-wrapper .swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.base-module-wrapper .swiper-button-lock{display:none}.base-module-wrapper .swiper-pagination{position:absolute;text-align:center;transition:300ms opacity;transform:translate3d(0, 0, 0);z-index:10}.base-module-wrapper .swiper-pagination.swiper-pagination-hidden{opacity:0}.base-module-wrapper .swiper-pagination-fraction,.base-module-wrapper .swiper-pagination-custom,.base-module-wrapper .swiper-container-horizontal>.swiper-pagination-bullets{bottom:0.1rem;left:0;width:100%}.base-module-wrapper .swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.base-module-wrapper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(0.33);position:relative}.base-module-wrapper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.base-module-wrapper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.base-module-wrapper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(0.66)}.base-module-wrapper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(0.33)}.base-module-wrapper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(0.66)}.base-module-wrapper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(0.33)}.base-module-wrapper .swiper-pagination-bullet{width:0.08rem;height:0.08rem;display:inline-block;border-radius:100%;background:#000;opacity:0.2}.base-module-wrapper button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.base-module-wrapper .swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.base-module-wrapper .swiper-pagination-bullet-active{opacity:1;background:#007aff}.base-module-wrapper .swiper-container-vertical>.swiper-pagination-bullets{right:0.1rem;top:50%;transform:translate3d(0, -50%, 0)}.base-module-wrapper .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0.06rem 0;display:block}.base-module-wrapper .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:0.08rem}.base-module-wrapper .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:200ms transform, 200ms top}.base-module-wrapper .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 0.04rem}.base-module-wrapper .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.base-module-wrapper .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:200ms transform, 200ms left}.base-module-wrapper .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:200ms transform, 200ms right}.base-module-wrapper .swiper-pagination-progressbar{background:rgba(0,0,0,0.25);position:absolute}.base-module-wrapper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.base-module-wrapper .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.base-module-wrapper .swiper-container-horizontal>.swiper-pagination-progressbar,.base-module-wrapper .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:0.04rem;left:0;top:0}.base-module-wrapper .swiper-container-vertical>.swiper-pagination-progressbar,.base-module-wrapper .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:0.04rem;height:100%;left:0;top:0}.base-module-wrapper .swiper-pagination-white .swiper-pagination-bullet-active{background:#ffffff}.base-module-wrapper .swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,0.25)}.base-module-wrapper .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#ffffff}.base-module-wrapper .swiper-pagination-black .swiper-pagination-bullet-active{background:#000000}.base-module-wrapper .swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,0.25)}.base-module-wrapper .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000000}.base-module-wrapper .swiper-pagination-lock{display:none}.base-module-wrapper .swiper-scrollbar{border-radius:0.1rem;position:relative;-ms-touch-action:none;background:rgba(0,0,0,0.1)}.base-module-wrapper .swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:0.03rem;z-index:50;height:0.05rem;width:98%}.base-module-wrapper .swiper-container-vertical>.swiper-scrollbar{position:absolute;right:0.03rem;top:1%;z-index:50;width:0.05rem;height:98%}.base-module-wrapper .swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,0.5);border-radius:0.1rem;left:0;top:0}.base-module-wrapper .swiper-scrollbar-cursor-drag{cursor:move}.base-module-wrapper .swiper-scrollbar-lock{display:none}.base-module-wrapper .swiper-zoom-container{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-align:center}.base-module-wrapper .swiper-zoom-container>img,.base-module-wrapper .swiper-zoom-container>svg,.base-module-wrapper .swiper-zoom-container>canvas{max-width:100%;max-height:100%;object-fit:contain}.base-module-wrapper .swiper-slide-zoomed{cursor:move}.base-module-wrapper .swiper-lazy-preloader{width:0.42rem;height:0.42rem;position:absolute;left:50%;top:50%;margin-left:-0.21rem;margin-top:-0.21rem;z-index:10;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12, end) infinite;animation:swiper-preloader-spin 1s steps(12, end) infinite}.base-module-wrapper .swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.base-module-wrapper .swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.base-module-wrapper .swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.base-module-wrapper .swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.base-module-wrapper .swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.base-module-wrapper .swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.base-module-wrapper .swiper-container-fade .swiper-slide-active,.base-module-wrapper .swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.base-module-wrapper .swiper-container-cube{overflow:visible}.base-module-wrapper .swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.base-module-wrapper .swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.base-module-wrapper .swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.base-module-wrapper .swiper-container-cube .swiper-slide-active,.base-module-wrapper .swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.base-module-wrapper .swiper-container-cube .swiper-slide-active,.base-module-wrapper .swiper-container-cube .swiper-slide-next,.base-module-wrapper .swiper-container-cube .swiper-slide-prev,.base-module-wrapper .swiper-container-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.base-module-wrapper .swiper-container-cube .swiper-slide-shadow-top,.base-module-wrapper .swiper-container-cube .swiper-slide-shadow-bottom,.base-module-wrapper .swiper-container-cube .swiper-slide-shadow-left,.base-module-wrapper .swiper-container-cube .swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.base-module-wrapper .swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:0.6;filter:blur(0.5rem);z-index:0}.base-module-wrapper .swiper-container-flip{overflow:visible}.base-module-wrapper .swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.base-module-wrapper .swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.base-module-wrapper .swiper-container-flip .swiper-slide-active,.base-module-wrapper .swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.base-module-wrapper .swiper-container-flip .swiper-slide-shadow-top,.base-module-wrapper .swiper-container-flip .swiper-slide-shadow-bottom,.base-module-wrapper .swiper-container-flip .swiper-slide-shadow-left,.base-module-wrapper .swiper-container-flip .swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.base-module-wrapper .swiper-container-coverflow .swiper-wrapper{-ms-perspective:12rem}

.base-module-wrapper{position:relative;padding-top:0.6rem;font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";color:#000;background-color:#fff}.base-module-wrapper.arabic{direction:rtl}.base-module-wrapper.no-navbar{padding-top:0}.base-module-wrapper.dark{color:#fff;background-color:#000}.base-module-wrapper *,.base-module-wrapper ::before,.base-module-wrapper ::after{box-sizing:border-box}.base-module-wrapper img{display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.base-module-wrapper canvas img{display:none}.base-module-wrapper video{display:block}.base-module-wrapper picture{display:block}.base-module-wrapper picture img{display:block;width:100%;height:100%;object-fit:cover}.base-module-wrapper .sup{position:static;line-height:0;font-size:60%;vertical-align:super}.base-module-wrapper .lazyload,.base-module-wrapper .lazyloading{opacity:0}.base-module-wrapper .lazyloaded{opacity:1;transition:opacity 0.3s}.base-module-wrapper .base-module-container{position:relative}.base-module-wrapper .module{position:relative;width:100%;overflow:hidden}.base-module-wrapper .module-inner{position:relative;width:13.12rem;margin:0 auto;transform:translate3d(0, 0, 0)}.base-module-wrapper .module-inner.fixed{position:absolute;top:0;right:0;bottom:0;left:0}@media only screen and (max-width: 1023px){.base-module-wrapper{padding-top:0.5rem}.base-module-wrapper .module-inner{width:88.88889vw}}@media only screen and (min-width: 1024px) and (max-width: 1599px){.base-module-wrapper{padding-top:0.6rem}.base-module-wrapper .module-inner{width:91.11111vw}}@media only screen and (min-width: 1600px){.base-module-wrapper .module-inner{width:68.33333vw}}@media only screen and (min-width: 1921px){.base-module-wrapper .module-inner{width:51.25vw}}.screen-linear{color:#1A85FF}@supports (-webkit-background-clip: text){.screen-linear{color:rgba(0,0,0,0);background-image:linear-gradient(142deg, #1A85FF 0%, #5FF5C5 100%);-webkit-background-clip:text;background-clip:text}}#oc-header.fixed{position:absolute !important}html.ie{overflow-x:hidden}@media only screen and (max-width: 767px){body #oc-header{overflow:hidden}}.no-scroll{overflow:hidden}.base-module-navbar{position:absolute;top:0;right:0;left:0;z-index:10;height:0.6rem;line-height:0.6rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.13rem;color:#000;background-color:#fff;transition:color 0.3s ease, background-color 0.3s ease}.base-module-navbar::before{content:'';position:absolute;top:0;left:0;width:100%;height:0.01rem;background-color:rgba(0,0,0,0.1)}.base-module-navbar::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:0.01rem;background-color:rgba(0,0,0,0.1)}.base-module-navbar a{color:inherit;white-space:nowrap;opacity:0.6;transition:opacity 0.3s ease}.base-module-navbar a:hover{opacity:1}.base-module-navbar.dark{color:#fff;background-color:#000}.base-module-navbar.dark::before{background-color:rgba(255,255,255,0.1)}.base-module-navbar.dark::after{background-color:rgba(255,255,255,0.1)}.base-module-navbar.dark .navbar-mask{background-color:rgba(21,21,21,0.9)}@media only screen and (max-width: 1023px){.base-module-navbar.dark .product-list{background-color:#000}.base-module-navbar.dark .product-list li:not(:first-of-type)::before{background-color:#fff}.base-module-navbar.dark .anchor-list{background-color:#000}.base-module-navbar.dark .navbar-selector .arrow .icon-arrow{fill:#fff}}.base-module-navbar.fixed{position:fixed}.base-module-navbar .navbar-inner{display:-ms-flexbox;display:flex;position:relative;width:100%;max-width:14.4rem;height:100%;margin:0 auto;padding:0 0.64rem}.base-module-navbar .navbar-mask{position:absolute;top:100%;left:0;width:100%;height:0;opacity:0;visibility:hidden;background-color:rgba(253,253,253,0.9)}.base-module-navbar .navbar-mask.on{height:100vh;opacity:1;visibility:visible}.base-module-navbar .product-list li.on{pointer-events:none}.base-module-navbar .product-list li.on a{opacity:1}.base-module-navbar .anchor-list li.on{pointer-events:none}.base-module-navbar .anchor-list li.on a{opacity:1}.base-module-navbar .product-selector{display:none}.base-module-navbar .anchor-selector{display:none}@media only screen and (max-width: 1023px){.base-module-navbar{height:0.5rem;line-height:0.5rem;font-size:0.12rem}.base-module-navbar .product-list,.base-module-navbar .anchor-list{position:absolute;top:0.5rem;left:0;width:100%;text-align:center;transform:translateX(-100vw);background-color:#fff;overflow:hidden}.base-module-navbar .product-list.on,.base-module-navbar .anchor-list.on{transform:translateX(0)}.base-module-navbar .product-list.on li,.base-module-navbar .anchor-list.on li{transform:translateY(0)}.base-module-navbar .product-list li,.base-module-navbar .anchor-list li{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;position:relative;transform:translateY(-800%);transition:transform 0.3s ease}.base-module-navbar .product-list li:not(:nth-of-type(1))::before,.base-module-navbar .anchor-list li:not(:nth-of-type(1))::before{content:'';position:absolute;top:0;left:50%;width:90%;height:0.01rem;background:rgba(229,229,229,0.6);transform:translateX(-50%)}.base-module-navbar .product-list li a,.base-module-navbar .anchor-list li a{-ms-flex:1;flex:1}.base-module-navbar .navbar-selector{pointer-events:none}.base-module-navbar .navbar-selector.on .arrow .icon-arrow{transform:rotate(0)}.base-module-navbar .navbar-selector.selector{pointer-events:auto}.base-module-navbar .navbar-selector.selector .arrow{opacity:1}.base-module-navbar .navbar-selector .arrow{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:0.14rem;height:0.5rem;line-height:0.5rem;margin:0 0.02rem;opacity:0}.base-module-navbar .navbar-selector .arrow .icon-arrow{transform:rotate(90deg);transition:transform 0.3s ease}.base-module-navbar .product-selector{-ms-flex:1 1 0%;flex:1 1 0%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-width:0;white-space:nowrap}.base-module-navbar .anchor-selector{-ms-flex:2 2 0%;flex:2 2 0%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;min-width:0;white-space:nowrap}.base-module-navbar .button-list{-ms-flex:1 1 0%;flex:1 1 0%;display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center;min-width:0;white-space:nowrap}.base-module-navbar .button-list li{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.base-module-navbar .button-list li a{height:0.24rem;line-height:0.24rem;padding:0 0.1rem;color:#fff;background-color:#2EC84D;opacity:1}}@media only screen and (min-width: 1024px){.base-module-navbar .product-list{-ms-flex:1 1 0%;flex:1 1 0%;display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;min-width:0;white-space:nowrap}.base-module-navbar .product-list li:not(:first-of-type)::before{content:'';display:inline-block;width:0.01rem;height:0.12rem;margin:-0.02rem 0.2rem 0;background-color:#000;opacity:0.6;vertical-align:middle}.base-module-navbar .anchor-list{-ms-flex:3 3 0%;flex:3 3 0%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;min-width:0;white-space:nowrap}.base-module-navbar .anchor-list li{margin-right:0.1rem;margin-left:0.1rem}.base-module-navbar .button-list{-ms-flex:1 1 0%;flex:1 1 0%;display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center;min-width:0;white-space:nowrap}.base-module-navbar .button-list li{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.base-module-navbar .button-list li a{height:0.32rem;line-height:0.32rem;padding-right:0.15rem;padding-left:0.15rem;color:#fff;background-color:#2EC84D;opacity:1}}@media only screen and (max-width: 767px){.base-module-navbar .navbar-inner{padding:0 0.2rem}}@media only screen and (min-width: 768px) and (max-width: 1023px){.base-module-navbar .navbar-inner{padding:0 0.24rem}}.base-module-store{font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";color:#000}.base-module-store.open .store-mask{opacity:1;visibility:visible}.base-module-store.open .store-wrapper{opacity:1;visibility:visible;transform:translate3d(-50%, -50%, 0)}.base-module-store .store-mask{position:fixed;top:0;left:0;z-index:1000;width:100%;height:100%;background-color:rgba(0,0,0,0.65);-webkit-backdrop-filter:blur(0.05rem);backdrop-filter:blur(0.05rem);opacity:0;visibility:hidden;transition:opacity 0.5s ease}.base-module-store .store-wrapper{position:fixed;top:50%;left:50%;z-index:1001;width:13.12rem;height:7.2rem;background-color:#fff;opacity:0;visibility:hidden;transform:translate3d(-50%, 25%, 0);transition-delay:0.25s;transition:transform 0.3s, opacity 0.3s}.base-module-store .store-close{position:absolute;top:0.32rem;right:0.32rem;z-index:3;width:0.14rem;height:0.14rem;cursor:pointer}.base-module-store .store-close::before,.base-module-store .store-close::after{content:'';position:absolute;top:50%;left:50%;width:0.16rem;height:0.02rem;border-radius:0.1rem;background-color:#000000}.base-module-store .store-close::before{transform:translate3d(-50%, -50%, 0) rotate(-45deg)}.base-module-store .store-close::after{transform:translate3d(-50%, -50%, 0) rotate(45deg)}.base-module-store .store-content{width:100%;height:100%;overflow-x:hidden;overflow-y:scroll}.base-module-store .store-content::-webkit-scrollbar{width:0.04rem}.base-module-store .store-content::-webkit-scrollbar-thumb{background:#2EC84D}.base-module-store .store-page{position:relative;z-index:1;width:100%;margin-top:1.46rem;margin-bottom:0.28rem}.base-module-store .store-title{line-height:0.44rem;padding-top:0.7rem;padding-bottom:0.32rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.28rem;text-align:center;background-color:#ffffff}.base-module-store .store-subtitle{line-height:0.32rem;margin-bottom:0.2rem;font-size:0.2rem;text-align:center}.base-module-store .store-list{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;width:11.2rem;margin:0 auto}.base-module-store .store-list:not(:first-of-type){margin-top:0.06rem}.base-module-store .store-item{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:1.92rem;height:1.44rem;margin:0 0.16rem 0.32rem 0.16rem;background-color:rgba(0,0,0,0.04);transition:background-color 0.3s ease}.base-module-store .store-item img{width:1.2rem;height:0.8rem;transition:transform 0.3s ease}.base-module-store .store-item:hover{background-color:rgba(0,0,0,0.01)}.base-module-store .store-item:hover img{transform:scale(0.9)}@media only screen and (max-width: 767px){.base-module-store .store-wrapper{width:3.2rem;height:6.2rem}.base-module-store .store-list{width:2.96rem}.base-module-store .store-item{width:1.32rem;height:0.96rem;margin:0 0.08rem 0.32rem 0.08rem}.base-module-store .store-item img{width:0.98rem;height:0.66rem}}@media only screen and (min-width: 768px) and (max-width: 1023px){.base-module-store .store-wrapper{width:7.2rem;height:8.5rem}.base-module-store .store-list{width:5.64rem}.base-module-store .store-item{width:1.55rem;height:1.15rem}.base-module-store .store-item img{width:0.95rem;height:0.63rem}}@media only screen and (min-width: 1024px) and (max-width: 1439px){.base-module-store .store-wrapper{width:8.96rem;height:5.8rem}.base-module-store .store-list{width:6.96rem}.base-module-store .store-item{width:2rem;height:1.5rem}}@media only screen and (min-width: 1440px) and (max-width: 1919px){.base-module-store .store-wrapper{width:13.12rem;height:6.25rem}}.base-dialog-video{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;position:fixed;top:0;left:0;z-index:999;width:100%;height:100%;padding-top:0.5rem;background:#000;opacity:0;visibility:hidden;transform:translateY(100%);transition:all 0.6s ease-out}.base-dialog-video.active{opacity:1;visibility:visible;transform:translateY(0)}.base-dialog-video .video-panel{position:relative;width:75%;height:auto}.base-dialog-video video{width:100%;height:100%;outline:none;object-fit:contain}.base-dialog-video .dialog-close{position:absolute;top:-0.44rem;right:0;width:0.24rem;height:0.24rem;fill:#fff;cursor:pointer}@media only screen and (max-width: 1023px){.base-dialog-video .video-panel{width:100vw}.base-dialog-video .dialog-close{top:-0.44rem;right:0.16rem;width:0.24rem;height:0.24rem}}.show-360{display:none}.hide-360{display:inline-block}@media only screen and (max-width: 1023px){.show-360{display:block}.hide-360{display:none}.base-title{font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";line-height:12.22222vw;font-size:7.22222vw}.base-subtitle{font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";line-height:12.22222vw;font-size:7.22222vw;color:rgba(0,0,0,0.6)}.base-desc{font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";line-height:7.77778vw;font-size:3.88889vw;letter-spacing:-.02778vw;margin-top:5.55556vw}.base-tips{font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";line-height:6.66667vw;font-size:3.33333vw;letter-spacing:-.02778vw;margin-top:8.88889vw;color:rgba(0,0,0,0.6)}.base-button{font-size:3.33333vw;letter-spacing:-.01389vw;display:block;width:23.61111vw;height:11.11111vw;line-height:11.11111vw;border-radius:.55556vw;text-align:center;color:#fff;background-image:linear-gradient(158deg, #1A85FF, #FF6A7E)}.module-title{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:97.22222vw;margin:0 auto;text-align:center}.module-title .title-inner{position:relative;width:100%;height:25vw;line-height:25vw;overflow:hidden}.module-title .title-left{position:absolute;top:0;left:0;width:86.66667vw}.module-title .title-right{position:absolute;right:0;bottom:2.77778vw;width:86.38889vw}.module-title .title-label{font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:7.22222vw;letter-spacing:-.08889vw;position:relative;color:#fff}.base-progress-frame{position:relative}.base-progress-frame .base-progress{position:relative;height:1.38889vw;border-radius:1.11111vw;overflow:hidden}.base-progress-frame .base-progress-inner{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:1.11111vw;background-image:linear-gradient(137deg, #1A85FF 0%, #5FF5C5 100%);transform-origin:center left}.base-progress-frame .base-progress-desc{line-height:5.55556vw;font-size:3.33333vw;letter-spacing:-.01944vw;margin-top:2.22222vw;color:#fff}.function-list{margin-top:8.88889vw}.function-list>li{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.function-list>li:not(:first-of-type){margin-top:5.55556vw}.function-list .icon{position:relative;width:6.66667vw;height:6.66667vw}.function-list .text{font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";line-height:7.77778vw;font-size:3.88889vw;letter-spacing:-.025vw;margin-left:3.33333vw}.module-kv{height:200vw;background-image:linear-gradient(172deg, #E7E7E9 0%, #A1D1FF 100%)}.module-kv .kv-introduce{padding-top:17.77778vw}.module-kv .kv-title{width:38.33333vw;height:27.77778vw}.module-kv .kv-desc{line-height:6.66667vw;font-size:3.33333vw;letter-spacing:-.01667vw;margin-top:5.55556vw}.module-kv .kv-button{margin-top:8.88889vw}.module-kv .kv-frame{position:absolute;bottom:0;left:0;width:100%;height:105.55556vw}.module-kv .kv-image-1{position:absolute;bottom:0;left:-10vw;width:52.22222vw}.module-kv .kv-image-2{position:absolute;top:0;right:2.77778vw;z-index:2;width:85vw}.module-kv .kv-image-3{display:none;position:absolute;right:0;bottom:30vw;width:113.33333vw;height:22.22222vw}.module-kv .kv-image-4{display:none;position:absolute;right:27.77778vw;bottom:40vw;width:106.11111vw;height:22.22222vw}.module-kv .kv-tape-1{display:none}.module-kv .kv-tape-2{display:none}.module-feature{padding-top:26.66667vw;padding-bottom:26.66667vw}.module-feature .feature-headline{line-height:12.22222vw;font-size:7.77778vw;letter-spacing:-.02778vw;width:66.66667vw;margin:0 auto 17.77778vw;text-align:center}.module-feature .feature-list{position:relative;height:153.33333vw}.module-feature .feature-list li{position:absolute;border-radius:2.77778vw;background-color:#fff;cursor:pointer;overflow:hidden}.module-feature .feature-list .feature-image{position:absolute;top:0;left:0;width:100%;height:100%}.module-feature .feature-list .feature-image::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:50%;background-image:linear-gradient(to bottom, rgba(0,0,0,0), #000);opacity:0.8}.module-feature .feature-list .feature-title{font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";line-height:5vw;font-size:3.33333vw;letter-spacing:-.01944vw;position:absolute;bottom:3.33333vw;left:0;width:100%;text-align:center;color:#fff}.module-feature .feature-list .feature-item-1{top:0;left:0;width:43.33333vw;height:75.55556vw}.module-feature .feature-list .feature-item-2{top:0;right:0;width:43.33333vw;height:36.66667vw}.module-feature .feature-list .feature-item-3{top:77.77778vw;left:0;width:88.88889vw;height:36.66667vw}.module-feature .feature-list .feature-item-4{top:38.88889vw;right:0;width:43.33333vw;height:36.66667vw}.module-feature .feature-list .feature-item-5{bottom:0;left:0;width:43.33333vw;height:36.66667vw}.module-feature .feature-list .feature-item-6{bottom:0;right:0;width:43.33333vw;height:36.66667vw}.module-feature .fearure-info{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;margin-top:22.22222vw}.module-feature .fearure-text{line-height:5.27778vw;font-size:3.88889vw;letter-spacing:-.01667vw;margin-top:5.55556vw;color:rgba(0,0,0,0.6)}.module-feature .fearure-icon{width:3.88889vw;height:2.22222vw;margin-top:3.33333vw}.module-design{background-color:#fff}.module-style{padding-top:26.66667vw}.module-style .style-frame{position:relative}.module-style .style-thumbnail-swiper{display:none}.module-style .style-thumbnail-list{display:none}.module-style .style-button-list{display:none}.module-style .style-desc-list{display:none}.module-style .style-larger-swiper{width:100vw;margin-top:13.33333vw;padding-right:5.55556vw;transform:translateX(-5.55556vw)}.module-style .style-larger-list{position:relative;transform:translateX(8.33333vw)}.module-style .style-larger-list li{width:77.77778vw}.module-style .style-larger-list li:not(:first-of-type){margin-left:5.55556vw}.module-style .style-larger-list .video{display:none}.module-style .style-larger-list .image{width:77.77778vw;height:77.77778vw}.module-style .style-larger-list .title{font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";line-height:5.55556vw;font-size:4.44444vw;margin-top:5.55556vw}.module-style .style-larger-list .desc{line-height:7.77778vw;font-size:4.44444vw;letter-spacing:-.02778vw;margin-top:3.33333vw}.module-style .style-larger-swiper-scrollbar{position:relative;width:88.88889vw;height:.83333vw;margin-top:8.88889vw;border-radius:.55556vw;background-color:rgba(0,0,0,0.1)}.module-style .style-larger-swiper-scrollbar .swiper-scrollbar-drag{border-radius:.55556vw;opacity:0}.module-curved{padding:22.22222vw 0}.module-curved .curved-frame{position:relative;overflow:hidden}.module-curved .curved-params{position:relative;margin-top:8.88889vw}.module-curved .curved-params-backdrop{display:none}.module-curved .curved-params-list{display:-ms-flexbox;display:flex}.module-curved .curved-params-list li:not(:first-of-type){margin-left:8.88889vw}.module-curved .curved-params-list .data{height:12.22222vw;line-height:12.22222vw;font-size:7.77778vw}.module-curved .curved-params-list .data span{padding-left:.55556vw;font-size:3.88889vw}.module-curved .curved-params-list .desc{line-height:6.11111vw;font-size:3.33333vw}.module-curved .curved-image{height:88.88889vw;margin-top:13.33333vw}.module-camera{position:relative}.module-camera .module-title{margin-bottom:17.77778vw}.module-camera .camera-linear{position:relative;padding-top:26.66667vw;background-image:linear-gradient(180deg, #DBEEFF 0%, #E5E5ED 100%)}.module-lens .module-inner{padding-top:78.88889vw}.module-lens .lens-image-mp{position:absolute;top:20.83333vw;right:-1.66667vw;width:37.5vw}.module-lens .lens-image-50{position:absolute;top:20.83333vw;left:0;z-index:4;width:29.72222vw}.module-lens .lens-frame-desc{line-height:5.55556vw;font-size:3.88889vw;position:absolute;top:44.44444vw;right:0;color:rgba(0,0,0,0.6)}.module-lens .lens-image-part{position:absolute;top:6.38889vw;z-index:3;left:60.27778vw;width:64.44444vw;transform-origin:top left;transform:translate(-42.5vw, -85.27778vw) scale(1)}.module-lens .lens-image-capture{position:absolute;top:3.05556vw;left:10.27778vw;width:14.16667vw;height:14.16667vw;border-radius:50%;overflow:hidden}.module-lens .lens-param-frame{position:relative;width:94.44444vw;height:102.77778vw}.module-lens .lens-param-frame .lens-param-image-1{position:absolute;bottom:0;right:0;width:52.22222vw}.module-lens .lens-param-frame .lens-param-image-2{position:absolute;bottom:0;right:0;width:35.27778vw}.module-lens .lens-param-frame .lens-param-image-capture{position:absolute;top:8.61111vw;right:16.66667vw;width:10.27778vw;height:10.27778vw;border-radius:50%;overflow:hidden}.module-lens .lens-param-frame .lens-param-list{position:relative}.module-lens .lens-param-frame .lens-param-list li{position:relative}.module-lens .lens-param-frame .lens-param-list li:not(:first-of-type){margin-top:8.88889vw}.module-lens .lens-param-frame .lens-param-list li:nth-of-type(1) .line{width:23.05556vw}.module-lens .lens-param-frame .lens-param-list li:nth-of-type(1) .line::after{content:'';position:absolute;top:0;right:0;width:.27778vw;height:11.11111vw;background-color:#979797}.module-lens .lens-param-frame .lens-param-list li:nth-of-type(2) .line{width:43.88889vw}.module-lens .lens-param-frame .lens-param-list li:nth-of-type(2) .line::after{content:'';position:absolute;bottom:0;right:0;width:.27778vw;height:6.66667vw;background-color:#979797}.module-lens .lens-param-frame .lens-param-list li:nth-of-type(3) .line{width:43.88889vw}.module-lens .lens-param-frame .lens-param-list li:nth-of-type(3) .line::after{content:'';position:absolute;bottom:0;right:0;width:.27778vw;height:23.33333vw;background-color:#979797}.module-lens .lens-param-frame .lens-param-list .title{line-height:12.22222vw;font-size:7.77778vw}.module-lens .lens-param-frame .lens-param-list .desc{font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";line-height:6.66667vw;font-size:3.33333vw}.module-lens .lens-param-frame .lens-param-list .line{position:absolute;top:5.55556vw;left:29.16667vw;height:.27778vw;background-color:#979797}.module-capture{position:relative;height:200vw;background-color:#fff}.module-capture .capture-image-frame{position:relative;left:50%;width:100vw;transform:translateX(-50%)}.module-capture .capture-image{height:200vw}.module-capture .capture-introduce{position:absolute;top:17.77778vw;left:0;width:100%}.module-capture .capture-title{color:#fff}.module-capture .capture-subtitle{color:rgba(255,255,255,0.6)}.module-capture .capture-desc{color:#fff}.module-night{padding-top:22.22222vw;padding-bottom:22.22222vw;background-color:#fff}.module-night .night-frame{position:relative;margin-top:13.33333vw}.module-night .night-frame-content{position:relative;height:88.88889vw}.module-night .night-frame-content li{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;visibility:hidden;opacity:0}.module-night .night-frame-content li.active{pointer-events:auto;visibility:visible;opacity:1}.module-night .night-frame-content .night-frame-image{position:absolute;top:0;left:0;width:88.88889vw;height:88.88889vw}.module-night .night-frame-content .beer-reveal{position:absolute;top:0;left:0;width:50%;height:100%;overflow:hidden}.module-night .night-frame-content .beer-range{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;-moz-appearance:none;-ms-touch-action:auto;touch-action:auto;-webkit-appearance:slider-horizontal !important;-moz-appearance:slider-horizontal !important;appearance:slider-horizontal !important;cursor:pointer;opacity:0}.module-night .night-frame-content .beer-handle{position:absolute;top:0;left:50%;width:11.66667vw;height:100%;transform:translate3d(-50%, 0, 0)}.module-night .night-frame-menu{display:-ms-flexbox;display:flex;margin-top:5.55556vw;padding-bottom:2.77778vw}.module-night .night-frame-menu li{display:-ms-flexbox;display:flex;position:relative;padding-right:4.16667vw;cursor:pointer}.module-night .night-frame-menu li:not(:first-of-type){padding-left:4.16667vw}.module-night .night-frame-menu li:not(:first-of-type)::after{content:'';position:absolute;top:50%;left:0;width:.27778vw;height:6.66667vw;background-color:rgba(0,0,0,0.2);transform:translateY(-50%)}.module-night .night-frame-menu li.active span{opacity:1}.module-night .night-frame-menu li.active span::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:.27778vw;background-color:#000}.module-night .night-frame-menu span{font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";line-height:8.88889vw;font-size:5vw;letter-spacing:-.03056vw;position:relative;opacity:0.6}.module-effect{padding-bottom:22.22222vw;background-color:#fff}.module-effect .effect-waterfall{position:relative}.module-effect .effect-card{position:relative;width:77.77778vw}.module-effect .effect-card:not(:first-of-type){margin-left:5.55556vw}.module-effect .effect-card.card-2{width:100%}.module-effect .effect-card.card-2 .effect-card-image{width:88.88889vw;height:88.88889vw}.module-effect .effect-card-image{position:relative;width:77.77778vw;height:77.77778vw;overflow:hidden}.module-effect .effect-card-title{font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";line-height:6.66667vw;font-size:3.88889vw;letter-spacing:-.01667vw;margin-top:4.44444vw}.module-effect .effect-card-type{font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";line-height:6.66667vw;font-size:3.88889vw;letter-spacing:-.01667vw;color:rgba(0,0,0,0.6)}.module-effect .effect-card-desc{line-height:6.66667vw;font-size:3.33333vw;letter-spacing:-.01389vw;margin-top:2.22222vw}.module-effect .effect-swiper-wrap{transform:translateX(5.55556vw)}.module-effect .effect-swiper{width:100vw;margin-top:22.22222vw;padding-right:5.55556vw;transform:translateX(-5.55556vw)}.module-effect .effect-swiper-scrollbar{height:.55556vw;margin-top:8.88889vw;border-radius:.27778vw;background-color:rgba(0,0,0,0.1)}.module-effect .effect-swiper-scrollbar .swiper-scrollbar-drag{background-color:#000}.module-performance{padding-top:26.66667vw;background-image:linear-gradient(180deg, #000 0%, #000D19 100%)}.module-performance .module-title{margin-bottom:22.22222vw}.module-endurance .endurance-title{width:69.44444vw;color:#fff}.module-endurance .endurance-subtitle{width:69.44444vw;color:rgba(255,255,255,0.7)}.module-endurance .endurance-desc{color:#fff}.module-endurance .endurance-frame{position:relative;padding-top:72.22222vw}.module-endurance .endurance-capacity{position:absolute;top:27.77778vw;left:0;width:91.94444vw;height:22.77778vw}.module-endurance .endurance-capacity-inner{position:absolute;bottom:0;left:0;width:100%;height:0;overflow:hidden}.module-endurance .endurance-capacity-inner .endurance-capacity-image{position:absolute;bottom:0;left:0}.module-endurance .endurance-capacity-image{width:91.94444vw;height:22.77778vw}.module-endurance .endurance-image{position:absolute;top:0;left:0;width:88.05556vw}.module-endurance .endurance-data{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:end;justify-content:flex-end;text-align:right}.module-endurance .endurance-data-introduce{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:end;align-items:flex-end}.module-endurance .endurance-data-line{display:none}.module-endurance .endurance-data-icon{width:16.66667vw;height:9.72222vw}.module-endurance .endurance-data-title{line-height:10vw;font-size:7.77778vw;margin-top:2.5vw;color:#fff}.module-endurance .endurance-data-desc{line-height:5.55556vw;font-size:3.33333vw;color:#fff}.module-endurance .endurance-data-list{width:76.11111vw;margin-top:6.11111vw}.module-endurance .endurance-data-list li:not(:first-of-type){margin-top:8.88889vw}.module-endurance .endurance-data-list li:last-of-type{margin-top:0}.module-endurance .endurance-data-list li:nth-of-type(1) .base-progress-inner{width:56.38889vw}.module-endurance .endurance-data-list .base-progress-inner{position:absolute;top:0;right:0;left:auto;transform-origin:center right}.module-power{padding-top:22.22222vw;padding-bottom:22.22222vw}.module-power .power-frame{position:relative}.module-power .power-image{width:88.88889vw;height:88.88889vw;overflow:hidden}.module-power .power-swiper-navigation{display:-ms-flexbox;display:flex;position:absolute;bottom:22.22222vw;right:22.22222vw;z-index:2}.module-power .power-swiper-button{display:none}.module-power .power-introduce{position:relative;margin-top:16.11111vw}.module-power .power-title{color:#fff}.module-power .power-subtitle{color:rgba(255,255,255,0.7)}.module-power .power-desc{color:#fff}.module-power .power-progress-frame{margin-top:8.88889vw}.module-power .power-progress{width:76.11111vw;background-color:rgba(255,255,255,0.14)}.module-power .power-progress-inner{width:76.11111vw}.module-power .power-swiper-pagination{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;position:absolute;top:94.44444vw;left:0;width:100%}.module-power .power-swiper-pagination li{width:2.22222vw;height:1.66667vw;border-radius:50%;background-color:#fff;opacity:0.2}.module-power .power-swiper-pagination li:not(:first-of-type){margin-left:2.22222vw}.module-power .power-swiper-pagination li.active{opacity:1}.module-chip .chip-image{height:200vw}.module-chip .chip-introduce{position:absolute;top:22.22222vw;left:0;width:100%}.module-chip .chip-title{width:77.77778vw}.module-chip .chip-subtitle{width:125vw}.module-response{padding:22.22222vw 0;background-color:#fff}.module-response .response-image{height:88.88889vw;margin-top:13.33333vw}.module-response .response-number{display:inline-block}.module-experience{padding-top:26.66667vw}.module-experience .module-title{margin-bottom:26.66667vw}.module-screen{height:205.55556vw}.module-screen .module-inner{padding-top:22.22222vw;padding-bottom:22.22222vw}.module-screen .screen-image{height:205.55556vw}.module-screen .screen-image-phone{position:absolute;bottom:15.55556vw;width:89.72222vw;height:45.27778vw;transform:translateX(-1.11111vw)}.module-screen .screen-introduce .icon-dark{position:absolute;top:0;left:0;width:100%;height:100%}.module-screen .screen-introduce .icon-white{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.module-convenient{padding-top:22.22222vw;padding-bottom:35.55556vw;background-image:linear-gradient(360deg, #F5F9FF 0%, #DBEDFF 100%)}.module-convenient .convenient-frame{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;position:relative}.module-convenient .convenient-frame-inner{position:relative;padding-top:26.66667vw}.module-convenient .convenient-image{width:94.44444vw;height:7.36111vw}.module-convenient .ripples-frame{position:absolute;bottom:3.05556vw;left:47.22222vw;width:2.5vw;height:2.5vw;border-radius:50%;background-color:rgba(255,255,255,0.2)}.module-convenient .ripples-frame::before{content:'';position:absolute;top:50%;left:50%;width:6.38889vw;height:6.38889vw;border-radius:50%;background-color:rgba(255,255,255,0.2);transform:translate(-50%, -50%);filter:drop-shadow(0 0 8.33333vw rgba(255,255,255,0.2))}.module-convenient .ripples-frame.animate .convenient-ripples{opacity:1}.module-convenient .ripples-frame.animate .convenient-ripples li{-webkit-animation:ripples 6s infinite linear;animation:ripples 6s infinite linear}.module-convenient .ripples-frame.animate .convenient-ripples li:nth-of-type(1){-webkit-animation-delay:-1.2s;animation-delay:-1.2s}.module-convenient .ripples-frame.animate .convenient-ripples li:nth-of-type(2){-webkit-animation-delay:-2.4s;animation-delay:-2.4s}.module-convenient .ripples-frame.animate .convenient-ripples li:nth-of-type(3){-webkit-animation-delay:-3.6s;animation-delay:-3.6s}.module-convenient .ripples-frame.animate .convenient-ripples li:nth-of-type(4){-webkit-animation-delay:-4.8s;animation-delay:-4.8s}.module-convenient .ripples-frame.animate .convenient-ripples li:nth-of-type(5){-webkit-animation-delay:-6s;animation-delay:-6s}.module-convenient .convenient-ripples{position:absolute;top:50%;left:50%;width:50.55556vw;height:50.55556vw;transform:translate(-50%, -50%);opacity:0;transition:opacity 0.6s}.module-convenient .convenient-ripples li{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background-image:linear-gradient(137deg, rgba(36,133,255,0.15) 0%, rgba(95,245,197,0.15) 100%);will-change:opacity, transform;transform:scale(0)}.module-quality{padding:22.22222vw 0;background-color:#fff}.module-quality .quality-frame{position:relative}.module-quality .quality-frame-backdrop{display:none}.module-quality .quality-params-list{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between;position:relative;margin-top:13.33333vw}.module-quality .quality-params-list li{position:relative;width:38.88889vw}.module-quality .quality-params-list li:not(:nth-of-type(-n+2)){margin-top:5.55556vw}.module-quality .quality-params-list .data{line-height:12.22222vw;font-size:7.77778vw}.module-quality .quality-params-list .desc{font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";line-height:6.66667vw;font-size:3.33333vw}.module-quality .quality-list{position:relative;margin-top:13.33333vw}.module-quality .quality-list li{position:relative;width:88.88889vw;height:42.5vw;padding:5.55556vw;background-image:linear-gradient(162deg, #E3F8FF 0%, #EBF4FF 100%)}.module-quality .quality-list li:not(:first-of-type){margin-top:2.22222vw}.module-quality .quality-list .title{font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";line-height:6.66667vw;font-size:3.88889vw;letter-spacing:-.01667vw}.module-quality .quality-list .desc{line-height:6.66667vw;font-size:3.33333vw;margin-top:2.22222vw}.module-quality .quality-list .image{position:absolute;bottom:5.55556vw;right:5.55556vw;width:8.33333vw}.module-os{padding-top:17.77778vw;padding-bottom:22.22222vw;background-image:linear-gradient(137deg, #FFF0DA 0%, #9CCDFE 100%)}.module-os .os-headline-title{font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";line-height:12.22222vw;font-size:7.77778vw;letter-spacing:-.02778vw;display:block;text-align:center}.module-os .os-headline-desc{font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";line-height:6.66667vw;font-size:3.33333vw;display:block;margin-top:1.11111vw;text-align:center}.module-os .os-slide{position:relative;margin-top:13.33333vw}.module-os .os-frame{position:relative}.module-os .os-image{width:88.88889vw;height:88.88889vw;background-image:linear-gradient(138deg, #fff 0%, #C2E4FF 100%)}.module-os .os-swiper-navigation{display:-ms-flexbox;display:flex;position:absolute;top:100vw;left:22.22222vw;z-index:2}.module-os .os-swiper-button{display:none}.module-os .os-intro{position:relative;margin-top:10.55556vw}.module-os .os-title{font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";line-height:6.66667vw;font-size:3.88889vw;letter-spacing:-.01667vw}.module-os .os-desc{line-height:6.66667vw;font-size:3.33333vw;letter-spacing:-.01389vw;margin-top:1.11111vw}.module-os .os-version{display:none}.module-os .os-swiper-pagination{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;position:absolute;top:92.22222vw;left:0;width:100%}.module-os .os-swiper-pagination li{width:2.22222vw;height:1.66667vw;border-radius:50%;background-color:#000;opacity:0.2}.module-os .os-swiper-pagination li:not(:first-of-type){margin-left:2.22222vw}.module-os .os-swiper-pagination li.active{opacity:1}.module-help{padding-top:22.22222vw;padding-bottom:22.22222vw;background-color:#EBF5F6}.module-help .help-headline{font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";line-height:10vw;font-size:6.66667vw;letter-spacing:-.03056vw;margin-bottom:8.88889vw;text-align:center}.module-help .help-container{position:relative}.module-help .help-container:not(:last-of-type){padding-bottom:17.77778vw}.module-help .faq-list{position:relative;height:123.61111vw;border-radius:2.22222vw;background-color:#fff;overflow:hidden}.module-help .faq-list li{position:relative;height:25vw}.module-help .faq-list li:not(:first-of-type)::before{content:'';position:absolute;top:0;left:50%;width:calc(100% - 11.11111vw);height:.27778vw;background-color:rgba(0,0,0,0.1);transform:translateX(-50%)}.module-help .faq-list .label{-ms-flex:1;flex:1;line-height:6.66667vw;font-size:3.88889vw}.module-help .faq-list .arrow{position:absolute;bottom:5.55556vw;right:5.55556vw;width:2.22222vw;height:4.16667vw}.module-help .faq-list .arrow svg{width:100%}.module-help .faq-list .link{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%;padding-left:5.55556vw;padding-right:11.11111vw}.module-help .promotion-card{height:37.77778vw;border-radius:2.77778vw;overflow:hidden}.module-help .maybe-scroll{display:-ms-flexbox;display:flex;width:100vw;overflow:hidden;transform:translateX(-5.55556vw)}.module-help .maybe-list{display:-ms-flexbox;display:flex;padding-left:5.55556vw;padding-right:5.55556vw}.module-help .maybe-list li{position:relative;width:65.55556vw;height:75.83333vw;border-radius:2.77778vw;overflow:hidden}.module-help .maybe-list li:not(:first-of-type){margin-left:5.55556vw}.module-help .maybe-list .image{position:relative;width:100%;height:100%}.module-help .maybe-list .image::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:50%;background-image:linear-gradient(to bottom, rgba(0,0,0,0), #000);opacity:0.9}.module-help .maybe-list .text{font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";line-height:7.77778vw;font-size:4.44444vw;position:absolute;bottom:3.33333vw;left:0;width:100%;text-align:center;color:#fff}.module-help .recommend-card{position:relative;width:88.88889vw;height:124.16667vw;background-color:#fff}.module-help .recommend-card .image{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:97.22222vw;padding:13.33333vw}.module-help .recommend-card .image img{width:auto}.module-help .recommend-card .info{padding:0 8.88889vw;text-align:center}.module-help .recommend-card .name{line-height:8.88889vw;font-size:5.55556vw}.module-help .recommend-card .desc{line-height:7.77778vw;font-size:4.44444vw;letter-spacing:-.02778vw;margin-top:1.11111vw}.module-help .recommend-card .link{position:absolute;top:0;left:0;width:100%;height:100%}.module-help .recommend-swiper-pagination{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin-top:8.88889vw}.module-help .recommend-swiper-pagination li{width:1.38889vw;height:1.38889vw;border-radius:50%;background-color:#000;opacity:0.4}.module-help .recommend-swiper-pagination li:not(:first-of-type){margin-left:2.22222vw}.module-help .recommend-swiper-pagination li.active{opacity:1}.module-notes{padding:26.66667vw 0;color:rgba(0,0,0,0.5)}.module-notes .notes-title{line-height:5.55556vw;font-size:3.33333vw;letter-spacing:-.01389vw}.module-notes .notes-list{margin-top:3.33333vw;padding-left:5.55556vw}.module-notes .notes-list li{font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";line-height:5.55556vw;font-size:3.33333vw;list-style:decimal}.side-bar{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;position:fixed;top:0.5rem;left:0;z-index:9;width:100%;height:15.55556vw;background-color:#fff;opacity:0;visibility:hidden;transition:all 0.6s}.side-bar.active{opacity:1;visibility:visible}.side-bar .side-menu{display:-ms-flexbox;display:flex;position:relative}.side-bar .side-menu li{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;position:relative;height:6.66667vw;cursor:pointer}.side-bar .side-menu li:not(:first-of-type){margin-left:5.55556vw}.side-bar .side-menu li.active .side-label{max-width:55.55556vw;opacity:1;visibility:visible;transition:all 0.6s}.side-bar .side-menu li.active .side-svg{stroke:#000}.side-bar .side-menu .side-icon{position:relative;width:6.66667vw;height:6.66667vw;border:.27778vw solid rgba(0,0,0,0.1);border-radius:50%;background-color:#fff}.side-bar .side-menu .side-svg{position:absolute;top:0;left:0;width:6.66667vw;height:6.66667vw;transform:rotate(-90deg) translate(.27778vw, -.27778vw);transition:all .5s ease;opacity:1}.side-bar .side-menu .side-svg circle{stroke-width:.27778vw;fill:#fff;stroke-linecap:butt;stroke-dasharray:150;stroke-dashoffset:150;transition:stroke .5s ease, fill .5s ease}.side-bar .side-menu .side-image{position:absolute;top:0;left:0;width:100%;height:100%}.side-bar .side-menu .side-label{max-width:0;margin-left:2.22222vw;opacity:0;visibility:hidden;line-height:5.55556vw;font-size:3.33333vw;letter-spacing:-.01389vw;color:#000}}@media only screen and (min-width: 1024px) and (max-width: 1599px){.module-inner{width:91.11111vw}.base-title{font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";line-height:4.02778vw;font-size:2.77778vw;letter-spacing:-.01389vw}.base-subtitle{font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";line-height:4.02778vw;font-size:2.77778vw;letter-spacing:-.01389vw;color:rgba(0,0,0,0.6)}.base-desc{font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";line-height:1.94444vw;font-size:1.11111vw;letter-spacing:-.00694vw;margin-top:1.38889vw}.base-tips{font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";line-height:1.94444vw;font-size:.97222vw;letter-spacing:-.00694vw;margin-top:2.22222vw;color:rgba(0,0,0,0.6)}.base-button{font-size:.97222vw;letter-spacing:-.00417vw;display:block;width:7.63889vw;height:3.33333vw;line-height:3.33333vw;border-radius:.13889vw;text-align:center;color:#fff;background-image:linear-gradient(158deg, #1A85FF, #FF6A7E)}.module-title{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;text-align:center}.module-title.title-2 .title-inner{padding-left:9.02778vw;padding-right:4.16667vw}.module-title.title-2 .title-left{width:55.55556vw}.module-title.title-2 .title-right{width:59.93056vw}.module-title .title-inner{position:relative;height:11.80556vw;line-height:11.80556vw;padding:0 9.02778vw;overflow:hidden}.module-title .title-left{position:absolute;top:0;left:0;width:47.43056vw}.module-title .title-right{position:absolute;right:0;bottom:0;width:46.52778vw}.module-title .title-label{font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:4.44444vw;letter-spacing:-.05417vw;position:relative;color:#fff}.base-introduce-row{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.base-introduce-row .base-introduce-left{-ms-flex:0 0 43.75vw;flex:0 0 43.75vw}.base-introduce-row .base-introduce-right{-ms-flex:0 0 41.66667vw;flex:0 0 41.66667vw}.base-introduce-row .base-introduce-right .base-desc{margin-top:0}.base-progress-frame{position:relative}.base-progress-frame .base-progress{position:relative;height:.55556vw;border-radius:.27778vw;overflow:hidden}.base-progress-frame .base-progress-inner{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:.27778vw;background-image:linear-gradient(137deg, #1A85FF 0%, #5FF5C5 100%);transform-origin:center left}.base-progress-frame .base-progress-desc{line-height:1.94444vw;font-size:1.11111vw;letter-spacing:-.00625vw;margin-top:.83333vw;color:#fff}.function-list{display:-ms-flexbox;display:flex;margin-top:2.22222vw}.function-list>li{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.function-list>li:not(:first-of-type){margin-left:2.22222vw}.function-list .icon{position:relative;width:2.22222vw;height:2.22222vw}.function-list .text{font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";line-height:2.22222vw;font-size:1.11111vw;letter-spacing:-.00694vw;margin-left:.83333vw}.module-kv{height:50vw;background-image:linear-gradient(172deg, #E7E7E9 0%, #A1D1FF 100%)}.module-kv .kv-introduce{position:absolute;top:50%;left:0;transform:translateY(-50%)}.module-kv .kv-title{width:17.91667vw;height:12.98611vw}.module-kv .kv-desc{line-height:1.94444vw;font-size:1.11111vw;margin-top:2.22222vw}.module-kv .kv-button{margin-top:4.44444vw}.module-kv .kv-frame{position:absolute;bottom:0;right:0;width:62.5vw;height:43.75vw}.module-kv .tape-bg{position:absolute;top:0;left:0;width:100%;height:100%}.module-kv .tape-text{font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";line-height:3.47222vw;font-size:1.38889vw;position:relative;text-align:center;color:rgba(255,255,255,0.7)}.module-kv .kv-tape-1{position:absolute;left:36.45833vw;bottom:5.55556vw;min-width:20.83333vw;height:3.47222vw;padding:0 2.22222vw;white-space:nowrap;transform-origin:bottom left;transform:rotate(-4deg)}.module-kv .kv-tape-2{position:absolute;left:40.27778vw;bottom:3.125vw;min-width:22.22222vw;height:3.47222vw;padding:0 2.22222vw;white-space:nowrap;transform-origin:bottom left;transform:rotate(-1deg)}.module-kv .kv-image-1{position:absolute;bottom:0;left:0;width:27.29167vw}.module-kv .kv-image-2{position:absolute;top:0;right:7.63889vw;z-index:2;width:46.875vw}.module-feature{padding-top:8.88889vw;padding-bottom:8.88889vw}.module-feature .feature-headline{line-height:5vw;font-size:4.02778vw;letter-spacing:-.04792vw;margin-bottom:8.88889vw;text-align:center}.module-feature .feature-list{position:relative;height:34.02778vw}.module-feature .feature-list li{position:absolute;border-radius:1.38889vw;background-color:#fff;cursor:pointer;overflow:hidden}.module-feature .feature-list li:hover .feature-image img{transform:scale(1.1)}.module-feature .feature-list .feature-image{position:absolute;top:0;left:0;width:100%;height:100%}.module-feature .feature-list .feature-image img{transition:transform 0.6s ease}.module-feature .feature-list .feature-image::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:50%;background-image:linear-gradient(to bottom, rgba(0,0,0,0), #000);opacity:0.6}.module-feature .feature-list .feature-title{font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";line-height:2.22222vw;font-size:1.38889vw;letter-spacing:-.00764vw;position:absolute;bottom:1.38889vw;left:0;width:100%;text-align:center;color:#fff}.module-feature .feature-list .feature-item-1{top:0;left:0;width:22.15278vw;height:34.02778vw}.module-feature .feature-list .feature-item-2{top:0;left:23.125vw;width:22.01389vw;height:16.52778vw}.module-feature .feature-list .feature-item-3{top:0;right:0;width:44.86111vw;height:16.52778vw}.module-feature .feature-list .feature-item-4{bottom:0;left:23.125vw;width:22.01389vw;height:16.52778vw}.module-feature .feature-list .feature-item-5{bottom:0;right:22.98611vw;width:22.01389vw;height:16.52778vw}.module-feature .feature-list .feature-item-6{bottom:0;right:0;width:22.01389vw;height:16.52778vw}.module-feature .fearure-info{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;margin-top:5.55556vw}.module-feature .fearure-text{line-height:1.80556vw;font-size:1.11111vw;letter-spacing:-.00486vw;margin-top:1.38889vw;color:rgba(0,0,0,0.6)}.module-feature .fearure-icon{width:.97222vw;height:.55556vw;margin-top:.83333vw}.module-design{background-color:#fff}.module-style{padding-top:8.88889vw}.module-style .style-frame{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;position:relative;height:57.63889vw}.module-style .style-frame .frame-left{position:relative;width:36.80556vw}.module-style .style-frame .frame-right{position:absolute;top:0;left:44.44444vw;width:67.77778vw}.module-style .style-thumbnail-list{position:relative;width:36.80556vw;height:40.97222vw;margin-top:4.44444vw;overflow:hidden}.module-style .style-thumbnail-list li{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.module-style .style-thumbnail-list li.active{opacity:1}.module-style .style-larger-list{position:relative;width:51.11111vw;height:42.29167vw;overflow:hidden}.module-style .style-larger-list li{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.module-style .style-larger-list li.active{opacity:1}.module-style .style-larger-list .video{position:absolute;top:0;left:0;width:100%;height:100%}.module-style .style-button-list{display:-ms-flexbox;display:flex;position:relative;margin-top:2.22222vw}.module-style .style-button-list li{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;position:relative;max-width:2.56944vw;height:2.56944vw;line-height:2.56944vw;padding-left:2.56944vw;overflow:hidden;cursor:pointer;transition:all ease 0.5s}.module-style .style-button-list li:not(:first-of-type){margin-left:1.25vw}.module-style .style-button-list li.active{max-width:100%;transition:max-width 1s;pointer-events:none}.module-style .style-button-list li.active .title{opacity:1}.module-style .style-button-list .radio{position:absolute;top:0;left:0;width:2.56944vw;height:2.56944vw;background-repeat:no-repeat;background-position:center center;background-size:100% 100%}.module-style .style-button-list .title{font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:1.38889vw;letter-spacing:-.00833vw;margin-left:.69444vw;white-space:nowrap;opacity:0}.module-style .style-desc-list{position:relative;width:46.66667vw;height:3.88889vw;margin-top:2.22222vw}.module-style .style-desc-list li{position:absolute;top:0;left:0;opacity:0;visibility:hidden}.module-style .style-desc-list li.active{opacity:1;visibility:visible;transition:all 0.6s}.module-style .style-desc-list .title{display:none}.module-style .style-desc-list .desc{line-height:1.94444vw;font-size:1.25vw;letter-spacing:-.00694vw}.module-curved{padding:6.66667vw 0}.module-curved .curved-introduce{width:44.44444vw}.module-curved .curved-frame{position:relative;height:44.44444vw;margin-top:4.44444vw;overflow:hidden}.module-curved .curved-params{position:absolute;top:0;right:0;z-index:2;width:26.11111vw;height:100%}.module-curved .curved-params-backdrop{position:absolute;top:0;left:0;width:100%;height:100%}.module-curved .curved-params-list{position:absolute;top:50%;left:8.33333vw;width:12.22222vw;transform:translateY(-50%)}.module-curved .curved-params-list li{padding-top:3.33333vw;padding-bottom:3.19444vw;color:#fff}.module-curved .curved-params-list li:not(:last-of-type){border-bottom:.06944vw solid rgba(255,255,255,0.4)}.module-curved .curved-params-list .data{line-height:3.47222vw;font-size:2.63889vw;letter-spacing:-.04375vw}.module-curved .curved-params-list .data span{padding-left:.41667vw;font-size:1.38889vw}.module-curved .curved-params-list .desc{line-height:1.52778vw;font-size:.97222vw;letter-spacing:-.01181vw;margin-top:.27778vw}.module-camera{position:relative}.module-camera .module-title{margin-bottom:8.88889vw}.module-camera .camera-linear{position:relative;padding-top:8.88889vw;background-image:linear-gradient(180deg, #DBEEFF 0%, #E5E5ED 100%)}.module-lens{height:83.75vw}.module-lens .module-inner{padding-top:41.66667vw}.module-lens .lens-image-mp{position:absolute;top:8.33333vw;right:2.77778vw;width:39.23611vw}.module-lens .lens-image-50{position:absolute;top:5.97222vw;left:3.81944vw;z-index:4;width:30.97222vw}.module-lens .lens-frame-desc{line-height:4.02778vw;font-size:2.5vw;position:absolute;top:30.55556vw;right:0;color:rgba(0,0,0,0.6)}.module-lens .lens-image-part{position:absolute;top:0;z-index:3;left:27.43056vw;width:40.27778vw;transform-origin:top left;transform:translate(0, -41.66667vw) scale(1)}.module-lens .lens-image-capture{position:absolute;top:2.01389vw;left:5.76389vw;width:9.02778vw;height:9.02778vw;border-radius:50%;overflow:hidden}.module-lens .lens-param-frame{position:relative;height:42.08333vw}.module-lens .lens-param-frame .lens-param-image-1{position:absolute;bottom:0;right:11.80556vw;width:46.66667vw}.module-lens .lens-param-frame .lens-param-image-2{position:absolute;bottom:0;right:0;width:46.66667vw}.module-lens .lens-param-frame .lens-param-image-capture{position:absolute;top:6.38889vw;right:34.65278vw;width:6.45833vw;height:6.45833vw;border-radius:50%;overflow:hidden}.module-lens .lens-param-frame .lens-param-list{position:relative;padding-top:.69444vw}.module-lens .lens-param-frame .lens-param-list li{position:relative}.module-lens .lens-param-frame .lens-param-list li:not(:first-of-type){margin-top:4.02778vw}.module-lens .lens-param-frame .lens-param-list li:nth-of-type(1) .line{width:43.75vw}.module-lens .lens-param-frame .lens-param-list li:nth-of-type(1) .line::after{content:'';position:absolute;top:0;right:0;width:2.22222vw;height:13.88889vw;border-right:.06944vw solid #666;border-bottom:.06944vw solid #666}.module-lens .lens-param-frame .lens-param-list li:nth-of-type(2) .line{width:24.65278vw}.module-lens .lens-param-frame .lens-param-list li:nth-of-type(3) .line{width:39.93056vw}.module-lens .lens-param-frame .lens-param-list li:nth-of-type(3) .line::after{content:'';position:absolute;top:0;right:0;width:.06944vw;height:2.43056vw;background-color:#666}.module-lens .lens-param-frame .lens-param-list .title{line-height:3.47222vw;font-size:2.63889vw;letter-spacing:-.04375vw}.module-lens .lens-param-frame .lens-param-list .desc{font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";line-height:1.52778vw;font-size:.97222vw;letter-spacing:-.01181vw;margin-top:.27778vw}.module-lens .lens-param-frame .lens-param-list .line{position:absolute;top:2.77778vw;left:13.33333vw;height:.06944vw;background-color:#666}.module-capture{position:relative;top:0;left:0;width:100vw;height:46.66667vw;margin-top:-66.66667vw}.module-capture .module-capture-move{position:relative;height:66.66667vw}.module-capture .module-inner{height:66.66667vw}.module-capture .capture-introduce{position:absolute;top:50%;left:0;width:36.11111vw;transform:translateY(-50%)}.module-capture .capture-title{width:25vw;color:#fff}.module-capture .capture-subtitle{color:rgba(255,255,255,0.6)}.module-capture .capture-desc{color:#fff}.module-capture .capture-image-frame{position:relative;top:6.38889vw;left:50%;width:6.45833vw;height:6.45833vw;margin-left:7.01389vw;border-radius:33.33333vw;overflow:hidden;transform:translateX(-50%)}.module-capture .capture-image{position:absolute;top:50%;left:50%;width:6.45833vw;height:6.45833vw;transform:translate(-50%, -50%)}.module-night{padding-top:6.66667vw;padding-bottom:6.66667vw}.module-night .night-introduce{width:47.22222vw}.module-night .night-frame{position:relative;margin-top:4.44444vw}.module-night .night-frame-content{position:relative;height:51.25vw}.module-night .night-frame-content li{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;visibility:hidden;opacity:0}.module-night .night-frame-content li.active{pointer-events:auto;visibility:visible;opacity:1}.module-night .night-frame-content .night-frame-image{position:absolute;top:0;left:0;width:91.11111vw;height:51.25vw}.module-night .night-frame-content .beer-reveal{position:absolute;top:0;left:0;width:50%;height:100%;overflow:hidden}.module-night .night-frame-content .beer-range{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;-moz-appearance:none;-ms-touch-action:auto;touch-action:auto;-webkit-appearance:slider-horizontal !important;-moz-appearance:slider-horizontal !important;appearance:slider-horizontal !important;cursor:pointer;opacity:0}.module-night .night-frame-content .beer-handle{position:absolute;top:0;left:50%;width:4.72222vw;height:100%;transform:translate3d(-50%, 0, 0)}.module-night .night-frame-menu{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;margin-top:2.22222vw;padding-bottom:.69444vw}.module-night .night-frame-menu li{display:-ms-flexbox;display:flex;position:relative;padding-left:2.77778vw;cursor:pointer}.module-night .night-frame-menu li:not(:last-of-type){padding-right:2.77778vw}.module-night .night-frame-menu li:not(:last-of-type)::after{content:'';position:absolute;top:50%;right:0;width:.06944vw;height:1.66667vw;background-color:rgba(0,0,0,0.2);transform:translateY(-50%)}.module-night .night-frame-menu li.active span{opacity:1}.module-night .night-frame-menu li.active span::after{content:'';position:absolute;bottom:-.69444vw;left:0;width:100%;height:.13889vw;background-color:#000}.module-night .night-frame-menu span{font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";line-height:2.22222vw;font-size:1.80556vw;letter-spacing:-.01111vw;position:relative;opacity:0.6}.module-effect{padding-bottom:6.66667vw}.module-effect .effect-waterfall{position:relative}.module-effect .swiper-container{overflow:visible}.module-effect .effect-swiper-wrap{display:block;min-height:70.34722vw;padding-left:54.30556vw;box-sizing:border-box}.module-effect .effect-swiper-wrap>div{-ms-flex-negative:initial;flex-shrink:initial}.module-effect .effect-card{position:relative}.module-effect .effect-card.card-1{position:absolute;top:0;left:0;width:46.66667vw}.module-effect .effect-card.card-2{position:absolute;right:0;top:0;width:36.80556vw}.module-effect .effect-card.card-3{position:absolute;right:0;top:37.43056vw;width:36.80556vw}.module-effect .effect-card-image{position:relative;overflow:hidden}.module-effect .effect-card-image.image-1{width:46.66667vw;height:62.01389vw}.module-effect .effect-card-image.image-2{width:36.80556vw;height:24.58333vw}.module-effect .effect-card-image.image-3{width:36.80556vw;height:24.58333vw}.module-effect .effect-card-title{font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";line-height:2.22222vw;font-size:1.25vw;letter-spacing:-.00833vw;margin-top:1.38889vw}.module-effect .effect-card-type{font-size:1.11111vw;letter-spacing:-.00694vw;position:absolute;bottom:2.22222vw;left:0;height:3.33333vw;line-height:3.33333vw;padding:0 1.66667vw;color:#fff;background-color:rgba(0,0,0,0.5)}.module-effect .effect-card-desc{line-height:1.94444vw;font-size:.97222vw;letter-spacing:-.00625vw;margin-top:.83333vw}.module-performance .performance-linear{padding-top:8.88889vw;background-image:linear-gradient(180deg, #000 0%, #000D19 100%)}.module-performance .module-title{margin-bottom:8.88889vw}.module-endurance .endurance-introduce{width:50.69444vw}.module-endurance .endurance-title{color:#fff}.module-endurance .endurance-subtitle{color:rgba(255,255,255,0.7)}.module-endurance .endurance-desc{color:#fff}.module-endurance .endurance-frame{position:relative;height:60.76389vw}.module-endurance .endurance-capacity{position:absolute;top:15.97222vw;left:1.18056vw;width:83.33333vw;height:20.13889vw}.module-endurance .endurance-capacity-inner{position:absolute;bottom:0;left:0;width:100%;height:0;overflow:hidden}.module-endurance .endurance-capacity-inner .endurance-capacity-image{position:absolute;bottom:0;left:0}.module-endurance .endurance-capacity-image{width:83.33333vw;height:20.13889vw}.module-endurance .endurance-image{position:absolute;top:0;left:20.83333vw;width:62.22222vw}.module-endurance .endurance-data{display:-ms-flexbox;display:flex;position:absolute;bottom:6.25vw;right:0}.module-endurance .endurance-data-introduce{height:8.88889vw}.module-endurance .endurance-data-line{width:3.61111vw;height:8.88889vw;padding-left:3.61111vw;margin-right:3.33333vw;border-right:.06944vw solid rgba(255,255,255,0.2)}.module-endurance .endurance-data-icon{width:4.16667vw;height:2.43056vw}.module-endurance .endurance-data-title{line-height:3.75vw;font-size:2.5vw;letter-spacing:-.04375vw;margin-top:1.18056vw;color:#fff}.module-endurance .endurance-data-desc{line-height:1.52778vw;font-size:.83333vw;letter-spacing:-.01181vw;color:#fff}.module-endurance .endurance-data-list{width:19.02778vw}.module-endurance .endurance-data-list li:not(:first-of-type){margin-top:2.22222vw}.module-endurance .endurance-data-list li:last-of-type{margin-top:0}.module-endurance .endurance-data-list li:nth-of-type(1) .base-progress-inner{width:14.09722vw}.module-power{padding-top:4.44444vw;padding-bottom:6.66667vw}.module-power .power-frame{display:-ms-flexbox;display:flex;height:51.25vw;background-image:linear-gradient(180deg, #001830 0%, #000B17 100%)}.module-power .power-image{width:46.66667vw;height:100%}.module-power .power-swiper-navigation{display:-ms-flexbox;display:flex;position:absolute;bottom:5.55556vw;right:5.55556vw;z-index:2}.module-power .power-swiper-button{width:3.81944vw;height:3.81944vw}.module-power .power-swiper-button.disabled{opacity:0.3}.module-power .power-swiper-button.power-swiper-prev{margin-right:1.38889vw}.module-power .power-swiper-button.power-swiper-next{transform:scaleX(-1)}.module-power .power-swiper-button img{width:100%}.module-power .power-introduce{position:relative;width:44.44444vw;height:100%;padding-top:8.88889vw;padding-left:5.55556vw;padding-right:5.55556vw}.module-power .power-title{color:#fff}.module-power .power-subtitle{color:rgba(255,255,255,0.7)}.module-power .power-desc{color:#fff}.module-power .power-progress-frame{margin-top:5.55556vw}.module-power .power-progress{width:26.11111vw;background-color:rgba(255,255,255,0.14)}.module-power .power-progress-inner{width:13.05556vw}.module-chip .chip-image{height:66.66667vw}.module-chip .chip-introduce{position:absolute;top:50%;left:0;transform:translateY(-50%)}.module-chip .chip-title{width:24.30556vw}.module-chip .chip-subtitle{width:31.25vw}.module-chip .chip-desc{width:45.13889vw}.module-response{padding:6.66667vw 0;background-color:#fff}.module-response .base-introduce-right{-ms-flex:0 0 47.22222vw;flex:0 0 47.22222vw}.module-response .response-image{height:51.25vw;margin-top:4.44444vw}.module-response .response-title{width:27.77778vw}.module-response .response-number{display:inline-block}.module-experience{padding-top:8.88889vw}.module-experience .module-title{margin-bottom:8.88889vw}.module-screen{height:66.66667vw}.module-screen .module-inner{padding-top:6.66667vw;padding-bottom:6.66667vw}.module-screen .screen-image{height:66.66667vw}.module-screen .screen-image-phone{width:73.88889vw;height:35.41667vw;margin:5.55556vw auto 0}.module-screen .screen-introduce .icon-dark{position:absolute;top:0;left:0;width:100%;height:100%}.module-screen .screen-introduce .icon-white{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.module-convenient{height:59.72222vw;padding-top:6.66667vw;padding-bottom:6.66667vw;background-image:linear-gradient(360deg, #F5F9FF 0%, #DBEDFF 100%)}.module-convenient .convenient-title{width:27.77778vw}.module-convenient .convenient-frame{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;position:relative}.module-convenient .convenient-frame-inner{position:relative;padding-top:20.13889vw}.module-convenient .convenient-image{width:90.41667vw;height:5.69444vw}.module-convenient .ripples-frame{position:absolute;bottom:2.43056vw;left:43.40278vw;width:1.73611vw;height:1.73611vw;border-radius:50%;background-color:rgba(255,255,255,0.2)}.module-convenient .ripples-frame::before{content:'';position:absolute;top:50%;left:50%;width:4.16667vw;height:4.16667vw;border-radius:50%;background-color:rgba(255,255,255,0.2);transform:translate(-50%, -50%);filter:drop-shadow(0 0 2.08333vw rgba(255,255,255,0.2))}.module-convenient .ripples-frame.animate .convenient-ripples{opacity:1}.module-convenient .ripples-frame.animate .convenient-ripples li{-webkit-animation:ripples 6s infinite linear;animation:ripples 6s infinite linear}.module-convenient .ripples-frame.animate .convenient-ripples li:nth-of-type(1){-webkit-animation-delay:-1.2s;animation-delay:-1.2s}.module-convenient .ripples-frame.animate .convenient-ripples li:nth-of-type(2){-webkit-animation-delay:-2.4s;animation-delay:-2.4s}.module-convenient .ripples-frame.animate .convenient-ripples li:nth-of-type(3){-webkit-animation-delay:-3.6s;animation-delay:-3.6s}.module-convenient .ripples-frame.animate .convenient-ripples li:nth-of-type(4){-webkit-animation-delay:-4.8s;animation-delay:-4.8s}.module-convenient .ripples-frame.animate .convenient-ripples li:nth-of-type(5){-webkit-animation-delay:-6s;animation-delay:-6s}.module-convenient .convenient-ripples{position:absolute;top:50%;left:50%;width:36.11111vw;height:36.11111vw;transform:translate(-50%, -50%);opacity:0;transition:opacity 0.6s}.module-convenient .convenient-ripples li{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background-image:linear-gradient(137deg, rgba(36,133,255,0.15) 0%, rgba(95,245,197,0.15) 100%);will-change:opacity, transform;transform:scale(0)}.module-quality{padding:6.66667vw 0}.module-quality .quality-title{width:27.77778vw}.module-quality .quality-frame{display:-ms-flexbox;display:flex;position:relative;height:35vw;margin-top:4.44444vw;padding:5.55556vw}.module-quality .quality-frame-backdrop{position:absolute;bottom:0;left:0;width:100%;height:100%;border-radius:.69444vw;background-image:linear-gradient(162deg, #E3F8FF 0%, #EBF4FF 100%)}.module-quality .quality-params-list{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between;position:relative;width:37.5vw;padding-top:4.44444vw;padding-bottom:3.33333vw;border-right:.06944vw solid rgba(0,0,0,0.1)}.module-quality .quality-params-list li{position:relative;width:17.36111vw}.module-quality .quality-params-list .data{line-height:3.47222vw;font-size:2.63889vw}.module-quality .quality-params-list .desc{font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";line-height:1.52778vw;font-size:.97222vw;letter-spacing:-.01181vw;margin-top:.27778vw}.module-quality .quality-list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;width:33.33333vw;margin-left:8.88889vw}.module-quality .quality-list li{position:relative}.module-quality .quality-list li:not(:first-of-type){margin-top:3.33333vw}.module-quality .quality-list .title{font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";line-height:2.22222vw;font-size:1.38889vw;letter-spacing:-.00833vw}.module-quality .quality-list .desc{line-height:1.94444vw;font-size:1.11111vw;letter-spacing:-.00694vw;width:25vw;margin-top:.27778vw}.module-quality .quality-list .image{position:absolute;bottom:0;right:0;width:3.47222vw}.module-os{height:62.22222vw;padding:8.88889vw 0;background-image:linear-gradient(137deg, #FFF0DA 0%, #9CCDFE 100%)}.module-os .os-frame{display:-ms-flexbox;display:flex;-ms-flex-direction:row-reverse;flex-direction:row-reverse;height:44.44444vw}.module-os .os-image{width:54.44444vw;height:100%;background-image:linear-gradient(138deg, #fff 0%, #C2E4FF 100%)}.module-os .os-swiper-navigation{display:-ms-flexbox;display:flex;position:absolute;top:27.77778vw;left:5.55556vw;z-index:2}.module-os .os-swiper-button{width:3.81944vw;height:3.81944vw}.module-os .os-swiper-button.disabled{opacity:0.3}.module-os .os-swiper-button.os-swiper-prev{margin-right:1.38889vw}.module-os .os-swiper-button.os-swiper-next{transform:scaleX(-1)}.module-os .os-swiper-button img{width:100%}.module-os .os-intro{position:relative;width:36.66667vw;height:100%;padding-top:5.55556vw;padding-left:5.55556vw;padding-right:2.22222vw;background-image:linear-gradient(123deg, #fff 0%, #DBE9FF 100%)}.module-os .os-title{font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";line-height:2.63889vw;font-size:1.94444vw;letter-spacing:-.01111vw}.module-os .os-desc{line-height:1.94444vw;font-size:1.11111vw;letter-spacing:-.00694vw;margin-top:1.38889vw}.module-os .os-version{line-height:2.5vw;font-size:1.52778vw;letter-spacing:-.00764vw;position:absolute;bottom:5.55556vw;left:5.55556vw;z-index:2;opacity:0.6}.module-help{padding-top:8.88889vw;padding-bottom:6.66667vw;background-color:#ECF6F9}.module-help .help-headline{font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";line-height:4.44444vw;font-size:2.91667vw;letter-spacing:-.01389vw;margin-bottom:4.44444vw;text-align:center}.module-help .help-container{position:relative}.module-help .help-container:not(:last-of-type){padding-bottom:6.66667vw}.module-help .faq-list{position:relative;height:41.66667vw;border-radius:.69444vw;background-color:#fff;overflow:hidden}.module-help .faq-list li{position:relative;height:8.33333vw}.module-help .faq-list li:hover .label{transform:translateX(1.38889vw)}.module-help .faq-list li:not(:first-of-type){border-top:.13889vw solid #ddd}.module-help .faq-list .label{-ms-flex:1;flex:1;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";line-height:2.5vw;font-size:1.38889vw;color:#333;transition:transform 0.6s ease;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.module-help .faq-list .arrow{position:absolute;top:50%;right:5.90278vw;width:.55556vw;height:1.04167vw;transform:translateY(-50%)}.module-help .faq-list .arrow svg{width:100%}.module-help .faq-list .link{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%;padding-left:3.33333vw;padding-right:12.5vw}.module-help .promotion-card{height:38.88889vw;border-radius:.69444vw;overflow:hidden}.module-help .maybe-list{display:-ms-flexbox;display:flex}.module-help .maybe-list li{position:relative;width:21.73611vw;height:25.27778vw;border-radius:.69444vw;overflow:hidden}.module-help .maybe-list li:hover .image img{transform:scale(1.1)}.module-help .maybe-list li:not(:first-of-type){margin-left:1.38889vw}.module-help .maybe-list .image{position:relative;width:100%;height:100%}.module-help .maybe-list .image img{transition:transform 0.6s ease}.module-help .maybe-list .image::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:50%;background-image:linear-gradient(to bottom, rgba(0,0,0,0), #000);opacity:0.9}.module-help .maybe-list .text{font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";line-height:2.08333vw;font-size:1.80556vw;position:absolute;bottom:1.38889vw;left:0;width:100%;text-align:center;color:#fff}.module-help .recommend-card{position:relative;width:28.88889vw;height:38.88889vw;background-color:#fff;overflow:hidden}.module-help .recommend-card:hover .image img{transform:scale(1.05)}.module-help .recommend-card .image{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:31.25vw;padding:3.88889vw}.module-help .recommend-card .image img{width:auto;transition:transform 0.6s ease}.module-help .recommend-card .info{padding:0 2.22222vw;text-align:center}.module-help .recommend-card .name{font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";line-height:2.22222vw;font-size:1.38889vw;letter-spacing:-.00833vw}.module-help .recommend-card .desc{line-height:1.94444vw;font-size:1.11111vw;letter-spacing:-.00694vw;margin-top:.27778vw}.module-help .recommend-card .link{position:absolute;top:0;left:0;width:100%;height:100%}.module-help .recommend-swiper-pagination{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin-top:2.22222vw}.module-help .recommend-swiper-pagination li{width:.34722vw;height:.34722vw;border-radius:50%;background-color:#000;opacity:0.4}.module-help .recommend-swiper-pagination li:not(:first-of-type){margin-left:.55556vw}.module-help .recommend-swiper-pagination li.active{opacity:1}.module-notes{padding:8.88889vw 0;color:rgba(0,0,0,0.5)}.module-notes .notes-title{line-height:1.38889vw;font-size:.83333vw}.module-notes .notes-list{margin-top:.83333vw;padding-left:1.38889vw}.module-notes .notes-list li{font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";line-height:1.38889vw;font-size:.83333vw;list-style:decimal}.side-bar{display:none;position:fixed;top:50%;left:3.47222vw;z-index:9;transform:translateY(-50%);opacity:0;visibility:hidden;transition:all 0.6s}.side-bar.active{opacity:1;visibility:visible}.side-bar .side-menu{position:relative}.side-bar .side-menu.dark .side-image{display:none}.side-bar .side-menu.dark .side-image-dark{display:block}.side-bar .side-menu.dark .side-icon{border:.06944vw solid rgba(255,255,255,0.1)}.side-bar .side-menu.dark .side-svg circle{fill:#000}.side-bar .side-menu.dark .side-label{color:#fff}.side-bar .side-menu.dark li.active .side-svg{stroke:#fff}.side-bar .side-menu li{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;position:relative;height:3.33333vw;cursor:pointer}.side-bar .side-menu li:not(:first-of-type){margin-top:2.22222vw}.side-bar .side-menu li:hover .side-label{transform:translateX(0);opacity:1;visibility:visible}.side-bar .side-menu li.active .side-label{transform:translateX(0);opacity:1;visibility:visible}.side-bar .side-menu li.active .side-svg{stroke:#000}.side-bar .side-menu .side-icon{position:relative;width:3.33333vw;height:3.33333vw;border:.06944vw solid rgba(0,0,0,0.1);border-radius:50%}.side-bar .side-menu .side-svg{position:absolute;top:0;left:0;width:3.33333vw;height:3.33333vw;transform:rotate(-90deg) translate(.06944vw, -.06944vw);transition:all .5s ease;opacity:1}.side-bar .side-menu .side-svg circle{stroke-width:.13889vw;fill:#fff;stroke-linecap:butt;stroke-dasharray:150;stroke-dashoffset:150;transition:stroke .5s ease, fill .5s ease}.side-bar .side-menu .side-image{position:absolute;top:0;left:0;width:100%;height:100%}.side-bar .side-menu .side-image-dark{display:none;position:absolute;top:0;left:0;width:100%;height:100%}.side-bar .side-menu .side-label{margin-left:.69444vw;transform:translateX(.83333vw);opacity:0;visibility:hidden;transition:all 0.6s;line-height:3.19444vw;font-size:.83333vw;letter-spacing:-.01111vw;color:#333}}@media only screen and (min-width: 1600px) and (max-width: 1920px){.base-title{font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";line-height:3.02083vw;font-size:2.08333vw;letter-spacing:-.01042vw}.base-subtitle{font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";line-height:3.02083vw;font-size:2.08333vw;letter-spacing:-.01042vw;color:rgba(0,0,0,0.6)}.base-desc{font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";line-height:1.45833vw;font-size:.83333vw;letter-spacing:-.00521vw;margin-top:1.04167vw}.base-tips{font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";line-height:1.45833vw;font-size:.72917vw;letter-spacing:-.00521vw;margin-top:1.66667vw;color:rgba(0,0,0,0.6)}.base-button{font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";line-height:2.5vw;font-size:.625vw;letter-spacing:-.00313vw;display:block;width:5.72917vw;height:2.5vw;border-radius:.10417vw;text-align:center;color:#fff;background-image:linear-gradient(158deg, #1A85FF 0%, #FF6A7E 100%)}.module-title{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;text-align:center}.module-title.title-2 .title-inner{padding-left:6.77083vw;padding-right:3.125vw}.module-title.title-2 .title-left{width:41.66667vw}.module-title.title-2 .title-right{width:44.94792vw}.module-title .title-inner{position:relative;height:8.85417vw;line-height:8.85417vw;padding:0 6.77083vw;overflow:hidden}.module-title .title-left{position:absolute;top:0;left:0;width:35.57292vw}.module-title .title-right{position:absolute;right:0;bottom:0;width:34.89583vw}.module-title .title-label{font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:3.33333vw;letter-spacing:-.04063vw;position:relative;color:#fff}.base-introduce-row{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.base-introduce-row .base-introduce-left{-ms-flex:0 0 32.8125vw;flex:0 0 32.8125vw}.base-introduce-row .base-introduce-right{-ms-flex:0 0 31.25vw;flex:0 0 31.25vw}.base-introduce-row .base-introduce-right .base-desc{margin-top:0}.base-progress-frame{position:relative}.base-progress-frame .base-progress{position:relative;height:.41667vw;border-radius:.20833vw;overflow:hidden}.base-progress-frame .base-progress-inner{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:.20833vw;background-image:linear-gradient(137deg, #1A85FF 0%, #5FF5C5 100%);transform-origin:center left}.base-progress-frame .base-progress-desc{line-height:1.45833vw;font-size:.83333vw;letter-spacing:-.00469vw;margin-top:.625vw;color:#fff}.function-list{display:-ms-flexbox;display:flex;margin-top:1.66667vw}.function-list>li{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.function-list>li:not(:first-of-type){margin-left:1.66667vw}.function-list .icon{position:relative;width:1.66667vw;height:1.66667vw}.function-list .text{font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";line-height:1.66667vw;font-size:.83333vw;letter-spacing:-.00521vw;margin-left:.625vw}.module-kv{height:48.4375vw;background-image:linear-gradient(172deg, #E7E7E9 0%, #A1D1FF 100%)}.module-kv .kv-introduce{position:absolute;top:50%;left:0;transform:translateY(-50%)}.module-kv .kv-title{width:13.4375vw;height:9.73958vw}.module-kv .kv-desc{line-height:1.45833vw;font-size:.83333vw;margin-top:1.66667vw}.module-kv .kv-button{margin-top:3.33333vw}.module-kv .kv-frame{position:absolute;bottom:0;right:9.375vw;width:51.04167vw;height:42.70833vw}.module-kv .tape-bg{position:absolute;top:0;left:0;width:100%;height:100%}.module-kv .tape-text{font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";line-height:2.96875vw;font-size:1.35417vw;position:relative;text-align:center;color:rgba(255,255,255,0.7)}.module-kv .kv-tape-1{position:absolute;left:26.04167vw;bottom:7.5vw;min-width:19.79167vw;height:2.96875vw;padding:0 1.66667vw;white-space:nowrap;transform-origin:bottom left;transform:rotate(-4deg)}.module-kv .kv-tape-2{position:absolute;left:29.6875vw;bottom:5.625vw;min-width:21.35417vw;height:2.96875vw;padding:0 1.66667vw;white-space:nowrap;transform-origin:bottom left;transform:rotate(-1deg)}.module-kv .kv-image-1{position:absolute;bottom:0;left:0;width:21.875vw}.module-kv .kv-image-2{position:absolute;top:0;right:6.25vw;z-index:2;width:35.88542vw}.module-feature{padding-top:9.47917vw;padding-bottom:9.47917vw}.module-feature .feature-headline{line-height:3.75vw;font-size:3.02083vw;letter-spacing:-.03594vw;margin-bottom:6.66667vw;text-align:center}.module-feature .feature-list{position:relative;height:25.52083vw}.module-feature .feature-list li{position:absolute;border-radius:1.04167vw;background-color:#fff;cursor:pointer;overflow:hidden}.module-feature .feature-list li:hover .feature-image img{transform:scale(1.1)}.module-feature .feature-list .feature-image{position:absolute;top:0;left:0;width:100%;height:100%}.module-feature .feature-list .feature-image img{transition:transform 0.6s ease}.module-feature .feature-list .feature-image::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:50%;background-image:linear-gradient(180deg, rgba(0,0,0,0) 0%, #000 100%);opacity:0.6}.module-feature .feature-list .feature-title{font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";line-height:1.66667vw;font-size:1.04167vw;letter-spacing:-.00573vw;position:absolute;bottom:1.04167vw;left:0;width:100%;text-align:center;color:#fff}.module-feature .feature-list .feature-item-1{top:0;left:0;width:16.61458vw;height:25.52083vw}.module-feature .feature-list .feature-item-2{top:0;left:17.34375vw;width:16.51042vw;height:12.39583vw}.module-feature .feature-list .feature-item-3{top:0;right:0;width:33.64583vw;height:12.39583vw}.module-feature .feature-list .feature-item-4{bottom:0;left:17.34375vw;width:16.51042vw;height:12.39583vw}.module-feature .feature-list .feature-item-5{bottom:0;right:17.23958vw;width:16.51042vw;height:12.39583vw}.module-feature .feature-list .feature-item-6{bottom:0;right:0;width:16.51042vw;height:12.39583vw}.module-feature .fearure-info{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;margin-top:4.16667vw}.module-feature .fearure-text{line-height:1.35417vw;font-size:.83333vw;letter-spacing:-.00365vw;margin-top:1.04167vw;color:rgba(0,0,0,0.6)}.module-feature .fearure-icon{width:.72917vw;height:.41667vw;margin-top:.625vw}.module-design{background-color:#fff}.module-style{padding-top:9.47917vw}.module-style .style-frame{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;position:relative;height:50.98958vw}.module-style .style-frame .frame-left{position:relative;width:27.60417vw}.module-style .style-frame .frame-right{position:absolute;top:0;left:33.33333vw;width:50.83333vw}.module-style .style-thumbnail-list{position:relative;width:27.60417vw;height:34.84375vw;margin-top:5.72917vw;overflow:hidden}.module-style .style-thumbnail-list li{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.module-style .style-thumbnail-list li.active{opacity:1}.module-style .style-larger-list{position:relative;width:50.83333vw;height:38.4375vw;overflow:hidden}.module-style .style-larger-list li{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.module-style .style-larger-list li.active{opacity:1}.module-style .style-larger-list .video{position:absolute;top:0;left:0;width:100%;height:100%}.module-style .style-button-list{display:-ms-flexbox;display:flex;position:relative;margin-top:1.66667vw}.module-style .style-button-list li{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;position:relative;max-width:1.92708vw;height:1.92708vw;line-height:1.92708vw;padding-left:1.92708vw;overflow:hidden;cursor:pointer;transition:all ease 0.5s}.module-style .style-button-list li:not(:first-of-type){margin-left:.9375vw}.module-style .style-button-list li.active{max-width:100%;transition:max-width 1s;pointer-events:none}.module-style .style-button-list li.active .title{opacity:1}.module-style .style-button-list .radio{position:absolute;top:0;left:0;width:1.92708vw;height:1.92708vw;background-repeat:no-repeat;background-position:center center;background-size:100% 100%}.module-style .style-button-list .title{font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:1.04167vw;letter-spacing:-.00625vw;margin-left:.52083vw;white-space:nowrap;opacity:0}.module-style .style-desc-list{position:relative;width:35vw;height:2.91667vw;margin-top:1.66667vw}.module-style .style-desc-list li{position:absolute;top:0;left:0;opacity:0;visibility:hidden}.module-style .style-desc-list li.active{opacity:1;visibility:visible;transition:all 0.6s}.module-style .style-desc-list .title{display:none}.module-style .style-desc-list .desc{line-height:1.45833vw;font-size:.9375vw;letter-spacing:-.00521vw}.module-curved{padding:6.66667vw 0}.module-curved .curved-introduce{width:33.33333vw}.module-curved .curved-frame{position:relative;height:33.33333vw;margin-top:4.16667vw;overflow:hidden}.module-curved .curved-params{position:absolute;top:0;right:0;z-index:2;width:19.58333vw;height:100%}.module-curved .curved-params-backdrop{position:absolute;top:0;left:0;width:100%;height:100%}.module-curved .curved-params-list{position:absolute;top:50%;left:6.25vw;width:9.16667vw;transform:translateY(-50%)}.module-curved .curved-params-list li{padding-top:2.5vw;padding-bottom:2.39583vw;color:#fff}.module-curved .curved-params-list li:not(:last-of-type){border-bottom:.05208vw solid rgba(255,255,255,0.4)}.module-curved .curved-params-list .data{line-height:2.60417vw;font-size:1.97917vw;letter-spacing:-.03281vw}.module-curved .curved-params-list .data span{padding-left:.3125vw;font-size:1.04167vw}.module-curved .curved-params-list .desc{line-height:1.14583vw;font-size:.72917vw;letter-spacing:-.00885vw;margin-top:.20833vw}.module-camera{position:relative}.module-camera .module-title{margin-bottom:9.47917vw}.module-camera .camera-linear{position:relative;padding-top:9.47917vw;background-image:linear-gradient(180deg, #DBEEFF 0%, #E5E5ED 100%)}.module-lens{height:62.8125vw}.module-lens .module-inner{padding-top:31.25vw}.module-lens .lens-image-mp{position:absolute;top:6.25vw;right:2.08333vw;width:29.42708vw;height:15.36458vw}.module-lens .lens-image-50{position:absolute;top:4.47917vw;left:2.86458vw;z-index:4;width:23.28125vw;height:15.83333vw}.module-lens .lens-frame-desc{line-height:3.02083vw;font-size:1.875vw;position:absolute;top:22.91667vw;right:0;color:rgba(0,0,0,0.6)}.module-lens .lens-image-part{position:absolute;top:0;z-index:3;left:20.57292vw;width:33.33333vw;transform-origin:top left;transform:translate(0, -31.25vw) scale(1)}.module-lens .lens-image-capture{position:absolute;top:1.51042vw;left:5.10417vw;width:6.77083vw;height:6.77083vw;border-radius:50%;overflow:hidden}.module-lens .lens-param-frame{position:relative;height:31.5625vw}.module-lens .lens-param-frame .lens-param-image-1{position:absolute;bottom:0;right:8.85417vw;width:35vw}.module-lens .lens-param-frame .lens-param-image-2{position:absolute;bottom:0;right:0;width:35vw}.module-lens .lens-param-frame .lens-param-image-capture{position:absolute;top:4.27083vw;right:25.98958vw;width:4.84375vw;height:4.84375vw;border-radius:50%;overflow:hidden}.module-lens .lens-param-frame .lens-param-list{position:relative}.module-lens .lens-param-frame .lens-param-list li{position:relative}.module-lens .lens-param-frame .lens-param-list li:not(:first-of-type){margin-top:3.02083vw}.module-lens .lens-param-frame .lens-param-list li:nth-of-type(1) .line{width:32.8125vw}.module-lens .lens-param-frame .lens-param-list li:nth-of-type(1) .line::after{content:'';position:absolute;top:0;right:0;width:1.66667vw;height:10.41667vw;border-right:.05208vw solid #666;border-bottom:.05208vw solid #666}.module-lens .lens-param-frame .lens-param-list li:nth-of-type(2) .line{width:18.48958vw}.module-lens .lens-param-frame .lens-param-list li:nth-of-type(3) .line{width:29.94792vw}.module-lens .lens-param-frame .lens-param-list li:nth-of-type(3) .line::after{content:'';position:absolute;top:0;right:0;width:.05208vw;height:1.82292vw;background-color:#666}.module-lens .lens-param-frame .lens-param-list .title{line-height:2.60417vw;font-size:1.97917vw;letter-spacing:-.03281vw}.module-lens .lens-param-frame .lens-param-list .desc{font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";line-height:1.14583vw;font-size:.72917vw;letter-spacing:-.00885vw;margin-top:.20833vw}.module-lens .lens-param-frame .lens-param-list .line{position:absolute;top:2.08333vw;left:10vw;height:.05208vw;background-color:#666}.module-capture{position:relative;top:0;left:0;width:100vw;height:35vw;margin-top:-50vw}.module-capture .module-capture-move{position:relative;height:50vw}.module-capture .module-inner{height:50vw}.module-capture .capture-introduce{position:absolute;top:50%;left:0;width:27.08333vw;transform:translateY(-50%)}.module-capture .capture-title{width:18.75vw;color:#fff}.module-capture .capture-subtitle{color:rgba(255,255,255,0.6)}.module-capture .capture-desc{color:#fff}.module-capture .capture-image-frame{position:relative;top:4.27083vw;left:50%;width:4.84375vw;height:4.84375vw;margin-left:5.26042vw;border-radius:25vw;overflow:hidden;transform:translateX(-50%)}.module-capture .capture-image{position:absolute;top:50%;left:50%;width:4.84375vw;height:4.84375vw;transform:translate(-50%, -50%)}.module-night{padding-top:6.66667vw;padding-bottom:4.16667vw}.module-night .night-introduce{width:35.41667vw}.module-night .night-frame{position:relative;margin-top:4.16667vw}.module-night .night-frame-content{position:relative;height:38.4375vw}.module-night .night-frame-content li{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;visibility:hidden;opacity:0}.module-night .night-frame-content li.active{pointer-events:auto;visibility:visible;opacity:1}.module-night .night-frame-content .night-frame-image{position:absolute;top:0;left:0;width:68.33333vw;height:38.4375vw}.module-night .night-frame-content .beer-reveal{position:absolute;top:0;left:0;width:50%;height:100%;overflow:hidden}.module-night .night-frame-content .beer-range{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;-moz-appearance:none;-ms-touch-action:auto;touch-action:auto;-webkit-appearance:slider-horizontal !important;-moz-appearance:slider-horizontal !important;appearance:slider-horizontal !important;cursor:pointer;opacity:0}.module-night .night-frame-content .beer-handle{position:absolute;top:0;left:50%;width:3.54167vw;height:100%;transform:translate3d(-50%, 0, 0)}.module-night .night-frame-menu{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;margin-top:1.66667vw;padding-bottom:.52083vw}.module-night .night-frame-menu li{display:-ms-flexbox;display:flex;position:relative;padding-left:2.08333vw;cursor:pointer}.module-night .night-frame-menu li:not(:last-of-type){padding-right:2.08333vw}.module-night .night-frame-menu li:not(:last-of-type)::after{content:'';position:absolute;top:50%;right:0;width:.05208vw;height:1.25vw;background-color:rgba(0,0,0,0.2);transform:translateY(-50%)}.module-night .night-frame-menu li.active span{opacity:1}.module-night .night-frame-menu li.active span::after{content:'';position:absolute;bottom:-.52083vw;left:0;width:100%;height:.10417vw;background-color:#000}.module-night .night-frame-menu span{font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";line-height:1.66667vw;font-size:1.35417vw;letter-spacing:-.00833vw;position:relative;opacity:0.6}.module-effect{padding-bottom:6.66667vw}.module-effect .effect-waterfall{position:relative}.module-effect .swiper-container{overflow:visible}.module-effect .effect-swiper-wrap{display:block;min-height:52.76042vw;padding-left:40.72917vw;box-sizing:border-box}.module-effect .effect-swiper-wrap>div{-ms-flex-negative:initial;flex-shrink:initial}.module-effect .effect-card{position:relative}.module-effect .effect-card.card-1{position:absolute;top:0;left:0;width:35vw}.module-effect .effect-card.card-2{position:absolute;right:0;top:0;width:27.60417vw}.module-effect .effect-card.card-3{position:absolute;right:0;top:28.07292vw;width:27.60417vw}.module-effect .effect-card-image{position:relative;overflow:hidden}.module-effect .effect-card-image.image-1{width:35vw;height:46.51042vw}.module-effect .effect-card-image.image-2{width:27.60417vw;height:18.4375vw}.module-effect .effect-card-image.image-3{width:27.60417vw;height:18.4375vw}.module-effect .effect-card-title{font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";line-height:1.66667vw;font-size:.9375vw;letter-spacing:-.00625vw;margin-top:1.04167vw}.module-effect .effect-card-type{font-size:.83333vw;letter-spacing:-.00521vw;position:absolute;bottom:1.66667vw;left:0;height:2.5vw;line-height:2.5vw;padding:0 1.25vw;color:#fff;background-color:rgba(0,0,0,0.5)}.module-effect .effect-card-desc{line-height:1.45833vw;font-size:.72917vw;letter-spacing:-.00469vw;margin-top:.625vw}.module-performance .performance-linear{padding-top:9.47917vw;background-image:linear-gradient(180deg, #000 0%, #000D19 100%)}.module-performance .module-title{margin-bottom:9.47917vw}.module-endurance .endurance-introduce{width:38.02083vw}.module-endurance .endurance-title{color:#fff}.module-endurance .endurance-subtitle{color:rgba(255,255,255,0.7)}.module-endurance .endurance-desc{color:#fff}.module-endurance .endurance-frame{position:relative;height:45.57292vw}.module-endurance .endurance-capacity{position:absolute;top:11.97917vw;left:.88542vw;width:62.5vw;height:15.10417vw}.module-endurance .endurance-capacity-inner{position:absolute;bottom:0;left:0;width:100%;height:0;overflow:hidden}.module-endurance .endurance-capacity-inner .endurance-capacity-image{position:absolute;bottom:0;left:0}.module-endurance .endurance-capacity-image{width:62.5vw;height:15.10417vw}.module-endurance .endurance-image{position:absolute;top:0;left:15.625vw;width:46.66667vw}.module-endurance .endurance-data{display:-ms-flexbox;display:flex;position:absolute;bottom:4.6875vw;right:0}.module-endurance .endurance-data-introduce{height:6.66667vw}.module-endurance .endurance-data-line{width:2.70833vw;height:6.66667vw;padding-left:2.70833vw;margin-right:2.5vw;border-right:.05208vw solid rgba(255,255,255,0.2)}.module-endurance .endurance-data-icon{width:3.125vw;height:1.82292vw}.module-endurance .endurance-data-title{line-height:2.8125vw;font-size:1.875vw;letter-spacing:-.03281vw;margin-top:.88542vw;color:#fff}.module-endurance .endurance-data-desc{line-height:1.14583vw;font-size:.625vw;letter-spacing:-.00885vw;color:#fff}.module-endurance .endurance-data-list{width:14.27083vw}.module-endurance .endurance-data-list li:not(:first-of-type){margin-top:1.66667vw}.module-endurance .endurance-data-list li:last-of-type{margin-top:0}.module-endurance .endurance-data-list li:nth-of-type(1) .base-progress-inner{width:10.57292vw}.module-power{padding-top:3.33333vw;padding-bottom:6.66667vw}.module-power .power-frame{display:-ms-flexbox;display:flex;height:38.4375vw;background-image:linear-gradient(180deg, #001830 0%, #000B17 100%)}.module-power .power-image{width:35vw;height:100%}.module-power .power-swiper-navigation{display:-ms-flexbox;display:flex;position:absolute;bottom:4.16667vw;right:4.16667vw;z-index:2}.module-power .power-swiper-button{width:2.86458vw;height:2.86458vw}.module-power .power-swiper-button.disabled{opacity:0.3}.module-power .power-swiper-button.power-swiper-prev{margin-right:1.04167vw}.module-power .power-swiper-button.power-swiper-next{transform:scaleX(-1)}.module-power .power-swiper-button img{width:100%}.module-power .power-introduce{position:relative;width:33.33333vw;height:100%;padding-top:6.66667vw;padding-left:4.16667vw;padding-right:4.16667vw}.module-power .power-title{color:#fff}.module-power .power-subtitle{color:rgba(255,255,255,0.7)}.module-power .power-desc{color:#fff}.module-power .power-progress-frame{margin-top:4.16667vw}.module-power .power-progress{width:19.58333vw;background-color:rgba(255,255,255,0.14)}.module-power .power-progress-inner{width:9.79167vw}.module-chip .chip-image{height:50vw}.module-chip .chip-introduce{position:absolute;top:50%;left:0;transform:translateY(-50%)}.module-chip .chip-title{width:18.22917vw}.module-chip .chip-subtitle{width:23.4375vw}.module-chip .chip-desc{width:33.85417vw}.module-response{padding:6.66667vw 0;background-color:#fff}.module-response .base-introduce-right{-ms-flex:0 0 35.41667vw;flex:0 0 35.41667vw}.module-response .response-image{height:38.4375vw;margin-top:3.33333vw}.module-response .response-title{width:20.83333vw}.module-response .response-number{display:inline-block}.module-experience{padding-top:9.47917vw}.module-experience .module-title{margin-bottom:9.47917vw}.module-screen{height:50vw}.module-screen .module-inner{padding-top:6.66667vw;padding-bottom:6.66667vw}.module-screen .screen-image{height:50vw}.module-screen .screen-image-phone{width:55.41667vw;height:26.5625vw;margin:4.16667vw auto 0}.module-screen .screen-introduce .icon-dark{position:absolute;top:0;left:0;width:100%;height:100%}.module-screen .screen-introduce .icon-white{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.module-convenient{height:50vw;padding-top:6.66667vw;padding-bottom:6.66667vw;background-image:linear-gradient(360deg, #F5F9FF 0%, #DBEDFF 100%)}.module-convenient .convenient-title{width:20.83333vw}.module-convenient .convenient-frame{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;position:relative}.module-convenient .convenient-frame-inner{position:relative;padding-top:16.66667vw}.module-convenient .convenient-image{width:80.05208vw;height:5.10417vw}.module-convenient .ripples-frame{position:absolute;bottom:1.97917vw;left:32.29167vw;width:1.82292vw;height:1.82292vw;border-radius:50%;background-color:rgba(255,255,255,0.2)}.module-convenient .ripples-frame::before{content:'';position:absolute;top:50%;left:50%;width:3.38542vw;height:3.38542vw;border-radius:50%;background-color:rgba(255,255,255,0.2);transform:translate(-50%, -50%);filter:drop-shadow(0 0 1.5625vw rgba(255,255,255,0.2))}.module-convenient .ripples-frame.animate .convenient-ripples{opacity:1}.module-convenient .ripples-frame.animate .convenient-ripples li{-webkit-animation:ripples 6s infinite linear;animation:ripples 6s infinite linear}.module-convenient .ripples-frame.animate .convenient-ripples li:nth-of-type(1){-webkit-animation-delay:-1.2s;animation-delay:-1.2s}.module-convenient .ripples-frame.animate .convenient-ripples li:nth-of-type(2){-webkit-animation-delay:-2.4s;animation-delay:-2.4s}.module-convenient .ripples-frame.animate .convenient-ripples li:nth-of-type(3){-webkit-animation-delay:-3.6s;animation-delay:-3.6s}.module-convenient .ripples-frame.animate .convenient-ripples li:nth-of-type(4){-webkit-animation-delay:-4.8s;animation-delay:-4.8s}.module-convenient .ripples-frame.animate .convenient-ripples li:nth-of-type(5){-webkit-animation-delay:-6s;animation-delay:-6s}.module-convenient .convenient-ripples{position:absolute;top:50%;left:50%;width:27.08333vw;height:27.08333vw;transform:translate(-50%, -50%);opacity:0;transition:opacity 0.6s}.module-convenient .convenient-ripples li{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background-image:linear-gradient(137deg, rgba(36,133,255,0.15) 0%, rgba(95,245,197,0.15) 100%);will-change:opacity, transform;transform:scale(0)}.module-quality{padding:6.66667vw 0}.module-quality .quality-title{width:20.83333vw}.module-quality .quality-frame{display:-ms-flexbox;display:flex;position:relative;height:26.25vw;margin-top:3.33333vw;padding:4.16667vw}.module-quality .quality-frame-backdrop{position:absolute;bottom:0;left:0;width:100%;height:100%;border-radius:.52083vw;background-image:linear-gradient(162deg, #E3F8FF 0%, #EBF4FF 100%)}.module-quality .quality-params-list{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between;position:relative;width:28.125vw;padding-top:3.33333vw;padding-bottom:2.5vw;border-right:.05208vw solid rgba(0,0,0,0.1)}.module-quality .quality-params-list li{position:relative;width:13.02083vw}.module-quality .quality-params-list .data{line-height:2.60417vw;font-size:1.97917vw}.module-quality .quality-params-list .desc{font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";line-height:1.14583vw;font-size:.72917vw;letter-spacing:-.00885vw;margin-top:.20833vw}.module-quality .quality-list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;width:25vw;margin-left:6.66667vw}.module-quality .quality-list li{position:relative}.module-quality .quality-list li:not(:first-of-type){margin-top:2.5vw}.module-quality .quality-list .title{font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";line-height:1.66667vw;font-size:1.04167vw;letter-spacing:-.00625vw}.module-quality .quality-list .desc{line-height:1.45833vw;font-size:.83333vw;letter-spacing:-.00521vw;width:18.75vw;margin-top:.20833vw}.module-quality .quality-list .image{position:absolute;bottom:0;right:0;width:2.60417vw}.module-os{height:46.66667vw;padding:6.66667vw 0;background-image:linear-gradient(137deg, #FFF0DA 0%, #9CCDFE 100%)}.module-os .os-frame{display:-ms-flexbox;display:flex;-ms-flex-direction:row-reverse;flex-direction:row-reverse;height:33.33333vw}.module-os .os-image{width:40.83333vw;height:100%;background-image:linear-gradient(138deg, #fff 0%, #C2E4FF 100%)}.module-os .os-swiper-navigation{display:-ms-flexbox;display:flex;position:absolute;top:20.83333vw;left:4.16667vw;z-index:2}.module-os .os-swiper-button{width:2.86458vw;height:2.86458vw}.module-os .os-swiper-button.disabled{opacity:0.3}.module-os .os-swiper-button.os-swiper-prev{margin-right:1.04167vw}.module-os .os-swiper-button.os-swiper-next{transform:scaleX(-1)}.module-os .os-swiper-button img{width:100%}.module-os .os-intro{position:relative;width:27.5vw;height:100%;padding-top:4.16667vw;padding-left:4.16667vw;padding-right:1.66667vw;background-image:linear-gradient(123deg, #fff 0%, #DBE9FF 100%)}.module-os .os-title{font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";line-height:1.97917vw;font-size:1.45833vw;letter-spacing:-.00833vw}.module-os .os-desc{line-height:1.45833vw;font-size:.83333vw;letter-spacing:-.00521vw;margin-top:1.04167vw}.module-os .os-version{line-height:1.875vw;font-size:1.14583vw;letter-spacing:-.00573vw;position:absolute;bottom:4.16667vw;left:4.16667vw;z-index:2;opacity:0.6}.module-help{padding-top:9.47917vw;padding-bottom:6.66667vw;background-color:#ECF6F9}.module-help .help-headline{font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";line-height:3.33333vw;font-size:2.1875vw;letter-spacing:-.01042vw;margin-bottom:3.33333vw;text-align:center}.module-help .help-container{position:relative}.module-help .help-container:not(:last-of-type){padding-bottom:6.66667vw}.module-help .faq-list{position:relative;height:31.25vw;border-radius:.52083vw;background-color:#fff;overflow:hidden}.module-help .faq-list li{position:relative;height:6.25vw}.module-help .faq-list li:hover .label{transform:translateX(1.04167vw)}.module-help .faq-list li:not(:first-of-type){border-top:.10417vw solid #ddd}.module-help .faq-list .label{-ms-flex:1;flex:1;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";line-height:1.875vw;font-size:1.04167vw;color:#333;transition:transform 0.6s ease;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.module-help .faq-list .arrow{position:absolute;top:50%;right:4.42708vw;width:.41667vw;height:.78125vw;transform:translateY(-50%)}.module-help .faq-list .arrow svg{width:100%}.module-help .faq-list .link{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%;padding-left:2.5vw;padding-right:9.375vw}.module-help .promotion-card{height:29.16667vw;border-radius:.52083vw;overflow:hidden}.module-help .maybe-list{display:-ms-flexbox;display:flex}.module-help .maybe-list li{position:relative;width:16.30208vw;height:18.95833vw;border-radius:.52083vw;overflow:hidden}.module-help .maybe-list li:hover .image img{transform:scale(1.1)}.module-help .maybe-list li:not(:first-of-type){margin-left:1.04167vw}.module-help .maybe-list .image{position:relative;width:100%;height:100%}.module-help .maybe-list .image img{transition:transform 0.6s ease}.module-help .maybe-list .image::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:50%;background-image:linear-gradient(to bottom, rgba(0,0,0,0), #000);opacity:0.9}.module-help .maybe-list .text{font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";line-height:1.5625vw;font-size:1.35417vw;position:absolute;bottom:1.04167vw;left:0;width:100%;text-align:center;color:#fff}.module-help .recommend-card{position:relative;width:21.66667vw;height:29.16667vw;background-color:#fff;overflow:hidden}.module-help .recommend-card:hover .image img{transform:scale(1.05)}.module-help .recommend-card .image{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:23.4375vw;padding:2.91667vw}.module-help .recommend-card .image img{width:auto;transition:transform 0.6s ease}.module-help .recommend-card .info{padding:0 1.66667vw;text-align:center}.module-help .recommend-card .name{font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";line-height:1.66667vw;font-size:1.04167vw;letter-spacing:-.00625vw}.module-help .recommend-card .desc{line-height:1.45833vw;font-size:.83333vw;letter-spacing:-.00521vw;margin-top:.20833vw}.module-help .recommend-card .link{position:absolute;top:0;left:0;width:100%;height:100%}.module-help .recommend-swiper-pagination{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin-top:1.66667vw}.module-help .recommend-swiper-pagination li{width:.26042vw;height:.26042vw;border-radius:50%;background-color:#000;opacity:0.4}.module-help .recommend-swiper-pagination li:not(:first-of-type){margin-left:.41667vw}.module-help .recommend-swiper-pagination li.active{opacity:1}.module-notes{padding:6.66667vw 0;color:rgba(0,0,0,0.5)}.module-notes .notes-title{line-height:1.04167vw;font-size:.625vw}.module-notes .notes-list{margin-top:.625vw;padding-left:1.04167vw}.module-notes .notes-list li{font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";line-height:1.04167vw;font-size:.625vw;list-style:decimal}.side-bar{position:fixed;top:50%;left:2.60417vw;z-index:9;transform:translateY(-50%);opacity:0;visibility:hidden;transition:all 0.6s}.side-bar.active{opacity:1;visibility:visible}.side-bar .side-menu{position:relative}.side-bar .side-menu.dark .side-image{display:none}.side-bar .side-menu.dark .side-image-dark{display:block}.side-bar .side-menu.dark .side-icon{border:.05208vw solid rgba(255,255,255,0.1)}.side-bar .side-menu.dark .side-svg circle{fill:#000}.side-bar .side-menu.dark .side-label{color:#fff}.side-bar .side-menu.dark li.active .side-svg{stroke:#fff}.side-bar .side-menu li{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;position:relative;height:2.5vw;cursor:pointer}.side-bar .side-menu li:not(:first-of-type){margin-top:1.66667vw}.side-bar .side-menu li:hover .side-label{transform:translateX(0);opacity:1;visibility:visible}.side-bar .side-menu li.active .side-label{transform:translateX(0);opacity:1;visibility:visible}.side-bar .side-menu li.active .side-svg{stroke:#000}.side-bar .side-menu .side-icon{position:relative;width:2.5vw;height:2.5vw;border:.05208vw solid rgba(0,0,0,0.1);border-radius:50%}.side-bar .side-menu .side-svg{position:absolute;top:0;left:0;width:2.5vw;height:2.5vw;transform:rotate(-90deg) translate(.05208vw, -.05208vw);transition:all .5s ease;opacity:1}.side-bar .side-menu .side-svg circle{stroke-width:.10417vw;fill:#fff;stroke-linecap:butt;stroke-dasharray:150;stroke-dashoffset:150;transition:stroke .5s ease, fill .5s ease}.side-bar .side-menu .side-image{position:absolute;top:0;left:0;width:100%;height:100%}.side-bar .side-menu .side-image-dark{display:none;position:absolute;top:0;left:0;width:100%;height:100%}.side-bar .side-menu .side-label{margin-left:.52083vw;transform:translateX(.625vw);opacity:0;visibility:hidden;transition:all 0.6s;line-height:2.39583vw;font-size:.625vw;letter-spacing:-.00833vw;color:#333}}@media only screen and (min-width: 1921px){.base-title{font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";line-height:2.26563vw;font-size:1.5625vw;letter-spacing:-.00781vw}.base-subtitle{font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";line-height:2.26563vw;font-size:1.5625vw;letter-spacing:-.00781vw;color:rgba(0,0,0,0.6)}.base-desc{font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";line-height:1.09375vw;font-size:.625vw;letter-spacing:-.00391vw;margin-top:.78125vw}.base-tips{font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";line-height:1.09375vw;font-size:.54688vw;letter-spacing:-.00391vw;margin-top:1.25vw;color:rgba(0,0,0,0.6)}.base-button{font-size:.54688vw;letter-spacing:-.00234vw;display:block;width:4.29688vw;height:1.875vw;line-height:1.875vw;border-radius:.07813vw;text-align:center;color:#fff;background-image:linear-gradient(158deg, #1A85FF, #FF6A7E)}.module-title{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;text-align:center}.module-title.title-2 .title-inner{padding-left:5.07813vw;padding-right:2.34375vw}.module-title.title-2 .title-left{width:31.25vw}.module-title.title-2 .title-right{width:33.71094vw}.module-title .title-inner{position:relative;height:6.64063vw;line-height:6.64063vw;padding:0 5.07813vw;overflow:hidden}.module-title .title-left{position:absolute;top:0;left:0;width:26.67969vw}.module-title .title-right{position:absolute;right:0;bottom:0;width:26.17188vw}.module-title .title-label{font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:2.5vw;letter-spacing:-.03047vw;position:relative;color:#fff}.base-introduce-row{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.base-introduce-row .base-introduce-left{-ms-flex:0 0 24.60938vw;flex:0 0 24.60938vw}.base-introduce-row .base-introduce-right{-ms-flex:0 0 23.4375vw;flex:0 0 23.4375vw}.base-introduce-row .base-introduce-right .base-desc{margin-top:0}.base-progress-frame{position:relative}.base-progress-frame .base-progress{position:relative;height:.3125vw;border-radius:.15625vw;overflow:hidden}.base-progress-frame .base-progress-inner{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:.15625vw;background-image:linear-gradient(137deg, #1A85FF 0%, #5FF5C5 100%);transform-origin:center left}.base-progress-frame .base-progress-desc{line-height:1.09375vw;font-size:.625vw;letter-spacing:-.00352vw;margin-top:.46875vw;color:#fff}.function-list{display:-ms-flexbox;display:flex;margin-top:1.25vw}.function-list>li{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.function-list>li:not(:first-of-type){margin-left:1.25vw}.function-list .icon{position:relative;width:1.25vw;height:1.25vw}.function-list .text{font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";line-height:1.25vw;font-size:.625vw;letter-spacing:-.00391vw;margin-left:.46875vw}.module-kv{height:44.14063vw;background-image:linear-gradient(172deg, #E7E7E9 0%, #A1D1FF 100%)}.module-kv .kv-introduce{position:absolute;top:50%;left:0;transform:translateY(-50%)}.module-kv .kv-title{width:10.07813vw;height:7.30469vw}.module-kv .kv-desc{line-height:1.09375vw;font-size:.625vw;margin-top:1.25vw}.module-kv .kv-button{margin-top:2.5vw}.module-kv .kv-frame{position:absolute;bottom:0;right:23.4375vw;width:36.71875vw;height:40.23438vw}.module-kv .tape-bg{position:absolute;top:0;left:0;width:100%;height:100%}.module-kv .tape-text{font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";line-height:2.22656vw;font-size:1.01563vw;position:relative;text-align:center;color:rgba(255,255,255,0.7)}.module-kv .kv-tape-1{position:absolute;left:16.79688vw;bottom:4.49219vw;min-width:15.625vw;height:2.22656vw;padding:0 1.25vw;white-space:nowrap;transform-origin:bottom left;transform:rotate(-4deg)}.module-kv .kv-tape-2{position:absolute;left:21.09375vw;bottom:3.125vw;min-width:16.01563vw;height:2.22656vw;padding:0 1.25vw;white-space:nowrap;transform-origin:bottom left;transform:rotate(-1deg)}.module-kv .kv-image-1{position:absolute;bottom:0;left:0;z-index:2;width:19.375vw}.module-kv .kv-image-2{position:absolute;top:0;right:0;z-index:3;width:29.41406vw}.module-feature{padding-top:7.10938vw;padding-bottom:7.10938vw}.module-feature .feature-headline{line-height:2.8125vw;font-size:2.26563vw;letter-spacing:-.02695vw;margin-bottom:5vw;text-align:center}.module-feature .feature-list{position:relative;height:19.14063vw}.module-feature .feature-list li{position:absolute;border-radius:.78125vw;background-color:#fff;cursor:pointer;overflow:hidden}.module-feature .feature-list li:hover .feature-image img{transform:scale(1.1)}.module-feature .feature-list .feature-image{position:absolute;top:0;left:0;width:100%;height:100%}.module-feature .feature-list .feature-image img{transition:transform 0.6s ease}.module-feature .feature-list .feature-image::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:50%;background-image:linear-gradient(to bottom, rgba(0,0,0,0), #000);opacity:0.6}.module-feature .feature-list .feature-title{font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";line-height:1.25vw;font-size:.78125vw;letter-spacing:-.0043vw;position:absolute;bottom:.78125vw;left:0;width:100%;text-align:center;color:#fff}.module-feature .feature-list .feature-item-1{top:0;left:0;width:12.46094vw;height:19.14063vw}.module-feature .feature-list .feature-item-2{top:0;left:13.00781vw;width:12.38281vw;height:9.29688vw}.module-feature .feature-list .feature-item-3{top:0;right:0;width:25.23437vw;height:9.29688vw}.module-feature .feature-list .feature-item-4{bottom:0;left:13.00781vw;width:12.38281vw;height:9.29688vw}.module-feature .feature-list .feature-item-5{bottom:0;right:12.92969vw;width:12.38281vw;height:9.29688vw}.module-feature .feature-list .feature-item-6{bottom:0;right:0;width:12.38281vw;height:9.29688vw}.module-feature .fearure-info{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;margin-top:3.125vw}.module-feature .fearure-text{line-height:1.01563vw;font-size:.625vw;letter-spacing:-.00273vw;margin-top:.78125vw;color:rgba(0,0,0,0.6)}.module-feature .fearure-icon{width:.54688vw;height:.3125vw;margin-top:.46875vw}.module-design{background-color:#fff}.module-style{padding-top:7.10938vw}.module-style .style-frame{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;position:relative;height:42.07031vw}.module-style .style-frame .frame-left{position:relative;width:20.70313vw}.module-style .style-frame .frame-right{position:absolute;top:0;left:25vw;width:50.625vw}.module-style .style-thumbnail-list{position:relative;width:20.70313vw;height:30.89844vw;margin-top:4.29688vw;overflow:hidden}.module-style .style-thumbnail-list li{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.module-style .style-thumbnail-list li.active{opacity:1}.module-style .style-larger-list{position:relative;width:50.625vw;height:33.59375vw;overflow:hidden}.module-style .style-larger-list li{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.module-style .style-larger-list li.active{opacity:1}.module-style .style-larger-list .video{position:absolute;top:0;left:0;width:100%;height:100%}.module-style .style-button-list{display:-ms-flexbox;display:flex;position:relative;margin-top:1.25vw}.module-style .style-button-list li{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;position:relative;max-width:1.44531vw;height:1.44531vw;line-height:1.44531vw;padding-left:1.44531vw;overflow:hidden;cursor:pointer;transition:all ease 0.5s}.module-style .style-button-list li:not(:first-of-type){margin-left:.70313vw}.module-style .style-button-list li.active{max-width:100%;transition:max-width 1s;pointer-events:none}.module-style .style-button-list li.active .title{opacity:1}.module-style .style-button-list .radio{position:absolute;top:0;left:0;width:1.44531vw;height:1.44531vw;background-repeat:no-repeat;background-position:center center;background-size:100% 100%}.module-style .style-button-list .title{font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:.78125vw;letter-spacing:-.00469vw;margin-left:.39063vw;white-space:nowrap;opacity:0}.module-style .style-desc-list{position:relative;width:26.25vw;height:2.1875vw;margin-top:1.25vw}.module-style .style-desc-list li{position:absolute;top:0;left:0;opacity:0;visibility:hidden}.module-style .style-desc-list li.active{opacity:1;visibility:visible;transition:all 0.6s}.module-style .style-desc-list .title{display:none}.module-style .style-desc-list .desc{line-height:1.09375vw;font-size:.70313vw;letter-spacing:-.00391vw}.module-curved{padding:5vw 0}.module-curved .curved-introduce{width:25vw}.module-curved .curved-frame{position:relative;height:25vw;margin-top:3.125vw;overflow:hidden}.module-curved .curved-params{position:absolute;top:0;right:0;z-index:2;width:14.6875vw;height:100%}.module-curved .curved-params-backdrop{position:absolute;top:0;left:0;width:100%;height:100%}.module-curved .curved-params-list{position:absolute;top:50%;left:4.6875vw;width:6.875vw;transform:translateY(-50%)}.module-curved .curved-params-list li{padding-top:1.875vw;padding-bottom:1.79687vw;color:#fff}.module-curved .curved-params-list li:not(:last-of-type){border-bottom:.03906vw solid rgba(255,255,255,0.4)}.module-curved .curved-params-list .data{line-height:1.95313vw;font-size:1.48438vw;letter-spacing:-.02461vw}.module-curved .curved-params-list .data span{padding-left:.23438vw;font-size:.78125vw}.module-curved .curved-params-list .desc{line-height:.85938vw;font-size:.54688vw;letter-spacing:-.00664vw;margin-top:.15625vw}.module-camera{position:relative}.module-camera .module-title{margin-bottom:7.10938vw}.module-camera .camera-linear{position:relative;padding-top:7.10938vw;background-image:linear-gradient(180deg, #DBEEFF 0%, #E5E5ED 100%)}.module-lens{height:47.10938vw}.module-lens .module-inner{padding-top:23.4375vw}.module-lens .lens-image-mp{position:absolute;top:4.6875vw;right:1.5625vw;width:22.07031vw;height:11.52344vw}.module-lens .lens-image-50{position:absolute;top:3.35938vw;left:2.14844vw;z-index:4;width:17.46094vw;height:11.875vw}.module-lens .lens-frame-desc{line-height:2.26563vw;font-size:1.40625vw;position:absolute;top:17.1875vw;right:0;color:rgba(0,0,0,0.6)}.module-lens .lens-image-part{position:absolute;top:0;z-index:3;left:15.42969vw;width:25vw;transform-origin:top left;transform:translate(0, -23.4375vw) scale(1)}.module-lens .lens-image-capture{position:absolute;top:1.13281vw;left:3.82813vw;width:5.07813vw;height:5.07813vw;border-radius:50%;overflow:hidden}.module-lens .lens-param-frame{position:relative;height:23.67188vw}.module-lens .lens-param-frame .lens-param-image-1{position:absolute;bottom:0;right:6.64063vw;width:26.25vw}.module-lens .lens-param-frame .lens-param-image-2{position:absolute;bottom:0;right:0;width:26.25vw}.module-lens .lens-param-frame .lens-param-image-capture{position:absolute;top:3.20312vw;right:19.49219vw;width:3.63281vw;height:3.63281vw;border-radius:50%;overflow:hidden}.module-lens .lens-param-frame .lens-param-list{position:relative}.module-lens .lens-param-frame .lens-param-list li{position:relative}.module-lens .lens-param-frame .lens-param-list li:not(:first-of-type){margin-top:2.26563vw}.module-lens .lens-param-frame .lens-param-list li:nth-of-type(1) .line{width:24.60938vw}.module-lens .lens-param-frame .lens-param-list li:nth-of-type(1) .line::after{content:'';position:absolute;top:0;right:0;width:1.25vw;height:7.8125vw;border-right:.03906vw solid #666;border-bottom:.03906vw solid #666}.module-lens .lens-param-frame .lens-param-list li:nth-of-type(2) .line{width:13.86719vw}.module-lens .lens-param-frame .lens-param-list li:nth-of-type(3) .line{width:22.46094vw}.module-lens .lens-param-frame .lens-param-list li:nth-of-type(3) .line::after{content:'';position:absolute;top:0;right:0;width:.03906vw;height:1.36719vw;background-color:#666}.module-lens .lens-param-frame .lens-param-list .title{line-height:1.95313vw;font-size:1.48438vw;letter-spacing:-.02461vw}.module-lens .lens-param-frame .lens-param-list .desc{font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";line-height:.85938vw;font-size:.54688vw;letter-spacing:-.00664vw;margin-top:.15625vw}.module-lens .lens-param-frame .lens-param-list .line{position:absolute;top:1.5625vw;left:7.5vw;height:.03906vw;background-color:#666}.module-capture{position:relative;top:0;left:0;width:100vw;height:26.25vw;margin-top:-50vw}.module-capture .module-capture-move{position:relative;height:50vw}.module-capture .module-inner{height:50vw}.module-capture .capture-introduce{position:absolute;top:50%;left:0;width:20.3125vw;transform:translateY(-50%)}.module-capture .capture-title{width:14.0625vw;color:#fff}.module-capture .capture-subtitle{color:rgba(255,255,255,0.6)}.module-capture .capture-desc{color:#fff}.module-capture .capture-image-frame{position:relative;top:3.20312vw;left:50%;width:3.63281vw;height:3.63281vw;margin-left:3.94531vw;border-radius:18.75vw;overflow:hidden;transform:translateX(-50%)}.module-capture .capture-image{position:absolute;top:50%;left:50%;width:3.63281vw;height:3.63281vw;transform:translate(-50%, -50%)}.module-night{padding-top:5vw;padding-bottom:3.125vw}.module-night .night-introduce{width:26.5625vw}.module-night .night-frame{position:relative;margin-top:3.125vw}.module-night .night-frame-content{position:relative;height:28.82813vw}.module-night .night-frame-content li{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;visibility:hidden;opacity:0}.module-night .night-frame-content li.active{pointer-events:auto;visibility:visible;opacity:1}.module-night .night-frame-content .night-frame-image{position:absolute;top:0;left:0;width:51.25vw;height:28.82813vw}.module-night .night-frame-content .beer-reveal{position:absolute;top:0;left:0;width:50%;height:100%;overflow:hidden}.module-night .night-frame-content .beer-range{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;-moz-appearance:none;-ms-touch-action:auto;touch-action:auto;-webkit-appearance:slider-horizontal !important;-moz-appearance:slider-horizontal !important;appearance:slider-horizontal !important;cursor:pointer;opacity:0}.module-night .night-frame-content .beer-handle{position:absolute;top:0;left:50%;width:2.65625vw;height:100%;transform:translate3d(-50%, 0, 0)}.module-night .night-frame-menu{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;margin-top:1.25vw;padding-bottom:.39063vw}.module-night .night-frame-menu li{display:-ms-flexbox;display:flex;position:relative;padding-left:1.5625vw;cursor:pointer}.module-night .night-frame-menu li:not(:last-of-type){padding-right:1.5625vw}.module-night .night-frame-menu li:not(:last-of-type)::after{content:'';position:absolute;top:50%;right:0;width:.03906vw;height:.9375vw;background-color:rgba(0,0,0,0.2);transform:translateY(-50%)}.module-night .night-frame-menu li.active span{opacity:1}.module-night .night-frame-menu li.active span::after{content:'';position:absolute;bottom:-.39063vw;left:0;width:100%;height:.07813vw;background-color:#000}.module-night .night-frame-menu span{font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";line-height:1.25vw;font-size:1.01563vw;letter-spacing:-.00625vw;position:relative;opacity:0.6}.module-effect{padding-bottom:5vw}.module-effect .effect-waterfall{position:relative}.module-effect .swiper-container{overflow:visible}.module-effect .effect-swiper-wrap{display:block;min-height:39.57031vw;padding-left:30.54688vw;box-sizing:border-box}.module-effect .effect-swiper-wrap>div{-ms-flex-negative:initial;flex-shrink:initial}.module-effect .effect-card{position:relative}.module-effect .effect-card.card-1{position:absolute;top:0;left:0;width:26.25vw}.module-effect .effect-card.card-2{position:absolute;right:0;top:0;width:20.70313vw}.module-effect .effect-card.card-3{position:absolute;right:0;top:21.05469vw;width:20.70313vw}.module-effect .effect-card-image{position:relative;overflow:hidden}.module-effect .effect-card-image.image-1{width:26.25vw;height:34.88281vw}.module-effect .effect-card-image.image-2{width:20.70313vw;height:13.82813vw}.module-effect .effect-card-image.image-3{width:20.70313vw;height:13.82813vw}.module-effect .effect-card-title{font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";line-height:1.25vw;font-size:.70313vw;letter-spacing:-.00469vw;margin-top:.78125vw}.module-effect .effect-card-type{font-size:.625vw;letter-spacing:-.00391vw;position:absolute;bottom:1.25vw;left:0;height:1.875vw;line-height:1.875vw;padding:0 .9375vw;color:#fff;background-color:rgba(0,0,0,0.5)}.module-effect .effect-card-desc{line-height:1.09375vw;font-size:.54688vw;letter-spacing:-.00352vw;margin-top:.46875vw}.module-performance .performance-linear{padding-top:7.10938vw;background-image:linear-gradient(180deg, #000 0%, #000D19 100%)}.module-performance .module-title{margin-bottom:7.10938vw}.module-endurance .endurance-introduce{width:28.51563vw}.module-endurance .endurance-title{color:#fff}.module-endurance .endurance-subtitle{color:rgba(255,255,255,0.7)}.module-endurance .endurance-desc{color:#fff}.module-endurance .endurance-frame{position:relative;height:34.17969vw}.module-endurance .endurance-capacity{position:absolute;top:8.98438vw;left:.66406vw;width:46.875vw;height:11.32813vw}.module-endurance .endurance-capacity-inner{position:absolute;bottom:0;left:0;width:100%;height:0;overflow:hidden}.module-endurance .endurance-capacity-inner .endurance-capacity-image{position:absolute;bottom:0;left:0}.module-endurance .endurance-capacity-image{width:46.875vw;height:11.32813vw}.module-endurance .endurance-image{position:absolute;top:0;left:11.71875vw;width:35vw}.module-endurance .endurance-data{display:-ms-flexbox;display:flex;position:absolute;bottom:3.51563vw;right:0}.module-endurance .endurance-data-introduce{height:5vw}.module-endurance .endurance-data-line{width:2.03125vw;height:5vw;padding-left:2.03125vw;margin-right:1.875vw;border-right:.03906vw solid rgba(255,255,255,0.2)}.module-endurance .endurance-data-icon{width:2.34375vw;height:1.36719vw}.module-endurance .endurance-data-title{line-height:2.10938vw;font-size:1.40625vw;letter-spacing:-.02461vw;margin-top:.66406vw;color:#fff}.module-endurance .endurance-data-desc{line-height:.85938vw;font-size:.46875vw;letter-spacing:-.00664vw;color:#fff}.module-endurance .endurance-data-list{width:10.70313vw}.module-endurance .endurance-data-list li:not(:first-of-type){margin-top:1.25vw}.module-endurance .endurance-data-list li:last-of-type{margin-top:0}.module-endurance .endurance-data-list li:nth-of-type(1) .base-progress-inner{width:7.92969vw}.module-power{padding-top:2.5vw;padding-bottom:5vw}.module-power .power-frame{display:-ms-flexbox;display:flex;height:28.82813vw;background-image:linear-gradient(180deg, #001830 0%, #000B17 100%)}.module-power .power-image{width:26.25vw;height:100%}.module-power .power-swiper-navigation{display:-ms-flexbox;display:flex;position:absolute;bottom:3.125vw;right:3.125vw;z-index:2}.module-power .power-swiper-button{width:2.14844vw;height:2.14844vw}.module-power .power-swiper-button.disabled{opacity:0.3}.module-power .power-swiper-button.power-swiper-prev{margin-right:.78125vw}.module-power .power-swiper-button.power-swiper-next{transform:scaleX(-1)}.module-power .power-swiper-button img{width:100%}.module-power .power-introduce{position:relative;width:25vw;height:100%;padding-top:5vw;padding-left:3.125vw;padding-right:3.125vw}.module-power .power-title{color:#fff}.module-power .power-subtitle{color:rgba(255,255,255,0.7)}.module-power .power-desc{color:#fff}.module-power .power-progress-frame{margin-top:3.125vw}.module-power .power-progress{width:14.6875vw;background-color:rgba(255,255,255,0.14)}.module-power .power-progress-inner{width:7.34375vw}.module-chip .chip-image{height:50vw}.module-chip .chip-introduce{position:absolute;top:7.03125vw;left:0}.module-chip .chip-title{width:13.67188vw}.module-chip .chip-subtitle{width:17.57813vw}.module-chip .chip-desc{width:25.39063vw}.module-response{padding:5vw 0;background-color:#fff}.module-response .base-introduce-right{-ms-flex:0 0 26.5625vw;flex:0 0 26.5625vw}.module-response .response-image{height:28.82813vw;margin-top:2.5vw}.module-response .response-title{width:15.625vw}.module-response .response-number{display:inline-block}.module-experience{padding-top:7.10938vw}.module-experience .module-title{margin-bottom:7.10938vw}.module-screen{height:50vw}.module-screen .module-inner{padding-top:7.10938vw;padding-bottom:7.10938vw}.module-screen .screen-image{height:50vw}.module-screen .screen-image-phone{width:51.25vw;height:24.53125vw;margin-top:6.17188vw}.module-screen .screen-introduce .icon-dark{position:absolute;top:0;left:0;width:100%;height:100%}.module-screen .screen-introduce .icon-white{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.module-convenient{height:42.1875vw;padding-top:7.10938vw;padding-bottom:7.10938vw;background-image:linear-gradient(360deg, #F5F9FF 0%, #DBEDFF 100%)}.module-convenient .convenient-title{width:15.625vw}.module-convenient .convenient-frame{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;position:relative}.module-convenient .convenient-frame-inner{position:relative;padding-top:12.5vw}.module-convenient .convenient-image{width:72.5vw;height:4.6875vw}.module-convenient .ripples-frame{position:absolute;bottom:1.95313vw;left:30.46875vw;width:1.36719vw;height:1.36719vw;border-radius:50%;background-color:rgba(255,255,255,0.2)}.module-convenient .ripples-frame::before{content:'';position:absolute;top:50%;left:50%;width:2.53906vw;height:2.53906vw;border-radius:50%;background-color:rgba(255,255,255,0.2);transform:translate(-50%, -50%);filter:drop-shadow(0 0 1.17188vw rgba(255,255,255,0.2))}.module-convenient .ripples-frame.animate .convenient-ripples{opacity:1}.module-convenient .ripples-frame.animate .convenient-ripples li{-webkit-animation:ripples 6s infinite linear;animation:ripples 6s infinite linear}.module-convenient .ripples-frame.animate .convenient-ripples li:nth-of-type(1){-webkit-animation-delay:-1.2s;animation-delay:-1.2s}.module-convenient .ripples-frame.animate .convenient-ripples li:nth-of-type(2){-webkit-animation-delay:-2.4s;animation-delay:-2.4s}.module-convenient .ripples-frame.animate .convenient-ripples li:nth-of-type(3){-webkit-animation-delay:-3.6s;animation-delay:-3.6s}.module-convenient .ripples-frame.animate .convenient-ripples li:nth-of-type(4){-webkit-animation-delay:-4.8s;animation-delay:-4.8s}.module-convenient .ripples-frame.animate .convenient-ripples li:nth-of-type(5){-webkit-animation-delay:-6s;animation-delay:-6s}.module-convenient .convenient-ripples{position:absolute;top:50%;left:50%;width:20.3125vw;height:20.3125vw;transform:translate(-50%, -50%);opacity:0;transition:opacity 0.6s}.module-convenient .convenient-ripples li{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background-image:linear-gradient(137deg, rgba(36,133,255,0.15) 0%, rgba(95,245,197,0.15) 100%);will-change:opacity, transform;transform:scale(0)}.module-quality{padding:5vw 0}.module-quality .quality-title{width:15.625vw}.module-quality .quality-frame{display:-ms-flexbox;display:flex;position:relative;height:19.6875vw;margin-top:2.5vw;padding:3.125vw}.module-quality .quality-frame-backdrop{position:absolute;bottom:0;left:0;width:100%;height:100%;border-radius:.39063vw;background-image:linear-gradient(162deg, #E3F8FF 0%, #EBF4FF 100%)}.module-quality .quality-params-list{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between;position:relative;width:21.09375vw;padding-top:2.5vw;padding-bottom:1.875vw;border-right:.03906vw solid rgba(0,0,0,0.1)}.module-quality .quality-params-list li{position:relative;width:9.76563vw}.module-quality .quality-params-list .data{line-height:1.95313vw;font-size:1.48438vw}.module-quality .quality-params-list .desc{font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";line-height:.85938vw;font-size:.54688vw;letter-spacing:-.00664vw;margin-top:.15625vw}.module-quality .quality-list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;width:18.75vw;margin-left:5vw}.module-quality .quality-list li{position:relative}.module-quality .quality-list li:not(:first-of-type){margin-top:1.875vw}.module-quality .quality-list .title{font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";line-height:1.25vw;font-size:.78125vw;letter-spacing:-.00469vw}.module-quality .quality-list .desc{line-height:1.09375vw;font-size:.625vw;letter-spacing:-.00391vw;width:14.0625vw;margin-top:.15625vw}.module-quality .quality-list .image{position:absolute;bottom:0;right:0;width:1.95313vw}.module-os{height:35vw;padding:5vw 0;background-image:linear-gradient(137deg, #FFF0DA 0%, #9CCDFE 100%)}.module-os .os-frame{display:-ms-flexbox;display:flex;-ms-flex-direction:row-reverse;flex-direction:row-reverse;height:25vw}.module-os .os-image{width:30.625vw;height:100%;background-image:linear-gradient(138deg, #fff 0%, #C2E4FF 100%)}.module-os .os-swiper-navigation{display:-ms-flexbox;display:flex;position:absolute;top:15.625vw;left:3.125vw;z-index:2}.module-os .os-swiper-button{width:2.14844vw;height:2.14844vw}.module-os .os-swiper-button.disabled{opacity:0.3}.module-os .os-swiper-button.os-swiper-prev{margin-right:.78125vw}.module-os .os-swiper-button.os-swiper-next{transform:scaleX(-1)}.module-os .os-swiper-button img{width:100%}.module-os .os-intro{position:relative;width:20.625vw;height:100%;padding-top:3.125vw;padding-left:3.125vw;padding-right:1.25vw;background-image:linear-gradient(123deg, #fff 0%, #DBE9FF 100%)}.module-os .os-title{font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";line-height:1.48438vw;font-size:1.09375vw;letter-spacing:-.00625vw}.module-os .os-desc{line-height:1.09375vw;font-size:.625vw;letter-spacing:-.00391vw;margin-top:.78125vw}.module-os .os-version{line-height:1.40625vw;font-size:.85938vw;letter-spacing:-.0043vw;position:absolute;bottom:3.125vw;left:3.125vw;z-index:2;opacity:0.6}.module-help{padding-top:7.10938vw;padding-bottom:5vw;background-color:#ECF6F9}.module-help .help-headline{font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";line-height:2.5vw;font-size:1.64063vw;letter-spacing:-.00781vw;margin-bottom:2.5vw;text-align:center}.module-help .help-container{position:relative}.module-help .help-container:not(:last-of-type){padding-bottom:5vw}.module-help .faq-list{position:relative;height:23.4375vw;border-radius:.39063vw;background-color:#fff;overflow:hidden}.module-help .faq-list li{position:relative;height:4.6875vw}.module-help .faq-list li:hover .label{transform:translateX(.78125vw)}.module-help .faq-list li:not(:first-of-type){border-top:.07813vw solid #ddd}.module-help .faq-list .label{-ms-flex:1;flex:1;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";line-height:1.40625vw;font-size:.78125vw;color:#333;transition:transform 0.6s ease;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.module-help .faq-list .arrow{position:absolute;top:50%;right:3.32031vw;width:.3125vw;height:.58594vw;transform:translateY(-50%)}.module-help .faq-list .arrow svg{width:100%}.module-help .faq-list .link{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%;padding-left:1.875vw;padding-right:7.03125vw}.module-help .promotion-card{height:21.875vw;border-radius:.39063vw;overflow:hidden}.module-help .maybe-list{display:-ms-flexbox;display:flex}.module-help .maybe-list li{position:relative;width:12.22656vw;height:14.21875vw;border-radius:.39063vw;overflow:hidden}.module-help .maybe-list li:hover .image img{transform:scale(1.1)}.module-help .maybe-list li:not(:first-of-type){margin-left:.78125vw}.module-help .maybe-list .image{position:relative;width:100%;height:100%}.module-help .maybe-list .image img{transition:transform 0.6s ease}.module-help .maybe-list .image::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:50%;background-image:linear-gradient(to bottom, rgba(0,0,0,0), #000);opacity:0.9}.module-help .maybe-list .text{font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";line-height:1.17188vw;font-size:1.01563vw;position:absolute;bottom:.78125vw;left:0;width:100%;text-align:center;color:#fff}.module-help .recommend-card{position:relative;width:16.25vw;height:21.875vw;background-color:#fff;overflow:hidden}.module-help .recommend-card:hover .image img{transform:scale(1.05)}.module-help .recommend-card .image{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:17.57813vw;padding:2.1875vw}.module-help .recommend-card .image img{width:auto;transition:transform 0.6s ease}.module-help .recommend-card .info{padding:0 1.25vw;text-align:center}.module-help .recommend-card .name{font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";line-height:1.25vw;font-size:.78125vw;letter-spacing:-.00469vw}.module-help .recommend-card .desc{line-height:1.09375vw;font-size:.625vw;letter-spacing:-.00391vw;margin-top:.15625vw}.module-help .recommend-card .link{position:absolute;top:0;left:0;width:100%;height:100%}.module-help .recommend-swiper-pagination{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin-top:1.25vw}.module-help .recommend-swiper-pagination li{width:.19531vw;height:.19531vw;border-radius:50%;background-color:#000;opacity:0.4}.module-help .recommend-swiper-pagination li:not(:first-of-type){margin-left:.3125vw}.module-help .recommend-swiper-pagination li.active{opacity:1}.module-notes{padding:5vw 0;color:rgba(0,0,0,0.5)}.module-notes .notes-title{line-height:.78125vw;font-size:.46875vw}.module-notes .notes-list{margin-top:.46875vw;padding-left:.78125vw}.module-notes .notes-list li{font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";line-height:.78125vw;font-size:.46875vw;list-style:decimal}.side-bar{position:fixed;top:50%;left:1.95313vw;z-index:9;transform:translateY(-50%);opacity:0;visibility:hidden;transition:all 0.6s}.side-bar.active{opacity:1;visibility:visible}.side-bar .side-menu{position:relative}.side-bar .side-menu.dark .side-image{display:none}.side-bar .side-menu.dark .side-image-dark{display:block}.side-bar .side-menu.dark .side-icon{border:.03906vw solid rgba(255,255,255,0.1)}.side-bar .side-menu.dark .side-svg circle{fill:#000}.side-bar .side-menu.dark .side-label{color:#fff}.side-bar .side-menu.dark li.active .side-svg{stroke:#fff}.side-bar .side-menu li{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;position:relative;height:1.875vw;cursor:pointer}.side-bar .side-menu li:not(:first-of-type){margin-top:1.25vw}.side-bar .side-menu li:hover .side-label{transform:translateX(0);opacity:1;visibility:visible}.side-bar .side-menu li.active .side-label{transform:translateX(0);opacity:1;visibility:visible}.side-bar .side-menu li.active .side-svg{stroke:#000}.side-bar .side-menu .side-icon{position:relative;width:1.875vw;height:1.875vw;border:.03906vw solid rgba(0,0,0,0.1);border-radius:50%}.side-bar .side-menu .side-svg{position:absolute;top:0;left:0;width:1.875vw;height:1.875vw;transform:rotate(-90deg) translate(.03906vw, -.03906vw);transition:all .5s ease;opacity:1}.side-bar .side-menu .side-svg circle{stroke-width:.07813vw;fill:#fff;stroke-linecap:butt;stroke-dasharray:150;stroke-dashoffset:150;transition:stroke .5s ease, fill .5s ease}.side-bar .side-menu .side-image{position:absolute;top:0;left:0;width:100%;height:100%}.side-bar .side-menu .side-image-dark{display:none;position:absolute;top:0;left:0;width:100%;height:100%}.side-bar .side-menu .side-label{margin-left:.39063vw;transform:translateX(.46875vw);opacity:0;visibility:hidden;transition:all 0.6s;line-height:1.79687vw;font-size:.46875vw;letter-spacing:-.00625vw;color:#333}}@-webkit-keyframes ripples{0%{transform:scale(0);opacity:1}80%{opacity:0}100%{transform:scale(1.5);opacity:0}}@keyframes ripples{0%{transform:scale(0);opacity:1}80%{opacity:0}100%{transform:scale(1.5);opacity:0}}