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-yellow {
  119. background: rgb(192, 192, 22);
  120. color: #FFF;
  121. }
  122. .uni-bg-blue {
  123. background: #007AFF;
  124. color: #FFF;
  125. }
  126. /* 标题 */
  127. .uni-h1 {
  128. font-size: 80rpx;
  129. font-weight: 700;
  130. }
  131. .uni-h2 {
  132. font-size: 60rpx;
  133. font-weight: 700;
  134. }
  135. .uni-h3 {
  136. font-size: 48rpx;
  137. font-weight: 700;
  138. }
  139. .uni-h4 {
  140. font-size: 36rpx;
  141. font-weight: 700;
  142. }
  143. .uni-h5 {
  144. font-size: 28rpx;
  145. color: #8f8f94;
  146. }
  147. .uni-h6 {
  148. font-size: 24rpx;
  149. color: #8f8f94;
  150. }
  151. .uni-bold {
  152. font-weight: bold;
  153. }
  154. /* 文本溢出隐藏 */
  155. .uni-ellipsis {
  156. overflow: hidden;
  157. white-space: nowrap;
  158. text-overflow: ellipsis;
  159. }
  160. /* 竖向百分百按钮 */
  161. .uni-btn-v {
  162. padding: 10rpx 0;
  163. }
  164. .uni-btn-v button {
  165. margin: 20rpx 0;
  166. }
  167. /* 表单 */
  168. .uni-form-item {
  169. display: flex;
  170. width: 100%;
  171. padding: 10rpx 0;
  172. }
  173. .uni-form-item .title {
  174. padding: 10rpx 25rpx;
  175. }
  176. .uni-label {
  177. width: 210rpx;
  178. word-wrap: break-word;
  179. word-break: break-all;
  180. text-indent: 20rpx;
  181. }
  182. .uni-input {
  183. height: 50rpx;
  184. padding: 15rpx 25rpx;
  185. line-height: 50rpx;
  186. font-size: 28rpx;
  187. background: #FFF;
  188. flex: 1;
  189. }
  190. radio-group,
  191. checkbox-group {
  192. width: 100%;
  193. }
  194. radio-group label,
  195. checkbox-group label {
  196. padding-right: 20rpx;
  197. }
  198. .uni-form-item .with-fun {
  199. display: flex;
  200. flex-wrap: nowrap;
  201. background: #FFFFFF;
  202. }
  203. .uni-form-item .with-fun .uni-icon {
  204. width: 40px;
  205. height: 80rpx;
  206. line-height: 80rpx;
  207. flex-shrink: 0;
  208. }
  209. /* loadmore */
  210. .uni-loadmore {
  211. height: 80rpx;
  212. line-height: 80rpx;
  213. text-align: center;
  214. padding-bottom: 30rpx;
  215. }
  216. .uni-badge.uni-badge-inverted {
  217. padding: 0 5px 0 0;
  218. color: #929292;
  219. background-color: transparent
  220. }
  221. .uni-badge-primary {
  222. color: #fff;
  223. background-color: #007aff
  224. }
  225. .uni-badge-blue.uni-badge-inverted,
  226. .uni-badge-primary.uni-badge-inverted {
  227. color: #007aff;
  228. background-color: transparent
  229. }
  230. .uni-badge-green,
  231. .uni-badge-success {
  232. color: #fff;
  233. background-color: #4cd964;
  234. }
  235. .uni-badge-green.uni-badge-inverted,
  236. .uni-badge-success.uni-badge-inverted {
  237. color: #4cd964;
  238. background-color: transparent
  239. }
  240. .uni-badge-warning,
  241. .uni-badge-yellow {
  242. color: #fff;
  243. background-color: #f0ad4e
  244. }
  245. .uni-badge-warning.uni-badge-inverted,
  246. .uni-badge-yellow.uni-badge-inverted {
  247. color: #f0ad4e;
  248. background-color: transparent
  249. }
  250. .uni-badge-danger,
  251. .uni-badge-red {
  252. color: #fff;
  253. background-color: #dd524d
  254. }
  255. .uni-badge-danger.uni-badge-inverted,
  256. .uni-badge-red.uni-badge-inverted {
  257. color: #dd524d;
  258. background-color: transparent
  259. }
  260. .uni-badge-purple,
  261. .uni-badge-royal {
  262. color: #fff;
  263. background-color: #8a6de9
  264. }
  265. .uni-badge-purple.uni-badge-inverted,
  266. .uni-badge-royal.uni-badge-inverted {
  267. color: #8a6de9;
  268. background-color: transparent
  269. }
  270. /*折叠面板 */
  271. .uni-collapse-content {
  272. height: 0;
  273. width: 100%;
  274. overflow: hidden;
  275. }
  276. .uni-collapse-content.uni-active {
  277. height: auto;
  278. }
  279. /*卡片视图 */
  280. .uni-card {
  281. background: #fff;
  282. border-radius: 8rpx;
  283. margin: 20rpx 0;
  284. position: relative;
  285. /* box-shadow: 0 2rpx 4rpx rgba(0, 0, 0, .3); */
  286. }
  287. .uni-card-content {
  288. font-size: 30rpx;
  289. }
  290. .uni-card-content.image-view {
  291. width: 100%;
  292. margin: 0;
  293. }
  294. .uni-card-content-inner {
  295. position: relative;
  296. padding: 30rpx;
  297. }
  298. .uni-card-footer,
  299. .uni-card-header {
  300. position: relative;
  301. display: flex;
  302. min-height: 50rpx;
  303. padding: 20rpx 30rpx;
  304. justify-content: space-between;
  305. align-items: center;
  306. }
  307. .uni-card-header {
  308. font-size: 36rpx;
  309. }
  310. .uni-card-footer {
  311. color: #6d6d72;
  312. }
  313. .uni-card-footer:before,
  314. .uni-card-header:after {
  315. position: absolute;
  316. top: 0;
  317. right: 0;
  318. left: 0;
  319. height: 2rpx;
  320. content: '';
  321. -webkit-transform: scaleY(.5);
  322. transform: scaleY(.5);
  323. background-color: #c8c7cc;
  324. }
  325. .uni-card-header:after {
  326. top: auto;
  327. bottom: 0;
  328. }
  329. .uni-card-media {
  330. justify-content: flex-start;
  331. }
  332. .uni-card-media-logo {
  333. height: 84rpx;
  334. width: 84rpx;
  335. margin-right: 20rpx;
  336. }
  337. .uni-card-media-body {
  338. height: 84rpx;
  339. display: flex;
  340. flex-direction: column;
  341. justify-content: space-between;
  342. align-items: flex-start;
  343. }
  344. .uni-card-media-text-top {
  345. line-height: 36rpx;
  346. font-size: 34rpx;
  347. }
  348. .uni-card-media-text-bottom {
  349. line-height: 30rpx;
  350. font-size: 28rpx;
  351. color: #8f8f94;
  352. }
  353. .uni-card-link {
  354. color: #007AFF;
  355. }
  356. /* 列表 */
  357. .uni-list {
  358. background-color: #FFFFFF;
  359. position: relative;
  360. width: 100%;
  361. display: flex;
  362. flex-direction: column;
  363. }
  364. .uni-list:after {
  365. position: absolute;
  366. z-index: 10;
  367. right: 0;
  368. bottom: 0;
  369. left: 0;
  370. height: 1px;
  371. content: '';
  372. -webkit-transform: scaleY(.5);
  373. transform: scaleY(.5);
  374. background-color: #c8c7cc;
  375. }
  376. /* .uni-list::before {
  377. position: absolute;
  378. z-index: 10;
  379. right: 0;
  380. top: 0;
  381. left: 0;
  382. height: 1px;
  383. content: '';
  384. -webkit-transform: scaleY(.5);
  385. transform: scaleY(.5);
  386. background-color: #c8c7cc;
  387. } */
  388. .uni-list-cell {
  389. position: relative;
  390. display: flex;
  391. flex-direction: row;
  392. justify-content: space-between;
  393. align-items: center;
  394. }
  395. .uni-list-cell-hover {
  396. background-color: #eee;
  397. }
  398. .uni-list-cell-pd {
  399. padding: 22rpx 30rpx;
  400. }
  401. .uni-list-cell-left {
  402. white-space: nowrap;
  403. font-size: 28rpx;
  404. padding: 0 30rpx;
  405. }
  406. .uni-list-cell-db,
  407. .uni-list-cell-right {
  408. flex: 1;
  409. }
  410. .uni-list-cell::after {
  411. position: absolute;
  412. z-index: 3;
  413. right: 0;
  414. bottom: 0;
  415. left: 30rpx;
  416. height: 1px;
  417. content: '';
  418. -webkit-transform: scaleY(.5);
  419. transform: scaleY(.5);
  420. background-color: #c8c7cc;
  421. }
  422. .uni-list .uni-list-cell:last-child::after {
  423. height: 0rpx;
  424. }
  425. .uni-list-cell-last.uni-list-cell::after {
  426. height: 0rpx;
  427. }
  428. .uni-list-cell-divider {
  429. position: relative;
  430. display: flex;
  431. color: #999;
  432. background-color: #f7f7f7;
  433. padding: 15rpx 20rpx;
  434. }
  435. .uni-list-cell-divider::before {
  436. position: absolute;
  437. right: 0;
  438. top: 0;
  439. left: 0;
  440. height: 1px;
  441. content: '';
  442. -webkit-transform: scaleY(.5);
  443. transform: scaleY(.5);
  444. background-color: #c8c7cc;
  445. }
  446. .uni-list-cell-divider::after {
  447. position: absolute;
  448. right: 0;
  449. bottom: 0;
  450. left: 0rpx;
  451. height: 1px;
  452. content: '';
  453. -webkit-transform: scaleY(.5);
  454. transform: scaleY(.5);
  455. background-color: #c8c7cc;
  456. }
  457. .uni-list-cell-navigate {
  458. font-size: 30rpx;
  459. padding: 22rpx 30rpx;
  460. line-height: 48rpx;
  461. position: relative;
  462. display: flex;
  463. box-sizing: border-box;
  464. width: 100%;
  465. flex: 1;
  466. justify-content: space-between;
  467. align-items: center;
  468. }
  469. .uni-list-cell-navigate {
  470. padding-right: 36rpx;
  471. }
  472. .uni-navigate-badge {
  473. padding-right: 50rpx;
  474. }
  475. .uni-list-cell-navigate.uni-navigate-right:after {
  476. font-family: uniicons;
  477. content: '\e583';
  478. position: absolute;
  479. right: 24rpx;
  480. top: 50%;
  481. color: #bbb;
  482. -webkit-transform: translateY(-50%);
  483. transform: translateY(-50%);
  484. }
  485. .uni-list-cell-navigate.uni-navigate-bottom:after {
  486. font-family: uniicons;
  487. content: '\e581';
  488. position: absolute;
  489. right: 24rpx;
  490. top: 50%;
  491. color: #bbb;
  492. -webkit-transform: translateY(-50%);
  493. transform: translateY(-50%);
  494. }
  495. .uni-list-cell-navigate.uni-navigate-bottom.uni-active::after {
  496. font-family: uniicons;
  497. content: '\e580';
  498. position: absolute;
  499. right: 24rpx;
  500. top: 50%;
  501. color: #bbb;
  502. -webkit-transform: translateY(-50%);
  503. transform: translateY(-50%);
  504. }
  505. .uni-collapse.uni-list-cell {
  506. flex-direction: column;
  507. }
  508. .uni-list-cell-navigate.uni-active {
  509. background: #eee;
  510. }
  511. .uni-list.uni-collapse {
  512. box-sizing: border-box;
  513. height: 0;
  514. overflow: hidden;
  515. }
  516. .uni-collapse .uni-list-cell {
  517. padding-left: 20rpx;
  518. }
  519. .uni-collapse .uni-list-cell::after {
  520. left: 52rpx;
  521. }
  522. .uni-list.uni-active {
  523. height: auto;
  524. }
  525. /* 三行列表 */
  526. .uni-triplex-row {
  527. display: flex;
  528. flex: 1;
  529. width: 100%;
  530. box-sizing: border-box;
  531. flex-direction: row;
  532. padding: 22rpx 30rpx;
  533. }
  534. .uni-triplex-right,
  535. .uni-triplex-left {
  536. display: flex;
  537. flex-direction: column;
  538. }
  539. .uni-triplex-left {
  540. width: 84%;
  541. }
  542. .uni-triplex-left .uni-title {
  543. padding: 8rpx 0;
  544. }
  545. .uni-triplex-left .uni-text,
  546. .uni-triplex-left .uni-text-small {
  547. color: #999999;
  548. }
  549. .uni-triplex-right {
  550. width: 16%;
  551. text-align: right;
  552. }
  553. /* 图文列表 */
  554. .uni-media-list {
  555. padding: 22rpx 30rpx;
  556. box-sizing: border-box;
  557. display: flex;
  558. width: 100%;
  559. flex-direction: row;
  560. }
  561. .uni-navigate-right.uni-media-list {
  562. padding-right: 74rpx;
  563. }
  564. .uni-pull-right {
  565. flex-direction: row-reverse;
  566. }
  567. .uni-pull-right>.uni-media-list-logo {
  568. margin-right: 0rpx;
  569. margin-left: 20rpx;
  570. }
  571. .uni-media-list-logo {
  572. height: 84rpx;
  573. width: 84rpx;
  574. margin-right: 20rpx;
  575. }
  576. .uni-media-list-logo image {
  577. height: 100%;
  578. width: 100%;
  579. }
  580. .uni-media-list-body {
  581. height: 84rpx;
  582. display: flex;
  583. flex: 1;
  584. flex-direction: column;
  585. justify-content: space-between;
  586. align-items: flex-start;
  587. overflow: hidden;
  588. }
  589. .uni-media-list-text-top {
  590. width: 100%;
  591. line-height: 36rpx;
  592. font-size: 30rpx;
  593. }
  594. .uni-media-list-text-bottom {
  595. width: 100%;
  596. line-height: 30rpx;
  597. font-size: 26rpx;
  598. color: #8f8f94;
  599. }
  600. /* 九宫格 */
  601. .uni-grid-9 {
  602. background: #f2f2f2;
  603. width: 750rpx;
  604. display: flex;
  605. flex-direction: row;
  606. flex-wrap: wrap;
  607. border-top: 2rpx solid #eee;
  608. }
  609. .uni-grid-9-item {
  610. width: 250rpx;
  611. height: 200rpx;
  612. display: flex;
  613. flex-direction: column;
  614. align-items: center;
  615. justify-content: center;
  616. border-bottom: 2rpx solid;
  617. border-right: 2rpx solid;
  618. border-color: #eee;
  619. box-sizing: border-box;
  620. }
  621. .no-border-right {
  622. border-right: none;
  623. }
  624. .uni-grid-9-image {
  625. width: 100rpx;
  626. height: 100rpx;
  627. }
  628. .uni-grid-9-text {
  629. width: 250rpx;
  630. line-height: 4rpx;
  631. height: 40rpx;
  632. text-align: center;
  633. font-size: 30rpx;
  634. }
  635. .uni-grid-9-item-hover {
  636. background: rgba(0, 0, 0, 0.1);
  637. }
  638. /* 上传 */
  639. .uni-uploader {
  640. flex: 1;
  641. flex-direction: column;
  642. }
  643. .uni-uploader-head {
  644. display: flex;
  645. flex-direction: row;
  646. justify-content: space-between;
  647. }
  648. .uni-uploader-info {
  649. color: #B2B2B2;
  650. }
  651. .uni-uploader-body {
  652. margin-top: 16rpx;
  653. }
  654. .uni-uploader__files {
  655. display: flex;
  656. flex-direction: row;
  657. flex-wrap: wrap;
  658. }
  659. .uni-uploader__file {
  660. margin: 10rpx;
  661. width: 210rpx;
  662. height: 210rpx;
  663. }
  664. .uni-uploader__img {
  665. display: block;
  666. width: 210rpx;
  667. height: 210rpx;
  668. }
  669. .uni-uploader__input-box {
  670. position: relative;
  671. margin: 10rpx;
  672. width: 208rpx;
  673. height: 208rpx;
  674. border: 2rpx solid #D9D9D9;
  675. }
  676. .uni-uploader__input-box:before,
  677. .uni-uploader__input-box:after {
  678. content: " ";
  679. position: absolute;
  680. top: 50%;
  681. left: 50%;
  682. -webkit-transform: translate(-50%, -50%);
  683. transform: translate(-50%, -50%);
  684. background-color: #D9D9D9;
  685. }
  686. .uni-uploader__input-box:before {
  687. width: 4rpx;
  688. height: 79rpx;
  689. }
  690. .uni-uploader__input-box:after {
  691. width: 79rpx;
  692. height: 4rpx;
  693. }
  694. .uni-uploader__input-box:active {
  695. border-color: #999999;
  696. }
  697. .uni-uploader__input-box:active:before,
  698. .uni-uploader__input-box:active:after {
  699. background-color: #999999;
  700. }
  701. .uni-uploader__input {
  702. position: absolute;
  703. z-index: 1;
  704. top: 0;
  705. left: 0;
  706. width: 100%;
  707. height: 100%;
  708. opacity: 0;
  709. }
  710. /*问题反馈*/
  711. .feedback-title {
  712. display: flex;
  713. flex-direction: row;
  714. justify-content: space-between;
  715. align-items: center;
  716. padding: 20rpx;
  717. color: #8f8f94;
  718. font-size: 28rpx;
  719. }
  720. .feedback-star-view.feedback-title {
  721. justify-content: flex-start;
  722. margin: 0;
  723. }
  724. .feedback-quick {
  725. position: relative;
  726. padding-right: 40rpx;
  727. }
  728. .feedback-quick:after {
  729. font-family: uniicons;
  730. font-size: 40rpx;
  731. content: '\e581';
  732. position: absolute;
  733. right: 0;
  734. top: 50%;
  735. color: #bbb;
  736. -webkit-transform: translateY(-50%);
  737. transform: translateY(-50%);
  738. }
  739. .feedback-body {
  740. background: #fff;
  741. }
  742. .feedback-textare {
  743. height: 200rpx;
  744. font-size: 34rpx;
  745. line-height: 50rpx;
  746. width: 100%;
  747. box-sizing: border-box;
  748. padding: 20rpx 30rpx 0;
  749. }
  750. .feedback-input {
  751. font-size: 34rpx;
  752. height: 50rpx;
  753. min-height: 50rpx;
  754. padding: 15rpx 20rpx;
  755. line-height: 50rpx;
  756. }
  757. .feedback-uploader {
  758. padding: 22rpx 20rpx;
  759. }
  760. .feedback-star {
  761. font-family: uniicons;
  762. font-size: 40rpx;
  763. margin-left: 6rpx;
  764. }
  765. .feedback-star-view {
  766. margin-left: 20rpx;
  767. }
  768. .feedback-star:after {
  769. content: '\e408';
  770. }
  771. .feedback-star.active {
  772. color: #FFB400;
  773. }
  774. .feedback-star.active:after {
  775. content: '\e438';
  776. }
  777. .feedback-submit {
  778. background: #007AFF;
  779. color: #FFFFFF;
  780. margin: 20rpx;
  781. }
  782. /* input group */
  783. .uni-input-group {
  784. position: relative;
  785. padding: 0;
  786. border: 0;
  787. background-color: #fff;
  788. }
  789. .uni-input-group:before {
  790. position: absolute;
  791. top: 0;
  792. right: 0;
  793. left: 0;
  794. height: 2rpx;
  795. content: '';
  796. -webkit-transform: scaleY(.5);
  797. transform: scaleY(.5);
  798. background-color: #c8c7cc;
  799. }
  800. .uni-input-group:after {
  801. position: absolute;
  802. right: 0;
  803. bottom: 0;
  804. left: 0;
  805. height: 2rpx;
  806. content: '';
  807. -webkit-transform: scaleY(.5);
  808. transform: scaleY(.5);
  809. background-color: #c8c7cc;
  810. }
  811. .uni-input-row {
  812. position: relative;
  813. display: flex;
  814. flex-direction: row;
  815. font-size: 28rpx;
  816. padding: 22rpx 30rpx;
  817. justify-content: space-between;
  818. }
  819. .uni-input-group .uni-input-row:after {
  820. position: absolute;
  821. right: 0;
  822. bottom: 0;
  823. left: 30rpx;
  824. height: 2rpx;
  825. content: '';
  826. -webkit-transform: scaleY(.5);
  827. transform: scaleY(.5);
  828. background-color: #c8c7cc;
  829. }
  830. .uni-input-row label {
  831. line-height: 70rpx;
  832. }
  833. /* textarea */
  834. .uni-textarea {
  835. width: 100%;
  836. background: #FFF;
  837. }
  838. .uni-textarea textarea {
  839. width: 96%;
  840. padding: 18rpx 2%;
  841. line-height: 1.6;
  842. font-size: 28rpx;
  843. height: 150rpx;
  844. }
  845. /* tab bar */
  846. .uni-tab-bar {
  847. display: flex;
  848. flex: 1;
  849. flex-direction: column;
  850. overflow: hidden;
  851. height: 100%;
  852. }
  853. .uni-tab-bar .list {
  854. width: 750rpx;
  855. height: 100%;
  856. }
  857. .uni-swiper-tab {
  858. width: 100%;
  859. white-space: nowrap;
  860. line-height: 100rpx;
  861. height: 100rpx;
  862. border-bottom: 1px solid #c8c7cc;
  863. }
  864. .swiper-tab-list {
  865. font-size: 30rpx;
  866. width: 150rpx;
  867. display: inline-block;
  868. text-align: center;
  869. color: #555;
  870. }
  871. .uni-tab-bar .active {
  872. color: #007AFF;
  873. }
  874. .uni-tab-bar .swiper-box {
  875. flex: 1;
  876. width: 100%;
  877. height: calc(100% - 100rpx);
  878. }
  879. .uni-tab-bar-loading {
  880. padding: 20rpx 0;
  881. }
  882. /* comment */
  883. .uni-comment {
  884. padding: 5rpx 0;
  885. display: flex;
  886. flex-grow: 1;
  887. flex-direction: column;
  888. }
  889. .uni-comment-list {
  890. flex-wrap: nowrap;
  891. padding: 10rpx 0;
  892. margin: 10rpx 0;
  893. width: 100%;
  894. display: flex;
  895. }
  896. .uni-comment-face {
  897. width: 70rpx;
  898. height: 70rpx;
  899. border-radius: 100%;
  900. margin-right: 20rpx;
  901. flex-shrink: 0;
  902. overflow: hidden;
  903. }
  904. .uni-comment-face image {
  905. width: 100%;
  906. border-radius: 100%;
  907. }
  908. .uni-comment-body {
  909. width: 100%;
  910. }
  911. .uni-comment-top {
  912. line-height: 1.5em;
  913. justify-content: space-between;
  914. }
  915. .uni-comment-top text {
  916. color: #0A98D5;
  917. font-size: 24rpx;
  918. }
  919. .uni-comment-date {
  920. line-height: 38rpx;
  921. flex-direction: row;
  922. justify-content: space-between;
  923. display: flex !important;
  924. flex-grow: 1;
  925. }
  926. .uni-comment-date view {
  927. color: #666666;
  928. font-size: 24rpx;
  929. line-height: 38rpx;
  930. }
  931. .uni-comment-content {
  932. line-height: 1.6em;
  933. font-size: 28rpx;
  934. padding: 8rpx 0;
  935. }
  936. .uni-comment-replay-btn {
  937. background: #FFF;
  938. font-size: 24rpx;
  939. line-height: 28rpx;
  940. padding: 5rpx 20rpx;
  941. border-radius: 30rpx;
  942. color: #333 !important;
  943. margin: 0 10rpx;
  944. }
  945. /* swiper msg */
  946. .uni-swiper-msg {
  947. width: 100%;
  948. padding: 12rpx 0;
  949. flex-wrap: nowrap;
  950. display: flex;
  951. }
  952. .uni-swiper-msg-icon {
  953. width: 50rpx;
  954. margin-right: 20rpx;
  955. }
  956. .uni-swiper-msg-icon image {
  957. width: 100%;
  958. flex-shrink: 0;
  959. }
  960. .uni-swiper-msg swiper {
  961. width: 100%;
  962. height: 50rpx;
  963. }
  964. .uni-swiper-msg swiper-item {
  965. line-height: 50rpx;
  966. }
  967. /* product */
  968. .uni-product-list {
  969. display: flex;
  970. width: 100%;
  971. flex-wrap: wrap;
  972. flex-direction: row;
  973. }
  974. .uni-product {
  975. padding: 20rpx;
  976. display: flex;
  977. flex-direction: column;
  978. }
  979. .image-view {
  980. height: 330rpx;
  981. width: 330rpx;
  982. margin: 12rpx 0;
  983. }
  984. .uni-product-image {
  985. height: 330rpx;
  986. width: 330rpx;
  987. }
  988. .uni-product-title {
  989. width: 300rpx;
  990. word-break: break-all;
  991. display: -webkit-box;
  992. overflow: hidden;
  993. line-height: 1.5;
  994. text-overflow: ellipsis;
  995. -webkit-box-orient: vertical;
  996. -webkit-line-clamp: 2;
  997. }
  998. .uni-product-price {
  999. margin-top: 10rpx;
  1000. font-size: 28rpx;
  1001. line-height: 1.5;
  1002. position: relative;
  1003. }
  1004. .uni-product-price-original {
  1005. color: #e80080;
  1006. }
  1007. .uni-product-price-favour {
  1008. color: #888888;
  1009. text-decoration: line-through;
  1010. margin-left: 10rpx;
  1011. }
  1012. .uni-product-tip {
  1013. position: absolute;
  1014. right: 10rpx;
  1015. background-color: #ff3333;
  1016. color: #ffffff;
  1017. padding: 0 10rpx;
  1018. border-radius: 5rpx;
  1019. }
  1020. /* timeline */
  1021. .uni-timeline {
  1022. margin: 35rpx 0;
  1023. display: flex;
  1024. flex-direction: column;
  1025. position: relative;
  1026. }
  1027. .uni-timeline-item {
  1028. display: flex;
  1029. flex-direction: row;
  1030. position: relative;
  1031. padding-bottom: 20rpx;
  1032. box-sizing: border-box;
  1033. overflow: hidden;
  1034. }
  1035. .uni-timeline-item .uni-timeline-item-keynode {
  1036. width: 160rpx;
  1037. flex-shrink: 0;
  1038. box-sizing: border-box;
  1039. padding-right: 20rpx;
  1040. text-align: right;
  1041. line-height: 65rpx;
  1042. }
  1043. .uni-timeline-item .uni-timeline-item-divider {
  1044. flex-shrink: 0;
  1045. position: relative;
  1046. width: 30rpx;
  1047. height: 30rpx;
  1048. top: 15rpx;
  1049. border-radius: 50%;
  1050. background-color: #bbb;
  1051. }
  1052. .uni-timeline-item-divider::before,
  1053. .uni-timeline-item-divider::after {
  1054. position: absolute;
  1055. left: 15rpx;
  1056. width: 1rpx;
  1057. height: 100vh;
  1058. content: '';
  1059. background: inherit;
  1060. }
  1061. .uni-timeline-item-divider::before {
  1062. bottom: 100%;
  1063. }
  1064. .uni-timeline-item-divider::after {
  1065. top: 100%;
  1066. }
  1067. .uni-timeline-last-item .uni-timeline-item-divider:after {
  1068. display: none;
  1069. }
  1070. .uni-timeline-first-item .uni-timeline-item-divider:before {
  1071. display: none;
  1072. }
  1073. .uni-timeline-item .uni-timeline-item-content {
  1074. padding-left: 20rpx;
  1075. }
  1076. .uni-timeline-last-item .bottom-border::after {
  1077. display: none;
  1078. }
  1079. .uni-timeline-item-content .datetime {
  1080. color: #CCCCCC;
  1081. }
  1082. /* 自定义节点颜色 */
  1083. .uni-timeline-last-item .uni-timeline-item-divider {
  1084. background-color: #1AAD19;
  1085. }
  1086. /* uni-icon */
  1087. .uni-icon {
  1088. font-family: uniicons;
  1089. font-size: 24px;
  1090. font-weight: normal;
  1091. font-style: normal;
  1092. line-height: 1;
  1093. display: inline-block;
  1094. text-decoration: none;
  1095. -webkit-font-smoothing: antialiased;
  1096. }
  1097. .uni-icon.uni-active {
  1098. color: #007aff;
  1099. }
  1100. .uni-icon-contact:before {
  1101. content: '\e100';
  1102. }
  1103. .uni-icon-person:before {
  1104. content: '\e101';
  1105. }
  1106. .uni-icon-personadd:before {
  1107. content: '\e102';
  1108. }
  1109. .uni-icon-contact-filled:before {
  1110. content: '\e130';
  1111. }
  1112. .uni-icon-person-filled:before {
  1113. content: '\e131';
  1114. }
  1115. .uni-icon-personadd-filled:before {
  1116. content: '\e132';
  1117. }
  1118. .uni-icon-phone:before {
  1119. content: '\e200';
  1120. }
  1121. .uni-icon-email:before {
  1122. content: '\e201';
  1123. }
  1124. .uni-icon-chatbubble:before {
  1125. content: '\e202';
  1126. }
  1127. .uni-icon-chatboxes:before {
  1128. content: '\e203';
  1129. }
  1130. .uni-icon-phone-filled:before {
  1131. content: '\e230';
  1132. }
  1133. .uni-icon-email-filled:before {
  1134. content: '\e231';
  1135. }
  1136. .uni-icon-chatbubble-filled:before {
  1137. content: '\e232';
  1138. }
  1139. .uni-icon-chatboxes-filled:before {
  1140. content: '\e233';
  1141. }
  1142. .uni-icon-weibo:before {
  1143. content: '\e260';
  1144. }
  1145. .uni-icon-weixin:before {
  1146. content: '\e261';
  1147. }
  1148. .uni-icon-pengyouquan:before {
  1149. content: '\e262';
  1150. }
  1151. .uni-icon-chat:before {
  1152. content: '\e263';
  1153. }
  1154. .uni-icon-qq:before {
  1155. content: '\e264';
  1156. }
  1157. .uni-icon-videocam:before {
  1158. content: '\e300';
  1159. }
  1160. .uni-icon-camera:before {
  1161. content: '\e301';
  1162. }
  1163. .uni-icon-mic:before {
  1164. content: '\e302';
  1165. }
  1166. .uni-icon-location:before {
  1167. content: '\e303';
  1168. }
  1169. .uni-icon-mic-filled:before,
  1170. .uni-icon-speech:before {
  1171. content: '\e332';
  1172. }
  1173. .uni-icon-location-filled:before {
  1174. content: '\e333';
  1175. }
  1176. .uni-icon-micoff:before {
  1177. content: '\e360';
  1178. }
  1179. .uni-icon-image:before {
  1180. content: '\e363';
  1181. }
  1182. .uni-icon-map:before {
  1183. content: '\e364';
  1184. }
  1185. .uni-icon-compose:before {
  1186. content: '\e400';
  1187. }
  1188. .uni-icon-trash:before {
  1189. content: '\e401';
  1190. }
  1191. .uni-icon-upload:before {
  1192. content: '\e402';
  1193. }
  1194. .uni-icon-download:before {
  1195. content: '\e403';
  1196. }
  1197. .uni-icon-close:before {
  1198. content: '\e404';
  1199. }
  1200. .uni-icon-redo:before {
  1201. content: '\e405';
  1202. }
  1203. .uni-icon-undo:before {
  1204. content: '\e406';
  1205. }
  1206. .uni-icon-refresh:before {
  1207. content: '\e407';
  1208. }
  1209. .uni-icon-star:before {
  1210. content: '\e408';
  1211. }
  1212. .uni-icon-plus:before {
  1213. content: '\e409';
  1214. }
  1215. .uni-icon-minus:before {
  1216. content: '\e410';
  1217. }
  1218. .uni-icon-circle:before,
  1219. .uni-icon-checkbox:before {
  1220. content: '\e411';
  1221. }
  1222. .uni-icon-close-filled:before,
  1223. .uni-icon-clear:before {
  1224. content: '\e434';
  1225. }
  1226. .uni-icon-refresh-filled:before {
  1227. content: '\e437';
  1228. }
  1229. .uni-icon-star-filled:before {
  1230. content: '\e438';
  1231. }
  1232. .uni-icon-plus-filled:before {
  1233. content: '\e439';
  1234. }
  1235. .uni-icon-minus-filled:before {
  1236. content: '\e440';
  1237. }
  1238. .uni-icon-circle-filled:before {
  1239. content: '\e441';
  1240. }
  1241. .uni-icon-checkbox-filled:before {
  1242. content: '\e442';
  1243. }
  1244. .uni-icon-closeempty:before {
  1245. content: '\e460';
  1246. }
  1247. .uni-icon-refreshempty:before {
  1248. content: '\e461';
  1249. }
  1250. .uni-icon-reload:before {
  1251. content: '\e462';
  1252. }
  1253. .uni-icon-starhalf:before {
  1254. content: '\e463';
  1255. }
  1256. .uni-icon-spinner:before {
  1257. content: '\e464';
  1258. }
  1259. .uni-icon-spinner-cycle:before {
  1260. content: '\e465';
  1261. }
  1262. .uni-icon-search:before {
  1263. content: '\e466';
  1264. }
  1265. .uni-icon-plusempty:before {
  1266. content: '\e468';
  1267. }
  1268. .uni-icon-forward:before {
  1269. content: '\e470';
  1270. }
  1271. .uni-icon-back:before,
  1272. .uni-icon-left-nav:before {
  1273. content: '\e471';
  1274. }
  1275. .uni-icon-checkmarkempty:before {
  1276. content: '\e472';
  1277. }
  1278. .uni-icon-home:before {
  1279. content: '\e500';
  1280. }
  1281. .uni-icon-navigate:before {
  1282. content: '\e501';
  1283. }
  1284. .uni-icon-gear:before {
  1285. content: '\e502';
  1286. }
  1287. .uni-icon-paperplane:before {
  1288. content: '\e503';
  1289. }
  1290. .uni-icon-info:before {
  1291. content: '\e504';
  1292. }
  1293. .uni-icon-help:before {
  1294. content: '\e505';
  1295. }
  1296. .uni-icon-locked:before {
  1297. content: '\e506';
  1298. }
  1299. .uni-icon-more:before {
  1300. content: '\e507';
  1301. }
  1302. .uni-icon-flag:before {
  1303. content: '\e508';
  1304. }
  1305. .uni-icon-home-filled:before {
  1306. content: '\e530';
  1307. }
  1308. .uni-icon-gear-filled:before {
  1309. content: '\e532';
  1310. }
  1311. .uni-icon-info-filled:before {
  1312. content: '\e534';
  1313. }
  1314. .uni-icon-help-filled:before {
  1315. content: '\e535';
  1316. }
  1317. .uni-icon-more-filled:before {
  1318. content: '\e537';
  1319. }
  1320. .uni-icon-settings:before {
  1321. content: '\e560';
  1322. }
  1323. .uni-icon-list:before {
  1324. content: '\e562';
  1325. }
  1326. .uni-icon-bars:before {
  1327. content: '\e563';
  1328. }
  1329. .uni-icon-loop:before {
  1330. content: '\e565';
  1331. }
  1332. .uni-icon-paperclip:before {
  1333. content: '\e567';
  1334. }
  1335. .uni-icon-eye:before {
  1336. content: '\e568';
  1337. }
  1338. .uni-icon-arrowup:before {
  1339. content: '\e580';
  1340. }
  1341. .uni-icon-arrowdown:before {
  1342. content: '\e581';
  1343. }
  1344. .uni-icon-arrowleft:before {
  1345. content: '\e582';
  1346. }
  1347. .uni-icon-arrowright:before {
  1348. content: '\e583';
  1349. }
  1350. .uni-icon-arrowthinup:before {
  1351. content: '\e584';
  1352. }
  1353. .uni-icon-arrowthindown:before {
  1354. content: '\e585';
  1355. }
  1356. .uni-icon-arrowthinleft:before {
  1357. content: '\e586';
  1358. }
  1359. .uni-icon-arrowthinright:before {
  1360. content: '\e587';
  1361. }
  1362. .uni-icon-pulldown:before {
  1363. content: '\e588';
  1364. }
  1365. .uni-icon-scan:before {
  1366. content: "\e612";
  1367. }
  1368. /* 分界线 */
  1369. .uni-divider {
  1370. height: 110rpx;
  1371. display: flex;
  1372. align-items: center;
  1373. justify-content: center;
  1374. position: relative;
  1375. }
  1376. .uni-divider__content {
  1377. font-size: 28rpx;
  1378. color: #999;
  1379. padding: 0 20rpx;
  1380. position: relative;
  1381. z-index: 101;
  1382. background: #F4F5F6;
  1383. }
  1384. .uni-divider__line {
  1385. background-color: #CCCCCC;
  1386. height: 1px;
  1387. width: 100%;
  1388. position: absolute;
  1389. z-index: 100;
  1390. top: 50%;
  1391. left: 0;
  1392. -webkit-transform: translateY(50%);
  1393. transform: translateY(50%);
  1394. }
  1395. .left-win-active text {
  1396. color: #007AFF !important;
  1397. }
  1398. .normal-tip {
  1399. font-size: 24rpx;
  1400. line-height: 40rpx;
  1401. padding: 4rpx 10rpx;
  1402. }
  1403. .normal-tip.by {
  1404. border-radius: 20rpx;
  1405. }
  1406. .normal-tip.yd {
  1407. border-radius: 5rspx;
  1408. }
  1409. .fixed-page-content {
  1410. width: 100%;
  1411. height: 100%;
  1412. padding-bottom: 120rpx;
  1413. box-sizing: border-box;
  1414. }
  1415. .page-content {
  1416. width: 100%;
  1417. height: 100%;
  1418. }
  1419. .white-box {
  1420. width: 100%;
  1421. font-size: 28rpx;
  1422. padding: 0 40rpx;
  1423. background-color: #ffffff;
  1424. box-sizing: border-box;
  1425. }
  1426. .white-box:not(:last-child) {
  1427. margin-bottom: 30rpx;
  1428. }
  1429. .white-box .flex-item {
  1430. align-items: center;
  1431. }
  1432. .white-box .flex-item .tel-box {
  1433. display: flex;
  1434. align-items: center;
  1435. justify-content: flex-end;
  1436. }
  1437. .white-box .flex-item .tel-box .custom-tel-component {
  1438. margin-left: 20rpx;
  1439. }
  1440. .white-box .cell-item {
  1441. color: var(--Black);
  1442. padding: 30rpx 0;
  1443. display: flex;
  1444. justify-content: space-between;
  1445. position: relative;
  1446. }
  1447. .white-box .cell-item::after {
  1448. position: absolute;
  1449. box-sizing: border-box;
  1450. content: ' ';
  1451. pointer-events: none;
  1452. right: 0;
  1453. bottom: 0;
  1454. left: 0;
  1455. border-bottom: 2rpx solid #ebedf0;
  1456. -webkit-transform: scaleY(0.5);
  1457. transform: scaleY(0.5);
  1458. }
  1459. .white-box .cell-item > .label {
  1460. flex: 1;
  1461. width: 30%;
  1462. }
  1463. .white-box .cell-item > .label .tips {
  1464. font-size: 22rpx;
  1465. color: var(--greyColor);
  1466. }
  1467. .white-box .cell-item > .label.required {
  1468. position: relative;
  1469. }
  1470. .white-box .cell-item > .label.required::after {
  1471. content: '*';
  1472. color: var(--Red);
  1473. position: absolute;
  1474. font-size: 30rpx;
  1475. top: -15rpx;
  1476. left: -15rpx;
  1477. }
  1478. .white-box .cell-item > .tit {
  1479. color: var(--Black);
  1480. flex: 1;
  1481. width: 70%;
  1482. text-align: right;
  1483. }
  1484. .white-box .cell-item > .tit .van-radio-group {
  1485. display: flex;
  1486. justify-content: flex-end;
  1487. }
  1488. .white-box .cell-item > .tit .van-radio-group .van-radio:not(:first-child) {
  1489. margin-left: 30rpx;
  1490. }
  1491. .white-box .block-cell-item {
  1492. color: var(--Black);
  1493. padding: 30rpx 0;
  1494. position: relative;
  1495. }
  1496. .white-box .block-cell-item::after {
  1497. position: absolute;
  1498. box-sizing: border-box;
  1499. content: " ";
  1500. pointer-events: none;
  1501. right: 16rpx;
  1502. bottom: 0;
  1503. left: 16rpx;
  1504. border-bottom: 2rpx solid #ebedf0;
  1505. -webkit-transform: scaleY(0.5);
  1506. transform: scaleY(0.5);
  1507. }
  1508. .white-box .block-cell-item .label {
  1509. width: 100%;
  1510. padding-bottom: 30rpx;
  1511. }
  1512. .white-box .block-cell-item .label.required {
  1513. position: relative;
  1514. }
  1515. .white-box .block-cell-item .label.required::after {
  1516. content: '*';
  1517. color: var(--Red);
  1518. position: absolute;
  1519. font-size: 30rpx;
  1520. top: -15rpx;
  1521. left: -15rpx;
  1522. }
  1523. .white-box .block-cell-item .label .tips {
  1524. font-size: 22rpx;
  1525. color: var(--greyColor);
  1526. }
  1527. .white-box .block-cell-item .tit {
  1528. width: 100%;
  1529. color: var(--Black);
  1530. }
  1531. .white-box .block-cell-item .tit .van-radio-group {
  1532. display: flex;
  1533. justify-content: flex-end;
  1534. }
  1535. .white-box .block-cell-item .tit .van-radio-group .van-radio:not(:first-child) {
  1536. margin-left: 30rpx;
  1537. }
  1538. .white-box .block-cell-item .tit .textarea {
  1539. background-color: #F8F8F8;
  1540. font-size: 30rpx;
  1541. color: #B7B7B7;
  1542. border-radius: 10rpx;
  1543. padding: 30rpx;
  1544. word-break: break-all;
  1545. }
  1546. .white-box .custom-white-box-content {
  1547. padding-bottom: 30rpx;
  1548. }
  1549. .z-bg {
  1550. background: #6600ff;
  1551. color: #fff;
  1552. }
  1553. .l-bg {
  1554. background: #0000FF;
  1555. color: #fff;
  1556. }
  1557. .h-bg {
  1558. background: #F87A7A;
  1559. color: #fff;
  1560. }
  1561. .y-bg {
  1562. background: #e4ce6b;
  1563. color: #fff;
  1564. }
  1565. .z-br {
  1566. background: #fff;
  1567. border: 1px solid #6600ff;
  1568. color: #6600ff;
  1569. }
  1570. .chaochuyincang {
  1571. white-space: nowrap;
  1572. overflow: hidden;
  1573. text-overflow: ellipsis;
  1574. }
  1575. .van-ellipsis {
  1576. overflow: hidden;
  1577. text-overflow: ellipsis;
  1578. white-space: nowrap;
  1579. }
  1580. .van-multi-ellipsis--l2 {
  1581. -webkit-line-clamp: 2;
  1582. }
  1583. .van-multi-ellipsis--l2, .van-multi-ellipsis--l3 {
  1584. -webkit-box-orient: vertical;
  1585. display: -webkit-box;
  1586. overflow: hidden;
  1587. text-overflow: ellipsis;
  1588. }
  1589. .van-multi-ellipsis--l3 {
  1590. -webkit-line-clamp: 3;
  1591. }
  1592. .van-clearfix:after {
  1593. clear: both;
  1594. content: "";
  1595. display: table;
  1596. }
  1597. .van-hairline, .van-hairline--bottom, .van-hairline--left, .van-hairline--right, .van-hairline--surround, .van-hairline--top, .van-hairline--top-bottom {
  1598. position: relative;
  1599. }
  1600. .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 {
  1601. border: 0 solid #ebedf0;
  1602. bottom: -50%;
  1603. box-sizing: border-box;
  1604. content: " ";
  1605. left: -50%;
  1606. pointer-events: none;
  1607. position: absolute;
  1608. right: -50%;
  1609. top: -50%;
  1610. -webkit-transform: scale(0.5);
  1611. transform: scale(0.5);
  1612. -webkit-transform-origin: center;
  1613. transform-origin: center;
  1614. }
  1615. .van-hairline--top:after {
  1616. border-top-width: 1px;
  1617. }
  1618. .van-hairline--left:after {
  1619. border-left-width: 1px;
  1620. }
  1621. .van-hairline--right:after {
  1622. border-right-width: 1px;
  1623. }
  1624. .van-hairline--bottom:after {
  1625. border-bottom-width: 1px;
  1626. }
  1627. .van-hairline--top-bottom:after {
  1628. border-width: 1px 0;
  1629. }
  1630. .van-hairline--surround:after {
  1631. border-width: 1px;
  1632. }
  1633. page {
  1634. line-height: 1.15;
  1635. -ms-text-size-adjust: 100%;
  1636. -webkit-text-size-adjust: 100%;
  1637. }
  1638. page {
  1639. margin: 0;
  1640. }
  1641. ._article,
  1642. ._aside,
  1643. ._footer,
  1644. ._header,
  1645. ._nav,
  1646. ._section {
  1647. display: block;
  1648. }
  1649. ._h1 {
  1650. font-size: 2em;
  1651. margin: 0.67em 0;
  1652. }
  1653. ._figcaption,
  1654. ._figure,
  1655. ._main {
  1656. display: block;
  1657. }
  1658. ._hr {
  1659. box-sizing: content-box;
  1660. height: 0;
  1661. overflow: visible;
  1662. }
  1663. ._pre {
  1664. font-family: DINPro-Regular, Roboto;
  1665. font-size: 1em;
  1666. }
  1667. ._a {
  1668. background-color: transparent;
  1669. -webkit-text-decoration-skip: objects;
  1670. }
  1671. ._abbr[title] {
  1672. border-bottom: none;
  1673. text-decoration: underline;
  1674. -webkit-text-decoration: underline dotted;
  1675. text-decoration: underline dotted;
  1676. }
  1677. ._b,
  1678. ._strong {
  1679. font-weight: inherit;
  1680. }
  1681. ._b,
  1682. ._strong {
  1683. font-weight: bolder;
  1684. }
  1685. ._code,
  1686. ._kbd,
  1687. ._samp {
  1688. font-family: monospace, monospace;
  1689. font-size: 1em;
  1690. }
  1691. ._dfn {
  1692. font-style: italic;
  1693. }
  1694. ._mark {
  1695. background-color: #ff0;
  1696. color: #000;
  1697. }
  1698. ._small {
  1699. font-size: 80%;
  1700. }
  1701. ._sub,
  1702. ._sup {
  1703. font-size: 75%;
  1704. line-height: 0;
  1705. position: relative;
  1706. vertical-align: baseline;
  1707. }
  1708. ._sub {
  1709. bottom: -0.25em;
  1710. }
  1711. ._sup {
  1712. top: -0.5em;
  1713. }
  1714. audio,
  1715. video {
  1716. display: inline-block;
  1717. }
  1718. audio:not([controls]) {
  1719. display: none;
  1720. height: 0;
  1721. }
  1722. ._img {
  1723. border-style: none;
  1724. }
  1725. svg:not(:root) {
  1726. overflow: hidden;
  1727. }
  1728. button,
  1729. input,
  1730. ._optgroup,
  1731. ._select,
  1732. textarea {
  1733. font-family: sans-serif;
  1734. font-size: 100%;
  1735. line-height: 1.15;
  1736. margin: 0;
  1737. }
  1738. button,
  1739. input {
  1740. overflow: visible;
  1741. }
  1742. button,
  1743. ._select {
  1744. text-transform: none;
  1745. }
  1746. button,
  1747. page [type="button"],
  1748. [type="reset"],
  1749. [type="submit"] {
  1750. -webkit-appearance: button;
  1751. }
  1752. button::-moz-focus-inner,
  1753. [type="button"]::-moz-focus-inner,
  1754. [type="reset"]::-moz-focus-inner,
  1755. [type="submit"]::-moz-focus-inner {
  1756. border-style: none;
  1757. padding: 0;
  1758. }
  1759. button:-moz-focusring,
  1760. [type="button"]:-moz-focusring,
  1761. [type="reset"]:-moz-focusring,
  1762. [type="submit"]:-moz-focusring {
  1763. outline: 1px dotted ButtonText;
  1764. }
  1765. ._fieldset {
  1766. padding: 0.35em 0.75em 0.625em;
  1767. }
  1768. ._legend {
  1769. box-sizing: border-box;
  1770. color: inherit;
  1771. display: table;
  1772. max-width: 100%;
  1773. padding: 0;
  1774. white-space: normal;
  1775. }
  1776. progress {
  1777. display: inline-block;
  1778. vertical-align: baseline;
  1779. }
  1780. textarea {
  1781. overflow: auto;
  1782. }
  1783. [type="checkbox"],
  1784. [type="radio"] {
  1785. box-sizing: border-box;
  1786. padding: 0;
  1787. }
  1788. /**
  1789. * Correct the cursor style of increment and decrement buttons in Chrome.
  1790. */
  1791. [type="number"]::-webkit-inner-spin-button,
  1792. [type="number"]::-webkit-outer-spin-button {
  1793. height: auto;
  1794. }
  1795. [type="search"] {
  1796. -webkit-appearance: textfield;
  1797. outline-offset: -2px;
  1798. }
  1799. [type="search"]::-webkit-search-cancel-button,
  1800. [type="search"]::-webkit-search-decoration {
  1801. -webkit-appearance: none;
  1802. }
  1803. ::-webkit-file-upload-button {
  1804. -webkit-appearance: button;
  1805. font: inherit;
  1806. }
  1807. ._details,
  1808. ._menu {
  1809. display: block;
  1810. }
  1811. ._summary {
  1812. display: list-item;
  1813. }
  1814. canvas {
  1815. display: inline-block;
  1816. }
  1817. template {
  1818. display: none;
  1819. }
  1820. [hidden] {
  1821. display: none;
  1822. }
  1823. page,
  1824. page,
  1825. #app {
  1826. position: absolute;
  1827. top: 0;
  1828. left: 0;
  1829. right: 0;
  1830. bottom: 0;
  1831. width: 100%;
  1832. height: 100%;
  1833. background-color: #f0f3f5;
  1834. }
  1835. #app {
  1836. background-color: var(--white);
  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: #8a0554 !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. }