.contact-list-wrap{height:100%;flex:1 1;overflow-y:auto;overflow-x:hidden;text-align:center}.contact-list-wrap .contact-wrap{display:flex;align-items:center;padding:13px 20px;height:80px}.contact-list-wrap .contact-wrap:hover{background-color:var(--primaryHoverLightColor);color:var(--primaryColor)}.contact-list-wrap .contact-wrap:hover .contact-name{color:inherit}.contact-list-wrap .contact-wrap .contact-body-wrap{flex:1 1;display:flex;align-items:center;overflow:hidden}.contact-list-wrap .contact-wrap .customer-contact{width:100%;display:flex;justify-content:space-between;align-items:center}.contact-list-wrap .contact-wrap .customer-contact .icon{padding-left:20px}.contact-list-wrap .contact-wrap .contact-body{width:100%;display:flex;flex-direction:column;justify-content:space-between;height:45px}.contact-list-wrap .contact-wrap .contact-body .reader-text{color:#999;padding-right:5px}.contact-list-wrap .contact-wrap .contact-body .reader-text.unread{color:var(--messageColor)}.contact-list-wrap .contact-wrap .contact-body .at-text{color:#ee4320;padding-right:5px}.contact-list-wrap .contact-wrap .contact-body .multi-tip{padding-right:5px}.contact-list-wrap .contact-wrap .contact-body .disturb-wrap{display:flex;justify-content:space-between}.contact-list-wrap .contact-wrap .contact-body .contact-title-wrap{position:relative;display:flex;align-items:center;min-height:20px}.contact-list-wrap .contact-wrap .contact-body .contact-multi-icon{display:inline-block;width:40px;line-height:20px;margin-left:10px;text-align:center;background-color:#dff8e8;color:#49c372;font-size:12px;border-radius:4px}.contact-list-wrap .contact-wrap .contact-body .contact-name{max-width:calc(100% - 90px);font-weight:700;font-size:14.5px;color:#333;text-align:left}.contact-list-wrap .contact-wrap .contact-body .contact-time{position:absolute;right:0;width:90px;text-align:right;color:#ccc;font-size:12px}.contact-list-wrap .contact-wrap .contact-body .contact-text{text-align:left;color:#999;font-size:13px}.contact-list-wrap .contact-wrap .contact-img{width:50px;height:50px;margin-right:10px}.contact-list-wrap .contact-is-top{background-color:#fafafa}.contact-list-wrap .contact-is-active{background-color:var(--recentListActiveColor)}.contact-list-wrap .contact-is-customer{background-color:#fffaf7}