@media (min-width: 1664px){.chatbox .chatbox-icon-wrapper{display:flex;justify-content:center}.chatbox .chatbox-icon-wrapper .chatbox-icon{width:28px;height:28px;position:relative}.chatbox .chatbox-icon-wrapper .chatbox-icon .unread{position:absolute;top:-5px;right:-6px;font-size:11px;font-weight:400;text-align:center;background-color:#f7421e;color:#fff;height:16px;width:auto;border-radius:10px;border:1px solid #fff;padding:0 4px}.chatbox .chatbox-tip{font-size:12px;font-weight:400;line-height:16px;text-align:center;width:100%;margin:4px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all}}@media (max-width: 1663px){.chatbox{width:auto;display:flex;flex-direction:row;align-items:center}.chatbox .chatbox-icon-wrapper{display:flex;justify-content:center}.chatbox .chatbox-icon-wrapper .chatbox-icon{width:28px;height:28px;position:relative;transition:margin .3s ease}.chatbox .chatbox-icon-wrapper .chatbox-icon .unread{position:absolute;top:-5px;right:-6px;font-size:11px;font-weight:400;text-align:center;background-color:#f7421e;color:#fff;height:16px;width:auto;border-radius:10px;border:1px solid #fff;padding:0 4px}.chatbox .chatbox-tip{display:none!important;font-size:12px;font-weight:400;line-height:16px;text-align:center;height:100%;margin-left:8px;padding-left:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all;opacity:0}}.detail-sidebar:hover .chatbox .chatbox-tip{display:block!important;opacity:1}
