.custom-html-component article, .custom-html-component body, .custom-html-component dd, .custom-html-component dl, .custom-html-component footer, .custom-html-component form, .custom-html-component h1, .custom-html-component h2, .custom-html-component h3, .custom-html-component h4, .custom-html-component h5, .custom-html-component h6, .custom-html-component header, .custom-html-component ol, .custom-html-component p, .custom-html-component section, .custom-html-component ul {margin: 0;}.custom-html-component button, .custom-html-component input, .custom-html-component select, .custom-html-component textarea {font: 12px/1.5 tahoma,\\5FAE\8F6F\96C5\9ED1,sans-serif;}.custom-html-component h1, .custom-html-component h2, .custom-html-component h3, .custom-html-component h4, .custom-html-component h5, .custom-html-component h6 {font-size: 100%;}.custom-html-component b, .custom-html-component em {font-style: normal;}.custom-html-component a {outline: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}.custom-html-component a, .custom-html-component a:hover {text-decoration: none;}.custom-html-component img {border: 0;}.custom-html-component button, .custom-html-component input, .custom-html-component select, .custom-html-component textarea {font-size: 100%;outline: none;}.custom-html-component table {border-collapse: collapse;border-spacing: 0;}.custom-html-component ol, .custom-html-component td, .custom-html-component th, .custom-html-component ul {padding: 0;list-style: none;}.custom-html-component div {outline: none;}.custom-html-component .hidden {display: none;font-size: 0;text-indent: -999em;}.custom-html-component body, .custom-html-component html {width: 100%;overflow: auto;background: transparent;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-tap-highlight-color: transparent;font-size: 0;background-color: #000;-ms-scroll-chaining: none;overscroll-behavior: none;}.custom-html-component .fm {font-family: OPPOSans-Medium;}.custom-html-component .fr {font-family: OPPOSans-Regular;}.custom-html-component .fb {font-family: OPPOSans-Bold;font-weight: 700;}.custom-html-component .product-container {width: 100%;max-width: 2560px;height: auto;margin: 0 auto;}.custom-html-component picture {display: block;}.custom-html-component picture, .custom-html-component picture img {width: 100%;height: 100%;}.custom-html-component picture img {background-size: 100% 100%;}.custom-html-component .clearfix:after {content: " ";display: block;height: 0;clear: both;visibility: hidden;}.custom-html-component .clearfix {*zoom: 1;}.custom-html-component br {opacity: 0;font-size: 0;}.custom-html-component .pr {position: relative;}.custom-html-component body {-webkit-text-size-adjust: 100% !important;text-size-adjust: 100% !important;-moz-text-size-adjust: 100% !important;}.custom-html-component .g-wrap .oh-nav .oh-nav-list .oh-nav-item a.oh-navitem-link {color: rgba(255, 255, 255, 0.6) !important;}.custom-html-component .g-wrap .show-mask .oh-nav .oh-nav-list .oh-nav-item a.oh-navitem-link {color: #000 !important;}.custom-html-component .g-wrap .oh-nav .oh-nav-logo a.nav-logo svg {fill: #fff !important;}.custom-html-component .g-wrap .show-mask .oh-nav .oh-nav-logo a.nav-logo svg {fill: #1a1a1a !important;}.custom-html-component .g-wrap .oh-nav .oh-nav-menu a.nav-menu b:after, .custom-html-component .g-wrap .oh-nav .oh-nav-menu a.nav-menu b:before, .custom-html-component .g-wrap .oh-nav .oh-nav-menu a.nav-menu b em {background-color: #fff !important;}.custom-html-component .g-wrap .show-mask .oh-nav .oh-nav-menu a.nav-menu b:after, .custom-html-component .g-wrap .show-mask .oh-nav .oh-nav-menu a.nav-menu b:before, .custom-html-component .g-wrap .show-mask .oh-nav .oh-nav-menu a.nav-menu b em {background-color: #000 !important;}.custom-html-component .g-wrap .oh-nav .oh-nav-link a.oh-navlink-bag:before {color: #fff !important;}.custom-html-component .g-wrap .show-mask .oh-nav .oh-nav-link a.oh-navlink-bag:before {color: #1a1a1a !important;}.custom-html-component .pi-nav-model {color: #fff;}.custom-html-component #oc-container {height: 52px;}.custom-html-component .windowbox {width: 100vw;height: 100vh;display: none;position: fixed;top: -200vw;left: -200vw;z-index: -1;pointer-events: none;}.custom-html-component #oc-wrapper #oc-container .products-info .pi-nav-btn a {background: #06b58b;border-radius: 19px;color: #fff;text-align: center;font-size: 16px;padding: 6px 24px;white-space: nowrap;}.custom-html-component .products-info .pi-navigation {height: 50px !important;}.custom-html-component #oc-wrapper #oc-container .products-info {background-color: #000 !important;border-top: 1px solid #232323 !important;border-bottom: 1px solid #232323 !important;}@media (max-width: 768px) {.custom-html-component #oc-wrapper #oc-container .products-info .pi-nav-btn a {font-size: 11px;}}.custom-html-component .section-content {height: auto;background: #000;}.custom-html-component .section, .custom-html-component .section-content {display: block;width: 100%;position: relative;overflow: hidden;}.custom-html-component .section {font-size: 0;}.custom-html-component .main, .custom-html-component .main .section-content {display: block;height: 100%;margin: 0 auto;}.custom-html-component .main .section-content {font-family: OPPOSans-Regular,PingFang SC,Microsoft YaHei,Helvetica Neue,Helvetica,Arial;}.custom-html-component video {display: block;width: 100%;height: 100%;}@-webkit-keyframes main1-title {0% {-webkit-transform: translate3d(-50%, 100px, 0);transform: translate3d(-50%, 100px, 0);opacity: 0;}to {-webkit-transform: translate3d(-50%, 0, 0);transform: translate3d(-50%, 0, 0);opacity: 1;}}@keyframes main1-title {0% {-webkit-transform: translate3d(-50%, 100px, 0);transform: translate3d(-50%, 100px, 0);opacity: 0;}to {-webkit-transform: translate3d(-50%, 0, 0);transform: translate3d(-50%, 0, 0);opacity: 1;}}@-webkit-keyframes main1-phone1 {0% {opacity: 0;}to {opacity: 1;}}@keyframes main1-phone1 {0% {opacity: 0;}to {opacity: 1;}}@-webkit-keyframes main1-phone2 {0% {opacity: 1;}to {opacity: 0;}}@keyframes main1-phone2 {0% {opacity: 1;}to {opacity: 0;}}@-webkit-keyframes section-1 {0% {opacity: 0;-webkit-transform: translate3d(0, 10%, 0);transform: translate3d(0, 10%, 0);}to {opacity: 1;-webkit-transform: translateZ(0);transform: translateZ(0);}}@keyframes section-1 {0% {opacity: 0;-webkit-transform: translate3d(0, 10%, 0);transform: translate3d(0, 10%, 0);}to {opacity: 1;-webkit-transform: translateZ(0);transform: translateZ(0);}}@-webkit-keyframes wave {0% {opacity: 0;}to {opacity: 1;}}@keyframes wave {0% {opacity: 0;}to {opacity: 1;}}.custom-html-component .section-1 {position: fixed;-webkit-animation: section-1 1s 2s forwards;animation: section-1 1s 2s forwards;opacity: 0;-webkit-transform: translate3d(0, 20%, 0);transform: translate3d(0, 20%, 0);-webkit-transform-origin: center 0;-ms-transform-origin: center 0;transform-origin: center 0;}.custom-html-component .main5-box {-webkit-transform: translateZ(0);transform: translateZ(0);}.custom-html-component .main5-pic1 {-webkit-transform-origin: right;-ms-transform-origin: right;transform-origin: right;}.custom-html-component .main5-pic2 {-webkit-transform-origin: left;-ms-transform-origin: left;transform-origin: left;}.custom-html-component .main9-img1, .custom-html-component .main9-img2, .custom-html-component .main9-img3 {height: auto;position: absolute;top: 0;left: 50%;-webkit-transform: translate(-50%);-ms-transform: translate(-50%);transform: translate(-50%);}.custom-html-component .main9-img3 {opacity: 0;}.custom-html-component .main9-img4 {-webkit-animation: wave .5s ease-out forwards;animation: wave .5s ease-out forwards;height: auto;position: absolute;left: 50%;-webkit-transform: translate(-50%);-ms-transform: translate(-50%);transform: translate(-50%);}.custom-html-component .main15-obj {width: 100%;height: 100%;position: absolute;}.custom-html-component .main15-obj:after {background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));-webkit-transition: background 1s;transition: background 1s;}.custom-html-component .main15-obj:after, .custom-html-component .on .main15-obj:after {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;}.custom-html-component .on .main15-obj:after {background: transparent;}.custom-html-component .main15-obj video {object-fit: contain;}.custom-html-component .main15-obj picture {object-fit: cover;}.custom-html-component .on div.main15-obj-masked:after {background: -webkit-linear-gradient(bottom, #5b6477, rgba(91, 100, 119, 0) 50%);background: linear-gradient(0deg, #5b6477, rgba(91, 100, 119, 0) 50%);}.custom-html-component .main-txt-item {white-space: nowrap;}.custom-html-component .main1-phone img {height: auto;}.custom-html-component .section-10 {z-index: 6;}.custom-html-component .oc-header {opacity: 0;}.custom-html-component .static .section-1 {position: relative;}.custom-html-component .static .section-2 {margin-top: 0;}.custom-html-component .main5-box-static {display: none;}.custom-html-component .main4-img3, .custom-html-component .main4-img3 img {height: auto !important;}.custom-html-component .main4-img3 {-webkit-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8);-webkit-transform-origin: center 10%;-ms-transform-origin: center 10%;transform-origin: center 10%;}.custom-html-component .main3-icon1 {background: url(https://dsfs.oppo.com/product/2020/ace2/images/1920/main3-icon1-295cdaeaa0ba88c005184717b6c1a34a.png) no-repeat top;background-size: 100% 100%;}.custom-html-component .main3-icon2 {background: url(https://dsfs.oppo.com/product/2020/ace2/images/1920/main3-icon2-d365a54cf5e70cd892fac4ed89f4fbe7.png) no-repeat top;background-size: 100% 100%;}.custom-html-component .main3-icon3 {background: url(https://dsfs.oppo.com/product/2020/ace2/images/1920/main3-icon3-7f6b6de7dc95fef541fadadbb3d41419.png) no-repeat top;background-size: 100% 100%;}.custom-html-component .main3-icon4 {background: url(https://dsfs.oppo.com/product/2020/ace2/images/1920/main3-icon4-24fdb98a95397347336ad20bd7795eef.png) no-repeat top;background-size: 100% 100%;}.custom-html-component .main3-icon5 {background: url(https://dsfs.oppo.com/product/2020/ace2/images/1920/main3-icon5-6caed27f5a35e5dc6211abf435876b72.png) no-repeat top;background-size: 100% 100%;}.custom-html-component .main3-icon6 {background: url(https://dsfs.oppo.com/product/2020/ace2/images/1920/main3-icon6-cf69e097c4921ae67bdd0c0e8294c69d.png) no-repeat top;background-size: 100% 100%;}.custom-html-component .main3-icon7 {background: url(https://dsfs.oppo.com/product/2020/ace2/images/1920/main3-icon7-8d8e261b350cf3b1f248582f237ed048.png) no-repeat top;background-size: 100% 100%;}.custom-html-component .main3-icon8 {background: url(https://dsfs.oppo.com/product/2020/ace2/images/1920/main3-icon8-4f31532ca5c3fd8be886561303033cb6.png) no-repeat top;background-size: 100% 100%;}.custom-html-component .main-txt-item-icon1 {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAABgCAMAAACAJ2RUAAAAV1BMVEUAAACD+02C+02D+02C+EuD+02D+0yD+02H/0uD+02D/E2D+02E+02B/0qD+02A/02D+02D+06D+02D+kyE/E2D/E2B+0uL/0aD+02D+02D+k6C+k6D+00odTruAAAAHHRSTlMAjIvAI9T4uRHrnYF6HdgU4cKvp5RRRwvLyWlmchM4awAAANhJREFUWMPt0jkWwjAQBNExSLK8A95Y5v7nJIHAgZKhHtHUAX7Qr8XzPM/zPGuh6jHqpnqCrFdSCsu1KoVNUTFsGhXD9qgc1iqHbcphuQGxRTlsSCDWKocFBbGOxCKIBQWxnsSuJJaO2OX8qTZNVqgxYGsJG00vK/QwYHMJs2xWl7DZgN1LWGfAxhK2GrCmhAUDdv52OVpJfqk6YlcS60lsALEoINaRWACxVjgsDSC2CIc1GcQ24bBWOCzuHBYnwbCYBcPqLBSWniIUdgsC1VeDeJ7neZ73t97/jkJHUWtg3AAAAABJRU5ErkJggg==) no-repeat 0;background-size: 100% auto;}.custom-html-component .main-txt-item-icon2 {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAABgCAMAAACAJ2RUAAAAgVBMVEUAAACD+06E+UyZ/zNc/1yD+02C+0yD+k2D+02D+02D+02C+02C/EyG/0qD+06B+FCF/02D+02E+02D+kyE/EyC+02D+k2A/0CD+02E+k2C+U2D+02D+02C+06D+02C+02D+02C+02C/0mD+02E+0yE/EyC+02D+0yE/E6E/E2D+016s+0zAAAAKnRSTlMAgCgFAvuuaPjz6bVGCGEhDdO5pp06LgTvNSvkxY1wP8ysGNe8lYd2VU32bEfxAAABjklEQVRYw+2XaW+DMAyGw91CuXuulN6X//8PnJJVNdACZqBt0vx8QAqKHimS/SYWDMMwDPMvMQLbXe8DYwhXGIMiDvu75i48cOd9XbMxPBnP+rkmIygwmnxLoueaZGNBCWujKRyfrlol0MIyp7oCC9qZmiTXFkg4JFkGJGKKKwIiEaXigUhIqQogorOMKEv9xZQsM21o4ozFk7b2wKLZdVWx9FjYi5aI9qAB64ZxibbuLoyzbSEuPaPBlZRzwU9LsbOSe25WaU+9zIEivhDmGZfrELcg9dm7gyIq8a/PkDjI5QUqJLUyPAHeRgEoskiWTQpVxrWyUWXjVv68y7+eDH3/BB1kSbUU7upGWH5ldLSDV3a0wMZs1jX5PRw7hncKVS7PlnXhDSeTWrTYgeqsb0iMji3g+S83OzZA50bPDpVSxdYkRBAR2xwwaT8Ey35Vpv/0w0XEQCITFBwgMSHJzClBZQWCSL6EFpKVIOM7WtPTPdcHGSr+zrgz7CCGI+IxHGZ43a/V8MowDMMwDPIJtYYJw30PxekAAAAASUVORK5CYII=) no-repeat 0;background-size: 100% auto;}.custom-html-component .main-txt-item-icon3 {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAABgCAMAAACAJ2RUAAAAZlBMVEUAAACD+02D+02I/zyD+0yD+02D+02D+02D+02D+02D/E2C+0yD+02D+02F+kyA+EyD+02E+k2D/E2D+02E+02D+02C+kyC/E2C+0yD+02D+0yD/E6D+02C+02D+k5//06A/1WD+02PqukeAAAAIXRSTlMAzOYE+/n0xXlhWEDAhDEl7d/a07qNaE059buUiIFpGgYsPVGpAAAA5UlEQVRYw+3UWW7DMAxFUWrw3NgZm3Tu2/8m+1NULj8SAs8IHIBnARegJEqcc845twrfbQC24TQIb9zjVxiF1Gf8qXqhDBkzmRo17fDPLhGxDkpHxI5QjkQsQolELEPJRKyGUq9lzAbKExE7QXknYhcoFyEc9JSMEXP1JJQNZj6Ek2JpVV9CCiUWpKCXYCukCTOTLHgBLX/+xUEK/qsdhLFfcAM6KL24O0htxFWvZ3urwU0bMfqEwbPYBBgEsalgkMUGJh57jNgLDCqxaZZ8tGdqnbQ33NQkseoDroptEuecc86t2g9vcHmHLEb7fAAAAABJRU5ErkJggg==) no-repeat 0;background-size: 100% auto;}.custom-html-component .main-txt-item-icon4 {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAABgAQMAAACNNwYlAAAABlBMVEUAAACD+025MRlNAAAAAXRSTlMAQObYZgAAACBJREFUOMtjGAUQ8AEIyGWSDv7///9hlEkkc9DH5jAGAHDpmu0Y35ecAAAAAElFTkSuQmCC) no-repeat 0;background-size: 100% auto;}.custom-html-component .main-txt-item-icon5 {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAABgBAMAAABF14lVAAAAJFBMVEUAAACE+UyB/U2C+0yE+01V/1WD+02C+02C+02D+02D/EyD+01+ILa+AAAAC3RSTlMAKR6xdAP91rNgXcYZM6cAAACdSURBVEjH7ZQxCoRAEASXgwvuUhNDv+AP7jcXmJsY+Q4TH7Eo0p9TBGkFd1Q0EOmCgQmKhp1ZxgkhxBm+OcgvqFUA8UGtADHiMuyKA9J4qAgoYyMOSF4s+KDm3kO5sRi3pfl9Gh6scbzUrGVFpkZGSdoRjdxKS6fWXn0ytfZHYn8/jU84P5AMSxrrqJLWOtGkW9c+Oeb8ayeEEFfTAy70a4SVn8feAAAAAElFTkSuQmCC) no-repeat 0;background-size: 100% auto;}.custom-html-component .main-txt-item-icon6 {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAABgAQMAAACNNwYlAAAABlBMVEUAAACD+025MRlNAAAAAXRSTlMAQObYZgAAAChJREFUOMtjGNHg8///NoOI+YGBAQvz////fwYnkwL3UtXHNAu+UQAAh4il39+lxa0AAAAASUVORK5CYII=) no-repeat 0;background-size: 100% auto;}.custom-html-component .main-txt-item-icon7 {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAABgCAMAAACAJ2RUAAAAflBMVEUAAACD+02D+02C+02D+02D+0yD/0uD+02E+02D/E2A/0CD+02C+02D+02E+kyD+k2D+02D+02D+02D/EyH/0mD+0yE+02D+kyD+0yD+02E/EyC+0yD+0uF+UyB/U2F/1KL/0qD+0yD+0yC+0yC+0uA/0qD/EyC+kyC+U+D+00IOqiDAAAAKXRSTlMA6+Wzn28R+HhMBPLZ1DLgv66pWgzHuqSPf1FBOSsdGQjmyIdGGJZoLSuO9WoAAAD+SURBVFjD7dfJasQwDIBhOYmXOPs+2TNbW73/C7bQY5uCUcoMg/6TT9/FSCDgOI7jOM6h1Rf4S8Jf3S3l4U6ecsYC3C1wxrx9zHPG8I8YY4wxxhhj7LWwohrDPjkE0yGkpq9sdgQma//70dGxGEoMNjslemvJmJyxAZkbJWRIxm7vKEcMovnNX8hYesKbEZCNJrdkTJVfXgxReu1WKpZBrG1bbKi6U0rFzIy+jeQkICF/QFSXGA64mLLGjysR0wEmkF8gHqoIGvoEVAOGk2eLokY6FusELv2CIjtka+gG8/Yp99mPDj0qHnvuqPOedVbg3H3vRLwDx3Ecx3H/1ycd2MTF7vOFbwAAAABJRU5ErkJggg==) no-repeat 0;background-size: 100% auto;}.custom-html-component .main-txt-item-icon8 {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAABgCAMAAACAJ2RUAAAAUVBMVEUAAACC/E2F/0KD+0yB/0qD+0yF/1OA/0mD+02D+02E+kyC+0yD+02D+0yC+02D+kyD+02C+02D+02C+U+D+02D+06E/EyD+0yA91CE+k2D+02zEhfQAAAAGnRSTlMA3gR/F7IKHPC9Mq7Kxdan/ZE7LenPk0AgcMiSZWgAAAEpSURBVFjD7dZLboQwEEVRMDY25g/9S+1/obEB8aQGEilKFwzqzh6WzoABOJEkSZIk6W+ptiVqGmsvhillaCpNrb0QFihDt9sw3O8zdxEsUsF4vZIkz6sqclqvp1mIHQMVGucJbqEoBI4JAxUqw1q4up65kzBQzg3D4/EV9j4Hig/r+0iN4/oAXFFM3Dz5Mee6znvsLaf1OVh8/W2r1DGXgmPFtE5TorI84JQqCBwr9jtnDDhODJwxBxo4bgycOuLKMv6dwTFh4IriR84YZgwcBS7Pd0+97zrneDF8lnUK7p1yjqjvz8FC1oLbUMYoxYohcHUNbkMxY8fchuLGsuyNq6rIeQ+KFQNFtMM9n84t1EWwhZsCxYqhlQLXNPHmAOpfMEmSJEmSPtA32dsnDVW7eDMAAAAASUVORK5CYII=) no-repeat 0;background-size: 100% auto;}.custom-html-component .main-txt-item-icon9 {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAABgCAMAAACAJ2RUAAAAVFBMVEUAAACD/E2D+0yE/k2D+0yD/E2D+02E/EyD+02E+0yC+06D/0uD/E2C+02C+k2C+k2D+02D+0yC+0yD+0yD/E2A/02A/0eL/0aA5k2C+kyD+k6D+02MjOrXAAAAG3RSTlMA6WIt+fK2soV8QRni39XEr52JdU8UEgsKaGkYWHjXAAABg0lEQVRYw+2XzZKDIBCEFzEaJPHfaDbv/55rEy7oCsQprRymD4kl+pUz08Dww2KxWCwWa79k0uRVKdJUlFXeJHI/6VmL10Kifu4hPZQlrXjq8Snrmr42lV4/QunMvnfJVF9IPU1aFr3KLvZ2puNZxe1NauWqIO2bdyuiWS/o3o3/DY7d3QxH0rT5rnzYGh9y821xkZp8OTlOhEic6pi8RdXRZUFiNoTnGY+/UsTo3sOr7h1Emob9ppD7IQQbUAUVhMH33SJXgC1y12EuBOcj/DUucgXYIncj/PYbgNXzM60b3vofaufrOiJKGQOT4TglorTZ2YLZzCFO6YUlcKPNzhYMY9bbiRfWoOL2tS0Yfq2HGi8MZuzjYL0xt08V1oM4GNaWygsrkdU4GGpVBp2h42A66A3M8ikONmGunwCjh0kvwAnWoJuWPp2On+j0JYi+OB6/bNM3FPpWd+YmTG8P6I0LvaU6sdmjt6H0Bpneuh96qKAfd+gHsW84IrJYLBaLxfLpD9YSYPuf8sj/AAAAAElFTkSuQmCC) no-repeat 0;background-size: 100% auto;}.custom-html-component .main-txt-item-icon10 {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAABgAQMAAACNNwYlAAAABlBMVEUAAACD+025MRlNAAAAAXRSTlMAQObYZgAAACBJREFUOMtjGAVYwQfaMD/QhvmBNswPtGF+GLTMUYAOAL6hjKEowNS4AAAAAElFTkSuQmCC) no-repeat 0;background-size: 100% auto;}.custom-html-component .main-txt-item-icon11 {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAABgCAMAAACAJ2RUAAAAaVBMVEUAAACD+0yD+02D+0yB/02E/0qE+0yD+02J/0mD+02D+02D/E1j/06D+02D+0yE+02D+k2D/E2C+02E/E2E/E2B+0uD+0yC+02D+E6J/06D+02D+02D/E2D+k2E+0uZ/zOC/E6C+EuD+01WVu1VAAAAInRSTlMAxd+vGhB68Avr2EwD9eW3opGJXU5HPzsnDc2qnmM6BVwjvN7cUAAAAQhJREFUWMPtl9tugzAMhnMmQDmUDlp63Pz+D7lSqrFKY1JwKrXS/12A44vvwo4jWQAAAAAggFwm9AeJbMNdHzRLHiyTNIsMlhU0Sxoso3+ADLL4MuVaa1qnIsjUZjUmVp+KK6v8lPIVT7Z+TDYcmR7j3em0GyO9XFb2Q6022RBnt9r1arGsu/6tpDvSXo/nxTInhMnoh8wI4RbLCnPZ0y/2F1MwGnCkB44VdwLKprO2a8oY43SwY8Ie+DI9pTRbtr3d2q/hu+UPuhcuJUqd6BW/ZvX6Pqb65R7HyDJtjObLpo6eo8mU9ypezer6RRsAGWRvIUsYSwVj3eEuYuG2uRUxFwAAAAB4Ht9apJvX6ZAYMAAAAABJRU5ErkJggg==) no-repeat 0;background-size: 100% auto;}.custom-html-component .main-txt-item-icon12 {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAABgAQMAAACNNwYlAAAABlBMVEUAAACD+025MRlNAAAAAXRSTlMAQObYZgAAAB1JREFUOMtjGAXUAv////9APyYDkDXKxGCOAuoCAOcsWYn2MYoDAAAAAElFTkSuQmCC) no-repeat 0;background-size: 100% auto;}.custom-html-component .main-txt-item-icon13 {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAABgBAMAAABF14lVAAAAElBMVEUAAACD+02D/E2D+0yD+02D+00wCt2XAAAABXRSTlMA8EzGxDwkEtMAAABVSURBVEjHYxgFo2AUDH7AZBgKByIKOJWphiKBIJzKTJGVBeNUJoqsLBCnstBQIIaDUWWjykaVjSobVUYnZXAw2JShVh+UVEaYVRuxFeUoGAWjYMgCABEftuWowt/kAAAAAElFTkSuQmCC) no-repeat 0;background-size: 100% auto;}.custom-html-component .main-txt-item-icon14 {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAABgCAMAAACAJ2RUAAAAkFBMVEUAAACD+02D+02D+02D+k2E/EyI/0mI/0iA/0CD/E2D+02C+0yD+02D+02C/E2D+02E+02D+02D/E2D/E2D+0yD+02D+02D+0yD+02D/E2C+06D+02E/EyD+0yC+k2D/E2C+0uB+0yC/02A/UqD+02D+kyD/EyC+EyD+02D+02D+0yC/U6D/E2D+02D+0yD+01oexvfAAAAL3RSTlMAceB3aVoKCATx6bM599vXvp5RTBLU0MzJkSvkuWRhVUdBHRjupJUmw4x/MaWEghpRvqkAAAFuSURBVFjD7ZXZcoJAEEWHVRFREDcQ3HCJmqT//++CSHVBAGXoVMqHPo9Uzama5t4ewTAMwzAM858MbXv4R6qzByneWdCZXiDnMqW6NAsQSyOpYhVKqHFn1WQBFRaTTqpdBLVEO2lV+AmNHEMpVRLAU4KkvevqwAuca2vZ3nsl8/YyBYqeqSLZchnjJtXY6BJ+p3ZaHWuQnKquU0LYPWUVcRNtZoDMN4KKYuU7QyFIQk9VzGyjBVnos21mKqoXSqt89244fGeKm23fMu3XAVJcX8bU0zFkTrDHXpwcjJreay3TreqSOB+hgKWL1pjaoJyIckYGmilk6CkraGCl4B0lBqfWqVS9L7rQX49+q0brooq0O2aGoLGZEx4mZOsuH6f95V219PPnz91Kj8uYF+61/XB3j1vPssIbEoO7NxAnHuPBfoz/I22tbAMwVhg8UgMw8OkHUgOKpw9WUcUNkGkAHWwAHWwAwzAMwzDMG/IDzAyDfDZBlbAAAAAASUVORK5CYII=) no-repeat 0;background-size: 100% auto;}.custom-html-component .main2-video-mc {width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #000;opacity: .5;}@media only screen and (min-width: 769px) {.custom-html-component .g-wrap #oc-container .products-info .products-wrapper {padding: 0 calc((100% - 1200px)/2);width: 100%;box-sizing: border-box;}.custom-html-component #oc-container .products-info .pi-nav-btn a, .custom-html-component .products-info .pi-navigation .pi-nav-model {position: relative;}.custom-html-component .products-info .pi-navigation .pi-nav-list li a.active {color: #fff;}.custom-html-component .products-info .pi-navigation .pi-nav-list li a:hover {opacity: 1 !important;color: #fff;}}@media only screen and (min-width: 1441px) {.custom-html-component .g-wrap .oc-blank {height: 60px;}.custom-html-component .section-content {min-width: 1094px;}.custom-html-component .main {width: 1094px;position: relative;}.custom-html-component .main-title {font-size: 36px;line-height: 44px;text-align: left;letter-spacing: -.36px;color: #fff;padding-bottom: 20px;position: relative;}.custom-html-component .main-title span {opacity: .7;display: block;line-height: 44px;height: 44px;}.custom-html-component .main-intr {font-size: 20px;line-height: 30px;letter-spacing: -.2px;padding-bottom: 28px;}.custom-html-component .main-intr, .custom-html-component .main-txt {text-align: left;color: #fff;position: relative;}.custom-html-component .main-txt {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;vertical-align: top;font-size: 16px;line-height: 24px;letter-spacing: 0;-webkit-box-align: center;-ms-flex-align: center;align-items: center;min-height: 48px;white-space: nowrap;}.custom-html-component .main-txt-cont {width: 100%;text-align: left;font-size: 0;}.custom-html-component .main-txt-item {padding-right: 50px;padding-bottom: 30px;}.custom-html-component .main-txt-item, .custom-html-component .main-txt-item-icon {display: inline-block;vertical-align: top;}.custom-html-component .main-txt-item-icon {width: 38px;height: 48px;}.custom-html-component .section-1 {height: 940px;top: 130px;}.custom-html-component .section-1 .main {width: 100%;}.custom-html-component .main1-title {background: url(https://dsfs.oppo.com/product/2020/ace2/images/1920/main1-text-13c0a91ef7980b707d6c24415aa27ac4.png) 50% / 100% auto no-repeat;color: #fff;font-size: 48px;width: 2170px;height: 100%;position: absolute;top: 0;left: 50%;box-sizing: border-box;text-indent: 1350px;-webkit-transform: translate3d(-50%, 300px, 0);transform: translate3d(-50%, 300px, 0);opacity: 0;-webkit-animation: main1-title 1.5s ease-out 2.5s forwards;animation: main1-title 1.5s ease-out 2.5s forwards;}.custom-html-component .main1-phone1 {bottom: -30px;}.custom-html-component .main1-phone1, .custom-html-component .main1-phone2 {width: 1158px;height: auto;position: absolute;left: 50%;-webkit-transform: translate3d(-50%, 0, 0);transform: translate3d(-50%, 0, 0);}.custom-html-component .main1-phone2 {bottom: -120px;}.custom-html-component .main1-phone3 {width: 1056.5px;height: auto;position: absolute;bottom: -120px;left: 50%;-webkit-transform: translate3d(calc(82px - 50%), 0, 0);transform: translate3d(calc(82px - 50%), 0, 0);z-index: 2;}@-webkit-keyframes main1-phone3 {0% {-webkit-transform: translate3d(calc(82px - 50%), 0, 0);transform: translate3d(calc(82px - 50%), 0, 0);}80% {-webkit-transform: translate3d(calc(-50% - 68px), 0, 0);transform: translate3d(calc(-50% - 68px), 0, 0);}99% {-webkit-transform: translate3d(calc(-50% - 68px), 0, 0);transform: translate3d(calc(-50% - 68px), 0, 0);}to {-webkit-transform: translate3d(calc(-50% - 68px), 0, 0);transform: translate3d(calc(-50% - 68px), 0, 0);}}@keyframes main1-phone3 {0% {-webkit-transform: translate3d(calc(82px - 50%), 0, 0);transform: translate3d(calc(82px - 50%), 0, 0);}80% {-webkit-transform: translate3d(calc(-50% - 68px), 0, 0);transform: translate3d(calc(-50% - 68px), 0, 0);}99% {-webkit-transform: translate3d(calc(-50% - 68px), 0, 0);transform: translate3d(calc(-50% - 68px), 0, 0);}to {-webkit-transform: translate3d(calc(-50% - 68px), 0, 0);transform: translate3d(calc(-50% - 68px), 0, 0);}}.custom-html-component .section-2 {height: 1080px;background: #000;margin-top: 940px;}.custom-html-component .main2 {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}.custom-html-component .main2-video-box {position: absolute;width: 1920px;height: 100%;top: 0;left: 50%;margin-left: -960px;}.custom-html-component .main2-video-box video {width: 100%;height: 100%;display: block;object-fit: cover;}.custom-html-component .main2-txt {font-size: 24px;line-height: 45px;text-align: center;color: #fff;}.custom-html-component .main2 .line5 {color: #83fb4d;-webkit-animation: main5-line5 0.8s steps(2) infinite both;animation: main5-line5 0.8s steps(2) infinite both;}@-webkit-keyframes main5-line5 {0% {opacity: 0;}to {opacity: 1;}}@keyframes main5-line5 {0% {opacity: 0;}to {opacity: 1;}}.custom-html-component .section-3 {height: 670px;background-color: #181818;}.custom-html-component .main3-lines {opacity: .7;top: 0;width: 1920px;margin-left: -960px;height: 100%;background-image: -webkit-linear-gradient(#2a2a2a 1px, transparent 2px), -webkit-linear-gradient(left, #2a2a2a 1px, transparent 2px);background-image: linear-gradient(#2a2a2a 1px, transparent 2px), linear-gradient(90deg, #2a2a2a 1px, transparent 2px);background-size: 115px 115px,115px 115px;background-position: -2px -11px,37px -2px;}.custom-html-component .main3-lines, .custom-html-component .main3-lists {position: absolute;left: 50%;}.custom-html-component .main3-lists {top: 105px;width: 1380px;height: 460px;margin-left: -692px;z-index: 2;}.custom-html-component .main3-list {display: inline-block;vertical-align: top;width: 115px;height: 230px;margin: 0 115px;background-position: 0 0;}.custom-html-component .main3-list i {overflow: hidden;}.custom-html-component .main3-list i, .custom-html-component .main3-list p {display: block;width: 115px;height: 115px;}.custom-html-component .main3-list p {padding-top: 10px;font-size: 20px;line-height: 26px;color: #fff;text-align: left;letter-spacing: -1.25px;}.custom-html-component .section-4 {height: 3490px;background: #000;}.custom-html-component .main4-top {width: 1094px;height: 444px;margin: 0 auto 180px;position: relative;box-sizing: border-box;padding-top: 180px;z-index: 2;}.custom-html-component .main4-top-lab {width: 246px;height: 70px;color: #000;text-align: center;line-height: 70px;font-size: 60px;background: #83fb4d;}.custom-html-component .main4-top-txt {width: 100%;height: 134px;margin: 60px auto 0;position: relative;}.custom-html-component .main4-img1 {display: block;top: 0;height: 134px;}.custom-html-component .main4-conts, .custom-html-component .main4-img1 {position: absolute;left: 50%;margin-left: -960px;width: 1920px;}.custom-html-component .main4-conts {top: 624px;height: auto;}.custom-html-component .main4-cont {height: auto;margin: 0 auto;}.custom-html-component .main4-cont, .custom-html-component .main4-cont > div {width: 100%;position: relative;}.custom-html-component .main4-cont > div {top: 0;left: 0;margin: auto;}.custom-html-component .main4-info-box {display: block;width: 1094px;height: auto;margin: 0 auto;position: relative;z-index: 2;}.custom-html-component .main4 .main-title {padding-bottom: 26px;}.custom-html-component .main4 .main-intr {padding-bottom: 40px;width: 650px;}.custom-html-component .main4-cont1 {height: 736px;}.custom-html-component .main4-cont2 {height: 939px;}.custom-html-component .main4-cont3 {height: 1177px;}.custom-html-component .main4-phone-box1 {position: absolute;bottom: 80px;left: 0;display: block;width: 1920px;height: 570px;}.custom-html-component .main4-cont3 .main-intr {padding-bottom: 0;}.custom-html-component .main4-video1-box {position: absolute;top: 0;left: 0;width: 500px;}.custom-html-component .main4-phone-box2 {position: absolute;top: 50%;left: 50%;margin-left: -1060px;display: block;width: 1920px;height: 1080px;margin-top: -370px;}.custom-html-component .main4-phone1, .custom-html-component .main4-phone2 {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;}.custom-html-component .main4-cont3-box {width: 100%;height: 833px;position: relative;}.custom-html-component .main4-img3 {position: absolute;top: 0;left: 50%;margin-left: -638px;width: 1276px;height: 833px;}.custom-html-component .section-5 {height: 350vh;background: #181818;}.custom-html-component .main5-info {padding-top: 120px;position: absolute;left: 0;z-index: 5;}.custom-html-component .main5-info1 {top: 100vh;}.custom-html-component .main5-info2 {top: 250vh;}.custom-html-component .main5-info2 .main-intr {width: 840px;}.custom-html-component .main5-box {position: absolute;top: 0;left: 50%;margin-left: -540px;width: 1080px;height: 100vh;}.custom-html-component .main5-box.fix {position: fixed;}.custom-html-component .main5-box.over {top: auto;bottom: 0;}.custom-html-component .main5-pic3 {position: absolute;bottom: 0;left: 0;width: 1080px;height: 882px;}.custom-html-component .main5-pic1 {bottom: 124px;left: 522px;width: 257px;height: 292px;z-index: 3;}.custom-html-component .main5-pic1, .custom-html-component .main5-pic2 {position: absolute;-webkit-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8);}.custom-html-component .main5-pic2 {bottom: 110px;left: 767px;width: 251px;height: 310px;z-index: 2;}.custom-html-component .main5-pic2.on {z-index: 4;}.custom-html-component .main5-chip1-1, .custom-html-component .main5-chip1-2, .custom-html-component .main5-chip1-3, .custom-html-component .main5-chip2-1, .custom-html-component .main5-chip2-2, .custom-html-component .main5-chip2-3 {display: block;position: absolute;top: 0;left: 0;}.custom-html-component .main5-chip1-1, .custom-html-component .main5-chip2-1 {z-index: 2;}.custom-html-component .main5-chip1-2, .custom-html-component .main5-chip2-2 {z-index: 3;}.custom-html-component .main5-chip1-3, .custom-html-component .main5-chip2-3 {z-index: 1;}.custom-html-component .main5-chip1-2, .custom-html-component .main5-chip1-3, .custom-html-component .main5-chip2-2, .custom-html-component .main5-chip2-3 {opacity: 0;}.custom-html-component .main5-chip1-2 {top: -16px;}.custom-html-component .section-6 {height: auto;background: #000;overflow: hidden;}.custom-html-component .main6-cont {width: 1094px;height: auto;position: relative;margin: 0 auto;}.custom-html-component .main6-info-box {position: relative;left: 0;top: 0;z-index: 3;width: 100%;height: 100%;}.custom-html-component .main6-info {padding-top: 50px;position: absolute;left: 0;}.custom-html-component .main6-info0 {top: 100vh;}.custom-html-component .main6-info1 {top: calc(300vh - 930px);}.custom-html-component .main6-info2 {position: relative;top: 0;left: 0;margin-bottom: 62px;}.custom-html-component .main6-info .main-intr {width: 650px;}.custom-html-component .main6-list {position: relative;width: 1090px;height: auto;margin: 0 auto 10px;}.custom-html-component .main6-list1 {padding-top: calc(300vh - 520px);height: 520px;margin-bottom: 68px;}.custom-html-component .main6-list-item, .custom-html-component .main6-picbox {width: 1090px;height: 520px;position: relative;}.custom-html-component .main6-picbox {display: block;margin: 0 auto;}.custom-html-component .main6-picbox1 {-webkit-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;transform-origin: 50% 50%;}.custom-html-component .main6-picbox1.fix {position: fixed;bottom: auto;top: 50%;margin-top: -260px;left: 50%;margin-left: -545px;}.custom-html-component .main6-picbox1.abs {bottom: 250vh;top: auto;margin-bottom: -260px;}.custom-html-component .main6-img-rim, .custom-html-component .main6-picbox1.abs {position: absolute;left: 50%;margin-left: -545px;}.custom-html-component .main6-img-rim {width: 1090px;height: 520px;display: none;top: 50%;margin-top: -260px;z-index: 2;}.custom-html-component .main6-video1-box, .custom-html-component .main6-video2-box {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;width: 1048px;height: 468px;overflow: hidden;border-radius: 20px;}.custom-html-component .main6-video1, .custom-html-component .main6-video2 {display: block;width: 100%;height: auto;object-fit: cover;}.custom-html-component .section-7 {overflow: visible;}.custom-html-component .main7, .custom-html-component .section-7 {height: 2400px;}.custom-html-component .section-7 .main-txt-item {display: block;}.custom-html-component .main7-info {padding-top: 110px;z-index: 4;position: relative;}.custom-html-component .main7-info .main-intr {width: 630px;}.custom-html-component .main7-video1-box {position: absolute;bottom: 1060px;left: 50%;margin-left: -1019px;width: 2038px;}.custom-html-component .main7-video1 {display: block;width: 100%;height: 100%;object-fit: cover;}.custom-html-component .section-7.fix {z-index: 2;}.custom-html-component .section-7.fix .main7-video1-box {position: fixed;bottom: -140px;z-index: 3;-webkit-transform: translateZ(0);transform: translateZ(0);}.custom-html-component .section-8 {height: 1200px;overflow: visible;position: absolute;top: 1200px;left: 0;}.custom-html-component .main8-info {padding-top: 250px;z-index: 4;position: relative;}.custom-html-component .main8-video1-box {position: absolute;bottom: -140px;left: 50%;margin-left: -1019px;width: 2038px;z-index: 1;}.custom-html-component .main8-video1 {display: block;width: 100%;height: 100%;object-fit: cover;}.custom-html-component .main8-info .main-intr {width: 638px;}.custom-html-component .section-8.fix {z-index: 2;}.custom-html-component .section-8.fix .main8-video1-box {position: fixed;bottom: -140px;z-index: 3;-webkit-transform: translateZ(0);transform: translateZ(0);}.custom-html-component .section-9 {height: 3000px;background: #000;z-index: 5;margin-bottom: 350px;}.custom-html-component .main9-cont {height: auto;top: 700px;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}.custom-html-component .main9-cont, .custom-html-component .main9-info {position: absolute;width: 1094px;left: 50%;}.custom-html-component .main9-info {z-index: 2;height: 400px;margin: 0 auto;top: 0;-webkit-transform: translate(-50%);-ms-transform: translate(-50%);transform: translate(-50%);}.custom-html-component .main9-text {position: absolute;top: 0;left: 0;}.custom-html-component .main9-text1 {position: absolute;top: 120px;}.custom-html-component .main9-text2 {position: absolute;top: 2200px;}.custom-html-component .main9 .main-intr {width: 632px;}.custom-html-component .main9-text2 .main-txt-item {display: block;}.custom-html-component .main9-pic {width: 1094px;height: 545px;position: relative;margin: 0 auto;}.custom-html-component .main9-img1, .custom-html-component .main9-img2, .custom-html-component .main9-img3 {width: 1130px;}.custom-html-component .main9-img4 {width: 2110px;top: -260px;}.custom-html-component .section-9 .main9-text1 .main-intr {width: 710px;}.custom-html-component .section-9 .main9-text2 .main-intr {width: 810px;}.custom-html-component .section-10 {height: 1860px;background: #000;margin-top: -130px;z-index: 6;}.custom-html-component .main10 .main-intr {width: 630px;}.custom-html-component .main10-info {height: 500px;z-index: 6;}.custom-html-component .main10-info .main-txt-item {display: block;}.custom-html-component .main10-pic {width: 1091px;height: 1235px;margin: -90px auto 0;position: relative;}.custom-html-component .main10-img {position: absolute;-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0.01, 0.23, 1);transition: -webkit-transform 1s cubic-bezier(0, 0.01, 0.23, 1);transition: transform 1s cubic-bezier(0, 0.01, 0.23, 1);transition: transform 1s cubic-bezier(0, 0.01, 0.23, 1), -webkit-transform 1s cubic-bezier(0, 0.01, 0.23, 1);}.custom-html-component .main10-img1 {z-index: 8;width: 1077px;height: auto;top: 0;left: 0;}.custom-html-component .main10-img2 {z-index: 7;width: 962px;height: auto;top: 20px;left: 45px;}.custom-html-component .main10-img3 {z-index: 6;width: 254px;height: auto;top: 30px;left: 780px;}.custom-html-component .main10-img4 {z-index: 5;width: 1093px;height: auto;top: -10px;left: -8px;}.custom-html-component .main10-img5 {z-index: 4;width: 111px;height: auto;top: 10px;left: 690px;}.custom-html-component .main10-img6 {z-index: 3;width: 412px;height: auto;top: 10px;left: 470px;}.custom-html-component .main10-img7 {z-index: 2;width: 705px;height: auto;top: 0;left: 255px;}.custom-html-component .main10-img8 {z-index: 1;width: 1078px;height: auto;top: 28px;left: 0;}.custom-html-component .break .main10-img1 {-webkit-transform: translateZ(0);transform: translateZ(0);}.custom-html-component .break .main10-img2 {-webkit-transform: translate3d(0, 200px, 0);transform: translate3d(0, 200px, 0);}.custom-html-component .break .main10-img3 {-webkit-transform: translate3d(0, 360px, 0);transform: translate3d(0, 360px, 0);}.custom-html-component .break .main10-img4 {-webkit-transform: translate3d(0, 425px, 0);transform: translate3d(0, 425px, 0);}.custom-html-component .break .main10-img5 {-webkit-transform: translate3d(0, 660px, 0);transform: translate3d(0, 660px, 0);}.custom-html-component .break .main10-img6 {-webkit-transform: translate3d(0, 730px, 0);transform: translate3d(0, 730px, 0);}.custom-html-component .break .main10-img7 {-webkit-transform: translate3d(0, 856px, 0);transform: translate3d(0, 856px, 0);}.custom-html-component .break .main10-img8 {-webkit-transform: translate3d(0, 1012px, 0);transform: translate3d(0, 1012px, 0);}.custom-html-component .section-11 {height: 1800px;background: #000;}.custom-html-component .main11 {box-sizing: border-box;padding: 20px;}.custom-html-component .main11-top-lab {width: 310px;height: 70px;color: #000;text-align: center;line-height: 70px;font-size: 60px;background: #83fb4d;position: relative;z-index: 2;}.custom-html-component .main11-top-txt {width: 100%;height: 238px;margin: 60px auto 0;position: relative;z-index: 2;}.custom-html-component .main11-img1 {display: block;position: absolute;top: 0;left: 50%;margin-left: -960px;width: 1920px;height: 238px;}.custom-html-component .main11-pic {position: relative;height: 990px;width: 1920px;}.custom-html-component .main11-img2 {display: block;width: 1620px;height: auto;position: absolute;top: -80px;left: -406px;}.custom-html-component .main11-img2 img {width: 100%;height: auto;}.custom-html-component .main11-info {box-sizing: border-box;height: 500px;padding-top: 10px;}.custom-html-component .main11-info .main-intr {width: 630px;}.custom-html-component .section-12 {height: auto;background: #000;}.custom-html-component .main12 {box-sizing: border-box;}.custom-html-component .main12-box {width: 100%;font-size: 0;}.custom-html-component .main12-box, .custom-html-component .main12-list {position: relative;height: auto;}.custom-html-component .main12-list {display: block;width: 1092px;margin: 0 auto;}.custom-html-component .main12-list1 {display: block;padding-top: 200vh;}.custom-html-component .main12-pic {display: block;margin: 0 auto;position: relative;}.custom-html-component .main12-img1, .custom-html-component .main12-pic {width: 1092px;height: 613px;}.custom-html-component .main12-img1 {-webkit-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;transform-origin: 50% 50%;}.custom-html-component .main12-img1.fix {position: fixed;bottom: auto;top: 50%;margin-top: -306.5px;left: 50%;margin-left: -546px;}.custom-html-component .main12-img1.abs {position: absolute;bottom: calc(100% + 150vh);left: 50%;margin-left: -546px;margin-bottom: -306.5px;}.custom-html-component .main12-p1 {font-size: 28px;line-height: 42px;color: #fff;padding-top: 20px;}.custom-html-component .main12-p2 {font-size: 20px;line-height: 30px;color: #fff;margin-bottom: 60px;}.custom-html-component .main12-list4 .main12-p2 {margin-bottom: 180px;}.custom-html-component .section-13 {background: #000;height: 1300px;display: none;}.custom-html-component .main13-info {padding-top: 74px;margin-bottom: 60px;}.custom-html-component .main13-info .main-intr {width: 750px;}.custom-html-component .main13-lists {width: 1092px;height: 701px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}.custom-html-component .main13-list {position: relative;}.custom-html-component .main13-list, .custom-html-component .main13-pic {display: block;width: 526px;height: 701px;}.custom-html-component .main13-txt {position: absolute;width: 100%;left: 0;bottom: 20px;font-size: 20px;line-height: 30px;text-align: center;color: #fff;}.custom-html-component .section-14 {height: 1420px;background: #000;}.custom-html-component .main14 {box-sizing: border-box;}.custom-html-component .main14-top-lab {width: 126px;height: 70px;color: #000;text-align: center;line-height: 70px;font-size: 60px;background: #83fb4d;}.custom-html-component .main14-top-txt {display: block;margin: 64px auto 90px;position: relative;height: 160px;}.custom-html-component .main14-img1 {display: block;position: absolute;top: 0;left: 50%;margin-left: -960px;width: 1920px;height: 160px;}.custom-html-component .main14-cont {display: block;height: 1080px;position: relative;}.custom-html-component .main14-pic {width: 1920px;height: 1082px;position: absolute;top: 0;left: 50%;margin-left: -960px;background: url(https://dsfs.oppo.com/product/2020/ace2/images/1920/bg14-2aa7b7a08e1d0b6611877757f4aaed93.png) no-repeat top;background-size: 1920px 100%;}.custom-html-component .main14-info {position: relative;z-index: 2;padding-top: 90px;}.custom-html-component .section-15 {height: 633px;background: #000;}.custom-html-component .main15-lists {width: 100%;height: 613px;font-size: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: top;-ms-flex-align: top;align-items: top;}.custom-html-component .main15-list {width: 100px;height: 613px;background: #4c5154;position: relative;-webkit-transition: all 1s;transition: all 1s;overflow: hidden;}.custom-html-component .main15-list.on {width: 852px;}.custom-html-component .main15-info {position: relative;padding-top: 450px;padding-left: 14px;}.custom-html-component .main15-info, .custom-html-component .main15-info .main-intr {-webkit-transition: all 1s;transition: all 1s;width: 850px;}.custom-html-component .main15-info .main-intr {opacity: 0;}.custom-html-component .main15-list.on .main15-info {padding-left: 57px;}.custom-html-component .main15-list.on .main15-info .main-intr {opacity: 1;}.custom-html-component .main15-obj picture, .custom-html-component .main15-obj video {width: 852px;height: 1000%;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}.custom-html-component .main15-list:first-child video {top: calc(50% + 230px);}.custom-html-component .main15-list:nth-child(3) video {top: calc(50% + 340px);}.custom-html-component .main15-list .main15-info .main-title span {display: none;}.custom-html-component .main15-list.on .main15-info .main-title span {display: inline;opacity: 1;}.custom-html-component .section-16 {height: 850px;background: #000;}.custom-html-component .main16-lists {width: 100%;height: 830px;font-size: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: top;-ms-flex-align: top;align-items: top;}.custom-html-component .main16-list {width: 536px;height: 830px;background: -webkit-linear-gradient(top, #1a1a1a, #2f2f2f);background: linear-gradient(180deg, #1a1a1a, #2f2f2f);position: relative;}.custom-html-component .main16-info {position: absolute;top: 120px;left: 57px;z-index: 3;}.custom-html-component .main16-info .main-intr {width: 370px;}.custom-html-component .main16-pic {display: block;width: 292px;height: 392px;position: absolute;left: 50%;bottom: 0;margin-left: -146px;}.custom-html-component .main16-mc {position: absolute;width: 100%;height: 100%;z-index: 2;background: #000;opacity: .6;}.custom-html-component .section-17 {height: 1000px;background: #000;}.custom-html-component .main17-cont {height: 880px;overflow: hidden;background: -webkit-linear-gradient(#1a1a1a, #2f2f2f);background: linear-gradient(#1a1a1a, #2f2f2f);position: relative;}.custom-html-component .main17-info {padding-top: 120px;padding-left: 57px;}.custom-html-component .main17-info .main-intr {width: 580px;}.custom-html-component .main17-lists {position: absolute;bottom: 0;left: 50%;margin-left: -490px;width: 980px;font-size: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: top;-ms-flex-align: top;align-items: top;height: 502px;}.custom-html-component .main17-list {display: block;width: 292px;height: 502px;}.custom-html-component .section-18 {height: 563px;background: #000;}.custom-html-component .main18 {width: 1320px;}.custom-html-component .main18-lists {width: 100%;height: auto;}.custom-html-component .main18-list, .custom-html-component .main18-lists {display: block;position: relative;}.custom-html-component .main18-list {width: 1320px;height: 400px;margin-bottom: 80px;background: #fff;overflow: hidden;}.custom-html-component .main18-info {padding-left: 113px;padding-top: 69px;z-index: 2;position: relative;}.custom-html-component .main18-info .main-title {color: #000;width: 268px;}.custom-html-component .main18-info .main-intr {width: 384px;color: #000;}.custom-html-component .main18-pic {right: 0;bottom: -1px;width: 959px;height: 344px;}.custom-html-component .main18-info em, .custom-html-component .main18-pic {position: absolute;display: block;}.custom-html-component .main18-info em {top: 50%;right: -20px;font-size: 13px;line-height: 13px;padding: 5px;color: #000;border: 1px solid #979797;}.custom-html-component .section-19 {height: 590px;background: #000;}.custom-html-component .section-19 p {font-family: OPPOFont-Medium;margin-bottom: 8px;opacity: .7;font-size: 11px;line-height: 16px;color: #fff;}}@media screen and (min-width: 1921px) {.custom-html-component .section-1 {height: 1253.33px;}.custom-html-component .main1-title {width: 2850px;}.custom-html-component .main1-phone1 {width: 1650px;bottom: -90px;margin-left: 0;height: auto;}.custom-html-component .main1-phone2 {width: 1544px;bottom: 0;}.custom-html-component .main1-phone3 {width: 1408.67px;bottom: 0;}.custom-html-component .section-2 {height: 1440px;margin-top: 1253.33px;}.custom-html-component .main2-video-box, .custom-html-component .main3-lines {width: 2560px;margin-left: -1280px;}.custom-html-component .main3-lines {opacity: .7;background-position: -2px -11px,13px -2px;}.custom-html-component .main4-cont1 {height: 786px;}.custom-html-component .main4-phone-box1 {height: 1440px;left: 50%;bottom: -250px;}.custom-html-component .main4-img1, .custom-html-component .main4-phone-box1 {width: 2560px;margin-left: -1280px;}.custom-html-component .main4-img1 {height: auto;}.custom-html-component .main4-phone-box2 {position: absolute;top: 50%;left: 50%;margin-left: -1150px;display: block;width: 2320px;height: 1580px;margin-top: -620px;}.custom-html-component .main4-cont2 {height: 970px;}.custom-html-component .main9-text1 {top: 11vh;}.custom-html-component .section-10 {margin-top: 140px;}.custom-html-component .section-11 {height: 2200px;}.custom-html-component .main11-img1 {width: 2560px;margin-left: -1280px;height: auto;}.custom-html-component .main11-pic {position: relative;height: 1218px;width: 2560px;}.custom-html-component .main11-img2 {display: block;width: 2060px;height: 1418px;position: absolute;top: 0;left: -740px;}.custom-html-component .main11-info {padding-top: 100px;}.custom-html-component .section-14 {height: 1882px;}.custom-html-component .main14-img1 {width: 2560px;margin-left: -1280px;height: auto;}.custom-html-component .main14-cont {display: block;height: 1440px;position: relative;}.custom-html-component .main14-pic {width: 2560px;height: 1440px;margin-left: -1280px;background: url(https://dsfs.oppo.com/product/2020/ace2/images/1920/bg14-2aa7b7a08e1d0b6611877757f4aaed93.png) no-repeat top;background-size: 100% auto;}}@media screen and (max-width: 1440px) and (min-width: 1221px) {.custom-html-component .g-wrap .oc-blank {height: 60px;}.custom-html-component .section-content {min-width: 1086px;}.custom-html-component .main {width: 1086px;position: relative;}.custom-html-component .main-title {font-size: 36px;line-height: 44px;text-align: left;letter-spacing: -.36px;color: #fff;padding-bottom: 20px;position: relative;}.custom-html-component .main-title span {opacity: .7;display: block;line-height: 44px;height: 44px;}.custom-html-component .main-intr {font-size: 20px;line-height: 30px;letter-spacing: -.2px;padding-bottom: 28px;}.custom-html-component .main-intr, .custom-html-component .main-txt {text-align: left;color: #fff;position: relative;}.custom-html-component .main-txt {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;vertical-align: top;min-height: 48px;font-size: 16px;line-height: 24px;letter-spacing: 0;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}.custom-html-component .main-txt-cont {width: 100%;text-align: left;font-size: 0;}.custom-html-component .main-txt-item {padding-right: 50px;padding-bottom: 30px;}.custom-html-component .main-txt-item, .custom-html-component .main-txt-item-icon {display: inline-block;vertical-align: top;}.custom-html-component .main-txt-item-icon {width: 38px;height: 48px;}.custom-html-component .section-1 {height: 810px;top: 130px;}.custom-html-component .section-1 .main {width: 100%;}.custom-html-component .main1-title {background: url(https://dsfs.oppo.com/product/2020/ace2/images/1920/main1-text-13c0a91ef7980b707d6c24415aa27ac4.png) 50% / 100% auto no-repeat;color: #fff;font-size: 48px;width: 1610px;height: 810px;position: fixed;left: 50%;box-sizing: border-box;text-indent: 1350px;-webkit-transform: translate3d(-50%, 200px, 0);transform: translate3d(-50%, 200px, 0);opacity: 0;-webkit-animation: main1-title 1.5s ease-out 2.5s forwards;animation: main1-title 1.5s ease-out 2.5s forwards;top: -120px;}.custom-html-component .main1-phone img {height: auto;}.custom-html-component .main1-phone1 {width: 1150px;bottom: -120px;-webkit-transform: translate3d(-50%, 0, 0);transform: translate3d(-50%, 0, 0);margin-left: -130px;}.custom-html-component .main1-phone1, .custom-html-component .main1-phone2 {height: auto;position: absolute;left: 50%;}.custom-html-component .main1-phone2 {width: 1120px;bottom: -290px;-webkit-transform: translate3d(-60%, 0, 0);transform: translate3d(-60%, 0, 0);}.custom-html-component .main1-phone3 {width: 930px;height: auto;position: absolute;bottom: -290px;left: 50%;-webkit-transform: translate3d(calc(-56px - 50%), 0, 0);transform: translate3d(calc(-56px - 50%), 0, 0);z-index: 2;}@-webkit-keyframes main1-phone3 {0% {-webkit-transform: translate3d(calc(-56px - 50%), 0, 0);transform: translate3d(calc(-56px - 50%), 0, 0);}80% {-webkit-transform: translate3d(calc(-61.5px - 60%), 0, 0);transform: translate3d(calc(-61.5px - 60%), 0, 0);}99% {-webkit-transform: translate3d(calc(-61.5px - 60%), 0, 0);transform: translate3d(calc(-61.5px - 60%), 0, 0);opacity: 1;}to {-webkit-transform: translate3d(calc(-61.5px - 60%), 0, 0);transform: translate3d(calc(-61.5px - 60%), 0, 0);opacity: 0;}}@keyframes main1-phone3 {0% {-webkit-transform: translate3d(calc(-56px - 50%), 0, 0);transform: translate3d(calc(-56px - 50%), 0, 0);}80% {-webkit-transform: translate3d(calc(-61.5px - 60%), 0, 0);transform: translate3d(calc(-61.5px - 60%), 0, 0);}99% {-webkit-transform: translate3d(calc(-61.5px - 60%), 0, 0);transform: translate3d(calc(-61.5px - 60%), 0, 0);opacity: 1;}to {-webkit-transform: translate3d(calc(-61.5px - 60%), 0, 0);transform: translate3d(calc(-61.5px - 60%), 0, 0);opacity: 0;}}.custom-html-component .section-2 {height: 810px;background: #000;margin-top: 810px;}.custom-html-component .main2 {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}.custom-html-component .main2-video-box {position: absolute;width: 1440px;height: 100%;top: 0;left: 50%;margin-left: -720px;}.custom-html-component .main2-video-box video {width: 100%;height: 100%;display: block;object-fit: cover;}.custom-html-component .main2-txt {font-size: 24px;line-height: 45px;text-align: center;color: #fff;}.custom-html-component .main2 .line5 {color: #83fb4d;-webkit-animation: main5-line5 0.8s steps(2) infinite both;animation: main5-line5 0.8s steps(2) infinite both;}@-webkit-keyframes main5-line5 {0% {opacity: 0;}to {opacity: 1;}}@keyframes main5-line5 {0% {opacity: 0;}to {opacity: 1;}}.custom-html-component .section-3 {height: 670px;background: #181818;}.custom-html-component .main3-lines {opacity: .7;top: 0;width: 1920px;margin-left: -960px;height: 100%;background-image: -webkit-linear-gradient(#2a2a2a 1px, transparent 2px), -webkit-linear-gradient(left, #2a2a2a 1px, transparent 2px);background-image: linear-gradient(#2a2a2a 1px, transparent 2px), linear-gradient(90deg, #2a2a2a 1px, transparent 2px);background-size: 115px 115px,115px 115px;background-position: -2px -11px,37px -2px;}.custom-html-component .main3-lines, .custom-html-component .main3-lists {position: absolute;left: 50%;}.custom-html-component .main3-lists {top: 105px;width: 1380px;height: 460px;margin-left: -692px;z-index: 2;}.custom-html-component .main3-list {display: inline-block;vertical-align: top;width: 115px;height: 230px;margin: 0 115px;}.custom-html-component .main3-list i {overflow: hidden;}.custom-html-component .main3-list i, .custom-html-component .main3-list p {display: block;width: 115px;height: 115px;}.custom-html-component .main3-list p {padding-top: 10px;font-size: 20px;line-height: 26px;color: #fff;text-align: left;letter-spacing: -1.25px;}.custom-html-component .section-4 {height: 3388px;background: #000;}.custom-html-component .main4-top {width: 1086px;height: 444px;margin: 0 auto;position: relative;box-sizing: border-box;padding-top: 180px;z-index: 2;}.custom-html-component .main4-top-lab {width: 246px;height: 70px;color: #000;text-align: center;line-height: 70px;font-size: 60px;background: #83fb4d;}.custom-html-component .main4-top-txt {width: 100%;height: 100px;margin: 63px auto 0;position: relative;}.custom-html-component .main4-img1 {display: block;top: 0;height: 100px;}.custom-html-component .main4-conts, .custom-html-component .main4-img1 {position: absolute;left: 50%;margin-left: -720px;width: 1440px;}.custom-html-component .main4-conts {top: 589px;height: auto;}.custom-html-component .main4-cont {width: 100%;height: auto;margin: 0 auto;position: relative;}.custom-html-component .main4-cont > div {position: relative;top: 0;left: 0;margin: auto;}.custom-html-component .main4-info-box {display: block;width: 1086px;height: auto;margin: 0 auto;position: relative;z-index: 2;}.custom-html-component .main4-cont1 {height: 766px;}.custom-html-component .main4-cont2 {height: 914px;}.custom-html-component .main4-cont3 {height: 1121px;}.custom-html-component .main4-cont1 .main-intr {width: 640px;}.custom-html-component .main4-cont2 .main-intr {width: 630px;}.custom-html-component .main4-cont3 .main-intr {width: 650px;}.custom-html-component .main4-phone-box1 {position: absolute;bottom: 120px;left: 50%;display: block;width: 1920px;height: 570px;margin-left: -960px;}.custom-html-component .main4-video1-box {position: absolute;top: 0;left: 0;width: 500px;}.custom-html-component .main4-phone-box2 {position: absolute;top: 90px;left: 50%;display: block;width: 1920px;height: 1080px;margin-left: -1060px;}.custom-html-component .main4-phone1, .custom-html-component .main4-phone2 {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;}.custom-html-component .main4-cont3-box {width: 100%;height: 822px;position: relative;}.custom-html-component .main4-img3 {position: absolute;top: 0;left: 50%;margin-left: -624px;width: 1247px;height: 822px;}.custom-html-component .main4-cont3 .main-intr {padding-bottom: 0;}.custom-html-component .section-5 {height: 350vh;background: #181818;}.custom-html-component .main5-info {padding-top: 120px;position: absolute;left: 0;z-index: 5;}.custom-html-component .main5-info1 {top: 100vh;}.custom-html-component .main5-info2 {top: 250vh;}.custom-html-component .main5-info2 .main-intr {width: 820px;}.custom-html-component .main5-box {position: absolute;top: 0;left: 50%;margin-left: -540px;width: 1080px;height: 100vh;}.custom-html-component .main5-box.fix {position: fixed;}.custom-html-component .main5-box.over {top: auto;bottom: 0;}.custom-html-component .main5-pic3 {position: absolute;bottom: 0;left: 0;width: 1080px;height: 882px;}.custom-html-component .main5-pic1 {bottom: 124px;left: 519px;width: 257px;height: 292px;z-index: 3;}.custom-html-component .main5-pic1, .custom-html-component .main5-pic2 {position: absolute;-webkit-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8);}.custom-html-component .main5-pic2 {bottom: 110px;left: 762px;width: 251px;height: 310px;z-index: 2;}.custom-html-component .main5-pic2.on {z-index: 4;}.custom-html-component .main5-chip1-1, .custom-html-component .main5-chip1-2, .custom-html-component .main5-chip1-3, .custom-html-component .main5-chip2-1, .custom-html-component .main5-chip2-2, .custom-html-component .main5-chip2-3 {display: block;position: absolute;top: 0;left: 0;}.custom-html-component .main5-chip1-1, .custom-html-component .main5-chip2-1 {z-index: 2;}.custom-html-component .main5-chip1-2, .custom-html-component .main5-chip2-2 {z-index: 3;}.custom-html-component .main5-chip1-3, .custom-html-component .main5-chip2-3 {z-index: 1;}.custom-html-component .main5-chip1-2, .custom-html-component .main5-chip1-3, .custom-html-component .main5-chip2-2, .custom-html-component .main5-chip2-3 {opacity: 0;}.custom-html-component .main5-chip1-2 {top: -16px;}.custom-html-component .section-6 {height: auto;background: #000;overflow: hidden;}.custom-html-component .main6-cont {width: 1086px;height: auto;position: relative;margin: 0 auto;}.custom-html-component .main6-info-box {position: relative;left: 0;top: 0;z-index: 3;width: 100%;height: 100%;}.custom-html-component .main6-info {position: absolute;left: 0;}.custom-html-component .main6-info0 {top: 100vh;}.custom-html-component .main6-info1 {top: calc(300vh - 860px);}.custom-html-component .main6-info2 {position: relative;top: 0;left: 0;margin-bottom: 64px;}.custom-html-component .main6-info .main-intr {width: 650px;}.custom-html-component .main6-list {position: relative;width: 1086px;height: auto;margin: 0 auto;}.custom-html-component .main6-list1 {padding-top: calc(300vh - 513px);height: 513px;margin: 0 auto 113px;}.custom-html-component .main6-list-item, .custom-html-component .main6-picbox {width: 1086px;height: 513px;position: relative;}.custom-html-component .main6-picbox {display: block;margin: 0 auto;}.custom-html-component .main6-picbox1 {-webkit-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;transform-origin: 50% 50%;}.custom-html-component .main6-picbox1.fix {position: fixed;bottom: auto;top: 50%;margin-top: -256.5px;left: 50%;margin-left: -543px;}.custom-html-component .main6-picbox1.abs {bottom: 250vh;top: auto;margin-bottom: -256.5px;}.custom-html-component .main6-img-rim, .custom-html-component .main6-picbox1.abs {position: absolute;left: 50%;margin-left: -543px;}.custom-html-component .main6-img-rim {width: 1086px;height: 514px;display: none;top: 50%;margin-top: -257px;z-index: 2;}.custom-html-component .main6-video1-box, .custom-html-component .main6-video2-box {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;width: 1036px;height: 468px;overflow: hidden;border-radius: 20px;}.custom-html-component .main6-video1, .custom-html-component .main6-video2 {display: block;width: 100%;height: auto;object-fit: cover;}.custom-html-component .section-7 {overflow: visible;}.custom-html-component .main7, .custom-html-component .section-7 {height: 2400px;}.custom-html-component .section-7 .main-txt-item {display: block;}.custom-html-component .main7-info {padding-top: 110px;z-index: 4;position: relative;}.custom-html-component .main7-info .main-intr {width: 630px;}.custom-html-component .main7-video1-box {position: absolute;bottom: 1060px;left: 50%;margin-left: -1019px;width: 2038px;}.custom-html-component .main7-video1 {display: block;width: 100%;height: 100%;object-fit: cover;}.custom-html-component .section-7.fix {z-index: 2;}.custom-html-component .section-7.fix .main7-video1-box {position: fixed;bottom: -140px;z-index: 3;-webkit-transform: translateZ(0);transform: translateZ(0);}.custom-html-component .section-8 {height: 1200px;overflow: visible;position: absolute;top: 1200px;left: 0;}.custom-html-component .main8-info {padding-top: 250px;z-index: 4;position: relative;}.custom-html-component .main8-info .main-intr {width: 620px;}.custom-html-component .main8-video1-box {position: absolute;bottom: -140px;left: 50%;margin-left: -1019px;width: 2038px;}.custom-html-component .main8-video1 {display: block;width: 100%;height: 100%;object-fit: cover;}.custom-html-component .section-8.fix {z-index: 2;}.custom-html-component .section-8.fix .main8-video1-box {position: fixed;z-index: 3;-webkit-transform: translateZ(0);transform: translateZ(0);}.custom-html-component .section-9 {height: 3000px;background: #000;z-index: 5;margin-bottom: 4vw;}.custom-html-component .main9-cont {height: auto;top: 640px;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}.custom-html-component .main9-cont, .custom-html-component .main9-info {position: absolute;width: 1086px;left: 50%;}.custom-html-component .main9-info {z-index: 2;height: 400px;margin: 0 auto;top: 0;-webkit-transform: translate(-50%);-ms-transform: translate(-50%);transform: translate(-50%);}.custom-html-component .main9-text {position: absolute;top: 0;left: 0;}.custom-html-component .main9-text1 {position: absolute;top: 100px;}.custom-html-component .main9-text2 {position: absolute;top: 2200px;}.custom-html-component .main9 .main-intr {width: 632px;}.custom-html-component .main9-text2 .main-txt-item {display: block;}.custom-html-component .main9-pic {width: 1086px;height: 525px;position: relative;margin: 0 auto;}.custom-html-component .main9-img1, .custom-html-component .main9-img2, .custom-html-component .main9-img3 {width: 890px;}.custom-html-component .main9-img4 {width: 1590px;top: -190px;}.custom-html-component .section-10 {height: 1715px;background: #000;}.custom-html-component .main10 .main-intr {width: 630px;}.custom-html-component .main10-info {box-sizing: border-box;height: 404px;}.custom-html-component .main10-info .main-txt-item {display: block;}.custom-html-component .main10-pic {width: 1091px;height: 1235px;margin: 0 auto;position: relative;}.custom-html-component .main10-img {position: absolute;-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0.01, 0.23, 1);transition: -webkit-transform 1s cubic-bezier(0, 0.01, 0.23, 1);transition: transform 1s cubic-bezier(0, 0.01, 0.23, 1);transition: transform 1s cubic-bezier(0, 0.01, 0.23, 1), -webkit-transform 1s cubic-bezier(0, 0.01, 0.23, 1);}.custom-html-component .main10-img1 {z-index: 8;width: 1077px;height: auto;top: 0;left: 0;}.custom-html-component .main10-img2 {z-index: 7;width: 962px;height: auto;top: 20px;left: 45px;}.custom-html-component .main10-img3 {z-index: 6;width: 254px;height: auto;top: 30px;left: 780px;}.custom-html-component .main10-img4 {z-index: 5;width: 1093px;height: auto;top: -10px;left: -8px;}.custom-html-component .main10-img5 {z-index: 4;width: 111px;height: auto;top: 10px;left: 690px;}.custom-html-component .main10-img6 {z-index: 3;width: 412px;height: auto;top: 10px;left: 470px;}.custom-html-component .main10-img7 {z-index: 2;width: 705px;height: auto;top: 0;left: 255px;}.custom-html-component .main10-img8 {z-index: 1;width: 1078px;height: auto;top: 28px;left: 0;}.custom-html-component .break .main10-img1 {-webkit-transform: translateZ(0);transform: translateZ(0);}.custom-html-component .break .main10-img2 {-webkit-transform: translate3d(0, 200px, 0);transform: translate3d(0, 200px, 0);}.custom-html-component .break .main10-img3 {-webkit-transform: translate3d(0, 360px, 0);transform: translate3d(0, 360px, 0);}.custom-html-component .break .main10-img4 {-webkit-transform: translate3d(0, 425px, 0);transform: translate3d(0, 425px, 0);}.custom-html-component .break .main10-img5 {-webkit-transform: translate3d(0, 660px, 0);transform: translate3d(0, 660px, 0);}.custom-html-component .break .main10-img6 {-webkit-transform: translate3d(0, 730px, 0);transform: translate3d(0, 730px, 0);}.custom-html-component .break .main10-img7 {-webkit-transform: translate3d(0, 856px, 0);transform: translate3d(0, 856px, 0);}.custom-html-component .break .main10-img8 {-webkit-transform: translate3d(0, 1012px, 0);transform: translate3d(0, 1012px, 0);}.custom-html-component .section-11 {height: 1767px;background: #000;}.custom-html-component .main11 {box-sizing: border-box;padding-top: 180px;}.custom-html-component .main11-top-lab {width: 310px;height: 70px;color: #000;text-align: center;line-height: 70px;font-size: 60px;background: #83fb4d;position: relative;z-index: 2;}.custom-html-component .main11-top-txt {width: 100%;height: 178px;margin: 60px auto 0;position: relative;z-index: 2;}.custom-html-component .main11-img1 {display: block;position: absolute;top: 0;left: 50%;margin-left: -720px;width: 1440px;height: 178px;}.custom-html-component .main11-pic {position: relative;height: 964px;width: 1440px;margin-top: -30px;}.custom-html-component .main11-img2 {display: block;width: 1530px;height: 1063px;position: absolute;top: 0;left: -406px;}.custom-html-component .main11-info {box-sizing: border-box;height: 500px;margin-top: 50px;}.custom-html-component .main11-info .main-intr {width: 630px;}.custom-html-component .section-12 {height: auto;background: #000;}.custom-html-component .main12 {box-sizing: border-box;}.custom-html-component .main12-box {width: 100%;font-size: 0;}.custom-html-component .main12-box, .custom-html-component .main12-list {position: relative;height: auto;}.custom-html-component .main12-list {display: block;width: 1084px;margin: 0 auto;}.custom-html-component .main12-list1 {display: block;padding-top: 200vh;}.custom-html-component .main12-pic {display: block;margin: 0 auto;position: relative;}.custom-html-component .main12-img1, .custom-html-component .main12-pic {width: 1084px;height: 608px;}.custom-html-component .main12-img1 {-webkit-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;transform-origin: 50% 50%;}.custom-html-component .main12-img1.fix {position: fixed;bottom: auto;top: 50%;margin-top: -304px;left: 50%;margin-left: -542px;}.custom-html-component .main12-img1.abs {position: absolute;bottom: calc(100% + 150vh);left: 50%;margin-left: -542px;margin-bottom: -304px;}.custom-html-component .main12-p1 {font-size: 28px;line-height: 42px;color: #fff;padding-top: 10px;}.custom-html-component .main12-p2 {font-size: 20px;line-height: 30px;color: #fff;margin-bottom: 54px;}.custom-html-component .main12-list4 .main12-p2 {margin-bottom: 180px;}.custom-html-component .section-13 {background: #000;height: 1300px;display: none;}.custom-html-component .main13-info {padding-top: 74px;margin-bottom: 60px;}.custom-html-component .main13-info .main-intr {width: 750px;}.custom-html-component .main13-lists {width: 1092px;height: 701px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}.custom-html-component .main13-list {position: relative;}.custom-html-component .main13-list, .custom-html-component .main13-pic {display: block;width: 521px;height: 701px;}.custom-html-component .main13-txt {position: absolute;width: 100%;left: 0;bottom: 20px;font-size: 20px;line-height: 30px;text-align: center;color: #fff;}.custom-html-component .section-14 {height: 1540px;background: #000;}.custom-html-component .main14 {box-sizing: border-box;}.custom-html-component .main14-top-lab {width: 126px;height: 70px;color: #000;text-align: center;line-height: 70px;font-size: 60px;background: #83fb4d;}.custom-html-component .main14-top-txt {display: block;margin: 64px auto 67px;position: relative;height: 120px;}.custom-html-component .main14-img1 {display: block;position: absolute;top: 0;left: 50%;margin-left: -720px;width: 1440px;height: 120px;}.custom-html-component .main14-cont {display: block;height: 1080px;position: relative;}.custom-html-component .main14-pic {width: 1440px;height: 1082px;position: absolute;top: 0;left: 50%;margin-left: -720px;background: url(https://dsfs.oppo.com/product/2020/ace2/images/1440/bg14-72480aad94b28cbc36cad440b2730d46.png) no-repeat top;background-size: 100% 100%;}.custom-html-component .main14-info {position: relative;z-index: 2;padding-top: 84px;}.custom-html-component .section-15 {height: 633px;background: #000;}.custom-html-component .main15-lists {width: 100%;height: 608px;font-size: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: top;-ms-flex-align: top;align-items: top;}.custom-html-component .main15-list {width: 100px;height: 608px;background: #4c5154;position: relative;-webkit-transition: all 1s;transition: all 1s;overflow: hidden;}.custom-html-component .main15-list.on {width: 840px;}.custom-html-component .main15-info {position: relative;padding-top: 281px;padding-left: 14px;}.custom-html-component .main15-info, .custom-html-component .main15-info .main-intr {-webkit-transition: all 1s;transition: all 1s;width: 840px;}.custom-html-component .main15-info .main-intr {opacity: 0;}.custom-html-component .main15-list.on .main15-info {padding-left: 56px;padding-top: 427px;}.custom-html-component .main15-list.on .main15-info .main-intr {opacity: 1;}.custom-html-component .main15-obj picture, .custom-html-component .main15-obj video {width: 840px;height: 1000%;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}.custom-html-component .main15-list:first-child video {top: calc(50% + 230px);}.custom-html-component .main15-list:nth-child(3) video {top: calc(50% + 340px);}.custom-html-component .main15-list .main15-info .main-title span {display: none;}.custom-html-component .main15-list.on .main15-info .main-title span {display: inline;opacity: 1;}.custom-html-component .section-16 {height: 733px;background: #000;}.custom-html-component .main16-lists {width: 100%;height: 713px;font-size: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: top;-ms-flex-align: top;align-items: top;}.custom-html-component .main16-list {width: 536px;height: 713px;background: -webkit-linear-gradient(top, #1a1a1a, #2f2f2f);background: linear-gradient(180deg, #1a1a1a, #2f2f2f);position: relative;}.custom-html-component .main16-info {position: absolute;top: 120px;left: 57px;z-index: 3;}.custom-html-component .main16-info .main-intr {width: 370px;}.custom-html-component .main16-pic {display: block;width: 280px;height: 326px;position: absolute;left: 50%;bottom: 0;margin-left: -163px;}.custom-html-component .main16-mc {position: absolute;width: 100%;height: 100%;z-index: 2;background: #000;opacity: .6;}.custom-html-component .section-17 {height: 1000px;background: #000;}.custom-html-component .main17-cont {height: 880px;overflow: hidden;background: -webkit-linear-gradient(#1a1a1a, #2f2f2f);background: linear-gradient(#1a1a1a, #2f2f2f);position: relative;}.custom-html-component .main17-info {padding-top: 120px;padding-left: 57px;}.custom-html-component .main17-info .main-intr {width: 580px;}.custom-html-component .main17-lists {position: absolute;bottom: 0;left: 50%;margin-left: -490px;width: 980px;font-size: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: top;-ms-flex-align: top;align-items: top;height: 494.5px;}.custom-html-component .main17-list {display: block;width: 292px;height: 494.5px;}.custom-html-component .section-18 {height: 557px;background: #000;}.custom-html-component .main18 {width: 1320px;}.custom-html-component .main18-lists {width: 100%;height: auto;}.custom-html-component .main18-list, .custom-html-component .main18-lists {display: block;position: relative;}.custom-html-component .main18-list {width: 1320px;height: 400px;background: #fff;overflow: hidden;}.custom-html-component .main18-info {padding-left: 113px;padding-top: 69px;position: relative;z-index: 2;}.custom-html-component .main18-info .main-title {color: #000;width: 258px;}.custom-html-component .main18-info .main-intr {width: 384px;color: #000;}.custom-html-component .main18-pic {right: 0;bottom: -1px;width: 959px;height: 344px;}.custom-html-component .main18-info em, .custom-html-component .main18-pic {position: absolute;display: block;}.custom-html-component .main18-info em {top: 50%;right: -20px;font-size: 13px;line-height: 13px;padding: 5px;color: #000;border: 1px solid #979797;}.custom-html-component .section-19 {height: 590px;background: #000;}.custom-html-component .section-19 p {font-family: OPPOFont-Medium;margin-bottom: 8px;opacity: .7;font-size: 11px;line-height: 16px;color: #fff;width: 1100px;}}@media screen and (max-width: 1220px) and (min-width: 1024px) {.custom-html-component .g-wrap .oc-blank {height: 5.86vw;}.custom-html-component .main, .custom-html-component .section-content {width: 100vw;}.custom-html-component .main, .custom-html-component .main-title {position: relative;}.custom-html-component .main-title {font-size: 3.52vw;line-height: 4.5vw;text-align: left;letter-spacing: -.035vw;color: #fff;padding-bottom: 2.15vw;}.custom-html-component .main-title span {opacity: .7;display: block;line-height: 4.5vw;height: 4.5vw;}.custom-html-component .main-intr {font-size: 1.953vw;line-height: 2.93vw;letter-spacing: -.01953vw;padding-bottom: 4.3vw;}.custom-html-component .main-intr, .custom-html-component .main-txt {text-align: left;color: #fff;position: relative;}.custom-html-component .main-txt {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;vertical-align: top;font-size: 1.5625vw;line-height: 2.34vw;letter-spacing: 0;-webkit-box-align: center;-ms-flex-align: center;align-items: center;min-height: 3.75vw;white-space: nowrap;}.custom-html-component .main-txt-cont {width: 100%;text-align: left;font-size: 0;}.custom-html-component .main-txt-item {padding-right: 2.93vw;padding-bottom: 2.34vw;}.custom-html-component .main-txt-item, .custom-html-component .main-txt-item-icon {display: inline-block;vertical-align: top;}.custom-html-component .main-txt-item-icon {width: 2.64vw;height: 3.75vw;}.custom-html-component .section-1 {height: 60.93vw;}.custom-html-component .section-1 .main {width: 100%;}.custom-html-component .main1-title {background: url(https://dsfs.oppo.com/product/2020/ace2/images/1920/main1-text-13c0a91ef7980b707d6c24415aa27ac4.png) 50% / 100% auto no-repeat;color: #fff;font-size: 48px;width: 112vw;height: 60.94vw;position: fixed;bottom: 0;left: 50%;box-sizing: border-box;text-indent: 1350px;-webkit-transform: translate3d(-50%, 300px, 0);transform: translate3d(-50%, 300px, 0);opacity: 0;-webkit-animation: main1-title 1.5s ease-out 2.5s forwards;animation: main1-title 1.5s ease-out 2.5s forwards;}.custom-html-component .main1-phone img {height: auto;}.custom-html-component .main1-phone1 {width: 79.96vw;bottom: -9.5vw;margin-left: 2vw;}.custom-html-component .main1-phone1, .custom-html-component .main1-phone2 {height: auto;position: absolute;left: 50%;-webkit-transform: translate3d(-60%, 0, 0);transform: translate3d(-60%, 0, 0);}.custom-html-component .main1-phone2 {width: 870px;bottom: -180px;}.custom-html-component .main1-phone3 {width: 793.74px;height: auto;position: absolute;bottom: -180px;left: 50%;-webkit-transform: translate3d(calc(39px - 60%), 0, 0);transform: translate3d(calc(39px - 60%), 0, 0);z-index: 2;}@-webkit-keyframes main1-phone3 {0% {-webkit-transform: translate3d(calc(39px - 60%), 0, 0);transform: translate3d(calc(39px - 60%), 0, 0);}80% {-webkit-transform: translate3d(calc(-46px - 60%), 0, 0);transform: translate3d(calc(-46px - 60%), 0, 0);opacity: 1;}to {-webkit-transform: translate3d(calc(-46px - 60%), 0, 0);transform: translate3d(calc(-46px - 60%), 0, 0);opacity: 0;}}@keyframes main1-phone3 {0% {-webkit-transform: translate3d(calc(39px - 60%), 0, 0);transform: translate3d(calc(39px - 60%), 0, 0);}80% {-webkit-transform: translate3d(calc(-46px - 60%), 0, 0);transform: translate3d(calc(-46px - 60%), 0, 0);opacity: 1;}to {-webkit-transform: translate3d(calc(-46px - 60%), 0, 0);transform: translate3d(calc(-46px - 60%), 0, 0);opacity: 0;}}.custom-html-component .section-2 {height: 68.35vw;background: url(https://dsfs.oppo.com/product/2020/ace2/images/1024/bg2-1e93e6c6de1351f34cf6b2a94f63e976.png) no-repeat 0;background-size: 100% 100%;margin-top: 60.93vw;}.custom-html-component .main2 {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}.custom-html-component .main2-video-box {display: none;}.custom-html-component .main2-txt {font-size: 2.343vw;line-height: 4.4vw;text-align: center;color: #fff;width: 78vw;}.custom-html-component .main2 .line5 {color: #83fb4d;-webkit-animation: main5-line5 0.8s steps(2) infinite both;animation: main5-line5 0.8s steps(2) infinite both;}@-webkit-keyframes main5-line5 {0% {opacity: 0;}to {opacity: 1;}}@keyframes main5-line5 {0% {opacity: 0;}to {opacity: 1;}}.custom-html-component .section-3 {height: 60.45vw;background: #181818;}.custom-html-component .main3, .custom-html-component .section-3 {overflow: hidden;}.custom-html-component .main3-lines {opacity: .7;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: -webkit-linear-gradient(#2a2a2a 0.1vw, transparent 0), -webkit-linear-gradient(left, #2a2a2a 0.1vw, transparent 0);background-image: linear-gradient(#2a2a2a 0.1vw, transparent 0), linear-gradient(90deg, #2a2a2a 0.1vw, transparent 0);background-size: 10.2vw 10.2vw,10.2vw 10.2vw;background-position: -0.1vw 10.05vw, calc(50% - .05vw) -0.1vw;}.custom-html-component .main3-lists {position: relative;width: 81.6vw;height: auto;margin: 10.12vw auto 0;z-index: 2;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}.custom-html-component .main3-list {display: block;width: 10.2vw;height: 20.4vw;margin: 0 5.1vw;}.custom-html-component .main3-list i {overflow: hidden;}.custom-html-component .main3-list i, .custom-html-component .main3-list p {display: block;width: 10.2vw;height: 10.2vw;}.custom-html-component .main3-list p {padding-top: .87vw;font-size: 1.75vw;line-height: 2.34vw;color: #fff;text-align: left;letter-spacing: -.11vw;}.custom-html-component .main3-list span {display: block;}.custom-html-component .section-4 {height: auto;background: #000;}.custom-html-component .main4-top {width: 100vw;height: 44.73vw;margin: 0 auto;position: relative;box-sizing: border-box;padding-top: 17.58vw;-webkit-transition: opacity 1s,-webkit-transform 1s;transition: opacity 1s,-webkit-transform 1s;transition: opacity 1s,transform 1s;transition: opacity 1s,transform 1s,-webkit-transform 1s;z-index: 2;}.custom-html-component .main4-top-lab {width: 19.14vw;height: 5.47vw;color: #000;text-align: center;line-height: 5.47vw;font-size: 4.6875vw;background: #83fb4d;margin-left: 10.94vw;}.custom-html-component .main4-top-txt {width: 100%;height: 7.04vw;margin: 3.9vw auto 0;position: relative;}.custom-html-component .main4-conts {width: 100vw;}.custom-html-component .main4-cont, .custom-html-component .main4-conts {position: relative;height: auto;}.custom-html-component .main4-cont {width: 100%;margin: 0 auto;}.custom-html-component .main4-conts.fix .main4-cont {position: absolute;top: 0;left: 0;}.custom-html-component .main4-cont > div {position: relative;width: 100%;margin: auto;}.custom-html-component .main4-info-box {display: block;width: 78.125vw;height: auto;margin: 0 auto;position: relative;z-index: 2;}.custom-html-component .main4-cont1 {height: 58vw;background: url(https://dsfs.oppo.com/product/2020/ace2/images/1024/main4-phone1-ed1dc7f68adc7c48a136d51a871df4e6.png) no-repeat center 14vw;background-size: 100% auto;}.custom-html-component .main4-cont2 {height: 85.74vw;}.custom-html-component .main4-cont .main4-cont3 {height: 74vw;background: url(https://dsfs.oppo.com/product/2020/ace2/images/1024/main4-phone3-5124ac380e18690dd264237e3158094d.png) no-repeat bottom;background-size: 65.7vw auto;margin-bottom: 11.133vw;}.custom-html-component .main4-phone-box2 {width: 100vw;height: 97.66vw;position: absolute;bottom: -18vw;left: 50%;margin-left: -50vw;background: url(https://dsfs.oppo.com/product/2020/ace2/images/1024/main4-phone2-2d2f86a8b7195a8f3ef4110124554919.png) no-repeat top;background-size: 100vw auto;}.custom-html-component .main4-phone-box1, .custom-html-component .main4-phone-box3, .custom-html-component .main4-video1-box {display: none;}.custom-html-component .main4-cont2 .main-intr {width: 61.6vw;}.custom-html-component .main4-cont3 .main-intr {width: 55vw;}.custom-html-component .main4-cont3-box {display: none;}.custom-html-component .main-txt-item-icon2 {margin-right: .5vw;}.custom-html-component .section-5 {height: 350vh;background: #181818;}.custom-html-component .main5-info {padding-top: 10vw;position: absolute;left: 0;z-index: 5;}.custom-html-component .main5-info1 {top: 100vh;left: 10.9vw;}.custom-html-component .main5-info2 {top: 250vh;left: 10.9vw;}.custom-html-component .main5-info2 .main-intr {width: 76vw;}.custom-html-component .main5-box {position: absolute;top: 0;left: 50%;margin-left: -42.38vw;width: 84.76vw;height: 100vh;}.custom-html-component .main5-box.fix {position: fixed;}.custom-html-component .main5-box.over {top: auto;bottom: 0;}.custom-html-component .main5-pic3 {position: absolute;bottom: 0;left: 0;width: 84.76vw;height: 65.38vw;}.custom-html-component .main5-pic1 {bottom: 6vw;left: 41vw;width: 20.1vw;height: 22.95vw;z-index: 3;}.custom-html-component .main5-pic1, .custom-html-component .main5-pic2 {position: absolute;-webkit-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8);}.custom-html-component .main5-pic2 {bottom: 4.9vw;left: 60.3vw;width: 19.72vw;height: 24.415vw;z-index: 2;}.custom-html-component .main5-pic2.on {z-index: 4;}.custom-html-component .main5-chip1-1, .custom-html-component .main5-chip1-2, .custom-html-component .main5-chip1-3, .custom-html-component .main5-chip2-1, .custom-html-component .main5-chip2-2, .custom-html-component .main5-chip2-3 {display: block;position: absolute;top: 0;left: 0;}.custom-html-component .main5-chip1-1, .custom-html-component .main5-chip2-1 {z-index: 2;}.custom-html-component .main5-chip1-2, .custom-html-component .main5-chip2-2 {z-index: 3;}.custom-html-component .main5-chip1-3, .custom-html-component .main5-chip2-3 {z-index: 1;}.custom-html-component .main5-chip1-2, .custom-html-component .main5-chip1-3, .custom-html-component .main5-chip2-2, .custom-html-component .main5-chip2-3 {opacity: 0;}.custom-html-component .main5-chip1-2 {width: 90%;height: auto;left: 5%;top: -.5vw;}.custom-html-component .main5-box-static {display: none;}.custom-html-component .static .main5-box-static {display: block;}.custom-html-component .static .section-5 {height: 200vh;}.custom-html-component .static .main5-info1 {top: 0;}.custom-html-component .static .main5-info2 {top: 100vh;}.custom-html-component .static .main5-box {position: relative;}.custom-html-component .static .main5-pic1 picture {opacity: 1;}.custom-html-component .static .main5-box-static .main5-pic1 picture, .custom-html-component .static .main5-pic2 picture {opacity: 0;}.custom-html-component .static .main5-box-static .main5-pic2 picture {opacity: 1;}.custom-html-component .section-6 {height: auto;background: #000;overflow: hidden;}.custom-html-component .main6-cont {width: 100vw;height: auto;position: relative;margin: 0 auto;}.custom-html-component .main6-info-box {position: relative;left: 0;top: 0;z-index: 3;width: 100%;height: 100%;}.custom-html-component .main6-info {position: absolute;left: 10.9375vw;}.custom-html-component .main6-info0 {top: 100vh;}.custom-html-component .main6-info1 {top: calc(300vh - 76vw);}.custom-html-component .main6-info2 {position: relative;top: 0;left: 3.5175vw;margin-bottom: .78vw;}.custom-html-component .main6-info .main-intr {width: 60.54vw;}.custom-html-component .main6-list {position: relative;width: 85.16vw;height: auto;margin: 0 auto 9.86vw;}.custom-html-component .main6-list1 {padding-top: calc(300vh - 40.52vw);height: 40.52vw;}.custom-html-component .main6-list-item, .custom-html-component .main6-picbox {width: 85.16vw;height: 40.52vw;position: relative;}.custom-html-component .main6-picbox {display: block;margin: 0 auto;}.custom-html-component .main6-picbox1 {-webkit-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;transform-origin: 50% 50%;}.custom-html-component .main6-picbox1.fix {position: fixed;bottom: auto;top: 50%;margin-top: -20.26vw;left: 50%;margin-left: -42.58vw;}.custom-html-component .main6-picbox1.abs {position: absolute;bottom: 250vh;top: auto;left: 50%;margin-left: -42.58vw;margin-bottom: -20.26vw;}.custom-html-component .main6-img-rim {width: 100%;height: 100%;display: none;position: absolute;top: 0;left: 0;z-index: 2;}.custom-html-component .main6-video1-box {background: url(https://dsfs.oppo.com/product/2020/ace2/images/1024/main6-video-bg-e928f51d637db21d3c8f83d28fb26646.png) no-repeat bottom;background-size: cover;}.custom-html-component .main6-video1-box, .custom-html-component .main6-video2-box {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;width: 81.84vw;height: 36.62vw;overflow: hidden;border-radius: 1.5vw;}.custom-html-component .main6-video2-box {background: url(https://dsfs.oppo.com/product/2020/ace2/images/1024/main6-video-bg2-d8b685ec7da3d7ca9e718943cff9eb9b.png) no-repeat bottom;background-size: cover;}.custom-html-component .main6-video1, .custom-html-component .main6-video2 {display: none;}.custom-html-component .static .main6-info0 {top: 9.76vw;}.custom-html-component .static .main6-info1 {top: 30vw;}.custom-html-component .static .main6-list1 {padding-top: 64vw;}.custom-html-component .static .main6-img-rim {display: block;}.custom-html-component .section-7 {height: auto;}.custom-html-component .main7 {height: 86.1vw;background: #000 url(https://dsfs.oppo.com/product/2020/ace2/images/1024/main7-img-71aef5103b9189810a471db87e29d868.png) no-repeat bottom;background-size: 100% auto;}.custom-html-component .section-7 .main-txt-item {display: block;}.custom-html-component .main7-info {z-index: 2;position: relative;width: 78.125vw;margin: 0 auto;}.custom-html-component .main7-info .main-intr {width: 55.3vw;}.custom-html-component .section-8 {height: 88.57vw;background: #000 url(https://dsfs.oppo.com/product/2020/ace2/images/1024/main8-img-1710ccf88f0d4adb76ebf36eb405f112.png) no-repeat bottom;background-size: 100% auto;}.custom-html-component .main8-info {z-index: 2;position: relative;width: 78.125vw;margin: 0 auto;padding-top: 10vw;}.custom-html-component .main8-info .main-intr {width: 60vw;}.custom-html-component .section-9 {height: 182vw;background: #000;}.custom-html-component .main9-cont {width: 106vw;height: auto;}.custom-html-component .main9-cont, .custom-html-component .main9-info {position: absolute;top: 0;left: 50%;-webkit-transform: translate(-50%);-ms-transform: translate(-50%);transform: translate(-50%);}.custom-html-component .main9-info {z-index: 2;height: 35vw;width: 78.125vw;margin: 0 auto;}.custom-html-component .main9-text {left: 0;}.custom-html-component .main9-text, .custom-html-component .main9-text1 {position: absolute;top: 10vw;}.custom-html-component .main9-text2 {position: absolute;top: 79vw;}.custom-html-component .main9 .main-intr {width: 61.72vw;}.custom-html-component .main9-info2 .main-txt-item {display: block;}.custom-html-component .main9-pic {width: 106.05vw;height: 30vw;position: relative;margin: 0 auto;}.custom-html-component .main9-img1 {width: 63vw;display: none;}.custom-html-component .main9-img2 {width: 63vw;top: 35.5vw;}.custom-html-component .main9-img3 {width: 63vw;top: 120vw;opacity: 1;}.custom-html-component .main9-img4 {width: 115vw;top: 22vw;}.custom-html-component .section-10 {height: 151vw;background: #000;margin-top: -19.5vw;}.custom-html-component .main10 .main-intr {width: 51.64vw;}.custom-html-component .main10-info {box-sizing: border-box;height: 49vw;width: 78.125vw;margin: 0 auto;}.custom-html-component .main10-info .main-txt-item {display: block;}.custom-html-component .main10-pic {width: 89.426vw;height: 101.23vw;margin: 0 auto;position: relative;}.custom-html-component .main10-img {position: absolute;-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0.01, 0.23, 1);transition: -webkit-transform 1s cubic-bezier(0, 0.01, 0.23, 1);transition: transform 1s cubic-bezier(0, 0.01, 0.23, 1);transition: transform 1s cubic-bezier(0, 0.01, 0.23, 1), -webkit-transform 1s cubic-bezier(0, 0.01, 0.23, 1);}.custom-html-component .main10-img1 {z-index: 8;width: 88.279vw;height: auto;top: 0;left: 0;}.custom-html-component .main10-img2 {z-index: 7;width: 78.852vw;height: auto;top: 1.639vw;left: 3.689vw;}.custom-html-component .main10-img3 {z-index: 6;width: 20.82vw;height: auto;top: 2.46vw;left: 63.934vw;}.custom-html-component .main10-img4 {z-index: 5;width: 89.59vw;height: auto;top: -.82vw;left: -.656vw;}.custom-html-component .main10-img5 {z-index: 4;width: 9.1vw;height: auto;top: .82vw;left: 56.557vw;}.custom-html-component .main10-img6 {z-index: 3;width: 33.77vw;height: auto;top: .82vw;left: 38.52vw;}.custom-html-component .main10-img7 {z-index: 2;width: 57.787vw;height: auto;top: 0;left: 20.902vw;}.custom-html-component .main10-img8 {z-index: 1;width: 88.361vw;height: auto;top: 2.295vw;left: 0;}.custom-html-component .break .main10-img1 {-webkit-transform: translateZ(0);transform: translateZ(0);}.custom-html-component .break .main10-img2 {-webkit-transform: translate3d(0, 16.393vw, 0);transform: translate3d(0, 16.393vw, 0);}.custom-html-component .break .main10-img3 {-webkit-transform: translate3d(0, 29.508vw, 0);transform: translate3d(0, 29.508vw, 0);}.custom-html-component .break .main10-img4 {-webkit-transform: translate3d(0, 34.836vw, 0);transform: translate3d(0, 34.836vw, 0);}.custom-html-component .break .main10-img5 {-webkit-transform: translate3d(0, 54.098vw, 0);transform: translate3d(0, 54.098vw, 0);}.custom-html-component .break .main10-img6 {-webkit-transform: translate3d(0, 59.836vw, 0);transform: translate3d(0, 59.836vw, 0);}.custom-html-component .break .main10-img7 {-webkit-transform: translate3d(0, 70.163vw, 0);transform: translate3d(0, 70.163vw, 0);}.custom-html-component .break .main10-img8 {-webkit-transform: translate3d(0, 82.951vw, 0);transform: translate3d(0, 82.951vw, 0);}.custom-html-component .section-11 {height: 113.34vw;background: #000;}.custom-html-component .main11 {box-sizing: border-box;padding-top: 14.64vw;}.custom-html-component .main11-top-lab {width: 27.14vw;height: 5.47vw;color: #000;text-align: center;line-height: 5.47vw;font-size: 4.6875vw;background: #83fb4d;position: relative;z-index: 2;margin-left: 10.93vw;}.custom-html-component .main11-top-txt {width: 100%;height: 12.3vw;margin: 3.71vw auto 3.61vw;position: relative;z-index: 2;}.custom-html-component .main11-img1 {display: block;position: relative;width: 100%;height: 100%;}.custom-html-component .main11-pic {position: relative;width: 100vw;height: 54.8vw;margin-bottom: 10.6vw;}.custom-html-component .main11-img2 {display: block;width: 88.87vw;height: 54.8vw;margin-top: -7vw;}.custom-html-component .main11-info {width: 78.125vw;margin: -10.2vw auto;}.custom-html-component .main11-info .main-intr {width: 51.75vw;}.custom-html-component .section-12 {height: auto;background: #000;}.custom-html-component .main12 {box-sizing: border-box;}.custom-html-component .main12-box {width: 100%;font-size: 0;}.custom-html-component .main12-box, .custom-html-component .main12-list {position: relative;height: auto;}.custom-html-component .main12-list {display: block;width: 78.125vw;margin: 0 auto;}.custom-html-component .main12-list1 {display: block;padding-top: 200vh;}.custom-html-component .main12-pic {display: block;margin: 0 auto;position: relative;}.custom-html-component .main12-img1, .custom-html-component .main12-pic {width: 78.222vw;height: 48.92vw;}.custom-html-component .main12-img1 {-webkit-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;transform-origin: 50% 50%;}.custom-html-component .main12-img1.fix {position: fixed;bottom: auto;top: 50%;margin-top: -24.46vw;left: 50%;margin-left: -39.111vw;}.custom-html-component .main12-img1.abs {position: absolute;bottom: calc(100% + 150vh);left: 50%;margin-left: -39.111vw;margin-bottom: -24.46vw;}.custom-html-component .main12-p1 {font-size: 2.34vw;line-height: 3.51vw;margin-bottom: .8vw;color: #fff;padding-top: 2.44vw;}.custom-html-component .main12-p2 {font-size: 1.5625vw;line-height: 2.34vw;color: #fff;margin-bottom: 4.1vw;}.custom-html-component .main12-list4 .main12-p2 {margin-bottom: 15vw;}.custom-html-component .main12-list-static {display: none;}.custom-html-component .static .main12-list1 {padding: 0;}.custom-html-component .section-13 {background: #000;height: 60vw;}.custom-html-component .main13-info {width: 78.125vw;margin: 0 auto 4.4vw;}.custom-html-component .main13-info .main-intr {width: 58.6vw;}.custom-html-component .main13-lists {width: 84vw;height: 58.7vw;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}.custom-html-component .main13-list {position: relative;}.custom-html-component .main13-list, .custom-html-component .main13-pic {display: block;width: 41.1vw;height: 58.7vw;}.custom-html-component .main13-txt {position: absolute;bottom: 1.5vw;left: 0;width: 100%;text-align: center;color: #fff;font-size: 1.56vw;}.custom-html-component .section-14 {height: 109.86vw;background: #000;}.custom-html-component .main14 {box-sizing: border-box;}.custom-html-component .main14-top-lab {width: 9.78vw;height: 5.47vw;color: #000;text-align: center;line-height: 5.47vw;font-size: 4.6875vw;background: #83fb4d;margin-left: 10.94vw;}.custom-html-component .main14-top-txt {margin: 3.9vw auto 7.61vw;}.custom-html-component .main14-img1, .custom-html-component .main14-top-txt {width: 100vw;display: block;position: relative;height: 8.3vw;}.custom-html-component .main14-cont {display: block;height: 84.57vw;position: relative;background: url(https://dsfs.oppo.com/product/2020/ace2/images/1024/bg14-569c0d6041db24ac75e5afe65b834ca6.png) no-repeat bottom;background-size: 100% auto;}.custom-html-component .main14-info {position: relative;z-index: 2;padding-top: 6.25vw;width: 78.125vw;margin: 0 auto;}.custom-html-component .main14-info .main-intr {width: 48.9vw;}.custom-html-component .section-15 {height: 49.41vw;background: #000;}.custom-html-component .main15-lists {width: 78.125vw;height: 47.85vw;font-size: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: top;-ms-flex-align: top;align-items: top;margin: 0 auto;}.custom-html-component .main15-list {width: 7.8vw;height: 47.85vw;background: #4c5154;position: relative;-webkit-transition: all 1s;transition: all 1s;overflow: hidden;}.custom-html-component .main15-list.on {width: 59.375vw;}.custom-html-component .main15-info {position: relative;padding-top: 9.375vw;padding-left: 1.074vw;}.custom-html-component .main15-info, .custom-html-component .main15-info .main-intr {-webkit-transition: all 1s;transition: all 1s;width: 59.375vw;}.custom-html-component .main15-info .main-intr {opacity: 0;}.custom-html-component .main15-list.on .main15-info {padding-left: 2.73vw;padding-top: 35.35vw;}.custom-html-component .main15-list.on .main15-info .main-intr {opacity: 1;}.custom-html-component .main15-info .main-title {font-size: 2.81vw;line-height: 3.59vw;padding-bottom: .976vw;}.custom-html-component .main15-info .main-intr {font-size: 1.56vw;line-height: 2.34vw;}.custom-html-component .main15-obj picture, .custom-html-component .main15-obj video {width: 59.375vw;height: 1000%;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}.custom-html-component .main15-obj picture {height: 100%;}.custom-html-component .main15-obj picture img {object-fit: cover;}.custom-html-component .main15-list:first-child video {top: calc(50% + 18vw);}.custom-html-component .main15-list:nth-child(3) video {top: calc(50% + 20vw);}.custom-html-component .main15-list .main15-info .main-title span {display: none;}.custom-html-component .main15-list.on .main15-info .main-title span {display: inline;opacity: 1;}.custom-html-component .section-16 {height: 57.81vw;background: #000;}.custom-html-component .main16-lists {width: 78.125vw;height: 56.25vw;font-size: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: top;-ms-flex-align: top;align-items: top;margin: 0 auto;}.custom-html-component .main16-list {width: 38.28vw;height: 56.25vw;background: -webkit-linear-gradient(top, #1a1a1a, #2f2f2f);background: linear-gradient(180deg, #1a1a1a, #2f2f2f);position: relative;overflow: hidden;}.custom-html-component .main16-info {position: absolute;top: 9.08vw;left: 2.93vw;z-index: 3;}.custom-html-component .main16-info .main-intr {width: 30vw;font-size: 1.5625vw;line-height: 2.34vw;}.custom-html-component .main16-pic {display: block;width: 22.75vw;height: 26.27vw;position: absolute;left: 50%;bottom: 0;margin-left: -11.375vw;}.custom-html-component .section-17 {height: 78.125vw;background: #000;}.custom-html-component .main17-cont {width: 78.125vw;margin: 0 auto;height: 68.3vw;overflow: hidden;background: -webkit-linear-gradient(#1a1a1a, #2f2f2f);background: linear-gradient(#1a1a1a, #2f2f2f);position: relative;}.custom-html-component .main17-info {padding-top: 9.082vw;padding-left: 3.03vw;}.custom-html-component .main17-info .main-intr {width: 44.92vw;}.custom-html-component .main17-lists {position: absolute;bottom: 0;left: 50%;margin-left: -36vw;width: 72vw;font-size: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: top;-ms-flex-align: top;align-items: top;height: 37.7vw;}.custom-html-component .main17-list {display: block;width: 21.48vw;height: 37.7vw;}.custom-html-component .section-18 {height: 44.726vw;background: #000;}.custom-html-component .main18 {width: 90vw;margin: 0 auto;}.custom-html-component .main18-lists {height: auto;}.custom-html-component .main18-list, .custom-html-component .main18-lists {display: block;width: 100%;position: relative;}.custom-html-component .main18-list {height: 31.25vw;background: #fff;overflow: hidden;}.custom-html-component .main18-info {padding-left: 5.86vw;padding-top: 5.37vw;position: relative;z-index: 2;}.custom-html-component .main18-info .main-title {color: #000;font-size: 2.73vw;line-height: 3.6vw;padding-bottom: .88vw;width: 20vw;}.custom-html-component .main18-info .main-intr {width: 28.34vw;color: #000;font-size: 1.5625vw;line-height: 2.34vw;}.custom-html-component .main18-pic {right: 0;bottom: -1px;width: 59.81vw;height: 25.05vw;}.custom-html-component .main18-info em, .custom-html-component .main18-pic {position: absolute;display: block;}.custom-html-component .main18-info em {top: 54%;right: -2vw;font-size: .98vw;line-height: .98vw;padding: .4vw .49vw;color: #000;border: 1px solid #979797;}.custom-html-component .section-19 {height: 57vw;background: #000;}.custom-html-component .main19 {width: 78.125vw;margin: 0 auto;}.custom-html-component .section-19 p {font-family: OPPOFont-Medium;font-size: 1.074vw;line-height: 1.5625vw;color: #fff;margin-bottom: .6vw;opacity: .7;}}@media screen and (max-width: 1023px) and (min-width: 768px) {.custom-html-component .g-wrap .oc-blank {height: 5.86vw;}.custom-html-component .main, .custom-html-component .section-content {width: 100vw;}.custom-html-component .main, .custom-html-component .main-title {position: relative;}.custom-html-component .main-title {font-size: 3.65vw;line-height: 4.82vw;text-align: left;letter-spacing: -.036vw;color: #fff;padding-bottom: 2.6vw;}.custom-html-component .main-title span {opacity: .7;display: block;line-height: 4.82vw;height: 4.82vw;}.custom-html-component .main-intr {font-size: 2.08vw;line-height: 3.125vw;letter-spacing: -.02vw;padding-bottom: 4.03vw;}.custom-html-component .main-intr, .custom-html-component .main-txt {text-align: left;color: #fff;position: relative;}.custom-html-component .main-txt {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;vertical-align: top;font-size: 1.7vw;line-height: 2.5vw;letter-spacing: 0;-webkit-box-align: center;-ms-flex-align: center;align-items: center;min-height: 4.948vw;white-space: nowrap;}.custom-html-component .main-txt-cont {width: 100%;text-align: left;font-size: 0;}.custom-html-component .main-txt-item {padding-right: 5.33vw;padding-bottom: 3.125vw;}.custom-html-component .main-txt-item, .custom-html-component .main-txt-item-icon {display: inline-block;vertical-align: top;}.custom-html-component .main-txt-item-icon {width: 4.16vw;height: 4.948vw;}.custom-html-component .section-1 {height: 126.95vw;}.custom-html-component .section-1 .main {width: 100%;}.custom-html-component .main1-title {background: url(https://dsfs.oppo.com/product/2020/ace2/images/768/main1-text-bf6656a4cbe612205f0ea51b0f8ad27d.png) center 0 / 100% auto no-repeat;color: #fff;font-size: 0;width: 111%;height: 126.95vw;position: fixed;top: -5vw;left: 50%;box-sizing: border-box;text-indent: 1350px;opacity: 0;-webkit-transform: translate3d(-50%, 10vw, 0);transform: translate3d(-50%, 10vw, 0);-webkit-animation: main1-title 1.5s ease-out 2.5s forwards;animation: main1-title 1.5s ease-out 2.5s forwards;}.custom-html-component .main1-phone img {height: auto;}.custom-html-component .main1-phone1 {left: 39vw;bottom: 5vw;width: 92vw;-webkit-transform: translate3d(-50%, 10vw, 0);transform: translate3d(-50%, 10vw, 0);margin-left: 4vw;}.custom-html-component .main1-phone1, .custom-html-component .main1-phone1 .picture {z-index: 2;position: absolute;height: auto;}.custom-html-component .main1-phone1 .picture {left: 0;bottom: 0;width: 100%;}.custom-html-component .main1-phone2, .custom-html-component .main1-phone3 {display: none;}.custom-html-component .section-2 {height: 133.4vw;background: url(https://dsfs.oppo.com/product/2020/ace2/images/768/bg2-e88b1ec9222442d497351fcff0203cfb.png) no-repeat 0;background-size: 100% 100%;margin-top: 126.95vw;}.custom-html-component .main2 {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}.custom-html-component .main2-video-box {display: none;}.custom-html-component .main2-txt {font-size: 3.125vw;line-height: 5.86vw;text-align: center;color: #fff;width: 100vw;}.custom-html-component .main2 .line5 {color: #83fb4d;-webkit-animation: main5-line5 0.8s steps(2) infinite both;animation: main5-line5 0.8s steps(2) infinite both;}@-webkit-keyframes main5-line5 {0% {opacity: 0;}to {opacity: 1;}}@keyframes main5-line5 {0% {opacity: 0;}to {opacity: 1;}}.custom-html-component .section-3 {height: 114.58vw;background: #181818;}.custom-html-component .main3, .custom-html-component .section-3 {overflow: hidden;}.custom-html-component .main3-lines {opacity: .7;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: -webkit-linear-gradient(#2a2a2a 0.13vw, transparent 0), -webkit-linear-gradient(left, #2a2a2a 0.13vw, transparent 0);background-image: linear-gradient(#2a2a2a 0.13vw, transparent 0), linear-gradient(90deg, #2a2a2a 0.13vw, transparent 0);background-size: 15vw 15vw,15vw 15vw;background-position: -0.13vw 12.37vw, calc(50% - .06vw) -0.13vw;}.custom-html-component .main3-lists {position: relative;width: 90vw;height: auto;margin: 12.5vw auto 0;z-index: 2;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}.custom-html-component .main3-list {display: block;width: 15vw;height: 30vw;margin: 0 7.5vw;}.custom-html-component .main3-list i {overflow: hidden;}.custom-html-component .main3-list i, .custom-html-component .main3-list p {display: block;width: 15vw;height: 15vw;}.custom-html-component .main3-list p {padding-top: 1.56vw;font-size: 2.6vw;line-height: 3.38vw;color: #fff;text-align: left;letter-spacing: -.1614vw;}.custom-html-component .main3-list span {display: block;}.custom-html-component .section-4 {height: auto;background: #000;}.custom-html-component .main4-top {width: 100vw;height: 57.75vw;margin: 0 auto;position: relative;box-sizing: border-box;padding-top: 23.44vw;-webkit-transition: opacity 1s,-webkit-transform 1s;transition: opacity 1s,-webkit-transform 1s;transition: opacity 1s,transform 1s;transition: opacity 1s,transform 1s,-webkit-transform 1s;z-index: 2;}.custom-html-component .main4-top-lab {width: 25.52vw;height: 7.3vw;color: #000;text-align: center;line-height: 7.3vw;font-size: 6.25vw;background: #83fb4d;margin-left: 13.02vw;}.custom-html-component .main4-top-txt {width: 100%;height: 7.04vw;margin: 5.07vw auto 0;position: relative;}.custom-html-component .main4-conts {width: 100vw;}.custom-html-component .main4-cont, .custom-html-component .main4-conts {position: relative;height: auto;}.custom-html-component .main4-cont {width: 100%;margin: 0 auto;}.custom-html-component .main4-conts.fix .main4-cont {position: absolute;top: 0;left: 0;}.custom-html-component .main4-cont > div {position: relative;width: 100%;margin: auto;}.custom-html-component .main4-info-box {display: block;width: 74vw;height: auto;margin: 0 auto;position: relative;z-index: 2;}.custom-html-component .main4-cont1 {height: 70vw;background: url(https://dsfs.oppo.com/product/2020/ace2/images/768/main4-phone1-fee2c29256fd39d2e567e825faaf8b69.png) no-repeat center 18vw;background-size: 100% auto;}.custom-html-component .main4-cont2 {height: 83.46vw;}.custom-html-component .main4-cont .main4-cont3 {height: 83vw;background: url(https://dsfs.oppo.com/product/2020/ace2/images/768/main4-phone3-886ea6f42e7e58350e0062488e8e75c4.png) no-repeat bottom;background-size: 70.75vw auto;margin-bottom: 15.23vw;}.custom-html-component .main4-phone-box1, .custom-html-component .main4-phone-box3, .custom-html-component .main4-video1-box {display: none;}.custom-html-component .main4-cont1 .main-intr {width: 60vw;}.custom-html-component .main4-cont2 .main-intr {width: 61.6vw;}.custom-html-component .main4-cont3 .main-intr {width: 70vw;}.custom-html-component .main4-cont3-box {display: none;}.custom-html-component .main4-phone-box2 {display: block;position: absolute;bottom: -17vw;left: 50%;margin-left: -50vw;width: 100vw;height: 86.85vw;background: url(https://dsfs.oppo.com/product/2020/ace2/images/768/main4-phone2-585b357117ba11fa8d6700932967ff7d.png) no-repeat top;background-size: 100vw auto;}.custom-html-component .section-5 .main-txt-item {padding-right: 11vw;}.custom-html-component .section-5 {height: 350vh;background: #181818;}.custom-html-component .main5-info {padding-top: 16vw;position: absolute;left: 0;z-index: 5;}.custom-html-component .main5-info1 {top: 100vh;left: 13vw;}.custom-html-component .main5-info2 {top: 250vh;left: 13vw;}.custom-html-component .main5-info1 .main-intr {width: 74.74vw;}.custom-html-component .main5-info2 .main-intr {width: 60vw;}.custom-html-component .main5-box {position: absolute;top: 0;left: 0;width: 88.67vw;height: 100vh;}.custom-html-component .main5-box.fix {position: fixed;}.custom-html-component .main5-box.over {top: auto;bottom: 0;}.custom-html-component .main5-pic3 {position: absolute;bottom: 0;left: 0;width: 88.67vw;height: 116.74vw;}.custom-html-component .main5-pic1 {bottom: 30vw;left: 24.6vw;width: 29.36vw;height: 33.6vw;z-index: 3;}.custom-html-component .main5-pic1, .custom-html-component .main5-pic2 {position: absolute;-webkit-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8);}.custom-html-component .main5-pic2 {bottom: 28vw;left: 52.3vw;width: 28.77vw;height: 35.677vw;z-index: 2;}.custom-html-component .main5-pic2.on {z-index: 4;}.custom-html-component .main5-chip1-1, .custom-html-component .main5-chip1-2, .custom-html-component .main5-chip1-3, .custom-html-component .main5-chip2-1, .custom-html-component .main5-chip2-2, .custom-html-component .main5-chip2-3 {display: block;position: absolute;top: 0;left: 0;}.custom-html-component .main5-chip1-1, .custom-html-component .main5-chip2-1 {z-index: 2;}.custom-html-component .main5-chip1-2, .custom-html-component .main5-chip2-2 {z-index: 3;}.custom-html-component .main5-chip1-3, .custom-html-component .main5-chip2-3 {z-index: 1;}.custom-html-component .main5-chip1-2, .custom-html-component .main5-chip1-3, .custom-html-component .main5-chip2-2, .custom-html-component .main5-chip2-3 {opacity: 0;}.custom-html-component .main5-chip1-2 {width: 90%;height: auto;left: 5%;top: -.5vw;}.custom-html-component .main5-box-static {display: none;}.custom-html-component .static .main5-box-static {display: block;}.custom-html-component .static .section-5 {height: 200vh;}.custom-html-component .static .main5-info1 {top: 0;}.custom-html-component .static .main5-info2 {top: 100vh;}.custom-html-component .static .main5-box {position: relative;}.custom-html-component .static .main5-pic1 picture {opacity: 1;}.custom-html-component .static .main5-box-static .main5-pic1 picture, .custom-html-component .static .main5-pic2 picture {opacity: 0;}.custom-html-component .static .main5-box-static .main5-pic2 picture {opacity: 1;}.custom-html-component .section-6 {height: auto;background: #000;overflow: hidden;}.custom-html-component .main6-cont {width: 100vw;height: auto;position: relative;margin: 0 auto;}.custom-html-component .main6-info-box {position: relative;left: 0;top: 0;z-index: 3;width: 100%;height: 100%;}.custom-html-component .main6-info {position: absolute;left: 13.15vw;}.custom-html-component .main6-info0 {top: 100vh;}.custom-html-component .main6-info1 {top: calc(300vh - 80vw);}.custom-html-component .main6-info2 {position: relative;top: 0;left: 8vw;margin-bottom: 3.13vw;}.custom-html-component .main6-info .main-intr {width: 65vw;}.custom-html-component .main6-list {position: relative;width: 89.71vw;height: auto;margin: 0 auto 15.234vw;}.custom-html-component .main6-list1 {padding-top: calc(300vh - 42.57vw);height: 42.57vw;}.custom-html-component .main6-list-item, .custom-html-component .main6-picbox {width: 89.71vw;height: 42.57vw;position: relative;}.custom-html-component .main6-picbox {display: block;margin: 0 auto;}.custom-html-component .main6-picbox1 {-webkit-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;transform-origin: 50% 50%;}.custom-html-component .main6-picbox1.fix {position: fixed;bottom: auto;top: 50%;margin-top: -21.285vw;left: 50%;margin-left: -44.855vw;}.custom-html-component .main6-picbox1.abs {position: absolute;bottom: 250vh;top: auto;left: 50%;margin-left: -44.855vw;margin-bottom: -21.285vw;}.custom-html-component .main6-img-rim {width: 100%;height: 100%;display: none;position: absolute;top: 0;left: 0;z-index: 2;}.custom-html-component .main6-video1-box {background: url(https://dsfs.oppo.com/product/2020/ace2/images/768/main6-video-bg-6a143f121a5554bbbeb37e2d126475b3.png) no-repeat bottom;background-size: cover;}.custom-html-component .main6-video1-box, .custom-html-component .main6-video2-box {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;width: 86.2vw;height: 38.54vw;overflow: hidden;border-radius: 1.5vw;}.custom-html-component .main6-video2-box {background: url(https://dsfs.oppo.com/product/2020/ace2/images/768/main6-video-bg2-401b1a45e734160b74f46a9c9a6fce00.png) no-repeat bottom;background-size: cover;}.custom-html-component .main6-video1, .custom-html-component .main6-video2 {display: none;}.custom-html-component .static .main6-info0 {top: 13vw;}.custom-html-component .static .main6-info1 {top: 36vw;}.custom-html-component .static .main6-list1 {padding-top: 73vw;}.custom-html-component .static .main6-img-rim {display: block;}.custom-html-component .section-7 {height: auto;}.custom-html-component .main7 {height: 100vw;background: #000 url(https://dsfs.oppo.com/product/2020/ace2/images/768/main7-img-bcfa508a65fe70b06a22e60bd55eacdd.png) no-repeat bottom;background-size: 100% auto;}.custom-html-component .section-7 .main-txt-item {display: block;}.custom-html-component .main7-info {z-index: 2;position: relative;width: 74vw;margin: 0 auto;}.custom-html-component .main7-info .main-intr {width: 55.3vw;}.custom-html-component .section-8 {height: 110.41vw;background: #000 url(https://dsfs.oppo.com/product/2020/ace2/images/768/main8-img-ada3f1123c642bb46a96e1d0cbefd1dc.png) no-repeat bottom;background-size: 100% auto;}.custom-html-component .main8-info {z-index: 2;position: relative;width: 74vw;margin: 0 auto;padding-top: 15vw;}.custom-html-component .section-9 {height: 232vw;background: #000;}.custom-html-component .main9-cont {width: 106vw;height: auto;}.custom-html-component .main9-cont, .custom-html-component .main9-info {position: absolute;top: 0;left: 50%;-webkit-transform: translate(-50%);-ms-transform: translate(-50%);transform: translate(-50%);}.custom-html-component .main9-info {z-index: 2;height: 44vw;width: 63vw;margin: 0 auto;}.custom-html-component .main9-text {position: absolute;left: 0;}.custom-html-component .main9-text1 {position: absolute;top: 15.5vw;}.custom-html-component .main9-text2 {position: absolute;top: 98vw;}.custom-html-component .section-9 .main-intr {width: 61.72vw;}.custom-html-component .main9-info .main-txt-item {width: 100vw;}.custom-html-component .main9-info2 .main-txt-item {display: block;}.custom-html-component .main9-pic {width: 106.05vw;height: 30vw;position: relative;margin: 0 auto;}.custom-html-component .main9-img1 {width: 63vw;display: none;}.custom-html-component .main9-img2 {width: 63vw;top: 49vw;}.custom-html-component .main9-img3 {width: 63vw;opacity: 1;top: 143vw;}.custom-html-component .main9-img4 {width: 115vw;top: 35vw;}.custom-html-component .section-10 {height: 172.653vw;background: #000;margin-top: -40vw;}.custom-html-component .main10 .main-intr {width: 57.64vw;}.custom-html-component .main10-info {box-sizing: border-box;height: 46.5vw;width: 74vw;margin: 0 auto;position: relative;z-index: 2;}.custom-html-component .main10-info .main-txt-item {display: block;width: 78vw;}.custom-html-component .main10-pic {width: 89.426vw;height: 101.23vw;margin: 0 auto;position: relative;}.custom-html-component .main10-img {position: absolute;-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0.01, 0.23, 1);transition: -webkit-transform 1s cubic-bezier(0, 0.01, 0.23, 1);transition: transform 1s cubic-bezier(0, 0.01, 0.23, 1);transition: transform 1s cubic-bezier(0, 0.01, 0.23, 1), -webkit-transform 1s cubic-bezier(0, 0.01, 0.23, 1);}.custom-html-component .main10-img1 {z-index: 8;width: 88.279vw;height: auto;top: 0;left: 0;}.custom-html-component .main10-img2 {z-index: 7;width: 78.852vw;height: auto;top: 1.639vw;left: 3.689vw;}.custom-html-component .main10-img3 {z-index: 6;width: 20.82vw;height: auto;top: 2.46vw;left: 63.934vw;}.custom-html-component .main10-img4 {z-index: 5;width: 89.59vw;height: auto;top: -.82vw;left: -.656vw;}.custom-html-component .main10-img5 {z-index: 4;width: 9.1vw;height: auto;top: .82vw;left: 56.557vw;}.custom-html-component .main10-img6 {z-index: 3;width: 33.77vw;height: auto;top: .82vw;left: 38.52vw;}.custom-html-component .main10-img7 {z-index: 2;width: 57.787vw;height: auto;top: 0;left: 20.902vw;}.custom-html-component .main10-img8 {z-index: 1;width: 88.361vw;height: auto;top: 2.295vw;left: 0;}.custom-html-component .break .main10-img1 {-webkit-transform: translateZ(0);transform: translateZ(0);}.custom-html-component .break .main10-img2 {-webkit-transform: translate3d(0, 16.393vw, 0);transform: translate3d(0, 16.393vw, 0);}.custom-html-component .break .main10-img3 {-webkit-transform: translate3d(0, 29.508vw, 0);transform: translate3d(0, 29.508vw, 0);}.custom-html-component .break .main10-img4 {-webkit-transform: translate3d(0, 34.836vw, 0);transform: translate3d(0, 34.836vw, 0);}.custom-html-component .break .main10-img5 {-webkit-transform: translate3d(0, 54.098vw, 0);transform: translate3d(0, 54.098vw, 0);}.custom-html-component .break .main10-img6 {-webkit-transform: translate3d(0, 59.836vw, 0);transform: translate3d(0, 59.836vw, 0);}.custom-html-component .break .main10-img7 {-webkit-transform: translate3d(0, 70.163vw, 0);transform: translate3d(0, 70.163vw, 0);}.custom-html-component .break .main10-img8 {-webkit-transform: translate3d(0, 82.951vw, 0);transform: translate3d(0, 82.951vw, 0);}.custom-html-component .section-11 {height: 140.45vw;background: #000;}.custom-html-component .main11 {box-sizing: border-box;}.custom-html-component .main11-top-lab {width: 34.52vw;height: 7.29vw;color: #000;text-align: center;line-height: 7.29vw;font-size: 6.25vw;background: #83fb4d;position: relative;z-index: 2;margin-left: 10.93vw;}.custom-html-component .main11-top-txt {width: 100%;height: 12.5vw;margin: 5.34vw auto 6.38vw;position: relative;z-index: 2;}.custom-html-component .main11-pic {position: relative;width: 100vw;height: 80vw;}.custom-html-component .main11-img2 {display: block;width: 127.23vw;height: auto;position: relative;left: -30vw;top: -10vw;}.custom-html-component .main11-info {width: 74vw;margin: -3vw auto;}.custom-html-component .main11-info .main-intr {width: 58vw;}.custom-html-component .section-12 {height: auto;background: #000;}.custom-html-component .main12 {box-sizing: border-box;}.custom-html-component .main12-box {width: 100%;font-size: 0;}.custom-html-component .main12-box, .custom-html-component .main12-list {position: relative;height: auto;}.custom-html-component .main12-list {display: block;width: 74.09vw;margin: 0 auto;}.custom-html-component .main12-list1 {display: block;padding-top: 200vh;}.custom-html-component .main12-pic {display: block;width: 74vw;height: 41.8vw;margin: 0 auto;position: relative;}.custom-html-component .main12-img1 {-webkit-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;transform-origin: 50% 50%;width: 74vw;height: 41.8vw;}.custom-html-component .main12-img1.fix {position: fixed;bottom: auto;top: 50%;margin-top: -20.9vw;left: 50%;margin-left: -37vw;}.custom-html-component .main12-img1.abs {position: absolute;bottom: calc(100% + 150vh);left: 50%;margin-left: -37vw;margin-bottom: -20.9vw;}.custom-html-component .main12-p1 {font-size: 3.125vw;line-height: 4.375vw;color: #fff;padding-top: 3.38vw;margin-bottom: 1.17vw;}.custom-html-component .main12-p2 {font-size: 2.083vw;line-height: 3.125vw;color: #fff;margin-bottom: 5.86vw;}.custom-html-component .main12-list4 .main12-p2 {margin-bottom: 26vw;}.custom-html-component .main12-list-static {display: none;}.custom-html-component .static .main12-list1 {padding: 0;}.custom-html-component .section-13 {background: #000;height: 151.56vw;}.custom-html-component .main13-info {width: 74vw;margin: 0 auto 5.6vw;}.custom-html-component .main13-info .main-intr {width: 58.6vw;}.custom-html-component .main13-lists {width: 74.1vw;margin: 0 auto;height: 58.2vw;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}.custom-html-component .main13-list {position: relative;}.custom-html-component .main13-list, .custom-html-component .main13-pic {display: block;width: 36.3vw;height: 58.2vw;}.custom-html-component .main13-txt {position: absolute;bottom: 4.166vw;left: 0;width: 100%;font-size: 2.08vw;line-height: 3.125vw;text-align: center;color: #fff;}.custom-html-component .section-14 {height: 149.6vw;background: #000;}.custom-html-component .main14 {box-sizing: border-box;}.custom-html-component .main14-top-lab {width: 13.28vw;height: 7.3vw;color: #000;text-align: center;line-height: 7.3vw;font-size: 6.25vw;background: #83fb4d;margin-left: 10.94vw;}.custom-html-component .main14-top-txt {margin: 3.9vw auto 7.61vw;height: 8.3333vw;}.custom-html-component .main14-img1, .custom-html-component .main14-top-txt {width: 100vw;display: block;position: relative;}.custom-html-component .main14-img1 {height: 8.3vw;}.custom-html-component .main14-cont {display: block;height: 123.82vw;position: relative;background: url(https://dsfs.oppo.com/product/2020/ace2/images/768/bg14-7a42ead2e26596940d3480422f07d2e0.png) no-repeat top;background-size: 100% 100%;}.custom-html-component .main14-info {position: relative;z-index: 2;padding-top: 6.25vw;width: 74vw;margin: 0 auto;}.custom-html-component .main14-info .main-intr {width: 41vw;}.custom-html-component .section-15 {height: 65.1vw;background: #000;}.custom-html-component .main15-lists {width: 74vw;height: 63.8vw;font-size: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: top;-ms-flex-align: top;align-items: top;margin: 0 auto;}.custom-html-component .main15-list {width: 10.4vw;height: 63.8vw;background: #4c5154;position: relative;-webkit-transition: all 1s;transition: all 1s;overflow: hidden;}.custom-html-component .main15-list.on {width: 50.78vw;}.custom-html-component .main15-info {position: relative;padding-top: 21.09vw;padding-left: 1.432vw;}.custom-html-component .main15-info, .custom-html-component .main15-info .main-intr {-webkit-transition: all 1s;transition: all 1s;width: 50.78vw;}.custom-html-component .main15-info .main-intr {opacity: 0;}.custom-html-component .main15-list.on .main15-info {padding-left: 4.948vw;padding-top: 47.9vw;}.custom-html-component .main15-list.on .main15-info .main-intr {opacity: 1;}.custom-html-component .main15-info .main-title {font-size: 3.75vw;line-height: 4.8vw;padding-bottom: 1.302vw;}.custom-html-component .main15-info .main-intr {font-size: 2.0833vw;line-height: 3.125vw;}.custom-html-component .main15-obj picture {height: 100%;}.custom-html-component .main15-obj picture img {object-fit: cover;}.custom-html-component .main15-list .main15-info .main-title span {display: none;}.custom-html-component .main15-list.on .main15-info .main-title span {display: inline;opacity: 1;}.custom-html-component .section-16 {height: 76.3vw;background: #000;}.custom-html-component .main16-lists {width: 74vw;height: 75vw;font-size: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: top;-ms-flex-align: top;align-items: top;margin: 0 auto;}.custom-html-component .main16-list {width: 36.45vw;height: 75vw;background: -webkit-linear-gradient(top, #1a1a1a, #2f2f2f);background: linear-gradient(180deg, #1a1a1a, #2f2f2f);position: relative;overflow: hidden;}.custom-html-component .main16-info {position: absolute;top: 9.92vw;left: 3.64vw;z-index: 3;width: 19vw;}.custom-html-component .main16-info .i-br {display: block;}.custom-html-component .main16-info .main-intr {width: 31vw;}.custom-html-component .main16-info .main-title {padding-bottom: 1.3vw;}.custom-html-component .main16-pic {display: block;width: 27.99vw;height: 30.46vw;position: absolute;left: 50%;bottom: 0;margin-left: -13.995vw;}.custom-html-component .main16-pic2 {height: 33vw;}.custom-html-component .section-17 {height: 106.77vw;background: #000;}.custom-html-component .main17-cont {width: 74vw;margin: 0 auto;height: 96.354vw;overflow: hidden;background: -webkit-linear-gradient(#1a1a1a, #2f2f2f);background: linear-gradient(#1a1a1a, #2f2f2f);position: relative;}.custom-html-component .main17-info {padding-top: 12.5vw;padding-left: 3.9vw;}.custom-html-component .main17-info .main-intr {width: 60vw;}.custom-html-component .main17-lists {position: absolute;bottom: 0;left: 50%;margin-left: -54.05vw;width: 108.1vw;font-size: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: top;-ms-flex-align: top;align-items: top;height: 56.57vw;}.custom-html-component .main17-list {display: block;width: 32.55vw;height: 56.57vw;}.custom-html-component .section-18 {height: 93.75vw;background: #000;}.custom-html-component .main18 {width: 74vw;margin: 0 auto;}.custom-html-component .main18-lists {height: auto;}.custom-html-component .main18-list, .custom-html-component .main18-lists {display: block;width: 100%;position: relative;}.custom-html-component .main18-list {height: 83.3333vw;background: #fff;overflow: hidden;}.custom-html-component .main18-info {padding-left: 3.9vw;padding-top: 10vw;position: relative;z-index: 2;}.custom-html-component .main18-info .main-title {color: #000;width: 36vw;}.custom-html-component .main18-info .main-intr {width: 56vw;color: #000;}.custom-html-component .main18-pic {position: absolute;right: 0;bottom: -1px;display: block;width: 100%;height: auto;}.custom-html-component .main18-img {height: auto;}.custom-html-component .main18-info em {position: absolute;top: 46%;right: 4.1vw;display: block;font-size: 1.8vw;line-height: 1.8vw;padding: .6vw .8vw;color: #000;border: 1px solid #979797;}.custom-html-component .section-19 {height: 84vw;background: #000;}.custom-html-component .main19 {width: 74vw;margin: 0 auto;}.custom-html-component .section-19 p {font-family: OPPOFont-Medium;font-size: 1.4323vw;line-height: 2.084vw;color: #fff;margin-bottom: 1vw;opacity: .7;}}@media screen and (max-width: 767px) {.custom-html-component .g-wrap .oc-blank {height: 5.86vw;}.custom-html-component .main, .custom-html-component .section-content {width: 100vw;}.custom-html-component .main, .custom-html-component .main-title {position: relative;}.custom-html-component .main-title {font-size: 6.6667vw;line-height: 9.44444vw;text-align: left;letter-spacing: -.066666vw;color: #fff;padding-bottom: 4.16666vw;}.custom-html-component .main-title span {display: block;opacity: .7;line-height: 9.44444vw;height: 9.44444vw;}.custom-html-component .main-title br {font-size: 0;width: 0;height: 0;padding: 0;margin: 0;border: 0;display: inline-block;vertical-align: top;}.custom-html-component .main-intr {font-size: 4.4444vw;line-height: 6.6666vw;padding-bottom: 5.5555vw;}.custom-html-component .main-intr, .custom-html-component .main-txt {text-align: left;color: #fff;position: relative;}.custom-html-component .main-txt {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;vertical-align: top;font-size: 3.6111vw;line-height: 5.2777vw;letter-spacing: 0;-webkit-box-align: center;-ms-flex-align: center;align-items: center;min-height: 7.2222vw;white-space: nowrap;}.custom-html-component .main-txt br {display: none;}.custom-html-component .main-txt-cont {width: 100%;text-align: left;font-size: 0;}.custom-html-component .main-txt-item {display: block;padding-bottom: 4.5555vw;}.custom-html-component .main-txt-item-icon {display: block;width: 7.2222vw;height: 7.2222vw;margin-bottom: 1.9444vw;-webkit-transform: scale(1.4);-ms-transform: scale(1.4);transform: scale(1.4);-webkit-transform-origin: 0 50%;-ms-transform-origin: 0 50%;transform-origin: 0 50%;}.custom-html-component .section-1 {height: 172.56vw;}.custom-html-component .main1-title {background: url(https://dsfs.oppo.com/product/2020/ace2/images/360/main1-text-aa138c31a6815ca431d76c068acbf690.png) 0 0 / 100% auto no-repeat;width: 112vw;height: 185.56vw;position: absolute;left: 50%;top: -13vw;opacity: 0;-webkit-transform: translate3d(-50%, 10vw, 0);transform: translate3d(-50%, 10vw, 0);-webkit-animation: main1-title 1.5s ease-out 2.5s forwards;animation: main1-title 1.5s ease-out 2.5s forwards;}.custom-html-component .main1-phone1 {left: 50%;bottom: -14vw;-webkit-transform: translate3d(-50%, 0, 0);transform: translate3d(-50%, 0, 0);}.custom-html-component .main1-phone1, .custom-html-component .main1-phone1 .picture {z-index: 2;position: absolute;width: 100vw;height: auto;}.custom-html-component .main1-phone1 .picture {left: 0;bottom: 0;}.custom-html-component .main1-phone2, .custom-html-component .main1-phone3 {display: none;}@-webkit-keyframes main1-title {0% {-webkit-transform: translate3d(-50%, 50px, 0);transform: translate3d(-50%, 50px, 0);opacity: 0;}to {-webkit-transform: translate3d(-50%, 0, 0);transform: translate3d(-50%, 0, 0);opacity: 1;}}@keyframes main1-title {0% {-webkit-transform: translate3d(-50%, 50px, 0);transform: translate3d(-50%, 50px, 0);opacity: 0;}to {-webkit-transform: translate3d(-50%, 0, 0);transform: translate3d(-50%, 0, 0);opacity: 1;}}@-webkit-keyframes main1-phone1 {0% {opacity: 0;-webkit-transform: translateY(70px);transform: translateY(70px);}to {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}}@keyframes main1-phone1 {0% {opacity: 0;-webkit-transform: translateY(70px);transform: translateY(70px);}to {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}}.custom-html-component .section-2 {height: 189.444vw;background: url(https://dsfs.oppo.com/product/2020/ace2/images/360/bg2-1919e04552c003a1c1c814304f45c338.png) no-repeat 0;background-size: 100% 100%;margin-top: 175vw;}.custom-html-component .main2 {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}.custom-html-component .main2-video-box {display: none;}.custom-html-component .main2-txt {font-size: 5.555vw;line-height: 8.333vw;text-align: center;color: #fff;width: 92vw;}.custom-html-component .main2-txt .br0 {display: none;}.custom-html-component .main2 .line5 {color: #83fb4d;-webkit-animation: main5-line5 0.8s steps(2) infinite both;animation: main5-line5 0.8s steps(2) infinite both;}@-webkit-keyframes main5-line5 {0% {opacity: 0;}to {opacity: 1;}}@keyframes main5-line5 {0% {opacity: 0;}to {opacity: 1;}}.custom-html-component .section-3 {height: 188.888vw;background: #181818;}.custom-html-component .main3, .custom-html-component .section-3 {overflow: hidden;}.custom-html-component .main3-lines {opacity: .7;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: -webkit-linear-gradient(#2a2a2a 0.28vw, transparent 0), -webkit-linear-gradient(left, #2a2a2a 0.28vw, transparent 0);background-image: linear-gradient(#2a2a2a 0.28vw, transparent 0), linear-gradient(90deg, #2a2a2a 0.28vw, transparent 0);background-size: 20.28vw 20.28vw,20.28vw 20.28vw;background-position: -.28vw 13.9vw,50% -.28vw;}.custom-html-component .main3-lists {position: relative;width: 81.12vw;height: auto;margin: 13.88vw auto 0;z-index: 2;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}.custom-html-component .main3-list {display: block;width: 20.28vw;height: 40.56vw;margin: 0 10.14vw;}.custom-html-component .main3-list i {overflow: hidden;}.custom-html-component .main3-list i, .custom-html-component .main3-list p {display: block;width: 20.28vw;height: 20.28vw;}.custom-html-component .main3-list p {padding-top: 1.666vw;font-size: 3.6111vw;line-height: 4.72222vw;color: #fff;text-align: left;letter-spacing: -.225vw;}.custom-html-component .main3-list span {display: block;}.custom-html-component .section-4 {height: auto;background: #000;}.custom-html-component .main4-top {width: 100vw;height: auto;margin: 0 auto 25vw;position: relative;box-sizing: border-box;padding-top: 33.33vw;-webkit-transition: opacity 1s,-webkit-transform 1s;transition: opacity 1s,-webkit-transform 1s;transition: opacity 1s,transform 1s;transition: opacity 1s,transform 1s,-webkit-transform 1s;z-index: 2;}.custom-html-component .main4-top-lab {width: 42.28vw;height: 11.11vw;color: #000;text-align: center;line-height: 11.11vw;font-size: 10vw;background: #83fb4d;margin-left: 4.4444vw;}.custom-html-component .main4-top-txt {width: 100%;height: 7.222vw;margin: 8.611vw auto 0;position: relative;}.custom-html-component .main4-conts {width: 100vw;}.custom-html-component .main4-cont, .custom-html-component .main4-conts {position: relative;height: auto;}.custom-html-component .main4-cont {width: 100%;margin: 0 auto;}.custom-html-component .main4-conts.fix .main4-cont {position: absolute;top: 0;left: 0;}.custom-html-component .main4-cont > div {position: relative;width: 100%;margin: auto;}.custom-html-component .main4-info-box {display: block;width: 91.6666vw;height: auto;margin: 0 auto;position: relative;z-index: 2;}.custom-html-component .main4-cont1 {height: 150vw;background: url(https://dsfs.oppo.com/product/2020/ace2/images/360/main4-phone1-f169887b262c54a16730c6ec2f66b2b5.png) no-repeat center 86vw;background-size: 100% auto;}.custom-html-component .main4-cont2 {height: 197vw;}.custom-html-component .main4-cont .main4-cont3 {height: 155vw;background: url(https://dsfs.oppo.com/product/2020/ace2/images/360/main4-phone3-8ca15dd3e39fb2af82375cb9ddc2dd18.png) no-repeat 5vw bottom;background-size: 100% auto;margin-bottom: 13vw;}.custom-html-component .main4-phone-box1, .custom-html-component .main4-phone-box3, .custom-html-component .main4-video1-box {display: none;}.custom-html-component .main4-cont1 .main-intr {width: 90vw;}.custom-html-component .main4-cont2 .main-title {width: 100vw;}.custom-html-component .main4-cont2 .main-intr, .custom-html-component .main4-cont3 .main-intr {width: 90vw;}.custom-html-component .main4-cont3-box {display: none;}.custom-html-component .main4-phone-box2 {width: 100vw;height: 122.77vw;display: block;position: absolute;bottom: -9vw;left: 50%;margin-left: -50vw;background: url(https://dsfs.oppo.com/product/2020/ace2/images/360/main4-phone2-c277e1de3051b69d1367fb008b495347.png) no-repeat top;background-size: 100% auto;}.custom-html-component .section-5 .main-txt-item {padding-right: 11vw;}.custom-html-component .section-5 {height: 350vh;background: #181818;}.custom-html-component .main5-info {padding-top: 25vw;position: absolute;left: 0;z-index: 5;}.custom-html-component .main5-info1 {top: 100vh;left: 4.1666vw;}.custom-html-component .main5-info1 .main-intr {width: 85vw;}.custom-html-component .main5-info2 {top: 250vh;left: 4.1666vw;}.custom-html-component .main5-info2 .main-intr {width: 80vw;}.custom-html-component .main5-box {position: absolute;top: 0;left: 0;width: 88.5vw;height: 100vh;}.custom-html-component .main5-box.fix {position: fixed;}.custom-html-component .main5-box.over {top: auto;bottom: 0;}.custom-html-component .main5-pic3 {position: absolute;bottom: 0;left: 0;width: 88.5vw;height: 112.36vw;}.custom-html-component .main5-pic1 {bottom: 28vw;left: 25.4vw;width: 28.47vw;height: 32.5vw;z-index: 3;}.custom-html-component .main5-pic1, .custom-html-component .main5-pic2 {position: absolute;-webkit-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8);}.custom-html-component .main5-pic2 {bottom: 25.7vw;left: 53.3vw;width: 28.33vw;height: 35vw;z-index: 2;}.custom-html-component .main5-pic2.on {z-index: 4;}.custom-html-component .main5-chip1-1, .custom-html-component .main5-chip1-2, .custom-html-component .main5-chip1-3, .custom-html-component .main5-chip2-1, .custom-html-component .main5-chip2-2, .custom-html-component .main5-chip2-3 {display: block;position: absolute;top: 0;left: 0;}.custom-html-component .main5-chip1-1, .custom-html-component .main5-chip2-1 {z-index: 2;}.custom-html-component .main5-chip1-2, .custom-html-component .main5-chip2-2 {z-index: 3;}.custom-html-component .main5-chip1-3, .custom-html-component .main5-chip2-3 {z-index: 1;}.custom-html-component .main5-chip1-2, .custom-html-component .main5-chip1-3, .custom-html-component .main5-chip2-2, .custom-html-component .main5-chip2-3 {opacity: 0;}.custom-html-component .main5-chip1-2 {width: 94%;height: auto;left: 3%;top: -.5vw;}.custom-html-component .main5-box-static {display: none;}.custom-html-component .static .main5-box-static {display: block;}.custom-html-component .static .section-5 {height: 200vh;}.custom-html-component .static .main5-info1 {top: 0;}.custom-html-component .static .main5-info2 {top: 100vh;}.custom-html-component .static .main5-box {position: relative;}.custom-html-component .static .main5-pic1 picture {opacity: 1;}.custom-html-component .static .main5-box-static .main5-pic1 picture, .custom-html-component .static .main5-pic2 picture {opacity: 0;}.custom-html-component .static .main5-box-static .main5-pic2 picture {opacity: 1;}.custom-html-component .section-6 {height: auto;background: #000;overflow: hidden;}.custom-html-component .main6-cont {width: 100vw;height: auto;position: relative;margin: 0 auto;}.custom-html-component .main6-info-box {position: relative;left: 0;top: 0;z-index: 3;width: 100%;height: 100%;}.custom-html-component .main6-info {position: absolute;left: 4.1666vw;}.custom-html-component .main6-info0 {top: 100vh;}.custom-html-component .main6-info0 .main-intr {width: 91.666vw;}.custom-html-component .main6-sbr {display: block;font-size: 0;}.custom-html-component .main6-info1 {top: calc(300vh - 154vw);}.custom-html-component .main6-info2 {position: relative;top: 0;left: -.278vw;margin-bottom: 8.111vw;}.custom-html-component .main6-info1 .main-intr {width: 89vw;}.custom-html-component .main6-info2 .main-intr {width: 83vw;}.custom-html-component .main6-list {position: relative;width: 91.11vw;height: auto;margin: 0 auto 23.888vw;}.custom-html-component .main6-list1 {padding-top: calc(300vh - 43.33vw);height: 43.33vw;}.custom-html-component .main6-list-item, .custom-html-component .main6-picbox {width: 91.11vw;height: 43.33vw;position: relative;}.custom-html-component .main6-picbox {display: block;margin: 0 auto;}.custom-html-component .main6-picbox1 {-webkit-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;transform-origin: 50% 50%;-webkit-transform: rotate3d(0, 0, 0);transform: rotate3d(0, 0, 0);}.custom-html-component .main6-picbox1.fix {position: fixed;bottom: auto;top: 50%;margin-top: -21.665vw;left: 50%;margin-left: -45.555vw;}.custom-html-component .main6-picbox1.abs {position: absolute;bottom: 250vh;top: auto;left: 50%;margin-left: -45.555vw;margin-bottom: -21.665vw;}.custom-html-component .main6-img-rim {width: 100%;height: 100%;display: none;position: absolute;top: 0;left: 0;z-index: 2;}.custom-html-component .main6-video1-box {background: url(https://dsfs.oppo.com/product/2020/ace2/images/360/main6-video-bg-a04f35fa4ba170ddb613c6b60760cfaa.png) no-repeat bottom;background-size: cover;}.custom-html-component .main6-video1-box, .custom-html-component .main6-video2-box {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;width: 87.5vw;height: 39.1666vw;overflow: hidden;border-radius: 3.12vw;}.custom-html-component .main6-video2-box {background: url(https://dsfs.oppo.com/product/2020/ace2/images/360/main6-video-bg2-83d2f2bccfb1f9991050b281d2c93cf3.png) no-repeat bottom;background-size: cover;}.custom-html-component .main6-video1, .custom-html-component .main6-video2 {display: none;}.custom-html-component .static .main6-info0 {top: 25vw;}.custom-html-component .static .main6-info1 {top: 90vw;}.custom-html-component .static .main6-list1 {padding-top: 200vw;}.custom-html-component .static .main6-img-rim {display: block;}.custom-html-component .section-7 {height: auto;}.custom-html-component .main7 {height: 156vw;background: #000 url(https://dsfs.oppo.com/product/2020/ace2/images/360/main7-img-454f9e1568726927d4dc71a51dad0a3b.png) no-repeat bottom;background-size: 100% auto;}.custom-html-component .section-7 .main-txt-item {display: block;}.custom-html-component .main7-info {z-index: 2;position: relative;width: 91.6666vw;margin: 0 auto;}.custom-html-component .main7-info .main-intr {width: 88vw;}.custom-html-component .section-8 {height: 147vw;background: #000 url(https://dsfs.oppo.com/product/2020/ace2/images/360/main8-img-af86bbcd74ec62bdf0ce0c5bd393b48f.png) no-repeat bottom;background-size: 100% auto;}.custom-html-component .main8-info {z-index: 2;position: relative;width: 91.6666vw;margin: 0 auto;padding-top: 23.611vw;}.custom-html-component .section-9 {height: 376vw;background: #000;}.custom-html-component .section-9 .main-txt {display: initial;word-break: normal;white-space: normal;}.custom-html-component .section-9 .main-txt br {display: initial;}.custom-html-component .main9-cont {width: 106vw;height: auto;}.custom-html-component .main9-cont, .custom-html-component .main9-info {position: absolute;top: 0;left: 50%;-webkit-transform: translate(-50%);-ms-transform: translate(-50%);transform: translate(-50%);}.custom-html-component .main9-info {z-index: 2;height: 100vw;width: 91.6666vw;margin: 0 auto;text-align: justify;}.custom-html-component .main9-text {position: absolute;left: 0;}.custom-html-component .main9-text1 {top: 24vw;}.custom-html-component .main9-text1, .custom-html-component .main9-text2 {position: absolute;width: 100%;}.custom-html-component .main9-text2 {top: 138vw;}.custom-html-component .main9 .main-intr {width: 80vw;}.custom-html-component .main9-info2 .main-txt-item {display: block;}.custom-html-component .main9-pic {width: 106.05vw;height: 30vw;position: relative;margin: 0 auto;}.custom-html-component .main9-img1 {width: 75.5vw;display: none;}.custom-html-component .main9-img2 {width: 75.5vw;top: 80vw;}.custom-html-component .main9-img3 {width: 75.5vw;opacity: 1;top: 265vw;}.custom-html-component .main9-img4 {width: 150vw;top: 60vw;}.custom-html-component .section-10 {height: 212vw;background: #000;margin-top: -54vw;}.custom-html-component .main10-info {padding-top: 3.906vw;box-sizing: border-box;width: 91.6666vw;margin: 0 auto 4.96vw;}.custom-html-component .main10-info .main-txt-item {display: block;}.custom-html-component .main10-pic {width: 92vw;height: 112.777vw;}.custom-html-component .main10-info .main-txt-item {width: 80vw;}.custom-html-component .main10-pic {width: 89.426vw;height: 101.23vw;margin: 0 auto;position: relative;}.custom-html-component .main10-img {position: absolute;-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0.01, 0.23, 1);transition: -webkit-transform 1s cubic-bezier(0, 0.01, 0.23, 1);transition: transform 1s cubic-bezier(0, 0.01, 0.23, 1);transition: transform 1s cubic-bezier(0, 0.01, 0.23, 1), -webkit-transform 1s cubic-bezier(0, 0.01, 0.23, 1);}.custom-html-component .main10-img1 {z-index: 8;width: 88.279vw;height: auto;top: 0;left: 0;}.custom-html-component .main10-img2 {z-index: 7;width: 78.852vw;height: auto;top: 1.639vw;left: 3.689vw;}.custom-html-component .main10-img3 {z-index: 6;width: 20.82vw;height: auto;top: 2.46vw;left: 63.934vw;}.custom-html-component .main10-img4 {z-index: 5;width: 89.59vw;height: auto;top: -.82vw;left: -.656vw;}.custom-html-component .main10-img5 {z-index: 4;width: 9.1vw;height: auto;top: .82vw;left: 56.557vw;}.custom-html-component .main10-img6 {z-index: 3;width: 33.77vw;height: auto;top: .82vw;left: 38.52vw;}.custom-html-component .main10-img7 {z-index: 2;width: 57.787vw;height: auto;top: 0;left: 20.902vw;}.custom-html-component .main10-img8 {z-index: 1;width: 88.361vw;height: auto;top: 2.295vw;left: 0;}.custom-html-component .break .main10-img1 {-webkit-transform: translateZ(0);transform: translateZ(0);}.custom-html-component .break .main10-img2 {-webkit-transform: translate3d(0, 16.393vw, 0);transform: translate3d(0, 16.393vw, 0);}.custom-html-component .break .main10-img3 {-webkit-transform: translate3d(0, 29.508vw, 0);transform: translate3d(0, 29.508vw, 0);}.custom-html-component .break .main10-img4 {-webkit-transform: translate3d(0, 34.836vw, 0);transform: translate3d(0, 34.836vw, 0);}.custom-html-component .break .main10-img5 {-webkit-transform: translate3d(0, 54.098vw, 0);transform: translate3d(0, 54.098vw, 0);}.custom-html-component .break .main10-img6 {-webkit-transform: translate3d(0, 59.836vw, 0);transform: translate3d(0, 59.836vw, 0);}.custom-html-component .break .main10-img7 {-webkit-transform: translate3d(0, 70.163vw, 0);transform: translate3d(0, 70.163vw, 0);}.custom-html-component .break .main10-img8 {-webkit-transform: translate3d(0, 82.951vw, 0);transform: translate3d(0, 82.951vw, 0);}.custom-html-component .section-11 {height: 260vw;background: #000;}.custom-html-component .main11 {box-sizing: border-box;padding-top: 33.88vw;}.custom-html-component .main11-top-lab {width: 54vw;height: 11.11vw;color: #000;text-align: center;line-height: 11.11vw;font-size: 10vw;background: #83fb4d;position: relative;z-index: 2;margin-left: 4.1666vw;}.custom-html-component .main11-top-txt {width: 100%;height: 13.3333vw;margin: 6.1111vw auto 19.4444vw;position: relative;z-index: 2;}.custom-html-component .main11-pic {position: relative;width: 100vw;height: 103.88vw;margin-bottom: 6.5555vw;}.custom-html-component .main11-img2 {display: block;width: 213vw;height: auto;position: relative;left: -110vw;top: -27vw;}.custom-html-component .main11-info {width: 91.6666vw;margin: 0 auto;}.custom-html-component .section-12 {height: auto;background: #000;}.custom-html-component .main12 {box-sizing: border-box;}.custom-html-component .main12-box {width: 100%;font-size: 0;}.custom-html-component .main12-box, .custom-html-component .main12-list {position: relative;height: auto;}.custom-html-component .main12-list {display: block;width: 91.66vw;margin: 0 auto;}.custom-html-component .main12-list1 {display: block;padding-top: 200vh;}.custom-html-component .main12-pic {display: block;margin: 0 auto;position: relative;}.custom-html-component .main12-img1, .custom-html-component .main12-pic {width: 91.66vw;height: 51.38vw;}.custom-html-component .main12-img1 {-webkit-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;transform-origin: 50% 50%;}.custom-html-component .main12-img1.fix {position: fixed;bottom: auto;top: 50%;margin-top: -25.69vw;left: 50%;margin-left: -45.83vw;}.custom-html-component .main12-img1.abs {position: absolute;bottom: calc(100% + 150vh);left: 50%;margin-left: -45.83vw;margin-bottom: -25.69vw;}.custom-html-component .main12-p1 {font-size: 3.6111vw;line-height: 5.2777vw;margin-bottom: .777vw;padding-top: 4.72vw;}.custom-html-component .main12-p1, .custom-html-component .main12-p2 {color: #fff;text-align: left;opacity: .7;}.custom-html-component .main12-p2 {font-size: 3.05vw;line-height: 4.4444vw;margin-bottom: 11.11vw;}.custom-html-component .main12-list4 .main12-p2 {margin-bottom: 27.7vw;}.custom-html-component .main12-list-static {display: none;}.custom-html-component .static .main12-list1 {padding: 0;}.custom-html-component .section-13 {background: #000;height: 214.444vw;}.custom-html-component .main13-info {width: 91.6666vw;margin: 0 auto 16.6666vw;}.custom-html-component .main13-info .main-intr {width: 90vw;}.custom-html-component .main13-lists {width: 91.6666vw;margin: 0 auto;height: auto;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-pack: distribute;justify-content: space-around;}.custom-html-component .main13-list {width: 44.44vw;position: relative;}.custom-html-component .main13-list, .custom-html-component .main13-pic {display: block;height: 83.33vw;}.custom-html-component .main13-pic {width: 100%;}.custom-html-component .main13-txt {position: absolute;bottom: 5.55vw;left: 0;width: 100%;font-size: 3.611vw;line-height: 5.2777vw;text-align: center;color: #fff;opacity: .7;}.custom-html-component .section-14 {height: auto;background: #000;background: url(https://dsfs.oppo.com/product/2020/ace2/images/360/bg14-86b03fd88565e5aea96d8c043e72a1f9.png) no-repeat bottom;background-size: 100% auto;}.custom-html-component .main14 {box-sizing: border-box;}.custom-html-component .main14-top-lab {width: 21.3vw;height: 11.11vw;color: #000;text-align: center;line-height: 11.11vw;font-size: 10vw;background: #83fb4d;margin-left: 4.444vw;}.custom-html-component .main14-top-txt {margin: 5vw auto 12vw;height: 10.83vw;}.custom-html-component .main14-img1, .custom-html-component .main14-top-txt {width: 100vw;display: block;position: relative;}.custom-html-component .main14-img1 {height: 100%;}.custom-html-component .main14-cont {display: block;height: 175.55vw;position: relative;}.custom-html-component .main14-info {position: relative;z-index: 2;padding-top: 6.25vw;width: 91.6666vw;margin: 0 auto;}.custom-html-component .main14-info .main-intr {width: 90vw;}.custom-html-component .section-15 {height: auto;background: #000;}.custom-html-component .main15 {height: auto;}.custom-html-component .main15-lists {width: 91.6666vw;height: auto;font-size: 0;display: block;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: top;-ms-flex-align: top;align-items: top;margin: 0 auto;}.custom-html-component .main15-list {width: 100%;height: auto;background: #4c5154;position: relative;overflow: hidden;margin-bottom: 2.7vw;}.custom-html-component .main15-info, .custom-html-component .main15-list {-webkit-transition: all 1s;transition: all 1s;}.custom-html-component .main15-info {position: absolute;padding-top: 20.55vw;padding-left: 5.555vw;width: 50.78vw;top: 0;left: 0;}.custom-html-component .main15-info .main-intr {opacity: 1;-webkit-transition: all 1s;transition: all 1s;width: 88.88vw;}.custom-html-component .main15-info .main-title {font-size: 6.666vw;line-height: 10vw;padding-bottom: 2.22222vw;}.custom-html-component .main15-info .main-intr {font-size: 4.444vw;line-height: 6.6666vw;}.custom-html-component .main15-obj {position: relative;height: auto;}.custom-html-component .main15-obj:after {display: none;}.custom-html-component .main15-obj picture {width: 100%;height: auto;}.custom-html-component .main15-obj picture img {object-fit: cover;}.custom-html-component .main15-list .main15-info .main-title span {display: inline;opacity: 1;}.custom-html-component .section-16 {height: 325.5555vw;background: #000;}.custom-html-component .main16-lists {width: 91.6666vw;height: 325.5555vw;font-size: 0;margin: 0 auto;}.custom-html-component .main16-list {width: 91.6666vw;height: 160vw;background: -webkit-linear-gradient(top, #1a1a1a, #2f2f2f);background: linear-gradient(180deg, #1a1a1a, #2f2f2f);position: relative;overflow: hidden;margin: 0 auto 2.7777vw;}.custom-html-component .main16-info {position: absolute;top: 20.833vw;left: 5.5555vw;z-index: 3;width: 90vw;}.custom-html-component .main16-info .main-intr {width: 72vw;}.custom-html-component .main16-mc {position: absolute;width: 100%;height: 100%;z-index: 2;background: #000;opacity: .6;}.custom-html-component .main16-pic {display: block;width: 72.222vw;height: 81.3888vw;position: absolute;left: 50%;margin-left: -36.111vw;bottom: 0;}.custom-html-component .section-17 {height: 186.1111vw;background: #000;}.custom-html-component .main17-cont {width: 91.6666vw;margin: 0 auto;height: 166.6666vw;overflow: hidden;background: -webkit-linear-gradient(#1a1a1a, #2f2f2f);background: linear-gradient(#1a1a1a, #2f2f2f);position: relative;}.custom-html-component .main17-info {padding-top: 25vw;padding-left: 5.5555vw;}.custom-html-component .main17-info .main-intr {width: 70vw;}.custom-html-component .main17-lists {position: absolute;bottom: 0;left: 50%;margin-left: -72.222vw;width: 144.444vw;font-size: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: top;-ms-flex-align: top;align-items: top;height: 85.463vw;}.custom-html-component .main17-list {display: block;width: 44.444vw;height: 85.463vw;}.custom-html-component .section-18 {height: 165vw;background: #000;}.custom-html-component .main18 {width: 91.6666vw;margin: 0 auto;}.custom-html-component .main18-lists {height: auto;}.custom-html-component .main18-list, .custom-html-component .main18-lists {display: block;width: 100%;position: relative;}.custom-html-component .main18-list {height: 136.94444vw;background: #fff;overflow: hidden;}.custom-html-component .main18-info {padding-left: 5.55vw;padding-top: 16.666vw;position: relative;z-index: 2;}.custom-html-component .main18-info .main-title {color: #000;}.custom-html-component .main18-info .main-intr {width: 79vw;color: #000;}.custom-html-component .main18-info .main-intr br {display: none;}.custom-html-component .main18-pic {position: absolute;right: 0;bottom: -1px;display: block;width: 100%;height: auto;}.custom-html-component .main18-img {height: auto;}.custom-html-component .main18-info em {position: absolute;top: 46%;left: 44vw;display: block;font-size: 3.6vw;line-height: 3.6vw;padding: 1.2vw 1.6vw;color: #000;border: 1px solid #979797;}.custom-html-component .section-19 {height: 225.55vw;background: #000;}.custom-html-component .main19 {width: 91.6666vw;margin: 0 auto;}.custom-html-component .section-19 p {font-family: OPPOFont-Medium;font-size: 2.7777vw;line-height: 4.4vw;color: #fff;margin-bottom: 2vw;opacity: .7;}}.custom-html-component .main5-pic1 {-webkit-transform-origin: center center;-ms-transform-origin: center center;transform-origin: center center;}.custom-html-component .main5-pic2 {display: none;}.custom-html-component .static .main5-pic2 {display: block;}.custom-html-component .main5-chip1-4 {display: block;position: absolute;top: 0;left: 0;z-index: 3;opacity: 0;}@media only screen and (min-width: 1441px) {.custom-html-component .main5-chip1-4 {top: 9px;}}@media screen and (max-width: 1440px) and (min-width: 1221px) {.custom-html-component .main5-chip1-4 {top: 7px;}}@media screen and (max-width: 1220px) and (min-width: 1024px) {.custom-html-component .main5-chip1-4 {top: .6vw;}}@media screen and (max-width: 1023px) and (min-width: 768px) {.custom-html-component .main5-chip1-4 {top: 1vw;}}@media screen and (max-width: 767px) {.custom-html-component .main5-chip1-4 {top: .9vw;}}