page{
  background-color: #F6F6F6;
}
.container{
  width: 100vw;
}
.item_list{
  width: 92vw;
  margin: 20rpx auto;
  background-color: #fff;
  border-radius: 20rpx;
}



.item{
  display: flex;
  padding: 20rpx;
  flex-direction: column;
}
.item:not(:last-child){
  border-bottom: 1px solid #E7E7E7;
}
.top{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 1;
}
.name{
  flex: 1;
  font-size: 30rpx;
  color: #666666;
}
.start{
  flex: 1;
  display: flex;
  justify-content: flex-end;
}
.content{
  flex: 2;
  font-size: 34rpx;
  color: #333333;
  margin: 20rpx 0;
}
.date{
  
  font-size: 28rpx;
  color: #666666;
}
.comemntType{
    margin-left: 10rpx;
    font-size: 20rpx;
    height: 34rpx;
    line-height: 34rpx;
    display: flex;
    justify-content: center;
    align-items: center;
    padding:0 10rpx;
    background: #E3EEFF;
border-radius: 8rpx;
color: #1E6EFF;
    justify-content: center;
}
.comemntType.video{
    color: #00C885;
    background: #E3FFF5;
}
.comemntType.yinan{
    color: #ED9C00;
    background: #FFF5E0;
}
.datebox{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.sick_name{
  
    font-size: 20rpx;
  font-weight: 400;
  display: flex;
  border-radius: 20rpx;
  height: 38rpx;
  padding:0 15rpx;
  border: 1rpx solid #3CC7C0;
  align-items: center;
  color: #3CC7C0;
  }
  .namebox{
      align-items: center;
      display: flex;
  }