.#{$namespace} {
  &-card {
    margin-bottom: 15px;
    background-color: $white;
    border-radius: $border-radius;
    box-shadow: $box-shadow;
    overflow: hidden;

    &:last-child {
      margin-bottom: 0;
    }
    .card {
      &-header {
        position: relative;
        height: 46px;
        line-height: 46px;
        padding: 0 15px;
        border-bottom: 1px solid $g-200;
        color: $g-333;
        border-radius: 2px 2px 0 0;
        font-size: $ft-sm;

        h1 {
          display: block;
          font-size: $ft-bs;
          .svg-icon {
            color: $primary;
            margin-right: 10px;
            vertical-align: -0.25em;
          }
        }
      }
      &-body {
        position: relative;
        padding: 10px 15px;
        line-height: 24px;

        &[pad10] {
          padding: 10px;
        }
        &[pad15] {
          padding: 15px;
        }
        &[pad20] {
          padding: 20px;
        }
        &[pad30] {
          padding: 30px;
        }
      }
    }
  }
  &-card-body &-table {
    margin: 5px 0;
  }
  &-card &-tab {
    margin: 0;
  }
  // 用户图片列表上图下文
  &-list-card {
    margin-bottom: 15px;
    background-color: $white;
    border-radius: $border-radius;
    box-shadow: $box-shadow;
    overflow: hidden;
    // header
    .list-card-header {
      .card-img {
        width: 100%;
        height: 180px;

        img {
          width: 100%;
          height: 100%;
        }

        a {
          @include transition();

          &:hover {
            opacity: 0.75;
          }
        }
      }
    }

    // body
    .list-card-body {
      padding: 20px;
      min-height: 130px;

      .card-title {
        font-size: 18px;
        color: $g-500;
        &:hover {
          color: $primary;
        }
      }
      .card-text {
        font-size: $ft-sm;
        padding-top: $pd-lg;
        line-height: $lh-base;
        color: $g-500;
        @include txtoverMore();

        &:hover {
          color: $g-333;
        }
      }
    }
  }
  // 普通面板
  &-panel {
    position: relative;
    border-radius: $border-radius;
    box-shadow: $box-shadow;
    background-color: $white;
    color: $g-700;

    &-window {
      position: relative;
      padding: $pd-lg;
      border-radius: 0;
      border-top: 5px solid $g-300;
      background-color: $white;
    }
  }
}