You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

2007 lines
44 KiB

  1. /*!
  2. * WeUI v0.4.1 (https://github.com/weui/weui)
  3. * Copyright 2016 Tencent, Inc.
  4. * Licensed under the MIT license
  5. */
  6. html {
  7. -ms-text-size-adjust: 100%;
  8. -webkit-text-size-adjust: 100%;
  9. }
  10. body {
  11. line-height: 1.6;
  12. font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  13. }
  14. * {
  15. margin: 0;
  16. padding: 0;
  17. }
  18. a img {
  19. border: 0;
  20. }
  21. a {
  22. text-decoration: none;
  23. }
  24. @font-face {
  25. font-weight: normal;
  26. font-style: normal;
  27. font-family: "weui";
  28. src: url('data:application/octet-stream;base64,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') format('truetype');
  29. }
  30. [class^="weui_icon_"]:before,
  31. [class*=" weui_icon_"]:before {
  32. font-family: "weui";
  33. font-style: normal;
  34. font-weight: normal;
  35. speak: none;
  36. display: inline-block;
  37. vertical-align: middle;
  38. text-decoration: inherit;
  39. width: 1em;
  40. margin-right: .2em;
  41. text-align: center;
  42. /* opacity: .8; */
  43. /* For safety - reset parent styles, that can break glyph codes*/
  44. font-variant: normal;
  45. text-transform: none;
  46. /* fix buttons height, for twitter bootstrap */
  47. line-height: 1em;
  48. /* Animation center compensation - margins should be symmetric */
  49. /* remove if not needed */
  50. margin-left: .2em;
  51. /* you can be more comfortable with increased icons size */
  52. /* font-size: 120%; */
  53. /* Uncomment for 3D effect */
  54. /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
  55. }
  56. .weui_icon_circle:before {
  57. content: "\EA01";
  58. }
  59. /* '' */
  60. .weui_icon_download:before {
  61. content: "\EA02";
  62. }
  63. /* '' */
  64. .weui_icon_info:before {
  65. content: "\EA03";
  66. }
  67. /* '' */
  68. .weui_icon_safe_success:before {
  69. content: "\EA04";
  70. }
  71. /* '' */
  72. .weui_icon_safe_warn:before {
  73. content: "\EA05";
  74. }
  75. /* '' */
  76. .weui_icon_success:before {
  77. content: "\EA06";
  78. }
  79. /* '' */
  80. .weui_icon_success_circle:before {
  81. content: "\EA07";
  82. }
  83. /* '' */
  84. .weui_icon_success_no_circle:before {
  85. content: "\EA08";
  86. }
  87. /* '' */
  88. .weui_icon_waiting:before {
  89. content: "\EA09";
  90. }
  91. /* '' */
  92. .weui_icon_waiting_circle:before {
  93. content: "\EA0A";
  94. }
  95. /* '' */
  96. .weui_icon_warn:before {
  97. content: "\EA0B";
  98. }
  99. /* '' */
  100. .weui_icon_info_circle:before {
  101. content: "\EA0C";
  102. }
  103. /* '' */
  104. .weui_icon_cancel:before {
  105. content: "\EA0D";
  106. }
  107. /* '' */
  108. .weui_icon_search:before {
  109. content: "\EA0E";
  110. }
  111. /* '' */
  112. .weui_icon_clear:before {
  113. content: "\EA0F";
  114. }
  115. /* '' */
  116. [class^="weui_icon_"]:before,
  117. [class*=" weui_icon_"]:before {
  118. margin: 0;
  119. }
  120. .weui_icon_success:before {
  121. font-size: 23px;
  122. color: #09BB07;
  123. }
  124. .weui_icon_waiting:before {
  125. font-size: 23px;
  126. color: #10AEFF;
  127. }
  128. .weui_icon_warn:before {
  129. font-size: 23px;
  130. color: #F43530;
  131. }
  132. .weui_icon_info:before {
  133. font-size: 23px;
  134. color: #10AEFF;
  135. }
  136. .weui_icon_success_circle:before {
  137. font-size: 23px;
  138. color: #09BB07;
  139. }
  140. .weui_icon_success_no_circle:before {
  141. font-size: 23px;
  142. color: #09BB07;
  143. }
  144. .weui_icon_waiting_circle:before {
  145. font-size: 23px;
  146. color: #10AEFF;
  147. }
  148. .weui_icon_circle:before {
  149. font-size: 23px;
  150. color: #C9C9C9;
  151. }
  152. .weui_icon_download:before {
  153. font-size: 23px;
  154. color: #09BB07;
  155. }
  156. .weui_icon_info_circle:before {
  157. font-size: 23px;
  158. color: #09BB07;
  159. }
  160. .weui_icon_safe_success:before {
  161. color: #09BB07;
  162. }
  163. .weui_icon_safe_warn:before {
  164. color: #FFBE00;
  165. }
  166. .weui_icon_cancel:before {
  167. color: #F43530;
  168. font-size: 22px;
  169. }
  170. .weui_icon_search:before {
  171. color: #B2B2B2;
  172. font-size: 14px;
  173. }
  174. .weui_icon_clear:before {
  175. color: #B2B2B2;
  176. font-size: 14px;
  177. }
  178. .weui_icon_msg:before {
  179. font-size: 104px;
  180. }
  181. .weui_icon_warn.weui_icon_msg:before {
  182. color: #F76260;
  183. }
  184. .weui_icon_safe:before {
  185. font-size: 104px;
  186. }
  187. .weui_btn.weui_btn_mini {
  188. line-height: 1.9;
  189. font-size: 14px;
  190. padding: 0 .75em;
  191. display: inline-block;
  192. }
  193. button.weui_btn,
  194. input.weui_btn {
  195. width: 100%;
  196. border-width: 0;
  197. outline: 0;
  198. -webkit-appearance: none;
  199. }
  200. button.weui_btn:focus,
  201. input.weui_btn:focus {
  202. outline: 0;
  203. }
  204. button.weui_btn_inline,
  205. input.weui_btn_inline,
  206. button.weui_btn_mini,
  207. input.weui_btn_mini {
  208. width: auto;
  209. }
  210. /*gap between btn*/
  211. .weui_btn + .weui_btn {
  212. margin-top: 15px;
  213. }
  214. .weui_btn.weui_btn_inline + .weui_btn.weui_btn_inline {
  215. margin-top: auto;
  216. margin-left: 15px;
  217. }
  218. .weui_btn_area {
  219. margin: 1.17647059em 15px 0.3em;
  220. }
  221. .weui_btn_area.weui_btn_area_inline {
  222. display: -webkit-box;
  223. display: -webkit-flex;
  224. display: -ms-flexbox;
  225. display: flex;
  226. }
  227. .weui_btn_area.weui_btn_area_inline .weui_btn {
  228. margin-top: auto;
  229. margin-right: 15px;
  230. width: 100%;
  231. -webkit-box-flex: 1;
  232. -webkit-flex: 1;
  233. -ms-flex: 1;
  234. flex: 1;
  235. }
  236. .weui_btn_area.weui_btn_area_inline .weui_btn:last-child {
  237. margin-right: 0;
  238. }
  239. .weui_btn {
  240. position: relative;
  241. display: block;
  242. margin-left: auto;
  243. margin-right: auto;
  244. padding-left: 14px;
  245. padding-right: 14px;
  246. box-sizing: border-box;
  247. font-size: 18px;
  248. text-align: center;
  249. text-decoration: none;
  250. color: #FFFFFF;
  251. line-height: 2.33333333;
  252. border-radius: 5px;
  253. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  254. overflow: hidden;
  255. }
  256. .weui_btn:after {
  257. content: " ";
  258. width: 200%;
  259. height: 200%;
  260. position: absolute;
  261. top: 0;
  262. left: 0;
  263. border: 1px solid rgba(0, 0, 0, 0.2);
  264. -webkit-transform: scale(0.5);
  265. transform: scale(0.5);
  266. -webkit-transform-origin: 0 0;
  267. transform-origin: 0 0;
  268. box-sizing: border-box;
  269. border-radius: 10px;
  270. }
  271. .weui_btn.weui_btn_inline {
  272. display: inline-block;
  273. }
  274. .weui_btn_default {
  275. background-color: #F7F7F7;
  276. color: #454545;
  277. }
  278. .weui_btn_default:not(.weui_btn_disabled):visited {
  279. color: #454545;
  280. }
  281. .weui_btn_default:not(.weui_btn_disabled):active {
  282. color: #A1A1A1;
  283. background-color: #DEDEDE;
  284. }
  285. .weui_btn_primary {
  286. background-color: #04BE02;
  287. }
  288. .weui_btn_primary:not(.weui_btn_disabled):visited {
  289. color: #FFFFFF;
  290. }
  291. .weui_btn_primary:not(.weui_btn_disabled):active {
  292. color: rgba(255, 255, 255, 0.4);
  293. background-color: #039702;
  294. }
  295. .weui_btn_warn {
  296. background-color: #EF4F4F;
  297. }
  298. .weui_btn_warn:not(.weui_btn_disabled):visited {
  299. color: #FFFFFF;
  300. }
  301. .weui_btn_warn:not(.weui_btn_disabled):active {
  302. color: rgba(255, 255, 255, 0.4);
  303. background-color: #C13E3E;
  304. }
  305. .weui_btn_disabled {
  306. color: rgba(255, 255, 255, 0.6);
  307. }
  308. .weui_btn_disabled.weui_btn_default {
  309. color: #C9C9C9;
  310. }
  311. .weui_btn_plain_primary {
  312. color: #04BE02;
  313. border: 1px solid #04BE02;
  314. }
  315. button.weui_btn_plain_primary,
  316. input.weui_btn_plain_primary {
  317. border-width: 1px;
  318. background-color: transparent;
  319. }
  320. .weui_btn_plain_primary:active {
  321. border-color: #039702;
  322. }
  323. .weui_btn_plain_primary:after {
  324. border-width: 0;
  325. }
  326. .weui_btn_plain_default {
  327. color: #5A5A5A;
  328. border: 1px solid #5A5A5A;
  329. }
  330. button.weui_btn_plain_default,
  331. input.weui_btn_plain_default {
  332. border-width: 1px;
  333. background-color: transparent;
  334. }
  335. .weui_btn_plain_default:after {
  336. border-width: 0;
  337. }
  338. .weui_cell {
  339. position: relative;
  340. }
  341. .weui_cell:before {
  342. content: " ";
  343. position: absolute;
  344. left: 0;
  345. top: 0;
  346. width: 100%;
  347. height: 1px;
  348. border-top: 1px solid #D9D9D9;
  349. color: #D9D9D9;
  350. -webkit-transform-origin: 0 0;
  351. transform-origin: 0 0;
  352. -webkit-transform: scaleY(0.5);
  353. transform: scaleY(0.5);
  354. left: 15px;
  355. }
  356. .weui_cell:first-child:before {
  357. display: none;
  358. }
  359. .weui_cells {
  360. margin-top: 1.17647059em;
  361. background-color: #FFFFFF;
  362. line-height: 1.41176471;
  363. font-size: 17px;
  364. overflow: hidden;
  365. position: relative;
  366. }
  367. .weui_cells:before {
  368. content: " ";
  369. position: absolute;
  370. left: 0;
  371. top: 0;
  372. width: 100%;
  373. height: 1px;
  374. border-top: 1px solid #D9D9D9;
  375. color: #D9D9D9;
  376. -webkit-transform-origin: 0 0;
  377. transform-origin: 0 0;
  378. -webkit-transform: scaleY(0.5);
  379. transform: scaleY(0.5);
  380. }
  381. .weui_cells:after {
  382. content: " ";
  383. position: absolute;
  384. left: 0;
  385. bottom: 0;
  386. width: 100%;
  387. height: 1px;
  388. border-bottom: 1px solid #D9D9D9;
  389. color: #D9D9D9;
  390. -webkit-transform-origin: 0 100%;
  391. transform-origin: 0 100%;
  392. -webkit-transform: scaleY(0.5);
  393. transform: scaleY(0.5);
  394. }
  395. .weui_cells_title {
  396. margin-top: .77em;
  397. margin-bottom: .3em;
  398. padding-left: 15px;
  399. padding-right: 15px;
  400. color: #888;
  401. font-size: 14px;
  402. }
  403. .weui_cells_title + .weui_cells {
  404. margin-top: 0;
  405. }
  406. .weui_cells_tips {
  407. margin-top: .3em;
  408. color: #888;
  409. padding-left: 15px;
  410. padding-right: 15px;
  411. font-size: 14px;
  412. }
  413. .weui_cell {
  414. padding: 10px 15px;
  415. position: relative;
  416. display: -webkit-box;
  417. display: -webkit-flex;
  418. display: -ms-flexbox;
  419. display: flex;
  420. -webkit-box-align: center;
  421. -webkit-align-items: center;
  422. -ms-flex-align: center;
  423. align-items: center;
  424. }
  425. .weui_cell_ft {
  426. text-align: right;
  427. color: #888;
  428. }
  429. .weui_cell_primary {
  430. -webkit-box-flex: 1;
  431. -webkit-flex: 1;
  432. -ms-flex: 1;
  433. flex: 1;
  434. }
  435. .weui_cells_access .weui_cell:not(.no_access) {
  436. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  437. }
  438. .weui_cells_access .weui_cell:not(.no_access):active {
  439. background-color: #ECECEC;
  440. }
  441. .weui_cells_access a.weui_cell {
  442. color: inherit;
  443. }
  444. .weui_cells_access .weui_cell_ft:after {
  445. content: " ";
  446. display: inline-block;
  447. -webkit-transform: rotate(45deg);
  448. transform: rotate(45deg);
  449. height: 6px;
  450. width: 6px;
  451. border-width: 2px 2px 0 0;
  452. border-color: #C8C8CD;
  453. border-style: solid;
  454. position: relative;
  455. top: -2px;
  456. top: -1px;
  457. margin-left: .3em;
  458. }
  459. .weui_check_label {
  460. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  461. }
  462. .weui_check {
  463. position: absolute;
  464. left: -9999em;
  465. }
  466. .weui_cells_radio .weui_cell_ft {
  467. padding-left: 0.35em;
  468. }
  469. .weui_cells_radio .weui_cell:active {
  470. background-color: #ECECEC;
  471. }
  472. .weui_cells_radio .weui_check:checked + .weui_icon_checked:before {
  473. display: block;
  474. content: '\EA08';
  475. color: #09BB07;
  476. font-size: 16px;
  477. }
  478. .weui_cells_checkbox .weui_cell_hd {
  479. padding-right: 0.35em;
  480. }
  481. .weui_cells_checkbox .weui_cell:active {
  482. background-color: #ECECEC;
  483. }
  484. .weui_cells_checkbox .weui_icon_checked:before {
  485. content: '\EA01';
  486. color: #C9C9C9;
  487. font-size: 23px;
  488. display: block;
  489. }
  490. .weui_cells_checkbox .weui_check:checked + .weui_icon_checked:before {
  491. content: '\EA06';
  492. color: #09BB07;
  493. }
  494. .weui_label {
  495. display: block;
  496. width: 3em;
  497. }
  498. .weui_input {
  499. width: 100%;
  500. border: 0;
  501. outline: 0;
  502. -webkit-appearance: none;
  503. background-color: transparent;
  504. font-size: inherit;
  505. color: inherit;
  506. height: 1.41176471em;
  507. line-height: 1.41176471;
  508. }
  509. .weui_input::-webkit-outer-spin-button,
  510. .weui_input::-webkit-inner-spin-button {
  511. -webkit-appearance: none;
  512. margin: 0;
  513. }
  514. .weui_textarea {
  515. display: block;
  516. border: 0;
  517. resize: none;
  518. width: 100%;
  519. color: inherit;
  520. font-size: 1em;
  521. line-height: inherit;
  522. outline: 0;
  523. }
  524. .weui_textarea_counter {
  525. color: #B2B2B2;
  526. text-align: right;
  527. }
  528. .weui_cell_warn .weui_textarea_counter {
  529. color: #E64340;
  530. }
  531. .weui_toptips {
  532. display: none;
  533. position: fixed;
  534. -webkit-transform: translateZ(0);
  535. width: 100%;
  536. top: 0;
  537. line-height: 2.3;
  538. font-size: 14px;
  539. text-align: center;
  540. color: #FFF;
  541. z-index: 2;
  542. }
  543. .weui_toptips.weui_warn {
  544. background-color: #E64340;
  545. }
  546. .weui_cells_form .weui_cell_warn {
  547. color: #E64340;
  548. }
  549. .weui_cells_form .weui_cell_warn .weui_icon_warn {
  550. display: inline-block;
  551. }
  552. .weui_cells_form .weui_cell_hd {
  553. padding-right: .3em;
  554. }
  555. .weui_cells_form .weui_cell_ft {
  556. font-size: 0;
  557. }
  558. .weui_cells_form .weui_icon_warn {
  559. display: none;
  560. }
  561. .weui_cells_form input,
  562. .weui_cells_form textarea,
  563. .weui_cells_form label[for] {
  564. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  565. }
  566. .weui_cell_select {
  567. padding: 0;
  568. }
  569. .weui_cell_select .weui_select {
  570. padding-right: 30px;
  571. }
  572. .weui_cell_select .weui_cell_bd:after {
  573. content: " ";
  574. display: inline-block;
  575. -webkit-transform: rotate(45deg);
  576. transform: rotate(45deg);
  577. height: 6px;
  578. width: 6px;
  579. border-width: 2px 2px 0 0;
  580. border-color: #C8C8CD;
  581. border-style: solid;
  582. position: relative;
  583. top: -2px;
  584. position: absolute;
  585. top: 50%;
  586. right: 15px;
  587. margin-top: -3px;
  588. }
  589. .weui_select {
  590. -webkit-appearance: none;
  591. border: 0;
  592. outline: 0;
  593. background-color: transparent;
  594. width: 100%;
  595. font-size: inherit;
  596. height: 44px;
  597. position: relative;
  598. z-index: 1;
  599. padding-left: 15px;
  600. }
  601. .weui_select_before {
  602. padding-right: 15px;
  603. }
  604. .weui_select_before .weui_select {
  605. width: auto;
  606. }
  607. .weui_select_before .weui_cell_hd {
  608. position: relative;
  609. }
  610. .weui_select_before .weui_cell_hd:after {
  611. content: " ";
  612. position: absolute;
  613. right: 0;
  614. top: 0;
  615. width: 1px;
  616. height: 100%;
  617. border-right: 1px solid #D9D9D9;
  618. color: #D9D9D9;
  619. -webkit-transform-origin: 100% 0;
  620. transform-origin: 100% 0;
  621. -webkit-transform: scaleX(0.5);
  622. transform: scaleX(0.5);
  623. }
  624. .weui_select_before .weui_cell_hd:before {
  625. content: " ";
  626. display: inline-block;
  627. -webkit-transform: rotate(45deg);
  628. transform: rotate(45deg);
  629. height: 6px;
  630. width: 6px;
  631. border-width: 2px 2px 0 0;
  632. border-color: #C8C8CD;
  633. border-style: solid;
  634. position: relative;
  635. top: -2px;
  636. position: absolute;
  637. top: 50%;
  638. right: 15px;
  639. margin-top: -3px;
  640. }
  641. .weui_select_before .weui_cell_bd {
  642. padding-left: 15px;
  643. }
  644. .weui_select_before .weui_cell_bd:after {
  645. display: none;
  646. }
  647. .weui_select_after {
  648. padding-left: 15px;
  649. }
  650. .weui_vcode {
  651. padding-top: 0;
  652. padding-right: 0;
  653. padding-bottom: 0;
  654. }
  655. .weui_vcode .weui_cell_ft img {
  656. margin-left: 5px;
  657. height: 44px;
  658. vertical-align: middle;
  659. }
  660. .weui_cell_switch {
  661. padding-top: 6px;
  662. padding-bottom: 6px;
  663. }
  664. .weui_switch {
  665. -webkit-appearance: none;
  666. -moz-appearance: none;
  667. appearance: none;
  668. position: relative;
  669. width: 52px;
  670. height: 32px;
  671. border: 1px solid #DFDFDF;
  672. outline: 0;
  673. border-radius: 16px;
  674. box-sizing: border-box;
  675. background: #DFDFDF;
  676. }
  677. .weui_switch:before {
  678. content: " ";
  679. position: absolute;
  680. top: 0;
  681. left: 0;
  682. width: 50px;
  683. height: 30px;
  684. border-radius: 15px;
  685. background-color: #FDFDFD;
  686. -webkit-transition: -webkit-transform .3s;
  687. transition: -webkit-transform .3s;
  688. transition: transform .3s;
  689. transition: transform .3s, -webkit-transform .3s;
  690. }
  691. .weui_switch:after {
  692. content: " ";
  693. position: absolute;
  694. top: 0;
  695. left: 0;
  696. width: 30px;
  697. height: 30px;
  698. border-radius: 15px;
  699. background-color: #FFFFFF;
  700. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  701. -webkit-transition: -webkit-transform .3s;
  702. transition: -webkit-transform .3s;
  703. transition: transform .3s;
  704. transition: transform .3s, -webkit-transform .3s;
  705. }
  706. .weui_switch:checked {
  707. border-color: #04BE02;
  708. background-color: #04BE02;
  709. }
  710. .weui_switch:checked:before {
  711. -webkit-transform: scale(0);
  712. transform: scale(0);
  713. }
  714. .weui_switch:checked:after {
  715. -webkit-transform: translateX(20px);
  716. transform: translateX(20px);
  717. }
  718. .weui_uploader_hd {
  719. padding-top: 0;
  720. padding-right: 0;
  721. padding-left: 0;
  722. }
  723. .weui_uploader_hd .weui_cell_ft {
  724. font-size: 1em;
  725. }
  726. .weui_uploader_bd {
  727. margin-bottom: -4px;
  728. margin-right: -9px;
  729. overflow: hidden;
  730. }
  731. .weui_uploader_files {
  732. list-style: none;
  733. }
  734. .weui_uploader_file {
  735. float: left;
  736. margin-right: 9px;
  737. margin-bottom: 9px;
  738. width: 79px;
  739. height: 79px;
  740. background: no-repeat center center;
  741. background-size: cover;
  742. }
  743. .weui_uploader_status {
  744. position: relative;
  745. }
  746. .weui_uploader_status:before {
  747. content: " ";
  748. position: absolute;
  749. top: 0;
  750. right: 0;
  751. bottom: 0;
  752. left: 0;
  753. background-color: rgba(0, 0, 0, 0.5);
  754. }
  755. .weui_uploader_status .weui_uploader_status_content {
  756. position: absolute;
  757. top: 50%;
  758. left: 50%;
  759. -webkit-transform: translate(-50%, -50%);
  760. transform: translate(-50%, -50%);
  761. color: #FFFFFF;
  762. }
  763. .weui_uploader_status .weui_icon_warn {
  764. display: block;
  765. }
  766. .weui_uploader_input_wrp {
  767. float: left;
  768. position: relative;
  769. margin-right: 9px;
  770. margin-bottom: 9px;
  771. width: 77px;
  772. height: 77px;
  773. border: 1px solid #D9D9D9;
  774. }
  775. .weui_uploader_input_wrp:before,
  776. .weui_uploader_input_wrp:after {
  777. content: " ";
  778. position: absolute;
  779. top: 50%;
  780. left: 50%;
  781. -webkit-transform: translate(-50%, -50%);
  782. transform: translate(-50%, -50%);
  783. background-color: #D9D9D9;
  784. }
  785. .weui_uploader_input_wrp:before {
  786. width: 2px;
  787. height: 39.5px;
  788. }
  789. .weui_uploader_input_wrp:after {
  790. width: 39.5px;
  791. height: 2px;
  792. }
  793. .weui_uploader_input_wrp:active {
  794. border-color: #999999;
  795. }
  796. .weui_uploader_input_wrp:active:before,
  797. .weui_uploader_input_wrp:active:after {
  798. background-color: #999999;
  799. }
  800. .weui_uploader_input {
  801. position: absolute;
  802. z-index: 1;
  803. top: 0;
  804. left: 0;
  805. width: 100%;
  806. height: 100%;
  807. opacity: 0;
  808. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  809. }
  810. .weui_msg {
  811. padding-top: 36px;
  812. text-align: center;
  813. }
  814. .weui_msg .weui_icon_area {
  815. margin-bottom: 30px;
  816. }
  817. .weui_msg .weui_text_area {
  818. margin-bottom: 25px;
  819. padding: 0 20px;
  820. }
  821. .weui_msg .weui_msg_title {
  822. margin-bottom: 5px;
  823. font-weight: 400;
  824. font-size: 20px;
  825. }
  826. .weui_msg .weui_msg_desc {
  827. font-size: 14px;
  828. color: #888;
  829. }
  830. .weui_msg .weui_opr_area {
  831. margin-bottom: 25px;
  832. }
  833. .weui_msg .weui_extra_area {
  834. margin-bottom: 15px;
  835. font-size: 14px;
  836. color: #888;
  837. }
  838. .weui_msg .weui_extra_area a {
  839. color: #61749B;
  840. }
  841. @media screen and (min-height: 438px) {
  842. .weui_extra_area {
  843. position: fixed;
  844. left: 0;
  845. bottom: 0;
  846. width: 100%;
  847. text-align: center;
  848. }
  849. }
  850. .weui_article {
  851. padding: 20px 15px;
  852. font-size: 15px;
  853. }
  854. .weui_article section {
  855. margin-bottom: 1.5em;
  856. }
  857. .weui_article h1 {
  858. font-size: 17px;
  859. font-weight: 400;
  860. margin-bottom: .75em;
  861. }
  862. .weui_article h2 {
  863. font-size: 16px;
  864. font-weight: 400;
  865. margin-bottom: .3em;
  866. }
  867. .weui_article h3 {
  868. font-weight: 400;
  869. font-size: 15px;
  870. }
  871. .weui_tabbar {
  872. display: -webkit-box;
  873. display: -webkit-flex;
  874. display: -ms-flexbox;
  875. display: flex;
  876. position: absolute;
  877. bottom: 0;
  878. width: 100%;
  879. background-color: #f7f7fa;
  880. }
  881. .weui_tabbar:before {
  882. content: " ";
  883. position: absolute;
  884. left: 0;
  885. top: 0;
  886. width: 100%;
  887. height: 1px;
  888. border-top: 1px solid #979797;
  889. color: #979797;
  890. -webkit-transform-origin: 0 0;
  891. transform-origin: 0 0;
  892. -webkit-transform: scaleY(0.5);
  893. transform: scaleY(0.5);
  894. }
  895. .weui_tabbar_item {
  896. display: block;
  897. -webkit-box-flex: 1;
  898. -webkit-flex: 1;
  899. -ms-flex: 1;
  900. flex: 1;
  901. padding: 7px 0 0;
  902. -webkit-tap-highlight-color: transparent;
  903. }
  904. .weui_tabbar_item.weui_bar_item_on .weui_tabbar_label {
  905. color: #09BB07;
  906. }
  907. .weui_tabbar_icon {
  908. margin: 0 auto;
  909. width: 24px;
  910. height: 24px;
  911. }
  912. .weui_tabbar_icon img {
  913. display: block;
  914. width: 100%;
  915. height: 100%;
  916. }
  917. .weui_tabbar_icon + .weui_tabbar_label {
  918. margin-top: 5px;
  919. }
  920. .weui_tabbar_label {
  921. text-align: center;
  922. color: #888;
  923. font-size: 12px;
  924. }
  925. .weui_navbar {
  926. display: -webkit-box;
  927. display: -webkit-flex;
  928. display: -ms-flexbox;
  929. display: flex;
  930. position: absolute;
  931. z-index: 1;
  932. top: 0;
  933. width: 100%;
  934. background-color: #fafafa;
  935. }
  936. .weui_navbar:after {
  937. content: " ";
  938. position: absolute;
  939. left: 0;
  940. bottom: 0;
  941. width: 100%;
  942. height: 1px;
  943. border-bottom: 1px solid #BCBAB6;
  944. color: #BCBAB6;
  945. -webkit-transform-origin: 0 100%;
  946. transform-origin: 0 100%;
  947. -webkit-transform: scaleY(0.5);
  948. transform: scaleY(0.5);
  949. }
  950. .weui_navbar + .weui_tab_bd {
  951. padding-top: 50px;
  952. padding-bottom: 0;
  953. }
  954. .weui_navbar_item {
  955. position: relative;
  956. display: block;
  957. -webkit-box-flex: 1;
  958. -webkit-flex: 1;
  959. -ms-flex: 1;
  960. flex: 1;
  961. padding: 13px 0;
  962. text-align: center;
  963. font-size: 15px;
  964. -webkit-tap-highlight-color: transparent;
  965. }
  966. .weui_navbar_item:active {
  967. background-color: #ededed;
  968. }
  969. .weui_navbar_item.weui_bar_item_on {
  970. background-color: #eaeaea;
  971. }
  972. .weui_navbar_item:after {
  973. content: " ";
  974. position: absolute;
  975. right: 0;
  976. top: 0;
  977. width: 1px;
  978. height: 100%;
  979. border-right: 1px solid #cccccc;
  980. color: #cccccc;
  981. -webkit-transform-origin: 100% 0;
  982. transform-origin: 100% 0;
  983. -webkit-transform: scaleX(0.5);
  984. transform: scaleX(0.5);
  985. }
  986. .weui_navbar_item:last-child:after {
  987. display: none;
  988. }
  989. .weui_tab {
  990. position: relative;
  991. height: 100%;
  992. }
  993. .weui_tab_bd {
  994. box-sizing: border-box;
  995. height: 100%;
  996. padding-bottom: 55px;
  997. overflow: auto;
  998. -webkit-overflow-scrolling: touch;
  999. }
  1000. .weui_tab_bd_item {
  1001. display: none;
  1002. }
  1003. .weui_progress {
  1004. display: -webkit-box;
  1005. display: -webkit-flex;
  1006. display: -ms-flexbox;
  1007. display: flex;
  1008. -webkit-box-align: center;
  1009. -webkit-align-items: center;
  1010. -ms-flex-align: center;
  1011. align-items: center;
  1012. }
  1013. .weui_progress_bar {
  1014. background-color: #EBEBEB;
  1015. height: 3px;
  1016. -webkit-box-flex: 1;
  1017. -webkit-flex: 1;
  1018. -ms-flex: 1;
  1019. flex: 1;
  1020. }
  1021. .weui_progress_inner_bar {
  1022. width: 0;
  1023. height: 100%;
  1024. background-color: #09BB07;
  1025. }
  1026. .weui_progress_opr {
  1027. display: block;
  1028. margin-left: 15px;
  1029. font-size: 0;
  1030. }
  1031. .weui_panel {
  1032. background-color: #FFFFFF;
  1033. margin-top: 10px;
  1034. position: relative;
  1035. overflow: hidden;
  1036. }
  1037. .weui_panel:first-child {
  1038. margin-top: 0;
  1039. }
  1040. .weui_panel:before {
  1041. content: " ";
  1042. position: absolute;
  1043. left: 0;
  1044. top: 0;
  1045. width: 100%;
  1046. height: 1px;
  1047. border-top: 1px solid #E5E5E5;
  1048. color: #E5E5E5;
  1049. -webkit-transform-origin: 0 0;
  1050. transform-origin: 0 0;
  1051. -webkit-transform: scaleY(0.5);
  1052. transform: scaleY(0.5);
  1053. }
  1054. .weui_panel:after {
  1055. content: " ";
  1056. position: absolute;
  1057. left: 0;
  1058. bottom: 0;
  1059. width: 100%;
  1060. height: 1px;
  1061. border-bottom: 1px solid #E5E5E5;
  1062. color: #E5E5E5;
  1063. -webkit-transform-origin: 0 100%;
  1064. transform-origin: 0 100%;
  1065. -webkit-transform: scaleY(0.5);
  1066. transform: scaleY(0.5);
  1067. }
  1068. .weui_panel_hd {
  1069. padding: 14px 15px 10px;
  1070. color: #999999;
  1071. font-size: 13px;
  1072. position: relative;
  1073. }
  1074. .weui_panel_hd:after {
  1075. content: " ";
  1076. position: absolute;
  1077. left: 0;
  1078. bottom: 0;
  1079. width: 100%;
  1080. height: 1px;
  1081. border-bottom: 1px solid #E5E5E5;
  1082. color: #E5E5E5;
  1083. -webkit-transform-origin: 0 100%;
  1084. transform-origin: 0 100%;
  1085. -webkit-transform: scaleY(0.5);
  1086. transform: scaleY(0.5);
  1087. left: 15px;
  1088. }
  1089. .weui_panel_ft {
  1090. padding: 10px 15px 12px;
  1091. color: #999999;
  1092. font-size: 14px;
  1093. position: relative;
  1094. }
  1095. .weui_panel_ft:before {
  1096. content: " ";
  1097. position: absolute;
  1098. left: 0;
  1099. top: 0;
  1100. width: 100%;
  1101. height: 1px;
  1102. border-top: 1px solid #E5E5E5;
  1103. color: #E5E5E5;
  1104. -webkit-transform-origin: 0 0;
  1105. transform-origin: 0 0;
  1106. -webkit-transform: scaleY(0.5);
  1107. transform: scaleY(0.5);
  1108. left: 15px;
  1109. }
  1110. .weui_panel_access .weui_panel_ft {
  1111. display: block;
  1112. color: #586C94;
  1113. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  1114. }
  1115. .weui_panel_access .weui_panel_ft:active {
  1116. background-color: #ECECEC;
  1117. }
  1118. .weui_panel_access .weui_panel_ft:after {
  1119. content: " ";
  1120. display: inline-block;
  1121. -webkit-transform: rotate(45deg);
  1122. transform: rotate(45deg);
  1123. height: 6px;
  1124. width: 6px;
  1125. border-width: 2px 2px 0 0;
  1126. border-color: #C7C7CC;
  1127. border-style: solid;
  1128. position: relative;
  1129. top: -2px;
  1130. position: absolute;
  1131. right: 15px;
  1132. top: 50%;
  1133. margin-top: -4px;
  1134. }
  1135. .weui_media_box {
  1136. padding: 15px;
  1137. position: relative;
  1138. }
  1139. .weui_media_box:before {
  1140. content: " ";
  1141. position: absolute;
  1142. left: 0;
  1143. top: 0;
  1144. width: 100%;
  1145. height: 1px;
  1146. border-top: 1px solid #E5E5E5;
  1147. color: #E5E5E5;
  1148. -webkit-transform-origin: 0 0;
  1149. transform-origin: 0 0;
  1150. -webkit-transform: scaleY(0.5);
  1151. transform: scaleY(0.5);
  1152. left: 15px;
  1153. }
  1154. .weui_media_box:first-child:before {
  1155. display: none;
  1156. }
  1157. a.weui_media_box {
  1158. color: #000000;
  1159. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  1160. }
  1161. a.weui_media_box:active {
  1162. background-color: #ECECEC;
  1163. }
  1164. .weui_media_box .weui_media_title {
  1165. font-weight: 400;
  1166. font-size: 17px;
  1167. width: auto;
  1168. overflow: hidden;
  1169. text-overflow: ellipsis;
  1170. white-space: nowrap;
  1171. word-wrap: normal;
  1172. word-wrap: break-word;
  1173. word-break: break-all;
  1174. }
  1175. .weui_media_box .weui_media_desc {
  1176. color: #999999;
  1177. font-size: 13px;
  1178. line-height: 1.2;
  1179. overflow: hidden;
  1180. text-overflow: ellipsis;
  1181. display: -webkit-box;
  1182. -webkit-box-orient: vertical;
  1183. -webkit-line-clamp: 2;
  1184. }
  1185. .weui_media_box.weui_media_text .weui_media_title {
  1186. margin-bottom: 8px;
  1187. }
  1188. .weui_media_box.weui_media_text .weui_media_info {
  1189. margin-top: 15px;
  1190. padding-bottom: 5px;
  1191. font-size: 13px;
  1192. color: #CECECE;
  1193. line-height: 1em;
  1194. list-style: none;
  1195. overflow: hidden;
  1196. }
  1197. .weui_media_box.weui_media_text .weui_media_info_meta {
  1198. float: left;
  1199. padding-right: 1em;
  1200. }
  1201. .weui_media_box.weui_media_text .weui_media_info_meta.weui_media_info_meta_extra {
  1202. padding-left: 1em;
  1203. border-left: 1px solid #CECECE;
  1204. }
  1205. .weui_media_box.weui_media_appmsg {
  1206. display: -webkit-box;
  1207. display: -webkit-flex;
  1208. display: -ms-flexbox;
  1209. display: flex;
  1210. -webkit-box-align: center;
  1211. -webkit-align-items: center;
  1212. -ms-flex-align: center;
  1213. align-items: center;
  1214. }
  1215. .weui_media_box.weui_media_appmsg .weui_media_hd {
  1216. margin-right: .8em;
  1217. width: 60px;
  1218. height: 60px;
  1219. line-height: 60px;
  1220. text-align: center;
  1221. }
  1222. .weui_media_box.weui_media_appmsg .weui_media_appmsg_thumb {
  1223. width: 100%;
  1224. max-height: 100%;
  1225. vertical-align: middle;
  1226. }
  1227. .weui_media_box.weui_media_appmsg .weui_media_bd {
  1228. -webkit-box-flex: 1;
  1229. -webkit-flex: 1;
  1230. -ms-flex: 1;
  1231. flex: 1;
  1232. min-width: 0;
  1233. }
  1234. .weui_media_box.weui_media_small_appmsg {
  1235. padding: 0;
  1236. }
  1237. .weui_media_box.weui_media_small_appmsg .weui_cells {
  1238. margin-top: 0;
  1239. }
  1240. .weui_media_box.weui_media_small_appmsg .weui_cells:before {
  1241. display: none;
  1242. }
  1243. .weui_grids {
  1244. position: relative;
  1245. overflow: hidden;
  1246. }
  1247. .weui_grids:before {
  1248. content: " ";
  1249. position: absolute;
  1250. left: 0;
  1251. top: 0;
  1252. width: 100%;
  1253. height: 1px;
  1254. border-top: 1px solid #D9D9D9;
  1255. color: #D9D9D9;
  1256. -webkit-transform-origin: 0 0;
  1257. transform-origin: 0 0;
  1258. -webkit-transform: scaleY(0.5);
  1259. transform: scaleY(0.5);
  1260. }
  1261. .weui_grids:after {
  1262. content: " ";
  1263. position: absolute;
  1264. left: 0;
  1265. top: 0;
  1266. width: 1px;
  1267. height: 100%;
  1268. border-left: 1px solid #D9D9D9;
  1269. color: #D9D9D9;
  1270. -webkit-transform-origin: 0 0;
  1271. transform-origin: 0 0;
  1272. -webkit-transform: scaleX(0.5);
  1273. transform: scaleX(0.5);
  1274. }
  1275. .weui_grid {
  1276. position: relative;
  1277. float: left;
  1278. padding: 20px 10px;
  1279. width: 33.33333333%;
  1280. box-sizing: border-box;
  1281. }
  1282. .weui_grid:before {
  1283. content: " ";
  1284. position: absolute;
  1285. right: 0;
  1286. top: 0;
  1287. width: 1px;
  1288. height: 100%;
  1289. border-right: 1px solid #D9D9D9;
  1290. color: #D9D9D9;
  1291. -webkit-transform-origin: 100% 0;
  1292. transform-origin: 100% 0;
  1293. -webkit-transform: scaleX(0.5);
  1294. transform: scaleX(0.5);
  1295. }
  1296. .weui_grid:after {
  1297. content: " ";
  1298. position: absolute;
  1299. left: 0;
  1300. bottom: 0;
  1301. width: 100%;
  1302. height: 1px;
  1303. border-bottom: 1px solid #D9D9D9;
  1304. color: #D9D9D9;
  1305. -webkit-transform-origin: 0 100%;
  1306. transform-origin: 0 100%;
  1307. -webkit-transform: scaleY(0.5);
  1308. transform: scaleY(0.5);
  1309. }
  1310. .weui_grid:active {
  1311. background-color: #E4E4E4;
  1312. }
  1313. .weui_grid_icon {
  1314. width: 28px;
  1315. height: 28px;
  1316. margin: 0 auto;
  1317. }
  1318. .weui_grid_icon img {
  1319. display: block;
  1320. width: 100%;
  1321. height: 100%;
  1322. }
  1323. .weui_grid_icon + .weui_grid_label {
  1324. margin-top: 5px;
  1325. }
  1326. .weui_grid_label {
  1327. display: block;
  1328. text-align: center;
  1329. color: #000;
  1330. font-size: 14px;
  1331. }
  1332. .weui_dialog {
  1333. position: fixed;
  1334. z-index: 13;
  1335. width: 85%;
  1336. top: 50%;
  1337. left: 50%;
  1338. -webkit-transform: translate(-50%, -50%);
  1339. transform: translate(-50%, -50%);
  1340. background-color: #FAFAFC;
  1341. text-align: center;
  1342. border-radius: 3px;
  1343. }
  1344. .weui_dialog_confirm .weui_dialog .weui_dialog_hd {
  1345. padding: 1.2em 20px .5em;
  1346. }
  1347. .weui_dialog_confirm .weui_dialog .weui_dialog_bd {
  1348. text-align: left;
  1349. }
  1350. .weui_dialog_hd {
  1351. padding: 1.2em 0 .5em;
  1352. }
  1353. .weui_dialog_title {
  1354. font-weight: 400;
  1355. font-size: 17px;
  1356. }
  1357. .weui_dialog_bd {
  1358. padding: 0 20px;
  1359. font-size: 15px;
  1360. color: #888;
  1361. word-wrap: break-word;
  1362. word-break: break-all;
  1363. }
  1364. .weui_dialog_ft {
  1365. position: relative;
  1366. line-height: 42px;
  1367. margin-top: 20px;
  1368. font-size: 17px;
  1369. display: -webkit-box;
  1370. display: -webkit-flex;
  1371. display: -ms-flexbox;
  1372. display: flex;
  1373. }
  1374. .weui_dialog_ft a {
  1375. display: block;
  1376. -webkit-box-flex: 1;
  1377. -webkit-flex: 1;
  1378. -ms-flex: 1;
  1379. flex: 1;
  1380. color: #3CC51F;
  1381. text-decoration: none;
  1382. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  1383. }
  1384. .weui_dialog_ft a:active {
  1385. background-color: #EEEEEE;
  1386. }
  1387. .weui_dialog_ft:after {
  1388. content: " ";
  1389. position: absolute;
  1390. left: 0;
  1391. top: 0;
  1392. width: 100%;
  1393. height: 1px;
  1394. border-top: 1px solid #D5D5D6;
  1395. color: #D5D5D6;
  1396. -webkit-transform-origin: 0 0;
  1397. transform-origin: 0 0;
  1398. -webkit-transform: scaleY(0.5);
  1399. transform: scaleY(0.5);
  1400. }
  1401. .weui_dialog_confirm .weui_dialog_ft a {
  1402. position: relative;
  1403. }
  1404. .weui_dialog_confirm .weui_dialog_ft a:after {
  1405. content: " ";
  1406. position: absolute;
  1407. left: 0;
  1408. top: 0;
  1409. width: 1px;
  1410. height: 100%;
  1411. border-left: 1px solid #D5D5D6;
  1412. color: #D5D5D6;
  1413. -webkit-transform-origin: 0 0;
  1414. transform-origin: 0 0;
  1415. -webkit-transform: scaleX(0.5);
  1416. transform: scaleX(0.5);
  1417. }
  1418. .weui_dialog_confirm .weui_dialog_ft a:first-child:after {
  1419. display: none;
  1420. }
  1421. .weui_btn_dialog.default {
  1422. color: #353535;
  1423. }
  1424. .weui_btn_dialog.primary {
  1425. color: #0BB20C;
  1426. }
  1427. @media screen and (min-width: 1024px) {
  1428. .weui_dialog {
  1429. width: 35%;
  1430. }
  1431. }
  1432. .weui_toast {
  1433. position: fixed;
  1434. z-index: 3;
  1435. width: 7.6em;
  1436. min-height: 7.6em;
  1437. top: 180px;
  1438. left: 50%;
  1439. margin-left: -3.8em;
  1440. background: rgba(40, 40, 40, 0.75);
  1441. text-align: center;
  1442. border-radius: 5px;
  1443. color: #FFFFFF;
  1444. }
  1445. .weui_icon_toast {
  1446. margin: 22px 0 0;
  1447. display: block;
  1448. }
  1449. .weui_icon_toast:before {
  1450. content: '\EA08';
  1451. color: #FFFFFF;
  1452. font-size: 55px;
  1453. }
  1454. .weui_toast_content {
  1455. margin: 0 0 15px;
  1456. }
  1457. .weui_loading_toast .weui_toast_content {
  1458. margin-top: 64%;
  1459. font-size: 14px;
  1460. }
  1461. .weui_loading {
  1462. position: absolute;
  1463. width: 0px;
  1464. z-index: 2000000000;
  1465. left: 50%;
  1466. top: 38%;
  1467. }
  1468. .weui_loading_leaf {
  1469. position: absolute;
  1470. top: -1px;
  1471. opacity: 0.25;
  1472. }
  1473. .weui_loading_leaf:before {
  1474. content: " ";
  1475. position: absolute;
  1476. width: 8.14px;
  1477. height: 3.08px;
  1478. background: #d1d1d5;
  1479. box-shadow: rgba(0, 0, 0, 0.0980392) 0px 0px 1px;
  1480. border-radius: 1px;
  1481. -webkit-transform-origin: left 50% 0px;
  1482. transform-origin: left 50% 0px;
  1483. }
  1484. .weui_loading_leaf_0 {
  1485. -webkit-animation: opacity-60-25-0-12 1.25s linear infinite;
  1486. animation: opacity-60-25-0-12 1.25s linear infinite;
  1487. }
  1488. .weui_loading_leaf_0:before {
  1489. -webkit-transform: rotate(0deg) translate(7.92px, 0px);
  1490. transform: rotate(0deg) translate(7.92px, 0px);
  1491. }
  1492. .weui_loading_leaf_1 {
  1493. -webkit-animation: opacity-60-25-1-12 1.25s linear infinite;
  1494. animation: opacity-60-25-1-12 1.25s linear infinite;
  1495. }
  1496. .weui_loading_leaf_1:before {
  1497. -webkit-transform: rotate(30deg) translate(7.92px, 0px);
  1498. transform: rotate(30deg) translate(7.92px, 0px);
  1499. }
  1500. .weui_loading_leaf_2 {
  1501. -webkit-animation: opacity-60-25-2-12 1.25s linear infinite;
  1502. animation: opacity-60-25-2-12 1.25s linear infinite;
  1503. }
  1504. .weui_loading_leaf_2:before {
  1505. -webkit-transform: rotate(60deg) translate(7.92px, 0px);
  1506. transform: rotate(60deg) translate(7.92px, 0px);
  1507. }
  1508. .weui_loading_leaf_3 {
  1509. -webkit-animation: opacity-60-25-3-12 1.25s linear infinite;
  1510. animation: opacity-60-25-3-12 1.25s linear infinite;
  1511. }
  1512. .weui_loading_leaf_3:before {
  1513. -webkit-transform: rotate(90deg) translate(7.92px, 0px);
  1514. transform: rotate(90deg) translate(7.92px, 0px);
  1515. }
  1516. .weui_loading_leaf_4 {
  1517. -webkit-animation: opacity-60-25-4-12 1.25s linear infinite;
  1518. animation: opacity-60-25-4-12 1.25s linear infinite;
  1519. }
  1520. .weui_loading_leaf_4:before {
  1521. -webkit-transform: rotate(120deg) translate(7.92px, 0px);
  1522. transform: rotate(120deg) translate(7.92px, 0px);
  1523. }
  1524. .weui_loading_leaf_5 {
  1525. -webkit-animation: opacity-60-25-5-12 1.25s linear infinite;
  1526. animation: opacity-60-25-5-12 1.25s linear infinite;
  1527. }
  1528. .weui_loading_leaf_5:before {
  1529. -webkit-transform: rotate(150deg) translate(7.92px, 0px);
  1530. transform: rotate(150deg) translate(7.92px, 0px);
  1531. }
  1532. .weui_loading_leaf_6 {
  1533. -webkit-animation: opacity-60-25-6-12 1.25s linear infinite;
  1534. animation: opacity-60-25-6-12 1.25s linear infinite;
  1535. }
  1536. .weui_loading_leaf_6:before {
  1537. -webkit-transform: rotate(180deg) translate(7.92px, 0px);
  1538. transform: rotate(180deg) translate(7.92px, 0px);
  1539. }
  1540. .weui_loading_leaf_7 {
  1541. -webkit-animation: opacity-60-25-7-12 1.25s linear infinite;
  1542. animation: opacity-60-25-7-12 1.25s linear infinite;
  1543. }
  1544. .weui_loading_leaf_7:before {
  1545. -webkit-transform: rotate(210deg) translate(7.92px, 0px);
  1546. transform: rotate(210deg) translate(7.92px, 0px);
  1547. }
  1548. .weui_loading_leaf_8 {
  1549. -webkit-animation: opacity-60-25-8-12 1.25s linear infinite;
  1550. animation: opacity-60-25-8-12 1.25s linear infinite;
  1551. }
  1552. .weui_loading_leaf_8:before {
  1553. -webkit-transform: rotate(240deg) translate(7.92px, 0px);
  1554. transform: rotate(240deg) translate(7.92px, 0px);
  1555. }
  1556. .weui_loading_leaf_9 {
  1557. -webkit-animation: opacity-60-25-9-12 1.25s linear infinite;
  1558. animation: opacity-60-25-9-12 1.25s linear infinite;
  1559. }
  1560. .weui_loading_leaf_9:before {
  1561. -webkit-transform: rotate(270deg) translate(7.92px, 0px);
  1562. transform: rotate(270deg) translate(7.92px, 0px);
  1563. }
  1564. .weui_loading_leaf_10 {
  1565. -webkit-animation: opacity-60-25-10-12 1.25s linear infinite;
  1566. animation: opacity-60-25-10-12 1.25s linear infinite;
  1567. }
  1568. .weui_loading_leaf_10:before {
  1569. -webkit-transform: rotate(300deg) translate(7.92px, 0px);
  1570. transform: rotate(300deg) translate(7.92px, 0px);
  1571. }
  1572. .weui_loading_leaf_11 {
  1573. -webkit-animation: opacity-60-25-11-12 1.25s linear infinite;
  1574. animation: opacity-60-25-11-12 1.25s linear infinite;
  1575. }
  1576. .weui_loading_leaf_11:before {
  1577. -webkit-transform: rotate(330deg) translate(7.92px, 0px);
  1578. transform: rotate(330deg) translate(7.92px, 0px);
  1579. }
  1580. @-webkit-keyframes opacity-60-25-0-12 {
  1581. 0% {
  1582. opacity: 0.25;
  1583. }
  1584. 0.01% {
  1585. opacity: 0.25;
  1586. }
  1587. 0.02% {
  1588. opacity: 1;
  1589. }
  1590. 60.01% {
  1591. opacity: 0.25;
  1592. }
  1593. 100% {
  1594. opacity: 0.25;
  1595. }
  1596. }
  1597. @-webkit-keyframes opacity-60-25-1-12 {
  1598. 0% {
  1599. opacity: 0.25;
  1600. }
  1601. 8.34333% {
  1602. opacity: 0.25;
  1603. }
  1604. 8.35333% {
  1605. opacity: 1;
  1606. }
  1607. 68.3433% {
  1608. opacity: 0.25;
  1609. }
  1610. 100% {
  1611. opacity: 0.25;
  1612. }
  1613. }
  1614. @-webkit-keyframes opacity-60-25-2-12 {
  1615. 0% {
  1616. opacity: 0.25;
  1617. }
  1618. 16.6767% {
  1619. opacity: 0.25;
  1620. }
  1621. 16.6867% {
  1622. opacity: 1;
  1623. }
  1624. 76.6767% {
  1625. opacity: 0.25;
  1626. }
  1627. 100% {
  1628. opacity: 0.25;
  1629. }
  1630. }
  1631. @-webkit-keyframes opacity-60-25-3-12 {
  1632. 0% {
  1633. opacity: 0.25;
  1634. }
  1635. 25.01% {
  1636. opacity: 0.25;
  1637. }
  1638. 25.02% {
  1639. opacity: 1;
  1640. }
  1641. 85.01% {
  1642. opacity: 0.25;
  1643. }
  1644. 100% {
  1645. opacity: 0.25;
  1646. }
  1647. }
  1648. @-webkit-keyframes opacity-60-25-4-12 {
  1649. 0% {
  1650. opacity: 0.25;
  1651. }
  1652. 33.3433% {
  1653. opacity: 0.25;
  1654. }
  1655. 33.3533% {
  1656. opacity: 1;
  1657. }
  1658. 93.3433% {
  1659. opacity: 0.25;
  1660. }
  1661. 100% {
  1662. opacity: 0.25;
  1663. }
  1664. }
  1665. @-webkit-keyframes opacity-60-25-5-12 {
  1666. 0% {
  1667. opacity: 0.270958333333333;
  1668. }
  1669. 41.6767% {
  1670. opacity: 0.25;
  1671. }
  1672. 41.6867% {
  1673. opacity: 1;
  1674. }
  1675. 1.67667% {
  1676. opacity: 0.25;
  1677. }
  1678. 100% {
  1679. opacity: 0.270958333333333;
  1680. }
  1681. }
  1682. @-webkit-keyframes opacity-60-25-6-12 {
  1683. 0% {
  1684. opacity: 0.375125;
  1685. }
  1686. 50.01% {
  1687. opacity: 0.25;
  1688. }
  1689. 50.02% {
  1690. opacity: 1;
  1691. }
  1692. 10.01% {
  1693. opacity: 0.25;
  1694. }
  1695. 100% {
  1696. opacity: 0.375125;
  1697. }
  1698. }
  1699. @-webkit-keyframes opacity-60-25-7-12 {
  1700. 0% {
  1701. opacity: 0.479291666666667;
  1702. }
  1703. 58.3433% {
  1704. opacity: 0.25;
  1705. }
  1706. 58.3533% {
  1707. opacity: 1;
  1708. }
  1709. 18.3433% {
  1710. opacity: 0.25;
  1711. }
  1712. 100% {
  1713. opacity: 0.479291666666667;
  1714. }
  1715. }
  1716. @-webkit-keyframes opacity-60-25-8-12 {
  1717. 0% {
  1718. opacity: 0.583458333333333;
  1719. }
  1720. 66.6767% {
  1721. opacity: 0.25;
  1722. }
  1723. 66.6867% {
  1724. opacity: 1;
  1725. }
  1726. 26.6767% {
  1727. opacity: 0.25;
  1728. }
  1729. 100% {
  1730. opacity: 0.583458333333333;
  1731. }
  1732. }
  1733. @-webkit-keyframes opacity-60-25-9-12 {
  1734. 0% {
  1735. opacity: 0.687625;
  1736. }
  1737. 75.01% {
  1738. opacity: 0.25;
  1739. }
  1740. 75.02% {
  1741. opacity: 1;
  1742. }
  1743. 35.01% {
  1744. opacity: 0.25;
  1745. }
  1746. 100% {
  1747. opacity: 0.687625;
  1748. }
  1749. }
  1750. @-webkit-keyframes opacity-60-25-10-12 {
  1751. 0% {
  1752. opacity: 0.791791666666667;
  1753. }
  1754. 83.3433% {
  1755. opacity: 0.25;
  1756. }
  1757. 83.3533% {
  1758. opacity: 1;
  1759. }
  1760. 43.3433% {
  1761. opacity: 0.25;
  1762. }
  1763. 100% {
  1764. opacity: 0.791791666666667;
  1765. }
  1766. }
  1767. @-webkit-keyframes opacity-60-25-11-12 {
  1768. 0% {
  1769. opacity: 0.895958333333333;
  1770. }
  1771. 91.6767% {
  1772. opacity: 0.25;
  1773. }
  1774. 91.6867% {
  1775. opacity: 1;
  1776. }
  1777. 51.6767% {
  1778. opacity: 0.25;
  1779. }
  1780. 100% {
  1781. opacity: 0.895958333333333;
  1782. }
  1783. }
  1784. .weui_mask {
  1785. position: fixed;
  1786. z-index: 1;
  1787. width: 100%;
  1788. height: 100%;
  1789. top: 0;
  1790. left: 0;
  1791. background: rgba(0, 0, 0, 0.6);
  1792. }
  1793. .weui_mask_transparent {
  1794. position: fixed;
  1795. z-index: 1;
  1796. width: 100%;
  1797. height: 100%;
  1798. top: 0;
  1799. left: 0;
  1800. }
  1801. .weui_mask_transition {
  1802. display: none;
  1803. position: fixed;
  1804. z-index: 1;
  1805. width: 100%;
  1806. height: 100%;
  1807. top: 0;
  1808. left: 0;
  1809. background: rgba(0, 0, 0, 0);
  1810. -webkit-transition: background .3s;
  1811. transition: background .3s;
  1812. }
  1813. .weui_fade_toggle {
  1814. background: rgba(0, 0, 0, 0.6);
  1815. }
  1816. .weui_actionsheet {
  1817. position: fixed;
  1818. left: 0;
  1819. bottom: 0;
  1820. -webkit-transform: translate(0, 100%);
  1821. transform: translate(0, 100%);
  1822. -webkit-backface-visibility: hidden;
  1823. backface-visibility: hidden;
  1824. z-index: 2;
  1825. width: 100%;
  1826. background-color: #EFEFF4;
  1827. -webkit-transition: -webkit-transform .3s;
  1828. transition: -webkit-transform .3s;
  1829. transition: transform .3s;
  1830. transition: transform .3s, -webkit-transform .3s;
  1831. }
  1832. .weui_actionsheet_menu {
  1833. background-color: #FFFFFF;
  1834. }
  1835. .weui_actionsheet_action {
  1836. margin-top: 6px;
  1837. background-color: #FFFFFF;
  1838. }
  1839. .weui_actionsheet_cell {
  1840. position: relative;
  1841. padding: 10px 0;
  1842. text-align: center;
  1843. font-size: 18px;
  1844. }
  1845. .weui_actionsheet_cell:before {
  1846. content: " ";
  1847. position: absolute;
  1848. left: 0;
  1849. top: 0;
  1850. width: 100%;
  1851. height: 1px;
  1852. border-top: 1px solid #D9D9D9;
  1853. color: #D9D9D9;
  1854. -webkit-transform-origin: 0 0;
  1855. transform-origin: 0 0;
  1856. -webkit-transform: scaleY(0.5);
  1857. transform: scaleY(0.5);
  1858. }
  1859. .weui_actionsheet_cell:active {
  1860. background-color: #ECECEC;
  1861. }
  1862. .weui_actionsheet_cell:first-child:before {
  1863. display: none;
  1864. }
  1865. .weui_actionsheet_toggle {
  1866. -webkit-transform: translate(0, 0);
  1867. transform: translate(0, 0);
  1868. }
  1869. .weui_search_bar {
  1870. position: relative;
  1871. padding: 8px 10px;
  1872. display: -webkit-box;
  1873. display: -webkit-flex;
  1874. display: -ms-flexbox;
  1875. display: flex;
  1876. box-sizing: border-box;
  1877. background-color: #EFEFF4;
  1878. z-index: 2;
  1879. }
  1880. .weui_search_bar:before {
  1881. content: " ";
  1882. position: absolute;
  1883. left: 0;
  1884. top: 0;
  1885. width: 100%;
  1886. height: 1px;
  1887. border-top: 1px solid #C7C7C7;
  1888. color: #C7C7C7;
  1889. -webkit-transform-origin: 0 0;
  1890. transform-origin: 0 0;
  1891. -webkit-transform: scaleY(0.5);
  1892. transform: scaleY(0.5);
  1893. }
  1894. .weui_search_bar:after {
  1895. content: " ";
  1896. position: absolute;
  1897. left: 0;
  1898. bottom: 0;
  1899. width: 100%;
  1900. height: 1px;
  1901. border-bottom: 1px solid #C7C7C7;
  1902. color: #C7C7C7;
  1903. -webkit-transform-origin: 0 100%;
  1904. transform-origin: 0 100%;
  1905. -webkit-transform: scaleY(0.5);
  1906. transform: scaleY(0.5);
  1907. }
  1908. .weui_search_bar.weui_search_focusing .weui_search_cancel {
  1909. display: block;
  1910. }
  1911. .weui_search_bar.weui_search_focusing .weui_search_text {
  1912. display: none;
  1913. }
  1914. .weui_search_outer {
  1915. position: relative;
  1916. -webkit-box-flex: 1;
  1917. -webkit-flex: auto;
  1918. -ms-flex: auto;
  1919. flex: auto;
  1920. background-color: #EFEFF4;
  1921. }
  1922. .weui_search_outer:after {
  1923. content: '';
  1924. position: absolute;
  1925. left: 0;
  1926. top: 0;
  1927. width: 200%;
  1928. height: 200%;
  1929. -webkit-transform: scale(0.5);
  1930. transform: scale(0.5);
  1931. -webkit-transform-origin: 0 0;
  1932. transform-origin: 0 0;
  1933. border-radius: 10px;
  1934. border: 1px solid #E6E6EA;
  1935. box-sizing: border-box;
  1936. background: #FFFFFF;
  1937. }
  1938. .weui_search_inner {
  1939. position: relative;
  1940. padding-left: 30px;
  1941. padding-right: 30px;
  1942. height: 100%;
  1943. width: 100%;
  1944. box-sizing: border-box;
  1945. z-index: 1;
  1946. }
  1947. .weui_search_inner .weui_search_input {
  1948. padding: 4px 0;
  1949. width: 100%;
  1950. height: 1.42857143em;
  1951. border: 0;
  1952. font-size: 14px;
  1953. line-height: 1.42857143em;
  1954. box-sizing: content-box;
  1955. background: transparent;
  1956. }
  1957. .weui_search_inner .weui_search_input:focus {
  1958. outline: none;
  1959. }
  1960. .weui_search_inner .weui_icon_search {
  1961. position: absolute;
  1962. left: 10px;
  1963. top: -2px;
  1964. line-height: 28px;
  1965. }
  1966. .weui_search_inner .weui_icon_clear {
  1967. position: absolute;
  1968. top: -2px;
  1969. right: 0;
  1970. padding: 0 10px;
  1971. line-height: 28px;
  1972. }
  1973. .weui_search_text {
  1974. position: absolute;
  1975. top: 1px;
  1976. right: 1px;
  1977. bottom: 1px;
  1978. left: 1px;
  1979. z-index: 2;
  1980. border-radius: 3px;
  1981. text-align: center;
  1982. color: #9B9B9B;
  1983. background: #FFFFFF;
  1984. }
  1985. .weui_search_text span {
  1986. display: inline-block;
  1987. font-size: 14px;
  1988. vertical-align: middle;
  1989. }
  1990. .weui_search_text .weui_icon_search {
  1991. margin-right: 5px;
  1992. }
  1993. .weui_search_cancel {
  1994. display: none;
  1995. margin-left: 10px;
  1996. line-height: 28px;
  1997. color: #09BB07;
  1998. }
  1999. .weui_search_input:not(:valid) ~ .weui_icon_clear {
  2000. display: none;
  2001. }
  2002. input[type="search"]::-webkit-search-decoration,
  2003. input[type="search"]::-webkit-search-cancel-button,
  2004. input[type="search"]::-webkit-search-results-button,
  2005. input[type="search"]::-webkit-search-results-decoration {
  2006. display: none;
  2007. }