#crab{display:none;-webkit-transition:all 0.3s;transition:all 0.3s;position:fixed;left:0;right:0;z-index:100;height:0.52rem;line-height:0.52rem;text-align:center;font-size:0.12rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}#crab.white-bg{background:#fafafa}#crab.white-bg .tip,#crab.white-bg .watch{color:#000}#crab.white-bg .close img.black{display:block}#crab.white-bg .close img.white{display:none}#crab.black-bg{background:#000}#crab.black-bg .tip,#crab.black-bg .watch{color:#fafafa}#crab.black-bg .close img.white{display:block}#crab.black-bg .close img.black{display:none}#crab .tip{margin-right:0.32rem}#crab .tip .store-icon{width:0.28rem;height:0.28rem;margin-right:0.12rem}#crab .watch{margin-right:0.12rem;padding-bottom:0.02rem;border-bottom:0.01rem solid}#crab .actions{font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}#crab .close{right:calc((100% - 13.12rem) / 2);position:absolute;top:0;bottom:0;margin:auto;background-color:transparent;border:none;-webkit-transition:all 0.3s;transition:all 0.3s;display:inline-block;height:0.4rem;width:0.2rem;padding-left:0}#crab .close:before{content:unset}#crab .close:after{content:unset}#crab .close img{width:0.14rem}@media (max-width: 767.98px){#crab{text-align:left;height:auto;padding:0.16rem 0.2rem;line-height:0.2rem}#crab .tip{font-size:0.12rem;line-height:0.2rem;display:-webkit-box;display:-ms-flexbox;display:flex;letter-spacing:-0.0005rem}#crab .tip .store-icon{margin-top:0.03rem;margin-left:0.16rem;width:0.32rem;height:0.32rem}#crab .actions{display:inline-block}#crab .watch{margin-top:0;font-size:0.12rem;line-height:0.2rem;padding-bottom:0}#crab .close{right:0.1rem}}@media (min-width: 1024px) and (max-width: 1439.98px){#crab .close{right:0.54rem}}@media (min-width: 768px) and (max-width: 1023.98px){#crab .close{right:0.54rem}}@media (min-width: 1440px){#crab{right:unset;width:100vw}#crab .close{right:calc((100% - 13.12rem) / 2)}}@media (min-width: 1440px) and (min-width: 1025px) and (max-width: 1440px){#crab .close{right:0.7rem}}

