reader/pages/commodity/index.wxss

.commodity .cardBox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 34rpx 21rpx;
  background-color: white;
}
.commodity .cardBox .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));
}
.commodity .cardBox .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;
}
.commodity .cardBox .checked {
  background-color: #30C866;
}
.commodity .introduce {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 300rpx;
  background-color: white;
  box-shadow: 0 -10rpx 20rpx rgba(0, 0, 0, 0.1);
}