.h1,h1{font-size:20px}.h1,.h2,h1,h2{font-weight:700;color:#313d4b}.h2,h2{font-size:18px}.h3,h3{font-size:16px}.h3,.h4,h3,h4{font-weight:700;color:#313d4b}.h4,h4{font-size:14px}.h5,h5{font-size:13px}.h5,.h6,h5,h6{font-weight:700;color:#313d4b}.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:#313d4b}.text-center,.text-left{text-align:center}.text-right{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}.pull-left{float:left}.pull-right{float:right}.trans{-webkit-transition:all .3s;transition:all .3s}@-webkit-keyframes scaleout{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scaleout{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}.chat-container{width:100%;height:calc(100vh - 58px);padding:0 0 0 4px}.chat-list-wrap{background-color:#fff;min-height:100%;border:1px solid #d3d8db}.chat-list-wrap .user-list{position:relative;width:100%;padding-top:45px}.chat-list-wrap .user-list.search-list .search-list-title{width:100%;padding:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.chat-list-wrap .user-list.search-list .search-no-result{font-size:13px;padding:0 8px}.chat-list-wrap .user-list .user-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #d3d8db;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.chat-list-wrap .user-list .user-item.search{padding:8px}.chat-list-wrap .user-list .user-item .user-check{margin:0 8px 0 12px}.chat-list-wrap .user-list .user-item .user-check:not(.is-checked){visibility:hidden}.chat-list-wrap .user-list .user-item .user-check .el-checkbox__label{display:none}.chat-list-wrap .user-list .user-item .user-content{padding:12px 12px 12px 0;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;width:calc(100% - 24px)}.chat-list-wrap .user-list .user-item.is-active{-webkit-transition:all .3s;transition:all .3s;background-color:#d3d8db;-webkit-box-shadow:10px 5px 10px rgba(0,0,0,.1);box-shadow:10px 5px 10px rgba(0,0,0,.1)}.chat-list-wrap .user-list .user-item:hover{background-color:#f1f4f7}.chat-list-wrap .user-list .user-item:hover .user-check{visibility:visible}.chat-list-wrap .user-list .user-item .user-avatar{width:30px;margin-right:12px}.chat-list-wrap .user-list .user-item .user-info{width:calc(100% - 42px)}.chat-list-wrap .user-list .user-item .user-info .user-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:4px}.chat-list-wrap .user-list .user-item .user-info .user-title .user-name{font-size:14px;color:#313d4b;font-weight:700}.chat-list-wrap .user-list .user-item .user-info .user-title .msg-time{font-size:12px}.chat-list-wrap .user-list .user-item .user-info .msg-newly{width:100%;color:#90959e;font-size:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.chat-list-wrap .user-list .user-item .user-info .msg-newly .msg-text{max-width:calc(100% - 30px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-wrap{position:relative;padding:12px;border-bottom:1px solid #d3d8db;width:100%;height:44px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:fixed;z-index:9;background:#fff;width:359px;border-right:1px solid #d3d8db}.search-wrap .search-cust.el-input .el-input__suffix{line-height:28px}.search-wrap .search-cust.el-input .el-input__inner{border:none}.search-wrap .check-all{margin-right:8px}.search-wrap .check-actions{position:absolute;right:8px;width:calc(100% - 36px);background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;z-index:2}.search-wrap .check-actions .el-button{margin-left:4px}.chat-page-content{width:100%;min-height:100%;padding:0;background-image:url(../img/chatboxes.018777ca.png);background-repeat:no-repeat;background-position:50%;background-size:200px}.chat-page-content,.chat-page-content .chat-panel{display:-webkit-box;display:-ms-flexbox;display:flex}.chat-page-content .chat-panel{width:calc(100% - 264px);margin-left:4px;margin-right:4px;background-color:#fff;border:1px solid #d3d8db;height:100%;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.chat-page-content .chat-panel .chat-panel-top{position:absolute;z-index:10;top:0;height:44px;width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 16px;line-height:53px;border-bottom:1px solid #d3d8db;background-color:#f1f4f7}.chat-page-content .chat-panel .chat-panel-top,.chat-page-content .chat-panel .chat-panel-top .chat-panel-handles{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.chat-page-content .chat-panel .chat-panel-top .chat-panel-handles .translate-btn{cursor:pointer;padding:8px;font-size:24px}.chat-page-content .chat-panel .chat-panel-top .chat-panel-handles .translate-btn:hover{color:#ff8e42}.chat-page-content .chat-panel .chat-body{padding:80px 12px 12px 12px;min-height:calc(100vh - 300px);height:calc(100vh - 120px);overflow:auto;position:relative}.chat-page-content .chat-panel .chat-footer{z-index:10}.chat-page-content .chat-panel .chat-footer .chat-tab{position:relative;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #d3d8db;border-top:1px solid #d3d8db;-webkit-box-shadow:-2px -2px 5px rgba(51,51,51,.1);box-shadow:-2px -2px 5px rgba(51,51,51,.1)}.chat-page-content .chat-panel .chat-footer .chat-tab .history-filter{position:absolute;right:0;top:0;border:none;width:36px;height:36px}.chat-page-content .chat-panel .chat-footer .chat-tab .chat-tab-item{padding:8px 12px;cursor:pointer}.chat-page-content .chat-panel .chat-footer .chat-tab .chat-tab-item.is-active{position:relative;font-weight:400;color:#ffb20b;-webkit-transition:all .3s;transition:all .3s}.chat-page-content .chat-panel .chat-footer .chat-tab .chat-tab-item.is-active:after{position:absolute;-webkit-transition:all .3s;transition:all .3s;content:"";height:2px;width:100%;bottom:-1px;left:0;background-color:#ffb20b}.chat-page-content .chat-panel .chat-footer .chat-medias{height:80px;width:100%;padding:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.chat-page-content .chat-panel .chat-footer .chat-medias .el-upload--picture-card,.chat-page-content .chat-panel .chat-footer .chat-medias .el-upload-list--picture-card .el-upload-list__item{width:60px;height:60px;line-height:60px}.chat-page-content .chat-panel .chat-footer .chat-medias .el-upload-list--picture-card .el-upload-list__item-status-label .el-icon-check{position:absolute;top:0;left:12px}.chat-page-content .chat-panel .chat-footer .chat-medias .chat-medias-item{width:56px;height:56px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.chat-page-content .chat-panel .chat-footer .chat-medias .chat-medias-item img{width:100%;-o-object-fit:cover;object-fit:cover}.chat-page-content .chat-panel .chat-footer .chat-input-box{position:relative}.chat-page-content .chat-panel .chat-footer .chat-input-box .contact-able{position:absolute;z-index:10;top:0;left:0;bottom:0;right:0;padding:12px;background-color:#f1f4f7;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.chat-page-content .chat-panel .chat-footer .chat-input-box .contact-able p{width:100%;text-align:center;font-size:13px}.chat-page-content .chat-panel .chat-footer .chat-input-box.note{background-color:#fff}.chat-page-content .chat-panel .chat-footer .chat-input-box .el-textarea{width:100%;background:transparent}.chat-page-content .chat-panel .chat-footer .chat-input-box .el-textarea .el-textarea__inner{resize:none;border:none;background:transparent;height:80px;max-height:140px}.chat-page-content .chat-panel .chat-footer .send-info{width:100%;height:36px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px;text-align:right}.chat-page-content .chat-panel .chat-footer .send-info .chat-tools,.chat-page-content .chat-panel .chat-footer .send-info .chat-tools .chat-tools-item{height:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.chat-page-content .chat-panel .chat-footer .send-info .chat-tools .chat-tools-item{width:30px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;margin-right:8px}.chat-page-content .chat-panel .chat-footer .send-info .chat-tools .chat-tools-item:hover{background-color:#f1f4f7}.chat-page-content .chat-panel .chat-footer .send-info .chat-send>span{font-size:12px;margin-right:12px;color:#d1d4db}.chat-page-content .user-info-panel{width:360px;height:100%;overflow:auto;padding-right:4px}.chat-page-content .user-info-panel .me-card{border-radius:0;margin-bottom:4px}.chat-page-content .user-info-panel .me-card .me-card-head{height:44px;background-color:#f1f4f7;border-bottom:1px solid #d3d8db;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.chat-page-content .user-info-panel .me-card .me-card-head .user-info-header{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.chat-page-content .user-info-panel .me-card .me-card-head .user-info-header .collapse-btn{cursor:pointer}.chat-page-content .chat-body{padding:12px 24px}.chat-page-content .chat-body .loadmore{font-size:12px;text-align:center}.chat-page-content .chat-body .loadmore>span{cursor:pointer}.chat-page-content .chat-body .loadmore>span:hover{color:#ff8e42}.el-dropdown-menu__item.is-active{color:#ff8400}.tag-wrap{margin-bottom:8px}.tag-wrap .tag-label{font-size:12px}.tag-wrap .tag-label .iconfont{margin-right:8px;font-size:13px}.tag-wrap .tag-list{margin:8px auto;-ms-flex-wrap:wrap;flex-wrap:wrap}.tag-wrap .tag-list,.tag-wrap .tag-list .el-tag.add-tag-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tag-wrap .tag-list .el-tag.add-tag-btn{width:20px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.tag-wrap .tag-list .el-tag .iconfont{font-size:12px}.tag-wrap .tag-list .el-tag{margin-right:4px;margin-bottom:4px;font-size:12px}.intention-warp{position:relative;font-size:12px}.intention-warp .intention-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.intention-warp .intention-info .intention-counts{text-align:center;-webkit-box-flex:1;-ms-flex:1;flex:1}.intention-warp .intention-info .intention-counts strong{display:block;color:#ff8400}.intention-warp .intention-record-title{font-size:12px;margin-bottom:8px}.intention-warp .intention-record .record-item{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;padding:2px 0;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.intention-warp .intention-record .record-item .url-name{max-width:70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.name-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.name-card .avatar{margin-right:12px}.name-card .bn-star{margin-left:4px;font-size:15px}.name-card .to-contact{margin-left:10px}.msg-list{width:100%;float:left}.msg-list .message-text-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.msg-list .message-text-item:hover .msger-actions{visibility:visible}.msg-list .message-text-item .msger-actions{cursor:pointer;margin-left:12px;visibility:hidden}.msg-list .message-text-item .msger-actions.right{margin-left:0;margin-right:12px}.msg-list .msg-note{width:100%}.msg-list .msg-note h4{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.msg-list .msg-note .msg-cta-content p{padding:2px 0}.msg-list .msg-note .msg-cta-content p>a{white-space:nowrap;width:100%;text-overflow:ellipsis}.msg-list .msg-note h4{color:#313d4b;width:100%;font-size:13px;font-weight:400;padding-bottom:4px;border-bottom:1px dashed #f1dca4}.msg-list .msg-note p{padding:8px 0;font-size:12px;color:#90959e}.msg-track h4{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:12px;padding:4px;border-bottom:1px dashed #9fb6cc}.msg-track h4 .msg-track-title p{font-weight:400;color:#90959e}.msg-track .msg-track-content{padding:4px;font-size:12px}.msg-track .msg-track-content .msg-track-url{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-track .msg-track-content .msg-track-metas{margin-top:4px;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.msg-track .msg-track-content .msg-track-metas span{width:50%}.msg-track .msg-track-content .urlref span{-webkit-text-fill-color:transparent;background:linear-gradient(76.73deg,#36bcff .71%,#065aff 37.81%,#b368ff 80.36%,#ffb168 109.82%);background-clip:text;-webkit-background-clip:text;font-style:italic;font-weight:700}.chat-room{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.media-item{width:100%;max-width:360px}.media-item img,.media-item video{width:100%}.file-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:160px;padding:8px;border:1px solid #d3d8db;border-radius:4px}.file-card .file-icon{margin-right:8px}.file-card .file-icon .iconfont{font-size:30px;color:#333}.file-card .file-info h5{max-width:100px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.file-card .file-actions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:12px;color:#90959e}.emoji-mart.emoji-list{width:300px;height:240px;border:none}.image-slot{width:200px;height:120px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#795548;color:#fff;border-radius:5px;font-size:13px}.image-slot i{font-size:20px;margin-right:8px}.emoji-popper{padding:0}.chatroom-track-list .track-list-item{padding-bottom:1px}.chatroom-track-list .track-list-item h4{width:100%;margin-bottom:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:12px;font-weight:700;color:#313d4b}.chatroom-track-list .track-list-item h4 small{font-weight:400;color:#90959e;margin-left:16px}.chatroom-track-list .track-list-item h4+p{font-size:12px;color:#90959e;margin-bottom:4px}.chatroom-track-list .track-list-item .track-content{width:100%;padding-bottom:12px;font-size:12px;border-bottom:1px dashed #d3d8db}.chatroom-track-list .track-list-item .track-content.post{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.chatroom-track-list .track-list-item .track-content.post .post-comment{width:300px;max-width:calc(100% - 60px);padding-right:12px}.chatroom-track-list .track-list-item .track-content.post .post-comment>p{color:#90959e;margin-bottom:4px;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.chatroom-track-list .track-list-item .track-content.post .post-content{display:-webkit-box;display:-ms-flexbox;display:flex;width:40px;height:40px;padding:4px;border-radius:4px;background-color:#f1f4f7;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.chatroom-track-list .track-list-item .track-content.post .post-content>span{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-break:break-all;color:#90959e}.chatroom-track-list .track-list-item .track-content.post .post-content .el-image .el-image__error{font-size:12px}.chatroom-track-list .track-list-item .track-content>p{width:100%;color:#90959e}.chatroom-track-list .track-list-item .track-content>p a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chatroom-track-list .track-list-item .track-content .urlref span{-webkit-text-fill-color:transparent;background:linear-gradient(76.73deg,#36bcff .71%,#065aff 37.81%,#b368ff 80.36%,#ffb168 109.82%);background-clip:text;-webkit-background-clip:text;font-style:italic;font-weight:700}.chatroom-track-list .track-list-item .track-content .urlref a{display:inline}.assign-cust{cursor:pointer}.assign-cust:hover{color:#ff8e42}.trans-set{position:relative}.trans-set .trans-set-btn{font-size:18px}.trans-set .translate-panel{height:450px}.translate-panel{position:absolute;top:44px;right:0;width:320px;height:calc(100% - 240px);overflow:hidden;z-index:100;background-color:#fff;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);border-radius:0 0 5px 5px}.translate-panel .translate-header{padding:12px 24px;border-bottom:1px solid #d3d8db}.translate-panel .translate-header h3{font-size:14px;font-weight:700;color:#313d4b}.translate-panel .translate-settings{padding:12px 24px;height:calc(100% - 47px);overflow:auto}.translate-panel .translate-settings .translate-settings-item{width:100%;margin-bottom:12px}.translate-panel .translate-settings .translate-settings-item>label{display:block;margin-bottom:8px;font-size:13px;font-weight:700;color:#313d4b}.translate-panel .translate-settings .translate-settings-item .el-select{width:100%}.translate-panel .translate-settings .translate-settings-item.set-turn-off{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.translate-panel .translate-info{line-height:20px;font-size:12px}.translate-panel .translate-info>p{margin-bottom:8px}.translate-panel .translate-agreement{position:relative;height:calc(100% - 47px);overflow:hidden}.translate-panel .translate-agreement h1{font-size:20px;padding:12px 0}.translate-panel .translate-agreement h2{font-size:16px;padding:12px 0}.translate-panel .translate-agreement p{font-size:13px;line-height:20px}.translate-panel .translate-agreement ol>li{margin:4px auto}.translate-panel .translate-agreement .el-link{font-size:12px}.translate-panel .translate-agreement .translate-agreement-content{height:100%;padding:12px 24px 50px 24px;overflow:auto}.translate-panel .translate-agreement .translate-agreement-footer{height:50px;border-top:1px solid #d3d8db;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;bottom:0;left:0;width:100%;z-index:10;background-color:#f1f4f7}.trans-input-warp{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;border-bottom:1px solid #eee;-webkit-transition:all .3s;transition:all .3s}.trans-input-warp .trans-input-item{-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;-webkit-transition:all .3s;transition:all .3s}.trans-input-warp .trans-input-item.results-warp{position:relative;border-left:1px solid #eee}.trans-input-warp .trans-input-item.results-warp .trans-btn{position:absolute;left:0;top:50%;z-index:10;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.translate-lang-switch{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;padding:8px 0;border-bottom:1px solid #eee}.translate-lang-switch .el-select{width:120px}.translate-lang-switch .el-select .el-input__inner{border:none}.translate-lang-switch .switch-btn{margin:0 12px;cursor:pointer}.translate-lang-switch .switch-btn.switch-disable{cursor:inherit;color:#ccc}.list-load-more{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:8px 0}.list-load-more p{text-align:center;font-size:12px;color:#ccc}