手机端官网

weui.css 58KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536
  1. /*!
  2. * WeUI v2.0 (https://github.com/weui/weui)
  3. */
  4. html{
  5. -ms-text-size-adjust:100%;
  6. -webkit-text-size-adjust:100%;
  7. }
  8. body{
  9. line-height:1.6;
  10. font-family:-apple-system-font, "Helvetica Neue", sans-serif;
  11. }
  12. *{
  13. margin:0;
  14. padding:0;
  15. }
  16. a img{
  17. border:0;
  18. }
  19. a{
  20. text-decoration:none;
  21. -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
  22. }
  23. @font-face{
  24. font-weight:normal;
  25. font-style:normal;
  26. font-family:"weui";
  27. src:url('data:application/octet-stream;base64,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') format('truetype');
  28. }
  29. [class^="weui-icon-"],
  30. [class*=" weui-icon-"]{
  31. display:inline-block;
  32. vertical-align:middle;
  33. font:normal normal normal 14px/1 "weui";
  34. font-size:inherit;
  35. text-rendering:auto;
  36. -webkit-font-smoothing:antialiased;
  37. }
  38. [class^="weui-icon-"]:before,
  39. [class*=" weui-icon-"]:before{
  40. display:inline-block;
  41. margin-left:.2em;
  42. margin-right:.2em;
  43. }
  44. .weui-icon-circle:before{
  45. content:"\EA01";
  46. }
  47. .weui-icon-download:before{
  48. content:"\EA02";
  49. }
  50. .weui-icon-info:before{
  51. content:"\EA03";
  52. }
  53. .weui-icon-safe-success:before{
  54. content:"\EA04";
  55. }
  56. .weui-icon-safe-warn:before{
  57. content:"\EA05";
  58. }
  59. .weui-icon-success:before{
  60. content:"\EA06";
  61. }
  62. .weui-icon-success-circle:before{
  63. content:"\EA07";
  64. }
  65. .weui-icon-success-no-circle:before{
  66. content:"\EA08";
  67. }
  68. .weui-icon-waiting:before{
  69. content:"\EA09";
  70. }
  71. .weui-icon-waiting-circle:before{
  72. content:"\EA0A";
  73. }
  74. .weui-icon-warn:before{
  75. content:"\EA0B";
  76. }
  77. .weui-icon-info-circle:before{
  78. content:"\EA0C";
  79. }
  80. .weui-icon-cancel:before{
  81. content:"\EA0D";
  82. }
  83. .weui-icon-search:before{
  84. content:"\EA0E";
  85. }
  86. .weui-icon-clear:before{
  87. content:"\EA0F";
  88. }
  89. .weui-icon-back:before{
  90. content:"\EA10";
  91. }
  92. .weui-icon-delete:before{
  93. content:"\EA11";
  94. }
  95. [class^="weui-icon_"]:before,
  96. [class*=" weui-icon_"]:before{
  97. margin:0;
  98. }
  99. .weui-icon-success{
  100. font-size:23px;
  101. color:#07C160;
  102. }
  103. .weui-icon-waiting{
  104. font-size:23px;
  105. color:#10AEff;
  106. }
  107. .weui-icon-warn{
  108. font-size:23px;
  109. color:#FA5151;
  110. }
  111. .weui-icon-info{
  112. font-size:23px;
  113. color:#10AEff;
  114. }
  115. .weui-icon-success-circle{
  116. font-size:23px;
  117. color:#07C160;
  118. }
  119. .weui-icon-success-no-circle{
  120. font-size:23px;
  121. color:#07C160;
  122. }
  123. .weui-icon-waiting-circle{
  124. font-size:23px;
  125. color:#10AEff;
  126. }
  127. .weui-icon-circle{
  128. font-size:23px;
  129. color:#C9C9C9;
  130. }
  131. .weui-icon-download{
  132. font-size:23px;
  133. color:#07C160;
  134. }
  135. .weui-icon-info-circle{
  136. font-size:23px;
  137. color:#07C160;
  138. }
  139. .weui-icon-safe-success{
  140. color:#07C160;
  141. }
  142. .weui-icon-safe-warn{
  143. color:#FFBE00;
  144. }
  145. .weui-icon-cancel{
  146. color:#FA5151;
  147. font-size:22px;
  148. }
  149. .weui-icon-search{
  150. color:#B2B2B2;
  151. font-size:14px;
  152. }
  153. .weui-icon-clear{
  154. color:#B2B2B2;
  155. font-size:14px;
  156. }
  157. .weui-icon-delete.weui-icon_gallery-delete{
  158. color:#FFFFFF;
  159. font-size:22px;
  160. }
  161. .weui-icon_msg{
  162. font-size:93px;
  163. }
  164. .weui-icon_msg.weui-icon-warn{
  165. color:#FA5151;
  166. }
  167. .weui-icon_msg-primary{
  168. font-size:93px;
  169. }
  170. .weui-icon_msg-primary.weui-icon-warn{
  171. color:#FFBE00;
  172. }
  173. .weui-btn{
  174. position:relative;
  175. display:block;
  176. margin-left:auto;
  177. margin-right:auto;
  178. padding-left:14px;
  179. padding-right:14px;
  180. box-sizing:border-box;
  181. font-size:18px;
  182. text-align:center;
  183. text-decoration:none;
  184. color:#FFFFFF;
  185. line-height:2.55555556;
  186. border-radius:5px;
  187. -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
  188. overflow:hidden;
  189. }
  190. .weui-btn:after{
  191. content:" ";
  192. width:200%;
  193. height:200%;
  194. position:absolute;
  195. top:0;
  196. left:0;
  197. border:1px solid rgba(0, 0, 0, 0.2);
  198. -webkit-transform:scale(0.5);
  199. transform:scale(0.5);
  200. -webkit-transform-origin:0 0;
  201. transform-origin:0 0;
  202. box-sizing:border-box;
  203. border-radius:10px;
  204. }
  205. .weui-btn_inline{
  206. display:inline-block;
  207. }
  208. .weui-btn_default{
  209. color:#000000;
  210. background-color:#F8F8F8;
  211. }
  212. .weui-btn_default:not(.weui-btn_disabled):visited{
  213. color:#000000;
  214. }
  215. .weui-btn_default:not(.weui-btn_disabled):active{
  216. color:rgba(0, 0, 0, 0.6);
  217. background-color:#DEDEDE;
  218. }
  219. .weui-btn_primary{
  220. background-color:#07c160;
  221. }
  222. .weui-btn_primary:not(.weui-btn_disabled):visited{
  223. color:#FFFFFF;
  224. }
  225. .weui-btn_primary:not(.weui-btn_disabled):active{
  226. color:rgba(255, 255, 255, 0.6);
  227. background-color:#06ad56;
  228. }
  229. .weui-btn_warn{
  230. background-color:#FA5151;
  231. }
  232. .weui-btn_warn:not(.weui-btn_disabled):visited{
  233. color:#FFFFFF;
  234. }
  235. .weui-btn_warn:not(.weui-btn_disabled):active{
  236. color:rgba(255, 255, 255, 0.6);
  237. background-color:#CE3C39;
  238. }
  239. .weui-btn_disabled{
  240. color:rgba(255, 255, 255, 0.6);
  241. }
  242. .weui-btn_disabled.weui-btn_default{
  243. color:rgba(0, 0, 0, 0.3);
  244. background-color:#F7F7F7;
  245. }
  246. .weui-btn_disabled.weui-btn_primary{
  247. background-color:#9ED99D;
  248. }
  249. .weui-btn_disabled.weui-btn_warn{
  250. background-color:#EC8B89;
  251. }
  252. .weui-btn_loading .weui-loading{
  253. margin:-0.2em 0.34em 0 0;
  254. }
  255. .weui-btn_loading.weui-btn_primary,
  256. .weui-btn_loading.weui-btn_warn{
  257. color:rgba(255, 255, 255, 0.6);
  258. }
  259. .weui-btn_loading.weui-btn_primary{
  260. background-color:#06ad56;
  261. }
  262. .weui-btn_loading.weui-btn_warn{
  263. background-color:#CE3C39;
  264. }
  265. .weui-btn_plain-primary{
  266. color:#07c160;
  267. border:1px solid #07c160;
  268. }
  269. .weui-btn_plain-primary:not(.weui-btn_plain-disabled):active{
  270. color:rgba(26, 173, 25, 0.6);
  271. border-color:rgba(26, 173, 25, 0.6);
  272. }
  273. .weui-btn_plain-primary:after{
  274. border-width:0;
  275. }
  276. .weui-btn_plain-default{
  277. color:#353535;
  278. border:1px solid #353535;
  279. }
  280. .weui-btn_plain-default:not(.weui-btn_plain-disabled):active{
  281. color:rgba(53, 53, 53, 0.6);
  282. border-color:rgba(53, 53, 53, 0.6);
  283. }
  284. .weui-btn_plain-default:after{
  285. border-width:0;
  286. }
  287. .weui-btn_plain-disabled{
  288. color:rgba(0, 0, 0, 0.2);
  289. border-color:rgba(0, 0, 0, 0.2);
  290. }
  291. button.weui-btn,
  292. input.weui-btn{
  293. width:100%;
  294. border-width:0;
  295. outline:0;
  296. -webkit-appearance:none;
  297. }
  298. button.weui-btn:focus,
  299. input.weui-btn:focus{
  300. outline:0;
  301. }
  302. button.weui-btn_inline,
  303. input.weui-btn_inline,
  304. button.weui-btn_mini,
  305. input.weui-btn_mini{
  306. width:auto;
  307. }
  308. button.weui-btn_plain-primary,
  309. input.weui-btn_plain-primary,
  310. button.weui-btn_plain-default,
  311. input.weui-btn_plain-default{
  312. border-width:1px;
  313. background-color:transparent;
  314. }
  315. .weui-btn_mini{
  316. display:inline-block;
  317. padding:0 1.32em;
  318. line-height:2.3;
  319. font-size:13px;
  320. }
  321. .weui-btn + .weui-btn{
  322. margin-top:15px;
  323. }
  324. .weui-btn.weui-btn_inline + .weui-btn.weui-btn_inline{
  325. margin-top:auto;
  326. margin-left:15px;
  327. }
  328. .weui-btn-area{
  329. margin:1.17647059em 15px 0.3em;
  330. }
  331. .weui-btn-area_inline{
  332. display:-webkit-box;
  333. display:-webkit-flex;
  334. display:flex;
  335. }
  336. .weui-btn-area_inline .weui-btn{
  337. margin-top:auto;
  338. margin-right:15px;
  339. width:100%;
  340. -webkit-box-flex:1;
  341. -webkit-flex:1;
  342. flex:1;
  343. }
  344. .weui-btn-area_inline .weui-btn:last-child{
  345. margin-right:0;
  346. }
  347. .weui-cells{
  348. margin-top:1.17647059em;
  349. background-color:#FFFFFF;
  350. line-height:1.47058824;
  351. font-size:17px;
  352. overflow:hidden;
  353. position:relative;
  354. }
  355. .weui-cells:before{
  356. content:" ";
  357. position:absolute;
  358. left:0;
  359. top:0;
  360. right:0;
  361. height:1px;
  362. border-top:1px solid #e5e5e5;
  363. color:#e5e5e5;
  364. -webkit-transform-origin:0 0;
  365. transform-origin:0 0;
  366. -webkit-transform:scaleY(0.5);
  367. transform:scaleY(0.5);
  368. z-index:2;
  369. }
  370. .weui-cells:after{
  371. content:" ";
  372. position:absolute;
  373. left:0;
  374. bottom:0;
  375. right:0;
  376. height:1px;
  377. border-bottom:1px solid #e5e5e5;
  378. color:#e5e5e5;
  379. -webkit-transform-origin:0 100%;
  380. transform-origin:0 100%;
  381. -webkit-transform:scaleY(0.5);
  382. transform:scaleY(0.5);
  383. z-index:2;
  384. }
  385. .weui-cells__title{
  386. margin-top:.77em;
  387. margin-bottom:.3em;
  388. padding-left:15px;
  389. padding-right:15px;
  390. color:#999999;
  391. font-size:14px;
  392. }
  393. .weui-cells__title + .weui-cells{
  394. margin-top:0;
  395. }
  396. .weui-cells__tips{
  397. margin-top:.3em;
  398. color:#999999;
  399. padding-left:15px;
  400. padding-right:15px;
  401. font-size:14px;
  402. }
  403. .weui-cell{
  404. padding:10px 15px;
  405. position:relative;
  406. display:-webkit-box;
  407. display:-webkit-flex;
  408. display:flex;
  409. -webkit-box-align:center;
  410. -webkit-align-items:center;
  411. align-items:center;
  412. }
  413. .weui-cell:before{
  414. content:" ";
  415. position:absolute;
  416. left:0;
  417. top:0;
  418. right:0;
  419. height:1px;
  420. border-top:1px solid #e5e5e5;
  421. color:#e5e5e5;
  422. -webkit-transform-origin:0 0;
  423. transform-origin:0 0;
  424. -webkit-transform:scaleY(0.5);
  425. transform:scaleY(0.5);
  426. left:15px;
  427. z-index:2;
  428. }
  429. .weui-cell:first-child:before{
  430. display:none;
  431. }
  432. .weui-cell_primary{
  433. -webkit-box-align:start;
  434. -webkit-align-items:flex-start;
  435. align-items:flex-start;
  436. }
  437. .weui-cell__bd{
  438. -webkit-box-flex:1;
  439. -webkit-flex:1;
  440. flex:1;
  441. }
  442. .weui-cell__ft{
  443. text-align:right;
  444. color:#999999;
  445. }
  446. .weui-cell_swiped{
  447. display:block;
  448. padding:0;
  449. }
  450. .weui-cell_swiped > .weui-cell__bd{
  451. position:relative;
  452. z-index:1;
  453. background-color:#FFFFFF;
  454. }
  455. .weui-cell_swiped > .weui-cell__ft{
  456. position:absolute;
  457. right:0;
  458. top:0;
  459. bottom:0;
  460. display:-webkit-box;
  461. display:-webkit-flex;
  462. display:flex;
  463. color:#FFFFFF;
  464. }
  465. .weui-swiped-btn{
  466. display:block;
  467. padding:10px 1em;
  468. line-height:1.47058824;
  469. color:inherit;
  470. }
  471. .weui-swiped-btn_default{
  472. background-color:#C7C7CC;
  473. }
  474. .weui-swiped-btn_warn{
  475. background-color:#FF3B30;
  476. }
  477. .weui-cell_access{
  478. -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
  479. color:inherit;
  480. }
  481. .weui-cell_access:active{
  482. background-color:#ECECEC;
  483. }
  484. .weui-cell_access .weui-cell__ft{
  485. padding-right:13px;
  486. position:relative;
  487. }
  488. .weui-cell_access .weui-cell__ft:after{
  489. content:" ";
  490. display:inline-block;
  491. height:6px;
  492. width:6px;
  493. border-width:2px 2px 0 0;
  494. border-color:#C8C8CD;
  495. border-style:solid;
  496. -webkit-transform:matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  497. transform:matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  498. position:relative;
  499. top:-2px;
  500. position:absolute;
  501. top:50%;
  502. margin-top:-4px;
  503. right:2px;
  504. }
  505. .weui-cell_link{
  506. color:#586C94;
  507. font-size:14px;
  508. }
  509. .weui-cell_link:first-child:before{
  510. display:block;
  511. }
  512. .weui-check__label{
  513. -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
  514. }
  515. .weui-check__label:active{
  516. background-color:#ECECEC;
  517. }
  518. .weui-check{
  519. position:absolute;
  520. left:-9999em;
  521. }
  522. .weui-cells_radio .weui-cell__ft{
  523. padding-left:0.35em;
  524. }
  525. .weui-cells_radio .weui-check + .weui-icon-checked{
  526. min-width:16px;
  527. }
  528. .weui-cells_radio .weui-check:checked + .weui-icon-checked:before{
  529. display:block;
  530. content:'\EA08';
  531. color:#07C160;
  532. font-size:16px;
  533. }
  534. .weui-cells_checkbox .weui-cell__hd{
  535. padding-right:0.35em;
  536. }
  537. .weui-cells_checkbox .weui-icon-checked:before{
  538. content:'\EA01';
  539. color:#C9C9C9;
  540. font-size:23px;
  541. display:block;
  542. }
  543. .weui-cells_checkbox .weui-check:checked + .weui-icon-checked:before{
  544. content:'\EA06';
  545. color:#07C160;
  546. }
  547. .weui-label{
  548. display:block;
  549. width:105px;
  550. word-wrap:break-word;
  551. word-break:break-all;
  552. }
  553. .weui-input{
  554. width:100%;
  555. border:0;
  556. outline:0;
  557. -webkit-appearance:none;
  558. background-color:transparent;
  559. font-size:inherit;
  560. color:inherit;
  561. height:1.47058824em;
  562. line-height:1.47058824;
  563. }
  564. .weui-input::-webkit-outer-spin-button,
  565. .weui-input::-webkit-inner-spin-button{
  566. -webkit-appearance:none;
  567. margin:0;
  568. }
  569. .weui-textarea{
  570. display:block;
  571. border:0;
  572. resize:none;
  573. width:100%;
  574. color:inherit;
  575. font-size:1em;
  576. line-height:inherit;
  577. outline:0;
  578. }
  579. .weui-textarea-counter{
  580. color:#B2B2B2;
  581. text-align:right;
  582. }
  583. .weui-cell_warn .weui-textarea-counter{
  584. color:#FA5151;
  585. }
  586. .weui-toptips{
  587. display:none;
  588. position:fixed;
  589. -webkit-transform:translateZ(0);
  590. transform:translateZ(0);
  591. top:0;
  592. left:0;
  593. right:0;
  594. padding:5px;
  595. font-size:14px;
  596. text-align:center;
  597. color:#FFF;
  598. z-index:5000;
  599. word-wrap:break-word;
  600. word-break:break-all;
  601. }
  602. .weui-toptips_warn{
  603. background-color:#FA5151;
  604. }
  605. .weui-cells_form .weui-cell__ft{
  606. font-size:0;
  607. }
  608. .weui-cells_form .weui-icon-warn{
  609. display:none;
  610. }
  611. .weui-cells_form input,
  612. .weui-cells_form textarea,
  613. .weui-cells_form label[for]{
  614. -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
  615. }
  616. .weui-cell_warn{
  617. color:#FA5151;
  618. }
  619. .weui-cell_warn .weui-icon-warn{
  620. display:inline-block;
  621. }
  622. .weui-form-preview{
  623. position:relative;
  624. background-color:#FFFFFF;
  625. }
  626. .weui-form-preview:before{
  627. content:" ";
  628. position:absolute;
  629. left:0;
  630. top:0;
  631. right:0;
  632. height:1px;
  633. border-top:1px solid #e5e5e5;
  634. color:#e5e5e5;
  635. -webkit-transform-origin:0 0;
  636. transform-origin:0 0;
  637. -webkit-transform:scaleY(0.5);
  638. transform:scaleY(0.5);
  639. }
  640. .weui-form-preview:after{
  641. content:" ";
  642. position:absolute;
  643. left:0;
  644. bottom:0;
  645. right:0;
  646. height:1px;
  647. border-bottom:1px solid #e5e5e5;
  648. color:#e5e5e5;
  649. -webkit-transform-origin:0 100%;
  650. transform-origin:0 100%;
  651. -webkit-transform:scaleY(0.5);
  652. transform:scaleY(0.5);
  653. }
  654. .weui-form-preview__hd{
  655. position:relative;
  656. padding:10px 15px;
  657. text-align:right;
  658. line-height:2.5em;
  659. }
  660. .weui-form-preview__hd:after{
  661. content:" ";
  662. position:absolute;
  663. left:0;
  664. bottom:0;
  665. right:0;
  666. height:1px;
  667. border-bottom:1px solid #e5e5e5;
  668. color:#e5e5e5;
  669. -webkit-transform-origin:0 100%;
  670. transform-origin:0 100%;
  671. -webkit-transform:scaleY(0.5);
  672. transform:scaleY(0.5);
  673. left:15px;
  674. }
  675. .weui-form-preview__hd .weui-form-preview__value{
  676. font-style:normal;
  677. font-size:1.6em;
  678. }
  679. .weui-form-preview__bd{
  680. padding:10px 15px;
  681. font-size:.9em;
  682. text-align:right;
  683. color:#999999;
  684. line-height:2;
  685. }
  686. .weui-form-preview__ft{
  687. position:relative;
  688. line-height:50px;
  689. display:-webkit-box;
  690. display:-webkit-flex;
  691. display:flex;
  692. }
  693. .weui-form-preview__ft:before{
  694. content:" ";
  695. position:absolute;
  696. left:0;
  697. top:0;
  698. right:0;
  699. height:1px;
  700. border-top:1px solid #D5D5D6;
  701. color:#D5D5D6;
  702. -webkit-transform-origin:0 0;
  703. transform-origin:0 0;
  704. -webkit-transform:scaleY(0.5);
  705. transform:scaleY(0.5);
  706. }
  707. .weui-form-preview__item{
  708. overflow:hidden;
  709. }
  710. .weui-form-preview__label{
  711. float:left;
  712. margin-right:1em;
  713. min-width:4em;
  714. color:#999999;
  715. text-align:justify;
  716. text-align-last:justify;
  717. }
  718. .weui-form-preview__value{
  719. display:block;
  720. overflow:hidden;
  721. word-break:normal;
  722. word-wrap:break-word;
  723. }
  724. .weui-form-preview__btn{
  725. position:relative;
  726. display:block;
  727. -webkit-box-flex:1;
  728. -webkit-flex:1;
  729. flex:1;
  730. color:#07c160;
  731. text-align:center;
  732. -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
  733. }
  734. button.weui-form-preview__btn{
  735. background-color:transparent;
  736. border:0;
  737. outline:0;
  738. line-height:inherit;
  739. font-size:inherit;
  740. }
  741. .weui-form-preview__btn:active{
  742. background-color:#EEEEEE;
  743. }
  744. .weui-form-preview__btn:after{
  745. content:" ";
  746. position:absolute;
  747. left:0;
  748. top:0;
  749. width:1px;
  750. bottom:0;
  751. border-left:1px solid #D5D5D6;
  752. color:#D5D5D6;
  753. -webkit-transform-origin:0 0;
  754. transform-origin:0 0;
  755. -webkit-transform:scaleX(0.5);
  756. transform:scaleX(0.5);
  757. }
  758. .weui-form-preview__btn:first-child:after{
  759. display:none;
  760. }
  761. .weui-form-preview__btn_default{
  762. color:#999999;
  763. }
  764. .weui-form-preview__btn_primary{
  765. color:#0BB20C;
  766. }
  767. .weui-cell_select{
  768. padding:0;
  769. }
  770. .weui-cell_select .weui-select{
  771. padding-right:30px;
  772. }
  773. .weui-cell_select .weui-cell__bd:after{
  774. content:" ";
  775. display:inline-block;
  776. height:6px;
  777. width:6px;
  778. border-width:2px 2px 0 0;
  779. border-color:#C8C8CD;
  780. border-style:solid;
  781. -webkit-transform:matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  782. transform:matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  783. position:relative;
  784. top:-2px;
  785. position:absolute;
  786. top:50%;
  787. right:15px;
  788. margin-top:-4px;
  789. }
  790. .weui-select{
  791. -webkit-appearance:none;
  792. border:0;
  793. outline:0;
  794. background-color:transparent;
  795. width:100%;
  796. font-size:inherit;
  797. height:45px;
  798. line-height:45px;
  799. position:relative;
  800. z-index:1;
  801. padding-left:15px;
  802. }
  803. .weui-cell_select-before{
  804. padding-right:15px;
  805. }
  806. .weui-cell_select-before .weui-select{
  807. width:105px;
  808. box-sizing:border-box;
  809. }
  810. .weui-cell_select-before .weui-cell__hd{
  811. position:relative;
  812. }
  813. .weui-cell_select-before .weui-cell__hd:after{
  814. content:" ";
  815. position:absolute;
  816. right:0;
  817. top:0;
  818. width:1px;
  819. bottom:0;
  820. border-right:1px solid #e5e5e5;
  821. color:#e5e5e5;
  822. -webkit-transform-origin:100% 0;
  823. transform-origin:100% 0;
  824. -webkit-transform:scaleX(0.5);
  825. transform:scaleX(0.5);
  826. }
  827. .weui-cell_select-before .weui-cell__hd:before{
  828. content:" ";
  829. display:inline-block;
  830. height:6px;
  831. width:6px;
  832. border-width:2px 2px 0 0;
  833. border-color:#C8C8CD;
  834. border-style:solid;
  835. -webkit-transform:matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  836. transform:matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  837. position:relative;
  838. top:-2px;
  839. position:absolute;
  840. top:50%;
  841. right:15px;
  842. margin-top:-4px;
  843. }
  844. .weui-cell_select-before .weui-cell__bd{
  845. padding-left:15px;
  846. }
  847. .weui-cell_select-before .weui-cell__bd:after{
  848. display:none;
  849. }
  850. .weui-cell_select-after{
  851. padding-left:15px;
  852. }
  853. .weui-cell_select-after .weui-select{
  854. padding-left:0;
  855. }
  856. .weui-cell_vcode{
  857. padding-top:0;
  858. padding-right:0;
  859. padding-bottom:0;
  860. }
  861. .weui-vcode-img{
  862. margin-left:5px;
  863. height:45px;
  864. vertical-align:middle;
  865. }
  866. .weui-vcode-btn{
  867. display:inline-block;
  868. height:45px;
  869. margin-left:5px;
  870. padding:0 0.6em 0 0.7em;
  871. border-left:1px solid #E5E5E5;
  872. line-height:45px;
  873. vertical-align:middle;
  874. font-size:17px;
  875. color:#07c160;
  876. }
  877. button.weui-vcode-btn{
  878. background-color:transparent;
  879. border-top:0;
  880. border-right:0;
  881. border-bottom:0;
  882. outline:0;
  883. }
  884. .weui-vcode-btn:active{
  885. color:#52a341;
  886. }
  887. .weui-gallery{
  888. display:none;
  889. position:fixed;
  890. top:0;
  891. right:0;
  892. bottom:0;
  893. left:0;
  894. background-color:#000000;
  895. z-index:1000;
  896. }
  897. .weui-gallery__img{
  898. position:absolute;
  899. top:0;
  900. right:0;
  901. bottom:60px;
  902. left:0;
  903. background:center center no-repeat;
  904. background-size:contain;
  905. }
  906. .weui-gallery__opr{
  907. position:absolute;
  908. right:0;
  909. bottom:0;
  910. left:0;
  911. background-color:#0D0D0D;
  912. color:#FFFFFF;
  913. line-height:60px;
  914. text-align:center;
  915. }
  916. .weui-gallery__del{
  917. display:block;
  918. }
  919. .weui-cell_switch{
  920. padding-top:6.5px;
  921. padding-bottom:6.5px;
  922. }
  923. .weui-switch{
  924. -webkit-appearance:none;
  925. appearance:none;
  926. }
  927. .weui-switch,
  928. .weui-switch-cp__box{
  929. position:relative;
  930. width:52px;
  931. height:32px;
  932. border:1px solid #DFDFDF;
  933. outline:0;
  934. border-radius:16px;
  935. box-sizing:border-box;
  936. background-color:#DFDFDF;
  937. -webkit-transition:background-color 0.1s, border 0.1s;
  938. transition:background-color 0.1s, border 0.1s;
  939. }
  940. .weui-switch:before,
  941. .weui-switch-cp__box:before{
  942. content:" ";
  943. position:absolute;
  944. top:0;
  945. left:0;
  946. width:50px;
  947. height:30px;
  948. border-radius:15px;
  949. background-color:#FDFDFD;
  950. -webkit-transition:-webkit-transform 0.35s cubic-bezier(0.45, 1, 0.4, 1);
  951. transition:-webkit-transform 0.35s cubic-bezier(0.45, 1, 0.4, 1);
  952. transition:transform 0.35s cubic-bezier(0.45, 1, 0.4, 1);
  953. transition:transform 0.35s cubic-bezier(0.45, 1, 0.4, 1), -webkit-transform 0.35s cubic-bezier(0.45, 1, 0.4, 1);
  954. }
  955. .weui-switch:after,
  956. .weui-switch-cp__box:after{
  957. content:" ";
  958. position:absolute;
  959. top:0;
  960. left:0;
  961. width:30px;
  962. height:30px;
  963. border-radius:15px;
  964. background-color:#FFFFFF;
  965. box-shadow:0 1px 3px rgba(0, 0, 0, 0.4);
  966. -webkit-transition:-webkit-transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35);
  967. transition:-webkit-transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35);
  968. transition:transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35);
  969. transition:transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35), -webkit-transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35);
  970. }
  971. .weui-switch:checked,
  972. .weui-switch-cp__input:checked ~ .weui-switch-cp__box{
  973. border-color:#07c160;
  974. background-color:#07c160;
  975. }
  976. .weui-switch:checked:before,
  977. .weui-switch-cp__input:checked ~ .weui-switch-cp__box:before{
  978. -webkit-transform:scale(0);
  979. transform:scale(0);
  980. }
  981. .weui-switch:checked:after,
  982. .weui-switch-cp__input:checked ~ .weui-switch-cp__box:after{
  983. -webkit-transform:translateX(20px);
  984. transform:translateX(20px);
  985. }
  986. .weui-switch-cp__input{
  987. position:absolute;
  988. left:-9999px;
  989. }
  990. .weui-switch-cp__box{
  991. display:block;
  992. }
  993. .weui-uploader__hd{
  994. display:-webkit-box;
  995. display:-webkit-flex;
  996. display:flex;
  997. padding-bottom:10px;
  998. -webkit-box-align:center;
  999. -webkit-align-items:center;
  1000. align-items:center;
  1001. }
  1002. .weui-uploader__title{
  1003. -webkit-box-flex:1;
  1004. -webkit-flex:1;
  1005. flex:1;
  1006. }
  1007. .weui-uploader__info{
  1008. color:#B2B2B2;
  1009. }
  1010. .weui-uploader__bd{
  1011. margin-bottom:-4px;
  1012. margin-right:-9px;
  1013. overflow:hidden;
  1014. }
  1015. .weui-uploader__files{
  1016. list-style:none;
  1017. }
  1018. .weui-uploader__file{
  1019. float:left;
  1020. margin-right:9px;
  1021. margin-bottom:9px;
  1022. width:79px;
  1023. height:79px;
  1024. background:no-repeat center center;
  1025. background-size:cover;
  1026. }
  1027. .weui-uploader__file_status{
  1028. position:relative;
  1029. }
  1030. .weui-uploader__file_status:before{
  1031. content:" ";
  1032. position:absolute;
  1033. top:0;
  1034. right:0;
  1035. bottom:0;
  1036. left:0;
  1037. background-color:rgba(0, 0, 0, 0.5);
  1038. }
  1039. .weui-uploader__file_status .weui-uploader__file-content{
  1040. display:block;
  1041. }
  1042. .weui-uploader__file-content{
  1043. display:none;
  1044. position:absolute;
  1045. top:50%;
  1046. left:50%;
  1047. -webkit-transform:translate(-50%, -50%);
  1048. transform:translate(-50%, -50%);
  1049. color:#FFFFFF;
  1050. }
  1051. .weui-uploader__file-content .weui-icon-warn{
  1052. display:inline-block;
  1053. }
  1054. .weui-uploader__input-box{
  1055. float:left;
  1056. position:relative;
  1057. margin-right:9px;
  1058. margin-bottom:9px;
  1059. width:77px;
  1060. height:77px;
  1061. border:1px solid #D9D9D9;
  1062. }
  1063. .weui-uploader__input-box:before,
  1064. .weui-uploader__input-box:after{
  1065. content:" ";
  1066. position:absolute;
  1067. top:50%;
  1068. left:50%;
  1069. -webkit-transform:translate(-50%, -50%);
  1070. transform:translate(-50%, -50%);
  1071. background-color:#D9D9D9;
  1072. }
  1073. .weui-uploader__input-box:before{
  1074. width:2px;
  1075. height:39.5px;
  1076. }
  1077. .weui-uploader__input-box:after{
  1078. width:39.5px;
  1079. height:2px;
  1080. }
  1081. .weui-uploader__input-box:active{
  1082. border-color:#999999;
  1083. }
  1084. .weui-uploader__input-box:active:before,
  1085. .weui-uploader__input-box:active:after{
  1086. background-color:#999999;
  1087. }
  1088. .weui-uploader__input{
  1089. position:absolute;
  1090. z-index:1;
  1091. top:0;
  1092. left:0;
  1093. width:100%;
  1094. height:100%;
  1095. opacity:0;
  1096. -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
  1097. }
  1098. .weui-msg{
  1099. padding-top:36px;
  1100. text-align:center;
  1101. }
  1102. .weui-msg__icon-area{
  1103. margin-bottom:30px;
  1104. }
  1105. .weui-msg__text-area{
  1106. margin-bottom:25px;
  1107. padding:0 20px;
  1108. }
  1109. .weui-msg__text-area a{
  1110. color:#586C94;
  1111. }
  1112. .weui-msg__title{
  1113. margin-bottom:5px;
  1114. font-weight:400;
  1115. font-size:20px;
  1116. word-wrap:break-word;
  1117. word-break:break-all;
  1118. }
  1119. .weui-msg__desc{
  1120. font-size:14px;
  1121. color:#999999;
  1122. word-wrap:break-word;
  1123. word-break:break-all;
  1124. }
  1125. .weui-msg__opr-area{
  1126. margin-bottom:25px;
  1127. }
  1128. .weui-msg__extra-area{
  1129. margin-bottom:15px;
  1130. font-size:14px;
  1131. color:#999999;
  1132. }
  1133. .weui-msg__extra-area a{
  1134. color:#586C94;
  1135. }
  1136. @media screen and (min-height: 438px){
  1137. .weui-msg__extra-area{
  1138. position:fixed;
  1139. left:0;
  1140. bottom:0;
  1141. width:100%;
  1142. text-align:center;
  1143. }
  1144. }
  1145. @media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3){
  1146. .weui-msg__extra-area{
  1147. margin-bottom:49px;
  1148. }
  1149. }
  1150. .weui-article{
  1151. padding:20px 15px;
  1152. font-size:15px;
  1153. }
  1154. .weui-article section{
  1155. margin-bottom:1.5em;
  1156. }
  1157. .weui-article h1{
  1158. font-size:18px;
  1159. font-weight:400;
  1160. margin-bottom:.9em;
  1161. }
  1162. .weui-article h2{
  1163. font-size:16px;
  1164. font-weight:400;
  1165. margin-bottom:.34em;
  1166. }
  1167. .weui-article h3{
  1168. font-weight:400;
  1169. font-size:15px;
  1170. margin-bottom:.34em;
  1171. }
  1172. .weui-article *{
  1173. max-width:100%;
  1174. box-sizing:border-box;
  1175. word-wrap:break-word;
  1176. }
  1177. .weui-article p{
  1178. margin:0 0 .8em;
  1179. }
  1180. .weui-tabbar{
  1181. display:-webkit-box;
  1182. display:-webkit-flex;
  1183. display:flex;
  1184. position:absolute;
  1185. z-index:500;
  1186. bottom:0;
  1187. width:100%;
  1188. background-color:#F7F7FA;
  1189. }
  1190. .weui-tabbar:before{
  1191. content:" ";
  1192. position:absolute;
  1193. left:0;
  1194. top:0;
  1195. right:0;
  1196. height:1px;
  1197. border-top:1px solid #C0BFC4;
  1198. color:#C0BFC4;
  1199. -webkit-transform-origin:0 0;
  1200. transform-origin:0 0;
  1201. -webkit-transform:scaleY(0.5);
  1202. transform:scaleY(0.5);
  1203. }
  1204. .weui-tabbar__item{
  1205. display:block;
  1206. -webkit-box-flex:1;
  1207. -webkit-flex:1;
  1208. flex:1;
  1209. padding:5px 0 0;
  1210. font-size:0;
  1211. color:#999999;
  1212. text-align:center;
  1213. -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
  1214. }
  1215. .weui-tabbar__item.weui-bar__item_on .weui-tabbar__icon,
  1216. .weui-tabbar__item.weui-bar__item_on .weui-tabbar__icon > i,
  1217. .weui-tabbar__item.weui-bar__item_on .weui-tabbar__label{
  1218. color:#07C160;
  1219. }
  1220. .weui-tabbar__icon{
  1221. display:inline-block;
  1222. width:27px;
  1223. height:27px;
  1224. }
  1225. i.weui-tabbar__icon,
  1226. .weui-tabbar__icon > i{
  1227. font-size:24px;
  1228. color:#999999;
  1229. }
  1230. .weui-tabbar__icon img{
  1231. width:100%;
  1232. height:100%;
  1233. }
  1234. .weui-tabbar__label{
  1235. text-align:center;
  1236. color:#999999;
  1237. font-size:10px;
  1238. line-height:1.8;
  1239. }
  1240. .weui-navbar{
  1241. display:-webkit-box;
  1242. display:-webkit-flex;
  1243. display:flex;
  1244. position:absolute;
  1245. z-index:500;
  1246. top:0;
  1247. width:100%;
  1248. background-color:#FAFAFA;
  1249. }
  1250. .weui-navbar:after{
  1251. content:" ";
  1252. position:absolute;
  1253. left:0;
  1254. bottom:0;
  1255. right:0;
  1256. height:1px;
  1257. border-bottom:1px solid #CCCCCC;
  1258. color:#CCCCCC;
  1259. -webkit-transform-origin:0 100%;
  1260. transform-origin:0 100%;
  1261. -webkit-transform:scaleY(0.5);
  1262. transform:scaleY(0.5);
  1263. }
  1264. .weui-navbar + .weui-tab__panel{
  1265. padding-top:50px;
  1266. padding-bottom:0;
  1267. }
  1268. .weui-navbar__item{
  1269. position:relative;
  1270. display:block;
  1271. -webkit-box-flex:1;
  1272. -webkit-flex:1;
  1273. flex:1;
  1274. padding:13px 0;
  1275. text-align:center;
  1276. font-size:15px;
  1277. -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
  1278. }
  1279. .weui-navbar__item:active{
  1280. background-color:#EDEDED;
  1281. }
  1282. .weui-navbar__item.weui-bar__item_on{
  1283. background-color:#EAEAEA;
  1284. }
  1285. .weui-navbar__item:after{
  1286. content:" ";
  1287. position:absolute;
  1288. right:0;
  1289. top:0;
  1290. width:1px;
  1291. bottom:0;
  1292. border-right:1px solid #CCCCCC;
  1293. color:#CCCCCC;
  1294. -webkit-transform-origin:100% 0;
  1295. transform-origin:100% 0;
  1296. -webkit-transform:scaleX(0.5);
  1297. transform:scaleX(0.5);
  1298. }
  1299. .weui-navbar__item:last-child:after{
  1300. display:none;
  1301. }
  1302. .weui-tab{
  1303. position:relative;
  1304. height:100%;
  1305. }
  1306. .weui-tab__panel{
  1307. box-sizing:border-box;
  1308. height:100%;
  1309. padding-bottom:50px;
  1310. overflow:auto;
  1311. -webkit-overflow-scrolling:touch;
  1312. }
  1313. .weui-tab__content{
  1314. display:none;
  1315. }
  1316. .weui-progress{
  1317. display:-webkit-box;
  1318. display:-webkit-flex;
  1319. display:flex;
  1320. -webkit-box-align:center;
  1321. -webkit-align-items:center;
  1322. align-items:center;
  1323. }
  1324. .weui-progress__bar{
  1325. background-color:#EBEBEB;
  1326. height:3px;
  1327. -webkit-box-flex:1;
  1328. -webkit-flex:1;
  1329. flex:1;
  1330. }
  1331. .weui-progress__inner-bar{
  1332. width:0;
  1333. height:100%;
  1334. background-color:#07C160;
  1335. }
  1336. .weui-progress__opr{
  1337. display:block;
  1338. margin-left:15px;
  1339. font-size:0;
  1340. }
  1341. .weui-panel{
  1342. background-color:#FFFFFF;
  1343. margin-top:10px;
  1344. position:relative;
  1345. overflow:hidden;
  1346. }
  1347. .weui-panel:first-child{
  1348. margin-top:0;
  1349. }
  1350. .weui-panel:before{
  1351. content:" ";
  1352. position:absolute;
  1353. left:0;
  1354. top:0;
  1355. right:0;
  1356. height:1px;
  1357. border-top:1px solid #E5E5E5;
  1358. color:#E5E5E5;
  1359. -webkit-transform-origin:0 0;
  1360. transform-origin:0 0;
  1361. -webkit-transform:scaleY(0.5);
  1362. transform:scaleY(0.5);
  1363. }
  1364. .weui-panel:after{
  1365. content:" ";
  1366. position:absolute;
  1367. left:0;
  1368. bottom:0;
  1369. right:0;
  1370. height:1px;
  1371. border-bottom:1px solid #E5E5E5;
  1372. color:#E5E5E5;
  1373. -webkit-transform-origin:0 100%;
  1374. transform-origin:0 100%;
  1375. -webkit-transform:scaleY(0.5);
  1376. transform:scaleY(0.5);
  1377. }
  1378. .weui-panel__hd{
  1379. padding:14px 15px 10px;
  1380. color:#999999;
  1381. font-size:13px;
  1382. position:relative;
  1383. }
  1384. .weui-panel__hd:after{
  1385. content:" ";
  1386. position:absolute;
  1387. left:0;
  1388. bottom:0;
  1389. right:0;
  1390. height:1px;
  1391. border-bottom:1px solid #E5E5E5;
  1392. color:#E5E5E5;
  1393. -webkit-transform-origin:0 100%;
  1394. transform-origin:0 100%;
  1395. -webkit-transform:scaleY(0.5);
  1396. transform:scaleY(0.5);
  1397. left:15px;
  1398. }
  1399. .weui-media-box{
  1400. padding:15px;
  1401. position:relative;
  1402. }
  1403. .weui-media-box:before{
  1404. content:" ";
  1405. position:absolute;
  1406. left:0;
  1407. top:0;
  1408. right:0;
  1409. height:1px;
  1410. border-top:1px solid #E5E5E5;
  1411. color:#E5E5E5;
  1412. -webkit-transform-origin:0 0;
  1413. transform-origin:0 0;
  1414. -webkit-transform:scaleY(0.5);
  1415. transform:scaleY(0.5);
  1416. left:15px;
  1417. }
  1418. .weui-media-box:first-child:before{
  1419. display:none;
  1420. }
  1421. a.weui-media-box{
  1422. color:#000000;
  1423. -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
  1424. }
  1425. a.weui-media-box:active{
  1426. background-color:#ECECEC;
  1427. }
  1428. .weui-media-box__title{
  1429. font-weight:400;
  1430. font-size:17px;
  1431. width:auto;
  1432. overflow:hidden;
  1433. text-overflow:ellipsis;
  1434. white-space:nowrap;
  1435. word-wrap:normal;
  1436. word-wrap:break-word;
  1437. word-break:break-all;
  1438. }
  1439. .weui-media-box__desc{
  1440. color:#999999;
  1441. font-size:13px;
  1442. line-height:1.2;
  1443. overflow:hidden;
  1444. text-overflow:ellipsis;
  1445. display:-webkit-box;
  1446. -webkit-box-orient:vertical;
  1447. -webkit-line-clamp:2;
  1448. }
  1449. .weui-media-box__info{
  1450. margin-top:15px;
  1451. padding-bottom:5px;
  1452. font-size:13px;
  1453. color:#CECECE;
  1454. line-height:1em;
  1455. list-style:none;
  1456. overflow:hidden;
  1457. }
  1458. .weui-media-box__info__meta{
  1459. float:left;
  1460. padding-right:1em;
  1461. }
  1462. .weui-media-box__info__meta_extra{
  1463. padding-left:1em;
  1464. border-left:1px solid #CECECE;
  1465. }
  1466. .weui-media-box_text .weui-media-box__title{
  1467. margin-bottom:8px;
  1468. }
  1469. .weui-media-box_appmsg{
  1470. display:-webkit-box;
  1471. display:-webkit-flex;
  1472. display:flex;
  1473. -webkit-box-align:center;
  1474. -webkit-align-items:center;
  1475. align-items:center;
  1476. }
  1477. .weui-media-box_appmsg .weui-media-box__hd{
  1478. margin-right:.8em;
  1479. width:60px;
  1480. height:60px;
  1481. line-height:60px;
  1482. text-align:center;
  1483. }
  1484. .weui-media-box_appmsg .weui-media-box__thumb{
  1485. width:100%;
  1486. max-height:100%;
  1487. vertical-align:top;
  1488. }
  1489. .weui-media-box_appmsg .weui-media-box__bd{
  1490. -webkit-box-flex:1;
  1491. -webkit-flex:1;
  1492. flex:1;
  1493. min-width:0;
  1494. }
  1495. .weui-media-box_small-appmsg{
  1496. padding:0;
  1497. }
  1498. .weui-media-box_small-appmsg .weui-cells{
  1499. margin-top:0;
  1500. }
  1501. .weui-media-box_small-appmsg .weui-cells:before{
  1502. display:none;
  1503. }
  1504. .weui-grids{
  1505. position:relative;
  1506. overflow:hidden;
  1507. }
  1508. .weui-grids:before{
  1509. content:" ";
  1510. position:absolute;
  1511. left:0;
  1512. top:0;
  1513. right:0;
  1514. height:1px;
  1515. border-top:1px solid #D9D9D9;
  1516. color:#D9D9D9;
  1517. -webkit-transform-origin:0 0;
  1518. transform-origin:0 0;
  1519. -webkit-transform:scaleY(0.5);
  1520. transform:scaleY(0.5);
  1521. }
  1522. .weui-grids:after{
  1523. content:" ";
  1524. position:absolute;
  1525. left:0;
  1526. top:0;
  1527. width:1px;
  1528. bottom:0;
  1529. border-left:1px solid #D9D9D9;
  1530. color:#D9D9D9;
  1531. -webkit-transform-origin:0 0;
  1532. transform-origin:0 0;
  1533. -webkit-transform:scaleX(0.5);
  1534. transform:scaleX(0.5);
  1535. }
  1536. .weui-grid{
  1537. position:relative;
  1538. float:left;
  1539. padding:20px 10px;
  1540. width:33.33333333%;
  1541. box-sizing:border-box;
  1542. }
  1543. .weui-grid:before{
  1544. content:" ";
  1545. position:absolute;
  1546. right:0;
  1547. top:0;
  1548. width:1px;
  1549. bottom:0;
  1550. border-right:1px solid #D9D9D9;
  1551. color:#D9D9D9;
  1552. -webkit-transform-origin:100% 0;
  1553. transform-origin:100% 0;
  1554. -webkit-transform:scaleX(0.5);
  1555. transform:scaleX(0.5);
  1556. }
  1557. .weui-grid:after{
  1558. content:" ";
  1559. position:absolute;
  1560. left:0;
  1561. bottom:0;
  1562. right:0;
  1563. height:1px;
  1564. border-bottom:1px solid #D9D9D9;
  1565. color:#D9D9D9;
  1566. -webkit-transform-origin:0 100%;
  1567. transform-origin:0 100%;
  1568. -webkit-transform:scaleY(0.5);
  1569. transform:scaleY(0.5);
  1570. }
  1571. .weui-grid:active{
  1572. background-color:#ECECEC;
  1573. }
  1574. .weui-grid__icon{
  1575. width:28px;
  1576. height:28px;
  1577. margin:0 auto;
  1578. }
  1579. .weui-grid__icon img{
  1580. display:block;
  1581. width:100%;
  1582. height:100%;
  1583. }
  1584. .weui-grid__icon + .weui-grid__label{
  1585. margin-top:5px;
  1586. }
  1587. .weui-grid__label{
  1588. display:block;
  1589. text-align:center;
  1590. color:#000000;
  1591. font-size:14px;
  1592. white-space:nowrap;
  1593. text-overflow:ellipsis;
  1594. overflow:hidden;
  1595. }
  1596. .weui-footer{
  1597. color:#999999;
  1598. font-size:14px;
  1599. text-align:center;
  1600. }
  1601. .weui-footer a{
  1602. color:#586C94;
  1603. }
  1604. .weui-footer_fixed-bottom{
  1605. position:fixed;
  1606. bottom:.52em;
  1607. left:0;
  1608. right:0;
  1609. }
  1610. .weui-footer__links{
  1611. font-size:0;
  1612. }
  1613. .weui-footer__link{
  1614. display:inline-block;
  1615. vertical-align:top;
  1616. margin:0 .62em;
  1617. position:relative;
  1618. font-size:14px;
  1619. }
  1620. .weui-footer__link:before{
  1621. content:" ";
  1622. position:absolute;
  1623. left:0;
  1624. top:0;
  1625. width:1px;
  1626. bottom:0;
  1627. border-left:1px solid #C7C7C7;
  1628. color:#C7C7C7;
  1629. -webkit-transform-origin:0 0;
  1630. transform-origin:0 0;
  1631. -webkit-transform:scaleX(0.5);
  1632. transform:scaleX(0.5);
  1633. left:-0.65em;
  1634. top:.36em;
  1635. bottom:.36em;
  1636. }
  1637. .weui-footer__link:first-child:before{
  1638. display:none;
  1639. }
  1640. .weui-footer__text{
  1641. padding:0 .34em;
  1642. font-size:12px;
  1643. }
  1644. .weui-flex{
  1645. display:-webkit-box;
  1646. display:-webkit-flex;
  1647. display:flex;
  1648. }
  1649. .weui-flex__item{
  1650. -webkit-box-flex:1;
  1651. -webkit-flex:1;
  1652. flex:1;
  1653. }
  1654. .weui-dialog{
  1655. position:fixed;
  1656. z-index:5000;
  1657. width:80%;
  1658. max-width:300px;
  1659. top:50%;
  1660. left:50%;
  1661. -webkit-transform:translate(-50%, -50%);
  1662. transform:translate(-50%, -50%);
  1663. background-color:#FFFFFF;
  1664. text-align:center;
  1665. border-radius:3px;
  1666. overflow:hidden;
  1667. }
  1668. .weui-dialog__hd{
  1669. padding:1.3em 1.6em 0.5em;
  1670. }
  1671. .weui-dialog__title{
  1672. font-weight:400;
  1673. font-size:18px;
  1674. }
  1675. .weui-dialog__bd{
  1676. padding:0 1.6em 0.8em;
  1677. min-height:40px;
  1678. font-size:15px;
  1679. line-height:1.3;
  1680. word-wrap:break-word;
  1681. word-break:break-all;
  1682. color:#999999;
  1683. }
  1684. .weui-dialog__bd:first-child{
  1685. padding:2.7em 20px 1.7em;
  1686. color:#353535;
  1687. }
  1688. .weui-dialog__ft{
  1689. position:relative;
  1690. line-height:48px;
  1691. font-size:18px;
  1692. display:-webkit-box;
  1693. display:-webkit-flex;
  1694. display:flex;
  1695. }
  1696. .weui-dialog__ft:after{
  1697. content:" ";
  1698. position:absolute;
  1699. left:0;
  1700. top:0;
  1701. right:0;
  1702. height:1px;
  1703. border-top:1px solid #D5D5D6;
  1704. color:#D5D5D6;
  1705. -webkit-transform-origin:0 0;
  1706. transform-origin:0 0;
  1707. -webkit-transform:scaleY(0.5);
  1708. transform:scaleY(0.5);
  1709. }
  1710. .weui-dialog__btn{
  1711. display:block;
  1712. -webkit-box-flex:1;
  1713. -webkit-flex:1;
  1714. flex:1;
  1715. color:#07c160;
  1716. text-decoration:none;
  1717. -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
  1718. position:relative;
  1719. }
  1720. .weui-dialog__btn:active{
  1721. background-color:#EEEEEE;
  1722. }
  1723. .weui-dialog__btn:after{
  1724. content:" ";
  1725. position:absolute;
  1726. left:0;
  1727. top:0;
  1728. width:1px;
  1729. bottom:0;
  1730. border-left:1px solid #D5D5D6;
  1731. color:#D5D5D6;
  1732. -webkit-transform-origin:0 0;
  1733. transform-origin:0 0;
  1734. -webkit-transform:scaleX(0.5);
  1735. transform:scaleX(0.5);
  1736. }
  1737. .weui-dialog__btn:first-child:after{
  1738. display:none;
  1739. }
  1740. .weui-dialog__btn_default{
  1741. color:#353535;
  1742. }
  1743. .weui-dialog__btn_primary{
  1744. color:#0BB20C;
  1745. }
  1746. .weui-skin_android .weui-dialog{
  1747. text-align:left;
  1748. box-shadow:0 6px 30px 0 rgba(0, 0, 0, 0.1);
  1749. }
  1750. .weui-skin_android .weui-dialog__title{
  1751. font-size:21px;
  1752. }
  1753. .weui-skin_android .weui-dialog__hd{
  1754. text-align:left;
  1755. }
  1756. .weui-skin_android .weui-dialog__bd{
  1757. color:#999999;
  1758. padding:0.25em 1.6em 2em;
  1759. font-size:17px;
  1760. text-align:left;
  1761. }
  1762. .weui-skin_android .weui-dialog__bd:first-child{
  1763. padding:1.6em 1.6em 2em;
  1764. color:#353535;
  1765. }
  1766. .weui-skin_android .weui-dialog__ft{
  1767. display:block;
  1768. text-align:right;
  1769. line-height:42px;
  1770. font-size:16px;
  1771. padding:0 1.6em 0.7em;
  1772. }
  1773. .weui-skin_android .weui-dialog__ft:after{
  1774. display:none;
  1775. }
  1776. .weui-skin_android .weui-dialog__btn{
  1777. display:inline-block;
  1778. vertical-align:top;
  1779. padding:0 .8em;
  1780. }
  1781. .weui-skin_android .weui-dialog__btn:after{
  1782. display:none;
  1783. }
  1784. .weui-skin_android .weui-dialog__btn:active{
  1785. background-color:rgba(0, 0, 0, 0.06);
  1786. }
  1787. .weui-skin_android .weui-dialog__btn:visited{
  1788. background-color:rgba(0, 0, 0, 0.06);
  1789. }
  1790. .weui-skin_android .weui-dialog__btn:last-child{
  1791. margin-right:-0.8em;
  1792. }
  1793. .weui-skin_android .weui-dialog__btn_default{
  1794. color:#808080;
  1795. }
  1796. @media screen and (min-width: 1024px){
  1797. .weui-dialog{
  1798. width:35%;
  1799. }
  1800. }
  1801. .weui-toast{
  1802. position:fixed;
  1803. z-index:5000;
  1804. width:7.6em;
  1805. min-height:7.6em;
  1806. top:180px;
  1807. left:50%;
  1808. margin-left:-3.8em;
  1809. background:rgba(17, 17, 17, 0.7);
  1810. text-align:center;
  1811. border-radius:5px;
  1812. color:#FFFFFF;
  1813. }
  1814. .weui-icon_toast{
  1815. margin:22px 0 0;
  1816. display:block;
  1817. }
  1818. .weui-icon_toast.weui-icon-success-no-circle:before{
  1819. color:#FFFFFF;
  1820. font-size:55px;
  1821. }
  1822. .weui-icon_toast.weui-loading{
  1823. margin:30px 0 0;
  1824. width:38px;
  1825. height:38px;
  1826. vertical-align:baseline;
  1827. }
  1828. .weui-toast__content{
  1829. margin:0 0 15px;
  1830. }
  1831. .weui-mask{
  1832. position:fixed;
  1833. z-index:1000;
  1834. top:0;
  1835. right:0;
  1836. left:0;
  1837. bottom:0;
  1838. background:rgba(0, 0, 0, 0.6);
  1839. }
  1840. .weui-mask_transparent{
  1841. position:fixed;
  1842. z-index:1000;
  1843. top:0;
  1844. right:0;
  1845. left:0;
  1846. bottom:0;
  1847. }
  1848. .weui-actionsheet{
  1849. position:fixed;
  1850. left:0;
  1851. bottom:0;
  1852. -webkit-transform:translate(0, 100%);
  1853. transform:translate(0, 100%);
  1854. -webkit-backface-visibility:hidden;
  1855. backface-visibility:hidden;
  1856. z-index:5000;
  1857. width:100%;
  1858. background-color:#EFEFF4;
  1859. -webkit-transition:-webkit-transform .3s;
  1860. transition:-webkit-transform .3s;
  1861. transition:transform .3s;
  1862. transition:transform .3s, -webkit-transform .3s;
  1863. }
  1864. .weui-actionsheet__title{
  1865. position:relative;
  1866. height:65px;
  1867. padding:0 20px;
  1868. line-height:1.4;
  1869. display:-webkit-box;
  1870. display:-webkit-flex;
  1871. display:flex;
  1872. -webkit-box-pack:center;
  1873. -webkit-justify-content:center;
  1874. justify-content:center;
  1875. -webkit-box-orient:vertical;
  1876. -webkit-box-direction:normal;
  1877. -webkit-flex-direction:column;
  1878. flex-direction:column;
  1879. text-align:center;
  1880. font-size:14px;
  1881. color:#888;
  1882. background:#FCFCFD;
  1883. }
  1884. .weui-actionsheet__title:before{
  1885. content:" ";
  1886. position:absolute;
  1887. left:0;
  1888. bottom:0;
  1889. right:0;
  1890. height:1px;
  1891. border-bottom:1px solid #e5e5e5;
  1892. color:#e5e5e5;
  1893. -webkit-transform-origin:0 100%;
  1894. transform-origin:0 100%;
  1895. -webkit-transform:scaleY(0.5);
  1896. transform:scaleY(0.5);
  1897. }
  1898. .weui-actionsheet__title .weui-actionsheet__title-text{
  1899. overflow:hidden;
  1900. text-overflow:ellipsis;
  1901. display:-webkit-box;
  1902. -webkit-box-orient:vertical;
  1903. -webkit-line-clamp:2;
  1904. }
  1905. .weui-actionsheet__menu{
  1906. background-color:#FCFCFD;
  1907. }
  1908. .weui-actionsheet__action{
  1909. margin-top:6px;
  1910. background-color:#FCFCFD;
  1911. }
  1912. .weui-actionsheet__cell{
  1913. position:relative;
  1914. padding:10px 0;
  1915. text-align:center;
  1916. font-size:18px;
  1917. }
  1918. .weui-actionsheet__cell:before{
  1919. content:" ";
  1920. position:absolute;
  1921. left:0;
  1922. top:0;
  1923. right:0;
  1924. height:1px;
  1925. border-top:1px solid #e5e5e5;
  1926. color:#e5e5e5;
  1927. -webkit-transform-origin:0 0;
  1928. transform-origin:0 0;
  1929. -webkit-transform:scaleY(0.5);
  1930. transform:scaleY(0.5);
  1931. }
  1932. .weui-actionsheet__cell:active{
  1933. background-color:#ECECEC;
  1934. }
  1935. .weui-actionsheet__cell:first-child:before{
  1936. display:none;
  1937. }
  1938. .weui-skin_android .weui-actionsheet{
  1939. position:fixed;
  1940. left:50%;
  1941. top:50%;
  1942. bottom:auto;
  1943. -webkit-transform:translate(-50%, -50%);
  1944. transform:translate(-50%, -50%);
  1945. width:274px;
  1946. box-sizing:border-box;
  1947. -webkit-backface-visibility:hidden;
  1948. backface-visibility:hidden;
  1949. background:transparent;
  1950. -webkit-transition:-webkit-transform .3s;
  1951. transition:-webkit-transform .3s;
  1952. transition:transform .3s;
  1953. transition:transform .3s, -webkit-transform .3s;
  1954. }
  1955. .weui-skin_android .weui-actionsheet__action{
  1956. display:none;
  1957. }
  1958. .weui-skin_android .weui-actionsheet__menu{
  1959. border-radius:2px;
  1960. box-shadow:0 6px 30px 0 rgba(0, 0, 0, 0.1);
  1961. }
  1962. .weui-skin_android .weui-actionsheet__cell{
  1963. padding:13px 24px;
  1964. font-size:16px;
  1965. line-height:1.4;
  1966. text-align:left;
  1967. }
  1968. .weui-skin_android .weui-actionsheet__cell:first-child{
  1969. border-top-left-radius:2px;
  1970. border-top-right-radius:2px;
  1971. }
  1972. .weui-skin_android .weui-actionsheet__cell:last-child{
  1973. border-bottom-left-radius:2px;
  1974. border-bottom-right-radius:2px;
  1975. }
  1976. .weui-actionsheet_toggle{
  1977. -webkit-transform:translate(0, 0);
  1978. transform:translate(0, 0);
  1979. }
  1980. .weui-loadmore{
  1981. width:65%;
  1982. margin:1.5em auto;
  1983. line-height:1.6em;
  1984. font-size:14px;
  1985. text-align:center;
  1986. }
  1987. .weui-loadmore__tips{
  1988. display:inline-block;
  1989. vertical-align:middle;
  1990. }
  1991. .weui-loadmore_line{
  1992. border-top:1px solid #E5E5E5;
  1993. margin-top:2.4em;
  1994. }
  1995. .weui-loadmore_line .weui-loadmore__tips{
  1996. position:relative;
  1997. top:-0.9em;
  1998. padding:0 .55em;
  1999. background-color:#FFFFFF;
  2000. color:#999999;
  2001. }
  2002. .weui-loadmore_dot .weui-loadmore__tips{
  2003. padding:0 .16em;
  2004. }
  2005. .weui-loadmore_dot .weui-loadmore__tips:before{
  2006. content:" ";
  2007. width:4px;
  2008. height:4px;
  2009. border-radius:50%;
  2010. background-color:#E5E5E5;
  2011. display:inline-block;
  2012. position:relative;
  2013. vertical-align:0;
  2014. top:-0.16em;
  2015. }
  2016. .weui-badge{
  2017. display:inline-block;
  2018. padding:.15em .4em;
  2019. min-width:8px;
  2020. border-radius:18px;
  2021. background-color:#FA5151;
  2022. color:#FFFFFF;
  2023. line-height:1.2;
  2024. text-align:center;
  2025. font-size:12px;
  2026. vertical-align:middle;
  2027. }
  2028. .weui-badge_dot{
  2029. padding:.4em;
  2030. min-width:0;
  2031. }
  2032. .weui-search-bar{
  2033. position:relative;
  2034. padding:8px 10px;
  2035. display:-webkit-box;
  2036. display:-webkit-flex;
  2037. display:flex;
  2038. box-sizing:border-box;
  2039. background-color:#EFEFF4;
  2040. -webkit-text-size-adjust:100%;
  2041. -webkit-box-align:center;
  2042. -webkit-align-items:center;
  2043. align-items:center;
  2044. }
  2045. .weui-search-bar:before{
  2046. content:" ";
  2047. position:absolute;
  2048. left:0;
  2049. top:0;
  2050. right:0;
  2051. height:1px;
  2052. border-top:1px solid #D7D6DC;
  2053. color:#D7D6DC;
  2054. -webkit-transform-origin:0 0;
  2055. transform-origin:0 0;
  2056. -webkit-transform:scaleY(0.5);
  2057. transform:scaleY(0.5);
  2058. }
  2059. .weui-search-bar:after{
  2060. content:" ";
  2061. position:absolute;
  2062. left:0;
  2063. bottom:0;
  2064. right:0;
  2065. height:1px;
  2066. border-bottom:1px solid #D7D6DC;
  2067. color:#D7D6DC;
  2068. -webkit-transform-origin:0 100%;
  2069. transform-origin:0 100%;
  2070. -webkit-transform:scaleY(0.5);
  2071. transform:scaleY(0.5);
  2072. }
  2073. .weui-search-bar.weui-search-bar_focusing .weui-search-bar__cancel-btn{
  2074. display:block;
  2075. }
  2076. .weui-search-bar.weui-search-bar_focusing .weui-search-bar__label{
  2077. display:none;
  2078. }
  2079. .weui-search-bar__form{
  2080. position:relative;
  2081. -webkit-box-flex:1;
  2082. -webkit-flex:auto;
  2083. flex:auto;
  2084. background-color:#EFEFF4;
  2085. }
  2086. .weui-search-bar__form:after{
  2087. content:'';
  2088. position:absolute;
  2089. left:0;
  2090. top:0;
  2091. width:200%;
  2092. height:200%;
  2093. -webkit-transform:scale(0.5);
  2094. transform:scale(0.5);
  2095. -webkit-transform-origin:0 0;
  2096. transform-origin:0 0;
  2097. border-radius:10px;
  2098. border:1px solid #E6E6EA;
  2099. box-sizing:border-box;
  2100. background:#FFFFFF;
  2101. }
  2102. .weui-search-bar__box{
  2103. position:relative;
  2104. padding-left:30px;
  2105. padding-right:30px;
  2106. height:100%;
  2107. width:100%;
  2108. box-sizing:border-box;
  2109. z-index:1;
  2110. }
  2111. .weui-search-bar__box .weui-search-bar__input{
  2112. padding:4px 0;
  2113. width:100%;
  2114. height:1.42857143em;
  2115. border:0;
  2116. font-size:14px;
  2117. line-height:1.42857143em;
  2118. box-sizing:content-box;
  2119. background:transparent;
  2120. }
  2121. .weui-search-bar__box .weui-search-bar__input:focus{
  2122. outline:none;
  2123. }
  2124. .weui-search-bar__box .weui-icon-search{
  2125. position:absolute;
  2126. top:50%;
  2127. left:10px;
  2128. margin-top:-14px;
  2129. line-height:28px;
  2130. }
  2131. .weui-search-bar__box .weui-icon-clear{
  2132. position:absolute;
  2133. top:50%;
  2134. right:0;
  2135. margin-top:-14px;
  2136. padding:0 10px;
  2137. line-height:28px;
  2138. }
  2139. .weui-search-bar__label{
  2140. position:absolute;
  2141. top:1px;
  2142. right:1px;
  2143. bottom:1px;
  2144. left:1px;
  2145. z-index:2;
  2146. border-radius:3px;
  2147. text-align:center;
  2148. color:#9B9B9B;
  2149. background:#FFFFFF;
  2150. }
  2151. .weui-search-bar__label span{
  2152. display:inline-block;
  2153. font-size:14px;
  2154. vertical-align:middle;
  2155. }
  2156. .weui-search-bar__label .weui-icon-search{
  2157. margin-right:5px;
  2158. }
  2159. .weui-search-bar__cancel-btn{
  2160. display:none;
  2161. margin-left:10px;
  2162. line-height:28px;
  2163. color:#07C160;
  2164. white-space:nowrap;
  2165. }
  2166. .weui-search-bar__input:not(:valid) ~ .weui-icon-clear{
  2167. display:none;
  2168. }
  2169. input[type="search"]::-webkit-search-decoration,
  2170. input[type="search"]::-webkit-search-cancel-button,
  2171. input[type="search"]::-webkit-search-results-button,
  2172. input[type="search"]::-webkit-search-results-decoration{
  2173. display:none;
  2174. }
  2175. .weui-picker{
  2176. position:fixed;
  2177. width:100%;
  2178. left:0;
  2179. bottom:0;
  2180. z-index:5000;
  2181. -webkit-backface-visibility:hidden;
  2182. backface-visibility:hidden;
  2183. -webkit-transform:translate(0, 100%);
  2184. transform:translate(0, 100%);
  2185. -webkit-transition:-webkit-transform .3s;
  2186. transition:-webkit-transform .3s;
  2187. transition:transform .3s;
  2188. transition:transform .3s, -webkit-transform .3s;
  2189. }
  2190. .weui-picker__hd{
  2191. display:-webkit-box;
  2192. display:-webkit-flex;
  2193. display:flex;
  2194. padding:9px 15px;
  2195. background-color:#fff;
  2196. position:relative;
  2197. text-align:center;
  2198. font-size:17px;
  2199. }
  2200. .weui-picker__hd:after{
  2201. content:" ";
  2202. position:absolute;
  2203. left:0;
  2204. bottom:0;
  2205. right:0;
  2206. height:1px;
  2207. border-bottom:1px solid #E5E5E5;
  2208. color:#E5E5E5;
  2209. -webkit-transform-origin:0 100%;
  2210. transform-origin:0 100%;
  2211. -webkit-transform:scaleY(0.5);
  2212. transform:scaleY(0.5);
  2213. }
  2214. .weui-picker__action{
  2215. display:block;
  2216. -webkit-box-flex:1;
  2217. -webkit-flex:1;
  2218. flex:1;
  2219. color:#07c160;
  2220. }
  2221. .weui-picker__action:first-child{
  2222. text-align:left;
  2223. color:#888;
  2224. }
  2225. .weui-picker__action:last-child{
  2226. text-align:right;
  2227. }
  2228. .weui-picker__bd{
  2229. display:-webkit-box;
  2230. display:-webkit-flex;
  2231. display:flex;
  2232. position:relative;
  2233. background-color:#fff;
  2234. height:238px;
  2235. overflow:hidden;
  2236. }
  2237. .weui-picker__group{
  2238. -webkit-box-flex:1;
  2239. -webkit-flex:1;
  2240. flex:1;
  2241. position:relative;
  2242. height:100%;
  2243. }
  2244. .weui-picker__mask{
  2245. position:absolute;
  2246. top:0;
  2247. left:0;
  2248. width:100%;
  2249. height:100%;
  2250. margin:0 auto;
  2251. z-index:3;
  2252. background:-webkit-linear-gradient(top, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.6)), -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.6));
  2253. background:linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.6)), linear-gradient(0deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.6));
  2254. background-position:top, bottom;
  2255. background-size:100% 102px;
  2256. background-repeat:no-repeat;
  2257. -webkit-transform:translateZ(0);
  2258. transform:translateZ(0);
  2259. }
  2260. .weui-picker__indicator{
  2261. width:100%;
  2262. height:34px;
  2263. position:absolute;
  2264. left:0;
  2265. top:102px;
  2266. z-index:3;
  2267. }
  2268. .weui-picker__indicator:before{
  2269. content:" ";
  2270. position:absolute;
  2271. left:0;
  2272. top:0;
  2273. right:0;
  2274. height:1px;
  2275. border-top:1px solid #E5E5E5;
  2276. color:#E5E5E5;
  2277. -webkit-transform-origin:0 0;
  2278. transform-origin:0 0;
  2279. -webkit-transform:scaleY(0.5);
  2280. transform:scaleY(0.5);
  2281. }
  2282. .weui-picker__indicator:after{
  2283. content:" ";
  2284. position:absolute;
  2285. left:0;
  2286. bottom:0;
  2287. right:0;
  2288. height:1px;
  2289. border-bottom:1px solid #E5E5E5;
  2290. color:#E5E5E5;
  2291. -webkit-transform-origin:0 100%;
  2292. transform-origin:0 100%;
  2293. -webkit-transform:scaleY(0.5);
  2294. transform:scaleY(0.5);
  2295. }
  2296. .weui-picker__content{
  2297. position:absolute;
  2298. top:0;
  2299. left:0;
  2300. width:100%;
  2301. }
  2302. .weui-picker__item{
  2303. padding:0;
  2304. height:34px;
  2305. line-height:34px;
  2306. text-align:center;
  2307. color:#000;
  2308. text-overflow:ellipsis;
  2309. white-space:nowrap;
  2310. overflow:hidden;
  2311. }
  2312. .weui-picker__item_disabled{
  2313. color:#999999;
  2314. }
  2315. @-webkit-keyframes slideUp{
  2316. from{
  2317. -webkit-transform:translate3d(0, 100%, 0);
  2318. transform:translate3d(0, 100%, 0);
  2319. }
  2320. to{
  2321. -webkit-transform:translate3d(0, 0, 0);
  2322. transform:translate3d(0, 0, 0);
  2323. }
  2324. }
  2325. @keyframes slideUp{
  2326. from{
  2327. -webkit-transform:translate3d(0, 100%, 0);
  2328. transform:translate3d(0, 100%, 0);
  2329. }
  2330. to{
  2331. -webkit-transform:translate3d(0, 0, 0);
  2332. transform:translate3d(0, 0, 0);
  2333. }
  2334. }
  2335. .weui-animate-slide-up{
  2336. -webkit-animation:slideUp ease .3s forwards;
  2337. animation:slideUp ease .3s forwards;
  2338. }
  2339. @-webkit-keyframes slideDown{
  2340. from{
  2341. -webkit-transform:translate3d(0, 0, 0);
  2342. transform:translate3d(0, 0, 0);
  2343. }
  2344. to{
  2345. -webkit-transform:translate3d(0, 100%, 0);
  2346. transform:translate3d(0, 100%, 0);
  2347. }
  2348. }
  2349. @keyframes slideDown{
  2350. from{
  2351. -webkit-transform:translate3d(0, 0, 0);
  2352. transform:translate3d(0, 0, 0);
  2353. }
  2354. to{
  2355. -webkit-transform:translate3d(0, 100%, 0);
  2356. transform:translate3d(0, 100%, 0);
  2357. }
  2358. }
  2359. .weui-animate-slide-down{
  2360. -webkit-animation:slideDown ease .3s forwards;
  2361. animation:slideDown ease .3s forwards;
  2362. }
  2363. @-webkit-keyframes fadeIn{
  2364. from{
  2365. opacity:0;
  2366. }
  2367. to{
  2368. opacity:1;
  2369. }
  2370. }
  2371. @keyframes fadeIn{
  2372. from{
  2373. opacity:0;
  2374. }
  2375. to{
  2376. opacity:1;
  2377. }
  2378. }
  2379. .weui-animate-fade-in{
  2380. -webkit-animation:fadeIn ease .3s forwards;
  2381. animation:fadeIn ease .3s forwards;
  2382. }
  2383. @-webkit-keyframes fadeOut{
  2384. from{
  2385. opacity:1;
  2386. }
  2387. to{
  2388. opacity:0;
  2389. }
  2390. }
  2391. @keyframes fadeOut{
  2392. from{
  2393. opacity:1;
  2394. }
  2395. to{
  2396. opacity:0;
  2397. }
  2398. }
  2399. .weui-animate-fade-out{
  2400. -webkit-animation:fadeOut ease .3s forwards;
  2401. animation:fadeOut ease .3s forwards;
  2402. }
  2403. .weui-agree{
  2404. display:block;
  2405. padding:.5em 15px;
  2406. font-size:13px;
  2407. }
  2408. .weui-agree a{
  2409. color:#586C94;
  2410. }
  2411. .weui-agree__text{
  2412. color:#999999;
  2413. }
  2414. .weui-agree__checkbox{
  2415. -webkit-appearance:none;
  2416. appearance:none;
  2417. outline:0;
  2418. font-size:0;
  2419. border:1px solid #D1D1D1;
  2420. background-color:#FFFFFF;
  2421. border-radius:3px;
  2422. width:13px;
  2423. height:13px;
  2424. position:relative;
  2425. vertical-align:0;
  2426. top:2px;
  2427. }
  2428. .weui-agree__checkbox:checked:before{
  2429. font-family:"weui";
  2430. font-style:normal;
  2431. font-weight:normal;
  2432. font-variant:normal;
  2433. text-transform:none;
  2434. text-align:center;
  2435. speak:none;
  2436. display:inline-block;
  2437. vertical-align:middle;
  2438. text-decoration:inherit;
  2439. content:"\EA08";
  2440. color:#07C160;
  2441. font-size:13px;
  2442. position:absolute;
  2443. top:50%;
  2444. left:50%;
  2445. -webkit-transform:translate(-50%, -48%) scale(0.73);
  2446. transform:translate(-50%, -48%) scale(0.73);
  2447. }
  2448. .weui-agree__checkbox:disabled{
  2449. background-color:#E1E1E1;
  2450. }
  2451. .weui-agree__checkbox:disabled:before{
  2452. color:#ADADAD;
  2453. }
  2454. .weui-loading{
  2455. width:20px;
  2456. height:20px;
  2457. display:inline-block;
  2458. vertical-align:middle;
  2459. -webkit-animation:weuiLoading 1s steps(12, end) infinite;
  2460. animation:weuiLoading 1s steps(12, end) infinite;
  2461. background:transparent url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 100 100'%3E%3Cpath fill='none' d='M0 0h100v100H0z'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23E9E9E9' rx='5' ry='5' transform='translate(0 -30)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23989697' rx='5' ry='5' transform='rotate(30 105.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%239B999A' rx='5' ry='5' transform='rotate(60 75.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23A3A1A2' rx='5' ry='5' transform='rotate(90 65 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23ABA9AA' rx='5' ry='5' transform='rotate(120 58.66 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23B2B2B2' rx='5' ry='5' transform='rotate(150 54.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23BAB8B9' rx='5' ry='5' transform='rotate(180 50 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23C2C0C1' rx='5' ry='5' transform='rotate(-150 45.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23CBCBCB' rx='5' ry='5' transform='rotate(-120 41.34 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23D2D2D2' rx='5' ry='5' transform='rotate(-90 35 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23DADADA' rx='5' ry='5' transform='rotate(-60 24.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23E2E2E2' rx='5' ry='5' transform='rotate(-30 -5.98 65)'/%3E%3C/svg%3E") no-repeat;
  2462. background-size:100%;
  2463. }
  2464. .weui-loading.weui-loading_transparent,
  2465. .weui-btn_loading.weui-btn_primary .weui-loading,
  2466. .weui-btn_loading.weui-btn_warn .weui-loading{
  2467. background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 100 100'%3E%3Cpath fill='none' d='M0 0h100v100H0z'/%3E%3Crect xmlns='http://www.w3.org/2000/svg' width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.56)' rx='5' ry='5' transform='translate(0 -30)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.5)' rx='5' ry='5' transform='rotate(30 105.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.43)' rx='5' ry='5' transform='rotate(60 75.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.38)' rx='5' ry='5' transform='rotate(90 65 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.32)' rx='5' ry='5' transform='rotate(120 58.66 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.28)' rx='5' ry='5' transform='rotate(150 54.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.25)' rx='5' ry='5' transform='rotate(180 50 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.2)' rx='5' ry='5' transform='rotate(-150 45.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.17)' rx='5' ry='5' transform='rotate(-120 41.34 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.14)' rx='5' ry='5' transform='rotate(-90 35 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.1)' rx='5' ry='5' transform='rotate(-60 24.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.03)' rx='5' ry='5' transform='rotate(-30 -5.98 65)'/%3E%3C/svg%3E");
  2468. }
  2469. @-webkit-keyframes weuiLoading{
  2470. 0%{
  2471. -webkit-transform:rotate3d(0, 0, 1, 0deg);
  2472. transform:rotate3d(0, 0, 1, 0deg);
  2473. }
  2474. 100%{
  2475. -webkit-transform:rotate3d(0, 0, 1, 360deg);
  2476. transform:rotate3d(0, 0, 1, 360deg);
  2477. }
  2478. }
  2479. @keyframes weuiLoading{
  2480. 0%{
  2481. -webkit-transform:rotate3d(0, 0, 1, 0deg);
  2482. transform:rotate3d(0, 0, 1, 0deg);
  2483. }
  2484. 100%{
  2485. -webkit-transform:rotate3d(0, 0, 1, 360deg);
  2486. transform:rotate3d(0, 0, 1, 360deg);
  2487. }
  2488. }
  2489. .weui-slider{
  2490. padding:15px 18px;
  2491. -webkit-user-select:none;
  2492. user-select:none;
  2493. }
  2494. .weui-slider__inner{
  2495. position:relative;
  2496. height:2px;
  2497. background-color:#E9E9E9;
  2498. }
  2499. .weui-slider__track{
  2500. height:2px;
  2501. background-color:#07c160;
  2502. width:0;
  2503. }
  2504. .weui-slider__handler{
  2505. position:absolute;
  2506. left:0;
  2507. top:50%;
  2508. width:28px;
  2509. height:28px;
  2510. margin-left:-14px;
  2511. margin-top:-14px;
  2512. border-radius:50%;
  2513. background-color:#FFFFFF;
  2514. box-shadow:0 0 4px rgba(0, 0, 0, 0.2);
  2515. }
  2516. .weui-slider-box{
  2517. display:-webkit-box;
  2518. display:-webkit-flex;
  2519. display:flex;
  2520. -webkit-box-align:center;
  2521. -webkit-align-items:center;
  2522. align-items:center;
  2523. }
  2524. .weui-slider-box .weui-slider{
  2525. -webkit-box-flex:1;
  2526. -webkit-flex:1;
  2527. flex:1;
  2528. }
  2529. .weui-slider-box__value{
  2530. margin-left:.5em;
  2531. min-width:24px;
  2532. color:#888888;
  2533. text-align:center;
  2534. font-size:14px;
  2535. }