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

161 lines
2.7 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: "Microsoft YaHei";
  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: "Microsoft YaHei";
  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: "Microsoft YaHei";
  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: "Microsoft YaHei";
  76. font-size: 30rpx;
  77. color: #fff;
  78. text-align: center;
  79. margin-top: 30rpx;
  80. }
  81. .total-withdrawal{
  82. font-family: "Microsoft YaHei";
  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: "Microsoft YaHei";
  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: "Microsoft YaHei";
  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: "Microsoft YaHei";
  124. font-size: 28rpx;
  125. color: #454545;
  126. font-weight: bold;
  127. margin-left: 20rpx;
  128. }
  129. .withdrawal-account-right{
  130. display: flex;
  131. justify-content: left;
  132. align-items: center;
  133. }
  134. .account-right-text{
  135. font-family: "Microsoft YaHei";
  136. font-size: 24rpx;
  137. color: #999;
  138. }
  139. image.open-minded{
  140. width: 14rpx;
  141. height: 24rpx;
  142. background-size: cover;
  143. margin-left: 15rpx;
  144. }