index.less 1017 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. .commodity {
  2. .cardBox {
  3. display: flex;
  4. align-items: center;
  5. justify-content: space-between;
  6. padding: 34rpx 21rpx;
  7. background-color: white;
  8. .vipBox {
  9. position: relative;
  10. width: 340rpx;
  11. height: 198rpx;
  12. background-size: cover;
  13. -webkit-box-reflect: below 0rpx linear-gradient(top, rgba(255, 0, 0, 0), rgba(255, 0, 0, 0.24));
  14. -webkit-box-reflect: below 4rpx -webkit-linear-gradient(top, rgba(255, 0, 0, 0), rgba(255, 0, 0, 0.24));
  15. }
  16. .selectBtn {
  17. position: absolute;
  18. bottom: 10rpx;
  19. right: 10rpx;
  20. width: 52rpx;
  21. height: 50rpx;
  22. line-height: 50rpx;
  23. text-align: center;
  24. border-radius: 50%;
  25. color: white;
  26. font-size: 34rpx;
  27. background-color: white;
  28. }
  29. .checked {
  30. background-color: #30C866;
  31. }
  32. }
  33. .introduce {
  34. position: relative;
  35. z-index: 2;
  36. width: 100%;
  37. height: 300rpx;
  38. background-color: white;
  39. box-shadow: 0 -10rpx 20rpx rgba(0, 0, 0, 0.1);
  40. }
  41. }