1 | @charset "UTF-8";
|
2 |
|
3 | .iTalent-header::-webkit-scrollbar {
|
4 | width: 5px;
|
5 | height: 5px;
|
6 | background-color: transparent;
|
7 | }
|
8 |
|
9 |
|
10 | .iTalent-header::-webkit-scrollbar-thumb {
|
11 | background-color: rgba(150, 150, 150, 0.5);
|
12 | border-radius: 5px;
|
13 | }
|
14 |
|
15 |
|
16 | .iTalent-header::-webkit-scrollbar-track {
|
17 | border-radius: 0;
|
18 | background-color: transparent;
|
19 | }
|
20 |
|
21 |
|
22 | .clearfix:after {
|
23 | content: ".";
|
24 | display: block;
|
25 | height: 0;
|
26 | clear: both;
|
27 | visibility: hidden;
|
28 | }
|
29 |
|
30 | @-webkit-keyframes $AniName {
|
31 | from {
|
32 | -webkit-transform: rotateZ(45deg);
|
33 | }
|
34 | to {
|
35 | -webkit-transform: rotateZ(0deg);
|
36 | }
|
37 | }
|
38 | @-moz-keyframes $AniName {
|
39 | from {
|
40 | -moz-transform: rotateZ(45deg);
|
41 | }
|
42 | to {
|
43 | -moz-transform: rotateZ(0deg);
|
44 | }
|
45 | }
|
46 | @-ms-keyframes $AniName {
|
47 | from {
|
48 | -ms-transform: rotateZ(45deg);
|
49 | }
|
50 | to {
|
51 | -ms-transform: rotateZ(0deg);
|
52 | }
|
53 | }
|
54 | @-o-keyframes $AniName {
|
55 | from {
|
56 | -o-transform: rotateZ(45deg);
|
57 | }
|
58 | to {
|
59 | -o-transform: rotateZ(0deg);
|
60 | }
|
61 | }
|
62 | @keyframes $AniName {
|
63 | from {
|
64 | transform: rotateZ(45deg);
|
65 | }
|
66 | to {
|
67 | transform: rotateZ(0deg);
|
68 | }
|
69 | }
|
70 | @-webkit-keyframes $AniName {
|
71 | from {
|
72 | -webkit-transform: rotateZ(-45deg);
|
73 | }
|
74 | to {
|
75 | -webkit-transform: rotateZ(0deg);
|
76 | }
|
77 | }
|
78 | @-moz-keyframes $AniName {
|
79 | from {
|
80 | -moz-transform: rotateZ(-45deg);
|
81 | }
|
82 | to {
|
83 | -moz-transform: rotateZ(0deg);
|
84 | }
|
85 | }
|
86 | @-ms-keyframes $AniName {
|
87 | from {
|
88 | -ms-transform: rotateZ(-45deg);
|
89 | }
|
90 | to {
|
91 | -ms-transform: rotateZ(0deg);
|
92 | }
|
93 | }
|
94 | @-o-keyframes $AniName {
|
95 | from {
|
96 | -o-transform: rotateZ(-45deg);
|
97 | }
|
98 | to {
|
99 | -o-transform: rotateZ(0deg);
|
100 | }
|
101 | }
|
102 | @keyframes $AniName {
|
103 | from {
|
104 | transform: rotateZ(-45deg);
|
105 | }
|
106 | to {
|
107 | transform: rotateZ(0deg);
|
108 | }
|
109 | }
|
110 | @-webkit-keyframes popShow {
|
111 | 0% {
|
112 | opacity: 0;
|
113 | -webkit-transform-origin: 0 0;
|
114 | transform-origin: 0 0;
|
115 | -webkit-transform: scaleY(0.4);
|
116 | transform: scaleY(0.4);
|
117 | }
|
118 | 100% {
|
119 | opacity: 1;
|
120 | -webkit-transform-origin: 0 0;
|
121 | transform-origin: 0 0;
|
122 | -webkit-transform: scaleY(1);
|
123 | transform: scaleY(1);
|
124 | }
|
125 | }
|
126 | @-ms-keyframes popShow {
|
127 | 0% {
|
128 | opacity: 0;
|
129 | -webkit-transform-origin: 0 0;
|
130 | transform-origin: 0 0;
|
131 | -webkit-transform: scaleY(0.4);
|
132 | transform: scaleY(0.4);
|
133 | }
|
134 | 100% {
|
135 | opacity: 1;
|
136 | -webkit-transform-origin: 0 0;
|
137 | transform-origin: 0 0;
|
138 | -webkit-transform: scaleY(1);
|
139 | transform: scaleY(1);
|
140 | }
|
141 | }
|
142 | @-moz-keyframes popShow {
|
143 | 0% {
|
144 | opacity: 0;
|
145 | -webkit-transform-origin: 0 0;
|
146 | transform-origin: 0 0;
|
147 | -webkit-transform: scaleY(0.4);
|
148 | transform: scaleY(0.4);
|
149 | }
|
150 | 100% {
|
151 | opacity: 1;
|
152 | -webkit-transform-origin: 0 0;
|
153 | transform-origin: 0 0;
|
154 | -webkit-transform: scaleY(1);
|
155 | transform: scaleY(1);
|
156 | }
|
157 | }
|
158 | @-o-keyframes popShow {
|
159 | 0% {
|
160 | opacity: 0;
|
161 | -webkit-transform-origin: 0 0;
|
162 | transform-origin: 0 0;
|
163 | -webkit-transform: scaleY(0.4);
|
164 | transform: scaleY(0.4);
|
165 | }
|
166 | 100% {
|
167 | opacity: 1;
|
168 | -webkit-transform-origin: 0 0;
|
169 | transform-origin: 0 0;
|
170 | -webkit-transform: scaleY(1);
|
171 | transform: scaleY(1);
|
172 | }
|
173 | }
|
174 | @keyframes popShow {
|
175 | 0% {
|
176 | opacity: 0;
|
177 | -webkit-transform-origin: 0 0;
|
178 | transform-origin: 0 0;
|
179 | -webkit-transform: scaleY(0.4);
|
180 | transform: scaleY(0.4);
|
181 | }
|
182 | 100% {
|
183 | opacity: 1;
|
184 | -webkit-transform-origin: 0 0;
|
185 | transform-origin: 0 0;
|
186 | -webkit-transform: scaleY(1);
|
187 | transform: scaleY(1);
|
188 | }
|
189 | }
|
190 | @-webkit-keyframes popHide {
|
191 | 0% {
|
192 | opacity: 1;
|
193 | -webkit-transform-origin: 0 0;
|
194 | transform-origin: 0 0;
|
195 | -webkit-transform: scaleY(1);
|
196 | transform: scaleY(1);
|
197 | }
|
198 | 100% {
|
199 | opacity: 0;
|
200 | -webkit-transform-origin: 0 0;
|
201 | transform-origin: 0 0;
|
202 | -webkit-transform: scaleY(0.4);
|
203 | transform: scaleY(0);
|
204 | }
|
205 | }
|
206 | @-ms-keyframes popHide {
|
207 | 0% {
|
208 | opacity: 1;
|
209 | -webkit-transform-origin: 0 0;
|
210 | transform-origin: 0 0;
|
211 | -webkit-transform: scaleY(1);
|
212 | transform: scaleY(1);
|
213 | }
|
214 | 100% {
|
215 | opacity: 0;
|
216 | -webkit-transform-origin: 0 0;
|
217 | transform-origin: 0 0;
|
218 | -webkit-transform: scaleY(0.4);
|
219 | transform: scaleY(0);
|
220 | }
|
221 | }
|
222 | @-moz-keyframes popHide {
|
223 | 0% {
|
224 | opacity: 1;
|
225 | -webkit-transform-origin: 0 0;
|
226 | transform-origin: 0 0;
|
227 | -webkit-transform: scaleY(1);
|
228 | transform: scaleY(1);
|
229 | }
|
230 | 100% {
|
231 | opacity: 0;
|
232 | -webkit-transform-origin: 0 0;
|
233 | transform-origin: 0 0;
|
234 | -webkit-transform: scaleY(0.4);
|
235 | transform: scaleY(0);
|
236 | }
|
237 | }
|
238 | @-o-keyframes popHide {
|
239 | 0% {
|
240 | opacity: 1;
|
241 | -webkit-transform-origin: 0 0;
|
242 | transform-origin: 0 0;
|
243 | -webkit-transform: scaleY(1);
|
244 | transform: scaleY(1);
|
245 | }
|
246 | 100% {
|
247 | opacity: 0;
|
248 | -webkit-transform-origin: 0 0;
|
249 | transform-origin: 0 0;
|
250 | -webkit-transform: scaleY(0.4);
|
251 | transform: scaleY(0);
|
252 | }
|
253 | }
|
254 | @keyframes popHide {
|
255 | 0% {
|
256 | opacity: 1;
|
257 | -webkit-transform-origin: 0 0;
|
258 | transform-origin: 0 0;
|
259 | -webkit-transform: scaleY(1);
|
260 | transform: scaleY(1);
|
261 | }
|
262 | 100% {
|
263 | opacity: 0;
|
264 | -webkit-transform-origin: 0 0;
|
265 | transform-origin: 0 0;
|
266 | -webkit-transform: scaleY(0.4);
|
267 | transform: scaleY(0);
|
268 | }
|
269 | }
|
270 | @-webkit-keyframes $AniName {
|
271 | from {
|
272 | -webkit-transform: scale(2);
|
273 | }
|
274 | to {
|
275 | -webkit-transform: scale(1);
|
276 | }
|
277 | }
|
278 | @-moz-keyframes $AniName {
|
279 | from {
|
280 | -moz-transform: scale(2);
|
281 | }
|
282 | to {
|
283 | -moz-transform: scale(1);
|
284 | }
|
285 | }
|
286 | @-ms-keyframes $AniName {
|
287 | from {
|
288 | -ms-transform: scale(2);
|
289 | }
|
290 | to {
|
291 | -ms-transform: scale(1);
|
292 | }
|
293 | }
|
294 | @-o-keyframes $AniName {
|
295 | from {
|
296 | -o-transform: scale(2);
|
297 | }
|
298 | to {
|
299 | -o-transform: scale(1);
|
300 | }
|
301 | }
|
302 | @keyframes $AniName {
|
303 | from {
|
304 | transform: scale(2);
|
305 | }
|
306 | to {
|
307 | transform: scale(1);
|
308 | }
|
309 | }
|
310 | @-webkit-keyframes fontScale {
|
311 | from {
|
312 | -webkit-transform: scale(1);
|
313 | color: #36434D;
|
314 | }
|
315 | to {
|
316 | -webkit-transform: scale(1.5);
|
317 | color: transparent;
|
318 | }
|
319 | }
|
320 | @-moz-keyframes fontScale {
|
321 | from {
|
322 | -moz-transform: scale(1);
|
323 | color: #36434D;
|
324 | }
|
325 | to {
|
326 | -moz-transform: scale(1.5);
|
327 | color: transparent;
|
328 | }
|
329 | }
|
330 | @-ms-keyframes fontScale {
|
331 | from {
|
332 | -ms-transform: scale(1);
|
333 | color: #36434D;
|
334 | }
|
335 | to {
|
336 | -ms-transform: scale(1.5);
|
337 | color: transparent;
|
338 | }
|
339 | }
|
340 | @-o-keyframes fontScale {
|
341 | from {
|
342 | -o-transform: scale(1);
|
343 | color: #36434D;
|
344 | }
|
345 | to {
|
346 | -o-transform: scale(1.5);
|
347 | color: transparent;
|
348 | }
|
349 | }
|
350 | @keyframes fontScale {
|
351 | from {
|
352 | transform: scale(1);
|
353 | color: #36434D;
|
354 | }
|
355 | to {
|
356 | transform: scale(1.5);
|
357 | color: transparent;
|
358 | }
|
359 | }
|
360 |
|
361 | body,
|
362 | div,
|
363 | span,
|
364 | ul,
|
365 | li,
|
366 | a {
|
367 | margin: 0;
|
368 | padding: 0;
|
369 | }
|
370 |
|
371 |
|
372 | a {
|
373 | text-decoration: none;
|
374 | }
|
375 |
|
376 |
|
377 | ul,
|
378 | li {
|
379 | list-style: none;
|
380 | }
|
381 |
|
382 |
|
383 | .header-icon-at-me {
|
384 | background: #9dd0eb !important;
|
385 | }
|
386 |
|
387 |
|
388 | .header-icon-at-department {
|
389 | background: #f1cd70 !important;
|
390 | }
|
391 |
|
392 |
|
393 | .header-icon-at-notice {
|
394 | background: #faa985 !important;
|
395 | }
|
396 |
|
397 |
|
398 | .header-icon-at-project {
|
399 | background: #8bc2df !important;
|
400 | }
|
401 |
|
402 |
|
403 | .header-icon-at-team {
|
404 | background: #8bc1eb !important;
|
405 | }
|
406 |
|
407 |
|
408 | .header-icon-reply {
|
409 | background: #9ec76f !important;
|
410 | }
|
411 |
|
412 |
|
413 | .header-icon-work-notice {
|
414 | background: #86cfbe !important;
|
415 | }
|
416 |
|
417 |
|
418 | .header-icon-team-notice {
|
419 | background: #8abfe3 !important;
|
420 | }
|
421 |
|
422 |
|
423 | .header-icon-recruit {
|
424 | background: #87cdbf !important;
|
425 | }
|
426 |
|
427 |
|
428 | .header-icon-fans {
|
429 | background: #aab0e8 !important;
|
430 | }
|
431 |
|
432 |
|
433 | .header-icon-in-reward {
|
434 | background: #f06164 !important;
|
435 | }
|
436 |
|
437 |
|
438 | .header-icon-ex-reward {
|
439 | background: #fdbf2c !important;
|
440 | }
|
441 |
|
442 |
|
443 | .header-icon-blessing {
|
444 | background: #f79c6f !important;
|
445 | }
|
446 |
|
447 | @font-face {
|
448 | font-family: "header";
|
449 | src: url("//xfile.beisen.com/ux/p-italent-framework/release/app/images/components/italent-header/fonts/v7/header.ttf?kbv50e") format("truetype"), url("//xfile.beisen.com/ux/p-italent-framework/release/app/images/components/italent-header/fonts/v7/header.woff?kbv50e") format("woff"), url("//xfile.beisen.com/ux/p-italent-framework/release/app/images/components/italent-header/fonts/v7/header.svg?kbv50e#header") format("svg");
|
450 | font-weight: normal;
|
451 | font-style: normal;
|
452 | }
|
453 |
|
454 | [class^="header-icon-"], [class*=" header-icon-"] {
|
455 |
|
456 | font-family: 'header' !important;
|
457 | speak: none;
|
458 | font-style: normal;
|
459 | font-weight: normal;
|
460 | font-variant: normal;
|
461 | text-transform: none;
|
462 | line-height: 1;
|
463 |
|
464 | -webkit-font-smoothing: antialiased;
|
465 | -moz-osx-font-smoothing: grayscale;
|
466 | }
|
467 |
|
468 |
|
469 | .header-icon-lang_en_US:before {
|
470 | content: "\e900";
|
471 | }
|
472 |
|
473 |
|
474 | .header-icon-lang_zh_TW:before {
|
475 | content: "\e901";
|
476 | }
|
477 |
|
478 |
|
479 | .header-icon-lang_zh_CN:before {
|
480 | content: "\e902";
|
481 | }
|
482 |
|
483 |
|
484 | .header-icon-appstore:before {
|
485 | content: "\e903";
|
486 | }
|
487 |
|
488 |
|
489 | .header-icon-xiaoxi:before {
|
490 | content: "\e904";
|
491 | }
|
492 |
|
493 |
|
494 | .header-icon-work-notice:before {
|
495 | content: "\e905";
|
496 | }
|
497 |
|
498 |
|
499 | .header-icon-titaim:before {
|
500 | content: "\e906";
|
501 | }
|
502 |
|
503 |
|
504 | .header-icon-team-notice:before {
|
505 | content: "\e907";
|
506 | }
|
507 |
|
508 |
|
509 | .header-icon-sousuo:before {
|
510 | content: "\e908";
|
511 | }
|
512 |
|
513 |
|
514 | .header-icon-shezhi:before {
|
515 | content: "\e909";
|
516 | }
|
517 |
|
518 |
|
519 | .header-icon-reply:before {
|
520 | content: "\e90a";
|
521 | }
|
522 |
|
523 |
|
524 | .header-icon-recruit:before {
|
525 | content: "\e90b";
|
526 | }
|
527 |
|
528 |
|
529 | .header-icon-in-reward:before {
|
530 | content: "\e90c";
|
531 | }
|
532 |
|
533 |
|
534 | .header-icon-IM-xiangmu:before {
|
535 | content: "\e90d";
|
536 | }
|
537 |
|
538 |
|
539 | .header-icon-IM-tianjia:before {
|
540 | content: "\e90e";
|
541 | }
|
542 |
|
543 |
|
544 | .header-icon-IM-renwu:before {
|
545 | content: "\e90f";
|
546 | }
|
547 |
|
548 |
|
549 | .header-icon-IM-qunzu:before {
|
550 | content: "\e910";
|
551 | }
|
552 |
|
553 |
|
554 | .header-icon-IM-bianji:before {
|
555 | content: "\e911";
|
556 | }
|
557 |
|
558 |
|
559 | .header-icon-huanfu:before {
|
560 | content: "\e912";
|
561 | }
|
562 |
|
563 |
|
564 | .header-icon-fans:before {
|
565 | content: "\e913";
|
566 | }
|
567 |
|
568 |
|
569 | .header-icon-ex-reward:before {
|
570 | content: "\e914";
|
571 | }
|
572 |
|
573 |
|
574 | .header-icon-daiban:before {
|
575 | content: "\e915";
|
576 | }
|
577 |
|
578 |
|
579 | .header-icon-chanpin:before {
|
580 | content: "\e916";
|
581 | }
|
582 |
|
583 |
|
584 | .header-icon-at-team:before {
|
585 | content: "\e917";
|
586 | }
|
587 |
|
588 |
|
589 | .header-icon-at-project:before {
|
590 | content: "\e918";
|
591 | }
|
592 |
|
593 |
|
594 | .header-icon-at-notice:before {
|
595 | content: "\e919";
|
596 | }
|
597 |
|
598 |
|
599 | .header-icon-at-me:before {
|
600 | content: "\e91a";
|
601 | }
|
602 |
|
603 |
|
604 | .header-icon-at-department:before {
|
605 | content: "\e91b";
|
606 | }
|
607 |
|
608 |
|
609 | .header-icon-upgrade:before {
|
610 | content: "\e91c";
|
611 | }
|
612 |
|
613 |
|
614 | .header-icon-blessing:before {
|
615 | content: "\e91d";
|
616 | }
|
617 |
|
618 |
|
619 | .iTalent-header {
|
620 | position: fixed;
|
621 | top: 0;
|
622 | width: 100%;
|
623 | min-width: 980px;
|
624 | z-index: 1200;
|
625 | height: 40px;
|
626 | background-color: #fff;
|
627 | border-bottom: 1px solid #F0F2F5;
|
628 | font-family: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STHeitiSC, sans-serif;
|
629 |
|
630 | }
|
631 |
|
632 | .iTalent-header .header-out-wrapper {
|
633 | height: inherit;
|
634 | }
|
635 |
|
636 | .iTalent-header .header-left {
|
637 | float: left;
|
638 | width: 450px;
|
639 | height: 100%;
|
640 | }
|
641 |
|
642 | .iTalent-header .header-right {
|
643 | float: right;
|
644 | height: 100%;
|
645 | }
|
646 |
|
647 | .iTalent-header .header-right .btns-group {
|
648 | display: block;
|
649 | float: right;
|
650 | }
|
651 |
|
652 | .iTalent-header .header-right .header-webim-region {
|
653 | float: right;
|
654 | height: inherit;
|
655 | }
|
656 |
|
657 | .iTalent-header .search-icon-box {
|
658 | width: 100%;
|
659 | height: 100%;
|
660 | }
|
661 |
|
662 | .iTalent-header .opr-btns {
|
663 | float: right;
|
664 | width: 40px;
|
665 | height: 40px;
|
666 | border-radius: 2px !important;
|
667 | position: relative;
|
668 | background-color: #ffffff;
|
669 | -webkit-transition: background-color 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
|
670 | -moz-transition: background-color 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
|
671 | -ms-transition: background-color 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
|
672 | -o-transition: background-color 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
|
673 | transition: background-color 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
|
674 | }
|
675 |
|
676 | .iTalent-header .opr-btns .btn-tips {
|
677 | display: none;
|
678 | position: absolute;
|
679 | white-space: nowrap;
|
680 | padding: 0 10px;
|
681 | height: 30px;
|
682 | background: #3e4e59;
|
683 | font-size: 12px;
|
684 | color: #ffffff;
|
685 | line-height: 30px;
|
686 | border-radius: 2px;
|
687 | z-index: 1200;
|
688 | left: 50%;
|
689 | transform: translateX(-50%);
|
690 | }
|
691 |
|
692 | .iTalent-header .opr-btns .btn-tips .entry-trangle-top {
|
693 | top: -5px;
|
694 | left: 50%;
|
695 | transform: translateX(-50%);
|
696 | width: 0px;
|
697 | height: 0px;
|
698 | position: absolute;
|
699 | border-left: 5px solid transparent;
|
700 | border-right: 5px solid transparent;
|
701 | border-bottom: 5px solid #3e4e59;
|
702 | }
|
703 |
|
704 | .iTalent-header .opr-btns:hover {
|
705 | -webkit-transition: background-color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
|
706 | -moz-transition: background-color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
|
707 | -ms-transition: background-color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
|
708 | -o-transition: background-color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
|
709 | transition: background-color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
|
710 | }
|
711 |
|
712 | .iTalent-header .opr-btns:hover .common-link {
|
713 | color: #004170;
|
714 | -webkit-transition: color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
|
715 | -moz-transition: color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
|
716 | -ms-transition: color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
|
717 | -o-transition: color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
|
718 | transition: color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
|
719 | }
|
720 |
|
721 | .iTalent-header .opr-btns:hover .btn-tips {
|
722 | display: block;
|
723 | }
|
724 |
|
725 | .iTalent-header .opr-btns:hover .opr-btns-select .btn-tips {
|
726 | display: none;
|
727 | }
|
728 |
|
729 | .iTalent-header .common-link {
|
730 | display: block;
|
731 | width: 100%;
|
732 | height: 100%;
|
733 | font-size: 18px;
|
734 | color: #66757F;
|
735 | -webkit-transition: color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
|
736 | -moz-transition: color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
|
737 | -ms-transition: color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
|
738 | -o-transition: color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
|
739 | transition: color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
|
740 | text-align: center;
|
741 | line-height: 40px !important;
|
742 | }
|
743 |
|
744 | .iTalent-header .new-message {
|
745 | position: absolute;
|
746 | display: block;
|
747 | min-width: 8px;
|
748 | max-width: 22px;
|
749 | padding: 0 5px;
|
750 | border-radius: 18px;
|
751 | background: #fe5042;
|
752 | top: 2px;
|
753 | right: 0px;
|
754 | line-height: 14px;
|
755 | color: #fff;
|
756 | font: 12px/18px arial;
|
757 | -webkit-animation: newMessageCome 1s cubic-bezier(0.66, 1.65, 0.23, 0.87) forwards;
|
758 | -moz-animation: newMessageCome 1s cubic-bezier(0.66, 1.65, 0.23, 0.87) forwards;
|
759 | -ms-animation: newMessageCome 1s cubic-bezier(0.66, 1.65, 0.23, 0.87) forwards;
|
760 | -o-animation: newMessageCome 1s cubic-bezier(0.66, 1.65, 0.23, 0.87) forwards;
|
761 | animation: newMessageCome 1s cubic-bezier(0.66, 1.65, 0.23, 0.87) forwards;
|
762 | }
|
763 |
|
764 | .iTalent-header .opr-btns-select {
|
765 | background-color: #F5F8FA;
|
766 | -webkit-transition: background-color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
|
767 | -moz-transition: background-color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
|
768 | -ms-transition: background-color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
|
769 | -o-transition: background-color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
|
770 | transition: background-color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
|
771 | }
|
772 |
|
773 | .iTalent-header .opr-btns-select .common-link {
|
774 | color: #004170;
|
775 | -webkit-transition: color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
|
776 | -moz-transition: color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
|
777 | -ms-transition: color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
|
778 | -o-transition: color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
|
779 | transition: color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
|
780 | }
|
781 |
|
782 | .iTalent-header .opr-btns-select:hover .tips {
|
783 | display: none;
|
784 | }
|
785 |
|
786 | .iTalent-header .list-wrapper {
|
787 | width: 340px;
|
788 | height: auto;
|
789 | max-height: 612px;
|
790 | background-color: #fff;
|
791 | position: absolute;
|
792 | z-index: 1200;
|
793 | top: 43px;
|
794 | right: 10px;
|
795 | overflow: hidden;
|
796 | border-radius: 3px;
|
797 | -webkit-transform: translate3d(0, 0, 0) scale(0);
|
798 | -moz-transform: translate3d(0, 0, 0) scale(0);
|
799 | -o-transform: translate3d(0, 0, 0) scale(0);
|
800 | transform: translate3d(0, 0, 0) scale(0);
|
801 | -webkit-backface-visibility: hidden;
|
802 | -moz-backface-visibility: hidden;
|
803 | -ms-backface-visibility: hidden;
|
804 | -o-backface-visibility: hidden;
|
805 | backface-visibility: hidden;
|
806 | -webkit-perspective: 1000;
|
807 | -moz-perspective: 1000;
|
808 | -ms-perspective: 1000;
|
809 | -o-perspective: 1000;
|
810 | perspective: 1000;
|
811 | -webkit-transform-origin: top right;
|
812 | -moz-transform-origin: top right;
|
813 | -ms-transform-origin: top right;
|
814 | -o-transform-origin: top right;
|
815 | transform-origin: top right;
|
816 | overflow: hidden\9;
|
817 | border: 1px solid #E4EBF0;
|
818 | display: none\9;
|
819 |
|
820 | }
|
821 |
|
822 | .iTalent-header .list-wrapper .title {
|
823 | height: 34px;
|
824 | background-color: #005999;
|
825 | color: #ffffff;
|
826 | font-size: 14px;
|
827 | text-align: center;
|
828 | line-height: 34px;
|
829 | }
|
830 |
|
831 | .iTalent-header .list-wrapper .view-all {
|
832 | height: 36px;
|
833 | }
|
834 |
|
835 | .iTalent-header .list-wrapper .view-all a {
|
836 | display: block;
|
837 | float: right;
|
838 | line-height: 36px;
|
839 | font-size: 12px;
|
840 | margin-right: 15px;
|
841 | color: #005999;
|
842 | }
|
843 |
|
844 | .iTalent-header .content-visible {
|
845 | filter: alpha(opacity=0);
|
846 | opacity: 0;
|
847 | -webkit-transition: opacity 0.25s cubic-bezier(0.25, 0.1, 0.25, 1);
|
848 | -moz-transition: opacity 0.25s cubic-bezier(0.25, 0.1, 0.25, 1);
|
849 | -ms-transition: opacity 0.25s cubic-bezier(0.25, 0.1, 0.25, 1);
|
850 | -o-transition: opacity 0.25s cubic-bezier(0.25, 0.1, 0.25, 1);
|
851 | transition: opacity 0.25s cubic-bezier(0.25, 0.1, 0.25, 1);
|
852 | }
|
853 |
|
854 | .iTalent-header .list-wrapper.list-open {
|
855 | box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.08);
|
856 | -webkit-transition: box-shadow 0.3s linear 0.4s;
|
857 | -moz-transition: box-shadow 0.3s linear 0.4s;
|
858 | -ms-transition: box-shadow 0.3s linear 0.4s;
|
859 | -o-transition: box-shadow 0.3s linear 0.4s;
|
860 | transition: box-shadow 0.3s linear 0.4s;
|
861 | -webkit-animation: popShow 0.15s linear forwards;
|
862 | -moz-animation: popShow 0.15s linear forwards;
|
863 | -ms-animation: popShow 0.15s linear forwards;
|
864 | -o-animation: popShow 0.15s linear forwards;
|
865 | animation: popShow 0.15s linear forwards;
|
866 | border: 0 !important;
|
867 | display: block\9;
|
868 |
|
869 | }
|
870 |
|
871 | .iTalent-header .list-wrapper.list-open .content-visible {
|
872 | filter: alpha(opacity=1000);
|
873 | opacity: 1;
|
874 | -webkit-transition: opacity 0.35s cubic-bezier(0.25, 0.1, 0.25, 1);
|
875 | -moz-transition: opacity 0.35s cubic-bezier(0.25, 0.1, 0.25, 1);
|
876 | -ms-transition: opacity 0.35s cubic-bezier(0.25, 0.1, 0.25, 1);
|
877 | -o-transition: opacity 0.35s cubic-bezier(0.25, 0.1, 0.25, 1);
|
878 | transition: opacity 0.35s cubic-bezier(0.25, 0.1, 0.25, 1);
|
879 | }
|
880 |
|
881 | .iTalent-header .list-wrapper.list-close {
|
882 | display: none\9;
|
883 |
|
884 | filter: alpha(opacity=0);
|
885 | opacity: 0;
|
886 | -webkit-transition: opacity 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
|
887 | -moz-transition: opacity 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
|
888 | -ms-transition: opacity 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
|
889 | -o-transition: opacity 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
|
890 | transition: opacity 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
|
891 | -webkit-animation: popHide 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) forwards;
|
892 | -moz-animation: popHide 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) forwards;
|
893 | -ms-animation: popHide 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) forwards;
|
894 | -o-animation: popHide 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) forwards;
|
895 | animation: popHide 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) forwards;
|
896 | }
|
897 |
|
898 | .iTalent-header .header-webim {
|
899 | height: inherit;
|
900 | border-left: 1px solid #e4ebf0;
|
901 | color: #4ab1b1;
|
902 | text-align: center;
|
903 | width: 50px;
|
904 | cursor: pointer;
|
905 | line-height: 40px;
|
906 | }
|
907 |
|
908 | .iTalent-header .header-webim .ico-webim {
|
909 | width: 100%;
|
910 | display: inline-block;
|
911 | line-height: 40px;
|
912 | font-size: 18px;
|
913 | }
|
914 |
|
915 | .iTalent-header .header-webim .ico-webim:hover {
|
916 | background-color: #f5f8fa;
|
917 | }
|
918 |
|
919 | .iTalent-header .header-webim .disabled {
|
920 | color: #acb7bf;
|
921 | cursor: default;
|
922 | }
|
923 |
|
924 | .iTalent-header .header-webim .disabled:hover {
|
925 | background-color: transparent;
|
926 | }
|
927 |
|
928 | .iTalent-header .header-webim .active {
|
929 | background-color: #53c6c6;
|
930 | color: #fff;
|
931 | }
|
932 |
|
933 | .iTalent-header .header-webim .active:hover {
|
934 | background-color: #4ab1b1;
|
935 | }
|
936 |
|
937 | .iTalent-header .header-webim .hide {
|
938 | display: none;
|
939 | }
|
940 |
|
941 | .iTalent-header .new-icon {
|
942 | position: absolute;
|
943 | left: 24px;
|
944 | top: 1px;
|
945 | width: 30px;
|
946 | height: 13px;
|
947 | background-image: url(//xfile.beisen.com/ux/p-italent-framework/release/app/images/components/italent-header/new2.svg);
|
948 | background-position: center;
|
949 | background-repeat: no-repeat;
|
950 | background-size: cover;
|
951 | }
|
952 |
|
953 | .iTalent-header .list-wrapper-mask {
|
954 | width: 100%;
|
955 | height: 100%;
|
956 | position: fixed;
|
957 | z-index: 1199;
|
958 | top: 44px;
|
959 | left: 0;
|
960 | display: none;
|
961 | }
|
962 |
|
963 | .iTalent-header .mask-open {
|
964 | display: block;
|
965 | }
|
966 |
|
967 | .iTalent-header .mask-close {
|
968 | display: none;
|
969 | }
|
970 |
|
971 | @-webkit-keyframes stretchdelay {
|
972 | 0%,
|
973 | 40%,
|
974 | 100% {
|
975 | -webkit-transform: scaleY(0.5);
|
976 | opacity: 0.8;
|
977 | filter: alpha(opacity=80);
|
978 | }
|
979 | 20% {
|
980 | -webkit-transform: scaleY(1);
|
981 | opacity: 1;
|
982 | filter: alpha(opacity=100);
|
983 | }
|
984 | }
|
985 | @keyframes stretchdelay {
|
986 | 0%,
|
987 | 40%,
|
988 | 100% {
|
989 | transform: scaleY(0.5);
|
990 | -webkit-transform: scaleY(0.5);
|
991 | opacity: 0.8;
|
992 | filter: alpha(opacity=80);
|
993 | }
|
994 | 20% {
|
995 | transform: scaleY(1);
|
996 | -webkit-transform: scaleY(1);
|
997 | opacity: 1;
|
998 | filter: alpha(opacity=100);
|
999 | }
|
1000 | }
|
1001 |
|
1002 | .iTalent-header .spinner {
|
1003 | margin: 15px auto;
|
1004 | width: 52px;
|
1005 | height: 30px;
|
1006 | font-size: 10px;
|
1007 | display: none\9;
|
1008 | }
|
1009 |
|
1010 |
|
1011 | .iTalent-header .spinner .rect1 {
|
1012 | -webkit-animation-delay: -1s;
|
1013 | animation-delay: -1s;
|
1014 | }
|
1015 |
|
1016 |
|
1017 | .iTalent-header .spinner .rect2 {
|
1018 | -webkit-animation-delay: -0.9s;
|
1019 | animation-delay: -0.9s;
|
1020 | }
|
1021 |
|
1022 |
|
1023 | .iTalent-header .spinner .rect3 {
|
1024 | -webkit-animation-delay: -0.8s;
|
1025 | animation-delay: -0.8s;
|
1026 | }
|
1027 |
|
1028 |
|
1029 | .iTalent-header .spinner .rect4 {
|
1030 | -webkit-animation-delay: -0.7s;
|
1031 | animation-delay: -0.7s;
|
1032 | }
|
1033 |
|
1034 |
|
1035 | .iTalent-header .spinner div {
|
1036 | background-color: #1d6ebb;
|
1037 | height: 100%;
|
1038 | width: 5px;
|
1039 | display: inline-block;
|
1040 | -webkit-border-radius: 5px;
|
1041 | -moz-border-radius: 5px;
|
1042 | border-radius: 5px;
|
1043 | -webkit-animation: stretchdelay 1.0s infinite ease-in-out;
|
1044 | animation: stretchdelay 1.0s infinite ease-in-out;
|
1045 | }
|
1046 |
|
1047 |
|
1048 | .iTalent-header .text-loading {
|
1049 | font-family: verdana, "Microsoft YaHei", "SimHei", "SimSun";
|
1050 | text-align: center;
|
1051 | font-size: 14px;
|
1052 | line-height: 45px;
|
1053 | color: #509fe5;
|
1054 | display: none;
|
1055 | display: block\9;
|
1056 | }
|
1057 |
|
1058 |
|
1059 | .search-icon-box .list-wrapper-open {
|
1060 | width: 340px;
|
1061 | height: 70px;
|
1062 | max-height: 70px;
|
1063 | }
|
1064 |
|
1065 | .search-icon-box .form-input {
|
1066 | height: 27px;
|
1067 | width: 310px;
|
1068 | margin: 20px 15px;
|
1069 | border-bottom: 1px solid #E4EBF0;
|
1070 | position: relative;
|
1071 | }
|
1072 |
|
1073 | .search-icon-box .form-input:after {
|
1074 | display: block;
|
1075 | position: absolute;
|
1076 | content: "";
|
1077 | left: 50%;
|
1078 | top: 26px;
|
1079 | width: 0;
|
1080 | height: 2px;
|
1081 | background-color: #1b85d6;
|
1082 | -webkit-transition: left cubic-bezier(0.66, 1.65, 0.23, 0.87) 0.15s, width cubic-bezier(0.66, 1.65, 0.23, 0.87) 0.15s;
|
1083 | -moz-transition: left cubic-bezier(0.66, 1.65, 0.23, 0.87) 0.15s, width cubic-bezier(0.66, 1.65, 0.23, 0.87) 0.15s;
|
1084 | -ms-transition: left cubic-bezier(0.66, 1.65, 0.23, 0.87) 0.15s, width cubic-bezier(0.66, 1.65, 0.23, 0.87) 0.15s;
|
1085 | -o-transition: left cubic-bezier(0.66, 1.65, 0.23, 0.87) 0.15s, width cubic-bezier(0.66, 1.65, 0.23, 0.87) 0.15s;
|
1086 | transition: left cubic-bezier(0.66, 1.65, 0.23, 0.87) 0.15s, width cubic-bezier(0.66, 1.65, 0.23, 0.87) 0.15s;
|
1087 | }
|
1088 |
|
1089 | .search-icon-box .form-input input {
|
1090 | display: block;
|
1091 | width: 100%;
|
1092 | height: 20px;
|
1093 | margin: auto;
|
1094 | line-height: 20px;
|
1095 | border: none;
|
1096 | outline: none;
|
1097 | font-size: 14px;
|
1098 | color: #36434D;
|
1099 | font-family: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STHeitiSC, sans-serif;
|
1100 | }
|
1101 |
|
1102 | .search-icon-box .form-input-active:after {
|
1103 | width: 100%;
|
1104 | left: 0;
|
1105 | -webkit-transition: left cubic-bezier(0.66, 1.65, 0.23, 0.87) 0.35s, width cubic-bezier(0.66, 1.65, 0.23, 0.87) 0.35s;
|
1106 | -moz-transition: left cubic-bezier(0.66, 1.65, 0.23, 0.87) 0.35s, width cubic-bezier(0.66, 1.65, 0.23, 0.87) 0.35s;
|
1107 | -ms-transition: left cubic-bezier(0.66, 1.65, 0.23, 0.87) 0.35s, width cubic-bezier(0.66, 1.65, 0.23, 0.87) 0.35s;
|
1108 | -o-transition: left cubic-bezier(0.66, 1.65, 0.23, 0.87) 0.35s, width cubic-bezier(0.66, 1.65, 0.23, 0.87) 0.35s;
|
1109 | transition: left cubic-bezier(0.66, 1.65, 0.23, 0.87) 0.35s, width cubic-bezier(0.66, 1.65, 0.23, 0.87) 0.35s;
|
1110 | }
|
1111 |
|
1112 |
|
1113 | .skin-icon-box .color-title {
|
1114 | font-size: 12px;
|
1115 | color: #36434D;
|
1116 | margin: 15px;
|
1117 | }
|
1118 |
|
1119 | .skin-icon-box .color-range {
|
1120 | display: block;
|
1121 | width: 310px;
|
1122 | margin: 20px auto;
|
1123 | -webkit-appearance: none;
|
1124 | -moz-appearance: none;
|
1125 | -ms-appearance: none;
|
1126 | appearance: none;
|
1127 | border-radius: 3px !important;
|
1128 | border: none;
|
1129 | outline: none;
|
1130 | }
|
1131 |
|
1132 | .skin-icon-box input[type=range]::-webkit-slider-runnable-track {
|
1133 | width: 300px;
|
1134 | height: 20px;
|
1135 | background: #ddd;
|
1136 | border: none;
|
1137 | border-radius: 3px;
|
1138 | background: -webkit-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet);
|
1139 | background: -o-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet);
|
1140 | background: -moz-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet);
|
1141 | background: linear-gradient(to rightright, red, orange, yellow, green, blue, indigo, violet);
|
1142 | }
|
1143 |
|
1144 | .skin-icon-box input[type=range]::-webkit-slider-thumb {
|
1145 | -webkit-appearance: none;
|
1146 | -moz-appearance: none;
|
1147 | -ms-appearance: none;
|
1148 | appearance: none;
|
1149 | border: none;
|
1150 | height: 20px;
|
1151 | width: 8px;
|
1152 | background: #fff;
|
1153 | box-shadow: 2px 0px 3px rgba(0, 0, 0, 0.2);
|
1154 | border-radius: 3px;
|
1155 | }
|
1156 |
|
1157 | .skin-icon-box .selector-btn {
|
1158 | margin-top: 15px;
|
1159 | }
|
1160 |
|
1161 | .skin-icon-box .check-default {
|
1162 | float: left;
|
1163 | margin-top: 10px;
|
1164 | }
|
1165 |
|
1166 | .skin-icon-box .check-box {
|
1167 | float: left;
|
1168 | position: relative;
|
1169 | margin-left: 15px;
|
1170 | }
|
1171 |
|
1172 | .skin-icon-box .check-box span {
|
1173 | display: block;
|
1174 | position: absolute;
|
1175 | left: 0px;
|
1176 | height: 0px;
|
1177 | width: 18px;
|
1178 | height: 18px;
|
1179 | cursor: pointer;
|
1180 | background-image: url(//xfile.beisen.com/ux/p-italent-framework/release/app/images/components/iTalent-header/icons.png);
|
1181 | }
|
1182 |
|
1183 | .skin-icon-box .check-box .un-check {
|
1184 | background-position: -180px -108px;
|
1185 | }
|
1186 |
|
1187 | .skin-icon-box .check-box .in-check {
|
1188 | background-position: -216px -108px;
|
1189 | }
|
1190 |
|
1191 | .skin-icon-box .check-go .un-check {
|
1192 | filter: alpha(opacity=0);
|
1193 | opacity: 0;
|
1194 | }
|
1195 |
|
1196 | .skin-icon-box .check-go .in-check {
|
1197 | filter: alpha(opacity=1000);
|
1198 | opacity: 1;
|
1199 | -webkit-animation: dftToCheck 0.2s cubic-bezier(0.66, 1.65, 0.23, 0.87) forwards;
|
1200 | -moz-animation: dftToCheck 0.2s cubic-bezier(0.66, 1.65, 0.23, 0.87) forwards;
|
1201 | -ms-animation: dftToCheck 0.2s cubic-bezier(0.66, 1.65, 0.23, 0.87) forwards;
|
1202 | -o-animation: dftToCheck 0.2s cubic-bezier(0.66, 1.65, 0.23, 0.87) forwards;
|
1203 | animation: dftToCheck 0.2s cubic-bezier(0.66, 1.65, 0.23, 0.87) forwards;
|
1204 | }
|
1205 |
|
1206 | .skin-icon-box .check-back .un-check {
|
1207 | filter: alpha(opacity=1000);
|
1208 | opacity: 1;
|
1209 | -webkit-animation: checkToDft 0.2s cubic-bezier(0.66, 1.65, 0.23, 0.87) forwards;
|
1210 | -moz-animation: checkToDft 0.2s cubic-bezier(0.66, 1.65, 0.23, 0.87) forwards;
|
1211 | -ms-animation: checkToDft 0.2s cubic-bezier(0.66, 1.65, 0.23, 0.87) forwards;
|
1212 | -o-animation: checkToDft 0.2s cubic-bezier(0.66, 1.65, 0.23, 0.87) forwards;
|
1213 | animation: checkToDft 0.2s cubic-bezier(0.66, 1.65, 0.23, 0.87) forwards;
|
1214 | }
|
1215 |
|
1216 | .skin-icon-box .check-back .in-check {
|
1217 | filter: alpha(opacity=0);
|
1218 | opacity: 0;
|
1219 | }
|
1220 |
|
1221 | .skin-icon-box .text {
|
1222 | text-indent: 40px;
|
1223 | display: block;
|
1224 | font-size: 12px;
|
1225 | color: #66757F;
|
1226 | line-height: 20px;
|
1227 | cursor: pointer;
|
1228 | }
|
1229 |
|
1230 | .skin-icon-box .comfirm-btn-style {
|
1231 | display: block;
|
1232 | width: 70px;
|
1233 | height: 34px;
|
1234 | border-radius: 2px;
|
1235 | background-color: #1587d8;
|
1236 | float: right;
|
1237 | color: #ffffff;
|
1238 | text-align: center;
|
1239 | line-height: 34px;
|
1240 | margin: 0 15px 15px 0;
|
1241 | cursor: pointer;
|
1242 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.18);
|
1243 | -webkit-transition: box-shadow 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
|
1244 | -moz-transition: box-shadow 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
|
1245 | -ms-transition: box-shadow 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
|
1246 | -o-transition: box-shadow 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
|
1247 | transition: box-shadow 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
|
1248 | }
|
1249 |
|
1250 | .skin-icon-box .comfirm-btn-style:hover {
|
1251 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.26);
|
1252 | -webkit-transition: box-shadow 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
|
1253 | -moz-transition: box-shadow 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
|
1254 | -ms-transition: box-shadow 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
|
1255 | -o-transition: box-shadow 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
|
1256 | transition: box-shadow 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
|
1257 | }
|
1258 |
|
1259 | .skin-icon-box .list-wrapper-open {
|
1260 | width: 340px;
|
1261 | max-height: 140px;
|
1262 | }
|
1263 |
|
1264 |
|
1265 | .message-icon-box .message-list {
|
1266 | max-height: 410px;
|
1267 | overflow-y: auto;
|
1268 | overflow-x: hidden;
|
1269 | }
|
1270 |
|
1271 | .message-icon-box .message-item-a {
|
1272 | display: block;
|
1273 | height: 30px;
|
1274 | width: 310px;
|
1275 | padding: 10px 15px;
|
1276 | border-bottom: 1px solid #E4EBF0;
|
1277 | background-color: #ffffff;
|
1278 | -webkit-transition: background-color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
|
1279 | -moz-transition: background-color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
|
1280 | -ms-transition: background-color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
|
1281 | -o-transition: background-color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
|
1282 | transition: background-color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
|
1283 | }
|
1284 |
|
1285 | .message-icon-box .message-item-a span {
|
1286 | display: block;
|
1287 | float: left;
|
1288 | line-height: 30px;
|
1289 | }
|
1290 |
|
1291 | .message-icon-box .message-item-a .icon-box {
|
1292 | text-align: center;
|
1293 | width: 30px;
|
1294 | height: 30px;
|
1295 | border-radius: 30px;
|
1296 | color: #fff;
|
1297 | background: #96bf65;
|
1298 | }
|
1299 |
|
1300 | .message-icon-box .message-item-a .content {
|
1301 | font-size: 14px;
|
1302 | margin-left: 5px;
|
1303 | color: #36434D;
|
1304 | font-family: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STHeitiSC, sans-serif;
|
1305 | -webkit-transition: color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
|
1306 | -moz-transition: color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
|
1307 | -ms-transition: color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
|
1308 | -o-transition: color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
|
1309 | transition: color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
|
1310 | }
|
1311 |
|
1312 | .message-icon-box .message-item-a .num {
|
1313 | font-size: 20px;
|
1314 | color: #005999;
|
1315 | margin-left: 10px;
|
1316 | }
|
1317 |
|
1318 | .message-icon-box .message-item-a .date {
|
1319 | font-size: 12px;
|
1320 | color: #ACB7BF;
|
1321 | float: right;
|
1322 | }
|
1323 |
|
1324 | .message-icon-box .message-item-a:hover {
|
1325 | background-color: #F5F8FA;
|
1326 | -webkit-transition: background-color 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
|
1327 | -moz-transition: background-color 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
|
1328 | -ms-transition: background-color 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
|
1329 | -o-transition: background-color 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
|
1330 | transition: background-color 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
|
1331 | }
|
1332 |
|
1333 | .message-icon-box .message-item-a:hover .content {
|
1334 | color: #005999;
|
1335 | -webkit-transition: color 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
|
1336 | -moz-transition: color 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
|
1337 | -ms-transition: color 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
|
1338 | -o-transition: color 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
|
1339 | transition: color 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
|
1340 | }
|
1341 |
|
1342 | .message-icon-box .list-wrapper-open {
|
1343 | width: 340px;
|
1344 | max-height: 512px;
|
1345 | }
|
1346 |
|
1347 |
|
1348 | .todos-icon-box .message-list {
|
1349 | max-height: 495px;
|
1350 | overflow-y: auto;
|
1351 | overflow-x: hidden;
|
1352 | }
|
1353 |
|
1354 | .todos-icon-box .message-item-a {
|
1355 | padding: 10px 15px;
|
1356 | display: block;
|
1357 | width: 310px;
|
1358 | max-height: 70px;
|
1359 | overflow: hidden;
|
1360 | border-bottom: 1px solid #E4EBF0;
|
1361 | }
|
1362 |
|
1363 | .todos-icon-box .user-pic {
|
1364 | width: 50px;
|
1365 | height: 50px;
|
1366 | line-height: 50px;
|
1367 | float: left;
|
1368 | border-radius: 50px;
|
1369 | text-align: center;
|
1370 | font-size: 18px;
|
1371 | color: #fff;
|
1372 | overflow: hidden;
|
1373 | }
|
1374 |
|
1375 | .todos-icon-box .user-pic img {
|
1376 | width: 50px;
|
1377 | height: 50px;
|
1378 | }
|
1379 |
|
1380 | .todos-icon-box .item-detail {
|
1381 | width: 250px;
|
1382 | margin-left: 10px;
|
1383 | float: left;
|
1384 | }
|
1385 |
|
1386 | .todos-icon-box .detail-head {
|
1387 | margin-top: 5px;
|
1388 | position: relative;
|
1389 | display: -webkit-box;
|
1390 |
|
1391 | display: -moz-box;
|
1392 |
|
1393 | display: -webkit-flex;
|
1394 |
|
1395 | display: -moz-flex;
|
1396 |
|
1397 | display: -ms-flexbox;
|
1398 |
|
1399 | display: flex;
|
1400 |
|
1401 | flex-wrap: wrap;
|
1402 | }
|
1403 |
|
1404 | .todos-icon-box .detail-head span {
|
1405 | display: block;
|
1406 | float: left;
|
1407 | line-height: 20px;
|
1408 | font-size: 12px;
|
1409 | }
|
1410 |
|
1411 | .todos-icon-box .detail-head .user-name {
|
1412 | color: #3e4e59;
|
1413 | font-weight: bold;
|
1414 | max-width: 80px;
|
1415 | white-space: nowrap;
|
1416 | text-overflow: ellipsis;
|
1417 | overflow: hidden;
|
1418 | margin-right: 10px;
|
1419 | }
|
1420 |
|
1421 | .todos-icon-box .detail-head .user-opr {
|
1422 | color: #3e4e59;
|
1423 | max-width: 100px;
|
1424 | overflow: hidden;
|
1425 | text-overflow: ellipsis;
|
1426 | white-space: nowrap;
|
1427 | }
|
1428 |
|
1429 | .todos-icon-box .detail-head .date {
|
1430 | color: #ACB7BF;
|
1431 | flex-grow: 1;
|
1432 | text-align: right;
|
1433 | }
|
1434 |
|
1435 | .todos-icon-box .detail-content {
|
1436 | font-size: 12px;
|
1437 | line-height: 20px;
|
1438 | color: #005999;
|
1439 | margin-top: 4px;
|
1440 | max-height: 40px;
|
1441 | overflow: hidden;
|
1442 | white-space: nowrap;
|
1443 | text-overflow: ellipsis;
|
1444 | }
|
1445 |
|
1446 | .todos-icon-box .message-item:hover {
|
1447 | background-color: #F5F8FA;
|
1448 | -webkit-transition: background-color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
|
1449 | -moz-transition: background-color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
|
1450 | -ms-transition: background-color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
|
1451 | -o-transition: background-color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
|
1452 | transition: background-color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
|
1453 | }
|
1454 |
|
1455 | .todos-icon-box .message-item:hover .user-name,
|
1456 | .todos-icon-box .message-item:hover .user-opr {
|
1457 | color: #005999;
|
1458 | -webkit-transition: color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
|
1459 | -moz-transition: color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
|
1460 | -ms-transition: color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
|
1461 | -o-transition: color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
|
1462 | transition: color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
|
1463 | }
|
1464 |
|
1465 | .todos-icon-box .list-wrapper-open {
|
1466 | width: 340px;
|
1467 | max-height: 450px;
|
1468 | }
|
1469 |
|
1470 | .todos-icon-box .list-wrapper .view-ignore-all {
|
1471 | position: relative;
|
1472 | }
|
1473 |
|
1474 | .todos-icon-box .list-wrapper .view-ignore-all .btn-tips-child {
|
1475 | display: none;
|
1476 | height: 30px;
|
1477 | background: #3e4e59;
|
1478 | font-size: 12px;
|
1479 | color: #ffffff;
|
1480 | line-height: 30px;
|
1481 | border-radius: 2px;
|
1482 | position: absolute;
|
1483 | z-index: 1200;
|
1484 | top: -26px;
|
1485 | transform: translateX(-50%);
|
1486 | white-space: nowrap;
|
1487 | padding: 0 10px;
|
1488 | }
|
1489 |
|
1490 | .todos-icon-box .list-wrapper .view-ignore-all .btn-tips-child .entry-trangle-top {
|
1491 | top: 29px;
|
1492 | right: 92px;
|
1493 | width: 0px;
|
1494 | height: 0px;
|
1495 | position: absolute;
|
1496 | border-left: 5px solid transparent;
|
1497 | border-right: 5px solid transparent;
|
1498 | border-top: 5px solid #3e4e59;
|
1499 | }
|
1500 |
|
1501 | .todos-icon-box .list-wrapper .view-ignore-all .btn-tips-child-english {
|
1502 | height: 40px;
|
1503 | background: #3e4e59;
|
1504 | font-size: 12px;
|
1505 | color: #fff;
|
1506 | line-height: 30px;
|
1507 | border-radius: 2px;
|
1508 | position: absolute;
|
1509 | z-index: 1200;
|
1510 | top: -54px;
|
1511 | transform: translateX(-65%);
|
1512 | white-space: initial;
|
1513 | padding: 8px 10px;
|
1514 | width: 308px;
|
1515 | line-height: 20px;
|
1516 | }
|
1517 |
|
1518 | .todos-icon-box .list-wrapper .view-ignore-all .btn-tips-child-english .entry-trangle-top {
|
1519 | top: 56px;
|
1520 | right: 86px;
|
1521 | width: 0px;
|
1522 | height: 0px;
|
1523 | position: absolute;
|
1524 | border-left: 5px solid transparent;
|
1525 | border-right: 5px solid transparent;
|
1526 | border-top: 5px solid #3e4e59;
|
1527 | }
|
1528 |
|
1529 | .todos-icon-box .list-wrapper .view-ignore-all:hover .btn-tips-child, .todos-icon-box .list-wrapper .view-ignore-all:hover .btn-tips-child-english {
|
1530 | display: block;
|
1531 | }
|
1532 |
|
1533 |
|
1534 |
|
1535 | .user-info-region {
|
1536 | position: relative;
|
1537 | float: right;
|
1538 | margin-right: 20px;
|
1539 | margin-left: 15px;
|
1540 | margin: 7px 20px 0 15px;
|
1541 | }
|
1542 |
|
1543 | .user-info-region .user-info {
|
1544 | float: right;
|
1545 | position: relative;
|
1546 | cursor: pointer;
|
1547 | }
|
1548 |
|
1549 | .user-info-region .user-info .user-photo {
|
1550 | display: block;
|
1551 | width: 30px;
|
1552 | height: 30px;
|
1553 | float: left;
|
1554 | border-radius: 50% !important;
|
1555 | overflow: hidden;
|
1556 | }
|
1557 |
|
1558 | .user-info-region .user-info .user-photo img {
|
1559 | display: block;
|
1560 | width: 30px;
|
1561 | height: 30px;
|
1562 | }
|
1563 |
|
1564 | .user-info-region .user-info .name-pic {
|
1565 | display: block;
|
1566 | float: left;
|
1567 | width: 30px;
|
1568 | height: 30px;
|
1569 | line-height: 30px;
|
1570 | border-radius: 30px;
|
1571 | text-align: center;
|
1572 | color: #fff;
|
1573 | font-size: 14px;
|
1574 | }
|
1575 |
|
1576 | .user-info-region .user-info .user-name {
|
1577 | display: block;
|
1578 | float: right;
|
1579 | height: 30px;
|
1580 | font-size: 14px;
|
1581 | color: #005999;
|
1582 | line-height: 30px;
|
1583 | margin-left: 10px;
|
1584 | padding-right: 20px;
|
1585 | position: relative;
|
1586 | width: auto;
|
1587 | width: 45px\9;
|
1588 | max-width: 100px;
|
1589 | overflow: hidden;
|
1590 | white-space: nowrap;
|
1591 | text-overflow: ellipsis;
|
1592 | }
|
1593 |
|
1594 | .user-info-region .user-info .user-name:after {
|
1595 | display: block;
|
1596 | content: "";
|
1597 | position: absolute;
|
1598 | width: 0;
|
1599 | height: 0;
|
1600 | top: 13px;
|
1601 | right: 5px;
|
1602 | border-top: 6px solid transparent;
|
1603 | border-left: 4px solid transparent;
|
1604 | border-right: 4px solid transparent;
|
1605 | border-top-color: #005999;
|
1606 | }
|
1607 |
|
1608 | .user-info-region .dp-down-list {
|
1609 | position: relative;
|
1610 | right: -10px;
|
1611 | top: 35px;
|
1612 | }
|
1613 |
|
1614 | .user-info-region .list-ul-box {
|
1615 | border-radius: 2px !important;
|
1616 | position: absolute;
|
1617 | right: 0;
|
1618 | top: 0;
|
1619 | }
|
1620 |
|
1621 | .user-info-region .list-ul-box a {
|
1622 | color: #36434D;
|
1623 | display: block;
|
1624 | width: 140px;
|
1625 | height: 32px;
|
1626 | line-height: 32px;
|
1627 | white-space: nowrap;
|
1628 | text-align: left;
|
1629 | font-size: 12px;
|
1630 | padding: 0 15px;
|
1631 | overflow: hidden;
|
1632 | }
|
1633 |
|
1634 | .user-info-region .list-ul-box a:hover {
|
1635 | background: #F5F8FA;
|
1636 | }
|
1637 |
|
1638 | .user-info-region .dp-list-front {
|
1639 | border: 0 !important;
|
1640 | box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.08);
|
1641 | z-index: 999 !important;
|
1642 | background-color: #fff;
|
1643 | opacity: 0;
|
1644 | -webkit-transform-origin: 0 0;
|
1645 | -ms-transform-origin: 0 0;
|
1646 | -moz-transform-origin: 0 0;
|
1647 | -o-transform-origin: 0 0;
|
1648 | transform-origin: 0 0;
|
1649 | -webkit-transform: scaleY(0);
|
1650 | -moz-transform: scaleY(0);
|
1651 | -ms-transform: scaleY(0);
|
1652 | -o-transform: scaleY(0);
|
1653 | transform: scaleY(0);
|
1654 | -webkit-transition: all 0.15s linear;
|
1655 | -moz-transition: all 0.15s linear;
|
1656 | -o-transition: all 0.15s linear;
|
1657 | -ms-transition: all 0.15s linear;
|
1658 | transition: all 0.15s linear;
|
1659 | display: none \9;
|
1660 | }
|
1661 |
|
1662 | .user-info-region .dp-list-front li a {
|
1663 | width: 140px;
|
1664 | height: 32px;
|
1665 | }
|
1666 |
|
1667 | .user-info-region .dp-list-shadow {
|
1668 | z-index: 998 !important;
|
1669 | background-color: transparent !important;
|
1670 | display: none;
|
1671 | }
|
1672 |
|
1673 | .user-info-region .dp-list-shadow li a {
|
1674 | color: transparent;
|
1675 | background-color: transparent !important;
|
1676 | }
|
1677 |
|
1678 | .user-info-region .dp-list-shadow .li-scale a {
|
1679 | color: #36434D;
|
1680 | -webkit-transform-origin: 20% center;
|
1681 | -moz-transform-origin: 20% center;
|
1682 | -ms-transform-origin: 20% center;
|
1683 | transform-origin: 20% center;
|
1684 | -webkit-animation: fontScale 0.3s linear forwards;
|
1685 | -moz-animation: fontScale 0.3s linear forwards;
|
1686 | -ms-animation: fontScale 0.3s linear forwards;
|
1687 | -o-animation: fontScale 0.3s linear forwards;
|
1688 | animation: fontScale 0.3s linear forwards;
|
1689 | }
|
1690 |
|
1691 | .user-info-region .dp-down-active .dp-list-front {
|
1692 | -webkit-transition: all 0.15s linear;
|
1693 | -moz-transition: all 0.15s linear;
|
1694 | -o-transition: all 0.15s linear;
|
1695 | -ms-transition: all 0.15s linear;
|
1696 | transition: all 0.15s linear;
|
1697 | opacity: 1;
|
1698 | -webkit-transform-origin: 0 0;
|
1699 | -moz-transform-origin: 0 0;
|
1700 | -ms-transform-origin: 0 0;
|
1701 | -o-transform-origin: 0 0;
|
1702 | transform-origin: 0 0;
|
1703 | -webkit-transform: scaleY(1);
|
1704 | -moz-transform: scaleY(1);
|
1705 | -ms-transform: scaleY(1);
|
1706 | -o-transform: scaleY(1);
|
1707 | transform: scaleY(1);
|
1708 | display: block\9;
|
1709 | }
|
1710 |
|
1711 |
|
1712 | .iTalent-header .company-icon {
|
1713 | line-height: 40px;
|
1714 | font-size: 0;
|
1715 | margin-left: 24px;
|
1716 | min-width: 200px;
|
1717 | }
|
1718 |
|
1719 | .iTalent-header .company-icon img {
|
1720 | max-height: 20px;
|
1721 | vertical-align: middle;
|
1722 | padding: 0;
|
1723 | margin: 0;
|
1724 | border: 0;
|
1725 | }
|
1726 |
|
1727 | .iTalent-header .company-name {
|
1728 | display: inline-block;
|
1729 | vertical-align: middle;
|
1730 | margin-left: 8px;
|
1731 | line-height: 40px;
|
1732 | color: #565e66;
|
1733 | font-size: 14px;
|
1734 | max-width: 160px;
|
1735 | overflow: hidden;
|
1736 | white-space: nowrap;
|
1737 | text-overflow: ellipsis;
|
1738 | -o-text-overflow: ellipsis;
|
1739 | overflow: hidden;
|
1740 | }
|
1741 |
|
1742 |
|
1743 | .settings-box .list-wrapper {
|
1744 | width: 170px;
|
1745 | border-radius: 5px;
|
1746 | }
|
1747 |
|
1748 | .settings-box .message-item {
|
1749 | font-size: 12px;
|
1750 | line-height: 26px;
|
1751 | }
|
1752 |
|
1753 | .settings-box .message-item .message-item-a {
|
1754 | display: block;
|
1755 | color: #0a1319;
|
1756 | padding-left: 17px;
|
1757 | }
|
1758 |
|
1759 | .settings-box .message-item:hover {
|
1760 | background: #f5f8fa;
|
1761 | }
|
1762 |
|
1763 | .settings-box .message-item .content {
|
1764 | padding-left: 7px;
|
1765 | }
|
1766 |
|
1767 | .settings-box .message-item .settings-icon {
|
1768 | font-size: 14px;
|
1769 | }
|
1770 |
|
1771 |
|
1772 | .lang-region {
|
1773 | float: right;
|
1774 | height: inherit;
|
1775 | }
|
1776 |
|
1777 | .lang-region-box {
|
1778 | border-left: 1px solid #e4ebf0;
|
1779 | color: #4ab1b1;
|
1780 | text-align: center;
|
1781 | width: 50px;
|
1782 | cursor: pointer;
|
1783 | line-height: 40px;
|
1784 | height: 40px;
|
1785 | display: block;
|
1786 | position: relative;
|
1787 | }
|
1788 |
|
1789 | .lang-region-box-select {
|
1790 | background-color: #f5f8fa;
|
1791 | }
|
1792 |
|
1793 | .lang-region-box:hover .i18n_item {
|
1794 | color: #005999;
|
1795 | }
|
1796 |
|
1797 | .lang-region-box .i18n_item {
|
1798 | color: #66757F;
|
1799 | font-size: 18px;
|
1800 | }
|
1801 |
|
1802 | .lang-region-box > span {
|
1803 | display: inline-block;
|
1804 | width: 18px;
|
1805 | height: 18px;
|
1806 | position: absolute;
|
1807 | top: 50%;
|
1808 | margin-top: -9px;
|
1809 | color: #66757F;
|
1810 | right: 15px;
|
1811 | }
|
1812 |
|
1813 | .lang-region-box .btn-tips {
|
1814 | display: none;
|
1815 | padding: 0 10px;
|
1816 | left: 50%;
|
1817 | transform: translateX(-50%);
|
1818 | white-space: nowrap;
|
1819 | height: 30px;
|
1820 | background: #3e4e59;
|
1821 | font-size: 12px;
|
1822 | color: #ffffff;
|
1823 | line-height: 30px;
|
1824 | border-radius: 2px;
|
1825 | position: absolute;
|
1826 | z-index: 1200;
|
1827 | top: 40px;
|
1828 | }
|
1829 |
|
1830 | .lang-region-box .btn-tips .entry-trangle-top {
|
1831 | top: -5px;
|
1832 | left: 50%;
|
1833 | transform: translateX(-50%);
|
1834 | width: 0px;
|
1835 | height: 0px;
|
1836 | position: absolute;
|
1837 | border-left: 5px solid transparent;
|
1838 | border-right: 5px solid transparent;
|
1839 | border-bottom: 5px solid #3e4e59;
|
1840 | }
|
1841 |
|
1842 | .lang-region-box:hover {
|
1843 | -webkit-transition: background-color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
|
1844 | -moz-transition: background-color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
|
1845 | -ms-transition: background-color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
|
1846 | -o-transition: background-color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
|
1847 | transition: background-color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
|
1848 | }
|
1849 |
|
1850 | .lang-region-box:hover .common-link {
|
1851 | color: #004170;
|
1852 | -webkit-transition: color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
|
1853 | -moz-transition: color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
|
1854 | -ms-transition: color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
|
1855 | -o-transition: color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
|
1856 | transition: color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
|
1857 | }
|
1858 |
|
1859 | .lang-region-box:hover .btn-tips {
|
1860 | display: block;
|
1861 | }
|
1862 |
|
1863 | .lang-region-box:hover .opr-btns-select .btn-tips {
|
1864 | display: none;
|
1865 | }
|
1866 |
|
1867 | .lang-region .dp-down-list {
|
1868 | position: absolute;
|
1869 | right: 0px;
|
1870 | top: 40px;
|
1871 | }
|
1872 |
|
1873 | .lang-region .list-ul-box {
|
1874 | border-radius: 2px !important;
|
1875 | position: absolute;
|
1876 | right: 0;
|
1877 | top: 0;
|
1878 | }
|
1879 |
|
1880 | .lang-region .list-ul-box a {
|
1881 | color: #36434D;
|
1882 | display: block;
|
1883 | width: 140px;
|
1884 | height: 32px;
|
1885 | line-height: 32px;
|
1886 | white-space: nowrap;
|
1887 | text-align: left;
|
1888 | font-size: 12px;
|
1889 | padding: 0 15px;
|
1890 | overflow: hidden;
|
1891 | }
|
1892 |
|
1893 | .lang-region .list-ul-box a:hover {
|
1894 | background: #F5F8FA;
|
1895 | }
|
1896 |
|
1897 | .lang-region .dp-list-front {
|
1898 | border: 0 !important;
|
1899 | box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.08);
|
1900 | z-index: 999 !important;
|
1901 | background-color: #fff;
|
1902 | opacity: 0;
|
1903 | -webkit-transform-origin: 0 0;
|
1904 | -ms-transform-origin: 0 0;
|
1905 | -moz-transform-origin: 0 0;
|
1906 | -o-transform-origin: 0 0;
|
1907 | transform-origin: 0 0;
|
1908 | -webkit-transform: scaleY(0);
|
1909 | -moz-transform: scaleY(0);
|
1910 | -ms-transform: scaleY(0);
|
1911 | -o-transform: scaleY(0);
|
1912 | transform: scaleY(0);
|
1913 | -webkit-transition: all 0.15s linear;
|
1914 | -moz-transition: all 0.15s linear;
|
1915 | -o-transition: all 0.15s linear;
|
1916 | -ms-transition: all 0.15s linear;
|
1917 | transition: all 0.15s linear;
|
1918 | display: none \9;
|
1919 | }
|
1920 |
|
1921 | .lang-region .dp-list-front li a {
|
1922 | width: 140px;
|
1923 | height: 32px;
|
1924 | }
|
1925 |
|
1926 | .lang-region .dp-list-shadow {
|
1927 | z-index: 998 !important;
|
1928 | background-color: transparent !important;
|
1929 | display: none;
|
1930 | }
|
1931 |
|
1932 | .lang-region .dp-list-shadow li a {
|
1933 | color: transparent;
|
1934 | background-color: transparent !important;
|
1935 | }
|
1936 |
|
1937 | .lang-region .dp-list-shadow .li-scale a {
|
1938 | color: #36434D;
|
1939 | -webkit-transform-origin: 20% center;
|
1940 | -moz-transform-origin: 20% center;
|
1941 | -ms-transform-origin: 20% center;
|
1942 | transform-origin: 20% center;
|
1943 | -webkit-animation: fontScale 0.3s linear forwards;
|
1944 | -moz-animation: fontScale 0.3s linear forwards;
|
1945 | -ms-animation: fontScale 0.3s linear forwards;
|
1946 | -o-animation: fontScale 0.3s linear forwards;
|
1947 | animation: fontScale 0.3s linear forwards;
|
1948 | }
|
1949 |
|
1950 | .lang-region .dp-down-active .dp-list-front {
|
1951 | -webkit-transition: all 0.15s linear;
|
1952 | -moz-transition: all 0.15s linear;
|
1953 | -o-transition: all 0.15s linear;
|
1954 | -ms-transition: all 0.15s linear;
|
1955 | transition: all 0.15s linear;
|
1956 | opacity: 1;
|
1957 | -webkit-transform-origin: 0 0;
|
1958 | -moz-transform-origin: 0 0;
|
1959 | -ms-transform-origin: 0 0;
|
1960 | -o-transform-origin: 0 0;
|
1961 | transform-origin: 0 0;
|
1962 | -webkit-transform: scaleY(1);
|
1963 | -moz-transform: scaleY(1);
|
1964 | -ms-transform: scaleY(1);
|
1965 | -o-transform: scaleY(1);
|
1966 | transform: scaleY(1);
|
1967 | display: block\9;
|
1968 | }
|
1969 |
|
1970 |
|
1971 | .lang_region_en_US .btn-tips {
|
1972 | left: 10% !important;
|
1973 | }
|
1974 |
|
1975 | .lang_region_en_US .entry-trangle-top {
|
1976 | left: 72% !important;
|
1977 | }
|