.course-content {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin: 40px auto 0 auto;
  //background-color: red;

  .course-header {
    //display: flex;
    margin-bottom: 10px;
    //background-color: green;
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
  }

  .header-title {
    font-size: 20px;
    //padding-left: 400px;
    width: 1040px; /* 设置盒子宽度 */
    //background-color: #f0f0f0;
    text-align: left; /* 文字左对齐 */
  }

  .header-more {
    font-size: 14px;
    color: cornflowerblue;
  }

  .course-items-container {
    display: flex;
    justify-content: center;
    gap: 10px;
    //padding: 10px;
  }

  .el-card__body {
    padding: 0;
  }

  .course-item {
    flex: 1;
    max-width: 200px;
    box-sizing: border-box;
    //padding: 10px;
    height: 270px;
    line-height: 30px;

    .course-item-img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .course-item-content {
      font-size: 14px;
      padding: 0 10px;
    }

    &.active {
      cursor: pointer;
    }
  }
}
