UNPKG

59 kBCSSView Raw
1/* FormGroup */
2/* Navlayout */
3/* FormGroup */
4/* Navlayout */
5.u-tooltip {
6 position: absolute;
7 z-index: 1070;
8 display: block;
9 font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
10 font-style: normal;
11 font-weight: 400;
12 letter-spacing: normal;
13 line-break: auto;
14 line-height: 1.42857143;
15 text-align: left;
16 text-decoration: none;
17 text-shadow: none;
18 text-transform: none;
19 white-space: normal;
20 word-break: normal;
21 word-spacing: normal;
22 word-wrap: normal;
23 font-size: 12px;
24 opacity: 0;
25 max-width: 200px; }
26 .u-tooltip.in {
27 opacity: 1 !important; }
28 .u-tooltip .tooltip-arrow {
29 position: absolute;
30 display: block;
31 width: 0;
32 height: 0;
33 border-color: transparent;
34 border-style: solid; }
35 .u-tooltip .tooltip-inner {
36 padding: 3px 8px;
37 color: #fff;
38 background-color: #42526E;
39 border-radius: 3px;
40 word-wrap: break-word; }
41 .u-tooltip.top, .u-tooltip.topLeft, .u-tooltip.topRight {
42 padding: 5px 0; }
43 .u-tooltip.right, .u-tooltip.rightTop, .u-tooltip.rightBottom {
44 padding: 0 5px; }
45 .u-tooltip.bottom, .u-tooltip.bottomLeft, .u-tooltip.bottomRight {
46 padding: 5px 0; }
47 .u-tooltip.left, .u-tooltip.leftTop, .u-tooltip.leftBottom {
48 padding: 0 5px; }
49 .u-tooltip.top .tooltip-arrow,
50 .u-tooltip.topLeft .tooltip-arrow,
51 .u-tooltip.topRight .tooltip-arrow {
52 bottom: 0px;
53 border-width: 5px 5px 0;
54 border-top-color: #42526E; }
55 .u-tooltip.top .tooltip-arrow {
56 left: 50%;
57 margin-left: -5px; }
58 .u-tooltip.topLeft .tooltip-arrow {
59 left: 16px; }
60 .u-tooltip.topRight .tooltip-arrow {
61 right: 16px; }
62 .u-tooltip.right .tooltip-arrow,
63 .u-tooltip.rightTop .tooltip-arrow,
64 .u-tooltip.rightBottom .tooltip-arrow {
65 left: 0px;
66 border-width: 5px 5px 5px 0;
67 border-right-color: #42526E; }
68 .u-tooltip.right .tooltip-arrow {
69 top: 50%;
70 margin-top: -5px; }
71 .u-tooltip.rightTop .tooltip-arrow {
72 top: 8px; }
73 .u-tooltip.rightBottom .tooltip-arrow {
74 bottom: 8px; }
75 .u-tooltip.left .tooltip-arrow,
76 .u-tooltip.leftTop .tooltip-arrow,
77 .u-tooltip.leftBottom .tooltip-arrow {
78 right: 0px;
79 border-width: 5px 0 5px 5px;
80 border-left-color: #42526E; }
81 .u-tooltip.left .tooltip-arrow {
82 top: 50%;
83 margin-top: -5px; }
84 .u-tooltip.leftTop .tooltip-arrow {
85 top: 8px; }
86 .u-tooltip.leftBottom .tooltip-arrow {
87 bottom: 8px; }
88 .u-tooltip.bottom .tooltip-arrow,
89 .u-tooltip.bottomLeft .tooltip-arrow,
90 .u-tooltip.bottomRight .tooltip-arrow {
91 top: 0px;
92 border-width: 0 5px 5px;
93 border-bottom-color: #42526E; }
94 .u-tooltip.bottom .tooltip-arrow {
95 left: 50%;
96 margin-left: -5px; }
97 .u-tooltip.bottomLeft .tooltip-arrow {
98 left: 16px; }
99 .u-tooltip.bottomRight .tooltip-arrow {
100 right: 16px; }
101 .u-tooltip.inverse-arrow.right, .u-tooltip.inverse-arrow.rightTop, .u-tooltip.inverse-arrow.rightBottom {
102 margin-right: -6px; }
103 .u-tooltip.inverse-arrow.right .tooltip-arrow, .u-tooltip.inverse-arrow.rightTop .tooltip-arrow, .u-tooltip.inverse-arrow.rightBottom .tooltip-arrow {
104 left: auto;
105 right: 0;
106 border-width: 5px 0 5px 5px;
107 border-left-color: #42526E; }
108 .u-tooltip.inverse-arrow.left, .u-tooltip.inverse-arrow.leftTop, .u-tooltip.inverse-arrow.leftBottom {
109 margin-left: -6px; }
110 .u-tooltip.inverse-arrow.left .tooltip-arrow, .u-tooltip.inverse-arrow.leftTop .tooltip-arrow, .u-tooltip.inverse-arrow.leftBottom .tooltip-arrow {
111 left: 0;
112 border-width: 5px 5px 5px 0;
113 border-right-color: #42526E; }
114 .u-tooltip.inverse-arrow.top, .u-tooltip.inverse-arrow.topLeft, .u-tooltip.inverse-arrow.topRight {
115 margin-top: -6px; }
116 .u-tooltip.inverse-arrow.top .tooltip-arrow, .u-tooltip.inverse-arrow.topLeft .tooltip-arrow, .u-tooltip.inverse-arrow.topRight .tooltip-arrow {
117 top: 0;
118 border-width: 0 5px 5px;
119 border-bottom-color: #42526E; }
120 .u-tooltip.inverse-arrow.bottom {
121 margin-bottom: -6px; }
122 .u-tooltip.inverse-arrow.bottom .tooltip-arrow {
123 top: auto;
124 bottom: 0;
125 border-width: 5px 5px 0;
126 border-top-color: #42526E; }
127 .u-tooltip.inverse.bottom .tooltip-arrow::after, .u-tooltip.inverse.bottomLeft .tooltip-arrow::after, .u-tooltip.inverse.bottomRight .tooltip-arrow::after {
128 top: 1px;
129 margin-left: -5px;
130 border-top-width: 0;
131 border-bottom-color: #fff; }
132 .u-tooltip.inverse.bottom .tooltip-arrow, .u-tooltip.inverse.bottomLeft .tooltip-arrow, .u-tooltip.inverse.bottomRight .tooltip-arrow {
133 border-bottom-color: rgb(165, 173, 186); }
134 .u-tooltip.inverse-arrow.inverse.top .tooltip-arrow::after, .u-tooltip.inverse-arrow.inverse.topLeft .tooltip-arrow::after, .u-tooltip.inverse-arrow.inverse.topRight .tooltip-arrow::after {
135 top: 1px;
136 margin-left: -5px;
137 border-top-width: 0;
138 border-bottom-color: #fff;
139 border-bottom-width: inherit; }
140 .u-tooltip.inverse-arrow.inverse.top .tooltip-arrow, .u-tooltip.inverse-arrow.inverse.topLeft .tooltip-arrow, .u-tooltip.inverse-arrow.inverse.topRight .tooltip-arrow {
141 border-bottom-color: rgb(165, 173, 186); }
142 .u-tooltip.inverse.left .tooltip-arrow::after, .u-tooltip.inverse.leftTop .tooltip-arrow::after, .u-tooltip.inverse.leftBottom .tooltip-arrow::after {
143 border-right-width: 0;
144 top: -5px;
145 margin-left: -6px;
146 border-left-color: #fff; }
147 .u-tooltip.inverse.left .tooltip-arrow, .u-tooltip.inverse.leftTop .tooltip-arrow, .u-tooltip.inverse.leftBottom .tooltip-arrow {
148 border-left-color: rgb(165, 173, 186); }
149 .u-tooltip.inverse-arrow.inverse.right .tooltip-arrow::after, .u-tooltip.inverse-arrow.inverse.rightTop .tooltip-arrow::after, .u-tooltip.inverse-arrow.inverse.rightBottom .tooltip-arrow::after {
150 border-right-width: 0;
151 top: -5px;
152 margin-left: -6px;
153 border-left-color: #fff;
154 border-left-width: inherit; }
155 .u-tooltip.inverse-arrow.inverse.right .tooltip-arrow, .u-tooltip.inverse-arrow.inverse.rightTop .tooltip-arrow, .u-tooltip.inverse-arrow.inverse.rightBottom .tooltip-arrow {
156 border-left-color: rgb(165, 173, 186); }
157 .u-tooltip.inverse.right .tooltip-arrow::after, .u-tooltip.inverse.rightTop .tooltip-arrow::after, .u-tooltip.inverse.rightBottom .tooltip-arrow::after {
158 border-left-width: 0;
159 top: -5px;
160 margin-left: 1px;
161 border-right-color: #fff; }
162 .u-tooltip.inverse.right .tooltip-arrow, .u-tooltip.inverse.rightTop .tooltip-arrow, .u-tooltip.inverse.rightBottom .tooltip-arrow {
163 border-right-color: rgb(165, 173, 186); }
164 .u-tooltip.inverse-arrow.inverse.left .tooltip-arrow::after, .u-tooltip.inverse-arrow.inverse.leftTop .tooltip-arrow::after, .u-tooltip.inverse-arrow.inverse.leftBottom .tooltip-arrow::after {
165 border-left-width: 0;
166 top: -5px;
167 margin-left: 1px;
168 border-right-color: #fff;
169 border-right-width: inherit; }
170 .u-tooltip.inverse-arrow.inverse.left .tooltip-arrow, .u-tooltip.inverse-arrow.inverse.leftTop .tooltip-arrow, .u-tooltip.inverse-arrow.inverse.leftBottom .tooltip-arrow {
171 border-right-color: rgb(165, 173, 186); }
172 .u-tooltip.inverse.top .tooltip-arrow::after, .u-tooltip.inverse.topLeft .tooltip-arrow::after, .u-tooltip.inverse.topRight .tooltip-arrow::after {
173 top: -6px;
174 margin-left: -5px;
175 border-bottom-width: 0;
176 border-bottom-color: #d9d9d9;
177 border-top-color: #fff; }
178 .u-tooltip.inverse.top .tooltip-arrow, .u-tooltip.inverse.topLeft .tooltip-arrow, .u-tooltip.inverse.topRight .tooltip-arrow {
179 border-top-color: rgb(165, 173, 186); }
180 .u-tooltip.inverse-arrow.inverse.bottom .tooltip-arrow::after, .u-tooltip.inverse-arrow.inverse.bottomLeft .tooltip-arrow::after, .u-tooltip.inverse-arrow.inverse.bottomRight .tooltip-arrow::after {
181 top: -6px;
182 margin-left: -5px;
183 border-bottom-width: 0;
184 border-bottom-color: #d9d9d9;
185 border-top-color: #fff;
186 border-top-width: inherit; }
187 .u-tooltip.inverse-arrow.inverse.bottom .tooltip-arrow, .u-tooltip.inverse-arrow.inverse.bottomLeft .tooltip-arrow, .u-tooltip.inverse-arrow.inverse.bottomRight .tooltip-arrow {
188 border-top-color: rgb(165, 173, 186); }
189 .u-tooltip.inverse .tooltip-inner {
190 background-color: #fff;
191 color: #333333;
192 border: 1px solid rgb(165, 173, 186); }
193 .u-tooltip.inverse .tooltip-arrow::after {
194 position: absolute;
195 display: block;
196 width: 0;
197 height: 0;
198 border: 5px solid transparent;
199 content: " "; }
200
201/* FormGroup */
202/* Navlayout */
203.u-button {
204 background: rgb(236,239,241);
205 border: 1px solid rgb(236,239,241);
206 border-radius: 3px;
207 color: rgb(33,33,33);
208 position: relative;
209 min-width: 72px;
210 padding: 4px 13px;
211 display: inline-block;
212 font-family: "Open Sans", "Helvetica Neue", Arial, "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
213 font-size: 14px;
214 font-weight: 500;
215 line-height: 1;
216 letter-spacing: 0;
217 overflow: hidden;
218 will-change: box-shadow, transform;
219 outline: none;
220 cursor: pointer;
221 text-decoration: none;
222 text-align: center;
223 line-height: 1.57143;
224 vertical-align: middle; }
225 .u-button::-moz-focus-inner {
226 border: 0; }
227 .u-button:hover {
228 background-color: rgb(223,225,230);
229 border-color: rgb(238,238,238); }
230 .u-button:active {
231 background-color: rgb(223,225,230);
232 border-color: rgb(189,189,189); }
233 .u-button.colored {
234 color: rgb(245, 60, 50); }
235 .u-button.colored:focus:not(:active) {
236 background-color: rgb(223,225,230);
237 border-color: rgb(189,189,189); }
238 .u-button.disable, .u-button.u-button[disabled] {
239 cursor: not-allowed;
240 background-color: #DFE1E6;
241 border-color: #DFE1E6;
242 color: #fff; }
243 .u-button.disable:hover, .u-button.disable:active, .u-button.disable:focus, .u-button.u-button[disabled]:hover, .u-button.u-button[disabled]:active, .u-button.u-button[disabled]:focus {
244 background-color: #DFE1E6;
245 border-color: #DFE1E6;
246 color: #fff; }
247 .u-button:not(.u-button-icon) i.uf {
248 line-height: normal; }
249
250input.u-button[type="submit"] {
251 -webkit-appearance: none; }
252
253.u-button-floating {
254 border-radius: 50%;
255 font-size: 14px;
256 height: 38px;
257 margin: auto;
258 min-width: 38px;
259 width: 38px;
260 padding: 0;
261 line-height: normal;
262 border: 1px solid rgb(165, 173, 186); }
263 .u-button-floating.colored {
264 background: rgb(67,160,71);
265 color: rgb(255,255,255);
266 background: rgb(255,255,255); }
267 .u-button-floating.colored:hover {
268 background-color: rgb(102,187,106); }
269 .u-button-floating.colored:focus:not(:active) {
270 background-color: rgb(67,160,71); }
271 .u-button-floating.colored:active {
272 background-color: rgb(67,160,71); }
273
274.u-button.disabled, .u-button[disabled] {
275 cursor: not-allowed;
276 background-color: #DFE1E6;
277 border-color: #DFE1E6;
278 color: #fff; }
279
280.u-button-default {
281 color: #333;
282 background-color: #fff;
283 border-color: #ccc; }
284 .u-button-default:hover, .u-button-default:active {
285 background-color: #e6e6e6;
286 border-color: #adadad; }
287
288.u-button-border {
289 color: rgb(33,33,33);
290 border: 1px solid rgb(165, 173, 186);
291 background: rgb(255,255,255); }
292 .u-button-border:hover {
293 color: rgb(33,33,33);
294 background-color: #EBECF0;
295 border-color: rgb(165, 173, 186); }
296 .u-button-border:active {
297 color: rgb(33,33,33);
298 background-color: #EBECF0;
299 border-color: rgb(165, 173, 186); }
300
301.u-button.u-button-primary {
302 color: #fff;
303 background-color: rgb(245, 60, 50);
304 border: 1px rgb(245, 60, 50) solid; }
305 .u-button.u-button-primary:hover {
306 background-color: rgb(230, 0, 18);
307 border-color: rgb(230, 0, 18); }
308 .u-button.u-button-primary.focus, .u-button.u-button-primary:focus {
309 background-color: rgb(245, 60, 50);
310 border-color: rgb(245, 60, 50); }
311 .u-button.u-button-primary.active, .u-button.u-button-primary:active {
312 background-color: rgb(230, 0, 18);
313 border-color: rgb(230, 0, 18); }
314
315.u-button.u-button-secondary {
316 color: rgb(33,33,33);
317 background-color: rgb(236,239,241);
318 border: 1px rgb(236,239,241) solid; }
319 .u-button.u-button-secondary:hover {
320 background-color: rgb(223,225,230);
321 border-color: rgb(223,225,230); }
322 .u-button.u-button-secondary.focus, .u-button.u-button-secondary:focus {
323 background-color: rgb(236,239,241);
324 border-color: rgb(236,239,241); }
325 .u-button.u-button-secondary.active, .u-button.u-button-secondary:active {
326 background-color: rgb(223,225,230);
327 border-color: rgb(223,225,230); }
328
329.u-button.u-button-danger {
330 color: #fff;
331 background-color: rgb(244,67,54);
332 border: 1px rgb(244,67,54) solid; }
333 .u-button.u-button-danger:hover {
334 background-color: rgb(211,47,47);
335 border-color: rgb(211,47,47); }
336 .u-button.u-button-danger.focus, .u-button.u-button-danger:focus {
337 background-color: rgb(244,67,54);
338 border-color: rgb(244,67,54); }
339 .u-button.u-button-danger.active, .u-button.u-button-danger:active {
340 background-color: rgb(211,47,47);
341 border-color: rgb(211,47,47); }
342
343.u-button.u-button-info {
344 color: #fff;
345 background-color: rgb(0,188,212);
346 border: 1px rgb(0,188,212) solid; }
347 .u-button.u-button-info:hover {
348 background-color: rgb(0,151,167);
349 border-color: rgb(0,151,167); }
350 .u-button.u-button-info.focus, .u-button.u-button-info:focus {
351 background-color: rgb(0,188,212);
352 border-color: rgb(0,188,212); }
353 .u-button.u-button-info.active, .u-button.u-button-info:active {
354 background-color: rgb(0,151,167);
355 border-color: rgb(0,151,167); }
356
357.u-button.u-button-warning {
358 color: #fff;
359 background-color: rgb(255,152,0);
360 border: 1px rgb(255,152,0) solid; }
361 .u-button.u-button-warning:hover {
362 background-color: rgb(245,124,0);
363 border-color: rgb(245,124,0); }
364 .u-button.u-button-warning.focus, .u-button.u-button-warning:focus {
365 background-color: rgb(255,152,0);
366 border-color: rgb(255,152,0); }
367 .u-button.u-button-warning.active, .u-button.u-button-warning:active {
368 background-color: rgb(245,124,0);
369 border-color: rgb(245,124,0); }
370
371.u-button.u-button-success {
372 color: #fff;
373 background-color: rgb(76,175,80);
374 border: 1px rgb(76,175,80) solid; }
375 .u-button.u-button-success:hover {
376 background-color: rgb(56,142,60);
377 border-color: rgb(56,142,60); }
378 .u-button.u-button-success.focus, .u-button.u-button-success:focus {
379 background-color: rgb(76,175,80);
380 border-color: rgb(76,175,80); }
381 .u-button.u-button-success.active, .u-button.u-button-success:active {
382 background-color: rgb(56,142,60);
383 border-color: rgb(56,142,60); }
384
385.u-button.u-button-dark {
386 color: #fff;
387 background-color: rgb(97,97,97);
388 border: 1px rgb(97,97,97) solid; }
389 .u-button.u-button-dark:hover {
390 background-color: rgb(66,66,66);
391 border-color: rgb(66,66,66); }
392 .u-button.u-button-dark.focus, .u-button.u-button-dark:focus {
393 background-color: rgb(97,97,97);
394 border-color: rgb(97,97,97); }
395 .u-button.u-button-dark.active, .u-button.u-button-dark:active {
396 background-color: rgb(66,66,66);
397 border-color: rgb(66,66,66); }
398
399.u-button.u-button-light {
400 color: rgb(97,97,97);
401 background-color: rgb(255,255,255);
402 border: 1px rgb(255,255,255) solid; }
403 .u-button.u-button-light:hover {
404 background-color: rgb(189,189,189);
405 border-color: rgb(189,189,189); }
406 .u-button.u-button-light.focus, .u-button.u-button-light:focus {
407 background-color: rgb(255,255,255);
408 border-color: rgb(255,255,255); }
409 .u-button.u-button-light.active, .u-button.u-button-light:active {
410 background-color: rgb(189,189,189);
411 border-color: rgb(189,189,189); }
412
413.u-button-border.u-button-success {
414 color: rgb(76,175,80);
415 background-color: #fff;
416 border: 1px rgb(76,175,80) solid; }
417 .u-button-border.u-button-success:hover {
418 background-color: rgb(56,142,60);
419 border-color: rgb(56,142,60);
420 color: #fff; }
421 .u-button-border.u-button-success.focus, .u-button-border.u-button-success:focus {
422 color: rgb(76,175,80);
423 background-color: #fff;
424 border-color: rgb(76,175,80); }
425 .u-button-border.u-button-success.active, .u-button-border.u-button-success:active {
426 color: #fff;
427 background-color: rgb(56,142,60);
428 border-color: rgb(56,142,60); }
429
430.u-button-border.u-button-warning {
431 color: rgb(255,152,0);
432 background-color: #fff;
433 border: 1px rgb(255,152,0) solid; }
434 .u-button-border.u-button-warning:hover {
435 background-color: rgb(245,124,0);
436 border-color: rgb(245,124,0);
437 color: #fff; }
438 .u-button-border.u-button-warning.focus, .u-button-border.u-button-warning:focus {
439 color: rgb(255,152,0);
440 background-color: #fff;
441 border-color: rgb(255,152,0); }
442 .u-button-border.u-button-warning.active, .u-button-border.u-button-warning:active {
443 color: #fff;
444 background-color: rgb(245,124,0);
445 border-color: rgb(245,124,0); }
446
447.u-button-border.u-button-danger {
448 color: rgb(244,67,54);
449 background-color: #fff;
450 border: 1px rgb(244,67,54) solid; }
451 .u-button-border.u-button-danger:hover {
452 background-color: rgb(211,47,47);
453 border-color: rgb(211,47,47);
454 color: #fff; }
455 .u-button-border.u-button-danger.focus, .u-button-border.u-button-danger:focus {
456 color: rgb(244,67,54);
457 background-color: #fff;
458 border-color: rgb(244,67,54); }
459 .u-button-border.u-button-danger.active, .u-button-border.u-button-danger:active {
460 color: #fff;
461 background-color: rgb(211,47,47);
462 border-color: rgb(211,47,47); }
463
464.u-button-border.u-button-info {
465 color: rgb(0,188,212);
466 background-color: #fff;
467 border: 1px rgb(0,188,212) solid; }
468 .u-button-border.u-button-info:hover {
469 background-color: rgb(0,151,167);
470 border-color: rgb(0,151,167);
471 color: #fff; }
472 .u-button-border.u-button-info.focus, .u-button-border.u-button-info:focus {
473 color: rgb(0,188,212);
474 background-color: #fff;
475 border-color: rgb(0,188,212); }
476 .u-button-border.u-button-info.active, .u-button-border.u-button-info:active {
477 color: #fff;
478 background-color: rgb(0,151,167);
479 border-color: rgb(0,151,167); }
480
481.u-button-border.u-button-primary {
482 color: rgb(245, 60, 50);
483 background-color: #fff;
484 border: 1px rgb(245, 60, 50) solid; }
485 .u-button-border.u-button-primary:hover {
486 background-color: rgb(230, 0, 18);
487 border-color: rgb(230, 0, 18);
488 color: #fff; }
489 .u-button-border.u-button-primary.focus, .u-button-border.u-button-primary:focus {
490 color: rgb(245, 60, 50);
491 background-color: #fff;
492 border-color: rgb(245, 60, 50); }
493 .u-button-border.u-button-primary.active, .u-button-border.u-button-primary:active {
494 color: #fff;
495 background-color: rgb(230, 0, 18);
496 border-color: rgb(230, 0, 18); }
497
498.u-button-border.u-button-secondary {
499 color: rgb(236,239,241);
500 background-color: #fff;
501 border: 1px rgb(236,239,241) solid; }
502 .u-button-border.u-button-secondary:hover {
503 background-color: rgb(223,225,230);
504 border-color: rgb(223,225,230);
505 color: #fff; }
506 .u-button-border.u-button-secondary.focus, .u-button-border.u-button-secondary:focus {
507 color: rgb(236,239,241);
508 background-color: #fff;
509 border-color: rgb(236,239,241); }
510 .u-button-border.u-button-secondary.active, .u-button-border.u-button-secondary:active {
511 color: #fff;
512 background-color: rgb(223,225,230);
513 border-color: rgb(223,225,230); }
514
515.u-button-border.u-button-dark {
516 color: rgb(97,97,97);
517 background-color: #fff;
518 border: 1px rgb(97,97,97) solid; }
519 .u-button-border.u-button-dark:hover {
520 background-color: rgb(66,66,66);
521 border-color: rgb(66,66,66);
522 color: #fff; }
523 .u-button-border.u-button-dark.focus, .u-button-border.u-button-dark:focus {
524 color: rgb(97,97,97);
525 background-color: #fff;
526 border-color: rgb(97,97,97); }
527 .u-button-border.u-button-dark.active, .u-button-border.u-button-dark:active {
528 color: #fff;
529 background-color: rgb(66,66,66);
530 border-color: rgb(66,66,66); }
531
532.u-button-border.u-button-light {
533 color: rgb(97,97,97);
534 background-color: #fff;
535 border: 1px rgb(255,255,255) solid; }
536 .u-button-border.u-button-light:hover {
537 background-color: rgb(189,189,189);
538 border-color: rgb(189,189,189);
539 color: #fff; }
540 .u-button-border.u-button-light.focus, .u-button-border.u-button-light:focus {
541 color: rgb(97,97,97);
542 background-color: #fff;
543 border-color: rgb(255,255,255); }
544 .u-button-border.u-button-light.active, .u-button-border.u-button-light:active {
545 color: #fff;
546 background-color: rgb(189,189,189);
547 border-color: rgb(189,189,189); }
548
549.u-button-icon {
550 border-radius: 50%;
551 font-size: 14px;
552 height: 32px;
553 margin: auto;
554 min-width: 32px;
555 width: 32px;
556 padding: 0;
557 line-height: normal;
558 border: 1px solid rgb(165, 173, 186); }
559
560.u-button-lg {
561 padding: 8px 15px;
562 font-size: 14px; }
563
564.u-button-xg {
565 padding: 10.5px 18px;
566 font-size: 16px; }
567
568.u-button-md {
569 padding: 4px 13px;
570 font-size: 14px; }
571
572.u-button-sm {
573 padding: 3px 5px;
574 font-size: 12px; }
575
576.u-button-squared {
577 border-radius: 0; }
578
579.u-button-round {
580 border-radius: 1000px; }
581
582.u-button-block {
583 white-space: normal;
584 display: block;
585 width: 100%; }
586
587.u-button-pill-left {
588 border-radius: 500px 0 0 500px; }
589
590.u-button-pill-right {
591 border-radius: 0 500px 500px 0; }
592
593/* FormGroup */
594/* Navlayout */
595@font-face {
596 font-family: "uf";
597 src: url("//design.yonyoucloud.com/static/iconfont/iconfont.eot");
598 /* IE9*/
599 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");
600 /* iOS 4.1- */ }
601
602.uf {
603 font-family: "uf" !important;
604 font-size: 16px;
605 font-style: normal;
606 -webkit-font-smoothing: antialiased;
607 -moz-osx-font-smoothing: grayscale; }
608
609.uf-wechat:before {
610 content: "\3488"; }
611
612.uf-add-c-o:before {
613 content: "\e601"; }
614
615.uf-search:before {
616 content: "\e603"; }
617
618.uf-histogram-arrow-up:before {
619 content: "\e633"; }
620
621.uf-close-bold:before {
622 content: "\e602"; }
623
624.uf-umbrella:before {
625 content: "\e63b"; }
626
627.uf-qq:before {
628 content: "\e694"; }
629
630.uf-4square-3:before {
631 content: "\e63d"; }
632
633.uf-send:before {
634 content: "\e63f"; }
635
636.uf-map:before {
637 content: "\e66c"; }
638
639.uf-9square-2:before {
640 content: "\e63e"; }
641
642.uf-navmenu:before {
643 content: "\e614"; }
644
645.uf-pc-2:before {
646 content: "\e644"; }
647
648.uf-search-light-2:before {
649 content: "\e627"; }
650
651.uf-check-s-2:before {
652 content: "\e66e"; }
653
654.uf-pencil:before {
655 content: "\e69b"; }
656
657.uf-repeat:before {
658 content: "\e634"; }
659
660.uf-security-2:before {
661 content: "\e6a5"; }
662
663.uf-lexi:before {
664 content: "\e643"; }
665
666.uf-pencil-s:before {
667 content: "\e77d"; }
668
669.uf-del:before {
670 content: "\e654"; }
671
672.uf-bi-o:before {
673 content: "\e641"; }
674
675.uf-pencil-c:before {
676 content: "\e6e6"; }
677
678.uf-qrcode:before {
679 content: "\e661"; }
680
681.uf-rmb-c-o:before {
682 content: "\e645"; }
683
684.uf-search-c-o:before {
685 content: "\e659"; }
686
687.uf-bell:before {
688 content: "\e60c"; }
689
690.uf-pass-3:before {
691 content: "\e649"; }
692
693.uf-treearrow-down:before {
694 content: "\e608"; }
695
696.uf-training:before {
697 content: "\e617"; }
698
699.uf-group-2:before {
700 content: "\e64c"; }
701
702.uf-zoom-in:before {
703 content: "\e906"; }
704
705.uf-security-o:before {
706 content: "\e7ac"; }
707
708.uf-baojia-c:before {
709 content: "\e64d"; }
710
711.uf-rulerpen:before {
712 content: "\e623"; }
713
714.uf-erpsearch:before {
715 content: "\e64e"; }
716
717.uf-group-o:before {
718 content: "\e6a8"; }
719
720.uf-cloud-o-updown:before {
721 content: "\e725"; }
722
723.uf-close-c-o:before {
724 content: "\e625"; }
725
726.uf-add-s:before {
727 content: "\e620"; }
728
729.uf-pc:before {
730 content: "\e6e8"; }
731
732.uf-rain:before {
733 content: "\e771"; }
734
735.uf-nodata:before {
736 content: "\e64f"; }
737
738.uf-close-c:before {
739 content: "\e66b"; }
740
741.uf-bohui-s-o:before {
742 content: "\e65f"; }
743
744.uf-cloud:before {
745 content: "\e772"; }
746
747.uf-bag-s:before {
748 content: "\e650"; }
749
750.uf-table-2:before {
751 content: "\e95f"; }
752
753.uf-anglearrowpointingtoright:before {
754 content: "\e61e"; }
755
756.uf-exc-c-o:before {
757 content: "\e615"; }
758
759.uf-group:before {
760 content: "\e651"; }
761
762.uf-personin-o:before {
763 content: "\e8d3"; }
764
765.uf-calendar:before {
766 content: "\e646"; }
767
768.uf-add-s-o:before {
769 content: "\e604"; }
770
771.uf-sync-c-o:before {
772 content: "\e655"; }
773
774.uf-grid:before {
775 content: "\e657"; }
776
777.uf-anglepointingtoleft:before {
778 content: "\e624"; }
779
780.uf-activate-3:before {
781 content: "\e65b"; }
782
783.uf-caven:before {
784 content: "\e663"; }
785
786.uf-back:before {
787 content: "\e6e3"; }
788
789.uf-pass-2:before {
790 content: "\e65d"; }
791
792.uf-reduce-s-o:before {
793 content: "\e719"; }
794
795.uf-area:before {
796 content: "\e6ea"; }
797
798.uf-flag:before {
799 content: "\e65e"; }
800
801.uf-box-o-2:before {
802 content: "\e610"; }
803
804.uf-arrow-s-o-down:before {
805 content: "\e660"; }
806
807.uf-arrow-s-o-up:before {
808 content: "\e662"; }
809
810.uf-building:before {
811 content: "\e6ee"; }
812
813.uf-tapp:before {
814 content: "\e773"; }
815
816.uf-treefolder:before {
817 content: "\e628"; }
818
819.uf-advice:before {
820 content: "\e6cf"; }
821
822.uf-2collayout:before {
823 content: "\e618"; }
824
825.uf-check-s:before {
826 content: "\e672"; }
827
828.uf-sign:before {
829 content: "\e67a"; }
830
831.uf-listsearch:before {
832 content: "\e67c"; }
833
834.uf-gridcaretarrowup:before {
835 content: "\e636"; }
836
837.uf-eye-c-o:before {
838 content: "\e67e"; }
839
840.uf-check-c-o:before {
841 content: "\e6ef"; }
842
843.uf-seal:before {
844 content: "\e67f"; }
845
846.uf-erpbox:before {
847 content: "\e6ae"; }
848
849.uf-rulerpen-o:before {
850 content: "\e62e"; }
851
852.uf-role:before {
853 content: "\e7c2"; }
854
855.uf-exc-c-2:before {
856 content: "\e675"; }
857
858.uf-pad:before {
859 content: "\e6bd"; }
860
861.uf-treefolder-closed:before {
862 content: "\e688"; }
863
864.uf-reduce-c-o:before {
865 content: "\e635"; }
866
867.uf-pass-s-o:before {
868 content: "\e682"; }
869
870.uf-setting:before {
871 content: "\e683"; }
872
873.uf-close-s:before {
874 content: "\e76a"; }
875
876.uf-map-o:before {
877 content: "\e665"; }
878
879.uf-move:before {
880 content: "\e68b"; }
881
882.uf-2arrow-down:before {
883 content: "\e606"; }
884
885.uf-2arrow-right:before {
886 content: "\e60b"; }
887
888.uf-arrow-c-o-left:before {
889 content: "\e684"; }
890
891.uf-plus:before {
892 content: "\e763"; }
893
894.uf-arrow-c-o-right:before {
895 content: "\e685"; }
896
897.uf-arrow-c-o-down:before {
898 content: "\e687"; }
899
900.uf-list-s-o:before {
901 content: "\e746"; }
902
903.uf-cloud-o-down:before {
904 content: "\e673"; }
905
906.uf-nodata-2:before {
907 content: "\e68c"; }
908
909.uf-file-s:before {
910 content: "\e642"; }
911
912.uf-2arrow-up:before {
913 content: "\e607"; }
914
915.uf-notification:before {
916 content: "\e9cc"; }
917
918.uf-piechart:before {
919 content: "\e6f0"; }
920
921.uf-cloud-o-up:before {
922 content: "\e6ac"; }
923
924.uf-close:before {
925 content: "\e76b"; }
926
927.uf-correct:before {
928 content: "\e677"; }
929
930.uf-histogram-s-o-2:before {
931 content: "\e6fa"; }
932
933.uf-4square-2:before {
934 content: "\e691"; }
935
936.uf-sunny:before {
937 content: "\e774"; }
938
939.uf-link:before {
940 content: "\e6fe"; }
941
942.uf-eye:before {
943 content: "\e692"; }
944
945.uf-eye-o:before {
946 content: "\e69c"; }
947
948.uf-qian:before {
949 content: "\e69e"; }
950
951.uf-widgetab:before {
952 content: "\e6f2"; }
953
954.uf-rmb-s:before {
955 content: "\e6a0"; }
956
957.uf-link-off:before {
958 content: "\e6ff"; }
959
960.uf-shang-s:before {
961 content: "\e6a1"; }
962
963.uf-xia-s:before {
964 content: "\e6a6"; }
965
966.uf-box-2:before {
967 content: "\e616"; }
968
969.uf-pass-o:before {
970 content: "\e6a7"; }
971
972.uf-arrow-down:before {
973 content: "\e609"; }
974
975.uf-arrow-right:before {
976 content: "\e611"; }
977
978.uf-arrow-left:before {
979 content: "\e612"; }
980
981.uf-box:before {
982 content: "\e613"; }
983
984.uf-triangle-right:before {
985 content: "\e61c"; }
986
987.uf-histogram-s-o:before {
988 content: "\e626"; }
989
990.uf-book:before {
991 content: "\e62a"; }
992
993.uf-bookmark-o:before {
994 content: "\e631"; }
995
996.uf-leaf:before {
997 content: "\e62d"; }
998
999.uf-bullseye:before {
1000 content: "\e632"; }
1001
1002.uf-calendarpageempty:before {
1003 content: "\e647"; }
1004
1005.uf-gridcaretdown:before {
1006 content: "\e637"; }
1007
1008.uf-triangle-up:before {
1009 content: "\e638"; }
1010
1011.uf-triangle-down:before {
1012 content: "\e639"; }
1013
1014.uf-cloud-down:before {
1015 content: "\e64a"; }
1016
1017.uf-cloud-up:before {
1018 content: "\e64b"; }
1019
1020.uf-bubble:before {
1021 content: "\e652"; }
1022
1023.uf-bubble-o:before {
1024 content: "\e653"; }
1025
1026.uf-copy:before {
1027 content: "\e65a"; }
1028
1029.uf-correct-2:before {
1030 content: "\e658"; }
1031
1032.uf-2arrow-left:before {
1033 content: "\e664"; }
1034
1035.uf-arrow-down-2:before {
1036 content: "\e667"; }
1037
1038.uf-download:before {
1039 content: "\e669"; }
1040
1041.uf-earth:before {
1042 content: "\e66d"; }
1043
1044.uf-mail-o:before {
1045 content: "\e66f"; }
1046
1047.uf-mail:before {
1048 content: "\e670"; }
1049
1050.uf-exc:before {
1051 content: "\e674"; }
1052
1053.uf-externallink:before {
1054 content: "\e676"; }
1055
1056.uf-video:before {
1057 content: "\e67b"; }
1058
1059.uf-films:before {
1060 content: "\e680"; }
1061
1062.uf-folder:before {
1063 content: "\e689"; }
1064
1065.uf-folder-o:before {
1066 content: "\e68a"; }
1067
1068.uf-fontselectioneditor:before {
1069 content: "\e68d"; }
1070
1071.uf-4square:before {
1072 content: "\e68e"; }
1073
1074.uf-gift:before {
1075 content: "\e693"; }
1076
1077.uf-github-c:before {
1078 content: "\e695"; }
1079
1080.uf-github-s:before {
1081 content: "\e696"; }
1082
1083.uf-heart-o:before {
1084 content: "\e6a3"; }
1085
1086.uf-heart:before {
1087 content: "\e6a4"; }
1088
1089.uf-home:before {
1090 content: "\e6a2"; }
1091
1092.uf-i-c-2:before {
1093 content: "\e6aa"; }
1094
1095.uf-i:before {
1096 content: "\e6ab"; }
1097
1098.uf-triangle-left:before {
1099 content: "\e6b0"; }
1100
1101.uf-symlist:before {
1102 content: "\e6be"; }
1103
1104.uf-arrow-left-2:before {
1105 content: "\e6bf"; }
1106
1107.uf-arrow-right-2:before {
1108 content: "\e6c0"; }
1109
1110.uf-arrow-up-2:before {
1111 content: "\e6c1"; }
1112
1113.uf-reduce-c:before {
1114 content: "\e6cb"; }
1115
1116.uf-reduce-s:before {
1117 content: "\e6cc"; }
1118
1119.uf-minus:before {
1120 content: "\e6ce"; }
1121
1122.uf-mobile:before {
1123 content: "\e6e0"; }
1124
1125.uf-bell-o:before {
1126 content: "\e6d4"; }
1127
1128.uf-9square:before {
1129 content: "\e6d5"; }
1130
1131.uf-numlist:before {
1132 content: "\e6dd"; }
1133
1134.uf-folderopen-o:before {
1135 content: "\e6d7"; }
1136
1137.uf-treefolderopen:before {
1138 content: "\e6d8"; }
1139
1140.uf-mac:before {
1141 content: "\e6ed"; }
1142
1143.uf-camera:before {
1144 content: "\e6e4"; }
1145
1146.uf-picture:before {
1147 content: "\e6e5"; }
1148
1149.uf-play:before {
1150 content: "\e6eb"; }
1151
1152.uf-play-o:before {
1153 content: "\e6ec"; }
1154
1155.uf-qm-c:before {
1156 content: "\e6f4"; }
1157
1158.uf-qm:before {
1159 content: "\e6f5"; }
1160
1161.uf-navmenu-light:before {
1162 content: "\e6fd"; }
1163
1164.uf-settings:before {
1165 content: "\e70c"; }
1166
1167.uf-cart:before {
1168 content: "\e711"; }
1169
1170.uf-histogram:before {
1171 content: "\e714"; }
1172
1173.uf-finetune:before {
1174 content: "\e71a"; }
1175
1176.uf-sortup:before {
1177 content: "\e71b"; }
1178
1179.uf-sortdown:before {
1180 content: "\e71c"; }
1181
1182.uf-sort19:before {
1183 content: "\e71d"; }
1184
1185.uf-sort91:before {
1186 content: "\e71f"; }
1187
1188.uf-za:before {
1189 content: "\e721"; }
1190
1191.uf-star-o:before {
1192 content: "\e726"; }
1193
1194.uf-star-2:before {
1195 content: "\e727"; }
1196
1197.uf-star:before {
1198 content: "\e728"; }
1199
1200.uf-luggage:before {
1201 content: "\e72d"; }
1202
1203.uf-table:before {
1204 content: "\e730"; }
1205
1206.uf-tel:before {
1207 content: "\e734"; }
1208
1209.uf-tel-s:before {
1210 content: "\e735"; }
1211
1212.uf-terminal:before {
1213 content: "\e736"; }
1214
1215.uf-file:before {
1216 content: "\e738"; }
1217
1218.uf-file-o:before {
1219 content: "\e739"; }
1220
1221.uf-3dot-h:before {
1222 content: "\e73c"; }
1223
1224.uf-time-c-o:before {
1225 content: "\e742"; }
1226
1227.uf-upload:before {
1228 content: "\e750"; }
1229
1230.uf-3dot-v:before {
1231 content: "\e753"; }
1232
1233.uf-rmb:before {
1234 content: "\e757"; }
1235
1236.uf-arrow-c-o-up:before {
1237 content: "\e6a9"; }
1238
1239.uf-reject-2:before {
1240 content: "\e6ad"; }
1241
1242.uf-barcode:before {
1243 content: "\e7fc"; }
1244
1245.uf-zoom-out:before {
1246 content: "\e686"; }
1247
1248.uf-exc-t-o:before {
1249 content: "\e60a"; }
1250
1251.uf-pass:before {
1252 content: "\e6b1"; }
1253
1254.uf-flow:before {
1255 content: "\e6b2"; }
1256
1257.uf-add-c:before {
1258 content: "\e61a"; }
1259
1260.uf-arrow-c-o-right-2:before {
1261 content: "\e6b3"; }
1262
1263.uf-shelf-on:before {
1264 content: "\e6b4"; }
1265
1266.uf-shelf-off:before {
1267 content: "\e6b5"; }
1268
1269.uf-file-o-2:before {
1270 content: "\e60f"; }
1271
1272.uf-truck-o:before {
1273 content: "\e6b6"; }
1274
1275.uf-super:before {
1276 content: "\e62c"; }
1277
1278.uf-equipment:before {
1279 content: "\e630"; }
1280
1281.uf-arrow-c-o-left-2:before {
1282 content: "\e6b8"; }
1283
1284.uf-files-o:before {
1285 content: "\e6fc"; }
1286
1287.uf-cloud-o:before {
1288 content: "\e6ba"; }
1289
1290.uf-rmb-s-o-2:before {
1291 content: "\e6bb"; }
1292
1293.uf-3dot-c-o:before {
1294 content: "\e6f3"; }
1295
1296.uf-dafeng:before {
1297 content: "\e775"; }
1298
1299.uf-baoxue:before {
1300 content: "\e776"; }
1301
1302.uf-bingbao:before {
1303 content: "\e777"; }
1304
1305.uf-fengbao:before {
1306 content: "\e778"; }
1307
1308.uf-xiaoyu:before {
1309 content: "\e779"; }
1310
1311.uf-zhenxue:before {
1312 content: "\e77a"; }
1313
1314.uf-zhongyu:before {
1315 content: "\e77b"; }
1316
1317.uf-es:before {
1318 content: "\e747"; }
1319
1320.uf-flow-o-2:before {
1321 content: "\e6bc"; }
1322
1323.uf-activate-2:before {
1324 content: "\e6c2"; }
1325
1326.uf-flow-o:before {
1327 content: "\e6c3"; }
1328
1329.uf-bulb-2:before {
1330 content: "\e63a"; }
1331
1332.uf-mi-c:before {
1333 content: "\e62f"; }
1334
1335.uf-top-up:before {
1336 content: "\e668"; }
1337
1338.uf-creditcard:before {
1339 content: "\e8b4"; }
1340
1341.uf-align-center:before {
1342 content: "\e8b9"; }
1343
1344.uf-align-justify:before {
1345 content: "\e8ba"; }
1346
1347.uf-align-left:before {
1348 content: "\e8bb"; }
1349
1350.uf-align-right:before {
1351 content: "\e8bc"; }
1352
1353.uf-ju-c-o:before {
1354 content: "\e6c4"; }
1355
1356.uf-truck:before {
1357 content: "\e990"; }
1358
1359.uf-setting-c-o:before {
1360 content: "\e6c5"; }
1361
1362.uf-users-o:before {
1363 content: "\e91b"; }
1364
1365.uf-bag-s-o:before {
1366 content: "\e6c6"; }
1367
1368.uf-cai-s:before {
1369 content: "\e6c7"; }
1370
1371.uf-listcheck:before {
1372 content: "\e6c8"; }
1373
1374.uf-users:before {
1375 content: "\e794"; }
1376
1377.uf-i-c:before {
1378 content: "\e6cd"; }
1379
1380.uf-building-o:before {
1381 content: "\e6f6"; }
1382
1383.uf-rmb-s-o:before {
1384 content: "\e6d0"; }
1385
1386.uf-reject:before {
1387 content: "\e6d1"; }
1388
1389.uf-9dot:before {
1390 content: "\e6f7"; }
1391
1392.uf-loadingstate:before {
1393 content: "\e600"; }
1394
1395.uf-gateway:before {
1396 content: "\e6d3"; }
1397
1398.uf-ticket-s-o:before {
1399 content: "\e6d6"; }
1400
1401.uf-userset:before {
1402 content: "\e6f8"; }
1403
1404.uf-puzzle-o:before {
1405 content: "\e648"; }
1406
1407.uf-box-o:before {
1408 content: "\e6d9"; }
1409
1410.uf-bulb:before {
1411 content: "\e6da"; }
1412
1413.uf-exc-t:before {
1414 content: "\e61b"; }
1415
1416.uf-rmb-c:before {
1417 content: "\e6db"; }
1418
1419.uf-table-s-o:before {
1420 content: "\e759"; }
1421
1422.uf-umbrella-o:before {
1423 content: "\e6dc"; }
1424
1425.uf-dropbox:before {
1426 content: "\e69d"; }
1427
1428.uf-search-light:before {
1429 content: "\e622"; }
1430
1431.uf-cart-o:before {
1432 content: "\e8c4"; }
1433
1434.uf-kero-col:before {
1435 content: "\e8c7"; }
1436
1437.uf-uba-col:before {
1438 content: "\e8c8"; }
1439
1440.uf-tinperzc-col:before {
1441 content: "\e8c9"; }
1442
1443.uf-tinperzch-col:before {
1444 content: "\e8ca"; }
1445
1446.uf-iuap-col:before {
1447 content: "\e8cb"; }
1448
1449.uf-iuapdesign-col:before {
1450 content: "\e8cc"; }
1451
1452.uf-bee-col:before {
1453 content: "\e8cd"; }
1454
1455.uf-neoui-col:before {
1456 content: "\e8ce"; }
1457
1458.uf-sparrow-col:before {
1459 content: "\e8cf"; }
1460
1461.uf-tinpercn-col:before {
1462 content: "\e8d0"; }
1463
1464.uf-tinperen-col:before {
1465 content: "\e8d1"; }
1466
1467.uf-arrow-up:before {
1468 content: "\e8d2"; }
1469
1470.uf-mailsym:before {
1471 content: "\e605"; }
1472
1473.uf-print:before {
1474 content: "\e60e"; }
1475
1476.uf-ticket-3:before {
1477 content: "\e619"; }
1478
1479.uf-loan:before {
1480 content: "\e61f"; }
1481
1482.uf-ticket-2:before {
1483 content: "\e629"; }
1484
1485.uf-offwork:before {
1486 content: "\e62b"; }
1487
1488.uf-todolist:before {
1489 content: "\e640"; }
1490
1491.uf-personin:before {
1492 content: "\e66a"; }
1493
1494.uf-ticket:before {
1495 content: "\e671"; }
1496
1497.uf-linechart:before {
1498 content: "\e6fb"; }
1499
1500.uf-4leaf:before {
1501 content: "\e6de"; }
1502
1503.uf-listset:before {
1504 content: "\e6df"; }
1505
1506.uf-qi-c-o:before {
1507 content: "\e621"; }
1508
1509.uf-exc-c:before {
1510 content: "\e61d"; }
1511
1512.uf-code:before {
1513 content: "\e656"; }
1514
1515.uf-plug-o:before {
1516 content: "\e60d"; }
1517
1518.uf-search-s:before {
1519 content: "\e991"; }
1520
1521.uf-treeadd:before {
1522 content: "\e992"; }
1523
1524.uf-mi:before {
1525 content: "\e993"; }
1526
1527.uf-treeline-copy:before {
1528 content: "\e994"; }
1529
1530.uf-listwithdots:before {
1531 content: "\e9cd"; }
1532
1533.uf-gridlogo:before {
1534 content: "\e900"; }
1535
1536.uf-magnifyingglass:before {
1537 content: "\e9ce"; }
1538
1539.uf-anglearrowdown:before {
1540 content: "\e9cf"; }
1541
1542.uf-yongyouyunchnen:before {
1543 content: "\e98d"; }
1544
1545.uf-yycloud:before {
1546 content: "\e68f"; }
1547
1548.uf-funnel-o:before {
1549 content: "\e63c"; }
1550
1551.uf-filter:before {
1552 content: "\e9d0"; }
1553
1554.uf-filterno:before {
1555 content: "\e9d1"; }
1556
1557.uf-clean:before {
1558 content: "\e9d2"; }
1559
1560.uf-save:before {
1561 content: "\e9d3"; }
1562
1563.uf-export:before {
1564 content: "\e9d4"; }
1565
1566.uf-import:before {
1567 content: "\e9d5"; }
1568
1569.uf-stop-c:before {
1570 content: "\e9d6"; }
1571
1572.uf-rubber:before {
1573 content: "\e9d7"; }
1574
1575.uf-bediting:before {
1576 content: "\e9d8"; }
1577
1578.uf-maxmize:before {
1579 content: "\e9d9"; }
1580
1581.uf-minimize:before {
1582 content: "\e9da"; }
1583
1584.uf-globe:before {
1585 content: "\e9db"; }
1586
1587.uf-yybs:before {
1588 content: "\e9dc"; }
1589
1590.uf-iuap5:before {
1591 content: "\e9dd"; }
1592
1593.uf-iuap5c:before {
1594 content: "\e9ff"; }
1595
1596.uf-qingkong:before {
1597 content: "\e666"; }
1598
1599.uf-location:before {
1600 content: "\e78b"; }
1601
1602/* FormGroup */
1603/* Navlayout */
1604/* FormGroup */
1605/* Navlayout */
1606@font-face {
1607 font-family: "uf";
1608 src: url("//design.yonyoucloud.com/static/iconfont/iconfont.eot");
1609 /* IE9*/
1610 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");
1611 /* iOS 4.1- */ }
1612
1613.uf {
1614 font-family: "uf" !important;
1615 font-size: 16px;
1616 font-style: normal;
1617 -webkit-font-smoothing: antialiased;
1618 -moz-osx-font-smoothing: grayscale; }
1619
1620.uf-wechat:before {
1621 content: "\3488"; }
1622
1623.uf-add-c-o:before {
1624 content: "\e601"; }
1625
1626.uf-search:before {
1627 content: "\e603"; }
1628
1629.uf-histogram-arrow-up:before {
1630 content: "\e633"; }
1631
1632.uf-close-bold:before {
1633 content: "\e602"; }
1634
1635.uf-umbrella:before {
1636 content: "\e63b"; }
1637
1638.uf-qq:before {
1639 content: "\e694"; }
1640
1641.uf-4square-3:before {
1642 content: "\e63d"; }
1643
1644.uf-send:before {
1645 content: "\e63f"; }
1646
1647.uf-map:before {
1648 content: "\e66c"; }
1649
1650.uf-9square-2:before {
1651 content: "\e63e"; }
1652
1653.uf-navmenu:before {
1654 content: "\e614"; }
1655
1656.uf-pc-2:before {
1657 content: "\e644"; }
1658
1659.uf-search-light-2:before {
1660 content: "\e627"; }
1661
1662.uf-check-s-2:before {
1663 content: "\e66e"; }
1664
1665.uf-pencil:before {
1666 content: "\e69b"; }
1667
1668.uf-repeat:before {
1669 content: "\e634"; }
1670
1671.uf-security-2:before {
1672 content: "\e6a5"; }
1673
1674.uf-lexi:before {
1675 content: "\e643"; }
1676
1677.uf-pencil-s:before {
1678 content: "\e77d"; }
1679
1680.uf-del:before {
1681 content: "\e654"; }
1682
1683.uf-bi-o:before {
1684 content: "\e641"; }
1685
1686.uf-pencil-c:before {
1687 content: "\e6e6"; }
1688
1689.uf-qrcode:before {
1690 content: "\e661"; }
1691
1692.uf-rmb-c-o:before {
1693 content: "\e645"; }
1694
1695.uf-search-c-o:before {
1696 content: "\e659"; }
1697
1698.uf-bell:before {
1699 content: "\e60c"; }
1700
1701.uf-pass-3:before {
1702 content: "\e649"; }
1703
1704.uf-treearrow-down:before {
1705 content: "\e608"; }
1706
1707.uf-training:before {
1708 content: "\e617"; }
1709
1710.uf-group-2:before {
1711 content: "\e64c"; }
1712
1713.uf-zoom-in:before {
1714 content: "\e906"; }
1715
1716.uf-security-o:before {
1717 content: "\e7ac"; }
1718
1719.uf-baojia-c:before {
1720 content: "\e64d"; }
1721
1722.uf-rulerpen:before {
1723 content: "\e623"; }
1724
1725.uf-erpsearch:before {
1726 content: "\e64e"; }
1727
1728.uf-group-o:before {
1729 content: "\e6a8"; }
1730
1731.uf-cloud-o-updown:before {
1732 content: "\e725"; }
1733
1734.uf-close-c-o:before {
1735 content: "\e625"; }
1736
1737.uf-add-s:before {
1738 content: "\e620"; }
1739
1740.uf-pc:before {
1741 content: "\e6e8"; }
1742
1743.uf-rain:before {
1744 content: "\e771"; }
1745
1746.uf-nodata:before {
1747 content: "\e64f"; }
1748
1749.uf-close-c:before {
1750 content: "\e66b"; }
1751
1752.uf-bohui-s-o:before {
1753 content: "\e65f"; }
1754
1755.uf-cloud:before {
1756 content: "\e772"; }
1757
1758.uf-bag-s:before {
1759 content: "\e650"; }
1760
1761.uf-table-2:before {
1762 content: "\e95f"; }
1763
1764.uf-anglearrowpointingtoright:before {
1765 content: "\e61e"; }
1766
1767.uf-exc-c-o:before {
1768 content: "\e615"; }
1769
1770.uf-group:before {
1771 content: "\e651"; }
1772
1773.uf-personin-o:before {
1774 content: "\e8d3"; }
1775
1776.uf-calendar:before {
1777 content: "\e646"; }
1778
1779.uf-add-s-o:before {
1780 content: "\e604"; }
1781
1782.uf-sync-c-o:before {
1783 content: "\e655"; }
1784
1785.uf-grid:before {
1786 content: "\e657"; }
1787
1788.uf-anglepointingtoleft:before {
1789 content: "\e624"; }
1790
1791.uf-activate-3:before {
1792 content: "\e65b"; }
1793
1794.uf-caven:before {
1795 content: "\e663"; }
1796
1797.uf-back:before {
1798 content: "\e6e3"; }
1799
1800.uf-pass-2:before {
1801 content: "\e65d"; }
1802
1803.uf-reduce-s-o:before {
1804 content: "\e719"; }
1805
1806.uf-area:before {
1807 content: "\e6ea"; }
1808
1809.uf-flag:before {
1810 content: "\e65e"; }
1811
1812.uf-box-o-2:before {
1813 content: "\e610"; }
1814
1815.uf-arrow-s-o-down:before {
1816 content: "\e660"; }
1817
1818.uf-arrow-s-o-up:before {
1819 content: "\e662"; }
1820
1821.uf-building:before {
1822 content: "\e6ee"; }
1823
1824.uf-tapp:before {
1825 content: "\e773"; }
1826
1827.uf-treefolder:before {
1828 content: "\e628"; }
1829
1830.uf-advice:before {
1831 content: "\e6cf"; }
1832
1833.uf-2collayout:before {
1834 content: "\e618"; }
1835
1836.uf-check-s:before {
1837 content: "\e672"; }
1838
1839.uf-sign:before {
1840 content: "\e67a"; }
1841
1842.uf-listsearch:before {
1843 content: "\e67c"; }
1844
1845.uf-gridcaretarrowup:before {
1846 content: "\e636"; }
1847
1848.uf-eye-c-o:before {
1849 content: "\e67e"; }
1850
1851.uf-check-c-o:before {
1852 content: "\e6ef"; }
1853
1854.uf-seal:before {
1855 content: "\e67f"; }
1856
1857.uf-erpbox:before {
1858 content: "\e6ae"; }
1859
1860.uf-rulerpen-o:before {
1861 content: "\e62e"; }
1862
1863.uf-role:before {
1864 content: "\e7c2"; }
1865
1866.uf-exc-c-2:before {
1867 content: "\e675"; }
1868
1869.uf-pad:before {
1870 content: "\e6bd"; }
1871
1872.uf-treefolder-closed:before {
1873 content: "\e688"; }
1874
1875.uf-reduce-c-o:before {
1876 content: "\e635"; }
1877
1878.uf-pass-s-o:before {
1879 content: "\e682"; }
1880
1881.uf-setting:before {
1882 content: "\e683"; }
1883
1884.uf-close-s:before {
1885 content: "\e76a"; }
1886
1887.uf-map-o:before {
1888 content: "\e665"; }
1889
1890.uf-move:before {
1891 content: "\e68b"; }
1892
1893.uf-2arrow-down:before {
1894 content: "\e606"; }
1895
1896.uf-2arrow-right:before {
1897 content: "\e60b"; }
1898
1899.uf-arrow-c-o-left:before {
1900 content: "\e684"; }
1901
1902.uf-plus:before {
1903 content: "\e763"; }
1904
1905.uf-arrow-c-o-right:before {
1906 content: "\e685"; }
1907
1908.uf-arrow-c-o-down:before {
1909 content: "\e687"; }
1910
1911.uf-list-s-o:before {
1912 content: "\e746"; }
1913
1914.uf-cloud-o-down:before {
1915 content: "\e673"; }
1916
1917.uf-nodata-2:before {
1918 content: "\e68c"; }
1919
1920.uf-file-s:before {
1921 content: "\e642"; }
1922
1923.uf-2arrow-up:before {
1924 content: "\e607"; }
1925
1926.uf-notification:before {
1927 content: "\e9cc"; }
1928
1929.uf-piechart:before {
1930 content: "\e6f0"; }
1931
1932.uf-cloud-o-up:before {
1933 content: "\e6ac"; }
1934
1935.uf-close:before {
1936 content: "\e76b"; }
1937
1938.uf-correct:before {
1939 content: "\e677"; }
1940
1941.uf-histogram-s-o-2:before {
1942 content: "\e6fa"; }
1943
1944.uf-4square-2:before {
1945 content: "\e691"; }
1946
1947.uf-sunny:before {
1948 content: "\e774"; }
1949
1950.uf-link:before {
1951 content: "\e6fe"; }
1952
1953.uf-eye:before {
1954 content: "\e692"; }
1955
1956.uf-eye-o:before {
1957 content: "\e69c"; }
1958
1959.uf-qian:before {
1960 content: "\e69e"; }
1961
1962.uf-widgetab:before {
1963 content: "\e6f2"; }
1964
1965.uf-rmb-s:before {
1966 content: "\e6a0"; }
1967
1968.uf-link-off:before {
1969 content: "\e6ff"; }
1970
1971.uf-shang-s:before {
1972 content: "\e6a1"; }
1973
1974.uf-xia-s:before {
1975 content: "\e6a6"; }
1976
1977.uf-box-2:before {
1978 content: "\e616"; }
1979
1980.uf-pass-o:before {
1981 content: "\e6a7"; }
1982
1983.uf-arrow-down:before {
1984 content: "\e609"; }
1985
1986.uf-arrow-right:before {
1987 content: "\e611"; }
1988
1989.uf-arrow-left:before {
1990 content: "\e612"; }
1991
1992.uf-box:before {
1993 content: "\e613"; }
1994
1995.uf-triangle-right:before {
1996 content: "\e61c"; }
1997
1998.uf-histogram-s-o:before {
1999 content: "\e626"; }
2000
2001.uf-book:before {
2002 content: "\e62a"; }
2003
2004.uf-bookmark-o:before {
2005 content: "\e631"; }
2006
2007.uf-leaf:before {
2008 content: "\e62d"; }
2009
2010.uf-bullseye:before {
2011 content: "\e632"; }
2012
2013.uf-calendarpageempty:before {
2014 content: "\e647"; }
2015
2016.uf-gridcaretdown:before {
2017 content: "\e637"; }
2018
2019.uf-triangle-up:before {
2020 content: "\e638"; }
2021
2022.uf-triangle-down:before {
2023 content: "\e639"; }
2024
2025.uf-cloud-down:before {
2026 content: "\e64a"; }
2027
2028.uf-cloud-up:before {
2029 content: "\e64b"; }
2030
2031.uf-bubble:before {
2032 content: "\e652"; }
2033
2034.uf-bubble-o:before {
2035 content: "\e653"; }
2036
2037.uf-copy:before {
2038 content: "\e65a"; }
2039
2040.uf-correct-2:before {
2041 content: "\e658"; }
2042
2043.uf-2arrow-left:before {
2044 content: "\e664"; }
2045
2046.uf-arrow-down-2:before {
2047 content: "\e667"; }
2048
2049.uf-download:before {
2050 content: "\e669"; }
2051
2052.uf-earth:before {
2053 content: "\e66d"; }
2054
2055.uf-mail-o:before {
2056 content: "\e66f"; }
2057
2058.uf-mail:before {
2059 content: "\e670"; }
2060
2061.uf-exc:before {
2062 content: "\e674"; }
2063
2064.uf-externallink:before {
2065 content: "\e676"; }
2066
2067.uf-video:before {
2068 content: "\e67b"; }
2069
2070.uf-films:before {
2071 content: "\e680"; }
2072
2073.uf-folder:before {
2074 content: "\e689"; }
2075
2076.uf-folder-o:before {
2077 content: "\e68a"; }
2078
2079.uf-fontselectioneditor:before {
2080 content: "\e68d"; }
2081
2082.uf-4square:before {
2083 content: "\e68e"; }
2084
2085.uf-gift:before {
2086 content: "\e693"; }
2087
2088.uf-github-c:before {
2089 content: "\e695"; }
2090
2091.uf-github-s:before {
2092 content: "\e696"; }
2093
2094.uf-heart-o:before {
2095 content: "\e6a3"; }
2096
2097.uf-heart:before {
2098 content: "\e6a4"; }
2099
2100.uf-home:before {
2101 content: "\e6a2"; }
2102
2103.uf-i-c-2:before {
2104 content: "\e6aa"; }
2105
2106.uf-i:before {
2107 content: "\e6ab"; }
2108
2109.uf-triangle-left:before {
2110 content: "\e6b0"; }
2111
2112.uf-symlist:before {
2113 content: "\e6be"; }
2114
2115.uf-arrow-left-2:before {
2116 content: "\e6bf"; }
2117
2118.uf-arrow-right-2:before {
2119 content: "\e6c0"; }
2120
2121.uf-arrow-up-2:before {
2122 content: "\e6c1"; }
2123
2124.uf-reduce-c:before {
2125 content: "\e6cb"; }
2126
2127.uf-reduce-s:before {
2128 content: "\e6cc"; }
2129
2130.uf-minus:before {
2131 content: "\e6ce"; }
2132
2133.uf-mobile:before {
2134 content: "\e6e0"; }
2135
2136.uf-bell-o:before {
2137 content: "\e6d4"; }
2138
2139.uf-9square:before {
2140 content: "\e6d5"; }
2141
2142.uf-numlist:before {
2143 content: "\e6dd"; }
2144
2145.uf-folderopen-o:before {
2146 content: "\e6d7"; }
2147
2148.uf-treefolderopen:before {
2149 content: "\e6d8"; }
2150
2151.uf-mac:before {
2152 content: "\e6ed"; }
2153
2154.uf-camera:before {
2155 content: "\e6e4"; }
2156
2157.uf-picture:before {
2158 content: "\e6e5"; }
2159
2160.uf-play:before {
2161 content: "\e6eb"; }
2162
2163.uf-play-o:before {
2164 content: "\e6ec"; }
2165
2166.uf-qm-c:before {
2167 content: "\e6f4"; }
2168
2169.uf-qm:before {
2170 content: "\e6f5"; }
2171
2172.uf-navmenu-light:before {
2173 content: "\e6fd"; }
2174
2175.uf-settings:before {
2176 content: "\e70c"; }
2177
2178.uf-cart:before {
2179 content: "\e711"; }
2180
2181.uf-histogram:before {
2182 content: "\e714"; }
2183
2184.uf-finetune:before {
2185 content: "\e71a"; }
2186
2187.uf-sortup:before {
2188 content: "\e71b"; }
2189
2190.uf-sortdown:before {
2191 content: "\e71c"; }
2192
2193.uf-sort19:before {
2194 content: "\e71d"; }
2195
2196.uf-sort91:before {
2197 content: "\e71f"; }
2198
2199.uf-za:before {
2200 content: "\e721"; }
2201
2202.uf-star-o:before {
2203 content: "\e726"; }
2204
2205.uf-star-2:before {
2206 content: "\e727"; }
2207
2208.uf-star:before {
2209 content: "\e728"; }
2210
2211.uf-luggage:before {
2212 content: "\e72d"; }
2213
2214.uf-table:before {
2215 content: "\e730"; }
2216
2217.uf-tel:before {
2218 content: "\e734"; }
2219
2220.uf-tel-s:before {
2221 content: "\e735"; }
2222
2223.uf-terminal:before {
2224 content: "\e736"; }
2225
2226.uf-file:before {
2227 content: "\e738"; }
2228
2229.uf-file-o:before {
2230 content: "\e739"; }
2231
2232.uf-3dot-h:before {
2233 content: "\e73c"; }
2234
2235.uf-time-c-o:before {
2236 content: "\e742"; }
2237
2238.uf-upload:before {
2239 content: "\e750"; }
2240
2241.uf-3dot-v:before {
2242 content: "\e753"; }
2243
2244.uf-rmb:before {
2245 content: "\e757"; }
2246
2247.uf-arrow-c-o-up:before {
2248 content: "\e6a9"; }
2249
2250.uf-reject-2:before {
2251 content: "\e6ad"; }
2252
2253.uf-barcode:before {
2254 content: "\e7fc"; }
2255
2256.uf-zoom-out:before {
2257 content: "\e686"; }
2258
2259.uf-exc-t-o:before {
2260 content: "\e60a"; }
2261
2262.uf-pass:before {
2263 content: "\e6b1"; }
2264
2265.uf-flow:before {
2266 content: "\e6b2"; }
2267
2268.uf-add-c:before {
2269 content: "\e61a"; }
2270
2271.uf-arrow-c-o-right-2:before {
2272 content: "\e6b3"; }
2273
2274.uf-shelf-on:before {
2275 content: "\e6b4"; }
2276
2277.uf-shelf-off:before {
2278 content: "\e6b5"; }
2279
2280.uf-file-o-2:before {
2281 content: "\e60f"; }
2282
2283.uf-truck-o:before {
2284 content: "\e6b6"; }
2285
2286.uf-super:before {
2287 content: "\e62c"; }
2288
2289.uf-equipment:before {
2290 content: "\e630"; }
2291
2292.uf-arrow-c-o-left-2:before {
2293 content: "\e6b8"; }
2294
2295.uf-files-o:before {
2296 content: "\e6fc"; }
2297
2298.uf-cloud-o:before {
2299 content: "\e6ba"; }
2300
2301.uf-rmb-s-o-2:before {
2302 content: "\e6bb"; }
2303
2304.uf-3dot-c-o:before {
2305 content: "\e6f3"; }
2306
2307.uf-dafeng:before {
2308 content: "\e775"; }
2309
2310.uf-baoxue:before {
2311 content: "\e776"; }
2312
2313.uf-bingbao:before {
2314 content: "\e777"; }
2315
2316.uf-fengbao:before {
2317 content: "\e778"; }
2318
2319.uf-xiaoyu:before {
2320 content: "\e779"; }
2321
2322.uf-zhenxue:before {
2323 content: "\e77a"; }
2324
2325.uf-zhongyu:before {
2326 content: "\e77b"; }
2327
2328.uf-es:before {
2329 content: "\e747"; }
2330
2331.uf-flow-o-2:before {
2332 content: "\e6bc"; }
2333
2334.uf-activate-2:before {
2335 content: "\e6c2"; }
2336
2337.uf-flow-o:before {
2338 content: "\e6c3"; }
2339
2340.uf-bulb-2:before {
2341 content: "\e63a"; }
2342
2343.uf-mi-c:before {
2344 content: "\e62f"; }
2345
2346.uf-top-up:before {
2347 content: "\e668"; }
2348
2349.uf-creditcard:before {
2350 content: "\e8b4"; }
2351
2352.uf-align-center:before {
2353 content: "\e8b9"; }
2354
2355.uf-align-justify:before {
2356 content: "\e8ba"; }
2357
2358.uf-align-left:before {
2359 content: "\e8bb"; }
2360
2361.uf-align-right:before {
2362 content: "\e8bc"; }
2363
2364.uf-ju-c-o:before {
2365 content: "\e6c4"; }
2366
2367.uf-truck:before {
2368 content: "\e990"; }
2369
2370.uf-setting-c-o:before {
2371 content: "\e6c5"; }
2372
2373.uf-users-o:before {
2374 content: "\e91b"; }
2375
2376.uf-bag-s-o:before {
2377 content: "\e6c6"; }
2378
2379.uf-cai-s:before {
2380 content: "\e6c7"; }
2381
2382.uf-listcheck:before {
2383 content: "\e6c8"; }
2384
2385.uf-users:before {
2386 content: "\e794"; }
2387
2388.uf-i-c:before {
2389 content: "\e6cd"; }
2390
2391.uf-building-o:before {
2392 content: "\e6f6"; }
2393
2394.uf-rmb-s-o:before {
2395 content: "\e6d0"; }
2396
2397.uf-reject:before {
2398 content: "\e6d1"; }
2399
2400.uf-9dot:before {
2401 content: "\e6f7"; }
2402
2403.uf-loadingstate:before {
2404 content: "\e600"; }
2405
2406.uf-gateway:before {
2407 content: "\e6d3"; }
2408
2409.uf-ticket-s-o:before {
2410 content: "\e6d6"; }
2411
2412.uf-userset:before {
2413 content: "\e6f8"; }
2414
2415.uf-puzzle-o:before {
2416 content: "\e648"; }
2417
2418.uf-box-o:before {
2419 content: "\e6d9"; }
2420
2421.uf-bulb:before {
2422 content: "\e6da"; }
2423
2424.uf-exc-t:before {
2425 content: "\e61b"; }
2426
2427.uf-rmb-c:before {
2428 content: "\e6db"; }
2429
2430.uf-table-s-o:before {
2431 content: "\e759"; }
2432
2433.uf-umbrella-o:before {
2434 content: "\e6dc"; }
2435
2436.uf-dropbox:before {
2437 content: "\e69d"; }
2438
2439.uf-search-light:before {
2440 content: "\e622"; }
2441
2442.uf-cart-o:before {
2443 content: "\e8c4"; }
2444
2445.uf-kero-col:before {
2446 content: "\e8c7"; }
2447
2448.uf-uba-col:before {
2449 content: "\e8c8"; }
2450
2451.uf-tinperzc-col:before {
2452 content: "\e8c9"; }
2453
2454.uf-tinperzch-col:before {
2455 content: "\e8ca"; }
2456
2457.uf-iuap-col:before {
2458 content: "\e8cb"; }
2459
2460.uf-iuapdesign-col:before {
2461 content: "\e8cc"; }
2462
2463.uf-bee-col:before {
2464 content: "\e8cd"; }
2465
2466.uf-neoui-col:before {
2467 content: "\e8ce"; }
2468
2469.uf-sparrow-col:before {
2470 content: "\e8cf"; }
2471
2472.uf-tinpercn-col:before {
2473 content: "\e8d0"; }
2474
2475.uf-tinperen-col:before {
2476 content: "\e8d1"; }
2477
2478.uf-arrow-up:before {
2479 content: "\e8d2"; }
2480
2481.uf-mailsym:before {
2482 content: "\e605"; }
2483
2484.uf-print:before {
2485 content: "\e60e"; }
2486
2487.uf-ticket-3:before {
2488 content: "\e619"; }
2489
2490.uf-loan:before {
2491 content: "\e61f"; }
2492
2493.uf-ticket-2:before {
2494 content: "\e629"; }
2495
2496.uf-offwork:before {
2497 content: "\e62b"; }
2498
2499.uf-todolist:before {
2500 content: "\e640"; }
2501
2502.uf-personin:before {
2503 content: "\e66a"; }
2504
2505.uf-ticket:before {
2506 content: "\e671"; }
2507
2508.uf-linechart:before {
2509 content: "\e6fb"; }
2510
2511.uf-4leaf:before {
2512 content: "\e6de"; }
2513
2514.uf-listset:before {
2515 content: "\e6df"; }
2516
2517.uf-qi-c-o:before {
2518 content: "\e621"; }
2519
2520.uf-exc-c:before {
2521 content: "\e61d"; }
2522
2523.uf-code:before {
2524 content: "\e656"; }
2525
2526.uf-plug-o:before {
2527 content: "\e60d"; }
2528
2529.uf-search-s:before {
2530 content: "\e991"; }
2531
2532.uf-treeadd:before {
2533 content: "\e992"; }
2534
2535.uf-mi:before {
2536 content: "\e993"; }
2537
2538.uf-treeline-copy:before {
2539 content: "\e994"; }
2540
2541.uf-listwithdots:before {
2542 content: "\e9cd"; }
2543
2544.uf-gridlogo:before {
2545 content: "\e900"; }
2546
2547.uf-magnifyingglass:before {
2548 content: "\e9ce"; }
2549
2550.uf-anglearrowdown:before {
2551 content: "\e9cf"; }
2552
2553.uf-yongyouyunchnen:before {
2554 content: "\e98d"; }
2555
2556.uf-yycloud:before {
2557 content: "\e68f"; }
2558
2559.uf-funnel-o:before {
2560 content: "\e63c"; }
2561
2562.uf-filter:before {
2563 content: "\e9d0"; }
2564
2565.uf-filterno:before {
2566 content: "\e9d1"; }
2567
2568.uf-clean:before {
2569 content: "\e9d2"; }
2570
2571.uf-save:before {
2572 content: "\e9d3"; }
2573
2574.uf-export:before {
2575 content: "\e9d4"; }
2576
2577.uf-import:before {
2578 content: "\e9d5"; }
2579
2580.uf-stop-c:before {
2581 content: "\e9d6"; }
2582
2583.uf-rubber:before {
2584 content: "\e9d7"; }
2585
2586.uf-bediting:before {
2587 content: "\e9d8"; }
2588
2589.uf-maxmize:before {
2590 content: "\e9d9"; }
2591
2592.uf-minimize:before {
2593 content: "\e9da"; }
2594
2595.uf-globe:before {
2596 content: "\e9db"; }
2597
2598.uf-yybs:before {
2599 content: "\e9dc"; }
2600
2601.uf-iuap5:before {
2602 content: "\e9dd"; }
2603
2604.uf-iuap5c:before {
2605 content: "\e9ff"; }
2606
2607.uf-qingkong:before {
2608 content: "\e666"; }
2609
2610.uf-location:before {
2611 content: "\e78b"; }
2612
2613.u-modal {
2614 display: none;
2615 position: fixed;
2616 top: 0;
2617 right: 0;
2618 bottom: 0;
2619 left: 0;
2620 z-index: 1700;
2621 -webkit-overflow-scrolling: touch;
2622 outline: 0;
2623 overflow: hidden; }
2624 .u-modal-draggable .u-modal-header.dnd-handle:hover {
2625 cursor: all-scroll; }
2626 .u-modal-centered {
2627 text-align: center; }
2628 .u-modal-centered::before {
2629 display: inline-block;
2630 width: 0;
2631 height: 100%;
2632 vertical-align: middle;
2633 content: ''; }
2634 .u-modal-centered .u-modal-dialog {
2635 top: 0;
2636 display: inline-block;
2637 text-align: left;
2638 vertical-align: middle; }
2639 .u-modal-centered.draging {
2640 text-align: unset; }
2641 .u-modal-centered.draging::before {
2642 display: none; }
2643 .u-modal-centered.draged {
2644 text-align: unset; }
2645 .u-modal-centered.draged::before {
2646 display: none; }
2647 .u-modal.fade {
2648 opacity: 0;
2649 transition: opacity 0.15s linear; }
2650 .u-modal.fade.in {
2651 opacity: 1; }
2652 .u-modal.fade .u-modal-dialog {
2653 -webkit-transform: translateY(-25%);
2654 transform: translateY(-25%);
2655 -webkit-transition: -webkit-transform .3s ease-out;
2656 transition: transform .3s ease-out; }
2657 .u-modal.in .u-modal-dialog {
2658 -webkit-transform: translate(0);
2659 transform: translate(0); }
2660 .u-modal.in .u-modal-dialog.u-modal-draging, .u-modal.in .u-modal-dialog.u-modal-draged {
2661 margin: 0; }
2662 .u-modal .u-modal-content {
2663 position: relative;
2664 background-color: #fff;
2665 border: 1px solid Rgba(9, 30, 68, 0.08);
2666 border-radius: 3px;
2667 box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
2668 background-clip: padding-box;
2669 outline: 0;
2670 display: flex;
2671 flex-direction: column; }
2672 .u-modal .u-modal-dialog {
2673 position: relative;
2674 width: auto;
2675 margin: 10px; }
2676 .u-modal .u-modal-header {
2677 padding: 16px;
2678 border-bottom: 1px solid transparent;
2679 color: #212121; }
2680 .u-modal .u-modal-header .u-close {
2681 margin-top: -2px;
2682 float: right;
2683 font-size: 21px;
2684 font-weight: 700;
2685 line-height: 1;
2686 color: #000;
2687 text-shadow: 0 1px 0 #fff;
2688 padding: 0;
2689 cursor: pointer;
2690 background: transparent;
2691 border: 0;
2692 -webkit-appearance: none; }
2693 .u-modal .u-modal-header .u-close .uf-close {
2694 font-size: 12px;
2695 color: #505F79; }
2696 .u-modal .u-modal-title {
2697 margin: 0;
2698 line-height: 1.42857143; }
2699 .u-modal .u-modal-body {
2700 position: relative;
2701 padding: 16px;
2702 font-size: 12px;
2703 color: #212121;
2704 flex: 1; }
2705 .u-modal .u-modal-footer {
2706 padding: 16px;
2707 text-align: right;
2708 border-top: 1px solid transparent; }
2709 .u-modal-confirm.u-modal .u-modal-title > .uf {
2710 font-size: 32px;
2711 line-height: 32px;
2712 padding: 0;
2713 margin-right: 16px;
2714 float: left;
2715 font-weight: 500; }
2716 .u-modal-confirm.u-modal .u-modal-header {
2717 padding-bottom: 4px; }
2718 .u-modal-confirm.u-modal .u-modal-body {
2719 padding-top: 4px; }
2720 .u-modal-confirm.u-modal .u-modal-body .u-modal-confirm-content {
2721 padding-left: 48px; }
2722 .u-modal-confirm.u-modal .u-modal-body .u-modal-confirm-content p {
2723 margin: 0; }
2724 .u-modal-confirm-info .u-modal-title > .uf {
2725 color: rgb(0,188,212); }
2726 .u-modal-confirm-success .u-modal-title > .uf {
2727 color: rgb(76,175,80); }
2728 .u-modal-confirm-warning .u-modal-title > .uf {
2729 color: rgb(255,152,0); }
2730 .u-modal-confirm-error .u-modal-title > .uf {
2731 color: rgb(244,67,54); }
2732 .u-modal-confirm-confirm .u-modal-title > .uf {
2733 color: rgb(255,152,0); }
2734 @media (min-width: 768px) {
2735 .u-modal .u-modal-dialog {
2736 width: 600px;
2737 margin: 30px auto; }
2738 .u-modal .u-modal-content {
2739 box-shadow: 0 4px 6px Rgba(23, 43, 77, 0.3); }
2740 .u-modal .u-modal-sm {
2741 width: 400px; } }
2742 @media (min-width: 992px) {
2743 .u-modal .u-modal-lg {
2744 width: 800px; } }
2745 @media (min-width: 1200px) {
2746 .u-modal .u-modal-xlg {
2747 width: 976px; } }
2748
2749.u-modal-open {
2750 overflow: hidden; }
2751 .u-modal-open .u-modal {
2752 overflow-x: hidden;
2753 overflow-y: auto; }
2754
2755.u-modal-backdrop {
2756 position: fixed;
2757 top: 0;
2758 right: 0;
2759 bottom: 0;
2760 left: 0;
2761 z-index: 1600;
2762 background-color: #000; }
2763 .u-modal-backdrop.fade {
2764 opacity: 0;
2765 filter: alpha(opacity=0); }
2766 .u-modal-backdrop.in {
2767 opacity: 0.6;
2768 filter: alpha(opacity=50); }
2769
2770.u-modal-container {
2771 position: relative; }
2772 .u-modal-container .u-modal-backdrop {
2773 position: absolute; }
2774 .u-modal-container .u-modal, .u-modal-container .u-modal-backdrop {
2775 position: absolute; }
2776
2777.react-draggable-transparent-selection * {
2778 pointer-events: none !important; }
2779
2780.ac-confirm .u-modal-dialog {
2781 width: 410px;
2782 height: 201px; }
2783 .ac-confirm .u-modal-dialog .ac-confirm-footer {
2784 height: 48px;
2785 padding: 8px 16px;
2786 border-top: #d0d0d0 solid 1px; }
2787 .ac-confirm .u-modal-dialog .ac-confirm-footer .u-button {
2788 min-width: 60px;
2789 min-height: 28px;
2790 line-height: 28px;
2791 padding: 0 10px; }
2792 .ac-confirm .u-modal-dialog .ac-confirm-footer .u-button.u-button-primary {
2793 margin-right: 8px;
2794 background-color: #e14c46;
2795 color: #fff;
2796 border: 1px solid #f53c32;
2797 box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); }
2798 .ac-confirm .u-modal-dialog .ac-confirm-footer .u-button.u-button-primary:hover {
2799 background-color: #d7332c;
2800 color: #fff; }
2801 .ac-confirm .u-modal-dialog .ac-confirm-footer .u-button-border {
2802 box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
2803 border-color: #d0d0d0;
2804 color: #111;
2805 background-color: #fff; }
2806 .ac-confirm .u-modal-dialog .ac-confirm-footer .u-button-border:hover {
2807 color: #e14c46;
2808 border-color: #e14c46;
2809 background: #fff; }
2810
2811.ac-confirm .u-modal-content .ac-confirm-header.u-modal-header {
2812 background-color: #f3f3f3;
2813 padding: 10px 20px;
2814 height: 40px; }
2815 .ac-confirm .u-modal-content .ac-confirm-header.u-modal-header .ac-confirm-header-title {
2816 color: #111111;
2817 font-size: 14px;
2818 font-weight: 700; }
2819 .ac-confirm .u-modal-content .ac-confirm-header.u-modal-header .u-close.dnd-cancel {
2820 display: none; }
2821
2822.ac-confirm .ac-confirm-body.u-modal-body {
2823 padding: 16px 33px;
2824 min-height: 124px; }
2825 .ac-confirm .ac-confirm-body.u-modal-body .ac-confirm-body-title {
2826 display: block; }
2827 .ac-confirm .ac-confirm-body.u-modal-body .ac-confirm-body-title .ac-confirm-body-title-icon {
2828 color: #ffbf00;
2829 font-size: 25px;
2830 vertical-align: sub; }
2831 .ac-confirm .ac-confirm-body.u-modal-body .ac-confirm-body-title .ac-confirm-body-title-keyword {
2832 font-size: 18px;
2833 color: #111111;
2834 display: inline-block;
2835 margin-left: 15px; }
2836 .ac-confirm .ac-confirm-body.u-modal-body .ac-confirm-body-content {
2837 display: block;
2838 font-size: 13px;
2839 color: #555555;
2840 margin: 8px 48px; }
2841
2842.u-clipboard {
2843 cursor: pointer; }
2844
2845.u-clipboard-tooltip .tooltip-inner {
2846 min-width: 55px;
2847 text-align: center; }