排队支付小程序
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.

201 lines
3.6 KiB

  1. page{
  2. background: #F7F7F7;
  3. }
  4. .user-withdrawal-bg{
  5. width: 750rpx;
  6. height: 414rpx;
  7. background: url("https://common-1257637852.cos.ap-guangzhou.myqcloud.com/paidui-pay/user-withdrawal-bg.png") no-repeat center center;
  8. background-size:cover;
  9. padding: 0 30rpx;
  10. }
  11. .withdrawal-management{
  12. position: absolute;
  13. top: 0;
  14. right: 0;
  15. }
  16. button.withdrawal-button{
  17. width: 160rpx;
  18. height: 60rpx;
  19. line-height: 60rpx;
  20. font-family: PingFangSC-Regular, sans-serif;
  21. font-size: 24rpx;
  22. color: #fff;
  23. background: #FCC565;
  24. margin: 0;
  25. border-top-left-radius: 0;
  26. border-top-right-radius: 0;
  27. border-bottom-right-radius: 0;
  28. border-bottom-left-radius: 30rpx;
  29. }
  30. button::after{
  31. border: none;
  32. }
  33. .withdrawal-limit{
  34. display: flex;
  35. justify-content: center;
  36. align-items: baseline;
  37. padding-top: 40rpx;
  38. text-align: center;
  39. }
  40. .limit-symbol{
  41. font-family: PingFangSC-Regular, sans-serif;
  42. font-size: 30rpx;
  43. color: #fff;
  44. }
  45. .withdrawal-volume{
  46. font-family: "Din";
  47. font-size: 60rpx;
  48. color: #fff;
  49. font-weight: bold;
  50. margin-left: 10rpx;
  51. }
  52. .Withdrawable-text{
  53. font-family: PingFangSC-Regular, sans-serif;
  54. font-size: 30rpx;
  55. color: #fff;
  56. text-align: center;
  57. margin-top: 30rpx;
  58. }
  59. .withdrawal-content{
  60. display: flex;
  61. justify-content: center;
  62. align-items: center;
  63. padding: 30rpx 0;
  64. }
  65. image.withdrawal-line{
  66. text-align: center;
  67. width: 200rpx;
  68. height: 1rpx;
  69. background-size: cover;
  70. }
  71. .to-be-credited{
  72. display: flex;
  73. justify-content: center;
  74. align-items: center;
  75. font-family: PingFangSC-Regular, sans-serif;
  76. font-size: 30rpx;
  77. color: #fff;
  78. text-align: center;
  79. margin-top: 30rpx;
  80. }
  81. .total-withdrawal{
  82. font-family: PingFangSC-Regular, sans-serif;
  83. font-size: 30rpx;
  84. color: #fff;
  85. text-align: center;
  86. border-bottom: 1rpx solid #F75965;
  87. padding-bottom: 30rpx;
  88. }
  89. .credited-text{
  90. font-family: PingFangSC-Regular, sans-serif;
  91. font-size: 28rpx;
  92. color: #fff;
  93. }
  94. .credited-line{
  95. width: 1rpx;
  96. height: 40rpx;
  97. background: #F75965;
  98. margin: 0 60rpx;
  99. }
  100. .withdrawal-in-progress{
  101. font-family: PingFangSC-Regular, sans-serif;
  102. font-size: rpx;
  103. color: #fff;
  104. }
  105. .withdrawal-account{
  106. display: flex;
  107. justify-content: space-between;
  108. align-items: center;
  109. background: #fff;
  110. padding: 30rpx;
  111. }
  112. .withdrawal-account-left{
  113. display: flex;
  114. justify-content: left;
  115. align-items: center;
  116. }
  117. image.alipay-account{
  118. width: 40rpx;
  119. height: 40rpx;
  120. background-size: cover;
  121. }
  122. .account-left-text{
  123. font-family: PingFangSC-Regular, sans-serif;
  124. font-size: 28rpx;
  125. color: #454545;
  126. font-weight: bold;
  127. margin-left: 20rpx;
  128. }
  129. .account-information-item{
  130. background: #fff;
  131. padding: 30rpx;
  132. padding-top: 0;
  133. }
  134. .withdrawal-account-content{
  135. display: flex;
  136. justify-content: space-between;
  137. align-items: center;
  138. background: #fff;
  139. padding: 30rpx 0;
  140. border-top: 1rpx solid #eee;
  141. }
  142. .border-line-style{
  143. border-top: none;
  144. border-bottom: 1rpx solid #eee;
  145. padding-top: 0;
  146. }
  147. .account-content-left{
  148. display: flex;
  149. justify-content: space-between;
  150. align-items: center;
  151. background: #fff;
  152. }
  153. span.style-text{
  154. color: #32A2FC;
  155. margin-left: 20rpx;
  156. }
  157. .right-withdrawal-amount{
  158. font-family: PingFangSC-Regular, sans-serif;
  159. font-size: 30rpx;
  160. color: #454545;
  161. font-weight: bold;
  162. }
  163. .button-content{
  164. display: flex;
  165. justify-content: space-evenly;
  166. align-items: center;
  167. }
  168. button.withdrawal-button-style{
  169. width: 120rpx;
  170. height: 48rpx;
  171. line-height: 48rpx;
  172. font-family: PingFangSC-Regular, sans-serif;
  173. font-size: 24rpx;
  174. color: #fff;
  175. border-radius: 100rpx;
  176. background: #F52F3E;
  177. margin: 0;
  178. margin-top: 30rpx;
  179. margin-left: 580rpx;
  180. }
  181. button::atter{
  182. border:none;
  183. }