global.css
57.6 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
@charset "utf-8";
/*
* 项目：外贸全球搜V5.0
* 页面：框架内嵌页面
*/
html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input,button, textarea, p, blockquote, th, td, hr{margin:0; padding:0;}
html,body{background-color:#eceff4;height:100%;}
body{color:#3b3b3b;font:12px/1.5 "微软雅黑","Microsoft YaHei",Arial,Tahoma,Verdana,Helvetica,sans-serif,STHeiti; -webkit-overflow-scrolling:touch;*height:100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary{display:block;}
audio, canvas, progress, video{display:inline-block; vertical-align:baseline;}
audio:not([controls]){display:none; height:0;}
[hidden], template{display:none;}
svg:not(:root){overflow:hidden;}
a{color:#3b3b3b;background:transparent; text-decoration:none; -webkit-tap-highlight-color:transparent;}
a:active{outline:0;}
a:hover{color:#4680fe;}
abbr[title]{border-bottom:1px dotted;}
b, strong{font-weight:bold;}
i{font-style:normal;}
dfn{font-style:italic;}
mark{background:#ff0; color:#000;}
small{font-size:80%;}
sub, sup{line-height:0; position:relative; vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
img{border:0;vertical-align:middle;max-width:100%;}
hr{box-sizing:content-box; height:0;}
pre{overflow:auto; white-space:pre; white-space:pre-wrap; word-wrap:break-word;}
code, kbd, pre, samp{font-family:monospace, monospace; font-size:1em;}
button, input, optgroup, select, textarea{color:inherit; font:inherit; margin:0;}
button{overflow:visible;}
button, select{text-transform:none;}
button, html input[type="button"], input[type="reset"], input[type="submit"]{-webkit-appearance:button; cursor:pointer;}
button[disabled], html input[disabled]{cursor:default;}
input{line-height:normal;}
input[type="checkbox"], input[type="radio"]{box-sizing:border-box; padding:0;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button{height:auto;}
input[type="search"]{-webkit-appearance:textfield; -webkit-box-sizing:border-box; box-sizing:border-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
fieldset{border:1px solid #c0c0c0; margin:0 2px; padding:0.35em 0.625em 0.75em;}
legend{border:0; padding:0;}
textarea{overflow:auto; resize:vertical;outline:0;}
optgroup{font-weight:bold;}
table{border-collapse:collapse; border-spacing:0;}
td, th{padding:0;}
ul, ol{list-style:none outside none;}
h1{font-size:18px;}
h2{font-size:16px;}
h3{ font-size:14px;}
::-webkit-input-placeholder{color:#999;}
::-moz-placeholder{color:#999;}
:-ms-input-placeholder{color:#999;}
input:-moz-placeholder{color:#999;}
html.ios,html.ios body{overflow-y:auto;-webkit-overflow-scrolling:touch;}
/* 清除浮动 */
.clearfix:after,
.sys-row:after{content:'';display:block;height:0;clear:both;visibility:hidden;}
/* transition */
a:hover{-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
/* ------------------------------ 公用属性------------------------------ */
/*外部容器*/
.wrapper{min-height:100vh;position:relative;left:0;}
.sys-page{background-color: #e9f0f8;padding: 25px;/*overflow: hidden;*/}
.disabled{display: none;}
/*栅格化*/
.sys-layer{margin: 0 auto;}
.sys-row{margin:0 -11px;}
.sys-col{float: left;}
.sys-col-inner{margin: 0 8px;}
.sys-col{float:left;}
.sys-col .col-inner{margin:0 11px 22px;}
.sys-col-12 {width:100%;}
.sys-col-11 {width:91.66666667%;}
.sys-col-10 {width:83.33333333%;}
.sys-col-9 {width:75%;}
.sys-col-8 {width:66.66666667%;}
.sys-col-7 {width:58.33333333%;}
.sys-col-6 {width:50%;}
.sys-col-5 {width:41.66666667%;}
.sys-col-4 {width:33.33333333%;}
.sys-col-3 {width:25%;}
.sys-col-2 {width:16.66666667%;}
.sys-col-1 {width:8.33333333%;}
/*响应式布局 -- 内容隐藏*/
@media screen and (min-width:1601px){
.xl-hide{display: none!important;}
.xl-show{display: block!important;}
}
@media screen and (max-width:1600px){
.ld-hide{display: none!important;}
.ld-show{display: block!important;}
}
@media screen and (max-width:1440px){
.md-hide{display: none!important;}
.md-show{display: block!important;}
}
@media screen and (max-width:1200px){
.sm-hide{display: none!important;}
.sm-show{display: block!important;}
}
@media screen and (max-width:991px){
.xs-hide{display: none!important;}
.xs-show{display: block!important;}
}
@media screen and (max-width:767px){
.mb-hide{display: none!important;}
.mb-show{display: block!important;}
}
@media screen and (min-width:992px) and (max-width:1200px){
.sm-hide-only{display: none!important;}
.sm-show-only{display: block!important;}
}
.mb-show-only{display: none;}
@media screen and (min-width:768px) and (max-width:991px){
.xs-hide-only{display: none!important;}
.xs-show-only{display: block!important;}
}
@media screen and (max-width:767px){
.mb-hide-only{display: none!important;}
.mb-show-only{display: block!important;}
}
/*FLEX*/
.flex-row{display:-webkit-box;display:-webkit-flex;display: -ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap:wrap;}
.d-flex{ display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.d-flex:after{content: '';display: block\9;height: 0;clear: both;visibility: hidden;}
.d-flex>*{display: block;}
.flex-wrap{-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap:wrap;}
.flex-row-reverse{-webkit-box-pack: end;-webkit-box-direction: reverse;-webkit-box-orient: horizontal;-moz-flex-direction: row-reverse;-webkit-flex-direction: row-reverse;flex-direction: row-reverse;}
.flex-col-reverse{-webkit-box-pack: end;-webkit-box-direction: reverse;-webkit-box-orient: vertical;-moz-flex-direction: column-reverse;-webkit-flex-direction: column-reverse;flex-direction: column-reverse;}
.flex-col{display: block;float: left\9;}
.flex-fl-left{float: right\9;}
.flex-fl-right{float: right\9;}
.flex-col-fill{width: 0;-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;width: auto\9;}
.flex-justify-between{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.flex-justify-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
.flex-justify-end{-webkit-box-pack: end;-ms-flex-pack: end;-webkit-justify-content: flex-end;justify-content: flex-end;}
.flex-align-start{-webkit-box-align: start;-ms-flex-align: start;-webkit-align-items: flex-start;align-items: flex-start;}
.flex-align-center{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.flex-align-end{-webkit-box-align: end;-ms-flex-align: end;-webkit-align-items: flex-end;align-items: flex-end;}
.flex-align-baseline{-webkit-box-align: baseline;-ms-flex-align: baseline;-webkit-align-items: baseline;align-items: baseline;}
.flex-order-1{-webkit-box-ordinal-group: 1;-moz-order: 1;-webkit-order: 1;order: 1;}
/*TABLE*/
.d-table{display: table;width: 100%;}
.tb-cell{display: table-cell;}
.d-table-middle .tb-cell{vertical-align: middle;}
/*字体*/
.brief-stats-item .brief-stats-num{font-family: 'AvantGardeITCbyBT-Book';}
/*字体大小*/
.f12{font-size:12px!important;}
.f14{font-size:14px!important;}
.f16{font-size:16px!important;}
.f18{font-size:17px!important;}
.f20{font-size:20px!important;}
.f24{font-size:24px!important;}
/*粗细*/
.fb{font-weight:bold!important;}
.fn{font-weight:normal!important;}
/*文字颜色*/
.color-primary{color:#188ae2!important;}
.color-danger{color:#e62129!important;}
.color-success{color:#23b53a!important;}
.color-info{color:#e09113!important;}
.color-grey{color:#999!important;}
.color-red{color:#f00!important;}
/*对齐*/
.txt-left{text-align:left!important;}
.txt-center{text-align:center!important;}
.txt-right{text-align:right!important;}
/*填充*/
.pad-0{padding: 0!important;}
.pad-left-0{padding-left:0!important;}
.pad-right-0{padding-right:0!important;}
.pad-top-0{padding-top:0!important;}
.pad-bottom-0{padding-bottom:0!important;}
/*下边距*/
.ml-2em{margin-left:2em!important;}
.mb-30{margin-bottom:30px!important;}
.mb-20{margin-bottom:20px!important;}
.mb-10{margin-bottom:10px!important;}
.mar-left-0{margin-left:0!important;}
.mar-right-0{margin-right:0!important;}
.mar-top-0{margin-top:0!important;}
.mar-bottom-0{margin-bottom:0!important;}
/*边框*/
.bd-left-0{border-left:0!important;}
.bd-right-0{border-right:0!important;}
.bd-top-0{border-top:0!important;}
.bd-bottom-0{border-bottom:0!important;}
/*按钮*/
.sys-btn{display: inline-block;border: 1px solid;padding: .43em 2em;text-align: center;outline: 0;border-radius: 3px;position: relative;-webkit-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.sys-btn:before{content: '';display: block;width:100%;height: 100%;position: absolute;left: 0;top: 0;z-index: -1;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.sys-btn:hover:before{background-color: rgba(0,0,0,.15);}
.sys-btn-primary{background-color: #2962ff;color:#fff!important;border-color: #2962ff;}
.sys-btn-default{background-color: #e2e6ea;color: #333!important;border-color: #e2e6ea;}
.sys-btn-purple{background-color: #7e29ff;color:#fff!important;border-color: #7e29ff;}
[class*="sys-btn-outline"]{background: none;}
[class*="sys-btn-outline"]:before{display: none;}
.sys-btn-outline-primary{color: #2962ff!important;border-color: #2962ff;}
.sys-btn-outline-default{color: #666!important;border-color: #aaa;}
.sys-btn-outline-purple{color: #7e29ff!important;border-color: #7e29ff;}
/*label*/
.sys-label{display: inline-block;border: 1px solid;padding: .1em.5em;line-height: 1.1em;text-align: center;outline: 0;border-radius: 3px;font-size: 12px;text-transform: uppercase;margin-left: 5px;}
.sys-label-primary{background-color: #188ae2;color:#fff!important;border-color: #188ae2;}
.sys-label-default{background-color: #e2e6ea;color: #333!important;border-color: #e2e6ea;}
/* ------------------------------ 公用模块 ------------------------------ */
/*card*/
.sys-card{background-color: #fff;box-shadow: 0 0 3px rgba(31,30,47,.05);border-radius: 3px;padding:20px 25px;}
.sys-card .card-head{line-height: 22px;margin-bottom: 25px;overflow: hidden;}
.sys-card .card-title{font-size: 14px;font-weight: normal;letter-spacing: 2px;white-space: nowrap;}
.sys-card .card-title,.sys-card .card-title a{color: #666;}
.sys-card .card-body,.sys-card .card-body a{color: #666;}
.sys-col .sys-card{margin:0 11px 22px;}
.sys-layer:last-of-type .sys-col:last-of-type .sys-card{margin-bottom: 0;}
@media screen and (max-width: 767px){
/* 外部容器 */
.sys-page{padding: 10px;overflow-y: scroll;height: 100vh;box-sizing: border-box;}
.ai-trade-panel .user-box{ text-align:center;}
/* sys-card */
.sys-card{padding: 15px 20px;}
.sys-card .card-head{margin-bottom: 15px;}
.sys-col .sys-card{margin-bottom: 10px;}
}
/*加载进度*/
.progress-bar {display: block;height: 9px;background-color: #eee;border-radius: 5px;overflow: hidden;box-shadow: 1px 1px 3px rgba(0,0,0,.1) inset;}
.progress-bar .progress-cur{display: block;height: 9px;background-color: #188ae2;border-radius: 5px;background-image: -webkit-linear-gradient(0deg, #285ff6, #50bbff);background-image: -ms-linear-gradient(0deg, #285ff6, #50bbff);background-image: linear-gradient(90deg, #285ff6, #50bbff);}
/*表格*/
.table-box{border: 1px solid #e5e5e5;font-size: 14px;}
.table-box table{width: 100%;border-spacing: 0;border-collapse: collapse;}
.table-box table th,.table-box table td{border: 0;padding: 10px 0 10px 20px;text-align: left;}
.table-box table th{font-weight: bold;}
.table-box tbody {color: #666;border-top: 1px solid #eee;}
.table-box tbody tr:nth-child(odd) td{background-color: #fafafa;}
.table-box tbody .cell-nowrap{white-space: nowrap;}
/*复选框*/
.check-box{-webkit-appearance:none;border: 1px solid #ccc;width: 14px;height: 14px;background-color: #fff;border-radius: 3px;background-repeat: no-repeat;background-position: center;-webkit-background-size: auto 50%;vertical-align: top;outline: 0;}
.check-box:checked{background-color: #4680fe;border-color: #4680fe;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAeCAMAAABpA6zvAAAAP1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////9Du/pqAAAAFHRSTlMAVarUKqSWj4mDoJw59+zi2E1ELjsDhNwAAAB3SURBVDjLrdQ5DsAwEALA2Lnvi/+/Ne6QsitjKaFDmoaGSieGqigtEAodpXAlcgIopdNw/tl1H9zdlLnlqI3sPbcDSUp3bakmqdy5Am85eHsjQOk7K3POytE4X1rnS8f5Mu8ohaMUjpJOSDoh6YSkE5JOSOn0IT3MyhjAyFWz8QAAAABJRU5ErkJggg==);background-size: auto 50%;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.ipt-addon-group{display: inline-block;border: 1px solid #e5e5e5;line-height: 1em;padding: 6px;border-radius: 3px;background-color: #ebedf0;}
/*分页*/
.sys-page-bar{padding: 20px 0;text-align: center;position: relative;}
.sys-page-bar .pager-list{letter-spacing: -6px;}
.sys-page-bar .pager-list li{display: inline;}
.sys-page-bar .pager-list .page-item{display: inline-block;color:#666;padding: 6px 12px;line-height: 1.35;border: 1px solid #ddd;background-color: #fff;margin-top: 3px;margin-bottom: 3px;margin-left: -1px;letter-spacing: normal;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.sys-page-bar .pager-list .page-disabled{cursor: not-allowed;color: #aaa;}
.sys-page-bar .pager-list a.page-item:not(.page-disabled):hover,
.sys-page-bar .pager-list .page-current{background-color: #f2f2f2;}
.sys-page-bar .pager-list .fa{vertical-align: top;}
.sys-page-bar .pager-list .fa-arrow-first:after{content: '\f100';}
.sys-page-bar .pager-list .fa-arrow-prev:after{content: '\f104';}
.sys-page-bar .pager-list .fa-arrow-next:after{content: '\f105';}
.sys-page-bar .pager-list .fa-arrow-last:after{content: '\f101';}
.sys-page-bar .pager-list .page-item:first-of-type{border-radius: 3px 0 0 3px;}
.sys-page-bar .pager-list .page-item:last-of-type{border-radius: 0 3px 3px 0;}
.sys-page-bar .page-tottal{padding-top: 15px;color: #999;}
.sys-page-bar .page-control {position: absolute;right: 20px;top: 20px;}
.sys-page-bar .page-select{height: 32px;padding: 6px 12px;border: 1px solid #ddd;outline: 0;}
/*弹窗*/
.sys-msg-pop{width: 100%;height: 100%;background-color: rgba(0,0,0,.6);position: fixed;left: 0;top: 0;z-index: 9;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-size: 13px;visibility: hidden;opacity: 0;filter: alpha(opacity=0);-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.sys-msg-pop .msg-pop-close{display: inline-block;width: 46px;height: 46px;border-radius: 50%;background-color: #999;background-position: center;background-repeat: no-repeat;-webkit-background-size: auto 40%;
background-size: auto 40%;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASBAMAAACk4JNkAAAAHlBMVEUAAAD///////////////////////////////////8kfJuVAAAACXRSTlMA0BCgn5AwwL9R4q07AAAAYUlEQVQI10XMMQ5AQBCF4WcF0bGdDrfQSVzAERzFEUi22dvK+7cwzUy+ZH79052s5laVuLZBYdol1e8sLckUJRAyQuBhAjPkx+x3WiNNt1Y3adEkTxMSSB7sY2k+aks+XB9itQ/vHwAo2gAAAABJRU5ErkJggg==);position: absolute;right: -23px;top: -23px;cursor: pointer;z-index: 2;}
.sys-msg-pop .msg-pop-close:hover{background-color: #1392e3;-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.sys-msg-pop .msg-pop-wrap{width: 600px;max-width: 90%;background-color: #fff;margin: 0 auto;position: relative;-webkit-transform: scale(.85) translateY(-15%);-ms-transform: scale(.85) translateY(-15%);-o-transform: scale(.85) translateY(-15%);transform: scale(.85) translateY(-15%);-webkit-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
.sys-msg-pop .msg-pop-body{padding:25px;}
.sys-msg-pop .msg-pop-foot{text-align: right;color: #aaa;padding: 0 25px 20px;}
.sys-msg-pop.pop-show {opacity: 1;filter: alpha(opacity=100);visibility: visible;}
.sys-msg-pop.pop-show .msg-pop-wrap{-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;}
@media screen and (max-width: 767px){.sys-msg-pop .msg-pop-close{width: 36px;height: 36px;right: -10px;top: -18px;}}
/*内容为空*/
.content-empty{padding: 50px;text-align: center;}
.content-empty .empty-tips-title{color: #aaa;font-size: 14px;}
/*SOCIAL*/
.social-icon{display: inline-block;width: 24px;height: 24px;line-height: 24px;text-align: center;background-color:#188ae2;border-radius: 50%;color: #fff!important;margin: 2px 0;}
.social-icon:hover{-webkit-animation:swing .6s ease;-o-animation:swing .6s ease;animation:swing .6s ease;}
.fa-twitter{background-color: #33ccfe;}
.fa-twitter:before{content: '\f099';}
.fa-linkedin{background-color: #0085ae;}
.fa-linkedin:before{content: '\f0e1';}
.fa-facebook{background-color:#3c599f;}
.fa-facebook:before{content: '\f09a';}
.fa-github{background-color: #070709;}
.fa-github:before{content: '\f09b';}
/* =============================================
PAGE: AI成交分析师
---------------------------------------------*/
.ai-trade-panel{color: #4e5a65;}
.ai-trade-panel{background-color: #fff;border-radius: 5px;box-shadow: 1px 1px 0 rgba(0,0,0,.01),3px 3px 5px rgba(0,0,0,.05);margin-bottom: 25px;}
.ai-trade-panel:last-of-type{margin-bottom: 0;}
.ai-trade-panel .panel-bd{padding: 15px;}
.ai-trade-panel .panel-row{}
.ai-trade-panel .panel-col{width: 27%;float: left;position: relative;}
.ai-trade-panel .panel-col+.panel-col:before{content: '';display: block;width: 1px;height: 80%;background-color: #e9efff;position: absolute;left: 0;top: 10%;}
.ai-trade-panel .panel-col-inner{padding: 15px 25px;}
.ai-trade-panel .panel-col-hd{margin-bottom: 15px;}
.ai-trade-panel .panel-col-hd,.ai-trade-panel .panel-col-hd a{color: #333;}
.ai-trade-panel .panel-col-hd .col-hd-ico{display: inline-block;width: 30px;height: 30px;background-repeat: no-repeat;-webkit-background-size: contain;background-size: contain;margin-right: 5px;vertical-align: middle;}
.ai-trade-panel .panel-col-hd .col-hd-title{display: inline;font-weight: normal;vertical-align: middle;}
.ai-trade-panel .panel-col-hd .col-hd-label{padding-left: 5px;font-size: 12px;}
.ai-trade-panel .panel-col-hd .hd-ico-user{background-image: url(../img/ai-hd-ico-user.png);}
.ai-trade-panel .panel-col-hd .hd-ico-browse{background-image: url(../img/ai-hd-ico-browse.png);}
.ai-trade-panel .panel-col-hd .en{font-family: Arial;font-style: normal;}
.ai-trade-panel .panel-col-bd{margin: 0 5px;}
/*用户简介*/
.ai-trade-panel .panel-col-intro{}
.ai-trade-panel .user-box,.ai-trade-panel .user-box a{color: inherit;}
.ai-trade-panel .user-box{text-align: center;padding-top: 7px;padding-bottom: 10px;margin-bottom: 10px;}
.ai-trade-panel .user-box p{margin-bottom: 10px;}
.ai-trade-panel .user-box p span{vertical-align: middle;}
.ai-trade-panel .user-box .tel{pointer-events:none;}
.ai-trade-panel .user-avatar,.ai-trade-panel .user-avatar img{display: inline-block;width: 100px;height: 100px;border-radius: 50%;}
.ai-trade-panel .user-avatar{position: relative;}
.ai-trade-panel .user-avatar li{width: 150%;position: absolute;padding-left: 40px;text-align: left;}
.ai-trade-panel .user-avatar li:before{content: '';display: inline-block;width: 30px;height: 1px;background-color: #e9efff;position: absolute;left: 0;top: 50%;margin-top: -0.5px;}
.ai-trade-panel .user-avatar li:after{content: '';display: inline-block;width: 5px;height: 5px;background-color: #4680fe;border-radius: 50%;position: absolute;left: 30px;top: 50%;margin-top: -2.5px;}
.ai-trade-panel .user-avatar li:nth-of-type(1){left: 85px;top: 5px;}
.ai-trade-panel .user-avatar li:nth-of-type(2){left: 100px;top: 28px;}
.ai-trade-panel .user-avatar li:nth-of-type(3){left: 100px;bottom: 28px;}
.ai-trade-panel .user-avatar li:nth-of-type(4){left: 85px;bottom: 5px;}
.ai-trade-panel .user-avatar .avatar-img{position: relative;z-index: 1;}
.ai-trade-panel .user-name{font-size: 16px;font-weight: bold;padding: 1em 0 .5em;}
.ai-trade-panel .ico-country{display: inline-block;width: 24px;height: 16px;background-repeat: no-repeat;background-position: center;-webkit-background-size: contain;background-size: contain;vertical-align: middle;margin-right:8px;}
.ai-trade-panel .user-intro {height: 60px;line-height: 2em;overflow: hidden;overflow: auto;}
.ai-trade-panel .user-intro .scroll-box-inner{width: 90%;}
/*用户画像*/
.ai-trade-panel .panel-col-info{}
.ai-trade-panel .panel-col-info .panel-col-hd{margin-bottom: 22px;}
.ai-trade-panel .info-box{height: 250px;position: relative;overflow: hidden;overflow-y: auto;}
.ai-trade-panel .info-item{max-width: 280px;padding: 10px 0;}
.ai-trade-panel .info-item dt{/*font-weight: bold;*/}
@font-face{
font-family:'FontAwesome_new';
src: url('../fonts/fontawesome_new/fontawesome-webfont.eot');
src: url('../fonts/fontawesome_new/fontawesome-webfont.eot') format('embedded-opentype'),
url('../fonts/fontawesome_new/fontawesome-webfont.woff2') format('woff2'),
url('../fonts/fontawesome_new/fontawesome-webfont.woff') format('woff'),
url('../fonts/fontawesome_new/fontawesome-webfont.ttf') format('truetype'),
url('../fonts/fontawesome_new/FontAwesome.otf') format('OpenType'),
url('../fonts/fontawesome_new/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;}
.fa{font-family:'FontAwesome_new' !important;}
.ai-trade-panel .info-item dt i{display: inline-block;background-repeat: no-repeat;background-position: 0 center;vertical-align: middle;margin-right:8px;}
.ai-trade-panel .info-item dt i:before{font-family:'FontAwesome_new'}
.ai-trade-panel .info-item dt i.item-ico-email:before{content: "\f003";/*background-image: url(../img/ai-ico-email.png);*/}
.ai-trade-panel .info-item dt i.item-ico-name:before{content: "\f0ac";/*background-image: url(../img/ai-ico-name.png);*/}
.ai-trade-panel .info-item dt i.item-ico-phone:before{content: "\f095";}
.ai-trade-panel .info-item dt i.item-ico-address:before{content: "\f041";}
.ai-trade-panel .info-item dt i.item-ico-job:before{content: "\f1fd";}
.ai-trade-panel .info-item dt h4{display: inline;vertical-align: middle;font-weight: bold;}
.ai-trade-panel .info-item dd{}
.ai-trade-panel .info-item:nth-of-type(1){padding-top: 0;}
.ai-trade-panel .info-item+.info-item{border-top: 1px solid #ebedf0;}
.ai-trade-panel .social-list{padding-top: 6px;}
.ai-trade-panel .social-item{display: inline-block;margin:5px 8px 5px 0;-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.ai-trade-panel .social-item:hover{-webkit-animation:swing .9s ease;-o-animation:swing .9s ease;animation:swing .9s ease;}
.ai-trade-panel .social-ico{display: inline-block;width: 28px;height: 28px;background-repeat: no-repeat;background-position: center; background-size:100% auto;}
.ai-trade-panel .social-ico-facebook{background-image: url(../img/social-facebook.png);}
.ai-trade-panel .social-ico-linkedin{background-image: url(../img/social-linkedin.png);}
.ai-trade-panel .social-ico-twitter{background-image: url(../img/social-twitter.png);}
.ai-trade-panel .social-ico-youtube{background-image: url(../img/social-youtube.png);}
.ai-trade-panel .social-ico-website{background-image: url(../img/social-website.png);}
/*用户浏览轨迹*/
.ai-trade-panel .panel-col-browse{}
.ai-trade-panel .browse-records {}
.ai-trade-panel .browse-records .records-hd,.ai-trade-panel .browse-records .records-hd a{color: #06c;}
.ai-trade-panel .browse-records .records-bd{height: 270px;position: relative;overflow: hidden;overflow-y: auto;}
.ai-trade-panel .records-bd,.ai-trade-panel .records-bd a{color: #999;}
.ai-trade-panel .records-item .records-target{ padding:0 0 0 10px;}
.ai-trade-panel .records-bd a:hover{color: #666;}
.ai-trade-panel .records-bd ul{width: 99%;overflow: hidden;}
.ai-trade-panel .records-item .records-time,.ai-trade-panel .records-item .records-target{height: 35px;line-height: 35px;overflow: hidden;float: left;}
.ai-trade-panel .records-item .records-time{width: 120px;}
.ai-trade-panel .records-item .records-target{display: block;white-space: nowrap;text-overflow:ellipsis;margin-left: 120px;float: none;}
/*成交分析*/
.ai-trade-panel .panel-col-score{width: 19%;text-align: center;padding-top: 15px;}
.ai-trade-panel .score-box{width: 148px;height: 148px;margin: 0 auto 8px;position: relative;}
.ai-trade-panel .score-num{width: 130px;height: 130px;line-height: 130px;text-align: center;background-color: #4680fe;border-radius: 50%;font-size: 60px;color: #fff;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
.ai-trade-panel .score-num,.ai-trade-panel .anm-crircle-1,.ai-trade-panel .anm-crircle-2{-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.anm-crircle-1,.anm-crircle-2,.anm-ball-beat{opacity: 0;filter: alpha(opacity=0);}
.anm-crircle-1,.anm-crircle-2{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;width: 148px;height: 148px;margin: 0 auto;background-repeat: no-repeat;background-position: center;}
.anm-crircle-1{background-image: url(../img/refresh-circle-1.png);}
.anm-crircle-2{background-image: url(../img/refresh-circle-2.png);opacity: .3;}
.anm-crircle-1{-webkit-animation: circle-1 3s linear infinite;animation: circle-1 3s linear infinite;}
.anm-crircle-2{-webkit-animation: circle-2 3s linear infinite;animation: circle-2 3s linear infinite;}
.anm-ball-beat {width: 100%;height: 10px;position:absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;line-height: 10px;}
.anm-ball-beat i {background-color: #fff;width: 10px;height: 10px;vertical-align: middle;border-radius: 100%;margin: 2px;-webkit-animation-fill-mode: both;animation-fill-mode: both;display: inline-block;-webkit-animation: ball-beat 1.2s 0s infinite linear;animation: ball-beat 1.2s 0s infinite linear; }
.anm-ball-beat i:nth-child(2n-1) {-webkit-animation-delay: .6s !important;animation-delay: .6s !important; }
@-webkit-keyframes circle-1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}}
@keyframes circle-1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}}
@-webkit-keyframes circle-2{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}}
@keyframes circle-2{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}}
@-webkit-keyframes ball-beat {50% {opacity: 0.2;-webkit-transform: scale(0.75);transform: scale(0.75);}100%{opacity: 1;-webkit-transform: scale(1);transform: scale(1); }}
@keyframes ball-beat {50% {opacity: 0.2;-webkit-transform: scale(0.75);transform: scale(0.75);}100%{opacity: 1;-webkit-transform: scale(1);transform: scale(1); }}
.refresh-active .score-num{width: 100px;height: 100px;line-height: 100px;font-size: 42px;color: rgba(255,255,255,.2);}
.refresh-active .score-value{opacity: 0;filter: alpha(opacity=0);}
.refresh-active .anm-crircle-1,.refresh-active .anm-crircle-2,.refresh-active .anm-ball-beat{opacity: 1;filter: alpha(opacity=100);}
.refresh-active .anm-crircle-2{opacity: .3;filter: alpha(opacity=30);}
.ai-trade-panel .score-name{font-size: 14px;margin-bottom: 35px;}
.ai-trade-panel .name-ico{display: inline-block;width: 25px;height: 25px;vertical-align: middle;background-repeat: no-repeat;background-position: center;background-image: url(../img/ai-ico-robot.png);-webkit-background-size: contain;background-size: contain;margin-right: 5px;}
.ai-trade-panel .name-txt{display: inline;vertical-align: middle;}
.ai-trade-panel .btn-refresh{display: inline-block;padding: .85em 1.2em;background-color: #5885e7;border: 0;outline: 0;cursor: pointer;color: #fff;border-radius: 4px;-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.ai-trade-panel .btn-refresh:hover{background-color: #3e6dd3;}
.ai-trade-panel .score-tips{max-width:300px;margin: 0 auto;padding: 33px 0 0;line-height: 2em;}
.refresh-active .btn-refresh,.refresh-active .btn-refresh:hover{cursor: default;color: rgba(255,255,255,.6);background-color: #5885e7;}
@media screen and (max-width: 1280px){
.ai-trade-panel{margin-bottom: 18px;}
/*.ai-trade-panel .panel-col{width: 25%;}*/
.ai-trade-panel .panel-bd{padding: 10px;}
.ai-trade-panel .panel-col-inner{padding:10px 15px;}
.ai-trade-panel .user-box{text-align: left;}
.ai-trade-panel .score-num{width: 110px;height: 110px;line-height: 110px;font-size: 42px;}
.ai-trade-panel .score-name{margin-bottom: 25px;}
.ai-trade-panel .score-tips{padding-top: 23px;line-height: 1.5em;}
}
@media screen and (max-width: 1200px){}
@media screen and (max-width: 1152px){}
@media screen and (max-width: 992px){
.ai-trade-panel .panel-col{width: 50%;}
.ai-trade-panel .panel-col:nth-of-type(2n+1){clear: left;}
}
@media screen and (max-width: 767px){}
@media screen and (max-width: 480px){
.ai-trade-panel .panel-col{width: 100%;float: none;}
.ai-trade-panel .panel-col-inner{padding: 20px 0;}
.ai-trade-panel .panel-col+.panel-col{border-top: 1px solid #e9efff;}
.ai-trade-panel .panel-col+.panel-col:before{display: none;}
.ai-trade-panel .panel-col-hd .col-hd-ico{width: 25px;height: 25px;}
.ai-trade-panel .ico-country{width: 21px;height: 14px;}
.ai-trade-panel .user-intro{margin-bottom: 5px;}
.ai-trade-panel .panel-col-score{padding-top: 0;}
.ai-trade-panel .user-box .tel{pointer-events:inherit;}
.ai-trade-panel .info-box,.ai-trade-panel .browse-records .records-bd{height: auto;max-height: 200px;}
.ai-trade-panel .name-ico{width: 18px;height: 18px;}
}
/* =============================================
PAGE: AI商机推荐
---------------------------------------------*/
.ai-biz-panel{background-color: #fff;border-radius: 5px;box-shadow: 1px 1px 0 rgba(0,0,0,.01),3px 3px 5px rgba(0,0,0,.05);margin-bottom: 25px;}
.ai-biz-top .panel-body{padding: 20px;}
.ai-biz-top .fee-tips{font-size: 13px;}
.ai-biz-top .fee-tips-ico{display: inline-block;width: 30px;height: 30px;background-repeat: no-repeat;-webkit-background-size: contain;background-size: contain;margin-right: 5px;vertical-align: middle;background-image: url(../img/ai-hd-ico-user.png);}
.ai-biz-top .fee-tips-msg{display: inline;line-height: 22px;padding: 4px 0;}
.ai-biz-top .biz-btns{text-align: right;white-space: nowrap;padding-left: 2%;}
.ai-biz-top .biz-btns .sys-btn{text-align: center;margin-left: 10px;}
.ai-biz-top .btn-enabled{color: rgba(255,255,255,.8)!important;}
.ai-biz-cards{margin-left: -15px;margin-right: -15px;}
.ai-biz-card{width: 33.33333333%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;display: inline-block\9;}
.ai-biz-card .card-inner{padding: 30px;margin:0 15px 30px;-webkit-box-flex: 1.0;-moz-flex-grow: 1;-webkit-flex-grow: 1;flex-grow: 1;}
.ai-biz-card .user-box{margin-bottom: 30px;}
.ai-biz-card .user-box:after{content: '';display: block;height: 0;clear: both;visibility: hidden;}
.ai-biz-card .user-box-hd{width: 80px;float: left;}
.ai-biz-card .user-box-hd .user-avatar,.ai-biz-card .user-box-hd .user-avatar img{display: block;width: 80px;height: 80px;border-radius: 50%;}
.ai-biz-card .user-box-hd .user-avatar{position: relative;overflow: hidden;}
.ai-biz-card .user-box-hd .user-avatar:before{content: '';display: block;width: 80%;height: 300%;position: absolute;left: -100%;top: -100%;-webkit-transform: rotate(30deg);-ms-transform: rotate(30deg);-o-transform: rotate(30deg);transform: rotate(30deg);background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0) 30%,rgba(255,255,255,.4));background-image: linear-gradient(90deg,rgba(255,255,255,0) 30%,rgba(255,255,255,.4));opacity: .5;}
.ai-biz-card .user-box-hd .user-avatar:hover:before{left: 150%;opacity: 1;-webkit-transition: all .7s ease-in-out;-o-transition: all .7s ease-in-out;transition: all .7s ease-in-out;}
.ai-biz-card .user-box-info{padding-top: 10px;padding-left: 105px;}
.ai-biz-card .user-box-info .user-name{display: block;font-size: 14px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.ai-biz-card .user-box-info .user-desc{display: block;line-height: 1.3em;max-height: 2.6em;overflow: hidden;margin-top: 1em;}
.ai-biz-card .info-item{padding:7px 0;font-size: 14px;margin-left: 5px;position: relative;}
.ai-biz-card .info-item a{color: #188ae2;}
.ai-biz-card .info-item a:hover{opacity: .8;}
.ai-biz-card .info-item p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ai-biz-card .info-item .ct-email-item{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.ai-biz-card .info-item .email-name{max-width:45vw;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ai-biz-card .info-item .email-label{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;display: inline-block;line-height: 1.1em;max-width: 35vw;}
.ai-biz-card .info-item .sys-label{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;vertical-align: top;}
.ai-biz-card .info-item .ct-item-info{padding-top: 3px;padding-bottom: 3px;padding-left: 50px;line-height: 1.75em;}
.ai-biz-card .info-item .ct-item-ico{display: inline-block;width: 30px;height: 30px;background-repeat: no-repeat;position: absolute;left: 0;}
.ai-biz-card .info-item .ct-ico-company{background-image: url(../img/ai-contact-company.png);}
.ai-biz-card .info-item .ct-ico-local{background-image: url(../img/ai-contact-local.png);}
.ai-biz-card .info-item .ct-ico-social{background-image: url(../img/ai-contact-social.png);}
.ai-biz-card .info-item .ct-ico-email{background-image: url(../img/ai-contact-email.png);}
.ai-biz-card .info-item .ct-ico-tel{background-image: url(../img/ai-contact-tel.png);}
.ai-biz-card .info-item .fa{margin-right: 5px;}
.ai-biz-card .info-item .social-icon:hover{-webkit-animation:swing .6s ease;-o-animation:swing .6s ease;animation:swing .6s ease;opacity: 1;}
.ai-biz-card .info-item .fa-check-circle:before{content: '\f058';color: #4caf50;}
.ai-biz-card .card-foot{text-align: center;padding-top: 25px;}
.ai-biz-card .card-foot .sys-btn{min-width: 9em;padding: .7em 1em;margin:5px 10px;font-size: 14px;}
.ai-biz-card .card-foot .sys-btn:not(.btn-enabled){opacity: .8;}
.ai-biz-card .get-company-pop{display: inline-block;vertical-align: middle;position: relative;}
.ai-biz-card .company-name{display: inline-block;position: relative;padding-right: 23px;vertical-align: middle;max-width: 100%;box-sizing: border-box;}
.ai-biz-card .company-name .name-txt{display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.ai-biz-card .company-search-icon{opacity: 0;visibility: hidden;-webkit-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease;position: absolute;right: 0;top: 0;}
.ai-biz-card .company-search-icon:before{content: '\f002';}
.ai-biz-card .company-name:hover .company-search-icon{opacity: 1;visibility: visible;}
.ai-biz-card .company-info-pop .info-pop-arrow{margin-left: 20px;}
.ai-biz-card .company-info-pop{max-width: calc(30vw - 50px);margin-left: auto;left: -20px;}
@media screen and (max-width: 1200px){
.ai-biz-card{width: 50%;}
.ai-biz-card .company-info-pop{max-width: inherit;}
}
@media screen and (max-width: 767px){
.ai-biz-cards{margin-left: -10px;margin-right: -10px;}
.ai-biz-card{width: 100%;}
.ai-biz-card .card-inner{margin: 0 10px 15px;}
.ai-biz-card .info-item .ct-item-info{position: relative;}
.ai-biz-card .company-search-icon{opacity: 1;visibility: visible;}
.ai-biz-card .get-company-pop{position: static;}
.ai-biz-card .company-info-pop{width: 100%;left:0;margin-left: 0;margin-top: -5px;}
.ai-biz-card .company-info-pop .info-pop-arrow{margin: 0 auto;}
}
@media screen and (max-width: 480px){
.ai-biz-top {margin-bottom: 15px;}
.ai-biz-top .panel-body{padding: 15px;}
.ai-biz-top .fee-tips{font-size: 12px;}
.ai-biz-top .fee-tips-ico{width: 22px;height: 22px;-webkit-background-size: contain;background-size: contain;margin-right: 0;}
.ai-biz-top .d-table{display: block;}
.ai-biz-top .d-table .tb-cell{display: block;}
.ai-biz-top .d-table .biz-btns{text-align: right;padding-left: 0;padding-top: 5px;}
.ai-biz-top .biz-btns .sys-btn{padding-top: .2em;padding-bottom: .2em;margin-left: 5px;}
.ai-biz-card .card-inner{padding: 20px;}
.ai-biz-card .info-item{font-size: 12px;padding: 5px 0;}
.ai-biz-card .info-item .ct-item-ico{width: 22px;height: 22px;-webkit-background-size: contain;background-size: contain;top: 8px;}
.ai-biz-card .info-item .ct-item-info{padding-left: 35px;}
.ai-biz-card .info-item .sys-label{font-size: 8.5px;}
.social-icon{width: 22px;height: 22px;line-height: 22px;}
.ai-biz-card .card-foot .sys-btn{margin: 2px 5px;}
.ai-biz-card .card-foot .sys-btn{padding: .3em 1em;font-size: 12px;}
}
/* =============================================
PAGE: AI商机搜索
---------------------------------------------*/
/*搜索框*/
.ai-search-controls{padding: 20px;border-bottom: 1px solid #e2e2e2;}
.ai-search-controls .ai-search-bar{width: 100%;position: relative;}
.ai-search-controls .ai-search-bar:before{content: '';display: block;width: 100%;height: 1px;background-color: #ddd;position: absolute;left: 0;bottom: 0;}
.ai-search-controls .ai-search-box{width: 33.33333333%;float: left;}
.ai-search-controls .ai-search-form{position: relative;margin-right: 15px;}
.ai-search-controls .ai-search-ipt{display: block;width: 100%;height:40px;line-height: 22px;padding: 8px 45px 8px 8px;border: 1px solid #ddd;background-color: #f2f2f2;-webkit-box-sizing: border-box;box-sizing: border-box;outline: 0;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.ai-search-controls .ai-search-ipt:focus{background-color: #fff;}
.ai-search-controls .ai-search-btn{width: 38px;height: 38px;font-size: 14px;color:#ccc;border: 1px solid #ddd;background: #fff;text-align: center;line-height: 38px;position: absolute;right: 0;top: 0;-webkit-box-sizing: content-box;box-sizing: content-box;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.ai-search-controls .ai-search-btn:hover{background-color: #eee;color: #666;}
.ai-search-controls .fa-search:before{content: '\f002';}
.ai-search-controls .query-tag-bar{padding-top: 15px;}
.ai-search-controls .query-tag-list{float: left;}
.ai-search-controls .query-tag-list li{display: inline;padding: 2px 5px 2px 0;}
.ai-search-controls .query-btn-clear{display: inline-block;margin-top: 2px;margin-bottom: 2px;border: 1px solid #ccc;background-color: #fff;padding: .35em .8em;vertical-align: middle;border-radius: 3px;cursor: pointer;outline: 0;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.ai-search-controls .query-btn-clear:hover{background-color: #f2f2f2;}
.ai-search-controls .query-btn-clear .ico-clear{padding-left: 5px;}
.ai-search-controls .query-btn-clear .ico-clear:after{content: '\f00d';}
.ai-search-controls .query-tag-item{display: inline-block;border: 1px solid #4680fe;background-color: #4680fe;border-radius: 3px;cursor: pointer;outline: 0;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;vertical-align: middle;position: relative;margin-top: 2px;margin-bottom: 2px;}
.ai-search-controls .query-tag-item .tag-btn-del{display: inline-block;padding: .35em .5em;vertical-align: top;color:#fff;outline: 0;border: 0;background: none;}
.ai-search-controls .query-tag-item .tag-btn-del:hover,.ai-search-controls .query-tag-item .dropdown-caret:hover{background-color: #3a77fc;}
.ai-search-controls .query-tag-item .tag-ico-del{padding-left: .5em;}
.ai-search-controls .query-tag-item .tag-ico-del:after{content: '\f00d';}
.ai-search-controls .query-tag-item .dropdown-caret{color:#fff;display: inline-block;padding: .35em .65em;border-right: 1px solid rgba(0,0,0,.2);vertical-align: top;}
.ai-search-controls .query-tag-item .fa-caret-down:after{content: '\f0d7';}
.ai-search-controls .tag-item-drop{width: 220px;background-color: #fff;border: 1px solid #aaa;border-radius:3px;box-shadow: 0 10px 10px rgba(0,0,0,.12);margin-top: 5px;position: absolute;left: 0;top: 100%;display: none;}
.ai-search-controls .tag-item-drop .tag-menu-opt{display: block;width: 100%;height: 38px;line-height: 38px;overflow: hidden;border: 0;cursor: pointer;background: none;outline: 0;text-align: left;padding: 0 10px;box-sizing: border-box;cursor: pointer;}
.ai-search-controls .tag-item-drop .tag-menu-opt:hover{background-color: #f2f2f2;}
.ai-search-controls .tag-drop-show .tag-item-drop{}
.ai-search-controls .query-result-count{float: right;padding:4px 0;color: #666;}
.ai-search-controls .query-result-count select{margin: 0 3px;height: 22px;line-height: 22px;outline: 0;}
.ai-search-list{width: 66.66666666%;float: left;}
.ai-search-list .search-select-box{display: inline-block;/*width: 135px;*/height: 22px;line-height: 22px;position: relative;margin-right: 15px;}
.ai-search-list .search-select-box .select-box-inner{display: inline-block;position: relative;}
.ai-search-list .search-select-box .fa-arrow-down:after{content: '\f107';font-size: 14px;}
.ai-search-list .search-select-box .select-toggle{display: inline-block;padding-right:15px;position: relative;font-size: 14px;}
.ai-search-list .search-select-box .select-toggle .fa-arrow-down{cursor: pointer;}
.ai-search-list .search-select-box .select-toggle .fa-arrow-down:after{display: inline-block;position: absolute;right: 5px;top: 0;-webkit-transition: transform .1s ease;-o-transition: transform .1s ease;transition: transform .1s ease;}
.ai-search-list .search-select-box .toggle-value{padding: 0 5px;display: inline-block;cursor: pointer;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;vertical-align: top;}
.ai-search-list .search-select-box .select-drop{width: 220px;background-color: #fff;border: 1px solid #ddd;border-radius:3px;box-shadow: 0 10px 10px rgba(0,0,0,.12);margin-top: 10px;position: absolute;left: 0;top: 100%;/*max-height: calc(100vh - 100px);*/display: none;min-width: 15vw;}
.ai-search-list .search-select-box .select-ipt-txt{display: block;width: 100%;height: 38px;line-height: 38px;box-sizing: border-box;border: 0;border-bottom: 1px solid #ccc;outline: 0;padding: 0 10px;}
.ai-search-list .search-select-box .select-ipt-txt:focus{background-color: #f6f6f6;}
.ai-search-list .search-select-box:last-of-type .select-ipt-txt{border-bottom: 0;}
.ai-search-list .select-active,.ai-search-list .select-active .select-drop{z-index: 2;}
.ai-search-list .select-active .select-toggle{background-color:#4680fe;border-radius: 4px;}
.ai-search-list .select-active .select-toggle{color: #fff;}
.ai-search-list .select-active .select-toggle .fa-arrow-down:after{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.ai-search-list .select-group{position: relative;}
.ai-search-list .select-group-btn{display: block;width: 100%;height: 38px;line-height: 38px;overflow: hidden;border: 0;cursor: pointer;background: none;outline: 0;text-align: left;padding: 0 10px;box-sizing: border-box;}
.ai-search-list .select-group-btn .fa-arrow-down{padding-left: 5px;}
/*.ai-search-list .select-group:hover .select-group-btn{background-color: #f2f2f2;}*/
.ai-search-list .select-group-btn:hover{background-color: #f2f2f2;}
.ai-search-list .select-group .select-group-drop{width: 220px;background-color: #fff;border: 1px solid #aaa;border-radius:3px;box-shadow: 0 10px 10px rgba(0,0,0,.12);margin-left: 5px;position: absolute;left: 100%;top: 0%;z-index: 2;max-height: calc(100vh -100px);min-width: 15vw;display: none;}
.ai-search-list .option-item{display: block;line-height: 20px;padding: 6px 10px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.ai-search-list .option-item .check-box{vertical-align: middle;margin-right: 5px;}
.ai-search-list .option-item .option-txt{vertical-align: middle;}
.ai-search-list .option-item:hover{background-color: #f2f2f2; }
.ai-search-list .drop-align-right .select-drop{left: auto;right: 0;}
.ai-search-list .drop-align-right .select-group-drop{left: auto;right: 100%;}
/*搜索结果*/
.ai-search-result .table-box{border: 0;border-bottom: 1px solid #e2e2e2;}
.ai-search-result a{-webkit-transition: color .3s ease;-o-transition: color .3s ease;transition: color .3s ease;}
.ai-search-result .company-name{display: block;position: relative;}
.ai-search-result .company-name:hover a{color: #188ae2;}
.ai-search-result .company-search-icon{opacity: 0;visibility: hidden;-webkit-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease;}
.ai-search-result .company-search-icon:before{content: '\f002';}
.ai-search-result .company-name:hover .company-search-icon{opacity: 1;visibility: visible;}
.ai-search-result .table-box .item-user-box{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.ai-search-result .table-box .user-img,.ai-search-result .table-box .user-img img{ position:relative;display: inline-block;width: 36px;height: 36px;border-radius: 50%;min-width: 36px; background-color:#aaa;line-height:36px;}
.ai-search-result .table-box .user-img:before{font-family:'FontAwesome_new'; content:"\f007"; color:#eee; font-size:22px;position:absolute; width:100%; height:100%; left:0; top:0; line-height:36px; text-align:center}
.ai-search-result .table-box .user-img{margin-right: 10px;}
.ai-search-result .table-box .user-name{display: inline-block;}
.ai-search-result .table-box .user-info{display: inline-block;}
.ai-search-result .table-box .flag-img{margin-right: 6px;}
.ai-search-result .table-box .flag-img img{max-height: 24px;width: auto;}
.ai-search-result .table-box .d-flex{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.ai-search-result .table-box .btn-act{display: inline-block;width: 22px;height: 22px;line-height: 22px;background-color: #2962ff;border-radius: 50%;text-align: center;color: #fff;border: 0;cursor: pointer;outline: 0;opacity: .3;filter: alpha(opacity=30);-webkit-transition: opacity .3s ease;-o-transition: opacity .3s ease;transition: opacity .3s ease;margin: 2px 3px 2px 0;}
.ai-search-result .table-box .btn-act i:before{font-size: 12px;font-weight: normal;-webkit-transform: scale(.85);-ms-transform: scale(.85);-o-transform: scale(.85);transform: scale(.85);display: inline-block;vertical-align: top;}
.ai-search-result .table-box .btn-act-dig{background-color:#7e29ff;}
.ai-search-result .table-box .btn-act.btn-enabled{opacity: 9;filter: alpha(opacity=90);}
.ai-search-result .table-box .btn-act:hover{opacity: 1;filter: alpha(opacity=100);}
.ai-search-result .table-box .fa-plus:before{content: '\f067';}
.ai-search-result .table-box .fa-check:before{content: '\f00c';}
/*公司信息弹窗*/
.company-info-pop{width: 340px;position: absolute;left: 50%;margin-left: -170px;top: 100%;display: none;z-index: 1;}
.company-info-pop .info-pop-arrow{display: block;width: 20px;height: 10px;position: relative;margin: 0 auto;}
.company-info-pop .info-pop-arrow:before,.company-info-pop .info-pop-arrow:after{content: '';display: block;width: 0;height: 0;overflow: hidden;border: 10px solid #aaa;border-left-color: transparent;border-right-color: transparent;border-top-width: 0;margin: 0 auto;}
.company-info-pop .info-pop-arrow:before{position: absolute;top: 1px;border-bottom-color: #fff;}
.company-info-pop .info-pop-body{padding: 10px 20px;border: 1px solid #ccc;border-radius: 10px;background-color: #fff;box-shadow: 0 10px 10px rgba(0,0,0,.12);}
.company-info-pop .pop-progress{padding: 30px 15px;}
.company-info-pop .company-details{font-size: 12px;}
.company-info-pop .company-detail-cell:after{content: '';display: block;height: 0;clear: both;visibility: hidden;}
.company-info-pop .company-detail-cell {padding: 5px 0;font-size: 12px;}
.company-info-pop .company-detail-cell{}
.company-info-pop .company-detail-head{font-weight: bold;font-size: 14px;display: flex;align-items: center;}
.company-info-pop .company-detail-head .company-img img{width: auto;height: 45px;}
.company-info-pop .company-detail-more a{color: #188ae2;}
.company-info-pop .company-detail-more a:hover{text-decoration: underline;}
.company-info-pop .detail-cell-hd{width: 25%;float: left;}
.company-info-pop .detail-cell-bd{width: 75%;float: right;text-align: right;}
/*挖掘弹窗*/
.sys-msg-pop .pop-progress{padding: 20px 0;}
.sys-msg-pop .pop-progress+.pop-contact-list{padding-top:20px;}
.sys-msg-pop .pop-contact-list{}
.sys-msg-pop .pop-contact-list li{list-style: none;padding: 2px 0;}
.sys-msg-pop .pop-contact-list a{color: #188ae2;}
.sys-msg-pop .email-label{display: inline-block;}
.sys-msg-pop .fa{margin-right: 5px;}
.sys-msg-pop .fa-check-circle:before{content: '\f058';color: #4caf50;}
.sys-msg-pop .fa-building:before{content: '\f1ad';}
@media screen and (max-width: 767px){
.ai-biz-panel{margin-bottom: 15px;}
.ai-biz-list{background: none;box-shadow: none;}
.ai-search-controls{padding: 0;margin-bottom: 10px;border-bottom: 0;}
.ai-search-controls .ai-search-bar{padding: 0;background-color: #fff;border: 1px solid #e2e2e2;border-radius: 5px;box-shadow: 1px 1px 0 rgba(0,0,0,.01),3px 3px 5px rgba(0,0,0,.05);-webkit-box-sizing: border-box;box-sizing: border-box;}
.ai-search-controls .ai-search-bar:before{display: none;}
.ai-search-controls .ai-search-ipt{height: auto;border: 0;border-bottom: 1px solid #e2e2e2;background: #fff;border-radius: 3px 0 0 0;}
.ai-search-controls .ai-search-btn{border-radius: 0 3px 0 0;border: 0;border-left: 1px solid #4680fe;background-color: #4680fe;color: #fff;}
.ai-search-controls .d-flex{-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap:wrap;}
.ai-search-controls .ai-search-box{width: 100%;}
.ai-search-controls .ai-search-form{margin-right: 0;}
.ai-search-controls .ai-search-ipt{padding-top: 6px;padding-bottom: 6px;}
.ai-search-controls .ai-search-btn{height: 34px;line-height: 34px;}
.ai-search-controls .ai-search-list{width: 100%;padding: 5px;}
.ai-search-controls .query-tag-bar{padding-top: 10px;}
.ai-search-controls .query-btn-clear,.ai-search-controls .query-tag-item .tag-btn-del,.ai-search-controls .query-tag-item .dropdown-caret{padding-top: .25em;padding-bottom: .25em;font-size: 12px;line-height: 1.3em;}
.ai-search-list .select-group-btn{height: 28px;line-height: 28px;}
.ai-search-list .search-select-box{width: auto;padding-right: 10px;}
.ai-search-list .search-select-box .select-toggle{font-size: 12px;}
.ai-search-result{background-color: #fff;border-radius: 5px;box-shadow: 1px 1px 0 rgba(0,0,0,.01),3px 3px 5px rgba(0,0,0,.05);}
.ai-search-result .table-box{font-size: 12px;}
.ai-search-result .table-box tr,.ai-search-result .table-box td{display: block;}
.ai-search-result .table-box tr{position: relative;padding: 10px 0 10px 10px;}
.ai-search-result .table-box th{padding: 0;}
.ai-search-result .table-box .ipt-addon-group{padding: 0;border: 0;background: none;}
.ai-search-result .table-box .ipt-addon-group *{vertical-align: middle;}
.ai-search-result .table-box .ipt-addon-group .mb-show-only{display: inline!important;padding-left: 5px;font-weight: normal;color: #666;}
.ai-search-result .table-box tr+tr{border-top: 1px solid #eee;}
.ai-search-result .table-box td{padding-top: 1px;padding-bottom: 1px;padding-left: 55px;line-height: 1.5;}
.ai-search-result .table-box tbody tr{padding:10px 40px 10px 35px;}
.ai-search-result .table-box tbody tr:nth-child(odd){background-color: #fafafa;}
.ai-search-result .table-box tbody .ipt-addon-group{position: absolute;left: 10px;top:35px;}
.ai-search-result .table-box .item-user-box{display: block;}
.ai-search-result .table-box .user-img{position: absolute;left:30px;top: 15px;}
.ai-search-result .table-box .user-img,.ai-search-result .table-box .user-img img{width: 50px;height: 50px;}
.ai-search-result .table-box .user-name{font-weight: bold;font-size: 13px;}
.ai-search-result .company-info-pop{width: calc(100vw - 60px);left: 0;margin-left: -80px;}
.ai-search-result .table-box .cell-socials{padding-top: 10px;}
.ai-search-result .table-box .btn-act i:after{font-size: 8px;-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;}
.ai-search-result .table-box .cell-handle{position: absolute;right: 10px;top: 15px;}
.ai-search-result .table-box .cell-handle .btn-act{display: block;margin-right: 0;margin-bottom: 5px;}
.ai-search-result .table-box .flag-img{margin-right: 5px;}
.ai-search-result .table-box .flag-img img{max-height: 20px;}
.ai-search-result .company-search-icon{opacity: 1;visibility: visible;}
.ai-search-result .social-icon{width: 18px;height: 18px;line-height: 18px;}
.ai-search-result .table-box tbody .btn-act{width: 18px;height: 18px;line-height: 18px;}
.ai-search-result .sys-page-bar .page-control{position: static;}
.ai-search-result .sys-page-bar .page-select{height: 28px;padding: 4px 8px;}
}
/* ==========================================
* 插件
* ------------------------------------------ */
/* animate.css */
@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown;}
@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}
@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}
@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}
@-webkit-keyframes swing{20%{-webkit-transform:rotate(30deg);transform:rotate(30deg)}40%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}60%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}80%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(30deg);transform:rotate(30deg)}40%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}60%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}80%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,30%,0);transform:translate3d(0,30%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,30%,0);-ms-transform:translate3d(0,30%,0);transform:translate3d(0,30%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}