C端小程序
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

104 lines
1.7 KiB

  1. .flashSale{
  2. width: 100%;
  3. height: 100%;
  4. background: #fff;
  5. }
  6. .flashSaleItemWrap{
  7. width: 100%;
  8. height: 410rpx;
  9. border-top: 1rpx solid #ededed;
  10. border-bottom: 1rpx solid #ededed;
  11. }
  12. .flashSaleItem{
  13. width: 90%;
  14. height: 410rpx;
  15. display: flex;
  16. flex-direction: column;
  17. background: #fff;
  18. margin: 0 auto;
  19. }
  20. .flashSaleItemTop{
  21. display: flex;
  22. padding-top: 28rpx;
  23. flex-direction:row;
  24. padding-bottom: 25rpx;
  25. border-bottom: 1rpx solid #ededed;
  26. }
  27. .flashSaleItemTopL{
  28. flex: 1;
  29. }
  30. .food{
  31. width: 248rpx;
  32. height: 184rpx;
  33. }
  34. .flashSaleItemTopR{
  35. flex: 2;
  36. flex-direction: column;
  37. margin-left: 20rpx;
  38. }
  39. .flashSaleItemTopRTop{
  40. display: flex;
  41. flex-direction: column;
  42. }
  43. .foodname{
  44. font-size: 34rpx;
  45. color: #000;
  46. }
  47. .small{
  48. font-size: 24rpx;
  49. color: #00C0FF;
  50. margin-top: 15rpx;
  51. }
  52. .flashSaleItemTopRBottom{
  53. margin-top: 50rpx;
  54. }
  55. .presentPrice{
  56. font-size: 36rpx;
  57. color: #FF3434;
  58. }
  59. .originalPrice{
  60. margin-left: 20rpx;
  61. color:#B4B4B4;
  62. text-decoration: line-through;
  63. font-size: 24rpx;
  64. }
  65. .flashSaleItemBottom{
  66. margin-top: 20rpx;
  67. }
  68. .remainingTime{
  69. font-size: 28rpx;
  70. color: #B4B4B4;
  71. }
  72. .realRemainingTime{
  73. margin-left: 10rpx;
  74. color:#FF3434;
  75. font-size: 28rpx;
  76. }
  77. .flashSaleItemBottomBottm{
  78. display: flex;
  79. flex-direction: row;
  80. }
  81. .remainingNumber{
  82. font-size: 28rpx;
  83. color: #B4B4B4;
  84. }
  85. .realnumber{
  86. margin-left: 10rpx;
  87. color: #FF3434;
  88. font-size: 28rpx;
  89. }
  90. .buy{
  91. width:114rpx;
  92. height: 50rpx;
  93. line-height: 50rpx;
  94. text-align: center;
  95. background: #00C0FF;
  96. color: #fff;
  97. border-radius: 10rpx;
  98. margin-left: 350rpx;
  99. font-size: 28rpx;
  100. }