.chat-item[data-v-3718a81e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px 16px;border-bottom:1px solid #f5f5f5;cursor:pointer}.chat-item[data-v-3718a81e]:hover{background-color:#f8f8f8}.avatar-box[data-v-3718a81e]{position:relative;margin-right:12px}.avatar[data-v-3718a81e]{width:48px;height:48px;border-radius:50%}.online-status[data-v-3718a81e]{position:absolute;bottom:2px;right:2px;width:12px;height:12px;border-radius:50%;background-color:#4cd964;border:2px solid #fff}.chat-info[data-v-3718a81e]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden}.top[data-v-3718a81e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:4px}.user-name[data-v-3718a81e]{font-size:16px;font-weight:500;color:#333}.time[data-v-3718a81e]{font-size:12px;color:#999}.bottom[data-v-3718a81e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.last-msg[data-v-3718a81e]{font-size:14px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80%}.unread-count[data-v-3718a81e]{display:inline-block;min-width:18px;height:18px;line-height:18px;text-align:center;background-color:#ff4d4f;color:#fff;font-size:12px;border-radius:9px}