@font-face {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;}:root {--swiper-theme-color:#007aff;}.custom-html-component .swiper-container {margin-left: auto;margin-right: auto;position: relative;overflow: hidden;list-style: none;padding: 0;z-index: 1;}.custom-html-component .swiper-container-vertical > .swiper-wrapper {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}.custom-html-component .swiper-wrapper {position: relative;width: 100%;height: 100%;z-index: 1;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-transition-property: -webkit-transform;transition-property: -webkit-transform;transition-property: transform;transition-property: transform,-webkit-transform;box-sizing: content-box;}.custom-html-component .swiper-container-android .swiper-slide, .custom-html-component .swiper-wrapper {-webkit-transform: translateZ(0);transform: translateZ(0);}.custom-html-component .swiper-container-multirow > .swiper-wrapper {-ms-flex-wrap: wrap;flex-wrap: wrap;}.custom-html-component .swiper-container-multirow-column > .swiper-wrapper {-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}.custom-html-component .swiper-container-free-mode > .swiper-wrapper {-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;margin: 0 auto;}.custom-html-component .swiper-slide {-ms-flex-negative: 0;flex-shrink: 0;width: 100%;height: 100%;position: relative;-webkit-transition-property: -webkit-transform;transition-property: -webkit-transform;transition-property: transform;transition-property: transform,-webkit-transform;}.custom-html-component .swiper-slide-invisible-blank {visibility: hidden;}.custom-html-component .swiper-container-autoheight, .custom-html-component .swiper-container-autoheight .swiper-slide {height: auto;}.custom-html-component .swiper-container-autoheight .swiper-wrapper {-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;-webkit-transition-property: height,-webkit-transform;transition-property: height,-webkit-transform;transition-property: transform,height;transition-property: transform,height,-webkit-transform;}.custom-html-component .swiper-container-3d {-webkit-perspective: 1200px;perspective: 1200px;}.custom-html-component .swiper-container-3d .swiper-cube-shadow, .custom-html-component .swiper-container-3d .swiper-slide, .custom-html-component .swiper-container-3d .swiper-slide-shadow-bottom, .custom-html-component .swiper-container-3d .swiper-slide-shadow-left, .custom-html-component .swiper-container-3d .swiper-slide-shadow-right, .custom-html-component .swiper-container-3d .swiper-slide-shadow-top, .custom-html-component .swiper-container-3d .swiper-wrapper {-webkit-transform-style: preserve-3d;transform-style: preserve-3d;}.custom-html-component .swiper-container-3d .swiper-slide-shadow-bottom, .custom-html-component .swiper-container-3d .swiper-slide-shadow-left, .custom-html-component .swiper-container-3d .swiper-slide-shadow-right, .custom-html-component .swiper-container-3d .swiper-slide-shadow-top {position: absolute;left: 0;top: 0;width: 100%;height: 100%;pointer-events: none;z-index: 10;}.custom-html-component .swiper-container-3d .swiper-slide-shadow-left {background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5), transparent);}.custom-html-component .swiper-container-3d .swiper-slide-shadow-right {background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), transparent);}.custom-html-component .swiper-container-3d .swiper-slide-shadow-top {background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent);}.custom-html-component .swiper-container-3d .swiper-slide-shadow-bottom {background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), transparent);}.custom-html-component .swiper-container-css-mode > .swiper-wrapper {overflow: auto;scrollbar-width: none;-ms-overflow-style: none;}.custom-html-component .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {display: none;}.custom-html-component .swiper-container-css-mode > .swiper-wrapper > .swiper-slide {scroll-snap-align: start start;}.custom-html-component .swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {-ms-scroll-snap-type: x mandatory;scroll-snap-type: x mandatory;}.custom-html-component .swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {-ms-scroll-snap-type: y mandatory;scroll-snap-type: y mandatory;}.custom-html-component .hidden {display: none;font-size: 0;text-indent: -999em;}.custom-html-component body, .custom-html-component html {width: 100%;overflow: auto;margin: 0 auto;}.custom-html-component picture {display: block;}.custom-html-component picture img {width: 100%;height: 100%;background-size: 100% 100%;}.custom-html-component br {opacity: 0;font-size: 0;}.custom-html-component body {-webkit-text-size-adjust: 100% !important;text-size-adjust: 100% !important;-moz-text-size-adjust: 100% !important;}.custom-html-component .section {position: relative;z-index: 3;margin: 0 auto;}.custom-html-component .oc-footer {background-color: #fff;}@media only screen and (min-width: 1441px) {.custom-html-component .pc-hide br {opacity: 0;font-size: 0;display: none !important;}.custom-html-component .wrapper {width: 68.33333vw;height: 100%;margin: 0 auto;position: relative;}.custom-html-component .sec-title {margin: 0 auto 1.2vw;font-size: 2.5vw;line-height: 3.75vw;color: #000;font-family: OPPOFont-Bold;}.custom-html-component .sec-text, .custom-html-component .sec-title {width: 100%;text-align: center;position: relative;z-index: 5;}.custom-html-component .sec-text {font-size: 1.04167vw;line-height: 1.66667vw;color: #737373;}.custom-html-component .sec-text, .custom-html-component .sec-tip {margin: 0 auto;font-family: OPPOFont-Regular;}.custom-html-component .sec-tip {width: 100%;font-size: .625vw;line-height: 1.04167vw;color: #bfbfbf;text-align: center;position: relative;z-index: 5;}.custom-html-component .sec-tip span {display: block;float: left;padding-bottom: 3vw;}.custom-html-component .sec-dbox {float: left;}.custom-html-component .sec-mdtit {font-size: 1.25vw;line-height: 1.5625vw;color: #fff;font-family: OPPOFont-Medium;}.custom-html-component .sec-mdata, .custom-html-component .sec-mdtit span {font-size: .72917vw;line-height: 1.5625vw;color: #fff;}.custom-html-component .sec-mdata {font-family: OPPOFont-Regular;}.custom-html-component .sec1-bg, .custom-html-component .section-1 {width: 100vw;height: 52.8125vw;}.custom-html-component .sec1-bg {position: absolute;top: 0;left: 50%;margin-left: -50vw;}.custom-html-component .section-2 {width: 100vw;height: 58.69792vw;background: #fff;}.custom-html-component .section-2 .sec-title {padding-top: 5.6vw;}.custom-html-component .section-2 .sec-text {width: 45vw;margin: 0 auto 2.6vw;}.custom-html-component .btn-trigger {display: block;width: 16vw;height: 2vw;margin: 0 auto;cursor: pointer;text-align: center;position: relative;z-index: 2;}.custom-html-component .svg-play {width: .78125vw;height: .98958vw;position: relative;top: .1vw;margin-right: .2vw;}.custom-html-component .btn-trigger span, .custom-html-component .svg-play {display: inline-block;vertical-align: top;}.custom-html-component .btn-trigger span {font-size: 1.04167vw;line-height: 1.35417vw;color: #000;padding-bottom: 1px;border-bottom: 1px solid #000;}.custom-html-component .sec2-img-box {position: absolute;top: 18.8vw;left: 50%;margin-left: -12.21354vw;}.custom-html-component .sec2-img, .custom-html-component .sec2-img-box {width: 25.41667vw;height: 40.20833vw;}.custom-html-component .section-3 {width: 100vw;height: 57.29167vw;background: #000;}.custom-html-component .section-3 .sec-title {padding-top: 6.66vw;color: #fff;}.custom-html-component .section-3 .sec-text {width: 49vw;color: #8c8c8c;}.custom-html-component .sec3-vbox {position: absolute;bottom: 0;left: 50%;margin-left: -50vw;}.custom-html-component .sec3-vbox, .custom-html-component .sec3-vbox video {width: 100vw;height: 56.25vw;}.custom-html-component .sec3-gif {display: none;}.custom-html-component .section-4 {width: 100vw;height: 107.5vw;background: #fff;}.custom-html-component .sec4-box1 .sec-title {padding-top: 6.6vw;}.custom-html-component .sec4-box1 .sec-text {width: 45vw;margin: 0 auto 4.5vw;}.custom-html-component .sec4-img-box {overflow: hidden;margin: 0 auto 2.5vw;}.custom-html-component .sec4-img1, .custom-html-component .sec4-img-box {width: 68.33333vw;height: 42.5vw;}.custom-html-component .sec4-img1 {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);-webkit-transform-origin: top center;-ms-transform-origin: top center;transform-origin: top center;-webkit-transition: -webkit-transform .8s;transition: -webkit-transform .8s;transition: transform .8s;transition: transform .8s,-webkit-transform .8s;}.custom-html-component .sec4-box2 {width: 68.33333vw;height: 40vw;position: relative;}.custom-html-component .left-tbox {width: 47.5vw;height: 40vw;position: absolute;top: 0;left: -16vw;background: #f6f6f6;opacity: 0;-webkit-transform: translateX(-20px);-ms-transform: translateX(-20px);transform: translateX(-20px);-webkit-transition: all .8s ease;transition: all .8s ease;}.custom-html-component .sec4-box2.on .left-tbox {opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}.custom-html-component .left-tbox .sec-title {padding-top: 9.2vw;}.custom-html-component .left-tbox .sec-text, .custom-html-component .left-tbox .sec-title {width: 25.7vw;padding-right: 6vw;float: right;text-align: left;}.custom-html-component .left-tbox .sec-text {margin: 0 auto 2.2vw;}.custom-html-component .left-tbox .sec-tip {width: 25.7vw;padding-right: 6vw;float: right;text-align: left;}.custom-html-component .sec4-img2-box {width: 50.15625vw;height: 40vw;position: absolute;top: 0;right: -16vw;opacity: 0;-webkit-transform: translateX(20px);-ms-transform: translateX(20px);transform: translateX(20px);-webkit-transition: all .8s ease;transition: all .8s ease;}.custom-html-component .sec4-box2.on .sec4-img2-box {opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}.custom-html-component .sec4-img2 {width: 50.15625vw;height: 40vw;}.custom-html-component .section-5 {width: 100vw;height: 41.8vw;background: #000;}.custom-html-component .section-5 .sec-title {padding-top: 16.7vw;color: #fff;}.custom-html-component .section-5 .sec-text {width: 49vw;color: #8c8c8c;}.custom-html-component .sec5-data-box {position: absolute;top: 1.3vw;left: 50%;margin-left: -47.63021vw;}.custom-html-component .sec5-data, .custom-html-component .sec5-data-box {width: 95.26042vw;height: 39.58333vw;}.custom-html-component .sec5-data {background: url(https://dsfs.oppo.com/product/2020/encow51/images/1920/sec5-data-28556c97b9b7a34da96ed94c4caa8c9c.png) no-repeat;background-size: 100%;}.custom-html-component .sec5-dline {width: 0;height: 37.8125vw;background: url(https://dsfs.oppo.com/product/2020/encow51/images/1920/sec5-dline-b3d02bf9dae643cb948e51b794aa253f.png) no-repeat;background-size: 95.26042vw;position: absolute;top: 0;left: 0;z-index: 1;-webkit-transition: width 2s;transition: width 2s;}.custom-html-component .section-5.on .sec5-dline {width: 100%;}.custom-html-component .section-6 {height: 120vw;background: #fff;}.custom-html-component .section-6, .custom-html-component .section-6 .wrapper {width: 100vw;}.custom-html-component .sec6-top-box {width: 100vw;height: 89.3vw;position: relative;overflow: hidden;}.custom-html-component .sec6-img-box {width: 23.64583vw;height: 20.07813vw;background: url(https://dsfs.oppo.com/product/2020/encow51/images/1920/sec6-img1-2fc5f7894ab40642149ebaff0610d9d0.png) no-repeat;background-size: 100%;position: absolute;top: 26vw;left: 10.67vw;opacity: 0;-webkit-transform: translateX(-20px);-ms-transform: translateX(-20px);transform: translateX(-20px);z-index: 2;pointer-events: none;}.custom-html-component .section-6.on .sec6-img-box {opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);-webkit-transition: all .8s ease;transition: all .8s ease;}.custom-html-component .sec6-top-box.on .sec6-img-box {width: 51.97917vw;height: 44.16667vw;top: 57vw;left: 24vw;-webkit-transition: none;transition: none;}.custom-html-component .sec6-top-box .sec6-img-box.acton {-webkit-transition: all .8s ease;transition: all .8s ease;}.custom-html-component .sec6-swiper-mbox {width: 100%;height: 100%;}.custom-html-component .sec6-swiper-mbox .swiper-slide {width: 45vw;height: 50vw;position: absolute;top: 0;}.custom-html-component .sec6-swiper-mbox .swiper-slide1 {left: 0;}.custom-html-component .sec6-swiper-mbox .swiper-slide2 {width: 49.79167vw;right: 0;}.custom-html-component .swiper-pagination {width: 100%;position: absolute;bottom: 1vw;text-align: center;z-index: 11;}.custom-html-component .swiper-pagination span {display: inline-block;width: .52083vw;height: .52083vw;margin: 0 .3125vw;background: #333;border-radius: 50%;opacity: .2;outline: none;cursor: pointer;}.custom-html-component .swiper-pagination span.swiper-pagination-bullet-active {opacity: .4;}.custom-html-component .sec6-swiper-mbox .swiper-pagination2 {display: none;}.custom-html-component .sec6-box1 {width: 45vw;height: 50vw;opacity: 0;-webkit-transform: translateX(-20px);-ms-transform: translateX(-20px);transform: translateX(-20px);-webkit-transition: all .8s ease;transition: all .8s ease;}.custom-html-component .section-6.on .sec6-box1 {opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}.custom-html-component .sec6-top-box.on .sec6-box1 {opacity: 0;-webkit-transition: all .2s ease;transition: all .2s ease;}.custom-html-component .sec6-box1 .sec-title {width: 29.2vw;float: right;text-align: left;padding-top: 4.1vw;}.custom-html-component .sec6-box1 .sec-text {width: 23.2vw;height: 9vw;float: right;text-align: left;padding-right: 6vw;}.custom-html-component .sec6-bg1 {width: 45vw;height: 27.5vw;background: #f7f7f7;position: absolute;bottom: 0;left: 0;}.custom-html-component .sec6-xh {width: 37.91667vw;top: 7.6vw;left: 4.16667vw;}.custom-html-component .sec6-xh, .custom-html-component .span-xh {height: 11.04167vw;position: absolute;}.custom-html-component .span-xh {width: 2.21354vw;background: url(https://dsfs.oppo.com/product/2020/encow51/images/1920/sec6-xh-8da87da363787367d57847c2338493d9.png) no-repeat;background-size: 37.91667vw;top: 0;opacity: 0;-webkit-transition: opacity .2s ease;transition: opacity .2s ease;}.custom-html-component .sec6-xh.on .span-xh {opacity: 1;}.custom-html-component .span-xh1 {background-position: 0 0;left: 0;}.custom-html-component .sec6-xh.on .span-xh1 {-webkit-transition: opacity .4s ease .5s;transition: opacity .4s ease .5s;}.custom-html-component .span-xh2 {background-position: -2.21354vw 0;left: 2.21354vw;}.custom-html-component .sec6-xh.on .span-xh2 {-webkit-transition: opacity .4s ease .3s;transition: opacity .4s ease .3s;}.custom-html-component .span-xh3 {background-position: -4.42708vw 0;left: 4.42708vw;}.custom-html-component .sec6-xh.on .span-xh3 {-webkit-transition: opacity .4s ease .1s;transition: opacity .4s ease .1s;}.custom-html-component .span-xh4 {background-position: -31.27604vw 0;left: 31.27604vw;}.custom-html-component .sec6-xh.on .span-xh4 {-webkit-transition: opacity .4s ease .1s;transition: opacity .4s ease .1s;}.custom-html-component .span-xh5 {background-position: -33.48958vw 0;left: 33.48958vw;}.custom-html-component .sec6-xh.on .span-xh5 {-webkit-transition: opacity .4s ease .3s;transition: opacity .4s ease .3s;}.custom-html-component .span-xh6 {background-position: -35.70313vw 0;left: 35.70313vw;}.custom-html-component .sec6-xh.on .span-xh6 {-webkit-transition: opacity .4s ease .5s;transition: opacity .4s ease .5s;}.custom-html-component .sec6-box2 {width: 49.79167vw;height: 50vw;opacity: 0;-webkit-transform: translateX(20px);-ms-transform: translateX(20px);transform: translateX(20px);-webkit-transition: all .8s ease;transition: all .8s ease;}.custom-html-component .section-6.on .sec6-box2 {opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}.custom-html-component .sec6-top-box.on .sec6-box2 {opacity: 0;-webkit-transition: all .2s ease;transition: all .2s ease;}.custom-html-component .sec6-box2 .sec-title {text-align: left;padding-top: 4.1vw;}.custom-html-component .sec6-box2 .sec-text {width: 25vw;height: 9vw;text-align: left;margin: 0;}.custom-html-component .sec6-img4 {width: 49.79167vw;height: 27.5vw;position: absolute;bottom: 0;left: 0;}.custom-html-component .sec6-box2 .sec-databox {width: 58vw;position: absolute;bottom: 1.4vw;left: 4.8vw;z-index: 2;}.custom-html-component .sec6-box2 .sec-dbox {margin-right: 2.5vw;}.custom-html-component .sec6-box3 {width: 100vw;height: 50vw;position: absolute;top: 39.2vw;left: 0;opacity: 0;overflow: hidden;}.custom-html-component .ie .sec6-box3 {-webkit-transform: translateZ(0);transform: translateZ(0);}.custom-html-component .sec6-box3-fixed {width: 100vw;height: 50vw;background: #f7f7f7;overflow: hidden;}.custom-html-component .sec6-box3-fixed.fixed {position: fixed;top: 58px;}.custom-html-component .sec6-box3.on {opacity: 1;}.custom-html-component .sec6-box3 .sec-title {width: 68.33333vw;opacity: 0;-webkit-transition: all .2s ease .4s;transition: all .2s ease .4s;padding-top: 4.1vw;}.custom-html-component .sec6-box3.on .sec-title {opacity: 1;}.custom-html-component .sec6-box3 .sec-text {width: 53.125vw;opacity: 0;-webkit-transition: all .2s ease .5s;transition: all .2s ease .5s;}.custom-html-component .sec6-box3.on .sec-text {opacity: 1;}.custom-html-component .sec6-img-swiper {opacity: 0;position: absolute;top: 17.8vw;left: 24.01042vw;}.custom-html-component .sec6-img-swiper, .custom-html-component .sec6-img-swiper .swiper-slide {width: 51.97917vw;height: 44.16667vw;}.custom-html-component .sec6-img1 {background: url(https://dsfs.oppo.com/product/2020/encow51/images/1920/sec6-img1-2fc5f7894ab40642149ebaff0610d9d0.png) no-repeat;background-size: 100%;}.custom-html-component .sec6-img2 {background: url(https://dsfs.oppo.com/product/2020/encow51/images/1920/sec6-img2-9bf98eb6356fe18d107e2bf2b7e376e6.png) no-repeat;background-size: 100%;}.custom-html-component .sec6-img3 {background: url(https://dsfs.oppo.com/product/2020/encow51/images/1920/sec6-img3-83fee98541328ed29a3f8e66dfe574c4.png) no-repeat;background-size: 100%;}.custom-html-component .sec6-img-swiper .swiper-pagination3 {bottom: 17vw;}.custom-html-component .section-7 {height: 200vw;background: #fff;overflow: hidden;}.custom-html-component .section-7, .custom-html-component .section-7 .wrapper {width: 100vw;}.custom-html-component .sec7-fixed {width: 100vw;height: 100vh;position: absolute;top: 0;left: 0;}.custom-html-component .ie .sec7-fixed {-webkit-transform: translateZ(0);transform: translateZ(0);}.custom-html-component .section-7.on .sec7-fixed {position: fixed;top: 58px;}.custom-html-component .section-7.on .sec7-fixed.fixout {position: absolute;top: auto;bottom: 0;}.custom-html-component .sec7-tbox {width: 100vw;height: 60vh;position: absolute;top: 50%;left: 0;z-index: 999;margin-top: -28vh;-webkit-transform: translateY(40px);-ms-transform: translateY(40px);transform: translateY(40px);opacity: 0;-webkit-transition: all .8s ease;transition: all .8s ease;}.custom-html-component .section-7.on .sec7-tbox {-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);opacity: 1;-webkit-transition: all .8s ease .6s;transition: all .8s ease .6s;}.custom-html-component .section-7 .sec-title {margin: 0 auto;left: 0;}.custom-html-component .section-7 .sec-text, .custom-html-component .section-7 .sec-title {color: #fff;position: absolute;bottom: 0;opacity: 0;}.custom-html-component .section-7 .sec-text {width: 50vw;left: 50%;margin-left: -25vw;}.custom-html-component .sec7-mask {width: 100vw;height: 101vh;background: #000;position: absolute;top: 0;left: 0;opacity: 0;z-index: 2;-webkit-transition: all .8s ease;transition: all .8s ease;}.custom-html-component .section-7.on .sec7-mask {opacity: .6;-webkit-transition: all 1s ease .2s;transition: all 1s ease .2s;}.custom-html-component .sec7-bg {width: 100vw;height: 100vh;position: absolute;top: 0;left: 0;-webkit-transition: all .6s;transition: all .6s;background: url(https://dsfs.oppo.com/product/2020/encow51/images/1920/sec7-bg-ef833b93317abdbc2bf4b5c0cd83d004.jpg) no-repeat top;background-size: cover;}.custom-html-component .section-8 {width: 100vw;height: 50.26042vw;background: #fff;}.custom-html-component .section-8 .wrapper {width: 21vw;position: absolute;top: 0;right: 15.7vw;z-index: 2;}.custom-html-component .section-8 .sec-title {padding-top: 15vw;color: #fff;text-align: left;opacity: 0;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);-webkit-transition: all .4s ease;transition: all .4s ease;}.custom-html-component .section-8.on .sec-title {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);-webkit-transition: all .8s ease .2s;transition: all .8s ease .2s;}.custom-html-component .section-8 .sec-text {height: 11vw;color: #cedae6;text-align: left;margin: 0 auto;opacity: 0;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);-webkit-transition: all .4s ease;transition: all .4s ease;}.custom-html-component .section-8.on .sec-text {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);-webkit-transition: all .8s ease .3s;transition: all .8s ease .3s;}.custom-html-component .section-8 .sec-tip {width: 100%;color: #d3dbe5;text-align: left;opacity: 0;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);-webkit-transition: all .4s ease;transition: all .4s ease;}.custom-html-component .section-8.on .sec-tip {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);-webkit-transition: all .8s ease .5s;transition: all .8s ease .5s;}.custom-html-component .sec8-bg-box {width: 68.3vw;height: 37.5vw;overflow: hidden;margin: 0 auto;position: relative;-webkit-transition: all .8s ease;transition: all .8s ease;-webkit-transform: translateZ(0);transform: translateZ(0);}.custom-html-component .sec8-bg {width: 100vw;height: 50.20833vw;position: absolute;top: 0;left: 0;}.custom-html-component .section-8.on .sec8-bg-box {width: 100vw;height: 50.2vw;}.custom-html-component .section-9 {width: 100vw;height: auto;background: #fff;overflow: hidden;}.custom-html-component .section-9 .sec-title {padding-top: 5.1vw;}.custom-html-component .section-9 .sec-text {margin: 0 auto 2.2vw;}.custom-html-component .sec9-img-box {overflow: hidden;margin: 0 auto 7.5vw;}.custom-html-component .sec9-img1, .custom-html-component .sec9-img-box {width: 68.33333vw;height: 37.5vw;}.custom-html-component .sec9-img1 {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);-webkit-transform-origin: top center;-ms-transform-origin: top center;transform-origin: top center;-webkit-transition: -webkit-transform .8s;transition: -webkit-transform .8s;transition: transform .8s;transition: transform .8s,-webkit-transform .8s;}.custom-html-component .section-10 {width: 100vw;height: 37.5vw;background: #fafafa;z-index: 4;margin-bottom: 18vw;}.custom-html-component .section-10 .sec-title {width: 21vw;padding-top: 5vw;text-align: left;margin: 0 0 2vw;}.custom-html-component .section-10 .sec-text {width: 18vw;margin: 0 0 2.4vw;text-align: left;}.custom-html-component .sec10-img1 {width: 60vw;height: 37.5vw;position: absolute;top: 0;right: -15.9vw;}.custom-html-component .sec10-img2 {width: 16.61458vw;height: 22.13542vw;position: absolute;top: 26.4vw;left: 12.8vw;}.custom-html-component .sec10-nbox {width: 16vw;}.custom-html-component .knock {font-size: .72917vw;line-height: 1.35417vw;padding-left: 1.82292vw;position: relative;margin-bottom: 1vw;}.custom-html-component .knock p {color: #000;opacity: .6;}.custom-html-component .knock p span {display: inline-block;width: 100%;font-size: 1.04167vw;line-height: 1.35417vw;}.custom-html-component .icon-knock {width: 1.35417vw;height: 1.35417vw;position: absolute;top: -.05208vw;left: 0;}.custom-html-component .icon-knock1 {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAMAAADypuvZAAAABGdBTUEAALGPC/xhBQAAANJQTFRFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA1K5a2gAAAEZ0Uk5TXIBXOzY3dnA/PgF/WDklBUJxl32DR1YGkCwzYF5zKhQhjmwpTSZUBDqTcjJQaw1EYQptI3qMmDhbaogoFYoZEm4JB0GZABwB80QAAAJJSURBVEjHrZZnd6pAEIY3iSb2rrFEjSV2Y4kFEATh5f//pSC7CoaiZ++dL7Ps7nPOMGVniOmRbCYn5EtVoFrKC7lM1nuD/PlO1CpF3EixUkuEQvqoa10riOX94Xg6HQ/7sliwNrojPRiazoFOo/7u3nuvNzrAfBoAyYMxMNO9v6DPgPFA9oNaGiCopq+oAqC1vFAkCenLDJQvCcnoX+hFQlM1Q0RtQnq5haISPpwLP4vlZrvbbTfLxY+z+wEp4oZaSYf5jq/dYVrHvh0q2XIgWUPzcpKeWDc1g8bJsJyDSfpy1oQmX6EBJPY/cgpQjJVj08pQgBRztyphcIGmYzC/fYpAf3jrgWEfED+ZDzGeUkifQ2DMG5Se13E9BW+MEjDXbWgEUONkEa9tP3e3XyFSC1VgdIYSXczoWQpK2z9IbQXPdDVD9wzV0KH5lgZ6QaHtAXuahx3ULKiCBo3PBP3ghOhjQuPVQMUk2SLq9lcMyjAYGiqI24s6ilmSQYHWzxpGWO4ZWNP6KiBDchBpvgGrMGgF0DwUkSMCyvZ6Ac0MFQ0LW5chkDxzyzLcurN9S1vvkSclHOz1hulAOWDDdIlUcbTXW6YD5Ygt01UCnOz1julAOWHHNPggLvO4HMHlco7gEr404krYa2nE75VGzCkNriJ8uNzT7nJ/8GFJXR+WBO8TxvdYcj3L9xvAs08DuNdq9r6t5rapxW6bWtzV1J5a7vYZeax9Rv+9UVut+unuSBD5P8MH35jDN1Bxjm5BQ+K9yZKOoyR8HP0FUp2XGQQwyxQAAAAASUVORK5CYII=) no-repeat;background-size: 100%;}.custom-html-component .icon-knock2 {background: url(https://dsfs.oppo.com/product/2020/encow51/images/1920/icon-knock2-b4168e071d5df5a2e2b5faa90e6796ed.png) no-repeat;background-size: 100%;}.custom-html-component .section-11 {width: 100vw;height: auto;padding-bottom: 5vw;background: #fff;}.custom-html-component .section-11 .wrapper {width: 100%;}.custom-html-component .unpack-box {width: 100vw;height: auto;margin: 0 auto;}.custom-html-component .unpack-img {width: 100vw;height: 54.375vw;}.custom-html-component .parameter-box {width: 68.22917vw;margin: 0 auto 4vw;}.custom-html-component .parameter-tit {font-size: .72917vw;line-height: .9375vw;color: #000;opacity: .2;}.custom-html-component .parameter-list {width: 68.22917vw;height: auto;}.custom-html-component .parameter-list table {width: 100%;}.custom-html-component .parameter-list td {width: 49.8%;font-size: .72917vw;line-height: .9375vw;color: #000;opacity: .2;border-bottom: 1px solid rgba(150, 150, 150, 0.2);padding: 1vw 0;}.custom-html-component .bz-list {width: 68.22917vw;margin: 0 auto;}.custom-html-component .bz-list li {font-size: .72917vw;line-height: 1.5625vw;color: #000;opacity: .25;padding-left: 2.2vw;position: relative;}.custom-html-component .bz-list li.bz-li1 {padding-left: 0;}.custom-html-component .bz-list li span {width: 2.2vw;position: absolute;top: 0;left: 0;}}@media only screen and (min-width: 1221px) and (max-width: 1440px) {.custom-html-component .pc-hide br {opacity: 0;font-size: 0;display: none !important;}.custom-html-component .wrapper {width: 75vw;height: 100%;margin: 0 auto;position: relative;}.custom-html-component .sec-title {margin: 0 auto .7vw;font-size: 3.125vw;line-height: 4.86111vw;color: #000;font-family: OPPOFont-Bold;}.custom-html-component .sec-text, .custom-html-component .sec-title {width: 100%;text-align: center;position: relative;z-index: 5;}.custom-html-component .sec-text {font-size: 1.25vw;line-height: 2.22222vw;color: #737373;}.custom-html-component .sec-text, .custom-html-component .sec-tip {margin: 0 auto;font-family: OPPOFont-Regular;}.custom-html-component .sec-tip {width: 100%;font-size: .97222vw;line-height: 1.66667vw;color: #bfbfbf;text-align: center;position: relative;z-index: 5;}.custom-html-component .sec-tip span {display: block;float: left;padding-bottom: 6vw;}.custom-html-component .sec-dbox {float: left;}.custom-html-component .sec-mdtit {font-size: 1.25vw;line-height: 1.66667vw;color: #fff;font-family: OPPOFont-Medium;}.custom-html-component .sec-mdata, .custom-html-component .sec-mdtit span {font-size: .97222vw;line-height: 1.66667vw;color: #fff;}.custom-html-component .sec-mdata {font-family: OPPOFont-Regular;}.custom-html-component .sec1-bg, .custom-html-component .section-1 {width: 100vw;height: 53.33333vw;}.custom-html-component .sec1-bg {position: absolute;top: 0;left: 50%;margin-left: -50vw;}.custom-html-component .section-2 {width: 100vw;height: 71.38889vw;background: #fff;}.custom-html-component .section-2 .sec-title {padding-top: 4.7vw;}.custom-html-component .section-2 .sec-text {width: 52vw;margin: 0 auto 3.2vw;}.custom-html-component .btn-trigger {display: block;width: 16vw;height: 2vw;margin: 0 auto;cursor: pointer;text-align: center;position: relative;z-index: 2;}.custom-html-component .svg-play {width: 1.04167vw;height: 1.31944vw;position: relative;top: .1vw;margin-right: .2vw;}.custom-html-component .btn-trigger span, .custom-html-component .svg-play {display: inline-block;vertical-align: top;}.custom-html-component .btn-trigger span {font-size: 1.38889vw;line-height: 1.80556vw;color: #000;padding-bottom: 1px;border-bottom: 1px solid #000;}.custom-html-component .sec2-img-box {position: absolute;top: 18vw;left: 50%;margin-left: -16.77083vw;}.custom-html-component .sec2-img, .custom-html-component .sec2-img-box {width: 33.54167vw;height: 53.125vw;}.custom-html-component .section-3 {width: 100vw;height: 60.5vw;background: #000;}.custom-html-component .section-3 .sec-title {padding-top: 6.66vw;color: #fff;}.custom-html-component .section-3 .sec-text {width: 42vw;color: #8c8c8c;}.custom-html-component .sec3-vbox {position: absolute;bottom: 0;left: 50%;margin-left: -50vw;}.custom-html-component .sec3-vbox, .custom-html-component .sec3-vbox video {width: 100vw;height: 56.25vw;}.custom-html-component .sec3-gif {display: none;}.custom-html-component .section-4 {width: 100vw;height: 114.93056vw;background: #fff;}.custom-html-component .sec4-box1 .sec-title {padding-top: 6.6vw;}.custom-html-component .sec4-box1 .sec-text {width: 47vw;margin: 0 auto 4.5vw;}.custom-html-component .sec4-img-box {overflow: hidden;margin: 0 auto 2.5vw;}.custom-html-component .sec4-img1, .custom-html-component .sec4-img-box {width: 75vw;height: 46.52778vw;}.custom-html-component .sec4-img1 {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);-webkit-transform-origin: top center;-ms-transform-origin: top center;transform-origin: top center;-webkit-transition: -webkit-transform .8s;transition: -webkit-transform .8s;transition: transform .8s;transition: transform .8s,-webkit-transform .8s;}.custom-html-component .sec4-box2 {width: 75vw;height: 38.19444vw;position: relative;}.custom-html-component .left-tbox {width: 47.5vw;height: 38.19444vw;position: absolute;top: 0;left: -12.5vw;background: #f6f6f6;opacity: 0;-webkit-transform: translateX(-20px);-ms-transform: translateX(-20px);transform: translateX(-20px);-webkit-transition: all .8s ease;transition: all .8s ease;}.custom-html-component .sec4-box2.on .left-tbox {opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}.custom-html-component .left-tbox .sec-title {padding-top: 9vw;}.custom-html-component .left-tbox .sec-text, .custom-html-component .left-tbox .sec-title {width: 28.9vw;padding-right: 6vw;float: right;text-align: left;}.custom-html-component .left-tbox .sec-text {margin: 0 auto 2.2vw;}.custom-html-component .left-tbox .sec-tip {width: 28.9vw;padding-right: 6vw;float: right;text-align: left;}.custom-html-component .sec4-img2-box {width: 47.84722vw;height: 38.19444vw;position: absolute;top: 0;right: -12.5vw;opacity: 0;-webkit-transform: translateX(20px);-ms-transform: translateX(20px);transform: translateX(20px);-webkit-transition: all .8s ease;transition: all .8s ease;}.custom-html-component .sec4-box2.on .sec4-img2-box {opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}.custom-html-component .sec4-img2 {width: 47.84722vw;height: 38.19444vw;}.custom-html-component .section-5 {width: 100vw;height: 54.2vw;background: #000;}.custom-html-component .section-5 .sec-title {padding-top: 20.8vw;color: #fff;}.custom-html-component .section-5 .sec-text {width: 59vw;color: #8c8c8c;}.custom-html-component .sec5-data-box {position: absolute;top: 2vw;left: 50%;margin-left: -48.61111vw;}.custom-html-component .sec5-data, .custom-html-component .sec5-data-box {width: 95.83333vw;height: 52.08333vw;}.custom-html-component .sec5-data {background: url(https://dsfs.oppo.com/product/2020/encow51/images/1440/sec5-data-d9b8e423299f54b4875d20e520d04083.png) no-repeat;background-size: 100%;}.custom-html-component .sec5-dline {width: 0;height: 49.375vw;background: url(https://dsfs.oppo.com/product/2020/encow51/images/1440/sec5-dline-78642d26d96d9f1ed96bd469c639b243.png) no-repeat;background-size: 95.83333vw;position: absolute;top: 0;left: 0;z-index: 1;-webkit-transition: width 2s;transition: width 2s;}.custom-html-component .section-5.on .sec5-dline {width: 100%;}.custom-html-component .section-6 {height: 134vw;background: #fff;}.custom-html-component .section-6, .custom-html-component .section-6 .wrapper {width: 100vw;}.custom-html-component .sec6-top-box {width: 100vw;height: 103.2vw;position: relative;overflow: hidden;}.custom-html-component .sec6-img-box {width: 31.52778vw;height: 26.80556vw;background: url(https://dsfs.oppo.com/product/2020/encow51/images/1440/sec6-img1-50fe57b71e3609fe04c802eb3e179a1b.png) no-repeat;background-size: 100%;position: absolute;top: 31vw;left: 9.67vw;opacity: 0;-webkit-transform: translateX(-20px);-ms-transform: translateX(-20px);transform: translateX(-20px);z-index: 2;pointer-events: none;}.custom-html-component .section-6.on .sec6-img-box {opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);-webkit-transition: all .8s ease;transition: all .8s ease;}.custom-html-component .sec6-top-box.on .sec6-img-box {width: 55.55556vw;height: 47.22222vw;top: 69.87vw;left: 22.24vw;-webkit-transition: none;transition: none;}.custom-html-component .sec6-top-box .sec6-img-box.acton {-webkit-transition: all .8s ease;transition: all .8s ease;}.custom-html-component .sec6-swiper-mbox {width: 100%;height: 100%;}.custom-html-component .sec6-swiper-mbox .swiper-slide {width: 47.84722vw;height: 50vw;position: absolute;top: 0;}.custom-html-component .sec6-swiper-mbox .swiper-slide1 {left: 0;}.custom-html-component .sec6-swiper-mbox .swiper-slide2 {right: 0;}.custom-html-component .swiper-pagination {width: 100%;position: absolute;bottom: 1vw;text-align: center;z-index: 11;}.custom-html-component .swiper-pagination span {display: inline-block;width: .69444vw;height: .69444vw;margin: 0 .41667vw;background: #333;border-radius: 50%;opacity: .2;outline: none;cursor: pointer;}.custom-html-component .swiper-pagination span.swiper-pagination-bullet-active {opacity: .4;}.custom-html-component .sec6-swiper-mbox .swiper-pagination2 {display: none;}.custom-html-component .sec6-box1 {width: 47.91667vw;height: 60vw;opacity: 0;-webkit-transform: translateX(-20px);-ms-transform: translateX(-20px);transform: translateX(-20px);-webkit-transition: all .8s ease;transition: all .8s ease;}.custom-html-component .section-6.on .sec6-box1 {opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}.custom-html-component .sec6-top-box.on .sec6-box1 {opacity: 0;-webkit-transition: all .2s ease;transition: all .2s ease;}.custom-html-component .sec6-box1 .sec-title {width: 35.2vw;float: right;text-align: left;padding-top: 7vw;}.custom-html-component .sec6-box1 .sec-text {width: 32.2vw;height: 9vw;float: right;text-align: left;padding-right: 3vw;}.custom-html-component .sec6-bg1 {width: 47.91667vw;height: 31.25vw;background: #f7f7f7;position: absolute;bottom: 0;left: 0;}.custom-html-component .sec6-xh {width: 43.47222vw;top: 9.6vw;left: 2.22222vw;}.custom-html-component .sec6-xh, .custom-html-component .span-xh {height: 13.26389vw;position: absolute;}.custom-html-component .span-xh {width: 2.70833vw;background: url(https://dsfs.oppo.com/product/2020/encow51/images/1440/sec6-xh-e957d028dc3b99a3a5790f1f0b77d632.png) no-repeat;background-size: 43.47222vw;top: 0;opacity: 0;-webkit-transition: opacity .2s ease;transition: opacity .2s ease;}.custom-html-component .sec6-xh.on .span-xh {opacity: 1;}.custom-html-component .span-xh1 {background-position: 0 0;left: 0;}.custom-html-component .sec6-xh.on .span-xh1 {-webkit-transition: opacity .4s ease .5s;transition: opacity .4s ease .5s;}.custom-html-component .span-xh2 {background-position: -2.70833vw 0;left: 2.70833vw;}.custom-html-component .sec6-xh.on .span-xh2 {-webkit-transition: opacity .4s ease .3s;transition: opacity .4s ease .3s;}.custom-html-component .span-xh3 {background-position: -5.41667vw 0;left: 5.41667vw;}.custom-html-component .sec6-xh.on .span-xh3 {-webkit-transition: opacity .4s ease .1s;transition: opacity .4s ease .1s;}.custom-html-component .span-xh4 {background-position: -35.34722vw 0;left: 35.34722vw;}.custom-html-component .sec6-xh.on .span-xh4 {-webkit-transition: opacity .4s ease .1s;transition: opacity .4s ease .1s;}.custom-html-component .span-xh5 {background-position: -38.05556vw 0;left: 38.05556vw;}.custom-html-component .sec6-xh.on .span-xh5 {-webkit-transition: opacity .4s ease .3s;transition: opacity .4s ease .3s;}.custom-html-component .span-xh6 {background-position: -40.76389vw 0;left: 40.76389vw;}.custom-html-component .sec6-xh.on .span-xh6 {-webkit-transition: opacity .4s ease .5s;transition: opacity .4s ease .5s;}.custom-html-component .sec6-box2 {width: 47.84722vw;height: 60vw;opacity: 0;-webkit-transform: translateX(20px);-ms-transform: translateX(20px);transform: translateX(20px);-webkit-transition: all .8s ease;transition: all .8s ease;}.custom-html-component .section-6.on .sec6-box2 {opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}.custom-html-component .sec6-top-box.on .sec6-box2 {opacity: 0;-webkit-transition: all .2s ease;transition: all .2s ease;}.custom-html-component .sec6-box2 .sec-title {text-align: left;padding-top: 7vw;}.custom-html-component .sec6-box2 .sec-text {width: 35vw;height: 9vw;text-align: left;margin: 0;}.custom-html-component .sec6-img4 {width: 47.84722vw;height: 31.25vw;position: absolute;bottom: 0;left: 0;}.custom-html-component .sec6-box2 .sec-databox {width: 58vw;position: absolute;bottom: 1.4vw;left: 3.4vw;z-index: 2;}.custom-html-component .sec6-box2 .sec-dbox {margin-right: 1.4vw;}.custom-html-component .sec6-box3 {width: 100vw;height: 55vw;position: absolute;top: 48.2vw;left: 0;opacity: 0;overflow: hidden;}.custom-html-component .ie .sec6-box3 {-webkit-transform: translateZ(0);transform: translateZ(0);}.custom-html-component .sec6-box3-fixed {width: 100vw;height: 55vw;background: #f7f7f7;overflow: hidden;}.custom-html-component .sec6-box3-fixed.fixed {position: fixed;top: 58px;}.custom-html-component .sec6-box3.on {opacity: 1;}.custom-html-component .sec6-box3 .sec-title {width: 91.11111vw;opacity: 0;-webkit-transition: all .2s ease .4s;transition: all .2s ease .4s;padding-top: 4.1vw;}.custom-html-component .sec6-box3.on .sec-title {opacity: 1;}.custom-html-component .sec6-box3 .sec-text {width: 70.83333vw;opacity: 0;-webkit-transition: all .2s ease .5s;transition: all .2s ease .5s;}.custom-html-component .sec6-box3.on .sec-text {opacity: 1;}.custom-html-component .sec6-img-swiper {position: absolute;top: 21.7vw;left: 22.22222vw;opacity: 0;}.custom-html-component .sec6-img-swiper, .custom-html-component .sec6-img-swiper .swiper-slide {width: 55.55556vw;height: 47.22222vw;}.custom-html-component .sec6-img1 {background: url(https://dsfs.oppo.com/product/2020/encow51/images/1440/sec6-img1-50fe57b71e3609fe04c802eb3e179a1b.png) no-repeat;background-size: 100%;}.custom-html-component .sec6-img2 {background: url(https://dsfs.oppo.com/product/2020/encow51/images/1440/sec6-img2-3e307e9a39287d94ea5c77e0c10bce29.png) no-repeat;background-size: 100%;}.custom-html-component .sec6-img3 {background: url(https://dsfs.oppo.com/product/2020/encow51/images/1440/sec6-img3-3b24389fcf85bc171dbc3bbdafedf316.png) no-repeat;background-size: 100%;}.custom-html-component .sec6-img-swiper .swiper-pagination3 {bottom: 16vw;}.custom-html-component .section-7 {height: 200vw;background: #fff;overflow: hidden;}.custom-html-component .section-7, .custom-html-component .section-7 .wrapper {width: 100vw;}.custom-html-component .sec7-fixed {width: 100vw;height: 100vh;position: absolute;top: 0;left: 0;}.custom-html-component .ie .sec7-fixed {-webkit-transform: translateZ(0);transform: translateZ(0);}.custom-html-component .section-7.on .sec7-fixed {position: fixed;top: 58px;}.custom-html-component .section-7.on .sec7-fixed.fixout {position: absolute;top: auto;bottom: 0;}.custom-html-component .sec7-tbox {width: 100vw;height: 60vh;position: absolute;top: 50%;left: 0;z-index: 999;margin-top: -28vh;-webkit-transform: translateY(40px);-ms-transform: translateY(40px);transform: translateY(40px);opacity: 0;-webkit-transition: all .8s ease;transition: all .8s ease;}.custom-html-component .section-7.on .sec7-tbox {-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);opacity: 1;-webkit-transition: all .8s ease .6s;transition: all .8s ease .6s;}.custom-html-component .section-7 .sec-title {margin: 0 auto;left: 0;}.custom-html-component .section-7 .sec-text, .custom-html-component .section-7 .sec-title {color: #fff;position: absolute;bottom: 0;opacity: 0;}.custom-html-component .section-7 .sec-text {width: 58vw;left: 50%;margin-left: -29vw;}.custom-html-component .sec7-mask {width: 100vw;height: 101vh;background: #000;position: absolute;top: 0;left: 0;opacity: 0;z-index: 2;-webkit-transition: all .8s ease;transition: all .8s ease;}.custom-html-component .section-7.on .sec7-mask {opacity: .6;-webkit-transition: all 1s ease .2s;transition: all 1s ease .2s;}.custom-html-component .sec7-bg {width: 100vw;height: 100vh;position: absolute;top: 0;left: 0;background: url(https://dsfs.oppo.com/product/2020/encow51/images/1440/sec7-bg-f815aee459edc1730da1dfbdd50a03d3.jpg) no-repeat top;background-size: cover;}.custom-html-component .section-8 {width: 100vw;height: 56.25vw;background: #fff;}.custom-html-component .section-8 .wrapper {width: 28vw;position: absolute;top: 0;right: 11vw;}.custom-html-component .section-8 .sec-title {padding-top: 13.6vw;color: #fff;text-align: left;opacity: 0;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);-webkit-transition: all .4s ease;transition: all .4s ease;}.custom-html-component .section-8.on .sec-title {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);-webkit-transition: all .8s ease .2s;transition: all .8s ease .2s;}.custom-html-component .section-8 .sec-text {height: 12vw;color: #cedae6;text-align: left;margin: 0 auto;opacity: 0;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);-webkit-transition: all .4s ease;transition: all .4s ease;}.custom-html-component .section-8.on .sec-text {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);-webkit-transition: all .8s ease .3s;transition: all .8s ease .3s;}.custom-html-component .section-8 .sec-tip {width: 100%;color: #d3dbe5;text-align: left;opacity: 0;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);-webkit-transition: all .4s ease;transition: all .4s ease;}.custom-html-component .section-8.on .sec-tip {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);-webkit-transition: all .8s ease .5s;transition: all .8s ease .5s;}.custom-html-component .sec8-bg-box {width: 62.5vw;height: 50vw;overflow: hidden;left: 50%;margin-left: -31.25vw;-webkit-transition: all 1s ease;transition: all 1s ease;}.custom-html-component .sec8-bg, .custom-html-component .sec8-bg-box {position: absolute;top: 0;}.custom-html-component .sec8-bg {width: 100vw;height: 56.25vw;left: 0;}.custom-html-component .section-8.on .sec8-bg-box {width: 100vw;height: 56.25vw;margin-left: -50vw;}.custom-html-component .section-8.on .sec8-bg {width: 100vw;height: 56.25vw;}.custom-html-component .section-9 {width: 100vw;height: auto;background: #fff;overflow: hidden;}.custom-html-component .section-9 .sec-title {padding-top: 5.1vw;}.custom-html-component .section-9 .sec-text {margin: 0 auto 2.2vw;}.custom-html-component .sec9-img-box {overflow: hidden;margin: 0 auto 7.5vw;}.custom-html-component .sec9-img1, .custom-html-component .sec9-img-box {width: 75vw;height: 46.52778vw;}.custom-html-component .sec9-img1 {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);-webkit-transform-origin: top center;-ms-transform-origin: top center;transform-origin: top center;-webkit-transition: -webkit-transform .8s;transition: -webkit-transform .8s;transition: transform .8s;transition: transform .8s,-webkit-transform .8s;}.custom-html-component .section-10 {width: 100vw;height: 48.61111vw;background: #fafafa;z-index: 4;margin-bottom: 22vw;}.custom-html-component .section-10 .sec-title {width: 25vw;padding-top: 5vw;text-align: left;margin: 0 0 2vw;}.custom-html-component .section-10 .sec-text {width: 21vw;margin: 0 0 2.4vw;text-align: left;}.custom-html-component .sec10-img1 {width: 56.94444vw;height: 48.61111vw;position: absolute;top: 0;right: -11.3vw;}.custom-html-component .sec10-img2 {width: 20.48611vw;height: 27.36111vw;position: absolute;top: 32vw;left: 15.5vw;}.custom-html-component .sec10-nbox {width: 16vw;}.custom-html-component .knock {font-size: .97222vw;line-height: 1.94444vw;padding-left: 2.22222vw;position: relative;margin-bottom: 1vw;}.custom-html-component .knock p {color: #000;opacity: .6;}.custom-html-component .knock p span {display: inline-block;width: 100%;font-size: 1.25vw;line-height: 1.94444vw;}.custom-html-component .icon-knock {width: 1.52778vw;height: 1.52778vw;position: absolute;top: .13889vw;left: 0;}.custom-html-component .icon-knock1 {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAMAAADypuvZAAAABGdBTUEAALGPC/xhBQAAANJQTFRFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA1K5a2gAAAEZ0Uk5TXIBXOzY3dnA/PgF/WDklBUJxl32DR1YGkCwzYF5zKhQhjmwpTSZUBDqTcjJQaw1EYQptI3qMmDhbaogoFYoZEm4JB0GZABwB80QAAAJJSURBVEjHrZZnd6pAEIY3iSb2rrFEjSV2Y4kFEATh5f//pSC7CoaiZ++dL7Ps7nPOMGVniOmRbCYn5EtVoFrKC7lM1nuD/PlO1CpF3EixUkuEQvqoa10riOX94Xg6HQ/7sliwNrojPRiazoFOo/7u3nuvNzrAfBoAyYMxMNO9v6DPgPFA9oNaGiCopq+oAqC1vFAkCenLDJQvCcnoX+hFQlM1Q0RtQnq5haISPpwLP4vlZrvbbTfLxY+z+wEp4oZaSYf5jq/dYVrHvh0q2XIgWUPzcpKeWDc1g8bJsJyDSfpy1oQmX6EBJPY/cgpQjJVj08pQgBRztyphcIGmYzC/fYpAf3jrgWEfED+ZDzGeUkifQ2DMG5Se13E9BW+MEjDXbWgEUONkEa9tP3e3XyFSC1VgdIYSXczoWQpK2z9IbQXPdDVD9wzV0KH5lgZ6QaHtAXuahx3ULKiCBo3PBP3ghOhjQuPVQMUk2SLq9lcMyjAYGiqI24s6ilmSQYHWzxpGWO4ZWNP6KiBDchBpvgGrMGgF0DwUkSMCyvZ6Ac0MFQ0LW5chkDxzyzLcurN9S1vvkSclHOz1hulAOWDDdIlUcbTXW6YD5Ygt01UCnOz1julAOWHHNPggLvO4HMHlco7gEr404krYa2nE75VGzCkNriJ8uNzT7nJ/8GFJXR+WBO8TxvdYcj3L9xvAs08DuNdq9r6t5rapxW6bWtzV1J5a7vYZeax9Rv+9UVut+unuSBD5P8MH35jDN1Bxjm5BQ+K9yZKOoyR8HP0FUp2XGQQwyxQAAAAASUVORK5CYII=) no-repeat;background-size: 100%;}.custom-html-component .icon-knock2 {background: url(https://dsfs.oppo.com/product/2020/encow51/images/1920/icon-knock2-b4168e071d5df5a2e2b5faa90e6796ed.png) no-repeat;background-size: 100%;}.custom-html-component .section-11 {width: 100vw;height: auto;padding-bottom: 6vw;background: #fff;}.custom-html-component .section-11 .wrapper {width: 100vw;}.custom-html-component .unpack-box {width: 100vw;height: auto;margin: 0 auto 1vw;}.custom-html-component .unpack-img {width: 100vw;height: 63.81944vw;}.custom-html-component .parameter-box {width: 90.97222vw;margin: 0 auto 6vw;}.custom-html-component .parameter-tit {width: 75vw;font-size: .97222vw;line-height: 1.25vw;color: #000;opacity: .2;margin: 0 auto 3vw;}.custom-html-component .parameter-list {width: 90.97222vw;height: auto;}.custom-html-component .parameter-list table {width: 100%;}.custom-html-component .parameter-list td {width: 49.8%;font-size: .97222vw;line-height: 1.25vw;color: #000;opacity: .2;border-bottom: 1px solid rgba(150, 150, 150, 0.2);padding: 1vw 7.98611vw;}.custom-html-component .bz-list {width: 75vw;margin: 0 auto;}.custom-html-component .bz-list li {font-size: .97222vw;line-height: 2.08333vw;color: #000;opacity: .25;padding-left: 2.2vw;position: relative;}.custom-html-component .bz-list li.bz-li1 {padding-left: 0;}.custom-html-component .bz-list li span {width: 2.2vw;position: absolute;top: 0;left: 0;}}@media only screen and (min-width: 1024px) and (max-width: 1220px) {.custom-html-component .br-hide-1024 br, .custom-html-component .pc-hide br {opacity: 0;font-size: 0;display: none !important;}.custom-html-component .wrapper {width: 78.125vw;height: 100%;margin: 0 auto;position: relative;}.custom-html-component .sec-title {margin: 0 auto 1.7vw;font-size: 4.10156vw;line-height: 6.25vw;color: #000;font-family: OPPOFont-Bold;}.custom-html-component .sec-text, .custom-html-component .sec-title {width: 100%;text-align: center;position: relative;z-index: 5;}.custom-html-component .sec-text {font-size: 1.95313vw;line-height: 3.125vw;color: #737373;}.custom-html-component .sec-text, .custom-html-component .sec-tip {margin: 0 auto;font-family: OPPOFont-Regular;}.custom-html-component .sec-tip {width: 100%;font-size: 1.5625vw;line-height: 2.53906vw;color: #bfbfbf;text-align: center;position: relative;z-index: 5;}.custom-html-component .sec-tip span {display: block;float: left;padding-bottom: 6vw;}.custom-html-component .sec-dbox {float: left;}.custom-html-component .sec-mdtit {font-size: 1.95313vw;line-height: 2.34375vw;color: #fff;font-family: OPPOFont-Medium;}.custom-html-component .sec-mdata, .custom-html-component .sec-mdtit span {font-size: 1.36719vw;line-height: 2.34375vw;color: #fff;}.custom-html-component .sec-mdata {font-family: OPPOFont-Regular;}.custom-html-component .sec1-bg, .custom-html-component .section-1 {width: 100vw;height: 53.32031vw;}.custom-html-component .sec1-bg {position: absolute;top: 0;left: 50%;margin-left: -50vw;}.custom-html-component .section-2 {width: 100vw;height: 84.66797vw;background: #fff;}.custom-html-component .section-2 .sec-title {padding-top: 5vw;}.custom-html-component .section-2 .sec-text {width: 72vw;margin: 0 auto 2vw;}.custom-html-component .btn-trigger {display: block;width: 24vw;height: 3vw;margin: 0 auto;cursor: pointer;text-align: center;position: relative;z-index: 2;}.custom-html-component .svg-play {width: 1.46484vw;height: 1.85547vw;position: relative;top: .1vw;margin-right: .2vw;}.custom-html-component .btn-trigger span, .custom-html-component .svg-play {display: inline-block;vertical-align: top;}.custom-html-component .btn-trigger span {font-size: 1.95313vw;line-height: 2.53906vw;color: #000;padding-bottom: 1px;border-bottom: 1px solid #000;}.custom-html-component .sec2-img-box {position: absolute;bottom: -5vw;left: 50%;margin-left: -20.26367vw;}.custom-html-component .sec2-img, .custom-html-component .sec2-img-box {width: 40.52734vw;height: 64.16016vw;}.custom-html-component .section-3 {width: 100vw;height: 66vw;background: #000;}.custom-html-component .section-3 .sec-title {padding-top: 6.66vw;color: #fff;}.custom-html-component .section-3 .sec-text {width: 79vw;color: #8c8c8c;}.custom-html-component .sec3-vbox {position: absolute;bottom: 0;left: 50%;margin-left: -50vw;}.custom-html-component .sec3-vbox, .custom-html-component .sec3-vbox video {width: 100vw;height: 56.25vw;}.custom-html-component .sec3-gif {display: none;}.custom-html-component .section-4 {width: 100vw;height: auto;background: #fff;}.custom-html-component .sec4-box1 .sec-title {padding-top: 6.6vw;}.custom-html-component .sec4-box1 .sec-text {margin: 0 auto 4.5vw;}.custom-html-component .sec4-img-box {overflow: hidden;margin: 0 auto;}.custom-html-component .sec4-img1, .custom-html-component .sec4-img-box {width: 78.125vw;height: 43.65234vw;}.custom-html-component .sec4-img1 {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);-webkit-transform-origin: top center;-ms-transform-origin: top center;transform-origin: top center;-webkit-transition: -webkit-transform .8s;transition: -webkit-transform .8s;transition: transform .8s;transition: transform .8s,-webkit-transform .8s;}.custom-html-component .sec4-box2 {height: 90vw;}.custom-html-component .left-tbox, .custom-html-component .sec4-box2 {width: 78.125vw;position: relative;}.custom-html-component .left-tbox {height: 78vw;}.custom-html-component .left-tbox .sec-title {padding-top: 9.2vw;opacity: 0;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);-webkit-transition: all .8s ease;transition: all .8s ease;}.custom-html-component .sec4-box2.on .sec-title {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}.custom-html-component .left-tbox .sec-text {margin: 0 auto 2.2vw;opacity: 0;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);-webkit-transition: all .8s ease .2s;transition: all .8s ease .2s;}.custom-html-component .sec4-box2.on .sec-text {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}.custom-html-component .left-tbox .sec-tip {text-align: left;position: absolute;top: 75vw;left: 0;opacity: 0;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);-webkit-transition: all .8s ease .6s;transition: all .8s ease .6s;}.custom-html-component .sec4-box2.on .sec-tip {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}.custom-html-component .sec4-img2-box {width: 78.125vw;height: 43.75vw;position: absolute;top: 29vw;left: 0;opacity: 0;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);-webkit-transition: all .8s ease .4s;transition: all .8s ease .4s;}.custom-html-component .sec4-box2.on .sec4-img2-box {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}.custom-html-component .sec4-img2 {width: 78.125vw;height: 43.75vw;}.custom-html-component .section-5 {width: 100vw;height: 78vw;background: #000;}.custom-html-component .section-5 .sec-title {padding-top: 28vw;color: #fff;}.custom-html-component .section-5 .sec-text {width: 60vw;color: #8c8c8c;}.custom-html-component .sec5-data-box {position: absolute;top: 2vw;left: 50%;margin-left: -47.85156vw;}.custom-html-component .sec5-data, .custom-html-component .sec5-data-box {width: 95.60547vw;height: 74.21875vw;}.custom-html-component .sec5-data {background: url(https://dsfs.oppo.com/product/2020/encow51/images/1024/sec5-data-7d201e94fb33874bc7dc5930047641ae.png) no-repeat;background-size: 100%;}.custom-html-component .sec5-dline {width: 0;height: 70.99609vw;background: url(https://dsfs.oppo.com/product/2020/encow51/images/1024/sec5-dline-67c64348e006eadff592b9dc0c65d39e.png) no-repeat;background-size: 95.60547vw;position: absolute;top: 0;left: 0;z-index: 1;-webkit-transition: width 2s;transition: width 2s;}.custom-html-component .section-5.on .sec5-dline {width: 100%;}.custom-html-component .section-6 {height: auto;background: #fff;}.custom-html-component .section-6, .custom-html-component .section-6 .wrapper {width: 100vw;}.custom-html-component .sec6-top-box {width: 78.125vw;height: 82.03125vw;margin: 0 auto;position: relative;}.custom-html-component .sec6-img-box {display: none;}.custom-html-component .sec6-swiper-mbox {width: 100%;height: 100%;}.custom-html-component .sec6-swiper-mbox .swiper-slide {width: 78.125vw;height: 86.62109vw;}.custom-html-component .swiper-pagination {width: 100%;position: absolute;bottom: 1vw;text-align: center;z-index: 11;}.custom-html-component .swiper-pagination span {display: inline-block;width: .97656vw;height: .97656vw;margin: 0 .58594vw;background: #333;border-radius: 50%;opacity: .2;outline: none;cursor: pointer;}.custom-html-component .swiper-pagination span.swiper-pagination-bullet-active {opacity: .4;}.custom-html-component .sec6-swiper-mbox .swiper-pagination2 {bottom: 8vw;}.custom-html-component .sec6-box1 {width: 78.125vw;height: 70.3125vw;position: relative;}.custom-html-component .sec6-box1 .sec-title {padding-top: 4.1vw;}.custom-html-component .sec6-box1 .sec-title br {opacity: 0;font-size: 0;display: none !important;}.custom-html-component .sec6-bg1 {width: 78.125vw;height: 43.65234vw;background: url(https://dsfs.oppo.com/product/2020/encow51/images/1024/sec6-bg1-1b6fd7bdff0be18b21bdfe3cdddbcf70.jpg) no-repeat;background-size: 100%;position: absolute;bottom: 0;left: 0;}.custom-html-component .sec6-xh {width: 65.23438vw;top: 7.6vw;left: 7.8125vw;}.custom-html-component .sec6-xh, .custom-html-component .span-xh {height: 20.70313vw;position: absolute;}.custom-html-component .span-xh {width: 4.15039vw;background: url(https://dsfs.oppo.com/product/2020/encow51/images/1024/sec6-xh-a46152b3294f88b070cd08d606a77322.png) no-repeat;background-size: 65.23438vw;top: 0;opacity: 0;-webkit-transition: opacity .2s ease;transition: opacity .2s ease;}.custom-html-component .sec6-xh.on .span-xh {opacity: 1;}.custom-html-component .span-xh1 {background-position: 0 0;left: 0;}.custom-html-component .sec6-xh.on .span-xh1 {-webkit-transition: opacity .4s ease .5s;transition: opacity .4s ease .5s;}.custom-html-component .span-xh2 {background-position: -4.15039vw 0;left: 4.15039vw;}.custom-html-component .sec6-xh.on .span-xh2 {-webkit-transition: opacity .4s ease .3s;transition: opacity .4s ease .3s;}.custom-html-component .span-xh3 {background-position: -8.30078vw 0;left: 8.30078vw;}.custom-html-component .sec6-xh.on .span-xh3 {-webkit-transition: opacity .4s ease .1s;transition: opacity .4s ease .1s;}.custom-html-component .span-xh4 {background-position: -52.7832vw 0;left: 52.7832vw;}.custom-html-component .sec6-xh.on .span-xh4 {-webkit-transition: opacity .4s ease .1s;transition: opacity .4s ease .1s;}.custom-html-component .span-xh5 {background-position: -56.93359vw 0;left: 56.93359vw;}.custom-html-component .sec6-xh.on .span-xh5 {-webkit-transition: opacity .4s ease .3s;transition: opacity .4s ease .3s;}.custom-html-component .span-xh6 {background-position: -61.08398vw 0;left: 61.08398vw;}.custom-html-component .sec6-xh.on .span-xh6 {-webkit-transition: opacity .4s ease .5s;transition: opacity .4s ease .5s;}.custom-html-component .sec6-box2 {width: 78.125vw;height: 70.3125vw;position: relative;}.custom-html-component .sec6-box2 .sec-title {text-align: left;padding-top: 4.1vw;}.custom-html-component .sec6-box2 .sec-title br {opacity: 0;font-size: 0;display: none !important;}.custom-html-component .sec6-box2 .sec-text {height: 9vw;text-align: left;margin: 0;}.custom-html-component .sec6-img4 {width: 78.125vw;height: 43.65234vw;position: absolute;bottom: 0;left: 0;}.custom-html-component .sec6-box2 .sec-databox {width: 78vw;position: absolute;bottom: 2.2vw;left: 5.4vw;z-index: 2;}.custom-html-component .sec6-box2 .sec-dbox {margin-right: 4vw;}.custom-html-component .sec6-box3 {width: 100vw;height: 68vw;background: #f7f7f7;position: relative;overflow: hidden;}.custom-html-component .ie .sec6-box3 {-webkit-transform: translateZ(0);transform: translateZ(0);}.custom-html-component .sec6-box3-fixed {width: 100vw;height: 68vw;}.custom-html-component .sec6-box3-fixed.fixed {position: fixed;top: 58px;}.custom-html-component .sec6-box3 .sec-title {padding-top: 6vw;opacity: 0;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);-webkit-transition: all .8s ease .4s;transition: all .8s ease .4s;}.custom-html-component .sec6-box3.on .sec-title {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}.custom-html-component .sec6-box3 .sec-text {width: 76vw;opacity: 0;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);-webkit-transition: all .8s ease .5s;transition: all .8s ease .5s;}.custom-html-component .sec6-box3.on .sec-text {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}.custom-html-component .sec6-img-swiper {width: 62.5vw;height: 53.125vw;opacity: 0;position: absolute;top: 30vw;left: 18.75vw;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);-webkit-transition: all .8s ease .6s;transition: all .8s ease .6s;}.custom-html-component .sec6-box3.on .sec6-img-swiper {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}.custom-html-component .sec6-img-swiper .swiper-slide {width: 62.5vw;height: 53.125vw;}.custom-html-component .sec6-img1 {background: url(https://dsfs.oppo.com/product/2020/encow51/images/1024/sec6-img1-bddd486ab0edc92e608aba0a51b0ab56.png) no-repeat;background-size: 100%;}.custom-html-component .sec6-img2 {background: url(https://dsfs.oppo.com/product/2020/encow51/images/1024/sec6-img2-24bb2b34755538783057e19b7409d2f4.png) no-repeat;background-size: 100%;}.custom-html-component .sec6-img3 {background: url(https://dsfs.oppo.com/product/2020/encow51/images/1024/sec6-img3-210e787418038443afc336b58888c80c.png) no-repeat;background-size: 100%;}.custom-html-component .sec6-img-swiper .swiper-pagination3 {bottom: 20vw;}.custom-html-component .section-7 {height: 380vw;background: #fff;overflow: hidden;}.custom-html-component .section-7, .custom-html-component .section-7 .wrapper {width: 100vw;}.custom-html-component .sec7-fixed {width: 100vw;height: 100vh;position: absolute;top: 0;left: 0;}.custom-html-component .ie .sec7-fixed {-webkit-transform: translateZ(0);transform: translateZ(0);}.custom-html-component .section-7.on .sec7-fixed {position: fixed;top: 58px;}.custom-html-component .section-7.on .sec7-fixed.fixout {position: absolute;top: auto;bottom: 0;}.custom-html-component .sec7-tbox {width: 100vw;height: 60vh;position: absolute;top: 50%;left: 0;z-index: 999;margin-top: -28vh;-webkit-transform: translateY(40px);-ms-transform: translateY(40px);transform: translateY(40px);opacity: 0;-webkit-transition: all .8s ease;transition: all .8s ease;}.custom-html-component .section-7.on .sec7-tbox {-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);opacity: 1;-webkit-transition: all .8s ease .6s;transition: all .8s ease .6s;}.custom-html-component .section-7 .sec-title {margin: 0 auto;left: 0;}.custom-html-component .section-7 .sec-text, .custom-html-component .section-7 .sec-title {color: #fff;position: absolute;bottom: 0;opacity: 0;}.custom-html-component .section-7 .sec-text {width: 78vw;left: 50%;margin-left: -39vw;}.custom-html-component .sec7-mask {width: 100vw;height: 101vh;background: #000;position: absolute;top: 0;left: 0;opacity: 0;z-index: 2;-webkit-transition: all .8s ease;transition: all .8s ease;}.custom-html-component .section-7.on .sec7-mask {opacity: .6;-webkit-transition: all 1s ease .2s;transition: all 1s ease .2s;}.custom-html-component .sec7-bg {width: 100vw;height: 100vh;position: absolute;top: 0;left: 0;background: url(https://dsfs.oppo.com/product/2020/encow51/images/1024/sec7-bg-6ce971714b333d06c10ceca01ee0222f.jpg) no-repeat top;background-size: cover;}.custom-html-component .section-8 {width: 100vw;height: 75vw;background: #fff;}.custom-html-component .section-8 .wrapper {width: 34vw;position: absolute;top: 0;right: 10.9375vw;}.custom-html-component .section-8 .sec-title {width: 34vw;padding-top: 19.6vw;color: #fff;text-align: left;opacity: 0;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);-webkit-transition: all .4s ease;transition: all .4s ease;}.custom-html-component .section-8.on .sec-title {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);-webkit-transition: all .8s ease .2s;transition: all .8s ease .2s;}.custom-html-component .section-8 .sec-text {height: 17vw;color: #cedae6;text-align: left;margin: 0 auto;opacity: 0;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);-webkit-transition: all .4s ease;transition: all .4s ease;}.custom-html-component .section-8.on .sec-text {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);-webkit-transition: all .8s ease .3s;transition: all .8s ease .3s;}.custom-html-component .section-8 .sec-tip {width: 100%;color: #d3dbe5;text-align: left;opacity: 0;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);-webkit-transition: all .4s ease;transition: all .4s ease;}.custom-html-component .section-8.on .sec-tip {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);-webkit-transition: all .8s ease .5s;transition: all .8s ease .5s;}.custom-html-component .sec8-bg-box {width: 68.35938vw;overflow: hidden;left: 50%;margin-left: -34.17969vw;}.custom-html-component .sec8-bg, .custom-html-component .sec8-bg-box {height: 75vw;position: absolute;top: 0;-webkit-transition: all 1s ease;transition: all 1s ease;}.custom-html-component .sec8-bg {width: 100vw;left: 0;}.custom-html-component .section-8.on .sec8-bg-box {width: 100vw;height: 75vw;margin-left: -50vw;}.custom-html-component .section-8.on .sec8-bg {width: 100vw;height: 75vw;}.custom-html-component .section-9 {width: 100vw;height: auto;background: #fff;overflow: hidden;}.custom-html-component .section-9 .sec-title {padding-top: 5.1vw;}.custom-html-component .section-9 .sec-text {margin: 0 auto 2.2vw;}.custom-html-component .sec9-img-box {overflow: hidden;margin: 0 auto 7.5vw;}.custom-html-component .sec9-img1, .custom-html-component .sec9-img-box {width: 78.125vw;height: 43.65234vw;}.custom-html-component .sec9-img1 {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);-webkit-transform-origin: top center;-ms-transform-origin: top center;transform-origin: top center;-webkit-transition: -webkit-transform .8s;transition: -webkit-transform .8s;transition: transform .8s;transition: transform .8s,-webkit-transform .8s;}.custom-html-component .section-10 {width: 100vw;height: 63.47656vw;background: #fafafa;z-index: 4;margin-bottom: 25vw;}.custom-html-component .section-10 .sec-title {width: 34vw;padding-top: 5vw;text-align: left;margin: 0 0 2vw;}.custom-html-component .section-10 .sec-text {width: 28vw;margin: 0 0 2.4vw;text-align: left;}.custom-html-component .sec10-img1 {width: 50vw;height: 63.47656vw;position: absolute;top: 0;right: -10.9375vw;}.custom-html-component .sec10-img2 {width: 25.48828vw;height: 33.98438vw;position: absolute;top: 47vw;left: 21.5vw;}.custom-html-component .sec10-nbox {width: 28vw;}.custom-html-component .knock {font-size: 1.5625vw;line-height: 3.125vw;padding-left: 3.41797vw;position: relative;margin-bottom: 1vw;}.custom-html-component .knock p {color: #000;opacity: .6;}.custom-html-component .knock p span {display: inline-block;width: 100%;font-size: 1.95313vw;line-height: 3.125vw;}.custom-html-component .icon-knock {width: 2.53906vw;height: 2.53906vw;position: absolute;top: .19531vw;left: 0;}.custom-html-component .icon-knock1 {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAMAAADypuvZAAAABGdBTUEAALGPC/xhBQAAANJQTFRFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA1K5a2gAAAEZ0Uk5TXIBXOzY3dnA/PgF/WDklBUJxl32DR1YGkCwzYF5zKhQhjmwpTSZUBDqTcjJQaw1EYQptI3qMmDhbaogoFYoZEm4JB0GZABwB80QAAAJJSURBVEjHrZZnd6pAEIY3iSb2rrFEjSV2Y4kFEATh5f//pSC7CoaiZ++dL7Ps7nPOMGVniOmRbCYn5EtVoFrKC7lM1nuD/PlO1CpF3EixUkuEQvqoa10riOX94Xg6HQ/7sliwNrojPRiazoFOo/7u3nuvNzrAfBoAyYMxMNO9v6DPgPFA9oNaGiCopq+oAqC1vFAkCenLDJQvCcnoX+hFQlM1Q0RtQnq5haISPpwLP4vlZrvbbTfLxY+z+wEp4oZaSYf5jq/dYVrHvh0q2XIgWUPzcpKeWDc1g8bJsJyDSfpy1oQmX6EBJPY/cgpQjJVj08pQgBRztyphcIGmYzC/fYpAf3jrgWEfED+ZDzGeUkifQ2DMG5Se13E9BW+MEjDXbWgEUONkEa9tP3e3XyFSC1VgdIYSXczoWQpK2z9IbQXPdDVD9wzV0KH5lgZ6QaHtAXuahx3ULKiCBo3PBP3ghOhjQuPVQMUk2SLq9lcMyjAYGiqI24s6ilmSQYHWzxpGWO4ZWNP6KiBDchBpvgGrMGgF0DwUkSMCyvZ6Ac0MFQ0LW5chkDxzyzLcurN9S1vvkSclHOz1hulAOWDDdIlUcbTXW6YD5Ygt01UCnOz1julAOWHHNPggLvO4HMHlco7gEr404krYa2nE75VGzCkNriJ8uNzT7nJ/8GFJXR+WBO8TxvdYcj3L9xvAs08DuNdq9r6t5rapxW6bWtzV1J5a7vYZeax9Rv+9UVut+unuSBD5P8MH35jDN1Bxjm5BQ+K9yZKOoyR8HP0FUp2XGQQwyxQAAAAASUVORK5CYII=) no-repeat;background-size: 100%;}.custom-html-component .icon-knock2 {background: url(https://dsfs.oppo.com/product/2020/encow51/images/1920/icon-knock2-b4168e071d5df5a2e2b5faa90e6796ed.png) no-repeat;background-size: 100%;}.custom-html-component .section-11 {width: 100vw;height: auto;padding-bottom: 10vw;background: #fff;}.custom-html-component .unpack-box {width: 100vw;height: auto;margin: 0 auto 10vw -10.9375vw;}.custom-html-component .unpack-img {width: 100vw;height: 68.94531vw;}.custom-html-component .parameter-box {width: 78.125vw;margin: 0 auto 8vw;}.custom-html-component .parameter-tit {font-size: 1.95313vw;line-height: 2.53906vw;color: #000;opacity: .2;}.custom-html-component .parameter-list {width: 78.125vw;height: auto;}.custom-html-component .parameter-list table {width: 100%;}.custom-html-component .parameter-list td {width: 49.8%;font-size: 1.95313vw;line-height: 2.53906vw;color: #000;opacity: .2;border-bottom: 2px solid rgba(150, 150, 150, 0.2);padding: 1vw 0;}.custom-html-component .bz-list {width: 78.125vw;margin: 0 auto;}.custom-html-component .bz-list li {font-size: 1.95313vw;line-height: 3.125vw;color: #000;opacity: .25;padding-left: 2.2vw;position: relative;}.custom-html-component .bz-list li.bz-li1 {padding-left: 0;}.custom-html-component .bz-list li span {width: 2.2vw;position: absolute;top: 0;left: 0;}}@media only screen and (min-width: 768px) and (max-width: 1023px) {.custom-html-component .h5-hide br {opacity: 0;font-size: 0;display: none !important;}.custom-html-component .wrapper {width: 100vw;height: 100%;margin: 0 auto;position: relative;}.custom-html-component .sec-title {margin: 0 auto 5vw;padding-top: 10vw;font-size: 5.46875vw;line-height: 8.33333vw;color: #000;font-family: OPPOFont-Bold;}.custom-html-component .sec-text, .custom-html-component .sec-title {width: 83.33333vw;position: relative;z-index: 5;}.custom-html-component .sec-text {margin: 0 auto 6.5vw;font-size: 2.60417vw;line-height: 4.16667vw;color: #707070;}.custom-html-component .sec-text, .custom-html-component .sec-tip {font-family: OPPOFont-Regular;}.custom-html-component .sec-tip {width: 83.33333vw;margin: 0 auto;font-size: 2.08333vw;line-height: 3.64583vw;color: #bfbfbf;position: relative;z-index: 5;}.custom-html-component .sec-tip span {display: block;float: left;padding-bottom: 6vw;}.custom-html-component .sec-dbox {float: left;font-family: OPPOFont-Bold;}.custom-html-component .sec-mdtit {font-size: 2.34375vw;line-height: 3.125vw;color: #fff;}.custom-html-component .sec-mdata, .custom-html-component .sec-mdtit span {font-size: 1.82292vw;line-height: 3.125vw;color: #fff;}.custom-html-component .sec1-bg, .custom-html-component .section-1 {width: 100vw;height: 169.27083vw;}.custom-html-component .sec1-bg {position: absolute;top: 0;left: 50%;margin-left: -50vw;}.custom-html-component .section-2 {width: 100vw;height: 134.11458vw;overflow: hidden;background: #fff;}.custom-html-component .btn-trigger {display: block;width: 28vw;height: 4vw;margin-left: 8.33333vw;cursor: pointer;position: relative;z-index: 2;}.custom-html-component .svg-play {width: 1.95313vw;height: 2.47396vw;position: relative;top: .1vw;margin-right: .2vw;}.custom-html-component .btn-trigger span, .custom-html-component .svg-play {display: inline-block;vertical-align: top;}.custom-html-component .btn-trigger span {font-size: 2.60417vw;line-height: 3.38542vw;color: #000;padding-bottom: 1px;border-bottom: 1px solid #000;}.custom-html-component .sec2-img-box {position: absolute;bottom: -4vw;left: 50%;margin-left: -30.33854vw;}.custom-html-component .sec2-img, .custom-html-component .sec2-img-box {width: 60.67708vw;height: 96.22396vw;}.custom-html-component .section-3 {width: 100vw;height: 130.20833vw;background: #000;}.custom-html-component .section-3 .sec-title {color: #fff;}.custom-html-component .section-3 .sec-text {color: #8c8c8c;}.custom-html-component .sec3-vbox {width: 100vw;height: 122.39583vw;position: absolute;bottom: 0;left: 50%;margin-left: -50vw;}.custom-html-component .sec3-vbox video {display: none;}.custom-html-component .sec3-vbox .sec3-gif {width: 100vw;height: 122.39583vw;}.custom-html-component .section-4 {width: 100vw;height: 284.63542vw;background: #fff;}.custom-html-component .sec4-img-box {overflow: hidden;margin: 0 auto 2.5vw;}.custom-html-component .sec4-img1, .custom-html-component .sec4-img-box {width: 83.33333vw;height: 87.23958vw;}.custom-html-component .sec4-img1 {-webkit-transform-origin: top center;-ms-transform-origin: top center;transform-origin: top center;}.custom-html-component .sec4-box2 {margin: 0 auto;position: relative;}.custom-html-component .sec4-box2, .custom-html-component .sec4-box2 .left-tbox {width: 83.33333vw;height: auto;}.custom-html-component .sec4-box2 .sec-title {opacity: 0;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);-webkit-transition: all .8s ease .1s;transition: all .8s ease .1s;}.custom-html-component .sec4-box2.on .sec-title {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}.custom-html-component .sec4-box2 .sec-text {opacity: 0;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);-webkit-transition: all .8s ease .2s;transition: all .8s ease .2s;}.custom-html-component .sec4-box2.on .sec-text {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}.custom-html-component .sec4-box2 .sec-tip {text-align: left;position: absolute;top: 129vw;left: 0;opacity: 0;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);-webkit-transition: all .8s ease .6s;transition: all .8s ease .6s;}.custom-html-component .sec4-box2.on .sec-tip {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}.custom-html-component .sec4-img2, .custom-html-component .sec4-img2-box {width: 83.33333vw;height: 74.21875vw;}.custom-html-component .section-5 {width: 100vw;height: 101vw;background: #000;}.custom-html-component .section-5 .sec-title {padding-top: 34.7vw;color: #fff;}.custom-html-component .section-5 .sec-text {color: #8c8c8c;}.custom-html-component .sec5-data-box {position: absolute;top: 3.6vw;left: 50%;margin-left: -52.08333vw;}.custom-html-component .sec5-data, .custom-html-component .sec5-data-box {width: 98.04688vw;height: 96.35417vw;}.custom-html-component .sec5-data {background: url(https://dsfs.oppo.com/product/2020/encow51/images/768/sec5-data-6e89b59ad4f5cb9ad7253e6f67374a5d.png) no-repeat;background-size: 100%;}.custom-html-component .sec5-dline {width: 0;height: 91.92708vw;background: url(https://dsfs.oppo.com/product/2020/encow51/images/768/sec5-dline-4f36e58d8e7ea5cee1de96f56b541088.png) no-repeat;background-size: 98.04688vw;position: absolute;top: 0;left: 0;z-index: 1;-webkit-transition: width 2s;transition: width 2s;}.custom-html-component .section-5.on .sec5-dline {width: 100%;}.custom-html-component .section-6 {width: 100vw;height: auto;background: #f7f7f7;overflow: hidden;}.custom-html-component .sec6-top-box {width: 100%;height: 157.55208vw;background: #fff;}.custom-html-component .sec6-swiper-mbox {width: 100%;height: 100%;}.custom-html-component .sec6-swiper-mbox .swiper-slide {width: 100vw;height: 157.55208vw;}.custom-html-component .sec6-box1 .sec-text {height: 20vw;margin: 0 auto;}.custom-html-component .sec6-bg1 {width: 83.33333vw;height: 86.45833vw;margin: 0 auto;background: url(https://dsfs.oppo.com/product/2020/encow51/images/768/sec6-bg1-6447f9fb4cbb9658d36734130cbd8a33.png) no-repeat;background-size: 100%;}.custom-html-component .sec6-xh {width: 78.125vw;height: 20.83333vw;margin: 0 auto;position: relative;top: 35vw;}.custom-html-component .span-xh {width: 4.10156vw;height: 20.83333vw;background: url(https://dsfs.oppo.com/product/2020/encow51/images/768/sec6-xh-df7bde7857f0254ce93fd9b5554560c7.png) no-repeat;background-size: 78.125vw;position: absolute;top: 0;opacity: 0;-webkit-transition: opacity .2s ease;transition: opacity .2s ease;}.custom-html-component .sec6-xh.on .span-xh {opacity: 1;}.custom-html-component .span-xh1 {background-position: 0 0;left: 0;}.custom-html-component .sec6-xh.on .span-xh1 {-webkit-transition: opacity .4s ease .5s;transition: opacity .4s ease .5s;}.custom-html-component .span-xh2 {background-position: -4.10156vw 0;left: 4.10156vw;}.custom-html-component .sec6-xh.on .span-xh2 {-webkit-transition: opacity .4s ease .3s;transition: opacity .4s ease .3s;}.custom-html-component .span-xh3 {background-position: -8.20313vw 0;left: 8.20313vw;}.custom-html-component .sec6-xh.on .span-xh3 {-webkit-transition: opacity .4s ease .1s;transition: opacity .4s ease .1s;}.custom-html-component .span-xh4 {background-position: -65.82031vw 0;left: 65.82031vw;}.custom-html-component .sec6-xh.on .span-xh4 {-webkit-transition: opacity .4s ease .1s;transition: opacity .4s ease .1s;}.custom-html-component .span-xh5 {background-position: -69.92188vw 0;left: 69.92188vw;}.custom-html-component .sec6-xh.on .span-xh5 {-webkit-transition: opacity .4s ease .3s;transition: opacity .4s ease .3s;}.custom-html-component .span-xh6 {background-position: -74.02344vw 0;left: 74.02344vw;}.custom-html-component .sec6-xh.on .span-xh6 {-webkit-transition: opacity .4s ease .5s;transition: opacity .4s ease .5s;}.custom-html-component .sec6-img-box {display: none;}.custom-html-component .sec6-box2 {width: 100%;height: 100%;position: relative;}.custom-html-component .sec6-box2 .sec-text {height: 20vw;margin: 0 auto;}.custom-html-component .sec6-img4 {width: 83.33333vw;height: 86.45833vw;margin: 0 auto;}.custom-html-component .swiper-pagination {width: 100%;position: absolute;bottom: 1vw;text-align: center;z-index: 11;}.custom-html-component .swiper-pagination span {display: inline-block;width: 1.30208vw;height: 1.30208vw;margin: 0 .78125vw;background: #333;border-radius: 50%;opacity: .2;outline: none;cursor: pointer;}.custom-html-component .swiper-pagination span.swiper-pagination-bullet-active {opacity: .4;}.custom-html-component .sec6-swiper-mbox .swiper-pagination2 {bottom: 15vw;}.custom-html-component .sec6-box2 .sec-databox {width: 90vw;position: absolute;bottom: 24vw;left: 11.4vw;z-index: 2;}.custom-html-component .sec6-box2 .sec-dbox {margin-right: 2.2vw;}.custom-html-component .sec6-box3 {width: 83.33333vw;height: 96vw;margin: 0 auto;overflow: hidden;}.custom-html-component .ie .sec6-box3 {-webkit-transform: translateZ(0);transform: translateZ(0);}.custom-html-component .sec6-box3-fixed {width: 83.33333vw;height: 96vw;overflow: hidden;}.custom-html-component .sec6-box3-fixed.fixed {position: fixed;top: 44px;}.custom-html-component .sec6-box3 .sec-title {opacity: 0;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);-webkit-transition: all .8s ease .1s;transition: all .8s ease .1s;}.custom-html-component .sec6-box3.on .sec-title {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}.custom-html-component .sec6-box3 .sec-text {opacity: 0;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);-webkit-transition: all .8s ease .2s;transition: all .8s ease .2s;}.custom-html-component .sec6-box3.on .sec-text {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}.custom-html-component .sec6-img-swiper {width: 83.20313vw;height: 70.83333vw;margin: 0 auto;opacity: 0;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);-webkit-transition: all .8s ease .3s;transition: all .8s ease .3s;}.custom-html-component .sec6-box3.on .sec6-img-swiper {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}.custom-html-component .sec6-img-swiper .swiper-slide {width: 83.20313vw;height: 70.83333vw;}.custom-html-component .sec6-img1 {background: url(https://dsfs.oppo.com/product/2020/encow51/images/768/sec6-img1-e600384e869f910f12e55848ea927f23.png) no-repeat;background-size: 100%;}.custom-html-component .sec6-img2 {background: url(https://dsfs.oppo.com/product/2020/encow51/images/768/sec6-img2-932dc09ba964e17c83ceff58736e7d45.png) no-repeat;background-size: 100%;}.custom-html-component .sec6-img3 {background: url(https://dsfs.oppo.com/product/2020/encow51/images/768/sec6-img3-53d07ac3f9c2abf71c0441b2612f6209.png) no-repeat;background-size: 100%;}.custom-html-component .sec6-img-swiper .swiper-pagination3 {bottom: 22vw;}.custom-html-component .section-7 {width: 100vw;height: 500vw;background: #fff;}.custom-html-component .sec7-fixed {width: 100vw;height: 100vh;position: absolute;top: 0;left: 0;}.custom-html-component .ie .sec7-fixed {-webkit-transform: translateZ(0);transform: translateZ(0);}.custom-html-component .section-7.on .sec7-fixed {position: fixed;top: 44px;}.custom-html-component .section-7.on .sec7-fixed.fixout {position: absolute;top: auto;bottom: 0;}.custom-html-component .sec7-tbox {width: 100vw;height: 60vh;position: absolute;top: 50%;left: 0;z-index: 999;margin-top: -28vh;-webkit-transform: translateY(40px);-ms-transform: translateY(40px);transform: translateY(40px);opacity: 0;-webkit-transition: all .8s ease;transition: all .8s ease;}.custom-html-component .section-7.on .sec7-tbox {-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);opacity: 1;-webkit-transition: all .8s ease .6s;transition: all .8s ease .6s;}.custom-html-component .section-7 .sec-text, .custom-html-component .section-7 .sec-title {color: #fff;position: absolute;bottom: 0;left: 50%;margin-left: -41.66667vw;opacity: 0;text-align: center;}.custom-html-component .sec7-mask {width: 100vw;height: 101vh;background: #000;position: absolute;top: 0;left: 0;opacity: 0;z-index: 2;-webkit-transition: all .8s ease;transition: all .8s ease;}.custom-html-component .section-7.on .sec7-mask {opacity: .6;-webkit-transition: all 1s ease .2s;transition: all 1s ease .2s;}.custom-html-component .sec7-bg {width: 100vw;height: 100vh;position: absolute;top: 0;left: 0;background: url(https://dsfs.oppo.com/product/2020/encow51/images/768/sec7-bg-eea31dc52a78230a0cecb51ef8fd2481.jpg) no-repeat top;background-size: cover;}.custom-html-component .section-8 {width: 100vw;height: 140.625vw;background: #fff;}.custom-html-component .section-8 .sec-title {color: #fff;opacity: 0;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);-webkit-transition: all .8s ease .2s;transition: all .8s ease .2s;}.custom-html-component .section-8.on .sec-title {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}.custom-html-component .section-8 .sec-text {color: #fff;opacity: 0;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);-webkit-transition: all .8s ease .3s;transition: all .8s ease .3s;}.custom-html-component .section-8.on .sec-text {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}.custom-html-component .section-8 .sec-tip {width: 83.33333vw;color: #fff;position: absolute;top: 133vw;left: 8.33333vw;opacity: 0;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);-webkit-transition: all .8s ease .5s;transition: all .8s ease .5s;}.custom-html-component .section-8.on .sec-tip {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}.custom-html-component .sec8-bg-box {overflow: hidden;}.custom-html-component .sec8-bg, .custom-html-component .sec8-bg-box {width: 100vw;height: 140.625vw;position: absolute;top: 0;left: 50%;margin-left: -50vw;}.custom-html-component .section-9 {width: 100vw;height: auto;background: #fff;}.custom-html-component .sec9-img-box {overflow: hidden;margin: 0 auto 12.6vw;}.custom-html-component .sec9-img1, .custom-html-component .sec9-img-box {width: 83.33333vw;height: 86.45833vw;}.custom-html-component .sec9-img1 {-webkit-transform-origin: top center;-ms-transform-origin: top center;transform-origin: top center;}.custom-html-component .section-10 {width: 100%;height: 204.6875vw;margin: 0 auto;position: relative;}.custom-html-component .section-10 .sec-title {color: #fff;}.custom-html-component .section-10 .sec-text {margin: 0 auto 7vw;color: #fff;}.custom-html-component .sec10-img1 {width: 100vw;height: 147.00521vw;top: 0;margin-left: -50vw;}.custom-html-component .sec10-img1, .custom-html-component .sec10-img2 {position: absolute;left: 50%;}.custom-html-component .sec10-img2 {width: 43.35938vw;height: 58.07292vw;bottom: 12vw;margin-left: -21.67969vw;}.custom-html-component .sec10-nbox {width: 83.33333vw;margin: 0 auto;position: relative;z-index: 5;}.custom-html-component .knock {font-size: 2.08333vw;line-height: 4.16667vw;padding-left: 6.51042vw;position: relative;margin-bottom: 3vw;}.custom-html-component .knock p {color: #fff;opacity: .6;}.custom-html-component .knock p span {display: inline-block;width: 100%;font-size: 2.60417vw;line-height: 4.16667vw;}.custom-html-component .icon-knock {width: 4.55729vw;height: 4.55729vw;position: absolute;top: -.39063vw;left: 0;}.custom-html-component .icon-knock1 {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAMAAADyHTlpAAAABGdBTUEAALGPC/xhBQAAAKhQTFRF////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////AAAA1ftySQAAADh0Uk5TN2hphAoJXZNycYp9NloxOI4tKBlwNCplbhUukWABVj5nQBIRGztYgHSYNVRciVOFJE8XkH4PmQC/KUWkAAAB20lEQVQ4y5WV6ZaCMAyFq+O+7/vuiCCyl8v7v9mkhRlBwbH50dPS79Dkpk1YlLGw55X4ABjwstcLs3ssvRh2HaTM6Q4L0NWctq17fzSuVMej/t2i5XyVgy7tNWC66d+4JrC2l8/obAFs/OjJ/A2wmGXRKYfjRjnmOuDTNDr9wiSO99zRdMswWrrWOceaTPA1faAzjrtcfXvXhwBX71t+vIPPftHlAhMx3x7bQNCwb75/s5sB0D5uxfcJFssEteGI08MdgZeHmxeCd3LDgR2jqzVERGENOJzSIZ0OQE2wLtYric6xEafvUN8/x7+vYyd82GAu0CEg9DwC+1et9sBR6AsMCe3CFLG3ccjT9YC20MFEN2Lks/DUQ3DKQ08BPOmtE7IeLKH8FZco1y64ilxY6DFPqt9BEBVYgI7Mg8fK6NNMQ7MIbUCjsY8S4xjRTJci55oNncYROBtgTLMWbkXoTQYzxoABVZoZ8ItQHwaNFYDQyidoldDYAeudA63EAYWwSolYjSK0mYhV/iQFLEmBQmIVrsu/l5D/XUKVq63wYFSe4SeP23wpGZzgZlwyGrklQ6EQZcob0/SWYVhF5U2laKqUYorN/LTAZ9pGtfK2bSg1o6TFleMWV3ppcT/9UVIAXMk3hwAAAABJRU5ErkJggg==) no-repeat;background-size: 100%;}.custom-html-component .icon-knock2 {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAMAAADyHTlpAAAABGdBTUEAALGPC/xhBQAAAMBQTFRF////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////AAAAinGPvQAAAEB0Uk5TXjdoaQoJXZNyil99WjGOLSgcaiwZCDRwKmVuFS5/YJGWEgE+Z1ZAOxEbWIB0mFQ4XImEcTaFJE81kH5TDxeZAJ+O874AAAInSURBVDjLlZVpe6owEIXj1rrvdd/aurQIKJtI0OP//1c3E6iC25V8mCch7wNnToYJO8XGoeKmeRWo8oxbOcT3WHRRKzuIDKdce4CO+mLb2G7q7WyuXd9sDbHsj+6gQ38K6Lvoa3Y6MPWH12hvAEyOp6txnACDXhztcDi7052xc8A7UbRjohvk+2MrqqFpBVWxfwJPujA7F7THsZWrX3d9MWDt/sqHW/DeHzocoEvzr2UJ8PL+/njc+5YHlJZf9LyLwTBEfTj09cNCgKuLzJWAF3LDgR+goykoo8MbMP+MpvQ5B96I3WE6kmgfE/r6Au/f1/l/v2NBGiboE1oDyM8lIMkPm41ns3HR/pAssCR/gZpAy9Ap9xLmtNdq/hnQbNF6jhL5oKN8YkIzKXXhkc6UCQQOAOaG9HpwpVrnwCowyPk1KPeWCasRyGxYMOm9K6zpLAxUmCvdt+GRziasS04WmqTXgy3PwWUZ0HcUydhA44I2IKE8FBE3SDOOupip0uSijOfhoyijKmIdnFXRFrMC9iKOZTyPPcYyUjJtVBmQEzNNejtDrGKPmMmoiZgFBJp9Bc0JNBBgPBNQCAVE02LP00qHZuUfmWWFZmVeOYJUeAQJDjZeLptn5fLfIuTnIrwt7eLD0k7wwyT5DV/5ufWblsEFbAUO5O+2jASNKNbeUopa0DTjUXtL0jSTtGKRm/5qg49dG7ns02sj0WUUXnGZ4IpL31xx/wCMdHl0mkqYTwAAAABJRU5ErkJggg==) no-repeat;background-size: 100%;}.custom-html-component .section-11 {width: 100vw;height: auto;padding-bottom: 12vw;}.custom-html-component .unpack-box {width: 100vw;height: auto;margin: 0 auto 9.375vw;}.custom-html-component .unpack-img {width: 100vw;height: 86.32813vw;}.custom-html-component .parameter-box {width: 100vw;margin: 0 auto 8vw;}.custom-html-component .parameter-tit {width: 83.33333vw;margin: 0 auto;font-size: 1.5625vw;line-height: 2.60417vw;color: #000;opacity: .25;}.custom-html-component .parameter-list {width: 83.33333vw;height: auto;margin: 0 auto;}.custom-html-component .parameter-list table {width: 100%;}.custom-html-component .parameter-list td {width: 49.8%;font-size: 1.5625vw;line-height: 2.60417vw;color: #000;opacity: .25;border-bottom: 1px solid rgba(150, 150, 150, 0.2);padding: 1vw 0;}.custom-html-component .bz-list {width: 83.33333vw;margin: 0 auto;}.custom-html-component .bz-list li {font-size: 1.5625vw;line-height: 2.60417vw;color: #000;opacity: .25;padding-left: 2.2vw;position: relative;}.custom-html-component .bz-list li.bz-li1 {padding-left: 0;}.custom-html-component .bz-list li span {width: 2.2vw;position: absolute;top: 0;left: 0;}}@media only screen and (max-width: 767px) {.custom-html-component .h5-hide br {opacity: 0;font-size: 0;display: none !important;}.custom-html-component .wrapper {width: 100vw;height: 100%;margin: 0 auto;position: relative;}.custom-html-component .sec-title {margin: 0 auto 5vw;padding-top: 15vw;font-size: 6.66667vw;line-height: 10vw;color: #000;font-family: OPPOFont-Bold;}.custom-html-component .sec-text, .custom-html-component .sec-title {width: 88.88889vw;position: relative;z-index: 5;}.custom-html-component .sec-text {margin: 0 auto 6.5vw;font-size: 3.61111vw;line-height: 5.55556vw;color: #707070;}.custom-html-component .sec-text, .custom-html-component .sec-tip {font-family: OPPOFont-Regular;}.custom-html-component .sec-tip {width: 88.88889vw;margin: 0 auto;font-size: 3.05556vw;line-height: 4.58333vw;color: #bfbfbf;position: relative;z-index: 5;}.custom-html-component .sec-tip span {display: block;float: left;padding-bottom: 6vw;}.custom-html-component .sec-dbox {float: left;font-family: OPPOFont-Bold;}.custom-html-component .sec-mdtit {font-size: 4.44444vw;line-height: 5.55556vw;color: #fff;}.custom-html-component .sec-mdata, .custom-html-component .sec-mdtit span {font-size: 3.33333vw;line-height: 5.55556vw;color: #fff;}.custom-html-component .sec1-bg, .custom-html-component .section-1 {width: 100vw;height: 166.66667vw;}.custom-html-component .sec1-bg {position: absolute;top: 0;left: 50%;margin-left: -50vw;}.custom-html-component .section-2 {width: 100vw;height: 182.5vw;overflow: hidden;background: #fff;}.custom-html-component .btn-trigger {display: block;width: 42vw;height: 6vw;margin-left: 5.55556vw;cursor: pointer;position: relative;z-index: 2;}.custom-html-component .svg-play {width: 2.77778vw;height: 3.88889vw;position: relative;top: .1vw;margin-right: .2vw;}.custom-html-component .btn-trigger span, .custom-html-component .svg-play {display: inline-block;vertical-align: top;}.custom-html-component .btn-trigger span {font-size: 3.61111vw;line-height: 4.72222vw;color: #000;padding-bottom: 1px;border-bottom: 1px solid #000;}.custom-html-component .sec2-img-box {position: absolute;top: 60vw;left: 50%;margin-left: -39.58333vw;}.custom-html-component .sec2-img, .custom-html-component .sec2-img-box {width: 79.16667vw;height: 125.27778vw;}.custom-html-component .section-3 {width: 100vw;height: 150vw;background: #000;}.custom-html-component .section-3 .sec-title {color: #fff;}.custom-html-component .section-3 .sec-text {color: #8c8c8c;}.custom-html-component .sec3-vbox {width: 100vw;height: 122.5vw;position: absolute;bottom: 0;left: 50%;margin-left: -50vw;z-index: 2;}.custom-html-component .sec3-vbox video {display: none;}.custom-html-component .sec3-vbox .sec3-gif {width: 100vw;height: 122.5vw;}.custom-html-component .section-4 {width: 100vw;height: 325vw;background: #fff;}.custom-html-component .sec4-img-box {overflow: hidden;margin: 0 auto;}.custom-html-component .sec4-img1, .custom-html-component .sec4-img-box {width: 88.88889vw;height: 95.83333vw;}.custom-html-component .sec4-img1 {-webkit-transform-origin: top center;-ms-transform-origin: top center;transform-origin: top center;}.custom-html-component .sec4-box2 {margin: 0 auto;position: relative;}.custom-html-component .sec4-box2, .custom-html-component .sec4-box2 .left-tbox {width: 88.88889vw;height: auto;}.custom-html-component .sec4-box2 .left-tbox .sec-tip {display: none;}.custom-html-component .sec4-box2 .sec-title {opacity: 0;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);-webkit-transition: all .8s ease .1s;transition: all .8s ease .1s;}.custom-html-component .sec4-box2.on .sec-title {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}.custom-html-component .sec4-box2 .sec-text {opacity: 0;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);-webkit-transition: all .8s ease .2s;transition: all .8s ease .2s;}.custom-html-component .sec4-box2.on .sec-text {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}.custom-html-component .sec4-img2, .custom-html-component .sec4-img2-box {width: 88.88889vw;height: 81.66667vw;}.custom-html-component .section-5 {width: 100vw;height: 142vw;background: #000;}.custom-html-component .section-5 .sec-title {padding-top: 48.8vw;color: #fff;}.custom-html-component .section-5 .sec-text {color: #8c8c8c;}.custom-html-component .sec5-data-box {position: absolute;top: 4.2vw;left: 50%;margin-left: -48.05556vw;}.custom-html-component .sec5-data, .custom-html-component .sec5-data-box {width: 94.16667vw;height: 136.11111vw;}.custom-html-component .sec5-data {background: url(https://dsfs.oppo.com/product/2020/encow51/images/360/sec3-data-7386557c6e0e7ebf67c197d0edb570b9.png) no-repeat;background-size: 100%;}.custom-html-component .sec5-dline {width: 0;height: 128.05556vw;background: url(https://dsfs.oppo.com/product/2020/encow51/images/360/sec3-dline-81cb99f990e6e6cb6846bfe4d50f74e3.png) no-repeat;background-size: 94.16667vw;position: absolute;top: 0;left: 0;z-index: 1;-webkit-transition: width 2s;transition: width 2s;}.custom-html-component .section-5.on .sec5-dline {width: 100%;}.custom-html-component .section-6 {width: 100vw;height: auto;background: #fff;overflow: hidden;}.custom-html-component .sec6-top-box {width: 100%;height: 220vw;background: #fff;}.custom-html-component .sec6-swiper-mbox {width: 100%;height: 100%;}.custom-html-component .sec6-swiper-mbox .swiper-slide {width: 100vw;height: 100%;}.custom-html-component .sec6-box1 .sec-title {padding-top: 14vw;}.custom-html-component .sec6-box1 .sec-text {height: 30vw;margin: 0 auto;}.custom-html-component .sec6-bg1 {width: 88.88889vw;height: 127.5vw;background: url(https://dsfs.oppo.com/product/2020/encow51/images/360/sec6-bg1-7cdbc1a545584094fb4824e9aa874768.png) no-repeat;background-size: 100%;}.custom-html-component .sec6-bg1, .custom-html-component .sec6-xh {margin: 0 auto;position: relative;}.custom-html-component .sec6-xh {width: 83.33333vw;height: 22.22222vw;top: 54vw;}.custom-html-component .span-xh {width: 4.58333vw;height: 22.22222vw;background: url(https://dsfs.oppo.com/product/2020/encow51/images/360/sec6-xh-87e68a03c053a6be2d42ed847619ed96.png) no-repeat;background-size: 83.33333vw;position: absolute;top: 0;opacity: 0;-webkit-transition: opacity .2s ease;transition: opacity .2s ease;}.custom-html-component .sec6-xh.on .span-xh {opacity: 1;}.custom-html-component .span-xh1 {background-position: 0 0;left: 0;}.custom-html-component .sec6-xh.on .span-xh1 {-webkit-transition: opacity .4s ease .5s;transition: opacity .4s ease .5s;}.custom-html-component .span-xh2 {background-position: -4.58333vw 0;left: 4.58333vw;}.custom-html-component .sec6-xh.on .span-xh2 {-webkit-transition: opacity .4s ease .3s;transition: opacity .4s ease .3s;}.custom-html-component .span-xh3 {background-position: -9.16667vw 0;left: 9.16667vw;}.custom-html-component .sec6-xh.on .span-xh3 {-webkit-transition: opacity .4s ease .1s;transition: opacity .4s ease .1s;}.custom-html-component .span-xh4 {background-position: -69.58333vw 0;left: 69.58333vw;}.custom-html-component .sec6-xh.on .span-xh4 {-webkit-transition: opacity .4s ease .1s;transition: opacity .4s ease .1s;}.custom-html-component .span-xh5 {background-position: -74.16667vw 0;left: 74.16667vw;}.custom-html-component .sec6-xh.on .span-xh5 {-webkit-transition: opacity .4s ease .3s;transition: opacity .4s ease .3s;}.custom-html-component .span-xh6 {background-position: -78.75vw 0;left: 78.75vw;}.custom-html-component .sec6-xh.on .span-xh6 {-webkit-transition: opacity .4s ease .5s;transition: opacity .4s ease .5s;}.custom-html-component .sec6-img-box {display: none;}.custom-html-component .sec6-box2 .sec-title {padding-top: 14vw;}.custom-html-component .sec6-box2 .sec-text {height: 30vw;margin: 0 auto;}.custom-html-component .sec6-img4 {width: 88.88889vw;height: 127.5vw;margin: 0 auto;}.custom-html-component .swiper-pagination {width: 100%;position: absolute;bottom: 1vw;text-align: center;z-index: 11;}.custom-html-component .swiper-pagination span {display: inline-block;width: 1.66667vw;height: 1.66667vw;margin: 0 1.38889vw;background: #333;border-radius: 50%;opacity: .2;outline: none;cursor: pointer;}.custom-html-component .swiper-pagination span.swiper-pagination-bullet-active {opacity: .4;}.custom-html-component .sec6-swiper-mbox .swiper-pagination2 {bottom: 16vw;}.custom-html-component .sec6-box2 .sec-databox {width: 108vw;position: absolute;bottom: 24vw;left: 10vw;z-index: 2;}.custom-html-component .sec6-box2 .sec-dbox {width: 49vw;height: 18vw;}.custom-html-component .sec6-box3 {margin: 0 auto;}.custom-html-component .sec6-box3, .custom-html-component .sec6-box3-fixed {width: 100vw;height: 116vw;overflow: hidden;}.custom-html-component .sec6-box3-fixed {background: #f7f7f7;}.custom-html-component .sec6-box3-fixed.fixed {position: fixed;top: 45px;}.custom-html-component .sec6-box3 .sec-title {opacity: 0;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);-webkit-transition: all .8s ease .1s;transition: all .8s ease .1s;}.custom-html-component .sec6-box3.on .sec-title {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}.custom-html-component .sec6-box3 .sec-text {opacity: 0;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);-webkit-transition: all .8s ease .2s;transition: all .8s ease .2s;}.custom-html-component .sec6-box3.on .sec-text {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}.custom-html-component .sec6-img-swiper {width: 91.66667vw;height: 88vw;margin: 0 auto;opacity: 0;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);-webkit-transition: all .8s ease .3s;transition: all .8s ease .3s;}.custom-html-component .sec6-box3.on .sec6-img-swiper {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}.custom-html-component .sec6-img-swiper .swiper-slide {width: 91.66667vw;height: 77.77778vw;}.custom-html-component .sec6-img1 {background: url(https://dsfs.oppo.com/product/2020/encow51/images/360/sec6-img1-627ae3ad05eb0f0dda375d9695f57874.png) no-repeat;background-size: 100%;}.custom-html-component .sec6-img2 {background: url(https://dsfs.oppo.com/product/2020/encow51/images/360/sec6-img2-503be3cefcdf5b0f63f707213790a171.png) no-repeat;background-size: 100%;}.custom-html-component .sec6-img3 {background: url(https://dsfs.oppo.com/product/2020/encow51/images/360/sec6-img3-3e1741bec26119dc8520ffd8e37e31d0.png) no-repeat;background-size: 100%;}.custom-html-component .sec6-box3 .swiper-pagination3 {bottom: 32vw;}.custom-html-component .section-7 {width: 100vw;height: 500vw;background: #fff;}.custom-html-component .sec7-fixed {width: 100vw;height: 100vh;position: absolute;top: 0;left: 0;}.custom-html-component .section-7.on .sec7-fixed {position: fixed;top: 45px;}.custom-html-component .section-7.on .sec7-fixed.fixout {position: absolute;top: auto;bottom: 0;}.custom-html-component .sec7-tbox {width: 100vw;height: 60vh;position: absolute;top: 50%;left: 0;z-index: 999;margin-top: -28vh;-webkit-transform: translateY(40px);-ms-transform: translateY(40px);transform: translateY(40px);opacity: 0;-webkit-transition: all .8s ease;transition: all .8s ease;}.custom-html-component .section-7.on .sec7-tbox {-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);opacity: 1;-webkit-transition: all .8s ease .6s;transition: all .8s ease .6s;}.custom-html-component .section-7 .sec-text, .custom-html-component .section-7 .sec-title {color: #fff;position: absolute;bottom: 0;left: 50%;margin-left: -44.44444vw;opacity: 0;text-align: center;}.custom-html-component .sec7-mask {width: 100vw;height: 101vh;background: #000;position: absolute;top: 0;left: 0;opacity: 0;z-index: 2;-webkit-transition: all .8s ease;transition: all .8s ease;}.custom-html-component .section-7.on .sec7-mask {opacity: .6;-webkit-transition: all 1s ease .2s;transition: all 1s ease .2s;}.custom-html-component .sec7-bg {width: 100vw;height: 100vh;position: absolute;top: 0;left: 0;background: url(https://dsfs.oppo.com/product/2020/encow51/images/360/sec7-bg-58bc2f1af178aeb5ac90ae5b62169a1d.jpg) no-repeat top;background-size: cover;}.custom-html-component .section-8 {width: 100vw;height: 161.11111vw;background: #fff;overflow: hidden;}.custom-html-component .section-8 .sec-title {color: #fff;opacity: 0;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);-webkit-transition: all .8s ease .2s;transition: all .8s ease .2s;}.custom-html-component .section-8.on .sec-title {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}.custom-html-component .section-8 .sec-text {color: #fff;opacity: 0;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);-webkit-transition: all .8s ease .3s;transition: all .8s ease .3s;}.custom-html-component .section-8.on .sec-text {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}.custom-html-component .section-8 .sec-tip {width: 88.88889vw;color: #fff;position: absolute;top: 148vw;left: 5.55556vw;}.custom-html-component .sec8-bg-box {height: 161.11111vw;overflow: hidden;top: 0;}.custom-html-component .sec8-bg, .custom-html-component .sec8-bg-box {width: 100vw;position: absolute;left: 50%;margin-left: -50vw;}.custom-html-component .sec8-bg {height: 176.38889vw;bottom: 0;}.custom-html-component .section-8.on .sec8-bg-box {width: 100vw;height: 161.11111vw;}.custom-html-component .section-8.on .sec8-bg {width: 100vw;height: 176.38889vw;}.custom-html-component .section-9 {width: 100vw;height: auto;background: #fff;}.custom-html-component .sec9-img-box {overflow: hidden;margin: 0 auto 15vw;}.custom-html-component .sec9-img1, .custom-html-component .sec9-img-box {width: 88.88889vw;height: 95.83333vw;}.custom-html-component .sec9-img1 {-webkit-transform-origin: top center;-ms-transform-origin: top center;transform-origin: top center;}.custom-html-component .section-10 {width: 100vw;height: 265vw;margin: 0 auto;position: relative;}.custom-html-component .section-10 .sec-title {color: #fff;}.custom-html-component .section-10 .sec-text {color: #fff;margin: 0 auto 10vw;}.custom-html-component .sec10-img1 {width: 100vw;height: 185.55556vw;top: 0;margin-left: -50vw;}.custom-html-component .sec10-img1, .custom-html-component .sec10-img2 {position: absolute;left: 50%;}.custom-html-component .sec10-img2 {width: 60.55556vw;height: 80.55556vw;bottom: 13vw;margin-left: -30.27778vw;}.custom-html-component .sec10-nbox {width: 88.88889vw;margin: 0 auto;position: relative;z-index: 5;}.custom-html-component .knock {font-size: 3.61111vw;line-height: 5.55556vw;padding-left: 8.33333vw;position: relative;margin-bottom: 5vw;}.custom-html-component .knock p {color: #fff;opacity: .6;}.custom-html-component .knock p span {display: inline-block;width: 100%;font-size: 5vw;line-height: 5.55556vw;}.custom-html-component .icon-knock {width: 5.83333vw;height: 5.83333vw;position: absolute;top: -.55556vw;left: 0;}.custom-html-component .icon-knock1 {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAMAAADyHTlpAAAABGdBTUEAALGPC/xhBQAAAKhQTFRF////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////AAAA1ftySQAAADh0Uk5TN2hphAoJXZNycYp9NloxOI4tKBlwNCplbhUukWABVj5nQBIRGztYgHSYNVRciVOFJE8XkH4PmQC/KUWkAAAB20lEQVQ4y5WV6ZaCMAyFq+O+7/vuiCCyl8v7v9mkhRlBwbH50dPS79Dkpk1YlLGw55X4ABjwstcLs3ssvRh2HaTM6Q4L0NWctq17fzSuVMej/t2i5XyVgy7tNWC66d+4JrC2l8/obAFs/OjJ/A2wmGXRKYfjRjnmOuDTNDr9wiSO99zRdMswWrrWOceaTPA1faAzjrtcfXvXhwBX71t+vIPPftHlAhMx3x7bQNCwb75/s5sB0D5uxfcJFssEteGI08MdgZeHmxeCd3LDgR2jqzVERGENOJzSIZ0OQE2wLtYric6xEafvUN8/x7+vYyd82GAu0CEg9DwC+1et9sBR6AsMCe3CFLG3ccjT9YC20MFEN2Lks/DUQ3DKQ08BPOmtE7IeLKH8FZco1y64ilxY6DFPqt9BEBVYgI7Mg8fK6NNMQ7MIbUCjsY8S4xjRTJci55oNncYROBtgTLMWbkXoTQYzxoABVZoZ8ItQHwaNFYDQyidoldDYAeudA63EAYWwSolYjSK0mYhV/iQFLEmBQmIVrsu/l5D/XUKVq63wYFSe4SeP23wpGZzgZlwyGrklQ6EQZcob0/SWYVhF5U2laKqUYorN/LTAZ9pGtfK2bSg1o6TFleMWV3ppcT/9UVIAXMk3hwAAAABJRU5ErkJggg==) no-repeat;background-size: 100%;}.custom-html-component .icon-knock2 {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAMAAADyHTlpAAAABGdBTUEAALGPC/xhBQAAAMBQTFRF////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////AAAAinGPvQAAAEB0Uk5TXjdoaQoJXZNyil99WjGOLSgcaiwZCDRwKmVuFS5/YJGWEgE+Z1ZAOxEbWIB0mFQ4XImEcTaFJE81kH5TDxeZAJ+O874AAAInSURBVDjLlZVpe6owEIXj1rrvdd/aurQIKJtI0OP//1c3E6iC25V8mCch7wNnToYJO8XGoeKmeRWo8oxbOcT3WHRRKzuIDKdce4CO+mLb2G7q7WyuXd9sDbHsj+6gQ38K6Lvoa3Y6MPWH12hvAEyOp6txnACDXhztcDi7052xc8A7UbRjohvk+2MrqqFpBVWxfwJPujA7F7THsZWrX3d9MWDt/sqHW/DeHzocoEvzr2UJ8PL+/njc+5YHlJZf9LyLwTBEfTj09cNCgKuLzJWAF3LDgR+goykoo8MbMP+MpvQ5B96I3WE6kmgfE/r6Au/f1/l/v2NBGiboE1oDyM8lIMkPm41ns3HR/pAssCR/gZpAy9Ap9xLmtNdq/hnQbNF6jhL5oKN8YkIzKXXhkc6UCQQOAOaG9HpwpVrnwCowyPk1KPeWCasRyGxYMOm9K6zpLAxUmCvdt+GRziasS04WmqTXgy3PwWUZ0HcUydhA44I2IKE8FBE3SDOOupip0uSijOfhoyijKmIdnFXRFrMC9iKOZTyPPcYyUjJtVBmQEzNNejtDrGKPmMmoiZgFBJp9Bc0JNBBgPBNQCAVE02LP00qHZuUfmWWFZmVeOYJUeAQJDjZeLptn5fLfIuTnIrwt7eLD0k7wwyT5DV/5ufWblsEFbAUO5O+2jASNKNbeUopa0DTjUXtL0jSTtGKRm/5qg49dG7ns02sj0WUUXnGZ4IpL31xx/wCMdHl0mkqYTwAAAABJRU5ErkJggg==) no-repeat;background-size: 100%;}.custom-html-component .section-11 {width: 100vw;height: auto;padding-bottom: 12vw;}.custom-html-component .unpack-box {width: 100vw;height: auto;margin: 0 auto 8vw;}.custom-html-component .unpack-img {width: 100vw;height: 99.16667vw;}.custom-html-component .parameter-box {width: 100vw;margin: 0 auto 12vw;}.custom-html-component .parameter-tit {width: 88.88889vw;margin: 0 auto;font-size: 4.44444vw;line-height: 10vw;color: #000;opacity: .3;}.custom-html-component .parameter-list {width: 100vw;height: auto;}.custom-html-component .parameter-list table {width: 100%;}.custom-html-component .parameter-list td {width: 49.8%;font-size: 3.61111vw;line-height: 7.77778vw;color: #000;opacity: .3;border-bottom: 1px solid rgba(150, 150, 150, 0.2);padding: 1vw 5.55556vw;}.custom-html-component .bz-list {width: 88.88889vw;margin: 0 auto;}.custom-html-component .bz-list li {font-size: 3.05556vw;line-height: 4.58333vw;color: #000;opacity: .3;padding-left: 4.2vw;position: relative;}.custom-html-component .bz-list li.bz-li1 {padding-left: 0;}.custom-html-component .bz-list li span {width: 4.2vw;position: absolute;top: 0;left: 0;}.custom-html-component .uc .span-xh {opacity: 1;}.custom-html-component .uc .sec4-box2 .sec-text, .custom-html-component .uc .sec4-box2 .sec-title {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}.custom-html-component .uc .sec5-dline {width: 100%;}.custom-html-component .uc .sec6-box3 .sec6-img-swiper, .custom-html-component .uc .sec6-box3 .sec-text, .custom-html-component .uc .sec6-box3 .sec-title {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}.custom-html-component .uc.section-7 {height: 100vh;}.custom-html-component .uc .sec7-tbox {opacity: 1;}.custom-html-component .uc.section-7 .sec-title {opacity: 1;bottom: 68vw;}.custom-html-component .uc.section-7 .sec-text {opacity: 1;bottom: 38vw;}.custom-html-component .uc .sec7-mask {opacity: .6;}.custom-html-component .uc .sec7-bg {width: 100vw;height: 100vh;}.custom-html-component .uc.section-8 .sec-databox, .custom-html-component .uc.section-8 .sec-text, .custom-html-component .uc.section-8 .sec-tip, .custom-html-component .uc.section-8 .sec-title {opacity: 1;}}@media only screen and (min-width: 1960px) {.custom-html-component .sec6-img-swiper .swiper-pagination3 {bottom: 14vw;}}.custom-html-component .video-dialog {position: fixed;bottom: 0;width: 100%;display: none;z-index: 999;}.custom-html-component .video-dialog-container {position: fixed;z-index: 99;width: 100%;height: 100%;background-color: #000;}.custom-html-component .video-dialog-wrapper {position: absolute;top: 50%;left: 50%;z-index: 101;width: 66.66vw;height: 37.5vw;margin-left: -33.33vw;margin-top: -18.75vw;}.custom-html-component .video-dialog-wrapper video {position: absolute;width: 100%;outline: none;}.custom-html-component .video-dialog-close {position: absolute;right: -46px;top: 0;width: 26px;height: 26px;background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMyAzMyI+PGcgZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMSAtMSkiPjxyZWN0IHdpZHRoPSI0NSIgaGVpZ2h0PSIzIiB4PSItNSIgeT0iMTYiIHJ4PSIxIiB0cmFuc2Zvcm09InJvdGF0ZSg0NSAxNy41IDE3LjUpIi8+PHJlY3Qgd2lkdGg9IjQ1IiBoZWlnaHQ9IjMiIHg9Ii01IiB5PSIxNiIgcng9IjEiIHRyYW5zZm9ybT0icm90YXRlKC00NSAxNy41IDE3LjUpIi8+PC9nPjwvc3ZnPg==);background-size: cover;cursor: pointer;}@media only screen and (min-width: 1024px) and (max-width: 1220px) {.custom-html-component .video-dialog-wrapper {width: 80vw;height: 45vw;margin-left: -40vw;margin-top: -22.5vw;}.custom-html-component .video-dialog-close {right: 10px;top: -46px;}}@media only screen and (min-width: 768px) and (max-width: 1023px) {.custom-html-component .video-dialog-wrapper {width: 80vw;height: 45vw;margin-left: -40vw;margin-top: -22.5vw;}.custom-html-component .video-dialog-close {right: 10px;top: -46px;}}@media only screen and (max-width: 767px) {.custom-html-component .video-dialog-wrapper {width: 100vw;height: 56.3vw;margin-left: -50vw;margin-top: -28.15vw;}.custom-html-component .video-dialog-close {width: 16px;height: 16px;right: 10px;top: -26px;}}