.content-wrap {
  background: #fff;
  padding:15px;
  .title {
    display: flex;
    line-height: 48px;
    font-size: 18px;
    border-bottom: 0.5px solid #eee;
    .title-label {
      font-weight: bold;
    }
    > view + view {
      margin-left: auto;
      color: #69696b;
    }
  }
  .info-wrap {
    .info-header {
      display: flex;
      font-size: 16px;
      line-height: 40px;
      .header-title {
        font-weight: bold;
      }
      .header-status {
        margin-left: auto;
        color: #50ddae;
        button{
          margin-left: 10rpx;
        }
      }
    }
    .info-content {
      > view {
        display: flex;
        margin-bottom: 8px;
        > view {
          flex: 1;
          display: flex;
          .label {
            color: #000;
            font-weight: bold;
            white-space: nowrap;
          }
          .content {
            color: #706d71;
            padding-left: 4px;
          }
        }
      }
    }
    .info-card {
      margin: 10px 0px 0px !important;
      .card-btn {
        border-top: 0.5px solid #eee;
        margin-top: 4px;
        padding: 8px 0;
        overflow: hidden;
        padding-bottom: 0;
        > view {
          float: right;
          height: 32px;
        }
        .mini-btn {
          border-radius: 20px;
          border: 1px solid #007aff;
        }
        .mini-btn + .mini-btn {
          color: #007aff;
          margin-left: 24px;
        }
      }
    }
  }
}
