mp-weixin-2285-xcx.aigc-quickapp.com/components/diy-components/diy-goods-list.wxss

.goods-list.data-v-1878217b{overflow:hidden;padding-bottom:10rpx}.goods-list .goods-item.data-v-1878217b{position:relative;overflow:hidden;line-height:1}.goods-list .goods-item .sale.data-v-1878217b{align-self:baseline;color:#909399;font-size:20rpx}.goods-list .goods-item .info-wrap .goods-name.data-v-1878217b{margin-bottom:10rpx;line-height:1.3}.goods-list .goods-item .info-wrap .tag-wrap.data-v-1878217b{margin-bottom:20rpx}.goods-list .goods-item .info-wrap .tag-wrap text.data-v-1878217b{display:inline-block;font-size:18rpx}.goods-list .goods-item .info-wrap .tag-wrap .hollow-tag.data-v-1878217b{border:2rpx solid var(--base-color);border-radius:4rpx;margin-right:10rpx;box-sizing:border-box;line-height:1.2;padding:2rpx 4rpx 0;max-width:100%;color:var(--base-color)}.goods-list .goods-item .info-wrap .member-price.data-v-1878217b{display:flex;align-items:center}.goods-list .goods-item .info-wrap .member-price image.data-v-1878217b{margin-left:4rpx;width:50rpx;height:24rpx}.goods-list .goods-item .shopping-cart-btn.data-v-1878217b{font-size:36rpx;border:2rpx solid var(--base-color);border-radius:50%;padding:10rpx;color:var(--base-color);width:36rpx;height:36rpx;text-align:center;line-height:36rpx}.goods-list .goods-item .plus-sign-btn.data-v-1878217b{font-size:36rpx;border:2rpx solid var(--base-color);border-radius:50%;padding:10rpx;color:var(--base-color);width:36rpx;height:36rpx;text-align:center;line-height:36rpx}.goods-list .goods-item .buy-btn.data-v-1878217b{background-color:var(--base-color);color:var(--btn-text-color);border-radius:50rpx;font-size:24rpx;padding:12rpx 30rpx;line-height:1}.goods-list .goods-item .icon-diy.data-v-1878217b{font-size:80rpx}.goods-list .goods-item .sell-out.data-v-1878217b{position:absolute;z-index:1;width:100%;height:100%;top:0;left:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5)}.goods-list .goods-item .sell-out text.data-v-1878217b{color:#fff}.goods-list.row1-of1 .goods-item.data-v-1878217b{position:relative;background-color:#fff;display:flex;margin-bottom:20rpx;padding:16rpx}.goods-list.row1-of1 .goods-item.data-v-1878217b:last-of-type{margin-bottom:0}.goods-list.row1-of1 .goods-item.shadow.data-v-1878217b{margin:8rpx 8rpx 20rpx 8rpx}.goods-list.row1-of1 .goods-item .goods-img-wrap.data-v-1878217b{position:relative;overflow:hidden;width:260rpx;height:260rpx}.goods-list.row1-of1 .goods-item .goods-img.data-v-1878217b{width:260rpx}.goods-list.row1-of1 .goods-item .info-wrap.data-v-1878217b{width:calc(100% - 260rpx);padding:6rpx 0 6rpx 20rpx;flex:1;display:flex;flex-direction:column;box-sizing:border-box}.goods-list.row1-of1 .goods-item .info-wrap .pro-info.data-v-1878217b{margin-top:auto;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.goods-list.row1-of1 .goods-item .info-wrap .pro-info .discount-price.data-v-1878217b{display:flex;justify-content:space-between;flex-direction:column}.goods-list.row1-of1 .goods-item .info-wrap .pro-info .discount-price .price-wrap.data-v-1878217b{white-space:nowrap}.goods-list.row1-of1 .goods-item .info-wrap .pro-info .discount-price .price-wrap .unit.data-v-1878217b{font-size:24rpx!important}.goods-list.row1-of1 .goods-item .info-wrap .pro-info .discount-price .price-wrap .price.data-v-1878217b{font-size:32rpx}.goods-list.row1-of1 .goods-item .info-wrap .pro-info .discount-price .price-wrap text.data-v-1878217b{font-weight:700}.goods-list.row1-of1 .goods-item .info-wrap .pro-info .delete-price.data-v-1878217b{text-decoration:line-through;flex:1;line-height:28rpx;color:#909399;font-size:20rpx}.goods-list.row1-of1.style-1 .pro-info.data-v-1878217b{position:relative}.goods-list.row1-of1.style-1 .pro-info .price-wrap.data-v-1878217b{line-height:1}.goods-list.row1-of1.style-1 .pro-info .discount-price.data-v-1878217b{align-items:flex-end}.goods-list.row1-of1.style-1 .pro-info .delete-price.data-v-1878217b{margin:4rpx 0;flex-basis:100%!important}.goods-list.row1-of1.style-1 .buy-btn.data-v-1878217b{min-width:112rpx;height:52rpx;padding:0 20rpx;line-height:52rpx;text-align:center;box-sizing:border-box}.goods-list.row1-of1 .sell-out text.data-v-1878217b{font-size:200rpx}.goods-list.row1-of2.data-v-1878217b{display:flex;flex-wrap:wrap;justify-content:space-between}.goods-list.row1-of2 .goods-item.data-v-1878217b{position:relative;margin-top:20rpx;width:calc(50% - 10rpx);display:flex;flex-direction:column;box-sizing:border-box}.goods-list.row1-of2 .goods-item.data-v-1878217b:nth-child(2n){margin-right:0!important}.goods-list.row1-of2 .goods-item.data-v-1878217b:nth-of-type(1), .goods-list.row1-of2 .goods-item.data-v-1878217b:nth-of-type(2){margin-top:0}.goods-list.row1-of2 .goods-item.shadow.data-v-1878217b{width:calc(50% - 18rpx)}.goods-list.row1-of2 .goods-item.shadow.data-v-1878217b:nth-child(2n-1){margin-left:8rpx}.goods-list.row1-of2 .goods-item.shadow.data-v-1878217b:nth-child(2n){margin-right:8rpx!important}.goods-list.row1-of2 .goods-item.shadow.data-v-1878217b:nth-of-type(1), .goods-list.row1-of2 .goods-item.shadow.data-v-1878217b:nth-of-type(2){margin-top:8rpx}.goods-list.row1-of2 .goods-item .goods-img-wrap.data-v-1878217b{position:relative;overflow:hidden;height:344rpx}.goods-list.row1-of2 .goods-item .goods-img.data-v-1878217b{width:100%}.goods-list.row1-of2 .goods-item .info-wrap.data-v-1878217b{display:flex;flex-direction:column;flex:1;padding:20rpx}.goods-list.row1-of2 .goods-item .info-wrap .sale.data-v-1878217b{flex-basis:100%}.goods-list.row1-of2 .goods-item .info-wrap .pro-info.data-v-1878217b{margin-top:auto;display:flex;flex-direction:row;justify-content:space-between}.goods-list.row1-of2 .goods-item .info-wrap .pro-info .discount-price .price-wrap.data-v-1878217b{white-space:nowrap}.goods-list.row1-of2 .goods-item .info-wrap .pro-info .discount-price .price-wrap .unit.data-v-1878217b{font-weight:700;font-size:24rpx!important}.goods-list.row1-of2 .goods-item .info-wrap .pro-info .discount-price .price-wrap .price.data-v-1878217b{font-weight:700;font-size:32rpx!important}.goods-list.row1-of2 .goods-item .info-wrap .pro-info .delete-price.data-v-1878217b{text-decoration:line-through;flex:1;line-height:28rpx;color:#909399;font-size:20rpx}.goods-list.row1-of2.style-1 .pro-info .discount-price.data-v-1878217b{display:flex;flex-wrap:wrap;align-items:baseline}.goods-list.row1-of2.style-1 .pro-info .discount-price .price-wrap.data-v-1878217b{display:inline-block}.goods-list.row1-of2.style-1 .pro-info .discount-price .price-wrap text.data-v-1878217b{font-weight:700}.goods-list.row1-of2.style-1 .pro-info .discount-price .price-wrap.data-v-1878217b{line-height:1}.goods-list.row1-of2.style-1 .pro-info .delete-price.data-v-1878217b{margin-top:6rpx;flex-basis:100%!important}.goods-list.row1-of2.style-2 .pro-info.data-v-1878217b{position:relative;align-items:center}.goods-list.row1-of2.style-2 .pro-info .price-wrap.data-v-1878217b{line-height:1}.goods-list.row1-of2.style-2 .pro-info .discount-price.data-v-1878217b{display:flex;flex-wrap:wrap;align-items:baseline}.goods-list.row1-of2.style-2 .pro-info .delete-price.data-v-1878217b{margin-top:4rpx;flex-basis:100%!important}.goods-list.row1-of2.style-2 .pro-info .sale.data-v-1878217b{line-height:1;margin-top:10rpx}.goods-list.row1-of2.style-2 .pro-info .buy-btn.data-v-1878217b{min-width:140rpx;height:52rpx;padding:0 20rpx;line-height:52rpx;text-align:center;box-sizing:border-box}.goods-list.row1-of2.style-3 .pro-info .member-price.data-v-1878217b{margin-right:auto;align-self:flex-end;margin-bottom:4rpx}.goods-list.row1-of2.style-3 .pro-info .sale.data-v-1878217b{line-height:1;align-self:center;margin-top:8rpx}.goods-list.row1-of2.style-3 .pro-info .discount-price.data-v-1878217b{display:flex;flex-wrap:wrap;flex:1;align-content:center}.goods-list.row1-of2.style-3 .pro-info .discount-price .price-wrap.data-v-1878217b{display:flex;align-items:baseline;line-height:1;align-self:center}.goods-list.row1-of2.style-3 .swiper.data-v-1878217b{padding:20rpx 0}.goods-list.row1-of2 .sell-out text.data-v-1878217b{font-size:250rpx}.goods-list.row1-of3.data-v-1878217b{display:flex;flex-wrap:wrap}.goods-list.row1-of3 .goods-item.data-v-1878217b{position:relative;display:flex;flex-direction:column;margin-top:20rpx;width:calc(33.3333333% - 14rpx);box-sizing:border-box}.goods-list.row1-of3 .goods-item.data-v-1878217b:nth-child(3n + 3){width:calc(33.33% - 15rpx)}.goods-list.row1-of3 .goods-item.data-v-1878217b:nth-of-type(1), .goods-list.row1-of3 .goods-item.data-v-1878217b:nth-of-type(2), .goods-list.row1-of3 .goods-item.data-v-1878217b:nth-of-type(3){margin-top:0}.goods-list.row1-of3 .goods-item.data-v-1878217b:nth-child(3n){width:calc(33.3333333% - 15rpx)}.goods-list.row1-of3 .goods-item.data-v-1878217b:nth-child(3n-1){margin-left:20rpx;margin-right:20rpx}.goods-list.row1-of3 .goods-item.shadow.data-v-1878217b{width:calc(33.3333333% - 18rpx)}.goods-list.row1-of3 .goods-item.shadow.data-v-1878217b:nth-of-type(1), .goods-list.row1-of3 .goods-item.shadow.data-v-1878217b:nth-of-type(2), .goods-list.row1-of3 .goods-item.shadow.data-v-1878217b:nth-of-type(3){margin-top:8rpx}.goods-list.row1-of3 .goods-item.shadow.data-v-1878217b:nth-child(1n){margin-left:8rpx}.goods-list.row1-of3 .goods-item.shadow.data-v-1878217b:nth-child(3n-1){margin-left:20rpx;margin-right:20rpx}.goods-list.row1-of3 .goods-item.shadow.data-v-1878217b:nth-child(3n){margin-right:0;margin-left:0}.goods-list.row1-of3 .goods-item .goods-img-wrap.data-v-1878217b{position:relative;overflow:hidden;height:220rpx}.goods-list.row1-of3 .goods-item .goods-img.data-v-1878217b{width:100%}.goods-list.row1-of3 .goods-item .info-wrap.data-v-1878217b{display:flex;flex-direction:column;flex:1;padding:10rpx}.goods-list.row1-of3 .goods-item .info-wrap .pro-info.data-v-1878217b{margin-top:auto;display:flex;flex-direction:column;justify-content:space-between}.goods-list.row1-of3 .goods-item .info-wrap .pro-info .discount-price.data-v-1878217b{display:flex;justify-content:space-between;align-items:center}.goods-list.row1-of3 .goods-item .info-wrap .pro-info .discount-price .price-wrap.data-v-1878217b{white-space:nowrap}.goods-list.row1-of3 .goods-item .info-wrap .pro-info .discount-price .price-wrap .unit.data-v-1878217b{font-size:24rpx!important}.goods-list.row1-of3 .goods-item .info-wrap .pro-info .discount-price .price-wrap .price.data-v-1878217b{font-size:32rpx}.goods-list.row1-of3 .goods-item .info-wrap .pro-info .discount-price .price-wrap text.data-v-1878217b{font-weight:700}.goods-list.row1-of3 .goods-item .info-wrap .pro-info .delete-price.data-v-1878217b{text-decoration:line-through;flex:1;line-height:28rpx;color:#909399;font-size:20rpx}.goods-list.row1-of3.style-1 .pro-info .price-wrap.data-v-1878217b{line-height:1}.goods-list.row1-of3.style-1 .pro-info .discount-price.data-v-1878217b{justify-content:unset!important;align-items:baseline!important;flex-wrap:wrap}.goods-list.row1-of3.style-1 .pro-info .delete-price.data-v-1878217b{margin-left:10rpx}.goods-list.row1-of3.style-2 .pro-info.data-v-1878217b{position:relative;flex-direction:row!important;align-items:center}.goods-list.row1-of3.style-2 .pro-info .price-wrap.data-v-1878217b{line-height:1}.goods-list.row1-of3.style-2 .pro-info .discount-price.data-v-1878217b{align-items:flex-end!important;flex-wrap:wrap;justify-content:unset!important}.goods-list.row1-of3.style-2 .pro-info .delete-price.data-v-1878217b{margin:20rpx 0;flex-basis:100%!important}.goods-list.row1-of3.style-2 .pro-info .buy-btn.data-v-1878217b{min-width:112rpx;height:52rpx;padding:0 20rpx;line-height:52rpx;text-align:center;box-sizing:border-box}.goods-list.row1-of3 .sell-out text.data-v-1878217b{font-size:150rpx}.goods-list.horizontal-slide .scroll.data-v-1878217b{width:calc(100% - 40rpx);padding:20rpx;line-height:1;white-space:nowrap}.goods-list.horizontal-slide .scroll.shadow.data-v-1878217b{margin-bottom:8rpx}.goods-list.horizontal-slide .flex-between.data-v-1878217b{justify-content:space-between}.goods-list.horizontal-slide .goods-item.data-v-1878217b{position:relative;width:200rpx;display:inline-block;box-sizing:border-box}.goods-list.horizontal-slide .goods-item.data-v-1878217b:nth-child(3n + 3){width:198rpx}.goods-list.horizontal-slide .goods-item.shadow.data-v-1878217b{margin-top:8rpx}.goods-list.horizontal-slide .goods-item .goods-img-wrap.data-v-1878217b{position:relative;width:100%;max-height:200rpx;height:200rpx}.goods-list.horizontal-slide .goods-item .goods-img.data-v-1878217b{width:100%;max-height:200rpx;height:200rpx}.goods-list.horizontal-slide .goods-item .info-wrap.data-v-1878217b{padding:10rpx;display:flex;flex-direction:column;justify-content:space-between}.goods-list.horizontal-slide .goods-item .info-wrap.multi-content.data-v-1878217b{height:162rpx;box-sizing:border-box}.goods-list.horizontal-slide .goods-item .info-wrap .goods-name.data-v-1878217b{line-height:1;margin-bottom:10rpx}.goods-list.horizontal-slide .goods-item .info-wrap .goods-name.multi-hidden.data-v-1878217b{white-space:break-spaces;line-height:1.3}.goods-list.horizontal-slide .goods-item .info-wrap .pro-info.data-v-1878217b{display:flex;flex-direction:column;justify-content:space-between}.goods-list.horizontal-slide .goods-item .info-wrap .pro-info .discount-price.data-v-1878217b{display:flex;flex-wrap:wrap;align-items:baseline}.goods-list.horizontal-slide .goods-item .info-wrap .pro-info .discount-price .price-wrap.data-v-1878217b{line-height:1;white-space:nowrap}.goods-list.horizontal-slide .goods-item .info-wrap .pro-info .discount-price .price-wrap .unit.data-v-1878217b{font-size:24rpx!important}.goods-list.horizontal-slide .goods-item .info-wrap .pro-info .discount-price .price-wrap .price.data-v-1878217b{font-size:32rpx}.goods-list.horizontal-slide .goods-item .info-wrap .pro-info .discount-price .price-wrap text.data-v-1878217b{font-weight:700}.goods-list.horizontal-slide .goods-item .info-wrap .pro-info .delete-price.data-v-1878217b{margin-left:6rpx;text-decoration:line-through;flex:1;line-height:28rpx;color:#909399;font-size:20rpx;flex-basis:100%}.goods-list.horizontal-slide .swiper.data-v-1878217b{width:100%;white-space:nowrap;padding:20rpx;box-sizing:border-box}.goods-list.horizontal-slide .swiper .swiper-item.data-v-1878217b{display:flex;align-items:baseline}.goods-list.horizontal-slide .swiper .goods-item.data-v-1878217b{position:relative;width:200rpx}.goods-list.horizontal-slide .swiper .goods-item .goods-img.data-v-1878217b{width:100%}.goods-list.horizontal-slide .sell-out text.data-v-1878217b{font-size:190rpx}.goods-list.large-mode .goods-item.data-v-1878217b{position:relative;background-color:#fff;margin-top:20rpx;display:flex;flex-direction:column}.goods-list.large-mode .goods-item.data-v-1878217b:first-child{margin-top:0}.goods-list.large-mode .goods-item.shadow.data-v-1878217b{margin-left:8rpx;margin-right:8rpx}.goods-list.large-mode .goods-item.shadow.data-v-1878217b:first-child{margin-top:8rpx}.goods-list.large-mode .goods-item .goods-img-wrap.data-v-1878217b{position:relative;width:100%}.goods-list.large-mode .goods-item .goods-img.data-v-1878217b{width:100%}.goods-list.large-mode .goods-item .info-wrap.data-v-1878217b{padding:20rpx}.goods-list.large-mode .goods-item .info-wrap .sale.data-v-1878217b{line-height:1}.goods-list.large-mode .goods-item .info-wrap .pro-info.data-v-1878217b{margin-top:10rpx;display:flex;justify-content:space-between;align-items:center}.goods-list.large-mode .goods-item .info-wrap .pro-info .discount-price .price-wrap.data-v-1878217b{white-space:nowrap;line-height:1}.goods-list.large-mode .goods-item .info-wrap .pro-info .discount-price .price-wrap .unit.data-v-1878217b{font-size:24rpx!important}.goods-list.large-mode .goods-item .info-wrap .pro-info .discount-price .price-wrap .price.data-v-1878217b{font-size:32rpx}.goods-list.large-mode .goods-item .info-wrap .pro-info .discount-price .price-wrap text.data-v-1878217b{font-weight:700}.goods-list.large-mode .goods-item .info-wrap .pro-info .delete-price.data-v-1878217b{margin-left:10rpx;text-decoration:line-through;flex:1;line-height:28rpx;color:#909399;font-size:20rpx}.goods-list.large-mode.style-1 .info-wrap.data-v-1878217b{padding:20rpx 20rpx 52rpx}.goods-list.large-mode.style-1 .pro-info .discount-price.data-v-1878217b{position:relative;flex:1;display:flex;align-items:baseline}.goods-list.large-mode.style-1 .pro-info .discount-price .sale.data-v-1878217b{position:absolute;bottom:-34rpx;left:6rpx}.goods-list.large-mode.style-1 .pro-info .discount-price .price-wrap.data-v-1878217b{display:inline-block}.goods-list.large-mode.style-1 .pro-info .discount-price .delete-price.data-v-1878217b{display:inline-block}.goods-list.large-mode.style-1 .buy-btn.data-v-1878217b{min-width:112rpx;height:52rpx;padding:0 20rpx;line-height:52rpx;text-align:center;box-sizing:border-box}.goods-list.large-mode .sell-out text.data-v-1878217b{font-size:500rpx}.cart-action-wrap.data-v-1878217b{position:relative}.cart-action-wrap .cart-num.data-v-1878217b{position:absolute;top:-16rpx;right:-10rpx;padding:2rpx 4rpx;min-width:30rpx;height:30rpx;line-height:30rpx;text-align:center;color:#fff;background-color:red;border-radius:30rpx;font-size:20rpx}.cart-point.data-v-1878217b{width:26rpx;height:26rpx;position:fixed;z-index:1000;background:red;border-radius:50%;transition:all .05s}.click-wrap .click-event.data-v-1878217b{position:absolute;width:2rpx;height:2rpx;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:5}