.f-scrollbar::-webkit-scrollbar{height:4px;width:4px}.f-scrollbar::-webkit-scrollbar-thumb{width:4px}.f-scrollbar::-moz-scrollbar{height:4px;width:4px}.f-scrollbar::-moz-scrollbar-thumb{width:4px}.h1,h1{font-size:20px}.h1,.h2,h1,h2{font-weight:700;color:#2d4668}.h2,h2{font-size:18px}.h3,h3{font-size:16px}.h3,.h4,h3,h4{font-weight:700;color:#2d4668}.h4,h4{font-size:14px}.h5,h5{font-size:13px}.h5,.h6,h5,h6{font-weight:700;color:#2d4668}.h6,h6{font-size:12px}.padding-xs{padding:8px}.padding-md{padding:16px}.padding-lg{padding:32px}.padding-page{padding:24px 16px}.title-color{color:#2d4668}.txt-c{text-align:center}.txt-r{text-align:right}.cursor-p{cursor:pointer}.inline-block{display:inline-block}.pos-center{position:absolute;left:0;right:0;margin:0 auto}.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trans{-webkit-transition:all .3s;-ms-transition:all .3s;-moz-transition:all .3s;transition:all .3s}@keyframes scaleout{0%{transform:scale(0)}to{transform:scale(1)}}.el-textarea__inner{font-family:inherit}main audio,main canvas,main embed,main iframe,main img,main object,main svg,main video{display:unset!important}main .chat-box audio,main .chat-box canvas,main .chat-box embed,main .chat-box iframe,main .chat-box img,main .chat-box object,main .chat-box svg,main .chat-box video{display:block!important}main .chat-box .el-loading-mask svg{display:inline-block!important}a{color:#3f95d7;cursor:pointer;text-decoration:none}.table-empty{cursor:pointer;color:red}.icon-quick-color{color:#ff8e42;cursor:pointer}.icon-sea-color{color:#1e83fb}.icon-public-color{color:#865fa0}.icon-assist-color{color:#b0d98b}.history-back{width:100%;margin-top:-10px;margin-bottom:6px;font-size:13px}.history-back>span{cursor:pointer}.sider-menu{height:100vh;padding-bottom:60px;overflow:auto}.sider-menu::-webkit-scrollbar{height:0;width:0;-webkit-appearance:none}.sider-menu .menu-tab{width:100%;display:flex}.sider-menu .menu-tab .menu-tab-item{position:relative;line-height:23px;padding:9px 16px;flex:1;text-align:center;font-size:14px;background-color:#f1f4f7;cursor:pointer}.sider-menu .menu-tab .menu-tab-item.is-active{color:#333;background-color:#fff}.sider-menu .menu-tab .menu-tab-item.is-active:before{position:absolute;width:100%;content:"";bottom:0;left:0;height:3px;background-color:#53caab}.sider-menu .menu-tab .menu-tab-item.is-active.contact .bn-icon{color:#53caab}.sider-menu .menu-tab .menu-tab-item.is-active.company .bn-icon{color:#85a0c9}.sider-menu .menu-tab .menu-tab-item.is-active.contact:before{background-color:#53caab}.sider-menu .menu-tab .menu-tab-item.is-active.company:before{background-color:#85a0c9}.sider-menu .menu-tab .menu-tab-item .bn-icon{margin-right:5px}.sider-menu .sider-menu-title{padding:8px 16px 8px 8px;border-left:5px solid #ff8e42;font-size:14px;font-weight:700;line-height:18px;color:#2d4668}.sider-menu .sider-menu-title.flex-space,.sider-menu .sider-menu-title.public{display:flex;justify-content:space-between}.sider-menu .sider-menu-title.public{border-color:#865fa0;cursor:pointer}.sider-menu .sider-menu-title.public.public-active{background-color:#f4f0f7}.sider-menu .sider-menu-title.sea{margin:16px auto;cursor:pointer;border-color:#1e83fb;display:flex;justify-content:space-between}.sider-menu .sider-menu-title.sea.sea-active{background-color:#eaf4ff}.sider-menu .sider-menu-title.assist{margin:16px auto;cursor:pointer;border-color:#9ec87a;display:flex;justify-content:space-between}.sider-menu .sider-menu-title.assist.assist-active{background-color:rgba(158,200,122,.3)}.sider-menu .sider-menu-title i:not(.icon-settings){margin-right:8px;font-size:16px}.sider-menu .sider-menu-list .sider-menu-item{position:relative;display:flex;align-items:center;padding:12px;font-size:14px;color:#777;cursor:pointer}.sider-menu .sider-menu-list .sider-menu-item a{color:#606266}.sider-menu .sider-menu-list .sider-menu-item.border{border-bottom:1px solid #d3d8db}.sider-menu .sider-menu-list .sider-menu-item i{font-size:16px;margin-right:8px}.sider-menu .sider-menu-list .sider-menu-item .counts{position:absolute;right:16px}.sider-menu .sider-menu-list .sider-menu-item:hover{color:#53caab}.sider-menu .sider-menu-list .sider-menu-item:hover.company{color:#85a0c9}.sider-menu .sider-menu-list .sider-menu-item:hover.customer{color:#3f95d7}.sider-menu .sider-menu-list .sider-menu-item:hover.bill .iconfont{font-weight:700}.sider-menu .sider-menu-list .sider-menu-item:hover.bill.dollor{color:#ffb207}.sider-menu .sider-menu-list .sider-menu-item:hover.bill.quotation{color:#8dc63f}.sider-menu .sider-menu-list .sider-menu-item:hover.bill.order{color:#0c5790}.sider-menu .sider-menu-list .sider-menu-item.is-active{background-color:#e9f8f4;color:#53caab}.sider-menu .sider-menu-list .sider-menu-item.is-active.company{background-color:#eef2f7;color:#85a0c9}.sider-menu .sider-menu-list .sider-menu-item.is-active.bill.dollor{color:#ffb207;background-color:#fffaef}.sider-menu .sider-menu-list .sider-menu-item.is-active.bill.quotation{color:#8dc63f;background-color:rgba(165,198,134,.2)}.sider-menu .sider-menu-list .sider-menu-item.is-active.bill.order{color:#0c5790;background-color:rgba(12,87,144,.1)}.sider-menu .sider-menu-list .sider-menu-item.is-active.customer{background-color:#eef5fb;color:#3f95d7}.sider-menu .sider-menu-list .sider-menu-item .cast-line{line-height:0;bottom:0;right:8px;position:absolute;width:calc(100% - 16px);border-bottom:1px solid #d3d8db}.quick-list{position:relative;width:100%;padding:8px 12px}.quick-list .quick-wrap{display:flex;flex-wrap:wrap;text-align:left}.quick-list .quick-list-item{position:relative;margin:4px;cursor:move}.quick-list .quick-list-item .quick-list-content{align-items:center;display:inline-flex;height:24px;font-size:12px;padding:0 8px;border-radius:12px;cursor:pointer;border:1px solid #d3d8db}.quick-list .quick-list-item .quick-list-content.is-active,.quick-list .quick-list-item .quick-list-content:hover{background-color:#ff8e42;border-color:#ff8e42;color:#fff}.quick-list .quick-list-item .quick-list-content .delete{display:none;position:absolute;right:4px;width:16px;height:16px;text-align:center;line-height:16px;font-size:12px;background-color:#fff;color:#ff8e42;border-radius:50%;box-shadow:0 0 0 .5 #333}.quick-list .quick-list-item .quick-list-content:hover .delete{display:inline-flex}.quick-list .quick-list-item .quick-list-content .label{max-width:140px;margin-right:8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.quotationr-color{margin-right:6px}.quotationr-color .iconfont{font-weight:700;color:#fff;background-color:#8dc63f}.dollor-color{margin-right:6px}.dollor-color .iconfont{color:#fff;background-color:#ff8e42}.order-color{margin-right:6px}.order-color .iconfont{color:#fff;background-color:#0c5790}.tool-bar{position:relative;justify-content:space-between;height:42px}.tool-bar,.tool-bar .tool-list{display:flex;align-items:center}.tool-bar .tool-list{max-width:100%}.tool-bar .tool-list .tool-list-item{margin-left:0}.tool-bar .tool-list .tool-list-item:not(:last-child){margin-right:8px}.tool-bar .tool-list .tool-list-item .el-button:focus{background:#fff;border:1px solid #dcdfe6;border-color:#dcdfe6;color:#606266}.tool-bar .tool-list .bn-search{width:300px}.filter-customer .search-intent{padding:20px;border:1px solid #d3d8db;background-color:#fff;border-radius:3px}.filter-customer .search-intent .search-intent-info{margin-top:12px}.search-result-count{margin-bottom:4px;font-size:13px;font-weight:700;color:#2d4668}.table-warp{position:relative;width:100%}.table-warp a:hover{color:#ff8e42}.table-warp .table-empty{display:flex;align-items:flex-start;max-width:600px}.table-warp .table-loading{position:absolute;top:5px;width:100%;height:100%;z-index:10;padding-top:45px;background-color:hsla(0,0%,100%,.4)}.table-warp .el-table{width:100%}.table-warp .el-table thead{background:#f1f4f7}.table-warp .el-table thead tr,.table-warp .table-sort{background-color:#f1f4f7}.table-warp .table-sort{position:absolute;right:1px;top:1px;z-index:9;width:34px;height:34px;line-height:34px;text-align:center;cursor:pointer;border-radius:3px}.table-warp .table-sort .iconfont{font-size:20px}.table-warp .table-sort:hover{color:#ff8e42}.table-warp .top-bar{position:absolute;top:-8px;z-index:10;width:100%;overflow-x:auto;overflow-y:hidden;line-height:0;height:0}.table-warp .bn-affix .table-tools{box-shadow:0 6px 30px rgba(15,21,26,.2);left:0;width:100%;padding-left:30px}.table-warp .table-tools{display:flex;align-items:center;width:calc(100% - 40px);position:absolute;z-index:10;left:36px;top:2px;background-color:#f1f4f7}.table-warp .table-tools .table-tools-item{margin-right:16px;font-size:12px;background:#f1f4f7}.table-warp .table-tools .table-tools-item strong{color:#ff8e42;font-weight:700;margin:0 5px}.table-warp .table-tools .table-tools-item .el-button--small{padding:7px 12px;vertical-align:unset}.table-warp .table-tools .table-tools-item .border-radius-right .el-button--small{border-top-right-radius:0;border-bottom-right-radius:0}.table-warp .table-tools .table-tools-item .border-radius-none .el-button--small{border-radius:0}.table-warp .table-tools .table-tools-item .border-radius-left .el-button--small,.table-warp .table-tools .table-tools-item .join-mail{border-top-left-radius:0;border-bottom-right-radius:0}.table-warp .table-tools .table-tools-item .box-margin{margin-left:-1px}.table-warp .table-tools .table-tools-item.pagination-box{margin-right:0;position:absolute;right:0}.table-warp .table-tools .table-tools-item.pagination-box .el-pagination{margin-top:0;padding:0;line-height:1}.table-warp .table-tools .table-tools-item.pagination-box .el-pagination button{border-radius:3px}.table-warp .table-tools .set-touch{margin:0 -1px;border-radius:0}.quick-search{padding:16px;border:1px solid #d3d8db;border-radius:3px;margin-bottom:16px;background-color:#fff}.quick-search .options-item{width:100%;padding:4px 0;display:flex;align-items:baseline;flex-wrap:wrap}.quick-search .options-item.lately-list{border-bottom:1px solid #d3d8db;margin-bottom:16px}.quick-search .options-item.lately-list .lately-item{display:inline-flex;padding:6px 12px;cursor:pointer}.quick-search .options-item.lately-list .lately-item.is-active,.quick-search .options-item.lately-list .lately-item:hover{color:#ff8e42}.quick-search .options-item .options-label{width:80px;font-size:14;font-weight:700;color:#2d4668}.quick-search .options-item .options-list{width:calc(100% - 80px);display:flex}.quick-search .options-item .options-list.other-options-list{flex:1;width:100%;flex-wrap:wrap}.quick-search .options-item .options-list .el-checkbox{margin:4px 24px 4px 0}.quick-search .options-item .options-list .el-checkbox .el-checkbox__label{color:#606266}.quick-search .options-item .options-list .el-select{width:100%}.customer-detail{display:flex;justify-content:space-between}.customer-detail .el-tabs--border-card{box-shadow:none}.customer-detail .el-tabs--left{height:100%}.customer-detail .block-gap,.customer-detail .sales-card{margin-bottom:16px}.customer-detail .customer-content{width:calc(100% - 424px)}.customer-detail .customer-content .customer-handles{margin-bottom:16px}.customer-detail .customer-sider{width:400px}.customer-detail .trade-head{display:flex;justify-content:space-between;align-items:center;padding:8px 20px 8px 12px;background:#f1f4f7;border:1px solid #d3d8db}.customer-detail .trade-head .iconfont{cursor:pointer}.customer-detail .import-data-body .nav-content{border:1px solid #d3d8db;margin-top:-1px}.customer-detail .trade-tab{margin:12px 0}.customer-detail .trade-btn-visible{display:none}.customer-detail .trade-look-more{margin-top:12px;direction:rtl}.similar-visible .el-dialog__body{color:#606266}.similar-visible .result-item .result-head{border-top-width:1px}.similar-visible .result-item .is-hidden,.similar-visible .result-item .is-hidden.description{display:none}.customer-info{min-height:60px;background-color:#fff}.customer-info .customer-info-footer{width:calc(100% + 16px);margin:8px -8px 0 -8px;padding:8px 16px 0 16px;border-top:1px solid #d3d8db}.customer-info.customer-info-mini .edit-item{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-info.customer-info-mini .text-list .text-list-item{width:100%}.customer-info.customer-info-mini .text-list .text-list-item .text-title .bn-icon{min-width:16px}.customer-info .wa-item{padding-right:5px}.customer-info .wa-item .edit-item{padding-right:15px;height:22px}.user-name-edit{display:flex}.user-name-edit .el-input{width:120px;margin-right:8px}.media-box{position:relative;padding:8px;display:flex}.media-box .media-head{margin-left:16px}.media-box .media-head h3{font-size:16px;font-weight:700;color:#2d4668}.media-box .handle-box{position:absolute;right:8px;top:8px}.media-box .handle-box .el-button--small{padding:6px 10px}.media-box .handle-box .el-dropdown{margin-left:8px}.text-list{width:100%;display:flex;flex-wrap:wrap}.text-list .text-list-item{position:relative;width:50%;min-height:32px;padding:0 8px;display:flex;align-items:center}.text-list .text-list-item.full{max-width:100%;width:100%;align-items:flex-start}.text-list .text-list-item.state{max-width:100%;width:100%;align-items:center}.text-list .text-list-item .text-title{width:80px;height:32px;align-items:center;display:flex;font-size:12px}.text-list .text-list-item .text-title .bn-icon{margin-right:4px}.text-list .text-list-item .last-contact{width:calc(100% - 80px)}.text-list .text-list-item .last-contact p{white-space:nowrap;width:100%;font-size:12px;overflow:hidden;text-overflow:ellipsis}.text-list .text-list-item .text-content{color:#2d4668;width:calc(100% - 80px)}.lang-de .text-list .text-list-item .text-title,.lang-en .text-list .text-list-item .text-title,.lang-vi .text-list .text-list-item .text-title{width:120px}.others-list{position:relative;display:flex;padding:2px 8px}.others-list .others-title{width:80px;font-size:12px;line-height:32px;display:flex;align-items:center}.others-list .others-content{width:calc(100% - 80px);word-wrap:break-word;word-break:normal}.social-actions{display:flex;align-items:center}.social-actions i{font-size:16px;margin-right:16px;cursor:pointer}.social-actions i:hover{color:#ff8e42}.post-msg .post-header{margin-bottom:8px;line-height:28px}.contacts-list{position:relative;display:flex;flex-wrap:wrap;padding-bottom:4px}.contacts-list .contact-item-more{text-align:center;width:100%;padding:4px}.contacts-list .contact-item-more a{color:#777;font-size:12px}.contacts-list .contact-item-more a:hover{color:#ff8e42}.contacts-list .contacts-list-item{width:280px;margin:8px 8px 2px 8px;border:1px solid #d3d8db;background-color:rgba(241,244,247,.5);padding:8px;box-shadow:0 1px 2px rgba(0,0,0,.16)}.contacts-list .contacts-list-item .contacts-list-item-meta{margin-bottom:0;display:flex;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contacts-list .contacts-list-item .contacts-list-item-meta .user-name a{font-size:14px;font-weight:700;color:#2d4668}.contacts-list .contacts-list-item .contacts-list-item-meta i{margin-right:8px}.contacts-list .contacts-list-item .contacts-list-item-meta .contact-item-info{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-clamp:1;-webkit-line-clamp:1}.contacts-list .contacts-list-item .contacts-list-item-meta .contact-mark-important{color:#90959e;font-size:16px}.contacts-list .contacts-list-item .contacts-list-item-meta .contact-in-touch .set-touch-icon{font-size:18px}.contacts-list .contacts-list-item .contacts-list-item-meta .contact-in-touch .set-touch-icon .icon-clock{font-size:16px!important}.table-cloumn-sort{position:relative;width:100%;padding:4px 16px}.table-cloumn-sort .table-cloumn-sort-item{padding:8px 16px;display:flex;justify-content:space-between;border-bottom:1px solid #d3d8db;user-select:none}.table-cloumn-sort .table-cloumn-sort-item.drag-item{cursor:move}.table-cloumn-sort .table-cloumn-sort-item:hover{background-color:#f1f4f7}.mark-list{display:flex;align-items:center;gap:2px}.mark-list .mark-list-tiem{margin-right:16px}.mark-list .mark-important{font-size:24px}.mark-list .mark-important.active{color:#ff8e42}.mark-list .mark-level{width:24px;height:24px;border:2px solid #3f95d7;border-radius:50%;text-align:center;font-weight:700;color:#3f95d7}.mark-list .edit-item-owner{font-size:12px;color:#ff8e42}.account-card{display:flex;align-items:center;padding:8px 0}.account-card .account-avatar{margin-right:16px;position:relative}.account-card .account-content .account-name{font-weight:500;color:#2d4668}.account-card .account-content .account-name .si{margin-right:4px}.follow-record .follow-btns{margin-top:16px;display:flex;justify-content:flex-end}.customer-social{position:relative;margin-bottom:24px;width:calc(100% + 16px);margin:0 -8px}.customer-social .customer-social-head{background-color:#f1f4f7;padding:8px;border:1px solid #d3d8db}.customer-social .customer-social-list{margin:1px auto}.customer-social .customer-social-list:not(:last-child){border-bottom:1px solid #d3d8db}.customer-social .customer-social-list .customer-social-item{margin:1px auto;-webkit-transition:all .3s;-ms-transition:all .3s;-moz-transition:all .3s;transition:all .3s}.customer-social .customer-social-list .customer-social-item:not(:last-child){border-bottom:1px solid #d3d8db}.customer-social .customer-social-list .customer-social-item .social-search-btn{position:relative;width:265px;margin:12px auto;display:flex;align-items:center;padding:4px 16px;border-radius:2px;background-color:#f1f4f7;border:1px solid #d3d8db;cursor:pointer}.customer-social .customer-social-list .customer-social-item .social-search-btn .si{margin-right:16px}.customer-social .customer-social-list .customer-social-item .social-search-btn .el-icon-arrow-right{position:absolute;right:8px}.customer-social .customer-social-list .customer-social-item .social-account-list{text-align:center;margin-top:8px}.customer-social .customer-social-list .customer-social-item .social-account-list .si{margin:0 8px;font-size:30px;cursor:pointer}.social-card{margin-top:-1px;background-color:#fff;position:relative}.social-card,.social-card.collapse{-webkit-transition:all .3s;-ms-transition:all .3s;-moz-transition:all .3s;transition:all .3s}.social-card .social-card-head{display:flex;padding:8px 16px;align-items:flex-start;cursor:pointer}.social-card .social-card-head .social-name{width:calc(100% - 75px);margin-left:12px}.social-card .social-card-head .social-name .social-user-name{display:flex;align-items:center}.social-card .social-card-head .social-name .social-user-name>a{color:#2d4668}.social-card .social-card-head .social-name .social-user-name>a small{margin-left:8px}.social-card .social-card-head .social-name .social-user-name>a .status-error{font-size:12px;padding:2px 4px;font-weight:400;color:#e97f7b;border-radius:3px;border:1px solid #eee;background-color:#f1f4f7}.social-card .social-card-head .social-name .social-user-name>a .nickname{word-break:break-all}.social-card .social-card-head .social-name .social-user-name .twitter-name{display:flex;align-items:center}.social-card .social-card-head .social-name .social-user-name .twitter-name small,.social-card .social-card-head .social-name .social-user-name .twitter-name span{display:inline-block;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.social-card .social-card-head .social-name .social-user-name .si{margin-right:4px}.social-card .social-card-head .social-name .social-user-link{padding:4px 0;display:flex;align-items:center;flex-wrap:wrap}.social-card .social-card-head .social-name .social-user-link a{display:inline-block;max-width:calc(100% - 16px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.social-card .social-card-head .social-name .social-user-link a.fb-messageer{color:#4267b2}.social-card .social-card-head .social-name .social-user-link a.fb-messageer:hover{color:#4267b2}.social-card .social-card-head .social-name .social-user-link a.link-item{margin:0 12px 4px 0}.social-card .social-card-head .fb-messageer-btn{margin-bottom:4px}.social-card .social-card-head .fb-messageer-btn .el-button:hover .fb-icon{color:#ff8e42}.social-card .social-card-head .fb-messageer-btn .fb-icon{vertical-align:middle;color:#4267b2}.social-card .social-card-body{padding:0 16px 8px 16px}.social-card .social-card-body .social-info{line-height:20px}.social-card .social-card-body .twitter-state{display:flex;flex-wrap:wrap;margin:8px auto}.social-card .social-card-body .twitter-state .twitter-state-item{width:25%;padding:8px;text-align:left}.social-card .social-card-body .twitter-state .twitter-state-item strong{font-size:14px;font-weight:700;color:#2d4668;margin-bottom:4px;display:block}.social-card .social-card-body .twitter-tags{display:flex;align-items:center}.social-card .social-card-body .twitter-tags>label{margin-right:8px}.social-card .social-card-body .twitter-tags .el-tag{margin-right:4px}.social-card .social-card-extra{padding:8px;border-top:1px solid #d3d8db}.tweets-list .tweets-list-item{padding:4px 0;border-bottom:1px solid #d3d8db}.tweet{display:flex}.tweet .tweet-content{margin-left:8px;width:calc(100% - 48px)}.tweet .tweet-content .tweet-text{margin:8px auto}.tweet .tweet-content .tweet-media{margin:8px auto;width:100%;height:200px;border-radius:8px;overflow:hidden}.tweet .tweet-content .tweet-media img{width:100%}.tweet .tweet-content .tweet-actions{display:flex;align-items:center}.tweet .tweet-content .tweet-actions i{font-size:16px;margin-right:16px;cursor:pointer}.tweet .tweet-content .tweet-actions i:hover{color:#ff8e42}.tags-wrap{padding:8px 16px;margin-bottom:16px;background-color:#fff;border:1px solid #d3d8db;border-radius:3px}.tags-wrap .manage-tags{width:100%;padding-bottom:8px;position:relative;display:flex;align-items:center;justify-content:space-between}.tags-wrap .late-tags .el-tag{margin:3px 0}.tags-wrap .tag-list{display:flex;flex-wrap:wrap}.tags-wrap .tag-list .tag-list-item{width:25%;padding:0 8px;margin:8px 0 8px 0}.tags-wrap .tag-list .tag-list-item h4{padding-left:3px}.tags-wrap .tag-list .tag-list-item .el-tag{margin:3px 0}.text-in-table{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.social-in-table{display:flex;align-content:center;justify-content:center}.social-in-table span{margin-right:5px;cursor:pointer}.limit-h-1{display:block;width:100%;overflow:hidden;text-overflow:ellipsis}.limit-h-1,.tag-in-table{white-space:nowrap}.tag-in-table .el-tag{margin-right:4px;margin-bottom:4px;max-width:150px;overflow:hidden;text-overflow:ellipsis;position:relative;padding-right:16px}.tag-in-table .el-tag i{position:absolute;top:3px;right:0}.d-flex{display:flex;flex-wrap:wrap}.mark-important{color:#606266;font-size:18px}.mark-important .is-important{color:#ff8e42}.mark-important .iconfont{font-size:18px}.contact-tags{display:flex;flex-wrap:wrap;padding:0 8px}.contact-tags .contact-tags-label{width:64px;height:32px;align-items:center;display:flex;font-size:12px}.contact-tags .contact-tags-label .bn-icon{margin-right:4px}.contact-tags .el-tag{position:relative;margin:4px;max-width:150px;padding-right:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.contact-tags .el-tag .el-tag__close{position:absolute;right:0;top:3px}.contact-add-group{position:absolute;right:32px;top:8px;display:flex;align-items:center}.contact-add-group .el-button--small{padding:4px;background-color:#f1f4f7}.search-contact-form{padding:8px 16px}.search-contact-form .search-input{text-align:center;padding:24px}.search-contact-form .search-input .el-input{width:80%}.search-contact-form .search-result{padding-bottom:24px}.tab-icon-quote{color:#8dc63f}.tab-icon-niche{color:#eec624}.tab-icon-order{color:#0c5790}.cust-tab .el-tabs__header{background-color:#fff}.cust-tab .el-tabs__header.is-left{min-height:450px;height:100%}.cust-tab .el-tabs__header .el-tabs__item .bn-icon{margin-right:4px}.cust-tab .el-tabs__header .el-tabs__item.is-active .tabs-follow{color:#8c7ee2;border-color:#8c7ee2}.cust-tab .el-tabs__header .el-tabs__item.is-active .tabs-product{color:#3f95d7;border-color:#3f95d7}.cust-tab .el-tabs__header .el-tabs__item.is-active .tabs-email{color:#36c7d3;border-color:#36c7d3}.cust-tab .el-tabs__header .el-tabs__item.is-active .tabs-export{color:#157efb;border-color:#157efb}.cust-tab .el-tabs__header .el-tabs__item.is-active .tabs-niche{color:#eec624;border-color:#eec624}.cust-tab .el-tabs__header .el-tabs__item.is-active .tabs-social{color:#53caab;border-color:#53caab}.cust-tab .el-tabs__header .el-tabs__item.is-active .tabs-quote{color:#8dc63f;border-color:#8dc63f}.cust-tab .el-tabs__header .el-tabs__item.is-active .tabs-order{color:#0c5790;border-color:#0c5790}.cust-tab .el-tabs__header .el-tabs__item.is-active .tabs-att{color:#f78e43;border-color:#f78e43}.cust-tab .el-tabs__header .el-tabs__item.is-active .tabs-info{color:#969ba3;border-color:#969ba3}.email-list{margin-top:8px}.email-list .el-tag{margin:0 4px 4px 0}.email-list .el-tag.el-tag--success{color:#90aad0;background-color:rgba(144,170,208,.2);border-color:rgba(144,170,208,.4)}.email-list .el-tag.el-tag--success .el-tag__close{color:#90aad0}.email-list .el-tag.el-tag--success .el-tag__close:hover{background-color:#90aad0;color:#fff}.cust-head{display:flex;justify-content:space-between}.cust-head .cust-head-title{font-size:14px;font-weight:700;color:#2d4668}.cust-card-list{display:flex;flex-wrap:wrap}.cust-card-list .cust-card{position:relative;width:300px;margin:8px 16px 8px 0;border-color:#d3d8db}.cust-card-list .cust-card .el-card__body{padding:8px 8px 30px 8px}.cust-card-list .cust-card.quote{background-color:#f0f7e6}.cust-card-list .cust-card.product{background-color:#e6f1fa}.cust-card-list .cust-card.deals{background-color:#fcf7e3}.cust-card-list .cust-card.order{background-color:#e6f1fa}.cust-card-list .cust-card .cust-card-title{display:flex;align-items:flex-start;justify-content:space-between;font-size:14;font-weight:700;color:#2d4668}.cust-card-list .cust-card .cust-card-title a{font-size:14;font-weight:700;color:#2d4668;margin-left:4px;max-width:100%;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1}.cust-card-list .cust-card .attachment-card{display:flex;width:100%}.cust-card-list .cust-card .attachment-card .attachment-content{margin-left:12px;width:calc(100% - 60px)}.cust-card-list .cust-card .cust-card-item{padding:4px 0;color:#606266}.cust-card-list .cust-card .cust-card-item strong{color:#2d4668}.cust-card-list .cust-card .cust-card-item span{margin:0 4px}.cust-card-list .cust-card .cust-card-footer{position:absolute;width:100%;padding:4px 8px;bottom:0;left:0;display:flex;align-items:center;justify-content:space-between;background-color:#fff;border-radius:0 0 3px 3px}.cust-card-list .cust-card .cust-card-footer .product-count{display:flex;align-items:center;font-size:12px;height:14px;min-width:30px;padding:0 2px;background-color:#d3d8db;color:#fff;border-radius:7px}.cust-card-list .cust-card .cust-card-footer .product-count .bn-icon{margin-right:2px}.is-sider{height:100vh;padding:0 12px;overflow:auto}.is-sider .customer-detail{justify-content:baseline;flex-wrap:wrap}.is-sider .customer-detail .customer-content,.is-sider .customer-detail .customer-sider{width:100%}.timeline-handle{margin:0 auto 8px auto;justify-content:space-between}.timeline-handle,.timeline-handle .timeline-filter{display:flex;align-items:center}.timeline-handle .timeline-filter .el-select{width:120px;margin-right:8px}.state-nav{display:flex;align-items:center;overflow:hidden;border-radius:2px}.state-nav .state-nav-item{position:relative;z-index:2;height:24px;width:80px;font-size:12px;line-height:24px;margin-right:16px;text-align:center;color:#fff;cursor:pointer}.state-nav .state-nav-item:last-child{width:88px;margin-right:-8px}.state-nav .state-nav-item.is-active{color:#2d4668}.state-nav .state-nav-item.is-active:after,.state-nav .state-nav-item.is-active:before{background-color:#eec624}.state-nav .state-nav-item .ba{position:absolute;content:"";left:-8px;z-index:-1;border-radius:2px;width:calc(100% + 8px);height:50%;background-color:#b5bbc4}.state-nav .state-nav-item:before{position:absolute;content:"";left:-8px;z-index:-1;border-radius:2px;width:calc(100% + 8px);height:50%;top:0;transform:skew(45deg);background-color:#b5bbc4}.state-nav .state-nav-item:after{left:-8px;z-index:-1;border-radius:2px;width:calc(100% + 8px);height:50%;background-color:#b5bbc4;position:absolute;content:"";bottom:0;transform:skew(-45deg)}.contacts-bradges{display:flex;align-items:center;justify-content:center;cursor:pointer}.contacts-bradges .importants{color:#53caab;font-weight:700;margin-right:4px}.contacts-bradges .totals{height:16px;margin-left:4px;line-height:16px;background-color:#53caab;border-radius:12px;color:#fff;padding:0 6px;display:flex;align-items:center}.contacts-bradges .totals.disable{cursor:auto;background-color:#c0c4cc}.contacts-bradges .totals .bn-icon{margin-right:4px}.trans-contact{background-color:#f1f4f7;overflow:hidden}.trans-contact .trans-box{width:100%;padding:16px;background-color:#fff}.trans-contact .trans-box .trans-item{width:100%;display:flex;padding:8px 0;align-items:center;flex-wrap:wrap}.trans-contact .trans-box .user-tag{display:inline-block;align-items:center;padding:0 8px;height:24px;margin-right:4px;line-height:24px;border-radius:12px;font-size:12px;border:1px solid #85a0c9;color:#85a0c9;max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trans-contact .trans-box .user-tag .bn-icon{margin-right:4px}.trans-contact .trans-box .trans-name{font-size:14px;font-weight:700;color:#2d4668;margin-right:8px}.trans-contact .trans-box .trans-user-list{display:inline-flex;flex-wrap:wrap;margin:4px 0}.trans-contact .trans-box .trans-user-list .user-tag{margin-bottom:4px;border-color:#53caab;color:#53caab;cursor:pointer}.trans-contact .trans-box .trans-user-list .user-tag:hover{background-color:#53caab;color:#fff}.trans-contact .trans-box .trans-user-list .user-tag.disable{background-color:#b5bbc4;border-color:#b5bbc4;color:#fff}.trans-contact .trans-details{width:100%;display:flex;padding:8px 0;justify-content:space-between}.trans-contact .trans-details .trans-details-item{position:relative;flex:1;margin:0 8px;overflow-x:hidden}.trans-contact .trans-details .trans-details-item.contacts{padding-left:45px}.trans-contact .trans-details .trans-details-item.contacts .customer-info{overflow-x:hidden}.trans-contact .trans-details .trans-details-item.contacts .trans-contacts-list{position:absolute;top:0;left:0;width:45px}.trans-contact .trans-details .trans-details-item.contacts .trans-contacts-list .trans-contacts-list-item{width:45px;height:45px;line-height:45px;color:#8d9095;background-color:#f9fafb;text-align:center;cursor:pointer}.trans-contact .trans-details .trans-details-item.contacts .trans-contacts-list .trans-contacts-list-item:not(:last-child){border-bottom:1px solid #d3d8db}.trans-contact .trans-details .trans-details-item.contacts .trans-contacts-list .trans-contacts-list-item.is-active{color:#53caab;background-color:#fff}.trans-btns{width:100%;padding:8px;background-color:#f1f4f7;border-top:1px solid #d3d8db;text-align:right;border-radius:0 0 5px 5px}.set-assigned{width:100%}.set-assigned .el-select{width:100%;margin-bottom:16px}.add-email-person{width:100%;display:flex;align-items:center;margin-bottom:12px}.add-email-person .el-input,.add-email-person .el-select{width:100%;margin-right:12px}.other-field-list{width:100%;display:flex;align-items:center;margin:8px auto}.other-field-list .other-field-item{margin-right:12px;display:flex;align-items:center}.other-field-list .other-field-item.amount{max-width:220px}.other-field-list .other-field-item.amount .amount-item{width:100%;display:flex;align-items:center}.other-field-list .other-field-item .valid-time{display:flex;align-items:center}.other-field-list .other-field-item .valid-time .el-input-number.is-without-controls .el-input__inner{padding:0 4px}.other-field-list .other-field-item .valid-time .el-input{width:45px;margin-right:4px}.other-field-list .other-field-item .el-input-number.is-controls-right{height:28px}.other-field-list .other-field-item .el-input-number.is-controls-right .el-input-number__decrease,.other-field-list .other-field-item .el-input-number.is-controls-right .el-input-number__increase{height:14px;line-height:14px}.other-field-list .other-field-item .el-select .el-input__inner{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.other-field-list .other-field-item .el-select .el-select__tags-text{display:inline-block;vertical-align:bottom;max-width:100px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.user-card{display:flex;align-items:center;height:46px}.user-card .user-avatar{width:50px;height:50px;overflow:hidden;border-radius:50%;margin-right:8px;cursor:pointer}.user-card .user-avatar img{width:100%}.user-card .user-name{width:calc(100% - 60px);position:relative}.user-card .user-name .contacts-bradges{position:absolute;right:-16px;top:4px}.user-card .user-name h4>a{color:#2d4668;display:inline-block;max-width:100%;vertical-align:-webkit-baseline-middle;padding-right:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-card .user-name h4>a:hover{color:#ff8e42}.sortable-drag{border:3px dashed #d3d8db}.socail-search-form{position:relative}.socail-search-form .search-input{padding:24px}.socail-search-form .socail-search-list{width:100%;height:360px;overflow:auto}.socail-search-form .socail-search-list .socail-item{width:100%;padding:12px 24px;display:flex;align-items:center;border-top:1px solid #d3d8db}.socail-search-form .socail-search-list .socail-item .el-checkbox{margin-right:8px}.socail-search-form .socail-search-list .socail-item .socail-content{margin-left:12px;vertical-align:top;width:calc(100% - 100px)}.socail-search-form .socail-search-list .socail-item .socail-content .socail-header{display:flex;margin-bottom:4px}.socail-search-form .socail-search-list .socail-item .socail-content .socail-header h4{margin-right:12px}.button-link a{color:#606266}.button-link:hover a{color:#ff8e42}.cust-wrap{padding:0 16px 50px 16px}.campaigns-list-con,.mailmk-camp-bd,.mailmk-receiver,.mailmk-template,.sms-camp-bd,.sms-receiver,.sms-template,.whatsapp-camp-bd,.whatsapp-receiver,.whatsapp-template{padding-bottom:50px}.el-table.table-responsive{-webkit-transition:all .3s;-ms-transition:all .3s;-moz-transition:all .3s;transition:all .3s}.el-table.table-responsive th{padding:1px 0;height:34px}.el-table.table-responsive th .cell{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.el-table.table-responsive tr td{padding:12px 0}.el-table.table-responsive tr td .cell{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.el-table .product-name{display:block}.pagination-box.fixed{position:fixed;bottom:0;right:17px;width:calc(100% - 274px);z-index:9;background:rgba(240,242,245,.8)}.pagination-box.fixed .el-pagination{margin:0;padding:10px 20px 10px 10px}.pagination-box.fixed .el-pagination .el-pagination__sizes,.pagination-box.fixed .el-pagination .el-select .el-input{margin:0}.pagination-box.fixed.el-pagination{margin:0;padding:10px 20px 10px 10px;width:calc(100% - 254px)}.cust-pop{padding:0}.dialog-footer-fixed{position:fixed;background-color:#f1f4f7;padding:4px 24px;bottom:10px;border:none;opacity:.8;z-index:100;transition:all .5s;box-shadow:0 5px 8px rgba(0,0,0,.3);text-align:right}.dialog-footer-fixed .el-button{min-width:80px}.dialog-footer-fixed:hover{opacity:1;transition:all .5s}.is-sider .trade-body .nav-content .trade-box-content.supplier-country-map .country-percentage,.is-sider .trade-body .nav-content .trade-box-content.supplier-country-map .supplier-top{width:calc(100% - 8px)}.is-sider .trade-body .nav-content .trade-box-content.supplier-country-map .supplier-top{margin-bottom:12px}.match-list{padding:24px}.match-list .match-list-item{padding:8px 0;display:flex;align-items:center}.match-list .match-list-item .match-label{width:80px}.match-list .match-list-item .match-value{max-width:calc(100% - 124px)}.match-list .match-list-item .match-value span{word-break:break-all;word-wrap:break-word}@media (max-width:1400px){.tool-bar h3{font-size:14px;font-weight:700;color:#2d4668}.el-pagination{margin-top:8px}.search-result-count{margin-bottom:4px;font-size:13px;font-weight:700;color:#2d4668}.table-warp .table-sort{width:34px;height:34px;line-height:34px}.table-warp .table-tools{min-height:32px;height:auto;line-height:32px}.table-warp .table-tools .table-tools-item{font-size:12px}.table-warp .table-tools .el-button--mini{padding:5px 8px;font-size:12px}.el-table .lead-infos p{font-size:12px;line-height:16px}.el-table.table-responsive{-webkit-transition:all .3s;-ms-transition:all .3s;-moz-transition:all .3s;transition:all .3s}.el-table.table-responsive th{padding:1px 0;height:34px}.el-table.table-responsive th .cell{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:34px}.el-table.table-responsive tr td{padding:3px 0}.el-table.table-responsive tr td .cell{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.el-table.table-responsive .user-name h4{font-size:14px;font-weight:700;color:#2d4668;font-weight:500;line-height:20px}.el-table.table-responsive .user-name h4+p{font-size:12px;line-height:16px}.el-table.table-responsive .user-name h4+p .iconfont{font-size:12px!important}.el-table.table-responsive .flag-icon{font-size:14px}.el-table.table-responsive .flag-icon+p{font-size:12px;line-height:14px}.el-table.table-responsive .user-avatar{width:30px!important;height:30px!important}.el-table.table-responsive .iconfont,.el-table.table-responsive .si,.el-table.table-responsive div,.el-table.table-responsive p,.el-table.table-responsive span{font-size:13px!important}}.cell-action-text{width:100%;position:relative;display:flex;align-items:center}.cell-action-text .cell-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 20px)}.cell-action-text .cell-more-btn{width:16px;height:16px;margin-left:2px;display:flex;justify-content:center;align-items:center}.cell-action-text .cell-more-btn>i{line-height:2px}.cell-action-text.description-poper .cell-more-btn{border:none}.email-warn{padding:4px 0;font-size:12px;color:#999}.list-in-cell{width:100%;position:relative;min-width:200px}.list-in-cell .item-in-cell{width:100%;display:flex;align-items:center;text-align:left;padding:4px 0;color:#606266}.list-in-cell .item-in-cell i{margin-right:4px}.dropdown-select{padding:0 6px;font-size:13px;font-weight:400;cursor:pointer}.dropdown-select-list .is-active{color:#ff8e42}.el-dropdown-menu.more-wa{padding:10px 15px}.el-dropdown-menu.more-wa li{line-height:1.5;color:#2d4668}.wa-click{cursor:pointer}.wa-click .icon-whatsapp{color:#008069;margin-left:5px}.w120{width:120px!important}.el-progress.el-progress--circle .el-progress__text{font-size:12px!important}