main.wxss 39 KB

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