.left[data-v-d4f8d140]{border-right:1px solid #ddd;width:155px;position:fixed;height:calc(100% - 250px);padding-top:10px}.left .el-badge[data-v-d4f8d140]{cursor:pointer;width:100px;margin-top:50px;color:#666}.left .el-badge[data-v-d4f8d140]:hover{color:#43b498}.left .el-badge[data-v-d4f8d140]:first-child{margin-top:0}.left .el-badge i[data-v-d4f8d140]{font-size:16px}.dialog-container[data-v-d4f8d140]{height:100%}.right[data-v-d4f8d140]{width:calc(100% - 195px);height:calc(100% - 40px);margin-left:155px;padding:20px}.right .con-top[data-v-d4f8d140]{display:flex;justify-content:space-between;align-items:center;height:30px}.right .con-top .top-left[data-v-d4f8d140]{display:flex}.right .con-top .top-left div[data-v-d4f8d140]{cursor:pointer}.right .con-top .top-left div[data-v-d4f8d140]:hover{color:#43b498}.right .con-top .top-left div[data-v-d4f8d140]:nth-child(2){margin-left:60px}.right .message-con[data-v-d4f8d140]{width:100%;height:100%;overflow-y:auto}.right .message-con .message-item[data-v-d4f8d140]{color:#333;width:calc(100% - 32px);height:60px;line-height:30px;padding:15px;border:1px solid #ddd;margin-top:20px}.right .message-con .message-item .item-top[data-v-d4f8d140]{width:100%;display:flex;justify-content:space-between}[data-v-d4f8d140] .el-badge__content.is-fixed{top:7px}.active-item[data-v-d4f8d140]{color:#43b498}