chargemoney.wxss 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191
  1. /* pages/chargemoney/chargemoney.wxss */
  2. page{
  3. box-shadow: 0rpx 6rpx 6rpx #f5f5f5 inset;
  4. }
  5. .money{
  6. padding:0 15rpx;
  7. }
  8. .money .title{
  9. padding:40rpx 15rpx 0rpx 15rpx;
  10. }
  11. .chargemoney {
  12. display: inline-block;
  13. position: relative;
  14. width: 330rpx;
  15. height: 140rpx;
  16. margin: 30rpx 15rpx 0 15rpx;
  17. flex-shrink: 0;
  18. overflow: hidden;
  19. }
  20. .chargemoney_select {
  21. display: inline-block;
  22. position: relative;
  23. width: 330rpx;
  24. height: 140rpx;
  25. margin: 30rpx 15rpx 0 15rpx;
  26. flex-shrink: 0;
  27. overflow: hidden;
  28. background-color: #00a8dc;
  29. border-radius: 20rpx;
  30. box-shadow: 0rpx 6rpx 8rpx #4768f3;
  31. }
  32. .chargemoney image {
  33. width: 330rpx;
  34. height: 140rpx;
  35. }
  36. .chargemoney view, .chargemoney_select view {
  37. position: absolute;
  38. top: 0;
  39. left: 0;
  40. width: 330rpx;
  41. height: 140rpx;
  42. flex-shrink: 0;
  43. overflow: hidden;
  44. text-align: center;
  45. }
  46. text {
  47. font-size: 34rpx;
  48. font-family: 'Lucida Sans',
  49. 'Lucida Sans Regular',
  50. 'Lucida Grande',
  51. 'Lucida Sans Unicode',
  52. Geneva,
  53. Verdana,
  54. sans-serif;
  55. color: #434343;
  56. text-overflow: ellipsis;
  57. white-space: nowrap;
  58. overflow: hidden;
  59. line-height: 140rpx;
  60. height: 140rpx;
  61. min-height: 140rpx;
  62. }
  63. text.blod {
  64. font-weight: bold;
  65. /* padding-left: 15rpx; */
  66. line-height: 54rpx;
  67. height: 54rpx;
  68. min-height: 54rpx;
  69. }
  70. .chargemoney_select text {
  71. color: #ffffff;
  72. }
  73. .money .title1{
  74. padding:0rpx 15rpx 0rpx 15rpx;
  75. }
  76. .money .title2{
  77. padding:25rpx 15rpx 0rpx 15rpx;
  78. }
  79. .money .title2 view{
  80. height: 114rpx;
  81. }
  82. .alipay image,.wechat image{
  83. width: 44rpx;
  84. height: 44rpx;
  85. margin: 35rpx 20rpx 35rpx 0rpx;
  86. }
  87. .alipay text,.wechat text{
  88. display: inline-block;
  89. line-height: 114rpx;
  90. height: 114rpx;
  91. min-height: 114rpx;
  92. }
  93. .alipay view,.wechat view{
  94. line-height: 114rpx;
  95. height: 114rpx;
  96. min-height: 114rpx;
  97. float: right;
  98. }
  99. radio{
  100. color: #00a8dc;
  101. }
  102. .chargemoney_button{
  103. position: absolute;
  104. bottom: 0;
  105. width: calc(100% - 170rpx);
  106. font-size: 34rpx;
  107. margin: 90rpx 85rpx;
  108. font-family: 'Lucida Sans',
  109. 'Lucida Sans Regular',
  110. 'Lucida Grande',
  111. 'Lucida Sans Unicode',
  112. Geneva,
  113. Verdana,
  114. sans-serif;
  115. color: #ffffff;
  116. text-overflow: ellipsis;
  117. white-space: nowrap;
  118. background-color: #00a8dc;
  119. border-radius: 40rpx;
  120. }
  121. .chargemoney_button_disable{
  122. position: absolute;
  123. bottom: 0;
  124. width: calc(100% - 170rpx);
  125. font-size: 34rpx;
  126. margin: 90rpx 85rpx;
  127. font-family: 'Lucida Sans',
  128. 'Lucida Sans Regular',
  129. 'Lucida Grande',
  130. 'Lucida Sans Unicode',
  131. Geneva,
  132. Verdana,
  133. sans-serif;
  134. color: #ffffff;
  135. text-overflow: ellipsis;
  136. white-space: nowrap;
  137. border-radius: 40rpx;
  138. background-color: #c9c9c9;
  139. }
  140. .chargemoney_button.button-hover{
  141. background-color: #00a9dcb4;
  142. }
  143. .foot{
  144. position: absolute;
  145. bottom: 0;
  146. text-align: center;
  147. width: 100%;
  148. }
  149. .foot text{
  150. font-size: 28rpx;
  151. font-family: 'Lucida Sans',
  152. 'Lucida Sans Regular',
  153. 'Lucida Grande',
  154. 'Lucida Sans Unicode',
  155. Geneva,
  156. Verdana,
  157. sans-serif;
  158. color: #434343;
  159. text-overflow: ellipsis;
  160. white-space: nowrap;
  161. line-height: 90rpx;
  162. height: 90rpx;
  163. min-height: 90rpx;
  164. }
  165. text.blue{
  166. color:#00a8dc;
  167. }
  168. .money_input {
  169. margin: 51rpx 30rpx;
  170. padding: 0 21rpx;
  171. border-top: 1rpx solid #f7f7f7;
  172. border-bottom: 1rpx solid #f7f7f7;
  173. }
  174. .section_phcolor {
  175. font-size: 28rpx;
  176. line-height: 100rpx;
  177. height: 100rpx;
  178. min-height: 100rpx;
  179. color: #aaaaaa;
  180. }