.oc-card-container {
  // padding: 16px;

  .oc-card-item {
    margin-top: 16px;
    border-radius: 12px;
    background: #fff;
    border: 1px solid #f4f5f7;
    box-shadow: rgba(10, 22, 70, 0.1) 0 0 2px 0, rgba(10, 22, 70, 0.1) 0 6px 12px -2px;
    padding: 16px;
    cursor: pointer;
    position: relative;

    &:first-child {
      margin-top: 0;
    }

    .oc-card-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 14px;
      margin-bottom: 8px;

      .oc-card-header-left {
        display: flex;
        align-items: center;
        & > span {
          display: flex;
          align-items: center;
          margin-left: 8px;
        }
      }
      .oc-card-header-right {
        display: flex;
        align-items: center;
        & > span {
          display: flex;
          align-items: center;
          margin-left: 8px;
        }

        &.oc-card-header-action-space {
          margin-right: 36px;
        }
      }
    }
    .oc-card-desc {
      font-size: 14px;
      margin-bottom: 8px;
    }
    .oc-card-action {
      position: absolute;
      top: 16px;
      right: 0;
    }
    .oc-edit-action {
      display: flex;
      margin: 0 -16px;
      align-items: center;

      .mt-button {
        flex: 1;
        border-left: 1px solid var(--list-divider-border-bottom-color, var(--form-help-color));
        border-radius: 0;

        &:first-child {
          border-left: 0;
        }
      }
    }

    .oc-card-content {
      font-size: 14px;

      --form-item-inset-padding-tb: 12px;
      // 解决表单内容align的问题 hack
      .mt-form-item-input.mt-form-item-input--right .mt-input-textinput--left {
        text-align: right;
      }
      .next-formily-item {
        padding: 0;
        margin: 0;
      }
      .next-formily-item--line {
        border: 0;
      }
      .mt-form-item-input {
        padding-right: 0;
      }

      .oc-card-content-item {
        display: flex;
        line-height: 24px;

        & > label {
          color: #666;
          margin-right: 4px;
          flex-shrink: 0;
        }
        & > span {
          color: #333;
          width: 0;
          flex: 1;
        }
        & > p {
          color: #333;
          width: 100%;
        }
      }
    }
  }
}