// 列表组件
.cts-list {
  background-color: $color-white;

  .cts-list-item {
    @include padding-style();
    box-sizing: border-box;
    display: flex;
    align-items: center;
    height: 96px;
    border-bottom: 1px solid $border-color;

    .cts-list-item-left {
      width: 48px;
      height: 48px;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-right: 12px;

      .cts-list-item-image {
        width: 48px;
        height: 48px;
        display: block;
      }

      .cts-list-item-icon {
        font-size: 50px;
        color: $color-icon;
      }
    }

    .cts-list-item-content {
      .cts-list-item-title {
        color: $color-font-main;
        font-size: $font-size-30;
        min-width: 140px;
      }

      .cts-list-item-title-note {
        color: $color-font-sub;
        width: 420px;
      }
    }

    .cts-list-item-right {
      margin-left: auto;
      display: flex;
      align-items: center;
      justify-content: center;
      color: $color-icon;

      .cts-list-item-note {
        max-width: 420px;
      }

      .text-color {
        color: $color-danger;
      }

      .cts-list-item-badge {
        width: 40px;
        height: 40px;
        line-height: 40px;
        background-color: $color-danger;
        text-align: center;
        font-size: $font-size-30;
        border-radius: 50%;
        color: $color-white;
      }

      .iconicon_jiantou {
        margin-left: 11px;
      }

      .cts-list-item-btn {
        @include btn-style1();
      }

      .real-name {
        @extend %orange-border-style;
        margin-right: 20px;
        font-size: $font-size-24;
      }

    }
  }
}