.wrapper { display: flex; flex-direction: column; align-items: center; padding: 34rpx 0; } .list { display: flex; align-items: center; width: 100%; margin-bottom: 40rpx; } .icon-wrap { display: flex; width: 114rpx; padding-left: 30rpx; image { width: 34rpx; height: 32rpx; background: pink; } } .goods-wrap { display: flex; align-items: center; width: calc(100% - 114rpx); } .photo-wrap { width: 202rpx; height: 194rpx; border-radius: 20rpx; overflow: hidden; image { display: block; width: 100%; height: 100%; background: pink; } } .info { display: flex; flex-direction: column; justify-content: space-between; width: calc(100% - 202rpx); min-height: 194rpx; padding: 0 30rpx 0 50rpx; } .name-wrap { display: flex; flex-direction: column; } .goods-name { width: 100%; font-size: 32rpx; line-height: 46rpx; color: rgba(0, 28, 51, 1); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .partner-name { width: 100%; font-size: 24rpx; line-height: 34rpx; color: rgba(163, 163, 163, 1); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .price { margin-top: 10rpx; font-size: 28rpx; line-height: 32rpx; color: rgba(0, 28, 51, 1); } .count-wrap { display: flex; align-items: center; } .count { min-width: 69rpx; font-size: 24rpx; line-height: 30rpx; color: rgba(0, 28, 51, 1); text-align: center; } .del, .add { width: 38rpx; height: 36rpx; background: pink; } button.btn-business[type="primary"] { width: 627rpx; height: 80rpx; border-radius: 88rpx; background: rgba(145, 179, 121, 1); font-size: 36rpx; font-weight: 500; }