.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 { margin: 20rpx 0; position: relative; z-index: 2; width: 100%; padding: 0rpx 20rpx 30rpx; background-color: white; box-shadow: 0 -31rpx 30rpx rgba(255, 255, 255, 1); .title { margin-bottom: 20rpx; font-size: 32rpx; font-weight: bold; } .price { font-size: 34rpx; font-weight: bold; color: #FF3B00; } } .entry { margin-top: 10rpx; padding: 36rpx 0rpx; display: flex; align-items: center; background-color: white; font-size: 30rpx; .title { width: 140rpx; text-align: center; color: #666666; } .detaild { font-weight: bold; } } .remind { padding: 25rpx 36rpx; .title { font-weight: bold; color: #212122; } .li { margin-top: 20rpx; font-size: 28rpx; } } .payBox { position: fixed; width: 100%; bottom: 0px; left: 0; display: flex; align-items: center; justify-content: space-between; padding: 22rpx 36rpx 30rpx; box-sizing: border-box; background-color: white; box-shadow: rgba(0, 0, 0, 0.35) 0px 30rpx 20rpx 20rpx; .left { font-size: 32rpx; text { font-size: 36rpx; color: #FF3B00; } } .buyBtn { padding: 14rpx 100rpx; background-color: #FF8E20; border-radius: 50rpx; color: white; font-size: 36rpx; } } }