/* 用户头像开始 */

.ul-avatar-list {}

.ul-avatar-list-item {
    display         : flex;
    align-items     : center;
    justify-content : space-between;
    padding         : 8px;
    background-color: #ddd;
}

.ul-avatar-list-item.current {
    background-color: #bbb;
}

.ul-avatar-list-item-img {
    height             : 48px;
    width              : 48px;
    background-image   : url("/static/images/avatar.png");
    background-size    : cover;
    background-position: center;
    border-radius      : 3px;
    background-color   : #fff;
}

.ul-avatar-list-item-info {
    margin-left: 10px;
    position   : relative;
    width      : calc(100% - 48px - 10px);
}

.ul-avatar-list-item-time {
    position: absolute;
    right   : 0;
    top     : 0;
    color   : #999;
}

.ul-avatar-list-item-tips {
    color        : #999;
    font-size    : 14px;
    display      : inline-block;
    white-space  : nowrap;
    width        : 100%;
    overflow     : hidden;
    text-overflow: ellipsis;
}