.image-container[data-v-21257a40]{align-items:center;background:#eee;display:flex;justify-content:center;overflow:hidden}.responsive-image[data-v-21257a40]{height:100%;width:100%}.cover[data-v-21257a40],.responsive-image[data-v-21257a40]{-o-object-fit:cover;object-fit:cover}.contain[data-v-21257a40]{-o-object-fit:contain;object-fit:contain}.fill[data-v-21257a40]{-o-object-fit:fill;object-fit:fill}.none[data-v-21257a40]{-o-object-fit:none;object-fit:none}.box[data-v-0ae88a1c]{box-sizing:border-box;display:flex;margin-top:20px;overflow:visible}.box .left[data-v-0ae88a1c]{flex-shrink:0;height:-moz-fit-content;height:fit-content;position:sticky;top:80px;width:320px}.box .left-top[data-v-0ae88a1c]{background:#fff;border-radius:10px;box-shadow:0 2px 9px 0 hsla(0,0%,59%,.1);margin-bottom:20px;padding-bottom:20px}.box .left-top .left-header[data-v-0ae88a1c]{border-bottom:1px solid #e9ecf7;color:#778ca2;font-size:14px;font-weight:400;padding:10px}.box .left-top .avatar[data-v-0ae88a1c]{border-radius:50%;display:block;height:100px;margin:10px auto 15px;-o-object-fit:cover;object-fit:cover;width:100px}.box .left-top .name[data-v-0ae88a1c]{color:#020202;font-size:16px;font-weight:400;margin-bottom:15px;text-align:center}.box .left-top .label[data-v-0ae88a1c]{background:#edf4ff;border-radius:24px;display:flex;font-size:14px;margin:auto;padding:5px 10px;text-align:center;width:80px}.box .left-top .label .icon[data-v-0ae88a1c]{flex-shrink:0;height:20px;margin-right:5px;width:20px}.btn[data-v-0ae88a1c]{background:rgba(80,147,255,.16);color:#5093ff;cursor:pointer;font-size:16px;height:36px;line-height:36px;margin:24px 20px 0;text-align:center}.act1[data-v-0ae88a1c]{background:#f1f1f1;color:#ff5050}.box .left .left-bottom[data-v-0ae88a1c]{background:#fff;border-radius:10px;box-shadow:0 2px 9px 0 hsla(0,0%,59%,.1);margin-bottom:20px}.box .left .left-bottom .left-header[data-v-0ae88a1c]{border-bottom:1px solid #e9ecf7;font-size:16px;font-weight:400;padding:10px}.box .left .left-bottom .fot[data-v-0ae88a1c]{font-size:14px;padding:20px}.box .left .left-bottom .fot .fot-item[data-v-0ae88a1c]{margin-top:10px}.box .left .left-bottom .fot .icon[data-v-0ae88a1c]{height:20px;margin-right:5px;width:20px}.right[data-v-0ae88a1c]{background:#fff;border-radius:10px;box-shadow:0 2px 9px 0 hsla(0,0%,59%,.1);box-sizing:border-box;margin-left:20px;padding:20px 20px 0;position:sticky;top:80px;width:1020px}.box .right .tab[data-v-0ae88a1c]{border-bottom:1px solid #e9ecf7;display:flex}.box .right .tab-item[data-v-0ae88a1c]{cursor:pointer;margin-right:46px;padding-bottom:20px}.box .right .tab .act[data-v-0ae88a1c]{color:#5093ff}.box .right .list-item[data-v-0ae88a1c]{border-bottom:1px solid #e9ecf7;display:flex;padding:20px 0}.box .right .list-item[data-v-0ae88a1c]:last-child{border-bottom:none}.box .right .list-item .left-content[data-v-0ae88a1c]{width:545px}.box .right .list-item .left-content .title[data-v-0ae88a1c]{color:#020202;cursor:pointer;font-size:18px;overflow:hidden;text-overflow:ellipsis;transition:.3s;white-space:nowrap}.box .right .list-item .left-content .title[data-v-0ae88a1c]:hover{color:#5093ff}.box .right .list-item .left-content .msg[data-v-0ae88a1c]{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#535861;cursor:pointer;display:-webkit-box;font-size:14px!important;font-weight:400!important;height:37px;line-height:19px!important;overflow:hidden;word-break:break-all}.box .right .list-item .left-content .msg [data-v-0ae88a1c]{margin:0!important;padding:0}.box .right .list-item .left-content .time[data-v-0ae88a1c]{color:#778ca2;font-size:14px;font-weight:400;margin-top:10px}.box .right .list-item .img[data-v-0ae88a1c]{border-radius:10px;flex-shrink:0;height:134px;margin-left:20px;overflow:hidden;width:240px}.box .right .list-item .foot[data-v-0ae88a1c]{margin-top:10px}.box .right .list-item .foot-item[data-v-0ae88a1c]{color:#020202;cursor:pointer;font-size:14px;font-weight:400;margin-right:30px}.box .right .list-item .foot-item .iconfont[data-v-0ae88a1c]{color:#778ca2;margin-right:5px}.box .right .list-item .label[data-v-0ae88a1c]{background:#28d16d;border:5px solid #bef1d3;border-radius:50%;height:8px;width:8px}.box .right .list-item .label1[data-v-0ae88a1c]{background:#aaa;border:5px solid #e9e9e9;border-radius:50%;height:8px;width:8px}.box .right .list-item .label2[data-v-0ae88a1c]{background:#ff1389;border:5px solid #ffcedc;border-radius:50%;height:8px;width:8px}.box .right .list-item .label-title[data-v-0ae88a1c]{font-size:14px;margin-left:5px}.dropdown .dropdown-item[data-v-0ae88a1c]{color:#020202;cursor:pointer;padding:10px 20px;text-align:center;transition:.3s;white-space:nowrap}.dropdown-item[data-v-0ae88a1c]:hover{color:#5093ff}.butto[data-v-0ae88a1c]{background:#fff;border:1px solid #dcdfe6;border-radius:4px;cursor:pointer;height:40px;line-height:40px;margin-right:10px;text-align:center;transition:.3s;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:70px}.butto[data-v-0ae88a1c]:hover{background:#f5f5f5}.button[data-v-0ae88a1c]{background:#5093ff;border-radius:4px;color:#fff;cursor:pointer;height:40px;line-height:40px;text-align:center;transition:.3s;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:70px}.button[data-v-0ae88a1c]:active{background:#4884e6}@media screen and (max-width:1439px){.right[data-v-0ae88a1c]{width:860px}}@media screen and (min-width:1440px) and (max-width:1535px){.right[data-v-0ae88a1c]{width:960px}}.loading[data-v-0ae88a1c]{color:#778ca2;font-size:14px;margin:auto;padding:10px;text-align:center}.row-between[data-v-0ae88a1c],.row[data-v-0ae88a1c]{align-items:center;display:flex}.row-between[data-v-0ae88a1c]{justify-content:space-between}.row-end[data-v-0ae88a1c]{align-items:center;display:flex;justify-content:flex-end}.relative[data-v-0ae88a1c]{position:relative}.avatar-vip[data-v-0ae88a1c]{bottom:0;height:20px;position:absolute;right:110px;width:22px}