index.rpx.scss 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201
  1. .page{
  2. background: #F7F7F7;
  3. border-top: 1px solid #F7F7F7 ;
  4. }
  5. .centent{
  6. padding: 0 32rpx;
  7. }
  8. .btn{
  9. height: 84rpx;
  10. background: #FFE05C;
  11. border-radius: 54rpx;
  12. margin: 32rpx 0;
  13. font-size: 28rpx;
  14. font-family: PingFangSC-Regular, PingFang SC;
  15. font-weight: 400;
  16. color: #333333;
  17. line-height: 84rpx;
  18. text-align: center;
  19. }
  20. .noUse{
  21. margin: 32rpx 0;
  22. font-size: 28rpx;
  23. font-family: PingFangSC-Regular, PingFang SC;
  24. font-weight: 400;
  25. color: #333333;
  26. line-height: 40rpx;
  27. }
  28. .row-list{
  29. width: 686rpx;
  30. height: 188rpx;
  31. margin-top: 24rpx;
  32. background-image: url('/static/coupon/u210.png');
  33. background-repeat: no-repeat;
  34. background-size: cover;
  35. }
  36. .h-text{
  37. width: 200rpx;
  38. height: 188rpx;
  39. }
  40. .h-center-content{
  41. width: 298rpx;
  42. height: 188rpx;
  43. }
  44. .h-right-content{
  45. width: 188rpx;
  46. height: 188rpx;
  47. }
  48. .money{
  49. height: 52rpx;
  50. font-size: 36rpx;
  51. font-family: DINAlternate-Bold, DINAlternate;
  52. font-weight: bold;
  53. color: #333333;
  54. line-height: 52rpx;
  55. text-align: center;
  56. }
  57. .desc{
  58. height: 36rpx;
  59. font-size: 20rpx;
  60. font-family: PingFangSC-Regular, PingFang SC;
  61. font-weight: 400;
  62. color: #333333;
  63. line-height: 36rpx;
  64. text-align: center;
  65. }
  66. .h-value{
  67. font-size: 28rpx;
  68. font-family: PingFangSC-Medium, PingFang SC;
  69. font-weight: bold;
  70. color: #333333;
  71. line-height: 44rpx;
  72. margin-top: 24rpx;
  73. margin-left: 24rpx;
  74. }
  75. .title{
  76. font-size: 20rpx;
  77. font-family: PingFangSC-Regular, PingFang SC;
  78. font-weight: 400;
  79. color: #999999;
  80. line-height: 36rpx;
  81. margin-left: 24rpx;
  82. }
  83. .h-btn-value-use{
  84. width: 156rpx;
  85. height: 64rpx;
  86. background: #93D21A;
  87. border-radius: 32rpx;
  88. font-size: 24rpx;
  89. font-family: PingFangSC-Regular, PingFang SC;
  90. font-weight: 400;
  91. color: #FFFFFF;
  92. line-height: 64rpx;
  93. text-align: center;
  94. }
  95. .h-btn-img{
  96. width: 136rpx;
  97. height: 136rpx;
  98. }
  99. .row-list:first-child{
  100. margin-top: 0;
  101. }
  102. .btn{
  103. width: 156rpx;
  104. height: 64rpx;
  105. background: #93D21A;
  106. border-radius: 32rpx;
  107. font-size: 24rpx;
  108. font-family: PingFangSC-Regular, PingFang SC;
  109. font-weight: 400;
  110. color: #FFFFFF;
  111. line-height: 64rpx;
  112. text-align: center;
  113. }
  114. .payView{
  115. height: 400rpx;
  116. background: #FFFFFF;
  117. box-shadow: 0rpx -4rpx 8rpx 0rpx rgba(0,0,0,0.03);
  118. border-radius: 24rpx 24rpx 0rpx 0rpx;
  119. padding: 24rpx 32rpx;
  120. z-index: 100;
  121. }
  122. .payType{
  123. font-size: 32rpx;
  124. font-family: PingFangSC-Medium, PingFang SC;
  125. font-weight: bord;
  126. color: #111111;
  127. line-height: 48rpx;
  128. }
  129. .x{
  130. width: 35rpx;
  131. height: 35rpx;
  132. border-radius: 18rpx;
  133. }
  134. .payTitle{
  135. font-size: 24rpx;
  136. font-family: PingFangSC-Regular, PingFang SC;
  137. font-weight: 400;
  138. color: #666666;
  139. line-height: 40rpx;
  140. margin-top: 8rpx;
  141. }
  142. .payItem{
  143. background: #FAFAFA;
  144. border-radius: 20rpx;
  145. padding: 34rpx 32rpx;
  146. margin-top: 32rpx;
  147. }
  148. .payName{
  149. margin-left: 24rpx;
  150. }
  151. .balance{
  152. font-size: 24rpx;
  153. font-family: PingFangSC-Regular, PingFang SC;
  154. font-weight: 400;
  155. color: #999999;
  156. line-height: 40rpx;
  157. }
  158. .commitBtn{
  159. width: 686rpx;
  160. height: 108rpx;
  161. background: #FFE05C;
  162. border-radius: 60rpx;
  163. margin-top: 32rpx;
  164. font-size: 32rpx;
  165. font-family: PingFangSC-Medium, PingFang SC;
  166. font-weight: bold;
  167. color: #111111;
  168. line-height: 108rpx;
  169. text-align: center;
  170. }
  171. .empty{
  172. margin-top: 80rpx;
  173. width: 300rpx;
  174. }
  175. .emptyText{
  176. font-size: 28rpx;
  177. color: #8f939c;
  178. margin-top: 20rpx;
  179. }
  180. .btnTitle{
  181. font-size: 24rpx;
  182. font-weight: 400;
  183. color: #333333;
  184. line-height: 50px;
  185. background: #FFFFFF;
  186. padding-left: 32rpx;
  187. }