index.acss 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. .ab-mall-new-component .hot-goods-item-container {
  2. display: flex;
  3. background: #fff;
  4. padding: 24rpx 0;
  5. flex-wrap: nowrap;
  6. overflow: hidden;
  7. }
  8. .ab-mall-new-component .hot-goods-item-container-border {
  9. border-bottom: 1px solid #eee;
  10. }
  11. .ab-mall-new-component .hot-goods-item-container .info {
  12. flex: 1;
  13. margin-left: 24rpx;
  14. flex-wrap: nowrap;
  15. overflow: hidden;
  16. }
  17. .ab-mall-new-component .hot-goods-item-container .info .name {
  18. color: #333;
  19. font-size: 33rpx;
  20. font-weight: 500;
  21. margin-bottom: 16rpx;
  22. overflow: hidden;
  23. text-overflow: ellipsis;
  24. white-space: nowrap;
  25. }
  26. .ab-mall-new-component .hot-goods-item-container .info .unit {
  27. font-weight: 400;
  28. color: #999;
  29. font-size: 28rpx;
  30. overflow: hidden;
  31. text-overflow: ellipsis;
  32. white-space: nowrap;
  33. }
  34. .ab-mall-new-component .hot-goods-item-container .info .price-button-container {
  35. display: flex;
  36. align-items: flex-end;
  37. justify-content: space-between;
  38. flex-wrap: wrap;
  39. color: #ff3b30;
  40. height: 45rpx;
  41. }
  42. .ab-mall-new-component .hot-goods-item-container .info .price-button-container .price {
  43. flex-shrink: 0;
  44. line-height: 25rpx;
  45. }
  46. .ab-mall-new-component .hot-goods-item-container .info .price-button-container .price .price-icon {
  47. font-size: 22rpx;
  48. font-weight: 700;
  49. display: inline-block;
  50. }
  51. .ab-mall-new-component .hot-goods-item-container .info .price-button-container .price .price-text {
  52. font-size: 36rpx;
  53. vertical-align: baseline;
  54. letter-spacing: 0;
  55. font-weight: 700;
  56. display: inline-block;
  57. margin-right: 15rpx;
  58. }
  59. .ab-mall-new-component .hot-goods-item-container .info .price-button-container .price .pre-price {
  60. display: inline-block;
  61. color: #999;
  62. font-size: 18rpx;
  63. font-weight: 400;
  64. text-decoration: line-through;
  65. }
  66. .ab-mall-new-component .hot-goods-item-container .info .price-button-container .stock {
  67. margin-top: 8rpx;
  68. color: #999;
  69. font-size: 25rpx;
  70. letter-spacing: 0;
  71. line-height: 25rpx;
  72. }
  73. .ab-mall-new-component .hot-goods-item-container .info .price-button-container .stock.red {
  74. color: #ff3b30;
  75. }