app.wxss 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223
  1. page,
  2. view,
  3. scroll-view,
  4. cover-view,
  5. input,
  6. picker {
  7. box-sizing: border-box;
  8. color: #333;
  9. }
  10. .tac {
  11. text-align: center;
  12. }
  13. .df {
  14. display: flex;
  15. }
  16. .jcsb {
  17. justify-content: space-between;
  18. }
  19. .jcc {
  20. justify-content: center;
  21. }
  22. .jcfe {
  23. justify-content: flex-end;
  24. }
  25. .jcsa {
  26. justify-content: space-around;
  27. }
  28. .aic {
  29. align-items: center;
  30. }
  31. .m10a {
  32. margin: 10rpx auto;
  33. }
  34. .m20a {
  35. margin: 20rpx auto;
  36. }
  37. .m30a {
  38. margin: 30rpx auto;
  39. }
  40. .m40a {
  41. margin: 40rpx auto;
  42. }
  43. .m50a {
  44. margin: 50rpx auto;
  45. }
  46. .mt10 {
  47. margin-top: 10rpx;
  48. }
  49. .mt20 {
  50. margin-top: 20rpx;
  51. }
  52. .mt30 {
  53. margin-top: 30rpx;
  54. }
  55. .mt40 {
  56. margin-top: 40rpx;
  57. }
  58. .mt50 {
  59. margin-top: 50rpx;
  60. }
  61. .mr10 {
  62. margin-right: 10rpx;
  63. }
  64. .mr20 {
  65. margin-right: 20rpx;
  66. }
  67. .mr30 {
  68. margin-right: 30rpx;
  69. }
  70. .mr40 {
  71. margin-right: 40rpx;
  72. }
  73. .mr50 {
  74. margin-right: 50rpx;
  75. }
  76. .mb10 {
  77. margin-bottom: 10rpx;
  78. }
  79. .mb20 {
  80. margin-bottom: 20rpx;
  81. }
  82. .mb30 {
  83. margin-bottom: 30rpx;
  84. }
  85. .mb40 {
  86. margin-bottom: 40rpx;
  87. }
  88. .mb50 {
  89. margin-bottom: 50rpx;
  90. }
  91. .ml10 {
  92. margin-left: 10rpx;
  93. }
  94. .ml20 {
  95. margin-left: 20rpx;
  96. }
  97. .ml30 {
  98. margin-left: 30rpx;
  99. }
  100. .ml40 {
  101. margin-left: 40rpx;
  102. }
  103. .ml50 {
  104. margin-left: 50rpx;
  105. }
  106. .p10 {
  107. padding: 10rpx;
  108. }
  109. .p20 {
  110. padding: 20rpx;
  111. }
  112. .p30 {
  113. padding: 30rpx;
  114. }
  115. .p40 {
  116. padding: 40rpx;
  117. }
  118. .p50 {
  119. padding: 50rpx;
  120. }
  121. .pb20 {
  122. padding-bottom: 20rpx;
  123. }
  124. .fs20 {
  125. font-size: 20rpx;
  126. }
  127. .fs22 {
  128. font-size: 22rpx;
  129. }
  130. .fs24 {
  131. font-size: 24rpx;
  132. }
  133. .fs28 {
  134. font-size: 28rpx;
  135. }
  136. .fs32 {
  137. font-size: 32rpx;
  138. }
  139. .fs36 {
  140. font-size: 36rpx;
  141. }
  142. .fs40 {
  143. font-size: 40rpx;
  144. }
  145. .scrollx {
  146. overflow-x: scroll;
  147. white-space: nowrap;
  148. }
  149. .scrolly {
  150. overflow-y: scroll;
  151. }
  152. .c3 {
  153. color: #333;
  154. }
  155. .back-blue {
  156. background: #0094FE;
  157. }
  158. .back-red {
  159. background: #d90024;
  160. }
  161. .next {
  162. text-align: center;
  163. width: 300rpx;
  164. height: 80rpx;
  165. line-height: 80rpx;
  166. color: #fff;
  167. background: #0094FE;
  168. border-radius: 10rpx;
  169. margin: 0 auto;
  170. margin-top: 5vh;
  171. }