weui.wxss 21 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042
  1. /*!
  2. * weui.js v1.1.0 (https://github.com/weui/weui-wxss)
  3. * Copyright 2016, wechat ui team
  4. * MIT license
  5. */
  6. page {
  7. line-height: 1.6;
  8. font-family: -apple-system-font, "Helvetica Neue", sans-serif;
  9. }
  10. icon {
  11. vertical-align: middle;
  12. }
  13. .weui-cells {
  14. position: relative;
  15. margin-top: 1.17647059em;
  16. background-color: #FFFFFF;
  17. line-height: 1.41176471;
  18. font-size: 17px;
  19. }
  20. .weui-cells:before {
  21. content: " ";
  22. position: absolute;
  23. left: 0;
  24. top: 0;
  25. right: 0;
  26. height: 1px;
  27. border-top: 1rpx solid #D9D9D9;
  28. color: #D9D9D9;
  29. }
  30. .weui-cells:after {
  31. content: " ";
  32. position: absolute;
  33. left: 0;
  34. bottom: 0;
  35. right: 0;
  36. height: 1px;
  37. border-bottom: 1rpx solid #D9D9D9;
  38. color: #D9D9D9;
  39. }
  40. .weui-cells__title {
  41. margin-top: .77em;
  42. margin-bottom: .3em;
  43. padding-left: 15px;
  44. padding-right: 15px;
  45. color: #999999;
  46. font-size: 14px;
  47. }
  48. .weui-cells_after-title {
  49. margin-top: 0;
  50. }
  51. .weui-cells__tips {
  52. margin-top: .3em;
  53. color: #999999;
  54. padding-left: 15px;
  55. padding-right: 15px;
  56. font-size: 14px;
  57. }
  58. .weui-cell {
  59. padding: 10px 15px;
  60. position: relative;
  61. display: -webkit-box;
  62. display: -webkit-flex;
  63. display: flex;
  64. -webkit-box-align: center;
  65. -webkit-align-items: center;
  66. align-items: center;
  67. }
  68. .weui-cell:before {
  69. content: " ";
  70. position: absolute;
  71. left: 0;
  72. top: 0;
  73. right: 0;
  74. height: 1px;
  75. border-top: 1rpx solid #D9D9D9;
  76. color: #D9D9D9;
  77. left: 15px;
  78. }
  79. .weui-cell:first-child:before {
  80. display: none;
  81. }
  82. .weui-cell_active {
  83. background-color: #ECECEC;
  84. }
  85. .weui-cell_primary {
  86. -webkit-box-align: start;
  87. -webkit-align-items: flex-start;
  88. align-items: flex-start;
  89. }
  90. .weui-cell__bd {
  91. -webkit-box-flex: 1;
  92. -webkit-flex: 1;
  93. flex: 1;
  94. }
  95. .weui-cell__ft {
  96. text-align: right;
  97. color: #999999;
  98. }
  99. .weui-cell_access {
  100. color: inherit;
  101. }
  102. .weui-cell__ft_in-access {
  103. padding-right: 13px;
  104. position: relative;
  105. }
  106. .weui-cell__ft_in-access:after {
  107. content: " ";
  108. display: inline-block;
  109. height: 6px;
  110. width: 6px;
  111. border-width: 2px 2px 0 0;
  112. border-color: #C8C8CD;
  113. border-style: solid;
  114. -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  115. transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  116. position: relative;
  117. top: -2px;
  118. position: absolute;
  119. top: 50%;
  120. margin-top: -4px;
  121. right: 2px;
  122. }
  123. .weui-cell_link {
  124. color: #586C94;
  125. font-size: 14px;
  126. }
  127. .weui-cell_link:active {
  128. background-color: #ECECEC;
  129. }
  130. .weui-cell_link:first-child:before {
  131. display: block;
  132. }
  133. .weui-icon-radio {
  134. margin-left: 3.2px;
  135. margin-right: 3.2px;
  136. }
  137. .weui-icon-checkbox_circle,
  138. .weui-icon-checkbox_success {
  139. margin-left: 4.6px;
  140. margin-right: 4.6px;
  141. }
  142. .weui-check__label:active {
  143. background-color: #ECECEC;
  144. }
  145. .weui-check {
  146. position: absolute;
  147. left: -9999px;
  148. }
  149. .weui-check__hd_in-checkbox {
  150. padding-right: 0.35em;
  151. }
  152. .weui-cell__ft_in-radio {
  153. padding-left: 0.35em;
  154. }
  155. .weui-cell_input {
  156. padding-top: 0;
  157. padding-bottom: 0;
  158. }
  159. .weui-label {
  160. width: 105px;
  161. word-wrap: break-word;
  162. word-break: break-all;
  163. }
  164. .weui-input {
  165. height: 2.58823529em;
  166. min-height: 2.58823529em;
  167. line-height: 2.58823529em;
  168. }
  169. .weui-toptips {
  170. position: fixed;
  171. -webkit-transform: translateZ(0);
  172. transform: translateZ(0);
  173. top: 0;
  174. left: 0;
  175. right: 0;
  176. padding: 5px;
  177. font-size: 14px;
  178. text-align: center;
  179. color: #FFFFFF;
  180. z-index: 5000;
  181. word-wrap: break-word;
  182. word-break: break-all;
  183. }
  184. .weui-toptips_warn {
  185. background-color: #E64340;
  186. }
  187. .weui-textarea {
  188. display: block;
  189. width: 100%;
  190. }
  191. .weui-textarea-counter {
  192. color: #B2B2B2;
  193. text-align: right;
  194. }
  195. .weui-textarea-counter_warn {
  196. color: #E64340;
  197. }
  198. .weui-cell_warn {
  199. color: #E64340;
  200. }
  201. .weui-form-preview {
  202. position: relative;
  203. background-color: #FFFFFF;
  204. }
  205. .weui-form-preview:before {
  206. content: " ";
  207. position: absolute;
  208. left: 0;
  209. top: 0;
  210. right: 0;
  211. height: 1px;
  212. border-top: 1rpx solid #D9D9D9;
  213. color: #D9D9D9;
  214. }
  215. .weui-form-preview:after {
  216. content: " ";
  217. position: absolute;
  218. left: 0;
  219. bottom: 0;
  220. right: 0;
  221. height: 1px;
  222. border-bottom: 1rpx solid #D9D9D9;
  223. color: #D9D9D9;
  224. }
  225. .weui-form-preview__value {
  226. font-size: 14px;
  227. }
  228. .weui-form-preview__value_in-hd {
  229. font-size: 26px;
  230. }
  231. .weui-form-preview__hd {
  232. position: relative;
  233. padding: 10px 15px;
  234. text-align: right;
  235. line-height: 2.5em;
  236. }
  237. .weui-form-preview__hd:after {
  238. content: " ";
  239. position: absolute;
  240. left: 0;
  241. bottom: 0;
  242. right: 0;
  243. height: 1px;
  244. border-bottom: 1rpx solid #D9D9D9;
  245. color: #D9D9D9;
  246. left: 15px;
  247. }
  248. .weui-form-preview__bd {
  249. padding: 10px 15px;
  250. font-size: .9em;
  251. text-align: right;
  252. color: #999999;
  253. line-height: 2;
  254. }
  255. .weui-form-preview__ft {
  256. position: relative;
  257. line-height: 50px;
  258. display: -webkit-box;
  259. display: -webkit-flex;
  260. display: flex;
  261. }
  262. .weui-form-preview__ft:after {
  263. content: " ";
  264. position: absolute;
  265. left: 0;
  266. top: 0;
  267. right: 0;
  268. height: 1px;
  269. border-top: 1rpx solid #D5D5D6;
  270. color: #D5D5D6;
  271. }
  272. .weui-form-preview__item {
  273. overflow: hidden;
  274. }
  275. .weui-form-preview__label {
  276. float: left;
  277. margin-right: 1em;
  278. min-width: 4em;
  279. color: #999999;
  280. text-align: justify;
  281. text-align-last: justify;
  282. }
  283. .weui-form-preview__value {
  284. display: block;
  285. overflow: hidden;
  286. word-break: normal;
  287. word-wrap: break-word;
  288. }
  289. .weui-form-preview__btn {
  290. position: relative;
  291. display: block;
  292. -webkit-box-flex: 1;
  293. -webkit-flex: 1;
  294. flex: 1;
  295. color: #3CC51F;
  296. text-align: center;
  297. }
  298. .weui-form-preview__btn:after {
  299. content: " ";
  300. position: absolute;
  301. left: 0;
  302. top: 0;
  303. width: 1px;
  304. bottom: 0;
  305. border-left: 1rpx solid #D5D5D6;
  306. color: #D5D5D6;
  307. }
  308. .weui-form-preview__btn:first-child:after {
  309. display: none;
  310. }
  311. .weui-form-preview__btn_active {
  312. background-color: #EEEEEE;
  313. }
  314. .weui-form-preview__btn_default {
  315. color: #999999;
  316. }
  317. .weui-form-preview__btn_primary {
  318. color: #0BB20C;
  319. }
  320. .weui-cell_select {
  321. padding: 0;
  322. }
  323. .weui-select {
  324. position: relative;
  325. padding-left: 15px;
  326. padding-right: 30px;
  327. height: 2.58823529em;
  328. min-height: 2.58823529em;
  329. line-height: 2.58823529em;
  330. border-right: 1rpx solid #D9D9D9;
  331. }
  332. .weui-select:before {
  333. content: " ";
  334. display: inline-block;
  335. height: 6px;
  336. width: 6px;
  337. border-width: 2px 2px 0 0;
  338. border-color: #C8C8CD;
  339. border-style: solid;
  340. -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  341. transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  342. position: relative;
  343. top: -2px;
  344. position: absolute;
  345. top: 50%;
  346. right: 15px;
  347. margin-top: -4px;
  348. }
  349. .weui-select_in-select-after {
  350. padding-left: 0;
  351. }
  352. .weui-cell__hd_in-select-after,
  353. .weui-cell__bd_in-select-before {
  354. padding-left: 15px;
  355. }
  356. .weui-cell_vcode {
  357. padding-right: 0;
  358. }
  359. .weui-vcode-img {
  360. margin-left: 5px;
  361. height: 2.58823529em;
  362. vertical-align: middle;
  363. }
  364. .weui-vcode-btn {
  365. display: inline-block;
  366. height: 2.58823529em;
  367. margin-left: 5px;
  368. padding: 0 0.6em 0 0.7em;
  369. border-left: 1px solid #E5E5E5;
  370. line-height: 2.58823529em;
  371. vertical-align: middle;
  372. font-size: 17px;
  373. color: #3CC51F;
  374. white-space: nowrap;
  375. }
  376. .weui-vcode-btn:active {
  377. color: #52a341;
  378. }
  379. .weui-cell_switch {
  380. padding-top: 6px;
  381. padding-bottom: 6px;
  382. }
  383. .weui-uploader__hd {
  384. display: -webkit-box;
  385. display: -webkit-flex;
  386. display: flex;
  387. padding-bottom: 10px;
  388. -webkit-box-align: center;
  389. -webkit-align-items: center;
  390. align-items: center;
  391. }
  392. .weui-uploader__title {
  393. -webkit-box-flex: 1;
  394. -webkit-flex: 1;
  395. flex: 1;
  396. }
  397. .weui-uploader__info {
  398. color: #B2B2B2;
  399. }
  400. .weui-uploader__bd {
  401. margin-bottom: -4px;
  402. margin-right: -9px;
  403. overflow: hidden;
  404. }
  405. .weui-uploader__file {
  406. float: left;
  407. margin-right: 9px;
  408. margin-bottom: 9px;
  409. }
  410. .weui-uploader__img {
  411. display: block;
  412. width: 79px;
  413. height: 79px;
  414. }
  415. .weui-uploader__file_status {
  416. position: relative;
  417. }
  418. .weui-uploader__file_status:before {
  419. content: " ";
  420. position: absolute;
  421. top: 0;
  422. right: 0;
  423. bottom: 0;
  424. left: 0;
  425. background-color: rgba(0, 0, 0, 0.5);
  426. }
  427. .weui-uploader__file-content {
  428. position: absolute;
  429. top: 50%;
  430. left: 50%;
  431. -webkit-transform: translate(-50%, -50%);
  432. transform: translate(-50%, -50%);
  433. color: #FFFFFF;
  434. }
  435. .weui-uploader__input-box {
  436. float: left;
  437. position: relative;
  438. margin-right: 9px;
  439. margin-bottom: 9px;
  440. width: 77px;
  441. height: 77px;
  442. border: 1px solid #D9D9D9;
  443. }
  444. .weui-uploader__input-box:before,
  445. .weui-uploader__input-box:after {
  446. content: " ";
  447. position: absolute;
  448. top: 50%;
  449. left: 50%;
  450. -webkit-transform: translate(-50%, -50%);
  451. transform: translate(-50%, -50%);
  452. background-color: #D9D9D9;
  453. }
  454. .weui-uploader__input-box:before {
  455. width: 2px;
  456. height: 39.5px;
  457. }
  458. .weui-uploader__input-box:after {
  459. width: 39.5px;
  460. height: 2px;
  461. }
  462. .weui-uploader__input-box:active {
  463. border-color: #999999;
  464. }
  465. .weui-uploader__input-box:active:before,
  466. .weui-uploader__input-box:active:after {
  467. background-color: #999999;
  468. }
  469. .weui-uploader__input {
  470. position: absolute;
  471. z-index: 1;
  472. top: 0;
  473. left: 0;
  474. width: 100%;
  475. height: 100%;
  476. opacity: 0;
  477. }
  478. .weui-article {
  479. padding: 20px 15px;
  480. font-size: 15px;
  481. }
  482. .weui-article__section {
  483. margin-bottom: 1.5em;
  484. }
  485. .weui-article__h1 {
  486. font-size: 18px;
  487. font-weight: 400;
  488. margin-bottom: .9em;
  489. }
  490. .weui-article__h2 {
  491. font-size: 16px;
  492. font-weight: 400;
  493. margin-bottom: .34em;
  494. }
  495. .weui-article__h3 {
  496. font-weight: 400;
  497. font-size: 15px;
  498. margin-bottom: .34em;
  499. }
  500. .weui-article__p {
  501. margin: 0 0 .8em;
  502. }
  503. .weui-msg {
  504. padding-top: 36px;
  505. text-align: center;
  506. }
  507. .weui-msg__link {
  508. display: inline;
  509. color: #586C94;
  510. }
  511. .weui-msg__icon-area {
  512. margin-bottom: 30px;
  513. }
  514. .weui-msg__text-area {
  515. margin-bottom: 25px;
  516. padding: 0 20px;
  517. }
  518. .weui-msg__title {
  519. margin-bottom: 5px;
  520. font-weight: 400;
  521. font-size: 20px;
  522. }
  523. .weui-msg__desc {
  524. font-size: 14px;
  525. color: #999999;
  526. }
  527. .weui-msg__opr-area {
  528. margin-bottom: 25px;
  529. }
  530. .weui-msg__extra-area {
  531. margin-bottom: 15px;
  532. font-size: 14px;
  533. color: #999999;
  534. }
  535. @media screen and (min-height: 438px) {
  536. .weui-msg__extra-area {
  537. position: fixed;
  538. left: 0;
  539. bottom: 0;
  540. width: 100%;
  541. text-align: center;
  542. }
  543. }
  544. .weui-flex {
  545. display: -webkit-box;
  546. display: -webkit-flex;
  547. display: flex;
  548. }
  549. .weui-flex__item {
  550. -webkit-box-flex: 1;
  551. -webkit-flex: 1;
  552. flex: 1;
  553. }
  554. .weui-btn {
  555. margin-top: 15px;
  556. }
  557. .weui-btn:first-child {
  558. margin-top: 0;
  559. }
  560. .weui-btn-area {
  561. margin: 1.17647059em 15px 0.3em;
  562. }
  563. .weui-agree {
  564. display: block;
  565. padding: .5em 15px;
  566. font-size: 13px;
  567. }
  568. .weui-agree__text {
  569. color: #999999;
  570. }
  571. .weui-agree__link {
  572. display: inline;
  573. color: #586C94;
  574. }
  575. .weui-agree__checkbox {
  576. position: absolute;
  577. left: -9999px;
  578. }
  579. .weui-agree__checkbox-icon {
  580. position: relative;
  581. top: 2px;
  582. display: inline-block;
  583. border: 1px solid #D1D1D1;
  584. background-color: #FFFFFF;
  585. border-radius: 3px;
  586. width: 11px;
  587. height: 11px;
  588. }
  589. .weui-agree__checkbox-icon-check {
  590. position: absolute;
  591. top: 1px;
  592. left: 1px;
  593. }
  594. .weui-footer {
  595. color: #999999;
  596. font-size: 14px;
  597. text-align: center;
  598. }
  599. .weui-footer_fixed-bottom {
  600. position: fixed;
  601. bottom: .52em;
  602. left: 0;
  603. right: 0;
  604. }
  605. .weui-footer__links {
  606. font-size: 0;
  607. }
  608. .weui-footer__link {
  609. display: inline-block;
  610. vertical-align: top;
  611. margin: 0 .62em;
  612. position: relative;
  613. font-size: 14px;
  614. color: #586C94;
  615. }
  616. .weui-footer__link:before {
  617. content: " ";
  618. position: absolute;
  619. left: 0;
  620. top: 0;
  621. width: 1px;
  622. bottom: 0;
  623. border-left: 1rpx solid #C7C7C7;
  624. color: #C7C7C7;
  625. left: -0.65em;
  626. top: .36em;
  627. bottom: .36em;
  628. }
  629. .weui-footer__link:first-child:before {
  630. display: none;
  631. }
  632. .weui-footer__text {
  633. padding: 0 .34em;
  634. font-size: 12px;
  635. }
  636. .weui-grids {
  637. border-top: 1rpx solid #D9D9D9;
  638. border-left: 1rpx solid #D9D9D9;
  639. overflow: hidden;
  640. }
  641. .weui-grid {
  642. position: relative;
  643. float: left;
  644. padding: 20px 10px;
  645. width: 33.33333333%;
  646. box-sizing: border-box;
  647. border-right: 1rpx solid #D9D9D9;
  648. border-bottom: 1rpx solid #D9D9D9;
  649. }
  650. .weui-grid_active {
  651. background-color: #ECECEC;
  652. }
  653. .weui-grid__icon {
  654. display: block;
  655. width: 28px;
  656. height: 28px;
  657. margin: 0 auto;
  658. }
  659. .weui-grid__label {
  660. margin-top: 5px;
  661. display: block;
  662. text-align: center;
  663. color: #000000;
  664. font-size: 14px;
  665. white-space: nowrap;
  666. text-overflow: ellipsis;
  667. overflow: hidden;
  668. }
  669. .weui-loading {
  670. margin: 0 5px;
  671. width: 20px;
  672. height: 20px;
  673. display: inline-block;
  674. vertical-align: middle;
  675. -webkit-animation: weuiLoading 1s steps(12, end) infinite;
  676. animation: weuiLoading 1s steps(12, end) infinite;
  677. background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTlFOUU5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMwKSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iIzk4OTY5NyIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMDUuOTggNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjOUI5OTlBIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDYwIDc1Ljk4IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0EzQTFBMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NSA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNBQkE5QUEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDU4LjY2IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0IyQjJCMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjQkFCOEI5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDMkMwQzEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCA0NS45OCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDQkNCQ0IiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCA0MS4zNCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNEMkQyRDIiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM1IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0RBREFEQSIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtNjAgMjQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTJFMkUyIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAtNS45OCA2NSkiLz48L3N2Zz4=) no-repeat;
  678. background-size: 100%;
  679. }
  680. @-webkit-keyframes weuiLoading {
  681. 0% {
  682. -webkit-transform: rotate3d(0, 0, 1, 0deg);
  683. transform: rotate3d(0, 0, 1, 0deg);
  684. }
  685. 100% {
  686. -webkit-transform: rotate3d(0, 0, 1, 360deg);
  687. transform: rotate3d(0, 0, 1, 360deg);
  688. }
  689. }
  690. @keyframes weuiLoading {
  691. 0% {
  692. -webkit-transform: rotate3d(0, 0, 1, 0deg);
  693. transform: rotate3d(0, 0, 1, 0deg);
  694. }
  695. 100% {
  696. -webkit-transform: rotate3d(0, 0, 1, 360deg);
  697. transform: rotate3d(0, 0, 1, 360deg);
  698. }
  699. }
  700. .weui-badge {
  701. display: inline-block;
  702. padding: .15em .4em;
  703. min-width: 8px;
  704. border-radius: 18px;
  705. background-color: #F43530;
  706. color: #FFFFFF;
  707. line-height: 1.2;
  708. text-align: center;
  709. font-size: 12px;
  710. vertical-align: middle;
  711. }
  712. .weui-badge_dot {
  713. padding: .4em;
  714. min-width: 0;
  715. }
  716. .weui-loadmore {
  717. width: 65%;
  718. margin: 1.5em auto;
  719. line-height: 1.6em;
  720. font-size: 14px;
  721. text-align: center;
  722. }
  723. .weui-loadmore__tips {
  724. display: inline-block;
  725. vertical-align: middle;
  726. }
  727. .weui-loadmore_line {
  728. border-top: 1px solid #E5E5E5;
  729. margin-top: 2.4em;
  730. }
  731. .weui-loadmore__tips_in-line {
  732. position: relative;
  733. top: -0.9em;
  734. padding: 0 .55em;
  735. background-color: #FFFFFF;
  736. color: #999999;
  737. }
  738. .weui-loadmore__tips_in-dot {
  739. position: relative;
  740. padding: 0 .16em;
  741. width: 4px;
  742. height: 1.6em;
  743. }
  744. .weui-loadmore__tips_in-dot:before {
  745. content: " ";
  746. position: absolute;
  747. top: 50%;
  748. left: 50%;
  749. margin-top: -1px;
  750. margin-left: -2px;
  751. width: 4px;
  752. height: 4px;
  753. border-radius: 50%;
  754. background-color: #E5E5E5;
  755. }
  756. .weui-panel {
  757. background-color: #FFFFFF;
  758. margin-top: 10px;
  759. position: relative;
  760. overflow: hidden;
  761. }
  762. .weui-panel:first-child {
  763. margin-top: 0;
  764. }
  765. .weui-panel:before {
  766. content: " ";
  767. position: absolute;
  768. left: 0;
  769. top: 0;
  770. right: 0;
  771. height: 1px;
  772. border-top: 1rpx solid #E5E5E5;
  773. color: #E5E5E5;
  774. }
  775. .weui-panel:after {
  776. content: " ";
  777. position: absolute;
  778. left: 0;
  779. bottom: 0;
  780. right: 0;
  781. height: 1px;
  782. border-bottom: 1rpx solid #E5E5E5;
  783. color: #E5E5E5;
  784. }
  785. .weui-panel__hd {
  786. padding: 14px 15px 10px;
  787. color: #999999;
  788. font-size: 13px;
  789. position: relative;
  790. }
  791. .weui-panel__hd:after {
  792. content: " ";
  793. position: absolute;
  794. left: 0;
  795. bottom: 0;
  796. right: 0;
  797. height: 1px;
  798. border-bottom: 1rpx solid #E5E5E5;
  799. color: #E5E5E5;
  800. left: 15px;
  801. }
  802. .weui-media-box {
  803. padding: 15px;
  804. position: relative;
  805. }
  806. .weui-media-box:before {
  807. content: " ";
  808. position: absolute;
  809. left: 0;
  810. top: 0;
  811. right: 0;
  812. height: 1px;
  813. border-top: 1rpx solid #E5E5E5;
  814. color: #E5E5E5;
  815. left: 15px;
  816. }
  817. .weui-media-box:first-child:before {
  818. display: none;
  819. }
  820. .weui-media-box__title {
  821. font-weight: 400;
  822. font-size: 17px;
  823. width: auto;
  824. overflow: hidden;
  825. text-overflow: ellipsis;
  826. white-space: nowrap;
  827. word-wrap: normal;
  828. word-wrap: break-word;
  829. word-break: break-all;
  830. }
  831. .weui-media-box__desc {
  832. color: #999999;
  833. font-size: 13px;
  834. line-height: 1.2;
  835. overflow: hidden;
  836. text-overflow: ellipsis;
  837. display: -webkit-box;
  838. -webkit-box-orient: vertical;
  839. -webkit-line-clamp: 2;
  840. }
  841. .weui-media-box__info {
  842. margin-top: 15px;
  843. padding-bottom: 5px;
  844. font-size: 13px;
  845. color: #CECECE;
  846. line-height: 1em;
  847. list-style: none;
  848. overflow: hidden;
  849. }
  850. .weui-media-box__info__meta {
  851. float: left;
  852. padding-right: 1em;
  853. }
  854. .weui-media-box__info__meta_extra {
  855. padding-left: 1em;
  856. border-left: 1px solid #CECECE;
  857. }
  858. .weui-media-box__title_in-text {
  859. margin-bottom: 8px;
  860. }
  861. .weui-media-box_appmsg {
  862. display: -webkit-box;
  863. display: -webkit-flex;
  864. display: flex;
  865. -webkit-box-align: center;
  866. -webkit-align-items: center;
  867. align-items: center;
  868. }
  869. .weui-media-box__thumb {
  870. width: 100%;
  871. height: 100%;
  872. vertical-align: top;
  873. }
  874. .weui-media-box__hd_in-appmsg {
  875. margin-right: .8em;
  876. width: 60px;
  877. height: 60px;
  878. line-height: 60px;
  879. text-align: center;
  880. }
  881. .weui-media-box__bd_in-appmsg {
  882. -webkit-box-flex: 1;
  883. -webkit-flex: 1;
  884. flex: 1;
  885. min-width: 0;
  886. }
  887. .weui-media-box_small-appmsg {
  888. padding: 0;
  889. }
  890. .weui-cells_in-small-appmsg {
  891. margin-top: 0;
  892. }
  893. .weui-cells_in-small-appmsg:before {
  894. display: none;
  895. }
  896. .weui-progress {
  897. display: -webkit-box;
  898. display: -webkit-flex;
  899. display: flex;
  900. -webkit-box-align: center;
  901. -webkit-align-items: center;
  902. align-items: center;
  903. }
  904. .weui-progress__bar {
  905. -webkit-box-flex: 1;
  906. -webkit-flex: 1;
  907. flex: 1;
  908. }
  909. .weui-progress__opr {
  910. margin-left: 15px;
  911. font-size: 0;
  912. }
  913. .weui-navbar {
  914. display: -webkit-box;
  915. display: -webkit-flex;
  916. display: flex;
  917. position: absolute;
  918. z-index: 500;
  919. top: 0;
  920. width: 100%;
  921. border-bottom: 1rpx solid #CCCCCC;
  922. }
  923. .weui-navbar__item {
  924. position: relative;
  925. display: block;
  926. -webkit-box-flex: 1;
  927. -webkit-flex: 1;
  928. flex: 1;
  929. padding: 13px 0;
  930. text-align: center;
  931. font-size: 0;
  932. }
  933. .weui-navbar__item.weui-bar__item_on {
  934. color: #1AAD19;
  935. }
  936. .weui-navbar__slider {
  937. position: absolute;
  938. content: " ";
  939. left: 0;
  940. bottom: 0;
  941. width: 6em;
  942. height: 3px;
  943. background-color: #1AAD19;
  944. -webkit-transition: -webkit-transform .3s;
  945. transition: -webkit-transform .3s;
  946. transition: transform .3s;
  947. transition: transform .3s, -webkit-transform .3s;
  948. }
  949. .weui-navbar__title {
  950. display: inline-block;
  951. font-size: 15px;
  952. max-width: 8em;
  953. width: auto;
  954. overflow: hidden;
  955. text-overflow: ellipsis;
  956. white-space: nowrap;
  957. word-wrap: normal;
  958. }
  959. .weui-tab {
  960. position: relative;
  961. height: 100%;
  962. }
  963. .weui-tab__panel {
  964. box-sizing: border-box;
  965. height: 100%;
  966. padding-top: 50px;
  967. overflow: auto;
  968. -webkit-overflow-scrolling: touch;
  969. }
  970. .weui-search-bar {
  971. position: relative;
  972. padding: 8px 10px;
  973. display: -webkit-box;
  974. display: -webkit-flex;
  975. display: flex;
  976. box-sizing: border-box;
  977. background-color: #EFEFF4;
  978. border-top: 1rpx solid #D7D6DC;
  979. border-bottom: 1rpx solid #D7D6DC;
  980. }
  981. .weui-icon-search {
  982. margin-right: 8px;
  983. font-size: inherit;
  984. }
  985. .weui-icon-search_in-box {
  986. position: absolute;
  987. left: 10px;
  988. top: 7px;
  989. }
  990. .weui-search-bar__text {
  991. display: inline-block;
  992. font-size: 14px;
  993. vertical-align: middle;
  994. }
  995. .weui-search-bar__form {
  996. position: relative;
  997. -webkit-box-flex: 1;
  998. -webkit-flex: auto;
  999. flex: auto;
  1000. border-radius: 5px;
  1001. background: #FFFFFF;
  1002. border: 1rpx solid #E6E6EA;
  1003. }
  1004. .weui-search-bar__box {
  1005. position: relative;
  1006. padding-left: 30px;
  1007. padding-right: 30px;
  1008. width: 100%;
  1009. box-sizing: border-box;
  1010. z-index: 1;
  1011. }
  1012. .weui-search-bar__input {
  1013. height: 28px;
  1014. line-height: 28px;
  1015. font-size: 14px;
  1016. }
  1017. .weui-icon-clear {
  1018. position: absolute;
  1019. top: 0;
  1020. right: 0;
  1021. padding: 7px 8px;
  1022. font-size: 0;
  1023. }
  1024. .weui-search-bar__label {
  1025. position: absolute;
  1026. top: 0;
  1027. right: 0;
  1028. bottom: 0;
  1029. left: 0;
  1030. z-index: 2;
  1031. border-radius: 3px;
  1032. text-align: center;
  1033. color: #9B9B9B;
  1034. background: #FFFFFF;
  1035. line-height: 28px;
  1036. }
  1037. .weui-search-bar__cancel-btn {
  1038. margin-left: 10px;
  1039. line-height: 28px;
  1040. color: #09BB07;
  1041. white-space: nowrap;
  1042. }