.tab_box {
  display: flex;
  justify-content: space-between;
  color: #58a4fa;
  // margin-bottom: 10px;
  padding: 0 5px;

  >div {
    padding: 8px 5px;
    cursor: pointer;
  }

  >img {
    height: 40px;
    width: 30px;
    cursor: pointer;
  }

  .isSelect {
    color: #fe9037;
    position: relative;
  }

  .isSelect::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 30px;
    background: #fe9037;
    bottom: 0;
    z-index: 99;
    left: 50%;
    margin-left: -15px;
  }

  .twoTab {
    padding: 8px 40px;
    cursor: pointer;
  }
}

.tj-card-body {
  padding: 10px 5px;
  height: 100%;
  display: flex;
  flex-direction: column;
  font-size: 12px;
  position: relative;

  .xzss {
    position: absolute;
    width: 22rem;
    left: -354px;
    top: 2px;
    background: rgba(5, 35, 66, 0.95);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px;
    border-radius: 5px;
    color: #fff;

    input {
      flex: 7;
      line-height: 22px;
      color: #fff;
    }

    .search {
      background: #067cd2;
      color: #fff;
      margin-left: 5px;
      width: 50px;
      text-align: center;
      padding: 5px 0;
      flex: 1;
    }
  }

  .dtgzy_box {
    height: calc(100% - 122px);

    .qcyj_tab {
      display: flex;
      justify-content: space-between;
      padding: 5px;

      .isSelectTab {
        box-shadow: inset 0px 0px 10px 0px #067cd2;
      }

      >span {
        color: #fff;
        display: inline-block;
        border: 1px solid #1f99c7;
        width: 23%;
        text-align: center;
        line-height: 30px;
        cursor: pointer;
      }
    }

    .xcsb_tab {
      >span {
        width: 19%;
      }

      >span:nth-child(4) {
        width: 21%;
      }

      >span:nth-child(5) {
        width: 16%;
      }
    }

    .ry_total {
      display: flex;
      justify-content: space-between;
      color: #fff;
      padding: 10px 50px;
      height: 95px;

      .ryzs,
      .zdrys {
        text-align: center;
        cursor: pointer;

        >span {
          font-size: 38px;
          font-weight: 600;
          font-family: LenFont;
          display: inline-block;
          padding: 3px 7px;
          margin-bottom: 10px;
          text-align: center;
          background: url(~@/assets/images/images/zdry_total.png) no-repeat;
          background-size: 105% 100%;
          // background-image: linear-gradient(to right rgba(6,40,103,1),rgba(6,40,103,0.5),rgba(0,0,0,0));
        }

        .isSelectRy {
          position: relative;
          color: #fe9037;
        }

        .isSelectRy::after {
          position: absolute;
          content: "";
          height: 2px;
          width: 60px;
          background: #fe9037;
          bottom: -8px;
          left: 50%;
          margin-left: -30px;
        }
      }

      .zdrys {
        >span {
          color: #ff0000;
        }
      }
    }
  }

  .right_box {
    overflow: auto;
    // &::-webkit-scrollbar {
    //   display: none;
    // }
    overflow-x: hidden;
    // padding: 0 5px;
    height: calc(100% - 100px);
  }

  .scsb_box {
    color: #fff;
    height: 100%;
  }

  .qcyj {
    height: calc(100% - 50px);

    .list-box {
      height: 80%;


    }
  }

  .dtgz_box {
    margin: 8px 8px;
    color: #fff;
    display: flex;
    justify-content: space-between;

    .left_line {
      width: 10px;
      border-left: 1px solid #eeeeee52;
      position: relative;
      top: 10px;
      flex: 1;
    }

    .left_line::after {
      position: absolute;
      content: "";
      width: 8px;
      height: 8px;
      background: #3680f0;
      top: -8px;
      left: -5px;
      border-radius: 50%;
    }

    .item_box {
      flex: 24;

      .item {
        display: flex;
        border: 1px solid #067cd2;
        box-shadow: inset 0px 0px 10px 0px #067cd2;
        margin: 8px 0px 0 0;
        padding: 12px;
        border-radius: 5px;

        .imgs {
          margin-right: 10px;

          img {
            width: 60px;
            height: 80px;
          }

          div {
            color: #f97409;
            margin-top: 10px;
          }
        }

        .user_box {
          >div {
            padding: 3px 0;
            color: #fff;
          }

          .name {
            font-size: 14px;
            color: #6ccef5;
          }

          .but_box {
            text-align: right;

            >span {
              color: #fff;
              display: inline-block;
              padding: 0.25rem 0.6rem;
              border-radius: 3px;
              border: 1px solid #3180ea;
              cursor: pointer;
            }
          }
        }

        .address_and_but {
          bottom: 0;
        }
      }

      .yellow {
        border: 1px solid #ffb139;
        box-shadow: inset 0 0 10px #ffb139 !important;
      }

      .orange {
        border: 1px solid #ff6c00;
        box-shadow: inset 0 0 10px #ff6c00 !important;
      }

      .red {
        border: 1px solid #f61d4b;
        box-shadow: inset 0 0 10px #f61d4b !important;
      }

      .qcyj_item {
        flex-direction: column;
        cursor: pointer;

        .qcyj_ryxi {
          display: flex;
          margin-bottom: 10px;
        }

        .address_and_but {
          .item_address {
            display: flex;
            justify-content: space-between;
            padding-top: 11px;
            border-top: 1px solid #162f55;

            .address {
              color: #6586af;
            }
          }

          .but_box {
            text-align: center;
            color: #fff;
            padding: 0.8rem 0 0.2rem 0;

            >span {
              display: inline-block;
              padding: 0.25rem 0.6rem;
              border-radius: 3px;
              border: 1px solid #3180ea;
            }
          }
        }
      }
    }
  }
}

.tj-card-title {
  height: 36px;
  line-height: 36px;
  background: url(~@/assets/img/header.png) no-repeat;
  background-size: 100% 100%;
  text-align: center;
  color: #6ccef5;
  margin: 0 auto;
  font-size: 16px;
  margin: 0 5px 5px;
  position: relative;
  z-index: 1999;
  display: flex;
  justify-content: space-between;
  align-content: center;
  padding: 0 20px;
  cursor: pointer;
}

.showBigImg {
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999999;
  display: flex;
  align-items: center;
  justify-content: center;

  .image_box {
    width: 950px;
    height: 550px;
    background: rgba(5, 35, 66, 1);
    padding: 20px;
    border-radius: 8px;
    position: absolute;
    left: 50%;
    margin-left: -475px;

    img {
      width: 100%;
      height: 100%;
    }

    .close_box {
      position: absolute;
      font-size: 16px;
      top: 3px;
      right: 3px;
      color: #fff;
      cursor: pointer;
    }

  }
}

.empty {
  color: #fff;
  text-align: center;
  height: 500px;
  line-height: 500px;
}
