/*修改滚动条样式*/
div::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  /**/
}

div::-webkit-scrollbar-track {
  background: #45454591;
  border-radius: 2px;
}

div::-webkit-scrollbar-thumb {
  background: #a1dcf7;
  border-radius: 10px;
}

div::-webkit-scrollbar-thumb:hover {
  background: #a1dcf7;
}

div::-webkit-scrollbar-corner {
  background: #a1dcf7;
}

/* input 边框*/
.public-input>.el-input__inner,
.public-input>.el-input--suffix>.el-input__inner {
  /* color: #ffffff96; */
  /* color: white !important; */
  background: none !important;
  border: 1px solid #3a5f94c9 !important;
  box-shadow: 0 0 10px #3a5f94c9;
}

.public-input>.el-input__inner>input {
  /* color: white; */
  background-color: transparent;
}

.public-range {
  box-shadow: 0 0 10px #3a5f94c9;
  border: 1px solid #3a5f94c9 !important;
}

.el-table__body tr:hover>td {
  background-color: #89898954 !important;
}

/* 按钮样式 */
.myButton {
  width: 100px;
  height: 30px;
  line-height: 30px;
  margin-left: 35%;
  text-align: center;
  cursor: pointer;
  background-image: url(../img/yqjc/40.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.el-loading-spinner button {
  width: 80px;
  height: 30px;
  margin-top: 10px;
  border: none;
  border-radius: 4px;
  color: white;
  background-color: #409eff;
  cursor: pointer;
}

.el-loading-spinner button:hover {
  border: none;
  background-color: #1f6fc1;
}

.el-select-dropdown .el-tree-node__content .custom-tree-node {
  max-width: 550px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.el-select-dropdown {
  border: solid 1px #588397;
  border-radius: 4px;
  background-color: #17354c;
  background-image: url("../../assets/img/dfzy/new/6.png");
  background-size: 100% 100%;
}

.el-select-dropdown .popper__arrow::after {
  border-bottom-color: #17354c !important;
}

.el-select-dropdown .el-tree {
  background: #ffffff00;
  color: #ffffff;
}

.el-select-dropdown .tree-select__option.el-select-dropdown__item {
  background-color: #fff0;
}

.el-select-dropdown .el-tree-node__content:hover {
  background-image: linear-gradient(to right, #17344b, #2f91af, #17354c);
}

.el-select-dropdown .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
  background-image: linear-gradient(to right, #17344b, #2f91af, #17354c);
}

.el-select-dropdown .tree-select__tree.tree-select__tree--radio .el-tree-node.is-current>.el-tree-node__content {
  color: orange;
}

.el-select-dropdown .el-tree-node:focus>.el-tree-node__content {
  background-color: #ffffff00;
}

.el-select-dropdown .el-select-dropdown__item.hover,
.el-select-dropdown .el-select-dropdown__item:hover {
  background-image: linear-gradient(to right, #17344b, #2f91af, #17354c);
}

.el-select-dropdown .el-select-dropdown__item {
  color: #ffffff;
}


.page-div {
  width: 100%;
  height: 50px;
}

.page-div .el-pagination {
  margin-top: 9px;
  text-align: right;
}

.page-div .el-pagination .el-pagination__jump {
  color: white;
}

.page-div .el-pagination .el-pagination__total {
  color: white;
}

.page-div .el-pagination .el-select .el-input .el-input__inner {
  height: 26px;
}

.page-div .myPagination.is-background .el-pager li:not(.disabled).active {
  color: #fff;
  border: 1px solid #146a80;
  box-shadow: 0 0 10px #1b6097;
  background-color: #1d2d46;
}

.page-div .el-pagination span:not([class*=suffix]),
.page-div .el-pagination button {
  font-size: 12px;
  height: 24px;
  line-height: 24px;
}

.page-div .el-pager li {
  font-size: 12px;
  height: 24px;
  line-height: 24px;
}

.page-div .el-pagination__editor.el-input .el-input__inner {
  height: 24px;
}

.page-div .el-input__inner {
  height: 24px;
}

.bk-animation {
  position: relative;

  &::before {
    content: "";
    position: absolute;
    top: 1%;
    left: 1.2%;
    right: 1.5%;
    bottom: 2.5%;
    border-radius: 0px 11px;
    border: 1px solid #47ebe4;
    animation: clippathss 5s infinite linear;
    pointer-events: none;
  }

  &::after {
    content: "";
    position: absolute;
    top: 1%;
    left: 1.2%;
    right: 1.5%;
    bottom: 2.5%;
    border-radius: 0px 11px;
    border: 1px solid #47ebe4;
    animation: clippathss 6s infinite linear reverse;
    pointer-events: none;
  }
}

@keyframes clippathss {

  0%,
  100% {
    clip-path: inset(0 0 95% 0);
  }

  25% {
    clip-path: inset(0 95% 0 0);
  }

  50% {
    clip-path: inset(95% 0 0 0);
  }

  75% {
    clip-path: inset(0 0 0 95%);
  }
}

.bk-xxzp-animation {
  position: relative;

  &::before {
    content: "";
    position: absolute;
    top: 18.2%;
    left: 9.2%;
    right: 2.5%;
    bottom: 26%;
    border-radius: 0px 13px;
    border: 1px solid #47ebe4;
    animation: clippathss 5s infinite linear;
    pointer-events: none;
  }

  &::after {
    content: "";
    position: absolute;
    top: 18.2%;
    left: 9.2%;
    right: 2.5%;
    bottom: 26%;
    border-radius: 0px 13px;
    border: 1px solid #47ebe4;
    animation: clippathss 6s infinite linear reverse;
    pointer-events: none;
  }
}

.bk-xxzp-animation:hover {
  &::before {
    top: 17%;
    left: 9.3%;
    right: 2.5%;
    bottom: 24%;
    /* border:2px solid #ff9933; */
    border: none;
  }

  &::after {
    top: 17%;
    left: 9.3%;
    right: 2.5%;
    bottom: 24%;
    /* border:2px solid #ff9933; */
    border: none;
  }
}

.bk-xjs-animation {
  position: relative;

  &::before {
    content: "";
    position: absolute;
    top: 7.6%;
    left: 4.2%;
    right: 3.8%;
    bottom: 6.4%;
    border-radius: 0px 13px;
    border: 1px solid #47ebe4;
    animation: clippathss 5s infinite linear;
    pointer-events: none;
  }

  &::after {
    content: "";
    position: absolute;
    top: 7.6%;
    left: 4.2%;
    right: 3.8%;
    bottom: 6.4%;
    border-radius: 0px 13px;
    border: 1px solid #47ebe4;
    animation: clippathss 6s infinite linear reverse;
    pointer-events: none;
  }
}

.bk-xjs-animation:hover {
  &::before {
    border-color: #ff9933;
  }

  &::after {
    border-color: #ff9933;
  }
}

.bk-bmdx-animation {
  position: relative;

  &::before {
    content: "";
    position: absolute;
    top: 12.5%;
    left: 6.3%;
    right: 4.5%;
    bottom: 15%;
    border-radius: 0px 13px;
    border: 1.5px dotted #03bdfe;
    animation: clippathss 6s infinite linear;
    pointer-events: none;
  }

  &::after {
    content: "";
    position: absolute;
    top: 12.5%;
    left: 6.3%;
    right: 4.5%;
    bottom: 15%;
    border-radius: 0px 13px;
    border: 1.5px dotted #03bdfe;
    animation: clippathss 5s infinite linear reverse;
    pointer-events: none;
  }
}

.bk-bmdx-animation:hover {
  &::before {
    left: 6.4%;
    right: 4.8%;
    bottom: 15.6%;
    border-color: #03fe37;
  }

  &::after {
    left: 6.4%;
    right: 4.8%;
    bottom: 15.6%;
    border-color: #03fe37;
  }
}

.bk-ddkz-animation {
  position: relative;

  &::before {
    content: "";
    position: absolute;
    top: 0%;
    left: 0.5%;
    right: 0.5%;
    bottom: 0%;
    border-radius: 0px 13px;
    border: 1.5px dotted #03bdfe;
    animation: clippathss 6s infinite linear;
    pointer-events: none;
  }

  &::after {
    content: "";
    position: absolute;
    top: 0%;
    left: 0.5%;
    right: 0.5%;
    bottom: 0%;
    border-radius: 0px 13px;
    border: 1.5px dotted #03bdfe;
    animation: clippathss 5s infinite linear reverse;
    pointer-events: none;
  }
}

.bk-ddkz-animation:hover {
  &::before {
    border-color: #ff9933;
  }

  &::after {
    border-color: #ff9933;
  }
}