.kefu-list .kefu-item[data-v-1c9d6302]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:15px;border-bottom:1px solid #eee;cursor:pointer;position:relative}.kefu-list .kefu-item[data-v-1c9d6302]:last-child{border-bottom:none}.kefu-list .kefu-item[data-v-1c9d6302]:hover{background-color:#f9f9f9}.kefu-list .kefu-item .kefu-avatar[data-v-1c9d6302]{width:50px;height:50px;border-radius:50%;overflow:hidden;margin-right:15px;background-color:#f0f0f0;position:relative}.kefu-list .kefu-item .kefu-avatar img[data-v-1c9d6302]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.kefu-list .kefu-item .kefu-avatar .online-status[data-v-1c9d6302]{position:absolute;bottom:2px;right:2px;width:12px;height:12px;border-radius:50%;background-color:#999;border:2px solid #fff}.kefu-list .kefu-item .kefu-avatar .online-status.online[data-v-1c9d6302]{background-color:#52c41a}.kefu-list .kefu-item .kefu-info[data-v-1c9d6302]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.kefu-list .kefu-item .kefu-info .kefu-header[data-v-1c9d6302]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;margin-bottom:4px}.kefu-list .kefu-item .kefu-info .kefu-header .kefu-name[data-v-1c9d6302]{font-size:16px;color:#333;font-weight:500;-webkit-box-flex:1;-ms-flex:1;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.kefu-list .kefu-item .kefu-info .kefu-header .kefu-name .status-text[data-v-1c9d6302]{font-size:12px;color:#999;margin-left:8px;padding:2px 6px;background-color:#f0f0f0;border-radius:4px;font-weight:400;-ms-flex-negative:0;flex-shrink:0}.kefu-list .kefu-item .kefu-info .kefu-header .kefu-name .status-text.online[data-v-1c9d6302]{color:#52c41a;background-color:rgba(82,196,26,.1)}.kefu-list .kefu-item .kefu-info .kefu-header .kefu-time[data-v-1c9d6302]{font-size:12px;color:#999;-ms-flex-negative:0;flex-shrink:0}.kefu-list .kefu-item .kefu-info .kefu-meta[data-v-1c9d6302]{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:2px}.kefu-list .kefu-item .kefu-info .kefu-meta .kefu-message[data-v-1c9d6302]{font-size:14px;color:#666;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-box-flex:1;-ms-flex:1;flex:1;margin-right:10px}.kefu-list .kefu-item .kefu-info .kefu-meta .kefu-message[data-v-1c9d6302] .em{display:inline-block;height:18px;width:18px;vertical-align:middle}.kefu-list .kefu-item .kefu-info .kefu-meta .kefu-id[data-v-1c9d6302]{font-size:12px;color:#999;-ms-flex-negative:0;flex-shrink:0}.kefu-list .kefu-item .kefu-info .kefu-account[data-v-1c9d6302]{font-size:12px;color:#999;line-height:1.4}.kefu-list .kefu-item .arrow[data-v-1c9d6302]{color:#ccc;margin-left:10px}.kefu-list .kefu-item .unread-badge[data-v-1c9d6302]{position:absolute;bottom:16px;right:10px;background-color:#ff4d4f;color:#fff;font-size:12px;font-weight:700;border-radius:10px;min-width:20px;height:20px;line-height:20px;text-align:center;padding:0 6px;white-space:nowrap;z-index:1}.kefu-list .empty-state[data-v-1c9d6302]{padding:40px;text-align:center;color:#999;font-size:14px}.kefu-list-container[data-v-ff4586ea]{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:#f5f5f5}.kefu-list-header[data-v-ff4586ea]{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;background:-webkit-gradient(linear,right top,left top,from(#1890ff),to(#3875ea));background:linear-gradient(270deg,#1890ff,#3875ea);padding:7px 14px;font-size:16px;color:#fff;-ms-flex-negative:0;flex-shrink:0}.kefu-list-header .back-button[data-v-ff4586ea]{cursor:pointer;height:40px;width:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.kefu-list-header .title[data-v-ff4586ea]{font-weight:700}.kefu-list-header .placeholder[data-v-ff4586ea]{width:40px}.search-bar[data-v-ff4586ea]{background-color:#fff;padding:10px 15px;border-bottom:1px solid #eee;-ms-flex-negative:0;flex-shrink:0}.search-bar .search-input-wrapper[data-v-ff4586ea]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#f5f5f5;border-radius:20px;padding:8px 15px}.search-bar .search-input-wrapper .search-icon[data-v-ff4586ea]{color:#999;font-size:16px;margin-right:8px}.search-bar .search-input-wrapper .search-input[data-v-ff4586ea]{-webkit-box-flex:1;-ms-flex:1;flex:1;border:none;background:transparent;font-size:14px;color:#333;outline:none}.search-bar .search-input-wrapper .search-input[data-v-ff4586ea]::-webkit-input-placeholder{color:#999}.search-bar .search-input-wrapper .search-input[data-v-ff4586ea]::-moz-placeholder{color:#999}.search-bar .search-input-wrapper .search-input[data-v-ff4586ea]:-ms-input-placeholder{color:#999}.search-bar .search-input-wrapper .search-input[data-v-ff4586ea]::-ms-input-placeholder{color:#999}.search-bar .search-input-wrapper .search-input[data-v-ff4586ea]::placeholder{color:#999}.search-bar .search-input-wrapper .clear-icon[data-v-ff4586ea]{color:#999;font-size:14px;cursor:pointer;margin-left:8px}.search-bar .search-input-wrapper .clear-icon[data-v-ff4586ea]:hover{color:#666}.kefu-list-content[data-v-ff4586ea]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;position:relative;background-color:#fff}.loading-state[data-v-ff4586ea]{height:200px}.error-state[data-v-ff4586ea],.loading-state[data-v-ff4586ea]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.error-state[data-v-ff4586ea]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:300px;padding:20px}.error-state .error-text[data-v-ff4586ea]{margin:15px 0;color:#666;font-size:14px;text-align:center}.demo-spin-icon-load[data-v-ff4586ea]{-webkit-animation:ani-demo-spin-ff4586ea 1s linear infinite;animation:ani-demo-spin-ff4586ea 1s linear infinite}@-webkit-keyframes ani-demo-spin-ff4586ea{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes ani-demo-spin-ff4586ea{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}