.home-page{height:100%;display:flex;flex-direction:column;max-width:100%;width:45%}.home-page-top{width:100%;padding:10px 15px;display:flex;align-items:center}.drawer i{color:var(--fill-bg-color);font-size:18px;padding-left:5px}.home-top-search{flex:1;padding-left:20px}.home-top-search input{width:100%;font-size:14px;border:none;border-radius:30px;padding:8px;background-color:var(--padding-bg-color);outline:0;height:36px}.conversation-list{-webkit-overflow-scrolling:touch;flex:1;overflow:hidden;overflow-y:scroll}.conversation-box{height:62px;padding:8px 10px;display:flex;align-items:center}.conversation-avatar{position:relative;width:46px;height:46px}.chat-conversation-avatar{position:relative;width:36px;min-height:36px;margin:auto 0 0}.chat-conversation-avatar li,.conversation-avatar li{border-radius:50%;height:100%;width:100%;position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;padding-left:0!important;overflow:hidden}.chat-conversation-avatar span,.conversation-avatar span{position:absolute;z-index:2;font-size:16px}.chat-conversation-avatar span{font-size:15px}.chat-conversation-avatar p,.conversation-avatar p{position:absolute;z-index:3;height:100%;width:100%;background-size:cover;background-position:center}.conversation-content{flex:1;padding-left:15px;height:100%}.conversation-content div{display:flex;align-items:flex-end;height:50%;padding:2px 0}.friend-name{font-size:14px;color:var(--text-color);flex:1}.friend-name i{font-size:12px}.new-message,.new-message-time{font-size:13px;color:var(--fill-bg-color)}.new-message{flex:1;width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unread-count{height:20px;min-width:20px;font-size:13px;background:var(--unread-bg-color);border-radius:13px;text-align:center;line-height:20px;padding:0 5px}.drag-box{cursor:ew-resize;height:100%;width:0;background:var(--chat-bg-color)}