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.

2361 lines
40 KiB

2 months ago
  1. /* 水平间距 */
  2. /* 水平间距 */
  3. /*每个页面公共css */
  4. /* 水平间距 */
  5. @font-face {
  6. font-family: "customicons"; /* Project id 2878519 */
  7. src:url('data:font/ttf;base64,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') format('truetype');
  8. }
  9. .customicons {
  10. font-family: "customicons" !important;
  11. }
  12. .youxi:before {
  13. content: "\e60e";
  14. }
  15. .wenjian:before {
  16. content: "\e60f";
  17. }
  18. .zhuanfa:before {
  19. content: "\e610";
  20. }
  21. .uni-border {
  22. border: 1px #F0F0F0 solid;
  23. }
  24. .uni-primary {
  25. color: #2979ff;
  26. }
  27. .uni-primary-bg {
  28. background-color: #2979ff;
  29. }
  30. .uni-primary-disable {
  31. color: #94bcff;
  32. }
  33. .uni-primary-disable-bg {
  34. background-color: #94bcff;
  35. }
  36. .uni-primary-light {
  37. color: #d4e4ff;
  38. }
  39. .uni-primary-light-bg {
  40. background-color: #d4e4ff;
  41. }
  42. .uni-success {
  43. color: #18bc37;
  44. }
  45. .uni-success-bg {
  46. background-color: #18bc37;
  47. }
  48. .uni-success-disable {
  49. color: #8cde9b;
  50. }
  51. .uni-success-disable-bg {
  52. background-color: #8cde9b;
  53. }
  54. .uni-success-light {
  55. color: #d1f2d7;
  56. }
  57. .uni-success-light-bg {
  58. background-color: #d1f2d7;
  59. }
  60. .uni-warning {
  61. color: #f3a73f;
  62. }
  63. .uni-warning-bg {
  64. background-color: #f3a73f;
  65. }
  66. .uni-warning-disable {
  67. color: #f9d39f;
  68. }
  69. .uni-warning-disable-bg {
  70. background-color: #f9d39f;
  71. }
  72. .uni-warning-light {
  73. color: #fdedd9;
  74. }
  75. .uni-warning-light-bg {
  76. background-color: #fdedd9;
  77. }
  78. .uni-error {
  79. color: #e43d33;
  80. }
  81. .uni-error-bg {
  82. background-color: #e43d33;
  83. }
  84. .uni-error-disable {
  85. color: #f29e99;
  86. }
  87. .uni-error-disable-bg {
  88. background-color: #f29e99;
  89. }
  90. .uni-error-light {
  91. color: #fad8d6;
  92. }
  93. .uni-error-light-bg {
  94. background-color: #fad8d6;
  95. }
  96. .uni-info {
  97. color: #8f939c;
  98. }
  99. .uni-info-bg {
  100. background-color: #8f939c;
  101. }
  102. .uni-info-disable {
  103. color: #c7c9ce;
  104. }
  105. .uni-info-disable-bg {
  106. background-color: #c7c9ce;
  107. }
  108. .uni-info-light {
  109. color: #e9e9eb;
  110. }
  111. .uni-info-light-bg {
  112. background-color: #e9e9eb;
  113. }
  114. .uni-main-color {
  115. color: #3a3a3a;
  116. }
  117. .uni-main-color-bg {
  118. background-color: #3a3a3a;
  119. }
  120. .uni-base-color {
  121. color: #6a6a6a;
  122. }
  123. .uni-base-color-bg {
  124. background-color: #6a6a6a;
  125. }
  126. .uni-secondary-color {
  127. color: #909399;
  128. }
  129. .uni-secondary-color-bg {
  130. background-color: #909399;
  131. }
  132. .uni-extra-color {
  133. color: #c7c7c7;
  134. }
  135. .uni-extra-color-bg {
  136. background-color: #c7c7c7;
  137. }
  138. .uni-bg-color {
  139. color: #f7f7f7;
  140. }
  141. .uni-bg-color-bg {
  142. background-color: #f7f7f7;
  143. }
  144. .uni-border-1 {
  145. color: #F0F0F0;
  146. }
  147. .uni-border-1-bg {
  148. background-color: #F0F0F0;
  149. }
  150. .uni-border-2 {
  151. color: #EDEDED;
  152. }
  153. .uni-border-2-bg {
  154. background-color: #EDEDED;
  155. }
  156. .uni-border-3 {
  157. color: #DCDCDC;
  158. }
  159. .uni-border-3-bg {
  160. background-color: #DCDCDC;
  161. }
  162. .uni-border-4 {
  163. color: #B9B9B9;
  164. }
  165. .uni-border-4-bg {
  166. background-color: #B9B9B9;
  167. }
  168. .uni-black {
  169. color: #000000;
  170. }
  171. .uni-black-bg {
  172. background-color: #000000;
  173. }
  174. .uni-white {
  175. color: #ffffff;
  176. }
  177. .uni-white-bg {
  178. background-color: #ffffff;
  179. }
  180. .uni-transparent {
  181. color: rgba(0, 0, 0, 0);
  182. }
  183. .uni-transparent-bg {
  184. background-color: rgba(0, 0, 0, 0);
  185. }
  186. .uni-shadow-sm {
  187. box-shadow: 0 0 5px rgba(216, 216, 216, 0.5);
  188. }
  189. .uni-shadow-base {
  190. box-shadow: 0 1px 8px 1px rgba(165, 165, 165, 0.2);
  191. }
  192. .uni-shadow-lg {
  193. box-shadow: 0px 1px 10px 2px rgba(165, 164, 164, 0.5);
  194. }
  195. .uni-mask {
  196. background-color: rgba(0, 0, 0, 0.4);
  197. }
  198. .uni-mt-0 {
  199. margin-top: 0px;
  200. }
  201. .uni-mt-n0 {
  202. margin-top: 0px;
  203. }
  204. .uni-mr-0 {
  205. margin-right: 0px;
  206. }
  207. .uni-mr-n0 {
  208. margin-right: 0px;
  209. }
  210. .uni-mb-0 {
  211. margin-bottom: 0px;
  212. }
  213. .uni-mb-n0 {
  214. margin-bottom: 0px;
  215. }
  216. .uni-ml-0 {
  217. margin-left: 0px;
  218. }
  219. .uni-ml-n0 {
  220. margin-left: 0px;
  221. }
  222. .uni-mx-0 {
  223. margin-left: 0px;
  224. margin-right: 0px;
  225. }
  226. .uni-mx-n0 {
  227. margin-left: 0px;
  228. margin-right: 0px;
  229. }
  230. .uni-my-0 {
  231. margin-top: 0px;
  232. margin-bottom: 0px;
  233. }
  234. .uni-my-n0 {
  235. margin-top: 0px;
  236. margin-bottom: 0px;
  237. }
  238. .uni-ma-0 {
  239. margin: 0px;
  240. }
  241. .uni-ma-n0 {
  242. margin: 0px;
  243. }
  244. .uni-mt-1 {
  245. margin-top: 2px;
  246. }
  247. .uni-mt-n1 {
  248. margin-top: -2px;
  249. }
  250. .uni-mr-1 {
  251. margin-right: 2px;
  252. }
  253. .uni-mr-n1 {
  254. margin-right: -2px;
  255. }
  256. .uni-mb-1 {
  257. margin-bottom: 2px;
  258. }
  259. .uni-mb-n1 {
  260. margin-bottom: -2px;
  261. }
  262. .uni-ml-1 {
  263. margin-left: 2px;
  264. }
  265. .uni-ml-n1 {
  266. margin-left: -2px;
  267. }
  268. .uni-mx-1 {
  269. margin-left: 2px;
  270. margin-right: 2px;
  271. }
  272. .uni-mx-n1 {
  273. margin-left: -2px;
  274. margin-right: -2px;
  275. }
  276. .uni-my-1 {
  277. margin-top: 2px;
  278. margin-bottom: 2px;
  279. }
  280. .uni-my-n1 {
  281. margin-top: -2px;
  282. margin-bottom: -2px;
  283. }
  284. .uni-ma-1 {
  285. margin: 2px;
  286. }
  287. .uni-ma-n1 {
  288. margin: -2px;
  289. }
  290. .uni-mt-2 {
  291. margin-top: 4px;
  292. }
  293. .uni-mt-n2 {
  294. margin-top: -4px;
  295. }
  296. .uni-mr-2 {
  297. margin-right: 4px;
  298. }
  299. .uni-mr-n2 {
  300. margin-right: -4px;
  301. }
  302. .uni-mb-2 {
  303. margin-bottom: 4px;
  304. }
  305. .uni-mb-n2 {
  306. margin-bottom: -4px;
  307. }
  308. .uni-ml-2 {
  309. margin-left: 4px;
  310. }
  311. .uni-ml-n2 {
  312. margin-left: -4px;
  313. }
  314. .uni-mx-2 {
  315. margin-left: 4px;
  316. margin-right: 4px;
  317. }
  318. .uni-mx-n2 {
  319. margin-left: -4px;
  320. margin-right: -4px;
  321. }
  322. .uni-my-2 {
  323. margin-top: 4px;
  324. margin-bottom: 4px;
  325. }
  326. .uni-my-n2 {
  327. margin-top: -4px;
  328. margin-bottom: -4px;
  329. }
  330. .uni-ma-2 {
  331. margin: 4px;
  332. }
  333. .uni-ma-n2 {
  334. margin: -4px;
  335. }
  336. .uni-mt-3 {
  337. margin-top: 6px;
  338. }
  339. .uni-mt-n3 {
  340. margin-top: -6px;
  341. }
  342. .uni-mr-3 {
  343. margin-right: 6px;
  344. }
  345. .uni-mr-n3 {
  346. margin-right: -6px;
  347. }
  348. .uni-mb-3 {
  349. margin-bottom: 6px;
  350. }
  351. .uni-mb-n3 {
  352. margin-bottom: -6px;
  353. }
  354. .uni-ml-3 {
  355. margin-left: 6px;
  356. }
  357. .uni-ml-n3 {
  358. margin-left: -6px;
  359. }
  360. .uni-mx-3 {
  361. margin-left: 6px;
  362. margin-right: 6px;
  363. }
  364. .uni-mx-n3 {
  365. margin-left: -6px;
  366. margin-right: -6px;
  367. }
  368. .uni-my-3 {
  369. margin-top: 6px;
  370. margin-bottom: 6px;
  371. }
  372. .uni-my-n3 {
  373. margin-top: -6px;
  374. margin-bottom: -6px;
  375. }
  376. .uni-ma-3 {
  377. margin: 6px;
  378. }
  379. .uni-ma-n3 {
  380. margin: -6px;
  381. }
  382. .uni-mt-4 {
  383. margin-top: 8px;
  384. }
  385. .uni-mt-n4 {
  386. margin-top: -8px;
  387. }
  388. .uni-mr-4 {
  389. margin-right: 8px;
  390. }
  391. .uni-mr-n4 {
  392. margin-right: -8px;
  393. }
  394. .uni-mb-4 {
  395. margin-bottom: 8px;
  396. }
  397. .uni-mb-n4 {
  398. margin-bottom: -8px;
  399. }
  400. .uni-ml-4 {
  401. margin-left: 8px;
  402. }
  403. .uni-ml-n4 {
  404. margin-left: -8px;
  405. }
  406. .uni-mx-4 {
  407. margin-left: 8px;
  408. margin-right: 8px;
  409. }
  410. .uni-mx-n4 {
  411. margin-left: -8px;
  412. margin-right: -8px;
  413. }
  414. .uni-my-4 {
  415. margin-top: 8px;
  416. margin-bottom: 8px;
  417. }
  418. .uni-my-n4 {
  419. margin-top: -8px;
  420. margin-bottom: -8px;
  421. }
  422. .uni-ma-4 {
  423. margin: 8px;
  424. }
  425. .uni-ma-n4 {
  426. margin: -8px;
  427. }
  428. .uni-mt-5 {
  429. margin-top: 10px;
  430. }
  431. .uni-mt-n5 {
  432. margin-top: -10px;
  433. }
  434. .uni-mr-5 {
  435. margin-right: 10px;
  436. }
  437. .uni-mr-n5 {
  438. margin-right: -10px;
  439. }
  440. .uni-mb-5 {
  441. margin-bottom: 10px;
  442. }
  443. .uni-mb-n5 {
  444. margin-bottom: -10px;
  445. }
  446. .uni-ml-5 {
  447. margin-left: 10px;
  448. }
  449. .uni-ml-n5 {
  450. margin-left: -10px;
  451. }
  452. .uni-mx-5 {
  453. margin-left: 10px;
  454. margin-right: 10px;
  455. }
  456. .uni-mx-n5 {
  457. margin-left: -10px;
  458. margin-right: -10px;
  459. }
  460. .uni-my-5 {
  461. margin-top: 10px;
  462. margin-bottom: 10px;
  463. }
  464. .uni-my-n5 {
  465. margin-top: -10px;
  466. margin-bottom: -10px;
  467. }
  468. .uni-ma-5 {
  469. margin: 10px;
  470. }
  471. .uni-ma-n5 {
  472. margin: -10px;
  473. }
  474. .uni-mt-6 {
  475. margin-top: 12px;
  476. }
  477. .uni-mt-n6 {
  478. margin-top: -12px;
  479. }
  480. .uni-mr-6 {
  481. margin-right: 12px;
  482. }
  483. .uni-mr-n6 {
  484. margin-right: -12px;
  485. }
  486. .uni-mb-6 {
  487. margin-bottom: 12px;
  488. }
  489. .uni-mb-n6 {
  490. margin-bottom: -12px;
  491. }
  492. .uni-ml-6 {
  493. margin-left: 12px;
  494. }
  495. .uni-ml-n6 {
  496. margin-left: -12px;
  497. }
  498. .uni-mx-6 {
  499. margin-left: 12px;
  500. margin-right: 12px;
  501. }
  502. .uni-mx-n6 {
  503. margin-left: -12px;
  504. margin-right: -12px;
  505. }
  506. .uni-my-6 {
  507. margin-top: 12px;
  508. margin-bottom: 12px;
  509. }
  510. .uni-my-n6 {
  511. margin-top: -12px;
  512. margin-bottom: -12px;
  513. }
  514. .uni-ma-6 {
  515. margin: 12px;
  516. }
  517. .uni-ma-n6 {
  518. margin: -12px;
  519. }
  520. .uni-mt-7 {
  521. margin-top: 14px;
  522. }
  523. .uni-mt-n7 {
  524. margin-top: -14px;
  525. }
  526. .uni-mr-7 {
  527. margin-right: 14px;
  528. }
  529. .uni-mr-n7 {
  530. margin-right: -14px;
  531. }
  532. .uni-mb-7 {
  533. margin-bottom: 14px;
  534. }
  535. .uni-mb-n7 {
  536. margin-bottom: -14px;
  537. }
  538. .uni-ml-7 {
  539. margin-left: 14px;
  540. }
  541. .uni-ml-n7 {
  542. margin-left: -14px;
  543. }
  544. .uni-mx-7 {
  545. margin-left: 14px;
  546. margin-right: 14px;
  547. }
  548. .uni-mx-n7 {
  549. margin-left: -14px;
  550. margin-right: -14px;
  551. }
  552. .uni-my-7 {
  553. margin-top: 14px;
  554. margin-bottom: 14px;
  555. }
  556. .uni-my-n7 {
  557. margin-top: -14px;
  558. margin-bottom: -14px;
  559. }
  560. .uni-ma-7 {
  561. margin: 14px;
  562. }
  563. .uni-ma-n7 {
  564. margin: -14px;
  565. }
  566. .uni-mt-8 {
  567. margin-top: 16px;
  568. }
  569. .uni-mt-n8 {
  570. margin-top: -16px;
  571. }
  572. .uni-mr-8 {
  573. margin-right: 16px;
  574. }
  575. .uni-mr-n8 {
  576. margin-right: -16px;
  577. }
  578. .uni-mb-8 {
  579. margin-bottom: 16px;
  580. }
  581. .uni-mb-n8 {
  582. margin-bottom: -16px;
  583. }
  584. .uni-ml-8 {
  585. margin-left: 16px;
  586. }
  587. .uni-ml-n8 {
  588. margin-left: -16px;
  589. }
  590. .uni-mx-8 {
  591. margin-left: 16px;
  592. margin-right: 16px;
  593. }
  594. .uni-mx-n8 {
  595. margin-left: -16px;
  596. margin-right: -16px;
  597. }
  598. .uni-my-8 {
  599. margin-top: 16px;
  600. margin-bottom: 16px;
  601. }
  602. .uni-my-n8 {
  603. margin-top: -16px;
  604. margin-bottom: -16px;
  605. }
  606. .uni-ma-8 {
  607. margin: 16px;
  608. }
  609. .uni-ma-n8 {
  610. margin: -16px;
  611. }
  612. .uni-mt-9 {
  613. margin-top: 18px;
  614. }
  615. .uni-mt-n9 {
  616. margin-top: -18px;
  617. }
  618. .uni-mr-9 {
  619. margin-right: 18px;
  620. }
  621. .uni-mr-n9 {
  622. margin-right: -18px;
  623. }
  624. .uni-mb-9 {
  625. margin-bottom: 18px;
  626. }
  627. .uni-mb-n9 {
  628. margin-bottom: -18px;
  629. }
  630. .uni-ml-9 {
  631. margin-left: 18px;
  632. }
  633. .uni-ml-n9 {
  634. margin-left: -18px;
  635. }
  636. .uni-mx-9 {
  637. margin-left: 18px;
  638. margin-right: 18px;
  639. }
  640. .uni-mx-n9 {
  641. margin-left: -18px;
  642. margin-right: -18px;
  643. }
  644. .uni-my-9 {
  645. margin-top: 18px;
  646. margin-bottom: 18px;
  647. }
  648. .uni-my-n9 {
  649. margin-top: -18px;
  650. margin-bottom: -18px;
  651. }
  652. .uni-ma-9 {
  653. margin: 18px;
  654. }
  655. .uni-ma-n9 {
  656. margin: -18px;
  657. }
  658. .uni-mt-10 {
  659. margin-top: 20px;
  660. }
  661. .uni-mt-n10 {
  662. margin-top: -20px;
  663. }
  664. .uni-mr-10 {
  665. margin-right: 20px;
  666. }
  667. .uni-mr-n10 {
  668. margin-right: -20px;
  669. }
  670. .uni-mb-10 {
  671. margin-bottom: 20px;
  672. }
  673. .uni-mb-n10 {
  674. margin-bottom: -20px;
  675. }
  676. .uni-ml-10 {
  677. margin-left: 20px;
  678. }
  679. .uni-ml-n10 {
  680. margin-left: -20px;
  681. }
  682. .uni-mx-10 {
  683. margin-left: 20px;
  684. margin-right: 20px;
  685. }
  686. .uni-mx-n10 {
  687. margin-left: -20px;
  688. margin-right: -20px;
  689. }
  690. .uni-my-10 {
  691. margin-top: 20px;
  692. margin-bottom: 20px;
  693. }
  694. .uni-my-n10 {
  695. margin-top: -20px;
  696. margin-bottom: -20px;
  697. }
  698. .uni-ma-10 {
  699. margin: 20px;
  700. }
  701. .uni-ma-n10 {
  702. margin: -20px;
  703. }
  704. .uni-mt-11 {
  705. margin-top: 22px;
  706. }
  707. .uni-mt-n11 {
  708. margin-top: -22px;
  709. }
  710. .uni-mr-11 {
  711. margin-right: 22px;
  712. }
  713. .uni-mr-n11 {
  714. margin-right: -22px;
  715. }
  716. .uni-mb-11 {
  717. margin-bottom: 22px;
  718. }
  719. .uni-mb-n11 {
  720. margin-bottom: -22px;
  721. }
  722. .uni-ml-11 {
  723. margin-left: 22px;
  724. }
  725. .uni-ml-n11 {
  726. margin-left: -22px;
  727. }
  728. .uni-mx-11 {
  729. margin-left: 22px;
  730. margin-right: 22px;
  731. }
  732. .uni-mx-n11 {
  733. margin-left: -22px;
  734. margin-right: -22px;
  735. }
  736. .uni-my-11 {
  737. margin-top: 22px;
  738. margin-bottom: 22px;
  739. }
  740. .uni-my-n11 {
  741. margin-top: -22px;
  742. margin-bottom: -22px;
  743. }
  744. .uni-ma-11 {
  745. margin: 22px;
  746. }
  747. .uni-ma-n11 {
  748. margin: -22px;
  749. }
  750. .uni-mt-12 {
  751. margin-top: 24px;
  752. }
  753. .uni-mt-n12 {
  754. margin-top: -24px;
  755. }
  756. .uni-mr-12 {
  757. margin-right: 24px;
  758. }
  759. .uni-mr-n12 {
  760. margin-right: -24px;
  761. }
  762. .uni-mb-12 {
  763. margin-bottom: 24px;
  764. }
  765. .uni-mb-n12 {
  766. margin-bottom: -24px;
  767. }
  768. .uni-ml-12 {
  769. margin-left: 24px;
  770. }
  771. .uni-ml-n12 {
  772. margin-left: -24px;
  773. }
  774. .uni-mx-12 {
  775. margin-left: 24px;
  776. margin-right: 24px;
  777. }
  778. .uni-mx-n12 {
  779. margin-left: -24px;
  780. margin-right: -24px;
  781. }
  782. .uni-my-12 {
  783. margin-top: 24px;
  784. margin-bottom: 24px;
  785. }
  786. .uni-my-n12 {
  787. margin-top: -24px;
  788. margin-bottom: -24px;
  789. }
  790. .uni-ma-12 {
  791. margin: 24px;
  792. }
  793. .uni-ma-n12 {
  794. margin: -24px;
  795. }
  796. .uni-mt-13 {
  797. margin-top: 26px;
  798. }
  799. .uni-mt-n13 {
  800. margin-top: -26px;
  801. }
  802. .uni-mr-13 {
  803. margin-right: 26px;
  804. }
  805. .uni-mr-n13 {
  806. margin-right: -26px;
  807. }
  808. .uni-mb-13 {
  809. margin-bottom: 26px;
  810. }
  811. .uni-mb-n13 {
  812. margin-bottom: -26px;
  813. }
  814. .uni-ml-13 {
  815. margin-left: 26px;
  816. }
  817. .uni-ml-n13 {
  818. margin-left: -26px;
  819. }
  820. .uni-mx-13 {
  821. margin-left: 26px;
  822. margin-right: 26px;
  823. }
  824. .uni-mx-n13 {
  825. margin-left: -26px;
  826. margin-right: -26px;
  827. }
  828. .uni-my-13 {
  829. margin-top: 26px;
  830. margin-bottom: 26px;
  831. }
  832. .uni-my-n13 {
  833. margin-top: -26px;
  834. margin-bottom: -26px;
  835. }
  836. .uni-ma-13 {
  837. margin: 26px;
  838. }
  839. .uni-ma-n13 {
  840. margin: -26px;
  841. }
  842. .uni-mt-14 {
  843. margin-top: 28px;
  844. }
  845. .uni-mt-n14 {
  846. margin-top: -28px;
  847. }
  848. .uni-mr-14 {
  849. margin-right: 28px;
  850. }
  851. .uni-mr-n14 {
  852. margin-right: -28px;
  853. }
  854. .uni-mb-14 {
  855. margin-bottom: 28px;
  856. }
  857. .uni-mb-n14 {
  858. margin-bottom: -28px;
  859. }
  860. .uni-ml-14 {
  861. margin-left: 28px;
  862. }
  863. .uni-ml-n14 {
  864. margin-left: -28px;
  865. }
  866. .uni-mx-14 {
  867. margin-left: 28px;
  868. margin-right: 28px;
  869. }
  870. .uni-mx-n14 {
  871. margin-left: -28px;
  872. margin-right: -28px;
  873. }
  874. .uni-my-14 {
  875. margin-top: 28px;
  876. margin-bottom: 28px;
  877. }
  878. .uni-my-n14 {
  879. margin-top: -28px;
  880. margin-bottom: -28px;
  881. }
  882. .uni-ma-14 {
  883. margin: 28px;
  884. }
  885. .uni-ma-n14 {
  886. margin: -28px;
  887. }
  888. .uni-mt-15 {
  889. margin-top: 30px;
  890. }
  891. .uni-mt-n15 {
  892. margin-top: -30px;
  893. }
  894. .uni-mr-15 {
  895. margin-right: 30px;
  896. }
  897. .uni-mr-n15 {
  898. margin-right: -30px;
  899. }
  900. .uni-mb-15 {
  901. margin-bottom: 30px;
  902. }
  903. .uni-mb-n15 {
  904. margin-bottom: -30px;
  905. }
  906. .uni-ml-15 {
  907. margin-left: 30px;
  908. }
  909. .uni-ml-n15 {
  910. margin-left: -30px;
  911. }
  912. .uni-mx-15 {
  913. margin-left: 30px;
  914. margin-right: 30px;
  915. }
  916. .uni-mx-n15 {
  917. margin-left: -30px;
  918. margin-right: -30px;
  919. }
  920. .uni-my-15 {
  921. margin-top: 30px;
  922. margin-bottom: 30px;
  923. }
  924. .uni-my-n15 {
  925. margin-top: -30px;
  926. margin-bottom: -30px;
  927. }
  928. .uni-ma-15 {
  929. margin: 30px;
  930. }
  931. .uni-ma-n15 {
  932. margin: -30px;
  933. }
  934. .uni-mt-16 {
  935. margin-top: 32px;
  936. }
  937. .uni-mt-n16 {
  938. margin-top: -32px;
  939. }
  940. .uni-mr-16 {
  941. margin-right: 32px;
  942. }
  943. .uni-mr-n16 {
  944. margin-right: -32px;
  945. }
  946. .uni-mb-16 {
  947. margin-bottom: 32px;
  948. }
  949. .uni-mb-n16 {
  950. margin-bottom: -32px;
  951. }
  952. .uni-ml-16 {
  953. margin-left: 32px;
  954. }
  955. .uni-ml-n16 {
  956. margin-left: -32px;
  957. }
  958. .uni-mx-16 {
  959. margin-left: 32px;
  960. margin-right: 32px;
  961. }
  962. .uni-mx-n16 {
  963. margin-left: -32px;
  964. margin-right: -32px;
  965. }
  966. .uni-my-16 {
  967. margin-top: 32px;
  968. margin-bottom: 32px;
  969. }
  970. .uni-my-n16 {
  971. margin-top: -32px;
  972. margin-bottom: -32px;
  973. }
  974. .uni-ma-16 {
  975. margin: 32px;
  976. }
  977. .uni-ma-n16 {
  978. margin: -32px;
  979. }
  980. .uni-pt-0 {
  981. padding-top: 0px;
  982. }
  983. .uni-pt-n0 {
  984. padding-top: 0px;
  985. }
  986. .uni-pr-0 {
  987. padding-right: 0px;
  988. }
  989. .uni-pr-n0 {
  990. padding-right: 0px;
  991. }
  992. .uni-pb-0 {
  993. padding-bottom: 0px;
  994. }
  995. .uni-pb-n0 {
  996. padding-bottom: 0px;
  997. }
  998. .uni-pl-0 {
  999. padding-left: 0px;
  1000. }
  1001. .uni-pl-n0 {
  1002. padding-left: 0px;
  1003. }
  1004. .uni-px-0 {
  1005. padding-left: 0px;
  1006. padding-right: 0px;
  1007. }
  1008. .uni-px-n0 {
  1009. padding-left: 0px;
  1010. padding-right: 0px;
  1011. }
  1012. .uni-py-0 {
  1013. padding-top: 0px;
  1014. padding-bottom: 0px;
  1015. }
  1016. .uni-py-n0 {
  1017. padding-top: 0px;
  1018. padding-bottom: 0px;
  1019. }
  1020. .uni-pa-0 {
  1021. padding: 0px;
  1022. }
  1023. .uni-pa-n0 {
  1024. padding: 0px;
  1025. }
  1026. .uni-pt-1 {
  1027. padding-top: 2px;
  1028. }
  1029. .uni-pt-n1 {
  1030. padding-top: -2px;
  1031. }
  1032. .uni-pr-1 {
  1033. padding-right: 2px;
  1034. }
  1035. .uni-pr-n1 {
  1036. padding-right: -2px;
  1037. }
  1038. .uni-pb-1 {
  1039. padding-bottom: 2px;
  1040. }
  1041. .uni-pb-n1 {
  1042. padding-bottom: -2px;
  1043. }
  1044. .uni-pl-1 {
  1045. padding-left: 2px;
  1046. }
  1047. .uni-pl-n1 {
  1048. padding-left: -2px;
  1049. }
  1050. .uni-px-1 {
  1051. padding-left: 2px;
  1052. padding-right: 2px;
  1053. }
  1054. .uni-px-n1 {
  1055. padding-left: -2px;
  1056. padding-right: -2px;
  1057. }
  1058. .uni-py-1 {
  1059. padding-top: 2px;
  1060. padding-bottom: 2px;
  1061. }
  1062. .uni-py-n1 {
  1063. padding-top: -2px;
  1064. padding-bottom: -2px;
  1065. }
  1066. .uni-pa-1 {
  1067. padding: 2px;
  1068. }
  1069. .uni-pa-n1 {
  1070. padding: -2px;
  1071. }
  1072. .uni-pt-2 {
  1073. padding-top: 4px;
  1074. }
  1075. .uni-pt-n2 {
  1076. padding-top: -4px;
  1077. }
  1078. .uni-pr-2 {
  1079. padding-right: 4px;
  1080. }
  1081. .uni-pr-n2 {
  1082. padding-right: -4px;
  1083. }
  1084. .uni-pb-2 {
  1085. padding-bottom: 4px;
  1086. }
  1087. .uni-pb-n2 {
  1088. padding-bottom: -4px;
  1089. }
  1090. .uni-pl-2 {
  1091. padding-left: 4px;
  1092. }
  1093. .uni-pl-n2 {
  1094. padding-left: -4px;
  1095. }
  1096. .uni-px-2 {
  1097. padding-left: 4px;
  1098. padding-right: 4px;
  1099. }
  1100. .uni-px-n2 {
  1101. padding-left: -4px;
  1102. padding-right: -4px;
  1103. }
  1104. .uni-py-2 {
  1105. padding-top: 4px;
  1106. padding-bottom: 4px;
  1107. }
  1108. .uni-py-n2 {
  1109. padding-top: -4px;
  1110. padding-bottom: -4px;
  1111. }
  1112. .uni-pa-2 {
  1113. padding: 4px;
  1114. }
  1115. .uni-pa-n2 {
  1116. padding: -4px;
  1117. }
  1118. .uni-pt-3 {
  1119. padding-top: 6px;
  1120. }
  1121. .uni-pt-n3 {
  1122. padding-top: -6px;
  1123. }
  1124. .uni-pr-3 {
  1125. padding-right: 6px;
  1126. }
  1127. .uni-pr-n3 {
  1128. padding-right: -6px;
  1129. }
  1130. .uni-pb-3 {
  1131. padding-bottom: 6px;
  1132. }
  1133. .uni-pb-n3 {
  1134. padding-bottom: -6px;
  1135. }
  1136. .uni-pl-3 {
  1137. padding-left: 6px;
  1138. }
  1139. .uni-pl-n3 {
  1140. padding-left: -6px;
  1141. }
  1142. .uni-px-3 {
  1143. padding-left: 6px;
  1144. padding-right: 6px;
  1145. }
  1146. .uni-px-n3 {
  1147. padding-left: -6px;
  1148. padding-right: -6px;
  1149. }
  1150. .uni-py-3 {
  1151. padding-top: 6px;
  1152. padding-bottom: 6px;
  1153. }
  1154. .uni-py-n3 {
  1155. padding-top: -6px;
  1156. padding-bottom: -6px;
  1157. }
  1158. .uni-pa-3 {
  1159. padding: 6px;
  1160. }
  1161. .uni-pa-n3 {
  1162. padding: -6px;
  1163. }
  1164. .uni-pt-4 {
  1165. padding-top: 8px;
  1166. }
  1167. .uni-pt-n4 {
  1168. padding-top: -8px;
  1169. }
  1170. .uni-pr-4 {
  1171. padding-right: 8px;
  1172. }
  1173. .uni-pr-n4 {
  1174. padding-right: -8px;
  1175. }
  1176. .uni-pb-4 {
  1177. padding-bottom: 8px;
  1178. }
  1179. .uni-pb-n4 {
  1180. padding-bottom: -8px;
  1181. }
  1182. .uni-pl-4 {
  1183. padding-left: 8px;
  1184. }
  1185. .uni-pl-n4 {
  1186. padding-left: -8px;
  1187. }
  1188. .uni-px-4 {
  1189. padding-left: 8px;
  1190. padding-right: 8px;
  1191. }
  1192. .uni-px-n4 {
  1193. padding-left: -8px;
  1194. padding-right: -8px;
  1195. }
  1196. .uni-py-4 {
  1197. padding-top: 8px;
  1198. padding-bottom: 8px;
  1199. }
  1200. .uni-py-n4 {
  1201. padding-top: -8px;
  1202. padding-bottom: -8px;
  1203. }
  1204. .uni-pa-4 {
  1205. padding: 8px;
  1206. }
  1207. .uni-pa-n4 {
  1208. padding: -8px;
  1209. }
  1210. .uni-pt-5 {
  1211. padding-top: 10px;
  1212. }
  1213. .uni-pt-n5 {
  1214. padding-top: -10px;
  1215. }
  1216. .uni-pr-5 {
  1217. padding-right: 10px;
  1218. }
  1219. .uni-pr-n5 {
  1220. padding-right: -10px;
  1221. }
  1222. .uni-pb-5 {
  1223. padding-bottom: 10px;
  1224. }
  1225. .uni-pb-n5 {
  1226. padding-bottom: -10px;
  1227. }
  1228. .uni-pl-5 {
  1229. padding-left: 10px;
  1230. }
  1231. .uni-pl-n5 {
  1232. padding-left: -10px;
  1233. }
  1234. .uni-px-5 {
  1235. padding-left: 10px;
  1236. padding-right: 10px;
  1237. }
  1238. .uni-px-n5 {
  1239. padding-left: -10px;
  1240. padding-right: -10px;
  1241. }
  1242. .uni-py-5 {
  1243. padding-top: 10px;
  1244. padding-bottom: 10px;
  1245. }
  1246. .uni-py-n5 {
  1247. padding-top: -10px;
  1248. padding-bottom: -10px;
  1249. }
  1250. .uni-pa-5 {
  1251. padding: 10px;
  1252. }
  1253. .uni-pa-n5 {
  1254. padding: -10px;
  1255. }
  1256. .uni-pt-6 {
  1257. padding-top: 12px;
  1258. }
  1259. .uni-pt-n6 {
  1260. padding-top: -12px;
  1261. }
  1262. .uni-pr-6 {
  1263. padding-right: 12px;
  1264. }
  1265. .uni-pr-n6 {
  1266. padding-right: -12px;
  1267. }
  1268. .uni-pb-6 {
  1269. padding-bottom: 12px;
  1270. }
  1271. .uni-pb-n6 {
  1272. padding-bottom: -12px;
  1273. }
  1274. .uni-pl-6 {
  1275. padding-left: 12px;
  1276. }
  1277. .uni-pl-n6 {
  1278. padding-left: -12px;
  1279. }
  1280. .uni-px-6 {
  1281. padding-left: 12px;
  1282. padding-right: 12px;
  1283. }
  1284. .uni-px-n6 {
  1285. padding-left: -12px;
  1286. padding-right: -12px;
  1287. }
  1288. .uni-py-6 {
  1289. padding-top: 12px;
  1290. padding-bottom: 12px;
  1291. }
  1292. .uni-py-n6 {
  1293. padding-top: -12px;
  1294. padding-bottom: -12px;
  1295. }
  1296. .uni-pa-6 {
  1297. padding: 12px;
  1298. }
  1299. .uni-pa-n6 {
  1300. padding: -12px;
  1301. }
  1302. .uni-pt-7 {
  1303. padding-top: 14px;
  1304. }
  1305. .uni-pt-n7 {
  1306. padding-top: -14px;
  1307. }
  1308. .uni-pr-7 {
  1309. padding-right: 14px;
  1310. }
  1311. .uni-pr-n7 {
  1312. padding-right: -14px;
  1313. }
  1314. .uni-pb-7 {
  1315. padding-bottom: 14px;
  1316. }
  1317. .uni-pb-n7 {
  1318. padding-bottom: -14px;
  1319. }
  1320. .uni-pl-7 {
  1321. padding-left: 14px;
  1322. }
  1323. .uni-pl-n7 {
  1324. padding-left: -14px;
  1325. }
  1326. .uni-px-7 {
  1327. padding-left: 14px;
  1328. padding-right: 14px;
  1329. }
  1330. .uni-px-n7 {
  1331. padding-left: -14px;
  1332. padding-right: -14px;
  1333. }
  1334. .uni-py-7 {
  1335. padding-top: 14px;
  1336. padding-bottom: 14px;
  1337. }
  1338. .uni-py-n7 {
  1339. padding-top: -14px;
  1340. padding-bottom: -14px;
  1341. }
  1342. .uni-pa-7 {
  1343. padding: 14px;
  1344. }
  1345. .uni-pa-n7 {
  1346. padding: -14px;
  1347. }
  1348. .uni-pt-8 {
  1349. padding-top: 16px;
  1350. }
  1351. .uni-pt-n8 {
  1352. padding-top: -16px;
  1353. }
  1354. .uni-pr-8 {
  1355. padding-right: 16px;
  1356. }
  1357. .uni-pr-n8 {
  1358. padding-right: -16px;
  1359. }
  1360. .uni-pb-8 {
  1361. padding-bottom: 16px;
  1362. }
  1363. .uni-pb-n8 {
  1364. padding-bottom: -16px;
  1365. }
  1366. .uni-pl-8 {
  1367. padding-left: 16px;
  1368. }
  1369. .uni-pl-n8 {
  1370. padding-left: -16px;
  1371. }
  1372. .uni-px-8 {
  1373. padding-left: 16px;
  1374. padding-right: 16px;
  1375. }
  1376. .uni-px-n8 {
  1377. padding-left: -16px;
  1378. padding-right: -16px;
  1379. }
  1380. .uni-py-8 {
  1381. padding-top: 16px;
  1382. padding-bottom: 16px;
  1383. }
  1384. .uni-py-n8 {
  1385. padding-top: -16px;
  1386. padding-bottom: -16px;
  1387. }
  1388. .uni-pa-8 {
  1389. padding: 16px;
  1390. }
  1391. .uni-pa-n8 {
  1392. padding: -16px;
  1393. }
  1394. .uni-pt-9 {
  1395. padding-top: 18px;
  1396. }
  1397. .uni-pt-n9 {
  1398. padding-top: -18px;
  1399. }
  1400. .uni-pr-9 {
  1401. padding-right: 18px;
  1402. }
  1403. .uni-pr-n9 {
  1404. padding-right: -18px;
  1405. }
  1406. .uni-pb-9 {
  1407. padding-bottom: 18px;
  1408. }
  1409. .uni-pb-n9 {
  1410. padding-bottom: -18px;
  1411. }
  1412. .uni-pl-9 {
  1413. padding-left: 18px;
  1414. }
  1415. .uni-pl-n9 {
  1416. padding-left: -18px;
  1417. }
  1418. .uni-px-9 {
  1419. padding-left: 18px;
  1420. padding-right: 18px;
  1421. }
  1422. .uni-px-n9 {
  1423. padding-left: -18px;
  1424. padding-right: -18px;
  1425. }
  1426. .uni-py-9 {
  1427. padding-top: 18px;
  1428. padding-bottom: 18px;
  1429. }
  1430. .uni-py-n9 {
  1431. padding-top: -18px;
  1432. padding-bottom: -18px;
  1433. }
  1434. .uni-pa-9 {
  1435. padding: 18px;
  1436. }
  1437. .uni-pa-n9 {
  1438. padding: -18px;
  1439. }
  1440. .uni-pt-10 {
  1441. padding-top: 20px;
  1442. }
  1443. .uni-pt-n10 {
  1444. padding-top: -20px;
  1445. }
  1446. .uni-pr-10 {
  1447. padding-right: 20px;
  1448. }
  1449. .uni-pr-n10 {
  1450. padding-right: -20px;
  1451. }
  1452. .uni-pb-10 {
  1453. padding-bottom: 20px;
  1454. }
  1455. .uni-pb-n10 {
  1456. padding-bottom: -20px;
  1457. }
  1458. .uni-pl-10 {
  1459. padding-left: 20px;
  1460. }
  1461. .uni-pl-n10 {
  1462. padding-left: -20px;
  1463. }
  1464. .uni-px-10 {
  1465. padding-left: 20px;
  1466. padding-right: 20px;
  1467. }
  1468. .uni-px-n10 {
  1469. padding-left: -20px;
  1470. padding-right: -20px;
  1471. }
  1472. .uni-py-10 {
  1473. padding-top: 20px;
  1474. padding-bottom: 20px;
  1475. }
  1476. .uni-py-n10 {
  1477. padding-top: -20px;
  1478. padding-bottom: -20px;
  1479. }
  1480. .uni-pa-10 {
  1481. padding: 20px;
  1482. }
  1483. .uni-pa-n10 {
  1484. padding: -20px;
  1485. }
  1486. .uni-pt-11 {
  1487. padding-top: 22px;
  1488. }
  1489. .uni-pt-n11 {
  1490. padding-top: -22px;
  1491. }
  1492. .uni-pr-11 {
  1493. padding-right: 22px;
  1494. }
  1495. .uni-pr-n11 {
  1496. padding-right: -22px;
  1497. }
  1498. .uni-pb-11 {
  1499. padding-bottom: 22px;
  1500. }
  1501. .uni-pb-n11 {
  1502. padding-bottom: -22px;
  1503. }
  1504. .uni-pl-11 {
  1505. padding-left: 22px;
  1506. }
  1507. .uni-pl-n11 {
  1508. padding-left: -22px;
  1509. }
  1510. .uni-px-11 {
  1511. padding-left: 22px;
  1512. padding-right: 22px;
  1513. }
  1514. .uni-px-n11 {
  1515. padding-left: -22px;
  1516. padding-right: -22px;
  1517. }
  1518. .uni-py-11 {
  1519. padding-top: 22px;
  1520. padding-bottom: 22px;
  1521. }
  1522. .uni-py-n11 {
  1523. padding-top: -22px;
  1524. padding-bottom: -22px;
  1525. }
  1526. .uni-pa-11 {
  1527. padding: 22px;
  1528. }
  1529. .uni-pa-n11 {
  1530. padding: -22px;
  1531. }
  1532. .uni-pt-12 {
  1533. padding-top: 24px;
  1534. }
  1535. .uni-pt-n12 {
  1536. padding-top: -24px;
  1537. }
  1538. .uni-pr-12 {
  1539. padding-right: 24px;
  1540. }
  1541. .uni-pr-n12 {
  1542. padding-right: -24px;
  1543. }
  1544. .uni-pb-12 {
  1545. padding-bottom: 24px;
  1546. }
  1547. .uni-pb-n12 {
  1548. padding-bottom: -24px;
  1549. }
  1550. .uni-pl-12 {
  1551. padding-left: 24px;
  1552. }
  1553. .uni-pl-n12 {
  1554. padding-left: -24px;
  1555. }
  1556. .uni-px-12 {
  1557. padding-left: 24px;
  1558. padding-right: 24px;
  1559. }
  1560. .uni-px-n12 {
  1561. padding-left: -24px;
  1562. padding-right: -24px;
  1563. }
  1564. .uni-py-12 {
  1565. padding-top: 24px;
  1566. padding-bottom: 24px;
  1567. }
  1568. .uni-py-n12 {
  1569. padding-top: -24px;
  1570. padding-bottom: -24px;
  1571. }
  1572. .uni-pa-12 {
  1573. padding: 24px;
  1574. }
  1575. .uni-pa-n12 {
  1576. padding: -24px;
  1577. }
  1578. .uni-pt-13 {
  1579. padding-top: 26px;
  1580. }
  1581. .uni-pt-n13 {
  1582. padding-top: -26px;
  1583. }
  1584. .uni-pr-13 {
  1585. padding-right: 26px;
  1586. }
  1587. .uni-pr-n13 {
  1588. padding-right: -26px;
  1589. }
  1590. .uni-pb-13 {
  1591. padding-bottom: 26px;
  1592. }
  1593. .uni-pb-n13 {
  1594. padding-bottom: -26px;
  1595. }
  1596. .uni-pl-13 {
  1597. padding-left: 26px;
  1598. }
  1599. .uni-pl-n13 {
  1600. padding-left: -26px;
  1601. }
  1602. .uni-px-13 {
  1603. padding-left: 26px;
  1604. padding-right: 26px;
  1605. }
  1606. .uni-px-n13 {
  1607. padding-left: -26px;
  1608. padding-right: -26px;
  1609. }
  1610. .uni-py-13 {
  1611. padding-top: 26px;
  1612. padding-bottom: 26px;
  1613. }
  1614. .uni-py-n13 {
  1615. padding-top: -26px;
  1616. padding-bottom: -26px;
  1617. }
  1618. .uni-pa-13 {
  1619. padding: 26px;
  1620. }
  1621. .uni-pa-n13 {
  1622. padding: -26px;
  1623. }
  1624. .uni-pt-14 {
  1625. padding-top: 28px;
  1626. }
  1627. .uni-pt-n14 {
  1628. padding-top: -28px;
  1629. }
  1630. .uni-pr-14 {
  1631. padding-right: 28px;
  1632. }
  1633. .uni-pr-n14 {
  1634. padding-right: -28px;
  1635. }
  1636. .uni-pb-14 {
  1637. padding-bottom: 28px;
  1638. }
  1639. .uni-pb-n14 {
  1640. padding-bottom: -28px;
  1641. }
  1642. .uni-pl-14 {
  1643. padding-left: 28px;
  1644. }
  1645. .uni-pl-n14 {
  1646. padding-left: -28px;
  1647. }
  1648. .uni-px-14 {
  1649. padding-left: 28px;
  1650. padding-right: 28px;
  1651. }
  1652. .uni-px-n14 {
  1653. padding-left: -28px;
  1654. padding-right: -28px;
  1655. }
  1656. .uni-py-14 {
  1657. padding-top: 28px;
  1658. padding-bottom: 28px;
  1659. }
  1660. .uni-py-n14 {
  1661. padding-top: -28px;
  1662. padding-bottom: -28px;
  1663. }
  1664. .uni-pa-14 {
  1665. padding: 28px;
  1666. }
  1667. .uni-pa-n14 {
  1668. padding: -28px;
  1669. }
  1670. .uni-pt-15 {
  1671. padding-top: 30px;
  1672. }
  1673. .uni-pt-n15 {
  1674. padding-top: -30px;
  1675. }
  1676. .uni-pr-15 {
  1677. padding-right: 30px;
  1678. }
  1679. .uni-pr-n15 {
  1680. padding-right: -30px;
  1681. }
  1682. .uni-pb-15 {
  1683. padding-bottom: 30px;
  1684. }
  1685. .uni-pb-n15 {
  1686. padding-bottom: -30px;
  1687. }
  1688. .uni-pl-15 {
  1689. padding-left: 30px;
  1690. }
  1691. .uni-pl-n15 {
  1692. padding-left: -30px;
  1693. }
  1694. .uni-px-15 {
  1695. padding-left: 30px;
  1696. padding-right: 30px;
  1697. }
  1698. .uni-px-n15 {
  1699. padding-left: -30px;
  1700. padding-right: -30px;
  1701. }
  1702. .uni-py-15 {
  1703. padding-top: 30px;
  1704. padding-bottom: 30px;
  1705. }
  1706. .uni-py-n15 {
  1707. padding-top: -30px;
  1708. padding-bottom: -30px;
  1709. }
  1710. .uni-pa-15 {
  1711. padding: 30px;
  1712. }
  1713. .uni-pa-n15 {
  1714. padding: -30px;
  1715. }
  1716. .uni-pt-16 {
  1717. padding-top: 32px;
  1718. }
  1719. .uni-pt-n16 {
  1720. padding-top: -32px;
  1721. }
  1722. .uni-pr-16 {
  1723. padding-right: 32px;
  1724. }
  1725. .uni-pr-n16 {
  1726. padding-right: -32px;
  1727. }
  1728. .uni-pb-16 {
  1729. padding-bottom: 32px;
  1730. }
  1731. .uni-pb-n16 {
  1732. padding-bottom: -32px;
  1733. }
  1734. .uni-pl-16 {
  1735. padding-left: 32px;
  1736. }
  1737. .uni-pl-n16 {
  1738. padding-left: -32px;
  1739. }
  1740. .uni-px-16 {
  1741. padding-left: 32px;
  1742. padding-right: 32px;
  1743. }
  1744. .uni-px-n16 {
  1745. padding-left: -32px;
  1746. padding-right: -32px;
  1747. }
  1748. .uni-py-16 {
  1749. padding-top: 32px;
  1750. padding-bottom: 32px;
  1751. }
  1752. .uni-py-n16 {
  1753. padding-top: -32px;
  1754. padding-bottom: -32px;
  1755. }
  1756. .uni-pa-16 {
  1757. padding: 32px;
  1758. }
  1759. .uni-pa-n16 {
  1760. padding: -32px;
  1761. }
  1762. .uni-radius-0 {
  1763. border-radius: 0;
  1764. }
  1765. .uni-radius {
  1766. border-radius: 5px;
  1767. }
  1768. .uni-radius-lg {
  1769. border-radius: 10px;
  1770. }
  1771. .uni-radius-xl {
  1772. border-radius: 30px;
  1773. }
  1774. .uni-radius-pill {
  1775. border-radius: 9999px;
  1776. }
  1777. .uni-radius-circle {
  1778. border-radius: 50%;
  1779. }
  1780. .uni-radius-t-0 {
  1781. border-top-left-radius: 0;
  1782. border-top-right-radius: 0;
  1783. }
  1784. .uni-radius-t {
  1785. border-top-left-radius: 5px;
  1786. border-top-right-radius: 5px;
  1787. }
  1788. .uni-radius-t-lg {
  1789. border-top-left-radius: 10px;
  1790. border-top-right-radius: 10px;
  1791. }
  1792. .uni-radius-t-xl {
  1793. border-top-left-radius: 30px;
  1794. border-top-right-radius: 30px;
  1795. }
  1796. .uni-radius-t-pill {
  1797. border-top-left-radius: 9999px;
  1798. border-top-right-radius: 9999px;
  1799. }
  1800. .uni-radius-t-circle {
  1801. border-top-left-radius: 50%;
  1802. border-top-right-radius: 50%;
  1803. }
  1804. .uni-radius-r-0 {
  1805. border-top-right-radius: 0;
  1806. border-bottom-right-radius: 0;
  1807. }
  1808. .uni-radius-r {
  1809. border-top-right-radius: 5px;
  1810. border-bottom-right-radius: 5px;
  1811. }
  1812. .uni-radius-r-lg {
  1813. border-top-right-radius: 10px;
  1814. border-bottom-right-radius: 10px;
  1815. }
  1816. .uni-radius-r-xl {
  1817. border-top-right-radius: 30px;
  1818. border-bottom-right-radius: 30px;
  1819. }
  1820. .uni-radius-r-pill {
  1821. border-top-right-radius: 9999px;
  1822. border-bottom-right-radius: 9999px;
  1823. }
  1824. .uni-radius-r-circle {
  1825. border-top-right-radius: 50%;
  1826. border-bottom-right-radius: 50%;
  1827. }
  1828. .uni-radius-b-0 {
  1829. border-bottom-left-radius: 0;
  1830. border-bottom-right-radius: 0;
  1831. }
  1832. .uni-radius-b {
  1833. border-bottom-left-radius: 5px;
  1834. border-bottom-right-radius: 5px;
  1835. }
  1836. .uni-radius-b-lg {
  1837. border-bottom-left-radius: 10px;
  1838. border-bottom-right-radius: 10px;
  1839. }
  1840. .uni-radius-b-xl {
  1841. border-bottom-left-radius: 30px;
  1842. border-bottom-right-radius: 30px;
  1843. }
  1844. .uni-radius-b-pill {
  1845. border-bottom-left-radius: 9999px;
  1846. border-bottom-right-radius: 9999px;
  1847. }
  1848. .uni-radius-b-circle {
  1849. border-bottom-left-radius: 50%;
  1850. border-bottom-right-radius: 50%;
  1851. }
  1852. .uni-radius-l-0 {
  1853. border-top-left-radius: 0;
  1854. border-bottom-left-radius: 0;
  1855. }
  1856. .uni-radius-l {
  1857. border-top-left-radius: 5px;
  1858. border-bottom-left-radius: 5px;
  1859. }
  1860. .uni-radius-l-lg {
  1861. border-top-left-radius: 10px;
  1862. border-bottom-left-radius: 10px;
  1863. }
  1864. .uni-radius-l-xl {
  1865. border-top-left-radius: 30px;
  1866. border-bottom-left-radius: 30px;
  1867. }
  1868. .uni-radius-l-pill {
  1869. border-top-left-radius: 9999px;
  1870. border-bottom-left-radius: 9999px;
  1871. }
  1872. .uni-radius-l-circle {
  1873. border-top-left-radius: 50%;
  1874. border-bottom-left-radius: 50%;
  1875. }
  1876. .uni-radius-tl-0 {
  1877. border-top-left-radius: 0;
  1878. }
  1879. .uni-radius-tl {
  1880. border-top-left-radius: 5px;
  1881. }
  1882. .uni-radius-tl-lg {
  1883. border-top-left-radius: 10px;
  1884. }
  1885. .uni-radius-tl-xl {
  1886. border-top-left-radius: 30px;
  1887. }
  1888. .uni-radius-tl-pill {
  1889. border-top-left-radius: 9999px;
  1890. }
  1891. .uni-radius-tl-circle {
  1892. border-top-left-radius: 50%;
  1893. }
  1894. .uni-radius-tr-0 {
  1895. border-top-right-radius: 0;
  1896. }
  1897. .uni-radius-tr {
  1898. border-top-right-radius: 5px;
  1899. }
  1900. .uni-radius-tr-lg {
  1901. border-top-right-radius: 10px;
  1902. }
  1903. .uni-radius-tr-xl {
  1904. border-top-right-radius: 30px;
  1905. }
  1906. .uni-radius-tr-pill {
  1907. border-top-right-radius: 9999px;
  1908. }
  1909. .uni-radius-tr-circle {
  1910. border-top-right-radius: 50%;
  1911. }
  1912. .uni-radius-br-0 {
  1913. border-bottom-right-radius: 0;
  1914. }
  1915. .uni-radius-br {
  1916. border-bottom-right-radius: 5px;
  1917. }
  1918. .uni-radius-br-lg {
  1919. border-bottom-right-radius: 10px;
  1920. }
  1921. .uni-radius-br-xl {
  1922. border-bottom-right-radius: 30px;
  1923. }
  1924. .uni-radius-br-pill {
  1925. border-bottom-right-radius: 9999px;
  1926. }
  1927. .uni-radius-br-circle {
  1928. border-bottom-right-radius: 50%;
  1929. }
  1930. .uni-radius-bl-0 {
  1931. border-bottom-left-radius: 0;
  1932. }
  1933. .uni-radius-bl {
  1934. border-bottom-left-radius: 5px;
  1935. }
  1936. .uni-radius-bl-lg {
  1937. border-bottom-left-radius: 10px;
  1938. }
  1939. .uni-radius-bl-xl {
  1940. border-bottom-left-radius: 30px;
  1941. }
  1942. .uni-radius-bl-pill {
  1943. border-bottom-left-radius: 9999px;
  1944. }
  1945. .uni-radius-bl-circle {
  1946. border-bottom-left-radius: 50%;
  1947. }
  1948. .uni-h1 {
  1949. font-size: 32px;
  1950. font-weight: 300;
  1951. line-height: 50px;
  1952. }
  1953. .uni-h2 {
  1954. font-size: 28px;
  1955. font-weight: 300;
  1956. line-height: 40px;
  1957. }
  1958. .uni-h3 {
  1959. font-size: 24px;
  1960. font-weight: 400;
  1961. line-height: 32px;
  1962. }
  1963. .uni-h4 {
  1964. font-size: 20px;
  1965. font-weight: 400;
  1966. line-height: 30px;
  1967. }
  1968. .uni-h5 {
  1969. font-size: 16px;
  1970. font-weight: 400;
  1971. line-height: 24px;
  1972. }
  1973. .uni-h6 {
  1974. font-size: 14px;
  1975. font-weight: 500;
  1976. line-height: 18px;
  1977. }
  1978. .uni-subtitle {
  1979. font-size: 12px;
  1980. font-weight: 400;
  1981. line-height: 20px;
  1982. }
  1983. .uni-body {
  1984. font-size: 14px;
  1985. font-weight: 400;
  1986. line-height: 22px;
  1987. }
  1988. .uni-caption {
  1989. font-size: 12px;
  1990. font-weight: 400;
  1991. line-height: 20px;
  1992. }
  1993. .uni-btn {
  1994. margin: 5px;
  1995. color: #393939;
  1996. border: 1px solid #ccc;
  1997. font-size: 16px;
  1998. font-weight: 200;
  1999. background-color: #F9F9F9;
  2000. overflow: visible;
  2001. }
  2002. .uni-btn::after {
  2003. border: none;
  2004. }
  2005. .uni-btn:not([type]), .uni-btn[type=default] {
  2006. color: #999;
  2007. }
  2008. .uni-btn:not([type])[loading], .uni-btn[type=default][loading] {
  2009. background: none;
  2010. }
  2011. .uni-btn:not([type])[loading]::before, .uni-btn[type=default][loading]::before {
  2012. margin-right: 5px;
  2013. }
  2014. .uni-btn:not([type])[disabled], .uni-btn[type=default][disabled] {
  2015. color: #d6d6d6;
  2016. }
  2017. .uni-btn:not([type])[disabled], .uni-btn:not([type])[disabled][loading], .uni-btn:not([type])[disabled]:active, .uni-btn[type=default][disabled], .uni-btn[type=default][disabled][loading], .uni-btn[type=default][disabled]:active {
  2018. color: #d6d6d6;
  2019. background-color: #fafafa;
  2020. border-color: #f0f0f0;
  2021. }
  2022. .uni-btn:not([type])[plain], .uni-btn[type=default][plain] {
  2023. color: #999;
  2024. background: none;
  2025. border-color: #F0F0F0;
  2026. }
  2027. .uni-btn:not([type])[plain]:not([hover-class]):active, .uni-btn[type=default][plain]:not([hover-class]):active {
  2028. background: none;
  2029. color: #cccccc;
  2030. border-color: #e6e6e6;
  2031. outline: none;
  2032. }
  2033. .uni-btn:not([type])[plain][disabled], .uni-btn:not([type])[plain][disabled][loading], .uni-btn:not([type])[plain][disabled]:active, .uni-btn[type=default][plain][disabled], .uni-btn[type=default][plain][disabled][loading], .uni-btn[type=default][plain][disabled]:active {
  2034. background: none;
  2035. color: #d6d6d6;
  2036. border-color: #f0f0f0;
  2037. }
  2038. .uni-btn:not([hover-class]):active {
  2039. color: gray;
  2040. }
  2041. .uni-btn[size=mini] {
  2042. font-size: 16px;
  2043. font-weight: 200;
  2044. border-radius: 8px;
  2045. }
  2046. .uni-btn.uni-btn-small {
  2047. font-size: 14px;
  2048. }
  2049. .uni-btn.uni-btn-mini {
  2050. font-size: 12px;
  2051. }
  2052. .uni-btn.uni-btn-radius {
  2053. border-radius: 999px;
  2054. }
  2055. .uni-btn[type=primary] {
  2056. color: #fff;
  2057. background-color: #2979ff;
  2058. border-color: #266feb;
  2059. }
  2060. .uni-btn[type=primary]:not([hover-class]):active {
  2061. background: #256de6;
  2062. border-color: #2161cc;
  2063. color: #fff;
  2064. outline: none;
  2065. }
  2066. .uni-btn[type=primary][loading] {
  2067. color: #fff;
  2068. background-color: #2979ff;
  2069. border-color: #266feb;
  2070. }
  2071. .uni-btn[type=primary][loading]:not([hover-class]):active {
  2072. background: #256de6;
  2073. border-color: #2161cc;
  2074. color: #fff;
  2075. outline: none;
  2076. }
  2077. .uni-btn[type=primary][loading]::before {
  2078. margin-right: 5px;
  2079. }
  2080. .uni-btn[type=primary][disabled], .uni-btn[type=primary][disabled][loading], .uni-btn[type=primary][disabled]:not([hover-class]):active {
  2081. color: #fff;
  2082. border-color: #80aefa;
  2083. background-color: #94bcff;
  2084. }
  2085. .uni-btn[type=primary][plain] {
  2086. color: #2979ff;
  2087. background-color: #eaf2ff;
  2088. border-color: #bfd7ff;
  2089. }
  2090. .uni-btn[type=primary][plain]:not([hover-class]):active {
  2091. background: #d4e4ff;
  2092. color: #2979ff;
  2093. outline: none;
  2094. border-color: #94bcff;
  2095. }
  2096. .uni-btn[type=primary][plain][loading] {
  2097. color: #2979ff;
  2098. background-color: #eaf2ff;
  2099. border-color: #bfd7ff;
  2100. }
  2101. .uni-btn[type=primary][plain][loading]:not([hover-class]):active {
  2102. background: #d4e4ff;
  2103. color: #2979ff;
  2104. outline: none;
  2105. border-color: #94bcff;
  2106. }
  2107. .uni-btn[type=primary][plain][loading]::before {
  2108. margin-right: 5px;
  2109. }
  2110. .uni-btn[type=primary][plain][disabled], .uni-btn[type=primary][plain][disabled]:active {
  2111. color: #7fafff;
  2112. background-color: #eaf2ff;
  2113. border-color: #d4e4ff;
  2114. }
  2115. .uni-btn[type=success] {
  2116. color: #fff;
  2117. background-color: #18bc37;
  2118. border-color: #16ad33;
  2119. }
  2120. .uni-btn[type=success]:not([hover-class]):active {
  2121. background: #16a932;
  2122. border-color: #13962c;
  2123. color: #fff;
  2124. outline: none;
  2125. }
  2126. .uni-btn[type=success][loading] {
  2127. color: #fff;
  2128. background-color: #18bc37;
  2129. border-color: #16ad33;
  2130. }
  2131. .uni-btn[type=success][loading]:not([hover-class]):active {
  2132. background: #16a932;
  2133. border-color: #13962c;
  2134. color: #fff;
  2135. outline: none;
  2136. }
  2137. .uni-btn[type=success][loading]::before {
  2138. margin-right: 5px;
  2139. }
  2140. .uni-btn[type=success][disabled], .uni-btn[type=success][disabled][loading], .uni-btn[type=success][disabled]:not([hover-class]):active {
  2141. color: #fff;
  2142. border-color: #89c795;
  2143. background-color: #8cde9b;
  2144. }
  2145. .uni-btn[type=success][plain] {
  2146. color: #18bc37;
  2147. background-color: #e8f8eb;
  2148. border-color: #baebc3;
  2149. }
  2150. .uni-btn[type=success][plain]:not([hover-class]):active {
  2151. background: #d1f2d7;
  2152. color: #18bc37;
  2153. outline: none;
  2154. border-color: #8cde9b;
  2155. }
  2156. .uni-btn[type=success][plain][loading] {
  2157. color: #18bc37;
  2158. background-color: #e8f8eb;
  2159. border-color: #baebc3;
  2160. }
  2161. .uni-btn[type=success][plain][loading]:not([hover-class]):active {
  2162. background: #d1f2d7;
  2163. color: #18bc37;
  2164. outline: none;
  2165. border-color: #8cde9b;
  2166. }
  2167. .uni-btn[type=success][plain][loading]::before {
  2168. margin-right: 5px;
  2169. }
  2170. .uni-btn[type=success][plain][disabled], .uni-btn[type=success][plain][disabled]:active {
  2171. color: #74d787;
  2172. background-color: #e8f8eb;
  2173. border-color: #d1f2d7;
  2174. }
  2175. .uni-btn[type=error] {
  2176. color: #fff;
  2177. background-color: #e43d33;
  2178. border-color: #d2382f;
  2179. }
  2180. .uni-btn[type=error]:not([hover-class]):active {
  2181. background: #cd372e;
  2182. border-color: #b63129;
  2183. color: #fff;
  2184. outline: none;
  2185. }
  2186. .uni-btn[type=error][loading] {
  2187. color: #fff;
  2188. background-color: #e43d33;
  2189. border-color: #d2382f;
  2190. }
  2191. .uni-btn[type=error][loading]:not([hover-class]):active {
  2192. background: #cd372e;
  2193. border-color: #b63129;
  2194. color: #fff;
  2195. outline: none;
  2196. }
  2197. .uni-btn[type=error][loading]::before {
  2198. margin-right: 5px;
  2199. }
  2200. .uni-btn[type=error][disabled], .uni-btn[type=error][disabled][loading], .uni-btn[type=error][disabled]:not([hover-class]):active {
  2201. color: #fff;
  2202. border-color: #e4928d;
  2203. background-color: #f29e99;
  2204. }
  2205. .uni-btn[type=error][plain] {
  2206. color: #e43d33;
  2207. background-color: #fceceb;
  2208. border-color: #f7c5c2;
  2209. }
  2210. .uni-btn[type=error][plain]:not([hover-class]):active {
  2211. background: #fad8d6;
  2212. color: #e43d33;
  2213. outline: none;
  2214. border-color: #f29e99;
  2215. }
  2216. .uni-btn[type=error][plain][loading] {
  2217. color: #e43d33;
  2218. background-color: #fceceb;
  2219. border-color: #f7c5c2;
  2220. }
  2221. .uni-btn[type=error][plain][loading]:not([hover-class]):active {
  2222. background: #fad8d6;
  2223. color: #e43d33;
  2224. outline: none;
  2225. border-color: #f29e99;
  2226. }
  2227. .uni-btn[type=error][plain][loading]::before {
  2228. margin-right: 5px;
  2229. }
  2230. .uni-btn[type=error][plain][disabled], .uni-btn[type=error][plain][disabled]:active {
  2231. color: #ef8b85;
  2232. background-color: #fceceb;
  2233. border-color: #fad8d6;
  2234. }
  2235. .uni-btn[type=warning] {
  2236. color: #fff;
  2237. background-color: #f3a73f;
  2238. border-color: #e09a3a;
  2239. }
  2240. .uni-btn[type=warning]:not([hover-class]):active {
  2241. background: #db9639;
  2242. border-color: #c28632;
  2243. color: #fff;
  2244. outline: none;
  2245. }
  2246. .uni-btn[type=warning][loading] {
  2247. color: #fff;
  2248. background-color: #f3a73f;
  2249. border-color: #e09a3a;
  2250. }
  2251. .uni-btn[type=warning][loading]:not([hover-class]):active {
  2252. background: #db9639;
  2253. border-color: #c28632;
  2254. color: #fff;
  2255. outline: none;
  2256. }
  2257. .uni-btn[type=warning][loading]::before {
  2258. margin-right: 5px;
  2259. }
  2260. .uni-btn[type=warning][disabled], .uni-btn[type=warning][disabled][loading], .uni-btn[type=warning][disabled]:not([hover-class]):active {
  2261. color: #fff;
  2262. border-color: #f8c887;
  2263. background-color: #f9d39f;
  2264. }
  2265. .uni-btn[type=warning][plain] {
  2266. color: #f3a73f;
  2267. background-color: #fef6ec;
  2268. border-color: #fbe5c5;
  2269. }
  2270. .uni-btn[type=warning][plain]:not([hover-class]):active {
  2271. background: #fdedd9;
  2272. color: #f3a73f;
  2273. outline: none;
  2274. border-color: #f9d39f;
  2275. }
  2276. .uni-btn[type=warning][plain][loading] {
  2277. color: #f3a73f;
  2278. background-color: #fef6ec;
  2279. border-color: #fbe5c5;
  2280. }
  2281. .uni-btn[type=warning][plain][loading]:not([hover-class]):active {
  2282. background: #fdedd9;
  2283. color: #f3a73f;
  2284. outline: none;
  2285. border-color: #f9d39f;
  2286. }
  2287. .uni-btn[type=warning][plain][loading]::before {
  2288. margin-right: 5px;
  2289. }
  2290. .uni-btn[type=warning][plain][disabled], .uni-btn[type=warning][plain][disabled]:active {
  2291. color: #f8ca8c;
  2292. background-color: #fef6ec;
  2293. border-color: #fdedd9;
  2294. }
  2295. .uni-btn[type=info] {
  2296. color: #fff;
  2297. background-color: #8f939c;
  2298. border-color: #848790;
  2299. }
  2300. .uni-btn[type=info]:not([hover-class]):active {
  2301. background: #81848c;
  2302. border-color: #72767d;
  2303. color: #fff;
  2304. outline: none;
  2305. }
  2306. .uni-btn[type=info][loading] {
  2307. color: #fff;
  2308. background-color: #8f939c;
  2309. border-color: #848790;
  2310. }
  2311. .uni-btn[type=info][loading]:not([hover-class]):active {
  2312. background: #81848c;
  2313. border-color: #72767d;
  2314. color: #fff;
  2315. outline: none;
  2316. }
  2317. .uni-btn[type=info][loading]::before {
  2318. margin-right: 5px;
  2319. }
  2320. .uni-btn[type=info][disabled], .uni-btn[type=info][disabled][loading], .uni-btn[type=info][disabled]:not([hover-class]):active {
  2321. color: #fff;
  2322. border-color: #babcc2;
  2323. background-color: #c7c9ce;
  2324. }
  2325. .uni-btn[type=info][plain] {
  2326. color: #8f939c;
  2327. background-color: #f4f4f5;
  2328. border-color: #dddfe1;
  2329. }
  2330. .uni-btn[type=info][plain]:not([hover-class]):active {
  2331. background: #e9e9eb;
  2332. color: #8f939c;
  2333. outline: none;
  2334. border-color: #c7c9ce;
  2335. }
  2336. .uni-btn[type=info][plain][loading] {
  2337. color: #8f939c;
  2338. background-color: #f4f4f5;
  2339. border-color: #dddfe1;
  2340. }
  2341. .uni-btn[type=info][plain][loading]:not([hover-class]):active {
  2342. background: #e9e9eb;
  2343. color: #8f939c;
  2344. outline: none;
  2345. border-color: #c7c9ce;
  2346. }
  2347. .uni-btn[type=info][plain][loading]::before {
  2348. margin-right: 5px;
  2349. }
  2350. .uni-btn[type=info][plain][disabled], .uni-btn[type=info][plain][disabled]:active {
  2351. color: #bcbec4;
  2352. background-color: #f4f4f5;
  2353. border-color: #e9e9eb;
  2354. }
  2355. page {
  2356. background-color: #f5f5f5;
  2357. }
  2358. .example-info {
  2359. font-size: 14px;
  2360. color: #333;
  2361. padding: 10px;
  2362. }page{--status-bar-height:25px;--top-window-height:0px;--window-top:0px;--window-bottom:0px;--window-left:0px;--window-right:0px;--window-magin:0px}[data-c-h="true"]{display: none !important;}