aui.css 64 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718
  1. /*
  2. * =========================================================================
  3. * APIClud - AUI UI 框架 流浪男 QQ:343757327 http://www.auicss.com
  4. * Verson 2.1
  5. * =========================================================================
  6. */
  7. /*初始化类*/
  8. @charset "UTF-8";
  9. html{
  10. font-family: "Helvetica Neue", Helvetica, sans-serif;
  11. font-size: 20px;
  12. }
  13. html,body {
  14. -webkit-touch-callout:none;
  15. -webkit-text-size-adjust:none;
  16. -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
  17. -webkit-user-select:none;
  18. width: 100%;
  19. }
  20. body {
  21. line-height: 1.5;
  22. font-size: 0.8rem;
  23. color: #212121;
  24. background-color: #f5f5f5;
  25. outline: 0;
  26. }
  27. html,body,header,section,footer,div,ul,ol,li,img,a,span,em,del,legend,center,strong,var,fieldset,form,label,dl,dt,dd,cite,input,hr,time,mark,code,figcaption,figure,textarea,h1,h2,h3,h4,h5,h6,p{
  28. margin:0;
  29. border:0;
  30. padding:0;
  31. font-style:normal;
  32. }
  33. * {
  34. -webkit-box-sizing: border-box;
  35. box-sizing: border-box;
  36. -webkit-user-select: none;
  37. -webkit-tap-highlight-color: transparent;
  38. outline: none;
  39. }
  40. @media only screen and (min-width: 400px) {
  41. html {
  42. font-size: 21.33333333px !important;
  43. }
  44. }
  45. @media only screen and (min-width: 414px) {
  46. html {
  47. font-size: 21px !important;
  48. }
  49. }
  50. @media only screen and (min-width: 480px) {
  51. html {
  52. font-size: 25.6px !important;
  53. }
  54. }
  55. ul, li {
  56. list-style: none;
  57. }
  58. p {
  59. font-size: 0.7rem;
  60. color: #757575;
  61. }
  62. a {
  63. color: #0062cc;
  64. text-decoration: none;
  65. background-color: transparent;
  66. }
  67. textarea {
  68. overflow: hidden;
  69. resize: none;
  70. }
  71. button {
  72. overflow: visible;
  73. }
  74. button,select {
  75. text-transform: none;
  76. }
  77. button,input,select,textarea {
  78. font: inherit;
  79. color: inherit;
  80. }
  81. /*自动隐藏文字*/
  82. .aui-ellipsis-1 {
  83. overflow: hidden;
  84. white-space: nowrap;
  85. text-overflow: ellipsis;
  86. }
  87. .aui-ellipsis {
  88. display: -webkit-box;
  89. overflow: hidden;
  90. text-overflow: ellipsis;
  91. word-wrap: break-word;
  92. word-break: break-all;
  93. white-space: normal !important;
  94. -webkit-line-clamp: 1;
  95. -webkit-box-orient: vertical;
  96. }
  97. .aui-ellipsis-2 {
  98. display: -webkit-box;
  99. overflow: hidden;
  100. text-overflow: ellipsis;
  101. word-wrap: break-word;
  102. word-break: break-all;
  103. white-space: normal !important;
  104. -webkit-line-clamp: 2;
  105. -webkit-box-orient: vertical;
  106. }
  107. /*水平线*/
  108. .aui-hr {
  109. width: 100%;
  110. position: relative;
  111. border-top: 1px solid #dddddd;
  112. height: 1px;
  113. }
  114. @media screen and (-webkit-min-device-pixel-ratio:1.5) {
  115. .aui-hr{
  116. border: none;
  117. background-size: 100% 1px;
  118. background-repeat: no-repeat;
  119. background-position: top;
  120. background-image: linear-gradient(0,#dddddd,#dddddd 50%,transparent 50%);
  121. background-image: -webkit-linear-gradient(90deg,#dddddd,#dddddd 50%,transparent 50%);
  122. }
  123. }
  124. /*内外边距类*/
  125. .aui-padded-0 {
  126. padding: 0 !important;
  127. }
  128. .aui-padded-5 {
  129. padding: 0.25rem !important;
  130. }
  131. .aui-padded-10 {
  132. padding: 0.5rem !important;
  133. }
  134. .aui-padded-15 {
  135. padding: 0.75rem !important;
  136. }
  137. .aui-padded-t-0 {
  138. padding-top: 0 !important;
  139. }
  140. .aui-padded-t-5 {
  141. padding-top: 0.25rem !important;
  142. }
  143. .aui-padded-t-10 {
  144. padding-top: 0.5rem !important;
  145. }
  146. .aui-padded-t-15 {
  147. padding-top: 0.75rem !important;
  148. }
  149. .aui-padded-b-0 {
  150. padding-bottom: 0 !important;
  151. }
  152. .aui-padded-b-5 {
  153. padding-bottom: 0.25rem !important;
  154. }
  155. .aui-padded-b-10 {
  156. padding-bottom: 0.5rem !important;
  157. }
  158. .aui-padded-b-15 {
  159. padding-bottom: 0.75rem !important;
  160. }
  161. .aui-padded-l-0 {
  162. padding-left: 0 !important;
  163. }
  164. .aui-padded-l-5 {
  165. padding-left: 0.25rem !important;
  166. }
  167. .aui-padded-l-10 {
  168. padding-left: 0.5rem !important;
  169. }
  170. .aui-padded-l-15 {
  171. padding-left: 0.75rem !important;
  172. }
  173. .aui-padded-r-0 {
  174. padding-right: 0 !important;
  175. }
  176. .aui-padded-r-5 {
  177. padding-right: 0.25rem !important;
  178. }
  179. .aui-padded-r-10 {
  180. padding-right: 0.5rem !important;
  181. }
  182. .aui-padded-r-15 {
  183. padding-right: 0.75rem !important;
  184. }
  185. .aui-margin-0 {
  186. margin: 0 !important;
  187. }
  188. .aui-margin-5 {
  189. margin: 0.25rem !important;
  190. }
  191. .aui-margin-10 {
  192. margin: 0.5rem !important;
  193. }
  194. .aui-margin-15 {
  195. margin: 0.75rem !important;
  196. }
  197. .aui-margin-t-0 {
  198. margin-top: 0.25rem !important;
  199. }
  200. .aui-margin-t-5 {
  201. margin-top: 0 !important;
  202. }
  203. .aui-margin-t-10 {
  204. margin-top: 0.5rem !important;
  205. }
  206. .aui-margin-t-15 {
  207. margin-top: 0.75rem !important;
  208. }
  209. .aui-margin-b-0 {
  210. margin-bottom: 0 !important;
  211. }
  212. .aui-margin-b-5 {
  213. margin-bottom: 0.25rem !important;
  214. }
  215. .aui-margin-b-10 {
  216. margin-bottom: 0.5rem !important;
  217. }
  218. .aui-margin-b-15 {
  219. margin-bottom: 0.75rem !important;
  220. }
  221. .aui-margin-l-0 {
  222. margin-left: 0 !important;
  223. }
  224. .aui-margin-l-5 {
  225. margin-left: 0.25rem !important;
  226. }
  227. .aui-margin-l-10 {
  228. margin-left: 0.5rem !important;
  229. }
  230. .aui-margin-l-15 {
  231. margin-left: 0.75rem !important;
  232. }
  233. .aui-margin-r-0 {
  234. margin-right: 0 !important;
  235. }
  236. .aui-margin-r-5 {
  237. margin-right: 0.25rem !important;
  238. }
  239. .aui-margin-r-10 {
  240. margin-right: 0.5rem !important;
  241. }
  242. .aui-margin-r-15 {
  243. margin-right: 0.75rem !important;
  244. }
  245. .aui-clearfix {
  246. clear: both;
  247. }
  248. .aui-clearfix:before {
  249. display: table;
  250. content: " ";
  251. }
  252. .aui-clearfix:after {
  253. clear: both;
  254. }
  255. /*文字对齐*/
  256. .aui-text-left {
  257. text-align: left !important;
  258. }
  259. .aui-text-center {
  260. text-align: center !important;
  261. }
  262. .aui-text-justify {
  263. text-align: justify !important;
  264. }
  265. .aui-text-right {
  266. text-align: right !important;
  267. }
  268. /*文字、背景颜色*/
  269. h1,h2,h3,h4,h5,h6 {
  270. font-weight: 400;
  271. }
  272. h1 {
  273. font-size: 1.2rem;
  274. }
  275. h2 {
  276. font-size: 1rem;
  277. }
  278. h3 {
  279. font-size: 0.8rem;
  280. }
  281. h4 {
  282. font-size: 0.7rem;
  283. }
  284. h5 {
  285. font-size: 0.7rem;
  286. font-weight: normal;
  287. color: #757575;
  288. }
  289. h6 {
  290. font-size: 0.7rem;
  291. font-weight: normal;
  292. color: #757575;
  293. }
  294. h1 small,h2 small,h3 small,h4 small {
  295. font-weight: normal;
  296. line-height: 1;
  297. color: #757575;
  298. }
  299. h5 small,h6 small {
  300. font-weight: normal;
  301. line-height: 1;
  302. color: #757575;
  303. }
  304. h1 small,h2 small,h3 small {
  305. font-size: 65%;
  306. }
  307. h4 small,h5 small,h6 small {
  308. font-size: 75%;
  309. }
  310. img {
  311. max-width: 100%;
  312. display: block;
  313. }
  314. .aui-font-size-12 {
  315. font-size: 0.6rem !important;
  316. }
  317. .aui-font-size-14 {
  318. font-size: 0.7rem !important;
  319. }
  320. .aui-font-size-16 {
  321. font-size: 0.8rem !important;
  322. }
  323. .aui-font-size-18 {
  324. font-size: 0.9rem !important;
  325. }
  326. .aui-font-size-20 {
  327. font-size: 1rem !important;
  328. }
  329. .aui-text-default {
  330. color: #212121 !important;
  331. }
  332. .aui-text-white {
  333. color: #ffffff !important;
  334. }
  335. .aui-text-primary {
  336. color: #00bcd4 !important;
  337. }
  338. .aui-text-success {
  339. color: #009688 !important;
  340. }
  341. .aui-text-info {
  342. color: #03a9f4 !important;
  343. }
  344. .aui-text-warning {
  345. color: #ffc107 !important;
  346. }
  347. .aui-text-danger {
  348. color: #e51c23 !important;
  349. }
  350. .aui-text-pink {
  351. color: #e91e63 !important;
  352. }
  353. .aui-text-purple {
  354. color: #673ab7 !important;
  355. }
  356. .aui-text-indigo {
  357. color: #3f51b5 !important;
  358. }
  359. .aui-bg-default {
  360. background-color: #f5f5f5 !important;
  361. }
  362. .aui-bg-primary {
  363. background-color: #00bcd4 !important;
  364. }
  365. .aui-bg-success {
  366. background-color: #009688 !important;
  367. }
  368. .aui-bg-info {
  369. background-color: #03a9f4 !important;
  370. }
  371. .aui-bg-warning {
  372. background-color: #f1c40f !important;
  373. }
  374. .aui-bg-danger {
  375. background-color: #e51c23 !important;
  376. }
  377. .aui-bg-pink {
  378. background-color: #e91e63 !important;
  379. }
  380. .aui-bg-purple {
  381. background-color: #673ab7 !important;
  382. }
  383. .aui-bg-indigo {
  384. background-color: #3f51b5 !important;
  385. }
  386. /*警告、成功颜色*/
  387. .aui-warning,
  388. .aui-warning label,
  389. .aui-warning .aui-input,
  390. .aui-warning .aui-iconfont {
  391. color: #e51c23 !important;
  392. }
  393. .aui-success,
  394. .aui-success label,
  395. .aui-success .aui-input,
  396. .aui-success .aui-iconfont {
  397. color: #009688 !important;
  398. }
  399. /*对齐,显示,隐藏等*/
  400. .aui-pull-right {
  401. float: right !important;
  402. }
  403. .aui-pull-left {
  404. float: left !important;
  405. }
  406. .aui-hide {
  407. display: none !important;
  408. }
  409. .aui-show {
  410. display: block !important;
  411. }
  412. .aui-invisible {
  413. visibility: hidden;
  414. }
  415. .aui-inline {
  416. display: inline-block;
  417. vertical-align: top;
  418. }
  419. .aui-mask {
  420. position: fixed;
  421. width: 100%;
  422. height: 100%;
  423. top: 0;
  424. left: 0;
  425. background: rgba(0, 0, 0, 0.3);
  426. opacity: 0;
  427. z-index: 99;
  428. visibility: hidden;
  429. -webkit-transition: opacity .3s,-webkit-transform .3s;
  430. transition: opacity .3s,transform .3s;
  431. }
  432. .aui-mask.aui-mask-in {
  433. visibility: visible;
  434. opacity: 1;
  435. }
  436. .aui-mask.aui-mask-out {
  437. opacity: 0;
  438. }
  439. img.aui-img-round {
  440. border-radius: 50%;
  441. }
  442. /*基本容器*/
  443. .aui-content {
  444. -webkit-overflow-scrolling: touch;
  445. overflow-x: hidden;
  446. word-break: break-all;
  447. }
  448. .aui-content-padded {
  449. margin: 0.75rem;
  450. position: relative;
  451. word-break: break-all;
  452. -webkit-overflow-scrolling: touch;
  453. }
  454. /*栅格类*/
  455. .aui-row {
  456. overflow: hidden;
  457. margin: 0;
  458. }
  459. .aui-row-padded {
  460. margin-left: -0.125rem;
  461. margin-right: -0.125rem;
  462. }
  463. .aui-row-padded [class*=aui-col-] {
  464. padding: 0.125rem;
  465. }
  466. .aui-col-xs-1,.aui-col-xs-2,.aui-col-xs-3,.aui-col-xs-4,.aui-col-xs-5,.aui-col-xs-6,.aui-col-xs-7,.aui-col-xs-8,.aui-col-xs-9,.aui-col-xs-10,.aui-col-xs-11,.aui-col-5 {
  467. position: relative;
  468. float: left;
  469. }
  470. .aui-col-xs-12 {
  471. width: 100%;
  472. position: relative;
  473. }
  474. .aui-col-xs-11 {
  475. width: 91.66666667%;
  476. }
  477. .aui-col-xs-10 {
  478. width: 83.33333333%;
  479. }
  480. .aui-col-xs-9 {
  481. width: 75%;
  482. }
  483. .aui-col-xs-8 {
  484. width: 66.66666667%;
  485. }
  486. .aui-col-xs-7 {
  487. width: 58.33333333%;
  488. }
  489. .aui-col-xs-6 {
  490. width: 50%;
  491. }
  492. .aui-col-xs-5 {
  493. width: 41.66666667%;
  494. }
  495. .aui-col-xs-4 {
  496. width: 33.33333333%;
  497. }
  498. .aui-col-xs-3 {
  499. width: 25%;
  500. }
  501. .aui-col-xs-2 {
  502. width: 16.66666667%;
  503. }
  504. .aui-col-xs-1 {
  505. width: 8.33333333%;
  506. }
  507. .aui-col-5 {
  508. width: 20%;
  509. }
  510. /*标签*/
  511. .aui-label {
  512. display: inline-block;
  513. padding: 0.2rem 0.25rem;
  514. font-size: 0.6rem;
  515. line-height: 1;
  516. color: #616161;
  517. background-color: #dddddd;
  518. text-align: center;
  519. white-space: nowrap;
  520. vertical-align: middle;
  521. border-radius: 0.15rem;
  522. position: relative;
  523. }
  524. .aui-label-primary {
  525. color: #ffffff;
  526. background-color: #00bcd4;
  527. }
  528. .aui-label-success {
  529. color: #ffffff;
  530. background-color: #009688;
  531. }
  532. .aui-label-info {
  533. color: #ffffff;
  534. background-color: #03a9f4;
  535. }
  536. .aui-label-warning {
  537. color: #ffffff;
  538. background-color: #ffc107;
  539. }
  540. .aui-label-danger {
  541. color: #ffffff;
  542. background-color: #e51c23;
  543. }
  544. .aui-label-outlined {
  545. background-color: transparent;
  546. position: relative;
  547. }
  548. .aui-label-outlined:after {
  549. -webkit-border-radius: 2px;
  550. border-radius: 2px;
  551. height: 200%;
  552. content: '';
  553. width: 200%;
  554. border: 1px solid #d9d9d9;
  555. position: absolute;
  556. top: -1px;
  557. left: -1px;
  558. transform: scale(0.5);
  559. -webkit-transform: scale(0.5);
  560. transform-origin: 0 0;
  561. -webkit-transform-origin: 0 0;
  562. z-index: 1;
  563. }
  564. .aui-label-outlined.aui-label-primary,
  565. .aui-label-outlined.aui-label-primary:after {
  566. color: #00bcd4;
  567. border-color: #00bcd4;
  568. }
  569. .aui-label-outlined.aui-label-success,
  570. .aui-label-outlined.aui-label-success:after {
  571. color: #009688;
  572. border-color: #009688;
  573. }
  574. .aui-label-outlined.aui-label-info,
  575. .aui-label-outlined.aui-label-info:after {
  576. color: #03a9f4;
  577. border-color: #03a9f4;
  578. }
  579. .aui-label-outlined.aui-label-warning,
  580. .aui-label-outlined.aui-label-warning:after {
  581. color: #ffc107;
  582. border-color: #ffc107;
  583. }
  584. .aui-label-outlined.aui-label-danger,
  585. .aui-label-outlined.aui-label-danger:after {
  586. color: #e51c23;
  587. border-color: #e51c23;
  588. }
  589. .aui-label .aui-iconfont {
  590. font-size: 0.6rem;
  591. }
  592. /*角标*/
  593. .aui-badge {
  594. display: inline-block;
  595. width: auto;
  596. text-align: center;
  597. min-width: 0.8rem;
  598. height: 0.8rem;
  599. line-height: 0.8rem;
  600. padding: 0 0.2rem;
  601. font-size: 0.6rem;
  602. color: #ffffff;
  603. background-color: #ff2600;
  604. border-radius: 0.4rem;
  605. position: absolute;
  606. top: 0.2rem;
  607. left: 60%;
  608. z-index: 99;
  609. }
  610. .aui-dot {
  611. display: inline-block;
  612. width: 0.4rem;
  613. height: 0.4rem;
  614. background: #ff2600;
  615. border-radius: 0.5rem;
  616. position: absolute;
  617. top: 0.3rem;
  618. right: 20%;
  619. z-index: 99;
  620. }
  621. /*按钮样式*/
  622. button, .aui-btn {
  623. position: relative;
  624. display: inline-block;
  625. font-size: 0.7rem;
  626. font-weight: 400;
  627. font-family: inherit;
  628. text-decoration: none;
  629. text-align: center;
  630. margin: 0;
  631. background: #dddddd;
  632. padding: 0 0.6rem;
  633. height: 1.5rem;
  634. line-height: 1.5rem;
  635. border-radius: 0.2rem;
  636. white-space: nowrap;
  637. text-overflow: ellipsis;
  638. vertical-align: middle;
  639. -webkit-box-sizing: border-box;
  640. box-sizing: border-box;
  641. -webkit-user-select: none;
  642. user-select: none;
  643. }
  644. .aui-btn:active {
  645. color: #212121;
  646. background-color: #bdbdbd;
  647. }
  648. .aui-btn-primary {
  649. color: #ffffff;
  650. background-color: #00bcd4;
  651. }
  652. .aui-btn-primary.aui-active, .aui-btn-primary:active {
  653. color: #ffffff;
  654. background-color: #00acc1;
  655. }
  656. .aui-btn-success {
  657. color: #ffffff;
  658. background-color: #009688;
  659. }
  660. .aui-btn-success.aui-active, .aui-btn-success:active {
  661. color: #fff;
  662. background-color: #00897b;
  663. }
  664. .aui-btn-info {
  665. color: #ffffff !important;
  666. background-color: #03a9f4 !important;
  667. }
  668. .aui-btn-info.aui-active, .aui-btn-info:active {
  669. color: #fff !important;
  670. background-color: #039be5 !important;
  671. }
  672. .aui-btn-warning {
  673. color: #ffffff !important;
  674. background-color: #ffc107 !important;
  675. }
  676. .aui-btn-warning.aui-active, .aui-btn-warning:active {
  677. color: #ffffff !important;
  678. background-color: #ffb300 !important;
  679. }
  680. .aui-btn-danger {
  681. color: #ffffff !important;
  682. background-color: #e51c23 !important;
  683. }
  684. .aui-btn-danger.aui-active, .aui-btn-danger:active {
  685. color: #ffffff !important;
  686. background-color: #dd191b !important;
  687. }
  688. .aui-btn-block {
  689. display: block;
  690. width: 100%;
  691. height: 2.5rem;
  692. line-height: 2.55rem;
  693. margin-bottom: 0;
  694. font-size: 0.9rem;
  695. }
  696. .aui-btn-block.aui-btn-sm {
  697. font-size: 0.7rem;
  698. height: 1.8rem;
  699. line-height: 1.85rem;
  700. }
  701. .aui-btn .aui-iconfont, .aui-btn-block .aui-iconfont {
  702. margin-right: 0.3rem;
  703. }
  704. .aui-btn .aui-badge, .aui-btn-block .aui-badge {
  705. margin-left: 0.3rem;
  706. }
  707. .aui-btn-outlined {
  708. background: transparent !important;
  709. border: 1px solid #bdbdbd;
  710. }
  711. .aui-btn-outlined:active {
  712. background: transparent !important;
  713. }
  714. .aui-btn-default.aui-btn-outlined {
  715. color: #bdc3c7 !important;
  716. border: 1px solid #dcdcdc !important;
  717. }
  718. .aui-btn-primary.aui-btn-outlined {
  719. color: #00bcd4 !important;
  720. border: 1px solid #00bcd4 !important;
  721. }
  722. .aui-btn-success.aui-btn-outlined {
  723. color: #009688 !important;
  724. border: 1px solid #009688 !important;
  725. }
  726. .aui-btn-info.aui-btn-outlined {
  727. color: #03a9f4 !important;
  728. border: 1px solid #03a9f4 !important;
  729. }
  730. .aui-btn-warning.aui-btn-outlined {
  731. color: #ffc107 !important;
  732. border: 1px solid #ffc107 !important;
  733. }
  734. .aui-btn-danger.aui-btn-outlined {
  735. color: #e51c23 !important;
  736. border: 1px solid #e51c23 !important;
  737. }
  738. /*
  739. *表单类\输入框\radio\checkbox
  740. **/
  741. .aui-input,
  742. input[type="text"],
  743. input[type="password"],
  744. input[type="search"],
  745. input[type="email"],
  746. input[type="tel"],
  747. input[type="url"],
  748. input[type="date"],
  749. input[type="datetime-local"],
  750. input[type="time"],
  751. input[type="number"],
  752. select,
  753. textarea {
  754. border: none;
  755. background-color: transparent;
  756. border-radius: 0;
  757. box-shadow: none;
  758. display: block;
  759. padding: 0;
  760. margin: 0;
  761. width: 100%;
  762. height: 2.2rem;
  763. line-height: normal;
  764. color: #424242;
  765. font-size: 0.8rem;
  766. font-family: inherit;
  767. box-sizing: border-box;
  768. -webkit-user-select: text;
  769. user-select: text;
  770. -webkit-appearance: none;
  771. appearance: none;
  772. }
  773. input[type="search"]::-webkit-search-cancel-button {
  774. display: none;
  775. }
  776. .aui-scroll-x {
  777. position: relative;
  778. overflow-y: auto;
  779. -webkit-overflow-scrolling: touch;
  780. }
  781. .aui-scroll-y {
  782. position: relative;
  783. width: 100%;
  784. overflow-x: auto;
  785. -webkit-overflow-scrolling: touch;
  786. }
  787. ::-webkit-scrollbar{
  788. width:0px;
  789. }
  790. /*列表*/
  791. .aui-list {
  792. position: relative;
  793. font-size: 0.8rem;
  794. background-color: #ffffff;
  795. border-top: 1px solid #dddddd;
  796. }
  797. .aui-list .aui-content {
  798. overflow: hidden;
  799. }
  800. .aui-list.aui-list-noborder,
  801. .aui-list.aui-list-noborder {
  802. border-top: none;
  803. }
  804. .aui-list .aui-list-header {
  805. background-color: #dddddd;
  806. color: #212121;
  807. position: relative;
  808. font-size: 0.6rem;
  809. padding: 0.4rem 0.75rem;
  810. -webkit-box-sizing: border-box;
  811. box-sizing: border-box;
  812. display: -webkit-box;
  813. display: -webkit-flex;
  814. display: flex;
  815. -webkit-box-pack: justify;
  816. -webkit-justify-content: space-between;
  817. justify-content: space-between;
  818. -webkit-box-align: center;
  819. -webkit-align-items: center;
  820. align-items: center;
  821. }
  822. .aui-list .aui-list-item {
  823. list-style: none;
  824. margin: 0;
  825. padding: 0;
  826. padding-left: 0.75rem;
  827. color: #212121;
  828. border-bottom: 1px solid #dddddd;
  829. position: relative;
  830. min-height: 2.2rem;
  831. -webkit-box-sizing: border-box;
  832. box-sizing: border-box;
  833. display: -webkit-box;
  834. display: -webkit-flex;
  835. display: flex;
  836. -webkit-box-pack: justify;
  837. -webkit-justify-content: space-between;
  838. justify-content: space-between;
  839. }
  840. .aui-list.aui-list-noborder .aui-list-item:last-child {
  841. border-bottom: 0;
  842. }
  843. .aui-list .aui-list-item-inner {
  844. position: relative;
  845. min-height: 2.2rem;
  846. padding-right: 0.75rem;
  847. width: 100%;
  848. -webkit-box-sizing: border-box;
  849. box-sizing: border-box;
  850. display: -webkit-box;
  851. display: -webkit-flex;
  852. display: flex;
  853. -webkit-box-flex: 1;
  854. -webkit-box-pack: justify;
  855. -webkit-justify-content: space-between;
  856. justify-content: space-between;
  857. -webkit-box-align: center;
  858. -webkit-align-items: center;
  859. align-items: center;
  860. }
  861. .aui-list .aui-list-item:active {
  862. background-color: #fff;
  863. }
  864. .aui-list .aui-list-item-text {
  865. font-size: 0.7rem;
  866. color: #757575;
  867. position: relative;
  868. -webkit-box-sizing: border-box;
  869. box-sizing: border-box;
  870. display: -webkit-box;
  871. display: -webkit-flex;
  872. display: flex;
  873. -webkit-box-pack: justify;
  874. -webkit-justify-content: space-between;
  875. justify-content: space-between;
  876. -webkit-align-items: center;
  877. align-items: center;
  878. }
  879. .aui-list .aui-list-item-title {
  880. font-size: 0.8rem;
  881. position: relative;
  882. max-width: 100%;
  883. color: #212121;
  884. }
  885. .aui-list .aui-list-item-right,
  886. .aui-list-item-title-row em {
  887. max-width: 50%;
  888. position: relative;
  889. font-size: 0.6rem;
  890. color: #757575;
  891. margin-left: 0.25rem;
  892. }
  893. .aui-list .aui-list-item-inner p {
  894. overflow: hidden;
  895. }
  896. .aui-list .aui-list-media-list {
  897. -webkit-box-orient: vertical;
  898. -webkit-box-direction: normal;
  899. -webkit-flex-direction: column;
  900. flex-direction: column;
  901. }
  902. .aui-media-list-item-inner {
  903. -webkit-box-sizing: border-box;
  904. box-sizing: border-box;
  905. display: -webkit-box;
  906. display: -webkit-flex;
  907. display: flex;
  908. }
  909. .aui-media-list .aui-list-item {
  910. display: block;
  911. }
  912. .aui-media-list .aui-list-item-inner {
  913. display: block;
  914. padding-top: 0.5rem;
  915. padding-bottom: 0.5rem;
  916. }
  917. .aui-media-list-item-inner + .aui-info {
  918. margin-right: 0.75rem;
  919. }
  920. .aui-list .aui-list-item-media {
  921. width: 4.5rem;
  922. position: relative;
  923. padding: 0.5rem 0;
  924. padding-right: 0.75rem;
  925. display: inherit;
  926. -webkit-flex-shrink: 0;
  927. flex-shrink: 0;
  928. -webkit-flex-wrap: nowrap;
  929. flex-wrap: nowrap;
  930. -webkit-box-align: center;
  931. -webkit-align-items: flex-start;
  932. align-items: flex-start;
  933. }
  934. .aui-list .aui-list-item-media img {
  935. width: 100%;
  936. display: block;
  937. }
  938. .aui-list .aui-list-item-media-list {
  939. margin-top: 0.25rem;
  940. padding-right: 0;
  941. display: block;
  942. }
  943. .aui-list [class*=aui-col-xs-] img{
  944. max-width: 100%;
  945. width: 100%;
  946. display: block;
  947. }
  948. .aui-list-item-middle .aui-list-item-inner:after {
  949. display: block;
  950. }
  951. .aui-list .aui-list-item-middle > .aui-list-item-media,
  952. .aui-list .aui-list-item-middle > .aui-list-item-inner,
  953. .aui-list .aui-list-item-middle > * {
  954. -webkit-box-align: center;
  955. box-align: center;
  956. -webkit-align-items: center;
  957. align-items: center;
  958. }
  959. .aui-list .aui-list-item-center > .aui-list-item-media,
  960. .aui-list .aui-list-item-center > .aui-list-item-inner,
  961. .aui-list .aui-list-item-center {
  962. -webkit-box-pack: center;
  963. -webkit-justify-content: center;
  964. justify-content: center;
  965. }
  966. .aui-list .aui-list-item i.aui-iconfont {
  967. -webkit-align-self: center;
  968. align-self: center;
  969. font-size: 0.8rem;
  970. }
  971. .aui-list-item-inner.aui-list-item-arrow {
  972. overflow: hidden;
  973. padding-right: 1.5rem;
  974. }
  975. .aui-list-item-arrow:before {
  976. content: '';
  977. width: 0.4rem;
  978. height: 0.4rem;
  979. position: absolute;
  980. top: 50%;
  981. right: 0.75rem;
  982. margin-top: -0.2rem;
  983. background: transparent;
  984. border: 1px solid #dddddd;
  985. border-top: none;
  986. border-right: none;
  987. z-index: 2;
  988. -webkit-border-radius: 0;
  989. border-radius: 0;
  990. -webkit-transform: rotate(-135deg);
  991. transform: rotate(-135deg);
  992. }
  993. .aui-list-item.aui-list-item-arrow {
  994. padding-right: 0.75rem;
  995. }
  996. .aui-list label {
  997. line-height: 1.3rem;
  998. }
  999. .aui-list.aui-form-list .aui-list-item:active {
  1000. background-color: #ffffff;
  1001. }
  1002. .aui-list.aui-form-list .aui-list-item-inner {
  1003. -webkit-box-sizing: border-box;
  1004. box-sizing: border-box;
  1005. display: -webkit-box;
  1006. display: -webkit-flex;
  1007. display: flex;
  1008. padding: 0;
  1009. }
  1010. .aui-list .aui-list-item-label,
  1011. .aui-list .aui-list-item-label-icon {
  1012. color: #212121;
  1013. width: 35%;
  1014. min-width: 1.5rem;
  1015. margin: 0;
  1016. padding: 0;
  1017. padding-right: 0.25rem;
  1018. line-height: 2.2rem;
  1019. position: relative;
  1020. overflow: hidden;
  1021. white-space: nowrap;
  1022. max-width: 100%;
  1023. -webkit-box-sizing: border-box;
  1024. box-sizing: border-box;
  1025. display: -webkit-box;
  1026. display: -webkit-flex;
  1027. display: flex;
  1028. -webkit-align-items: center;
  1029. align-items: center;
  1030. }
  1031. .aui-list .aui-list-item-label-icon {
  1032. width: auto;
  1033. padding-right: 0.75rem;
  1034. }
  1035. .aui-list .aui-list-item-input {
  1036. width: 100%;
  1037. padding: 0;
  1038. padding-right: 0.75rem;
  1039. -webkit-box-flex: 1;
  1040. box-flex: 1;
  1041. -webkit-flex-shrink: 1;
  1042. flex-shrink: 1;
  1043. }
  1044. .aui-list.aui-select-list .aui-list-item:active {
  1045. background-color: #ffffff;
  1046. }
  1047. .aui-list.aui-select-list .aui-list-item-inner {
  1048. display: block;
  1049. padding-top: 0.5rem;
  1050. padding-bottom: 0.5rem;
  1051. -webkit-align-self: stretch;
  1052. align-self: stretch;
  1053. }
  1054. .aui-list.aui-select-list .aui-list-item-label {
  1055. width: auto;
  1056. min-width: 2.2rem;
  1057. padding: 0.5rem 0;
  1058. padding-right: 0.75rem;
  1059. }
  1060. .aui-list.aui-form-list .aui-list-item-btn {
  1061. padding: 0.75rem 0.75rem 0.75rem 0;
  1062. }
  1063. .aui-list textarea {
  1064. overflow: auto;
  1065. margin: 0.5rem 0;
  1066. height: 3rem;
  1067. line-height: 1rem;
  1068. resize: none;
  1069. }
  1070. .aui-list .aui-list-item-right .aui-badge,
  1071. .aui-list .aui-list-item-right .aui-dot {
  1072. display: inherit;
  1073. }
  1074. @media screen and (-webkit-min-device-pixel-ratio:1.5) {
  1075. .aui-list {
  1076. border: none;
  1077. background-size: 100% 1px;
  1078. background-repeat: no-repeat;
  1079. background-position: top;
  1080. background-image: linear-gradient(0,#ffffff,#ffffff 50%,transparent 50%);
  1081. }
  1082. .aui-list .aui-list-item {
  1083. border: none;
  1084. background-size: 100% 1px;
  1085. background-repeat: no-repeat;
  1086. background-position: bottom;
  1087. background-image: linear-gradient(0,#dddddd,#dddddd 50%,transparent 50%);
  1088. background-image: -webkit-linear-gradient(90deg,#dddddd,#dddddd 50%,transparent 50%);
  1089. }
  1090. .aui-list.aui-list-in .aui-list-item {
  1091. border: none;
  1092. background-size: 100% 1px;
  1093. background-repeat: no-repeat;
  1094. background-position: 0.75rem bottom;
  1095. background-image: linear-gradient(0,#dddddd,#dddddd 50%,transparent 50%);
  1096. background-image: -webkit-linear-gradient(90deg,#dddddd,#dddddd 50%,transparent 50%);
  1097. }
  1098. .aui-list.aui-list-in .aui-list-item:last-child {
  1099. background-position: bottom;
  1100. }
  1101. .aui-list.aui-list-noborder,
  1102. .aui-list.aui-list-noborder .aui-list-item:last-child {
  1103. border: none;
  1104. background-size: 100% 0;
  1105. background-image: none;
  1106. }
  1107. }
  1108. /*tab切换类*/
  1109. .aui-tab {
  1110. position: relative;
  1111. background-color: #ffffff;
  1112. display: -webkit-box;
  1113. display: -webkit-flex;
  1114. display: flex;
  1115. -webkit-flex-wrap: nowrap;
  1116. flex-wrap: nowrap;
  1117. -webkit-align-self: center;
  1118. align-self: center;
  1119. }
  1120. .aui-tab-item {
  1121. width: 100%;
  1122. height: 2.2rem;
  1123. line-height: 2.2rem;
  1124. position: relative;
  1125. font-size: 0.7rem;
  1126. text-align: center;
  1127. color: #212121;
  1128. margin-left: -1px;
  1129. -webkit-box-flex: 1;
  1130. box-flex: 1;
  1131. }
  1132. .aui-tab-item.aui-active {
  1133. color: #039be5;
  1134. border-bottom: 2px solid #039be5;
  1135. }
  1136. /*卡片列表布局*/
  1137. .aui-card-list {
  1138. position: relative;
  1139. margin-bottom: 0.75rem;
  1140. background: #ffffff;
  1141. }
  1142. .aui-card-list-header,
  1143. .aui-card-list-footer {
  1144. position: relative;
  1145. min-height: 2.2rem;
  1146. padding: 0.5rem 0.75rem;
  1147. -webkit-box-sizing: border-box;
  1148. box-sizing: border-box;
  1149. display: -webkit-box;
  1150. display: -webkit-flex;
  1151. display: flex;
  1152. -webkit-box-pack: justify;
  1153. -webkit-justify-content: space-between;
  1154. justify-content: space-between;
  1155. -webkit-box-align: center;
  1156. -webkit-align-items: center;
  1157. align-items: center;
  1158. }
  1159. .aui-card-list-header {
  1160. font-size: 0.8rem;
  1161. color: #212121;
  1162. }
  1163. .aui-card-list-header.aui-card-list-user {
  1164. display: block;
  1165. }
  1166. .aui-card-list-user-avatar {
  1167. width: 2rem;
  1168. float: left;
  1169. margin-right: 0.5rem;
  1170. }
  1171. .aui-card-list-user-avatar img {
  1172. width: 100%;
  1173. display: block;
  1174. }
  1175. .aui-card-list-user-name {
  1176. color: #212121;
  1177. position: relative;
  1178. font-size: 0.7rem;
  1179. -webkit-box-sizing: border-box;
  1180. box-sizing: border-box;
  1181. display: -webkit-box;
  1182. display: -webkit-flex;
  1183. display: flex;
  1184. -webkit-box-pack: justify;
  1185. -webkit-justify-content: space-between;
  1186. justify-content: space-between;
  1187. -webkit-box-align: center;
  1188. -webkit-align-items: center;
  1189. align-items: center;
  1190. }
  1191. .aui-card-list-user-name > *,
  1192. .aui-card-list-user-name small {
  1193. position: relative;
  1194. }
  1195. .aui-card-list-user-name small {
  1196. color: #757575;
  1197. }
  1198. .aui-card-list-user-info {
  1199. color: #757575;
  1200. font-size: 0.6rem;
  1201. }
  1202. .aui-card-list-content {
  1203. position: relative;
  1204. }
  1205. .aui-card-list-content-padded {
  1206. position: relative;
  1207. padding: 0.5rem 0.75rem;
  1208. }
  1209. .aui-card-list-content,
  1210. .aui-card-list-content-padded {
  1211. word-break: break-all;
  1212. font-size: 0.7rem;
  1213. color: #212121;
  1214. }
  1215. .aui-card-list-content img,
  1216. .aui-card-list-content-padded img {
  1217. width: 100%;
  1218. display: block;
  1219. }
  1220. .aui-card-list-footer {
  1221. font-size: 0.7rem;
  1222. color: #757575;
  1223. }
  1224. .aui-card-list-footer > * {
  1225. position: relative;
  1226. }
  1227. .aui-card-list-footer.aui-text-center {
  1228. display: -webkit-box;
  1229. display: -webkit-flex;
  1230. display: flex;
  1231. -webkit-box-pack: center;
  1232. box-pack: center;
  1233. -webkit-justify-content: center;
  1234. justify-content: center;
  1235. }
  1236. .aui-card-list-footer .aui-iconfont {
  1237. font-size: 0.9rem;
  1238. }
  1239. /*宫格布局*/
  1240. .aui-grid {
  1241. width: 100%;
  1242. background-color: #ffffff;
  1243. display: table;
  1244. table-layout: fixed;
  1245. }
  1246. .aui-grid [class*=aui-col-] {
  1247. display: table-cell;
  1248. position: relative;
  1249. text-align: center;
  1250. vertical-align: middle;
  1251. padding: 1rem 0;
  1252. }
  1253. .aui-grid [class*=aui-col-xs-]:active {
  1254. /*background-color: #f5f5f5;*/
  1255. }
  1256. .aui-grid .aui-iconfont {
  1257. position: relative;
  1258. z-index: 20;
  1259. top: 0;
  1260. height: 1.4rem;
  1261. font-size: 1.4rem;
  1262. line-height: 1.4rem;
  1263. }
  1264. .aui-grid .aui-grid-label {
  1265. display: block;
  1266. font-size: 0.7rem;
  1267. position: relative;
  1268. margin-top: 0.25rem;
  1269. }
  1270. .aui-grid .aui-badge {
  1271. position: absolute;
  1272. top: 0.5rem;
  1273. left: 60%;
  1274. z-index: 99;
  1275. }
  1276. .aui-grid .aui-dot {
  1277. position: absolute;
  1278. top: 0.5rem;
  1279. right: 20%;
  1280. z-index: 99;
  1281. }
  1282. /*单选、多选、开关*/
  1283. .aui-radio,
  1284. .aui-checkbox {
  1285. width: 1rem;
  1286. height: 1rem;
  1287. background-color: #ffffff;
  1288. border: solid 1px #dddddd;
  1289. -webkit-border-radius: 0.6rem;
  1290. border-radius: 0.6rem;
  1291. font-size: 0.8rem;
  1292. margin: 0;
  1293. padding: 0;
  1294. position: relative;
  1295. display: inline-block;
  1296. vertical-align: top;
  1297. cursor: default;
  1298. -webkit-appearance: none;
  1299. -webkit-user-select: none;
  1300. user-select: none;
  1301. -webkit-transition: background-color ease 0.1s;
  1302. transition: background-color ease 0.1s;
  1303. }
  1304. .aui-checkbox {
  1305. border-radius: 0.1rem;
  1306. }
  1307. .aui-radio:checked,
  1308. .aui-radio.aui-checked,
  1309. .aui-checkbox:checked,
  1310. .aui-checkbox.aui-checked {
  1311. background-color: #03a9f4;
  1312. border: solid 1px #03a9f4;
  1313. text-align: center;
  1314. background-clip: padding-box;
  1315. }
  1316. .aui-radio:checked:before,
  1317. .aui-radio.aui-checked:before,
  1318. .aui-checkbox:checked:before,
  1319. .aui-checkbox.aui-checked:before,
  1320. .aui-radio:checked:after,
  1321. .aui-radio.aui-checked:after,
  1322. .aui-checkbox:checked:after,
  1323. .aui-checkbox.aui-checked:after {
  1324. content: '';
  1325. width: 0.5rem;
  1326. height: 0.3rem;
  1327. position: absolute;
  1328. top: 50%;
  1329. left: 50%;
  1330. margin-left: -0.25rem;
  1331. margin-top: -0.25rem;
  1332. background: transparent;
  1333. border: 1px solid #ffffff;
  1334. border-top: none;
  1335. border-right: none;
  1336. z-index: 2;
  1337. -webkit-border-radius: 0;
  1338. border-radius: 0;
  1339. -webkit-transform: rotate(-45deg);
  1340. transform: rotate(-45deg);
  1341. }
  1342. .aui-radio:disabled,
  1343. .aui-radio.aui-disabled,
  1344. .aui-checkbox:disabled,
  1345. .aui-checkbox.aui-disabled {
  1346. background-color: #dddddd;
  1347. border: solid 1px #dddddd;
  1348. }
  1349. .aui-radio:disabled:before,
  1350. .aui-radio.aui-disabled:before,
  1351. .aui-radio:disabled:after,
  1352. .aui-radio.aui-disabled:after,
  1353. .aui-checkbox:disabled:before,
  1354. .aui-checkbox.aui-disabled:before,
  1355. .aui-checkbox:disabled:after,
  1356. .aui-checkbox.aui-disabled:after {
  1357. content: '';
  1358. width: 0.5rem;
  1359. height: 0.3rem;
  1360. position: absolute;
  1361. top: 50%;
  1362. left: 50%;
  1363. margin-left: -0.25rem;
  1364. margin-top: -0.25rem;
  1365. background: transparent;
  1366. border: 1px solid #ffffff;
  1367. border-top: none;
  1368. border-right: none;
  1369. z-index: 2;
  1370. -webkit-border-radius: 0;
  1371. border-radius: 0;
  1372. -webkit-transform: rotate(-45deg);
  1373. transform: rotate(-45deg);
  1374. }
  1375. .aui-switch {
  1376. width: 2.3rem;
  1377. height: 1.2rem;
  1378. position: relative;
  1379. vertical-align: top;
  1380. border: 1px solid #dddddd;
  1381. background-color: #dddddd;
  1382. border-radius: 0.6rem;
  1383. background-clip: content-box;
  1384. display: inline-block;
  1385. outline: none;
  1386. -webkit-appearance: none;
  1387. appearance: none;
  1388. -webkit-user-select: none;
  1389. user-select: none;
  1390. -webkit-box-sizing: border-box;
  1391. box-sizing: border-box;
  1392. -webkit-background-clip: padding-box;
  1393. background-clip: padding-box;
  1394. -webkit-transition: all 0.2s linear;
  1395. transition: all 0.2s linear;
  1396. }
  1397. .aui-switch:before {
  1398. width: 1.1rem;
  1399. height: 1.1rem;
  1400. position: absolute;
  1401. top: 0;
  1402. left: 0;
  1403. border-radius: 0.6rem;
  1404. background-color: #fff;
  1405. content: '';
  1406. -webkit-transition: left 0.2s;
  1407. transition: left 0.2s;
  1408. }
  1409. .aui-switch:checked {
  1410. border-color: #03a9f4;
  1411. background-color: #03a9f4;
  1412. }
  1413. .aui-switch:checked:before {
  1414. left: 1.1rem;
  1415. }
  1416. /*导航栏*/
  1417. .aui-bar {
  1418. position: relative;
  1419. top: 0;
  1420. right: 0;
  1421. left: 0;
  1422. z-index: 10;
  1423. width: 100%;
  1424. min-height: 2.25rem;
  1425. font-size: 0.9rem;
  1426. text-align: center;
  1427. display: table;
  1428. }
  1429. .aui-bar-nav {
  1430. top: 0;
  1431. line-height: 2.25rem;
  1432. background-color: #03a9f4;
  1433. color: #ffffff;
  1434. }
  1435. .aui-title a {
  1436. color: inherit;
  1437. }
  1438. .aui-bar-nav .aui-title {
  1439. min-height: 2.25rem;
  1440. position: absolute;
  1441. margin: 0;
  1442. text-align: center;
  1443. white-space: nowrap;
  1444. right: 5rem;
  1445. left: 5rem;
  1446. width: auto;
  1447. overflow: hidden;
  1448. text-overflow: ellipsis;
  1449. z-index: 2;
  1450. }
  1451. .aui-bar-nav a {
  1452. color: #ffffff;
  1453. }
  1454. .aui-bar-nav .aui-iconfont {
  1455. position: relative;
  1456. z-index: 20;
  1457. font-size: 0.9rem;
  1458. color: #ffffff;
  1459. font-weight: 400;
  1460. line-height: 2.25rem;
  1461. }
  1462. .aui-bar-nav .aui-pull-left {
  1463. padding: 0 0.5rem;
  1464. font-size: 0.8rem;
  1465. font-weight: 400;
  1466. z-index: 2;
  1467. -webkit-box-sizing: border-box;
  1468. box-sizing: border-box;
  1469. display: -webkit-box;
  1470. display: -webkit-flex;
  1471. display: flex;
  1472. -webkit-align-items: center;
  1473. align-items: center;
  1474. }
  1475. .aui-bar-nav .aui-pull-right {
  1476. padding: 0 0.5rem;
  1477. font-size: 0.8rem;
  1478. font-weight: 400;
  1479. z-index: 2;
  1480. -webkit-box-sizing: border-box;
  1481. box-sizing: border-box;
  1482. display: -webkit-box;
  1483. display: -webkit-flex;
  1484. display: flex;
  1485. -webkit-align-items: center;
  1486. align-items: center;
  1487. }
  1488. .aui-bar-nav .aui-btn {
  1489. position: relative;
  1490. z-index: 20;
  1491. height: 2.25rem;
  1492. line-height: 2.25rem;
  1493. padding-top: 0;
  1494. padding-bottom: 0;
  1495. margin: 0;
  1496. border-radius: 0.1rem;
  1497. border-width: 0;
  1498. background: transparent !important;
  1499. }
  1500. .aui-bar-nav .aui-btn.aui-btn-outlined {
  1501. position: relative;
  1502. padding: 0 0.15rem;
  1503. margin: 0.5rem;
  1504. height: 1.25rem;
  1505. line-height: 1.25rem;
  1506. border-width: 1px;
  1507. background: transparent !important;
  1508. border-color: #ffffff;
  1509. }
  1510. .aui-bar-nav .aui-btn:active {
  1511. background: none;
  1512. }
  1513. .aui-bar-nav .aui-btn .aui-iconfont {
  1514. font-size: 0.9rem;
  1515. line-height: 1.25rem;
  1516. padding: 0;
  1517. margin: 0;
  1518. color: #ffffff;
  1519. font-weight: bold;
  1520. }
  1521. .aui-bar-light {
  1522. color: #03a9f4;
  1523. background-color: #ffffff;
  1524. border-bottom: 1px solid #dddddd;
  1525. }
  1526. .aui-bar-nav.aui-bar-light .aui-iconfont {
  1527. color: #03a9f4;
  1528. }
  1529. .aui-bar-nav.aui-bar-light .aui-btn-outlined {
  1530. border-color: #03a9f4;
  1531. }
  1532. @media screen and (-webkit-min-device-pixel-ratio:1.5) {
  1533. .aui-bar.aui-bar-light {
  1534. border: none;
  1535. background-size: 100% 1px;
  1536. background-repeat: no-repeat;
  1537. background-position: bottom;
  1538. background-image: linear-gradient(0,#dddddd,#dddddd 50%,transparent 50%);
  1539. background-image: -webkit-linear-gradient(90deg,#dddddd,#dddddd 50%,transparent 50%);
  1540. }
  1541. }
  1542. /*底部切换栏*/
  1543. .aui-bar-tab {
  1544. position: fixed;
  1545. top: auto;
  1546. bottom: 0;
  1547. table-layout: fixed;
  1548. background-color: #ffffff;
  1549. color: #757575;
  1550. }
  1551. .aui-bar-tab .aui-bar-tab-item {
  1552. display: table-cell;
  1553. position: relative;
  1554. width: 1%;
  1555. height: 2.5rem;
  1556. text-align: center;
  1557. vertical-align: middle;
  1558. }
  1559. .aui-bar-tab .aui-active {
  1560. color: #039be5;
  1561. }
  1562. .aui-bar-tab .aui-bar-tab-item .aui-iconfont {
  1563. position: relative;
  1564. z-index: 20;
  1565. top: 0.1rem;
  1566. height: 1.2rem;
  1567. font-size: 1rem;
  1568. line-height: 1rem;
  1569. }
  1570. .aui-bar-tab .aui-bar-tab-label {
  1571. display: block;
  1572. font-size: 0.6rem;
  1573. position: relative;
  1574. }
  1575. .aui-bar-tab .aui-badge {
  1576. position: absolute;
  1577. top: 0.1rem;
  1578. left: 55%;
  1579. z-index: 99;
  1580. }
  1581. .aui-bar-tab .aui-dot {
  1582. position: absolute;
  1583. top: 0.1rem;
  1584. right: 30%;
  1585. z-index: 99;
  1586. }
  1587. /*按钮工具栏*/
  1588. .aui-bar-btn {
  1589. position: relative;
  1590. font-size: 0.7rem;
  1591. display: table;
  1592. white-space: nowrap;
  1593. margin: 0 auto;
  1594. padding: 0;
  1595. border: none;
  1596. width: 100%;
  1597. min-height: 1.8rem;
  1598. }
  1599. .aui-bar-btn-item {
  1600. display: table-cell;
  1601. position: relative;
  1602. width: 1%;
  1603. line-height: 1.6rem;
  1604. text-align: center;
  1605. vertical-align: middle;
  1606. border-radius: 0;
  1607. position: relative;
  1608. border-width: 1px;
  1609. border-style: solid;
  1610. border-color: #03a9f4;
  1611. border-left-width: 0;
  1612. }
  1613. .aui-bar-btn .aui-input,
  1614. .aui-bar-btn input,
  1615. .aui-bar-btn select {
  1616. padding-left: 0.25rem;
  1617. padding-right: 0.25rem;
  1618. height: 1.8rem;
  1619. }
  1620. .aui-bar-btn-sm {
  1621. min-height: 1.3rem;
  1622. }
  1623. .aui-bar-btn.aui-bar-btn-sm .aui-input,
  1624. .aui-bar-btn.aui-bar-btn-sm input,
  1625. .aui-bar-btn.aui-bar-btn-sm select {
  1626. height: 1.2rem;
  1627. }
  1628. .aui-bar-btn-sm .aui-bar-btn-item {
  1629. line-height: 1.3rem;
  1630. font-size: 0.6rem;
  1631. }
  1632. .aui-bar-btn-item.aui-active {
  1633. background-color: #03a9f4;
  1634. color: #ffffff;
  1635. }
  1636. .aui-bar-btn-item:first-child {
  1637. border-left-width: 1px;
  1638. border-top-left-radius: 0.2rem;
  1639. border-bottom-left-radius: 0.2rem;
  1640. }
  1641. .aui-bar-btn-item:last-child {
  1642. border-top-right-radius: 0.2rem;
  1643. border-bottom-right-radius: 0.2rem;
  1644. border-left: 0px;
  1645. }
  1646. .aui-bar-btn.aui-bar-btn-full .aui-bar-btn-item:first-child {
  1647. border-left-width: 0;
  1648. border-top-left-radius: 0;
  1649. border-bottom-left-radius: 0;
  1650. }
  1651. .aui-bar-btn.aui-bar-btn-full .aui-bar-btn-item:last-child {
  1652. border-right-width: 0;
  1653. border-top-right-radius: 0;
  1654. border-bottom-right-radius: 0;
  1655. }
  1656. .aui-bar-btn.aui-bar-btn-round .aui-bar-btn-item:first-child {
  1657. border-top-left-radius: 1.5rem;
  1658. border-bottom-left-radius: 1.5rem;
  1659. }
  1660. .aui-bar-btn.aui-bar-btn-round .aui-bar-btn-item:last-child {
  1661. border-top-right-radius: 1.5rem;
  1662. border-bottom-right-radius: 1.5rem;
  1663. }
  1664. .aui-bar-nav .aui-bar-btn {
  1665. margin-top: 0.45rem;
  1666. margin-bottom: 0.4rem;
  1667. min-height: 1.3rem;
  1668. }
  1669. .aui-bar-nav .aui-bar-btn-item {
  1670. line-height: 1.3rem;
  1671. border-color: #ffffff;
  1672. }
  1673. .aui-bar-nav .aui-bar-btn-item.aui-active {
  1674. background-color: #ffffff;
  1675. color: #03a9f4;
  1676. }
  1677. .aui-bar-nav.aui-bar-light .aui-bar-btn-item {
  1678. border-color: #03a9f4;
  1679. }
  1680. .aui-bar-nav.aui-bar-light .aui-bar-btn-item.aui-active {
  1681. background-color: #03a9f4;
  1682. color: #ffffff;
  1683. }
  1684. .aui-bar-nav > .aui-bar-btn {
  1685. width: 50%;
  1686. }
  1687. .aui-info {
  1688. position: relative;
  1689. padding: 0.5rem 0;
  1690. font-size: 0.7rem;
  1691. color: #757575;
  1692. background-color: transparent;
  1693. -webkit-box-sizing: border-box;
  1694. box-sizing: border-box;
  1695. display: -webkit-box;
  1696. display: -webkit-flex;
  1697. display: flex;
  1698. -webkit-box-pack: justify;
  1699. -webkit-justify-content: space-between;
  1700. justify-content: space-between;
  1701. -webkit-box-align: center;
  1702. -webkit-align-items: center;
  1703. align-items: center;
  1704. }
  1705. .aui-info-item {
  1706. -webkit-box-sizing: border-box;
  1707. box-sizing: border-box;
  1708. display: -webkit-box;
  1709. display: -webkit-flex;
  1710. display: flex;
  1711. -webkit-box-align: center;
  1712. -webkit-align-items: center;
  1713. align-items: center;
  1714. }
  1715. .aui-info-item > *,
  1716. .aui-info > * {
  1717. display: inherit;
  1718. position: relative;
  1719. }
  1720. /*进度条*/
  1721. .aui-progress {
  1722. width: 100%;
  1723. height: 1rem;
  1724. border-radius: 0.2rem;
  1725. overflow: hidden;
  1726. background-color: #f0f0f0;
  1727. }
  1728. .aui-progress-bar {
  1729. float: left;
  1730. width: 0;
  1731. height: 100%;
  1732. font-size: 0.6rem;
  1733. line-height: 1rem;
  1734. color: #ffffff;
  1735. text-align: center;
  1736. background-color: #03a9f4;
  1737. }
  1738. .aui-progress.sm,
  1739. .aui-progress-sm {
  1740. height: 0.5rem;
  1741. }
  1742. .aui-progress.sm,
  1743. .aui-progress-sm,
  1744. .aui-progress.sm .aui-progress-bar,
  1745. .aui-progress-sm .aui-progress-bar {
  1746. border-radius: 1px;
  1747. }
  1748. .aui-progress.xs,
  1749. .aui-progress-xs {
  1750. height: 0.35rem;
  1751. }
  1752. .aui-progress.xs,
  1753. .aui-progress-xs,
  1754. .aui-progress.xs .progress-bar,
  1755. .aui-progress-xs .progress-bar {
  1756. border-radius: 1px;
  1757. }
  1758. .aui-progress.xxs,
  1759. .aui-progress-xxs {
  1760. height: 0.15rem;
  1761. }
  1762. .aui-progress.xxs,
  1763. .aui-progress-xxs,
  1764. .aui-progress.xxs .progress-bar,
  1765. .aui-progress-xxs .progress-bar {
  1766. border-radius: 1px;
  1767. }
  1768. /*滑块*/
  1769. .aui-range {
  1770. position: relative;
  1771. display: inline-block;
  1772. }
  1773. .aui-range input[type='range']{
  1774. height: 0.2rem;
  1775. border: 0;
  1776. border-radius: 2px;
  1777. background-color: #f0f0f0;
  1778. position: relative;
  1779. -webkit-appearance: none !important;
  1780. }
  1781. .aui-range input[type='range']::-webkit-slider-thumb {
  1782. width: 1.2rem;
  1783. height: 1.2rem;
  1784. border-radius: 50%;
  1785. border-color: #03a9f4;
  1786. background-color: #03a9f4;
  1787. -webkit-appearance: none !important;
  1788. }
  1789. .aui-range .aui-range-tip {
  1790. font-size: 1rem;
  1791. position: absolute;
  1792. z-index: 999;
  1793. top: -1.5rem;
  1794. width: 2.4rem;
  1795. height: 1.5rem;
  1796. line-height: 1.5rem;
  1797. text-align: center;
  1798. color: #666666;
  1799. border: 1px solid #dddddd;
  1800. border-radius: 0.3rem;
  1801. background-color: #ffffff;
  1802. }
  1803. .aui-input-row .aui-range input[type='range'] {
  1804. width: 90%;
  1805. margin-left: 5%;
  1806. }
  1807. /*搜索条*/
  1808. .aui-searchbar {
  1809. display: -webkit-box;
  1810. -webkit-box-pack: center;
  1811. -webkit-box-align: center;
  1812. height: 2.2rem;
  1813. overflow: hidden;
  1814. width: 100%;
  1815. background-color: #ebeced;
  1816. color: #9e9e9e;
  1817. -webkit-backface-visibility: hidden;
  1818. backface-visibility: hidden;
  1819. }
  1820. .aui-searchbar.focus {
  1821. -webkit-box-pack: start;
  1822. }
  1823. .aui-searchbar-input {
  1824. margin: 0 0.5rem;
  1825. background-color: #ffffff;
  1826. border-radius: 0.25rem;
  1827. height: 1.4rem;
  1828. line-height: 1.4rem;
  1829. font-size: 0.7rem;
  1830. position: relative;
  1831. padding-left: 0.5rem;
  1832. display: -webkit-box;
  1833. -webkit-box-flex: 1;
  1834. }
  1835. .aui-searchbar form {
  1836. width: 90%;
  1837. }
  1838. .aui-searchbar-input input {
  1839. color: #666666;
  1840. width: 80%;
  1841. padding: 0;
  1842. margin: 0;
  1843. height: 1.4rem;
  1844. line-height: normal;
  1845. border: 0;
  1846. -webkit-appearance: none;
  1847. font-size: 0.7rem;
  1848. }
  1849. .aui-searchbar input::-webkit-input-placeholder {
  1850. color: #ccc;
  1851. }
  1852. .aui-searchbar .aui-iconfont {
  1853. line-height: 1.4rem;
  1854. margin-right: 0.25rem;
  1855. color: #9e9e9e !important;
  1856. }
  1857. .aui-searchbar .aui-searchbar-btn {
  1858. font-size: 0.7rem;
  1859. color: #666666;
  1860. margin-right: -2.2rem;
  1861. width: 2.2rem;
  1862. height: 1.4rem;
  1863. padding-right: 0.5rem;
  1864. line-height: 1.4rem;
  1865. text-align: center;
  1866. -webkit-transition: all .3s;
  1867. transition: all .3s;
  1868. }
  1869. .aui-searchbar-clear-btn {
  1870. position: absolute;
  1871. right: 5px;
  1872. top: 3px;
  1873. width: 1.1rem;
  1874. height: 1.1rem;
  1875. background: #eeeeee;
  1876. border-radius: 50%;
  1877. line-height: 0.6rem;
  1878. text-align: center;
  1879. display: none;
  1880. }
  1881. .aui-searchbar-clear-btn .aui-iconfont {
  1882. font-size: 0.6rem;
  1883. margin: 0 auto;
  1884. position: relative;
  1885. top: -2px;
  1886. }
  1887. .aui-searchbar .aui-searchbar-btn .aui-iconfont {
  1888. color: #666666;
  1889. }
  1890. /*信息提示条*/
  1891. .aui-tips {
  1892. padding: 0 0.75rem;
  1893. width: 100%;
  1894. z-index: 99;
  1895. height: 1.9rem;
  1896. line-height: 1.9rem;
  1897. position: relative;
  1898. background-color: rgba(0,0,0,.6);
  1899. color: #ffffff;
  1900. display: -webkit-box;
  1901. display: -webkit-flex;
  1902. display: flex;
  1903. -webkit-box-pack: justify;
  1904. -webkit-justify-content: space-between;
  1905. justify-content: space-between;
  1906. -webkit-align-items: center;
  1907. align-items: center;
  1908. }
  1909. .aui-tips .aui-tips-title {
  1910. padding: 0 0.5rem;
  1911. font-size: 0.7rem;
  1912. position: relative;
  1913. max-width: 100%;
  1914. }
  1915. /*toast*/
  1916. .api-toast{
  1917. width: 100%;
  1918. height: 100%;
  1919. position: fixed;
  1920. top: 0;
  1921. left: 0;
  1922. background: rgba(255,255,255,1);
  1923. }
  1924. .aui-toast {
  1925. background: rgba(0, 0, 0, 0.7);
  1926. text-align: center;
  1927. border-radius: 0.25rem;
  1928. color: #ffffff;
  1929. position: fixed;
  1930. z-index: 3;
  1931. top: 45%;
  1932. left: 50%;
  1933. width: 7.5em;
  1934. padding: 0.5rem;
  1935. margin-left: -3.75em;
  1936. margin-top: -4rem;
  1937. display: none;
  1938. }
  1939. .aui-toast .aui-iconfont {
  1940. display: block;
  1941. font-size: 2.6rem;
  1942. }
  1943. .aui-toast-content {
  1944. font-size: 0.7rem;
  1945. /*margin: 0 0 0.75rem;*/
  1946. }
  1947. .aui-toast-loading {
  1948. background-color: #ffffff;
  1949. border-radius: 100%;
  1950. margin: 0.75rem 0;
  1951. -webkit-animation-fill-mode: both;
  1952. animation-fill-mode: both;
  1953. border: 2px solid #ffffff;
  1954. border-bottom-color: transparent;
  1955. height: 2.25rem;
  1956. width: 2.25rem;
  1957. background: transparent !important;
  1958. display: inline-block;
  1959. -webkit-animation: rotate 1s 0s linear infinite;
  1960. animation: rotate 1s 0s linear infinite;
  1961. }
  1962. /*dialog*/
  1963. .aui-dialog {
  1964. width: 13.5rem;
  1965. text-align: center;
  1966. position: fixed;
  1967. z-index: 999;
  1968. left: 50%;
  1969. margin-left: -6.75rem;
  1970. margin-top: 0;
  1971. top: 45%;
  1972. border-radius: 0.3rem;
  1973. opacity: 0;
  1974. background-color: #ffffff;
  1975. -webkit-transform: translate3d(0, 0, 0) scale(1.2);
  1976. transform: translate3d(0, 0, 0) scale(1.2);
  1977. -webkit-transition-property: -webkit-transform, opacity;
  1978. transition-property: transform, opacity;
  1979. /*display: none;*/
  1980. }
  1981. .aui-dialog-header {
  1982. padding: 0.5rem 0.75rem 0 0.75rem;
  1983. text-align: center;
  1984. font-size: 1em;
  1985. color: #212121;
  1986. }
  1987. .aui-dialog-body {
  1988. padding: 0.75rem;
  1989. overflow: hidden;
  1990. font-size: 0.875em;
  1991. color: #757575;
  1992. }
  1993. .aui-dialog-body input {
  1994. border: 1px solid #dddddd;
  1995. height: 1.8rem;
  1996. line-height: 1.8rem;
  1997. min-height: 1.8rem;
  1998. padding-left: 0.25rem;
  1999. padding-right: 0.25rem;
  2000. }
  2001. .aui-dialog-footer {
  2002. position: relative;
  2003. font-size: 1em;
  2004. border-top: 1px solid #dddddd;
  2005. display: -webkit-box;
  2006. display: -webkit-flex;
  2007. display: flex;
  2008. -webkit-box-pack: center;
  2009. -webkit-justify-content: center;
  2010. justify-content: center;
  2011. }
  2012. .aui-dialog-btn {
  2013. position: relative;
  2014. display: block;
  2015. width: 100%;
  2016. padding: 0 0.25rem;
  2017. height: 2.2rem;
  2018. font-size: 0.8rem;
  2019. line-height: 2.2rem;
  2020. text-align: center;
  2021. color: #0894ec;
  2022. border-right: 1px solid #dddddd;
  2023. white-space: nowrap;
  2024. text-overflow: ellipsis;
  2025. overflow: hidden;
  2026. -webkit-box-sizing: border-box;
  2027. box-sizing: border-box;
  2028. -webkit-box-flex: 1;
  2029. box-flex: 1;
  2030. }
  2031. .aui-dialog-btn:last-child {
  2032. border-right: none;
  2033. }
  2034. .aui-dialog.aui-dialog-in {
  2035. opacity: 1;
  2036. -webkit-transition-duration: 300ms;
  2037. transition-duration: 300ms;
  2038. -webkit-transform: translate3d(0, 0, 0) scale(1);
  2039. transform: translate3d(0, 0, 0) scale(1);
  2040. }
  2041. .aui-dialog.aui-dialog-out {
  2042. opacity: 0;
  2043. -webkit-transition-duration: 300ms;
  2044. transition-duration: 300ms;
  2045. -webkit-transform: translate3d(0, 0, 0) scale(0.815);
  2046. transform: translate3d(0, 0, 0) scale(0.815);
  2047. }
  2048. @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
  2049. .aui-dialog-footer {
  2050. border: none;
  2051. background-size: 100% 1px;
  2052. background-repeat: no-repeat;
  2053. background-position: top;
  2054. background-image: linear-gradient(0,#dddddd,#dddddd 50%,transparent 50%);
  2055. background-image: -webkit-linear-gradient(90deg,#dddddd,#dddddd 50%,transparent 50%);
  2056. }
  2057. .aui-dialog-btn {
  2058. border: none;
  2059. background-image: -webkit-linear-gradient(0deg, #dddddd, #dddddd 50%, transparent 50%);
  2060. background-image: linear-gradient(270deg, #dddddd, #dddddd 50%, transparent 50%);
  2061. background-size: 1px 100%;
  2062. background-repeat: no-repeat;
  2063. background-position: right;
  2064. }
  2065. .aui-dialog-btn:last-child {
  2066. border: none;
  2067. background-size: 0 100%;
  2068. }
  2069. .aui-dialog-body input {
  2070. border: none;
  2071. background-image: -webkit-linear-gradient(270deg, #dddddd, #dddddd 50%, transparent 50%), -webkit-linear-gradient(180deg, #dddddd, #dddddd 50%, transparent 50%), -webkit-linear-gradient(90deg, #dddddd, #dddddd 50%, transparent 50%), -webkit-linear-gradient(0, #dddddd, #dddddd 50%, transparent 50%);
  2072. background-image: linear-gradient(180deg, #dddddd, #dddddd 50%, transparent 50%), linear-gradient(270deg, #dddddd, #dddddd 50%, transparent 50%), linear-gradient(0deg, #dddddd, #dddddd 50%, transparent 50%), linear-gradient(90deg, #dddddd, #dddddd 50%, transparent 50%);
  2073. background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
  2074. background-repeat: no-repeat;
  2075. background-position: top, right top, bottom, left top;
  2076. }
  2077. }
  2078. /*popup*/
  2079. .aui-popup {
  2080. padding: 0;
  2081. margin: 0;
  2082. background: transparent;
  2083. position: fixed;
  2084. height: auto;
  2085. min-width: 7rem;
  2086. min-height: 4.5rem;
  2087. z-index: 999;
  2088. opacity: 0;
  2089. -webkit-transition-property: -webkit-transform, opacity;
  2090. transition-property: transform, opacity;
  2091. }
  2092. .aui-popup.aui-popup-in {
  2093. opacity: 1;
  2094. -webkit-transition-duration: 300ms;
  2095. transition-duration: 300ms;
  2096. }
  2097. .aui-popup.aui-popup-out {
  2098. opacity: 0;
  2099. -webkit-transition-duration: 300ms;
  2100. transition-duration: 300ms;
  2101. }
  2102. .aui-popup-right {
  2103. right: 0.75rem;
  2104. }
  2105. .aui-popup-content {
  2106. background-color: #ffffff;
  2107. border-radius: 0.2rem;
  2108. overflow: hidden;
  2109. min-height: 4.5rem;
  2110. height: 100%;
  2111. }
  2112. .aui-popup-top,
  2113. .aui-popup-top-left,
  2114. .aui-popup-top-right {
  2115. top: 0.45rem;
  2116. }
  2117. .aui-popup-top {
  2118. left: 50%;
  2119. margin-left: -3.5rem;
  2120. }
  2121. .aui-popup-top-left {
  2122. left: 0.45rem;
  2123. }
  2124. .aui-popup-top-right {
  2125. right: 0.45rem;
  2126. }
  2127. .aui-popup-arrow {
  2128. position: absolute;
  2129. width: 10px;
  2130. height: 10px;
  2131. -webkit-transform-origin: 50% 50% 0;
  2132. transform-origin: 50% 50% 0;
  2133. background-color: transparent;
  2134. background-image: -webkit-linear-gradient(45deg, #ffffff, #ffffff 50%, transparent 50%);
  2135. background-image: linear-gradient(45deg, #ffffff, #ffffff 50%, transparent 50%);
  2136. }
  2137. .aui-popup-top .aui-popup-arrow,
  2138. .aui-popup-top-left .aui-popup-arrow,
  2139. .aui-popup-top-right .aui-popup-arrow {
  2140. top: 0.2rem;
  2141. -webkit-transform: rotate(135deg);
  2142. transform: rotate(135deg);
  2143. }
  2144. .aui-popup-top .aui-popup-arrow {
  2145. left: 50%;
  2146. margin-left: -0.25rem;
  2147. margin-top: -0.4rem;
  2148. }
  2149. .aui-popup-top-left .aui-popup-arrow {
  2150. left: 0.25rem;
  2151. margin-top: -0.4rem;
  2152. }
  2153. .aui-popup-top-right .aui-popup-arrow {
  2154. right: 0.25rem;
  2155. margin-top: -0.4rem;
  2156. }
  2157. .aui-popup-bottom,
  2158. .aui-popup-bottom-left,
  2159. .aui-popup-bottom-right {
  2160. bottom: 0.45rem;
  2161. }
  2162. .aui-popup-bottom {
  2163. left: 50%;
  2164. margin-left: -3.5rem;
  2165. }
  2166. .aui-popup-bottom-left {
  2167. left: 0.45rem;
  2168. }
  2169. .aui-popup-bottom-right {
  2170. right: 0.45rem;
  2171. }
  2172. .aui-popup-bottom .aui-popup-arrow,
  2173. .aui-popup-bottom-left .aui-popup-arrow,
  2174. .aui-popup-bottom-right .aui-popup-arrow {
  2175. -webkit-transform: rotate(-45deg);
  2176. transform: rotate(-45deg);
  2177. bottom: 0.2rem;
  2178. }
  2179. .aui-popup-bottom .aui-popup-arrow {
  2180. left: 50%;
  2181. margin-left: -0.25rem;
  2182. margin-bottom: -0.4rem;
  2183. }
  2184. .aui-popup-bottom-left .aui-popup-arrow {
  2185. left: 0.25rem;
  2186. margin-bottom: -0.4rem;
  2187. }
  2188. .aui-popup-bottom-right .aui-popup-arrow {
  2189. right: 0.25rem;
  2190. margin-bottom: -0.4rem;
  2191. }
  2192. .aui-popup .aui-list {
  2193. background: transparent;
  2194. }
  2195. .aui-popup-content .aui-list img {
  2196. display: block;
  2197. width: 1rem;
  2198. }
  2199. /*actionsheet*/
  2200. .aui-actionsheet {
  2201. width: 100%;
  2202. position: fixed;
  2203. bottom: 0;
  2204. left: 0;
  2205. padding: 0 0.5rem;
  2206. z-index: 999;
  2207. opacity: 0;
  2208. -webkit-transition: opacity .3s,-webkit-transform .3s;
  2209. transition: opacity .3s,transform .3s;
  2210. -webkit-transform: translate3d(0,100%,0);
  2211. transform: translate3d(0,100%,0);
  2212. }
  2213. .aui-actionsheet-btn {
  2214. background-color: #ffffff;
  2215. border-radius: 6px;
  2216. text-align: center;
  2217. margin-bottom: 0.5rem;
  2218. }
  2219. .aui-actionsheet-title {
  2220. font-size: 0.6rem;
  2221. color: #999999;
  2222. line-height: 1.8rem;
  2223. }
  2224. .aui-actionsheet-btn-item {
  2225. height: 2.2rem;
  2226. line-height: 2.2rem;
  2227. color: #0075f0;
  2228. }
  2229. /*sharebox*/
  2230. .aui-sharebox {
  2231. width: 100%;
  2232. position: fixed;
  2233. bottom: 0;
  2234. left: 0;
  2235. z-index: 999;
  2236. background-color: #ffffff;
  2237. opacity: 0;
  2238. -webkit-transition: opacity .3s,-webkit-transform .3s;
  2239. transition: opacity .3s,transform .3s;
  2240. -webkit-transform: translate3d(0,100%,0);
  2241. transform: translate3d(0,100%,0);
  2242. }
  2243. .aui-sharebox .aui-row {
  2244. padding: 0.5rem 0;
  2245. }
  2246. .aui-sharebox img {
  2247. display: block;
  2248. width: 50%;
  2249. margin: 0 auto;
  2250. }
  2251. .aui-sharebox.aui-grid [class*=aui-col-] {
  2252. padding: 0.5rem 0;
  2253. }
  2254. .aui-sharebox.aui-grid .aui-grid-label {
  2255. font-size: 0.6rem;
  2256. color: #757575;
  2257. }
  2258. .aui-sharebox-close-btn {
  2259. width: 100%;
  2260. height: 2.2rem;
  2261. line-height: 2.2rem;
  2262. color: #757575;
  2263. text-align: center;
  2264. font-size: 0.7rem;
  2265. }
  2266. /*折叠菜单*/
  2267. .aui-collapse-header.aui-active {
  2268. background: #ececec;
  2269. }
  2270. .aui-collapse .aui-list-item:active{
  2271. background: #ececec;
  2272. }
  2273. .aui-collapse-content {
  2274. display: none;
  2275. }
  2276. .aui-collapse-content .aui-list-item:last-child {
  2277. border-bottom: 0;
  2278. }
  2279. @media screen and (-webkit-min-device-pixel-ratio:1.5) {
  2280. .aui-collapse-content .aui-list-item:last-child {
  2281. background-position: bottom;
  2282. }
  2283. .aui-list.aui-collapse.aui-list-noborder,
  2284. .aui-list.aui-collapse.aui-list-noborder .aui-collapse-content:last-child .aui-list-item:last-child {
  2285. border: none;
  2286. background-size: 100% 1px;
  2287. background-repeat: no-repeat;
  2288. background-position: 0 bottom;
  2289. background-image: linear-gradient(0,#dddddd,#dddddd 50%,transparent 50%);
  2290. background-image: -webkit-linear-gradient(90deg,#dddddd,#dddddd 50%,transparent 50%);
  2291. }
  2292. .aui-list.aui-collapse.aui-list-noborder,
  2293. .aui-list.aui-collapse.aui-list-noborder .aui-collapse-item:last-child .aui-list-item:last-child {
  2294. border: none;
  2295. background-size: 100% 0;
  2296. background-image: none;
  2297. }
  2298. .aui-list.aui-collapse.aui-list-noborder .aui-collapse-item:last-child .aui-list-item.aui-collapse-header,
  2299. .aui-list.aui-collapse.aui-list-noborder .aui-collapse-content .aui-list-item:last-child {
  2300. border: none;
  2301. background-size: 100% 0;
  2302. background-image: none;
  2303. }
  2304. }
  2305. .aui-collapse-header.aui-active .aui-collapse-arrow {
  2306. display: block;
  2307. transform: rotate(180deg);
  2308. -webkit-transform: rotate(180deg);
  2309. }
  2310. .aui-comment-box {
  2311. background-color: #f6f6f6;
  2312. margin-bottom: 0;
  2313. width: 100%;
  2314. position: fixed;
  2315. bottom: 0;
  2316. left: 0;
  2317. z-index: 999;
  2318. opacity: 0;
  2319. -webkit-transition: opacity .3s,-webkit-transform .3s;
  2320. transition: opacity .3s,transform .3s;
  2321. -webkit-transform: translate3d(0,100%,0);
  2322. transform: translate3d(0,100%,0);
  2323. padding: 0.5rem;
  2324. }
  2325. .aui-comment-box .aui-card-list-content {
  2326. padding: 0;
  2327. }
  2328. .aui-comment-box textarea {
  2329. background: #ffffff;
  2330. height: 4.5rem;
  2331. padding: 0.25rem;
  2332. border: 1px solid #eee;
  2333. }
  2334. .aui-comment-box .aui-card-list-header {
  2335. padding: 0;
  2336. }
  2337. .aui-comment-box .aui-card-list-footer {
  2338. padding: 0;
  2339. min-height: 1 !important;
  2340. }
  2341. .aui-comment-box .aui-comment-box-confirm.aui-active {
  2342. background-color: #03a9f4 !important;
  2343. color: #ffffff;
  2344. }
  2345. /*聊天气泡*/
  2346. .aui-chat {
  2347. width: 100%;
  2348. height: 100%;
  2349. padding: 0.5rem;
  2350. }
  2351. .aui-chat .aui-chat-item {
  2352. position: relative;
  2353. width: 100%;
  2354. margin-bottom: 0.75rem;
  2355. overflow: hidden;
  2356. display: block;
  2357. }
  2358. .aui-chat .aui-chat-header {
  2359. width: 100%;
  2360. text-align: center;
  2361. margin-bottom: 0.75rem;
  2362. font-size: 0.6rem;
  2363. color: #757575;
  2364. }
  2365. .aui-chat .aui-chat-left {
  2366. float: left;
  2367. }
  2368. .aui-chat .aui-chat-right {
  2369. float: right;
  2370. }
  2371. .aui-chat .aui-chat-media {
  2372. display: inline-block;
  2373. max-width: 2rem;
  2374. }
  2375. .aui-chat .aui-chat-media img {
  2376. width: 100%;
  2377. border-radius: 50%;
  2378. }
  2379. .aui-chat .aui-chat-inner {
  2380. position: relative;
  2381. overflow: hidden;
  2382. display: inherit;
  2383. }
  2384. .aui-chat .aui-chat-arrow {
  2385. content: '';
  2386. position: absolute;
  2387. width: 0.6rem;
  2388. height: 0.6rem;
  2389. top: 0.2rem;
  2390. -webkit-transform-origin: 50% 50% 0;
  2391. transform-origin: 50% 50% 0;
  2392. background-color: transparent;
  2393. }
  2394. .aui-chat .aui-chat-left .aui-chat-arrow {
  2395. background-image: -webkit-linear-gradient(45deg, #b3e5fc, #b3e5fc 50%, transparent 50%);
  2396. background-image: linear-gradient(45deg, #b3e5fc, #b3e5fc 50%, transparent 50%);
  2397. -webkit-transform: rotate(45deg);
  2398. transform: rotate(45deg);
  2399. left: -0.25rem;
  2400. }
  2401. .aui-chat .aui-chat-right .aui-chat-arrow {
  2402. background-image: -webkit-linear-gradient(45deg, #ffffff, #ffffff 50%, transparent 50%);
  2403. background-image: linear-gradient(45deg, #ffffff, #ffffff 50%, transparent 50%);
  2404. -webkit-transform: rotate(-135deg);
  2405. transform: rotate(-135deg);
  2406. right: -0.25rem;
  2407. }
  2408. .aui-chat .aui-chat-content {
  2409. color: #212121;
  2410. font-size: 0.7rem;
  2411. border-radius: 0.2rem;
  2412. min-height: 2rem;
  2413. position: relative;
  2414. padding: 0.5rem;
  2415. max-width: 80%;
  2416. word-break: break-all;
  2417. word-wrap: break-word;
  2418. }
  2419. .aui-chat .aui-chat-content img {
  2420. max-width: 100%;
  2421. display: block;
  2422. }
  2423. .aui-chat .aui-chat-status {
  2424. position: relative;
  2425. width: 2rem;
  2426. height: 2rem;
  2427. line-height: 2rem;
  2428. text-align: center;
  2429. }
  2430. .aui-chat .aui-chat-name {
  2431. width: 100%;
  2432. position: relative;
  2433. font-size: 0.6rem;
  2434. color: #757575;
  2435. margin-bottom: 0.25rem;
  2436. }
  2437. .aui-chat .aui-chat-left .aui-chat-name {
  2438. left: 0.5rem;
  2439. }
  2440. .aui-chat .aui-chat-left .aui-chat-status {
  2441. left: 0.5rem;
  2442. float: left;
  2443. }
  2444. .aui-chat .aui-chat-left .aui-chat-media {
  2445. width: 2rem;
  2446. float: left;
  2447. }
  2448. .aui-chat .aui-chat-left .aui-chat-inner {
  2449. max-width: 70%;
  2450. }
  2451. .aui-chat .aui-chat-left .aui-chat-content{
  2452. background-color: #b3e5fc;
  2453. float: left;
  2454. left: 0.5rem;
  2455. }
  2456. .aui-chat .aui-chat-right .aui-chat-media {
  2457. width: 2rem;
  2458. float: right;
  2459. }
  2460. .aui-chat .aui-chat-right .aui-chat-inner {
  2461. float: right;
  2462. max-width: 70%;
  2463. }
  2464. .aui-chat .aui-chat-right .aui-chat-name {
  2465. float: right;
  2466. right: 0.5rem;
  2467. text-align: right;
  2468. }
  2469. .aui-chat .aui-chat-right .aui-chat-content {
  2470. background-color: #ffffff;
  2471. right: 0.5rem;
  2472. float: right;
  2473. }
  2474. .aui-chat .aui-chat-right .aui-chat-status {
  2475. float: right;
  2476. right: 0.5rem;
  2477. }
  2478. /*边框样式*/
  2479. .aui-border-l {
  2480. border-left: 1px solid #dddddd;
  2481. }
  2482. .aui-border-r {
  2483. border-right: 1px solid #dddddd;
  2484. }
  2485. .aui-border-t {
  2486. border-top: 1px solid #dddddd;
  2487. }
  2488. .aui-border-b {
  2489. border-bottom: 1px solid #dddddd;
  2490. }
  2491. .aui-border {
  2492. border: 1px solid #dddddd;
  2493. }
  2494. @media screen and (-webkit-min-device-pixel-ratio:1.5) {
  2495. .aui-border-l {
  2496. border: none;
  2497. background-image: -webkit-linear-gradient(0deg, #dddddd, #dddddd 50%, transparent 50%);
  2498. background-image: linear-gradient(270deg, #dddddd, #dddddd 50%, transparent 50%);
  2499. background-size: 1px 100%;
  2500. background-repeat: no-repeat;
  2501. background-position: left;
  2502. }
  2503. .aui-border-r {
  2504. border: none;
  2505. background-image: -webkit-linear-gradient(0deg, #dddddd, #dddddd 50%, transparent 50%);
  2506. background-image: linear-gradient(270deg, #dddddd, #dddddd 50%, transparent 50%);
  2507. background-size: 1px 100%;
  2508. background-repeat: no-repeat;
  2509. background-position: right;
  2510. }
  2511. .aui-border-t{
  2512. border: none;
  2513. background-size: 100% 1px;
  2514. background-repeat: no-repeat;
  2515. background-position: top;
  2516. background-image: linear-gradient(0,#dddddd,#dddddd 50%,transparent 50%);
  2517. background-image: -webkit-linear-gradient(90deg,#dddddd,#dddddd 50%,transparent 50%);
  2518. }
  2519. .aui-border-b {
  2520. border: none;
  2521. background-size: 100% 1px;
  2522. background-repeat: no-repeat;
  2523. background-position: bottom;
  2524. background-image: linear-gradient(0,#dddddd,#dddddd 50%,transparent 50%);
  2525. background-image: -webkit-linear-gradient(90deg,#dddddd,#dddddd 50%,transparent 50%);
  2526. }
  2527. .aui-border{
  2528. border: none;
  2529. background-image: -webkit-linear-gradient(270deg, #dddddd, #dddddd 50%, transparent 50%), -webkit-linear-gradient(180deg, #dddddd, #dddddd 50%, transparent 50%), -webkit-linear-gradient(90deg, #dddddd, #dddddd 50%, transparent 50%), -webkit-linear-gradient(0, #dddddd, #dddddd 50%, transparent 50%);
  2530. background-image: linear-gradient(180deg, #dddddd, #dddddd 50%, transparent 50%), linear-gradient(270deg, #dddddd, #dddddd 50%, transparent 50%), linear-gradient(0deg, #dddddd, #dddddd 50%, transparent 50%), linear-gradient(90deg, #dddddd, #dddddd 50%, transparent 50%);
  2531. background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
  2532. background-repeat: no-repeat;
  2533. background-position: top, right top, bottom, left top;
  2534. }
  2535. }
  2536. /*时间轴*/
  2537. .aui-timeline {
  2538. position: relative;
  2539. padding: 0;
  2540. list-style: none;
  2541. }
  2542. .aui-timeline:before {
  2543. content: '';
  2544. position: absolute;
  2545. top: 0;
  2546. left: 1.85rem;
  2547. width: 2px;
  2548. height: 100%;
  2549. background: #ececec;
  2550. z-index: 0;
  2551. }
  2552. .aui-timeline .aui-timeline-item {
  2553. position: relative;
  2554. margin-bottom: 0.75rem;
  2555. }
  2556. .aui-timeline .aui-timeline-item-header {
  2557. background-color: #ececec;
  2558. padding: 0.2rem 0.5rem;
  2559. margin: 0.75rem;
  2560. text-align: center;
  2561. display: inline-block;
  2562. position: relative;
  2563. z-index: 1;
  2564. font-size: 0.7rem;
  2565. }
  2566. .aui-timeline .aui-timeline-item-label {
  2567. width: 2.5rem;
  2568. height: 1.5rem;
  2569. line-height: 1.5rem;
  2570. font-size: 0.7em;
  2571. background-color: #ececec;
  2572. position: absolute;
  2573. text-align: center;
  2574. left: 0.75rem;
  2575. top: 0;
  2576. }
  2577. .aui-timeline .aui-timeline-item-label-icon {
  2578. width: 1.5rem;
  2579. height: 1.5rem;
  2580. font-size: 0.7rem;
  2581. line-height: 1.5rem;
  2582. background-color: #ececec;
  2583. position: absolute;
  2584. border-radius: 50%;
  2585. text-align: center;
  2586. left: 1.15rem;
  2587. top: 0;
  2588. }
  2589. .aui-timeline .aui-timeline-item-inner {
  2590. margin-left: 3.75rem;
  2591. margin-right: 0.75rem;
  2592. padding: 0;
  2593. position: relative;
  2594. }
  2595. /*基础动画类*/
  2596. @keyframes rotate {
  2597. 0% {
  2598. -webkit-transform: rotate(0deg) scale(1);
  2599. transform: rotate(0deg) scale(1);
  2600. }
  2601. 50% {
  2602. -webkit-transform: rotate(180deg) scale(1);
  2603. transform: rotate(180deg) scale(1);
  2604. }
  2605. 100% {
  2606. -webkit-transform: rotate(360deg) scale(1);
  2607. transform: rotate(360deg) scale(1);
  2608. }
  2609. }
  2610. @-webkit-keyframes rotate {
  2611. 0% {
  2612. -webkit-transform: rotate(0deg) scale(1);
  2613. transform: rotate(0deg) scale(1);
  2614. }
  2615. 50% {
  2616. -webkit-transform: rotate(180deg) scale(1);
  2617. transform: rotate(180deg) scale(1);
  2618. }
  2619. 100% {
  2620. -webkit-transform: rotate(360deg) scale(1);
  2621. transform: rotate(360deg) scale(1);
  2622. }
  2623. }
  2624. @keyframes bounce {
  2625. 0%, 100% {
  2626. -webkit-transform: scale(0.0);
  2627. transform: scale(0.0);
  2628. }
  2629. 50% {
  2630. -webkit-transform: scale(1.0);
  2631. transform: scale(1.0);
  2632. }
  2633. }
  2634. @-webkit-keyframes bounce {
  2635. 0%, 100% {
  2636. -webkit-transform: scale(0.0);
  2637. transform: scale(0.0);
  2638. }
  2639. 50% {
  2640. -webkit-transform: scale(1.0);
  2641. transform: scale(1.0);
  2642. }
  2643. }
  2644. @keyframes fadeIn {
  2645. from { opacity: 0.3; }
  2646. to { opacity: 1; }
  2647. }
  2648. @-webkit-keyframes fadeIn {
  2649. from { opacity: 0.3; }
  2650. to { opacity: 1; }
  2651. }
  2652. @font-face {
  2653. font-family: "aui_iconfont";
  2654. src: url('aui-iconfont.ttf') format('truetype');
  2655. }
  2656. .aui-iconfont {
  2657. position: relative;
  2658. font-family:"aui_iconfont" !important;
  2659. font-size: 0.7rem;
  2660. font-style:normal;
  2661. -webkit-font-smoothing: antialiased;
  2662. -moz-osx-font-smoothing: grayscale;
  2663. }
  2664. .aui-icon-menu:before { content: "\e6eb"; }
  2665. .aui-icon-paper:before { content: "\e6ec"; }
  2666. .aui-icon-info:before { content: "\e6ed"; }
  2667. .aui-icon-question:before { content: "\e6ee"; }
  2668. .aui-icon-left:before { content: "\e6f4"; }
  2669. .aui-icon-right:before { content: "\e6f5"; }
  2670. .aui-icon-top:before { content: "\e6f6"; }
  2671. .aui-icon-down:before { content: "\e6f7"; }
  2672. .aui-icon-share:before { content: "\e700"; }
  2673. .aui-icon-comment:before { content: "\e701"; }
  2674. .aui-icon-edit:before { content: "\e6d3"; }
  2675. .aui-icon-trash:before { content: "\e6d4"; }
  2676. .aui-icon-recovery:before { content: "\e6dc"; }
  2677. .aui-icon-refresh:before { content: "\e6dd"; }
  2678. .aui-icon-close:before { content: "\e6d8"; }
  2679. .aui-icon-cart:before { content: "\e6df"; }
  2680. .aui-icon-star:before { content: "\e6e0"; }
  2681. .aui-icon-plus:before { content: "\e6e3"; }
  2682. .aui-icon-minus:before { content: "\e62d"; }
  2683. .aui-icon-correct:before { content: "\e6e5"; }
  2684. .aui-icon-search:before { content: "\e6e6"; }
  2685. .aui-icon-gear:before { content: "\e6e8"; }
  2686. .aui-icon-map:before { content: "\e6d2"; }
  2687. .aui-icon-location:before { content: "\e6d1"; }
  2688. .aui-icon-image:before { content: "\e6ce"; }
  2689. .aui-icon-phone:before { content: "\e6c4"; }
  2690. .aui-icon-camera:before { content: "\e6cd"; }
  2691. .aui-icon-video:before { content: "\e6cc"; }
  2692. .aui-icon-qq:before { content: "\e6cb"; }
  2693. .aui-icon-wechat:before { content: "\e6c9"; }
  2694. .aui-icon-weibo:before { content: "\e6c8"; }
  2695. .aui-icon-note:before { content: "\e6c6"; }
  2696. .aui-icon-mail:before { content: "\e6c5"; }
  2697. .aui-icon-wechat-circle:before { content: "\e6ca"; }
  2698. .aui-icon-home:before { content: "\e706"; }
  2699. .aui-icon-forward:before { content: "\e6d9"; }
  2700. .aui-icon-back:before { content: "\e6da"; }
  2701. .aui-icon-laud:before { content: "\e64b"; }
  2702. .aui-icon-lock:before { content: "\e6ef"; }
  2703. .aui-icon-unlock:before { content: "\e62f"; }
  2704. .aui-icon-like:before { content: "\e62b"; }
  2705. .aui-icon-my:before { content: "\e610"; }
  2706. .aui-icon-more:before { content: "\e625"; }
  2707. .aui-icon-mobile:before { content: "\e697"; }
  2708. .aui-icon-calendar:before { content: "\e68a"; }
  2709. .aui-icon-date:before { content: "\e68c"; }
  2710. .aui-icon-display:before { content: "\e612"; }
  2711. .aui-icon-hide:before { content: "\e624"; }
  2712. .aui-icon-pencil:before { content: "\e615"; }
  2713. .aui-icon-flag:before { content: "\e6f1"; }
  2714. .aui-icon-cert:before { content: "\e704"; }