.to-group-box {
  .v-list-item {
    margin-top: 5px;

    .content {
      border-bottom: 1px solid #e7eaf1;

      .cover {
        flex: inherit;
        width: 42.2%;

        img {
          width: 100%;
        }
      }
    }

    .info {
      width: 52.3%;
      position: relative;
      display: block;

      .title {
        font-size: 16px;
        color: $color_333;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        height: 16px;
        line-height: 16px;
      }

      .contact {
        font-size: 14px;
        color: $color_666;
        margin-top: 14px;
      }

      .des {
        position: absolute;
        bottom: 0;

        .course-price {
          .price {
            color: $red;
            font-size: 12px;
          }

          .new {
            color: $red;
            font-size: 16px;
          }

          .old {
            color: $color_999;
            font-size: 12px;
            display: inline-block;
            margin-left: 15px;
            text-decoration: line-through;
          }
        }
      }
    }
  }

  .gorup-content {
    padding: 20px;
    text-align: center;

    .imgname {
      width: 44px;
      height: 44px;
      border-radius: 50%;
      margin: 20px 20px 0 20px;
    }

    :nth-child(1) {
      margin-left: 0;
    }

    .tip {
      color: $bg_E02E24;
      font-size: 16px;
    }

    .success {
      color: $active;
      font-size: 16px;
    }

    .group-btn, .tostudy {
      display: inline-block;
      width: 335px;
      height: 44px;
      border-radius: 5px;
      background-color: $bg_E02E24;
      font-size: 16px;
      color: $white;
      text-align: center;
      line-height: 44px;
      margin-top: 20px;
    }

    .tostudy {
      background-color: $bg_active;
      margin-top: 30px;
    }

    .dec {
      font-size: 12px;
      margin-top: 10px;
      color: $color_666;
    }

    .group-dec {
      background-color: $bg_FAFAFA;
      width: 100%;
      padding: 0 12px;
      height: 30px;
      line-height: 30px;
      font-size: 12px;
      display: flex;
      justify-content: space-between;
      color: $color_999;
      margin-top: 15px;

      .allNum {
        color: $color_333;
      }
    }
  }

  .group-course {
    .top-title {
      height: 40px;
      line-height: 40px;
      font-size: 14px;
      padding: 0 12px;
      display: flex;
      justify-content: space-between;
      color: $color_333;

      .more {
        color: $active;

        i {
          width: 12px;
          height: 7px;
        }
      }
    }
  }
}