.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-top: 10rpx;
    margin-bottom: 10rpx;
}
.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 - 210rpx);
}
.search {
    background-color: #f1f1f1;
    border-radius: 0.1rem;
    width: 90%;
    margin: 0 auto;
    padding: 0.06rem 0.1rem;
}
.header{
  background-color: #fff;
}
.bottom{
  background: #fff;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  text-align: center;
  padding: 10rpx;
  padding-bottom: 30rpx;
  border-top: 1px solid #f1f1f1;

}
.bottom text{
  display: block;
  padding: 16rpx 0;;
  text-align: left;
}
.bottom  .defBtn{
  color: #909399;
  border: 1px solid #909399;
  padding: 16rpx 0;
  border-radius: 5rpx;
  margin-right: 16px;
  background: #fff;
}
.bottom .blueBtn{
  color: #fff;
  background: #26A2FF;
  padding: 16rpx 0;
  border-radius: 5rpx;
}