@ant-design/pro-components 1.0.0 → 1.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,3580 @@
1
+ .ant-form > div:not(.ant-pro-form-light-filter) .pro-field {
2
+ max-width: 100%;
3
+ }
4
+ .ant-form > div:not(.ant-pro-form-light-filter) .pro-field-xs {
5
+ width: 104px;
6
+ }
7
+ .ant-form > div:not(.ant-pro-form-light-filter) .pro-field-s {
8
+ width: 216px;
9
+ }
10
+ .ant-form > div:not(.ant-pro-form-light-filter) .pro-field-sm {
11
+ width: 216px;
12
+ }
13
+ .ant-form > div:not(.ant-pro-form-light-filter) .pro-field-m {
14
+ width: 328px;
15
+ }
16
+ .ant-form > div:not(.ant-pro-form-light-filter) .pro-field-md {
17
+ width: 328px;
18
+ }
19
+ .ant-form > div:not(.ant-pro-form-light-filter) .pro-field-l {
20
+ width: 440px;
21
+ }
22
+ .ant-form > div:not(.ant-pro-form-light-filter) .pro-field-lg {
23
+ width: 440px;
24
+ }
25
+ .ant-form > div:not(.ant-pro-form-light-filter) .pro-field-xl {
26
+ width: 552px;
27
+ }
28
+
29
+ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
30
+ /* stylelint-disable no-duplicate-selectors */
31
+ /* stylelint-disable */
32
+ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
33
+ [class^=ant-]::-ms-clear,
34
+ [class*= ant-]::-ms-clear,
35
+ [class^=ant-] input::-ms-clear,
36
+ [class*= ant-] input::-ms-clear,
37
+ [class^=ant-] input::-ms-reveal,
38
+ [class*= ant-] input::-ms-reveal {
39
+ display: none;
40
+ }
41
+ /* stylelint-disable property-no-vendor-prefix, at-rule-no-vendor-prefix */
42
+ html,
43
+ body {
44
+ width: 100%;
45
+ height: 100%;
46
+ }
47
+ input::-ms-clear,
48
+ input::-ms-reveal {
49
+ display: none;
50
+ }
51
+ *,
52
+ *::before,
53
+ *::after {
54
+ box-sizing: border-box;
55
+ }
56
+ html {
57
+ font-family: sans-serif;
58
+ line-height: 1.15;
59
+ -webkit-text-size-adjust: 100%;
60
+ -ms-text-size-adjust: 100%;
61
+ -ms-overflow-style: scrollbar;
62
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
63
+ }
64
+ @-ms-viewport {
65
+ width: device-width;
66
+ }
67
+ body {
68
+ margin: 0;
69
+ color: rgba(0, 0, 0, 0.85);
70
+ font-size: 14px;
71
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
72
+ font-variant: tabular-nums;
73
+ line-height: 1.5715;
74
+ background-color: #fff;
75
+ font-feature-settings: 'tnum';
76
+ }
77
+ [tabindex='-1']:focus {
78
+ outline: none !important;
79
+ }
80
+ hr {
81
+ box-sizing: content-box;
82
+ height: 0;
83
+ overflow: visible;
84
+ }
85
+ h1,
86
+ h2,
87
+ h3,
88
+ h4,
89
+ h5,
90
+ h6 {
91
+ margin-top: 0;
92
+ margin-bottom: 0.5em;
93
+ color: rgba(0, 0, 0, 0.85);
94
+ font-weight: 500;
95
+ }
96
+ p {
97
+ margin-top: 0;
98
+ margin-bottom: 1em;
99
+ }
100
+ abbr[title],
101
+ abbr[data-original-title] {
102
+ text-decoration: underline;
103
+ text-decoration: underline dotted;
104
+ border-bottom: 0;
105
+ cursor: help;
106
+ }
107
+ address {
108
+ margin-bottom: 1em;
109
+ font-style: normal;
110
+ line-height: inherit;
111
+ }
112
+ input[type='text'],
113
+ input[type='password'],
114
+ input[type='number'],
115
+ textarea {
116
+ -webkit-appearance: none;
117
+ }
118
+ ol,
119
+ ul,
120
+ dl {
121
+ margin-top: 0;
122
+ margin-bottom: 1em;
123
+ }
124
+ ol ol,
125
+ ul ul,
126
+ ol ul,
127
+ ul ol {
128
+ margin-bottom: 0;
129
+ }
130
+ dt {
131
+ font-weight: 500;
132
+ }
133
+ dd {
134
+ margin-bottom: 0.5em;
135
+ margin-left: 0;
136
+ }
137
+ blockquote {
138
+ margin: 0 0 1em;
139
+ }
140
+ dfn {
141
+ font-style: italic;
142
+ }
143
+ b,
144
+ strong {
145
+ font-weight: bolder;
146
+ }
147
+ small {
148
+ font-size: 80%;
149
+ }
150
+ sub,
151
+ sup {
152
+ position: relative;
153
+ font-size: 75%;
154
+ line-height: 0;
155
+ vertical-align: baseline;
156
+ }
157
+ sub {
158
+ bottom: -0.25em;
159
+ }
160
+ sup {
161
+ top: -0.5em;
162
+ }
163
+ a {
164
+ color: #1890ff;
165
+ text-decoration: none;
166
+ background-color: transparent;
167
+ outline: none;
168
+ cursor: pointer;
169
+ transition: color 0.3s;
170
+ -webkit-text-decoration-skip: objects;
171
+ }
172
+ a:hover {
173
+ color: #40a9ff;
174
+ }
175
+ a:active {
176
+ color: #096dd9;
177
+ }
178
+ a:active,
179
+ a:hover {
180
+ text-decoration: none;
181
+ outline: 0;
182
+ }
183
+ a:focus {
184
+ text-decoration: none;
185
+ outline: 0;
186
+ }
187
+ a[disabled] {
188
+ color: rgba(0, 0, 0, 0.25);
189
+ cursor: not-allowed;
190
+ }
191
+ pre,
192
+ code,
193
+ kbd,
194
+ samp {
195
+ font-size: 1em;
196
+ font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
197
+ }
198
+ pre {
199
+ margin-top: 0;
200
+ margin-bottom: 1em;
201
+ overflow: auto;
202
+ }
203
+ figure {
204
+ margin: 0 0 1em;
205
+ }
206
+ img {
207
+ vertical-align: middle;
208
+ border-style: none;
209
+ }
210
+ a,
211
+ area,
212
+ button,
213
+ [role='button'],
214
+ input:not([type='range']),
215
+ label,
216
+ select,
217
+ summary,
218
+ textarea {
219
+ touch-action: manipulation;
220
+ }
221
+ table {
222
+ border-collapse: collapse;
223
+ }
224
+ caption {
225
+ padding-top: 0.75em;
226
+ padding-bottom: 0.3em;
227
+ color: rgba(0, 0, 0, 0.45);
228
+ text-align: left;
229
+ caption-side: bottom;
230
+ }
231
+ input,
232
+ button,
233
+ select,
234
+ optgroup,
235
+ textarea {
236
+ margin: 0;
237
+ color: inherit;
238
+ font-size: inherit;
239
+ font-family: inherit;
240
+ line-height: inherit;
241
+ }
242
+ button,
243
+ input {
244
+ overflow: visible;
245
+ }
246
+ button,
247
+ select {
248
+ text-transform: none;
249
+ }
250
+ button,
251
+ html [type="button"],
252
+ [type="reset"],
253
+ [type="submit"] {
254
+ -webkit-appearance: button;
255
+ }
256
+ button::-moz-focus-inner,
257
+ [type='button']::-moz-focus-inner,
258
+ [type='reset']::-moz-focus-inner,
259
+ [type='submit']::-moz-focus-inner {
260
+ padding: 0;
261
+ border-style: none;
262
+ }
263
+ input[type='radio'],
264
+ input[type='checkbox'] {
265
+ box-sizing: border-box;
266
+ padding: 0;
267
+ }
268
+ input[type='date'],
269
+ input[type='time'],
270
+ input[type='datetime-local'],
271
+ input[type='month'] {
272
+ -webkit-appearance: listbox;
273
+ }
274
+ textarea {
275
+ overflow: auto;
276
+ resize: vertical;
277
+ }
278
+ fieldset {
279
+ min-width: 0;
280
+ margin: 0;
281
+ padding: 0;
282
+ border: 0;
283
+ }
284
+ legend {
285
+ display: block;
286
+ width: 100%;
287
+ max-width: 100%;
288
+ margin-bottom: 0.5em;
289
+ padding: 0;
290
+ color: inherit;
291
+ font-size: 1.5em;
292
+ line-height: inherit;
293
+ white-space: normal;
294
+ }
295
+ progress {
296
+ vertical-align: baseline;
297
+ }
298
+ [type='number']::-webkit-inner-spin-button,
299
+ [type='number']::-webkit-outer-spin-button {
300
+ height: auto;
301
+ }
302
+ [type='search'] {
303
+ outline-offset: -2px;
304
+ -webkit-appearance: none;
305
+ }
306
+ [type='search']::-webkit-search-cancel-button,
307
+ [type='search']::-webkit-search-decoration {
308
+ -webkit-appearance: none;
309
+ }
310
+ ::-webkit-file-upload-button {
311
+ font: inherit;
312
+ -webkit-appearance: button;
313
+ }
314
+ output {
315
+ display: inline-block;
316
+ }
317
+ summary {
318
+ display: list-item;
319
+ }
320
+ template {
321
+ display: none;
322
+ }
323
+ [hidden] {
324
+ display: none !important;
325
+ }
326
+ mark {
327
+ padding: 0.2em;
328
+ background-color: #feffe6;
329
+ }
330
+ ::selection {
331
+ color: #fff;
332
+ background: #1890ff;
333
+ }
334
+ .clearfix::before {
335
+ display: table;
336
+ content: '';
337
+ }
338
+ .clearfix::after {
339
+ display: table;
340
+ clear: both;
341
+ content: '';
342
+ }
343
+ .anticon {
344
+ display: inline-block;
345
+ color: inherit;
346
+ font-style: normal;
347
+ line-height: 0;
348
+ text-align: center;
349
+ text-transform: none;
350
+ vertical-align: -0.125em;
351
+ text-rendering: optimizelegibility;
352
+ -webkit-font-smoothing: antialiased;
353
+ -moz-osx-font-smoothing: grayscale;
354
+ }
355
+ .anticon > * {
356
+ line-height: 1;
357
+ }
358
+ .anticon svg {
359
+ display: inline-block;
360
+ }
361
+ .anticon::before {
362
+ display: none;
363
+ }
364
+ .anticon .anticon-icon {
365
+ display: block;
366
+ }
367
+ .anticon > .anticon {
368
+ line-height: 0;
369
+ vertical-align: 0;
370
+ }
371
+ .anticon[tabindex] {
372
+ cursor: pointer;
373
+ }
374
+ .anticon-spin::before {
375
+ display: inline-block;
376
+ animation: loadingCircle 1s infinite linear;
377
+ }
378
+ .anticon-spin {
379
+ display: inline-block;
380
+ animation: loadingCircle 1s infinite linear;
381
+ }
382
+ .ant-fade-enter,
383
+ .ant-fade-appear {
384
+ animation-duration: 0.2s;
385
+ animation-fill-mode: both;
386
+ animation-play-state: paused;
387
+ }
388
+ .ant-fade-leave {
389
+ animation-duration: 0.2s;
390
+ animation-fill-mode: both;
391
+ animation-play-state: paused;
392
+ }
393
+ .ant-fade-enter.ant-fade-enter-active,
394
+ .ant-fade-appear.ant-fade-appear-active {
395
+ animation-name: antFadeIn;
396
+ animation-play-state: running;
397
+ }
398
+ .ant-fade-leave.ant-fade-leave-active {
399
+ animation-name: antFadeOut;
400
+ animation-play-state: running;
401
+ pointer-events: none;
402
+ }
403
+ .ant-fade-enter,
404
+ .ant-fade-appear {
405
+ opacity: 0;
406
+ animation-timing-function: linear;
407
+ }
408
+ .ant-fade-leave {
409
+ animation-timing-function: linear;
410
+ }
411
+ @keyframes antFadeIn {
412
+ 0% {
413
+ opacity: 0;
414
+ }
415
+ 100% {
416
+ opacity: 1;
417
+ }
418
+ }
419
+ @keyframes antFadeOut {
420
+ 0% {
421
+ opacity: 1;
422
+ }
423
+ 100% {
424
+ opacity: 0;
425
+ }
426
+ }
427
+ .ant-move-up-enter,
428
+ .ant-move-up-appear {
429
+ animation-duration: 0.2s;
430
+ animation-fill-mode: both;
431
+ animation-play-state: paused;
432
+ }
433
+ .ant-move-up-leave {
434
+ animation-duration: 0.2s;
435
+ animation-fill-mode: both;
436
+ animation-play-state: paused;
437
+ }
438
+ .ant-move-up-enter.ant-move-up-enter-active,
439
+ .ant-move-up-appear.ant-move-up-appear-active {
440
+ animation-name: antMoveUpIn;
441
+ animation-play-state: running;
442
+ }
443
+ .ant-move-up-leave.ant-move-up-leave-active {
444
+ animation-name: antMoveUpOut;
445
+ animation-play-state: running;
446
+ pointer-events: none;
447
+ }
448
+ .ant-move-up-enter,
449
+ .ant-move-up-appear {
450
+ opacity: 0;
451
+ animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
452
+ }
453
+ .ant-move-up-leave {
454
+ animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
455
+ }
456
+ .ant-move-down-enter,
457
+ .ant-move-down-appear {
458
+ animation-duration: 0.2s;
459
+ animation-fill-mode: both;
460
+ animation-play-state: paused;
461
+ }
462
+ .ant-move-down-leave {
463
+ animation-duration: 0.2s;
464
+ animation-fill-mode: both;
465
+ animation-play-state: paused;
466
+ }
467
+ .ant-move-down-enter.ant-move-down-enter-active,
468
+ .ant-move-down-appear.ant-move-down-appear-active {
469
+ animation-name: antMoveDownIn;
470
+ animation-play-state: running;
471
+ }
472
+ .ant-move-down-leave.ant-move-down-leave-active {
473
+ animation-name: antMoveDownOut;
474
+ animation-play-state: running;
475
+ pointer-events: none;
476
+ }
477
+ .ant-move-down-enter,
478
+ .ant-move-down-appear {
479
+ opacity: 0;
480
+ animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
481
+ }
482
+ .ant-move-down-leave {
483
+ animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
484
+ }
485
+ .ant-move-left-enter,
486
+ .ant-move-left-appear {
487
+ animation-duration: 0.2s;
488
+ animation-fill-mode: both;
489
+ animation-play-state: paused;
490
+ }
491
+ .ant-move-left-leave {
492
+ animation-duration: 0.2s;
493
+ animation-fill-mode: both;
494
+ animation-play-state: paused;
495
+ }
496
+ .ant-move-left-enter.ant-move-left-enter-active,
497
+ .ant-move-left-appear.ant-move-left-appear-active {
498
+ animation-name: antMoveLeftIn;
499
+ animation-play-state: running;
500
+ }
501
+ .ant-move-left-leave.ant-move-left-leave-active {
502
+ animation-name: antMoveLeftOut;
503
+ animation-play-state: running;
504
+ pointer-events: none;
505
+ }
506
+ .ant-move-left-enter,
507
+ .ant-move-left-appear {
508
+ opacity: 0;
509
+ animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
510
+ }
511
+ .ant-move-left-leave {
512
+ animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
513
+ }
514
+ .ant-move-right-enter,
515
+ .ant-move-right-appear {
516
+ animation-duration: 0.2s;
517
+ animation-fill-mode: both;
518
+ animation-play-state: paused;
519
+ }
520
+ .ant-move-right-leave {
521
+ animation-duration: 0.2s;
522
+ animation-fill-mode: both;
523
+ animation-play-state: paused;
524
+ }
525
+ .ant-move-right-enter.ant-move-right-enter-active,
526
+ .ant-move-right-appear.ant-move-right-appear-active {
527
+ animation-name: antMoveRightIn;
528
+ animation-play-state: running;
529
+ }
530
+ .ant-move-right-leave.ant-move-right-leave-active {
531
+ animation-name: antMoveRightOut;
532
+ animation-play-state: running;
533
+ pointer-events: none;
534
+ }
535
+ .ant-move-right-enter,
536
+ .ant-move-right-appear {
537
+ opacity: 0;
538
+ animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
539
+ }
540
+ .ant-move-right-leave {
541
+ animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
542
+ }
543
+ @keyframes antMoveDownIn {
544
+ 0% {
545
+ transform: translateY(100%);
546
+ transform-origin: 0 0;
547
+ opacity: 0;
548
+ }
549
+ 100% {
550
+ transform: translateY(0%);
551
+ transform-origin: 0 0;
552
+ opacity: 1;
553
+ }
554
+ }
555
+ @keyframes antMoveDownOut {
556
+ 0% {
557
+ transform: translateY(0%);
558
+ transform-origin: 0 0;
559
+ opacity: 1;
560
+ }
561
+ 100% {
562
+ transform: translateY(100%);
563
+ transform-origin: 0 0;
564
+ opacity: 0;
565
+ }
566
+ }
567
+ @keyframes antMoveLeftIn {
568
+ 0% {
569
+ transform: translateX(-100%);
570
+ transform-origin: 0 0;
571
+ opacity: 0;
572
+ }
573
+ 100% {
574
+ transform: translateX(0%);
575
+ transform-origin: 0 0;
576
+ opacity: 1;
577
+ }
578
+ }
579
+ @keyframes antMoveLeftOut {
580
+ 0% {
581
+ transform: translateX(0%);
582
+ transform-origin: 0 0;
583
+ opacity: 1;
584
+ }
585
+ 100% {
586
+ transform: translateX(-100%);
587
+ transform-origin: 0 0;
588
+ opacity: 0;
589
+ }
590
+ }
591
+ @keyframes antMoveRightIn {
592
+ 0% {
593
+ transform: translateX(100%);
594
+ transform-origin: 0 0;
595
+ opacity: 0;
596
+ }
597
+ 100% {
598
+ transform: translateX(0%);
599
+ transform-origin: 0 0;
600
+ opacity: 1;
601
+ }
602
+ }
603
+ @keyframes antMoveRightOut {
604
+ 0% {
605
+ transform: translateX(0%);
606
+ transform-origin: 0 0;
607
+ opacity: 1;
608
+ }
609
+ 100% {
610
+ transform: translateX(100%);
611
+ transform-origin: 0 0;
612
+ opacity: 0;
613
+ }
614
+ }
615
+ @keyframes antMoveUpIn {
616
+ 0% {
617
+ transform: translateY(-100%);
618
+ transform-origin: 0 0;
619
+ opacity: 0;
620
+ }
621
+ 100% {
622
+ transform: translateY(0%);
623
+ transform-origin: 0 0;
624
+ opacity: 1;
625
+ }
626
+ }
627
+ @keyframes antMoveUpOut {
628
+ 0% {
629
+ transform: translateY(0%);
630
+ transform-origin: 0 0;
631
+ opacity: 1;
632
+ }
633
+ 100% {
634
+ transform: translateY(-100%);
635
+ transform-origin: 0 0;
636
+ opacity: 0;
637
+ }
638
+ }
639
+ @keyframes loadingCircle {
640
+ 100% {
641
+ transform: rotate(360deg);
642
+ }
643
+ }
644
+ [ant-click-animating='true'],
645
+ [ant-click-animating-without-extra-node='true'] {
646
+ position: relative;
647
+ }
648
+ html {
649
+ --antd-wave-shadow-color: #1890ff;
650
+ --scroll-bar: 0;
651
+ }
652
+ [ant-click-animating-without-extra-node='true']::after,
653
+ .ant-click-animating-node {
654
+ position: absolute;
655
+ top: 0;
656
+ right: 0;
657
+ bottom: 0;
658
+ left: 0;
659
+ display: block;
660
+ border-radius: inherit;
661
+ box-shadow: 0 0 0 0 #1890ff;
662
+ box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
663
+ opacity: 0.2;
664
+ animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
665
+ animation-fill-mode: forwards;
666
+ content: '';
667
+ pointer-events: none;
668
+ }
669
+ @keyframes waveEffect {
670
+ 100% {
671
+ box-shadow: 0 0 0 #1890ff;
672
+ box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
673
+ }
674
+ }
675
+ @keyframes fadeEffect {
676
+ 100% {
677
+ opacity: 0;
678
+ }
679
+ }
680
+ .ant-slide-up-enter,
681
+ .ant-slide-up-appear {
682
+ animation-duration: 0.2s;
683
+ animation-fill-mode: both;
684
+ animation-play-state: paused;
685
+ }
686
+ .ant-slide-up-leave {
687
+ animation-duration: 0.2s;
688
+ animation-fill-mode: both;
689
+ animation-play-state: paused;
690
+ }
691
+ .ant-slide-up-enter.ant-slide-up-enter-active,
692
+ .ant-slide-up-appear.ant-slide-up-appear-active {
693
+ animation-name: antSlideUpIn;
694
+ animation-play-state: running;
695
+ }
696
+ .ant-slide-up-leave.ant-slide-up-leave-active {
697
+ animation-name: antSlideUpOut;
698
+ animation-play-state: running;
699
+ pointer-events: none;
700
+ }
701
+ .ant-slide-up-enter,
702
+ .ant-slide-up-appear {
703
+ opacity: 0;
704
+ animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
705
+ }
706
+ .ant-slide-up-leave {
707
+ animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
708
+ }
709
+ .ant-slide-down-enter,
710
+ .ant-slide-down-appear {
711
+ animation-duration: 0.2s;
712
+ animation-fill-mode: both;
713
+ animation-play-state: paused;
714
+ }
715
+ .ant-slide-down-leave {
716
+ animation-duration: 0.2s;
717
+ animation-fill-mode: both;
718
+ animation-play-state: paused;
719
+ }
720
+ .ant-slide-down-enter.ant-slide-down-enter-active,
721
+ .ant-slide-down-appear.ant-slide-down-appear-active {
722
+ animation-name: antSlideDownIn;
723
+ animation-play-state: running;
724
+ }
725
+ .ant-slide-down-leave.ant-slide-down-leave-active {
726
+ animation-name: antSlideDownOut;
727
+ animation-play-state: running;
728
+ pointer-events: none;
729
+ }
730
+ .ant-slide-down-enter,
731
+ .ant-slide-down-appear {
732
+ opacity: 0;
733
+ animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
734
+ }
735
+ .ant-slide-down-leave {
736
+ animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
737
+ }
738
+ .ant-slide-left-enter,
739
+ .ant-slide-left-appear {
740
+ animation-duration: 0.2s;
741
+ animation-fill-mode: both;
742
+ animation-play-state: paused;
743
+ }
744
+ .ant-slide-left-leave {
745
+ animation-duration: 0.2s;
746
+ animation-fill-mode: both;
747
+ animation-play-state: paused;
748
+ }
749
+ .ant-slide-left-enter.ant-slide-left-enter-active,
750
+ .ant-slide-left-appear.ant-slide-left-appear-active {
751
+ animation-name: antSlideLeftIn;
752
+ animation-play-state: running;
753
+ }
754
+ .ant-slide-left-leave.ant-slide-left-leave-active {
755
+ animation-name: antSlideLeftOut;
756
+ animation-play-state: running;
757
+ pointer-events: none;
758
+ }
759
+ .ant-slide-left-enter,
760
+ .ant-slide-left-appear {
761
+ opacity: 0;
762
+ animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
763
+ }
764
+ .ant-slide-left-leave {
765
+ animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
766
+ }
767
+ .ant-slide-right-enter,
768
+ .ant-slide-right-appear {
769
+ animation-duration: 0.2s;
770
+ animation-fill-mode: both;
771
+ animation-play-state: paused;
772
+ }
773
+ .ant-slide-right-leave {
774
+ animation-duration: 0.2s;
775
+ animation-fill-mode: both;
776
+ animation-play-state: paused;
777
+ }
778
+ .ant-slide-right-enter.ant-slide-right-enter-active,
779
+ .ant-slide-right-appear.ant-slide-right-appear-active {
780
+ animation-name: antSlideRightIn;
781
+ animation-play-state: running;
782
+ }
783
+ .ant-slide-right-leave.ant-slide-right-leave-active {
784
+ animation-name: antSlideRightOut;
785
+ animation-play-state: running;
786
+ pointer-events: none;
787
+ }
788
+ .ant-slide-right-enter,
789
+ .ant-slide-right-appear {
790
+ opacity: 0;
791
+ animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
792
+ }
793
+ .ant-slide-right-leave {
794
+ animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
795
+ }
796
+ @keyframes antSlideUpIn {
797
+ 0% {
798
+ transform: scaleY(0.8);
799
+ transform-origin: 0% 0%;
800
+ opacity: 0;
801
+ }
802
+ 100% {
803
+ transform: scaleY(1);
804
+ transform-origin: 0% 0%;
805
+ opacity: 1;
806
+ }
807
+ }
808
+ @keyframes antSlideUpOut {
809
+ 0% {
810
+ transform: scaleY(1);
811
+ transform-origin: 0% 0%;
812
+ opacity: 1;
813
+ }
814
+ 100% {
815
+ transform: scaleY(0.8);
816
+ transform-origin: 0% 0%;
817
+ opacity: 0;
818
+ }
819
+ }
820
+ @keyframes antSlideDownIn {
821
+ 0% {
822
+ transform: scaleY(0.8);
823
+ transform-origin: 100% 100%;
824
+ opacity: 0;
825
+ }
826
+ 100% {
827
+ transform: scaleY(1);
828
+ transform-origin: 100% 100%;
829
+ opacity: 1;
830
+ }
831
+ }
832
+ @keyframes antSlideDownOut {
833
+ 0% {
834
+ transform: scaleY(1);
835
+ transform-origin: 100% 100%;
836
+ opacity: 1;
837
+ }
838
+ 100% {
839
+ transform: scaleY(0.8);
840
+ transform-origin: 100% 100%;
841
+ opacity: 0;
842
+ }
843
+ }
844
+ @keyframes antSlideLeftIn {
845
+ 0% {
846
+ transform: scaleX(0.8);
847
+ transform-origin: 0% 0%;
848
+ opacity: 0;
849
+ }
850
+ 100% {
851
+ transform: scaleX(1);
852
+ transform-origin: 0% 0%;
853
+ opacity: 1;
854
+ }
855
+ }
856
+ @keyframes antSlideLeftOut {
857
+ 0% {
858
+ transform: scaleX(1);
859
+ transform-origin: 0% 0%;
860
+ opacity: 1;
861
+ }
862
+ 100% {
863
+ transform: scaleX(0.8);
864
+ transform-origin: 0% 0%;
865
+ opacity: 0;
866
+ }
867
+ }
868
+ @keyframes antSlideRightIn {
869
+ 0% {
870
+ transform: scaleX(0.8);
871
+ transform-origin: 100% 0%;
872
+ opacity: 0;
873
+ }
874
+ 100% {
875
+ transform: scaleX(1);
876
+ transform-origin: 100% 0%;
877
+ opacity: 1;
878
+ }
879
+ }
880
+ @keyframes antSlideRightOut {
881
+ 0% {
882
+ transform: scaleX(1);
883
+ transform-origin: 100% 0%;
884
+ opacity: 1;
885
+ }
886
+ 100% {
887
+ transform: scaleX(0.8);
888
+ transform-origin: 100% 0%;
889
+ opacity: 0;
890
+ }
891
+ }
892
+ .ant-zoom-enter,
893
+ .ant-zoom-appear {
894
+ animation-duration: 0.2s;
895
+ animation-fill-mode: both;
896
+ animation-play-state: paused;
897
+ }
898
+ .ant-zoom-leave {
899
+ animation-duration: 0.2s;
900
+ animation-fill-mode: both;
901
+ animation-play-state: paused;
902
+ }
903
+ .ant-zoom-enter.ant-zoom-enter-active,
904
+ .ant-zoom-appear.ant-zoom-appear-active {
905
+ animation-name: antZoomIn;
906
+ animation-play-state: running;
907
+ }
908
+ .ant-zoom-leave.ant-zoom-leave-active {
909
+ animation-name: antZoomOut;
910
+ animation-play-state: running;
911
+ pointer-events: none;
912
+ }
913
+ .ant-zoom-enter,
914
+ .ant-zoom-appear {
915
+ transform: scale(0);
916
+ opacity: 0;
917
+ animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
918
+ }
919
+ .ant-zoom-enter-prepare,
920
+ .ant-zoom-appear-prepare {
921
+ transform: none;
922
+ }
923
+ .ant-zoom-leave {
924
+ animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
925
+ }
926
+ .ant-zoom-big-enter,
927
+ .ant-zoom-big-appear {
928
+ animation-duration: 0.2s;
929
+ animation-fill-mode: both;
930
+ animation-play-state: paused;
931
+ }
932
+ .ant-zoom-big-leave {
933
+ animation-duration: 0.2s;
934
+ animation-fill-mode: both;
935
+ animation-play-state: paused;
936
+ }
937
+ .ant-zoom-big-enter.ant-zoom-big-enter-active,
938
+ .ant-zoom-big-appear.ant-zoom-big-appear-active {
939
+ animation-name: antZoomBigIn;
940
+ animation-play-state: running;
941
+ }
942
+ .ant-zoom-big-leave.ant-zoom-big-leave-active {
943
+ animation-name: antZoomBigOut;
944
+ animation-play-state: running;
945
+ pointer-events: none;
946
+ }
947
+ .ant-zoom-big-enter,
948
+ .ant-zoom-big-appear {
949
+ transform: scale(0);
950
+ opacity: 0;
951
+ animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
952
+ }
953
+ .ant-zoom-big-enter-prepare,
954
+ .ant-zoom-big-appear-prepare {
955
+ transform: none;
956
+ }
957
+ .ant-zoom-big-leave {
958
+ animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
959
+ }
960
+ .ant-zoom-big-fast-enter,
961
+ .ant-zoom-big-fast-appear {
962
+ animation-duration: 0.1s;
963
+ animation-fill-mode: both;
964
+ animation-play-state: paused;
965
+ }
966
+ .ant-zoom-big-fast-leave {
967
+ animation-duration: 0.1s;
968
+ animation-fill-mode: both;
969
+ animation-play-state: paused;
970
+ }
971
+ .ant-zoom-big-fast-enter.ant-zoom-big-fast-enter-active,
972
+ .ant-zoom-big-fast-appear.ant-zoom-big-fast-appear-active {
973
+ animation-name: antZoomBigIn;
974
+ animation-play-state: running;
975
+ }
976
+ .ant-zoom-big-fast-leave.ant-zoom-big-fast-leave-active {
977
+ animation-name: antZoomBigOut;
978
+ animation-play-state: running;
979
+ pointer-events: none;
980
+ }
981
+ .ant-zoom-big-fast-enter,
982
+ .ant-zoom-big-fast-appear {
983
+ transform: scale(0);
984
+ opacity: 0;
985
+ animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
986
+ }
987
+ .ant-zoom-big-fast-enter-prepare,
988
+ .ant-zoom-big-fast-appear-prepare {
989
+ transform: none;
990
+ }
991
+ .ant-zoom-big-fast-leave {
992
+ animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
993
+ }
994
+ .ant-zoom-up-enter,
995
+ .ant-zoom-up-appear {
996
+ animation-duration: 0.2s;
997
+ animation-fill-mode: both;
998
+ animation-play-state: paused;
999
+ }
1000
+ .ant-zoom-up-leave {
1001
+ animation-duration: 0.2s;
1002
+ animation-fill-mode: both;
1003
+ animation-play-state: paused;
1004
+ }
1005
+ .ant-zoom-up-enter.ant-zoom-up-enter-active,
1006
+ .ant-zoom-up-appear.ant-zoom-up-appear-active {
1007
+ animation-name: antZoomUpIn;
1008
+ animation-play-state: running;
1009
+ }
1010
+ .ant-zoom-up-leave.ant-zoom-up-leave-active {
1011
+ animation-name: antZoomUpOut;
1012
+ animation-play-state: running;
1013
+ pointer-events: none;
1014
+ }
1015
+ .ant-zoom-up-enter,
1016
+ .ant-zoom-up-appear {
1017
+ transform: scale(0);
1018
+ opacity: 0;
1019
+ animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
1020
+ }
1021
+ .ant-zoom-up-enter-prepare,
1022
+ .ant-zoom-up-appear-prepare {
1023
+ transform: none;
1024
+ }
1025
+ .ant-zoom-up-leave {
1026
+ animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
1027
+ }
1028
+ .ant-zoom-down-enter,
1029
+ .ant-zoom-down-appear {
1030
+ animation-duration: 0.2s;
1031
+ animation-fill-mode: both;
1032
+ animation-play-state: paused;
1033
+ }
1034
+ .ant-zoom-down-leave {
1035
+ animation-duration: 0.2s;
1036
+ animation-fill-mode: both;
1037
+ animation-play-state: paused;
1038
+ }
1039
+ .ant-zoom-down-enter.ant-zoom-down-enter-active,
1040
+ .ant-zoom-down-appear.ant-zoom-down-appear-active {
1041
+ animation-name: antZoomDownIn;
1042
+ animation-play-state: running;
1043
+ }
1044
+ .ant-zoom-down-leave.ant-zoom-down-leave-active {
1045
+ animation-name: antZoomDownOut;
1046
+ animation-play-state: running;
1047
+ pointer-events: none;
1048
+ }
1049
+ .ant-zoom-down-enter,
1050
+ .ant-zoom-down-appear {
1051
+ transform: scale(0);
1052
+ opacity: 0;
1053
+ animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
1054
+ }
1055
+ .ant-zoom-down-enter-prepare,
1056
+ .ant-zoom-down-appear-prepare {
1057
+ transform: none;
1058
+ }
1059
+ .ant-zoom-down-leave {
1060
+ animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
1061
+ }
1062
+ .ant-zoom-left-enter,
1063
+ .ant-zoom-left-appear {
1064
+ animation-duration: 0.2s;
1065
+ animation-fill-mode: both;
1066
+ animation-play-state: paused;
1067
+ }
1068
+ .ant-zoom-left-leave {
1069
+ animation-duration: 0.2s;
1070
+ animation-fill-mode: both;
1071
+ animation-play-state: paused;
1072
+ }
1073
+ .ant-zoom-left-enter.ant-zoom-left-enter-active,
1074
+ .ant-zoom-left-appear.ant-zoom-left-appear-active {
1075
+ animation-name: antZoomLeftIn;
1076
+ animation-play-state: running;
1077
+ }
1078
+ .ant-zoom-left-leave.ant-zoom-left-leave-active {
1079
+ animation-name: antZoomLeftOut;
1080
+ animation-play-state: running;
1081
+ pointer-events: none;
1082
+ }
1083
+ .ant-zoom-left-enter,
1084
+ .ant-zoom-left-appear {
1085
+ transform: scale(0);
1086
+ opacity: 0;
1087
+ animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
1088
+ }
1089
+ .ant-zoom-left-enter-prepare,
1090
+ .ant-zoom-left-appear-prepare {
1091
+ transform: none;
1092
+ }
1093
+ .ant-zoom-left-leave {
1094
+ animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
1095
+ }
1096
+ .ant-zoom-right-enter,
1097
+ .ant-zoom-right-appear {
1098
+ animation-duration: 0.2s;
1099
+ animation-fill-mode: both;
1100
+ animation-play-state: paused;
1101
+ }
1102
+ .ant-zoom-right-leave {
1103
+ animation-duration: 0.2s;
1104
+ animation-fill-mode: both;
1105
+ animation-play-state: paused;
1106
+ }
1107
+ .ant-zoom-right-enter.ant-zoom-right-enter-active,
1108
+ .ant-zoom-right-appear.ant-zoom-right-appear-active {
1109
+ animation-name: antZoomRightIn;
1110
+ animation-play-state: running;
1111
+ }
1112
+ .ant-zoom-right-leave.ant-zoom-right-leave-active {
1113
+ animation-name: antZoomRightOut;
1114
+ animation-play-state: running;
1115
+ pointer-events: none;
1116
+ }
1117
+ .ant-zoom-right-enter,
1118
+ .ant-zoom-right-appear {
1119
+ transform: scale(0);
1120
+ opacity: 0;
1121
+ animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
1122
+ }
1123
+ .ant-zoom-right-enter-prepare,
1124
+ .ant-zoom-right-appear-prepare {
1125
+ transform: none;
1126
+ }
1127
+ .ant-zoom-right-leave {
1128
+ animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
1129
+ }
1130
+ @keyframes antZoomIn {
1131
+ 0% {
1132
+ transform: scale(0.2);
1133
+ opacity: 0;
1134
+ }
1135
+ 100% {
1136
+ transform: scale(1);
1137
+ opacity: 1;
1138
+ }
1139
+ }
1140
+ @keyframes antZoomOut {
1141
+ 0% {
1142
+ transform: scale(1);
1143
+ }
1144
+ 100% {
1145
+ transform: scale(0.2);
1146
+ opacity: 0;
1147
+ }
1148
+ }
1149
+ @keyframes antZoomBigIn {
1150
+ 0% {
1151
+ transform: scale(0.8);
1152
+ opacity: 0;
1153
+ }
1154
+ 100% {
1155
+ transform: scale(1);
1156
+ opacity: 1;
1157
+ }
1158
+ }
1159
+ @keyframes antZoomBigOut {
1160
+ 0% {
1161
+ transform: scale(1);
1162
+ }
1163
+ 100% {
1164
+ transform: scale(0.8);
1165
+ opacity: 0;
1166
+ }
1167
+ }
1168
+ @keyframes antZoomUpIn {
1169
+ 0% {
1170
+ transform: scale(0.8);
1171
+ transform-origin: 50% 0%;
1172
+ opacity: 0;
1173
+ }
1174
+ 100% {
1175
+ transform: scale(1);
1176
+ transform-origin: 50% 0%;
1177
+ }
1178
+ }
1179
+ @keyframes antZoomUpOut {
1180
+ 0% {
1181
+ transform: scale(1);
1182
+ transform-origin: 50% 0%;
1183
+ }
1184
+ 100% {
1185
+ transform: scale(0.8);
1186
+ transform-origin: 50% 0%;
1187
+ opacity: 0;
1188
+ }
1189
+ }
1190
+ @keyframes antZoomLeftIn {
1191
+ 0% {
1192
+ transform: scale(0.8);
1193
+ transform-origin: 0% 50%;
1194
+ opacity: 0;
1195
+ }
1196
+ 100% {
1197
+ transform: scale(1);
1198
+ transform-origin: 0% 50%;
1199
+ }
1200
+ }
1201
+ @keyframes antZoomLeftOut {
1202
+ 0% {
1203
+ transform: scale(1);
1204
+ transform-origin: 0% 50%;
1205
+ }
1206
+ 100% {
1207
+ transform: scale(0.8);
1208
+ transform-origin: 0% 50%;
1209
+ opacity: 0;
1210
+ }
1211
+ }
1212
+ @keyframes antZoomRightIn {
1213
+ 0% {
1214
+ transform: scale(0.8);
1215
+ transform-origin: 100% 50%;
1216
+ opacity: 0;
1217
+ }
1218
+ 100% {
1219
+ transform: scale(1);
1220
+ transform-origin: 100% 50%;
1221
+ }
1222
+ }
1223
+ @keyframes antZoomRightOut {
1224
+ 0% {
1225
+ transform: scale(1);
1226
+ transform-origin: 100% 50%;
1227
+ }
1228
+ 100% {
1229
+ transform: scale(0.8);
1230
+ transform-origin: 100% 50%;
1231
+ opacity: 0;
1232
+ }
1233
+ }
1234
+ @keyframes antZoomDownIn {
1235
+ 0% {
1236
+ transform: scale(0.8);
1237
+ transform-origin: 50% 100%;
1238
+ opacity: 0;
1239
+ }
1240
+ 100% {
1241
+ transform: scale(1);
1242
+ transform-origin: 50% 100%;
1243
+ }
1244
+ }
1245
+ @keyframes antZoomDownOut {
1246
+ 0% {
1247
+ transform: scale(1);
1248
+ transform-origin: 50% 100%;
1249
+ }
1250
+ 100% {
1251
+ transform: scale(0.8);
1252
+ transform-origin: 50% 100%;
1253
+ opacity: 0;
1254
+ }
1255
+ }
1256
+ .ant-motion-collapse-legacy {
1257
+ overflow: hidden;
1258
+ }
1259
+ .ant-motion-collapse-legacy-active {
1260
+ transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
1261
+ }
1262
+ .ant-motion-collapse {
1263
+ overflow: hidden;
1264
+ transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
1265
+ }
1266
+
1267
+ .ant-pro-form-light-filter {
1268
+ line-height: 30px;
1269
+ }
1270
+ .ant-pro-form-light-filter::before {
1271
+ display: block;
1272
+ height: 0;
1273
+ visibility: hidden;
1274
+ content: '.';
1275
+ }
1276
+ .ant-pro-form-light-filter-small {
1277
+ line-height: 1.5715;
1278
+ }
1279
+ .ant-pro-form-light-filter-container {
1280
+ display: flex;
1281
+ flex-wrap: wrap;
1282
+ margin-top: -8px;
1283
+ margin-right: -4px;
1284
+ }
1285
+ .ant-pro-form-light-filter-item {
1286
+ margin-top: 8px;
1287
+ white-space: nowrap;
1288
+ }
1289
+ .ant-pro-form-light-filter-item:not(:last-child) {
1290
+ margin-right: 8px;
1291
+ }
1292
+ .ant-pro-form-light-filter-formlabel {
1293
+ margin-bottom: 2px;
1294
+ }
1295
+ .ant-pro-form-light-filter-line {
1296
+ min-width: 198px;
1297
+ }
1298
+ .ant-pro-form-light-filter-line .ant-form-item {
1299
+ flex-direction: column;
1300
+ margin-bottom: 0;
1301
+ }
1302
+ .ant-pro-form-light-filter-line:not(:first-child) {
1303
+ margin-top: 16px;
1304
+ margin-bottom: 8px;
1305
+ }
1306
+ .ant-pro-form-light-filter .ant-form-item {
1307
+ margin-bottom: 0;
1308
+ }
1309
+ .ant-pro-form-light-filter-collapse-icon {
1310
+ width: 32px;
1311
+ height: 32px;
1312
+ line-height: 35px;
1313
+ border-radius: 50%;
1314
+ }
1315
+ .ant-pro-form-light-filter-effective .ant-pro-form-light-filter-collapse-icon {
1316
+ background-color: rgba(0, 0, 0, 0.04);
1317
+ }
1318
+
1319
+ .ant-pro-core-field-label {
1320
+ display: inline-block;
1321
+ height: 30px;
1322
+ padding: 0 4px;
1323
+ font-size: 14px;
1324
+ line-height: 30px;
1325
+ border-radius: 2px;
1326
+ cursor: pointer;
1327
+ }
1328
+ .ant-pro-core-field-label:hover {
1329
+ background-color: rgba(0, 0, 0, 0.1);
1330
+ }
1331
+ .ant-pro-core-field-label-active {
1332
+ padding: 0 12px;
1333
+ background-color: rgba(0, 0, 0, 0.04);
1334
+ }
1335
+ .ant-pro-core-field-label-active.ant-pro-core-field-label-allow-clear:hover:not(.ant-pro-core-field-label-disabled) .ant-pro-core-field-label-arrow {
1336
+ display: none;
1337
+ }
1338
+ .ant-pro-core-field-label-active.ant-pro-core-field-label-allow-clear:hover:not(.ant-pro-core-field-label-disabled) .ant-pro-core-field-label-close {
1339
+ display: inline-block;
1340
+ }
1341
+ .ant-pro-core-field-label-icon {
1342
+ margin-top: -2px;
1343
+ margin-left: 4px;
1344
+ padding: 1px;
1345
+ color: rgba(0, 0, 0, 0.45);
1346
+ font-size: 12px;
1347
+ vertical-align: middle;
1348
+ }
1349
+ .ant-pro-core-field-label-icon.ant-pro-core-field-label-close {
1350
+ display: none;
1351
+ margin-top: -4px;
1352
+ padding: 3px;
1353
+ color: #fff;
1354
+ font-size: 8px;
1355
+ background-color: rgba(0, 0, 0, 0.25);
1356
+ border-radius: 50%;
1357
+ }
1358
+ .ant-pro-core-field-label-icon.ant-pro-core-field-label-close:hover {
1359
+ background-color: rgba(0, 0, 0, 0.45);
1360
+ }
1361
+ .ant-pro-core-field-label-disabled {
1362
+ color: rgba(0, 0, 0, 0.25);
1363
+ cursor: not-allowed;
1364
+ }
1365
+ .ant-pro-core-field-label-disabled .ant-pro-core-field-label-icon {
1366
+ color: rgba(0, 0, 0, 0.25);
1367
+ }
1368
+ .ant-pro-core-field-label-small {
1369
+ height: 24px;
1370
+ padding: 0 4px;
1371
+ font-size: 12px;
1372
+ line-height: 24px;
1373
+ }
1374
+ .ant-pro-core-field-label-small.ant-pro-core-field-label-active {
1375
+ padding: 0 8px;
1376
+ }
1377
+ .ant-pro-core-field-label-small .ant-pro-core-field-label-icon {
1378
+ padding: 0;
1379
+ }
1380
+ .ant-pro-core-field-label-small .ant-pro-core-field-label-close {
1381
+ margin-top: -2px;
1382
+ padding: 3px;
1383
+ font-size: 6px;
1384
+ }
1385
+ .ant-pro-core-field-label-bordered {
1386
+ height: 32px;
1387
+ padding: 0 12px;
1388
+ border: 1px solid #d9d9d9;
1389
+ border-radius: 2px;
1390
+ }
1391
+ .ant-pro-core-field-label-bordered.ant-pro-core-field-label-small {
1392
+ height: 24px;
1393
+ padding: 0 8px;
1394
+ }
1395
+ .ant-pro-core-field-label-bordered.ant-pro-core-field-label-active {
1396
+ background-color: #fff;
1397
+ }
1398
+
1399
+ .ant-pro-core-field-dropdown-label {
1400
+ cursor: pointer;
1401
+ }
1402
+ .ant-pro-core-field-dropdown-overlay {
1403
+ min-width: 200px;
1404
+ margin-top: 4px;
1405
+ background-color: #fff;
1406
+ box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
1407
+ }
1408
+ .ant-pro-core-field-dropdown-content {
1409
+ padding: 16px;
1410
+ }
1411
+
1412
+ .ant-pro-core-dropdown-footer {
1413
+ display: flex;
1414
+ justify-content: space-between;
1415
+ padding: 16px 16px 16px 8px;
1416
+ border-top: 1px solid #f0f0f0;
1417
+ }
1418
+
1419
+ .ant-pro-form-login-container {
1420
+ display: flex;
1421
+ flex: 1;
1422
+ flex-direction: column;
1423
+ height: 100%;
1424
+ padding: 32px 0;
1425
+ overflow: auto;
1426
+ background: inherit;
1427
+ }
1428
+ @media (min-width: 768px) {
1429
+ .ant-pro-form-login-container {
1430
+ padding: 32px 0 24px;
1431
+ background-repeat: no-repeat;
1432
+ background-position: center 110px;
1433
+ background-size: 100%;
1434
+ }
1435
+ }
1436
+ .ant-pro-form-login-top {
1437
+ text-align: center;
1438
+ }
1439
+ .ant-pro-form-login-header {
1440
+ display: flex;
1441
+ align-items: center;
1442
+ justify-content: center;
1443
+ height: 44px;
1444
+ line-height: 44px;
1445
+ }
1446
+ .ant-pro-form-login-header a {
1447
+ text-decoration: none;
1448
+ }
1449
+ .ant-pro-form-login-title {
1450
+ position: relative;
1451
+ top: 2px;
1452
+ color: rgba(0, 0, 0, 0.85);
1453
+ font-weight: 600;
1454
+ font-size: 33px;
1455
+ }
1456
+ .ant-pro-form-login-logo {
1457
+ width: 44px;
1458
+ height: 44px;
1459
+ margin-right: 16px;
1460
+ vertical-align: top;
1461
+ }
1462
+ .ant-pro-form-login-logo img {
1463
+ width: 100%;
1464
+ }
1465
+ .ant-pro-form-login-desc {
1466
+ margin-top: 12px;
1467
+ margin-bottom: 40px;
1468
+ color: rgba(0, 0, 0, 0.45);
1469
+ font-size: 14px;
1470
+ }
1471
+ .ant-pro-form-login-main {
1472
+ min-width: 328px;
1473
+ max-width: 500px;
1474
+ margin: 0 auto;
1475
+ }
1476
+ .ant-pro-form-login-main .ant-tabs-nav-list {
1477
+ margin: 0px auto;
1478
+ font-size: 16px;
1479
+ }
1480
+ .ant-pro-form-login-main .ant-pro-form-login-other {
1481
+ margin-top: 24px;
1482
+ line-height: 22px;
1483
+ text-align: left;
1484
+ }
1485
+
1486
+ .ant-pro-form-group-title {
1487
+ margin-bottom: 16px;
1488
+ font-weight: bold;
1489
+ }
1490
+ .ant-pro-form-group-container {
1491
+ flex-wrap: wrap;
1492
+ max-width: 100%;
1493
+ }
1494
+ .ant-pro-form-group-container > div.ant-space-item {
1495
+ max-width: 100%;
1496
+ }
1497
+ .ant-pro-form-group-twoLine {
1498
+ display: block;
1499
+ width: 100%;
1500
+ }
1501
+ .ant-pro-form-group-twoLine .ant-pro-form-group-title {
1502
+ width: 100%;
1503
+ margin: 8px 0;
1504
+ }
1505
+ .ant-pro-form-group-twoLine .ant-pro-form-group-container {
1506
+ padding-left: 16px;
1507
+ }
1508
+ .ant-pro-form-group-twoLine .ant-space-item,
1509
+ .ant-pro-form-group-twoLine .ant-form-item {
1510
+ width: 100%;
1511
+ }
1512
+ .ant-pro-form-group-twoLine .ant-form-item-control {
1513
+ display: flex;
1514
+ align-items: center;
1515
+ justify-content: flex-end;
1516
+ }
1517
+ .ant-pro-form-group-twoLine .ant-form-item-control-input {
1518
+ align-items: center;
1519
+ justify-content: flex-end;
1520
+ }
1521
+ .ant-pro-form-group-twoLine .ant-form-item-control-input-content {
1522
+ flex: none;
1523
+ }
1524
+
1525
+ .ant-pro-core-label-tip {
1526
+ display: inline-flex;
1527
+ align-items: center;
1528
+ max-width: 100%;
1529
+ }
1530
+ .ant-pro-core-label-tip-icon {
1531
+ display: block;
1532
+ margin-left: 4px;
1533
+ cursor: pointer;
1534
+ }
1535
+ .ant-pro-core-label-tip-icon:hover {
1536
+ color: #40a9ff;
1537
+ }
1538
+ .ant-pro-core-label-tip-title {
1539
+ display: inline-flex;
1540
+ flex: 1;
1541
+ }
1542
+ .ant-pro-core-label-tip-subtitle {
1543
+ margin-left: 8px;
1544
+ color: rgba(0, 0, 0, 0.45);
1545
+ font-weight: normal;
1546
+ font-size: 14px;
1547
+ white-space: nowrap;
1548
+ }
1549
+ .ant-pro-core-label-tip-title-ellipsis {
1550
+ overflow: hidden;
1551
+ white-space: nowrap;
1552
+ text-overflow: ellipsis;
1553
+ word-break: keep-all;
1554
+ }
1555
+
1556
+ .ant-form:not(.ant-form-horizontal) .ant-pro-form-list-item:not(.ant-pro-form-list-item-show-label) .ant-form-item-label {
1557
+ display: none;
1558
+ }
1559
+ .ant-pro-form-list {
1560
+ max-width: 100%;
1561
+ }
1562
+ .ant-pro-form-list-item.ant-pro-form-list-item-show-label .ant-form-item-label {
1563
+ display: inline-block;
1564
+ }
1565
+ .ant-pro-form-list-item:first-of-type div:first-of-type .ant-form-item .ant-form-item-label {
1566
+ display: inline-block;
1567
+ }
1568
+ .ant-pro-form-list-action {
1569
+ display: flex;
1570
+ height: 32px;
1571
+ margin-bottom: 24px;
1572
+ line-height: 32px;
1573
+ }
1574
+ .ant-pro-form-list .ant-pro-card .ant-pro-card-extra .ant-pro-form-list-action {
1575
+ margin-bottom: 0;
1576
+ }
1577
+ .ant-pro-form-list-action-icon {
1578
+ margin-left: 8px;
1579
+ cursor: pointer;
1580
+ transition: color 0.3s ease-in-out;
1581
+ }
1582
+ .ant-pro-form-list-action-icon:hover {
1583
+ color: #40a9ff;
1584
+ }
1585
+ .ant-pro-form-list-creator-button-top {
1586
+ margin-bottom: 24px;
1587
+ }
1588
+
1589
+ .ant-pro-field-light-wrapper-collapse-label {
1590
+ padding: 1;
1591
+ }
1592
+ .ant-pro-field-light-wrapper-container .ant-form-item {
1593
+ margin-bottom: 0;
1594
+ }
1595
+
1596
+ .ant-pro-steps-form-container {
1597
+ width: max-content;
1598
+ min-width: 520px;
1599
+ max-width: 100%;
1600
+ margin: auto;
1601
+ }
1602
+ .ant-pro-steps-form-steps-container {
1603
+ max-width: 1160px;
1604
+ margin: auto;
1605
+ }
1606
+ .ant-pro-steps-form-steps-container .ant-steps-vertical {
1607
+ height: 100%;
1608
+ }
1609
+ .ant-pro-steps-form-step {
1610
+ display: none;
1611
+ margin-top: 32px;
1612
+ }
1613
+ .ant-pro-steps-form-step-active {
1614
+ display: block;
1615
+ }
1616
+ .ant-pro-steps-form-step > form {
1617
+ max-width: 100%;
1618
+ }
1619
+
1620
+ .ant-pro-form-login-page {
1621
+ display: flex;
1622
+ width: 100%;
1623
+ height: 100%;
1624
+ background-size: contain;
1625
+ }
1626
+ .ant-pro-form-login-page-notice {
1627
+ display: flex;
1628
+ flex: 1;
1629
+ align-items: flex-end;
1630
+ }
1631
+ .ant-pro-form-login-page-notice-activity {
1632
+ margin: 24px;
1633
+ padding: 24px;
1634
+ }
1635
+ .ant-pro-form-login-page-notice-activity-title {
1636
+ font-weight: 500;
1637
+ font-size: 28px;
1638
+ }
1639
+ .ant-pro-form-login-page-notice-activity-subTitle {
1640
+ margin-top: 8px;
1641
+ font-size: 16px;
1642
+ }
1643
+ .ant-pro-form-login-page-notice-activity-action {
1644
+ margin-top: 24px;
1645
+ }
1646
+ .ant-pro-form-login-page-container {
1647
+ display: flex;
1648
+ flex: 1;
1649
+ flex-direction: column;
1650
+ max-width: 550px;
1651
+ height: 100%;
1652
+ padding: 32px 0;
1653
+ overflow: auto;
1654
+ background: inherit;
1655
+ background: #fff;
1656
+ }
1657
+ @media (max-width: 768px) {
1658
+ .ant-pro-form-login-page {
1659
+ flex-direction: column-reverse;
1660
+ background: none !important;
1661
+ }
1662
+ .ant-pro-form-login-page .ant-pro-form-login-page-notice {
1663
+ display: flex;
1664
+ flex: none;
1665
+ align-items: flex-start;
1666
+ width: 100%;
1667
+ }
1668
+ .ant-pro-form-login-page .ant-pro-form-login-page-notice > div {
1669
+ width: 100%;
1670
+ }
1671
+ }
1672
+ @media (min-width: 768px) {
1673
+ .ant-pro-form-login-page-container {
1674
+ padding: 128px 0 24px;
1675
+ background-repeat: no-repeat;
1676
+ background-position: center 110px;
1677
+ background-size: 100%;
1678
+ }
1679
+ }
1680
+ .ant-pro-form-login-page-top {
1681
+ text-align: center;
1682
+ }
1683
+ .ant-pro-form-login-page-header {
1684
+ display: flex;
1685
+ align-items: center;
1686
+ justify-content: center;
1687
+ height: 44px;
1688
+ line-height: 44px;
1689
+ }
1690
+ .ant-pro-form-login-page-header a {
1691
+ text-decoration: none;
1692
+ }
1693
+ .ant-pro-form-login-page-title {
1694
+ position: relative;
1695
+ top: 2px;
1696
+ color: rgba(0, 0, 0, 0.85);
1697
+ font-weight: 600;
1698
+ font-size: 33px;
1699
+ }
1700
+ .ant-pro-form-login-page-logo {
1701
+ width: 44px;
1702
+ height: 44px;
1703
+ margin-right: 16px;
1704
+ vertical-align: top;
1705
+ }
1706
+ .ant-pro-form-login-page-logo img {
1707
+ width: 100%;
1708
+ }
1709
+ .ant-pro-form-login-page-desc {
1710
+ margin-top: 12px;
1711
+ margin-bottom: 40px;
1712
+ color: rgba(0, 0, 0, 0.45);
1713
+ font-size: 14px;
1714
+ }
1715
+ @media screen and (max-width: 576px) {
1716
+ .ant-pro-form-login-page-main {
1717
+ width: 95%;
1718
+ max-width: 328px;
1719
+ }
1720
+ }
1721
+ .ant-pro-form-login-page-main {
1722
+ width: 328px;
1723
+ margin: 0 auto;
1724
+ }
1725
+ .ant-pro-form-login-page-main .ant-tabs-nav-list {
1726
+ margin: 0px auto;
1727
+ font-size: 16px;
1728
+ }
1729
+ .ant-pro-form-login-page-main .ant-pro-form-login-page-other {
1730
+ margin-top: 24px;
1731
+ line-height: 22px;
1732
+ text-align: left;
1733
+ }
1734
+
1735
+ .ant-pro-field-date-picker-light .ant-calendar-picker,
1736
+ .ant-pro-field-date-picker-light .ant-picker {
1737
+ position: absolute;
1738
+ width: 80px;
1739
+ height: 28px;
1740
+ overflow: hidden;
1741
+ visibility: hidden;
1742
+ }
1743
+
1744
+ .ant-pro-field-index-column {
1745
+ display: inline-flex;
1746
+ align-items: center;
1747
+ justify-content: center;
1748
+ width: 18px;
1749
+ height: 18px;
1750
+ }
1751
+ .ant-pro-field-index-column-border {
1752
+ color: #fff;
1753
+ font-size: 12px;
1754
+ line-height: 12px;
1755
+ background-color: #314659;
1756
+ border-radius: 9px;
1757
+ }
1758
+ .ant-pro-field-index-column-border.top-three {
1759
+ background-color: #979797;
1760
+ }
1761
+
1762
+ .ant-pro-table-dropdown {
1763
+ width: auto;
1764
+ }
1765
+ .ant-pro-select-item-option-content-light {
1766
+ color: #1890ff;
1767
+ }
1768
+ .ant-pro-select-item-option-content {
1769
+ flex: auto;
1770
+ overflow: hidden;
1771
+ white-space: nowrap;
1772
+ text-overflow: ellipsis;
1773
+ }
1774
+
1775
+ .ant-pro-field-dropdown {
1776
+ width: auto;
1777
+ }
1778
+
1779
+ .ant-pro-field-select-light-select .ant-select {
1780
+ position: absolute;
1781
+ width: 153px;
1782
+ height: 28px;
1783
+ visibility: hidden;
1784
+ }
1785
+ .ant-pro-field-select-light-select .ant-select-selector {
1786
+ height: 28px;
1787
+ }
1788
+ .ant-pro-field-select-light-select.ant-pro-field-select-light-select-searchable .ant-select {
1789
+ width: 200px;
1790
+ }
1791
+ .ant-pro-field-select-light-select.ant-pro-field-select-light-select-searchable .ant-select-selector {
1792
+ height: 28px;
1793
+ }
1794
+
1795
+ .ant-pro-field-checkbox-vertical .ant-checkbox-group-item {
1796
+ display: flex;
1797
+ margin-right: 0;
1798
+ }
1799
+
1800
+ .ant-pro-field-radio-vertical .ant-radio-wrapper {
1801
+ display: block;
1802
+ margin-right: 0;
1803
+ }
1804
+
1805
+ .ant-pro-table-dropdown {
1806
+ width: auto;
1807
+ }
1808
+
1809
+ .ant-pro-table-list-toolbar {
1810
+ overflow-x: auto;
1811
+ line-height: 1;
1812
+ }
1813
+ .ant-pro-table-list-toolbar-container {
1814
+ display: flex;
1815
+ justify-content: space-between;
1816
+ padding: 16px 0;
1817
+ }
1818
+ .ant-pro-table-list-toolbar-container-mobile {
1819
+ flex-direction: column;
1820
+ }
1821
+ .ant-pro-table-list-toolbar-title {
1822
+ display: flex;
1823
+ align-items: center;
1824
+ justify-content: flex-start;
1825
+ color: rgba(0, 0, 0, 0.85);
1826
+ font-weight: 500;
1827
+ font-size: 16px;
1828
+ }
1829
+ .ant-pro-table-list-toolbar-search:not(:last-child) {
1830
+ display: flex;
1831
+ align-items: center;
1832
+ justify-content: flex-start;
1833
+ }
1834
+ .ant-pro-table-list-toolbar-setting-item {
1835
+ margin: 0 4px;
1836
+ color: rgba(0, 0, 0, 0.75);
1837
+ font-size: 16px;
1838
+ cursor: pointer;
1839
+ }
1840
+ .ant-pro-table-list-toolbar-setting-item > span {
1841
+ display: block;
1842
+ width: 100%;
1843
+ height: 100%;
1844
+ }
1845
+ .ant-pro-table-list-toolbar-setting-item:hover {
1846
+ color: #40a9ff;
1847
+ }
1848
+ .ant-pro-table-list-toolbar-left {
1849
+ display: flex;
1850
+ align-items: center;
1851
+ justify-content: flex-start;
1852
+ }
1853
+ .ant-pro-table-list-toolbar-right {
1854
+ display: flex;
1855
+ justify-content: flex-end;
1856
+ }
1857
+ .ant-pro-table-list-toolbar-extra-line {
1858
+ margin-bottom: 16px;
1859
+ }
1860
+ .ant-pro-table-list-toolbar-filter {
1861
+ display: flex;
1862
+ align-items: center;
1863
+ }
1864
+ .ant-pro-table-list-toolbar-filter:not(:last-child) {
1865
+ margin-right: 16px;
1866
+ }
1867
+ .ant-pro-table-list-toolbar-filter .ant-pro-table-search {
1868
+ margin: 0;
1869
+ padding: 0;
1870
+ }
1871
+ .ant-pro-table-list-toolbar-inline-menu-item {
1872
+ display: inline-block;
1873
+ margin-right: 24px;
1874
+ cursor: pointer;
1875
+ opacity: 0.75;
1876
+ }
1877
+ .ant-pro-table-list-toolbar-inline-menu-item-active {
1878
+ font-weight: bold;
1879
+ opacity: 1;
1880
+ }
1881
+ .ant-pro-table-list-toolbar-dropdownmenu-label {
1882
+ font-weight: bold;
1883
+ font-size: 16px;
1884
+ text-align: center;
1885
+ cursor: pointer;
1886
+ }
1887
+ .ant-pro-table-list-toolbar .ant-tabs-top > .ant-tabs-nav {
1888
+ margin-bottom: 0;
1889
+ }
1890
+ .ant-pro-table-list-toolbar .ant-tabs-top > .ant-tabs-nav::before {
1891
+ border-bottom: 0;
1892
+ }
1893
+ .ant-pro-table-list-toolbar .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-list {
1894
+ margin-top: 0;
1895
+ }
1896
+ .ant-pro-table-list-toolbar .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab {
1897
+ padding-top: 0;
1898
+ }
1899
+ @media (max-width: 575px) {
1900
+ .ant-pro-table-list-toolbar-container {
1901
+ display: flex;
1902
+ flex-wrap: wrap;
1903
+ }
1904
+ .ant-pro-table-list-toolbar-left {
1905
+ margin-bottom: 16px;
1906
+ }
1907
+ }
1908
+
1909
+ .ant-pro-table .ant-pro-table-search {
1910
+ margin-bottom: 16px;
1911
+ padding: 24px;
1912
+ padding-bottom: 0;
1913
+ background: #fff;
1914
+ }
1915
+ .ant-pro-table .ant-pro-table-search-ghost {
1916
+ background: transparent;
1917
+ }
1918
+ .ant-pro-table .ant-pro-table-search::before {
1919
+ display: table;
1920
+ content: '';
1921
+ }
1922
+ .ant-pro-table .ant-pro-table-search::after {
1923
+ display: table;
1924
+ clear: both;
1925
+ content: '';
1926
+ }
1927
+ .ant-pro-table .ant-pro-table-search.ant-pro-table-form {
1928
+ margin: 0;
1929
+ padding: 0 16px;
1930
+ overflow: unset;
1931
+ }
1932
+ .ant-pro-table .ant-pro-table-search-light {
1933
+ margin-bottom: 0;
1934
+ padding: 16px 0;
1935
+ }
1936
+ .ant-pro-table .ant-pro-table-search-form-option .ant-form-item {
1937
+ margin: 0;
1938
+ }
1939
+ .ant-pro-table .ant-pro-table-search-form-option .ant-form-item-label {
1940
+ opacity: 0;
1941
+ }
1942
+ .ant-pro-table .ant-pro-table-search-form-option .ant-form-item-control-input {
1943
+ justify-content: flex-start;
1944
+ }
1945
+ @media (max-width: 575px) {
1946
+ .ant-pro-table .ant-pro-table-search {
1947
+ height: auto !important;
1948
+ padding-bottom: 24px;
1949
+ }
1950
+ .ant-pro-table .ant-pro-table-search .ant-form-item-label {
1951
+ min-width: 80px;
1952
+ text-align: left;
1953
+ }
1954
+ }
1955
+
1956
+ .pro-table-tooltip-text span {
1957
+ color: #fff;
1958
+ }
1959
+ .ant-pro-table {
1960
+ z-index: 1;
1961
+ }
1962
+ .ant-pro-table:not(:root):fullscreen {
1963
+ min-height: 100vh;
1964
+ overflow: auto;
1965
+ background: #fff;
1966
+ }
1967
+ .ant-pro-table-extra {
1968
+ margin-bottom: 16px;
1969
+ }
1970
+ .ant-pro-table-polling .ant-pro-table-list-toolbar-setting-item .anticon.anticon-reload {
1971
+ transform: rotate(0deg);
1972
+ animation: turn 1s linear infinite;
1973
+ }
1974
+ .ant-pro-table td.ant-table-cell > a {
1975
+ font-size: 14px;
1976
+ }
1977
+ .ant-pro-table .ant-table .ant-table-tbody .ant-table-wrapper:only-child .ant-table {
1978
+ margin: 0;
1979
+ }
1980
+ .ant-pro-table .ant-table.ant-table-middle .ant-pro-table {
1981
+ margin: -12px -8px;
1982
+ }
1983
+ @keyframes turn {
1984
+ 0% {
1985
+ transform: rotate(0deg);
1986
+ }
1987
+ 25% {
1988
+ transform: rotate(90deg);
1989
+ }
1990
+ 50% {
1991
+ transform: rotate(180deg);
1992
+ }
1993
+ 75% {
1994
+ transform: rotate(270deg);
1995
+ }
1996
+ 100% {
1997
+ transform: rotate(360deg);
1998
+ }
1999
+ }
2000
+
2001
+ .ant-pro-statistic-card-chart {
2002
+ display: flex;
2003
+ flex-direction: column;
2004
+ margin-top: 8px;
2005
+ margin-bottom: 8px;
2006
+ }
2007
+ .ant-pro-statistic-card-chart-left {
2008
+ margin-top: 0;
2009
+ margin-right: 16px;
2010
+ }
2011
+ .ant-pro-statistic-card-chart-right {
2012
+ margin-top: 0;
2013
+ margin-left: 16px;
2014
+ }
2015
+ .ant-pro-statistic-card-content {
2016
+ display: flex;
2017
+ flex-direction: column;
2018
+ }
2019
+ .ant-pro-statistic-card-content-horizontal {
2020
+ flex-direction: row;
2021
+ }
2022
+ .ant-pro-statistic-card-content-horizontal .ant-pro-statistic-card-chart {
2023
+ align-items: center;
2024
+ align-self: flex-start;
2025
+ }
2026
+ .ant-pro-statistic-card-footer {
2027
+ margin-top: 8px;
2028
+ padding-top: 16px;
2029
+ border-top: rgba(0, 0, 0, 0.08) 1px solid;
2030
+ }
2031
+
2032
+ .ant-pro-card-statistic {
2033
+ display: flex;
2034
+ font-size: 14px;
2035
+ }
2036
+ .ant-pro-card-statistic + .ant-pro-card-statistic {
2037
+ margin-top: 4px;
2038
+ }
2039
+ .ant-pro-card-statistic-tip {
2040
+ margin-left: 4px;
2041
+ }
2042
+ .ant-pro-card-statistic-wrapper {
2043
+ display: flex;
2044
+ width: 100%;
2045
+ }
2046
+ .ant-pro-card-statistic-icon {
2047
+ margin-right: 16px;
2048
+ }
2049
+ .ant-pro-card-statistic-trend-icon {
2050
+ width: 0;
2051
+ height: 0;
2052
+ border-right: 3.5px solid transparent;
2053
+ border-bottom: 9px solid #000;
2054
+ border-left: 3.5px solid transparent;
2055
+ }
2056
+ .ant-pro-card-statistic-trend-icon-up {
2057
+ transform: rotate(0deg);
2058
+ }
2059
+ .ant-pro-card-statistic-trend-icon-down {
2060
+ transform: rotate(180deg);
2061
+ }
2062
+ .ant-pro-card-statistic-content {
2063
+ width: 100%;
2064
+ }
2065
+ .ant-pro-card-statistic-description {
2066
+ width: 100%;
2067
+ }
2068
+ .ant-pro-card-statistic .ant-statistic-title {
2069
+ color: rgba(0, 0, 0, 0.85);
2070
+ }
2071
+ .ant-pro-card-statistic-layout-inline {
2072
+ display: inline-flex;
2073
+ color: rgba(0, 0, 0, 0.45);
2074
+ }
2075
+ .ant-pro-card-statistic-layout-inline .ant-statistic-title {
2076
+ margin-right: 6px;
2077
+ margin-bottom: 0;
2078
+ }
2079
+ .ant-pro-card-statistic-layout-inline .ant-statistic-content {
2080
+ color: rgba(0, 0, 0, 0.45);
2081
+ }
2082
+ .ant-pro-card-statistic-layout-inline .ant-statistic-title,
2083
+ .ant-pro-card-statistic-layout-inline .ant-statistic-content,
2084
+ .ant-pro-card-statistic-layout-inline .ant-statistic-content-suffix,
2085
+ .ant-pro-card-statistic-layout-inline .ant-statistic-content-prefix,
2086
+ .ant-pro-card-statistic-layout-inline .ant-statistic-content-value-decimal {
2087
+ font-size: 12px;
2088
+ }
2089
+ .ant-pro-card-statistic-layout-horizontal {
2090
+ display: flex;
2091
+ justify-content: space-between;
2092
+ }
2093
+ .ant-pro-card-statistic-layout-horizontal .ant-statistic-title {
2094
+ margin-bottom: 0;
2095
+ }
2096
+ .ant-pro-card-statistic-layout-horizontal .ant-statistic-content-value {
2097
+ font-weight: 500;
2098
+ }
2099
+ .ant-pro-card-statistic-layout-horizontal .ant-statistic-title,
2100
+ .ant-pro-card-statistic-layout-horizontal .ant-statistic-content,
2101
+ .ant-pro-card-statistic-layout-horizontal .ant-statistic-content-suffix,
2102
+ .ant-pro-card-statistic-layout-horizontal .ant-statistic-content-prefix,
2103
+ .ant-pro-card-statistic-layout-horizontal .ant-statistic-content-value-decimal {
2104
+ font-size: 14px;
2105
+ }
2106
+ .ant-pro-card-statistic-trend-up .ant-statistic-content {
2107
+ color: #f5222d;
2108
+ }
2109
+ .ant-pro-card-statistic-trend-up .ant-statistic-content .ant-pro-card-statistic-trend-icon {
2110
+ border-bottom-color: #f5222d;
2111
+ }
2112
+ .ant-pro-card-statistic-trend-down .ant-statistic-content {
2113
+ color: #389e0d;
2114
+ }
2115
+ .ant-pro-card-statistic-trend-down .ant-statistic-content .ant-pro-card-statistic-trend-icon {
2116
+ border-bottom-color: #52c41a;
2117
+ }
2118
+
2119
+ .ant-pro-card {
2120
+ position: relative;
2121
+ display: flex;
2122
+ flex-direction: column;
2123
+ box-sizing: border-box;
2124
+ width: 100%;
2125
+ margin: 0;
2126
+ padding: 0;
2127
+ background-color: #fff;
2128
+ border-radius: 2px;
2129
+ }
2130
+ .ant-pro-card-col {
2131
+ width: 100%;
2132
+ }
2133
+ .ant-pro-card-border {
2134
+ border: 1px solid #f0f0f0;
2135
+ }
2136
+ .ant-pro-card-hoverable {
2137
+ cursor: pointer;
2138
+ transition: box-shadow 0.3s, border-color 0.3s;
2139
+ }
2140
+ .ant-pro-card-hoverable:hover {
2141
+ border-color: transparent;
2142
+ box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
2143
+ }
2144
+ .ant-pro-card-hoverable.ant-pro-card-checked:hover {
2145
+ border-color: #1890ff;
2146
+ }
2147
+ .ant-pro-card-checked {
2148
+ background-color: #e6f7ff;
2149
+ border-color: #1890ff;
2150
+ }
2151
+ .ant-pro-card-checked::after {
2152
+ position: absolute;
2153
+ top: 2px;
2154
+ right: 2px;
2155
+ width: 0;
2156
+ height: 0;
2157
+ border: 6px solid #1890ff;
2158
+ border-bottom: 6px solid transparent;
2159
+ border-left: 6px solid transparent;
2160
+ border-top-right-radius: 2px;
2161
+ content: '';
2162
+ }
2163
+ .ant-pro-card:focus {
2164
+ background-color: #e6f7ff;
2165
+ border-color: #1890ff;
2166
+ }
2167
+ .ant-pro-card-size-small .ant-pro-card-header {
2168
+ padding: 8px 12px;
2169
+ padding-bottom: 0;
2170
+ }
2171
+ .ant-pro-card-size-small .ant-pro-card-header-border {
2172
+ padding-bottom: 8px;
2173
+ }
2174
+ .ant-pro-card-size-small .ant-pro-card-title {
2175
+ font-size: 14px;
2176
+ }
2177
+ .ant-pro-card-size-small .ant-pro-card-body {
2178
+ padding: 12px;
2179
+ }
2180
+ .ant-pro-card-ghost {
2181
+ background-color: transparent;
2182
+ }
2183
+ .ant-pro-card-ghost > .ant-pro-card-header {
2184
+ padding-right: 0;
2185
+ padding-bottom: 16px;
2186
+ padding-left: 0;
2187
+ }
2188
+ .ant-pro-card-ghost > .ant-pro-card-body {
2189
+ padding: 0;
2190
+ background-color: transparent;
2191
+ }
2192
+ .ant-pro-card-split > .ant-pro-card-body {
2193
+ padding: 0;
2194
+ }
2195
+ .ant-pro-card-split-vertical {
2196
+ border-right: 1px solid #f0f0f0;
2197
+ }
2198
+ .ant-pro-card-split-horizontal {
2199
+ border-bottom: 1px solid #f0f0f0;
2200
+ }
2201
+ .ant-pro-card-contain-card > .ant-pro-card-body {
2202
+ display: flex;
2203
+ }
2204
+ .ant-pro-card-body-direction-column {
2205
+ flex-direction: column;
2206
+ }
2207
+ .ant-pro-card-body-wrap {
2208
+ flex-wrap: wrap;
2209
+ }
2210
+ .ant-pro-card-collapse > .ant-pro-card-header {
2211
+ padding-bottom: 16px;
2212
+ border-bottom: 0;
2213
+ }
2214
+ .ant-pro-card-collapse > .ant-pro-card-body {
2215
+ display: none;
2216
+ }
2217
+ .ant-pro-card-header {
2218
+ display: flex;
2219
+ align-items: center;
2220
+ justify-content: space-between;
2221
+ padding: 16px 24px;
2222
+ padding-bottom: 0;
2223
+ }
2224
+ .ant-pro-card-header-border {
2225
+ padding-bottom: 16px;
2226
+ border-bottom: 1px solid #f0f0f0;
2227
+ }
2228
+ .ant-pro-card-header-collapsible {
2229
+ cursor: pointer;
2230
+ }
2231
+ .ant-pro-card-title {
2232
+ color: rgba(0, 0, 0, 0.85);
2233
+ font-weight: 500;
2234
+ font-size: 16px;
2235
+ }
2236
+ .ant-pro-card-extra {
2237
+ color: rgba(0, 0, 0, 0.85);
2238
+ }
2239
+ .ant-pro-card-type-inner .ant-pro-card-header {
2240
+ background-color: #fafafa;
2241
+ }
2242
+ .ant-pro-card-collapsible-icon {
2243
+ margin-right: 8px;
2244
+ color: rgba(0, 0, 0, 0.75);
2245
+ }
2246
+ .ant-pro-card-collapsible-icon :hover {
2247
+ color: #40a9ff;
2248
+ }
2249
+ .ant-pro-card-collapsible-icon svg {
2250
+ transition: transform 0.2s;
2251
+ }
2252
+ .ant-pro-card-body {
2253
+ display: block;
2254
+ box-sizing: border-box;
2255
+ height: 100%;
2256
+ padding: 24px;
2257
+ }
2258
+ .ant-pro-card-body-center {
2259
+ display: flex;
2260
+ align-items: center;
2261
+ justify-content: center;
2262
+ }
2263
+ .ant-pro-card-col-0 {
2264
+ display: none;
2265
+ }
2266
+ .ant-pro-card-col-24 {
2267
+ flex-shrink: 0;
2268
+ width: 100%;
2269
+ }
2270
+ .ant-pro-card-col-23 {
2271
+ flex-shrink: 0;
2272
+ width: 95.83333333%;
2273
+ }
2274
+ .ant-pro-card-col-22 {
2275
+ flex-shrink: 0;
2276
+ width: 91.66666667%;
2277
+ }
2278
+ .ant-pro-card-col-21 {
2279
+ flex-shrink: 0;
2280
+ width: 87.5%;
2281
+ }
2282
+ .ant-pro-card-col-20 {
2283
+ flex-shrink: 0;
2284
+ width: 83.33333333%;
2285
+ }
2286
+ .ant-pro-card-col-19 {
2287
+ flex-shrink: 0;
2288
+ width: 79.16666667%;
2289
+ }
2290
+ .ant-pro-card-col-18 {
2291
+ flex-shrink: 0;
2292
+ width: 75%;
2293
+ }
2294
+ .ant-pro-card-col-17 {
2295
+ flex-shrink: 0;
2296
+ width: 70.83333333%;
2297
+ }
2298
+ .ant-pro-card-col-16 {
2299
+ flex-shrink: 0;
2300
+ width: 66.66666667%;
2301
+ }
2302
+ .ant-pro-card-col-15 {
2303
+ flex-shrink: 0;
2304
+ width: 62.5%;
2305
+ }
2306
+ .ant-pro-card-col-14 {
2307
+ flex-shrink: 0;
2308
+ width: 58.33333333%;
2309
+ }
2310
+ .ant-pro-card-col-13 {
2311
+ flex-shrink: 0;
2312
+ width: 54.16666667%;
2313
+ }
2314
+ .ant-pro-card-col-12 {
2315
+ flex-shrink: 0;
2316
+ width: 50%;
2317
+ }
2318
+ .ant-pro-card-col-11 {
2319
+ flex-shrink: 0;
2320
+ width: 45.83333333%;
2321
+ }
2322
+ .ant-pro-card-col-10 {
2323
+ flex-shrink: 0;
2324
+ width: 41.66666667%;
2325
+ }
2326
+ .ant-pro-card-col-9 {
2327
+ flex-shrink: 0;
2328
+ width: 37.5%;
2329
+ }
2330
+ .ant-pro-card-col-8 {
2331
+ flex-shrink: 0;
2332
+ width: 33.33333333%;
2333
+ }
2334
+ .ant-pro-card-col-7 {
2335
+ flex-shrink: 0;
2336
+ width: 29.16666667%;
2337
+ }
2338
+ .ant-pro-card-col-6 {
2339
+ flex-shrink: 0;
2340
+ width: 25%;
2341
+ }
2342
+ .ant-pro-card-col-5 {
2343
+ flex-shrink: 0;
2344
+ width: 20.83333333%;
2345
+ }
2346
+ .ant-pro-card-col-4 {
2347
+ flex-shrink: 0;
2348
+ width: 16.66666667%;
2349
+ }
2350
+ .ant-pro-card-col-3 {
2351
+ flex-shrink: 0;
2352
+ width: 12.5%;
2353
+ }
2354
+ .ant-pro-card-col-2 {
2355
+ flex-shrink: 0;
2356
+ width: 8.33333333%;
2357
+ }
2358
+ .ant-pro-card-col-1 {
2359
+ flex-shrink: 0;
2360
+ width: 4.16666667%;
2361
+ }
2362
+
2363
+ .ant-pro-card-loading {
2364
+ overflow: hidden;
2365
+ }
2366
+ .ant-pro-card-loading .ant-pro-card-body {
2367
+ user-select: none;
2368
+ }
2369
+ .ant-pro-card-loading-content {
2370
+ width: 100%;
2371
+ }
2372
+ .ant-pro-card-loading-content p {
2373
+ margin: 0;
2374
+ }
2375
+ .ant-pro-card-loading-block {
2376
+ height: 14px;
2377
+ margin: 4px 0;
2378
+ background: linear-gradient(90deg, rgba(207, 216, 220, 0.2), rgba(207, 216, 220, 0.4), rgba(207, 216, 220, 0.2));
2379
+ background-size: 600% 600%;
2380
+ border-radius: 2px;
2381
+ animation: card-loading 1.4s ease infinite;
2382
+ }
2383
+ @keyframes card-loading {
2384
+ 0%,
2385
+ 100% {
2386
+ background-position: 0 50%;
2387
+ }
2388
+ 50% {
2389
+ background-position: 100% 50%;
2390
+ }
2391
+ }
2392
+
2393
+ .ant-pro-card-actions {
2394
+ margin: 0;
2395
+ padding: 0;
2396
+ list-style: none;
2397
+ background: #fff;
2398
+ border-top: 1px solid #f0f0f0;
2399
+ }
2400
+ .ant-pro-card-actions::before {
2401
+ display: table;
2402
+ content: '';
2403
+ }
2404
+ .ant-pro-card-actions::after {
2405
+ display: table;
2406
+ clear: both;
2407
+ content: '';
2408
+ }
2409
+ .ant-pro-card-actions .ant-space {
2410
+ gap: 0 !important;
2411
+ width: 100%;
2412
+ }
2413
+ .ant-pro-card-actions > li,
2414
+ .ant-pro-card-actions .ant-space-item {
2415
+ flex: 1;
2416
+ float: left;
2417
+ margin: 12px 0;
2418
+ color: rgba(0, 0, 0, 0.45);
2419
+ text-align: center;
2420
+ }
2421
+ .ant-pro-card-actions > li > a,
2422
+ .ant-pro-card-actions .ant-space-item > a {
2423
+ color: rgba(0, 0, 0, 0.45);
2424
+ transition: color 0.3s;
2425
+ }
2426
+ .ant-pro-card-actions > li > a:hover,
2427
+ .ant-pro-card-actions .ant-space-item > a:hover {
2428
+ color: #40a9ff;
2429
+ }
2430
+ .ant-pro-card-actions > li > span,
2431
+ .ant-pro-card-actions .ant-space-item > span {
2432
+ position: relative;
2433
+ display: block;
2434
+ min-width: 32px;
2435
+ font-size: 14px;
2436
+ line-height: 1.5715;
2437
+ cursor: pointer;
2438
+ }
2439
+ .ant-pro-card-actions > li > span:hover,
2440
+ .ant-pro-card-actions .ant-space-item > span:hover {
2441
+ color: #40a9ff;
2442
+ transition: color 0.3s;
2443
+ }
2444
+ .ant-pro-card-actions > li > span a:not(.ant-btn),
2445
+ .ant-pro-card-actions .ant-space-item > span a:not(.ant-btn),
2446
+ .ant-pro-card-actions > li > span > .anticon,
2447
+ .ant-pro-card-actions .ant-space-item > span > .anticon {
2448
+ display: inline-block;
2449
+ width: 100%;
2450
+ color: rgba(0, 0, 0, 0.45);
2451
+ line-height: 22px;
2452
+ transition: color 0.3s;
2453
+ }
2454
+ .ant-pro-card-actions > li > span a:not(.ant-btn):hover,
2455
+ .ant-pro-card-actions .ant-space-item > span a:not(.ant-btn):hover,
2456
+ .ant-pro-card-actions > li > span > .anticon:hover,
2457
+ .ant-pro-card-actions .ant-space-item > span > .anticon:hover {
2458
+ color: #40a9ff;
2459
+ }
2460
+ .ant-pro-card-actions > li > span > .anticon,
2461
+ .ant-pro-card-actions .ant-space-item > span > .anticon {
2462
+ font-size: 16px;
2463
+ line-height: 22px;
2464
+ }
2465
+ .ant-pro-card-actions > li:not(:last-child),
2466
+ .ant-pro-card-actions .ant-space-item:not(:last-child) {
2467
+ border-right: 1px solid #f0f0f0;
2468
+ }
2469
+
2470
+ .ant-pro-card-divider {
2471
+ flex: none;
2472
+ width: 1px;
2473
+ margin: 24px 8px;
2474
+ background-color: #f0f0f0;
2475
+ }
2476
+ .ant-pro-card-divider-horizontal {
2477
+ width: initial;
2478
+ height: 1px;
2479
+ margin: 8px 24px;
2480
+ }
2481
+ .ant-pro-card-size-small .ant-pro-card-divider {
2482
+ margin: 12px 8px;
2483
+ }
2484
+ .ant-pro-card-size-small .ant-pro-card-divider-horizontal {
2485
+ margin: 8px 12px;
2486
+ }
2487
+
2488
+ .ant-pro-card-operation {
2489
+ display: flex;
2490
+ flex-direction: column;
2491
+ justify-content: flex-end;
2492
+ margin: 24px 0;
2493
+ color: rgba(0, 0, 0, 0.85);
2494
+ font-weight: 500;
2495
+ font-size: 20px;
2496
+ line-height: 38px;
2497
+ }
2498
+
2499
+ .ant-pro-checkcard-group {
2500
+ display: inline-block;
2501
+ }
2502
+ .ant-pro-checkcard {
2503
+ position: relative;
2504
+ display: inline-block;
2505
+ width: 320px;
2506
+ margin-right: 16px;
2507
+ margin-bottom: 16px;
2508
+ color: rgba(0, 0, 0, 0.85);
2509
+ font-size: 14px;
2510
+ line-height: 1.5715;
2511
+ vertical-align: top;
2512
+ background-color: #fff;
2513
+ border-radius: 2px;
2514
+ cursor: pointer;
2515
+ transition: all 0.2s;
2516
+ }
2517
+ .ant-pro-checkcard:last-child {
2518
+ margin-right: 0;
2519
+ }
2520
+ .ant-pro-checkcard + .ant-pro-checkcard {
2521
+ margin-left: 0 !important;
2522
+ }
2523
+ .ant-pro-checkcard-bordered {
2524
+ border: 1px solid #d9d9d9;
2525
+ }
2526
+ .ant-pro-checkcard-loading {
2527
+ overflow: hidden;
2528
+ user-select: none;
2529
+ }
2530
+ .ant-pro-checkcard-loading-content {
2531
+ padding: 12px 16px;
2532
+ }
2533
+ .ant-pro-checkcard-loading-content p {
2534
+ margin: 0;
2535
+ }
2536
+ .ant-pro-checkcard-loading-block {
2537
+ height: 14px;
2538
+ margin: 4px 0;
2539
+ background: linear-gradient(90deg, rgba(207, 216, 220, 0.2), rgba(207, 216, 220, 0.4), rgba(207, 216, 220, 0.2));
2540
+ background-size: 600% 600%;
2541
+ border-radius: 2px;
2542
+ animation: card-loading 1.4s ease infinite;
2543
+ }
2544
+ @keyframes card-loading {
2545
+ 0%,
2546
+ 100% {
2547
+ background-position: 0 50%;
2548
+ }
2549
+ 50% {
2550
+ background-position: 100% 50%;
2551
+ }
2552
+ }
2553
+ .ant-pro-checkcard:focus {
2554
+ background-color: #e6f7ff;
2555
+ border-color: #1890ff;
2556
+ }
2557
+ .ant-pro-checkcard-checked {
2558
+ background-color: #e6f7ff;
2559
+ border-color: #1890ff;
2560
+ }
2561
+ .ant-pro-checkcard-disabled {
2562
+ background-color: #f5f5f5;
2563
+ border-color: #d9d9d9;
2564
+ cursor: not-allowed;
2565
+ }
2566
+ .ant-pro-checkcard-disabled .ant-pro-checkcard-description {
2567
+ color: rgba(0, 0, 0, 0.25);
2568
+ }
2569
+ .ant-pro-checkcard-disabled .ant-pro-checkcard-title {
2570
+ color: rgba(0, 0, 0, 0.25);
2571
+ }
2572
+ .ant-pro-checkcard-disabled .ant-pro-checkcard-avatar {
2573
+ opacity: 0.25;
2574
+ }
2575
+ .ant-pro-checkcard[disabled] {
2576
+ background-color: #f5f5f5;
2577
+ border-color: #d9d9d9;
2578
+ cursor: not-allowed;
2579
+ }
2580
+ .ant-pro-checkcard[disabled] .ant-pro-checkcard-description {
2581
+ color: rgba(0, 0, 0, 0.25);
2582
+ }
2583
+ .ant-pro-checkcard[disabled] .ant-pro-checkcard-title {
2584
+ color: rgba(0, 0, 0, 0.25);
2585
+ }
2586
+ .ant-pro-checkcard[disabled] .ant-pro-checkcard-avatar {
2587
+ opacity: 0.25;
2588
+ }
2589
+ .ant-pro-checkcard-lg {
2590
+ width: 440px;
2591
+ }
2592
+ .ant-pro-checkcard-sm {
2593
+ width: 212px;
2594
+ }
2595
+ .ant-pro-checkcard-cover {
2596
+ padding: 4px;
2597
+ }
2598
+ .ant-pro-checkcard-cover img {
2599
+ width: 100%;
2600
+ height: 100%;
2601
+ overflow: hidden;
2602
+ border-radius: 2px;
2603
+ }
2604
+ .ant-pro-checkcard-content {
2605
+ display: flex;
2606
+ padding: 12px 16px;
2607
+ }
2608
+ .ant-pro-checkcard-avatar-header {
2609
+ display: flex;
2610
+ align-items: center;
2611
+ }
2612
+ .ant-pro-checkcard-avatar {
2613
+ padding-right: 8px;
2614
+ }
2615
+ .ant-pro-checkcard-detail {
2616
+ overflow: hidden;
2617
+ }
2618
+ .ant-pro-checkcard-detail > div:not(:last-child) {
2619
+ margin-bottom: 4px;
2620
+ }
2621
+ .ant-pro-checkcard-header {
2622
+ display: flex;
2623
+ align-items: center;
2624
+ justify-content: space-between;
2625
+ }
2626
+ .ant-pro-checkcard-title {
2627
+ overflow: hidden;
2628
+ color: rgba(0, 0, 0, 0.85);
2629
+ font-weight: 500;
2630
+ font-size: 14px;
2631
+ white-space: nowrap;
2632
+ text-overflow: ellipsis;
2633
+ }
2634
+ .ant-pro-checkcard-description {
2635
+ color: rgba(0, 0, 0, 0.45);
2636
+ }
2637
+ .ant-pro-checkcard:not(.ant-pro-checkcard-disabled):hover {
2638
+ border-color: #1890ff;
2639
+ }
2640
+ .ant-pro-checkcard-checked::after {
2641
+ position: absolute;
2642
+ top: 2px;
2643
+ right: 2px;
2644
+ width: 0;
2645
+ height: 0;
2646
+ border: 6px solid #1890ff;
2647
+ border-bottom: 6px solid transparent;
2648
+ border-left: 6px solid transparent;
2649
+ border-top-right-radius: 2px;
2650
+ content: '';
2651
+ }
2652
+
2653
+ .ant-pro-card-tabs .ant-tabs-top > .ant-tabs-nav {
2654
+ margin-bottom: 0;
2655
+ }
2656
+ .ant-pro-card-tabs .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-list {
2657
+ margin-top: 8px;
2658
+ padding-left: 16px;
2659
+ }
2660
+ .ant-pro-card-tabs .ant-tabs-bottom > .ant-tabs-nav {
2661
+ margin-top: 0;
2662
+ }
2663
+ .ant-pro-card-tabs .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-list {
2664
+ padding-left: 16px;
2665
+ }
2666
+ .ant-pro-card-tabs .ant-tabs-left .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane {
2667
+ padding-left: 0;
2668
+ }
2669
+ .ant-pro-card-tabs .ant-tabs-left > .ant-tabs-nav {
2670
+ margin-right: 0;
2671
+ }
2672
+ .ant-pro-card-tabs .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-list {
2673
+ padding-top: 16px;
2674
+ }
2675
+ .ant-pro-card-tabs .ant-tabs-right .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane {
2676
+ padding-right: 0;
2677
+ }
2678
+ .ant-pro-card-tabs .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-list {
2679
+ padding-top: 16px;
2680
+ }
2681
+
2682
+ .ant-pro-inline-error-form-item-multiple {
2683
+ padding: 6px 8px 12px 8px;
2684
+ }
2685
+ .ant-pro-inline-error-form-item-progress-success .ant-progress-bg {
2686
+ background-color: #52c41a;
2687
+ }
2688
+ .ant-pro-inline-error-form-item-progress-error .ant-progress-bg {
2689
+ background-color: #ff4d4f;
2690
+ }
2691
+ .ant-pro-inline-error-form-item-progress-warning .ant-progress-bg {
2692
+ background-color: #faad14;
2693
+ }
2694
+ .ant-pro-inline-error-form-item-rule {
2695
+ margin: 0;
2696
+ padding: 0;
2697
+ list-style: none;
2698
+ }
2699
+ .ant-pro-inline-error-form-item-rule-content {
2700
+ display: flex;
2701
+ align-items: center;
2702
+ }
2703
+ .ant-pro-inline-error-form-item-rule-content-icon-default {
2704
+ display: flex;
2705
+ align-items: center;
2706
+ justify-content: center;
2707
+ width: 14px;
2708
+ height: 22px;
2709
+ }
2710
+ .ant-pro-inline-error-form-item-rule-content-icon-default-circle {
2711
+ width: 6px;
2712
+ height: 6px;
2713
+ background-color: rgba(0, 0, 0, 0.45);
2714
+ border-radius: 4px;
2715
+ }
2716
+ .ant-pro-inline-error-form-item-rule-content-icon-loading {
2717
+ color: #1890ff;
2718
+ }
2719
+ .ant-pro-inline-error-form-item-rule-content-icon-error {
2720
+ color: #ff4d4f;
2721
+ }
2722
+ .ant-pro-inline-error-form-item-rule-content-icon-success {
2723
+ color: #52c41a;
2724
+ }
2725
+ .ant-pro-inline-error-form-item-rule-content-text {
2726
+ color: rgba(0, 0, 0, 0.85);
2727
+ }
2728
+
2729
+ .pro-table-tooltip-text span {
2730
+ color: #fff;
2731
+ }
2732
+ .ant-pro-table {
2733
+ z-index: 1;
2734
+ }
2735
+ .ant-pro-table:not(:root):fullscreen {
2736
+ min-height: 100vh;
2737
+ overflow: auto;
2738
+ background: #fff;
2739
+ }
2740
+ .ant-pro-table-extra {
2741
+ margin-bottom: 16px;
2742
+ }
2743
+ .ant-pro-table-polling .ant-pro-table-list-toolbar-setting-item .anticon.anticon-reload {
2744
+ transform: rotate(0deg);
2745
+ animation: turn 1s linear infinite;
2746
+ }
2747
+ .ant-pro-table td.ant-table-cell > a {
2748
+ font-size: 14px;
2749
+ }
2750
+ .ant-pro-table .ant-table .ant-table-tbody .ant-table-wrapper:only-child .ant-table {
2751
+ margin: 0;
2752
+ }
2753
+ .ant-pro-table .ant-table.ant-table-middle .ant-pro-table {
2754
+ margin: -12px -8px;
2755
+ }
2756
+ @keyframes turn {
2757
+ 0% {
2758
+ transform: rotate(0deg);
2759
+ }
2760
+ 25% {
2761
+ transform: rotate(90deg);
2762
+ }
2763
+ 50% {
2764
+ transform: rotate(180deg);
2765
+ }
2766
+ 75% {
2767
+ transform: rotate(270deg);
2768
+ }
2769
+ 100% {
2770
+ transform: rotate(360deg);
2771
+ }
2772
+ }
2773
+ .ant-pro-table-toolbar {
2774
+ display: flex;
2775
+ align-items: center;
2776
+ justify-content: space-between;
2777
+ height: 64px;
2778
+ padding: 0 24px;
2779
+ }
2780
+ .ant-pro-table-toolbar-option {
2781
+ display: flex;
2782
+ align-items: center;
2783
+ justify-content: flex-end;
2784
+ }
2785
+ .ant-pro-table-toolbar-title {
2786
+ flex: 1;
2787
+ color: rgba(0, 0, 0, 0.85);
2788
+ font-weight: 500;
2789
+ font-size: 16px;
2790
+ line-height: 24px;
2791
+ opacity: 0.85;
2792
+ }
2793
+ @media (max-width: 480px) {
2794
+ .ant-pro-table .ant-table {
2795
+ width: 100%;
2796
+ overflow-x: auto;
2797
+ }
2798
+ .ant-pro-table .ant-table-thead > tr > th,
2799
+ .ant-pro-table .ant-table-tbody > tr > th,
2800
+ .ant-pro-table .ant-table-thead > tr > td,
2801
+ .ant-pro-table .ant-table-tbody > tr > td {
2802
+ white-space: pre;
2803
+ }
2804
+ .ant-pro-table .ant-table-thead > tr > th > span,
2805
+ .ant-pro-table .ant-table-tbody > tr > th > span,
2806
+ .ant-pro-table .ant-table-thead > tr > td > span,
2807
+ .ant-pro-table .ant-table-tbody > tr > td > span {
2808
+ display: block;
2809
+ }
2810
+ }
2811
+ @media (max-width: 575px) {
2812
+ .ant-pro-table-toolbar {
2813
+ flex-direction: column;
2814
+ align-items: flex-start;
2815
+ justify-content: flex-start;
2816
+ height: auto;
2817
+ margin-bottom: 16px;
2818
+ margin-left: 16px;
2819
+ padding: 8px;
2820
+ padding-top: 16px;
2821
+ line-height: normal;
2822
+ }
2823
+ .ant-pro-table-toolbar-title {
2824
+ margin-bottom: 16px;
2825
+ }
2826
+ .ant-pro-table-toolbar-option {
2827
+ display: flex;
2828
+ justify-content: space-between;
2829
+ width: 100%;
2830
+ }
2831
+ .ant-pro-table-toolbar-default-option {
2832
+ display: flex;
2833
+ flex: 1;
2834
+ align-items: center;
2835
+ justify-content: flex-end;
2836
+ }
2837
+ }
2838
+
2839
+ .ant-pro-table-column-setting {
2840
+ width: auto;
2841
+ }
2842
+ .ant-pro-table-column-setting-title {
2843
+ display: flex;
2844
+ align-items: center;
2845
+ justify-content: space-between;
2846
+ height: 32px;
2847
+ }
2848
+ .ant-pro-table-column-setting-overlay .ant-popover-inner-content {
2849
+ width: 200px;
2850
+ padding: 0px;
2851
+ padding-bottom: 8px;
2852
+ }
2853
+ .ant-pro-table-column-setting-overlay .ant-tree-node-content-wrapper:hover {
2854
+ background-color: transparent;
2855
+ }
2856
+ .ant-pro-table-column-setting-overlay .ant-tree-draggable-icon {
2857
+ cursor: grab;
2858
+ }
2859
+ .ant-pro-table-column-setting-overlay .ant-tree-treenode {
2860
+ align-items: center;
2861
+ }
2862
+ .ant-pro-table-column-setting-overlay .ant-tree-treenode:hover {
2863
+ background-color: #e6f7ff;
2864
+ }
2865
+ .ant-pro-table-column-setting-overlay .ant-tree-treenode:hover .ant-pro-table-column-setting-list-item-option {
2866
+ display: block;
2867
+ }
2868
+ .ant-pro-table-column-setting-overlay .ant-tree-treenode .ant-tree-checkbox {
2869
+ top: 0;
2870
+ margin: 0;
2871
+ margin-right: 4px;
2872
+ }
2873
+ .ant-pro-table-column-setting-list {
2874
+ display: flex;
2875
+ flex-direction: column;
2876
+ width: 100%;
2877
+ padding-top: 8px;
2878
+ }
2879
+ .ant-pro-table-column-setting-list.ant-pro-table-column-setting-list-group {
2880
+ padding-top: 0;
2881
+ }
2882
+ .ant-pro-table-column-setting-list-title {
2883
+ margin-top: 6px;
2884
+ margin-bottom: 6px;
2885
+ padding-left: 24px;
2886
+ color: rgba(0, 0, 0, 0.45);
2887
+ font-size: 12px;
2888
+ }
2889
+ .ant-pro-table-column-setting-list-item {
2890
+ display: flex;
2891
+ align-items: center;
2892
+ }
2893
+ .ant-pro-table-column-setting-list-item-title {
2894
+ flex: 1;
2895
+ }
2896
+ .ant-pro-table-column-setting-list-item-option {
2897
+ display: none;
2898
+ float: right;
2899
+ cursor: pointer;
2900
+ }
2901
+ .ant-pro-table-column-setting-list-item-option > span > span.anticon {
2902
+ color: #1890ff;
2903
+ }
2904
+ .ant-pro-table-column-setting-list-item-option > span + span {
2905
+ margin-left: 8px;
2906
+ }
2907
+
2908
+ .ant-pro-table-alert {
2909
+ margin-bottom: 16px;
2910
+ }
2911
+ .ant-pro-table-alert .ant-alert.ant-alert-no-icon {
2912
+ padding: 12px 24px;
2913
+ }
2914
+ .ant-pro-table-alert-info {
2915
+ display: flex;
2916
+ align-items: center;
2917
+ transition: all 0.3s;
2918
+ }
2919
+ .ant-pro-table-alert-info-content {
2920
+ flex: 1;
2921
+ }
2922
+ .ant-pro-table-alert-info-option {
2923
+ min-width: 48px;
2924
+ padding-left: 16px;
2925
+ }
2926
+
2927
+ .ant-pro-table-drag-visible-cell {
2928
+ display: flex;
2929
+ align-items: center;
2930
+ }
2931
+ .ant-pro-table-drag-icon {
2932
+ margin-right: 8px;
2933
+ color: #999;
2934
+ cursor: grab;
2935
+ }
2936
+
2937
+ .ant-pro-page-container-children-content {
2938
+ margin: 24px 24px 0;
2939
+ padding: inherit;
2940
+ }
2941
+ .ant-pro-page-container {
2942
+ background-color: inherit;
2943
+ }
2944
+ .ant-pro-page-container-warp {
2945
+ background-color: #fff;
2946
+ }
2947
+ .ant-pro-page-container-warp .ant-tabs-nav {
2948
+ margin: 0;
2949
+ }
2950
+ .ant-pro-page-container-ghost .ant-pro-page-container-warp {
2951
+ background-color: transparent;
2952
+ }
2953
+ .ant-pro-page-container-ghost .ant-pro-page-container-children-content {
2954
+ margin-top: 0;
2955
+ }
2956
+ .ant-pro-page-container-main .ant-pro-page-container-detail {
2957
+ display: flex;
2958
+ }
2959
+ .ant-pro-page-container-main .ant-pro-page-container-row {
2960
+ display: flex;
2961
+ width: 100%;
2962
+ }
2963
+ .ant-pro-page-container-main .ant-pro-page-container-title-content {
2964
+ margin-bottom: 16px;
2965
+ }
2966
+ .ant-pro-page-container-main .ant-pro-page-container-title,
2967
+ .ant-pro-page-container-main .ant-pro-page-container-content {
2968
+ flex: auto;
2969
+ width: 100%;
2970
+ }
2971
+ .ant-pro-page-container-main .ant-pro-page-container-extraContent,
2972
+ .ant-pro-page-container-main .ant-pro-page-container-main {
2973
+ flex: 0 1 auto;
2974
+ }
2975
+ .ant-pro-page-container-main .ant-pro-page-container-main {
2976
+ width: 100%;
2977
+ }
2978
+ .ant-pro-page-container-main .ant-pro-page-container-title {
2979
+ margin-bottom: 16px;
2980
+ }
2981
+ .ant-pro-page-container-main .ant-pro-page-container-logo {
2982
+ margin-bottom: 16px;
2983
+ }
2984
+ .ant-pro-page-container-main .ant-pro-page-container-extraContent {
2985
+ min-width: 242px;
2986
+ margin-left: 88px;
2987
+ text-align: right;
2988
+ }
2989
+ @media screen and (max-width: 1200px) {
2990
+ .ant-pro-page-container-main .ant-pro-page-container-extraContent {
2991
+ margin-left: 44px;
2992
+ }
2993
+ }
2994
+ @media screen and (max-width: 992px) {
2995
+ .ant-pro-page-container-main .ant-pro-page-container-extraContent {
2996
+ margin-left: 20px;
2997
+ }
2998
+ }
2999
+ @media screen and (max-width: 768px) {
3000
+ .ant-pro-page-container-main .ant-pro-page-container-row {
3001
+ display: block;
3002
+ }
3003
+ .ant-pro-page-container-main .ant-pro-page-container-action,
3004
+ .ant-pro-page-container-main .ant-pro-page-container-extraContent {
3005
+ margin-left: 0;
3006
+ text-align: left;
3007
+ }
3008
+ }
3009
+ @media screen and (max-width: 576px) {
3010
+ .ant-pro-page-container-detail {
3011
+ display: block;
3012
+ }
3013
+ .ant-pro-page-container-extraContent {
3014
+ margin-left: 0;
3015
+ }
3016
+ }
3017
+
3018
+ .ant-pro-grid-content {
3019
+ width: 100%;
3020
+ }
3021
+ .ant-pro-grid-content.wide {
3022
+ max-width: 1200px;
3023
+ margin: 0 auto;
3024
+ }
3025
+
3026
+ .ant-pro-footer-bar {
3027
+ position: fixed;
3028
+ right: 0;
3029
+ bottom: 0;
3030
+ z-index: 99;
3031
+ display: flex;
3032
+ align-items: center;
3033
+ width: 100%;
3034
+ padding: 0 24px;
3035
+ line-height: 44px;
3036
+ background: #fff;
3037
+ border-top: 1px solid #f0f0f0;
3038
+ box-shadow: 0 -6px 16px -8px rgba(0, 0, 0, 0.08), 0 -9px 28px 0 rgba(0, 0, 0, 0.05), 0 -12px 48px 16px rgba(0, 0, 0, 0.03);
3039
+ transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
3040
+ }
3041
+ .ant-pro-footer-bar-left {
3042
+ flex: 1;
3043
+ }
3044
+ .ant-pro-footer-bar-right > * {
3045
+ margin-right: 8px;
3046
+ }
3047
+ .ant-pro-footer-bar-right > *:last-child {
3048
+ margin: 0;
3049
+ }
3050
+
3051
+ .ant-pro-basicLayout {
3052
+ display: flex;
3053
+ flex-direction: column;
3054
+ width: 100%;
3055
+ min-height: 100%;
3056
+ }
3057
+ .ant-pro-basicLayout .ant-layout-header.ant-pro-fixed-header {
3058
+ position: fixed;
3059
+ top: 0;
3060
+ }
3061
+ .ant-pro-basicLayout .ant-layout-header.ant-pro-header-light {
3062
+ background: #fff;
3063
+ }
3064
+ .ant-pro-basicLayout-content {
3065
+ position: relative;
3066
+ margin: 24px;
3067
+ }
3068
+ .ant-pro-basicLayout-content .ant-pro-page-container {
3069
+ margin: -24px -24px 0;
3070
+ }
3071
+ .ant-pro-basicLayout-content-disable-margin {
3072
+ margin: 0;
3073
+ }
3074
+ .ant-pro-basicLayout-content-disable-margin .ant-pro-page-container {
3075
+ margin: 0;
3076
+ }
3077
+ .ant-pro-basicLayout-content > .ant-layout {
3078
+ max-height: 100%;
3079
+ }
3080
+ .ant-pro-basicLayout .ant-pro-basicLayout-is-children.ant-pro-basicLayout-fix-siderbar {
3081
+ height: 100vh;
3082
+ overflow: hidden;
3083
+ transform: rotate(0);
3084
+ }
3085
+ .ant-pro-basicLayout .ant-pro-basicLayout-has-header .tech-page-container {
3086
+ height: calc(100vh - 48px);
3087
+ }
3088
+ .ant-pro-basicLayout .ant-pro-basicLayout-has-header .ant-pro-basicLayout-is-children.ant-pro-basicLayout-has-header .tech-page-container {
3089
+ height: calc(100vh - 48px - 48px);
3090
+ }
3091
+ .ant-pro-basicLayout .ant-pro-basicLayout-has-header .ant-pro-basicLayout-is-children.ant-pro-basicLayout-has-header .ant-pro-basicLayout-is-children {
3092
+ min-height: calc(100vh - 48px);
3093
+ }
3094
+ .ant-pro-basicLayout .ant-pro-basicLayout-has-header .ant-pro-basicLayout-is-children.ant-pro-basicLayout-has-header .ant-pro-basicLayout-is-children.ant-pro-basicLayout-fix-siderbar {
3095
+ height: calc(100vh - 48px);
3096
+ }
3097
+
3098
+ .ant-pro-fixed-header {
3099
+ z-index: 9;
3100
+ width: 100%;
3101
+ }
3102
+ .ant-pro-fixed-header-action {
3103
+ transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
3104
+ }
3105
+ .ant-pro-header-realDark {
3106
+ box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.65);
3107
+ }
3108
+
3109
+ .ant-pro-global-header {
3110
+ position: relative;
3111
+ display: flex;
3112
+ align-items: center;
3113
+ height: 100%;
3114
+ padding: 0 16px;
3115
+ background: #fff;
3116
+ box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
3117
+ }
3118
+ .ant-pro-global-header > * {
3119
+ height: 100%;
3120
+ }
3121
+ .ant-pro-global-header-collapsed-button {
3122
+ display: flex;
3123
+ align-items: center;
3124
+ margin-left: 16px;
3125
+ font-size: 20px;
3126
+ }
3127
+ .ant-pro-global-header-layout-mix {
3128
+ background-color: #001529;
3129
+ }
3130
+ .ant-pro-global-header-layout-mix .ant-pro-global-header-logo h1 {
3131
+ color: #fff;
3132
+ }
3133
+ .ant-pro-global-header-layout-mix .anticon {
3134
+ color: #fff;
3135
+ }
3136
+ .ant-pro-global-header-logo {
3137
+ position: relative;
3138
+ overflow: hidden;
3139
+ }
3140
+ .ant-pro-global-header-logo a {
3141
+ display: flex;
3142
+ align-items: center;
3143
+ height: 100%;
3144
+ }
3145
+ .ant-pro-global-header-logo a img {
3146
+ height: 28px;
3147
+ }
3148
+ .ant-pro-global-header-logo a h1 {
3149
+ height: 32px;
3150
+ margin: 0 0 0 12px;
3151
+ color: #1890ff;
3152
+ font-weight: 600;
3153
+ font-size: 18px;
3154
+ line-height: 32px;
3155
+ }
3156
+ .ant-pro-global-header-logo-rtl a h1 {
3157
+ margin: 0 12px 0 0;
3158
+ }
3159
+ .ant-pro-global-header-menu .anticon {
3160
+ margin-right: 8px;
3161
+ }
3162
+ .ant-pro-global-header-menu .ant-dropdown-menu-item {
3163
+ min-width: 160px;
3164
+ }
3165
+ .ant-pro-global-header .dark {
3166
+ height: 48px;
3167
+ }
3168
+ .ant-pro-global-header .dark .action {
3169
+ color: rgba(255, 255, 255, 0.85);
3170
+ }
3171
+ .ant-pro-global-header .dark .action > i {
3172
+ color: rgba(255, 255, 255, 0.85);
3173
+ }
3174
+ .ant-pro-global-header .dark .action:hover,
3175
+ .ant-pro-global-header .dark .action.opened {
3176
+ background: #1890ff;
3177
+ }
3178
+ .ant-pro-global-header .dark .action .ant-badge {
3179
+ color: rgba(255, 255, 255, 0.85);
3180
+ }
3181
+
3182
+ .ant-pro-sider {
3183
+ position: relative;
3184
+ background-color: #001529;
3185
+ border-right: 0;
3186
+ }
3187
+ .ant-pro-sider .ant-menu {
3188
+ background: transparent;
3189
+ }
3190
+ .ant-pro-sider.ant-layout-sider-light .ant-menu-item a {
3191
+ color: rgba(0, 0, 0, 0.85);
3192
+ }
3193
+ .ant-pro-sider.ant-layout-sider-light .ant-menu-item-selected a,
3194
+ .ant-pro-sider.ant-layout-sider-light .ant-menu-item a:hover {
3195
+ color: #1890ff;
3196
+ }
3197
+ .ant-pro-sider-logo {
3198
+ position: relative;
3199
+ display: flex;
3200
+ align-items: center;
3201
+ padding: 16px 16px;
3202
+ cursor: pointer;
3203
+ transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
3204
+ }
3205
+ .ant-pro-sider-logo > a {
3206
+ display: flex;
3207
+ align-items: center;
3208
+ justify-content: center;
3209
+ min-height: 32px;
3210
+ }
3211
+ .ant-pro-sider-logo img {
3212
+ display: inline-block;
3213
+ height: 32px;
3214
+ vertical-align: middle;
3215
+ }
3216
+ .ant-pro-sider-logo h1 {
3217
+ display: inline-block;
3218
+ height: 32px;
3219
+ margin: 0 0 0 12px;
3220
+ color: white;
3221
+ font-weight: 600;
3222
+ font-size: 18px;
3223
+ line-height: 32px;
3224
+ vertical-align: middle;
3225
+ animation: pro-layout-title-hide 0.3s;
3226
+ }
3227
+ .ant-pro-sider-extra {
3228
+ margin-bottom: 16px;
3229
+ padding: 0 16px;
3230
+ }
3231
+ .ant-pro-sider-extra-no-logo {
3232
+ margin-top: 16px;
3233
+ }
3234
+ .ant-pro-sider-menu {
3235
+ position: relative;
3236
+ z-index: 10;
3237
+ min-height: 100%;
3238
+ box-shadow: 2px 0 6px rgba(0, 21, 41, 0.35);
3239
+ }
3240
+ .ant-pro-sider .ant-layout-sider-children {
3241
+ display: flex;
3242
+ flex-direction: column;
3243
+ height: 100%;
3244
+ /* 滚动条滑块 */
3245
+ }
3246
+ .ant-pro-sider .ant-layout-sider-children ::-webkit-scrollbar {
3247
+ width: 6px;
3248
+ height: 6px;
3249
+ }
3250
+ .ant-pro-sider .ant-layout-sider-children ::-webkit-scrollbar-track {
3251
+ background: rgba(255, 255, 255, 0.15);
3252
+ border-radius: 3px;
3253
+ box-shadow: inset 0 0 5px rgba(37, 37, 37, 0.05);
3254
+ }
3255
+ .ant-pro-sider .ant-layout-sider-children ::-webkit-scrollbar-thumb {
3256
+ background: rgba(255, 255, 255, 0.2);
3257
+ border-radius: 3px;
3258
+ box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.05);
3259
+ }
3260
+ .ant-pro-sider.ant-layout-sider-collapsed .ant-menu-inline-collapsed {
3261
+ width: 48px;
3262
+ }
3263
+ .ant-pro-sider.ant-layout-sider-collapsed .ant-pro-sider-logo {
3264
+ padding: 16px 8px;
3265
+ }
3266
+ .ant-pro-sider.ant-layout-sider.ant-pro-sider-fixed {
3267
+ position: fixed;
3268
+ top: 0;
3269
+ left: 0;
3270
+ z-index: 100;
3271
+ height: 100%;
3272
+ overflow: auto;
3273
+ overflow-x: hidden;
3274
+ box-shadow: 2px 0 8px 0 rgba(29, 35, 41, 0.05);
3275
+ }
3276
+ .ant-pro-sider.ant-layout-sider.ant-pro-sider-fixed > .ant-menu-root :not(.ant-pro-sider-link-menu) {
3277
+ height: calc(100vh - 48px);
3278
+ overflow-y: auto;
3279
+ }
3280
+ .ant-pro-sider-light {
3281
+ background-color: #fff;
3282
+ box-shadow: 2px 0 8px 0 rgba(29, 35, 41, 0.05);
3283
+ }
3284
+ .ant-pro-sider-light .ant-layout-sider-children {
3285
+ /* 滚动条滑块 */
3286
+ }
3287
+ .ant-pro-sider-light .ant-layout-sider-children ::-webkit-scrollbar-track {
3288
+ background: rgba(0, 0, 0, 0.06);
3289
+ border-radius: 3px;
3290
+ box-shadow: inset 0 0 5px rgba(0, 21, 41, 0.05);
3291
+ }
3292
+ .ant-pro-sider-light .ant-layout-sider-children ::-webkit-scrollbar-thumb {
3293
+ background: rgba(0, 0, 0, 0.12);
3294
+ border-radius: 3px;
3295
+ box-shadow: inset 0 0 5px rgba(0, 21, 41, 0.05);
3296
+ }
3297
+ .ant-pro-sider-light .ant-pro-sider-logo h1 {
3298
+ color: #1890ff;
3299
+ }
3300
+ .ant-pro-sider-light .ant-menu-light {
3301
+ border-right-color: transparent;
3302
+ }
3303
+ .ant-pro-sider-light .ant-pro-sider-collapsed-button {
3304
+ border-top: 1px solid #f0f0f0;
3305
+ }
3306
+ .ant-pro-sider-icon {
3307
+ width: 14px;
3308
+ vertical-align: baseline;
3309
+ }
3310
+ .ant-pro-sider-links {
3311
+ width: 100%;
3312
+ }
3313
+ .ant-pro-sider-links ul.ant-menu-root {
3314
+ height: auto;
3315
+ }
3316
+ .ant-pro-sider-collapsed-button {
3317
+ border-top: 1px solid rgba(0, 0, 0, 0.25);
3318
+ }
3319
+ .ant-pro-sider-collapsed-button .anticon {
3320
+ font-size: 16px;
3321
+ }
3322
+ .ant-pro-sider .top-nav-menu li.ant-menu-item {
3323
+ height: 100%;
3324
+ line-height: 1;
3325
+ }
3326
+ .ant-pro-sider .drawer .drawer-content {
3327
+ background: #001529;
3328
+ }
3329
+ @keyframes pro-layout-title-hide {
3330
+ 0% {
3331
+ display: none;
3332
+ opacity: 0;
3333
+ }
3334
+ 80% {
3335
+ display: none;
3336
+ opacity: 0;
3337
+ }
3338
+ 100% {
3339
+ display: unset;
3340
+ opacity: 1;
3341
+ }
3342
+ }
3343
+
3344
+ .ant-pro-top-nav-header {
3345
+ position: relative;
3346
+ width: 100%;
3347
+ height: 100%;
3348
+ box-shadow: 0 1px 4px 0 rgba(0, 21, 41, 0.12);
3349
+ transition: background 0.3s, width 0.2s;
3350
+ }
3351
+ .ant-pro-top-nav-header .ant-menu {
3352
+ background: transparent;
3353
+ }
3354
+ .ant-pro-top-nav-header.light {
3355
+ background-color: #fff;
3356
+ }
3357
+ .ant-pro-top-nav-header.light .ant-pro-top-nav-header-logo h1 {
3358
+ color: rgba(0, 0, 0, 0.85);
3359
+ }
3360
+ .ant-pro-top-nav-header.light .anticon {
3361
+ color: inherit;
3362
+ }
3363
+ .ant-pro-top-nav-header-main {
3364
+ display: flex;
3365
+ height: 100%;
3366
+ padding-left: 16px;
3367
+ }
3368
+ .ant-pro-top-nav-header-main-left {
3369
+ display: flex;
3370
+ min-width: 192px;
3371
+ }
3372
+ .ant-pro-top-nav-header .anticon {
3373
+ color: #fff;
3374
+ }
3375
+ .ant-pro-top-nav-header-logo {
3376
+ position: relative;
3377
+ min-width: 165px;
3378
+ height: 100%;
3379
+ overflow: hidden;
3380
+ }
3381
+ .ant-pro-top-nav-header-logo img,
3382
+ .ant-pro-top-nav-header-logo a > svg {
3383
+ display: inline-block;
3384
+ height: 32px;
3385
+ vertical-align: middle;
3386
+ }
3387
+ .ant-pro-top-nav-header-logo h1 {
3388
+ display: inline-block;
3389
+ margin: 0 0 0 12px;
3390
+ color: #fff;
3391
+ font-size: 16px;
3392
+ vertical-align: top;
3393
+ }
3394
+ .ant-pro-top-nav-header-menu {
3395
+ min-width: 0;
3396
+ }
3397
+ .ant-pro-top-nav-header-menu .ant-menu.ant-menu-horizontal {
3398
+ height: 100%;
3399
+ border: none;
3400
+ }
3401
+
3402
+ .ant-pro-global-footer {
3403
+ margin: 48px 0 24px 0;
3404
+ padding: 0 16px;
3405
+ text-align: center;
3406
+ }
3407
+ .ant-pro-global-footer-links {
3408
+ margin-bottom: 8px;
3409
+ }
3410
+ .ant-pro-global-footer-links a {
3411
+ color: rgba(0, 0, 0, 0.45);
3412
+ transition: all 0.3s;
3413
+ }
3414
+ .ant-pro-global-footer-links a:not(:last-child) {
3415
+ margin-right: 40px;
3416
+ }
3417
+ .ant-pro-global-footer-links a:hover {
3418
+ color: rgba(0, 0, 0, 0.85);
3419
+ }
3420
+ .ant-pro-global-footer-copyright {
3421
+ color: rgba(0, 0, 0, 0.45);
3422
+ font-size: 14px;
3423
+ }
3424
+
3425
+ .ant-pro-setting-drawer-content {
3426
+ position: relative;
3427
+ min-height: 100%;
3428
+ }
3429
+ .ant-pro-setting-drawer-content .ant-list-item span {
3430
+ flex: 1;
3431
+ }
3432
+ .ant-pro-setting-drawer-block-checkbox {
3433
+ display: flex;
3434
+ }
3435
+ .ant-pro-setting-drawer-block-checkbox-item {
3436
+ position: relative;
3437
+ width: 44px;
3438
+ height: 36px;
3439
+ margin-right: 16px;
3440
+ overflow: hidden;
3441
+ background-color: #f0f2f5;
3442
+ border-radius: 4px;
3443
+ box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.18);
3444
+ cursor: pointer;
3445
+ }
3446
+ .ant-pro-setting-drawer-block-checkbox-item::before {
3447
+ position: absolute;
3448
+ top: 0;
3449
+ left: 0;
3450
+ width: 33%;
3451
+ height: 100%;
3452
+ background-color: #fff;
3453
+ content: '';
3454
+ }
3455
+ .ant-pro-setting-drawer-block-checkbox-item::after {
3456
+ position: absolute;
3457
+ top: 0;
3458
+ left: 0;
3459
+ width: 100%;
3460
+ height: 25%;
3461
+ background-color: #fff;
3462
+ content: '';
3463
+ }
3464
+ .ant-pro-setting-drawer-block-checkbox-item-realDark {
3465
+ background-color: rgba(0, 21, 41, 0.85);
3466
+ }
3467
+ .ant-pro-setting-drawer-block-checkbox-item-realDark::before {
3468
+ background-color: rgba(0, 21, 41, 0.65);
3469
+ content: '';
3470
+ }
3471
+ .ant-pro-setting-drawer-block-checkbox-item-realDark::after {
3472
+ background-color: rgba(0, 21, 41, 0.85);
3473
+ }
3474
+ .ant-pro-setting-drawer-block-checkbox-item-light::before {
3475
+ background-color: #fff;
3476
+ content: '';
3477
+ }
3478
+ .ant-pro-setting-drawer-block-checkbox-item-light::after {
3479
+ background-color: #fff;
3480
+ }
3481
+ .ant-pro-setting-drawer-block-checkbox-item-dark::before,
3482
+ .ant-pro-setting-drawer-block-checkbox-item-side::before {
3483
+ z-index: 1;
3484
+ background-color: #001529;
3485
+ content: '';
3486
+ }
3487
+ .ant-pro-setting-drawer-block-checkbox-item-dark::after,
3488
+ .ant-pro-setting-drawer-block-checkbox-item-side::after {
3489
+ background-color: #fff;
3490
+ }
3491
+ .ant-pro-setting-drawer-block-checkbox-item-top::before {
3492
+ background-color: transparent;
3493
+ content: '';
3494
+ }
3495
+ .ant-pro-setting-drawer-block-checkbox-item-top::after {
3496
+ background-color: #001529;
3497
+ }
3498
+ .ant-pro-setting-drawer-block-checkbox-item-mix::before {
3499
+ background-color: #fff;
3500
+ content: '';
3501
+ }
3502
+ .ant-pro-setting-drawer-block-checkbox-item-mix::after {
3503
+ background-color: #001529;
3504
+ }
3505
+ .ant-pro-setting-drawer-block-checkbox-selectIcon {
3506
+ position: absolute;
3507
+ right: 6px;
3508
+ bottom: 4px;
3509
+ color: #1890ff;
3510
+ font-weight: bold;
3511
+ font-size: 14px;
3512
+ pointer-events: none;
3513
+ }
3514
+ .ant-pro-setting-drawer-block-checkbox-selectIcon .action {
3515
+ color: #1890ff;
3516
+ }
3517
+ .ant-pro-setting-drawer-color_block {
3518
+ display: inline-block;
3519
+ width: 38px;
3520
+ height: 22px;
3521
+ margin: 4px;
3522
+ margin-right: 12px;
3523
+ vertical-align: middle;
3524
+ border-radius: 4px;
3525
+ cursor: pointer;
3526
+ }
3527
+ .ant-pro-setting-drawer-title {
3528
+ margin-bottom: 12px;
3529
+ color: rgba(0, 0, 0, 0.85);
3530
+ font-size: 14px;
3531
+ line-height: 22px;
3532
+ }
3533
+ .ant-pro-setting-drawer-handle {
3534
+ position: absolute;
3535
+ top: 240px;
3536
+ right: 300px;
3537
+ z-index: 0;
3538
+ display: flex;
3539
+ align-items: center;
3540
+ justify-content: center;
3541
+ width: 48px;
3542
+ height: 48px;
3543
+ font-size: 16px;
3544
+ text-align: center;
3545
+ background-color: #1890ff;
3546
+ border-radius: 4px 0 0 4px;
3547
+ cursor: pointer;
3548
+ pointer-events: auto;
3549
+ }
3550
+ .ant-pro-setting-drawer-production-hint {
3551
+ margin-top: 16px;
3552
+ font-size: 12px;
3553
+ }
3554
+
3555
+ .ant-pro-setting-drawer-content .theme-color {
3556
+ margin-top: 16px;
3557
+ overflow: hidden;
3558
+ }
3559
+ .ant-pro-setting-drawer-content .theme-color .theme-color-title {
3560
+ margin-bottom: 12px;
3561
+ font-size: 14px;
3562
+ line-height: 22px;
3563
+ }
3564
+ .ant-pro-setting-drawer-content .theme-color .theme-color-block {
3565
+ float: left;
3566
+ width: 20px;
3567
+ height: 20px;
3568
+ margin-top: 8px;
3569
+ margin-right: 8px;
3570
+ color: #fff;
3571
+ font-weight: bold;
3572
+ text-align: center;
3573
+ border-radius: 2px;
3574
+ cursor: pointer;
3575
+ }
3576
+
3577
+ .ant-pro-descriptions .ant-descriptions-view {
3578
+ overflow: initial !important;
3579
+ }
3580
+