html.hasHeader #oc-container{padding-top:0.6rem}.oppo-navbar #navbar ul.selector svg.arrow{display:none}.oppo-navbar nav#navbar .container ul.selector{display:none}.oppo-navbar nav#navbar .container .links.page{display:none}.oppo-navbar nav#navbar{z-index:998;opacity:1;color:#000;background-color:#fff;border:0.01rem solid rgba(0,0,0,0.1);border-left:none;border-right:none;-webkit-transition:background-color 0.3s ease, color 0.3s ease;transition:background-color 0.3s ease, color 0.3s ease}.oppo-navbar #online-store .store-container{display:block}.oppo-navbar #online-store.show .store-container{display:block}.oppo-navbar .lang-ar nav#navbar{direction:rtl}.oppo-navbar .lang-ar nav#navbar .container .products ul+ul,.oppo-navbar .lang-ar nav#navbar .container .links ul+ul,.oppo-navbar .lang-ar nav#navbar .container .buttons ul+ul,.oppo-navbar .lang-ar nav#navbar .container .products ul+li,.oppo-navbar .lang-ar nav#navbar .container .links ul+li,.oppo-navbar .lang-ar nav#navbar .container .buttons ul+li,.oppo-navbar .lang-ar nav#navbar .container .products li+ul,.oppo-navbar .lang-ar nav#navbar .container .links li+ul,.oppo-navbar .lang-ar nav#navbar .container .buttons li+ul,.oppo-navbar .lang-ar nav#navbar .container .products li+li,.oppo-navbar .lang-ar nav#navbar .container .links li+li,.oppo-navbar .lang-ar nav#navbar .container .buttons li+li{margin-right:0.18rem;margin-left:0}.oppo-navbar nav#navbar li a,.oppo-navbar nav#navbar li span{opacity:0.69;color:inherit;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease}.oppo-navbar #navbar>div>ul.products>li>a{opacity:0.7}.oppo-navbar nav#navbar li a:hover,.oppo-navbar nav#navbar li span:hover{opacity:1}.oppo-navbar nav#navbar .container .mask{background-color:rgba(253,253,253,0.9);-webkit-transition:background-color 0.3s ease;transition:background-color 0.3s ease}.oppo-navbar nav#navbar .container .indicator .arrow{fill:#000;-webkit-transition:fill 0.3s ease;transition:fill 0.3s ease}.oppo-navbar nav#navbar[data-theme="dark"]{color:#fff;background-color:#000;border-color:rgba(255,255,255,0.1)}.oppo-navbar nav#navbar[data-theme="dark"] .container .mask{background-color:rgba(21,21,21,0.9)}.oppo-navbar nav#navbar[data-theme="dark"] .container .indicator .arrow{fill:#fff}.oppo-navbar nav#navbar.light[data-theme="dark"]{color:#000;background-color:#fff;border-color:rgba(0,0,0,0.1)}.oppo-navbar nav#navbar.light[data-theme="dark"] .container .indicator .arrow{fill:#000}.oppo-navbar nav#navbar{z-index:10;position:absolute;top:0;left:0;width:100%;height:0.58rem}.oppo-navbar nav#navbar.scrolled{position:fixed}.oppo-navbar nav#navbar li{color:inherit}.oppo-navbar nav#navbar li,.oppo-navbar nav#navbar li a{font-family:OPPOSans-Medium;font-size:0.14rem;line-height:0.24rem;letter-spacing:-0.0006rem}.oppo-navbar nav#navbar li a,.oppo-navbar nav#navbar li span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:default}.oppo-navbar nav#navbar li a{cursor:pointer;white-space:nowrap}.oppo-navbar nav#navbar .container{position:relative;height:100%;width:auto;margin:0 auto;padding:0 0.64rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.oppo-navbar nav#navbar .container ul,.oppo-navbar nav#navbar .container li{display:-webkit-box;display:-ms-flexbox;display:flex}.oppo-navbar nav#navbar .container .products,.oppo-navbar nav#navbar .container .links,.oppo-navbar nav#navbar .container .buttons{min-width:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.oppo-navbar nav#navbar .container .products ul+ul,.oppo-navbar nav#navbar .container .links ul+ul,.oppo-navbar nav#navbar .container .buttons ul+ul,.oppo-navbar nav#navbar .container .products ul+li,.oppo-navbar nav#navbar .container .links ul+li,.oppo-navbar nav#navbar .container .buttons ul+li,.oppo-navbar nav#navbar .container .products li+ul,.oppo-navbar nav#navbar .container .links li+ul,.oppo-navbar nav#navbar .container .buttons li+ul,.oppo-navbar nav#navbar .container .products li+li,.oppo-navbar nav#navbar .container .links li+li,.oppo-navbar nav#navbar .container .buttons li+li{margin-left:0.18rem}.oppo-navbar nav#navbar .container .products{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.oppo-navbar nav#navbar .container .products .active{opacity:1;pointer-events:none}.oppo-navbar nav#navbar .container .products .divider a{cursor:default}.oppo-navbar nav#navbar .container .links{-webkit-box-flex:3;-ms-flex:3 3 0%;flex:3 3 0%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-left:1rem}.oppo-navbar nav#navbar .container .links .anchors{margin-left:0}.oppo-navbar nav#navbar .container .links .anchors>:first-child{margin-left:0.18rem}.oppo-navbar nav#navbar .container .buttons{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.oppo-navbar nav#navbar .container .buttons .button{position:relative;overflow:hidden}.oppo-navbar nav#navbar .container .buttons .button a{font-family:"OPPOSans-Bold";font-size:0.12rem;letter-spacing:-0.0005rem;opacity:1;line-height:0.24rem;height:0.32rem;padding:0.04rem 0.12rem;border-radius:0.02rem;min-width:0.64rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.oppo-navbar nav#navbar .container .buttons[data-theme="green"] .button a{background-color:#2DC84D;color:#fff}.oppo-navbar nav#navbar .container .buttons[data-theme="light"] .button a{background:#fff;color:#000}.oppo-navbar nav#navbar .container .buttons[data-theme="dark"] .button a{background:#000;color:#fff}.oppo-navbar nav#navbar .container .links[data-active=""] .default,.oppo-navbar nav#navbar .container .links:not([data-active]) .default{opacity:1;pointer-events:none}.oppo-navbar nav#navbar .container .links[data-active="1"]>li:nth-child(1) a{opacity:1;pointer-events:none}.oppo-navbar nav#navbar .container .links[data-active="2"]>li:nth-child(2) a{opacity:1;pointer-events:none}.oppo-navbar nav#navbar .container .links[data-active="3"]>li:nth-child(3) a{opacity:1;pointer-events:none}.oppo-navbar nav#navbar .container .links[data-active="4"]>li:nth-child(4) a{opacity:1;pointer-events:none}.oppo-navbar nav#navbar .container .links[data-active="5"]>li:nth-child(5) a{opacity:1;pointer-events:none}.oppo-navbar nav#navbar .container .links[data-active="6"]>li:nth-child(6) a{opacity:1;pointer-events:none}.oppo-navbar nav#navbar .container .links[data-active="7"]>li:nth-child(7) a{opacity:1;pointer-events:none}.oppo-navbar nav#navbar .container .links[data-active="8"]>li:nth-child(8) a{opacity:1;pointer-events:none}.oppo-navbar nav#navbar .container .links[data-active="9"]>li:nth-child(9) a{opacity:1;pointer-events:none}.oppo-navbar nav#navbar .container .links[data-active="10"]>li:nth-child(10) a{opacity:1;pointer-events:none}.oppo-navbar #online-store{position:fixed;visibility:hidden;z-index:999;top:-999vh;top:calc(var(--vh, 1vh) * -999);left:0;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.oppo-navbar #online-store .mask{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.65);-webkit-backdrop-filter:blur(0.05rem);backdrop-filter:blur(0.05rem);opacity:0;-webkit-transition:opacity 0.5s ease;transition:opacity 0.5s ease}.oppo-navbar #online-store .store-container{position:relative;z-index:2;background-color:#fff;width:13.12rem;height:7.2rem;opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition-delay:0.2s;transition-delay:0.2s;-webkit-transition:opacity 0.3s ease, -webkit-transform 0.5s ease;transition:opacity 0.3s ease, -webkit-transform 0.5s ease;transition:transform 0.5s ease, opacity 0.3s ease;transition:transform 0.5s ease, opacity 0.3s ease, -webkit-transform 0.5s ease}.oppo-navbar #online-store .store-container .store-page{width:100%;height:100%;overflow:hidden;overflow-y:scroll}.oppo-navbar #online-store .store-container .store-page::-webkit-scrollbar{width:0.04rem}.oppo-navbar #online-store .store-container .store-page::-webkit-scrollbar-thumb{background-color:#2DC84D}.oppo-navbar #online-store .store-container .store-page .close-button{position:absolute;z-index:3;top:0.32rem;right:0.32rem;width:0.14rem;height:0.14rem;cursor:pointer}.oppo-navbar #online-store .store-container .store-page .title-area{position:static;z-index:2;top:0;left:0;width:calc(100% - 0.04rem);background-color:#fff;text-align:center;padding-top:0.7rem}.oppo-navbar #online-store .store-container .store-page .title-area a{font-size:0.28rem;line-height:0.44rem;letter-spacing:-0.1;font-family:"OPPOSans-Bold";pointer-events:none;display:inline-block;max-width:10.88rem}.oppo-navbar #online-store .store-container .store-page .store-content{position:relative;z-index:1;width:100%;margin-top:0.32rem;margin-bottom:0.28rem}.oppo-navbar #online-store .store-container .store-page .store-content .store-list{width:10.88rem;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:baseline;align-content:baseline;min-height:3.95rem}.oppo-navbar #online-store .store-container .store-page .store-content .store-list .store-title{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;text-align:center;margin-bottom:0.2rem;font-family:"OPPOSans-Bold";font-size:0.2rem;line-height:0.32rem}.oppo-navbar #online-store .store-container .store-page .store-content .store-list .store{width:1.92rem;height:1.44rem;background-color:rgba(0,0,0,0.04);margin-bottom:0.32rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:background-color 0.3s ease;transition:background-color 0.3s ease}.oppo-navbar #online-store .store-container .store-page .store-content .store-list .store img{width:1.18rem;height:0.8rem;-webkit-transition:-webkit-transform 0.3s ease;transition:-webkit-transform 0.3s ease;transition:transform 0.3s ease;transition:transform 0.3s ease, -webkit-transform 0.3s ease}.oppo-navbar #online-store .store-container .store-page .store-content .store-list .store:hover,.oppo-navbar #online-store .store-container .store-page .store-content .store-list .store :active{background-color:rgba(0,0,0,0.01)}.oppo-navbar #online-store .store-container .store-page .store-content .store-list .store:hover img,.oppo-navbar #online-store .store-container .store-page .store-content .store-list .store :active img{-webkit-transform:scale(0.9);transform:scale(0.9)}.oppo-navbar #online-store .store-container .store-page .store-content .store-list:not(:first-child){margin-top:0.06rem}.oppo-navbar #online-store.show{top:0;visibility:visible}.oppo-navbar #online-store.show .mask{opacity:1}.oppo-navbar #online-store.show .store-container{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.oppo-navbar #online-store.show .remarks{position:relative;padding-top:0.01rem;padding-bottom:0.28rem}.oppo-navbar #online-store.show .remarks ul li{margin:auto;width:10.88rem;font-size:0.12rem;font-family:"OPPOSans-S-R","OPPOSans-S";font-weight:normal;color:#000;line-height:0.24rem}.oppo-navbar .mb-tab{display:none}.oppo-navbar #navbar .container ul li.post.hightlight a,.oppo-navbar #navbar .container ul li.pc.hightlight a{opacity:1;pointer-events:none}@media (min-width: 1440px) and (max-width: 1919px){.oppo-navbar nav#navbar .container .products ul+ul,.oppo-navbar nav#navbar .container .links ul+ul,.oppo-navbar nav#navbar .container .buttons ul+ul,.oppo-navbar nav#navbar .container .products ul+li,.oppo-navbar nav#navbar .container .links ul+li,.oppo-navbar nav#navbar .container .buttons ul+li,.oppo-navbar nav#navbar .container .products li+ul,.oppo-navbar nav#navbar .container .links li+ul,.oppo-navbar nav#navbar .container .buttons li+ul,.oppo-navbar nav#navbar .container .products li+li,.oppo-navbar nav#navbar .container .links li+li,.oppo-navbar nav#navbar .container .buttons li+li{margin-left:0.14rem}.oppo-navbar nav#navbar .container .links .anchors>:first-child{margin-left:0.14rem}}@media (min-width: 1440px) and (max-width: 1600px){.oppo-navbar #online-store .store-container{width:13.12rem;height:6.25rem}}@media (min-width: 1440px){.oppo-navbar #online-store .store-container .store-page .store-content .store-list{width:auto;margin:auto}.oppo-navbar #online-store .store-container .store-page .store-content .store-list .store{margin:0.16rem}}@media (min-width: 1920px){.oppo-navbar nav#navbar .container{padding:0 3.04rem}.oppo-navbar nav#navbar .container .buttons .button a{font-size:0.14rem;height:0.2rem;line-height:0.2rem;padding:0.1rem 0.24rem}.oppo-navbar #online-store .store-container .store-page .store-content .store-list{min-height:4.9rem}}@media (min-width: 1024px){.oppo-navbar nav#navbar.scrolled{top:0 !important}}@media (min-width: 1024px) and (max-width: 1439.98px){html.hasHeader #oc-container{padding-top:0.64rem}.oppo-navbar nav#navbar .container{padding:0 0.64rem}.oppo-navbar nav#navbar li,.oppo-navbar nav#navbar li a{font-size:0.12rem;line-height:0.24rem;letter-spacing:-0.0005rem}.oppo-navbar #navbar>div>ul.links.module>li{line-height:0.2rem}.oppo-navbar nav#navbar .container .buttons .button a{line-height:0.16rem}.oppo-navbar nav#navbar .container .products ul+ul,.oppo-navbar nav#navbar .container .links ul+ul,.oppo-navbar nav#navbar .container .buttons ul+ul,.oppo-navbar nav#navbar .container .products ul+li,.oppo-navbar nav#navbar .container .links ul+li,.oppo-navbar nav#navbar .container .buttons ul+li,.oppo-navbar nav#navbar .container .products li+ul,.oppo-navbar nav#navbar .container .links li+ul,.oppo-navbar nav#navbar .container .buttons li+ul,.oppo-navbar nav#navbar .container .products li+li,.oppo-navbar nav#navbar .container .links li+li,.oppo-navbar nav#navbar .container .buttons li+li{margin-left:0.1rem}.oppo-navbar nav#navbar .container .links .anchors>:first-child{margin-left:0.1rem}.oppo-navbar #online-store .store-container{width:8.96rem;height:5.8rem}.oppo-navbar #online-store .store-container .store-page .store-content .store-list{width:6.64rem;min-height:3.25rem;-ms-flex-line-pack:baseline;align-content:baseline}.oppo-navbar #online-store .store-container .store-page .store-content .store-list .store{width:2rem;height:1.5rem;margin:0.1rem}.oppo-navbar #online-store .store-container .store-page .store-content .store-list .store:not(:nth-of-type(3n+1)){margin-left:0.32rem}.oppo-navbar #online-store .store-container .store-page .store-content .store-list .store img{width:1.22rem;height:0.82rem}.oppo-navbar #online-store .store-container .store-page .title-area a{max-width:6.64rem}.oppo-navbar #online-store.show .remarks ul li{width:6.64rem}}@media (min-width: 768px) and (max-width: 1023.98px){html.hasHeader #oc-container{padding-top:unset}.oppo-navbar nav#navbar{z-index:998;height:0.52rem}.oppo-navbar nav#navbar .container{padding:0 0.64rem;position:relative}.oppo-navbar #navbar ul.selector svg.arrow{display:block}.oppo-navbar nav#navbar .container ul.selector{display:-webkit-box;display:-ms-flexbox;display:flex}.oppo-navbar nav#navbar .products li,.oppo-navbar nav#navbar .links li{background-color:#fff}.oppo-navbar nav#navbar .products li a,.oppo-navbar nav#navbar .links li a{border-bottom:0.01rem solid #e5e5e5}.oppo-navbar nav#navbar .products>:last-child>:last-child,.oppo-navbar nav#navbar .links>:last-child>:last-child,.oppo-navbar nav#navbar .products>:last-child>:last-child>:last-child,.oppo-navbar nav#navbar .links>:last-child>:last-child>:last-child{border-bottom-color:transparent}.oppo-navbar nav#navbar.sticked{background-color:#fff}.oppo-navbar nav#navbar[data-theme='dark'] .products li,.oppo-navbar nav#navbar[data-theme='dark'] .links li{background-color:#000}.oppo-navbar nav#navbar[data-theme='dark'].sticked{background-color:#000}.oppo-navbar nav#navbar.light[data-theme='dark'] .products li,.oppo-navbar nav#navbar.light[data-theme='dark'] .links li{background-color:#fff}.oppo-navbar nav#navbar.light[data-theme='dark'].sticked{background-color:#fff}.oppo-navbar nav#navbar li,.oppo-navbar nav#navbar li a{font-size:0.14rem;line-height:0.2rem;letter-spacing:-0.0005rem}.oppo-navbar nav#navbar .container .products ul+ul,.oppo-navbar nav#navbar .container .links ul+ul,.oppo-navbar nav#navbar .container .buttons ul+ul,.oppo-navbar nav#navbar .container .products ul+li,.oppo-navbar nav#navbar .container .links ul+li,.oppo-navbar nav#navbar .container .buttons ul+li,.oppo-navbar nav#navbar .container .products li+ul,.oppo-navbar nav#navbar .container .links li+ul,.oppo-navbar nav#navbar .container .buttons li+ul,.oppo-navbar nav#navbar .container .products li+li,.oppo-navbar nav#navbar .container .links li+li,.oppo-navbar nav#navbar .container .buttons li+li{margin-left:0}.oppo-navbar nav#navbar .container .products,.oppo-navbar nav#navbar .container .links.page{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transform:translateX(-100vw);transform:translateX(-100vw);overflow:hidden;position:absolute;left:0;top:100%;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.oppo-navbar nav#navbar[data-theme='dark'] .container .links.module{background-color:black}.oppo-navbar nav#navbar[data-theme='light'] .container .links.module,.oppo-navbar nav#navbar.light[data-theme='dark'] .container .links.module{background-color:white}.oppo-navbar nav#navbar .container .links.module{visibility:hidden;overflow:auto;position:absolute;left:0;top:100%;height:0.4rem;width:100%;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;border-top:0.01rem solid rgba(0,0,0,0.1);border-bottom:0.01rem solid rgba(0,0,0,0.1);scrollbar-width:none;text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.oppo-navbar nav#navbar .container .links.module::-webkit-scrollbar{display:none}.oppo-navbar nav#navbar .container .products li,.oppo-navbar nav#navbar .container .links li{position:relative;padding:0 0.1rem;-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch;-webkit-transition:-webkit-transform 0.3s ease;transition:-webkit-transform 0.3s ease;transition:transform 0.3s ease;transition:transform 0.3s ease, -webkit-transform 0.3s ease;-webkit-transform:translateY(-800%);transform:translateY(-800%)}.oppo-navbar nav#navbar .container .products li a,.oppo-navbar nav#navbar .container .links li a{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;padding:0.15rem 0}.oppo-navbar nav#navbar .container .links li.post a{border-bottom:unset}.oppo-navbar nav#navbar .container .products{z-index:3}.oppo-navbar nav#navbar .container .products .divider{display:none}.oppo-navbar nav#navbar .container .links{margin-left:0;-webkit-box-pack:unset;-ms-flex-pack:unset;justify-content:unset}.oppo-navbar nav#navbar .container .links{z-index:4}.oppo-navbar nav#navbar .container .links>ul{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.oppo-navbar nav#navbar .container .links .anchors>:first-child{margin-left:0}.oppo-navbar nav#navbar .container .buttons .button a{height:0.32rem;padding:0 0.1rem;line-height:0.2rem;background:#046a38}.oppo-navbar nav#navbar .container .mask{position:absolute;z-index:0;left:0;top:100%;width:100%;height:0;opacity:0;background:rgba(0,0,0,0.56)}.oppo-navbar nav#navbar .container .indicator{height:0.24rem;margin-left:0.05rem}.oppo-navbar nav#navbar .container .indicator .arrow{margin-top:0.05rem;width:0.14rem;height:0.14rem;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:-webkit-transform 0.3s ease;transition:-webkit-transform 0.3s ease;transition:transform 0.3s ease;transition:transform 0.3s ease, -webkit-transform 0.3s ease}.oppo-navbar nav#navbar .container .selector{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.oppo-navbar nav#navbar .container .selector li *{opacity:1;font-family:OPPOSans-Bold}.oppo-navbar nav#navbar .container[data-active-selector] .mask{height:100vh;height:calc(var(--vh, 1vh) * 100);opacity:1}.oppo-navbar nav#navbar .container[data-active-selector='product'] .product-selector .indicator .arrow{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.oppo-navbar nav#navbar .container[data-active-selector='product'] .products{-webkit-transform:translateX(0);transform:translateX(0)}.oppo-navbar nav#navbar .container[data-active-selector='product'] .products>li{-webkit-transform:translateY(0);transform:translateY(0)}.oppo-navbar nav#navbar .container[data-active-selector='link'] .link-selector .indicator .arrow{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.oppo-navbar nav#navbar .container[data-active-selector='link'] .links.page{-webkit-transform:translateX(0);transform:translateX(0)}.oppo-navbar nav#navbar .container[data-active-selector='link'] .links.page>li{-webkit-transform:translateY(0);transform:translateY(0)}.oppo-navbar nav#navbar .container[data-active-selector='product'] ul.module{visibility:hidden;z-index:0}.oppo-navbar nav#navbar .container[data-active-selector='link'] ul.module{visibility:hidden;z-index:0}.oppo-navbar nav#navbar .container .links .post{-webkit-transform:translateX(0);transform:translateX(0)}.oppo-navbar nav#navbar .container .links>li.post{-webkit-transform:translateY(0);transform:translateY(0)}.oppo-navbar nav#navbar .container .product-selector,.oppo-navbar nav#navbar .container .buttons{-webkit-box-flex:0;-ms-flex:0 0 1.07rem;flex:0 0 1.07rem}.oppo-navbar nav#navbar .container .link-selector{margin:0 0.05rem;-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.oppo-navbar nav#navbar .links li.pc{display:none}.oppo-navbar #online-store .store-container{width:7.2rem;height:8.5rem}.oppo-navbar #online-store .store-container .store-page .store-content .store-list{width:5.32rem;min-height:5.95rem;-ms-flex-line-pack:baseline;align-content:baseline}.oppo-navbar #online-store .store-container .store-page .store-content .store-list .store{width:1.55rem;height:1.16rem}.oppo-navbar #online-store .store-container .store-page .store-content .store-list .store:not(:nth-of-type(3n+1)){margin-left:0.32rem}.oppo-navbar #online-store .store-container .store-page .store-content .store-list .store img{width:0.95rem;height:0.64rem}.oppo-navbar #online-store .store-container .store-page .store-content .store-list .store-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:1.55rem;height:1.16rem;margin:0 0.11rem 0.16rem}.oppo-navbar #online-store .store-container .store-page .store-content .store-list .store-title{margin-bottom:0.4rem}.oppo-navbar #online-store .store-container .store-page .title-area a{max-width:5.29rem}.oppo-navbar nav#navbar .container .links[data-active=''] .default,.oppo-navbar nav#navbar .container .links:not([data-active]) .default{opacity:1;pointer-events:none}.oppo-navbar nav#navbar .container .links[data-active="1"]>li:nth-child(1) a{opacity:1;pointer-events:none}.oppo-navbar nav#navbar .container .links[data-active="2"]>li:nth-child(2) a{opacity:1;pointer-events:none}.oppo-navbar nav#navbar .container .links[data-active="3"]>li:nth-child(3) a{opacity:1;pointer-events:none}.oppo-navbar nav#navbar .container .links[data-active="4"]>li:nth-child(4) a{opacity:1;pointer-events:none}.oppo-navbar nav#navbar .container .links[data-active="5"]>li:nth-child(5) a{opacity:1;pointer-events:none}.oppo-navbar nav#navbar .container .links[data-active="6"]>li:nth-child(6) a{opacity:1;pointer-events:none}.oppo-navbar nav#navbar .container .links[data-active="7"]>li:nth-child(7) a{opacity:1;pointer-events:none}.oppo-navbar nav#navbar .container .links[data-active="8"]>li:nth-child(8) a{opacity:1;pointer-events:none}.oppo-navbar nav#navbar .container .links[data-active="9"]>li:nth-child(9) a{opacity:1;pointer-events:none}.oppo-navbar nav#navbar .container .links[data-active="10"]>li:nth-child(10) a{opacity:1;pointer-events:none}.oppo-navbar #online-store.show .remarks ul li{width:5.29rem}}@media (max-width: 767.98px){html.hasHeader #oc-container{padding-top:unset}.oppo-navbar .store-title,.oppo-navbar .title-area{display:none}.oppo-navbar .mb-tab{position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;white-space:nowrap;padding-left:0.1rem;padding-top:0.33rem;height:0.32rem;font-size:0.16rem;font-weight:normal;color:#000;line-height:0.32rem;overflow:auto;z-index:100;background-color:white;width:95vw;padding-bottom:0.19rem;scrollbar-width:none}.oppo-navbar .mb-tab::-webkit-scrollbar{display:none}.oppo-navbar .mb-tab a{padding:0 0.1rem;opacity:0.78;font-family:"OPPOSans-Regular"}.oppo-navbar .mb-tab a.active{opacity:1;font-family:"OPPOSans-Bold"}.oppo-navbar nav#navbar{z-index:998;height:0.51rem}.oppo-navbar #navbar ul.selector svg.arrow{display:block}.oppo-navbar nav#navbar .container ul.selector{display:-webkit-box;display:-ms-flexbox;display:flex}.oppo-navbar #online-store .store-container{position:fixed;width:100vw;max-height:4.1rem;-webkit-transform:translateY(100%);transform:translateY(100%);bottom:0}.oppo-navbar #online-store .store-container .store-page .store-content .store-list{width:3.2rem;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;min-height:1.85rem}.oppo-navbar #online-store .store-container .store-page .store-content .store-list .store-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:1.5rem;height:0.96rem;margin:0 0.04rem 0.2rem}.oppo-navbar #online-store .store-container .store-page .store-content .store-list .store-wrap .store{width:1.3rem;height:0.8rem;border-radius:0.2rem;border:0.01rem solid rgba(0,0,0,0.08);background:rgba(0,0,0,0.04)}.oppo-navbar #online-store.show .store-container .store-page .store-content .store-list .store-wrap .store{width:1.5rem;height:0.96rem;border-radius:0.04rem}.oppo-navbar #online-store .store-container .store-page .store-content .store-list .store img{width:0.98rem;height:0.66rem}.oppo-navbar nav#navbar .container{padding:0 0.2rem;position:relative}.oppo-navbar nav#navbar .products li,.oppo-navbar nav#navbar .links li{background-color:#fff}.oppo-navbar nav#navbar .products li a,.oppo-navbar nav#navbar .links li a{border-bottom:0 solid #e5e5e5}.oppo-navbar nav#navbar .products>:last-child>:last-child,.oppo-navbar nav#navbar .links>:last-child>:last-child,.oppo-navbar nav#navbar .products>:last-child>:last-child>:last-child,.oppo-navbar nav#navbar .links>:last-child>:last-child>:last-child{border-bottom-color:transparent}.oppo-navbar nav#navbar.sticked{background-color:#fff}.oppo-navbar nav#navbar[data-theme='dark'] .products li,.oppo-navbar nav#navbar[data-theme='dark'] .links li{background-color:#000}.oppo-navbar nav#navbar[data-theme='dark'].sticked{background-color:#000}.oppo-navbar nav#navbar.light[data-theme='dark'] .products li,.oppo-navbar nav#navbar.light[data-theme='dark'] .links li{background-color:#fff}.oppo-navbar nav#navbar.light[data-theme='dark'].sticked{background-color:#fff}.oppo-navbar nav#navbar li,.oppo-navbar nav#navbar li a{font-size:0.14rem;line-height:0.2rem;letter-spacing:-0.0005rem}.oppo-navbar nav#navbar .container .products ul+ul,.oppo-navbar nav#navbar .container .links ul+ul,.oppo-navbar nav#navbar .container .buttons ul+ul,.oppo-navbar nav#navbar .container .products ul+li,.oppo-navbar nav#navbar .container .links ul+li,.oppo-navbar nav#navbar .container .buttons ul+li,.oppo-navbar nav#navbar .container .products li+ul,.oppo-navbar nav#navbar .container .links li+ul,.oppo-navbar nav#navbar .container .buttons li+ul,.oppo-navbar nav#navbar .container .products li+li,.oppo-navbar nav#navbar .container .links li+li,.oppo-navbar nav#navbar .container .buttons li+li{margin-left:0}.oppo-navbar nav#navbar .container .products,.oppo-navbar nav#navbar .container .links.page{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transform:translateX(-100vw);transform:translateX(-100vw);overflow:hidden;position:absolute;left:0;top:100%;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;background-color:white;opacity:0;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease}.oppo-navbar nav#navbar .container .products a,.oppo-navbar nav#navbar .container .links.page a{line-height:0.24rem}.oppo-navbar nav#navbar[data-theme='dark'] .container .links.module{background-color:black}.oppo-navbar nav#navbar.light[data-theme='dark'] .container .links.module{background-color:white}.oppo-navbar nav#navbar[data-theme='light'] .container .links.module{background-color:white}.oppo-navbar nav#navbar .container .links.module{visibility:hidden;overflow:auto;position:absolute;left:0;top:100%;height:0.4rem;width:100%;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;border-top:0.01rem solid rgba(0,0,0,0.1);border-bottom:0.01rem solid rgba(0,0,0,0.1);text-align:center;scrollbar-width:none}.oppo-navbar nav#navbar .container .links.module::-webkit-scrollbar{display:none}.oppo-navbar nav#navbar .container .links.module li{font-size:0.12rem}.oppo-navbar nav#navbar .container .products li,.oppo-navbar nav#navbar .container .links li{position:relative;padding:0 0.1rem;-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch;-webkit-transition:-webkit-transform 0.3s ease;transition:-webkit-transform 0.3s ease;transition:transform 0.3s ease;transition:transform 0.3s ease, -webkit-transform 0.3s ease;-webkit-transform:translateY(-800%);transform:translateY(-800%)}.oppo-navbar nav#navbar .container .products li a,.oppo-navbar nav#navbar .container .links li a{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;padding:0.12rem 0}.oppo-navbar nav#navbar .container .links{z-index:4;margin-left:0;-webkit-box-pack:unset;-ms-flex-pack:unset;justify-content:unset}.oppo-navbar nav#navbar .container .products{z-index:3}.oppo-navbar nav#navbar .container .products .divider{display:none}.oppo-navbar nav#navbar .container .links>ul{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.oppo-navbar nav#navbar .container .links .anchors>:first-child{margin-left:0}.oppo-navbar nav#navbar .container .buttons .button a{height:0.24rem;padding:0.04rem 0.12rem}.oppo-navbar nav#navbar .container.fakeshow.nobefore::before{content:unset}.oppo-navbar nav#navbar .container.fakeshow.noafter::after{content:unset}.oppo-navbar nav#navbar .container.fakeshow::after{content:"";position:absolute;right:0;z-index:9;top:0.51rem;width:0.33rem;height:0.4rem}.oppo-navbar nav#navbar .container.fakeshow::before{content:"";position:absolute;left:0;z-index:9;top:0.51rem;width:0.33rem;height:0.4rem}.oppo-navbar nav#navbar[data-theme='light'] .container.fakeshow::after,.oppo-navbar nav#navbar.light[data-theme='dark'] .container.fakeshow::after{background:-webkit-linear-gradient(right, white 0%, white 40%, rgba(255,255,255,0.28) 100%);background:linear-gradient(270deg, white 0%, white 40%, rgba(255,255,255,0.28) 100%)}.oppo-navbar nav#navbar[data-theme='light'] .container.fakeshow::before,.oppo-navbar nav#navbar.light[data-theme='dark'] .container.fakeshow::before{background:-webkit-linear-gradient(left, white 0%, white 40%, rgba(255,255,255,0.28) 100%);background:linear-gradient(-270deg, white 0%, white 40%, rgba(255,255,255,0.28) 100%)}.oppo-navbar nav#navbar[data-theme='dark'] .container.fakeshow::after{background:-webkit-linear-gradient(right, black 0%, black 40%, rgba(0,0,0,0.28) 100%);background:linear-gradient(270deg, black 0%, black 40%, rgba(0,0,0,0.28) 100%)}.oppo-navbar nav#navbar[data-theme='dark'] .container.fakeshow::before{background:-webkit-linear-gradient(left, black 0%, black 40%, rgba(0,0,0,0.28) 100%);background:linear-gradient(-270deg, black 0%, black 40%, rgba(0,0,0,0.28) 100%)}.oppo-navbar nav#navbar .container .mask{position:absolute;z-index:0;left:0;top:100%;width:100%;height:0;opacity:0;background:rgba(0,0,0,0.56)}.oppo-navbar nav#navbar .container .indicator{height:0.24rem;margin-left:0.05rem}.oppo-navbar nav#navbar .container .indicator .arrow{margin-top:0.05rem;width:0.14rem;height:0.14rem;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:-webkit-transform 0.3s ease;transition:-webkit-transform 0.3s ease;transition:transform 0.3s ease;transition:transform 0.3s ease, -webkit-transform 0.3s ease}.oppo-navbar nav#navbar .container .selector{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.oppo-navbar nav#navbar .container .selector li *{opacity:1;font-family:OPPOSans-Bold}.oppo-navbar nav#navbar .container[data-active-selector] .mask{height:100vh;height:calc(var(--vh, 1vh) * 100);opacity:1}.oppo-navbar nav#navbar .container[data-active-selector='product'] .product-selector .indicator .arrow{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.oppo-navbar nav#navbar .container[data-active-selector='product'] .products{-webkit-transform:translateX(0);transform:translateX(0);background-color:white;opacity:1}.oppo-navbar nav#navbar .container[data-active-selector='product'] .products>li{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}.oppo-navbar nav#navbar .container[data-active-selector='product'] .products>li:nth-child(0){-webkit-transition:opacity 0.2s ease 0s;transition:opacity 0.2s ease 0s}.oppo-navbar nav#navbar .container[data-active-selector='product'] .products>li:nth-child(1){-webkit-transition:opacity 0.2s ease .025s;transition:opacity 0.2s ease .025s}.oppo-navbar nav#navbar .container[data-active-selector='product'] .products>li:nth-child(2){-webkit-transition:opacity 0.2s ease .05s;transition:opacity 0.2s ease .05s}.oppo-navbar nav#navbar .container[data-active-selector='product'] .products>li:nth-child(3){-webkit-transition:opacity 0.2s ease .075s;transition:opacity 0.2s ease .075s}.oppo-navbar nav#navbar .container[data-active-selector='product'] .products>li:nth-child(4){-webkit-transition:opacity 0.2s ease .1s;transition:opacity 0.2s ease .1s}.oppo-navbar nav#navbar .container[data-active-selector='product'] .products>li:nth-child(5){-webkit-transition:opacity 0.2s ease .125s;transition:opacity 0.2s ease .125s}.oppo-navbar nav#navbar .container[data-active-selector='product'] .products>li:nth-child(6){-webkit-transition:opacity 0.2s ease .15s;transition:opacity 0.2s ease .15s}.oppo-navbar nav#navbar .container[data-active-selector='product'] .products>li:nth-child(7){-webkit-transition:opacity 0.2s ease .175s;transition:opacity 0.2s ease .175s}.oppo-navbar nav#navbar .container[data-active-selector='product'] .products>li:nth-child(8){-webkit-transition:opacity 0.2s ease .2s;transition:opacity 0.2s ease .2s}.oppo-navbar nav#navbar .container[data-active-selector='product'] .products>li:nth-child(9){-webkit-transition:opacity 0.2s ease .225s;transition:opacity 0.2s ease .225s}.oppo-navbar nav#navbar .container[data-active-selector='product'] .products>li:nth-child(10){-webkit-transition:opacity 0.2s ease .25s;transition:opacity 0.2s ease .25s}.oppo-navbar nav#navbar .container[data-active-selector='product'] .products>li:first-child{padding-top:0.18rem;border-top:0.01rem solid rgba(0,0,0,0.1)}.oppo-navbar nav#navbar .container[data-active-selector='product'] .products>li:last-child{padding-bottom:0.34rem}.oppo-navbar nav#navbar .container[data-active-selector='link'] .link-selector .indicator .arrow{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.oppo-navbar nav#navbar .container[data-active-selector='link'] .links.page{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}.oppo-navbar nav#navbar .container .links.page>li{opacity:0}.oppo-navbar nav#navbar .container .products>li{opacity:0}.oppo-navbar nav#navbar .container[data-active-selector='link'] .links.page>li{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}.oppo-navbar nav#navbar .container[data-active-selector='link'] .links.page>li:nth-child(0){-webkit-transition:opacity 0.2s ease 0s;transition:opacity 0.2s ease 0s}.oppo-navbar nav#navbar .container[data-active-selector='link'] .links.page>li:nth-child(1){-webkit-transition:opacity 0.2s ease .025s;transition:opacity 0.2s ease .025s}.oppo-navbar nav#navbar .container[data-active-selector='link'] .links.page>li:nth-child(2){-webkit-transition:opacity 0.2s ease .05s;transition:opacity 0.2s ease .05s}.oppo-navbar nav#navbar .container[data-active-selector='link'] .links.page>li:nth-child(3){-webkit-transition:opacity 0.2s ease .075s;transition:opacity 0.2s ease .075s}.oppo-navbar nav#navbar .container[data-active-selector='link'] .links.page>li:nth-child(4){-webkit-transition:opacity 0.2s ease .1s;transition:opacity 0.2s ease .1s}.oppo-navbar nav#navbar .container[data-active-selector='link'] .links.page>li:nth-child(5){-webkit-transition:opacity 0.2s ease .125s;transition:opacity 0.2s ease .125s}.oppo-navbar nav#navbar .container[data-active-selector='link'] .links.page>li:nth-child(6){-webkit-transition:opacity 0.2s ease .15s;transition:opacity 0.2s ease .15s}.oppo-navbar nav#navbar .container[data-active-selector='link'] .links.page>li:nth-child(7){-webkit-transition:opacity 0.2s ease .175s;transition:opacity 0.2s ease .175s}.oppo-navbar nav#navbar .container[data-active-selector='link'] .links.page>li:nth-child(8){-webkit-transition:opacity 0.2s ease .2s;transition:opacity 0.2s ease .2s}.oppo-navbar nav#navbar .container[data-active-selector='link'] .links.page>li:nth-child(9){-webkit-transition:opacity 0.2s ease .225s;transition:opacity 0.2s ease .225s}.oppo-navbar nav#navbar .container[data-active-selector='link'] .links.page>li:nth-child(10){-webkit-transition:opacity 0.2s ease .25s;transition:opacity 0.2s ease .25s}.oppo-navbar nav#navbar .container[data-active-selector='link'] .links.page>li:first-child{padding-top:0.18rem;border-top:0.01rem solid rgba(0,0,0,0.1)}.oppo-navbar nav#navbar .container[data-active-selector='link'] .links.page>li:last-child{padding-bottom:0.34rem}.oppo-navbar nav#navbar .container[data-active-selector='product'] ul.module{visibility:hidden;z-index:0}.oppo-navbar nav#navbar .container[data-active-selector='link'] ul.module{visibility:hidden;z-index:0}.oppo-navbar nav#navbar .container .links .post{-webkit-transform:translateX(0);transform:translateX(0)}.oppo-navbar nav#navbar .container .links>li.post{-webkit-transform:translateY(0);transform:translateY(0)}.oppo-navbar nav#navbar .container .product-selector,.oppo-navbar nav#navbar .container .buttons{-webkit-box-flex:0;-ms-flex:0 0 1.07rem;flex:0 0 1.07rem}.oppo-navbar nav#navbar .container .link-selector{margin:0 0.05rem;-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.oppo-navbar nav#navbar .links li.pc{display:none}.oppo-navbar nav#navbar .container .links[data-active=''] .default,.oppo-navbar nav#navbar .container .links:not([data-active]) .default{opacity:1;pointer-events:none}.oppo-navbar nav#navbar .container .links[data-active="1"]>li:nth-child(1) a{opacity:1;pointer-events:none}.oppo-navbar nav#navbar .container .links[data-active="2"]>li:nth-child(2) a{opacity:1;pointer-events:none}.oppo-navbar nav#navbar .container .links[data-active="3"]>li:nth-child(3) a{opacity:1;pointer-events:none}.oppo-navbar nav#navbar .container .links[data-active="4"]>li:nth-child(4) a{opacity:1;pointer-events:none}.oppo-navbar nav#navbar .container .links[data-active="5"]>li:nth-child(5) a{opacity:1;pointer-events:none}.oppo-navbar nav#navbar .container .links[data-active="6"]>li:nth-child(6) a{opacity:1;pointer-events:none}.oppo-navbar nav#navbar .container .links[data-active="7"]>li:nth-child(7) a{opacity:1;pointer-events:none}.oppo-navbar nav#navbar .container .links[data-active="8"]>li:nth-child(8) a{opacity:1;pointer-events:none}.oppo-navbar nav#navbar .container .links[data-active="9"]>li:nth-child(9) a{opacity:1;pointer-events:none}.oppo-navbar nav#navbar .container .links[data-active="10"]>li:nth-child(10) a{opacity:1;pointer-events:none}.oppo-navbar #online-store .store-container .store-page .title-area a{max-width:3.2rem}.oppo-navbar #online-store.show .remarks ul li{width:3.2rem}.oppo-navbar #online-store.show .store-container .store-page .close-button{-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:-webkit-transform 0.3s ease;transition:-webkit-transform 0.3s ease;transition:transform 0.3s ease;transition:transform 0.3s ease, -webkit-transform 0.3s ease}.oppo-navbar #online-store.show .store-container .store-page .store-content .store-list .store-wrap:not([style*="display: none"]):nth-child(0) .store{-webkit-transition:border-radius 0.2s ease 0s,width 0.2s ease 0s,height 0.2s ease 0s;transition:border-radius 0.2s ease 0s,width 0.2s ease 0s,height 0.2s ease 0s}.oppo-navbar #online-store.show .store-container .store-page .store-content .store-list .store-wrap:not([style*="display: none"]):nth-child(1) .store{-webkit-transition:border-radius 0.2s ease .025s,width 0.2s ease .025s,height 0.2s ease .025s;transition:border-radius 0.2s ease .025s,width 0.2s ease .025s,height 0.2s ease .025s}.oppo-navbar #online-store.show .store-container .store-page .store-content .store-list .store-wrap:not([style*="display: none"]):nth-child(2) .store{-webkit-transition:border-radius 0.2s ease .05s,width 0.2s ease .05s,height 0.2s ease .05s;transition:border-radius 0.2s ease .05s,width 0.2s ease .05s,height 0.2s ease .05s}.oppo-navbar #online-store.show .store-container .store-page .store-content .store-list .store-wrap:not([style*="display: none"]):nth-child(3) .store{-webkit-transition:border-radius 0.2s ease .075s,width 0.2s ease .075s,height 0.2s ease .075s;transition:border-radius 0.2s ease .075s,width 0.2s ease .075s,height 0.2s ease .075s}.oppo-navbar #online-store.show .store-container .store-page .store-content .store-list .store-wrap:not([style*="display: none"]):nth-child(4) .store{-webkit-transition:border-radius 0.2s ease .1s,width 0.2s ease .1s,height 0.2s ease .1s;transition:border-radius 0.2s ease .1s,width 0.2s ease .1s,height 0.2s ease .1s}.oppo-navbar #online-store.show .store-container .store-page .store-content .store-list .store-wrap:not([style*="display: none"]):nth-child(5) .store{-webkit-transition:border-radius 0.2s ease .125s,width 0.2s ease .125s,height 0.2s ease .125s;transition:border-radius 0.2s ease .125s,width 0.2s ease .125s,height 0.2s ease .125s}.oppo-navbar #online-store.show .store-container .store-page .store-content .store-list .store-wrap:not([style*="display: none"]):nth-child(6) .store{-webkit-transition:border-radius 0.2s ease .15s,width 0.2s ease .15s,height 0.2s ease .15s;transition:border-radius 0.2s ease .15s,width 0.2s ease .15s,height 0.2s ease .15s}.oppo-navbar #online-store.show .store-container .store-page .store-content .store-list .store-wrap:not([style*="display: none"]):nth-child(7) .store{-webkit-transition:border-radius 0.2s ease .175s,width 0.2s ease .175s,height 0.2s ease .175s;transition:border-radius 0.2s ease .175s,width 0.2s ease .175s,height 0.2s ease .175s}.oppo-navbar #online-store.show .store-container .store-page .store-content .store-list .store-wrap:not([style*="display: none"]):nth-child(8) .store{-webkit-transition:border-radius 0.2s ease .2s,width 0.2s ease .2s,height 0.2s ease .2s;transition:border-radius 0.2s ease .2s,width 0.2s ease .2s,height 0.2s ease .2s}.oppo-navbar #online-store.show .store-container .store-page .store-content .store-list .store-wrap:not([style*="display: none"]):nth-child(9) .store{-webkit-transition:border-radius 0.2s ease .225s,width 0.2s ease .225s,height 0.2s ease .225s;transition:border-radius 0.2s ease .225s,width 0.2s ease .225s,height 0.2s ease .225s}.oppo-navbar #online-store.show .store-container .store-page .store-content .store-list .store-wrap:not([style*="display: none"]):nth-child(10) .store{-webkit-transition:border-radius 0.2s ease .25s,width 0.2s ease .25s,height 0.2s ease .25s;transition:border-radius 0.2s ease .25s,width 0.2s ease .25s,height 0.2s ease .25s}.oppo-navbar #online-store.show .store-container .store-page .store-content .store-list .store-wrap:not([style*="display: none"]):nth-child(11) .store{-webkit-transition:border-radius 0.2s ease .275s,width 0.2s ease .275s,height 0.2s ease .275s;transition:border-radius 0.2s ease .275s,width 0.2s ease .275s,height 0.2s ease .275s}.oppo-navbar #online-store.show .store-container .store-page .store-content .store-list .store-wrap:not([style*="display: none"]):nth-child(12) .store{-webkit-transition:border-radius 0.2s ease .3s,width 0.2s ease .3s,height 0.2s ease .3s;transition:border-radius 0.2s ease .3s,width 0.2s ease .3s,height 0.2s ease .3s}.oppo-navbar #online-store.show .store-container .store-page .store-content .store-list .store-wrap:not([style*="display: none"]):nth-child(13) .store{-webkit-transition:border-radius 0.2s ease .325s,width 0.2s ease .325s,height 0.2s ease .325s;transition:border-radius 0.2s ease .325s,width 0.2s ease .325s,height 0.2s ease .325s}.oppo-navbar #online-store.show .store-container .store-page .store-content .store-list .store-wrap:not([style*="display: none"]):nth-child(14) .store{-webkit-transition:border-radius 0.2s ease .35s,width 0.2s ease .35s,height 0.2s ease .35s;transition:border-radius 0.2s ease .35s,width 0.2s ease .35s,height 0.2s ease .35s}.oppo-navbar #online-store.show .store-container .store-page .store-content .store-list .store-wrap:not([style*="display: none"]):nth-child(15) .store{-webkit-transition:border-radius 0.2s ease .375s,width 0.2s ease .375s,height 0.2s ease .375s;transition:border-radius 0.2s ease .375s,width 0.2s ease .375s,height 0.2s ease .375s}.oppo-navbar #online-store.show .store-container .store-page .store-content .store-list .store-wrap:not([style*="display: none"]):nth-child(16) .store{-webkit-transition:border-radius 0.2s ease .4s,width 0.2s ease .4s,height 0.2s ease .4s;transition:border-radius 0.2s ease .4s,width 0.2s ease .4s,height 0.2s ease .4s}.oppo-navbar #online-store.show .store-container .store-page .store-content .store-list .store-wrap:not([style*="display: none"]):nth-child(17) .store{-webkit-transition:border-radius 0.2s ease .425s,width 0.2s ease .425s,height 0.2s ease .425s;transition:border-radius 0.2s ease .425s,width 0.2s ease .425s,height 0.2s ease .425s}.oppo-navbar #online-store.show .store-container .store-page .store-content .store-list .store-wrap:not([style*="display: none"]):nth-child(18) .store{-webkit-transition:border-radius 0.2s ease .45s,width 0.2s ease .45s,height 0.2s ease .45s;transition:border-radius 0.2s ease .45s,width 0.2s ease .45s,height 0.2s ease .45s}.oppo-navbar #online-store.show .store-container .store-page .store-content .store-list .store-wrap:not([style*="display: none"]):nth-child(19) .store{-webkit-transition:border-radius 0.2s ease .475s,width 0.2s ease .475s,height 0.2s ease .475s;transition:border-radius 0.2s ease .475s,width 0.2s ease .475s,height 0.2s ease .475s}.oppo-navbar #online-store.show .store-container .store-page .store-content .store-list .store-wrap:not([style*="display: none"]):nth-child(20) .store{-webkit-transition:border-radius 0.2s ease .5s,width 0.2s ease .5s,height 0.2s ease .5s;transition:border-radius 0.2s ease .5s,width 0.2s ease .5s,height 0.2s ease .5s}.oppo-navbar #online-store .store-container .store-page .close-button{z-index:101;top:0.17rem;right:0.2rem}.oppo-navbar #online-store .store-container .store-page.tabscrolled .mb-tab{position:fixed}.oppo-navbar #online-store .store-container .store-page.tabscrolled .store-content{margin-top:1.05rem}.oppo-navbar #online-store .store-container .store-page.tabnoscroll .store-content{margin-top:1.05rem}.oppo-navbar #navbar .container ul li.post.hightlight a{opacity:1;pointer-events:none}}

