easy3wui 1.5.88 → 1.5.89-beta1

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.
package/assets/index.css DELETED
@@ -1,2715 +0,0 @@
1
- .e3wCaptchaBtn {
2
- display: block;
3
- width: 100%;
4
- font-size: 18px !important;
5
- }
6
- /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
7
- /* stylelint-disable no-duplicate-selectors */
8
- /* stylelint-disable */
9
- /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
10
- .e3wLoginMain {
11
- width: 368px;
12
- margin: 0 auto;
13
- z-index: 100;
14
- }
15
- .e3wLoginMain .e3wLoginTabs {
16
- padding: 0 2px;
17
- margin: 0 -2px;
18
- }
19
- .e3wLoginMain .e3wLoginTabs :global .ant-tabs-tab {
20
- font-size: 16px;
21
- line-height: 24px;
22
- }
23
- .e3wLoginMain .e3wLoginTabs :global .ant-input-affix-wrapper .ant-input:not(:first-child) {
24
- padding-left: 34px;
25
- }
26
- .e3wLoginMain :global .ant-tabs .ant-tabs-bar {
27
- border-bottom: 0;
28
- margin-bottom: 24px;
29
- text-align: center;
30
- }
31
- .e3wLoginMain :global .ant-form-item {
32
- margin-bottom: 24px;
33
- }
34
- .e3wLoginMain :global .ant-tooltip-inner {
35
- background-color: #fff;
36
- }
37
- .e3wLoginMain .e3wLoginPrefixIcon {
38
- font-size: 14px;
39
- color: rgba(0, 0, 0, 0.25);
40
- }
41
- .e3wLoginMain .e3wLoginAdditional {
42
- text-align: left;
43
- }
44
- .e3wLoginMain .e3wLoginAdditional .e3wLoginForgot {
45
- float: right;
46
- margin-right: 12px;
47
- }
48
- .e3wLoginMain .e3wLoginAdditional .e3wLoginSubmit {
49
- width: 100%;
50
- margin-top: 24px;
51
- display: block;
52
- }
53
- .e3wLoginMain .e3wLoginAdditional :global .ant-form-item-control {
54
- line-height: 22px;
55
- }
56
- .e3wLoginMain .e3wLoginOther {
57
- text-align: left;
58
- line-height: 22px;
59
- }
60
- .e3wLoginMain .e3wLoginOther .e3wLoginRegister {
61
- float: right;
62
- margin-right: 12px;
63
- }
64
- :global .ant-table-thead > tr > th,
65
- :global .ant-table table {
66
- text-align: center;
67
- }
68
- :global .ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th,
69
- :global .ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th,
70
- :global .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th,
71
- :global .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th,
72
- :global .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th,
73
- :global .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th,
74
- :global .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th,
75
- :global .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th {
76
- background: #fafafa;
77
- }
78
- .e3wCardForm .e3wCardSpanCardTitle {
79
- font-weight: 600;
80
- }
81
- .e3wCardForm s {
82
- display: inline-block;
83
- width: 3px;
84
- height: 20px;
85
- margin: 0 8px -4px 0;
86
- background-color: var(--primary-color, #ad7c59);
87
- }
88
- @media (max-width: 768px) {
89
- :global .positionDiv {
90
- display: none !important;
91
- }
92
- :global .ant-card-head-title {
93
- padding: 12px 0 !important;
94
- }
95
- :global .ant-card-head {
96
- padding: 0 12px !important;
97
- }
98
- :global .ant-card-body {
99
- padding: 12px !important;
100
- }
101
- }
102
- .e3wGlobalFooterDiv {
103
- padding: 0 16px;
104
- margin: 24px 0 24px 0;
105
- text-align: center;
106
- }
107
- .e3wGlobalFooterDiv .e3wGlobalFooterLinks {
108
- margin-bottom: 8px;
109
- }
110
- .e3wGlobalFooterDiv .e3wGlobalFooterLinks a {
111
- color: rgba(0, 0, 0, 0.45);
112
- transition: all .3s;
113
- }
114
- .e3wGlobalFooterDiv .e3wGlobalFooterLinks a:not(:last-child) {
115
- margin-right: 40px;
116
- }
117
- .e3wGlobalFooterDiv .e3wGlobalFooterLinks a:hover {
118
- color: rgba(0, 0, 0, 0.65);
119
- }
120
- .e3wGlobalFooterDiv .e3wGlobalFooterCopyright {
121
- color: rgba(0, 0, 0, 0.45);
122
- font-size: 14px;
123
- }
124
- .e3wGlobalHeaderHeader {
125
- padding: 0 12px 0 0;
126
- background: #fff;
127
- box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
128
- position: relative;
129
- }
130
- .e3wGlobalHeaderHeader h1 {
131
- color: #000;
132
- display: inline-block;
133
- vertical-align: middle;
134
- font-size: 14px;
135
- font-family: 'Myriad Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
136
- font-weight: 400;
137
- }
138
- :global(.ant-layout-sider-collapsed) .logo {
139
- padding-left: 10px;
140
- }
141
- :global(.ant-layout-sider-collapsed) .logo > a {
142
- width: 32px;
143
- }
144
- .e3wGlobalHeaderTrigger {
145
- font-size: 20px;
146
- line-height: 64px;
147
- cursor: pointer;
148
- transition: all .3s;
149
- padding: 0 24px;
150
- }
151
- .e3wGlobalHeaderTrigger:hover {
152
- background: #e6f7ff;
153
- }
154
- .e3wGlobalHeaderRight {
155
- float: right;
156
- height: 100%;
157
- }
158
- .e3wGlobalHeaderRight .e3wGlobalHeaderAction {
159
- cursor: pointer;
160
- padding: 0 12px;
161
- display: inline-block;
162
- transition: all .3s;
163
- height: 100%;
164
- }
165
- .e3wGlobalHeaderRight .e3wGlobalHeaderAction > i {
166
- font-size: 14px;
167
- vertical-align: middle;
168
- }
169
- .e3wGlobalHeaderRight .e3wGlobalHeaderAction:global(.ant-popover-open),
170
- .e3wGlobalHeaderRight .e3wGlobalHeaderAction:hover {
171
- background: #e6f7ff;
172
- }
173
- .e3wGlobalHeaderRight .e3wGlobalHeaderAccount .e3wGlobalHeaderAvatar {
174
- margin: 20px 8px 20px 0;
175
- color: #1890ff;
176
- background: rgba(255, 255, 255, 0.85);
177
- vertical-align: middle;
178
- }
179
- .e3wGlobalHeaderRight .e3wGlobalHeaderIcon {
180
- font-size: 14px;
181
- padding: 4px;
182
- }
183
- .e3wGlobalHeaderMenu :global(.anticon) {
184
- margin-right: 8px;
185
- }
186
- .e3wGlobalHeaderMenu :global(.ant-dropdown-menu-item) {
187
- width: 160px;
188
- }
189
- .e3wUserLayoutContainer {
190
- background: #f0f2f5;
191
- width: 100%;
192
- min-height: 100%;
193
- background-repeat: no-repeat;
194
- background-position: center;
195
- background-size: 100%;
196
- padding: 40px 0 0 0;
197
- position: relative;
198
- }
199
- .e3wUserLayoutTop {
200
- text-align: center;
201
- }
202
- .e3wUserLayoutHeader {
203
- padding: 0 12px 0 0;
204
- background: #fff;
205
- box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
206
- position: relative;
207
- }
208
- .e3wUserLayoutRight {
209
- float: right;
210
- height: 100%;
211
- }
212
- .e3wUserLayoutLogo {
213
- float: left;
214
- height: 100%;
215
- line-height: 64px;
216
- padding-left: 24px;
217
- transition: all .3s;
218
- overflow: hidden;
219
- }
220
- .e3wUserLayoutLogo img {
221
- display: inline-block;
222
- vertical-align: middle;
223
- height: 32px;
224
- }
225
- .e3wUserLayoutLogo h1 {
226
- color: #000;
227
- display: inline-block;
228
- vertical-align: middle;
229
- font-size: 14px;
230
- margin: 0 0 0 12px;
231
- font-family: AppleSystemUIFont, 'Myriad Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
232
- font-weight: 400;
233
- }
234
- .e3wUserLayoutTitle {
235
- font-size: 33px;
236
- color: rgba(0, 0, 0, 0.85);
237
- font-family: 'Myriad Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
238
- font-weight: 600;
239
- position: relative;
240
- top: 2px;
241
- }
242
- .e3wUserLayoutDesc {
243
- font-size: 14px;
244
- color: rgba(0, 0, 0, 0.45);
245
- margin-top: 12px;
246
- margin-bottom: 40px;
247
- }
248
- .e3wUserLayoutFooter {
249
- bottom: 0px;
250
- left: 0px;
251
- width: 100%;
252
- height: 50px;
253
- z-index: 99;
254
- }
255
- .e3wLoginLayoutHeader {
256
- padding: 0 12px 0 0;
257
- background: #fff;
258
- box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
259
- position: relative;
260
- }
261
- .e3wLoginLayoutHeader h1 {
262
- color: #000;
263
- display: inline-block;
264
- vertical-align: middle;
265
- font-size: 14px;
266
- font-family: 'Myriad Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
267
- font-weight: 400;
268
- }
269
- .e3wLoginLayoutLogo {
270
- height: 64px;
271
- position: relative;
272
- line-height: 64px;
273
- padding-left: 35px;
274
- transition: all .3s;
275
- background: #fff;
276
- overflow: hidden;
277
- }
278
- .e3wLoginLayoutLogo img {
279
- display: inline-block;
280
- vertical-align: middle;
281
- height: 24px;
282
- }
283
- .e3wLoginLayoutLogo h1 {
284
- color: #fff;
285
- display: inline-block;
286
- vertical-align: middle;
287
- font-size: 20px;
288
- margin: 0 0 0 12px;
289
- font-family: 'Myriad Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
290
- font-weight: 600;
291
- }
292
- .e3wLoginLayoutTrigger {
293
- font-size: 20px;
294
- line-height: 64px;
295
- cursor: pointer;
296
- transition: all .3s;
297
- padding: 0 24px;
298
- }
299
- .e3wLoginLayoutTrigger:hover {
300
- background: #e6f7ff;
301
- }
302
- .e3wLoginLayoutRight {
303
- float: right;
304
- height: 100%;
305
- }
306
- .e3wLoginLayoutRight .schedule {
307
- cursor: pointer;
308
- padding: 12px 12px;
309
- display: inline-block;
310
- transition: all .3s;
311
- height: 100%;
312
- }
313
- .e3wLoginLayoutRight .schedule > i {
314
- font-size: 14px;
315
- vertical-align: middle;
316
- }
317
- .e3wLoginLayoutRight .schedule:global(.ant-popover-open),
318
- .e3wLoginLayoutRight .schedule:hover {
319
- background: #e6f7ff;
320
- }
321
- .e3wLoginLayoutRight .e3wLoginLayoutAction {
322
- cursor: pointer;
323
- padding: 0 12px;
324
- display: inline-block;
325
- transition: all .3s;
326
- height: 100%;
327
- }
328
- .e3wLoginLayoutRight .e3wLoginLayoutAction > i {
329
- font-size: 14px;
330
- vertical-align: middle;
331
- }
332
- .e3wLoginLayoutRight .e3wLoginLayoutAction:global(.ant-popover-open),
333
- .e3wLoginLayoutRight .e3wLoginLayoutAction:hover {
334
- background: #e6f7ff;
335
- }
336
- .e3wLoginLayoutRight .search {
337
- padding: 0;
338
- margin: 0 12px;
339
- }
340
- .e3wLoginLayoutRight .search:hover {
341
- background: transparent;
342
- }
343
- .e3wLoginLayoutRight .e3wLoginLayoutAccount .e3wLoginLayoutAvatar {
344
- margin: 20px 8px 20px 0;
345
- color: #1890ff;
346
- background: rgba(255, 255, 255, 0.85);
347
- vertical-align: middle;
348
- }
349
- .e3wLoginLayoutRight .e3wLoginLayoutIcon {
350
- font-size: 14px;
351
- padding: 4px;
352
- }
353
- .e3wLoginLayoutMenu :global(.anticon) {
354
- margin-right: 8px;
355
- }
356
- .e3wLoginLayoutMenu :global(.ant-dropdown-menu-item) {
357
- width: 160px;
358
- }
359
- .e3wLoginLayoutSider {
360
- min-height: 100vh;
361
- box-shadow: 2px 0 6px rgba(0, 21, 41, 0.35);
362
- position: relative;
363
- z-index: 10;
364
- background: #21273f;
365
- }
366
- .e3wException {
367
- display: -ms-flexbox;
368
- display: flex;
369
- -ms-flex-align: center;
370
- align-items: center;
371
- height: 100%;
372
- }
373
- .e3wException .e3wExceptionImgBlock {
374
- -ms-flex: 0 0 62.5%;
375
- flex: 0 0 62.5%;
376
- width: 62.5%;
377
- padding-right: 152px;
378
- zoom: 1;
379
- }
380
- .e3wException .e3wExceptionImgBlock::before,
381
- .e3wException .e3wExceptionImgBlock::after {
382
- display: table;
383
- content: '';
384
- }
385
- .e3wException .e3wExceptionImgBlock::after {
386
- clear: both;
387
- }
388
- .e3wException .e3wExceptionImgEle {
389
- height: 360px;
390
- width: 100%;
391
- max-width: 430px;
392
- float: right;
393
- background-repeat: no-repeat;
394
- background-position: 50% 50%;
395
- background-size: 100% 100%;
396
- }
397
- .e3wException .e3wExceptionContent {
398
- -ms-flex: auto;
399
- flex: auto;
400
- }
401
- .e3wException .e3wExceptionContent h1 {
402
- color: #434e59;
403
- font-size: 72px;
404
- font-weight: 600;
405
- line-height: 72px;
406
- margin-bottom: 24px;
407
- }
408
- .e3wException .e3wExceptionContent .e3wExceptionDesc {
409
- color: rgba(0, 0, 0, 0.45);
410
- font-size: 20px;
411
- line-height: 28px;
412
- margin-bottom: 16px;
413
- }
414
- .e3wException .e3wExceptionContent .e3wExceptionActions button:not(:last-child) {
415
- margin-right: 8px;
416
- }
417
- @media screen and (max-width: 1200px) {
418
- .exception .imgBlock {
419
- padding-right: 88px;
420
- }
421
- }
422
- @media screen and (max-width: 576px) {
423
- .exception {
424
- display: block;
425
- text-align: center;
426
- }
427
- .exception .imgBlock {
428
- padding-right: 0;
429
- margin: 0 auto 24px;
430
- }
431
- }
432
- @media screen and (max-width: 480px) {
433
- .exception .imgBlock {
434
- margin-bottom: -24px;
435
- overflow: hidden;
436
- }
437
- }
438
- /*初始化部分*/
439
- /*流程图部分*/
440
- .Easy3wFlow {
441
- /*index为1时*/
442
- /*index为1时*/
443
- /*index为1时*/
444
- /*index为2时*/
445
- /*index为3时*/
446
- /*index为1时*/
447
- /*index为2时*/
448
- /*index为3时*/
449
- /*index为4时*/
450
- /*index为1时*/
451
- /*index为2时*/
452
- /*index为3时*/
453
- /*index为3时*/
454
- /*index为4时*/
455
- /*index为5时*/
456
- /*index为1时*/
457
- /*index为2时*/
458
- /*index为3时*/
459
- /*index为4时*/
460
- /*index为5时*/
461
- /*index为6时*/
462
- /*index为1时*/
463
- /*index为2时*/
464
- /*index为3时*/
465
- /*index为4时*/
466
- /*index为5时*/
467
- /*index为6时*/
468
- /*index为7时*/
469
- /*index为1时*/
470
- /*index为2时*/
471
- /*index为3时*/
472
- /*index为4时*/
473
- /*index为5时*/
474
- /*index为6时*/
475
- /*index为7时*/
476
- /*index为8时*/
477
- /*index为1时*/
478
- /*index为2时*/
479
- /*index为3时*/
480
- /*index为4时*/
481
- /*index为5时*/
482
- /*index为6时*/
483
- /*index为7时*/
484
- /*index为8时*/
485
- /*index为9时*/
486
- /*改名暂时兼容*/
487
- /*renderTop有几个大节点时(3-9)*/
488
- /*renderMid下的有几个flowtext(3-9)*/
489
- /*.flow-bottom .flow-doc .flow-doc-t2{margin-top:12px;}*/
490
- /*后续附加内容样式*/
491
- /*以下为独立样式*/
492
- /*1个*/
493
- /*2个*/
494
- /*3个*/
495
- /*4个*/
496
- /*5个*/
497
- /*6个*/
498
- /*7个*/
499
- /*8个*/
500
- /*9个*/
501
- /*10个*/
502
- /*三个节点*/
503
- /*两个节点*/
504
- /*一个节点*/
505
- }
506
- .Easy3wFlow .flowmain {
507
- margin: auto;
508
- width: 100%;
509
- background: #fff;
510
- }
511
- .Easy3wFlow .floatcenter {
512
- position: relative;
513
- left: 67%;
514
- }
515
- .Easy3wFlow .floatcenter2_1 {
516
- position: absolute;
517
- left: 0;
518
- height: 36px;
519
- }
520
- .Easy3wFlow .floatcenter2_2 {
521
- position: absolute;
522
- left: 35%;
523
- height: 36px;
524
- }
525
- .Easy3wFlow .floatcenter3_1 {
526
- position: absolute;
527
- left: 0;
528
- height: 36px;
529
- }
530
- .Easy3wFlow .floatcenter3_2 {
531
- position: absolute;
532
- left: 33%;
533
- height: 36px;
534
- }
535
- .Easy3wFlow .floatcenter3_3 {
536
- position: absolute;
537
- right: 0;
538
- height: 36px;
539
- }
540
- .Easy3wFlow .floatcenter4_1 {
541
- position: absolute;
542
- left: 0;
543
- height: 36px;
544
- }
545
- .Easy3wFlow .floatcenter4_2 {
546
- position: absolute;
547
- left: 22%;
548
- height: 36px;
549
- }
550
- .Easy3wFlow .floatcenter4_3 {
551
- position: absolute;
552
- right: 23%;
553
- height: 36px;
554
- }
555
- .Easy3wFlow .floatcenter4_4 {
556
- position: absolute;
557
- right: 0;
558
- height: 36px;
559
- }
560
- .Easy3wFlow .floatcenter5_1 {
561
- position: absolute;
562
- left: 0;
563
- height: 36px;
564
- }
565
- .Easy3wFlow .floatcenter5_2 {
566
- position: absolute;
567
- left: 16.5%;
568
- height: 36px;
569
- }
570
- .Easy3wFlow .floatcenter5_3 {
571
- position: absolute;
572
- left: 32.5%;
573
- height: 36px;
574
- }
575
- .Easy3wFlow .floatcenter5_3_1 {
576
- position: absolute;
577
- left: 45%;
578
- height: 36px;
579
- }
580
- .Easy3wFlow .floatcenter5_4 {
581
- position: absolute;
582
- right: 20%;
583
- height: 36px;
584
- }
585
- .Easy3wFlow .floatcenter5_5 {
586
- position: absolute;
587
- right: 0;
588
- height: 36px;
589
- }
590
- .Easy3wFlow .floatcenter6_1 {
591
- position: absolute;
592
- left: 0;
593
- height: 36px;
594
- }
595
- .Easy3wFlow .floatcenter6_2 {
596
- position: absolute;
597
- left: 13%;
598
- height: 36px;
599
- }
600
- .Easy3wFlow .floatcenter6_3 {
601
- position: absolute;
602
- left: 26.25%;
603
- height: 36px;
604
- }
605
- .Easy3wFlow .floatcenter6_4 {
606
- position: absolute;
607
- left: 39.5%;
608
- height: 36px;
609
- }
610
- .Easy3wFlow .floatcenter6_5 {
611
- position: absolute;
612
- right: 18%;
613
- height: 36px;
614
- }
615
- .Easy3wFlow .floatcenter6_6 {
616
- position: absolute;
617
- right: 0;
618
- height: 36px;
619
- }
620
- .Easy3wFlow .floatcenter7_1 {
621
- position: absolute;
622
- left: 0;
623
- height: 36px;
624
- }
625
- .Easy3wFlow .floatcenter7_2 {
626
- position: absolute;
627
- left: 10.8%;
628
- height: 36px;
629
- }
630
- .Easy3wFlow .floatcenter7_3 {
631
- position: absolute;
632
- left: 21.6%;
633
- height: 36px;
634
- }
635
- .Easy3wFlow .floatcenter7_4 {
636
- position: absolute;
637
- left: 32.5%;
638
- height: 36px;
639
- }
640
- .Easy3wFlow .floatcenter7_5 {
641
- position: absolute;
642
- left: 43.3%;
643
- height: 36px;
644
- }
645
- .Easy3wFlow .floatcenter7_6 {
646
- position: absolute;
647
- right: 16%;
648
- height: 36px;
649
- }
650
- .Easy3wFlow .floatcenter7_7 {
651
- position: absolute;
652
- right: 0;
653
- height: 36px;
654
- }
655
- .Easy3wFlow .floatcenter8_1 {
656
- position: absolute;
657
- left: 0;
658
- height: 36px;
659
- }
660
- .Easy3wFlow .floatcenter8_2 {
661
- position: absolute;
662
- left: 9.3%;
663
- height: 36px;
664
- }
665
- .Easy3wFlow .floatcenter8_3 {
666
- position: absolute;
667
- left: 18.6%;
668
- height: 36px;
669
- }
670
- .Easy3wFlow .floatcenter8_4 {
671
- position: absolute;
672
- left: 27.9%;
673
- height: 36px;
674
- }
675
- .Easy3wFlow .floatcenter8_5 {
676
- position: absolute;
677
- left: 37.2%;
678
- height: 36px;
679
- }
680
- .Easy3wFlow .floatcenter8_6 {
681
- position: absolute;
682
- left: 46.5%;
683
- height: 36px;
684
- }
685
- .Easy3wFlow .floatcenter8_7 {
686
- position: absolute;
687
- right: 14%;
688
- height: 36px;
689
- }
690
- .Easy3wFlow .floatcenter8_8 {
691
- position: absolute;
692
- right: 0;
693
- height: 36px;
694
- }
695
- .Easy3wFlow .floatcenter9_1 {
696
- position: absolute;
697
- left: 0;
698
- height: 36px;
699
- }
700
- .Easy3wFlow .floatcenter9_2 {
701
- position: absolute;
702
- left: 8.5%;
703
- height: 36px;
704
- }
705
- .Easy3wFlow .floatcenter9_3 {
706
- position: absolute;
707
- left: 16.5%;
708
- height: 36px;
709
- }
710
- .Easy3wFlow .floatcenter9_4 {
711
- position: absolute;
712
- left: 24.5%;
713
- height: 36px;
714
- }
715
- .Easy3wFlow .floatcenter9_5 {
716
- position: absolute;
717
- left: 32.5%;
718
- height: 36px;
719
- }
720
- .Easy3wFlow .floatcenter9_6 {
721
- position: absolute;
722
- left: 40.5%;
723
- height: 36px;
724
- }
725
- .Easy3wFlow .floatcenter9_7 {
726
- position: absolute;
727
- left: 48.5%;
728
- height: 36px;
729
- }
730
- .Easy3wFlow .floatcenter9_8 {
731
- position: absolute;
732
- right: 10%;
733
- height: 36px;
734
- }
735
- .Easy3wFlow .floatcenter9_9 {
736
- position: absolute;
737
- right: 0;
738
- height: 36px;
739
- }
740
- .Easy3wFlow .center {
741
- float: left;
742
- position: relative;
743
- left: 50%;
744
- }
745
- .Easy3wFlow .flowmain .flowtop {
746
- height: 28px;
747
- }
748
- .Easy3wFlow .flowmain .flowcircle {
749
- float: left;
750
- margin-top: 5px;
751
- width: 22px;
752
- height: 22px;
753
- line-height: 22px;
754
- text-align: center;
755
- border-radius: 50%;
756
- color: #fff;
757
- /*浮动区块居中,必须配合.float-center使用*/
758
- position: relative;
759
- left: -50%;
760
- }
761
- .Easy3wFlow .flowmain .flowline2 {
762
- float: left;
763
- margin-top: 15px;
764
- width: 30.8%;
765
- height: 4px;
766
- /*浮动区块居中,必须配合.float-center使用*/
767
- position: relative;
768
- left: -50%;
769
- }
770
- .Easy3wFlow .flowmain .flowline3 {
771
- float: left;
772
- margin-top: 15px;
773
- width: 30.6%;
774
- height: 4px;
775
- /*浮动区块居中,必须配合.float-center使用*/
776
- position: relative;
777
- left: -50%;
778
- }
779
- .Easy3wFlow .flowmain .flowline4 {
780
- float: left;
781
- margin-top: 15px;
782
- width: 19.8%;
783
- height: 4px;
784
- /*浮动区块居中,必须配合.float-center使用*/
785
- position: relative;
786
- left: -50%;
787
- }
788
- .Easy3wFlow .flowmain .flowline5 {
789
- float: left;
790
- margin-top: 15px;
791
- width: 14.4%;
792
- height: 4px;
793
- /*浮动区块居中,必须配合.float-center使用*/
794
- position: relative;
795
- left: -50%;
796
- }
797
- .Easy3wFlow .flowmain .flowline6 {
798
- float: left;
799
- margin-top: 15px;
800
- width: 11.2%;
801
- height: 4px;
802
- /*浮动区块居中,必须配合.float-center使用*/
803
- position: relative;
804
- left: -50%;
805
- }
806
- .Easy3wFlow .flowmain .flowline7 {
807
- float: left;
808
- margin-top: 15px;
809
- width: 9.03%;
810
- height: 4px;
811
- /*浮动区块居中,必须配合.float-center使用*/
812
- position: relative;
813
- left: -50%;
814
- }
815
- .Easy3wFlow .flowmain .flowline8 {
816
- float: left;
817
- margin-top: 15px;
818
- width: 7.4%;
819
- height: 4px;
820
- /*浮动区块居中,必须配合.float-center使用*/
821
- position: relative;
822
- left: -50%;
823
- }
824
- .Easy3wFlow .flowmain .flowline9 {
825
- float: left;
826
- margin-top: 15px;
827
- width: 6.348%;
828
- height: 4px;
829
- /*浮动区块居中,必须配合.float-center使用*/
830
- position: relative;
831
- left: -50%;
832
- }
833
- .Easy3wFlow .flowmid {
834
- height: 34px;
835
- }
836
- .Easy3wFlow .flowmid .flowtext2 {
837
- width: 32.4%;
838
- float: left;
839
- /*浮动区块居中,必须配合.float-center使用*/
840
- position: relative;
841
- left: -65.5%;
842
- }
843
- .Easy3wFlow .flowmid .flowtext3 {
844
- width: 32.4%;
845
- float: left;
846
- /*浮动区块居中,必须配合.float-center使用*/
847
- position: relative;
848
- left: -65.5%;
849
- }
850
- .Easy3wFlow .flowmid .flowtext4 {
851
- width: 21.6%;
852
- float: left;
853
- /*浮动区块居中,必须配合.float-center使用*/
854
- position: relative;
855
- left: -60%;
856
- }
857
- .Easy3wFlow .flowmid .flowtext5 {
858
- width: 16.2%;
859
- float: left;
860
- /*浮动区块居中,必须配合.float-center使用*/
861
- position: relative;
862
- left: -57.5%;
863
- }
864
- .Easy3wFlow .flowmid .flowtext6 {
865
- width: 13.1%;
866
- float: left;
867
- /*浮动区块居中,必须配合.float-center使用*/
868
- position: relative;
869
- left: -56%;
870
- }
871
- .Easy3wFlow .flowmid .flowtext7 {
872
- width: 10.8%;
873
- float: left;
874
- /*浮动区块居中,必须配合.float-center使用*/
875
- position: relative;
876
- left: -54.8%;
877
- }
878
- .Easy3wFlow .flowmid .flowtext8 {
879
- width: 9.13%;
880
- float: left;
881
- /*浮动区块居中,必须配合.float-center使用*/
882
- position: relative;
883
- left: -54%;
884
- }
885
- .Easy3wFlow .flowmid .flowtext9 {
886
- width: 8%;
887
- float: left;
888
- /*浮动区块居中,必须配合.float-center使用*/
889
- position: relative;
890
- left: -53%;
891
- }
892
- .Easy3wFlow .flowmid .floawt1 {
893
- text-align: center;
894
- height: 24px;
895
- line-height: 32px;
896
- font-size: 14px;
897
- }
898
- .Easy3wFlow .flowmid .floawt2 {
899
- text-align: center;
900
- height: 20px;
901
- line-height: 26px;
902
- font-size: 12px;
903
- }
904
- .Easy3wFlow .flowbottom {
905
- position: relative;
906
- margin-top: 5px;
907
- height: 35px;
908
- margin-left: 32px;
909
- }
910
- .Easy3wFlow .flowbottom .flowdocfirst {
911
- float: left;
912
- margin-left: 10px;
913
- height: 35px;
914
- text-align: center;
915
- background: #f2f2f2;
916
- /*浮动区块居中,必须配合.float-center使用*/
917
- position: relative;
918
- left: -50%;
919
- }
920
- .Easy3wFlow .flowbottom .flowdoc {
921
- display: inline-block;
922
- margin: 0 2px;
923
- height: 35px;
924
- text-align: center;
925
- /*浮动区块居中,必须配合.float-center使用*/
926
- position: relative;
927
- }
928
- .Easy3wFlow .flowbottom .flowdoc .flowdoct1 {
929
- margin-top: 6px;
930
- }
931
- .Easy3wFlow .flowbottom .flowdoc .flowdoct1 a {
932
- color: #00ccff;
933
- text-decoration: none;
934
- font-weight: bold;
935
- }
936
- .Easy3wFlow .flowbottom .flowdoc .flowdoct1 a:hover {
937
- color: #ad7c59;
938
- }
939
- .Easy3wFlow .flowmain .projectinfo {
940
- margin-top: 30px;
941
- margin-left: 10px;
942
- height: 108px;
943
- }
944
- .Easy3wFlow .flowmain .projectinfo .projectcontent {
945
- margin-top: 10px;
946
- width: 960px;
947
- height: 68px;
948
- background: #f2f2f2;
949
- }
950
- .Easy3wFlow .flowmain .projectinfo .projectcontent div {
951
- float: left;
952
- margin-left: 10px;
953
- width: 470px;
954
- height: 34px;
955
- line-height: 34px;
956
- }
957
- .Easy3wFlow .flowmain .moudleprovider {
958
- margin-top: 10px;
959
- margin-left: 10px;
960
- }
961
- .Easy3wFlow .flowmain .businesslog {
962
- margin-top: 10px;
963
- margin-left: 10px;
964
- }
965
- .Easy3wFlow .flowmain .fasttrack {
966
- margin-top: 10px;
967
- margin-left: 10px;
968
- height: 40px;
969
- }
970
- .Easy3wFlow .flowmain .fasttrack .fasttrackl input {
971
- width: 84px;
972
- height: 22px;
973
- }
974
- .Easy3wFlow .flowmain .fasttrack .fasttrackl button {
975
- width: 56px;
976
- height: 26px;
977
- }
978
- .Easy3wFlow .flowmain .fasttrack .fasttrackr a {
979
- color: #26619d;
980
- }
981
- .Easy3wFlow .flowmain .fasttrack .fasttrackr a:hover {
982
- text-decoration: none;
983
- color: #ad7c59;
984
- }
985
- .Easy3wFlow .flowmain .workbench {
986
- margin-top: 10px;
987
- margin-left: 10px;
988
- }
989
- .Easy3wFlow .flowmain .workbench .hd {
990
- height: 30px;
991
- width: 960px;
992
- background: #fafafa;
993
- border-bottom: 1px solid #dbdee1;
994
- }
995
- .Easy3wFlow .flowmain .workbench .hd li {
996
- float: left;
997
- width: 100px;
998
- height: 28px;
999
- line-height: 26px;
1000
- text-align: center;
1001
- }
1002
- .Easy3wFlow .flowmain .workbench .hd li.on {
1003
- border: 1px solid #ececec;
1004
- border-top: 2px solid #038edd;
1005
- border-bottom: 1px solid #fff;
1006
- font-weight: bold;
1007
- }
1008
- .Easy3wFlow .flowmain .projectquery {
1009
- margin-top: 10px;
1010
- margin-left: 10px;
1011
- }
1012
- .Easy3wFlow .flowmain .projectquery .querycondition {
1013
- width: 960px;
1014
- height: 210px;
1015
- margin-bottom: 10px;
1016
- background: #f2f2f2;
1017
- }
1018
- .Easy3wFlow .flowmain .projectquery .querycondition table td {
1019
- border: none;
1020
- }
1021
- .Easy3wFlow .flowmain .projectquery .querycondition table span {
1022
- float: right;
1023
- text-align: right;
1024
- font-weight: bold;
1025
- width: 120px;
1026
- }
1027
- .Easy3wFlow .flowmain .projectquery .querycondition table input {
1028
- float: left;
1029
- width: 220px;
1030
- }
1031
- .Easy3wFlow .flowmain .projectquery .querycondition table select {
1032
- float: left;
1033
- width: 224px;
1034
- }
1035
- .Easy3wFlow .flowmain .projectquery .querycondition button {
1036
- margin-top: 10px;
1037
- margin-left: 430px;
1038
- width: 100px;
1039
- height: 30px;
1040
- color: #fff;
1041
- border: none;
1042
- border-radius: 8px;
1043
- text-align: center;
1044
- vertical-align: middle;
1045
- background: #075c9a;
1046
- }
1047
- .Easy3wFlow .flowmain .historyProj {
1048
- margin-top: 10px;
1049
- margin-left: 10px;
1050
- }
1051
- .Easy3wFlow .flowmain .historyProj .choose {
1052
- margin-top: 20px;
1053
- height: 40px;
1054
- }
1055
- .Easy3wFlow .flowmain .historyProj .choose button {
1056
- width: 80px;
1057
- height: 30px;
1058
- border: none;
1059
- border-radius: 6px;
1060
- }
1061
- .Easy3wFlow .flowmain .haierblue {
1062
- background: #5867ad;
1063
- }
1064
- .Easy3wFlow .flowmain .haierdeepblue {
1065
- background: #5867ad;
1066
- }
1067
- .Easy3wFlow .flowmain .haierorange {
1068
- background: #ad7c59;
1069
- }
1070
- .Easy3wFlow .flowmain .haierlightgrey {
1071
- background: #f2f2f2;
1072
- }
1073
- .Easy3wFlow .flowmain .haiergrey {
1074
- background: #c9c9c9;
1075
- }
1076
- .Easy3wFlow .flowmain .haierdeepgrey {
1077
- background: #666;
1078
- }
1079
- .Easy3wFlow .flowmain .textblue {
1080
- color: #5867ad;
1081
- }
1082
- .Easy3wFlow .flowmain .textorange {
1083
- color: #ad7c59;
1084
- }
1085
- .Easy3wFlow .flowmain .textgrey {
1086
- color: #999999;
1087
- }
1088
- .Easy3wFlow .flowmain .textgrey a {
1089
- color: #999999;
1090
- }
1091
- .Easy3wFlow .flowmain .textgrey a:hover {
1092
- color: #ad7c59;
1093
- }
1094
- .Easy3wFlow .flowmain .bold {
1095
- font-weight: bold;
1096
- }
1097
- .Easy3wFlow .flowmain .w1 {
1098
- width: 960px;
1099
- }
1100
- .Easy3wFlow .flowmain .w2 {
1101
- width: 480px;
1102
- }
1103
- .Easy3wFlow .flowmain .w3 {
1104
- padding: 0 21px;
1105
- }
1106
- .Easy3wFlow .flowmain .w4 {
1107
- width: 232px;
1108
- }
1109
- .Easy3wFlow .flowmain .w5 {
1110
- width: 184px;
1111
- }
1112
- .Easy3wFlow .flowmain .w6 {
1113
- width: 151px;
1114
- }
1115
- .Easy3wFlow .flowmain .w7 {
1116
- width: 128px;
1117
- }
1118
- .Easy3wFlow .flowmain .w8 {
1119
- width: 116px;
1120
- }
1121
- .Easy3wFlow .flowmain .w9 {
1122
- width: 97px;
1123
- }
1124
- .Easy3wFlow .flowmain .w10 {
1125
- width: 87px;
1126
- }
1127
- .Easy3wFlow .flowmain .toplineblue {
1128
- border-top: 5px solid #5867ad;
1129
- }
1130
- .Easy3wFlow .flowmain .toplineorange {
1131
- border-top: 5px solid #ad7c59;
1132
- }
1133
- .Easy3wFlow .flowmain .toplinegray {
1134
- border-top: 5px solid #ccc;
1135
- }
1136
- .Easy3wFlow .flowmain .borderblue {
1137
- border: 1px solid #5867ad;
1138
- }
1139
- .Easy3wFlow .flowmain .borderorange {
1140
- border: 1px solid #ad7c59;
1141
- }
1142
- .Easy3wFlow .flowmain .borderblueDashed {
1143
- border: 1px dashed #5867ad;
1144
- }
1145
- .Easy3wFlow .flowmain .borderorangeDashed {
1146
- border: 1px dashed #ad7c59;
1147
- }
1148
- .Easy3wFlow .flowmain .bordergrayDashed {
1149
- border: 1px dashed #ccc;
1150
- }
1151
- .Easy3wFlow .flowmain .bordergray {
1152
- border: 1px solid #ccc;
1153
- }
1154
- .Easy3wFlow .flowmain .flowbottomtextblue {
1155
- text-align: center;
1156
- line-height: 35px;
1157
- color: #5867ad;
1158
- }
1159
- .Easy3wFlow .flowmain .flowdoc img {
1160
- display: inline-block;
1161
- position: absolute;
1162
- right: 0;
1163
- bottom: 0;
1164
- z-index: 1;
1165
- width: 21px;
1166
- }
1167
- .Easy3wFlow .flowmain .flowbottomtextorange {
1168
- text-align: center;
1169
- line-height: 35px;
1170
- }
1171
- .Easy3wFlow .flowmain .flowbottomtextorange a {
1172
- color: #ad7c59;
1173
- font-weight: bold;
1174
- }
1175
- .Easy3wFlow .flowmain .flowbottomtextgrey {
1176
- text-align: center;
1177
- line-height: 35px;
1178
- color: #999999;
1179
- }
1180
- .Easy3wFlow .flowmain .flowbottomtextgrey a {
1181
- text-align: center;
1182
- line-height: 35px;
1183
- color: #999999;
1184
- }
1185
- .Easy3wFlow .flowmain .hide {
1186
- display: none;
1187
- }
1188
- .Easy3wFlow .hint {
1189
- position: relative;
1190
- z-index: 1;
1191
- top: 14px;
1192
- left: 0;
1193
- width: 200px;
1194
- border: 1px solid #ececec;
1195
- /*border:1px solid #FA0505;*/
1196
- background: #fff;
1197
- -moz-border-radius: 8px;
1198
- -webkit-border-radius: 8px;
1199
- border-radius: 8px;
1200
- }
1201
- .Easy3wFlow .hint ul li {
1202
- text-align: left;
1203
- margin-left: 6px;
1204
- line-height: 30px;
1205
- font-size: 14px;
1206
- }
1207
- .Easy3wFlow .flowmain .square {
1208
- float: left;
1209
- width: 6px;
1210
- height: 18px;
1211
- }
1212
- .Easy3wFlow .flowmain .title {
1213
- height: 22px;
1214
- }
1215
- .Easy3wFlow .flowmain .title .title-text {
1216
- float: left;
1217
- margin-left: 5px;
1218
- }
1219
- .Easy3wFlow .flowmain table {
1220
- margin: 0;
1221
- padding: 0;
1222
- margin-top: 6px;
1223
- border-collapse: collapse;
1224
- border-spacing: 0;
1225
- width: 960px;
1226
- }
1227
- .Easy3wFlow .flowmain tr {
1228
- line-height: 30px;
1229
- text-align: center;
1230
- vertical-align: middle;
1231
- }
1232
- .Easy3wFlow .flowmain td {
1233
- border: 1px solid #e5e5e5;
1234
- }
1235
- .Easy3wFlow .flowmain .table-title {
1236
- background: #f2f2f2;
1237
- font-weight: bold;
1238
- }
1239
- .Easy3wFlow .flowmain .table-page {
1240
- margin-top: 10px;
1241
- height: 36px;
1242
- }
1243
- .Easy3wFlow .flowmain .table-page .table-page-r {
1244
- margin-right: 30px;
1245
- }
1246
- .Easy3wFlow .flowmain .table-page .table-page-r a {
1247
- float: left;
1248
- margin-left: 5px;
1249
- width: 20px;
1250
- height: 20px;
1251
- line-height: 20px;
1252
- text-align: center;
1253
- border: 1px solid #ccc;
1254
- font-size: 12px;
1255
- color: #333333;
1256
- }
1257
- .Easy3wFlow .flowmain .table-page .table-page-r a:hover {
1258
- background: #038edd;
1259
- }
1260
- .Easy3wFlow .flowmain .table-page .choose-on {
1261
- background: #038edd;
1262
- }
1263
- .Easy3wFlow .flowmain .table-page .table-page-r a.page-change {
1264
- width: 50px;
1265
- }
1266
- .Easy3wFlow .flowmain .left {
1267
- text-align: left;
1268
- }
1269
- .Easy3wFlow .flowmain .right {
1270
- text-align: right;
1271
- }
1272
- .Easy3wFlow .flowmain .center {
1273
- text-align: center;
1274
- }
1275
- .Easy3wFlow .flowmain .fl {
1276
- float: left;
1277
- }
1278
- .Easy3wFlow .flowmain .fr {
1279
- float: right;
1280
- }
1281
- .Easy3wFlow .marAuto3 {
1282
- position: absolute;
1283
- left: 50%;
1284
- margin-left: -225px;
1285
- }
1286
- .Easy3wFlow .marAuto2 {
1287
- position: absolute;
1288
- left: 50%;
1289
- margin-left: -150px;
1290
- }
1291
- .Easy3wFlow .marAuto1 {
1292
- position: absolute;
1293
- left: 50%;
1294
- margin-left: -75px;
1295
- }
1296
- .Easy3wFlowTight {
1297
- /*index为1时*/
1298
- /*index为1时*/
1299
- /*index为1时*/
1300
- /*index为2时*/
1301
- /*index为3时*/
1302
- /*index为1时*/
1303
- /*index为2时*/
1304
- /*index为3时*/
1305
- /*index为4时*/
1306
- /*index为1时*/
1307
- /*index为2时*/
1308
- /*index为3时*/
1309
- /*index为3时*/
1310
- /*index为4时*/
1311
- /*index为5时*/
1312
- /*index为1时*/
1313
- /*index为2时*/
1314
- /*index为3时*/
1315
- /*index为4时*/
1316
- /*index为5时*/
1317
- /*index为6时*/
1318
- /*index为1时*/
1319
- /*index为2时*/
1320
- /*index为3时*/
1321
- /*index为4时*/
1322
- /*index为5时*/
1323
- /*index为6时*/
1324
- /*index为7时*/
1325
- /*index为1时*/
1326
- /*index为2时*/
1327
- /*index为3时*/
1328
- /*index为4时*/
1329
- /*index为5时*/
1330
- /*index为6时*/
1331
- /*index为7时*/
1332
- /*index为8时*/
1333
- /*index为1时*/
1334
- /*index为2时*/
1335
- /*index为3时*/
1336
- /*index为4时*/
1337
- /*index为5时*/
1338
- /*index为6时*/
1339
- /*index为7时*/
1340
- /*index为8时*/
1341
- /*index为9时*/
1342
- /*改名暂时兼容*/
1343
- /* 主节点活动节点样式*/
1344
- /*renderTop有几个大节点时(3-9)*/
1345
- /*.flow-bottom .flow-doc .flow-doc-t2{margin-top:12px;}*/
1346
- /*后续附加内容样式*/
1347
- /*以下为独立样式*/
1348
- /*1个*/
1349
- /*2个*/
1350
- /*3个*/
1351
- /*4个*/
1352
- /*5个*/
1353
- /*6个*/
1354
- /*7个*/
1355
- /*8个*/
1356
- /*9个*/
1357
- /*10个*/
1358
- /*三个节点*/
1359
- /*两个节点*/
1360
- /*一个节点*/
1361
- /* 流程图状态颜色 */
1362
- }
1363
- .Easy3wFlowTight .flowmain {
1364
- margin: auto;
1365
- width: 100%;
1366
- background: #fff;
1367
- }
1368
- .Easy3wFlowTight .flowtop {
1369
- width: 100%;
1370
- }
1371
- .Easy3wFlowTight .flowtop .floatcenter {
1372
- width: 90%;
1373
- margin: 0 auto;
1374
- /*
1375
- 公式: 线宽 (100% / n -22px) / 2
1376
- 思路:
1377
- 虚拟: 将每个节点 + 左侧线宽 + 右侧线宽看成一个块,所有块组合成整体top 虚拟的每个节点块长度都相等 除了首尾节点 其它节点的宽为: 100% / n
1378
- 实际:
1379
- 第一个节点: 左侧填充一个线宽 + 节点 + 右侧两个线 (100% / n -22px) / 2 * 3 + 22px 节点 + 3个线宽
1380
- 最后一个节点: 节点 + 右侧填充一个线宽 (100% / n -22px) / 2 + 22px 节点 + 1个线宽
1381
- 其它节点: 节点 + 右侧两个线 (100% / n -22px) / 2 * 2 + 22px 节点 + 2个线宽
1382
- 最终确保: 节点 + 填充 + 线 = top宽
1383
- 每个节点都有属于不与其它节点公用的两个线宽的长度
1384
- 构图: -o--o--o-
1385
- 流程节点:
1386
- 节点: 22px
1387
- 线宽: (100% / n -22px) / 2
1388
- */
1389
- }
1390
- .Easy3wFlowTight .flowtop .floatcenter .renderTopTemp2:first-child {
1391
- width: calc((100% / 2 - 22px) / 2 * 3 + 22px);
1392
- padding-left: calc((100% / 2 - 22px) / 2);
1393
- }
1394
- .Easy3wFlowTight .flowtop .floatcenter .renderTopTemp2 {
1395
- width: calc(100% / 2);
1396
- float: left;
1397
- }
1398
- .Easy3wFlowTight .flowtop .floatcenter .renderTopTemp2 .flowline2 {
1399
- float: left;
1400
- margin-top: 15px;
1401
- height: 4px;
1402
- width: calc(100% - 22px);
1403
- }
1404
- .Easy3wFlowTight .flowtop .floatcenter .renderTopTemp2:last-child {
1405
- width: calc((100% / 2 - 22px) / 2 + 22px);
1406
- padding-right: calc((100% / 2 - 22px) / 2);
1407
- }
1408
- .Easy3wFlowTight .flowtop .floatcenter .renderTopTemp3:first-child {
1409
- width: calc((100% / 3 - 22px) / 2 * 3 + 22px);
1410
- padding-left: calc((100% / 3 - 22px) / 2);
1411
- }
1412
- .Easy3wFlowTight .flowtop .floatcenter .renderTopTemp3 {
1413
- width: calc(100% / 3);
1414
- float: left;
1415
- }
1416
- .Easy3wFlowTight .flowtop .floatcenter .renderTopTemp3 .flowline3 {
1417
- float: left;
1418
- margin-top: 15px;
1419
- height: 4px;
1420
- width: calc(100% - 22px);
1421
- }
1422
- .Easy3wFlowTight .flowtop .floatcenter .renderTopTemp3:last-child {
1423
- width: calc((100% / 3 - 22px) / 2 + 22px);
1424
- padding-right: calc((100% / 3 - 22px) / 2);
1425
- }
1426
- .Easy3wFlowTight .flowtop .floatcenter .renderTopTemp4:first-child {
1427
- width: calc((100% / 4 - 22px) / 2 * 3 + 22px);
1428
- padding-left: calc((100% / 4 - 22px) / 2);
1429
- }
1430
- .Easy3wFlowTight .flowtop .floatcenter .renderTopTemp4 {
1431
- width: calc(100% / 4);
1432
- float: left;
1433
- }
1434
- .Easy3wFlowTight .flowtop .floatcenter .renderTopTemp4 .flowline4 {
1435
- float: left;
1436
- margin-top: 15px;
1437
- height: 4px;
1438
- width: calc(100% - 22px);
1439
- }
1440
- .Easy3wFlowTight .flowtop .floatcenter .renderTopTemp4:last-child {
1441
- width: calc((100% / 4 - 22px) / 2 + 22px);
1442
- padding-right: calc((100% / 4 - 22px) / 2);
1443
- }
1444
- .Easy3wFlowTight .flowtop .floatcenter .renderTopTemp5:first-child {
1445
- width: calc((100% / 5 - 22px) / 2 * 3 + 22px);
1446
- padding-left: calc((100% / 5 - 22px) / 2);
1447
- }
1448
- .Easy3wFlowTight .flowtop .floatcenter .renderTopTemp5 {
1449
- width: calc(100% / 5);
1450
- float: left;
1451
- }
1452
- .Easy3wFlowTight .flowtop .floatcenter .renderTopTemp5 .flowline5 {
1453
- float: left;
1454
- margin-top: 15px;
1455
- height: 4px;
1456
- width: calc(100% - 22px);
1457
- }
1458
- .Easy3wFlowTight .flowtop .floatcenter .renderTopTemp5:last-child {
1459
- width: calc((100% / 5 - 22px) / 2 + 22px);
1460
- padding-right: calc((100% / 5 - 22px) / 2);
1461
- }
1462
- .Easy3wFlowTight .flowtop .floatcenter .renderTopTemp6:first-child {
1463
- width: calc((100% / 6 - 22px) / 2 * 3 + 22px);
1464
- padding-left: calc((100% / 6 - 22px) / 2);
1465
- }
1466
- .Easy3wFlowTight .flowtop .floatcenter .renderTopTemp6 {
1467
- width: calc(100% / 6);
1468
- float: left;
1469
- }
1470
- .Easy3wFlowTight .flowtop .floatcenter .renderTopTemp6 .flowline6 {
1471
- float: left;
1472
- margin-top: 15px;
1473
- height: 4px;
1474
- width: calc(100% - 22px);
1475
- }
1476
- .Easy3wFlowTight .flowtop .floatcenter .renderTopTemp6:last-child {
1477
- width: calc((100% / 6 - 22px) / 2 + 22px);
1478
- padding-right: calc((100% / 6 - 22px) / 2);
1479
- }
1480
- .Easy3wFlowTight .flowtop .floatcenter .renderTopTemp7:first-child {
1481
- width: calc((100% / 7 - 22px) / 2 * 3 + 22px);
1482
- padding-left: calc((100% / 7 - 22px) / 2);
1483
- }
1484
- .Easy3wFlowTight .flowtop .floatcenter .renderTopTemp7 {
1485
- width: calc(100% / 7);
1486
- float: left;
1487
- }
1488
- .Easy3wFlowTight .flowtop .floatcenter .renderTopTemp7 .flowline7 {
1489
- float: left;
1490
- margin-top: 15px;
1491
- height: 4px;
1492
- width: calc(100% - 22px);
1493
- }
1494
- .Easy3wFlowTight .flowtop .floatcenter .renderTopTemp7:last-child {
1495
- width: calc((100% / 7 - 22px) / 2 + 22px);
1496
- padding-right: calc((100% / 7 - 22px) / 2);
1497
- }
1498
- .Easy3wFlowTight .flowtop .floatcenter .renderTopTemp8:first-child {
1499
- width: calc((100% / 8 - 22px) / 2 * 3 + 22px);
1500
- padding-left: calc((100% / 8 - 22px) / 2);
1501
- }
1502
- .Easy3wFlowTight .flowtop .floatcenter .renderTopTemp8 {
1503
- width: calc(100% / 8);
1504
- float: left;
1505
- }
1506
- .Easy3wFlowTight .flowtop .floatcenter .renderTopTemp8 .flowline8 {
1507
- float: left;
1508
- margin-top: 15px;
1509
- height: 4px;
1510
- width: calc(100% - 22px);
1511
- }
1512
- .Easy3wFlowTight .flowtop .floatcenter .renderTopTemp8:last-child {
1513
- width: calc((100% / 8 - 22px) / 2 + 22px);
1514
- padding-right: calc((100% / 8 - 22px) / 2);
1515
- }
1516
- .Easy3wFlowTight .flowtop .floatcenter .renderTopTemp9:first-child {
1517
- width: calc((100% / 9 - 22px) / 2 * 3 + 22px);
1518
- padding-left: calc((100% / 9 - 22px) / 2);
1519
- }
1520
- .Easy3wFlowTight .flowtop .floatcenter .renderTopTemp9 {
1521
- width: calc(100% / 9);
1522
- float: left;
1523
- }
1524
- .Easy3wFlowTight .flowtop .floatcenter .renderTopTemp9 .flowline9 {
1525
- float: left;
1526
- margin-top: 15px;
1527
- height: 4px;
1528
- width: calc(100% - 22px);
1529
- }
1530
- .Easy3wFlowTight .flowtop .floatcenter .renderTopTemp9:last-child {
1531
- width: calc((100% / 9 - 22px) / 2 + 22px);
1532
- padding-right: calc((100% / 9 - 22px) / 2);
1533
- }
1534
- .Easy3wFlowTight .flowmid {
1535
- width: 100%;
1536
- height: 34px;
1537
- }
1538
- .Easy3wFlowTight .flowmid .floatcenter {
1539
- width: 90%;
1540
- margin: 0 auto;
1541
- }
1542
- .Easy3wFlowTight .flowmid .floatcenter div.flowtext2 {
1543
- width: calc(100% / 2);
1544
- float: left;
1545
- }
1546
- .Easy3wFlowTight .flowmid .floatcenter div.flowtext3 {
1547
- width: calc(100% / 3);
1548
- float: left;
1549
- }
1550
- .Easy3wFlowTight .flowmid .floatcenter div.flowtext4 {
1551
- width: calc(100% / 4);
1552
- float: left;
1553
- }
1554
- .Easy3wFlowTight .flowmid .floatcenter div.flowtext5 {
1555
- width: calc(100% / 5);
1556
- float: left;
1557
- }
1558
- .Easy3wFlowTight .flowmid .floatcenter div.flowtext6 {
1559
- width: calc(100% / 6);
1560
- float: left;
1561
- }
1562
- .Easy3wFlowTight .flowmid .floatcenter div.flowtext7 {
1563
- width: calc(100% / 7);
1564
- float: left;
1565
- }
1566
- .Easy3wFlowTight .flowmid .floatcenter div.flowtext8 {
1567
- width: calc(100% / 8);
1568
- float: left;
1569
- }
1570
- .Easy3wFlowTight .flowmid .floatcenter div.flowtext9 {
1571
- width: calc(100% / 9);
1572
- float: left;
1573
- }
1574
- .Easy3wFlowTight .floatcenter2_1 {
1575
- position: absolute;
1576
- left: 0;
1577
- height: 36px;
1578
- }
1579
- .Easy3wFlowTight .floatcenter2_2 {
1580
- position: absolute;
1581
- left: 35%;
1582
- height: 36px;
1583
- }
1584
- .Easy3wFlowTight .floatcenter3_1 {
1585
- position: absolute;
1586
- left: 0;
1587
- height: 36px;
1588
- }
1589
- .Easy3wFlowTight .floatcenter3_2 {
1590
- position: absolute;
1591
- left: 33%;
1592
- height: 36px;
1593
- }
1594
- .Easy3wFlowTight .floatcenter3_3 {
1595
- position: absolute;
1596
- right: 0;
1597
- height: 36px;
1598
- }
1599
- .Easy3wFlowTight .floatcenter4_1 {
1600
- position: absolute;
1601
- left: 0;
1602
- height: 36px;
1603
- }
1604
- .Easy3wFlowTight .floatcenter4_2 {
1605
- position: absolute;
1606
- left: 22%;
1607
- height: 36px;
1608
- }
1609
- .Easy3wFlowTight .floatcenter4_3 {
1610
- position: absolute;
1611
- right: 23%;
1612
- height: 36px;
1613
- }
1614
- .Easy3wFlowTight .floatcenter4_4 {
1615
- position: absolute;
1616
- right: 0;
1617
- height: 36px;
1618
- }
1619
- .Easy3wFlowTight .floatcenter5_1 {
1620
- position: absolute;
1621
- left: 0;
1622
- height: 36px;
1623
- }
1624
- .Easy3wFlowTight .floatcenter5_2 {
1625
- position: absolute;
1626
- left: 16.5%;
1627
- height: 36px;
1628
- }
1629
- .Easy3wFlowTight .floatcenter5_3 {
1630
- position: absolute;
1631
- left: 32.5%;
1632
- height: 36px;
1633
- }
1634
- .Easy3wFlowTight .floatcenter5_3_1 {
1635
- position: absolute;
1636
- left: 45%;
1637
- height: 36px;
1638
- }
1639
- .Easy3wFlowTight .floatcenter5_4 {
1640
- position: absolute;
1641
- right: 20%;
1642
- height: 36px;
1643
- }
1644
- .Easy3wFlowTight .floatcenter5_5 {
1645
- position: absolute;
1646
- right: 0;
1647
- height: 36px;
1648
- }
1649
- .Easy3wFlowTight .floatcenter6_1 {
1650
- position: absolute;
1651
- left: 0;
1652
- height: 36px;
1653
- }
1654
- .Easy3wFlowTight .floatcenter6_2 {
1655
- position: absolute;
1656
- left: 13%;
1657
- height: 36px;
1658
- }
1659
- .Easy3wFlowTight .floatcenter6_3 {
1660
- position: absolute;
1661
- left: 26.25%;
1662
- height: 36px;
1663
- }
1664
- .Easy3wFlowTight .floatcenter6_4 {
1665
- position: absolute;
1666
- left: 39.5%;
1667
- height: 36px;
1668
- }
1669
- .Easy3wFlowTight .floatcenter6_5 {
1670
- position: absolute;
1671
- right: 18%;
1672
- height: 36px;
1673
- }
1674
- .Easy3wFlowTight .floatcenter6_6 {
1675
- position: absolute;
1676
- right: 0;
1677
- height: 36px;
1678
- }
1679
- .Easy3wFlowTight .floatcenter7_1 {
1680
- position: absolute;
1681
- left: 0;
1682
- height: 36px;
1683
- }
1684
- .Easy3wFlowTight .floatcenter7_2 {
1685
- position: absolute;
1686
- left: 10.8%;
1687
- height: 36px;
1688
- }
1689
- .Easy3wFlowTight .floatcenter7_3 {
1690
- position: absolute;
1691
- left: 21.6%;
1692
- height: 36px;
1693
- }
1694
- .Easy3wFlowTight .floatcenter7_4 {
1695
- position: absolute;
1696
- left: 32.5%;
1697
- height: 36px;
1698
- }
1699
- .Easy3wFlowTight .floatcenter7_5 {
1700
- position: absolute;
1701
- left: 43.3%;
1702
- height: 36px;
1703
- }
1704
- .Easy3wFlowTight .floatcenter7_6 {
1705
- position: absolute;
1706
- right: 16%;
1707
- height: 36px;
1708
- }
1709
- .Easy3wFlowTight .floatcenter7_7 {
1710
- position: absolute;
1711
- right: 0;
1712
- height: 36px;
1713
- }
1714
- .Easy3wFlowTight .floatcenter8_1 {
1715
- position: absolute;
1716
- left: 0;
1717
- height: 36px;
1718
- }
1719
- .Easy3wFlowTight .floatcenter8_2 {
1720
- position: absolute;
1721
- left: 9.3%;
1722
- height: 36px;
1723
- }
1724
- .Easy3wFlowTight .floatcenter8_3 {
1725
- position: absolute;
1726
- left: 18.6%;
1727
- height: 36px;
1728
- }
1729
- .Easy3wFlowTight .floatcenter8_4 {
1730
- position: absolute;
1731
- left: 27.9%;
1732
- height: 36px;
1733
- }
1734
- .Easy3wFlowTight .floatcenter8_5 {
1735
- position: absolute;
1736
- left: 37.2%;
1737
- height: 36px;
1738
- }
1739
- .Easy3wFlowTight .floatcenter8_6 {
1740
- position: absolute;
1741
- left: 46.5%;
1742
- height: 36px;
1743
- }
1744
- .Easy3wFlowTight .floatcenter8_7 {
1745
- position: absolute;
1746
- right: 14%;
1747
- height: 36px;
1748
- }
1749
- .Easy3wFlowTight .floatcenter8_8 {
1750
- position: absolute;
1751
- right: 0;
1752
- height: 36px;
1753
- }
1754
- .Easy3wFlowTight .floatcenter9_1 {
1755
- position: absolute;
1756
- left: 0;
1757
- height: 36px;
1758
- }
1759
- .Easy3wFlowTight .floatcenter9_2 {
1760
- position: absolute;
1761
- left: 8.5%;
1762
- height: 36px;
1763
- }
1764
- .Easy3wFlowTight .floatcenter9_3 {
1765
- position: absolute;
1766
- left: 16.5%;
1767
- height: 36px;
1768
- }
1769
- .Easy3wFlowTight .floatcenter9_4 {
1770
- position: absolute;
1771
- left: 24.5%;
1772
- height: 36px;
1773
- }
1774
- .Easy3wFlowTight .floatcenter9_5 {
1775
- position: absolute;
1776
- left: 32.5%;
1777
- height: 36px;
1778
- }
1779
- .Easy3wFlowTight .floatcenter9_6 {
1780
- position: absolute;
1781
- left: 40.5%;
1782
- height: 36px;
1783
- }
1784
- .Easy3wFlowTight .floatcenter9_7 {
1785
- position: absolute;
1786
- left: 48.5%;
1787
- height: 36px;
1788
- }
1789
- .Easy3wFlowTight .floatcenter9_8 {
1790
- position: absolute;
1791
- right: 10%;
1792
- height: 36px;
1793
- }
1794
- .Easy3wFlowTight .floatcenter9_9 {
1795
- position: absolute;
1796
- right: 0;
1797
- height: 36px;
1798
- }
1799
- .Easy3wFlowTight .center {
1800
- float: left;
1801
- position: relative;
1802
- left: 50%;
1803
- }
1804
- .Easy3wFlowTight .flowmain .flowtop {
1805
- height: 28px;
1806
- }
1807
- .Easy3wFlowTight .flowmain .flowcircle {
1808
- float: left;
1809
- margin-top: 5px;
1810
- width: 22px;
1811
- height: 22px;
1812
- line-height: 22px;
1813
- text-align: center;
1814
- border-radius: 50%;
1815
- color: #fff;
1816
- /*浮动区块居中,必须配合.float-center使用*/
1817
- position: relative;
1818
- }
1819
- .Easy3wFlowTight .flowmain .flowcircle-active-haierblue {
1820
- float: left;
1821
- margin-top: 5px;
1822
- width: 22px;
1823
- height: 22px;
1824
- line-height: 22px;
1825
- text-align: center;
1826
- border-radius: 50%;
1827
- color: #fff;
1828
- /*浮动区块居中,必须配合.float-center使用*/
1829
- position: relative;
1830
- }
1831
- .Easy3wFlowTight .flowmain .flowcircle-active-haierblue::before {
1832
- border-bottom: 2px solid #5867ad;
1833
- content: '';
1834
- height: 2px;
1835
- width: 100%;
1836
- position: absolute;
1837
- bottom: -4px;
1838
- right: 0;
1839
- }
1840
- .Easy3wFlowTight .flowmain .flowcircle-active-haierorange {
1841
- float: left;
1842
- margin-top: 5px;
1843
- width: 22px;
1844
- height: 22px;
1845
- line-height: 22px;
1846
- text-align: center;
1847
- border-radius: 50%;
1848
- color: #fff;
1849
- /*浮动区块居中,必须配合.float-center使用*/
1850
- position: relative;
1851
- }
1852
- .Easy3wFlowTight .flowmain .flowcircle-active-haierorange::before {
1853
- border-bottom: 2px solid #ad7c59;
1854
- content: '';
1855
- height: 2px;
1856
- width: 100%;
1857
- position: absolute;
1858
- bottom: -4px;
1859
- right: 0;
1860
- }
1861
- .Easy3wFlowTight .flowmid .floawt1 {
1862
- text-align: center;
1863
- height: 24px;
1864
- line-height: 32px;
1865
- font-size: 14px;
1866
- }
1867
- .Easy3wFlowTight .flowmid .floawt1detail {
1868
- text-align: center;
1869
- height: 24px;
1870
- line-height: 18px;
1871
- font-size: 14px;
1872
- }
1873
- .Easy3wFlowTight .flowmid .floawt2 {
1874
- text-align: center;
1875
- height: 20px;
1876
- line-height: 26px;
1877
- font-size: 12px;
1878
- }
1879
- .Easy3wFlowTight .flowbottom {
1880
- position: relative;
1881
- margin-top: 5px;
1882
- height: 35px;
1883
- margin-left: 32px;
1884
- }
1885
- .Easy3wFlowTight .flowbottom .flowdocfirst {
1886
- float: left;
1887
- margin-left: 10px;
1888
- height: 35px;
1889
- text-align: center;
1890
- background: #f2f2f2;
1891
- /*浮动区块居中,必须配合.float-center使用*/
1892
- position: relative;
1893
- left: -50%;
1894
- }
1895
- .Easy3wFlowTight .flowbottom .flowdoc {
1896
- display: inline-block;
1897
- margin: 0 2px;
1898
- height: 30px;
1899
- text-align: center;
1900
- /*浮动区块居中,必须配合.float-center使用*/
1901
- position: relative;
1902
- }
1903
- .Easy3wFlowTight .flowbottom .flowdoc .flowdoct1 {
1904
- margin-top: 6px;
1905
- }
1906
- .Easy3wFlowTight .flowbottom .flowdoc .flowdoct1 a {
1907
- color: #00ccff;
1908
- text-decoration: none;
1909
- font-weight: bold;
1910
- }
1911
- .Easy3wFlowTight .flowbottom .flowdoc .flowdoct1 a:hover {
1912
- color: #ad7c59;
1913
- }
1914
- .Easy3wFlowTight .flowmain .projectinfo {
1915
- margin-top: 30px;
1916
- margin-left: 10px;
1917
- height: 108px;
1918
- }
1919
- .Easy3wFlowTight .flowmain .projectinfo .projectcontent {
1920
- margin-top: 10px;
1921
- width: 960px;
1922
- height: 68px;
1923
- background: #f2f2f2;
1924
- }
1925
- .Easy3wFlowTight .flowmain .projectinfo .projectcontent div {
1926
- float: left;
1927
- margin-left: 10px;
1928
- width: 470px;
1929
- height: 34px;
1930
- line-height: 34px;
1931
- }
1932
- .Easy3wFlowTight .flowmain .moudleprovider {
1933
- margin-top: 10px;
1934
- margin-left: 10px;
1935
- }
1936
- .Easy3wFlowTight .flowmain .businesslog {
1937
- margin-top: 10px;
1938
- margin-left: 10px;
1939
- }
1940
- .Easy3wFlowTight .flowmain .fasttrack {
1941
- margin-top: 10px;
1942
- margin-left: 10px;
1943
- height: 40px;
1944
- }
1945
- .Easy3wFlowTight .flowmain .fasttrack .fasttrackl input {
1946
- width: 84px;
1947
- height: 22px;
1948
- }
1949
- .Easy3wFlowTight .flowmain .fasttrack .fasttrackl button {
1950
- width: 56px;
1951
- height: 26px;
1952
- }
1953
- .Easy3wFlowTight .flowmain .fasttrack .fasttrackr a {
1954
- color: #26619d;
1955
- }
1956
- .Easy3wFlowTight .flowmain .fasttrack .fasttrackr a:hover {
1957
- text-decoration: none;
1958
- color: #ad7c59;
1959
- }
1960
- .Easy3wFlowTight .flowmain .workbench {
1961
- margin-top: 10px;
1962
- margin-left: 10px;
1963
- }
1964
- .Easy3wFlowTight .flowmain .workbench .hd {
1965
- height: 30px;
1966
- width: 960px;
1967
- background: #fafafa;
1968
- border-bottom: 1px solid #dbdee1;
1969
- }
1970
- .Easy3wFlowTight .flowmain .workbench .hd li {
1971
- float: left;
1972
- width: 100px;
1973
- height: 28px;
1974
- line-height: 26px;
1975
- text-align: center;
1976
- }
1977
- .Easy3wFlowTight .flowmain .workbench .hd li.on {
1978
- border: 1px solid #ececec;
1979
- border-top: 2px solid #038edd;
1980
- border-bottom: 1px solid #fff;
1981
- font-weight: bold;
1982
- }
1983
- .Easy3wFlowTight .flowmain .projectquery {
1984
- margin-top: 10px;
1985
- margin-left: 10px;
1986
- }
1987
- .Easy3wFlowTight .flowmain .projectquery .querycondition {
1988
- width: 960px;
1989
- height: 210px;
1990
- margin-bottom: 10px;
1991
- background: #f2f2f2;
1992
- }
1993
- .Easy3wFlowTight .flowmain .projectquery .querycondition table td {
1994
- border: none;
1995
- }
1996
- .Easy3wFlowTight .flowmain .projectquery .querycondition table span {
1997
- float: right;
1998
- text-align: right;
1999
- font-weight: bold;
2000
- width: 120px;
2001
- }
2002
- .Easy3wFlowTight .flowmain .projectquery .querycondition table input {
2003
- float: left;
2004
- width: 220px;
2005
- }
2006
- .Easy3wFlowTight .flowmain .projectquery .querycondition table select {
2007
- float: left;
2008
- width: 224px;
2009
- }
2010
- .Easy3wFlowTight .flowmain .projectquery .querycondition button {
2011
- margin-top: 10px;
2012
- margin-left: 430px;
2013
- width: 100px;
2014
- height: 30px;
2015
- color: #fff;
2016
- border: none;
2017
- border-radius: 8px;
2018
- text-align: center;
2019
- vertical-align: middle;
2020
- background: #075c9a;
2021
- }
2022
- .Easy3wFlowTight .flowmain .historyProj {
2023
- margin-top: 10px;
2024
- margin-left: 10px;
2025
- }
2026
- .Easy3wFlowTight .flowmain .historyProj .choose {
2027
- margin-top: 20px;
2028
- height: 40px;
2029
- }
2030
- .Easy3wFlowTight .flowmain .historyProj .choose button {
2031
- width: 80px;
2032
- height: 30px;
2033
- border: none;
2034
- border-radius: 6px;
2035
- }
2036
- .Easy3wFlowTight .flowmain .haierblue {
2037
- background: #5867ad;
2038
- }
2039
- .Easy3wFlowTight .flowmain .haierdeepblue {
2040
- background: #5867ad;
2041
- }
2042
- .Easy3wFlowTight .flowmain .haierorange {
2043
- background: #ad7c59;
2044
- }
2045
- .Easy3wFlowTight .flowmain .haierlightgrey {
2046
- background: #f2f2f2;
2047
- }
2048
- .Easy3wFlowTight .flowmain .haiergrey {
2049
- background: #c9c9c9;
2050
- }
2051
- .Easy3wFlowTight .flowmain .haierdeepgrey {
2052
- background: #666;
2053
- }
2054
- .Easy3wFlowTight .flowmain .textblue {
2055
- color: #5867ad;
2056
- }
2057
- .Easy3wFlowTight .flowmain .textorange {
2058
- color: #ad7c59;
2059
- }
2060
- .Easy3wFlowTight .flowmain .textgrey {
2061
- color: #999999;
2062
- }
2063
- .Easy3wFlowTight .flowmain .textgrey a {
2064
- color: #999999;
2065
- }
2066
- .Easy3wFlowTight .flowmain .textgrey a:hover {
2067
- color: #ad7c59;
2068
- }
2069
- .Easy3wFlowTight .flowmain .bold {
2070
- font-weight: bold;
2071
- }
2072
- .Easy3wFlowTight .flowmain .w1 {
2073
- width: 960px;
2074
- }
2075
- .Easy3wFlowTight .flowmain .w2 {
2076
- width: 480px;
2077
- }
2078
- .Easy3wFlowTight .flowmain .w3 {
2079
- padding: 0 21px;
2080
- }
2081
- .Easy3wFlowTight .flowmain .w4 {
2082
- width: 232px;
2083
- }
2084
- .Easy3wFlowTight .flowmain .w5 {
2085
- width: 184px;
2086
- }
2087
- .Easy3wFlowTight .flowmain .w6 {
2088
- width: 151px;
2089
- }
2090
- .Easy3wFlowTight .flowmain .w7 {
2091
- width: 128px;
2092
- }
2093
- .Easy3wFlowTight .flowmain .w8 {
2094
- width: 116px;
2095
- }
2096
- .Easy3wFlowTight .flowmain .w9 {
2097
- width: 97px;
2098
- }
2099
- .Easy3wFlowTight .flowmain .w10 {
2100
- width: 87px;
2101
- }
2102
- .Easy3wFlowTight .flowmain .toplineblue {
2103
- border-top: 5px solid #5867ad;
2104
- }
2105
- .Easy3wFlowTight .flowmain .toplineorange {
2106
- border-top: 5px solid #ad7c59;
2107
- }
2108
- .Easy3wFlowTight .flowmain .toplinegray {
2109
- border-top: 5px solid #ccc;
2110
- }
2111
- .Easy3wFlowTight .flowmain .borderblue {
2112
- border: 1px solid #5867ad;
2113
- border-radius: 4px;
2114
- }
2115
- .Easy3wFlowTight .flowmain .borderorange {
2116
- border: 1px solid #ad7c59;
2117
- }
2118
- .Easy3wFlowTight .flowmain .borderblueDashed {
2119
- border: 1px dashed #5867ad;
2120
- border-radius: 4px;
2121
- }
2122
- .Easy3wFlowTight .flowmain .borderorangeDashed {
2123
- border: 1px dashed #ad7c59;
2124
- }
2125
- .Easy3wFlowTight .flowmain .bordergrayDashed {
2126
- border: 1px dashed #ccc;
2127
- }
2128
- .Easy3wFlowTight .flowmain .bordergray {
2129
- border: 1px solid #ccc;
2130
- }
2131
- .Easy3wFlowTight .flowmain .flowbottomtextblue {
2132
- text-align: center;
2133
- line-height: 30px;
2134
- color: #5867ad;
2135
- }
2136
- .Easy3wFlowTight .flowmain .flowdoc img {
2137
- display: inline-block;
2138
- position: absolute;
2139
- right: -1px;
2140
- bottom: -1px;
2141
- z-index: 1;
2142
- width: 21px;
2143
- border-bottom-right-radius: 4px;
2144
- }
2145
- .Easy3wFlowTight .flowmain .flowbottomtextorange {
2146
- text-align: center;
2147
- line-height: 30px;
2148
- border-radius: 4px;
2149
- }
2150
- .Easy3wFlowTight .flowmain .flowbottomtextorange a {
2151
- color: #ad7c59;
2152
- font-weight: bold;
2153
- }
2154
- .Easy3wFlowTight .flowmain .flowbottomtextgrey {
2155
- text-align: center;
2156
- line-height: 30px;
2157
- color: #999999;
2158
- border-radius: 4px;
2159
- }
2160
- .Easy3wFlowTight .flowmain .flowbottomtextgrey a {
2161
- text-align: center;
2162
- line-height: 35px;
2163
- color: #999999;
2164
- }
2165
- .Easy3wFlowTight .flowmain .hide {
2166
- display: none;
2167
- }
2168
- .Easy3wFlowTight .hint {
2169
- position: relative;
2170
- z-index: 1;
2171
- top: 14px;
2172
- left: 0;
2173
- width: 200px;
2174
- border: 1px solid #ececec;
2175
- /*border:1px solid #FA0505;*/
2176
- background: #fff;
2177
- -moz-border-radius: 8px;
2178
- -webkit-border-radius: 8px;
2179
- border-radius: 8px;
2180
- }
2181
- .Easy3wFlowTight .hint ul li {
2182
- text-align: left;
2183
- margin-left: 6px;
2184
- line-height: 30px;
2185
- font-size: 14px;
2186
- }
2187
- .Easy3wFlowTight .flowmain .square {
2188
- float: left;
2189
- width: 6px;
2190
- height: 18px;
2191
- }
2192
- .Easy3wFlowTight .flowmain .title {
2193
- height: 22px;
2194
- }
2195
- .Easy3wFlowTight .flowmain .title .title-text {
2196
- float: left;
2197
- margin-left: 5px;
2198
- }
2199
- .Easy3wFlowTight .flowmain table {
2200
- margin: 0;
2201
- padding: 0;
2202
- margin-top: 6px;
2203
- border-collapse: collapse;
2204
- border-spacing: 0;
2205
- width: 960px;
2206
- }
2207
- .Easy3wFlowTight .flowmain tr {
2208
- line-height: 30px;
2209
- text-align: center;
2210
- vertical-align: middle;
2211
- }
2212
- .Easy3wFlowTight .flowmain td {
2213
- border: 1px solid #e5e5e5;
2214
- }
2215
- .Easy3wFlowTight .flowmain .table-title {
2216
- background: #f2f2f2;
2217
- font-weight: bold;
2218
- }
2219
- .Easy3wFlowTight .flowmain .table-page {
2220
- margin-top: 10px;
2221
- height: 36px;
2222
- }
2223
- .Easy3wFlowTight .flowmain .table-page .table-page-r {
2224
- margin-right: 30px;
2225
- }
2226
- .Easy3wFlowTight .flowmain .table-page .table-page-r a {
2227
- float: left;
2228
- margin-left: 5px;
2229
- width: 20px;
2230
- height: 20px;
2231
- line-height: 20px;
2232
- text-align: center;
2233
- border: 1px solid #ccc;
2234
- font-size: 12px;
2235
- color: #333333;
2236
- }
2237
- .Easy3wFlowTight .flowmain .table-page .table-page-r a:hover {
2238
- background: #038edd;
2239
- }
2240
- .Easy3wFlowTight .flowmain .table-page .choose-on {
2241
- background: #038edd;
2242
- }
2243
- .Easy3wFlowTight .flowmain .table-page .table-page-r a.page-change {
2244
- width: 50px;
2245
- }
2246
- .Easy3wFlowTight .flowmain .left {
2247
- text-align: left;
2248
- }
2249
- .Easy3wFlowTight .flowmain .right {
2250
- text-align: right;
2251
- }
2252
- .Easy3wFlowTight .flowmain .center {
2253
- text-align: center;
2254
- }
2255
- .Easy3wFlowTight .flowmain .fl {
2256
- float: left;
2257
- }
2258
- .Easy3wFlowTight .flowmain .fr {
2259
- float: right;
2260
- }
2261
- .Easy3wFlowTight .marAuto3 {
2262
- position: absolute;
2263
- left: 50%;
2264
- margin-left: -225px;
2265
- }
2266
- .Easy3wFlowTight .marAuto2 {
2267
- position: absolute;
2268
- left: 50%;
2269
- margin-left: -150px;
2270
- }
2271
- .Easy3wFlowTight .marAuto1 {
2272
- position: absolute;
2273
- left: 50%;
2274
- margin-left: -75px;
2275
- }
2276
- .Easy3wFlowTight .common {
2277
- height: 12px;
2278
- width: 12px;
2279
- }
2280
- .Easy3wFlowTight .planDate-style {
2281
- color: #000000;
2282
- font-weight: normal;
2283
- margin-left: 12px;
2284
- }
2285
- .Easy3wFlowTight .planDate-style .wait-style sup {
2286
- height: 12px;
2287
- width: 12px;
2288
- background-color: #bfbfbf;
2289
- }
2290
- .Easy3wFlowTight .planDate-style .delay-style sup {
2291
- height: 12px;
2292
- width: 12px;
2293
- background-color: #fa8c16;
2294
- }
2295
- .Easy3wFlowTight .planDate-style .normal-style sup {
2296
- height: 12px;
2297
- width: 12px;
2298
- background-color: #52c41a;
2299
- }
2300
- .Easy3wFlowTight .planDate-style .normal-style :global .ant-scroll-number,
2301
- .Easy3wFlowTight .planDate-style .delay-style :global .ant-scroll-number,
2302
- .Easy3wFlowTight .planDate-style .wait-style :global .ant-scroll-number {
2303
- transform: translate(2px, -2px);
2304
- }
2305
- .scrollY .ant-table-tbody > .ant-table-row .e3wGridShortText {
2306
- text-align: center;
2307
- }
2308
- .scrollY .ant-table-tbody > .ant-table-row .e3wGridLongText {
2309
- text-align: left;
2310
- }
2311
- .scrollY .ant-table-tbody > .ant-table-row .e3wGridNumber {
2312
- text-align: right;
2313
- }
2314
- .scrollY .ant-table-tbody > .ant-table-row .e3wMaxText {
2315
- text-align: left;
2316
- max-width: 240px;
2317
- text-overflow: ellipsis;
2318
- white-space: nowrap;
2319
- overflow: hidden;
2320
- }
2321
- .scrollY .ant-table-thead > tr > th {
2322
- text-align: center;
2323
- }
2324
- .scrollX .ant-table-thead > tr > th {
2325
- word-break: keep-all;
2326
- white-space: nowrap;
2327
- text-align: center;
2328
- }
2329
- .scrollX .ant-table-tbody > .ant-table-row td {
2330
- max-width: 240px;
2331
- word-break: keep-all;
2332
- text-overflow: ellipsis;
2333
- white-space: nowrap;
2334
- overflow: hidden;
2335
- }
2336
- .scrollX .ant-table-tbody > .ant-table-row .e3wText {
2337
- white-space: normal;
2338
- text-align: left;
2339
- }
2340
- .scrollX .ant-table-tbody > .ant-table-row .e3wGridShortText {
2341
- text-align: center;
2342
- }
2343
- .scrollX .ant-table-tbody > .ant-table-row .e3wGridLongText {
2344
- text-align: left;
2345
- }
2346
- .scrollX .ant-table-tbody > .ant-table-row .e3wGridNumber {
2347
- text-align: right;
2348
- }
2349
- .scrollX .ant-table-tbody > .ant-table-row .e3wMaxText {
2350
- text-align: left;
2351
- max-width: 240px;
2352
- text-overflow: ellipsis;
2353
- white-space: nowrap;
2354
- overflow: hidden;
2355
- }
2356
- .scrollPrint .ant-table-thead > tr > th {
2357
- text-align: center;
2358
- }
2359
- .scrollPrint .ant-table-tbody > .ant-table-row td {
2360
- max-width: 240px;
2361
- }
2362
- .scrollPrint .ant-table-tbody > .ant-table-row .e3wText {
2363
- text-align: left;
2364
- }
2365
- .scrollPrint .ant-table-tbody > .ant-table-row .e3wGridShortText {
2366
- text-align: center;
2367
- }
2368
- .scrollPrint .ant-table-tbody > .ant-table-row .e3wGridLongText {
2369
- text-align: justify;
2370
- }
2371
- .scrollPrint .ant-table-tbody > .ant-table-row .e3wGridNumber {
2372
- text-align: right;
2373
- }
2374
- .scrollPrint .ant-table-tbody > .ant-table-row .e3wMaxText {
2375
- max-width: 240px;
2376
- text-align: left;
2377
- }
2378
- .butt {
2379
- background-color: #1890ff;
2380
- color: #fff;
2381
- font-size: 14px;
2382
- }
2383
- .butt:visited,
2384
- .butt:focus,
2385
- .butt:hover,
2386
- .butt:active {
2387
- background-color: #1890ff;
2388
- color: #fff;
2389
- }
2390
- .onRow tr:hover {
2391
- cursor: pointer;
2392
- }
2393
- @media (max-width: 768px) {
2394
- .gridBox :global .ant-table-tbody > .ant-table-row .e3wGridLongText {
2395
- text-align: left;
2396
- white-space: wrap;
2397
- word-break: normal;
2398
- }
2399
- .gridBox td a:not([href]) {
2400
- pointer-events: none;
2401
- color: #000000;
2402
- }
2403
- }
2404
- .ant-upload-list-item {
2405
- width: auto;
2406
- }
2407
- .ant-upload-list-item .ant-upload-list-item-info {
2408
- width: auto;
2409
- }
2410
- .ant-upload-list-item .ant-upload-list-item-name {
2411
- padding-right: 24px;
2412
- }
2413
- .ant-upload-list-item .anticon-cross {
2414
- right: -2px;
2415
- }
2416
- .e3wFormPageWrap .e3wFormItem .ant-form-item {
2417
- margin-bottom: 8px;
2418
- }
2419
- .e3wFormPageWrap .inputNumberFormat,
2420
- .e3wFormPageWrap .inputAmount,
2421
- .e3wFormPageWrap .inputDigit {
2422
- display: -ms-flexbox;
2423
- display: flex;
2424
- -ms-flex-direction: row;
2425
- flex-direction: row;
2426
- -ms-flex-wrap: nowrap;
2427
- flex-wrap: nowrap;
2428
- line-height: 32px;
2429
- }
2430
- .e3wFormPageWrap .inputNumberFormat .addonBtns,
2431
- .e3wFormPageWrap .inputAmount .addonBtns,
2432
- .e3wFormPageWrap .inputDigit .addonBtns {
2433
- height: 32px;
2434
- width: auto;
2435
- border-left: none;
2436
- border-right: 1px solid #d9d9d9;
2437
- }
2438
- .e3wFormPageWrap .inputNumberFormat .inputNumberBtns .e3wFootBtn,
2439
- .e3wFormPageWrap .inputAmount .inputNumberBtns .e3wFootBtn,
2440
- .e3wFormPageWrap .inputDigit .inputNumberBtns .e3wFootBtn {
2441
- margin: 0;
2442
- }
2443
- .e3wFormPageWrap .bf-container {
2444
- border: 1px solid #eee;
2445
- }
2446
- input.ant-input-number-input {
2447
- text-align: right;
2448
- padding-right: 21px;
2449
- }
2450
- .rightText {
2451
- text-align: right;
2452
- }
2453
- .bf-container.read-only .bf-content {
2454
- height: auto;
2455
- }
2456
- .bf-container.read-only .bf-controlbar {
2457
- display: none;
2458
- }
2459
- .e3wFormPageWrapTight .e3wFormPageNoBorder {
2460
- margin: 12px;
2461
- }
2462
- .e3wFormPageWrapTight .e3wFormPageNoBorder > div > .ant-row {
2463
- padding: 3px;
2464
- }
2465
- .e3wFormPageWrapTight .e3wFormPageNoBorder > div > .ant-row .ant-btn {
2466
- height: 24px;
2467
- color: #5468b2;
2468
- }
2469
- .e3wFormPageWrapTight .e3wFormPageNoBorder .hasAfterBtns :global .ant-calendar-picker {
2470
- min-width: 100% !important;
2471
- }
2472
- .e3wFormPageWrapTight .e3wFormPage {
2473
- border-top: 1px solid #e8e8e8;
2474
- border-left: 1px solid #e8e8e8;
2475
- border-right: 1px solid #e8e8e8;
2476
- margin: 12px;
2477
- }
2478
- .e3wFormPageWrapTight .e3wFormPage > div > .ant-row {
2479
- padding: 3px;
2480
- border-bottom: 1px solid #e8e8e8;
2481
- }
2482
- .e3wFormPageWrapTight .e3wFormPage > div > .ant-row .ant-btn {
2483
- height: 24px;
2484
- color: #5468b2;
2485
- }
2486
- .e3wFormPageWrapTight .e3wFormPage .hasAfterBtns :global .ant-calendar-picker {
2487
- min-width: 100% !important;
2488
- }
2489
- .e3wFormPageWrapTight .e3wFormItem .ant-form-item {
2490
- margin-bottom: 8px;
2491
- }
2492
- .e3wFormPageWrapTight .formContent:not(:first-child) {
2493
- padding-left: 3px;
2494
- }
2495
- .e3wFormPageWrapTight .formContent :global .ant-input-group-wrapper {
2496
- vertical-align: middle;
2497
- }
2498
- .e3wFormPageWrapTight .formContent :global .ant-form-item-label {
2499
- line-height: 24px;
2500
- }
2501
- .e3wFormPageWrapTight .formContent :global .ant-form-item-control {
2502
- line-height: 24px;
2503
- }
2504
- .e3wFormPageWrapTight .formContent :global .ant-form-item-required::before {
2505
- margin-left: -10px;
2506
- }
2507
- .e3wFormPageWrapTight .formContent :global .ant-form-item-label {
2508
- padding-left: 12px;
2509
- }
2510
- .e3wFormPageWrapTight .formContentAlone:not(:first-child) {
2511
- padding-left: 3px;
2512
- }
2513
- .e3wFormPageWrapTight .formContentAlone:not(:first-child) {
2514
- padding-left: 3px;
2515
- }
2516
- .e3wFormPageWrapTight .formContentAlone :global .ant-input-group-wrapper {
2517
- vertical-align: middle;
2518
- }
2519
- .e3wFormPageWrapTight .formContentAlone :global .ant-form-item-label {
2520
- line-height: 24px;
2521
- }
2522
- .e3wFormPageWrapTight .formContentAlone :global .ant-form-item-control {
2523
- line-height: 24px;
2524
- }
2525
- .e3wFormPageWrapTight .formContentAlone :global .ant-form-item-required::before {
2526
- margin-left: -10px;
2527
- }
2528
- .e3wFormPageWrapTight .formContentAlone :global .ant-form-item-label {
2529
- padding-left: 12px;
2530
- }
2531
- .e3wFormPageWrapTight .formContentAlone :global .ant-input-number {
2532
- border-radius: 4px 0 0 4px;
2533
- }
2534
- .e3wFormPageWrapTight .formContentAlone :global .ant-form-item-required::before {
2535
- margin-left: -10px;
2536
- }
2537
- .e3wFormPageWrapTight .formContentAlone :global .ant-form-item-label {
2538
- padding-left: 12px;
2539
- }
2540
- .e3wFormPageWrapTight .countContent:after {
2541
- content: attr(data-count);
2542
- color: rgba(0, 0, 0, 0.45);
2543
- pointer-events: none;
2544
- float: right;
2545
- white-space: nowrap;
2546
- }
2547
- @media (max-width: 768px) and (orientation: portrait) {
2548
- :global .ant-form-item-label::after {
2549
- content: ":";
2550
- color: rgba(0, 0, 0, 0.75);
2551
- }
2552
- }
2553
- @media (max-width: 768px) and (orientation: landscape) {
2554
- :global .ant-form-item-label::after {
2555
- content: "";
2556
- }
2557
- }
2558
- @media (max-width: 768px) {
2559
- :global .ant-form-item-label {
2560
- padding: 0;
2561
- height: auto;
2562
- line-height: 30px;
2563
- text-align: right;
2564
- white-space: wrap;
2565
- overflow: visible;
2566
- }
2567
- :global .ant-form-item-label .ant-badge {
2568
- display: none;
2569
- }
2570
- :global .ant-form-item-label label {
2571
- display: inline-block;
2572
- width: 80%;
2573
- }
2574
- :global .ant-form-item-control {
2575
- line-height: 30px;
2576
- white-space: wrap;
2577
- color: black;
2578
- }
2579
- :global .ant-form-item-label,
2580
- :global .ant-form-item-control-wrapper {
2581
- width: unset;
2582
- }
2583
- :global .ant-col-6 {
2584
- width: 25% !important;
2585
- }
2586
- :global .ant-col-12 {
2587
- width: 50% !important;
2588
- }
2589
- :global .ant-col-18 {
2590
- width: 75% !important;
2591
- }
2592
- :global .ant-form-item {
2593
- font-size: 12px !important;
2594
- margin-bottom: 8px !important;
2595
- }
2596
- :global .ant-radio-wrapper {
2597
- font-size: 12px !important;
2598
- }
2599
- :global .ant-checkbox-wrapper {
2600
- font-size: 12px !important;
2601
- }
2602
- :global .ant-input {
2603
- font-size: 12px !important;
2604
- }
2605
- :global .ant-input[disabled] {
2606
- background-color: #fcfcfc !important;
2607
- }
2608
- :global .ant-table-body {
2609
- font-size: 12px !important;
2610
- }
2611
- :global .adm-collapse-panel-content {
2612
- padding: 0 12px;
2613
- }
2614
- :global .adm-list-item-content-main {
2615
- width: 100%;
2616
- }
2617
- :global .adm-form-item-horizontal .adm-list-item-content-main {
2618
- text-align: right;
2619
- }
2620
- :global .ant-form-item-label > label {
2621
- color: rgba(0, 0, 0, 0.75);
2622
- }
2623
- :global .adm-text-area-element,
2624
- :global .adm-text-area-count {
2625
- font-size: 14px;
2626
- }
2627
- }
2628
- .e3wFootBtn {
2629
- margin: 0px 8px;
2630
- }
2631
- .e3wFootBtn.e3wFootBtnThird {
2632
- border: none;
2633
- }
2634
- .e3wFormBtn {
2635
- margin-right: 8px;
2636
- }
2637
- .positionDiv {
2638
- position: absolute;
2639
- right: 32px;
2640
- top: var(--card-head-padding, 16px);
2641
- }
2642
- .e3wPositionA {
2643
- font-size: 15px;
2644
- font-weight: 900;
2645
- margin-left: 15px;
2646
- }
2647
- .e3wFootCard {
2648
- padding-top: 8px;
2649
- }
2650
- .e3wResult {
2651
- text-align: center;
2652
- width: 72%;
2653
- margin: 0 auto;
2654
- }
2655
- .e3wResult .e3wResultIcon {
2656
- font-size: 72px;
2657
- line-height: 72px;
2658
- margin-bottom: 24px;
2659
- }
2660
- .e3wResult .e3wResultIcon > .e3wResultSuccess {
2661
- color: #52c41a;
2662
- }
2663
- .e3wResult .e3wResultIcon > .e3wResultError {
2664
- color: #f5222d;
2665
- }
2666
- .e3wResult .e3wResultTitle {
2667
- font-size: 24px;
2668
- color: rgba(0, 0, 0, 0.85);
2669
- font-weight: 500;
2670
- line-height: 32px;
2671
- margin-bottom: 16px;
2672
- }
2673
- .e3wResult .e3wResultDescription {
2674
- font-size: 14px;
2675
- line-height: 22px;
2676
- color: rgba(0, 0, 0, 0.45);
2677
- margin-bottom: 24px;
2678
- }
2679
- .e3wResult .e3wResultExtra {
2680
- background: #fafafa;
2681
- padding: 24px 40px;
2682
- border-radius: 2px;
2683
- text-align: left;
2684
- }
2685
- .e3wResult .e3wResultActions {
2686
- margin-top: 32px;
2687
- }
2688
- .e3wResult .e3wResultActions e3wResultButton:not(:last-child) {
2689
- margin-right: 8px;
2690
- }
2691
- .Easy3wEditBigTable {
2692
- background-color: #fff;
2693
- }
2694
- .Easy3wEditBigTable .react-grid-Header .react-grid-HeaderRow > div > div.react-grid-HeaderCell > div {
2695
- height: 100%;
2696
- }
2697
- .Easy3wEditBigTable .react-grid-Header .react-grid-HeaderRow > div > div.react-grid-HeaderCell > div > div.form-group {
2698
- height: 100%;
2699
- }
2700
- .Easy3wEditBigTable .react-grid-Header .react-grid-HeaderRow > div > div.react-grid-HeaderCell > div > div.form-group > input[type="text"].form-control.input-sm {
2701
- width: 100%;
2702
- height: 100%;
2703
- border-color: #ddd;
2704
- outline: none;
2705
- border-style: solid;
2706
- border-radius: 3px;
2707
- }
2708
- .easy3wTree .easy3wTreeSearch {
2709
- width: calc(88%);
2710
- margin: 0 6px;
2711
- }
2712
- :global .ant-skeleton {
2713
- background: #fff;
2714
- padding: 0 24px;
2715
- }