.container{
  width: 100vw;
  background-color: #F6F6F6;
  padding: 0 4vw;
}
.main_title{
  font-size: 30rpx;
  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;
}
.info_item{
  text-align: center;
  width: 180rpx;
  height: 60rpx;
  display: flex;
  align-items: center;
  margin-left: 20rpx;
}
.info_title{
  font-size: 30rpx;
  color: #333333;
}
.info_val{
  font-size: 28rpx;
  color: #666666;
}
.disease_box{

}
.disease_box_item{
  margin-bottom: 30rpx;
  display: flex;
}
.title{
  font-size: 30rpx;
  color: #333333;
}
.conent{
  flex: 1;
  font-size: 28rpx;
  color: #666666;
}
.disease_info{
  background: #FAFAFA;
  border-radius: 10rpx;
  padding: 10rpx;
  font-size: 26rpx;
  color: #999999;
  margin-bottom: 20rpx;
}
.img_box{

}
.orther{
  margin-bottom: 50rpx;
}