main.wxss 40 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325
  1. @charset "UTF-8";
  2. /* 文字尺寸 */
  3. /*文字颜色*/
  4. /* 边框颜色 */
  5. /* 图片加载中颜色 */
  6. /* 行为相关颜色 */
  7. @font-face {
  8. font-family: uniicons;
  9. font-weight: normal;
  10. font-style: normal;
  11. src: url(data:font/ttf;base64,) format('truetype');
  12. }
  13. .pc-hide {
  14. display: none !important;
  15. }
  16. progress,
  17. checkbox-group {
  18. width: 100%;
  19. }
  20. form {
  21. width: 100%;
  22. }
  23. .uni-flex {
  24. display: flex;
  25. flex-direction: row;
  26. }
  27. .uni-flex-item {
  28. flex: 1;
  29. }
  30. .uni-row {
  31. flex-direction: row;
  32. }
  33. .uni-column {
  34. flex-direction: column;
  35. }
  36. .uni-link {
  37. color: #576B95;
  38. font-size: 26rpx;
  39. }
  40. .uni-center {
  41. text-align: center;
  42. }
  43. .uni-inline-item {
  44. display: flex;
  45. flex-direction: row;
  46. align-items: center;
  47. }
  48. .uni-inline-item text {
  49. margin-right: 20rpx;
  50. }
  51. .uni-inline-item text:last-child {
  52. margin-right: 0rpx;
  53. margin-left: 20rpx;
  54. }
  55. /* page */
  56. .common-page-head {
  57. padding: 35rpx;
  58. text-align: center;
  59. }
  60. .common-page-head-title {
  61. display: inline-block;
  62. padding: 0 40rpx;
  63. font-size: 30rpx;
  64. height: 88rpx;
  65. line-height: 88rpx;
  66. color: #BEBEBE;
  67. box-sizing: border-box;
  68. border-bottom: 2rpx solid #D8D8D8;
  69. }
  70. .uni-padding-wrap {
  71. /* width:690rpx; */
  72. padding: 0 30rpx;
  73. }
  74. .uni-word {
  75. text-align: center;
  76. padding: 200rpx 100rpx;
  77. }
  78. .uni-title {
  79. font-size: 30rpx;
  80. font-weight: 500;
  81. padding: 20rpx 0;
  82. line-height: 1.5;
  83. }
  84. .uni-text {
  85. font-size: 28rpx;
  86. }
  87. .uni-title text {
  88. font-size: 24rpx;
  89. color: #888;
  90. }
  91. .uni-text-gray {
  92. color: #ccc;
  93. }
  94. .uni-text-small {
  95. font-size: 24rpx;
  96. }
  97. .uni-common-mb {
  98. margin-bottom: 30rpx;
  99. }
  100. .uni-common-pb {
  101. padding-bottom: 30rpx;
  102. }
  103. .uni-common-pl {
  104. padding-left: 30rpx;
  105. }
  106. .uni-common-mt {
  107. margin-top: 30rpx;
  108. }
  109. /* 背景色 */
  110. .uni-bg-red {
  111. background: #F76260;
  112. color: #FFF;
  113. }
  114. .uni-bg-green {
  115. background: #09BB07;
  116. color: #FFF;
  117. }
  118. .uni-bg-blue {
  119. background: #007AFF;
  120. color: #FFF;
  121. }
  122. /* 标题 */
  123. .uni-h1 {
  124. font-size: 80rpx;
  125. font-weight: 700;
  126. }
  127. .uni-h2 {
  128. font-size: 60rpx;
  129. font-weight: 700;
  130. }
  131. .uni-h3 {
  132. font-size: 48rpx;
  133. font-weight: 700;
  134. }
  135. .uni-h4 {
  136. font-size: 36rpx;
  137. font-weight: 700;
  138. }
  139. .uni-h5 {
  140. font-size: 28rpx;
  141. color: #8f8f94;
  142. }
  143. .uni-h6 {
  144. font-size: 24rpx;
  145. color: #8f8f94;
  146. }
  147. .uni-bold {
  148. font-weight: bold;
  149. }
  150. /* 文本溢出隐藏 */
  151. .uni-ellipsis {
  152. overflow: hidden;
  153. white-space: nowrap;
  154. text-overflow: ellipsis;
  155. }
  156. /* 竖向百分百按钮 */
  157. .uni-btn-v {
  158. padding: 10rpx 0;
  159. }
  160. .uni-btn-v button {
  161. margin: 20rpx 0;
  162. }
  163. /* 表单 */
  164. .uni-form-item {
  165. display: flex;
  166. width: 100%;
  167. padding: 10rpx 0;
  168. }
  169. .uni-form-item .title {
  170. padding: 10rpx 25rpx;
  171. }
  172. .uni-label {
  173. width: 210rpx;
  174. word-wrap: break-word;
  175. word-break: break-all;
  176. text-indent: 20rpx;
  177. }
  178. .uni-input {
  179. height: 50rpx;
  180. padding: 15rpx 25rpx;
  181. line-height: 50rpx;
  182. font-size: 28rpx;
  183. background: #FFF;
  184. flex: 1;
  185. }
  186. radio-group,
  187. checkbox-group {
  188. width: 100%;
  189. }
  190. radio-group label,
  191. checkbox-group label {
  192. padding-right: 20rpx;
  193. }
  194. .uni-form-item .with-fun {
  195. display: flex;
  196. flex-wrap: nowrap;
  197. background: #FFFFFF;
  198. }
  199. .uni-form-item .with-fun .uni-icon {
  200. width: 40px;
  201. height: 80rpx;
  202. line-height: 80rpx;
  203. flex-shrink: 0;
  204. }
  205. /* loadmore */
  206. .uni-loadmore {
  207. height: 80rpx;
  208. line-height: 80rpx;
  209. text-align: center;
  210. padding-bottom: 30rpx;
  211. }
  212. .uni-badge.uni-badge-inverted {
  213. padding: 0 5px 0 0;
  214. color: #929292;
  215. background-color: transparent
  216. }
  217. .uni-badge-primary {
  218. color: #fff;
  219. background-color: #007aff
  220. }
  221. .uni-badge-blue.uni-badge-inverted,
  222. .uni-badge-primary.uni-badge-inverted {
  223. color: #007aff;
  224. background-color: transparent
  225. }
  226. .uni-badge-green,
  227. .uni-badge-success {
  228. color: #fff;
  229. background-color: #4cd964;
  230. }
  231. .uni-badge-green.uni-badge-inverted,
  232. .uni-badge-success.uni-badge-inverted {
  233. color: #4cd964;
  234. background-color: transparent
  235. }
  236. .uni-badge-warning,
  237. .uni-badge-yellow {
  238. color: #fff;
  239. background-color: #f0ad4e
  240. }
  241. .uni-badge-warning.uni-badge-inverted,
  242. .uni-badge-yellow.uni-badge-inverted {
  243. color: #f0ad4e;
  244. background-color: transparent
  245. }
  246. .uni-badge-danger,
  247. .uni-badge-red {
  248. color: #fff;
  249. background-color: #dd524d
  250. }
  251. .uni-badge-danger.uni-badge-inverted,
  252. .uni-badge-red.uni-badge-inverted {
  253. color: #dd524d;
  254. background-color: transparent
  255. }
  256. .uni-badge-purple,
  257. .uni-badge-royal {
  258. color: #fff;
  259. background-color: #8a6de9
  260. }
  261. .uni-badge-purple.uni-badge-inverted,
  262. .uni-badge-royal.uni-badge-inverted {
  263. color: #8a6de9;
  264. background-color: transparent
  265. }
  266. /*折叠面板 */
  267. .uni-collapse-content {
  268. height: 0;
  269. width: 100%;
  270. overflow: hidden;
  271. }
  272. .uni-collapse-content.uni-active {
  273. height: auto;
  274. }
  275. /*卡片视图 */
  276. .uni-card {
  277. background: #fff;
  278. border-radius: 8rpx;
  279. margin: 20rpx 0;
  280. position: relative;
  281. /* box-shadow: 0 2rpx 4rpx rgba(0, 0, 0, .3); */
  282. }
  283. .uni-card-content {
  284. font-size: 30rpx;
  285. }
  286. .uni-card-content.image-view {
  287. width: 100%;
  288. margin: 0;
  289. }
  290. .uni-card-content-inner {
  291. position: relative;
  292. padding: 30rpx;
  293. }
  294. .uni-card-footer,
  295. .uni-card-header {
  296. position: relative;
  297. display: flex;
  298. min-height: 50rpx;
  299. padding: 20rpx 30rpx;
  300. justify-content: space-between;
  301. align-items: center;
  302. }
  303. .uni-card-header {
  304. font-size: 36rpx;
  305. }
  306. .uni-card-footer {
  307. color: #6d6d72;
  308. }
  309. .uni-card-footer:before,
  310. .uni-card-header:after {
  311. position: absolute;
  312. top: 0;
  313. right: 0;
  314. left: 0;
  315. height: 2rpx;
  316. content: '';
  317. -webkit-transform: scaleY(.5);
  318. transform: scaleY(.5);
  319. background-color: #c8c7cc;
  320. }
  321. .uni-card-header:after {
  322. top: auto;
  323. bottom: 0;
  324. }
  325. .uni-card-media {
  326. justify-content: flex-start;
  327. }
  328. .uni-card-media-logo {
  329. height: 84rpx;
  330. width: 84rpx;
  331. margin-right: 20rpx;
  332. }
  333. .uni-card-media-body {
  334. height: 84rpx;
  335. display: flex;
  336. flex-direction: column;
  337. justify-content: space-between;
  338. align-items: flex-start;
  339. }
  340. .uni-card-media-text-top {
  341. line-height: 36rpx;
  342. font-size: 34rpx;
  343. }
  344. .uni-card-media-text-bottom {
  345. line-height: 30rpx;
  346. font-size: 28rpx;
  347. color: #8f8f94;
  348. }
  349. .uni-card-link {
  350. color: #007AFF;
  351. }
  352. /* 列表 */
  353. .uni-list {
  354. background-color: #FFFFFF;
  355. position: relative;
  356. width: 100%;
  357. display: flex;
  358. flex-direction: column;
  359. }
  360. .uni-list:after {
  361. position: absolute;
  362. z-index: 10;
  363. right: 0;
  364. bottom: 0;
  365. left: 0;
  366. height: 1px;
  367. content: '';
  368. -webkit-transform: scaleY(.5);
  369. transform: scaleY(.5);
  370. background-color: #c8c7cc;
  371. }
  372. /* .uni-list::before {
  373. position: absolute;
  374. z-index: 10;
  375. right: 0;
  376. top: 0;
  377. left: 0;
  378. height: 1px;
  379. content: '';
  380. -webkit-transform: scaleY(.5);
  381. transform: scaleY(.5);
  382. background-color: #c8c7cc;
  383. } */
  384. .uni-list-cell {
  385. position: relative;
  386. display: flex;
  387. flex-direction: row;
  388. justify-content: space-between;
  389. align-items: center;
  390. }
  391. .uni-list-cell-hover {
  392. background-color: #eee;
  393. }
  394. .uni-list-cell-pd {
  395. padding: 22rpx 30rpx;
  396. }
  397. .uni-list-cell-left {
  398. white-space: nowrap;
  399. font-size: 28rpx;
  400. padding: 0 30rpx;
  401. }
  402. .uni-list-cell-db,
  403. .uni-list-cell-right {
  404. flex: 1;
  405. }
  406. .uni-list-cell::after {
  407. position: absolute;
  408. z-index: 3;
  409. right: 0;
  410. bottom: 0;
  411. left: 30rpx;
  412. height: 1px;
  413. content: '';
  414. -webkit-transform: scaleY(.5);
  415. transform: scaleY(.5);
  416. background-color: #c8c7cc;
  417. }
  418. .uni-list .uni-list-cell:last-child::after {
  419. height: 0rpx;
  420. }
  421. .uni-list-cell-last.uni-list-cell::after {
  422. height: 0rpx;
  423. }
  424. .uni-list-cell-divider {
  425. position: relative;
  426. display: flex;
  427. color: #999;
  428. background-color: #f7f7f7;
  429. padding: 15rpx 20rpx;
  430. }
  431. .uni-list-cell-divider::before {
  432. position: absolute;
  433. right: 0;
  434. top: 0;
  435. left: 0;
  436. height: 1px;
  437. content: '';
  438. -webkit-transform: scaleY(.5);
  439. transform: scaleY(.5);
  440. background-color: #c8c7cc;
  441. }
  442. .uni-list-cell-divider::after {
  443. position: absolute;
  444. right: 0;
  445. bottom: 0;
  446. left: 0rpx;
  447. height: 1px;
  448. content: '';
  449. -webkit-transform: scaleY(.5);
  450. transform: scaleY(.5);
  451. background-color: #c8c7cc;
  452. }
  453. .uni-list-cell-navigate {
  454. font-size: 30rpx;
  455. padding: 22rpx 30rpx;
  456. line-height: 48rpx;
  457. position: relative;
  458. display: flex;
  459. box-sizing: border-box;
  460. width: 100%;
  461. flex: 1;
  462. justify-content: space-between;
  463. align-items: center;
  464. }
  465. .uni-list-cell-navigate {
  466. padding-right: 36rpx;
  467. }
  468. .uni-navigate-badge {
  469. padding-right: 50rpx;
  470. }
  471. .uni-list-cell-navigate.uni-navigate-right:after {
  472. font-family: uniicons;
  473. content: '\e583';
  474. position: absolute;
  475. right: 24rpx;
  476. top: 50%;
  477. color: #bbb;
  478. -webkit-transform: translateY(-50%);
  479. transform: translateY(-50%);
  480. }
  481. .uni-list-cell-navigate.uni-navigate-bottom:after {
  482. font-family: uniicons;
  483. content: '\e581';
  484. position: absolute;
  485. right: 24rpx;
  486. top: 50%;
  487. color: #bbb;
  488. -webkit-transform: translateY(-50%);
  489. transform: translateY(-50%);
  490. }
  491. .uni-list-cell-navigate.uni-navigate-bottom.uni-active::after {
  492. font-family: uniicons;
  493. content: '\e580';
  494. position: absolute;
  495. right: 24rpx;
  496. top: 50%;
  497. color: #bbb;
  498. -webkit-transform: translateY(-50%);
  499. transform: translateY(-50%);
  500. }
  501. .uni-collapse.uni-list-cell {
  502. flex-direction: column;
  503. }
  504. .uni-list-cell-navigate.uni-active {
  505. background: #eee;
  506. }
  507. .uni-list.uni-collapse {
  508. box-sizing: border-box;
  509. height: 0;
  510. overflow: hidden;
  511. }
  512. .uni-collapse .uni-list-cell {
  513. padding-left: 20rpx;
  514. }
  515. .uni-collapse .uni-list-cell::after {
  516. left: 52rpx;
  517. }
  518. .uni-list.uni-active {
  519. height: auto;
  520. }
  521. /* 三行列表 */
  522. .uni-triplex-row {
  523. display: flex;
  524. flex: 1;
  525. width: 100%;
  526. box-sizing: border-box;
  527. flex-direction: row;
  528. padding: 22rpx 30rpx;
  529. }
  530. .uni-triplex-right,
  531. .uni-triplex-left {
  532. display: flex;
  533. flex-direction: column;
  534. }
  535. .uni-triplex-left {
  536. width: 84%;
  537. }
  538. .uni-triplex-left .uni-title {
  539. padding: 8rpx 0;
  540. }
  541. .uni-triplex-left .uni-text,
  542. .uni-triplex-left .uni-text-small {
  543. color: #999999;
  544. }
  545. .uni-triplex-right {
  546. width: 16%;
  547. text-align: right;
  548. }
  549. /* 图文列表 */
  550. .uni-media-list {
  551. padding: 22rpx 30rpx;
  552. box-sizing: border-box;
  553. display: flex;
  554. width: 100%;
  555. flex-direction: row;
  556. }
  557. .uni-navigate-right.uni-media-list {
  558. padding-right: 74rpx;
  559. }
  560. .uni-pull-right {
  561. flex-direction: row-reverse;
  562. }
  563. .uni-pull-right>.uni-media-list-logo {
  564. margin-right: 0rpx;
  565. margin-left: 20rpx;
  566. }
  567. .uni-media-list-logo {
  568. height: 84rpx;
  569. width: 84rpx;
  570. margin-right: 20rpx;
  571. }
  572. .uni-media-list-logo image {
  573. height: 100%;
  574. width: 100%;
  575. }
  576. .uni-media-list-body {
  577. height: 84rpx;
  578. display: flex;
  579. flex: 1;
  580. flex-direction: column;
  581. justify-content: space-between;
  582. align-items: flex-start;
  583. overflow: hidden;
  584. }
  585. .uni-media-list-text-top {
  586. width: 100%;
  587. line-height: 36rpx;
  588. font-size: 30rpx;
  589. }
  590. .uni-media-list-text-bottom {
  591. width: 100%;
  592. line-height: 30rpx;
  593. font-size: 26rpx;
  594. color: #8f8f94;
  595. }
  596. /* 九宫格 */
  597. .uni-grid-9 {
  598. background: #f2f2f2;
  599. width: 750rpx;
  600. display: flex;
  601. flex-direction: row;
  602. flex-wrap: wrap;
  603. border-top: 2rpx solid #eee;
  604. }
  605. .uni-grid-9-item {
  606. width: 250rpx;
  607. height: 200rpx;
  608. display: flex;
  609. flex-direction: column;
  610. align-items: center;
  611. justify-content: center;
  612. border-bottom: 2rpx solid;
  613. border-right: 2rpx solid;
  614. border-color: #eee;
  615. box-sizing: border-box;
  616. }
  617. .no-border-right {
  618. border-right: none;
  619. }
  620. .uni-grid-9-image {
  621. width: 100rpx;
  622. height: 100rpx;
  623. }
  624. .uni-grid-9-text {
  625. width: 250rpx;
  626. line-height: 4rpx;
  627. height: 40rpx;
  628. text-align: center;
  629. font-size: 30rpx;
  630. }
  631. .uni-grid-9-item-hover {
  632. background: rgba(0, 0, 0, 0.1);
  633. }
  634. /* 上传 */
  635. .uni-uploader {
  636. flex: 1;
  637. flex-direction: column;
  638. }
  639. .uni-uploader-head {
  640. display: flex;
  641. flex-direction: row;
  642. justify-content: space-between;
  643. }
  644. .uni-uploader-info {
  645. color: #B2B2B2;
  646. }
  647. .uni-uploader-body {
  648. margin-top: 16rpx;
  649. }
  650. .uni-uploader__files {
  651. display: flex;
  652. flex-direction: row;
  653. flex-wrap: wrap;
  654. }
  655. .uni-uploader__file {
  656. margin: 10rpx;
  657. width: 210rpx;
  658. height: 210rpx;
  659. }
  660. .uni-uploader__img {
  661. display: block;
  662. width: 210rpx;
  663. height: 210rpx;
  664. }
  665. .uni-uploader__input-box {
  666. position: relative;
  667. margin: 10rpx;
  668. width: 208rpx;
  669. height: 208rpx;
  670. border: 2rpx solid #D9D9D9;
  671. }
  672. .uni-uploader__input-box:before,
  673. .uni-uploader__input-box:after {
  674. content: " ";
  675. position: absolute;
  676. top: 50%;
  677. left: 50%;
  678. -webkit-transform: translate(-50%, -50%);
  679. transform: translate(-50%, -50%);
  680. background-color: #D9D9D9;
  681. }
  682. .uni-uploader__input-box:before {
  683. width: 4rpx;
  684. height: 79rpx;
  685. }
  686. .uni-uploader__input-box:after {
  687. width: 79rpx;
  688. height: 4rpx;
  689. }
  690. .uni-uploader__input-box:active {
  691. border-color: #999999;
  692. }
  693. .uni-uploader__input-box:active:before,
  694. .uni-uploader__input-box:active:after {
  695. background-color: #999999;
  696. }
  697. .uni-uploader__input {
  698. position: absolute;
  699. z-index: 1;
  700. top: 0;
  701. left: 0;
  702. width: 100%;
  703. height: 100%;
  704. opacity: 0;
  705. }
  706. /*问题反馈*/
  707. .feedback-title {
  708. display: flex;
  709. flex-direction: row;
  710. justify-content: space-between;
  711. align-items: center;
  712. padding: 20rpx;
  713. color: #8f8f94;
  714. font-size: 28rpx;
  715. }
  716. .feedback-star-view.feedback-title {
  717. justify-content: flex-start;
  718. margin: 0;
  719. }
  720. .feedback-quick {
  721. position: relative;
  722. padding-right: 40rpx;
  723. }
  724. .feedback-quick:after {
  725. font-family: uniicons;
  726. font-size: 40rpx;
  727. content: '\e581';
  728. position: absolute;
  729. right: 0;
  730. top: 50%;
  731. color: #bbb;
  732. -webkit-transform: translateY(-50%);
  733. transform: translateY(-50%);
  734. }
  735. .feedback-body {
  736. background: #fff;
  737. }
  738. .feedback-textare {
  739. height: 200rpx;
  740. font-size: 34rpx;
  741. line-height: 50rpx;
  742. width: 100%;
  743. box-sizing: border-box;
  744. padding: 20rpx 30rpx 0;
  745. }
  746. .feedback-input {
  747. font-size: 34rpx;
  748. height: 50rpx;
  749. min-height: 50rpx;
  750. padding: 15rpx 20rpx;
  751. line-height: 50rpx;
  752. }
  753. .feedback-uploader {
  754. padding: 22rpx 20rpx;
  755. }
  756. .feedback-star {
  757. font-family: uniicons;
  758. font-size: 40rpx;
  759. margin-left: 6rpx;
  760. }
  761. .feedback-star-view {
  762. margin-left: 20rpx;
  763. }
  764. .feedback-star:after {
  765. content: '\e408';
  766. }
  767. .feedback-star.active {
  768. color: #FFB400;
  769. }
  770. .feedback-star.active:after {
  771. content: '\e438';
  772. }
  773. .feedback-submit {
  774. background: #007AFF;
  775. color: #FFFFFF;
  776. margin: 20rpx;
  777. }
  778. /* input group */
  779. .uni-input-group {
  780. position: relative;
  781. padding: 0;
  782. border: 0;
  783. background-color: #fff;
  784. }
  785. .uni-input-group:before {
  786. position: absolute;
  787. top: 0;
  788. right: 0;
  789. left: 0;
  790. height: 2rpx;
  791. content: '';
  792. -webkit-transform: scaleY(.5);
  793. transform: scaleY(.5);
  794. background-color: #c8c7cc;
  795. }
  796. .uni-input-group:after {
  797. position: absolute;
  798. right: 0;
  799. bottom: 0;
  800. left: 0;
  801. height: 2rpx;
  802. content: '';
  803. -webkit-transform: scaleY(.5);
  804. transform: scaleY(.5);
  805. background-color: #c8c7cc;
  806. }
  807. .uni-input-row {
  808. position: relative;
  809. display: flex;
  810. flex-direction: row;
  811. font-size: 28rpx;
  812. padding: 22rpx 30rpx;
  813. justify-content: space-between;
  814. }
  815. .uni-input-group .uni-input-row:after {
  816. position: absolute;
  817. right: 0;
  818. bottom: 0;
  819. left: 30rpx;
  820. height: 2rpx;
  821. content: '';
  822. -webkit-transform: scaleY(.5);
  823. transform: scaleY(.5);
  824. background-color: #c8c7cc;
  825. }
  826. .uni-input-row label {
  827. line-height: 70rpx;
  828. }
  829. /* textarea */
  830. .uni-textarea {
  831. width: 100%;
  832. background: #FFF;
  833. }
  834. .uni-textarea textarea {
  835. width: 96%;
  836. padding: 18rpx 2%;
  837. line-height: 1.6;
  838. font-size: 28rpx;
  839. height: 150rpx;
  840. }
  841. /* tab bar */
  842. .uni-tab-bar {
  843. display: flex;
  844. flex: 1;
  845. flex-direction: column;
  846. overflow: hidden;
  847. height: 100%;
  848. }
  849. .uni-tab-bar .list {
  850. width: 750rpx;
  851. height: 100%;
  852. }
  853. .uni-swiper-tab {
  854. width: 100%;
  855. white-space: nowrap;
  856. line-height: 100rpx;
  857. height: 100rpx;
  858. border-bottom: 1px solid #c8c7cc;
  859. }
  860. .swiper-tab-list {
  861. font-size: 30rpx;
  862. width: 150rpx;
  863. display: inline-block;
  864. text-align: center;
  865. color: #555;
  866. }
  867. .uni-tab-bar .active {
  868. color: #007AFF;
  869. }
  870. .uni-tab-bar .swiper-box {
  871. flex: 1;
  872. width: 100%;
  873. height: calc(100% - 100rpx);
  874. }
  875. .uni-tab-bar-loading {
  876. padding: 20rpx 0;
  877. }
  878. /* comment */
  879. .uni-comment {
  880. padding: 5rpx 0;
  881. display: flex;
  882. flex-grow: 1;
  883. flex-direction: column;
  884. }
  885. .uni-comment-list {
  886. flex-wrap: nowrap;
  887. padding: 10rpx 0;
  888. margin: 10rpx 0;
  889. width: 100%;
  890. display: flex;
  891. }
  892. .uni-comment-face {
  893. width: 70rpx;
  894. height: 70rpx;
  895. border-radius: 100%;
  896. margin-right: 20rpx;
  897. flex-shrink: 0;
  898. overflow: hidden;
  899. }
  900. .uni-comment-face image {
  901. width: 100%;
  902. border-radius: 100%;
  903. }
  904. .uni-comment-body {
  905. width: 100%;
  906. }
  907. .uni-comment-top {
  908. line-height: 1.5em;
  909. justify-content: space-between;
  910. }
  911. .uni-comment-top text {
  912. color: #0A98D5;
  913. font-size: 24rpx;
  914. }
  915. .uni-comment-date {
  916. line-height: 38rpx;
  917. flex-direction: row;
  918. justify-content: space-between;
  919. display: flex !important;
  920. flex-grow: 1;
  921. }
  922. .uni-comment-date view {
  923. color: #666666;
  924. font-size: 24rpx;
  925. line-height: 38rpx;
  926. }
  927. .uni-comment-content {
  928. line-height: 1.6em;
  929. font-size: 28rpx;
  930. padding: 8rpx 0;
  931. }
  932. .uni-comment-replay-btn {
  933. background: #FFF;
  934. font-size: 24rpx;
  935. line-height: 28rpx;
  936. padding: 5rpx 20rpx;
  937. border-radius: 30rpx;
  938. color: #333 !important;
  939. margin: 0 10rpx;
  940. }
  941. /* swiper msg */
  942. .uni-swiper-msg {
  943. width: 100%;
  944. padding: 12rpx 0;
  945. flex-wrap: nowrap;
  946. display: flex;
  947. }
  948. .uni-swiper-msg-icon {
  949. width: 50rpx;
  950. margin-right: 20rpx;
  951. }
  952. .uni-swiper-msg-icon image {
  953. width: 100%;
  954. flex-shrink: 0;
  955. }
  956. .uni-swiper-msg swiper {
  957. width: 100%;
  958. height: 50rpx;
  959. }
  960. .uni-swiper-msg swiper-item {
  961. line-height: 50rpx;
  962. }
  963. /* product */
  964. .uni-product-list {
  965. display: flex;
  966. width: 100%;
  967. flex-wrap: wrap;
  968. flex-direction: row;
  969. }
  970. .uni-product {
  971. padding: 20rpx;
  972. display: flex;
  973. flex-direction: column;
  974. }
  975. .image-view {
  976. height: 330rpx;
  977. width: 330rpx;
  978. margin: 12rpx 0;
  979. }
  980. .uni-product-image {
  981. height: 330rpx;
  982. width: 330rpx;
  983. }
  984. .uni-product-title {
  985. width: 300rpx;
  986. word-break: break-all;
  987. display: -webkit-box;
  988. overflow: hidden;
  989. line-height: 1.5;
  990. text-overflow: ellipsis;
  991. -webkit-box-orient: vertical;
  992. -webkit-line-clamp: 2;
  993. }
  994. .uni-product-price {
  995. margin-top: 10rpx;
  996. font-size: 28rpx;
  997. line-height: 1.5;
  998. position: relative;
  999. }
  1000. .uni-product-price-original {
  1001. color: #e80080;
  1002. }
  1003. .uni-product-price-favour {
  1004. color: #888888;
  1005. text-decoration: line-through;
  1006. margin-left: 10rpx;
  1007. }
  1008. .uni-product-tip {
  1009. position: absolute;
  1010. right: 10rpx;
  1011. background-color: #ff3333;
  1012. color: #ffffff;
  1013. padding: 0 10rpx;
  1014. border-radius: 5rpx;
  1015. }
  1016. /* timeline */
  1017. .uni-timeline {
  1018. margin: 35rpx 0;
  1019. display: flex;
  1020. flex-direction: column;
  1021. position: relative;
  1022. }
  1023. .uni-timeline-item {
  1024. display: flex;
  1025. flex-direction: row;
  1026. position: relative;
  1027. padding-bottom: 20rpx;
  1028. box-sizing: border-box;
  1029. overflow: hidden;
  1030. }
  1031. .uni-timeline-item .uni-timeline-item-keynode {
  1032. width: 160rpx;
  1033. flex-shrink: 0;
  1034. box-sizing: border-box;
  1035. padding-right: 20rpx;
  1036. text-align: right;
  1037. line-height: 65rpx;
  1038. }
  1039. .uni-timeline-item .uni-timeline-item-divider {
  1040. flex-shrink: 0;
  1041. position: relative;
  1042. width: 30rpx;
  1043. height: 30rpx;
  1044. top: 15rpx;
  1045. border-radius: 50%;
  1046. background-color: #bbb;
  1047. }
  1048. .uni-timeline-item-divider::before,
  1049. .uni-timeline-item-divider::after {
  1050. position: absolute;
  1051. left: 15rpx;
  1052. width: 1rpx;
  1053. height: 100vh;
  1054. content: '';
  1055. background: inherit;
  1056. }
  1057. .uni-timeline-item-divider::before {
  1058. bottom: 100%;
  1059. }
  1060. .uni-timeline-item-divider::after {
  1061. top: 100%;
  1062. }
  1063. .uni-timeline-last-item .uni-timeline-item-divider:after {
  1064. display: none;
  1065. }
  1066. .uni-timeline-first-item .uni-timeline-item-divider:before {
  1067. display: none;
  1068. }
  1069. .uni-timeline-item .uni-timeline-item-content {
  1070. padding-left: 20rpx;
  1071. }
  1072. .uni-timeline-last-item .bottom-border::after {
  1073. display: none;
  1074. }
  1075. .uni-timeline-item-content .datetime {
  1076. color: #CCCCCC;
  1077. }
  1078. /* 自定义节点颜色 */
  1079. .uni-timeline-last-item .uni-timeline-item-divider {
  1080. background-color: #1AAD19;
  1081. }
  1082. /* uni-icon */
  1083. .uni-icon {
  1084. font-family: uniicons;
  1085. font-size: 24px;
  1086. font-weight: normal;
  1087. font-style: normal;
  1088. line-height: 1;
  1089. display: inline-block;
  1090. text-decoration: none;
  1091. -webkit-font-smoothing: antialiased;
  1092. }
  1093. .uni-icon.uni-active {
  1094. color: #007aff;
  1095. }
  1096. .uni-icon-contact:before {
  1097. content: '\e100';
  1098. }
  1099. .uni-icon-person:before {
  1100. content: '\e101';
  1101. }
  1102. .uni-icon-personadd:before {
  1103. content: '\e102';
  1104. }
  1105. .uni-icon-contact-filled:before {
  1106. content: '\e130';
  1107. }
  1108. .uni-icon-person-filled:before {
  1109. content: '\e131';
  1110. }
  1111. .uni-icon-personadd-filled:before {
  1112. content: '\e132';
  1113. }
  1114. .uni-icon-phone:before {
  1115. content: '\e200';
  1116. }
  1117. .uni-icon-email:before {
  1118. content: '\e201';
  1119. }
  1120. .uni-icon-chatbubble:before {
  1121. content: '\e202';
  1122. }
  1123. .uni-icon-chatboxes:before {
  1124. content: '\e203';
  1125. }
  1126. .uni-icon-phone-filled:before {
  1127. content: '\e230';
  1128. }
  1129. .uni-icon-email-filled:before {
  1130. content: '\e231';
  1131. }
  1132. .uni-icon-chatbubble-filled:before {
  1133. content: '\e232';
  1134. }
  1135. .uni-icon-chatboxes-filled:before {
  1136. content: '\e233';
  1137. }
  1138. .uni-icon-weibo:before {
  1139. content: '\e260';
  1140. }
  1141. .uni-icon-weixin:before {
  1142. content: '\e261';
  1143. }
  1144. .uni-icon-pengyouquan:before {
  1145. content: '\e262';
  1146. }
  1147. .uni-icon-chat:before {
  1148. content: '\e263';
  1149. }
  1150. .uni-icon-qq:before {
  1151. content: '\e264';
  1152. }
  1153. .uni-icon-videocam:before {
  1154. content: '\e300';
  1155. }
  1156. .uni-icon-camera:before {
  1157. content: '\e301';
  1158. }
  1159. .uni-icon-mic:before {
  1160. content: '\e302';
  1161. }
  1162. .uni-icon-location:before {
  1163. content: '\e303';
  1164. }
  1165. .uni-icon-mic-filled:before,
  1166. .uni-icon-speech:before {
  1167. content: '\e332';
  1168. }
  1169. .uni-icon-location-filled:before {
  1170. content: '\e333';
  1171. }
  1172. .uni-icon-micoff:before {
  1173. content: '\e360';
  1174. }
  1175. .uni-icon-image:before {
  1176. content: '\e363';
  1177. }
  1178. .uni-icon-map:before {
  1179. content: '\e364';
  1180. }
  1181. .uni-icon-compose:before {
  1182. content: '\e400';
  1183. }
  1184. .uni-icon-trash:before {
  1185. content: '\e401';
  1186. }
  1187. .uni-icon-upload:before {
  1188. content: '\e402';
  1189. }
  1190. .uni-icon-download:before {
  1191. content: '\e403';
  1192. }
  1193. .uni-icon-close:before {
  1194. content: '\e404';
  1195. }
  1196. .uni-icon-redo:before {
  1197. content: '\e405';
  1198. }
  1199. .uni-icon-undo:before {
  1200. content: '\e406';
  1201. }
  1202. .uni-icon-refresh:before {
  1203. content: '\e407';
  1204. }
  1205. .uni-icon-star:before {
  1206. content: '\e408';
  1207. }
  1208. .uni-icon-plus:before {
  1209. content: '\e409';
  1210. }
  1211. .uni-icon-minus:before {
  1212. content: '\e410';
  1213. }
  1214. .uni-icon-circle:before,
  1215. .uni-icon-checkbox:before {
  1216. content: '\e411';
  1217. }
  1218. .uni-icon-close-filled:before,
  1219. .uni-icon-clear:before {
  1220. content: '\e434';
  1221. }
  1222. .uni-icon-refresh-filled:before {
  1223. content: '\e437';
  1224. }
  1225. .uni-icon-star-filled:before {
  1226. content: '\e438';
  1227. }
  1228. .uni-icon-plus-filled:before {
  1229. content: '\e439';
  1230. }
  1231. .uni-icon-minus-filled:before {
  1232. content: '\e440';
  1233. }
  1234. .uni-icon-circle-filled:before {
  1235. content: '\e441';
  1236. }
  1237. .uni-icon-checkbox-filled:before {
  1238. content: '\e442';
  1239. }
  1240. .uni-icon-closeempty:before {
  1241. content: '\e460';
  1242. }
  1243. .uni-icon-refreshempty:before {
  1244. content: '\e461';
  1245. }
  1246. .uni-icon-reload:before {
  1247. content: '\e462';
  1248. }
  1249. .uni-icon-starhalf:before {
  1250. content: '\e463';
  1251. }
  1252. .uni-icon-spinner:before {
  1253. content: '\e464';
  1254. }
  1255. .uni-icon-spinner-cycle:before {
  1256. content: '\e465';
  1257. }
  1258. .uni-icon-search:before {
  1259. content: '\e466';
  1260. }
  1261. .uni-icon-plusempty:before {
  1262. content: '\e468';
  1263. }
  1264. .uni-icon-forward:before {
  1265. content: '\e470';
  1266. }
  1267. .uni-icon-back:before,
  1268. .uni-icon-left-nav:before {
  1269. content: '\e471';
  1270. }
  1271. .uni-icon-checkmarkempty:before {
  1272. content: '\e472';
  1273. }
  1274. .uni-icon-home:before {
  1275. content: '\e500';
  1276. }
  1277. .uni-icon-navigate:before {
  1278. content: '\e501';
  1279. }
  1280. .uni-icon-gear:before {
  1281. content: '\e502';
  1282. }
  1283. .uni-icon-paperplane:before {
  1284. content: '\e503';
  1285. }
  1286. .uni-icon-info:before {
  1287. content: '\e504';
  1288. }
  1289. .uni-icon-help:before {
  1290. content: '\e505';
  1291. }
  1292. .uni-icon-locked:before {
  1293. content: '\e506';
  1294. }
  1295. .uni-icon-more:before {
  1296. content: '\e507';
  1297. }
  1298. .uni-icon-flag:before {
  1299. content: '\e508';
  1300. }
  1301. .uni-icon-home-filled:before {
  1302. content: '\e530';
  1303. }
  1304. .uni-icon-gear-filled:before {
  1305. content: '\e532';
  1306. }
  1307. .uni-icon-info-filled:before {
  1308. content: '\e534';
  1309. }
  1310. .uni-icon-help-filled:before {
  1311. content: '\e535';
  1312. }
  1313. .uni-icon-more-filled:before {
  1314. content: '\e537';
  1315. }
  1316. .uni-icon-settings:before {
  1317. content: '\e560';
  1318. }
  1319. .uni-icon-list:before {
  1320. content: '\e562';
  1321. }
  1322. .uni-icon-bars:before {
  1323. content: '\e563';
  1324. }
  1325. .uni-icon-loop:before {
  1326. content: '\e565';
  1327. }
  1328. .uni-icon-paperclip:before {
  1329. content: '\e567';
  1330. }
  1331. .uni-icon-eye:before {
  1332. content: '\e568';
  1333. }
  1334. .uni-icon-arrowup:before {
  1335. content: '\e580';
  1336. }
  1337. .uni-icon-arrowdown:before {
  1338. content: '\e581';
  1339. }
  1340. .uni-icon-arrowleft:before {
  1341. content: '\e582';
  1342. }
  1343. .uni-icon-arrowright:before {
  1344. content: '\e583';
  1345. }
  1346. .uni-icon-arrowthinup:before {
  1347. content: '\e584';
  1348. }
  1349. .uni-icon-arrowthindown:before {
  1350. content: '\e585';
  1351. }
  1352. .uni-icon-arrowthinleft:before {
  1353. content: '\e586';
  1354. }
  1355. .uni-icon-arrowthinright:before {
  1356. content: '\e587';
  1357. }
  1358. .uni-icon-pulldown:before {
  1359. content: '\e588';
  1360. }
  1361. .uni-icon-scan:before {
  1362. content: "\e612";
  1363. }
  1364. /* 分界线 */
  1365. .uni-divider {
  1366. height: 110rpx;
  1367. display: flex;
  1368. align-items: center;
  1369. justify-content: center;
  1370. position: relative;
  1371. }
  1372. .uni-divider__content {
  1373. font-size: 28rpx;
  1374. color: #999;
  1375. padding: 0 20rpx;
  1376. position: relative;
  1377. z-index: 101;
  1378. background: #F4F5F6;
  1379. }
  1380. .uni-divider__line {
  1381. background-color: #CCCCCC;
  1382. height: 1px;
  1383. width: 100%;
  1384. position: absolute;
  1385. z-index: 100;
  1386. top: 50%;
  1387. left: 0;
  1388. -webkit-transform: translateY(50%);
  1389. transform: translateY(50%);
  1390. }
  1391. .left-win-active text {
  1392. color: #007AFF !important;
  1393. }
  1394. .normal-tip {
  1395. font-size: 24rpx;
  1396. line-height: 40rpx;
  1397. padding: 4rpx 10rpx;
  1398. }
  1399. .normal-tip.by {
  1400. border-radius: 20rpx;
  1401. }
  1402. .normal-tip.yd {
  1403. border-radius: 5rspx;
  1404. }
  1405. .fixed-page-content {
  1406. width: 100%;
  1407. height: 100%;
  1408. padding-bottom: 120rpx;
  1409. box-sizing: border-box;
  1410. }
  1411. .page-content {
  1412. width: 100%;
  1413. height: 100%;
  1414. }
  1415. .white-box {
  1416. width: 100%;
  1417. font-size: 28rpx;
  1418. padding: 0 40rpx;
  1419. background-color: #ffffff;
  1420. box-sizing: border-box;
  1421. }
  1422. .white-box:not(:last-child) {
  1423. margin-bottom: 30rpx;
  1424. }
  1425. .white-box .flex-item {
  1426. align-items: center;
  1427. }
  1428. .white-box .flex-item .tel-box {
  1429. display: flex;
  1430. align-items: center;
  1431. justify-content: flex-end;
  1432. }
  1433. .white-box .flex-item .tel-box .custom-tel-component {
  1434. margin-left: 20rpx;
  1435. }
  1436. .white-box .cell-item {
  1437. color: var(--Black);
  1438. padding: 30rpx 0;
  1439. display: flex;
  1440. justify-content: space-between;
  1441. position: relative;
  1442. }
  1443. .white-box .cell-item::after {
  1444. position: absolute;
  1445. box-sizing: border-box;
  1446. content: ' ';
  1447. pointer-events: none;
  1448. right: 0;
  1449. bottom: 0;
  1450. left: 0;
  1451. border-bottom: 2rpx solid #ebedf0;
  1452. -webkit-transform: scaleY(0.5);
  1453. transform: scaleY(0.5);
  1454. }
  1455. .white-box .cell-item > .label {
  1456. flex: 1;
  1457. width: 30%;
  1458. }
  1459. .white-box .cell-item > .label .tips {
  1460. font-size: 22rpx;
  1461. color: var(--greyColor);
  1462. }
  1463. .white-box .cell-item > .label.required {
  1464. position: relative;
  1465. }
  1466. .white-box .cell-item > .label.required::after {
  1467. content: '*';
  1468. color: var(--Red);
  1469. position: absolute;
  1470. font-size: 30rpx;
  1471. top: -15rpx;
  1472. left: -15rpx;
  1473. }
  1474. .white-box .cell-item > .tit {
  1475. color: var(--Black);
  1476. flex: 1;
  1477. width: 70%;
  1478. text-align: right;
  1479. }
  1480. .white-box .cell-item > .tit .van-radio-group {
  1481. display: flex;
  1482. justify-content: flex-end;
  1483. }
  1484. .white-box .cell-item > .tit .van-radio-group .van-radio:not(:first-child) {
  1485. margin-left: 30rpx;
  1486. }
  1487. .white-box .block-cell-item {
  1488. color: var(--Black);
  1489. padding: 30rpx 0;
  1490. position: relative;
  1491. }
  1492. .white-box .block-cell-item::after {
  1493. position: absolute;
  1494. box-sizing: border-box;
  1495. content: " ";
  1496. pointer-events: none;
  1497. right: 16rpx;
  1498. bottom: 0;
  1499. left: 16rpx;
  1500. border-bottom: 2rpx solid #ebedf0;
  1501. -webkit-transform: scaleY(0.5);
  1502. transform: scaleY(0.5);
  1503. }
  1504. .white-box .block-cell-item .label {
  1505. width: 100%;
  1506. padding-bottom: 30rpx;
  1507. }
  1508. .white-box .block-cell-item .label.required {
  1509. position: relative;
  1510. }
  1511. .white-box .block-cell-item .label.required::after {
  1512. content: '*';
  1513. color: var(--Red);
  1514. position: absolute;
  1515. font-size: 30rpx;
  1516. top: -15rpx;
  1517. left: -15rpx;
  1518. }
  1519. .white-box .block-cell-item .label .tips {
  1520. font-size: 22rpx;
  1521. color: var(--greyColor);
  1522. }
  1523. .white-box .block-cell-item .tit {
  1524. width: 100%;
  1525. color: var(--Black);
  1526. }
  1527. .white-box .block-cell-item .tit .van-radio-group {
  1528. display: flex;
  1529. justify-content: flex-end;
  1530. }
  1531. .white-box .block-cell-item .tit .van-radio-group .van-radio:not(:first-child) {
  1532. margin-left: 30rpx;
  1533. }
  1534. .white-box .block-cell-item .tit .textarea {
  1535. background-color: #F8F8F8;
  1536. font-size: 30rpx;
  1537. color: #B7B7B7;
  1538. border-radius: 10rpx;
  1539. padding: 30rpx;
  1540. word-break: break-all;
  1541. }
  1542. .white-box .custom-white-box-content {
  1543. padding-bottom: 30rpx;
  1544. }
  1545. .z-bg {
  1546. background: #6600ff;
  1547. color: #fff;
  1548. }
  1549. .l-bg {
  1550. background: #0000FF;
  1551. color: #fff;
  1552. }
  1553. .h-bg {
  1554. background: #F87A7A;
  1555. color: #fff;
  1556. }
  1557. .z-br {
  1558. background: #fff;
  1559. border: 1px solid #6600ff;
  1560. color: #6600ff;
  1561. }
  1562. .chaochuyincang {
  1563. white-space: nowrap;
  1564. overflow: hidden;
  1565. text-overflow: ellipsis;
  1566. }
  1567. .van-ellipsis {
  1568. overflow: hidden;
  1569. text-overflow: ellipsis;
  1570. white-space: nowrap;
  1571. }
  1572. .van-multi-ellipsis--l2 {
  1573. -webkit-line-clamp: 2;
  1574. }
  1575. .van-multi-ellipsis--l2, .van-multi-ellipsis--l3 {
  1576. -webkit-box-orient: vertical;
  1577. display: -webkit-box;
  1578. overflow: hidden;
  1579. text-overflow: ellipsis;
  1580. }
  1581. .van-multi-ellipsis--l3 {
  1582. -webkit-line-clamp: 3;
  1583. }
  1584. .van-clearfix:after {
  1585. clear: both;
  1586. content: "";
  1587. display: table;
  1588. }
  1589. .van-hairline, .van-hairline--bottom, .van-hairline--left, .van-hairline--right, .van-hairline--surround, .van-hairline--top, .van-hairline--top-bottom {
  1590. position: relative;
  1591. }
  1592. .van-hairline--bottom:after, .van-hairline--left:after, .van-hairline--right:after, .van-hairline--surround:after, .van-hairline--top-bottom:after, .van-hairline--top:after, .van-hairline:after {
  1593. border: 0 solid #ebedf0;
  1594. bottom: -50%;
  1595. box-sizing: border-box;
  1596. content: " ";
  1597. left: -50%;
  1598. pointer-events: none;
  1599. position: absolute;
  1600. right: -50%;
  1601. top: -50%;
  1602. -webkit-transform: scale(0.5);
  1603. transform: scale(0.5);
  1604. -webkit-transform-origin: center;
  1605. transform-origin: center;
  1606. }
  1607. .van-hairline--top:after {
  1608. border-top-width: 1px;
  1609. }
  1610. .van-hairline--left:after {
  1611. border-left-width: 1px;
  1612. }
  1613. .van-hairline--right:after {
  1614. border-right-width: 1px;
  1615. }
  1616. .van-hairline--bottom:after {
  1617. border-bottom-width: 1px;
  1618. }
  1619. .van-hairline--top-bottom:after {
  1620. border-width: 1px 0;
  1621. }
  1622. .van-hairline--surround:after {
  1623. border-width: 1px;
  1624. }
  1625. page {
  1626. line-height: 1.15;
  1627. -ms-text-size-adjust: 100%;
  1628. -webkit-text-size-adjust: 100%;
  1629. }
  1630. page {
  1631. margin: 0;
  1632. }
  1633. ._article,
  1634. ._aside,
  1635. ._footer,
  1636. ._header,
  1637. ._nav,
  1638. ._section {
  1639. display: block;
  1640. }
  1641. ._h1 {
  1642. font-size: 2em;
  1643. margin: 0.67em 0;
  1644. }
  1645. ._figcaption,
  1646. ._figure,
  1647. ._main {
  1648. display: block;
  1649. }
  1650. ._hr {
  1651. box-sizing: content-box;
  1652. height: 0;
  1653. overflow: visible;
  1654. }
  1655. ._pre {
  1656. font-family: DINPro-Regular, Roboto;
  1657. font-size: 1em;
  1658. }
  1659. ._a {
  1660. background-color: transparent;
  1661. -webkit-text-decoration-skip: objects;
  1662. }
  1663. ._abbr[title] {
  1664. border-bottom: none;
  1665. text-decoration: underline;
  1666. -webkit-text-decoration: underline dotted;
  1667. text-decoration: underline dotted;
  1668. }
  1669. ._b,
  1670. ._strong {
  1671. font-weight: inherit;
  1672. }
  1673. ._b,
  1674. ._strong {
  1675. font-weight: bolder;
  1676. }
  1677. ._code,
  1678. ._kbd,
  1679. ._samp {
  1680. font-family: monospace, monospace;
  1681. font-size: 1em;
  1682. }
  1683. ._dfn {
  1684. font-style: italic;
  1685. }
  1686. ._mark {
  1687. background-color: #ff0;
  1688. color: #000;
  1689. }
  1690. ._small {
  1691. font-size: 80%;
  1692. }
  1693. ._sub,
  1694. ._sup {
  1695. font-size: 75%;
  1696. line-height: 0;
  1697. position: relative;
  1698. vertical-align: baseline;
  1699. }
  1700. ._sub {
  1701. bottom: -0.25em;
  1702. }
  1703. ._sup {
  1704. top: -0.5em;
  1705. }
  1706. audio,
  1707. video {
  1708. display: inline-block;
  1709. }
  1710. audio:not([controls]) {
  1711. display: none;
  1712. height: 0;
  1713. }
  1714. ._img {
  1715. border-style: none;
  1716. }
  1717. svg:not(:root) {
  1718. overflow: hidden;
  1719. }
  1720. button,
  1721. input,
  1722. ._optgroup,
  1723. ._select,
  1724. textarea {
  1725. font-family: sans-serif;
  1726. font-size: 100%;
  1727. line-height: 1.15;
  1728. margin: 0;
  1729. }
  1730. button,
  1731. input {
  1732. overflow: visible;
  1733. }
  1734. button,
  1735. ._select {
  1736. text-transform: none;
  1737. }
  1738. button,
  1739. page [type="button"],
  1740. [type="reset"],
  1741. [type="submit"] {
  1742. -webkit-appearance: button;
  1743. }
  1744. button::-moz-focus-inner,
  1745. [type="button"]::-moz-focus-inner,
  1746. [type="reset"]::-moz-focus-inner,
  1747. [type="submit"]::-moz-focus-inner {
  1748. border-style: none;
  1749. padding: 0;
  1750. }
  1751. button:-moz-focusring,
  1752. [type="button"]:-moz-focusring,
  1753. [type="reset"]:-moz-focusring,
  1754. [type="submit"]:-moz-focusring {
  1755. outline: 1px dotted ButtonText;
  1756. }
  1757. ._fieldset {
  1758. padding: 0.35em 0.75em 0.625em;
  1759. }
  1760. ._legend {
  1761. box-sizing: border-box;
  1762. color: inherit;
  1763. display: table;
  1764. max-width: 100%;
  1765. padding: 0;
  1766. white-space: normal;
  1767. }
  1768. progress {
  1769. display: inline-block;
  1770. vertical-align: baseline;
  1771. }
  1772. textarea {
  1773. overflow: auto;
  1774. }
  1775. [type="checkbox"],
  1776. [type="radio"] {
  1777. box-sizing: border-box;
  1778. padding: 0;
  1779. }
  1780. /**
  1781. * Correct the cursor style of increment and decrement buttons in Chrome.
  1782. */
  1783. [type="number"]::-webkit-inner-spin-button,
  1784. [type="number"]::-webkit-outer-spin-button {
  1785. height: auto;
  1786. }
  1787. [type="search"] {
  1788. -webkit-appearance: textfield;
  1789. outline-offset: -2px;
  1790. }
  1791. [type="search"]::-webkit-search-cancel-button,
  1792. [type="search"]::-webkit-search-decoration {
  1793. -webkit-appearance: none;
  1794. }
  1795. ::-webkit-file-upload-button {
  1796. -webkit-appearance: button;
  1797. font: inherit;
  1798. }
  1799. ._details,
  1800. ._menu {
  1801. display: block;
  1802. }
  1803. ._summary {
  1804. display: list-item;
  1805. }
  1806. canvas {
  1807. display: inline-block;
  1808. }
  1809. template {
  1810. display: none;
  1811. }
  1812. [hidden] {
  1813. display: none;
  1814. }
  1815. page,
  1816. page,
  1817. #app {
  1818. position: absolute;
  1819. top: 0;
  1820. left: 0;
  1821. right: 0;
  1822. bottom: 0;
  1823. width: 100%;
  1824. height: 100%;
  1825. background-color: #f0f3f5;
  1826. }
  1827. #app {
  1828. background-color: var(--white);
  1829. }
  1830. .van-radio__label--disabled {
  1831. color: #666666 !important;
  1832. }
  1833. .van-radio__icon--checked {
  1834. background: #0365f9 !important;
  1835. color: white !important;
  1836. border: none !important;
  1837. }
  1838. .second_title {
  1839. float: left;
  1840. width: 30%;
  1841. font-size: 28rpx;
  1842. font-family: PingFang SC-Medium, PingFang SC;
  1843. font-weight: 500;
  1844. color: #777777;
  1845. }
  1846. .second_title_1 {
  1847. float: left;
  1848. width: 25%;
  1849. font-size: 28rpx;
  1850. font-family: PingFang SC-Medium, PingFang SC;
  1851. font-weight: 500;
  1852. color: #777777;
  1853. }
  1854. .iconfont {
  1855. /*font-family: "iconfont" !important;*/
  1856. font-size: 16px;
  1857. font-style: normal;
  1858. -webkit-font-smoothing: antialiased;
  1859. -moz-osx-font-smoothing: grayscale;
  1860. }
  1861. .float_left {
  1862. float: left;
  1863. }
  1864. .clear_both {
  1865. clear: both;
  1866. }
  1867. .margin12rpx {
  1868. margin: 12rpx;
  1869. }
  1870. .chuzu_label {
  1871. width: 312rpx;
  1872. height: 36rpx;
  1873. font-size: 26rpx;
  1874. font-family: PingFang SC-Medium, PingFang SC;
  1875. font-weight: 500;
  1876. color: #333333;
  1877. line-height: 36rpx;
  1878. }
  1879. .chuzu_vlaue {
  1880. width: 86rpx;
  1881. font-size: 32rpx;
  1882. font-family: PingFang SC-Bold, PingFang SC;
  1883. font-weight: bold;
  1884. color: #ec7359;
  1885. line-height: 38rpx;
  1886. }
  1887. .mb14rpx {
  1888. margin-bottom: 14rpx;
  1889. }
  1890. .height34rpx {
  1891. height: 34rpx;
  1892. }
  1893. .height50rpx {
  1894. height: 50rpx;
  1895. }
  1896. .font24rpx {
  1897. font-size: 24rpx;
  1898. }
  1899. .fontcolor251FCA {
  1900. color: #251FCA;
  1901. }
  1902. .roomstatus1 {
  1903. height: 38rpx;
  1904. border-radius: 8rpx 8rpx 8rpx 8rpx;
  1905. line-height: 38rpx;
  1906. background: rgba(29, 24, 188, 0.05);
  1907. border: none;
  1908. padding: 0rpx 16rpx;
  1909. font-weight: 500;
  1910. color: #1d18bc;
  1911. }
  1912. .roomstatus {
  1913. height: 50rpx;
  1914. line-height: 50rpx;
  1915. font-size: 24rpx;
  1916. padding: 0rpx 16rpx;
  1917. float: left;
  1918. border-radius: 8rpx 8rpx 8rpx 8rpx;
  1919. font-family: PingFang SC-Medium, PingFang SC;
  1920. font-weight: 500;
  1921. color: #1d18bc;
  1922. border: 2rpx solid #1d18bc;
  1923. margin-left: 16rpx;
  1924. }
  1925. .roomstatus:first-child {
  1926. margin-left: 0 !important;
  1927. }
  1928. .height50px {
  1929. height: 50rpx;
  1930. }
  1931. .mb8rpx {
  1932. margin-bottom: 8rpx;
  1933. }
  1934. .width100 {
  1935. width: 100%;
  1936. }
  1937. .width90 {
  1938. width: 90%;
  1939. }
  1940. .width10 {
  1941. width: 10%;
  1942. }
  1943. .width10imp {
  1944. width: 10% !important;
  1945. }
  1946. .height36rpx {
  1947. height: 36rpx;
  1948. }
  1949. .height40rpx {
  1950. height: 40rpx;
  1951. }
  1952. .list-row {
  1953. width: calc(100% - 64rpx);
  1954. padding: 32rpx 32rpx 32rpx 32rpx;
  1955. background: #ffffff;
  1956. margin-bottom: 16rpx;
  1957. display: flex;
  1958. border-radius: 8rpx 8rpx 8rpx 8rpx;
  1959. }
  1960. .list {
  1961. width: calc(100% - 64rpx);
  1962. margin: 32rpx;
  1963. }
  1964. .mb16rpx {
  1965. margin-bottom: 16rpx;
  1966. }
  1967. .height66rpx {
  1968. height: 66rpx;
  1969. }
  1970. .height44rpx {
  1971. height: 44rpx;
  1972. }
  1973. .total {
  1974. padding: 8rpx 32rpx 8rpx 0;
  1975. text-align: right;
  1976. background: #ffffff;
  1977. }
  1978. .roomstatus {
  1979. height: 50rpx;
  1980. line-height: 50rpx;
  1981. font-size: 24rpx;
  1982. padding: 0rpx 16rpx;
  1983. float: left;
  1984. border-radius: 8rpx 8rpx 8rpx 8rpx;
  1985. font-family: PingFang SC-Medium, PingFang SC;
  1986. font-weight: 500;
  1987. color: #1d18bc;
  1988. border: 2rpx solid #1d18bc;
  1989. margin-left: 16rpx;
  1990. }
  1991. .companystatus {
  1992. height: 42rpx;
  1993. width: 80rpx;
  1994. line-height: 42rpx;
  1995. font-size: 24rpx;
  1996. text-align: center;
  1997. float: left;
  1998. border-radius: 8rpx 8rpx 8rpx 8rpx;
  1999. font-family: PingFang SC-Medium, PingFang SC;
  2000. font-weight: 500;
  2001. color: #1d18bc;
  2002. background-color: #F1f1f9;
  2003. border-radius: 8rpx;
  2004. margin-left: 16rpx;
  2005. }
  2006. .bgc1d18bc {
  2007. background-color: #1d18bc;
  2008. }
  2009. .van-tabs__line {
  2010. background-color: #1d18bc !important;
  2011. }
  2012. .mt42rpx {
  2013. margin-top: 42rpx;
  2014. }
  2015. .mb42rpx {
  2016. margin-bottom: 42rpx;
  2017. }
  2018. .pd42rpx {
  2019. padding-bottom: 42rpx;
  2020. }
  2021. .margint16rpx {
  2022. margin-top: 16rpx;
  2023. }
  2024. .height554rpx {
  2025. height: 554rpx;
  2026. }
  2027. .height35px {
  2028. height: 35px;
  2029. }
  2030. .l35pxheight {
  2031. line-height: 35px;
  2032. }
  2033. .width622rpx {
  2034. width: 622rpx;
  2035. }
  2036. .pdl16 {
  2037. padding-left: 16rpx;
  2038. }
  2039. .mt32rpx {
  2040. margin-top: 32rpx;
  2041. }
  2042. .mb32rpx {
  2043. margin-bottom: 32rpx;
  2044. }
  2045. .mb16rpx {
  2046. margin-bottom: 16rpx;
  2047. }
  2048. .pdr16 {
  2049. padding-left: 16rpx;
  2050. }
  2051. .pdt10 {
  2052. padding-top: 10rpx;
  2053. }
  2054. .pdb10 {
  2055. padding-bottom: 10rpx;
  2056. }
  2057. .mt60rpx {
  2058. margin-top: 60rpx;
  2059. }
  2060. .margint8rpx {
  2061. margin-top: 8rpx;
  2062. }
  2063. .icon-arrow-up:before {
  2064. content: "\e685";
  2065. }
  2066. .icon-location:before {
  2067. content: "\e600";
  2068. }
  2069. .icon-right:before {
  2070. content: "\e70d";
  2071. }
  2072. .icon-radio:before {
  2073. content: "\e601";
  2074. }
  2075. .icon-time:before {
  2076. content: "\e621";
  2077. }
  2078. .icon-radio-checked:before {
  2079. content: "\e60c";
  2080. }
  2081. .icon-actived:before {
  2082. content: "\e61e";
  2083. }
  2084. .icon-arrow-down:before {
  2085. content: "\e602";
  2086. }
  2087. .width100 {
  2088. width: 100%;
  2089. }
  2090. .width30 {
  2091. width: 30%;
  2092. }
  2093. .width60 {
  2094. width: 60%;
  2095. }
  2096. .whitespacenowrap {
  2097. overflow: hidden;
  2098. text-overflow: ellipsis;
  2099. white-space: nowrap;
  2100. }
  2101. .first_title {
  2102. height: 44rpx;
  2103. line-height: 44rpx;
  2104. font-size: 32rpx;
  2105. font-family: PingFang SC-Medium, PingFang SC;
  2106. font-weight: 500;
  2107. color: #333333;
  2108. }
  2109. .third_title {
  2110. float: left;
  2111. width: 60%;
  2112. font-size: 26rpx;
  2113. font-family: PingFang SC-Medium, PingFang SC;
  2114. font-weight: 500;
  2115. color: #AAAAAA;
  2116. }
  2117. .third_title_1 {
  2118. float: left;
  2119. width: 40%;
  2120. font-size: 26rpx;
  2121. font-family: PingFang SC-Medium, PingFang SC;
  2122. font-weight: 500;
  2123. color: #AAAAAA;
  2124. }
  2125. .yongtu_first_title {
  2126. width: 100%;
  2127. height: 44rpx;
  2128. font-size: 32rpx;
  2129. margin-bottom: 4rpx;
  2130. text-align: center;
  2131. font-weight: 500;
  2132. color: #333333;
  2133. }
  2134. .yongtu_second_title {
  2135. width: 100%;
  2136. height: 36rpx;
  2137. font-size: 26rpx;
  2138. text-align: center;
  2139. color: #AAAAAA;
  2140. }
  2141. .height28rpx {
  2142. height: 28rpx;
  2143. }
  2144. .width80 {
  2145. width: 80% !important;
  2146. }
  2147. .width70 {
  2148. width: 70%;
  2149. }
  2150. .width30 {
  2151. width: 30%;
  2152. }
  2153. .width20 {
  2154. width: 20% !important;
  2155. }
  2156. .width40 {
  2157. width: 40% !important;
  2158. }
  2159. .width40rpx {
  2160. width: 40rpx;
  2161. }
  2162. .width50 {
  2163. width: 50%;
  2164. }
  2165. .float_left {
  2166. float: left;
  2167. }
  2168. .float_right {
  2169. float: right;
  2170. }
  2171. .pdl32 {
  2172. padding-left: 32rpx;
  2173. }
  2174. .pdr32 {
  2175. padding-right: 32rpx;
  2176. }
  2177. .pdt32 {
  2178. padding-top: 32rpx;
  2179. }
  2180. .pdb32 {
  2181. padding-bottom: 32rpx;
  2182. }
  2183. .pdb16 {
  2184. padding-bottom: 16rpx;
  2185. }
  2186. .mgb20 {
  2187. margin-bottom: 20rpx;
  2188. }
  2189. .allpd32rpx {
  2190. padding: 32rpx;
  2191. }
  2192. .pdb20 {
  2193. margin-bottom: 20rpx;
  2194. }
  2195. .pdt20 {
  2196. padding-top: 20rpx;
  2197. }
  2198. .height50rpx {
  2199. height: 50rpx;
  2200. }
  2201. .marginb16 {
  2202. margin-bottom: 16rpx;
  2203. }
  2204. .height40rpx {
  2205. height: 40rpx;
  2206. }
  2207. .list_date {
  2208. color: #AAAAAA;
  2209. font-size: 28rpx;
  2210. font-weight: 500;
  2211. }
  2212. .border_bottom_ccc {
  2213. border-bottom: 2rpx solid #CCCCCC;
  2214. }
  2215. .report_title {
  2216. font-size: 28rpx;
  2217. height: 40rpx;
  2218. font-family: PingFang SC-Medium, PingFang SC;
  2219. font-weight: 500;
  2220. color: #333333;
  2221. }
  2222. .border_bottom_f5f5f5 {
  2223. border-bottom: 2rpx solid #F5F5F5;
  2224. }
  2225. .txt_center {
  2226. text-align: center;
  2227. }
  2228. .height300rpx {
  2229. height: 300rpx;
  2230. }
  2231. .bgcF9F9F9 {
  2232. background: #f9f9f9;
  2233. }
  2234. .height218rpx {
  2235. height: 218rpx;
  2236. }
  2237. .cell_1 {
  2238. float: left;
  2239. width: 100%;
  2240. }
  2241. .cell_2 {
  2242. float: left;
  2243. width: 20%;
  2244. }
  2245. .cell_2 ._img {
  2246. height: 60rpx;
  2247. width: 60rpx;
  2248. float: right;
  2249. margin: 96rpx 0rpx 94rpx 0;
  2250. }
  2251. .ml16 {
  2252. margin-left: 16rpx;
  2253. }
  2254. .ml32 {
  2255. margin-left: 32rpx;
  2256. }
  2257. .mt10 {
  2258. margin-top: 10rpx;
  2259. }
  2260. .cell_3 {
  2261. width: 5%;
  2262. float: right;
  2263. }
  2264. .cell_3 ._img {
  2265. height: 50rpx;
  2266. width: 50rpx;
  2267. float: right;
  2268. margin: 35rpx 0;
  2269. }
  2270. .width50 {
  2271. width: 50%;
  2272. }
  2273. .marginl8 .ml8 {
  2274. margin-left: 8rpx;
  2275. }
  2276. .lh40rpx {
  2277. line-height: 40rpx;
  2278. }
  2279. .lh50rpx {
  2280. line-height: 50rpx;
  2281. }
  2282. .disflex {
  2283. display: flex;
  2284. }
  2285. .align_items_center {
  2286. align-items: center;
  2287. }
  2288. .height44rpx {
  2289. height: 44rpx;
  2290. }
  2291. .disblock {
  2292. display: block;
  2293. }
  2294. .marginauto {
  2295. margin: auto;
  2296. }
  2297. .font28rpx {
  2298. font-size: 28rpx;
  2299. }
  2300. .color292d98 {
  2301. color: #292d98;
  2302. }
  2303. .colorfffff {
  2304. color: #FFFFFF;
  2305. }
  2306. .bgcFFFFFF {
  2307. background-color: #FFFFFF;
  2308. }
  2309. .mt24rpx {
  2310. margin-top: 24rpx;
  2311. }
  2312. .mb24rpx {
  2313. margin-bottom: 24rpx;
  2314. }
  2315. .padb24rpx {
  2316. padding-bottom: 24rpx;
  2317. }
  2318. .height80rpx {
  2319. height: 80rpx;
  2320. }
  2321. .height24rpx {
  2322. height: 24rpx;
  2323. }