.m-listbox-main{
  min-height: 100%;
  box-sizing: border-box;
  margin-left:16px;

  .g-listbox{
  
  }

 
}





.div_search_list {
  margin: 44px auto;
  text-align: center;
  width: 750px;
  height: 53px;
  background: #01106800;
  border-radius: 8px;
  display: flex;
  justify-content: flex-end;

  .icon {
    display: flex;
    align-items: center;
    margin-left: 29px;
    margin-top: 16px;

    > img {
      width: 24px;
      height: 24px;
    }
  }

  .btn {
    text-align: center;
    flex: 0 0 113px;
    height: 53px;
    background: #0082fb;
    border-radius: 0px 8px 8px 0px;
    font-size: 22px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #ffffff;
    line-height: 53px;
    background: linear-gradient(90deg, #1a5afd, #26c4ff);
  }
  .btn:hover {
    cursor: pointer;
  }
}

.list_box1 {
  margin: 76px auto 0;
  box-sizing: border-box;
  width: 80%;
  // width: 1421px;

  // height: calc(88vh - 200px);
  height: 485px;
  color: #fff;
  background: url("../../../img/modules/visual/warning-box.png") no-repeat center;
  background-size: 100% 100%;
}

.info_tip {
  padding: 20px 0 0 19px;
  display: flex;

  > img {
    height: 34px;
    width: 46px;
  }

  .tip_title {
    line-height: 34px;
    margin-left: 7px;
    font-size: 22px;
    font-family: PingFang SC;
    font-weight: 800;
    color: #ffffff;
  }
}

.warning-table {
  margin: 21px 24px auto 24px;
  box-sizing: border-box;
  // height: 100%;

  .table {
    width: 100%;
    height: 100%;

    &-header {
      width: 100%;
      height: 50px;
      display: flex;
      justify-content: space-around;
      align-items: center;
      background: rgba(8, 37, 134, 0.85);
      font-size: 16px;
      font-weight: 400;
      color: #ffffff;
    }

    &-body {
      box-sizing: border-box;
      width: 100%;
      height: calc(100% - 50px);
      font-size: 18px;
      font-weight: 400;
      color: #ffffff;

      &-tr {
        width: 100%;
        height: 50px;
        // height: calc(100% / 5);
        // padding: 10px auto;
        display: flex;
        justify-content: space-around;
        align-items: center;

        .btn_detail:hover {
          cursor: pointer;
        }
      }

      &-tr:nth-child(2n) {
        background: rgba(16, 75, 164, 0.24);
      }

      &-tr:hover {
        background: url("../../../img/modules/visual/hover-bac.png") no-repeat center;
        background-size: 100% 100%;
      }
    }

    &-status {
      margin-top: 20px;

      .no-data {
        display: flex;
        justify-content: center;
      }
    }
  }
}

.td {
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  // width: calc(100% / 5);
}
.td1 {
  width: calc(100% / 10);
}
.td2 {
  width: calc(100% / 6);
}
.td3 {
  width: calc(100% / 4);
}
.pagination {
  box-sizing: border-box;
  padding-right: 180px;
  padding-bottom: 20px;

  margin-top: 40px;
  width: 100%;
  height: 40px;
  display: flex;
  justify-content: flex-end;

  /deep/ .el-pagination.is-background .el-pager li:not(.disabled).active {
    background: #0266d1;
    color: #000d3f;
  }

  /deep/ .el-pagination .el-pager li {
    background: #002e74;
  }

  /deep/ .el-pagination .btn-prev {
    background: #002e74;
  }

  /deep/ .el-pagination .btn-next {
    background: #002e74;
  }
}