芝麻web文件管理V1.00

编辑当前文件:/www/wwwroot/shphe-en.com/admin/plugins/proofreading/css/global.css
@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}