.below-container[data-v-d0f075be]{width:100%;height:60vh;display:flex;justify-content:space-around}.below-container .common-class[data-v-d0f075be]{width:100%!important;height:100%!important}.below-container .friend-wrap[data-v-d0f075be]{height:100%;display:flex;flex-direction:column;width:200px}.below-container .friend-wrap .friend-category[data-v-d0f075be]{width:100%}.below-container .friend-wrap .friend-category .card[data-v-d0f075be]{width:100%;height:40px;line-height:40px;text-align:center;border-bottom:1px solid #e4e7ed}.below-container .friend-wrap .friend-category[data-v-d0f075be] .el-tabs__header{margin:0!important}.below-container .friend-wrap .friend-category[data-v-d0f075be] .el-tabs__header .el-tabs__item.is-active{border-bottom:none!important}.below-container .friend-wrap .friend-category[data-v-d0f075be] .el-tabs__header .el-tabs__nav{border:none!important}.below-container .friend-wrap .friend-category[data-v-d0f075be] .el-tabs__header .el-tabs__item{border-left:none;border-right:1px solid #e4e7ed}.below-container .friend-wrap .friend-name-list[data-v-d0f075be]{height:calc(100% - 40px);position:relative}.below-container .friend-wrap .friend-name-list .masking[data-v-d0f075be]{width:100%;height:100%;background-color:#ccc;position:absolute;z-index:9999;opacity:.3}.below-container .friend-wrap .friend-name-list .empty-wrap[data-v-d0f075be]{height:100%;display:flex;align-items:center;justify-content:center;color:#909399;position:absolute;width:100%;z-index:99999}[data-v-d0f075be] iframe{height:100%;overflow:hidden;width:100%}.chat-content-dialog[data-v-100a8ec1] .content-container{height:100%;overflow-y:scroll}.chat-content-dialog[data-v-100a8ec1] .el-dialog__header{padding:0;top:12px}.chat-content-dialog[data-v-100a8ec1] .el-dialog__body{height:486px;padding:0}.chat-content-dialog[data-v-100a8ec1] .el-dialog__footer{padding:0}.content-record[data-v-100a8ec1]{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1}[data-v-100a8ec1] .page-box{margin:5px}.staff-chat-view{height:100%}.staff-chat-view .staff-chat-view-search{margin-bottom:10px}.staff-chat-view .below{display:flex;justify-content:space-around;border:1px solid #e6e6e6}.staff-chat-view .below .l-nav{flex:3;border-right:1px solid #e6e6e6}.staff-chat-view .below .middle{flex:10}.staff-chat-view .el-menu{border-right:0!important}.staff-chat-view .ff{color:#828585}.staff-chat-view ::-webkit-scrollbar{width:6px;height:8px}.staff-chat-view ::-webkit-scrollbar-thumb{background-color:rgba(177,181,189,.5);border-radius:5px}.staff-chat-view .menu-item{height:50px;padding-left:20px;line-height:50px;border-bottom:1px solid #f4f6f9}.staff-chat-supervise .staff-chat-supervise-search[data-v-58b7a410]{margin-bottom:10px}.staff-chat-supervise .staff-chat-supervise-search .row-class[data-v-58b7a410]{display:flex;padding-bottom:5px}.staff-chat-supervise .el-dialog[data-v-58b7a410]{z-index:100!important;min-width:1000px;width:70%}.staff-chat-supervise .el-dialog .el-dialog__title[data-v-58b7a410]{line-height:24px;font-size:16px;font-weight:700;color:#0f0f0f}