.commodity { .cardBox { display: flex; align-items: center; justify-content: space-between; padding: 34rpx 21rpx; background-color: white; .vipBox { position: relative; width: 340rpx; height: 198rpx; background-size: cover; -webkit-box-reflect: below 0rpx linear-gradient(top, rgba(255, 0, 0, 0), rgba(255, 0, 0, 0.24)); -webkit-box-reflect: below 4rpx -webkit-linear-gradient(top, rgba(255, 0, 0, 0), rgba(255, 0, 0, 0.24)); } .selectBtn { position: absolute; bottom: 10rpx; right: 10rpx; width: 52rpx; height: 50rpx; line-height: 50rpx; text-align: center; border-radius: 50%; color: white; font-size: 34rpx; background-color: white; } .checked { background-color: #30C866; } } .introduce { position: relative; z-index: 2; width: 100%; height: 300rpx; background-color: white; box-shadow: 0 -10rpx 20rpx rgba(0, 0, 0, 0.1); } }