//内容部分样式开始
.check_content {
  width: 100%;
  @diff : 200px;
  min-height:  calc(~"100vh - @{diff}");
  background: #fff;
  font-family:'STHeitiSC-Medium';
  position: relative;
  .center {
    width:80%;
    min-height:  calc(~"100vh - @{diff}");
    margin: 0 auto;
    padding-top: 15px;
    box-sizing: border-box;
    // 标题样式
    .detectTitle {
      width: 100%;
      height: 50px;
      line-height: 50px;
      color: #333;
      background: #fff;
      font-size: 16px;
      border-bottom: 1px solid #dddddd;
      box-sizing: border-box;
    }
    //任务列表样式
    .taskList {
      ul {
        li {
          width: 100%;
          height: 64px;
          line-height: 64px;
          display: flex;
          text-align: left;
          padding: 0 150px 0 20px;
          box-sizing: border-box;
          div {
            box-sizing: border-box;
          }
          // 文件名样式
          .docName {
            flex:2;
            padding-left: 60px;
            // background: #999;
            i {
              display: inline-block;
              width: 24px;
              height: 27px;
              background: url('../../images/comold/detection.png') 0 0;
              vertical-align: middle;
            }
          }
          //进度信息
          .progress {
            flex: 2;
            text-align: center;
            // padding: 25px 0;
            // background: #333;
            // 进度条样式
            .el-progress-bar {
              margin: 25px 0;
              padding-right: 0px !important;
              width: 60% !important; 
              .el-progress-bar__outer{
                height: 10px !important;
              }
            }          
          }
          .cancelMsg {
            font-size: 14px;
            color: #FD433D;
          }
          .successMsg {
            font-size: 14px;
            color: #333333;
          }
          // 提示语样式
          .message {
            flex: 2;
            font-size: 14px;
            color: #7A7A7A;
            // background: #000;
          }

          //导出按钮
          .export {
            flex: 0.5;
            // background: red;
            position: relative;
            text-align: center;
            line-height: 25px;
            margin: auto 0;

            a {
              display: block;
              background: url('../../images/comold/detection.png');
              width: 25px;
              height: 22px;
              margin: 0 auto;
            }
            span {
              color: #7A7A7A;
            } 
            .exportBtn {
            background-position: -34px 0;
            }
            
          }

          .export:hover .exportBtn{
            background: url('../../images/comold/detection.png');
            background-position: -34px 22px;
          }
          .export:hover span {
            color: #5B9FEA;
            cursor: pointer;
          }
          // 操作按钮样式
          .oprateBtn{
            flex: 0.5;
            position: relative;
            // background: green;
            text-align: center;
            line-height: 25px;
            margin: auto 0;
            a {
              display: block;
              background: url('../../images/comold/detection.png');
              width: 25px;
              height: 22px;
              margin: 0 auto;
            }
            span {
              color: #7A7A7A;
            }
            //取消按钮
            .cancelBtn a{
              background-position: 25px 0;
            }
            //删除按钮
            .deleteBtn a {
              background-position: 58px 0;
            }
          }
          .oprateBtn:hover {
            a {
              background: url('../../images/comold/detection.png');
            }
            .cancelBtn a {
              background-position: 25px 22px;
            }
            .deleteBtn a{
              background-position: 58px 22px;
            }
            span {
              color: #5B9FEA;
              cursor: pointer;
            }
            .deleteBtn span {
              color: #F96261;
            }
          }
        }
        li:nth-child(even) {
          background: rgba(246,250,253,1);
        }
      }
    }
  }
  .el-pagination {
    padding-left: 65%;
    padding-bottom: 30px;
    margin-top: 10px;
    font-family: "STHeitiSC-Medium";

    button, .el-pagination span:not([class*="suffix"]){
      font-size: 14px;

    }  
  }
}
.el-select-dropdown__item {
  font-family: 'STHeitiSC-Medium';
}