.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: #5289FA;
        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: #5289FA;
        font-size:14px;
        .add-course-btn-disabled{
          font-size:14px;
          color:#ccc;
        }
    }
  }
}
.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;
    }
  }
}
