.name { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .img { width: 100%; height: 100%; } .detail { display: flex; flex-direction: column; justify-content: space-evenly; height: 100%; padding-left: 14rpx; } .goods-one { display: flex; .bottom { display: flex; align-items: center; justify-content: space-between; .pay-title { width: 100rpx; border-radius: 12rpx; padding: 4rpx 20rpx; text-align: center; height: 48rpx; line-height: 40rpx; font-size: 28rpx; font-weight: 600; } } } .goods-two { display: flex; flex-direction: column; align-items: center; .goods_img { text-align: center; } } .tags { display: flex; flex-wrap: wrap; .tag { margin-right: 4rpx; } } .price { display: flex; align-items: center; }