.product-navs[data-v-8cfee9f0]{background:#000;border-bottom:1px solid hsla(0,0%,100%,.1);font-size:16px;height:.72rem;left:.3rem;opacity:1;overflow:hidden;position:fixed;right:.3rem;top:64px;transform:translateY(0);transition:height .6s ease-in,transform .6s ease-in,opacity .3s;z-index:10}.product-navs.hide[data-v-8cfee9f0]{opacity:0;transform:translateY(-100px)}.product-navs.full[data-v-8cfee9f0]{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#00000080;left:0;right:0;top:0}.product-navs.full .button[data-v-8cfee9f0]{background:linear-gradient(91deg,#52e3b3,#4afff0);font-family:OPPOSans-M}.product-navs .nav-box[data-v-8cfee9f0]{color:#fff;color:#fff6;font-family:OPPOSans;height:100%;padding:0 .3rem;position:relative}.product-navs .nav-box ul[data-v-8cfee9f0]{margin-right:.6rem}.product-navs .nav-box li[data-v-8cfee9f0]{line-height:1;margin-right:.5rem;position:relative;transition:.3s}.product-navs .nav-box li[data-v-8cfee9f0]:last-child{margin-right:0}.product-navs .nav-box li[data-v-8cfee9f0]:before{background:#fff;bottom:-1px;content:" ";height:3px;left:0;opacity:0;position:absolute;right:0;width:100%}.product-navs .nav-box li.active[data-v-8cfee9f0],.product-navs .nav-box li[data-v-8cfee9f0]:hover{color:#fff}.product-navs .nav-box li.active[data-v-8cfee9f0]:before,.product-navs .nav-box li[data-v-8cfee9f0]:hover:before{opacity:1}.product-navs .p-name[data-v-8cfee9f0]{color:#fff;font-family:OPPOSans-B;font-size:.18rem}.product-navs .button[data-v-8cfee9f0]{background:#fff;border:none;border-radius:.08rem;color:#000;font-family:OPPOSans-R;font-size:.14rem;font-weight:500;height:.35rem}@media only screen and (max-width:768px){.product-navs[data-v-8cfee9f0]{border:none;height:auto;left:0;right:0;top:.95rem}.product-navs .nav-box[data-v-8cfee9f0]{padding:0 .6rem}.product-navs .nav-box ul[data-v-8cfee9f0]{margin-right:0}.product-navs .nav-box li[data-v-8cfee9f0]{font-family:OPPOSans-R;font-size:.22rem;margin-right:.52rem;padding:.3rem 0}.product-navs .p-name[data-v-8cfee9f0]{font-size:.24rem}.product-navs .button[data-v-8cfee9f0]{font-size:.2rem;height:.46rem;padding:0 .32rem}}.note-wrap[data-v-871edbf4]{display:flex;justify-content:end;margin:.24rem 0;position:relative;text-align:right;z-index:1}.note-wrap .note[data-v-871edbf4]{color:#3d3d3d;font-family:HarmonyOS-Sans-M;font-size:.12rem;line-height:normal;max-width:4.08rem;text-align:left}.note-wrap .auto[data-v-871edbf4]{max-width:100%}.note-wrap .center[data-v-871edbf4]{text-align:center}.left[data-v-871edbf4]{justify-content:start;text-align:left}@media only screen and (max-width:768px){.note-wrap .note[data-v-871edbf4]{font-size:.24rem;max-width:100%}}