html{overflow-x:hidden}.main-wrapper{background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}picture{display:block;overflow:hidden}picture img{width:100%;height:auto}#oc-header{position:absolute !important}.main-wrapper sup{font-size:50%;font-weight:bold;top:-0.75em}@font-face{.main-wrapper{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");font-weight:400;font-style:normal}}.main-wrapper :root{--swiper-theme-color:#007aff}.main-wrapper .swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.main-wrapper .swiper-container-vertical>.swiper-wrapper{-ms-flex-direction:column;flex-direction:column}.main-wrapper .swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-ms-flexbox;display:flex;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;box-sizing:content-box}.main-wrapper .swiper-container-android .swiper-slide,.main-wrapper .swiper-wrapper{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.main-wrapper .swiper-container-multirow>.swiper-wrapper{-ms-flex-wrap:wrap;flex-wrap:wrap}.main-wrapper .swiper-container-multirow-column>.swiper-wrapper{-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-direction:column;flex-direction:column}.main-wrapper .swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.main-wrapper .swiper-slide{-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform}.main-wrapper .swiper-slide-invisible-blank{visibility:hidden}.main-wrapper .swiper-container-autoheight,.main-wrapper .swiper-container-autoheight .swiper-slide{height:auto}.main-wrapper .swiper-container-autoheight .swiper-wrapper{-ms-flex-align:start;align-items:flex-start;transition-property:height,-webkit-transform;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.main-wrapper .swiper-container-3d{-webkit-perspective:12rem;perspective:12rem}.main-wrapper .swiper-container-3d .swiper-cube-shadow,.main-wrapper .swiper-container-3d .swiper-slide,.main-wrapper .swiper-container-3d .swiper-slide-shadow-bottom,.main-wrapper .swiper-container-3d .swiper-slide-shadow-left,.main-wrapper .swiper-container-3d .swiper-slide-shadow-right,.main-wrapper .swiper-container-3d .swiper-slide-shadow-top,.main-wrapper .swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.main-wrapper .swiper-container-3d .swiper-slide-shadow-bottom,.main-wrapper .swiper-container-3d .swiper-slide-shadow-left,.main-wrapper .swiper-container-3d .swiper-slide-shadow-right,.main-wrapper .swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.main-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))}.main-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))}.main-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))}.main-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))}.main-wrapper .swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.main-wrapper .swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.main-wrapper .swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.main-wrapper .swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.main-wrapper .swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}.main-wrapper :root{--swiper-navigation-size:0.44rem}.main-wrapper .swiper-button-next,.main-wrapper .swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.main-wrapper .swiper-button-next.swiper-button-disabled,.main-wrapper .swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.main-wrapper .swiper-button-next:after,.main-wrapper .swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none !important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.main-wrapper .swiper-button-prev,.main-wrapper .swiper-container-rtl .swiper-button-next{left:0.1rem;right:auto}.main-wrapper .swiper-button-prev:after,.main-wrapper .swiper-container-rtl .swiper-button-next:after{content:'prev'}.main-wrapper .swiper-button-next,.main-wrapper .swiper-container-rtl .swiper-button-prev{right:0.1rem;left:auto}.main-wrapper .swiper-button-next:after,.main-wrapper .swiper-container-rtl .swiper-button-prev:after{content:'next'}.main-wrapper .swiper-button-next.swiper-button-white,.main-wrapper .swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.main-wrapper .swiper-button-next.swiper-button-black,.main-wrapper .swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.main-wrapper .swiper-button-lock{display:none}.main-wrapper .swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);z-index:10}.main-wrapper .swiper-pagination.swiper-pagination-hidden{opacity:0}.main-wrapper .swiper-container-horizontal>.swiper-pagination-bullets,.main-wrapper .swiper-pagination-custom,.main-wrapper .swiper-pagination-fraction{bottom:0.1rem;left:0;width:100%}.main-wrapper .swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.main-wrapper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(0.33);transform:scale(0.33);position:relative}.main-wrapper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);transform:scale(1)}.main-wrapper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);transform:scale(1)}.main-wrapper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(0.66);transform:scale(0.66)}.main-wrapper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(0.33);transform:scale(0.33)}.main-wrapper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(0.66);transform:scale(0.66)}.main-wrapper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(0.33);transform:scale(0.33)}.main-wrapper .swiper-pagination-bullet{width:0.08rem;height:0.08rem;display:inline-block;border-radius:100%;background:#000;opacity:.2}.main-wrapper button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.main-wrapper .swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.main-wrapper .swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color, var(--swiper-theme-color))}.main-wrapper .swiper-container-vertical>.swiper-pagination-bullets{right:0.1rem;top:50%;-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0)}.main-wrapper .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0.06rem 0;display:block}.main-wrapper .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:0.08rem}.main-wrapper .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.main-wrapper .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 0.04rem}.main-wrapper .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.main-wrapper .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.main-wrapper .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.main-wrapper .swiper-pagination-progressbar{background:rgba(0,0,0,0.25);position:absolute}.main-wrapper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;transform-origin:left top}.main-wrapper .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;transform-origin:right top}.main-wrapper .swiper-container-horizontal>.swiper-pagination-progressbar,.main-wrapper .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:0.04rem;left:0;top:0}.main-wrapper .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.main-wrapper .swiper-container-vertical>.swiper-pagination-progressbar{width:0.04rem;height:100%;left:0;top:0}.main-wrapper .swiper-pagination-white{--swiper-pagination-color:#ffffff}.main-wrapper .swiper-pagination-black{--swiper-pagination-color:#000000}.main-wrapper .swiper-pagination-lock{display:none}.main-wrapper .swiper-scrollbar{border-radius:0.1rem;position:relative;-ms-touch-action:none;background:rgba(0,0,0,0.1)}.main-wrapper .swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:0.03rem;z-index:50;height:0.05rem;width:98%}.main-wrapper .swiper-container-vertical>.swiper-scrollbar{position:absolute;right:0.03rem;top:1%;z-index:50;width:0.05rem;height:98%}.main-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}.main-wrapper .swiper-scrollbar-cursor-drag{cursor:move}.main-wrapper .swiper-scrollbar-lock{display:none}.main-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}.main-wrapper .swiper-zoom-container>canvas,.main-wrapper .swiper-zoom-container>img,.main-wrapper .swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.main-wrapper .swiper-slide-zoomed{cursor:move}.main-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;-webkit-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s infinite linear;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:0.04rem solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.main-wrapper .swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.main-wrapper .swiper-lazy-preloader-black{--swiper-preloader-color:#000}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.main-wrapper .swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.main-wrapper .swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.main-wrapper .swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.main-wrapper .swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.main-wrapper .swiper-container-fade .swiper-slide-active,.main-wrapper .swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.main-wrapper .swiper-container-cube{overflow:visible}.main-wrapper .swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.main-wrapper .swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.main-wrapper .swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;transform-origin:100% 0}.main-wrapper .swiper-container-cube .swiper-slide-active,.main-wrapper .swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.main-wrapper .swiper-container-cube .swiper-slide-active,.main-wrapper .swiper-container-cube .swiper-slide-next,.main-wrapper .swiper-container-cube .swiper-slide-next+.swiper-slide,.main-wrapper .swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.main-wrapper .swiper-container-cube .swiper-slide-shadow-bottom,.main-wrapper .swiper-container-cube .swiper-slide-shadow-left,.main-wrapper .swiper-container-cube .swiper-slide-shadow-right,.main-wrapper .swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.main-wrapper .swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(0.5rem);filter:blur(0.5rem);z-index:0}.main-wrapper .swiper-container-flip{overflow:visible}.main-wrapper .swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.main-wrapper .swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.main-wrapper .swiper-container-flip .swiper-slide-active,.main-wrapper .swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.main-wrapper .swiper-container-flip .swiper-slide-shadow-bottom,.main-wrapper .swiper-container-flip .swiper-slide-shadow-left,.main-wrapper .swiper-container-flip .swiper-slide-shadow-right,.main-wrapper .swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}@media screen and (min-width: 1441px){.comm-t-h1{font-size:0.68rem;line-height:0.96rem;letter-spacing:-0.008rem}.comm-t-h2{font-size:0.42rem;line-height:0.6rem;letter-spacing:-0.002rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";padding-bottom:0.2rem}.comm-text{font-size:0.16rem;line-height:0.28rem;letter-spacing:-0.00093rem}.kv-h1{display:block;width:2.68rem;height:0.65rem;margin-bottom:0.24rem}.kv-h2{font-size:0.28rem;line-height:0.42rem;letter-spacing:-0.00133rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";margin-bottom:0.48rem}.kv-h3{font-size:0.14rem;line-height:0.48rem;letter-spacing:-0.00087rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.kv-h4{font-size:0.28rem;line-height:0.48rem;letter-spacing:-0.00175rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.kv-h5{font-size:0.16rem;line-height:0.48rem;letter-spacing:-0.001rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.reason-h3{font-size:0.16rem;line-height:0.2rem;padding-bottom:0.07rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.reason-h3:last-child{padding-bottom:0;font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.part-0-h3{font-size:0.24rem;line-height:0.24rem;letter-spacing:-0.00114rem;color:#ffffff}.part-1-h3{font-size:0.38rem;line-height:0.38rem;letter-spacing:-0.00633rem;padding-bottom:0.16rem}.part-1-h4{font-size:0.14rem;line-height:0.22rem;letter-spacing:-0.00175rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.part-2-h3{font-size:0.38rem;line-height:0.38rem;letter-spacing:-0.00633rem;padding-bottom:0.16rem}.part-2-h4{font-size:0.14rem;line-height:0.22rem;letter-spacing:-0.00175rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.part-3-h3{font-size:0.2rem;line-height:0.3rem;letter-spacing:-0.00117rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.part-4-h3{font-size:0.38rem;line-height:0.38rem;letter-spacing:-0.00633rem;padding-bottom:0.16rem}.part-4-h4{font-size:0.2rem;line-height:0.32rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.part-4-h5{font-size:0.14rem;line-height:0.22rem;letter-spacing:-0.00175rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.part-4-h6{font-size:0.14rem;line-height:0.16rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.part-5-h3{font-size:0.38rem;line-height:0.38rem;letter-spacing:-0.00633rem;padding-bottom:0.18rem}.part-5-h4{font-size:0.14rem;line-height:0.14rem;letter-spacing:-0.00175rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.part-6-h3{font-size:0.38rem;line-height:0.38rem;letter-spacing:-0.00633rem;padding-bottom:0.16rem}.part-6-h4{font-size:0.14rem;line-height:0.22rem;letter-spacing:-0.00175rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.part-7-h3{font-size:0.38rem;line-height:0.38rem;letter-spacing:-0.00633rem;padding-bottom:0.16rem}.part-7-h4{font-size:0.2rem;line-height:0.32rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.part-7-h5{font-size:0.14rem;line-height:0.22rem;letter-spacing:-0.00175rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.part-8-h3{font-size:0.2rem;line-height:0.32rem;letter-spacing:-0.00117rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";padding-bottom:0.04rem}.part-8-h4{font-size:0.16rem;line-height:0.16rem;letter-spacing:-0.00093rem}.part-9-h3{font-size:0.2rem;line-height:0.32rem;letter-spacing:-0.00117rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";margin-bottom:-0.04rem}.part-9-h4{font-size:0.2rem;line-height:0.32rem;letter-spacing:-0.00117rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";padding-bottom:0.08rem;opacity:0.6}.part-9-h5{font-size:0.16rem;line-height:0.28rem;letter-spacing:-0.001rem}.part-9-h6{font-size:0.13rem;line-height:0.24rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.part-10-h3{font-size:0.24rem;line-height:0.24rem;letter-spacing:-0.00086rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";padding-bottom:0.3rem}.part-10-h4{font-size:0.14rem;line-height:0.14rem;letter-spacing:-0.0005rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.remarks-h3{font-size:0.12rem;line-height:0.2rem}.sec-kv{height:9.33rem;position:relative}.kv-img__bg{width:19.2rem;height:9.33rem;position:absolute;top:0;left:50%;margin-left:-9.6rem}.kv-text-box{position:absolute;top:3.42rem;left:50%;margin-left:2.4rem}.kv-buy-box-set{width:100%;height:0.48rem;display:-ms-flexbox;display:flex}.kv-buy-box{min-width:2.16rem;height:0.48rem;display:-ms-flexbox;display:flex;overflow:hidden;white-space:nowrap}.kv-buy-num{padding-right:0.16rem}.kv-buy-btn{width:1.04rem;height:0.48rem;background:#2ec84d;border-radius:0.02rem;margin-left:auto;text-align:center;color:#ffffff}.sec-reason{height:7.6rem;box-sizing:border-box;padding-top:1.82rem;position:relative}.sec-reason::before{content:'';display:block;width:100%;height:100%;background:linear-gradient(0deg, #ced1ef, rgba(204,214,232,0.69), rgba(237,255,251,0.3));opacity:0.3;position:absolute;top:0;left:0}.sec-reason .comm-t-h1{position:relative;text-align:center;padding-bottom:1.28rem}.reason-list{position:relative;width:12.98rem;height:1.8rem;margin:auto;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.reason-item{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;cursor:pointer}.reason-icon{height:0.6rem;display:block;margin:0 auto 0.32rem}.reason-icon-0{width:0.52rem}.reason-icon-1{width:0.6rem}.reason-icon-2{width:1.02rem}.reason-icon-3{width:0.43rem}.reason-icon-4{width:0.66rem}.reason-icon-5{width:0.68rem}.reason-desc{text-align:center;margin-bottom:0.16rem}.reason-triangle-box{position:relative;width:0.15rem;height:0.1rem;margin:auto;transition:0.6s ease}.reason-triangle-box img{position:absolute;top:0;left:0;width:100%;height:100%;transition:0.6s ease}.reason-triangle-box img:last-child{opacity:0}.reason-item:hover .reason-triangle-box img{top:0.08rem}.reason-item:hover .reason-triangle-box img:first-child{opacity:0}.reason-item:hover .reason-triangle-box img:last-child{opacity:1}.part-0{padding-top:1.82rem}.part-0 .comm-title-box{text-align:center;margin-bottom:0.8rem}.part-0-phone-box{width:10.2rem;height:4.74rem;margin:auto}.part-0-absolute-box{width:10.2rem;height:4.74rem;margin:auto;position:relative}.part-0-picture-box{width:9.61rem;height:4.33rem;position:absolute;top:0.22rem;left:0.4rem;overflow:hidden;border-radius:0.4rem}.part-0-picture{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;border-radius:0.4rem}.part-0-picture-0,.part-0-picture-1{opacity:0}.part-0-pictur-0{display:none}.part-0-picture-3{opacity:0.8}.part-0-h3{position:absolute;top:3rem;left:8.5rem}.part-0-phone{width:100%;height:100%;position:absolute}.part-1{padding-top:1.82rem}.part-1 .comm-title-box{width:13rem;text-align:center;margin:0 auto 0.8rem}.part-1-center-box{width:13.12rem;height:7.38rem;margin:auto;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.part-1-phone-box{width:8.64rem;height:7.38rem;background:radial-gradient(ellipse, #fff, #e2e4ec);position:relative}.part-1-phone{width:8.64rem;height:7.38rem;margin:auto;opacity:0.9}.part-1-shadow{width:100%;height:100%;position:absolute;top:0;left:0}.part-1-5g{width:2.2rem;height:2.12rem;box-shadow:0 0 1rem rgba(255,255,255,0.74);position:absolute;top:2.62rem;left:2.99rem}.part-1-5g-list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:4.16rem;height:7.38rem;background:#edeff5;white-space:nowrap}.part-1-5g-item{color:#131313;width:2rem;height:1.02rem;padding-bottom:0.5rem;margin-bottom:0.48rem;position:relative}.part-1-5g-item::after{content:'';display:block;width:100%;height:1Px;background:#979797;opacity:0.2;position:absolute;bottom:0;left:0}.part-1-5g-item:last-child{padding-bottom:0;margin-bottom:0}.part-1-5g-item:last-child::after{display:none}.part-2{padding-top:1.82rem}.part-2 .comm-title-box{text-align:center;margin-bottom:0.8rem}.part-2-phone-box{width:13.12rem;height:7.16rem;position:relative;margin:0 auto 0.8rem}.part-2-num-border,.part-2-num-filled{display:block;width:12.87rem;height:3.03rem;position:absolute;top:2.26rem;left:0;right:0;margin:auto}.part-2-charging-line{width:3.37rem;height:3.37rem;position:absolute;top:5.9rem;left:9.22rem}.part-2-phone{width:8.27rem;height:7.505rem;position:absolute;top:0;left:-1rem;right:0;margin:auto}.part-2-power-list{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:13.12rem;margin:auto;position:relative}.part-2-power-item{color:#131313;margin:0 0.32rem}.part-2-power-item:first-child{margin-left:0}.part-2-power-item:last-child{margin-right:0}.part-2-1{padding-top:1.82rem}.part-2-1 .comm-title-box{text-align:center;margin-bottom:0.8rem}.part-2-1 .comm-t-h2 br{display:none}.part-2-1-box{width:13.12rem;height:7.38rem;margin:auto}.part-2-1-picture{width:100%;height:100%}.part-3{padding:1.82rem 0}.part-3 .comm-title-box{margin-bottom:0.64rem}.part-3 .comm-text{width:25em}.part-3-center-box{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;width:13.12rem;margin:auto}.part-3-left-box{width:4rem;height:7.38rem;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}.part-3-cool-item{margin-bottom:0.32rem}.part-3-cool-item:last-child{margin-bottom:0}.part-3-phone-box{width:8.32rem;height:7.38rem;position:relative}.part-3-phone-box picture{position:absolute}.part-3-exploded-0{width:2.09rem;height:7.22rem;top:0.07rem;left:0;opacity:0.8}.part-3-exploded-0-light{width:1.8rem;height:1.79rem;top:1rem;left:2rem}.part-3-exploded-1{width:1.22rem;height:4.02rem;top:0.53rem;left:1.51rem}.part-3-exploded-1-light{width:2.96rem;height:3.98rem;top:0;left:3.59rem}.part-3-exploded-2{width:2.23rem;height:7.37rem;top:0;left:2.64rem}.part-3-exploded-3{width:0.81rem;height:3.67rem;top:1.28rem;left:4.18rem}.part-3-exploded-4{width:1.52rem;height:4.55rem;top:0.5rem;left:5.15rem}.part-3-exploded-5{width:2.01rem;height:7.18rem;top:0.09rem;left:6.21rem;opacity:0.8}.part-4{padding:1.82rem 0;transition:0.6s ease}.part-4 .comm-title-box{margin-bottom:0.48rem}.part-4 .comm-text{width:26em}.part-4.bg-1{background:#eaf1f0}.part-4.bg-2{background:#e7ebf8}.part-4.bg-0{background:#f3edff}.part-4-center-box{width:13.12rem;height:7.38rem;margin:auto;display:-ms-flexbox;display:flex}.part-4-left-box{width:5.28rem;height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}.part-4-touch-list{display:-ms-flexbox;display:flex;margin-bottom:0.78rem}.part-4-touch-item{color:#131313;margin-right:0.46rem}.part-4-touch-item:last-child{margin-right:0}.part-4-color-list{display:-ms-flexbox;display:flex}.part-4-color-item{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;margin-right:0.14rem;cursor:pointer}.part-4-color-item:last-child{margin-right:0}.p4c-circle{width:0.54rem;height:0.54rem;margin-bottom:0.12rem;position:relative}.p4c-circle .p4cc-border{width:0.54rem;height:0.54rem;border-radius:100%;position:absolute;top:0;left:0;opacity:0;transition:0.6s ease}.p4c-circle .p4cc-bg{width:calc(0.54rem - 2Px);height:calc(0.54rem - 2Px);border-radius:100%;position:absolute;top:1Px;left:1Px;transition:0.6s ease}.p4c-circle .p4cc-center{width:0.38rem;height:0.38rem;border-radius:100%;position:absolute;top:0.08rem;left:0.08rem}.p4c-circle.p4c-circle-1 .p4cc-border{background:#161616}.p4c-circle.p4c-circle-1 .p4cc-center{background:linear-gradient(180deg, #e2e9ef, #bbc8cf)}.p4c-circle.p4c-circle-2 .p4cc-border{background:#132228}.p4c-circle.p4c-circle-2 .p4cc-center{background:linear-gradient(180deg, #6e6e6e, #000)}.p4c-circle.p4c-circle-0 .p4cc-border{background:linear-gradient(180deg, #a985ff, #08a49d)}.p4c-circle.p4c-circle-0 .p4cc-center{background:linear-gradient(180deg, #a985ff, #08a49d)}.p4c-label{width:100%;text-align:center;opacity:0.3}.part-4.bg-1 .p4cc-bg{background:#eaf1f0}.part-4.bg-1 .p4c-circle-1 .p4cc-border{opacity:0.4}.part-4.bg-1 .p4c-circle-1+.p4c-label{opacity:1}.part-4.bg-2 .p4cc-bg{background:#e7ebf8}.part-4.bg-2 .p4c-circle-2 .p4cc-border{opacity:0.4}.part-4.bg-2 .p4c-circle-2+.p4c-label{opacity:1}.part-4.bg-0 .p4cc-bg{background:#f3edff}.part-4.bg-0 .p4c-circle-0 .p4cc-border{opacity:0.4}.part-4.bg-0 .p4c-circle-0+.p4c-label{opacity:1}.part-4-phone-box{width:7.84rem;height:100%}.main-wrapper .part-4-color-swiper{width:calc(50vw + 1.28rem);height:100%}.main-wrapper .part-4-color-swiper .swiper-slide{width:7.84rem;height:100%}.main-wrapper .part-4-color-swiper .swiper-slide picture{width:100%;height:100%}.part-5{height:9.3rem;background:#000000;color:#ffffff;overflow:hidden}.part-5 .comm-title-box{margin-bottom:0.48rem}.part-5 .comm-text{width:27em}.part-5-center-box{width:13.12rem;height:9.3rem;margin:auto;display:-ms-flexbox;display:flex}.part-5-left-box{width:4.16rem;height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;position:relative;z-index:2}.part-5-screen-list{height:1.8rem;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-line-pack:justify;align-content:space-between}.part-5-screen-item{min-width:1.26rem;height:0.7rem;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between}.part-5-phone-box{width:8.96rem;height:100%;position:relative;z-index:1}.part-5-bg{width:10.73rem;height:6.95rem;position:absolute;top:1.2rem;left:-0.17rem}.part-5-phone{width:3.075rem;height:6.605rem;position:absolute}.part-5-phone .part-5-phone-screen{width:2.94rem;position:absolute;left:0.1rem;background:#000000}.part-5-phone .part-5-phone-border{width:100%;height:100%;position:absolute;top:0;left:0}.part-5-phone.part-5-phone-0{top:-2.12rem;left:5.35rem}.part-5-phone.part-5-phone-0 .part-5-phone-screen{bottom:0.1rem;border-radius:0 0 0.3rem 0.3rem}.part-5-phone.part-5-phone-1{top:1.34rem;left:1.96rem}.part-5-phone.part-5-phone-1 .part-5-phone-screen{top:0.1rem;border-radius:0.3rem}.part-5-phone.part-5-phone-2{bottom:-2.12rem;left:5.35rem}.part-5-phone.part-5-phone-2 .part-5-phone-screen{top:0.1rem;border-radius:0.3rem 0.3rem 0 0}.part-6{height:9.3rem}.part-6 .comm-title-box{margin-bottom:0.48rem}.part-6 .comm-text{width:25em}.part-6-center-box{width:13.12rem;height:9.3rem;margin:auto;display:-ms-flexbox;display:flex}.part-6-left-box{width:4.16rem;height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;position:relative;z-index:2}.part-6-hz-list{width:100%;display:-ms-flexbox;display:flex}.part-6-hz-item{color:#131313;margin-right:0.4rem}.part-6-hz-item:last-child{margin-right:0}.part-6-right-box{width:8.96rem;height:100%;position:relative;z-index:1}.part-6-phone-box{width:4.645rem;height:8.025rem;position:absolute;bottom:0;left:2.88rem}.part-6-phone-box .hz-box{width:4.45rem;height:7.88rem;border-radius:0.4rem 0.4rem 0 0;background:#000000;overflow:hidden;position:absolute;bottom:0;left:0.0975rem}.part-6-phone-box .hz-box .img-list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;height:90rem;padding-top:0.56rem}.part-6-phone-box .hz-box .img-list img{width:3.8rem;height:1.21rem;margin-bottom:0.23rem}.part-6-phone-box .hz-box .shadow-bottom{width:100%;height:2.88rem;opacity:0.6;background:linear-gradient(180deg, transparent, #000);position:absolute;bottom:0;left:0}.part-6-phone-box .hz-border{width:100%;height:100%;position:absolute;bottom:0;left:0}.part-7{height:8.14rem;background:#f2f4fa;position:relative;overflow:hidden}.part-7 .comm-title-box{margin-bottom:0.64rem}.part-7 .comm-t-h2{padding-bottom:0}.part-7::after{content:'';background:linear-gradient(180deg, transparent, #2d1d51);opacity:0.08;display:block;width:100%;height:2.1rem;position:absolute;bottom:0;left:0}.part-7-center-box{width:13.12rem;height:8.14rem;margin:auto;display:-ms-flexbox;display:flex;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.part-7-right-box{width:4.16rem;height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;position:relative;z-index:2}.part-7-camara-list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.part-7-camara-item{color:#131313;height:0.74rem;margin-bottom:0.46rem;display:-ms-flexbox;display:flex}.part-7-camara-item:last-child{margin-bottom:0}.p7ci-left{width:0.82rem}.p7ci-left img{width:0.58rem;height:0.35rem}.part-7-phone-box{width:8.96rem;height:100%;position:relative;z-index:1}.part-7-phone{width:12.385rem;height:6.84rem;position:absolute;bottom:0;left:-3.04rem}.part-8{padding:1.28rem 0;background:#f9f9fc}.part-8-center-box{width:13.12rem;margin:auto}.part-8-picture-card{height:8.28rem;padding-bottom:0.8rem}.part-8-picture-card.p8pc-3{height:9.82rem;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-direction:column;flex-direction:column;-ms-flex-line-pack:justify;align-content:space-between}.part-8-picture-card:last-child{padding-bottom:0}.picture-text picture{width:13.12rem;height:7.38rem;margin-bottom:0.32rem}.part-8-picture-card.p8pc-3 .picture-text:nth-child(1){width:6.7rem}.part-8-picture-card.p8pc-3 .picture-text:nth-child(1) picture{width:6.7rem;height:8.92rem}.part-8-picture-card.p8pc-3 .picture-text:nth-child(2){width:5.3rem;height:5.38rem}.part-8-picture-card.p8pc-3 .picture-text:nth-child(2) picture{width:5.3rem;height:3.54rem}.part-8-picture-card.p8pc-3 .picture-text:nth-child(3){width:5.3rem}.part-8-picture-card.p8pc-3 .picture-text:nth-child(3) picture{width:5.3rem;height:3.54rem}.part-9{padding:1.28rem 0;background:#e9edf2}.part-9 .comm-title-box{text-align:center;margin-bottom:0.8rem}.part-9 .comm-t-h2{padding-bottom:0}.part-9-phone-box{width:13.12rem;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin:0 auto 0.8rem}.phone-text{width:4rem}.phone-text .phone-img-box{background:rgba(203,225,223,0.6);width:4rem;height:5.33rem;margin-bottom:0.2rem;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.phone-text .phone-img-box picture{width:2.04rem;height:4.39rem}.more-os{display:block;width:4.5em;height:0.24rem;margin:auto;border-bottom:1Px solid #000000;text-align:center}.part-10{padding:1.28rem 0;background:rgba(200,209,223,0.6)}.part-10 .comm-title-box{text-align:center;margin-bottom:0.8rem}.part-10 .comm-t-h2{padding-bottom:0}.part-10-phone-box{width:13.12rem;height:2.74rem;margin:auto;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.data-text{width:2.24rem;height:2.74rem;box-sizing:border-box;padding-top:0.52rem;background:rgba(255,255,255,0.6);border-radius:0.04rem;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;text-align:center}.data-text img{width:0.87rem;height:0.87rem;margin-bottom:0.3rem}.part-11{padding:1.28rem 0}.remarks-h3{width:13.12rem;margin:auto;opacity:0.5}.remarks-h3 li{list-style:decimal outside;margin-left:0.24rem}.kv-img__bg{opacity:0}.kv-text-box{opacity:0;-webkit-transform:translateY(0.5rem);transform:translateY(0.5rem)}.mainjsloaded .sec-kv .kv-img__bg{opacity:1;transition:0.6s ease}.mainjsloaded .sec-kv .kv-text-box{opacity:1;-webkit-transform:none;transform:none;transition:0.6s ease 0.4s}.mainjsloaded .part-0{position:relative}.mainjsloaded .part-0 .comm-title-box{-webkit-transform:translateY(1.9rem);transform:translateY(1.9rem)}.mainjsloaded .part-0-absolute-box{position:absolute;top:1.82rem;left:0;right:0;-webkit-transform-origin:center top;transform-origin:center top;-webkit-transform:scale(1.2745);transform:scale(1.2745)}.mainjsloaded .part-0-picture{opacity:0;-webkit-transform-origin:center center;transform-origin:center center;transition:0.3s ease}.mainjsloaded .part-0-picture.part-0-picture-2{-webkit-transform:scale(1.8597) translate(0.03rem, -0.01rem);transform:scale(1.8597) translate(0.03rem, -0.01rem)}.mainjsloaded .part-0-picture.part-0-picture-1{-webkit-transform:scale(2) translate(-0.02rem, 0.03rem);transform:scale(2) translate(-0.02rem, 0.03rem)}.mainjsloaded .part-0-picture.part-0-picture-3{-webkit-transform:scale(4) translate(0, -0.5rem);transform:scale(4) translate(0, -0.5rem);opacity:0}.mainjsloaded .part-0-h3{opacity:0}.mainjsloaded .part-0.step-1 .comm-title-box{-webkit-transform:translateY(0);transform:translateY(0)}.mainjsloaded .part-0.step-1 .part-0-absolute-box{position:relative;top:0;-webkit-transform:scale(1);transform:scale(1)}.mainjsloaded .part-0.step-1 .part-0-picture.part-0-picture-0,.mainjsloaded .part-0.step-1 .part-0-picture.part-0-picture-1{opacity:1}.mainjsloaded .part-0.step-2 .part-0-picture.part-0-picture-0{-webkit-transform:scale(0.5) translate(0.04rem, -0.08rem);transform:scale(0.5) translate(0.04rem, -0.08rem);opacity:0}.mainjsloaded .part-0.step-2 .part-0-picture.part-0-picture-1{-webkit-transform:scale(1) translate(0, 0);transform:scale(1) translate(0, 0)}.mainjsloaded .part-0.step-2 .part-0-picture.part-0-picture-2{opacity:1}.mainjsloaded .part-0.step-3 .part-0-picture.part-0-picture-1{-webkit-transform:scale(0.52) translate(-0.05rem, 0.04rem);transform:scale(0.52) translate(-0.05rem, 0.04rem);opacity:0}.mainjsloaded .part-0.step-3 .part-0-picture.part-0-picture-2{-webkit-transform:scale(1) translate(0, 0);transform:scale(1) translate(0, 0)}.mainjsloaded .part-0.step-4 .part-0-picture.part-0-picture-3{-webkit-transform:scale(1) translate(0, 0);transform:scale(1) translate(0, 0);opacity:0.8}.mainjsloaded .part-0.step-4 .part-0-h3{opacity:1;transition:0.3s ease 0.3s}.mainjsloaded .part-1-phone{opacity:1;transition:0.6s ease}.mainjsloaded .part-1-shadow{opacity:0;transition:0.6s ease}.mainjsloaded .part-1-5g{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:scale(0.8045);transform:scale(0.8045);box-shadow:0 0 0 rgba(255,255,255,0);transition:0.6s ease}.mainjsloaded .part-1.step-1 .part-1-shadow{opacity:1}.mainjsloaded .part-1.step-1 .part-1-5g{-webkit-transform:scale(1);transform:scale(1);box-shadow:0 0 1rem rgba(255,255,255,0.74)}.mainjsloaded .part-1.step-1 .part-1-phone{opacity:0.6}.mainjsloaded .part-2-phone{-webkit-transform:translate(-0.7rem, -0.7rem);transform:translate(-0.7rem, -0.7rem);transition:0.6s ease}.mainjsloaded .part-2-charging-line{-webkit-transform:translate(0.3rem, 0.3rem);transform:translate(0.3rem, 0.3rem);transition:0.6s ease}.mainjsloaded .part-2-num-filled .close-box{width:100%;height:0;overflow:hidden;position:absolute;bottom:0;left:0;transition:0.6s ease}.mainjsloaded .part-2-num-filled img{width:12.87rem;height:3.03rem;position:absolute;bottom:0;left:0}.mainjsloaded .part-2.step-1 .part-2-phone{-webkit-transform:translate(0, 0);transform:translate(0, 0)}.mainjsloaded .part-2.step-1 .part-2-charging-line{-webkit-transform:translate(0, 0);transform:translate(0, 0)}.mainjsloaded .part-2.step-1 .part-2-num-filled .close-box{height:100%;transition:0.6s ease 0.5s}.mainjsloaded .part-3-phone-box picture{transition:0.6s ease}.mainjsloaded .part-3-exploded-0{left:2.66rem;opacity:1}.mainjsloaded .part-3-exploded-0-light{opacity:0}.mainjsloaded .part-3-exploded-1{left:2.8rem}.mainjsloaded .part-3-exploded-1-light{opacity:0}.mainjsloaded .part-3-exploded-3{left:4rem}.mainjsloaded .part-3-exploded-4{left:3.3rem}.mainjsloaded .part-3-exploded-5{left:2.84rem;opacity:1}.mainjsloaded .part-3.step-1 .part-3-exploded-0{left:0;opacity:0.8}.mainjsloaded .part-3.step-1 .part-3-exploded-0-light{opacity:1;transition:0.6s ease 0.3s}.mainjsloaded .part-3.step-1 .part-3-exploded-1{left:1.51rem}.mainjsloaded .part-3.step-1 .part-3-exploded-1-light{opacity:1;transition:0.6s ease 0.3s}.mainjsloaded .part-3.step-1 .part-3-exploded-3{left:4.18rem}.mainjsloaded .part-3.step-1 .part-3-exploded-4{left:5.15rem}.mainjsloaded .part-3.step-1 .part-3-exploded-5{left:6.21rem;opacity:0.8}.mainjsloaded .part-5-bg{opacity:0;transition:0.6s ease}.mainjsloaded .part-5-phone{transition:0.6s ease}.mainjsloaded .part-5-phone .part-5-phone-screen img{opacity:0;transition:0.6s ease}.mainjsloaded .part-5-phone.part-5-phone-0{-webkit-transform:translate(0, -0.5rem);transform:translate(0, -0.5rem)}.mainjsloaded .part-5-phone.part-5-phone-1{-webkit-transform:translate(-0.5rem, 0);transform:translate(-0.5rem, 0)}.mainjsloaded .part-5-phone.part-5-phone-2{-webkit-transform:translate(0, 0.5rem);transform:translate(0, 0.5rem)}.mainjsloaded .part-5.step-1 .part-5-bg{opacity:1;transition:0.6s ease 0.5s}.mainjsloaded .part-5.step-1 .part-5-phone .part-5-phone-screen img{opacity:1;transition:0.6s ease 0.5s}.mainjsloaded .part-5.step-1 .part-5-phone.part-5-phone-0{-webkit-transform:translate(0, 0);transform:translate(0, 0)}.mainjsloaded .part-5.step-1 .part-5-phone.part-5-phone-1{-webkit-transform:translate(0, 0);transform:translate(0, 0)}.mainjsloaded .part-5.step-1 .part-5-phone.part-5-phone-2{-webkit-transform:translate(0, 0);transform:translate(0, 0)}.mainjsloaded .part-6-phone-box .hz-box .img-list img{margin-top:0.6rem;opacity:0;transition:1s ease}.mainjsloaded .part-6.step-1 .part-6-phone-box .hz-box .img-list img{margin-top:0;opacity:1}.mainjsloaded .part-6.step-2 .part-6-phone-box .hz-box .img-list{-webkit-transform:translate(0, -72rem);transform:translate(0, -72rem);transition:3s cubic-bezier(0.42, 0, 0.26, 1.01)}.mainjsloaded .part-7-phone{-webkit-transform:translate(0, 1rem);transform:translate(0, 1rem);opacity:0;transition:1s ease}.mainjsloaded .part-7.step-1 .part-7-phone{-webkit-transform:translate(0, 0);transform:translate(0, 0);opacity:1}}@media screen and (min-width: 1921px){.sec-kv{height:12.96rem;position:relative}.kv-img__bg{width:25.6rem;height:12.96rem;margin-left:-12.8rem}.kv-text-box{position:absolute;top:5.225rem;left:50%;margin-left:2.43rem}.part-7-phone{width:15.58rem;height:6.84rem;position:absolute;bottom:0;left:-6.24rem}}@media screen and (max-width: 1440px) and (min-width: 1280px){.comm-t-h1{font-size:4.72222vw;line-height:6.66667vw;letter-spacing:-.05556vw}.comm-t-h2{font-size:2.91667vw;line-height:4.16667vw;letter-spacing:-.01389vw;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";padding-bottom:1.38889vw}.comm-text{font-size:1.11111vw;line-height:1.94444vw;letter-spacing:-.00646vw}.kv-h1{display:block;width:18.61111vw;height:4.51389vw;margin-bottom:1.66667vw}.kv-h2{font-size:1.94444vw;line-height:2.91667vw;letter-spacing:-.00924vw;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";margin-bottom:3.33333vw}.kv-h3{font-size:.97222vw;line-height:3.33333vw;letter-spacing:-.00604vw;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.kv-h4{font-size:1.94444vw;line-height:3.33333vw;letter-spacing:-.01215vw;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.kv-h5{font-size:1.11111vw;line-height:3.33333vw;letter-spacing:-.00694vw;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.reason-h3{font-size:1.11111vw;line-height:1.38889vw;padding-bottom:.48611vw;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.reason-h3:last-child{padding-bottom:0;font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.part-0-h3{font-size:1.66667vw;line-height:1.66667vw;letter-spacing:-.00792vw;color:#ffffff}.part-1-h3{font-size:2.63889vw;line-height:2.63889vw;letter-spacing:-.04396vw;padding-bottom:1.11111vw}.part-1-h4{font-size:.97222vw;line-height:1.52778vw;letter-spacing:-.01215vw;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.part-2-h3{font-size:2.63889vw;line-height:2.63889vw;letter-spacing:-.04396vw;padding-bottom:1.11111vw}.part-2-h4{font-size:.97222vw;line-height:1.52778vw;letter-spacing:-.01215vw;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.part-3-h3{font-size:1.38889vw;line-height:2.08333vw;letter-spacing:-.00813vw;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.part-4-h3{font-size:2.63889vw;line-height:2.63889vw;letter-spacing:-.04396vw;padding-bottom:1.11111vw}.part-4-h4{font-size:1.38889vw;line-height:2.22222vw;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.part-4-h5{font-size:.97222vw;line-height:1.52778vw;letter-spacing:-.01215vw;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.part-4-h6{font-size:.97222vw;line-height:1.11111vw;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.part-5-h3{font-size:2.63889vw;line-height:2.63889vw;letter-spacing:-.04396vw;padding-bottom:1.25vw}.part-5-h4{font-size:.97222vw;line-height:.97222vw;letter-spacing:-.01215vw;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.part-6-h3{font-size:2.63889vw;line-height:2.63889vw;letter-spacing:-.04396vw;padding-bottom:1.11111vw}.part-6-h4{font-size:.97222vw;line-height:1.52778vw;letter-spacing:-.01215vw;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.part-7-h3{font-size:2.63889vw;line-height:2.63889vw;letter-spacing:-.04396vw;padding-bottom:1.11111vw}.part-7-h4{font-size:1.38889vw;line-height:2.22222vw;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.part-7-h5{font-size:.97222vw;line-height:1.52778vw;letter-spacing:-.01215vw;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.part-8-h3{font-size:1.38889vw;line-height:2.22222vw;letter-spacing:-.00813vw;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";padding-bottom:.27778vw}.part-8-h4{font-size:1.11111vw;line-height:1.11111vw;letter-spacing:-.00646vw}.part-9-h3{font-size:1.38889vw;line-height:2.22222vw;letter-spacing:-.00813vw;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";margin-bottom:-.27778vw}.part-9-h4{font-size:1.38889vw;line-height:2.22222vw;letter-spacing:-.00813vw;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";padding-bottom:.55556vw;opacity:0.6}.part-9-h5{font-size:1.11111vw;line-height:1.94444vw;letter-spacing:-.00694vw}.part-9-h6{font-size:.90278vw;line-height:1.66667vw;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.part-10-h3{font-size:1.66667vw;line-height:1.66667vw;letter-spacing:-.00597vw;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";padding-bottom:2.08333vw}.part-10-h4{font-size:.97222vw;line-height:.97222vw;letter-spacing:-.00347vw;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.remarks-h3{font-size:.83333vw;line-height:1.38889vw}.sec-kv{height:45.83333vw;position:relative}.kv-img__bg{width:100vw;height:45.83333vw}.kv-text-box{position:absolute;top:15.34722vw;left:50%;margin-left:16.66667vw}.kv-buy-box-set{width:100%;height:3.33333vw;display:-ms-flexbox;display:flex}.kv-buy-box{min-width:15vw;height:3.33333vw;display:-ms-flexbox;display:flex;overflow:hidden;white-space:nowrap}.kv-buy-num{padding-right:1.11111vw}.kv-buy-btn{width:7.22222vw;height:3.33333vw;background:#2ec84d;border-radius:.13889vw;margin-left:auto;text-align:center;color:#ffffff}.sec-reason{height:52.77778vw;box-sizing:border-box;padding-top:12.63889vw;position:relative}.sec-reason::before{content:'';display:block;width:100%;height:100%;background:linear-gradient(0deg, #ced1ef, rgba(204,214,232,0.69), rgba(237,255,251,0.3));opacity:0.3;position:absolute;top:0;left:0}.sec-reason .comm-t-h1{position:relative;text-align:center;padding-bottom:8.88889vw}.reason-list{position:relative;width:90.13889vw;height:12.5vw;margin:auto;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.reason-item{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;cursor:pointer}.reason-icon{height:4.16667vw;display:block;margin:0 auto 2.22222vw}.reason-icon-0{width:3.61111vw}.reason-icon-1{width:4.16667vw}.reason-icon-2{width:7.08333vw}.reason-icon-3{width:2.98611vw}.reason-icon-4{width:4.58333vw}.reason-icon-5{width:4.72222vw}.reason-desc{text-align:center;margin-bottom:1.11111vw}.reason-triangle-box{position:relative;width:1.04167vw;height:.69444vw;margin:auto;transition:0.6s ease}.reason-triangle-box img{position:absolute;top:0;left:0;width:100%;height:100%;transition:0.6s ease}.reason-triangle-box img:last-child{opacity:0}.reason-item:hover .reason-triangle-box img{top:.55556vw}.reason-item:hover .reason-triangle-box img:first-child{opacity:0}.reason-item:hover .reason-triangle-box img:last-child{opacity:1}.part-0{padding-top:12.63889vw}.part-0 .comm-title-box{text-align:center;margin-bottom:5.55556vw}.part-0-phone-box{width:70.83333vw;height:32.91667vw;margin:auto}.part-0-absolute-box{width:70.83333vw;height:32.91667vw;margin:auto;position:relative}.part-0-picture-box{width:66.73611vw;height:30.06944vw;position:absolute;top:1.52778vw;left:2.77778vw;overflow:hidden;border-radius:2.77778vw}.part-0-picture{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;border-radius:2.77778vw}.part-0-picture-0,.part-0-picture-1{opacity:0}.part-0-pictur-0{display:none}.part-0-picture-3{opacity:0.8}.part-0-h3{position:absolute;top:20.83333vw;left:59.02778vw}.part-0-phone{width:100%;height:100%;position:absolute}.part-1{padding-top:12.63889vw}.part-1 .comm-title-box{width:90.27778vw;text-align:center;margin:0 auto 5.55556vw}.part-1-center-box{width:91.11111vw;height:51.25vw;margin:auto;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.part-1-phone-box{width:60vw;height:51.25vw;background:radial-gradient(ellipse, #fff, #e2e4ec);position:relative}.part-1-phone{width:60vw;height:51.25vw;margin:auto;opacity:0.9}.part-1-shadow{width:100%;height:100%;position:absolute;top:0;left:0}.part-1-5g{width:15.27778vw;height:14.72222vw;box-shadow:0vw 0vw 6.94444vw rgba(255,255,255,0.74);position:absolute;top:18.19444vw;left:20.76389vw}.part-1-5g-list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:28.88889vw;height:51.25vw;background:#edeff5;white-space:nowrap}.part-1-5g-item{color:#131313;width:13.88889vw;height:7.08333vw;padding-bottom:3.47222vw;margin-bottom:3.33333vw;position:relative}.part-1-5g-item::after{content:'';display:block;width:100%;height:1Px;background:#979797;opacity:0.2;position:absolute;bottom:0;left:0}.part-1-5g-item:last-child{padding-bottom:0;margin-bottom:0}.part-1-5g-item:last-child::after{display:none}.part-2{padding-top:12.63889vw}.part-2 .comm-title-box{text-align:center;margin-bottom:5.55556vw}.part-2-phone-box{width:91.11111vw;height:49.72222vw;position:relative;margin:0 auto 5.55556vw}.part-2-num-border,.part-2-num-filled{display:block;width:89.375vw;height:21.04167vw;position:absolute;top:15.69444vw;left:0;right:0;margin:auto}.part-2-charging-line{width:23.40278vw;height:23.40278vw;position:absolute;top:40.97222vw;left:64.02778vw}.part-2-phone{width:57.43056vw;height:52.11806vw;position:absolute;top:0vw;left:-6.94444vw;right:0;margin:auto}.part-2-power-list{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:91.11111vw;margin:auto;position:relative}.part-2-power-item{color:#131313;margin:0 2.22222vw}.part-2-power-item:first-child{margin-left:0}.part-2-power-item:last-child{margin-right:0}.part-2-1{padding-top:12.63889vw}.part-2-1 .comm-title-box{text-align:center;margin-bottom:5.55556vw}.part-2-1 .comm-t-h2 br{display:none}.part-2-1-box{width:91.11111vw;height:51.25vw;margin:auto}.part-2-1-picture{width:100%;height:100%}.part-3{padding:12.63889vw 0}.part-3 .comm-title-box{margin-bottom:4.44444vw}.part-3 .comm-text{width:25em}.part-3-center-box{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;width:91.11111vw;margin:auto}.part-3-left-box{width:27.77778vw;height:51.25vw;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}.part-3-cool-item{margin-bottom:2.22222vw}.part-3-cool-item:last-child{margin-bottom:0}.part-3-phone-box{width:57.77778vw;height:51.25vw;position:relative}.part-3-phone-box picture{position:absolute}.part-3-exploded-0{width:14.51389vw;height:50.13889vw;top:.48611vw;left:0;opacity:0.8}.part-3-exploded-0-light{width:12.5vw;height:12.43056vw;top:6.94444vw;left:13.88889vw}.part-3-exploded-1{width:8.47222vw;height:27.91667vw;top:3.68056vw;left:10.48611vw}.part-3-exploded-1-light{width:20.55556vw;height:27.63889vw;top:0;left:24.93056vw}.part-3-exploded-2{width:15.48611vw;height:51.18056vw;top:0;left:18.33333vw}.part-3-exploded-3{width:5.625vw;height:25.48611vw;top:8.88889vw;left:29.02778vw}.part-3-exploded-4{width:10.55556vw;height:31.59722vw;top:3.47222vw;left:35.76389vw}.part-3-exploded-5{width:13.95833vw;height:49.86111vw;top:.625vw;left:43.125vw;opacity:0.8}.part-4{padding:12.63889vw 0;transition:0.6s ease}.part-4 .comm-title-box{margin-bottom:3.33333vw}.part-4 .comm-text{width:26em}.part-4.bg-1{background:#eaf1f0}.part-4.bg-2{background:#e7ebf8}.part-4.bg-0{background:#f3edff}.part-4-center-box{width:91.11111vw;height:51.25vw;margin:auto;display:-ms-flexbox;display:flex}.part-4-left-box{width:36.66667vw;height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}.part-4-touch-list{display:-ms-flexbox;display:flex;margin-bottom:5.41667vw}.part-4-touch-item{color:#131313;margin-right:3.19444vw}.part-4-touch-item:last-child{margin-right:0}.part-4-color-list{display:-ms-flexbox;display:flex}.part-4-color-item{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;margin-right:.97222vw;cursor:pointer}.part-4-color-item:last-child{margin-right:0}.p4c-circle{width:3.75vw;height:3.75vw;margin-bottom:.83333vw;position:relative}.p4c-circle .p4cc-border{width:3.75vw;height:3.75vw;border-radius:100%;position:absolute;top:0;left:0;opacity:0;transition:0.6s ease}.p4c-circle .p4cc-bg{width:calc(3.75vw - 2Px);height:calc(3.75vw - 2Px);border-radius:100%;position:absolute;top:1Px;left:1Px;transition:0.6s ease}.p4c-circle .p4cc-center{width:2.63889vw;height:2.63889vw;border-radius:100%;position:absolute;top:.55556vw;left:.55556vw}.p4c-circle.p4c-circle-1 .p4cc-border{background:#161616}.p4c-circle.p4c-circle-1 .p4cc-center{background:linear-gradient(180deg, #e2e9ef, #bbc8cf)}.p4c-circle.p4c-circle-2 .p4cc-border{background:#132228}.p4c-circle.p4c-circle-2 .p4cc-center{background:linear-gradient(180deg, #6e6e6e, #000)}.p4c-circle.p4c-circle-0 .p4cc-border{background:linear-gradient(180deg, #a985ff, #08a49d)}.p4c-circle.p4c-circle-0 .p4cc-center{background:linear-gradient(180deg, #a985ff, #08a49d)}.p4c-label{width:100%;text-align:center;opacity:0.3}.part-4.bg-1 .p4cc-bg{background:#eaf1f0}.part-4.bg-1 .p4c-circle-1 .p4cc-border{opacity:0.4}.part-4.bg-1 .p4c-circle-1+.p4c-label{opacity:1}.part-4.bg-2 .p4cc-bg{background:#e7ebf8}.part-4.bg-2 .p4c-circle-2 .p4cc-border{opacity:0.4}.part-4.bg-2 .p4c-circle-2+.p4c-label{opacity:1}.part-4.bg-0 .p4cc-bg{background:#f3edff}.part-4.bg-0 .p4c-circle-0 .p4cc-border{opacity:0.4}.part-4.bg-0 .p4c-circle-0+.p4c-label{opacity:1}.part-4-phone-box{width:54.44444vw;height:100%}.main-wrapper .part-4-color-swiper{width:58.8889vw;height:100%}.main-wrapper .part-4-color-swiper .swiper-slide{width:54.44444vw;height:100%}.main-wrapper .part-4-color-swiper .swiper-slide picture{width:100%;height:100%}.part-5{height:64.58333vw;background:#000000;color:#ffffff;overflow:hidden}.part-5 .comm-title-box{margin-bottom:3.33333vw}.part-5 .comm-text{width:27em}.part-5-center-box{width:91.11111vw;height:64.58333vw;margin:auto;display:-ms-flexbox;display:flex}.part-5-left-box{width:28.88889vw;height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;position:relative;z-index:2}.part-5-screen-list{height:12.5vw;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-line-pack:justify;align-content:space-between}.part-5-screen-item{min-width:8.75vw;height:4.86111vw;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between}.part-5-phone-box{width:62.22222vw;height:100%;position:relative;z-index:1}.part-5-bg{width:74.51389vw;height:48.26389vw;position:absolute;top:8.33333vw;left:-1.18056vw}.part-5-phone{width:21.35417vw;height:45.86806vw;position:absolute}.part-5-phone .part-5-phone-screen{width:20.41667vw;position:absolute;left:.69444vw;background:#000000}.part-5-phone .part-5-phone-border{width:100%;height:100%;position:absolute;top:0;left:0}.part-5-phone.part-5-phone-0{top:-14.72222vw;left:37.15278vw}.part-5-phone.part-5-phone-0 .part-5-phone-screen{bottom:.69444vw;border-radius:0 0 2.08333vw 2.08333vw}.part-5-phone.part-5-phone-1{top:9.30556vw;left:13.61111vw}.part-5-phone.part-5-phone-1 .part-5-phone-screen{top:.69444vw;border-radius:2.08333vw}.part-5-phone.part-5-phone-2{bottom:-14.72222vw;left:37.15278vw}.part-5-phone.part-5-phone-2 .part-5-phone-screen{top:.69444vw;border-radius:2.08333vw 2.08333vw 0 0}.part-6{height:64.58333vw}.part-6 .comm-title-box{margin-bottom:3.33333vw}.part-6 .comm-text{width:25em}.part-6-center-box{width:91.11111vw;height:64.58333vw;margin:auto;display:-ms-flexbox;display:flex}.part-6-left-box{width:28.88889vw;height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;position:relative;z-index:2}.part-6-hz-list{width:100%;display:-ms-flexbox;display:flex}.part-6-hz-item{color:#131313;margin-right:2.77778vw}.part-6-hz-item:last-child{margin-right:0}.part-6-right-box{width:62.22222vw;height:100%;position:relative;z-index:1}.part-6-phone-box{width:32.25694vw;height:55.72917vw;position:absolute;bottom:0;left:20vw}.part-6-phone-box .hz-box{width:30.90278vw;height:54.72222vw;border-radius:2.77778vw 2.77778vw 0 0;background:#000000;overflow:hidden;position:absolute;bottom:0;left:.67708vw}.part-6-phone-box .hz-box .img-list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;height:625vw;padding-top:3.88889vw}.part-6-phone-box .hz-box .img-list img{width:26.38889vw;height:8.40278vw;margin-bottom:1.59722vw}.part-6-phone-box .hz-box .shadow-bottom{width:100%;height:20vw;opacity:0.6;background:linear-gradient(180deg, transparent, #000);position:absolute;bottom:0;left:0}.part-6-phone-box .hz-border{width:100%;height:100%;position:absolute;bottom:0;left:0}.part-7{height:56.52778vw;background:#f2f4fa;position:relative;overflow:hidden}.part-7 .comm-title-box{margin-bottom:4.44444vw}.part-7 .comm-t-h2{padding-bottom:0}.part-7::after{content:'';background:linear-gradient(180deg, transparent, #2d1d51);opacity:0.08;display:block;width:100%;height:14.58333vw;position:absolute;bottom:0;left:0}.part-7-center-box{width:91.11111vw;height:56.52778vw;margin:auto;display:-ms-flexbox;display:flex;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.part-7-right-box{width:28.88889vw;height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;position:relative;z-index:2}.part-7-camara-list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.part-7-camara-item{color:#131313;height:5.13889vw;margin-bottom:3.19444vw;display:-ms-flexbox;display:flex}.part-7-camara-item:last-child{margin-bottom:0}.p7ci-left{width:5.69444vw}.p7ci-left img{width:4.02778vw;height:2.43056vw}.part-7-phone-box{width:62.22222vw;height:100%;position:relative;z-index:1}.part-7-phone{width:69.30556vw;height:47.36111vw;position:absolute;bottom:0;left:-4.44444vw}.part-8{padding:8.88889vw 0;background:#f9f9fc}.part-8-center-box{width:91.11111vw;margin:auto}.part-8-picture-card{height:57.5vw;padding-bottom:5.55556vw}.part-8-picture-card.p8pc-3{height:68.19444vw;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-direction:column;flex-direction:column;-ms-flex-line-pack:justify;align-content:space-between}.part-8-picture-card:last-child{padding-bottom:0}.picture-text picture{width:91.11111vw;height:51.25vw;margin-bottom:2.22222vw}.part-8-picture-card.p8pc-3 .picture-text:nth-child(1){width:46.52778vw}.part-8-picture-card.p8pc-3 .picture-text:nth-child(1) picture{width:46.52778vw;height:61.94444vw}.part-8-picture-card.p8pc-3 .picture-text:nth-child(2){width:36.80556vw;height:37.36111vw}.part-8-picture-card.p8pc-3 .picture-text:nth-child(2) picture{width:36.80556vw;height:24.58333vw}.part-8-picture-card.p8pc-3 .picture-text:nth-child(3){width:36.80556vw}.part-8-picture-card.p8pc-3 .picture-text:nth-child(3) picture{width:36.80556vw;height:24.58333vw}.part-9{padding:8.88889vw 0;background:#e9edf2}.part-9 .comm-title-box{text-align:center;margin-bottom:5.55556vw}.part-9 .comm-t-h2{padding-bottom:0}.part-9-phone-box{width:91.11111vw;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin:0 auto 5.55556vw}.phone-text{width:27.77778vw}.phone-text .phone-img-box{background:rgba(203,225,223,0.6);width:27.77778vw;height:37.01389vw;margin-bottom:1.38889vw;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.phone-text .phone-img-box picture{width:14.16667vw;height:30.48611vw}.more-os{display:block;width:4.5em;height:1.66667vw;margin:auto;border-bottom:1Px solid #000000;text-align:center}.part-10{padding:8.88889vw 0;background:rgba(200,209,223,0.6)}.part-10 .comm-title-box{text-align:center;margin-bottom:5.55556vw}.part-10 .comm-t-h2{padding-bottom:0}.part-10-phone-box{width:91.11111vw;height:19.02778vw;margin:auto;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.data-text{width:15.55556vw;height:19.02778vw;box-sizing:border-box;padding-top:3.61111vw;background:rgba(255,255,255,0.6);border-radius:.27778vw;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;text-align:center}.data-text img{width:6.04167vw;height:6.04167vw;margin-bottom:2.08333vw}.part-11{padding:8.88889vw 0}.remarks-h3{width:91.11111vw;margin:auto;opacity:0.5}.remarks-h3 li{list-style:decimal outside;margin-left:1.66667vw}.kv-img__bg{opacity:0}.kv-text-box{opacity:0;-webkit-transform:translateY(3.47222vw);transform:translateY(3.47222vw)}.mainjsloaded .sec-kv .kv-img__bg{opacity:1;transition:0.6s ease}.mainjsloaded .sec-kv .kv-text-box{opacity:1;-webkit-transform:none;transform:none;transition:0.6s ease 0.4s}.mainjsloaded .part-0{position:relative}.mainjsloaded .part-0 .comm-title-box{-webkit-transform:translateY(13.19444vw);transform:translateY(13.19444vw)}.mainjsloaded .part-0-absolute-box{position:absolute;top:12.63889vw;left:0;right:0;-webkit-transform-origin:center top;transform-origin:center top;-webkit-transform:scale(1.2745);transform:scale(1.2745)}.mainjsloaded .part-0-picture{opacity:0;-webkit-transform-origin:center center;transform-origin:center center;transition:0.3s ease}.mainjsloaded .part-0-picture.part-0-picture-2{-webkit-transform:scale(1.8597) translate(.20833vw, -.06944vw);transform:scale(1.8597) translate(.20833vw, -.06944vw)}.mainjsloaded .part-0-picture.part-0-picture-1{-webkit-transform:scale(2) translate(-.13889vw, .20833vw);transform:scale(2) translate(-.13889vw, .20833vw)}.mainjsloaded .part-0-picture.part-0-picture-3{-webkit-transform:scale(4) translate(0vw, -3.47222vw);transform:scale(4) translate(0vw, -3.47222vw);opacity:0}.mainjsloaded .part-0-h3{opacity:0}.mainjsloaded .part-0.step-1 .comm-title-box{-webkit-transform:translateY(0);transform:translateY(0)}.mainjsloaded .part-0.step-1 .part-0-absolute-box{position:relative;top:0;-webkit-transform:scale(1);transform:scale(1)}.mainjsloaded .part-0.step-1 .part-0-picture.part-0-picture-0,.mainjsloaded .part-0.step-1 .part-0-picture.part-0-picture-1{opacity:1}.mainjsloaded .part-0.step-2 .part-0-picture.part-0-picture-0{-webkit-transform:scale(0.5) translate(.27778vw, -.55556vw);transform:scale(0.5) translate(.27778vw, -.55556vw);opacity:0}.mainjsloaded .part-0.step-2 .part-0-picture.part-0-picture-1{-webkit-transform:scale(1) translate(0, 0);transform:scale(1) translate(0, 0)}.mainjsloaded .part-0.step-2 .part-0-picture.part-0-picture-2{opacity:1}.mainjsloaded .part-0.step-3 .part-0-picture.part-0-picture-1{-webkit-transform:scale(0.52) translate(-.34722vw, .27778vw);transform:scale(0.52) translate(-.34722vw, .27778vw);opacity:0}.mainjsloaded .part-0.step-3 .part-0-picture.part-0-picture-2{-webkit-transform:scale(1) translate(0, 0);transform:scale(1) translate(0, 0)}.mainjsloaded .part-0.step-4 .part-0-picture.part-0-picture-3{-webkit-transform:scale(1) translate(0, 0);transform:scale(1) translate(0, 0);opacity:0.8}.mainjsloaded .part-0.step-4 .part-0-h3{opacity:1;transition:0.3s ease 0.3s}.mainjsloaded .part-1-phone{opacity:1;transition:0.6s ease}.mainjsloaded .part-1-shadow{opacity:0;transition:0.6s ease}.mainjsloaded .part-1-5g{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:scale(0.8045);transform:scale(0.8045);box-shadow:0vw 0vw 0vw rgba(255,255,255,0);transition:0.6s ease}.mainjsloaded .part-1.step-1 .part-1-shadow{opacity:1}.mainjsloaded .part-1.step-1 .part-1-5g{-webkit-transform:scale(1);transform:scale(1);box-shadow:0vw 0vw 6.94444vw rgba(255,255,255,0.74)}.mainjsloaded .part-1.step-1 .part-1-phone{opacity:0.6}.mainjsloaded .part-2-phone{-webkit-transform:translate(-4.86111vw, -4.86111vw);transform:translate(-4.86111vw, -4.86111vw);transition:0.6s ease}.mainjsloaded .part-2-charging-line{-webkit-transform:translate(2.08333vw, 2.08333vw);transform:translate(2.08333vw, 2.08333vw);transition:0.6s ease}.mainjsloaded .part-2-num-filled .close-box{width:100%;height:0;overflow:hidden;position:absolute;bottom:0;left:0;transition:0.6s ease}.mainjsloaded .part-2-num-filled img{width:89.375vw;height:21.04167vw;position:absolute;bottom:0;left:0}.mainjsloaded .part-2.step-1 .part-2-phone{-webkit-transform:translate(0, 0);transform:translate(0, 0)}.mainjsloaded .part-2.step-1 .part-2-charging-line{-webkit-transform:translate(0, 0);transform:translate(0, 0)}.mainjsloaded .part-2.step-1 .part-2-num-filled .close-box{height:100%;transition:0.6s ease 0.5s}.mainjsloaded .part-3-phone-box picture{transition:0.6s ease}.mainjsloaded .part-3-exploded-0{left:18.47222vw;opacity:1}.mainjsloaded .part-3-exploded-0-light{opacity:0}.mainjsloaded .part-3-exploded-1{left:19.44444vw}.mainjsloaded .part-3-exploded-1-light{opacity:0}.mainjsloaded .part-3-exploded-3{left:27.77778vw}.mainjsloaded .part-3-exploded-4{left:22.91667vw}.mainjsloaded .part-3-exploded-5{left:19.72222vw;opacity:1}.mainjsloaded .part-3.step-1 .part-3-exploded-0{left:0;opacity:0.8}.mainjsloaded .part-3.step-1 .part-3-exploded-0-light{opacity:1;transition:0.6s ease 0.3s}.mainjsloaded .part-3.step-1 .part-3-exploded-1{left:10.48611vw}.mainjsloaded .part-3.step-1 .part-3-exploded-1-light{opacity:1;transition:0.6s ease 0.3s}.mainjsloaded .part-3.step-1 .part-3-exploded-3{left:29.02778vw}.mainjsloaded .part-3.step-1 .part-3-exploded-4{left:35.76389vw}.mainjsloaded .part-3.step-1 .part-3-exploded-5{left:43.125vw;opacity:0.8}.mainjsloaded .part-5-bg{opacity:0;transition:0.6s ease}.mainjsloaded .part-5-phone{transition:0.6s ease}.mainjsloaded .part-5-phone .part-5-phone-screen img{opacity:0;transition:0.6s ease}.mainjsloaded .part-5-phone.part-5-phone-0{-webkit-transform:translate(0, -3.47222vw);transform:translate(0, -3.47222vw)}.mainjsloaded .part-5-phone.part-5-phone-1{-webkit-transform:translate(-3.47222vw, 0);transform:translate(-3.47222vw, 0)}.mainjsloaded .part-5-phone.part-5-phone-2{-webkit-transform:translate(0, 3.47222vw);transform:translate(0, 3.47222vw)}.mainjsloaded .part-5.step-1 .part-5-bg{opacity:1;transition:0.6s ease 0.5s}.mainjsloaded .part-5.step-1 .part-5-phone .part-5-phone-screen img{opacity:1;transition:0.6s ease 0.5s}.mainjsloaded .part-5.step-1 .part-5-phone.part-5-phone-0{-webkit-transform:translate(0, 0);transform:translate(0, 0)}.mainjsloaded .part-5.step-1 .part-5-phone.part-5-phone-1{-webkit-transform:translate(0, 0);transform:translate(0, 0)}.mainjsloaded .part-5.step-1 .part-5-phone.part-5-phone-2{-webkit-transform:translate(0, 0);transform:translate(0, 0)}.mainjsloaded .part-6-phone-box .hz-box .img-list img{margin-top:4.16667vw;opacity:0;transition:1s ease}.mainjsloaded .part-6.step-1 .part-6-phone-box .hz-box .img-list img{margin-top:0;opacity:1}.mainjsloaded .part-6.step-2 .part-6-phone-box .hz-box .img-list{-webkit-transform:translate(0, -500vw);transform:translate(0, -500vw);transition:3s cubic-bezier(0.42, 0, 0.26, 1.01)}.mainjsloaded .part-7-phone{-webkit-transform:translate(0, 6.94444vw);transform:translate(0, 6.94444vw);opacity:0;transition:1s ease}.mainjsloaded .part-7.step-1 .part-7-phone{-webkit-transform:translate(0, 0);transform:translate(0, 0);opacity:1}}@media screen and (max-width: 1279px) and (min-width: 1024px){.comm-t-h1{font-size:0.6rem;line-height:0.72rem;letter-spacing:-0.002rem}.comm-t-h2{font-size:0.42rem;line-height:0.6rem;letter-spacing:-0.002rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";padding-bottom:0.2rem}.comm-text{font-size:0.16rem;line-height:0.28rem;letter-spacing:-0.00093rem}.kv-h1{display:block;width:2.31rem;height:0.56rem;margin-bottom:0.23rem}.kv-h2{font-size:0.24rem;line-height:0.42rem;letter-spacing:-0.0011rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";margin-bottom:0.32rem}.kv-h3{font-size:0.14rem;line-height:0.48rem;letter-spacing:-0.00087rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.kv-h4{font-size:0.28rem;line-height:0.48rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.kv-h5{font-size:0.16rem;line-height:0.48rem;letter-spacing:-0.001rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.reason-h3{font-size:0.16rem;line-height:0.2rem;padding-bottom:0.07rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.reason-h3:last-child{padding-bottom:0;font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.part-0-h3{font-size:0.2rem;line-height:0.26rem;letter-spacing:-0.00114rem;color:#ffffff}.part-1-h3{font-size:0.34rem;line-height:0.45rem;letter-spacing:-0.01rem}.part-1-h4{font-size:0.12rem;line-height:0.16rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.part-2-h3{font-size:0.34rem;line-height:0.45rem;letter-spacing:-0.01rem}.part-2-h4{font-size:0.12rem;line-height:0.16rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.part-3-h3{font-size:0.2rem;line-height:0.3rem;letter-spacing:-0.00117rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.part-4-h3{font-size:0.34rem;line-height:0.45rem;letter-spacing:-0.01rem}.part-4-h4{font-size:0.16rem;line-height:0.32rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.part-4-h5{font-size:0.12rem;line-height:0.16rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.part-4-h6{font-size:0.14rem;line-height:0.16rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.part-5-h3{font-size:0.34rem;line-height:0.45rem;letter-spacing:-0.01rem}.part-5-h4{font-size:0.12rem;line-height:0.16rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.part-6-h3{font-size:0.34rem;line-height:0.45rem;letter-spacing:-0.01rem}.part-6-h4{font-size:0.12rem;line-height:0.16rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.part-7-h3{font-size:0.34rem;line-height:0.45rem;letter-spacing:-0.01rem}.part-7-h4{font-size:0.16rem;line-height:0.32rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.part-7-h5{font-size:0.12rem;line-height:0.16rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.part-8-h3{font-size:0.16rem;line-height:0.26rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";padding-bottom:0.04rem}.part-8-h4{font-size:0.14rem;line-height:0.18rem;letter-spacing:-0.0009rem}.part-9-h3{font-size:0.16rem;line-height:0.26rem;letter-spacing:-0.0009rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";margin-bottom:-0.04rem}.part-9-h4{font-size:0.16rem;line-height:0.26rem;letter-spacing:-0.0009rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";padding-bottom:0.08rem;opacity:0.6}.part-9-h5{font-size:0.14rem;line-height:0.24rem;letter-spacing:-0.0009rem}.part-9-h5{font-size:0.13rem;line-height:0.24rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.part-10-h3{font-size:0.24rem;line-height:0.32rem;letter-spacing:-0.0009rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";padding-bottom:0.15rem}.part-10-h4{font-size:0.14rem;line-height:0.18rem;letter-spacing:-0.0005rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.remarks-h3{font-size:0.12rem;line-height:0.2rem}.sec-kv{height:6.17rem;position:relative}.kv-img__bg{width:10.24rem;height:6.17rem}.kv-text-box{position:absolute;top:2.13rem;left:6.44rem}.kv-buy-box-set{width:100%;height:0.48rem;display:-ms-flexbox;display:flex}.kv-buy-box{min-width:2.16rem;height:0.48rem;display:-ms-flexbox;display:flex;overflow:hidden;white-space:nowrap}.kv-buy-num{padding-right:0.18rem}.kv-buy-btn{width:1.04rem;height:0.48rem;background:#2ec84d;border-radius:0.02rem;margin-left:auto;text-align:center;color:#ffffff}.sec-reason{height:7.36rem;box-sizing:border-box;padding-top:1.82rem;position:relative}.sec-reason::before{content:'';display:block;width:100%;height:100%;background:linear-gradient(0deg, #ced1ef, rgba(204,214,232,0.69), rgba(237,255,251,0.3));opacity:0.3;position:absolute;top:0;left:0}.sec-reason .comm-t-h1{position:relative;text-align:center;padding-bottom:1.28rem}.reason-list{position:relative;width:8.96rem;height:1.8rem;margin:auto;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.reason-item{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}.reason-icon{height:0.6rem;display:block;margin:0 auto 0.32rem}.reason-icon-0{width:0.52rem}.reason-icon-1{width:0.6rem}.reason-icon-2{width:1.02rem}.reason-icon-3{width:0.43rem}.reason-icon-4{width:0.66rem}.reason-icon-5{width:0.68rem}.reason-desc{text-align:center;margin-bottom:0.16rem}.reason-triangle-box{position:relative;width:0.15rem;height:0.1rem;margin:auto;transition:0.6s ease}.reason-triangle-box img{position:absolute;top:0;left:0;width:100%;height:100%;transition:0.6s ease}.reason-triangle-box img:last-child{opacity:0}.part-0{padding-top:1.28rem}.part-0 .comm-title-box{text-align:center;margin-bottom:0.8rem}.part-0-phone-box{width:8.94rem;height:4.15rem;margin:auto}.part-0-absolute-box{width:8.94rem;height:4.15rem;margin:auto;position:relative}.part-0-picture-box{width:8.7rem;height:4rem;position:absolute;top:0.08rem;left:0.22rem;overflow:hidden;border-radius:0.5rem}.part-0-picture{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;border-radius:0.5rem}.part-0-picture-0,.part-0-picture-1{opacity:0}.part-0-pictur-0{display:none}.part-0-picture-3{opacity:0.8}.part-0-h3{position:absolute;top:2.7rem;left:7.36rem}.part-0-phone{width:100%;height:100%;position:absolute}.part-1{padding-top:1.28rem}.part-1 .comm-title-box{text-align:center;margin-bottom:0.8rem}.part-1-center-box{width:8.96rem;height:5.76rem;margin:auto;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.part-1-phone-box{width:5.48rem;height:5.76rem;background:radial-gradient(ellipse, #fff, #e2e4ec);position:relative}.part-1-phone{width:5.48rem;height:5.76rem;margin:auto;opacity:0.9}.part-1-shadow{width:100%;height:100%;position:absolute;top:0;left:0}.part-1-5g{width:1.8554rem;height:1.7875rem;box-shadow:0 0 1rem rgba(255,255,255,0.74);position:absolute;top:1.96rem;left:1.78rem}.part-1-5g-list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:3.16rem;height:5.76rem;background:#edeff5;white-space:nowrap}.part-1-5g-item{width:2rem;height:0.72rem;padding-bottom:0.46rem;margin-bottom:0.32rem;position:relative}.part-1-5g-item::after{content:'';display:block;width:100%;height:1Px;background:#979797;opacity:0.2;position:absolute;bottom:0;left:0}.part-1-5g-item:last-child{padding-bottom:0;margin-bottom:0}.part-1-5g-item:last-child::after{display:none}.part-2{padding-top:1.28rem}.part-2 .comm-title-box{text-align:center;margin-bottom:0.64rem}.part-2-phone-box{width:8.96rem;height:5.2rem;position:relative;margin:0 auto 0.68rem}.part-2-num-border,.part-2-num-filled{display:block;width:8.93rem;height:2.09rem;position:absolute;top:1.7rem;left:0;right:0;margin:auto}.part-2-charging-line{width:2.44rem;height:2.44rem;position:absolute;top:4.24rem;left:6.62rem}.part-2-phone{width:5.845rem;height:5.46rem;position:absolute;top:0;left:-0.18rem;right:0;margin:auto}.part-2-power-list{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:10.24rem;margin:auto;position:relative}.part-2-power-item{margin:0 0.32rem}.part-2-power-item:first-child{margin-left:0}.part-2-power-item:last-child{margin-right:0}.part-2-1{padding-top:1.28rem}.part-2-1 .comm-title-box{text-align:center;margin-bottom:0.8rem}.part-2-1 .comm-t-h2 br{display:none}.part-2-1-box{width:8.96rem;height:5.04rem;margin:auto}.part-2-1-picture{width:100%;height:100%}.part-3{padding:1.28rem 0}.part-3 .comm-title-box{margin-bottom:0.48rem}.part-3 .comm-text{width:20em}.part-3-center-box{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;width:8.96rem;margin:auto}.part-3-left-box{width:3.16rem;height:4.49rem;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}.part-3-cool-item{margin-bottom:0.32rem}.part-3-cool-item:last-child{margin-bottom:0}.part-3-phone-box{width:5rem;height:4.49rem;position:relative}.part-3-phone-box picture{position:absolute}.part-3-exploded-0{width:1.27rem;height:4.39rem;top:0.05rem;left:0;opacity:0.8}.part-3-exploded-0-light{width:1.09rem;height:1.09rem;top:0.61rem;left:1.22rem}.part-3-exploded-1{width:0.74rem;height:2.45rem;top:0.32rem;left:0.92rem}.part-3-exploded-1-light{width:1.8rem;height:2.48rem;top:-0.05rem;left:2.18rem}.part-3-exploded-2{width:1.36rem;height:4.48rem;top:0;left:1.6rem}.part-3-exploded-3{width:0.49rem;height:2.23rem;top:0.78rem;left:2.54rem}.part-3-exploded-4{width:0.92rem;height:2.77rem;top:0.3rem;left:3.13rem}.part-3-exploded-5{width:1.22rem;height:4.37rem;top:0.06rem;left:3.78rem;opacity:0.8}.part-4{padding:0.75rem 0;transition:0.6s ease}.part-4 .comm-title-box{margin-bottom:0.26rem}.part-4 .comm-text{width:19em}.part-4.bg-1{background:#eaf1f0}.part-4.bg-2{background:#e7ebf8}.part-4.bg-0{background:#f3edff}.part-4-center-box{width:8.96rem;height:4.8rem;margin:auto;display:-ms-flexbox;display:flex}.part-4-left-box{width:3.46rem;height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}.part-4-touch-list{display:-ms-flexbox;display:flex;margin-bottom:0.48rem}.part-4-touch-item{margin-right:0.26rem}.part-4-touch-item:last-child{margin-right:0}.part-4-color-list{display:-ms-flexbox;display:flex}.part-4-color-item{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;margin-right:0.14rem}.part-4-color-item:last-child{margin-right:0}.p4c-circle{width:0.54rem;height:0.54rem;margin-bottom:0.12rem;position:relative}.p4c-circle .p4cc-border{width:0.54rem;height:0.54rem;border-radius:100%;position:absolute;top:0;left:0;opacity:0;transition:0.6s ease}.p4c-circle .p4cc-bg{width:calc(0.54rem - 2Px);height:calc(0.54rem - 2Px);border-radius:100%;position:absolute;top:1Px;left:1Px;transition:0.6s ease}.p4c-circle .p4cc-center{width:0.38rem;height:0.38rem;border-radius:100%;position:absolute;top:0.08rem;left:0.08rem}.p4c-circle.p4c-circle-1 .p4cc-border{background:#161616}.p4c-circle.p4c-circle-1 .p4cc-center{background:linear-gradient(180deg, #e2e9ef, #bbc8cf)}.p4c-circle.p4c-circle-2 .p4cc-border{background:#132228}.p4c-circle.p4c-circle-2 .p4cc-center{background:linear-gradient(180deg, #6e6e6e, #000)}.p4c-circle.p4c-circle-0 .p4cc-border{background:linear-gradient(180deg, #a985ff, #08a49d)}.p4c-circle.p4c-circle-0 .p4cc-center{background:linear-gradient(180deg, #a985ff, #08a49d)}.p4c-label{width:100%;text-align:center;opacity:0.3}.part-4.bg-1 .p4cc-bg{background:#eaf1f0}.part-4.bg-1 .p4c-circle-1 .p4cc-border{opacity:0.4}.part-4.bg-1 .p4c-circle-1+.p4c-label{opacity:1}.part-4.bg-2 .p4cc-bg{background:#e7ebf8}.part-4.bg-2 .p4c-circle-2 .p4cc-border{opacity:0.4}.part-4.bg-2 .p4c-circle-2+.p4c-label{opacity:1}.part-4.bg-0 .p4cc-bg{background:#f3edff}.part-4.bg-0 .p4c-circle-0 .p4cc-border{opacity:0.4}.part-4.bg-0 .p4c-circle-0+.p4c-label{opacity:1}.part-4-phone-box{width:5.5rem;height:100%}.main-wrapper .part-4-color-swiper{width:calc(50vw + 1.02rem);height:100%}.main-wrapper .part-4-color-swiper .swiper-slide{width:5.5rem;height:100%}.main-wrapper .part-4-color-swiper .swiper-slide picture{width:100%;height:100%}.part-5{height:6.29rem;background:#000000;color:#ffffff;overflow:hidden}.part-5 .comm-title-box{margin-bottom:0.48rem}.part-5 .comm-text{width:24em}.part-5-center-box{width:8.96rem;height:6.29rem;margin:auto;display:-ms-flexbox;display:flex}.part-5-left-box{width:3.8rem;height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;position:relative;z-index:2}.part-5-screen-list{width:3.4rem;height:1.6rem;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-line-pack:justify;align-content:space-between}.part-5-screen-item{min-width:1rem;height:0.59rem;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between}.part-5-phone-box{width:5.16rem;height:100%;position:relative;z-index:1}.part-5-bg{width:6.16rem;height:4.36rem;position:absolute;top:1.04rem;left:-0.36rem}.part-5-phone{width:1.92rem;height:4.14rem;position:absolute}.part-5-phone .part-5-phone-screen{width:1.85rem;position:absolute;left:0.035rem;background:#000000}.part-5-phone .part-5-phone-border{width:100%;height:100%;position:absolute;top:0;left:0}.part-5-phone.part-5-phone-0{top:-1.08rem;left:3.1rem}.part-5-phone.part-5-phone-0 .part-5-phone-screen{bottom:0.08rem;border-radius:0 0 0.3rem 0.3rem}.part-5-phone.part-5-phone-1{top:1.07rem;left:0.98rem}.part-5-phone.part-5-phone-1 .part-5-phone-screen{top:0.02rem;border-radius:0.3rem}.part-5-phone.part-5-phone-2{bottom:-1.13rem;left:3.1rem}.part-5-phone.part-5-phone-2 .part-5-phone-screen{top:0;border-radius:0.3rem 0.3rem 0 0}.part-6{height:6.29rem}.part-6 .comm-title-box{margin-bottom:0.48rem}.part-6 .comm-text{width:23em}.part-6-center-box{width:8.96rem;height:6.29rem;margin:auto;display:-ms-flexbox;display:flex}.part-6-left-box{width:3.6rem;height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;position:relative;z-index:2}.part-6-hz-list{width:100%;display:-ms-flexbox;display:flex}.part-6-hz-item{margin-right:0.32rem}.part-6-hz-item:last-child{margin-right:0}.part-6-right-box{width:5.36rem;height:100%;position:relative;z-index:1}.part-6-phone-box{width:3.31rem;height:5.65rem;position:absolute;bottom:0;left:1.23rem}.part-6-phone-box .hz-box{width:3.19rem;height:5.54rem;border-radius:0.4rem 0.4rem 0 0;background:#000000;overflow:hidden;position:absolute;bottom:0;left:0.06rem}.part-6-phone-box .hz-box .img-list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;height:90rem;padding-top:0.38rem}.part-6-phone-box .hz-box .img-list img{width:2.72rem;height:0.86rem;margin-bottom:0.17rem}.part-6-phone-box .hz-box .shadow-bottom{width:100%;height:2rem;opacity:0.6;background:linear-gradient(180deg, transparent, #000);position:absolute;bottom:0;left:0}.part-6-phone-box .hz-border{width:100%;height:100%;position:absolute;bottom:0;left:0}.part-7{height:6.29rem;background:#f2f4fa;position:relative;overflow:hidden}.part-7 .comm-title-box{margin-bottom:0.64rem}.part-7 .comm-t-h2{padding-bottom:0}.part-7-center-box{width:8.96rem;height:6.29rem;margin:auto;display:-ms-flexbox;display:flex;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.part-7-right-box{width:3.4rem;height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;position:relative;z-index:2}.part-7-camara-list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.part-7-camara-item{height:0.65rem;margin-bottom:0.32rem;display:-ms-flexbox;display:flex}.part-7-camara-item:last-child{margin-bottom:0}.p7ci-left{width:0.82rem}.p7ci-left img{width:0.58rem;height:0.35rem}.part-7-phone-box{width:5.56rem;height:100%;position:relative;z-index:1}.part-7-phone{width:7.03rem;height:5.35rem;position:absolute;bottom:0;left:-0.64rem}.part-8{padding:1.28rem 0;background:#f9f9fc}.part-8-center-box{width:8.96rem;margin:auto}.part-8-picture-card{height:5.76rem;padding-bottom:0.8rem}.part-8-picture-card.p8pc-3{height:6.68rem;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-direction:column;flex-direction:column;-ms-flex-line-pack:justify;align-content:space-between}.part-8-picture-card:last-child{padding-bottom:0}.picture-text picture{width:8.96rem;height:5.04rem;margin-bottom:0.24rem}.part-8-picture-card.p8pc-3 .picture-text:nth-child(1){width:4.47rem}.part-8-picture-card.p8pc-3 .picture-text:nth-child(1) picture{width:4.47rem;height:5.96rem}.part-8-picture-card.p8pc-3 .picture-text:nth-child(2){width:3.54rem;height:3.61rem}.part-8-picture-card.p8pc-3 .picture-text:nth-child(2) picture{width:3.54rem;height:2.35rem}.part-8-picture-card.p8pc-3 .picture-text:nth-child(3){width:3.54rem}.part-8-picture-card.p8pc-3 .picture-text:nth-child(3) picture{width:3.54rem;height:2.35rem}.part-9{padding:1.28rem 0;background:#e9edf2}.part-9 .comm-title-box{text-align:center;margin-bottom:0.8rem}.part-9 .comm-t-h2{padding-bottom:0}.part-9-phone-box{width:8.96rem;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin:0 auto 0.8rem}.phone-text{width:2.84rem}.phone-text .phone-img-box{background:rgba(203,225,223,0.6);width:2.84rem;height:3.99rem;margin-bottom:0.24rem;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.phone-text .phone-img-box picture{width:1.44rem;height:3.1rem}.phone-text .part-9-h4{width:100%}.more-os{display:block;width:4.5em;height:0.24rem;margin:auto;border-bottom:1Px solid #000000;text-align:center}.part-10{padding:1.28rem 0;background:rgba(200,209,223,0.6)}.part-10 .comm-title-box{text-align:center;margin-bottom:0.8rem}.part-10 .comm-t-h2{padding-bottom:0}.part-10-phone-box{width:7.96rem;height:6.32rem;margin:auto;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-line-pack:justify;align-content:space-between}.data-text{width:2.44rem;height:3rem;box-sizing:border-box;padding-top:0.58rem;background:rgba(255,255,255,0.6);border-radius:0.04rem;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;text-align:center}.data-text:nth-child(4),.data-text:nth-child(5){width:3.82rem}.data-text img{width:0.87rem;height:0.87rem;margin-bottom:0.32rem}.part-11{padding:1.28rem 0}.remarks-h3{width:8.96rem;margin:auto;opacity:0.5}.remarks-h3 li{list-style:decimal outside;margin-left:0.24rem}.kv-img__bg{opacity:0}.kv-text-box{opacity:0;-webkit-transform:translateY(0.5rem);transform:translateY(0.5rem)}.mainjsloaded .sec-kv .kv-img__bg{opacity:1;transition:0.6s ease}.mainjsloaded .sec-kv .kv-text-box{opacity:1;-webkit-transform:none;transform:none;transition:0.6s ease 0.4s}.mainjsloaded .part-0{position:relative}.mainjsloaded .part-0 .comm-title-box{-webkit-transform:translateY(1.66rem);transform:translateY(1.66rem)}.mainjsloaded .part-0-absolute-box{position:absolute;top:1.82rem;left:0;right:0}.mainjsloaded .part-0-picture{opacity:0;-webkit-transform-origin:center center;transform-origin:center center;transition:0.3s ease}.mainjsloaded .part-0-picture.part-0-picture-2{-webkit-transform:scale(1.95) translate(0, 0.04rem);transform:scale(1.95) translate(0, 0.04rem)}.mainjsloaded .part-0-picture.part-0-picture-1{-webkit-transform:scale(2) translate(0, -0.06rem);transform:scale(2) translate(0, -0.06rem)}.mainjsloaded .part-0-picture.part-0-picture-3{-webkit-transform:scale(4) translate(0, -0.5rem);transform:scale(4) translate(0, -0.5rem);opacity:0}.mainjsloaded .part-0-h3{opacity:0}.mainjsloaded .part-0.step-1 .comm-title-box{-webkit-transform:translateY(0);transform:translateY(0)}.mainjsloaded .part-0.step-1 .part-0-absolute-box{position:relative;top:0;-webkit-transform:scale(1);transform:scale(1)}.mainjsloaded .part-0.step-1 .part-0-picture.part-0-picture-0,.mainjsloaded .part-0.step-1 .part-0-picture.part-0-picture-1{opacity:1}.mainjsloaded .part-0.step-2 .part-0-picture.part-0-picture-0{-webkit-transform:scale(0.5) translate(0.01rem, 0.13rem);transform:scale(0.5) translate(0.01rem, 0.13rem);opacity:0}.mainjsloaded .part-0.step-2 .part-0-picture.part-0-picture-1{-webkit-transform:scale(1) translate(0, 0);transform:scale(1) translate(0, 0)}.mainjsloaded .part-0.step-2 .part-0-picture.part-0-picture-2{opacity:1}.mainjsloaded .part-0.step-3 .part-0-picture.part-0-picture-1{-webkit-transform:scale(0.513) translate(-0.01rem, -0.07rem);transform:scale(0.513) translate(-0.01rem, -0.07rem);opacity:0}.mainjsloaded .part-0.step-3 .part-0-picture.part-0-picture-2{-webkit-transform:scale(1) translate(0, 0);transform:scale(1) translate(0, 0)}.mainjsloaded .part-0.step-4 .part-0-picture.part-0-picture-3{-webkit-transform:scale(1) translate(0, 0);transform:scale(1) translate(0, 0);opacity:0.8}.mainjsloaded .part-0.step-4 .part-0-h3{opacity:1;transition:0.3s ease 0.3s}.mainjsloaded .part-1-phone{opacity:1;transition:0.6s ease}.mainjsloaded .part-1-shadow{opacity:0;transition:0.6s ease}.mainjsloaded .part-1-5g{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:scale(0.8045);transform:scale(0.8045);box-shadow:0 0 0 rgba(255,255,255,0);transition:0.6s ease}.mainjsloaded .part-1.step-1 .part-1-shadow{opacity:1}.mainjsloaded .part-1.step-1 .part-1-5g{-webkit-transform:scale(1);transform:scale(1);box-shadow:0 0 1rem rgba(255,255,255,0.74)}.mainjsloaded .part-1.step-1 .part-1-phone{opacity:0.6}.mainjsloaded .part-2-phone-box{opacity:0;-webkit-transform:translate(0, 0.8rem);transform:translate(0, 0.8rem);transition:0.6s ease}.mainjsloaded .part-2-phone{-webkit-transform:translate(-0.6rem, -0.6rem);transform:translate(-0.6rem, -0.6rem);transition:0.6s ease}.mainjsloaded .part-2-charging-line{-webkit-transform:translate(0.3rem, 0.3rem);transform:translate(0.3rem, 0.3rem);transition:0.6s ease}.mainjsloaded .part-2-num-filled .close-box{width:100%;height:0;overflow:hidden;position:absolute;bottom:0;left:0;transition:0.6s ease}.mainjsloaded .part-2-num-filled img{width:8.93rem;height:2.09rem;position:absolute;bottom:0;left:0}.mainjsloaded .part-2.step-0 .part-2-phone-box{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}.mainjsloaded .part-2.step-1 .part-2-phone{-webkit-transform:translate(0, 0);transform:translate(0, 0)}.mainjsloaded .part-2.step-1 .part-2-charging-line{-webkit-transform:translate(0, 0);transform:translate(0, 0)}.mainjsloaded .part-2.step-1 .part-2-num-filled .close-box{height:100%;transition:0.6s ease 0.5s}.mainjsloaded .part-3-phone-box picture{transition:0.6s ease}.mainjsloaded .part-3-exploded-0{left:1.59rem;opacity:1}.mainjsloaded .part-3-exploded-0-light{opacity:0}.mainjsloaded .part-3-exploded-1{left:1.89rem}.mainjsloaded .part-3-exploded-1-light{opacity:0}.mainjsloaded .part-3-exploded-3{left:2.02rem}.mainjsloaded .part-3-exploded-4{left:1.8rem}.mainjsloaded .part-3-exploded-5{left:1.72rem;opacity:1}.mainjsloaded .part-3.step-1 .part-3-exploded-0{left:0;opacity:0.8}.mainjsloaded .part-3.step-1 .part-3-exploded-0-light{opacity:1;transition:0.6s ease 0.3s}.mainjsloaded .part-3.step-1 .part-3-exploded-1{left:0.92rem}.mainjsloaded .part-3.step-1 .part-3-exploded-1-light{opacity:1;transition:0.6s ease 0.3s}.mainjsloaded .part-3.step-1 .part-3-exploded-3{left:2.54rem}.mainjsloaded .part-3.step-1 .part-3-exploded-4{left:3.13rem}.mainjsloaded .part-3.step-1 .part-3-exploded-5{left:3.78rem;opacity:0.8}.mainjsloaded .part-5-bg{opacity:0;transition:0.6s ease}.mainjsloaded .part-5-phone{transition:0.6s ease}.mainjsloaded .part-5-phone .part-5-phone-screen img{opacity:0;transition:0.6s ease}.mainjsloaded .part-5-phone.part-5-phone-0{-webkit-transform:translate(0, -0.5rem);transform:translate(0, -0.5rem)}.mainjsloaded .part-5-phone.part-5-phone-1{-webkit-transform:translate(-0.5rem, 0);transform:translate(-0.5rem, 0)}.mainjsloaded .part-5-phone.part-5-phone-2{-webkit-transform:translate(0, 0.5rem);transform:translate(0, 0.5rem)}.mainjsloaded .part-5.step-1 .part-5-bg{opacity:1;transition:0.6s ease 0.5s}.mainjsloaded .part-5.step-1 .part-5-phone .part-5-phone-screen img{opacity:1;transition:0.6s ease 0.5s}.mainjsloaded .part-5.step-1 .part-5-phone.part-5-phone-0{-webkit-transform:translate(0, 0);transform:translate(0, 0)}.mainjsloaded .part-5.step-1 .part-5-phone.part-5-phone-1{-webkit-transform:translate(0, 0);transform:translate(0, 0)}.mainjsloaded .part-5.step-1 .part-5-phone.part-5-phone-2{-webkit-transform:translate(0, 0);transform:translate(0, 0)}.mainjsloaded .part-6-phone-box .hz-box .img-list img{margin-top:0.6rem;opacity:0;transition:1s ease}.mainjsloaded .part-6.step-1 .part-6-phone-box .hz-box .img-list img{margin-top:0;opacity:1}.mainjsloaded .part-6.step-2 .part-6-phone-box .hz-box .img-list{-webkit-transform:translate(0, -51.5rem);transform:translate(0, -51.5rem);transition:3s cubic-bezier(0.42, 0, 0.26, 1.01)}.mainjsloaded .part-7-phone{-webkit-transform:translate(0, 1rem);transform:translate(0, 1rem);opacity:0;transition:1s ease}.mainjsloaded .part-7.step-1 .part-7-phone{-webkit-transform:translate(0, 0);transform:translate(0, 0);opacity:1}}@media screen and (max-width: 1023px) and (min-width: 768px){.comm-t-h1{font-size:0.52rem;line-height:0.8rem}.comm-t-h2{font-size:0.36rem;line-height:0.5rem;letter-spacing:-0.0017rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";padding-bottom:0.2rem}.comm-text{font-size:0.16rem;line-height:0.28rem;letter-spacing:-0.00093rem}.kv-h1{display:block;width:2.28rem;height:0.56rem;margin:0 auto 0.2rem}.kv-h2{font-size:0.24rem;line-height:0.42rem;letter-spacing:-0.0011rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";margin-bottom:0.24rem}.kv-h3{font-size:0.14rem;line-height:0.48rem;letter-spacing:-0.00087rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.kv-h4{font-size:0.28rem;line-height:0.48rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.kv-h5{font-size:0.16rem;line-height:0.48rem;letter-spacing:-0.001rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.reason-h3{font-size:0.16rem;line-height:0.26rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.reason-h3:last-child{font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.part-0-h3{font-size:0.2rem;line-height:0.26rem;letter-spacing:-0.00114rem;color:#ffffff}.part-1-h3{font-size:0.38rem;line-height:0.5rem;letter-spacing:-0.0063rem}.part-1-h4{font-size:0.14rem;line-height:0.22rem;letter-spacing:-0.0017rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.part-2-h3{font-size:0.38rem;line-height:0.5rem;letter-spacing:-0.0063rem}.part-2-h4{font-size:0.14rem;line-height:0.22rem;letter-spacing:-0.0017rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.part-3-h3{font-size:0.2rem;line-height:0.3rem;letter-spacing:-0.00117rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.part-4-h3{font-size:0.38rem;line-height:0.5rem;letter-spacing:-0.0063rem}.part-4-h4{font-size:0.2rem;line-height:0.32rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.part-4-h5{font-size:0.14rem;line-height:0.22rem;letter-spacing:-0.0017rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.part-4-h6{font-size:0.14rem;line-height:0.16rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.part-5-h3{font-size:0.34rem;line-height:0.45rem;letter-spacing:-0.01rem}.part-5-h4{font-size:0.12rem;line-height:0.16rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.part-6-h3{font-size:0.34rem;line-height:0.45rem;letter-spacing:-0.01rem}.part-6-h4{font-size:0.12rem;line-height:0.16rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.part-7-h3{font-size:0.34rem;line-height:0.45rem;letter-spacing:-0.01rem}.part-7-h4{font-size:0.16rem;line-height:0.32rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.part-7-h5{font-size:0.12rem;line-height:0.16rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.part-8-h3{font-size:0.16rem;line-height:0.26rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";padding-bottom:0.04rem}.part-8-h4{font-size:0.14rem;line-height:0.18rem;letter-spacing:-0.0009rem}.part-9-h3{font-size:0.16rem;line-height:0.26rem;letter-spacing:-0.0009rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";margin-bottom:-0.04rem}.part-9-h4{font-size:0.16rem;line-height:0.26rem;letter-spacing:-0.0009rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";padding-bottom:0.08rem;opacity:0.6}.part-9-h5{font-size:0.14rem;line-height:0.24rem;letter-spacing:-0.0009rem}.part-9-h5{font-size:0.13rem;line-height:0.24rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.part-10-h3{font-size:0.2rem;line-height:0.3rem;letter-spacing:-0.0007rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";padding-bottom:0.1rem}.part-10-h4{font-size:0.12rem;line-height:0.16rem;letter-spacing:-0.0004rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.remarks-h3{font-size:0.14rem;line-height:0.24rem;letter-spacing:-0.0006rem}.sec-kv{height:8.95rem;position:relative}.kv-img__bg{width:7.68rem;height:8.95rem}.kv-text-box{position:absolute;top:0.68rem;left:0;right:0;text-align:center}.kv-buy-box-set{width:100%;height:0.48rem;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.kv-buy-box{min-width:2.16rem;height:0.48rem;display:-ms-flexbox;display:flex;overflow:hidden;white-space:nowrap}.kv-buy-num{padding-right:0.18rem}.kv-buy-btn{width:1.04rem;height:0.48rem;background:#2ec84d;border-radius:0.02rem;margin-left:auto;text-align:center;color:#ffffff}.sec-reason{height:6.81rem;box-sizing:border-box;padding-top:0.96rem;position:relative}.sec-reason::before{content:'';display:block;width:100%;height:100%;background:linear-gradient(0deg, #ced1ef, rgba(204,214,232,0.69), rgba(237,255,251,0.3));opacity:0.3;position:absolute;top:0;left:0}.sec-reason .comm-t-h1{position:relative;text-align:center;padding-bottom:0.8rem}.reason-list{position:relative;width:5rem;height:3.28rem;margin:auto;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-line-pack:justify;align-content:space-between}.reason-item{min-width:1.04rem;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}.reason-item:nth-child(3n-1){margin:0 0.5rem}.reason-icon{height:0.6rem;display:block;margin:0 auto 0.17rem}.reason-icon-0{width:0.52rem}.reason-icon-1{width:0.6rem}.reason-icon-2{width:1.02rem}.reason-icon-3{width:0.43rem}.reason-icon-4{width:0.66rem}.reason-icon-5{width:0.68rem}.reason-desc{text-align:center;margin-bottom:0.04rem}.reason-triangle-box{position:relative;width:0.15rem;height:0.1rem;margin:auto;transition:0.6s ease}.reason-triangle-box img{position:absolute;top:0;left:0;width:100%;height:100%;transition:0.6s ease}.reason-triangle-box img:last-child{opacity:0}.part-0{padding-top:0.8rem}.part-0 .comm-title-box{width:6.46rem;margin:auto;text-align:center;margin-bottom:0.65rem}.part-0 .comm-title-box .comm-text p{display:inline}.part-0-phone-box{width:7.17rem;height:3.32rem;margin:auto}.part-0-absolute-box{width:7.17rem;height:3.32rem;margin:auto;position:relative}.part-0-picture-box{width:6.99rem;height:3.16rem;position:absolute;top:0.05rem;left:0.14rem;overflow:hidden;border-radius:0.4rem}.part-0-picture{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;border-radius:0.5rem}.part-0-picture-0,.part-0-picture-1{opacity:0}.part-0-pictur-0{display:none}.part-0-picture-3{opacity:0.8}.part-0-h3{position:absolute;top:2.16rem;left:5.92rem}.part-0-phone{width:100%;height:100%;position:absolute}.part-1{padding-top:0.8rem}.part-1 .comm-title-box{text-align:center;margin-bottom:0.48rem}.part-1-center-box{width:7.2rem;margin:auto}.part-1-phone-box{width:7.2rem;height:5.4rem;margin-bottom:0.32rem;background:radial-gradient(ellipse, #fff, #e2e4ec);position:relative}.part-1-phone{width:7.2rem;height:5.4rem;margin:auto;opacity:0.9}.part-1-shadow{width:100%;height:100%;position:absolute;top:0;left:0}.part-1-5g{width:2.034rem;height:1.9588rem;box-shadow:0 0 1rem rgba(255,255,255,0.74);position:absolute;top:1.71rem;left:2.58rem}.part-1-5g-list{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;white-space:nowrap}.part-1-5g-item{margin-right:0.64rem}.part-1-5g-item:last-child{margin-right:0}.part-2{padding-top:0.8rem}.part-2 .comm-title-box{text-align:center;margin-bottom:0.8rem}.part-2-phone-box{width:7.2rem;height:4.16rem;position:relative;margin:0 auto 0.68rem}.part-2-num-border,.part-2-num-filled{display:block;width:7.14rem;height:1.67rem;position:absolute;top:1.4rem;left:0;right:0;margin:auto}.part-2-charging-line{width:1.95rem;height:1.95rem;position:absolute;top:3.4rem;left:5.33rem}.part-2-phone{width:4.68rem;height:4.385rem;position:absolute;top:0;left:-0.18rem;right:0;margin:auto}.part-2-power-list{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:7.68rem;margin:auto;position:relative}.part-2-power-item{margin:0 0.32rem}.part-2-power-item:first-child{margin-left:0}.part-2-power-item:last-child{margin-right:0}.part-2-1{padding-top:1.04rem}.part-2-1 .comm-title-box{text-align:center;margin-bottom:0.48rem}.part-2-1 .comm-t-h2 br{display:none}.part-2-1-box{width:7.2rem;height:5.4rem;margin:auto}.part-2-1-picture{width:100%;height:100%}.part-3{padding:0.8rem 0}.part-3 .comm-title-box{margin-bottom:0.65rem;text-align:center}.part-3 .comm-text{width:35em;margin:auto}.part-3-center-box{width:7.2rem;margin:auto}.part-3-left-box{width:6.64rem;margin:auto}.part-3-cool-list{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.part-3-cool-item{margin-right:0.64rem}.part-3-cool-item:last-child{margin-right:0}.part-3-phone-box{width:5.96rem;height:5.36rem;margin:0 auto 0.64rem;position:relative}.part-3-phone-box picture{position:absolute}.part-3-exploded-0{width:1.52rem;height:5.24rem;top:0.06rem;left:0;opacity:0.8}.part-3-exploded-0-light{width:1.31rem;height:1.3rem;top:0.72rem;left:1.45rem}.part-3-exploded-1{width:0.88rem;height:2.92rem;top:0.38rem;left:1.09rem}.part-3-exploded-1-light{width:2.15rem;height:2.96rem;top:-0.07rem;left:2.6rem}.part-3-exploded-2{width:1.62rem;height:5.35rem;top:0;left:1.91rem}.part-3-exploded-3{width:0.59rem;height:2.67rem;top:0.93rem;left:3.03rem}.part-3-exploded-4{width:1.1rem;height:3.3rem;top:0.36rem;left:3.73rem}.part-3-exploded-5{width:1.46rem;height:5.21rem;top:0.07rem;left:4.5rem;opacity:0.8}.part-4{padding:0.8rem 0;transition:0.6s ease}.part-4 .comm-title-box{text-align:center;margin-bottom:0.32rem}.part-4.bg-1{background:#eaf1f0}.part-4.bg-2{background:#e7ebf8}.part-4.bg-0{background:#f3edff}.part-4-center-box{width:7.2rem;margin:auto}.part-4-touch-list{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.part-4-touch-item{margin-right:0.64rem}.part-4-touch-item:last-child{margin-right:0}.part-4-color-list{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin-bottom:0.64rem}.part-4-color-item{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;margin-right:0.14rem}.part-4-color-item:last-child{margin-right:0}.p4c-circle{width:0.54rem;height:0.54rem;margin-bottom:0.12rem;position:relative}.p4c-circle .p4cc-border{width:0.54rem;height:0.54rem;border-radius:100%;position:absolute;top:0;left:0;opacity:0;transition:0.6s ease}.p4c-circle .p4cc-bg{width:calc(0.54rem - 2Px);height:calc(0.54rem - 2Px);border-radius:100%;position:absolute;top:1Px;left:1Px;transition:0.6s ease}.p4c-circle .p4cc-center{width:0.38rem;height:0.38rem;border-radius:100%;position:absolute;top:0.08rem;left:0.08rem}.p4c-circle.p4c-circle-1 .p4cc-border{background:#161616}.p4c-circle.p4c-circle-1 .p4cc-center{background:linear-gradient(180deg, #e2e9ef, #bbc8cf)}.p4c-circle.p4c-circle-2 .p4cc-border{background:#132228}.p4c-circle.p4c-circle-2 .p4cc-center{background:linear-gradient(180deg, #6e6e6e, #000)}.p4c-circle.p4c-circle-0 .p4cc-border{background:linear-gradient(180deg, #a985ff, #08a49d)}.p4c-circle.p4c-circle-0 .p4cc-center{background:linear-gradient(180deg, #a985ff, #08a49d)}.p4c-label{width:100%;text-align:center;opacity:0.3}.part-4.bg-1 .p4cc-bg{background:#eaf1f0}.part-4.bg-1 .p4c-circle-1 .p4cc-border{opacity:0.4}.part-4.bg-1 .p4c-circle-1+.p4c-label{opacity:1}.part-4.bg-2 .p4cc-bg{background:#e7ebf8}.part-4.bg-2 .p4c-circle-2 .p4cc-border{opacity:0.4}.part-4.bg-2 .p4c-circle-2+.p4c-label{opacity:1}.part-4.bg-0 .p4cc-bg{background:#f3edff}.part-4.bg-0 .p4c-circle-0 .p4cc-border{opacity:0.4}.part-4.bg-0 .p4c-circle-0+.p4c-label{opacity:1}.part-4-phone-box{width:7.68rem;height:4.39rem;margin:0 0 0.48rem -0.24rem}.main-wrapper .part-4-color-swiper{width:100%;height:100%}.main-wrapper .part-4-color-swiper .swiper-slide{width:5.31rem;height:100%}.main-wrapper .part-4-color-swiper .swiper-slide picture{width:100%;height:100%}.part-5{padding:0.8rem 0;background:#000000;color:#ffffff;overflow:hidden}.part-5 .comm-title-box{margin-bottom:0.48rem;text-align:center}.part-5 .comm-text{width:4.32rem;margin:auto}.part-5-center-box{width:7.2rem;margin:auto}.part-5-left-box{position:relative;z-index:2}.part-5-screen-list{width:6.8rem;height:0.6rem;margin:auto;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;white-space:nowrap}.part-5-screen-item{height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between}.part-5-phone-box{width:7.2rem;height:5.08rem;margin-bottom:0.64rem;position:relative;z-index:1}.part-5-bg{width:7.68rem;height:6.39rem;position:absolute;top:-1.36rem;left:-0.24rem}.part-5-phone{width:5.22rem;height:2.42rem;position:absolute}.part-5-phone .part-5-phone-screen{width:5.07rem;height:2.335rem;position:absolute;top:0.04rem;left:0.08rem;background:#000000;border-radius:0.3rem}.part-5-phone .part-5-phone-border{width:100%;height:100%;position:absolute;top:0;left:0}.part-5-phone.part-5-phone-0{top:0;left:0}.part-5-phone.part-5-phone-1{bottom:0;right:0}.part-5-phone.part-5-phone-2{display:none}.part-6{height:6.29rem;overflow:hidden}.part-6 .comm-title-box{margin-bottom:0.48rem}.part-6 .comm-text{width:21em}.part-6-center-box{width:7.2rem;height:6.29rem;margin:auto;display:-ms-flexbox;display:flex}.part-6-left-box{width:3.6rem;height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;position:relative;z-index:2}.part-6-hz-list{width:100%;display:-ms-flexbox;display:flex}.part-6-hz-item{margin-right:0.24rem}.part-6-hz-item:last-child{margin-right:0}.part-6-right-box{width:3.6rem;height:100%;position:relative;z-index:1}.part-6-phone-box{width:3.16rem;height:5.5rem;position:absolute;bottom:0;right:0}.part-6-phone-box .hz-box{width:3.06rem;height:5.4rem;border-radius:0.4rem 0.4rem 0 0;background:#000000;overflow:hidden;position:absolute;bottom:0;left:0.05rem}.part-6-phone-box .hz-box .img-list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;height:90rem;padding-top:0.38rem}.part-6-phone-box .hz-box .img-list img{width:2.6rem;height:0.83rem;margin-bottom:0.16rem}.part-6-phone-box .hz-box .shadow-bottom{width:100%;height:1.97rem;opacity:0.6;background:linear-gradient(180deg, transparent, #000);position:absolute;bottom:0;left:0}.part-6-phone-box .hz-border{width:100%;height:100%;position:absolute;bottom:-0.06rem;left:0}.part-7{padding-top:0.8rem;margin-bottom:1.76rem;background:#f2f4fa;position:relative}.part-7 .comm-title-box{text-align:center}.part-7 .comm-t-h2{padding-bottom:0}.part-7-right-box{width:7.2rem;height:100%;margin:0 auto 0.56rem;position:relative;z-index:2}.part-7-camara-list{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;position:absolute;top:calc(100% + 0.48rem);left:0;right:0}.part-7-camara-item{margin-right:0.8rem}.part-7-camara-item:nth-child(2){width:1.08rem}.part-7-camara-item:last-child{margin-right:0}.p7ci-left{height:0.48rem}.p7ci-left img{width:0.58rem;height:0.35rem}.part-7-phone-box{width:7.68rem;height:4.38rem;margin:0 auto 0.48rem;position:relative;z-index:1;overflow:hidden}.part-7-phone{width:6.92rem;height:4.38rem;position:absolute;bottom:0;left:0}.part-8{padding:0.8rem 0}.part-8-center-box{width:7.2rem;margin:auto}.part-8-picture-card{height:6.14rem;padding-bottom:0.64rem}.part-8-picture-card.p8pc-3{height:5.62rem;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-direction:column;flex-direction:column;-ms-flex-line-pack:justify;align-content:space-between}.part-8-picture-card:last-child{padding-bottom:0}.picture-text picture{width:7.2rem;height:5.4rem;margin-bottom:0.24rem}.part-8-picture-card.p8pc-3 .picture-text:nth-child(1){width:3.67rem}.part-8-picture-card.p8pc-3 .picture-text:nth-child(1) picture{width:3.67rem;height:4.9rem}.part-8-picture-card.p8pc-3 .picture-text:nth-child(2){width:2.72rem;height:3.09rem}.part-8-picture-card.p8pc-3 .picture-text:nth-child(2) picture{width:2.72rem;height:1.81rem}.part-8-picture-card.p8pc-3 .picture-text:nth-child(3){width:2.72rem}.part-8-picture-card.p8pc-3 .picture-text:nth-child(3) picture{width:2.72rem;height:1.81rem}.part-9{padding:0.8rem 0;background:#e9edf2}.part-9 .comm-title-box{text-align:center;margin-bottom:0.64rem}.part-9 .comm-t-h2{padding-bottom:0}.part-9-phone-box{width:7.2rem;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin:0 auto 0.64rem}.phone-text{width:2.3rem}.phone-text .phone-img-box{background:rgba(203,225,223,0.6);width:2.3rem;height:3.99rem;margin-bottom:0.24rem;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.phone-text .phone-img-box picture{width:1.44rem;height:3.1rem}.phone-text .part-9-h4{width:100%}.more-os{display:block;width:4.5em;height:0.24rem;margin:auto;border-bottom:1Px solid #000000;text-align:center}.part-10{padding:0.8rem 0;background:rgba(200,209,223,0.6)}.part-10 .comm-title-box{text-align:center;margin-bottom:0.64rem}.part-10 .comm-t-h2{padding-bottom:0}.part-10-phone-box{width:7.2rem;height:5.46rem;margin:auto;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-line-pack:justify;align-content:space-between}.data-text{width:2.23rem;height:2.6rem;box-sizing:border-box;padding-top:0.55rem;background:rgba(255,255,255,0.6);border-radius:0.04rem;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;text-align:center}.data-text:nth-child(4),.data-text:nth-child(5){width:3.47rem}.data-text img{width:0.7rem;height:0.7rem;margin-bottom:0.24rem}.part-11{padding:0.96rem 0}.remarks-h3{width:7.2rem;margin:auto;opacity:0.5}.remarks-h3 li{list-style:decimal outside;margin-left:0.28rem}.kv-img__bg{opacity:0}.kv-text-box{opacity:0;-webkit-transform:translateY(0.5rem);transform:translateY(0.5rem)}.mainjsloaded .sec-kv .kv-img__bg{opacity:1;transition:0.6s ease}.mainjsloaded .sec-kv .kv-text-box{opacity:1;-webkit-transform:none;transform:none;transition:0.6s ease 0.4s}.mainjsloaded .part-0{position:relative}.mainjsloaded .part-0 .comm-title-box{-webkit-transform:translateY(1.76rem);transform:translateY(1.76rem)}.mainjsloaded .part-0-absolute-box{position:absolute;top:1.82rem;left:0;right:0}.mainjsloaded .part-0-picture{opacity:0;-webkit-transform-origin:center center;transform-origin:center center;transition:0.3s ease}.mainjsloaded .part-0-picture.part-0-picture-2{-webkit-transform:scale(1.95) translate(0, -0.04rem);transform:scale(1.95) translate(0, -0.04rem)}.mainjsloaded .part-0-picture.part-0-picture-1{-webkit-transform:scale(2) translate(0, -0.07rem);transform:scale(2) translate(0, -0.07rem)}.mainjsloaded .part-0-picture.part-0-picture-3{-webkit-transform:scale(4) translate(0, -0.5rem);transform:scale(4) translate(0, -0.5rem);opacity:0}.mainjsloaded .part-0-h3{opacity:0}.mainjsloaded .part-0.step-1 .comm-title-box{-webkit-transform:translateY(0);transform:translateY(0)}.mainjsloaded .part-0.step-1 .part-0-absolute-box{position:relative;top:0;-webkit-transform:scale(1);transform:scale(1)}.mainjsloaded .part-0.step-1 .part-0-picture.part-0-picture-0,.mainjsloaded .part-0.step-1 .part-0-picture.part-0-picture-1{opacity:1}.mainjsloaded .part-0.step-2 .part-0-picture.part-0-picture-0{-webkit-transform:scale(0.5) translate(0.01rem, 0.14rem);transform:scale(0.5) translate(0.01rem, 0.14rem);opacity:0}.mainjsloaded .part-0.step-2 .part-0-picture.part-0-picture-1{-webkit-transform:scale(1) translate(0, 0);transform:scale(1) translate(0, 0)}.mainjsloaded .part-0.step-2 .part-0-picture.part-0-picture-2{opacity:1}.mainjsloaded .part-0.step-3 .part-0-picture.part-0-picture-1{-webkit-transform:scale(0.513) translate(0.01rem, 0.08rem);transform:scale(0.513) translate(0.01rem, 0.08rem);opacity:0}.mainjsloaded .part-0.step-3 .part-0-picture.part-0-picture-2{-webkit-transform:scale(1) translate(0, 0);transform:scale(1) translate(0, 0)}.mainjsloaded .part-0.step-4 .part-0-picture.part-0-picture-3{-webkit-transform:scale(1) translate(0, 0);transform:scale(1) translate(0, 0);opacity:0.8}.mainjsloaded .part-0.step-4 .part-0-h3{opacity:1;transition:0.3s ease 0.3s}.mainjsloaded .part-1-phone{opacity:1;transition:0.6s ease}.mainjsloaded .part-1-shadow{opacity:0;transition:0.6s ease}.mainjsloaded .part-1-5g{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:scale(0.8045);transform:scale(0.8045);box-shadow:0 0 0 rgba(255,255,255,0);transition:0.6s ease}.mainjsloaded .part-1.step-1 .part-1-shadow{opacity:1}.mainjsloaded .part-1.step-1 .part-1-5g{-webkit-transform:scale(1);transform:scale(1);box-shadow:0 0 1rem rgba(255,255,255,0.74)}.mainjsloaded .part-1.step-1 .part-1-phone{opacity:0.6}.mainjsloaded .part-2-phone-box{opacity:0;-webkit-transform:translate(0, 0.8rem);transform:translate(0, 0.8rem);transition:0.6s ease}.mainjsloaded .part-2-phone{-webkit-transform:translate(-0.6rem, -0.6rem);transform:translate(-0.6rem, -0.6rem);transition:0.6s ease}.mainjsloaded .part-2-charging-line{-webkit-transform:translate(0.3rem, 0.3rem);transform:translate(0.3rem, 0.3rem);transition:0.6s ease}.mainjsloaded .part-2-num-filled .close-box{width:100%;height:0;overflow:hidden;position:absolute;bottom:0;left:0;transition:0.6s ease}.mainjsloaded .part-2-num-filled img{width:7.14rem;height:1.67rem;position:absolute;bottom:0;left:0}.mainjsloaded .part-2.step-0 .part-2-phone-box{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}.mainjsloaded .part-2.step-1 .part-2-phone{-webkit-transform:translate(0, 0);transform:translate(0, 0)}.mainjsloaded .part-2.step-1 .part-2-charging-line{-webkit-transform:translate(0, 0);transform:translate(0, 0)}.mainjsloaded .part-2.step-1 .part-2-num-filled .close-box{height:100%;transition:0.6s ease 0.5s}.mainjsloaded .part-3-phone-box picture{transition:0.6s ease}.mainjsloaded .part-3-exploded-0{left:1.9rem;opacity:1}.mainjsloaded .part-3-exploded-0-light{opacity:0}.mainjsloaded .part-3-exploded-1{left:2.24rem}.mainjsloaded .part-3-exploded-1-light{opacity:0}.mainjsloaded .part-3-exploded-3{left:2.4rem}.mainjsloaded .part-3-exploded-4{left:2.14rem}.mainjsloaded .part-3-exploded-5{left:2.04rem;opacity:1}.mainjsloaded .part-3.step-1 .part-3-exploded-0{left:0;opacity:0.8}.mainjsloaded .part-3.step-1 .part-3-exploded-0-light{opacity:1;transition:0.6s ease 0.3s}.mainjsloaded .part-3.step-1 .part-3-exploded-1{left:1.09rem}.mainjsloaded .part-3.step-1 .part-3-exploded-1-light{opacity:1;transition:0.6s ease 0.3s}.mainjsloaded .part-3.step-1 .part-3-exploded-3{left:3.03rem}.mainjsloaded .part-3.step-1 .part-3-exploded-4{left:3.73rem}.mainjsloaded .part-3.step-1 .part-3-exploded-5{left:4.5rem;opacity:0.8}.mainjsloaded .part-5-bg{opacity:0;transition:0.6s ease}.mainjsloaded .part-5-phone{transition:0.6s ease}.mainjsloaded .part-5-phone .part-5-phone-screen img{opacity:0;transition:0.6s ease}.mainjsloaded .part-5-phone.part-5-phone-0{-webkit-transform:translate(-0.5rem, 0);transform:translate(-0.5rem, 0)}.mainjsloaded .part-5-phone.part-5-phone-1{-webkit-transform:translate(0.5rem, 0);transform:translate(0.5rem, 0)}.mainjsloaded .part-5.step-1 .part-5-bg{opacity:1;transition:0.6s ease 0.5s}.mainjsloaded .part-5.step-1 .part-5-phone .part-5-phone-screen img{opacity:1;transition:0.6s ease 0.5s}.mainjsloaded .part-5.step-1 .part-5-phone.part-5-phone-0{-webkit-transform:translate(0, 0);transform:translate(0, 0)}.mainjsloaded .part-5.step-1 .part-5-phone.part-5-phone-1{-webkit-transform:translate(0, 0);transform:translate(0, 0)}.mainjsloaded .part-6-phone-box .hz-box .img-list img{margin-top:0.6rem;opacity:0;transition:1s ease}.mainjsloaded .part-6.step-1 .part-6-phone-box .hz-box .img-list img{margin-top:0;opacity:1}.mainjsloaded .part-6.step-2 .part-6-phone-box .hz-box .img-list{-webkit-transform:translate(0, -49.5rem);transform:translate(0, -49.5rem);transition:3s cubic-bezier(0.42, 0, 0.26, 1.01)}.mainjsloaded .part-7-phone{-webkit-transform:translate(0, 1rem);transform:translate(0, 1rem);opacity:0;transition:1s ease}.mainjsloaded .part-7.step-1 .part-7-phone{-webkit-transform:translate(0, 0);transform:translate(0, 0);opacity:1}}@media screen and (max-width: 767px){#footer .back-top-btn.fixed{bottom:8.89vw}.comm-t-h1{font-size:0.36rem;line-height:0.56rem;letter-spacing:-0.0018rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.comm-t-h2{font-size:0.28rem;line-height:0.4rem;letter-spacing:-0.001rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.comm-text{font-size:0.16rem;line-height:0.27rem;letter-spacing:-0.001rem}.kv-h1{display:block;width:1.98rem;height:0.49rem;margin:0 auto 0.19rem}.kv-h2{font-size:0.2rem;line-height:0.32rem;letter-spacing:-0.00071rem;margin-bottom:0.2rem}.kv-h3{font-size:0.12rem;line-height:0.32rem;letter-spacing:-0.00075rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.kv-h4{font-size:0.2rem;line-height:0.32rem;letter-spacing:-0.00125rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.kv-h5{font-size:0.1rem;line-height:0.32rem;letter-spacing:-0.00062rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.reason-h3{font-size:0.16rem;line-height:0.26rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.reason-h3:last-child{font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.part-0-h3{font-size:0.14rem;line-height:0.14rem;color:#ffffff}.part-1-h3{font-size:0.28rem;line-height:0.44rem;padding-bottom:-0.03rem}.part-1-h4{font-size:0.14rem;line-height:0.22rem;letter-spacing:-0.0017rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.part-2-h3{font-size:0.28rem;line-height:0.44rem;padding-bottom:-0.03rem}.part-2-h4{font-size:0.14rem;line-height:0.22rem;letter-spacing:-0.0017rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.part-3-h3{font-size:0.2rem;line-height:0.3rem;letter-spacing:-0.00117rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.part-4-h3{font-size:0.28rem;line-height:0.44rem;padding-bottom:-0.03rem}.part-4-h4{font-size:0.14rem;line-height:0.32rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.part-4-h5{font-size:0.12rem;line-height:0.24rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.part-4-h6{font-size:0.14rem;line-height:0.16rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.part-5-h3{font-size:0.28rem;line-height:0.44rem;padding-bottom:-0.03rem}.part-5-h4{font-size:0.12rem;line-height:0.24rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.part-6-h3{font-size:0.28rem;line-height:0.44rem;padding-bottom:-0.03rem}.part-6-h4{font-size:0.12rem;line-height:0.24rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.part-7-h3{font-size:0.28rem;line-height:0.44rem;padding-bottom:-0.03rem}.part-7-h4{font-size:0.14rem;line-height:0.32rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.part-7-h5{font-size:0.12rem;line-height:0.24rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.part-8-h3{font-size:0.14rem;line-height:0.24rem;letter-spacing:-0.0006rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";padding-bottom:0.02rem}.part-8-h4{font-size:0.14rem;line-height:0.24rem;letter-spacing:-0.0006rem}.part-9-h3{font-size:0.14rem;line-height:0.24rem;letter-spacing:-0.00058rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";margin-bottom:-0.04rem}.part-9-h4{font-size:0.14rem;line-height:0.24rem;letter-spacing:-0.00058rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";padding-bottom:0.08rem;opacity:0.6}.part-9-h5{font-size:0.12rem;line-height:0.24rem;letter-spacing:-0.00051rem}.part-9-h5{font-size:0.13rem;line-height:0.24rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.part-10-h3{font-size:0.16rem;line-height:0.16rem;letter-spacing:-0.00057rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";padding-bottom:0.17rem}.part-10-h4{font-size:0.12rem;line-height:0.12rem;letter-spacing:-0.00043rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.remarks-h3{font-size:0.12rem;line-height:0.2rem}.sec-kv{height:7.23rem;position:relative}.kv-img__bg{width:3.6rem;height:7.23rem;margin:auto}.kv-text-box{position:absolute;width:3.2rem;top:0.7rem;left:0;right:0;margin:auto;text-align:center}.kv-buy-box-set{width:100%;height:0.32rem;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.kv-buy-box{min-width:1.58rem;height:0.32rem;display:-ms-flexbox;display:flex;overflow:hidden;white-space:nowrap}.kv-buy-num{padding-right:0.12rem}.kv-buy-btn{width:0.72rem;height:0.32rem;background:#2ec84d;margin-left:auto;text-align:center;color:#ffffff}.sec-reason{padding:0.96rem 0;position:relative}.sec-reason::before{content:'';display:block;width:100%;height:100%;background:linear-gradient(0deg, #d1e3fb, rgba(209,227,251,0.4) 33%, rgba(237,255,251,0.3));opacity:0.4;position:absolute;top:0;left:0}.sec-reason .comm-t-h1{position:relative;text-align:center;width:5.5em;margin:auto;padding-bottom:0.8rem}.reason-list{position:relative;width:2.7rem;height:5.18rem;margin:auto;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-line-pack:justify;align-content:space-between}.reason-item{width:1.06rem;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;white-space:nowrap}.reason-icon{height:0.6rem;display:block;margin:0 auto 0.16rem}.reason-icon-0{width:0.52rem}.reason-icon-1{width:0.6rem}.reason-icon-2{width:1.02rem}.reason-icon-3{width:0.43rem}.reason-icon-4{width:0.66rem}.reason-icon-5{width:0.68rem}.reason-desc{text-align:center;margin-bottom:0.04rem}.reason-triangle-box{position:relative;width:0.12rem;height:0.08rem;margin:auto}.reason-triangle-box img{position:absolute;top:0;left:0;width:100%;height:100%}.reason-triangle-box img:last-child{opacity:0}.part-0{padding-top:0.8rem;overflow:hidden}.part-0 .comm-title-box{width:3.2rem;margin:0 auto 0.48rem}.part-0 .comm-text{width:3.2rem;margin:auto}.part-0 .comm-text p{display:inline}.part-0-phone-box{width:2.13rem;height:4.59rem;margin:0 auto 0.32rem}.part-0-absolute-box{width:2.13rem;height:4.59rem;margin:auto;position:relative}.part-0-picture-box{width:1.96rem;height:4.3rem;position:absolute;top:0.1rem;left:0.08rem;overflow:hidden;border-radius:0.2rem}.part-0-picture{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;border-radius:0.2rem}.part-0-pictur-0,.part-0-picture-0,.part-0-picture-1{opacity:0}.part-0-picture-3{opacity:0.8}.part-0-h3{position:absolute;top:2.46rem;left:0.2rem}.part-0-phone{width:100%;height:100%;position:absolute}.part-1{padding-top:0.8rem}.part-1 .comm-title-box{width:3.2rem;margin:0 auto 0.48rem}.part-1 .comm-text{width:3.2rem;margin:0 auto 0.48rem}.part-1 .comm-text p{display:inline}.part-1-center-box{width:3.2rem;margin:auto}.part-1-phone-box{width:3.2rem;height:3.2rem;margin:0 auto 0.32rem;background:radial-gradient(ellipse, #fff, #e2e4ec);position:relative}.part-1-phone{width:3.2rem;height:3.2rem;margin:auto;opacity:0.9}.part-1-shadow{width:100%;height:100%;position:absolute;top:0;left:0}.part-1-5g{width:1.52rem;height:1.47rem;box-shadow:0 0 1rem rgba(255,255,255,0.74);position:absolute;top:0.86rem;left:0.85rem}.part-1-5g-list{width:3.2rem;margin:auto;white-space:nowrap;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.part-1-5g-item{margin-bottom:0.32rem}.part-1-5g-item:nth-child(2n-1){width:1.72rem}.part-1-5g-item:last-child{margin-bottom:0.32rem}.part-2{padding-top:0.8rem}.part-2 .comm-title-box{width:3.2rem;margin:0 auto 0.48rem}.part-2 .comm-text{width:3.2rem;margin:0 auto 0.32rem}.part-2 .comm-text p{display:inline}.part-2-phone-box{width:3.6rem;height:2.9rem;position:relative;margin-bottom:0.32rem}.part-2-num-border,.part-2-num-filled{display:block;width:3.2rem;height:0.9rem;position:absolute;top:0.95rem;left:0;right:0;margin:auto}.part-2-charging-line{width:0.98rem;height:1.0633rem;position:absolute;top:2.49rem;left:2.17rem}.part-2-phone{width:2.6rem;height:3.2067rem;position:absolute;top:0;left:0}.part-2-power-list{width:3.2rem;margin:auto;position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.part-2-power-item{margin-bottom:0.32rem}.part-2-power-item:nth-child(2n-1){width:1.72rem}.part-2-power-item:nth-last-child(1),.part-2-power-item:nth-last-child(2){margin-bottom:0}.icon-daynight-0{width:0.11rem;height:0.18rem;margin-top:0.06rem}.icon-daynight-1{width:0.14rem;height:0.24rem;margin-top:0.03rem}.icon-daynight-2{width:0.15rem;height:0.16rem;margin-top:0.07rem}.part-2-1{padding-top:0.8rem}.part-2-1 .comm-title-box{width:3.2rem;margin:0 auto 0.48rem}.part-2-1 .comm-text{width:3.2rem;margin:auto}.part-2-1 .comm-text p{display:inline}.part-2-1-box{width:3.2rem;height:3.2rem;margin:0 auto 0.32rem}.part-2-1-picture{width:100%;height:100%}.part-3{padding:0.8rem 0}.part-3 .comm-title-box{width:3.2rem;margin:0 auto 0.48rem}.part-3 .comm-text{width:3.2rem;margin:0 auto 0.32rem}.part-3 .comm-text p{display:inline}.part-3-cool-list{width:3.2rem;margin:auto}.part-3-cool-item{margin-bottom:0.2rem}.part-3-cool-item:last-child{margin-bottom:0}.part-3-phone-box{width:3.2rem;height:2.88rem;margin:0 auto 0.32rem;position:relative}.part-3-phone-box picture{position:absolute}.part-3-exploded-0{width:0.81rem;height:2.82rem;top:0.03rem;left:0;opacity:0.8}.part-3-exploded-0-light{width:0.7rem;height:0.7rem;top:0.39rem;left:0.78rem}.part-3-exploded-1{width:0.47rem;height:1.57rem;top:0.21rem;left:0.59rem}.part-3-exploded-1-light{width:1.15rem;height:1.59rem;top:0;left:1.4rem}.part-3-exploded-2{width:0.87rem;height:2.88rem;top:0;left:1.03rem}.part-3-exploded-3{width:0.32rem;height:1.43rem;top:0.5rem;left:1.63rem}.part-3-exploded-4{width:0.59rem;height:1.78rem;top:0.19rem;left:2rem}.part-3-exploded-5{width:0.78rem;height:2.8rem;top:0.04rem;left:2.42rem;opacity:0.8}.part-4{padding:0.8rem 0;transition:0.6s ease}.part-4 .comm-title-box{margin-bottom:0.32rem}.part-4 .comm-text{width:3.2rem;margin:0 auto 0.32rem}.part-4.bg-1{background:#eaf1f0}.part-4.bg-2{background:#e7ebe8}.part-4.bg-0{background:#f3edff}.part-4-left-box{width:3.2rem;margin:0 auto 0.32rem}.part-4-touch-list{display:-ms-flexbox;display:flex;width:3.2rem;margin:auto}.part-4-touch-item{margin-right:0.44rem;white-space:nowrap}.part-4-touch-item:last-child{margin-right:0}.part-4-color-list{display:-ms-flexbox;display:flex}.part-4-color-item{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;margin-right:0.14rem;cursor:pointer}.part-4-color-item:last-child{margin-right:0}.p4c-circle{width:0.54rem;height:0.54rem;margin-bottom:0.12rem;position:relative}.p4c-circle .p4cc-border{width:0.54rem;height:0.54rem;border-radius:100%;position:absolute;top:0;left:0;opacity:0;transition:0.6s ease}.p4c-circle .p4cc-bg{width:calc(0.54rem - 2Px);height:calc(0.54rem - 2Px);border-radius:100%;position:absolute;top:1Px;left:1Px;transition:0.6s ease}.p4c-circle .p4cc-center{width:0.38rem;height:0.38rem;border-radius:100%;position:absolute;top:0.08rem;left:0.08rem}.p4c-circle.p4c-circle-1 .p4cc-border{background:#161616}.p4c-circle.p4c-circle-1 .p4cc-center{background:linear-gradient(180deg, #bfbfbf, #dcdcdc)}.p4c-circle.p4c-circle-2 .p4cc-border{background:#132228}.p4c-circle.p4c-circle-2 .p4cc-center{background:#132228}.p4c-circle.p4c-circle-0 .p4cc-border{background:linear-gradient(180deg, #611fff, #08a49d)}.p4c-circle.p4c-circle-0 .p4cc-center{background:linear-gradient(180deg, #611fff, #08a49d)}.p4c-label{width:100%;text-align:center;opacity:0.3}.part-4.bg-1 .p4cc-bg{background:#eaf1f0}.part-4.bg-1 .p4c-circle-1 .p4cc-border{opacity:0.4}.part-4.bg-1 .p4c-circle-1+.p4c-label{opacity:1}.part-4.bg-2 .p4cc-bg{background:#e7ebe8}.part-4.bg-2 .p4c-circle-2 .p4cc-border{opacity:0.4}.part-4.bg-2 .p4c-circle-2+.p4c-label{opacity:1}.part-4.bg-0 .p4cc-bg{background:#f3edff}.part-4.bg-0 .p4c-circle-0 .p4cc-border{opacity:0.4}.part-4.bg-0 .p4c-circle-0+.p4c-label{opacity:1}.part-4-phone-box{width:3.6rem;height:3rem;margin-bottom:0.32rem}.main-wrapper .part-4-color-swiper{width:100%;height:100%}.main-wrapper .part-4-color-swiper .swiper-slide{width:3rem;height:100%}.main-wrapper .part-4-color-swiper .swiper-slide picture{width:100%;height:100%}.part-5{padding:0.8rem 0;background:#000000;color:#ffffff;overflow:hidden}.part-5 .comm-title{position:relative;z-index:2}.part-5 .comm-text{width:3.2rem;margin:0 auto 0.48rem;position:relative;z-index:2}.part-5-left-box{width:3.2rem;margin:0 auto 0.54rem;position:relative;z-index:2}.part-5-screen-list{width:3.2rem;height:1.5rem;margin:auto;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-line-pack:justify;align-content:space-between;position:relative;z-index:2}.part-5-screen-item{min-width:1.04rem;height:0.7rem;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between}.part-5-phone-box{width:3.6rem;height:4rem;margin-bottom:0.32rem;position:relative;z-index:1}.part-5-bg{width:3.6rem;height:5.04rem;position:absolute;top:-1.06rem;left:0}.part-5-phone{width:4.1rem;height:1.9rem;position:absolute}.part-5-phone .part-5-phone-screen{height:1.82rem;position:absolute;top:0.04rem;background:#000000}.part-5-phone .part-5-phone-border{width:100%;height:100%;position:absolute;top:0;left:0}.part-5-phone.part-5-phone-0{top:0;left:-1rem}.part-5-phone.part-5-phone-0 .part-5-phone-screen{right:0.05rem;border-radius:0 0.1rem 0.1rem 0}.part-5-phone.part-5-phone-1{top:2.11rem;right:-1rem}.part-5-phone.part-5-phone-1 .part-5-phone-screen{left:0.1rem;border-radius:0.1rem 0 0 0.1rem}.part-5-phone.part-5-phone-2{display:none}.part-6{padding:0.8rem 0}.part-6 .comm-text{width:3.2rem;margin:0 auto 0.32rem}.part-6-left-box{width:3.2rem;margin:0 auto 0.48rem}.part-6-hz-list{width:3.2rem;margin:auto;display:-ms-flexbox;display:flex}.part-6-hz-item{margin-right:0.32rem}.part-6-hz-item:last-child{margin-right:0}.part-6-right-box{width:3.6rem;height:100%;margin-bottom:0.32rem;position:relative;z-index:1}.part-6-phone-box{width:2.14rem;height:4.6rem;margin:0 auto;position:relative}.part-6-phone-box .hz-box{width:1.96rem;height:4.4rem;background:#000000;overflow:hidden;position:absolute;top:0.1rem;left:0.1rem}.part-6-phone-box .hz-box .img-list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;height:90rem;padding-top:0.26rem}.part-6-phone-box .hz-box .img-list img{width:1.75rem;height:0.55rem;margin-bottom:0.14rem}.part-6-phone-box .hz-box .shadow-bottom{width:100%;height:1.32rem;opacity:0.7;background:linear-gradient(180deg, transparent, #000);position:absolute;bottom:0;left:0}.part-6-phone-box .hz-border{width:100%;height:100%;position:absolute;bottom:0;left:0}.part-7{padding:0.8rem 0;background:#e8ebf5}.part-7-right-box{width:3.2rem;margin:0 auto 0.48rem}.part-7-camara-list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:3.2rem;margin:auto;position:relative;z-index:2}.part-7-camara-item{height:0.65rem;margin-bottom:0.24rem;display:-ms-flexbox;display:flex}.part-7-camara-item:last-child{margin-bottom:0}.p7ci-left{width:0.68rem}.p7ci-left img{width:0.48rem;height:0.28rem;margin-top:0.08rem}.part-7-phone-box{width:3.6rem;height:2.42rem;margin-bottom:0.56rem;position:relative;z-index:1}.part-7-phone{width:3.6rem;height:5.35rem;position:relative}.part-8{padding:0.48rem 0 0.8rem;background:#f9f9fc}.part-8-center-box{width:3.2rem;margin:auto}.part-8-picture-card{padding-bottom:0.32rem}.part-8-picture-card:last-child{padding-bottom:0}.picture-text picture{width:3.2rem;height:2.13rem;margin-bottom:0.1rem}.part-8-picture-card.p8pc-1 picture{width:3.6rem;height:2.7rem;margin-left:-0.2rem}.part-8-picture-card.p8pc-3 .picture-text{padding-bottom:0.32rem}.part-8-picture-card.p8pc-3 .picture-text:last-child{padding-bottom:0}.part-9{padding:0.8rem 0;background:#e9edf2}.part-9 .comm-title-box{width:3.2rem;margin:0 auto 0.48rem}.part-9 .comm-t-h2{padding-bottom:0}.part-9-phone-box{width:3.2rem;margin:0 auto 0.48rem}.phone-text{width:100%;padding-bottom:0.48rem}.phone-text:last-child{padding-bottom:0}.phone-text .phone-img-box{background:rgba(203,225,223,0.6);width:3.2rem;height:4.5rem;margin-bottom:0.2rem;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.phone-text .phone-img-box picture{width:1.81rem;height:3.9rem}.more-os{display:block;width:4.5em;height:0.24rem;margin:auto;border-bottom:1Px solid #000000;text-align:center}.part-10{padding:0.8rem 0;background:rgba(200,209,223,0.6)}.part-10 .comm-title-box{width:3.2rem;margin:0 auto 0.48rem}.part-10 .comm-t-h2{padding-bottom:0}.part-10 .comm-t-h2 p span{display:none}.part-10-phone-box{width:3.2rem;height:5.18rem;margin:auto;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-line-pack:start;align-content:flex-start}.data-text{width:1.56rem;height:1.86rem;box-sizing:border-box;padding-top:0.32rem;background:rgba(255,255,255,0.6);border-radius:0.04rem;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;text-align:center;margin-bottom:0.08rem}.data-text img{width:0.6rem;height:0.6rem;margin-bottom:0.2rem}.data-text:last-child{width:3.2rem;height:1.3rem;position:relative;padding:0.4rem 0 0 1.6rem;-ms-flex-align:start;align-items:flex-start;text-align:left;margin-bottom:0}.data-text:last-child img{position:absolute;top:0.35rem;left:0.49rem}.part-11{padding:0.96rem 0}.remarks-h3{width:3.2rem;margin:auto;opacity:0.5}.remarks-h3 li{list-style:decimal outside;margin-left:0.24rem}.kv-img__bg{opacity:0}.kv-text-box{opacity:0;-webkit-transform:translateY(0.5rem);transform:translateY(0.5rem)}.mainjsloaded .sec-kv .kv-img__bg{opacity:1;transition:0.6s ease}.mainjsloaded .sec-kv .kv-text-box{opacity:1;-webkit-transform:none;transform:none;transition:0.6s ease 0.4s}.mainjsloaded .part-0-phone-box{pointer-events:none}.mainjsloaded .part-0-picture-1,.mainjsloaded .part-0-picture-2,.mainjsloaded .part-0-picture-3,.mainjsloaded .part-0-h3,.mainjsloaded .part-0-phone{opacity:0}.mainjsloaded .part-0-phone{transition:0.6s ease}.mainjsloaded .part-0-pictur-0{opacity:1;-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:scale(calc(64 / 196)) translateY(0.22rem);transform:scale(calc(64 / 196)) translateY(0.22rem);border-radius:0}.mainjsloaded .part-0-absolute-box{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:scale(calc(196 / 64)) translateY(-0.07rem);transform:scale(calc(196 / 64)) translateY(-0.07rem);transition:0.6s ease}.mainjsloaded .part-0-picture{transition:0.6s ease}.mainjsloaded .part-0-picture.part-0-picture-2{-webkit-transform:scale(1.77) translate(0, -0.02rem);transform:scale(1.77) translate(0, -0.02rem)}.mainjsloaded .part-0-picture.part-0-picture-1{-webkit-transform:scale(1.68) translate(0, -0.03rem);transform:scale(1.68) translate(0, -0.03rem)}.mainjsloaded .part-0-picture.part-0-picture-3{-webkit-transform:scale(8);transform:scale(8);opacity:0}.mainjsloaded .part-0.step-1 .part-0-absolute-box{-webkit-transform:none;transform:none}.mainjsloaded .part-0.step-1 .part-0-picture-0,.mainjsloaded .part-0.step-1 .part-0-picture-1{opacity:0.1}.mainjsloaded .part-0.step-1 .part-0-phone{opacity:1}.mainjsloaded .part-0.step-1 .part-0-pictur-0{opacity:1}.mainjsloaded .part-0.step-2 .part-0-picture-0,.mainjsloaded .part-0.step-2 .part-0-picture-1{opacity:1}.mainjsloaded .part-0.step-2 .part-0-pictur-0{opacity:0;transition:0.8s ease}.mainjsloaded .part-0.step-3 .part-0-picture{transition:0.3s ease}.mainjsloaded .part-0.step-3 .part-0-picture.part-0-picture-0{-webkit-transform:scale(calc(1/1.68)) translate(0, 0);transform:scale(calc(1/1.68)) translate(0, 0);opacity:0}.mainjsloaded .part-0.step-3 .part-0-picture.part-0-picture-1{-webkit-transform:scale(1) translate(0, 0);transform:scale(1) translate(0, 0)}.mainjsloaded .part-0.step-3 .part-0-picture.part-0-picture-2{opacity:1}.mainjsloaded .part-0.step-4 .part-0-picture.part-0-picture-1{-webkit-transform:scale(calc(1/1.77)) translate(0, 0.03rem);transform:scale(calc(1/1.77)) translate(0, 0.03rem);opacity:0}.mainjsloaded .part-0.step-4 .part-0-picture.part-0-picture-2{-webkit-transform:scale(1) translate(0, 0);transform:scale(1) translate(0, 0)}.mainjsloaded .part-0.step-5 .part-0-picture.part-0-picture-3{-webkit-transform:scale(1);transform:scale(1);opacity:0.8}.mainjsloaded .part-0.step-5 .part-0-h3{opacity:1;transition:0.3s ease 0.3s}.mainjsloaded .part-1-phone{opacity:1;transition:0.6s ease}.mainjsloaded .part-1-shadow{opacity:0;transition:0.6s ease}.mainjsloaded .part-1-5g{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:scale(calc(122/152)) translate(-0.02rem, -0.01rem);transform:scale(calc(122/152)) translate(-0.02rem, -0.01rem);box-shadow:0 0 0 rgba(255,255,255,0);transition:0.6s ease}.mainjsloaded .part-1.step-1 .part-1-shadow{opacity:1}.mainjsloaded .part-1.step-1 .part-1-5g{-webkit-transform:scale(1);transform:scale(1);box-shadow:0 0 1rem rgba(255,255,255,0.74)}.mainjsloaded .part-1.step-1 .part-1-phone{opacity:0.6}.mainjsloaded .part-2-phone-box{opacity:0;-webkit-transform:translate(0, 0.8rem);transform:translate(0, 0.8rem);transition:0.6s ease}.mainjsloaded .part-2-phone{-webkit-transform:translate(-0.3rem, -0.44rem);transform:translate(-0.3rem, -0.44rem);transition:0.6s ease}.mainjsloaded .part-2-charging-line{-webkit-transform:translate(0.3rem, 0.3rem);transform:translate(0.3rem, 0.3rem);transition:0.6s ease}.mainjsloaded .part-2-num-filled .close-box{width:100%;height:0;overflow:hidden;position:absolute;bottom:0;left:0;transition:0.6s ease}.mainjsloaded .part-2-num-filled img{width:3.2rem;height:0.9rem;position:absolute;bottom:0;left:0}.mainjsloaded .part-2.step-0 .part-2-phone-box{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}.mainjsloaded .part-2.step-1 .part-2-phone{-webkit-transform:translate(0, 0);transform:translate(0, 0)}.mainjsloaded .part-2.step-1 .part-2-charging-line{-webkit-transform:translate(0, 0);transform:translate(0, 0)}.mainjsloaded .part-2.step-1 .part-2-num-filled .close-box{height:100%;transition:0.6s ease 0.5s}.mainjsloaded .part-3-phone-box picture{transition:0.6s ease}.mainjsloaded .part-3-exploded-0{left:1.04rem;opacity:1}.mainjsloaded .part-3-exploded-0-light{opacity:0}.mainjsloaded .part-3-exploded-1{left:1.22rem}.mainjsloaded .part-3-exploded-1-light{opacity:0}.mainjsloaded .part-3-exploded-3{left:1.31rem}.mainjsloaded .part-3-exploded-4{left:1.2rem}.mainjsloaded .part-3-exploded-5{left:1.1rem;opacity:1}.mainjsloaded .part-3.step-1 .part-3-exploded-0{left:0;opacity:0.8}.mainjsloaded .part-3.step-1 .part-3-exploded-0-light{opacity:1;transition:0.6s ease 0.3s}.mainjsloaded .part-3.step-1 .part-3-exploded-1{left:0.59rem}.mainjsloaded .part-3.step-1 .part-3-exploded-1-light{opacity:1;transition:0.6s ease 0.3s}.mainjsloaded .part-3.step-1 .part-3-exploded-2{left:1.03rem}.mainjsloaded .part-3.step-1 .part-3-exploded-3{left:1.63rem}.mainjsloaded .part-3.step-1 .part-3-exploded-4{left:2rem}.mainjsloaded .part-3.step-1 .part-3-exploded-5{left:2.42rem;opacity:0.8}.mainjsloaded .part-5-bg{opacity:0;transition:0.6s ease}.mainjsloaded .part-5-phone{transition:0.6s ease}.mainjsloaded .part-5-phone .part-5-phone-screen img{opacity:0;transition:0.6s ease}.mainjsloaded .part-5-phone.part-5-phone-0{-webkit-transform:translate(-0.5rem, 0);transform:translate(-0.5rem, 0)}.mainjsloaded .part-5-phone.part-5-phone-1{-webkit-transform:translate(0.5rem, 0);transform:translate(0.5rem, 0)}.mainjsloaded .part-5.step-1 .part-5-bg{opacity:1;transition:0.6s ease 0.5s}.mainjsloaded .part-5.step-1 .part-5-phone .part-5-phone-screen img{opacity:1;transition:0.6s ease 0.5s}.mainjsloaded .part-5.step-1 .part-5-phone.part-5-phone-0{-webkit-transform:translate(0, 0);transform:translate(0, 0)}.mainjsloaded .part-5.step-1 .part-5-phone.part-5-phone-1{-webkit-transform:translate(0, 0);transform:translate(0, 0)}.mainjsloaded .part-6-phone-box .hz-box .img-list img{margin-top:0.5rem;opacity:0;transition:1s ease}.mainjsloaded .part-6.step-1 .part-6-phone-box .hz-box .img-list img{margin-top:0;opacity:1}.mainjsloaded .part-6.step-2 .part-6-phone-box .hz-box .img-list{-webkit-transform:translate(0, calc(-0.69rem * 49));transform:translate(0, calc(-0.69rem * 49));transition:3s cubic-bezier(0.42, 0, 0.26, 1.01)}.mainjsloaded .part-7-phone{-webkit-transform:translate(0, 1rem);transform:translate(0, 1rem);opacity:0;transition:0.6s ease}.mainjsloaded .part-7.step-1 .part-7-phone{-webkit-transform:translate(0, 0);transform:translate(0, 0);opacity:1}}.buy-pop-shade.show{position:relative;top:0;left:0;display:none;width:100vw;height:100vh;background:rgba(0,0,0,0);display:none;z-index:1000;transition:all 0.3s ease-in-out}.buy-pop-shade.show{display:block;position:fixed;background:rgba(0,0,0,0.64)}.buy-pop-main{width:13.12rem;height:7.2rem;position:relative;overflow:hidden;text-align:center;top:50%;left:50%;margin-top:-3.6rem;margin-left:-6.56rem;background:#fff;-webkit-transform:translateY(80%);transform:translateY(80%);transition:all 0.3s;opacity:0;z-index:1001}.buy-pop-main.show{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;position:fixed}.buy-pop-box{width:100%;height:100%;z-index:10;overflow-y:auto;padding-bottom:0.32rem;box-sizing:border-box;-webkit-transform:translateY(80%);transform:translateY(80%);transition:all 0.32s;opacity:0}.buy-pop-main.show .buy-pop-box{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}.buy-pop-box::-webkit-scrollbar{width:0.04rem;height:1Px}.buy-pop-box::-webkit-scrollbar-thumb{background:#2EC84D}.buy-pop-box::-webkit-scrollbar-track{background:rgba(0,0,0,0.11)}.buy-pop-main a.close{color:#000;position:absolute;top:0.32rem;right:0.32rem;width:0.14rem;height:0.14rem;display:block;z-index:15}.buy-pop-main a.close img{width:100%;height:100%}.buy-pop-main h2{font-size:0.28rem;line-height:0.44rem;margin:0.7rem 0 0.32rem;font-family:"OPPOSans-Bold"}.buy-pop-main h3{font-size:0.2rem;line-height:0.32rem;margin-bottom:0.2rem}.buy-pop-main .buy-channel{width:100%;font-size:0;margin-bottom:0.06rem}.buy-pop-main .buy-channel-box{width:1.92rem;height:1.44rem;display:inline-block;vertical-align:middle;background-color:rgba(0,0,0,0.04);position:relative;margin:0 0.16rem 0.32rem;transition:all 0.2s ease-in-out}.buy-pop-main .buy-channel-box img{width:1.18rem;display:block;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);transition:all 0.5s ease-in-out}.buy-pop-main .buy-channel-box:hover img{-webkit-transform:translate(-50%, -50%) scale(0.92);transform:translate(-50%, -50%) scale(0.92)}.buy-pop-main .buy-channel-box:hover{background-color:rgba(0,0,0,0.02)}@media screen and (min-width: 1440px){.buy-pop-main{height:6.25rem;margin-top:-3.125rem}.nav-second-box{height:0.6rem}.nav-second{width:100%;height:0.6rem;background:#ffffff;box-sizing:border-box;border-top:1Px solid #d2d2d2;border-bottom:1Px solid #d2d2d2;position:relative;top:0;left:0;z-index:2}.nav-second .nav-cont,.nav-links,.nav-anchors,.nav-buy{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center}.nav-second .nav-cont{width:100%;max-width:14.4rem;height:100%;margin:0 auto;position:relative}.nav-links-selected{display:none}.nav-links a,.nav-anchors a{color:rgba(0,0,0,0.7);font-size:0.14rem;line-height:0.24rem}.nav-links a.on,.nav-anchors a.on{color:#000;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.nav-links{padding-left:0.64rem}.nav-links a{position:relative;padding-right:0.2rem;margin-right:0.2rem}.nav-links a:last-child{margin-right:0}.nav-links a::after{content:'';display:block;width:1Px;height:0.12rem;background:#000;position:absolute;top:50%;right:0;-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0)}.nav-links a:last-child::after{display:none}.nav-anchors-selected{display:none}.nav-anchors{position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%, -50%, 0);transform:translate3d(-50%, -50%, 0)}.nav-anchors a{padding:0 0.1rem}.nav-buy{margin-right:0.64rem}.nav-buy .btn-buy{color:#fff;font:0.09rem/0.32rem "OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";text-align:center;display:block;padding:0 0.15rem;background:#2ec84d}}@media screen and (max-width: 1439px) and (min-width: 1024px){.buy-pop-main{width:8.96rem;height:calc(100vh - 1.6rem);margin-top:calc(0.8rem - 50vh);margin-left:-4.48rem}.buy-pop-main .buy-channel{margin-bottom:0}.buy-pop-main .buy-channel-box{width:2rem;height:1.5rem}.buy-pop-main .buy-channel-box img{width:1.22rem}.nav-second-box{height:0.6rem}.nav-second{width:100%;height:0.6rem;background:#ffffff;box-sizing:border-box;border-top:1Px solid #d2d2d2;border-bottom:1Px solid #d2d2d2;position:relative;top:0;left:0;z-index:2}.nav-second .nav-cont,.nav-links,.nav-anchors,.nav-buy{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center}.nav-second .nav-cont{width:100%;height:100%;position:relative}.nav-links-selected{display:none}.nav-links a,.nav-anchors a{color:rgba(0,0,0,0.7);font-size:0.12rem;line-height:0.24rem}.nav-links a.on,.nav-anchors a.on{color:#000;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.nav-links{padding-left:0.64rem}.nav-links a{position:relative;padding-right:0.2rem;margin-right:0.2rem}.nav-links a:last-child{margin-right:0}.nav-links a::after{content:'';display:block;width:1Px;height:0.12rem;background:#000;position:absolute;top:50%;right:0;-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0)}.nav-links a:last-child::after{display:none}.nav-anchors-selected{display:none}.nav-anchors{position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%, -50%, 0);transform:translate3d(-50%, -50%, 0)}.nav-anchors a{padding:0 0.1rem}.nav-buy{margin-right:0.64rem}.nav-buy .btn-buy{color:#fff;font:0.09rem/0.32rem "OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";text-align:center;display:block;padding:0 0.15rem;background:#2ec84d}}@media screen and (max-width: 1023px) and (min-width: 768px){html,body{overflow-x:hidden}.buy-pop-main{width:7.2rem;height:8.5rem;margin-top:-4.25rem;margin-left:-3.6rem}.buy-pop-main .buy-channel{margin-bottom:0}.buy-pop-main .buy-channel-box{width:1.56rem;height:1.16rem}.buy-pop-main .buy-channel-box img{width:0.95rem}.nav-second-box{height:0.6rem}.nav-second{width:100%;height:0.6rem;background:#ffffff;box-sizing:border-box;border-top:1Px solid #d2d2d2;border-bottom:1Px solid #d2d2d2;position:relative;top:0;left:0;z-index:2}.nav-second .nav-cont,.nav-buy{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center}.nav-second .nav-cont{width:100%;height:100%;position:relative}.nav-links-selected{padding-left:0.64rem;font:0.12rem/0.6rem "OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";height:0.6rem;width:1rem}.nav-links-selected.has-more::after{content:'';display:inline-block;vertical-align:top;width:0.1rem;height:0.065rem;margin:0.27rem 0 0 0.22rem;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAYAAACpUE5eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkE2Rjk3NzA5REJDRTExRUE5RUVGQzA3Q0Y4NTM1NDhFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkE2Rjk3NzBBREJDRTExRUE5RUVGQzA3Q0Y4NTM1NDhFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTZGOTc3MDdEQkNFMTFFQTlFRUZDMDdDRjg1MzU0OEUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTZGOTc3MDhEQkNFMTFFQTlFRUZDMDdDRjg1MzU0OEUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4PPbYIAAABDklEQVR42pSTzWqDQBRGR/x5PFEUBRUUBUVXghZdmFWFLGaRVQilFBdSSgml5PFCU2xuYIKxdzKt8G2c75yBOzPEtu29JEnfEF3XD9M0kf8EGMaDi2iadiSETCyWZe3/KoPunFUU5YuoqnojhHie9yqS+b4/LrmLyzTNj+UCJI7jF54sSZJnjLm4oGAYxidWKIpiu5RlWbbDumxU16Lrum9YsaoqyjplWW6wjuM476xzszvMDgO6rnts23aNrQVBMM4dv+YTRdGAgVjCMByWPDp03pzmSdP0CWO51wIOhCfL83zL4+7eNewQ4N89Rvga6rqmTNY0zVrUV4jgo5Q+yLJ8Oj+rU9/3K1H/R4ABAOpV8kSRtBgkAAAAAElFTkSuQmCC) no-repeat 0 0/100% 100%;-webkit-transform-origin:center center;transform-origin:center center;transition:-webkit-transform 0.3s linear;transition:transform 0.3s linear;transition:transform 0.3s linear, -webkit-transform 0.3s linear}.nav-links{position:absolute;top:calc(0.6rem - 1Px);left:0;z-index:0;width:100%;background:rgba(255,255,255,0.9);height:0;overflow:hidden;transition:height 0.3s ease}.nav-links a{display:block;width:100%;height:0.6rem;background:#fff;padding-bottom:1Px;color:rgba(0,0,0,0.7);font:0.12rem/0.6rem "OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";text-align:center;position:relative}.nav-links a.on{color:#000000;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.nav-links a::after{content:'';display:block;width:7.2rem;height:1Px;background:#d2d2d2;position:absolute;bottom:0;left:50%;margin-left:-3.6rem}.nav-links a:last-child{padding-bottom:0}.nav-links a:last-child::after{display:none}.nav-links-selected.nav-open+.nav-links{height:100vh}.nav-links-selected.nav-open::after{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.nav-anchors-selected{font:0.12rem/0.6rem "OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";text-align:center;position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%, -50%, 0);transform:translate3d(-50%, -50%, 0);width:1.4rem;height:0.6rem}.nav-anchors-selected.has-more::before{content:'';display:block;width:0.1rem;height:0.065rem;margin-left:0.4rem;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAYAAACpUE5eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkE2Rjk3NzA5REJDRTExRUE5RUVGQzA3Q0Y4NTM1NDhFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkE2Rjk3NzBBREJDRTExRUE5RUVGQzA3Q0Y4NTM1NDhFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTZGOTc3MDdEQkNFMTFFQTlFRUZDMDdDRjg1MzU0OEUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTZGOTc3MDhEQkNFMTFFQTlFRUZDMDdDRjg1MzU0OEUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4PPbYIAAABDklEQVR42pSTzWqDQBRGR/x5PFEUBRUUBUVXghZdmFWFLGaRVQilFBdSSgml5PFCU2xuYIKxdzKt8G2c75yBOzPEtu29JEnfEF3XD9M0kf8EGMaDi2iadiSETCyWZe3/KoPunFUU5YuoqnojhHie9yqS+b4/LrmLyzTNj+UCJI7jF54sSZJnjLm4oGAYxidWKIpiu5RlWbbDumxU16Lrum9YsaoqyjplWW6wjuM476xzszvMDgO6rnts23aNrQVBMM4dv+YTRdGAgVjCMByWPDp03pzmSdP0CWO51wIOhCfL83zL4+7eNewQ4N89Rvga6rqmTNY0zVrUV4jgo5Q+yLJ8Oj+rU9/3K1H/R4ABAOpV8kSRtBgkAAAAAElFTkSuQmCC) no-repeat 0 0/100% 100%;position:absolute;top:0.27rem;left:50%;-webkit-transform-origin:center center;transform-origin:center center;transition:-webkit-transform 0.3s linear;transition:transform 0.3s linear;transition:transform 0.3s linear, -webkit-transform 0.3s linear}.nav-anchors{position:absolute;top:calc(0.6rem - 1Px);left:0;z-index:0;width:100%;background:rgba(255,255,255,0.9);height:0;overflow:hidden;transition:height 0.3s ease}.nav-anchors a{display:block;width:100%;height:0.6rem;background:#fff;padding-bottom:1Px;color:rgba(0,0,0,0.7);font:0.12rem/0.6rem "OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";text-align:center;position:relative}.nav-anchors a.on{color:#000000;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.nav-anchors a::after{content:'';display:block;width:7.2rem;height:1Px;background:#d2d2d2;position:absolute;bottom:0;left:50%;margin-left:-3.6rem}.nav-anchors a:last-child{padding-bottom:0}.nav-anchors a:last-child::after{display:none}.nav-anchors-selected.nav-open+.nav-anchors{height:100vh}.nav-anchors-selected.nav-open::before{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.nav-buy{margin-right:0.64rem}.nav-buy .btn-buy{color:#fff;font:0.12rem/0.32rem "OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";text-align:center;display:block;padding:0 0.15rem;background:#2ec84d}}@media screen and (max-width: 767px){html,body{overflow-x:hidden}.buy-pop-main a.close{top:0.2rem;right:0.2rem}.buy-pop-main{width:3.2rem;height:5.2rem;margin-top:-2.6rem;margin-left:-1.6rem}.buy-pop-main h2{margin-top:0.48rem}.buy-pop-main .buy-channel{margin-bottom:0}.buy-pop-main .buy-channel-box{width:1.32rem;height:0.96rem;margin:0 0.08rem 0.32rem}.buy-pop-main .buy-channel-box img{width:0.98rem}.nav-second-box{height:0.5rem}.nav-second{width:100%;height:0.5rem;background:#ffffff;box-sizing:border-box;border-top:1Px solid #d2d2d2;border-bottom:1Px solid #d2d2d2;position:relative;top:0;left:0;z-index:2}.nav-second .nav-cont,.nav-buy{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center}.nav-second .nav-cont{width:100%;height:100%;position:relative}.nav-links-selected{padding-left:0.2rem;font:0.12rem/0.5rem "OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";height:0.5rem;width:0.82rem}.nav-links-selected.has-more::after{content:'';display:inline-block;vertical-align:top;width:0.1rem;height:0.065rem;margin:0.22rem 0 0 0.04rem;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAYAAACpUE5eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkE2Rjk3NzA5REJDRTExRUE5RUVGQzA3Q0Y4NTM1NDhFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkE2Rjk3NzBBREJDRTExRUE5RUVGQzA3Q0Y4NTM1NDhFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTZGOTc3MDdEQkNFMTFFQTlFRUZDMDdDRjg1MzU0OEUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTZGOTc3MDhEQkNFMTFFQTlFRUZDMDdDRjg1MzU0OEUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4PPbYIAAABDklEQVR42pSTzWqDQBRGR/x5PFEUBRUUBUVXghZdmFWFLGaRVQilFBdSSgml5PFCU2xuYIKxdzKt8G2c75yBOzPEtu29JEnfEF3XD9M0kf8EGMaDi2iadiSETCyWZe3/KoPunFUU5YuoqnojhHie9yqS+b4/LrmLyzTNj+UCJI7jF54sSZJnjLm4oGAYxidWKIpiu5RlWbbDumxU16Lrum9YsaoqyjplWW6wjuM476xzszvMDgO6rnts23aNrQVBMM4dv+YTRdGAgVjCMByWPDp03pzmSdP0CWO51wIOhCfL83zL4+7eNewQ4N89Rvga6rqmTNY0zVrUV4jgo5Q+yLJ8Oj+rU9/3K1H/R4ABAOpV8kSRtBgkAAAAAElFTkSuQmCC) no-repeat 0 0/100% 100%;-webkit-transform-origin:center center;transform-origin:center center;transition:-webkit-transform 0.3s linear;transition:transform 0.3s linear;transition:transform 0.3s linear, -webkit-transform 0.3s linear}.nav-links{position:absolute;top:calc(0.5rem - 1Px);left:0;z-index:0;width:100%;background:rgba(255,255,255,0.9);height:0;overflow:hidden;transition:height 0.3s ease}.nav-links a{display:block;width:100%;height:0.5rem;background:#fff;padding-bottom:1Px;color:rgba(0,0,0,0.7);font:0.12rem/0.5rem "OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";text-align:center;position:relative}.nav-links a.on{color:#000000;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.nav-links a::after{content:'';display:block;width:3.2rem;height:1Px;background:#d2d2d2;position:absolute;bottom:0;left:50%;margin-left:-1.6rem}.nav-links a:last-child{padding-bottom:0}.nav-links a:last-child::after{display:none}.nav-links-selected.nav-open+.nav-links{height:100vh}.nav-links-selected.nav-open::after{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.nav-anchors-selected{font:0.12rem/0.5rem "OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";text-align:center;position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%, -50%, 0);transform:translate3d(-50%, -50%, 0);padding:0 0.06rem;height:0.5rem}.nav-anchors-selected.has-more::before{content:'';display:block;width:0.1rem;height:0.065rem;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAYAAACpUE5eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkE2Rjk3NzA5REJDRTExRUE5RUVGQzA3Q0Y4NTM1NDhFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkE2Rjk3NzBBREJDRTExRUE5RUVGQzA3Q0Y4NTM1NDhFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTZGOTc3MDdEQkNFMTFFQTlFRUZDMDdDRjg1MzU0OEUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTZGOTc3MDhEQkNFMTFFQTlFRUZDMDdDRjg1MzU0OEUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4PPbYIAAABDklEQVR42pSTzWqDQBRGR/x5PFEUBRUUBUVXghZdmFWFLGaRVQilFBdSSgml5PFCU2xuYIKxdzKt8G2c75yBOzPEtu29JEnfEF3XD9M0kf8EGMaDi2iadiSETCyWZe3/KoPunFUU5YuoqnojhHie9yqS+b4/LrmLyzTNj+UCJI7jF54sSZJnjLm4oGAYxidWKIpiu5RlWbbDumxU16Lrum9YsaoqyjplWW6wjuM476xzszvMDgO6rnts23aNrQVBMM4dv+YTRdGAgVjCMByWPDp03pzmSdP0CWO51wIOhCfL83zL4+7eNewQ4N89Rvga6rqmTNY0zVrUV4jgo5Q+yLJ8Oj+rU9/3K1H/R4ABAOpV8kSRtBgkAAAAAElFTkSuQmCC) no-repeat 0 0/100% 100%;position:absolute;top:0.22rem;left:100%;-webkit-transform-origin:center center;transform-origin:center center;transition:-webkit-transform 0.3s linear;transition:transform 0.3s linear;transition:transform 0.3s linear, -webkit-transform 0.3s linear}.nav-anchors{position:absolute;top:calc(0.5rem - 1Px);left:0;z-index:0;width:100%;background:rgba(255,255,255,0.9);height:0;overflow:hidden;transition:height 0.3s ease}.nav-anchors a{display:block;width:100%;height:0.5rem;background:#fff;padding-bottom:1Px;color:rgba(0,0,0,0.7);font:0.12rem/0.5rem "OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";text-align:center;position:relative}.nav-anchors a.on{color:#000000;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.nav-anchors a::after{content:'';display:block;width:3.2rem;height:1Px;background:#d2d2d2;position:absolute;bottom:0;left:50%;margin-left:-1.6rem}.nav-anchors a:last-child{padding-bottom:0}.nav-anchors a:last-child::after{display:none}.nav-anchors-selected.nav-open+.nav-anchors{height:100vh}.nav-anchors-selected.nav-open::before{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.nav-buy{margin-right:0.2rem}.nav-buy .btn-buy{color:#fff;font:0.12rem/0.32rem "OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";text-align:center;display:block;padding:0 0.15rem;background:#2ec84d}}.f-dark .nav-second{background:#000000;border-color:#323232}.f-dark .nav-links a::after,.f-dark .nav-anchors a::after{background-color:#323232}.f-dark .nav-links-selected,.f-dark .nav-anchors-selected,.f-dark .nav-links a,.f-dark .nav-anchors a{color:#fff}.f-dark .nav-links-selected::after{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAYAAACpUE5eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjQxODY5MEUwRUJDMTFFQjk5NjJBMUU5MTRFNjU3QkQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjQxODY5MEQwRUJDMTFFQjk5NjJBMUU5MTRFNjU3QkQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTZGOTc3MDlEQkNFMTFFQTlFRUZDMDdDRjg1MzU0OEUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTZGOTc3MEFEQkNFMTFFQTlFRUZDMDdDRjg1MzU0OEUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6xpjcgAAAAqklEQVR42pSTMQuDMBSEM/Qvd3Tq4ODgFESkOIiIBBF/nrTymhQDz/AuiQe3JN9d4CVRRGSsj9ObtbrpjeWNW9jpKnOjzATZj1ToNGaUDUJudxsLyXpHyjqQWTywAkALZQ1g/6Pi4ATAijE1YGbPhKePIPCyLsHewDuk+fSUrz7Mo6E3GWWtlI09Cx0p0yiXemvSJdSxTM5vqFhZmeIfKq2n9fd0kYJ/AgwALyRAxNmyZZoAAAAASUVORK5CYII=)}.f-dark .nav-anchors-selected::before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAYAAACpUE5eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjQxODY5MEUwRUJDMTFFQjk5NjJBMUU5MTRFNjU3QkQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjQxODY5MEQwRUJDMTFFQjk5NjJBMUU5MTRFNjU3QkQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTZGOTc3MDlEQkNFMTFFQTlFRUZDMDdDRjg1MzU0OEUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTZGOTc3MEFEQkNFMTFFQTlFRUZDMDdDRjg1MzU0OEUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6xpjcgAAAAqklEQVR42pSTMQuDMBSEM/Qvd3Tq4ODgFESkOIiIBBF/nrTymhQDz/AuiQe3JN9d4CVRRGSsj9ObtbrpjeWNW9jpKnOjzATZj1ToNGaUDUJudxsLyXpHyjqQWTywAkALZQ1g/6Pi4ATAijE1YGbPhKePIPCyLsHewDuk+fSUrz7Mo6E3GWWtlI09Cx0p0yiXemvSJdSxTM5vqFhZmeIfKq2n9fd0kYJ/AgwALyRAxNmyZZoAAAAASUVORK5CYII=)}@media screen and (max-width: 1023px){.f-dark .nav-links,.f-dark .nav-anchors{background:rgba(0,0,0,0.7)}.f-dark .nav-links a,.f-dark .nav-anchors a{background:#000}}.f_ani{opacity:1;transition:all 0.5s}.mainjsloaded .f_ani{opacity:0}.f_enter{-webkit-animation:fadeInUp 0.8s ease forwards;animation:fadeInUp 0.8s ease forwards;will-change:transform,opacity}@-webkit-keyframes fadeInUp{from{-webkit-transform:translate3d(0, 0.6rem, 0);transform:translate3d(0, 0.6rem, 0);opacity:0}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}}@keyframes fadeInUp{from{-webkit-transform:translate3d(0, 0.6rem, 0);transform:translate3d(0, 0.6rem, 0);opacity:0}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}}.mainjsloaded .s_with_s{opacity:0;-webkit-transform-origin:center top;transform-origin:center top;-webkit-transform:scale(1.2);transform:scale(1.2)}.mainjsloaded .s_with_s.s_ready{will-change:transform,opacity}.main-box{position:relative;z-index:1}.main-box>section{margin-top:-0.01rem}.w-bg{background:#fff !important}