.left[data-v-877c69d6]{width:180px;min-height:calc(100vh - 87px);box-shadow:5px 0 10px 0 rgba(0,0,0,.0500000007);position:relative;z-index:999}.left .t[data-v-877c69d6]{font-size:14px;font-weight:500;color:#191919;line-height:14px;background:linear-gradient(180deg,#f3f8ff 0,#fff);padding:16px 16px 0}.left .l[data-v-877c69d6]{height:100%;padding:16px}.left .sigle[data-v-877c69d6]{width:148px;height:32px;line-height:32px;color:#595959;background:rgba(239,242,245,.5);border-radius:4px;text-align:center;margin-bottom:12px;cursor:pointer}.left .sigle.active[data-v-877c69d6]{color:#fff;background:#06f}.right[data-v-877c69d6]{width:100%;padding-bottom:24px}.right .head[data-v-877c69d6]{padding:24px 40px 6px 40px;background:linear-gradient(180deg,#f3f8ff 0,#fff)}.right .con[data-v-877c69d6]{border-top:1px solid #e8e8e8;padding:24px 40px}.right .con .msgList[data-v-877c69d6]{display:flex;flex-wrap:wrap}.right .con .card[data-v-877c69d6]{cursor:pointer;display:flex;padding:12px;box-shadow:0 1px 0 0 #e8e8e8}.right .con .card[data-v-877c69d6]:hover{background:#f7f8f9}.right .con .card .pic[data-v-877c69d6]{margin-right:12px}.right .con .card .pic img[data-v-877c69d6]{width:160px;height:96px;-o-object-fit:contain;object-fit:contain}.right .con .card .msg[data-v-877c69d6]{flex:1;width:calc(100% - 184px)}.right .con .card .msg .first[data-v-877c69d6]{justify-content:space-between;height:20px;line-height:20px;margin-bottom:6px}.right .con .card .msg .first .title[data-v-877c69d6]{font-size:14px;font-weight:700;color:#191919;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:80%}.right .con .card .msg .first span[data-v-877c69d6]{color:#06f}.right .con .card .msg .cont[data-v-877c69d6]{color:#999;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;height:32px;line-break:after-white-space;margin:12px 0}.right .con .card .msg .bottom[data-v-877c69d6]{justify-content:space-between;line-height:20px}.right .con .card .msg .bottom>div span[data-v-877c69d6]{display:inline-block;padding:0 4px;margin-right:4px;border-radius:2px}.right .con .card .msg .bottom>div span[data-v-877c69d6]:last-child{margin-right:0}.right .con .card .msg .bottom>div span[data-v-877c69d6]:first-child{background:rgba(0,102,255,.08);color:#06f}.right .con .card .msg .bottom>div span[data-v-877c69d6]:nth-child(2){color:#fc1334;background:rgba(252,19,52,.08)}.right .con .card .msg .bottom>div span[data-v-877c69d6]:nth-child(3){color:#35b84b;background:rgba(53,184,75,.08)}.right .con .card .msg .bottom>div span[data-v-877c69d6]:nth-child(4){color:#ff8124;background:rgba(255,129,36,.08)}.right .con .card .msg .bottom>span[data-v-877c69d6]{color:#999}.right .con .card .msg .bottom>span i[data-v-877c69d6]{margin-right:4px}.paging[data-v-877c69d6]{margin-left:40px}.nodata[data-v-877c69d6]{min-height:calc(100vh - 400px)}