global.css 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223
  1. *,
  2. image,
  3. text,
  4. view,
  5. scroll-view {
  6. box-sizing: border-box;
  7. }
  8. image,
  9. img {
  10. display: block;
  11. }
  12. .flex {
  13. display: -webkit-box;
  14. display: -webkit-flex;
  15. display: flex;
  16. }
  17. .flex-wrap {
  18. display: flex;
  19. flex-wrap: wrap;
  20. }
  21. .flex-row {
  22. display: -webkit-box;
  23. display: -webkit-flex;
  24. display: flex;
  25. -webkit-box-orient: horizontal;
  26. flex-direction: row;
  27. }
  28. .flex-col {
  29. display: -webkit-box;
  30. display: -webkit-flex;
  31. display: flex;
  32. -webkit-box-orient: vertical;
  33. flex-direction: column;
  34. }
  35. .flex-grow-0 {
  36. min-width: 0;
  37. -webkit-box-flex: 0;
  38. -ms-flex-positive: 0;
  39. flex-grow: 0;
  40. -ms-flex-negative: 0;
  41. flex-shrink: 0;
  42. }
  43. .flex-grow-1 {
  44. min-width: 0;
  45. -webkit-box-flex: 1;
  46. -ms-flex-positive: 1;
  47. flex-grow: 1;
  48. -ms-flex-negative: 1;
  49. flex-shrink: 1;
  50. }
  51. .flex-x-sb {
  52. display: -webkit-box;
  53. display: -webkit-flex;
  54. display: flex;
  55. -webkit-box-pack: space-between;
  56. -ms-flex-pack: space-between;
  57. justify-content: space-between;
  58. }
  59. .flex-x-sa {
  60. display: -webkit-box;
  61. display: -webkit-flex;
  62. display: flex;
  63. -webkit-box-pack: space-around;
  64. -ms-flex-pack: space-around;
  65. justify-content: space-around;
  66. }
  67. .flex-x-center {
  68. display: -webkit-box;
  69. display: -webkit-flex;
  70. display: flex;
  71. -webkit-box-pack: center;
  72. -ms-flex-pack: center;
  73. justify-content: center;
  74. }
  75. .flex-x-end {
  76. display: -webkit-box;
  77. display: -webkit-flex;
  78. display: flex;
  79. -webkit-box-pack: flex-end;
  80. -ms-flex-pack: flex-end;
  81. justify-content: flex-end;
  82. }
  83. .flex-y-center {
  84. display: -webkit-box;
  85. display: -webkit-flex;
  86. display: flex;
  87. -webkit-box-align: center;
  88. -ms-flex-align: center;
  89. -ms-grid-row-align: center;
  90. align-items: center;
  91. }
  92. .flex-y-end {
  93. display: -webkit-box;
  94. display: -webkit-flex;
  95. display: flex;
  96. -webkit-box-align: end;
  97. -ms-flex-align: end;
  98. -ms-grid-row-align: flex-end;
  99. align-items: flex-end;
  100. }
  101. .text-more {
  102. width: 100%;
  103. overflow: hidden;
  104. white-space: nowrap;
  105. text-overflow: ellipsis;
  106. word-break: break-all;
  107. }
  108. .text-more-1 {
  109. width: 100%;
  110. overflow: hidden;
  111. text-overflow: ellipsis;
  112. display: -webkit-box;
  113. -webkit-line-clamp: 1;
  114. -webkit-box-orient: vertical;
  115. word-break: break-all;
  116. }
  117. .text-more-2 {
  118. width: 100%;
  119. overflow: hidden;
  120. text-overflow: ellipsis;
  121. display: -webkit-box;
  122. -webkit-line-clamp: 2;
  123. -webkit-box-orient: vertical;
  124. word-break: break-all;
  125. }
  126. .flex1 {
  127. flex: 1;
  128. }
  129. .flex-h-1 {
  130. flex: 1;
  131. height: 0;
  132. }
  133. .flex-w-1 {
  134. flex: 1;
  135. width: 0;
  136. }
  137. .font-w-600 {
  138. font-weight: 600;
  139. }
  140. .font-w-400 {
  141. font-weight: 400;
  142. }
  143. .font-del {
  144. text-decoration: line-through;
  145. }
  146. .color-999 {
  147. color: #8c8c8c;
  148. }
  149. .color-333 {
  150. color: #262626;
  151. }
  152. .color-fff {
  153. color: #fff;
  154. }
  155. .color-main {
  156. color: #f0250e;
  157. }
  158. .wifipage .p-2021002155671970-wifi-image,
  159. .wifipage .wifi-image[data-p="2021002155671970"] {
  160. width: auto;
  161. }
  162. /* button初始化样式 开始*/
  163. .button-initial {
  164. border-radius: initial;
  165. background-color: initial;
  166. font-size: initial;
  167. color: initial;
  168. border: initial;
  169. padding: 0;
  170. margin: initial;
  171. line-height: initial;
  172. }
  173. .button-initial::after {
  174. border: 0;
  175. }
  176. /* button初始化样式 结束*/
  177. button::after{
  178. display: none;
  179. }
  180. button{
  181. padding: 0;
  182. line-height: 1.5;
  183. border:0;
  184. background-color: transparent;
  185. margin-left:auto;
  186. margin-right:auto;
  187. box-sizing:border-box;
  188. text-align:center;
  189. text-decoration:none;
  190. -webkit-tap-highlight-color:transparent;
  191. }