.like { margin-bottom: 100rpx; } .like-title { font-size: 30rpx; text-align: center; font-weight: bold; color: #666; margin-bottom: 20rpx; } .like-list { position: relative; padding: 20rpx; display: flex; justify-content: space-between; flex-wrap: wrap; z-index: 0; } .new-comers-item { background-color: #fff; width: 345rpx; box-sizing: border-box; padding: 30rpx; border-radius: 10px; font-size: 28rpx; margin-bottom: 20rpx; } .new-comers-item .new-img { width: 285rpx; height: 285rpx; margin-bottom: 20rpx; } .new-comers-item .title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .new-comers-item .new-bot { display: flex; justify-content: space-between; align-items: center; margin-top: 10rpx; } .new-comers-item .add-cart { width: 140rpx; height: 44rpx; padding: 0; margin: 0; position: absolute; right: 20rpx; bottom: 30rpx; display: flex; align-items: center; justify-content: center; background: #ff5344; color: #fff; border-radius: 30rpx; font-size: 24rpx; } .new-comers-item .add-cart.disabled { background: #ccc; } .new-comers-item .price { color: #ff758c; } .new-comers-item { position: relative; } .new-comers-item .act-end { position: absolute; height: 60rpx; border-radius: 10rpx; background: rgba(0, 0, 0, 0.5); color: #fff; font-size: 28rpx; text-align: center; line-height: 60rpx; left: 50%; top: 120rpx; padding: 0 12rpx; transform: translateX(-50%); }