picture{display:block;font-size:0}picture img{width:100%}.lazyload,.lazyloading{opacity:1}.lazyloaded{opacity:1;-webkit-transition:none;transition:none}.rum{position:relative;height:auto;padding-top:0.6rem}html,body{overflow:hidden}.my-wrap .swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.my-wrap .swiper-container-no-flexbox .swiper-slide{float:left}.my-wrap .swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.my-wrap .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;transition-property:transform,-webkit-transform;box-sizing:content-box}.my-wrap .swiper-container-android .swiper-slide,.my-wrap .swiper-wrapper{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.my-wrap .swiper-container-multirow>.swiper-wrapper{-ms-flex-wrap:wrap;flex-wrap:wrap}.my-wrap .swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.my-wrap .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;transition-property:transform,-webkit-transform}.my-wrap .swiper-slide-invisible-blank{visibility:hidden}.my-wrap .swiper-container-autoheight,.my-wrap .swiper-container-autoheight .swiper-slide{height:auto}.my-wrap .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}.my-wrap .swiper-container-3d{-webkit-perspective:12rem;perspective:12rem}.my-wrap .swiper-container-3d .swiper-cube-shadow,.my-wrap .swiper-container-3d .swiper-slide,.my-wrap .swiper-container-3d .swiper-slide-shadow-bottom,.my-wrap .swiper-container-3d .swiper-slide-shadow-left,.my-wrap .swiper-container-3d .swiper-slide-shadow-right,.my-wrap .swiper-container-3d .swiper-slide-shadow-top,.my-wrap .swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.my-wrap .swiper-container-3d .swiper-slide-shadow-bottom,.my-wrap .swiper-container-3d .swiper-slide-shadow-left,.my-wrap .swiper-container-3d .swiper-slide-shadow-right,.my-wrap .swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.my-wrap .swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear, right top, left top, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right, rgba(0,0,0,0.5), rgba(0,0,0,0));background-image:linear-gradient(to left, rgba(0,0,0,0.5), rgba(0,0,0,0))}.my-wrap .swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left, rgba(0,0,0,0.5), rgba(0,0,0,0));background-image:linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0))}.my-wrap .swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom, rgba(0,0,0,0.5), rgba(0,0,0,0));background-image:linear-gradient(to top, rgba(0,0,0,0.5), rgba(0,0,0,0))}.my-wrap .swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0));background-image:linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0))}.my-wrap .swiper-container-wp8-horizontal,.my-wrap .swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.my-wrap .swiper-container-wp8-vertical,.my-wrap .swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.my-wrap .swiper-button-next,.my-wrap .swiper-button-prev{position:absolute;top:50%;width:0.27rem;height:0.44rem;margin-top:-0.22rem;z-index:10;cursor:pointer;background-size:0.27rem 0.44rem;background-position:center;background-repeat:no-repeat}.my-wrap .swiper-button-next.swiper-button-disabled,.my-wrap .swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.my-wrap .swiper-button-prev,.my-wrap .swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:0.1rem;right:auto}.my-wrap .swiper-button-next,.my-wrap .swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:0.1rem;left:auto}.my-wrap .swiper-button-prev.swiper-button-white,.my-wrap .swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.my-wrap .swiper-button-next.swiper-button-white,.my-wrap .swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.my-wrap .swiper-button-prev.swiper-button-black,.my-wrap .swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.my-wrap .swiper-button-next.swiper-button-black,.my-wrap .swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.my-wrap .swiper-button-lock{display:none}.my-wrap .swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);z-index:10}.my-wrap .swiper-pagination.swiper-pagination-hidden{opacity:0}.my-wrap .swiper-container-horizontal>.swiper-pagination-bullets,.my-wrap .swiper-pagination-custom,.my-wrap .swiper-pagination-fraction{bottom:0.1rem;left:0;width:100%}.my-wrap .swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.my-wrap .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(0.33);transform:scale(0.33);position:relative}.my-wrap .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);transform:scale(1)}.my-wrap .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);transform:scale(1)}.my-wrap .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(0.66);transform:scale(0.66)}.my-wrap .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(0.33);transform:scale(0.33)}.my-wrap .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(0.66);transform:scale(0.66)}.my-wrap .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(0.33);transform:scale(0.33)}.my-wrap .swiper-pagination-bullet{width:0.08rem;height:0.08rem;display:inline-block;border-radius:100%;background:#000;opacity:.2}.my-wrap button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.my-wrap .swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.my-wrap .swiper-pagination-bullet-active{opacity:1;background:#007aff}.my-wrap .swiper-container-vertical>.swiper-pagination-bullets{right:0.1rem;top:50%;-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0)}.my-wrap .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0.06rem 0;display:block}.my-wrap .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:0.08rem}.my-wrap .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-webkit-transition:.2s transform,.2s top;transition:.2s transform,.2s top;-webkit-transition:.2s transform,.2s top,.2s -webkit-transform;transition:.2s transform,.2s top,.2s -webkit-transform}.my-wrap .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 0.04rem}.my-wrap .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.my-wrap .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-webkit-transition:.2s transform,.2s left;transition:.2s transform,.2s left;-webkit-transition:.2s transform,.2s left,.2s -webkit-transform;transition:.2s transform,.2s left,.2s -webkit-transform}.my-wrap .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-webkit-transition:.2s transform,.2s right;transition:.2s transform,.2s right;-webkit-transition:.2s transform,.2s right,.2s -webkit-transform;transition:.2s transform,.2s right,.2s -webkit-transform}.my-wrap .swiper-pagination-progressbar{background:rgba(0,0,0,0.25);position:absolute}.my-wrap .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;transform-origin:left top}.my-wrap .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;transform-origin:right top}.my-wrap .swiper-container-horizontal>.swiper-pagination-progressbar,.my-wrap .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:0.04rem;left:0;top:0}.my-wrap .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.my-wrap .swiper-container-vertical>.swiper-pagination-progressbar{width:0.04rem;height:100%;left:0;top:0}.my-wrap .swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.my-wrap .swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,0.25)}.my-wrap .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.my-wrap .swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.my-wrap .swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,0.25)}.my-wrap .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.my-wrap .swiper-pagination-lock{display:none}.my-wrap .swiper-scrollbar{border-radius:0.1rem;position:relative;-ms-touch-action:none;background:rgba(0,0,0,0.1)}.my-wrap .swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:0.03rem;z-index:50;height:0.05rem;width:98%}.my-wrap .swiper-container-vertical>.swiper-scrollbar{position:absolute;right:0.03rem;top:1%;z-index:50;width:0.05rem;height:98%}.my-wrap .swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,0.5);border-radius:0.1rem;left:0;top:0}.my-wrap .swiper-scrollbar-cursor-drag{cursor:move}.my-wrap .swiper-scrollbar-lock{display:none}.my-wrap .swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}.my-wrap .swiper-zoom-container>canvas,.my-wrap .swiper-zoom-container>img,.my-wrap .swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.my-wrap .swiper-slide-zoomed{cursor:move}.my-wrap .swiper-lazy-preloader{width:0.42rem;height:0.42rem;position:absolute;left:50%;top:50%;margin-left:-0.21rem;margin-top:-0.21rem;z-index:10;-webkit-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12, end) infinite;animation:swiper-preloader-spin 1s steps(12, end) infinite}.my-wrap .swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.my-wrap .swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.my-wrap .swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.my-wrap .swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.my-wrap .swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;transition-property:opacity}.my-wrap .swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.my-wrap .swiper-container-fade .swiper-slide-active,.my-wrap .swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.my-wrap .swiper-container-cube{overflow:visible}.my-wrap .swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.my-wrap .swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.my-wrap .swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;transform-origin:100% 0}.my-wrap .swiper-container-cube .swiper-slide-active,.my-wrap .swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.my-wrap .swiper-container-cube .swiper-slide-active,.my-wrap .swiper-container-cube .swiper-slide-next,.my-wrap .swiper-container-cube .swiper-slide-next+.swiper-slide,.my-wrap .swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.my-wrap .swiper-container-cube .swiper-slide-shadow-bottom,.my-wrap .swiper-container-cube .swiper-slide-shadow-left,.my-wrap .swiper-container-cube .swiper-slide-shadow-right,.my-wrap .swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.my-wrap .swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(0.5rem);filter:blur(0.5rem);z-index:0}.my-wrap .swiper-container-flip{overflow:visible}.my-wrap .swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.my-wrap .swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.my-wrap .swiper-container-flip .swiper-slide-active,.my-wrap .swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.my-wrap .swiper-container-flip .swiper-slide-shadow-bottom,.my-wrap .swiper-container-flip .swiper-slide-shadow-left,.my-wrap .swiper-container-flip .swiper-slide-shadow-right,.my-wrap .swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.my-wrap .swiper-container-coverflow .swiper-wrapper{-ms-perspective:12rem}@media (min-width: 1441px){.sec{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative}.cent{width:13.12rem}.font-r{font-family:'OPPOSans-Regular';font-size:0.16rem;font-weight:400;line-height:0.28rem;letter-spacing:-0.01rem}.font-m{font-family:'OPPOSans-Medium';font-size:0.42rem;font-weight:400;line-height:0.6rem;letter-spacing:-0.01rem}.font-b{font-family:'OPPOSans-Bold'}.ops-s{opacity:0.7}.phone-type{height:9.3rem;background:#D8EFFC}.phone-type .type-cent{position:relative;-ms-flex-line-pack:center;align-content:center;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:11.12rem}.phone-type .phone-type-imgbox{width:9.97rem;height:8.645rem;position:absolute;right:-2.36rem;bottom:0;-webkit-animation:kvAnimate 1s 1 forwards ease-in-out;animation:kvAnimate 1s 1 forwards ease-in-out}.phone-type .phone-type-img{height:100%;width:100%}.phone-type .phone-type-text-box{width:3.05rem;-webkit-animation:kvAnimate 1s 1 forwards ease-in-out;animation:kvAnimate 1s 1 forwards ease-in-out}.phone-type .phone-type-text1{width:3.05rem;margin-bottom:1.28rem;height:2.15rem;-webkit-animation:kvAnimate 1s 1 forwards ease-in-out;animation:kvAnimate 1s 1 forwards ease-in-out}.phone-type .phone-type-text2{width:3.02rem;height:1.77rem;position:relative;color:#fff;-webkit-animation:kvAnimate 1s 1 forwards ease-in-out;animation:kvAnimate 1s 1 forwards ease-in-out}.phone-type .phone-type-p1{min-width:2.33rem;height:0.92rem;position:absolute;top:-0.06rem;left:0.18rem;z-index:0}.phone-type .phone-type-p1 .phone-type-text-img{width:100%;height:100%;position:absolute;top:0;left:0;z-index:0}.phone-type .phone-type-p1 .phone-type-text-img img{width:100%;height:100%;object-fit:fill}.phone-type .phone-type-p1 .phone-type-text-p1{position:relative;z-index:5;padding:0.12rem 0.2rem 0;-webkit-transform:rotate(-2deg);transform:rotate(-2deg);white-space:nowrap}.phone-type .phone-type-p1 .phone-type-text-p1 em{font-family:'OPPOSans-Bold';font-size:0.38rem;line-height:0.41rem;width:100%;letter-spacing:-0.01rem;display:block;vertical-align:top}.phone-type .phone-type-p1 .phone-type-text-p1 span{font-family:'OPPOSans-Medium';font-size:0.18rem;line-height:0.2rem;letter-spacing:-0.01rem;display:block;width:100%}.phone-type .phone-type-p2{min-width:1.82rem;height:0.75rem;position:absolute;top:0.7rem;right:121;z-index:5}.phone-type .phone-type-p2 .phone-type-text-img{width:100%;height:100%;position:absolute;top:0;left:0;z-index:0}.phone-type .phone-type-p2 .phone-type-text-img img{width:100%;height:100%;object-fit:fill}.phone-type .phone-type-p2 .phone-type-text-p2{position:relative;z-index:5;padding:0.16rem 0.1rem 0;-webkit-transform:rotate(-3deg);transform:rotate(-3deg);white-space:nowrap}.phone-type .phone-type-p2 .phone-type-text-p2 em{font-family:'OPPOSans-Bold';font-size:0.44rem;line-height:0.5rem;letter-spacing:-0.01rem;display:inline-block;vertical-align:top}.phone-type .phone-type-p2 .phone-type-text-p2 span{font-family:'OPPOSans-Medium';font-size:0.18rem;line-height:0.2rem;letter-spacing:-0.01rem;display:inline-block;-webkit-transform:rotate(-5deg);transform:rotate(-5deg);padding-left:0.06rem}.phone-type .phone-type-p3{min-width:1.68rem;height:0.93rem;position:absolute;top:0.82rem;left:1.34rem;z-index:0;width:-webkit-fit-content;width:fit-content}.phone-type .phone-type-p3 .phone-type-text-img{width:100%;height:100%;position:absolute;top:0;left:0;z-index:0}.phone-type .phone-type-p3 .phone-type-text-img img{width:100%;height:100%;object-fit:fill}.phone-type .phone-type-p3 .phone-type-text-p3{position:relative;z-index:5;padding:0.15rem 0.2rem 0;-webkit-transform:rotate(-5deg);transform:rotate(-5deg);white-space:nowrap}.phone-type .phone-type-p3 .phone-type-text-p3 em{font-family:'OPPOSans-Bold';font-size:0.32rem;line-height:0.42rem;letter-spacing:-0.01rem;display:inline-block;vertical-align:top;padding-left:0.06rem;box-sizing:border-box}.phone-type .phone-type-p3 .phone-type-text-p3 span{font-family:'OPPOSans-Medium';font-size:0.2rem;line-height:0.24rem;letter-spacing:0.01rem;display:block}.phone-type .phone-type-p3 .phone-type-text-p3 i{font-family:'OPPOSans-Medium';font-size:0.14rem;line-height:0.18rem;letter-spacing:-0.01rem;display:inline-block;vertical-align:bottom}.phone-parameter{background:#F3FBFF;height:9.25rem}.phone-parameter .phone-parameter-title{margin:1.83rem auto 0;text-align:center}.phone-parameter .phone-parameter-title p{font-family:'OPPOSans-Medium';line-height:0.96rem;font-size:0.68rem;letter-spacing:-0.008rem}.phone-parameter .phone-parameter-center{margin:1.27rem auto 0;width:13.08rem;height:3.87rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-line-pack:justify;align-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}.phone-parameter .phone-parameter-center .phone-parameter-img{width:3.36rem;height:1.62rem;text-align:left;position:relative;cursor:pointer}.phone-parameter .phone-parameter-center .phone-parameter-img img{display:block;margin:0 auto 0.2rem;margin-left:0;height:0.62rem}.phone-parameter .phone-parameter-center .phone-parameter-img .text-pc{font-family:'OPPOSans-Bold';line-height:0.44rem;font-size:0.28rem;letter-spacing:-0.008rem;margin-bottom:0.08rem}.phone-parameter .phone-parameter-center .phone-parameter-img .text-h5{font-family:"OPPOSans-Regular";line-height:0.28rem;font-size:0.16rem;letter-spacing:-0.0006rem;margin:0.04rem auto 0;font-weight:400;opacity:0.7;width:200%}.phone-parameter .phone-parameter-center .phone-parameter-img5 img{height:0.38rem;padding:0.12rem 0}.thrd-design{height:10.88rem}.thrd-design .design-text-box{margin:1.28rem auto 0}.thrd-design .design-text-box p:nth-child(1){font-size:0.42rem;font-weight:400;line-height:0.64rem;letter-spacing:-0.02rem;margin-bottom:0.2rem;height:1.2rem}.thrd-design .design-text-box p:nth-child(1) em{opacity:0.7;font-style:normal}.thrd-design .design-text-box p:nth-child(2){width:8.64rem;height:0.56rem;font-size:0.16rem;font-weight:400;line-height:0.28rem;letter-spacing:-0.01rem;margin-bottom:0.8rem}.thrd-design .design-img-box{width:13.12rem;height:6.8rem}.thrd-design .design-img-box-c{width:100%;height:100%;position:relative;background:#D8EFFC}.thrd-design .design-img-box-l{width:8.96rem;height:6.8rem;position:absolute;top:0;right:0}.thrd-design .design-img{width:100%;height:100%}.thrd-design .design-img-text{width:4.16rem;height:6.8rem;font-size:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:0;left:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.thrd-design .design-img-text p{line-height:0.32rem;font-weight:400;font-size:0.2rem;opacity:0.60335284;cursor:pointer;width:2.34rem;max-height:0.9rem;overflow:hidden;-webkit-transition:all 1s;transition:all 1s;position:relative}.thrd-design .design-img-text .fg{width:2.34rem;height:0.01rem;background:#D8D8D8;opacity:0.1525;margin:0.315rem auto;opacity:0.6}.thrd-design .design-img-text p span{font-size:0.16rem;line-height:0.28rem;letter-spacing:-0.001rem;margin:0.04rem auto 0.28rem;width:100%;display:inline-block;overflow:hidden;min-height:0;-webkit-transition:all 1s;transition:all 1s}.thrd-design .design-img-text p.on{max-height:2.5rem}.thrd-design .design-img-text p.on span{min-height:auto}.thrd-design .design-img-text p:nth-child(1){letter-spacing:-0.00117rem}.thrd-design .design-img-text p:nth-child(2){letter-spacing:-0.002rem}.thrd-design .design-img-text p:nth-child(3){letter-spacing:-0.002rem}.thrd-design .design-img-text i{width:0.37rem;height:0.37rem;border-radius:50%;display:block;box-sizing:border-box;padding:0.02rem;position:relative;vertical-align:top;cursor:pointer;margin-bottom:0.2rem}.thrd-design .design-img-text i::after{content:'';width:0.23rem;height:0.23rem;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background:-webkit-linear-gradient(right top, #717B87, #0F1A25);background:linear-gradient(to left bottom, #717B87, #0F1A25);z-index:5;border-radius:50%}.thrd-design .design-img-text i img{width:0.37rem;height:0.37rem;position:absolute;top:0;left:0;z-index:0;border-radius:50%;opacity:0}.thrd-design .design-img-text p.on{opacity:1}.thrd-design .design-img-text p.on i img{opacity:1}.thrd-design .design-img-text p:nth-child(1) i::after{background:-webkit-linear-gradient(left top, #0F69DC, #5CC6B3);background:linear-gradient(to right bottom, #0F69DC, #5CC6B3)}.thrd-design .design-img-text p:nth-child(3) i::after{background:-webkit-linear-gradient(bottom, #0F1A25, #717B87);background:linear-gradient(to top, #0F1A25, #717B87)}.thrd-design .design-img-text p:nth-child(5) i::after{background:-webkit-linear-gradient(left top, #B28B33, #F7F6F0);background:linear-gradient(to right bottom, #B28B33, #F7F6F0)}.unlock{height:8.6rem;box-sizing:border-box;margin-top:1.28rem}.unlock .unlock-cent{position:relative}.unlock .unlock-text{margin-top:1.14rem}.unlock .unlock-text p{font-size:0.42rem;font-weight:400;line-height:0.6rem;letter-spacing:-0.002rem}.unlock .unlock-text p:nth-child(1){width:100%;height:1.2rem}.unlock .unlock-text p:nth-child(2){width:100%;height:0.6rem;margin-bottom:0.2rem}.unlock .unlock-text p:nth-child(3){width:5.8rem;height:0.84rem;font-size:0.16rem;font-weight:400;line-height:0.28rem;letter-spacing:-0.00093rem}.unlock .unlock-img-box{width:11.855rem;height:8.55rem;position:absolute;bottom:0;right:-0.02rem}.unlock .unlock-img-box-l{width:100%;height:100%;position:relative;overflow:hidden}.unlock .unlock-img{width:100%;height:8.85rem;position:absolute;top:0;right:0}.unlock .unlock-ani{width:2.76rem;height:1.32rem;position:absolute;top:4.79rem;right:1.72rem;display:none}.unlock .unlock-ani img{position:absolute;right:0.955rem;top:0}.unlock .unlock-ani p{font-size:0.2rem;font-weight:400;line-height:0.32rem;letter-spacing:-0.00117rem;width:1.74rem;position:absolute;bottom:0;right:-0.3rem}.unlock .unlock-ani::before{content:'';width:1.12rem;height:0.01rem;background:#000;position:absolute;top:0.224rem;left:0}.unlock .unlock-ani-box{width:0.22rem;height:0.22rem;position:absolute;top:4.56rem;right:4.66rem;border-radius:50%}.unlock .unlock-ani-box i{position:absolute;top:50%;left:50%;border-radius:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:3.35rem;height:3.35rem;mix-blend-mode:screen;-webkit-animation:bounce 5s infinite ease-in-out;animation:bounce 5s infinite ease-in-out}.unlock .unlock-ani-box i:nth-child(1){-webkit-animation-delay:-0s;animation-delay:-0s}.unlock .unlock-ani-box i:nth-child(2){-webkit-animation-delay:-1s;animation-delay:-1s}.unlock .unlock-ani-box i:nth-child(3){-webkit-animation-delay:-2s;animation-delay:-2s}.unlock .unlock-ani-box i:nth-child(4){-webkit-animation-delay:-3s;animation-delay:-3s}.unlock .unlock-ani-box i:nth-child(5){-webkit-animation-delay:-4s;animation-delay:-4s}.center-big-box{width:100%;background:#000026;color:#fff}.battery{height:11rem}.battery .battery-cent{position:relative}.battery .battery-text{margin:1.28rem auto 0}.battery .battery-text p:nth-child(1),.battery .battery-text p:nth-child(2){font-size:0.42rem;font-weight:400;line-height:0.6rem;letter-spacing:-0.002rem;height:0.6rem;text-align:center}.battery .battery-text p:nth-child(2){margin-bottom:0.2rem}.battery .battery-text p:nth-child(3){font-size:0.16rem;font-weight:400;line-height:0.28rem;text-align:center;letter-spacing:-0.00093rem;width:8.8rem;height:0.56rem;text-align:center;margin:0 auto}.battery .battery-img-box{width:16.16rem;position:absolute;left:-0.4rem;top:5.755rem;height:3.92rem}.battery .battery-img-battery{width:12.265rem;position:absolute;top:4.05rem;left:0.77rem;height:3.705rem;opacity:0}.battery .battery-img{position:relative;width:100%;height:100%}.battery .battery-img img{z-index:10;position:relative}.battery .battery-img-box::after{content:'';visibility:hidden;width:2.52rem;height:2.4263rem;background:-webkit-linear-gradient(right, #000021, rgba(0,0,0,0.129412));background:linear-gradient(270deg, #000021, rgba(0,0,0,0.129412));position:absolute;right:0.05rem;bottom:-0.09rem;z-index:0}.power-saving{height:7.38rem}.power-saving .power-cent{background:rgba(67,75,98,0.5);position:relative}.power-saving .text-power{margin-top:2.23rem;margin-left:1.12rem;position:relative}.power-saving .text-power p:nth-child(1),.power-saving .text-power p:nth-child(2){width:100%;font-size:0.42rem;font-weight:400;line-height:0.6rem;letter-spacing:-0.002rem}.power-saving .text-power p:nth-child(2){margin-bottom:0.2rem}.power-saving .text-power p:nth-child(3){font-size:0.16rem;font-weight:400;line-height:0.28rem;letter-spacing:-0.00093rem;width:6rem}.power-saving .text-power .text-power-i{width:5rem;margin-top:0.8rem;position:absolute;top:100%;left:0}.power-saving .text-power .text-power-i p{padding-top:0.2rem;font-size:0.16rem;font-weight:400;line-height:0.28rem;letter-spacing:-0.00093rem;height:0.28rem;position:relative;float:left;width:2rem;margin-bottom:0.32rem}.power-saving .text-power .text-power-i p i{position:absolute;height:0.08rem;top:0;left:0;-webkit-transform-origin:left;transform-origin:left}.power-saving .text-power .text-power-i p:nth-child(1) i{width:0.805rem;background:-webkit-linear-gradient(right, #C95227, #F0DA41);background:linear-gradient(270deg, #C95227, #F0DA41)}.power-saving .text-power .text-power-i p:nth-child(2) i{width:2.025rem;background:-webkit-linear-gradient(left, #0099D5, #A4EE9C);background:linear-gradient(90deg, #0099D5, #A4EE9C)}.power-saving .text-power .text-power-i p:nth-child(3) i{width:2.74rem;background:-webkit-linear-gradient(left, #0099D5, #A4EE9C);background:linear-gradient(90deg, #0099D5, #A4EE9C)}.power-saving .text-power .text-power-i p:nth-child(3){margin-left:2rem}.power-saving .img-power{width:3.78rem;height:5.93rem;position:absolute;top:1.45rem;right:1.46rem;overflow:hidden}.power-saving .power-img{width:100%;height:6.23rem}.fast-charge{height:10.74rem}.fast-charge .fast-charge-cent{position:relative}.fast-charge .fast-charge-text{margin-top:4rem;margin-left:7.12rem;width:5.5rem}.fast-charge .fast-charge-text p:nth-child(2){margin-bottom:0.2rem}.fast-charge .fast-charge-text p:nth-child(3){width:102%}.fast-charge .fast-charge-img-box{width:100%;height:100%;position:absolute;top:0;left:0}.fast-charge .fast-charge-img{width:2.875rem;position:absolute;top:0.98rem;left:1.93rem;height:9.565rem}.fast-charge .fast-charge-img-bg{width:4rem;position:absolute;top:2rem;left:-0.165rem;height:7.13rem}.optimized{height:7.38rem;margin-bottom:1.26rem}.optimized .optimized-cent{background:rgba(67,75,98,0.5);position:relative}.optimized .optimized-text{margin-top:1.81rem;margin-left:8.22rem;width:4.1rem}.optimized .optimized-text p:nth-child(2){margin-bottom:0.2rem}.optimized .optimized-img-box{width:7.52rem;height:7.38rem;position:absolute;top:0;left:0}.optimized .optimized-img-box .optimized-img{width:100%;height:100%}.storage .storage-cent{width:100%}.storage .storage-bg{width:100%;z-index:0}.storage .storage-bg .storage-bg-img{width:100%;height:9.04rem;position:relative}.storage .storage-bg .storage-bg-img img{max-height:9.04rem;object-fit:cover;object-position:center;height:auto;min-height:9.04rem}.storage .storage-text{position:absolute;z-index:5;margin-top:2.46rem;width:13.12rem;margin:0 auto;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.storage .storage-text p:nth-child(2){margin-bottom:0.2rem}.storage .storage-text p:nth-child(3){width:5.3rem}.storage .storage-text .icon-box{margin-top:0.8rem;width:5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.storage .storage-text .icon-box .icon{height:0.43rem;font-size:0}.storage .storage-text .icon-box .icon img{width:0.38rem;display:inline-block;vertical-align:top;margin-right:0.2rem}.storage .storage-text .icon-box .icon p{display:inline-block;font-size:0.2rem;font-weight:400;line-height:0.43rem;letter-spacing:-0.00093rem;font-family:'OPPOSans-Regular';height:100%;vertical-align:top}.storage .storage-text .icon-box .icon p:nth-child(2){margin-bottom:0}.storage .storage-text .icon-box .icon1 img{margin-top:0.04rem}.storage .storage-text .icon-box .icon2{margin-top:0.32rem}.better-viewing .better-viewing-text{margin-top:1.28rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:0.88rem}.better-viewing .better-viewing-text .left{min-width:5.8rem}.better-viewing .better-viewing-text .right{width:6.4rem}.better-viewing .better-viewing-text .right p:nth-child(1){margin-bottom:0.32rem}.better-viewing .better-viewing-text .right p:nth-child(2){line-height:0.32rem;height:0.32rem;font-size:0.2rem;font-weight:400;line-height:32px;letter-spacing:-0.00117rem}.better-viewing .better-viewing-text .right p:nth-child(2) img{width:0.32rem;display:inline-block;margin-right:0.12rem;vertical-align:top}.better-viewing .better-viewing-text .right p:nth-child(3){display:none}.better-viewing .better-viewing-img-box{width:13.12rem;height:7.38rem}.better-viewing .better-viewing-img{width:13.11rem;height:7.38rem}.keep-eyes{padding-bottom:1.28rem}.keep-eyes .keep-eyes-text{margin-top:1.28rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:0.745rem}.keep-eyes .keep-eyes-text .left{min-width:5.8rem}.keep-eyes .keep-eyes-text .right{width:6.4rem}.keep-eyes .keep-eyes-text .right p:nth-child(1){margin-bottom:0.32rem}.keep-eyes .keep-eyes-text .right p:nth-child(2){line-height:0.32rem;height:0.32rem;font-size:0.2rem;font-weight:400;line-height:32px;letter-spacing:-0.00117rem}.keep-eyes .keep-eyes-text .right p:nth-child(2) img{width:0.32rem;display:inline-block;margin-right:0.12rem;vertical-align:top;margin-top:0.03rem}.keep-eyes .keep-eyes-text .right p:nth-child(3){display:none}.keep-eyes .keep-eyes-img-box{width:13.12rem;height:7.38rem}.keep-eyes .keep-eyes-img{width:100%;height:100%}.selfies{height:9.27rem;overflow:hidden}.selfies .selfies-cent{width:100%;background:#cfedfd;position:relative}.selfies .selfies-text{margin:1.28rem auto 0;text-align:center;width:13.12rem;top:3.36rem;position:relative}.selfies .selfies-text p:nth-child(2){margin-bottom:0.2rem}.selfies .selfies-text p:nth-child(3){width:8.65rem;margin:0 auto}.selfies .selfies-img-box{width:13.12rem;height:100%;position:absolute;top:0;left:0;right:0;margin:0 auto}.selfies .selfies-img-bg{position:absolute;top:1.28rem;left:0;width:100%;margin:0 auto;right:0;z-index:5}.selfies .selfies-img{position:absolute;bottom:0;left:0;width:5.28rem;margin:0 auto;right:0;border-radius:0.17rem 0.17rem 0 0;overflow:hidden}.selfies .selfies-text-box{display:none}.more-charming{height:8.01rem}.more-charming .more-charming-text{margin:0.32rem auto 0;position:relative}.more-charming .more-charming-text p:nth-child(1){line-height:0.32rem;height:0.32rem;font-size:0.2rem}.more-charming .more-charming-text p:nth-child(2){line-height:0.32rem;height:0.32rem;font-size:0.2rem}.more-charming .more-charming-text p:nth-child(3){width:9.15rem;height:0.56rem;line-height:0.28rem;position:absolute;top:0;right:0}.more-charming .more-charming-img-box{margin-top:1.28rem;width:100%;height:5.77rem}.more-charming .more-charming-img-box .swiper-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.more-charming .more-charming-img-box .more-charming-img1{width:4.63rem;height:5.77rem}.more-charming .more-charming-img-box .more-charming-img2{width:7.69rem;height:5.77rem}.macro-lens{height:10.53rem}.macro-lens .macro-lens-cent-box{margin-top:1.28rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.macro-lens .macro-lens-text,.macro-lens .bokeh-camera-text{display:inline-block}.macro-lens .macro-lens-text p:nth-child(1),.macro-lens .bokeh-camera-text p:nth-child(1){line-height:0.32rem;font-size:0.2rem}.macro-lens .macro-lens-text p:nth-child(2),.macro-lens .bokeh-camera-text p:nth-child(2){line-height:0.32rem;font-size:0.2rem}.macro-lens .macro-lens-text p:nth-child(3),.macro-lens .bokeh-camera-text p:nth-child(3){line-height:0.28rem;margin-top:0.12rem}.macro-lens .macro-lens-text{width:6.01rem}.macro-lens .bokeh-camera-text{width:4.33rem}.macro-lens .macro-lens-img-box{width:7.69rem;height:5.77rem}.macro-lens .macro-lens-img-box .macro-lens-img{width:100%;height:5.77rem}.macro-lens .bokeh-camera-img-box{width:4.33rem;height:5.77rem}.macro-lens .bokeh-camera-img-box .bokeh-camera-img{width:100%;height:100%}.macro-lens .macro-lens-cent-box2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:0.32rem}.measuring-parameter .measuring-parameter-cent{width:100%;position:relative;color:#fff}.measuring-parameter .measuring-parameter-img-box{width:100%;height:auto}.measuring-parameter .measuring-parameter-img{width:100%;height:9.6rem;position:relative}.measuring-parameter .measuring-parameter-img img{max-height:9.6rem;object-fit:cover;object-position:center;height:auto;min-height:9.6rem}.measuring-parameter .measuring-parameter-text{position:absolute;top:50%;width:13.12rem;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:5}.measuring-parameter .measuring-parameter-text p:nth-child(1){margin-bottom:0.2rem}.measuring-parameter .measuring-parameter-text p:nth-child(2){width:5.3rem;margin-bottom:0.32rem;line-height:0.32rem;font-size:0.2rem}.measuring-parameter .measuring-parameter-text p:nth-child(3){margin-bottom:0.64rem;height:0.35rem;line-height:0.35rem;font-size:0.2rem;font-weight:400;line-height:0.32rem;letter-spacing:-0.01rem}.measuring-parameter .measuring-parameter-text p:nth-child(3) img{width:0.35rem;height:0.35rem;display:inline-block;margin-right:0.2rem}.measuring-parameter .measuring-parameter-text ul{width:4.2rem}.measuring-parameter .measuring-parameter-text ul li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:0.3rem}.measuring-parameter .measuring-parameter-text ul p{height:0.51rem;font-size:0.38rem;font-weight:400;line-height:0.51rem;letter-spacing:-0.00633rem;padding-bottom:0.23rem;position:relative}.measuring-parameter .measuring-parameter-text ul li p:nth-child(2){width:1.5rem;line-height:0.51rem;font-size:0.38rem;margin-bottom:0}.measuring-parameter .measuring-parameter-text ul p span{font-size:0.14rem;font-weight:400;line-height:0.22rem;letter-spacing:-0.00175rem;font-family:'OPPOSans-Medium';position:absolute;bottom:0;left:0;width:200%}.designed2{height:10.08rem;background:#EEF6FA}.designed2 .designed2-text{margin-top:1.82rem;margin-bottom:1.28rem;text-align:center}.designed2 .designed2-text p:nth-child(1){font-size:0.68rem;font-weight:400;line-height:0.96rem;text-align:center;letter-spacing:-0.008rem;margin-bottom:0.2rem}.designed2 .designed2-text p:nth-child(2){font-size:0.28rem;font-weight:400;line-height:0.48rem;letter-spacing:-0.00133rem}.designed2 .designed2-img-box{margin:0 auto;overflow:hidden}.designed2 .designed2-img{width:2.2rem;height:2.7rem;margin:0 auto}.designed2 .designed2-img img{width:100%;height:100%}.designed2 .designed2-img-ct{width:2.2rem;height:2.7rem}.designed2 .designed2-text-bottom{width:6.21rem;margin:0.8rem auto 0;text-align:center}.designed2 .designed2-text-bottom p:nth-child(1){font-size:0.16rem;font-weight:400;line-height:0.28rem;letter-spacing:-0.001rem}.remark{padding:1.82rem 0}.remark p{font-size:0.12rem;font-weight:400;line-height:0.2rem;opacity:0.4993257}@-webkit-keyframes bounce{0%{-webkit-transform:translate(-50%, -50%) scale(0);transform:translate(-50%, -50%) scale(0);opacity:1;background:rgba(255,255,255,0.2)}40%{background:-webkit-linear-gradient(top, rgba(165,233,180,0.15), rgba(55,162,208,0.15));background:linear-gradient(180deg, rgba(165,233,180,0.15), rgba(55,162,208,0.15))}70%{background:-webkit-linear-gradient(top, rgba(165,233,180,0.15), rgba(55,162,208,0.15));background:linear-gradient(180deg, rgba(165,233,180,0.15), rgba(55,162,208,0.15))}100%{-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);opacity:0.15;background:-webkit-linear-gradient(top, rgba(165,233,180,0.15), rgba(55,162,208,0.15));background:linear-gradient(180deg, rgba(165,233,180,0.15), rgba(55,162,208,0.15))}}@keyframes bounce{0%{-webkit-transform:translate(-50%, -50%) scale(0);transform:translate(-50%, -50%) scale(0);opacity:1;background:rgba(255,255,255,0.2)}40%{background:-webkit-linear-gradient(top, rgba(165,233,180,0.15), rgba(55,162,208,0.15));background:linear-gradient(180deg, rgba(165,233,180,0.15), rgba(55,162,208,0.15))}70%{background:-webkit-linear-gradient(top, rgba(165,233,180,0.15), rgba(55,162,208,0.15));background:linear-gradient(180deg, rgba(165,233,180,0.15), rgba(55,162,208,0.15))}100%{-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);opacity:0.15;background:-webkit-linear-gradient(top, rgba(165,233,180,0.15), rgba(55,162,208,0.15));background:linear-gradient(180deg, rgba(165,233,180,0.15), rgba(55,162,208,0.15))}}@-webkit-keyframes bounce2{0%{-webkit-transform:translate(-50%, -50%) scale(0);transform:translate(-50%, -50%) scale(0);opacity:0.2}80%{opacity:0.2}100%{-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);opacity:0}}@keyframes bounce2{0%{-webkit-transform:translate(-50%, -50%) scale(0);transform:translate(-50%, -50%) scale(0);opacity:0.2}80%{opacity:0.2}100%{-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);opacity:0}}@-webkit-keyframes kvAnimate{0%{-webkit-transform:translateY(0.3rem);transform:translateY(0.3rem);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes kvAnimate{0%{-webkit-transform:translateY(0.3rem);transform:translateY(0.3rem);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}}@media (min-width: 1921px){.phone-type .type-cent{width:13.12rem}.storage .storage-bg .storage-bg-img{width:100%;height:13.8rem;position:relative}.storage .storage-bg .storage-bg-img img{object-fit:cover;object-position:center;height:auto;min-height:13.8rem;max-height:13.8rem}.measuring-parameter .measuring-parameter-img{width:100%;height:13.8rem;position:relative}.measuring-parameter .measuring-parameter-img img{max-height:13.8rem;object-fit:cover;object-position:center;height:auto;min-height:13.8rem}}@media (max-width: 1440px) and (min-width: 769px){html{font-size:10vw !important}.sec{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative}.cent{width:9.11111rem}.font-r{font-family:'OPPOSans-Regular';font-size:.11111rem;font-weight:400;line-height:.19444rem;letter-spacing:-.00694rem}.font-m{font-family:'OPPOSans-Medium';font-size:.29167rem;font-weight:400;line-height:.41667rem;letter-spacing:-.00694rem}.font-b{font-family:'OPPOSans-Bold'}.ops-s{opacity:0.7}.phone-type{height:5rem;background:#D8EFFC}.phone-type .type-cent{position:relative;-ms-flex-line-pack:center;align-content:center;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:8.70833rem;margin:0 auto;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.phone-type .phone-type-imgbox{width:5.41667rem;height:4.69792rem;-webkit-animation:kvAnimate 1s 1 forwards ease-in-out;animation:kvAnimate 1s 1 forwards ease-in-out;margin-top:.27778rem}.phone-type .phone-type-img{height:100%;width:100%}.phone-type .phone-type-text-box{width:2.11806rem;-webkit-animation:kvAnimate 1s 1 forwards ease-in-out;animation:kvAnimate 1s 1 forwards ease-in-out}.phone-type .phone-type-text1{width:2.11806rem;margin-bottom:.88889rem;height:1.49306rem;-webkit-animation:kvAnimate 1s 1 forwards ease-in-out;animation:kvAnimate 1s 1 forwards ease-in-out}.phone-type .phone-type-text2{width:2.09722rem;height:1.22917rem;position:relative;color:#fff;-webkit-animation:kvAnimate 1s 1 forwards ease-in-out;animation:kvAnimate 1s 1 forwards ease-in-out}.phone-type .phone-type-p1{min-width:1.61806rem;height:.63889rem;position:absolute;top:-.04167rem;left:.125rem;z-index:0}.phone-type .phone-type-p1 .phone-type-text-img{width:100%;height:100%;position:absolute;top:0;left:0;z-index:0}.phone-type .phone-type-p1 .phone-type-text-img img{width:100%;height:100%;object-fit:fill}.phone-type .phone-type-p1 .phone-type-text-p1{position:relative;z-index:5;padding:.08333rem .13889rem 0;-webkit-transform:rotate(-2deg);transform:rotate(-2deg);white-space:nowrap}.phone-type .phone-type-p1 .phone-type-text-p1 em{font-family:'OPPOSans-Bold';font-size:.26389rem;line-height:.28472rem;width:100%;letter-spacing:-.00694rem;display:block;vertical-align:top}.phone-type .phone-type-p1 .phone-type-text-p1 span{font-family:'OPPOSans-Medium';font-size:.125rem;line-height:.13889rem;letter-spacing:-.00694rem;display:block;width:100%}.phone-type .phone-type-p2{min-width:1.26389rem;height:.52083rem;position:absolute;top:.48611rem;right:.84028rem;z-index:5}.phone-type .phone-type-p2 .phone-type-text-img{width:100%;height:100%;position:absolute;top:0;left:0;z-index:0}.phone-type .phone-type-p2 .phone-type-text-img img{width:100%;height:100%;object-fit:fill}.phone-type .phone-type-p2 .phone-type-text-p2{position:relative;z-index:5;padding:.11111rem .06944rem 0;-webkit-transform:rotate(-3deg);transform:rotate(-3deg);white-space:nowrap}.phone-type .phone-type-p2 .phone-type-text-p2 em{font-family:'OPPOSans-Bold';font-size:.30556rem;line-height:.34722rem;letter-spacing:-.00694rem;display:inline-block;vertical-align:top}.phone-type .phone-type-p2 .phone-type-text-p2 span{font-family:'OPPOSans-Medium';font-size:.125rem;line-height:.13889rem;letter-spacing:-.00694rem;display:inline-block;-webkit-transform:rotate(-5deg);transform:rotate(-5deg);padding-left:.04167rem}.phone-type .phone-type-p3{min-width:1.16667rem;height:.64583rem;position:absolute;top:.56944rem;left:.93056rem;z-index:0;width:-webkit-fit-content;width:fit-content}.phone-type .phone-type-p3 .phone-type-text-img{width:100%;height:100%;position:absolute;top:0;left:0;z-index:0}.phone-type .phone-type-p3 .phone-type-text-img img{width:100%;height:100%;object-fit:fill}.phone-type .phone-type-p3 .phone-type-text-p3{position:relative;z-index:5;padding:.10417rem .13889rem 0;-webkit-transform:rotate(-5deg);transform:rotate(-5deg);white-space:nowrap}.phone-type .phone-type-p3 .phone-type-text-p3 em{font-family:'OPPOSans-Bold';font-size:.22222rem;line-height:.29167rem;letter-spacing:-.00694rem;display:inline-block;vertical-align:top;padding-left:.04167rem;box-sizing:border-box}.phone-type .phone-type-p3 .phone-type-text-p3 span{font-family:'OPPOSans-Medium';font-size:.13889rem;line-height:.16667rem;letter-spacing:.00694rem;display:block}.phone-type .phone-type-p3 .phone-type-text-p3 i{font-family:'OPPOSans-Medium';font-size:.09722rem;line-height:.125rem;letter-spacing:-.00694rem;display:inline-block;vertical-align:bottom}.phone-parameter{background:#F3FBFF;height:6.42361rem}.phone-parameter .phone-parameter-title{margin:1.27083rem auto 0;text-align:center}.phone-parameter .phone-parameter-title p{font-family:'OPPOSans-Medium';line-height:.66667rem;font-size:.47222rem;letter-spacing:-.00556rem}.phone-parameter .phone-parameter-center{margin:.88194rem auto 0;width:9.08333rem;height:2.6875rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-line-pack:justify;align-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}.phone-parameter .phone-parameter-center .phone-parameter-img{width:2.33333rem;height:1.125rem;text-align:left;position:relative;cursor:pointer}.phone-parameter .phone-parameter-center .phone-parameter-img img{display:block;margin:0 auto .13889rem;margin-left:0;height:.43056rem}.phone-parameter .phone-parameter-center .phone-parameter-img .text-pc{font-family:'OPPOSans-Bold';line-height:.30556rem;font-size:.19444rem;letter-spacing:-.00556rem;margin-bottom:.05556rem}.phone-parameter .phone-parameter-center .phone-parameter-img .text-h5{font-family:"OPPOSans-Regular";line-height:.19444rem;font-size:.11111rem;letter-spacing:-.00042rem;margin:.02778rem auto 0;font-weight:400;opacity:0.7;width:200%}.phone-parameter .phone-parameter-center .phone-parameter-img5 img{height:.26389rem;padding:.08333rem 0}.thrd-design{height:7.55556rem}.thrd-design .design-text-box{margin:.88889rem auto 0}.thrd-design .design-text-box p:nth-child(1){font-size:.29167rem;font-weight:400;line-height:.44444rem;letter-spacing:-.01389rem;margin-bottom:.13889rem;height:.83333rem}.thrd-design .design-text-box p:nth-child(1) em{opacity:0.7;font-style:normal}.thrd-design .design-text-box p:nth-child(2){width:6rem;height:.38889rem;font-size:.11111rem;font-weight:400;line-height:.19444rem;letter-spacing:-.00694rem;margin-bottom:.55556rem}.thrd-design .design-img-box{width:9.11111rem;height:4.72222rem}.thrd-design .design-img-box-c{width:100%;height:100%;position:relative;background:#D8EFFC}.thrd-design .design-img-box-l{width:6.22222rem;height:4.72222rem;position:absolute;top:0;right:0}.thrd-design .design-img{width:100%;height:100%}.thrd-design .design-img-text{width:2.88889rem;height:4.72222rem;font-size:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:0;left:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.thrd-design .design-img-text p{line-height:.22222rem;font-weight:400;font-size:.13889rem;opacity:0.60335284;cursor:pointer;width:1.625rem;max-height:.625rem;overflow:hidden;-webkit-transition:all 1s;transition:all 1s;position:relative}.thrd-design .design-img-text .fg{width:1.625rem;height:.00694rem;background:#D8D8D8;opacity:0.1525;margin:.21875rem auto;opacity:0.6}.thrd-design .design-img-text p span{font-size:.11111rem;line-height:.19444rem;letter-spacing:-.00069rem;margin:.02778rem auto .19444rem;width:100%;display:inline-block;overflow:hidden;min-height:0;-webkit-transition:all 1s;transition:all 1s}.thrd-design .design-img-text p.on{max-height:1.73611rem}.thrd-design .design-img-text p.on span{min-height:auto}.thrd-design .design-img-text p:nth-child(1){letter-spacing:-.00081rem}.thrd-design .design-img-text p:nth-child(2){letter-spacing:-.00139rem}.thrd-design .design-img-text p:nth-child(3){letter-spacing:-.00139rem}.thrd-design .design-img-text i{width:.25694rem;height:.25694rem;border-radius:50%;display:block;box-sizing:border-box;padding:.01389rem;position:relative;vertical-align:top;cursor:pointer;margin-bottom:.13889rem}.thrd-design .design-img-text i::after{content:'';width:.15972rem;height:.15972rem;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background:-webkit-linear-gradient(right top, #717B87, #0F1A25);background:linear-gradient(to left bottom, #717B87, #0F1A25);z-index:5;border-radius:50%}.thrd-design .design-img-text i img{width:.25694rem;height:.25694rem;position:absolute;top:0;left:0;z-index:0;border-radius:50%;opacity:0}.thrd-design .design-img-text p.on{opacity:1}.thrd-design .design-img-text p.on i img{opacity:1}.thrd-design .design-img-text p:nth-child(1) i::after{background:-webkit-linear-gradient(left top, #0F69DC, #5CC6B3);background:linear-gradient(to right bottom, #0F69DC, #5CC6B3)}.thrd-design .design-img-text p:nth-child(3) i::after{background:-webkit-linear-gradient(bottom, #0F1A25, #717B87);background:linear-gradient(to top, #0F1A25, #717B87)}.thrd-design .design-img-text p:nth-child(5) i::after{background:-webkit-linear-gradient(left top, #B28B33, #F7F6F0);background:linear-gradient(to right bottom, #B28B33, #F7F6F0)}.unlock{height:5.97222rem;box-sizing:border-box;margin-top:.88889rem}.unlock .unlock-cent{position:relative}.unlock .unlock-text{margin-top:.79167rem}.unlock .unlock-text p{font-size:.29167rem;font-weight:400;line-height:.41667rem;letter-spacing:-.00139rem}.unlock .unlock-text p:nth-child(1){width:100%;height:.83333rem}.unlock .unlock-text p:nth-child(2){width:100%;height:.41667rem;margin-bottom:.13889rem}.unlock .unlock-text p:nth-child(3){width:4.02778rem;height:.58333rem;font-size:.11111rem;font-weight:400;line-height:.19444rem;letter-spacing:-.00065rem}.unlock .unlock-img-box{width:8.23264rem;height:5.9375rem;position:absolute;bottom:0rem;right:-.01389rem}.unlock .unlock-img-box-l{width:100%;height:100%;position:relative;overflow:hidden}.unlock .unlock-img{width:100%;height:6.14583rem;position:absolute;top:0;right:0}.unlock .unlock-ani{width:1.91667rem;height:.91667rem;position:absolute;top:3.32639rem;right:1.19444rem;display:none}.unlock .unlock-ani img{position:absolute;right:.66319rem;top:0}.unlock .unlock-ani p{font-size:.13889rem;font-weight:400;line-height:.22222rem;letter-spacing:-.00081rem;width:1.20833rem;position:absolute;bottom:0;right:-.20833rem}.unlock .unlock-ani::before{content:'';width:.77778rem;height:.00694rem;background:#000;position:absolute;top:.15556rem;left:0}.unlock .unlock-ani-box{width:.15278rem;height:.15278rem;position:absolute;top:3.16667rem;right:3.23611rem;border-radius:50%}.unlock .unlock-ani-box i{position:absolute;top:50%;left:50%;border-radius:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:2.32639rem;height:2.32639rem;mix-blend-mode:screen;-webkit-animation:bounce 5s infinite ease-in-out;animation:bounce 5s infinite ease-in-out}.unlock .unlock-ani-box i:nth-child(1){-webkit-animation-delay:-0s;animation-delay:-0s}.unlock .unlock-ani-box i:nth-child(2){-webkit-animation-delay:-1s;animation-delay:-1s}.unlock .unlock-ani-box i:nth-child(3){-webkit-animation-delay:-2s;animation-delay:-2s}.unlock .unlock-ani-box i:nth-child(4){-webkit-animation-delay:-3s;animation-delay:-3s}.unlock .unlock-ani-box i:nth-child(5){-webkit-animation-delay:-4s;animation-delay:-4s}.center-big-box{width:100%;background:#000026;color:#fff}.battery{height:7.63889rem}.battery .battery-cent{position:relative}.battery .battery-text{margin:.88889rem auto 0}.battery .battery-text p:nth-child(1),.battery .battery-text p:nth-child(2){font-size:.29167rem;font-weight:400;line-height:.41667rem;letter-spacing:-.00139rem;height:.41667rem;text-align:center}.battery .battery-text p:nth-child(2){margin-bottom:.13889rem}.battery .battery-text p:nth-child(3){font-size:.11111rem;font-weight:400;line-height:.19444rem;text-align:center;letter-spacing:-.00065rem;width:6.11111rem;height:.38889rem;text-align:center;margin:0 auto}.battery .battery-img-box{width:11.22222rem;position:absolute;left:-.27778rem;top:3.99653rem;height:2.72222rem}.battery .battery-img-battery{width:8.51736rem;position:absolute;top:2.8125rem;left:.53472rem;height:2.57292rem;opacity:0}.battery .battery-img{position:relative;width:100%;height:100%}.battery .battery-img img{z-index:10;position:relative}.battery .battery-img-box::after{content:'';visibility:hidden;width:1.75rem;height:1.68493rem;background:-webkit-linear-gradient(right, #000021, rgba(0,0,0,0.129412));background:linear-gradient(270deg, #000021, rgba(0,0,0,0.129412));position:absolute;right:.03472rem;bottom:-.0625rem;z-index:0}.power-saving{height:5.125rem}.power-saving .power-cent{background:rgba(67,75,98,0.5);position:relative}.power-saving .text-power{margin-top:1.54861rem;margin-left:.77778rem;position:relative}.power-saving .text-power p:nth-child(1),.power-saving .text-power p:nth-child(2){width:100%;font-size:.29167rem;font-weight:400;line-height:.41667rem;letter-spacing:-.00139rem}.power-saving .text-power p:nth-child(2){margin-bottom:.13889rem}.power-saving .text-power p:nth-child(3){font-size:.11111rem;font-weight:400;line-height:.19444rem;letter-spacing:-.00065rem;width:4.16667rem}.power-saving .text-power .text-power-i{width:3.47222rem;margin-top:.55556rem;position:absolute;top:100%;left:0}.power-saving .text-power .text-power-i p{padding-top:.13889rem;font-size:.11111rem;font-weight:400;line-height:.19444rem;letter-spacing:-.00065rem;height:.19444rem;position:relative;float:left;width:1.38889rem;margin-bottom:.22222rem}.power-saving .text-power .text-power-i p i{position:absolute;height:.05556rem;top:0rem;left:0;-webkit-transform-origin:left;transform-origin:left}.power-saving .text-power .text-power-i p:nth-child(1) i{width:.55903rem;background:-webkit-linear-gradient(right, #C95227, #F0DA41);background:linear-gradient(270deg, #C95227, #F0DA41)}.power-saving .text-power .text-power-i p:nth-child(2) i{width:1.40625rem;background:-webkit-linear-gradient(left, #0099D5, #A4EE9C);background:linear-gradient(90deg, #0099D5, #A4EE9C)}.power-saving .text-power .text-power-i p:nth-child(3) i{width:1.90278rem;background:-webkit-linear-gradient(left, #0099D5, #A4EE9C);background:linear-gradient(90deg, #0099D5, #A4EE9C)}.power-saving .text-power .text-power-i p:nth-child(3){margin-left:1.38889rem}.power-saving .img-power{width:2.625rem;height:4.11806rem;position:absolute;top:1.00694rem;right:1.01389rem;overflow:hidden}.power-saving .power-img{width:100%;height:4.32639rem}.fast-charge{height:7.45833rem}.fast-charge .fast-charge-cent{position:relative}.fast-charge .fast-charge-text{margin-top:2.77778rem;margin-left:4.94444rem;width:3.81944rem}.fast-charge .fast-charge-text p:nth-child(2){margin-bottom:.13889rem}.fast-charge .fast-charge-text p:nth-child(3){width:102%}.fast-charge .fast-charge-img-box{width:100%;height:100%;position:absolute;top:0;left:0}.fast-charge .fast-charge-img{width:1.99653rem;position:absolute;top:.68056rem;left:1.34028rem;height:6.64236rem}.fast-charge .fast-charge-img-bg{width:2.77778rem;position:absolute;top:1.38889rem;left:-.11458rem;height:4.95139rem}.optimized{height:5.125rem;margin-bottom:.875rem}.optimized .optimized-cent{background:rgba(67,75,98,0.5);position:relative}.optimized .optimized-text{margin-top:1.25694rem;margin-left:5.70833rem;width:2.84722rem}.optimized .optimized-text p:nth-child(2){margin-bottom:.13889rem}.optimized .optimized-img-box{width:5.22222rem;height:5.125rem;position:absolute;top:0;left:0}.optimized .optimized-img-box .optimized-img{width:100%;height:100%}.storage .storage-cent{width:100%}.storage .storage-bg{width:100%;z-index:0}.storage .storage-bg .storage-bg-img{width:100%;height:6.27778rem;position:relative}.storage .storage-bg .storage-bg-img img{height:6.27778rem;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:auto}.storage .storage-text{position:absolute;z-index:5;margin-top:1.70833rem;width:9.11111rem;margin:0 auto;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.storage .storage-text p:nth-child(2){margin-bottom:.13889rem}.storage .storage-text p:nth-child(3){width:3.68056rem}.storage .storage-text .icon-box{margin-top:.55556rem;width:3.47222rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.storage .storage-text .icon-box .icon{height:.29861rem;font-size:0}.storage .storage-text .icon-box .icon img{width:.26389rem;display:inline-block;vertical-align:top;margin-right:.13889rem}.storage .storage-text .icon-box .icon p{display:inline-block;font-size:.13889rem;font-weight:400;line-height:.29861rem;letter-spacing:-.00065rem;font-family:'OPPOSans-Regular';height:100%;vertical-align:top}.storage .storage-text .icon-box .icon p:nth-child(2){margin-bottom:0}.storage .storage-text .icon-box .icon1 img{margin-top:.02778rem}.storage .storage-text .icon-box .icon2{margin-top:.22222rem}.better-viewing .better-viewing-text{margin-top:.88889rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:.61111rem}.better-viewing .better-viewing-text .left{min-width:4.02778rem}.better-viewing .better-viewing-text .right{width:4.44444rem}.better-viewing .better-viewing-text .right p:nth-child(1){margin-bottom:.22222rem}.better-viewing .better-viewing-text .right p:nth-child(2){line-height:.22222rem;height:.22222rem;font-size:.13889rem;font-weight:400;line-height:.22222rem;letter-spacing:-.00081rem}.better-viewing .better-viewing-text .right p:nth-child(2) img{width:.22222rem;display:inline-block;margin-right:.08333rem;vertical-align:top}.better-viewing .better-viewing-text .right p:nth-child(3){display:none}.better-viewing .better-viewing-img-box{width:9.11111rem;height:5.125rem}.better-viewing .better-viewing-img{width:9.10417rem;height:5.125rem}.keep-eyes{padding-bottom:.88889rem}.keep-eyes .keep-eyes-text{margin-top:.88889rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:.51736rem}.keep-eyes .keep-eyes-text .left{min-width:4.02778rem}.keep-eyes .keep-eyes-text .right{width:4.44444rem}.keep-eyes .keep-eyes-text .right p:nth-child(1){margin-bottom:.22222rem}.keep-eyes .keep-eyes-text .right p:nth-child(2){line-height:.22222rem;height:.22222rem;font-size:.13889rem;font-weight:400;line-height:.22222rem;letter-spacing:-.00081rem}.keep-eyes .keep-eyes-text .right p:nth-child(2) img{width:.22222rem;display:inline-block;margin-right:.08333rem;vertical-align:top;margin-top:.01389rem}.keep-eyes .keep-eyes-text .right p:nth-child(3){display:none}.keep-eyes .keep-eyes-img-box{width:9.11111rem;height:5.125rem}.keep-eyes .keep-eyes-img{width:100%;height:100%}.selfies{height:6.4375rem;overflow:hidden}.selfies .selfies-cent{width:100%;background:#cfedfd;position:relative}.selfies .selfies-text{margin:.88889rem auto 0;text-align:center;width:9.11111rem;top:2.33333rem;position:relative}.selfies .selfies-text p:nth-child(2){margin-bottom:.13889rem}.selfies .selfies-text p:nth-child(3){width:6.00694rem;margin:0 auto}.selfies .selfies-img-box{width:9.11111rem;height:100%;position:absolute;top:0;left:0;right:0;margin:0 auto}.selfies .selfies-img-bg{position:absolute;top:.88889rem;left:0;width:100%;margin:0 auto;right:0;z-index:5}.selfies .selfies-img{position:absolute;bottom:0rem;left:0;width:3.66667rem;margin:0 auto;right:0;border-radius:.11806rem .11806rem 0 0;overflow:hidden}.selfies .selfies-text-box{display:none}.more-charming{height:5.5625rem}.more-charming .more-charming-text{margin:.22222rem auto 0;position:relative}.more-charming .more-charming-text p:nth-child(1){line-height:.22222rem;height:.22222rem;font-size:.13889rem}.more-charming .more-charming-text p:nth-child(2){line-height:.22222rem;height:.22222rem;font-size:.13889rem}.more-charming .more-charming-text p:nth-child(3){width:6.35417rem;height:.38889rem;line-height:.19444rem;position:absolute;top:0;right:0}.more-charming .more-charming-img-box{margin-top:.88889rem;width:100%;height:4.00694rem}.more-charming .more-charming-img-box .swiper-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.more-charming .more-charming-img-box .more-charming-img1{width:3.21528rem;height:4.00694rem}.more-charming .more-charming-img-box .more-charming-img2{width:5.34028rem;height:4.00694rem}.macro-lens{height:7.3125rem}.macro-lens .macro-lens-cent-box{margin-top:.88889rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.macro-lens .macro-lens-text,.macro-lens .bokeh-camera-text{display:inline-block}.macro-lens .macro-lens-text p:nth-child(1),.macro-lens .bokeh-camera-text p:nth-child(1){line-height:.22222rem;font-size:.13889rem}.macro-lens .macro-lens-text p:nth-child(2),.macro-lens .bokeh-camera-text p:nth-child(2){line-height:.22222rem;font-size:.13889rem}.macro-lens .macro-lens-text p:nth-child(3),.macro-lens .bokeh-camera-text p:nth-child(3){line-height:.19444rem;margin-top:.08333rem}.macro-lens .macro-lens-text{width:4.17361rem}.macro-lens .bokeh-camera-text{width:3.00694rem}.macro-lens .macro-lens-img-box{width:5.34028rem;height:4.00694rem}.macro-lens .macro-lens-img-box .macro-lens-img{width:100%;height:4.00694rem}.macro-lens .bokeh-camera-img-box{width:3.00694rem;height:4.00694rem}.macro-lens .bokeh-camera-img-box .bokeh-camera-img{width:100%;height:100%}.macro-lens .macro-lens-cent-box2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:.22222rem}.measuring-parameter .measuring-parameter-cent{width:100%;position:relative;color:#fff}.measuring-parameter .measuring-parameter-img-box{width:100%;height:auto}.measuring-parameter .measuring-parameter-img{width:100%;height:6.66667rem;position:relative}.measuring-parameter .measuring-parameter-img img{height:6.66667rem;width:auto;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.measuring-parameter .measuring-parameter-text{position:absolute;top:50%;width:9.11111rem;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:5}.measuring-parameter .measuring-parameter-text p:nth-child(1){margin-bottom:.13889rem}.measuring-parameter .measuring-parameter-text p:nth-child(2){width:3.68056rem;margin-bottom:.22222rem;line-height:.22222rem;font-size:.13889rem}.measuring-parameter .measuring-parameter-text p:nth-child(3){margin-bottom:.44444rem;height:.24306rem;line-height:.24306rem;font-size:.13889rem;font-weight:400;line-height:.22222rem;letter-spacing:-.00694rem}.measuring-parameter .measuring-parameter-text p:nth-child(3) img{width:.24306rem;height:.24306rem;display:inline-block;margin-right:.13889rem}.measuring-parameter .measuring-parameter-text ul{width:2.91667rem}.measuring-parameter .measuring-parameter-text ul li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:.20833rem}.measuring-parameter .measuring-parameter-text ul p{height:.35417rem;font-size:.26389rem;font-weight:400;line-height:.35417rem;letter-spacing:-.0044rem;padding-bottom:.15972rem;position:relative}.measuring-parameter .measuring-parameter-text ul li p:nth-child(2){width:1.04167rem;line-height:.35417rem;font-size:.26389rem;margin-bottom:0}.measuring-parameter .measuring-parameter-text ul p span{font-size:.09722rem;font-weight:400;line-height:.15278rem;letter-spacing:-.00122rem;font-family:'OPPOSans-Medium';position:absolute;bottom:0;left:0;width:200%}.designed2{height:7rem;background:#EEF6FA}.designed2 .designed2-text{margin-top:1.26389rem;margin-bottom:.88889rem;text-align:center}.designed2 .designed2-text p:nth-child(1){font-size:.47222rem;font-weight:400;line-height:.66667rem;text-align:center;letter-spacing:-.00556rem;margin-bottom:.13889rem}.designed2 .designed2-text p:nth-child(2){font-size:.19444rem;font-weight:400;line-height:.33333rem;letter-spacing:-.00093rem}.designed2 .designed2-img-box{margin:0 auto;position:relative;overflow:hidden}.designed2 .designed2-img{width:1.52778rem;height:1.875rem;z-index:5;margin:0 auto}.designed2 .designed2-img img{width:100%;height:100%}.designed2 .designed2-img-ct{width:1.52778rem;height:1.875rem}.designed2 .designed2-text-bottom{width:4.3125rem;margin:.55556rem auto 0;z-index:5;text-align:center}.designed2 .designed2-text-bottom p:nth-child(1){font-size:.11111rem;font-weight:400;line-height:.19444rem;letter-spacing:-.00069rem}.remark{padding:1.26389rem 0}.remark p{font-size:.08333rem;font-weight:400;line-height:.13889rem;opacity:0.4993257}@-webkit-keyframes bounce{0%{-webkit-transform:translate(-50%, -50%) scale(0);transform:translate(-50%, -50%) scale(0);opacity:1;background:rgba(255,255,255,0.2)}40%{background:-webkit-linear-gradient(top, rgba(165,233,180,0.15), rgba(55,162,208,0.15));background:linear-gradient(180deg, rgba(165,233,180,0.15), rgba(55,162,208,0.15))}70%{background:-webkit-linear-gradient(top, rgba(165,233,180,0.15), rgba(55,162,208,0.15));background:linear-gradient(180deg, rgba(165,233,180,0.15), rgba(55,162,208,0.15))}100%{-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);opacity:0.15;background:-webkit-linear-gradient(top, rgba(165,233,180,0.15), rgba(55,162,208,0.15));background:linear-gradient(180deg, rgba(165,233,180,0.15), rgba(55,162,208,0.15))}}@keyframes bounce{0%{-webkit-transform:translate(-50%, -50%) scale(0);transform:translate(-50%, -50%) scale(0);opacity:1;background:rgba(255,255,255,0.2)}40%{background:-webkit-linear-gradient(top, rgba(165,233,180,0.15), rgba(55,162,208,0.15));background:linear-gradient(180deg, rgba(165,233,180,0.15), rgba(55,162,208,0.15))}70%{background:-webkit-linear-gradient(top, rgba(165,233,180,0.15), rgba(55,162,208,0.15));background:linear-gradient(180deg, rgba(165,233,180,0.15), rgba(55,162,208,0.15))}100%{-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);opacity:0.15;background:-webkit-linear-gradient(top, rgba(165,233,180,0.15), rgba(55,162,208,0.15));background:linear-gradient(180deg, rgba(165,233,180,0.15), rgba(55,162,208,0.15))}}@-webkit-keyframes bounce2{0%{-webkit-transform:translate(-50%, -50%) scale(0);transform:translate(-50%, -50%) scale(0);opacity:0.2}80%{opacity:0.2}100%{-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);opacity:0}}@keyframes bounce2{0%{-webkit-transform:translate(-50%, -50%) scale(0);transform:translate(-50%, -50%) scale(0);opacity:0.2}80%{opacity:0.2}100%{-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);opacity:0}}@-webkit-keyframes kvAnimate{0%{-webkit-transform:translateY(.20833rem);transform:translateY(.20833rem);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes kvAnimate{0%{-webkit-transform:translateY(.20833rem);transform:translateY(.20833rem);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}}@media (max-width: 768px){.sec{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative}.cent{width:88.88889vw}.rum{padding-top:0.5rem}.font-r{font-family:'OPPOSans-Regular';font-size:4.44444vw;font-weight:400;line-height:7.5vw;letter-spacing:-.27778vw}.font-m{font-family:'OPPOSans-Medium';font-size:7.77778vw;font-weight:400;line-height:11.66667vw;letter-spacing:-.27778vw}.font-b{font-family:'OPPOSans-Bold'}.ops-s{opacity:0.7}.phone-type{width:100%;height:200.83333vw;background:#D8EFFC}.phone-type .type-cent{position:relative;height:100%;width:100%}.phone-type .phone-type-imgbox{width:100%;height:137.5vw;margin:17.5vw auto 0}.phone-type .phone-type-img{width:100%;height:137.5vw}.phone-type .phone-type-text-box{width:88.88889vw;height:28.05556vw;margin:17.77778vw auto 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.phone-type .phone-type-text1{width:39.72222vw;margin-bottom:28.05556vw;height:28.05556vw}.phone-type .phone-type-text2{width:42.22222vw;height:24.72222vw;position:relative;color:#fff}.phone-type .phone-type-p1{min-width:32.36111vw;height:12.77778vw;position:absolute;top:-.83333vw;left:2.5vw;z-index:0}.phone-type .phone-type-p1 .phone-type-text-img{width:100%;height:100%;position:absolute;top:0;left:0;z-index:0}.phone-type .phone-type-p1 .phone-type-text-img img{width:100%;height:100%;object-fit:fill}.phone-type .phone-type-p1 .phone-type-text-p1{position:relative;z-index:5;padding:1.66667vw 2.77778vw 0;-webkit-transform:rotate(-3deg);transform:rotate(-3deg);white-space:nowrap}.phone-type .phone-type-p1 .phone-type-text-p1 em{font-family:'OPPOSans-Bold';font-size:5.27778vw;line-height:5.69444vw;width:100%;letter-spacing:-.13889vw;display:block;vertical-align:top}.phone-type .phone-type-p1 .phone-type-text-p1 span{font-family:'OPPOSans-Medium';font-size:2.63889vw;line-height:2.77778vw;letter-spacing:-.13889vw;display:block;width:100%}.phone-type .phone-type-p2{min-width:25.27778vw;height:10.41667vw;position:absolute;top:9.72222vw;right:16.66667vw;z-index:5}.phone-type .phone-type-p2 .phone-type-text-img{width:100%;height:100%;position:absolute;top:0;left:0;z-index:0}.phone-type .phone-type-p2 .phone-type-text-img img{width:100%;height:100%;object-fit:fill}.phone-type .phone-type-p2 .phone-type-text-p2{position:relative;z-index:5;padding:2.22222vw 1.38889vw 0;-webkit-transform:rotate(-3deg);transform:rotate(-3deg);white-space:nowrap}.phone-type .phone-type-p2 .phone-type-text-p2 em{font-family:'OPPOSans-Bold';font-size:6.11111vw;line-height:6.94444vw;letter-spacing:-.13889vw;display:inline-block;vertical-align:top}.phone-type .phone-type-p2 .phone-type-text-p2 span{font-family:'OPPOSans-Medium';font-size:2.5vw;line-height:2.77778vw;letter-spacing:-.13889vw;display:inline-block;-webkit-transform:rotate(-5deg);transform:rotate(-5deg);padding-left:.83333vw}.phone-type .phone-type-p3{min-width:23.33333vw;height:12.91667vw;position:absolute;top:11.38889vw;left:18.61111vw;z-index:0;width:-webkit-fit-content;width:fit-content}.phone-type .phone-type-p3 .phone-type-text-img{width:100%;height:100%;position:absolute;top:0;left:0;z-index:0}.phone-type .phone-type-p3 .phone-type-text-img img{width:100%;height:100%;object-fit:fill}.phone-type .phone-type-p3 .phone-type-text-p3{position:relative;z-index:5;padding:2.22222vw 2.77778vw 0;-webkit-transform:rotate(-5deg);transform:rotate(-5deg);white-space:nowrap}.phone-type .phone-type-p3 .phone-type-text-p3 em{font-family:'OPPOSans-Bold';font-size:4.44444vw;line-height:5.83333vw;letter-spacing:-.13889vw;display:inline-block;vertical-align:top;padding-left:.83333vw;box-sizing:border-box}.phone-type .phone-type-p3 .phone-type-text-p3 span{font-family:'OPPOSans-Medium';font-size:2.77778vw;line-height:3.33333vw;letter-spacing:.13889vw;display:block}.phone-type .phone-type-p3 .phone-type-text-p3 i{font-family:'OPPOSans-Medium';font-size:1.94444vw;line-height:2.5vw;letter-spacing:-.13889vw;display:inline-block;vertical-align:bottom}.phone-parameter{background:#f5fbfe;height:212.5vw}.phone-parameter .phone-parameter-title{margin:26.66667vw auto 0vw;text-align:center;width:69.44444vw}.phone-parameter .phone-parameter-title p{font-family:"OPPOSans-Medium";font-size:7.77778vw;font-weight:400;line-height:12.22222vw;text-align:center;letter-spacing:-.02778vw}.phone-parameter .phone-parameter-center{margin:0vw auto 0;width:77.77778vw;height:161.11111vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-line-pack:center;align-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.phone-parameter .phone-parameter-center .phone-parameter-img{width:33.33333vw;height:30.55556vw;text-align:left;position:relative;cursor:pointer}.phone-parameter .phone-parameter-center .phone-parameter-img img{display:block;margin:0 auto 5.55556vw;height:11.66667vw;margin-left:0}.phone-parameter .phone-parameter-center .phone-parameter-img .text-pc{font-family:"OPPOSans-Regular";font-size:3.88889vw;font-weight:400;line-height:6.66667vw;letter-spacing:-.01667vw;width:90%}.phone-parameter .phone-parameter-center .phone-parameter-img .text-h5{display:none}.phone-parameter .phone-parameter-center .phone-parameter-img:nth-child(1),.phone-parameter .phone-parameter-center .phone-parameter-img:nth-child(2),.phone-parameter .phone-parameter-center .phone-parameter-img:nth-child(3){margin-bottom:13.33333vw}.phone-parameter .phone-parameter-center .phone-parameter-img5 img{height:7.77778vw;padding:1.94444vw 0}.thrd-design{height:210.55556vw}.thrd-design .design-text-box{margin:22.22222vw auto 0;text-align:left}.thrd-design .design-text-box p:nth-child(1){width:88.88889vw;text-align:left}.thrd-design .design-text-box p:nth-child(1) em{opacity:0.7;font-style:normal}.thrd-design .design-text-box p:nth-child(3){margin-top:8.88889vw}.thrd-design .design-img-box-l{width:88.88889vw;height:88.88889vw}.thrd-design .design-img-box{margin-top:13.33333vw}.thrd-design .design-img-box .design-img-text{width:88.88889vw;height:7.22222vw;font-size:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;margin-top:5.55556vw}.thrd-design .design-img-box .design-img-text p{height:7.22222vw;line-height:7.22222vw;font-weight:400;font-size:4.44444vw;opacity:0.60335284;cursor:pointer;font-family:'OPPOSans-Bold';font-size:4.44444vw;width:13.33333vw;-webkit-transition:width 0.5s ease;transition:width 0.5s ease;overflow:hidden}.thrd-design .design-img-box .design-img-text p span{display:none}.thrd-design .design-img-box .design-img-text p:nth-child(1){width:13.33333vw}.thrd-design .design-img-box .design-img-text p:nth-child(3){margin-top:0vw}.thrd-design .design-img-box .design-img-text i{width:7.22222vw;height:7.22222vw;border-radius:50%;display:inline-block;box-sizing:border-box;padding:.27778vw;position:relative;vertical-align:top;margin-right:3.33333vw;cursor:pointer;margin-right:6.11111vw}.thrd-design .design-img-box .design-img-text i::after{content:'';width:4.44444vw;height:4.44444vw;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background:-webkit-linear-gradient(right top, #717B87, #0F1A25);background:linear-gradient(to left bottom, #717B87, #0F1A25);z-index:5;border-radius:50%}.thrd-design .design-img-box .design-img-text i img{width:7.22222vw;height:7.22222vw;position:absolute;top:0;left:0;z-index:0;border-radius:50%;opacity:0}.thrd-design .design-img-box .design-img-text p.on{width:43.88889vw;opacity:1}.thrd-design .design-img-box .design-img-text p.on i{margin-right:3.33333vw}.thrd-design .design-img-box .design-img-text p.on i img{opacity:1}.thrd-design .design-img-box .design-img-text p:nth-child(1) i::after{background:-webkit-linear-gradient(left top, #0F69DC, #5CC6B3);background:linear-gradient(to right bottom, #0F69DC, #5CC6B3)}.thrd-design .design-img-box .design-img-text p:nth-child(3) i::after{background:-webkit-linear-gradient(bottom, #0F1A25, #717B87);background:linear-gradient(to top, #0F1A25, #717B87)}.thrd-design .design-img-box .design-img-text p:nth-child(5) i::after{background:-webkit-linear-gradient(left top, #B28B33, #F7F6F0);background:linear-gradient(to right bottom, #B28B33, #F7F6F0)}.unlock{height:221.66667vw;box-sizing:border-box}.unlock .unlock-text{margin-top:22.22222vw}.unlock .unlock-text p:nth-child(2){width:80%}.unlock .unlock-text p:nth-child(3){margin-top:84.16667vw}.unlock .unlock-img-box{width:100%;height:80.55556vw;position:absolute;top:61.11111vw;left:0vw}.unlock .unlock-img-box-l{width:100%;height:100%;position:relative}.unlock .unlock-img{width:96.66667vw;height:79.58333vw}.unlock .unlock-ani{width:56.38889vw;height:13.33333vw;position:absolute;bottom:9.16667vw;left:32.22222vw;display:none}.unlock .unlock-ani img{position:absolute;right:33.33333vw;top:0;width:6.66667vw}.unlock .unlock-ani p{font-size:4.44444vw;font-weight:400;line-height:6.66667vw;letter-spacing:-.02593vw;font-family:'OPPOSans-Bold';width:39.44444vw;position:absolute;top:0;right:-8.33333vw}.unlock .unlock-ani::before{content:'';width:11.38889vw;height:.27778vw;background:#000;position:absolute;top:3.33333vw;left:0}.unlock .unlock-ani-box{width:2.5vw;height:2.5vw;position:absolute;top:41.38889vw;right:57.5vw;border-radius:50%}.unlock .unlock-ani-box i{position:absolute;top:50%;left:50%;border-radius:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);mix-blend-mode:screen;-webkit-animation:bounce 5s infinite ease-in-out;animation:bounce 5s infinite ease-in-out;width:43.33333vw;height:43.33333vw}.unlock .unlock-ani-box i:nth-child(1){-webkit-animation-delay:-0s;animation-delay:-0s}.unlock .unlock-ani-box i:nth-child(2){-webkit-animation-delay:-1s;animation-delay:-1s}.unlock .unlock-ani-box i:nth-child(3){-webkit-animation-delay:-2s;animation-delay:-2s}.unlock .unlock-ani-box i:nth-child(4){-webkit-animation-delay:-3s;animation-delay:-3s}.unlock .unlock-ani-box i:nth-child(5){-webkit-animation-delay:-4s;animation-delay:-4s}.center-big-box{width:100%;background:#000026;color:#fff}.battery .battery-text{margin:22.22222vw auto 0}.battery .battery-text p:nth-child(5){margin-top:8.88889vw}.battery .battery-img-box{width:100vw;height:38.88889vw;margin:-26.11111vw auto 0;position:relative;margin-left:-5.55556vw}.battery .battery-img-battery{width:88.33333vw;height:26.11111vw;opacity:0;position:relative;margin-top:17.77778vw}.battery .battery-img{position:absolute;width:100%;z-index:10;left:0;bottom:0;height:22.22222vw}.battery .battery-img img{z-index:10;position:relative}.battery .battery-img-box::after{content:'';visibility:hidden;width:70vw;height:67.39722vw;background:-webkit-linear-gradient(right, #000021, rgba(0,0,0,0.129412));background:linear-gradient(270deg, #000021, rgba(0,0,0,0.129412));position:absolute;right:1.38889vw;bottom:-2.5vw;z-index:0}.power-saving .text-power{margin-top:22.22222vw;position:relative}.power-saving .text-power p:nth-child(2){width:80%}.power-saving .text-power .text-power-i{width:100%;margin-top:13.33333vw}.power-saving .text-power .text-power-i p{padding-top:5.55556vw;height:7.77778vw;position:relative;float:left;width:55.55556vw;margin-bottom:8.88889vw}.power-saving .text-power .text-power-i p i{position:absolute;height:2.22222vw;top:0vw;left:0;-webkit-transform-origin:left;transform-origin:left}.power-saving .text-power .text-power-i p:nth-child(1) i{width:22.36111vw;background:-webkit-linear-gradient(right, #C95227, #F0DA41);background:linear-gradient(270deg, #C95227, #F0DA41)}.power-saving .text-power .text-power-i p:nth-child(2) i{width:56.25vw;background:-webkit-linear-gradient(left, #0099D5, #A4EE9C);background:linear-gradient(90deg, #0099D5, #A4EE9C)}.power-saving .text-power .text-power-i p:nth-child(3) i{width:76.11111vw;background:-webkit-linear-gradient(left, #0099D5, #A4EE9C);background:linear-gradient(90deg, #0099D5, #A4EE9C)}.power-saving .text-power .text-power-i p:nth-child(3){margin:0}.power-saving .img-power{width:88.88889vw;height:88.88889vw;background:#222644;overflow:hidden;position:relative;margin:8.88889vw auto 6.94444vw}.power-saving .power-img{width:49.44444vw;height:75.55556vw;position:absolute;bottom:0;left:0;right:0;margin:0 auto}.power-saving .power-img img{width:100%;height:auto}.fast-charge .fast-charge-cent{position:relative}.fast-charge .fast-charge-text{margin-top:22.22222vw}.fast-charge .fast-charge-text p:nth-child(4){margin-top:72.22222vw}.fast-charge .fast-charge-img-box{width:51.38889vw;height:44.44444vw;position:relative;margin:8.88889vw auto 0;margin-right:21.11111vw}.fast-charge .fast-charge-img{width:30.69444vw;height:116.66667vw;position:absolute;top:0vw;right:0vw}.fast-charge .fast-charge-img-bg{width:32.77778vw;height:95.55556vw;position:absolute;top:0vw;left:0vw}.optimized .optimized-cent{position:relative}.optimized .optimized-text{margin-top:22.22222vw}.optimized .optimized-img-box{width:89.16667vw;height:88.88889vw;margin:8.88889vw auto}.optimized .optimized-img-box .optimized-img{width:100%;height:100%}.storage{background:#000115;margin-top:22.22222vw}.storage .storage-cent{position:relative;width:100%}.storage .storage-bg{width:100%;height:89.72222vw;z-index:0;position:absolute;top:54.16667vw;left:0}.storage .storage-bg .storage-bg-img{width:100%;height:89.72222vw}.storage .storage-text{padding-bottom:22.22222vw;width:88.88889vw;margin:22.22222vw auto 0}.storage .storage-text p:nth-child(2){margin-bottom:86.66667vw}.storage .storage-text .icon-box{margin-top:8.88889vw;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}.storage .storage-text .icon-box .icon{height:8.88889vw;font-size:0;width:100%;margin-bottom:5.55556vw}.storage .storage-text .icon-box .icon img{height:8.88889vw;display:inline-block;margin-right:3.33333vw;vertical-align:top}.storage .storage-text .icon-box .icon p{display:inline-block;font-size:4.44444vw;font-weight:400;line-height:8.88889vw;letter-spacing:-.02593vw;font-family:'OPPOSans-Regular';height:100%;vertical-align:top}.storage .storage-text .icon-box .icon p{margin:0}.storage .storage-text .icon-box .icon:nth-child(2){margin-bottom:0}.better-viewing .better-viewing-cent{position:relative}.better-viewing .better-viewing-text{margin-top:22.22222vw}.better-viewing .better-viewing-text .right{width:100%}.better-viewing .better-viewing-text .right p:nth-child(3){display:none}.better-viewing .better-viewing-text .right p:nth-child(2){line-height:8.88889vw;height:8.88889vw;margin-top:8.88889vw;font-size:4.44444vw}.better-viewing .better-viewing-text .right p:nth-child(2) img{width:5vw;height:5vw;display:inline-block;margin-right:3.33333vw;vertical-align:top;margin-top:1.94444vw}.better-viewing .better-viewing-img-box{width:100%;height:59.16667vw;margin:13.33333vw auto 8.88889vw}.better-viewing .better-viewing-img{width:100%;height:100%}.keep-eyes .keep-eyes-cent{position:relative;padding-bottom:22.22222vw}.keep-eyes .keep-eyes-text{margin-top:22.22222vw}.keep-eyes .keep-eyes-text .right{width:100%}.keep-eyes .keep-eyes-text .right p:nth-child(3){display:none}.keep-eyes .keep-eyes-text .right p:nth-child(2){line-height:8.88889vw;height:8.88889vw;margin-top:8.88889vw;font-size:4.44444vw}.keep-eyes .keep-eyes-text .right p:nth-child(2) img{width:5vw;height:5vw;display:inline-block;margin-right:3.33333vw;vertical-align:top;margin-top:1.94444vw}.keep-eyes .keep-eyes-img-box{width:100%;height:59.16667vw;margin:13.33333vw auto 8.88889vw}.keep-eyes .keep-eyes-img{width:100%;height:100%}.selfies{background:#D8EFFC}.selfies .selfies-text{margin:22.22222vw auto 0}.selfies .selfies-text p:nth-child(3){margin-top:5.55556vw}.selfies .selfies-img-box{width:100%;height:88.33333vw;overflow:hidden;-webkit-transform:scale(1.17);transform:scale(1.17);-webkit-transform-origin:bottom;transform-origin:bottom;margin:17.77778vw auto 0;position:relative}.selfies .selfies-img{position:absolute;bottom:0vw;left:0vw;right:0;width:71.66667vw;height:83.88889vw;margin:0 auto;border-radius:4.72222vw 4.72222vw 0 0;overflow:hidden;opacity:0}.selfies .selfies-img-bg{position:absolute;top:0vw;left:0vw;right:0;width:79.16667vw;height:88.33333vw;margin:0 auto;z-index:5}.selfies .selfies-text-box{margin-top:8.88889vw;height:17.77778vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;display:none}.selfies .selfies-text-box p{font-size:4.44444vw;font-weight:400;line-height:7.77778vw;letter-spacing:-.27778vw;font-family:'OPPOSans-Regular';width:44.44444vw}.selfies .selfies-text-box p span{display:inline-block;font-size:5.55556vw;font-weight:400;line-height:8.88889vw;letter-spacing:-.27778vw;vertical-align:top;margin-bottom:1.11111vw;width:100%;font-family:'OPPOSans-Bold'}.more-charming .more-charming-cent{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.more-charming .more-charming-text{margin:22.22222vw auto 0}.more-charming .more-charming-text p:nth-child(1),.more-charming .more-charming-text p:nth-child(2){font-size:3.88889vw;font-weight:400;line-height:6.66667vw;letter-spacing:-.0162vw}.more-charming .more-charming-text p:nth-child(2){opacity:1}.more-charming .more-charming-text p:nth-child(3){margin-top:3.33333vw;font-size:3.33333vw;font-weight:400;line-height:6.66667vw;letter-spacing:-.27778vw}.more-charming .slide-inner{position:absolute;width:100%;height:100%;left:0;top:0;background-size:cover;background-position:center}.more-charming .swiper-slide{overflow:hidden}.more-charming .swiper-button-box{width:6.66667vw;height:1.66667vw;margin:0 auto 0;position:absolute;bottom:0;left:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.more-charming .swiper-button{width:2.22222vw;height:1.66667vw;border-radius:50%;right:0;left:0;position:relative;top:0;bottom:0;margin:0 auto;background:#000;outline:none;opacity:0.2}.more-charming .swiper-button.on{opacity:1}.more-charming .more-charming-img-box{width:100%;margin-top:4.44444vw;height:93.88889vw}.more-charming .more-charming-img-box .more-charming-img1{width:88.88889vw;height:88.88889vw}.more-charming .more-charming-img-box .more-charming-img2{width:88.88889vw;height:88.88889vw}.macro-lens .macro-lens-cent{position:relative;padding-bottom:22.22222vw}.macro-lens .macro-lens-text{margin:22.22222vw auto 0vw}.macro-lens .macro-lens-text p:nth-child(1),.macro-lens .macro-lens-text p:nth-child(2){font-size:3.88889vw;font-weight:400;line-height:6.11111vw}.macro-lens .macro-lens-text p:nth-child(2){opacity:1}.macro-lens .macro-lens-text p:nth-child(3){margin-bottom:11.11111vw;margin-top:3.33333vw;font-size:3.33333vw;font-weight:400;line-height:6.66667vw}.macro-lens .bokeh-camera-text{margin:22.22222vw auto 0vw}.macro-lens .bokeh-camera-text p:nth-child(1),.macro-lens .bokeh-camera-text p:nth-child(2){font-size:3.88889vw;font-weight:400;line-height:6.11111vw}.macro-lens .bokeh-camera-text p:nth-child(2){opacity:1}.macro-lens .bokeh-camera-text p:nth-child(3){margin-top:3.33333vw;font-size:3.33333vw;font-weight:400;line-height:6.66667vw}.macro-lens .macro-lens-cent-box2{width:100%}.macro-lens .macro-lens-img-box{width:100%;height:88.88889vw}.macro-lens .macro-lens-img-box .macro-lens-img{width:100%;height:88.88889vw}.macro-lens .bokeh-camera-img-box{margin-top:11.11111vw;width:100%;height:88.88889vw}.macro-lens .bokeh-camera-img-box .bokeh-camera-img{width:100%;height:88.88889vw}.measuring-parameter{height:254.44444vw;color:#fff}.measuring-parameter .measuring-parameter-cent{position:relative;width:100%}.measuring-parameter .measuring-parameter-img-box{width:100%;position:absolute;top:0vw;left:0;height:100%}.measuring-parameter .measuring-parameter-img{width:100%;height:100%}.measuring-parameter .measuring-parameter-text{position:relative;z-index:5;width:88.88889vw;margin:22.22222vw auto 0}.measuring-parameter .measuring-parameter-text p:nth-child(1){margin-bottom:5.55556vw}.measuring-parameter .measuring-parameter-text p:nth-child(3){margin-top:8.88889vw;font-size:4.44444vw;font-weight:400;line-height:7.77778vw;letter-spacing:-.02778vw;opacity:1}.measuring-parameter .measuring-parameter-text p:nth-child(3) img{width:6.94444vw;height:6.94444vw;display:inline-block;vertical-align:top;margin-top:.55556vw;margin-right:4.44444vw}.measuring-parameter .measuring-parameter-text ul{width:100%;margin-top:13.33333vw}.measuring-parameter .measuring-parameter-text ul li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:5.55556vw;height:18.05556vw}.measuring-parameter .measuring-parameter-text ul p{width:50%;font-size:7.77778vw;font-weight:400;line-height:11.94444vw;font-family:'OPPOSans-Regular';height:100%}.measuring-parameter .measuring-parameter-text ul p span{font-size:3.33333vw;font-weight:400;line-height:6.11111vw;font-family:'OPPOSans-Medium';display:inline-block;width:100%;vertical-align:top}.measuring-parameter .measuring-parameter-text ul p:nth-child(1){margin-bottom:0}.designed2{background:#EEF6FA}.designed2 .designed2-cent{position:relative}.designed2 .designed2-text{margin-top:22.22222vw;text-align:center}.designed2 .designed2-text p:nth-child(2){opacity:0.7;font-size:3.33333vw;font-weight:400;line-height:6.66667vw;margin-top:1.11111vw}.designed2 .designed2-img-box{width:100%;margin:17.77778vw auto 22.22222vw;position:relative}.designed2 .designed2-img{width:61.11111vw;height:75vw;overflow:hidden;z-index:5;margin:0 auto 13.33333vw}.designed2 .designed2-img img{width:100%;height:75vw}.designed2 .designed2-img-ct{width:61.11111vw;height:75vw}.designed2 .designed2-text-bottom{width:100%}.designed2 .designed2-text-bottom p:nth-child(1){font-size:3.33333vw;font-weight:400;line-height:6.66667vw;letter-spacing:-.27778vw;text-align:center}.remark{padding:26.66667vw 0}.remark p{font-size:3.33333vw;font-weight:400;line-height:5.55556vw;opacity:0.4993257}@-webkit-keyframes bounce{0%{-webkit-transform:translate(-50%, -50%) scale(0);transform:translate(-50%, -50%) scale(0);opacity:1;background:rgba(255,255,255,0.2)}40%{background:-webkit-linear-gradient(top, rgba(165,233,180,0.15), rgba(55,162,208,0.15));background:linear-gradient(180deg, rgba(165,233,180,0.15), rgba(55,162,208,0.15))}70%{background:-webkit-linear-gradient(top, rgba(165,233,180,0.15), rgba(55,162,208,0.15));background:linear-gradient(180deg, rgba(165,233,180,0.15), rgba(55,162,208,0.15))}100%{-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);opacity:0.15;background:-webkit-linear-gradient(top, rgba(165,233,180,0.15), rgba(55,162,208,0.15));background:linear-gradient(180deg, rgba(165,233,180,0.15), rgba(55,162,208,0.15))}}@keyframes bounce{0%{-webkit-transform:translate(-50%, -50%) scale(0);transform:translate(-50%, -50%) scale(0);opacity:1;background:rgba(255,255,255,0.2)}40%{background:-webkit-linear-gradient(top, rgba(165,233,180,0.15), rgba(55,162,208,0.15));background:linear-gradient(180deg, rgba(165,233,180,0.15), rgba(55,162,208,0.15))}70%{background:-webkit-linear-gradient(top, rgba(165,233,180,0.15), rgba(55,162,208,0.15));background:linear-gradient(180deg, rgba(165,233,180,0.15), rgba(55,162,208,0.15))}100%{-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);opacity:0.1;background:-webkit-linear-gradient(top, rgba(165,233,180,0.1), rgba(55,162,208,0.1));background:linear-gradient(180deg, rgba(165,233,180,0.1), rgba(55,162,208,0.1))}}@-webkit-keyframes bounce2{0%{-webkit-transform:translate(-50%, -50%) scale(0);transform:translate(-50%, -50%) scale(0);opacity:0.2}80%{opacity:0.2}100%{-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);opacity:0}}@keyframes bounce2{0%{-webkit-transform:translate(-50%, -50%) scale(0);transform:translate(-50%, -50%) scale(0);opacity:0.2}80%{opacity:0.2}100%{-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);opacity:0}}@-webkit-keyframes design_ani{0%{width:13.33333vw}100%{width:43.88889vw}}@keyframes design_ani{0%{width:13.33333vw}100%{width:43.88889vw}}}body.no-roll{overflow:hidden;height:100%}html.no-roll{height:100%}#oc-header.fixed{position:absolute !important}.fixed-nva-box{width:100%;height:0.6rem;font-size:0;position:absolute;top:0;left:0;z-index:2;font-family:"OPPOSans-Medium"}.fixed-nva-box.fixed{z-index:999}.fixed-nva-box .products-info{width:100%;height:0.6rem;background:#fff;text-align:left;box-sizing:border-box;border-bottom:0.01rem solid rgba(0,0,0,0.1);border-top:0.01rem solid rgba(0,0,0,0.1)}.fixed-nva-box .products-wrapper{width:13.12rem;margin:0 auto;position:relative}.fixed-nva-box .pi-nav-model-box li{display:inline-block}.fixed-nva-box .pi-nav-model-box li a{display:inline-block;font-size:0.13rem;vertical-align:middle;position:relative;z-index:10;margin-right:0.37rem}.fixed-nva-box .pi-nav-model-box li a::after{display:block;clear:both;content:"";position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:-0.18rem;width:0.01rem;height:0.12rem;background-color:#000}.fixed-nva-box .pi-nav-model-box li:last-of-type a::after{display:none}.fixed-nva-box .pi-nav-list{width:100%;height:100%;text-align:center;position:absolute;top:0;left:0}.fixed-nva-box .pi-nav-list li{display:inline-block;vertical-align:middle;margin:0 0.09rem}.fixed-nva-box .pi-nav-list a,.fixed-nva-box .pi-nav-model-box-box li a{display:inline-block;vertical-align:middle;font-size:0.13rem}.fixed-nva-box .pi-nav-model-box li a,.fixed-nva-box .pi-nav-list li,.fixed-nva-box .pi-nav-list a,.fixed-nva-box .pi-nav-btn a{height:100%;line-height:0.6rem;color:rgba(0,0,0,0.6)}.fixed-nva-box .pi-nav-model-box li.on a,.fixed-nva-box .pi-nav-list li.on a{color:#000}.fixed-nva-box .pi-nav-btn{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:100%;font-size:0.13rem;vertical-align:middle;position:relative;z-index:10;position:absolute;top:0;right:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fixed-nva-box .pi-nav-btn a{font-size:0.13rem;padding:0 0.15rem;background:#2ec84d;height:0.32rem;line-height:0.32rem;display:inline-block;color:#fff;font-family:"OPPOSans-Medium"}.fixed-nva-box.fixed .products-info{position:fixed;top:0;left:0}@media screen and (min-width: 1024px) and (max-width: 1330px){.fixed-nva-box .products-wrapper{width:calc(100% - 1.28rem);margin:0 auto;position:relative}}@media screen and (min-width: 1331px) and (max-width: 1440px){.fixed-nva-box .products-wrapper{width:calc(100% - 1.28rem);margin:0 auto;position:relative}}@media screen and (max-width: 1023px){.fixed-nva-box .pi-nav-model-text{display:inline-block;font-size:0.13rem;vertical-align:middle;position:relative;z-index:10;margin-right:0.37rem;height:100%;line-height:0.5rem;color:#000}.fixed-nva-box .pi-nav-model-box,.fixed-nva-box .pi-nav-list{position:absolute;width:120%;top:0.49rem;height:auto;overflow:hidden;z-index:3;-webkit-transform:translateY(-200%);transform:translateY(-200%);margin-left:-10%;left:0}.fixed-nva-box .pi-nav-model-box.on,.fixed-nva-box .pi-nav-list.on{-webkit-transform:translateY(0);transform:translateY(0);background:#fff}.fixed-nva-box .pi-nav-model-box.on li,.fixed-nva-box .pi-nav-list.on li{-webkit-transform:translateY(0);transform:translateY(0);display:block;-webkit-transition:all 0.3s ease-in;transition:all 0.3s ease-in}.fixed-nva-box .pi-nav-model-box li,.fixed-nva-box .pi-nav-list li{width:80%;margin:0 auto;display:block;border-bottom:0.01rem solid #e5e5e5;text-align:center;-webkit-transform:translateY(-300%);transform:translateY(-300%)}.fixed-nva-box .pi-nav-model-box li:last-of-type,.fixed-nva-box .pi-nav-list li:last-of-type{border:none}.fixed-nva-box .pi-nav-list li a,.fixed-nva-box .pi-nav-model-box li a{display:block;height:auto;line-height:initial;padding:0.15rem 0}.fixed-nva-box .nav-arrow{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -65%) rotate(-45deg);transform:translate(-50%, -65%) rotate(-45deg);width:0.06rem;height:0.06rem;border-bottom:0.02rem solid #000;border-left:0.02rem solid #000;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.fixed-nva-box .nav-arrow::before{position:absolute;top:50%;left:50%;width:0.35rem;height:0.35rem;display:block;clear:both;content:"";-webkit-transform:translate(-50%, -50%) rotate(-45deg);transform:translate(-50%, -50%) rotate(-45deg)}.fixed-nva-box .nav-arrow.on{-webkit-transform:translate(-50%, -50%) rotate(-135deg);transform:translate(-50%, -50%) rotate(-135deg)}.fixed-nva-box .nav-mask{width:120vw;background-color:rgba(0,0,0,0.2);display:block;opacity:0;z-index:1;position:absolute;left:-10vw}.fixed-nva-box .nav-mask.on{height:100vh;opacity:1}}@media screen and (min-width: 768px) and (max-width: 1023px){.fixed-nva-box .pi-nav-btn{right:0.64rem}.fixed-nva-box .products-wrapper{width:100%;margin:0 auto;position:relative;padding:0 0.64rem;box-sizing:border-box}.fixed-nva-box .pi-nav-model-text{display:inline-block;font-size:0.13rem;vertical-align:middle;position:relative;z-index:10;margin-right:0.37rem;height:100%;line-height:0.6rem;color:#000}.fixed-nva-box .pi-nav-model-text::before{position:absolute;top:50%;right:-0.15rem;-webkit-transform:translateY(-65%) rotate(-45deg);transform:translateY(-65%) rotate(-45deg);width:0.06rem;height:0.06rem;border-bottom:0.02rem solid #000;border-left:0.02rem solid #000;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;display:block;clear:both;content:""}.fixed-nva-box .pi-nav-model-text.on::before{-webkit-transform:translateY(-50%) rotate(-135deg);transform:translateY(-50%) rotate(-135deg)}.fixed-nva-box .pi-nav-model-text.one::before{display:none !important}.fixed-nva-box .pi-nav-model-box li a{margin-right:0}.fixed-nva-box .pi-nav-model-box li a::before{display:none}}@media screen and (max-width: 767px){.wrap{padding-top:0.5rem}.fixed-nva-box{height:0.5rem}.fixed-nva-box .products-info{width:100%;height:0.5rem;background:#fff;text-align:left;box-sizing:border-box;border-bottom:0.01rem solid #D2D2D2;border-top:0.01rem solid #D2D2D2}.fixed-nva-box .products-wrapper{width:calc(100% - 0.4rem);margin:0 auto;position:relative;height:100%}.fixed-nva-box .pi-nav-model-text{display:inline-block;font-size:0.13rem;vertical-align:middle;position:relative;z-index:10;margin-right:0.37rem;height:100%;line-height:0.49rem;color:#000}.fixed-nva-box .pi-nav-model-text::before{position:absolute;top:50%;right:-0.15rem;-webkit-transform:translateY(-65%) rotate(-45deg);transform:translateY(-65%) rotate(-45deg);width:0.06rem;height:0.06rem;border-bottom:0.02rem solid #000;border-left:0.02rem solid #000;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;display:block;clear:both;content:""}.fixed-nva-box .pi-nav-model-text.on::before{-webkit-transform:translateY(-50%) rotate(-135deg);transform:translateY(-50%) rotate(-135deg)}.fixed-nva-box .pi-nav-model-text.one::before{display:none !important}.fixed-nva-box .pi-navigation .pi-nav-model-box li a{display:block;height:auto;line-height:initial;padding:0.15rem 0}.fixed-nva-box .pi-navigation .pi-nav-model-box li a{margin-right:0}.fixed-nva-box .pi-navigation .pi-nav-model-box li a::after{display:none !important}}.fixed-nva-box.black .products-info{background:#000}.fixed-nva-box.black .pi-nav-model-text{color:#fff}.fixed-nva-box.black .pi-nav-model-text::before{border-bottom:0.02rem solid #fff;border-left:0.02rem solid #fff}.fixed-nva-box.black .nav-arrow{border-bottom:0.02rem solid #fff;border-left:0.02rem solid #fff;display:none}.fixed-nva-box.black .pi-nav-model-box.on,.fixed-nva-box.black .pi-nav-list.on{background:#000}.fixed-nva-box.black .pi-nav-model-box li a::after{display:block;clear:both;content:"";position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:-0.18rem;width:0.01rem;height:0.12rem;background-color:#fff}.fixed-nva-box.black .pi-nav-model-box li:last-of-type a::after{display:none}.fixed-nva-box.black .pi-nav-model-box li a,.fixed-nva-box.black .pi-nav-list li,.fixed-nva-box.black .pi-nav-list a,.fixed-nva-box.black .pi-nav-btn a{height:100%;line-height:0.6rem;color:rgba(255,255,255,0.6)}.fixed-nva-box.black .pi-nav-model-box li.on a,.fixed-nva-box.black .pi-nav-list li.on a{color:#fff}.fixed-nva-box.black .pi-nav-btn a{height:0.32rem;line-height:0.32rem;color:#fff}@media screen and (max-width: 1023px){.fixed-nva-box.black .nav-arrow{display:block}.fixed-nva-box.black .pi-navigation .pi-nav-list li a{line-height:initial}.fixed-nva-box.black .products-info{border-bottom:0.01rem solid #000;border-top:0.01rem solid #000}}.buy-pop-shade{position:relative;top:0;left:0;display:none;width:100vw;height:100vh;background:rgba(0,0,0,0);z-index:990;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.buy-pop-shade.show{position:fixed;background:rgba(0,0,0,0.64)}.buy-pop-main{width:13.12rem;height:7.2rem;position:relative;overflow:hidden;text-align:center;top:50%;left:50%;margin-top:-3.6rem;margin-left:-6.56rem;background:#fff;-webkit-transform:translateY(80%);transform:translateY(80%);-webkit-transition:all 0.3s;transition:all 0.3s;opacity:0;z-index:999;display:none}.buy-pop-main.show{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;position:fixed}.buy-pop-box{width:100%;height:100%;z-index:10;overflow-y:auto;padding-bottom:0.32rem;box-sizing:border-box;-webkit-transform:translateY(80%);transform:translateY(80%);-webkit-transition:all 0.32s;transition:all 0.32s;opacity:0}.buy-pop-main.show .buy-pop-box{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}.buy-pop-box::-webkit-scrollbar{width:0.04rem;height:0.01rem}.buy-pop-box::-webkit-scrollbar-thumb{background:#2EC84D}.buy-pop-box::-webkit-scrollbar-track{background:rgba(0,0,0,0.11)}.buy-pop-main a.close{color:#000;position:absolute;top:0.32rem;right:0.32rem;width:0.14rem;height:0.14rem;display:block;z-index:15}.buy-pop-main a.close img{width:100%;height:100%}.buy-pop-main h2{font-size:0.28rem;line-height:0.44rem;margin:0.7rem 0 0.32rem;font-family:"OPPOSans-Bold"}.buy-pop-main h3{font-size:0.2rem;line-height:0.32rem;margin-bottom:0.2rem}.buy-pop-main .buy-channel{width:100%;font-size:0;margin-bottom:0.06rem}.buy-pop-main .buy-channel-box{width:1.92rem;height:1.44rem;display:inline-block;vertical-align:middle;background-color:rgba(0,0,0,0.04);position:relative;margin:0 0.16rem 0.32rem;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}.buy-pop-main .buy-channel-box img{width:1.18rem;display:block;position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%, -50%, 0) scale(1);transform:translate3d(-50%, -50%, 0) scale(1);-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}.buy-pop-main .buy-channel-box:hover img{-webkit-transform:translate3d(-50%, -50%, 0) scale(0.92);transform:translate3d(-50%, -50%, 0) scale(0.92)}.buy-pop-main .buy-channel-box:hover{background-color:rgba(0,0,0,0.02)}@media screen and (min-width: 1331px) and (max-width: 1440px){.buy-pop-main{height:6.25rem;margin-top:-3.125rem}}@media screen and (min-width: 1024px) and (max-width: 1330px){.buy-pop-main{width:8.96rem;height:5.8rem;margin-top:-2.9rem;margin-left:-4.48rem}.buy-pop-main .buy-channel{margin-bottom:0}.buy-pop-main .buy-channel-box{width:2rem;height:1.5rem}.buy-pop-main .buy-channel-box img{width:1.22rem}}@media screen and (min-width: 768px) and (max-width: 1023px){.buy-pop-main{width:7.2rem;height:8.5rem;margin-top:-4.25rem;margin-left:-3.6rem}.buy-pop-main .buy-channel{margin-bottom:0}.buy-pop-main .buy-channel-box{width:1.56rem;height:1.16rem}.buy-pop-main .buy-channel-box img{width:0.95rem}}@media screen and (max-width: 767px){.buy-pop-main a.close{top:0.2rem;right:0.2rem}.buy-pop-main{width:3.2rem;height:6.2rem;margin-top:-3.1rem;margin-left:-1.6rem}.buy-pop-main h2{margin-top:0.48rem}.buy-pop-main .buy-channel{margin-bottom:0}.buy-pop-main .buy-channel-box{width:1.32rem;height:0.96rem;margin:0 0.08rem 0.32rem}.buy-pop-main .buy-channel-box img{width:0.98rem}}