.container[data-v-c6366b2a]{display:flex;flex-direction:column;overflow:hidden!important}.container .serchBox[data-v-c6366b2a]{background:#f7f9fb;border-radius:20px;height:40px;padding:0 20px;display:flex;align-items:center;justify-content:flex-start;box-sizing:border-box;margin:10px 0}.container .serchBox[data-v-c6366b2a] .el-input__inner{border:none;background:transparent}.container .common-scroll[data-v-c6366b2a]{flex:1;overflow:auto}.container .conversation-item[data-v-c6366b2a]{padding:15px 20px;height:40px;border-top:1px solid #f2f6fc;cursor:pointer;position:relative}.container .conversation-item .badge[data-v-c6366b2a]{position:absolute;top:10px;right:10px}.container .conversation-item .topChat[data-v-c6366b2a]{position:absolute;top:0;left:0;width:20px;height:20px}.container .conversation-item .topChat img[data-v-c6366b2a]{width:14px}.container .conversation-item .close-btn[data-v-c6366b2a]{position:absolute;right:-20px;top:3px;transition:all .2s ease;color:#000;z-index:1200}.container .conversation-item .close-btn[data-v-c6366b2a]:hover{color:#409eff}.container .conversation-item:hover .close-btn[data-v-c6366b2a]{right:3px}.container .conversation-item .avatar[data-v-c6366b2a]{position:absolute}.container .conversation-item .info[data-v-c6366b2a]{margin-left:60px}.container .conversation-item .info .name[data-v-c6366b2a]{color:#303133;font-size:16px}.container .conversation-item .info .name span[data-v-c6366b2a]{font-size:12px;margin-left:5px}.container .conversation-item .info .content[data-v-c6366b2a]{font-size:12px;margin-top:3px;display:flex;align-items:center;justify-content:space-between}.container .conversation-item .info .content .text[data-v-c6366b2a]{color:#a5b5c1;flex:1;overflow:hidden}.container .conversation-item .info .content .date[data-v-c6366b2a]{color:#76828c;text-align:right}.container .conversation-item.selected[data-v-c6366b2a]{background-color:#38b195}.container .conversation-item.selected .info .name[data-v-c6366b2a]{color:#fff}.container .conversation-item.selected .info .content .text[data-v-c6366b2a]{color:#edf1f7}.container .conversation-item.selected .info .content .date[data-v-c6366b2a]{color:#ebeef5}.container .conversation-item.selected:hover .close-btn[data-v-c6366b2a]{color:#edf1f7}.container .conversation-item.selected:hover .close-btn[data-v-c6366b2a]:hover{color:#76828c}.container .loading-p[data-v-c6366b2a]{color:#303133;text-align:center}.wrap-header li[data-v-7c76345d],.wrap-header p[data-v-7c76345d],.wrap-header ul[data-v-7c76345d]{margin:0;padding:0;list-style-type:none}.wrap-header .container[data-v-7c76345d]{padding:10px;min-height:50px;box-sizing:border-box;background:#fff;display:flex;align-items:center;justify-content:space-between}.wrap-header .container .serchBox[data-v-7c76345d]{width:100%;background:#f7f9fb;border-radius:20px;height:40px;padding:0 20px;display:flex;align-items:center;justify-content:flex-start}.wrap-header .container .addBox[data-v-7c76345d]{width:35px;height:35px;background:#f7f9fb;display:flex;align-items:center;justify-content:space-around;transition:all .3s;cursor:pointer}.wrap-header .container .addBox[data-v-7c76345d]:hover{background:#eee}.wrap-header .container[data-v-7c76345d] .el-input__inner{border:none;background:transparent}.wrap-header[data-v-7c76345d] .el-dialog__body{padding:0}.wrap-header p[data-v-7c76345d]{text-align:center;font-size:14px;line-height:18px}.wrap-header p.p[data-v-7c76345d]{cursor:pointer;color:#38b195}.wrap-header .userList[data-v-7c76345d]{padding:0 10px;height:500px}.wrap-header .userList .userItem[data-v-7c76345d]{height:60px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;cursor:pointer}.wrap-header .userList .userItem .info[data-v-7c76345d]{display:flex;align-items:center}.wrap-header .userList .userItem .info span[data-v-7c76345d]{padding-left:10px}.wrap-header .userList .userItem .quan[data-v-7c76345d]{width:20px;height:20px;border-radius:50%;border:1px solid #333;display:flex;justify-content:space-around;align-items:center}.wrap-header .userList .userItem .quan i[data-v-7c76345d]{color:transparent}.wrap-header .userList .userItem .quan.active[data-v-7c76345d]{border-color:#38b195;background:#38b195}.wrap-header .userList .userItem .quan.active i[data-v-7c76345d]{color:#fff}.wrap-header .userList .userItem[data-v-7c76345d]:hover{background:#eee}.wrap-header .serchList[data-v-7c76345d]{height:40px;padding:0 20px;margin-bottom:10px}.wrap-header .searchList[data-v-7c76345d]{position:absolute;left:0;right:0;top:60px;bottom:0;background:#eaeaea;z-index:100;border-top:1px solid #eee}.wrap-header .searchList .tit[data-v-7c76345d]{text-align:left;padding:0 10px;line-height:36px;background:#fff;margin:auto}.wrap-header .searchList ul[data-v-7c76345d]{background:#fff}.wrap-header .searchList ul.perList li[data-v-7c76345d]{display:flex;align-items:center;padding:10px;cursor:pointer}.wrap-header .searchList ul.perList li .avatar[data-v-7c76345d]{margin-right:10px;flex:0 0 40px;border-radius:50%;overflow:hidden}.wrap-header .searchList ul.perList li .avatar img[data-v-7c76345d]{width:40px;border-radius:50%}.wrap-header .searchList ul.perList li .txt[data-v-7c76345d]{flex:1}.wrap-header .searchList ul.perList li .txt .name[data-v-7c76345d]{color:#333;font-size:16px}.wrap-header .searchList ul.perList li .txt .p[data-v-7c76345d]{width:300px;color:#999;font-size:14px;text-align:left;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wrap-header .searchList ul.perList li[data-v-7c76345d]:hover{background:#d2d2d2}[data-v-26e8c8aa] .el-form{margin:0 50px}[data-v-26e8c8aa] .el-progress-circle{width:100%!important;height:100%!important}.upload-box[data-v-26e8c8aa]{text-align:center}.upload-box .preview[data-v-26e8c8aa]{position:relative;line-height:0}.upload-box .preview .progress[data-v-26e8c8aa]{position:absolute;left:0;right:0;top:0;bottom:0;width:80px;height:80px}.list .itemC[data-v-99906bf2]{margin-bottom:10px;display:flex;justify-content:flex-start;align-content:center}.list .itemC .icon[data-v-99906bf2]{font-size:26px;color:#409eff;padding-left:20px;position:relative;top:4px;cursor:pointer}.list .itemC .icon.jian[data-v-99906bf2]{color:#f56c6c}.search-box[data-v-819320d2]{padding:20px 30px}.list[data-v-819320d2]{overflow:auto;height:calc(100vh - 400px);padding:0 20px}.list-all-box .item[data-v-819320d2],.list-file-box .item[data-v-819320d2]{display:flex;margin-bottom:10px}.list-all-box .item .info[data-v-819320d2],.list-file-box .item .info[data-v-819320d2]{flex:1;padding:0 20px}.list-all-box .item .info .title[data-v-819320d2],.list-file-box .item .info .title[data-v-819320d2]{font-size:14px;color:#666;margin-bottom:10px}.list-all-box .item .info .content .text[data-v-819320d2],.list-file-box .item .info .content .text[data-v-819320d2]{font-size:14px;color:#000}.list-all-box .item .date[data-v-819320d2],.list-file-box .item .date[data-v-819320d2]{font-size:12px}.list-file-box .iconfont[data-v-819320d2]{font-size:40px}.list-image-box .image-group .label[data-v-819320d2]{margin-bottom:10px}.list-image-box .image-group .data-list[data-v-819320d2]{display:grid;grid-template-columns:repeat(5,120px);text-align:center}.list-image-box .image-group .data-list .img[data-v-819320d2]{width:100px;height:100px;margin-bottom:20px;cursor:pointer}.list-link-box .item[data-v-819320d2]{margin-bottom:10px}[data-v-819320d2] .el-dialog__body{padding:30px 20px;padding-top:0;position:relative}[data-v-819320d2] .el-dialog__body .el-tabs__nav-scroll{margin:0 100px}.empty-box[data-v-819320d2]{position:absolute;left:0;right:0;top:160px}.container .bar-box[data-v-495deb5f]{display:flex;align-items:center}.container .bar-box .item[data-v-495deb5f]{width:30px;height:30px;text-align:center;margin-right:10px;cursor:pointer}.container .bar-box .item .iconfont[data-v-495deb5f]{font-size:22px;line-height:30px;color:grey}.container .bar-box .item .iconfont.f26[data-v-495deb5f]{font-size:24px}.container .bar-box .item .iconfont[data-v-495deb5f]:hover{color:#000}.container .modify[data-v-495deb5f]{text-align:right;color:#38b195;cursor:pointer}.emoji-picker{--ep-color-bg:#fff!important;--ep-color-sbg:#fff!important}.text[data-v-3054c783]{margin:0;line-height:24px;white-space:pre-wrap;word-wrap:break-word}.box[data-v-493c7f03]{text-align:center;color:#c0c4cc;font-size:12px}.box p[data-v-493c7f03]{margin:10px}.text[data-v-493c7f03]{background:#fff;padding:4px 15px;border-radius:3px;color:#a5b5c1;font-size:12px;margin:auto;display:inline-block}.container[data-v-2c610092]{min-width:100px}.flieheader[data-v-d01a7e96]{display:flex;cursor:pointer}.flieheader .file-icon[data-v-d01a7e96]{font-size:40px!important}.flieheader .file-element[data-v-d01a7e96]{display:flex;flex-direction:column;margin-left:12px}.flieheader .file-element .file-size[data-v-d01a7e96]{font-size:12px;padding-top:5px}.flieheader .file-element .file-size i[data-v-d01a7e96]{font-size:16px}.file-jin[data-v-d01a7e96]{margin-top:5px}.file-jin .fail-s[data-v-d01a7e96]{color:red}.text[data-v-091a1488]{margin:0;line-height:24px;white-space:pre-wrap;word-wrap:break-word}.exchange-box .to-box[data-v-091a1488]{width:260px;border-radius:10px;background-color:#fff;color:#000;clear:both;overflow:hidden;height:auto}.exchange-box .to-box .message[data-v-091a1488]{padding:10px 20px;font-size:16px;line-height:24px}.exchange-box .to-box .message p[data-v-091a1488]{margin:4px 0;font-size:14px;color:#909399}.exchange-box .to-box .data[data-v-091a1488]{padding:0 20px 10px 20px}.exchange-box .to-box .button-group[data-v-091a1488]{border-top:1px solid #ebedf0;display:flex}.exchange-box .to-box .button-group.disable .button[data-v-091a1488]{cursor:no-drop}.exchange-box .to-box .button-group .button[data-v-091a1488]{padding:10px 0;text-align:center;float:left;width:50%;cursor:pointer}.exchange-box .to-box .button-group .button[data-v-091a1488]:first-child{border-right:1px solid #ebedf0}.exchange-box .button-box[data-v-091a1488]{text-align:center;cursor:pointer}.exchange-box .button-box i[data-v-091a1488]{font-size:24px}.exchange-box .button-box p[data-v-091a1488]{margin:0;margin-top:10px;padding:0}.text[data-v-75096f5f]{margin:0;line-height:24px;white-space:pre-wrap;word-wrap:break-word}.exchange-box .to-box[data-v-75096f5f]{width:260px;border-radius:10px;background-color:#fff;color:#000;clear:both;overflow:hidden;height:auto}.exchange-box .to-box .message[data-v-75096f5f]{padding:10px 20px;font-size:16px;line-height:24px}.exchange-box .to-box .message p[data-v-75096f5f]{margin:4px 0;font-size:14px;color:#909399}.exchange-box .to-box .data[data-v-75096f5f]{padding:0 20px 10px 20px}.exchange-box .to-box .button-group[data-v-75096f5f]{border-top:1px solid #ebedf0;display:flex}.exchange-box .to-box .button-group.disable .button[data-v-75096f5f]{cursor:no-drop}.exchange-box .to-box .button-group .button[data-v-75096f5f]{padding:10px 0;text-align:center;float:left;width:50%;cursor:pointer}.exchange-box .to-box .button-group .button[data-v-75096f5f]:first-child{border-right:1px solid #ebedf0}.exchange-box .button-box[data-v-75096f5f]{text-align:center;cursor:pointer}.exchange-box .button-box i[data-v-75096f5f]{font-size:24px}.exchange-box .button-box p[data-v-75096f5f]{margin:0;margin-top:10px;padding:0}.flieheader[data-v-2446678a]{cursor:pointer}.flieheader .file-icon[data-v-2446678a]{font-size:40px!important}.flieheader .file-element[data-v-2446678a]{display:flex;margin-left:12px;align-items:flex-end}.flieheader .file-element .file-size[data-v-2446678a]{font-size:12px;padding-top:5px}.flieheader video[data-v-2446678a]{width:100%;height:auto}.file-jin[data-v-2446678a]{margin-top:5px}.file-jin .fail-s[data-v-2446678a]{color:red}.container[data-v-0ef8e7d4]{padding:0 10px;font-size:14px;display:flex;align-items:center;cursor:pointer;position:relative}.container.fix[data-v-0ef8e7d4]{flex-direction:row-reverse}.container.fix img[data-v-0ef8e7d4]{transform:rotate(180deg)}.container .audio[data-v-0ef8e7d4]{position:absolute;left:0;top:0;right:0;bottom:0;z-index:10;opacity:0}.mobile[data-v-e21ade1a]{width:500px;height:calc(100vh - 160px);background:url(../../static/img/phone-bg.d9b3409d.png) no-repeat;position:relative;max-height:800px;min-height:600px;background-size:100% 100%;margin:auto}.mobile .mobile-iframe-box[data-v-e21ade1a]{position:absolute;top:15.5%;left:103px;width:calc(100% - 200px);overflow:hidden;height:68.6%}.mobile .mobile-iframe-box .mobile-iframe[data-v-e21ade1a]{height:100%;border:0;width:calc(100% + 10px)}[data-v-e21ade1a] .el-dialog{background:none;box-shadow:none}[data-v-e21ade1a] .el-dialog__headerbtn{background:#fff;width:30px;height:30px;border-radius:50%;display:none}[data-v-e21ade1a] .el-dialog__body{padding:0}.container .single-box[data-v-4e35eacc]{display:flex}.container .single-box .content-box[data-v-4e35eacc]{display:flex;flex-direction:column}.container .single-box .content-box .message-box[data-v-4e35eacc]{display:flex;align-items:center}.container .single-box .content-box .message-box .message-state[data-v-4e35eacc]{font-size:12px;color:#6e7981;margin-right:10px}.container .single-box .content-box .message-box .message-state .el-icon-loading[data-v-4e35eacc]{font-size:18px}.container .single-box .content-box .message-content[data-v-4e35eacc]{outline:none;font-size:14px;position:relative;max-width:350px;min-height:24px;word-wrap:break-word;word-break:break-all;padding:10px;box-shadow:0 5px 10px 0 rgba(0,0,0,.1)}.container .single-box .content-box .message-content .icon[data-v-4e35eacc]{position:absolute;font-size:24px}.container .single-box .content-box .message-date[data-v-4e35eacc]{color:#a5b5c1;font-size:12px;margin-top:3px}.container .single-box.position-left .content-box[data-v-4e35eacc]{align-items:flex-start}.container .single-box.position-left .content-box .message-content[data-v-4e35eacc]{background-color:#fff;margin-left:15px;border-radius:0 4px 4px 4px}.container .single-box.position-left .content-box .message-content .icon[data-v-4e35eacc]{left:-12px;color:#fff;transform:rotate(180deg)}.container .single-box.position-left .content-box .message-date[data-v-4e35eacc]{margin-left:15px}.container .single-box.position-right[data-v-4e35eacc]{flex-direction:row-reverse}.container .single-box.position-right .content-box[data-v-4e35eacc]{align-items:flex-end}.container .single-box.position-right .content-box .message-content[data-v-4e35eacc]{background-color:#38b195;margin-right:15px;border-radius:4px 0 4px 4px;color:#fff}.container .single-box.position-right .content-box .message-content .icon[data-v-4e35eacc]{right:-12px;color:#38b195}.container .single-box.position-right .content-box .message-date[data-v-4e35eacc]{margin-right:15px}.container .single-box.position-right .content-box .el-progress__text[data-v-4e35eacc]{color:#fff}.container .single-box.none .content-box[data-v-4e35eacc]{align-items:flex-start;margin:auto}.container .single-box.none .content-box .message-content[data-v-4e35eacc]{background:transparent!important;box-shadow:none;text-align:center}.conversation-current[data-v-efee3104]{display:flex;flex-direction:column;height:100%;position:relative;overflow:hidden}.conversation-current li[data-v-efee3104],.conversation-current p[data-v-efee3104],.conversation-current ul[data-v-efee3104]{margin:0;padding:0}.conversation-current .header-box[data-v-efee3104]{background:#fff;padding:0 20px;box-sizing:border-box;border-bottom:1px solid #ebeef5;color:#1c2438;font-size:18px;height:60px;display:flex;justify-content:space-between;align-items:center}.conversation-current .header-box .name[data-v-efee3104]{display:inline-block;text-shadow:#76828c 0 0 3px}.conversation-current .header-box i[data-v-efee3104]{font-size:25px;cursor:pointer}.conversation-current .q-detail[data-v-efee3104]{box-shadow:-5px 2px 5px #eee;position:absolute;top:60px;bottom:0;right:-400px;background:#fff;width:300px;z-index:10;transition:all .3s;overflow:hidden;padding:0 30px;box-sizing:border-box}.conversation-current .q-detail.active[data-v-efee3104]{right:0}.conversation-current .q-detail .perList[data-v-efee3104]{display:flex;flex-wrap:wrap}.conversation-current .q-detail .perList .item[data-v-efee3104]{margin-right:30px;margin-top:30px}.conversation-current .q-detail .perList .item[data-v-efee3104]:nth-child(4n+4){margin-right:0}.conversation-current .q-detail .perList .item .add-p[data-v-efee3104]{width:50px;height:50px;border:1px solid #eee;box-sizing:border-box;display:flex;align-items:center;justify-content:space-around;position:relative;cursor:pointer}.conversation-current .q-detail .perList .item .add-p i[data-v-efee3104]{font-size:25px;color:#000}.conversation-current .q-detail .perList .item .img-p[data-v-efee3104]{width:50px;height:50px;overflow:hidden;background:#eee}.conversation-current .q-detail .perList .item .img-p img[data-v-efee3104]{width:100%}.conversation-current .q-detail .perList .item span.label[data-v-efee3104]{display:block;text-align:center;width:50px;font-size:16px;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-current .q-detail .form-item[data-v-efee3104]{margin-bottom:20px}.conversation-current .q-detail .form-item p[data-v-efee3104]{font-size:18px;color:#999;margin-bottom:10px}.conversation-current .q-detail .form-item[data-v-efee3104] .el-input__inner{border:none;padding:0;font-size:18px;height:20px;line-height:20px}.conversation-current .q-detail .form-item[data-v-efee3104] .el-button--medium{font-size:16px}.conversation-current .q-detail .btn[data-v-efee3104]{display:flex;justify-content:space-around;align-items:center;margin-top:30px}.conversation-current .q-detail .btn span[data-v-efee3104]{display:block;text-align:center;font-size:16px;cursor:pointer}.conversation-current .q-detail .btn span.col1[data-v-efee3104]{color:red}.conversation-current .q-detail .btn span.col2[data-v-efee3104]{color:#999}.conversation-current .content-box[data-v-efee3104]{flex:1;height:100%;overflow:hidden}.conversation-current .content-box .message-box[data-v-efee3104]{padding:0 20px;height:100%;overflow:auto;box-sizing:border-box}.conversation-current .content-box .message-box .more[data-v-efee3104]{text-align:center}.conversation-current .content-box .message-box .no-more[data-v-efee3104]{text-align:center;color:#a5b5c1;padding:10px 10px;font-size:12px}.conversation-current .content-box .message-box .message-item[data-v-efee3104]{margin:20px 0}.conversation-current .userList[data-v-efee3104]{padding:0 10px;height:500px}.conversation-current .userList .userItem[data-v-efee3104]{height:60px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;cursor:pointer}.conversation-current .userList .userItem .info[data-v-efee3104]{display:flex;align-items:center}.conversation-current .userList .userItem .info span[data-v-efee3104]{padding-left:10px}.conversation-current .userList .userItem .quan[data-v-efee3104]{width:20px;height:20px;border-radius:50%;border:1px solid #333;display:flex;justify-content:space-around;align-items:center}.conversation-current .userList .userItem .quan i[data-v-efee3104]{color:transparent}.conversation-current .userList .userItem .quan.active[data-v-efee3104]{border-color:#38b195;background:#38b195}.conversation-current .userList .userItem .quan.active i[data-v-efee3104]{color:#fff}.conversation-current .userList .userItem[data-v-efee3104]:hover{background:#eee}.conversation-current .userList .userItem.disabled[data-v-efee3104]{opacity:.8;background:#eee;cursor:not-allowed}.conversation-current .userList .userItem.disabled .quan[data-v-efee3104]{background:#999;border-color:#999}.conversation-current .footer-box[data-v-efee3104]{border-top:1px solid #ebeef5;padding:20px;position:relative;margin-left:1px}.conversation-current .footer-box.hover[data-v-efee3104]{background:#fff}.conversation-current .footer-box[data-v-efee3104] .input-box .el-textarea{font-size:16px;color:#606266}.conversation-current .footer-box[data-v-efee3104] .input-box .el-textarea textarea{border:none;padding:0;background:transparent}.conversation-current .footer-box[data-v-efee3104] .input-box .el-textarea textarea::-webkit-scrollbar{width:0}.conversation-current .footer-box[data-v-efee3104] .send-button{position:absolute;right:20px;text-align:right;bottom:0}.conversation-current .footer-box[data-v-efee3104] .send-button .el-button{font-size:36px;color:#38b195}.container .IM-box[data-v-41bdbf02]{max-width:1100px;box-shadow:0 11px 20px 0 rgba(0,0,0,.2);margin:5vh auto;display:flex}.container .IM-box .left-fun[data-v-41bdbf02]{max-width:80px;width:80px;background:#909399;display:flex;flex-direction:column;align-items:center;position:relative}.container .IM-box .left-fun .item[data-v-41bdbf02]{height:60px;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-bottom:20px;width:100%;color:#fff}.container .IM-box .left-fun .item i[data-v-41bdbf02]{font-size:26px}.container .IM-box .left-fun .item.close[data-v-41bdbf02]{position:absolute;left:0;right:0;bottom:0}.container .IM-box .right[data-v-41bdbf02]{flex:1}.container .IM-box .conversation-box[data-v-41bdbf02]{background:#fff;height:90vh;display:flex;flex-direction:column;position:relative}.container .IM-box .conversation-box .conversation-list-box[data-v-41bdbf02]{flex:1;overflow:auto;-webkit-box-flex:1;overflow-x:hidden}.container .IM-box .chat-box[data-v-41bdbf02]{background:#f5f5f5;height:90vh;position:relative}.container .IM-box .chat-box .closeBox[data-v-41bdbf02]{cursor:pointer;width:30px;height:30px;position:absolute;right:-30px;top:0;display:flex;align-items:center;justify-content:space-around}.container .IM-box .chat-box .closeBox i[data-v-41bdbf02]{font-size:30px}