.box-page[data-v-16676b3a]{display:flex;height:calc(100vh - 166px);position:relative}.box-page .left[data-v-16676b3a]{width:50%;height:100%;background:#fff;border-radius:4px;padding:16px 8px 16px 16px}.box-page .left ul[data-v-16676b3a]{margin-bottom:0}.box-page .left ul li[data-v-16676b3a]{margin:0;padding:0;display:inline-block;list-style-type:none;position:relative;width:96px;height:40px;line-height:40px;text-align:center;border:1px solid #d9d9d9}.box-page .left ul li[data-v-16676b3a]:first-child{border-radius:4px 0 0 4px}.box-page .left ul li[data-v-16676b3a]:last-child{border-radius:0 4px 4px 0}.box-page .left ul li[data-v-16676b3a]:not(:first-child){border-left:none}.box-page .left ul li[data-v-16676b3a]:hover{color:#096dd9;cursor:pointer}.box-page .left .activeli[data-v-16676b3a]{color:#096dd9;background:#e6f7ff;border:1px solid #096dd9}.box-page .left .activeli[data-v-16676b3a]:not(:first-child){border-left:1px solid #096dd9}.box-page .left h4[data-v-16676b3a]{font-size:22px;font-weight:600}.box-page .left[data-v-16676b3a]:not(:last-child){margin-right:8px}.box-page .list-box[data-v-16676b3a]{width:100%;height:calc(100% - 152px)}.box-page .scroll-list[data-v-16676b3a]{height:100%;overflow-y:auto}.box-page .scroll-list .list-item[data-v-16676b3a]{height:80px;background:#f5f7fa;margin:0 8px 8px 0;padding:12px 16px;border-radius:4px;font-size:16px}.box-page .scroll-list .list-item[data-v-16676b3a]:hover{background:#fff;box-shadow:0 6px 16px rgba(0,57,119,.08);cursor:pointer}.box-page .scroll-list .list-item p[data-v-16676b3a]{margin-bottom:8px;font-weight:600;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis}.box-page .scroll-list .list-item .desc[data-v-16676b3a]{color:#666;display:flex}.box-page .scroll-list .list-item .desc i[data-v-16676b3a]{margin-right:4px}.box-page .scroll-list .list-item .desc span[data-v-16676b3a]{display:inline-block;margin-right:32px}.box-page .scroll-list .active-item[data-v-16676b3a]{background:#fff;box-shadow:0 6px 16px rgba(0,57,119,.08)}.box-page .pagination[data-v-16676b3a]{display:flex;justify-content:flex-end;padding-top:12px}.box-page .msg-detail[data-v-16676b3a]{display:flex;flex-direction:column;height:100%;padding:16px}.box-page .msg-detail h4[data-v-16676b3a]{margin-bottom:10px}.box-page .msg-detail .msg-desc[data-v-16676b3a]{display:flex;justify-content:space-between}.box-page .msg-detail .msg-desc b[data-v-16676b3a]{font-weight:400;color:#666}.box-page .msg-detail .msg-file[data-v-16676b3a]{width:100%;flex-shrink:0;display:flex;justify-content:space-between}.box-page .msg-detail .msg-file span[data-v-16676b3a]{line-height:32px;white-space:nowrap}.box-page .msg-detail .msg-file[data-v-16676b3a] .upload-box{margin-top:4px;width:calc(100% - 80px)}[data-v-16676b3a] .z-top-navigation{margin:16px 8px 16px 0}[data-v-16676b3a] .ant-checkbox-wrapper{line-height:36px}[data-v-16676b3a] .pick-empty img{width:240px}[data-v-16676b3a] .ant-badge-status-dot{width:6px;height:6px}.msg-content[data-v-16676b3a]{flex-grow:1;overflow-y:auto;width:100%;border:1px solid #d9d9d9;border-radius:4px;padding:16px 10px 16px 16px;margin:16px 0}.msg-content[data-v-16676b3a] img{display:block;margin:8px 0;max-width:100%}.detail-link[data-v-16676b3a]{color:#096dd9}