.main{
    background: #fff;
}
.li{
   padding: 24rpx 32rpx;
   
}
.main-right{
  margin-left: 10rpx;
}
.main-right .name{
  padding-top:12rpx;
  font-size: 36rpx;
}
.main-right .context{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding: 10rpx 0; 
    padding-bottom: 0rpx;
}
.main-right .date{
   color: #909399;
   
}
.item{
  padding: 10rpx 0;
}
.item .flex-2{
    padding-left: 28rpx; 
}
.users{
  margin-left: 20rpx;
}
.num{
  font-size: 28rpx;
  color: #909399;
}
.index{
  width: 90rpx;
  text-align: center;
}
.index image{
  width: 40rpx;
  height: 40rpx;
}
.scroll {
   height: calc(100vh - 100rpx);
}