aui.css 57 KB

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