.product-navs[data-v-ba3ab9fe]{background:#fff;border-bottom:1px solid hsla(0,0%,100%,.1);font-size:16px;height:64px;left:0;opacity:1;overflow:hidden;position:fixed;right:0;top:64px;transform:translateY(0);transition:height .6s ease-in,transform .6s ease-in,opacity .3s;z-index:10}.product-navs.hide[data-v-ba3ab9fe]{opacity:0;transform:translateY(-100px)}.product-navs.full[data-v-ba3ab9fe]{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fff;left:0;right:0;top:0}.product-navs.full .button[data-v-ba3ab9fe]{background:linear-gradient(91deg,#52e3b3,#4afff0);font-family:OPPOSans-M}.product-navs .nav-box[data-v-ba3ab9fe]{color:#181b29;font-family:HarmonyOS Sans SC;height:100%;margin:0 auto;padding:0 120px;position:relative;width:1440px}@media only screen and (max-width:1366px){.product-navs .nav-box[data-v-ba3ab9fe]{width:90%}}.product-navs .nav-box li[data-v-ba3ab9fe]{font-size:14px;font-weight:700;line-height:1;margin-right:50px;position:relative;transition:.3s}.product-navs .nav-box li[data-v-ba3ab9fe]:last-child{margin-right:0}.product-navs .nav-box li[data-v-ba3ab9fe]:before{background:#181b29;bottom:15px;content:" ";height:3px;left:0;opacity:0;position:absolute;right:0;width:100%}.product-navs .nav-box li.active[data-v-ba3ab9fe],.product-navs .nav-box li[data-v-ba3ab9fe]:hover{color:#181b29}.product-navs .nav-box li.active[data-v-ba3ab9fe]:before,.product-navs .nav-box li[data-v-ba3ab9fe]:hover:before{opacity:1}.product-navs .p-name[data-v-ba3ab9fe]{color:#181b29;cursor:pointer;font-size:20px;font-weight:700}.product-navs .button[data-v-ba3ab9fe]{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-ba3ab9fe]{border:none;height:auto;left:0;right:0;top:.95rem}.product-navs .nav-box[data-v-ba3ab9fe]{padding:0}.product-navs .nav-box ul[data-v-ba3ab9fe]{margin-right:0}.product-navs .nav-box li[data-v-ba3ab9fe]{font-size:.22rem;margin-right:.52rem;padding:.3rem 0}.product-navs .nav-box li[data-v-ba3ab9fe]:before{background:#181b29;bottom:.15rem;content:" ";height:.03rem;left:0;opacity:0;position:absolute;right:0;width:100%}.product-navs .p-name[data-v-ba3ab9fe]{font-size:.24rem}.product-navs .button[data-v-ba3ab9fe]{font-size:.2rem;height:.46rem;padding:0 .32rem}}