/* packageI/groupWork/components/my-group-cell/my-group-cell.wxss */ .my-group-cell .list_box .list { background: #fff; margin: 28rpx; overflow: hidden; border-radius: 12rpx; } .my-group-cell .list_box .list .goods_box { padding: 16rpx; display: flex; } .my-group-cell .list_box .list .goods_box .goods_img { width: 180rpx; height: 180rpx; overflow: hidden; background: #f2f2f2; border-radius: 8rpx; margin-right: 28rpx; flex-shrink: 0; } .my-group-cell .list_box .list .goods_box .goods_img image { width: 100%; height: 100%; object-fit: contain; } .my-group-cell .list_box .list .goods_box .goods_name { flex: 1; width: 100%; display: flex; flex-direction: column; justify-content: space-between; } .my-group-cell .list_box .list .goods_box .goods_name .name_price { display: flex; justify-content: space-between; } .my-group-cell .list_box .list .goods_box .goods_name .name_price .name { width: 100%; font-size: 28rpx; color: #000; line-height: 36rpx; height: 76rpx; text-align: left; font-weight: normal; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .my-group-cell .list_box .list .goods_box .goods_name .name_price .price { font-size: 14px; text-align: right; line-height: 40rpx; } .my-group-cell .list_box .list .goods_box .goods_name .name_price .price span { color: #8c8c8c; } .my-group-cell .list_box .list .goods_box .goods_name .option { width: 100%; display: flex; flex-direction: column; justify-content: space-between; color: #f15353; font-size: 14px; text-align: left; } .my-group-cell .list_box .list .goods_box .goods_name .option .timestamp_box { display: flex; padding: 0 16rpx; height: 40rpx; line-height: 40rpx; border-radius: 20rpx; background-color: rgba(255, 44, 41, 0.1); } .my-group-cell .list_box .list .goods_box .goods_name .option .timestamp_box .van-count-down { display: inline-block; color: #f15353; font-size: 14px; line-height: 40rpx; } .my-group-cell .list_box .list .goods_box .goods_name .option .total_price { font-size: 32rpx; line-height: 48rpx; } .my-group-cell .list_box .list .all_price { height: 80rpx; line-height: 80rpx; padding: 0 28rpx; text-align: right; font-size: 14px; font-weight: normal; } .my-group-cell .list_box .list .all_price span { font-weight: bold; font-size: 18px; } .my-group-cell .list_box .list .allbt { display: flex; align-items: center; justify-content: flex-end; padding: 0 28rpx 16rpx; flex-wrap: wrap; } .my-group-cell .list_box .list .allbt .button { border-radius: 24rpx; border: solid 1rpx #ff2c29; font-size: 12px; padding: 8rpx 20rpx; margin: 0 0 20rpx 20rpx; color: #ff2c29; }