.hb_list .hb_item{
    display:inline-block;
    vertical-align:top;
    width:100%;
    margin-top:10px;
}
.hb_list .hb_item:first-child{
    margin-top:0;
}
.hb_list .hb_item .hb_avatar{
    float:left;
    position:relative;
    width:64px;
    height:64px;
    border-radius:50%;
    margin-right:15px;
}
.hb_list .hb_item .hb_avatar .hb_avatar_image{
    border-radius:50%;
    top:0;
    left:0;
    position:absolute;
    width:64px;
    height:64px;
    overflow:hidden;
}
.hb_list .hb_item .medal{
    background-image:url('/templates/default/controllers/hb/img/hb_medal.png');
    background-repeat:no-repeat;
    background-position:center;
    width:50px;
    height:50px;
    background-size:contain;
    position:absolute;
    color:#fbfbfb;
    top:25px;
    left:30px;
}
.hb_list .hb_item .medal5{
    background-image:url('/templates/default/controllers/hb/img/hb_medal5.png');
}
.hb_list .hb_item .medal10{
    background-image:url('/templates/default/controllers/hb/img/hb_medal10.png');
}
.hb_list .hb_item .medal span{
    display:inline-block;
    width:50px;
    text-align:center;
    line-height:20px;
    font-size:12px;
    font-weight:bold;
    position:absolute;
    top:7px;
}
.hb_list .hb_item .nickname{
    float:left;
    line-height:64px;
    font-size:18px;
    color:#444;
    font-weight:bold;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    max-width:calc(100% - 79px);
}