.header-top{
  background: #fff;
  padding:20rpx 32rpx;
}
.header-top-right{
  margin-left: 10rpx;
}
.state{
  color: #E6A23C;
  margin-left: 10rpx;
}
.header-main{
  background: #fff;
  padding:16rpx 32rpx;
}
.header-main .laber{
  color: #909399;
  width: 140rpx;
}
.header-main .flex-box{
 padding: 5rpx 0;
}
.mian-title{
  padding:16rpx 32rpx;
  background: #fff;
  font-size: 30rpx;
  color: #222;
  font-weight: 600;
}
.mian-title text{
  font-size: 22rpx;
  color: #909399;
  font-weight: 500;
  position: relative;
  top: -3rpx;
  padding-left: 20rpx;
}
.main-bottom{
  padding:16rpx 32rpx;
  background: #fff;
}
.main-bottom-right{
  margin-left: 10rpx;
}
.names{
  padding-top: 14rpx;
}
.date{
  font-size: 22rpx;
  color: #909399;
  padding: 4rpx 0;
}
.context{
  font-size: 24rpx;
}
.imgBox{
  position: absolute;
  width: 1rpx;
  border-left: 1px dashed#979797;
  top: 60rpx;
  left: 30rpx;
  bottom: 0; 
}
.bottom{
  background: #fff;
  position: sticky;
  bottom: 0;
  z-index: 2;
  text-align: center;
  padding: 16rpx;
  border-top: 1px solid #f1f1f1;

}
.bottom view:nth-child(1){
  color: #26A2FF;
  border: 1px solid #26A2FF;
  padding: 16rpx 0;
  border-radius: 5rpx;
  margin-right: 16px;
}
.bottom view:nth-child(2){
  color: #fff;
  background: #26A2FF;
  padding: 16rpx 0;
  border-radius: 5rpx;
}
.main{
  /* margin-bottom: 120rpx; */
}
.num text{
  margin-left: 10rpx;
}
.name{
  margin: 16rpx 0;
  font-size: 26rpx;
}