body, html {width: 100%;overflow: auto;}.custom-html-component .hidden {display: none;font-size: 0;text-indent: -999em;}.custom-html-component .font-medium, .custom-html-component body, .custom-html-component html {font-family: OPPOFont-Medium;}.custom-html-component .font-regular {font-family: OPPOFont-Regular;}.custom-html-component .font-bold {font-family: OPPOFont-Bold;}.custom-html-component .product-container {width: 100%;max-width: 2560px;height: auto;margin: 0 auto;}.custom-html-component picture img {width: 100%;height: 100%;background-size: 100% 100%;}.custom-html-component #oc-container.fixed {z-index: 4 !important;}.custom-html-component .all-video-box {position: fixed;bottom: 0;width: 100%;display: none;z-index: 999;background-color: #000;}.custom-html-component .video-dialog-wrapper {position: absolute;top: 50%;left: 50%;z-index: 101;width: 1200px;height: 675px;margin-left: -600px;margin-top: -337.5px;}.custom-html-component .video-dialog-wrapper video {position: absolute;width: 100%;}.custom-html-component .video-dialog-close {position: absolute;top: -56px;right: 0;width: 26px;height: 26px;background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMyAzMyI+PGcgZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMSAtMSkiPjxyZWN0IHdpZHRoPSI0NSIgaGVpZ2h0PSIzIiB4PSItNSIgeT0iMTYiIHJ4PSIxIiB0cmFuc2Zvcm09InJvdGF0ZSg0NSAxNy41IDE3LjUpIi8+PHJlY3Qgd2lkdGg9IjQ1IiBoZWlnaHQ9IjMiIHg9Ii01IiB5PSIxNiIgcng9IjEiIHRyYW5zZm9ybT0icm90YXRlKC00NSAxNy41IDE3LjUpIi8+PC9nPjwvc3ZnPg==);background-size: cover;cursor: pointer;}@media only screen and (max-width: 767px) {.custom-html-component .video-dialog-wrapper {position: absolute;top: 50%;left: 50%;z-index: 101;width: 80vw;height: 45vw;margin-left: -40%;margin-top: 0;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}.custom-html-component .video-dialog-wrapper video {position: absolute;width: 100%;}.custom-html-component .pc {display: none;}.custom-html-component .m {display: block;}.custom-html-component .two-p.pc {display: none !important;}.custom-html-component .two-p.m {display: inline-block !important;box-sizing: border-box;}.custom-html-component .content {height: auto;background: #eaeaea;overflow: hidden;}.custom-html-component .section-wrap {width: 100vw;font-size: 0;text-align: center;overflow: hidden;}.custom-html-component .main #oc-header {background-color: #fff !important;}.custom-html-component .tit {font-family: OPPOFont-Bold;font-size: 6.66667vw;line-height: 8.88889vw;color: #000;text-align: left;padding-top: 16.66667vw;}.custom-html-component .explain {font-family: OPPOFont-Medium;font-size: 3.61111vw;line-height: 6.11111vw;color: rgba(0, 0, 0, 0.7);padding-top: 3.05556vw;}.custom-html-component .explain, .custom-html-component .small-explain {text-align: left;width: 83.33333vw;}.custom-html-component .small-explain {font-size: 2.77778vw;line-height: 4.16667vw;padding-top: 5.55556vw;color: rgba(255, 255, 255, 0.5);display: block;}.custom-html-component .tit.white {color: #fff;}.custom-html-component .explain.white {color: rgba(255, 255, 255, 0.7);}.custom-html-component .section img {width: 83.33333vw;height: auto;margin: 0 auto;display: block;padding-top: 8.33333vw;padding-bottom: 16.66667vw;}.custom-html-component .explain-box {padding-top: 5vw;text-align: left;}.custom-html-component .explain-box div {width: 37.77778vw;display: inline-block;vertical-align: top;}.custom-html-component .explain-box div p {font-size: 0;text-align: left;width: 100%;display: block;height: auto;}.custom-html-component .explain-box div p em {top: 0;top: -2.22222vw;}.custom-html-component .explain-box div p em, .custom-html-component .explain-box div span {display: inline-block;vertical-align: bottom;color: #000;}.custom-html-component .explain-box div span {font-size: 6.66667vw;font-family: OPPOFont-Bold;}.custom-html-component .explain-box div em {display: block;font-size: 3.61111vw;color: #424242;padding-left: 1.38889vw;font-family: OPPOFont-Medium;position: relative;}.custom-html-component .icon-box {width: 100%;height: auto;font-size: 0;padding-top: 6.94444vw;text-align: center;}.custom-html-component .icon-detail {display: inline-block;vertical-align: top;}.custom-html-component .icon-detail i {display: block;margin: 0 auto;}.custom-html-component .icon-detail i img {width: 100%;height: auto;padding: 0;}.custom-html-component .icon-detail p {font-size: 3.61111vw;color: rgba(0, 0, 0, 0.7);line-height: 5.55556vw;}.custom-html-component .section-7 .section-wrap, .custom-html-component .section-10 .section-wrap {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;-ms-flex-wrap: wrap;flex-wrap: wrap;}.custom-html-component .section-1 {height: 208.61111vw;position: relative;z-index: 1;overflow: hidden;background: #f1f1f1;color: #000;}.custom-html-component .section-1, .custom-html-component .section-1 .left {width: 100vw;}.custom-html-component .section-1 .left .tit {font-size: 6.11111vw;padding-top: 15.55556vw;}.custom-html-component .section-1 .left .explain, .custom-html-component .section-1 .left .tit {padding-left: 5.55556vw;color: #000;text-align: left;opacity: 0;}.custom-html-component .section-1 .left .explain {font-size: 4.05vw;font-family: OPPOFont-Bold;height: 5.55556vw;padding-top: 0;}.custom-html-component .section-1 .left .left-img {width: 98.3vw;height: 44.7vw;position: absolute;bottom: 0;right: 0;z-index: 2;opacity: 0;padding-top: 0;background: url(https://dsfs.oppo.com/product/2020/wristband/images/768/section-1-left-0f1f49a885c1e6c73298fea205792869.png);background-size: 100% 100%;}.custom-html-component .section-1 .right {width: 100vw;}.custom-html-component .section-1 .right .right-img {width: 55.27778vw;height: 120.27778vw;position: absolute;top: 6.94444vw;right: 0;opacity: 0;padding-top: 0;background: url(https://dsfs.oppo.com/product/2020/wristband/images/360/section-1-right-56954205e6ff671e44144301f04fb2ac.png);background-size: 100% 100%;}.custom-html-component .section-1 .left-i, .custom-html-component .section-1 .right-i {position: absolute;opacity: 0;}.custom-html-component .section-1 .left-i {width: 98.5vw;height: 47vw;background: url(https://dsfs.oppo.com/product/2020/wristband/images/768/section-1-1icon-e439247501b5cf0727d5f8e31009240d.png) bottom no-repeat;background-size: 100% 100%;right: 0;bottom: 0;}.custom-html-component .section-1 .right-i {width: 32.2vw;height: 64.3vw;background: url(https://dsfs.oppo.com/product/2020/wristband/images/768/section-1-2icon-f0d3851da970de5f689de873bc71b138.png) bottom no-repeat;background-size: 100% 100%;left: 0;top: 47.5vw;}.custom-html-component .section-1.show .tit {-webkit-animation: fadeInUpBig2 1s ease .8s both;animation: fadeInUpBig2 1s ease .8s both;}.custom-html-component .section-1.show .explain {-webkit-animation: fadeInUpBig2 1s ease 1s both;animation: fadeInUpBig2 1s ease 1s both;}.custom-html-component .section-1 .left.show .left-i {-webkit-animation: fadeInRightBig 1s ease .2s both;animation: fadeInRightBig 1s ease .2s both;}.custom-html-component .section-1 .left.show .left-img {-webkit-animation: fadeInUpBig 1s ease 1s both;animation: fadeInUpBig 1s ease 1s both;}.custom-html-component .section-1 .right.show .right-i {-webkit-animation: fadeInLeftBig 1s ease .2s both;animation: fadeInLeftBig 1s ease .2s both;}.custom-html-component .section-1 .right.show .right-img {-webkit-animation: fadeInRightBig 1s ease 1.2s both;animation: fadeInRightBig 1s ease 1.2s both;}.custom-html-component .section-2 {width: 100%;height: auto;position: relative;z-index: 1;overflow: hidden;}.custom-html-component .section-2 .left {background: #fff;}.custom-html-component .section-2 .right {background: #eaeaea;}.custom-html-component .section-2 .tit {padding-top: 16.66667vw;}.custom-html-component .section-2 .icon-detail {padding-right: 5.55556vw;padding-left: 5.55556vw;}.custom-html-component .section-2 .icon-detail i {display: block;margin: 0 auto 2.22222vw;width: 7.5vw;height: 6.66667vw;}.custom-html-component .section-2 .icon-detail p {text-align: center;}.custom-html-component .section-2 .left-cont, .custom-html-component .section-2 .right-cont {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;-ms-flex-wrap: wrap;flex-wrap: wrap;}.custom-html-component .section-2 .left .explain-box div em {padding-left: 0;}.custom-html-component .section-2 .left .explain-box div p em {padding-left: 1.38889vw;}.custom-html-component .section-2 .cont {position: relative;width: 83.33333vw;margin: 0 auto;overflow: hidden;}.custom-html-component .section-2 .right .explain-box div:first-of-type {width: 69.72222vw;}.custom-html-component .section-2 .right .explain-box div:nth-of-type(2) {width: 111.11111vw;}.custom-html-component .section-2 .small-explain {color: rgba(0, 0, 0, 0.5);}.custom-html-component .section-3 {width: 100%;height: 258.61111vw;position: relative;z-index: 1;overflow: hidden;background: #c61613;}.custom-html-component .section-3 .section-wrap {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;-ms-flex-wrap: wrap;flex-wrap: wrap;}.custom-html-component .section-3 .explain, .custom-html-component .section-3 .tit {padding-left: 8.3vw;}.custom-html-component .section-3 .tit {padding-top: 16.66667vw;}.custom-html-component .section-3 .left {height: auto;}.custom-html-component .section-3 .right-cont {width: 83.4vw;height: 111.4vw;margin: 11vw auto 0;background: #d01e1a;border-radius: 3.9vw;overflow: hidden;}.custom-html-component .section-3 .icon-detail {padding-right: 5.55556vw;width: 15vw;}.custom-html-component .section-3 .icon-detail i {display: block;width: 4.72222vw;height: 4.72222vw;position: relative;margin: 0 auto 2.22222vw;}.custom-html-component .section-3 .icon-detail i:before {width: 10vw;right: -12.7vw;}.custom-html-component .section-3 .icon-detail:first-of-type i:after, .custom-html-component .section-3 .icon-detail i:before {display: block;clear: both;content: "";height: .27778vw;background: rgba(255, 255, 255, 0.7);position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}.custom-html-component .section-3 .icon-detail:first-of-type i:after {width: 2.38vw;left: -5.55556vw;}.custom-html-component .section-3 .icon-detail:nth-of-type(4) i:before {width: 3.61111vw;right: -6.94444vw;}.custom-html-component .section-3 .icon-detail:nth-of-type(4) i:after {display: block;clear: both;content: "";width: 1.11111vw;height: 1.11111vw;position: absolute;top: 50%;-webkit-transform: translateY(-50%) rotate(-45deg);-ms-transform: translateY(-50%) rotate(-45deg);transform: translateY(-50%) rotate(-45deg);right: -7.38vw;border-bottom: 0.27778vw solid rgba(255, 255, 255, 0.7);border-right: 0.27778vw solid rgba(255, 255, 255, 0.7);}.custom-html-component .section-3 .icon-detail p {color: #fff;text-align: center;opacity: .7;}.custom-html-component .section-3 .small-explain {padding-left: 8.33333vw;}.custom-html-component .section-3 ul {width: 110%;height: 100%;font-size: 0;text-align: center;overflow: hidden;top: 2vw;left: -5%;position: relative;}.custom-html-component .section-3 ul li {width: 17.5vw;height: 15.6vw;background: url(https://dsfs.oppo.com/product/2020/wristband/images/768/section-3-i-928809ed7147f499e7e85b897ea92b06.png);background-size: 100% 100%;display: inline-block;margin: 1.3vw 1.8vw;}.custom-html-component .section-3 ul li.on {background: url(https://dsfs.oppo.com/product/2020/wristband/images/2560/section-3-ion-3fdb6ec3506d6c37a85cbb5e693742b7.png);background-size: 100% 100%;}.custom-html-component .section-3 ul li.one {-webkit-animation: pulse 1s ease-in-out infinite;animation: pulse 1s ease-in-out infinite;}.custom-html-component .section-3 ul li.two {-webkit-animation: pulse 1s ease-in-out .6s infinite;animation: pulse 1s ease-in-out .6s infinite;}.custom-html-component .section-3 ul li.three {-webkit-animation: pulse 1s ease-in-out .2s infinite;animation: pulse 1s ease-in-out .2s infinite;}.custom-html-component .section-3 ul li.on {-webkit-animation: pulseOn 1s ease-in-out infinite;animation: pulseOn 1s ease-in-out infinite;}.custom-html-component .section-4 {width: 100%;height: 227.3vw;position: relative;z-index: 1;overflow: hidden;background: #0f4dcb;}.custom-html-component .section-4 .explain, .custom-html-component .section-4 .tit {padding-left: 8.3vw;}.custom-html-component .section-4 .tit {padding-top: 16.9vw;}.custom-html-component .section-4 .right {height: auto;}.custom-html-component .section-4 .small-explain {padding-left: 8.33333vw;}.custom-html-component .section-4 .left-cont {width: 83.4vw;height: 111.4vw;margin: 11vw auto 0;background: #124aba;border-radius: 3.9vw;overflow: hidden;}.custom-html-component .section-4 ul {width: 140%;height: 100%;position: relative;font-size: 0;text-align: center;left: -20%;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;}.custom-html-component .section-4 ul li {width: 15.2vw;height: 557vw;background: url(https://dsfs.oppo.com/product/2020/wristband/images/1024/section-4-i-f739769a166ff68e2def5be34965e5c3.png);background-size: 100% auto;display: inline-block;margin: 0 3.6vw;background-position: 0 -7.5vw;}.custom-html-component .section-4 ul li.one {-webkit-animation: fadeInUp 5s ease-in-out infinite;animation: fadeInUp 5s ease-in-out infinite;}.custom-html-component .section-4 ul li.two {-webkit-animation: fadeInUp2 5s ease-in-out infinite;animation: fadeInUp2 5s ease-in-out infinite;}.custom-html-component .section-5 {width: 100%;height: auto;position: relative;z-index: 1;overflow: hidden;}.custom-html-component .section-5 .left-cont, .custom-html-component .section-5 .right-cont {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;-ms-flex-wrap: wrap;flex-wrap: wrap;}.custom-html-component .section-5 .left {background: #fff;}.custom-html-component .section-5 .right {background: #eaeaea;}.custom-html-component .section-5 .explain, .custom-html-component .section-5 .tit {padding-left: 8.3vw;}.custom-html-component .section-5 .tit {padding-top: 16.9vw;}.custom-html-component .section-5 .small-explain {padding-left: 8.33333vw;color: rgba(0, 0, 0, 0.5);margin-bottom: 8.33333vw;}.custom-html-component .section-5 .explain-box {font-size: 0;text-align: left;padding-left: 8.3vw;padding-top: 5.5vw;}.custom-html-component .section-5 .explain-box div {width: 32.5vw;display: inline-block;vertical-align: top;}.custom-html-component .section-5 .explain-box div p {font-size: 0;text-align: left;width: 19.5vw;display: block;}.custom-html-component .section-5 .explain-box div span {display: inline-block;vertical-align: bottom;font-size: 6.5vw;color: #000;font-family: OPPOFont-Bold;}.custom-html-component .section-5 .explain-box div span em {color: #000;top: -1vw;}.custom-html-component .section-5 .explain-box div em {display: inline-block;vertical-align: bottom;font-size: 3.3vw;color: #333;padding-left: .65vw;font-family: OPPOFont-Medium;position: relative;}.custom-html-component .section-5 .swiper-container {width: 83.33333vw;height: 111.38889vw;margin: 0 auto 16.66667vw;background: #000;}.custom-html-component .section-5 .swiper-container:before {display: block;clear: both;content: "";width: 83.33333vw;height: 111.38889vw;margin: 0 auto;background: url(https://dsfs.oppo.com/product/2020/wristband/images/768/pan-71c59cefcb3e3d56a9c31fdde81ebca3.png) no-repeat 50%;background-size: auto 100%;position: absolute;top: 0;left: 0;z-index: 99;}.custom-html-component .section-5 .swiper-slide, .custom-html-component .section-5 .swiper-wrapper {width: 100%;height: auto;}.custom-html-component .section-5 .swiper-slide.swiper-slide-active {z-index: 2;}.custom-html-component .section-5 .swiper-container img {display: block;width: 83.33333vw;padding: 0;}.custom-html-component .section-6 {width: 100%;height: 371.7vw;position: relative;z-index: 1;overflow: hidden;background: #fff;}.custom-html-component .section-6 img {width: 100vw;height: auto;position: absolute;top: 0;left: 50%;padding-top: 0;margin-left: -50vw;}.custom-html-component .section-6 .shadow {opacity: 0;}.custom-html-component .show .shadow {-webkit-animation: fadeOut2 .8s linear .7s forwards;animation: fadeOut2 .8s linear .7s forwards;}.custom-html-component .section-6 .explain, .custom-html-component .section-6 .tit {padding-left: 8.3vw;}.custom-html-component .section-6 .tit {padding-top: 16.9vw;}.custom-html-component .section-6 .small-explain {text-align: center;width: auto;color: rgba(255, 255, 255, 0.5);padding-top: 4vw;}.custom-html-component .section-6 .details {width: 100%;height: auto;margin: 60vw auto 0;position: relative;text-align: left;}.custom-html-component .section-6 .details-box {width: 83.3vw;height: 46.8vw;background: #fff;font-size: 0;border-radius: 5vw;margin: 0 auto 5.2vw;}.custom-html-component .section-6 .details-left, .custom-html-component .section-6 .details-right {height: 100%;display: inline-block;vertical-align: top;position: relative;}.custom-html-component .section-6 .details-left {width: 60%;}.custom-html-component .section-6 .details-right {width: 40%;}.custom-html-component .section-6 .details-box p {font-family: OPPOFont-Bold;font-size: 4.44444vw;line-height: 5.9vw;padding-bottom: 2.6vw;display: block;}.custom-html-component .section-6 .details-box span {font-family: OPPOFont-Medium;font-size: 2.22222vw;line-height: 4.1vw;padding-bottom: 2.6vw;display: block;}.custom-html-component .section-6 .details-box em {font-family: OPPOFont-Medium;font-size: 2vw;line-height: 4vw;display: block;color: rgba(0, 0, 0, 0.6);}.custom-html-component .section-6 .details-box1 p, .custom-html-component .section-6 .details-box1 span {padding-left: 11.1vw;padding-top: 11.9vw;}.custom-html-component .section-6 .details-box1 span {padding-top: 0;width: 32.1vw;}.custom-html-component .section-6 .details-box2 p, .custom-html-component .section-6 .details-box2 span {padding-left: 0;padding-top: 5.8vw;}.custom-html-component .section-6 .details-box2 span {padding-top: 0;width: 35vw;}.custom-html-component .section-6 .details-box2 em {padding-left: 0;width: 35vw;}.custom-html-component .section-6 .details-box3 p, .custom-html-component .section-6 .details-box3 span {padding-left: 11.1vw;padding-top: 10.1vw;}.custom-html-component .section-6 .details-box3 span {padding-top: 0;width: 33.33333vw;}.custom-html-component .section-6 .details-box4 p, .custom-html-component .section-6 .details-box4 span {padding-left: 0;padding-top: 7.8vw;}.custom-html-component .section-6 .details-box4 span {padding-top: 0;width: 30.55556vw;}.custom-html-component .section-6 .icon-box {width: auto;position: relative;text-align: center;z-index: 10;padding-top: 5vw;}.custom-html-component .section-6 .icon-detail {padding: 0 3.88889vw;width: 9.72222vw;}.custom-html-component .section-6 .icon-detail:first-of-type {width: 13.88889vw;padding-left: 2.22222vw;}.custom-html-component .section-6 .icon-detail i {display: block;margin: 0 auto 2.22222vw;width: 6.94444vw;height: 5.27778vw;}.custom-html-component .section-6 .icon-detail i img {width: 6.94444vw;height: auto;position: static;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);margin-left: 0;}.custom-html-component .section-6 .icon-detail p {font-size: 3.61111vw;color: rgba(255, 255, 255, 0.7);text-align: center;line-height: 5vw;}.custom-html-component .section-6 .details-box1 .detailes-img {width: 13.6vw;left: 54%;background: url(https://dsfs.oppo.com/product/2020/wristband/images/768/section-6-img1-f6bd6aa310d7bd9bd8cd41ff3ff8af18.png);background-size: 100% 100%;}.custom-html-component .section-6 .details-box1 .detailes-img, .custom-html-component .section-6 .details-box2 .detailes-img {height: 37.3vw;position: absolute;top: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}.custom-html-component .section-6 .details-box2 .detailes-img {width: 13.5vw;left: 45%;background: url(https://dsfs.oppo.com/product/2020/wristband/images/768/section-6-img2-342f3b05397b8bf4808e6c735ce1d832.png);background-size: 100% 100%;}.custom-html-component .section-6 .details-box3 .detailes-img {left: 54%;background: url(https://dsfs.oppo.com/product/2020/wristband/images/768/section-6-img3-640ad2c88a72b6e299d6c2a55b9a8f67.png);background-size: 100% 100%;}.custom-html-component .section-6 .details-box3 .detailes-img, .custom-html-component .section-6 .details-box4 .detailes-img {width: 13.6vw;height: 37.3vw;position: absolute;top: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}.custom-html-component .section-6 .details-box4 .detailes-img {left: 45%;background: url(https://dsfs.oppo.com/product/2020/wristband/images/768/section-6-img4-f99a0bbc4f5ab09c90d35530573e2388.png);background-size: 100% 100%;}.custom-html-component .section-7 {width: 100%;height: auto;position: relative;z-index: 1;overflow: hidden;}.custom-html-component .section-7 .left {background: #fff;}.custom-html-component .section-7 .right {background: #eaeaea;}.custom-html-component .section-7 .explain, .custom-html-component .section-7 .tit {padding-left: 8.3vw;}.custom-html-component .section-7 .tit {padding-top: 16.9vw;}.custom-html-component .section-7 .icon-box {width: 83.33333vw;margin: 0 auto;}.custom-html-component .section-7 .icon-detail {width: 9.72222vw;padding-bottom: 3.88889vw;padding-right: 4.44444vw;}.custom-html-component .section-7 .icon-detail:nth-of-type(6), .custom-html-component .section-7 .icon-detail:nth-of-type(12) {padding-right: 0;}.custom-html-component .section-7 .icon-detail i {display: block;margin: 0 auto 2.22222vw;width: 5vw;height: 4.72222vw;}.custom-html-component .section-7 .icon-detail i img {width: 100%;height: auto;}.custom-html-component .section-7 .icon-detail p {color: #3a3a3a;text-align: center;line-height: 5vw;}.custom-html-component .section-9 {width: 100%;height: 192.3vw;position: relative;z-index: 1;overflow: hidden;background: #fff;}.custom-html-component .section-9 img {position: absolute;top: 63.9vw;left: 50%;padding-top: 0;margin-left: -41.65vw;}.custom-html-component .section-9 .explain, .custom-html-component .section-9 .tit {padding-left: 8.3vw;color: rgba(0, 0, 0, 0.7);}.custom-html-component .section-9 .tit {padding-top: 16.9vw;color: #000;}.custom-html-component .section-10 {width: 100%;height: auto;position: relative;z-index: 1;overflow: hidden;}.custom-html-component .section-10 .left {background: #066dff;}.custom-html-component .section-10 .right {background: #d4dde4;}.custom-html-component .section-10 .right .explain, .custom-html-component .section-10 .right .tit {padding-left: 8.3vw;}.custom-html-component .section-10 .right .tit {padding-top: 16.9vw;}.custom-html-component .section-10 .right .explain-box {font-size: 0;text-align: left;padding-left: 8.3vw;padding-top: 4.5vw;}.custom-html-component .section-10 .right .explain-box div {width: 35vw;display: inline-block;vertical-align: top;}.custom-html-component .section-10 .right .explain-box div p {font-size: 0;text-align: left;width: 19.5vw;display: block;height: 11.5vw;}.custom-html-component .section-10 .right .explain-box div span {display: inline-block;vertical-align: bottom;font-size: 6.5vw;color: #000;font-family: OPPOFont-Bold;}.custom-html-component .section-10 .right .explain-box div span em {color: #000;top: -2vw;}.custom-html-component .section-10 .right .explain-box div em {display: inline-block;vertical-align: bottom;font-size: 3.3vw;color: #333;padding-left: .65vw;font-family: OPPOFont-Medium;position: relative;top: -1vw;}.custom-html-component .section-10 .left .explain, .custom-html-component .section-10 .left .tit {padding-left: 8.3vw;}.custom-html-component .section-10 .left .tit {padding-top: 16.9vw;}.custom-html-component .section-10 .small-explain {padding-left: 8.33333vw;}.custom-html-component .add-section1 {width: 100%;height: 95.55556vw;background: #ccc;overflow: hidden;position: relative;}.custom-html-component .add-section1-video {width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: url(https://dsfs.oppo.com/product/2020/wristband/images/360/video-bg-7ba36470b26b55d2c6b26af663a17ba9.jpg) no-repeat;background-size: 100% 100%;}.custom-html-component .add-section1-video:after, .custom-html-component .add-section1-video video {display: none;}.custom-html-component .add-section1 h2 {font-size: 6.66667vw;font-family: OPPOFont-Bold;text-align: center;padding: 15.27778vw 0 11.11111vw;color: #fff;position: relative;}.custom-html-component .add-section1 .module {font-size: 0;text-align: center;width: 100%;margin: 0 auto;}.custom-html-component .add-section1 .module-box {display: inline-block;vertical-align: top;text-align: left;width: 50%;position: relative;margin-bottom: 5.55556vw;height: 5.55556vw;line-height: 5.55556vw;box-sizing: border-box;padding-left: 8.33333vw;}.custom-html-component .add-section1 .module-box:before {display: block;clear: both;content: "";position: absolute;top: 50%;right: 0;height: 4.44444vw;width: .27778vw;background: #fff;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}.custom-html-component .add-section1 .module-box1, .custom-html-component .add-section1 .module-box3, .custom-html-component .add-section1 .module-box5 {text-align: right;padding-right: 8.33333vw;padding-left: 0;}.custom-html-component .add-section1 .module-box2:before, .custom-html-component .add-section1 .module-box4:before, .custom-html-component .add-section1 .module-box6:before {display: none;}.custom-html-component .add-section1 .module-box p {font-family: OPPOFont-Medium;font-size: 3.61111vw;color: #fff;height: 100%;}.custom-html-component .add-section1 .small-explain {text-align: center;width: 100%;position: absolute;bottom: 2.77778vw;color: rgba(255, 255, 255, 0.5);font-size: 2.77778vw;}.custom-html-component .add-section1 .video-btn {width: 11.11111vw;height: 11.11111vw;display: block;background: url(https://dsfs.oppo.com/product/2020/wristband/images/2560/play-c973bbcdba7e0f938b88f2847eeb61cb.png);background-size: 100% 100%;position: absolute;bottom: 13vw;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}.custom-html-component .add-section2 {width: 100%;height: 198.6vw;background: #fff;position: relative;z-index: 1;overflow: hidden;}.custom-html-component .add-section2 img {width: 83.3vw;height: auto;position: absolute;top: 70.4vw;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}.custom-html-component .add-section2 .explain, .custom-html-component .add-section2 .tit {padding-left: 8.3vw;position: relative;}.custom-html-component .add-section2 .tit {padding-top: 1.9vw;}.custom-html-component .add-section2 i {width: 4.6vw;height: 4.1vw;background: url(https://dsfs.oppo.com/product/2020/wristband/images/2560/section-5-i-c573c807e2bde44d498376e6cd95b317.png);background-size: 100% 100%;display: block;position: relative;margin-top: 16.9vw;margin-left: 8.3vw;z-index: 3;}.custom-html-component .remark {width: 100%;height: auto;padding: 17.1vw 0;background: #fff;}.custom-html-component .remark h2 {font-size: 2.6vw;line-height: 3.9vw;margin: 0 auto 1.9vw;}.custom-html-component .remark .remark-ul, .custom-html-component .remark h2 {width: 83.3vw;color: rgba(112, 112, 112, 0.7);}.custom-html-component .remark .remark-ul {margin: 0 auto;}.custom-html-component .remark .remark-ul li {position: relative;font-size: 2.6vw;line-height: 3.9vw;margin-bottom: 1.9vw;}.custom-html-component .remark .remark-ul li span {display: inline-block;position: absolute;top: 0;left: 25px;}.custom-html-component .remark .remark-ul li p {position: relative;}.custom-html-component .show .fly {-webkit-animation: fly768 1s linear both;animation: fly768 1s linear both;}.custom-html-component .show .fly i {-webkit-animation: fly2768 1s linear both;animation: fly2768 1s linear both;}.custom-html-component .fly {width: 43.2vw;height: 21.2vw;position: absolute;top: 68vw;right: -48.8vw;z-index: 5;}.custom-html-component .fly i {width: 100%;height: 100%;background: url(https://dsfs.oppo.com/product/2020/wristband/images/768/fly-885816c9dff4eaa32e8c72266f264345.png);background-size: 100% 100%;display: block;z-index: 5;}@-webkit-keyframes fly768 {0% {-webkit-transform: translateX(0);transform: translateX(0);}to {-webkit-transform: translateX(-49.4vw);transform: translateX(-49.4vw);}}@keyframes fly768 {0% {-webkit-transform: translateX(0);transform: translateX(0);}to {-webkit-transform: translateX(-49.4vw);transform: translateX(-49.4vw);}}@-webkit-keyframes fly2768 {0% {-webkit-transform: translateY(0);transform: translateY(0);}to {-webkit-transform: translateY(20.7vw);transform: translateY(20.7vw);}}@keyframes fly2768 {0% {-webkit-transform: translateY(0);transform: translateY(0);}to {-webkit-transform: translateY(20.7vw);transform: translateY(20.7vw);}}@-webkit-keyframes ball768 {0% {-webkit-transform: translateX(0);transform: translateX(0);}49%, 51% {-webkit-transform: translateX(46.8vw);transform: translateX(46.8vw);}to {-webkit-transform: translateX(65.1vw);transform: translateX(65.1vw);}}@keyframes ball768 {0% {-webkit-transform: translateX(0);transform: translateX(0);}49%, 51% {-webkit-transform: translateX(46.8vw);transform: translateX(46.8vw);}to {-webkit-transform: translateX(65.1vw);transform: translateX(65.1vw);}}@-webkit-keyframes ball2768 {0% {-webkit-transform: translateY(0);transform: translateY(0);}25% {-webkit-transform: translateY(-28.6vw) scaleY(1.05);transform: translateY(-28.6vw) scaleY(1.05);}49%, 51% {-webkit-transform: translateY(-1.3vw) scaleY(0.95);transform: translateY(-1.3vw) scaleY(0.95);}75% {-webkit-transform: translateY(-20.8vw) scaleY(1.05);transform: translateY(-20.8vw) scaleY(1.05);}to {-webkit-transform: translateY(0) scaleY(1);transform: translateY(0) scaleY(1);}}@keyframes ball2768 {0% {-webkit-transform: translateY(0);transform: translateY(0);}25% {-webkit-transform: translateY(-28.6vw) scaleY(1.05);transform: translateY(-28.6vw) scaleY(1.05);}49%, 51% {-webkit-transform: translateY(-1.3vw) scaleY(0.95);transform: translateY(-1.3vw) scaleY(0.95);}75% {-webkit-transform: translateY(-20.8vw) scaleY(1.05);transform: translateY(-20.8vw) scaleY(1.05);}to {-webkit-transform: translateY(0) scaleY(1);transform: translateY(0) scaleY(1);}}@-webkit-keyframes fadeInUp {0% {opacity: 1;background-position: 0 -7.5vw;}80%, to {opacity: 1;background-position: 0 -394vw;}}@keyframes fadeInUp {0% {opacity: 1;background-position: 0 -7.5vw;}80%, to {opacity: 1;background-position: 0 -394vw;}}@-webkit-keyframes fadeInUp2 {0% {opacity: 1;background-position: 0 -7.5vw;}80%, to {opacity: 1;background-position: 0 379vw;}}@keyframes fadeInUp2 {0% {opacity: 1;background-position: 0 -7.5vw;}80%, to {opacity: 1;background-position: 0 379vw;}}@-webkit-keyframes fadeInLeftBig {0% {opacity: 0;-webkit-transform: translateX(-120%);transform: translateX(-120%);}to {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}}@keyframes fadeInLeftBig {0% {opacity: 0;-webkit-transform: translateX(-120%);transform: translateX(-120%);}to {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}}@-webkit-keyframes fadeInRightBig {0% {opacity: 0;-webkit-transform: translateX(120%);transform: translateX(120%);}to {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}}@keyframes fadeInRightBig {0% {opacity: 0;-webkit-transform: translateX(120%);transform: translateX(120%);}to {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}}@-webkit-keyframes fadeInUpBig {0% {opacity: 0;-webkit-transform: translateY(120%);transform: translateY(120%);}to {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}}@keyframes fadeInUpBig {0% {opacity: 0;-webkit-transform: translateY(120%);transform: translateY(120%);}to {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}}@-webkit-keyframes fadeInUpBig2 {0% {opacity: 0;-webkit-transform: translateY(10vw);transform: translateY(10vw);}to {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}}@keyframes fadeInUpBig2 {0% {opacity: 0;-webkit-transform: translateY(10vw);transform: translateY(10vw);}to {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}}@-webkit-keyframes fadeOut {0% {opacity: 1;}to {opacity: 0;}}@keyframes fadeOut {0% {opacity: 1;}to {opacity: 0;}}}@media only screen and (max-width: 1023px) and (min-width: 768px) {.custom-html-component .video-dialog-wrapper {position: absolute;top: 50%;left: 50%;z-index: 101;width: 80vw;height: 45vw;margin-left: -40%;margin-top: 0;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}.custom-html-component .video-dialog-wrapper video {position: absolute;width: 100%;}.custom-html-component .pc {display: none;}.custom-html-component .m {display: block;}.custom-html-component .two-p.pc {display: none !important;}.custom-html-component .two-p.m {display: inline-block !important;box-sizing: border-box;}.custom-html-component .content {height: auto;background: #eaeaea;overflow: hidden;}.custom-html-component .section-wrap {width: 100vw;font-size: 0;text-align: center;overflow: hidden;}.custom-html-component .main #oc-header {background-color: #fff !important;}.custom-html-component .tit {font-family: OPPOFont-Bold;font-size: 6.5vw;line-height: 9.1vw;color: #000;}.custom-html-component .explain, .custom-html-component .tit {text-align: left;}.custom-html-component .explain {font-family: OPPOFont-Medium;font-size: 3.38vw;line-height: 5.2vw;color: rgba(0, 0, 0, 0.7);padding-top: 2.9vw;width: 81vw;}.custom-html-component .small-explain {font-size: 2.6vw;line-height: 4.16vw;padding-top: 5.9vw;width: 81.7vw;color: rgba(255, 255, 255, 0.5);text-align: left;display: block;}.custom-html-component .tit.white {color: #fff;}.custom-html-component .explain.white {color: rgba(255, 255, 255, 0.7);}.custom-html-component .section img {width: 83.3vw;height: auto;margin: 0 auto;display: block;padding-top: 10.4vw;padding-bottom: 16.9vw;}.custom-html-component .left, .custom-html-component .right {width: 100vw;}.custom-html-component .explain-box {padding-top: 5.20833vw;text-align: left;}.custom-html-component .explain-box div {width: 28.64583vw;display: inline-block;vertical-align: top;}.custom-html-component .explain-box div p {font-size: 0;text-align: left;width: 100%;display: block;height: auto;}.custom-html-component .explain-box div p em {top: 0;top: -1.04167vw;}.custom-html-component .explain-box div p em, .custom-html-component .explain-box div span {display: inline-block;vertical-align: bottom;color: #000;}.custom-html-component .explain-box div span {font-size: 6.51042vw;font-family: OPPOFont-Bold;}.custom-html-component .explain-box div em {display: block;font-size: 3.38542vw;color: #424242;padding-left: .65104vw;font-family: OPPOFont-Medium;position: relative;}.custom-html-component .icon-box {width: 100%;height: auto;font-size: 0;padding-top: 5.20833vw;text-align: center;}.custom-html-component .icon-detail {display: inline-block;vertical-align: top;}.custom-html-component .icon-detail i {display: block;margin: 0 auto;}.custom-html-component .icon-detail i img {width: 100%;height: auto;padding: 0;}.custom-html-component .icon-detail p {font-size: 3.38542vw;color: rgba(0, 0, 0, 0.7);}.custom-html-component .section-7 .section-wrap, .custom-html-component .section-10 .section-wrap {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;-ms-flex-wrap: wrap;flex-wrap: wrap;}.custom-html-component .section-1 {height: 149.8vw;position: relative;z-index: 1;overflow: hidden;background: #f1f1f1;color: #000;}.custom-html-component .section-1, .custom-html-component .section-1 .left {width: 100vw;}.custom-html-component .section-1 .left .tit {font-size: 5.5vw;padding-top: 4.6vw;padding-left: 4.6vw;color: #000;text-align: left;opacity: 0;}.custom-html-component .section-1 .left .explain {font-size: 3.6vw;font-family: OPPOFont-Bold;padding-top: .5vw;padding-left: 5vw;color: #000;text-align: left;line-height: 3.2vw;opacity: 0;height: 5vw;}.custom-html-component .section-1 .left .left-img {width: 98.3vw;height: 44.7vw;position: absolute;bottom: 0;right: 0;z-index: 2;opacity: 0;padding-top: 0;background: url(https://dsfs.oppo.com/product/2020/wristband/images/768/section-1-left-0f1f49a885c1e6c73298fea205792869.png);background-size: 100% 100%;}.custom-html-component .section-1 .right {width: 100vw;}.custom-html-component .section-1 .right .right-img {width: 50.3vw;height: 89.7vw;position: absolute;top: 0;right: 0;opacity: 0;padding-top: 0;background: url(https://dsfs.oppo.com/product/2020/wristband/images/768/section-1-right-0d644658fd140d2993425f955668ac72.png);background-size: 100% 100%;}.custom-html-component .section-1 .left-i, .custom-html-component .section-1 .right-i {position: absolute;opacity: 0;}.custom-html-component .section-1 .left-i {width: 98.5vw;height: 47vw;background: url(https://dsfs.oppo.com/product/2020/wristband/images/768/section-1-1icon-e439247501b5cf0727d5f8e31009240d.png) bottom no-repeat;background-size: 100% 100%;right: 0;bottom: 0;}.custom-html-component .section-1 .right-i {width: 32.2vw;height: 64.3vw;background: url(https://dsfs.oppo.com/product/2020/wristband/images/768/section-1-2icon-f0d3851da970de5f689de873bc71b138.png) bottom no-repeat;background-size: 100% 100%;left: 0;top: 23.1vw;}.custom-html-component .section-1.show .tit {-webkit-animation: fadeInUpBig2 1s ease .8s both;animation: fadeInUpBig2 1s ease .8s both;}.custom-html-component .section-1.show .explain {-webkit-animation: fadeInUpBig2 1s ease 1s both;animation: fadeInUpBig2 1s ease 1s both;}.custom-html-component .section-1 .left.show .left-i {-webkit-animation: fadeInRightBig 1s ease .2s both;animation: fadeInRightBig 1s ease .2s both;}.custom-html-component .section-1 .left.show .left-img {-webkit-animation: fadeInUpBig 1s ease 1s both;animation: fadeInUpBig 1s ease 1s both;}.custom-html-component .section-1 .right.show .right-i {-webkit-animation: fadeInLeftBig 1s ease .2s both;animation: fadeInLeftBig 1s ease .2s both;}.custom-html-component .section-1 .right.show .right-img {-webkit-animation: fadeInRightBig 1s ease 1.2s both;animation: fadeInRightBig 1s ease 1.2s both;}.custom-html-component .section-2 {width: 100%;height: auto;position: relative;z-index: 1;overflow: hidden;}.custom-html-component .section-2 .left {background: #fff;}.custom-html-component .section-2 .right {background: #eaeaea;}.custom-html-component .section-2 .tit {padding-top: 16.9vw;}.custom-html-component .section-2 .icon-detail {padding-right: 5.20833vw;padding-left: 5.20833vw;}.custom-html-component .section-2 .icon-detail i {display: block;margin: 0 auto 1.82292vw;width: 7.29167vw;height: 6.64063vw;}.custom-html-component .section-2 .icon-detail p {text-align: center;}.custom-html-component .section-2 .right .explain {width: 83.3vw;}.custom-html-component .section-2 .left-cont, .custom-html-component .section-2 .right-cont {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;-ms-flex-wrap: wrap;flex-wrap: wrap;}.custom-html-component .section-2 .cont {position: relative;width: 83.3vw;margin: 0 auto;overflow: hidden;}.custom-html-component .section-2 .right .explain {width: 83.33333vw;}.custom-html-component .section-2 .right .explain-box div:first-of-type {width: 32.68229vw;}.custom-html-component .section-2 .right .explain-box div:nth-of-type(2) {width: 52.08333vw;}.custom-html-component .section-2 .small-explain {color: rgba(0, 0, 0, 0.5);}.custom-html-component .section-3 {width: 100%;height: 247.3vw;position: relative;z-index: 1;overflow: hidden;background: #c61613;}.custom-html-component .section-3 .section-wrap {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;-ms-flex-wrap: wrap;flex-wrap: wrap;}.custom-html-component .section-3 .explain, .custom-html-component .section-3 .tit {padding-left: 8.3vw;}.custom-html-component .section-3 .tit {padding-top: 16.9vw;}.custom-html-component .section-3 .left {height: auto;}.custom-html-component .section-3 .left .explain {width: 83vw;}.custom-html-component .section-3 .right-cont {width: 83.4vw;height: 111.4vw;margin: 11vw auto 0;background: #d01e1a;border-radius: 3.9vw;overflow: hidden;}.custom-html-component .section-3 .icon-detail {padding-right: 4.55729vw;width: 16.01563vw;}.custom-html-component .section-3 .icon-detail i {display: block;width: 4.6875vw;height: 4.55729vw;position: relative;margin: 0 auto 2.21354vw;}.custom-html-component .section-3 .icon-detail i:before {width: 13.02083vw;right: -14.32292vw;}.custom-html-component .section-3 .icon-detail:first-of-type i:after, .custom-html-component .section-3 .icon-detail i:before {display: block;clear: both;content: "";height: .19531vw;background: rgba(255, 255, 255, 0.7);position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}.custom-html-component .section-3 .icon-detail:first-of-type i:after {width: 4.55729vw;left: -5.20833vw;}.custom-html-component .section-3 .icon-detail:nth-of-type(4) i:before {width: 4.55729vw;right: -5.85938vw;}.custom-html-component .section-3 .icon-detail:nth-of-type(4) i:after {display: block;clear: both;content: "";width: 1.04167vw;height: 1.04167vw;position: absolute;top: 50%;-webkit-transform: translateY(-50%) rotate(-45deg);-ms-transform: translateY(-50%) rotate(-45deg);transform: translateY(-50%) rotate(-45deg);right: -5.85938vw;border-bottom: 0.19531vw solid rgba(255, 255, 255, 0.7);border-right: 0.19531vw solid rgba(255, 255, 255, 0.7);}.custom-html-component .section-3 .icon-detail p {color: #fff;text-align: center;opacity: .7;}.custom-html-component .section-3 .small-explain {padding-left: 8.33333vw;}.custom-html-component .section-3 ul {width: 110%;height: 100%;font-size: 0;text-align: center;overflow: hidden;top: 2vw;left: -5%;position: relative;}.custom-html-component .section-3 ul li {width: 17.5vw;height: 15.6vw;background: url(https://dsfs.oppo.com/product/2020/wristband/images/768/section-3-i-928809ed7147f499e7e85b897ea92b06.png);background-size: 100% 100%;display: inline-block;margin: 1.3vw 1.8vw;}.custom-html-component .section-3 ul li.on {background: url(https://dsfs.oppo.com/product/2020/wristband/images/2560/section-3-ion-3fdb6ec3506d6c37a85cbb5e693742b7.png);background-size: 100% 100%;}.custom-html-component .section-3 ul li.one {-webkit-animation: pulse 1s ease-in-out infinite;animation: pulse 1s ease-in-out infinite;}.custom-html-component .section-3 ul li.two {-webkit-animation: pulse 1s ease-in-out .6s infinite;animation: pulse 1s ease-in-out .6s infinite;}.custom-html-component .section-3 ul li.three {-webkit-animation: pulse 1s ease-in-out .2s infinite;animation: pulse 1s ease-in-out .2s infinite;}.custom-html-component .section-3 ul li.on {-webkit-animation: pulseOn 1s ease-in-out infinite;animation: pulseOn 1s ease-in-out infinite;}.custom-html-component .section-4 {width: 100%;height: 227.3vw;position: relative;z-index: 1;overflow: hidden;background: #0f4dcb;}.custom-html-component .section-4 .explain, .custom-html-component .section-4 .tit {padding-left: 8.3vw;}.custom-html-component .section-4 .tit {padding-top: 16.9vw;}.custom-html-component .section-4 .right {height: auto;}.custom-html-component .section-4 .small-explain {padding-left: 8.33333vw;}.custom-html-component .section-4 .left-cont {width: 83.4vw;height: 111.4vw;margin: 11vw auto 0;background: #124aba;border-radius: 3.9vw;overflow: hidden;}.custom-html-component .section-4 ul {width: 140%;height: 100%;position: relative;font-size: 0;text-align: center;left: -20%;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;}.custom-html-component .section-4 ul li {width: 15.2vw;height: 557vw;background: url(https://dsfs.oppo.com/product/2020/wristband/images/1024/section-4-i-f739769a166ff68e2def5be34965e5c3.png);background-size: 100% auto;display: inline-block;margin: 0 3.6vw;background-position: 0 -7.5vw;}.custom-html-component .section-4 ul li.one {-webkit-animation: fadeInUp 5s ease-in-out infinite;animation: fadeInUp 5s ease-in-out infinite;}.custom-html-component .section-4 ul li.two {-webkit-animation: fadeInUp2 5s ease-in-out infinite;animation: fadeInUp2 5s ease-in-out infinite;}.custom-html-component .section-5 {width: 100%;height: auto;position: relative;z-index: 1;overflow: hidden;}.custom-html-component .section-5 .left-cont, .custom-html-component .section-5 .right-cont {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;-ms-flex-wrap: wrap;flex-wrap: wrap;}.custom-html-component .section-5 .left {background: #fff;}.custom-html-component .section-5 .right {background: #eaeaea;}.custom-html-component .section-5 .explain, .custom-html-component .section-5 .tit {padding-left: 8.3vw;}.custom-html-component .section-5 .tit {padding-top: 16.9vw;}.custom-html-component .section-5 .small-explain {padding-left: 8.33333vw;color: rgba(0, 0, 0, 0.5);margin-bottom: 10.41667vw;}.custom-html-component .section-5 .explain-box {font-size: 0;text-align: left;padding-left: 8.3vw;padding-top: 5.5vw;}.custom-html-component .section-5 .explain-box div {width: 32.5vw;display: inline-block;vertical-align: top;}.custom-html-component .section-5 .explain-box div p {font-size: 0;text-align: left;width: 19.5vw;display: block;height: 11.5vw;}.custom-html-component .section-5 .explain-box div span {display: inline-block;vertical-align: bottom;font-size: 6.5vw;color: #000;font-family: OPPOFont-Bold;}.custom-html-component .section-5 .explain-box div span em {color: #000;top: -1vw;}.custom-html-component .section-5 .explain-box div em {display: inline-block;vertical-align: bottom;font-size: 3.3vw;color: #333;padding-left: .65vw;font-family: OPPOFont-Medium;position: relative;}.custom-html-component .section-5 .swiper-container {width: 83.33333vw;height: 111.32813vw;margin: 0 auto 23.4375vw;background: #000;}.custom-html-component .section-5 .swiper-container:before {display: block;clear: both;content: "";width: 83.33333vw;height: 111.32813vw;margin: 0 auto;background: url(https://dsfs.oppo.com/product/2020/wristband/images/768/pan-71c59cefcb3e3d56a9c31fdde81ebca3.png) no-repeat 50%;background-size: auto 100%;position: absolute;top: 0;left: 0;z-index: 99;}.custom-html-component .section-5 .swiper-slide, .custom-html-component .section-5 .swiper-wrapper {width: 100%;height: auto;}.custom-html-component .section-5 .swiper-slide.swiper-slide-active {z-index: 2;}.custom-html-component .section-5 .swiper-container img {display: block;width: 83.33333vw;padding: 0;}.custom-html-component .section-6 {width: 100%;height: 371.7vw;position: relative;z-index: 1;overflow: hidden;background: #fff;}.custom-html-component .section-6 img {width: 100vw;height: auto;position: absolute;top: 0;left: 50%;padding-top: 0;margin-left: -50vw;}.custom-html-component .section-6 .shadow {opacity: 0;}.custom-html-component .show .shadow {-webkit-animation: fadeOut2 .8s linear .7s forwards;animation: fadeOut2 .8s linear .7s forwards;}.custom-html-component .section-6 .explain, .custom-html-component .section-6 .tit {padding-left: 8.3vw;}.custom-html-component .section-6 .tit {padding-top: 16.9vw;}.custom-html-component .section-6 .small-explain {text-align: center;width: auto;color: rgba(255, 255, 255, 0.5);padding-top: 4vw;}.custom-html-component .section-6 .details {width: 100%;height: auto;margin: 71.9vw auto 0;position: relative;text-align: left;}.custom-html-component .section-6 .details-box {width: 83.3vw;height: 46.8vw;background: #fff;font-size: 0;border-radius: 5vw;margin: 0 auto 5.2vw;}.custom-html-component .section-6 .details-left, .custom-html-component .section-6 .details-right {width: 50%;height: 100%;display: inline-block;vertical-align: top;position: relative;}.custom-html-component .section-6 .details-box p {font-family: OPPOFont-Bold;font-size: 4.42vw;line-height: 5.9vw;padding-bottom: 2.6vw;display: block;}.custom-html-component .section-6 .details-box span {font-family: OPPOFont-Medium;font-size: 2.3vw;line-height: 4.1vw;padding-bottom: 2.6vw;display: block;}.custom-html-component .section-6 .details-box em {font-family: OPPOFont-Medium;font-size: 2vw;line-height: 4vw;display: block;color: rgba(0, 0, 0, 0.5);}.custom-html-component .section-6 .details-box1 p, .custom-html-component .section-6 .details-box1 span {padding-left: 11.1vw;padding-top: 11.9vw;}.custom-html-component .section-6 .details-box1 span {padding-top: 0;width: 28.1vw;}.custom-html-component .section-6 .details-box2 p, .custom-html-component .section-6 .details-box2 span {padding-left: 0;padding-top: 5.8vw;}.custom-html-component .section-6 .details-box2 span {padding-top: 0;width: 32.8vw;}.custom-html-component .section-6 .details-box2 em {padding-left: 0;width: 32.5vw;}.custom-html-component .section-6 .details-box3 p, .custom-html-component .section-6 .details-box3 span {padding-left: 10.1vw;padding-top: 10.1vw;}.custom-html-component .section-6 .details-box3 span {padding-top: 0;width: 28.1vw;}.custom-html-component .section-6 .details-box4 p, .custom-html-component .section-6 .details-box4 span {padding-left: 0;padding-top: 7.8vw;}.custom-html-component .section-6 .details-box4 span {padding-top: 0;width: 26.6vw;}.custom-html-component .section-6 .icon-box {width: auto;position: relative;text-align: center;}.custom-html-component .section-6 .icon-detail {padding: 0 3.25521vw;width: 8.85417vw;}.custom-html-component .section-6 .icon-detail:first-of-type {width: 12.5vw;}.custom-html-component .section-6 .icon-detail i {display: block;margin: 0 auto 2.60417vw;width: 5.33854vw;height: 4.16667vw;}.custom-html-component .section-6 .icon-detail i img {width: 5.33854vw;height: auto;position: static;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);margin-left: 0;}.custom-html-component .section-6 .icon-detail p {font-size: 3.38542vw;color: rgba(255, 255, 255, 0.7);text-align: center;}.custom-html-component .section-6 .details-box1 .detailes-img {width: 13.6vw;left: 54%;background: url(https://dsfs.oppo.com/product/2020/wristband/images/768/section-6-img1-f6bd6aa310d7bd9bd8cd41ff3ff8af18.png);background-size: 100% 100%;}.custom-html-component .section-6 .details-box1 .detailes-img, .custom-html-component .section-6 .details-box2 .detailes-img {height: 37.3vw;position: absolute;top: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}.custom-html-component .section-6 .details-box2 .detailes-img {width: 13.5vw;left: 45%;background: url(https://dsfs.oppo.com/product/2020/wristband/images/768/section-6-img2-342f3b05397b8bf4808e6c735ce1d832.png);background-size: 100% 100%;}.custom-html-component .section-6 .details-box3 .detailes-img {left: 54%;background: url(https://dsfs.oppo.com/product/2020/wristband/images/768/section-6-img3-640ad2c88a72b6e299d6c2a55b9a8f67.png);background-size: 100% 100%;}.custom-html-component .section-6 .details-box3 .detailes-img, .custom-html-component .section-6 .details-box4 .detailes-img {width: 13.6vw;height: 37.3vw;position: absolute;top: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}.custom-html-component .section-6 .details-box4 .detailes-img {left: 45%;background: url(https://dsfs.oppo.com/product/2020/wristband/images/768/section-6-img4-f99a0bbc4f5ab09c90d35530573e2388.png);background-size: 100% 100%;}.custom-html-component .section-7 {width: 100%;height: auto;position: relative;z-index: 1;overflow: hidden;}.custom-html-component .section-7 .left {background: #fff;}.custom-html-component .section-7 .right {background: #eaeaea;}.custom-html-component .section-7 .explain, .custom-html-component .section-7 .tit {padding-left: 8.3vw;}.custom-html-component .section-7 .tit {padding-top: 16.9vw;}.custom-html-component .section-7 .icon-box {width: 83.33333vw;margin: 0 auto;}.custom-html-component .section-7 .icon-detail {width: 7.8125vw;padding-bottom: 2.60417vw;padding-right: 7.16146vw;}.custom-html-component .section-7 .icon-detail:nth-of-type(6), .custom-html-component .section-7 .icon-detail:nth-of-type(12) {padding-right: 0;}.custom-html-component .section-7 .icon-detail i {display: block;margin: 0 auto 1.04167vw;width: 7.8125vw;height: 7.42188vw;}.custom-html-component .section-7 .icon-detail i img {width: 100%;height: auto;}.custom-html-component .section-7 .icon-detail p {color: #3a3a3a;text-align: center;}.custom-html-component .section-9 {width: 100%;height: 192.3vw;position: relative;z-index: 1;overflow: hidden;background: #fff;}.custom-html-component .section-9 img {position: absolute;top: 63.9vw;left: 50%;padding-top: 0;margin-left: -41.65vw;}.custom-html-component .section-9 .explain, .custom-html-component .section-9 .tit {padding-left: 8.3vw;color: rgba(0, 0, 0, 0.7);}.custom-html-component .section-9 .tit {padding-top: 16.9vw;color: #000;}.custom-html-component .section-10 {width: 100%;height: auto;position: relative;z-index: 1;overflow: hidden;}.custom-html-component .section-10 .left {background: #066dff;}.custom-html-component .section-10 .right {background: #d4dde4;}.custom-html-component .section-10 .right .explain, .custom-html-component .section-10 .right .tit {padding-left: 8.3vw;}.custom-html-component .section-10 .right .tit {padding-top: 16.9vw;}.custom-html-component .section-10 .right .explain-box {font-size: 0;text-align: left;padding-left: 8.3vw;padding-top: 4.5vw;}.custom-html-component .section-10 .right .explain-box div {width: 35vw;display: inline-block;vertical-align: top;}.custom-html-component .section-10 .right .explain-box div p {font-size: 0;text-align: left;width: 19.5vw;display: block;height: 11.5vw;}.custom-html-component .section-10 .right .explain-box div span {display: inline-block;vertical-align: bottom;font-size: 6.5vw;color: #000;font-family: OPPOFont-Bold;}.custom-html-component .section-10 .right .explain-box div span em {color: #000;top: -2vw;}.custom-html-component .section-10 .right .explain-box div em {display: inline-block;vertical-align: bottom;font-size: 3.3vw;color: #333;padding-left: .65vw;font-family: OPPOFont-Medium;position: relative;top: -1vw;}.custom-html-component .section-10 .left .explain, .custom-html-component .section-10 .left .tit {padding-left: 8.3vw;}.custom-html-component .section-10 .left .tit {padding-top: 16.9vw;}.custom-html-component .section-10 .small-explain {padding-left: 8.33333vw;}.custom-html-component .add-section1 {width: 100%;height: 88.54167vw;background: #ccc;overflow: hidden;position: relative;}.custom-html-component .add-section1-video {width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: url(https://dsfs.oppo.com/product/2020/wristband/images/768/video-bg-ec0dcff8a0fd399dba94e8c0e2084631.jpg) no-repeat;background-size: 100% 100%;}.custom-html-component .add-section1-video:after, .custom-html-component .add-section1-video video {display: none;}.custom-html-component .add-section1 h2 {font-size: 6.51042vw;font-family: OPPOFont-Bold;text-align: center;padding: 16.92708vw 0 7.42188vw;color: #fff;position: relative;}.custom-html-component .add-section1 .module {font-size: 0;text-align: center;width: 100%;margin: 0 auto;}.custom-html-component .add-section1 .module-box {display: inline-block;vertical-align: top;text-align: left;width: 50%;position: relative;margin-bottom: 3.51563vw;height: 5.20833vw;line-height: 5.20833vw;box-sizing: border-box;padding-left: 8.46354vw;}.custom-html-component .add-section1 .module-box:before {display: block;clear: both;content: "";position: absolute;top: 50%;right: 0;height: 3.25521vw;width: .13021vw;background: #fff;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}.custom-html-component .add-section1 .module-box1, .custom-html-component .add-section1 .module-box3, .custom-html-component .add-section1 .module-box5 {text-align: right;padding-right: 8.46354vw;}.custom-html-component .add-section1 .module-box2:before, .custom-html-component .add-section1 .module-box4:before, .custom-html-component .add-section1 .module-box6:before {display: none;}.custom-html-component .add-section1 .module-box p {font-family: OPPOFont-Medium;font-size: 2.86458vw;color: #fff;height: 100%;}.custom-html-component .add-section1 .small-explain {text-align: center;width: 100%;position: absolute;bottom: 3.90625vw;color: rgba(255, 255, 255, 0.5);font-size: 2.60417vw;}.custom-html-component .add-section1 .video-btn {width: 9.11458vw;height: 9.11458vw;display: block;background: url(https://dsfs.oppo.com/product/2020/wristband/images/2560/play-c973bbcdba7e0f938b88f2847eeb61cb.png);background-size: 100% 100%;position: absolute;bottom: 15.5vw;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}.custom-html-component .add-section2 {width: 100%;height: 198.6vw;background: #fff;position: relative;z-index: 1;overflow: hidden;}.custom-html-component .add-section2 img {width: 83.3vw;height: auto;position: absolute;top: 70.4vw;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}.custom-html-component .add-section2 .explain, .custom-html-component .add-section2 .tit {padding-left: 8.3vw;position: relative;}.custom-html-component .add-section2 .tit {padding-top: 1.9vw;}.custom-html-component .add-section2 i {width: 4.6vw;height: 4.1vw;background: url(https://dsfs.oppo.com/product/2020/wristband/images/2560/section-5-i-c573c807e2bde44d498376e6cd95b317.png);background-size: 100% 100%;display: block;position: relative;margin-top: 16.9vw;margin-left: 8.3vw;z-index: 3;}.custom-html-component .remark {width: 100%;height: auto;padding: 17.1vw 0;background: #fff;}.custom-html-component .remark h2 {font-size: 2.6vw;line-height: 3.9vw;margin: 0 auto 1.9vw;}.custom-html-component .remark .remark-ul, .custom-html-component .remark h2 {width: 83.3vw;color: rgba(112, 112, 112, 0.7);}.custom-html-component .remark .remark-ul {margin: 0 auto;}.custom-html-component .remark .remark-ul li {position: relative;font-size: 2.6vw;line-height: 3.9vw;margin-bottom: 1.9vw;}.custom-html-component .remark .remark-ul li span {display: inline-block;position: absolute;top: 0;left: 25px;}.custom-html-component .remark .remark-ul li p {position: relative;}.custom-html-component .show .fly {-webkit-animation: fly768 1s linear both;animation: fly768 1s linear both;}.custom-html-component .show .fly i {-webkit-animation: fly2768 1s linear both;animation: fly2768 1s linear both;}.custom-html-component .fly {width: 43.2vw;height: 21.2vw;position: absolute;top: 64.7vw;right: -46.8vw;z-index: 5;}.custom-html-component .fly i {width: 100%;height: 100%;background: url(https://dsfs.oppo.com/product/2020/wristband/images/768/fly-885816c9dff4eaa32e8c72266f264345.png);background-size: 100% 100%;display: block;z-index: 5;}@-webkit-keyframes fly768 {0% {-webkit-transform: translateX(0);transform: translateX(0);}to {-webkit-transform: translateX(-49.4vw);transform: translateX(-49.4vw);}}@keyframes fly768 {0% {-webkit-transform: translateX(0);transform: translateX(0);}to {-webkit-transform: translateX(-49.4vw);transform: translateX(-49.4vw);}}@-webkit-keyframes fly2768 {0% {-webkit-transform: translateY(0);transform: translateY(0);}to {-webkit-transform: translateY(20.7vw);transform: translateY(20.7vw);}}@keyframes fly2768 {0% {-webkit-transform: translateY(0);transform: translateY(0);}to {-webkit-transform: translateY(20.7vw);transform: translateY(20.7vw);}}@-webkit-keyframes ball768 {0% {-webkit-transform: translateX(0);transform: translateX(0);}49%, 51% {-webkit-transform: translateX(46.8vw);transform: translateX(46.8vw);}to {-webkit-transform: translateX(65.1vw);transform: translateX(65.1vw);}}@keyframes ball768 {0% {-webkit-transform: translateX(0);transform: translateX(0);}49%, 51% {-webkit-transform: translateX(46.8vw);transform: translateX(46.8vw);}to {-webkit-transform: translateX(65.1vw);transform: translateX(65.1vw);}}@-webkit-keyframes ball2768 {0% {-webkit-transform: translateY(0);transform: translateY(0);}25% {-webkit-transform: translateY(-28.6vw) scaleY(1.05);transform: translateY(-28.6vw) scaleY(1.05);}49%, 51% {-webkit-transform: translateY(-1.3vw) scaleY(0.95);transform: translateY(-1.3vw) scaleY(0.95);}75% {-webkit-transform: translateY(-20.8vw) scaleY(1.05);transform: translateY(-20.8vw) scaleY(1.05);}to {-webkit-transform: translateY(0) scaleY(1);transform: translateY(0) scaleY(1);}}@keyframes ball2768 {0% {-webkit-transform: translateY(0);transform: translateY(0);}25% {-webkit-transform: translateY(-28.6vw) scaleY(1.05);transform: translateY(-28.6vw) scaleY(1.05);}49%, 51% {-webkit-transform: translateY(-1.3vw) scaleY(0.95);transform: translateY(-1.3vw) scaleY(0.95);}75% {-webkit-transform: translateY(-20.8vw) scaleY(1.05);transform: translateY(-20.8vw) scaleY(1.05);}to {-webkit-transform: translateY(0) scaleY(1);transform: translateY(0) scaleY(1);}}@-webkit-keyframes fadeInUp {0% {opacity: 1;background-position: 0 -7.5vw;}80%, to {opacity: 1;background-position: 0 -394vw;}}@keyframes fadeInUp {0% {opacity: 1;background-position: 0 -7.5vw;}80%, to {opacity: 1;background-position: 0 -394vw;}}@-webkit-keyframes fadeInUp2 {0% {opacity: 1;background-position: 0 -7.5vw;}80%, to {opacity: 1;background-position: 0 379vw;}}@keyframes fadeInUp2 {0% {opacity: 1;background-position: 0 -7.5vw;}80%, to {opacity: 1;background-position: 0 379vw;}}@-webkit-keyframes fadeInLeftBig {0% {opacity: 0;-webkit-transform: translateX(-120%);transform: translateX(-120%);}to {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}}@keyframes fadeInLeftBig {0% {opacity: 0;-webkit-transform: translateX(-120%);transform: translateX(-120%);}to {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}}@-webkit-keyframes fadeInRightBig {0% {opacity: 0;-webkit-transform: translateX(120%);transform: translateX(120%);}to {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}}@keyframes fadeInRightBig {0% {opacity: 0;-webkit-transform: translateX(120%);transform: translateX(120%);}to {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}}@-webkit-keyframes fadeInUpBig {0% {opacity: 0;-webkit-transform: translateY(120%);transform: translateY(120%);}to {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}}@keyframes fadeInUpBig {0% {opacity: 0;-webkit-transform: translateY(120%);transform: translateY(120%);}to {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}}@-webkit-keyframes fadeInUpBig2 {0% {opacity: 0;-webkit-transform: translateY(10vw);transform: translateY(10vw);}to {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}}@keyframes fadeInUpBig2 {0% {opacity: 0;-webkit-transform: translateY(10vw);transform: translateY(10vw);}to {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}}@-webkit-keyframes fadeOut {0% {opacity: 1;}to {opacity: 0;}}@keyframes fadeOut {0% {opacity: 1;}to {opacity: 0;}}}@media only screen and (max-width: 1220px) and (min-width: 1024px) {.custom-html-component .video-dialog-wrapper {position: absolute;top: 50%;left: 50%;z-index: 101;width: 80vw;height: 45vw;margin-left: -40%;margin-top: 0;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}.custom-html-component .video-dialog-wrapper video {position: absolute;width: 100%;}.custom-html-component .pc {display: block;}.custom-html-component .m {display: none;}.custom-html-component .content {height: auto;background: #eaeaea;overflow: hidden;}.custom-html-component .section-wrap {width: 100%;height: 50vw;font-size: 0;text-align: center;}.custom-html-component .main #oc-header {background-color: #fff !important;}.custom-html-component .tit {font-family: OPPOFont-Bold;font-size: 2.92vw;line-height: 4.29vw;color: #000;}.custom-html-component .explain {font-size: 1.26vw;line-height: 2.14vw;color: #000;opacity: .7;padding-top: 1.95vw;}.custom-html-component .explain, .custom-html-component .small-explain {font-family: OPPOFont-Medium;width: 25.8vw;}.custom-html-component .small-explain {font-size: .97vw;line-height: 1.66vw;color: #fff;opacity: .5;display: block;padding-top: 1.95313vw;}.custom-html-component .explain.white, .custom-html-component .tit.white {color: #fff;}.custom-html-component .left, .custom-html-component .right {width: 50%;height: 50vw;position: relative;display: inline-block;vertical-align: middle;text-align: left;overflow: hidden;}.custom-html-component .left-cont, .custom-html-component .right-cont {width: 100%;height: 50vw;position: relative;-ms-touch-action: none;touch-action: none;}.custom-html-component .cont {height: 50vw;overflow: hidden;}.custom-html-component .section-wrap img {width: 50vw;height: 100%;position: relative;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}.custom-html-component .section-wrap.bottom .left-cont, .custom-html-component .section-wrap.bottom .right-cont, .custom-html-component .section-wrap.fixed .left-cont, .custom-html-component .section-wrap.fixed .right-cont {-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}.custom-html-component .explain-box {padding-top: 1.95313vw;}.custom-html-component .explain-box div {width: 23.4375vw;display: inline-block;vertical-align: top;}.custom-html-component .explain-box div p {font-size: 0;text-align: left;width: 100%;display: block;height: auto;}.custom-html-component .explain-box div p em {top: 0;top: -.78125vw;}.custom-html-component .explain-box div p em, .custom-html-component .explain-box div span {display: inline-block;vertical-align: bottom;color: #000;}.custom-html-component .explain-box div span {font-size: 2.92969vw;font-family: OPPOFont-Bold;}.custom-html-component .explain-box div em {display: block;font-size: 1.26953vw;color: #333;padding-left: .48828vw;font-family: OPPOFont-Medium;position: relative;}.custom-html-component .icon-box {width: auto;height: auto;font-size: 0;padding-top: 2.44141vw;}.custom-html-component .icon-detail {display: inline-block;vertical-align: top;overflow: hidden;}.custom-html-component .icon-detail i {display: block;margin: 0 auto;}.custom-html-component .icon-detail i img {width: 100%;height: auto;}.custom-html-component .icon-detail p {font-size: 1.26953vw;color: #3a3a3a;}.custom-html-component .fixed {position: fixed;top: 0;left: 0;}.custom-html-component .bottom {position: absolute;top: auto;bottom: 0;left: 0;}.custom-html-component .fixed2 {position: fixed !important;top: 50vw;z-index: 2 !important;}.custom-html-component .margin {margin-top: 100vw;}.custom-html-component .section-2, .custom-html-component .section-3, .custom-html-component .section-4, .custom-html-component .section-5, .custom-html-component .section-7, .custom-html-component .section-10 {pointer-events: none;}.custom-html-component .section-1 {width: 100%;height: 50vw;position: relative;z-index: 1;background: #000;color: #fff;}.custom-html-component .section-1 .left {background: url(https://dsfs.oppo.com/product/2020/wristband/images/2560/section-1-1-8e7eb490008fbb8cc32d49791277a916.jpg) bottom no-repeat;background-size: 100% auto;background-color: #0054ff;}.custom-html-component .section-1 .left .tit {font-size: 2.92vw;padding-top: 2.44vw;padding-left: 3.12vw;color: #fff;opacity: 0;}.custom-html-component .section-1 .left .explain {font-size: 1.9vw;font-family: OPPOFont-Bold;padding-top: 0;padding-left: 3.41vw;color: #fff;opacity: 0;}.custom-html-component .section-1 .left .left-img {width: 100%;height: 100%;position: absolute;bottom: 0;left: 0;z-index: 3;opacity: 0;background: url(https://dsfs.oppo.com/product/2020/wristband/images/2560/section-1-left-32d2abe63c83bd2110caf86894d020f3.png) bottom no-repeat;background-size: 100% auto;pointer-events: none;}.custom-html-component .section-1 .right {background: url(https://dsfs.oppo.com/product/2020/wristband/images/2560/section-1-2-595f07c24ef1b728e85d850dc3331822.jpg) bottom no-repeat;background-size: 100% auto;background-color: #eee;}.custom-html-component .section-1 .right .right-img {width: 100%;height: 100%;position: absolute;bottom: 0;left: 0;opacity: 0;background: url(https://dsfs.oppo.com/product/2020/wristband/images/2560/section-1-right-ae164e26d91642230c3b94c02f48f22f.png) bottom no-repeat;background-size: 100% auto;pointer-events: none;}.custom-html-component .section-1 .left-i, .custom-html-component .section-1 .right-i {width: 100%;height: 20.7vw;position: absolute;bottom: 0;left: 0;opacity: 0;z-index: 2;}.custom-html-component .section-1 .left-i {background: url(https://dsfs.oppo.com/product/2020/wristband/images/2560/section-1-1icon-cf035bdc9266880023729853600bae5d.jpg) bottom no-repeat;background-size: 100% auto;}.custom-html-component .section-1 .right-i {background: url(https://dsfs.oppo.com/product/2020/wristband/images/2560/section-1-2icon-aa74696361073b0b874cfeccf630616d.jpg) bottom no-repeat;background-size: 100% auto;}.custom-html-component .section-1.show .left-i, .custom-html-component .section-1.show .right-i {-webkit-animation: fadeInLeftBig 1s ease .2s both;animation: fadeInLeftBig 1s ease .2s both;}.custom-html-component .section-1.show .explain, .custom-html-component .section-1.show .tit {-webkit-animation: fadeInUpBig 1s ease 1.5s both;animation: fadeInUpBig 1s ease 1.5s both;}.custom-html-component .section-1.show .right-img {-webkit-animation: fadeInUpBig 1s ease 1.2s both;animation: fadeInUpBig 1s ease 1.2s both;}.custom-html-component .section-1.show .left-img {-webkit-animation: fadeInUpBig 1s ease 1.6s both;animation: fadeInUpBig 1s ease 1.6s both;}.custom-html-component .section-2 {width: 100%;height: 100vw;position: relative;z-index: 1;}.custom-html-component .section-2 .left, .custom-html-component .section-2 .right {overflow: hidden;}.custom-html-component .section-2 .left .explain, .custom-html-component .section-2 .left .tit {padding-left: 12.5vw;}.custom-html-component .section-2 .left .tit {padding-top: 9.57031vw;}.custom-html-component .section-2 .icon-box {padding-left: 12.5vw;}.custom-html-component .section-2 .icon-detail {padding-right: 2.92969vw;}.custom-html-component .section-2 .icon-detail i {display: block;margin: 0 auto .78125vw;width: 2.44141vw;height: 2.14844vw;}.custom-html-component .section-2 .icon-detail p {color: #3a3a3a;text-align: center;}.custom-html-component .section-2 .right .explain, .custom-html-component .section-2 .right .tit {padding-left: 12.01172vw;}.custom-html-component .section-2 .right .tit {padding-top: 11.42578vw;}.custom-html-component .section-2 .right .explain {width: 25.87891vw;}.custom-html-component .section-2 .right .explain-box {padding-left: 12.01172vw;}.custom-html-component .section-2 .right .explain-box div:first-of-type {width: 11.03516vw;}.custom-html-component .section-2 .right .explain-box div:nth-of-type(2) p {width: 22.46094vw;}.custom-html-component .section-2 .small-explain {color: #000;padding-left: 12.01172vw;padding-top: 1.95313vw;}.custom-html-component .section-3 {width: 100%;height: 50vw;position: relative;z-index: 1;background: #d21f1b;}.custom-html-component .section-3 .explain, .custom-html-component .section-3 .tit {padding-left: 12.01172vw;}.custom-html-component .section-3 .tit {padding-top: 5.46875vw;}.custom-html-component .section-3 .explain {width: 28.32031vw;}.custom-html-component .section-3 .icon-box, .custom-html-component .section-3 .small-explain {padding-left: 12.01172vw;}.custom-html-component .section-3 .icon-detail {padding-right: 1.46484vw;width: 5.46875vw;}.custom-html-component .section-3 .icon-detail i {display: block;width: 1.46484vw;height: 1.46484vw;position: relative;margin: 0 auto .78125vw;}.custom-html-component .section-3 .icon-detail i:before {width: 5.85938vw;right: -6.83594vw;}.custom-html-component .section-3 .icon-detail:first-of-type i:after, .custom-html-component .section-3 .icon-detail i:before {display: block;clear: both;content: "";height: .09766vw;background: rgba(255, 255, 255, 0.7);position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}.custom-html-component .section-3 .icon-detail:first-of-type i:after {width: 2.44141vw;left: -2.92969vw;}.custom-html-component .section-3 .icon-detail:nth-of-type(4) i:before {width: 1.95313vw;right: -2.92969vw;}.custom-html-component .section-3 .icon-detail:nth-of-type(4) i:after {display: block;clear: both;content: "";width: .78125vw;height: .78125vw;position: absolute;top: 50%;-webkit-transform: translateY(-50%) rotate(-45deg);-ms-transform: translateY(-50%) rotate(-45deg);transform: translateY(-50%) rotate(-45deg);right: -2.92969vw;border-bottom: 0.09766vw solid rgba(255, 255, 255, 0.7);border-right: 0.09766vw solid rgba(255, 255, 255, 0.7);}.custom-html-component .section-3 .icon-detail p {color: #fff;text-align: center;opacity: .7;}.custom-html-component .section-3 .right-cont, .custom-html-component .section-3 ul {overflow: hidden;}.custom-html-component .section-3 ul {width: 120%;height: 100%;font-size: 0;text-align: center;left: -10%;position: relative;}.custom-html-component .section-3 ul li {width: 8.4vw;height: 7.6vw;background: url(https://dsfs.oppo.com/product/2020/wristband/images/1024/section-3-i-9cff359ea9f985223e48f61861eec0f9.png);background-size: 100% 100%;display: inline-block;margin: .48vw .78vw .58vw;}.custom-html-component .section-3 ul li.on {background: url(https://dsfs.oppo.com/product/2020/wristband/images/2560/section-3-ion-3fdb6ec3506d6c37a85cbb5e693742b7.png);background-size: 100% 100%;}.custom-html-component .section-3 ul li.one {-webkit-animation: pulse 1s ease-in-out infinite;animation: pulse 1s ease-in-out infinite;}.custom-html-component .section-3 ul li.two {-webkit-animation: pulse 1s ease-in-out .6s infinite;animation: pulse 1s ease-in-out .6s infinite;}.custom-html-component .section-3 ul li.three {-webkit-animation: pulse 1s ease-in-out .2s infinite;animation: pulse 1s ease-in-out .2s infinite;}.custom-html-component .section-3 ul li.on {-webkit-animation: pulseOn 1s ease-in-out infinite;animation: pulseOn 1s ease-in-out infinite;}.custom-html-component .section-4 {width: 100%;height: 50vw;position: relative;z-index: 1;background: #1349b7;}.custom-html-component .section-4 .explain, .custom-html-component .section-4 .tit {padding-left: 12.2vw;}.custom-html-component .section-4 .tit {padding-top: 9.47vw;}.custom-html-component .section-4 .small-explain {padding-left: 12.2vw;}.custom-html-component .section-4 ul {width: 100%;height: 100%;position: relative;font-size: 0;text-align: center;}.custom-html-component .section-4 ul li {width: 6.54vw;height: 250vw;background: url(https://dsfs.oppo.com/product/2020/wristband/images/1024/section-4-i-f739769a166ff68e2def5be34965e5c3.png);background-size: 100% auto;display: inline-block;margin: 0 1.46vw;background-position: 0 -1.95vw;}.custom-html-component .section-4 ul li.two {position: relative;top: -200vw;background-position: 0 -23.6vw;}.custom-html-component .section-4 ul li.one {-webkit-animation: fadeInUp1024 5s ease infinite;animation: fadeInUp1024 5s ease infinite;}.custom-html-component .section-4 ul li.two {-webkit-animation: fadeInUp21024 5s ease infinite;animation: fadeInUp21024 5s ease infinite;}.custom-html-component .section-5 {width: 100%;height: 100vw;position: relative;z-index: 1;}.custom-html-component .section-5 .left .explain, .custom-html-component .section-5 .left .tit {padding-left: 12.2vw;}.custom-html-component .section-5 .left .tit {padding-top: 11.7vw;}.custom-html-component .section-5 .small-explain {padding-left: 12.2vw;color: #000;}.custom-html-component .section-5 .right .explain, .custom-html-component .section-5 .right .tit {padding-left: 12vw;}.custom-html-component .section-5 .right .tit {padding-top: 10.8vw;}.custom-html-component .section-5 .explain-box {font-size: 0;text-align: left;padding-left: 12vw;padding-top: 2.92vw;}.custom-html-component .section-5 .left .explain-box {padding-left: 12.2vw;}.custom-html-component .section-5 .explain-box div {width: 12.6vw;display: inline-block;vertical-align: top;}.custom-html-component .section-5 .explain-box div p {font-size: 0;text-align: left;width: 14.6vw;display: block;}.custom-html-component .section-5 .explain-box div p em {display: inline-block;vertical-align: bottom;color: #000;top: -.78vw;}.custom-html-component .section-5 .explain-box div span {display: inline-block;vertical-align: bottom;font-size: 2.92vw;color: #000;font-family: OPPOFont-Bold;}.custom-html-component .section-5 .explain-box div em {display: block;font-size: 1.26vw;color: #333;padding-left: .48vw;font-family: OPPOFont-Medium;position: relative;}.custom-html-component .section-5 .swiper-container {width: 50vw;height: 50vw;margin: 0 auto;background: #000;}.custom-html-component .section-5 .swiper-container:before {display: block;clear: both;content: "";width: 50vw;height: 50vw;margin: 0 auto;background: url(https://dsfs.oppo.com/product/2020/wristband/images/2560/pan-b312c02017a5e5290c9903be70a078f8.png) no-repeat 50%;background-size: auto 100%;position: absolute;top: 0;left: 0;z-index: 99;}.custom-html-component .section-5 .swiper-slide, .custom-html-component .section-5 .swiper-wrapper {width: 100%;height: auto;}.custom-html-component .section-5 .swiper-slide.swiper-slide-active {z-index: 2;}.custom-html-component .section-5 .swiper-container img {display: block;width: 50vw;padding: 0;}.custom-html-component .section-6 {width: 100%;height: 140.625vw;position: relative;z-index: 1;}.custom-html-component .section-6 img {width: 100vw;height: 140.625vw;position: absolute;top: 0;left: 50%;}.custom-html-component .section-6 .shadow {opacity: 0;}.custom-html-component .show .shadow {-webkit-animation: fadeOut2 .8s linear .7s forwards;animation: fadeOut2 .8s linear .7s forwards;}.custom-html-component .section-6 .tit {position: relative;padding-top: 6.54vw;text-align: center;}.custom-html-component .section-6 .explain {text-align: center;width: auto;color: rgba(255, 255, 255, 0.7);}.custom-html-component .section-6 .small-explain {text-align: center;width: auto;color: rgba(255, 255, 255, 0.5);}.custom-html-component .section-6 .details {width: 62.5vw;height: auto;margin: 31.6vw auto 0;position: relative;text-align: left;background: #fff;}.custom-html-component .section-6 .details-box {width: 100%;height: 18.2vw;background: #fff;font-size: 0;}.custom-html-component .section-6 .details-box2, .custom-html-component .section-6 .details-box4 {background: #eaeaea;}.custom-html-component .section-6 .details-left, .custom-html-component .section-6 .details-right {width: 50%;height: 100%;display: inline-block;vertical-align: top;position: relative;}.custom-html-component .section-6 .details-box p {font-family: OPPOFont-Bold;font-size: 2.14vw;line-height: 2.92vw;padding-bottom: .97vw;display: block;}.custom-html-component .section-6 .details-box span {line-height: 1.75vw;padding-bottom: 10px;}.custom-html-component .section-6 .details-box em, .custom-html-component .section-6 .details-box span {font-family: OPPOFont-Medium;font-size: .97vw;display: block;}.custom-html-component .section-6 .details-box em {line-height: 1.17vw;opacity: .5;}.custom-html-component .section-6 .details-box1 p, .custom-html-component .section-6 .details-box1 span {padding-left: 6.93vw;padding-top: 4vw;}.custom-html-component .section-6 .details-box1 span {padding-top: 0;width: 15.6vw;}.custom-html-component .section-6 .details-box2 p, .custom-html-component .section-6 .details-box2 span {padding-left: 4.1vw;padding-top: 2.63vw;}.custom-html-component .section-6 .details-box2 span {padding-top: 0;width: 19.1vw;}.custom-html-component .section-6 .details-box2 em {padding-left: 4.1vw;}.custom-html-component .section-6 .details-box3 p, .custom-html-component .section-6 .details-box3 span {padding-left: 7.03vw;padding-top: 4vw;}.custom-html-component .section-6 .details-box3 span {padding-top: 0;width: 17.5vw;}.custom-html-component .section-6 .details-box4 p, .custom-html-component .section-6 .details-box4 span {padding-left: 4.1vw;padding-top: 4vw;}.custom-html-component .section-6 .details-box4 span {padding-top: 0;width: 18.9vw;}.custom-html-component .section-6 .icon-box {width: auto;position: relative;text-align: center;}.custom-html-component .section-6 .icon-detail {padding: 0 1.95313vw;}.custom-html-component .section-6 .icon-detail i {display: block;margin: 0 auto .78125vw;width: 2.14844vw;height: 1.66016vw;}.custom-html-component .section-6 .icon-detail i img {width: 2.14844vw;height: auto;position: static;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}.custom-html-component .section-6 .icon-detail p {font-size: 1.26953vw;color: rgba(255, 255, 255, 0.7);text-align: center;}.custom-html-component .section-6 .details-box1 .detailes-img {width: 20.3vw;height: 12.7vw;left: 44%;background: url(https://dsfs.oppo.com/product/2020/wristband/images/2560/section-6-img1-1d2468a769790205d8c40f0156b69f84.png);background-size: 100% 100%;}.custom-html-component .section-6 .details-box1 .detailes-img, .custom-html-component .section-6 .details-box2 .detailes-img {position: absolute;top: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}.custom-html-component .section-6 .details-box2 .detailes-img {width: 20vw;height: 12.69vw;left: 54%;background: url(https://dsfs.oppo.com/product/2020/wristband/images/2560/section-6-img2-dd64014be23ce5b2a99f0c0825a2a06e.png);background-size: 100% 100%;}.custom-html-component .section-6 .details-box3 .detailes-img {width: 19.8vw;height: 12.7vw;left: 44%;background: url(https://dsfs.oppo.com/product/2020/wristband/images/2560/section-6-img3-9f950220a9ca2c8db40afef663a47d8a.png);background-size: 100% 100%;}.custom-html-component .section-6 .details-box3 .detailes-img, .custom-html-component .section-6 .details-box4 .detailes-img {position: absolute;top: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}.custom-html-component .section-6 .details-box4 .detailes-img {width: 20.2vw;height: 12.8vw;left: 54%;background: url(https://dsfs.oppo.com/product/2020/wristband/images/2560/section-6-img4-40846f8bb411d0b12c255a0dbe88df52.png);background-size: 100% 100%;}.custom-html-component .section-7 {width: 100%;height: 100vw;position: relative;z-index: 1;}.custom-html-component .section-7 .left {background: #eaeaea;}.custom-html-component .section-7 .explain, .custom-html-component .section-7 .tit {padding-left: 12.5vw;}.custom-html-component .section-7 .tit {padding-top: 14.35547vw;}.custom-html-component .section-7 .right .explain, .custom-html-component .section-7 .right .tit {padding-left: 12.01172vw;}.custom-html-component .section-7 .right .tit {padding-top: 8.30078vw;}.custom-html-component .section-7 .icon-box {padding-left: 12.01172vw;width: 26.36719vw;}.custom-html-component .section-7 .icon-detail {width: 5.66406vw;padding-bottom: .97656vw;padding-right: .68359vw;}.custom-html-component .section-7 .icon-detail:nth-of-type(4), .custom-html-component .section-7 .icon-detail:nth-of-type(8), .custom-html-component .section-7 .icon-detail:nth-of-type(12) {padding-right: 0;}.custom-html-component .section-7 .icon-detail i {display: block;margin: 0 auto .78125vw;width: 1.66016vw;height: 1.5625vw;}.custom-html-component .section-7 .icon-detail i img {width: 100%;height: auto;}.custom-html-component .section-7 .icon-detail p {color: #3a3a3a;text-align: center;}.custom-html-component .section-9 {width: 100%;height: 56.25vw;position: relative;z-index: 1;}.custom-html-component .section-9 img {width: 100vw;height: 56.25vw;position: absolute;top: 0;left: 50%;}.custom-html-component .section-9 .tit {position: relative;padding-top: 17.5vw;padding-left: 62vw;text-align: left;}.custom-html-component .section-9 .explain {padding-left: 62vw;text-align: left;color: #fff;width: 23.9vw;}.custom-html-component .section-10 {width: 100%;height: 100vw;position: relative;z-index: 1;}.custom-html-component .section-10 .left {background: #a4b9c9;}.custom-html-component .section-10 .left .explain, .custom-html-component .section-10 .left .tit {padding-left: 12.1vw;}.custom-html-component .section-10 .left .tit {padding-top: 13.9vw;}.custom-html-component .section-10 .left .explain {width: 27.8vw;}.custom-html-component .section-10 .left .explain-box {font-size: 0;text-align: left;padding-left: 12.1vw;padding-top: 1.95vw;}.custom-html-component .section-10 .left .explain-box div {width: 10.74vw;display: inline-block;vertical-align: top;}.custom-html-component .section-10 .left .explain-box div p {font-size: 0;text-align: left;width: 14.64vw;display: block;height: 4.88vw;}.custom-html-component .section-10 .left .explain-box div span {display: inline-block;vertical-align: bottom;font-size: 2.92vw;color: #000;font-family: OPPOFont-Bold;}.custom-html-component .section-10 .left .explain-box div em {display: inline-block;vertical-align: bottom;font-size: 1.26vw;color: #333;padding-left: .48vw;font-family: OPPOFont-Medium;position: relative;top: -.78vw;}.custom-html-component .section-10 .right .explain, .custom-html-component .section-10 .right .tit {padding-left: 10.05vw;}.custom-html-component .section-10 .right .tit {padding-top: 14.06vw;}.custom-html-component .section-10 .right .explain {width: 31.7vw;}.custom-html-component .section-10 .right .small-explain {padding-left: 10.05vw;width: 25vw;}.custom-html-component .section-10 .right {background: #029edc;}.custom-html-component .add-section1 {width: 100%;height: 44.9vw;background: #f8f8f8;overflow: hidden;position: relative;}.custom-html-component .add-section1-video, .custom-html-component .add-section1-video:after {width: 100%;height: 100%;position: absolute;top: 0;left: 0;}.custom-html-component .add-section1-video:after {display: block;clear: both;content: "";background: rgba(0, 0, 0, 0.2);}.custom-html-component .add-section1-video video {width: 100%;height: auto;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}.custom-html-component .add-section1 h2 {font-size: 3.9vw;font-family: OPPOFont-Bold;text-align: center;padding: 8.59vw 0 4.68vw;color: #fff;position: relative;}.custom-html-component .add-section1 .module {font-size: 0;text-align: center;width: 100%;margin: 0 auto;}.custom-html-component .add-section1 .module-box {display: inline-block;vertical-align: top;text-align: center;width: 29.29688vw;position: relative;margin-bottom: 2.63672vw;height: 3.90625vw;line-height: 3.90625vw;}.custom-html-component .add-section1 .module-box:before {display: block;clear: both;content: "";position: absolute;top: 50%;right: 0;height: 2.44141vw;width: .09766vw;background: #fff;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}.custom-html-component .add-section1 .module-box3:before, .custom-html-component .add-section1 .module-box6:before {display: none;}.custom-html-component .add-section1 .module-box p {font-family: OPPOFont-Medium;font-size: 1.95313vw;color: #fff;height: 100%;}.custom-html-component .add-section1 .video-btn {width: 3.90625vw;height: 3.90625vw;display: block;background: url(https://dsfs.oppo.com/product/2020/wristband/images/2560/play-c973bbcdba7e0f938b88f2847eeb61cb.png);background-size: 100% 100%;position: absolute;bottom: 8.2vw;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}.custom-html-component .add-section1 .small-explain {text-align: center;width: 100%;position: absolute;bottom: 1.66016vw;color: rgba(255, 255, 255, 0.5);font-size: .97656vw;}.custom-html-component .add-section2 {width: 100%;height: 56.25vw;background: #fff;overflow: hidden;position: relative;z-index: 1;}.custom-html-component .add-section2 img {width: auto;height: 56.25vw;position: absolute;top: 0;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}.custom-html-component .add-section2 .explain, .custom-html-component .add-section2 .tit {padding-left: 62.01vw;position: relative;}.custom-html-component .add-section2 .tit {padding-top: 1.56vw;}.custom-html-component .add-section2 .explain {width: 25.8vw;}.custom-html-component .add-section2 i {width: 1.85vw;height: 1.56vw;background: url(https://dsfs.oppo.com/product/2020/wristband/images/2560/section-5-i-c573c807e2bde44d498376e6cd95b317.png);background-size: 100% 100%;display: block;position: relative;margin-top: 19.14vw;margin-left: 62.01vw;z-index: 3;}.custom-html-component .remark {width: 100%;height: auto;padding: 7.91vw 0;background: #fff;}.custom-html-component .remark h2 {font-size: 1.26vw;line-height: 2.73vw;width: 75.7vw;margin: 0 auto 1.46vw;color: rgba(0, 0, 0, 0.7);}.custom-html-component .remark .remark-ul {width: 75.78vw;margin: 0 auto;color: rgba(0, 0, 0, 0.7);}.custom-html-component .remark .remark-ul li {position: relative;font-size: 1.26vw;line-height: 1.95vw;margin-bottom: 1.46vw;}.custom-html-component .remark .remark-ul li span {display: inline-block;position: absolute;top: 0;left: 2.44vw;}.custom-html-component .remark .remark-ul li p {position: relative;}.custom-html-component .show .fly {-webkit-animation: fly1024 1s linear both;animation: fly1024 1s linear both;}.custom-html-component .show .fly i {-webkit-animation: fly21024 1s linear both;animation: fly21024 1s linear both;}.custom-html-component .fly {width: 32.22vw;height: 13.57vw;position: absolute;top: -11.57vw;right: -30.22vw;z-index: 5;}.custom-html-component .fly i {width: 100%;height: 100%;background: url(https://dsfs.oppo.com/product/2020/wristband/images/2560/fly-551a0740928fa14e7a2a72dac5db7488.png);background-size: 100% 100%;display: block;z-index: 5;}}@media only screen and (max-width: 1440px) and (min-width: 1221px) {.custom-html-component .video-dialog-wrapper {position: absolute;top: 50%;left: 50%;z-index: 101;width: 800px;height: 450px;margin-left: -400px;margin-top: -225px;}.custom-html-component .video-dialog-wrapper video {position: absolute;width: 100%;}.custom-html-component .pc {display: block;}.custom-html-component .m {display: none;}.custom-html-component .content {height: auto;background: #eaeaea;overflow: hidden;}.custom-html-component .section-wrap {width: 100%;height: 720px;font-size: 0;text-align: center;}.custom-html-component .main #oc-header {background-color: #fff !important;}.custom-html-component .tit {font-family: OPPOFont-Bold;font-size: 40px;line-height: 54px;color: #000;}.custom-html-component .explain {font-family: OPPOFont-Medium;font-size: 14px;line-height: 24px;color: #000;opacity: .7;padding-top: 30px;width: 360px;}.custom-html-component .explain.white, .custom-html-component .tit.white {color: #fff;}.custom-html-component .small-explain {font-family: OPPOFont-Medium;font-size: 12px;line-height: 20px;color: #fff;opacity: .5;display: block;padding-top: 40px;width: 360px;}.custom-html-component .left, .custom-html-component .right {width: 50%;height: 720px;position: relative;display: inline-block;vertical-align: middle;text-align: left;overflow: hidden;}.custom-html-component .left-cont, .custom-html-component .right-cont {width: 100%;height: 720px;position: relative;-ms-touch-action: none;touch-action: none;}.custom-html-component .cont {height: 720px;overflow: hidden;}.custom-html-component .section-wrap img {width: auto;height: 100%;position: relative;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}.custom-html-component .section-wrap.bottom .left-cont, .custom-html-component .section-wrap.bottom .right-cont, .custom-html-component .section-wrap.fixed .left-cont, .custom-html-component .section-wrap.fixed .right-cont {-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}.custom-html-component .explain-box {padding-left: 220px;padding-top: 30px;}.custom-html-component .explain-box div {width: 240px;display: inline-block;vertical-align: top;}.custom-html-component .explain-box div p {font-size: 0;text-align: left;width: 100%;display: block;height: auto;}.custom-html-component .explain-box div p em {top: 0;top: -8px;}.custom-html-component .explain-box div p em, .custom-html-component .explain-box div span {display: inline-block;vertical-align: bottom;color: #000;}.custom-html-component .explain-box div span {font-size: 40px;font-family: OPPOFont-Bold;}.custom-html-component .explain-box div em {display: block;font-size: 14px;color: #333;padding-left: 5px;font-family: OPPOFont-Medium;position: relative;}.custom-html-component .icon-box {width: auto;height: auto;font-size: 0;padding-top: 30px;}.custom-html-component .icon-detail {display: inline-block;vertical-align: top;overflow: hidden;}.custom-html-component .icon-detail i {display: block;margin: 0 auto;}.custom-html-component .icon-detail i img {width: 100%;height: auto;}.custom-html-component .icon-detail p {font-size: 14px;color: #3a3a3a;}.custom-html-component .fixed {position: fixed;top: 0;left: 0;}.custom-html-component .bottom {position: absolute;top: auto;bottom: 0;left: 0;}.custom-html-component .fixed2 {position: fixed !important;top: 720px;z-index: 2 !important;}.custom-html-component .margin {margin-top: 5000px;}.custom-html-component .section-1 {width: 100%;height: 720px;position: relative;z-index: 1;overflow: hidden;background: #000;color: #fff;}.custom-html-component .section-1 .left {background: url(https://dsfs.oppo.com/product/2020/wristband/images/2560/section-1-1-8e7eb490008fbb8cc32d49791277a916.jpg) bottom no-repeat;background-size: 100% auto;background-color: #0054ff;}.custom-html-component .section-1 .left .tit {font-size: 43px;padding-top: 35px;padding-left: 35px;color: #fff;opacity: 0;}.custom-html-component .section-1 .left .explain {font-size: 28px;font-family: OPPOFont-Bold;padding-top: 8px;padding-left: 37px;color: #fff;opacity: 0;}.custom-html-component .section-1 .left .left-img {width: 100%;height: 100%;position: absolute;bottom: 0;left: 0;z-index: 3;opacity: 0;background: url(https://dsfs.oppo.com/product/2020/wristband/images/2560/section-1-left-32d2abe63c83bd2110caf86894d020f3.png) bottom no-repeat;background-size: 100% auto;pointer-events: none;}.custom-html-component .section-1 .right {background: url(https://dsfs.oppo.com/product/2020/wristband/images/2560/section-1-2-595f07c24ef1b728e85d850dc3331822.jpg) bottom no-repeat;background-size: 100% auto;background-color: #eee;}.custom-html-component .section-1 .right .right-img {width: 100%;height: 100%;position: absolute;bottom: 0;left: 0;z-index: 1;opacity: 0;background: url(https://dsfs.oppo.com/product/2020/wristband/images/2560/section-1-right-ae164e26d91642230c3b94c02f48f22f.png) bottom no-repeat;background-size: 100% auto;pointer-events: none;}.custom-html-component .section-1 .left-i, .custom-html-component .section-1 .right-i {width: 100%;height: 212px;position: absolute;bottom: 0;left: 0;opacity: 0;z-index: 2;}.custom-html-component .section-1 .left-i {background: url(https://dsfs.oppo.com/product/2020/wristband/images/2560/section-1-1icon-cf035bdc9266880023729853600bae5d.jpg) bottom no-repeat;background-size: 100% auto;}.custom-html-component .section-1 .right-i {background: url(https://dsfs.oppo.com/product/2020/wristband/images/2560/section-1-2icon-aa74696361073b0b874cfeccf630616d.jpg) bottom no-repeat;background-size: 100% auto;}.custom-html-component .section-1.show .left-i, .custom-html-component .section-1.show .right-i {-webkit-animation: fadeInLeftBig 1s ease .2s both;animation: fadeInLeftBig 1s ease .2s both;}.custom-html-component .section-1.show .explain, .custom-html-component .section-1.show .tit {-webkit-animation: fadeInUpBig 1s ease 1.5s both;animation: fadeInUpBig 1s ease 1.5s both;}.custom-html-component .section-1.show .right-img {-webkit-animation: fadeInUpBig 1s ease 1.2s both;animation: fadeInUpBig 1s ease 1.2s both;}.custom-html-component .section-1.show .left-img {-webkit-animation: fadeInUpBig 1s ease 1.6s both;animation: fadeInUpBig 1s ease 1.6s both;}.custom-html-component .section-2 {width: 100%;height: 1440px;position: relative;z-index: 1;}.custom-html-component .section-2 .left .explain, .custom-html-component .section-2 .left .tit {padding-left: 180px;}.custom-html-component .section-2 .left .tit {padding-top: 175px;}.custom-html-component .section-2 .icon-box {padding-left: 175px;}.custom-html-component .section-2 .icon-detail {padding-right: 50px;}.custom-html-component .section-2 .icon-detail i {display: block;margin: 0 auto 10px;width: 38px;height: 34px;}.custom-html-component .section-2 .icon-detail p {font-size: 14px;color: #3a3a3a;text-align: center;}.custom-html-component .section-2 .right .explain, .custom-html-component .section-2 .right .tit {padding-left: 180px;}.custom-html-component .section-2 .right .tit {padding-top: 187px;}.custom-html-component .section-2 .right .explain {width: 360px;}.custom-html-component .section-2 .right .explain-box {padding-left: 180px;}.custom-html-component .section-2 .right .explain-box div:first-of-type {width: 170px;}.custom-html-component .section-2 .right .explain-box div:nth-of-type(2) p {width: 330px;}.custom-html-component .section-2 .small-explain {color: #000;padding-left: 180px;padding-top: 30px;}.custom-html-component .section-3 {width: 100%;height: 720px;position: relative;z-index: 1;overflow: hidden;background: #d21f1b;}.custom-html-component .section-3 .explain, .custom-html-component .section-3 .tit {padding-left: 180px;}.custom-html-component .section-3 .tit {padding-top: 123px;}.custom-html-component .section-3 .icon-box, .custom-html-component .section-3 .small-explain {padding-left: 180px;}.custom-html-component .section-3 .icon-detail {padding-right: 30px;width: 64px;}.custom-html-component .section-3 .icon-detail i {display: block;margin: 0 auto 10px;width: 24px;height: 23px;position: relative;}.custom-html-component .section-3 .icon-detail i:before {width: 70px;right: -80px;}.custom-html-component .section-3 .icon-detail:first-of-type i:after, .custom-html-component .section-3 .icon-detail i:before {display: block;clear: both;content: "";height: 2px;background: rgba(255, 255, 255, 0.7);position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}.custom-html-component .section-3 .icon-detail:first-of-type i:after {width: 25px;left: -35px;}.custom-html-component .section-3 .icon-detail:nth-of-type(4) i:before {width: 30px;right: -45px;}.custom-html-component .section-3 .icon-detail:nth-of-type(4) i:after {display: block;clear: both;content: "";width: 10px;height: 10px;position: absolute;top: 50%;-webkit-transform: translateY(-50%) rotate(-45deg);-ms-transform: translateY(-50%) rotate(-45deg);transform: translateY(-50%) rotate(-45deg);right: -48px;border-bottom: 2px solid rgba(255, 255, 255, 0.7);border-right: 2px solid rgba(255, 255, 255, 0.7);}.custom-html-component .section-3 .icon-detail p {font-size: 16px;color: #fff;text-align: center;opacity: .7;}.custom-html-component .section-3 .right-cont, .custom-html-component .section-3 ul {overflow: hidden;}.custom-html-component .section-3 ul {width: 120%;height: 100%;font-size: 0;text-align: center;left: -10%;position: relative;}.custom-html-component .section-3 ul li {width: 124px;height: 110px;background: url(https://dsfs.oppo.com/product/2020/wristband/images/1440/section-3-i-f794af97e86816710523d9238a1c1b60.png);background-size: 100% 100%;display: inline-block;margin: 10px 7px 9px;}.custom-html-component .section-3 ul li.on {background: url(https://dsfs.oppo.com/product/2020/wristband/images/2560/section-3-ion-3fdb6ec3506d6c37a85cbb5e693742b7.png);background-size: 100% 100%;}.custom-html-component .section-3 ul li.one {-webkit-animation: pulse 1s ease-in-out infinite;animation: pulse 1s ease-in-out infinite;}.custom-html-component .section-3 ul li.two {-webkit-animation: pulse 1s ease-in-out .6s infinite;animation: pulse 1s ease-in-out .6s infinite;}.custom-html-component .section-3 ul li.three {-webkit-animation: pulse 1s ease-in-out .2s infinite;animation: pulse 1s ease-in-out .2s infinite;}.custom-html-component .section-3 ul li.on {-webkit-animation: pulseOn 1s ease-in-out infinite;animation: pulseOn 1s ease-in-out infinite;}.custom-html-component .section-4 {width: 100%;height: 720px;position: relative;z-index: 1;overflow: hidden;background: #1349b7;}.custom-html-component .section-4 .explain, .custom-html-component .section-4 .tit {padding-left: 180px;}.custom-html-component .section-4 .tit {padding-top: 182px;}.custom-html-component .section-4 .explain {width: 348px;}.custom-html-component .section-4 .small-explain {padding-left: 180px;}.custom-html-component .section-4 ul {width: 100%;height: 100%;position: relative;font-size: 0;text-align: center;}.custom-html-component .section-4 ul li {width: 94px;height: 3600px;background: url(https://dsfs.oppo.com/product/2020/wristband/images/1440/section-4-i-d24d096317e7725db44a13d3e88599de.png);background-size: 100% auto;display: inline-block;margin: 0 21px;background-position: 0 -50px;}.custom-html-component .section-4 ul li.two {position: relative;top: -2880px;background-position: 0 -356px;}.custom-html-component .section-4 ul li.one {-webkit-animation: fadeInUp1440 5s ease infinite;animation: fadeInUp1440 5s ease infinite;}.custom-html-component .section-4 ul li.two {-webkit-animation: fadeInUp21440 5s ease infinite;animation: fadeInUp21440 5s ease infinite;}.custom-html-component .section-5 {width: 100%;height: 1440px;position: relative;z-index: 1;overflow: hidden;}.custom-html-component .section-5 .left .explain, .custom-html-component .section-5 .left .tit {padding-left: 180px;}.custom-html-component .section-5 .left .tit {padding-top: 189px;}.custom-html-component .section-5 .small-explain {padding-left: 180px;color: #000;}.custom-html-component .section-5 .right .explain, .custom-html-component .section-5 .right .tit {padding-left: 180px;}.custom-html-component .section-5 .right .tit {padding-top: 173px;}.custom-html-component .section-5 .explain-box {font-size: 0;text-align: left;padding-left: 180px;padding-top: 40px;}.custom-html-component .section-5 .left .explain-box {padding-left: 180px;}.custom-html-component .section-5 .explain-box div {width: 150px;display: inline-block;vertical-align: top;}.custom-html-component .section-5 .explain-box div p {font-size: 0;text-align: left;width: 150px;display: block;}.custom-html-component .section-5 .explain-box div p em {display: inline-block;vertical-align: bottom;color: #000;top: -8px;}.custom-html-component .section-5 .explain-box div span {display: inline-block;vertical-align: bottom;font-size: 40px;color: #000;font-family: OPPOFont-Bold;}.custom-html-component .section-5 .explain-box div em {display: block;font-size: 14px;color: #333;padding-left: 5px;font-family: OPPOFont-Medium;position: relative;}.custom-html-component .section-5 .small-explain {padding-top: 30px;}.custom-html-component .section-5 .swiper-container {width: 100%;height: 100%;background: #000;}.custom-html-component .section-5 .swiper-container:before {display: block;clear: both;content: "";width: 100%;height: 100%;margin: 0 auto;background: url(https://dsfs.oppo.com/product/2020/wristband/images/2560/pan-b312c02017a5e5290c9903be70a078f8.png) no-repeat 50%;background-size: auto 100%;position: absolute;top: 0;left: 0;z-index: 99;}.custom-html-component .section-5 .swiper-slide, .custom-html-component .section-5 .swiper-wrapper {width: 100%;height: 100%;}.custom-html-component .section-5 .swiper-slide.swiper-slide-active {z-index: 2;}.custom-html-component .section-6 {width: 100%;height: 2025px;position: relative;z-index: 1;overflow: hidden;}.custom-html-component .section-6 img {width: 1440px;height: 2025px;position: absolute;top: 0;left: 50%;}.custom-html-component .section-6 .shadow {opacity: 0;}.custom-html-component .show .shadow {-webkit-animation: fadeOut2 .8s linear .7s forwards;animation: fadeOut2 .8s linear .7s forwards;}.custom-html-component .section-6 .tit {position: relative;padding-top: 100px;text-align: center;}.custom-html-component .section-6 .explain {text-align: center;width: auto;color: rgba(255, 255, 255, 0.8);}.custom-html-component .section-6 .small-explain {text-align: center;width: 100%;color: rgba(255, 255, 255, 0.5);}.custom-html-component .section-6 .details {width: 900px;height: auto;margin: 455px auto 0;position: relative;text-align: left;background: #fff;}.custom-html-component .section-6 .details-box {width: 100%;height: 263px;background: #fff;font-size: 0;}.custom-html-component .section-6 .details-box2, .custom-html-component .section-6 .details-box4 {background: #eaeaea;}.custom-html-component .section-6 .details-left, .custom-html-component .section-6 .details-right {width: 50%;height: 100%;display: inline-block;vertical-align: top;position: relative;}.custom-html-component .section-6 .details-box p {font-family: OPPOFont-Bold;font-size: 28px;line-height: 38px;padding-bottom: 16px;display: block;}.custom-html-component .section-6 .details-box span {font-family: OPPOFont-Medium;font-size: 14px;line-height: 24px;padding-bottom: 30px;display: block;}.custom-html-component .section-6 .details-box em {font-family: OPPOFont-Medium;font-size: 12px;line-height: 12px;display: block;opacity: .5;}.custom-html-component .section-6 .details-box1 p, .custom-html-component .section-6 .details-box1 span {padding-left: 98px;padding-top: 60px;}.custom-html-component .section-6 .details-box1 span {padding-top: 0;width: 233px;}.custom-html-component .section-6 .details-box2 p, .custom-html-component .section-6 .details-box2 span {padding-left: 56px;padding-top: 46px;}.custom-html-component .section-6 .details-box2 span {padding-top: 0;width: 284px;}.custom-html-component .section-6 .details-box2 em {padding-left: 56px;}.custom-html-component .section-6 .details-box3 p, .custom-html-component .section-6 .details-box3 span {padding-left: 98px;padding-top: 61px;}.custom-html-component .section-6 .details-box3 span {padding-top: 0;width: 252px;}.custom-html-component .section-6 .details-box4 p, .custom-html-component .section-6 .details-box4 span {padding-left: 56px;padding-top: 60px;}.custom-html-component .section-6 .details-box4 span {padding-top: 0;width: 278px;}.custom-html-component .section-6 .icon-box {width: auto;position: relative;text-align: center;}.custom-html-component .section-6 .icon-detail {padding: 0 30px;}.custom-html-component .section-6 .icon-detail i {display: block;margin: 0 auto;width: 34px;height: 36px;}.custom-html-component .section-6 .icon-detail i img {width: 34px;height: auto;position: static;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}.custom-html-component .section-6 .icon-detail p {font-size: 14px;color: rgba(255, 255, 255, 0.7);text-align: center;}.custom-html-component .section-6 .details-box1 .detailes-img {width: 289px;left: 44%;background: url(https://dsfs.oppo.com/product/2020/wristband/images/2560/section-6-img1-1d2468a769790205d8c40f0156b69f84.png);background-size: 100% 100%;}.custom-html-component .section-6 .details-box1 .detailes-img, .custom-html-component .section-6 .details-box2 .detailes-img {height: 182px;position: absolute;top: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}.custom-html-component .section-6 .details-box2 .detailes-img {width: 288px;left: 54%;background: url(https://dsfs.oppo.com/product/2020/wristband/images/2560/section-6-img2-dd64014be23ce5b2a99f0c0825a2a06e.png);background-size: 100% 100%;}.custom-html-component .section-6 .details-box3 .detailes-img {width: 284px;height: 182px;left: 44%;background: url(https://dsfs.oppo.com/product/2020/wristband/images/2560/section-6-img3-9f950220a9ca2c8db40afef663a47d8a.png);background-size: 100% 100%;}.custom-html-component .section-6 .details-box3 .detailes-img, .custom-html-component .section-6 .details-box4 .detailes-img {position: absolute;top: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}.custom-html-component .section-6 .details-box4 .detailes-img {width: 290px;height: 184px;left: 54%;background: url(https://dsfs.oppo.com/product/2020/wristband/images/2560/section-6-img4-40846f8bb411d0b12c255a0dbe88df52.png);background-size: 100% 100%;}.custom-html-component .section-7 {width: 100%;height: 1440px;position: relative;z-index: 1;overflow: hidden;}.custom-html-component .section-7 .left {background: #eaeaea;}.custom-html-component .section-7 .explain, .custom-html-component .section-7 .tit {padding-left: 180px;}.custom-html-component .section-7 .tit {padding-top: 243px;}.custom-html-component .section-7 .right .explain, .custom-html-component .section-7 .right .tit {padding-left: 180px;}.custom-html-component .section-7 .right .tit {padding-top: 169px;}.custom-html-component .section-7 .icon-box {padding-left: 180px;width: 400px;}.custom-html-component .section-7 .icon-detail {width: 65px;padding-bottom: 10px;}.custom-html-component .section-7 .icon-detail:nth-of-type(6), .custom-html-component .section-7 .icon-detail:nth-of-type(12) {padding-right: 0;}.custom-html-component .section-7 .icon-detail i {display: block;margin: 0 auto 10px;width: 25px;height: 24px;}.custom-html-component .section-7 .icon-detail i img {width: 100%;height: auto;}.custom-html-component .section-7 .icon-detail p {font-size: 14px;color: #3a3a3a;text-align: center;}.custom-html-component .section-9 {width: 100%;height: 810px;position: relative;z-index: 1;overflow: hidden;}.custom-html-component .section-9 img {width: 1440px;height: 810px;position: absolute;top: 0;left: 50%;}.custom-html-component .section-9 .tit {position: relative;padding-top: 286px;padding-left: 900px;text-align: left;}.custom-html-component .section-9 .explain {padding-left: 900px;text-align: left;color: #fff;}.custom-html-component .section-10 {width: 100%;height: 1440px;position: relative;z-index: 1;overflow: hidden;}.custom-html-component .section-10 .left {background: #d4dde4;}.custom-html-component .section-10 .left .explain, .custom-html-component .section-10 .left .tit {padding-left: 180px;}.custom-html-component .section-10 .left .tit {padding-top: 215px;}.custom-html-component .section-10 .left .explain-box {font-size: 0;text-align: left;padding-left: 180px;padding-top: 20px;}.custom-html-component .section-10 .left .explain-box div {width: 140px;display: inline-block;vertical-align: top;}.custom-html-component .section-10 .left .explain-box div p {font-size: 0;text-align: left;width: 150px;display: block;height: 65px;}.custom-html-component .section-10 .left .explain-box div p em {color: #000;top: -8px;}.custom-html-component .section-10 .left .explain-box div span {display: inline-block;vertical-align: bottom;font-size: 40px;color: #000;font-family: OPPOFont-Bold;}.custom-html-component .section-10 .left .explain-box div em {display: inline-block;vertical-align: bottom;font-size: 14px;color: #333;padding-left: 5px;font-family: OPPOFont-Medium;position: relative;}.custom-html-component .section-10 .right .explain, .custom-html-component .section-10 .right .tit {padding-left: 180px;}.custom-html-component .section-10 .right .tit {padding-top: 203px;}.custom-html-component .section-10 .right .small-explain {padding-left: 180px;width: 360px;}.custom-html-component .section-10 .right {background: #029edc;}.custom-html-component .add-section1 {width: 100%;height: 641px;background: #f8f8f8;overflow: hidden;position: relative;}.custom-html-component .add-section1-video, .custom-html-component .add-section1-video:after {width: 100%;height: 100%;position: absolute;top: 0;left: 0;}.custom-html-component .add-section1-video:after {display: block;clear: both;content: "";background: rgba(0, 0, 0, 0.2);}.custom-html-component .add-section1-video video {width: 100%;height: auto;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}.custom-html-component .add-section1 h2 {font-size: 50px;font-family: OPPOFont-Bold;text-align: center;padding: 134px 0 70px;color: #fff;position: relative;}.custom-html-component .add-section1 .module {font-size: 0;text-align: center;width: 1250px;margin: 0 auto;}.custom-html-component .add-section1 .module-box {display: inline-block;vertical-align: top;text-align: center;width: 400px;position: relative;margin-bottom: 50px;}.custom-html-component .add-section1 .module-box:before {display: block;clear: both;content: "";position: absolute;top: 50%;right: 0;height: 40px;width: 1px;background: #fff;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}.custom-html-component .add-section1 .module-box3:before, .custom-html-component .add-section1 .module-box6:before {display: none;}.custom-html-component .add-section1 .module-box p {font-family: OPPOFont-Medium;font-size: 28px;line-height: 40px;color: #fff;height: 100%;}.custom-html-component .add-section1 .small-explain {text-align: center;width: 100%;position: absolute;bottom: 21px;color: rgba(255, 255, 255, 0.5);font-size: 12px;}.custom-html-component .add-section1 .video-btn {width: 58px;height: 58px;display: block;background: url(https://dsfs.oppo.com/product/2020/wristband/images/2560/play-c973bbcdba7e0f938b88f2847eeb61cb.png);background-size: 100% 100%;position: absolute;bottom: 108px;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}.custom-html-component .add-section2 {width: 100%;height: 810px;background: #fff;position: relative;z-index: 1;overflow: hidden;}.custom-html-component .add-section2 img {width: auto;height: 810px;position: absolute;top: 0;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}.custom-html-component .add-section2 .explain, .custom-html-component .add-section2 .tit {padding-left: 900px;position: relative;}.custom-html-component .add-section2 .tit {padding-top: 22px;}.custom-html-component .add-section2 .explain {width: 372px;}.custom-html-component .add-section2 i {width: 30px;height: 27px;background: url(https://dsfs.oppo.com/product/2020/wristband/images/2560/section-5-i-c573c807e2bde44d498376e6cd95b317.png);background-size: 100% 100%;display: block;position: relative;margin-top: 282px;margin-left: 900px;z-index: 3;}.custom-html-component .remark {width: 100%;height: auto;padding: 120px 0;background: #fff;}.custom-html-component .remark h2 {font-size: 14px;line-height: 28px;margin: 0 auto 15px;}.custom-html-component .remark .remark-ul, .custom-html-component .remark h2 {width: 876px;color: rgba(0, 0, 0, 0.7);}.custom-html-component .remark .remark-ul {margin: 0 auto;}.custom-html-component .remark .remark-ul li {position: relative;font-size: 14px;line-height: 20px;margin-bottom: 15px;}.custom-html-component .remark .remark-ul li span {display: block;position: absolute;top: 0;left: 25px;}.custom-html-component .remark .remark-ul li p {position: relative;}.custom-html-component .show .fly {-webkit-animation: fly1440 1s linear both;animation: fly1440 1s linear both;}.custom-html-component .show .fly i {-webkit-animation: fly21440 1s linear both;animation: fly21440 1s linear both;}.custom-html-component .fly {width: 535px;height: 225px;position: absolute;top: -205px;right: -535px;z-index: 5;}.custom-html-component .fly i {width: 100%;height: 100%;background: url(https://dsfs.oppo.com/product/2020/wristband/images/2560/fly-551a0740928fa14e7a2a72dac5db7488.png);background-size: 100% 100%;display: block;z-index: 5;}}@media only screen and (max-width: 1920px) and (min-width: 1441px) {.custom-html-component .pc {display: block;}.custom-html-component .m {display: none;}.custom-html-component .content {height: auto;background: #eaeaea;overflow: hidden;}.custom-html-component .section-wrap {width: 100%;height: 960px;font-size: 0;text-align: center;}.custom-html-component .main #oc-header {background-color: #fff !important;}.custom-html-component .tit {font-family: OPPOFont-Bold;font-size: 55px;line-height: 80px;color: #000;}.custom-html-component .explain {font-family: OPPOFont-Medium;font-size: 20px;line-height: 34px;color: #000;opacity: .7;padding-top: 31px;width: 440px;}.custom-html-component .explain.white, .custom-html-component .tit.white {color: #fff;}.custom-html-component .small-explain {font-family: OPPOFont-Medium;font-size: 12px;line-height: 20px;color: #fff;opacity: .5;display: block;padding-top: 35px;width: 440px;}.custom-html-component .left, .custom-html-component .right {width: 50%;height: 960px;position: relative;display: inline-block;vertical-align: middle;text-align: left;overflow: hidden;}.custom-html-component .left-cont, .custom-html-component .right-cont {width: 100%;height: 960px;position: relative;-ms-touch-action: none;touch-action: none;}.custom-html-component .cont {height: 960px;overflow: hidden;}.custom-html-component .section-wrap img {width: auto;height: 100%;position: relative;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}.custom-html-component .section-wrap.bottom .left-cont, .custom-html-component .section-wrap.bottom .right-cont, .custom-html-component .section-wrap.fixed .left-cont, .custom-html-component .section-wrap.fixed .right-cont {-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}.custom-html-component .explain-box {padding-left: 220px;padding-top: 31px;}.custom-html-component .explain-box div {width: 240px;display: inline-block;vertical-align: top;}.custom-html-component .explain-box div p {font-size: 0;text-align: left;width: 100%;display: block;height: auto;}.custom-html-component .explain-box div p em {top: -8px;}.custom-html-component .explain-box div p em, .custom-html-component .explain-box div span {display: inline-block;vertical-align: bottom;color: #000;}.custom-html-component .explain-box div span {font-size: 45px;font-family: OPPOFont-Bold;}.custom-html-component .explain-box div em {display: block;font-size: 16px;color: #333;padding-left: 5px;font-family: OPPOFont-Medium;position: relative;top: 0;}.custom-html-component .icon-box {width: auto;height: auto;font-size: 0;padding-top: 50px;}.custom-html-component .icon-detail {display: inline-block;vertical-align: top;overflow: hidden;}.custom-html-component .icon-detail i {display: block;margin: 0 auto;}.custom-html-component .icon-detail p {font-size: 16px;color: #3a3a3a;}.custom-html-component .fixed {position: fixed;top: 0;left: 0;}.custom-html-component .bottom {position: absolute;top: auto;bottom: 0;left: 0;}.custom-html-component .fixed2 {position: fixed !important;top: 960px;z-index: 2 !important;}.custom-html-component .margin {margin-top: 960px;}.custom-html-component .section-1 {width: 100%;height: 960px;position: relative;z-index: 1;overflow: hidden;background: #000;color: #fff;}.custom-html-component .section-1 .left {background: url(https://dsfs.oppo.com/product/2020/wristband/images/2560/section-1-1-8e7eb490008fbb8cc32d49791277a916.jpg) bottom no-repeat;background-size: 100% auto;background-color: #0054ff;}.custom-html-component .section-1 .left .tit {font-size: 58px;padding-top: 58px;padding-left: 48px;color: #fff;opacity: 0;}.custom-html-component .section-1 .left .explain {font-size: 38px;font-family: OPPOFont-Bold;padding-top: 18px;padding-left: 48px;color: #fff;opacity: 0;width: auto;height: auto;}.custom-html-component .section-1 .left .left-img {width: 100%;height: 100%;position: absolute;bottom: 0;left: 0;z-index: 3;opacity: 0;background: url(https://dsfs.oppo.com/product/2020/wristband/images/2560/section-1-left-32d2abe63c83bd2110caf86894d020f3.png) bottom no-repeat;background-size: 100% auto;pointer-events: none;}.custom-html-component .section-1 .right {background: url(https://dsfs.oppo.com/product/2020/wristband/images/2560/section-1-2-595f07c24ef1b728e85d850dc3331822.jpg) bottom no-repeat;background-size: 100% auto;background-color: #eee;}.custom-html-component .section-1 .right .right-img {width: 100%;height: 100%;position: absolute;bottom: 0;left: 0;z-index: 1;opacity: 0;background: url(https://dsfs.oppo.com/product/2020/wristband/images/2560/section-1-right-ae164e26d91642230c3b94c02f48f22f.png) bottom no-repeat;background-size: 100% auto;pointer-events: none;}.custom-html-component .section-1 .left-i, .custom-html-component .section-1 .right-i {width: 100%;height: 212px;position: absolute;bottom: 0;left: 0;opacity: 0;z-index: 2;}.custom-html-component .section-1 .left-i {background: url(https://dsfs.oppo.com/product/2020/wristband/images/2560/section-1-1icon-cf035bdc9266880023729853600bae5d.jpg) bottom no-repeat;background-size: 100% auto;}.custom-html-component .section-1 .right-i {background: url(https://dsfs.oppo.com/product/2020/wristband/images/2560/section-1-2icon-aa74696361073b0b874cfeccf630616d.jpg) bottom no-repeat;background-size: 100% auto;}.custom-html-component .section-1.show .left-i, .custom-html-component .section-1.show .right-i {-webkit-animation: fadeInLeftBig 1s ease .2s both;animation: fadeInLeftBig 1s ease .2s both;-ms-animation: fadeInLeftBig 1s .2s ease both;}.custom-html-component .section-1.show .explain, .custom-html-component .section-1.show .tit {-webkit-animation: fadeInUpBig 1s ease 1.5s both;animation: fadeInUpBig 1s ease 1.5s both;}.custom-html-component .section-1.show .right-img {-webkit-animation: fadeInUpBig 1s ease 1.2s both;animation: fadeInUpBig 1s ease 1.2s both;}.custom-html-component .section-1.show .left-img {-webkit-animation: fadeInUpBig 1s ease 1.6s both;animation: fadeInUpBig 1s ease 1.6s both;}.custom-html-component .section-2 {width: 100%;height: 1920px;position: relative;z-index: 1;}.custom-html-component .section-2 .left .explain, .custom-html-component .section-2 .left .tit {padding-left: 240px;}.custom-html-component .section-2 .left .tit {padding-top: 264px;}.custom-html-component .section-2 .icon-box {padding-left: 240px;}.custom-html-component .section-2 .icon-detail {padding-right: 44px;}.custom-html-component .section-2 .icon-detail i {display: block;margin: 0 auto 10px;width: 45px;height: 40px;}.custom-html-component .section-2 .icon-detail i img {width: 100%;height: auto;}.custom-html-component .section-2 .icon-detail p {font-size: 16px;color: #3a3a3a;text-align: center;}.custom-html-component .section-2 .right .explain, .custom-html-component .section-2 .right .tit {padding-left: 220px;}.custom-html-component .section-2 .right .tit {padding-top: 285px;}.custom-html-component .section-2 .right .explain {width: 610px;padding-left: 222px;}.custom-html-component .section-2 .right .explain-box div:first-of-type {width: 180px;}.custom-html-component .section-2 .right .explain-box div:nth-of-type(2) p {width: 330px;}.custom-html-component .section-2 .small-explain {color: #000;padding-left: 222px;}.custom-html-component .section-3 {width: 100%;height: 960px;position: relative;z-index: 1;overflow: hidden;background: #d21f1b;}.custom-html-component .section-3 .explain, .custom-html-component .section-3 .tit {padding-left: 220px;}.custom-html-component .section-3 .tit {padding-top: 169px;}.custom-html-component .section-3 .explain {width: 435px;}.custom-html-component .section-3 .icon-box, .custom-html-component .section-3 .small-explain {padding-left: 220px;}.custom-html-component .section-3 .icon-detail {padding-right: 52px;width: 64px;}.custom-html-component .section-3 .icon-detail i {display: block;margin: 0 auto;width: 29px;height: 28px;position: relative;}.custom-html-component .section-3 .icon-detail i:before {width: 70px;right: -80px;}.custom-html-component .section-3 .icon-detail:first-of-type i:after, .custom-html-component .section-3 .icon-detail i:before {display: block;clear: both;content: "";height: 2px;background: rgba(255, 255, 255, 0.7);position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}.custom-html-component .section-3 .icon-detail:first-of-type i:after {width: 25px;left: -35px;}.custom-html-component .section-3 .icon-detail:nth-of-type(4) i:before {width: 30px;right: -45px;}.custom-html-component .section-3 .icon-detail:nth-of-type(4) i:after {display: block;clear: both;content: "";width: 10px;height: 10px;position: absolute;top: 50%;-webkit-transform: translateY(-50%) rotate(-45deg);-ms-transform: translateY(-50%) rotate(-45deg);transform: translateY(-50%) rotate(-45deg);right: -48px;border-bottom: 2px solid rgba(255, 255, 255, 0.7);border-right: 2px solid rgba(255, 255, 255, 0.7);}.custom-html-component .section-3 .icon-detail p {font-size: 16px;color: #fff;text-align: center;opacity: .7;}.custom-html-component .section-3 .right-cont, .custom-html-component .section-3 ul {overflow: hidden;}.custom-html-component .section-3 ul {width: 120%;height: 100%;font-size: 0;text-align: center;left: -10%;position: relative;}.custom-html-component .section-3 ul li {width: 152px;height: 135px;background: url(https://dsfs.oppo.com/product/2020/wristband/images/2560/section-3-i-43c92b3a0d919a8aa4c4ff6d8d51dd31.png);background-size: 100% 100%;display: inline-block;margin: 20px 14px 4px;}.custom-html-component .section-3 ul li.on {background: url(https://dsfs.oppo.com/product/2020/wristband/images/2560/section-3-ion-3fdb6ec3506d6c37a85cbb5e693742b7.png);background-size: 100% 100%;}.custom-html-component .section-3 ul li.one {-webkit-animation: pulse 1s ease-in-out infinite;animation: pulse 1s ease-in-out infinite;}.custom-html-component .section-3 ul li.two {-webkit-animation: pulse 1s ease-in-out .6s infinite;animation: pulse 1s ease-in-out .6s infinite;}.custom-html-component .section-3 ul li.three {-webkit-animation: pulse 1s ease-in-out .2s infinite;animation: pulse 1s ease-in-out .2s infinite;}.custom-html-component .section-3 ul li.on {-webkit-animation: pulseOn 1s ease-in-out infinite;animation: pulseOn 1s ease-in-out infinite;}.custom-html-component .section-4 {width: 100%;height: 960px;position: relative;z-index: 1;overflow: hidden;background: #1349b7;}.custom-html-component .section-4 .explain, .custom-html-component .section-4 .tit {padding-left: 240px;}.custom-html-component .section-4 .tit {padding-top: 242px;}.custom-html-component .section-4 .small-explain {padding-left: 240px;}.custom-html-component .section-4 ul {width: 100%;height: 100%;position: relative;font-size: 0;text-align: center;}.custom-html-component .section-4 ul li {width: 125px;height: 4800px;background: url(https://dsfs.oppo.com/product/2020/wristband/images/2560/section-4-i-f4ea334f2559bf868545f600a6af323d.png);background-size: 100% auto;display: inline-block;margin: 0 29px;background-position: 0 -50px;}.custom-html-component .section-4 ul li.two {position: relative;top: -3840px;background-position: 0 -466px;}.custom-html-component .section-4 ul li.one {-webkit-animation: fadeInUp1920 5s ease infinite;animation: fadeInUp1920 5s ease infinite;}.custom-html-component .section-4 ul li.two {-webkit-animation: fadeInUp21920 5s ease infinite;animation: fadeInUp21920 5s ease infinite;}.custom-html-component .section-5 {width: 100%;height: 1920px;position: relative;z-index: 1;overflow: hidden;}.custom-html-component .section-5 .left .explain, .custom-html-component .section-5 .left .tit {padding-left: 240px;}.custom-html-component .section-5 .left .tit {padding-top: 263px;}.custom-html-component .section-5 .small-explain {padding-left: 240px;color: #000;}.custom-html-component .section-5 .right .explain, .custom-html-component .section-5 .right .tit {padding-left: 220px;}.custom-html-component .section-5 .right .tit {padding-top: 236px;}.custom-html-component .section-5 .explain-box {font-size: 0;text-align: left;padding-left: 220px;padding-top: 40px;}.custom-html-component .section-5 .left .explain-box {padding-left: 240px;}.custom-html-component .section-5 .explain-box div {width: 185px;display: inline-block;vertical-align: top;}.custom-html-component .section-5 .explain-box div p {font-size: 0;text-align: left;width: 150px;display: block;}.custom-html-component .section-5 .explain-box div p em {display: inline-block;vertical-align: bottom;color: #000;top: -8px;}.custom-html-component .section-5 .explain-box div span {display: inline-block;vertical-align: bottom;font-size: 45px;color: #000;font-family: OPPOFont-Bold;}.custom-html-component .section-5 .explain-box div em {display: block;font-size: 16px;color: #333;padding-left: 5px;font-family: OPPOFont-Medium;position: relative;}.custom-html-component .section-5 .swiper-container {width: 100%;height: 100%;background: #000;}.custom-html-component .section-5 .swiper-container:before {display: block;clear: both;content: "";width: 100%;height: 100%;margin: 0 auto;background: url(https://dsfs.oppo.com/product/2020/wristband/images/2560/pan-b312c02017a5e5290c9903be70a078f8.png) no-repeat 50%;background-size: auto 100%;position: absolute;top: 0;left: 0;z-index: 99;}.custom-html-component .section-5 .swiper-slide, .custom-html-component .section-5 .swiper-wrapper {width: 100%;height: 100%;}.custom-html-component .section-5 .swiper-slide.swiper-slide-active {z-index: 2;}.custom-html-component .section-6 {width: 100%;height: 2700px;position: relative;z-index: 1;overflow: hidden;}.custom-html-component .section-6 img {width: 1920px;height: 2700px;position: absolute;top: 0;left: 50%;}.custom-html-component .section-6 .shadow {opacity: 0;}.custom-html-component .show .shadow {-webkit-animation: fadeOut2 .8s linear .7s forwards;animation: fadeOut2 .8s linear .7s forwards;}.custom-html-component .section-6 .tit {position: relative;padding-top: 120px;text-align: center;}.custom-html-component .section-6 .explain {text-align: center;width: auto;color: rgba(255, 255, 255, 0.8);}.custom-html-component .section-6 .small-explain {text-align: center;width: 100%;color: rgba(255, 255, 255, 0.5);}.custom-html-component .section-6 .details {width: 1200px;height: auto;margin: 675px auto 0;position: relative;text-align: left;background: #fff;}.custom-html-component .section-6 .details-box {width: 100%;height: 350px;background: #fff;font-size: 0;}.custom-html-component .section-6 .details-box2, .custom-html-component .section-6 .details-box4 {background: #eaeaea;}.custom-html-component .section-6 .details-left, .custom-html-component .section-6 .details-right {width: 50%;height: 100%;display: inline-block;vertical-align: top;position: relative;}.custom-html-component .section-6 .details-box p {font-family: OPPOFont-Bold;font-size: 32px;line-height: 42px;padding-bottom: 15px;display: block;}.custom-html-component .section-6 .details-box span {font-family: OPPOFont-Medium;font-size: 14px;line-height: 22px;padding-bottom: 20px;display: block;}.custom-html-component .section-6 .details-box em {font-family: OPPOFont-Medium;font-size: 12px;line-height: 12px;display: block;opacity: .5;}.custom-html-component .section-6 .details-box1 p, .custom-html-component .section-6 .details-box1 span {padding-left: 130px;padding-top: 103px;}.custom-html-component .section-6 .details-box1 span {padding-top: 0;width: 294px;}.custom-html-component .section-6 .details-box2 p, .custom-html-component .section-6 .details-box2 span {padding-left: 74px;padding-top: 88px;}.custom-html-component .section-6 .details-box2 span {padding-top: 0;width: 316px;}.custom-html-component .section-6 .details-box2 em {padding-left: 74px;}.custom-html-component .section-6 .details-box3 p, .custom-html-component .section-6 .details-box3 span {padding-left: 130px;padding-top: 104px;}.custom-html-component .section-6 .details-box3 span {padding-top: 0;width: 294px;}.custom-html-component .section-6 .details-box4 p, .custom-html-component .section-6 .details-box4 span {padding-left: 74px;padding-top: 104px;}.custom-html-component .section-6 .details-box4 span {padding-top: 0;width: 294px;}.custom-html-component .section-6 .icon-box {width: auto;position: relative;text-align: center;}.custom-html-component .section-6 .icon-detail {padding: 0 30px;}.custom-html-component .section-6 .icon-detail i {display: block;margin: 0 auto 10px;width: 40px;height: 31px;}.custom-html-component .section-6 .icon-detail i img {width: 40px;height: auto;position: static;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}.custom-html-component .section-6 .icon-detail p {font-size: 16px;color: rgba(255, 255, 255, 0.7);text-align: center;}.custom-html-component .section-6 .details-box1 .detailes-img {width: 385px;height: 242px;position: absolute;top: 50%;left: 44%;background: url(https://dsfs.oppo.com/product/2020/wristband/images/2560/section-6-img1-1d2468a769790205d8c40f0156b69f84.png) no-repeat;background-size: 100% 100%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}.custom-html-component .section-6 .details-box2 .detailes-img {width: 384px;left: 54%;background: url(https://dsfs.oppo.com/product/2020/wristband/images/2560/section-6-img2-dd64014be23ce5b2a99f0c0825a2a06e.png) no-repeat;background-size: 100% 100%;}.custom-html-component .section-6 .details-box2 .detailes-img, .custom-html-component .section-6 .details-box3 .detailes-img {height: 243px;position: absolute;top: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}.custom-html-component .section-6 .details-box3 .detailes-img {width: 378px;left: 44%;background: url(https://dsfs.oppo.com/product/2020/wristband/images/2560/section-6-img3-9f950220a9ca2c8db40afef663a47d8a.png) no-repeat;background-size: 100% 100%;}.custom-html-component .section-6 .details-box4 .detailes-img {width: 385px;height: 244px;position: absolute;top: 50%;left: 54%;background: url(https://dsfs.oppo.com/product/2020/wristband/images/2560/section-6-img4-40846f8bb411d0b12c255a0dbe88df52.png) no-repeat;background-size: 100% 100%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}.custom-html-component .section-7 {width: 100%;height: 1920px;position: relative;z-index: 1;overflow: hidden;}.custom-html-component .section-7 .left {background: #eaeaea;}.custom-html-component .section-7 .explain, .custom-html-component .section-7 .tit {padding-left: 240px;}.custom-html-component .section-7 .tit {padding-top: 319px;}.custom-html-component .section-7 .right .explain, .custom-html-component .section-7 .right .tit {padding-left: 218px;}.custom-html-component .section-7 .right .tit {padding-top: 287px;}.custom-html-component .section-7 .right .explain {width: 500px;}.custom-html-component .section-7 .icon-box {padding-left: 218px;width: 500px;}.custom-html-component .section-7 .icon-detail {padding-right: 20px;width: 65px;padding-bottom: 20px;}.custom-html-component .section-7 .icon-detail:nth-of-type(6), .custom-html-component .section-7 .icon-detail:nth-of-type(12) {padding-right: 0;}.custom-html-component .section-7 .icon-detail i {display: block;margin: 0 auto 10px;width: 28px;height: 29px;}.custom-html-component .section-7 .icon-detail p {font-size: 16px;color: #3a3a3a;text-align: center;}.custom-html-component .section-9 {width: 100%;height: 1080px;position: relative;z-index: 1;overflow: hidden;}.custom-html-component .section-9 img {width: 1920px;height: 1080px;position: absolute;top: 0;left: 50%;}.custom-html-component .section-9 .tit {position: relative;padding-top: 360px;padding-left: 1180px;text-align: left;}.custom-html-component .section-9 .explain {padding-left: 1180px;text-align: left;color: #fff;}.custom-html-component .section-10 {width: 100%;height: 1920px;position: relative;z-index: 1;overflow: hidden;}.custom-html-component .section-10 .left .cont {background: #d4dde4;}.custom-html-component .section-10 .left .explain, .custom-html-component .section-10 .left .tit {padding-left: 240px;}.custom-html-component .section-10 .left .tit {padding-top: 293px;}.custom-html-component .section-10 .left .explain {width: 350px;}.custom-html-component .section-10 .left .explain-box {font-size: 0;text-align: left;padding-left: 240px;padding-top: 40px;}.custom-html-component .section-10 .left .explain-box div {width: 180px;display: inline-block;vertical-align: top;}.custom-html-component .section-10 .left .explain-box div p {font-size: 0;text-align: left;width: 150px;display: block;height: 65px;}.custom-html-component .section-10 .left .explain-box div p em {color: #000;top: -8px;}.custom-html-component .section-10 .left .explain-box div span {display: inline-block;vertical-align: bottom;font-size: 45px;color: #000;font-family: OPPOFont-Bold;}.custom-html-component .section-10 .left .explain-box div em {display: inline-block;vertical-align: bottom;font-size: 16px;color: #333;padding-left: 5px;font-family: OPPOFont-Medium;position: relative;}.custom-html-component .section-10 .right .explain, .custom-html-component .section-10 .right .tit {padding-left: 218px;}.custom-html-component .section-10 .right .tit {padding-top: 334px;}.custom-html-component .section-10 .right .explain {width: 500px;}.custom-html-component .section-10 .right .small-explain {padding-left: 218px;width: auto;}.custom-html-component .section-10 .right .cont {background: #066dff;}.custom-html-component .add-section1 {width: 100%;height: 750px;background: #f8f8f8;overflow: hidden;position: relative;}.custom-html-component .add-section1-video, .custom-html-component .add-section1-video:after {width: 100%;height: 100%;position: absolute;top: 0;left: 0;}.custom-html-component .add-section1-video:after {display: block;clear: both;content: "";background: rgba(0, 0, 0, 0.2);}.custom-html-component .add-section1-video video {width: 100%;height: auto;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}.custom-html-component .add-section1 h2 {font-size: 60px;font-family: OPPOFont-Bold;text-align: center;padding: 200px 0 90px;color: #fff;position: relative;}.custom-html-component .add-section1 .module {font-size: 0;text-align: center;}.custom-html-component .add-section1 .module-box {display: inline-block;vertical-align: top;text-align: left;padding: 0 33px;position: relative;}.custom-html-component .add-section1 .module-box:before {display: block;clear: both;content: "";position: absolute;top: 50%;right: 0;height: 40px;width: 1px;background: #fff;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}.custom-html-component .add-section1 .module-box6:before {display: none;}.custom-html-component .add-section1 .module-box p {font-family: OPPOFont-Bold;font-size: 32px;line-height: 40px;color: #fff;height: 100%;}.custom-html-component .add-section1 .small-explain {text-align: center;width: 100%;position: absolute;bottom: 30px;color: rgba(255, 255, 255, 0.5);font-size: 12px;}.custom-html-component .add-section1 .video-btn {width: 76px;height: 76px;display: block;background: url(https://dsfs.oppo.com/product/2020/wristband/images/2560/play-c973bbcdba7e0f938b88f2847eeb61cb.png);background-size: 100% 100%;position: absolute;bottom: 150px;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}.custom-html-component .add-section2 {width: 100%;height: 1080px;background: #fff;position: relative;z-index: 1;overflow: hidden;}.custom-html-component .add-section2 img {width: auto;height: 1080px;position: absolute;top: 0;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}.custom-html-component .add-section2 .explain, .custom-html-component .add-section2 .tit {padding-left: 1180px;position: relative;}.custom-html-component .add-section2 .tit {padding-top: 30px;}.custom-html-component .add-section2 .explain {width: 452px;}.custom-html-component .add-section2 i {width: 40px;height: 35px;background: url(https://dsfs.oppo.com/product/2020/wristband/images/2560/section-5-i-c573c807e2bde44d498376e6cd95b317.png);background-size: 100% 100%;display: block;position: relative;margin-top: 411px;margin-left: 1180px;z-index: 3;}.custom-html-component .remark {width: 100%;height: auto;padding: 80px 0;background: #fff;}.custom-html-component .remark h2 {font-size: 14px;line-height: 28px;margin: 0 auto 10px;}.custom-html-component .remark .remark-ul, .custom-html-component .remark h2 {width: 1100px;color: rgba(0, 0, 0, 0.7);}.custom-html-component .remark .remark-ul {margin: 0 auto;}.custom-html-component .remark .remark-ul li {position: relative;font-size: 12px;line-height: 20px;margin-bottom: 10px;}.custom-html-component .remark .remark-ul li span {display: block;position: absolute;top: 0;left: 25px;}.custom-html-component .remark .remark-ul li p {position: relative;}.custom-html-component .show .fly {-webkit-animation: fly1920 1s linear both;animation: fly1920 1s linear both;}.custom-html-component .show .fly i {-webkit-animation: fly21920 1s linear both;animation: fly21920 1s linear both;}.custom-html-component .fly {width: 683px;height: 274px;position: absolute;top: -234px;right: -683px;z-index: 5;}.custom-html-component .fly i {width: 100%;height: 100%;background: url(https://dsfs.oppo.com/product/2020/wristband/images/2560/fly-551a0740928fa14e7a2a72dac5db7488.png);background-size: 100% 100%;display: block;z-index: 5;}}@media only screen and (min-width: 1921px) {.custom-html-component .pc {display: block;}.custom-html-component .m {display: none;}.custom-html-component .content {height: auto;background: #eaeaea;overflow: hidden;}.custom-html-component .section-wrap {width: 100%;height: 1280px;font-size: 0;text-align: center;}.custom-html-component .main #oc-header {background-color: #fff !important;}.custom-html-component .tit {font-family: OPPOFont-Bold;font-size: 75px;line-height: 100px;color: #000;}.custom-html-component .explain {font-size: 30px;line-height: 50px;color: #000;opacity: .7;padding-top: 40px;}.custom-html-component .explain, .custom-html-component .small-explain {font-family: OPPOFont-Medium;width: 590px;}.custom-html-component .small-explain {font-size: 16px;line-height: 30px;color: #fff;opacity: .5;display: block;padding-top: 50px;}.custom-html-component .explain.white, .custom-html-component .tit.white {color: #fff;}.custom-html-component .left, .custom-html-component .right {width: 50%;height: 1280px;position: relative;display: inline-block;vertical-align: middle;text-align: left;overflow: hidden;}.custom-html-component .left-cont, .custom-html-component .right-cont {width: 100%;height: 1280px;position: relative;-ms-touch-action: none;touch-action: none;}.custom-html-component .cont {height: 1280px;overflow: hidden;}.custom-html-component .section-wrap img {width: auto;height: 100%;position: relative;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}.custom-html-component .section-wrap.bottom .left-cont, .custom-html-component .section-wrap.bottom .right-cont, .custom-html-component .section-wrap.fixed .left-cont, .custom-html-component .section-wrap.fixed .right-cont {-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}.custom-html-component .explain-box {padding-left: 320px;padding-top: 40px;}.custom-html-component .explain-box div {width: 240px;display: inline-block;vertical-align: top;}.custom-html-component .explain-box div p {font-size: 0;text-align: left;width: 100%;display: block;height: auto;}.custom-html-component .explain-box div p em, .custom-html-component .explain-box div span {display: inline-block;vertical-align: bottom;color: #000;}.custom-html-component .explain-box div span {font-size: 60px;font-family: OPPOFont-Bold;}.custom-html-component .explain-box div em {display: block;font-size: 30px;color: #333;padding-left: 5px;font-family: OPPOFont-Medium;position: relative;top: -8px;}.custom-html-component .icon-box {width: auto;height: auto;font-size: 0;padding-top: 50px;}.custom-html-component .icon-detail {display: inline-block;vertical-align: top;}.custom-html-component .icon-detail i {display: block;margin: 0 auto 10px;}.custom-html-component .icon-detail i img {width: 100%;height: auto;}.custom-html-component .icon-detail p {font-size: 16px;color: #3a3a3a;}.custom-html-component .fixed {position: fixed;top: 0;left: 0;z-index: 2 !important;}.custom-html-component .bottom {position: absolute;top: auto;bottom: 0;left: 0;}.custom-html-component .fixed2 {position: fixed !important;top: 1280px;z-index: 2 !important;}.custom-html-component .margin {margin-top: 5000px;}.custom-html-component .section-1 {width: 100%;height: 1280px;position: relative;z-index: 1;overflow: hidden;background: #000;color: #fff;}.custom-html-component .section-1 .left {background: url(https://dsfs.oppo.com/product/2020/wristband/images/2560/section-1-1-8e7eb490008fbb8cc32d49791277a916.jpg) bottom no-repeat;background-size: 100% auto;background-color: #0054ff;}.custom-html-component .section-1 .left .tit {font-size: 77px;padding-top: 66px;padding-left: 62px;color: #fff;opacity: 0;}.custom-html-component .section-1 .left .explain {font-size: 50px;font-family: OPPOFont-Bold;padding-top: 22px;padding-left: 62px;color: #fff;opacity: 0;width: 650px;}.custom-html-component .section-1 .left .left-img {width: 100%;height: 100%;position: absolute;bottom: 0;left: 0;z-index: 3;opacity: 0;background: url(https://dsfs.oppo.com/product/2020/wristband/images/2560/section-1-left-32d2abe63c83bd2110caf86894d020f3.png) bottom no-repeat;background-size: 100% auto;pointer-events: none;}.custom-html-component .section-1 .right {background: url(https://dsfs.oppo.com/product/2020/wristband/images/2560/section-1-2-595f07c24ef1b728e85d850dc3331822.jpg) bottom no-repeat;background-size: 100% auto;background-color: #eee;}.custom-html-component .section-1 .right .right-img {width: 100%;height: 100%;position: absolute;bottom: 0;left: 0;z-index: 1;opacity: 0;background: url(https://dsfs.oppo.com/product/2020/wristband/images/2560/section-1-right-ae164e26d91642230c3b94c02f48f22f.png) bottom no-repeat;background-size: 100% auto;pointer-events: none;}.custom-html-component .section-1 .left-i, .custom-html-component .section-1 .right-i {width: 100%;height: 226px;position: absolute;bottom: 0;left: 0;opacity: 0;z-index: 2;}.custom-html-component .section-1 .left-i {background: url(https://dsfs.oppo.com/product/2020/wristband/images/2560/section-1-1icon-cf035bdc9266880023729853600bae5d.jpg) bottom no-repeat;background-size: 100% auto;}.custom-html-component .section-1 .right-i {background: url(https://dsfs.oppo.com/product/2020/wristband/images/2560/section-1-2icon-aa74696361073b0b874cfeccf630616d.jpg) bottom no-repeat;background-size: 100% auto;}.custom-html-component .section-1.show .left-i, .custom-html-component .section-1.show .right-i {-webkit-animation: fadeInLeftBig 1s ease .2s both;animation: fadeInLeftBig 1s ease .2s both;}.custom-html-component .section-1.show .explain, .custom-html-component .section-1.show .tit {-webkit-animation: fadeInUpBig 1s ease 1.5s both;animation: fadeInUpBig 1s ease 1.5s both;}.custom-html-component .section-1.show .right-img {-webkit-animation: fadeInUpBig 1s ease 1.2s both;animation: fadeInUpBig 1s ease 1.2s both;}.custom-html-component .section-1.show .left-img {-webkit-animation: fadeInUpBig 1s ease 1.6s both;animation: fadeInUpBig 1s ease 1.6s both;}.custom-html-component .section-2 {width: 100%;height: 2560px;position: relative;z-index: 2;overflow: hidden;}.custom-html-component .section-2 .left .explain, .custom-html-component .section-2 .left .tit {padding-left: 320px;}.custom-html-component .section-2 .left .tit {padding-top: 359px;}.custom-html-component .section-2 .icon-box {padding-left: 320px;}.custom-html-component .section-2 .icon-detail {padding-right: 90px;}.custom-html-component .section-2 .icon-detail i {width: 70px;height: 62px;}.custom-html-component .section-2 .icon-detail p {font-size: 16px;color: #3a3a3a;text-align: center;}.custom-html-component .section-2 .right .explain, .custom-html-component .section-2 .right .tit {padding-left: 293px;}.custom-html-component .section-2 .right .tit {padding-top: 374px;}.custom-html-component .section-2 .right .explain {width: 610px;}.custom-html-component .section-2 .right .explain-box {padding-left: 293px;}.custom-html-component .section-2 .right .explain-box div:nth-of-type(2) {width: 340px;}.custom-html-component .section-2 .right .explain-box div:nth-of-type(2) p {width: 330px;}.custom-html-component .section-2 .small-explain {color: #000;padding-left: 293px;padding-top: 30px;}.custom-html-component .section-3 {width: 100%;height: 1280px;position: relative;z-index: 1;overflow: hidden;background: #d21f1b;}.custom-html-component .section-3 .explain, .custom-html-component .section-3 .tit {padding-left: 293px;}.custom-html-component .section-3 .tit {padding-top: 251px;}.custom-html-component .section-3 .icon-box {padding-left: 293px;padding-top: 50px;}.custom-html-component .section-3 .icon-detail {padding-right: 40px;width: 110px;}.custom-html-component .section-3 .icon-detail i {display: block;width: 43px;height: 42px;position: relative;}.custom-html-component .section-3 .icon-detail i:before {width: 80px;right: -90px;}.custom-html-component .section-3 .icon-detail:first-of-type i:after, .custom-html-component .section-3 .icon-detail i:before {display: block;clear: both;content: "";height: 2px;background: rgba(255, 255, 255, 0.7);position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}.custom-html-component .section-3 .icon-detail:first-of-type i:after {width: 25px;left: -35px;}.custom-html-component .section-3 .icon-detail:nth-of-type(4) i:before {width: 30px;right: -45px;}.custom-html-component .section-3 .icon-detail:nth-of-type(4) i:after {display: block;clear: both;content: "";width: 10px;height: 10px;position: absolute;top: 50%;-webkit-transform: translateY(-50%) rotate(-45deg);-ms-transform: translateY(-50%) rotate(-45deg);transform: translateY(-50%) rotate(-45deg);right: -48px;border-bottom: 2px solid rgba(255, 255, 255, 0.7);border-right: 2px solid rgba(255, 255, 255, 0.7);}.custom-html-component .section-3 .icon-detail p {font-size: 16px;color: #fff;text-align: center;opacity: .7;}.custom-html-component .section-3 .small-explain {padding-left: 293px;}.custom-html-component .section-3 .right-cont, .custom-html-component .section-3 ul {overflow: hidden;}.custom-html-component .section-3 ul {width: 120%;height: 100%;font-size: 0;text-align: center;left: -10%;position: relative;}.custom-html-component .section-3 ul li {width: 202px;height: 180px;background: url(https://dsfs.oppo.com/product/2020/wristband/images/2560/section-3-i-43c92b3a0d919a8aa4c4ff6d8d51dd31.png);background-size: 100% 100%;display: inline-block;margin: 20px 20px 15px;}.custom-html-component .section-3 ul li.on {background: url(https://dsfs.oppo.com/product/2020/wristband/images/2560/section-3-ion-3fdb6ec3506d6c37a85cbb5e693742b7.png);background-size: 100% 100%;}.custom-html-component .section-3 ul li.one {-webkit-animation: pulse 1s ease-in-out infinite;animation: pulse 1s ease-in-out infinite;}.custom-html-component .section-3 ul li.two {-webkit-animation: pulse 1s ease-in-out .6s infinite;animation: pulse 1s ease-in-out .6s infinite;}.custom-html-component .section-3 ul li.three {-webkit-animation: pulse 1s ease-in-out .2s infinite;animation: pulse 1s ease-in-out .2s infinite;}.custom-html-component .section-3 ul li.on {-webkit-animation: pulseOn 1s ease-in-out infinite;animation: pulseOn 1s ease-in-out infinite;}.custom-html-component .section-4 {width: 100%;height: 1280px;position: relative;z-index: 1;overflow: hidden;background: #1349b7;}.custom-html-component .section-4 .explain, .custom-html-component .section-4 .tit {padding-left: 320px;}.custom-html-component .section-4 .tit {padding-top: 376px;}.custom-html-component .section-4 .small-explain {padding-left: 320px;}.custom-html-component .section-4 ul {width: 100%;height: 100%;position: relative;font-size: 0;text-align: center;}.custom-html-component .section-4 ul li {width: 166px;height: 7095px;background: url(https://dsfs.oppo.com/product/2020/wristband/images/2560/section-4-i-f4ea334f2559bf868545f600a6af323d.png);background-size: 100% auto;display: inline-block;margin: 0 37px;background-position: 0 -50px;}.custom-html-component .section-4 ul li.two {position: relative;top: -5120px;background-position: 0 -606px;}.custom-html-component .section-4 ul li.one {-webkit-animation: fadeInUp2560 5s ease infinite;animation: fadeInUp2560 5s ease infinite;}.custom-html-component .section-4 ul li.two {-webkit-animation: fadeInUp22560 5s ease infinite;animation: fadeInUp22560 5s ease infinite;}.custom-html-component .section-5 {width: 100%;height: 2560px;position: relative;z-index: 2;overflow: hidden;}.custom-html-component .section-5 .left .explain, .custom-html-component .section-5 .left .tit {padding-left: 320px;}.custom-html-component .section-5 .left .tit {padding-top: 371px;}.custom-html-component .section-5 .small-explain {padding-left: 320px;color: #000;}.custom-html-component .section-5 .right .explain, .custom-html-component .section-5 .right .tit {padding-left: 293px;}.custom-html-component .section-5 .right .tit {padding-top: 369px;}.custom-html-component .section-5 .explain-box {font-size: 0;text-align: left;padding-left: 293px;padding-top: 60px;}.custom-html-component .section-5 .left .explain-box {padding-left: 320px;}.custom-html-component .section-5 .explain-box div {width: 240px;display: inline-block;vertical-align: top;}.custom-html-component .section-5 .explain-box div p {font-size: 0;text-align: left;display: block;}.custom-html-component .section-5 .explain-box div p em, .custom-html-component .section-5 .explain-box div span {display: inline-block;vertical-align: bottom;color: #000;}.custom-html-component .section-5 .explain-box div span {font-size: 60px;font-family: OPPOFont-Bold;}.custom-html-component .section-5 .explain-box div em {display: block;font-size: 24px;color: #333;padding-left: 5px;font-family: OPPOFont-Medium;position: relative;top: -8px;}.custom-html-component .section-5 .swiper-container {width: 100%;height: 100%;background: #000;}.custom-html-component .section-5 .swiper-container:before {display: block;clear: both;content: "";width: 100%;height: 100%;margin: 0 auto;background: url(https://dsfs.oppo.com/product/2020/wristband/images/2560/pan-b312c02017a5e5290c9903be70a078f8.png) no-repeat 50%;background-size: auto 100%;position: absolute;top: 0;left: 0;z-index: 99;}.custom-html-component .section-5 .swiper-slide, .custom-html-component .section-5 .swiper-wrapper {width: 100%;height: 100%;}.custom-html-component .section-5 .swiper-slide.swiper-slide-active {z-index: 2;}.custom-html-component .section-6 {width: 100%;height: 3600px;position: relative;z-index: 1;overflow: hidden;}.custom-html-component .section-6 img {width: 2560px;height: 3600px;position: absolute;top: 0;left: 50%;}.custom-html-component .section-6 .shadow {opacity: 0;}.custom-html-component .show .shadow {-webkit-animation: fadeOut2 .8s linear .7s forwards;animation: fadeOut2 .8s linear .7s forwards;}.custom-html-component .section-6 .tit {position: relative;padding-top: 160px;text-align: center;}.custom-html-component .section-6 .explain {text-align: center;width: 100%;color: rgba(255, 255, 255, 0.8);}.custom-html-component .section-6 .small-explain {text-align: center;width: 100%;color: rgba(255, 255, 255, 0.5);}.custom-html-component .section-6 .details {width: 1600px;height: auto;margin: 880px auto 0;position: relative;text-align: left;background: #fff;}.custom-html-component .section-6 .details-box {width: 100%;height: 467px;background: #fff;font-size: 0;}.custom-html-component .section-6 .details-box2, .custom-html-component .section-6 .details-box4 {background: #eaeaea;}.custom-html-component .section-6 .details-left, .custom-html-component .section-6 .details-right {width: 50%;height: 100%;display: inline-block;vertical-align: top;position: relative;}.custom-html-component .section-6 .details-box p {font-family: OPPOFont-Bold;font-size: 40px;line-height: 54px;padding-bottom: 30px;display: block;}.custom-html-component .section-6 .details-box span {font-family: OPPOFont-Medium;font-size: 14px;line-height: 24px;padding-bottom: 30px;display: block;}.custom-html-component .section-6 .details-box em {font-family: OPPOFont-Medium;font-size: 16px;line-height: 16px;display: block;opacity: .5;}.custom-html-component .section-6 .details-box1 p, .custom-html-component .section-6 .details-box1 span {padding-left: 200px;padding-top: 123px;}.custom-html-component .section-6 .details-box1 span {padding-top: 0;width: 393px;}.custom-html-component .section-6 .details-box2 p, .custom-html-component .section-6 .details-box2 span {padding-left: 91px;padding-top: 113px;}.custom-html-component .section-6 .details-box2 span {padding-top: 0;width: 386px;}.custom-html-component .section-6 .details-box2 em {padding-left: 91px;}.custom-html-component .section-6 .details-box3 p, .custom-html-component .section-6 .details-box3 span {padding-left: 200px;padding-top: 153px;}.custom-html-component .section-6 .details-box3 span {padding-top: 0;width: 393px;}.custom-html-component .section-6 .details-box4 p, .custom-html-component .section-6 .details-box4 span {padding-left: 91px;padding-top: 139px;}.custom-html-component .section-6 .details-box4 span {padding-top: 0;width: 386px;}.custom-html-component .section-6 .icon-box {width: auto;position: relative;text-align: center;padding-top: 70px;}.custom-html-component .section-6 .icon-detail {padding: 0 30px;}.custom-html-component .section-6 .icon-detail i {display: block;width: 61px;height: 47px;margin-bottom: 20px;}.custom-html-component .section-6 .icon-detail i img {width: 61px;height: auto;position: static;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}.custom-html-component .section-6 .icon-detail p {font-size: 30px;color: rgba(255, 255, 255, 0.7);text-align: center;}.custom-html-component .section-6 .details-box1 .detailes-img {width: 514px;height: 323px;position: absolute;top: 50%;left: 44%;background: url(https://dsfs.oppo.com/product/2020/wristband/images/2560/section-6-img1-1d2468a769790205d8c40f0156b69f84.png);background-size: 100% 100%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}.custom-html-component .section-6 .details-box2 .detailes-img {width: 512px;left: 57%;background: url(https://dsfs.oppo.com/product/2020/wristband/images/2560/section-6-img2-dd64014be23ce5b2a99f0c0825a2a06e.png);background-size: 100% 100%;}.custom-html-component .section-6 .details-box2 .detailes-img, .custom-html-component .section-6 .details-box3 .detailes-img {height: 324px;position: absolute;top: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}.custom-html-component .section-6 .details-box3 .detailes-img {width: 511px;left: 44%;background: url(https://dsfs.oppo.com/product/2020/wristband/images/2560/section-6-img3-9f950220a9ca2c8db40afef663a47d8a.png);background-size: 100% 100%;}.custom-html-component .section-6 .details-box4 .detailes-img {width: 515px;height: 323px;position: absolute;top: 50%;left: 57%;background: url(https://dsfs.oppo.com/product/2020/wristband/images/2560/section-6-img4-40846f8bb411d0b12c255a0dbe88df52.png);background-size: 100% 100%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}.custom-html-component .section-7 {width: 100%;height: 2560px;position: relative;z-index: 1;overflow: hidden;}.custom-html-component .section-7 .left {background: #eaeaea;}.custom-html-component .section-7 .explain, .custom-html-component .section-7 .tit {padding-left: 320px;}.custom-html-component .section-7 .tit {padding-top: 353px;}.custom-html-component .section-7 .right .explain, .custom-html-component .section-7 .right .tit {padding-left: 291px;width: 670px;}.custom-html-component .section-7 .right .tit {padding-top: 309px;}.custom-html-component .section-7 .icon-box {padding-left: 291px;width: 650px;}.custom-html-component .section-7 .icon-detail {padding-right: 32px;width: 80px;padding-bottom: 40px;}.custom-html-component .section-7 .icon-detail:nth-of-type(6), .custom-html-component .section-7 .icon-detail:nth-of-type(12) {padding-right: 0;}.custom-html-component .section-7 .icon-detail i {display: block;width: 45px;height: 43px;}.custom-html-component .section-7 .icon-detail p {font-size: 16px;color: #3a3a3a;text-align: center;}.custom-html-component .section-9 {width: 100%;height: 1440px;position: relative;z-index: 1;overflow: hidden;}.custom-html-component .section-9 img {width: 2560px;height: 1440px;position: absolute;top: 0;left: 50%;}.custom-html-component .section-9 .tit {position: relative;padding-top: 505px;padding-left: 1573px;text-align: left;}.custom-html-component .section-9 .explain {padding-left: 1573px;text-align: left;color: #fff;}.custom-html-component .section-10 {width: 100%;height: 2560px;position: relative;z-index: 1;overflow: hidden;}.custom-html-component .section-10 .left {background: #d4dde4;}.custom-html-component .section-10 .left .explain, .custom-html-component .section-10 .left .tit {padding-left: 320px;}.custom-html-component .section-10 .left .tit {padding-top: 419px;}.custom-html-component .section-10 .left .explain-box {font-size: 0;text-align: left;padding-left: 320px;padding-top: 60px;}.custom-html-component .section-10 .left .explain-box div {width: 240px;display: inline-block;vertical-align: top;}.custom-html-component .section-10 .left .explain-box div p {font-size: 0;text-align: left;width: 150px;display: block;height: 100px;}.custom-html-component .section-10 .left .explain-box div p em {color: #000;}.custom-html-component .section-10 .left .explain-box div span {display: inline-block;vertical-align: bottom;font-size: 60px;color: #000;font-family: OPPOFont-Bold;}.custom-html-component .section-10 .left .explain-box div em {display: inline-block;vertical-align: bottom;font-size: 24px;color: #333;padding-left: 5px;font-family: OPPOFont-Medium;position: relative;top: -8px;}.custom-html-component .section-10 .right .explain, .custom-html-component .section-10 .right .tit {padding-left: 295px;width: auto;}.custom-html-component .section-10 .right .tit {padding-top: 417px;}.custom-html-component .section-10 .right .small-explain {padding-left: 295px;width: auto;}.custom-html-component .section-10 .right {background: #066dff;}.custom-html-component .add-section1 {width: 100%;height: 1000px;background: #f8f8f8;overflow: hidden;position: relative;}.custom-html-component .add-section1-video, .custom-html-component .add-section1-video:after {width: 100%;height: 100%;position: absolute;top: 0;left: 0;}.custom-html-component .add-section1-video:after {display: block;clear: both;content: "";background: rgba(0, 0, 0, 0.2);}.custom-html-component .add-section1 h2 {font-size: 80px;font-family: OPPOFont-Bold;text-align: center;padding: 250px 0 130px;color: #fff;position: relative;}.custom-html-component .add-section1-video video {width: 100%;height: auto;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}.custom-html-component .add-section1 .module {font-size: 0;text-align: center;}.custom-html-component .add-section1 .module-box {display: inline-block;vertical-align: top;text-align: left;padding: 0 47px;position: relative;}.custom-html-component .add-section1 .module-box:before {display: block;clear: both;content: "";position: absolute;top: 50%;right: 0;height: 40px;width: 1px;background: #fff;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}.custom-html-component .add-section1 .module-box6:before {display: none;}.custom-html-component .add-section1 .module-box p {font-family: OPPOFont-Bold;font-size: 40px;line-height: 40px;color: #fff;height: 100%;}.custom-html-component .add-section1 .small-explain {text-align: center;width: 100%;position: absolute;bottom: 60px;color: rgba(255, 255, 255, 0.5);font-size: 16px;}.custom-html-component .add-section1 .video-btn {width: 100px;height: 100px;display: block;background: url(https://dsfs.oppo.com/product/2020/wristband/images/2560/play-c973bbcdba7e0f938b88f2847eeb61cb.png);background-size: 100% 100%;position: absolute;bottom: 216px;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}.custom-html-component .add-section2 {width: 100%;height: 1440px;background: #fff;position: relative;z-index: 1;overflow: hidden;}.custom-html-component .add-section2 img {width: auto;height: 1440px;position: absolute;top: 0;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}.custom-html-component .add-section2 .explain, .custom-html-component .add-section2 .tit {padding-left: 1573px;position: relative;}.custom-html-component .add-section2 .tit {padding-top: 40px;}.custom-html-component .add-section2 i {width: 54px;height: 56px;background: url(https://dsfs.oppo.com/product/2020/wristband/images/2560/section-5-i-c573c807e2bde44d498376e6cd95b317.png);background-size: 100% 100%;display: block;position: relative;margin-top: 561px;margin-left: 1573px;z-index: 3;}.custom-html-component .remark {width: 100%;height: auto;padding: 100px 0;background: #fff;}.custom-html-component .remark h2 {font-size: 14px;line-height: 48px;margin: 0 auto 10px;}.custom-html-component .remark .remark-ul, .custom-html-component .remark h2 {width: 1800px;color: rgba(0, 0, 0, 0.7);}.custom-html-component .remark .remark-ul {margin: 0 auto;}.custom-html-component .remark .remark-ul li {position: relative;font-size: 12px;line-height: 22px;margin-bottom: 10px;}.custom-html-component .remark .remark-ul li span {display: block;position: absolute;top: 0;left: 25px;}.custom-html-component .remark .remark-ul li p {position: relative;}.custom-html-component .show .fly {-webkit-animation: fly2560 1s linear forwards;animation: fly2560 1s linear forwards;}.custom-html-component .show .fly i {-webkit-animation: fly22560 1s linear forwards;animation: fly22560 1s linear forwards;}.custom-html-component .fly {width: 911px;height: 383px;position: absolute;top: -313px;right: -911px;z-index: 5;}.custom-html-component .fly i {width: 100%;height: 100%;background: url(https://dsfs.oppo.com/product/2020/wristband/images/2560/fly-551a0740928fa14e7a2a72dac5db7488.png);background-size: 100% 100%;display: block;z-index: 5;}}@-webkit-keyframes fly1024 {0% {-webkit-transform: translateX(0);transform: translateX(0);}to {-webkit-transform: translateX(-37.1vw);transform: translateX(-37.1vw);}}@keyframes fly1024 {0% {-webkit-transform: translateX(0);transform: translateX(0);}to {-webkit-transform: translateX(-37.1vw);transform: translateX(-37.1vw);}}@-webkit-keyframes fly21024 {0% {-webkit-transform: translateY(0);transform: translateY(0);}to {-webkit-transform: translateY(28.32vw);transform: translateY(28.32vw);}}@keyframes fly21024 {0% {-webkit-transform: translateY(0);transform: translateY(0);}to {-webkit-transform: translateY(28.32vw);transform: translateY(28.32vw);}}@-webkit-keyframes ball1024 {0% {-webkit-transform: translateX(0);transform: translateX(0);}49%, 51% {-webkit-transform: translateX(420px);transform: translateX(420px);}to {-webkit-transform: translateX(500px);transform: translateX(500px);}}@keyframes ball1024 {0% {-webkit-transform: translateX(0);transform: translateX(0);}49%, 51% {-webkit-transform: translateX(420px);transform: translateX(420px);}to {-webkit-transform: translateX(500px);transform: translateX(500px);}}@-webkit-keyframes ball21024 {0% {-webkit-transform: translateY(0);transform: translateY(0);}25% {-webkit-transform: translateY(-220px) scaleY(1.05);transform: translateY(-220px) scaleY(1.05);}49%, 51% {-webkit-transform: translateY(-10px) scaleY(0.95);transform: translateY(-10px) scaleY(0.95);}75% {-webkit-transform: translateY(-80px) scaleY(1.05);transform: translateY(-80px) scaleY(1.05);}to {-webkit-transform: translateY(0) scaleY(1);transform: translateY(0) scaleY(1);}}@keyframes ball21024 {0% {-webkit-transform: translateY(0);transform: translateY(0);}25% {-webkit-transform: translateY(-220px) scaleY(1.05);transform: translateY(-220px) scaleY(1.05);}49%, 51% {-webkit-transform: translateY(-10px) scaleY(0.95);transform: translateY(-10px) scaleY(0.95);}75% {-webkit-transform: translateY(-80px) scaleY(1.05);transform: translateY(-80px) scaleY(1.05);}to {-webkit-transform: translateY(0) scaleY(1);transform: translateY(0) scaleY(1);}}@-webkit-keyframes fly1440 {0% {-webkit-transform: translateX(0);transform: translateX(0);}to {-webkit-transform: translateX(-580px);transform: translateX(-580px);}}@keyframes fly1440 {0% {-webkit-transform: translateX(0);transform: translateX(0);}to {-webkit-transform: translateX(-580px);transform: translateX(-580px);}}@-webkit-keyframes fly21440 {0% {-webkit-transform: translateY(0);transform: translateY(0);}to {-webkit-transform: translateY(420px);transform: translateY(420px);}}@keyframes fly21440 {0% {-webkit-transform: translateY(0);transform: translateY(0);}to {-webkit-transform: translateY(420px);transform: translateY(420px);}}@-webkit-keyframes ball1440 {0% {-webkit-transform: translateX(0);transform: translateX(0);}49%, 51% {-webkit-transform: translateX(360px);transform: translateX(360px);}to {-webkit-transform: translateX(500px);transform: translateX(500px);}}@keyframes ball1440 {0% {-webkit-transform: translateX(0);transform: translateX(0);}49%, 51% {-webkit-transform: translateX(360px);transform: translateX(360px);}to {-webkit-transform: translateX(500px);transform: translateX(500px);}}@-webkit-keyframes ball21440 {0% {-webkit-transform: translateY(0);transform: translateY(0);}25% {-webkit-transform: translateY(-220px) scaleY(1.05);transform: translateY(-220px) scaleY(1.05);}49%, 51% {-webkit-transform: translateY(10px) scaleY(0.95);transform: translateY(10px) scaleY(0.95);}75% {-webkit-transform: translateY(-160px) scaleY(1.05);transform: translateY(-160px) scaleY(1.05);}to {-webkit-transform: translateY(0) scaleY(1);transform: translateY(0) scaleY(1);}}@keyframes ball21440 {0% {-webkit-transform: translateY(0);transform: translateY(0);}25% {-webkit-transform: translateY(-220px) scaleY(1.05);transform: translateY(-220px) scaleY(1.05);}49%, 51% {-webkit-transform: translateY(10px) scaleY(0.95);transform: translateY(10px) scaleY(0.95);}75% {-webkit-transform: translateY(-160px) scaleY(1.05);transform: translateY(-160px) scaleY(1.05);}to {-webkit-transform: translateY(0) scaleY(1);transform: translateY(0) scaleY(1);}}@-webkit-keyframes fly1920 {0% {-webkit-transform: translateX(0);transform: translateX(0);}to {-webkit-transform: translateX(-800px);transform: translateX(-800px);}}@keyframes fly1920 {0% {-webkit-transform: translateX(0);transform: translateX(0);}to {-webkit-transform: translateX(-800px);transform: translateX(-800px);}}@-webkit-keyframes fly21920 {0% {-webkit-transform: translateY(0);transform: translateY(0);}to {-webkit-transform: translateY(540px);transform: translateY(540px);}}@keyframes fly21920 {0% {-webkit-transform: translateY(0);transform: translateY(0);}to {-webkit-transform: translateY(540px);transform: translateY(540px);}}@-webkit-keyframes ball1920 {0% {-webkit-transform: translateX(0);transform: translateX(0);}49%, 51% {-webkit-transform: translateX(330px);transform: translateX(330px);}to {-webkit-transform: translateX(500px);transform: translateX(500px);}}@keyframes ball1920 {0% {-webkit-transform: translateX(0);transform: translateX(0);}49%, 51% {-webkit-transform: translateX(330px);transform: translateX(330px);}to {-webkit-transform: translateX(500px);transform: translateX(500px);}}@-webkit-keyframes ball21920 {0% {-webkit-transform: translateY(0);transform: translateY(0);}25% {-webkit-transform: translateY(-220px) scaleY(1.05);transform: translateY(-220px) scaleY(1.05);}49%, 51% {-webkit-transform: translateY(-10px) scaleY(0.95);transform: translateY(-10px) scaleY(0.95);}75% {-webkit-transform: translateY(-160px) scaleY(1.05);transform: translateY(-160px) scaleY(1.05);}to {-webkit-transform: translateY(0) scaleY(1);transform: translateY(0) scaleY(1);}}@keyframes ball21920 {0% {-webkit-transform: translateY(0);transform: translateY(0);}25% {-webkit-transform: translateY(-220px) scaleY(1.05);transform: translateY(-220px) scaleY(1.05);}49%, 51% {-webkit-transform: translateY(-10px) scaleY(0.95);transform: translateY(-10px) scaleY(0.95);}75% {-webkit-transform: translateY(-160px) scaleY(1.05);transform: translateY(-160px) scaleY(1.05);}to {-webkit-transform: translateY(0) scaleY(1);transform: translateY(0) scaleY(1);}}@-webkit-keyframes fly2560 {0% {-webkit-transform: translateX(0);transform: translateX(0);}to {-webkit-transform: translateX(-1030px);transform: translateX(-1030px);}}@keyframes fly2560 {0% {-webkit-transform: translateX(0);transform: translateX(0);}to {-webkit-transform: translateX(-1030px);transform: translateX(-1030px);}}@-webkit-keyframes fly22560 {0% {-webkit-transform: translateY(0);transform: translateY(0);}to {-webkit-transform: translateY(720px);transform: translateY(720px);}}@keyframes fly22560 {0% {-webkit-transform: translateY(0);transform: translateY(0);}to {-webkit-transform: translateY(720px);transform: translateY(720px);}}@-webkit-keyframes ball2560 {0% {-webkit-transform: translateX(0);transform: translateX(0);}49%, 51% {-webkit-transform: translateX(270px);transform: translateX(270px);}to {-webkit-transform: translateX(500px);transform: translateX(500px);}}@keyframes ball2560 {0% {-webkit-transform: translateX(0);transform: translateX(0);}49%, 51% {-webkit-transform: translateX(270px);transform: translateX(270px);}to {-webkit-transform: translateX(500px);transform: translateX(500px);}}@-webkit-keyframes ball22560 {0% {-webkit-transform: translateY(0);transform: translateY(0);}25% {-webkit-transform: translateY(-220px) scaleY(1.05);transform: translateY(-220px) scaleY(1.05);}49%, 51% {-webkit-transform: translateY(-40px) scaleY(0.95);transform: translateY(-40px) scaleY(0.95);}75% {-webkit-transform: translateY(-300px) scaleY(1.05);transform: translateY(-300px) scaleY(1.05);}to {-webkit-transform: translateY(0) scaleY(1);transform: translateY(0) scaleY(1);}}@keyframes ball22560 {0% {-webkit-transform: translateY(0);transform: translateY(0);}25% {-webkit-transform: translateY(-220px) scaleY(1.05);transform: translateY(-220px) scaleY(1.05);}49%, 51% {-webkit-transform: translateY(-40px) scaleY(0.95);transform: translateY(-40px) scaleY(0.95);}75% {-webkit-transform: translateY(-300px) scaleY(1.05);transform: translateY(-300px) scaleY(1.05);}to {-webkit-transform: translateY(0) scaleY(1);transform: translateY(0) scaleY(1);}}@-webkit-keyframes fadeInLeftBig {0% {opacity: 0;-webkit-transform: translateX(-120%);transform: translateX(-120%);}to {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}}@keyframes fadeInLeftBig {0% {opacity: 0;-webkit-transform: translateX(-120%);transform: translateX(-120%);}to {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}}@-webkit-keyframes fadeInUpBig {0% {opacity: 0;-webkit-transform: translateY(960px);transform: translateY(960px);}to {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}}@keyframes fadeInUpBig {0% {opacity: 0;-webkit-transform: translateY(960px);transform: translateY(960px);}to {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}}@-webkit-keyframes fadeOut {0% {opacity: 1;}to {opacity: 0;}}@keyframes fadeOut {0% {opacity: 1;}to {opacity: 0;}}@-webkit-keyframes fadeOut2 {0% {opacity: 0;}to {opacity: 1;}}@keyframes fadeOut2 {0% {opacity: 0;}to {opacity: 1;}}@-webkit-keyframes pulse {0% {-webkit-transform: scale(1);transform: scale(1);}50% {-webkit-transform: scale(1.05);transform: scale(1.05);}to {-webkit-transform: scale(1);transform: scale(1);}}@keyframes pulse {0% {-webkit-transform: scale(1);transform: scale(1);}50% {-webkit-transform: scale(1.05);transform: scale(1.05);}to {-webkit-transform: scale(1);transform: scale(1);}}@-webkit-keyframes pulseOn {0% {-webkit-transform: scale(1);transform: scale(1);}50% {-webkit-transform: scale(1.2);transform: scale(1.2);}to {-webkit-transform: scale(1);transform: scale(1);}}@keyframes pulseOn {0% {-webkit-transform: scale(1);transform: scale(1);}50% {-webkit-transform: scale(1.2);transform: scale(1.2);}to {-webkit-transform: scale(1);transform: scale(1);}}@-webkit-keyframes fadeInUp1024 {0% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}80%, to {opacity: 1;-webkit-transform: translateY(-166.21vw);transform: translateY(-166.21vw);}}@keyframes fadeInUp1024 {0% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}80%, to {opacity: 1;-webkit-transform: translateY(-166.21vw);transform: translateY(-166.21vw);}}@-webkit-keyframes fadeInUp21024 {0% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}80%, to {opacity: 1;-webkit-transform: translateY(166.24vw);transform: translateY(166.24vw);}}@keyframes fadeInUp21024 {0% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}80%, to {opacity: 1;-webkit-transform: translateY(166.24vw);transform: translateY(166.24vw);}}@-webkit-keyframes fadeInUp1440 {0% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}80%, to {opacity: 1;-webkit-transform: translateY(-2390px);transform: translateY(-2390px);}}@keyframes fadeInUp1440 {0% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}80%, to {opacity: 1;-webkit-transform: translateY(-2390px);transform: translateY(-2390px);}}@-webkit-keyframes fadeInUp21440 {0% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}80%, to {opacity: 1;-webkit-transform: translateY(2390px);transform: translateY(2390px);}}@keyframes fadeInUp21440 {0% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}80%, to {opacity: 1;-webkit-transform: translateY(2390px);transform: translateY(2390px);}}@-webkit-keyframes fadeInUp1920 {0% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}80%, to {opacity: 1;-webkit-transform: translateY(-3192px);transform: translateY(-3192px);}}@keyframes fadeInUp1920 {0% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}80%, to {opacity: 1;-webkit-transform: translateY(-3192px);transform: translateY(-3192px);}}@-webkit-keyframes fadeInUp21920 {0% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}80%, to {opacity: 1;-webkit-transform: translateY(3192px);transform: translateY(3192px);}}@keyframes fadeInUp21920 {0% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}80%, to {opacity: 1;-webkit-transform: translateY(3192px);transform: translateY(3192px);}}@-webkit-keyframes fadeInUp2560 {0% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}80%, to {opacity: 1;-webkit-transform: translateY(-4260px);transform: translateY(-4260px);}}@keyframes fadeInUp2560 {0% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}80%, to {opacity: 1;-webkit-transform: translateY(-4260px);transform: translateY(-4260px);}}@-webkit-keyframes fadeInUp22560 {0% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}80%, to {opacity: 1;-webkit-transform: translateY(4260px);transform: translateY(4260px);}}@keyframes fadeInUp22560 {0% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}80%, to {opacity: 1;-webkit-transform: translateY(4260px);transform: translateY(4260px);}}@font-face {.custom-html-component {font-family: swiper-icons;src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");font-weight: 400;font-style: normal;}}.custom-html-component :root {--swiper-theme-color:#007aff;}.custom-html-component .swiper-container {margin-left: auto;margin-right: auto;position: relative;overflow: hidden;list-style: none;padding: 0;z-index: 1;}.custom-html-component .swiper-container-vertical > .swiper-wrapper {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}.custom-html-component .swiper-wrapper {position: relative;width: 100%;height: 100%;z-index: 1;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-transition-property: -webkit-transform;transition-property: -webkit-transform;transition-property: transform;transition-property: transform,-webkit-transform;box-sizing: content-box;}.custom-html-component .swiper-container-android .swiper-slide, .custom-html-component .swiper-wrapper {-webkit-transform: translateZ(0);transform: translateZ(0);}.custom-html-component .swiper-container-multirow > .swiper-wrapper {-ms-flex-wrap: wrap;flex-wrap: wrap;}.custom-html-component .swiper-container-multirow-column > .swiper-wrapper {-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}.custom-html-component .swiper-container-free-mode > .swiper-wrapper {-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;margin: 0 auto;}.custom-html-component .swiper-slide {-ms-flex-negative: 0;flex-shrink: 0;width: 100%;height: 100%;position: relative;-webkit-transition-property: -webkit-transform;transition-property: -webkit-transform;transition-property: transform;transition-property: transform,-webkit-transform;}.custom-html-component .swiper-slide-invisible-blank {visibility: hidden;}.custom-html-component .swiper-container-autoheight, .custom-html-component .swiper-container-autoheight .swiper-slide {height: auto;}.custom-html-component .swiper-container-autoheight .swiper-wrapper {-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;-webkit-transition-property: height,-webkit-transform;transition-property: height,-webkit-transform;transition-property: transform,height;transition-property: transform,height,-webkit-transform;}.custom-html-component .swiper-container-3d {-webkit-perspective: 1200px;perspective: 1200px;}.custom-html-component .swiper-container-3d .swiper-cube-shadow, .custom-html-component .swiper-container-3d .swiper-slide, .custom-html-component .swiper-container-3d .swiper-slide-shadow-bottom, .custom-html-component .swiper-container-3d .swiper-slide-shadow-left, .custom-html-component .swiper-container-3d .swiper-slide-shadow-right, .custom-html-component .swiper-container-3d .swiper-slide-shadow-top, .custom-html-component .swiper-container-3d .swiper-wrapper {-webkit-transform-style: preserve-3d;transform-style: preserve-3d;}.custom-html-component .swiper-container-3d .swiper-slide-shadow-bottom, .custom-html-component .swiper-container-3d .swiper-slide-shadow-left, .custom-html-component .swiper-container-3d .swiper-slide-shadow-right, .custom-html-component .swiper-container-3d .swiper-slide-shadow-top {position: absolute;left: 0;top: 0;width: 100%;height: 100%;pointer-events: none;z-index: 10;}.custom-html-component .swiper-container-3d .swiper-slide-shadow-left {background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5), transparent);}.custom-html-component .swiper-container-3d .swiper-slide-shadow-right {background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), transparent);}.custom-html-component .swiper-container-3d .swiper-slide-shadow-top {background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent);}.custom-html-component .swiper-container-3d .swiper-slide-shadow-bottom {background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), transparent);}.custom-html-component .swiper-container-css-mode > .swiper-wrapper {overflow: auto;scrollbar-width: none;-ms-overflow-style: none;}.custom-html-component .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {display: none;}.custom-html-component .swiper-container-css-mode > .swiper-wrapper > .swiper-slide {scroll-snap-align: start start;}.custom-html-component .swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {-ms-scroll-snap-type: x mandatory;scroll-snap-type: x mandatory;}.custom-html-component .swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {-ms-scroll-snap-type: y mandatory;scroll-snap-type: y mandatory;}