week.wxss 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. .hotSection {
  2. width: 100%;
  3. /* height: 50rpx; */
  4. background: #fff;
  5. margin-top: 10rpx;
  6. }
  7. .hotWares {
  8. display: flex;
  9. flex-wrap: wrap;
  10. }
  11. .hotSection .hotWares .hotWareCard {
  12. position: relative;
  13. overflow: hidden;
  14. width: 704rpx;
  15. height: 402rpx;
  16. /* margin: 0 0 18rpx 16rpx; */
  17. margin: 0 auto 20rpx;
  18. /* box-shadow: 0 8rpx 6rpx 0 rgba(0, 0, 0, .28); */
  19. }
  20. .hotWareCard .wareCardImg {
  21. width: 100%;
  22. height: 290rpx;
  23. border-radius: 20rpx;
  24. }
  25. .hotWareCard .wareCardTitle {
  26. /* margin: 0 auto; */
  27. width: 100%;
  28. height: 46rpx;
  29. display: block;
  30. /* text-align: left; */
  31. color: #414141;
  32. font-size: 32rpx;
  33. letter-spacing: 4rpx;
  34. font-family: MicrosoftYaHei;
  35. }
  36. .hotWareCard .bottomData {
  37. height: 34rpx;
  38. margin-top: 10rpx;
  39. display: flex;
  40. /* flex-direction: row; */
  41. justify-content: space-between;
  42. align-items: center;
  43. }
  44. .hotWareCard .wareCardTip {
  45. width: 178rpx;
  46. height: 40rpx;
  47. display: block;
  48. text-align: left;
  49. color: #414141;
  50. font-size: 24rpx;
  51. }