You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

733 lines
18KB

  1. .md-dialog .md-popup {
  2. z-index: 1500;
  3. }
  4. .md-dialog-content {
  5. width: 8.08rem;
  6. border-radius: 0.16rem;
  7. background-color: #fff;
  8. overflow: hidden;
  9. }
  10. .md-dialog-body {
  11. color: #666f83;
  12. font-size: 0.37333rem;
  13. text-align: left;
  14. padding: 0.69333rem;
  15. }
  16. .md-dialog-icon {
  17. position: relative;
  18. display: block;
  19. width: 1.33333rem;
  20. height: 1.33333rem;
  21. margin: 0.26667rem auto 0.37333rem;
  22. }
  23. .md-dialog .md-dialog-icon .md-icon,
  24. .md-dialog .md-dialog-icon .md-icon.icon-svg,
  25. .md-dialog .md-dialog-icon .md-icon.icon-font {
  26. display: flex;
  27. align-items: center;
  28. justify-content: center;
  29. position: absolute;
  30. top: 0;
  31. left: 0;
  32. width: 1.33333rem;
  33. height: 1.33333rem;
  34. fill: #858b9c;
  35. color: #858b9c;
  36. font-size: 1.33333rem;
  37. line-height: 1.33333rem;
  38. }
  39. .md-dialog-close {
  40. position: absolute;
  41. color: #858b9c;
  42. top: 0.42667rem;
  43. right: 0.42667rem;
  44. z-index: 15;
  45. }
  46. .md-dialog-title {
  47. color: #111a34;
  48. text-align: center;
  49. font-size: 0.53333rem;
  50. font-weight: 400;
  51. line-height: 1.2;
  52. margin: 0 0 0.37333rem 0;
  53. }
  54. .md-dialog-text {
  55. display: flex;
  56. justify-content: center;
  57. }
  58. .md-dialog-actions {
  59. position: relative;
  60. display: flex;
  61. }
  62. .md-dialog-actions::after {
  63. content: '';
  64. position: absolute;
  65. z-index: 2;
  66. transform-origin: 100% 50%;
  67. transform: scaleY(0.5) translateY(-100%);
  68. top: 0;
  69. left: 0;
  70. right: auto;
  71. bottom: auto;
  72. width: 100%;
  73. border-top: solid 0.02667rem #e2e4ea;
  74. transform-origin: 50% 0;
  75. }
  76. @media (min-resolution: 3dppx) {
  77. .md-dialog-actions::after {
  78. transform: scaleY(0.33) translateY(-100%);
  79. }
  80. }
  81. .md-dialog-actions.is-column {
  82. flex-direction: column;
  83. }
  84. .md-dialog-actions.is-column .md-dialog-btn {
  85. flex: 0 0 auto;
  86. }
  87. .md-dialog-actions.is-column .md-dialog-btn::before {
  88. display: none;
  89. }
  90. .md-dialog-actions.is-column .md-dialog-btn:not(:first-child)::after {
  91. content: '';
  92. position: absolute;
  93. z-index: 2;
  94. transform-origin: 100% 50%;
  95. transform: scaleY(0.5) translateY(-100%);
  96. top: 0;
  97. left: 0;
  98. right: auto;
  99. bottom: auto;
  100. width: 100%;
  101. border-top: solid 0.02667rem #e2e4ea;
  102. transform-origin: 50% 0;
  103. }
  104. @media (min-resolution: 3dppx) {
  105. .md-dialog-actions.is-column .md-dialog-btn:not(:first-child)::after {
  106. transform: scaleY(0.33) translateY(-100%);
  107. }
  108. }
  109. .md-dialog-actions.is-column .md-dialog-btn:last-child {
  110. color: #666f83;
  111. }
  112. .md-dialog-actions.is-column .md-dialog-btn:first-child {
  113. color: #0057ff;
  114. }
  115. .md-dialog-btn {
  116. position: relative;
  117. flex: 1 1 0%;
  118. display: flex;
  119. align-items: center;
  120. justify-content: center;
  121. height: 1.33333rem;
  122. font-size: 0.48rem;
  123. font-weight: 500;
  124. color: #666f83;
  125. text-align: center;
  126. transition: background-color 0.3s;
  127. -webkit-user-select: none;
  128. -webkit-tap-highlight-color: transparent;
  129. }
  130. .md-dialog-btn::before {
  131. content: '';
  132. position: absolute;
  133. z-index: 2;
  134. transform-origin: 100% 50%;
  135. transform: scaleX(0.5) translateX(100%);
  136. top: 0;
  137. right: 0;
  138. left: auto;
  139. bottom: auto;
  140. border-right: solid 0.02667rem #e2e4ea;
  141. height: 100%;
  142. transform-origin: 100% 50%;
  143. }
  144. @media (min-resolution: 3dppx) {
  145. .md-dialog-btn::before {
  146. transform: scaleX(0.33) translateX(100%);
  147. }
  148. }
  149. .md-dialog-btn.warning {
  150. color: #ff5257 !important;
  151. }
  152. .md-dialog-btn.warning .md-dialog-btn-loading .md-activity-indicator-svg .circle circle {
  153. stroke: #ff5257 !important;
  154. }
  155. .md-dialog-btn.disabled {
  156. color: #c5cad5 !important;
  157. }
  158. .md-dialog-btn.disabled .md-dialog-btn-loading .md-activity-indicator-svg .circle circle {
  159. stroke: #c5cad5 !important;
  160. }
  161. .md-dialog-btn:last-child {
  162. color: #0057ff;
  163. }
  164. .md-dialog-btn:last-child::before {
  165. display: none;
  166. }
  167. .md-dialog-btn:last-child .md-dialog-btn-loading .md-activity-indicator-svg .circle circle {
  168. stroke: #0057ff;
  169. }
  170. .md-dialog-btn:not(.disabled):active {
  171. background-color: #f9fafb;
  172. }
  173. .md-dialog-btn .md-dialog-btn-loading .md-activity-indicator-svg {
  174. width: 0.42667rem !important;
  175. height: 0.42667rem !important;
  176. margin-right: 0.13333rem;
  177. }
  178. .md-dialog-btn .md-dialog-btn-loading .md-activity-indicator-svg .circle circle {
  179. stroke: #666f83;
  180. }
  181. .md-dialog-btn .md-dialog-btn-icon {
  182. margin-right: 0.13333rem;
  183. }
  184. .delayApplyInfo .box[data-v-471f06e0] {
  185. background: #ffffff;
  186. flex: 1;
  187. }
  188. .delayApplyInfo .box[data-v-471f06e0] .md-field {
  189. padding: 0.21333rem;
  190. padding-top: 0;
  191. border-radius: 0.21333rem;
  192. }
  193. .delayApplyInfo .box[data-v-471f06e0] .md-field .md-cell-item:last-child .md-cell-item-body::before {
  194. border-bottom: 0;
  195. }
  196. .delayApplyInfo .box[data-v-471f06e0] .md-field .md-cell-item:last-child .md-cell-item-children::before {
  197. border-bottom: 0;
  198. }
  199. .delayApplyInfo .box[data-v-471f06e0] .md-cell-item-content .md-cell-item-title {
  200. font-size: 0.37333rem;
  201. color: #848c9c;
  202. }
  203. .delayApplyInfo .box[data-v-471f06e0] .md-field-item.is-solid .md-field-item-title {
  204. font-size: 0.37333rem;
  205. color: #848c9c;
  206. }
  207. .delayApplyInfo .box[data-v-471f06e0] .md-textarea-item__textarea {
  208. font-weight: 400;
  209. }
  210. .delayApplyInfo .box[data-v-471f06e0] .md-cell-item-right {
  211. font-size: 0.37333rem;
  212. color: #111c33;
  213. }
  214. .delayApplyInfo .box[data-v-471f06e0] .md-cell-item-children::before {
  215. content: '';
  216. position: absolute;
  217. z-index: 2;
  218. transform-origin: 100% 50%;
  219. transform: scaleY(0.5) translateY(100%);
  220. bottom: 0;
  221. left: 0;
  222. right: auto;
  223. top: auto;
  224. width: 100%;
  225. border-bottom: solid 0.02667rem #e2e4ea;
  226. transform-origin: 50% 100%;
  227. }
  228. .delayApplyInfo .box .no-border[data-v-471f06e0] .md-cell-item-children::before {
  229. border: 0;
  230. }
  231. .delayApplyInfo .box .cell-children-conten[data-v-471f06e0] .md-cell-item-body::before {
  232. content: none;
  233. }
  234. .delayApplyInfo .box .cell-children-conten[data-v-471f06e0] .md-cell-item-children {
  235. padding-top: 0;
  236. padding-left: 0.8rem;
  237. }
  238. .delayApplyInfo .box .children-content[data-v-471f06e0] {
  239. padding: 0.24rem 0;
  240. display: flex;
  241. justify-content: space-between;
  242. }
  243. .delayApplyInfo .box .children-content .label[data-v-471f06e0] {
  244. font-size: 0.37333rem;
  245. color: #848c9c;
  246. }
  247. .delayApplyInfo .box .children-content .value[data-v-471f06e0] {
  248. font-size: 0.37333rem;
  249. color: #111c33;
  250. }
  251. .delayApplyInfo .box .children-content[data-v-471f06e0]:first-child {
  252. padding-top: 0;
  253. }
  254. .delayApplyInfo .box .children-content[data-v-471f06e0]:last-child {
  255. padding-bottom: 0;
  256. }
  257. .delayApplyInfo .box .children-content-text[data-v-471f06e0] {
  258. font-size: 0.37333rem;
  259. color: #111c33;
  260. word-break: break-word;
  261. }
  262. .wantReadInfo .box[data-v-5b55308a] {
  263. background: #ffffff;
  264. flex: 1;
  265. }
  266. .wantReadInfo .box[data-v-5b55308a] .md-field {
  267. padding: 0.21333rem;
  268. padding-top: 0;
  269. border-radius: 0.21333rem;
  270. }
  271. .wantReadInfo .box[data-v-5b55308a] .md-field .md-cell-item:last-child .md-cell-item-body::before {
  272. border-bottom: 0;
  273. }
  274. .wantReadInfo .box[data-v-5b55308a] .md-field .md-cell-item:last-child .md-cell-item-children::before {
  275. border-bottom: 0;
  276. }
  277. .wantReadInfo .box[data-v-5b55308a] .md-cell-item-content .md-cell-item-title {
  278. font-size: 0.37333rem;
  279. color: #848c9c;
  280. }
  281. .wantReadInfo .box[data-v-5b55308a] .md-field-item.is-solid .md-field-item-title {
  282. font-size: 0.37333rem;
  283. color: #848c9c;
  284. }
  285. .wantReadInfo .box[data-v-5b55308a] .md-textarea-item__textarea {
  286. font-weight: 400;
  287. }
  288. .wantReadInfo .box[data-v-5b55308a] .md-cell-item-right {
  289. font-size: 0.37333rem;
  290. color: #111c33;
  291. }
  292. .wantReadInfo .box[data-v-5b55308a] .md-cell-item-children::before {
  293. content: '';
  294. position: absolute;
  295. z-index: 2;
  296. transform-origin: 100% 50%;
  297. transform: scaleY(0.5) translateY(100%);
  298. bottom: 0;
  299. left: 0;
  300. right: auto;
  301. top: auto;
  302. width: 100%;
  303. border-bottom: solid 0.02667rem #e2e4ea;
  304. transform-origin: 50% 100%;
  305. }
  306. .wantReadInfo .box .no-border[data-v-5b55308a] .md-cell-item-children::before {
  307. border: 0;
  308. }
  309. .wantReadInfo .box .cell-children-conten[data-v-5b55308a] .md-cell-item-body::before {
  310. content: none;
  311. }
  312. .wantReadInfo .box .cell-children-conten[data-v-5b55308a] .md-cell-item-children {
  313. padding-top: 0;
  314. padding-left: 0.8rem;
  315. }
  316. .wantReadInfo .box .children-content[data-v-5b55308a] {
  317. padding: 0.24rem 0;
  318. display: flex;
  319. justify-content: space-between;
  320. }
  321. .wantReadInfo .box .children-content .label[data-v-5b55308a] {
  322. font-size: 0.37333rem;
  323. color: #848c9c;
  324. }
  325. .wantReadInfo .box .children-content .value[data-v-5b55308a] {
  326. font-size: 0.37333rem;
  327. color: #111c33;
  328. }
  329. .wantReadInfo .box .children-content[data-v-5b55308a]:first-child {
  330. padding-top: 0;
  331. }
  332. .wantReadInfo .box .children-content[data-v-5b55308a]:last-child {
  333. padding-bottom: 0;
  334. }
  335. .wantReadInfo .box .children-content-text[data-v-5b55308a] {
  336. font-size: 0.37333rem;
  337. color: #111c33;
  338. word-break: break-word;
  339. }
  340. .finalInfo .box[data-v-099120ad] {
  341. background: #ffffff;
  342. flex: 1;
  343. }
  344. .finalInfo .box[data-v-099120ad] .md-field {
  345. padding: 0.21333rem;
  346. padding-top: 0;
  347. border-radius: 0.21333rem;
  348. }
  349. .finalInfo .box[data-v-099120ad] .md-field .md-cell-item:last-child .md-cell-item-body::before {
  350. border-bottom: 0;
  351. }
  352. .finalInfo .box[data-v-099120ad] .md-field .md-cell-item:last-child .md-cell-item-children::before {
  353. border-bottom: 0;
  354. }
  355. .finalInfo .box[data-v-099120ad] .md-cell-item-content .md-cell-item-title {
  356. font-size: 0.37333rem;
  357. color: #848c9c;
  358. }
  359. .finalInfo .box[data-v-099120ad] .md-field-item.is-solid .md-field-item-title {
  360. font-size: 0.37333rem;
  361. color: #848c9c;
  362. }
  363. .finalInfo .box[data-v-099120ad] .md-textarea-item__textarea {
  364. font-weight: 400;
  365. }
  366. .finalInfo .box[data-v-099120ad] .md-cell-item-right {
  367. font-size: 0.37333rem;
  368. color: #111c33;
  369. }
  370. .finalInfo .box[data-v-099120ad] .md-cell-item-children::before {
  371. content: '';
  372. position: absolute;
  373. z-index: 2;
  374. transform-origin: 100% 50%;
  375. transform: scaleY(0.5) translateY(100%);
  376. bottom: 0;
  377. left: 0;
  378. right: auto;
  379. top: auto;
  380. width: 100%;
  381. border-bottom: solid 0.02667rem #e2e4ea;
  382. transform-origin: 50% 100%;
  383. }
  384. .finalInfo .box .no-border[data-v-099120ad] .md-cell-item-children::before {
  385. border: 0;
  386. }
  387. .finalInfo .box .cell-children-conten[data-v-099120ad] .md-cell-item-body::before {
  388. content: none;
  389. }
  390. .finalInfo .box .cell-children-conten[data-v-099120ad] .md-cell-item-children {
  391. padding-top: 0;
  392. padding-left: 0.8rem;
  393. }
  394. .finalInfo .box .children-content[data-v-099120ad] {
  395. padding: 0.24rem 0;
  396. display: flex;
  397. justify-content: space-between;
  398. }
  399. .finalInfo .box .children-content .label[data-v-099120ad] {
  400. font-size: 0.37333rem;
  401. color: #848c9c;
  402. }
  403. .finalInfo .box .children-content .value[data-v-099120ad] {
  404. font-size: 0.37333rem;
  405. color: #111c33;
  406. }
  407. .finalInfo .box .children-content[data-v-099120ad]:first-child {
  408. padding-top: 0;
  409. }
  410. .finalInfo .box .children-content[data-v-099120ad]:last-child {
  411. padding-bottom: 0;
  412. }
  413. .finalInfo .box .children-content-text[data-v-099120ad] {
  414. font-size: 0.37333rem;
  415. color: #111c33;
  416. word-break: break-word;
  417. }
  418. .detail[data-v-2d0f6c96] {
  419. height: 100%;
  420. padding-bottom: 1.33333rem;
  421. }
  422. .detail .projects[data-v-2d0f6c96] {
  423. flex: 1;
  424. display: flex;
  425. flex-direction: column;
  426. justify-content: space-between;
  427. overflow-y: hidden;
  428. height: 100%;
  429. }
  430. .detail .project[data-v-2d0f6c96] {
  431. margin-bottom: 0.32rem;
  432. }
  433. .detail .content[data-v-2d0f6c96] {
  434. flex: 1;
  435. overflow-y: auto;
  436. }
  437. .detail .top[data-v-2d0f6c96] {
  438. padding: 0.4rem 0.53333rem 0.50667rem;
  439. background: #fff;
  440. margin-bottom: 0.26667rem;
  441. position: relative;
  442. }
  443. .detail .top .tit[data-v-2d0f6c96] {
  444. font-weight: 600;
  445. color: #111c33;
  446. line-height: 0.64rem;
  447. font-size: 0.42667rem;
  448. margin-bottom: 0.16rem;
  449. display: flex;
  450. align-items: center;
  451. justify-content: space-between;
  452. }
  453. .detail .top .tit p[data-v-2d0f6c96] {
  454. display: flex;
  455. align-items: center;
  456. }
  457. .detail .top .tit p span[data-v-2d0f6c96] {
  458. width: 6rem;
  459. display: inline-block;
  460. white-space: nowrap;
  461. overflow: hidden;
  462. text-overflow: ellipsis;
  463. }
  464. .detail .top .tit .svg-icon[data-v-2d0f6c96] {
  465. width: 0.42667rem;
  466. height: 0.42667rem;
  467. margin-right: 0.26667rem;
  468. }
  469. .detail .top .tit img[data-v-2d0f6c96] {
  470. width: 2.02667rem;
  471. height: 2.02667rem;
  472. position: absolute;
  473. right: 0.53333rem;
  474. top: 0.36rem;
  475. }
  476. .detail .top .inner_ul li[data-v-2d0f6c96] {
  477. margin-bottom: 0.13333rem;
  478. font-size: 0.32rem;
  479. color: #111c33;
  480. display: flex;
  481. align-items: center;
  482. }
  483. .detail .top .inner_ul label[data-v-2d0f6c96] {
  484. display: inline-block;
  485. color: #848c9c;
  486. line-height: 0.45333rem;
  487. width: 2rem;
  488. text-align: right;
  489. }
  490. .detail .top .inner_ul .value p[data-v-2d0f6c96] {
  491. width: 4.66667rem;
  492. line-height: 0.45333rem;
  493. }
  494. .detail .top .status[data-v-2d0f6c96] {
  495. width: 2.02667rem;
  496. height: 2.02667rem;
  497. position: absolute;
  498. right: 0.53333rem;
  499. top: 0.36rem;
  500. }
  501. .detail .box[data-v-2d0f6c96] {
  502. background: #fff;
  503. border-radius: 0.21333rem;
  504. margin-bottom: 0.26667rem;
  505. }
  506. .detail .box .title[data-v-2d0f6c96] {
  507. padding: 0.29333rem 0.26667rem;
  508. font-size: 0.42667rem;
  509. color: #111c33;
  510. font-weight: bold;
  511. border-bottom: 1px solid #eeeeee;
  512. }
  513. .detail .box.yearPlan ul[data-v-2d0f6c96] {
  514. padding: 0.13333rem;
  515. }
  516. .detail .box.yearPlan li[data-v-2d0f6c96] {
  517. border: 1px solid #e2e4ea;
  518. margin-bottom: 0.13333rem;
  519. border-radius: 0.10667rem;
  520. }
  521. .detail .box.yearPlan li .tit[data-v-2d0f6c96] {
  522. padding: 0.13333rem;
  523. font-size: 0.42667rem;
  524. display: flex;
  525. align-items: center;
  526. justify-content: space-between;
  527. }
  528. .detail .box.yearPlan li .tit i[data-v-2d0f6c96] {
  529. color: #999;
  530. }
  531. .detail[data-v-2d0f6c96] .md-field {
  532. padding-top: 0;
  533. border-radius: 0.21333rem;
  534. }
  535. .detail[data-v-2d0f6c96] .md-field .md-cell-item:last-child .md-cell-item-body::before {
  536. border-bottom: 0;
  537. }
  538. .detail[data-v-2d0f6c96] .md-field .md-cell-item:last-child .md-cell-item-children::before {
  539. border-bottom: 0;
  540. }
  541. .detail[data-v-2d0f6c96] .md-cell-item-content .md-cell-item-title {
  542. font-size: 0.42667rem;
  543. color: #848c9c;
  544. }
  545. .detail[data-v-2d0f6c96] .md-field-item.is-solid .md-field-item-title {
  546. font-size: 0.42667rem;
  547. color: #848c9c;
  548. }
  549. .detail[data-v-2d0f6c96] .md-textarea-item__textarea {
  550. font-weight: 400;
  551. }
  552. .detail[data-v-2d0f6c96] .md-cell-item-right {
  553. font-size: 0.42667rem;
  554. color: #111c33;
  555. }
  556. .detail[data-v-2d0f6c96] .md-cell-item-children::before {
  557. content: '';
  558. position: absolute;
  559. z-index: 2;
  560. transform-origin: 100% 50%;
  561. transform: scaleY(0.5) translateY(100%);
  562. bottom: 0;
  563. left: 0;
  564. right: auto;
  565. top: auto;
  566. width: 100%;
  567. border-bottom: solid 0.02667rem #e2e4ea;
  568. transform-origin: 50% 100%;
  569. }
  570. .detail .no-border[data-v-2d0f6c96] .md-cell-item-children::before {
  571. border: 0;
  572. }
  573. .detail .cell-children-conten[data-v-2d0f6c96] .md-cell-item-body::before {
  574. content: none;
  575. }
  576. .detail .cell-children-conten[data-v-2d0f6c96] .md-cell-item-children {
  577. padding-top: 0;
  578. padding-left: 0.8rem;
  579. }
  580. .detail .children-content[data-v-2d0f6c96] {
  581. padding: 0.24rem 0;
  582. display: flex;
  583. justify-content: space-between;
  584. }
  585. .detail .children-content .label[data-v-2d0f6c96] {
  586. font-size: 0.42667rem;
  587. color: #848c9c;
  588. }
  589. .detail .children-content .value[data-v-2d0f6c96] {
  590. font-size: 0.42667rem;
  591. color: #111c33;
  592. }
  593. .detail .children-content[data-v-2d0f6c96]:first-child {
  594. padding-top: 0;
  595. }
  596. .detail .children-content[data-v-2d0f6c96]:last-child {
  597. padding-bottom: 0;
  598. }
  599. .detail .children-content-text[data-v-2d0f6c96] {
  600. font-size: 0.42667rem;
  601. color: #111c33;
  602. word-break: break-word;
  603. }
  604. .detail .flow ul[data-v-2d0f6c96] {
  605. padding: 0.36rem 0.4rem;
  606. }
  607. .detail .flow li[data-v-2d0f6c96] {
  608. display: flex;
  609. justify-content: space-between;
  610. padding-bottom: 0.8rem;
  611. position: relative;
  612. }
  613. .detail .flow .left[data-v-2d0f6c96] {
  614. display: flex;
  615. }
  616. .detail .flow .left .flow_icon[data-v-2d0f6c96] {
  617. margin-right: 0.21333rem;
  618. padding-top: 0.10667rem;
  619. }
  620. .detail .flow .left .flow_icon .line[data-v-2d0f6c96] {
  621. height: 130%;
  622. width: 0.02667rem;
  623. background: rgba(0, 0, 0, 0.15);
  624. margin: 0 auto;
  625. }
  626. .detail .flow .left .flow_icon .svg-icon[data-v-2d0f6c96] {
  627. font-size: 0.37333rem;
  628. }
  629. .detail .flow .left .node[data-v-2d0f6c96] {
  630. word-wrap: break-word;
  631. word-break: normal;
  632. width: 3.73333rem;
  633. }
  634. .detail .flow .left .state[data-v-2d0f6c96] {
  635. font-size: 0.42667rem;
  636. line-height: 0.6rem;
  637. }
  638. .detail .flow .left .comment .tip[data-v-2d0f6c96] {
  639. color: #666;
  640. }
  641. .detail .flow .left .comment .icon[data-v-2d0f6c96] {
  642. color: #0057ff;
  643. }
  644. .detail .flow .right[data-v-2d0f6c96] {
  645. float: right;
  646. }
  647. .detail .flow .child_ul[data-v-2d0f6c96] {
  648. padding-top: 0.13333rem;
  649. padding-right: 0;
  650. }
  651. .detail .flow .child_ul li[data-v-2d0f6c96] {
  652. position: static;
  653. padding-bottom: 0.26667rem;
  654. }
  655. .detail .flow .child_ul .right[data-v-2d0f6c96] {
  656. position: absolute;
  657. right: 0;
  658. }
  659. .detail .action[data-v-2d0f6c96] {
  660. position: fixed;
  661. bottom: 0;
  662. border-top: 1px solid #eeeeee;
  663. width: 100%;
  664. display: flex;
  665. justify-content: flex-end;
  666. background: #fff;
  667. padding: 0.24rem 0.53333rem;
  668. box-sizing: border-box;
  669. z-index: 100;
  670. }
  671. .detail .action button[data-v-2d0f6c96] {
  672. padding: 0 0.42667rem;
  673. width: auto;
  674. height: 0.85333rem;
  675. font-size: 0.37333rem;
  676. }
  677. .detail .action button[data-v-2d0f6c96]:not(:last-of-type) {
  678. margin-right: 0.26667rem;
  679. }
  680. .detail[data-v-2d0f6c96] .md-field-item {
  681. padding: 0 0.53333rem;
  682. }
  683. .detail[data-v-2d0f6c96] .md-field-item .md-textarea-item__textarea {
  684. height: 5.33333rem;
  685. }
  686. .detail[data-v-2d0f6c96] .md-popup-box {
  687. background: #fff;
  688. max-height: 16rem;
  689. }
  690. .detail[data-v-2d0f6c96] .md-popup-box .fileList {
  691. border-radius: 0.05333rem;
  692. background: rgba(0, 87, 255, 0.1);
  693. font-size: 0.37333rem;
  694. font-weight: 400;
  695. color: #0057ff;
  696. line-height: 0.53333rem;
  697. padding: 0.16rem 0.26667rem;
  698. margin-bottom: 0.26667rem;
  699. }
  700. .detail[data-v-2d0f6c96] .md-popup-box .fileList i {
  701. float: right;
  702. line-height: 0.53333rem;
  703. }
  704. .detail[data-v-2d0f6c96] .md-popup-box .btn {
  705. padding: 0 0.53333rem 0.53333rem;
  706. }
  707. .detail[data-v-2d0f6c96] .md-popup-box .btn button {
  708. height: 1.17333rem;
  709. }
  710. .detail[data-v-2d0f6c96] .md-button-content .inputFile {
  711. width: 100%;
  712. position: absolute;
  713. overflow: hidden;
  714. right: 0;
  715. top: 0;
  716. filter: alpha(opacity=0);
  717. -moz-opacity: 0;
  718. -khtml-opacity: 0;
  719. opacity: 0;
  720. height: 100%;
  721. z-index: 99;
  722. }
  723. .infoTip[data-v-2d0f6c96] {
  724. background: rgba(0, 87, 255, 0.1);
  725. padding: 0.26667rem;
  726. color: #0057ff;
  727. }