.contact .title{min-height:48px;padding:0 24px;color:rgba(0,0,0,.85);font-weight:500;font-size:16px;background:#fff;border-bottom:1px solid #f0f0f0}.contact .title h3{display:block;margin:0;padding:16px 0 5px;height:55px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.contact .title h3 .name{padding:0 5px}.contact .title .input-box{padding-bottom:16px}.contact .ant-tabs-bar{margin-bottom:0}.contact .pro-tabs{width:400px;overflow:hidden}.contact-list{height:500px;overflow-y:auto}.contact-list-item{display:-webkit-box;display:-ms-flexbox;display:flex;padding:12px;border-bottom:1px solid #f0f0f0;cursor:pointer}.contact-list-item .avatar .ant-avatar-sm{border-radius:0}.contact-list-item .txt{padding-left:10px;width:350px}.contact-list-item .txt-top{position:relative}.contact-list-item .txt-top .time{position:absolute;top:0;right:0;color:#999}.contact-list-item .txt-top .name{color:#333}.contact-list-item .txt-cont{width:98%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;color:#999;word-break:break-all}.contact-list-item:hover,.contact-list .item-select{background:#e6fffb}.contact-more{text-align:center;padding:10px 0}.contact .no-cont{text-align:center;line-height:500px}.contact .loading-cont{width:100%;padding-top:20px;text-align:center}