lh-ui-next 0.2.1-beta.1 → 0.2.1-beta.10

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,4852 @@
1
+ * {
2
+ -webkit-box-sizing: border-box;
3
+ -moz-box-sizing: border-box;
4
+ box-sizing: border-box;
5
+ -webkit-tap-highlight-color: transparent;
6
+ tap-highlight-color: transparent;
7
+ outline: none;
8
+ }
9
+ html,
10
+ body {
11
+ margin: 0;
12
+ max-height: 100%;
13
+ height: 100%;
14
+ }
15
+ body {
16
+ overflow-y: hidden;
17
+ width: 100%;
18
+ font-family: "Microsoft YaHei";
19
+ font-size: 12px;
20
+ }
21
+ td,th {
22
+ font-size: 12px;
23
+ }
24
+ img {
25
+ width: auto;
26
+ height: auto;
27
+ }
28
+ a,
29
+ a:focus,
30
+ a:hover {
31
+ text-decoration: none;
32
+ outline: none;
33
+ }
34
+ ul {
35
+ margin: 0;
36
+ padding: 0;
37
+ }
38
+ li {
39
+ list-style: none;
40
+ }
41
+ button:focus {
42
+ outline: none;
43
+ }
44
+ select:focus {
45
+ outline: none;
46
+ }
47
+ ::-ms-clear,
48
+ ::-ms-reveal {
49
+ display: none;
50
+ }
51
+ p {
52
+ margin-block-start: 0;
53
+ margin-block-end: 0;
54
+ }
55
+ input {
56
+ font-family: "Microsoft YaHei";
57
+ -webkit-appearance: none;
58
+ outline: none;
59
+ }
60
+ input:focus {
61
+ outline: none;
62
+ }
63
+ textarea {
64
+ font-family: "Microsoft YaHei";
65
+ resize: none;
66
+ padding: 0;
67
+ }
68
+ textarea:focus {
69
+ outline: none;
70
+ resize: none;
71
+ }
72
+ pre {
73
+ font-family: "Microsoft YaHei";
74
+ }
75
+ .text-overflow {
76
+ overflow: hidden;
77
+ text-overflow: ellipsis;
78
+ white-space: nowrap;
79
+ }
80
+ .pointer {
81
+ cursor: pointer;
82
+ }
83
+ .pull-left {
84
+ float: left;
85
+ }
86
+ .pull-right {
87
+ float: right;
88
+ }
89
+ .lh-condition-text {
90
+ font-size: 14px;
91
+ margin-right: 7px;
92
+ color: rgba(255, 255, 255, 0.45);
93
+ display: inline-block;
94
+ }
95
+ .lh-condition-item {
96
+ height: 40px;
97
+ padding-top: 2px;
98
+ }
99
+ @-moz-document url-prefix() {
100
+ .lh-scroll-common {
101
+ scrollbar-color: rgba(255, 255, 255, 0.2) transparent;
102
+ /* 第一个方块颜色,第二个轨道颜色(用于更改火狐浏览器样式) */
103
+ scrollbar-width: thin;
104
+ /* 火狐滚动条无法自定义宽度,只能通过此属性使滚动条宽度变细 */
105
+ }
106
+ }
107
+ .lh-scroll-common::-webkit-scrollbar {
108
+ width: 6px;
109
+ height: 6px;
110
+ }
111
+ .lh-scroll-common::-webkit-scrollbar-thumb {
112
+ -webkit-box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.2);
113
+ background-color: rgba(255, 255, 255, 0.2);
114
+ }
115
+ .lh-scroll-common::-webkit-scrollbar-track {
116
+ -webkit-box-shadow: inset 0 0 5px transparent;
117
+ border-radius: 0;
118
+ background-color: transparent;
119
+ }
120
+ .lh-number-fontFamily {
121
+ font-family: Roboto, Helvetica Neue, Helvetica, Arial, pingfang sc, Hiragino Sans GB, Microsoft YaHei, STHeiti, SimSun, sans-serif;
122
+ }
123
+ .lh-popover {
124
+ display: inline-block;
125
+ width: 200px;
126
+ }
127
+ .lh-popover .popover-reference {
128
+ display: block;
129
+ width: 100%;
130
+ }
131
+ .lh-popover-content {
132
+ display: inline-block;
133
+ visibility: hidden;
134
+ position: fixed;
135
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
136
+ border-radius: 2px;
137
+ background: #fff;
138
+ }
139
+ .lh-checkbox {
140
+ display: inline-block;
141
+ position: relative;
142
+ user-select: none;
143
+ cursor: pointer;
144
+ }
145
+ .lh-checkbox + .lh-checkbox {
146
+ margin-left: 14px;
147
+ }
148
+ .lh-checkbox .lh-checkbox-outbox {
149
+ display: inline-block;
150
+ position: relative;
151
+ float: left;
152
+ cursor: pointer;
153
+ outline: none;
154
+ margin-top: 3px;
155
+ }
156
+ .lh-checkbox .lh-checkbox-outbox .lh-checkbox-innerbox {
157
+ position: relative;
158
+ display: inline-flex;
159
+ justify-content: center;
160
+ align-items: center;
161
+ width: 16px;
162
+ height: 16px;
163
+ background-color: #ffffff;
164
+ border-radius: 2px;
165
+ border: solid 1px rgba(255, 255, 255, 0.2);
166
+ transition: all 0.2s;
167
+ cursor: pointer;
168
+ }
169
+ .lh-checkbox .lh-checkbox-outbox .lh-checkbox-innerbox::after {
170
+ content: '';
171
+ position: absolute;
172
+ width: 8px;
173
+ top: 5px;
174
+ height: 3px;
175
+ border: 2px solid #fff;
176
+ border-left: 0;
177
+ border-top: 0;
178
+ transform: translateY(-2px) rotateY(180deg) rotateZ(45deg) scale(0);
179
+ transition: transform 0.2s;
180
+ }
181
+ .lh-checkbox .lh-checkbox-outbox .lh-checkbox-innerbox.indeterminate {
182
+ background-color: #fff;
183
+ }
184
+ .lh-checkbox .lh-checkbox-outbox .lh-checkbox-innerbox.indeterminate::after {
185
+ content: "";
186
+ position: absolute;
187
+ display: block;
188
+ background-color: #085CDC;
189
+ border-color: #085CDC;
190
+ border: none;
191
+ height: 8px;
192
+ transform: translateY(-50%) translateX(-50%);
193
+ left: 50%;
194
+ top: 50%;
195
+ width: 8px;
196
+ }
197
+ .lh-checkbox .lh-checkbox-outbox .lh-checkbox-input {
198
+ position: absolute;
199
+ top: 0;
200
+ bottom: 0;
201
+ left: 0;
202
+ right: 0;
203
+ visibility: hidden;
204
+ z-index: -10;
205
+ outline: none;
206
+ }
207
+ .lh-checkbox .lh-checkbox-text {
208
+ font-size: 14px;
209
+ color: rgba(255, 255, 255, 0.85);
210
+ padding-left: 8px;
211
+ height: 22px;
212
+ line-height: 22px;
213
+ float: left;
214
+ }
215
+ .lh-checkbox.checked .lh-checkbox-outbox .lh-checkbox-innerbox {
216
+ background-color: #085CDC;
217
+ border-color: #085CDC;
218
+ }
219
+ .lh-checkbox.checked .lh-checkbox-outbox .lh-checkbox-innerbox::after {
220
+ transform: translateY(-2px) rotateY(180deg) rotateZ(45deg) scale(1);
221
+ }
222
+ .lh-checkbox.disabled {
223
+ cursor: not-allowed;
224
+ }
225
+ .lh-checkbox.disabled .lh-checkbox-outbox .lh-checkbox-innerbox {
226
+ background-color: rgba(255, 255, 255, 0.08);
227
+ border: solid 1px rgba(255, 255, 255, 0.2);
228
+ cursor: not-allowed;
229
+ }
230
+ .lh-checkbox.disabled .lh-checkbox-outbox .lh-checkbox-innerbox::after {
231
+ border-color: rgba(255, 255, 255, 0.3);
232
+ }
233
+ .lh-checkbox.disabled .lh-checkbox-outbox .lh-checkbox-innerbox.indeterminate {
234
+ background-color: rgba(255, 255, 255, 0.08);
235
+ border: solid 1px rgba(255, 255, 255, 0.2);
236
+ }
237
+ .lh-checkbox.disabled .lh-checkbox-outbox .lh-checkbox-innerbox.indeterminate::after {
238
+ background-color: rgba(255, 255, 255, 0.3);
239
+ border-color: rgba(255, 255, 255, 0.3);
240
+ }
241
+ .lh-checkbox.disabled .lh-checkbox-text {
242
+ color: rgba(255, 255, 255, 0.3);
243
+ }
244
+ .lh-checkbox.mini .lh-checkbox-outbox .lh-checkbox-innerbox {
245
+ width: 14px;
246
+ height: 14px;
247
+ border-radius: 2px;
248
+ margin-top: 1px;
249
+ }
250
+ .lh-checkbox.mini .lh-checkbox-outbox .lh-checkbox-innerbox.indeterminate::after {
251
+ height: 6px;
252
+ width: 6px;
253
+ }
254
+ .lh-checkbox.mini .lh-checkbox-text {
255
+ font-size: 12px;
256
+ }
257
+ .lh-checkbox.mini.checked .lh-checkbox-outbox .lh-checkbox-innerbox::after {
258
+ top: 4px;
259
+ transform: translateY(-2px) rotateY(180deg) rotateZ(45deg) scale(0.9);
260
+ }
261
+ .lh-checkbox:not(.disabled):hover .lh-checkbox-innerbox {
262
+ border-color: #085CDC;
263
+ }
264
+ .lh-radio {
265
+ display: inline-block;
266
+ color: rgba(255, 255, 255, 0.85);
267
+ font-size: 0;
268
+ user-select: none;
269
+ cursor: pointer;
270
+ }
271
+ .lh-radio:hover .lh-radio-inner:not(.lh-radio-disabled) {
272
+ border-color: #085CDC;
273
+ }
274
+ .lh-radio + .lh-radio {
275
+ margin-left: 14px;
276
+ }
277
+ .lh-radio .lh-radio-output {
278
+ position: relative;
279
+ display: inline-block;
280
+ cursor: pointer;
281
+ vertical-align: middle;
282
+ }
283
+ .lh-radio .lh-radio-inner {
284
+ position: relative;
285
+ display: flex;
286
+ align-items: center;
287
+ justify-content: center;
288
+ width: 16px;
289
+ height: 16px;
290
+ background: #fff;
291
+ border: solid 1px rgba(255, 255, 255, 0.2);
292
+ border-radius: 50%;
293
+ transition: all 0.2s;
294
+ cursor: pointer;
295
+ /*&:not(.lh-radio-disabled):hover {
296
+ border-color:@color_theme6;
297
+ }*/
298
+ }
299
+ .lh-radio .lh-radio-inner::after {
300
+ content: '';
301
+ transform: scale(0);
302
+ transition: transform 0.2s;
303
+ background: #085CDC;
304
+ width: 6px;
305
+ height: 6px;
306
+ border-radius: 50%;
307
+ }
308
+ .lh-radio .lh-radio-inner.lh-radio-checked {
309
+ background-color: #fff;
310
+ border-color: #085CDC;
311
+ }
312
+ .lh-radio .lh-radio-inner.lh-radio-checked::after {
313
+ background-color: #085CDC;
314
+ transform: scale(1);
315
+ }
316
+ .lh-radio .lh-radio-inner.lh-radio-disabled {
317
+ background-color: rgba(255, 255, 255, 0.08);
318
+ border-color: rgba(255, 255, 255, 0.2);
319
+ cursor: not-allowed;
320
+ }
321
+ .lh-radio .lh-radio-inner.lh-radio-disabled.lh-radio-checked {
322
+ background-color: rgba(255, 255, 255, 0.08);
323
+ border-color: rgba(255, 255, 255, 0.2);
324
+ cursor: not-allowed;
325
+ }
326
+ .lh-radio .lh-radio-inner.lh-radio-disabled.lh-radio-checked::after {
327
+ background-color: rgba(255, 255, 255, 0.3);
328
+ transform: scale(1);
329
+ }
330
+ .lh-radio .lh-radio-input {
331
+ position: absolute;
332
+ top: 0;
333
+ right: 0;
334
+ bottom: 0;
335
+ margin: 0;
336
+ left: 0;
337
+ opacity: 0;
338
+ outline: none;
339
+ cursor: pointer;
340
+ z-index: -1;
341
+ }
342
+ .lh-radio .lh-radio-title {
343
+ transform: translateY(-1px);
344
+ display: inline-block;
345
+ font-size: 14px;
346
+ padding-left: 8px;
347
+ vertical-align: middle;
348
+ }
349
+ .lh-radio .lh-radio-title.lh-radio-title-checked {
350
+ color: rgba(255, 255, 255, 0.85);
351
+ }
352
+ .lh-radio.lh-color-disabled {
353
+ cursor: not-allowed;
354
+ }
355
+ .lh-radio.lh-color-disabled .lh-radio-title {
356
+ color: rgba(255, 255, 255, 0.3);
357
+ }
358
+ .lh-radio.mini + .lh-radio {
359
+ margin-left: 12px;
360
+ }
361
+ .lh-radio.mini .lh-radio-inner {
362
+ width: 14px;
363
+ height: 14px;
364
+ }
365
+ .lh-radio.mini .lh-radio-inner::after {
366
+ width: 6px;
367
+ height: 6px;
368
+ }
369
+ .lh-radio.mini .lh-radio-title {
370
+ font-size: 12px;
371
+ }
372
+ .lh-radio-group {
373
+ display: inline-block;
374
+ font-size: 0;
375
+ border-collapse: separate;
376
+ }
377
+ .lh-input {
378
+ position: relative;
379
+ display: inline-block;
380
+ outline: 0;
381
+ width: 200px;
382
+ }
383
+ .lh-input .lh-input-cornInput {
384
+ color: rgba(255, 255, 255, 0.85);
385
+ display: inline-block;
386
+ width: 100%;
387
+ padding: 0 7px 0 7px;
388
+ font-size: 14px;
389
+ height: 32px;
390
+ line-height: 32px;
391
+ background-color: #fff;
392
+ border: 1px solid rgba(255, 255, 255, 0.2);
393
+ border-radius: 2px;
394
+ transition: border 0.2s;
395
+ outline: none;
396
+ /* WebKit, Blink, Edge */
397
+ /* Mozilla Firefox 4 to 18 */
398
+ /* Mozilla Firefox 19+ */
399
+ /* Internet Explorer 10-11 */
400
+ }
401
+ .lh-input .lh-input-cornInput[type="number"] {
402
+ padding-right: 0 !important;
403
+ }
404
+ .lh-input .lh-input-cornInput:hover {
405
+ border-color: #2B7DE8;
406
+ }
407
+ .lh-input .lh-input-cornInput:focus {
408
+ border-color: #2B7DE8;
409
+ }
410
+ .lh-input .lh-input-cornInput::-webkit-input-placeholder {
411
+ color: rgba(255, 255, 255, 0.3);
412
+ }
413
+ .lh-input .lh-input-cornInput:-moz-placeholder {
414
+ color: rgba(255, 255, 255, 0.3);
415
+ opacity: 1;
416
+ }
417
+ .lh-input .lh-input-cornInput::-moz-placeholder {
418
+ color: rgba(255, 255, 255, 0.3);
419
+ opacity: 1;
420
+ }
421
+ .lh-input .lh-input-cornInput:-ms-input-placeholder {
422
+ color: rgba(255, 255, 255, 0.3);
423
+ }
424
+ .lh-input .lh-input_icon {
425
+ position: absolute;
426
+ right: 6px;
427
+ align-items: center;
428
+ width: 16px;
429
+ height: 16px;
430
+ top: 8px;
431
+ color: #D79614;
432
+ text-align: center;
433
+ }
434
+ .lh-input .lh-input_icon .lds-css {
435
+ display: none;
436
+ }
437
+ .lh-input .lh-input_icon_img {
438
+ display: inline-block;
439
+ width: 16px;
440
+ height: 16px;
441
+ }
442
+ .lh-input .lh-input_icon:after {
443
+ content: '';
444
+ display: inline-block;
445
+ width: 0;
446
+ height: 100%;
447
+ vertical-align: middle;
448
+ }
449
+ .lh-input .lh-input__prefix {
450
+ position: absolute;
451
+ left: 8px;
452
+ top: 0;
453
+ line-height: 32px;
454
+ color: rgba(255, 255, 255, 0.3);
455
+ }
456
+ .lh-input .lh-input__prefix i {
457
+ font-size: 14px;
458
+ }
459
+ .lh-input .lh-input__suffix {
460
+ position: absolute;
461
+ right: 8px;
462
+ top: 0;
463
+ line-height: 32px;
464
+ color: rgba(255, 255, 255, 0.3);
465
+ }
466
+ .lh-input .lh-input__suffix i {
467
+ font-size: 14px;
468
+ }
469
+ .lh-input .lh-input__suffix-text {
470
+ position: absolute;
471
+ right: 8px;
472
+ top: 0;
473
+ line-height: 32px;
474
+ color: rgba(255, 255, 255, 0.65);
475
+ font-size: 14px;
476
+ }
477
+ .lh-input.mini .lh-input-cornInput {
478
+ height: 24px;
479
+ line-height: 24px;
480
+ font-size: 12px;
481
+ padding: 0 7px 0 7px;
482
+ }
483
+ .lh-input.mini .lh-input_icon {
484
+ top: 4px;
485
+ }
486
+ .lh-input.mini .lh-input__prefix {
487
+ line-height: 24px;
488
+ }
489
+ .lh-input.mini .lh-input__prefix i {
490
+ font-size: 14px;
491
+ }
492
+ .lh-input.mini .lh-input__suffix {
493
+ line-height: 24px;
494
+ }
495
+ .lh-input.mini .lh-input__suffix i {
496
+ font-size: 14px;
497
+ }
498
+ .lh-input.mini .lh-input__suffix-text {
499
+ line-height: 24px;
500
+ font-size: 12px;
501
+ }
502
+ .lh-input.big .lh-input-cornInput {
503
+ height: 40px;
504
+ line-height: 40px;
505
+ font-size: 16px;
506
+ padding: 0 11px 0 11px;
507
+ }
508
+ .lh-input.big .lh-input_icon {
509
+ top: 12px;
510
+ }
511
+ .lh-input.big .lh-input__prefix {
512
+ line-height: 40px;
513
+ left: 11px;
514
+ }
515
+ .lh-input.big .lh-input__prefix i {
516
+ font-size: 20px;
517
+ }
518
+ .lh-input.big .lh-input__suffix {
519
+ line-height: 40px;
520
+ right: 11px;
521
+ }
522
+ .lh-input.big .lh-input__suffix i {
523
+ font-size: 20px;
524
+ }
525
+ .lh-input.big .lh-input__suffix-text {
526
+ line-height: 40px;
527
+ font-size: 20px;
528
+ }
529
+ .lh-input.is-prefix .lh-input-cornInput {
530
+ padding-left: 28px;
531
+ }
532
+ .lh-input.is-prefix.big .lh-input-cornInput {
533
+ padding-left: 40px;
534
+ }
535
+ .lh-input.is-prefix.mini .lh-input-cornInput {
536
+ padding-left: 26px;
537
+ }
538
+ .lh-input.is-suffix .lh-input-cornInput {
539
+ padding-right: 28px;
540
+ }
541
+ .lh-input.is-suffix.big .lh-input-cornInput {
542
+ padding-right: 40px;
543
+ }
544
+ .lh-input.is-suffix.mini .lh-input-cornInput {
545
+ padding-right: 26px;
546
+ }
547
+ .lh-input-disabled .lh-input-cornInput {
548
+ color: rgba(255, 255, 255, 0.3);
549
+ background-color: rgba(255, 255, 255, 0.08);
550
+ border: solid 1px rgba(255, 255, 255, 0.2) !important;
551
+ cursor: not-allowed;
552
+ }
553
+ @keyframes lds-dual-ring {
554
+ 0% {
555
+ -webkit-transform: rotate(0);
556
+ transform: rotate(0);
557
+ }
558
+ 100% {
559
+ -webkit-transform: rotate(360deg);
560
+ transform: rotate(360deg);
561
+ }
562
+ }
563
+ @-webkit-keyframes lds-dual-ring {
564
+ 0% {
565
+ -webkit-transform: rotate(0);
566
+ transform: rotate(0);
567
+ }
568
+ 100% {
569
+ -webkit-transform: rotate(360deg);
570
+ transform: rotate(360deg);
571
+ }
572
+ }
573
+ .lds-dual-ring {
574
+ position: relative;
575
+ }
576
+ .lds-dual-ring div {
577
+ position: absolute;
578
+ width: 160px;
579
+ height: 160px;
580
+ top: 20px;
581
+ left: 20px;
582
+ border-radius: 50%;
583
+ border: 8px solid #000;
584
+ -webkit-animation: lds-dual-ring 1s linear infinite;
585
+ animation: lds-dual-ring 1s linear infinite;
586
+ }
587
+ .lds-dual-ring {
588
+ width: 16px !important;
589
+ height: 16px !important;
590
+ -webkit-transform: translate(-8px, -8px) scale(0.08) translate(8px, 8px);
591
+ transform: translate(-8px, -8px) scale(0.08) translate(8px, 8px);
592
+ }
593
+ .lh-transfer {
594
+ position: relative;
595
+ background: #fff;
596
+ justify-content: center;
597
+ min-width: 600px;
598
+ }
599
+ .lh-transfer .lh-transfer-header {
600
+ padding: 0 0 10px 0;
601
+ }
602
+ .lh-transfer .title {
603
+ font-size: 14px;
604
+ padding: 15px 25px;
605
+ color: #b0b1b9;
606
+ }
607
+ .lh-transfer .lh-transfer-left {
608
+ width: 50%;
609
+ padding-bottom: 4px;
610
+ display: inline-block;
611
+ box-sizing: border-box;
612
+ border: 1px solid #e8ecf1;
613
+ border-bottom-left-radius: 3px;
614
+ border-top-left-radius: 3px;
615
+ }
616
+ .lh-transfer .lh-transfer-left ul {
617
+ height: 212px;
618
+ overflow-y: auto;
619
+ }
620
+ .lh-transfer .lh-transfer-left ul li {
621
+ height: 32px;
622
+ display: block;
623
+ }
624
+ .lh-transfer .lh-transfer-right {
625
+ width: 50%;
626
+ padding-bottom: 4px;
627
+ box-sizing: border-box;
628
+ border: 1px solid #e8ecf1;
629
+ display: inline-block;
630
+ border-bottom-right-radius: 3px;
631
+ border-top-right-radius: 3px;
632
+ font-size: 14px;
633
+ color: #434860;
634
+ margin-left: -1px;
635
+ }
636
+ .lh-transfer .lh-transfer-right ul {
637
+ height: 212px;
638
+ overflow-y: auto;
639
+ }
640
+ .lh-transfer .lh-transfer-right .lh-transfer-right-item {
641
+ height: 32px;
642
+ line-height: 32px;
643
+ padding: 0 20px 0 25px;
644
+ justify-content: space-between;
645
+ }
646
+ .lh-transfer .lh-transfer-right .lh-transfer-right-item .right-str {
647
+ display: block;
648
+ float: left;
649
+ width: -moz-calc(100% - 20px);
650
+ width: -webkit-calc(100% - 20px);
651
+ width: calc(100% - 20px);
652
+ }
653
+ .lh-transfer .lh-transfer-right .lh-transfer-right-item .right-str.shorts {
654
+ width: -moz-calc(100% - 66px);
655
+ width: -webkit-calc(100% - 66px);
656
+ width: calc(100% - 66px);
657
+ }
658
+ .lh-transfer .lh-transfer-right .lh-transfer-right-item .right-img {
659
+ height: 100%;
660
+ float: right;
661
+ display: block;
662
+ }
663
+ .lh-transfer .lh-transfer-right .lh-transfer-right-item .right-img .right-icon {
664
+ cursor: pointer;
665
+ font-size: 14px;
666
+ color: #c9ccd5;
667
+ }
668
+ .lh-transfer .lh-transfer-right .lh-transfer-right-item .right-img .right-icon:hover {
669
+ color: #e9563e;
670
+ }
671
+ .lh-transfer .lh-transfer-right .lh-transfer-right-item:hover {
672
+ background-color: #eff2ff;
673
+ }
674
+ .lh-select {
675
+ display: block;
676
+ width: 100%;
677
+ position: relative;
678
+ }
679
+ .lh-select .lh-select-text {
680
+ width: 100%;
681
+ color: rgba(255, 255, 255, 0.85);
682
+ display: block;
683
+ background-color: #ffffff;
684
+ border-radius: 2px;
685
+ border: solid 1px rgba(255, 255, 255, 0.2);
686
+ height: 32px;
687
+ padding: 0 7px 0 3px;
688
+ overflow: hidden;
689
+ text-overflow: ellipsis;
690
+ white-space: nowrap;
691
+ cursor: pointer;
692
+ position: relative;
693
+ user-select: none;
694
+ }
695
+ .lh-select .lh-select-text .lh-select-single {
696
+ line-height: 30px;
697
+ font-size: 14px;
698
+ width: 100%;
699
+ padding-right: 15px;
700
+ margin-left: 4px;
701
+ }
702
+ .lh-select .lh-select-text .lh-select-placeholder {
703
+ line-height: 30px;
704
+ font-size: 14px;
705
+ color: rgba(255, 255, 255, 0.3);
706
+ margin-left: 4px;
707
+ }
708
+ .lh-select .lh-select-text .lh-select-node {
709
+ display: inline-block;
710
+ height: 24px;
711
+ line-height: 24px;
712
+ font-size: 12px;
713
+ background-color: rgba(255, 255, 255, 0.12);
714
+ border-radius: 2px;
715
+ padding: 0 7px 0 7px;
716
+ margin: 3px 4px 0 0;
717
+ color: rgba(255, 255, 255, 0.85);
718
+ max-width: -moz-calc(100% - 50px);
719
+ max-width: -webkit-calc(100% - 50px);
720
+ max-width: calc(100% - 50px);
721
+ position: relative;
722
+ }
723
+ .lh-select .lh-select-text .lh-select-node .icon_component_close {
724
+ cursor: pointer;
725
+ position: absolute;
726
+ right: 4px;
727
+ font-size: 14px;
728
+ color: rgba(255, 255, 255, 0.3);
729
+ }
730
+ .lh-select .lh-select-text .lh-select-node .icon_component_close:hover {
731
+ color: rgba(255, 255, 255, 0.45);
732
+ }
733
+ .lh-select .lh-select-text .lh-select-node.lh-select-node-close {
734
+ padding: 0 4px 0 4px;
735
+ }
736
+ .lh-select .lh-select-text .dropdown-icon {
737
+ position: absolute;
738
+ right: 8px;
739
+ top: 8px;
740
+ font-size: 14px;
741
+ color: rgba(255, 255, 255, 0.3);
742
+ transition: All 0.3s ease-in-out;
743
+ line-height: 1;
744
+ }
745
+ .lh-select .lh-select-text .dropdown-icon-caret-bottom {
746
+ width: 0;
747
+ height: 0;
748
+ border-left: 4px solid transparent;
749
+ border-right: 4px solid transparent;
750
+ border-top: 4px solid #858585;
751
+ position: absolute;
752
+ right: 14px;
753
+ top: 10px;
754
+ transition: All 0.3s ease-in-out;
755
+ }
756
+ .lh-select .lh-select-text .dropdown-icon-caret-bottom.disabled {
757
+ display: none;
758
+ }
759
+ .lh-select .lh-select-text:hover {
760
+ border-color: #2B7DE8;
761
+ }
762
+ .lh-select .lh-select-text.error {
763
+ border-color: #e9563e;
764
+ }
765
+ .lh-select .lh-select-text.disabled {
766
+ background-color: rgba(255, 255, 255, 0.08);
767
+ border-color: rgba(255, 255, 255, 0.2);
768
+ cursor: no-drop;
769
+ }
770
+ .lh-select .lh-select-text.disabled .dropdown-icon {
771
+ color: rgba(255, 255, 255, 0.3);
772
+ }
773
+ .lh-select .lh-select-text.disabled .lh-select-single {
774
+ color: rgba(255, 255, 255, 0.3);
775
+ }
776
+ .lh-select .triangle_border_up {
777
+ display: none;
778
+ width: 0;
779
+ height: 0;
780
+ border-width: 0 6px 6px;
781
+ border-style: solid;
782
+ border-color: transparent transparent #e8ecf1;
783
+ position: absolute;
784
+ z-index: 11;
785
+ left: 50%;
786
+ margin-left: -6px;
787
+ }
788
+ .lh-select .triangle_border_up:before {
789
+ content: "";
790
+ display: block;
791
+ width: 0;
792
+ height: 0;
793
+ border-width: 0 6px 6px;
794
+ border-style: solid;
795
+ border-color: transparent transparent #fff;
796
+ position: absolute;
797
+ top: 1px;
798
+ left: -6px;
799
+ }
800
+ .lh-select.mini .lh-select-text {
801
+ height: 24px;
802
+ }
803
+ .lh-select.mini .lh-select-text .lh-select-single {
804
+ font-size: 12px;
805
+ line-height: 22px;
806
+ }
807
+ .lh-select.mini .lh-select-text .lh-select-placeholder {
808
+ line-height: 22px;
809
+ font-size: 12px;
810
+ }
811
+ .lh-select.mini .lh-select-text .lh-select-node {
812
+ height: 16px;
813
+ margin-top: 3px;
814
+ margin-right: 2px;
815
+ line-height: 16px;
816
+ max-width: -moz-calc(100% - 38px);
817
+ max-width: -webkit-calc(100% - 38px);
818
+ max-width: calc(100% - 38px);
819
+ }
820
+ .lh-select.mini .lh-select-text .dropdown-icon {
821
+ top: 4px;
822
+ right: 4px;
823
+ }
824
+ .lh-select.active .triangle_border_up {
825
+ display: block;
826
+ }
827
+ .lh-select.active .lh-select-text {
828
+ border-color: #085CDC;
829
+ }
830
+ .lh-select.active .lh-select-text .dropdown-icon {
831
+ -webkit-transform: rotate(-180deg);
832
+ transform: rotate(-180deg);
833
+ }
834
+ .lh-select.active .lh-select-text .dropdown-icon-caret-bottom {
835
+ transform: rotate(-180deg);
836
+ }
837
+ .lh-select.active.mini .lh-select-text .dropdown-icon {
838
+ -webkit-transform: rotate(-180deg);
839
+ transform: rotate(-180deg);
840
+ }
841
+ .lh-select-ul {
842
+ min-height: 10px;
843
+ background-color: #ffffff;
844
+ padding: 4px 0 4px 0;
845
+ }
846
+ .lh-select-ul .nullMsg {
847
+ color: #b8bbc3;
848
+ text-align: center;
849
+ }
850
+ .lh-select-ul .lh-select-search {
851
+ width: 100%;
852
+ padding-top: 8px;
853
+ padding-left: 12px;
854
+ padding-right: 12px;
855
+ padding-bottom: 6px;
856
+ }
857
+ .lh-select-ul ul {
858
+ width: 100%;
859
+ }
860
+ .lh-select-ul ul li {
861
+ font-size: 14px;
862
+ background-color: #fff;
863
+ border-radius: 2px;
864
+ height: 32px;
865
+ line-height: 32px;
866
+ padding: 0 12px;
867
+ color: rgba(255, 255, 255, 0.85);
868
+ cursor: pointer;
869
+ overflow: hidden;
870
+ text-overflow: ellipsis;
871
+ white-space: nowrap;
872
+ }
873
+ .lh-select-ul ul li:hover {
874
+ background-color: rgba(255, 255, 255, 0.08);
875
+ }
876
+ .lh-select-ul ul li.active {
877
+ background-color: #0A4BAD;
878
+ font-weight: bold;
879
+ }
880
+ .lh-select-ul ul li.disabled {
881
+ background-color: #fff;
882
+ color: #b0b1b9;
883
+ cursor: not-allowed;
884
+ }
885
+ .lh-select-ul ul li span.events-none {
886
+ pointer-events: none;
887
+ }
888
+ .lh-select-ul.mini ul {
889
+ padding: 0 0 0 0;
890
+ }
891
+ .lh-select-ul.mini ul li {
892
+ font-size: 12px;
893
+ height: 22px;
894
+ line-height: 22px;
895
+ padding-left: 6px;
896
+ padding-right: 6px;
897
+ }
898
+ .lh-select-ul.mini .lh-select-search {
899
+ padding-top: 0;
900
+ padding-left: 6px;
901
+ padding-right: 6px;
902
+ }
903
+ .lh-select-dialog-title {
904
+ position: fixed;
905
+ z-index: 10000;
906
+ border: 1px solid #222;
907
+ background-color: #fff;
908
+ padding: 4px 5px;
909
+ max-width: 850px;
910
+ }
911
+ .lh-select-popover-content {
912
+ overflow: hidden;
913
+ }
914
+ .lh-tab {
915
+ width: 100%;
916
+ }
917
+ .lh-tab.with-border {
918
+ border: solid #e4e8eb 1px;
919
+ }
920
+ .lh-tab .lh-tab-content.disabled {
921
+ cursor: no-drop !important;
922
+ }
923
+ .lh-tab .lh-tab-div-n1 .lh-tab-content {
924
+ border: solid 1px rgba(255, 255, 255, 0.2);
925
+ height: 32px;
926
+ line-height: 30px;
927
+ display: inline-block;
928
+ float: left;
929
+ margin-left: -1px;
930
+ padding-left: 16px;
931
+ padding-right: 16px;
932
+ color: rgba(255, 255, 255, 0.85);
933
+ font-size: 14px;
934
+ cursor: pointer;
935
+ position: relative;
936
+ }
937
+ .lh-tab .lh-tab-div-n1 .lh-tab-content:hover {
938
+ color: #2B7DE8;
939
+ }
940
+ .lh-tab .lh-tab-div-n1 .lh-tab-content.active {
941
+ color: #085CDC;
942
+ border-color: #085CDC;
943
+ z-index: 2;
944
+ }
945
+ .lh-tab .lh-tab-div-n1 .lh-tab-content.disabled {
946
+ color: rgba(255, 255, 255, 0.3);
947
+ }
948
+ .lh-tab .lh-tab-div-n1 .lh-tab-content:first-child {
949
+ border-radius: 2px 0 0 2px;
950
+ }
951
+ .lh-tab .lh-tab-div-n1 .lh-tab-content:last-child {
952
+ border-radius: 0 2px 2px 0;
953
+ }
954
+ .lh-tab .lh-tab-div-n1.mini .lh-tab-content {
955
+ height: 24px;
956
+ line-height: 22px;
957
+ padding-left: 8px;
958
+ padding-right: 8px;
959
+ font-size: 12px;
960
+ }
961
+ .lh-tab .lh-tab-div-n2 {
962
+ height: 100%;
963
+ }
964
+ .lh-tab .lh-tab-div-n2 .lh-tab-content {
965
+ display: inline-block;
966
+ float: left;
967
+ color: rgba(255, 255, 255, 0.85);
968
+ font-size: 18px;
969
+ cursor: pointer;
970
+ margin-right: 32px;
971
+ line-height: 40px;
972
+ position: relative;
973
+ }
974
+ .lh-tab .lh-tab-div-n2 .lh-tab-content:hover {
975
+ font-weight: bold;
976
+ }
977
+ .lh-tab .lh-tab-div-n2 .lh-tab-content.active {
978
+ font-weight: bold;
979
+ border-bottom: solid 2px #085CDC;
980
+ }
981
+ .lh-tab .lh-tab-div-n2 .lh-tab-content.disabled {
982
+ color: rgba(255, 255, 255, 0.3);
983
+ font-weight: normal;
984
+ }
985
+ .lh-tab .lh-tab-div-n2 .lh-tab-content:last-child {
986
+ margin-right: 0;
987
+ }
988
+ .lh-tab .lh-tab-div-n3 .lh-tab-content {
989
+ height: 32px;
990
+ line-height: 30px;
991
+ display: inline-block;
992
+ float: left;
993
+ margin-left: -1px;
994
+ padding-left: 16px;
995
+ padding-right: 16px;
996
+ color: rgba(255, 255, 255, 0.85);
997
+ font-size: 14px;
998
+ cursor: pointer;
999
+ position: relative;
1000
+ border: 1px solid transparent;
1001
+ }
1002
+ .lh-tab .lh-tab-div-n3 .lh-tab-content + .lh-tab-content {
1003
+ margin-left: 7px;
1004
+ }
1005
+ .lh-tab .lh-tab-div-n3 .lh-tab-content:hover {
1006
+ color: #2B7DE8;
1007
+ border: 1px solid #2B7DE8;
1008
+ border-radius: 16px;
1009
+ }
1010
+ .lh-tab .lh-tab-div-n3 .lh-tab-content.active {
1011
+ color: white;
1012
+ background-color: #085CDC;
1013
+ border: none;
1014
+ line-height: 32px;
1015
+ border-radius: 16px;
1016
+ z-index: 2;
1017
+ }
1018
+ .lh-tab .lh-tab-div-n3 .lh-tab-content.disabled {
1019
+ color: rgba(255, 255, 255, 0.3);
1020
+ border: none;
1021
+ }
1022
+ .lh-tab .lh-tab-div-n3.mini .lh-tab-content {
1023
+ height: 24px;
1024
+ line-height: 22px;
1025
+ padding-left: 12px;
1026
+ padding-right: 12px;
1027
+ font-size: 12px;
1028
+ }
1029
+ .lh-tab .lh-tab-div-n3.mini .lh-tab-content.active {
1030
+ line-height: 24px;
1031
+ }
1032
+ .lh-tab .lh-tab-div-n4:after {
1033
+ content: "";
1034
+ display: block;
1035
+ clear: both;
1036
+ }
1037
+ .lh-tab .lh-tab-div-n4 .lh-tab-content {
1038
+ display: inline-block;
1039
+ float: left;
1040
+ color: rgba(255, 255, 255, 0.85);
1041
+ font-size: 14px;
1042
+ cursor: pointer;
1043
+ margin-right: 32px;
1044
+ padding-bottom: 8px;
1045
+ line-height: 19px;
1046
+ }
1047
+ .lh-tab .lh-tab-div-n4 .lh-tab-content:hover {
1048
+ color: #4496FF;
1049
+ }
1050
+ .lh-tab .lh-tab-div-n4 .lh-tab-content.active {
1051
+ color: #4496FF;
1052
+ border-bottom: solid 2px #4496FF;
1053
+ }
1054
+ .lh-tab .lh-tab-div-n4 .lh-tab-content.disabled {
1055
+ color: rgba(255, 255, 255, 0.3);
1056
+ }
1057
+ .lh-tab .lh-tab-div-n4 .lh-tab-content:last-child {
1058
+ margin-right: 0;
1059
+ }
1060
+ .lh-tab .lh-tab-div-n4.mini .lh-tab-content {
1061
+ font-size: 12px;
1062
+ }
1063
+ .lh-tab .lh-tab-div-n4.mini .more-wrap {
1064
+ font-size: 12px;
1065
+ }
1066
+ .lh-tab .lh-tab-div-n4.big .lh-tab-content {
1067
+ margin-right: 40px;
1068
+ line-height: 21px;
1069
+ font-size: 16px;
1070
+ }
1071
+ .lh-tab .lh-tab-div-n4.big .more-wrap {
1072
+ font-size: 16px;
1073
+ }
1074
+ .lh-tab .lh-tab-div-n4 .more-wrap {
1075
+ position: relative;
1076
+ font-size: 14px;
1077
+ }
1078
+ .lh-tab .lh-tab-div-n4 .more-wrap .more {
1079
+ color: rgba(255, 255, 255, 0.85);
1080
+ }
1081
+ .lh-tab .lh-tab-div-n4 .more-wrap:hover .drop-down-wrap {
1082
+ display: block!important;
1083
+ }
1084
+ .lh-tab .lh-tab-div-n4 .more-wrap:hover .dropdown-icon {
1085
+ -webkit-transform: rotate(-180deg);
1086
+ transform: rotate(-180deg);
1087
+ }
1088
+ .lh-tab .lh-tab-div-n4 .more-wrap .li-span {
1089
+ border: none;
1090
+ line-height: 32px;
1091
+ height: 32px;
1092
+ }
1093
+ .lh-tab .lh-tab-div-n4 .more-wrap .dropdown-icon {
1094
+ display: inline-block;
1095
+ transition: All 0.3s ease-in-out;
1096
+ color: rgba(255, 255, 255, 0.45);
1097
+ font-size: 10px;
1098
+ }
1099
+ .lh-tab .lh-tab-div-n4 .more-wrap .drop-down-wrap {
1100
+ position: absolute;
1101
+ top: 100%;
1102
+ left: 0;
1103
+ display: none;
1104
+ min-height: 10px;
1105
+ padding-bottom: 5px;
1106
+ z-index: 999;
1107
+ }
1108
+ .lh-tab .lh-tab-div-n4 .more-wrap .drop-down-wrap.mini ul {
1109
+ padding: 0 0 0 0;
1110
+ }
1111
+ .lh-tab .lh-tab-div-n4 .more-wrap .drop-down-wrap.mini ul li {
1112
+ font-size: 12px;
1113
+ height: 20px;
1114
+ line-height: 19px;
1115
+ padding-left: 4px;
1116
+ padding-right: 4px;
1117
+ }
1118
+ .lh-tab .lh-tab-div-n4 .more-wrap .drop-down-wrap.big ul li {
1119
+ font-size: 16px;
1120
+ }
1121
+ .lh-tab .lh-tab-div-n4 .more-wrap .drop-down-wrap ul {
1122
+ width: 100%;
1123
+ padding: 8px 0;
1124
+ overflow-y: auto;
1125
+ border-radius: 2px;
1126
+ box-shadow: 0 4px 8px 0 rgba(255, 255, 255, 0.2);
1127
+ background-color: #ffffff;
1128
+ }
1129
+ .lh-tab .lh-tab-div-n4 .more-wrap .drop-down-wrap ul li {
1130
+ font-size: 14px;
1131
+ background-color: #fff;
1132
+ border-radius: 2px;
1133
+ height: 32px;
1134
+ line-height: 32px;
1135
+ padding: 0 16px;
1136
+ color: rgba(255, 255, 255, 0.85);
1137
+ cursor: pointer;
1138
+ overflow: hidden;
1139
+ text-overflow: ellipsis;
1140
+ white-space: nowrap;
1141
+ }
1142
+ .lh-tab .lh-tab-div-n4 .more-wrap .drop-down-wrap ul li:hover {
1143
+ background-color: rgba(255, 255, 255, 0.08);
1144
+ }
1145
+ .lh-tab .lh-tab-div-n4 .more-wrap .drop-down-wrap ul li:hover .lh-tab-content {
1146
+ color: rgba(255, 255, 255, 0.85);
1147
+ }
1148
+ .lh-tab .lh-tab-div-n4 .more-wrap .drop-down-wrap ul li.disabled {
1149
+ background-color: #fff;
1150
+ cursor: not-allowed;
1151
+ }
1152
+ .lh-tab .lh-tab-div-n4 .more-wrap .drop-down-wrap ul li span.active {
1153
+ color: #2B7DE8 !important;
1154
+ }
1155
+ .lh-tab .lh-tab-div-n4 .more-wrap .drop-down-wrap ul li span.disabled {
1156
+ color: rgba(255, 255, 255, 0.3) !important;
1157
+ }
1158
+ .lh-tab .lh-tab-div-n4 .more-wrap .drop-down-wrap ul li span.events-none {
1159
+ pointer-events: none;
1160
+ }
1161
+ .lh-tab .lh-tab-div-n5 {
1162
+ border: 1px solid rgba(255, 255, 255, 0.12);
1163
+ width: 100%;
1164
+ height: 32px;
1165
+ }
1166
+ .lh-tab .lh-tab-div-n5 .lh-tab-content {
1167
+ height: 30px;
1168
+ line-height: 30px;
1169
+ display: inline-block;
1170
+ float: left;
1171
+ margin-left: -1px;
1172
+ padding-left: 16px;
1173
+ padding-right: 16px;
1174
+ color: rgba(255, 255, 255, 0.65);
1175
+ font-size: 14px;
1176
+ cursor: pointer;
1177
+ position: relative;
1178
+ }
1179
+ .lh-tab .lh-tab-div-n5 .lh-tab-content:hover {
1180
+ color: #2B7DE8;
1181
+ }
1182
+ .lh-tab .lh-tab-div-n5 .lh-tab-content.active {
1183
+ color: rgba(255,255,255,0.85);
1184
+ background-color: #085CDC;
1185
+ }
1186
+ .lh-tab .lh-tab-div-n5 .lh-tab-content.disabled {
1187
+ color: rgba(255, 255, 255, 0.3);
1188
+ }
1189
+ .lh-tab .lh-tab-div-n5 .lh-tab-content:first-child {
1190
+ border-radius: 2px 0 0 2px;
1191
+ }
1192
+ .lh-tab .lh-tab-div-n5 .lh-tab-content:last-child {
1193
+ border-radius: 0 2px 2px 0;
1194
+ }
1195
+ .lh-tab .lh-tab-div-n5.mini .lh-tab-content {
1196
+ height: 24px;
1197
+ line-height: 22px;
1198
+ padding-left: 8px;
1199
+ padding-right: 8px;
1200
+ font-size: 12px;
1201
+ }
1202
+ .lh-textarea {
1203
+ height: 100px;
1204
+ width: 200px;
1205
+ display: inline-block;
1206
+ position: relative;
1207
+ }
1208
+ .lh-textarea .inputText {
1209
+ position: absolute;
1210
+ color: rgba(255, 255, 255, 0.3);
1211
+ font-size: 12px;
1212
+ line-height: 16px;
1213
+ right: 4px;
1214
+ bottom: 4px;
1215
+ }
1216
+ .lh-textarea pre {
1217
+ line-height: 20px;
1218
+ cursor: text;
1219
+ text-align: justify;
1220
+ text-justify: inter-ideograph;
1221
+ position: absolute;
1222
+ top: 0;
1223
+ left: 0;
1224
+ width: 100%;
1225
+ height: 100%;
1226
+ overflow: hidden;
1227
+ white-space: pre-wrap;
1228
+ color: rgba(255, 255, 255, 0.3);
1229
+ padding: 6px 8px 6px 8px;
1230
+ margin: 0;
1231
+ font-size: 14px;
1232
+ }
1233
+ .lh-textarea textarea {
1234
+ width: 100%;
1235
+ height: 100%;
1236
+ resize: none;
1237
+ font-size: 14px;
1238
+ color: rgba(255, 255, 255, 0.85);
1239
+ padding: 6px 8px 6px 8px;
1240
+ border: 1px solid rgba(255, 255, 255, 0.2);
1241
+ border-radius: 3px;
1242
+ line-height: 22px;
1243
+ /* WebKit, Blink, Edge */
1244
+ /* Mozilla Firefox 4 to 18 */
1245
+ /* Mozilla Firefox 19+ */
1246
+ /* Internet Explorer 10-11 */
1247
+ }
1248
+ .lh-textarea textarea:hover {
1249
+ border-color: #2B7DE8;
1250
+ }
1251
+ .lh-textarea textarea:focus {
1252
+ border-color: #2B7DE8;
1253
+ }
1254
+ .lh-textarea textarea.totalBottom {
1255
+ padding-bottom: 20px !important;
1256
+ }
1257
+ .lh-textarea textarea::-webkit-input-placeholder {
1258
+ color: rgba(255, 255, 255, 0.3);
1259
+ }
1260
+ .lh-textarea textarea:-moz-placeholder {
1261
+ color: rgba(255, 255, 255, 0.3);
1262
+ opacity: 1;
1263
+ }
1264
+ .lh-textarea textarea::-moz-placeholder {
1265
+ color: rgba(255, 255, 255, 0.3);
1266
+ opacity: 1;
1267
+ }
1268
+ .lh-textarea textarea:-ms-input-placeholder {
1269
+ color: rgba(255, 255, 255, 0.3);
1270
+ }
1271
+ .lh-textarea textarea:disabled {
1272
+ color: rgba(255, 255, 255, 0.3);
1273
+ background-color: rgba(255, 255, 255, 0.08);
1274
+ border: solid 1px rgba(255, 255, 255, 0.2);
1275
+ cursor: not-allowed;
1276
+ }
1277
+ .lh-textarea.mini textarea {
1278
+ padding: 4px 8px 4px 8px;
1279
+ font-size: 12px;
1280
+ }
1281
+ .lh-textarea.mini pre {
1282
+ padding: 4px 8px 4px 8px;
1283
+ font-size: 12px;
1284
+ }
1285
+ .lh-textarea.readonly textarea:focus {
1286
+ border-color: rgba(255, 255, 255, 0.2);
1287
+ }
1288
+ .lh-textarea.disabled pre {
1289
+ cursor: not-allowed;
1290
+ }
1291
+ .lh-button {
1292
+ cursor: pointer;
1293
+ font-weight: 400;
1294
+ }
1295
+ .lh-button + .lh-button {
1296
+ margin-left: 8px;
1297
+ }
1298
+ .lh-button-primary {
1299
+ font-size: 14px;
1300
+ height: 32px;
1301
+ padding-left: 16px;
1302
+ padding-right: 16px;
1303
+ border: none;
1304
+ background-color: #085CDC;
1305
+ color: white;
1306
+ border-radius: 2px;
1307
+ }
1308
+ .lh-button-primary i {
1309
+ margin-top: 1px;
1310
+ line-height: 1;
1311
+ font-size: 14px;
1312
+ }
1313
+ .lh-button-primary i.prefix-icon {
1314
+ margin-right: 4px;
1315
+ }
1316
+ .lh-button-primary i.suffix-icon {
1317
+ margin-left: 4px;
1318
+ }
1319
+ .lh-button-primary:hover {
1320
+ background-color: #2B7DE8;
1321
+ }
1322
+ .lh-button-primary:active {
1323
+ background-color: #2B7DE8;
1324
+ }
1325
+ .lh-button-primary.disabled {
1326
+ background-color: #0F2D5B;
1327
+ cursor: not-allowed;
1328
+ }
1329
+ .lh-button-primary.big {
1330
+ font-size: 16px;
1331
+ height: 40px;
1332
+ padding-left: 24px;
1333
+ padding-right: 24px;
1334
+ }
1335
+ .lh-button-primary.big i {
1336
+ font-size: 16px;
1337
+ }
1338
+ .lh-button-primary.big i.prefix-icon {
1339
+ margin-right: 8px;
1340
+ }
1341
+ .lh-button-primary.big i.suffix-icon {
1342
+ margin-left: 8px;
1343
+ }
1344
+ .lh-button-primary.big.has-icon {
1345
+ padding-left: 16px;
1346
+ padding-right: 16px;
1347
+ }
1348
+ .lh-button-primary.mini {
1349
+ font-size: 12px;
1350
+ height: 24px;
1351
+ padding-left: 8px;
1352
+ padding-right: 8px;
1353
+ }
1354
+ .lh-button-primary.mini i {
1355
+ font-size: 12px;
1356
+ }
1357
+ .lh-button-primary.lh-button-primary-type2 {
1358
+ background-color: #11192C;
1359
+ color: #085CDC;
1360
+ }
1361
+ .lh-button-primary.lh-button-primary-type2:hover {
1362
+ background-color: #0F2346;
1363
+ }
1364
+ .lh-button-primary.lh-button-primary-type2:active {
1365
+ background-color: #0F2D5B;
1366
+ }
1367
+ .lh-button-primary.lh-button-primary-type2.disabled {
1368
+ background-color: #11192C;
1369
+ color: white;
1370
+ }
1371
+ .lh-button-minor {
1372
+ padding-left: 15px;
1373
+ padding-right: 15px;
1374
+ background-color: white;
1375
+ color: rgba(255, 255, 255, 0.85);
1376
+ font-size: 14px;
1377
+ height: 32px;
1378
+ border-radius: 2px;
1379
+ border: 1px solid rgba(255, 255, 255, 0.2);
1380
+ }
1381
+ .lh-button-minor i {
1382
+ margin-top: 1px;
1383
+ line-height: 1;
1384
+ font-size: 14px;
1385
+ }
1386
+ .lh-button-minor i.prefix-icon {
1387
+ margin-right: 4px;
1388
+ }
1389
+ .lh-button-minor i.suffix-icon {
1390
+ margin-left: 4px;
1391
+ }
1392
+ .lh-button-minor:hover {
1393
+ color: #2B7DE8;
1394
+ border-color: #2B7DE8;
1395
+ }
1396
+ .lh-button-minor:active {
1397
+ color: #2B7DE8;
1398
+ border-color: #2B7DE8;
1399
+ }
1400
+ .lh-button-minor.disabled {
1401
+ background-color: rgba(255, 255, 255, 0.08);
1402
+ color: rgba(255, 255, 255, 0.3);
1403
+ cursor: not-allowed;
1404
+ }
1405
+ .lh-button-minor.disabled:hover {
1406
+ color: rgba(255, 255, 255, 0.3);
1407
+ border-color: rgba(255, 255, 255, 0.2);
1408
+ }
1409
+ .lh-button-minor.big {
1410
+ font-size: 16px;
1411
+ height: 40px;
1412
+ padding-left: 23px;
1413
+ padding-right: 23px;
1414
+ }
1415
+ .lh-button-minor.big i {
1416
+ font-size: 16px;
1417
+ }
1418
+ .lh-button-minor.big i.prefix-icon {
1419
+ margin-right: 7px;
1420
+ }
1421
+ .lh-button-minor.big i.suffix-icon {
1422
+ margin-left: 7px;
1423
+ }
1424
+ .lh-button-minor.big.has-icon {
1425
+ padding-left: 15px;
1426
+ padding-right: 15px;
1427
+ }
1428
+ .lh-button-minor.mini {
1429
+ font-size: 12px;
1430
+ height: 24px;
1431
+ padding-left: 7px;
1432
+ padding-right: 7px;
1433
+ }
1434
+ .lh-button-minor.mini i {
1435
+ font-size: 12px;
1436
+ }
1437
+ .lh-button-minor.lh-button-minor-type2 {
1438
+ color: #4496FF;
1439
+ border-color: #4496FF;
1440
+ background-color: rgba(255, 255, 255, 0);
1441
+ }
1442
+ .lh-button-minor.lh-button-minor-type2:hover {
1443
+ color: #69B1FF;
1444
+ border-color: #69B1FF;
1445
+ }
1446
+ .lh-button-minor.lh-button-minor-type2:active {
1447
+ color: #085CDC;
1448
+ border-color: #085CDC;
1449
+ }
1450
+ .lh-button-minor.lh-button-minor-type3 {
1451
+ border-style: dashed;
1452
+ }
1453
+ .lh-button-text {
1454
+ padding-left: 0;
1455
+ padding-right: 0;
1456
+ height: 32px;
1457
+ background-color: transparent;
1458
+ color: #085CDC;
1459
+ font-size: 14px;
1460
+ border: none;
1461
+ }
1462
+ .lh-button-text i {
1463
+ font-size: 14px;
1464
+ }
1465
+ .lh-button-text i.prefix-icon {
1466
+ margin-right: 4px;
1467
+ }
1468
+ .lh-button-text i.suffix-icon {
1469
+ margin-left: 4px;
1470
+ }
1471
+ .lh-button-text.mini {
1472
+ font-size: 12px;
1473
+ height: 24px;
1474
+ }
1475
+ .lh-button-text.mini i {
1476
+ font-size: 14px;
1477
+ }
1478
+ .lh-button-text.lh-button-text-type2 {
1479
+ color: #8FBCF6;
1480
+ }
1481
+ .lh-button-text.lh-button-text-type2:hover {
1482
+ color: #C3DCFE!important;
1483
+ }
1484
+ .lh-button-text.lh-button-text-type2:active {
1485
+ color: #C3DCFE;
1486
+ }
1487
+ .lh-button-text.lh-button-text-type3 {
1488
+ color: rgba(255, 255, 255, 0.85);
1489
+ }
1490
+ .lh-button-text.lh-button-text-type3:hover {
1491
+ color: rgba(255, 255, 255, 0.65);
1492
+ }
1493
+ .lh-button-text.lh-button-text-type3:active {
1494
+ color: rgba(255, 255, 255, 0.65);
1495
+ }
1496
+ .lh-button-text.lh-button-text-type4 {
1497
+ color: rgba(255, 255, 255, 0.45);
1498
+ }
1499
+ .lh-button-text.lh-button-text-type4:hover {
1500
+ color: rgba(255, 255, 255, 0.65);
1501
+ }
1502
+ .lh-button-text.lh-button-text-type4:active {
1503
+ color: rgba(255, 255, 255, 0.65);
1504
+ }
1505
+ .lh-button-text.lh-button-text-type5 {
1506
+ color: rgba(255, 255, 255, 0.85);
1507
+ padding-left: 16px;
1508
+ padding-right: 16px;
1509
+ border-radius: 2px;
1510
+ }
1511
+ .lh-button-text.lh-button-text-type5:hover {
1512
+ background-color: #0F2D5B;
1513
+ color: rgba(255, 255, 255, 0.85);
1514
+ }
1515
+ .lh-button-text.lh-button-text-type5:active {
1516
+ background-color: #0F2D5B;
1517
+ color: rgba(255, 255, 255, 0.45);
1518
+ }
1519
+ .lh-button-text.lh-button-text-type5.mini {
1520
+ padding-left: 8px;
1521
+ padding-right: 8px;
1522
+ }
1523
+ .lh-button-text.lh-button-text-type5 + .lh-button-text-type5 {
1524
+ margin-left: 0;
1525
+ }
1526
+ .lh-button-text.lh-button-text-type6 {
1527
+ cursor: auto;
1528
+ color: rgba(255, 255, 255, 0.85);
1529
+ }
1530
+ .lh-button-text.lh-button-text-type6:hover {
1531
+ color: rgba(255, 255, 255, 0.85);
1532
+ }
1533
+ .lh-button-text.lh-button-text-type6:active {
1534
+ color: rgba(255, 255, 255, 0.85);
1535
+ }
1536
+ .lh-button-text:hover {
1537
+ color: #2B7DE8;
1538
+ }
1539
+ .lh-button-text:active {
1540
+ color: #2B7DE8;
1541
+ }
1542
+ .lh-button-text.disabled {
1543
+ color: rgba(255, 255, 255, 0.3);
1544
+ cursor: not-allowed;
1545
+ }
1546
+ .lh-button-text.disabled:hover {
1547
+ color: rgba(255, 255, 255, 0.3);
1548
+ }
1549
+ .lh-button-text + .lh-button-text {
1550
+ margin-left: 16px;
1551
+ }
1552
+ .lh-switch {
1553
+ font-size: 14px;
1554
+ height: 22px;
1555
+ line-height: 22px;
1556
+ position: relative;
1557
+ }
1558
+ .lh-switch .lh-switch-input {
1559
+ position: absolute;
1560
+ top: 0;
1561
+ bottom: 0;
1562
+ left: 0;
1563
+ right: 0;
1564
+ visibility: hidden;
1565
+ }
1566
+ .lh-switch .lh-switch-core {
1567
+ height: 22px;
1568
+ width: 44px;
1569
+ border: none;
1570
+ margin: 0;
1571
+ display: inline-block;
1572
+ position: relative;
1573
+ outline: none;
1574
+ border-radius: 11px;
1575
+ box-sizing: border-box;
1576
+ background-color: rgba(255, 255, 255, 0.3);
1577
+ cursor: pointer;
1578
+ vertical-align: top;
1579
+ transition: all 0.3s ease;
1580
+ }
1581
+ .lh-switch .lh-switch-core::after {
1582
+ content: "";
1583
+ position: absolute;
1584
+ border-radius: 100%;
1585
+ width: 18px;
1586
+ height: 18px;
1587
+ top: 2px;
1588
+ left: 2px;
1589
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);
1590
+ background-color: #fff;
1591
+ transition: all 0.3s ease;
1592
+ }
1593
+ .lh-switch .lh-switch-checked .lh-switch-core {
1594
+ border: none;
1595
+ background-color: #085CDC;
1596
+ }
1597
+ .lh-switch .lh-switch-checked .lh-switch-core::after {
1598
+ left: 24px;
1599
+ }
1600
+ .lh-switch .lh-switch-disabled {
1601
+ cursor: not-allowed;
1602
+ }
1603
+ .lh-switch .lh-switch-disabled .lh-switch-core {
1604
+ background-color: rgba(255, 255, 255, 0.08);
1605
+ }
1606
+ .lh-switch .lh-switch-disabled.lh-switch-checked .lh-switch-core {
1607
+ background-color: #0F2D5B;
1608
+ }
1609
+ .lh-switch.mini {
1610
+ height: 16px;
1611
+ line-height: 16px;
1612
+ }
1613
+ .lh-switch.mini .lh-switch-core {
1614
+ height: 16px;
1615
+ width: 28px;
1616
+ border-radius: 8px;
1617
+ }
1618
+ .lh-switch.mini .lh-switch-core::after {
1619
+ width: 12px;
1620
+ height: 12px;
1621
+ }
1622
+ .lh-switch.mini .lh-switch-checked .lh-switch-core::after {
1623
+ left: 14px;
1624
+ }
1625
+ .lh-select-tile .tile-title {
1626
+ font-weight: 700;
1627
+ font-size: 14px;
1628
+ margin: 8px 0;
1629
+ }
1630
+ .lh-select-tile .lh-select-tile-ul {
1631
+ display: inline-block;
1632
+ }
1633
+ .lh-select-tile .lh-select-tile-ul .tile-left-title {
1634
+ display: inline-block;
1635
+ color: rgba(255, 255, 255, 0.85);
1636
+ font-size: 14px;
1637
+ font-weight: bold;
1638
+ }
1639
+ .lh-select-tile .lh-select-tile-ul li {
1640
+ display: inline-block;
1641
+ padding-left: 12px;
1642
+ padding-right: 12px;
1643
+ height: 24px;
1644
+ line-height: 24px;
1645
+ cursor: pointer;
1646
+ color: rgba(255, 255, 255, 0.85);
1647
+ border-radius: 12px;
1648
+ font-size: 14px;
1649
+ margin-bottom: 8px;
1650
+ margin-right: 20px;
1651
+ }
1652
+ .lh-select-tile .lh-select-tile-ul li:last-child {
1653
+ margin-right: 0;
1654
+ }
1655
+ .lh-select-tile .lh-select-tile-ul li:hover {
1656
+ background: #0A4BAD;
1657
+ }
1658
+ .lh-select-tile .lh-select-tile-ul li.active {
1659
+ background-color: #0A4BAD;
1660
+ color: rgba(255,255,255,0.85);
1661
+ }
1662
+ .lh-select-tile .lh-select-tile-ul li.disabled {
1663
+ color: rgba(255, 255, 255, 0.2);
1664
+ cursor: not-allowed;
1665
+ }
1666
+ .lh-select-tile .lh-select-tile-ul li.disabled.active {
1667
+ background-color: rgba(255, 255, 255, 0.08);
1668
+ color: rgba(255, 255, 255, 0.2);
1669
+ }
1670
+ .lh-select-tile .custom-option {
1671
+ color: #666;
1672
+ height: 20px;
1673
+ display: inline-block;
1674
+ position: relative;
1675
+ line-height: 20px;
1676
+ margin-left: -10px;
1677
+ }
1678
+ .lh-select-tile .custom-option input {
1679
+ /* WebKit, Blink, Edge */
1680
+ /* Mozilla Firefox 4 to 18 */
1681
+ /* Mozilla Firefox 19+ */
1682
+ /* Internet Explorer 10-11 */
1683
+ }
1684
+ .lh-select-tile .custom-option input::-webkit-input-placeholder {
1685
+ color: #b2b2b2;
1686
+ font-size: 14px;
1687
+ }
1688
+ .lh-select-tile .custom-option input:-moz-placeholder {
1689
+ color: #b2b2b2;
1690
+ font-size: 14px;
1691
+ opacity: 1;
1692
+ }
1693
+ .lh-select-tile .custom-option input::-moz-placeholder {
1694
+ color: #b2b2b2;
1695
+ font-size: 14px;
1696
+ opacity: 1;
1697
+ }
1698
+ .lh-select-tile .custom-option input:-ms-input-placeholder {
1699
+ color: #b2b2b2;
1700
+ font-size: 14px;
1701
+ }
1702
+ .lh-select-tile .custom-option .custom-input {
1703
+ width: 60px;
1704
+ margin: 0;
1705
+ padding: 0 4px;
1706
+ border: none;
1707
+ text-align: center;
1708
+ background-color: transparent;
1709
+ line-height: 20px;
1710
+ }
1711
+ .lh-select-tile .custom-option .custom-option-disable {
1712
+ position: absolute;
1713
+ top: 0;
1714
+ left: 0;
1715
+ width: 100%;
1716
+ height: 100%;
1717
+ z-index: 2;
1718
+ cursor: not-allowed;
1719
+ }
1720
+ .lh-select-tile .mini li,
1721
+ .lh-select-tile .mini input {
1722
+ font-size: 12px;
1723
+ }
1724
+ .lh-select-tile .mini li {
1725
+ height: 20px;
1726
+ line-height: 20px;
1727
+ border-radius: 10px;
1728
+ padding-left: 10px;
1729
+ padding-right: 10px;
1730
+ }
1731
+ .lh-condition-roller {
1732
+ background-color: white;
1733
+ width: 100%;
1734
+ }
1735
+ .lh-condition-roller .roller-head {
1736
+ min-height: 48px;
1737
+ padding-left: 20px;
1738
+ padding-right: 20px;
1739
+ position: relative;
1740
+ padding-top: 12px;
1741
+ }
1742
+ .lh-condition-roller .roller-head .lh-condition-item {
1743
+ height: 36px;
1744
+ padding-top: 0;
1745
+ margin-right: 20px;
1746
+ }
1747
+ .lh-condition-roller .roller-head .lh-condition-item:last-child {
1748
+ margin-right: 0;
1749
+ }
1750
+ .lh-condition-roller .roller-head .lh-condition-text {
1751
+ color: rgba(255, 255, 255, 0.65);
1752
+ font-size: 12px;
1753
+ display: inline-block;
1754
+ }
1755
+ .lh-condition-roller .roller-content {
1756
+ padding-left: 20px;
1757
+ }
1758
+ .lh-condition-roller .roller-content .lh-condition-item {
1759
+ margin-right: 30px;
1760
+ vertical-align: top;
1761
+ line-height: normal;
1762
+ display: inline-block;
1763
+ }
1764
+ .lh-condition-roller .roller-content .lh-condition-item .lh-condition-text {
1765
+ display: inline-block;
1766
+ font-size: 12px;
1767
+ font-weight: normal;
1768
+ color: rgba(255, 255, 255, 0.65);
1769
+ }
1770
+ .lh-condition-roller .roller-content .lh-condition-item.condition-only {
1771
+ display: block;
1772
+ height: auto;
1773
+ }
1774
+ .lh-condition-roller .roller-bottom {
1775
+ height: 44px;
1776
+ padding-top: 8px;
1777
+ padding-left: 20px;
1778
+ padding-right: 20px;
1779
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
1780
+ }
1781
+ .lh-condition-roller .roller-btn {
1782
+ border-radius: 3px;
1783
+ line-height: 20px;
1784
+ font-size: 12px;
1785
+ height: 24px;
1786
+ width: auto;
1787
+ display: inline-block;
1788
+ color: rgba(255, 255, 255, 0.65);
1789
+ cursor: pointer;
1790
+ border: none;
1791
+ background: transparent;
1792
+ padding: 0 12px;
1793
+ }
1794
+ .lh-condition-roller .roller-btn:hover {
1795
+ border-color: #085CDC;
1796
+ color: #085CDC;
1797
+ }
1798
+ .lh-condition-roller .roller-btn:hover .icon_component_arrow_double {
1799
+ color: #085CDC;
1800
+ }
1801
+ .lh-condition-roller .roller-btn.active {
1802
+ background-color: #ff6000;
1803
+ color: white;
1804
+ border: none;
1805
+ }
1806
+ .lh-condition-roller .roller-btn.active:hover {
1807
+ opacity: 0.8;
1808
+ }
1809
+ .lh-condition-roller.collapse .cContent {
1810
+ padding-bottom: 20px;
1811
+ }
1812
+ .lh-condition-roller.collapse .cContent .lh-condition-item {
1813
+ margin-top: 20px;
1814
+ }
1815
+ .lh-condition-roller.collapse .cContent .lh-condition-item.condition-only {
1816
+ margin-top: 8px;
1817
+ }
1818
+ .lh-condition-side {
1819
+ width: 100%;
1820
+ border-radius: 3px;
1821
+ cursor: pointer;
1822
+ }
1823
+ .lh-condition-side .lh-condition-side-head {
1824
+ height: 32px;
1825
+ width: 100%;
1826
+ position: relative;
1827
+ }
1828
+ .lh-condition-side .lh-condition-side-head .lh-condition-side-head-right {
1829
+ float: right;
1830
+ }
1831
+ .lh-condition-side .lh-condition-side-head .lh-condition-side-head-right .lh-condition-more {
1832
+ float: left;
1833
+ display: inline-block;
1834
+ background-color: white;
1835
+ color: rgba(255, 255, 255, 0.85);
1836
+ font-size: 14px;
1837
+ cursor: pointer;
1838
+ border: 1px solid rgba(255, 255, 255, 0.2);
1839
+ height: 32px;
1840
+ line-height: 30px;
1841
+ width: 32px;
1842
+ margin-left: 8px;
1843
+ text-align: center;
1844
+ border-radius: 2px;
1845
+ }
1846
+ .lh-condition-side .lh-condition-side-head .lh-condition-side-head-right .lh-condition-more i {
1847
+ font-size: 20px;
1848
+ }
1849
+ .lh-condition-side .lh-condition-side-head .lh-condition-side-head-right .lh-condition-more:hover {
1850
+ border-color: #2B7DE8;
1851
+ color: #2B7DE8;
1852
+ }
1853
+ .lh-condition-side .lh-condition-side-head .lh-condition-side-head-right .lh-button {
1854
+ float: left;
1855
+ margin-left: 16px;
1856
+ }
1857
+ .lh-condition-side .lh-condition-side-head .lh-condition-item {
1858
+ height: 32px;
1859
+ padding-top: 0;
1860
+ }
1861
+ .lh-condition-side .lh-condition-side-head .lh-condition-item + .lh-condition-item {
1862
+ margin-left: 8px;
1863
+ }
1864
+ .lh-condition-side .lh-condition-side-head .lh-condition-item .lh-condition-text {
1865
+ margin-right: 11px;
1866
+ float: left;
1867
+ margin-top: 5px;
1868
+ color: #858585;
1869
+ }
1870
+ .lh-condition-side .lh-condition-side-wapper {
1871
+ position: fixed;
1872
+ z-index: 2009;
1873
+ top: 0;
1874
+ right: -600px;
1875
+ transition: 0.6s right ease;
1876
+ background-color: white;
1877
+ width: 600px;
1878
+ height: 100vh;
1879
+ overflow: hidden;
1880
+ padding: 46px 0 32px 40px;
1881
+ }
1882
+ .lh-condition-side .lh-condition-side-wapper .lh-condition-title {
1883
+ height: 40px;
1884
+ line-height: 32px;
1885
+ font-size: 18px;
1886
+ color: rgba(255, 255, 255, 0.85);
1887
+ font-weight: bold;
1888
+ margin-bottom: 27px;
1889
+ position: relative;
1890
+ padding-left: 48px;
1891
+ }
1892
+ .lh-condition-side .lh-condition-side-wapper .lh-condition-title .title-img-wapper {
1893
+ position: absolute;
1894
+ left: 0;
1895
+ top: 0;
1896
+ vertical-align: middle;
1897
+ display: inline-block;
1898
+ width: 32px;
1899
+ height: 32px;
1900
+ }
1901
+ .lh-condition-side .lh-condition-side-wapper .lh-condition-title .title-img-wapper img {
1902
+ height: 100%;
1903
+ width: 100%;
1904
+ }
1905
+ .lh-condition-side .lh-condition-side-wapper .lh-condition-content {
1906
+ height: -moz-calc(100% - 100px);
1907
+ height: -webkit-calc(100% - 100px);
1908
+ height: calc(100% - 100px);
1909
+ overflow-y: auto;
1910
+ overflow-x: hidden;
1911
+ width: 100%;
1912
+ }
1913
+ .lh-condition-side .lh-condition-side-wapper .lh-condition-content .lh-select {
1914
+ position: static;
1915
+ }
1916
+ .lh-condition-side .lh-condition-side-wapper .lh-condition-content .lh-tree {
1917
+ position: static;
1918
+ }
1919
+ .lh-condition-side .lh-condition-side-wapper .lh-condition-content .lh-select-ul {
1920
+ padding-top: 0;
1921
+ margin-left: -8px;
1922
+ }
1923
+ .lh-condition-side .lh-condition-side-wapper .lh-condition-content .lh-select-ul li {
1924
+ margin-top: 2px !important;
1925
+ margin-bottom: 6px !important;
1926
+ }
1927
+ .lh-condition-side .lh-condition-side-wapper .lh-condition-content .lh-condition-item {
1928
+ width: 100%;
1929
+ min-height: 40px;
1930
+ height: auto;
1931
+ position: relative;
1932
+ padding-top: 4px;
1933
+ padding-bottom: 0px;
1934
+ margin-bottom: 0px;
1935
+ padding-left: 100px;
1936
+ }
1937
+ .lh-condition-side .lh-condition-side-wapper .lh-condition-content .lh-condition-item .lh-condition-text {
1938
+ position: absolute;
1939
+ left: 0;
1940
+ margin-top: 4px;
1941
+ width: 80px;
1942
+ display: inline-block;
1943
+ word-wrap: break-word;
1944
+ font-weight: 400;
1945
+ line-height: 19px;
1946
+ }
1947
+ .lh-condition-side .lh-condition-side-wapper .lh-condition-content .lh-condition-item .lh-input {
1948
+ width: 100%;
1949
+ }
1950
+ .lh-condition-side .lh-condition-side-wapper .lh-condition-content .lh-condition-item .lh-input input {
1951
+ border: none;
1952
+ float: left;
1953
+ margin-top: 5px;
1954
+ color: #353535;
1955
+ height: 17px;
1956
+ line-height: 17px;
1957
+ padding: 0;
1958
+ }
1959
+ .lh-condition-side .lh-condition-side-wapper .lh-condition-content .lh-condition-item .lh-input .lh-input__prefix {
1960
+ left: 0;
1961
+ line-height: 28px;
1962
+ }
1963
+ .lh-condition-side .lh-condition-side-wapper .lh-condition-content .lh-condition-item .lh-select-tile .lh-select-ul li {
1964
+ margin-top: 3px;
1965
+ margin-bottom: 0;
1966
+ }
1967
+ .lh-condition-side .lh-condition-side-wapper .lh-condition-content .lh-condition-item .lh-input.lh-input--prefix .lh-input__prefix {
1968
+ display: none;
1969
+ }
1970
+ .lh-condition-side .lh-condition-side-wapper .lh-condition-content .lh-condition-item .lh-date-picker .lh-date-picker__suffix {
1971
+ display: none !important;
1972
+ }
1973
+ .lh-condition-side .lh-condition-side-wapper .lh-condition-content .lh-condition-item .lh-date-picker .lh-input .lh-input-cornInput {
1974
+ height: 30px;
1975
+ line-height: 30px;
1976
+ padding-left: 0;
1977
+ padding-right: 0;
1978
+ margin-top: 0;
1979
+ }
1980
+ .lh-condition-side .lh-condition-side-wapper .lh-condition-content .lh-condition-item .lh-input.is-prefix .lh-input-cornInput {
1981
+ padding-left: 20px;
1982
+ }
1983
+ .lh-condition-side .lh-condition-side-wapper .lh-condition-footer {
1984
+ width: 100%;
1985
+ position: absolute;
1986
+ bottom: 32px;
1987
+ }
1988
+ .lh-condition-side .lh-condition-side-background {
1989
+ display: none;
1990
+ background-color: rgba(255, 255, 255, 0.3);
1991
+ width: 100%;
1992
+ height: 100%;
1993
+ position: fixed;
1994
+ top: 0;
1995
+ left: 0;
1996
+ z-index: -1;
1997
+ }
1998
+ .lh-condition-side.active {
1999
+ border-radius: 0;
2000
+ background-color: rgba(57, 64, 76, 0);
2001
+ cursor: auto;
2002
+ }
2003
+ .lh-condition-side.active .lh-condition-side-wapper {
2004
+ right: 0;
2005
+ }
2006
+ .lh-condition-side.active .lh-condition-side-background {
2007
+ display: block;
2008
+ z-index: 2008;
2009
+ }
2010
+ .lh-context-menu {
2011
+ position: relative;
2012
+ }
2013
+ .lh-context-menu .menu-list {
2014
+ display: none;
2015
+ position: fixed;
2016
+ z-index: 2;
2017
+ width: 140px;
2018
+ min-height: 90px;
2019
+ background: white;
2020
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
2021
+ border-radius: 2px;
2022
+ }
2023
+ .lh-context-menu.right-active .menu-list {
2024
+ display: block;
2025
+ }
2026
+ .select-pulse {
2027
+ margin-right: 30px;
2028
+ vertical-align: top;
2029
+ line-height: 1;
2030
+ display: inline-block;
2031
+ }
2032
+ .select-pulse > div {
2033
+ line-height: 1;
2034
+ margin-bottom: 13px;
2035
+ font-weight: 700;
2036
+ }
2037
+ .select-pulse > div .spanTitle {
2038
+ color: #666666;
2039
+ }
2040
+ .select-pulse > div .spanTitle.hide {
2041
+ color: #ccc;
2042
+ }
2043
+ .select-pulse > div .spanHide {
2044
+ color: #8590a6;
2045
+ cursor: pointer;
2046
+ }
2047
+ .select-pulse > div.active {
2048
+ display: inline-block;
2049
+ font-size: 12px;
2050
+ font-weight: normal;
2051
+ }
2052
+ .select-pulse > div.active .spanTitle {
2053
+ color: #999999;
2054
+ }
2055
+ .select-pulse ul {
2056
+ display: inline-block;
2057
+ }
2058
+ .select-pulse ul li {
2059
+ display: inline-block;
2060
+ padding-left: 6px;
2061
+ padding-right: 6px;
2062
+ height: 18px;
2063
+ line-height: 18px;
2064
+ cursor: pointer;
2065
+ color: #666666;
2066
+ border-radius: 9px;
2067
+ font-size: 12px;
2068
+ margin-bottom: 6px;
2069
+ margin-right: 5px;
2070
+ }
2071
+ .select-pulse ul li.hide {
2072
+ color: #ccc !important;
2073
+ cursor: default !important;
2074
+ background-color: white !important;
2075
+ }
2076
+ .select-pulse ul li.hide:hover {
2077
+ background: none;
2078
+ color: #ccc;
2079
+ }
2080
+ .select-pulse ul li:hover {
2081
+ background-color: #ff6000;
2082
+ color: white;
2083
+ }
2084
+ .select-pulse ul li.active {
2085
+ background-color: #ff6000;
2086
+ color: white;
2087
+ }
2088
+ .lh-calendar .lh-calendar-table {
2089
+ background-color: white;
2090
+ width: 100%;
2091
+ border-spacing: 0;
2092
+ border-collapse: collapse;
2093
+ }
2094
+ .lh-calendar .lh-calendar-table th {
2095
+ height: 28px;
2096
+ line-height: 28px;
2097
+ font-size: 14px;
2098
+ color: #858585;
2099
+ text-align: center;
2100
+ background-color: white;
2101
+ border-bottom: 1px solid #e4e8eb;
2102
+ font-weight: normal;
2103
+ }
2104
+ .lh-calendar .lh-calendar-table tr {
2105
+ border-bottom: 1px solid #e4e8eb;
2106
+ }
2107
+ .lh-calendar .lh-calendar-table tr:last-child {
2108
+ border-bottom: none;
2109
+ }
2110
+ .lh-calendar .lh-calendar-table td {
2111
+ padding: 0;
2112
+ vertical-align: top;
2113
+ border-right: 1px solid #e4e8eb;
2114
+ }
2115
+ .lh-calendar .lh-calendar-table td .info {
2116
+ min-height: 85px;
2117
+ padding-top: 13px;
2118
+ }
2119
+ .lh-calendar .lh-calendar-table td .info .info-header {
2120
+ display: inline-block;
2121
+ height: 24px;
2122
+ line-height: 24px;
2123
+ padding-left: 15px;
2124
+ padding-right: 11px;
2125
+ border-bottom-right-radius: 12px;
2126
+ border-top-right-radius: 12px;
2127
+ color: #666666;
2128
+ cursor: pointer;
2129
+ }
2130
+ .lh-calendar .lh-calendar-table td .info .info-header.isToday {
2131
+ background-color: #e4e8eb;
2132
+ }
2133
+ .lh-calendar .lh-calendar-table td .info .info-header.active {
2134
+ background-color: #085CDC;
2135
+ color: white;
2136
+ }
2137
+ .lh-calendar .lh-calendar-table td .info .info-header:hover {
2138
+ background-color: #085CDC;
2139
+ color: white;
2140
+ }
2141
+ .lh-calendar .lh-calendar-table td .info.disabled .info-header {
2142
+ cursor: not-allowed;
2143
+ color: #b2b2b2;
2144
+ }
2145
+ .lh-calendar .lh-calendar-table td .info.disabled .info-header:hover {
2146
+ background-color: white;
2147
+ color: #b2b2b2;
2148
+ }
2149
+ .lh-calendar .lh-calendar-table td:last-child {
2150
+ border-right: none;
2151
+ }
2152
+ .lh-calendar .lh-calendar-flex {
2153
+ background-color: white;
2154
+ }
2155
+ .lh-calendar .lh-calendar-flex .flex-header {
2156
+ display: -webkit-flex;
2157
+ /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
2158
+ display: -moz-flex;
2159
+ /* Firefox 18+ */
2160
+ display: -ms-flexbox;
2161
+ /* IE 10 */
2162
+ display: flex;
2163
+ /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
2164
+ -ms-flex-direction: row;
2165
+ -webkit-flex-direction: row;
2166
+ flex-direction: row;
2167
+ height: 28px;
2168
+ line-height: 28px;
2169
+ border-bottom: 1px solid #e4e8eb;
2170
+ }
2171
+ .lh-calendar .lh-calendar-flex .flex-header div {
2172
+ -ms-flex: 1 1 0%;
2173
+ -webkit-flex: 1 1 0%;
2174
+ flex: 1 1 0%;
2175
+ text-align: center;
2176
+ color: #858585;
2177
+ }
2178
+ .lh-calendar .lh-calendar-flex .flex-wapper {
2179
+ min-height: 350px;
2180
+ display: -webkit-flex;
2181
+ /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
2182
+ display: -moz-flex;
2183
+ /* Firefox 18+ */
2184
+ display: -ms-flexbox;
2185
+ /* IE 10 */
2186
+ display: flex;
2187
+ /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
2188
+ -ms-flex-direction: column;
2189
+ -webkit-flex-direction: column;
2190
+ flex-direction: column;
2191
+ }
2192
+ .lh-calendar .lh-calendar-flex .flex-wapper .flex-rows {
2193
+ display: -webkit-flex;
2194
+ /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
2195
+ display: -moz-flex;
2196
+ /* Firefox 18+ */
2197
+ display: -ms-flexbox;
2198
+ /* IE 10 */
2199
+ display: flex;
2200
+ /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
2201
+ -ms-flex-direction: row;
2202
+ -webkit-flex-direction: row;
2203
+ flex-direction: row;
2204
+ -ms-flex: 1 1 0%;
2205
+ -webkit-flex: 1 1 0%;
2206
+ flex: 1 1 0%;
2207
+ border-bottom: 1px solid #e4e8eb;
2208
+ }
2209
+ .lh-calendar .lh-calendar-flex .flex-wapper .flex-rows:last-child {
2210
+ border-bottom: none;
2211
+ }
2212
+ .lh-calendar .lh-calendar-flex .flex-wapper .flex-rows .flex-columns {
2213
+ -ms-flex: 1 1 0%;
2214
+ -webkit-flex: 1 1 0%;
2215
+ flex: 1 1 0%;
2216
+ border-right: 1px solid #e4e8eb;
2217
+ }
2218
+ .lh-calendar .lh-calendar-flex .flex-wapper .flex-rows .flex-columns:last-child {
2219
+ border-right: none;
2220
+ }
2221
+ .lh-calendar .lh-calendar-flex .flex-wapper .flex-rows .flex-columns .info {
2222
+ height: 100%;
2223
+ position: relative;
2224
+ }
2225
+ .lh-calendar .lh-calendar-flex .flex-wapper .flex-rows .flex-columns .info .info-header {
2226
+ display: inline-block;
2227
+ height: 20px;
2228
+ line-height: 20px;
2229
+ padding-left: 15px;
2230
+ padding-right: 11px;
2231
+ border-bottom-right-radius: 12px;
2232
+ border-top-right-radius: 12px;
2233
+ color: #666666;
2234
+ cursor: pointer;
2235
+ margin-top: 10px;
2236
+ }
2237
+ .lh-calendar .lh-calendar-flex .flex-wapper .flex-rows .flex-columns .info .info-header.isToday {
2238
+ background-color: #e4e8eb;
2239
+ }
2240
+ .lh-calendar .lh-calendar-flex .flex-wapper .flex-rows .flex-columns .info .info-header.active {
2241
+ background-color: #085CDC;
2242
+ color: white;
2243
+ }
2244
+ .lh-calendar .lh-calendar-flex .flex-wapper .flex-rows .flex-columns .info .info-header:hover {
2245
+ background-color: #085CDC;
2246
+ color: white;
2247
+ }
2248
+ .lh-calendar .lh-calendar-flex .flex-wapper .flex-rows .flex-columns .info.disabled .info-header {
2249
+ cursor: not-allowed;
2250
+ color: #b2b2b2;
2251
+ }
2252
+ .lh-calendar .lh-calendar-flex .flex-wapper .flex-rows .flex-columns .info.disabled .info-header:hover {
2253
+ background-color: white;
2254
+ color: #b2b2b2;
2255
+ }
2256
+ .lh-date {
2257
+ width: 280px;
2258
+ background-color: white;
2259
+ }
2260
+ .lh-date .lh-date-header {
2261
+ padding-top: 12px;
2262
+ padding-left: 10px;
2263
+ padding-right: 10px;
2264
+ text-align: center;
2265
+ height: 40px;
2266
+ }
2267
+ .lh-date .lh-date-header .lh-date-header-left {
2268
+ float: left;
2269
+ }
2270
+ .lh-date .lh-date-header .lh-date-header-right {
2271
+ float: right;
2272
+ }
2273
+ .lh-date .lh-date-header .lh-date-header-label {
2274
+ font-size: 14px;
2275
+ padding: 0 5px;
2276
+ cursor: pointer;
2277
+ font-weight: 500;
2278
+ }
2279
+ .lh-date .lh-date-header .lh-date-header-label:hover {
2280
+ color: #085CDC;
2281
+ }
2282
+ .lh-date .lh-date-header .lh-date-header-btn {
2283
+ width: 20px;
2284
+ cursor: pointer;
2285
+ padding-left: 6px;
2286
+ padding-right: 6px;
2287
+ }
2288
+ .lh-date .lh-date-header .lh-date-header-btn .icon_drop_down1 {
2289
+ transform: rotate(90deg);
2290
+ }
2291
+ .lh-date .lh-date-header .lh-date-header-btn .icon_drop_down2 {
2292
+ transform: rotate(270deg);
2293
+ }
2294
+ .lh-date .lh-date-header .lh-date-header-btn .icon_unfold2 {
2295
+ transform: rotate(180deg);
2296
+ }
2297
+ .lh-date .lh-date-header .lh-date-header-btn i {
2298
+ font-size: 14px;
2299
+ color: rgba(255, 255, 255, 0.45);
2300
+ display: inline-block;
2301
+ }
2302
+ .lh-date .lh-date-header .lh-date-header-btn:hover i {
2303
+ color: #085CDC;
2304
+ }
2305
+ .lh-date .lh-date-content {
2306
+ padding: 12px 15px 12px 15px;
2307
+ }
2308
+ .lh-date .lh-date-content .lh-date-table {
2309
+ background-color: white;
2310
+ width: 100%;
2311
+ border-spacing: 0;
2312
+ border-collapse: collapse;
2313
+ }
2314
+ .lh-date .lh-date-content .lh-date-table th {
2315
+ height: 24px;
2316
+ line-height: 24px;
2317
+ text-align: center;
2318
+ font-weight: 400;
2319
+ color: rgba(255, 255, 255, 0.85);
2320
+ font-size: 14px;
2321
+ }
2322
+ .lh-date .lh-date-content .lh-date-table td {
2323
+ width: 32px;
2324
+ text-align: center;
2325
+ color: rgba(255, 255, 255, 0.65);
2326
+ font-size: 14px;
2327
+ }
2328
+ .lh-date .lh-date-content .lh-date-table td div {
2329
+ padding: 2px 0 2px 0;
2330
+ cursor: pointer;
2331
+ }
2332
+ .lh-date .lh-date-content .lh-date-table td div span {
2333
+ display: inline-block;
2334
+ width: 24px;
2335
+ height: 24px;
2336
+ line-height: 24px;
2337
+ text-align: center;
2338
+ border-radius: 2px;
2339
+ position: relative;
2340
+ }
2341
+ .lh-date .lh-date-content .lh-date-table td div span label {
2342
+ display: none;
2343
+ position: absolute;
2344
+ width: 5px;
2345
+ height: 5px;
2346
+ background: #D31F29;
2347
+ box-shadow: 0px 1px 0px #FFFFFF;
2348
+ top: 2px;
2349
+ right: 2px;
2350
+ border-radius: 50%;
2351
+ }
2352
+ .lh-date .lh-date-content .lh-date-table td:hover span {
2353
+ background-color: #11192C;
2354
+ }
2355
+ .lh-date .lh-date-content .lh-date-table td.isToday {
2356
+ color: #085CDC;
2357
+ }
2358
+ .lh-date .lh-date-content .lh-date-table td.isToday span {
2359
+ border: 1px solid #085CDC;
2360
+ line-height: 22px;
2361
+ }
2362
+ .lh-date .lh-date-content .lh-date-table td.active span {
2363
+ background-color: #085CDC;
2364
+ color: white;
2365
+ box-shadow: 0 0 20px rgba(6, 105, 255, 0.4);
2366
+ }
2367
+ .lh-date .lh-date-content .lh-date-table td.disabled div {
2368
+ background-color: rgba(255, 255, 255, 0.04);
2369
+ color: rgba(255, 255, 255, 0.45);
2370
+ cursor: not-allowed;
2371
+ }
2372
+ .lh-date .lh-date-content .lh-date-table td.other-month {
2373
+ color: rgba(255, 255, 255, 0.3);
2374
+ }
2375
+ .lh-date .lh-date-content .lh-date-table td.other-month:hover {
2376
+ color: rgba(255, 255, 255, 0.3);
2377
+ }
2378
+ .lh-date .lh-date-content .lh-date-table td.activityDate div span label {
2379
+ display: block;
2380
+ }
2381
+ .lh-date .lh-date-content .lh-year-table {
2382
+ background-color: white;
2383
+ width: 100%;
2384
+ border-spacing: 0;
2385
+ border-collapse: collapse;
2386
+ color: #858585;
2387
+ }
2388
+ .lh-date .lh-date-content .lh-year-table td {
2389
+ text-align: center;
2390
+ padding: 20px 3px;
2391
+ cursor: pointer;
2392
+ }
2393
+ .lh-date .lh-date-content .lh-year-table td .cell {
2394
+ width: 48px;
2395
+ height: 32px;
2396
+ display: block;
2397
+ line-height: 32px;
2398
+ color: #606266;
2399
+ margin: 0 auto;
2400
+ }
2401
+ .lh-date .lh-date-content .lh-year-table td:hover .cell {
2402
+ color: #085CDC;
2403
+ }
2404
+ .lh-date .lh-date-content .lh-year-table td.selected .cell {
2405
+ color: #085CDC;
2406
+ font-weight: 700;
2407
+ }
2408
+ .lh-date .lh-date-content .lh-month-table {
2409
+ background-color: white;
2410
+ width: 100%;
2411
+ border-spacing: 0;
2412
+ border-collapse: collapse;
2413
+ color: #858585;
2414
+ }
2415
+ .lh-date .lh-date-content .lh-month-table td {
2416
+ text-align: center;
2417
+ padding: 8px 0;
2418
+ cursor: pointer;
2419
+ }
2420
+ .lh-date .lh-date-content .lh-month-table td div {
2421
+ height: 48px;
2422
+ padding: 6px 0;
2423
+ }
2424
+ .lh-date .lh-date-content .lh-month-table td div .cell {
2425
+ width: 60px;
2426
+ height: 36px;
2427
+ display: block;
2428
+ line-height: 36px;
2429
+ color: #606266;
2430
+ margin: 0 auto;
2431
+ border-radius: 18px;
2432
+ }
2433
+ .lh-date .lh-date-content .lh-month-table td:hover .cell {
2434
+ color: #085CDC;
2435
+ }
2436
+ .lh-date .lh-date-content .lh-month-table td.selected .cell {
2437
+ color: #085CDC;
2438
+ font-weight: 700;
2439
+ }
2440
+ .lh-date-picker {
2441
+ position: relative;
2442
+ display: inline-block;
2443
+ }
2444
+ .lh-date-picker .lh-date-picker__suffix {
2445
+ position: absolute;
2446
+ cursor: pointer;
2447
+ right: 8px;
2448
+ line-height: 32px;
2449
+ }
2450
+ .lh-date-picker .lh-date-picker__suffix i {
2451
+ font-size: 14px;
2452
+ }
2453
+ .lh-date-picker .lh-date-picker__suffix .icon_component_error02 {
2454
+ color: rgba(255, 255, 255, 0.3);
2455
+ display: none;
2456
+ }
2457
+ .lh-date-picker .lh-date-picker__suffix .icon_component_date {
2458
+ color: rgba(255, 255, 255, 0.3);
2459
+ display: inline-block;
2460
+ }
2461
+ .lh-date-picker.mini .lh-date-picker__suffix {
2462
+ line-height: 24px;
2463
+ }
2464
+ .lh-date-picker:hover .lh-date-picker__suffix .icon_component_error02 {
2465
+ color: rgba(255, 255, 255, 0.3);
2466
+ display: inline-block;
2467
+ }
2468
+ .lh-date-picker:hover .lh-date-picker__suffix .icon_component_error02:hover {
2469
+ color: rgba(255, 255, 255, 0.45);
2470
+ }
2471
+ .lh-date-picker.clearable:hover .lh-date-picker__suffix .icon_component_date {
2472
+ display: none;
2473
+ }
2474
+ .lh-date-picker-popover {
2475
+ box-shadow: 0 9px 28px rgba(0, 0, 0, 0.05);
2476
+ }
2477
+ .pingFangSC {
2478
+ font-family: PingFang-SC-Bold, Helvetica Neue, Helvetica, Arial, pingfang sc, Hiragino Sans GB, Microsoft YaHei, STHeiti, SimSun, sans-serif;
2479
+ }
2480
+ .lh-date-range-picker-popover {
2481
+ box-shadow: 0 9px 28px rgba(0, 0, 0, 0.05);
2482
+ }
2483
+ .lh-date-range-picker-popover .range-popover-content .range-popover-left {
2484
+ width: 80px;
2485
+ height: 240px;
2486
+ padding-left: 10px;
2487
+ padding-top: 10px;
2488
+ }
2489
+ .lh-date-range-picker-popover .range-popover-content .range-popover-left .lh-button-text.mini {
2490
+ height: 24px;
2491
+ }
2492
+ .lh-date-range-picker-popover .range-popover-content .range-popover-date {
2493
+ border-left: 1px solid rgba(255, 255, 255, 0.12);
2494
+ }
2495
+ .lh-date-range-picker {
2496
+ position: relative;
2497
+ display: inline-block;
2498
+ width: 100%;
2499
+ height: 32px;
2500
+ border: 1px solid rgba(255, 255, 255, 0.2);
2501
+ border-radius: 2px;
2502
+ }
2503
+ .lh-date-range-picker .icon_component_arrow_right {
2504
+ position: absolute;
2505
+ left: 50%;
2506
+ line-height: 30px;
2507
+ font-size: 14px;
2508
+ margin-left: -14px;
2509
+ color: rgba(255, 255, 255, 0.3);
2510
+ }
2511
+ .lh-date-range-picker .range__suffix {
2512
+ position: absolute;
2513
+ cursor: pointer;
2514
+ right: 8px;
2515
+ line-height: 30px;
2516
+ }
2517
+ .lh-date-range-picker .range__suffix.range__suffix_left {
2518
+ right: auto;
2519
+ left: 50%;
2520
+ margin-left: -30px;
2521
+ }
2522
+ .lh-date-range-picker .range__suffix i {
2523
+ font-size: 14px;
2524
+ }
2525
+ .lh-date-range-picker .range__suffix .icon_component_error02 {
2526
+ color: rgba(255, 255, 255, 0.3);
2527
+ display: none;
2528
+ }
2529
+ .lh-date-range-picker .range__suffix .icon_component_date {
2530
+ color: rgba(255, 255, 255, 0.3);
2531
+ display: inline-block;
2532
+ }
2533
+ .lh-date-range-picker .lh-input .lh-input-cornInput {
2534
+ border: none;
2535
+ height: 30px;
2536
+ }
2537
+ .lh-date-range-picker.mini {
2538
+ height: 24px;
2539
+ }
2540
+ .lh-date-range-picker.mini .icon_component_arrow_right {
2541
+ line-height: 22px;
2542
+ }
2543
+ .lh-date-range-picker.mini .lh-input .lh-input-cornInput {
2544
+ border: none;
2545
+ height: 22px;
2546
+ }
2547
+ .lh-date-range-picker.mini .range__suffix {
2548
+ line-height: 22px;
2549
+ }
2550
+ .lh-date-range-picker:hover {
2551
+ border: 1px solid #085CDC;
2552
+ }
2553
+ .lh-date-range-picker:hover .range__suffix .icon_component_error02 {
2554
+ color: rgba(255, 255, 255, 0.3);
2555
+ display: inline-block;
2556
+ }
2557
+ .lh-date-range-picker:hover .range__suffix .icon_component_error02:hover {
2558
+ color: rgba(255, 255, 255, 0.45);
2559
+ }
2560
+ .lh-date-range-picker.clearable:hover .range__suffix .icon_component_date {
2561
+ display: none;
2562
+ }
2563
+ .lh-date-range-picker.active {
2564
+ border: 1px solid #085CDC;
2565
+ }
2566
+ .width240 {
2567
+ width: 240px;
2568
+ }
2569
+ .lh-pagination.clearfix::after {
2570
+ clear: both;
2571
+ content: '';
2572
+ display: block;
2573
+ }
2574
+ .lh-pagination > span {
2575
+ color: rgba(255, 255, 255, 0.85);
2576
+ list-style: none;
2577
+ display: inline-block;
2578
+ font-size: 13px;
2579
+ min-width: 35.5px;
2580
+ height: 28px;
2581
+ line-height: 28px;
2582
+ vertical-align: top;
2583
+ }
2584
+ .lh-pagination input[type=number] {
2585
+ -moz-appearance: textfield;
2586
+ }
2587
+ .lh-pagination input[type=number]::-webkit-inner-spin-button,
2588
+ .lh-pagination input[type=number]::-webkit-outer-spin-button {
2589
+ -webkit-appearance: none;
2590
+ margin: 0;
2591
+ }
2592
+ .lh-pagination .icon_try_left {
2593
+ font-size: 12px;
2594
+ }
2595
+ .lh-pagination .icon_try_right {
2596
+ font-size: 12px;
2597
+ }
2598
+ .lh-pagination .lh-pagination--disabled {
2599
+ font-weight: normal !important;
2600
+ color: #C0C4CC !important;
2601
+ border-color: rgba(255, 255, 255, 0.2) !important;
2602
+ cursor: not-allowed !important;
2603
+ }
2604
+ .lh-pagination .lh-pagination--disabled:hover {
2605
+ color: #C0C4CC !important;
2606
+ border-color: rgba(255, 255, 255, 0.2) !important;
2607
+ cursor: not-allowed !important;
2608
+ }
2609
+ .lh-pagination .lh-select-text {
2610
+ border-radius: 2px;
2611
+ height: 28px;
2612
+ }
2613
+ .lh-pagination .lh-select-text .lh-select-single {
2614
+ line-height: 26px;
2615
+ font-size: 12px;
2616
+ }
2617
+ .lh-pagination .lh-select-text .lh-select-placeholder {
2618
+ line-height: 20px;
2619
+ }
2620
+ .lh-pagination .lh-select-text .dropdown-icon {
2621
+ top: 7px;
2622
+ color: #000;
2623
+ }
2624
+ .lh-pagination .lh-pagination__item,
2625
+ .lh-pagination .lh-pagination__prev,
2626
+ .lh-pagination .lh-pagination__next,
2627
+ .lh-pagination .lh-pagination__item--jump-prev,
2628
+ .lh-pagination .lh-pagination__item--jump-next {
2629
+ font-size: 13px;
2630
+ float: left;
2631
+ min-width: 28px;
2632
+ margin: 0 4px;
2633
+ padding: 0 4px;
2634
+ height: 28px;
2635
+ color: rgba(255, 255, 255, 0.85);
2636
+ line-height: 26px;
2637
+ text-align: center;
2638
+ background-color: transparent;
2639
+ transition: all 0.3s;
2640
+ cursor: pointer;
2641
+ }
2642
+ .lh-pagination .lh-pagination__item:hover,
2643
+ .lh-pagination .lh-pagination__prev:hover,
2644
+ .lh-pagination .lh-pagination__next:hover,
2645
+ .lh-pagination .lh-pagination__item--jump-prev:hover,
2646
+ .lh-pagination .lh-pagination__item--jump-next:hover {
2647
+ color: #2B7DE8;
2648
+ }
2649
+ .lh-pagination .lh-pagination__item--active {
2650
+ color: #085CDC;
2651
+ background-color: #fff;
2652
+ border: 1px solid #085CDC;
2653
+ opacity: 1;
2654
+ border-radius: 2px;
2655
+ }
2656
+ .lh-pagination .lh-pagination__item--active:hover {
2657
+ color: #085CDC;
2658
+ background-color: #fff;
2659
+ border: 1px solid #085CDC;
2660
+ opacity: 1;
2661
+ border-radius: 2px;
2662
+ }
2663
+ .lh-pagination .lh-pagination__prev {
2664
+ padding-right: 12px;
2665
+ }
2666
+ .lh-pagination .lh-pagination__next {
2667
+ padding-left: 12px;
2668
+ }
2669
+ .lh-pagination .lh-pagination__item--jump-prev,
2670
+ .lh-pagination .lh-pagination__item--jump-next {
2671
+ border: none;
2672
+ position: relative;
2673
+ }
2674
+ .lh-pagination .lh-pagination__item--jump-prev:after,
2675
+ .lh-pagination .lh-pagination__item--jump-next:after {
2676
+ top: -4px;
2677
+ left: 8px;
2678
+ position: absolute;
2679
+ content: '...';
2680
+ display: inline-block;
2681
+ color: rgba(255, 255, 255, 0.85);
2682
+ font-size: 8px;
2683
+ text-align: center;
2684
+ line-height: 28px;
2685
+ letter-spacing: 1px;
2686
+ }
2687
+ .lh-pagination .lh-pagination__item--jump-prev i,
2688
+ .lh-pagination .lh-pagination__item--jump-next i {
2689
+ display: none;
2690
+ }
2691
+ .lh-pagination .lh-pagination__item--jump-prev:not(.lh-pagination--disabled):hover:after,
2692
+ .lh-pagination .lh-pagination__item--jump-next:not(.lh-pagination--disabled):hover:after {
2693
+ display: none;
2694
+ }
2695
+ .lh-pagination .lh-pagination__item--jump-prev:not(.lh-pagination--disabled):hover i,
2696
+ .lh-pagination .lh-pagination__item--jump-next:not(.lh-pagination--disabled):hover i {
2697
+ display: inline-block;
2698
+ color: #085CDC;
2699
+ }
2700
+ .lh-pagination .lh-pagination__total {
2701
+ font-weight: normal;
2702
+ float: left;
2703
+ height: 28px;
2704
+ font-size: 14px;
2705
+ line-height: 28px;
2706
+ margin-right: 16px;
2707
+ }
2708
+ .lh-pagination .layoutLeft {
2709
+ color: rgba(255, 255, 255, 0.45);
2710
+ }
2711
+ .lh-pagination .childNum:last-child {
2712
+ margin-right: 0;
2713
+ }
2714
+ .lh-pagination .lh-pagination__quickjump {
2715
+ font-weight: normal;
2716
+ float: left;
2717
+ margin-right: 16px;
2718
+ font-size: 12px;
2719
+ line-height: 28px;
2720
+ }
2721
+ .lh-pagination .lh-pagination__quickjump input {
2722
+ color: rgba(255, 255, 255, 0.85);
2723
+ font-size: 13px;
2724
+ border-radius: 2px;
2725
+ border: 1px solid rgba(255, 255, 255, 0.2);
2726
+ background: #fff;
2727
+ line-height: 1px !important;
2728
+ display: inline-block;
2729
+ margin: 0 8px;
2730
+ width: 46px;
2731
+ vertical-align: top;
2732
+ height: 28px;
2733
+ text-align: center;
2734
+ }
2735
+ .lh-pagination .lh-pagination__quickjump input:hover {
2736
+ border-color: #2B7DE8;
2737
+ }
2738
+ .lh-pagination .lh-pagination__quickjump input:focus {
2739
+ border-color: #2B7DE8;
2740
+ }
2741
+ .lh-pagination .lh-pagination__quickjump input.lh-input__button {
2742
+ float: left;
2743
+ line-height: 1px !important;
2744
+ border-radius: 2px 0 0 2px;
2745
+ width: 80px;
2746
+ margin: 0;
2747
+ }
2748
+ .lh-pagination .lh-pagination__quickjump .lh-jump__button {
2749
+ cursor: pointer;
2750
+ display: inline-block;
2751
+ vertical-align: top;
2752
+ width: 60px;
2753
+ height: 28px;
2754
+ font-size: 13px;
2755
+ text-align: center;
2756
+ line-height: 28px;
2757
+ color: #ffffff;
2758
+ background-color: white;
2759
+ border: solid 1px white;
2760
+ box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.05);
2761
+ border-radius: 0 2px 2px 0;
2762
+ }
2763
+ .lh-pagination .lh-pagination__quickjump .lh-jump__button:hover {
2764
+ background-color: #2B7DE8;
2765
+ border: solid 1px #2B7DE8;
2766
+ }
2767
+ .lh-pagination .lh-pagination__quickjump .lh-jump__button.disabled {
2768
+ cursor: not-allowed;
2769
+ background-color: #ccc;
2770
+ border-color: #ccc;
2771
+ }
2772
+ .lh-pagination .lh-pagination__sizer {
2773
+ font-weight: normal;
2774
+ float: left;
2775
+ width: 100px;
2776
+ margin-right: 16px;
2777
+ text-align: center;
2778
+ }
2779
+ .lh-pagination--bg .lh-pagination__item,
2780
+ .lh-pagination--bg .lh-pagination__prev,
2781
+ .lh-pagination--bg .lh-pagination__next {
2782
+ min-width: 28px;
2783
+ margin: 0 4px;
2784
+ padding: 0 4px;
2785
+ height: 28px;
2786
+ color: rgba(255, 255, 255, 0.85);
2787
+ line-height: 26px;
2788
+ text-align: center;
2789
+ border: 1px solid rgba(112, 112, 112, 0.251);
2790
+ border-radius: 2px;
2791
+ background-color: #fff;
2792
+ transition: all 0.3s;
2793
+ cursor: pointer;
2794
+ }
2795
+ .lh-pagination--bg .lh-pagination__item:hover,
2796
+ .lh-pagination--bg .lh-pagination__prev:hover,
2797
+ .lh-pagination--bg .lh-pagination__next:hover {
2798
+ color: #085CDC;
2799
+ border-color: #085CDC;
2800
+ }
2801
+ .lh-pagination--bg .lh-pagination__item--jump-prev,
2802
+ .lh-pagination--bg .lh-pagination__item--jump-next {
2803
+ border: none;
2804
+ }
2805
+ .lh-pagination--bg .lh-pagination__item {
2806
+ margin: 0 4px;
2807
+ }
2808
+ .lh-pagination--bg .lh-pagination__item + .lh-pagination__item {
2809
+ margin: 0 4px;
2810
+ }
2811
+ .lh-pagination--bg .lh-pagination__item--active {
2812
+ font-weight: normal;
2813
+ color: #085CDC;
2814
+ border-color: #085CDC;
2815
+ background-color: #fff;
2816
+ }
2817
+ .lh-pagination--bg .lh-pagination__item--active:hover {
2818
+ color: #085CDC;
2819
+ border-color: #085CDC;
2820
+ background-color: #fff;
2821
+ }
2822
+ .lh-pagination--bg .lh-pagination__next {
2823
+ margin-right: 16px;
2824
+ }
2825
+ .lh-pagination--bg .lh-pagination--disabled {
2826
+ font-weight: normal !important;
2827
+ border: 1px solid rgba(112, 112, 112, 0.251) !important;
2828
+ background-color: rgba(255, 255, 255, 0.08) !important;
2829
+ }
2830
+ .lh-pagination--mini .lh-pagination__total,
2831
+ .lh-pagination--mini .lh-pagination__quickjump,
2832
+ .lh-pagination--mini .lh-pagination__item,
2833
+ .lh-pagination--mini .lh-pagination__prev,
2834
+ .lh-pagination--mini .lh-pagination__next {
2835
+ height: 22px;
2836
+ font-size: 12px;
2837
+ line-height: 22px;
2838
+ }
2839
+ .lh-pagination--mini .lh-pagination__total input:hover,
2840
+ .lh-pagination--mini .lh-pagination__quickjump input:hover,
2841
+ .lh-pagination--mini .lh-pagination__item input:hover,
2842
+ .lh-pagination--mini .lh-pagination__prev input:hover,
2843
+ .lh-pagination--mini .lh-pagination__next input:hover {
2844
+ border-color: #2B7DE8;
2845
+ }
2846
+ .lh-pagination--mini .lh-pagination__total input:focus,
2847
+ .lh-pagination--mini .lh-pagination__quickjump input:focus,
2848
+ .lh-pagination--mini .lh-pagination__item input:focus,
2849
+ .lh-pagination--mini .lh-pagination__prev input:focus,
2850
+ .lh-pagination--mini .lh-pagination__next input:focus {
2851
+ border-color: #2B7DE8;
2852
+ }
2853
+ .lh-pagination--mini .lh-select.mini .lh-select-text {
2854
+ height: 22px;
2855
+ }
2856
+ .lh-pagination--mini .lh-select.mini .lh-select-text .lh-select-single {
2857
+ line-height: 20px;
2858
+ font-size: 12px;
2859
+ }
2860
+ .lh-pagination--mini .lh-select.mini .lh-select-text .lh-select-placeholder {
2861
+ line-height: 22px;
2862
+ }
2863
+ .lh-pagination--mini .lh-select.mini .lh-select-text .dropdown-icon {
2864
+ top: 4px;
2865
+ }
2866
+ .lh-pagination--mini .lh-pagination__item {
2867
+ margin: 0 2px;
2868
+ }
2869
+ .lh-pagination--mini .lh-pagination__item + .lh-pagination__item {
2870
+ margin: 0 2px;
2871
+ }
2872
+ .lh-pagination--mini input {
2873
+ font-size: 12px;
2874
+ }
2875
+ .lh-pagination--mini .lh-pagination__item--active {
2876
+ font-weight: bold;
2877
+ color: #085CDC;
2878
+ background-color: transparent;
2879
+ border: none;
2880
+ }
2881
+ .lh-pagination--mini .lh-pagination__item,
2882
+ .lh-pagination--mini .lh-pagination__prev,
2883
+ .lh-pagination--mini .lh-pagination__next {
2884
+ border: none;
2885
+ min-width: 22px;
2886
+ margin: 0 2px;
2887
+ }
2888
+ .lh-pagination--mini .lh-pagination__item--jump-prev:after,
2889
+ .lh-pagination--mini .lh-pagination__item--jump-next:after {
2890
+ font-size: 8px;
2891
+ line-height: 20px;
2892
+ top: -2px;
2893
+ left: 5px;
2894
+ }
2895
+ .lh-pagination--mini .lh-pagination__total {
2896
+ margin-right: 10px;
2897
+ }
2898
+ .lh-pagination--mini .lh-pagination__sizer {
2899
+ margin: 0 5px;
2900
+ }
2901
+ .lh-pagination--mini .lh-pagination__sizer .lh-select .lh-select__selection {
2902
+ height: 22px;
2903
+ line-height: 20px;
2904
+ }
2905
+ .lh-pagination--mini .lh-pagination__quickjump .lh-input__original {
2906
+ margin: 0 4px;
2907
+ line-height: 1px !important;
2908
+ height: 22px;
2909
+ font-size: 12px;
2910
+ }
2911
+ .lh-pagination--mini .lh-pagination__quickjump .lh-input__button {
2912
+ float: left;
2913
+ width: 80px !important;
2914
+ line-height: 1px !important;
2915
+ height: 22px;
2916
+ background-color: #ffffff;
2917
+ border-radius: 2px 0 0 2px;
2918
+ margin: 0;
2919
+ vertical-align: top;
2920
+ border: solid 1px rgba(255, 255, 255, 0.2);
2921
+ }
2922
+ .lh-pagination--mini .lh-pagination__quickjump .lh-jump__button {
2923
+ height: 22px;
2924
+ vertical-align: top;
2925
+ font-size: 12px;
2926
+ line-height: 22px;
2927
+ }
2928
+ .lh-pagination--mini.lh-pagination--bg .lh-pagination__item,
2929
+ .lh-pagination--mini.lh-pagination--bg .lh-pagination__prev,
2930
+ .lh-pagination--mini.lh-pagination--bg .lh-pagination__next,
2931
+ .lh-pagination--mini.lh-pagination--bg .lh-pagination__item--jump-prev,
2932
+ .lh-pagination--mini.lh-pagination--bg .lh-pagination__item--jump-next {
2933
+ padding: 0 4px;
2934
+ border: 1px solid rgba(255, 255, 255, 0.2);
2935
+ border-radius: 2px;
2936
+ background-color: #fff;
2937
+ line-height: 20px;
2938
+ transition: all 0.3s;
2939
+ cursor: pointer;
2940
+ }
2941
+ .lh-pagination--mini.lh-pagination--bg .lh-pagination__item:hover,
2942
+ .lh-pagination--mini.lh-pagination--bg .lh-pagination__prev:hover,
2943
+ .lh-pagination--mini.lh-pagination--bg .lh-pagination__next:hover,
2944
+ .lh-pagination--mini.lh-pagination--bg .lh-pagination__item--jump-prev:hover,
2945
+ .lh-pagination--mini.lh-pagination--bg .lh-pagination__item--jump-next:hover {
2946
+ color: #085CDC;
2947
+ border-color: #085CDC;
2948
+ }
2949
+ .lh-pagination--mini.lh-pagination--bg .lh-pagination__item--jump-prev,
2950
+ .lh-pagination--mini.lh-pagination--bg .lh-pagination__item--jump-next {
2951
+ border: 1px solid rgba(255, 255, 255, 0.2);
2952
+ }
2953
+ .lh-pagination--mini.lh-pagination--bg .lh-pagination__item--active {
2954
+ font-weight: normal;
2955
+ border-color: #085CDC;
2956
+ }
2957
+ .lh-pagination--mini.lh-pagination--bg .lh-pagination--disabled {
2958
+ font-weight: normal !important;
2959
+ border-color: rgba(255, 255, 255, 0.25) !important;
2960
+ background-color: rgba(255, 255, 255, 0.08) !important;
2961
+ }
2962
+ .lh-pagination .isDisabled input {
2963
+ background-color: rgba(255, 255, 255, 0.08);
2964
+ border-color: rgba(255, 255, 255, 0.08);
2965
+ color: #C0C4CC;
2966
+ cursor: not-allowed;
2967
+ }
2968
+ .lh-pagination .isDisabled input:hover {
2969
+ background-color: rgba(255, 255, 255, 0.08);
2970
+ border-color: rgba(255, 255, 255, 0.08);
2971
+ color: #C0C4CC;
2972
+ cursor: not-allowed;
2973
+ }
2974
+ .lh-progress {
2975
+ position: relative;
2976
+ line-height: 1;
2977
+ }
2978
+ .lh-progress-bar {
2979
+ display: inline-block;
2980
+ width: 100%;
2981
+ vertical-align: middle;
2982
+ margin-right: -70px;
2983
+ padding-right: 65px;
2984
+ }
2985
+ .lh-progress-bar__wraper {
2986
+ position: relative;
2987
+ height: 10px;
2988
+ background-color: #f5f7fb;
2989
+ overflow: hidden;
2990
+ vertical-align: middle;
2991
+ border-radius: 50px;
2992
+ }
2993
+ .lh-progress-bar__inner {
2994
+ position: absolute;
2995
+ left: 0;
2996
+ top: 0;
2997
+ width: 0;
2998
+ color: #fff;
2999
+ height: 100%;
3000
+ border-radius: 50px;
3001
+ background-color: #085CDC;
3002
+ line-height: 1;
3003
+ text-align: right;
3004
+ transition: width 0.3s;
3005
+ }
3006
+ .lh-progress-bar__inner::after {
3007
+ display: inline-block;
3008
+ content: "";
3009
+ height: 100%;
3010
+ vertical-align: middle;
3011
+ }
3012
+ .lh-progress-bar__innerText {
3013
+ display: inline-block;
3014
+ vertical-align: middle;
3015
+ font-size: 12px;
3016
+ margin: 0 5px;
3017
+ }
3018
+ .lh-progress__text {
3019
+ font-size: 14px;
3020
+ color: #3F536E;
3021
+ display: inline-block;
3022
+ vertical-align: middle;
3023
+ margin-left: 10px;
3024
+ line-height: 1;
3025
+ }
3026
+ .lh-progress__text i {
3027
+ display: inline-block;
3028
+ vertical-align: middle;
3029
+ line-height: 1;
3030
+ }
3031
+ .lh-progress--without-text .lh-progress__text {
3032
+ display: none;
3033
+ }
3034
+ .lh-progress--without-text .lh-progress-bar {
3035
+ padding-right: 0;
3036
+ margin-right: 0;
3037
+ display: block;
3038
+ }
3039
+ .lh-progress--text-inside .lh-progress-bar {
3040
+ padding-right: 0;
3041
+ margin-right: 0;
3042
+ }
3043
+ .lh-progress--success .lh-progress-bar__inner {
3044
+ background-color: #67c23a;
3045
+ }
3046
+ .lh-progress--success .lh-progress__text {
3047
+ color: #67c23a;
3048
+ }
3049
+ .lh-progress--warning .lh-progress-bar__inner {
3050
+ background-color: #E6A23C;
3051
+ }
3052
+ .lh-progress--warning .lh-progress__text {
3053
+ color: #E6A23C;
3054
+ }
3055
+ .lh-progress--exception .lh-progress-bar__inner {
3056
+ background-color: #F56C6C;
3057
+ }
3058
+ .lh-progress--exception .lh-progress__text {
3059
+ color: #F56C6C;
3060
+ }
3061
+ .lh-message {
3062
+ z-index: 3001;
3063
+ border-radius: 4px;
3064
+ min-width: 112px;
3065
+ -webkit-box-sizing: border-box;
3066
+ box-sizing: border-box;
3067
+ position: fixed;
3068
+ box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
3069
+ left: 50%;
3070
+ top: 20px;
3071
+ -webkit-transform: translateX(-50%);
3072
+ transform: translateX(-50%);
3073
+ -webkit-transition: opacity 0.3s, top 0.4s, -webkit-transform 0.4s;
3074
+ transition: opacity 0.3s, top 0.4s, -webkit-transform 0.4s;
3075
+ transition: opacity 0.3s, transform 0.4s, top 0.4s;
3076
+ transition: opacity 0.3s, transform 0.4s, top 0.4s, -webkit-transform 0.4s;
3077
+ padding: 13px 16px 13px 16px;
3078
+ display: -webkit-box;
3079
+ display: -ms-flexbox;
3080
+ display: flex;
3081
+ -webkit-box-align: center;
3082
+ -ms-flex-align: center;
3083
+ align-items: center;
3084
+ background-color: white;
3085
+ }
3086
+ .lh-message .lh-message__content {
3087
+ padding: 0;
3088
+ font-size: 14px;
3089
+ color: rgba(255, 255, 255, 0.85);
3090
+ }
3091
+ .lh-message .lh-message-icon {
3092
+ margin-right: 8px;
3093
+ speak: none;
3094
+ font-style: normal;
3095
+ font-weight: 400;
3096
+ font-variant: normal;
3097
+ text-transform: none;
3098
+ vertical-align: baseline;
3099
+ display: inline-block;
3100
+ -webkit-font-smoothing: antialiased;
3101
+ font-size: 16px;
3102
+ }
3103
+ .lh-message .lh-message__closeBtn {
3104
+ position: absolute;
3105
+ top: 5px;
3106
+ right: 5px;
3107
+ cursor: pointer;
3108
+ color: #C0C4CC;
3109
+ font-size: 12px;
3110
+ }
3111
+ .lh-message .lh-message__closeBtn:hover {
3112
+ color: #D25942;
3113
+ }
3114
+ .lh-message.lh-message--info .lh-message-icon {
3115
+ color: #909399;
3116
+ }
3117
+ .lh-message.lh-message--warning .lh-message-icon {
3118
+ color: #D79614;
3119
+ }
3120
+ .lh-message.lh-message--error .lh-message-icon {
3121
+ color: #D25942;
3122
+ }
3123
+ .lh-message.lh-message--success .lh-message-icon {
3124
+ color: #2BA569;
3125
+ }
3126
+ .lh-message-fade-enter,
3127
+ .lh-message-fade-leave-active {
3128
+ opacity: 0;
3129
+ transform: translate(-50%, -100%);
3130
+ }
3131
+ .lh-mb {
3132
+ position: relative;
3133
+ border-radius: 3px;
3134
+ left: 50%;
3135
+ margin-top: 35vh;
3136
+ width: 416px;
3137
+ -webkit-box-sizing: border-box;
3138
+ box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
3139
+ top: 20px;
3140
+ -webkit-transform: translateX(-50%);
3141
+ transform: translateX(-50%);
3142
+ -webkit-transition: opacity 0.3s, top 0.4s, -webkit-transform 0.4s;
3143
+ transition: opacity 0.3s, top 0.4s, -webkit-transform 0.4s;
3144
+ transition: opacity 0.3s, transform 0.4s, top 0.4s;
3145
+ transition: opacity 0.3s, transform 0.4s, top 0.4s, -webkit-transform 0.4s;
3146
+ padding: 28px 24px 20px 24px;
3147
+ background-color: white;
3148
+ }
3149
+ .lh-mb .lh-mb-header {
3150
+ height: 22px;
3151
+ margin-bottom: 9px;
3152
+ }
3153
+ .lh-mb .lh-mb-header .icon_component_remind02 {
3154
+ color: #D79614;
3155
+ font-size: 22px;
3156
+ float: left;
3157
+ margin-right: 16px;
3158
+ }
3159
+ .lh-mb .lh-mb-header .lh-mb-header-span {
3160
+ font-weight: bold;
3161
+ font-size: 16px;
3162
+ float: left;
3163
+ color: rgba(255, 255, 255, 0.85);
3164
+ }
3165
+ .lh-mb .lh-mb-content {
3166
+ font-size: 13px;
3167
+ line-height: 22px;
3168
+ margin-bottom: 28px;
3169
+ color: rgba(255, 255, 255, 0.85);
3170
+ padding-left: 38px;
3171
+ }
3172
+ .lh-mb .lh-mb-footer {
3173
+ height: 28px;
3174
+ background-color: white;
3175
+ }
3176
+ .lh-mb-wapper {
3177
+ position: fixed;
3178
+ top: 0;
3179
+ right: 0;
3180
+ bottom: 0;
3181
+ left: 0;
3182
+ overflow: auto;
3183
+ margin: 0;
3184
+ background: rgba(255, 255, 255, 0.3);
3185
+ z-index: 3001;
3186
+ }
3187
+ .lh-mb-fade-enter-active {
3188
+ animation: lh-mb-fade-in 0.3s;
3189
+ }
3190
+ .lh-mb-fade-leave-active {
3191
+ animation: lh-mb-fade-out 0.3s;
3192
+ }
3193
+ @keyframes lh-mb-fade-in {
3194
+ 0% {
3195
+ transform: translate3d(0, -20px, 0);
3196
+ opacity: 0;
3197
+ }
3198
+ 100% {
3199
+ transform: translate3d(0, 0, 0);
3200
+ opacity: 1;
3201
+ }
3202
+ }
3203
+ @keyframes lh-mb-fade-out {
3204
+ 0% {
3205
+ transform: translate3d(0, 0, 0);
3206
+ opacity: 1;
3207
+ }
3208
+ 100% {
3209
+ transform: translate3d(0, -20px, 0);
3210
+ opacity: 0;
3211
+ }
3212
+ }
3213
+ .lh-loading-parent--relative {
3214
+ position: relative!important;
3215
+ }
3216
+ .lh-loading-parent--hidden {
3217
+ overflow: hidden !important;
3218
+ }
3219
+ .lh-loading-mask {
3220
+ position: absolute;
3221
+ z-index: 3000;
3222
+ background-color: hsla(0, 0%, 100%, 0.9);
3223
+ margin: 0;
3224
+ top: 0;
3225
+ right: 0;
3226
+ bottom: 0;
3227
+ left: 0;
3228
+ transition: opacity 0.3s;
3229
+ }
3230
+ .lh-loading-mask .lh-loading-spinner {
3231
+ top: 50%;
3232
+ margin-top: -21px;
3233
+ width: 100%;
3234
+ text-align: center;
3235
+ position: absolute;
3236
+ }
3237
+ .lh-loading-mask .lh-loading-spinner .circular {
3238
+ height: 42px;
3239
+ width: 42px;
3240
+ animation: loading-rotate 2s linear infinite;
3241
+ }
3242
+ .lh-loading-mask .lh-loading-spinner .path {
3243
+ animation: loading-dash 1.5s ease-in-out infinite;
3244
+ stroke-dasharray: 90,150;
3245
+ stroke-dashoffset: 0;
3246
+ stroke-width: 2px;
3247
+ stroke: #409eff;
3248
+ stroke-linecap: round;
3249
+ }
3250
+ .lh-loading-mask .lh-loading-spinner i {
3251
+ color: #409eff;
3252
+ }
3253
+ .lh-loading-mask .lh-loading-spinner .lh-loading-icon-wapper {
3254
+ display: inline-block;
3255
+ width: 20px;
3256
+ animation: rotating 2s linear infinite;
3257
+ }
3258
+ @keyframes rotating {
3259
+ 0% {
3260
+ transform: rotate(0deg);
3261
+ }
3262
+ 100% {
3263
+ transform: rotate(360deg);
3264
+ }
3265
+ }
3266
+ .lh-loading-mask .lh-loading-spinner .lh-loading-text {
3267
+ color: #409eff;
3268
+ margin: 3px 0;
3269
+ font-size: 14px;
3270
+ }
3271
+ .lh-loading-mask .lh-loading-fade-enter,
3272
+ .lh-loading-mask .lh-loading-fade-leave-active {
3273
+ opacity: 0;
3274
+ }
3275
+ @keyframes loading-rotate {
3276
+ 100% {
3277
+ transform: rotate(360deg);
3278
+ }
3279
+ }
3280
+ @keyframes loading-dash {
3281
+ 0% {
3282
+ stroke-dasharray: 1, 200;
3283
+ stroke-dashoffset: 0;
3284
+ }
3285
+ 50% {
3286
+ stroke-dasharray: 90, 150;
3287
+ stroke-dashoffset: -40px;
3288
+ }
3289
+ 100% {
3290
+ stroke-dasharray: 90, 150;
3291
+ stroke-dashoffset: -120px;
3292
+ }
3293
+ }
3294
+ .lh-dialog {
3295
+ position: relative;
3296
+ margin: 0 auto 50px;
3297
+ background: #fff;
3298
+ border-radius: 3px;
3299
+ box-sizing: border-box;
3300
+ width: 50%;
3301
+ }
3302
+ .lh-dialog.is-fullscreen {
3303
+ width: 100%;
3304
+ margin-top: 0;
3305
+ margin-bottom: 0;
3306
+ height: 100%;
3307
+ overflow: auto;
3308
+ }
3309
+ .lh-dialog__wrapper {
3310
+ position: fixed;
3311
+ top: 0;
3312
+ right: 0;
3313
+ bottom: 0;
3314
+ left: 0;
3315
+ overflow: auto;
3316
+ margin: 0;
3317
+ }
3318
+ .lh-dialog-header {
3319
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
3320
+ padding-left: 24px;
3321
+ padding-right: 56px;
3322
+ height: 55px;
3323
+ }
3324
+ .lh-dialog-header > .title {
3325
+ font-size: 18px;
3326
+ font-weight: bold;
3327
+ line-height: 56px;
3328
+ color: rgba(255, 255, 255, 0.85);
3329
+ }
3330
+ .lh-dialog-header > .closeIt {
3331
+ width: 56px;
3332
+ height: 56px;
3333
+ line-height: 54px;
3334
+ color: rgba(255, 255, 255, 0.45);
3335
+ display: inline-block;
3336
+ cursor: pointer;
3337
+ top: 0;
3338
+ right: 0;
3339
+ position: absolute;
3340
+ text-align: center;
3341
+ }
3342
+ .lh-dialog-header > .closeIt i {
3343
+ font-size: 20px;
3344
+ }
3345
+ .lh-dialog-header > .closeIt:hover {
3346
+ color: rgba(255, 255, 255, 0.65);
3347
+ }
3348
+ .lh-dialog-body {
3349
+ padding: 24px;
3350
+ max-height: 610px;
3351
+ min-height: 292px;
3352
+ overflow-y: auto;
3353
+ width: 100%;
3354
+ }
3355
+ .lh-dialog-footer {
3356
+ text-align: right;
3357
+ padding: 10px 16px;
3358
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
3359
+ }
3360
+ .dialog-fade-enter-active {
3361
+ animation: dialog-fade-in 0.3s;
3362
+ }
3363
+ .dialog-fade-leave-active {
3364
+ animation: dialog-fade-out 0.3s;
3365
+ }
3366
+ @keyframes dialog-fade-in {
3367
+ 0% {
3368
+ transform: translate3d(0, -20px, 0);
3369
+ opacity: 0;
3370
+ }
3371
+ 100% {
3372
+ transform: translate3d(0, 0, 0);
3373
+ opacity: 1;
3374
+ }
3375
+ }
3376
+ @keyframes dialog-fade-out {
3377
+ 0% {
3378
+ transform: translate3d(0, 0, 0);
3379
+ opacity: 1;
3380
+ }
3381
+ 100% {
3382
+ transform: translate3d(0, -20px, 0);
3383
+ opacity: 0;
3384
+ }
3385
+ }
3386
+ .v-modal-enter {
3387
+ animation: v-modal-in 0.2s ease;
3388
+ }
3389
+ .v-modal-leave {
3390
+ animation: v-modal-out 0.2s ease forwards;
3391
+ }
3392
+ @keyframes v-modal-in {
3393
+ 0% {
3394
+ opacity: 0;
3395
+ }
3396
+ }
3397
+ @keyframes v-modal-out {
3398
+ 100% {
3399
+ opacity: 0;
3400
+ }
3401
+ }
3402
+ .v-modal {
3403
+ position: fixed;
3404
+ left: 0;
3405
+ top: 0;
3406
+ width: 100%;
3407
+ height: 100%;
3408
+ background: rgba(255, 255, 255, 0.3);
3409
+ }
3410
+ .lh-popup-parent--hidden {
3411
+ overflow: hidden;
3412
+ }
3413
+ .lh-slider .lh-slider-runway {
3414
+ width: 100%;
3415
+ height: 6px;
3416
+ margin: 16px 0;
3417
+ background-color: #e4e7ed;
3418
+ border-radius: 3px;
3419
+ position: relative;
3420
+ cursor: pointer;
3421
+ vertical-align: middle;
3422
+ }
3423
+ .lh-slider .lh-slider-bar {
3424
+ height: 6px;
3425
+ left: 0;
3426
+ background-color: #409eff;
3427
+ border-top-left-radius: 3px;
3428
+ border-bottom-left-radius: 3px;
3429
+ position: absolute;
3430
+ z-index: 10;
3431
+ }
3432
+ .lh-slider .lh-slider-button {
3433
+ height: 36px;
3434
+ width: 36px;
3435
+ position: absolute;
3436
+ z-index: 1001;
3437
+ top: -16px;
3438
+ transform: translateX(-50%);
3439
+ background-color: transparent;
3440
+ text-align: center;
3441
+ }
3442
+ .lh-slider .lh-slider-button:hover {
3443
+ height: 58px;
3444
+ top: -38px;
3445
+ }
3446
+ .lh-slider .lh-slider-button:hover .lh-slider-button-wrapper {
3447
+ cursor: grab;
3448
+ cursor: -moz-grab;
3449
+ cursor: -webkit-grab;
3450
+ transform: scale(1.2);
3451
+ }
3452
+ .lh-slider .lh-slider-button:hover .lh-slider-tooltip {
3453
+ display: inline-block;
3454
+ }
3455
+ .lh-slider .lh-slider-button:hover .grabbing {
3456
+ cursor: grabbing;
3457
+ cursor: -moz-grabbing;
3458
+ cursor: -webkit-grabbing;
3459
+ }
3460
+ .lh-slider .lh-slider-button:active {
3461
+ height: 50px;
3462
+ top: -38px;
3463
+ }
3464
+ .lh-slider .lh-slider-button:active .lh-slider-button-wrapper {
3465
+ transform: scale(1.2);
3466
+ }
3467
+ .lh-slider .lh-slider-button:active .lh-slider-tooltip {
3468
+ display: inline-block;
3469
+ }
3470
+ .lh-slider .lh-slider-button-wrapper {
3471
+ display: inline-block;
3472
+ width: 20px;
3473
+ height: 20px;
3474
+ border: 2px solid #409eff;
3475
+ background-color: #fff;
3476
+ border-radius: 50%;
3477
+ transition: 0.2s;
3478
+ user-select: none;
3479
+ margin-top: 25%;
3480
+ }
3481
+ .lh-slider .lh-slider-button-wrapper:hover {
3482
+ cursor: grab;
3483
+ cursor: -moz-grab;
3484
+ cursor: -webkit-grab;
3485
+ transform: scale(1.2);
3486
+ }
3487
+ .lh-slider .lh-slider-untooltip {
3488
+ height: 36px;
3489
+ top: -16px;
3490
+ }
3491
+ .lh-slider .lh-slider-untooltip:hover {
3492
+ height: 36px;
3493
+ top: -16px;
3494
+ }
3495
+ .lh-slider .lh-slider-untooltip:active {
3496
+ height: 36px;
3497
+ top: -16px;
3498
+ }
3499
+ .lh-slider .lh-slider-tooltip {
3500
+ display: none;
3501
+ background-color: #3b3b3b;
3502
+ color: #fff;
3503
+ padding: 3px 5px;
3504
+ border-radius: 3px;
3505
+ }
3506
+ .lh-slider .lh-slider-tooltip::after {
3507
+ content: "";
3508
+ width: 0;
3509
+ height: 0;
3510
+ border: 5px solid;
3511
+ border-color: #000 transparent transparent transparent;
3512
+ position: absolute;
3513
+ left: calc(50% - 5px);
3514
+ left: -moz-calc(50% - 5px);
3515
+ left: -webkit-calc(50% - 5px);
3516
+ top: 21px;
3517
+ }
3518
+ .lh-slider .lh-slider-disabled {
3519
+ cursor: not-allowed;
3520
+ }
3521
+ .lh-slider .lh-slider-disabled .lh-slider-bar {
3522
+ background-color: #c0c4cc;
3523
+ }
3524
+ .lh-slider .lh-slider-disabled .lh-slider-button:hover {
3525
+ cursor: not-allowed;
3526
+ }
3527
+ .lh-slider .lh-slider-disabled .lh-slider-button:hover .lh-slider-button-wrapper {
3528
+ cursor: not-allowed;
3529
+ transform: none;
3530
+ }
3531
+ .lh-slider .lh-slider-disabled .lh-slider-button:hover .lh-slider-button-wrapper:hover {
3532
+ cursor: not-allowed;
3533
+ transform: none;
3534
+ }
3535
+ .lh-slider .lh-slider-disabled .lh-slider-button:hover .lh-slider-tooltip:hover {
3536
+ cursor: not-allowed;
3537
+ transform: none;
3538
+ }
3539
+ .lh-slider .lh-slider-disabled .lh-slider-button .lh-slider-button-wrapper {
3540
+ border-color: #c0c4cc;
3541
+ }
3542
+ .lh-slider .lh-slider-disabled .lh-slider-button .lh-slider-button-wrapper:hover {
3543
+ cursor: not-allowed;
3544
+ transform: none;
3545
+ }
3546
+ .lh-slider .lh-slider-disabled .lh-slider-button .lh-slider-button-wrapper:active {
3547
+ cursor: not-allowed;
3548
+ transform: none;
3549
+ }
3550
+ .lh-slider .lh-slider-stop {
3551
+ position: absolute;
3552
+ height: 6px;
3553
+ width: 6px;
3554
+ border-radius: 100%;
3555
+ background-color: #fff;
3556
+ transform: translateX(-50%);
3557
+ top: auto;
3558
+ }
3559
+ .lh-slider .lh-slider-stop .lh-slider-marks {
3560
+ position: absolute;
3561
+ top: 15px;
3562
+ transform: translateX(-50%);
3563
+ color: #909399;
3564
+ }
3565
+ .lh-slider.is-vertical .lh-slider-runway {
3566
+ width: 6px;
3567
+ margin: 0 16px;
3568
+ height: 100%;
3569
+ }
3570
+ .lh-slider.is-vertical .lh-slider-bar {
3571
+ width: 6px;
3572
+ height: 0;
3573
+ bottom: 0;
3574
+ }
3575
+ .lh-slider.is-vertical .lh-slider-button {
3576
+ top: auto;
3577
+ bottom: -16px;
3578
+ left: 3px;
3579
+ transform: translate(-50%, 50%);
3580
+ }
3581
+ .lh-slider.is-vertical .lh-slider-button:hover {
3582
+ height: auto;
3583
+ top: auto;
3584
+ transform: translate(-50%, 27%);
3585
+ }
3586
+ .lh-slider.is-vertical .lh-slider-button:active {
3587
+ height: auto;
3588
+ top: auto;
3589
+ transform: translate(-50%, 27%);
3590
+ }
3591
+ .lh-slider.is-vertical .lh-slider-stop {
3592
+ transform: translateY(50%);
3593
+ }
3594
+ .lh-slider.is-vertical .lh-slider-stop .lh-slider-marks {
3595
+ transform: translateY(-35%);
3596
+ top: 0;
3597
+ left: 18px;
3598
+ }
3599
+ .lh-fuzzy-input {
3600
+ display: inline-block;
3601
+ position: relative;
3602
+ height: 30px;
3603
+ width: 100%;
3604
+ }
3605
+ .lh-fuzzy-input.mini ul li {
3606
+ font-size: 12px;
3607
+ height: 24px;
3608
+ line-height: 24px;
3609
+ padding-left: 6px;
3610
+ padding-right: 6px;
3611
+ }
3612
+ .lh-fuzzy-input.active ul {
3613
+ display: block;
3614
+ }
3615
+ .lh-fuzzy-div {
3616
+ width: 100%;
3617
+ }
3618
+ .lh-fuzzy-div ul {
3619
+ display: block;
3620
+ z-index: 200;
3621
+ overflow-y: auto;
3622
+ color: #71787e;
3623
+ background-color: white;
3624
+ border-radius: 0 0 3px 3px;
3625
+ padding: 6px;
3626
+ }
3627
+ .lh-fuzzy-div ul li {
3628
+ overflow: hidden;
3629
+ white-space: nowrap;
3630
+ text-overflow: ellipsis;
3631
+ padding-right: 10px;
3632
+ padding-left: 10px;
3633
+ cursor: pointer;
3634
+ color: #39404c;
3635
+ font-size: 14px;
3636
+ height: 28px;
3637
+ line-height: 28px;
3638
+ }
3639
+ .lh-fuzzy-div ul li:hover {
3640
+ color: #2B7DE8;
3641
+ background-color: rgba(255, 255, 255, 0.08);
3642
+ }
3643
+ .lh-fuzzy-input-popover {
3644
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
3645
+ overflow: hidden;
3646
+ border: none !important;
3647
+ border-radius: 2px;
3648
+ margin-top: -2px;
3649
+ }
3650
+ .lh-fuzzy-input-popover-mini {
3651
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
3652
+ overflow: hidden;
3653
+ border: none !important;
3654
+ border-radius: 2px;
3655
+ margin-top: -2px;
3656
+ }
3657
+ .lh-fuzzy-select-span {
3658
+ border: 1px solid rgba(255, 255, 255, 0.2);
3659
+ border-radius: 2px;
3660
+ display: inline-block;
3661
+ width: 100%;
3662
+ height: 32px;
3663
+ line-height: 30px;
3664
+ padding: 0 10px 0 10px;
3665
+ background-color: white;
3666
+ color: rgba(255, 255, 255, 0.85);
3667
+ font-size: 14px;
3668
+ text-overflow: ellipsis;
3669
+ white-space: nowrap;
3670
+ overflow: hidden;
3671
+ position: relative;
3672
+ }
3673
+ .lh-fuzzy-select-span.mini {
3674
+ font-size: 12px;
3675
+ height: 24px;
3676
+ line-height: 22px;
3677
+ padding: 0 18px 0 8px;
3678
+ }
3679
+ .lh-fuzzy-select-span.placeholder {
3680
+ color: rgba(255, 255, 255, 0.3) !important;
3681
+ }
3682
+ .lh-fuzzy-select-span.disabled {
3683
+ color: rgba(255, 255, 255, 0.3);
3684
+ background-color: rgba(255, 255, 255, 0.08);
3685
+ border: solid 1px rgba(255, 255, 255, 0.2);
3686
+ cursor: not-allowed;
3687
+ }
3688
+ .lh-fuzzy-select-span.disabled .dropdown-icon {
3689
+ color: rgba(255, 255, 255, 0.3);
3690
+ }
3691
+ .lh-fuzzy-select-span .dropdown-icon {
3692
+ position: absolute;
3693
+ right: 8px;
3694
+ top: 0px;
3695
+ font-size: 14px;
3696
+ color: rgba(255, 255, 255, 0.3);
3697
+ transition: All 0.3s ease-in-out;
3698
+ }
3699
+ .lh-fuzzy-select-span:hover {
3700
+ border-color: #2B7DE8;
3701
+ }
3702
+ .lh-fuzzy-select-span.active {
3703
+ border-color: #2B7DE8 !important;
3704
+ }
3705
+ .lh-fuzzy-select-span.active .dropdown-icon {
3706
+ -webkit-transform: rotate(-180deg);
3707
+ transform: rotate(-180deg);
3708
+ }
3709
+ .lh-fuzzy-select-param {
3710
+ padding: 12px;
3711
+ }
3712
+ .lh-fuzzy-select-param .lh-button-primary {
3713
+ border-radius: 0 2px 2px 0;
3714
+ padding-left: 10px;
3715
+ padding-right: 10px;
3716
+ }
3717
+ .lh-fuzzy-select-param .lh-button-primary i.prefix-icon {
3718
+ margin-right: 0;
3719
+ }
3720
+ .lh-fuzzy-select-param .lh-input {
3721
+ width: -moz-calc(100% - 37px);
3722
+ width: -webkit-calc(100% - 37px);
3723
+ width: calc(100% - 37px);
3724
+ }
3725
+ .lh-fuzzy-select-param.mini .lh-input {
3726
+ width: -moz-calc(100% - 35px);
3727
+ width: -webkit-calc(100% - 35px);
3728
+ width: calc(100% - 35px);
3729
+ }
3730
+ .lh-fuzzy-select-param.no-search-btn .lh-input {
3731
+ width: 100%;
3732
+ }
3733
+ .lh-fuzzy-select-content {
3734
+ position: relative;
3735
+ }
3736
+ .lh-fuzzy-select-content ul {
3737
+ display: block;
3738
+ z-index: 200;
3739
+ overflow-y: auto;
3740
+ color: #71787e;
3741
+ background-color: white;
3742
+ border-radius: 0 0 3px 3px;
3743
+ padding: 0px;
3744
+ margin-bottom: 4px;
3745
+ }
3746
+ .lh-fuzzy-select-content ul li {
3747
+ overflow: hidden;
3748
+ white-space: nowrap;
3749
+ text-overflow: ellipsis;
3750
+ padding-right: 12px;
3751
+ padding-left: 12px;
3752
+ cursor: pointer;
3753
+ color: rgba(255, 255, 255, 0.85);
3754
+ font-size: 14px;
3755
+ height: 32px;
3756
+ line-height: 32px;
3757
+ }
3758
+ .lh-fuzzy-select-content ul li:hover {
3759
+ background-color: rgba(255, 255, 255, 0.08);
3760
+ }
3761
+ .lh-fuzzy-select-content ul li.active {
3762
+ background-color: #11192C;
3763
+ font-weight: bold;
3764
+ }
3765
+ .lh-fuzzy-select-content ul li.disabled {
3766
+ background-color: #fff;
3767
+ color: rgba(255, 255, 255, 0.3);
3768
+ cursor: not-allowed;
3769
+ }
3770
+ .lh-fuzzy-select-content.mini ul li {
3771
+ font-size: 12px;
3772
+ height: 24px;
3773
+ line-height: 24px;
3774
+ padding-left: 6px;
3775
+ padding-right: 6px;
3776
+ }
3777
+ .lh-fuzzy-select-content.active ul {
3778
+ display: block;
3779
+ }
3780
+ .lh-fuzzy-select-popover {
3781
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
3782
+ overflow: hidden;
3783
+ border: none !important;
3784
+ border-radius: 2px;
3785
+ margin-top: -2px;
3786
+ }
3787
+ .lh-fuzzy-select-popover-mini {
3788
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
3789
+ overflow: hidden;
3790
+ border: none !important;
3791
+ border-radius: 2px;
3792
+ margin-top: -2px;
3793
+ }
3794
+ .lh-upload-flowable .upload-li-space {
3795
+ height: 24px;
3796
+ }
3797
+ .lh-upload-flowable .upload-ul-edit {
3798
+ margin-left: -8px;
3799
+ }
3800
+ .lh-upload-flowable .upload-ul-edit .upload-li-edit {
3801
+ min-height: 32px;
3802
+ line-height: 32px;
3803
+ border-radius: 2px;
3804
+ position: relative;
3805
+ padding: 0 8px;
3806
+ font-size: 14px;
3807
+ }
3808
+ .lh-upload-flowable .upload-ul-edit .upload-li-edit .li-download-span {
3809
+ cursor: pointer;
3810
+ }
3811
+ .lh-upload-flowable .upload-ul-edit .upload-li-edit .li-download-span:hover {
3812
+ color: #085CDC;
3813
+ }
3814
+ .lh-upload-flowable .upload-ul-edit .upload-li-edit .name {
3815
+ display: inline-block;
3816
+ width: -moz-calc(100% - 100px);
3817
+ width: -webkit-calc(100% - 100px);
3818
+ width: calc(100% - 100px);
3819
+ padding-left: 8px;
3820
+ color: rgba(255, 255, 255, 0.85);
3821
+ }
3822
+ .lh-upload-flowable .upload-ul-edit .upload-li-edit .fail-text {
3823
+ margin-left: 8px;
3824
+ color: #D25942;
3825
+ display: none;
3826
+ }
3827
+ .lh-upload-flowable .upload-ul-edit .upload-li-edit .icon_component_enclosure {
3828
+ color: rgba(255, 255, 255, 0.45);
3829
+ }
3830
+ .lh-upload-flowable .upload-ul-edit .upload-li-edit .icon_component_delete {
3831
+ display: none;
3832
+ color: rgba(255, 255, 255, 0.45);
3833
+ }
3834
+ .lh-upload-flowable .upload-ul-edit .upload-li-edit .icon_component_delete:hover {
3835
+ color: #D25942;
3836
+ }
3837
+ .lh-upload-flowable .upload-ul-edit .upload-li-edit .percentage-wrap {
3838
+ position: absolute;
3839
+ bottom: 0;
3840
+ left: 0;
3841
+ height: 2px;
3842
+ width: 100%;
3843
+ background-color: rgba(255, 255, 255, 0.08);
3844
+ }
3845
+ .lh-upload-flowable .upload-ul-edit .upload-li-edit .percentage-wrap .percentage {
3846
+ height: 100%;
3847
+ background: #2BA569;
3848
+ }
3849
+ .lh-upload-flowable .upload-ul-edit .upload-li-edit .percentage-num {
3850
+ color: rgba(255, 255, 255, 0.45);
3851
+ font-size: 12px;
3852
+ }
3853
+ .lh-upload-flowable .upload-ul-edit .upload-li-edit:hover {
3854
+ background: rgba(255, 255, 255, 0.04);
3855
+ }
3856
+ .lh-upload-flowable .upload-ul-edit .upload-li-edit:hover .icon_component_delete {
3857
+ display: inline-block;
3858
+ }
3859
+ .lh-upload-flowable .upload-ul-edit .upload-li-edit.fail .icon_component_enclosure {
3860
+ color: #D25942;
3861
+ }
3862
+ .lh-upload-flowable .upload-ul-edit .upload-li-edit.fail .fail-text {
3863
+ display: inline-block;
3864
+ }
3865
+ .lh-upload-flowable .upload-ul-show .upload-li-show {
3866
+ min-height: 32px;
3867
+ line-height: 32px;
3868
+ font-size: 14px;
3869
+ }
3870
+ .lh-upload-flowable .upload-ul-show .upload-li-show .icon_component_enclosure {
3871
+ color: rgba(255, 255, 255, 0.85);
3872
+ }
3873
+ .lh-upload-flowable .upload-ul-show .upload-li-show .name {
3874
+ max-width: -moz-calc(100% - 100px);
3875
+ max-width: -webkit-calc(100% - 100px);
3876
+ max-width: calc(100% - 100px);
3877
+ padding-left: 8px;
3878
+ color: rgba(255, 255, 255, 0.85);
3879
+ }
3880
+ .lh-upload-flowable .upload-ul-img {
3881
+ margin-top: 8px;
3882
+ }
3883
+ .lh-upload-flowable .upload-ul-img .upload-li-img {
3884
+ width: 240px;
3885
+ float: left;
3886
+ height: 66px;
3887
+ border: 1px solid rgba(0, 0, 0, 0.15);
3888
+ border-radius: 2px;
3889
+ padding: 8px;
3890
+ margin-right: 8px;
3891
+ margin-bottom: 8px;
3892
+ }
3893
+ .lh-upload-flowable .upload-ul-img .upload-li-img img {
3894
+ width: 48px;
3895
+ height: 48px;
3896
+ float: left;
3897
+ }
3898
+ .lh-upload-flowable .upload-ul-img .upload-li-img div {
3899
+ float: left;
3900
+ color: #085CDC;
3901
+ font-size: 12px;
3902
+ line-height: 16px;
3903
+ width: 100px;
3904
+ margin-left: 10px;
3905
+ cursor: pointer;
3906
+ height: 100%;
3907
+ /*使用flex实现文字多行居中效果*/
3908
+ /*设置为伸缩容器*/
3909
+ display: -webkit-box;
3910
+ display: -moz-box;
3911
+ display: -ms-flexbox;
3912
+ display: -webkit-flex;
3913
+ display: flex;
3914
+ /*垂直居中*/
3915
+ -webkit-box-align: center;
3916
+ /*旧版本*/
3917
+ -moz-box-align: center;
3918
+ /*旧版本*/
3919
+ -ms-flex-align: center;
3920
+ /*混合版本*/
3921
+ -webkit-align-items: center;
3922
+ /*新版本*/
3923
+ align-items: center;
3924
+ /*新版本*/
3925
+ }
3926
+ .lh-upload-flowable .upload-ul-img .upload-li-img i {
3927
+ color: rgba(255, 255, 255, 0.45);
3928
+ font-size: 14px;
3929
+ margin-top: 16px;
3930
+ cursor: pointer;
3931
+ }
3932
+ .lh-upload-flowable .upload-ul-img .upload-li-img i:hover {
3933
+ color: #D25942;
3934
+ }
3935
+ .lh-upload-flowable.mini .upload-li-space {
3936
+ height: 14px;
3937
+ }
3938
+ .lh-upload-flowable.mini .upload-ul-edit .upload-li-edit {
3939
+ min-height: 24px;
3940
+ line-height: 24px;
3941
+ font-size: 12px;
3942
+ }
3943
+ .lh-tree {
3944
+ display: inline-block;
3945
+ }
3946
+ .lh-tree .lh-tree-node {
3947
+ display: inline-block;
3948
+ }
3949
+ .lh-tree .lh-tree-node .node-base {
3950
+ height: 22px;
3951
+ margin-bottom: 2px;
3952
+ white-space: nowrap;
3953
+ display: inline-block;
3954
+ }
3955
+ .lh-tree .lh-tree-node .node-base .node-base-icon-wapper {
3956
+ width: 20px;
3957
+ height: 22px;
3958
+ line-height: 20px;
3959
+ display: inline-block;
3960
+ cursor: pointer;
3961
+ vertical-align: middle;
3962
+ }
3963
+ .lh-tree .lh-tree-node .node-base .node-base-icon-wapper .icon_component_arrow {
3964
+ font-size: 12px;
3965
+ color: #000;
3966
+ transform: rotate(270deg);
3967
+ display: inline-block;
3968
+ line-height: 21px;
3969
+ }
3970
+ .lh-tree .lh-tree-node .node-base .node-base-icon-wapper:hover .icon_component_arrow {
3971
+ color: #085CDC;
3972
+ }
3973
+ .lh-tree .lh-tree-node .node-base .node-checkbox {
3974
+ vertical-align: middle;
3975
+ margin-right: 12px;
3976
+ }
3977
+ .lh-tree .lh-tree-node .node-base .node-checkbox .lh-checkbox-text {
3978
+ display: none;
3979
+ }
3980
+ .lh-tree .lh-tree-node .node-base .node-radio {
3981
+ vertical-align: middle;
3982
+ display: inline-block;
3983
+ border-radius: 50%;
3984
+ border: 1px solid rgba(255, 255, 255, 0.2);
3985
+ height: 16px;
3986
+ width: 16px;
3987
+ padding-top: 3px;
3988
+ padding-left: 3px;
3989
+ margin-right: 12px;
3990
+ cursor: pointer;
3991
+ }
3992
+ .lh-tree .lh-tree-node .node-base .node-radio .node-radio-inner {
3993
+ width: 8px;
3994
+ height: 8px;
3995
+ border-radius: 50%;
3996
+ background-color: #085CDC;
3997
+ display: none;
3998
+ }
3999
+ .lh-tree .lh-tree-node .node-base .node-radio.checked {
4000
+ border-color: #085CDC;
4001
+ }
4002
+ .lh-tree .lh-tree-node .node-base .node-radio.checked .node-radio-inner {
4003
+ display: block;
4004
+ }
4005
+ .lh-tree .lh-tree-node .node-base .node-label {
4006
+ vertical-align: middle;
4007
+ height: 22px;
4008
+ line-height: 22px;
4009
+ color: rgba(255, 255, 255, 0.85);
4010
+ font-size: 14px;
4011
+ display: inline-block;
4012
+ }
4013
+ .lh-tree .lh-tree-node .node-base .node-label.checked {
4014
+ color: #085CDC;
4015
+ }
4016
+ .lh-tree .lh-tree-node .node-base .node-label.disabled {
4017
+ cursor: auto;
4018
+ }
4019
+ .lh-tree .lh-tree-node .node-base.active .node-base-icon-wapper .icon_component_arrow {
4020
+ transform: rotate(0deg);
4021
+ }
4022
+ .lh-tree .lh-tree-node .node-inner-divider {
4023
+ height: 1px;
4024
+ }
4025
+ .lh-tree .lh-tree-node .node-children-wapper {
4026
+ padding-left: 20px;
4027
+ display: inline-block;
4028
+ }
4029
+ .lh-tree .lh-tree-node .node-children-wapper .lh-tree-node.no-children {
4030
+ padding-left: 20px;
4031
+ }
4032
+ .lh-tree .lh-tree-node-divider {
4033
+ height: 1px;
4034
+ }
4035
+ .lh-tree.mini .lh-tree-node .node-base .node-checkbox {
4036
+ margin-right: 10px;
4037
+ }
4038
+ .lh-tree.mini .lh-tree-node .node-base .node-radio {
4039
+ margin-right: 10px;
4040
+ height: 14px;
4041
+ width: 14px;
4042
+ }
4043
+ .lh-tree.mini .lh-tree-node .node-base .node-radio .node-radio-inner {
4044
+ width: 6px;
4045
+ height: 6px;
4046
+ }
4047
+ .lh-tree.mini .lh-tree-node .node-base .node-label {
4048
+ font-size: 12px;
4049
+ }
4050
+ .lh-tree-select-div {
4051
+ height: 360px;
4052
+ padding: 48px 0 48px 0;
4053
+ }
4054
+ .lh-tree-select-div .tree-select-div-header {
4055
+ position: absolute;
4056
+ top: 12px;
4057
+ left: 0;
4058
+ padding: 0 12px 12px 12px;
4059
+ width: 100%;
4060
+ }
4061
+ .lh-tree-select-div .tree-select-div-content-wapper {
4062
+ overflow-y: auto;
4063
+ height: 100%;
4064
+ }
4065
+ .lh-tree-select-div .tree-select-div-content {
4066
+ display: inline-block;
4067
+ padding-left: 12px;
4068
+ }
4069
+ .lh-tree-select-div .tree-select-div-content .node-label {
4070
+ padding-right: 12px;
4071
+ }
4072
+ .lh-tree-select-div .tree-select-div-footer {
4073
+ position: absolute;
4074
+ bottom: 12px;
4075
+ left: 0;
4076
+ padding: 12px 12px 0 12px;
4077
+ width: 100%;
4078
+ }
4079
+ .lh-tree-select-popover {
4080
+ box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
4081
+ border-radius: 4px;
4082
+ border: none;
4083
+ display: inline-block;
4084
+ }
4085
+ .lh-tree-select-popover-mini {
4086
+ box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
4087
+ border-radius: 3px;
4088
+ border: none;
4089
+ }
4090
+ .lh-tree-special {
4091
+ display: inline-block;
4092
+ background-color: white;
4093
+ }
4094
+ .lh-tree-special .lh-tree-specail-container {
4095
+ display: inline-block;
4096
+ height: 240px;
4097
+ width: 200px;
4098
+ overflow-y: auto;
4099
+ overflow-x: hidden;
4100
+ padding: 8px 4px 8px 4px;
4101
+ border-right: 1px solid rgba(255, 255, 255, 0.12);
4102
+ }
4103
+ .lh-tree-special .lh-tree-specail-container .lh-tree-special-node {
4104
+ display: inline-block;
4105
+ border-radius: 2px;
4106
+ padding-left: 12px;
4107
+ padding-right: 7px;
4108
+ width: 100%;
4109
+ cursor: default;
4110
+ }
4111
+ .lh-tree-special .lh-tree-specail-container .lh-tree-special-node .node-checkbox {
4112
+ vertical-align: middle;
4113
+ margin-right: 10px;
4114
+ }
4115
+ .lh-tree-special .lh-tree-specail-container .lh-tree-special-node .node-checkbox .lh-checkbox-text {
4116
+ display: none;
4117
+ }
4118
+ .lh-tree-special .lh-tree-specail-container .lh-tree-special-node .node-label {
4119
+ vertical-align: middle;
4120
+ height: 28px;
4121
+ line-height: 28px;
4122
+ color: rgba(255, 255, 255, 0.85);
4123
+ display: inline-block;
4124
+ position: relative;
4125
+ }
4126
+ .lh-tree-special .lh-tree-specail-container .lh-tree-special-node .node-label .node-selected-num {
4127
+ display: inline-block;
4128
+ position: absolute;
4129
+ height: 18px;
4130
+ min-width: 18px;
4131
+ padding-left: 2px;
4132
+ padding-right: 2px;
4133
+ line-height: 18px;
4134
+ background: #D31F29;
4135
+ box-shadow: 0 1px 0 #FFFFFF;
4136
+ opacity: 1;
4137
+ border-radius: 9px;
4138
+ text-align: center;
4139
+ }
4140
+ .lh-tree-special .lh-tree-specail-container .lh-tree-special-node .node-label .node-selected-num .text {
4141
+ color: white;
4142
+ display: inline-block;
4143
+ transform: scale(0.91);
4144
+ }
4145
+ .lh-tree-special .lh-tree-specail-container .lh-tree-special-node .icon-wapper {
4146
+ margin-top: 7px;
4147
+ transform: rotate(-90deg);
4148
+ }
4149
+ .lh-tree-special .lh-tree-specail-container .lh-tree-special-node .icon-wapper .icon_component_arrow_down {
4150
+ font-size: 14px;
4151
+ color: rgba(255, 255, 255, 0.3);
4152
+ }
4153
+ .lh-tree-special .lh-tree-specail-container .lh-tree-special-node.active {
4154
+ background-color: #11192C;
4155
+ }
4156
+ .lh-tree-special .lh-tree-specail-container .lh-tree-special-node:hover {
4157
+ background-color: rgba(255, 255, 255, 0.12);
4158
+ }
4159
+ .lh-treeS-select-div {
4160
+ height: 315px;
4161
+ }
4162
+ .lh-treeS-select-div .treeS-select-div-header {
4163
+ height: 35px;
4164
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
4165
+ padding: 7px 20px 0 10px;
4166
+ }
4167
+ .lh-treeS-select-div .treeS-select-div-content-wapper {
4168
+ overflow-y: hidden;
4169
+ height: 240px;
4170
+ }
4171
+ .lh-treeS-select-div .treeS-select-div-footer {
4172
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
4173
+ position: absolute;
4174
+ bottom: 8px;
4175
+ left: 0;
4176
+ padding: 8px 16px 0 16px;
4177
+ width: 100%;
4178
+ }
4179
+ .lh-treeS-select-div .treeS-select-div-footer .count-text {
4180
+ color: rgba(255, 255, 255, 0.45);
4181
+ font-size: 13px;
4182
+ line-height: 22px;
4183
+ }
4184
+ .lh-tree-special-select-popover {
4185
+ box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
4186
+ border-radius: 4px;
4187
+ border: none;
4188
+ display: inline-block;
4189
+ }
4190
+ .lh-tree-special-select-popover-mini {
4191
+ box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
4192
+ border-radius: 3px;
4193
+ border: none;
4194
+ }
4195
+ .lh-table {
4196
+ border: solid 1px #ebeef5;
4197
+ max-width: 100%;
4198
+ position: relative;
4199
+ }
4200
+ .lh-table.last-column-left-show .last-column-left:before {
4201
+ box-shadow: inset 10px 0 10px -10px rgba(0, 0, 0, 0.15);
4202
+ right: -10px;
4203
+ content: "";
4204
+ position: absolute;
4205
+ top: 0;
4206
+ width: 10px;
4207
+ bottom: -1px;
4208
+ overflow-x: hidden;
4209
+ overflow-y: hidden;
4210
+ touch-action: none;
4211
+ pointer-events: none;
4212
+ }
4213
+ .lh-table.first-column-right-show .first-column-right:before {
4214
+ box-shadow: inset -10px 0 10px -10px rgba(0, 0, 0, 0.15);
4215
+ left: -10px;
4216
+ content: "";
4217
+ position: absolute;
4218
+ top: 0;
4219
+ width: 10px;
4220
+ bottom: -1px;
4221
+ overflow-x: hidden;
4222
+ overflow-y: hidden;
4223
+ touch-action: none;
4224
+ pointer-events: none;
4225
+ }
4226
+ .lh-table.is-dragging {
4227
+ user-select: none;
4228
+ }
4229
+ .lh-table .lh-table-inner-wapper {
4230
+ position: relative;
4231
+ }
4232
+ .lh-table .lh-table-inner-wapper .lh-table__empty-block {
4233
+ position: absolute;
4234
+ height: 60px;
4235
+ width: 100%;
4236
+ text-align: center;
4237
+ background-color: white;
4238
+ }
4239
+ .lh-table .lh-table-inner-wapper .lh-table__empty-block .lh-table__empty-text {
4240
+ line-height: 60px;
4241
+ color: #909399;
4242
+ font-size: 14px;
4243
+ }
4244
+ .lh-table .lh-table-inner-wapper .lh-table-header-wapper {
4245
+ width: 100%;
4246
+ overflow-x: auto;
4247
+ }
4248
+ .lh-table .lh-table-inner-wapper table {
4249
+ border-collapse: collapse;
4250
+ table-layout: fixed;
4251
+ }
4252
+ .lh-table .lh-table-inner-wapper table thead {
4253
+ user-select: none;
4254
+ }
4255
+ .lh-table .lh-table-inner-wapper table thead tr th {
4256
+ color: rgba(255, 255, 255, 0.45);
4257
+ outline: #ebeef5 solid 1px;
4258
+ background-color: #fafafa;
4259
+ font-weight: normal;
4260
+ position: relative;
4261
+ padding-top: 6px;
4262
+ padding-bottom: 6px;
4263
+ }
4264
+ .lh-table .lh-table-inner-wapper table thead tr th:after {
4265
+ content: '';
4266
+ position: absolute;
4267
+ left: 0;
4268
+ bottom: 0;
4269
+ width: 100%;
4270
+ border-bottom: 1px solid #ebeef5;
4271
+ }
4272
+ .lh-table .lh-table-inner-wapper table thead tr th .cell {
4273
+ font-size: 12px;
4274
+ line-height: 24px;
4275
+ padding-left: 10px;
4276
+ padding-right: 10px;
4277
+ text-align: left;
4278
+ }
4279
+ .lh-table .lh-table-inner-wapper table thead tr th .cell .caret-wrapper {
4280
+ position: absolute!important;
4281
+ top: 50%;
4282
+ margin-top: -10px;
4283
+ right: 10px;
4284
+ height: 20px;
4285
+ width: 9px;
4286
+ vertical-align: middle;
4287
+ cursor: pointer;
4288
+ display: none;
4289
+ flex-direction: column;
4290
+ }
4291
+ .lh-table .lh-table-inner-wapper table thead tr th .cell .caret-wrapper .sort-caret {
4292
+ height: 0;
4293
+ width: 0;
4294
+ border: 4px solid rgba(255, 255, 255, 0.3);
4295
+ border-top-color: transparent;
4296
+ border-right-color: transparent;
4297
+ border-bottom-color: rgba(255, 255, 255, 0.3);
4298
+ border-left-color: transparent;
4299
+ cursor: pointer;
4300
+ }
4301
+ .lh-table .lh-table-inner-wapper table thead tr th .cell .caret-wrapper .sort-caret.active {
4302
+ border-bottom-color: #085CDC;
4303
+ }
4304
+ .lh-table .lh-table-inner-wapper table thead tr th .cell .caret-wrapper .sort-caret.descending {
4305
+ transform: rotate(180deg);
4306
+ margin-top: 2px;
4307
+ }
4308
+ .lh-table .lh-table-inner-wapper table thead tr th .cell.sortable {
4309
+ padding-right: 20px;
4310
+ }
4311
+ .lh-table .lh-table-inner-wapper table thead tr th .cell.sortable .caret-wrapper {
4312
+ display: inline-flex;
4313
+ }
4314
+ .lh-table .lh-table-inner-wapper table tbody tr:hover {
4315
+ background-color: rgba(255, 255, 255, 0.04);
4316
+ }
4317
+ .lh-table .lh-table-inner-wapper table tbody tr td {
4318
+ color: rgba(255, 255, 255, 0.85);
4319
+ border-bottom: 1px solid #ebeef5;
4320
+ padding-top: 3px;
4321
+ padding-bottom: 3px;
4322
+ background-color: white;
4323
+ }
4324
+ .lh-table .lh-table-inner-wapper table tbody tr td .cell {
4325
+ font-size: 14px;
4326
+ line-height: 33px;
4327
+ padding-left: 10px;
4328
+ padding-right: 10px;
4329
+ overflow: hidden;
4330
+ text-overflow: ellipsis;
4331
+ white-space: normal;
4332
+ word-break: break-all;
4333
+ }
4334
+ .lh-table .lh-table-inner-wapper table .lh-table-fixed-column {
4335
+ position: -webkit-sticky;
4336
+ position: sticky;
4337
+ z-index: 2;
4338
+ border-bottom: none;
4339
+ }
4340
+ .lh-table .lh-table-inner-wapper table .lh-table-fixed-column:after {
4341
+ content: '';
4342
+ position: absolute;
4343
+ left: 0;
4344
+ bottom: 0;
4345
+ width: 100%;
4346
+ border-bottom: 1px solid #ebeef5;
4347
+ }
4348
+ .lh-table .lh-table-inner-wapper table .lh-checkbox {
4349
+ float: left;
4350
+ line-height: 19px;
4351
+ }
4352
+ .lh-table .lh-table-inner-wapper table .lh-checkbox-text {
4353
+ display: none;
4354
+ }
4355
+ .lh-table .lh-table__column-resize-proxy {
4356
+ position: absolute;
4357
+ top: 0;
4358
+ bottom: 0;
4359
+ width: 0;
4360
+ z-index: 10;
4361
+ left: 200px;
4362
+ border-left: 1px solid #ebeef5;
4363
+ }
4364
+ .lh-scrollbar {
4365
+ overflow: hidden;
4366
+ width: 100%;
4367
+ position: relative;
4368
+ }
4369
+ .lh-scrollbar .lh-scrollbar__wrap {
4370
+ width: 100%;
4371
+ height: 100%;
4372
+ overflow: hidden;
4373
+ font-size: 0;
4374
+ }
4375
+ .lh-scrollbar .lh-scrollbar__wrap .lh-scrollbar__view {
4376
+ display: inline-block;
4377
+ }
4378
+ .lh-scrollbar .lh-scrollbar__bar {
4379
+ position: absolute;
4380
+ transition: 500ms;
4381
+ opacity: 0;
4382
+ visibility: hidden;
4383
+ z-index: 0;
4384
+ }
4385
+ .lh-scrollbar .lh-scrollbar__bar.show {
4386
+ opacity: 1;
4387
+ visibility: visible;
4388
+ z-index: 10;
4389
+ }
4390
+ .lh-scrollbar .lh-scrollbar__bar.is-horizontal {
4391
+ height: 6px;
4392
+ width: 100%;
4393
+ left: 0;
4394
+ bottom: 0;
4395
+ }
4396
+ .lh-scrollbar .lh-scrollbar__bar.is-horizontal .lh-scrollbar__thumb {
4397
+ height: 100%;
4398
+ }
4399
+ .lh-scrollbar .lh-scrollbar__bar.is-vertical {
4400
+ height: 100%;
4401
+ width: 6px;
4402
+ right: 0;
4403
+ top: 0;
4404
+ }
4405
+ .lh-scrollbar .lh-scrollbar__bar.is-vertical .lh-scrollbar__thumb {
4406
+ width: 100%;
4407
+ }
4408
+ .lh-scrollbar .lh-scrollbar__thumb {
4409
+ user-select: none;
4410
+ position: relative;
4411
+ display: block;
4412
+ width: 0;
4413
+ height: 0;
4414
+ cursor: pointer;
4415
+ border-radius: 3px;
4416
+ background-color: rgba(255, 255, 255, 0.2);
4417
+ }
4418
+ .lh-scrollbar .lh-scrollbar__thumb.active {
4419
+ background-color: rgba(255, 255, 255, 0.45);
4420
+ }
4421
+ .lh-scrollbar-native-hide {
4422
+ -ms-overflow-style: none;
4423
+ /* IE 10+ */
4424
+ scrollbar-width: none;
4425
+ /* firefox */
4426
+ scrollbar-height: none;
4427
+ /* firefox */
4428
+ }
4429
+ .lh-scrollbar-native-hide::-webkit-scrollbar {
4430
+ width: 0!important;
4431
+ /* Chrome Safari */
4432
+ height: 0 !important;
4433
+ /* Chrome Safari */
4434
+ }
4435
+ .lh-count-down {
4436
+ font-weight: bold;
4437
+ font-size: 36px;
4438
+ color: rgba(255, 255, 255, 0.85);
4439
+ }
4440
+ .lh-button-primary {
4441
+ font-size: 12px;
4442
+ height: 28px;
4443
+ padding-left: 12px;
4444
+ padding-right: 12px;
4445
+ }
4446
+ .lh-button-primary.big {
4447
+ height: 36px;
4448
+ font-size: 14px;
4449
+ padding-left: 16px;
4450
+ padding-right: 16px;
4451
+ }
4452
+ .lh-button-primary.big i {
4453
+ font-size: 14px;
4454
+ }
4455
+ .lh-button-primary.big.has-icon {
4456
+ padding-left: 12px;
4457
+ padding-right: 12px;
4458
+ }
4459
+ .lh-button-primary.mini {
4460
+ height: 22px;
4461
+ }
4462
+ .lh-button-minor {
4463
+ font-size: 12px;
4464
+ height: 28px;
4465
+ padding-left: 11px;
4466
+ padding-right: 11px;
4467
+ }
4468
+ .lh-button-minor.big {
4469
+ height: 36px;
4470
+ font-size: 14px;
4471
+ padding-left: 15px;
4472
+ padding-right: 15px;
4473
+ }
4474
+ .lh-button-minor.mini {
4475
+ height: 22px;
4476
+ }
4477
+ .lh-button-text {
4478
+ font-size: 13px;
4479
+ height: 28px;
4480
+ }
4481
+ .lh-button-text i.prefix-icon {
4482
+ margin-right: 2px;
4483
+ }
4484
+ .lh-button-text i.suffix-icon {
4485
+ margin-left: 2px;
4486
+ }
4487
+ .lh-button-text.mini {
4488
+ height: 22px;
4489
+ }
4490
+ .lh-table .lh-table-inner-wapper table thead tr th {
4491
+ padding-top: 3px;
4492
+ padding-bottom: 3px;
4493
+ }
4494
+ .lh-table .lh-table-inner-wapper table tbody tr td .cell {
4495
+ font-size: 13px;
4496
+ line-height: 26px;
4497
+ }
4498
+ .lh-table .lh-table-inner-wapper table tbody tr:nth-child(even) td {
4499
+ background: #FAFAFA;
4500
+ }
4501
+ .lh-tab .lh-tab-div-n1.mini .lh-tab-content {
4502
+ height: 22px;
4503
+ line-height: 20px;
4504
+ padding-left: 8px;
4505
+ padding-right: 8px;
4506
+ font-size: 12px;
4507
+ }
4508
+ .lh-tab .lh-tab-div-n3 .lh-tab-content {
4509
+ height: 28px;
4510
+ line-height: 26px;
4511
+ }
4512
+ .lh-tab .lh-tab-div-n3 .lh-tab-content.active {
4513
+ line-height: 28px;
4514
+ }
4515
+ .lh-tab .lh-tab-div-n3.mini .lh-tab-content {
4516
+ height: 22px;
4517
+ line-height: 20px;
4518
+ padding-left: 8px;
4519
+ padding-right: 8px;
4520
+ }
4521
+ .lh-tab .lh-tab-div-n3.mini .lh-tab-content.active {
4522
+ line-height: 22px;
4523
+ }
4524
+ .lh-tab .lh-tab-div-n4 .lh-tab-content {
4525
+ font-size: 13px;
4526
+ line-height: 17px;
4527
+ padding-bottom: 6px;
4528
+ margin-right: 20px;
4529
+ }
4530
+ .lh-tab .lh-tab-div-n5 {
4531
+ width: 100%;
4532
+ height: 30px;
4533
+ }
4534
+ .lh-tab .lh-tab-div-n5 .lh-tab-content {
4535
+ height: 28px;
4536
+ line-height: 28px;
4537
+ padding-left: 12px;
4538
+ padding-right: 12px;
4539
+ font-size: 12px;
4540
+ }
4541
+ .lh-select .lh-select-text {
4542
+ height: 28px;
4543
+ }
4544
+ .lh-select .lh-select-text .lh-select-placeholder {
4545
+ line-height: 26px;
4546
+ font-size: 12px;
4547
+ }
4548
+ .lh-select .lh-select-text .lh-select-single {
4549
+ line-height: 26px;
4550
+ font-size: 12px;
4551
+ }
4552
+ .lh-select .lh-select-text .lh-select-node {
4553
+ height: 20px;
4554
+ line-height: 20px;
4555
+ }
4556
+ .lh-select .lh-select-text .dropdown-icon {
4557
+ top: 6px;
4558
+ }
4559
+ .lh-select.mini .lh-select-text {
4560
+ height: 22px;
4561
+ }
4562
+ .lh-select.mini .lh-select-text .lh-select-single {
4563
+ line-height: 20px;
4564
+ }
4565
+ .lh-select.mini .lh-select-text .lh-select-placeholder {
4566
+ line-height: 20px;
4567
+ }
4568
+ .lh-select.mini .lh-select-text .lh-select-node {
4569
+ margin-top: 2px;
4570
+ }
4571
+ .lh-select.mini .lh-select-text .dropdown-icon {
4572
+ top: 3px;
4573
+ }
4574
+ .lh-select-ul .lh-select-search {
4575
+ padding-left: 8px;
4576
+ padding-right: 8px;
4577
+ }
4578
+ .lh-select-ul ul li {
4579
+ height: 28px;
4580
+ line-height: 28px;
4581
+ padding-left: 8px;
4582
+ padding-right: 8px;
4583
+ font-size: 13px;
4584
+ }
4585
+ .lh-input .lh-input-cornInput {
4586
+ height: 28px;
4587
+ font-size: 12px;
4588
+ }
4589
+ .lh-input .lh-input__prefix {
4590
+ line-height: 28px;
4591
+ }
4592
+ .lh-input .lh-input__suffix {
4593
+ line-height: 28px;
4594
+ }
4595
+ .lh-input.mini .lh-input-cornInput {
4596
+ height: 22px;
4597
+ }
4598
+ .lh-input.mini .lh-input__prefix {
4599
+ line-height: 22px;
4600
+ }
4601
+ .lh-input.mini .lh-input__suffix {
4602
+ line-height: 22px;
4603
+ }
4604
+ .lh-input.big .lh-input-cornInput {
4605
+ height: 36px;
4606
+ font-size: 16px;
4607
+ line-height: 36px;
4608
+ }
4609
+ .lh-input.big .lh-input__prefix {
4610
+ line-height: 36px;
4611
+ }
4612
+ .lh-input.big .lh-input__suffix {
4613
+ line-height: 36px;
4614
+ }
4615
+ .lh-select-tile .lh-select-tile-ul .tile-left-title {
4616
+ font-size: 12px;
4617
+ }
4618
+ .lh-select-tile .lh-select-tile-ul li {
4619
+ height: 22px;
4620
+ line-height: 22px;
4621
+ border-radius: 11px;
4622
+ padding-left: 6px;
4623
+ padding-right: 6px;
4624
+ font-size: 12px;
4625
+ margin-right: 4px;
4626
+ margin-bottom: 7px;
4627
+ }
4628
+ .lh-dialog-header {
4629
+ padding-left: 18px;
4630
+ padding-right: 40px;
4631
+ height: 36px;
4632
+ }
4633
+ .lh-dialog-header > .title {
4634
+ font-size: 15px;
4635
+ line-height: 36px;
4636
+ font-weight: bold;
4637
+ }
4638
+ .lh-dialog-header > .closeIt {
4639
+ width: 40px;
4640
+ height: 36px;
4641
+ line-height: 35px;
4642
+ }
4643
+ .lh-dialog-header > .closeIt i {
4644
+ font-size: 16px;
4645
+ }
4646
+ .lh-date .lh-date-header .lh-date-header-label {
4647
+ font-size: 12px;
4648
+ }
4649
+ .lh-date .lh-date-content .lh-date-table th {
4650
+ font-size: 12px;
4651
+ }
4652
+ .lh-date .lh-date-content .lh-date-table td {
4653
+ font-size: 13px;
4654
+ }
4655
+ .lh-date-picker .lh-date-picker__suffix {
4656
+ line-height: 28px;
4657
+ }
4658
+ .lh-date-picker.mini .lh-date-picker__suffix {
4659
+ line-height: 22px;
4660
+ }
4661
+ .lh-date-range-picker {
4662
+ height: 28px;
4663
+ }
4664
+ .lh-date-range-picker .icon_component_arrow_right {
4665
+ line-height: 26px;
4666
+ }
4667
+ .lh-date-range-picker .range__suffix {
4668
+ line-height: 26px;
4669
+ }
4670
+ .lh-date-range-picker .lh-input .lh-input-cornInput {
4671
+ height: 26px;
4672
+ }
4673
+ .lh-date-range-picker.mini {
4674
+ height: 22px;
4675
+ }
4676
+ .lh-date-range-picker.mini .icon_component_arrow_right {
4677
+ line-height: 20px;
4678
+ }
4679
+ .lh-date-range-picker.mini .range__suffix {
4680
+ line-height: 20px;
4681
+ }
4682
+ .lh-date-range-picker.mini .lh-input .lh-input-cornInput {
4683
+ height: 20px;
4684
+ }
4685
+ .lh-switch {
4686
+ height: 20px;
4687
+ line-height: 20px;
4688
+ }
4689
+ .lh-switch .lh-switch-core {
4690
+ height: 20px;
4691
+ width: 40px;
4692
+ border-radius: 10px;
4693
+ }
4694
+ .lh-switch .lh-switch-core::after {
4695
+ width: 16px;
4696
+ height: 16px;
4697
+ }
4698
+ .lh-switch .lh-switch-checked .lh-switch-core::after {
4699
+ left: 22px;
4700
+ }
4701
+ .lh-switch.mini {
4702
+ height: 14px;
4703
+ line-height: 14px;
4704
+ }
4705
+ .lh-switch.mini .lh-switch-core {
4706
+ height: 14px;
4707
+ width: 24px;
4708
+ border-radius: 7px;
4709
+ }
4710
+ .lh-switch.mini .lh-switch-core::after {
4711
+ width: 10px;
4712
+ height: 10px;
4713
+ }
4714
+ .lh-switch.mini .lh-switch-checked .lh-switch-core::after {
4715
+ left: 12px;
4716
+ }
4717
+ .lh-fuzzy-select-span {
4718
+ height: 28px;
4719
+ line-height: 26px;
4720
+ padding: 0 7px 0 7px;
4721
+ }
4722
+ .lh-fuzzy-select-span.mini {
4723
+ height: 22px;
4724
+ line-height: 20px;
4725
+ }
4726
+ .lh-input .lh-input-cornInput {
4727
+ /*background: #0A192F;*/
4728
+ background: inherit;
4729
+ }
4730
+ .lh-popover-content {
4731
+ background: #283548;
4732
+ border:solid 1px #394556;
4733
+ box-sizing: content-box;
4734
+ }
4735
+ .lh-select-ul {
4736
+ background: #283548;
4737
+ }
4738
+ .lh-select-ul ul li {
4739
+ background: #283548;
4740
+ }
4741
+ .lh-select .lh-select-text {
4742
+ background: inherit;
4743
+ }
4744
+ .lh-fuzzy-select-content ul {
4745
+ background-color: #0A192F;
4746
+ }
4747
+ .lh-fuzzy-select-span {
4748
+ background-color: #283548;
4749
+ }
4750
+ .lh-loading-mask {
4751
+ background-color: rgba(255, 255, 255, 0.3);
4752
+ }
4753
+ .lh-date {
4754
+ background-color: #283548;
4755
+ }
4756
+ .lh-date .lh-date-header .lh-date-header-label {
4757
+ color: rgba(255, 255, 255, 0.85);
4758
+ }
4759
+ .lh-date .lh-date-header .lh-date-header-label:hover {
4760
+ color: #085CDC;
4761
+ }
4762
+ .lh-date .lh-date-content .lh-date-table {
4763
+ background-color: #283548;
4764
+ }
4765
+ .lh-date .lh-date-content .lh-date-table td:hover span {
4766
+ background-color: inherit;
4767
+ border: 1px solid #085CDC;
4768
+ color: #085CDC;
4769
+ }
4770
+ .lh-date .lh-date-content .lh-date-table td.active span {
4771
+ background-color: #085CDC;
4772
+ color: white;
4773
+ box-shadow: 0 0 20px rgba(6, 105, 255, 0.4);
4774
+ }
4775
+ .lh-date .lh-date-content .lh-date-table td .cell {
4776
+ color: rgba(255, 255, 255, 0.65);
4777
+ }
4778
+ .lh-date .lh-date-content .lh-year-table {
4779
+ background-color: #283548;
4780
+ }
4781
+ .lh-date .lh-date-content .lh-year-table td:hover span {
4782
+ background-color: inherit;
4783
+ border: 1px solid #085CDC;
4784
+ color: #085CDC;
4785
+ }
4786
+ .lh-date .lh-date-content .lh-year-table td.active span {
4787
+ background-color: #085CDC;
4788
+ color: white;
4789
+ box-shadow: 0 0 20px rgba(6, 105, 255, 0.4);
4790
+ }
4791
+ .lh-date .lh-date-content .lh-year-table td .cell {
4792
+ color: rgba(255, 255, 255, 0.65);
4793
+ }
4794
+ .lh-date .lh-date-content .lh-month-table {
4795
+ background-color: #283548;
4796
+ }
4797
+ .lh-date .lh-date-content .lh-month-table td:hover span {
4798
+ background-color: inherit;
4799
+ border: 1px solid #085CDC;
4800
+ color: #085CDC;
4801
+ }
4802
+ .lh-date .lh-date-content .lh-month-table td.active span {
4803
+ background-color: #085CDC;
4804
+ color: white;
4805
+ box-shadow: 0 0 20px rgba(6, 105, 255, 0.4);
4806
+ }
4807
+ .lh-date .lh-date-content .lh-month-table td div .cell {
4808
+ color: rgba(255, 255, 255, 0.65);
4809
+ }
4810
+ .lh-checkbox .lh-checkbox-outbox .lh-checkbox-innerbox {
4811
+ background-color: #283548;
4812
+ }
4813
+ .lh-checkbox .lh-checkbox-outbox .lh-checkbox-innerbox.indeterminate {
4814
+ background-color: #283548;
4815
+ }
4816
+ .lh-tree .lh-tree-node .node-base .node-base-icon-wapper .icon_component_arrow {
4817
+ color: rgba(255, 255, 255, 0.85);
4818
+ }
4819
+ .lh-button-minor {
4820
+ background-color: #283548;
4821
+ }
4822
+ .lh-pagination .lh-pagination__item--active {
4823
+ background-color: inherit;
4824
+ }
4825
+ .lh-pagination .lh-pagination__quickjump input {
4826
+ background-color: inherit;
4827
+ }
4828
+ .lh-pagination .lh-select-text .dropdown-icon {
4829
+ color: rgba(255, 255, 255, 0.85);
4830
+ }
4831
+ .lh-dialog {
4832
+ background-color: #283548;
4833
+ }
4834
+ .lh-dialog .lh-dialog-body {
4835
+ color: rgba(255, 255, 255, 0.85);
4836
+ }
4837
+ .lh-mb {
4838
+ background-color: #283548;
4839
+ }
4840
+ .lh-mb .lh-mb-footer {
4841
+ background-color: #283548;
4842
+ }
4843
+ .lh-message {
4844
+ background-color: #1F1F1F;
4845
+ }
4846
+ .lh-popover-content {
4847
+ color: rgba(255, 255, 255, 0.85);
4848
+ }
4849
+ .lh-tree-special {
4850
+ background-color: #283548;
4851
+ }
4852
+ /*# sourceMappingURL=main.css.map */