.messageIndex[data-v-4e57d470]{padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px}.messageIndex .box[data-v-4e57d470]{background-color:#fff;-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,.03);box-shadow:0 1px 3px 0 rgba(0,0,0,.03);border-radius:8px;min-height:400px;padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box}.messageIndex .left[data-v-4e57d470]{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative}.messageIndex .right[data-v-4e57d470]{width:420px}.messageIndex .title[data-v-4e57d470]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid #f0f0f0}.messageIndex .title .t1[data-v-4e57d470],.messageIndex .title[data-v-4e57d470]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.messageIndex .title .t1[data-v-4e57d470]{color:#303133;font-size:16px;font-weight:600;padding-left:12px;position:relative}.messageIndex .title .t1[data-v-4e57d470]:before{content:"";display:inline-block;width:4px;height:18px;background:linear-gradient(135deg,#1e3c72,#2a5298);border-radius:2px;position:absolute;left:0}.messageIndex .title .t2[data-v-4e57d470]{font-size:13px;color:#606266;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:color .2s ease;transition:color .2s ease}.messageIndex .title .t2[data-v-4e57d470]:hover{color:#1e3c72}.messageIndex .title .t2 .el-icon-arrow-right[data-v-4e57d470]{margin-left:4px;font-size:12px}.messageIndex .fenlei[data-v-4e57d470]{gap:12px;padding-bottom:16px;border-bottom:1px solid #f5f5f5;margin-bottom:16px}.messageIndex .fenlei span[data-v-4e57d470]{font-size:13px;color:#606266}.messageIndex .fenlei .el-button[data-v-4e57d470]{font-size:12px;padding:6px 16px}.messageIndex .con[data-v-4e57d470]{max-height:calc(100vh - 320px);overflow-y:auto;padding-right:8px;-webkit-box-sizing:border-box;box-sizing:border-box}.messageIndex .con .el-pagination[data-v-4e57d470]{position:sticky;bottom:0;background:#fff;padding:16px 0;margin-top:16px;border-top:1px solid #f5f5f5;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.messageIndex .con li[data-v-4e57d470]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:14px 0;cursor:pointer;border-bottom:1px solid #f5f5f5;-webkit-transition:background-color .2s ease;transition:background-color .2s ease}.messageIndex .con li[data-v-4e57d470]:hover{background-color:#fafafa}.messageIndex .con li[data-v-4e57d470]:last-child{border-bottom:none}.messageIndex .con li .name[data-v-4e57d470]{width:44px;height:44px;background:#5e98ff;border-radius:50%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:600;font-size:18px;color:#fff;-ms-flex-negative:0;flex-shrink:0}.messageIndex .con li .name.two[data-v-4e57d470]{font-size:13px}.messageIndex .con li .content[data-v-4e57d470]{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-left:14px;overflow:hidden;position:relative}.messageIndex .con li .content .t1[data-v-4e57d470]{font-weight:500;font-size:14px;color:#303133;line-height:22px;height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:8px;padding-right:24px}.messageIndex .con li .content .t2[data-v-4e57d470]{font-weight:400;font-size:12px;color:#909399;line-height:18px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.messageIndex .con li .content .read[data-v-4e57d470]{width:8px;height:8px;background:#f56c6c;border-radius:50%;position:absolute;right:0;top:6px}.messageIndex .notice[data-v-4e57d470]{max-height:calc(100vh - 220px);overflow-y:auto;padding-right:8px;-webkit-box-sizing:border-box;box-sizing:border-box}.messageIndex .notice li[data-v-4e57d470]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:32px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.messageIndex .notice li p[data-v-4e57d470]{font-weight:500;font-size:14px;color:#5a626b;height:32px;line-height:32px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:calc(100% - 80px);display:block}.messageIndex .notice li span[data-v-4e57d470]{font-weight:500;font-size:13px;color:#aaa}.messageIndex .fenlei[data-v-4e57d470]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:20px 0}.messageIndex .fenlei span[data-v-4e57d470]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:14px;font-weight:700;margin-right:20px}