.goods-item { display: flex; flex-direction: column; width: 330rpx; margin-bottom: 30rpx; border-radius: 16rpx; background: rgba(255, 255, 255, 1); box-shadow: 0 4rpx 8rpx 0 rgba(0, 0, 0, 0.2); } .goods-cover-wrap { width: 100%; height: 352rpx; border-radius: 16rpx; overflow: hidden; } .goods-cover-wrap .goods-cover { display: block; width: 100%; height: 100%; } .name-wrap { display: flex; align-items: center; padding: 15rpx 20rpx 10rpx; } .name-wrap .tag { width: 44rpx; height: 24rpx; margin-right: 10rpx; border-radius: 12rpx; background: rgba(255, 76, 44, 1); line-height: 24rpx; font-size: 16rpx; color: #FFF; text-align: center; } .name-wrap .name { width: 100%; font-size: 28rpx; color: rgba(57, 67, 87, 1); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .name-wrap .name.has-tag { width: calc(100% - 54rpx); } .dessciption { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; width: 306rpx; margin: 0 auto; overflow: hidden; font-size: 24rpx; line-height: 36rpx; color: rgba(183, 191, 206, 1); } .price-wrap { display: flex; align-items: flex-end; width: 306rpx; margin: 0 auto; padding-bottom: 10rpx; } .price-wrap .now { display: flex; align-items: flex-end; color: rgba(255, 76, 44, 1); } .price-wrap .unit, .price-wrap .yuan { font-size: 40rpx; } .price-wrap .jiao { padding-bottom: 4rpx; font-size: 28rpx; } .price-wrap .old { padding-bottom: 6rpx; margin-left: 10rpx; font-size: 22rpx; color: rgba(179, 188, 205, 1); text-decoration: line-through; } .key-words-list { display: flex; flex-flow: row wrap; width: 303rpx; padding: 10rpx 0 20rpx; margin: 0 auto; border-top: 2rpx solid rgba(248, 248, 249, 1); } .key-words-list .key-words { display: flex; align-items: center; margin-top: 10rpx; margin-left: 12rpx; } .key-words-list .key-words:nth-of-type(2n + 1) { margin-left: 0; } .key-words-list .label { width: 18rpx; height: 18rpx; } .key-words-list .value { width: 125rpx; margin-left: 2rpx; font-size: 16rpx; line-height: 24rpx; color: rgba(128, 128, 128, 1); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }