index.wxss 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583
  1. .wux-text--left {
  2. text-align: left!important
  3. }
  4. .wux-text--right {
  5. text-align: right!important
  6. }
  7. .wux-text--center {
  8. text-align: center!important
  9. }
  10. .wux-text--justify {
  11. text-align: justify!important
  12. }
  13. .wux-text--nowrap {
  14. text-align: nowrap!important
  15. }
  16. .wux-text--lowercase {
  17. text-transform: lowercase!important
  18. }
  19. .wux-text--uppercase {
  20. text-transform: uppercase!important
  21. }
  22. .wux-text--capitalize {
  23. text-transform: capitalize!important
  24. }
  25. .wux-light {
  26. color: #fff!important
  27. }
  28. .wux-light--bg {
  29. background-color: #fff!important
  30. }
  31. .wux-light--border {
  32. border-color: #fff!important
  33. }
  34. .wux-stable {
  35. color: #f8f8f8!important
  36. }
  37. .wux-stable--bg {
  38. background-color: #f8f8f8!important
  39. }
  40. .wux-stable--border {
  41. border-color: #f8f8f8!important
  42. }
  43. .wux-positive {
  44. color: #387ef5!important
  45. }
  46. .wux-positive--bg {
  47. background-color: #387ef5!important
  48. }
  49. .wux-positive--border {
  50. border-color: #387ef5!important
  51. }
  52. .wux-calm {
  53. color: #11c1f3!important
  54. }
  55. .wux-calm--bg {
  56. background-color: #11c1f3!important
  57. }
  58. .wux-calm--border {
  59. border-color: #11c1f3!important
  60. }
  61. .wux-balanced {
  62. color: #33cd5f!important
  63. }
  64. .wux-balanced--bg {
  65. background-color: #33cd5f!important
  66. }
  67. .wux-balanced--border {
  68. border-color: #33cd5f!important
  69. }
  70. .wux-energized {
  71. color: #ffc900!important
  72. }
  73. .wux-energized--bg {
  74. background-color: #ffc900!important
  75. }
  76. .wux-energized--border {
  77. border-color: #ffc900!important
  78. }
  79. .wux-assertive {
  80. color: #ef473a!important
  81. }
  82. .wux-assertive--bg {
  83. background-color: #ef473a!important
  84. }
  85. .wux-assertive--border {
  86. border-color: #ef473a!important
  87. }
  88. .wux-royal {
  89. color: #886aea!important
  90. }
  91. .wux-royal--bg {
  92. background-color: #886aea!important
  93. }
  94. .wux-royal--border {
  95. border-color: #886aea!important
  96. }
  97. .wux-dark {
  98. color: #444!important
  99. }
  100. .wux-dark--bg {
  101. background-color: #444!important
  102. }
  103. .wux-dark--border {
  104. border-color: #444!important
  105. }
  106. .wux-m--30,
  107. .wux-margin--30 {
  108. margin: 60rpx!important
  109. }
  110. .wux-margin-top--30,
  111. .wux-mt--30 {
  112. margin-top: 60rpx!important
  113. }
  114. .wux-margin-right--30,
  115. .wux-mr--30 {
  116. margin-right: 60rpx!important
  117. }
  118. .wux-margin-bottom--30,
  119. .wux-mb--30 {
  120. margin-bottom: 60rpx!important
  121. }
  122. .wux-margin-left--30,
  123. .wux-ml--30 {
  124. margin-left: 60rpx!important
  125. }
  126. .wux-margin-vertical--30,
  127. .wux-mv--30 {
  128. margin: 60rpx 0!important
  129. }
  130. .wux-margin-horizontal--30,
  131. .wux-mh--30 {
  132. margin: 0 60rpx!important
  133. }
  134. .wux-p--30,
  135. .wux-padding--30 {
  136. padding: 60rpx!important
  137. }
  138. .wux-padding-top--30,
  139. .wux-pt--30 {
  140. padding-top: 60rpx!important
  141. }
  142. .wux-padding-right--30,
  143. .wux-pr--30 {
  144. padding-right: 60rpx!important
  145. }
  146. .wux-padding-bottom--30,
  147. .wux-pb--30 {
  148. padding-bottom: 60rpx!important
  149. }
  150. .wux-padding-left--30,
  151. .wux-pl--30 {
  152. padding-left: 60rpx!important
  153. }
  154. .wux-padding-vertical--30,
  155. .wux-pv--30 {
  156. padding: 60rpx 0!important
  157. }
  158. .wux-padding-horizontal--30,
  159. .wux-ph--30 {
  160. padding: 0 60rpx!important
  161. }
  162. .wux-m--25,
  163. .wux-margin--25 {
  164. margin: 50rpx!important
  165. }
  166. .wux-margin-top--25,
  167. .wux-mt--25 {
  168. margin-top: 50rpx!important
  169. }
  170. .wux-margin-right--25,
  171. .wux-mr--25 {
  172. margin-right: 50rpx!important
  173. }
  174. .wux-margin-bottom--25,
  175. .wux-mb--25 {
  176. margin-bottom: 50rpx!important
  177. }
  178. .wux-margin-left--25,
  179. .wux-ml--25 {
  180. margin-left: 50rpx!important
  181. }
  182. .wux-margin-vertical--25,
  183. .wux-mv--25 {
  184. margin: 50rpx 0!important
  185. }
  186. .wux-margin-horizontal--25,
  187. .wux-mh--25 {
  188. margin: 0 50rpx!important
  189. }
  190. .wux-p--25,
  191. .wux-padding--25 {
  192. padding: 50rpx!important
  193. }
  194. .wux-padding-top--25,
  195. .wux-pt--25 {
  196. padding-top: 50rpx!important
  197. }
  198. .wux-padding-right--25,
  199. .wux-pr--25 {
  200. padding-right: 50rpx!important
  201. }
  202. .wux-padding-bottom--25,
  203. .wux-pb--25 {
  204. padding-bottom: 50rpx!important
  205. }
  206. .wux-padding-left--25,
  207. .wux-pl--25 {
  208. padding-left: 50rpx!important
  209. }
  210. .wux-padding-vertical--25,
  211. .wux-pv--25 {
  212. padding: 50rpx 0!important
  213. }
  214. .wux-padding-horizontal--25,
  215. .wux-ph--25 {
  216. padding: 0 50rpx!important
  217. }
  218. .wux-m--20,
  219. .wux-margin--20 {
  220. margin: 40rpx!important
  221. }
  222. .wux-margin-top--20,
  223. .wux-mt--20 {
  224. margin-top: 40rpx!important
  225. }
  226. .wux-margin-right--20,
  227. .wux-mr--20 {
  228. margin-right: 40rpx!important
  229. }
  230. .wux-margin-bottom--20,
  231. .wux-mb--20 {
  232. margin-bottom: 40rpx!important
  233. }
  234. .wux-margin-left--20,
  235. .wux-ml--20 {
  236. margin-left: 40rpx!important
  237. }
  238. .wux-margin-vertical--20,
  239. .wux-mv--20 {
  240. margin: 40rpx 0!important
  241. }
  242. .wux-margin-horizontal--20,
  243. .wux-mh--20 {
  244. margin: 0 40rpx!important
  245. }
  246. .wux-p--20,
  247. .wux-padding--20 {
  248. padding: 40rpx!important
  249. }
  250. .wux-padding-top--20,
  251. .wux-pt--20 {
  252. padding-top: 40rpx!important
  253. }
  254. .wux-padding-right--20,
  255. .wux-pr--20 {
  256. padding-right: 40rpx!important
  257. }
  258. .wux-padding-bottom--20,
  259. .wux-pb--20 {
  260. padding-bottom: 40rpx!important
  261. }
  262. .wux-padding-left--20,
  263. .wux-pl--20 {
  264. padding-left: 40rpx!important
  265. }
  266. .wux-padding-vertical--20,
  267. .wux-pv--20 {
  268. padding: 40rpx 0!important
  269. }
  270. .wux-padding-horizontal--20,
  271. .wux-ph--20 {
  272. padding: 0 40rpx!important
  273. }
  274. .wux-m--15,
  275. .wux-margin--15 {
  276. margin: 30rpx!important
  277. }
  278. .wux-margin-top--15,
  279. .wux-mt--15 {
  280. margin-top: 30rpx!important
  281. }
  282. .wux-margin-right--15,
  283. .wux-mr--15 {
  284. margin-right: 30rpx!important
  285. }
  286. .wux-margin-bottom--15,
  287. .wux-mb--15 {
  288. margin-bottom: 30rpx!important
  289. }
  290. .wux-margin-left--15,
  291. .wux-ml--15 {
  292. margin-left: 30rpx!important
  293. }
  294. .wux-margin-vertical--15,
  295. .wux-mv--15 {
  296. margin: 30rpx 0!important
  297. }
  298. .wux-margin-horizontal--15,
  299. .wux-mh--15 {
  300. margin: 0 30rpx!important
  301. }
  302. .wux-p--15,
  303. .wux-padding--15 {
  304. padding: 30rpx!important
  305. }
  306. .wux-padding-top--15,
  307. .wux-pt--15 {
  308. padding-top: 30rpx!important
  309. }
  310. .wux-padding-right--15,
  311. .wux-pr--15 {
  312. padding-right: 30rpx!important
  313. }
  314. .wux-padding-bottom--15,
  315. .wux-pb--15 {
  316. padding-bottom: 30rpx!important
  317. }
  318. .wux-padding-left--15,
  319. .wux-pl--15 {
  320. padding-left: 30rpx!important
  321. }
  322. .wux-padding-vertical--15,
  323. .wux-pv--15 {
  324. padding: 30rpx 0!important
  325. }
  326. .wux-padding-horizontal--15,
  327. .wux-ph--15 {
  328. padding: 0 30rpx!important
  329. }
  330. .wux-m--10,
  331. .wux-margin--10 {
  332. margin: 20rpx!important
  333. }
  334. .wux-margin-top--10,
  335. .wux-mt--10 {
  336. margin-top: 20rpx!important
  337. }
  338. .wux-margin-right--10,
  339. .wux-mr--10 {
  340. margin-right: 20rpx!important
  341. }
  342. .wux-margin-bottom--10,
  343. .wux-mb--10 {
  344. margin-bottom: 20rpx!important
  345. }
  346. .wux-margin-left--10,
  347. .wux-ml--10 {
  348. margin-left: 20rpx!important
  349. }
  350. .wux-margin-vertical--10,
  351. .wux-mv--10 {
  352. margin: 20rpx 0!important
  353. }
  354. .wux-margin-horizontal--10,
  355. .wux-mh--10 {
  356. margin: 0 20rpx!important
  357. }
  358. .wux-p--10,
  359. .wux-padding--10 {
  360. padding: 20rpx!important
  361. }
  362. .wux-padding-top--10,
  363. .wux-pt--10 {
  364. padding-top: 20rpx!important
  365. }
  366. .wux-padding-right--10,
  367. .wux-pr--10 {
  368. padding-right: 20rpx!important
  369. }
  370. .wux-padding-bottom--10,
  371. .wux-pb--10 {
  372. padding-bottom: 20rpx!important
  373. }
  374. .wux-padding-left--10,
  375. .wux-pl--10 {
  376. padding-left: 20rpx!important
  377. }
  378. .wux-padding-vertical--10,
  379. .wux-pv--10 {
  380. padding: 20rpx 0!important
  381. }
  382. .wux-padding-horizontal--10,
  383. .wux-ph--10 {
  384. padding: 0 20rpx!important
  385. }
  386. .wux-m--5,
  387. .wux-margin--5 {
  388. margin: 10rpx!important
  389. }
  390. .wux-margin-top--5,
  391. .wux-mt--5 {
  392. margin-top: 10rpx!important
  393. }
  394. .wux-margin-right--5,
  395. .wux-mr--5 {
  396. margin-right: 10rpx!important
  397. }
  398. .wux-margin-bottom--5,
  399. .wux-mb--5 {
  400. margin-bottom: 10rpx!important
  401. }
  402. .wux-margin-left--5,
  403. .wux-ml--5 {
  404. margin-left: 10rpx!important
  405. }
  406. .wux-margin-vertical--5,
  407. .wux-mv--5 {
  408. margin: 10rpx 0!important
  409. }
  410. .wux-margin-horizontal--5,
  411. .wux-mh--5 {
  412. margin: 0 10rpx!important
  413. }
  414. .wux-p--5,
  415. .wux-padding--5 {
  416. padding: 10rpx!important
  417. }
  418. .wux-padding-top--5,
  419. .wux-pt--5 {
  420. padding-top: 10rpx!important
  421. }
  422. .wux-padding-right--5,
  423. .wux-pr--5 {
  424. padding-right: 10rpx!important
  425. }
  426. .wux-padding-bottom--5,
  427. .wux-pb--5 {
  428. padding-bottom: 10rpx!important
  429. }
  430. .wux-padding-left--5,
  431. .wux-pl--5 {
  432. padding-left: 10rpx!important
  433. }
  434. .wux-padding-vertical--5,
  435. .wux-pv--5 {
  436. padding: 10rpx 0!important
  437. }
  438. .wux-padding-horizontal--5,
  439. .wux-ph--5 {
  440. padding: 0 10rpx!important
  441. }
  442. .wux-m--0,
  443. .wux-margin--0 {
  444. margin: 0rpx!important
  445. }
  446. .wux-margin-top--0,
  447. .wux-mt--0 {
  448. margin-top: 0rpx!important
  449. }
  450. .wux-margin-right--0,
  451. .wux-mr--0 {
  452. margin-right: 0rpx!important
  453. }
  454. .wux-margin-bottom--0,
  455. .wux-mb--0 {
  456. margin-bottom: 0rpx!important
  457. }
  458. .wux-margin-left--0,
  459. .wux-ml--0 {
  460. margin-left: 0rpx!important
  461. }
  462. .wux-margin-vertical--0,
  463. .wux-mv--0 {
  464. margin: 0rpx 0!important
  465. }
  466. .wux-margin-horizontal--0,
  467. .wux-mh--0 {
  468. margin: 0 0rpx!important
  469. }
  470. .wux-p--0,
  471. .wux-padding--0 {
  472. padding: 0rpx!important
  473. }
  474. .wux-padding-top--0,
  475. .wux-pt--0 {
  476. padding-top: 0rpx!important
  477. }
  478. .wux-padding-right--0,
  479. .wux-pr--0 {
  480. padding-right: 0rpx!important
  481. }
  482. .wux-padding-bottom--0,
  483. .wux-pb--0 {
  484. padding-bottom: 0rpx!important
  485. }
  486. .wux-padding-left--0,
  487. .wux-pl--0 {
  488. padding-left: 0rpx!important
  489. }
  490. .wux-padding-vertical--0,
  491. .wux-pv--0 {
  492. padding: 0rpx 0!important
  493. }
  494. .wux-padding-horizontal--0,
  495. .wux-ph--0 {
  496. padding: 0 0rpx!important
  497. }
  498. .wux-clearfix::after,
  499. .wux-clearfix::before {
  500. display: table;
  501. content: " "
  502. }
  503. .wux-clearfix::after {
  504. clear: both
  505. }
  506. .wux-pull-right {
  507. float: right!important
  508. }
  509. .wux-pull-left {
  510. float: left!important
  511. }
  512. .wux-ellipsis {
  513. width: auto;
  514. overflow: hidden;
  515. text-overflow: ellipsis;
  516. white-space: nowrap;
  517. word-wrap: normal
  518. }
  519. .wux-ellipsis--l2 {
  520. overflow: hidden;
  521. text-overflow: ellipsis;
  522. display: -webkit-box;
  523. -webkit-line-clamp: 2;
  524. -webkit-box-orient: vertical
  525. }
  526. .wux-ellipsis--l3 {
  527. overflow: hidden;
  528. text-overflow: ellipsis;
  529. display: -webkit-box;
  530. -webkit-line-clamp: 3;
  531. -webkit-box-orient: vertical
  532. }
  533. .wux-hairline,
  534. .wux-hairline--bottom,
  535. .wux-hairline--horizontal,
  536. .wux-hairline--left,
  537. .wux-hairline--right,
  538. .wux-hairline--surrounded,
  539. .wux-hairline--top,
  540. .wux-hairline--vertical {
  541. position: relative
  542. }
  543. .wux-hairline--bottom::after,
  544. .wux-hairline--horizontal::after,
  545. .wux-hairline--left::after,
  546. .wux-hairline--right::after,
  547. .wux-hairline--surrounded::after,
  548. .wux-hairline--top::after,
  549. .wux-hairline--vertical::after,
  550. .wux-hairline::after {
  551. content: " ";
  552. position: absolute;
  553. top: 0;
  554. left: 0;
  555. width: 200%;
  556. height: 200%;
  557. transform: scale(.5);
  558. transform-origin: 0 0;
  559. pointer-events: none;
  560. box-sizing: border-box;
  561. border: 0 solid #d9d9d9
  562. }
  563. .wux-hairline--top::after {
  564. border-top-width: 1PX
  565. }
  566. .wux-hairline--right::after {
  567. border-right-width: 1PX
  568. }
  569. .wux-hairline--bottom::after {
  570. border-bottom-width: 1PX
  571. }
  572. .wux-hairline--left::after {
  573. border-left-width: 1PX
  574. }
  575. .wux-hairline--horizontal::after {
  576. border-width: 1PX 0
  577. }
  578. .wux-hairline--vertical::after {
  579. border-width: 0 1PX
  580. }
  581. .wux-hairline--surrounded::after {
  582. border-width: 1PX
  583. }