#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}}

body.no-roll{overflow:hidden}#oc-header.fixed{position:absolute !important}.wrap{position:relative;height:auto}.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 .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){.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.64);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:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) 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:translate(-50%, -50%) scale(0.92);transform:translate(-50%, -50%) 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}}.fixed-nva-box.Arab{direction:rtl}.fixed-nva-box.Arab .pi-nav-model-box{display:-webkit-box;display:-ms-flexbox;display:flex}.fixed-nva-box.Arab .pi-nav-model-box li a{margin-right:0;margin-left:0.37rem}.fixed-nva-box.Arab .pi-nav-btn{right:auto;left:0}.fixed-nva-box.Arab .pi-nav-model-box li a::after{right:auto;left:-0.18rem}@media screen and (min-width: 768px) and (max-width: 1023px){.fixed-nva-box.Arab .pi-navigation{display:-webkit-box;display:-ms-flexbox;display:flex}.fixed-nva-box.Arab .pi-nav-model-text{margin-right:0;margin-left:0.37rem}.fixed-nva-box.Arab .pi-nav-model-text::before{right:auto;left:-0.15rem;margin-top:-0.01rem}.fixed-nva-box.Arab .pi-nav-btn{right:auto;left:0.64rem}.fixed-nva-box.Arab .pi-nav-model-box{-ms-flex-wrap:wrap;flex-wrap:wrap}.fixed-nva-box.Arab .pi-nav-model-box li a{margin-left:0;line-height:inherit}}@media screen and (max-width: 767px){.fixed-nva-box.Arab .pi-navigation{display:-webkit-box;display:-ms-flexbox;display:flex}.fixed-nva-box.Arab .pi-nav-model-text{margin-right:0;margin-left:0.37rem}.fixed-nva-box.Arab .pi-nav-model-text::before{right:auto;left:-0.15rem;margin-top:-0.01rem}.fixed-nva-box.Arab .pi-nav-btn{right:auto;left:0}.fixed-nva-box.Arab .pi-nav-model-box{-ms-flex-wrap:wrap;flex-wrap:wrap}.fixed-nva-box.Arab .pi-nav-model-box li a{margin-left:0;line-height:inherit}}

