main.wxss 54 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291
  1. @font-face {
  2. font-family: 'iconfont'; /* project id 1525256 */
  3. src: url('https://at.alicdn.com/t/font_1525256_gha7j3zx3x.eot');
  4. src: url('https://at.alicdn.com/t/font_1525256_gha7j3zx3x.eot?#iefix') format('embedded-opentype'),
  5. url('https://at.alicdn.com/t/font_1525256_gha7j3zx3x.woff2') format('woff2'),
  6. url('https://at.alicdn.com/t/font_1525256_gha7j3zx3x.woff') format('woff'),
  7. url('https://at.alicdn.com/t/font_1525256_gha7j3zx3x.ttf') format('truetype'),
  8. url('https://at.alicdn.com/t/font_1525256_gha7j3zx3x.svg#iconfont') format('svg');
  9. }
  10. .iconfont {
  11. font-family: "iconfont" !important;
  12. font-size: 32rpx;
  13. font-style: normal;
  14. -webkit-font-smoothing: antialiased;
  15. -moz-osx-font-smoothing: grayscale;
  16. }
  17. .iconchangjianwentixiangguanwenti2:before {
  18. content: "\E679";
  19. }
  20. .icondagou:before {
  21. content: "\E607";
  22. }
  23. .iconsanjiao_xia:before {
  24. content: "\E631";
  25. }
  26. .iconsanjiaoshang:before {
  27. content: "\E643";
  28. }
  29. .iconcaidan:before {
  30. content: "\E65D";
  31. }
  32. .iconshezhi:before {
  33. content: "\E645";
  34. }
  35. .icondaizhifu:before {
  36. content: "\E733";
  37. }
  38. .iconshoujihao:before {
  39. content: "\E734";
  40. }
  41. .iconxiangyou:before {
  42. content: "\E735";
  43. }
  44. .iconhaopingxingxing:before {
  45. content: "\E736";
  46. }
  47. .iconmine:before {
  48. content: "\E737";
  49. }
  50. .iconstore:before {
  51. content: "\E738";
  52. }
  53. .iconhome:before {
  54. content: "\E739";
  55. }
  56. .iconclassification:before {
  57. content: "\E73A";
  58. }
  59. .iconyiguoqi:before {
  60. content: "\E73B";
  61. }
  62. .iconyishiyong:before {
  63. content: "\E73C";
  64. }
  65. .iconsearch:before {
  66. content: "\E73D";
  67. }
  68. .iconclose:before {
  69. content: "\E73E";
  70. }
  71. .icondianhua:before {
  72. content: "\E73F";
  73. }
  74. .iconditu:before {
  75. content: "\E740";
  76. }
  77. .iconxiaoxi:before {
  78. content: "\E741";
  79. }
  80. .icondianpu:before {
  81. content: "\E742";
  82. }
  83. .iconfenxiang:before {
  84. content: "\E743";
  85. }
  86. .iconxuanzhong:before {
  87. content: "\E744";
  88. }
  89. .iconweixuanzhong:before {
  90. content: "\E745";
  91. }
  92. .icontupian:before {
  93. content: "\E746";
  94. }
  95. .iconxiaochengxu:before {
  96. content: "\E747";
  97. }
  98. .iconzhifubao:before {
  99. content: "\E748";
  100. }
  101. .iconkefu:before {
  102. content: "\E749";
  103. }
  104. .iconshanchu:before {
  105. content: "\E74A";
  106. }
  107. .iconguanbi:before {
  108. content: "\E74B";
  109. }
  110. .iconfenxiang1:before {
  111. content: "\E74C";
  112. }
  113. .iconbianji:before {
  114. content: "\E74D";
  115. }
  116. .iconjinyong:before {
  117. content: "\E74E";
  118. }
  119. .iconqiyong:before {
  120. content: "\E74F";
  121. }
  122. .iconshanchu1:before {
  123. content: "\E750";
  124. }
  125. .iconcaozuo:before {
  126. content: "\E751";
  127. }
  128. .iconcaozuojihuo:before {
  129. content: "\E752";
  130. }
  131. .iconzhiding:before {
  132. content: "\E753";
  133. }
  134. .iconxiajia:before {
  135. content: "\E754";
  136. }
  137. .iconkehuxuanzhong:before {
  138. content: "\E755";
  139. }
  140. .iconkehuweixuanzhong:before {
  141. content: "\E756";
  142. }
  143. .icongongzuotaiweixuanzhong:before {
  144. content: "\E757";
  145. }
  146. .icongongzuotaixuanzhong:before {
  147. content: "\E758";
  148. }
  149. .icondingdanweixuanzhong:before {
  150. content: "\E759";
  151. }
  152. .icondingdanxuanzhong:before {
  153. content: "\E75A";
  154. }
  155. .iconcaidanlan:before {
  156. content: "\E75C";
  157. }
  158. .iconfahuo:before {
  159. content: "\E75D";
  160. }
  161. .iconshouye:before {
  162. content: "\E75E";
  163. }
  164. .icontianjiatuku:before {
  165. content: "\E767";
  166. }
  167. .iconxinrenlingquanshezhi:before {
  168. content: "\E768";
  169. }
  170. .iconhuiyuandengjishezhi:before {
  171. content: "\E769";
  172. }
  173. .iconweixin:before {
  174. content: "\E76A";
  175. }
  176. .icontupiantianjia:before {
  177. content: "\E75F";
  178. }
  179. .icondelete:before {
  180. content: "\E760";
  181. }
  182. .iconxiaoxi1:before {
  183. content: "\E761";
  184. }
  185. .iconxiala:before {
  186. content: "\E762";
  187. }
  188. .iconweixingongzhonghao:before {
  189. content: "\E763";
  190. }
  191. .iconshoujihao1:before {
  192. content: "\E764";
  193. }
  194. .iconweixinlaiyuan:before {
  195. content: "\E765";
  196. }
  197. .icontianjiakehu:before {
  198. content: "\E766";
  199. }
  200. .iconchenggong:before {
  201. content: "\E76B";
  202. }
  203. .iconbianjijiage1:before {
  204. content: "\E76C";
  205. }
  206. .icongou:before {
  207. content: "\E76D";
  208. }
  209. .iconmorentu:before {
  210. content: "\E76E";
  211. }
  212. .iconxiaoxi2:before {
  213. content: "\E76F";
  214. }
  215. .iconshenheweitongguo:before {
  216. content: "\E774";
  217. }
  218. @font-face {
  219. font-family: uniicons;
  220. font-weight: normal;
  221. font-style: normal;
  222. src: url('https://img-cdn-qiniu.dcloud.net.cn/fonts/uni.ttf') format('truetype');
  223. }
  224. /*通用 */
  225. /*view{*/
  226. /* font-size: 24px;*/
  227. /* }*/
  228. /* view uni-button{*/
  229. /* font-size: 28px;*/
  230. /* }*/
  231. .uni-list-cell__content-title{
  232. font-size: 28rpx !important;
  233. }
  234. progress, checkbox-group{
  235. width: 100%;
  236. }
  237. form {
  238. width: 100%;
  239. }
  240. .uni-flex {
  241. display: -webkit-box;
  242. display: -webkit-flex;
  243. display: -ms-flexbox;
  244. display: flex;
  245. -webkit-box-orient: horizontal;
  246. -webkit-box-direction: normal;
  247. -webkit-flex-direction: row;
  248. -ms-flex-direction: row;
  249. flex-direction: row;
  250. }
  251. .uni-flex-item {
  252. -webkit-box-flex: 1;
  253. -webkit-flex: 1;
  254. -ms-flex: 1;
  255. flex: 1;
  256. }
  257. .uni-row {
  258. -webkit-box-orient: horizontal;
  259. -webkit-box-direction: normal;
  260. -webkit-flex-direction: row;
  261. -ms-flex-direction: row;
  262. flex-direction: row;
  263. }
  264. .uni-column {
  265. -webkit-box-orient: vertical;
  266. -webkit-box-direction: normal;
  267. -webkit-flex-direction: column;
  268. -ms-flex-direction: column;
  269. flex-direction: column;
  270. }
  271. .uni-link{
  272. color:#576B95;
  273. font-size:26rpx;
  274. }
  275. .uni-center{
  276. text-align:center;
  277. }
  278. .uni-inline-item{
  279. display: -webkit-box;
  280. display: -webkit-flex;
  281. display: -ms-flexbox;
  282. display: flex;
  283. -webkit-box-orient: horizontal;
  284. -webkit-box-direction: normal;
  285. -webkit-flex-direction: row;
  286. -ms-flex-direction: row;
  287. flex-direction: row;
  288. -webkit-box-align:center;
  289. -webkit-align-items:center;
  290. -ms-flex-align:center;
  291. align-items:center;
  292. }
  293. .uni-inline-item text{
  294. margin-right: 20rpx;
  295. }
  296. .uni-inline-item text:last-child{
  297. margin-right: 0rpx;
  298. margin-left: 20rpx;
  299. }
  300. /* page */
  301. .uni-page-head{
  302. padding:35rpx;
  303. text-align: center;
  304. }
  305. .uni-page-head-title {
  306. display: inline-block;
  307. padding: 0 40rpx;
  308. font-size: 30rpx;
  309. height: 88rpx;
  310. line-height: 88rpx;
  311. color: #BEBEBE;
  312. -webkit-box-sizing: border-box;
  313. box-sizing: border-box;
  314. border-bottom: 2rpx solid #D8D8D8;
  315. }
  316. .uni-page-body {
  317. width: 100%;
  318. -webkit-box-flex: 1;
  319. -webkit-flex-grow: 1;
  320. -ms-flex-positive: 1;
  321. flex-grow: 1;
  322. overflow-x: hidden;
  323. }
  324. .uni-padding-wrap{
  325. width:690rpx;
  326. padding:0 30rpx;
  327. }
  328. .uni-word {
  329. text-align: center;
  330. padding:200rpx 100rpx;
  331. }
  332. .uni-title {
  333. font-size:30rpx;
  334. font-weight:500;
  335. padding:20rpx 0;
  336. line-height:1.5;
  337. }
  338. .uni-text{
  339. font-size:28rpx;
  340. }
  341. .uni-title text{
  342. font-size:24rpx;
  343. color:#888;
  344. }
  345. .uni-text-gray{
  346. color: #ccc;
  347. }
  348. .uni-text-small {
  349. font-size:24rpx;
  350. }
  351. .uni-common-mb{
  352. margin-bottom:30rpx;
  353. }
  354. .uni-common-pb{
  355. padding-bottom:30rpx;
  356. }
  357. .uni-common-pl{
  358. padding-left:30rpx;
  359. }
  360. .uni-common-mt{
  361. margin-top:30rpx;
  362. }
  363. /* 背景色 */
  364. .uni-bg-red{
  365. background:#F76260; color:#FFF;
  366. }
  367. .uni-bg-green{
  368. background:#09BB07; color:#FFF;
  369. }
  370. .uni-bg-blue{
  371. background:#007AFF; color:#FFF;
  372. }
  373. /* 标题 */
  374. .uni-h1 {font-size: 80rpx; font-weight:700;}
  375. .uni-h2 {font-size: 60rpx; font-weight:700;}
  376. .uni-h3 {font-size: 48rpx; font-weight:700;}
  377. .uni-h4 {font-size: 36rpx; font-weight:700;}
  378. .uni-h5 {font-size: 28rpx; color: #8f8f94;}
  379. .uni-h6 {font-size: 24rpx; color: #8f8f94;}
  380. .uni-bold{font-weight:bold;}
  381. /* 文本溢出隐藏 */
  382. .uni-ellipsis {overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis;}
  383. /* 竖向百分百按钮 */
  384. .uni-btn-v{
  385. padding:10rpx 0;
  386. }
  387. .uni-btn-v button{margin:20rpx 0;}
  388. /* 表单 */
  389. .uni-form-item{
  390. display:-webkit-box;
  391. display:-webkit-flex;
  392. display:-ms-flexbox;
  393. display:flex;
  394. width:100%;
  395. padding:10rpx 0;
  396. }
  397. .uni-form-item .title{
  398. padding:10rpx 25rpx;
  399. }
  400. .uni-label {
  401. width: 210rpx;
  402. word-wrap: break-word;
  403. word-break: break-all;
  404. text-indent:20rpx;
  405. }
  406. /*.uni-input {*/
  407. /* height: 50upx;*/
  408. /* padding: 15upx 25upx;*/
  409. /* line-height:50upx;*/
  410. /* font-size:28upx;*/
  411. /* background:#FFF;*/
  412. /* flex: 1;*/
  413. /*}*/
  414. radio-group, checkbox-group{
  415. width:100%;
  416. }
  417. radio-group label, checkbox-group label{
  418. padding-right:20rpx;
  419. }
  420. .uni-form-item .with-fun{
  421. display:-webkit-box;
  422. display:-webkit-flex;
  423. display:-ms-flexbox;
  424. display:flex;
  425. -webkit-flex-wrap:nowrap;
  426. -ms-flex-wrap:nowrap;
  427. flex-wrap:nowrap;
  428. background:#FFFFFF;
  429. }
  430. .uni-form-item .with-fun .uni-icon{
  431. width:40rpx;
  432. height:80rpx;
  433. line-height:80rpx;
  434. -webkit-flex-shrink:0;
  435. -ms-flex-negative:0;
  436. flex-shrink:0;
  437. }
  438. /* loadmore */
  439. .uni-loadmore{
  440. height:80rpx;
  441. line-height:80rpx;
  442. text-align:center;
  443. padding-bottom:30rpx;
  444. }
  445. /*数字角标*/
  446. .uni-badge,
  447. .uni-badge-default {
  448. font-family: 'Helvetica Neue', Helvetica, sans-serif;
  449. font-size: 12rpx;
  450. line-height: 1;
  451. display: inline-block;
  452. padding: 3rpx 6rpx;
  453. color: #333;
  454. border-radius: 100rpx;
  455. background-color: rgba(0, 0, 0, .15);
  456. }
  457. .uni-badge.uni-badge-inverted {
  458. padding: 0 5rpx 0 0;
  459. color: #929292;
  460. background-color: transparent
  461. }
  462. .uni-badge-primary {
  463. color: #fff;
  464. background-color: #007aff
  465. }
  466. .uni-badge-blue.uni-badge-inverted,
  467. .uni-badge-primary.uni-badge-inverted {
  468. color: #007aff;
  469. background-color: transparent
  470. }
  471. .uni-badge-green,
  472. .uni-badge-success {
  473. color: #fff;
  474. background-color: #4cd964;
  475. }
  476. .uni-badge-green.uni-badge-inverted,
  477. .uni-badge-success.uni-badge-inverted {
  478. color: #4cd964;
  479. background-color: transparent
  480. }
  481. .uni-badge-warning,
  482. .uni-badge-yellow {
  483. color: #fff;
  484. background-color: #f0ad4e
  485. }
  486. .uni-badge-warning.uni-badge-inverted,
  487. .uni-badge-yellow.uni-badge-inverted {
  488. color: #f0ad4e;
  489. background-color: transparent
  490. }
  491. .uni-badge-danger,
  492. .uni-badge-red {
  493. color: #fff;
  494. background-color: #dd524d
  495. }
  496. .uni-badge-danger.uni-badge-inverted,
  497. .uni-badge-red.uni-badge-inverted {
  498. color: #dd524d;
  499. background-color: transparent
  500. }
  501. .uni-badge-purple,
  502. .uni-badge-royal {
  503. color: #fff;
  504. background-color: #8a6de9
  505. }
  506. .uni-badge-purple.uni-badge-inverted,
  507. .uni-badge-royal.uni-badge-inverted {
  508. color: #8a6de9;
  509. background-color: transparent
  510. }
  511. /*折叠面板 */
  512. .uni-collapse-content {
  513. height: 0;
  514. width: 100%;
  515. overflow: hidden;
  516. }
  517. .uni-collapse-content.uni-active {
  518. height: auto;
  519. }
  520. /*卡片视图 */
  521. .uni-card {
  522. background: #fff;
  523. border-radius: 8rpx;
  524. margin:20rpx 0;
  525. position: relative;
  526. -webkit-box-shadow: 0 2rpx 4rpx rgba(0, 0, 0, .3);
  527. box-shadow: 0 2rpx 4rpx rgba(0, 0, 0, .3);
  528. }
  529. .uni-card-content {
  530. font-size: 30rpx;
  531. }
  532. .uni-card-content.image-view{
  533. width: 100%;
  534. margin: 0;
  535. }
  536. .uni-card-content-inner {
  537. position: relative;
  538. padding: 30rpx;
  539. }
  540. .uni-card-footer,
  541. .uni-card-header {
  542. position: relative;
  543. display: -webkit-box;
  544. display: -webkit-flex;
  545. display: -ms-flexbox;
  546. display: flex;
  547. min-height: 50rpx;
  548. padding: 20rpx 30rpx;
  549. -webkit-box-pack: justify;
  550. -webkit-justify-content: space-between;
  551. -ms-flex-pack: justify;
  552. justify-content: space-between;
  553. -webkit-box-align: center;
  554. -webkit-align-items: center;
  555. -ms-flex-align: center;
  556. align-items: center;
  557. }
  558. .uni-card-header {
  559. font-size: 36rpx;
  560. }
  561. .uni-card-footer {
  562. color: #6d6d72;
  563. }
  564. .uni-card-footer:before,
  565. .uni-card-header:after {
  566. position: absolute;
  567. top: 0;
  568. right: 0;
  569. left: 0;
  570. height: 2rpx;
  571. content: '';
  572. -webkit-transform: scaleY(.5);
  573. -ms-transform: scaleY(.5);
  574. transform: scaleY(.5);
  575. background-color: #c8c7cc;
  576. }
  577. .uni-card-header:after {
  578. top: auto;
  579. bottom: 0;
  580. }
  581. .uni-card-media {
  582. -webkit-box-pack: start;
  583. -webkit-justify-content: flex-start;
  584. -ms-flex-pack: start;
  585. justify-content: flex-start;
  586. }
  587. .uni-card-media-logo {
  588. height: 84rpx;
  589. width: 84rpx;
  590. margin-right: 20rpx;
  591. }
  592. .uni-card-media-body {
  593. height: 84rpx;
  594. display: -webkit-box;
  595. display: -webkit-flex;
  596. display: -ms-flexbox;
  597. display: flex;
  598. -webkit-box-orient: vertical;
  599. -webkit-box-direction: normal;
  600. -webkit-flex-direction: column;
  601. -ms-flex-direction: column;
  602. flex-direction: column;
  603. -webkit-box-pack: justify;
  604. -webkit-justify-content: space-between;
  605. -ms-flex-pack: justify;
  606. justify-content: space-between;
  607. -webkit-box-align: start;
  608. -webkit-align-items: flex-start;
  609. -ms-flex-align: start;
  610. align-items: flex-start;
  611. }
  612. .uni-card-media-text-top {
  613. line-height: 36rpx;
  614. font-size: 34rpx;
  615. }
  616. .uni-card-media-text-bottom {
  617. line-height: 30rpx;
  618. font-size: 28rpx;
  619. color: #8f8f94;
  620. }
  621. .uni-card-link {
  622. color: #007AFF;
  623. }
  624. /* 列表 */
  625. .uni-list {
  626. background-color: #FFFFFF;
  627. position: relative;
  628. width: 100%;
  629. display: -webkit-box;
  630. display: -webkit-flex;
  631. display: -ms-flexbox;
  632. display: flex;
  633. -webkit-box-orient: vertical;
  634. -webkit-box-direction: normal;
  635. -webkit-flex-direction: column;
  636. -ms-flex-direction: column;
  637. flex-direction: column;
  638. }
  639. .uni-list:after {
  640. position: absolute;
  641. z-index: 10;
  642. right: 0;
  643. bottom: 0;
  644. left: 0;
  645. height: 1rpx;
  646. content: '';
  647. -webkit-transform: scaleY(.5);
  648. -ms-transform: scaleY(.5);
  649. transform: scaleY(.5);
  650. background-color: #c8c7cc;
  651. }
  652. .uni-list::before {
  653. position: absolute;
  654. z-index: 10;
  655. right: 0;
  656. top: 0;
  657. left: 0;
  658. height: 1rpx;
  659. content: '';
  660. -webkit-transform: scaleY(.5);
  661. -ms-transform: scaleY(.5);
  662. transform: scaleY(.5);
  663. background-color: #c8c7cc;
  664. }
  665. .uni-list-cell {
  666. position: relative;
  667. display: -webkit-box;
  668. display: -webkit-flex;
  669. display: -ms-flexbox;
  670. display: flex;
  671. -webkit-box-orient: horizontal;
  672. -webkit-box-direction: normal;
  673. -webkit-flex-direction: row;
  674. -ms-flex-direction: row;
  675. flex-direction: row;
  676. -webkit-box-pack: justify;
  677. -webkit-justify-content: space-between;
  678. -ms-flex-pack: justify;
  679. justify-content: space-between;
  680. -webkit-box-align: center;
  681. -webkit-align-items: center;
  682. -ms-flex-align: center;
  683. align-items: center;
  684. }
  685. .uni-list-cell-hover {
  686. background-color: #eee;
  687. }
  688. .uni-list-cell-pd {
  689. padding: 22rpx 30rpx;
  690. }
  691. .uni-list-cell-left {
  692. font-size:28rpx;
  693. padding: 0 30rpx;
  694. }
  695. .uni-list-cell-db,
  696. .uni-list-cell-right {
  697. -webkit-box-flex: 1;
  698. -webkit-flex: 1;
  699. -ms-flex: 1;
  700. flex: 1;
  701. }
  702. .uni-list-cell::after {
  703. position: absolute;
  704. z-index: 3;
  705. right: 0;
  706. bottom: 0;
  707. left: 30rpx;
  708. height: 1rpx;
  709. content: '';
  710. -webkit-transform: scaleY(.5);
  711. -ms-transform: scaleY(.5);
  712. transform: scaleY(.5);
  713. background-color: #c8c7cc;
  714. }
  715. .uni-list .uni-list-cell:last-child::after {
  716. height: 0rpx;
  717. }
  718. .uni-list-cell-last.uni-list-cell::after {
  719. height: 0rpx;
  720. }
  721. .uni-list-cell-divider {
  722. position: relative;
  723. display: -webkit-box;
  724. display: -webkit-flex;
  725. display: -ms-flexbox;
  726. display: flex;
  727. color: #999;
  728. background-color: #f7f7f7;
  729. padding:15rpx 20rpx;
  730. }
  731. .uni-list-cell-divider::before {
  732. position: absolute;
  733. right: 0;
  734. top: 0;
  735. left: 0;
  736. height: 1rpx;
  737. content: '';
  738. -webkit-transform: scaleY(.5);
  739. -ms-transform: scaleY(.5);
  740. transform: scaleY(.5);
  741. background-color: #c8c7cc;
  742. }
  743. .uni-list-cell-divider::after {
  744. position: absolute;
  745. right: 0;
  746. bottom: 0;
  747. left: 0rpx;
  748. height: 1rpx;
  749. content: '';
  750. -webkit-transform: scaleY(.5);
  751. -ms-transform: scaleY(.5);
  752. transform: scaleY(.5);
  753. background-color: #c8c7cc;
  754. }
  755. .uni-list-cell-navigate {
  756. font-size:30rpx;
  757. padding: 22rpx 30rpx;
  758. line-height: 48rpx;
  759. position: relative;
  760. display: -webkit-box;
  761. display: -webkit-flex;
  762. display: -ms-flexbox;
  763. display: flex;
  764. -webkit-box-sizing: border-box;
  765. box-sizing: border-box;
  766. width: 100%;
  767. -webkit-box-flex: 1;
  768. -webkit-flex: 1;
  769. -ms-flex: 1;
  770. flex: 1;
  771. -webkit-box-pack: justify;
  772. -webkit-justify-content: space-between;
  773. -ms-flex-pack: justify;
  774. justify-content: space-between;
  775. -webkit-box-align: center;
  776. -webkit-align-items: center;
  777. -ms-flex-align: center;
  778. align-items: center;
  779. }
  780. .uni-list-cell-navigate {
  781. padding-right: 36rpx;
  782. }
  783. .uni-navigate-badge {
  784. padding-right: 50rpx;
  785. }
  786. .uni-list-cell-navigate.uni-navigate-right:after {
  787. font-family: uniicons;
  788. content: '\E583';
  789. position: absolute;
  790. right: 24rpx;
  791. top: 50%;
  792. color: #bbb;
  793. -webkit-transform: translateY(-50%);
  794. -ms-transform: translateY(-50%);
  795. transform: translateY(-50%);
  796. }
  797. .uni-list-cell-navigate.uni-navigate-bottom:after {
  798. font-family: uniicons;
  799. content: '\E581';
  800. position: absolute;
  801. right: 24rpx;
  802. top: 50%;
  803. color: #bbb;
  804. -webkit-transform: translateY(-50%);
  805. -ms-transform: translateY(-50%);
  806. transform: translateY(-50%);
  807. }
  808. .uni-list-cell-navigate.uni-navigate-bottom.uni-active::after {
  809. font-family: uniicons;
  810. content: '\E580';
  811. position: absolute;
  812. right: 24rpx;
  813. top: 50%;
  814. color: #bbb;
  815. -webkit-transform: translateY(-50%);
  816. -ms-transform: translateY(-50%);
  817. transform: translateY(-50%);
  818. }
  819. .uni-collapse.uni-list-cell {
  820. -webkit-box-orient: vertical;
  821. -webkit-box-direction: normal;
  822. -webkit-flex-direction: column;
  823. -ms-flex-direction: column;
  824. flex-direction: column;
  825. }
  826. .uni-list-cell-navigate.uni-active {
  827. background: #eee;
  828. }
  829. .uni-list.uni-collapse {
  830. -webkit-box-sizing: border-box;
  831. box-sizing: border-box;
  832. height: 0;
  833. overflow: hidden;
  834. }
  835. .uni-collapse .uni-list-cell {
  836. padding-left: 20rpx;
  837. }
  838. .uni-collapse .uni-list-cell::after {
  839. left: 52rpx;
  840. }
  841. .uni-list.uni-active {
  842. height: auto;
  843. }
  844. /* 三行列表 */
  845. .uni-triplex-row {
  846. display: -webkit-box;
  847. display: -webkit-flex;
  848. display: -ms-flexbox;
  849. display: flex;
  850. -webkit-box-flex: 1;
  851. -webkit-flex: 1;
  852. -ms-flex: 1;
  853. flex: 1;
  854. width: 100%;
  855. -webkit-box-sizing: border-box;
  856. box-sizing: border-box;
  857. -webkit-box-orient: horizontal;
  858. -webkit-box-direction: normal;
  859. -webkit-flex-direction: row;
  860. -ms-flex-direction: row;
  861. flex-direction: row;
  862. padding: 22rpx 30rpx;
  863. }
  864. .uni-triplex-right,
  865. .uni-triplex-left {
  866. display: -webkit-box;
  867. display: -webkit-flex;
  868. display: -ms-flexbox;
  869. display: flex;
  870. -webkit-box-orient: vertical;
  871. -webkit-box-direction: normal;
  872. -webkit-flex-direction: column;
  873. -ms-flex-direction: column;
  874. flex-direction: column;
  875. }
  876. .uni-triplex-left {
  877. width: 84%;
  878. }
  879. .uni-triplex-left .uni-title{
  880. padding:8rpx 0;
  881. }
  882. .uni-triplex-left .uni-text, .uni-triplex-left .uni-text-small{color:#999999;}
  883. .uni-triplex-right {
  884. width: 16%;
  885. text-align: right;
  886. }
  887. /* 图文列表 */
  888. .uni-media-list {
  889. padding: 22rpx 30rpx;
  890. -webkit-box-sizing: border-box;
  891. box-sizing: border-box;
  892. display: -webkit-box;
  893. display: -webkit-flex;
  894. display: -ms-flexbox;
  895. display: flex;
  896. width: 100%;
  897. -webkit-box-orient: horizontal;
  898. -webkit-box-direction: normal;
  899. -webkit-flex-direction: row;
  900. -ms-flex-direction: row;
  901. flex-direction: row;
  902. }
  903. .uni-navigate-right.uni-media-list {
  904. padding-right: 74rpx;
  905. }
  906. .uni-pull-right {
  907. -webkit-box-orient: horizontal;
  908. -webkit-box-direction: reverse;
  909. -webkit-flex-direction: row-reverse;
  910. -ms-flex-direction: row-reverse;
  911. flex-direction: row-reverse;
  912. }
  913. .uni-pull-right>.uni-media-list-logo {
  914. margin-right: 0rpx;
  915. margin-left: 20rpx;
  916. }
  917. .uni-media-list-logo {
  918. height: 84rpx;
  919. width: 84rpx;
  920. margin-right: 20rpx;
  921. }
  922. .uni-media-list-logo image {
  923. height: 100%;
  924. width: 100%;
  925. }
  926. .uni-media-list-body {
  927. height: 84rpx;
  928. display: -webkit-box;
  929. display: -webkit-flex;
  930. display: -ms-flexbox;
  931. display: flex;
  932. -webkit-box-flex: 1;
  933. -webkit-flex: 1;
  934. -ms-flex: 1;
  935. flex: 1;
  936. -webkit-box-orient: vertical;
  937. -webkit-box-direction: normal;
  938. -webkit-flex-direction: column;
  939. -ms-flex-direction: column;
  940. flex-direction: column;
  941. -webkit-box-pack: justify;
  942. -webkit-justify-content: space-between;
  943. -ms-flex-pack: justify;
  944. justify-content: space-between;
  945. -webkit-box-align: start;
  946. -webkit-align-items: flex-start;
  947. -ms-flex-align: start;
  948. align-items: flex-start;
  949. overflow: hidden;
  950. }
  951. .uni-media-list-text-top {
  952. width: 100%;
  953. line-height: 36rpx;
  954. font-size: 30rpx;
  955. }
  956. .uni-media-list-text-bottom {
  957. width: 100%;
  958. line-height: 30rpx;
  959. font-size: 26rpx;
  960. color: #8f8f94;
  961. }
  962. /* 九宫格 */
  963. .uni-grid-9 {
  964. background: #f2f2f2;
  965. width: 750rpx;
  966. display: -webkit-box;
  967. display: -webkit-flex;
  968. display: -ms-flexbox;
  969. display: flex;
  970. -webkit-box-orient: horizontal;
  971. -webkit-box-direction: normal;
  972. -webkit-flex-direction: row;
  973. -ms-flex-direction: row;
  974. flex-direction: row;
  975. -webkit-flex-wrap: wrap;
  976. -ms-flex-wrap: wrap;
  977. flex-wrap: wrap;
  978. border-top: 2rpx solid #eee;
  979. }
  980. .uni-grid-9-item {
  981. width: 250rpx;
  982. height: 200rpx;
  983. display: -webkit-box;
  984. display: -webkit-flex;
  985. display: -ms-flexbox;
  986. display: flex;
  987. -webkit-box-orient: vertical;
  988. -webkit-box-direction: normal;
  989. -webkit-flex-direction: column;
  990. -ms-flex-direction: column;
  991. flex-direction: column;
  992. -webkit-box-align: center;
  993. -webkit-align-items: center;
  994. -ms-flex-align: center;
  995. align-items: center;
  996. -webkit-box-pack: center;
  997. -webkit-justify-content: center;
  998. -ms-flex-pack: center;
  999. justify-content: center;
  1000. border-bottom: 2rpx solid;
  1001. border-right: 2rpx solid;
  1002. border-color: #eee;
  1003. -webkit-box-sizing: border-box;
  1004. box-sizing: border-box;
  1005. }
  1006. .no-border-right {
  1007. border-right: none;
  1008. }
  1009. .uni-grid-9-image {
  1010. width: 100rpx;
  1011. height: 100rpx;
  1012. }
  1013. .uni-grid-9-text {
  1014. width: 250rpx;
  1015. line-height: 4rpx;
  1016. height: 40rpx;
  1017. text-align: center;
  1018. font-size: 30rpx;
  1019. }
  1020. .uni-grid-9-item-hover {
  1021. background: rgba(0, 0, 0, 0.1);
  1022. }
  1023. /* 上传 */
  1024. .uni-uploader {
  1025. -webkit-box-flex: 1;
  1026. -webkit-flex: 1;
  1027. -ms-flex: 1;
  1028. flex: 1;
  1029. -webkit-box-orient: vertical;
  1030. -webkit-box-direction: normal;
  1031. -webkit-flex-direction: column;
  1032. -ms-flex-direction: column;
  1033. flex-direction: column;
  1034. }
  1035. .uni-uploader-head {
  1036. display: -webkit-box;
  1037. display: -webkit-flex;
  1038. display: -ms-flexbox;
  1039. display: flex;
  1040. -webkit-box-orient: horizontal;
  1041. -webkit-box-direction: normal;
  1042. -webkit-flex-direction: row;
  1043. -ms-flex-direction: row;
  1044. flex-direction: row;
  1045. -webkit-box-pack: justify;
  1046. -webkit-justify-content: space-between;
  1047. -ms-flex-pack: justify;
  1048. justify-content: space-between;
  1049. }
  1050. .uni-uploader-info {
  1051. color: #B2B2B2;
  1052. }
  1053. .uni-uploader-body {
  1054. margin-top: 16rpx;
  1055. }
  1056. .uni-uploader__files {
  1057. display: -webkit-box;
  1058. display: -webkit-flex;
  1059. display: -ms-flexbox;
  1060. display: flex;
  1061. -webkit-box-orient: horizontal;
  1062. -webkit-box-direction: normal;
  1063. -webkit-flex-direction: row;
  1064. -ms-flex-direction: row;
  1065. flex-direction: row;
  1066. -webkit-flex-wrap: wrap;
  1067. -ms-flex-wrap: wrap;
  1068. flex-wrap: wrap;
  1069. }
  1070. .uni-uploader__file {
  1071. margin: 10rpx;
  1072. width: 210rpx;
  1073. height: 210rpx;
  1074. }
  1075. .uni-uploader__img {
  1076. display: block;
  1077. width: 210rpx;
  1078. height: 210rpx;
  1079. }
  1080. .uni-uploader__input-box {
  1081. position: relative;
  1082. margin:10rpx;
  1083. width: 208rpx;
  1084. height: 208rpx;
  1085. border: 2rpx solid #D9D9D9;
  1086. }
  1087. .uni-uploader__input-box:before,
  1088. .uni-uploader__input-box:after {
  1089. content: " ";
  1090. position: absolute;
  1091. top: 50%;
  1092. left: 50%;
  1093. -webkit-transform: translate(-50%, -50%);
  1094. -ms-transform: translate(-50%, -50%);
  1095. transform: translate(-50%, -50%);
  1096. background-color: #D9D9D9;
  1097. }
  1098. .uni-uploader__input-box:before {
  1099. width: 4rpx;
  1100. height: 79rpx;
  1101. }
  1102. .uni-uploader__input-box:after {
  1103. width: 79rpx;
  1104. height: 4rpx;
  1105. }
  1106. .uni-uploader__input-box:active {
  1107. border-color: #999999;
  1108. }
  1109. .uni-uploader__input-box:active:before,
  1110. .uni-uploader__input-box:active:after {
  1111. background-color: #999999;
  1112. }
  1113. .uni-uploader__input {
  1114. position: absolute;
  1115. z-index: 1;
  1116. top: 0;
  1117. left: 0;
  1118. width: 100%;
  1119. height: 100%;
  1120. opacity: 0;
  1121. }
  1122. /*问题反馈*/
  1123. .feedback-title {
  1124. display: -webkit-box;
  1125. display: -webkit-flex;
  1126. display: -ms-flexbox;
  1127. display: flex;
  1128. -webkit-box-orient: horizontal;
  1129. -webkit-box-direction: normal;
  1130. -webkit-flex-direction: row;
  1131. -ms-flex-direction: row;
  1132. flex-direction: row;
  1133. -webkit-box-pack: justify;
  1134. -webkit-justify-content: space-between;
  1135. -ms-flex-pack: justify;
  1136. justify-content: space-between;
  1137. -webkit-box-align: center;
  1138. -webkit-align-items: center;
  1139. -ms-flex-align: center;
  1140. align-items: center;
  1141. padding: 20rpx;
  1142. color: #8f8f94;
  1143. font-size: 28rpx;
  1144. }
  1145. .feedback-star-view.feedback-title {
  1146. -webkit-box-pack: start;
  1147. -webkit-justify-content: flex-start;
  1148. -ms-flex-pack: start;
  1149. justify-content: flex-start;
  1150. margin: 0;
  1151. }
  1152. .feedback-quick {
  1153. position: relative;
  1154. padding-right: 40rpx;
  1155. }
  1156. .feedback-quick:after {
  1157. font-family: uniicons;
  1158. font-size: 40rpx;
  1159. content: '\E581';
  1160. position: absolute;
  1161. right: 0;
  1162. top: 50%;
  1163. color: #bbb;
  1164. -webkit-transform: translateY(-50%);
  1165. -ms-transform: translateY(-50%);
  1166. transform: translateY(-50%);
  1167. }
  1168. .feedback-body {
  1169. background: #fff;
  1170. }
  1171. .feedback-textare {
  1172. height: 200rpx;
  1173. font-size: 34rpx;
  1174. line-height: 50rpx;
  1175. width: 100%;
  1176. -webkit-box-sizing: border-box;
  1177. box-sizing: border-box;
  1178. padding: 20rpx 30rpx 0;
  1179. }
  1180. .feedback-input {
  1181. font-size: 34rpx;
  1182. height: 50rpx;
  1183. min-height: 50rpx;
  1184. padding: 15rpx 20rpx;
  1185. line-height: 50rpx;
  1186. }
  1187. .feedback-uploader {
  1188. padding: 22rpx 20rpx;
  1189. }
  1190. .feedback-star {
  1191. font-family: uniicons;
  1192. font-size: 40rpx;
  1193. margin-left: 6rpx;
  1194. }
  1195. .feedback-star-view {
  1196. margin-left: 20rpx;
  1197. }
  1198. .feedback-star:after {
  1199. content: '\E408';
  1200. }
  1201. .feedback-star.active {
  1202. color: #FFB400;
  1203. }
  1204. .feedback-star.active:after {
  1205. content: '\E438';
  1206. }
  1207. .feedback-submit {
  1208. background: #007AFF;
  1209. color: #FFFFFF;
  1210. margin: 20rpx;
  1211. }
  1212. /* input group */
  1213. .uni-input_group {
  1214. position: relative;
  1215. padding: 0;
  1216. border: 0;
  1217. background-color: #fff;
  1218. }
  1219. .uni-input_group:before {
  1220. position: absolute;
  1221. top: 0;
  1222. right: 0;
  1223. left: 0;
  1224. height: 2rpx;
  1225. content: '';
  1226. -webkit-transform: scaleY(.5);
  1227. -ms-transform: scaleY(.5);
  1228. transform: scaleY(.5);
  1229. background-color: #c8c7cc;
  1230. }
  1231. .uni-input_group:after {
  1232. position: absolute;
  1233. right: 0;
  1234. bottom: 0;
  1235. left: 0;
  1236. height: 2rpx;
  1237. content: '';
  1238. -webkit-transform: scaleY(.5);
  1239. -ms-transform: scaleY(.5);
  1240. transform: scaleY(.5);
  1241. background-color: #c8c7cc;
  1242. }
  1243. .uni-input-row {
  1244. position: relative;
  1245. display: -webkit-box;
  1246. display: -webkit-flex;
  1247. display: -ms-flexbox;
  1248. display: flex;
  1249. -webkit-box-orient: horizontal;
  1250. -webkit-box-direction: normal;
  1251. -webkit-flex-direction: row;
  1252. -ms-flex-direction: row;
  1253. flex-direction: row;
  1254. font-size:28rpx;
  1255. padding: 22rpx 30rpx;
  1256. -webkit-box-pack: justify;
  1257. -webkit-justify-content: space-between;
  1258. -ms-flex-pack: justify;
  1259. justify-content: space-between;
  1260. }
  1261. .uni-input_group .uni-input-row:after {
  1262. position: absolute;
  1263. right: 0;
  1264. bottom: 0;
  1265. left: 30rpx;
  1266. height: 2rpx;
  1267. content: '';
  1268. -webkit-transform: scaleY(.5);
  1269. -ms-transform: scaleY(.5);
  1270. transform: scaleY(.5);
  1271. background-color: #c8c7cc;
  1272. }
  1273. .uni-input-row label {
  1274. line-height: 70rpx;
  1275. }
  1276. /* textarea */
  1277. .uni-textarea{
  1278. width:100%;
  1279. background:#FFF;
  1280. }
  1281. .uni-textarea textarea{
  1282. width:96%;
  1283. padding:18rpx 2%;
  1284. line-height:1.6;
  1285. font-size:28rpx;
  1286. height:150rpx;
  1287. }
  1288. /* tab bar */
  1289. .uni-tab-bar {
  1290. display: -webkit-box;
  1291. display: -webkit-flex;
  1292. display: -ms-flexbox;
  1293. display: flex;
  1294. -webkit-box-flex: 1;
  1295. -webkit-flex: 1;
  1296. -ms-flex: 1;
  1297. flex: 1;
  1298. -webkit-box-orient: vertical;
  1299. -webkit-box-direction: normal;
  1300. -webkit-flex-direction: column;
  1301. -ms-flex-direction: column;
  1302. flex-direction: column;
  1303. overflow: hidden;
  1304. height: 100%;
  1305. }
  1306. .uni-tab-bar .list {
  1307. width: 750rpx;
  1308. height: 100%;
  1309. }
  1310. .uni-swiper-tab {
  1311. width: 100%;
  1312. white-space: nowrap;
  1313. line-height: 100rpx;
  1314. height: 100rpx;
  1315. border-bottom: 1rpx solid #c8c7cc;
  1316. }
  1317. .swiper-tab-list {
  1318. font-size: 30rpx;
  1319. width: 150rpx;
  1320. display: inline-block;
  1321. text-align: center;
  1322. color: #555;
  1323. }
  1324. .uni-tab-bar .active {
  1325. color: #007AFF;
  1326. }
  1327. .uni-tab-bar .swiper-box {
  1328. -webkit-box-flex: 1;
  1329. -webkit-flex: 1;
  1330. -ms-flex: 1;
  1331. flex: 1;
  1332. width: 100%;
  1333. height: calc(100% - 100rpx);
  1334. }
  1335. .uni-tab-bar-loading{
  1336. padding:20rpx 0;
  1337. }
  1338. /* comment */
  1339. .uni-comment{padding:5rpx 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex:1; -webkit-flex-grow:1; -ms-flex-positive:1; flex-grow:1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}
  1340. .uni-comment-list{-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap; padding:10rpx 0; margin:10rpx 0; width:100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}
  1341. .uni-comment-face{width:70rpx; height:70rpx; border-radius:100%; margin-right:20rpx; -webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0; overflow:hidden;}
  1342. .uni-comment-face image{width:100%; border-radius:100%;}
  1343. .uni-comment-body{width:100%;}
  1344. .uni-comment-top{line-height:1.5em; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between;}
  1345. .uni-comment-top text{color:#0A98D5; font-size:24rpx;}
  1346. .uni-comment-date{line-height:38rpx; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; display:-webkit-box !important; display:-webkit-flex !important; display:-ms-flexbox !important; display:flex !important; -webkit-box-flex:1; -webkit-flex-grow:1; -ms-flex-positive:1; flex-grow:1;}
  1347. .uni-comment-date view{color:#666666; font-size:24rpx; line-height:38rpx;}
  1348. .uni-comment-content{line-height:1.6em; font-size:28rpx; padding:8rpx 0;}
  1349. .uni-comment-replay-btn{background:#FFF; font-size:24rpx; line-height:28rpx; padding:5rpx 20rpx; border-radius:30rpx; color:#333 !important; margin:0 10rpx;}
  1350. /* swiper msg */
  1351. .uni-swiper-msg{width:100%; padding:12rpx 0; -webkit-flex-wrap:nowrap; -ms-flex-wrap:nowrap; flex-wrap:nowrap; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
  1352. .uni-swiper-msg-icon{width:50rpx; margin-right:20rpx;}
  1353. .uni-swiper-msg-icon image{width:100%; -webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0;}
  1354. .uni-swiper-msg swiper{width:100%; height:50rpx;}
  1355. .uni-swiper-msg swiper-item{line-height:50rpx;}
  1356. /* product */
  1357. .uni-product-list {
  1358. display: -webkit-box;
  1359. display: -webkit-flex;
  1360. display: -ms-flexbox;
  1361. display: flex;
  1362. width: 100%;
  1363. -webkit-flex-wrap: wrap;
  1364. -ms-flex-wrap: wrap;
  1365. flex-wrap: wrap;
  1366. -webkit-box-orient: horizontal;
  1367. -webkit-box-direction: normal;
  1368. -webkit-flex-direction: row;
  1369. -ms-flex-direction: row;
  1370. flex-direction: row;
  1371. }
  1372. .uni-product {
  1373. padding: 20rpx;
  1374. display: -webkit-box;
  1375. display: -webkit-flex;
  1376. display: -ms-flexbox;
  1377. display: flex;
  1378. -webkit-box-orient: vertical;
  1379. -webkit-box-direction: normal;
  1380. -webkit-flex-direction: column;
  1381. -ms-flex-direction: column;
  1382. flex-direction: column;
  1383. }
  1384. .image-view {
  1385. height: 330rpx;
  1386. width: 330rpx;
  1387. margin:12rpx 0;
  1388. }
  1389. .uni-product-image {
  1390. height: 330rpx;
  1391. width: 330rpx;
  1392. }
  1393. .uni-product-title {
  1394. width: 300rpx;
  1395. word-break: break-all;
  1396. display: -webkit-box;
  1397. overflow: hidden;
  1398. line-height:1.5;
  1399. -o-text-overflow: ellipsis;
  1400. text-overflow: ellipsis;
  1401. -webkit-box-orient: vertical;
  1402. -webkit-line-clamp: 2;
  1403. }
  1404. .uni-product-price {
  1405. margin-top:10rpx;
  1406. font-size: 28rpx;
  1407. line-height:1.5;
  1408. position: relative;
  1409. }
  1410. .uni-product-price-original {
  1411. color: #e80080;
  1412. }
  1413. .uni-product-price-favour {
  1414. color: #888888;
  1415. text-decoration: line-through;
  1416. margin-left: 10rpx;
  1417. }
  1418. .uni-product-tip {
  1419. position: absolute;
  1420. right: 10rpx;
  1421. background-color: #ff3333;
  1422. color: #ffffff;
  1423. padding: 0 10rpx;
  1424. border-radius: 5rpx;
  1425. }
  1426. /* timeline */
  1427. .uni-timeline {
  1428. margin: 35rpx 0;
  1429. display: -webkit-box;
  1430. display: -webkit-flex;
  1431. display: -ms-flexbox;
  1432. display: flex;
  1433. -webkit-box-orient: vertical;
  1434. -webkit-box-direction: normal;
  1435. -webkit-flex-direction: column;
  1436. -ms-flex-direction: column;
  1437. flex-direction: column;
  1438. position: relative;
  1439. }
  1440. .uni-timeline-item {
  1441. display: -webkit-box;
  1442. display: -webkit-flex;
  1443. display: -ms-flexbox;
  1444. display: flex;
  1445. -webkit-box-orient: horizontal;
  1446. -webkit-box-direction: normal;
  1447. -webkit-flex-direction: row;
  1448. -ms-flex-direction: row;
  1449. flex-direction: row;
  1450. position: relative;
  1451. padding-bottom: 20rpx;
  1452. -webkit-box-sizing: border-box;
  1453. box-sizing: border-box;
  1454. overflow: hidden;
  1455. }
  1456. .uni-timeline-item .uni-timeline-item-keynode {
  1457. width: 160rpx;
  1458. -webkit-flex-shrink: 0;
  1459. -ms-flex-negative: 0;
  1460. flex-shrink: 0;
  1461. -webkit-box-sizing: border-box;
  1462. box-sizing: border-box;
  1463. padding-right: 20rpx;
  1464. text-align: right;
  1465. line-height: 65rpx;
  1466. }
  1467. .uni-timeline-item .uni-timeline-item-divider {
  1468. -webkit-flex-shrink: 0;
  1469. -ms-flex-negative: 0;
  1470. flex-shrink: 0;
  1471. position: relative;
  1472. width: 30rpx;
  1473. height: 30rpx;
  1474. top: 15rpx;
  1475. border-radius: 50%;
  1476. background-color: #bbb;
  1477. }
  1478. .uni-timeline-item-divider::before,
  1479. .uni-timeline-item-divider::after {
  1480. position: absolute;
  1481. left: 15rpx;
  1482. width: 1rpx;
  1483. height: 100vh;
  1484. content: '';
  1485. background: inherit;
  1486. }
  1487. .uni-timeline-item-divider::before {
  1488. bottom: 100%;
  1489. }
  1490. .uni-timeline-item-divider::after {
  1491. top: 100%;
  1492. }
  1493. .uni-timeline-last-item .uni-timeline-item-divider:after {
  1494. display: none;
  1495. }
  1496. .uni-timeline-first-item .uni-timeline-item-divider:before {
  1497. display: none;
  1498. }
  1499. .uni-timeline-item .uni-timeline-item-content {
  1500. padding-left: 20rpx;
  1501. }
  1502. .uni-timeline-last-item .bottom-border::after{
  1503. display: none;
  1504. }
  1505. .uni-timeline-item-content .datetime{
  1506. color: #CCCCCC;
  1507. }
  1508. /* 自定义节点颜色 */
  1509. .uni-timeline-last-item .uni-timeline-item-divider{
  1510. background-color: #1AAD19;
  1511. }
  1512. /* uni-icon */
  1513. .uni-icon {
  1514. font-family: uniicons;
  1515. font-size: 24rpx;
  1516. font-weight: normal;
  1517. font-style: normal;
  1518. line-height: 1;
  1519. display: inline-block;
  1520. text-decoration: none;
  1521. -webkit-font-smoothing: antialiased;
  1522. }
  1523. .uni-icon.uni-active {
  1524. color: #007aff;
  1525. }
  1526. .uni-icon-contact:before {
  1527. content: '\E100';
  1528. }
  1529. .uni-icon-person:before {
  1530. content: '\E101';
  1531. }
  1532. .uni-icon-personadd:before {
  1533. content: '\E102';
  1534. }
  1535. .uni-icon-contact-filled:before {
  1536. content: '\E130';
  1537. }
  1538. .uni-icon-person-filled:before {
  1539. content: '\E131';
  1540. }
  1541. .uni-icon-personadd-filled:before {
  1542. content: '\E132';
  1543. }
  1544. .uni-icon-phone:before {
  1545. content: '\E200';
  1546. }
  1547. .uni-icon-email:before {
  1548. content: '\E201';
  1549. }
  1550. .uni-icon-chatbubble:before {
  1551. content: '\E202';
  1552. }
  1553. .uni-icon-chatboxes:before {
  1554. content: '\E203';
  1555. }
  1556. .uni-icon-phone-filled:before {
  1557. content: '\E230';
  1558. }
  1559. .uni-icon-email-filled:before {
  1560. content: '\E231';
  1561. }
  1562. .uni-icon-chatbubble-filled:before {
  1563. content: '\E232';
  1564. }
  1565. .uni-icon-chatboxes-filled:before {
  1566. content: '\E233';
  1567. }
  1568. .uni-icon-weibo:before {
  1569. content: '\E260';
  1570. }
  1571. .uni-icon-weixin:before {
  1572. content: '\E261';
  1573. }
  1574. .uni-icon-pengyouquan:before {
  1575. content: '\E262';
  1576. }
  1577. .uni-icon-chat:before {
  1578. content: '\E263';
  1579. }
  1580. .uni-icon-qq:before {
  1581. content: '\E264';
  1582. }
  1583. .uni-icon-videocam:before {
  1584. content: '\E300';
  1585. }
  1586. .uni-icon-camera:before {
  1587. content: '\E301';
  1588. }
  1589. .uni-icon-mic:before {
  1590. content: '\E302';
  1591. }
  1592. .uni-icon-location:before {
  1593. content: '\E303';
  1594. }
  1595. .uni-icon-mic-filled:before,
  1596. .uni-icon-speech:before {
  1597. content: '\E332';
  1598. }
  1599. .uni-icon-location-filled:before {
  1600. content: '\E333';
  1601. }
  1602. .uni-icon-micoff:before {
  1603. content: '\E360';
  1604. }
  1605. .uni-icon-image:before {
  1606. content: '\E363';
  1607. }
  1608. .uni-icon-map:before {
  1609. content: '\E364';
  1610. }
  1611. .uni-icon-compose:before {
  1612. content: '\E400';
  1613. }
  1614. .uni-icon-trash:before {
  1615. content: '\E401';
  1616. }
  1617. .uni-icon-upload:before {
  1618. content: '\E402';
  1619. }
  1620. .uni-icon-download:before {
  1621. content: '\E403';
  1622. }
  1623. .uni-icon-close:before {
  1624. content: '\E404';
  1625. }
  1626. .uni-icon-redo:before {
  1627. content: '\E405';
  1628. }
  1629. .uni-icon-undo:before {
  1630. content: '\E406';
  1631. }
  1632. .uni-icon-refresh:before {
  1633. content: '\E407';
  1634. }
  1635. .uni-icon-star:before {
  1636. content: '\E408';
  1637. }
  1638. .uni-icon-plus:before {
  1639. content: '\E409';
  1640. }
  1641. .uni-icon-minus:before {
  1642. content: '\E410';
  1643. }
  1644. .uni-icon-circle:before,
  1645. .uni-icon-checkbox:before {
  1646. content: '\E411';
  1647. }
  1648. .uni-icon-close-filled:before,
  1649. .uni-icon-clear:before {
  1650. content: '\E434';
  1651. }
  1652. .uni-icon-refresh-filled:before {
  1653. content: '\E437';
  1654. }
  1655. .uni-icon-star-filled:before {
  1656. content: '\E438';
  1657. }
  1658. .uni-icon-plus-filled:before {
  1659. content: '\E439';
  1660. }
  1661. .uni-icon-minus-filled:before {
  1662. content: '\E440';
  1663. }
  1664. .uni-icon-circle-filled:before {
  1665. content: '\E441';
  1666. }
  1667. .uni-icon-checkbox-filled:before {
  1668. content: '\E442';
  1669. }
  1670. .uni-icon-closeempty:before {
  1671. content: '\E460';
  1672. }
  1673. .uni-icon-refreshempty:before {
  1674. content: '\E461';
  1675. }
  1676. .uni-icon-reload:before {
  1677. content: '\E462';
  1678. }
  1679. .uni-icon-starhalf:before {
  1680. content: '\E463';
  1681. }
  1682. .uni-icon-spinner:before {
  1683. content: '\E464';
  1684. }
  1685. .uni-icon-spinner-cycle:before {
  1686. content: '\E465';
  1687. }
  1688. .uni-icon-search:before {
  1689. content: '\E466';
  1690. }
  1691. .uni-icon-plusempty:before {
  1692. content: '\E468';
  1693. }
  1694. .uni-icon-forward:before {
  1695. content: '\E470';
  1696. }
  1697. .uni-icon-back:before,
  1698. .uni-icon-left-nav:before {
  1699. content: '\E471';
  1700. }
  1701. .uni-icon-checkmarkempty:before {
  1702. content: '\E472';
  1703. }
  1704. .uni-icon-home:before {
  1705. content: '\E500';
  1706. }
  1707. .uni-icon-navigate:before {
  1708. content: '\E501';
  1709. }
  1710. .uni-icon-gear:before {
  1711. content: '\E502';
  1712. }
  1713. .uni-icon-paperplane:before {
  1714. content: '\E503';
  1715. }
  1716. .uni-icon-info:before {
  1717. content: '\E504';
  1718. }
  1719. .uni-icon-help:before {
  1720. content: '\E505';
  1721. }
  1722. .uni-icon-locked:before {
  1723. content: '\E506';
  1724. }
  1725. .uni-icon-more:before {
  1726. content: '\E507';
  1727. }
  1728. .uni-icon-flag:before {
  1729. content: '\E508';
  1730. }
  1731. .uni-icon-home-filled:before {
  1732. content: '\E530';
  1733. }
  1734. .uni-icon-gear-filled:before {
  1735. content: '\E532';
  1736. }
  1737. .uni-icon-info-filled:before {
  1738. content: '\E534';
  1739. }
  1740. .uni-icon-help-filled:before {
  1741. content: '\E535';
  1742. }
  1743. .uni-icon-more-filled:before {
  1744. content: '\E537';
  1745. }
  1746. .uni-icon-settings:before {
  1747. content: '\E560';
  1748. }
  1749. .uni-icon-list:before {
  1750. content: '\E562';
  1751. }
  1752. .uni-icon-bars:before {
  1753. content: '\E563';
  1754. }
  1755. .uni-icon-loop:before {
  1756. content: '\E565';
  1757. }
  1758. .uni-icon-paperclip:before {
  1759. content: '\E567';
  1760. }
  1761. .uni-icon-eye:before {
  1762. content: '\E568';
  1763. }
  1764. .uni-icon-arrowup:before {
  1765. content: '\E580';
  1766. }
  1767. .uni-icon-arrowdown:before {
  1768. content: '\E581';
  1769. }
  1770. .uni-icon-arrowleft:before {
  1771. content: '\E582';
  1772. }
  1773. .uni-icon-arrowright:before {
  1774. content: '\E583';
  1775. }
  1776. .uni-icon-arrowthinup:before {
  1777. content: '\E584';
  1778. }
  1779. .uni-icon-arrowthindown:before {
  1780. content: '\E585';
  1781. }
  1782. .uni-icon-arrowthinleft:before {
  1783. content: '\E586';
  1784. }
  1785. .uni-icon-arrowthinright:before {
  1786. content: '\E587';
  1787. }
  1788. .uni-icon-pulldown:before {
  1789. content: '\E588';
  1790. }
  1791. .uni-icon-scan:before {
  1792. content: "\E612";
  1793. }
  1794. /* 分界线 */
  1795. .uni-divider{
  1796. height: 110rpx;
  1797. display: -webkit-box;
  1798. display: -webkit-flex;
  1799. display: -ms-flexbox;
  1800. display: flex;
  1801. -webkit-box-align:center;
  1802. -webkit-align-items:center;
  1803. -ms-flex-align:center;
  1804. align-items:center;
  1805. -webkit-box-pack: center;
  1806. -webkit-justify-content: center;
  1807. -ms-flex-pack: center;
  1808. justify-content: center;
  1809. position: relative;
  1810. }
  1811. .uni-divider__content{
  1812. font-size: 28rpx;
  1813. color: #999;
  1814. padding: 0 20rpx;
  1815. position: relative;
  1816. z-index: 101;
  1817. background: #F4F5F6;
  1818. }
  1819. .uni-divider__line{
  1820. background-color: #CCCCCC;
  1821. height: 1rpx;
  1822. width: 100%;
  1823. position: absolute;
  1824. z-index: 100;
  1825. top: 50%;
  1826. left: 0;
  1827. -webkit-transform: translateY(50%);
  1828. -ms-transform: translateY(50%);
  1829. transform: translateY(50%);
  1830. }
  1831. .app-content{background-color:#f5f5f5;min-height:100vh}
  1832. .app-content.app-main{min-height:calc(100vh - 100rpx)}
  1833. .gray_txt{color:#999 !important}
  1834. .ph{font-size:30rpx;color:gray}
  1835. .w100{width:100% !important}
  1836. .ml0{margin-left:0 !important}
  1837. .text_main_color{color:#ff9000}
  1838. .underline{text-decoration:underline}
  1839. .separate_line{color:#999;margin:0 16rpx}
  1840. .text_sub_com{color:#999;font-size:24rpx}
  1841. .flex,.flex-center-center,.flex-start,.flex-end,.flex-center-between,.flex-center-around,.flex-center-evenly,.flex-center-start,.flex-center-end{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
  1842. .flex-center-center{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
  1843. .flex-center{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
  1844. .flex-start{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}
  1845. .flex-end{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}
  1846. .flex-center-between{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
  1847. .flex-center-around{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}
  1848. .flex-center-evenly{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:space-evenly;-webkit-justify-content:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}
  1849. .flex-center-start{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}
  1850. .flex-center-end{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}
  1851. .app-padding{padding:0 30rpx}
  1852. .app-color-0{color:#333}
  1853. .app-color-1{color:#FF2842}
  1854. .app-color-2{color:#666}
  1855. .app-color-3{color:#999}
  1856. .app-color-4{color:#049E2C}
  1857. .app-price{color:#FF2842}
  1858. .app-bold{font-weight:bold}
  1859. .app-size-24{font-size:24rpx}
  1860. .app-size-26{font-size:26rpx}
  1861. .app-size-28{font-size:28rpx}
  1862. .app-size-30{font-size:30rpx}
  1863. .app-size-32{font-size:32rpx}
  1864. .app-size-34{font-size:34rpx}
  1865. .app-size-36{font-size:36rpx}
  1866. .app-size-38{font-size:38rpx}
  1867. .app-size-40{font-size:40rpx}
  1868. page,page{font-family:"microsoft yahei";font-size:24rpx}
  1869. .app-wh100{width:100%;height:100%}
  1870. .App{min-height:100vh}
  1871. .App_gray{min-height:100vh;background-color:#f5f5f5}
  1872. .App_row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
  1873. .App_col{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
  1874. .button-com{display:inline-block;color:#FF2842;font-size:28rpx;padding:20rpx 30rpx;background-color:#fff;border-radius:100rpx;border:1rpx solid #FF2842;text-align:center;line-height:1;margin:0}
  1875. .button-com:active{color:#f53f55;border-color:#f53f55}
  1876. .button-com.big{padding-top:30rpx;padding-bottom:30rpx}
  1877. .button-com.red{color:#fff;background-color:#FF2842}
  1878. .button-com.red:active{background-color:#f53f55}
  1879. .button-com.green{color:#fff;background-color:#07be0b;border-color:#07be0b}
  1880. .button-com.green:active{background-color:#2dc22f}
  1881. .button-com.default{color:#666;border-color:#dddddd}
  1882. .button-com.default:active{background-color:#f5f5f5}
  1883. .button-com.disable{color:#fff;background-color:#ccc;border-color:#ccc}
  1884. .admin-button-com{display:inline-block;color:#FF2842;font-size:26rpx;padding:10rpx 20rpx;background-color:#fff;border-radius:8rpx;border:1rpx solid #FF2842;text-align:center;line-height:1;margin:0}
  1885. .admin-button-com:active{color:#3876d4;border-color:#3876d4}
  1886. .admin-button-com.middle{padding-top:20rpx;padding-bottom:20rpx;font-size:28rpx}
  1887. .admin-button-com.big{padding-top:30rpx;padding-bottom:30rpx;font-size:32rpx}
  1888. .admin-button-com.blue{color:#fff;background-color:#FF2842}
  1889. .admin-button-com.blue:active{background-color:#3876d4}
  1890. .admin-button-com.default{color:#666;border-color:#dddddd}
  1891. .admin-button-com.default:active{background-color:#f5f5f5}
  1892. .admin-button-com.disable{color:#fff;background-color:#ccc;border-color:#ccc}
  1893. .input-line-wrap .required::before{content:"*";color:#f04545;font-size:28rpx;margin-right:8rpx}
  1894. .input-line-wrap .line-cell.between{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
  1895. .input-line-wrap .line-cell .tui-title{width:210rpx;color:#666;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}
  1896. .input-line-wrap .line-cell .tui-input{width:calc(100% - 210rpx);font-size:28rpx}
  1897. .input-line-wrap .line-cell .tui-textarea{width:100%;font-size:28rpx}
  1898. .input-line-wrap .line-cell .tui-operate{width:calc(100% - 210rpx);font-size:28rpx}
  1899. .input-line-wrap .line-cell .tui-placeholder{color:#ccc}
  1900. .input-line-wrap .line-cell .tui-prompt{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;color:#666;margin-left:20rpx}
  1901. .input-line-wrap .phcolor{color:#ccc}
  1902. .input-line-wrap .prompt-text{color:#999;margin-top:20rpx;margin-left:30rpx}
  1903. .input-line-wrap .btn-wrap{width:calc(100% - 60rpx);margin:60rpx auto}
  1904. .input-line-wrap .btn-wrap .button-com{width:100%;margin:0 auto}
  1905. .input-line-wrap .btn-wrap .admin-button-com{width:100%;margin:0 auto}
  1906. .app-modal-input-wrap{width:100%}
  1907. .app-modal-input-wrap .inp-list-line{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;font-size:32rpx;margin-bottom:20rpx;color:#666;text-align:left}
  1908. .app-modal-input-wrap .inp-list-line:last-child{margin-bottom:0}
  1909. .app-modal-input-wrap .inp-list-line .line-label{margin-right:20rpx;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}
  1910. .app-modal-input-wrap .inp-list-line .line-input{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
  1911. .app-modal-input-wrap .inp-list-line .line-input.flex-strat{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}
  1912. .app-modal-input-wrap .inp-list-line .line-input .inp-input,.app-modal-input-wrap .inp-list-line .line-input .inp-select{width:100%;height:90rpx;border:2rpx solid #eee;padding-left:20rpx;border-radius:4rpx;color:#333}
  1913. .app-modal-input-wrap .inp-list-line .line-input .inp-select{position:relative;line-height:90rpx}
  1914. .app-modal-input-wrap .inp-list-line .line-input .inp-select:active{background-color:#f5f5f5}
  1915. .app-modal-input-wrap .inp-list-line .line-input .inp-select::before{content:" ";height:20rpx;width:20rpx;border-width:2rpx 2rpx 0 0;border-color:#bbbbbb;border-style:solid;-webkit-transform:matrix(0.5, 0.5, -0.5, 0.5, 0, 0);-ms-transform:matrix(0.5, 0.5, -0.5, 0.5, 0, 0);transform:matrix(0.5, 0.5, -0.5, 0.5, 0, 0);position:absolute;top:50%;margin-top:-12rpx;right:16rpx}
  1916. .app-modal-input-wrap .inp-list-line .line-input .inp-prompt{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;margin-left:20rpx}
  1917. .app-modal-input-wrap .inp-list-line .line-input .tui-placeholder{color:#ccc}
  1918. .operate-icon-wrap{position:relative;width:36rpx;height:36rpx}
  1919. .operate-icon-wrap .operate-icon{position:absolute;bottom:-18rpx;left:-18rpx;padding:20rpx}
  1920. .operate-icon-wrap .operate-icon .iconcaozuojihuo{color:#FF2842 !important}
  1921. .app-margin-left-20{margin-left:20rpx}
  1922. .textarea_wrap{position:relative}
  1923. .textarea_wrap textarea{display:block;background-color:#fff;padding:30rpx 31rpx;border:0 none;width:100%;height:270rpx}
  1924. .textarea_wrap .count{position:absolute;line-height:1;right:30rpx;bottom:30rpx;font-size:24rpx;color:#999}
  1925. .ellipsis_line_com{overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}
  1926. .ellipsis_two_line_com{-o-text-overflow:-o-ellipsis-lastline;text-overflow:-o-ellipsis-lastline;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:1.3}
  1927. .black_mask{position:fixed;top:0;bottom:0;left:0;right:0;width:100vw;height:100vh;background-color:rgba(0,0,0,0.7);z-index:999}
  1928. .black_mask.center{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
  1929. .app-footer{width:100%;max-width:750rpx;min-width:320rpx;height:100rpx;position:fixed;text-align:center;bottom:0;background:white;-webkit-box-shadow:-4rpx -4rpx 6rpx #eee;box-shadow:-4rpx -4rpx 6rpx #eee;z-index:100;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
  1930. .app-footer .add{width:38rpx;height:38rpx;margin-right:20rpx}
  1931. .noMore{color:#969799;font-size:24rpx;line-height:50rpx;text-align:center;padding:30rpx 0}
  1932. ._li{list-style:none}
  1933. .includecontent ._p ._img{width:100%;height:auto}
  1934. .uni-overflow-hidden{overflow:hidden;height:100vh}
  1935. .inputTip_box{position:relative;width:100%}
  1936. .inputTip_box .inputTip{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);right:0;color:#f44;font-size:28rpx}
  1937. .text-overflow{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}
  1938. .animate-open{-webkit-transform:rotate(180);-ms-transform:rotate(180);transform:rotate(180)}
  1939. .animate-close{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}
  1940. .uni-page-head{background-color:transparent !important}
  1941. uni-page-body,page,page{height:auto;min-height:100%}
  1942. page{-webkit-overflow-scrolling:touch}
  1943. .uni-navbar-header{line-height:96rpx !important;height:96rpx !important}
  1944. .uni-status-bar{height:auto !important}
  1945. .uni-navbar-container{display:-webkit-box !important;display:-webkit-flex !important;display:-ms-flexbox !important;display:flex !important;-webkit-box-align:center !important;-webkit-align-items:center !important;-ms-flex-align:center !important;align-items:center !important;-webkit-box-pack:center !important;-webkit-justify-content:center !important;-ms-flex-pack:center !important;justify-content:center !important}
  1946. .uni-navbar-shadow{-webkit-box-shadow:0 0 6rpx 2rpx #ccc;box-shadow:0 0 6rpx 2rpx #ccc}
  1947. uni-picker .uni-picker-item{font-size:30rpx}
  1948. .iconfont{display:inline-block;vertical-align:middle}
  1949. .uni-radio-wrapper .uni-radio-input{width:42rpx;height:42rpx}
  1950. .uni-radio-wrapper .uni-radio-input-checked{background-color:#FF2842 !important;border-color:#FF2842 !important}
  1951. .ljd-checkbox,.ljd-checkbox .uni-checkbox-input{width:42rpx;height:42rpx;border-radius:50% !important;margin-right:12rpx}
  1952. .ljd-checkbox .uni-checkbox-input.uni-checkbox-input-checked{color:#fff !important;background-color:#FF2842 !important;border-color:#FF2842 !important}
  1953. .ljd-checkbox .uni-checkbox-input.uni-checkbox-input-checked:before{font-size:36rpx}
  1954. ._img{width:100%;height:auto;display:block}
  1955. image{width:100%;height:auto;display:block}
  1956. .datetime-picker .picker-body{font-size:32rpx !important}
  1957. .datetime-picker .btn-picker{font-size:32rpx !important}
  1958. .datetime-picker .btn-picker.submit{color:#3a1b06 !important;padding:0 20rpx !important;border-radius:24rpx !important}
  1959. .datetime-picker .btn-picker.cancel{color:#878787 !important}
  1960. .swiper-wrap .tui-tag-class{position:absolute;color:#fff;bottom:30rpx;right:0}
  1961. uni-button::after{border:none}
  1962. page{height:100%}
  1963. @font-face {
  1964. font-family: 'iconfont'; /* project id 1525256 */
  1965. src: url('https://at.alicdn.com/t/font_1525256_gha7j3zx3x.eot');
  1966. src: url('https://at.alicdn.com/t/font_1525256_gha7j3zx3x.eot?#iefix') format('embedded-opentype'),
  1967. url('https://at.alicdn.com/t/font_1525256_gha7j3zx3x.woff2') format('woff2'),
  1968. url('https://at.alicdn.com/t/font_1525256_gha7j3zx3x.woff') format('woff'),
  1969. url('https://at.alicdn.com/t/font_1525256_gha7j3zx3x.ttf') format('truetype'),
  1970. url('https://at.alicdn.com/t/font_1525256_gha7j3zx3x.svg#iconfont') format('svg');
  1971. }
  1972. .iconfont {
  1973. font-family: "iconfont" !important;
  1974. font-size: 32rpx;
  1975. font-style: normal;
  1976. -webkit-font-smoothing: antialiased;
  1977. -moz-osx-font-smoothing: grayscale;
  1978. }
  1979. .iconchangjianwentixiangguanwenti2:before {
  1980. content: "\E679";
  1981. }
  1982. .icondagou:before {
  1983. content: "\E607";
  1984. }
  1985. .iconsanjiao_xia:before {
  1986. content: "\E631";
  1987. }
  1988. .iconsanjiaoshang:before {
  1989. content: "\E643";
  1990. }
  1991. .iconcaidan:before {
  1992. content: "\E65D";
  1993. }
  1994. .iconshezhi:before {
  1995. content: "\E645";
  1996. }
  1997. .icondaizhifu:before {
  1998. content: "\E733";
  1999. }
  2000. .iconshoujihao:before {
  2001. content: "\E734";
  2002. }
  2003. .iconxiangyou:before {
  2004. content: "\E735";
  2005. }
  2006. .iconhaopingxingxing:before {
  2007. content: "\E736";
  2008. }
  2009. .iconmine:before {
  2010. content: "\E737";
  2011. }
  2012. .iconstore:before {
  2013. content: "\E738";
  2014. }
  2015. .iconhome:before {
  2016. content: "\E739";
  2017. }
  2018. .iconclassification:before {
  2019. content: "\E73A";
  2020. }
  2021. .iconyiguoqi:before {
  2022. content: "\E73B";
  2023. }
  2024. .iconyishiyong:before {
  2025. content: "\E73C";
  2026. }
  2027. .iconsearch:before {
  2028. content: "\E73D";
  2029. }
  2030. .iconclose:before {
  2031. content: "\E73E";
  2032. }
  2033. .icondianhua:before {
  2034. content: "\E73F";
  2035. }
  2036. .iconditu:before {
  2037. content: "\E740";
  2038. }
  2039. .iconxiaoxi:before {
  2040. content: "\E741";
  2041. }
  2042. .icondianpu:before {
  2043. content: "\E742";
  2044. }
  2045. .iconfenxiang:before {
  2046. content: "\E743";
  2047. }
  2048. .iconxuanzhong:before {
  2049. content: "\E744";
  2050. }
  2051. .iconweixuanzhong:before {
  2052. content: "\E745";
  2053. }
  2054. .icontupian:before {
  2055. content: "\E746";
  2056. }
  2057. .iconxiaochengxu:before {
  2058. content: "\E747";
  2059. }
  2060. .iconzhifubao:before {
  2061. content: "\E748";
  2062. }
  2063. .iconkefu:before {
  2064. content: "\E749";
  2065. }
  2066. .iconshanchu:before {
  2067. content: "\E74A";
  2068. }
  2069. .iconguanbi:before {
  2070. content: "\E74B";
  2071. }
  2072. .iconfenxiang1:before {
  2073. content: "\E74C";
  2074. }
  2075. .iconbianji:before {
  2076. content: "\E74D";
  2077. }
  2078. .iconjinyong:before {
  2079. content: "\E74E";
  2080. }
  2081. .iconqiyong:before {
  2082. content: "\E74F";
  2083. }
  2084. .iconshanchu1:before {
  2085. content: "\E750";
  2086. }
  2087. .iconcaozuo:before {
  2088. content: "\E751";
  2089. }
  2090. .iconcaozuojihuo:before {
  2091. content: "\E752";
  2092. }
  2093. .iconzhiding:before {
  2094. content: "\E753";
  2095. }
  2096. .iconxiajia:before {
  2097. content: "\E754";
  2098. }
  2099. .iconkehuxuanzhong:before {
  2100. content: "\E755";
  2101. }
  2102. .iconkehuweixuanzhong:before {
  2103. content: "\E756";
  2104. }
  2105. .icongongzuotaiweixuanzhong:before {
  2106. content: "\E757";
  2107. }
  2108. .icongongzuotaixuanzhong:before {
  2109. content: "\E758";
  2110. }
  2111. .icondingdanweixuanzhong:before {
  2112. content: "\E759";
  2113. }
  2114. .icondingdanxuanzhong:before {
  2115. content: "\E75A";
  2116. }
  2117. .iconcaidanlan:before {
  2118. content: "\E75C";
  2119. }
  2120. .iconfahuo:before {
  2121. content: "\E75D";
  2122. }
  2123. .iconshouye:before {
  2124. content: "\E75E";
  2125. }
  2126. .icontianjiatuku:before {
  2127. content: "\E767";
  2128. }
  2129. .iconxinrenlingquanshezhi:before {
  2130. content: "\E768";
  2131. }
  2132. .iconhuiyuandengjishezhi:before {
  2133. content: "\E769";
  2134. }
  2135. .iconweixin:before {
  2136. content: "\E76A";
  2137. }
  2138. .icontupiantianjia:before {
  2139. content: "\E75F";
  2140. }
  2141. .icondelete:before {
  2142. content: "\E760";
  2143. }
  2144. .iconxiaoxi1:before {
  2145. content: "\E761";
  2146. }
  2147. .iconxiala:before {
  2148. content: "\E762";
  2149. }
  2150. .iconweixingongzhonghao:before {
  2151. content: "\E763";
  2152. }
  2153. .iconshoujihao1:before {
  2154. content: "\E764";
  2155. }
  2156. .iconweixinlaiyuan:before {
  2157. content: "\E765";
  2158. }
  2159. .icontianjiakehu:before {
  2160. content: "\E766";
  2161. }
  2162. .iconchenggong:before {
  2163. content: "\E76B";
  2164. }
  2165. .iconbianjijiage1:before {
  2166. content: "\E76C";
  2167. }
  2168. .icongou:before {
  2169. content: "\E76D";
  2170. }
  2171. .iconmorentu:before {
  2172. content: "\E76E";
  2173. }
  2174. .iconxiaoxi2:before {
  2175. content: "\E76F";
  2176. }
  2177. .iconshenheweitongguo:before {
  2178. content: "\E774";
  2179. }