#product-container{--vah: calc(100vh - 52px)}@media (min-width: 1440px){#product-container .pc{display:block}#product-container .tablet,#product-container .mobile{display:none}#product-container .gt-mb{display:block}}@media (min-width: 768px) and (max-width: 1439.98px){#product-container .tablet{display:block}#product-container .pc,#product-container .mobile{display:none}#product-container .gt-mb{display:block}}@media (max-width: 767.98px){#product-container .mobile{display:block}#product-container .tablet,#product-container .pc{display:none}#product-container .gt-mb{display:none}}@media (min-width: 1024px){#product-container .gt-tp{display:block}#product-container .tablet-portrait,#product-container .mobile{display:none}#product-container .lt-tl{display:none}#product-container .gt-mb{display:block}}@media (min-width: 768px) and (max-width: 1023.98px){#product-container .tablet-portrait{display:block}#product-container .gt-tp,#product-container .mobile{display:none}#product-container .lt-tl,#product-container .gt-mb{display:block}}@media (max-width: 767.98px){#product-container .mobile{display:block}#product-container .gt-tp,#product-container .tablet-portrait{display:none}#product-container .lt-tl{display:block}#product-container .gt-mb{display:none}}@media (min-width: 1024px){#product-container{background:#000;position:relative;z-index:0;overflow:hidden}#product-container .product-container-content{position:relative}#product-container .product-container-content.blur{filter:blur(15px)}#product-container .product-container-content .page-bg-1{position:absolute;width:100%;height:100%;background:#f6f6f6}#product-container .product-container-content .page-bg-2{position:absolute;width:100%;height:100%;background:#000;z-index:200;pointer-events:none}}@media (max-width: 1023.98px){#product-container{z-index:0;overflow:hidden;position:relative;}#product-container .product-container-content{position:relative}#product-container .product-container-content.blur{filter:blur(15px)}#product-container .product-container-content .page-bg-2{position:absolute;width:100%;height:100%;background:#000;z-index:-100}}