h1{display:none}.lafite{font-family:"OPPOSans-Regular", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", "Helvetica", "Arial";color:#000;position:relative;overflow:hidden}.lafite .img{display:block}#oc-header.fixed{position:absolute !important}.lafite{padding-top:0.6rem}@font-face{font-family:"OPPOSans-H";src:url(/content/dam/oppo/product-asset-library/a/a55/cn/v1/index/fonts/OPPOSans-H.woff) format("woff"),url(/content/dam/oppo/product-asset-library/a/a55/cn/v1/index/fonts/OPPOSans-H.ttf) format("truetype"),url(/content/dam/oppo/product-asset-library/a/a55/cn/v1/index/fonts/OPPOSans-H.eot) format("embedded-opentype"),url(/content/dam/oppo/product-asset-library/a/a55/cn/v1/index/assets/OPPOSans-H.svg) format("svg");font-weight:normal;font-style:normal;text-rendering:optimizeLegibility}picture{position:relative;display:block;outline:none;width:100%;height:auto}picture img{outline:none;display:block;width:100%;height:auto}.section{width:100%;position:relative}@supports (-webkit-background-clip: text){.section8 .phonenav3 a{background-image:-webkit-linear-gradient(#ffd5b2, #fc8484);background-image:linear-gradient(#ffd5b2, #fc8484);-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}}@media screen and (min-width: 1920px){.section1{width:100%;height:100%;margin:0 auto;position:relative}.section1 .kv{display:block;width:100%;height:100%;background-size:100% auto;margin:0 auto}.section1 .content{width:10.54rem;height:100%;position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.section1 .content .textbox{width:3.4rem;height:2.2rem;position:absolute;top:50%;right:0;margin-top:-1rem;opacity:0}.section1 .content .textbox .s1-txt1{width:100%;height:0.8rem;font-size:0.68rem;font-family:"OPPOSans-Bold";color:#000000;line-height:0.8rem}.section1 .content .textbox .s1-txt2{width:100%;height:0.42rem;font-size:0.28rem;font-family:"OPPOSans-Medium";color:#000000;line-height:0.42rem;padding-bottom:0.48rem}.section1 .content .textbox .s1-txt3{width:100%;height:0.48rem;font-size:0.28rem;font-family:"OPPOSans-Medium";color:#000000;line-height:0.48rem}.section1 .content .textbox .s1-txt3 span{font-size:0.14rem}.section1 .content .textbox .s1-txt3 a{display:inline-block;vertical-align:top;padding:0 0.2rem;background:#2EC84D;font-size:0.16rem;color:#FFFFFF;margin-left:0.18rem}.section2{width:100%;height:auto;padding:1.82rem 0;margin:0 auto;background:#FFFFFF;position:relative}.section2 .cont{width:13.2rem;height:auto;margin:0 auto}.section2 .cont .title{width:100%;font-size:0.68rem;color:#000000;line-height:0.96rem;height:0.96rem;text-align:center;padding-bottom:1.28rem;font-family:"OPPOSans-Regular"}.section2 .cont .reasonbox{width:100%;height:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.section2 .cont .reasonbox .box{width:1.5rem;height:auto;text-align:center;margin:0 auto}.section2 .cont .reasonbox .box .iconbox{width:1.5rem;height:0.64rem;margin-bottom:0.3rem}.section2 .cont .reasonbox .box .iconbox img{display:block;height:0.64rem;margin:0 auto}.section2 .cont .reasonbox .box .icontxt1{font-size:0.16rem;color:#000000;line-height:0.26rem;font-family:"OPPOSans-H";padding-bottom:0.04rem}.section2 .cont .reasonbox .box .icontxt2{font-size:0.16rem;color:#000000;line-height:0.22rem;font-family:"OPPOSans-Regular"}.section2 .cont .reasonboxon{-webkit-animation:fadeInUp .7s .2s ease-in-out forwards;animation:fadeInUp .7s .2s ease-in-out forwards;will-change:transform,opacity}.section3{width:100%;height:auto;margin:0 auto;position:relative;overflow:hidden}.section3 .s3imgbox{width:100%;min-height:9.81rem;overflow:hidden;margin:0 auto}.section3 .s3imgbox .s3-img{width:100%;height:auto;display:block;-webkit-transform:scale(1.2);transform:scale(1.2);margin:0 auto}.section3 .s3-imgon{-webkit-animation:picScale 1s  ease-in-out forwards;animation:picScale 1s  ease-in-out forwards;will-change:transform,opacity}.section3 .txtbox{width:7.6rem;height:auto;position:absolute;top:1.82rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);text-align:center}.section3 .txtbox .txt1{font-size:0.42rem;color:#000000;line-height:0.64rem;font-family:"OPPOSans-Medium";padding-bottom:0.2rem}.section3 .txtbox .txt2{font-size:0.16rem;width:7rem;margin:0 auto;color:#000000;line-height:0.28rem;font-family:"OPPOSans-Regular"}.section4{width:100%;height:auto;padding:1.68rem 0;background:#FFFFFF;margin:0 auto;position:relative;z-index:1}.section4 .cont{width:13.04rem;height:auto;margin:0 auto;position:relative}.section4 .cont .txtbox{padding:1.76rem 0 1.74rem 0;width:100%;height:auto}.section4 .cont .txtbox .tit-box{width:100%;height:auto;padding-bottom:0.2rem}.section4 .cont .txtbox .tit-box .txt1,.section4 .cont .txtbox .tit-box .txt2{font-size:0.42rem;color:#000000;line-height:0.6rem;font-family:"OPPOSans-Medium";display:block}.section4 .cont .txtbox .txt3{width:5.36rem;font-size:0.16rem;color:#000000;line-height:0.28rem;font-family:"OPPOSans-Regular"}.section4 .cont .txtbox .txt-box{width:100%;height:auto}.section4 .cont .txtbox .txt-box .txt4{font-size:0.16rem;color:#000000;line-height:0.28rem;font-family:"OPPOSans-Bold";margin:0.4rem 0 0.2rem 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.section4 .cont .txtbox .txt-box .txt4 .icon{background:url(/content/dam/oppo/product-asset-library/a/a55/cn/v1/index/assets/s4-icon-1920.png) no-repeat;background-size:100% auto;width:0.2rem;height:0.23rem;margin-right:0.2rem}.section4 .cont .bannerbox{width:5.6rem;height:7rem;position:absolute;top:0;right:0.84rem;overflow:hidden}.section4 .cont .bannerbox .banner0{width:3.24rem;height:6.985rem;position:absolute;top:0;left:0;z-index:6;opacity:0}.section4 .cont .bannerbox .banner1{width:2.78rem;height:6rem;position:absolute;top:0.48rem;left:1.32rem;z-index:5;opacity:0}.section4 .cont .bannerbox .banner2{width:2.34rem;height:5.08rem;position:absolute;top:0.94rem;left:2.52rem;z-index:4;opacity:0}.section4 .cont .bannerbox .banner3{width:1.92rem;height:4.16rem;position:absolute;top:1.38rem;left:3.56rem;z-index:3;opacity:0}.section4 .cont .bannerboxon .banner0{-webkit-animation:fadeInRight 0.8s ease forwards;animation:fadeInRight 0.8s ease forwards;will-change:transform,opacity}.section4 .cont .bannerboxon .banner1{-webkit-animation:fadeInLeft 0.8s 0.5s ease forwards;animation:fadeInLeft 0.8s 0.5s ease forwards;will-change:transform,opacity}.section4 .cont .bannerboxon .banner2{-webkit-animation:fadeInLeft 0.8s 0.8s ease-out forwards;animation:fadeInLeft 0.8s 0.8s ease-out forwards;will-change:transform,opacity}.section4 .cont .bannerboxon .banner3{-webkit-animation:fadeInLeft 0.8s 1.1s ease-out forwards;animation:fadeInLeft 0.8s 1.1s ease-out forwards;will-change:transform,opacity}.section5{width:100%;height:auto;background:#FFFFFF;margin:0 auto 0.8rem;position:relative;z-index:1}.section5 .cont{width:11rem;height:auto;position:relative;margin:0 auto}.section5 .cont .txtbox{width:10rem;height:auto;margin:0 auto;text-align:center;padding-bottom:0.48rem}.section5 .cont .txtbox .txt1{width:100%;height:0.64rem;font-size:0.42rem;color:#000000;line-height:0.64rem;font-family:"OPPOSans-Medium";padding-bottom:0.2rem}.section5 .cont .txtbox .txt2{width:7rem;font-size:0.16rem;color:#000000;line-height:0.28rem;font-family:"OPPOSans-Medium";margin:0 auto}.section5 .cont .txtbox2{width:5.53rem;height:auto;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;text-align:center;padding-bottom:1.28rem;position:relative}.section5 .cont .txtbox2 .txt1{height:0.32rem;font-size:0.2rem;font-family:"OPPOSans-Bold";color:#000000;line-height:0.32rem;padding-bottom:0.04rem;position:relative}.section5 .cont .txtbox2 .txt1 sup{font-weight:bold;top:-0.08rem;font-size:0.12rem}.section5 .cont .txtbox2 .txt2{height:0.28rem;font-size:0.16rem;font-family:"OPPOSans-Regular";color:#000000;line-height:0.28rem}.section5 .cont .flashchange{width:10rem;height:7rem;position:relative;margin:0 auto}.section5 .cont .flashchange .numbox{width:11.225rem;height:3.56rem;position:absolute;top:0;left:0}.section5 .cont .flashchange .numbox .num{width:100%;height:100%;position:absolute;bottom:0;left:0}.section5 .cont .flashchange .numbox .num .num-img{width:11.225rem;height:3.56rem;background-size:100%}.section5 .cont .flashchange .numbox .numlight{width:100%;position:absolute;bottom:0;left:0;height:0%;overflow:hidden;z-index:2}.section5 .cont .flashchange .numbox .numlight .numlight-img{width:11.225rem;height:3.56rem;background-size:100%;position:absolute;bottom:0;left:0}.section5 .cont .flashchange .phonebox{width:10rem;height:4.48rem;position:absolute;top:2.83rem;left:0;margin:0 auto}.section5 .cont .flashchange .phonebox .phone{width:10.21rem;height:4.48rem;position:absolute;top:0;left:-0.5rem;z-index:4}.section5 .cont .flashchange .phonebox .datacable{width:4.02rem;height:0.32rem;position:absolute;top:1.2rem;left:9.9rem;z-index:2}.section5 .cont .flashchangeon .numbox .numlight{-webkit-animation:fadeInHeight 0.8s linear .4s forwards;animation:fadeInHeight 0.8s linear .4s forwards;will-change:height}.section5 .cont .flashchangeon .phonebox .phone{-webkit-animation:moveRight 0.4s linear forwards;animation:moveRight 0.4s linear forwards;will-change:transform,opacity}.section5 .cont .flashchangeon .phonebox .datacable{-webkit-animation:moveLeft  0.4s linear forwards;animation:moveLeft  0.4s linear forwards;will-change:transform,opacity}.section5 .cont .flashchangeonheight .numbox .numlight{-webkit-animation:fadeInHeights 0.8s linear .4s forwards;animation:fadeInHeights 0.8s linear .4s forwards;will-change:height}.section5 .cont .flashchangeonheight .phonebox .phone{-webkit-animation:moveRights 0.4s linear forwards;animation:moveRights 0.4s linear forwards;will-change:transform,opacity}.section5 .cont .flashchangeonheight .phonebox .datacable{-webkit-animation:moveLefts  0.4s linear forwards;animation:moveLefts  0.4s linear forwards;will-change:transform,opacity}.section6{width:100%;height:auto;padding:0 0 1.28rem 0;position:relative;margin:0 auto;background:#FFFFFF}.section6 .cont{width:13.12rem;height:auto;position:relative;margin:0 auto}.section6 .cont .txtbox{padding:0 0;width:13.12rem;height:auto;margin:0 auto}.section6 .cont .txtbox .titbox{width:10rem;height:auto;margin:0 auto;padding-bottom:0.2rem}.section6 .cont .txtbox .titbox .txt1,.section6 .cont .txtbox .titbox .txt2{font-size:0.42rem;color:#000000;line-height:0.6rem;height:0.64rem;font-family:"OPPOSans-Medium";text-align:center}.section6 .cont .txtbox .txt3{width:7.1rem;font-size:0.16rem;font-family:"OPPOSans-Regular";color:#000000;line-height:0.28rem;margin:0 auto 1.92rem;text-align:center}.section6 .cont .s6-imgs{width:10.44rem;height:4.85rem;margin:0 auto 0}.section6 .cont .s6-imgs .s6img1{width:10.44rem;height:4.85rem;background-size:100%}.section6 .cont .txtbox2{width:10.01rem;height:auto;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;text-align:left;position:absolute;top:1.88rem;left:1.6rem}.section6 .cont .txtbox2 .txt1{height:0.32rem;font-size:0.2rem;font-family:"OPPOSans-Bold";color:#000000;line-height:0.32rem;padding-bottom:0.04rem}.section6 .cont .txtbox2 .txt2{height:0.28rem;font-size:0.16rem;font-family:"OPPOSans-Regular";color:#000000;line-height:0.28rem}.section7{width:100%;height:auto;position:relative;margin:0 auto;background:#FFFFFF}.section7 .txtbox1{width:8.7rem;height:auto;margin:0 auto;text-align:center;padding-bottom:0.48rem}.section7 .txtbox1 .txt1{font-size:0.42rem;color:#000000;line-height:0.64rem;height:0.64rem;font-family:"OPPOSans-Medium";padding-bottom:0.2rem}.section7 .txtbox1 .txt2{width:7.1rem;margin:0 auto;font-size:0.16rem;font-family:"OPPOSans-Regular";color:#000000;line-height:0.28rem}.section7 .txtbox2{width:4.4rem;height:auto;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;text-align:center;padding-bottom:0.8rem}.section7 .txtbox2 .txt1{height:0.32rem;font-size:0.2rem;font-family:"OPPOSans-Bold";color:#000000;line-height:0.32rem}.section7 .txtbox2 .txt2{height:0.28rem;font-size:0.16rem;font-family:"OPPOSans-Regular";color:#000000;line-height:0.28rem}.section7 .eyescreen{width:100%;min-height:6.56rem;position:relative;margin:0 auto}.section7 .eyescreen .s7bg{width:100%;height:auto;position:relative;margin:0 auto}.section7 .eyescreen .s7bg img{background-size:100% 6.56rem;width:100%;height:6.56rem;display:block}.section7 .eyescreen .fingerprint{width:19.195rem;height:6.56rem;position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:4}.section7 .eyescreen .s7-screen{width:8.89rem;height:4.09rem;position:absolute;top:0.8rem;left:50%;-webkit-transform:translateX(-52%);transform:translateX(-52%);z-index:2;overflow:hidden;border-radius:0.4rem}.section7 .eyescreen .s7-screen .s7-screen-img{width:8.89rem;height:4.09rem;margin:0 auto;-webkit-transform:scale(1.2);transform:scale(1.2)}.section7 .eyescreen .s7-screen .s7-screen-imgon{-webkit-animation:picScale 1s  ease-in-out forwards;animation:picScale 1s  ease-in-out forwards;will-change:transform,opacity}.section8{width:100%;height:auto;padding:1.28rem 0 1.68rem 0;position:relative;background:#FFFFFF;z-index:0}.section8 .cont{width:13.12rem;height:auto;margin:0 auto;position:relative}.section8 .cont .txtbox{width:100%;height:auto;text-align:center}.section8 .cont .txtbox .txt1{font-size:0.42rem;color:#000000;line-height:0.64rem;height:0.64rem;font-family:"OPPOSans-Medium";padding-bottom:0.2rem}.section8 .cont .txtbox .txt2{font-size:0.16rem;font-family:"OPPOSans-Regular";color:#000000;line-height:0.28rem;padding-bottom:0.48rem;width:7.2rem;margin:0 auto}.section8 .cont .txtbox2{width:5.2rem;height:auto;margin:0 auto 0.8rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;text-align:center}.section8 .cont .txtbox2 .txt1{height:0.32rem;font-size:0.2rem;font-family:"OPPOSans-Bold";color:#000000;line-height:0.32rem;padding-bottom:0.04rem}.section8 .cont .txtbox2 .txt2{height:0.28rem;font-size:0.16rem;font-family:"OPPOSans-Regular";color:#000000;line-height:0.28rem}.section8 .cont .phonecolorbox{width:100%;height:9.12rem;position:relative;margin:0 auto;overflow:hidden}.section8 .cont .phonecolorbox .phonecolor{width:100%;height:8.6rem;position:relative;margin:0 auto}.section8 .cont .phonecolorbox .phonecolor .colorbule{width:100%;height:8.6rem;position:absolute;top:0;right:0;z-index:3;overflow:hidden}.section8 .cont .phonecolorbox .phonecolor .colorbule .colorbuleimg{width:13.12rem;height:8.6rem;position:absolute;top:0;right:0}.section8 .cont .phonecolorbox .phonecolor .colorblack{width:100%;height:8.6rem;position:absolute;top:0;right:0;z-index:2;overflow:hidden}.section8 .cont .phonecolorbox .phonecolor .colorblack .colorblackimg{width:13.12rem;height:8.6rem;position:absolute;top:0;right:0}.section8 .cont .phonecolorbox .phonecolor .colorgold{width:100%;height:8.6rem;position:absolute;top:0;right:0;z-index:1;overflow:hidden}.section8 .cont .phonecolorbox .phonecolor .colorgold .colorgoldimg{width:13.12rem;height:8.6rem;position:absolute;top:0;right:0}.section8 .cont .phonecolorbox .phonenavs{width:100%;text-align:center;font-size:0;position:absolute;bottom:0;right:0}.section8 .cont .phonecolorbox .phonenavs .phonenav{display:inline-block;vertical-align:top;margin-right:0.48rem}.section8 .cont .phonecolorbox .phonenavs .phonenav a{line-height:0.16rem;font-size:0.16rem;font-family:"OPPOSans-Bold";-webkit-transition:all 1s;transition:all 1s}.section8 .cont .phonecolorbox .phonenavs .phonenav a i{display:inline-block;vertical-align:top;width:0.16rem;height:0.16rem;box-sizing:border-box;border-radius:50%;margin:0 0.08rem 0 0;-webkit-transition:all 1s;transition:all 1s}.section8 .cont .phonecolorbox .phonenavs .phonenav1 a{color:#4167A6}.section8 .cont .phonecolorbox .phonenavs .phonenav1 i{background:#FFFFFF;border:1Px solid #4167A6}.section8 .cont .phonecolorbox .phonenavs .phonenav2 a{color:#2D2D2D}.section8 .cont .phonecolorbox .phonenavs .phonenav2 i{background:#FFFFFF;border:1Px solid #2D2D2D}.section8 .cont .phonecolorbox .phonenavs .phonenav3 a{color:#feaa9a}.section8 .cont .phonecolorbox .phonenavs .phonenav3 i{background:url(/content/dam/oppo/product-asset-library/a/a55/cn/v3/index/assets/s8-roundframegold-1920.png) no-repeat;background-size:100% auto}.section8 .cont .phonecolorbox .phonenavs .phonenav1.on{pointer-events:none}.section8 .cont .phonecolorbox .phonenavs .phonenav1.on a{color:#4167A6;pointer-events:none}.section8 .cont .phonecolorbox .phonenavs .phonenav1.on a i{background:#4167A6;border:none}.section8 .cont .phonecolorbox .phonenavs .phonenav2.on{pointer-events:none}.section8 .cont .phonecolorbox .phonenavs .phonenav2.on a{color:#2D2D2D;pointer-events:none}.section8 .cont .phonecolorbox .phonenavs .phonenav2.on a i{background:#2D2D2D;border:none}.section8 .cont .phonecolorbox .phonenavs .phonenav3.on{pointer-events:none}.section8 .cont .phonecolorbox .phonenavs .phonenav3.on a{color:#feaa9a;pointer-events:none}.section8 .cont .phonecolorbox .phonenavs .phonenav3.on a i{background:url(/content/dam/oppo/product-asset-library/a/a55/cn/v3/index/assets/s8-roundgold-1920.png) no-repeat;background-size:100% auto}.section8 .cont .phonecolorbox .phonenavs .phonenav:last-child{margin-right:0}.section9{width:100%;height:auto;padding:0 0 0 0;position:relative;z-index:1;margin:0 auto;background:#FFFFFF;overflow:hidden}.section9 .s9bg{width:100%;height:7.39rem;position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.section9 .s9bg img{width:100%;height:7.39rem;background-size:100% 7.39rem;display:block}.section9 .cont{width:13.14rem;height:auto;position:relative;margin:0 auto;padding-top:2.57rem}.section9 .cont .txtbox1{width:100%;height:auto;padding:0 0 0.2rem 0;position:relative;z-index:2}.section9 .cont .txtbox1 .txt1,.section9 .cont .txtbox1 .txt2{font-size:0.42rem;color:#000000;line-height:0.6rem;height:0.6rem;font-family:"OPPOSans-Medium"}.section9 .cont .txtbox2{width:4.26rem;height:auto;position:relative;opacity:0;padding:0 0 2.57rem 0}.section9 .cont .txtbox2 .txt3{font-size:0.16rem;line-height:0.28rem;font-family:'OPPOSans-Regular';color:#000000}.section9 .cont .s9-imgs{width:11.79rem;height:7.38rem;position:absolute;top:0;left:4.4rem;opacity:0}.section9 .conton .txtbox2{-webkit-animation:fadeInUp 1.2s .2s ease-in-out forwards;animation:fadeInUp 1.2s .2s ease-in-out forwards;will-change:transform,opacity}.section9 .conton .s9-imgs{-webkit-animation:fadeInUp .7s .2s ease-in-out forwards;animation:fadeInUp .7s .2s ease-in-out forwards;will-change:transform,opacity}.section10{width:100%;height:auto;padding:1.28rem 0 1.68rem 0;position:relative;margin:0 auto}.section10 .box{width:13.12rem;height:auto;margin:0 auto;position:relative}.section10 .box1 .s10-pic1{width:13.12rem;height:7.38rem;background-size:100%}.section10 .box1 .txtbox{width:100%;height:auto;margin:0 auto}.section10 .box1 .txtbox .txt1{padding-top:0.32rem;font-family:'OPPOSans-Bold';font-size:0.2rem;line-height:0.32rem;color:#000}.section10 .box1 .txtbox .txt2{font-family:'OPPOSans-Regular';font-size:0.16rem;line-height:0.21rem;color:#000000;padding-top:0.04rem}.section10 .box2{margin-top:0.8rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.section10 .box2 .item1{width:6.7rem;height:9.82rem}.section10 .box2 .item1 .s10-pic2{width:6.7rem;height:8.93rem;background-size:100%;display:block;-webkit-transform-origin:top center;transform-origin:top center}.section10 .box2 .item1 .txtbox{width:100%;height:auto;margin:0 auto}.section10 .box2 .item1 .txtbox .txt1{padding-top:0.32rem;font-family:'OPPOSans-Bold';font-size:0.2rem;line-height:0.32rem;color:#000}.section10 .box2 .item1 .txtbox .txt2{font-family:'OPPOSans-Regular';font-size:0.16rem;line-height:0.21rem;color:#000000;padding-top:0.04rem}.section10 .box2 .item2{width:5.3rem;height:9.82rem}.section10 .box2 .item2 .item2-top{width:5.3rem;height:4.43rem;padding-bottom:0.96rem}.section10 .box2 .item2 .item2-top .s10-pic3{width:5.3rem;height:3.54rem;background-size:100%;display:block;-webkit-transform-origin:top center;transform-origin:top center}.section10 .box2 .item2 .item2-top .txtbox{width:100%;height:auto;margin:0 auto}.section10 .box2 .item2 .item2-top .txtbox .txt1{padding-top:0.32rem;font-family:'OPPOSans-Bold';font-size:0.2rem;line-height:0.32rem;color:#000}.section10 .box2 .item2 .item2-top .txtbox .txt2{font-family:'OPPOSans-Regular';font-size:0.16rem;line-height:0.21rem;color:#000000;padding-top:0.04rem}.section10 .box2 .item2 .item2-bottom{width:5.3rem;height:4.43rem;padding-bottom:0.96rem}.section10 .box2 .item2 .item2-bottom .s10-pic4{width:5.3rem;height:3.54rem;background-size:100%;display:block}.section10 .box2 .item2 .item2-bottom .txtbox{width:100%;height:auto;margin:0 auto}.section10 .box2 .item2 .item2-bottom .txtbox .txt1{padding-top:0.32rem;font-family:'OPPOSans-Bold';font-size:0.2rem;line-height:0.32rem;color:#000}.section10 .box2 .item2 .item2-bottom .txtbox .txt2{font-family:'OPPOSans-Regular';font-size:0.16rem;line-height:0.21rem;color:#000000;padding-top:0.04rem}.section10 .box3{margin-top:0.8rem}.section10 .box3 .s10-pic5{width:13.12rem;height:7.38rem;background-size:100%}.section10 .box3 .txtbox{width:100%;height:auto;margin:0 auto}.section10 .box3 .txtbox .txt1{padding-top:0.32rem;font-family:'OPPOSans-Bold';font-size:0.2rem;line-height:0.32rem;color:#000}.section10 .box3 .txtbox .txt2{font-family:'OPPOSans-Regular';font-size:0.16rem;line-height:0.21rem;color:#000000;padding-top:0.04rem}.section11{width:100%;height:auto;padding:1.28rem 0 1.28rem 0;background:#d8e3f5;position:relative}.section11 .cont{width:13.12rem;height:auto;display:block;margin:0 auto}.section11 .cont .title{font-family:'OPPOSans-Medium';font-size:0.42rem;line-height:0.64rem;color:#000000;text-align:center}.section11 .cont .itembox{width:100%;height:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-top:0.8rem;position:relative}.section11 .cont .itembox .item{width:4.16rem;height:auto}.section11 .cont .itembox .item .picbox{width:4.16rem;height:5.55rem;background:rgba(255,255,255,0.5);box-shadow:0 0.32rem 1.2rem 0 rgba(200,216,229,0.2);margin-bottom:0.24rem;overflow:hidden}.section11 .cont .itembox .item .picbox .s11-pic{width:2.1rem;height:4.53rem;background-size:100% auto;display:block;margin:0.51rem auto 0}.section11 .cont .itembox .item .txtbox{width:100%}.section11 .cont .itembox .item .txtbox .title1{font-family:'OPPOSans-Medium';font-size:0.2rem;line-height:0.32rem;color:#000}.section11 .cont .itembox .item .txtbox .title2{font-family:'OPPOSans-Medium';font-size:0.2rem;line-height:0.32rem;color:rgba(0,0,0,0.6)}.section11 .cont .itembox .item .txtbox .dec{width:84%;font-family:'OPPOSans-Regular';font-size:0.16rem;line-height:0.28rem;color:#000;margin-top:0.12rem}.section11 .cont .itembox .item2 .txtbox .dec{width:96%}.section11 .cont .itembox .item3 .txtbox .dec{width:100%}.section11 .cont .itemboxon{-webkit-animation:fadeInUp .7s .2s ease-in-out forwards;animation:fadeInUp .7s .2s ease-in-out forwards;will-change:transform,opacity}.section12{width:100%;height:auto;padding:1.28rem 0 1.28rem 0;background:rgba(231,239,249,0.63)}.section12 .cont{width:13.12rem;height:100%;display:block;margin:0 auto}.section12 .cont .txtitem{width:100%;height:auto;display:-webkit-box;display:-ms-flexbox;display:flex}.section12 .cont .txtitem .txtbox1{width:100%;text-align:center}.section12 .cont .txtitem .txtbox1 .title1{font-family:'OPPOSans-Medium';font-size:0.42rem;line-height:0.55rem;color:#000000;padding-bottom:0.07rem}.section12 .cont .txtitem .txtbox1 .title2{font-family:'OPPOSans-Medium';font-size:0.42rem;line-height:0.55rem;color:#000000}.section12 .cont .itembox{width:100%;height:2.73rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:0.8rem auto 0}.section12 .cont .itembox .item{width:2.24rem;height:2.73rem;background:rgba(255,255,255,0.63);overflow:hidden;border-radius:0.04rem}.section12 .cont .itembox .item .s12-icon{width:1rem;height:1rem;background-size:100%;margin:0.42rem auto 0.24rem}.section12 .cont .itembox .item .txt1{font-family:'OPPOSans-Bold';font-size:0.24rem;line-height:0.38rem;color:#000;text-align:center}.section12 .cont .itembox .item .txt2{font-family:'OPPOSans-Medium';font-size:0.14rem;line-height:0.18rem;color:#000;text-align:center;padding-top:0.16rem}.section12 .cont .itemboxon{-webkit-animation:fadeInUp .7s .2s ease-in-out forwards;animation:fadeInUp .7s .2s ease-in-out forwards;will-change:transform,opacity}.section13{width:100%;height:auto;padding:1.82rem 0 1.82rem 0;background:#ffffff}.section13 .cont{width:13.12rem;height:auto;display:block;margin:0 auto}.section13 .cont .tips{font-family:'OPPOSans-Regular';font-size:0.12rem;line-height:0.2rem;color:#a4a4a4}.section13 .cont .ul li{font-family:'OPPOSans-Regular';font-size:0.12rem;line-height:0.2rem;color:#a4a4a4;list-style:decimal outside;margin-left:0.24rem}.section-9-1 .sec-cont{padding:1.82rem 0 0 0}.sec-9-title{font:0.42rem/0.64rem "OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";letter-spacing:-0.002rem;text-align:center;margin-bottom:0.32rem}.media-list{width:13.12rem;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-line-pack:start;align-content:flex-start}.media-item{width:3.03rem}.media-item a{display:block}.media-item .logo-bg{background:#f0f0f0;width:3.04rem;height:2.27rem;position:relative;-webkit-transition:background 0.6s ease;transition:background 0.6s ease}.media-item .logo-limit{max-width:1.8rem;max-height:0.8rem;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;-webkit-transition:-webkit-transform 0.6s ease;transition:-webkit-transform 0.6s ease;transition:transform 0.6s ease;transition:transform 0.6s ease, -webkit-transform 0.6s ease}.media-item:hover .logo-bg{background:#fafafa}.media-item:hover .logo-limit{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:scale(0.92);transform:scale(0.92)}.media-item p{padding-top:0.12rem;font:0.16rem/0.24rem "OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.section-9-1 .btn-box{display:none}.sectionsw .sec-9-swiper{width:13.12rem;margin:0 auto;z-index:0;margin-bottom:0.32rem}.sectionsw .sec-9-swiper+.swiper-pagination-sec9{height:0.08rem;text-align:center}.sectionsw .sec-9-swiper+.swiper-pagination-sec9 .swiper-pagination-bullet{opacity:1;width:0.08rem;height:0.08rem;margin:0 0.04rem;vertical-align:top;background:rgba(51,51,51,0.5)}.sectionsw .sec-9-swiper+.swiper-pagination-sec9 .swiper-pagination-bullet-active{background:#333333}}@media screen and (min-width: 1440px) and (max-width: 1919px){.section1{width:100%;height:100%;margin:0 auto;position:relative}.section1 .kv{display:block;width:100%;height:100%;background-size:100% auto;margin:0 auto}.section1 .content{width:10.54rem;height:100%;position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.section1 .content .textbox{width:3.4rem;height:2.2rem;position:absolute;top:50%;right:0;margin-top:-1rem;opacity:0}.section1 .content .textbox .s1-txt1{width:100%;height:0.8rem;font-size:0.68rem;font-family:"OPPOSans-Bold";color:#000000;line-height:0.8rem}.section1 .content .textbox .s1-txt2{width:100%;height:0.42rem;font-size:0.28rem;font-family:"OPPOSans-Medium";color:#000000;line-height:0.42rem;padding-bottom:0.48rem}.section1 .content .textbox .s1-txt3{width:100%;height:0.48rem;font-size:0.28rem;font-family:"OPPOSans-Medium";color:#000000;line-height:0.48rem}.section1 .content .textbox .s1-txt3 span{font-size:0.14rem}.section1 .content .textbox .s1-txt3 a{display:inline-block;vertical-align:top;padding:0 0.2rem;background:#2EC84D;font-size:0.16rem;color:#FFFFFF;margin-left:0.18rem}.section2{width:100%;height:auto;padding:1.82rem 0;margin:0 auto;background:#FFFFFF;position:relative}.section2 .cont{width:13.2rem;height:auto;margin:0 auto}.section2 .cont .title{width:100%;font-size:0.68rem;color:#000000;line-height:0.96rem;height:0.96rem;text-align:center;padding-bottom:1.28rem;font-family:"OPPOSans-Regular"}.section2 .cont .reasonbox{width:100%;height:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.section2 .cont .reasonbox .box{width:1.5rem;height:auto;text-align:center;margin:0 auto}.section2 .cont .reasonbox .box .iconbox{width:1.5rem;height:0.64rem;margin-bottom:0.32rem}.section2 .cont .reasonbox .box .iconbox img{display:block;height:0.64rem;margin:0 auto}.section2 .cont .reasonbox .box .icontxt1{font-size:0.16rem;color:#000000;line-height:0.26rem;font-family:"OPPOSans-H"}.section2 .cont .reasonbox .box .icontxt2{font-size:0.16rem;color:#000000;line-height:0.22rem;font-family:"OPPOSans-Regular"}.section2 .cont .reasonboxon{-webkit-animation:fadeInUp .7s .2s ease-in-out forwards;animation:fadeInUp .7s .2s ease-in-out forwards;will-change:transform,opacity}.section3{width:100%;height:9.8rem;margin:0 auto;position:relative;overflow:hidden}.section3 .s3imgbox{width:19.2rem;height:9.81rem;overflow:hidden;margin:0 auto}.section3 .s3imgbox .s3-img{width:19.2rem;height:9.81rem;-webkit-transform:scale(1.2);transform:scale(1.2);display:block;position:absolute;top:0;left:50%;margin-left:-9.6rem}.section3 .s3-imgon{-webkit-animation:picScale 1s  ease-in-out forwards;animation:picScale 1s  ease-in-out forwards;will-change:transform,opacity}.section3 .txtbox{width:7.6rem;height:auto;position:absolute;top:1.82rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);text-align:center}.section3 .txtbox .txt1{font-size:0.42rem;color:#000000;line-height:0.64rem;font-family:"OPPOSans-Medium";padding-bottom:0.2rem}.section3 .txtbox .txt2{font-size:0.16rem;width:6.8rem;margin:0 auto;color:#000000;line-height:0.28rem;font-family:"OPPOSans-Regular"}.section4{width:100%;height:auto;padding:1.68rem 0;background:#FFFFFF;margin:0 auto;position:relative;z-index:1}.section4 .cont{width:13.04rem;height:auto;margin:0 auto;position:relative}.section4 .cont .txtbox{padding:1.66rem 0 1.64rem 0;width:100%;height:auto}.section4 .cont .txtbox .tit-box{width:100%;height:auto;padding-bottom:0.2rem}.section4 .cont .txtbox .tit-box .txt1,.section4 .cont .txtbox .tit-box .txt2{font-size:0.42rem;color:#000000;line-height:0.6rem;font-family:"OPPOSans-Medium";display:block}.section4 .cont .txtbox .txt3{width:5.36rem;font-size:0.16rem;color:#000000;line-height:0.28rem;font-family:"OPPOSans-Regular"}.section4 .cont .txtbox .txt-box{width:100%;height:auto}.section4 .cont .txtbox .txt-box .txt4{font-size:0.16rem;color:#000000;line-height:0.28rem;font-family:"OPPOSans-Bold";margin:0.4rem 0 0.2rem 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.section4 .cont .txtbox .txt-box .txt4 .icon{background:url(/content/dam/oppo/product-asset-library/a/a55/cn/v1/index/assets/s4-icon-1920.png) no-repeat;background-size:100% auto;width:0.2rem;height:0.23rem;margin-right:0.2rem}.section4 .cont .bannerbox{width:5.6rem;height:7rem;position:absolute;top:0;right:1.08rem;overflow:hidden}.section4 .cont .bannerbox .banner0{width:3.24rem;height:6.985rem;position:absolute;top:0;left:0;z-index:6;opacity:0}.section4 .cont .bannerbox .banner1{width:2.78rem;height:6rem;position:absolute;top:0.48rem;left:1.32rem;z-index:5;opacity:0}.section4 .cont .bannerbox .banner2{width:2.34rem;height:5.08rem;position:absolute;top:0.94rem;left:2.52rem;z-index:4;opacity:0}.section4 .cont .bannerbox .banner3{width:1.92rem;height:4.16rem;position:absolute;top:1.38rem;left:3.56rem;z-index:3;opacity:0}.section4 .cont .bannerboxon .banner0{-webkit-animation:fadeInRight 0.8s ease forwards;animation:fadeInRight 0.8s ease forwards;will-change:transform,opacity}.section4 .cont .bannerboxon .banner1{-webkit-animation:fadeInLeft 0.8s 0.5s ease forwards;animation:fadeInLeft 0.8s 0.5s ease forwards;will-change:transform,opacity}.section4 .cont .bannerboxon .banner2{-webkit-animation:fadeInLeft 0.8s 0.8s ease-out forwards;animation:fadeInLeft 0.8s 0.8s ease-out forwards;will-change:transform,opacity}.section4 .cont .bannerboxon .banner3{-webkit-animation:fadeInLeft 0.8s 1.1s ease-out forwards;animation:fadeInLeft 0.8s 1.1s ease-out forwards;will-change:transform,opacity}.section5{width:100%;height:auto;background:#FFFFFF;margin:0 auto 0.6rem;position:relative;z-index:1}.section5 .cont{width:11rem;height:auto;position:relative;margin:0 auto}.section5 .cont .txtbox{width:10rem;height:auto;margin:0 auto;text-align:center;padding-bottom:0.48rem}.section5 .cont .txtbox .txt1{width:100%;height:0.64rem;font-size:0.42rem;color:#000000;line-height:0.64rem;font-family:"OPPOSans-Medium";padding-bottom:0.2rem}.section5 .cont .txtbox .txt2{width:7rem;font-size:0.16rem;color:#000000;line-height:0.28rem;font-family:"OPPOSans-Medium";margin:0 auto}.section5 .cont .txtbox2{width:5.53rem;height:auto;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;text-align:center;margin-bottom:0.8rem;position:relative}.section5 .cont .txtbox2 .txt1{height:0.32rem;font-size:0.2rem;font-family:"OPPOSans-Bold";color:#000000;line-height:0.32rem;padding-bottom:0.04rem;position:relative}.section5 .cont .txtbox2 .txt1 sup{font-weight:bold;top:-0.08rem;font-size:0.12rem}.section5 .cont .txtbox2 .txt2{height:0.28rem;font-size:0.16rem;font-family:"OPPOSans-Regular";color:#000000;line-height:0.28rem}.section5 .cont .flashchange{width:8.74rem;height:6.6rem;position:relative;margin:0 auto}.section5 .cont .flashchange .numbox{width:9.79rem;height:3.11rem;position:absolute;top:0;left:0}.section5 .cont .flashchange .numbox .num{width:100%;height:100%;position:absolute;bottom:0;left:0}.section5 .cont .flashchange .numbox .num .num-img{width:9.79rem;height:3.11rem;background-size:100%}.section5 .cont .flashchange .numbox .numlight{width:100%;position:absolute;bottom:0;left:0;height:0%;overflow:hidden;z-index:2}.section5 .cont .flashchange .numbox .numlight .numlight-img{width:9.79rem;height:3.11rem;background-size:100%;position:absolute;bottom:0;left:0}.section5 .cont .flashchange .phonebox{width:10rem;height:3.91rem;position:absolute;top:2.43rem;left:0;margin:0 auto}.section5 .cont .flashchange .phonebox .phone{width:8.91rem;height:3.91rem;position:absolute;top:0;left:-0.5rem;z-index:4}.section5 .cont .flashchange .phonebox .datacable{width:3.5rem;height:0.28rem;position:absolute;top:1.04rem;left:8.7rem;z-index:2}.section5 .cont .flashchangeon .numbox .numlight{-webkit-animation:fadeInHeight 0.8s linear .4s forwards;animation:fadeInHeight 0.8s linear .4s forwards;will-change:height}.section5 .cont .flashchangeon .phonebox .phone{-webkit-animation:moveRight 0.4s linear forwards;animation:moveRight 0.4s linear forwards;will-change:transform,opacity}.section5 .cont .flashchangeon .phonebox .datacable{-webkit-animation:moveLeft  0.4s linear forwards;animation:moveLeft  0.4s linear forwards;will-change:transform,opacity}.section5 .cont .flashchangeonheight .numbox .numlight{-webkit-animation:fadeInHeights 0.8s linear .4s forwards;animation:fadeInHeights 0.8s linear .4s forwards;will-change:height}.section5 .cont .flashchangeonheight .phonebox .phone{-webkit-animation:moveRights 0.4s linear forwards;animation:moveRights 0.4s linear forwards;will-change:transform,opacity}.section5 .cont .flashchangeonheight .phonebox .datacable{-webkit-animation:moveLefts  0.4s linear forwards;animation:moveLefts  0.4s linear forwards;will-change:transform,opacity}.section6{width:100%;height:auto;padding:0 0 1.28rem 0;position:relative;margin:0 auto;background:#FFFFFF}.section6 .cont{width:13.12rem;height:auto;position:relative;margin:0 auto}.section6 .cont .txtbox{padding:0 0;width:100%;height:auto;margin:0 auto}.section6 .cont .txtbox .titbox{width:10rem;height:auto;margin:0 auto;padding-bottom:0.2rem}.section6 .cont .txtbox .titbox .txt1,.section6 .cont .txtbox .titbox .txt2{font-size:0.42rem;color:#000000;line-height:0.6rem;height:0.6rem;font-family:"OPPOSans-Medium";text-align:center}.section6 .cont .txtbox .txt3{width:7.2rem;font-size:0.16rem;font-family:"OPPOSans-Regular";color:#000000;line-height:0.28rem;margin:0 auto 1.92rem;text-align:center}.section6 .cont .s6-imgs{width:9.04rem;height:4.2rem;margin:0 auto 0.4rem}.section6 .cont .s6-imgs .s6img1{width:9.04rem;height:4.2rem;background-size:100%}.section6 .cont .txtbox2{width:10.01rem;height:auto;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;text-align:left;position:absolute;top:1.88rem;left:1.6rem}.section6 .cont .txtbox2 .txt1{height:0.32rem;font-size:0.2rem;font-family:"OPPOSans-Bold";color:#000000;line-height:0.32rem;padding-bottom:0.04rem}.section6 .cont .txtbox2 .txt2{height:0.28rem;font-size:0.16rem;font-family:"OPPOSans-Regular";color:#000000;line-height:0.28rem}.section7{width:100%;height:auto;position:relative;margin:0 auto;background:#FFFFFF}.section7 .txtbox1{width:8.7rem;height:auto;margin:0 auto;text-align:center;padding-bottom:0.48rem}.section7 .txtbox1 .txt1{font-size:0.42rem;color:#000000;line-height:0.64rem;height:0.64rem;font-family:"OPPOSans-Medium";padding-bottom:0.2rem}.section7 .txtbox1 .txt2{width:7.1rem;margin:0 auto;font-size:0.16rem;font-family:"OPPOSans-Regular";color:#000000;line-height:0.28rem}.section7 .txtbox2{width:4.4rem;height:auto;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;text-align:center;padding-bottom:0.8rem}.section7 .txtbox2 .txt1{height:0.32rem;font-size:0.2rem;font-family:"OPPOSans-Bold";color:#000000;line-height:0.32rem}.section7 .txtbox2 .txt2{height:0.28rem;font-size:0.16rem;font-family:"OPPOSans-Regular";color:#000000;line-height:0.28rem}.section7 .eyescreen{width:100%;height:5rem;position:relative;margin:0 auto}.section7 .eyescreen .s7bg{width:19.2rem;height:5rem;position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.section7 .eyescreen .fingerprint{width:19.2rem;height:4.995rem;position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:4}.section7 .eyescreen .s7-screen{width:6.77rem;height:3.11rem;position:absolute;top:0.6rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:2;overflow:hidden;border-radius:0.4rem}.section7 .eyescreen .s7-screen .s7-screen-img{width:6.77rem;height:3.11rem;margin:0 auto;-webkit-transform:scale(1.2);transform:scale(1.2)}.section7 .eyescreen .s7-screen .s7-screen-imgon{-webkit-animation:picScale 1s  ease-in-out forwards;animation:picScale 1s  ease-in-out forwards;will-change:transform,opacity}.section8{width:100%;height:auto;padding:1.28rem 0 1.68rem 0;position:relative;background:#FFFFFF;z-index:0}.section8 .cont{width:13.12rem;height:auto;margin:0 auto;position:relative}.section8 .cont .txtbox{width:100%;height:auto;text-align:center}.section8 .cont .txtbox .txt1{font-size:0.42rem;color:#000000;line-height:0.64rem;height:0.64rem;font-family:"OPPOSans-Medium";padding-bottom:0.2rem}.section8 .cont .txtbox .txt2{width:7.2rem;font-size:0.16rem;font-family:"OPPOSans-Regular";color:#000000;line-height:0.28rem;padding-bottom:0.48rem;margin:0 auto}.section8 .cont .txtbox2{width:5.2rem;height:auto;margin:0 auto 0.8rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;text-align:center}.section8 .cont .txtbox2 .txt1{height:0.32rem;font-size:0.2rem;font-family:"OPPOSans-Bold";color:#000000;line-height:0.32rem;padding-bottom:0.04rem}.section8 .cont .txtbox2 .txt2{height:0.28rem;font-size:0.16rem;font-family:"OPPOSans-Regular";color:#000000;line-height:0.28rem}.section8 .cont .phonecolorbox{width:100%;height:6.93rem;position:relative;margin:0 auto}.section8 .cont .phonecolorbox .phonecolor{width:100%;height:6.41rem;position:relative;margin:0 auto}.section8 .cont .phonecolorbox .phonecolor .colorbule{width:100%;height:6.41rem;position:absolute;top:0;right:0;z-index:3;overflow:hidden}.section8 .cont .phonecolorbox .phonecolor .colorbule .colorbuleimg{width:13.12rem;height:6.41rem;position:absolute;top:0;right:0}.section8 .cont .phonecolorbox .phonecolor .colorblack{width:100%;height:6.41rem;position:absolute;top:0;right:0;z-index:2;overflow:hidden}.section8 .cont .phonecolorbox .phonecolor .colorblack .colorblackimg{width:13.12rem;height:6.41rem;position:absolute;top:0;right:0}.section8 .cont .phonecolorbox .phonecolor .colorgold{width:100%;height:6.41rem;position:absolute;top:0;right:0;z-index:2;overflow:hidden}.section8 .cont .phonecolorbox .phonecolor .colorgold .colorgoldimg{width:13.12rem;height:6.41rem;position:absolute;top:0;right:0}.section8 .cont .phonecolorbox .phonenavs{width:100%;text-align:center;font-size:0;position:absolute;bottom:0;right:0}.section8 .cont .phonecolorbox .phonenavs .phonenav{display:inline-block;vertical-align:top;margin-right:0.48rem}.section8 .cont .phonecolorbox .phonenavs .phonenav a{line-height:0.16rem;font-size:0.16rem;font-family:"OPPOSans-Bold";-webkit-transition:all 1s;transition:all 1s}.section8 .cont .phonecolorbox .phonenavs .phonenav a i{display:inline-block;vertical-align:top;width:0.16rem;height:0.16rem;box-sizing:border-box;border-radius:50%;margin:0 0.08rem 0 0;-webkit-transition:all 1s;transition:all 1s}.section8 .cont .phonecolorbox .phonenavs .phonenav1 a{color:#4167A6}.section8 .cont .phonecolorbox .phonenavs .phonenav1 i{background:#FFFFFF;border:1Px solid #4167A6}.section8 .cont .phonecolorbox .phonenavs .phonenav2 a{color:#2D2D2D}.section8 .cont .phonecolorbox .phonenavs .phonenav2 i{background:#FFFFFF;border:1Px solid #2D2D2D}.section8 .cont .phonecolorbox .phonenavs .phonenav3 a{color:#feaa9a}.section8 .cont .phonecolorbox .phonenavs .phonenav3 i{background:url(/content/dam/oppo/product-asset-library/a/a55/cn/v3/index/assets/s8-roundframegold-1920.png) no-repeat;background-size:100% auto}.section8 .cont .phonecolorbox .phonenavs .phonenav1.on{pointer-events:none}.section8 .cont .phonecolorbox .phonenavs .phonenav1.on a{color:#4167A6;pointer-events:none}.section8 .cont .phonecolorbox .phonenavs .phonenav1.on a i{background:#4167A6;border:1Px solid #4167A6}.section8 .cont .phonecolorbox .phonenavs .phonenav2.on{pointer-events:none}.section8 .cont .phonecolorbox .phonenavs .phonenav2.on a{color:#2D2D2D;pointer-events:none}.section8 .cont .phonecolorbox .phonenavs .phonenav2.on a i{background:#2D2D2D;border:1Px solid #2D2D2D}.section8 .cont .phonecolorbox .phonenavs .phonenav3.on{pointer-events:none}.section8 .cont .phonecolorbox .phonenavs .phonenav3.on a{color:#feaa9a;pointer-events:none}.section8 .cont .phonecolorbox .phonenavs .phonenav3.on a i{background:url(/content/dam/oppo/product-asset-library/a/a55/cn/v3/index/assets/s8-roundgold-1920.png) no-repeat;background-size:100% auto}.section8 .cont .phonecolorbox .phonenavs .phonenav:last-child{margin-right:0}.section9{width:100%;height:auto;padding:0 0 0 0;position:relative;z-index:1;margin:0 auto;background:#FFFFFF;overflow:hidden}.section9 .s9bg{width:19.2rem;height:7.39rem;position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.section9 .cont{width:13.12rem;height:auto;position:relative;margin:0 auto;padding-top:2.57rem}.section9 .cont .txtbox1{width:100%;height:auto;padding:0 0 0.2rem 0;position:relative;z-index:2}.section9 .cont .txtbox1 .txt1,.section9 .cont .txtbox1 .txt2{font-size:0.42rem;color:#000000;line-height:0.6rem;height:0.6rem;font-family:"OPPOSans-Medium"}.section9 .cont .txtbox2{width:4.26rem;height:auto;position:relative;opacity:0;padding:0 0 2.57rem 0}.section9 .cont .txtbox2 .txt3{font-size:0.16rem;line-height:0.28rem;font-family:'OPPOSans-Regular';color:#000000}.section9 .cont .s9-imgs{width:11.79rem;height:7.38rem;position:absolute;top:0;left:4.4rem;opacity:0}.section9 .conton .txtbox2{-webkit-animation:fadeInUp 1.2s .2s ease-in-out forwards;animation:fadeInUp 1.2s .2s ease-in-out forwards;will-change:transform,opacity}.section9 .conton .s9-imgs{-webkit-animation:fadeInUp .7s .2s ease-in-out forwards;animation:fadeInUp .7s .2s ease-in-out forwards;will-change:transform,opacity}.section10{width:100%;height:auto;padding:1.28rem 0 1.68rem 0;position:relative;margin:0 auto}.section10 .box{width:13.12rem;height:auto;margin:0 auto;position:relative}.section10 .box1 .s10-pic1{width:13.12rem;height:7.38rem;background-size:100%}.section10 .box1 .txtbox{width:100%;height:auto;margin:0 auto}.section10 .box1 .txtbox .txt1{padding-top:0.32rem;font-family:'OPPOSans-Bold';font-size:0.2rem;line-height:0.32rem;color:#000}.section10 .box1 .txtbox .txt2{font-family:'OPPOSans-Regular';font-size:0.16rem;line-height:0.21rem;color:#000000;padding-top:0.04rem}.section10 .box2{margin-top:0.8rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.section10 .box2 .item1{width:6.7rem;height:9.82rem}.section10 .box2 .item1 .s10-pic2{width:6.7rem;height:8.93rem;background-size:100%;display:block;-webkit-transform-origin:top center;transform-origin:top center}.section10 .box2 .item1 .txtbox{width:100%;height:auto;margin:0 auto}.section10 .box2 .item1 .txtbox .txt1{padding-top:0.32rem;font-family:'OPPOSans-Bold';font-size:0.2rem;line-height:0.32rem;color:#000}.section10 .box2 .item1 .txtbox .txt2{font-family:'OPPOSans-Regular';font-size:0.16rem;line-height:0.21rem;color:#000000;padding-top:0.04rem}.section10 .box2 .item2{width:5.3rem;height:9.82rem}.section10 .box2 .item2 .item2-top{width:5.3rem;height:4.43rem;padding-bottom:0.96rem}.section10 .box2 .item2 .item2-top .s10-pic3{width:5.3rem;height:3.54rem;background-size:100%;display:block;-webkit-transform-origin:top center;transform-origin:top center}.section10 .box2 .item2 .item2-top .txtbox{width:100%;height:auto;margin:0 auto}.section10 .box2 .item2 .item2-top .txtbox .txt1{padding-top:0.32rem;font-family:'OPPOSans-Bold';font-size:0.2rem;line-height:0.32rem;color:#000}.section10 .box2 .item2 .item2-top .txtbox .txt2{font-family:'OPPOSans-Regular';font-size:0.16rem;line-height:0.21rem;color:#000000;padding-top:0.04rem}.section10 .box2 .item2 .item2-bottom{width:5.3rem;height:4.43rem;padding-bottom:0.96rem}.section10 .box2 .item2 .item2-bottom .s10-pic4{width:5.3rem;height:3.54rem;background-size:100%;display:block}.section10 .box2 .item2 .item2-bottom .txtbox{width:100%;height:auto;margin:0 auto}.section10 .box2 .item2 .item2-bottom .txtbox .txt1{padding-top:0.32rem;font-family:'OPPOSans-Bold';font-size:0.2rem;line-height:0.32rem;color:#000}.section10 .box2 .item2 .item2-bottom .txtbox .txt2{font-family:'OPPOSans-Regular';font-size:0.16rem;line-height:0.21rem;color:#000000;padding-top:0.04rem}.section10 .box3{margin-top:0.8rem}.section10 .box3 .s10-pic5{width:13.12rem;height:7.38rem;background-size:100%}.section10 .box3 .txtbox{width:100%;height:auto;margin:0 auto}.section10 .box3 .txtbox .txt1{padding-top:0.32rem;font-family:'OPPOSans-Bold';font-size:0.2rem;line-height:0.32rem;color:#000}.section10 .box3 .txtbox .txt2{font-family:'OPPOSans-Regular';font-size:0.16rem;line-height:0.21rem;color:#000000;padding-top:0.04rem}.section11{width:100%;height:auto;padding:1.28rem 0 1.28rem 0;background:#d8e3f5;position:relative}.section11 .cont{width:13.12rem;height:auto;display:block;margin:0 auto}.section11 .cont .title{font-family:'OPPOSans-Medium';font-size:0.42rem;line-height:0.64rem;color:#000000;text-align:center}.section11 .cont .itembox{width:100%;height:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-top:0.8rem;position:relative}.section11 .cont .itembox .item{width:4.16rem;height:auto}.section11 .cont .itembox .item .picbox{width:4.16rem;height:5.55rem;background:rgba(255,255,255,0.5);box-shadow:0 0.32rem 1.2rem 0 rgba(200,216,229,0.2);margin-bottom:0.24rem;overflow:hidden}.section11 .cont .itembox .item .picbox .s11-pic{width:2.1rem;height:4.53rem;background-size:100% auto;display:block;margin:0.51rem auto 0}.section11 .cont .itembox .item .txtbox{width:100%}.section11 .cont .itembox .item .txtbox .title1{font-family:'OPPOSans-Medium';font-size:0.2rem;line-height:0.32rem;color:#000}.section11 .cont .itembox .item .txtbox .title2{font-family:'OPPOSans-Medium';font-size:0.2rem;line-height:0.32rem;color:rgba(0,0,0,0.6)}.section11 .cont .itembox .item .txtbox .dec{width:84%;font-family:'OPPOSans-Regular';font-size:0.16rem;line-height:0.28rem;color:#000;margin-top:0.12rem}.section11 .cont .itembox .item2 .txtbox .dec{width:90%}.section11 .cont .itembox .item3 .txtbox .dec{width:100%}.section11 .cont .itemboxon{-webkit-animation:fadeInUp .7s .2s ease-in-out forwards;animation:fadeInUp .7s .2s ease-in-out forwards;will-change:transform,opacity}.section12{width:100%;height:auto;padding:1.28rem 0 1.28rem 0;background:rgba(231,239,249,0.63)}.section12 .cont{width:13.12rem;height:100%;display:block;margin:0 auto}.section12 .cont .txtitem{width:100%;height:auto;display:-webkit-box;display:-ms-flexbox;display:flex}.section12 .cont .txtitem .txtbox1{width:100%;text-align:center}.section12 .cont .txtitem .txtbox1 .title1{font-family:'OPPOSans-Medium';font-size:0.42rem;line-height:0.55rem;color:#000000;padding-bottom:0.07rem}.section12 .cont .txtitem .txtbox1 .title2{font-family:'OPPOSans-Medium';font-size:0.42rem;line-height:0.55rem;color:#000000}.section12 .cont .itembox{width:100%;height:2.73rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:0.8rem auto 0}.section12 .cont .itembox .item{width:2.24rem;height:2.73rem;background:rgba(255,255,255,0.63);overflow:hidden;border-radius:0.04rem}.section12 .cont .itembox .item .s12-icon{width:1rem;height:1rem;background-size:100%;margin:0.42rem auto 0.24rem}.section12 .cont .itembox .item .txt1{font-family:'OPPOSans-Bold';font-size:0.24rem;line-height:0.38rem;color:#000;text-align:center}.section12 .cont .itembox .item .txt2{font-family:'OPPOSans-Medium';font-size:0.14rem;line-height:0.18rem;color:#000;text-align:center;padding-top:0.16rem}.section12 .cont .itemboxon{-webkit-animation:fadeInUp .7s .2s ease-in-out forwards;animation:fadeInUp .7s .2s ease-in-out forwards;will-change:transform,opacity}.section13{width:100%;height:auto;padding:1.82rem 0 1.82rem 0;background:#ffffff}.section13 .cont{width:13.12rem;height:auto;display:block;margin:0 auto}.section13 .cont .tips{font-family:'OPPOSans-Regular';font-size:0.12rem;line-height:0.2rem;color:#a4a4a4}.section13 .cont .ul li{font-family:'OPPOSans-Regular';font-size:0.12rem;line-height:0.2rem;color:#a4a4a4;list-style:decimal outside;margin-left:0.24rem}.section-9-1 .sec-cont{padding:1.82rem 0 0 0}.sec-9-title{font:0.42rem/0.64rem "OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";letter-spacing:-0.002rem;text-align:center;margin-bottom:0.32rem}.media-list{width:13.12rem;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-line-pack:start;align-content:flex-start}.media-item{width:3.03rem}.media-item a{display:block}.media-item .logo-bg{background:#f0f0f0;width:3.04rem;height:2.27rem;position:relative;-webkit-transition:background 0.6s ease;transition:background 0.6s ease}.media-item .logo-limit{max-width:1.8rem;max-height:0.8rem;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;-webkit-transition:-webkit-transform 0.6s ease;transition:-webkit-transform 0.6s ease;transition:transform 0.6s ease;transition:transform 0.6s ease, -webkit-transform 0.6s ease}.media-item:hover .logo-bg{background:#fafafa}.media-item:hover .logo-limit{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:scale(0.92);transform:scale(0.92)}.media-item p{padding-top:0.12rem;font:0.16rem/0.24rem "OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.section-9-1 .btn-box{display:none}.sectionsw .sec-9-swiper{width:13.12rem;margin:0 auto;z-index:0;margin-bottom:0.32rem}.sectionsw .sec-9-swiper+.swiper-pagination-sec9{height:0.08rem;text-align:center}.sectionsw .sec-9-swiper+.swiper-pagination-sec9 .swiper-pagination-bullet{opacity:1;width:0.08rem;height:0.08rem;margin:0 0.04rem;vertical-align:top;background:rgba(51,51,51,0.5)}.sectionsw .sec-9-swiper+.swiper-pagination-sec9 .swiper-pagination-bullet-active{background:#333333}}@media screen and (min-width: 1024px) and (max-width: 1439px){.section1{width:100%;height:100%;margin:0 auto;position:relative}.section1 .kv{display:block;width:10.24rem;height:100%;background-size:100% auto;margin:0 auto}.section1 .content{width:7.62rem;height:100%;position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.section1 .content .textbox{width:3rem;height:2.2rem;position:absolute;top:50%;right:0;margin-top:-1rem;opacity:0}.section1 .content .textbox .s1-txt1{width:100%;font-size:0.6rem;font-family:"OPPOSans-Bold";color:#000000;line-height:0.8rem;padding-bottom:0.08rem}.section1 .content .textbox .s1-txt2{width:100%;height:0.42rem;font-size:0.24rem;font-family:"OPPOSans-Medium";color:#000000;line-height:0.42rem;padding-bottom:0.32rem}.section1 .content .textbox .s1-txt3{width:100%;height:0.48rem;font-size:0.24rem;font-family:"OPPOSans-Medium";color:#000000;line-height:0.48rem}.section1 .content .textbox .s1-txt3 span{font-size:0.14rem}.section1 .content .textbox .s1-txt3 a{display:inline-block;vertical-align:top;padding:0 0.14rem;background:#2EC84D;font-size:0.16rem;color:#FFFFFF;margin-left:0.18rem}.section2{width:100%;height:auto;padding:1.82rem 0 1.7rem 0;margin:0 auto;background:#FFFFFF;position:relative}.section2 .cont{width:8.44rem;height:auto;margin:0 auto}.section2 .cont .title{width:100%;font-size:0.68rem;color:#000000;line-height:0.96rem;height:0.96rem;text-align:center;padding-bottom:1.28rem;font-family:"OPPOSans-Regular"}.section2 .cont .reasonbox{width:100%;height:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.section2 .cont .reasonbox .box{width:1.4rem;height:auto;text-align:center;margin:0 auto}.section2 .cont .reasonbox .box .iconbox{width:1.4rem;height:0.64rem;margin-bottom:0.32rem}.section2 .cont .reasonbox .box .iconbox img{display:block;height:0.64rem;margin:0 auto}.section2 .cont .reasonbox .box .icontxt1{font-size:0.16rem;color:#000000;line-height:0.26rem;font-family:"OPPOSans-H"}.section2 .cont .reasonbox .box .icontxt2{font-size:0.16rem;color:#000000;line-height:0.22rem;font-family:"OPPOSans-Regular"}.section2 .cont .reasonboxon{-webkit-animation:fadeInUp .7s .2s ease-in-out forwards;animation:fadeInUp .7s .2s ease-in-out forwards;will-change:transform,opacity}.section3{width:100%;height:auto;margin:0 auto;position:relative;overflow:hidden}.section3 .s3-img{width:10.24rem;height:8.23rem;display:block;-webkit-transform:scale(1.2);transform:scale(1.2);margin:0 auto}.section3 .s3-imgon{-webkit-animation:picScale 1s  ease-in-out forwards;animation:picScale 1s  ease-in-out forwards;will-change:transform,opacity}.section3 .txtbox{width:8.64rem;height:auto;position:absolute;top:1.68rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);text-align:center}.section3 .txtbox .txt1{font-size:0.42rem;color:#000000;line-height:0.64rem;font-family:"OPPOSans-Medium";padding-bottom:0.2rem}.section3 .txtbox .txt2{font-size:0.16rem;color:#000000;line-height:0.28rem;font-family:"OPPOSans-Regular";width:6.84rem;margin:0 auto;letter-spacing:0.0012rem}.section4{width:100%;height:auto;padding:1.28rem 0 1.32rem 0;background:#FFFFFF;margin:0 auto;position:relative;z-index:1}.section4 .cont{width:8.96rem;height:auto;margin:0 auto;position:relative}.section4 .cont .txtbox{width:100%;height:auto;padding-bottom:0.2rem}.section4 .cont .txtbox .tit-box{width:5.6rem;height:auto;padding-bottom:0.2rem}.section4 .cont .txtbox .tit-box .txt1,.section4 .cont .txtbox .tit-box .txt2{font-size:0.42rem;color:#000000;line-height:0.64rem;font-family:"OPPOSans-Medium";display:block}.section4 .cont .txtbox .txt3{width:5.7rem;font-size:0.16rem;color:#000000;line-height:0.28rem;font-family:"OPPOSans-Regular"}.section4 .cont .txtbox .txt-box{width:100%;height:auto;margin-bottom:5.84rem}.section4 .cont .txtbox .txt-box .txt4{font-size:0.16rem;color:#000000;line-height:0.28rem;font-family:"OPPOSans-Bold";margin:0.32rem 0 0.2rem 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.section4 .cont .txtbox .txt-box .txt4 .icon{background:url(/content/dam/oppo/product-asset-library/a/a55/cn/v1/index/assets/s4-icon-1920.png) no-repeat;background-size:100% auto;width:0.2rem;height:0.23rem;margin-right:0.2rem}.section4 .cont .bannerbox{width:4.4rem;height:5.6rem;position:absolute;top:4.12rem;left:2.34rem;overflow:hidden}.section4 .cont .bannerbox .banner0{width:2.6rem;height:5.6rem;position:absolute;top:0;left:0;z-index:6;opacity:0}.section4 .cont .bannerbox .banner1{width:2.22rem;height:4.82rem;position:absolute;top:0.37rem;left:1.06rem;z-index:5;opacity:0}.section4 .cont .bannerbox .banner2{width:1.87rem;height:4.1rem;position:absolute;top:0.74rem;left:2rem;z-index:4;opacity:0}.section4 .cont .bannerbox .banner3{width:1.53rem;height:3.37rem;position:absolute;top:1.1rem;left:2.8rem;z-index:3;opacity:0}.section4 .cont .bannerboxon .banner0{-webkit-animation:fadeInRight 0.8s ease forwards;animation:fadeInRight 0.8s ease forwards;will-change:transform,opacity}.section4 .cont .bannerboxon .banner1{-webkit-animation:fadeInLeft 0.8s 0.5s ease forwards;animation:fadeInLeft 0.8s 0.5s ease forwards;will-change:transform,opacity}.section4 .cont .bannerboxon .banner2{-webkit-animation:fadeInLeft 0.8s 0.8s ease-out forwards;animation:fadeInLeft 0.8s 0.8s ease-out forwards;will-change:transform,opacity}.section4 .cont .bannerboxon .banner3{-webkit-animation:fadeInLeft 0.8s 1.1s ease-out forwards;animation:fadeInLeft 0.8s 1.1s ease-out forwards;will-change:transform,opacity}.section5{width:100%;height:auto;background:#FFFFFF;padding-bottom:1.28rem;margin:0 auto;position:relative;z-index:1}.section5 .cont{width:8rem;height:auto;position:relative;margin:0 auto}.section5 .cont .txtbox{width:100%;height:auto;margin:0 auto;text-align:center;padding-bottom:0.32rem}.section5 .cont .txtbox .txt1{width:100%;height:0.64rem;font-size:0.42rem;color:#000000;line-height:0.64rem;font-family:"OPPOSans-Medium";padding-bottom:0.2rem}.section5 .cont .txtbox .txt2{width:6.64rem;font-size:0.16rem;color:#000000;line-height:0.28rem;font-family:"OPPOSans-Regular";margin:0 auto}.section5 .cont .txtbox2{width:5.53rem;height:auto;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;text-align:center;padding-bottom:0.8rem;position:relative}.section5 .cont .txtbox2 .txt1{height:0.32rem;font-size:0.2rem;font-family:"OPPOSans-Bold";color:#000000;line-height:0.32rem;padding-bottom:0.04rem;position:relative}.section5 .cont .txtbox2 .txt1 sup{font-weight:bold;top:-0.08rem;font-size:0.12rem}.section5 .cont .txtbox2 .txt2{height:0.28rem;font-size:0.16rem;font-family:"OPPOSans-Regular";color:#000000;line-height:0.28rem}.section5 .cont .flashchange{width:7.28rem;height:5.35rem;position:relative;margin:0 auto}.section5 .cont .flashchange .numbox{width:8.02rem;height:2.6rem;position:absolute;top:0;left:0}.section5 .cont .flashchange .numbox .num{width:100%;height:100%;position:absolute;bottom:0;left:0}.section5 .cont .flashchange .numbox .num .num-img{width:8.02rem;height:2.6rem;background-size:100%}.section5 .cont .flashchange .numbox .numlight{width:100%;position:absolute;bottom:0;left:0;height:0%;overflow:hidden;z-index:2}.section5 .cont .flashchange .numbox .numlight .numlight-img{width:8.02rem;height:2.6rem;background-size:100%;position:absolute;bottom:0;left:0}.section5 .cont .flashchange .phonebox{width:7.28rem;height:3.3rem;position:absolute;top:2.06rem;left:0;margin:0 auto}.section5 .cont .flashchange .phonebox .phone{width:7.5rem;height:3.29rem;position:absolute;top:0;left:-0.7rem;z-index:4}.section5 .cont .flashchange .phonebox .datacable{width:2.015rem;height:0.24rem;position:absolute;top:0.88rem;left:7.2rem;z-index:2}.section5 .cont .flashchangeon .numbox .numlight{-webkit-animation:fadeInHeight 0.8s linear .4s forwards;animation:fadeInHeight 0.8s linear .4s forwards;will-change:height}.section5 .cont .flashchangeon .phonebox .phone{-webkit-animation:moveRight 0.4s linear forwards;animation:moveRight 0.4s linear forwards;will-change:transform,opacity}.section5 .cont .flashchangeon .phonebox .datacable{-webkit-animation:moveLeft  0.4s linear forwards;animation:moveLeft  0.4s linear forwards;will-change:transform,opacity}.section5 .cont .flashchangeonheight .numbox .numlight{-webkit-animation:fadeInHeights 0.8s linear .4s forwards;animation:fadeInHeights 0.8s linear .4s forwards;will-change:height}.section5 .cont .flashchangeonheight .phonebox .phone{-webkit-animation:moveRights 0.4s linear forwards;animation:moveRights 0.4s linear forwards;will-change:transform,opacity}.section5 .cont .flashchangeonheight .phonebox .datacable{-webkit-animation:moveLefts  0.4s linear forwards;animation:moveLefts  0.4s linear forwards;will-change:transform,opacity}.section6{width:100%;height:auto;padding:0 0 5.96rem 0;position:relative;margin:0 auto;background:#FFFFFF}.section6 .cont{width:8.96rem;height:auto;position:relative;margin:0 auto}.section6 .cont .txtbox{padding-bottom:0.32rem;width:100%;height:auto}.section6 .cont .txtbox .titbox{width:100%;height:auto;padding-bottom:0.2rem}.section6 .cont .txtbox .titbox .txt1,.section6 .cont .txtbox .titbox .txt2{font-size:0.42rem;color:#000000;line-height:0.6rem;font-family:"OPPOSans-Medium";display:block}.section6 .cont .txtbox .txt3{width:5.48rem;font-size:0.16rem;font-family:"OPPOSans-Regular";color:#000000;line-height:0.28rem}.section6 .cont .s6-imgs{width:8.61rem;height:4rem;position:absolute;top:4rem;left:0.18rem}.section6 .cont .s6-imgs .s6img1{width:8.61rem;height:4rem;background-size:100%}.section6 .cont .txtbox2{width:8.41rem;height:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;text-align:left}.section6 .cont .txtbox2 .txt1{height:0.32rem;font-size:0.2rem;font-family:"OPPOSans-Bold";color:#000000;line-height:0.32rem;padding-bottom:0.04rem}.section6 .cont .txtbox2 .txt2{height:0.28rem;font-size:0.16rem;font-family:"OPPOSans-Regular";color:#000000;line-height:0.28rem}.section7{width:100%;height:auto;position:relative;margin:0 auto;background:#FFFFFF}.section7 .txtbox1{width:8rem;height:auto;margin:0 auto;text-align:center;padding-bottom:0.32rem}.section7 .txtbox1 .txt1{font-size:0.42rem;color:#000000;line-height:0.64rem;height:0.64rem;font-family:"OPPOSans-Medium";padding-bottom:0.2rem}.section7 .txtbox1 .txt2{width:85%;margin:0 auto;font-size:0.16rem;font-family:"OPPOSans-Regular";color:#000000;line-height:0.28rem}.section7 .txtbox2{width:4.3rem;height:auto;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;text-align:center;padding-bottom:0.8rem}.section7 .txtbox2 .txt1{height:0.32rem;font-size:0.2rem;font-family:"OPPOSans-Bold";color:#000000;line-height:0.32rem}.section7 .txtbox2 .txt2{height:0.28rem;font-size:0.16rem;font-family:"OPPOSans-Regular";color:#000000;line-height:0.28rem}.section7 .eyescreen{width:10.24rem;height:5.2rem;position:relative;margin:0 auto}.section7 .eyescreen .s7bg{width:10.24rem;height:4.9rem;position:relative;margin:0 auto}.section7 .eyescreen .fingerprint{width:10.24rem;height:4.89rem;position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:4}.section7 .eyescreen .s7-screen{width:6.35rem;height:2.87rem;position:absolute;top:0.64rem;left:50%;-webkit-transform:translateX(-51%);transform:translateX(-51%);z-index:2;overflow:hidden;border-radius:0.1rem}.section7 .eyescreen .s7-screen .s7-screen-img{width:6.35rem;height:2.87rem;margin:0 auto;-webkit-transform:scale(1.2);transform:scale(1.2)}.section7 .eyescreen .s7-screen .s7-screen-imgon{-webkit-animation:picScale 1s  ease-in-out forwards;animation:picScale 1s  ease-in-out forwards;will-change:transform,opacity}.section8{width:100%;height:auto;padding:1.28rem 0 1.68rem 0;position:relative;background:#FFFFFF;z-index:0}.section8 .cont{width:8.96rem;height:auto;margin:0 auto;position:relative}.section8 .cont .txtbox{width:100%;height:auto;text-align:center}.section8 .cont .txtbox .txt1{font-size:0.42rem;color:#000000;line-height:0.64rem;height:0.64rem;font-family:"OPPOSans-Medium";padding-bottom:0.2rem}.section8 .cont .txtbox .txt2{width:6.9rem;margin:0 auto;font-size:0.16rem;font-family:"OPPOSans-Regular";color:#000000;line-height:0.28rem;padding-bottom:0.32rem}.section8 .cont .txtbox2{width:5.2rem;height:auto;margin:0 auto 0.8rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;text-align:center}.section8 .cont .txtbox2 .txt1{height:0.32rem;font-size:0.2rem;font-family:"OPPOSans-Bold";color:#000000;line-height:0.32rem;padding-bottom:0.04rem}.section8 .cont .txtbox2 .txt2{height:0.28rem;font-size:0.16rem;font-family:"OPPOSans-Regular";color:#000000;line-height:0.28rem}.section8 .cont .phonecolorbox{width:100%;height:6.89rem;position:relative;margin:0 auto}.section8 .cont .phonecolorbox .phonecolor{width:100%;height:6.37rem;position:relative;margin:0 auto}.section8 .cont .phonecolorbox .phonecolor .colorbule{width:100%;height:6.37rem;position:absolute;top:0;right:0;z-index:3;overflow:hidden}.section8 .cont .phonecolorbox .phonecolor .colorbule .colorbuleimg{width:8.96rem;height:6.37rem;position:absolute;top:0;right:0}.section8 .cont .phonecolorbox .phonecolor .colorblack{width:100%;height:6.37rem;position:absolute;top:0;right:0;z-index:2;overflow:hidden}.section8 .cont .phonecolorbox .phonecolor .colorblack .colorblackimg{width:8.96rem;height:6.37rem;position:absolute;top:0;right:0}.section8 .cont .phonecolorbox .phonecolor .colorgold{width:100%;height:6.37rem;position:absolute;top:0;right:0;z-index:2;overflow:hidden}.section8 .cont .phonecolorbox .phonecolor .colorgold .colorgoldimg{width:8.96rem;height:6.37rem;position:absolute;top:0;right:0}.section8 .cont .phonecolorbox .phonenavs{width:100%;text-align:center;font-size:0;position:absolute;bottom:0;right:0}.section8 .cont .phonecolorbox .phonenavs .phonenav{display:inline-block;vertical-align:top;margin-right:0.48rem}.section8 .cont .phonecolorbox .phonenavs .phonenav a{line-height:0.16rem;font-size:0.16rem;font-family:"OPPOSans-Bold";-webkit-transition:all 1s;transition:all 1s}.section8 .cont .phonecolorbox .phonenavs .phonenav a i{display:inline-block;vertical-align:top;width:0.16rem;height:0.16rem;box-sizing:border-box;border-radius:50%;margin:0 0.08rem 0 0;-webkit-transition:all 1s;transition:all 1s}.section8 .cont .phonecolorbox .phonenavs .phonenav1 a{color:#4167A6}.section8 .cont .phonecolorbox .phonenavs .phonenav1 i{background:#FFFFFF;border:1Px solid #4167A6}.section8 .cont .phonecolorbox .phonenavs .phonenav2 a{color:#2D2D2D}.section8 .cont .phonecolorbox .phonenavs .phonenav2 i{background:#FFFFFF;border:1Px solid #2D2D2D}.section8 .cont .phonecolorbox .phonenavs .phonenav3 a{color:#feaa9a}.section8 .cont .phonecolorbox .phonenavs .phonenav3 i{background:url(/content/dam/oppo/product-asset-library/a/a55/cn/v3/index/assets/s8-roundframegold-1920.png) no-repeat;background-size:100% auto}.section8 .cont .phonecolorbox .phonenavs .phonenav1.on{pointer-events:none}.section8 .cont .phonecolorbox .phonenavs .phonenav1.on a{color:#4167A6;pointer-events:none}.section8 .cont .phonecolorbox .phonenavs .phonenav1.on a i{background:#4167A6;border:1Px solid #4167A6}.section8 .cont .phonecolorbox .phonenavs .phonenav2.on{pointer-events:none}.section8 .cont .phonecolorbox .phonenavs .phonenav2.on a{color:#2D2D2D;pointer-events:none}.section8 .cont .phonecolorbox .phonenavs .phonenav2.on a i{background:#2D2D2D;border:1Px solid #2D2D2D}.section8 .cont .phonecolorbox .phonenavs .phonenav3.on{pointer-events:none}.section8 .cont .phonecolorbox .phonenavs .phonenav3.on a{color:#feaa9a;pointer-events:none}.section8 .cont .phonecolorbox .phonenavs .phonenav3.on a i{background:url(/content/dam/oppo/product-asset-library/a/a55/cn/v3/index/assets/s8-roundgold-1920.png) no-repeat;background-size:100% auto}.section8 .cont .phonecolorbox .phonenavs .phonenav:last-child{margin-right:0}.section9{width:100%;height:auto;padding:0 0 0 0;position:relative;z-index:1;margin:0 auto;background:#FFFFFF;overflow:hidden}.section9 .s9bg{width:10.24rem;height:7.09rem;position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.section9 .cont{width:8.96rem;height:auto;position:relative;margin:0 auto;padding-top:2.1rem}.section9 .cont .txtbox1{width:100%;height:auto;padding-bottom:0.32rem;position:relative;z-index:2}.section9 .cont .txtbox1 .txt1,.section9 .cont .txtbox1 .txt2{font-size:0.42rem;color:#000000;line-height:0.64rem;height:0.64rem;font-family:"OPPOSans-Medium"}.section9 .cont .txtbox2{width:3.3rem;height:auto;position:relative;opacity:0;padding:0 0 2.27rem 0}.section9 .cont .txtbox2 .txt3{font-size:0.16rem;line-height:0.28rem;font-family:'OPPOSans-Regular';color:#000000}.section9 .cont .s9-imgs{width:5.88rem;height:7.38rem;position:absolute;top:-0.1rem;left:3.72rem;opacity:0}.section9 .conton .txtbox2{-webkit-animation:fadeInUp 1.2s .2s ease-in-out forwards;animation:fadeInUp 1.2s .2s ease-in-out forwards;will-change:transform,opacity}.section9 .conton .s9-imgs{-webkit-animation:fadeInUp .7s .2s ease-in-out forwards;animation:fadeInUp .7s .2s ease-in-out forwards;will-change:transform,opacity}.section10{width:100%;height:auto;padding:1.28rem 0 1.68rem 0;position:relative;margin:0 auto}.section10 .box{width:8.96rem;height:auto;margin:0 auto;position:relative}.section10 .box1 .s10-pic1{width:8.96rem;height:5.04rem;background-size:100%}.section10 .box1 .txtbox{width:100%;height:auto;margin:0 auto}.section10 .box1 .txtbox .txt1{padding-top:0.24rem;font-family:'OPPOSans-Bold';font-size:0.2rem;line-height:0.32rem;color:#000}.section10 .box1 .txtbox .txt2{font-family:'OPPOSans-Regular';font-size:0.16rem;line-height:0.21rem;color:#000000;padding-top:0.04rem}.section10 .box2{margin-top:0.6rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.section10 .box2 .item1{width:4.58rem;height:6.9rem}.section10 .box2 .item1 .s10-pic2{width:4.58rem;height:6.09rem;background-size:100%;display:block;-webkit-transform-origin:top center;transform-origin:top center}.section10 .box2 .item1 .txtbox{width:100%;height:auto;margin:0 auto}.section10 .box2 .item1 .txtbox .txt1{padding-top:0.24rem;font-family:'OPPOSans-Bold';font-size:0.2rem;line-height:0.32rem;color:#000}.section10 .box2 .item1 .txtbox .txt2{font-family:'OPPOSans-Regular';font-size:0.16rem;line-height:0.21rem;color:#000000;padding-top:0.04rem}.section10 .box2 .item2{width:3.61rem;height:6.9rem}.section10 .box2 .item2 .item2-top{width:3.61rem;height:3.23rem;padding-bottom:0.44rem}.section10 .box2 .item2 .item2-top .s10-pic3{width:3.61rem;height:2.42rem;background-size:100%;display:block;-webkit-transform-origin:top center;transform-origin:top center}.section10 .box2 .item2 .item2-top .txtbox{width:100%;height:auto;margin:0 auto}.section10 .box2 .item2 .item2-top .txtbox .txt1{padding-top:0.24rem;font-family:'OPPOSans-Bold';font-size:0.2rem;line-height:0.32rem;color:#000}.section10 .box2 .item2 .item2-top .txtbox .txt2{font-family:'OPPOSans-Regular';font-size:0.16rem;line-height:0.21rem;color:#000000;padding-top:0.04rem}.section10 .box2 .item2 .item2-bottom{width:3.61rem;height:3.23rem}.section10 .box2 .item2 .item2-bottom .s10-pic4{width:3.61rem;height:2.42rem;background-size:100%;display:block}.section10 .box2 .item2 .item2-bottom .txtbox{width:100%;height:auto;margin:0 auto}.section10 .box2 .item2 .item2-bottom .txtbox .txt1{padding-top:0.24rem;font-family:'OPPOSans-Bold';font-size:0.2rem;line-height:0.32rem;color:#000}.section10 .box2 .item2 .item2-bottom .txtbox .txt2{font-family:'OPPOSans-Regular';font-size:0.16rem;line-height:0.21rem;color:#000000;padding-top:0.04rem}.section10 .box3{margin-top:0.6rem}.section10 .box3 .s10-pic1{width:8.96rem;height:5.04rem;background-size:100%}.section10 .box3 .txtbox{width:100%;height:auto;margin:0 auto}.section10 .box3 .txtbox .txt1{padding-top:0.24rem;font-family:'OPPOSans-Bold';font-size:0.2rem;line-height:0.32rem;color:#000}.section10 .box3 .txtbox .txt2{font-family:'OPPOSans-Regular';font-size:0.16rem;line-height:0.21rem;color:#000000;padding-top:0.04rem}.section11{width:100%;height:auto;padding:1.28rem 0 1.28rem 0;background:#d8e3f5;position:relative}.section11 .cont{width:8.96rem;height:auto;display:block;margin:0 auto}.section11 .cont .title{font-family:'OPPOSans-Medium';font-size:0.42rem;line-height:0.64rem;color:#000000;text-align:center}.section11 .cont .itembox{width:100%;height:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-top:0.8rem;position:relative}.section11 .cont .itembox .item{width:2.84rem;height:auto}.section11 .cont .itembox .item .picbox{width:2.84rem;height:3.99rem;background:rgba(255,255,255,0.5);box-shadow:0 0.32rem 1.2rem 0 rgba(200,216,229,0.2);margin-bottom:0.24rem;overflow:hidden}.section11 .cont .itembox .item .picbox .s11-pic{width:1.4rem;height:3.04rem;background-size:100% auto;display:block;margin:0.48rem auto 0}.section11 .cont .itembox .item .txtbox{width:100%}.section11 .cont .itembox .item .txtbox .title1{font-family:'OPPOSans-Medium';font-size:0.2rem;line-height:0.32rem;color:#000}.section11 .cont .itembox .item .txtbox .title2{font-family:'OPPOSans-Medium';font-size:0.2rem;line-height:0.32rem;color:rgba(0,0,0,0.6)}.section11 .cont .itembox .item .txtbox .dec{width:90%;font-family:'OPPOSans-Regular';font-size:0.16rem;line-height:0.28rem;color:#000;margin-top:0.12rem}.section11 .cont .itembox .item2 .txtbox .dec{width:90%}.section11 .cont .itembox .item3 .txtbox .dec{width:100%}.section11 .cont .itemboxon{-webkit-animation:fadeInUp .7s .2s ease-in-out forwards;animation:fadeInUp .7s .2s ease-in-out forwards;will-change:transform,opacity}.section12{width:100%;height:auto;padding:1.28rem 0 1.28rem 0;background:rgba(231,239,249,0.63)}.section12 .cont{width:7.96rem;height:100%;display:block;margin:0 auto}.section12 .cont .txtitem{width:100%;height:auto;display:-webkit-box;display:-ms-flexbox;display:flex}.section12 .cont .txtitem .txtbox1{width:100%;text-align:center}.section12 .cont .txtitem .txtbox1 .title1{font-family:'OPPOSans-Medium';font-size:0.42rem;line-height:0.55rem;color:#000000}.section12 .cont .txtitem .txtbox1 .title2{font-family:'OPPOSans-Medium';font-size:0.42rem;line-height:0.55rem;color:#000000}.section12 .cont .itembox{width:100%;height:auto;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;margin:0.8rem auto 0}.section12 .cont .itembox .item{width:2.44rem;height:3rem;background:rgba(255,255,255,0.63);overflow:hidden;border-radius:0.04rem}.section12 .cont .itembox .item .s12-icon{width:1rem;height:1rem;background-size:100%;margin:0.58rem auto 0.3rem}.section12 .cont .itembox .item .txt1{font-family:'OPPOSans-Bold';font-size:0.24rem;line-height:0.38rem;color:#000;text-align:center}.section12 .cont .itembox .item .txt2{font-family:'OPPOSans-Medium';font-size:0.14rem;line-height:0.18rem;color:#000;text-align:center;padding-top:0.16rem}.section12 .cont .itembox .item4{width:3.82rem;margin-top:0.32rem}.section12 .cont .itembox .item5{width:3.82rem;margin-top:0.32rem}.section12 .cont .itemboxon{-webkit-animation:fadeInUp .7s .2s ease-in-out forwards;animation:fadeInUp .7s .2s ease-in-out forwards;will-change:transform,opacity}.section13{width:100%;height:auto;padding:1.82rem 0 1.62rem 0;background:#ffffff}.section13 .cont{width:8.96rem;height:auto;display:block;margin:0 auto}.section13 .cont .tips{font-family:'OPPOSans-Regular';font-size:0.12rem;line-height:0.2rem;color:#a4a4a4}.section13 .cont .ul li{font-family:'OPPOSans-Regular';font-size:0.12rem;line-height:0.2rem;color:#a4a4a4;list-style:decimal outside;margin-left:0.24rem}.section-9-1 .sec-cont{padding:1.82rem 0 0 0}.sec-9-title{font:0.42rem/0.64rem "OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";letter-spacing:-0.002rem;text-align:center;margin-bottom:0.32rem}.media-list{width:8.96rem;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-line-pack:start;align-content:flex-start}.media-item{width:2rem}.media-item a{display:block}.media-item .logo-bg{background:#f0f0f0;width:2rem;height:1.49rem;position:relative;-webkit-transition:background 0.6s ease;transition:background 0.6s ease}.media-item .logo-limit{max-width:1.18rem;max-height:0.53rem;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;-webkit-transition:-webkit-transform 0.6s ease;transition:-webkit-transform 0.6s ease;transition:transform 0.6s ease;transition:transform 0.6s ease, -webkit-transform 0.6s ease}.media-item:hover .logo-bg{background:#fafafa}.media-item:hover .logo-limit{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:scale(0.92);transform:scale(0.92)}.media-item p{padding-top:0.12rem;font:0.12rem/0.24rem "OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";letter-spacing:-0.0005rem}.section-9-1 .btn-box{display:none}.sectionsw .sec-9-swiper{width:8.96rem;margin:0 auto;z-index:0;margin-bottom:0.32rem}.sectionsw .sec-9-swiper+.swiper-pagination-sec9{height:0.05rem;text-align:center}.sectionsw .sec-9-swiper+.swiper-pagination-sec9 .swiper-pagination-bullet{opacity:1;width:0.05rem;height:0.05rem;margin:0 0.0566rem;vertical-align:top;background:rgba(51,51,51,0.5)}.sectionsw .sec-9-swiper+.swiper-pagination-sec9 .swiper-pagination-bullet-active{background:#333333}}@media screen and (min-width: 768px) and (max-width: 1023px){.section1{width:100%;height:100%;margin:0 auto;position:relative}.section1 .kv{display:block;width:100%;height:100%;background-size:100% auto;margin:0 auto}.section1 .content{width:100%;height:100%;position:absolute;top:0}.section1 .content .textbox{width:100%;height:auto;position:absolute;top:0.87rem;left:0;opacity:0;text-align:center}.section1 .content .textbox .s1-txt1{width:100%;font-size:0.6rem;font-family:"OPPOSans-Bold";color:#000000;line-height:0.72rem;padding-bottom:0.08rem}.section1 .content .textbox .s1-txt2{width:100%;font-size:0.24rem;font-family:"OPPOSans-Medium";color:#000000;line-height:0.42rem;padding-bottom:0.24rem}.section1 .content .textbox .s1-txt3{width:100%;font-size:0.24rem;font-family:"OPPOSans-Medium";color:#000000;line-height:0.48rem}.section1 .content .textbox .s1-txt3 span{font-size:0.14rem}.section1 .content .textbox .s1-txt3 a{display:inline-block;vertical-align:top;width:1.04rem;height:0.48rem;border-radius:0.02rem;line-height:0.48rem;text-align:center;background:#2EC84D;font-size:0.16rem;color:#FFFFFF;margin-left:0.18rem}.section2{width:100%;height:auto;padding:0.96rem 0 0.3rem 0;margin:0 auto;background:-webkit-linear-gradient(bottom, rgba(67,87,157,0.1) 0%, rgba(255,255,255,0.3) 100%);background:linear-gradient(360deg, rgba(67,87,157,0.1) 0%, rgba(255,255,255,0.3) 100%);position:relative}.section2 .cont{width:7.2rem;height:auto;margin:0 auto}.section2 .cont .title{width:100%;font-size:0.52rem;color:#000000;line-height:0.8rem;text-align:center;padding-bottom:0.8rem;font-family:"OPPOSans-Regular"}.section2 .cont .reasonbox{width:5.22rem;height:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 auto}.section2 .cont .reasonbox .box{width:1.1rem;height:auto;text-align:center;margin-right:0.96rem;margin-bottom:0.66rem}.section2 .cont .reasonbox .box .iconbox{width:1rem;height:0.52rem;margin-bottom:0.32rem}.section2 .cont .reasonbox .box .iconbox img{display:block;height:0.52rem;margin:0 auto}.section2 .cont .reasonbox .box .icontxt1{font-size:0.16rem;color:#000000;line-height:0.26rem;font-family:"OPPOSans-H"}.section2 .cont .reasonbox .box .icontxt2{font-size:0.16rem;color:#000000;line-height:0.22rem;font-family:"OPPOSans-Regular";padding-top:0.02rem}.section2 .cont .reasonbox .box:nth-child(3),.section2 .cont .reasonbox .box:nth-child(6){margin-right:0}.section2 .cont .reasonboxon{-webkit-animation:fadeInUp .7s .2s ease-in-out forwards;animation:fadeInUp .7s .2s ease-in-out forwards;will-change:transform,opacity}.section3{width:100%;height:auto;margin:0 auto;position:relative;overflow:hidden}.section3 .s3-img{width:7.68rem;height:8.46rem;display:block;-webkit-transform:scale(1.2);transform:scale(1.2);margin:0 auto;-webkit-transition:all 1s;transition:all 1s}.section3 .s3-imgon{-webkit-animation:picScale 1s  ease-in-out forwards;animation:picScale 1s  ease-in-out forwards;will-change:transform,opacity}.section3 .txtbox{width:7.2rem;height:auto;position:absolute;top:0.96rem;left:0.2rem}.section3 .txtbox .txt1{font-size:0.36rem;color:#000000;line-height:0.51rem;font-family:"OPPOSans-Medium";padding-bottom:0.2rem;width:52%}.section3 .txtbox .txt2{font-size:0.16rem;color:#000000;line-height:0.26rem;font-family:"OPPOSans-Regular";width:6.5rem}.section4{width:100%;height:auto;padding:0.96rem 0 0 0;background:#FFFFFF;margin:0 auto;position:relative;z-index:1}.section4 .cont{width:7.2rem;height:auto;margin:0 auto;position:relative}.section4 .cont .txtbox{width:100%;height:auto}.section4 .cont .txtbox .tit-box{width:100%;height:auto;padding-bottom:0.2rem}.section4 .cont .txtbox .tit-box .txt1,.section4 .cont .txtbox .tit-box .txt2{font-size:0.36rem;color:#000000;line-height:0.51rem;font-family:"OPPOSans-Medium";display:block}.section4 .cont .txtbox .txt3{width:6.7rem;font-size:0.16rem;color:#000000;line-height:0.28rem;font-family:"OPPOSans-Regular"}.section4 .cont .txtbox .txt-box{width:100%;height:auto}.section4 .cont .txtbox .txt-box .txt4{font-size:0.16rem;color:#000000;line-height:0.28rem;font-family:"OPPOSans-Bold";margin:0.32rem 0 0.2rem 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.section4 .cont .txtbox .txt-box .txt4 .icon{background:url(/content/dam/oppo/product-asset-library/a/a55/cn/v1/index/assets/s4-icon-1920.png) no-repeat;background-size:100% auto;width:0.2rem;height:0.23rem;margin-right:0.2rem}.section4 .cont .bannerbox{width:4.28rem;height:5.6rem;position:relative;margin-top:0.64rem;margin-left:1.46rem}.section4 .cont .bannerbox .banner0{width:2.6rem;height:5.6rem;position:absolute;top:0;left:0;z-index:6;opacity:0}.section4 .cont .bannerbox .banner1{width:2.26rem;height:4.86rem;position:absolute;top:0.39rem;left:1rem;z-index:5;opacity:0}.section4 .cont .bannerbox .banner2{width:1.89rem;height:4.11rem;position:absolute;top:0.76rem;left:1.9rem;z-index:4;opacity:0}.section4 .cont .bannerbox .banner3{width:1.53rem;height:3.35rem;position:absolute;top:1.12rem;left:2.59rem;z-index:3;opacity:0}.section4 .cont .bannerboxon .banner0{-webkit-animation:fadeInRight 0.8s ease forwards;animation:fadeInRight 0.8s ease forwards;will-change:transform,opacity}.section4 .cont .bannerboxon .banner1{-webkit-animation:fadeInLeft 0.8s 0.5s ease forwards;animation:fadeInLeft 0.8s 0.5s ease forwards;will-change:transform,opacity}.section4 .cont .bannerboxon .banner2{-webkit-animation:fadeInLeft 0.8s 0.8s ease-out forwards;animation:fadeInLeft 0.8s 0.8s ease-out forwards;will-change:transform,opacity}.section4 .cont .bannerboxon .banner3{-webkit-animation:fadeInLeft 0.8s 1.1s ease-out forwards;animation:fadeInLeft 0.8s 1.1s ease-out forwards;will-change:transform,opacity}.section5{width:100%;height:auto;background:#FFFFFF;margin:0 auto;position:relative;z-index:1;padding:1.28rem 0 0.96rem 0}.section5 .cont{width:7.2rem;height:auto;position:relative;margin:0 auto}.section5 .cont .txtbox{width:100%;height:auto;padding-bottom:0.32rem}.section5 .cont .txtbox .txt1{width:56%;font-size:0.36rem;color:#000000;line-height:0.51rem;font-family:"OPPOSans-Medium";padding-bottom:0.2rem}.section5 .cont .txtbox .txt2{width:6.4rem;font-size:0.16rem;color:#000000;line-height:0.28rem;font-family:"OPPOSans-Medium"}.section5 .cont .txtbox2{width:5.53rem;height:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;text-align:left;padding-bottom:0.96rem;position:relative}.section5 .cont .txtbox2 .txt1{height:0.32rem;font-size:0.2rem;font-family:"OPPOSans-Bold";color:#000000;line-height:0.32rem;padding-bottom:0.04rem;position:relative}.section5 .cont .txtbox2 .txt1 sup{font-weight:bold;top:-0.08rem;font-size:0.12rem}.section5 .cont .txtbox2 .txt2{height:0.28rem;font-size:0.16rem;font-family:"OPPOSans-Regular";color:#000000;line-height:0.28rem}.section5 .cont .flashchange{width:5.96rem;height:4.32rem;position:relative;margin:0 auto}.section5 .cont .flashchange .numbox{width:6.55rem;height:2.13rem;position:absolute;top:0;left:0}.section5 .cont .flashchange .numbox .num{width:100%;height:100%;position:absolute;bottom:0;left:0}.section5 .cont .flashchange .numbox .num .num-img{width:6.55rem;height:2.13rem;background-size:100%}.section5 .cont .flashchange .numbox .numlight{width:100%;position:absolute;bottom:0;left:0;height:0%;overflow:hidden;z-index:2}.section5 .cont .flashchange .numbox .numlight .numlight-img{width:6.55rem;height:2.13rem;background-size:100%;position:absolute;bottom:0;left:0}.section5 .cont .flashchange .phonebox{width:5.96rem;height:4.48rem;position:absolute;top:1.67rem;left:0;margin:0 auto}.section5 .cont .flashchange .phonebox .phone{width:6.03rem;height:2.65rem;position:absolute;top:0;left:-0.3rem;z-index:4}.section5 .cont .flashchange .phonebox .datacable{width:1.33rem;height:0.19rem;position:absolute;top:0.71rem;right:-0.98rem;z-index:2}.section5 .cont .flashchangeon .numbox .numlight{-webkit-animation:fadeInHeight 0.8s linear .4s forwards;animation:fadeInHeight 0.8s linear .4s forwards;will-change:height}.section5 .cont .flashchangeon .phonebox .phone{-webkit-animation:hmoveRight 0.4s linear forwards;animation:hmoveRight 0.4s linear forwards;will-change:transform,opacity}.section5 .cont .flashchangeon .phonebox .datacable{-webkit-animation:hmoveLeft  0.4s linear forwards;animation:hmoveLeft  0.4s linear forwards;will-change:transform,opacity}.section6{width:100%;height:auto;padding:0.8rem 0 4.06rem 0;position:relative;margin:0 auto;background:#FFFFFF}.section6 .cont{width:7.2rem;height:auto;position:relative;margin:0 auto}.section6 .cont .txtbox{width:100%;height:auto}.section6 .cont .txtbox .titbox{width:100%;height:auto;padding-bottom:0.2rem}.section6 .cont .txtbox .titbox .txt1,.section6 .cont .txtbox .titbox .txt2{font-size:0.36rem;color:#000000;line-height:0.51rem;font-family:"OPPOSans-Medium";display:block}.section6 .cont .txtbox .txt3{width:6.6rem;font-size:0.16rem;font-family:"OPPOSans-Regular";color:#000000;line-height:0.28rem;padding-bottom:0.32rem}.section6 .cont .s6-imgs{width:6.64rem;height:3.38rem;position:absolute;top:4.42rem;left:1.04rem}.section6 .cont .s6-imgs .s6img1{width:6.64rem;height:3.38rem;background-size:100%}.section6 .cont .txtbox2{width:5.6rem;height:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:left;-ms-flex-wrap:wrap;flex-wrap:wrap}.section6 .cont .txtbox2 .item{margin-right:0.8rem}.section6 .cont .txtbox2 .item:nth-child(3){margin-right:0}.section6 .cont .txtbox2 .txt1{height:0.32rem;font-size:0.2rem;font-family:"OPPOSans-Bold";color:#000000;line-height:0.32rem;padding-bottom:0.04rem}.section6 .cont .txtbox2 .txt2{height:0.28rem;font-size:0.16rem;font-family:"OPPOSans-Regular";color:#000000;line-height:0.28rem;padding-bottom:0.2rem}.section7{width:100%;height:auto;position:relative;margin:0 auto;background:#FFFFFF}.section7 .txtbox1{width:7.2rem;height:auto;margin:0 auto;padding-bottom:0.32rem}.section7 .txtbox1 .txt1{font-size:0.36rem;color:#000000;line-height:0.51rem;font-family:"OPPOSans-Medium";padding-bottom:0.2rem;width:3.66rem}.section7 .txtbox1 .txt2{width:6.3rem;font-size:0.16rem;font-family:"OPPOSans-Regular";color:#000000;line-height:0.28rem}.section7 .txtbox2{width:4.3rem;height:auto;padding-left:0.24rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;text-align:left;padding-bottom:0.64rem}.section7 .txtbox2 .txt1{height:0.32rem;font-size:0.2rem;font-family:"OPPOSans-Bold";color:#000000;line-height:0.32rem;padding-bottom:0.04rem}.section7 .txtbox2 .txt2{height:0.28rem;font-size:0.16rem;font-family:"OPPOSans-Regular";color:#000000;line-height:0.28rem}.section7 .eyescreen{width:7.68rem;height:4.38rem;position:relative;margin:0 auto}.section7 .eyescreen .s7bg{width:7.68rem;height:4.38rem;position:relative;margin:0 auto}.section7 .eyescreen .fingerprint{width:7.68rem;height:4.38rem;position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:4}.section7 .eyescreen .s7-screen{width:5.77rem;height:2.66rem;position:absolute;top:0.5rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:2;overflow:hidden;border-radius:0.4rem}.section7 .eyescreen .s7-screen .s7-screen-img{width:5.77rem;height:2.66rem;margin:0 auto;-webkit-transform:scale(1.2);transform:scale(1.2)}.section7 .eyescreen .s7-screen .s7-screen-imgon{-webkit-animation:picScale 1s  ease-in-out forwards;animation:picScale 1s  ease-in-out forwards;will-change:transform,opacity}.section8{width:100%;height:auto;padding:0.98rem 0 1.28rem 0;position:relative;background:#FFFFFF;z-index:0}.section8 .cont{width:7.2rem;height:auto;margin:0 auto;position:relative}.section8 .cont .txtbox{width:100%;height:auto}.section8 .cont .txtbox .txt1{font-size:0.36rem;color:#000000;line-height:0.51rem;font-family:"OPPOSans-Medium";padding-bottom:0.2rem}.section8 .cont .txtbox .txt2{width:6.54rem;font-size:0.16rem;font-family:"OPPOSans-Regular";color:#000000;line-height:0.28rem;padding-bottom:0.32rem}.section8 .cont .txtbox2{width:5.2rem;height:auto;margin:0 0 0.64rem 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;text-align:left}.section8 .cont .txtbox2 .txt1{height:0.32rem;font-size:0.2rem;font-family:"OPPOSans-Bold";color:#000000;line-height:0.32rem;padding-bottom:0.04rem}.section8 .cont .txtbox2 .txt2{height:0.28rem;font-size:0.16rem;font-family:"OPPOSans-Regular";color:#000000;line-height:0.28rem}.section8 .cont .phonecolorbox{width:100%;height:7.42rem;position:relative;margin:0 auto}.section8 .cont .phonecolorbox .phonecolor{width:100%;height:6.9rem;position:relative;margin:0 auto}.section8 .cont .phonecolorbox .phonecolor .colorbule{width:100%;height:6.9rem;position:absolute;top:0;right:0;z-index:3;overflow:hidden}.section8 .cont .phonecolorbox .phonecolor .colorbule .colorbuleimg{width:7.2rem;height:6.9rem;position:absolute;top:0;right:0}.section8 .cont .phonecolorbox .phonecolor .colorblack{width:100%;height:6.92rem;position:absolute;top:0;right:0;z-index:2;overflow:hidden}.section8 .cont .phonecolorbox .phonecolor .colorblack .colorblackimg{width:7.2rem;height:6.9rem;position:absolute;top:0;right:0}.section8 .cont .phonecolorbox .phonecolor .colorgold{width:100%;height:6.92rem;position:absolute;top:0;right:0;z-index:2;overflow:hidden}.section8 .cont .phonecolorbox .phonecolor .colorgold .colorgoldimg{width:7.2rem;height:6.9rem;position:absolute;top:0;right:0}.section8 .cont .phonecolorbox .phonenavs{width:100%;text-align:center;font-size:0;position:absolute;bottom:0;right:0}.section8 .cont .phonecolorbox .phonenavs .phonenav{display:inline-block;vertical-align:top;margin-right:0.48rem}.section8 .cont .phonecolorbox .phonenavs .phonenav a{line-height:0.16rem;font-size:0.16rem;font-family:"OPPOSans-Bold";-webkit-transition:all 1s;transition:all 1s}.section8 .cont .phonecolorbox .phonenavs .phonenav a i{display:inline-block;vertical-align:top;width:0.16rem;height:0.16rem;box-sizing:border-box;border-radius:50%;margin:0 0.08rem 0 0;-webkit-transition:all 1s;transition:all 1s}.section8 .cont .phonecolorbox .phonenavs .phonenav1 a{color:#4167A6}.section8 .cont .phonecolorbox .phonenavs .phonenav1 i{background:#FFFFFF;border:1Px solid #4167A6}.section8 .cont .phonecolorbox .phonenavs .phonenav2 a{color:#2D2D2D}.section8 .cont .phonecolorbox .phonenavs .phonenav2 i{background:#FFFFFF;border:1Px solid #2D2D2D}.section8 .cont .phonecolorbox .phonenavs .phonenav3 a{color:#feaa9a}.section8 .cont .phonecolorbox .phonenavs .phonenav3 i{background:url(/content/dam/oppo/product-asset-library/a/a55/cn/v3/index/assets/s8-roundframegold-1920.png) no-repeat;background-size:100% auto}.section8 .cont .phonecolorbox .phonenavs .phonenav1.on{pointer-events:none}.section8 .cont .phonecolorbox .phonenavs .phonenav1.on a{color:#4167A6;pointer-events:none}.section8 .cont .phonecolorbox .phonenavs .phonenav1.on a i{background:#4167A6;border:1Px solid #4167A6}.section8 .cont .phonecolorbox .phonenavs .phonenav2.on{pointer-events:none}.section8 .cont .phonecolorbox .phonenavs .phonenav2.on a{color:#2D2D2D;pointer-events:none}.section8 .cont .phonecolorbox .phonenavs .phonenav2.on a i{background:#2D2D2D;border:1Px solid #2D2D2D}.section8 .cont .phonecolorbox .phonenavs .phonenav3.on{pointer-events:none}.section8 .cont .phonecolorbox .phonenavs .phonenav3.on a{color:#feaa9a;pointer-events:none}.section8 .cont .phonecolorbox .phonenavs .phonenav3.on a i{background:url(/content/dam/oppo/product-asset-library/a/a55/cn/v3/index/assets/s8-roundgold-1920.png) no-repeat;background-size:100% auto}.section8 .cont .phonecolorbox .phonenavs .phonenav:last-child{margin-right:0}.section9{width:100%;height:auto;padding:0 0 0 0;position:relative;z-index:1;margin:0 auto;background:#FFFFFF;overflow:hidden}.section9 .s9bg{width:7.68rem;height:5.72rem;position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.section9 .cont{width:7.2rem;height:auto;position:relative;margin:0 auto;padding-top:1.7rem}.section9 .cont .txtbox1{width:100%;height:auto;padding:0 0 0.2rem 0;position:relative;z-index:2}.section9 .cont .txtbox1 .txt1,.section9 .cont .txtbox1 .txt2{font-size:0.36rem;color:#000000;line-height:0.51rem;font-family:"OPPOSans-Medium"}.section9 .cont .txtbox2{width:2.84rem;height:auto;position:relative;opacity:0;padding-bottom:1.69rem}.section9 .cont .txtbox2 .txt3{font-size:0.16rem;line-height:0.28rem;font-family:'OPPOSans-Regular';color:#000000}.section9 .cont .s9-imgs{width:4.345rem;height:5.72rem;position:absolute;top:0;left:3.1rem;opacity:0}.section9 .conton .txtbox2{-webkit-animation:fadeInUp 1.2s .2s ease-in-out forwards;animation:fadeInUp 1.2s .2s ease-in-out forwards;will-change:transform,opacity}.section9 .conton .s9-imgs{-webkit-animation:fadeInUp .7s .2s ease-in-out forwards;animation:fadeInUp .7s .2s ease-in-out forwards;will-change:transform,opacity}.section10{width:100%;height:auto;padding:0.8rem 0 0.8rem 0;position:relative;margin:0 auto}.section10 .box{width:7.2rem;height:auto;margin:0 auto;position:relative}.section10 .box1 .s10-pic1{width:7.2rem;height:4.05rem;background-size:100%}.section10 .box1 .txtbox{width:100%;height:auto;margin:0 auto}.section10 .box1 .txtbox .txt1{padding-top:0.12rem;font-family:'OPPOSans-Bold';font-size:0.16rem;line-height:0.26rem;color:#000}.section10 .box1 .txtbox .txt2{font-family:'OPPOSans-Regular';font-size:0.16rem;line-height:0.21rem;color:#000000;padding-top:0.04rem}.section10 .box2{margin-top:0.64rem;width:7.2rem;height:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.section10 .box2 .item1{width:3.68rem;height:auto}.section10 .box2 .item1 .s10-pic2{width:3.68rem;height:4.9rem;background-size:100%;-webkit-transform-origin:top center;transform-origin:top center}.section10 .box2 .item1 .txtbox{width:100%;height:auto;margin:0 auto}.section10 .box2 .item1 .txtbox .txt1{padding-top:0.12rem;font-family:'OPPOSans-Bold';font-size:0.16rem;line-height:0.26rem;color:#000}.section10 .box2 .item1 .txtbox .txt2{font-family:'OPPOSans-Regular';font-size:0.16rem;line-height:0.21rem;color:#000000;padding-top:0.04rem}.section10 .box2 .item2{width:2.89rem;height:auto}.section10 .box2 .item2 .item2-top{width:2.89rem;height:auto}.section10 .box2 .item2 .item2-top .s10-pic3{width:2.89rem;height:1.95rem;background-size:100%;display:block;-webkit-transform-origin:top center;transform-origin:top center}.section10 .box2 .item2 .item2-top .txtbox{width:100%;height:auto;margin:0 auto}.section10 .box2 .item2 .item2-top .txtbox .txt1{padding-top:0.12rem;font-family:'OPPOSans-Bold';font-size:0.16rem;line-height:0.26rem;color:#000}.section10 .box2 .item2 .item2-top .txtbox .txt2{font-family:'OPPOSans-Regular';font-size:0.16rem;line-height:0.21rem;color:#000000;padding-top:0.04rem}.section10 .box2 .item2 .item2-bottom{width:2.89rem;height:auto;margin-top:0.37rem}.section10 .box2 .item2 .item2-bottom .s10-pic4{width:2.89rem;height:1.95rem;background-size:100%;display:block}.section10 .box2 .item2 .item2-bottom .txtbox{width:100%;height:auto;margin:0 auto}.section10 .box2 .item2 .item2-bottom .txtbox .txt1{padding-top:0.12rem;font-family:'OPPOSans-Bold';font-size:0.16rem;line-height:0.26rem;color:#000}.section10 .box2 .item2 .item2-bottom .txtbox .txt2{font-family:'OPPOSans-Regular';font-size:0.16rem;line-height:0.21rem;color:#000000;padding-top:0.04rem}.section10 .box3{margin-top:0.64rem}.section10 .box3 .s10-pic5{width:7.2rem;height:4.05rem;background-size:100%}.section10 .box3 .txtbox{width:100%;height:auto;margin:0 auto}.section10 .box3 .txtbox .txt1{padding-top:0.12rem;font-family:'OPPOSans-Bold';font-size:0.16rem;line-height:0.26rem;color:#000}.section10 .box3 .txtbox .txt2{font-family:'OPPOSans-Regular';font-size:0.16rem;line-height:0.21rem;color:#000000;padding-top:0.04rem}.section11{width:100%;height:auto;padding:0.96rem 0 0.96rem 0;background:#d8e3f5;position:relative}.section11 .cont{width:7.2rem;height:auto;display:block;margin:0 auto}.section11 .cont .title{font-family:'OPPOSans-Medium';font-size:0.36rem;line-height:0.56rem;color:#000000;text-align:center}.section11 .cont .itembox{width:100%;height:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-top:0.64rem;position:relative}.section11 .cont .itembox .item{width:2.25rem;height:auto}.section11 .cont .itembox .item .picbox{width:2.25rem;height:4rem;background:rgba(255,255,255,0.5);box-shadow:0 0.32rem 1.2rem 0 rgba(200,216,229,0.2);margin-bottom:0.24rem;overflow:hidden}.section11 .cont .itembox .item .picbox .s11-pic{width:1.35rem;height:2.93rem;background-size:100% auto;display:block;margin:0.54rem auto 0}.section11 .cont .itembox .item .txtbox{width:100%}.section11 .cont .itembox .item .txtbox .title1{font-family:'OPPOSans-Medium';font-size:0.16rem;line-height:0.26rem;color:#000}.section11 .cont .itembox .item .txtbox .title2{font-family:'OPPOSans-Medium';font-size:0.16rem;line-height:0.26rem;color:rgba(0,0,0,0.6)}.section11 .cont .itembox .item .txtbox .dec{width:94%;font-family:'OPPOSans-Regular';font-size:0.14rem;line-height:0.24rem;color:#000;margin-top:0.14rem}.section11 .cont .itembox .item2 .txtbox .dec{width:98%}.section11 .cont .itembox .item3 .txtbox .dec{width:100%}.section11 .cont .itemboxon{-webkit-animation:fadeInUp .7s .2s ease-in-out forwards;animation:fadeInUp .7s .2s ease-in-out forwards;will-change:transform,opacity}.section12{width:100%;height:auto;padding:0.96rem 0 0.96rem 0;background:rgba(231,239,249,0.63)}.section12 .cont{width:7.2rem;height:100%;display:block;margin:0 auto}.section12 .cont .txtitem{width:100%;height:auto;display:-webkit-box;display:-ms-flexbox;display:flex}.section12 .cont .txtitem .txtbox1{width:100%;text-align:center}.section12 .cont .txtitem .txtbox1 .title1{font-family:'OPPOSans-Medium';font-size:0.42rem;line-height:0.51rem;color:#000000}.section12 .cont .txtitem .txtbox1 .title2{font-family:'OPPOSans-Medium';font-size:0.42rem;line-height:0.51rem;color:#000000}.section12 .cont .itembox{width:100%;height:auto;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;margin:0.64rem auto 0}.section12 .cont .itembox .item{width:2.24rem;height:2.73rem;background:rgba(255,255,255,0.63);overflow:hidden;border-radius:0.04rem}.section12 .cont .itembox .item .s12-icon{width:1rem;height:1rem;background-size:100%;margin:0.42rem auto 0.24rem}.section12 .cont .itembox .item .txt1{font-family:'OPPOSans-Bold';font-size:0.24rem;line-height:0.38rem;color:#000;text-align:center}.section12 .cont .itembox .item .txt2{font-family:'OPPOSans-Medium';font-size:0.14rem;line-height:0.18rem;color:#000;text-align:center;padding-top:0.16rem}.section12 .cont .itembox .item4{width:3.43rem;margin-top:0.32rem}.section12 .cont .itembox .item5{width:3.43rem;margin-top:0.32rem}.section12 .cont .itemboxon{-webkit-animation:fadeInUp .7s .2s ease-in-out forwards;animation:fadeInUp .7s .2s ease-in-out forwards;will-change:transform,opacity}.section13{width:100%;height:auto;padding:1.82rem 0 1.82rem 0;background:#ffffff}.section13 .cont{width:7.2rem;height:auto;display:block;margin:0 auto}.section13 .cont .tips{font-family:'OPPOSans-Regular';font-size:0.12rem;line-height:0.2rem;color:#a4a4a4}.section13 .cont .ul li{font-family:'OPPOSans-Regular';font-size:0.12rem;line-height:0.2rem;color:#a4a4a4;list-style:decimal outside;margin-left:0.24rem}.section-9-1 .sec-cont{padding:0.96rem 0 0 0}.sec-9-title{font:0.36rem/0.32rem "OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";letter-spacing:-0.002rem;text-align:center;margin-bottom:0.32rem}.media-list{width:7.2rem;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-line-pack:start;align-content:flex-start}.media-item{width:1.56rem}.media-item a{display:block}.media-item .logo-bg{background:#f0f0f0;width:1.56rem;height:1.16rem;position:relative}.media-item .logo-limit{max-width:0.92rem;max-height:0.41rem;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}.media-item p{padding-top:0.12rem;font:0.12rem/0.24rem "OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";letter-spacing:-0.0005rem}.section-9-1 .btn-box{height:0.55rem;text-align:center;padding-bottom:0.8rem;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;-ms-flex-line-pack:center;align-content:center}.section-9-1 .btn-box a{width:0.55rem;height:0.46rem;margin:0 0.1rem;box-sizing:border-box;border:0.02rem solid #000000;border-radius:100%;background:url(/content/dam/oppo/product-asset-library/a/a55/cn/v1/index/assets/sec-9-right.png) no-repeat 50% 50%/0.215rem 0.1rem;-webkit-transition:opacity 0.3s ease, height 0.3s ease;transition:opacity 0.3s ease, height 0.3s ease;-webkit-tap-highlight-color:transparent;outline:none}.section-9-1 .btn-box a:hover{height:0.55rem}.section-9-1 .btn-box a.btn-prev{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.section-9-1 .btn-box a.swiper-button-disabled{opacity:0.3}.section-9-1 .btn-box a.swiper-button-disabled:hover{height:0.46rem}.sectionsw .sec-9-swiper{width:7.2rem;margin:0 auto;z-index:0;margin-bottom:0.32rem}.sectionsw .sec-9-swiper+.swiper-pagination-sec9{height:0.08rem;text-align:center}.sectionsw .sec-9-swiper+.swiper-pagination-sec9 .swiper-pagination-bullet{opacity:1;width:0.08rem;height:0.08rem;margin:0 0.07rem;vertical-align:top;background:rgba(51,51,51,0.5)}.sectionsw .sec-9-swiper+.swiper-pagination-sec9 .swiper-pagination-bullet-active{background:#333333}}@media screen and (max-width: 767px){.lafite{padding-top:0.5rem;overflow:hidden;position:relative}.section1{width:100%;height:100%;margin:0 auto;position:relative}.section1 .kv{display:block;width:3.6rem;height:100%;background-size:100% auto;margin:0 auto}.section1 .content{width:3.6rem;height:100%;position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.section1 .content .textbox{width:100%;height:auto;position:absolute;top:0.61rem;left:0;opacity:0;text-align:center}.section1 .content .textbox .s1-txt1{width:100%;font-size:0.52rem;font-family:"OPPOSans-Bold";color:#000000;line-height:0.64rem;padding-bottom:0.08rem}.section1 .content .textbox .s1-txt2{width:100%;font-size:0.2rem;font-family:"OPPOSans-Medium";color:#000000;line-height:0.32rem;padding-bottom:0.2rem}.section1 .content .textbox .s1-txt3{width:100%;height:0.32rem;font-size:0.2rem;font-family:"OPPOSans-Medium";color:#000000;line-height:0.32rem}.section1 .content .textbox .s1-txt3 span{font-size:0.12rem}.section1 .content .textbox .s1-txt3 a{display:inline-block;vertical-align:top;height:0.32rem;padding:0 0.16rem;background:#2EC84D;font-size:0.1rem;color:#FFFFFF;margin-left:0.12rem}.section2{width:100%;height:auto;padding:0.96rem 0 0.4rem 0;margin:0 auto;background:-webkit-linear-gradient(bottom, rgba(67,87,157,0.1) 0%, rgba(255,255,255,0.1) 100%);background:linear-gradient(360deg, rgba(67,87,157,0.1) 0%, rgba(255,255,255,0.1) 100%);position:relative}.section2 .cont{width:3.2rem;height:auto;margin:0 auto}.section2 .cont .title{width:2rem;font-size:0.36rem;margin:0 auto;color:#000000;line-height:0.56rem;text-align:center;padding-bottom:0.8rem;font-family:"OPPOSans-Medium"}.section2 .cont .reasonbox{width:83%;height:auto;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;margin:0 auto}.section2 .cont .reasonbox .box{width:1rem;height:auto;text-align:center;margin:0 auto 0.4rem}.section2 .cont .reasonbox .box .iconbox{width:1rem;height:0.52rem;margin-bottom:0.16rem}.section2 .cont .reasonbox .box .iconbox img{display:block;height:0.52rem;margin:0 auto}.section2 .cont .reasonbox .box .icontxt1{font-size:0.16rem;color:#000000;line-height:0.26rem;font-family:"OPPOSans-H"}.section2 .cont .reasonbox .box .icontxt2{font-size:0.16rem;color:#000000;line-height:0.22rem;font-family:"OPPOSans-Regular"}.section2 .cont .reasonboxon{-webkit-animation:fadeInUp .7s .2s ease-in-out forwards;animation:fadeInUp .7s .2s ease-in-out forwards;will-change:transform,opacity}.section3{width:100%;height:auto;margin:0 auto;position:relative;background:#ffffff;padding:0.96rem 0 0 0}.section3 .s3imgbox{width:100%;height:3.2rem;position:absolute;top:2.24rem;left:0;overflow:hidden}.section3 .s3imgbox .s3-img{width:3.6rem;height:3.2rem;display:block;-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transition:all 1s;transition:all 1s;position:absolute;top:0;left:0}.section3 .s3imgbox .s3-imgon{-webkit-animation:picScale 1s  ease-in-out forwards;animation:picScale 1s  ease-in-out forwards;will-change:transform,opacity}.section3 .txtbox{width:3.2rem;height:auto;margin:0 auto}.section3 .txtbox .txt1{font-size:0.28rem;color:#000000;line-height:0.4rem;font-family:"OPPOSans-Medium";margin-bottom:4rem;width:2.9rem}.section3 .txtbox .txt2{font-size:0.16rem;color:#000000;line-height:0.27rem;font-family:"OPPOSans-Regular"}.section4{width:100%;height:auto;padding:0.96rem 0;background:#FFFFFF;margin:0 auto;position:relative;z-index:1}.section4 .cont{width:3.2rem;height:auto;margin:0 auto;position:relative}.section4 .cont .txtbox{width:100%;height:auto}.section4 .cont .txtbox .tit-box{width:112%;height:auto;margin-bottom:4.54rem}.section4 .cont .txtbox .tit-box .txt1,.section4 .cont .txtbox .tit-box .txt2{font-size:0.28rem;color:#000000;line-height:0.4rem;font-family:"OPPOSans-Medium";letter-spacing:-0.002rem}.section4 .cont .txtbox .tit-box .txt2{display:block;width:62%}.section4 .cont .txtbox .txt3{width:3.2rem;font-size:0.16rem;color:#000000;line-height:0.27rem;font-family:"OPPOSans-Regular"}.section4 .cont .txtbox .txt-box{width:100%;height:auto}.section4 .cont .txtbox .txt-box .txt4{font-size:0.16rem;color:#000000;line-height:0.28rem;font-family:"OPPOSans-Bold";margin:0.32rem 0 0.2rem 0;width:82%}.section4 .cont .txtbox .txt-box .txt4 .icon{background:url(/content/dam/oppo/product-asset-library/a/a55/cn/v1/index/assets/s4-icon-1920.png) no-repeat;background-size:100% auto;width:0.2rem;height:0.23rem;margin-right:0.2rem;margin-top:0.1rem;display:inline-block;vertical-align:top}.section4 .cont .txtbox .txt-box .txt4 span{display:inline-block;vertical-align:top;width:1.94rem}.section4 .cont .bannerbox{width:2.77rem;height:3.58rem;position:absolute;top:1.8rem;left:0.22rem;overflow:hidden}.section4 .cont .bannerbox .banner0{width:1.67rem;height:3.58rem;position:absolute;top:0;left:0;z-index:6;opacity:0}.section4 .cont .bannerbox .banner1{width:1.47rem;height:3.12rem;position:absolute;top:0.23rem;left:0.6rem;z-index:5;opacity:0}.section4 .cont .bannerbox .banner2{width:1.23rem;height:2.63rem;position:absolute;top:0.47rem;left:1.2rem;z-index:4;opacity:0}.section4 .cont .bannerbox .banner3{width:1.01rem;height:2.16rem;position:absolute;top:0.7rem;left:1.7rem;z-index:3;opacity:0}.section4 .cont .bannerboxon .banner0{-webkit-animation:fadeInRight 0.8s ease forwards;animation:fadeInRight 0.8s ease forwards;will-change:transform,opacity}.section4 .cont .bannerboxon .banner1{-webkit-animation:fadeInLeft 0.8s 0.5s ease forwards;animation:fadeInLeft 0.8s 0.5s ease forwards;will-change:transform,opacity}.section4 .cont .bannerboxon .banner2{-webkit-animation:fadeInLeft 0.8s 0.8s ease-out forwards;animation:fadeInLeft 0.8s 0.8s ease-out forwards;will-change:transform,opacity}.section4 .cont .bannerboxon .banner3{-webkit-animation:fadeInLeft 0.8s 1.1s ease-out forwards;animation:fadeInLeft 0.8s 1.1s ease-out forwards;will-change:transform,opacity}.section5{width:100%;height:auto;background:#FFFFFF;margin:0 auto;position:relative;z-index:1}.section5 .cont{width:3.2rem;height:auto;position:relative;margin:0 auto}.section5 .cont .txtbox{width:100%;height:auto;padding-bottom:0.32rem}.section5 .cont .txtbox .txt1{width:92%;font-size:0.28rem;color:#000000;line-height:0.4rem;font-family:"OPPOSans-Medium";margin-bottom:2.87rem}.section5 .cont .txtbox .txt2{font-size:0.16rem;color:#000000;line-height:0.27rem;font-family:"OPPOSans-Regular"}.section5 .cont .txtbox2{width:3.16rem;height:auto;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;text-align:left;margin-bottom:0.6rem;position:relative}.section5 .cont .txtbox2 .txt1{height:0.32rem;font-size:0.2rem;font-family:"OPPOSans-Bold";color:#000000;line-height:0.32rem;margin-bottom:0.05rem;position:relative}.section5 .cont .txtbox2 .txt1 sup{font-weight:bold;top:-0.08rem;font-size:0.12rem}.section5 .cont .txtbox2 .txt2{height:0.28rem;font-size:0.16rem;font-family:"OPPOSans-Regular";color:#000000;line-height:0.28rem;margin-bottom:0.2rem}.section5 .cont .flashchange{width:3.6rem;height:2.15rem;position:absolute;top:1.28rem;left:-0.2rem}.section5 .cont .flashchange .numbox{width:3.27rem;height:1.04rem;position:absolute;top:0;left:0.21rem}.section5 .cont .flashchange .numbox .num{width:100%;height:100%;position:absolute;bottom:0;left:0}.section5 .cont .flashchange .numbox .num .num-img{width:3.28rem;height:1.04rem;background-size:100%}.section5 .cont .flashchange .numbox .numlight{width:100%;position:absolute;bottom:0;left:0;height:0%;overflow:hidden;z-index:2}.section5 .cont .flashchange .numbox .numlight .numlight-img{width:3.28rem;height:1.04rem;background-size:100%;position:absolute;bottom:0;left:0}.section5 .cont .flashchange .phonebox{width:2.98rem;height:1.31rem;position:absolute;top:0.83rem;left:0.15rem;margin:0 auto}.section5 .cont .flashchange .phonebox .phone{width:2.98rem;height:1.31rem;position:absolute;top:0;left:-0.2rem;z-index:4}.section5 .cont .flashchange .phonebox .datacable{width:0.72rem;height:0.1rem;position:absolute;top:0.35rem;right:-0.68rem;z-index:2}.section5 .cont .flashchangeon .numbox .numlight{-webkit-animation:fadeInHeight 0.8s linear .4s forwards;animation:fadeInHeight 0.8s linear .4s forwards;will-change:height}.section5 .cont .flashchangeon .phonebox .phone{-webkit-animation:hmoveRight 0.4s linear forwards;animation:hmoveRight 0.4s linear forwards;will-change:transform,opacity}.section5 .cont .flashchangeon .phonebox .datacable{-webkit-animation:hmoveLeft  0.4s linear forwards;animation:hmoveLeft  0.4s linear forwards;will-change:transform,opacity}.section6{width:100%;height:auto;padding:0.03rem 0 0.6rem 0;position:relative;z-index:1;margin:0 auto;overflow:hidden}.section6 .cont{width:3.2rem;height:auto;position:relative;margin:0 auto}.section6 .cont .txtbox{width:3.2rem;height:auto;position:relative;margin:0 auto}.section6 .cont .txtbox .titbox{width:100%;height:auto;margin-bottom:2.68rem}.section6 .cont .txtbox .titbox .txt1,.section6 .cont .txtbox .titbox .txt2{font-size:0.28rem;color:#000000;line-height:0.4rem;font-family:"OPPOSans-Medium";display:block}.section6 .cont .txtbox .txt3{font-size:0.16rem;font-family:"OPPOSans-Regular";color:#000000;line-height:0.28rem;margin-bottom:0.32rem}.section6 .cont .s6-imgs{width:3.4rem;height:1.88rem;position:absolute;top:1.27rem;left:0}.section6 .cont .s6-imgs .s6img1{width:3.4rem;height:1.88rem;background-size:100%}.section6 .cont .txtbox2{width:3rem;height:auto;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;text-align:left;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-right:0.2rem}.section6 .cont .txtbox2 .item:nth-child(3){position:absolute;bottom:0.84rem;right:0}.section6 .cont .txtbox2 .item:nth-child(4){margin-right:1.2rem}.section6 .cont .txtbox2 .txt1{height:0.32rem;font-size:0.2rem;font-family:"OPPOSans-Bold";color:#000000;line-height:0.32rem;padding-bottom:0.04rem}.section6 .cont .txtbox2 .txt2{height:0.28rem;font-size:0.16rem;font-family:"OPPOSans-Regular";color:#000000;line-height:0.28rem;padding-bottom:0.2rem}.section7{width:100%;height:auto;position:relative;margin:0 auto;background:#FFFFFF}.section7 .txtbox1{width:3.2rem;height:auto;margin:0 auto;padding-bottom:0.32rem}.section7 .txtbox1 .txt1{font-size:0.28rem;color:#000000;line-height:0.4rem;font-family:"OPPOSans-Medium";padding-bottom:3.3rem;width:3rem}.section7 .txtbox1 .txt2{width:100%;font-size:0.16rem;font-family:"OPPOSans-Regular";color:#000000;line-height:0.28rem}.section7 .txtbox2{width:2.5rem;height:auto;margin-left:0.2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;text-align:left;-ms-flex-wrap:wrap;flex-wrap:wrap}.section7 .txtbox2 .item:nth-child(3){margin-top:0.21rem;margin-right:1.3rem}.section7 .txtbox2 .txt1{font-size:0.2rem;font-family:"OPPOSans-Bold";color:#000000;line-height:0.32rem}.section7 .txtbox2 .txt2{font-size:0.16rem;font-family:"OPPOSans-Regular";color:#000000;line-height:0.28rem}.section7 .eyescreen{width:3.6rem;height:2.5rem;position:absolute;left:0;top:1.28rem}.section7 .eyescreen .s7bg{width:3.6rem;height:2.5rem;position:relative;margin:0 auto}.section7 .eyescreen .fingerprint{width:3.6rem;height:2.15rem;position:absolute;top:0.35rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:4}.section7 .eyescreen .s7-screen{width:2.7rem;height:1.26rem;position:absolute;top:0.6rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:2;overflow:hidden;border-radius:0.06rem}.section7 .eyescreen .s7-screen .s7-screen-img{width:2.7rem;height:1.26rem;margin:0 auto;-webkit-transform:scale(1.2);transform:scale(1.2)}.section7 .eyescreen .s7-screen .s7-screen-imgon{-webkit-animation:picScale 1s  ease-in-out forwards;animation:picScale 1s  ease-in-out forwards;will-change:transform,opacity}.section8{width:100%;height:auto;padding:0.8rem 0 0.8rem 0;position:relative;background:#FFFFFF;z-index:0}.section8 .cont{width:3.2rem;height:auto;margin:0 auto;position:relative}.section8 .cont .txtbox{width:100%;height:auto}.section8 .cont .txtbox .txt1{font-size:0.28rem;color:#000000;line-height:0.4rem;font-family:"OPPOSans-Medium";padding-bottom:0.2rem;width:66%}.section8 .cont .txtbox .txt2{width:100%;font-size:0.16rem;font-family:"OPPOSans-Regular";color:#000000;line-height:0.28rem;padding-bottom:0.32rem}.section8 .cont .txtbox2{width:2.24rem;height:auto;margin:0 0 0.32rem 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;text-align:left;-ms-flex-wrap:wrap;flex-wrap:wrap}.section8 .cont .txtbox2 .item:nth-child(1),.section8 .cont .txtbox2 .item:nth-child(3){margin-right:0.2rem}.section8 .cont .txtbox2 .item:nth-child(1),.section8 .cont .txtbox2 .item:nth-child(2){margin-bottom:0.2rem}.section8 .cont .txtbox2 .item:nth-child(2){width:0.91rem}.section8 .cont .txtbox2 .txt1{height:0.32rem;font-size:0.2rem;font-family:"OPPOSans-Bold";color:#000000;line-height:0.32rem;padding-bottom:0.04rem}.section8 .cont .txtbox2 .txt2{height:0.28rem;font-size:0.16rem;font-family:"OPPOSans-Regular";color:#000000;line-height:0.28rem}.section8 .cont .phonecolorbox{width:100%;height:auto;position:relative;margin:0 auto}.section8 .cont .phonecolorbox .phonecolor{width:100%;height:4.13rem;position:relative;margin:0 auto}.section8 .cont .phonecolorbox .phonecolor .colorbule{width:100%;height:4.13rem;position:absolute;top:0;right:0;z-index:3;overflow:hidden}.section8 .cont .phonecolorbox .phonecolor .colorbule .colorbuleimg{width:3.2rem;height:4.13rem;position:absolute;top:0;right:0}.section8 .cont .phonecolorbox .phonecolor .colorblack{width:100%;height:4.13rem;position:absolute;top:0;right:0;z-index:2;overflow:hidden}.section8 .cont .phonecolorbox .phonecolor .colorblack .colorblackimg{width:3.2rem;height:4.13rem;position:absolute;top:0;right:0}.section8 .cont .phonecolorbox .phonecolor .colorgold{width:100%;height:4.13rem;position:absolute;top:0;right:0;z-index:2;overflow:hidden}.section8 .cont .phonecolorbox .phonecolor .colorgold .colorgoldimg{width:3.2rem;height:4.13rem;position:absolute;top:0;right:0}.section8 .cont .phonecolorbox .phonenavs{width:100%;font-size:0;margin-top:0.3rem}.section8 .cont .phonecolorbox .phonenavs .phonenav{display:inline-block;vertical-align:top;margin-right:0.48rem}.section8 .cont .phonecolorbox .phonenavs .phonenav a{line-height:0.2rem;font-size:0.14rem;font-family:"OPPOSans-Bold";-webkit-transition:all 1s;transition:all 1s}.section8 .cont .phonecolorbox .phonenavs .phonenav a i{display:inline-block;vertical-align:top;width:0.16rem;height:0.16rem;box-sizing:border-box;border-radius:50%;margin:0.02rem 0.08rem 0.02rem 0;-webkit-transition:all 1s;transition:all 1s}.section8 .cont .phonecolorbox .phonenavs .phonenav1 a{color:#4167A6}.section8 .cont .phonecolorbox .phonenavs .phonenav1 i{background:#FFFFFF;border:1Px solid #4167A6}.section8 .cont .phonecolorbox .phonenavs .phonenav2 a{color:#2D2D2D}.section8 .cont .phonecolorbox .phonenavs .phonenav2 i{background:#FFFFFF;border:1Px solid #2D2D2D}.section8 .cont .phonecolorbox .phonenavs .phonenav3 a{color:#feaa9a}.section8 .cont .phonecolorbox .phonenavs .phonenav3 i{background:url(/content/dam/oppo/product-asset-library/a/a55/cn/v3/index/assets/s8-roundframegold-1920.png) no-repeat;background-size:100% auto}.section8 .cont .phonecolorbox .phonenavs .phonenav1.on{pointer-events:none}.section8 .cont .phonecolorbox .phonenavs .phonenav1.on a{color:#4167A6;pointer-events:none}.section8 .cont .phonecolorbox .phonenavs .phonenav1.on a i{background:#4167A6;border:1Px solid #4167A6}.section8 .cont .phonecolorbox .phonenavs .phonenav2.on{pointer-events:none}.section8 .cont .phonecolorbox .phonenavs .phonenav2.on a{color:#2D2D2D;pointer-events:none}.section8 .cont .phonecolorbox .phonenavs .phonenav2.on a i{background:#2D2D2D;border:1Px solid #2D2D2D}.section8 .cont .phonecolorbox .phonenavs .phonenav3.on{pointer-events:none}.section8 .cont .phonecolorbox .phonenavs .phonenav3.on a{color:#feaa9a;pointer-events:none}.section8 .cont .phonecolorbox .phonenavs .phonenav3.on a i{background:url(/content/dam/oppo/product-asset-library/a/a55/cn/v3/index/assets/s8-roundgold-1920.png) no-repeat;background-size:100% auto}.section8 .cont .phonecolorbox .phonenavs .phonenav:last-child{margin-right:0}.section9{width:100%;height:auto;padding:0 0 0.4rem 0;position:relative;z-index:1;margin:0 auto;background:#FFFFFF}.section9 .s9bg{width:19.2rem;height:7.39rem;position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:none}.section9 .cont{width:3.2rem;height:auto;position:relative;margin:0 auto}.section9 .cont .txtbox1{width:100%;height:auto;position:relative;z-index:2}.section9 .cont .txtbox1 .txt1,.section9 .cont .txtbox1 .txt2{font-size:0.28rem;color:#000000;line-height:0.4rem;font-family:"OPPOSans-Medium"}.section9 .cont .txtbox2{width:3.2rem;height:auto;position:relative;opacity:0;padding:0 0 0.4rem 0}.section9 .cont .txtbox2 .txt3{font-size:0.16rem;line-height:0.27rem;font-family:'OPPOSans-Regular';color:#000000}.section9 .cont .s9-imgs{width:3.6rem;height:3.2rem;overflow:hidden;margin:0.48rem 0 0.32rem -0.2rem}.section9 .cont .s9-imgs picture{width:3.6rem;height:3.2rem;display:block;-webkit-transform:scale(1.2);transform:scale(1.2)}.section9 .conton .txtbox2{-webkit-animation:fadeInUp .7s 1s ease-in-out forwards;animation:fadeInUp .7s 1s ease-in-out forwards;will-change:transform,opacity}.section9 .conton .s9-imgs picture{-webkit-animation:picScale  1s ease-in-out forwards;animation:picScale  1s ease-in-out forwards;will-change:transform,opacity}.section10{width:100%;height:auto;padding:0 0 0.44rem 0;position:relative;margin:0 auto}.section10 .box{width:3.2rem;height:auto;margin:0 auto;position:relative}.section10 .box1 .s10-pic1{width:3.2rem;height:2.4rem;background-size:100%}.section10 .box1 .txt1{padding-top:0.1rem;font-family:'OPPOSans-Bold';font-size:0.14rem;line-height:0.24rem;color:#000}.section10 .box1 .txt2{font-family:'OPPOSans-Regular';font-size:0.14rem;line-height:0.24rem;color:#000000;padding-top:0.02rem}.section10 .box2{margin-top:0.32rem;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.section10 .box2 .item1{width:3.2rem;height:auto}.section10 .box2 .item1 .s10-pic2{width:3.2rem;height:3.2rem;background-size:100%;display:block;-webkit-transform-origin:top center;transform-origin:top center}.section10 .box2 .item1 .txt1{padding-top:0.1rem;font-family:'OPPOSans-Bold';font-size:0.14rem;line-height:0.24rem;color:#000}.section10 .box2 .item1 .txt2{font-family:'OPPOSans-Regular';font-size:0.14rem;line-height:0.24rem;color:#000000;padding-top:0.02rem}.section10 .box2 .item2{width:3.2rem;height:auto;margin-top:0.32rem}.section10 .box2 .item2 .item2-top{width:3.2rem;height:auto;padding-bottom:0.32rem}.section10 .box2 .item2 .item2-top .s10-pic3{width:3.2rem;height:2.4rem;background-size:100%;display:block;-webkit-transform-origin:top center;transform-origin:top center}.section10 .box2 .item2 .item2-top .txt1{padding-top:0.1rem;font-family:'OPPOSans-Bold';font-size:0.14rem;line-height:0.24rem;color:#000}.section10 .box2 .item2 .item2-top .txt2{font-family:'OPPOSans-Regular';font-size:0.14rem;line-height:0.24rem;color:#000000;padding-top:0.02rem}.section10 .box2 .item2 .item2-bottom{width:5.3rem;height:auto;padding-bottom:0.32rem}.section10 .box2 .item2 .item2-bottom .s10-pic4{width:3.2rem;height:2.4rem;background-size:100%;display:block}.section10 .box2 .item2 .item2-bottom .txt1{padding-top:0.1rem;font-family:'OPPOSans-Bold';font-size:0.14rem;line-height:0.24rem;color:#000}.section10 .box2 .item2 .item2-bottom .txt2{font-family:'OPPOSans-Regular';font-size:0.14rem;line-height:0.24rem;color:#000000;padding-top:0.02rem}.section10 .box3{width:3.2rem;height:auto;margin-top:0.32rem}.section10 .box3 .s10-pic5{width:3.2rem;height:3.2rem;background-size:100%;display:block}.section10 .box3 .txt1{padding-top:0.1rem;font-family:'OPPOSans-Bold';font-size:0.14rem;line-height:0.24rem;color:#000}.section10 .box3 .txt2{font-family:'OPPOSans-Regular';font-size:0.14rem;line-height:0.24rem;color:#000000;padding-top:0.02rem}.section11{width:100%;height:auto;padding:0.96rem 0 0.48rem 0;background:#D6E0F5;position:relative}.section11 .cont{width:3.2rem;height:auto;display:block;margin:0 auto}.section11 .cont .title{font-family:'OPPOSans-Medium';font-size:0.28rem;line-height:0.44rem;color:#000000}.section11 .cont .itembox{width:100%;height:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-top:0.48rem;position:relative}.section11 .cont .itembox .item{width:3.2rem;height:auto;margin-bottom:0.48rem}.section11 .cont .itembox .item .picbox{width:3.2rem;height:4.51rem;background:rgba(255,255,255,0.5);box-shadow:0 0.32rem 1.2rem 0 rgba(200,216,229,0.2);margin-bottom:0.2rem;overflow:hidden}.section11 .cont .itembox .item .picbox .s11-pic{width:1.7rem;height:3.66rem;background-size:100% auto;display:block;margin:0.43rem auto 0}.section11 .cont .itembox .item .txtbox{width:100%}.section11 .cont .itembox .item .txtbox .title1{font-family:'OPPOSans-Medium';font-size:0.14rem;line-height:0.24rem;color:#000}.section11 .cont .itembox .item .txtbox .title2{font-family:'OPPOSans-Medium';font-size:0.14rem;line-height:0.24rem;color:rgba(0,0,0,0.6)}.section11 .cont .itembox .item .txtbox .dec{width:100%;font-family:'OPPOSans-Regular';font-size:0.12rem;line-height:0.24rem;color:#000;margin-top:0.04rem}.section11 .cont .itembox .item2 .txtbox .dec{width:100%}.section11 .cont .itembox .item3 .txtbox .dec{width:100%}.section11 .cont .itemboxon{-webkit-animation:fadeInUp .7s .2s ease-in-out forwards;animation:fadeInUp .7s .2s ease-in-out forwards;will-change:transform,opacity}.section12{width:100%;height:auto;padding:0.96rem 0 0.96rem 0;background:rgba(231,239,249,0.63)}.section12 .cont{width:3.2rem;height:100%;display:block;margin:0 auto}.section12 .cont .txtitem{width:100%;height:auto;display:-webkit-box;display:-ms-flexbox;display:flex}.section12 .cont .txtitem .txtbox1{width:100%}.section12 .cont .txtitem .txtbox1 .title1{font-family:'OPPOSans-Medium';font-size:0.28rem;line-height:0.4rem;color:#000000}.section12 .cont .txtitem .txtbox1 .title2{font-family:'OPPOSans-Medium';font-size:0.28rem;line-height:0.4rem;color:#000000}.section12 .cont .itembox{width:100%;height:auto;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;margin:0.48rem auto 0}.section12 .cont .itembox .item{width:1.55rem;height:1.85rem;background:rgba(255,255,255,0.63);overflow:hidden;border-radius:0.04rem;margin-bottom:0.08rem}.section12 .cont .itembox .item .s12-icon{width:0.6rem;height:0.6rem;background-size:100%;margin:0.32rem auto 0.2rem}.section12 .cont .itembox .item .txt1{font-family:'OPPOSans-Bold';font-size:0.16rem;line-height:0.25rem;color:#000;text-align:center}.section12 .cont .itembox .item .txt2{font-family:'OPPOSans-Medium';font-size:0.12rem;line-height:0.16rem;color:#000;text-align:center;padding-top:0.08rem}.section12 .cont .itembox .item:nth-child(5){width:3.2rem;height:1.29rem;display:-webkit-box;display:-ms-flexbox;display:flex}.section12 .cont .itembox .item:nth-child(5) .s12-icon{width:0.6rem;height:0.6rem;background-size:100%;margin:0.35rem 0.52rem 0 0.67rem}.section12 .cont .itembox .item:nth-child(5) .txt1{font-family:'OPPOSans-Bold';font-size:0.16rem;line-height:0.25rem;color:#000;text-align:left;padding-top:0.41rem}.section12 .cont .itembox .item:nth-child(5) .txt2{font-family:'OPPOSans-Medium';font-size:0.12rem;line-height:0.16rem;color:#000;text-align:left;padding-top:0.08rem}.section12 .cont .itemboxon{-webkit-animation:fadeInUp .7s .2s ease-in-out forwards;animation:fadeInUp .7s .2s ease-in-out forwards;will-change:transform,opacity}.section13{width:100%;height:auto;padding:0.96rem 0 0.96rem 0;background:#ffffff}.section13 .cont{width:3.2rem;height:auto;display:block;margin:0 auto}.section13 .cont .tips{font-family:'OPPOSans-Regular';font-size:0.12rem;line-height:0.2rem;color:#a4a4a4}.section13 .cont .ul li{font-family:'OPPOSans-Regular';font-size:0.12rem;line-height:0.2rem;color:#a4a4a4;list-style:decimal outside;margin-left:0.24rem}.section-9-1 .sec-cont{padding:0.96rem 0 0 0}.sec-9-title{font:0.36rem/0.56rem "OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";letter-spacing:-0.002rem;text-align:center;margin-bottom:0.28rem}.media-list{width:3.2rem;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;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-line-pack:start;align-content:flex-start}.media-item a{display:block}.media-item .logo-bg{background:#f0f0f0;width:1.52rem;height:1.14rem;position:relative}.media-item .logo-limit{max-width:0.9rem;max-height:0.4rem;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}.media-item{width:1.51rem;margin-bottom:0.24rem}.media-item:nth-child(2n-1){margin-right:0.09rem}.media-item:nth-child(2n){margin-left:0.09rem}.media-item:nth-last-child(1),.media-item:nth-last-child(2){margin-bottom:0}.media-item p{padding-top:0.12rem;font:0.12rem/0.24rem "OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";letter-spacing:-0.0005rem}.section-9-1 .btn-box{height:0.55rem;text-align:center;padding-bottom:0.32rem;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;-ms-flex-line-pack:center;align-content:center}.section-9-1 .btn-box a{width:0.55rem;height:0.46rem;margin:0 0.1rem;box-sizing:border-box;border:0.02rem solid #000000;border-radius:100%;background:url(/content/dam/oppo/product-asset-library/a/a55/cn/v1/index/assets/sec-9-right.png) no-repeat 50% 50%/0.215rem 0.1rem;-webkit-transition:opacity 0.3s ease, height 0.3s ease;transition:opacity 0.3s ease, height 0.3s ease;-webkit-tap-highlight-color:transparent;outline:none}.section-9-1 .btn-box a:hover{height:0.55rem}.section-9-1 .btn-box a.btn-prev{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.section-9-1 .btn-box a.swiper-button-disabled{opacity:0.3}.section-9-1 .btn-box a.swiper-button-disabled:hover{height:0.46rem}.sectionsw .sec-9-swiper{width:3.2rem;margin:0 auto;z-index:0;margin-bottom:0.32rem}.sectionsw .sec-9-swiper+.swiper-pagination-sec9{height:0.04rem;text-align:center}.sectionsw .sec-9-swiper+.swiper-pagination-sec9 .swiper-pagination-bullet{opacity:1;width:0.04rem;height:0.04rem;margin:0 0.03rem;vertical-align:top;background:rgba(51,51,51,0.5)}.sectionsw .sec-9-swiper+.swiper-pagination-sec9 .swiper-pagination-bullet-active{background:#333333}}@media screen and (min-width: 2200px){.section1 .kv{width:100%;height:100%;min-height:9.3rem;background-size:100%}.section1 .content{width:13.12rem;height:100%;position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.section3 .s3imgbox{width:25.6rem;height:9.8rem;overflow:hidden;margin:0 auto}.section3 .s3imgbox .s3-img{width:25.6rem;height:9.8rem;display:block;-webkit-transform:scale(1.2);transform:scale(1.2);margin:0 auto}}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0, 1rem, 0);transform:translate3d(0, 1rem, 0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0, 1rem, 0);transform:translate3d(0, 1rem, 0)}100%{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(50%, 0, 0);transform:translate3d(50%, 0, 0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(50%, 0, 0);transform:translate3d(50%, 0, 0)}100%{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-50%, 0, 0);transform:translate3d(-50%, 0, 0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-50%, 0, 0);transform:translate3d(-50%, 0, 0)}100%{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes fadeInHeight{0%{height:0%}100%{height:100%}}@keyframes fadeInHeight{0%{height:0%}100%{height:100%}}@-webkit-keyframes moveRight{0%{opacity:1;-webkit-transform:none;transform:none}100%{opacity:1;-webkit-transform:translate3d(0.5rem, 0, 0);transform:translate3d(0.5rem, 0, 0)}}@keyframes moveRight{0%{opacity:1;-webkit-transform:none;transform:none}100%{opacity:1;-webkit-transform:translate3d(0.5rem, 0, 0);transform:translate3d(0.5rem, 0, 0)}}@-webkit-keyframes moveLeft{0%{opacity:1;-webkit-transform:none;transform:none}100%{opacity:1;-webkit-transform:translate3d(-0.5rem, 0, 0);transform:translate3d(-0.5rem, 0, 0)}}@keyframes moveLeft{0%{opacity:1;-webkit-transform:none;transform:none}100%{opacity:1;-webkit-transform:translate3d(-0.5rem, 0, 0);transform:translate3d(-0.5rem, 0, 0)}}@-webkit-keyframes hmoveRight{0%{opacity:1;-webkit-transform:none;transform:none}100%{opacity:1;-webkit-transform:translate3d(0.2rem, 0, 0);transform:translate3d(0.2rem, 0, 0)}}@keyframes hmoveRight{0%{opacity:1;-webkit-transform:none;transform:none}100%{opacity:1;-webkit-transform:translate3d(0.2rem, 0, 0);transform:translate3d(0.2rem, 0, 0)}}@-webkit-keyframes hmoveLeft{0%{opacity:1;-webkit-transform:none;transform:none}100%{opacity:1;-webkit-transform:translate3d(-0.2rem, 0, 0);transform:translate3d(-0.2rem, 0, 0)}}@keyframes hmoveLeft{0%{opacity:1;-webkit-transform:none;transform:none}100%{opacity:1;-webkit-transform:translate3d(-0.2rem, 0, 0);transform:translate3d(-0.2rem, 0, 0)}}@-webkit-keyframes fadeInHeights{0%{height:100%}100%{height:0%}}@keyframes fadeInHeights{0%{height:100%}100%{height:0%}}@-webkit-keyframes moveRights{0%{opacity:1;-webkit-transform:translate3d(0.5rem, 0, 0);transform:translate3d(0.5rem, 0, 0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes moveRights{0%{opacity:1;-webkit-transform:translate3d(0.5rem, 0, 0);transform:translate3d(0.5rem, 0, 0)}100%{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes moveLefts{0%{opacity:1;-webkit-transform:translate3d(-0.5rem, 0, 0);transform:translate3d(-0.5rem, 0, 0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes moveLefts{0%{opacity:1;-webkit-transform:translate3d(-0.5rem, 0, 0);transform:translate3d(-0.5rem, 0, 0)}100%{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes picScale{0%{opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes picScale{0%{opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}

.sectionsw .swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.sectionsw .swiper-container-no-flexbox .swiper-slide{float:left}.sectionsw .swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.sectionsw .swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;box-sizing:content-box}.sectionsw .swiper-container-android .swiper-slide,.sectionsw .swiper-wrapper{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.sectionsw .swiper-container-multirow>.swiper-wrapper{-ms-flex-wrap:wrap;flex-wrap:wrap}.sectionsw .swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.sectionsw .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}.sectionsw .swiper-invisible-blank-slide{visibility:hidden}.sectionsw .swiper-container-autoheight,.sectionsw .swiper-container-autoheight .swiper-slide{height:auto}.sectionsw .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}.sectionsw .swiper-container-3d{-webkit-perspective:12rem;perspective:12rem}.sectionsw .swiper-container-3d .swiper-cube-shadow,.sectionsw .swiper-container-3d .swiper-slide,.sectionsw .swiper-container-3d .swiper-slide-shadow-bottom,.sectionsw .swiper-container-3d .swiper-slide-shadow-left,.sectionsw .swiper-container-3d .swiper-slide-shadow-right,.sectionsw .swiper-container-3d .swiper-slide-shadow-top,.sectionsw .swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.sectionsw .swiper-container-3d .swiper-slide-shadow-bottom,.sectionsw .swiper-container-3d .swiper-slide-shadow-left,.sectionsw .swiper-container-3d .swiper-slide-shadow-right,.sectionsw .swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.sectionsw .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))}.sectionsw .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))}.sectionsw .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))}.sectionsw .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))}.sectionsw .swiper-container-wp8-horizontal,.sectionsw .swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.sectionsw .swiper-container-wp8-vertical,.sectionsw .swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.sectionsw .swiper-button-next,.sectionsw .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}.sectionsw .swiper-button-next.swiper-button-disabled,.sectionsw .swiper-button-prev.swiper-button-disabled{opacity:0.35;cursor:auto;pointer-events:none}.sectionsw .swiper-button-prev,.sectionsw .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}.sectionsw .swiper-button-next,.sectionsw .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}.sectionsw .swiper-button-prev.swiper-button-white,.sectionsw .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")}.sectionsw .swiper-button-next.swiper-button-white,.sectionsw .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")}.sectionsw .swiper-button-prev.swiper-button-black,.sectionsw .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")}.sectionsw .swiper-button-next.swiper-button-black,.sectionsw .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")}.sectionsw .swiper-button-lock{display:none}.sectionsw .swiper-pagination{position:absolute;text-align:center;-webkit-transition:0.3s opacity;transition:0.3s opacity;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);z-index:10}.sectionsw .swiper-pagination.swiper-pagination-hidden{opacity:0}.sectionsw .swiper-container-horizontal>.swiper-pagination-bullets,.sectionsw .swiper-pagination-custom,.sectionsw .swiper-pagination-fraction{bottom:0.1rem;left:0;width:100%}.sectionsw .swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.sectionsw .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(0.33);transform:scale(0.33);position:relative}.sectionsw .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);transform:scale(1)}.sectionsw .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);transform:scale(1)}.sectionsw .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(0.66);transform:scale(0.66)}.sectionsw .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(0.33);transform:scale(0.33)}.sectionsw .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(0.66);transform:scale(0.66)}.sectionsw .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(0.33);transform:scale(0.33)}.sectionsw .swiper-pagination-bullet{width:0.08rem;height:0.08rem;display:inline-block;border-radius:100%;background:#000;opacity:0.2}.sectionsw button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.sectionsw .swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.sectionsw .swiper-pagination-bullet-active{opacity:1;background:#007aff}.sectionsw .swiper-container-vertical>.swiper-pagination-bullets{right:0.1rem;top:50%;-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0)}.sectionsw .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0.06rem 0;display:block}.sectionsw .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:0.08rem}.sectionsw .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:0.2s top, 0.2s -webkit-transform;transition:0.2s top, 0.2s -webkit-transform;transition:0.2s transform, 0.2s top;transition:0.2s transform, 0.2s top, 0.2s -webkit-transform}.sectionsw .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 0.04rem}.sectionsw .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.sectionsw .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:0.2s left, 0.2s -webkit-transform;transition:0.2s left, 0.2s -webkit-transform;transition:0.2s transform, 0.2s left;transition:0.2s transform, 0.2s left, 0.2s -webkit-transform}.sectionsw .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:0.2s right, 0.2s -webkit-transform;transition:0.2s right, 0.2s -webkit-transform;transition:0.2s transform, 0.2s right;transition:0.2s transform, 0.2s right, 0.2s -webkit-transform}.sectionsw .swiper-pagination-progressbar{background:rgba(0,0,0,0.25);position:absolute}.sectionsw .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}.sectionsw .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;transform-origin:right top}.sectionsw .swiper-container-horizontal>.swiper-pagination-progressbar,.sectionsw .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:0.04rem;left:0;top:0}.sectionsw .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.sectionsw .swiper-container-vertical>.swiper-pagination-progressbar{width:0.04rem;height:100%;left:0;top:0}.sectionsw .swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.sectionsw .swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,0.25)}.sectionsw .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.sectionsw .swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.sectionsw .swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,0.25)}.sectionsw .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.sectionsw .swiper-pagination-lock{display:none}.sectionsw .swiper-scrollbar{border-radius:0.1rem;position:relative;-ms-touch-action:none;background:rgba(0,0,0,0.1)}.sectionsw .swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:0.03rem;z-index:50;height:0.05rem;width:98%}.sectionsw .swiper-container-vertical>.swiper-scrollbar{position:absolute;right:0.03rem;top:1%;z-index:50;width:0.05rem;height:98%}.sectionsw .swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,0.5);border-radius:0.1rem;left:0;top:0}.sectionsw .swiper-scrollbar-cursor-drag{cursor:move}.sectionsw .swiper-scrollbar-lock{display:none}.sectionsw .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}.sectionsw .swiper-zoom-container>canvas,.sectionsw .swiper-zoom-container>img,.sectionsw .swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.sectionsw .swiper-slide-zoomed{cursor:move}.sectionsw .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}.sectionsw .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}.sectionsw .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)}}.sectionsw .swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.sectionsw .swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.sectionsw .swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;transition-property:opacity}.sectionsw .swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.sectionsw .swiper-container-fade .swiper-slide-active,.sectionsw .swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.sectionsw .swiper-container-cube{overflow:visible}.sectionsw .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%}.sectionsw .swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.sectionsw .swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;transform-origin:100% 0}.sectionsw .swiper-container-cube .swiper-slide-active,.sectionsw .swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.sectionsw .swiper-container-cube .swiper-slide-active,.sectionsw .swiper-container-cube .swiper-slide-next,.sectionsw .swiper-container-cube .swiper-slide-next+.swiper-slide,.sectionsw .swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.sectionsw .swiper-container-cube .swiper-slide-shadow-bottom,.sectionsw .swiper-container-cube .swiper-slide-shadow-left,.sectionsw .swiper-container-cube .swiper-slide-shadow-right,.sectionsw .swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.sectionsw .swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:0.6;-webkit-filter:blur(0.5rem);filter:blur(0.5rem);z-index:0}.sectionsw .swiper-container-flip{overflow:visible}.sectionsw .swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.sectionsw .swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.sectionsw .swiper-container-flip .swiper-slide-active,.sectionsw .swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.sectionsw .swiper-container-flip .swiper-slide-shadow-bottom,.sectionsw .swiper-container-flip .swiper-slide-shadow-left,.sectionsw .swiper-container-flip .swiper-slide-shadow-right,.sectionsw .swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.sectionsw .swiper-container-coverflow .swiper-wrapper{-ms-perspective:12rem}