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

.uni-scroll-view ::-webkit-scrollbar{display:none;width:0;height:0;color:transparent;background:transparent}::-webkit-scrollbar{display:none;width:0;height:0;color:transparent;background:transparent}scroll-view ::-webkit-scrollbar{width:0;height:0;background-color:initial;touch-action:none}.diy-pintuan{overflow:hidden}.diy-pintuan .pintuan-head{padding:0 24rpx;display:flex;justify-content:space-between;align-items:center;height:88rpx;box-sizing:border-box;background-repeat:no-repeat;background-size:cover;margin-bottom:20rpx;border-radius:18rpx 18rpx 0 0}.diy-pintuan .pintuan-head .left-img{width:174rpx;height:40rpx}.diy-pintuan .pintuan-head .head-content{display:flex;align-items:center;margin-left:50rpx;margin-right:auto;color:#fff}.diy-pintuan .pintuan-head .head-content .img-warp{position:relative;margin-right:8rpx;line-height:1}.diy-pintuan .pintuan-head .head-content .img-warp image{width:40rpx;height:40rpx;border-radius:50%;border:2rpx solid #ff3d3d;margin-left:-14rpx}.diy-pintuan .pintuan-head .head-content .img-warp:after{content:"";width:2rpx;height:28rpx;background-color:#fff;position:absolute;left:-32rpx;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.diy-pintuan .pintuan-head .head-right{display:flex;align-items:center;font-size:26rpx;color:#fff;line-height:1}.diy-pintuan .pintuan-head.style-2 .head-right{display:flex;align-items:center;justify-content:center;height:36rpx;background:linear-gradient(270deg,#ffbd5b,#fd882e);border-radius:24rpx;padding:2rpx}.diy-pintuan .pintuan-head.style-2 .head-right text:nth-child(1){position:relative;left:6rpx;-webkit-transform:scale(.9);transform:scale(.9)}.diy-pintuan .pintuan-head.style-2 .head-right text:nth-child(2){padding:6rpx 4rpx 4rpx;background-color:#fff;color:#ffbd5b;border-radius:50%;-webkit-transform:scale(.6);transform:scale(.6);font-weight:700;line-height:1}.diy-pintuan.row1-of1 .item{display:flex;margin-bottom:20rpx;padding:16rpx}.diy-pintuan.row1-of1 .item.shadow{margin:8rpx 8rpx 20rpx 8rpx}.diy-pintuan.row1-of1 .item:last-child{margin-bottom:0}.diy-pintuan.row1-of1 .item .img-wrap{width:200rpx;height:200rpx}.diy-pintuan.row1-of1 .item .img-wrap image{width:200rpx}.diy-pintuan.row1-of1 .item .content{flex:1;margin-left:20rpx;position:relative;display:flex;justify-content:space-between;flex-direction:column;padding:6rpx 0}.diy-pintuan.row1-of1 .item .content .tag-wrap{display:flex;align-items:center}.diy-pintuan.row1-of1 .item .content .tag-wrap > view{height:30rpx;line-height:30rpx;border:2rpx solid var(--base-color);border-radius:6rpx;margin-right:10rpx;font-size:20rpx;color:var(--base-color)}.diy-pintuan.row1-of1 .item .content .tag-wrap > view .iconfont{display:inline-block;width:30rpx;height:30rpx;font-size:20rpx;color:#fff;text-align:center;margin-right:-6rpx;background:var(--base-color)}.diy-pintuan.row1-of1 .item .content .tag-wrap > view text:last-child{padding:0 10rpx}.diy-pintuan.row1-of1 .item .content .goods-name{line-height:1.3}.diy-pintuan.row1-of1 .item .content .bottom-wrap{display:flex;align-items:center;justify-content:space-between}.diy-pintuan.row1-of1 .item .content .price-wrap{overflow:hidden;width:260rpx;display:flex;align-items:flex-end;flex-wrap:wrap}.diy-pintuan.row1-of1 .item .content .price-wrap > view:last-of-type{flex:1}.diy-pintuan.row1-of1 .item .content .price-wrap .discount-price{white-space:nowrap;font-weight:700;line-height:1}.diy-pintuan.row1-of1 .item .content .price-wrap .discount-price .unit{font-size:24rpx;color:var(--price-color)}.diy-pintuan.row1-of1 .item .content .price-wrap .discount-price .price{font-size:32rpx;color:var(--price-color)}.diy-pintuan.row1-of1 .item .content .price-wrap .original-price{font-size:24rpx;color:#909399;line-height:1;text-decoration:line-through;margin:0 10rpx}.diy-pintuan.row1-of1 .item .content button{margin-right:20rpx;min-width:112rpx;height:52rpx;line-height:52rpx;padding:0 20rpx;margin:0;color:var(--btn-text-color);background-color:var(--base-color);color:#fff;font-size:24rpx}.diy-pintuan.horizontal-slide{display:flex;flex-direction:column}.diy-pintuan.horizontal-slide .flex-between{justify-content:space-between}.diy-pintuan.horizontal-slide .scroll{width:calc(100% - 40rpx);padding:20rpx;line-height:1;white-space:nowrap}.diy-pintuan.horizontal-slide .scroll .item.shadow{margin-bottom:4rpx}.diy-pintuan.horizontal-slide .item{display:inline-block;width:200rpx;overflow:hidden;box-sizing:border-box;flex-shrink:0}.diy-pintuan.horizontal-slide .item:nth-child(3n + 3){width:198rpx}.diy-pintuan.horizontal-slide .item.shadow{margin-top:8rpx}.diy-pintuan.horizontal-slide .item .img-wrap{width:200rpx;height:200rpx;position:relative;overflow:hidden;margin:0 auto}.diy-pintuan.horizontal-slide .item .img-wrap > image{width:200rpx}.diy-pintuan.horizontal-slide .item .img-wrap .num{width:80rpx;position:absolute;bottom:0;font-size:24rpx;line-height:1;color:#fff;text-align:center;border-top-left-radius:20rpx;border-top-right-radius:20rpx;padding:10rpx;-webkit-transform:translate(50%);transform:translate(50%);background:var(--base-color)}.diy-pintuan.horizontal-slide .item .content{padding:10rpx 10rpx 16rpx;display:flex;flex-direction:column;justify-content:space-between}.diy-pintuan.horizontal-slide .item .content.multi-content{height:142rpx;box-sizing:border-box}.diy-pintuan.horizontal-slide .item .content .goods-name{line-height:1.3;font-size:28rpx}.diy-pintuan.horizontal-slide .item .content .goods-name.multi-hidden{white-space:break-spaces}.diy-pintuan.horizontal-slide .item .content .price-wrap{line-height:1;white-space:nowrap;margin-top:10rpx;font-weight:700}.diy-pintuan.horizontal-slide .item .content .price-wrap .unit{font-size:24rpx;height:32rpx;color:var(--price-color)}.diy-pintuan.horizontal-slide .item .content .price-wrap .price{font-size:32rpx;color:var(--price-color)}.diy-pintuan.horizontal-slide .swiper{padding:20rpx;width:100%;white-space:nowrap;box-sizing:border-box}.diy-pintuan.horizontal-slide .swiper .swiper-item{display:flex;align-items:center}.diy-pintuan.horizontal-slide .swiper .item{width:200rpx;box-sizing:border-box}.diy-pintuan.horizontal-slide.style-2 .item{width:212rpx}.diy-pintuan.horizontal-slide.style-2 .item:nth-child(3n + 3){width:210rpx}.diy-pintuan.horizontal-slide.style-2 .item .img-wrap{width:212rpx;height:212rpx}.diy-pintuan.horizontal-slide.style-2 .item .img-wrap > image{width:212rpx!important}.diy-pintuan.horizontal-slide.style-2 .item .price-wrap{text-align:center;margin-top:0!important;margin-bottom:10rpx}.diy-pintuan.horizontal-slide.style-2 .item .sale-num{text-align:center;color:#666;line-height:1}.diy-pintuan.horizontal-slide.style-2 .scroll{padding:0;width:auto}.diy-pintuan.horizontal-slide.style-2 .swiper{padding:0}.diy-pintuan.horizontal-slide.style-3 .other-info-wrap{width:100%;display:flex;justify-content:space-between;align-items:center}.diy-pintuan.horizontal-slide.style-3 .sale-action{font-size:24rpx;width:94rpx;height:44rpx;background:linear-gradient(131deg,#3edb73,#1db576);border-radius:8rpx;color:#fff;text-align:center;line-height:44rpx;-webkit-transform:scale(.9);transform:scale(.9)}