.common-padding[data-v-314ef70e]{padding:12px}.common-title[data-v-314ef70e]{font-size:16px;font-weight:600;height:24px}.common-title p[data-v-314ef70e]{line-height:24px}.common-title span[data-v-314ef70e]{display:inline-block;width:4px;height:24px;background:var(--PC);margin-right:5px}.left[data-v-314ef70e]{width:480px}.left ul[data-v-314ef70e]{margin-top:12px}.left ul li[data-v-314ef70e]{position:relative;cursor:pointer;padding:8px}.left ul li .li-content[data-v-314ef70e]{margin-right:10px}.left ul li .dot[data-v-314ef70e]{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px}.left ul li .draft-sign[data-v-314ef70e]{position:absolute;left:0;top:50%;transform:translateY(-50%);display:none}.left ul li .draft-sign-show[data-v-314ef70e]{display:inline-block}.left ul li[data-v-314ef70e]:hover{background:#f7f8fb}.left ul .li-active[data-v-314ef70e]{color:var(--PC);background:#f5f9e8}.left .li-bottom .title[data-v-314ef70e]{width:60%;margin-right:15px}.left .li-bottom .theme[data-v-314ef70e]{margin-right:15px}.left .li-bottom .time[data-v-314ef70e]{margin-left:auto}.middle[data-v-314ef70e]{margin:0 12px;position:relative;max-width:50%}.middle ul li[data-v-314ef70e]{padding:12px 12px;margin-bottom:4px}.middle ul li .btn[data-v-314ef70e]{cursor:pointer;color:var(--PC)}.middle ul li .btn span[data-v-314ef70e]{display:inline-block}.middle ul li .avatar[data-v-314ef70e]{width:24px;height:24px;text-align:center;line-height:24px;border-radius:50%;margin-right:8px;background:#7a909b;color:#fff;font-size:14px;font-weight:600;flex-shrink:0}.middle ul li .content[data-v-314ef70e]{max-width:96%}.middle ul li .content .li-top[data-v-314ef70e]{line-height:24px}.middle ul li .content .li-top .name[data-v-314ef70e]{color:#303133;margin-right:4px}.middle ul li .content .li-top .mail[data-v-314ef70e]{color:#909399;margin-right:8px}.middle ul li .content .li-top .time[data-v-314ef70e]{color:#909399;font-size:12px;margin-left:auto}.middle ul li .content .li-middle[data-v-314ef70e]{margin-bottom:8px;line-height:22px;color:#606266}.middle ul li .content .li-middle .btn[data-v-314ef70e]{font-size:14px;margin-left:12px}.middle ul li .li-bottom[data-v-314ef70e]{line-height:18px;color:#606266}.middle ul li .li-bottom div[data-v-314ef70e]{width:96%}.middle ul li .li-bottom .btn[data-v-314ef70e]{font-size:12px}.middle ul li[data-v-314ef70e]:hover{background:#f7f8fb}.middle ul .li-active[data-v-314ef70e]{background:#f5f9e8}.middle .middle-footer[data-v-314ef70e]{padding:12px 12px;position:absolute;bottom:0;right:0;border-top:1px solid #eff1f7;width:100%}.right[data-v-314ef70e]{width:460px}.right .right-top[data-v-314ef70e]{padding:12px;margin-bottom:8px}.right .right-bottom[data-v-314ef70e]{padding:12px}