.BubbleDialog>div{display:flex;justify-content:center;align-items:center}.BubbleDialog .BubbleDialog__wrap{border-radius:.2rem;box-sizing:border-box;position:relative;display:inline-flex;align-items:center;max-width:2.52rem;transform:translateZ(0)}.BubbleDialog .BubbleDialog__wrap__placeholder{width:.32rem;height:.32rem;line-height:.32rem;border-radius:50%;display:flex;justify-content:center;align-items:center}.BubbleDialog .BubbleDialog__wrap__placeholder img{object-fit:cover;width:.24rem;height:.24rem}.BubbleDialog .BubbleDialog__wrap .BubbleDialog__msg{margin-left:.18rem;height:.28rem;color:#333;font-size:.2rem;text-align:left;line-height:.28rem}.BubbleDialog .BubbleDialog__wrap .BubbleDialog__msg>span{color:#fff100;font-size:.2rem;font-weight:400;line-height:.28rem}.IconAnimation div{display:flex;align-items:center;justify-content:center}.IconAnimation div .iconList-enter-active,.IconAnimation div .iconList-leave-active{transition:transform .5s ease-in;transform:translateZ(0)}.IconAnimation div .iconList-enter{transform:scale(0) translateZ(0);opacity:0}.IconAnimation div .iconList-enter-to{transform:scale(1) translateZ(0);opacity:1}.IconAnimation div .iconList-leave-to{transform:scale(0) translateZ(0);opacity:0}@keyframes circle{0%{opacity:0;transform:rotate(0)}25%{opacity:0;transform:rotate(0)}30%{opacity:1;transform:rotate(0)}to{opacity:0;transform:rotate(90deg)}}.IconAnimation div .iconBox__avatar{width:.32rem;height:.32rem;background-position:50%;background-repeat:no-repeat;background-size:cover;display:inline-block;border-radius:50%;flex-shrink:0;transition:all 1s ease;margin-right:-.1rem;position:relative;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.IconBarrage{display:flex;width:100%;position:relative}.IconBarrage .IconBarrage__contain{display:flex;align-items:center;width:.76rem;box-sizing:border-box;flex-wrap:nowrap;position:relative}.ToTop{right:.2rem;bottom:1.2rem;width:.8rem;background:url(../img/img1.679c9ebf.png) 50% no-repeat;background-size:.8rem .8rem;z-index:998}.loginscroll,.ToTop{position:fixed;height:.8rem}.loginscroll{left:.32rem;bottom:1rem;width:6.86rem;background:linear-gradient(132deg,#fffde5,#f2ffe5);border-radius:.17rem;z-index:98;display:flex;align-items:center;justify-content:space-between}.loginscroll__img{width:1.33rem;height:1.03rem;position:absolute;bottom:0;left:.21rem}.loginscroll__text{font-size:.26rem;color:#333;font-weight:700;padding-left:1.3rem}.loginscroll__text b{color:#ff7100;font-size:.28rem}.loginscroll__btn{width:1.3rem;height:.48rem;background:#fff100;border-radius:.32rem;font-size:.22rem;color:#333;display:flex;align-items:center;justify-content:center;margin-right:.16rem}.ProductList{position:relative;min-height:100vh;overflow:hidden}.ProductList__head{display:flex;justify-content:flex-end;flex-direction:column;background-size:cover;height:5.63rem;margin-bottom:.32rem}.ProductList__head__tabs{height:1.16rem;margin-top:1.28rem;position:relative;padding-left:.47rem}.ProductList__head__tabs .navs{display:inline-flex;height:.8rem;margin-top:.19rem}.ProductList__head__tabs .navs .nav{flex:0 0 2.09rem;height:.8rem;background-color:#f7f7f7;border-radius:.4rem;margin-right:.16rem;position:relative;display:flex;justify-content:center;align-items:center}.ProductList__head__tabs .navs .nav[data-type=outdoor_short]{flex:0 0 2.67rem}.ProductList__head__tabs .navs .nav{color:#333;font-size:.28rem;font-family:PingFangSC-Medium;font-weight:500;text-align:center;line-height:.4rem}.ProductList__head__tabs .navs .nav__active{background:linear-gradient(79deg,#ffe766,#fff100)}.ProductList__head__tabs .navs .nav:before{background-image:url(../img/arrow_left.4e3fe63b.png);left:.37rem}.ProductList__head__tabs .navs .nav:after,.ProductList__head__tabs .navs .nav:before{content:"";background-repeat:no-repeat;background-size:cover;background-position:50%;width:.25rem;height:.35rem;display:inline-block;position:absolute}.ProductList__head__tabs .navs .nav:after{background-image:url(../img/arrow_right.fd6bf692.png);right:.37rem}.ProductList__head__tabs .navs .nav .label_5{width:.25rem;height:.35rem;margin:.24rem .37rem 0 0}.ProductList__head__tabs .newTab{position:absolute;right:0;top:-.11rem;width:.52rem;height:.28rem}.ProductList__head__tabs .newTab .wrap{background-color:#ff2727;border-radius:.14rem .14rem .14rem 0;height:.28rem;width:.3rem;display:flex;justify-content:center;align-items:center}.ProductList__head__tabs .newTab .wrap div{color:#fff;font-size:.2rem;line-height:.2rem;font-family:PingFangSC-Medium;font-weight:500}.ProductList__head__tabs .sitename{position:absolute;right:.47rem;top:-.11rem;width:.59rem;height:.28rem}.ProductList__head__tabs .sitename .wrap{background-color:#333;border-radius:.14rem .14rem .14rem 0;height:.28rem;width:.59rem;display:flex;justify-content:center;align-items:center}.ProductList__head__tabs .sitename .wrap div{color:#fff;font-size:.2rem;line-height:.2rem;font-family:PingFangSC-Medium;font-weight:500}.ProductList__container{padding-bottom:.4rem}.ProductList__container__card{position:relative;margin:0 .32rem;padding-bottom:.4rem}.ProductList__container__card:nth-child(-n+4) .ranking{background:url(../img/top_ranking.ffe2c3dc.png) no-repeat;background-size:contain}.ProductList__container__card:nth-child(n+4) .ranking{background:url(../img/bottom_ranking.dc23eacd.png) no-repeat;background-size:contain}.ProductList__container .swiper{width:6.86rem;height:3.86rem;border-radius:.32rem .32rem 0 0;background-size:contain;background-color:#000}.ProductList__container .swiper .scale_img{width:100%;height:100%}.ProductList__container .swiper .desc{position:absolute;left:.22rem;bottom:.12rem;font-size:.12rem;text-align:center;height:.42rem;line-height:.42rem}.ProductList__container .swiper .desc .wrap{display:flex;justify-content:space-between;padding:0 .17rem 0 .17rem;background:hsla(0,0%,100%,.9);border-radius:.2rem;align-items:center}.ProductList__container .swiper .desc .wrap .hot{width:.24rem;height:.24rem;margin-right:.05rem}.ProductList__container .swiper .desc .wrap span{color:#333;font-size:.24rem}.ProductList__container .swiper .desc .wrap .comments{font-size:.24rem;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#2f5977}.ProductList__container .swiper .desc .wrap .praise{display:flex;height:.42rem;line-height:.42rem}.ProductList__container .swiper .desc .wrap .praiseRate{padding-left:.05rem}.ProductList__container .swiper .num{background-color:rgba(0,0,0,.8);border-radius:.2rem;height:.39rem;line-height:.39rem;width:.66rem;position:absolute;right:.23rem;bottom:.12rem;font-size:.12rem;text-align:center}.ProductList__container .swiper .num span{color:#fff;font-size:.2rem}.ProductList__container .ranking{position:absolute;left:.18rem;top:-.08rem;width:.76rem;height:.85rem;background-size:100% 100%}.ProductList__container .ranking .wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;width:.45rem;height:.7rem;margin:.04rem 0 0 .16rem}.ProductList__container .ranking .wrap .desc{color:#fff;font-size:.2rem;font-weight:700}.ProductList__container .ranking .wrap .num{color:#fff;font-size:.3rem;font-weight:700}.ProductList__container .content{position:relative;display:flex;flex-direction:column;background-color:#fff;border-radius:0 0 .32rem .32rem;width:6.86rem}.ProductList__container .content__head{display:flex;justify-content:space-between;margin:.16rem .26rem 0 .26rem}.ProductList__container .content .currentView{display:flex;align-items:center;font-size:.2rem}.ProductList__container .content .pointer{width:.22rem;height:.15rem;margin-right:.05rem}.ProductList__container .content .time{-webkit-line-clamp:1;font-size:.2rem}.ProductList__container .content .time,.ProductList__container .content .title{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;color:#333;text-align:left}.ProductList__container .content .title{width:6.41rem;font-size:.32rem;font-family:PingFangSC-Medium;font-weight:500;line-height:.42rem;margin:.08rem .22rem 0 .22rem;-webkit-line-clamp:2}.ProductList__container .content .priceinfo{display:flex;margin:0 0 .24rem .22rem;align-items:baseline}.ProductList__container .content .priceinfo .symbol{color:#ff3b30;font-size:.24rem;font-family:PingFangSC-Semibold;font-weight:600;text-align:left}.ProductList__container .content .priceinfo .price{font-family:OPPOSans-B;color:#ff3b30;font-size:.3rem;font-weight:600;text-align:left;margin-right:.01rem}.ProductList__container .content .priceinfo .text{color:#999;font-size:.24rem;margin-left:.02rem;text-align:left}.ProductList__container .content .priceinfo .coupon{background-color:#fff7f7;border-radius:.02rem;margin-left:.08rem}.ProductList__container .content .priceinfo .coupon span{height:.33rem;color:#ff3b30;font-size:.24rem;text-align:left;line-height:.33rem;margin:.01rem .08rem}.ProductList__container .content .buyInfo{position:absolute;top:-.52rem;left:.18rem;background:hsla(0,0%,100%,.5);border-radius:.2rem;backdrop-filter:blur(10px);display:flex;align-items:center;padding:0 .16rem;height:.4rem;line-height:.4rem}.ProductList__container .content .buyInfo .avatars{height:.32rem}.ProductList__container .content .buyInfo .avatars .avatar{width:.32rem;height:.32rem;margin-right:-.1rem}.ProductList__container .content .buyInfo .avatars .avatar img{border-radius:50%}.ProductList__container .content .buyInfo .desc{margin-left:.18rem;height:.28rem;color:#333;font-size:.2rem;text-align:left;line-height:.28rem}.ProductList__container .content .commentsInfo{margin:0 .22rem .24rem .22rem;padding:.2rem .19rem;background:#f7f7f7;border-radius:.16rem;display:flex;flex-direction:column}.ProductList__container .content .commentsInfo .user{display:flex;align-items:center;padding-bottom:.1rem}.ProductList__container .content .commentsInfo .avatar{width:.32rem;height:.32rem}.ProductList__container .content .commentsInfo .avatar img{border-radius:50%}.ProductList__container .content .commentsInfo .name{margin:0 .1rem}.ProductList__container .content .commentsInfo .tag{height:.28rem;line-height:.28rem;background:#fffde5;font-size:.2rem;color:#666;border-radius:.04rem;padding:.02rem .05rem}.ProductList__container .content .commentsInfo .desc{font-size:.24rem;font-weight:400;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#666}