index.rpx.scss 3.7 KB

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