wallet.wxss 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161
  1. .ipt {
  2. background-color: #f4f4f4;
  3. width: 90%;
  4. margin-left: 5%;
  5. height: 90rpx;
  6. text-align: center;
  7. margin-top: 20rpx;
  8. }
  9. .wal_bg_right view {
  10. width: 150rpx;
  11. height: 60rpx;
  12. border-radius: 30rpx;
  13. line-height: 60rpx;
  14. text-align: center;
  15. }
  16. .wal_bg_left view {
  17. color: white !important;
  18. }
  19. .wal_bg {
  20. display: flex;
  21. justify-content: space-between;
  22. align-items: center;
  23. width: 100%;
  24. height: 300rpx;
  25. background-size: 750rpx 300rpx;
  26. }
  27. .box {
  28. border-bottom: 4rpx solid #ececec;
  29. display: flex;
  30. justify-content: space-between;
  31. align-items: center;
  32. width: 92% !important;
  33. margin-left: 4% !important;
  34. }
  35. .head view.focus {
  36. border-bottom: 6rpx solid #00AB92;
  37. color: #00AB92;
  38. }
  39. .head view {
  40. height: 70rpx;
  41. margin-top: 40rpx;
  42. width: 150rpx;
  43. text-align: center;
  44. }
  45. .head {
  46. display: flex;
  47. justify-content: space-around;
  48. overflow: hidden;
  49. }
  50. .con {
  51. width: 100%;
  52. /* height: 170upx; */
  53. background: #FFFFFF;
  54. padding: 30rpx 0;
  55. }
  56. .wal {
  57. width: 100%;
  58. height: 254rpx;
  59. background: linear-gradient(90deg, #0ABACC 0%, #00DC7C 100%);
  60. border-radius: 26rpx;
  61. color: #ffffff;
  62. margin-top: 20rpx;
  63. overflow: hidden;
  64. }
  65. .merch_money_box_in_3 {
  66. width: 120rpx;
  67. height: 50rpx;
  68. border-radius: 30rpx;
  69. line-height: 50rpx;
  70. text-align: center;
  71. margin-top: 20rpx;
  72. }
  73. .merch_money_box_in_1 {
  74. color: #333333;
  75. font-size: 40rpx;
  76. }
  77. .merch_money_box_in_2 {
  78. color: #999999;
  79. margin-top: 10rpx;
  80. }
  81. .merch_money_box_in view {
  82. margin-left: 60rpx;
  83. }
  84. .merch_money_box_in {
  85. height: 200rpx;
  86. /* background-color: #006566; */
  87. display: flex;
  88. flex-direction: column;
  89. justify-content: center;
  90. }
  91. .merch_money_box {
  92. width: 92%;
  93. height: 220rpx;
  94. margin-left: 4%;
  95. margin-top: -130rpx;
  96. background: #FFFFFF;
  97. box-shadow: 0px 3px 9px 0px rgba(115, 115, 115, 0.09);
  98. border-radius: 16rpx;
  99. display: flex;
  100. align-items: center;
  101. }
  102. .wal_bg_right view {
  103. width: 150rpx;
  104. height: 60rpx;
  105. border-radius: 30rpx;
  106. line-height: 60rpx;
  107. text-align: center;
  108. }
  109. .wal_bg_left view {
  110. color: white !important;
  111. font-size: 32rpx;
  112. }
  113. .wal_bg {
  114. width: 100%;
  115. height: 370rpx;
  116. background-size: 750rpx 370rpx;
  117. }
  118. .wal_bg_box {
  119. display: flex;
  120. justify-content: space-between;
  121. align-items: center;
  122. height: 240rpx;
  123. }
  124. .box {
  125. border-bottom: 4rpx solid #ececec;
  126. display: flex;
  127. justify-content: space-between;
  128. align-items: center;
  129. }
  130. .head view.focus {
  131. border-bottom: 6rpx solid #00AB92;
  132. color: #00AB92;
  133. }
  134. .head view {
  135. height: 70rpx;
  136. margin-top: 40rpx;
  137. width: 150rpx;
  138. text-align: center;
  139. }
  140. .head {
  141. display: flex;
  142. justify-content: space-around;
  143. overflow: hidden;
  144. }
  145. .con {
  146. width: 100%;
  147. /* height: 170upx; */
  148. background: #FFFFFF;
  149. padding: 30rpx 0;
  150. }
  151. .wal {
  152. width: 100%;
  153. height: 254rpx;
  154. background: linear-gradient(90deg, #0ABACC 0%, #00DC7C 100%);
  155. border-radius: 26rpx;
  156. color: #ffffff;
  157. margin-top: 20rpx;
  158. overflow: hidden;
  159. }