page { background-color: #f8f8f8; } .topic { padding-bottom: 30rpx; margin-bottom: 20rpx; background-color: #fff; } .topic-img { width: 100%; } .new-comers { position: relative; } .new-comers-scroll { max-height: 340rpx; } .new-comers-wrap { position: relative; display: flex; flex-direction: row; flex-wrap: nowrap; } .new-comers-item { width: 240rpx; box-sizing: border-box; padding: 20rpx; font-size: 28rpx; } .new-comers-item .new-img { width: 200rpx; height: 180rpx; 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: 44rpx; height: 44rpx; padding: 0; margin: 0; } .new-comers-item .add-cart .img { width: 44rpx; height: 44rpx; display: block; } .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: 80rpx; padding: 0 12rpx; transform: translateX(-50%); }