.info-warp {
  background-color: #fafafa;
  min-height: 100vh;
  flex-direction: column;

  ._flex_row_center {
    align-items: center;
  }

  ._flex_col_center {
    justify-content: center;
  }

  .top-step-box {
    padding: 20rpx 0;
    background-color: #fff;
    flex: none;
  }

  .tips-box {
    padding: 12rpx 28rpx;
    font-size: 24rpx;
    color: #c7c7c7;
    flex: none;
  }

  .patient-info {
    position: relative;
    width: 700rpx;
    background-color: #fff;
    margin: 0 auto;
    padding: 24rpx 10rpx;
    flex: 1;
    .title-box {
      position: relative;
      font-size: 30rpx;
      font-weight: bold;
      color: #666666;
      line-height: 1;
      padding-left: 14rpx;
      margin-left: 8rpx;
      margin-bottom: 26rpx;
      &::after {
        content: " ";
        position: absolute;
        top: 0;
        left: 0;

        width: 5rpx;
        height: 27rpx;
        background: #69a9f8;
        border-radius: 3rpx;
      }
    }
    .user-info-box {
      margin-bottom: 10rpx;
     
      .head {
        width: 120rpx;
        height: 120rpx;
        border-radius: 50%;
        overflow: hidden;
      }
  
      .head image {
        width: 100%;
        height: 100%;
      }
      .info-box {
        margin-left: 25rpx;
        .name {
          font-size: 30rpx;
          color: #333333;
          margin-bottom: 20rpx;
        }
        .bed-information {
          font-size: 24rpx;
          color: #999999;
        }
      }
    }
  }

  .btn-box {
    padding: 30rpx;
  }
}
