C端小程序
選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。

116 行
1.8 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. }
  11. .flashSaleItem{
  12. width: 90%;
  13. height: 410rpx;
  14. display: flex;
  15. flex-direction: column;
  16. background: #fff;
  17. margin: 0 auto;
  18. }
  19. .flashSaleItemTop{
  20. display: flex;
  21. padding-top: 28rpx;
  22. flex-direction:row;
  23. padding-bottom: 25rpx;
  24. border-bottom: 1rpx solid #ededed;
  25. }
  26. .flashSaleItemTopL{
  27. flex: 1;
  28. }
  29. .food{
  30. width: 248rpx;
  31. height: 184rpx;
  32. }
  33. .flashSaleItemTopR{
  34. flex: 2;
  35. flex-direction: column;
  36. margin-left: 20rpx;
  37. }
  38. .flashSaleItemTopRTop{
  39. display: flex;
  40. flex-direction: column;
  41. }
  42. .foodname{
  43. font-size: 32rpx;
  44. height: 40rpx;
  45. line-height: 40rpx;
  46. color: #000;
  47. display: inline-block;
  48. width: 406rpx;
  49. overflow: hidden;
  50. }
  51. .small{
  52. font-size: 24rpx;
  53. color: #00C0FF;
  54. margin-top: 15rpx;
  55. }
  56. .flashSaleItemTopRBottom{
  57. margin-top: 24rpx;
  58. }
  59. .presentPrice{
  60. font-size: 36rpx;
  61. color: #f96563;
  62. }
  63. .originalPrice{
  64. margin-left: 20rpx;
  65. color:#B4B4B4;
  66. text-decoration: line-through;
  67. font-size: 24rpx;
  68. }
  69. .flashSaleItemBottom{
  70. margin-top: 20rpx;
  71. position: relative;
  72. }
  73. .remainingTime{
  74. font-size: 28rpx;
  75. color: #B4B4B4;
  76. }
  77. .realRemainingTime{
  78. margin-left: 10rpx;
  79. color:#f96563;
  80. font-size: 28rpx;
  81. }
  82. .flashSaleItemBottomBottm{
  83. display: flex;
  84. flex-direction: row;
  85. }
  86. .view1{
  87. width: 550rpx;
  88. display: block;
  89. }
  90. .remainingNumber{
  91. font-size: 28rpx;
  92. color: #B4B4B4;
  93. }
  94. .realnumber{
  95. margin-left: 10rpx;
  96. color: #f96563;
  97. font-size: 28rpx;
  98. }
  99. .buy{
  100. position: absolute;
  101. top: 34rpx;
  102. bottom: 0;
  103. right: 20rpx;
  104. width:114rpx;
  105. height: 50rpx;
  106. line-height: 50rpx;
  107. text-align: center;
  108. background: #00C0FF;
  109. color: #fff;
  110. border-radius: 10rpx;
  111. font-size: 28rpx;
  112. }