.main-body[data-v-27291086]{height:calc(100% - var(--app-header-height) - var(--app-header-border-height));width:100%;background-color:#fff;display:flex}.main-body .page-body[data-v-27291086]{width:100%;box-sizing:border-box;height:100%;flex-shrink:1;overflow:hidden}.main-body .page-body .bottom[data-v-27291086]{position:absolute;bottom:0;text-align:center;width:100%;height:60px;line-height:60px}.cropper-container[data-v-3ca5c24a]{width:400px;height:400px}.right[data-v-3ca5c24a]{position:relative}.right .preview-container[data-v-3ca5c24a]{padding:0 20px;height:200px;width:200px}.right .preview-container img[data-v-3ca5c24a]{max-width:100%;max-height:100%}.right .btn-group[data-v-3ca5c24a]{position:absolute;bottom:0;padding:0 20px}.preview-image[data-v-15c1c233]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:999999;display:grid;place-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.preview-image img[data-v-15c1c233]{max-width:100vw;max-height:100vh;-webkit-user-select:none;-moz-user-select:none;user-select:none}.preview-image .btn-icon[data-v-15c1c233]{color:#b5b6b7;cursor:pointer;width:44px;height:44px;display:grid;place-items:center}.preview-image .btn-icon[data-v-15c1c233]:hover{color:#fff}.preview-image .btn-close[data-v-15c1c233]{position:absolute;top:40px;right:40px;width:44px;height:44px;border-radius:50%;background-color:rgba(0,0,0,.5);display:grid;place-items:center}.preview-image .btn-group[data-v-15c1c233]{position:absolute;bottom:30px;left:50%;background-color:rgba(0,0,0,.5);width:240px;height:44px;border-radius:22px;display:flex;align-items:center;justify-content:space-around;padding:0 22px;transform:translate(-50%)}.preview-image .btn-left-arrow[data-v-15c1c233]{left:40px;place-items:center;transform:translateY(-50%)}.preview-image .btn-left-arrow[data-v-15c1c233],.preview-image .btn-right-arrow[data-v-15c1c233]{position:absolute;top:50%;width:44px;height:44px;border-radius:50%;background-color:rgba(0,0,0,.5);display:grid}.preview-image .btn-right-arrow[data-v-15c1c233]{right:40px;place-items:center;transform:translateY(-50%)}canvas[data-v-336e2a12],canvas[data-v-4184356e]{display:block;margin:20px auto;box-shadow:0 0 8px #ddd}.svg[data-v-696a0b70]{width:44px;height:44px}.text[data-v-534083aa]{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;line-height:20px;position:relative}.text.all[data-v-534083aa]{-webkit-line-clamp:99999}.text.all[data-v-534083aa]:after{display:none}.text[data-v-534083aa]:before{content:" ";float:right;width:0;height:calc(100% - 20px)}.text[data-v-534083aa]:after{content:"";width:100%;height:100%;position:absolute;background:#fff;float:right}.text .btn-fold[data-v-534083aa],.text .btn-more[data-v-534083aa]{float:right;clear:both;color:#06f;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:0 5px;cursor:pointer}.preview-video[data-v-0617cf83]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:999999;display:grid;place-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.preview-video video[data-v-0617cf83]{max-width:100vw;max-height:100vh;-webkit-user-select:none;-moz-user-select:none;user-select:none}.preview-video .btn-icon[data-v-0617cf83]{color:#b5b6b7;cursor:pointer;width:44px;height:44px;display:grid;place-items:center}.preview-video .btn-icon[data-v-0617cf83]:hover{color:#fff}.preview-video .btn-close[data-v-0617cf83]{position:absolute;top:40px;right:40px;width:44px;height:44px;border-radius:50%;background-color:rgba(0,0,0,.5);display:grid;place-items:center}.preview-video .btn-left-arrow[data-v-0617cf83]{left:40px;place-items:center;transform:translateY(-50%)}.preview-video .btn-left-arrow[data-v-0617cf83],.preview-video .btn-right-arrow[data-v-0617cf83]{position:absolute;top:50%;width:44px;height:44px;border-radius:50%;background-color:rgba(0,0,0,.5);display:grid}.preview-video .btn-right-arrow[data-v-0617cf83]{right:40px;place-items:center;transform:translateY(-50%)}.group .line[data-v-95a20446]{display:flex;align-items:center;height:28px;line-height:28px;cursor:pointer;margin-bottom:3px;padding:0 5px}.group .line.checked[data-v-95a20446]{background-color:#f2f2f2}.group .line[data-v-95a20446]:hover{background-color:#f2f2f2;border-radius:4px}.group .line .arrow[data-v-95a20446]{height:18px;width:18px;display:grid;place-items:center;flex-shrink:0;transition:all .3s}.group .line .arrow.fold[data-v-95a20446]{transform:rotate(-90deg)}.group .line .icon[data-v-95a20446]{height:18px;width:20px;display:grid;place-items:center;flex-shrink:0}.group .line .title[data-v-95a20446]{width:100%;flex-shrink:1;height:28px;line-height:28px}.group .line .operation[data-v-95a20446]{flex-shrink:0;align-items:center;display:none}.group .line .operation .el-icon[data-v-95a20446]{margin:0 3px}.group .line:hover .operation[data-v-95a20446]{display:flex}.group .child[data-v-95a20446]{padding-left:16px}.permission[data-v-95a20446]{display:flex;cursor:pointer;padding-left:8px;height:28px;line-height:28px;align-items:center}.permission.checked[data-v-95a20446]{background-color:#06f;color:#fff;border-radius:4px}.permission .icon[data-v-95a20446]{height:18px;width:20px;display:grid;place-items:center;flex-shrink:0}.slider-puzzle[data-v-0b1e5ae6]{position:relative;width:320px}.slider-puzzle .puzzle[data-v-0b1e5ae6]{width:320px;height:180px;background-color:#fff;position:relative}.slider-puzzle .puzzle .background[data-v-0b1e5ae6]{position:absolute;width:320px;height:180px;top:0;left:0}.slider-puzzle .puzzle .sliding-block[data-v-0b1e5ae6]{position:absolute;top:0;left:0;z-index:1;opacity:0;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}.slider-puzzle .puzzle .sliding-block.show[data-v-0b1e5ae6]{opacity:1}.slider-puzzle .slider[data-v-0b1e5ae6]{margin-top:10px;height:40px;width:320px;overflow:hidden;position:relative}.slider-puzzle .slider .slider-text[data-v-0b1e5ae6]{width:100%;height:100%;background-color:#eef1f8;position:absolute;border-radius:4px;top:0;left:0;display:grid;place-items:center;color:#ccc}.slider-puzzle .slider .slider-range[data-v-0b1e5ae6]{max-width:100%;background-color:#6aa0ff;display:flex;justify-content:end;border-radius:5px;z-index:2;position:relative}.slider-puzzle .slider .slider-range .btn-slider[data-v-0b1e5ae6]{width:40px;height:40px;border-radius:4px;background-color:#fff}.popover-animate-enter-from[data-v-fd1004dc],.popover-animate-leave-to[data-v-fd1004dc]{opacity:0}.popover-animate-enter-to[data-v-fd1004dc],.popover-animate-leave-from[data-v-fd1004dc]{opacity:1}.popover-animate-enter-active[data-v-fd1004dc],.popover-animate-leave-active[data-v-fd1004dc]{transition:opacity .3s ease}.main-title[data-v-fd1004dc]{height:var(--app-header-height);width:100%;background:#06f;position:sticky;top:0;z-index:999;display:flex}.main-title .company-name[data-v-fd1004dc]{line-height:var(--app-header-height);min-width:var(--app-left-menu-width-max);text-align:center;color:#fff;font-size:16px;font-weight:700;flex-shrink:0;padding:0 10px;margin-right:10px;box-sizing:border-box}.main-title .menu-body[data-v-fd1004dc]{width:100%}.main-title .menu-body .main-menu[data-v-fd1004dc]{display:flex;align-items:center;height:48px}.main-title .menu-body .main-menu .menu-span[data-v-fd1004dc]{text-decoration:none;margin:0 5px;padding:0 25px;height:48px;line-height:48px;color:#fff;box-sizing:border-box;cursor:pointer;flex-shrink:0}.main-title .menu-body .main-menu .menu-span[data-v-fd1004dc]:hover{background-color:#2e7df3}.main-title .menu-body .main-menu .menu-span.checked[data-v-fd1004dc]{border-bottom:4px solid #9bb8e2;background-color:#2e7df3}.main-title .right-body[data-v-fd1004dc]{height:var(--app-header-height);display:flex;justify-content:flex-end;flex-shrink:0}.main-title .right-body .user[data-v-fd1004dc]{display:flex;align-items:center}.main-title .right-body .user .user-info[data-v-fd1004dc]{margin:0 15px;width:30px;height:30px;background-color:#27282c;border-radius:15px;position:relative}.main-title .right-body .user .user-info .avatar-image[data-v-fd1004dc]{width:30px;height:30px;border-radius:15px;cursor:pointer;overflow:hidden}.main-title .right-body .user .user-info .popover[data-v-fd1004dc]{position:absolute;top:calc(100% + 12px);right:-7px;width:220px;filter:drop-shadow(0 0 6px rgba(0,0,0,.15));border-radius:4px;border:1px solid #e4e7ed;padding:10px;z-index:100;background-color:#fff}.main-title .right-body .user .user-info .popover.show[data-v-fd1004dc]{opacity:1;display:block}.main-title .right-body .user .user-info .popover .el-divider[data-v-fd1004dc]{margin:10px 0}.main-title .right-body .user .user-info .popover .title[data-v-fd1004dc]{margin-bottom:10px;padding-left:10px}.main-title .right-body .user .user-info .popover .user-name[data-v-fd1004dc]{padding:10px;font-weight:700;font-size:16px}.main-title .right-body .user .user-info .popover .user-company[data-v-fd1004dc]{display:flex;align-items:center;padding:10px;border-radius:5px;cursor:pointer}.main-title .right-body .user .user-info .popover .user-company[data-v-fd1004dc]:hover{background-color:#f2f5f7}.main-title .right-body .user .user-info .popover .user-company .company-name[data-v-fd1004dc]{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;text-overflow:ellipsis;line-break:anywhere;white-space:normal}.main-title .right-body .user .user-info .popover .user-company .company-avatar[data-v-fd1004dc]{width:26px;height:26px;margin-right:5px;border-radius:4px;background-color:#27282c;flex-shrink:0;overflow:hidden}.main-title .right-body .user .user-info .popover .user-company .company-avatar img[data-v-fd1004dc]{width:100%;height:100%}.main-title .right-body .user .user-info .popover .user-company .team-switch-icon[data-v-fd1004dc]{margin-left:10px;font-size:12px;color:#999!important;display:flex;align-items:center;flex-shrink:0}.main-title .right-body .user .user-info .popover .popover-item[data-v-fd1004dc]{display:flex;align-items:center;padding:10px 10px;border-radius:5px;cursor:pointer}.main-title .right-body .user .user-info .popover .popover-item[data-v-fd1004dc]:hover{background-color:#f2f5f7}.main-title .right-body .user .user-info .popover .popover-item .el-icon[data-v-fd1004dc]{margin-right:5px}.main-title .right-body .user .user-info .popover[data-v-fd1004dc]:before{content:"";position:absolute;top:-6px;right:15px;transform:translateX(-50%);width:10px;height:10px;background-color:#fff;border:1px solid #e4e7ed;z-index:101;transform:rotate(-135deg);border-top-color:transparent!important;border-left-color:transparent!important}.body[data-v-a101183c]{height:100%;display:flex;flex-direction:column}.body .search[data-v-a101183c]{height:64px;border-bottom:1px solid #ddd;background-color:#f7f7f7;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.body .search .input[data-v-a101183c]{width:200px;margin-left:10px;height:28px;border-radius:4px;border:0;overflow:hidden;display:flex;align-items:center;background-color:#ddd}.body .search .input .icon[data-v-a101183c]{width:24px;display:grid;place-items:center;flex-shrink:0;cursor:pointer}.body .search .input input[data-v-a101183c]{outline:none;border:0;height:28px;width:100%;background-color:transparent}.body .search .btn-plus[data-v-a101183c]{margin-right:10px;margin-left:10px;height:28px;width:28px;border-radius:4px;background-color:#ddd;flex-shrink:0;display:grid;place-items:center;cursor:pointer}.body .list[data-v-a101183c]{flex:1;overflow:hidden}.body .list .dialog[data-v-a101183c]{height:40px;display:flex;padding:12px;justify-content:space-between;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.body .list .dialog.top[data-v-a101183c]{background-color:#dfdddd}.body .list .dialog.checked[data-v-a101183c]{background-color:#d3d1d1!important}.body .list .dialog[data-v-a101183c]:hover{background-color:#d7d4d3}.body .list .dialog .avatar[data-v-a101183c]{background-color:#000;width:40px;height:40px;border-radius:4px;margin-right:10px;flex-shrink:0;overflow:hidden}.body .list .dialog .avatar img[data-v-a101183c]{width:100%;height:100%}.body .list .dialog .info[data-v-a101183c]{flex:1}.body .list .dialog .info .title[data-v-a101183c]{display:flex;justify-content:space-between;align-items:center}.body .list .dialog .info .title .name[data-v-a101183c]{font-size:16px}.body .list .dialog .info .title .time[data-v-a101183c]{font-size:12px;color:#999}.body .list .dialog .info .message[data-v-a101183c]{margin-top:3px;display:flex;justify-content:space-between;font-size:12px;color:#999}.body .list .clearfix[data-v-a101183c]:after{content:" ";display:block;clear:both}.body[data-v-9164f936]{height:100%;display:flex;flex-direction:column}.body .search[data-v-9164f936]{height:64px;border-bottom:1px solid #ddd;background-color:#f7f7f7;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.body .search .input[data-v-9164f936]{width:200px;margin-left:10px;height:28px;border-radius:4px;border:0;overflow:hidden;display:flex;align-items:center;background-color:#ddd}.body .search .input .icon[data-v-9164f936]{width:24px;display:grid;place-items:center;flex-shrink:0;cursor:pointer}.body .search .input input[data-v-9164f936]{outline:none;border:0;height:28px;width:100%;background-color:transparent}.body .search .btn-plus[data-v-9164f936]{margin-right:10px;margin-left:10px;height:28px;width:28px;border-radius:4px;background-color:#ddd;flex-shrink:0;display:grid;place-items:center;cursor:pointer}.body .list[data-v-9164f936]{flex:1;overflow:hidden}.body .list .contact-group[data-v-9164f936]{border-top:1px solid #ddd}.body .list .contact-group[data-v-9164f936]:first-child{border-top:none}.body .list .contact-group .contact-group-title[data-v-9164f936]{height:35px;line-height:45px;padding-left:12px;color:#999}.body .list .contact-group .contact[data-v-9164f936]{height:40px;display:flex;padding:12px;justify-content:space-between;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.body .list .contact-group .contact.checked[data-v-9164f936]{background-color:#d3d1d1!important}.body .list .contact-group .contact[data-v-9164f936]:hover{background-color:#d7d4d3}.body .list .contact-group .contact .avatar[data-v-9164f936]{background-color:#000;width:40px;height:40px;border-radius:4px;margin-right:10px;flex-shrink:0;overflow:hidden}.body .list .contact-group .contact .avatar img[data-v-9164f936]{width:100%;height:100%}.body .list .contact-group .contact .info[data-v-9164f936]{flex:1}.body .list .contact-group .contact .info .title[data-v-9164f936]{display:flex;justify-content:space-between;align-items:center}.body .list .contact-group .contact .info .title .name[data-v-9164f936]{font-size:16px}.body .list .contact-group .clearfix[data-v-9164f936]:after{content:" ";display:block;clear:both}.message-image[data-v-31d2bb40]{max-width:60%;max-height:200px;overflow:hidden;border-radius:5px;float:left;position:relative}.message-image.self[data-v-31d2bb40]{float:right}.message-image .image[data-v-31d2bb40]{max-width:100%;max-height:175px;min-height:36px;min-width:36px;cursor:pointer;display:block}.message-image .preview-body[data-v-31d2bb40]{background-color:rgba(0,0,0,.5);z-index:999999;position:fixed;top:0;left:0;width:100%;height:100%}.message-image .upload-progress[data-v-31d2bb40]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:grid;place-items:center}.message-file[data-v-356e29b2]{width:200px;border-radius:5px;float:left;background-color:#fff;padding:10px;box-sizing:border-box;position:relative;cursor:pointer}.message-file .message-file-body[data-v-356e29b2]{width:100%;display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;overflow:hidden}.message-file .message-file-body .file-info .file-name[data-v-356e29b2]{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;line-break:anywhere;white-space:normal;margin-bottom:10px}.message-file .message-file-body .file-icon[data-v-356e29b2]{height:60px;width:60px;flex-shrink:0;display:grid;place-items:center}.message-file .message-file-body .file-icon .icon[data-v-356e29b2]{max-width:40px;max-height:40px}.message-file[data-v-356e29b2]:before{content:"";position:absolute;width:0;height:0;border-right:8px solid transparent;border-top:8px solid #fff;transform:rotate(-45deg);top:14px;left:-4px}.message-file[data-v-356e29b2]:hover{background-color:#ebebeb}.message-file[data-v-356e29b2]:hover:before{border-top:8px solid #ebebeb}.message-file.self[data-v-356e29b2]{float:right}.message-file.self[data-v-356e29b2]:before{border-top:8px solid #fff;transform:rotate(135deg);top:14px;left:auto;right:-4px}.message-file.self[data-v-356e29b2]:hover{background-color:#ebebeb}.message-file.self[data-v-356e29b2]:hover:before{border-top:8px solid #ebebeb}.message-video[data-v-06438d64]{max-width:60%;max-height:200px;overflow:hidden;border-radius:5px;float:left;position:relative}.message-video.self[data-v-06438d64]{float:right}.message-video .shade[data-v-06438d64]{position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,.5);top:0;left:0;color:#ccc;display:grid;place-items:center;cursor:pointer}.message-video .video[data-v-06438d64]{max-width:100%;max-height:175px;min-height:36px;min-width:36px;cursor:pointer;display:block}.message-video .upload-progress[data-v-06438d64]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(99,99,99,.8);display:grid;place-items:center}.body[data-v-e48f210a]{height:100%;display:flex;flex-direction:column;background-color:#f6f6f6}.body .header[data-v-e48f210a]{height:64px;border-bottom:1px solid #ddd;display:flex;justify-content:space-between}.body .header .dialog-name[data-v-e48f210a]{height:64px;line-height:64px;padding:0 25px;font-size:18px;font-weight:500}.body .header .dialog-btn-group[data-v-e48f210a]{padding-top:32px;height:32px;display:flex;justify-content:flex-end}.body .header .dialog-btn-group .icon-btn[data-v-e48f210a]{height:32px;width:32px;display:grid;place-items:center;cursor:pointer;color:#555}.body .header .dialog-btn-group .icon-btn[data-v-e48f210a]:hover{color:#000}.body .chat[data-v-e48f210a]{flex:1;overflow:auto;border-bottom:1px solid #ddd}.body .chat .message[data-v-e48f210a]:first-child{padding-top:15px}.body .chat .message[data-v-e48f210a]{width:100%;padding:0 30px;padding-bottom:15px;box-sizing:border-box}.body .chat .message .avatar[data-v-e48f210a]{height:36px;width:36px;background-color:#333;border-radius:3px;margin-right:10px;float:left}.body .chat .message .bubble[data-v-e48f210a]{line-height:20px;padding:8px 12px;background-color:#fff;float:left;border-radius:5px;position:relative;max-width:60%;word-wrap:break-word;white-space:break-spaces}.body .chat .message .bubble[data-v-e48f210a]:before{content:"";position:absolute;width:0;height:0;border-right:8px solid transparent;border-top:8px solid #fff;transform:rotate(-45deg);top:14px;left:-4px}.body .chat .message .bubble[data-v-e48f210a]:hover{background-color:#ebebeb}.body .chat .message .bubble[data-v-e48f210a]:hover:before{border-top:8px solid #ebebeb}.body .chat .message.self[data-v-e48f210a]{width:100%}.body .chat .message.self .avatar[data-v-e48f210a]{float:right;margin-left:10px;margin-right:0}.body .chat .message.self .bubble[data-v-e48f210a]{float:right;background-color:#95ec69}.body .chat .message.self .bubble[data-v-e48f210a]:before{border-top:8px solid #95ec69;transform:rotate(135deg);top:14px;left:auto;right:-4px}.body .chat .message.self .bubble[data-v-e48f210a]:hover{background-color:#89d961}.body .chat .message.self .bubble[data-v-e48f210a]:hover:before{border-top:8px solid #89d961}.body .chat .clearfix[data-v-e48f210a]:after{content:" ";display:block;clear:both}.body .footer[data-v-e48f210a]{height:214px;position:relative}.body .footer .tools-btn-group[data-v-e48f210a]{height:36px;padding:0 10px;padding-top:6px;display:flex;align-items:center}.body .footer .tools-btn-group .icon-btn[data-v-e48f210a]{height:36px;width:36px;display:grid;place-items:center;cursor:pointer;color:#555}.body .footer .tools-btn-group .icon-btn[data-v-e48f210a]:hover{color:#000}.body .footer .enter-textarea[data-v-e48f210a]{border:0;background-color:#f6f6f6;resize:none;width:100%;height:120px;outline:none;font-size:14px;padding:0 20px;box-sizing:border-box;display:block;line-height:24px}.body .footer .shade[data-v-e48f210a]{width:100%;height:214px;position:absolute;top:0;left:0;background-color:rgba(0,0,0,.3)}.body .footer .enter-btn-group[data-v-e48f210a]{height:44px;padding:10px 20px;box-sizing:border-box;display:flex;justify-content:flex-end}.body .footer .enter-btn-group .btn-send[data-v-e48f210a]{height:32px;width:120px;text-align:center;line-height:32px;background-color:#e6e6e6;border-radius:4px;color:#01a03e;cursor:pointer}.body .footer .enter-btn-group .btn-send[data-v-e48f210a]:hover{background-color:#ddd}.send-file-popup .user-info[data-v-e48f210a]{display:flex;align-items:center;padding-bottom:10px;border-bottom:1px solid #ddd}.send-file-popup .user-info .avatar[data-v-e48f210a]{height:36px;width:36px;background-color:#333;border-radius:3px;margin-right:10px}.send-file-popup .send-file-list[data-v-e48f210a]{margin-top:10px}.send-file-popup .send-file-list .file[data-v-e48f210a]{display:flex}.body[data-v-211e3e23]{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#f6f6f6}.body .contact-info[data-v-211e3e23]{width:340px}.body .contact-info .user-info[data-v-211e3e23]{display:flex;padding:20px 5px;border-bottom:1px solid #eee}.body .contact-info .user-info .user-avatar[data-v-211e3e23]{width:60px;height:60px;border-radius:6px;overflow:hidden;background-color:#fff;margin-right:20px}.body .contact-info .user-info .user-avatar .avatar[data-v-211e3e23]{width:100%;height:100%}.body .contact-info .user-info .info .name[data-v-211e3e23]{font-size:15px}.body .contact-info .user-info .info .info-line[data-v-211e3e23]{font-size:12px;color:#999;margin-top:5px}.body .contact-info .user-remark[data-v-211e3e23]{padding:15px 5px;border-bottom:1px solid #eee;height:32px;display:flex;align-items:center}.body .contact-info .user-remark .title[data-v-211e3e23]{width:80px;flex-shrink:0;color:#999}.body .contact-info .user-remark .show[data-v-211e3e23]{display:flex;justify-content:space-between;align-items:center;width:100%;flex-shrink:1}.body .contact-info .user-remark .show .btn-update[data-v-211e3e23]{color:#999;cursor:pointer}.body .contact-info .user-other[data-v-211e3e23]{padding:20px 5px;border-bottom:1px solid #eee}.body .contact-info .btn-group[data-v-211e3e23]{padding:20px 5px;padding-bottom:100px;display:flex;justify-content:center;align-items:center}.im-animate-enter-from[data-v-4a5f7d6e],.im-animate-leave-to[data-v-4a5f7d6e]{opacity:0}.im-animate-enter-to[data-v-4a5f7d6e],.im-animate-leave-from[data-v-4a5f7d6e]{opacity:1}.im-animate-enter-active[data-v-4a5f7d6e],.im-animate-leave-active[data-v-4a5f7d6e]{transition:opacity .3s ease}.chat-icon[data-v-4a5f7d6e]{height:30px;width:30px;margin:9px;display:grid;place-items:center;cursor:pointer}.shade[data-v-4a5f7d6e]{width:100%;height:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,.3)}.popup[data-v-4a5f7d6e]{min-width:550px;min-height:330px;position:fixed;top:50%;left:50%;background-color:#f2f2f2;border-radius:4px;transform:translate(-50%,-50%);display:flex;overflow:hidden;transition:width .2s,height .2s}.popup .popup-right-top-btn-group[data-v-4a5f7d6e]{position:absolute;right:0;top:0;padding:123;display:flex}.popup .popup-right-top-btn-group .icon-btn[data-v-4a5f7d6e]{height:32px;width:32px;display:grid;place-items:center;cursor:pointer}.popup .menu[data-v-4a5f7d6e]{width:60px;background-color:#2e2e2e;flex-shrink:0}.popup .menu .self[data-v-4a5f7d6e]{width:60px;height:60px;display:grid;place-items:center;margin-top:10px}.popup .menu .self .avatar[data-v-4a5f7d6e]{width:40px;height:40px;border-radius:4px;overflow:hidden}.popup .menu .self .avatar img[data-v-4a5f7d6e]{width:40px;height:40px}.popup .menu .menu-list .menu-item[data-v-4a5f7d6e]{color:#fff;width:60px;height:60px;display:grid;place-items:center;cursor:pointer;box-sizing:border-box;padding:10px 0}.popup .menu .menu-list .menu-item.checked[data-v-4a5f7d6e]{color:#01a03e}.popup .menu .menu-list .menu-item .title[data-v-4a5f7d6e]{font-size:10px}.popup .list[data-v-4a5f7d6e]{width:240px;flex-shrink:0;border-right:1px solid #ddd;background-color:#eee;height:inherit}.popup .chat[data-v-4a5f7d6e]{width:inherit;height:100%}.popup.full-screen[data-v-4a5f7d6e]{width:100%!important;height:100%!important;border-radius:0!important}a[data-v-f2288450]{text-decoration:none}.menu[data-v-b41094e2]{display:flex;flex-shrink:0}.sub-menu-body[data-v-b41094e2]{background-color:#d8e8ff;border:none}.sub-menu-body[data-v-b41094e2]:not(.el-menu--collapse){width:200px}.sub-menu[data-v-b41094e2]{background-color:#d8e8ff;height:100%}.sub-menu .menu-body[data-v-b41094e2]{height:calc(100% - 64px)}.sub-menu a[data-v-b41094e2]{color:initial;text-decoration:none}.sub-menu .web-name[data-v-b41094e2]{height:64px;line-height:64px;display:flex;position:relative}.sub-menu .web-name .name[data-v-b41094e2]{margin-left:15px;color:#fff;font-size:15px;font-weight:700;max-width:160px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;text-overflow:ellipsis;line-break:anywhere;white-space:normal}.sub-menu .web-name .toggle-button[data-v-b41094e2]{position:absolute;top:0;left:0;margin:8px;padding:4px;width:40px;height:40px;border-radius:4px;line-height:40px;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;color:#999;font-size:12px}.sub-menu .web-name .toggle-button .icon[data-v-b41094e2]{height:20px;line-height:20px}.sub-menu .web-name .toggle-button .title[data-v-b41094e2]{height:20px;line-height:24px}.fw-100{font-weight:100}.fw-200{font-weight:200}.fw-300{font-weight:300}.fw-400{font-weight:400}.fw-500{font-weight:500}.fw-600{font-weight:600}.fw-700{font-weight:700}.fw-800{font-weight:800}.fw-900{font-weight:900}.flex{display:flex}.shrink-1{flex-shrink:1}.shrink-0{flex-shrink:0}.grow-1{flex-grow:1}.grow-0{flex-grow:0}.justify-content-center{justify-content:center}.align-items-center{align-items:center}.mg-0{margin:0}.mg-5{margin:5px}.mg-auto{margin-left:auto;margin-right:auto}.mt-5{margin-top:5px}.mt-10{margin-top:10px}.mt-15{margin-top:15px}.mt-20{margin-top:20px}.mb-5{margin-bottom:5px}.mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}.ml-5{margin-left:5px}.ml-10{margin-left:10px}.ml-20{margin-left:20px}.mr-5{margin-right:5px}.mr-10{margin-right:10px}.mr-20{margin-right:20px}.pl-5{padding-left:5px}.plr-5,.pr-5{padding-right:5px}.plr-5{padding-left:5px}.pd-0{padding:0}.pd-5{padding:5px}.el-scrollbar__view{position:relative;min-height:-webkit-fill-available}.el-tabs--top.el-tabs-center .is-top .el-tabs__nav-scroll{display:flex;justify-content:center}.el-dialog.body-padding-small .el-dialog__body{padding:10px 20px}.el-dropdown .el-dropdown-link{outline:none}.el-avatar,.el-image{display:block}.ta-l{text-align:left}.ta-c{text-align:center}.ta-r{text-align:right}.animate-opacity-enter-from,.animate-opacity-leave-to{opacity:0}.animate-opacity-enter-to,.animate-opacity-leave-from{opacity:1}.animate-opacity-enter-active,.animate-opacity-leave-active{transition:opacity .3s ease}#nprogress{pointer-events:none}#nprogress .bar{background:#d3d3d3;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #d3d3d3,0 0 5px #d3d3d3;opacity:1;transform:rotate(3deg) translateY(-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border:2px solid transparent;border-top-color:#d3d3d3;border-left-color:#d3d3d3;border-radius:50%;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}@keyframes nprogress-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--chat-main-background-color:#f0f0f0;--app-header-height:48px;--app-header-border-height:1px;--app-left-menu-width-max:200px;--app-left-menu-width-min:64px}[v-cloak]{display:none}#app{height:100%}#app,.w-per-100{width:100%}.float-l{float:left}.float-r{float:right}