.mainDiv[data-v-15cbaf58]{display:flex;min-height:600px;height:100%}.mainDiv .relationBox[data-v-15cbaf58]{width:250px;background-color:#e7e8ec;border-right:1px solid #e7e8ec}.mainDiv .relationBox .search[data-v-15cbaf58]{height:60px;border-bottom:1px solid #fff;padding:20px 10px 10px}.mainDiv .relationBox .search-input[data-v-15cbaf58]{width:85%;margin-right:10px}.mainDiv .relationBox .search-input[data-v-15cbaf58] .ivu-input{background-color:#e0e0e0}.mainDiv .relationBox .search-input[data-v-15cbaf58] .ivu-input:focus{background-color:#fff}.mainDiv .relationBox .type[data-v-15cbaf58]{margin-top:15px;margin-bottom:15px;padding-left:10px;padding-right:10px;display:flex;text-align:center}.mainDiv .relationBox .type-text[data-v-15cbaf58]{padding-bottom:5px;font-size:14px;cursor:pointer}.mainDiv .relationBox .type-text-active[data-v-15cbaf58]{border-bottom:2px solid #2d8cf0}.mainDiv .relationBox .msg[data-v-15cbaf58]{height:calc(100% - 108px);overflow-y:overlay}.mainDiv .relationBox .msg-item[data-v-15cbaf58]{display:flex;padding:10px 15px;line-height:20px;cursor:pointer;transition:.3s;color:#888}.mainDiv .relationBox .msg-item-title[data-v-15cbaf58]{color:#333;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mainDiv .relationBox .msg-item-active[data-v-15cbaf58],.mainDiv .relationBox .msg-item[data-v-15cbaf58]:hover{background-color:#ccc}.mainDiv .relationBox .msg-item-icon[data-v-15cbaf58]{margin-right:10px;background-color:#fff;width:40px;height:40px}.mainDiv .relationBox .msg-item-text[data-v-15cbaf58]{width:calc(100% - 150px)}.mainDiv .relationBox .msg-item-text .overflow-text[data-v-15cbaf58]{height:20px}.mainDiv .relationBox .msg-item-time[data-v-15cbaf58]{width:60px;text-align:right}.mainDiv .relationBox .msg-item-time-badge[data-v-15cbaf58]:before{content:"";height:6px;width:6px;border-radius:6px;background-color:red;display:inline-block;margin-right:2px;margin-bottom:2px}.mainDiv .relationBox .dir[data-v-15cbaf58]{height:calc(100% - 108px);overflow-y:overlay}.mainDiv .relationBox .dir-item[data-v-15cbaf58]{display:flex;padding:10px 15px;line-height:20px;cursor:pointer;transition:.3s;color:#888}.mainDiv .relationBox .dir-item-title[data-v-15cbaf58]{color:#333;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mainDiv .relationBox .dir-item-active[data-v-15cbaf58],.mainDiv .relationBox .dir-item[data-v-15cbaf58]:hover{background-color:#ccc}.mainDiv .relationBox .dir-item-icon[data-v-15cbaf58]{margin-right:10px;background-color:#fff;width:20px;height:20px}.mainDiv .dirBox[data-v-15cbaf58]{height:100%;background-color:#fff;flex:1;display:flex;align-items:center;justify-content:center}.mainDiv .dirBox-content[data-v-15cbaf58]{width:60%;min-width:600px;padding:50px}.mainDiv .dirBox-top[data-v-15cbaf58]{border-bottom:1px solid #ccc;padding-bottom:50px;font-size:32px;font-weight:700}.mainDiv .dirBox-top-icon[data-v-15cbaf58]{color:#2e93ff}.mainDiv .dirBox-top-icon.pink[data-v-15cbaf58]{color:#f699b4}.mainDiv .dirBox-top-img[data-v-15cbaf58]{height:100px;width:100px;background-color:#fff}.mainDiv .dirBox-bottom[data-v-15cbaf58]{margin-top:50px;color:#888;font-size:24px;line-height:50px}.mainDiv .dirBox-bottom-text[data-v-15cbaf58]{margin-left:30px;font-size:24px;color:#222}.mainDiv .dirBox-bottom-button[data-v-15cbaf58]{width:500px;background-image:linear-gradient(90deg,#2981ce,#2995e6);color:#fff;text-align:center;margin:120px auto 0;cursor:pointer}.mainDiv .dirBox-bottom-button[data-v-15cbaf58]:hover{background-image:linear-gradient(90deg,#2995e6,#3badff)}.mainDiv .mainBox[data-v-15cbaf58]{flex:1;display:flex}.mainDiv .mainBox .head[data-v-15cbaf58]{height:60px;padding-left:20px;padding-right:20px;background-color:#f2f3f5;border-bottom:1px solid #fff}.mainDiv .mainBox .head-title[data-v-15cbaf58]{font-size:18px;font-weight:700;max-width:800px}.mainDiv .mainBox .head-menu[data-v-15cbaf58]{display:flex}.mainDiv .mainBox .head-menu-button[data-v-15cbaf58]{font-size:24px;margin-left:10px;margin-right:10px;cursor:pointer}.mainDiv .mainBox .head-menu-button[data-v-15cbaf58]:hover{color:#2d8cf0}.mainDiv .mainBox .content[data-v-15cbaf58]{background-color:#fff;height:calc(100% - 260px);padding-top:10px;padding-bottom:10px}.mainDiv .mainBox .content-log[data-v-15cbaf58]{height:calc(100% - 35px);overflow-y:overlay;margin-bottom:10px;padding-left:10px;padding-right:10px}.mainDiv .mainBox .content-log-system[data-v-15cbaf58]{display:inline-block;max-width:50%;padding:5px 10px;background-color:#eee;border-radius:5px}.mainDiv .mainBox .content-log-item[data-v-15cbaf58]{display:flex;margin-top:10px;margin-bottom:10px;max-width:80%}.mainDiv .mainBox .content-log-item-icon[data-v-15cbaf58]{width:40px;height:40px;margin-right:10px;margin-left:10px;background-color:#fff;flex-shrink:0}.mainDiv .mainBox .content-log-item-name[data-v-15cbaf58]{margin-bottom:5px;height:20px}.mainDiv .mainBox .content-log-item-text[data-v-15cbaf58]{background-color:#eee;padding:10px;position:relative;display:inline-block;border-radius:8px}.mainDiv .mainBox .content-log-item-text[data-v-15cbaf58]:before{content:"";display:inline-block;-webkit-transform:rotate(45deg);transform:rotate(45deg);background-color:#eee;width:10px;height:10px;position:absolute;top:6px;left:-4px}.mainDiv .mainBox .content-log-item-tip[data-v-15cbaf58]{height:26px;width:26px;border-radius:50%;margin-left:10px;margin-right:10px;flex-shrink:0;justify-content:center;font-size:26px;color:#2dce89}.mainDiv .mainBox .content-log-item-tip.warning[data-v-15cbaf58]{color:#ed4014;cursor:pointer}.mainDiv .mainBox .content-log-item-tip.active[data-v-15cbaf58]{width:22px;height:22px;background-color:#aaa;cursor:pointer;font-size:14px;color:#fff}.mainDiv .mainBox .content-log-item-active[data-v-15cbaf58]{text-align:right;flex-direction:row-reverse;margin-left:20%}.mainDiv .mainBox .content-log-item-active .flex[data-v-15cbaf58]{flex-direction:row-reverse}.mainDiv .mainBox .content-log-item-active .content-log-item-text[data-v-15cbaf58]{text-align:left}.mainDiv .mainBox .content-log-item-active .content-log-item-text[data-v-15cbaf58]:before{display:none}.mainDiv .mainBox .content-log-item-active .content-log-item-text[data-v-15cbaf58]:after{content:"";display:inline-block;-webkit-transform:rotate(45deg);transform:rotate(45deg);background-color:#eee;width:10px;height:10px;position:absolute;top:6px;right:-4px}.mainDiv .mainBox .content-button[data-v-15cbaf58]{background-color:#ddd;margin-left:5px;border-radius:20px;cursor:pointer;display:inline-block;padding:5px 10px;font-size:14px}.mainDiv .mainBox .bottom[data-v-15cbaf58]{height:200px;position:relative}.mainDiv .mainBox .bottom-menu[data-v-15cbaf58]{padding-top:5px;padding-bottom:5px;height:35px;margin-right:20px;background-color:#f2f3f5;display:flex}.mainDiv .mainBox .bottom-menu-button[data-v-15cbaf58]{font-size:24px;margin-left:10px;margin-right:10px;cursor:pointer}.mainDiv .mainBox .bottom-menu-button[data-v-15cbaf58]:hover{color:#2d8cf0}.mainDiv .mainBox .bottom-area[data-v-15cbaf58]{background-color:#fff;height:calc(100% - 35px);padding:10px 5px 0;overflow-y:hidden}.mainDiv .mainBox .bottom-area-input[data-v-15cbaf58]{outline:none;height:calc(100% - 40px);overflow-y:auto;font-size:14px;line-height:20px}.mainDiv .mainBox .bottom-area-input[data-v-15cbaf58] img{max-width:100px}.mainDiv .mainBox .bottom-area-send[data-v-15cbaf58]{text-align:right;margin-right:10px;margin-top:5px}.mainDiv .mainBox .bottom-area-send-button[data-v-15cbaf58]{display:inline-block;height:30px;line-height:30px;width:60px;background:#2a83e2;color:#fff;text-align:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:5px}.mainDiv .mainBox .bottom-area-send-button[data-v-15cbaf58]:active{background:#2e93ff}.mainDiv .searchBox[data-v-15cbaf58]{width:400px;background-color:#e7e8ec;border-left:1px solid #e7e8ec}.mainDiv .searchBox .tabBar[data-v-15cbaf58]{height:60px;line-height:60px;flex:1;text-align:center;border-bottom:1px solid #fff;font-size:14px;cursor:pointer}.mainDiv .searchBox .tabBar-select[data-v-15cbaf58]{background:#fff}.mainDiv .searchBox .tabContent[data-v-15cbaf58]{height:calc(100% - 60px);display:flex;flex-direction:column;align-items:stretch;flex:1;padding:5px;position:relative}.mainDiv .searchBox .information[data-v-15cbaf58]{padding:20px;line-height:24px;background-color:#fff;font-size:14px}.mainDiv .searchBox .information-item[data-v-15cbaf58]{margin-bottom:20px;display:flex;white-space:nowrap}.mainDiv .searchBox .information-item-title[data-v-15cbaf58]{margin-right:10px;padding-top:5px;color:#666}.mainDiv .searchBox .information-item-text[data-v-15cbaf58]{padding:5px;background:#e7e8ec;flex:1;text-overflow:ellipsis;overflow:hidden;border-radius:5px}.mainDiv .searchBox .information-item.area[data-v-15cbaf58]{display:block;white-space:pre-wrap}.mainDiv .searchBox .information-tag[data-v-15cbaf58]{padding:0 10px;font-size:16px}.mainDiv .searchBox .knowledge-title[data-v-15cbaf58]{font-size:14px;padding:10px 10px;cursor:pointer}.mainDiv .searchBox .knowledge-list[data-v-15cbaf58]{flex:1;overflow-y:overlay}.mainDiv .searchBox .knowledge-list-item[data-v-15cbaf58]{position:relative;padding:10px;cursor:pointer;line-height:20px}.mainDiv .searchBox .knowledge-list-item-title[data-v-15cbaf58]{display:inline;font-size:14px;margin-left:5px}.mainDiv .searchBox .knowledge-list-item-button[data-v-15cbaf58]{display:none;position:absolute;right:10px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.mainDiv .searchBox .knowledge-list-item[data-v-15cbaf58]:hover{background-color:#ccc}.mainDiv .searchBox .knowledge-list-item:hover .knowledge-list-item-button[data-v-15cbaf58]{display:inline-block}.mainDiv .searchBox .knowledge-page[data-v-15cbaf58]{text-align:center;margin-top:10px}.mainDiv .searchBox .record[data-v-15cbaf58]{padding:10px;background:#f2f3f5;color:#333}.mainDiv .searchBox .record-tabbar[data-v-15cbaf58]{border-bottom:1px solid #ddd;display:flex;margin-top:10px;padding:10px}.mainDiv .searchBox .record-tabbar-item[data-v-15cbaf58]{display:inline-block;padding-bottom:5px;cursor:pointer;font-size:14px}.mainDiv .searchBox .record-tabbar-item.active[data-v-15cbaf58]{border-bottom:2px solid #2d8cf0}.mainDiv .searchBox .record-all[data-v-15cbaf58]{font-size:14px;line-height:24px;padding:10px;height:calc(100% - 80px);overflow-y:overlay}.mainDiv .searchBox .record-all-item-system[data-v-15cbaf58]{display:inline-block;max-width:50%;padding:0 10px;background-color:#ccc;border-radius:5px;font-size:12px}.mainDiv .searchBox .record-all-item-title[data-v-15cbaf58]{color:#2d8cf0}.mainDiv .searchBox .record-all-item-title.active[data-v-15cbaf58]{color:#2dce89}.mainDiv .emoji-modal[data-v-15cbaf58]{width:243px;position:absolute;top:-235px;background-color:#fff;box-shadow:0 0 10px #ccc}.mainDiv .emoji-modal-icon[data-v-15cbaf58]{display:flex;flex-wrap:wrap;align-content:flex-start;padding:7.5px;width:225px;height:195px;margin:0 auto}.mainDiv .emoji-modal-icon-img[data-v-15cbaf58]{width:30px;padding:5px;height:30px;fill:currentColor;overflow:hidden;padding:2px;cursor:pointer}.mainDiv .emoji-modal-icon-img[data-v-15cbaf58]:hover{background-color:#eee}.mainDiv .emoji-modal-group[data-v-15cbaf58]{display:flex;background-color:#eee}.mainDiv .emoji-modal-group-item[data-v-15cbaf58]{width:60px;height:40px;padding:7px 15px 3px;cursor:pointer}.mainDiv .emoji-modal-group-item-active[data-v-15cbaf58]{background-color:#fff}.mainDiv .group[data-v-15cbaf58]{position:absolute;top:45%;left:45%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:stretch;border-radius:5px;background-color:#fff;box-shadow:0 0 10px #ccc;width:600px;height:60vh;min-height:500px}.mainDiv .group-header[data-v-15cbaf58]{height:40px;font-size:14px;padding-top:10px;padding-bottom:10px;border-bottom:1px solid #ddd;text-align:center;position:relative}.mainDiv .group-header-close[data-v-15cbaf58]{position:absolute;right:10px;color:#aaa;font-size:18px;cursor:pointer}.mainDiv .group-header-close[data-v-15cbaf58]:hover{color:#333}.mainDiv .group .flex1[data-v-15cbaf58]{display:flex;height:calc(100% - 95px)}.mainDiv .group-center[data-v-15cbaf58]{height:100%;width:50%;flex:1;padding:10px}.mainDiv .group-center-top[data-v-15cbaf58]{height:25px;line-height:25px}.mainDiv .group-center-content[data-v-15cbaf58]{height:calc(100% - 35px);margin-top:10px;overflow-y:overlay}.mainDiv .group-center-content-list[data-v-15cbaf58]{display:flex;padding:10px 15px;line-height:20px;cursor:pointer;transition:.3s;color:#888;align-items:center}.mainDiv .group-center-content-list-title[data-v-15cbaf58]{color:#333;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mainDiv .group-center-content-list-active[data-v-15cbaf58],.mainDiv .group-center-content-list[data-v-15cbaf58]:hover{background-color:#ccc}.mainDiv .group-center-content-list-icon[data-v-15cbaf58]{margin-right:10px;background-color:#fff}.mainDiv .group-center-content-list-select[data-v-15cbaf58]{margin-right:10px;border:1px solid #aaa;background:#fff;border-radius:50%;padding:2px;font-size:14px;color:#fff}.mainDiv .group-center-content-list-close[data-v-15cbaf58]{font-size:24px;float:right;color:#aaa;cursor:pointer}.mainDiv .group-center-content-list-icon[data-v-15cbaf58]{width:30px;height:30px}.mainDiv .group-center-content-list-active[data-v-15cbaf58]{background-color:inherit}.mainDiv .group-center-content-list-active .group-center-content-list-select[data-v-15cbaf58]{background-color:#2d8cf0;border:1px solid #2d8cf0}.mainDiv .group-center .right .group-center-content-list[data-v-15cbaf58]:hover{background-color:initial;cursor:default}.mainDiv .group-footer[data-v-15cbaf58]{height:55px;padding:10px;border-top:1px solid #ddd;text-align:right}.mainDiv .media[data-v-15cbaf58]{position:absolute;top:45%;left:45%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:stretch;border-radius:5px;background-color:#fff;box-shadow:0 0 10px #ccc;width:360px;height:640px;background-color:#2b2b2b}.mainDiv .media-header[data-v-15cbaf58]{height:40px;font-size:14px;padding-top:10px;padding-bottom:10px;border-bottom:1px solid #ddd;text-align:center;position:relative;border-bottom:none;background-image:linear-gradient(#111,#2b2b2b)}.mainDiv .media-header-close[data-v-15cbaf58]{position:absolute;right:10px;color:#aaa;font-size:18px;cursor:pointer}.mainDiv .media-header-close[data-v-15cbaf58]:hover{color:#333;color:#fff}.mainDiv .media-content[data-v-15cbaf58]{height:calc(100% - 100px);color:#ccc;text-align:center}.mainDiv .media-content-list[data-v-15cbaf58]{height:calc(100% - 50px);display:flex;justify-content:center;flex-wrap:wrap;align-content:flex-start;overflow:overlay}.mainDiv .media-content-list-item[data-v-15cbaf58]{width:100px;padding:10px}.mainDiv .media-content-list-item .img[data-v-15cbaf58]{width:60px;height:60px;background-color:#fff}.mainDiv .media-content-list-item .flex[data-v-15cbaf58]{justify-content:center}.mainDiv .media-content-list-item .overflow-text[data-v-15cbaf58]{cursor:pointer}.mainDiv .media-content-text[data-v-15cbaf58]{height:50px;font-size:16px;display:inline-block;white-space:nowrap;overflow:hidden;position:relative;line-height:50px}@-webkit-keyframes example-15cbaf58{0%{right:0}to{right:-12px}}@keyframes example-15cbaf58{0%{right:0}to{right:-12px}}.mainDiv .media-content-text .div[data-v-15cbaf58]{width:12px;height:100%;position:absolute;right:10px;-webkit-animation:example-15cbaf58 2s linear 0s infinite;animation:example-15cbaf58 2s linear 0s infinite;background-color:#2b2b2b}.mainDiv .media-footer[data-v-15cbaf58]{height:100px;background-image:linear-gradient(#2b2b2b,#111);display:flex;align-items:center;justify-content:center}.mainDiv .media-footer-button[data-v-15cbaf58]{color:#2b2b2b;background:#ccc;border-radius:50%;padding:10px;cursor:pointer;margin-left:10px;margin-right:10px;font-size:24px}.mainDiv .media-footer-button[data-v-15cbaf58]:hover{background-color:#fff}.mainDiv .media-footer-button.hangUp[data-v-15cbaf58]{background:#c42f0a;color:#fff}.mainDiv .media-footer-button.hangUp[data-v-15cbaf58]:hover{background-color:#ff3d0c}.mainDiv .media.active[data-v-15cbaf58]{width:800px;height:450px}.mainDiv .transfer[data-v-15cbaf58]{position:absolute;top:45%;left:45%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:stretch;border-radius:5px;background-color:#fff;box-shadow:0 0 10px #ccc}.mainDiv .transfer-header[data-v-15cbaf58]{height:40px;font-size:14px;padding-top:10px;padding-bottom:10px;border-bottom:1px solid #ddd;text-align:center;position:relative}.mainDiv .transfer-header-close[data-v-15cbaf58]{position:absolute;right:10px;color:#aaa;font-size:18px;cursor:pointer}.mainDiv .transfer-header-close[data-v-15cbaf58]:hover{color:#333}.mainDiv .transfer-center[data-v-15cbaf58]{padding:20px 60px 20px 20px;width:500px}.mainDiv .transfer-footer[data-v-15cbaf58]{height:55px;padding:10px;border-top:1px solid #ddd;text-align:right}[data-v-15cbaf58] .knowledge-poptip{position:relative;min-height:5vh}[data-v-15cbaf58] .knowledge-poptip-bottom{text-align:right;border-top:1px solid #ddd;padding-top:8px}[data-v-15cbaf58] .img{width:100%;height:100%;max-width:300px}[data-v-15cbaf58] .emoji-icon{width:20px;height:20px;vertical-align:bottom}.modal[data-v-15cbaf58]{position:absolute;top:45%;left:45%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:stretch;border-radius:5px;background-color:#fff;box-shadow:0 0 10px #ccc}.header[data-v-15cbaf58]{height:40px;font-size:14px;padding-top:10px;padding-bottom:10px;border-bottom:1px solid #ddd;text-align:center;position:relative}.header-close[data-v-15cbaf58]{position:absolute;right:10px;color:#aaa;font-size:18px;cursor:pointer}.header-close[data-v-15cbaf58]:hover{color:#333}.footer[data-v-15cbaf58]{height:55px;padding:10px;border-top:1px solid #ddd;text-align:right}.shadow[data-v-15cbaf58]{box-shadow:0 0 10px #ccc}.list-item[data-v-15cbaf58]{display:flex;padding:10px 15px;line-height:20px;cursor:pointer;transition:.3s;color:#888}.list-item-title[data-v-15cbaf58]{color:#333;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-item-active[data-v-15cbaf58],.list-item[data-v-15cbaf58]:hover{background-color:#ccc}.list-item-icon[data-v-15cbaf58]{margin-right:10px;background-color:#fff}.menu[data-v-15cbaf58]{display:flex}.menu-button[data-v-15cbaf58]{font-size:24px;margin-left:10px;margin-right:10px;cursor:pointer}.menu-button[data-v-15cbaf58]:hover{color:#2d8cf0}