@bchr/bchr-front-lib 0.3.87 → 0.3.91

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,707 @@
1
+ /** 全局颜色 **/
2
+ /** 常用色值 **/
3
+ /** 常用字体大小 **/
4
+ .anticon,
5
+ .anticon-close-circle.anticon,
6
+ .anticon-close.anticon {
7
+ vertical-align: middle;
8
+ }
9
+ .ant-spin-nested-loading {
10
+ width: 100%;
11
+ height: 100%;
12
+ }
13
+ .ant-spin-nested-loading .ant-spin-container {
14
+ width: 100%;
15
+ height: 100%;
16
+ }
17
+ .ant-spin-nested-loading .ant-spin-container .rule-container {
18
+ width: 100%;
19
+ height: 100%;
20
+ }
21
+ .ant-spin-spinning {
22
+ display: flex;
23
+ width: 100%;
24
+ height: 100%;
25
+ align-items: center;
26
+ justify-content: center;
27
+ align-content: center;
28
+ flex-wrap: wrap;
29
+ }
30
+ .ant-spin-spinning.ant-spin.ant-spin-show-text {
31
+ max-height: 100%;
32
+ }
33
+ .ant-spin-spinning .ant-spin-text {
34
+ width: 100%;
35
+ margin: 5px 0;
36
+ }
37
+ .ant-empty {
38
+ height: 100%;
39
+ display: flex;
40
+ align-content: center;
41
+ justify-content: center;
42
+ flex-wrap: wrap;
43
+ }
44
+ .ant-empty.ant-empty-normal {
45
+ margin: 0;
46
+ }
47
+ .ant-empty .ant-empty-image,
48
+ .ant-empty .ant-empty-description {
49
+ width: 100%;
50
+ }
51
+ .ant-tabs,
52
+ .ant-tabs.ant-tabs-top {
53
+ height: 100%;
54
+ }
55
+ .ant-tabs .ant-tabs-nav,
56
+ .ant-tabs.ant-tabs-top .ant-tabs-nav {
57
+ margin: 0;
58
+ }
59
+ .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab,
60
+ .ant-tabs.ant-tabs-top .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab {
61
+ padding: 12px 10px;
62
+ }
63
+ .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab .ant-tabs-tab-btn:hover,
64
+ .ant-tabs.ant-tabs-top .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab .ant-tabs-tab-btn:hover {
65
+ color: #337DB7;
66
+ }
67
+ .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn,
68
+ .ant-tabs.ant-tabs-top .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
69
+ color: #337DB7;
70
+ }
71
+ .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-ink-bar,
72
+ .ant-tabs.ant-tabs-top .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-ink-bar {
73
+ background-color: #337DB7;
74
+ }
75
+ .ant-tabs .ant-tabs-content-holder,
76
+ .ant-tabs.ant-tabs-top .ant-tabs-content-holder {
77
+ height: calc(100% - 30px);
78
+ }
79
+ .ant-tabs .ant-tabs-content-holder .ant-tabs-content,
80
+ .ant-tabs.ant-tabs-top .ant-tabs-content-holder .ant-tabs-content {
81
+ height: 100%;
82
+ }
83
+ .ant-form {
84
+ width: 100%;
85
+ }
86
+ .ant-input-affix-wrapper,
87
+ span.ant-input-affix-wrapper {
88
+ padding: 0 11px;
89
+ box-sizing: border-box;
90
+ height: auto;
91
+ min-height: 38px;
92
+ }
93
+ .ant-input-affix-wrapper.ant-input-search,
94
+ span.ant-input-affix-wrapper.ant-input-search {
95
+ height: 38px;
96
+ }
97
+ .ant-input-affix-wrapper.ant-input-affix-wrapper-disabled,
98
+ span.ant-input-affix-wrapper.ant-input-affix-wrapper-disabled {
99
+ padding-left: 0;
100
+ box-shadow: 0 0 0 1000px #fff inset !important;
101
+ border: none;
102
+ color: #666666;
103
+ }
104
+ .ant-input-affix-wrapper.ant-input-affix-wrapper-disabled .ant-input-suffix .ant-input-search-icon:before,
105
+ span.ant-input-affix-wrapper.ant-input-affix-wrapper-disabled .ant-input-suffix .ant-input-search-icon:before {
106
+ border-left: none;
107
+ }
108
+ .ant-input-affix-wrapper .ant-input,
109
+ span.ant-input-affix-wrapper .ant-input {
110
+ min-height: 36px;
111
+ }
112
+ .ant-input-suffix {
113
+ color: #cccccc;
114
+ }
115
+ .ant-input-suffix .anticon {
116
+ vertical-align: middle;
117
+ }
118
+ .ant-picker-suffix {
119
+ color: #cccccc;
120
+ }
121
+ .ant-picker-suffix .anticon {
122
+ vertical-align: middle;
123
+ }
124
+ .ant-input {
125
+ width: 100%;
126
+ min-height: 38px;
127
+ }
128
+ .ant-inputtextarea {
129
+ min-height: 100px;
130
+ max-height: 200px;
131
+ }
132
+ .ant-input.ant-input-disabled[disabled] {
133
+ padding-left: 0;
134
+ box-shadow: 0 0 0 1000px #fff inset !important;
135
+ border: none;
136
+ color: #666666;
137
+ }
138
+ .ant-space {
139
+ width: 100%;
140
+ }
141
+ .ant-picker {
142
+ width: 100%;
143
+ min-height: 38px;
144
+ }
145
+ .ant-select {
146
+ width: 100%;
147
+ min-height: 38px;
148
+ line-height: 38px;
149
+ }
150
+ .ant-select.ant-select-single .ant-select-selector,
151
+ .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
152
+ min-height: 38px;
153
+ }
154
+ .ant-select.ant-select-single .ant-select-selector .ant-select-selection-search,
155
+ .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search {
156
+ min-height: 100%;
157
+ }
158
+ .ant-select.ant-select-single .ant-select-selector .ant-select-selection-search .ant-select-selection-search-input,
159
+ .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search .ant-select-selection-search-input {
160
+ min-height: 100%;
161
+ line-height: 38px;
162
+ }
163
+ .ant-select.ant-select-single .ant-select-selector .ant-select-selection-item,
164
+ .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item {
165
+ min-height: 100%;
166
+ line-height: 38px;
167
+ }
168
+ .ant-select.ant-select-single .ant-select-selector .ant-select-selection-placeholder,
169
+ .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder {
170
+ min-height: 100%;
171
+ line-height: 38px;
172
+ }
173
+ .ant-select.ant-select-multiple {
174
+ min-height: 36px;
175
+ line-height: 36px;
176
+ }
177
+ .ant-select.ant-select-multiple .ant-select-selector {
178
+ padding: 0 4px;
179
+ min-height: 100%;
180
+ }
181
+ .ant-select.ant-select-multiple .ant-select-selector .ant-select-selection-search {
182
+ min-height: 100%;
183
+ }
184
+ .ant-select.ant-select-multiple .ant-select-selector .ant-select-selection-search .ant-select-selection-search-input {
185
+ min-height: 100%;
186
+ }
187
+ .ant-select.ant-select-multiple .ant-select-selector .ant-select-selection-item {
188
+ min-height: 100%;
189
+ }
190
+ .ant-select.ant-select-multiple .ant-select-selector .ant-select-selection-item .ant-select-selection-item-remove {
191
+ line-height: 22px;
192
+ vertical-align: middle;
193
+ display: inline-flex;
194
+ align-items: center;
195
+ justify-content: center;
196
+ }
197
+ .ant-select.ant-select-multiple .ant-select-selector .ant-select-selection-placeholder {
198
+ min-height: 100%;
199
+ }
200
+ .ant-select.ant-select-disabled div.ant-select-selector {
201
+ padding-left: 0;
202
+ box-shadow: 0 0 0 1000px #fff inset !important;
203
+ border: none;
204
+ color: #666666 !important;
205
+ }
206
+ .ant-select.ant-select-disabled .ant-select-arrow {
207
+ display: none;
208
+ }
209
+ .ant-select-dropdown {
210
+ width: 100%;
211
+ min-height: 38px;
212
+ }
213
+ .ant-calendar-picker {
214
+ display: inline-block;
215
+ }
216
+ .ant-calendar-picker.smart-calendar-picker-with-separator {
217
+ width: 100%;
218
+ }
219
+ span.ant-cascader-picker.ant-cascader-picker-disabled {
220
+ padding-left: 0;
221
+ box-shadow: 0 0 0 1000px #fff inset !important;
222
+ border: none;
223
+ color: #666666;
224
+ }
225
+ span.ant-cascader-picker.ant-cascader-picker-disabled span.ant-cascader-picker-label {
226
+ color: #666666;
227
+ white-space: nowrap;
228
+ overflow: initial;
229
+ }
230
+ span.ant-cascader-picker.ant-cascader-picker-disabled .ant-cascader-picker-arrow {
231
+ display: none;
232
+ }
233
+ .ant-dropdown .ant-dropdown-menu-item .iconfont {
234
+ margin-right: 5px;
235
+ }
236
+ .ant-input-search {
237
+ width: 100%;
238
+ min-height: 38px;
239
+ height: 38px;
240
+ line-height: inherit;
241
+ }
242
+ div.ant-input-number {
243
+ width: 100%;
244
+ min-height: 38px;
245
+ }
246
+ div.ant-input-number .ant-input-number-input-wrap {
247
+ min-height: 36px;
248
+ line-height: 36px;
249
+ }
250
+ div.ant-input-number.ant-input-number-disabled {
251
+ padding-left: 0;
252
+ box-shadow: 0 0 0 1000px #fff inset !important;
253
+ border: none;
254
+ color: #666666;
255
+ }
256
+ .ant-upload {
257
+ width: 100%;
258
+ min-height: 38px;
259
+ }
260
+ .ant-upload-list .ant-upload-list-item {
261
+ min-height: 30px;
262
+ line-height: 30px;
263
+ }
264
+ .ant-upload-list .ant-upload-list-item .ant-upload-list-item-info .anticon-loading,
265
+ .ant-upload-list .ant-upload-list-item .ant-upload-list-item-info .anticon-paper-clip {
266
+ top: 50%;
267
+ margin-top: -7px;
268
+ }
269
+ .ant-upload-list .ant-upload-list-item .ant-upload-list-item-info .ant-upload-list-item-name {
270
+ min-height: 30px;
271
+ line-height: 30px;
272
+ }
273
+ .ant-upload-list .ant-upload-list-item .ant-upload-list-item-info .ant-upload-list-item-card-actions {
274
+ display: inline-flex;
275
+ align-items: center;
276
+ justify-content: center;
277
+ height: 100%;
278
+ }
279
+ .ant-upload-list .ant-upload-list-item .ant-upload-list-item-info .ant-upload-list-item-card-actions .ant-btn {
280
+ height: 100%;
281
+ }
282
+ .ant-upload-list .ant-upload-list-item .ant-upload-list-item-info .ant-upload-list-item-error .anticon-close,
283
+ .ant-upload-list .ant-upload-list-item .ant-upload-list-item-info .ant-upload-list-item .anticon-close {
284
+ font-size: 18px;
285
+ font-weight: bold;
286
+ color: #f5222d;
287
+ }
288
+ .ant-badge .ant-badge-count {
289
+ font-size: 18px;
290
+ }
291
+ .ant-badge .ant-badge-count .ant-scroll-number-only {
292
+ font-size: 18px;
293
+ }
294
+ .ant-rate {
295
+ min-height: 38px;
296
+ }
297
+ div.ant-radio-group {
298
+ min-height: 38px;
299
+ line-height: 38px;
300
+ font-size: 14px;
301
+ }
302
+ div.ant-radio-group .ant-radio-wrapper {
303
+ line-height: 38px;
304
+ }
305
+ div.ant-radio-group.ant-radio-group-solid .ant-radio-button-wrapper {
306
+ margin-right: 10px;
307
+ border-left: 1px solid #ccc;
308
+ border-radius: 4px;
309
+ }
310
+ div.ant-radio-group.ant-radio-group-solid .ant-radio-button-wrapper::before {
311
+ width: 0;
312
+ }
313
+ div.ant-slider {
314
+ margin: 0;
315
+ line-height: 38px;
316
+ display: flex;
317
+ align-items: center;
318
+ }
319
+ @media screen and (-webkit-min-device-pixel-ratio: 0) {
320
+ div.ant-slider .ant-slider-handle {
321
+ margin-top: 0;
322
+ }
323
+ }
324
+ button.ant-btn {
325
+ min-height: 38px;
326
+ line-height: 1.3;
327
+ }
328
+ button.ant-btn:hover {
329
+ color: #337DB7;
330
+ background: #fff;
331
+ border-color: #337DB7;
332
+ }
333
+ button.ant-btn.ant-btn-primary {
334
+ background-color: #337DB7;
335
+ color: #fff;
336
+ border-color: #337DB7;
337
+ }
338
+ button.ant-btn.ant-btn-primary:hover {
339
+ opacity: 0.8;
340
+ }
341
+ .ant-btn-group .ant-btn.completed-btn {
342
+ background-color: #5cb85c;
343
+ color: #fff;
344
+ border-color: #5cb85c;
345
+ }
346
+ .ant-btn-group .ant-btn.completed-save-btn {
347
+ background-color: #ffb44b;
348
+ color: #fff;
349
+ border-color: #ffb44b;
350
+ }
351
+ .ant-btn-group .ant-btn.completed-submit-btn {
352
+ background-color: #5cb85c;
353
+ color: #fff;
354
+ border-color: #5cb85c;
355
+ }
356
+ .ant-btn-group .ant-btn.danger-btn {
357
+ background-color: #DA0002;
358
+ color: #fff;
359
+ border-color: #DA0002;
360
+ }
361
+ .ant-btn-group .ant-btn.default-btn {
362
+ background-color: #337DB7;
363
+ color: #fff;
364
+ border-color: #337DB7;
365
+ }
366
+ .ant-btn-group .ant-btn.default-return-btn {
367
+ color: #337DB7;
368
+ border-color: #337DB7;
369
+ }
370
+ .ant-btn-group .ant-btn.cancel-btn {
371
+ color: rgba(0, 0, 0, 0.65);
372
+ border-color: #d9d9d9;
373
+ }
374
+ .ant-btn-group .ant-btn.cancel-btn span {
375
+ color: rgba(0, 0, 0, 0.65);
376
+ transition: color ease 0.3s;
377
+ }
378
+ .ant-btn-group .ant-btn:hover {
379
+ opacity: 0.8;
380
+ }
381
+ .ant-btn-group .ant-btn.default-return-btn:hover {
382
+ background-color: #337DB7;
383
+ color: #fff;
384
+ border-color: #337DB7;
385
+ }
386
+ .ant-btn-group .ant-btn.cancel-btn:hover {
387
+ color: #337DB7;
388
+ border-color: #337DB7;
389
+ }
390
+ .ant-btn-group .ant-btn.cancel-btn:hover span {
391
+ color: #337DB7;
392
+ }
393
+ .ant-btn-group .ant-btn .completed-btn[disabled],
394
+ .ant-btn-group .ant-btn .completed-save-btn[disabled],
395
+ .ant-btn-group .ant-btn .completed-submit-btn[disabled],
396
+ .ant-btn-group .ant-btn .danger-btn[disabled],
397
+ .ant-btn-group .ant-btn .default-btn[disabled],
398
+ .ant-btn-group .ant-btn .default-return-btn[disabled],
399
+ .ant-btn-group .ant-btn .cancel-btn[disabled] {
400
+ color: rgba(0, 0, 0, 0.25);
401
+ background-color: #f5f5f5;
402
+ border-color: #d9d9d9;
403
+ text-shadow: none;
404
+ box-shadow: none;
405
+ cursor: not-allowed;
406
+ }
407
+ .ant-btn-group .ant-btn[disabled],
408
+ .ant-btn-group .ant-btn[disabled]:hover {
409
+ color: #ccc;
410
+ background-color: #f5f5f5;
411
+ border-color: #ccc;
412
+ text-shadow: none;
413
+ -webkit-box-shadow: none;
414
+ box-shadow: none;
415
+ opacity: 1;
416
+ }
417
+ .ant-btn-group .ant-btn:not(.ant-input-search-button) {
418
+ margin-left: 4px;
419
+ margin-right: 4px;
420
+ border-radius: 2px;
421
+ }
422
+ .ant-btn-group .ant-btn.ant-btn + .ant-btn {
423
+ margin: 0 4px;
424
+ }
425
+ .ant-btn-group .ant-btn:focus {
426
+ outline: none;
427
+ }
428
+ .ant-btn-group .ant-btn .iconfont + span {
429
+ margin-left: 5px;
430
+ }
431
+ .ant-btn-group .ant-btn .anticon {
432
+ top: 0;
433
+ vertical-align: 0;
434
+ }
435
+ .ant-modal-centered .ant-modal {
436
+ display: inline-flex;
437
+ align-items: center;
438
+ padding-bottom: 0;
439
+ }
440
+ .ant-modal-centered .ant-modal .ant-modal-content {
441
+ width: 100%;
442
+ }
443
+ .ant-table-wrapper {
444
+ height: 100%;
445
+ }
446
+ .ant-table-wrapper .ant-spin-nested-loading {
447
+ height: 100%;
448
+ }
449
+ .ant-table-wrapper .ant-spin-nested-loading .ant-spin-container {
450
+ height: 100%;
451
+ }
452
+ .ant-table-wrapper .ant-spin-nested-loading .ant-spin-container .ant-table {
453
+ height: 100%;
454
+ border: 1px solid #d1d1d1;
455
+ }
456
+ .ant-table-wrapper .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container {
457
+ height: 100%;
458
+ }
459
+ .ant-table-wrapper .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-header tr th {
460
+ background-color: #ededed;
461
+ border-right: 1px solid #d1d1d1;
462
+ border-bottom: 1px solid #d1d1d1;
463
+ }
464
+ .ant-table-wrapper .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-header tr th:last-child {
465
+ border-right: none;
466
+ }
467
+ .ant-table-wrapper .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-body {
468
+ height: calc(100% - 55px);
469
+ }
470
+ .ant-table-wrapper .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-body tr td {
471
+ border-color: #d1d1d1;
472
+ }
473
+ .ant-form-item {
474
+ display: flex;
475
+ justify-content: flex-start;
476
+ align-items: flex-start;
477
+ margin-bottom: 15px;
478
+ position: relative;
479
+ }
480
+ .ant-form-item .ant-form-item-label {
481
+ width: 70px;
482
+ text-align: right;
483
+ margin-right: 15px;
484
+ font-weight: 400;
485
+ font-size: 14px;
486
+ color: #666666;
487
+ min-height: 38px;
488
+ position: relative;
489
+ display: block;
490
+ overflow: initial;
491
+ white-space: pre-wrap;
492
+ word-break: break-all;
493
+ }
494
+ .ant-form-item .ant-form-item-label label {
495
+ margin: 0;
496
+ display: block;
497
+ width: 100%;
498
+ height: auto;
499
+ padding: 8px 0;
500
+ }
501
+ .ant-form-item .ant-form-item-label label::after {
502
+ content: "";
503
+ margin: 0;
504
+ }
505
+ .ant-form-item .ant-form-item-control {
506
+ width: calc(100% - 100px);
507
+ font-size: 14px;
508
+ min-height: 38px;
509
+ padding-right: 20px;
510
+ }
511
+ .ant-form-item .ant-form-item-control .ant-form-item-control-input {
512
+ min-height: 38px;
513
+ display: block;
514
+ }
515
+ .ant-form-item .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content {
516
+ min-height: 38px;
517
+ }
518
+ .ant-form-item .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content table {
519
+ border: 1px solid #e5e5e5;
520
+ }
521
+ .ant-form-item .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content table td {
522
+ min-width: 1em;
523
+ border: 1px solid #ddd;
524
+ padding: 3px 5px;
525
+ vertical-align: top;
526
+ box-sizing: border-box;
527
+ position: relative;
528
+ }
529
+ .ant-form-item .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content > div:not(.ant-input-number):not(.ant-select):not(.ant-picker):not(.ant-radio-group):not(.ant-input-textarea) {
530
+ min-height: 38px;
531
+ padding: 8px 0;
532
+ }
533
+ .ant-form-item .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content > button {
534
+ margin: 8.5px 0;
535
+ }
536
+ .ant-form-item .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-checkbox-wrapper {
537
+ padding: 8px 0;
538
+ width: auto;
539
+ display: flex;
540
+ align-items: center;
541
+ }
542
+ .ant-form-item .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-checkbox-wrapper .ant-checkbox {
543
+ top: 0;
544
+ }
545
+ .ant-form-item .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-checkbox-wrapper .ant-checkbox + span {
546
+ min-width: 130px;
547
+ max-width: 200px;
548
+ text-align: left;
549
+ display: inline-block;
550
+ overflow: hidden;
551
+ text-overflow: ellipsis;
552
+ white-space: nowrap;
553
+ }
554
+ .ant-form-item .ant-form-item-control textarea.ant-input {
555
+ margin: 0;
556
+ }
557
+ .ant-form-item .ant-picker.ant-picker-disabled {
558
+ background-color: transparent;
559
+ border-color: transparent;
560
+ color: #666666;
561
+ padding-left: 0;
562
+ }
563
+ .ant-form-item .ant-picker.ant-picker-disabled input {
564
+ color: #666666;
565
+ }
566
+ .ant-form-item .ant-picker.ant-picker-disabled .ant-picker-suffix {
567
+ display: none;
568
+ }
569
+ .ant-form-item.ant-form-item-text-node .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content {
570
+ padding: 8px 0;
571
+ line-height: normal;
572
+ border-bottom: 1px solid #e5e5e5;
573
+ }
574
+ .ant-form-item:after {
575
+ content: ':';
576
+ position: absolute;
577
+ left: 70px;
578
+ top: 8px;
579
+ }
580
+ .ant-form-item.ant-form-item-group-5:after {
581
+ left: 70px;
582
+ }
583
+ .ant-form-item.ant-form-item-group-5 .ant-form-item-label {
584
+ width: 70px;
585
+ }
586
+ .ant-form-item.ant-form-item-group-5 .ant-form-item-control {
587
+ width: calc(100% - 100px);
588
+ }
589
+ .ant-form-item.ant-form-item-group-6:after {
590
+ left: 85px;
591
+ }
592
+ .ant-form-item.ant-form-item-group-6 .ant-form-item-label {
593
+ width: 85px;
594
+ }
595
+ .ant-form-item.ant-form-item-group-6 .ant-form-item-control {
596
+ width: calc(100% - 115px);
597
+ }
598
+ .ant-form-item.ant-form-item-group-7:after {
599
+ left: 100px;
600
+ }
601
+ .ant-form-item.ant-form-item-group-7 .ant-form-item-label {
602
+ width: 100px;
603
+ }
604
+ .ant-form-item.ant-form-item-group-7 .ant-form-item-control {
605
+ width: calc(100% - 130px);
606
+ }
607
+ .ant-form-item.ant-form-item-group-8:after {
608
+ left: 115px;
609
+ }
610
+ .ant-form-item.ant-form-item-group-8 .ant-form-item-label {
611
+ width: 115px;
612
+ }
613
+ .ant-form-item.ant-form-item-group-8 .ant-form-item-control {
614
+ width: calc(100% - 145px);
615
+ }
616
+ .ant-form-item.ant-form-item-group-9:after {
617
+ left: 130px;
618
+ }
619
+ .ant-form-item.ant-form-item-group-9 .ant-form-item-label {
620
+ width: 130px;
621
+ }
622
+ .ant-form-item.ant-form-item-group-9 .ant-form-item-control {
623
+ width: calc(100% - 160px);
624
+ }
625
+ .ant-form-item.ant-form-item-group-10:after {
626
+ left: 145px;
627
+ }
628
+ .ant-form-item.ant-form-item-group-10 .ant-form-item-label {
629
+ width: 145px;
630
+ }
631
+ .ant-form-item.ant-form-item-group-10 .ant-form-item-control {
632
+ width: calc(100% - 175px);
633
+ }
634
+ .ant-form-item.ant-form-item-group-11:after {
635
+ left: 160px;
636
+ }
637
+ .ant-form-item.ant-form-item-group-11 .ant-form-item-label {
638
+ width: 160px;
639
+ }
640
+ .ant-form-item.ant-form-item-group-11 .ant-form-item-control {
641
+ width: calc(100% - 190px);
642
+ }
643
+ @media screen and (max-width: 1366px) {
644
+ .ant-form-item.ant-form-item-group-5:after {
645
+ left: 50px;
646
+ }
647
+ .ant-form-item.ant-form-item-group-5 .ant-form-item-label {
648
+ width: 50px;
649
+ }
650
+ .ant-form-item.ant-form-item-group-5 .ant-form-item-control {
651
+ width: calc(100% - 120px);
652
+ }
653
+ .ant-form-item.ant-form-item-group-6:after {
654
+ left: 65px;
655
+ }
656
+ .ant-form-item.ant-form-item-group-6 .ant-form-item-label {
657
+ width: 65px;
658
+ }
659
+ .ant-form-item.ant-form-item-group-6 .ant-form-item-control {
660
+ width: calc(100% - 135px);
661
+ }
662
+ .ant-form-item.ant-form-item-group-7:after {
663
+ left: 80px;
664
+ }
665
+ .ant-form-item.ant-form-item-group-7 .ant-form-item-label {
666
+ width: 80px;
667
+ }
668
+ .ant-form-item.ant-form-item-group-7 .ant-form-item-control {
669
+ width: calc(100% - 150px);
670
+ }
671
+ .ant-form-item.ant-form-item-group-8:after {
672
+ left: 95px;
673
+ }
674
+ .ant-form-item.ant-form-item-group-8 .ant-form-item-label {
675
+ width: 95px;
676
+ }
677
+ .ant-form-item.ant-form-item-group-8 .ant-form-item-control {
678
+ width: calc(100% - 165px);
679
+ }
680
+ .ant-form-item.ant-form-item-group-9:after {
681
+ left: 110px;
682
+ }
683
+ .ant-form-item.ant-form-item-group-9 .ant-form-item-label {
684
+ width: 110px;
685
+ }
686
+ .ant-form-item.ant-form-item-group-9 .ant-form-item-control {
687
+ width: calc(100% - 180px);
688
+ }
689
+ .ant-form-item.ant-form-item-group-10:after {
690
+ left: 125px;
691
+ }
692
+ .ant-form-item.ant-form-item-group-10 .ant-form-item-label {
693
+ width: 125px;
694
+ }
695
+ .ant-form-item.ant-form-item-group-10 .ant-form-item-control {
696
+ width: calc(100% - 195px);
697
+ }
698
+ .ant-form-item.ant-form-item-group-11:after {
699
+ left: 140px;
700
+ }
701
+ .ant-form-item.ant-form-item-group-11 .ant-form-item-label {
702
+ width: 140px;
703
+ }
704
+ .ant-form-item.ant-form-item-group-11 .ant-form-item-control {
705
+ width: calc(100% - 210px);
706
+ }
707
+ }