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.

209 lines
3.1 KiB

  1. .Box {
  2. width: 100%;
  3. /* height: 100vh; */
  4. background: #f8f8fa;
  5. overflow: hidden;
  6. }
  7. .navigationBox {
  8. background-color: #fff;
  9. overflow: hidden;
  10. height: 80rpx;
  11. }
  12. .textBox {
  13. float: left;
  14. width: 90%;
  15. display: flex;
  16. justify-content: space-around;
  17. }
  18. .item {
  19. font-size: 26rpx;
  20. margin: 20rpx 10rpx 0 10rpx;
  21. padding-bottom: 10rpx;
  22. }
  23. .item_a {
  24. font-size: 26rpx;
  25. margin: 20rpx 10rpx 0 10rpx;
  26. padding-bottom: 10rpx;
  27. border-bottom: 1rpx solid #333;
  28. }
  29. .screen {
  30. width: 8%;
  31. height: 60rpx;
  32. float: left;
  33. margin: 10rpx 5rpx;
  34. }
  35. .drawerBox {
  36. position: fixed;
  37. top: 0;
  38. left: 100%;
  39. background-color: rgba(102, 102, 102, 0.3);
  40. height: 100vh;
  41. width: 100%;
  42. }
  43. .drawerBox-transition {
  44. transition: all 0.5s;
  45. }
  46. .drawerBox-moved {
  47. left: 0%;
  48. }
  49. @keyframes drawerBox-ani {
  50. from {
  51. left: 100%;
  52. }
  53. to {
  54. left: 0%;
  55. }
  56. }
  57. .drawerBox-animation {
  58. animation: drawerBox-ani 1s alternate infinite;
  59. }
  60. .tiem {
  61. width: 80%;
  62. height: 80rpx;
  63. text-align: center;
  64. line-height: 80rpx;
  65. background-color: rgba(102, 102, 102, 0.2);
  66. margin: 60rpx auto;
  67. border-radius: 10rpx;
  68. }
  69. .time_a {
  70. width: 80%;
  71. height: 80rpx;
  72. text-align: center;
  73. line-height: 80rpx;
  74. background-color: rgba(22, 155, 213, 1);
  75. margin: 60rpx auto;
  76. border-radius: 10rpx;
  77. color: #fff;
  78. }
  79. .noDataBox {
  80. width: 200rpx;
  81. height: 240rpx;
  82. margin: 30% auto;
  83. text-align: center;
  84. }
  85. .text{
  86. color: rgba(102, 102, 102, 0.7);
  87. }
  88. .onDataImg{
  89. width: 100%;
  90. height: 90%;
  91. }
  92. .withdrawTitleBox{
  93. overflow: hidden;
  94. }
  95. .detailsBox{
  96. width: 90%;
  97. background-color: #fff;
  98. border-radius: 12rpx;
  99. overflow: hidden;
  100. margin: 20rpx auto;
  101. }
  102. .noData {
  103. height: 100Vh;
  104. background-color: rgba(102, 102, 102, 0.2);
  105. overflow: hidden;
  106. }
  107. .rightBox {
  108. height: 100vh;
  109. background-color: #fff;
  110. width: 70%;
  111. float: right;
  112. }
  113. .title{
  114. float: left;
  115. margin-left:20rpx;
  116. padding: 20rpx 0;
  117. }
  118. .status{
  119. float: right;
  120. margin-right:20rpx;
  121. margin-top:20rpx;
  122. padding: 10rpx;
  123. font-size: 24rpx;
  124. background-color: rgba(0, 128, 0, 1);
  125. border-radius: 4rpx;
  126. color: #fff;
  127. }
  128. .red{
  129. background-color: rgba(255, 0, 0, 1);
  130. float: right;
  131. margin-right:20rpx;
  132. margin-top:20rpx;
  133. padding: 10rpx;
  134. font-size: 24rpx;
  135. border-radius: 4rpx;
  136. color: #fff;
  137. }
  138. .orange{
  139. background-color: rgba(243, 151, 56, 1);
  140. float: right;
  141. margin-right:20rpx;
  142. margin-top:20rpx;
  143. padding: 10rpx;
  144. font-size: 24rpx;
  145. border-radius: 4rpx;
  146. color: #fff;
  147. }
  148. .purple{
  149. background-color: rgba(153, 0, 255, 1);
  150. float: right;
  151. margin-right:20rpx;
  152. margin-top:20rpx;
  153. padding: 10rpx;
  154. font-size: 24rpx;
  155. border-radius: 4rpx;
  156. color: #fff;
  157. }
  158. .blue{
  159. background-color: rgba(0, 102, 255, 1);
  160. float: right;
  161. margin-right:20rpx;
  162. margin-top:20rpx;
  163. padding: 10rpx;
  164. font-size: 24rpx;
  165. border-radius: 4rpx;
  166. color: #fff;
  167. }
  168. .money{
  169. font-size: 46rpx;
  170. color: red;
  171. margin-left:20rpx;
  172. padding: 20rpx 20rpx 0 20rpx;
  173. font-weight: 700;
  174. }
  175. .schedule{
  176. text-align: right;
  177. width: 94%;
  178. padding: 10rpx 0;
  179. margin: auto;
  180. border-bottom: 1rpx dashed #C9C9C9;
  181. }
  182. .goXq{
  183. text-align: center;
  184. line-height: 30rpx;
  185. color: #C9C9C9;
  186. padding: 20rpx 0;
  187. font-size: 24rpx;
  188. }