| 1 |
- .header-wrap[data-v-41303bd3]{width:100%;height:2.24rem;display:flex;flex-direction:column;position:fixed;top:0;left:0;z-index:500;background-color:#fff}.header[data-v-41303bd3]{width:100%;height:1.173333rem;display:flex;align-items:center;background-color:#fff;z-index:499;padding:0 .4rem;box-sizing:border-box}.return-img[data-v-41303bd3]{width:.533333rem;margin-right:.266667rem}.search-bar[data-v-41303bd3]{width:calc(100% - 1.73333rem);height:.96rem;background-color:#f3f3f3;border-radius:2.666667rem;display:flex;align-items:center;padding:0 .266667rem;box-sizing:border-box}.search-icon[data-v-41303bd3]{width:.426667rem;margin-right:.266667rem}.search-input[data-v-41303bd3]{flex:1;font-size:.4rem}.search-input[data-v-41303bd3]::placeholder{color:#b6b6b6}.tab-list[data-v-41303bd3]{width:100%;height:1.066667rem;display:flex;align-items:center;position:relative}.postion-cart-box[data-v-41303bd3]{position:absolute;right:.666667rem;top:50%;transform:translateY(-50%)}.postion-cart[data-v-41303bd3]{width:.586667rem}.postion-cart-num[data-v-41303bd3]{position:absolute;right:-.133333rem;top:-.133333rem;color:#fff;font-size:.266667rem;height:.373333rem;line-height:.373333rem;min-width:.373333rem;display:flex;align-items:center;justify-content:center;background-color:#ff4954;border-radius:50%;padding:0 .026667rem;box-sizing:border-box}.tab-list>li[data-v-41303bd3]{flex:1;display:flex;justify-content:center;align-items:center;height:1.066667rem;line-height:1.066667rem;font-size:.426667rem;color:#888;position:relative}.tab-list>li.active[data-v-41303bd3]{font-size:.48rem;font-weight:500;color:#222}.tab-list>li.active[data-v-41303bd3]:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);background:linear-gradient(90deg,#2a63f3,#81b8ff);border-radius:.053333rem;width:.48rem;height:.106667rem}.wrap[data-v-41303bd3]{width:100%;height:calc(var(--vh)*100 - 2.24rem);display:flex;flex-direction:column;margin:2.24rem 0 0;box-sizing:border-box;background-color:#f4f4f4;overflow:auto}.video-list>li[data-v-41303bd3]{width:calc(50% - .2rem);background-color:#fff;display:flex;flex-direction:column;margin-bottom:.32rem;border-radius:.266667rem;box-shadow:0 .026667rem .426667rem rgba(0,0,0,.12);overflow:hidden}.video-list>li[data-v-41303bd3]:nth-child(7n+1){width:100%}.float-box[data-v-41303bd3]{position:fixed;right:.4rem;bottom:2.133333rem}.float-box>img[data-v-41303bd3]{width:1.706667rem}.cart-box[data-v-41303bd3]{position:fixed;right:.4rem;bottom:3.813333rem}.cart-box>img[data-v-41303bd3]{width:1.706667rem}.cart-num[data-v-41303bd3]{position:absolute;right:.186667rem;top:.266667rem;color:#fff;font-size:.266667rem;min-width:.373333rem;height:.373333rem;line-height:.373333rem;background-color:#ff4954;border-radius:50%;display:flex;justify-content:center;align-items:center}.wrap2[data-v-41303bd3]{width:100%;height:calc(100vh - 2.24rem);display:flex;flex-direction:row;box-sizing:border-box;background-color:#f4f4f4;padding:0 0 0;position:relative}.list[data-v-41303bd3]{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;padding:.32rem .4rem;box-sizing:border-box}.list>li[data-v-41303bd3]{width:calc(50% - .2rem);background-color:#fff;box-shadow:0 0 .32rem rgba(0,0,0,.08);border-radius:.32rem;margin-bottom:.32rem;display:flex;flex-direction:column;overflow:hidden}.item-img[data-v-41303bd3]{width:100%;height:3.466667rem}.item-bottom[data-v-41303bd3]{width:100%;display:flex;flex-direction:column;padding:.133333rem .266667rem .373333rem;box-sizing:border-box}.item-name[data-v-41303bd3]{width:100%;display:-webkit-box;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;color:#222;font-size:.4rem;margin-bottom:.266667rem;font-weight:700}.item-between[data-v-41303bd3]{width:100%;display:flex;justify-content:space-between;align-items:center}.item-price[data-v-41303bd3]{font-size:.373333rem;color:#ff4954;font-weight:700}.item-price>span[data-v-41303bd3]{font-size:.48rem}.item-cart-icon[data-v-41303bd3]{width:.533333rem}.normal-box-small[data-v-41303bd3]{width:100%;display:flex;flex-direction:column;align-items:center;font-size:.373333rem;color:#999992;padding:3.2rem 0}.normal-box-small>img[data-v-41303bd3]{width:4rem;margin-bottom:.24rem}.leftsidebar[data-v-41303bd3]{width:2.133333rem;height:100%;overflow-y:auto}.leftsidebar-tab-list[data-v-41303bd3]{width:100%;display:flex;flex-direction:column}.leftsidebar-tab-list>li[data-v-41303bd3]{width:100%;text-align:center;height:1.493333rem;font-size:.373333rem;color:#222;position:relative;display:flex;align-items:center;justify-content:center}.leftsidebar-tab-list>li.active[data-v-41303bd3]{font-weight:500}.leftsidebar-tab-list>li.active[data-v-41303bd3]:after{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);background:#2a63f3;width:.106667rem;height:.48rem}.rightsidebar[data-v-41303bd3]{width:calc(100% - 2.53333rem);height:100%;overflow-y:auto}.all-list[data-v-41303bd3]{padding-bottom:.266667rem}.all-list>li[data-v-41303bd3],.all-list[data-v-41303bd3]{width:100%;display:flex;flex-direction:column}.list-title[data-v-41303bd3]{width:100%;height:1.173333rem;line-height:1.173333rem;display:flex;align-items:center;color:#222;font-size:.373333rem;font-weight:700}.sub-list[data-v-41303bd3]{width:100%;display:flex;flex-direction:column;padding:.373333rem .266667rem;box-sizing:border-box;background-color:#fff;box-shadow:0 0 .32rem rgba(0,0,0,.08);border-radius:.32rem}.sub-list>li[data-v-41303bd3]{width:100%;display:flex;align-items:center;margin-bottom:.373333rem}.sub-list>li[data-v-41303bd3]:last-of-type{margin-bottom:0}.sub-item-img[data-v-41303bd3]{width:1.866667rem;height:1.866667rem;border-radius:.213333rem;margin-right:.32rem}.sub-item-sidebar[data-v-41303bd3]{flex:1;display:flex;flex-direction:column}.sub-item-name[data-v-41303bd3]{width:100%;color:#222;font-size:.373333rem;font-weight:700;display:-webkit-box;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;margin-bottom:.213333rem}.sub-item-price[data-v-41303bd3]{color:#ff4954;font-size:.373333rem;font-weight:700}.more-btn[data-v-41303bd3]{width:100%;display:flex;justify-content:center;align-items:center;color:#2a63f3;font-size:.32rem;padding:.266667rem 0 0}.more-btn>img[data-v-41303bd3]{width:.213333rem;margin:0 0 0 .106667rem}
|
