app.wxss 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167
  1. /**app.wxss**/
  2. page {
  3. font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", 微软雅黑, Arial, sans-serif;
  4. background-color: #f7f7f7;
  5. }
  6. .container {
  7. height: 100%;
  8. display: flex;
  9. flex-direction: column;
  10. align-items: center;
  11. justify-content: space-between;
  12. padding: 200rpx 0;
  13. box-sizing: border-box;
  14. }
  15. .flex_center {
  16. display: flex;
  17. align-items: center;
  18. justify-content: center;
  19. }
  20. .abs_img {
  21. position: absolute;
  22. width: 100%;
  23. height: 100%;
  24. left: 0;
  25. top: 0;
  26. }
  27. .pos_rel {
  28. position: relative;
  29. }
  30. .one_line_hidden {
  31. white-space: nowrap;
  32. text-overflow: ellipsis;
  33. overflow: hidden;
  34. }
  35. .padLR30 {
  36. padding-left: 30px;
  37. padding-right: 30px;
  38. }
  39. .f0 {
  40. font-size: 0;
  41. }
  42. .f24 {
  43. font-size: 24rpx;
  44. }
  45. .f28 {
  46. font-size: 28rpx;
  47. }
  48. .f30 {
  49. font-size: 30rpx;
  50. }
  51. .ml8 {
  52. margin-left: 8rpx;
  53. }
  54. .ml16 {
  55. margin-left: 16rpx;
  56. }
  57. mr16 {
  58. margin-right: 16rpx;
  59. }
  60. .mt8 {
  61. margin-top: 8rpx;
  62. }
  63. .mt10 {
  64. margin-top: 10rpx;
  65. }
  66. .mt20 {
  67. margin-top: 20rpx;
  68. }
  69. .cola7 {
  70. color: #a7a7a7;
  71. }
  72. .col333 {
  73. color: #333;
  74. }
  75. .coleb4e4f {
  76. color: #EB4E4F
  77. }
  78. .col09BB07 {
  79. color: #09BB07
  80. }
  81. .colef524d {
  82. color: #ef524d;
  83. }
  84. .bacfff {
  85. background: #fff;
  86. }
  87. .f_left {
  88. float: left;
  89. }
  90. .f_right {
  91. float: right;
  92. }
  93. .vux-1px-b {
  94. position: relative;
  95. }
  96. .vux-1px-b::after {
  97. content: " ";
  98. position: absolute;
  99. left: 0;
  100. bottom: 0;
  101. right: 0;
  102. height: 1px;
  103. border-bottom: 1px solid #D9D9D9;
  104. color: #D9D9D9;
  105. -webkit-transform-origin: 0 100%;
  106. transform-origin: 0 100%;
  107. -webkit-transform: scaleY(0.5);
  108. transform: scaleY(0.5);
  109. }
  110. .comment-1px-b::after {
  111. content: " ";
  112. position: absolute;
  113. left: 24rpx;
  114. bottom: 0;
  115. right: 0;
  116. height: 1px;
  117. border-bottom: 1px solid #D9D9D9;
  118. color: #D9D9D9;
  119. -webkit-transform-origin: 0 100%;
  120. transform-origin: 0 100%;
  121. -webkit-transform: scaleY(0.5);
  122. transform: scaleY(0.5);
  123. }
  124. .flex_1px_d {
  125. position: relative;
  126. }
  127. .flex_1px_d::after {
  128. content: "";
  129. position: absolute;
  130. bottom: 0;
  131. right: 0;
  132. width: 720rpx;
  133. height: 2rpx;
  134. background: #d9d9d9;
  135. -webkit-transform: scaleY(0.5);
  136. transform: scaleY(0.5);
  137. }
  138. .arrow_right {
  139. position: relative;
  140. }
  141. .arrow_right::after {
  142. position: absolute;
  143. content: " ";
  144. height: 14rpx;
  145. width: 14rpx;
  146. border-width: 2rpx 2rpx 0 0;
  147. border-color: #999999;
  148. border-style: solid;
  149. -webkit-transform: rotate(45deg);
  150. transform: rotate(45deg);
  151. top: 50%;
  152. right: -15rpx;
  153. margin-top: -7rpx;
  154. }
  155. .back_top_btn {
  156. position: fixed;
  157. right: 50rpx;
  158. bottom: 50rpx;
  159. width: 106rpx;
  160. }