frozen.css 34 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935
  1. @charset "UTF-8";
  2. body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,header,hgroup,nav,section,article,aside,footer,figure,figcaption,menu,button {
  3. margin: 0;
  4. padding: 0;
  5. outline: 0
  6. }
  7. body {
  8. font-family: "Helvetica Neue",Helvetica,STHeiTi,sans-serif;
  9. line-height: 1.5;
  10. font-size: 14px;
  11. color: #000;
  12. background-color: #e5e5e5;
  13. -webkit-user-select: none;
  14. -webkit-text-size-adjust: none;
  15. -webkit-tap-highlight-color: rgba(255,255,255,0)
  16. }
  17. h1,h2,h3,h4,h5,h6 {
  18. font-size: inherit;
  19. font-weight: 400
  20. }
  21. table {
  22. border-collapse: collapse;
  23. border-spacing: 0
  24. }
  25. fieldset,img {
  26. border: 0
  27. }
  28. li {
  29. list-style: none
  30. }
  31. input,button,textarea,select {
  32. font-family: inherit;
  33. font-size: inherit;
  34. font-weight: inherit;
  35. border: 0;
  36. background: 0 0;
  37. -webkit-appearance: none;
  38. outline: 0
  39. }
  40. a,button,input,select,textarea,a:focus,button:focus,input:focus,select:focus,textarea:focus,[onclick] {
  41. outline: 0;
  42. -webkit-tap-highlight-color: rgba(255,255,255,0)
  43. }
  44. a {
  45. -webkit-touch-callout: none;
  46. text-decoration: none;
  47. color: #2699fb;
  48. outline: 0
  49. }
  50. em,i {
  51. font-style: normal
  52. }
  53. em {
  54. color: #f28c48
  55. }
  56. ::-webkit-input-placeholder {
  57. color: #999
  58. }
  59. .ui-txt-default {
  60. color: #000
  61. }
  62. .ui-txt-info {
  63. color: gray
  64. }
  65. .ui-txt-muted {
  66. color: #a6a6a6
  67. }
  68. .ui-txt-warning {
  69. color: #fc4226
  70. }
  71. .ui-txt-highlight {
  72. color: #f28c48
  73. }
  74. .ui-border-t {
  75. border-top: 1px solid #e0e0e0
  76. }
  77. .ui-border-b {
  78. border-bottom: 1px solid #e0e0e0
  79. }
  80. .ui-border-tb {
  81. border-top: #e0e0e0 1px solid;
  82. border-bottom: #e0e0e0 1px solid;
  83. background-image: none
  84. }
  85. .ui-border-l {
  86. border-left: 1px solid #e0e0e0
  87. }
  88. .ui-border-r {
  89. border-right: 1px solid #e0e0e0
  90. }
  91. .ui-border {
  92. border: 1px solid #e0e0e0
  93. }
  94. @media screen and (-webkit-min-device-pixel-ratio:2) {
  95. .ui-border {
  96. position: relative;
  97. border: 0
  98. }
  99. .ui-border-t,.ui-border-b,.ui-border-l,.ui-border-r,.ui-border-tb {
  100. border: 0
  101. }
  102. .ui-border:before {
  103. content: "";
  104. width: 200%;
  105. height: 200%;
  106. position: absolute;
  107. top: 0;
  108. left: 0;
  109. border: 1px solid #e0e0e0;
  110. -webkit-transform: scale(0.5);
  111. -webkit-transform-origin: 0 0;
  112. padding: 1px;
  113. -webkit-box-sizing: border-box
  114. }
  115. .ui-border-t {
  116. background-position: left top;
  117. background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.5,transparent),color-stop(0.5,#e0e0e0),to(#e0e0e0))
  118. }
  119. .ui-border-b {
  120. background-position: left bottom;
  121. background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0.5,transparent),color-stop(0.5,#e0e0e0),to(#e0e0e0))
  122. }
  123. .ui-border-t,.ui-border-b {
  124. background-repeat: repeat-x;
  125. -webkit-background-size: 100% 1px
  126. }
  127. .ui-border-tb {
  128. background: -webkit-gradient(linear,left bottom,left top,color-stop(0.5,transparent),color-stop(0.5,#e0e0e0),to(#e0e0e0)) left top repeat-x,-webkit-gradient(linear,left top,left bottom,color-stop(0.5,transparent),color-stop(0.5,#e0e0e0),to(#e0e0e0)) left bottom repeat-x
  129. }
  130. .ui-border-tb {
  131. -webkit-background-size: 100% 1px
  132. }
  133. .ui-border-l {
  134. background-position: left top;
  135. background-image: -webkit-gradient(linear,left top,right top,color-stop(0.5,transparent),color-stop(0.5,#e0e0e0),to(#e0e0e0))
  136. }
  137. .ui-border-r {
  138. background-position: right top;
  139. background-image: -webkit-gradient(linear,right top,left top,color-stop(0.5,transparent),color-stop(0.5,#e0e0e0),to(#e0e0e0))
  140. }
  141. .ui-border-l,.ui-border-r {
  142. background-repeat: repeat-y;
  143. -webkit-background-size: 1px 100%
  144. }
  145. }
  146. .ui-center {
  147. width: 100%;
  148. display: -webkit-box;
  149. -webkit-box-orient: vertical;
  150. -webkit-box-pack: center;
  151. -webkit-box-align: center;
  152. text-align: center;
  153. height: 200px
  154. }
  155. .ui-reddot,.ui-reddot-border,.ui-reddot-s {
  156. position: relative;
  157. display: inline-block;
  158. line-height: 22px;
  159. padding: 0 6px
  160. }
  161. .ui-reddot:after,.ui-reddot-border:after,.ui-reddot-s:after {
  162. content: '';
  163. position: absolute;
  164. display: block;
  165. width: 8px;
  166. height: 8px;
  167. background-color: #f76249;
  168. border-radius: 5px;
  169. right: -3px;
  170. top: -3px;
  171. -webkit-background-clip: padding-box;
  172. background-clip: padding-box
  173. }
  174. .ui-reddot-border:before {
  175. content: '';
  176. position: absolute;
  177. display: block;
  178. width: 8px;
  179. height: 8px;
  180. background-color: #fff;
  181. border-radius: 5px;
  182. right: -4px;
  183. top: -4px;
  184. -webkit-background-clip: padding-box;
  185. background-clip: padding-box;
  186. padding: 1px
  187. }
  188. .ui-reddot-s:after {
  189. width: 6px;
  190. height: 6px;
  191. top: -5px;
  192. right: -5px
  193. }
  194. .ui-badge,.ui-badge-muted,.ui-badge-corner,.ui-badge-cornernum {
  195. display: inline-block;
  196. text-align: center;
  197. background: #f74c31;
  198. color: #fff;
  199. font-size: 11px;
  200. height: 16px;
  201. line-height: 16px;
  202. -webkit-border-radius: 8px;
  203. padding: 0 6px;
  204. -webkit-background-clip: padding-box;
  205. background-clip: padding-box
  206. }
  207. .ui-badge-muted {
  208. background: #b6cae0
  209. }
  210. .ui-badge-wrap {
  211. position: relative;
  212. text-align: center
  213. }
  214. .ui-badge-corner {
  215. position: absolute;
  216. border: 2px #fff solid;
  217. height: 20px;
  218. line-height: 20px;
  219. top: -4px;
  220. right: -9px
  221. }
  222. .ui-badge-cornernum {
  223. position: absolute;
  224. top: -4px;
  225. right: -9px;
  226. height: 19px;
  227. line-height: 19px;
  228. font-size: 12px;
  229. min-width: 19px;
  230. -webkit-border-radius: 10px;
  231. top: -5px;
  232. right: -5px
  233. }
  234. .ui-arrowlink {
  235. position: relative
  236. }
  237. .ui-arrowlink:before {
  238. background: url(../images/icon.png) no-repeat 0 -75px;
  239. -webkit-background-size: 150px auto;
  240. content: "";
  241. display: block;
  242. width: 9px;
  243. height: 15px;
  244. position: absolute;
  245. right: 10px;
  246. top: 50%;
  247. margin-top: -7px
  248. }
  249. .ui-nowrap {
  250. max-width: 100%;
  251. overflow: hidden;
  252. white-space: nowrap;
  253. text-overflow: ellipsis
  254. }
  255. .ui-nowrap-multi {
  256. display: -webkit-box;
  257. overflow: hidden;
  258. text-overflow: ellipsis;
  259. -webkit-box-orient: vertical;
  260. -webkit-line-clamp: 2
  261. }
  262. .ui-avatar,.ui-avatar-lg,.ui-avatar-s,.ui-avatar-one,.ui-avatar-tiled {
  263. overflow: hidden;
  264. -webkit-border-radius: 200px;
  265. display: block;
  266. -webkit-background-size: 100% 100%;
  267. background-image: url(../images/default.png)
  268. }
  269. .ui-avatar {
  270. width: 50px;
  271. height: 50px
  272. }
  273. .ui-avatar-lg {
  274. width: 54px;
  275. height: 54px
  276. }
  277. .ui-avatar-s {
  278. width: 40px;
  279. height: 40px
  280. }
  281. .ui-avatar-one {
  282. width: 64px;
  283. height: 64px
  284. }
  285. .ui-avatar-tiled {
  286. width: 30px;
  287. height: 30px;
  288. display: inline-block
  289. }
  290. .ui-avatar span,.ui-avatar-lg span,.ui-avatar-s span,.ui-avatar-one span,.ui-avatar-tiled span {
  291. width: 100%;
  292. height: 100%;
  293. overflow: hidden;
  294. -webkit-border-radius: 200px;
  295. display: block;
  296. -webkit-background-size: 100% 100%
  297. }
  298. .ui-avatar img,.ui-avatar-lg img,.ui-avatar-s img,.ui-avatar-one img,.ui-avatar-tiled img {
  299. width: 100%;
  300. height: 100%
  301. }
  302. .ui-icon,.ui-icon-refresh,.ui-icon-close,.ui-icon-search {
  303. display: inline-block;
  304. height: 0;
  305. position: relative;
  306. overflow: visible
  307. }
  308. .ui-icon:before,.ui-icon-refresh:before,.ui-icon-close:before,.ui-icon-search:before {
  309. background: url(../images/icon.png) no-repeat 0 0;
  310. -webkit-background-size: 150px auto;
  311. content: "";
  312. display: block;
  313. position: absolute;
  314. left: 0
  315. }
  316. .ui-icon-refresh {
  317. width: 22px
  318. }
  319. .ui-icon-refresh:before {
  320. width: 22px;
  321. height: 22px;
  322. top: -11px
  323. }
  324. .ui-icon-close {
  325. width: 31px;
  326. height: 31px;
  327. position: absolute;
  328. right: 0;
  329. top: 0
  330. }
  331. .ui-icon-close:before {
  332. background-position: -75px -50px;
  333. width: 15px;
  334. height: 15px;
  335. margin: 8px;
  336. position: static
  337. }
  338. .ui-icon-search {
  339. width: 16px;
  340. margin: 4px
  341. }
  342. .ui-icon-search:before {
  343. width: 16px;
  344. height: 16px;
  345. background-position: -125px -54px;
  346. top: -7px
  347. }
  348. .ui-btn,.ui-btn-lg,.ui-btn-s {
  349. height: 30px;
  350. line-height: 30px;
  351. padding: 0 13px;
  352. min-width: 55px;
  353. display: inline-block;
  354. position: relative;
  355. text-align: center;
  356. color: #0079ff;
  357. font-size: 15px;
  358. background-color: #fdfdfd;
  359. background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0.5,#fff),to(#fafafa));
  360. border-radius: 3px;
  361. vertical-align: top;
  362. color: #2699fb;
  363. -webkit-box-sizing: border-box;
  364. border: 1px solid #cacccd;
  365. -webkit-background-clip: padding-box;
  366. background-clip: padding-box
  367. }
  368. .ui-btn:not(.disabled):not(:disabled):active,.ui-btn-lg:not(.disabled):not(:disabled):active,.ui-btn-s:not(.disabled):not(:disabled):active,.ui-btn.active,.active.ui-btn-lg,.active.ui-btn-s {
  369. background: #f2f2f2;
  370. color: rgba(0,165,224,.5);
  371. -webkit-background-clip: padding-box;
  372. background-clip: padding-box
  373. }
  374. .ui-btn:after,.ui-btn-lg:after,.ui-btn-s:after {
  375. content: "";
  376. position: absolute;
  377. top: -12px;
  378. bottom: -12px;
  379. left: 0;
  380. right: 0
  381. }
  382. .ui-btn-primary {
  383. background-color: #18b4ed;
  384. border-color: #0baae4;
  385. background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0.5,#1fbaf3),to(#18b4ed));
  386. color: #fff;
  387. -webkit-background-clip: padding-box;
  388. background-clip: padding-box
  389. }
  390. .ui-btn-primary:not(.disabled):not(:disabled):active,.ui-btn-primary.active {
  391. background: #1ca7da;
  392. border-color: #1ca7da;
  393. color: rgba(255,255,255,.5);
  394. -webkit-background-clip: padding-box;
  395. background-clip: padding-box
  396. }
  397. .ui-btn-danger {
  398. background-color: #f75549;
  399. background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0.5,#fc6156),to(#f75549));
  400. color: #fff;
  401. border-color: #f43d30;
  402. -webkit-background-clip: padding-box;
  403. background-clip: padding-box
  404. }
  405. .ui-btn-danger:not(.disabled):not(:disabled):active,.ui-btn-danger.active {
  406. background: #e2574d;
  407. border-color: #e2574d;
  408. color: rgba(255,255,255,.5);
  409. -webkit-background-clip: padding-box;
  410. background-clip: padding-box
  411. }
  412. .ui-btn.disabled,.disabled.ui-btn-lg,.disabled.ui-btn-s,.ui-btn:disabled,.ui-btn-lg:disabled,.ui-btn-s:disabled {
  413. border: 1px solid #cacccd;
  414. color: #ccc;
  415. background-color: #fefefe;
  416. background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0.5,#fff),to(#fafafa));
  417. -webkit-background-clip: padding-box;
  418. background-clip: padding-box
  419. }
  420. .ui-btn-lg {
  421. font-size: 18px;
  422. height: 44px;
  423. line-height: 42px;
  424. display: block;
  425. width: 100%;
  426. border-radius: 5px
  427. }
  428. .ui-btn-wrap {
  429. padding: 20px 15px
  430. }
  431. @media screen and (-webkit-min-device-pixel-ratio:2) {
  432. .ui-btn,.ui-btn-lg,.ui-btn-s,.ui-btn.disabled,.disabled.ui-btn-lg,.disabled.ui-btn-s,.ui-btn:disabled,.ui-btn-lg:disabled,.ui-btn-s:disabled {
  433. border: 0
  434. }
  435. .ui-btn:before,.ui-btn-lg:before,.ui-btn-s:before {
  436. content: "";
  437. width: 200%;
  438. height: 200%;
  439. position: absolute;
  440. top: 0;
  441. left: 0;
  442. border: 1px solid #cacccd;
  443. border-radius: 8px;
  444. -webkit-transform: scale(0.5);
  445. -webkit-transform-origin: 0 0;
  446. padding: 1px;
  447. -webkit-box-sizing: border-box
  448. }
  449. .ui-btn-lg:before {
  450. border-radius: 12px
  451. }
  452. .ui-btn-primary:before {
  453. border: 1px solid #0baae4
  454. }
  455. .ui-btn-danger:before {
  456. border: 1px solid #f43d30
  457. }
  458. .ui-btn.disabled:before,.disabled.ui-btn-lg:before,.disabled.ui-btn-s:before,.ui-btn:disabled:before,.ui-btn-lg:disabled:before,.ui-btn-s:disabled:before {
  459. border: 1px solid #cacccd
  460. }
  461. }
  462. .ui-btn-progress {
  463. width: 55px;
  464. padding: 0;
  465. overflow: hidden
  466. }
  467. .ui-btn-progress .ui-btn-inner {
  468. position: absolute;
  469. left: 0;
  470. top: 0;
  471. height: 100%;
  472. overflow: hidden;
  473. background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0.5,#1fbaf3),to(#18b4ed));
  474. border-bottom-left-radius: 3px;
  475. border-top-left-radius: 3px
  476. }
  477. .ui-btn-progress .ui-btn-inner span {
  478. display: inline-block;
  479. color: #fff;
  480. position: absolute;
  481. width: 55px;
  482. left: 0
  483. }
  484. .ui-btn-s {
  485. padding: 0;
  486. width: 55px;
  487. height: 25px;
  488. line-height: 25px;
  489. font-size: 13px
  490. }
  491. .ui-btn-group,.ui-btn-group-tiled {
  492. display: -webkit-box;
  493. width: 100%;
  494. -webkit-box-sizing: border-box;
  495. box-sizing: border-box
  496. }
  497. .ui-btn-group button,.ui-btn-group-tiled button {
  498. display: block;
  499. -webkit-box-flex: 1
  500. }
  501. .ui-btn-group-tiled .ui-btn:first-child,.ui-btn-group-tiled .ui-btn-lg:first-child,.ui-btn-group-tiled .ui-btn-s:first-child {
  502. margin-right: 15px
  503. }
  504. .ui-btn-group button {
  505. color: #2699fb;
  506. line-height: 50px;
  507. height: 48px;
  508. text-align: center;
  509. font-size: 16px;
  510. border-right: 1px #c8c7cc solid;
  511. width: 100%;
  512. border-top: 1px solid #c8c7cc
  513. }
  514. .ui-btn-group button:active {
  515. background-color: rgba(0,0,0,.1)
  516. }
  517. .ui-btn-group button:last-child {
  518. border-right: 0
  519. }
  520. .ui-btn-group-bottom {
  521. position: fixed;
  522. left: 0;
  523. bottom: 0;
  524. z-index: 10;
  525. background-color: #fff
  526. }
  527. .ui-btn-group-bottom button {
  528. color: #2699fb;
  529. background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f9f9f9),to(#e0e0e0))
  530. }
  531. .ui-btn-group-bottom button:active {
  532. background-color: none;
  533. color: rgba(0,165,224,.4)
  534. }
  535. @media screen and (-webkit-min-device-pixel-ratio:2) {
  536. .ui-btn-group button {
  537. position: relative;
  538. border: 0
  539. }
  540. .ui-btn-group button:before {
  541. content: "";
  542. position: absolute;
  543. -webkit-transform-origin: right top;
  544. width: 0;
  545. border-right: 1px solid #c8c7cc;
  546. right: 0;
  547. top: 0;
  548. bottom: 0;
  549. -webkit-transform: scaleX(0.5)
  550. }
  551. .ui-btn-group button:after {
  552. content: "";
  553. position: absolute;
  554. -webkit-transform-origin: right top;
  555. left: 0;
  556. right: 0;
  557. height: 0;
  558. border-top: 1px solid #c8c7cc;
  559. top: 0;
  560. -webkit-transform: scaleY(0.5)
  561. }
  562. .ui-btn-group button:last-child:before {
  563. border-right: 0
  564. }
  565. }
  566. .ui-dialog {
  567. position: fixed;
  568. top: 0;
  569. left: 0;
  570. width: 100%;
  571. height: 100%;
  572. z-index: 999;
  573. display: -webkit-box;
  574. -webkit-box-orient: horizontal;
  575. -webkit-box-pack: center;
  576. -webkit-box-align: center;
  577. background: rgba(0,0,0,.4);
  578. display: none;
  579. color: #000
  580. }
  581. .ui-dialog-notice {
  582. background: transparent
  583. }
  584. .ui-dialog.show {
  585. display: -webkit-box;
  586. display: box
  587. }
  588. .ui-dialog .ui-dialog-cnt {
  589. border-radius: 6px;
  590. width: 270px;
  591. -webkit-background-clip: padding-box;
  592. background-clip: padding-box;
  593. outline: 0;
  594. pointer-events: auto;
  595. background-color: rgba(253,253,253,.95);
  596. position: relative
  597. }
  598. .ui-dialog .ui-dialog-bd {
  599. min-height: 71px;
  600. border-top-left-radius: 6px;
  601. border-top-right-radius: 6px;
  602. padding: 18px;
  603. font-size: 16px;
  604. display: -webkit-box;
  605. display: box;
  606. -webkit-box-pack: center;
  607. -webkit-box-align: center;
  608. -webkit-box-orient: vertical
  609. }
  610. .ui-dialog .ui-dialog-bd h4 {
  611. margin-bottom: 4px;
  612. font-size: 16px;
  613. width: 100%;
  614. text-align: center
  615. }
  616. .ui-dialog .ui-dialog-bd div {
  617. width: 100%
  618. }
  619. .ui-dialog .ui-dialog-ft {
  620. border-bottom-left-radius: 6px;
  621. border-bottom-right-radius: 6px
  622. }
  623. .ui-dialog .ui-dialog-ft button {
  624. height: 42px;
  625. line-height: 42px;
  626. background: transparent
  627. }
  628. .ui-dialog .ui-dialog-ft button:active {
  629. background: rgba(0,0,0,.1)
  630. }
  631. .ui-dialog .ui-dialog-ft button:first-child {
  632. border-bottom-left-radius: 6px;
  633. background-image: none
  634. }
  635. .ui-dialog .ui-dialog-ft button:last-child {
  636. border-bottom-right-radius: 6px
  637. }
  638. .ui-dialog-notice .ui-dialog-cnt {
  639. width: 130px;
  640. height: 110px;
  641. display: -webkit-box;
  642. -webkit-box-orient: vertical;
  643. -webkit-box-pack: center;
  644. -webkit-box-align: center;
  645. text-align: center;
  646. background: rgba(0,0,0,.65);
  647. border-radius: 6px;
  648. color: #fff
  649. }
  650. .ui-tips {
  651. padding: 20px 15px;
  652. text-align: center;
  653. font-size: 16px;
  654. color: gray
  655. }
  656. .ui-tips i {
  657. display: inline-block;
  658. width: 23px;
  659. height: 1px;
  660. position: relative;
  661. overflow: visible;
  662. margin-right: 8px;
  663. margin-left: 0;
  664. font-size: 20px;
  665. vertical-align: middle
  666. }
  667. .ui-tips i:before {
  668. background: url(../images/icon.png) no-repeat -25px 0;
  669. -webkit-background-size: 150px auto;
  670. content: "";
  671. display: block;
  672. width: 23px;
  673. height: 23px;
  674. position: absolute;
  675. left: 0;
  676. top: -13px
  677. }
  678. .ui-tips-success i:before {
  679. background-position: 0 -25px
  680. }
  681. .ui-tips-warn i:before {
  682. background-position: -50px 0
  683. }
  684. .ui-tips-success {
  685. color: #000
  686. }
  687. .ui-tips-news-wrap {
  688. padding: 15px 5px;
  689. text-align: center
  690. }
  691. .ui-tips-news {
  692. background: rgba(0,0,0,.5);
  693. position: relative;
  694. height: 36px;
  695. line-height: 36px;
  696. display: inline-block;
  697. padding: 0 25px 0 50px;
  698. border-radius: 3px;
  699. font-size: 14px;
  700. color: #fff
  701. }
  702. .ui-tips-news:before {
  703. content: "";
  704. width: 20px;
  705. height: 18px;
  706. overflow: hidden;
  707. display: block;
  708. position: absolute;
  709. background: url(../images/icon.png) no-repeat -100px -50px;
  710. -webkit-background-size: 150px auto;
  711. left: 25px;
  712. top: 9px;
  713. z-index: 1
  714. }
  715. .ui-tips-news:active {
  716. opacity: .7
  717. }
  718. .ui-poptips {
  719. width: 100%;
  720. position: fixed;
  721. top: 0;
  722. left: 0;
  723. z-index: 99
  724. }
  725. .ui-poptips .ui-poptips-cnt {
  726. margin: 0 10px;
  727. background-color: rgba(0,0,0,.6);
  728. line-height: 40px;
  729. height: 40px;
  730. color: #fff;
  731. font-size: 16px;
  732. text-align: center;
  733. border-bottom-left-radius: 3px;
  734. border-bottom-right-radius: 3px;
  735. overflow: hidden
  736. }
  737. .ui-poptips i {
  738. display: inline-block;
  739. width: 20px;
  740. height: 1px;
  741. position: relative;
  742. overflow: visible;
  743. margin-right: 8px;
  744. margin-left: 0;
  745. font-size: 20px;
  746. vertical-align: middle
  747. }
  748. .ui-poptips i:before {
  749. background: url(../images/icon.png) no-repeat 0 0;
  750. -webkit-background-size: 150px auto;
  751. content: "";
  752. display: block;
  753. width: 20px;
  754. height: 20px;
  755. position: absolute;
  756. left: 0;
  757. top: -11px
  758. }
  759. .ui-poptips-info i:before {
  760. background-position: 0 -50px
  761. }
  762. .ui-poptips-success i:before {
  763. background-position: -25px -50px
  764. }
  765. .ui-poptips-warn i:before {
  766. background-position: -50px -50px
  767. }
  768. .ui-tooltips {
  769. width: 100%;
  770. position: relative;
  771. z-index: 10
  772. }
  773. .ui-tooltips-cnt {
  774. color: #2699fb;
  775. line-height: 45px;
  776. height: 45px;
  777. padding-left: 10px;
  778. font-size: 14px
  779. }
  780. .ui-tooltips-warn .ui-tooltips-cnt {
  781. background-color: rgba(255,242,183,.95);
  782. color: #000
  783. }
  784. .ui-tooltips-guide .ui-tooltips-cnt {
  785. background-color: rgba(255,255,255,.95)
  786. }
  787. .ui-tooltips-state .ui-tooltips-cnt {
  788. background-color: rgba(205,242,255,.95)
  789. }
  790. .ui-tooltips-cnt-link:after {
  791. background: url(../images/icon.png) no-repeat -75px 0;
  792. -webkit-background-size: 150px auto;
  793. content: "";
  794. display: block;
  795. width: 8px;
  796. height: 14px;
  797. position: absolute;
  798. right: 10px;
  799. top: 50%;
  800. margin-top: -8px
  801. }
  802. .ui-tooltips-warn i {
  803. display: inline-block;
  804. width: 23px;
  805. height: 1px;
  806. position: relative;
  807. overflow: visible;
  808. margin-right: 4px;
  809. vertical-align: middle
  810. }
  811. .ui-tooltips-warn i:before {
  812. background: url(../images/icon.png) no-repeat -50px 0;
  813. -webkit-background-size: 150px auto;
  814. content: "";
  815. display: block;
  816. width: 23px;
  817. height: 23px;
  818. position: absolute;
  819. left: 0;
  820. top: -14px
  821. }
  822. .ui-tooltips .ui-btn,.ui-tooltips .ui-btn-lg,.ui-tooltips .ui-btn-s {
  823. position: absolute;
  824. top: 50%;
  825. right: 10px;
  826. margin-top: -15px
  827. }
  828. .ui-tooltips-state .ui-tooltips-cnt-link:after {
  829. background-position: -125px 0
  830. }
  831. .ui-tab {
  832. width: 100%;
  833. overflow: hidden
  834. }
  835. .ui-tab-nav {
  836. width: 100%;
  837. background-color: #fff;
  838. position: fixed;
  839. top: 0;
  840. left: 0;
  841. z-index: 10;
  842. display: box;
  843. display: -webkit-box;
  844. font-size: 16px;
  845. height: 45px;
  846. -webkit-box-sizing: border-box;
  847. box-sizing: border-box
  848. }
  849. .ui-tab-content {
  850. margin-top: 45px;
  851. display: -webkit-box
  852. }
  853. .ui-tab-content>li {
  854. -webkit-box-flex: 1;
  855. width: 100%
  856. }
  857. .ui-tab-nav li {
  858. height: 45px;
  859. line-height: 45px;
  860. min-width: 70px;
  861. box-flex: 1;
  862. -webkit-box-flex: 1;
  863. text-align: center;
  864. color: gray;
  865. -webkit-box-sizing: border-box;
  866. box-sizing: border-box
  867. }
  868. .ui-tab-nav li.current {
  869. color: #2699fb;
  870. border-bottom: 2px #2699fb solid
  871. }
  872. .ui-tab-nav li:active {
  873. opacity: .8
  874. }
  875. .ui-table {
  876. width: 100%;
  877. border-collapse: collapse
  878. }
  879. .ui-table th {
  880. font-weight: 500
  881. }
  882. .ui-table td,.ui-table th {
  883. border-bottom: 1px solid #dedfe0;
  884. border-right: 1px solid #dedfe0
  885. }
  886. @media screen and (-webkit-min-device-pixel-ratio:2) {
  887. .ui-table td,.ui-table th {
  888. position: relative;
  889. border-right: 0;
  890. border-bottom: 0
  891. }
  892. .ui-table td:before,.ui-table td:after,.ui-table th:before,.ui-table th:after {
  893. content: "";
  894. position: absolute;
  895. -webkit-transform-origin: right bottom
  896. }
  897. .ui-table td:before,.ui-table th:before {
  898. width: 0;
  899. border-right: 1px solid #dedfe0;
  900. right: 0;
  901. top: 0;
  902. bottom: 0;
  903. -webkit-transform: scaleX(0.5)
  904. }
  905. .ui-table td:after,.ui-table th:after {
  906. left: 0;
  907. right: 0;
  908. height: 0;
  909. border-bottom: 1px solid #dedfe0;
  910. bottom: 0;
  911. -webkit-transform: scaleY(0.5)
  912. }
  913. .ui-table tr td:last-child:before,.ui-table tr th:last-child:before {
  914. border-right: 0
  915. }
  916. .ui-table tr:last-child td:after {
  917. border-bottom: 0
  918. }
  919. .ui-table td.no-content:after {
  920. border-bottom: 0
  921. }
  922. }
  923. .ui-table tr td:last-child,.ui-table tr th:last-child {
  924. border-right: 0
  925. }
  926. .ui-table tr:last-child td {
  927. border-bottom: 0
  928. }
  929. .ui-table td.no-content {
  930. border-bottom: 0
  931. }
  932. .ui-list {
  933. background-color: #fff
  934. }
  935. .ui-list>li {
  936. position: relative;
  937. display: -webkit-box;
  938. display: box;
  939. margin-left: 15px
  940. }
  941. .ui-list-text>li {
  942. line-height: 20px;
  943. padding: 12px 25px 12px 0;
  944. font-size: 16px
  945. }
  946. .ui-list>li.ui-border-t:first-child {
  947. border: 0;
  948. background-image: none
  949. }
  950. .ui-list>li:first-child .ui-border-t {
  951. border-top: 0;
  952. background-image: none
  953. }
  954. .ui-list-thumb {
  955. width: 50px;
  956. height: 50px;
  957. margin: 10px 10px 10px 0;
  958. position: relative
  959. }
  960. .ui-list-img {
  961. width: 100px;
  962. height: 68px;
  963. margin: 10px 10px 10px 0;
  964. position: relative
  965. }
  966. .ui-list .ui-avatar,.ui-list .ui-avatar-s,.ui-list .ui-avatar-lg {
  967. margin: 10px 10px 10px 0
  968. }
  969. .ui-list-thumb-s {
  970. position: relative;
  971. width: 28px;
  972. height: 28px;
  973. -webkit-background-size: 28px auto;
  974. margin: 10px 10px 10px 0;
  975. background-image: url(../images/default.png)
  976. }
  977. .ui-list-thumb span,.ui-list-thumb-s span,.ui-list-img span {
  978. width: 100%;
  979. height: 100%;
  980. -webkit-background-size: 100% 100%;
  981. display: block;
  982. position: absolute;
  983. left: 0;
  984. top: 0;
  985. z-index: 1
  986. }
  987. .ui-list-thumb img,.ui-list-thumb-s img,.ui-list-img img {
  988. width: 100%;
  989. height: 100%
  990. }
  991. .ui-list-info {
  992. -webkit-box-flex: 1;
  993. box-flex: 1;
  994. padding-right: 20px;
  995. display: box;
  996. display: -webkit-box;
  997. -webkit-box-orient: vertical;
  998. -webkit-box-pack: center
  999. }
  1000. .ui-list-info>h4 {
  1001. font-size: 16px;
  1002. line-height: 24px
  1003. }
  1004. .ui-list-info>p {
  1005. font-size: 13px;
  1006. line-height: 22px;
  1007. color: gray
  1008. }
  1009. .ui-list .ui-btn,.ui-list .ui-btn-lg,.ui-list .ui-btn-s {
  1010. position: absolute;
  1011. top: 50%;
  1012. right: 15px;
  1013. margin-top: -15px
  1014. }
  1015. .ui-list-checkbox .ui-checkbox,.ui-list-radio .ui-radio {
  1016. position: absolute;
  1017. top: 50%;
  1018. left: 0;
  1019. margin-top: -13px
  1020. }
  1021. .ui-list-checkbox>li,.ui-list-radio>li {
  1022. padding-left: 40px
  1023. }
  1024. .ui-list-active>li:active,.ui-list-link>li:active,li.ui-list-item-link:active {
  1025. background-color: #e5e6e7;
  1026. padding-left: 15px;
  1027. margin-left: 0
  1028. }
  1029. .ui-list-active>li:active,.ui-list-link>li:active,.ui-list-active>li:active .ui-border-t,.ui-list-link>li:active .ui-border-t,.ui-list-active>li:active+li.ui-border-t,.ui-list-link>li:active+li.ui-border-t,.ui-list-active>li:active+.ui-border-t,.ui-list-link>li:active+.ui-border-t,li.ui-list-item-link:active,li.ui-list-item-link:active .ui-border-t,li.ui-list-item-link:active+li.ui-border-t,li.ui-list-item-link:active+.ui-border-t {
  1030. background-image: none;
  1031. border-top-color: #e5e6e7
  1032. }
  1033. @media screen and (-webkit-min-device-pixel-ratio:2) {
  1034. .ui-list-active>li:active,.ui-list-link>li:active,.ui-list-active>li:active .ui-border-t,.ui-list-link>li:active .ui-border-t,.ui-list-active>li:active+li.ui-border-t,.ui-list-link>li:active+li.ui-border-t,.ui-list-active>li:active+.ui-border-t,.ui-list-link>li:active+.ui-border-t,li.ui-list-item-link:active,li.ui-list-item-link:active .ui-border-t,li.ui-list-item-link:active+li.ui-border-t,li.ui-list-item-link:active+.ui-border-t {
  1035. background-image: none
  1036. }
  1037. }
  1038. .ui-list .ui-badge,.ui-list .ui-badge-muted,.ui-list-action {
  1039. position: absolute;
  1040. right: 15px;
  1041. top: 50%;
  1042. margin-top: -10px
  1043. }
  1044. .ui-list-link .ui-badge,.ui-list-link .ui-badge-muted,li.ui-list-item-link .ui-badge,li.ui-list-item-link .ui-badge-muted,.ui-list-link .ui-list-action,li.ui-list-item-link .ui-list-action {
  1045. right: 35px
  1046. }
  1047. .ui-list-function .ui-list-info {
  1048. padding-right: 70px
  1049. }
  1050. .ui-list-cover li {
  1051. padding-left: 15px;
  1052. margin-left: 0
  1053. }
  1054. .ui-list-link li:after,li.ui-list-item-link:after {
  1055. background: url(../images/icon.png) no-repeat 0 -75px;
  1056. -webkit-background-size: 150px auto;
  1057. content: "";
  1058. display: block;
  1059. width: 9px;
  1060. height: 15px;
  1061. position: absolute;
  1062. right: 15px;
  1063. top: 50%;
  1064. margin-top: -7px
  1065. }
  1066. .ui-list-link .ui-list-info,.ui-list-item-link .ui-list-info,.ui-list-text .ui-list-info {
  1067. padding-right: 35px
  1068. }
  1069. .ui-list-text.ui-list-link .ui-list-info,.ui-list-text .ui-list-item-link .ui-list-info {
  1070. padding-right: 70px
  1071. }
  1072. .ui-list li.selected {
  1073. color: #2699fb
  1074. }
  1075. .ui-list li.selected:after {
  1076. content: "";
  1077. display: block;
  1078. width: 14px;
  1079. height: 12px;
  1080. background: url(../images/icon.png) no-repeat -100px 0;
  1081. -webkit-background-size: 150px auto;
  1082. position: absolute;
  1083. right: 15px;
  1084. top: 50%;
  1085. margin-top: -4px
  1086. }
  1087. .ui-loading-wrap {
  1088. display: -webkit-box;
  1089. -webkit-box-pack: center;
  1090. -webkit-box-align: center;
  1091. text-align: center;
  1092. height: 40px
  1093. }
  1094. .ui-loading {
  1095. width: 20px;
  1096. height: 20px;
  1097. display: block;
  1098. background: url(../images/loading_sprite.png);
  1099. -webkit-background-size: auto 20px
  1100. }
  1101. .ui-loading-bright {
  1102. width: 37px;
  1103. height: 37px;
  1104. display: block;
  1105. background-image: url(../images/loading_sprite_white.png);
  1106. -webkit-background-size: auto 37px
  1107. }
  1108. .ui-loading-wrap .ui-loading {
  1109. margin: 10px
  1110. }
  1111. .ui-notice {
  1112. width: 100%;
  1113. height: 100%;
  1114. z-index: 999;
  1115. display: -webkit-box;
  1116. -webkit-box-orient: vertical;
  1117. -webkit-box-pack: center;
  1118. -webkit-box-align: center;
  1119. position: absolute;
  1120. text-align: center
  1121. }
  1122. .ui-notice i {
  1123. display: block;
  1124. -webkit-background-size: 100px 100px;
  1125. width: 100px;
  1126. height: 100px;
  1127. margin-bottom: 20px;
  1128. background-image: url(../images/icon_warn.png)
  1129. }
  1130. .ui-notice-news i {
  1131. background-image: url(../images/icon_warn_news.png)
  1132. }
  1133. .ui-notice-nearby i {
  1134. background-image: url(../images/icon_warn_nearby.png)
  1135. }
  1136. .ui-notice p {
  1137. font-size: 16px;
  1138. line-height: 20px;
  1139. color: #a6a6a6;
  1140. text-align: center;
  1141. padding: 0 15px
  1142. }
  1143. .ui-notice-warn {
  1144. width: 100%;
  1145. height: 150px;
  1146. z-index: 999;
  1147. display: -webkit-box;
  1148. -webkit-box-orient: vertical;
  1149. -webkit-box-pack: center;
  1150. -webkit-box-align: center;
  1151. text-align: center;
  1152. color: #a6a6a6
  1153. }
  1154. .ui-notice-warn i {
  1155. margin-bottom: 10px
  1156. }
  1157. .ui-notice-btn {
  1158. width: 100%;
  1159. -webkit-box-sizing: border-box;
  1160. padding: 50px 15px
  1161. }
  1162. .ui-notice-btn button {
  1163. margin: 10px 0
  1164. }
  1165. .ui-form {
  1166. background-color: #fff
  1167. }
  1168. .ui-form ::-webkit-input-placeholder {
  1169. color: #a6a6a6
  1170. }
  1171. .ui-form .ui-icon-close {
  1172. top: 7px;
  1173. right: 7px
  1174. }
  1175. .ui-form-item-order:active {
  1176. background-color: #e5e6e7
  1177. }
  1178. .ui-form-item {
  1179. height: 44px;
  1180. font-size: 16px;
  1181. line-height: 44px;
  1182. vertical-align: middle;
  1183. padding-right: 40px;
  1184. position: relative;
  1185. padding-left: 15px
  1186. }
  1187. .ui-form-item label:not(.ui-switch):not(.ui-checkout):not(.ui-radio) {
  1188. width: 95px;
  1189. position: absolute;
  1190. text-align: left;
  1191. -webkit-box-sizing: border-box;
  1192. box-sizing: border-box
  1193. }
  1194. .ui-form-item input:not([type=checkbox]),.ui-form-item textarea {
  1195. width: 100%;
  1196. padding-left: 95px;
  1197. -webkit-box-sizing: border-box;
  1198. box-sizing: border-box
  1199. }
  1200. .ui-form-item-textarea {
  1201. height: 65px
  1202. }
  1203. .ui-form-item-textarea label {
  1204. vertical-align: top
  1205. }
  1206. .ui-form-item-textarea textarea {
  1207. margin-top: 15px;
  1208. border: 0
  1209. }
  1210. .ui-form-item-textarea textarea:focus {
  1211. outline: 0
  1212. }
  1213. .ui-form-item-l label,.ui-form-item-r button {
  1214. color: #2699fb;
  1215. text-align: center
  1216. }
  1217. .ui-form-item-r .ui-icon-close {
  1218. right: 125px
  1219. }
  1220. .ui-form .ui-form-item-l input {
  1221. padding-left: 115px;
  1222. -webkit-box-sizing: border-box;
  1223. box-sizing: border-box
  1224. }
  1225. .ui-form-item-r {
  1226. padding-right: 0
  1227. }
  1228. .ui-form .ui-form-item-r input {
  1229. padding: 0 150px 0 0;
  1230. -webkit-box-sizing: border-box;
  1231. box-sizing: border-box
  1232. }
  1233. .ui-form-item-r button {
  1234. width: 110px;
  1235. height: 44px;
  1236. font-size: 16px;
  1237. position: absolute;
  1238. top: 0;
  1239. right: 0
  1240. }
  1241. .ui-form-item-r button.disabled {
  1242. color: #a6a6a6
  1243. }
  1244. .ui-form-item-r button:not(.disabled):active {
  1245. background-color: #e5e6e7
  1246. }
  1247. .ui-form .ui-form-item-pure input {
  1248. padding-left: 0
  1249. }
  1250. .ui-form .ui-form-item-show label {
  1251. color: gray
  1252. }
  1253. .ui-form-item-link:after {
  1254. background: url(../images/icon.png) no-repeat 0 -75px;
  1255. -webkit-background-size: 150px auto;
  1256. content: "";
  1257. display: block;
  1258. width: 9px;
  1259. height: 15px;
  1260. position: absolute;
  1261. right: 15px;
  1262. top: 50%;
  1263. margin-top: -7px
  1264. }
  1265. .ui-checkbox input {
  1266. display: inline-block;
  1267. width: 25px;
  1268. height: 1px;
  1269. position: relative;
  1270. overflow: visible;
  1271. border: 0;
  1272. background: 0 0;
  1273. -webkit-appearance: none;
  1274. outline: 0;
  1275. vertical-align: middle
  1276. }
  1277. .ui-checkbox input:before {
  1278. background: url(../images/icon.png) no-repeat -50px -25px;
  1279. -webkit-background-size: 150px auto;
  1280. content: "";
  1281. display: block;
  1282. width: 25px;
  1283. height: 25px;
  1284. position: absolute;
  1285. left: 0;
  1286. top: -10px
  1287. }
  1288. .ui-checkbox input:checked:before {
  1289. background-position: -25px -25px
  1290. }
  1291. .ui-checkbox-s {
  1292. width: 19px
  1293. }
  1294. .ui-checkbox-s input:before {
  1295. width: 19px;
  1296. height: 19px;
  1297. background-position: -100px -25px
  1298. }
  1299. .ui-checkbox-s input:checked:before {
  1300. background-position: -75px -25px
  1301. }
  1302. .ui-form-item-switch {
  1303. height: 44px;
  1304. line-height: 44px;
  1305. position: relative
  1306. }
  1307. .ui-switch {
  1308. position: absolute;
  1309. font-size: 16px;
  1310. right: 15px;
  1311. top: 6px;
  1312. width: 52px;
  1313. height: 32px;
  1314. line-height: 1em
  1315. }
  1316. .ui-switch input {
  1317. width: 52px;
  1318. height: 32px;
  1319. position: absolute;
  1320. z-index: 10;
  1321. border: 0;
  1322. background: 0 0;
  1323. -webkit-appearance: none;
  1324. outline: 0
  1325. }
  1326. .ui-switch input:before {
  1327. content: '';
  1328. width: 50px;
  1329. height: 30px;
  1330. border: 1px solid #dfdfdf;
  1331. background-color: #fdfdfd;
  1332. border-radius: 20px;
  1333. cursor: pointer;
  1334. display: inline-block;
  1335. position: relative;
  1336. vertical-align: middle;
  1337. -webkit-user-select: none;
  1338. user-select: none;
  1339. -webkit-box-sizing: content-box;
  1340. box-sizing: content-box;
  1341. border-color: #dfdfdf;
  1342. -webkit-box-shadow: #dfdfdf 0 0 0 0 inset;
  1343. box-shadow: #dfdfdf 0 0 0 0 inset;
  1344. -webkit-transition: border .4s,-webkit-box-shadow .4s;
  1345. transition: border .4s,box-shadow .4s;
  1346. -webkit-background-clip: content-box;
  1347. background-clip: content-box
  1348. }
  1349. .ui-switch input:checked:before {
  1350. border-color: #64bd63;
  1351. -webkit-box-shadow: #64bd63 0 0 0 16px inset;
  1352. box-shadow: #64bd63 0 0 0 16px inset;
  1353. background-color: #64bd63;
  1354. transition: border .4s,box-shadow .4s,background-color 1.2s;
  1355. -webkit-transition: border .4s,-webkit-box-shadow .4s,background-color 1.2s;
  1356. background-color: #64bd63
  1357. }
  1358. .ui-switch input:checked:after {
  1359. left: 21px
  1360. }
  1361. .ui-switch input:after {
  1362. content: '';
  1363. width: 30px;
  1364. height: 30px;
  1365. position: absolute;
  1366. top: 1px;
  1367. left: 0;
  1368. border-radius: 100%;
  1369. background-color: #fff;
  1370. -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
  1371. box-shadow: 0 1px 3px rgba(0,0,0,.4);
  1372. -webkit-transition: left .2s;
  1373. transition: left .2s
  1374. }
  1375. .ui-radio {
  1376. line-height: 26px;
  1377. display: inline-block;
  1378. margin: 5px 0
  1379. }
  1380. .ui-radio input {
  1381. display: inline-block;
  1382. width: 24px;
  1383. height: 1px;
  1384. position: relative;
  1385. overflow: visible;
  1386. border: 0;
  1387. background: 0 0;
  1388. -webkit-appearance: none;
  1389. outline: 0;
  1390. margin-right: 8px;
  1391. vertical-align: middle
  1392. }
  1393. .ui-radio input:before {
  1394. content: '';
  1395. display: block;
  1396. width: 24px;
  1397. height: 24px;
  1398. border: 1px solid #dfe0e1;
  1399. border-radius: 13px;
  1400. -webkit-background-clip: padding-box;
  1401. background-clip: padding-box;
  1402. position: absolute;
  1403. left: 0;
  1404. top: -14px
  1405. }
  1406. .ui-radio input:checked:after {
  1407. content: '';
  1408. display: block;
  1409. width: 14px;
  1410. height: 14px;
  1411. background: #1cb7f0;
  1412. border-radius: 7px;
  1413. position: absolute;
  1414. left: 6px;
  1415. top: -8px
  1416. }
  1417. .ui-searchbar-wrap {
  1418. display: -webkit-box;
  1419. -webkit-box-pack: center;
  1420. -webkit-box-align: center;
  1421. background-color: #e5e5e5
  1422. }
  1423. .ui-searchbar-wrap button {
  1424. margin-right: 10px
  1425. }
  1426. .ui-searchbar-wrap .ui-searchbar-cancel {
  1427. color: gray;
  1428. font-size: 16px;
  1429. padding: 4px 8px
  1430. }
  1431. .ui-searchbar-wrap .ui-searchbar-input,.ui-searchbar-wrap button,.ui-searchbar-wrap .ui-icon-close {
  1432. display: none
  1433. }
  1434. .ui-searchbar-wrap.focus {
  1435. -webkit-box-pack: start
  1436. }
  1437. .ui-searchbar-wrap.focus .ui-searchbar-input,.ui-searchbar-wrap.focus button,.ui-searchbar-wrap.focus .ui-icon-close {
  1438. display: block
  1439. }
  1440. .ui-searchbar-wrap.focus .ui-searchbar-text {
  1441. display: none
  1442. }
  1443. .ui-searchbar {
  1444. border-radius: 4px;
  1445. height: 30px;
  1446. margin: 7px 10px;
  1447. background: #fff;
  1448. font-size: 14px;
  1449. line-height: 30px;
  1450. position: relative;
  1451. padding-left: 4px;
  1452. -webkit-box-flex: 1;
  1453. display: -webkit-box;
  1454. -webkit-box-pack: center;
  1455. -webkit-box-align: center;
  1456. color: gray;
  1457. width: 100%
  1458. }
  1459. .ui-searchbar input {
  1460. -webkit-appearance: none;
  1461. font-size: 14px;
  1462. color: #000;
  1463. border: 0;
  1464. width: 100%;
  1465. padding: 7px 0
  1466. }
  1467. .ui-searchbar-input {
  1468. -webkit-box-flex: 1
  1469. }
  1470. .ui-slider {
  1471. width: 100%;
  1472. overflow: hidden;
  1473. position: relative;
  1474. padding-top: 31.25%
  1475. }
  1476. .ui-slider-content {
  1477. display: -webkit-box;
  1478. position: absolute;
  1479. left: 0;
  1480. top: 0;
  1481. height: 100%
  1482. }
  1483. .ui-slider-content>li {
  1484. -webkit-box-flex: 1;
  1485. width: 100%;
  1486. height: 100%
  1487. }
  1488. .ui-slider-content>li img {
  1489. display: block;
  1490. width: 100%
  1491. }
  1492. .ui-slider-content>li span {
  1493. display: block;
  1494. width: 100%;
  1495. height: 100%;
  1496. background-repeat: no-repeat;
  1497. -webkit-background-size: 100% 100%
  1498. }
  1499. .ui-slider-content>li:active {
  1500. opacity: .7
  1501. }
  1502. .ui-slider-indicators {
  1503. position: absolute;
  1504. display: -webkit-box;
  1505. -webkit-box-pack: end;
  1506. width: 100%;
  1507. bottom: 10px;
  1508. right: 4px;
  1509. font-size: 0
  1510. }
  1511. .ui-slider-indicators li {
  1512. display: block;
  1513. text-indent: 100%;
  1514. white-space: nowrap;
  1515. overflow: hidden;
  1516. font-size: 0;
  1517. width: 7px;
  1518. height: 7px;
  1519. background-color: rgba(0,0,0,.3);
  1520. border-radius: 10px;
  1521. margin-right: 6px;
  1522. -webkit-box-sizing: border-box;
  1523. -webkit-background-clip: padding-box;
  1524. background-clip: padding-box;
  1525. position: relative
  1526. }
  1527. .ui-slider-indicators li.current:before {
  1528. content: '';
  1529. position: absolute;
  1530. background-color: #fff;
  1531. left: 1px;
  1532. top: 1px;
  1533. width: 5px;
  1534. height: 5px;
  1535. border-radius: 10px;
  1536. -webkit-box-sizing: border-box;
  1537. -webkit-background-clip: padding-box;
  1538. background-clip: padding-box
  1539. }
  1540. .ui-grid-trisect {
  1541. padding-left: 10px;
  1542. padding-right: 3px;
  1543. overflow: hidden
  1544. }
  1545. .ui-grid-trisect>li {
  1546. width: 33.33333333%;
  1547. padding: 0 7px 10px 0;
  1548. float: left;
  1549. position: relative;
  1550. -webkit-box-sizing: border-box
  1551. }
  1552. .ui-grid-trisect-img {
  1553. padding-top: 149.47%
  1554. }
  1555. .ui-grid-trisect h4 {
  1556. font-size: 12px;
  1557. position: relative;
  1558. margin: 7px 0 3px
  1559. }
  1560. .ui-grid-trisect h4 span {
  1561. display: inline-block;
  1562. margin-left: 12px;
  1563. color: gray
  1564. }
  1565. .ui-grid-halve {
  1566. overflow: hidden;
  1567. padding: 10px 0 0 10px
  1568. }
  1569. .ui-grid-halve>li {
  1570. width: 50%;
  1571. padding: 0 10px 10px 0;
  1572. float: left;
  1573. position: relative;
  1574. -webkit-box-sizing: border-box
  1575. }
  1576. .ui-grid-halve-img {
  1577. padding-top: 55.17%
  1578. }
  1579. .ui-grid-trisect-img,.ui-grid-halve-img {
  1580. width: 100%;
  1581. position: relative
  1582. }
  1583. .ui-grid-trisect-img img,.ui-grid-halve-img img {
  1584. width: 100%;
  1585. height: 100%
  1586. }
  1587. .ui-grid-trisect-img:active,.ui-grid-halve-img:active {
  1588. opacity: .7
  1589. }
  1590. .ui-grid-trisect-img>span,.ui-grid-halve-img>span {
  1591. width: 100%;
  1592. height: 100%;
  1593. position: absolute;
  1594. top: 0;
  1595. left: 0;
  1596. z-index: 2;
  1597. background-repeat: no-repeat;
  1598. -webkit-background-size: 100% 100%
  1599. }
  1600. .ui-progress {
  1601. -webkit-box-sizing: border-box;
  1602. overflow: hidden;
  1603. width: 100%;
  1604. height: 13px;
  1605. font-size: 0;
  1606. border: 5px solid #f8f8f8;
  1607. background-color: #e2e2e2
  1608. }
  1609. .ui-progress span {
  1610. display: block;
  1611. width: 0;
  1612. background: #65d521;
  1613. height: 100%;
  1614. font-size: 0;
  1615. border-radius: 3px
  1616. }
  1617. .ui-grid-trisect li .ui-progress,.ui-grid-halve li .ui-progress {
  1618. position: absolute;
  1619. bottom: 0;
  1620. z-index: 10
  1621. }
  1622. .ui-loading {
  1623. -webkit-animation: rotate 1s steps(12) infinite
  1624. }
  1625. .ui-loading-bright {
  1626. -webkit-animation: rotate2 1s steps(12) infinite
  1627. }
  1628. .ui-icon-refresh.loading {
  1629. -webkit-animation: rotate3 1s infinite linear
  1630. }
  1631. @-webkit-keyframes rotate {
  1632. from {
  1633. background-position: 0 0
  1634. }
  1635. to {
  1636. background-position: -240px 0
  1637. }
  1638. }
  1639. @-webkit-keyframes rotate2 {
  1640. from {
  1641. background-position: 0 0
  1642. }
  1643. to {
  1644. background-position: -444px 0
  1645. }
  1646. }
  1647. @-webkit-keyframes rotate3 {
  1648. 0% {
  1649. -webkit-transform: rotate(0)
  1650. }
  1651. 100% {
  1652. -webkit-transform: rotate(360deg)
  1653. }
  1654. }