.training-task{
    thead{
        display:none;
    }
    .ant-form-item{
      margin-bottom:0 !important;
    }
    .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{
        .operate__item{
          cursor:pointer;
          margin-left:16px;
          color:#666666;
          font-size:14px;
          .icon{
            color:#999;
          }
          .text{
            margin-left:8px;
          }
        }
      }
      .course-box{
        .course-item{
          display:flex;
          padding:16px 16px 16px 51px;
          justify-content: space-between;
          align-items: center;
          .course-info{
            .ant-form{
              display:inline-block;
            }
            .course-name-input{
              margin-right:8px;
            }
            .course-type{
                font-size:11px;
                color:#666666;
                padding:1px 8px;
                border: 1px solid #999999;
                margin-right:4px;
                border-radius: 2px;
            }
            .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;
            }
          }
        }
        .add-course-con{
           padding:16px 51px;
           color: #5289FA;
           font-size:14px;
            .add-course-btn-disabled{
              font-size:14px;
              color:#ccc;
            }

        }

      }
    }
    .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;
      }
    }
}
