fmui-base 2.1.44 → 2.1.46

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,1013 @@
1
+ .react-grid .noTitle .t-tab-bar {
2
+ display: none;
3
+ }
4
+ .react-grid .t-tab-wrap {
5
+ height: 100%;
6
+ }
7
+ .react-grid .t-tab {
8
+ height: 100%;
9
+ padding-top: 17px;
10
+ }
11
+ .react-grid .t-tab-bar {
12
+ position: relative;
13
+ padding-left: 16px;
14
+ }
15
+ .react-grid .t-tab-bar::before {
16
+ content: "";
17
+ width: 3px;
18
+ height: 65%;
19
+ border-radius: 3px;
20
+ background-color: rgba(112, 59, 58, 0.8);
21
+ position: absolute;
22
+ top: 4px;
23
+ left: 8px;
24
+ }
25
+ .react-grid .t-tab-bar .t-tab-tab {
26
+ font-size: 16px;
27
+ min-width: 95px;
28
+ color: #888;
29
+ flex: initial;
30
+ height: auto;
31
+ line-height: 20px;
32
+ display: block;
33
+ background-color: transparent;
34
+ }
35
+ .react-grid .t-tab-bar .t-tab-tab div {
36
+ max-width: 95px;
37
+ padding: 2px 5px;
38
+ min-height: 28px;
39
+ white-space: nowrap;
40
+ overflow: hidden;
41
+ text-overflow: ellipsis;
42
+ -webkit-line-clamp: 1;
43
+ -webkit-box-orient: vertical;
44
+ }
45
+ .react-grid .t-tab-bar .t-tab-tab-active {
46
+ color: #333 !important;
47
+ font-size: 18px;
48
+ }
49
+ .react-grid .t-tab-ink-bar {
50
+ display: none !important;
51
+ }
52
+ .react-grid .t-tab-content {
53
+ height: 100%;
54
+ }
55
+ .react-grid .t-tab-nav-wrap .t-tab-ink-bar {
56
+ margin-left: -31px;
57
+ }
58
+ .react-grid .react-grid-item.cssTransforms {
59
+ overflow: auto;
60
+ background-size: contain;
61
+ background-repeat: no-repeat;
62
+ background-size: 100% 100%;
63
+ }
64
+ .react-grid .react-grid-component {
65
+ background-color: #fff;
66
+ }
67
+ .react-grid .react-grid-component .react-grid-banner-type2 .react-grid-banner-img {
68
+ position: absolute;
69
+ width: calc(100% + 16px);
70
+ height: 130px;
71
+ left: -8px;
72
+ right: 0;
73
+ top: 0;
74
+ z-index: -1;
75
+ }
76
+ .react-grid .react-grid-component .react-grid-banner-type2 .react-grid-banner-img img {
77
+ width: 100%;
78
+ height: 100%;
79
+ border-radius: 0 0 39% 39%;
80
+ }
81
+ .react-grid .react-grid-component .react-grid-banner-type2 .global-search {
82
+ padding: 16px 16px 45px 16px;
83
+ }
84
+ .react-grid .react-grid-component .react-grid-banner-type1 .react-grid-banner-img {
85
+ position: absolute;
86
+ height: 100%;
87
+ width: calc(100% + 16px);
88
+ left: -8px;
89
+ right: 0;
90
+ top: 0;
91
+ z-index: -1;
92
+ }
93
+ .react-grid .react-grid-component .react-grid-banner-type1 .react-grid-banner-img img {
94
+ width: 100%;
95
+ height: 100%;
96
+ }
97
+ .react-grid .react-grid-component .react-grid-banner-type1 .global-search {
98
+ padding: 16px 16px 25px 16px;
99
+ }
100
+ .react-grid .react-grid-component .react-grid-banner-type1 .t-grid {
101
+ margin: 0 ;
102
+ }
103
+ .react-grid .react-grid-component .react-grid-banner {
104
+ position: relative;
105
+ color: #fff;
106
+ width: 100%;
107
+ height: 100%;
108
+ padding: 0;
109
+ }
110
+ .react-grid .react-grid-component .react-grid-banner .banner {
111
+ position: absolute;
112
+ top: 0;
113
+ bottom: 0;
114
+ z-index: -1;
115
+ width: 100%;
116
+ }
117
+ .react-grid .react-grid-component .react-grid-banner .banner .bannerimg {
118
+ z-index: 0;
119
+ width: 100%;
120
+ height: 100%;
121
+ }
122
+ .react-grid .react-grid-component .react-grid-banner .global-search {
123
+ display: flex;
124
+ align-items: center;
125
+ }
126
+ .react-grid .react-grid-component .react-grid-banner .global-search .t-filter-wrapper {
127
+ height: 30px;
128
+ padding: 5px 0;
129
+ background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.6) 100%);
130
+ border: 1px solid #ffffff;
131
+ border-radius: 4px;
132
+ }
133
+ .react-grid .react-grid-component .react-grid-banner .global-search .t-filter-bar-wrapper {
134
+ width: 70px;
135
+ background: none;
136
+ border-right: 1px solid #ddd;
137
+ }
138
+ .react-grid .react-grid-component .react-grid-banner .global-search .t-filter-bar-wrapper .item {
139
+ height: 20px;
140
+ line-height: 20px;
141
+ font-size: 14px;
142
+ }
143
+ .react-grid .react-grid-component .react-grid-banner .global-search .t-filter-bar-wrapper .item .item-wrapper {
144
+ padding: 0 0 0 10px;
145
+ }
146
+ .react-grid .react-grid-component .react-grid-banner .global-search .t-filter-bar-wrapper .item .icon {
147
+ height: 20px;
148
+ width: 20px;
149
+ }
150
+ .react-grid .react-grid-component .react-grid-banner .global-search .t-filter-bar-wrapper .item .title-wrapper {
151
+ color: #fff;
152
+ }
153
+ .react-grid .react-grid-component .react-grid-banner .global-search .t-filter-bar-wrapper .item .t-svg div {
154
+ display: none !important;
155
+ }
156
+ .react-grid .react-grid-component .react-grid-banner .global-search .t-filter-bar-wrapper .item .t-svg {
157
+ font-family: "iconfont-ywtb" !important;
158
+ font-size: 12px;
159
+ font-style: normal;
160
+ -webkit-font-smoothing: antialiased;
161
+ color: #fff;
162
+ line-height: 18px !important;
163
+ }
164
+ .react-grid .react-grid-component .react-grid-banner .global-search .t-filter-bar-wrapper .item .t-svg:before {
165
+ content: "\e65b";
166
+ }
167
+ .react-grid .react-grid-component .react-grid-banner .global-search .t-filter-list-item.active .icon svg {
168
+ display: none;
169
+ }
170
+ .react-grid .react-grid-component .react-grid-banner .global-search .t-filter-panel-wrapper {
171
+ width: 70px;
172
+ overflow-y: auto;
173
+ box-shadow: 0 2px 5px #ddd;
174
+ margin-top: 5px;
175
+ }
176
+ .react-grid .react-grid-component .react-grid-banner .global-search .t-field {
177
+ flex: 1;
178
+ }
179
+ .react-grid .react-grid-component .react-grid-banner .global-search .t-field-box {
180
+ min-height: 30px;
181
+ }
182
+ .react-grid .react-grid-component .react-grid-banner .global-search .t-text-field-content {
183
+ background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.6) 100%);
184
+ height: 30px;
185
+ border-radius: 4px;
186
+ padding-left: 10px;
187
+ border: 1px solid #ffffff;
188
+ }
189
+ .react-grid .react-grid-component .react-grid-banner .global-search .t-text-field-content .t-text-field-right-addon {
190
+ color: #fff;
191
+ padding: 5px 0 2px 0;
192
+ }
193
+ .react-grid .react-grid-component .react-grid-banner .global-search .t-text-field-placeholder {
194
+ color: #fff;
195
+ font-size: 14px;
196
+ }
197
+ .react-grid .react-grid-component .react-grid-banner .global-search .t-text-field-input {
198
+ color: #fff;
199
+ }
200
+ .react-grid .react-grid-component .react-grid-banner .global-search input.t-text-field-input:focus,
201
+ .react-grid .react-grid-component .react-grid-banner .global-search textarea.t-textarea-field-content:focus {
202
+ border: none;
203
+ box-shadow: none;
204
+ }
205
+ .react-grid .react-grid-component .react-grid-banner .t-grid-item:first-child .react-grid-banner-type2,
206
+ .react-grid .react-grid-component .react-grid-banner .t-grid-item:last-child .react-grid-banner-type2 {
207
+ border-radius: 6px 6px 30px 30px;
208
+ }
209
+ .react-grid .react-grid-component .react-grid-banner .t-grid-item {
210
+ margin: 0 6px;
211
+ }
212
+ .react-grid .react-grid-component .react-grid-banner .t-badge {
213
+ width: 40px;
214
+ height: 40px;
215
+ margin-top: 5px;
216
+ border-radius: 50%;
217
+ line-height: 40px;
218
+ }
219
+ .react-grid .react-grid-component .react-grid-banner .menu-title {
220
+ margin-bottom: 10px;
221
+ margin-top: 5px;
222
+ }
223
+ .react-grid .react-grid-component .react-grid-banner .react-grid-banner-type2 {
224
+ width: 100%;
225
+ background: #FFFFFF;
226
+ background-image: linear-gradient(180deg, rgba(202, 160, 141, 0.33) 0%, rgba(202, 160, 141, 0) 40%);
227
+ box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.09);
228
+ border-radius: 6px;
229
+ }
230
+ .react-grid .react-grid-component .react-grid-banner .react-grid-banner-type2 .banshicolor {
231
+ background: #FE907220;
232
+ color: #FE9072;
233
+ }
234
+ .react-grid .react-grid-component .react-grid-banner .react-grid-banner-type2 .zixuncolor {
235
+ background: #1AC8D120;
236
+ color: #1AC8D1;
237
+ }
238
+ .react-grid .react-grid-component .react-grid-banner .react-grid-banner-type2 .yingyongcolor {
239
+ background: #FFBD3F20;
240
+ color: #FFBD3F;
241
+ }
242
+ .react-grid .react-grid-component .react-grid-banner .react-grid-banner-type2 .daibancolor {
243
+ background: #3FACF620;
244
+ color: #3FACF6;
245
+ }
246
+ .react-grid .react-grid-component .react-grid-banner .react-grid-banner-type2 .wodecolor {
247
+ background: #7C80DA20;
248
+ color: #7C80DA;
249
+ }
250
+ .react-grid .react-grid-component .react-grid-banner .react-grid-banner-type2 i {
251
+ font-size: 20px;
252
+ }
253
+ .react-grid .react-grid-component .react-grid-banner .react-grid-banner-type2 .menu-title {
254
+ color: #121314;
255
+ }
256
+ .react-grid .react-grid-component .react-grid-banner .react-grid-banner-type1 .t-badge {
257
+ background: #fff;
258
+ color: #703A3A;
259
+ }
260
+ .react-grid .react-grid-component .react-grid-banner .react-grid-banner-type1 .menu-title {
261
+ color: #fff;
262
+ }
263
+ .react-grid .t-badge .badge-inner {
264
+ font-weight: 400;
265
+ top: 3px;
266
+ right: 3px;
267
+ }
268
+ .react-grid .react-grid-component.banner {
269
+ overflow: initial;
270
+ background-color: transparent;
271
+ overflow: visible !important;
272
+ }
273
+ .react-grid .t-grid-row:nth-child(1) .t-grid-item:nth-child(1) .systemItem .iconblock {
274
+ background: #2D899D;
275
+ }
276
+ .react-grid .t-grid-row:nth-child(1) .t-grid-item:nth-child(2) .systemItem .iconblock {
277
+ background: #944439;
278
+ }
279
+ .react-grid .t-grid-row:nth-child(1) .t-grid-item:nth-child(3) .systemItem .iconblock {
280
+ background: #228663;
281
+ }
282
+ .react-grid .t-grid-row:nth-child(1) .t-grid-item:nth-child(4) .systemItem .iconblock {
283
+ background: #467989;
284
+ }
285
+ .react-grid .t-grid-row:nth-child(1) .t-grid-item:nth-child(5) .systemItem .iconblock {
286
+ background: #C39D5F;
287
+ }
288
+ .react-grid .t-grid-row:nth-child(2) .t-grid-item:nth-child(1) .systemItem .iconblock {
289
+ background: #228663;
290
+ }
291
+ .react-grid .t-grid-row:nth-child(2) .t-grid-item:nth-child(2) .systemItem .iconblock {
292
+ background: #467989;
293
+ }
294
+ .react-grid .t-grid-row:nth-child(2) .t-grid-item:nth-child(3) .systemItem .iconblock {
295
+ background: #C39D5F;
296
+ }
297
+ .react-grid .t-grid-row:nth-child(2) .t-grid-item:nth-child(4) .systemItem .iconblock {
298
+ background: #2D899D;
299
+ }
300
+ .react-grid .react-app-collect-type1 .systemItem .iconblock {
301
+ border-radius: 50%;
302
+ }
303
+ .react-grid .systemItem {
304
+ display: inline-block;
305
+ text-align: center;
306
+ width: fit-content;
307
+ vertical-align: top;
308
+ padding-top: 6px;
309
+ }
310
+ .react-grid .systemItem .iconblock {
311
+ width: 40px;
312
+ height: 40px;
313
+ line-height: 40px;
314
+ margin: 0 auto;
315
+ border-radius: 3px;
316
+ color: #fff;
317
+ }
318
+ .react-grid .systemItem .iconblock.t-gengduo {
319
+ background: #944439 !important;
320
+ }
321
+ .react-grid .systemItem .iconfont {
322
+ font-size: 20px;
323
+ }
324
+ .react-grid .systemItem .text {
325
+ color: #000;
326
+ text-align: center;
327
+ font-size: 14px;
328
+ }
329
+ .react-grid .systemItem .t-badge {
330
+ width: 100%;
331
+ }
332
+ .react-grid .react-app-collect {
333
+ position: relative;
334
+ height: 100%;
335
+ }
336
+ .react-grid .react-app-collect .t-grid .t-grid-item + .t-grid-item {
337
+ border-left: none;
338
+ }
339
+ .react-grid .react-app-collect .t-grid .t-grid-row {
340
+ border-bottom: none;
341
+ }
342
+ .react-grid .react-app-collect .t-grid.t-has-line {
343
+ border-top: none;
344
+ }
345
+ .react-grid .component-bssx {
346
+ position: relative;
347
+ height: 100%;
348
+ }
349
+ .react-grid .component-bssx .rightMore {
350
+ position: absolute;
351
+ right: 10px;
352
+ top: 16px;
353
+ color: #999;
354
+ z-index: 999;
355
+ padding: 2px;
356
+ font-size: 14px;
357
+ }
358
+ .react-grid .banshi-list {
359
+ display: flex;
360
+ flex-wrap: wrap;
361
+ justify-content: space-between;
362
+ padding: 16px 10px 0 10px;
363
+ }
364
+ .react-grid .banshi-list .banshi-item {
365
+ width: calc(50% - 8px);
366
+ background: #FEF8E8;
367
+ border-radius: 8px;
368
+ margin: 6px 0;
369
+ padding: 10px;
370
+ padding-right: 60px;
371
+ position: relative;
372
+ height: 60px;
373
+ display: grid;
374
+ align-items: center;
375
+ }
376
+ .react-grid .banshi-list .banshi-item .title {
377
+ font-size: 14px;
378
+ overflow: hidden;
379
+ text-overflow: ellipsis;
380
+ display: -webkit-box;
381
+ -webkit-line-clamp: 3;
382
+ -webkit-box-orient: vertical;
383
+ }
384
+ .react-grid .banshi-list .banshi-item .describe {
385
+ font-size: 12px;
386
+ color: #9A968D;
387
+ }
388
+ .react-grid .banshi-list .banshi-item .iconfont-ywtb.ic {
389
+ position: absolute;
390
+ right: 11px;
391
+ top: 0;
392
+ line-height: 60px;
393
+ font-size: 30px;
394
+ background-clip: text;
395
+ -webkit-background-clip: text;
396
+ -webkit-text-fill-color: transparent;
397
+ }
398
+ .react-grid .banshi-list .banshi-item .iconfont-ywtb.bg {
399
+ position: absolute;
400
+ right: 0;
401
+ top: -9px;
402
+ bottom: 0;
403
+ font-size: 54px;
404
+ opacity: 0.16;
405
+ background-clip: text;
406
+ -webkit-background-clip: text;
407
+ -webkit-text-fill-color: transparent;
408
+ }
409
+ .react-grid .banshi-list .banshi-item:nth-child(6n+1) {
410
+ background: rgba(141, 42, 37, 0.1);
411
+ }
412
+ .react-grid .banshi-list .banshi-item:nth-child(6n+1) .iconfont-ywtb.ic,
413
+ .react-grid .banshi-list .banshi-item:nth-child(6n+1) .iconfont-ywtb.bg {
414
+ background-image: linear-gradient(213deg, #8D2A25 0%, rgba(141, 42, 37, 0.17) 100%);
415
+ color: rgba(141, 42, 37, 0.17);
416
+ }
417
+ .react-grid .banshi-list .banshi-item:nth-child(6n+2) {
418
+ background: #46798910;
419
+ }
420
+ .react-grid .banshi-list .banshi-item:nth-child(6n+2) .iconfont-ywtb.ic,
421
+ .react-grid .banshi-list .banshi-item:nth-child(6n+2) .iconfont-ywtb.bg {
422
+ background-image: linear-gradient(218deg, #467989 0%, rgba(70, 121, 137, 0.12) 100%);
423
+ color: rgba(70, 121, 137, 0.12);
424
+ }
425
+ .react-grid .banshi-list .banshi-item:nth-child(6n+3) {
426
+ background: #22866310;
427
+ }
428
+ .react-grid .banshi-list .banshi-item:nth-child(6n+3) .iconfont-ywtb.ic,
429
+ .react-grid .banshi-list .banshi-item:nth-child(6n+3) .iconfont-ywtb.bg {
430
+ background-image: linear-gradient(216deg, #228663 6%, rgba(34, 134, 99, 0.15) 100%);
431
+ color: rgba(34, 134, 99, 0.15);
432
+ }
433
+ .react-grid .banshi-list .banshi-item:nth-child(6n+4) {
434
+ background: #C39D5F10;
435
+ }
436
+ .react-grid .banshi-list .banshi-item:nth-child(6n+4) .iconfont-ywtb.ic,
437
+ .react-grid .banshi-list .banshi-item:nth-child(6n+4) .iconfont-ywtb.bg {
438
+ background-image: linear-gradient(31deg, rgba(195, 157, 95, 0.15) 0%, #C39D5F 93%);
439
+ color: rgba(195, 157, 95, 0.15);
440
+ }
441
+ .react-grid .banshi-list .banshi-item:nth-child(6n+5) {
442
+ background: #2D899D10;
443
+ }
444
+ .react-grid .banshi-list .banshi-item:nth-child(6n+5) .iconfont-ywtb.ic,
445
+ .react-grid .banshi-list .banshi-item:nth-child(6n+5) .iconfont-ywtb.bg {
446
+ background-image: linear-gradient(208deg, #2D899D 0%, rgba(45, 137, 157, 0.15) 100%);
447
+ color: rgba(45, 137, 157, 0.15);
448
+ }
449
+ .react-grid .banshi-list .banshi-item:nth-child(6n+6) {
450
+ background: #05773310;
451
+ }
452
+ .react-grid .banshi-list .banshi-item:nth-child(6n+6) .iconfont-ywtb.ic,
453
+ .react-grid .banshi-list .banshi-item:nth-child(6n+6) .iconfont-ywtb.bg {
454
+ background-image: linear-gradient(204deg, #037532 0%, rgba(4, 123, 53, 0.15) 99%);
455
+ color: rgba(4, 123, 53, 0.15);
456
+ }
457
+ .react-grid .carousel-notice.t-slide {
458
+ margin: 16px;
459
+ border-radius: 5px;
460
+ }
461
+ .react-grid .carousel-notice.t-slide .t-slide-item {
462
+ background-size: 100% 100%;
463
+ }
464
+ .react-grid .carousel-notice.t-slide .t-slide-item-inner {
465
+ background-size: 100% 100%;
466
+ background-repeat: no-repeat;
467
+ padding: 16px;
468
+ }
469
+ .react-grid .carousel-notice.t-slide .t-slide-item img {
470
+ display: none;
471
+ }
472
+ .react-grid .carousel-notice.t-slide .notice-card-head {
473
+ display: flex;
474
+ justify-content: space-between;
475
+ align-items: center;
476
+ margin-bottom: 16px;
477
+ }
478
+ .react-grid .carousel-notice.t-slide .notice-card-head span {
479
+ font-size: 20px;
480
+ font-weight: 700;
481
+ }
482
+ .react-grid .carousel-notice.t-slide .notice-card-head .t-button {
483
+ height: 26px;
484
+ line-height: 26px;
485
+ font-size: 14px;
486
+ padding: 0 16px;
487
+ margin: 0;
488
+ background: rgba(163, 131, 78, 0.1);
489
+ color: #A3834E;
490
+ }
491
+ .react-grid .jxzt-content {
492
+ margin: 0;
493
+ }
494
+ .react-grid .jxzt-content .t-image-slide-item {
495
+ background-image: url(/mobile/fmui/images/notice-card-bg.png);
496
+ background-size: 100% 100%;
497
+ border-radius: 10px;
498
+ }
499
+ .react-grid .jxzt-content .t-slide-view {
500
+ height: 90px;
501
+ }
502
+ .react-grid .infoList {
503
+ margin: 0 16px;
504
+ padding: 10px 0;
505
+ border-bottom: 1px solid #e9e9e9;
506
+ }
507
+ .react-grid .infoList .infoContent {
508
+ display: flex;
509
+ justify-content: space-between;
510
+ }
511
+ .react-grid .infoList .infoContent .rightContent {
512
+ flex: 1;
513
+ }
514
+ .react-grid .infoList .infoContent p:first-child {
515
+ overflow: hidden;
516
+ -webkit-box-orient: vertical;
517
+ -webkit-line-clamp: 2;
518
+ display: -webkit-box;
519
+ font-size: 16px;
520
+ text-align: left;
521
+ color: #000000;
522
+ line-height: 22.5px;
523
+ margin-bottom: 5px;
524
+ word-break: break-all;
525
+ }
526
+ .react-grid .infoList .infoContent p:last-child {
527
+ display: flex;
528
+ align-items: center;
529
+ }
530
+ .react-grid .infoList .infoContent p:last-child img {
531
+ margin: 0 0.1667rem 0 0;
532
+ width: 0.3467rem;
533
+ height: 0.2933rem;
534
+ }
535
+ .react-grid .infoList .infoContent p:last-child span {
536
+ margin: 0 10px 0 0;
537
+ text-align: left;
538
+ color: #00000066;
539
+ line-height: 1.3;
540
+ word-break: break-all;
541
+ }
542
+ .react-grid .infoList .infoContent .imgContent img {
543
+ margin: auto;
544
+ width: 2.96rem;
545
+ height: 1.9333rem;
546
+ border-radius: 0.1067rem;
547
+ }
548
+ .react-grid .infoList:last-of-type {
549
+ border-bottom: none;
550
+ }
551
+ .react-grid .infoList3 {
552
+ background-color: #fff;
553
+ padding-top: 0.2667rem;
554
+ padding-left: 0.2667rem;
555
+ padding-right: 0.2667rem;
556
+ }
557
+ .react-grid .infoList3 .infoContent {
558
+ border-bottom: 0.0267rem solid #dcdcdc;
559
+ padding-bottom: 0.2667rem;
560
+ }
561
+ .react-grid .infoList3 .infoContent p:first-child {
562
+ overflow: hidden;
563
+ -webkit-box-orient: vertical;
564
+ -webkit-line-clamp: 2;
565
+ display: -webkit-box;
566
+ font-size: 16px;
567
+ font-weight: 400;
568
+ text-align: left;
569
+ color: #000000;
570
+ line-height: 22.5px;
571
+ margin-bottom: 0.2667rem;
572
+ }
573
+ .react-grid .infoList3 .infoContent p:last-child {
574
+ display: flex;
575
+ align-items: center;
576
+ }
577
+ .react-grid .infoList3 .infoContent p:last-child img {
578
+ margin: 0 0.1667rem 0 0;
579
+ width: 0.3467rem;
580
+ height: 0.2933rem;
581
+ }
582
+ .react-grid .infoList3 .infoContent p:last-child span {
583
+ margin: 0 10px 0 0;
584
+ font-size: 12px;
585
+ font-weight: 400;
586
+ text-align: left;
587
+ color: #00000066;
588
+ line-height: 1.3;
589
+ word-break: break-all;
590
+ }
591
+ .react-grid .infoList3 .infoContent .infoPics {
592
+ margin-bottom: 0.2667rem;
593
+ display: flex;
594
+ justify-content: space-between;
595
+ }
596
+ .react-grid .infoList3 .infoContent .infoPics img {
597
+ width: 2.8667rem;
598
+ height: 1.9333rem;
599
+ border-radius: 0.1067rem;
600
+ }
601
+ .react-grid .info-more-btn {
602
+ color: #999;
603
+ padding: 10px 16px;
604
+ margin: 0 auto;
605
+ width: 100px;
606
+ }
607
+ .react-grid .calendar-title,
608
+ .react-grid .show-all-content {
609
+ display: none;
610
+ }
611
+ .react-grid .calendar-container {
612
+ background: transparent;
613
+ }
614
+ .react-grid .calendar-week {
615
+ height: 20px;
616
+ }
617
+ .react-grid .calendar-week div {
618
+ height: 20px;
619
+ line-height: 20px;
620
+ }
621
+ .react-grid .calendar-wrap {
622
+ border-bottom: none;
623
+ margin-bottom: 10px;
624
+ }
625
+ .react-grid .calendar-content .canChoose-active span,
626
+ .react-grid .calendar-content div.today span {
627
+ color: #713938 !important;
628
+ }
629
+ .react-grid .calendar-content .canChoose-active span {
630
+ background: #F6F6F6 !important;
631
+ }
632
+ .react-grid .calendar-content div.today span {
633
+ background: #F6F6F6 !important;
634
+ }
635
+ .react-grid .calendar-content span.hasEvent:before {
636
+ color: #FAB88D !important;
637
+ }
638
+ .react-grid .rc-list .rc-item {
639
+ padding: 5px 16px 5px 10px;
640
+ }
641
+ .react-grid .rc-list .rc-item-time {
642
+ width: 40px;
643
+ color: #999;
644
+ font-size: 14px;
645
+ text-align: center;
646
+ }
647
+ .react-grid .rc-list .rc-item-time-line {
648
+ position: absolute;
649
+ top: 36px;
650
+ left: 22px;
651
+ color: #999;
652
+ }
653
+ .react-grid .rc-list .rc-item-title {
654
+ padding: 0 16px;
655
+ background: rgba(112, 58, 58, 0.06);
656
+ border-radius: 4px;
657
+ line-height: 36px;
658
+ height: 36px;
659
+ margin-left: 10px;
660
+ }
661
+ .react-grid .rc-item.rc-completed .rc-item-title {
662
+ color: #ccc;
663
+ background: #f9f9fa;
664
+ }
665
+ .react-grid .rc-item:last-of-type .rc-item-time-line {
666
+ display: none;
667
+ }
668
+ .react-grid .meetingCard {
669
+ width: 100%;
670
+ background: transparent;
671
+ padding: 8px;
672
+ position: relative;
673
+ }
674
+ .react-grid .meetingCard .lineTop {
675
+ position: absolute;
676
+ top: 0;
677
+ left: 10px;
678
+ width: calc(100% - 20px);
679
+ height: 16px;
680
+ background: #713938;
681
+ border-radius: 8px;
682
+ }
683
+ .react-grid .meetingCard .meetingBg {
684
+ padding: 15px;
685
+ margin: 0 15px;
686
+ width: calc(100% - 30px);
687
+ background: #fff;
688
+ position: relative;
689
+ border-radius: 0 0 8px 8px;
690
+ box-shadow: 0 2px 6px 0 #eee;
691
+ }
692
+ .react-grid .meetingCard .meetingContent .meetingTitle {
693
+ padding-bottom: 10px;
694
+ border-bottom: 1px dashed #dcdcdc;
695
+ }
696
+ .react-grid .meetingCard .meetingContent .meetingTitle p {
697
+ font-size: 16px;
698
+ font-weight: 400;
699
+ text-align: left;
700
+ color: #000000;
701
+ word-break: break-all;
702
+ }
703
+ .react-grid .meetingCard .meetingTime {
704
+ height: 70%;
705
+ padding-top: 0.2667rem;
706
+ }
707
+ .react-grid .meetingCard .meetingTime .meetingDate {
708
+ color: #737373;
709
+ font-size: 14px;
710
+ display: flex;
711
+ align-items: center;
712
+ }
713
+ .react-grid .meetingCard .meetingTime .meetingDate .iconfont {
714
+ color: #BCC2C6;
715
+ }
716
+ .react-grid .meetingCard .meetingTime .timeTitle {
717
+ display: flex;
718
+ justify-content: space-between;
719
+ font-size: 12px;
720
+ color: #B8B8B8;
721
+ margin: 20px 20px 10px 20px;
722
+ }
723
+ .react-grid .meetingCard .meetingTime .time {
724
+ display: flex;
725
+ align-items: center;
726
+ width: 100%;
727
+ margin-top: 0;
728
+ padding: 0 16px;
729
+ }
730
+ .react-grid .meetingCard .meetingTime .time li {
731
+ list-style-type: none;
732
+ }
733
+ .react-grid .meetingCard .meetingTime .time li:first-child {
734
+ width: 30%;
735
+ font-size: 25px;
736
+ font-weight: 700;
737
+ text-align: left;
738
+ color: #000000;
739
+ }
740
+ .react-grid .meetingCard .meetingTime .time li:nth-child(2) {
741
+ width: 40%;
742
+ position: relative;
743
+ }
744
+ .react-grid .meetingCard .meetingTime .time li:nth-child(2) p {
745
+ background: #713938;
746
+ border-radius: 11px;
747
+ color: #fff;
748
+ text-align: center;
749
+ height: 22px;
750
+ width: 90px;
751
+ line-height: 22px;
752
+ margin: auto;
753
+ }
754
+ .react-grid .meetingCard .meetingTime .time li:nth-child(2)::before,
755
+ .react-grid .meetingCard .meetingTime .time li:nth-child(2)::after {
756
+ content: "";
757
+ display: block;
758
+ width: calc((100% - 90px) / 2);
759
+ height: 1px;
760
+ background-color: #713938;
761
+ position: absolute;
762
+ }
763
+ .react-grid .meetingCard .meetingTime .time li:nth-child(2)::before {
764
+ top: 10px;
765
+ left: 0;
766
+ }
767
+ .react-grid .meetingCard .meetingTime .time li:nth-child(2)::after {
768
+ top: 10px;
769
+ right: 0;
770
+ }
771
+ .react-grid .meetingCard .meetingTime .time li:last-child {
772
+ width: 30%;
773
+ font-size: 25px;
774
+ font-weight: 700;
775
+ text-align: right;
776
+ color: #000000;
777
+ }
778
+ .react-grid .meetingCard .meetingTime .location {
779
+ margin-top: 0.5333rem;
780
+ color: #737373;
781
+ font-size: 14px;
782
+ font-weight: 400;
783
+ text-align: left;
784
+ }
785
+ .react-grid .meetingCard .meetingTime .location .iconfont {
786
+ color: #BCC2C6;
787
+ }
788
+ .react-grid .meetingCard .startIcon {
789
+ position: absolute;
790
+ top: 20px;
791
+ right: 20px;
792
+ width: 2rem;
793
+ }
794
+ .react-grid .emailListItem {
795
+ height: 1.8rem;
796
+ border-bottom: 0.0267rem solid #dcdcdc;
797
+ display: flex;
798
+ position: relative;
799
+ justify-content: space-between;
800
+ align-items: center;
801
+ background-color: #fff;
802
+ }
803
+ .react-grid .emailListItem .leftPic {
804
+ width: 20%;
805
+ height: 80%;
806
+ display: flex;
807
+ text-align: center;
808
+ position: relative;
809
+ }
810
+ .react-grid .emailListItem .leftPic .emailIcon {
811
+ margin: auto;
812
+ width: 1.0667rem;
813
+ height: 1.0667rem;
814
+ }
815
+ .react-grid .emailListItem .leftPic .badge {
816
+ width: 0.4rem;
817
+ height: 0.4rem;
818
+ position: absolute;
819
+ top: 0.2667rem;
820
+ right: 0.3467rem;
821
+ }
822
+ .react-grid .emailListItem .rightContent {
823
+ width: 80%;
824
+ }
825
+ .react-grid .emailListItem .rightContent .sendUserName {
826
+ font-size: 16px;
827
+ font-weight: 700;
828
+ color: #000;
829
+ }
830
+ .react-grid .emailListItem .rightContent .content {
831
+ font-size: 14px;
832
+ font-weight: 400;
833
+ text-align: left;
834
+ color: #000000B3;
835
+ overflow: hidden;
836
+ text-overflow: ellipsis;
837
+ white-space: nowrap;
838
+ }
839
+ .react-grid .emailListItem .emailTime {
840
+ position: absolute;
841
+ top: 0.2667rem;
842
+ right: 0.2667rem;
843
+ font-size: 12px;
844
+ font-weight: 400;
845
+ color: #00000066;
846
+ }
847
+ .react-grid .approveList {
848
+ margin: 0 auto 10px auto;
849
+ width: 9.1467rem;
850
+ background-color: #fff;
851
+ overflow: hidden;
852
+ border-radius: 6px;
853
+ }
854
+ .react-grid .approveList .t-FBH {
855
+ justify-content: space-between;
856
+ }
857
+ .react-grid .approveList .time-tag {
858
+ background: #fce68f;
859
+ padding: 8px 16px;
860
+ border-radius: 0 0 16px 0;
861
+ color: #806207;
862
+ }
863
+ .react-grid .approveList .urgency-tag {
864
+ text-align: center;
865
+ height: 22px;
866
+ line-height: 22px;
867
+ font-size: 12px;
868
+ color: #fff;
869
+ margin-top: 6px;
870
+ padding: 0 16px;
871
+ border-radius: 12px 0 0 12px;
872
+ }
873
+ .react-grid .documentList {
874
+ margin: 0 auto 10px auto;
875
+ width: 9.1467rem;
876
+ background-color: #fff;
877
+ overflow: hidden;
878
+ border-radius: 6px;
879
+ }
880
+ .react-grid .documentList .t-tag-red {
881
+ line-height: 16px;
882
+ border: 1px solid #d6403b;
883
+ }
884
+ .react-grid .personal-tab {
885
+ color: red;
886
+ }
887
+ .react-grid .department-tab {
888
+ color: blue;
889
+ }
890
+ .react-grid .list-RT-label .list-item .item-title::before {
891
+ background: #713938;
892
+ }
893
+ .react-grid .list-RT-label .list-item {
894
+ margin: 10px 16px;
895
+ }
896
+ .react-grid .rightMore {
897
+ position: absolute;
898
+ right: 10px;
899
+ color: #999;
900
+ z-index: 999;
901
+ padding: 2px;
902
+ font-size: 14px;
903
+ }
904
+ .react-grid .rightMore .iconfont-ywtb {
905
+ font-size: 7px;
906
+ vertical-align: middle;
907
+ margin-left: 2px;
908
+ }
909
+ .react-grid .sxbl_buttons {
910
+ border-top: none !important;
911
+ padding: 0 16px;
912
+ }
913
+ .react-grid .sxbl_buttons button {
914
+ width: 98%;
915
+ padding: 4px 6px;
916
+ margin-bottom: 10px;
917
+ background: rgba(112, 58, 58, 0.12);
918
+ border: 2px solid #703a3a;
919
+ border-radius: 4px;
920
+ font-size: 16px;
921
+ color: #703A3A;
922
+ }
923
+ .react-grid .sxbl_buttons .t-grid-row {
924
+ border-bottom: none !important;
925
+ }
926
+ .react-grid .wdsx-list .list-item {
927
+ display: flex;
928
+ align-items: center;
929
+ justify-content: space-between;
930
+ }
931
+ .react-grid .wdsx-list .list-item .item-content {
932
+ display: flex;
933
+ flex-direction: column;
934
+ align-items: flex-start;
935
+ justify-content: initial;
936
+ }
937
+ .react-grid .t-grid-item + .t-grid-item {
938
+ border-left: none !important;
939
+ }
940
+ .react-grid .t-refresh-control .t-refresh-control-inner {
941
+ z-index: 0;
942
+ }
943
+ .react-grid .t-refresh-control.ready .t-refresh-control-inner {
944
+ z-index: -1;
945
+ }
946
+ .react-grid .t-refresh-control.refreshAnimate.refreshing .t-refresh-control-inner {
947
+ z-index: 0;
948
+ }
949
+ .react-grid .t-refresh-control.refreshAnimate .t-refresh-control-inner {
950
+ z-index: -1;
951
+ }
952
+ .react-grid .lcfq-list .lcfq-list-item {
953
+ display: flex;
954
+ flex-direction: column;
955
+ align-items: center;
956
+ padding-bottom: 10px;
957
+ }
958
+ .react-grid .lcfq-list .lcfq-list-item .lcfq-list-item-icon {
959
+ width: 50px;
960
+ height: 50px;
961
+ line-height: 50px;
962
+ margin: 0 auto;
963
+ border-radius: 8px;
964
+ margin-bottom: 10px;
965
+ position: relative;
966
+ }
967
+ .react-grid .lcfq-list .lcfq-list-item .lcfq-list-item-text {
968
+ line-height: 1.3;
969
+ font-size: 14px;
970
+ }
971
+ .react-grid .lcfq-list .t-grid-item:nth-child(5n+1) .lcfq-list-item-icon {
972
+ color: #FFBB3C;
973
+ background: rgba(255, 187, 60, 0.16);
974
+ }
975
+ .react-grid .lcfq-list .t-grid-item:nth-child(5n+2) .lcfq-list-item-icon {
976
+ color: #FE9072;
977
+ background: rgba(254, 144, 114, 0.16);
978
+ }
979
+ .react-grid .lcfq-list .t-grid-item:nth-child(5n+3) .lcfq-list-item-icon {
980
+ color: #3FACF6;
981
+ background: rgba(63, 172, 246, 0.16);
982
+ }
983
+ .react-grid .lcfq-list .t-grid-item:nth-child(5n+4) .lcfq-list-item-icon {
984
+ color: #1AC8D1;
985
+ background: rgba(26, 200, 209, 0.16);
986
+ }
987
+ .react-grid .lcfq-list .t-grid-item:nth-child(5n+5) .lcfq-list-item-icon {
988
+ color: #7C80DA;
989
+ background: rgba(124, 128, 218, 0.16);
990
+ }
991
+ .react-grid .t-grid {
992
+ margin: 0 8px;
993
+ border-top: none !important;
994
+ }
995
+ .react-grid .t-grid .t-grid-row {
996
+ align-items: flex-start;
997
+ width: 100%;
998
+ padding: 8px 0 0 0;
999
+ border-bottom: none;
1000
+ border-top: none;
1001
+ text-align: center;
1002
+ }
1003
+ .react-grid .t-grid .t-grid-item + .t-grid-item {
1004
+ border-left: none;
1005
+ }
1006
+ .react-grid .tp-content {
1007
+ width: 100%;
1008
+ height: 100%;
1009
+ }
1010
+ .react-grid .tp-content img {
1011
+ width: 100%;
1012
+ height: 100%;
1013
+ }