.training-task {
  thead {
    display: none;
  }
  .ant-form-item {
    margin-bottom: 0 !important;
  }

  .add-task-con {
    height: 52px;
    background: #f7f8f9;
    border-radius: 2px;
    padding: 16px;
    margin-top: 16px;
    .add-task-btn-disabled {
      color: #cccccc;
      font-size: 14px;
    }
    .add-task-btn {
      color: #2966ff;
      font-size: 14px;
    }
  }
}

.plan-sort-task-item {
  .task-con {
    display: flex;
    padding: 16px;
    background: #f7f8f9;
    border-radius: 2px;
    justify-content: space-between;
    align-items: center;
    .task-instro {
      display: flex;
      align-items: center;
      .open-icon {
        color: #999999;
        font-size: 10px;
      }
      .task-name-con {
        display: flex;
        align-items: center;
        color: #333333;
        font-size: 14px;
        .number {
          margin-right: 10px;
          margin-left: 10px;
        }
        .task-name-input {
          width: 300px;
          height: 32px;
          background: #ffffff;
          border-radius: 4px;
        }
      }
    }
    .operate {
      display: none;
      .operate__item {
        cursor: pointer;
        margin-left: 16px;
        color: #666666;
        font-size: 14px;
        .icon {
          font-size: 14px;
          color: #999;
        }
        .text {
          margin-left: 8px;
        }
      }
    }
    &:hover {
      .operate {
        display: block;
      }
    }
  }

  .course-box {
    .add-course-con {
      padding: 16px 51px;
      color: #2966ff;
      font-size: 14px;
      .add-course-btn-disabled {
        font-size: 14px;
        color: #ccc;
        pointer-events: none;
      }
    }
  }
}
.plan-course-sort-item {
  display: flex;
  padding: 16px 16px 16px 0px;
  margin-left: 51px;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px dotted #e8e8e8;
  &:hover {
    .course-operate {
      display: block;
    }
  }
  .course-operate {
    display: none;
    .operate__item {
      cursor: pointer;
      margin-left: 16px;
      color: #666666;
      font-size: 14px;
      .icon {
        font-size: 14px;
        color: #999;
      }
      .text {
        margin-left: 8px;
      }
    }
  }

  .course-info {
    .ant-form {
      display: inline-block;
    }
    .course-name-input {
      margin-right: 8px;
    }
    .course-type {
      font-size: 11px;
      color: #666666;
      padding: 0px 6px;
      border: 1px solid #999999;
      margin-right: 4px;
      border-radius: 2px;
      line-height: 16px;
    }
    .course-name {
      color: #666666;
      font-size: 14px;
      margin-right: 8px;
    }
    .tip {
      font-size: 14px;
      color: #ff4f4f;
      margin-right: 2px;
    }
    .course-state {
      color: #999;
      font-size: 14px;
    }
  }
}
