1 |
|
2 |
|
3 |
|
4 |
|
5 | .u-progress {
|
6 | overflow: hidden;
|
7 | height: 20px;
|
8 | margin-bottom: 20px;
|
9 | background-color: #f5f5f5;
|
10 | border-radius: 3px;
|
11 | box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }
|
12 |
|
13 | .u-progress-bar {
|
14 | float: left;
|
15 | width: 0;
|
16 | height: 100%;
|
17 | font-size: 12px;
|
18 | line-height: 20px;
|
19 | color: #fff;
|
20 | text-align: center;
|
21 | background-color: rgb(245, 60, 50);
|
22 | box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
|
23 | -webkit-transition: width .6s ease;
|
24 | transition: width .6s ease; }
|
25 |
|
26 | .u-progress.sm {
|
27 | height: 10px; }
|
28 | .u-progress.sm .u-progress-bar {
|
29 | line-height: 10px; }
|
30 | .u-progress.sm .u-progress-label {
|
31 | font-size: 10px; }
|
32 |
|
33 | .u-progress.xs {
|
34 | height: 5px;
|
35 | width: 170px;
|
36 | margin-left: 10px; }
|
37 | .u-progress.xs .u-progress-label {
|
38 | left: 0;
|
39 | color: #000;
|
40 | position: absolute;
|
41 | font-size: 10px;
|
42 | line-height: 8px; }
|
43 |
|
44 | .u-progress-bar-success {
|
45 | background-color: rgb(76,175,80); }
|
46 |
|
47 | .u-progress-bar-warning {
|
48 | background-color: rgb(255,152,0); }
|
49 |
|
50 | .u-progress-bar-danger {
|
51 | background-color: rgb(244,67,54); }
|
52 |
|
53 | .u-progress-bar-info {
|
54 | background-color: rgb(0,188,212); }
|
55 |
|
56 | .u-progress-bar-primary {
|
57 | background-color: rgb(245, 60, 50); }
|
58 |
|
59 | .u-progress-bar-dark {
|
60 | background-color: rgb(97,97,97); }
|
61 |
|
62 | .u-progress-bar-striped,
|
63 | .u-progress-striped .u-progress-bar {
|
64 | background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 0, transparent 50%, rgba(255, 255, 255, 0.15) 0, rgba(255, 255, 255, 0.15) 75%, transparent 0, transparent);
|
65 | background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 0, transparent 50%, rgba(255, 255, 255, 0.15) 0, rgba(255, 255, 255, 0.15) 75%, transparent 0, transparent);
|
66 | background-size: 40px 40px; }
|
67 |
|
68 | .sr-only {
|
69 | position: absolute;
|
70 | width: 1px;
|
71 | height: 1px;
|
72 | margin: -1px;
|
73 | padding: 0;
|
74 | overflow: hidden;
|
75 | clip: rect(0, 0, 0, 0);
|
76 | border: 0; }
|
77 |
|
78 | .u-progress-bar.active,
|
79 | .u-progress.active .u-progress-bar {
|
80 | -webkit-animation: progress-bar-stripes 2s linear infinite;
|
81 | animation: progress-bar-stripes 2s linear infinite; }
|
82 |
|
83 | @-webkit-keyframes progress-bar-stripes {
|
84 | 0% {
|
85 | background-position: 40px 0; }
|
86 | to {
|
87 | background-position: 0 0; } }
|
88 |
|
89 | @keyframes progress-bar-stripes {
|
90 | 0% {
|
91 | background-position: 40px 0; }
|
92 | to {
|
93 | background-position: 0 0; } }
|
94 |
|
95 |
|
96 | #nprogress {
|
97 | pointer-events: none; }
|
98 |
|
99 | #nprogress .bar {
|
100 | background: #29d;
|
101 | position: fixed;
|
102 | z-index: 1031;
|
103 | top: 0;
|
104 | left: 0;
|
105 | width: 100%;
|
106 | height: 2px; }
|
107 |
|
108 |
|
109 | #nprogress .peg {
|
110 | display: block;
|
111 | position: absolute;
|
112 | right: 0px;
|
113 | width: 100px;
|
114 | height: 100%;
|
115 | box-shadow: 0 0 10px #29d, 0 0 5px #29d;
|
116 | opacity: 1.0;
|
117 | -webkit-transform: rotate(3deg) translate(0px, -4px);
|
118 | -ms-transform: rotate(3deg) translate(0px, -4px);
|
119 | transform: rotate(3deg) translate(0px, -4px); }
|
120 |
|
121 |
|
122 | #nprogress .spinner {
|
123 | display: block;
|
124 | position: fixed;
|
125 | z-index: 1031;
|
126 | top: 15px;
|
127 | right: 15px; }
|
128 |
|
129 | #nprogress .spinner-icon {
|
130 | width: 18px;
|
131 | height: 18px;
|
132 | box-sizing: border-box;
|
133 | border: solid 2px transparent;
|
134 | border-top-color: #29d;
|
135 | border-left-color: #29d;
|
136 | border-radius: 50%;
|
137 | -webkit-animation: nprogress-spinner 400ms linear infinite;
|
138 | animation: nprogress-spinner 400ms linear infinite; }
|
139 |
|
140 | .nprogress-custom-parent {
|
141 | overflow: hidden;
|
142 | position: relative; }
|
143 |
|
144 | .nprogress-custom-parent #nprogress .spinner,
|
145 | .nprogress-custom-parent #nprogress .bar {
|
146 | position: absolute; }
|
147 |
|
148 | @-webkit-keyframes nprogress-spinner {
|
149 | 0% {
|
150 | -webkit-transform: rotate(0deg); }
|
151 | 100% {
|
152 | -webkit-transform: rotate(360deg); } }
|
153 |
|
154 | @keyframes nprogress-spinner {
|
155 | 0% {
|
156 | transform: rotate(0deg); }
|
157 | 100% {
|
158 | transform: rotate(360deg); } }
|
159 |
|
160 |
|
161 |
|
162 | @font-face {
|
163 | font-family: "uf";
|
164 | src: url("//design.yonyoucloud.com/static/iconfont/iconfont.eot");
|
165 |
|
166 | src: url("//design.yonyoucloud.com/static/iconfont/iconfont.eot") format("embedded-opentype"), url("//design.yonyoucloud.com/static/iconfont/iconfont.woff") format("woff"), url("//design.yonyoucloud.com/static/iconfont/iconfont.ttf") format("truetype"), url("//design.yonyoucloud.com/static/iconfont/iconfont.svg") format("svg");
|
167 | }
|
168 |
|
169 | .uf {
|
170 | font-family: "uf" !important;
|
171 | font-size: 16px;
|
172 | font-style: normal;
|
173 | -webkit-font-smoothing: antialiased;
|
174 | -moz-osx-font-smoothing: grayscale; }
|
175 |
|
176 | .uf-wechat:before {
|
177 | content: "\3488"; }
|
178 |
|
179 | .uf-add-c-o:before {
|
180 | content: "\e601"; }
|
181 |
|
182 | .uf-search:before {
|
183 | content: "\e603"; }
|
184 |
|
185 | .uf-histogram-arrow-up:before {
|
186 | content: "\e633"; }
|
187 |
|
188 | .uf-close-bold:before {
|
189 | content: "\e602"; }
|
190 |
|
191 | .uf-umbrella:before {
|
192 | content: "\e63b"; }
|
193 |
|
194 | .uf-qq:before {
|
195 | content: "\e694"; }
|
196 |
|
197 | .uf-4square-3:before {
|
198 | content: "\e63d"; }
|
199 |
|
200 | .uf-send:before {
|
201 | content: "\e63f"; }
|
202 |
|
203 | .uf-map:before {
|
204 | content: "\e66c"; }
|
205 |
|
206 | .uf-9square-2:before {
|
207 | content: "\e63e"; }
|
208 |
|
209 | .uf-navmenu:before {
|
210 | content: "\e614"; }
|
211 |
|
212 | .uf-pc-2:before {
|
213 | content: "\e644"; }
|
214 |
|
215 | .uf-search-light-2:before {
|
216 | content: "\e627"; }
|
217 |
|
218 | .uf-check-s-2:before {
|
219 | content: "\e66e"; }
|
220 |
|
221 | .uf-pencil:before {
|
222 | content: "\e69b"; }
|
223 |
|
224 | .uf-repeat:before {
|
225 | content: "\e634"; }
|
226 |
|
227 | .uf-security-2:before {
|
228 | content: "\e6a5"; }
|
229 |
|
230 | .uf-lexi:before {
|
231 | content: "\e643"; }
|
232 |
|
233 | .uf-pencil-s:before {
|
234 | content: "\e77d"; }
|
235 |
|
236 | .uf-del:before {
|
237 | content: "\e654"; }
|
238 |
|
239 | .uf-bi-o:before {
|
240 | content: "\e641"; }
|
241 |
|
242 | .uf-pencil-c:before {
|
243 | content: "\e6e6"; }
|
244 |
|
245 | .uf-qrcode:before {
|
246 | content: "\e661"; }
|
247 |
|
248 | .uf-rmb-c-o:before {
|
249 | content: "\e645"; }
|
250 |
|
251 | .uf-search-c-o:before {
|
252 | content: "\e659"; }
|
253 |
|
254 | .uf-bell:before {
|
255 | content: "\e60c"; }
|
256 |
|
257 | .uf-pass-3:before {
|
258 | content: "\e649"; }
|
259 |
|
260 | .uf-treearrow-down:before {
|
261 | content: "\e608"; }
|
262 |
|
263 | .uf-training:before {
|
264 | content: "\e617"; }
|
265 |
|
266 | .uf-group-2:before {
|
267 | content: "\e64c"; }
|
268 |
|
269 | .uf-zoom-in:before {
|
270 | content: "\e906"; }
|
271 |
|
272 | .uf-security-o:before {
|
273 | content: "\e7ac"; }
|
274 |
|
275 | .uf-baojia-c:before {
|
276 | content: "\e64d"; }
|
277 |
|
278 | .uf-rulerpen:before {
|
279 | content: "\e623"; }
|
280 |
|
281 | .uf-erpsearch:before {
|
282 | content: "\e64e"; }
|
283 |
|
284 | .uf-group-o:before {
|
285 | content: "\e6a8"; }
|
286 |
|
287 | .uf-cloud-o-updown:before {
|
288 | content: "\e725"; }
|
289 |
|
290 | .uf-close-c-o:before {
|
291 | content: "\e625"; }
|
292 |
|
293 | .uf-add-s:before {
|
294 | content: "\e620"; }
|
295 |
|
296 | .uf-pc:before {
|
297 | content: "\e6e8"; }
|
298 |
|
299 | .uf-rain:before {
|
300 | content: "\e771"; }
|
301 |
|
302 | .uf-nodata:before {
|
303 | content: "\e64f"; }
|
304 |
|
305 | .uf-close-c:before {
|
306 | content: "\e66b"; }
|
307 |
|
308 | .uf-bohui-s-o:before {
|
309 | content: "\e65f"; }
|
310 |
|
311 | .uf-cloud:before {
|
312 | content: "\e772"; }
|
313 |
|
314 | .uf-bag-s:before {
|
315 | content: "\e650"; }
|
316 |
|
317 | .uf-table-2:before {
|
318 | content: "\e95f"; }
|
319 |
|
320 | .uf-anglearrowpointingtoright:before {
|
321 | content: "\e61e"; }
|
322 |
|
323 | .uf-exc-c-o:before {
|
324 | content: "\e615"; }
|
325 |
|
326 | .uf-group:before {
|
327 | content: "\e651"; }
|
328 |
|
329 | .uf-personin-o:before {
|
330 | content: "\e8d3"; }
|
331 |
|
332 | .uf-calendar:before {
|
333 | content: "\e646"; }
|
334 |
|
335 | .uf-add-s-o:before {
|
336 | content: "\e604"; }
|
337 |
|
338 | .uf-sync-c-o:before {
|
339 | content: "\e655"; }
|
340 |
|
341 | .uf-grid:before {
|
342 | content: "\e657"; }
|
343 |
|
344 | .uf-anglepointingtoleft:before {
|
345 | content: "\e624"; }
|
346 |
|
347 | .uf-activate-3:before {
|
348 | content: "\e65b"; }
|
349 |
|
350 | .uf-caven:before {
|
351 | content: "\e663"; }
|
352 |
|
353 | .uf-back:before {
|
354 | content: "\e6e3"; }
|
355 |
|
356 | .uf-pass-2:before {
|
357 | content: "\e65d"; }
|
358 |
|
359 | .uf-reduce-s-o:before {
|
360 | content: "\e719"; }
|
361 |
|
362 | .uf-area:before {
|
363 | content: "\e6ea"; }
|
364 |
|
365 | .uf-flag:before {
|
366 | content: "\e65e"; }
|
367 |
|
368 | .uf-box-o-2:before {
|
369 | content: "\e610"; }
|
370 |
|
371 | .uf-arrow-s-o-down:before {
|
372 | content: "\e660"; }
|
373 |
|
374 | .uf-arrow-s-o-up:before {
|
375 | content: "\e662"; }
|
376 |
|
377 | .uf-building:before {
|
378 | content: "\e6ee"; }
|
379 |
|
380 | .uf-tapp:before {
|
381 | content: "\e773"; }
|
382 |
|
383 | .uf-treefolder:before {
|
384 | content: "\e628"; }
|
385 |
|
386 | .uf-advice:before {
|
387 | content: "\e6cf"; }
|
388 |
|
389 | .uf-2collayout:before {
|
390 | content: "\e618"; }
|
391 |
|
392 | .uf-check-s:before {
|
393 | content: "\e672"; }
|
394 |
|
395 | .uf-sign:before {
|
396 | content: "\e67a"; }
|
397 |
|
398 | .uf-listsearch:before {
|
399 | content: "\e67c"; }
|
400 |
|
401 | .uf-gridcaretarrowup:before {
|
402 | content: "\e636"; }
|
403 |
|
404 | .uf-eye-c-o:before {
|
405 | content: "\e67e"; }
|
406 |
|
407 | .uf-check-c-o:before {
|
408 | content: "\e6ef"; }
|
409 |
|
410 | .uf-seal:before {
|
411 | content: "\e67f"; }
|
412 |
|
413 | .uf-erpbox:before {
|
414 | content: "\e6ae"; }
|
415 |
|
416 | .uf-rulerpen-o:before {
|
417 | content: "\e62e"; }
|
418 |
|
419 | .uf-role:before {
|
420 | content: "\e7c2"; }
|
421 |
|
422 | .uf-exc-c-2:before {
|
423 | content: "\e675"; }
|
424 |
|
425 | .uf-pad:before {
|
426 | content: "\e6bd"; }
|
427 |
|
428 | .uf-treefolder-closed:before {
|
429 | content: "\e688"; }
|
430 |
|
431 | .uf-reduce-c-o:before {
|
432 | content: "\e635"; }
|
433 |
|
434 | .uf-pass-s-o:before {
|
435 | content: "\e682"; }
|
436 |
|
437 | .uf-setting:before {
|
438 | content: "\e683"; }
|
439 |
|
440 | .uf-close-s:before {
|
441 | content: "\e76a"; }
|
442 |
|
443 | .uf-map-o:before {
|
444 | content: "\e665"; }
|
445 |
|
446 | .uf-move:before {
|
447 | content: "\e68b"; }
|
448 |
|
449 | .uf-2arrow-down:before {
|
450 | content: "\e606"; }
|
451 |
|
452 | .uf-2arrow-right:before {
|
453 | content: "\e60b"; }
|
454 |
|
455 | .uf-arrow-c-o-left:before {
|
456 | content: "\e684"; }
|
457 |
|
458 | .uf-plus:before {
|
459 | content: "\e763"; }
|
460 |
|
461 | .uf-arrow-c-o-right:before {
|
462 | content: "\e685"; }
|
463 |
|
464 | .uf-arrow-c-o-down:before {
|
465 | content: "\e687"; }
|
466 |
|
467 | .uf-list-s-o:before {
|
468 | content: "\e746"; }
|
469 |
|
470 | .uf-cloud-o-down:before {
|
471 | content: "\e673"; }
|
472 |
|
473 | .uf-nodata-2:before {
|
474 | content: "\e68c"; }
|
475 |
|
476 | .uf-file-s:before {
|
477 | content: "\e642"; }
|
478 |
|
479 | .uf-2arrow-up:before {
|
480 | content: "\e607"; }
|
481 |
|
482 | .uf-notification:before {
|
483 | content: "\e9cc"; }
|
484 |
|
485 | .uf-piechart:before {
|
486 | content: "\e6f0"; }
|
487 |
|
488 | .uf-cloud-o-up:before {
|
489 | content: "\e6ac"; }
|
490 |
|
491 | .uf-close:before {
|
492 | content: "\e76b"; }
|
493 |
|
494 | .uf-correct:before {
|
495 | content: "\e677"; }
|
496 |
|
497 | .uf-histogram-s-o-2:before {
|
498 | content: "\e6fa"; }
|
499 |
|
500 | .uf-4square-2:before {
|
501 | content: "\e691"; }
|
502 |
|
503 | .uf-sunny:before {
|
504 | content: "\e774"; }
|
505 |
|
506 | .uf-link:before {
|
507 | content: "\e6fe"; }
|
508 |
|
509 | .uf-eye:before {
|
510 | content: "\e692"; }
|
511 |
|
512 | .uf-eye-o:before {
|
513 | content: "\e69c"; }
|
514 |
|
515 | .uf-qian:before {
|
516 | content: "\e69e"; }
|
517 |
|
518 | .uf-widgetab:before {
|
519 | content: "\e6f2"; }
|
520 |
|
521 | .uf-rmb-s:before {
|
522 | content: "\e6a0"; }
|
523 |
|
524 | .uf-link-off:before {
|
525 | content: "\e6ff"; }
|
526 |
|
527 | .uf-shang-s:before {
|
528 | content: "\e6a1"; }
|
529 |
|
530 | .uf-xia-s:before {
|
531 | content: "\e6a6"; }
|
532 |
|
533 | .uf-box-2:before {
|
534 | content: "\e616"; }
|
535 |
|
536 | .uf-pass-o:before {
|
537 | content: "\e6a7"; }
|
538 |
|
539 | .uf-arrow-down:before {
|
540 | content: "\e609"; }
|
541 |
|
542 | .uf-arrow-right:before {
|
543 | content: "\e611"; }
|
544 |
|
545 | .uf-arrow-left:before {
|
546 | content: "\e612"; }
|
547 |
|
548 | .uf-box:before {
|
549 | content: "\e613"; }
|
550 |
|
551 | .uf-triangle-right:before {
|
552 | content: "\e61c"; }
|
553 |
|
554 | .uf-histogram-s-o:before {
|
555 | content: "\e626"; }
|
556 |
|
557 | .uf-book:before {
|
558 | content: "\e62a"; }
|
559 |
|
560 | .uf-bookmark-o:before {
|
561 | content: "\e631"; }
|
562 |
|
563 | .uf-leaf:before {
|
564 | content: "\e62d"; }
|
565 |
|
566 | .uf-bullseye:before {
|
567 | content: "\e632"; }
|
568 |
|
569 | .uf-calendarpageempty:before {
|
570 | content: "\e647"; }
|
571 |
|
572 | .uf-gridcaretdown:before {
|
573 | content: "\e637"; }
|
574 |
|
575 | .uf-triangle-up:before {
|
576 | content: "\e638"; }
|
577 |
|
578 | .uf-triangle-down:before {
|
579 | content: "\e639"; }
|
580 |
|
581 | .uf-cloud-down:before {
|
582 | content: "\e64a"; }
|
583 |
|
584 | .uf-cloud-up:before {
|
585 | content: "\e64b"; }
|
586 |
|
587 | .uf-bubble:before {
|
588 | content: "\e652"; }
|
589 |
|
590 | .uf-bubble-o:before {
|
591 | content: "\e653"; }
|
592 |
|
593 | .uf-copy:before {
|
594 | content: "\e65a"; }
|
595 |
|
596 | .uf-correct-2:before {
|
597 | content: "\e658"; }
|
598 |
|
599 | .uf-2arrow-left:before {
|
600 | content: "\e664"; }
|
601 |
|
602 | .uf-arrow-down-2:before {
|
603 | content: "\e667"; }
|
604 |
|
605 | .uf-download:before {
|
606 | content: "\e669"; }
|
607 |
|
608 | .uf-earth:before {
|
609 | content: "\e66d"; }
|
610 |
|
611 | .uf-mail-o:before {
|
612 | content: "\e66f"; }
|
613 |
|
614 | .uf-mail:before {
|
615 | content: "\e670"; }
|
616 |
|
617 | .uf-exc:before {
|
618 | content: "\e674"; }
|
619 |
|
620 | .uf-externallink:before {
|
621 | content: "\e676"; }
|
622 |
|
623 | .uf-video:before {
|
624 | content: "\e67b"; }
|
625 |
|
626 | .uf-films:before {
|
627 | content: "\e680"; }
|
628 |
|
629 | .uf-folder:before {
|
630 | content: "\e689"; }
|
631 |
|
632 | .uf-folder-o:before {
|
633 | content: "\e68a"; }
|
634 |
|
635 | .uf-fontselectioneditor:before {
|
636 | content: "\e68d"; }
|
637 |
|
638 | .uf-4square:before {
|
639 | content: "\e68e"; }
|
640 |
|
641 | .uf-gift:before {
|
642 | content: "\e693"; }
|
643 |
|
644 | .uf-github-c:before {
|
645 | content: "\e695"; }
|
646 |
|
647 | .uf-github-s:before {
|
648 | content: "\e696"; }
|
649 |
|
650 | .uf-heart-o:before {
|
651 | content: "\e6a3"; }
|
652 |
|
653 | .uf-heart:before {
|
654 | content: "\e6a4"; }
|
655 |
|
656 | .uf-home:before {
|
657 | content: "\e6a2"; }
|
658 |
|
659 | .uf-i-c-2:before {
|
660 | content: "\e6aa"; }
|
661 |
|
662 | .uf-i:before {
|
663 | content: "\e6ab"; }
|
664 |
|
665 | .uf-triangle-left:before {
|
666 | content: "\e6b0"; }
|
667 |
|
668 | .uf-symlist:before {
|
669 | content: "\e6be"; }
|
670 |
|
671 | .uf-arrow-left-2:before {
|
672 | content: "\e6bf"; }
|
673 |
|
674 | .uf-arrow-right-2:before {
|
675 | content: "\e6c0"; }
|
676 |
|
677 | .uf-arrow-up-2:before {
|
678 | content: "\e6c1"; }
|
679 |
|
680 | .uf-reduce-c:before {
|
681 | content: "\e6cb"; }
|
682 |
|
683 | .uf-reduce-s:before {
|
684 | content: "\e6cc"; }
|
685 |
|
686 | .uf-minus:before {
|
687 | content: "\e6ce"; }
|
688 |
|
689 | .uf-mobile:before {
|
690 | content: "\e6e0"; }
|
691 |
|
692 | .uf-bell-o:before {
|
693 | content: "\e6d4"; }
|
694 |
|
695 | .uf-9square:before {
|
696 | content: "\e6d5"; }
|
697 |
|
698 | .uf-numlist:before {
|
699 | content: "\e6dd"; }
|
700 |
|
701 | .uf-folderopen-o:before {
|
702 | content: "\e6d7"; }
|
703 |
|
704 | .uf-treefolderopen:before {
|
705 | content: "\e6d8"; }
|
706 |
|
707 | .uf-mac:before {
|
708 | content: "\e6ed"; }
|
709 |
|
710 | .uf-camera:before {
|
711 | content: "\e6e4"; }
|
712 |
|
713 | .uf-picture:before {
|
714 | content: "\e6e5"; }
|
715 |
|
716 | .uf-play:before {
|
717 | content: "\e6eb"; }
|
718 |
|
719 | .uf-play-o:before {
|
720 | content: "\e6ec"; }
|
721 |
|
722 | .uf-qm-c:before {
|
723 | content: "\e6f4"; }
|
724 |
|
725 | .uf-qm:before {
|
726 | content: "\e6f5"; }
|
727 |
|
728 | .uf-navmenu-light:before {
|
729 | content: "\e6fd"; }
|
730 |
|
731 | .uf-settings:before {
|
732 | content: "\e70c"; }
|
733 |
|
734 | .uf-cart:before {
|
735 | content: "\e711"; }
|
736 |
|
737 | .uf-histogram:before {
|
738 | content: "\e714"; }
|
739 |
|
740 | .uf-finetune:before {
|
741 | content: "\e71a"; }
|
742 |
|
743 | .uf-sortup:before {
|
744 | content: "\e71b"; }
|
745 |
|
746 | .uf-sortdown:before {
|
747 | content: "\e71c"; }
|
748 |
|
749 | .uf-sort19:before {
|
750 | content: "\e71d"; }
|
751 |
|
752 | .uf-sort91:before {
|
753 | content: "\e71f"; }
|
754 |
|
755 | .uf-za:before {
|
756 | content: "\e721"; }
|
757 |
|
758 | .uf-star-o:before {
|
759 | content: "\e726"; }
|
760 |
|
761 | .uf-star-2:before {
|
762 | content: "\e727"; }
|
763 |
|
764 | .uf-star:before {
|
765 | content: "\e728"; }
|
766 |
|
767 | .uf-luggage:before {
|
768 | content: "\e72d"; }
|
769 |
|
770 | .uf-table:before {
|
771 | content: "\e730"; }
|
772 |
|
773 | .uf-tel:before {
|
774 | content: "\e734"; }
|
775 |
|
776 | .uf-tel-s:before {
|
777 | content: "\e735"; }
|
778 |
|
779 | .uf-terminal:before {
|
780 | content: "\e736"; }
|
781 |
|
782 | .uf-file:before {
|
783 | content: "\e738"; }
|
784 |
|
785 | .uf-file-o:before {
|
786 | content: "\e739"; }
|
787 |
|
788 | .uf-3dot-h:before {
|
789 | content: "\e73c"; }
|
790 |
|
791 | .uf-time-c-o:before {
|
792 | content: "\e742"; }
|
793 |
|
794 | .uf-upload:before {
|
795 | content: "\e750"; }
|
796 |
|
797 | .uf-3dot-v:before {
|
798 | content: "\e753"; }
|
799 |
|
800 | .uf-rmb:before {
|
801 | content: "\e757"; }
|
802 |
|
803 | .uf-arrow-c-o-up:before {
|
804 | content: "\e6a9"; }
|
805 |
|
806 | .uf-reject-2:before {
|
807 | content: "\e6ad"; }
|
808 |
|
809 | .uf-barcode:before {
|
810 | content: "\e7fc"; }
|
811 |
|
812 | .uf-zoom-out:before {
|
813 | content: "\e686"; }
|
814 |
|
815 | .uf-exc-t-o:before {
|
816 | content: "\e60a"; }
|
817 |
|
818 | .uf-pass:before {
|
819 | content: "\e6b1"; }
|
820 |
|
821 | .uf-flow:before {
|
822 | content: "\e6b2"; }
|
823 |
|
824 | .uf-add-c:before {
|
825 | content: "\e61a"; }
|
826 |
|
827 | .uf-arrow-c-o-right-2:before {
|
828 | content: "\e6b3"; }
|
829 |
|
830 | .uf-shelf-on:before {
|
831 | content: "\e6b4"; }
|
832 |
|
833 | .uf-shelf-off:before {
|
834 | content: "\e6b5"; }
|
835 |
|
836 | .uf-file-o-2:before {
|
837 | content: "\e60f"; }
|
838 |
|
839 | .uf-truck-o:before {
|
840 | content: "\e6b6"; }
|
841 |
|
842 | .uf-super:before {
|
843 | content: "\e62c"; }
|
844 |
|
845 | .uf-equipment:before {
|
846 | content: "\e630"; }
|
847 |
|
848 | .uf-arrow-c-o-left-2:before {
|
849 | content: "\e6b8"; }
|
850 |
|
851 | .uf-files-o:before {
|
852 | content: "\e6fc"; }
|
853 |
|
854 | .uf-cloud-o:before {
|
855 | content: "\e6ba"; }
|
856 |
|
857 | .uf-rmb-s-o-2:before {
|
858 | content: "\e6bb"; }
|
859 |
|
860 | .uf-3dot-c-o:before {
|
861 | content: "\e6f3"; }
|
862 |
|
863 | .uf-dafeng:before {
|
864 | content: "\e775"; }
|
865 |
|
866 | .uf-baoxue:before {
|
867 | content: "\e776"; }
|
868 |
|
869 | .uf-bingbao:before {
|
870 | content: "\e777"; }
|
871 |
|
872 | .uf-fengbao:before {
|
873 | content: "\e778"; }
|
874 |
|
875 | .uf-xiaoyu:before {
|
876 | content: "\e779"; }
|
877 |
|
878 | .uf-zhenxue:before {
|
879 | content: "\e77a"; }
|
880 |
|
881 | .uf-zhongyu:before {
|
882 | content: "\e77b"; }
|
883 |
|
884 | .uf-es:before {
|
885 | content: "\e747"; }
|
886 |
|
887 | .uf-flow-o-2:before {
|
888 | content: "\e6bc"; }
|
889 |
|
890 | .uf-activate-2:before {
|
891 | content: "\e6c2"; }
|
892 |
|
893 | .uf-flow-o:before {
|
894 | content: "\e6c3"; }
|
895 |
|
896 | .uf-bulb-2:before {
|
897 | content: "\e63a"; }
|
898 |
|
899 | .uf-mi-c:before {
|
900 | content: "\e62f"; }
|
901 |
|
902 | .uf-top-up:before {
|
903 | content: "\e668"; }
|
904 |
|
905 | .uf-creditcard:before {
|
906 | content: "\e8b4"; }
|
907 |
|
908 | .uf-align-center:before {
|
909 | content: "\e8b9"; }
|
910 |
|
911 | .uf-align-justify:before {
|
912 | content: "\e8ba"; }
|
913 |
|
914 | .uf-align-left:before {
|
915 | content: "\e8bb"; }
|
916 |
|
917 | .uf-align-right:before {
|
918 | content: "\e8bc"; }
|
919 |
|
920 | .uf-ju-c-o:before {
|
921 | content: "\e6c4"; }
|
922 |
|
923 | .uf-truck:before {
|
924 | content: "\e990"; }
|
925 |
|
926 | .uf-setting-c-o:before {
|
927 | content: "\e6c5"; }
|
928 |
|
929 | .uf-users-o:before {
|
930 | content: "\e91b"; }
|
931 |
|
932 | .uf-bag-s-o:before {
|
933 | content: "\e6c6"; }
|
934 |
|
935 | .uf-cai-s:before {
|
936 | content: "\e6c7"; }
|
937 |
|
938 | .uf-listcheck:before {
|
939 | content: "\e6c8"; }
|
940 |
|
941 | .uf-users:before {
|
942 | content: "\e794"; }
|
943 |
|
944 | .uf-i-c:before {
|
945 | content: "\e6cd"; }
|
946 |
|
947 | .uf-building-o:before {
|
948 | content: "\e6f6"; }
|
949 |
|
950 | .uf-rmb-s-o:before {
|
951 | content: "\e6d0"; }
|
952 |
|
953 | .uf-reject:before {
|
954 | content: "\e6d1"; }
|
955 |
|
956 | .uf-9dot:before {
|
957 | content: "\e6f7"; }
|
958 |
|
959 | .uf-loadingstate:before {
|
960 | content: "\e600"; }
|
961 |
|
962 | .uf-gateway:before {
|
963 | content: "\e6d3"; }
|
964 |
|
965 | .uf-ticket-s-o:before {
|
966 | content: "\e6d6"; }
|
967 |
|
968 | .uf-userset:before {
|
969 | content: "\e6f8"; }
|
970 |
|
971 | .uf-puzzle-o:before {
|
972 | content: "\e648"; }
|
973 |
|
974 | .uf-box-o:before {
|
975 | content: "\e6d9"; }
|
976 |
|
977 | .uf-bulb:before {
|
978 | content: "\e6da"; }
|
979 |
|
980 | .uf-exc-t:before {
|
981 | content: "\e61b"; }
|
982 |
|
983 | .uf-rmb-c:before {
|
984 | content: "\e6db"; }
|
985 |
|
986 | .uf-table-s-o:before {
|
987 | content: "\e759"; }
|
988 |
|
989 | .uf-umbrella-o:before {
|
990 | content: "\e6dc"; }
|
991 |
|
992 | .uf-dropbox:before {
|
993 | content: "\e69d"; }
|
994 |
|
995 | .uf-search-light:before {
|
996 | content: "\e622"; }
|
997 |
|
998 | .uf-cart-o:before {
|
999 | content: "\e8c4"; }
|
1000 |
|
1001 | .uf-kero-col:before {
|
1002 | content: "\e8c7"; }
|
1003 |
|
1004 | .uf-uba-col:before {
|
1005 | content: "\e8c8"; }
|
1006 |
|
1007 | .uf-tinperzc-col:before {
|
1008 | content: "\e8c9"; }
|
1009 |
|
1010 | .uf-tinperzch-col:before {
|
1011 | content: "\e8ca"; }
|
1012 |
|
1013 | .uf-iuap-col:before {
|
1014 | content: "\e8cb"; }
|
1015 |
|
1016 | .uf-iuapdesign-col:before {
|
1017 | content: "\e8cc"; }
|
1018 |
|
1019 | .uf-bee-col:before {
|
1020 | content: "\e8cd"; }
|
1021 |
|
1022 | .uf-neoui-col:before {
|
1023 | content: "\e8ce"; }
|
1024 |
|
1025 | .uf-sparrow-col:before {
|
1026 | content: "\e8cf"; }
|
1027 |
|
1028 | .uf-tinpercn-col:before {
|
1029 | content: "\e8d0"; }
|
1030 |
|
1031 | .uf-tinperen-col:before {
|
1032 | content: "\e8d1"; }
|
1033 |
|
1034 | .uf-arrow-up:before {
|
1035 | content: "\e8d2"; }
|
1036 |
|
1037 | .uf-mailsym:before {
|
1038 | content: "\e605"; }
|
1039 |
|
1040 | .uf-print:before {
|
1041 | content: "\e60e"; }
|
1042 |
|
1043 | .uf-ticket-3:before {
|
1044 | content: "\e619"; }
|
1045 |
|
1046 | .uf-loan:before {
|
1047 | content: "\e61f"; }
|
1048 |
|
1049 | .uf-ticket-2:before {
|
1050 | content: "\e629"; }
|
1051 |
|
1052 | .uf-offwork:before {
|
1053 | content: "\e62b"; }
|
1054 |
|
1055 | .uf-todolist:before {
|
1056 | content: "\e640"; }
|
1057 |
|
1058 | .uf-personin:before {
|
1059 | content: "\e66a"; }
|
1060 |
|
1061 | .uf-ticket:before {
|
1062 | content: "\e671"; }
|
1063 |
|
1064 | .uf-linechart:before {
|
1065 | content: "\e6fb"; }
|
1066 |
|
1067 | .uf-4leaf:before {
|
1068 | content: "\e6de"; }
|
1069 |
|
1070 | .uf-listset:before {
|
1071 | content: "\e6df"; }
|
1072 |
|
1073 | .uf-qi-c-o:before {
|
1074 | content: "\e621"; }
|
1075 |
|
1076 | .uf-exc-c:before {
|
1077 | content: "\e61d"; }
|
1078 |
|
1079 | .uf-code:before {
|
1080 | content: "\e656"; }
|
1081 |
|
1082 | .uf-plug-o:before {
|
1083 | content: "\e60d"; }
|
1084 |
|
1085 | .uf-search-s:before {
|
1086 | content: "\e991"; }
|
1087 |
|
1088 | .uf-treeadd:before {
|
1089 | content: "\e992"; }
|
1090 |
|
1091 | .uf-mi:before {
|
1092 | content: "\e993"; }
|
1093 |
|
1094 | .uf-treeline-copy:before {
|
1095 | content: "\e994"; }
|
1096 |
|
1097 | .uf-listwithdots:before {
|
1098 | content: "\e9cd"; }
|
1099 |
|
1100 | .uf-gridlogo:before {
|
1101 | content: "\e900"; }
|
1102 |
|
1103 | .uf-magnifyingglass:before {
|
1104 | content: "\e9ce"; }
|
1105 |
|
1106 | .uf-anglearrowdown:before {
|
1107 | content: "\e9cf"; }
|
1108 |
|
1109 | .uf-yongyouyunchnen:before {
|
1110 | content: "\e98d"; }
|
1111 |
|
1112 | .uf-yycloud:before {
|
1113 | content: "\e68f"; }
|
1114 |
|
1115 | .uf-funnel-o:before {
|
1116 | content: "\e63c"; }
|
1117 |
|
1118 | .uf-filter:before {
|
1119 | content: "\e9d0"; }
|
1120 |
|
1121 | .uf-filterno:before {
|
1122 | content: "\e9d1"; }
|
1123 |
|
1124 | .uf-clean:before {
|
1125 | content: "\e9d2"; }
|
1126 |
|
1127 | .uf-save:before {
|
1128 | content: "\e9d3"; }
|
1129 |
|
1130 | .uf-export:before {
|
1131 | content: "\e9d4"; }
|
1132 |
|
1133 | .uf-import:before {
|
1134 | content: "\e9d5"; }
|
1135 |
|
1136 | .uf-stop-c:before {
|
1137 | content: "\e9d6"; }
|
1138 |
|
1139 | .uf-rubber:before {
|
1140 | content: "\e9d7"; }
|
1141 |
|
1142 | .uf-bediting:before {
|
1143 | content: "\e9d8"; }
|
1144 |
|
1145 | .uf-maxmize:before {
|
1146 | content: "\e9d9"; }
|
1147 |
|
1148 | .uf-minimize:before {
|
1149 | content: "\e9da"; }
|
1150 |
|
1151 | .uf-globe:before {
|
1152 | content: "\e9db"; }
|
1153 |
|
1154 |
|
1155 |
|
1156 | .u-modal {
|
1157 | display: none;
|
1158 | position: fixed;
|
1159 | top: 0;
|
1160 | right: 0;
|
1161 | bottom: 0;
|
1162 | left: 0;
|
1163 | z-index: 1700;
|
1164 | -webkit-overflow-scrolling: touch;
|
1165 | outline: 0;
|
1166 | overflow: hidden; }
|
1167 | .u-modal.fade {
|
1168 | opacity: 0;
|
1169 | transition: opacity 0.15s linear; }
|
1170 | .u-modal.fade.in {
|
1171 | opacity: 1; }
|
1172 | .u-modal.fade .u-modal-dialog {
|
1173 | -webkit-transform: translateY(-25%);
|
1174 | transform: translateY(-25%);
|
1175 | -webkit-transition: -webkit-transform .3s ease-out;
|
1176 | transition: transform .3s ease-out; }
|
1177 | .u-modal.in .u-modal-dialog {
|
1178 | -webkit-transform: translate(0);
|
1179 | transform: translate(0); }
|
1180 | .u-modal .u-modal-content {
|
1181 | position: relative;
|
1182 | background-color: #fff;
|
1183 | border: 1px solid rgba(0, 0, 0, 0.2);
|
1184 | border-radius: 3px;
|
1185 | box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
|
1186 | background-clip: padding-box;
|
1187 | outline: 0; }
|
1188 | .u-modal .u-modal-dialog {
|
1189 | position: relative;
|
1190 | width: auto;
|
1191 | margin: 10px; }
|
1192 | .u-modal .u-modal-header {
|
1193 | padding: 15px;
|
1194 | border-bottom: 1px solid transparent; }
|
1195 | .u-modal .u-modal-header .u-close {
|
1196 | margin-top: -2px;
|
1197 | float: right;
|
1198 | font-size: 21px;
|
1199 | font-weight: 700;
|
1200 | line-height: 1;
|
1201 | color: #000;
|
1202 | text-shadow: 0 1px 0 #fff;
|
1203 | opacity: .2;
|
1204 | filter: alpha(opacity=20);
|
1205 | padding: 0;
|
1206 | cursor: pointer;
|
1207 | background: transparent;
|
1208 | border: 0;
|
1209 | -webkit-appearance: none; }
|
1210 | .u-modal .u-modal-header .u-close .uf-close {
|
1211 | font-size: 12px; }
|
1212 | .u-modal .u-modal-title {
|
1213 | margin: 0;
|
1214 | line-height: 1.42857143; }
|
1215 | .u-modal .u-modal-body {
|
1216 | position: relative;
|
1217 | padding: 15px; }
|
1218 | .u-modal .u-modal-footer {
|
1219 | padding: 15px;
|
1220 | text-align: right;
|
1221 | border-top: 1px solid transparent; }
|
1222 | @media (min-width: 768px) {
|
1223 | .u-modal .u-modal-dialog {
|
1224 | width: 600px;
|
1225 | margin: 30px auto; }
|
1226 | .u-modal .u-modal-content {
|
1227 | box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
|
1228 | .u-modal .u-modal-sm {
|
1229 | width: 300px; } }
|
1230 | @media (min-width: 992px) {
|
1231 | .u-modal .u-modal-lg {
|
1232 | width: 900px; } }
|
1233 | @media (min-width: 1200px) {
|
1234 | .u-modal .u-modal-xlg {
|
1235 | width: 1200px; } }
|
1236 |
|
1237 | .u-modal-open {
|
1238 | overflow: hidden; }
|
1239 | .u-modal-open .u-modal {
|
1240 | overflow-x: hidden;
|
1241 | overflow-y: auto; }
|
1242 |
|
1243 | .u-modal-backdrop {
|
1244 | position: fixed;
|
1245 | top: 0;
|
1246 | right: 0;
|
1247 | bottom: 0;
|
1248 | left: 0;
|
1249 | z-index: 1600;
|
1250 | background-color: #000; }
|
1251 | .u-modal-backdrop.fade {
|
1252 | opacity: 0;
|
1253 | filter: alpha(opacity=0); }
|
1254 | .u-modal-backdrop.in {
|
1255 | opacity: 0.6;
|
1256 | filter: alpha(opacity=50); }
|
1257 |
|
1258 | .u-modal-container {
|
1259 | position: relative; }
|
1260 | .u-modal-container .u-modal-backdrop {
|
1261 | position: absolute; }
|
1262 | .u-modal-container .u-modal, .u-modal-container .u-modal-backdrop {
|
1263 | position: absolute; }
|
1264 |
|
1265 | .u-upload .uf {
|
1266 | text-align: center; }
|
1267 |
|
1268 | .avatar-uploader {
|
1269 | width: 150px;
|
1270 | height: 150px;
|
1271 | display: block;
|
1272 | border: 1px dashed #d9d9d9;
|
1273 | border-radius: 6px;
|
1274 | cursor: pointer; }
|
1275 |
|
1276 | .avatar-uploader-trigger {
|
1277 | width: 150px;
|
1278 | height: 150px;
|
1279 | display: table-cell;
|
1280 | vertical-align: middle;
|
1281 | font-size: 28px;
|
1282 | color: #999; }
|
1283 |
|
1284 | .avatar {
|
1285 | width: 150px;
|
1286 | height: 150px; }
|
1287 |
|
1288 | .upload-list-inline .u-upload-list-item {
|
1289 | display: inline-block;
|
1290 | width: 200px;
|
1291 | margin-right: 8px; }
|
1292 |
|
1293 | .u-upload {
|
1294 | font-size: 12px;
|
1295 | outline: 0; }
|
1296 | .u-upload input[type="file"] {
|
1297 | cursor: pointer; }
|
1298 | .u-upload.u-upload-select {
|
1299 | display: inline-block; }
|
1300 | .u-upload.u-upload-select-picture-card {
|
1301 | border: 1px dashed #d9d9d9;
|
1302 | width: 96px;
|
1303 | height: 96px;
|
1304 | border-radius: 4px;
|
1305 | background-color: #fbfbfb;
|
1306 | text-align: center;
|
1307 | cursor: pointer;
|
1308 | -webkit-transition: border-color 0.3s ease;
|
1309 | transition: border-color 0.3s ease;
|
1310 | display: inline-block;
|
1311 | vertical-align: top;
|
1312 | margin-right: 8px;
|
1313 | margin-bottom: 8px; }
|
1314 | .u-upload.u-upload-select-picture-card > .u-upload {
|
1315 | display: block;
|
1316 | width: 100%;
|
1317 | height: 100%;
|
1318 | padding: 20px 0; }
|
1319 | .u-upload.u-upload-select-picture-card:hover {
|
1320 | border-color: #108ee9; }
|
1321 | .u-upload.u-upload-drag {
|
1322 | border: 1px dashed rgb(165, 173, 186);
|
1323 | -webkit-transition: border-color 0.3s ease;
|
1324 | transition: border-color 0.3s ease;
|
1325 | cursor: pointer;
|
1326 | border-radius: 3px;
|
1327 | text-align: center;
|
1328 | width: 100%;
|
1329 | height: 100%;
|
1330 | position: relative; }
|
1331 | .u-upload.u-upload-drag .u-upload-btn {
|
1332 | display: table;
|
1333 | height: 100%; }
|
1334 | .u-upload.u-upload-drag .u-upload-drag-container {
|
1335 | display: table-cell;
|
1336 | vertical-align: middle; }
|
1337 | .u-upload.u-upload-drag p.u-upload-drag-icon .uf {
|
1338 | font-size: 60px;
|
1339 | margin-top: -5px;
|
1340 | color: rgb(245, 60, 50); }
|
1341 | .u-upload.u-upload-drag p.u-upload-text {
|
1342 | font-size: 14px; }
|
1343 | .u-upload.u-upload-drag p.u-upload-hint {
|
1344 | font-size: 12px;
|
1345 | color: #999; }
|
1346 | .u-upload.u-upload-drag .uf-plus-black-symbol {
|
1347 | font-size: 30px;
|
1348 | -webkit-transition: all 0.3s ease;
|
1349 | transition: all 0.3s ease;
|
1350 | color: #ccc; }
|
1351 | .u-upload.u-upload-drag .uf-plus-black-symbol:hover {
|
1352 | color: #999; }
|
1353 | .u-upload.u-upload-drag.u-upload-drag-hover:not(.u-upload-disabled) {
|
1354 | border: 2px dashed #40a5ed; }
|
1355 | .u-upload.u-upload-drag.u-upload-disabled {
|
1356 | cursor: not-allowed; }
|
1357 | .u-upload.u-upload-drag:not(.u-upload-disabled):hover {
|
1358 | border-color: rgb(245, 60, 50); }
|
1359 | .u-upload.u-upload-drag:hover .uf-plus-black-symbol {
|
1360 | color: #999; }
|
1361 |
|
1362 | .u-upload-btn {
|
1363 | display: block;
|
1364 | width: 100%;
|
1365 | outline: none; }
|
1366 |
|
1367 | .u-upload-list {
|
1368 | overflow: hidden; }
|
1369 | .u-upload-list a {
|
1370 | color: #108ee9;
|
1371 | background: transparent;
|
1372 | text-decoration: none;
|
1373 | outline: none;
|
1374 | cursor: pointer;
|
1375 | -webkit-transition: color .3s ease;
|
1376 | transition: color .3s ease; }
|
1377 | .u-upload-list .u-upload-list-item {
|
1378 | overflow: hidden;
|
1379 | margin-top: 8px;
|
1380 | font-size: 12px; }
|
1381 | .u-upload-list .u-upload-list-item:hover .u-upload-list-item-info {
|
1382 | background-color: #e7f4fd; }
|
1383 | .u-upload-list .u-upload-list-item:hover .uf {
|
1384 | opacity: 1; }
|
1385 | .u-upload-list .u-upload-list-item-info {
|
1386 | height: 22px;
|
1387 | line-height: 22px;
|
1388 | padding: 0 4px;
|
1389 | -webkit-transition: background-color 0.3s ease;
|
1390 | transition: background-color 0.3s ease; }
|
1391 | .u-upload-list .u-upload-list-item-info .anticon-paper-clip {
|
1392 | margin-right: 4px;
|
1393 | font-size: 12px;
|
1394 | color: #999; }
|
1395 | .u-upload-list .u-upload-list-item-info .uf-del {
|
1396 | display: inline-block;
|
1397 | font-size: 12px;
|
1398 | font-size: 10px \9;
|
1399 |
|
1400 | -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
|
1401 | zoom: 1;
|
1402 | -webkit-transition: all 0.3s ease;
|
1403 | transition: all 0.3s ease;
|
1404 | opacity: 0;
|
1405 | cursor: pointer;
|
1406 | float: right;
|
1407 | color: gainsboro;
|
1408 | line-height: 22px;
|
1409 | -webkit-filter: none;
|
1410 | filter: none;
|
1411 | z-index: 2; }
|
1412 | .u-upload-list .u-upload-list-item-info .uf-eye-o {
|
1413 | position: absolute;
|
1414 | left: 8px;
|
1415 | top: 50%;
|
1416 | transform: translateY(-50%);
|
1417 | color: gainsboro;
|
1418 | z-index: 2;
|
1419 | -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
|
1420 | zoom: 1;
|
1421 | -webkit-transition: all 0.3s ease;
|
1422 | transition: all 0.3s ease;
|
1423 | opacity: 0; }
|
1424 | .u-upload-list .u-upload-list-item-info .uf-del:hover {
|
1425 | color: white; }
|
1426 | .u-upload-list .u-upload-list-item-info .uf-eye-o:hover {
|
1427 | color: white; }
|
1428 | .u-upload-list .u-upload-list-item-error .anticon-paper-clip {
|
1429 | color: #f50; }
|
1430 | .u-upload-list .u-upload-list-item-error .uf-del {
|
1431 | opacity: 1; }
|
1432 | .u-upload-list .u-upload-list-item-progress {
|
1433 | padding: 0 8px 0 20px;
|
1434 | margin-top: -2px;
|
1435 | margin-bottom: 1px;
|
1436 | font-size: 12px; }
|
1437 | .u-upload-list .u-upload-list-item-progress .u-progress-line-inner {
|
1438 | vertical-align: middle; }
|
1439 | .u-upload-list .u-upload-success-icon {
|
1440 | color: #87d068;
|
1441 | font-weight: bold; }
|
1442 | .u-upload-list .u-upload-margin-top-enter {
|
1443 | -webkit-animation: uploadMarginTopIn 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
|
1444 | animation: uploadMarginTopIn 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); }
|
1445 | .u-upload-list .u-upload-margin-top-leave {
|
1446 | -webkit-animation: uploadMarginTopOut 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
|
1447 | animation: uploadMarginTopOut 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); }
|
1448 |
|
1449 | .u-upload-list-picture .u-upload-list-item {
|
1450 | padding: 8px;
|
1451 | border-radius: 3px;
|
1452 | border: 1px solid #d9d9d9;
|
1453 | height: 66px;
|
1454 | position: relative; }
|
1455 |
|
1456 | .u-upload-list-picture .u-upload-list-item:hover {
|
1457 | background: transparent; }
|
1458 | .u-upload-list-picture .u-upload-list-item:hover .u-upload-list-item-info {
|
1459 | background: transparent; }
|
1460 |
|
1461 | .u-upload-list-picture .u-upload-list-item-info {
|
1462 | padding: 0; }
|
1463 |
|
1464 | .u-upload-list-picture .u-upload-list-item-uploading {
|
1465 | border-style: dashed; }
|
1466 | .u-upload-list-picture .u-upload-list-item-uploading .u-upload-list-item-name {
|
1467 | line-height: 28px; }
|
1468 |
|
1469 | .u-upload-list-picture .u-upload-list-item-thumbnail {
|
1470 | width: 48px;
|
1471 | height: 48px;
|
1472 | position: absolute;
|
1473 | top: 8px;
|
1474 | left: 8px; }
|
1475 | .u-upload-list-picture .u-upload-list-item-thumbnail img {
|
1476 | width: 48px;
|
1477 | height: 48px;
|
1478 | display: block;
|
1479 | overflow: hidden;
|
1480 | border-radius: 2px; }
|
1481 |
|
1482 | .u-upload-list-picture .u-upload-list-item-thumbnail.uf:before {
|
1483 | line-height: 48px;
|
1484 | font-size: 24px;
|
1485 | color: #999; }
|
1486 |
|
1487 | .u-upload-list-picture .u-upload-list-item-name {
|
1488 | overflow: hidden;
|
1489 | text-overflow: ellipsis;
|
1490 | white-space: nowrap;
|
1491 | margin: 0 0 0 8px;
|
1492 | line-height: 44px;
|
1493 | -webkit-transition: all 0.3s ease;
|
1494 | transition: all 0.3s ease;
|
1495 | padding-left: 48px;
|
1496 | padding-right: 8px;
|
1497 | max-width: 100%;
|
1498 | display: inline-block;
|
1499 | box-sizing: border-box; }
|
1500 |
|
1501 | .u-upload-list-picture .u-upload-list-item-progress {
|
1502 | padding-left: 56px;
|
1503 | margin-top: 0; }
|
1504 |
|
1505 | .u-upload-list-picture .uf-del {
|
1506 | position: absolute;
|
1507 | right: 8px;
|
1508 | top: 8px;
|
1509 | line-height: 1; }
|
1510 |
|
1511 | .u-upload-list-picture-card {
|
1512 | display: inline; }
|
1513 | .u-upload-list-picture-card .u-upload-list-item {
|
1514 | padding: 8px;
|
1515 | border-radius: 3px;
|
1516 | border: 1px solid #d9d9d9;
|
1517 | position: relative;
|
1518 | display: inline-block;
|
1519 | width: 96px;
|
1520 | height: 96px;
|
1521 | margin: 0 8px 8px 0; }
|
1522 | .u-upload-list-picture-card .u-upload-list-item:hover {
|
1523 | background: transparent; }
|
1524 | .u-upload-list-picture-card .u-upload-list-item:hover .u-upload-list-item-info {
|
1525 | background: transparent; }
|
1526 | .u-upload-list-picture-card .u-upload-list-item-info {
|
1527 | padding: 0;
|
1528 | height: 100%;
|
1529 | position: relative; }
|
1530 | .u-upload-list-picture-card .u-upload-list-item-info .anticon-delete {
|
1531 | left: 50%;
|
1532 | margin-left: 6px; }
|
1533 | .u-upload-list-picture-card .u-upload-list-item-info .anticon-eye-o, .u-upload-list-picture-card .u-upload-list-item-info .anticon-delete {
|
1534 | position: absolute;
|
1535 | left: 50%;
|
1536 | top: 50%;
|
1537 | z-index: 10;
|
1538 | -webkit-transition: all 0.3s ease;
|
1539 | transition: all 0.3s ease;
|
1540 | cursor: pointer;
|
1541 | font-size: 16px;
|
1542 | width: 16px;
|
1543 | line-height: 1;
|
1544 | color: #eee;
|
1545 | opacity: 0;
|
1546 | margin-top: -8px;
|
1547 | margin-left: -22px; }
|
1548 | .u-upload-list-picture-card .u-upload-list-item-info .anticon-eye-o:hover, .u-upload-list-picture-card .u-upload-list-item-info .anticon-delete:hover {
|
1549 | color: #fff; }
|
1550 | .u-upload-list-picture-card .u-upload-list-item-info:before {
|
1551 | content: ' ';
|
1552 | position: absolute;
|
1553 | z-index: 1;
|
1554 | background-color: #808080;
|
1555 | -webkit-transition: all 0.3s ease;
|
1556 | transition: all 0.3s ease;
|
1557 | opacity: 0;
|
1558 | width: 100%;
|
1559 | height: 100%; }
|
1560 | .u-upload-list-picture-card .u-upload-list-item-info:hover .anticon-eye-o, .u-upload-list-picture-card .u-upload-list-item-info:hover .anticon-delete {
|
1561 | opacity: 1; }
|
1562 | .u-upload-list-picture-card .u-upload-list-item-info:hover:before {
|
1563 | opacity: .8; }
|
1564 | .u-upload-list-picture-card .u-upload-list-item-uploading {
|
1565 | border-style: dashed; }
|
1566 | .u-upload-list-picture-card .u-upload-list-item-uploading .u-upload-list-item-name {
|
1567 | line-height: 28px; }
|
1568 | .u-upload-list-picture-card .u-upload-list-item-uploading .u-upload-list-item-info {
|
1569 | height: auto; }
|
1570 | .u-upload-list-picture-card .u-upload-list-item-uploading .u-upload-list-item-info:before, .u-upload-list-picture-card .u-upload-list-item-uploading .u-upload-list-item-info .anticon-eye-o, .u-upload-list-picture-card .u-upload-list-item-uploading .u-upload-list-item-info .anticon-delete {
|
1571 | display: none; }
|
1572 | .u-upload-list-picture-card .u-upload-list-item-uploading.u-upload-list-item {
|
1573 | background-color: #fbfbfb; }
|
1574 | .u-upload-list-picture-card .u-upload-list-item-thumbnail {
|
1575 | position: absolute;
|
1576 | top: 8px;
|
1577 | left: 8px;
|
1578 | display: block;
|
1579 | width: 100%;
|
1580 | height: 100%;
|
1581 | position: static; }
|
1582 | .u-upload-list-picture-card .u-upload-list-item-thumbnail img {
|
1583 | width: 48px;
|
1584 | height: 48px;
|
1585 | display: block;
|
1586 | overflow: hidden;
|
1587 | border-radius: 2px;
|
1588 | display: block;
|
1589 | width: 100%;
|
1590 | height: 100%;
|
1591 | position: static; }
|
1592 | .u-upload-list-picture-card .u-upload-list-item-thumbnail.anticon:before {
|
1593 | line-height: 48px;
|
1594 | font-size: 24px;
|
1595 | color: #999; }
|
1596 | .u-upload-list-picture-card .u-upload-list-item-name {
|
1597 | overflow: hidden;
|
1598 | text-overflow: ellipsis;
|
1599 | white-space: nowrap;
|
1600 | margin: 0 0 0 8px;
|
1601 | line-height: 44px;
|
1602 | -webkit-transition: all 0.3s ease;
|
1603 | transition: all 0.3s ease;
|
1604 | padding-left: 48px;
|
1605 | padding-right: 8px;
|
1606 | max-width: 100%;
|
1607 | display: inline-block;
|
1608 | box-sizing: border-box;
|
1609 | display: none; }
|
1610 | .u-upload-list-picture-card .u-upload-list-item-progress {
|
1611 | padding-left: 56px;
|
1612 | margin-top: 0;
|
1613 | padding-left: 0; }
|
1614 | .u-upload-list-picture-card .uf-del {
|
1615 | position: absolute;
|
1616 | right: 8px;
|
1617 | top: 50%;
|
1618 | transform: translateY(-50%);
|
1619 | line-height: 1; }
|
1620 | .u-upload-list-picture-card .u-upload-list-item-uploading-text {
|
1621 | margin-top: 18px;
|
1622 | color: #999; }
|
1623 |
|
1624 | @-webkit-keyframes uploadMarginTopIn {
|
1625 | from {
|
1626 | margin-top: -25px;
|
1627 | opacity: 0; } }
|
1628 |
|
1629 | @keyframes uploadMarginTopIn {
|
1630 | from {
|
1631 | margin-top: -25px;
|
1632 | opacity: 0; } }
|
1633 |
|
1634 | @-webkit-keyframes uploadMarginTopOut {
|
1635 | to {
|
1636 | margin-top: -25px;
|
1637 | opacity: 0; } }
|
1638 |
|
1639 | @keyframes uploadMarginTopOut {
|
1640 | to {
|
1641 | margin-top: -25px;
|
1642 | opacity: 0; } }
|