.contact-list[data-v-3114bcf8]{width:304px;height:100%;background:#fff;border-radius:0 0 0 0}.contact-list .customer-list[data-v-3114bcf8]{width:100%;height:calc(100% - 50px);overflow-y:auto}.contact-list .customer-list .customer[data-v-3114bcf8]{min-height:62px;padding:10px 12px;box-sizing:border-box;display:-ms-flexbox;display:flex;cursor:pointer}.contact-list .customer-list .customer .avatar[data-v-3114bcf8]{width:38px;height:38px;background:#c9dcff;border-radius:4px 4px 4px 4px}.contact-list .customer-list .customer .avatar img[data-v-3114bcf8]{border-radius:4px 4px 4px 4px;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.contact-list .customer-list .customer .info[data-v-3114bcf8]{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:calc(100% - 38px);box-sizing:border-box;padding-left:8px}.contact-list .customer-list .customer .info .top[data-v-3114bcf8]{width:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.contact-list .customer-list .customer .info .top .name[data-v-3114bcf8]{font-size:14px;font-weight:500;color:#10141a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-ms-flex:1 1 auto;flex:1 1 auto}.contact-list .customer-list .customer .info .top .phone[data-v-3114bcf8]{font-size:12px;font-weight:400;color:#81878d;-ms-flex:0 0 auto;flex:0 0 auto}.contact-list .customer-list .customer .info .bottom[data-v-3114bcf8]{width:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.contact-list .customer-list .customer .info .bottom .text[data-v-3114bcf8]{font-size:12px;font-weight:400;color:#81878d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-ms-flex:1 1 auto;flex:1 1 auto}.contact-list .customer-list .customer .info .bottom .time[data-v-3114bcf8]{font-size:12px;font-weight:400;color:#778ba2;-webkit-transform:scale(.83);-ms-flex:0 0 auto;flex:0 0 auto}.contact-list .customer-list .customer-active[data-v-3114bcf8]{background:#f0f8ff}.contact-list .customer-list .list-loading[data-v-3114bcf8]{position:relative;left:50%;top:50%;transform:translate(-50%,-50%)}.contact-list .customer-list .empty-data[data-v-3114bcf8]{height:calc(100% - 50px);width:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.contact-list .customer-list .scroll-loading[data-v-3114bcf8]{width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin-bottom:4px}.contact-list .customer-list .scroll-loading[data-v-3114bcf8] .ant-spin-text{font-size:12px;margin-left:4px}