.page-content[data-v-2a7c9c10]{height:100%;width:100%;margin:auto;display:flex}.page-content .content-left[data-v-2a7c9c10]{width:20%;height:100%}.page-content .content-left[data-v-2a7c9c10] .el-tabs--border-card>.el-tabs__content{padding:0!important}.page-content .content-left .title[data-v-2a7c9c10]{padding:20px}.page-content .content-left .title .autoClose[data-v-2a7c9c10]{font-size:17px;margin-left:10px}.page-content .content-left .title .serviceState[data-v-2a7c9c10]{line-height:20px;width:50px;height:20px;text-align:center;position:absolute;bottom:10px;color:#fff;background-color:#67c23a;font-size:12px;border-radius:2px}.page-content .content-left .title .offLine[data-v-2a7c9c10]{background-color:#ececec!important;color:#666!important}.page-content .content-left .search[data-v-2a7c9c10]{padding:20px;border-top:1px solid #ececec;border-bottom:1px solid #ececec}.page-content .content-left .peopleList[data-v-2a7c9c10]{padding-right:5px;overflow:auto;height:calc(100vh - 230px)}.page-content .content-left .peopleList .isSelect[data-v-2a7c9c10]{background:#ececec}.page-content .content-left .peopleList .time[data-v-2a7c9c10]{color:#666}.page-content .content-left .peopleList .message[data-v-2a7c9c10]{font-size:16px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:200px}.page-content .content-center[data-v-2a7c9c10]{flex:1;height:100%;border-right:1px solid #ececec;border-left:1px solid #ececec}.page-content .content-center .title[data-v-2a7c9c10]{padding:22px;height:50px;line-height:50px;border-bottom:1px solid #ececec;font-size:18px}.page-content .content-center .message-box[data-v-2a7c9c10]{padding:10px;background-color:#ececec;height:calc(100vh - 115px);position:relative;display:flex;flex-direction:column}.page-content .content-center .content[data-v-2a7c9c10]{background-color:#fff;padding:10px 20px;border-radius:6px;max-width:300px;word-wrap:break-word}.page-content .content-center .time[data-v-2a7c9c10]{margin-left:20px}.page-content .content-center .input-box[data-v-2a7c9c10]{width:98%;height:200px;border-radius:6px;background-color:#fff;padding:10px;box-sizing:border-box}.page-content .content-center .input-box .input-icon i[data-v-2a7c9c10]{font-size:25px;color:#aaa;margin-left:10px}.page-content .content-center .input-box[data-v-2a7c9c10] .el-textarea__inner{border:1px solid #fff!important}.page-content .content-right[data-v-2a7c9c10]{width:20%;height:100%;position:relative}.page-content .content-right .el-tab-pane[data-v-2a7c9c10]{padding-left:10px}.page-content .content-right[data-v-2a7c9c10] .el-tabs__header{padding-left:10px!important}.page-content .content-right[data-v-2a7c9c10] .el-tabs__content{height:calc(100vh - 200px)!important;overflow:auto}.page-content .content-right .list-item[data-v-2a7c9c10]{border-top:1px solid #ececec;background-color:#ececec;line-height:50px;padding:0 10px}.page-content .content-right .list-item .action[data-v-2a7c9c10]{float:right;box-shadow:-3px 0 0 0 rgba(163,160,160,.12)}.page-content .content-right .list-item .action div[data-v-2a7c9c10]{margin-left:10px;color:#1473e6}.page-content .content-right .addQuickMsg[data-v-2a7c9c10]{position:absolute;bottom:0;width:100%;text-align:center;line-height:50px;border-top:1px solid #ececec;color:#1473e6;font-size:16px}[data-v-2a7c9c10] .el-input{width:100%!important}.flex[data-v-2a7c9c10]{align-items:center}.flex1[data-v-2a7c9c10],.flex[data-v-2a7c9c10]{display:flex;justify-content:space-between}.flex-center[data-v-2a7c9c10]{display:flex;align-items:center;justify-content:center}.flexStart[data-v-2a7c9c10]{display:flex;justify-content:flex-start}.flexEnd[data-v-2a7c9c10]{display:flex;justify-content:flex-end}.flexAround[data-v-2a7c9c10]{display:flex;justify-content:space-around;align-items:center}.flexWrap[data-v-2a7c9c10]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.flexWrapStart[data-v-2a7c9c10]{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}.limit-length[data-v-2a7c9c10]{width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dot[data-v-2a7c9c10]{margin-right:10px;position:absolute;right:0;top:5px}.dot-people[data-v-2a7c9c10],.dot[data-v-2a7c9c10]{width:8px;height:8px;background:#f56d6d;border-radius:50%}.dot-people[data-v-2a7c9c10]{float:right}.delete[data-v-2a7c9c10]{width:100%;height:100%;position:absolute;background-color:#f9f7f7;z-index:10;opacity:1%;border-radius:50%}.el-avatar[data-v-2a7c9c10] img{width:100%}