@media (max-width: 1023.98px){#product-container .section-hero{height:202.77778vw;position:relative;background:#000}#product-container .section-hero .bg-container .bg-holder{position:absolute;width:100%;height:166.66667vw;top:0}#product-container .section-hero .bg-container .bg-holder .bg-holder-mask{background-color:#000;position:absolute;height:100%;width:100%;opacity:0.5}#product-container .section-hero .bg-container .bg-holder .video{width:100%;height:100%;object-fit:cover}#product-container .section-hero .lower-shadow{position:absolute;width:100%;top:27.77778vw;left:0;height:152.77778vw;background:linear-gradient(0, #000 28.25%, rgba(0,0,0,0.0001) 80.68%)}#product-container .section-hero .hero-title{position:absolute;width:76.11111vw;top:13.33333vw;left:50%;transform:translateX(-50%);color:#fff;display:none}#product-container .section-hero .hero-title .row-1{line-height:1em;font-size:7.18333vw;font-family:"OPPOSans-Ver2-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}#product-container .section-hero .hero-title .row-1 .text-medium{font-family:"OPPOSans-Ver2-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}#product-container .section-hero .hero-title .row-2{margin-top:1.28333vw;line-height:10.32222vw;text-align:right;font-size:7.18333vw;font-family:"OPPOSans-Ver2-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}#product-container .section-hero .hero-image-holder{position:absolute;top:50vw;left:50%;transform:translateX(-50%)}#product-container .section-hero .hero-image-holder .hero-image{width:43.33333vw}#product-container .section-hero .intro-text{position:absolute;width:91.11111vw;top:194.16667vw;left:50%;transform:translateX(-50%);line-height:7.5vw;text-align:center;letter-spacing:-0.02778vw;color:#fff;font-size:5vw;font-family:"OPPOSans-Ver2-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}#product-container .section-hero .cta{position:absolute;width:100%;top:236.94444vw;left:50%;transform:translateX(-50%);line-height:8.61111vw;letter-spacing:-0.02778vw;color:#fff;font-size:5vw;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;font-family:"OPPOSans-Ver2-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}#product-container .section-hero .cta .left-entry{margin-right:5.55556vw;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}#product-container .section-hero .cta .left-entry-icon{width:2.77778vw;height:3.33333vw;margin-right:2.22222vw}#product-container .section-hero .cta .left-entry-text,#product-container .section-hero .cta .right-entry{border-bottom:1px solid #fff;color:#fff}}@media (min-width: 1024px) and (min-aspect-ratio: 16 / 9){#product-container .section-hero{height:92.59259vh;position:relative;z-index:300}#product-container .section-hero .title-tween{position:absolute;width:100%;height:59.72222vh;top:0;left:0;pointer-events:none}#product-container .section-hero .intro-tween{position:absolute;width:100%;height:33.33333vh;top:5.55556vh;left:0;pointer-events:none}#product-container .section-hero .bg-container{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden}#product-container .section-hero .lower-shadow{position:absolute;width:100%;bottom:0;left:0;height:22.77778vh;background:linear-gradient(0, #000 28.25%, rgba(0,0,0,0.0001) 80.68%)}#product-container .section-hero .middle-shadow{position:absolute;width:210.74074vh;height:98.61111vh;top:5.46296vh;left:50%;transform:translateX(-50%);border-radius:50%;background:#000;filter:blur(11.82954vh)}#product-container .section-hero .hero-title{position:absolute;width:49.62963vh;top:11.85185vh;left:50%;transform:translateX(-50%);color:#fff;--gradient-progress: -100%;--gradient-progress-2: 0;-webkit-mask-image:linear-gradient(0, transparent var(--gradient-progress), #000 var(--gradient-progress-2));mask-image:linear-gradient(0, transparent var(--gradient-progress), #000 var(--gradient-progress-2));display:none}#product-container .section-hero .hero-title .row-1{line-height:1em;font-size:3.88889vh;font-family:"OPPOSans-Ver2-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}#product-container .section-hero .hero-title .row-1 .text-medium{font-family:"OPPOSans-Ver2-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}#product-container .section-hero .hero-title .row-2{margin-top:.74074vh;line-height:5.95833vh;text-align:right;font-size:4.11667vh;font-family:"OPPOSans-Ver2-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}#product-container .section-hero .hero-image-holder{position:absolute;top:33.05556vh;left:50%;transform:translateX(-50%)}#product-container .section-hero .hero-image-holder .hero-image{width:137.22222vh}#product-container .section-hero .intro-text{position:absolute;width:46.66667vh;top:85.92593vh;left:50%;transform:translateX(-50%);line-height:3.33333vh;text-align:center;letter-spacing:-.01852vh;color:#fff;font-size:2.22222vh;font-family:"OPPOSans-Ver2-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}#product-container .section-hero .cta{position:absolute;width:100%;top:102.96296vh;left:50%;transform:translateX(-50%);line-height:2.08333vh;font-size:1.38889vh;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;font-family:"OPPOSans-Ver2-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}#product-container .section-hero .cta .left-entry{margin-right:1.85185vh;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}#product-container .section-hero .cta .left-entry:hover{opacity:0.6}#product-container .section-hero .cta .left-entry-icon{width:.92593vh;height:1.11111vh;margin-right:.74074vh}#product-container .section-hero .cta .left-entry-text,#product-container .section-hero .cta .right-entry{border-bottom:1px solid #fff;color:#fff}#product-container .section-hero .cta .right-entry:hover{opacity:0.6}}@media (min-width: 1024px) and (max-aspect-ratio: 16 / 9){#product-container .section-hero{height:52.08333vw;position:relative;z-index:300}#product-container .section-hero .title-tween{position:absolute;width:100%;height:33.59375vw;top:0;left:0;pointer-events:none}#product-container .section-hero .intro-tween{position:absolute;width:100%;height:18.75vw;top:3.125vw;left:0;pointer-events:none}#product-container .section-hero .bg-container{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden}#product-container .section-hero .lower-shadow{position:absolute;width:100%;bottom:0;left:0;height:12.8125vw;background:linear-gradient(0, #000 28.25%, rgba(0,0,0,0.0001) 80.68%)}#product-container .section-hero .middle-shadow{position:absolute;width:118.54167vw;height:55.46875vw;top:3.07292vw;left:50%;transform:translateX(-50%);border-radius:50%;background:#000;filter:blur(6.65411vw)}#product-container .section-hero .hero-title{position:absolute;width:27.91667vw;top:6.66667vw;left:50%;transform:translateX(-50%);color:#fff;--gradient-progress: -100%;--gradient-progress-2: 0;-webkit-mask-image:linear-gradient(0, transparent var(--gradient-progress), #000 var(--gradient-progress-2));mask-image:linear-gradient(0, transparent var(--gradient-progress), #000 var(--gradient-progress-2));display:none}#product-container .section-hero .hero-title .row-1{line-height:1em;font-size:2.1875vw;font-family:"OPPOSans-Ver2-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}#product-container .section-hero .hero-title .row-1 .text-medium{font-family:"OPPOSans-Ver2-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}#product-container .section-hero .hero-title .row-2{margin-top:.41667vw;line-height:3.35156vw;text-align:right;font-size:2.31562vw;font-family:"OPPOSans-Ver2-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}#product-container .section-hero .hero-image-holder{position:absolute;top:18.59375vw;left:50%;transform:translateX(-50%)}#product-container .section-hero .hero-image-holder .hero-image{width:77.1875vw}#product-container .section-hero .intro-text{position:absolute;width:26.25vw;top:48.33333vw;left:50%;transform:translateX(-50%);line-height:1.875vw;text-align:center;letter-spacing:-.01042vw;color:#fff;font-size:1.25vw;font-family:"OPPOSans-Ver2-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}#product-container .section-hero .cta{position:absolute;width:100%;top:57.91667vw;left:50%;transform:translateX(-50%);line-height:1.17188vw;font-size:.78125vw;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;font-family:"OPPOSans-Ver2-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}#product-container .section-hero .cta .left-entry{margin-right:1.04167vw;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}#product-container .section-hero .cta .left-entry:hover{opacity:0.6}#product-container .section-hero .cta .left-entry-icon{width:.52083vw;height:.625vw;margin-right:.41667vw}#product-container .section-hero .cta .left-entry-text,#product-container .section-hero .cta .right-entry{border-bottom:1px solid #fff;color:#fff}#product-container .section-hero .cta .right-entry:hover{opacity:0.6}}@media (min-width: 1024px) and (min-aspect-ratio: 2338560 / 1166400){#product-container .section-hero .bg-container .bg-holder{position:absolute;width:100%;top:50%;transform:translateY(-50%)}#product-container .section-hero .bg-container .bg-holder .bg-holder-mask{background-color:#000;position:absolute;height:100%;width:100%;opacity:0.5}#product-container .section-hero .bg-container .bg-holder .video{width:100%}}@media (min-width: 1024px) and (max-aspect-ratio: 2338560 / 1166400){#product-container .section-hero .bg-container .bg-holder{position:absolute;height:100%;left:50%;transform:translateX(-50%)}#product-container .section-hero .bg-container .bg-holder .bg-holder-mask{background-color:#000;position:absolute;height:100%;width:100%;opacity:0.5}#product-container .section-hero .bg-container .bg-holder .video{height:100%}}

@media (max-width: 1023.98px){#product-container .section-new-video{position:relative;background:#000;font-family:"OPPOSans-Ver2-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}#product-container .section-new-video .video-content{width:100%;position:relative}#product-container .section-new-video .video-content .video-header{height:26.80556vw}#product-container .section-new-video .video-content .video-hanlder{position:relative;height:56.25vw}#product-container .section-new-video .video-content .video-hanlder .video-mark{position:absolute;width:100%;height:56.25vw;background:rgba(0,0,0,0);z-index:1}#product-container .section-new-video .video-content .video-hanlder .video-mark .video-play{position:absolute;width:17.5vw;height:17.5vw;top:18.88889vw;left:50%;transform:translateX(-50%);z-index:3}#product-container .section-new-video .video-content .video-hanlder .video-mark .video-bg{position:absolute;width:100%;height:56.25vw;z-index:2}#product-container .section-new-video .video-content .video-hanlder .videos{position:absolute;width:100%;height:56.25vw;object-fit:fill}#product-container .section-new-video .video-tip{height:72.77778vw;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;text-align:center;color:#fff;font-size:7.77778vw;line-height:9.33333vw;opacity:0.7}#product-container .popup-warmEn-video{position:fixed;width:100%;height:100%;top:0;left:0;z-index:1000}#product-container .popup-warmEn-video .backdrop{position:absolute;width:100%;height:100%;top:0;left:0;background:#000}#product-container .popup-warmEn-video .modal{box-sizing:border-box;position:absolute;width:100%;height:100%;top:0;left:0;padding:20vw 0}#product-container .popup-warmEn-video .modal .warmEn-video{width:100%;height:100%;object-fit:contain}#product-container .popup-warmEn-video .modal .button-close{position:absolute;width:6.66667vw;height:6.66667vw;top:6.66667vw;right:6.66667vw;cursor:pointer}}@media (min-width: 1024px){#product-container .section-new-video{position:relative;background:#000;font-family:"OPPOSans-Ver2-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}#product-container .section-new-video .video-content{width:100%;height:70.10417vw;background:#000000;position:relative}#product-container .section-new-video .video-content .video-hanlder{position:relative;height:38.4375vw}#product-container .section-new-video .video-content .video-hanlder .video-mark{position:absolute;width:100%;height:38.4375vw;background:rgba(0,0,0,0);z-index:1}#product-container .section-new-video .video-content .video-hanlder .video-mark .video-play{position:absolute;width:4.73958vw;height:4.73958vw;top:16.875vw;left:50%;transform:translateX(-50%);z-index:3}#product-container .section-new-video .video-content .video-hanlder .video-mark .video-bg{position:absolute;left:0;right:0;margin:auto;width:68.33333vw;z-index:2}#product-container .section-new-video .video-content .video-hanlder .videos{position:absolute;left:0;right:0;margin:auto;width:68.33333vw;object-fit:fill}#product-container .section-new-video .video-tip{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;text-align:center;color:#fff;font-size:3.54167vw;line-height:4.25vw;padding-top:9.47917vw;margin-bottom:4.16667vw;opacity:0.7;font-family:"OPPOSans-Ver2-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}}

@media (max-width: 1023.98px){#product-container .section-design-intro{height:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;position:relative}#product-container .section-design-intro .bg{position:absolute;width:100%;height:100%;background:#f6f6f6;z-index:-100}#product-container .section-design-intro .intro-text{width:95vw;line-height:14vw;text-align:center;color:#000;font-size:11.66667vw;font-family:"OPPOSans-Ver2-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}#product-container .section-product-design{height:181.38889vw;position:relative;margin-top:-.55556vw;margin-bottom:-.55556vw;overflow:hidden}#product-container .section-product-design .bg{position:absolute;width:100%;height:100%;background:#ffffff;z-index:-100}#product-container .section-product-design .phone-container{position:absolute;width:88.88889vw;height:115.27778vw;top:60.55556vw;left:50%;transform:translateX(-50%);background:#f6f6f6;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}#product-container .section-product-design .phone-container .phone-image-wrapper{width:67.91667vw;height:93.05556vw;position:relative}#product-container .section-product-design .phone-container .phone-image-wrapper .phone-image-holder{position:absolute;height:100%;top:0;left:0}#product-container .section-product-design .phone-container .phone-image-wrapper .phone-image-holder.active{z-index:1}#product-container .section-product-design .phone-container .phone-image-wrapper .phone-image-holder .image{height:100%}#product-container .section-product-design .content-container .title{position:absolute;top:13.34722vw;left:5.55556vw;line-height:9.33333vw;color:#000;font-size:7.77778vw;font-family:"OPPOSans-Ver2-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}#product-container .section-product-design .content-container .desc-color-group .desc{position:absolute;width:85vw;top:28.34722vw;left:5.55556vw;line-height:6.66667vw;color:#000;font-size:4.44444vw;font-family:"OPPOSans-Ver2-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}#product-container .section-product-design .content-container .desc-color-group .color-select{position:absolute;width:88.88889vw;height:20vw;top:175.83333vw;left:50%;transform:translateX(-50%)}#product-container .section-product-design .content-container .desc-color-group .color-select .color-select-radio-list{position:absolute;top:50%;transform:translateY(-50%);right:0;display:-ms-flexbox;display:flex}#product-container .section-product-design .content-container .desc-color-group .color-select .color-select-radio-list .color-select-radio{width:8.88889vw;height:8.88889vw;margin-left:2.77778vw;border:1px solid transparent;border-radius:9999px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer}#product-container .section-product-design .content-container .desc-color-group .color-select .color-select-radio-list .color-select-radio.active{border:1px solid #9f9f9f}#product-container .section-product-design .content-container .desc-color-group .color-select .color-select-radio-list .color-select-radio .color-select-radio-solid{width:6.66667vw;height:6.66667vw;border-radius:9999px}#product-container .section-product-design .content-container .desc-color-group .color-select .color-select-radio-list .color-select-radio.black .color-select-radio-solid{background:#000}#product-container .section-product-design .content-container .desc-color-group .color-select .color-select-radio-list .color-select-radio.blue .color-select-radio-solid{background:#4c6981}#product-container .section-product-design .content-container .desc-color-group .color-select .color-name{position:absolute;top:50%;transform:translateY(-50%);left:0;line-height:6.66667vw;color:#000;font-size:4.44444vw;font-family:"OPPOSans-Ver2-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}}@media (min-width: 1024px) and (min-aspect-ratio: 16 / 9){#product-container .section-design-intro{height:0vw;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;position:relative;z-index:100}#product-container .section-design-intro .transition-tween{position:absolute;width:100%;height:18.75vw;top:-18.75vw;left:0;pointer-events:none}#product-container .section-design-intro .intro-text-tween{position:absolute;width:100%;height:18.75vw;top:-18.75vw;left:0;pointer-events:none}#product-container .section-design-intro .bg{position:absolute;width:100%;height:100%;top:0;left:0;background:#f6f6f6}#product-container .section-product-design{box-sizing:border-box;height:var(--vah);padding:calc(.07407 * var(--vah));display:-ms-flexbox;display:flex;position:relative;z-index:100;overflow:hidden}#product-container .section-product-design .bg{position:absolute;width:100%;height:100%;top:0;left:0;background:#ffffff}#product-container .section-product-design .phone-container{position:absolute;top:7.40741vh;bottom:7.40741vh;left:7.40741vh;right:calc(50% - 9.25926vh);background:#F6F6F6;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}#product-container .section-product-design .phone-container .phone-image-wrapper{width:calc(.44444 * var(--vah));height:calc(.62037 * var(--vah));position:relative}#product-container .section-product-design .phone-container .phone-image-wrapper .phone-image-holder{position:absolute;height:100%;top:0;left:0}#product-container .section-product-design .phone-container .phone-image-wrapper .phone-image-holder.active{z-index:101}#product-container .section-product-design .phone-container .phone-image-wrapper .phone-image-holder .image{height:100%}#product-container .section-product-design .content-container .title{position:absolute;top:35vh;left:calc(50% + 21.48148vh);line-height:5.33333vh;color:#000;font-size:4.44444vh;font-family:"OPPOSans-Ver2-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}#product-container .section-product-design .content-container .title .text{white-space:pre-line}#product-container .section-product-design .content-container .desc-color-group{position:absolute;top:42.96296vh;left:calc(50% + 32.59259vh)}#product-container .section-product-design .content-container .desc-color-group .desc{width:39.25926vh;margin-left:2vw;line-height:2.5vh;letter-spacing:-.01111vh;color:#000;font-size:1.66667vh;font-family:"OPPOSans-Ver2-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}}@media (min-width: 1024px) and (max-aspect-ratio: 16 / 9){#product-container .section-design-intro{height:0vw;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;position:relative;z-index:100}#product-container .section-design-intro .transition-tween{position:absolute;width:100%;height:18.75vw;top:-18.75vw;left:0;pointer-events:none}#product-container .section-design-intro .intro-text-tween{position:absolute;width:100%;height:18.75vw;top:-18.75vw;left:0;pointer-events:none}#product-container .section-design-intro .bg{position:absolute;width:100%;height:100%;top:0;left:0;background:#f6f6f6}#product-container .section-product-design{box-sizing:border-box;height:var(--vah);padding:calc(.07407 * var(--vah));display:-ms-flexbox;display:flex;position:relative;z-index:100;overflow:hidden}#product-container .section-product-design .bg{position:absolute;width:100%;height:100%;top:0;left:0;background:#ffffff}#product-container .section-product-design .phone-container{position:absolute;top:4.16667vw;bottom:4.16667vw;left:4.16667vw;right:calc(50% - 5.20833vw);background:#F6F6F6;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}#product-container .section-product-design .phone-container .phone-image-wrapper{width:calc(.44444 * var(--vah));height:calc(.62037 * var(--vah));position:relative}#product-container .section-product-design .phone-container .phone-image-wrapper .phone-image-holder{position:absolute;height:100%;top:0;left:0}#product-container .section-product-design .phone-container .phone-image-wrapper .phone-image-holder.active{z-index:101}#product-container .section-product-design .phone-container .phone-image-wrapper .phone-image-holder .image{height:100%}#product-container .section-product-design .content-container .title{position:absolute;top:19.6875vw;left:calc(50% + 12.08333vw);line-height:3vw;color:#000;font-size:2.5vw;font-family:"OPPOSans-Ver2-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}#product-container .section-product-design .content-container .title .text{white-space:pre-line}#product-container .section-product-design .content-container .desc-color-group{position:absolute;top:24.16667vw;left:calc(50% + 18.33333vw)}#product-container .section-product-design .content-container .desc-color-group .desc{width:22.08333vw;line-height:1.40625vw;letter-spacing:-.00625vw;color:#000;font-size:.9375vw;font-family:"OPPOSans-Ver2-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}}@media (min-width: 1024px) and (min-aspect-ratio: 16 / 9){#product-container .section-product-design .content-container{position:absolute;width:177.77778vh;height:100vh;top:0;left:50%;transform:translateX(-50%)}}@media (min-width: 1024px) and (max-aspect-ratio: 16 / 9){#product-container .section-product-design .content-container{position:absolute;width:100vw;height:56.25vw;top:50%;transform:translateY(-50%);left:0}}

@media (max-width: 1023.98px){#product-container .design-sections{background:#fff;position:relative}#product-container .design-sections .section-design-1{width:100%;height:181.66667vw;position:relative}#product-container .design-sections .section-design-1 .title{position:absolute;width:88.88889vw;top:16.66667vw;left:50%;transform:translateX(-50%);line-height:9.33333vw;color:#000;font-size:7.77778vw;font-family:"OPPOSans-Ver2-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}#product-container .design-sections .section-design-1 .image-holder{position:absolute;width:88.88889vw;height:111.11111vw;top:31.66667vw;left:50%;transform:translateX(-50%);display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:end;justify-content:flex-end;background:#f6f6f6}#product-container .design-sections .section-design-1 .image-holder .image{margin-left:5.55556vw;width:83.33333vw;height:111.11111vw}#product-container .design-sections .section-design-1 .desc{position:absolute;width:90.83333vw;top:148.33333vw;left:5.55556vw;line-height:6.66667vw;color:#000;font-size:4.44444vw;font-family:"OPPOSans-Ver2-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}#product-container .design-sections .section-design-2{width:100%;height:177.5vw;position:relative}#product-container .design-sections .section-design-2 .title{position:absolute;width:88.88889vw;top:16.66667vw;left:50%;transform:translateX(-50%);line-height:9.33333vw;color:#000;font-size:7.77778vw;font-family:"OPPOSans-Ver2-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}#product-container .design-sections .section-design-2 .image-holder{position:absolute;width:96.38889vw;height:94.44444vw;top:31.66667vw;left:0;display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;background:#f6f6f6}#product-container .design-sections .section-design-2 .image-holder .video-main{width:96.38889vw;height:94.44444vw;position:relative}#product-container .design-sections .section-design-2 .image-holder .video-main .video-mark{position:absolute;width:100%;height:94.44444vw;background:rgba(0,0,0,0);z-index:1}#product-container .design-sections .section-design-2 .image-holder .video-main .video-mark .video-play{position:absolute;width:17.5vw;height:17.5vw;top:35.27778vw;left:50%;transform:translateX(-50%);z-index:3}#product-container .design-sections .section-design-2 .image-holder .video-main .video-mark .video-bg{position:absolute;left:0;right:0;margin:auto;width:100%;height:100%;object-fit:cover;z-index:2}#product-container .design-sections .section-design-2 .image-holder .image{position:absolute;left:0;right:0;margin:auto;width:100%;height:100%;object-fit:cover}#product-container .design-sections .section-design-2 .desc{position:absolute;width:88.61111vw;top:133.61111vw;left:5.55556vw;line-height:6.66667vw;color:#000;font-size:4.44444vw;font-family:"OPPOSans-Ver2-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}#product-container .design-sections .section-design-2 .entry{position:absolute;top:178.05556vw;left:5.55556vw;border-bottom:1px solid #000;line-height:7.5vw;letter-spacing:-0.02778vw;color:#000;font-size:5vw;font-family:"OPPOSans-Ver2-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}}@media (min-width: 1024px){#product-container .design-sections{background:#fff;position:relative;z-index:100}#product-container .design-sections .section-design-1{width:100%;height:59.89583vw;position:relative}#product-container .design-sections .section-design-1 .title{position:absolute;top:22.13542vw;left:15.83333vw;line-height:3vw;color:#000;font-size:2.5vw;font-family:"OPPOSans-Ver2-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}#product-container .design-sections .section-design-1 .desc{position:absolute;width:22.03125vw;top:29.32292vw;left:21.66667vw;line-height:1.40625vw;letter-spacing:-0.00625vw;color:#000;font-size:.9375vw;font-family:"OPPOSans-Ver2-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}#product-container .design-sections .section-design-1 .image-holder{position:absolute;width:30.57292vw;height:46.875vw;top:6.51042vw;right:13.125vw;background:#f6f6f6;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}#product-container .design-sections .section-design-1 .image-holder .image{margin-top:1.09375vw;margin-left:5.3125vw;width:20.36458vw;height:45.78125vw}#product-container .design-sections .section-design-2{width:100%;height:36.51042vw;position:relative}#product-container .design-sections .section-design-2 .title{position:absolute;top:10vw;left:56.30208vw;line-height:3vw;color:#000;font-size:2.5vw;font-family:"OPPOSans-Ver2-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}#product-container .design-sections .section-design-2 .desc{position:absolute;width:22.03125vw;top:17.23958vw;left:62.13542vw;line-height:1.40625vw;letter-spacing:-0.00625vw;color:#000;font-size:.9375vw;font-family:"OPPOSans-Ver2-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}#product-container .design-sections .section-design-2 .entry{position:absolute;top:25.20833vw;left:62.13542vw;border-bottom:1px solid #000;line-height:1.17188vw;letter-spacing:-0.00625vw;color:#000;font-size:.78125vw;font-family:"OPPOSans-Ver2-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";cursor:pointer}#product-container .design-sections .section-design-2 .entry:hover{opacity:0.6 !important}#product-container .design-sections .section-design-2 .image-holder{position:absolute;width:46.875vw;height:27.96875vw;top:2.96875vw;left:0;display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;background:#f6f6f6}#product-container .design-sections .section-design-2 .image-holder .video-main{width:46.875vw;height:27.96875vw;position:relative}#product-container .design-sections .section-design-2 .image-holder .video-main .video-mark{position:absolute;width:100%;height:27.96875vw;background:rgba(0,0,0,0);z-index:1}#product-container .design-sections .section-design-2 .image-holder .video-main .video-mark .video-play{position:absolute;width:4.73958vw;height:4.73958vw;top:11.61458vw;left:50%;transform:translateX(-50%);z-index:3}#product-container .design-sections .section-design-2 .image-holder .video-main .video-mark .video-bg{position:absolute;left:0;right:0;margin:auto;width:100%;height:100%;object-fit:cover;z-index:2}#product-container .design-sections .section-design-2 .image-holder .image{position:absolute;left:0;right:0;margin:auto;width:100%;height:100%;object-fit:cover}}

@media (max-width: 1023.98px){#product-container .section-warm-up{position:relative}#product-container .section-warm-up .image{position:absolute;height:136.66667vw}#product-container .section-warm-up .imageContainer{position:relative;height:136.66667vw}#product-container .section-warm-up .up-tip{position:absolute;width:100%;height:215vw;top:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;text-align:center;color:#fff;line-height:1.2}#product-container .section-warm-up .up-tip-time{font-size:5.55556vw;line-height:1.5;margin-bottom:4.44444vw;padding-top:22.22222vw;letter-spacing:-0.02778vw}#product-container .section-warm-up .up-tip-title{width:89.44444vw;font-size:11.66667vw;margin-bottom:24.44444vw}#product-container .section-warm-up .up-tip-btns{width:33.61111vw;height:8.88889vw;line-height:8.88889vw;text-align:center;background:#fff;border-radius:.55556vw;color:#000000;font-size:3.33333vw;letter-spacing:-0.1px;padding:5px 10px 5px 10px}#product-container .section-warm-up .up-link{height:78.33333vw;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;text-align:center;color:#fff;background:#232323}#product-container .section-warm-up .up-link-title{width:63.05556vw;font-size:7.77778vw;line-height:9.33333vw;margin-bottom:6.66667vw}#product-container .section-warm-up .up-link-tip{font-size:5vw;letter-spacing:-0.02778vw}#product-container .section-warm-up .up-link-tip-span{display:inline-block;line-height:7.5vw;border-bottom:.27778vw solid #fff;color:#fff}}@media (min-width: 1024px) and (min-aspect-ratio: 16 / 9){#product-container .section-warm-up{position:relative;background:#fff;font-size:0;box-sizing:border-box;font-family:"OPPOSans-Ver2-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}#product-container .section-warm-up .imageContainer{position:relative;height:30.78125vw}#product-container .section-warm-up .image{position:absolute;width:100%;height:30.78125vw}#product-container .section-warm-up .up-tip{position:absolute;width:100%;height:30.78125vw;top:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;text-align:center;color:#fff;line-height:1.2}#product-container .section-warm-up .up-tip-time{font-size:1.45833vw;margin-bottom:1.66667vw;padding-top:7.08333vw}#product-container .section-warm-up .up-tip-title{width:20.26042vw;font-size:2.5vw;margin-bottom:4.16667vw}#product-container .section-warm-up .up-tip-btns{width:6.71875vw;height:2.5vw;line-height:2.5vw;text-align:center;background:#fff;border-radius:.10417vw;color:#000000;font-size:.625vw;letter-spacing:-0.1px;padding:5px 10px 5px 10px;cursor:pointer}#product-container .section-warm-up .up-tip-btns:hover{opacity:.6}#product-container .section-warm-up .up-link{height:20.26042vw;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:#fff;background:#232323}#product-container .section-warm-up .up-link-title{font-size:2.5vw;line-height:3vw;margin-bottom:2.5vw}#product-container .section-warm-up .up-link-tip{font-size:.9375vw;letter-spacing:-0.1px;cursor:pointer}#product-container .section-warm-up .up-link-tip-span{display:inline-block;line-height:1.40625vw;border-bottom:.05208vw solid #fff;color:#fff}#product-container .section-warm-up .up-link-tip:hover{opacity:.6}}@media (min-width: 1024px) and (max-aspect-ratio: 16 / 9){#product-container .section-warm-up{position:relative;background:#fff;font-size:0;box-sizing:border-box;font-family:"OPPOSans-Ver2-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}#product-container .section-warm-up .imageContainer{position:relative;height:30.78125vw}#product-container .section-warm-up .image{position:absolute;width:100%;height:30.78125vw}#product-container .section-warm-up .up-tip{position:absolute;width:100%;height:30.78125vw;top:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;text-align:center;color:#fff;line-height:1.2}#product-container .section-warm-up .up-tip-time{font-size:1.45833vw;margin-bottom:1.66667vw;padding-top:7.08333vw}#product-container .section-warm-up .up-tip-title{width:20.26042vw;font-size:2.5vw;margin-bottom:4.16667vw}#product-container .section-warm-up .up-tip-btns{width:6.71875vw;height:2.5vw;line-height:2.5vw;text-align:center;background:#fff;border-radius:.10417vw;color:#000000;font-size:.625vw;letter-spacing:-0.1px;padding:5px 10px 5px 10px;cursor:pointer}#product-container .section-warm-up .up-tip-btns:hover{opacity:.6}#product-container .section-warm-up .up-link{height:20.26042vw;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:#fff;background:#232323}#product-container .section-warm-up .up-link-title{font-size:2.5vw;line-height:3vw;margin-bottom:2.5vw}#product-container .section-warm-up .up-link-tip{font-size:.9375vw;letter-spacing:-0.1px;cursor:pointer}#product-container .section-warm-up .up-link-tip-span{display:inline-block;line-height:1.40625vw;border-bottom:.05208vw solid #fff;color:#fff}#product-container .section-warm-up .up-link-tip:hover{opacity:.6}}@media (min-width: 1024px) and (min-aspect-ratio: 16 / 9){#product-container .section-product-design .content-container{position:absolute;width:177.77778vh;height:100vh;top:0;left:50%;transform:translateX(-50%)}}@media (min-width: 1024px) and (max-aspect-ratio: 16 / 9){#product-container .section-product-design .content-container{position:absolute;width:100vw;height:56.25vw;top:50%;transform:translateY(-50%);left:0}}