.img-border {
    color: #333333;
    font-size: 24rpx;
    border: 1rpx solid #f2f5f6;
    border-radius: 8rpx;
    padding: 14rpx;
    box-shadow: 2rpx 8rpx 28rpx rgba(89, 89, 89, 0.14);
}
.img-box{
    width: 100%;
    margin-bottom: 20px;
}
.img-box image{
    display: block;
    width: 100%;
    border-radius: 8rpx;
}
.area {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 16rpx 0;
}
.name {
     width: 50%;
    overflow : hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.num {
    color: #666666;
    font-size: 24rpx;
    text-align: right;
}
.bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.img-box .bottom .avatar{
    width: 40rpx;
    height: 40rpx;
    border-radius: 50%;
}
/*.bottom .avatar image {*/
    /*width: 100%;*/
    /*height: 100%;*/
/*}*/
/*.img-box text{*/
    /*font-size: 28rpx;*/
    /*line-height: 1;*/
/*}*/