.sec-product-index-category[data-v-a5decc6e]{border-top:1px solid rgba(15,17,18,.1);display:flex;justify-content:center;padding:.6rem 0}.sec-product-index-category .item[data-v-a5decc6e]{align-items:center;cursor:pointer;display:flex;flex-direction:column;margin-right:1rem;text-align:center}.sec-product-index-category .item[data-v-a5decc6e]:last-child{margin-right:0}.sec-product-index-category .item:hover p[data-v-a5decc6e]{color:#57b898;transition:color .3s}.sec-product-index-category img[data-v-a5decc6e]{height:.5rem;-o-object-fit:contain;object-fit:contain}.sec-product-index-category p[data-v-a5decc6e]{color:#181b29;font-family:OPPOSans-R;font-size:.16rem;margin-top:.18rem;transition:color .3s}@media only screen and (max-width:1440px){.sec-product-index-category p[data-v-a5decc6e]{font-size:14px}}@media screen and (max-width:768px){.sec-product-index-category[data-v-a5decc6e]{display:grid;grid-template-columns:repeat(var(--sec-product-index-category-count),1fr);padding-left:.4rem;padding-right:.4rem}.sec-product-index-category img[data-v-a5decc6e]{height:.65rem;-o-object-fit:contain;object-fit:contain;width:auto}.sec-product-index-category p[data-v-a5decc6e]{font-size:.26rem;margin-top:.2rem}.sec-product-index-category .item[data-v-a5decc6e]{margin-right:0}}.page-product-index{padding-top:1rem}.page-product-index .container-lg{padding:0 .6rem .6rem}.page-product-index .pro-single,.page-product-index .pro-two{color:#fff;font-family:OPPOSans-B;margin-bottom:1.2rem;position:relative}.page-product-index .pro-single{background:#000;height:9rem;width:100%}.page-product-index .pro-single.pro-r10{background:url(../img/product/r10.webp);background-size:contain;cursor:none}.page-product-index .pro-single .custom-cursor{align-items:center;background:#fff;border-radius:50%;display:flex;height:.7rem;justify-content:center;left:0;opacity:0;position:absolute;right:0;transform:scale(0);transition:opacity .5s,transform .5s;width:.7rem}.page-product-index .pro-single .custom-cursor.show{opacity:1;transform:scale(1)}.page-product-index .pro-single .custom-cursor .img{color:#090909}.page-product-index .pro-single .pro-bd{bottom:.8rem;left:.8rem;position:absolute}.page-product-index .pro-single .pro-bd.pro-bd-2{padding-top:1.1rem;position:static;text-align:center}.page-product-index .pro-single .pro-title{font-size:.6rem;line-height:1;margin-top:.375rem}.page-product-index .pro-single .pro-desc{font-size:.24rem;line-height:1}.page-product-index .pro-single .btn-play{bottom:.4rem;cursor:pointer;height:.46rem;right:.4rem;width:.46rem}@media only screen and (max-width:1440px){.page-product-index .pro-single .btn-play{height:36px;width:36px}}.page-product-index .pro-single .btn-play span{font-size:8px}.page-product-index .pro-single .button{border-color:#ffffff80}.page-product-index .pro-single .button.more .img{color:#e2e2e2}.page-product-index .pro-single .button .text{opacity:1}.page-product-index .pro-two{color:#000;display:flex;justify-content:space-between}@media screen and (max-width:768px){.page-product-index{padding-top:1.3rem}.page-product-index .pro-single{height:12.5rem}.page-product-index .pro-single.pro-r10{background:url(../img/product/r10-mob.webp) no-repeat;background-size:cover}.page-product-index .pro-single .pro-title{line-height:.7rem;margin-top:.3rem}.page-product-index .pro-single .pro-desc{font-size:.36rem;line-height:1}.page-product-index .pro-single .btn-play{border-radius:50%;bottom:auto;height:.76rem;right:calc(50% - .28rem);top:3.85rem;width:.76rem}.page-product-index .pro-single .pro-bd{bottom:1.2rem;left:.74rem}.page-product-index .pro-single .pro-bd.pro-bd-2{padding-top:1.9rem}.page-product-index .pro-single .btn-more{margin-top:.4rem}.page-product-index .pro-two{flex-direction:column}.page-product-index .pro-two .item{margin-bottom:.3rem;width:100%}.page-product-index .pro-two .item:last-child{margin-bottom:0}.page-product-index .pro-two .bottom-bd{bottom:.2rem;height:1.6rem;left:.2rem;margin:.3rem .15rem;right:.2rem}.page-product-index .pro-two .pro-title{align-items:center;display:flex;font-size:.5rem;font-weight:800;margin:0 .32rem 0 .53rem}.page-product-index .pro-two .pro-desc{font-size:.24rem;line-height:.38rem}.page-product-index .pro-two .circle{display:none}}@media only screen and (max-width:768px){.commonEn .bottom-bd{height:2.2rem!important}}
