index.css 28 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044
  1. /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
  2. /* stylelint-disable no-duplicate-selectors */
  3. .ant-upload {
  4. box-sizing: border-box;
  5. margin: 0;
  6. padding: 0;
  7. color: rgba(0, 0, 0, 0.85);
  8. font-size: 14px;
  9. font-variant: tabular-nums;
  10. line-height: 1.5715;
  11. list-style: none;
  12. font-feature-settings: 'tnum';
  13. outline: 0;
  14. }
  15. .ant-upload p {
  16. margin: 0;
  17. }
  18. .ant-upload-btn {
  19. display: block;
  20. width: 100%;
  21. outline: none;
  22. }
  23. .ant-upload input[type='file'] {
  24. cursor: pointer;
  25. }
  26. .ant-upload.ant-upload-select {
  27. display: inline-block;
  28. }
  29. .ant-upload.ant-upload-disabled {
  30. color: rgba(0, 0, 0, 0.25);
  31. cursor: not-allowed;
  32. }
  33. .ant-upload.ant-upload-select-picture-card {
  34. width: 104px;
  35. height: 104px;
  36. margin-right: 8px;
  37. margin-bottom: 8px;
  38. text-align: center;
  39. vertical-align: top;
  40. background-color: #fafafa;
  41. border: 1px dashed #d9d9d9;
  42. border-radius: 2px;
  43. cursor: pointer;
  44. transition: border-color 0.3s;
  45. }
  46. .ant-upload.ant-upload-select-picture-card > .ant-upload {
  47. display: flex;
  48. align-items: center;
  49. justify-content: center;
  50. height: 100%;
  51. text-align: center;
  52. }
  53. .ant-upload.ant-upload-select-picture-card:hover {
  54. border-color: #1890ff;
  55. }
  56. .ant-upload-disabled.ant-upload.ant-upload-select-picture-card:hover {
  57. border-color: #d9d9d9;
  58. }
  59. .ant-upload.ant-upload-drag {
  60. position: relative;
  61. width: 100%;
  62. height: 100%;
  63. text-align: center;
  64. background: #fafafa;
  65. border: 1px dashed #d9d9d9;
  66. border-radius: 2px;
  67. cursor: pointer;
  68. transition: border-color 0.3s;
  69. }
  70. .ant-upload.ant-upload-drag .ant-upload {
  71. padding: 16px 0;
  72. }
  73. .ant-upload.ant-upload-drag.ant-upload-drag-hover:not(.ant-upload-disabled) {
  74. border-color: #096dd9;
  75. }
  76. .ant-upload.ant-upload-drag.ant-upload-disabled {
  77. cursor: not-allowed;
  78. }
  79. .ant-upload.ant-upload-drag .ant-upload-btn {
  80. display: table;
  81. height: 100%;
  82. }
  83. .ant-upload.ant-upload-drag .ant-upload-drag-container {
  84. display: table-cell;
  85. vertical-align: middle;
  86. }
  87. .ant-upload.ant-upload-drag:not(.ant-upload-disabled):hover {
  88. border-color: #40a9ff;
  89. }
  90. .ant-upload.ant-upload-drag p.ant-upload-drag-icon {
  91. margin-bottom: 20px;
  92. }
  93. .ant-upload.ant-upload-drag p.ant-upload-drag-icon .anticon {
  94. color: #40a9ff;
  95. font-size: 48px;
  96. }
  97. .ant-upload.ant-upload-drag p.ant-upload-text {
  98. margin: 0 0 4px;
  99. color: rgba(0, 0, 0, 0.85);
  100. font-size: 16px;
  101. }
  102. .ant-upload.ant-upload-drag p.ant-upload-hint {
  103. color: rgba(0, 0, 0, 0.45);
  104. font-size: 14px;
  105. }
  106. .ant-upload.ant-upload-drag .anticon-plus {
  107. color: rgba(0, 0, 0, 0.25);
  108. font-size: 30px;
  109. transition: all 0.3s;
  110. }
  111. .ant-upload.ant-upload-drag .anticon-plus:hover {
  112. color: rgba(0, 0, 0, 0.45);
  113. }
  114. .ant-upload.ant-upload-drag:hover .anticon-plus {
  115. color: rgba(0, 0, 0, 0.45);
  116. }
  117. .ant-upload-picture-card-wrapper {
  118. display: inline-block;
  119. width: 100%;
  120. }
  121. .ant-upload-picture-card-wrapper::before {
  122. display: table;
  123. content: '';
  124. }
  125. .ant-upload-picture-card-wrapper::after {
  126. display: table;
  127. clear: both;
  128. content: '';
  129. }
  130. .ant-upload-list {
  131. box-sizing: border-box;
  132. margin: 0;
  133. padding: 0;
  134. color: rgba(0, 0, 0, 0.85);
  135. font-size: 14px;
  136. font-variant: tabular-nums;
  137. list-style: none;
  138. font-feature-settings: 'tnum';
  139. line-height: 1.5715;
  140. }
  141. .ant-upload-list::before {
  142. display: table;
  143. content: '';
  144. }
  145. .ant-upload-list::after {
  146. display: table;
  147. clear: both;
  148. content: '';
  149. }
  150. .ant-upload-list-item {
  151. position: relative;
  152. height: 22.001px;
  153. margin-top: 8px;
  154. font-size: 14px;
  155. }
  156. .ant-upload-list-item-name {
  157. display: inline-block;
  158. width: 100%;
  159. padding-left: 22px;
  160. overflow: hidden;
  161. line-height: 1.5715;
  162. white-space: nowrap;
  163. text-overflow: ellipsis;
  164. }
  165. .ant-upload-list-item-card-actions {
  166. position: absolute;
  167. right: 0;
  168. }
  169. .ant-upload-list-item-card-actions-btn {
  170. opacity: 0;
  171. }
  172. .ant-upload-list-item-card-actions-btn.ant-btn-sm {
  173. height: 22.001px;
  174. line-height: 1;
  175. vertical-align: top;
  176. }
  177. .ant-upload-list-item-card-actions.picture {
  178. top: 22px;
  179. line-height: 0;
  180. }
  181. .ant-upload-list-item-card-actions-btn:focus,
  182. .ant-upload-list-item-card-actions.picture .ant-upload-list-item-card-actions-btn {
  183. opacity: 1;
  184. }
  185. .ant-upload-list-item-card-actions .anticon {
  186. color: rgba(0, 0, 0, 0.45);
  187. transition: all 0.3s;
  188. }
  189. .ant-upload-list-item-card-actions:hover .anticon {
  190. color: rgba(0, 0, 0, 0.85);
  191. }
  192. .ant-upload-list-item-info {
  193. height: 100%;
  194. transition: background-color 0.3s;
  195. }
  196. .ant-upload-list-item-info > span {
  197. display: block;
  198. width: 100%;
  199. height: 100%;
  200. }
  201. .ant-upload-list-item-info .anticon-loading .anticon,
  202. .ant-upload-list-item-info .ant-upload-text-icon .anticon {
  203. position: absolute;
  204. top: 5px;
  205. color: rgba(0, 0, 0, 0.45);
  206. font-size: 14px;
  207. }
  208. .ant-upload-list-item:hover .ant-upload-list-item-info {
  209. background-color: #f5f5f5;
  210. }
  211. .ant-upload-list-item:hover .ant-upload-list-item-card-actions-btn {
  212. opacity: 1;
  213. }
  214. .ant-upload-list-item-error,
  215. .ant-upload-list-item-error .ant-upload-text-icon > .anticon,
  216. .ant-upload-list-item-error .ant-upload-list-item-name {
  217. color: #ff4d4f;
  218. }
  219. .ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon {
  220. color: #ff4d4f;
  221. }
  222. .ant-upload-list-item-error .ant-upload-list-item-card-actions-btn {
  223. opacity: 1;
  224. }
  225. .ant-upload-list-item-progress {
  226. position: absolute;
  227. bottom: -12px;
  228. width: 100%;
  229. padding-left: 26px;
  230. font-size: 14px;
  231. line-height: 0;
  232. }
  233. .ant-upload-list-picture .ant-upload-list-item,
  234. .ant-upload-list-picture-card .ant-upload-list-item {
  235. position: relative;
  236. height: 66px;
  237. padding: 8px;
  238. border: 1px solid #d9d9d9;
  239. border-radius: 2px;
  240. }
  241. .ant-upload-list-picture .ant-upload-list-item:hover,
  242. .ant-upload-list-picture-card .ant-upload-list-item:hover {
  243. background: transparent;
  244. }
  245. .ant-upload-list-picture .ant-upload-list-item-error,
  246. .ant-upload-list-picture-card .ant-upload-list-item-error {
  247. border-color: #ff4d4f;
  248. }
  249. .ant-upload-list-picture .ant-upload-list-item-info,
  250. .ant-upload-list-picture-card .ant-upload-list-item-info {
  251. padding: 0;
  252. }
  253. .ant-upload-list-picture .ant-upload-list-item:hover .ant-upload-list-item-info,
  254. .ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info {
  255. background: transparent;
  256. }
  257. .ant-upload-list-picture .ant-upload-list-item-uploading,
  258. .ant-upload-list-picture-card .ant-upload-list-item-uploading {
  259. border-style: dashed;
  260. }
  261. .ant-upload-list-picture .ant-upload-list-item-thumbnail,
  262. .ant-upload-list-picture-card .ant-upload-list-item-thumbnail {
  263. width: 48px;
  264. height: 48px;
  265. line-height: 60px;
  266. text-align: center;
  267. opacity: 0.8;
  268. }
  269. .ant-upload-list-picture .ant-upload-list-item-thumbnail .anticon,
  270. .ant-upload-list-picture-card .ant-upload-list-item-thumbnail .anticon {
  271. font-size: 26px;
  272. }
  273. .ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#e6f7ff'],
  274. .ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#e6f7ff'] {
  275. fill: #fff2f0;
  276. }
  277. .ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#1890ff'],
  278. .ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#1890ff'] {
  279. fill: #ff4d4f;
  280. }
  281. .ant-upload-list-picture .ant-upload-list-item-icon,
  282. .ant-upload-list-picture-card .ant-upload-list-item-icon {
  283. position: absolute;
  284. top: 50%;
  285. left: 50%;
  286. font-size: 26px;
  287. transform: translate(-50%, -50%);
  288. }
  289. .ant-upload-list-picture .ant-upload-list-item-icon .anticon,
  290. .ant-upload-list-picture-card .ant-upload-list-item-icon .anticon {
  291. font-size: 26px;
  292. }
  293. .ant-upload-list-picture .ant-upload-list-item-image,
  294. .ant-upload-list-picture-card .ant-upload-list-item-image {
  295. max-width: 100%;
  296. }
  297. .ant-upload-list-picture .ant-upload-list-item-thumbnail img,
  298. .ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
  299. display: block;
  300. width: 48px;
  301. height: 48px;
  302. overflow: hidden;
  303. }
  304. .ant-upload-list-picture .ant-upload-list-item-name,
  305. .ant-upload-list-picture-card .ant-upload-list-item-name {
  306. display: inline-block;
  307. box-sizing: border-box;
  308. max-width: 100%;
  309. margin: 0 0 0 8px;
  310. padding-right: 8px;
  311. padding-left: 48px;
  312. overflow: hidden;
  313. line-height: 44px;
  314. white-space: nowrap;
  315. text-overflow: ellipsis;
  316. transition: all 0.3s;
  317. }
  318. .ant-upload-list-picture .ant-upload-list-item-uploading .ant-upload-list-item-name,
  319. .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-name {
  320. margin-bottom: 12px;
  321. }
  322. .ant-upload-list-picture .ant-upload-list-item-progress,
  323. .ant-upload-list-picture-card .ant-upload-list-item-progress {
  324. bottom: 14px;
  325. width: calc(100% - 24px);
  326. margin-top: 0;
  327. padding-left: 56px;
  328. }
  329. .ant-upload-list-picture-card-container {
  330. display: inline-block;
  331. width: 104px;
  332. height: 104px;
  333. margin: 0 8px 8px 0;
  334. vertical-align: top;
  335. }
  336. .ant-upload-list-picture-card .ant-upload-list-item {
  337. height: 100%;
  338. margin: 0;
  339. }
  340. .ant-upload-list-picture-card .ant-upload-list-item-info {
  341. position: relative;
  342. height: 100%;
  343. overflow: hidden;
  344. }
  345. .ant-upload-list-picture-card .ant-upload-list-item-info::before {
  346. position: absolute;
  347. z-index: 1;
  348. width: 100%;
  349. height: 100%;
  350. background-color: rgba(0, 0, 0, 0.5);
  351. opacity: 0;
  352. transition: all 0.3s;
  353. content: ' ';
  354. }
  355. .ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info::before {
  356. opacity: 1;
  357. }
  358. .ant-upload-list-picture-card .ant-upload-list-item-actions {
  359. position: absolute;
  360. top: 50%;
  361. left: 50%;
  362. z-index: 10;
  363. white-space: nowrap;
  364. transform: translate(-50%, -50%);
  365. opacity: 0;
  366. transition: all 0.3s;
  367. }
  368. .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye,
  369. .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download,
  370. .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete {
  371. z-index: 10;
  372. width: 16px;
  373. margin: 0 4px;
  374. color: rgba(255, 255, 255, 0.85);
  375. font-size: 16px;
  376. cursor: pointer;
  377. transition: all 0.3s;
  378. }
  379. .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye:hover,
  380. .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download:hover,
  381. .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete:hover {
  382. color: #fff;
  383. }
  384. .ant-upload-list-picture-card .ant-upload-list-item-info:hover + .ant-upload-list-item-actions,
  385. .ant-upload-list-picture-card .ant-upload-list-item-actions:hover {
  386. opacity: 1;
  387. }
  388. .ant-upload-list-picture-card .ant-upload-list-item-thumbnail,
  389. .ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
  390. position: static;
  391. display: block;
  392. width: 100%;
  393. height: 100%;
  394. object-fit: contain;
  395. }
  396. .ant-upload-list-picture-card .ant-upload-list-item-name {
  397. display: none;
  398. margin: 8px 0 0;
  399. padding: 0;
  400. line-height: 1.5715;
  401. text-align: center;
  402. }
  403. .ant-upload-list-picture-card .ant-upload-list-item-file + .ant-upload-list-item-name {
  404. position: absolute;
  405. bottom: 10px;
  406. display: block;
  407. }
  408. .ant-upload-list-picture-card .ant-upload-list-item-uploading.ant-upload-list-item {
  409. background-color: #fafafa;
  410. }
  411. .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info {
  412. height: auto;
  413. }
  414. .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info::before,
  415. .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-eye,
  416. .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-delete {
  417. display: none;
  418. }
  419. .ant-upload-list-picture-card .ant-upload-list-item-progress {
  420. bottom: 32px;
  421. width: calc(100% - 14px);
  422. padding-left: 0;
  423. }
  424. .ant-upload-list-text-container,
  425. .ant-upload-list-picture-container {
  426. transition: opacity 0.3s, height 0.3s;
  427. }
  428. .ant-upload-list-text-container::before,
  429. .ant-upload-list-picture-container::before {
  430. display: table;
  431. width: 0;
  432. height: 0;
  433. content: '';
  434. }
  435. .ant-upload-list-text-container .ant-upload-span,
  436. .ant-upload-list-picture-container .ant-upload-span {
  437. display: block;
  438. flex: auto;
  439. }
  440. .ant-upload-list-text .ant-upload-span,
  441. .ant-upload-list-picture .ant-upload-span {
  442. display: flex;
  443. align-items: center;
  444. }
  445. .ant-upload-list-text .ant-upload-span > *,
  446. .ant-upload-list-picture .ant-upload-span > * {
  447. flex: none;
  448. }
  449. .ant-upload-list-text .ant-upload-list-item-name,
  450. .ant-upload-list-picture .ant-upload-list-item-name {
  451. flex: auto;
  452. margin: 0;
  453. padding: 0 8px;
  454. }
  455. .ant-upload-list-text .ant-upload-list-item-card-actions,
  456. .ant-upload-list-picture .ant-upload-list-item-card-actions {
  457. position: static;
  458. }
  459. .ant-upload-list-text .ant-upload-text-icon .anticon {
  460. position: static;
  461. }
  462. .ant-upload-list .ant-upload-animate-inline-appear,
  463. .ant-upload-list .ant-upload-animate-inline-enter,
  464. .ant-upload-list .ant-upload-animate-inline-leave {
  465. animation-duration: 0.3s;
  466. animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
  467. animation-fill-mode: forwards;
  468. }
  469. .ant-upload-list .ant-upload-animate-inline-appear,
  470. .ant-upload-list .ant-upload-animate-inline-enter {
  471. animation-name: uploadAnimateInlineIn;
  472. }
  473. .ant-upload-list .ant-upload-animate-inline-leave {
  474. animation-name: uploadAnimateInlineOut;
  475. }
  476. @keyframes uploadAnimateInlineIn {
  477. from {
  478. width: 0;
  479. height: 0;
  480. margin: 0;
  481. padding: 0;
  482. opacity: 0;
  483. }
  484. }
  485. @keyframes uploadAnimateInlineOut {
  486. to {
  487. width: 0;
  488. height: 0;
  489. margin: 0;
  490. padding: 0;
  491. opacity: 0;
  492. }
  493. }
  494. .ant-upload-rtl {
  495. direction: rtl;
  496. }
  497. .ant-upload-rtl.ant-upload.ant-upload-select-picture-card {
  498. margin-right: auto;
  499. margin-left: 8px;
  500. }
  501. .ant-upload-list-rtl {
  502. direction: rtl;
  503. }
  504. .ant-upload-list-rtl .ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-1 {
  505. padding-right: 22px;
  506. padding-left: 14px;
  507. }
  508. .ant-upload-list-rtl .ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-2 {
  509. padding-right: 22px;
  510. padding-left: 28px;
  511. }
  512. .ant-upload-list-rtl .ant-upload-list-item-name {
  513. padding-right: 22px;
  514. padding-left: 0;
  515. }
  516. .ant-upload-list-rtl .ant-upload-list-item-name-icon-count-1 {
  517. padding-left: 14px;
  518. }
  519. .ant-upload-list-rtl .ant-upload-list-item-card-actions {
  520. right: auto;
  521. left: 0;
  522. }
  523. .ant-upload-list-rtl .ant-upload-list-item-card-actions .anticon {
  524. padding-right: 0;
  525. padding-left: 5px;
  526. }
  527. .ant-upload-list-rtl .ant-upload-list-item-info {
  528. padding: 0 4px 0 12px;
  529. }
  530. .ant-upload-list-rtl .ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon {
  531. padding-right: 0;
  532. padding-left: 5px;
  533. }
  534. .ant-upload-list-rtl .ant-upload-list-item-progress {
  535. padding-right: 26px;
  536. padding-left: 0;
  537. }
  538. .ant-upload-list-picture .ant-upload-list-item-info,
  539. .ant-upload-list-picture-card .ant-upload-list-item-info {
  540. padding: 0;
  541. }
  542. .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-thumbnail,
  543. .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-thumbnail {
  544. right: 8px;
  545. left: auto;
  546. }
  547. .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-icon,
  548. .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-icon {
  549. right: 50%;
  550. left: auto;
  551. transform: translate(50%, -50%);
  552. }
  553. .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name,
  554. .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name {
  555. margin: 0 8px 0 0;
  556. padding-right: 48px;
  557. padding-left: 8px;
  558. }
  559. .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name-icon-count-1,
  560. .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-1 {
  561. padding-right: 48px;
  562. padding-left: 18px;
  563. }
  564. .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name-icon-count-2,
  565. .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-2 {
  566. padding-right: 48px;
  567. padding-left: 36px;
  568. }
  569. .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-progress,
  570. .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-progress {
  571. padding-right: 0;
  572. padding-left: 0;
  573. }
  574. .ant-upload-list-rtl .ant-upload-list-picture-card-container {
  575. margin: 0 0 8px 8px;
  576. }
  577. .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-actions {
  578. right: 50%;
  579. left: auto;
  580. transform: translate(50%, -50%);
  581. }
  582. .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-file + .ant-upload-list-item-name {
  583. margin: 8px 0 0;
  584. padding: 0;
  585. }
  586. .ant-progress {
  587. box-sizing: border-box;
  588. margin: 0;
  589. padding: 0;
  590. color: rgba(0, 0, 0, 0.85);
  591. font-size: 14px;
  592. font-variant: tabular-nums;
  593. line-height: 1.5715;
  594. list-style: none;
  595. font-feature-settings: 'tnum';
  596. display: inline-block;
  597. }
  598. .ant-progress-line {
  599. position: relative;
  600. width: 100%;
  601. font-size: 14px;
  602. }
  603. .ant-progress-steps {
  604. display: inline-block;
  605. }
  606. .ant-progress-steps-outer {
  607. display: flex;
  608. flex-direction: row;
  609. align-items: center;
  610. }
  611. .ant-progress-steps-item {
  612. flex-shrink: 0;
  613. min-width: 2px;
  614. margin-right: 2px;
  615. background: #f3f3f3;
  616. transition: all 0.3s;
  617. }
  618. .ant-progress-steps-item-active {
  619. background: #1890ff;
  620. }
  621. .ant-progress-small.ant-progress-line,
  622. .ant-progress-small.ant-progress-line .ant-progress-text .anticon {
  623. font-size: 12px;
  624. }
  625. .ant-progress-outer {
  626. display: inline-block;
  627. width: 100%;
  628. margin-right: 0;
  629. padding-right: 0;
  630. }
  631. .ant-progress-show-info .ant-progress-outer {
  632. margin-right: calc(-2em - 8px);
  633. padding-right: calc(2em + 8px);
  634. }
  635. .ant-progress-inner {
  636. position: relative;
  637. display: inline-block;
  638. width: 100%;
  639. overflow: hidden;
  640. vertical-align: middle;
  641. background-color: #f5f5f5;
  642. border-radius: 100px;
  643. }
  644. .ant-progress-circle-trail {
  645. stroke: #f5f5f5;
  646. }
  647. .ant-progress-circle-path {
  648. animation: ant-progress-appear 0.3s;
  649. }
  650. .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
  651. stroke: #1890ff;
  652. }
  653. .ant-progress-success-bg,
  654. .ant-progress-bg {
  655. position: relative;
  656. background-color: #1890ff;
  657. border-radius: 100px;
  658. transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
  659. }
  660. .ant-progress-success-bg {
  661. position: absolute;
  662. top: 0;
  663. left: 0;
  664. background-color: #52c41a;
  665. }
  666. .ant-progress-text {
  667. display: inline-block;
  668. width: 2em;
  669. margin-left: 8px;
  670. color: rgba(0, 0, 0, 0.85);
  671. font-size: 1em;
  672. line-height: 1;
  673. white-space: nowrap;
  674. text-align: left;
  675. vertical-align: middle;
  676. word-break: normal;
  677. }
  678. .ant-progress-text .anticon {
  679. font-size: 14px;
  680. }
  681. .ant-progress-status-active .ant-progress-bg::before {
  682. position: absolute;
  683. top: 0;
  684. right: 0;
  685. bottom: 0;
  686. left: 0;
  687. background: #fff;
  688. border-radius: 10px;
  689. opacity: 0;
  690. animation: ant-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;
  691. content: '';
  692. }
  693. .ant-progress-status-exception .ant-progress-bg {
  694. background-color: #ff4d4f;
  695. }
  696. .ant-progress-status-exception .ant-progress-text {
  697. color: #ff4d4f;
  698. }
  699. .ant-progress-status-exception .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
  700. stroke: #ff4d4f;
  701. }
  702. .ant-progress-status-success .ant-progress-bg {
  703. background-color: #52c41a;
  704. }
  705. .ant-progress-status-success .ant-progress-text {
  706. color: #52c41a;
  707. }
  708. .ant-progress-status-success .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
  709. stroke: #52c41a;
  710. }
  711. .ant-progress-circle .ant-progress-inner {
  712. position: relative;
  713. line-height: 1;
  714. background-color: transparent;
  715. }
  716. .ant-progress-circle .ant-progress-text {
  717. position: absolute;
  718. top: 50%;
  719. left: 50%;
  720. width: 100%;
  721. margin: 0;
  722. padding: 0;
  723. color: rgba(0, 0, 0, 0.85);
  724. font-size: 1em;
  725. line-height: 1;
  726. white-space: normal;
  727. text-align: center;
  728. transform: translate(-50%, -50%);
  729. }
  730. .ant-progress-circle .ant-progress-text .anticon {
  731. font-size: 1.16666667em;
  732. }
  733. .ant-progress-circle.ant-progress-status-exception .ant-progress-text {
  734. color: #ff4d4f;
  735. }
  736. .ant-progress-circle.ant-progress-status-success .ant-progress-text {
  737. color: #52c41a;
  738. }
  739. @keyframes ant-progress-active {
  740. 0% {
  741. transform: translateX(-100%) scaleX(0);
  742. opacity: 0.1;
  743. }
  744. 20% {
  745. transform: translateX(-100%) scaleX(0);
  746. opacity: 0.5;
  747. }
  748. 100% {
  749. transform: translateX(0) scaleX(1);
  750. opacity: 0;
  751. }
  752. }
  753. .ant-progress-rtl {
  754. direction: rtl;
  755. }
  756. .ant-progress-rtl.ant-progress-show-info .ant-progress-outer {
  757. margin-right: 0;
  758. margin-left: calc(-2em - 8px);
  759. padding-right: 0;
  760. padding-left: calc(2em + 8px);
  761. }
  762. .ant-progress-rtl .ant-progress-success-bg {
  763. right: 0;
  764. left: auto;
  765. }
  766. .ant-progress-rtl.ant-progress-line .ant-progress-text,
  767. .ant-progress-rtl.ant-progress-steps .ant-progress-text {
  768. margin-right: 8px;
  769. margin-left: 0;
  770. text-align: right;
  771. }
  772. .ant-tooltip {
  773. box-sizing: border-box;
  774. margin: 0;
  775. padding: 0;
  776. color: rgba(0, 0, 0, 0.85);
  777. font-size: 14px;
  778. font-variant: tabular-nums;
  779. line-height: 1.5715;
  780. list-style: none;
  781. font-feature-settings: 'tnum';
  782. position: absolute;
  783. z-index: 1070;
  784. display: block;
  785. width: max-content;
  786. width: intrinsic;
  787. max-width: 250px;
  788. visibility: visible;
  789. }
  790. .ant-tooltip-content {
  791. position: relative;
  792. }
  793. .ant-tooltip-hidden {
  794. display: none;
  795. }
  796. .ant-tooltip-placement-top,
  797. .ant-tooltip-placement-topLeft,
  798. .ant-tooltip-placement-topRight {
  799. padding-bottom: 14.3137085px;
  800. }
  801. .ant-tooltip-placement-right,
  802. .ant-tooltip-placement-rightTop,
  803. .ant-tooltip-placement-rightBottom {
  804. padding-left: 14.3137085px;
  805. }
  806. .ant-tooltip-placement-bottom,
  807. .ant-tooltip-placement-bottomLeft,
  808. .ant-tooltip-placement-bottomRight {
  809. padding-top: 14.3137085px;
  810. }
  811. .ant-tooltip-placement-left,
  812. .ant-tooltip-placement-leftTop,
  813. .ant-tooltip-placement-leftBottom {
  814. padding-right: 14.3137085px;
  815. }
  816. .ant-tooltip-inner {
  817. min-width: 30px;
  818. min-height: 32px;
  819. padding: 6px 8px;
  820. color: #fff;
  821. text-align: left;
  822. text-decoration: none;
  823. word-wrap: break-word;
  824. background-color: rgba(0, 0, 0, 0.75);
  825. border-radius: 2px;
  826. box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  827. }
  828. .ant-tooltip-arrow {
  829. position: absolute;
  830. z-index: 2;
  831. display: block;
  832. width: 22px;
  833. height: 22px;
  834. overflow: hidden;
  835. background: transparent;
  836. pointer-events: none;
  837. }
  838. .ant-tooltip-arrow-content {
  839. --antd-arrow-background-color: linear-gradient(to right bottom, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.75));
  840. position: absolute;
  841. top: 0;
  842. right: 0;
  843. bottom: 0;
  844. left: 0;
  845. display: block;
  846. width: 11.3137085px;
  847. height: 11.3137085px;
  848. margin: auto;
  849. content: '';
  850. pointer-events: auto;
  851. border-radius: 0 0 2px;
  852. pointer-events: none;
  853. }
  854. .ant-tooltip-arrow-content::before {
  855. position: absolute;
  856. top: -11.3137085px;
  857. left: -11.3137085px;
  858. width: 33.9411255px;
  859. height: 33.9411255px;
  860. background: var(--antd-arrow-background-color);
  861. background-repeat: no-repeat;
  862. background-position: -10px -10px;
  863. content: '';
  864. clip-path: inset(33% 33%);
  865. clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
  866. }
  867. .ant-tooltip-placement-top .ant-tooltip-arrow,
  868. .ant-tooltip-placement-topLeft .ant-tooltip-arrow,
  869. .ant-tooltip-placement-topRight .ant-tooltip-arrow {
  870. bottom: 0;
  871. transform: translateY(100%);
  872. }
  873. .ant-tooltip-placement-top .ant-tooltip-arrow-content,
  874. .ant-tooltip-placement-topLeft .ant-tooltip-arrow-content,
  875. .ant-tooltip-placement-topRight .ant-tooltip-arrow-content {
  876. box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
  877. transform: translateY(-11px) rotate(45deg);
  878. }
  879. .ant-tooltip-placement-top .ant-tooltip-arrow {
  880. left: 50%;
  881. transform: translateY(100%) translateX(-50%);
  882. }
  883. .ant-tooltip-placement-topLeft .ant-tooltip-arrow {
  884. left: 13px;
  885. }
  886. .ant-tooltip-placement-topRight .ant-tooltip-arrow {
  887. right: 13px;
  888. }
  889. .ant-tooltip-placement-right .ant-tooltip-arrow,
  890. .ant-tooltip-placement-rightTop .ant-tooltip-arrow,
  891. .ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
  892. left: 0;
  893. transform: translateX(-100%);
  894. }
  895. .ant-tooltip-placement-right .ant-tooltip-arrow-content,
  896. .ant-tooltip-placement-rightTop .ant-tooltip-arrow-content,
  897. .ant-tooltip-placement-rightBottom .ant-tooltip-arrow-content {
  898. box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
  899. transform: translateX(11px) rotate(135deg);
  900. }
  901. .ant-tooltip-placement-right .ant-tooltip-arrow {
  902. top: 50%;
  903. transform: translateX(-100%) translateY(-50%);
  904. }
  905. .ant-tooltip-placement-rightTop .ant-tooltip-arrow {
  906. top: 5px;
  907. }
  908. .ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
  909. bottom: 5px;
  910. }
  911. .ant-tooltip-placement-left .ant-tooltip-arrow,
  912. .ant-tooltip-placement-leftTop .ant-tooltip-arrow,
  913. .ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
  914. right: 0;
  915. transform: translateX(100%);
  916. }
  917. .ant-tooltip-placement-left .ant-tooltip-arrow-content,
  918. .ant-tooltip-placement-leftTop .ant-tooltip-arrow-content,
  919. .ant-tooltip-placement-leftBottom .ant-tooltip-arrow-content {
  920. box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
  921. transform: translateX(-11px) rotate(315deg);
  922. }
  923. .ant-tooltip-placement-left .ant-tooltip-arrow {
  924. top: 50%;
  925. transform: translateX(100%) translateY(-50%);
  926. }
  927. .ant-tooltip-placement-leftTop .ant-tooltip-arrow {
  928. top: 5px;
  929. }
  930. .ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
  931. bottom: 5px;
  932. }
  933. .ant-tooltip-placement-bottom .ant-tooltip-arrow,
  934. .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow,
  935. .ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
  936. top: 0;
  937. transform: translateY(-100%);
  938. }
  939. .ant-tooltip-placement-bottom .ant-tooltip-arrow-content,
  940. .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow-content,
  941. .ant-tooltip-placement-bottomRight .ant-tooltip-arrow-content {
  942. box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07);
  943. transform: translateY(11px) rotate(225deg);
  944. }
  945. .ant-tooltip-placement-bottom .ant-tooltip-arrow {
  946. left: 50%;
  947. transform: translateY(-100%) translateX(-50%);
  948. }
  949. .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow {
  950. left: 13px;
  951. }
  952. .ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
  953. right: 13px;
  954. }
  955. .ant-tooltip-pink .ant-tooltip-inner {
  956. background-color: #eb2f96;
  957. }
  958. .ant-tooltip-pink .ant-tooltip-arrow-content::before {
  959. background: #eb2f96;
  960. }
  961. .ant-tooltip-magenta .ant-tooltip-inner {
  962. background-color: #eb2f96;
  963. }
  964. .ant-tooltip-magenta .ant-tooltip-arrow-content::before {
  965. background: #eb2f96;
  966. }
  967. .ant-tooltip-red .ant-tooltip-inner {
  968. background-color: #f5222d;
  969. }
  970. .ant-tooltip-red .ant-tooltip-arrow-content::before {
  971. background: #f5222d;
  972. }
  973. .ant-tooltip-volcano .ant-tooltip-inner {
  974. background-color: #fa541c;
  975. }
  976. .ant-tooltip-volcano .ant-tooltip-arrow-content::before {
  977. background: #fa541c;
  978. }
  979. .ant-tooltip-orange .ant-tooltip-inner {
  980. background-color: #fa8c16;
  981. }
  982. .ant-tooltip-orange .ant-tooltip-arrow-content::before {
  983. background: #fa8c16;
  984. }
  985. .ant-tooltip-yellow .ant-tooltip-inner {
  986. background-color: #fadb14;
  987. }
  988. .ant-tooltip-yellow .ant-tooltip-arrow-content::before {
  989. background: #fadb14;
  990. }
  991. .ant-tooltip-gold .ant-tooltip-inner {
  992. background-color: #faad14;
  993. }
  994. .ant-tooltip-gold .ant-tooltip-arrow-content::before {
  995. background: #faad14;
  996. }
  997. .ant-tooltip-cyan .ant-tooltip-inner {
  998. background-color: #13c2c2;
  999. }
  1000. .ant-tooltip-cyan .ant-tooltip-arrow-content::before {
  1001. background: #13c2c2;
  1002. }
  1003. .ant-tooltip-lime .ant-tooltip-inner {
  1004. background-color: #a0d911;
  1005. }
  1006. .ant-tooltip-lime .ant-tooltip-arrow-content::before {
  1007. background: #a0d911;
  1008. }
  1009. .ant-tooltip-green .ant-tooltip-inner {
  1010. background-color: #52c41a;
  1011. }
  1012. .ant-tooltip-green .ant-tooltip-arrow-content::before {
  1013. background: #52c41a;
  1014. }
  1015. .ant-tooltip-blue .ant-tooltip-inner {
  1016. background-color: #1890ff;
  1017. }
  1018. .ant-tooltip-blue .ant-tooltip-arrow-content::before {
  1019. background: #1890ff;
  1020. }
  1021. .ant-tooltip-geekblue .ant-tooltip-inner {
  1022. background-color: #2f54eb;
  1023. }
  1024. .ant-tooltip-geekblue .ant-tooltip-arrow-content::before {
  1025. background: #2f54eb;
  1026. }
  1027. .ant-tooltip-purple .ant-tooltip-inner {
  1028. background-color: #722ed1;
  1029. }
  1030. .ant-tooltip-purple .ant-tooltip-arrow-content::before {
  1031. background: #722ed1;
  1032. }
  1033. .ant-tooltip-rtl {
  1034. direction: rtl;
  1035. }
  1036. .ant-tooltip-rtl .ant-tooltip-inner {
  1037. text-align: right;
  1038. }
  1039. .ant-tooltip {
  1040. position: relative;
  1041. }
  1042. .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item {
  1043. float: unset;
  1044. }