page{
  background-color: #F6F6F6;
}
.container{
  /* width: 100vw; */
  padding: 0 4vw;
}
.main_title{
  font-size: 16px;
  color: #000000;
  margin: 30rpx 0;
}
.data_box{
  margin-top: 20rpx;
  width: calc(92vw - 40rpx);
  background-color: #fff;
  border-radius: 20rpx;
  padding: 20rpx;
}
.data_box_top{
  display: flex;
}
.name{
  font-size: 34rpx;
  color: #3CC7C0;
  margin-right: 20rpx;
}
.sex{
  font-size: 34rpx;
  color: #666666;
}
.info{
  
  background: #FAFAFA;
  border-radius: 10rpx;


  display: flex;
  flex-wrap: wrap;
  margin: 20rpx 0 0;
  padding:10rpx 20rpx 20rpx;
}
.info_item{
  text-align: left;
  width: 203rpx; 
  /* height: 60rpx; */
  margin-top: 10rpx;

  display: flex;
  align-items: center;

  align-items: flex-start;
}
.info_item:nth-child(3n){
   text-indent: 20rpx;
}
.info_title{
  font-size: 28rpx;
  color: #333333;
}
.info_val{
  font-size: 28rpx;
  flex: 1;
  color: #666666;
}
.disease_box{

}
.disease_box_item{
  margin-bottom: 30rpx;
  display: flex;
}
.data_box .disease_box_item:first-child{
  margin-top: 20rpx;
}
.orther .disease_box_item:first-child{
  margin-top: 0rpx;
}
.title{
  font-size: 30rpx;
  color: #333333;
}
.conent{
  flex: 1;
  font-size: 28rpx;
  color: #666666;
  word-wrap:break-word;
  word-break:break-all;
}
.disease_info{
  background: #FAFAFA;
  border-radius: 10rpx;
  padding: 10rpx;
  font-size: 26rpx;
  color: #999999;
  margin-bottom: 20rpx;
}
.img_box{
  display: flex;
  flex-wrap: wrap;
}
.van-uploader__wrapper{
  display: flex !important;
}
.van-uploader__preview{
  padding: 20rpx 15rpx !important;
  background-color: #E4E4E4 !important;
  border-radius: 15rpx;
  width: 150rpx;
  display: flex;
  justify-content: center;
}
.orther{
  margin-bottom: 50rpx;
}

.sugar{
  display: flex;
  align-items: center;
  justify-content:space-between ;
}
.sugar .name{
  color:#333;
 
  font-size: 30rpx;
}
.sugar .date{
  margin-top: 12rpx;
  font-size: 24rpx;
  font-weight: 400;
  color: rgba(0,0,0,0.45);
  
}