H5_module/promote/products/products.css

/* promote/products/products.wxss */
page{padding: 30rpx 30rpx 40rpx;box-sizing: border-box;}
.search{padding: 0 30rpx;background: #fff;border-radius: 10rpx;margin-right: 20rpx;height: 60rpx;align-items: center;}
.search image{width: 28rpx;height: 28rpx;margin-right: 10rpx;}
.search input{font-size: 26rpx;color: #000;}
.placeholder{color: #8C929D;}
.filter{background: #fff;border-radius: 10rpx;position: relative;width: 179rpx;position: relative;box-sizing: border-box;height: 60rpx;line-height: 60rpx;}
.filter picker{width: 100%;}
.picker{padding: 0 30rpx;}
.filter image{width: 20rpx;height: 13rpx;position: absolute;top: 50%;transform: translateY(-50%);right: 14rpx;}
.list .li{background: #fff;border-radius: 14rpx;padding: 0 30rpx;margin-top: 40rpx;}
.info{padding: 30rpx 0 20rpx;}
.info image{width: 72rpx;height: 72rpx;border-radius: 10rpx;border: 1rpx solid #E5E5E5;margin-right: 20rpx;}
.infos{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.title{font-size: 30rpx;color: #2F3440;font-weight: bold;margin-bottom: 10rpx;overflow: hidden;text-overflow:ellipsis;}
.nums{font-size: 22rpx;color: #9297A2;}
.nums text{margin-left: 65rpx;}
.datas{padding: 30rpx 0;align-items: center;font-size: 30rpx;color: #9297A2;border-top: 1rpx solid #eee;}
.datas text{display: block;font-size: 32rpx;color: #FF2900;font-weight: bold;margin-left: 20rpx;}
.datas view{width: 50%;box-sizing: border-box;position: relative;align-items: center;}
.datas view:last-child{padding-left: 39rpx;}
.datas view:last-child::after{content: '';display: block;width: 2rpx;height: 30rpx;background: #D5D8DF;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}