review.css 35 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506
  1. /**
  2. * 这里是uni-app内置的常用样式变量
  3. *
  4. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  5. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  6. *
  7. */
  8. /**
  9. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  10. *
  11. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  12. */
  13. /* 颜色变量 */
  14. /* 行为相关颜色 */
  15. /* 文字基本颜色 */
  16. /* 背景颜色 */
  17. /* 边框颜色 */
  18. /* 尺寸变量 */
  19. /* 文字尺寸 */
  20. /* 图片尺寸 */
  21. /* Border Radius */
  22. /* 水平间距 */
  23. /* 垂直间距 */
  24. /* 透明度 */
  25. /* 文章场景相关 */
  26. .uniui-color[data-v-d31e1c47]:before {
  27. content: "\e6cf";
  28. }
  29. .uniui-wallet[data-v-d31e1c47]:before {
  30. content: "\e6b1";
  31. }
  32. .uniui-settings-filled[data-v-d31e1c47]:before {
  33. content: "\e6ce";
  34. }
  35. .uniui-auth-filled[data-v-d31e1c47]:before {
  36. content: "\e6cc";
  37. }
  38. .uniui-shop-filled[data-v-d31e1c47]:before {
  39. content: "\e6cd";
  40. }
  41. .uniui-staff-filled[data-v-d31e1c47]:before {
  42. content: "\e6cb";
  43. }
  44. .uniui-vip-filled[data-v-d31e1c47]:before {
  45. content: "\e6c6";
  46. }
  47. .uniui-plus-filled[data-v-d31e1c47]:before {
  48. content: "\e6c7";
  49. }
  50. .uniui-folder-add-filled[data-v-d31e1c47]:before {
  51. content: "\e6c8";
  52. }
  53. .uniui-color-filled[data-v-d31e1c47]:before {
  54. content: "\e6c9";
  55. }
  56. .uniui-tune-filled[data-v-d31e1c47]:before {
  57. content: "\e6ca";
  58. }
  59. .uniui-calendar-filled[data-v-d31e1c47]:before {
  60. content: "\e6c0";
  61. }
  62. .uniui-notification-filled[data-v-d31e1c47]:before {
  63. content: "\e6c1";
  64. }
  65. .uniui-wallet-filled[data-v-d31e1c47]:before {
  66. content: "\e6c2";
  67. }
  68. .uniui-medal-filled[data-v-d31e1c47]:before {
  69. content: "\e6c3";
  70. }
  71. .uniui-gift-filled[data-v-d31e1c47]:before {
  72. content: "\e6c4";
  73. }
  74. .uniui-fire-filled[data-v-d31e1c47]:before {
  75. content: "\e6c5";
  76. }
  77. .uniui-refreshempty[data-v-d31e1c47]:before {
  78. content: "\e6bf";
  79. }
  80. .uniui-location-filled[data-v-d31e1c47]:before {
  81. content: "\e6af";
  82. }
  83. .uniui-person-filled[data-v-d31e1c47]:before {
  84. content: "\e69d";
  85. }
  86. .uniui-personadd-filled[data-v-d31e1c47]:before {
  87. content: "\e698";
  88. }
  89. .uniui-back[data-v-d31e1c47]:before {
  90. content: "\e6b9";
  91. }
  92. .uniui-forward[data-v-d31e1c47]:before {
  93. content: "\e6ba";
  94. }
  95. .uniui-arrow-right[data-v-d31e1c47]:before {
  96. content: "\e6bb";
  97. }
  98. .uniui-arrowthinright[data-v-d31e1c47]:before {
  99. content: "\e6bb";
  100. }
  101. .uniui-arrow-left[data-v-d31e1c47]:before {
  102. content: "\e6bc";
  103. }
  104. .uniui-arrowthinleft[data-v-d31e1c47]:before {
  105. content: "\e6bc";
  106. }
  107. .uniui-arrow-up[data-v-d31e1c47]:before {
  108. content: "\e6bd";
  109. }
  110. .uniui-arrowthinup[data-v-d31e1c47]:before {
  111. content: "\e6bd";
  112. }
  113. .uniui-arrow-down[data-v-d31e1c47]:before {
  114. content: "\e6be";
  115. }
  116. .uniui-arrowthindown[data-v-d31e1c47]:before {
  117. content: "\e6be";
  118. }
  119. .uniui-bottom[data-v-d31e1c47]:before {
  120. content: "\e6b8";
  121. }
  122. .uniui-arrowdown[data-v-d31e1c47]:before {
  123. content: "\e6b8";
  124. }
  125. .uniui-right[data-v-d31e1c47]:before {
  126. content: "\e6b5";
  127. }
  128. .uniui-arrowright[data-v-d31e1c47]:before {
  129. content: "\e6b5";
  130. }
  131. .uniui-top[data-v-d31e1c47]:before {
  132. content: "\e6b6";
  133. }
  134. .uniui-arrowup[data-v-d31e1c47]:before {
  135. content: "\e6b6";
  136. }
  137. .uniui-left[data-v-d31e1c47]:before {
  138. content: "\e6b7";
  139. }
  140. .uniui-arrowleft[data-v-d31e1c47]:before {
  141. content: "\e6b7";
  142. }
  143. .uniui-eye[data-v-d31e1c47]:before {
  144. content: "\e651";
  145. }
  146. .uniui-eye-filled[data-v-d31e1c47]:before {
  147. content: "\e66a";
  148. }
  149. .uniui-eye-slash[data-v-d31e1c47]:before {
  150. content: "\e6b3";
  151. }
  152. .uniui-eye-slash-filled[data-v-d31e1c47]:before {
  153. content: "\e6b4";
  154. }
  155. .uniui-info-filled[data-v-d31e1c47]:before {
  156. content: "\e649";
  157. }
  158. .uniui-reload[data-v-d31e1c47]:before {
  159. content: "\e6b2";
  160. }
  161. .uniui-micoff-filled[data-v-d31e1c47]:before {
  162. content: "\e6b0";
  163. }
  164. .uniui-map-pin-ellipse[data-v-d31e1c47]:before {
  165. content: "\e6ac";
  166. }
  167. .uniui-map-pin[data-v-d31e1c47]:before {
  168. content: "\e6ad";
  169. }
  170. .uniui-location[data-v-d31e1c47]:before {
  171. content: "\e6ae";
  172. }
  173. .uniui-starhalf[data-v-d31e1c47]:before {
  174. content: "\e683";
  175. }
  176. .uniui-star[data-v-d31e1c47]:before {
  177. content: "\e688";
  178. }
  179. .uniui-star-filled[data-v-d31e1c47]:before {
  180. content: "\e68f";
  181. }
  182. .uniui-calendar[data-v-d31e1c47]:before {
  183. content: "\e6a0";
  184. }
  185. .uniui-fire[data-v-d31e1c47]:before {
  186. content: "\e6a1";
  187. }
  188. .uniui-medal[data-v-d31e1c47]:before {
  189. content: "\e6a2";
  190. }
  191. .uniui-font[data-v-d31e1c47]:before {
  192. content: "\e6a3";
  193. }
  194. .uniui-gift[data-v-d31e1c47]:before {
  195. content: "\e6a4";
  196. }
  197. .uniui-link[data-v-d31e1c47]:before {
  198. content: "\e6a5";
  199. }
  200. .uniui-notification[data-v-d31e1c47]:before {
  201. content: "\e6a6";
  202. }
  203. .uniui-staff[data-v-d31e1c47]:before {
  204. content: "\e6a7";
  205. }
  206. .uniui-vip[data-v-d31e1c47]:before {
  207. content: "\e6a8";
  208. }
  209. .uniui-folder-add[data-v-d31e1c47]:before {
  210. content: "\e6a9";
  211. }
  212. .uniui-tune[data-v-d31e1c47]:before {
  213. content: "\e6aa";
  214. }
  215. .uniui-auth[data-v-d31e1c47]:before {
  216. content: "\e6ab";
  217. }
  218. .uniui-person[data-v-d31e1c47]:before {
  219. content: "\e699";
  220. }
  221. .uniui-email-filled[data-v-d31e1c47]:before {
  222. content: "\e69a";
  223. }
  224. .uniui-phone-filled[data-v-d31e1c47]:before {
  225. content: "\e69b";
  226. }
  227. .uniui-phone[data-v-d31e1c47]:before {
  228. content: "\e69c";
  229. }
  230. .uniui-email[data-v-d31e1c47]:before {
  231. content: "\e69e";
  232. }
  233. .uniui-personadd[data-v-d31e1c47]:before {
  234. content: "\e69f";
  235. }
  236. .uniui-chatboxes-filled[data-v-d31e1c47]:before {
  237. content: "\e692";
  238. }
  239. .uniui-contact[data-v-d31e1c47]:before {
  240. content: "\e693";
  241. }
  242. .uniui-chatbubble-filled[data-v-d31e1c47]:before {
  243. content: "\e694";
  244. }
  245. .uniui-contact-filled[data-v-d31e1c47]:before {
  246. content: "\e695";
  247. }
  248. .uniui-chatboxes[data-v-d31e1c47]:before {
  249. content: "\e696";
  250. }
  251. .uniui-chatbubble[data-v-d31e1c47]:before {
  252. content: "\e697";
  253. }
  254. .uniui-upload-filled[data-v-d31e1c47]:before {
  255. content: "\e68e";
  256. }
  257. .uniui-upload[data-v-d31e1c47]:before {
  258. content: "\e690";
  259. }
  260. .uniui-weixin[data-v-d31e1c47]:before {
  261. content: "\e691";
  262. }
  263. .uniui-compose[data-v-d31e1c47]:before {
  264. content: "\e67f";
  265. }
  266. .uniui-qq[data-v-d31e1c47]:before {
  267. content: "\e680";
  268. }
  269. .uniui-download-filled[data-v-d31e1c47]:before {
  270. content: "\e681";
  271. }
  272. .uniui-pyq[data-v-d31e1c47]:before {
  273. content: "\e682";
  274. }
  275. .uniui-sound[data-v-d31e1c47]:before {
  276. content: "\e684";
  277. }
  278. .uniui-trash-filled[data-v-d31e1c47]:before {
  279. content: "\e685";
  280. }
  281. .uniui-sound-filled[data-v-d31e1c47]:before {
  282. content: "\e686";
  283. }
  284. .uniui-trash[data-v-d31e1c47]:before {
  285. content: "\e687";
  286. }
  287. .uniui-videocam-filled[data-v-d31e1c47]:before {
  288. content: "\e689";
  289. }
  290. .uniui-spinner-cycle[data-v-d31e1c47]:before {
  291. content: "\e68a";
  292. }
  293. .uniui-weibo[data-v-d31e1c47]:before {
  294. content: "\e68b";
  295. }
  296. .uniui-videocam[data-v-d31e1c47]:before {
  297. content: "\e68c";
  298. }
  299. .uniui-download[data-v-d31e1c47]:before {
  300. content: "\e68d";
  301. }
  302. .uniui-help[data-v-d31e1c47]:before {
  303. content: "\e679";
  304. }
  305. .uniui-navigate-filled[data-v-d31e1c47]:before {
  306. content: "\e67a";
  307. }
  308. .uniui-plusempty[data-v-d31e1c47]:before {
  309. content: "\e67b";
  310. }
  311. .uniui-smallcircle[data-v-d31e1c47]:before {
  312. content: "\e67c";
  313. }
  314. .uniui-minus-filled[data-v-d31e1c47]:before {
  315. content: "\e67d";
  316. }
  317. .uniui-micoff[data-v-d31e1c47]:before {
  318. content: "\e67e";
  319. }
  320. .uniui-closeempty[data-v-d31e1c47]:before {
  321. content: "\e66c";
  322. }
  323. .uniui-clear[data-v-d31e1c47]:before {
  324. content: "\e66d";
  325. }
  326. .uniui-navigate[data-v-d31e1c47]:before {
  327. content: "\e66e";
  328. }
  329. .uniui-minus[data-v-d31e1c47]:before {
  330. content: "\e66f";
  331. }
  332. .uniui-image[data-v-d31e1c47]:before {
  333. content: "\e670";
  334. }
  335. .uniui-mic[data-v-d31e1c47]:before {
  336. content: "\e671";
  337. }
  338. .uniui-paperplane[data-v-d31e1c47]:before {
  339. content: "\e672";
  340. }
  341. .uniui-close[data-v-d31e1c47]:before {
  342. content: "\e673";
  343. }
  344. .uniui-help-filled[data-v-d31e1c47]:before {
  345. content: "\e674";
  346. }
  347. .uniui-paperplane-filled[data-v-d31e1c47]:before {
  348. content: "\e675";
  349. }
  350. .uniui-plus[data-v-d31e1c47]:before {
  351. content: "\e676";
  352. }
  353. .uniui-mic-filled[data-v-d31e1c47]:before {
  354. content: "\e677";
  355. }
  356. .uniui-image-filled[data-v-d31e1c47]:before {
  357. content: "\e678";
  358. }
  359. .uniui-locked-filled[data-v-d31e1c47]:before {
  360. content: "\e668";
  361. }
  362. .uniui-info[data-v-d31e1c47]:before {
  363. content: "\e669";
  364. }
  365. .uniui-locked[data-v-d31e1c47]:before {
  366. content: "\e66b";
  367. }
  368. .uniui-camera-filled[data-v-d31e1c47]:before {
  369. content: "\e658";
  370. }
  371. .uniui-chat-filled[data-v-d31e1c47]:before {
  372. content: "\e659";
  373. }
  374. .uniui-camera[data-v-d31e1c47]:before {
  375. content: "\e65a";
  376. }
  377. .uniui-circle[data-v-d31e1c47]:before {
  378. content: "\e65b";
  379. }
  380. .uniui-checkmarkempty[data-v-d31e1c47]:before {
  381. content: "\e65c";
  382. }
  383. .uniui-chat[data-v-d31e1c47]:before {
  384. content: "\e65d";
  385. }
  386. .uniui-circle-filled[data-v-d31e1c47]:before {
  387. content: "\e65e";
  388. }
  389. .uniui-flag[data-v-d31e1c47]:before {
  390. content: "\e65f";
  391. }
  392. .uniui-flag-filled[data-v-d31e1c47]:before {
  393. content: "\e660";
  394. }
  395. .uniui-gear-filled[data-v-d31e1c47]:before {
  396. content: "\e661";
  397. }
  398. .uniui-home[data-v-d31e1c47]:before {
  399. content: "\e662";
  400. }
  401. .uniui-home-filled[data-v-d31e1c47]:before {
  402. content: "\e663";
  403. }
  404. .uniui-gear[data-v-d31e1c47]:before {
  405. content: "\e664";
  406. }
  407. .uniui-smallcircle-filled[data-v-d31e1c47]:before {
  408. content: "\e665";
  409. }
  410. .uniui-map-filled[data-v-d31e1c47]:before {
  411. content: "\e666";
  412. }
  413. .uniui-map[data-v-d31e1c47]:before {
  414. content: "\e667";
  415. }
  416. .uniui-refresh-filled[data-v-d31e1c47]:before {
  417. content: "\e656";
  418. }
  419. .uniui-refresh[data-v-d31e1c47]:before {
  420. content: "\e657";
  421. }
  422. .uniui-cloud-upload[data-v-d31e1c47]:before {
  423. content: "\e645";
  424. }
  425. .uniui-cloud-download-filled[data-v-d31e1c47]:before {
  426. content: "\e646";
  427. }
  428. .uniui-cloud-download[data-v-d31e1c47]:before {
  429. content: "\e647";
  430. }
  431. .uniui-cloud-upload-filled[data-v-d31e1c47]:before {
  432. content: "\e648";
  433. }
  434. .uniui-redo[data-v-d31e1c47]:before {
  435. content: "\e64a";
  436. }
  437. .uniui-images-filled[data-v-d31e1c47]:before {
  438. content: "\e64b";
  439. }
  440. .uniui-undo-filled[data-v-d31e1c47]:before {
  441. content: "\e64c";
  442. }
  443. .uniui-more[data-v-d31e1c47]:before {
  444. content: "\e64d";
  445. }
  446. .uniui-more-filled[data-v-d31e1c47]:before {
  447. content: "\e64e";
  448. }
  449. .uniui-undo[data-v-d31e1c47]:before {
  450. content: "\e64f";
  451. }
  452. .uniui-images[data-v-d31e1c47]:before {
  453. content: "\e650";
  454. }
  455. .uniui-paperclip[data-v-d31e1c47]:before {
  456. content: "\e652";
  457. }
  458. .uniui-settings[data-v-d31e1c47]:before {
  459. content: "\e653";
  460. }
  461. .uniui-search[data-v-d31e1c47]:before {
  462. content: "\e654";
  463. }
  464. .uniui-redo-filled[data-v-d31e1c47]:before {
  465. content: "\e655";
  466. }
  467. .uniui-list[data-v-d31e1c47]:before {
  468. content: "\e644";
  469. }
  470. .uniui-mail-open-filled[data-v-d31e1c47]:before {
  471. content: "\e63a";
  472. }
  473. .uniui-hand-down-filled[data-v-d31e1c47]:before {
  474. content: "\e63c";
  475. }
  476. .uniui-hand-down[data-v-d31e1c47]:before {
  477. content: "\e63d";
  478. }
  479. .uniui-hand-up-filled[data-v-d31e1c47]:before {
  480. content: "\e63e";
  481. }
  482. .uniui-hand-up[data-v-d31e1c47]:before {
  483. content: "\e63f";
  484. }
  485. .uniui-heart-filled[data-v-d31e1c47]:before {
  486. content: "\e641";
  487. }
  488. .uniui-mail-open[data-v-d31e1c47]:before {
  489. content: "\e643";
  490. }
  491. .uniui-heart[data-v-d31e1c47]:before {
  492. content: "\e639";
  493. }
  494. .uniui-loop[data-v-d31e1c47]:before {
  495. content: "\e633";
  496. }
  497. .uniui-pulldown[data-v-d31e1c47]:before {
  498. content: "\e632";
  499. }
  500. .uniui-scan[data-v-d31e1c47]:before {
  501. content: "\e62a";
  502. }
  503. .uniui-bars[data-v-d31e1c47]:before {
  504. content: "\e627";
  505. }
  506. .uniui-cart-filled[data-v-d31e1c47]:before {
  507. content: "\e629";
  508. }
  509. .uniui-checkbox[data-v-d31e1c47]:before {
  510. content: "\e62b";
  511. }
  512. .uniui-checkbox-filled[data-v-d31e1c47]:before {
  513. content: "\e62c";
  514. }
  515. .uniui-shop[data-v-d31e1c47]:before {
  516. content: "\e62f";
  517. }
  518. .uniui-headphones[data-v-d31e1c47]:before {
  519. content: "\e630";
  520. }
  521. .uniui-cart[data-v-d31e1c47]:before {
  522. content: "\e631";
  523. }
  524. @font-face {
  525. font-family: uniicons;
  526. src: url("../../assets/uniicons.89ed7d6d.ttf") format("truetype");
  527. }
  528. .uni-icons[data-v-d31e1c47] {
  529. font-family: uniicons;
  530. text-decoration: none;
  531. text-align: center;
  532. }
  533. /**
  534. * 这里是uni-app内置的常用样式变量
  535. *
  536. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  537. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  538. *
  539. */
  540. /**
  541. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  542. *
  543. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  544. */
  545. /* 颜色变量 */
  546. /* 行为相关颜色 */
  547. /* 文字基本颜色 */
  548. /* 背景颜色 */
  549. /* 边框颜色 */
  550. /* 尺寸变量 */
  551. /* 文字尺寸 */
  552. /* 图片尺寸 */
  553. /* Border Radius */
  554. /* 水平间距 */
  555. /* 垂直间距 */
  556. /* 透明度 */
  557. /* 文章场景相关 */
  558. .uni-status-bar[data-v-7920e3e0] {
  559. height: 20px;
  560. }
  561. /**
  562. * 这里是uni-app内置的常用样式变量
  563. *
  564. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  565. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  566. *
  567. */
  568. /**
  569. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  570. *
  571. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  572. */
  573. /* 颜色变量 */
  574. /* 行为相关颜色 */
  575. /* 文字基本颜色 */
  576. /* 背景颜色 */
  577. /* 边框颜色 */
  578. /* 尺寸变量 */
  579. /* 文字尺寸 */
  580. /* 图片尺寸 */
  581. /* Border Radius */
  582. /* 水平间距 */
  583. /* 垂直间距 */
  584. /* 透明度 */
  585. /* 文章场景相关 */
  586. .uni-nav-bar-text[data-v-26544265] {
  587. font-size: 1.0625rem;
  588. }
  589. .uni-nav-bar-right-text[data-v-26544265] {
  590. font-size: 34px;
  591. }
  592. .uni-navbar__content[data-v-26544265] {
  593. position: relative;
  594. background-color: transparent;
  595. }
  596. .uni-navbar-btn-text[data-v-26544265] {
  597. display: flex;
  598. flex-direction: column;
  599. justify-content: flex-start;
  600. align-items: center;
  601. line-height: 34px;
  602. }
  603. .uni-navbar__header[data-v-26544265] {
  604. display: flex;
  605. padding: 0 10px;
  606. flex-direction: row;
  607. height: 44px;
  608. font-size: 34px;
  609. }
  610. .uni-navbar__header-btns[data-v-26544265] {
  611. overflow: hidden;
  612. display: flex;
  613. flex-wrap: nowrap;
  614. flex-direction: row;
  615. width: 6.25rem;
  616. justify-content: center;
  617. align-items: center;
  618. }
  619. .uni-navbar__header-btns-left[data-v-26544265] {
  620. display: flex;
  621. width: 6.25rem;
  622. justify-content: flex-start;
  623. align-items: center;
  624. }
  625. .uni-navbar__header-btns-right[data-v-26544265] {
  626. display: flex;
  627. flex-direction: row;
  628. justify-content: flex-end;
  629. align-items: center;
  630. }
  631. .uni-navbar__header-container[data-v-26544265] {
  632. display: flex;
  633. flex: 1;
  634. padding: 0 10px;
  635. overflow: hidden;
  636. }
  637. .uni-navbar__header-container-inner[data-v-26544265] {
  638. display: flex;
  639. flex: 1;
  640. flex-direction: row;
  641. align-items: center;
  642. justify-content: center;
  643. font-size: 12px;
  644. overflow: hidden;
  645. }
  646. .uni-navbar__placeholder-view[data-v-26544265] {
  647. height: 44px;
  648. }
  649. .uni-navbar--fixed[data-v-26544265] {
  650. position: fixed;
  651. z-index: 998;
  652. left: 0;
  653. right: 0;
  654. }
  655. .uni-navbar--shadow[data-v-26544265] {
  656. box-shadow: 0 1px 6px #ccc;
  657. }
  658. .uni-navbar--border[data-v-26544265] {
  659. border-bottom-width: 0.03125rem;
  660. border-bottom-style: solid;
  661. border-bottom-color: #eee;
  662. }
  663. .uni-ellipsis-1[data-v-26544265] {
  664. overflow: hidden;
  665. white-space: nowrap;
  666. text-overflow: ellipsis;
  667. }
  668. /**
  669. * 这里是uni-app内置的常用样式变量
  670. *
  671. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  672. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  673. *
  674. */
  675. /**
  676. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  677. *
  678. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  679. */
  680. /* 颜色变量 */
  681. /* 行为相关颜色 */
  682. /* 文字基本颜色 */
  683. /* 背景颜色 */
  684. /* 边框颜色 */
  685. /* 尺寸变量 */
  686. /* 文字尺寸 */
  687. /* 图片尺寸 */
  688. /* Border Radius */
  689. /* 水平间距 */
  690. /* 垂直间距 */
  691. /* 透明度 */
  692. /* 文章场景相关 */
  693. .uni-tag[data-v-1f94d070] {
  694. line-height: 14px;
  695. font-size: 12px;
  696. font-weight: 200;
  697. padding: 4px 7px;
  698. color: #fff;
  699. border-radius: 3px;
  700. background-color: #18C7B0;
  701. border-width: 0.03125rem;
  702. border-style: solid;
  703. border-color: #18C7B0;
  704. }
  705. .uni-tag--default[data-v-1f94d070] {
  706. font-size: 12px;
  707. }
  708. .uni-tag--default--inverted[data-v-1f94d070] {
  709. color: #18C7B0;
  710. border-color: #18C7B0;
  711. }
  712. .uni-tag--small[data-v-1f94d070] {
  713. padding: 2px 5px;
  714. font-size: 12px;
  715. border-radius: 2px;
  716. }
  717. .uni-tag--mini[data-v-1f94d070] {
  718. padding: 1px 3px;
  719. font-size: 12px;
  720. border-radius: 2px;
  721. }
  722. .uni-tag--primary[data-v-1f94d070] {
  723. background-color: #2979ff;
  724. border-color: #2979ff;
  725. color: #fff;
  726. }
  727. .uni-tag--success[data-v-1f94d070] {
  728. color: #fff;
  729. background-color: #18bc37;
  730. border-color: #18bc37;
  731. }
  732. .uni-tag--warning[data-v-1f94d070] {
  733. color: #fff;
  734. background-color: #f3a73f;
  735. border-color: #f3a73f;
  736. }
  737. .uni-tag--error[data-v-1f94d070] {
  738. color: #fff;
  739. background-color: #e43d33;
  740. border-color: #e43d33;
  741. }
  742. .uni-tag--primary--inverted[data-v-1f94d070] {
  743. color: #2979ff;
  744. border-color: #2979ff;
  745. }
  746. .uni-tag--success--inverted[data-v-1f94d070] {
  747. color: #18bc37;
  748. border-color: #18bc37;
  749. }
  750. .uni-tag--warning--inverted[data-v-1f94d070] {
  751. color: #f3a73f;
  752. border-color: #f3a73f;
  753. }
  754. .uni-tag--error--inverted[data-v-1f94d070] {
  755. color: #e43d33;
  756. border-color: #e43d33;
  757. }
  758. .uni-tag--inverted[data-v-1f94d070] {
  759. background-color: #fff;
  760. }
  761. .uni-tag--circle[data-v-1f94d070] {
  762. border-radius: 15px !important;
  763. }
  764. .uni-tag--mark[data-v-1f94d070] {
  765. border-top-left-radius: 0 !important;
  766. border-bottom-left-radius: 0 !important;
  767. border-top-right-radius: 15px !important;
  768. border-bottom-right-radius: 15px !important;
  769. }
  770. .uni-tag--disabled[data-v-1f94d070] {
  771. opacity: 0.5;
  772. }
  773. .uni-tag-text[data-v-1f94d070] {
  774. color: #fff;
  775. font-size: 14px;
  776. }
  777. .uni-tag-text--primary[data-v-1f94d070] {
  778. color: #2979ff;
  779. }
  780. .uni-tag-text--success[data-v-1f94d070] {
  781. color: #18bc37;
  782. }
  783. .uni-tag-text--warning[data-v-1f94d070] {
  784. color: #f3a73f;
  785. }
  786. .uni-tag-text--error[data-v-1f94d070] {
  787. color: #e43d33;
  788. }
  789. .uni-tag-text--small[data-v-1f94d070] {
  790. font-size: 12px;
  791. }
  792. /**
  793. * 这里是uni-app内置的常用样式变量
  794. *
  795. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  796. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  797. *
  798. */
  799. /**
  800. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  801. *
  802. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  803. */
  804. /* 颜色变量 */
  805. /* 行为相关颜色 */
  806. /* 文字基本颜色 */
  807. /* 背景颜色 */
  808. /* 边框颜色 */
  809. /* 尺寸变量 */
  810. /* 文字尺寸 */
  811. /* 图片尺寸 */
  812. /* Border Radius */
  813. /* 水平间距 */
  814. /* 垂直间距 */
  815. /* 透明度 */
  816. /* 文章场景相关 */
  817. .uni-file-picker__container[data-v-bdfc07e0] {
  818. display: flex;
  819. box-sizing: border-box;
  820. flex-wrap: wrap;
  821. margin: -5px;
  822. }
  823. .file-picker__box[data-v-bdfc07e0] {
  824. position: relative;
  825. width: 33.3%;
  826. height: 0;
  827. padding-top: 33.33%;
  828. box-sizing: border-box;
  829. }
  830. .file-picker__box-content[data-v-bdfc07e0] {
  831. position: absolute;
  832. top: 0;
  833. right: 0;
  834. bottom: 0;
  835. left: 0;
  836. margin: 5px;
  837. border: 1px #eee solid;
  838. border-radius: 5px;
  839. overflow: hidden;
  840. }
  841. .file-picker__progress[data-v-bdfc07e0] {
  842. position: absolute;
  843. bottom: 0;
  844. left: 0;
  845. right: 0;
  846. /* border: 1px red solid; */
  847. z-index: 2;
  848. }
  849. .file-picker__progress-item[data-v-bdfc07e0] {
  850. width: 100%;
  851. }
  852. .file-picker__mask[data-v-bdfc07e0] {
  853. display: flex;
  854. justify-content: center;
  855. align-items: center;
  856. position: absolute;
  857. right: 0;
  858. top: 0;
  859. bottom: 0;
  860. left: 0;
  861. color: #fff;
  862. font-size: 12px;
  863. background-color: rgba(0, 0, 0, 0.4);
  864. }
  865. .file-image[data-v-bdfc07e0] {
  866. width: 100%;
  867. height: 100%;
  868. }
  869. .is-add[data-v-bdfc07e0] {
  870. display: flex;
  871. align-items: center;
  872. justify-content: center;
  873. }
  874. .icon-add[data-v-bdfc07e0] {
  875. width: 50px;
  876. height: 5px;
  877. background-color: #f1f1f1;
  878. border-radius: 2px;
  879. }
  880. .rotate[data-v-bdfc07e0] {
  881. position: absolute;
  882. transform: rotate(90deg);
  883. }
  884. .icon-del-box[data-v-bdfc07e0] {
  885. display: flex;
  886. align-items: center;
  887. justify-content: center;
  888. position: absolute;
  889. top: 3px;
  890. right: 3px;
  891. height: 26px;
  892. width: 26px;
  893. border-radius: 50%;
  894. background-color: rgba(0, 0, 0, 0.5);
  895. z-index: 2;
  896. transform: rotate(-45deg);
  897. }
  898. .icon-del[data-v-bdfc07e0] {
  899. width: 15px;
  900. height: 2px;
  901. background-color: #fff;
  902. border-radius: 2px;
  903. }
  904. /**
  905. * 这里是uni-app内置的常用样式变量
  906. *
  907. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  908. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  909. *
  910. */
  911. /**
  912. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  913. *
  914. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  915. */
  916. /* 颜色变量 */
  917. /* 行为相关颜色 */
  918. /* 文字基本颜色 */
  919. /* 背景颜色 */
  920. /* 边框颜色 */
  921. /* 尺寸变量 */
  922. /* 文字尺寸 */
  923. /* 图片尺寸 */
  924. /* Border Radius */
  925. /* 水平间距 */
  926. /* 垂直间距 */
  927. /* 透明度 */
  928. /* 文章场景相关 */
  929. .uni-file-picker__files[data-v-a54939c6] {
  930. display: flex;
  931. flex-direction: column;
  932. justify-content: flex-start;
  933. }
  934. .uni-file-picker__lists[data-v-a54939c6] {
  935. position: relative;
  936. margin-top: 5px;
  937. overflow: hidden;
  938. }
  939. .file-picker__mask[data-v-a54939c6] {
  940. display: flex;
  941. justify-content: center;
  942. align-items: center;
  943. position: absolute;
  944. right: 0;
  945. top: 0;
  946. bottom: 0;
  947. left: 0;
  948. color: #fff;
  949. font-size: 14px;
  950. background-color: rgba(0, 0, 0, 0.4);
  951. }
  952. .uni-file-picker__lists-box[data-v-a54939c6] {
  953. position: relative;
  954. }
  955. .uni-file-picker__item[data-v-a54939c6] {
  956. display: flex;
  957. align-items: center;
  958. padding: 8px 10px;
  959. padding-right: 5px;
  960. padding-left: 10px;
  961. }
  962. .files-border[data-v-a54939c6] {
  963. border-top: 1px #eee solid;
  964. }
  965. .files__name[data-v-a54939c6] {
  966. flex: 1;
  967. font-size: 14px;
  968. color: #666;
  969. margin-right: 25px;
  970. word-break: break-all;
  971. word-wrap: break-word;
  972. }
  973. .icon-files[data-v-a54939c6] {
  974. position: static;
  975. background-color: initial;
  976. }
  977. .is-list-card[data-v-a54939c6] {
  978. border: 1px #eee solid;
  979. margin-bottom: 5px;
  980. border-radius: 5px;
  981. box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.1);
  982. padding: 5px;
  983. }
  984. .files__image[data-v-a54939c6] {
  985. width: 40px;
  986. height: 40px;
  987. margin-right: 10px;
  988. }
  989. .header-image[data-v-a54939c6] {
  990. width: 100%;
  991. height: 100%;
  992. }
  993. .is-text-box[data-v-a54939c6] {
  994. border: 1px #eee solid;
  995. border-radius: 5px;
  996. }
  997. .is-text-image[data-v-a54939c6] {
  998. width: 25px;
  999. height: 25px;
  1000. margin-left: 5px;
  1001. }
  1002. .rotate[data-v-a54939c6] {
  1003. position: absolute;
  1004. transform: rotate(90deg);
  1005. }
  1006. .icon-del-box[data-v-a54939c6] {
  1007. display: flex;
  1008. margin: auto 0;
  1009. align-items: center;
  1010. justify-content: center;
  1011. position: absolute;
  1012. top: 0px;
  1013. bottom: 0;
  1014. right: 5px;
  1015. height: 26px;
  1016. width: 26px;
  1017. z-index: 2;
  1018. transform: rotate(-45deg);
  1019. }
  1020. .icon-del[data-v-a54939c6] {
  1021. width: 15px;
  1022. height: 1px;
  1023. background-color: #333;
  1024. }
  1025. .uni-file-picker[data-v-6223573f] {
  1026. box-sizing: border-box;
  1027. overflow: hidden;
  1028. width: 100%;
  1029. flex: 1;
  1030. }
  1031. .uni-file-picker__header[data-v-6223573f] {
  1032. padding-top: 5px;
  1033. padding-bottom: 10px;
  1034. display: flex;
  1035. justify-content: space-between;
  1036. }
  1037. .file-title[data-v-6223573f] {
  1038. font-size: 14px;
  1039. color: #333;
  1040. }
  1041. .file-count[data-v-6223573f] {
  1042. font-size: 14px;
  1043. color: #999;
  1044. }
  1045. .is-add[data-v-6223573f] {
  1046. display: flex;
  1047. align-items: center;
  1048. justify-content: center;
  1049. }
  1050. .icon-add[data-v-6223573f] {
  1051. width: 50px;
  1052. height: 5px;
  1053. background-color: #f1f1f1;
  1054. border-radius: 2px;
  1055. }
  1056. .rotate[data-v-6223573f] {
  1057. position: absolute;
  1058. transform: rotate(90deg);
  1059. }
  1060. /**
  1061. * 这里是uni-app内置的常用样式变量
  1062. *
  1063. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  1064. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  1065. *
  1066. */
  1067. /**
  1068. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  1069. *
  1070. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  1071. */
  1072. /* 颜色变量 */
  1073. /* 行为相关颜色 */
  1074. /* 文字基本颜色 */
  1075. /* 背景颜色 */
  1076. /* 边框颜色 */
  1077. /* 尺寸变量 */
  1078. /* 文字尺寸 */
  1079. /* 图片尺寸 */
  1080. /* Border Radius */
  1081. /* 水平间距 */
  1082. /* 垂直间距 */
  1083. /* 透明度 */
  1084. /* 文章场景相关 */
  1085. .main {
  1086. display: flex;
  1087. flex-direction: column;
  1088. justify-content: flex-start;
  1089. width: 23.4375rem;
  1090. }
  1091. .main .uni-nav-bar-text {
  1092. font-size: 20px;
  1093. }
  1094. .main .uni-navbar-btn-text {
  1095. font-size: 16px;
  1096. }
  1097. .main .content {
  1098. margin: 0.15625rem;
  1099. background-color: #fff;
  1100. flex-direction: column;
  1101. align-items: center;
  1102. }
  1103. .main .content .header {
  1104. display: flex;
  1105. flex-direction: column;
  1106. margin: 0.5rem 0.5rem 0;
  1107. }
  1108. .main .content .header .ti {
  1109. display: flex;
  1110. flex-direction: row;
  1111. justify-content: space-between;
  1112. margin-top: 0.47563rem;
  1113. }
  1114. .main .content .header .ti .left {
  1115. align-items: flex-start;
  1116. }
  1117. .main .content .header .ti .left .baracode {
  1118. display: flex;
  1119. flex-direction: column;
  1120. }
  1121. .main .content .header .ti .left .baracode .barnum {
  1122. font-size: 0.46875rem;
  1123. display: flex;
  1124. justify-content: center;
  1125. align-items: center;
  1126. letter-spacing: 0.3em;
  1127. }
  1128. .main .content .header .ti .mid {
  1129. display: flex;
  1130. margin-right: 5rem;
  1131. }
  1132. .main .content .header .ti .mid .title {
  1133. font-size: 0.74219rem;
  1134. font-weight: 800;
  1135. }
  1136. .main .content .header .ti .rig {
  1137. display: flex;
  1138. }
  1139. .main .content .header .ti .rig .title {
  1140. font-size: 0.5rem;
  1141. width: 1.25rem;
  1142. font-weight: 300;
  1143. }
  1144. .main .content .header .patiinfo {
  1145. display: flex;
  1146. flex-direction: column;
  1147. margin-top: 0.7875rem;
  1148. padding-bottom: 0.67031rem;
  1149. border-bottom: 1px solid #979797;
  1150. }
  1151. .main .content .header .patiinfo .r1 {
  1152. display: flex;
  1153. flex-direction: row;
  1154. margin-bottom: 0.46875rem;
  1155. }
  1156. .main .content .header .patiinfo .r1 .row {
  1157. font-size: 0.46875rem;
  1158. font-weight: 400;
  1159. margin-right: 0.9375rem;
  1160. }
  1161. .main .content .header .patiinfo .r1 .we {
  1162. color: #999999;
  1163. }
  1164. .main .content .header .patiinfo .r2 {
  1165. display: flex;
  1166. flex-direction: row;
  1167. margin-bottom: 0.46875rem;
  1168. }
  1169. .main .content .header .patiinfo .r2 .row {
  1170. font-size: 0.46875rem;
  1171. font-weight: 400;
  1172. margin-right: 0.9375rem;
  1173. }
  1174. .main .content .header .patiinfo .r2 .we {
  1175. color: #999999;
  1176. }
  1177. .main .content .header .patiinfo .r3 {
  1178. display: flex;
  1179. flex-direction: row;
  1180. font-size: 0.46875rem;
  1181. }
  1182. .main .content .header .patiinfo .r3 .we {
  1183. color: #999999;
  1184. }
  1185. .main .content .rp {
  1186. display: flex;
  1187. flex-direction: column;
  1188. margin: 0.69969rem 0.5425rem 0;
  1189. border-bottom: 1px solid #979797;
  1190. }
  1191. .main .content .rp .title {
  1192. font-size: 0.6875rem;
  1193. margin-bottom: 0.3125rem;
  1194. }
  1195. .main .content .rp .lists {
  1196. display: flex;
  1197. flex-wrap: wrap;
  1198. flex-direction: row;
  1199. justify-content: flex-start;
  1200. align-content: flex-start;
  1201. margin-left: 0.625rem;
  1202. height: 17.03125rem;
  1203. }
  1204. .main .content .rp .lists .item {
  1205. display: flex;
  1206. justify-content: center;
  1207. align-items: center;
  1208. width: 5.03125rem;
  1209. margin: 0 0.3125rem 0.625rem 0;
  1210. position: relative;
  1211. }
  1212. .main .content .rp .lists .item .le {
  1213. display: flex;
  1214. font-size: 0.375rem;
  1215. width: 3.125rem;
  1216. word-wrap: break-word;
  1217. z-index: 100;
  1218. position: absolute;
  1219. }
  1220. .main .content .rp .lists .item .tag-view .uni-tag {
  1221. display: flex;
  1222. justify-content: center;
  1223. align-items: center;
  1224. font-size: 0.46875rem;
  1225. padding: 0.1875rem 0.1875rem;
  1226. }
  1227. .main .content .rp .lists .item .rig {
  1228. display: flex;
  1229. flex-direction: column;
  1230. margin-left: 0.16594rem;
  1231. }
  1232. .main .content .rp .lists .item .rig .up {
  1233. width: 1.875rem;
  1234. font-size: 0.375rem;
  1235. height: 0.39063rem;
  1236. }
  1237. .main .content .rp .lists .item .rig .do {
  1238. width: 1.875rem;
  1239. font-size: 0.375rem;
  1240. height: 0.39063rem;
  1241. }
  1242. .main .content .rp .footer {
  1243. margin: 0 0.3125rem 0.25rem;
  1244. display: flex;
  1245. font-size: 0.46875rem;
  1246. }
  1247. .main .content .rp .footer .js {
  1248. display: flex;
  1249. margin-right: 1.7rem;
  1250. }
  1251. .main .content .rp .rp-tips {
  1252. display: flex;
  1253. justify-content: flex-end;
  1254. font-size: 0.46875rem;
  1255. margin-right: 0.3125rem;
  1256. }
  1257. .main .content .amountarea {
  1258. display: flex;
  1259. margin: 0.66563rem 19.38px 0;
  1260. padding-bottom: 0.65438rem;
  1261. border-bottom: 1px solid #979797;
  1262. }
  1263. .main .content .amountarea .amount {
  1264. display: flex;
  1265. flex-direction: column;
  1266. }
  1267. .main .content .amountarea .amount .r1 {
  1268. border: 1px solid #979797;
  1269. font-size: 0.46875rem;
  1270. width: 8.98438rem;
  1271. display: flex;
  1272. justify-content: center;
  1273. align-items: center;
  1274. height: 1.05469rem;
  1275. }
  1276. .main .content .amountarea .amount .r2 {
  1277. display: flex;
  1278. justify-content: center;
  1279. align-items: center;
  1280. font-size: 0.46875rem;
  1281. height: 1.05469rem;
  1282. width: 8.98438rem;
  1283. border-left: 1px solid #979797;
  1284. border-right: 1px solid #979797;
  1285. }
  1286. .main .content .amountarea .amount .r2 .jyf {
  1287. width: 4.49781rem;
  1288. display: flex;
  1289. justify-content: center;
  1290. align-items: center;
  1291. }
  1292. .main .content .amountarea .amount .r2 .psf {
  1293. border-left: 1px solid #979797;
  1294. width: 4.49781rem;
  1295. display: flex;
  1296. justify-content: center;
  1297. align-items: center;
  1298. }
  1299. .main .content .amountarea .amount .r3 {
  1300. display: flex;
  1301. justify-content: center;
  1302. align-items: center;
  1303. height: 1.05469rem;
  1304. font-size: 0.46875rem;
  1305. border: 1px solid #979797;
  1306. }
  1307. .main .content .amountarea .service {
  1308. display: flex;
  1309. flex-wrap: wrap;
  1310. margin-left: 1.875rem;
  1311. }
  1312. .main .content .amountarea .service .kf {
  1313. font-size: 0.46875rem;
  1314. margin-right: 1.875rem;
  1315. width: 2.8125rem;
  1316. }
  1317. .main .content .amountarea .service .kf .we {
  1318. font-size: 0.46875rem;
  1319. color: #999999;
  1320. }
  1321. .main .content .comment {
  1322. margin: 0.3125rem 0.5rem 0.3125rem;
  1323. font-size: 0.46875rem;
  1324. display: flex;
  1325. }
  1326. .main .upload {
  1327. margin: 0 0.3125rem 0.3125rem;
  1328. background-color: #fff;
  1329. padding: 0.625rem;
  1330. }
  1331. .main .upload .title {
  1332. font-size: 0.46875rem;
  1333. margin-bottom: 20px;
  1334. color: #333333;
  1335. }
  1336. .main .weight {
  1337. margin: 0 0.3125rem 0.3125rem;
  1338. background-color: #fff;
  1339. display: flex;
  1340. align-items: center;
  1341. padding: 0.3125rem;
  1342. }
  1343. .main .weight .title {
  1344. font-size: 0.46875rem;
  1345. color: #333333;
  1346. margin-right: 0.625rem;
  1347. }
  1348. .main .weight .tex {
  1349. display: flex;
  1350. align-items: center;
  1351. font-size: 0.46875rem;
  1352. }
  1353. .main .weight .tex .uni-input {
  1354. display: flex;
  1355. justify-content: center;
  1356. align-items: center;
  1357. border: 1px solid #979797;
  1358. margin-left: 1.5625rem;
  1359. width: 3.125rem;
  1360. margin-right: 0.125rem;
  1361. }
  1362. .main .cooment {
  1363. margin: 0 0.3125rem 0.3125rem;
  1364. background-color: #fff;
  1365. flex-direction: column;
  1366. align-items: center;
  1367. padding: 0.15625rem 0.3125rem;
  1368. }
  1369. .main .cooment .title {
  1370. font-size: 0.46875rem;
  1371. margin-bottom: 0.625rem;
  1372. }
  1373. .main .cooment .tex {
  1374. display: flex;
  1375. justify-content: flex-start;
  1376. align-items: center;
  1377. margin-bottom: 0.39688rem;
  1378. border: 1px solid #979797;
  1379. border-radius: 0.15625rem;
  1380. }
  1381. .main .cooment .tex .input {
  1382. padding: 0.3125rem;
  1383. }
  1384. .main .cooment .tex .input .uni-textarea-placeholder {
  1385. font-size: 0.46875rem;
  1386. }
  1387. .main .radio {
  1388. display: flex;
  1389. margin: 0 0.3125rem;
  1390. background-color: #fff;
  1391. flex-direction: column;
  1392. font-size: 0.46875rem !important;
  1393. }
  1394. .main .radio .uni-switch-input.uni-switch-input-checked {
  1395. border-color: #18C7B0;
  1396. background-color: #18C7B0;
  1397. }
  1398. .main .submit {
  1399. display: flex;
  1400. margin-top: 1.03844rem;
  1401. background-color: #fff;
  1402. align-items: center;
  1403. width: 23.4375rem;
  1404. height: 1.95313rem;
  1405. }
  1406. .main .submit .bu {
  1407. display: flex;
  1408. justify-content: center;
  1409. align-items: center;
  1410. height: 1.25rem;
  1411. width: 20.97656rem;
  1412. font-size: 0.54688rem;
  1413. border-radius: 0.11719rem;
  1414. background-color: #18c7b0;
  1415. color: #fff;
  1416. }
  1417. .main .uni-popup-dialog {
  1418. width: 15.625rem;
  1419. display: flex;
  1420. flex-direction: column;
  1421. background-color: #ffffff;
  1422. }
  1423. .main .uni-popup-dialog .uni-dialog-title-text {
  1424. display: flex;
  1425. font-size: 0.625rem;
  1426. }
  1427. .main .uni-popup-dialog .uni-dialog-content {
  1428. display: flex;
  1429. margin: 0.3125rem 0.625rem;
  1430. background-color: #fff;
  1431. box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.15);
  1432. }
  1433. .main .uni-popup-dialog .uni-dialog-content .cotent {
  1434. display: flex;
  1435. flex-direction: column;
  1436. width: 12.5rem;
  1437. height: 3.51563rem;
  1438. }
  1439. .main .uni-popup-dialog .uni-dialog-content .cotent .title {
  1440. font-size: 0.54688rem;
  1441. font-weight: 500;
  1442. margin-bottom: 0.3125rem;
  1443. display: flex;
  1444. align-items: center;
  1445. justify-content: center;
  1446. }
  1447. .main .uni-popup-dialog .uni-dialog-content .cotent .body {
  1448. display: flex;
  1449. justify-content: center;
  1450. }
  1451. .main .uni-popup-dialog .uni-dialog-content .cotent .body .lef {
  1452. display: flex;
  1453. flex-direction: column;
  1454. width: 6.25rem;
  1455. justify-content: center;
  1456. }
  1457. .main .uni-popup-dialog .uni-dialog-content .cotent .body .lef .baracode {
  1458. display: flex;
  1459. flex-direction: column;
  1460. width: 6.25rem;
  1461. height: 1.69938rem;
  1462. }
  1463. .main .uni-popup-dialog .uni-dialog-content .cotent .body .lef .baracode .cav {
  1464. width: 6.25rem;
  1465. }
  1466. .main .uni-popup-dialog .uni-dialog-content .cotent .body .lef .baracode .barnum {
  1467. width: 6.25rem;
  1468. font-size: 0.3125rem;
  1469. display: flex;
  1470. color: #333333;
  1471. justify-content: center;
  1472. align-items: center;
  1473. letter-spacing: 0.7em;
  1474. }
  1475. .main .uni-popup-dialog .uni-dialog-content .cotent .body .rig {
  1476. display: flex;
  1477. flex-direction: column;
  1478. width: 340px;
  1479. margin-left: 0.42969rem;
  1480. }
  1481. .main .uni-popup-dialog .uni-dialog-content .cotent .body .rig .hz {
  1482. display: flex;
  1483. margin-bottom: 0.3125rem;
  1484. font-size: 0.46875rem;
  1485. }
  1486. .main .uni-popup-dialog .uni-dialog-content .cotent .body .rig .bold {
  1487. font-weight: 500;
  1488. }
  1489. .main .uni-popup-dialog .uni-dialog-button-group {
  1490. display: flex;
  1491. font-size: 0.54688rem;
  1492. }
  1493. .main .uni-popup-dialog .uni-dialog-button-group .uni-dialog-button {
  1494. display: flex;
  1495. }
  1496. .main .uni-popup-dialog .uni-dialog-button-group .uni-border-left .uni-dialog-button-text {
  1497. color: #18c7b0;
  1498. }