.ip-selector-resize-layout {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
}
.ip-selector-resize-layout .layout-left,
  .ip-selector-resize-layout .layout-right {
    display: block;
    overflow: auto;
    flex: 1;
}
.ip-selector-resize-layout .left-divid,
  .ip-selector-resize-layout .right-divid {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 9;
    display: flex;
    align-items: center;
    width: 5px;
    cursor: ew-resize;
}
.ip-selector-resize-layout .left-divid:hover::after, .ip-selector-resize-layout .right-divid:hover::after {
        background: #3a84ff;
}
.ip-selector-resize-layout .left-divid::after, .ip-selector-resize-layout .right-divid::after {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 2px;
      width: 1px;
      background: #dcdee5;
      content: "";
      transition: all 0.15s;
}
.ip-selector-resize-layout .left-divid .move-dot, .ip-selector-resize-layout .right-divid .move-dot {
      position: absolute;
      font-size: 18px;
      color: #c4c6cc;
}
.ip-selector-resize-layout .left-divid .move-dot {
      left: -4px;
}
.ip-selector-resize-layout .right-divid .move-dot {
      right: -4px;
}
.ip-selector-resize-layout .resize-btn-left,
  .ip-selector-resize-layout .resize-btn-right {
    position: absolute;
    top: 50%;
    display: flex;
    width: 16px;
    height: 64px;
    color: #fff;
    cursor: pointer;
    background: #dcdee5;
    transform: translateY(-50%);
    transition: all 0.15s;
    align-items: center;
    justify-content: center;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
}
.ip-selector-resize-layout .resize-btn-left:hover, .ip-selector-resize-layout .resize-btn-right:hover {
      background: #3a84ff;
}
.ip-selector-resize-layout .resize-btn-left span, .ip-selector-resize-layout .resize-btn-right span {
      transition: all 0.15s;
}
.ip-selector-resize-layout .resize-btn-left {
    left: 2px;
    border-radius: 0 4px 4px 0;
}
.ip-selector-resize-layout .resize-btn-left.is-expanded span {
        transform: rotateZ(-180deg);
}
.ip-selector-resize-layout .resize-btn-right {
    right: 2px;
    border-radius: 4px 0 0 4px;
}
.ip-selector-resize-layout .resize-btn-right.is-expanded span {
        transform: rotateZ(0);
}
.ip-selector-resize-layout .resize-btn-right span {
      transform: rotateZ(-180deg);
}


.ip-selector-tag {
  position: relative;
  z-index: 0;
  display: flex;
  overflow: hidden;
  white-space: nowrap;
  align-items: center;
}
.ip-selector-tag .label-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ip-selector-tag:hover .copy-btn {
      opacity: 1;
}
.ip-selector-tag .bk-tag {
    margin-right: 0;
    margin-left: 0;
}
.ip-selector-tag .bk-tag ~ .bk-tag {
      margin-left: 6px;
}
.ip-selector-tag .tag-item {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ip-selector-tag .copy-btn {
    display: inline-block;
    padding-left: 8px;
    cursor: pointer;
    opacity: 0;
}
.ip-selector-tag .copy-btn:hover {
      color: #3a84ff;
}


.host-table-column-setting-box {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  border-left: 1px solid rgb(220, 222, 229);
}
.host-table-column-setting-popover {
  width: 545px;
  padding-top: 24px;
  margin: -5px -9px;
  background: #fff;
  border-radius: 2px;
}
.host-table-column-setting-popover .setting-header {
    padding: 0 24px;
    font-size: 20px;
    line-height: 20px;
    color: #313238;
}
.host-table-column-setting-popover .column-list {
    display: flex;
    flex-wrap: wrap;
    padding: 0 24px 36px;
}
.host-table-column-setting-popover .column-item {
    display: flex;
    align-items: center;
    width: 165px;
    height: 32px;
    padding: 0 8px;
    margin-top: 16px;
    border-radius: 2px;
}
.host-table-column-setting-popover .column-item:hover {
      background: #f5f7fa;
}
.host-table-column-setting-popover .column-item:hover .column-item-drag {
        display: flex;
}
.host-table-column-setting-popover .column-item .bk-checkbox-text {
      display: inline-flex;
      align-items: center;
      font-size: 12px;
}
.host-table-column-setting-popover .column-item-drag {
    display: none;
    width: 16px;
    height: 16px;
    margin-left: auto;
    font-size: 12px;
    color: #979ba5;
    justify-content: center;
    align-items: center;
    cursor: move;
}
.host-table-column-setting-popover .output-flag {
    margin-left: 5px;
    font-size: 16px;
}
.host-table-column-setting-popover .setting-footer {
    display: flex;
    height: 50px;
    padding-right: 24px;
    background: #fafbfd;
    border-top: 1px solid #dcdee5;
    justify-content: flex-end;
    align-items: center;
}
.host-table-column-setting-popover .ghost {
    background: #c8ebfb;
    opacity: 0.5;
}


.ip-selector-ellipsis-box {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}


.ip-selector-host-table-filter {
  position: relative;
  padding-left: 4px;
  font-size: 12px;
  color: #c4c6cc;
}
.ip-selector-host-table-filter:hover .filter-menu {
      display: block;
}
.ip-selector-host-table-filter.active {
    color: #3a84ff;
}
.ip-selector-host-table-filter .filter-menu {
    position: absolute;
    display: none;
    font-size: 12px;
    line-height: 32px;
    color: #63656e;
    background: #fff;
    border: 1px solid #dcdee5;
    border-radius: 2px;
    transform: translateX(-50%);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
}
.ip-selector-host-table-filter .filter-menu .item {
      padding: 0 12px;
      word-break: keep-all;
      white-space: nowrap;
      cursor: pointer;
}
.ip-selector-host-table-filter .filter-menu .item:hover {
        color: #3a84ff;
        background: #f5f6fa;
}
.ip-selector-host-table-filter .filter-menu .item.active {
        color: #3a84ff;
        background-color: #f4f6fa;
}

.render-table-container-content {
  position: relative;
}
.render-table-container-content .talbe-content {
    position: relative;
    overflow-x: auto;
    border-top: 1px solid #f0f1f5;
}
.render-table-container-content .talbe-content table th:first-child, .render-table-container-content .talbe-content table td:first-child {
          position: sticky;
          left: 0;
}
.render-table-container-content .talbe-content .table-column-setting-btn {
      display: flex;
      color: #c4c6cc;
      align-items: center;
      justify-content: center;
      cursor: pointer;
}
.render-table-container-content .table-fixed-left {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
}
.render-table-container-content .table-fixed-right {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
}
.render-table-container-content .table-column-resize {
    position: absolute;
    top: 0;
    bottom: 0;
    display: none;
    width: 1px;
    background: #dfe0e5;
}
.render-table-container-content table {
    width: 100%;
    font-size: 12px;
    text-align: left;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
}
.render-table-container-content table th,
    .render-table-container-content table td {
      height: 40px;
      padding: 0 10px;
      background: #fff;
      border-bottom: 1px solid #dcdee5;
}
.render-table-container-content table th .cell, .render-table-container-content table td .cell {
        display: flex;
        align-items: center;
}
.render-table-container-content table th .cell-text, .render-table-container-content table td .cell-text {
        height: 20px;
        overflow: hidden;
        line-height: 20px;
        text-overflow: ellipsis;
        white-space: nowrap;
}
.render-table-container-content table th .cell-append, .render-table-container-content table td .cell-append {
        display: flex;
        height: 20px;
        line-height: 20px;
        align-items: center;
}
.render-table-container-content table th {
      font-weight: normal;
      color: #313238;
      background: #f0f1f5;
      -webkit-user-select: none;
         -moz-user-select: none;
              user-select: none;
}
.render-table-container-content table th:hover {
        background: #eaebf0;
}
.render-table-container-content table td {
      color: #63656e;
      cursor: pointer;
}
.render-table-container-content table tr:hover td {
          background-color: #f5f7fa;
}
.render-table-container-content table .columu-fixed,
    .render-table-container-content table .columu-fixed-right {
      position: sticky;
      z-index: 1;
}
.render-table-container-content .bk-page {
    padding-left: 10px;
    margin-top: 8px;
}
.render-table-container-content .bk-page .bk-page-total-small {
      height: 34px !important;
      margin-top: 2px !important;
      line-height: 34px !important;
}
.render-table-container-content .bk-button-text {
    font-size: 12px !important;
}


.ip-selector-container-table {
  position: relative;
  overflow: hidden;
}
.ip-selector-container-table .table-empty {
    padding-top: 75px;
    padding-bottom: 25px;
    font-size: 12px;
    line-height: 20px;
    color: #63656e;
    text-align: center;
}


.ip-selector-table-page-check[data-v-ccffb4d4] {
  position: relative;
  z-index: 9999999;
  display: inline-flex;
  height: 40px;
  vertical-align: middle;
  align-items: center;
}
.ip-selector-table-page-check.disabled[data-v-ccffb4d4] {
    color: #dcdee5;
    pointer-events: none;
    cursor: not-allowed;
}
.ip-selector-table-page-check:hover .pagination-check-menu[data-v-ccffb4d4] {
      display: block;
}
.ip-selector-table-page-check .all-checked[data-v-ccffb4d4] {
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    background: #fff;
    border: 1px solid #3a84ff;
    border-radius: 2px;
}
.ip-selector-table-page-check .all-checked[data-v-ccffb4d4]::after {
      position: absolute;
      top: 1px;
      left: 4px;
      width: 4px;
      height: 8px;
      border: 2px solid #3a84ff;
      border-top: 0;
      border-left: 0;
      content: "";
      transform: rotate(45deg) scaleY(1);
      transform-origin: center;
}
.ip-selector-table-page-check .menu-flag[data-v-ccffb4d4] {
    margin-left: 2px;
    transition: all 0.15s;
}
.ip-selector-table-page-check .bk-ipselector-open-line[data-v-ccffb4d4] {
    margin-left: 5px;
}
.pagination-check-menu[data-v-ccffb4d4] {
  min-width: 80px;
  margin: -5px -9px;
  font-size: 12px;
  line-height: 32px;
  text-align: center;
  text-align: left;
  word-break: keep;
  cursor: pointer;
  background: #fff;
  border: 1px solid #dcdee5;
  border-radius: 2px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
}
.pagination-check-menu .item[data-v-ccffb4d4] {
    padding: 0 14px;
}
.pagination-check-menu .item[data-v-ccffb4d4]:hover {
      color: #3a84ff;
      background: #f5f6fa;
}


.ip-selector-manual-input {
  height: 100%;
}
.ip-selector-manual-input .custom-input {
    padding-right: 16px;
    padding-left: 16px;
}
.ip-selector-manual-input .custom-input .custom-input-parse-error {
      display: flex;
      margin-top: 7px;
      font-size: 12px;
      color: #ea3636;
}
.ip-selector-manual-input .custom-input .custom-input-parse-error .parse-error-btn {
        color: #979ba5;
        cursor: pointer;
}
.ip-selector-manual-input .custom-input .custom-input-action {
      display: flex;
      margin-top: 13px;
}
.ip-selector-manual-input .custom-input .bk-textarea-wrapper,
    .ip-selector-manual-input .custom-input .bk-form-textarea {
      height: 100% !important;
}
.ip-selector-manual-input .custom-input textarea::-moz-selection {
        color: #63656e;
        background: #fdd;
}
.ip-selector-manual-input .custom-input textarea::selection {
        color: #63656e;
        background: #fdd;
}
.ip-selector-manual-input .custom-input .parse-btn {
      flex: 1;
}
.ip-selector-manual-input .custom-input .clear-btn {
      width: 88px;
      margin-left: 8px;
}
.ip-selector-manual-input .container-table {
    flex: 1;
    padding-left: 16px;
}

.bk-ip-select-search-select {
  height: 32px;
  font-size: 12px;
}
.bk-ip-select-search-select .search-select-wrap {
    position: relative;
    height: initial;
    min-height: 32px;
    overflow: hidden;
    color: #63656e;
    border: 1px solid #c4c6cc;
    border-radius: 2px;
    box-sizing: border-box;
    transition: border 0.2s linear;
}
.bk-ip-select-search-select .search-select-wrap .search-prefix {
      display: flex;
      height: 100%;
      flex: 0 0 auto;
      align-items: center;
}
.bk-ip-select-search-select .search-select-wrap .search-tag-group {
      position: relative;
      min-height: 26px;
      padding-left: 10px;
      font-size: 0;
      line-height: 0;
      transition: max-height 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
.bk-ip-select-search-select .search-select-wrap .search-input-box {
      position: relative;
      display: inline-block;
      min-width: 40px;
      min-height: 22px;
      margin-top: 4px;
      font-size: 12px;
      line-height: 22px;
      color: #63656e;
      vertical-align: middle;
      border: none;
}
.bk-ip-select-search-select .search-select-wrap .search-input-box .input-box {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 0;
        font-size: inherit;
        line-height: inherit;
        color: inherit;
        background: transparent;
        border: none;
        outline: none;
        resize: none;
}
.bk-ip-select-search-select .search-select-wrap .search-input-box .input-box::-moz-placeholder{
          color: #c4c6cc;
}
.bk-ip-select-search-select .search-select-wrap .search-input-box .input-box::placeholder{
          color: #c4c6cc;
}
.bk-ip-select-search-select .search-select-wrap .search-input-box .input-box {
  scrollbar-gutter: stable;
}
.bk-ip-select-search-select .search-select-wrap .search-input-box .input-box::-webkit-scrollbar {
    width: 6px;
}
.bk-ip-select-search-select .search-select-wrap .search-input-box .input-box::-webkit-scrollbar-thumb {
    background-color: #c4c6cc;
    border-radius: 3px;
}
.bk-ip-select-search-select .search-select-wrap .search-tag-box {
      position: relative;
}
.bk-ip-select-search-select .search-select-wrap .search-tag-box.focused {
        background: inherit !important;
}
.bk-ip-select-search-select .search-select-wrap .search-tag-box.focused .search-tag {
          padding-right: 0;
}
.bk-ip-select-search-select .search-select-wrap .search-tag-box.is-error .search-tag .tag-value-edit{
            color: #ea3636;
}
.bk-ip-select-search-select .search-select-wrap .search-tag-box .search-tag {
        display: inline-flex;
        padding-right: 20px;
}
.bk-ip-select-search-select .search-select-wrap .search-tag-box .search-tag .tag-label {
          word-break: keep-all;
}
.bk-ip-select-search-select .search-select-wrap .search-tag-box .search-tag .tag-value {
          word-break: break-all;
          cursor: pointer;
}
.bk-ip-select-search-select .search-select-wrap .search-tag-box .search-tag .tag-value-edit {
          position: absolute;
          top: 0;
          width: 100%;
          height: 100%;
          padding: 0;
          font-size: inherit;
          line-height: inherit;
          color: inherit;
          background: transparent;
          border: none;
          outline: none;
          resize: none;
}
.bk-ip-select-search-select .search-select-wrap .search-tag-box .search-tag .tag-value-edit::-moz-selection {
            background: #e1ecff;
}
.bk-ip-select-search-select .search-select-wrap .search-tag-box .search-tag .tag-value-edit::selection {
            background: #e1ecff;
}
.bk-ip-select-search-select .search-select-wrap .search-tag-box .tag-clear {
        position: absolute;
        top: 4px;
        right: 3px;
        display: inline-block;
        font-size: 14px;
        line-height: normal;
        color: #979ba5;
        text-align: center;
        cursor: pointer;
}
.bk-ip-select-search-select .search-select-wrap .search-tag-box .tag-error-tooltips{
        position: absolute;
        z-index: 10;
        right: 0px;
        top: 4px;
        color: #ea3636;
        cursor: pointer;
        font-size: 14px;
}
.bk-ip-select-search-select .search-select-wrap .mult-tag-placeholder {
      padding: 0 8px;
}
.bk-ip-select-search-select .search-select-wrap .search-tag-box,
    .bk-ip-select-search-select .search-select-wrap .mult-tag-placeholder {
      position: relative;
      display: inline-block;
      padding-left: 8px;
      margin: 4px 6px 0 0;
      font-size: 12px;
      line-height: 22px;
      color: #63656e;
      vertical-align: middle;
      background: #f0f1f5;
      border-radius: 2px;
}
.bk-ip-select-search-select .search-select-wrap .search-tag-box:hover, .bk-ip-select-search-select .search-select-wrap .mult-tag-placeholder:hover {
        background: #dcdee5;
}
.bk-ip-select-search-select .search-select-wrap .search-tag-box:hover .tag-clear, .bk-ip-select-search-select .search-select-wrap .mult-tag-placeholder:hover .tag-clear {
          color: #63656e;
}
.bk-ip-select-search-select .search-select-wrap .search-nextfix {

      position: absolute;
      top: 6px;
      right: 0;
      color: #c4c6cc;
}
.bk-ip-select-search-select .search-select-wrap .search-nextfix .search-clear {
        width: 12px;
        height: 12px;
        margin-right: 6px;
        font-size: 14px;
        color: #c4c6cc;
}
.bk-ip-select-search-select .search-select-wrap .search-nextfix .search-clear:hover {
          color: #979ba5;
          cursor: pointer;
}
.bk-ip-select-search-select .search-select-wrap .search-nextfix .search-nextfix-icon {
        margin-right: 8px;
        font-size: 16px;
        transition: color 0.2s linear;
}
.bk-ip-select-search-select .search-select-wrap .search-nextfix .search-nextfix-icon.is-focus {
          color: #3c96ff;
          background: #fff !important;
          border-color: #3c96ff !important;
}
.bk-ip-select-search-select .search-select-wrap::-webkit-scrollbar {
      width: 3px;
      height: 5px;
}
.bk-ip-select-search-select .search-select-wrap::-webkit-scrollbar-thumb {
      background: #e6e9ea;
      border-radius: 20px;
      box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);
}
.bk-ip-select-search-select.focused .search-select-wrap {
      overflow-y: auto;
      color: #3c96ff;
      background: #fff !important;
      border-color: #3c96ff !important;
}
.bk-ip-select-search-select .search-select-error-tips {
    display: flex;
    font-size: 12px;
    line-height: 14px;
    color: #ea3636;
    align-items: center;
}
.bk-ip-select-search-select .search-select-error-tips .select-tips {
      margin-right: 5px;
      font-size: 14px;
}
.bk-ip-select-search-list {
  position: relative;
  min-width: 230px;
  padding: 6px 0;
  margin: -0.3rem -0.6rem;
  font-size: 12px;
  line-height: 32px;
  color: #63656e;
  pointer-events: all;
  border-radius: 2px;
  outline: none;
  resize: none;
}
.bk-ip-select-search-list .search-condition {
    padding: 0 10px 0 16px;
    pointer-events: auto;
    border-bottom: 1px solid #dcdee5;
}
.bk-ip-select-search-list .search-condition:hover {
      color: #3a84ff;
      cursor: pointer;
      background-color: rgba(234, 243, 255, 0.7);
}
.bk-ip-select-search-list .search-menu {
    max-height: 200px;
    min-height: 32px;
    padding: 0;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    pointer-events: all;
  scrollbar-gutter: stable;
}
.bk-ip-select-search-list .search-menu::-webkit-scrollbar {
    width: 6px;
}
.bk-ip-select-search-list .search-menu::-webkit-scrollbar-thumb {
    background-color: #c4c6cc;
    border-radius: 3px;
}
.bk-ip-select-search-list .search-menu .is-group {
      border-bottom: 1px solid #dcdee5;
}
.bk-ip-select-search-list .search-menu .search-menu-item {
      display: flex;
      padding: 0 10px 0 16px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      pointer-events: auto;
      flex: 1 0 32px;
      align-items: center;
      justify-content: flex-start;
}
.bk-ip-select-search-list .search-menu .search-menu-item.is-disabled {
        color: #c4c6cc;
        cursor: not-allowed;
}
.bk-ip-select-search-list .search-menu .search-menu-item .item-name {
        display: flex;
        line-height: 32px;
        flex: 1;
}
.bk-ip-select-search-list .search-menu .search-menu-item -filter.item-name {
          display: inline-block;
          color: #313238;
}
.bk-ip-select-search-list .search-menu .search-menu-item .item-description {
        padding-left: 10px;
        margin-left: auto;
        font-size: 12px;
        color: #c4c6cc;
}
.bk-ip-select-search-list .search-menu .search-menu-item .item-icon {
        font-size: 14px;
        font-weight: bold;
        color: #3a84ff;
}
.bk-ip-select-search-list .search-menu .search-menu-item:not(.is-disabled):hover {
        color: #3a84ff;
        cursor: pointer;
        background-color: #eaf3ff;
}
.bk-ip-select-search-list .search-menu .search-menu-item.active {
        color: #3a84ff;
        background: #f4f6fa;
}
.bk-ip-select-search-list .search-loading {
    padding: 0 16px;
    line-height: 32px;
    text-align: center;
}
.bk-ip-select-search-list .search-list-footer {
    display: flex;
    margin-bottom: -6px;
    line-height: 32px;
    pointer-events: auto;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}
.bk-ip-select-search-list .search-list-footer .footer-btn {
      text-align: center;
      pointer-events: auto;
      border-top: 1px solid #dcdee5;
      flex: 1;
}
.bk-ip-select-search-list .search-list-footer .footer-btn:hover {
        color: #3a84ff;
        cursor: pointer;
        background-color: rgba(234, 243, 255, 0.7);
}
.bk-ip-select-search-list .search-list-footer .footer-btn:first-child {
        border-right: 1px solid #dcdee5;
}
.bk-ip-select-search-list .search-list-footer .footer-btn.disabled {
        color: #dcdee5;
        cursor: not-allowed;
}
.bk-ip-select-search-list .search-menu-wrap {
    padding: 6px 0;
}
.bk-ip-select-search-list .search-suggest-menu-wraper {
    max-width: 500px;
    max-height: 200px;
    min-height: 32px;
    overflow-x: hidden;
    overflow-y: auto;
}
.bk-ip-select-search-list .search-suggest-menu-wraper .search-suggest-menu-list {
      width: 100%;
      max-width: 100%;
      font-size: 12px;
      line-height: 32px;
      line-height: 16px;
      color: #63656e;
      border-collapse: collapse;
      border-spacing: 0;
}
.bk-ip-select-search-list .search-suggest-menu-wraper .search-suggest-menu-list .search-suggest-menu-item {
        height: 32px;
        padding-top: 8px;
        vertical-align: top;
        cursor: pointer;
}
.bk-ip-select-search-list .search-suggest-menu-wraper .search-suggest-menu-list .search-suggest-menu-item.active,
        .bk-ip-select-search-list .search-suggest-menu-wraper .search-suggest-menu-list .search-suggest-menu-item:hover {
          color: #3a84ff;
          background: #eaf3ff;
}
.bk-ip-select-search-list .search-suggest-menu-wraper .search-suggest-menu-list .search-suggest-item-label,
      .bk-ip-select-search-list .search-suggest-menu-wraper .search-suggest-menu-list .search-suggest-item-value {
        padding-top: 8px;
        vertical-align: top;
}
.bk-ip-select-search-list .search-suggest-menu-wraper .search-suggest-menu-list .search-suggest-item-label {
        width: 60px;
        padding-left: 12px;
        font-weight: bold;
        text-align: right;
        white-space: nowrap;
}
.bk-ip-select-search-list .search-suggest-menu-wraper .search-suggest-menu-list .search-suggest-item-value {
        display: flex;
        max-width: 300px;
        padding-right: 12px;
        overflow: hidden;
}
.bk-ip-select-search-list .search-suggest-menu-wraper .search-suggest-menu-list .search-suggest-item-value .value-text {
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          flex: 1;
}
.bk-ip-select-search-list .search-suggest-menu-wraper .search-suggest-menu-list .search-suggest-item-value .description-text {
          padding-left: 8px;
          margin-left: auto;
          font-size: 12px;
          color: #c4c6cc;
          text-align: right;
          flex: 0 0 auto;
}
.tippy-tooltip.bk-search-select-theme-theme {
    border-radius: 2px;
    box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.1);
}

.ip-selector-container-static-topo {
  height: 100%;
}
.ip-selector-container-static-topo .tree-box {
    height: 100%;
    padding-right: 16px;
    padding-left: 16px;
}
.ip-selector-container-static-topo .tree-box .big-tree-box .bk-big-tree {
      position: relative;
      overflow: initial;
}
.ip-selector-container-static-topo .tree-box .big-tree-box .bk-big-tree .bk-big-tree-node:hover{
          background: #F0F1F5;
}
.ip-selector-container-static-topo .tree-box .big-tree-box .bk-big-tree .bk-big-tree-node .node-content {
          overflow: initial;
}
.ip-selector-container-static-topo .tree-box .big-tree-box .bk-big-tree .bk-scroll{
        width: 100% !important;
}
.ip-selector-container-static-topo .tree-box .big-tree-box .bk-big-tree .bk-min-nav,
      .ip-selector-container-static-topo .tree-box .big-tree-box .bk-big-tree .bk-min-nav-slide{
        right: -8px;
}
.ip-selector-container-static-topo .tree-box .topo-node-box {
    display: flex;
    padding-right: 3px;
    font-size: 12px;
    align-items: center;
    overflow: hidden;
}
.ip-selector-container-static-topo .tree-box .topo-node-box:hover .topo-node-filter,
      .ip-selector-container-static-topo .tree-box .topo-node-box:hover .topo-node-expand {
        opacity: 1 !important;
}
.ip-selector-container-static-topo .tree-box .topo-node-name {
    flex: 0 1 auto;
    overflow: hidden;
    padding-right: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ip-selector-container-static-topo .tree-box .topo-node-filter,
  .ip-selector-container-static-topo .tree-box .topo-node-expand {
    padding: 0 3px;
    font-size: 16px;
    color: #979ba5;
    opacity: 0;
}
.ip-selector-container-static-topo .tree-box .topo-node-filter:hover, .ip-selector-container-static-topo .tree-box .topo-node-expand:hover {
      color: #3a84ff;
}
.ip-selector-container-static-topo .tree-box .topo-node-count {
    flex: 0 1;
    height: 16px;
    padding: 0 6px;
    margin-left: auto;
    line-height: 16px;
    color: #979ba5;
    background: #f0f1f5;
    border-radius: 2px;
}
.ip-selector-container-static-topo .tree-box .topo-node-count.is-selected {
      color: #fff;
      background: #A3C5FD;
}
.ip-selector-container-static-topo .container-table {
    flex: 1;
    padding-left: 24px;
}
.ip-selector-container-static-topo .create-static-topo {
    width: 100%;
    padding-top: 120px;
    text-align: center;
}


.ip-selector-panel-content {
  height: 100%;
  padding: 16px 24px 0 0;
}


.ip-selector-container-panel-tab {
  display: flex;
  font-size: 12px;
  color: #63656e;
  border-bottom: 1px solid #dcdee5;
}
.ip-selector-container-panel-tab .tab-item {
    display: flex;
    height: 40px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    flex: 1;
    background: #fafbfd;
    transition: all 0.1s;
}
.ip-selector-container-panel-tab .tab-item.active {
      position: relative;
      color: #313238;
      cursor: default;
      background: #fff;
}
.ip-selector-container-panel-tab .tab-item.active::after {
        position: absolute;
        bottom: -2px;
        left: 0;
        width: 100%;
        height: 3px;
        background: #fff;
        content: "";
}
.ip-selector-container-panel-tab .tab-item:nth-child(n+2) {
      border-left: 1px solid #dcdee5;
}

.scroll-bar-style::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.scroll-bar-style::-webkit-scrollbar-thumb {
  background: #ddd;
  border-radius: 20px;
  box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);
}
html,
body {
  padding: 0;
  margin: 0;
}
* {
  box-sizing: border-box;
}
/**
 * HTML5 display definitions
 * ==========================================================================
 *
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  /* 1 */
  display: inline-block;
  /* 2 */
  vertical-align: baseline;
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}
/**
 * Links
 * ==========================================================================
 *
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0;
}
/**
 * Text-level semantics
 * ==========================================================================
 *
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/**
 * Embedded content
 * ==========================================================================
 *
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}
/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}
/**
 * Grouping content
 * ==========================================================================
 *
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}
/**
 * Address differences between Firefox and other browsers.
 */
hr {
  height: 0;
  box-sizing: content-box;
}
/**
 * Address odd `em`-unit font size rendering in all browsers.
 *
 * Forms
 * ==========================================================================
 *
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 *
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  /* 3 */
  margin: 0;
  /* 2 */
  font: inherit;
  /* 1 */
  color: inherit;
}
/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type `input` and others.
 */
button,
html input[type='button'],
input[type='reset'],
input[type='submit'] {
  /* 3 */
  cursor: pointer;
  /* 2 */
  -webkit-appearance: button;
     -moz-appearance: button;
          appearance: button;
}
/* Re-set default cursor for disabled elements. */
button[disabled],
html input[disabled] {
  cursor: default;
}
/* Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet.
 */
input {
  line-height: normal;
}
/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type='checkbox'],
input[type='radio'] {
  /* 2 */
  padding: 0;
  /* 1 */
  box-sizing: border-box;
}
/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  height: auto;
}
::-ms-clear,
::-ms-reveal {
  display: none;
}
input[type='text']::-ms-clear {
  display: none;
}
input[type='text']::-ms-reveal {
  display: none;
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type='search'] {
  /* 2 */
  box-sizing: content-box;
  /* 1 */
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}
/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
          appearance: none;
}
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  padding: 0.35em 0.625em 0.75em;
  margin: 0 2px;
  border: 1px solid #c0c0c0;
}
/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  /* 2 */
  padding: 0;
  /* 1 */
  border: 0;
}
/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}
/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}
/**
* BK-Scroll-Style
*/
.bk-scroll-y {
  overflow-y: auto;
}
.bk-scroll-y::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.bk-scroll-y::-webkit-scrollbar-thumb {
  background: #ddd;
  border-radius: 20px;
  box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);
}
.bk-scroll-x {
  overflow-x: auto;
}
.bk-scroll-x::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.bk-scroll-x::-webkit-scrollbar-thumb {
  background: #ddd;
  border-radius: 20px;
  box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);
}
.fuctional-deps-button {
  display: inline-flex;
  height: 32px;
  padding: 0 14px;
  font-size: 14px;
  color: #63656e;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  background-color: white;
  border: 1px solid #c4c6cc;
  border-radius: 2px;
  outline: none;
  box-sizing: border-box;
  transition: background-color ease 0.3s;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  align-items: center;
  justify-content: center;
}
.fuctional-deps-button.fuctional-deps-button-primary {
  background-color: #3a84ff;
  color: white;
  border-color: #3a84ff;
}
.fuctional-deps-button.fuctional-deps-button-primary:hover {
  background-color: #5594fa;
  border-color: #5594fa;
}
.fuctional-deps-button.fuctional-deps-button-primary:active {
  background-color: #2c77f4;
  border-color: #2c77f4;
  color: white;
}
.fuctional-deps-button.fuctional-deps-button-primary.is-outline {
  color: #3a84ff;
  border-color: #3a84ff;
  background-color: white;
}
.fuctional-deps-button.fuctional-deps-button-primary.is-outline:hover {
  background-color: #5594fa;
  border-color: #5594fa;
  color: white;
}
.fuctional-deps-button.fuctional-deps-button-primary.is-outline:active {
  background-color: #2c77f4;
  border-color: #2c77f4;
  color: white;
}
.fuctional-deps-button.fuctional-deps-button-primary.is-text {
  color: #3a84ff;
  background-color: transparent;
  border: none;
}
.fuctional-deps-button.fuctional-deps-button-primary.is-text:not(.is-disabled):hover {
  color: #5594fa;
}
.fuctional-deps-button.fuctional-deps-button-primary.is-disabled {
  color: #dcdee5;
  cursor: not-allowed;
}
.fuctional-deps-button.fuctional-deps-button-primary.is-disabled:not(.is-text) {
  background-color: #dcdee5;
  color: white;
  border-color: #dcdee5;
}
.fuctional-deps-button.fuctional-deps-button-hover-primary:hover {
  background-color: #5594fa;
  border-color: #5594fa;
  color: white;
}
.fuctional-deps-button.fuctional-deps-button-warning {
  background-color: #ff9c01;
  color: white;
  border-color: #ff9c01;
}
.fuctional-deps-button.fuctional-deps-button-warning:hover {
  background-color: #ffb848;
  border-color: #ffb848;
}
.fuctional-deps-button.fuctional-deps-button-warning:active {
  background-color: #eb9000;
  border-color: #eb9000;
  color: white;
}
.fuctional-deps-button.fuctional-deps-button-warning.is-outline {
  color: #ff9c01;
  border-color: #ff9c01;
  background-color: white;
}
.fuctional-deps-button.fuctional-deps-button-warning.is-outline:hover {
  background-color: #ffb848;
  border-color: #ffb848;
  color: white;
}
.fuctional-deps-button.fuctional-deps-button-warning.is-outline:active {
  background-color: #eb9000;
  border-color: #eb9000;
  color: white;
}
.fuctional-deps-button.fuctional-deps-button-warning.is-text {
  color: #ff9c01;
  background-color: transparent;
  border: none;
}
.fuctional-deps-button.fuctional-deps-button-warning.is-text:not(.is-disabled):hover {
  color: #ffb848;
}
.fuctional-deps-button.fuctional-deps-button-warning.is-disabled {
  color: #dcdee5;
  cursor: not-allowed;
}
.fuctional-deps-button.fuctional-deps-button-warning.is-disabled:not(.is-text) {
  background-color: #dcdee5;
  color: white;
  border-color: #dcdee5;
}
.fuctional-deps-button.fuctional-deps-button-hover-warning:hover {
  background-color: #ffb848;
  border-color: #ffb848;
  color: white;
}
.fuctional-deps-button.fuctional-deps-button-success {
  background-color: #2dcb56;
  color: white;
  border-color: #2dcb56;
}
.fuctional-deps-button.fuctional-deps-button-success:hover {
  background-color: #45e35f;
  border-color: #45e35f;
}
.fuctional-deps-button.fuctional-deps-button-success:active {
  background-color: #1ab943;
  border-color: #1ab943;
  color: white;
}
.fuctional-deps-button.fuctional-deps-button-success.is-outline {
  color: #2dcb56;
  border-color: #2dcb56;
  background-color: white;
}
.fuctional-deps-button.fuctional-deps-button-success.is-outline:hover {
  background-color: #45e35f;
  border-color: #45e35f;
  color: white;
}
.fuctional-deps-button.fuctional-deps-button-success.is-outline:active {
  background-color: #1ab943;
  border-color: #1ab943;
  color: white;
}
.fuctional-deps-button.fuctional-deps-button-success.is-text {
  color: #2dcb56;
  background-color: transparent;
  border: none;
}
.fuctional-deps-button.fuctional-deps-button-success.is-text:not(.is-disabled):hover {
  color: #45e35f;
}
.fuctional-deps-button.fuctional-deps-button-success.is-disabled {
  color: #dcdee5;
  cursor: not-allowed;
}
.fuctional-deps-button.fuctional-deps-button-success.is-disabled:not(.is-text) {
  background-color: #dcdee5;
  color: white;
  border-color: #dcdee5;
}
.fuctional-deps-button.fuctional-deps-button-hover-success:hover {
  background-color: #45e35f;
  border-color: #45e35f;
  color: white;
}
.fuctional-deps-button.fuctional-deps-button-danger {
  background-color: #ea3636;
  color: white;
  border-color: #ea3636;
}
.fuctional-deps-button.fuctional-deps-button-danger:hover {
  background-color: #ff5656;
  border-color: #ff5656;
}
.fuctional-deps-button.fuctional-deps-button-danger:active {
  background-color: #db2626;
  border-color: #db2626;
  color: white;
}
.fuctional-deps-button.fuctional-deps-button-danger.is-outline {
  color: #ea3636;
  border-color: #ea3636;
  background-color: white;
}
.fuctional-deps-button.fuctional-deps-button-danger.is-outline:hover {
  background-color: #ff5656;
  border-color: #ff5656;
  color: white;
}
.fuctional-deps-button.fuctional-deps-button-danger.is-outline:active {
  background-color: #db2626;
  border-color: #db2626;
  color: white;
}
.fuctional-deps-button.fuctional-deps-button-danger.is-text {
  color: #ea3636;
  background-color: transparent;
  border: none;
}
.fuctional-deps-button.fuctional-deps-button-danger.is-text:not(.is-disabled):hover {
  color: #ff5656;
}
.fuctional-deps-button.fuctional-deps-button-danger.is-disabled {
  color: #dcdee5;
  cursor: not-allowed;
}
.fuctional-deps-button.fuctional-deps-button-danger.is-disabled:not(.is-text) {
  background-color: #dcdee5;
  color: white;
  border-color: #dcdee5;
}
.fuctional-deps-button.fuctional-deps-button-hover-danger:hover {
  background-color: #ff5656;
  border-color: #ff5656;
  color: white;
}
.fuctional-deps-button.fuctional-deps-button-small {
  height: 26px;
  padding: 0 12px;
  font-size: 12px;
}
.fuctional-deps-button.fuctional-deps-button-large {
  height: 40px;
  padding: 0 16px;
  font-size: 16px;
}
.fuctional-deps-button .fuctional-deps-button-text {
  display: inline-flex;
  align-items: center;
  line-height: 1;
}
.fuctional-deps-button.is-loading {
  position: relative;
}
.fuctional-deps-button.is-loading .fuctional-deps-button-loading:not(:last-child) {
  position: absolute;
}
.fuctional-deps-button.is-loading .fuctional-deps-button-text {
  visibility: hidden;
}
.fuctional-deps-button:hover {
  border-color: #979ba5;
}
.fuctional-deps-button:active {
  color: #3a84ff;
  border-color: #3a84ff;
}
.fuctional-deps-button.is-text {
  height: auto;
  padding: 0;
  font-size: inherit;
  color: #63656e;
  text-decoration: none;
  cursor: pointer;
  background-color: transparent;
  border: none;
  outline: none;
}
.fuctional-deps-button.is-disabled {
  color: #dcdee5;
  cursor: not-allowed;
  border-color: #dcdee5;
}
.fuctional-deps-button.is-disabled:not(.is-text) {
  background-color: #f9fafd;
}
.fuctional-deps-button-group {
  display: inline-block;
  font-size: 0;
}
.fuctional-deps-button-group.fuctional-deps-button-group-small .fuctional-deps-button {
  height: 26px;
  padding: 0 12px;
  font-size: 12px;
}
.fuctional-deps-button-group.fuctional-deps-button-group-large .fuctional-deps-button {
  height: 40px;
  padding: 0 16px;
  font-size: 16px;
}
.fuctional-deps-button-group .fuctional-deps-button {
  height: 32px;
  margin: 0 0 0 -1px;
  border-radius: 0;
}
.fuctional-deps-button-group .fuctional-deps-button:not(.is-disabled) {
  color: #63656e;
  background-color: white;
  border-color: #c4c6cc;
}
.fuctional-deps-button-group .fuctional-deps-button.is-disabled {
  color: #c4c6cc;
}
.fuctional-deps-button-group .fuctional-deps-button:first-child {
  border-radius: 2px 0 0 2px;
}
.fuctional-deps-button-group .fuctional-deps-button:last-child {
  border-radius: 0 2px 2px 0;
}
.fuctional-deps-button-group .fuctional-deps-button:only-child {
  border-radius: 2px;
}
.fuctional-deps-button-group .fuctional-deps-button:hover:not(.is-disabled),
.fuctional-deps-button-group .fuctional-deps-button.is-selected:not(.is-disabled) {
  position: relative;
  z-index: 1;
  color: #3a84ff;
  background-color: white;
  border-color: #3a84ff;
}
.fuctional-deps-button-group .fuctional-deps-button.is-selected:not(.is-disabled) {
  background-color: #e1ecff;
}
.fuctional-deps-button-group .fuctional-deps-button.is-selected.is-disabled {
  background-color: #f0f1f5;
}
@keyframes loading-scale-animate {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.6);
  }
}
@keyframes fade {
  100% {
    background-color: transparent;
  }
}
.fuctional-deps-transition .fuctional-deps-fade-enter-active,
.fuctional-deps-transition .fuctional-deps-fade-leave-active {
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}
.fuctional-deps-transition .fuctional-deps-fade-enter,
.fuctional-deps-transition .fuctional-deps-fade-leave-to {
  opacity: 0;
}
.clearfix-style::after {
  display: block;
  height: 0;
  clear: both;
  font-size: 0;
  content: '';
  visibility: hidden;
}
.fuctional-deps-popper {
  display: none;
  padding: 7px 14px;
  font-size: 12px;
  color: #fff;
  background: #333;
  border-radius: 4px;
}
.fuctional-deps-popper.light {
  color: #63656e;
  background: #fff;
  box-shadow: #dcdee5 0 0 6px 0;
}
.fuctional-deps-popper .fuctional-deps-popper-arrow,
.fuctional-deps-popper .fuctional-deps-popper-arrow::before {
  position: absolute;
  width: 8px;
  height: 8px;
  background: inherit;
}
.fuctional-deps-popper .fuctional-deps-popper-arrow {
  visibility: hidden;
}
.fuctional-deps-popper .fuctional-deps-popper-arrow::before {
  content: '';
  visibility: visible;
  transform: rotate(45deg);
}
.fuctional-deps-popper[data-show] {
  display: block;
}
.fuctional-deps-popper[data-popper-placement^='top'] > .fuctional-deps-popper-arrow {
  bottom: -4px;
}
.fuctional-deps-popper[data-popper-placement^='bottom'] > .fuctional-deps-popper-arrow {
  top: -4px;
}
.fuctional-deps-popper[data-popper-placement^='left'] > .fuctional-deps-popper-arrow {
  right: -4px;
}
.fuctional-deps-popper[data-popper-placement^='right'] > .fuctional-deps-popper-arrow {
  left: -4px;
}
.fuctional-deps-loading-wrapper {
  position: static;
  vertical-align: middle;
}
.fuctional-deps-loading-wrapper:not(.fuctional-deps-nested-loading):not(.fuctional-deps-directive-loading) {
  display: inline-flex;
}
.fuctional-deps-loading-wrapper.fuctional-deps-directive-loading {
  width: 100%;
  height: 100%;
}
.fuctional-deps-loading-wrapper.fuctional-deps-directive-loading,
.fuctional-deps-loading-wrapper.fuctional-deps-nested-loading {
  position: relative;
}
.fuctional-deps-loading-wrapper.fuctional-deps-directive-loading.is-block,
.fuctional-deps-loading-wrapper.fuctional-deps-nested-loading.is-block {
  display: block;
}
.fuctional-deps-loading-wrapper.fuctional-deps-directive-loading .fuctional-deps-loading-indicator,
.fuctional-deps-loading-wrapper.fuctional-deps-nested-loading .fuctional-deps-loading-indicator {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 11;
  text-align: center;
  transform: translate(-50%, -50%);
}
.fuctional-deps-loading-wrapper .dot {
  display: inline-flex;
  width: 14px;
  height: 14px;
  margin-right: 10px;
  border-radius: 50%;
  transform: scale(0.6);
  animation-duration: 0.8s;
  animation-iteration-count: infinite;
  animation-name: loading-scale-animate;
  animation-direction: normal;
}
.fuctional-deps-loading-wrapper .oval {
  position: absolute;
  width: 6px;
  height: 8px;
  background-color: #63656e;
  border-radius: 8px;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-name: fade;
  transform-origin: center 24px;
}
.fuctional-deps-loading-wrapper .fuctional-deps-loading-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.fuctional-deps-loading-wrapper .fuctional-deps-loading-indicator {
  display: flex;
  line-height: 1;
  text-align: center;
  flex-direction: column;
}
.fuctional-deps-loading-wrapper .fuctional-deps-loading-indicator.fuctional-deps-loading-success .oval,
.fuctional-deps-loading-wrapper .fuctional-deps-loading-indicator.fuctional-deps-loading-success .dot,
.fuctional-deps-loading-wrapper .fuctional-deps-loading-indicator.fuctional-deps-loading-success .dot-1,
.fuctional-deps-loading-wrapper .fuctional-deps-loading-indicator.fuctional-deps-loading-success .dot-2,
.fuctional-deps-loading-wrapper .fuctional-deps-loading-indicator.fuctional-deps-loading-success .dot-3,
.fuctional-deps-loading-wrapper .fuctional-deps-loading-indicator.fuctional-deps-loading-success .dot-4 {
  background-color: #2dcb56;
}
.fuctional-deps-loading-wrapper .fuctional-deps-loading-indicator.fuctional-deps-loading-danger .oval,
.fuctional-deps-loading-wrapper .fuctional-deps-loading-indicator.fuctional-deps-loading-danger .dot,
.fuctional-deps-loading-wrapper .fuctional-deps-loading-indicator.fuctional-deps-loading-danger .dot-1,
.fuctional-deps-loading-wrapper .fuctional-deps-loading-indicator.fuctional-deps-loading-danger .dot-2,
.fuctional-deps-loading-wrapper .fuctional-deps-loading-indicator.fuctional-deps-loading-danger .dot-3,
.fuctional-deps-loading-wrapper .fuctional-deps-loading-indicator.fuctional-deps-loading-danger .dot-4 {
  background-color: #ea3636;
}
.fuctional-deps-loading-wrapper .fuctional-deps-loading-indicator.fuctional-deps-loading-warning .oval,
.fuctional-deps-loading-wrapper .fuctional-deps-loading-indicator.fuctional-deps-loading-warning .dot,
.fuctional-deps-loading-wrapper .fuctional-deps-loading-indicator.fuctional-deps-loading-warning .dot-1,
.fuctional-deps-loading-wrapper .fuctional-deps-loading-indicator.fuctional-deps-loading-warning .dot-2,
.fuctional-deps-loading-wrapper .fuctional-deps-loading-indicator.fuctional-deps-loading-warning .dot-3,
.fuctional-deps-loading-wrapper .fuctional-deps-loading-indicator.fuctional-deps-loading-warning .dot-4 {
  background-color: #ff9c01;
}
.fuctional-deps-loading-wrapper .fuctional-deps-loading-indicator.fuctional-deps-loading-primary .oval,
.fuctional-deps-loading-wrapper .fuctional-deps-loading-indicator.fuctional-deps-loading-primary .dot,
.fuctional-deps-loading-wrapper .fuctional-deps-loading-indicator.fuctional-deps-loading-primary .dot-1,
.fuctional-deps-loading-wrapper .fuctional-deps-loading-indicator.fuctional-deps-loading-primary .dot-2,
.fuctional-deps-loading-wrapper .fuctional-deps-loading-indicator.fuctional-deps-loading-primary .dot-3,
.fuctional-deps-loading-wrapper .fuctional-deps-loading-indicator.fuctional-deps-loading-primary .dot-4 {
  background-color: #3a84ff;
}
.fuctional-deps-loading-wrapper .fuctional-deps-loading-indicator.fuctional-deps-loading-white .oval,
.fuctional-deps-loading-wrapper .fuctional-deps-loading-indicator.fuctional-deps-loading-white .dot,
.fuctional-deps-loading-wrapper .fuctional-deps-loading-indicator.fuctional-deps-loading-white .dot-1,
.fuctional-deps-loading-wrapper .fuctional-deps-loading-indicator.fuctional-deps-loading-white .dot-2,
.fuctional-deps-loading-wrapper .fuctional-deps-loading-indicator.fuctional-deps-loading-white .dot-3,
.fuctional-deps-loading-wrapper .fuctional-deps-loading-indicator.fuctional-deps-loading-white .dot-4 {
  background-color: white;
}
.fuctional-deps-loading-wrapper .fuctional-deps-loading-indicator.fuctional-deps-loading-default .oval,
.fuctional-deps-loading-wrapper .fuctional-deps-loading-indicator.fuctional-deps-loading-default .dot,
.fuctional-deps-loading-wrapper .fuctional-deps-loading-indicator.fuctional-deps-loading-default .dot-1,
.fuctional-deps-loading-wrapper .fuctional-deps-loading-indicator.fuctional-deps-loading-default .dot-2,
.fuctional-deps-loading-wrapper .fuctional-deps-loading-indicator.fuctional-deps-loading-default .dot-3,
.fuctional-deps-loading-wrapper .fuctional-deps-loading-indicator.fuctional-deps-loading-default .dot-4 {
  background-color: #c4c6cc;
}
.fuctional-deps-loading-wrapper .fuctional-deps-loading-indicator .dot-1 {
  background-color: #ea3636;
  animation-delay: 0.1s;
}
.fuctional-deps-loading-wrapper .fuctional-deps-loading-indicator .dot-2 {
  background-color: #ff9c01;
  animation-delay: 0.25s;
}
.fuctional-deps-loading-wrapper .fuctional-deps-loading-indicator .dot-3 {
  background-color: #2dcb56;
  animation-delay: 0.4s;
}
.fuctional-deps-loading-wrapper .fuctional-deps-loading-indicator .dot-4 {
  background-color: #3a84ff;
  animation-delay: 0.55s;
  margin-right: 0px;
}
.fuctional-deps-loading-wrapper .fuctional-deps-loading-indicator .oval-1 {
  transform: rotate(135deg);
  animation-delay: -0.45s;
}
.fuctional-deps-loading-wrapper .fuctional-deps-loading-indicator .oval-2 {
  transform: rotate(90deg);
  animation-delay: -0.6s;
}
.fuctional-deps-loading-wrapper .fuctional-deps-loading-indicator .oval-3 {
  transform: rotate(45deg);
  animation-delay: -0.75s;
}
.fuctional-deps-loading-wrapper .fuctional-deps-loading-indicator .oval-4 {
  transform: rotate(0deg);
  animation-delay: -0.9s;
}
.fuctional-deps-loading-wrapper .fuctional-deps-loading-indicator .oval-5 {
  transform: rotate(-45deg);
  animation-delay: -1.05s;
}
.fuctional-deps-loading-wrapper .fuctional-deps-loading-indicator .oval-6 {
  transform: rotate(-90deg);
  animation-delay: -1.2s;
}
.fuctional-deps-loading-wrapper .fuctional-deps-loading-indicator .oval-7 {
  transform: rotate(-135deg);
  animation-delay: -1.35s;
}
.fuctional-deps-loading-wrapper .fuctional-deps-loading-indicator .oval-8 {
  transform: rotate(-180deg);
  animation-delay: -1.5s;
}
.fuctional-deps-loading-wrapper .fuctional-deps-loading-indicator .fuctional-deps-normal-indicator {
  display: inline-flex;
  justify-content: center;
}
.fuctional-deps-loading-wrapper .fuctional-deps-loading-indicator .fuctional-deps-spin-indicator {
  position: relative;
  display: inline-flex;
  justify-content: center;
  width: 48px;
  height: 48px;
}
.fuctional-deps-loading-wrapper .fuctional-deps-loading-indicator.fuctional-deps-loading-size-mini .fuctional-deps-spin-indicator {
  height: 16px;
  width: 16px;
}
.fuctional-deps-loading-wrapper .fuctional-deps-loading-indicator.fuctional-deps-loading-size-mini .dot {
  width: 3px;
  height: 3px;
  margin-right: 3px;
}
.fuctional-deps-loading-wrapper .fuctional-deps-loading-indicator.fuctional-deps-loading-size-mini .dot.dot-4 {
  margin-right: 0;
}
.fuctional-deps-loading-wrapper .fuctional-deps-loading-indicator.fuctional-deps-loading-size-mini .oval {
  width: 2px;
  height: 3px;
  border-radius: 3px;
  transform-origin: center 8px;
}
.fuctional-deps-loading-wrapper .fuctional-deps-loading-indicator.fuctional-deps-loading-size-mini .fuctional-deps-loading-title {
  font-size: 14px;
}
.fuctional-deps-loading-wrapper .fuctional-deps-loading-indicator.fuctional-deps-loading-size-small .fuctional-deps-spin-indicator {
  height: 32px;
  width: 32px;
}
.fuctional-deps-loading-wrapper .fuctional-deps-loading-indicator.fuctional-deps-loading-size-small .dot {
  width: 6px;
  height: 6px;
  margin-right: 6px;
}
.fuctional-deps-loading-wrapper .fuctional-deps-loading-indicator.fuctional-deps-loading-size-small .dot.dot-4 {
  margin-right: 0;
}
.fuctional-deps-loading-wrapper .fuctional-deps-loading-indicator.fuctional-deps-loading-size-small .oval {
  width: 4px;
  height: 5px;
  border-radius: 5px;
  transform-origin: center 16px;
}
.fuctional-deps-loading-wrapper .fuctional-deps-loading-indicator.fuctional-deps-loading-size-small .fuctional-deps-loading-title {
  font-size: 12px;
}
.fuctional-deps-loading-wrapper .fuctional-deps-loading-indicator.fuctional-deps-loading-size-large .fuctional-deps-spin-indicator {
  height: 68px;
  width: 68px;
}
.fuctional-deps-loading-wrapper .fuctional-deps-loading-indicator.fuctional-deps-loading-size-large .dot {
  width: 20px;
  height: 20px;
  margin-right: 12px;
}
.fuctional-deps-loading-wrapper .fuctional-deps-loading-indicator.fuctional-deps-loading-size-large .dot.dot-4 {
  margin-right: 0;
}
.fuctional-deps-loading-wrapper .fuctional-deps-loading-indicator.fuctional-deps-loading-size-large .oval {
  width: 8px;
  height: 12px;
  border-radius: 12px;
  transform-origin: center 34px;
}
.fuctional-deps-loading-wrapper .fuctional-deps-loading-indicator.fuctional-deps-loading-size-large .fuctional-deps-loading-title {
  font-size: 14px;
}
.fuctional-deps-loading-wrapper .fuctional-deps-loading-indicator .fuctional-deps-loading-title {
  margin-top: 8px;
  font-size: 14px;
  line-height: normal;
  color: #63656e;
  text-align: center;
}
.fuctional-deps-info-wrapper .fuctional-deps-modal-wrapper {
  width: 440px;
}
.fuctional-deps-info-wrapper .fuctional-deps-modal-wrapper .fuctional-deps-dialog-header .fuctional-deps-dialog-title {
  margin-top: 16px;
}
.fuctional-deps-info-wrapper .fuctional-deps-dialog-footer button {
  min-width: 88px;
}
.fuctional-deps-info-sub-title {
  text-align: center;
  word-break: break-all;
}
.fuctional-deps-modal-ctx {
  position: fixed;
  top: 0px;
  left: 0px;
  display: none;
  width: 100%;
  height: 100%;
  pointer-events: auto;
}
.fuctional-deps-modal-ctx.is-show {
  display: block;
}
.fuctional-deps-modal-ctx-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}
.fuctional-deps-modal-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 2px;
  transform: translate(-50%, -50%);
}
.fuctional-deps-modal-outside {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.fuctional-deps-modal-body {
  height: 100%;
  overflow: hidden;
  background: #fff;
  border-radius: 2px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.fuctional-deps-modal-content {
  max-height: 100vh;
  overflow: auto;
  scrollbar-gutter: stable;
}
.fuctional-deps-modal-close {
  position: absolute;
  top: 6px;
  right: 6px;
  display: flex;
  width: 32px;
  height: 32px;
  font-size: 18px;
  color: #979ba5;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: 0.15s;
}
.fuctional-deps-modal-close:hover {
  background: #f0f1f5;
}
.fuctional-deps-dialog {
  font-size: 14px;
}
.fuctional-deps-dialog.is-fullscreen {
  top: 0;
  right: 0 ;
  bottom: 0;
  left: 0;
  transform: translate(0, 0);
}
.fuctional-deps-dialog.is-fullscreen .bk-modal-wrapper {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translate(0, 0);
}
.fuctional-deps-dialog-wrapper .fuctional-deps-modal-wrapper {
  position: relative;
}
.fuctional-deps-dialog-wrapper .fuctional-deps-modal-wrapper * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.fuctional-deps-dialog-wrapper .fuctional-deps-modal-wrapper.scroll-able .fuctional-deps-modal-content {
  overflow: auto;
}
.fuctional-deps-dialog-wrapper .fuctional-deps-modal-wrapper.multi-instance {
  position: absolute;
}
.fuctional-deps-dialog-wrapper .fuctional-deps-modal-wrapper.fullscreen .fuctional-deps-modal-content {
  max-height: calc(100vh - 137px);
}
.fuctional-deps-dialog-wrapper .fuctional-deps-modal-wrapper.fullscreen.no-footer {
  max-height: calc(100vh - 79px);
}
.fuctional-deps-dialog-wrapper .fuctional-deps-modal-wrapper.no-footer .fuctional-deps-modal-body {
  padding-bottom: 0;
}
.fuctional-deps-dialog-header {
  padding: 16px 24px 0;
  font-size: 20px;
  line-height: 1;
}
.fuctional-deps-dialog-header-icon {
  display: flex;
  justify-content: center;
}
.fuctional-deps-dialog-header-icon .fuctional-deps-info-icon {
  font-size: 48px;
}
.fuctional-deps-dialog-header-icon .fuctional-deps-info-icon.success {
  color: #2dcb56;
}
.fuctional-deps-dialog-header-icon .fuctional-deps-info-icon.warning {
  color: #ff9c01;
}
.fuctional-deps-dialog-header-icon .fuctional-deps-info-icon.danger {
  color: #ea3636;
}
.fuctional-deps-dialog-title {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  color: #313238;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fuctional-deps-dialog-tool {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 18px;
}
.fuctional-deps-dialog-tool.move {
  cursor: move;
}
.fuctional-deps-dialog-tool.content-dragging {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.fuctional-deps-dialog-content {
  max-height: calc(100vh - 300px);
  padding: 0 24px;
  margin-top: 16px;
  margin-bottom: 24px;
  color: #63656e;
}
.fuctional-deps-dialog-footer {
  padding: 8px 24px;
  background-color: #fafbfd;
  border-top: 1px solid #dcdee5;
}
.fuctional-deps-dialog-footer .fuctional-deps-dialog-perv {
  float: left;
  margin-right: 8px;
}
.fuctional-deps-dialog-footer .fuctional-deps-dialog-next {
  float: left;
}
.fuctional-deps-dialog-footer .fuctional-deps-dialog-cancel {
  margin-left: 8px;
}
.fuctional-deps-info-wrapper .fuctional-deps-modal-wrapper {
  width: 440px;
}
.fuctional-deps-info-wrapper .fuctional-deps-modal-wrapper .fuctional-deps-dialog-header .fuctional-deps-dialog-title {
  margin-top: 16px;
}
.fuctional-deps-info-wrapper .fuctional-deps-dialog-footer button {
  min-width: 88px;
}
.fuctional-deps-info-sub-title {
  text-align: center;
  word-break: break-all;
}
.fuctional-deps-modal-ctx {
  position: fixed;
  top: 0px;
  left: 0px;
  display: none;
  width: 100%;
  height: 100%;
  pointer-events: auto;
}
.fuctional-deps-modal-ctx.is-show {
  display: block;
}
.fuctional-deps-modal-ctx-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}
.fuctional-deps-modal-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 2px;
  transform: translate(-50%, -50%);
}
.fuctional-deps-modal-outside {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.fuctional-deps-modal-body {
  height: 100%;
  overflow: hidden;
  background: #fff;
  border-radius: 2px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.fuctional-deps-modal-content {
  max-height: 100vh;
  overflow: auto;
  scrollbar-gutter: stable;
}
.fuctional-deps-modal-close {
  position: absolute;
  top: 6px;
  right: 6px;
  display: flex;
  width: 32px;
  height: 32px;
  font-size: 18px;
  color: #979ba5;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: 0.15s;
}
.fuctional-deps-modal-close:hover {
  background: #f0f1f5;
}
.bk-functional-dependency {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 220px;
  font-size: 12px;
  color: #63656e;
}
.bk-functional-dependency .guide-title,
.bk-functional-dependency .guide-desc {
  width: 100%;
  line-height: 22px;
  letter-spacing: 0;
}
.bk-functional-dependency .functional-img,
.bk-functional-dependency .functional-title {
  display: flex;
  justify-content: center;
  width: 100%;
}
.bk-functional-dependency .functional-img {
  margin: auto;
  background: url("data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%20440%20200%27%20class=%27design-iconfont%27%3e%3cdefs%3e%3clinearGradient%20x1=%2750%25%27%20y1=%270%25%27%20x2=%2750%25%27%20y2=%2799.4589316%25%27%20id=%27f4s2n8qef__gi4tfhrz1a%27%3e%3cstop%20stop-color=%27%23F1F3F5%27%20offset=%270%25%27/%3e%3cstop%20stop-color=%27%23E1E3E6%27%20offset=%2799.1914336%25%27/%3e%3c/linearGradient%3e%3clinearGradient%20x1=%27100%25%27%20y1=%2750%25%27%20x2=%270%25%27%20y2=%2750%25%27%20id=%27f4s2n8qef__h4zkbk8k0c%27%3e%3cstop%20stop-color=%27%23F0F2F5%27%20offset=%270%25%27/%3e%3cstop%20stop-color=%27%23EBEDF0%27%20offset=%2736.1806163%25%27/%3e%3cstop%20stop-color=%27%23F5F7FA%27%20offset=%27100%25%27/%3e%3c/linearGradient%3e%3clinearGradient%20x1=%2750%25%27%20y1=%270%25%27%20x2=%2750%25%27%20y2=%2798.3664773%25%27%20id=%27f4s2n8qef__b72bmu8itb%27%3e%3cstop%20stop-color=%27%23FFF%27%20offset=%270%25%27/%3e%3cstop%20stop-color=%27%23EDEFF2%27%20offset=%27100%25%27/%3e%3c/linearGradient%3e%3clinearGradient%20x1=%2750%25%27%20y1=%270%25%27%20x2=%2750%25%27%20y2=%2798.6547401%25%27%20id=%27f4s2n8qef__l5oaabdr2d%27%3e%3cstop%20stop-color=%27%23F1F3F5%27%20offset=%270%25%27/%3e%3cstop%20stop-color=%27%23E1E3E6%27%20offset=%27100%25%27/%3e%3c/linearGradient%3e%3clinearGradient%20x1=%2750%25%27%20y1=%270%25%27%20x2=%2750%25%27%20y2=%2799.4589316%25%27%20id=%27f4s2n8qef__yrue9xkjre%27%3e%3cstop%20stop-color=%27%23ECEEF0%27%20offset=%270%25%27/%3e%3cstop%20stop-color=%27%23D7D9DB%27%20offset=%27100%25%27/%3e%3c/linearGradient%3e%3clinearGradient%20x1=%27100%25%27%20y1=%2750%25%27%20x2=%270%25%27%20y2=%2750%25%27%20id=%27f4s2n8qef__7uokq9jx5g%27%3e%3cstop%20stop-color=%27%23F0F2F5%27%20offset=%270%25%27/%3e%3cstop%20stop-color=%27%23EBEDF0%27%20offset=%2736.1806163%25%27/%3e%3cstop%20stop-color=%27%23F5F7FA%27%20offset=%27100%25%27/%3e%3c/linearGradient%3e%3clinearGradient%20x1=%2750%25%27%20y1=%270%25%27%20x2=%2750%25%27%20y2=%2798.3664773%25%27%20id=%27f4s2n8qef__dgfok8j64f%27%3e%3cstop%20stop-color=%27%23FFF%27%20offset=%270%25%27/%3e%3cstop%20stop-color=%27%23EDEFF2%27%20offset=%27100%25%27/%3e%3c/linearGradient%3e%3c/defs%3e%3cg%20fill=%27none%27%20fill-rule=%27evenodd%27%3e%3cg%20transform=%27translate%28198%208%29%27%3e%3crect%20fill=%27url%28%23f4s2n8qef__gi4tfhrz1a%29%27%20width=%2754%27%20height=%2756%27%20rx=%276%27/%3e%3crect%20stroke=%27url%28%23f4s2n8qef__b72bmu8itb%29%27%20fill=%27url%28%23f4s2n8qef__h4zkbk8k0c%29%27%20x=%276.5%27%20y=%273.5%27%20width=%2741%27%20height=%2743%27%20rx=%273%27/%3e%3c/g%3e%3cg%20transform=%27translate%28140%208%29%27%3e%3crect%20fill=%27url%28%23f4s2n8qef__gi4tfhrz1a%29%27%20width=%2754%27%20height=%2756%27%20rx=%276%27/%3e%3crect%20stroke=%27url%28%23f4s2n8qef__b72bmu8itb%29%27%20fill=%27url%28%23f4s2n8qef__h4zkbk8k0c%29%27%20x=%276.5%27%20y=%273.5%27%20width=%2741%27%20height=%2743%27%20rx=%273%27/%3e%3cpath%20d=%27M8.1875%204.9296875L4.921875%204.9296875%204.921875%208.1953125%203.28125%208.1953125%203.28125%204.9296875%200%204.9296875%200%203.28125%203.28125%203.28125%203.28125%200%204.921875%200%204.921875%203.28125%208.1875%203.28125z%27%20transform=%27translate%2813.992188%2010.9375%29%27%20fill=%27%23C4C6CC%27%20fill-rule=%27nonzero%27/%3e%3cpath%20d=%27M8.1875,1.65625%20L0,1.65625%20L0,0%20L8.1875,0%20L8.1875,1.65625%20Z%20M8.1875,5.3125%20L0,5.3125%20L0,3.65625%20L8.1875,3.65625%20L8.1875,5.3125%20Z%27%20transform=%27translate%2813.992188%2031.398438%29%27%20fill=%27%23C4C6CC%27%20fill-rule=%27nonzero%27/%3e%3c/g%3e%3cg%20transform=%27translate%28169%2068%29%27%3e%3crect%20fill=%27url%28%23f4s2n8qef__l5oaabdr2d%29%27%20width=%2754%27%20height=%2756%27%20rx=%276%27/%3e%3crect%20stroke=%27url%28%23f4s2n8qef__b72bmu8itb%29%27%20fill=%27url%28%23f4s2n8qef__h4zkbk8k0c%29%27%20x=%276.5%27%20y=%273.5%27%20width=%2741%27%20height=%2743%27%20rx=%273%27/%3e%3c/g%3e%3cg%20transform=%27translate%28128%20128%29%27%3e%3crect%20fill=%27url%28%23f4s2n8qef__gi4tfhrz1a%29%27%20width=%2754%27%20height=%2756%27%20rx=%276%27/%3e%3crect%20stroke=%27url%28%23f4s2n8qef__b72bmu8itb%29%27%20fill=%27url%28%23f4s2n8qef__h4zkbk8k0c%29%27%20x=%276.5%27%20y=%273.5%27%20width=%2741%27%20height=%2743%27%20rx=%273%27/%3e%3c/g%3e%3cpath%20d=%27M2.65625,0%20L2.34375,4.66796875%20L0.302734375,4.66796875%20L0,0%20L2.65625,0%20Z%20M6.7578125,0%20L6.42578125,4.67773438%20L4.4140625,4.67773438%20L4.09179688,0%20L6.7578125,0%20Z%27%20transform=%27translate%28140.826172%20140.873047%29%27%20fill=%27%23C4C6CC%27%20fill-rule=%27nonzero%27/%3e%3cpath%20d=%27M4.09472656,7.14355469%20C3.34277344,7.15266927%202.96679688,7.61979167%202.96679688,8.54492188%20L2.96679688,10.3017578%20C2.96679688,11.2633464%202.74804688,11.9526367%202.31054688,12.3696289%20C1.87304688,12.7866211%201.10286458,12.9951172%200,12.9951172%20L0,11.6621094%20C0.419270833,11.6621094%200.721191406,11.5607096%200.905761719,11.3579102%20C1.09033203,11.1551107%201.18261719,10.8121745%201.18261719,10.3291016%20L1.18261719,8.68847656%20C1.18261719,7.53092448%201.5563151,6.80859375%202.30371094,6.52148438%20L2.30371094,6.49414062%20C1.5563151,6.19335938%201.18261719,5.43684896%201.18261719,4.22460938%20L1.18261719,2.63867188%20C1.18261719,1.76822917%200.788411458,1.33300781%200,1.33300781%20L0,0%20C1.07096354,0%201.83317057,0.21077474%202.28662109,0.632324219%20C2.74007161,1.0538737%202.96679688,1.73632812%202.96679688,2.6796875%20L2.96679688,4.42285156%20C2.96679688,5.36621094%203.34277344,5.83789062%204.09472656,5.83789062%20L4.09472656,7.14355469%20Z%27%20transform=%27translate%28181.601562%2076.411133%29%27%20fill=%27%23C4C6CC%27%20fill-rule=%27nonzero%27/%3e%3cpath%20d=%27M1.77050781%2015.1142578L0%2015.1142578%200%200%201.77050781%200z%27%20transform=%27translate%28210.510742%2016.433594%29%27%20fill=%27%23C4C6CC%27%20fill-rule=%27nonzero%27/%3e%3cpath%20d=%27M6.97949219%2012.3457031L5.03125%2012.3457031%200%200%201.96191406%200z%27%20transform=%27translate%28208.979492%2036.411133%29%27%20fill=%27%23C4C6CC%27%20fill-rule=%27nonzero%27/%3e%3cpath%20d=%27M3.38378906%2012.9951172L0%2012.9951172%200%2011.5800781%201.55859375%2011.5800781%201.55859375%201.41503906%200%201.41503906%200%200%203.38378906%200z%27%20transform=%27translate%28181.505859%2097.411133%29%27%20fill=%27%23C4C6CC%27%20fill-rule=%27nonzero%27/%3e%3cpath%20d=%27M4.01367188%200L2.44140625%205.3125%200%205.3125%201.09375%200z%27%20transform=%27translate%28141.419922%20161.373047%29%27%20fill=%27%23C4C6CC%27%20fill-rule=%27nonzero%27/%3e%3cg%20transform=%27translate%28256%208%29%27%3e%3crect%20fill=%27url%28%23f4s2n8qef__gi4tfhrz1a%29%27%20width=%2754%27%20height=%2756%27%20rx=%276%27/%3e%3crect%20stroke=%27url%28%23f4s2n8qef__b72bmu8itb%29%27%20fill=%27url%28%23f4s2n8qef__h4zkbk8k0c%29%27%20x=%276.5%27%20y=%273.5%27%20width=%2741%27%20height=%2743%27%20rx=%273%27/%3e%3cpath%20d=%27M20.0235431,21.9831812%20L20.0234016,23.9991812%20L39,24%20L39,26%20L20.0234016,25.9991812%20L20.0235431,28%20L13.9624016,25.0108874%20L20.0235431,21.9831812%20Z%27%20fill=%27%23C4C6CC%27/%3e%3c/g%3e%3cpath%20d=%27M192,184%20C188.686292,184%20186,181.313708%20186,178%20L186,134%20C186,130.686292%20188.686292,128%20192,128%20L227,128%20L227,74%20C227,70.6862915%20229.686292,68%20233,68%20L304,68%20C307.313708,68%20310,70.6862915%20310,74%20L310,178%20C310,181.313708%20307.313708,184%20304,184%20L192,184%20Z%27%20fill=%27url%28%23f4s2n8qef__yrue9xkjre%29%27/%3e%3cpath%20d=%27M301,71.5%20C301.690356,71.5%20302.315356,71.779822%20302.767767,72.232233%20C303.220178,72.6846441%20303.5,73.3096441%20303.5,74%20L303.5,172%20C303.5,172.690356%20303.220178,173.315356%20302.767767,173.767767%20C302.315356,174.220178%20301.690356,174.5%20301,174.5%20L195,174.5%20C194.309644,174.5%20193.684644,174.220178%20193.232233,173.767767%20C192.779822,173.315356%20192.5,172.690356%20192.5,172%20L192.5,135%20C192.5,134.309644%20192.779822,133.684644%20193.232233,133.232233%20C193.684644,132.779822%20194.309644,132.5%20195,132.5%20L232.5,132.5%20L232.5,74%20C232.5,73.3096441%20232.779822,72.6846441%20233.232233,72.232233%20C233.684644,71.779822%20234.309644,71.5%20235,71.5%20Z%27%20stroke=%27url%28%23f4s2n8qef__dgfok8j64f%29%27%20fill=%27url%28%23f4s2n8qef__7uokq9jx5g%29%27/%3e%3cg%20fill=%27%23979BA5%27%20fill-rule=%27nonzero%27%3e%3cpath%20d=%27M12.3632812,9.48242188%20C12.3632812,13.9941406%2010.2669271,16.25%206.07421875,16.25%20C2.02473958,16.25%200,14.0527344%200,9.65820312%20L0,0.859375%20L3.23242188,0.859375%20L3.23242188,9.67773438%20C3.23242188,12.1972656%204.22526042,13.4570312%206.2109375,13.4570312%20C8.1640625,13.4570312%209.140625,12.2428385%209.140625,9.81445312%20L9.140625,0.859375%20L12.3632812,0.859375%20L12.3632812,9.48242188%20Z%27%20transform=%27translate%28204.591797%20143.013672%29%27/%3e%3cpath%20d=%27M18.5253906,14.6875%20L18.5253906,20.9570312%20L15.3710938,20.9570312%20L15.3710938,5.18554688%20L18.5253906,5.18554688%20L18.5253906,6.8359375%20L18.5644531,6.8359375%20C19.391276,5.55989583%2020.5598958,4.921875%2022.0703125,4.921875%20C23.4440104,4.921875%2024.5182292,5.40201823%2025.2929688,6.36230469%20C26.0677083,7.32259115%2026.4550781,8.62955729%2026.4550781,10.2832031%20C26.4550781,12.0865885%2026.0058594,13.531901%2025.1074219,14.6191406%20C24.2089844,15.7063802%2023.030599,16.25%2021.5722656,16.25%20C20.250651,16.25%2019.2480469,15.7291667%2018.5644531,14.6875%20L18.5253906,14.6875%20Z%20M18.4765625,11.2109375%20C18.4765625,11.9791667%2018.6848958,12.6074219%2019.1015625,13.0957031%20C19.5182292,13.5839844%2020.0585938,13.828125%2020.7226562,13.828125%20C21.5104167,13.828125%2022.1240234,13.5221354%2022.5634766,12.9101562%20C23.0029297,12.2981771%2023.2226562,11.4322917%2023.2226562,10.3125%20C23.2226562,8.33333333%2022.4511719,7.34375%2020.9082031,7.34375%20C20.1920573,7.34375%2019.6077474,7.6171875%2019.1552734,8.1640625%20C18.7027995,8.7109375%2018.4765625,9.4140625%2018.4765625,10.2734375%20L18.4765625,11.2109375%20Z%27%20transform=%27translate%28204.591797%20143.013672%29%27/%3e%3cpath%20d=%27M39.1308594,14.7949219%20C39.1308594,16.8001302%2038.5595703,18.3447266%2037.4169922,19.4287109%20C36.2744141,20.5126953%2034.6289062,21.0546875%2032.4804688,21.0546875%20C31.0221354,21.0546875%2029.8632812,20.8463542%2029.0039062,20.4296875%20L29.0039062,17.734375%20C30.1236979,18.3854167%2031.2532552,18.7109375%2032.3925781,18.7109375%20C33.5188802,18.7109375%2034.3994141,18.4098307%2035.0341797,17.8076172%20C35.6689453,17.2054036%2035.9863281,16.3704427%2035.9863281,15.3027344%20L35.9863281,14.4042969%20L35.9375,14.4042969%20C35.1757812,15.6347656%2034.0429688,16.25%2032.5390625,16.25%20C31.1783854,16.25%2030.0895182,15.764974%2029.2724609,14.7949219%20C28.4554036,13.8248698%2028.046875,12.5260417%2028.046875,10.8984375%20C28.046875,9.08203125%2028.4977214,7.63183594%2029.3994141,6.54785156%20C30.3011068,5.46386719%2031.484375,4.921875%2032.9492188,4.921875%20C34.2773438,4.921875%2035.2734375,5.43945312%2035.9375,6.47460938%20L35.9863281,6.47460938%20L35.9863281,5.18554688%20L39.1308594,5.18554688%20L39.1308594,14.7949219%20Z%20M36.015625,9.89257812%20C36.015625,9.17643229%2035.7991536,8.57259115%2035.3662109,8.08105469%20C34.9332682,7.58951823%2034.3880208,7.34375%2033.7304688,7.34375%20C32.9622396,7.34375%2032.3551432,7.64485677%2031.9091797,8.24707031%20C31.4632161,8.84928385%2031.2402344,9.69401042%2031.2402344,10.78125%20C31.2402344,11.7252604%2031.4550781,12.4690755%2031.8847656,13.0126953%20C32.3144531,13.5563151%2032.8841146,13.828125%2033.59375,13.828125%20C34.3098958,13.828125%2034.8925781,13.5514323%2035.3417969,12.9980469%20C35.7910156,12.4446615%2036.015625,11.7252604%2036.015625,10.8398438%20L36.015625,9.89257812%20Z%27%20transform=%27translate%28204.591797%20143.013672%29%27/%3e%3cpath%20d=%27M48.8671875,8.046875%20C48.4830729,7.82552083%2048.0175781,7.71484375%2047.4707031,7.71484375%20C46.7545573,7.71484375%2046.1865234,7.98828125%2045.7666016,8.53515625%20C45.3466797,9.08203125%2045.1367188,9.83398438%2045.1367188,10.7910156%20L45.1367188,15.9863281%20L41.9824219,15.9863281%20L41.9824219,5.18554688%20L45.1367188,5.18554688%20L45.1367188,7.21679688%20L45.1757812,7.21679688%20C45.6966146,5.73893229%2046.6438802,5%2048.0175781,5%20C48.3886719,5%2048.671875,5.04231771%2048.8671875,5.12695312%20L48.8671875,8.046875%20Z%27%20transform=%27translate%28204.591797%20143.013672%29%27/%3e%3cpath%20d=%27M50.7226562,5.83984375%20C51.2109375,5.56640625%2051.8636068,5.34505208%2052.6806641,5.17578125%20C53.4977214,5.00651042%2054.1959635,4.921875%2054.7753906,4.921875%20C57.796224,4.921875%2059.3066406,6.43554688%2059.3066406,9.46289062%20L59.3066406,15.9863281%20L56.3085938,15.9863281%20L56.3085938,14.4140625%20L56.2695312,14.4140625%20C55.5338542,15.6380208%2054.4563802,16.25%2053.0371094,16.25%20C52.014974,16.25%2051.1962891,15.9586589%2050.5810547,15.3759766%20C49.9658203,14.7932943%2049.6582031,14.000651%2049.6582031,12.9980469%20C49.6582031,10.9277344%2050.8919271,9.72330729%2053.359375,9.38476562%20L56.328125,8.984375%20C56.328125,7.72786458%2055.6738281,7.09960938%2054.3652344,7.09960938%20C53.0761719,7.09960938%2051.8619792,7.49023438%2050.7226562,8.27148438%20L50.7226562,5.83984375%20Z%20M54.2871094,11.09375%20C53.1477865,11.2434896%2052.578125,11.7578125%2052.578125,12.6367188%20C52.578125,13.0403646%2052.7164714,13.3658854%2052.9931641,13.6132812%20C53.2698568,13.8606771%2053.6425781,13.984375%2054.1113281,13.984375%20C54.7558594,13.984375%2055.2864583,13.7565104%2055.703125,13.3007812%20C56.1197917,12.8450521%2056.328125,12.2786458%2056.328125,11.6015625%20L56.328125,10.8300781%20L54.2871094,11.09375%20Z%27%20transform=%27translate%28204.591797%20143.013672%29%27/%3e%3cpath%20d=%27M72.4316406,15.9863281%20L69.2871094,15.9863281%20L69.2871094,14.4628906%20L69.2382812,14.4628906%20C68.4765625,15.6542969%2067.3502604,16.25%2065.859375,16.25%20C64.4856771,16.25%2063.3935547,15.764974%2062.5830078,14.7949219%20C61.7724609,13.8248698%2061.3671875,12.5032552%2061.3671875,10.8300781%20C61.3671875,9.05924479%2061.8212891,7.63183594%2062.7294922,6.54785156%20C63.6376953,5.46386719%2064.8242188,4.921875%2066.2890625,4.921875%20C67.6953125,4.921875%2068.6783854,5.4296875%2069.2382812,6.4453125%20L69.2871094,6.4453125%20L69.2871094,0%20L72.4316406,0%20L72.4316406,15.9863281%20Z%20M69.3359375,9.87304688%20C69.3359375,9.14388021%2069.1162109,8.54003906%2068.6767578,8.06152344%20C68.2373047,7.58300781%2067.6888021,7.34375%2067.03125,7.34375%20C66.2630208,7.34375%2065.6591797,7.64811198%2065.2197266,8.25683594%20C64.7802734,8.8655599%2064.5605469,9.69075521%2064.5605469,10.7324219%20C64.5605469,11.7220052%2064.7721354,12.4853516%2065.1953125,13.0224609%20C65.6184896,13.5595703%2066.2011719,13.828125%2066.9433594,13.828125%20C67.639974,13.828125%2068.2128906,13.5449219%2068.6621094,12.9785156%20C69.1113281,12.4121094%2069.3359375,11.6764323%2069.3359375,10.7714844%20L69.3359375,9.87304688%20Z%27%20transform=%27translate%28204.591797%20143.013672%29%27/%3e%3cpath%20d=%27M84.8925781,11.4746094%20L77.7832031,11.4746094%20C77.8938802,13.1477865%2078.9029948,13.984375%2080.8105469,13.984375%20C82.0019531,13.984375%2083.0533854,13.6914062%2083.9648438,13.1054688%20L83.9648438,15.4199219%20C82.9817708,15.9733073%2081.6927083,16.25%2080.0976562,16.25%20C78.3789062,16.25%2077.0426432,15.764974%2076.0888672,14.7949219%20C75.1350911,13.8248698%2074.6582031,12.4739583%2074.6582031,10.7421875%20C74.6582031,9.01692708%2075.1660156,7.6155599%2076.1816406,6.53808594%20C77.1972656,5.46061198%2078.4733073,4.921875%2080.0097656,4.921875%20C81.5397135,4.921875%2082.7360026,5.38574219%2083.5986328,6.31347656%20C84.461263,7.24121094%2084.8925781,8.515625%2084.8925781,10.1367188%20L84.8925781,11.4746094%20Z%20M81.953125,9.50195312%20C81.953125,7.88736979%2081.2988281,7.08007812%2079.9902344,7.08007812%20C79.4498698,7.08007812%2078.9713542,7.30143229%2078.5546875,7.74414062%20C78.1380208,8.18684896%2077.8776042,8.77278646%2077.7734375,9.50195312%20L81.953125,9.50195312%20Z%27%20transform=%27translate%28204.591797%20143.013672%29%27/%3e%3cpath%20d=%27M90.6347656,0.859375%20L90.2441406,11.328125%20L87.6855469,11.328125%20L87.3144531,0.859375%20L90.6347656,0.859375%20Z%20M87.1386719,14.5410156%20C87.1386719,14.0527344%2087.3177083,13.6523438%2087.6757812,13.3398438%20C88.0338542,13.0273438%2088.4733073,12.8710938%2088.9941406,12.8710938%20C89.5214844,12.8710938%2089.9593099,13.0289714%2090.3076172,13.3447266%20C90.6559245,13.6604818%2090.8300781,14.0592448%2090.8300781,14.5410156%20C90.8300781,15.0097656%2090.6608073,15.406901%2090.3222656,15.7324219%20C89.983724,16.0579427%2089.5768229,16.2207031%2089.1015625,16.2207031%20C88.5026042,16.2207031%2088.0257161,16.0579427%2087.6708984,15.7324219%20C87.3160807,15.406901%2087.1386719,15.0097656%2087.1386719,14.5410156%20Z%27%20transform=%27translate%28204.591797%20143.013672%29%27/%3e%3c/g%3e%3cpath%20d=%27M288,90%20L288,112%20L255,112%20L255,117%20L245,109%20L255,101%20L255,106%20L282,106%20L282,90%20L288,90%20Z%27%20fill=%27%23979BA5%27/%3e%3c/g%3e%3c/svg%3e") no-repeat center/contain;
}
.bk-functional-dependency .functional-title {
  color: #313238;
}
.bk-functional-dependency__dialog, .bk-functional-dependency__partial {
  padding: 0 48px;
  margin: -14px -24px -24px;
}
.bk-functional-dependency__dialog .functional-img, .bk-functional-dependency__partial .functional-img {
  height: 100px;
}
.bk-functional-dependency__dialog .functional-title, .bk-functional-dependency__partial .functional-title {
  margin: 8px 0 16px;
  font-size: 16px;
  line-height: 24px;
}
.bk-functional-dependency__dialog .guide-desc:last-child, .bk-functional-dependency__partial .guide-desc:last-child {
  margin-bottom: 24px;
}
.bk-functional-dependency__dialog .guide-more-btn, .bk-functional-dependency__partial .guide-more-btn {
  margin-top: 8px;
}
.bk-functional-dependency__partial {
  max-width: 420px;
  padding: 0;
  margin: auto;
}
.bk-functional-dependency__partial .functional-title {
  margin-bottom: 8px;
}
.bk-functional-dependency__page {
  max-width: 420px;
  margin: auto;
  font-size: 14px;
}
.bk-functional-dependency__page .functional-img {
  height: 200px;
}
.bk-functional-dependency__page .functional-title {
  margin: 8px 0 16px;
  font-size: 24px;
  line-height: 32px;
}
.bk-functional-dependency__page .guide-more-btn {
  margin-top: 24px;
}
.bk-functional-dependency .functional-desc {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 16px;
  line-height: 22px;
  letter-spacing: 0;
  white-space: wrap;
}

.bk-functional-dependency {
  max-width: 510px;
}


.ip-selector-dbm-whitelist-table .table-wrapper {
    overflow-y: auto;
    border-top: 1px solid #f0f1f5;
}
.ip-selector-dbm-whitelist-table .table-wrapper.not-empty {
      border-bottom: 1px solid #dcdee5;
}
.ip-selector-dbm-whitelist-table .table-wrapper table thead {
        position: sticky;
        top: 0;
        z-index: 99;
}
.ip-selector-dbm-whitelist-table .table-wrapper table tr:last-child td {
          border-bottom: none;
}
.ip-selector-dbm-whitelist-table .table-wrapper table .ip-list {
        padding: 8px 0;
}
.ip-selector-dbm-whitelist-table .table-wrapper table .ip-list span {
          display: inline-block;
}
.ip-selector-dbm-whitelist-table .table-wrapper .table-empty {
      margin-top: 75px;
      font-size: 12px;
      color: #63656e;
      text-align: center;
}
.ip-selector-dbm-whitelist-table .col-labels {
    display: flex;
    align-items: center;
}
.ip-selector-dbm-whitelist-table .col-labels .col-labels-item {
      display: flex;
      max-width: 80px;
      padding: 0 6px;
      margin-right: 6px;
      overflow: hidden;
      line-height: 22px;
      color: #63656e;
      text-overflow: ellipsis;
      white-space: nowrap;
      background-color: #f0f1f5;
      border-radius: 2px;
      align-items: center;
      justify-content: center;
}
.ip-selector-dbm-whitelist-table table {
    width: 100%;
    font-size: 12px;
    text-align: left;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
}
.ip-selector-dbm-whitelist-table table th,
    .ip-selector-dbm-whitelist-table table td {
      height: 40px;
      padding: 0 10px;
      background: #fff;
      border-bottom: 1px solid #dcdee5;
}
.ip-selector-dbm-whitelist-table table th .cell, .ip-selector-dbm-whitelist-table table td .cell {
        display: flex;
        align-items: center;
}
.ip-selector-dbm-whitelist-table table th .cell-text, .ip-selector-dbm-whitelist-table table td .cell-text {
        height: 20px;
        overflow: hidden;
        line-height: 20px;
        text-overflow: ellipsis;
        white-space: nowrap;
}
.ip-selector-dbm-whitelist-table table th .cell-append, .ip-selector-dbm-whitelist-table table td .cell-append {
        display: flex;
        height: 20px;
        line-height: 20px;
        align-items: center;
}
.ip-selector-dbm-whitelist-table table th {
      font-weight: normal;
      color: #313238;
      background: #f0f1f5;
      -webkit-user-select: none;
         -moz-user-select: none;
              user-select: none;
}
.ip-selector-dbm-whitelist-table table th:hover {
        background: #eaebf0;
}
.ip-selector-dbm-whitelist-table table td {
      color: #63656e;
      cursor: pointer;
}
.ip-selector-dbm-whitelist-table table tr:hover td {
          background-color: #f5f7fa;
}
.ip-selector-dbm-whitelist-table table .columu-fixed,
    .ip-selector-dbm-whitelist-table table .columu-fixed-right {
      position: sticky;
      z-index: 1;
}
.ip-selector-dbm-whitelist-table .bk-page {
    padding-left: 10px;
    margin-top: 8px;
}
.ip-selector-dbm-whitelist-table .bk-page .bk-page-total-small {
      height: 34px !important;
      margin-top: 2px !important;
      line-height: 34px !important;
}
.ip-selector-dbm-whitelist-table .bk-button-text {
    font-size: 12px !important;
}


.ip-selector-dbm-whitelist {
  height: 100%;
  padding: 0 0 16px 24px;
}
.ip-selector-dbm-whitelist .search-input {
    margin-bottom: 16px;
}


.host-table-column-setting-box {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  border-left: 1px solid rgb(220, 222, 229);
}
.host-table-column-setting-popover {
  width: 545px;
  padding-top: 24px;
  margin: -5px -9px;
  background: #fff;
  border-radius: 2px;
}
.host-table-column-setting-popover .setting-header {
    padding: 0 24px;
    font-size: 20px;
    line-height: 20px;
    color: #313238;
}
.host-table-column-setting-popover .column-list {
    display: flex;
    flex-wrap: wrap;
    padding: 0 24px 36px;
}
.host-table-column-setting-popover .column-item {
    display: flex;
    align-items: center;
    width: 165px;
    height: 32px;
    padding: 0 8px;
    margin-top: 16px;
    border-radius: 2px;
}
.host-table-column-setting-popover .column-item:hover {
      background: #f5f7fa;
}
.host-table-column-setting-popover .column-item:hover .column-item-drag {
        display: flex;
}
.host-table-column-setting-popover .column-item .bk-checkbox-text {
      display: inline-flex;
      align-items: center;
      font-size: 12px;
}
.host-table-column-setting-popover .column-item-drag {
    display: none;
    width: 16px;
    height: 16px;
    margin-left: auto;
    font-size: 12px;
    color: #979ba5;
    justify-content: center;
    align-items: center;
    cursor: move;
}
.host-table-column-setting-popover .output-flag {
    margin-left: 5px;
    font-size: 16px;
}
.host-table-column-setting-popover .setting-footer {
    display: flex;
    height: 50px;
    padding-right: 24px;
    background: #fafbfd;
    border-top: 1px solid #dcdee5;
    justify-content: flex-end;
    align-items: center;
}
.host-table-column-setting-popover .ghost {
    background: #c8ebfb;
    opacity: 0.5;
}


.ip-selector-host-table-filter {
  position: relative;
  padding-left: 4px;
  font-size: 12px;
  color: #c4c6cc;
}
.ip-selector-host-table-filter:hover .filter-menu {
      display: block;
}
.ip-selector-host-table-filter.active {
    color: #3a84ff;
}
.ip-selector-host-table-filter .filter-menu {
    position: absolute;
    display: none;
    font-size: 12px;
    line-height: 32px;
    color: #63656e;
    background: #fff;
    border: 1px solid #dcdee5;
    border-radius: 2px;
    transform: translateX(-50%);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
}
.ip-selector-host-table-filter .filter-menu .item {
      padding: 0 12px;
      word-break: keep-all;
      white-space: nowrap;
      cursor: pointer;
}
.ip-selector-host-table-filter .filter-menu .item:hover {
        color: #3a84ff;
        background: #f5f6fa;
}
.ip-selector-host-table-filter .filter-menu .item.active {
        color: #3a84ff;
        background-color: #f4f6fa;
}

.render-table-host-content {
  position: relative;
}
.render-table-host-content .talbe-content {
    position: relative;
    overflow-x: auto;
    border-top: 1px solid #f0f1f5;
}
.render-table-host-content .talbe-content table th:first-child, .render-table-host-content .talbe-content table td:first-child {
          position: sticky;
          left: 0;
}
.render-table-host-content .talbe-content .table-column-setting-btn {
      display: flex;
      color: #c4c6cc;
      align-items: center;
      justify-content: center;
      cursor: pointer;
}
.render-table-host-content .table-fixed-left {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
}
.render-table-host-content .table-fixed-right {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
}
.render-table-host-content .table-column-resize {
    position: absolute;
    top: 0;
    bottom: 0;
    display: none;
    width: 1px;
    background: #dfe0e5;
}
.render-table-host-content table {
    width: 100%;
    font-size: 12px;
    text-align: left;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
}
.render-table-host-content table th,
    .render-table-host-content table td {
      height: 40px;
      padding: 0 10px;
      background: #fff;
      border-bottom: 1px solid #dcdee5;
}
.render-table-host-content table th .cell, .render-table-host-content table td .cell {
        display: flex;
        align-items: center;
}
.render-table-host-content table th .cell-text, .render-table-host-content table td .cell-text {
        height: 20px;
        overflow: hidden;
        line-height: 20px;
        text-overflow: ellipsis;
        white-space: nowrap;
}
.render-table-host-content table th .cell-append, .render-table-host-content table td .cell-append {
        display: flex;
        height: 20px;
        line-height: 20px;
        align-items: center;
}
.render-table-host-content table th {
      font-weight: normal;
      color: #313238;
      background: #f0f1f5;
      -webkit-user-select: none;
         -moz-user-select: none;
              user-select: none;
}
.render-table-host-content table th:hover {
        background: #eaebf0;
}
.render-table-host-content table td {
      color: #63656e;
      cursor: pointer;
}
.render-table-host-content table tr:hover td {
          background-color: #f5f7fa;
}
.render-table-host-content table .columu-fixed,
    .render-table-host-content table .columu-fixed-right {
      position: sticky;
      z-index: 1;
}
.render-table-host-content .bk-page {
    padding-left: 10px;
    margin-top: 8px;
}
.render-table-host-content .bk-page .bk-page-total-small {
      height: 34px !important;
      margin-top: 2px !important;
      line-height: 34px !important;
}
.render-table-host-content .bk-button-text {
    font-size: 12px !important;
}


.ip-selector-agent-status {
  overflow: hidden;
  line-height: 1em;
  text-overflow: ellipsis;
  white-space: nowrap;
}


.ip-selector-host-table {
  position: relative;
  overflow: hidden;
}
.ip-selector-host-table .table-empty {
    padding-top: 75px;
    padding-bottom: 25px;
    font-size: 12px;
    line-height: 20px;
    color: #63656e;
    text-align: center;
}


.ip-selector-dynamic-group {
  display: flex;
  height: 100%;
}
.ip-selector-dynamic-group .tree-box {
    height: 100%;
    padding-right: 16px;
    padding-left: 16px;
}
.ip-selector-dynamic-group .tree-box .dynamic-group-list {
      max-height: calc(100% - 42px);
      overflow: auto;
}
.ip-selector-dynamic-group .tree-box .dynamic-group-item {
      display: flex;
      height: 32px;
      padding-right: 4px;
      padding-left: 4px;
      cursor: pointer;
      align-items: center;
}
.ip-selector-dynamic-group .tree-box .dynamic-group-item.active {
        color: #3a84ff;
        background: #e1ecff;
}
.ip-selector-dynamic-group .tree-box .dynamic-group-item.active .dynamic-group-tag {
          color: #fff;
          background: #a3c5fd;
}
.ip-selector-dynamic-group .tree-box .dynamic-group-item:hover {
        background: #f0f1f5;
}
.ip-selector-dynamic-group .tree-box .dynamic-group-item:hover .dynamic-group-name {
          margin-right: 5px;
}
.ip-selector-dynamic-group .tree-box .dynamic-group-item:hover .dynamic-group-detail-link {
          display: block;
}
.ip-selector-dynamic-group .tree-box .dynamic-group-item .dynamic-group-name {
        height: 18px;
        padding-left: 8px;
        margin-right: auto;
        overflow: hidden;
        font-size: 12px;
        line-height: 18px;
        text-overflow: ellipsis;
        white-space: nowrap;
        flex: 0 1 auto;
}
.ip-selector-dynamic-group .tree-box .dynamic-group-item .dynamic-group-detail-link {
        display: none;
        margin-right: auto;
        color: #3a84ff;
}
.ip-selector-dynamic-group .tree-box .dynamic-group-item .dynamic-group-tag {
        height: 18px;
        padding: 0 6px;
        margin-left: 5px;
        font-size: 12px;
        line-height: 18px;
        color: #979ba5;
        text-align: left;
        word-break: keep-all;
        background: #f0f1f5;
        border-radius: 2px;
}
.ip-selector-dynamic-group .table-box {
    flex: 1;
    padding-left: 24px;
}
.ip-selector-dynamic-group .create-dynamic-group {
    width: 100%;
    padding-top: 120px;
    text-align: center;
}


.ip-selector-table-tab {
  display: flex;
  padding: 0 8px;
  border-bottom: 1px solid #dcdee5;
}


.ip-selector-table-tab-item {
  position: relative;
  display: flex;
  height: 40px;
  padding: 0 8px;
  cursor: pointer;
  align-items: center;
}
.ip-selector-table-tab-item.active {
    color: #3a84ff;
    cursor: default;
}
.ip-selector-table-tab-item.active::after {
      position: absolute;
      right: 0;
      bottom: -1px;
      left: 0;
      border-bottom: 2px solid #3a84ff;
      content: "";
}
.ip-selector-table-tab-item ~ .ip-selector-table-tab-item {
    margin-left: 16px;
}


.render-host-table[data-v-bb8e22b8] {
  padding-top: 12px;
}

.ip-selector-node-table .node-talbe-wrapper {
    border-top: 1px solid #f0f1f5;
}
.ip-selector-node-table .table-empty {
    padding-top: 75px;
    padding-bottom: 25px;
    font-size: 12px;
    line-height: 20px;
    color: #63656e;
    text-align: center;
}
.ip-selector-node-table .agent-statistics-box {
    display: inline-flex;
    height: 24px;
    padding: 0 4px;
    align-items: center;
}
.ip-selector-node-table .agent-statistics-box .agent-desc {
      padding-right: 4px;
}
.ip-selector-node-table table {
    width: 100%;
    font-size: 12px;
    text-align: left;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
}
.ip-selector-node-table table th,
    .ip-selector-node-table table td {
      height: 40px;
      padding: 0 10px;
      background: #fff;
      border-bottom: 1px solid #dcdee5;
}
.ip-selector-node-table table th .cell, .ip-selector-node-table table td .cell {
        display: flex;
        align-items: center;
}
.ip-selector-node-table table th .cell-text, .ip-selector-node-table table td .cell-text {
        height: 20px;
        overflow: hidden;
        line-height: 20px;
        text-overflow: ellipsis;
        white-space: nowrap;
}
.ip-selector-node-table table th .cell-append, .ip-selector-node-table table td .cell-append {
        display: flex;
        height: 20px;
        line-height: 20px;
        align-items: center;
}
.ip-selector-node-table table th {
      font-weight: normal;
      color: #313238;
      background: #f0f1f5;
      -webkit-user-select: none;
         -moz-user-select: none;
              user-select: none;
}
.ip-selector-node-table table th:hover {
        background: #eaebf0;
}
.ip-selector-node-table table td {
      color: #63656e;
      cursor: pointer;
}
.ip-selector-node-table table tr:hover td {
          background-color: #f5f7fa;
}
.ip-selector-node-table table .columu-fixed,
    .ip-selector-node-table table .columu-fixed-right {
      position: sticky;
      z-index: 1;
}
.ip-selector-node-table .bk-page {
    padding-left: 10px;
    margin-top: 8px;
}
.ip-selector-node-table .bk-page .bk-page-total-small {
      height: 34px !important;
      margin-top: 2px !important;
      line-height: 34px !important;
}
.ip-selector-node-table .bk-button-text {
    font-size: 12px !important;
}

.ip-selector-dynamic-topo {
  display: flex;
  height: 100%;
}
.ip-selector-dynamic-topo .tree-box {
    height: 100%;
    padding-right: 16px;
    padding-left: 16px;
}
.ip-selector-dynamic-topo .tree-box .big-tree-box .bk-big-tree {
      position: relative;
      overflow: initial;
}
.ip-selector-dynamic-topo .tree-box .big-tree-box .bk-big-tree .bk-big-tree-node:hover{
          background: #F0F1F5;
}
.ip-selector-dynamic-topo .tree-box .big-tree-box .bk-big-tree .bk-big-tree-node .node-content {
          overflow: initial;
}
.ip-selector-dynamic-topo .tree-box .big-tree-box .bk-big-tree .bk-scroll{
        width: 100% !important;
}
.ip-selector-dynamic-topo .tree-box .big-tree-box .bk-big-tree .bk-min-nav,
      .ip-selector-dynamic-topo .tree-box .big-tree-box .bk-big-tree .bk-min-nav-slide{
        right: -8px;
}
.ip-selector-dynamic-topo .tree-box .topo-node-box {
    display: flex;
    padding-right: 3px;
    font-size: 12px;
    align-items: center;
    overflow: hidden;
}
.ip-selector-dynamic-topo .tree-box .topo-node-box:hover .topo-node-filter,
      .ip-selector-dynamic-topo .tree-box .topo-node-box:hover .topo-node-expand {
        opacity: 1 !important;
}
.ip-selector-dynamic-topo .tree-box .topo-node-name {
    flex: 0 1 auto;
    overflow: hidden;
    padding-right: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ip-selector-dynamic-topo .tree-box .topo-node-filter,
  .ip-selector-dynamic-topo .tree-box .topo-node-expand {
    padding: 0 3px;
    font-size: 16px;
    color: #979ba5;
    opacity: 0;
}
.ip-selector-dynamic-topo .tree-box .topo-node-filter:hover, .ip-selector-dynamic-topo .tree-box .topo-node-expand:hover {
      color: #3a84ff;
}
.ip-selector-dynamic-topo .tree-box .topo-node-count {
    flex: 0 1;
    height: 16px;
    padding: 0 6px;
    margin-left: auto;
    line-height: 16px;
    color: #979ba5;
    background: #f0f1f5;
    border-radius: 2px;
}
.ip-selector-dynamic-topo .tree-box .topo-node-count.is-selected {
      color: #fff;
      background: #A3C5FD;
}
.ip-selector-dynamic-topo .table-box {
    flex: 1;
    padding-left: 24px;
}
.ip-selector-dynamic-topo .create-dynamic-topo,
  .ip-selector-dynamic-topo .not-support-dynamic-topo {
    width: 100%;
    padding-top: 120px;
    text-align: center;
}


.ip-selector-attr-popover.tippy-popper .tippy-tooltip,
  .ip-selector-attr-popover.tippy-popper .tippy-content {
    padding: 0;
}
.ip-selector-add-attr {
  padding-left: 150px;
}
.ip-selector-add-attr .add-btn {
    display: flex;
    align-items: center;
    margin-top: 8px;
    font-size: 12px;
    color: #3a84ff;
    cursor: pointer;
}
.ip-selector-add-attr .add-btn:hover {
      color: #1768ef;
}
.ip-selector-add-attr .add-btn .add-icon {
      margin-right: 2px;
      color: #3a84ff;
}
.ip-selector-attr-groups .search-attr-input {
    padding: 12px 12px 0;
}
.ip-selector-attr-groups .group-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 22px;
    padding: 0 6px;
}
.ip-selector-attr-groups .group-header .title {
      color: #63656e;
}
.ip-selector-attr-groups .group-header .title .text {
        font-weight: 700;
        color: #313238;
}
.ip-selector-attr-groups .group-header .bk-checkbox-text {
      font-size: 12px;
}
.ip-selector-attr-groups .group-list-wrapper {
    max-height: 420px;
    padding: 0 8px;
    margin-top: 12px;
    overflow: auto;
}
.ip-selector-attr-groups .attr-list {
    display: flex;
    margin: 4px 0 12px;
    flex-wrap: wrap;
    gap: 3px 8px;
}
.ip-selector-attr-groups .attr-list .attr-item {
      position: relative;
      height: 32px;
      padding: 0 20px 0 6px;
      overflow: hidden;
      font-size: 18px;
      line-height: 32px;
      text-overflow: ellipsis;
      white-space: nowrap;
      cursor: pointer;
      flex: calc(50% - 4px);
      flex-grow: 0;
}
.ip-selector-attr-groups .attr-list .attr-item:hover {
        background: #f5f7fa;
        border-radius: 2px;
}
.ip-selector-attr-groups .attr-list .attr-item.checked {
        color: #3a84ff;
        background: #f5f7fa;
}
.ip-selector-attr-groups .attr-list .attr-item.checked .check-icon {
          display: block;
}
.ip-selector-attr-groups .attr-list .attr-item .name {
        font-size: 12px;
}
.ip-selector-attr-groups .attr-list .attr-item .check-icon {
        position: absolute;
        top: 50%;
        right: 4px;
        display: none;
        color: #3a84ff;
        transform: translateY(-50%);
}
.ip-selector-attr-groups .search-empty-content {
    padding: 60px 0;
    font-size: 12px;
    text-align: center;
}
.ip-selector-attr-groups .search-empty-content .bk-button-text {
      padding: 0;
      font-size: 12px;
}


.host-list-table[data-v-317d1210] {
  overflow: auto;
}
.host-list-table .search-input[data-v-317d1210] {
    width: 750px;
    margin-bottom: 20px;
}

.tippy-box[data-theme~=light]{color:#26323d;box-shadow:0 0 20px 4px rgba(154,161,177,.15),0 4px 80px -8px rgba(36,40,47,.25),0 4px 4px -2px rgba(91,94,105,.15);background-color:#fff}.tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow:before{border-top-color:#fff}.tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:#fff}.tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow:before{border-left-color:#fff}.tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow:before{border-right-color:#fff}.tippy-box[data-theme~=light]>.tippy-backdrop{background-color:#fff}.tippy-box[data-theme~=light]>.tippy-svg-arrow{fill:#fff}
@font-face {
	font-family: "bk-biz-components";
	src: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PgogIDwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCIgPgogIDxzdmc+CiAgPG1ldGFkYXRhPgogIENyZWF0ZWQgYnkgZm9udC1jYXJyaWVyCiAgPC9tZXRhZGF0YT4KICA8ZGVmcz4KICA8Zm9udCBpZD0iaWNvbmZvbnQiIGhvcml6LWFkdi14PSIxMDI0IiB2ZXJ0LWFkdi15PSIxMDI0IiA+CiAgICA8Zm9udC1mYWNlCiAgICAgIAogICAgICBmb250LWZhbWlseT0iaWNvbmZvbnQiCiAgICAgIAogICAgICBmb250LXdlaWdodD0iNDAwIgogICAgICAKICAgICAgZm9udC1zdHJldGNoPSJub3JtYWwiCiAgICAgIAogICAgICB1bml0cy1wZXItZW09IjEwMjQiCiAgICAgIAogICAgICBhc2NlbnQ9IjgxMiIKICAgICAgCiAgICAgIGRlc2NlbnQ9Ii0yMTIiCiAgICAgIAogICAgLz4KICAgICAgPG1pc3NpbmctZ2x5cGggLz4KCiAgICAgIAogICAgICA8Z2x5cGggZ2x5cGgtbmFtZT0ieCIgdW5pY29kZT0iJiN4Nzg7IiBob3Jpei1hZHYteD0iMTAwIgogICAgICAgIGQ9Ik0yMCAyMCBMNTAgMjAgTDUwIC0yMCBaIiAvPgogICAgICAKCiAgICAgIAogICAgICA8Z2x5cGggZ2x5cGgtbmFtZT0idW5pRTJENCIgdW5pY29kZT0iJiN4RTJENDsiIGQ9Ik02NzguNCA1MTQuNEw1MTIgMzQ0LjggMzQ1LjYgNTE0LjQgMjk3LjYgNDY2LjQgNDY3LjIgMzAwIDI5Ny42IDEzMy42IDM0NS42IDg1LjYgNTEyIDI1NS4yIDY3OC40IDg1LjYgNzI2LjQgMTMzLjYgNTU2LjggMzAwIDcyNi40IDQ2Ni40WiIgIGhvcml6LWFkdi14PSIxMDI0IiB2ZXJ0LWFkdi15PSIxMDI0IiAgLz4KCiAgICAgIAogICAgICA8Z2x5cGggZ2x5cGgtbmFtZT0idW5pRUU4QiIgdW5pY29kZT0iJiN4RUU4QjsiIGQ9Ik01MTIgODEyQzIyOS4yNDggODEyIDAgNTgyLjc1MiAwIDMwMFMyMjkuMjQ4LTIxMiA1MTItMjEyQzc5NC43NTItMjEyIDEwMjQgMTcuMjQ4IDEwMjQgMzAwUzc5NC43NTIgODEyIDUxMiA4MTJaTTc1OC40IDk4LjRDNzY0LjIwMjcgOTIuNTk3MyA3NjcuODI5MyA4NC41MzMzIDc2Ny44MjkzIDc1LjcwMTMgNzY3LjgyOTMgNTcuOTUyIDc1My40NTA3IDQzLjU3MzMgNzM1LjcwMTMgNDMuNTczMyA3MjYuODI2NyA0My41NzMzIDcxOC44MDUzIDQ3LjE1NzMgNzEyLjk2IDUzLjAwMjdMNTEyIDI1NC42MDI3IDMxMC40IDUzLjY0MjdDMzA0LjU5NzMgNDcuODQgMjk2LjUzMzMgNDQuMjEzMyAyODcuNjU4NyA0NC4yMTMzIDI2OS45MDkzIDQ0LjIxMzMgMjU1LjUzMDcgNTguNTkyIDI1NS41MzA3IDc2LjM0MTMgMjU1LjUzMDcgODUuMjE2IDI1OS4xMTQ3IDkzLjIzNzMgMjY0Ljk2IDk5LjA0TDQ2Ni41NiAzMDAgMjY1LjYgNTAxLjZDMjU5Ljc5NzMgNTA3LjQwMjcgMjU2LjE3MDcgNTE1LjQ2NjcgMjU2LjE3MDcgNTI0LjM0MTMgMjU2LjE3MDcgNTQyLjA5MDcgMjcwLjU0OTMgNTU2LjQ2OTMgMjg4LjI5ODcgNTU2LjQ2OTMgMjk3LjE3MzMgNTU2LjQ2OTMgMzA1LjE5NDcgNTUyLjg4NTMgMzExLjA0IDU0Ny4wNEw1MTIgMzQ1LjQ0IDcxMy42IDU0Ny4wNEM3MTkuNDAyNyA1NTIuODQyNyA3MjcuNDY2NyA1NTYuNDY5MyA3MzYuMzQxMyA1NTYuNDY5MyA3NTQuMDkwNyA1NTYuNDY5MyA3NjguNDY5MyA1NDIuMDkwNyA3NjguNDY5MyA1MjQuMzQxMyA3NjguNDY5MyA1MTUuNDY2NyA3NjQuODg1MyA1MDcuNDQ1MyA3NTkuMDQgNTAxLjZMNTU3LjQ0IDMwMFoiICBob3Jpei1hZHYteD0iMTAyNCIgdmVydC1hZHYteT0iMTAyNCIgIC8+CgogICAgICAKCiAgPC9mb250PgogIDwvZGVmcz4KPC9zdmc+#iconcool) format("svg"),
url(data:font/ttf;base64,AAEAAAALAIAAAwAwR1NVQrD+s+0AAAE4AAAAQk9TLzJW7k7uAAABfAAAAFZjbWFw1BV5rQAAAeQAAAGcZ2x5ZhUu3doAAAOMAAAA2GhlYWQZCtI7AAAA4AAAADZoaGVhB4oDMQAAALwAAAAkaG10eAxkAAAAAAHUAAAAEGxvY2EAeAAmAAADgAAAAAptYXhwARAANAAAARgAAAAgbmFtZZAIaAsAAARkAAAChXBvc3TCsWRfAAAG7AAAAD8AAQAAAyz/LABcBAAAAAAABAAAAQAAAAAAAAAAAAAAAAAAAAQAAQAAAAEAAHlsMoVfDzz1AAsEAAAAAADa9cdzAAAAANr1x3MAAP8sBAADLAAAAAgAAgAAAAAAAAABAAAABAAoAAIAAAAAAAIAAAAKAAoAAAD/AAAAAAAAAAEAAAAKAB4ALAABREZMVAAIAAQAAAAAAAAAAQAAAAFsaWdhAAgAAAABAAAAAQAEAAQAAAABAAgAAQAGAAAAAQAAAAAAAQMZAZAABQAIAokCzAAAAI8CiQLMAAAB6wAyAQgAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABAAHjuiwMs/ywAXAMsANQAAAABAAAAAAAABAAAAABkAAAEAAAABAAAAAAAAAUAAAADAAAALAAAAAQAAAFoAAEAAAAAAGIAAwABAAAALAADAAoAAAFoAAQANgAAAAgACAACAAAAeOLU7ov//wAAAHji1O6L//8AAAAAAAAAAQAIAAgACAAAAAEAAgADAAABBgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMAAAAAAA0AAAAAAAAAAMAAAB4AAAAeAAAAAEAAOLUAADi1AAAAAIAAO6LAADuiwAAAAMAAAAAAAwAJgBsAAAAAQAA/+wAMgAUAAIAADczFRQeFCgAAAAAAQAAAAAC1wIDAAsAAAEHJwcXBxc3FzcnNwKmpqYwqakwpqYwqakCAqmpMKamMKmpMKamAAIAAP8sBAADLAALACcAAAEGAAcWABc2ADcmABMWFAYiLwEHBiImND8BJyY0NjIfATc2MhYUDwECANr+3wUFASHa2gEhBQX+3xwJEhsJycoJGxIJyskJEhsJycoJGxIJygMsBf7f2tr+3wUFASHa2gEh/TsJGxIJyskJEhsJycoJGxIJysoJEhsJygAAAAASAN4AAQAAAAAAAAAdAAAAAQAAAAAAAQAIAB0AAQAAAAAAAgAHACUAAQAAAAAAAwAIACwAAQAAAAAABAAIADQAAQAAAAAABQALADwAAQAAAAAABgAIAEcAAQAAAAAACgArAE8AAQAAAAAACwATAHoAAwABBAkAAAA6AI0AAwABBAkAAQAQAMcAAwABBAkAAgAOANcAAwABBAkAAwAQAOUAAwABBAkABAAQAPUAAwABBAkABQAWAQUAAwABBAkABgAQARsAAwABBAkACgBWASsAAwABBAkACwAmAYEKICBDcmVhdGVkIGJ5IGZvbnQtY2FycmllcgogIGljb25mb250UmVndWxhcmljb25mb250aWNvbmZvbnRWZXJzaW9uIDEuMGljb25mb250R2VuZXJhdGVkIGJ5IHN2ZzJ0dGYgZnJvbSBGb250ZWxsbyBwcm9qZWN0Lmh0dHA6Ly9mb250ZWxsby5jb20ACgAgACAAQwByAGUAYQB0AGUAZAAgAGIAeQAgAGYAbwBuAHQALQBjAGEAcgByAGkAZQByAAoAIAAgAGkAYwBvAG4AZgBvAG4AdABSAGUAZwB1AGwAYQByAGkAYwBvAG4AZgBvAG4AdABpAGMAbwBuAGYAbwBuAHQAVgBlAHIAcwBpAG8AbgAgADEALgAwAGkAYwBvAG4AZgBvAG4AdABHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHMAdgBnADIAdAB0AGYAIABmAHIAbwBtACAARgBvAG4AdABlAGwAbABvACAAcAByAG8AagBlAGMAdAAuAGgAdAB0AHAAOgAvAC8AZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AAAAAAgAAAAAAAAAKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAQIBAwEEAQUAAXgHdW5pRTJENAd1bmlFRThCAAAA) format("truetype"),
url(data:font/woff;base64,d09GRgABAAAAAAScAAsAAAAABywAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFZW7k7uY21hcAAAAYAAAABoAAABnNQVea1nbHlmAAAB6AAAAKYAAADYFS7d2mhlYWQAAAKQAAAALwAAADYZCtI7aGhlYQAAAsAAAAAcAAAAJAeKAzFobXR4AAAC3AAAABAAAAAQDGQAAGxvY2EAAALsAAAACgAAAAoAeAAmbWF4cAAAAvgAAAAeAAAAIAEQADRuYW1lAAADGAAAAVcAAAKFkAhoC3Bvc3QAAARwAAAAKwAAAD/CsWRfeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BklmScwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGBwYKt51M+v812GIYdZhuAIUZgTJAQDayQt4eJxjYGBgZWBgYAZiHSBmYWBgzGBgZACBJKAoI1icmYELLM7CYAbkcwAhE5CueHTlXff//ygsEGAEq+AAs5hAJjOyMQwYYBw4q1EBD5g0gfJA4V0BxUAnProCwaBwfdcNwQzMANRSFP94nGWMQQqDMBBF/8RqCF0UbGoWlhZdmC6EihWz6KK3FTyKuUAhGy/QK1QbCwWhs3i8Yf4fEDC/UEOCAeZ2kCd5gR9awJ4swNYvXHPFlVFGG9Z1XdX31ZeM/cxz+TCXGwSl72jfisATqBamwD6RUX4lHuVF8yBdNG19JtPWidwRg5vGMKTMOcrCcBqPIk7FYEUaCzusPCj90a3C7/tfxi5u8QGxSDPXAAB4nGNgZGBgAOLKHKPWeH6brwzcLAwgcOvr8WIE/V+HhYFZB8jlYGACiQIANk0KxwB4nGNgZGBg1vmvwxDDwgACQJKRARWwAAAzWgHFBAAAAABkAAAEAAAABAAAAAAAAAAADAAmAGwAAHicY2BkYGBgYdBgYGIAARDJBYQMDP/BfAYADMwBRQAAeJxlkbtuwkAURMc88gApQomUJoq0TdIQzEOpUDokKCNR0BuzBiO/tF6QSJcPyHflE9Klyyekz2CuG8cr7547M3d9JQO4xjccnJ57vid2cMHqxDWc40G4Tv1JuEF+Fm6ijRfhM+oz4Ra6eBVu4wZvvMFpXLIa40PYQQefwjVc4Uu4Tv1HuEH+FW7i1mkKn6Hj3Am3sHC6wm08Ou8tpSZGe1av1PKggjSxPd8zJtSGTuinyVGa6/Uu8kxZludCmzxMEzV0B6U004k25W35fj2yNlCBSWM1paujKFWZSbfat+7G2mzc7weiu34aczzFNYGBhgfLfcV6iQP3ACkSaj349AxXSN9IT0j16JepOb01doiKbNWt1ovippz6sVYYwsXgX2rGVFIkq7Pl2PNrI6qW6eOshj0xaSq9mpNEZIWs8LZUfOouNkVXxp/d5woqebeYIf4D2J1ywQB4nGNgYoAALgbsgIWRiZGZkYWRlYGxgr00L9PVyMUETLtaODEwAAA+XAU1AA==) format("woff"),
url(data:application/vnd.ms-fontobject;base64,1AcAACwHAAABAAIAAAAAAAIABQMAAAAAAAABAJABAAAAAExQAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAhTJseQAAAAAAAAAAAAAAAAAAAAAAABAAaQBjAG8AbgBmAG8AbgB0AAAADgBSAGUAZwB1AGwAYQByAAAAFgBWAGUAcgBzAGkAbwBuACAAMQAuADAAAAAQAGkAYwBvAG4AZgBvAG4AdAAAAAAAAAEAAAALAIAAAwAwR1NVQrD+s+0AAAE4AAAAQk9TLzJW7k7uAAABfAAAAFZjbWFw1BV5rQAAAeQAAAGcZ2x5ZhUu3doAAAOMAAAA2GhlYWQZCtI7AAAA4AAAADZoaGVhB4oDMQAAALwAAAAkaG10eAxkAAAAAAHUAAAAEGxvY2EAeAAmAAADgAAAAAptYXhwARAANAAAARgAAAAgbmFtZZAIaAsAAARkAAAChXBvc3TCsWRfAAAG7AAAAD8AAQAAAyz/LABcBAAAAAAABAAAAQAAAAAAAAAAAAAAAAAAAAQAAQAAAAEAAHlsMoVfDzz1AAsEAAAAAADa9cdzAAAAANr1x3MAAP8sBAADLAAAAAgAAgAAAAAAAAABAAAABAAoAAIAAAAAAAIAAAAKAAoAAAD/AAAAAAAAAAEAAAAKAB4ALAABREZMVAAIAAQAAAAAAAAAAQAAAAFsaWdhAAgAAAABAAAAAQAEAAQAAAABAAgAAQAGAAAAAQAAAAAAAQMZAZAABQAIAokCzAAAAI8CiQLMAAAB6wAyAQgAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABAAHjuiwMs/ywAXAMsANQAAAABAAAAAAAABAAAAABkAAAEAAAABAAAAAAAAAUAAAADAAAALAAAAAQAAAFoAAEAAAAAAGIAAwABAAAALAADAAoAAAFoAAQANgAAAAgACAACAAAAeOLU7ov//wAAAHji1O6L//8AAAAAAAAAAQAIAAgACAAAAAEAAgADAAABBgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMAAAAAAA0AAAAAAAAAAMAAAB4AAAAeAAAAAEAAOLUAADi1AAAAAIAAO6LAADuiwAAAAMAAAAAAAwAJgBsAAAAAQAA/+wAMgAUAAIAADczFRQeFCgAAAAAAQAAAAAC1wIDAAsAAAEHJwcXBxc3FzcnNwKmpqYwqakwpqYwqakCAqmpMKamMKmpMKamAAIAAP8sBAADLAALACcAAAEGAAcWABc2ADcmABMWFAYiLwEHBiImND8BJyY0NjIfATc2MhYUDwECANr+3wUFASHa2gEhBQX+3xwJEhsJycoJGxIJyskJEhsJycoJGxIJygMsBf7f2tr+3wUFASHa2gEh/TsJGxIJyskJEhsJycoJGxIJysoJEhsJygAAAAASAN4AAQAAAAAAAAAdAAAAAQAAAAAAAQAIAB0AAQAAAAAAAgAHACUAAQAAAAAAAwAIACwAAQAAAAAABAAIADQAAQAAAAAABQALADwAAQAAAAAABgAIAEcAAQAAAAAACgArAE8AAQAAAAAACwATAHoAAwABBAkAAAA6AI0AAwABBAkAAQAQAMcAAwABBAkAAgAOANcAAwABBAkAAwAQAOUAAwABBAkABAAQAPUAAwABBAkABQAWAQUAAwABBAkABgAQARsAAwABBAkACgBWASsAAwABBAkACwAmAYEKICBDcmVhdGVkIGJ5IGZvbnQtY2FycmllcgogIGljb25mb250UmVndWxhcmljb25mb250aWNvbmZvbnRWZXJzaW9uIDEuMGljb25mb250R2VuZXJhdGVkIGJ5IHN2ZzJ0dGYgZnJvbSBGb250ZWxsbyBwcm9qZWN0Lmh0dHA6Ly9mb250ZWxsby5jb20ACgAgACAAQwByAGUAYQB0AGUAZAAgAGIAeQAgAGYAbwBuAHQALQBjAGEAcgByAGkAZQByAAoAIAAgAGkAYwBvAG4AZgBvAG4AdABSAGUAZwB1AGwAYQByAGkAYwBvAG4AZgBvAG4AdABpAGMAbwBuAGYAbwBuAHQAVgBlAHIAcwBpAG8AbgAgADEALgAwAGkAYwBvAG4AZgBvAG4AdABHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHMAdgBnADIAdAB0AGYAIABmAHIAbwBtACAARgBvAG4AdABlAGwAbABvACAAcAByAG8AagBlAGMAdAAuAGgAdAB0AHAAOgAvAC8AZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AAAAAAgAAAAAAAAAKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAQIBAwEEAQUAAXgHdW5pRTJENAd1bmlFRThCAAAA?#iefix) format("embedded-opentype");
    font-weight: normal;
    font-style: normal;
}

.bk-biz-components-icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'bk-biz-components' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  text-align: center;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.bk-biz-icon-close:before {
	content: "\e2d4";
}

.bk-biz-icon-close-circle-shape:before {
	content: "\ee8b";
}

.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}

.user-selector[data-v-a0776712] {
  display: block;
  width: 100%;
}
.attr-value .bk-select[data-v-a0776712] {
    font-size: 12px;
}


.render-expression-item[data-v-a8f03e62] {
  position: relative;
  display: flex;
  align-items: center;
  padding-right: 24px;
}
.render-expression-item:hover .del-icon[data-v-a8f03e62] {
      display: block;
}
.render-expression-item .bk-select[data-v-a8f03e62] {
    font-size: 12px;
}
.render-expression-item .attr-name[data-v-a8f03e62] {
    width: 142px;
    margin-right: 8px;
    font-size: 12px;
    line-height: 32px;
    color: #4d4f56;
    text-align: right;
    flex-shrink: 0;
}
.render-expression-item .operator-selector[data-v-a8f03e62] {
    flex-shrink: 0;
    width: 160px;
    margin-right: 8px;
}
.render-expression-item .attr-value[data-v-a8f03e62] {
    flex: 1;
}
.render-expression-item .del-icon[data-v-a8f03e62] {
    position: absolute;
    top: 9px;
    right: 4px;
    display: none;
    margin-left: 10px;
    font-size: 14px;
    color: #4d4f56;
    cursor: pointer;
}
.render-expression-item .del-icon[data-v-a8f03e62]:hover {
      color: #3a84ff;
}


.ip-selector-host-attribute[data-v-fff117cc] {
  height: 100%;
  padding-left: 24px;
}
.ip-selector-host-attribute .section-title[data-v-fff117cc] {
    display: flex;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    color: #4d4f56;
    align-items: center;
}
.ip-selector-host-attribute .section-title h4[data-v-fff117cc] {
      position: relative;
      padding-right: 10px;
}
.ip-selector-host-attribute .section-title h4[data-v-fff117cc]::after {
        position: absolute;
        top: 50%;
        display: inline-block;
        height: 8px;
        font-size: 12px;
        line-height: 1;
        color: #ea3636;
        vertical-align: middle;
        content: "*";
        transform: translate(3px, -50%);
}
.ip-selector-host-attribute .section-title .info-icon[data-v-fff117cc] {
      margin-left: 4px;
      color: #979ba5;
      cursor: pointer;
}
.ip-selector-host-attribute .section-title .info-icon[data-v-fff117cc]:hover {
        color: #3a84ff;
}
.ip-selector-host-attribute .expression-list-wrapper[data-v-fff117cc] {
    max-height: calc(100% - 100px);
    overflow: auto;
}
.ip-selector-host-attribute .expression-list-wrapper .render-expression-item[data-v-fff117cc] {
      margin-top: 12px;
}
.ip-selector-host-attribute .action-btns[data-v-fff117cc] {
    margin-top: 16px;
    margin-left: 150px;
}
.ip-selector-host-attribute .action-btns .bk-button[data-v-fff117cc] {
      min-width: 72px;
}
.ip-selector-host-attribute .action-btns .bk-button[data-v-fff117cc]:not(:last-of-type) {
        margin-right: 4px;
}


.ip-selector-manual-input {
  height: 100%;
}
.ip-selector-manual-input .custom-input {
    padding-right: 16px;
    padding-left: 16px;
}
.ip-selector-manual-input .custom-input .custom-input-parse-error {
      display: flex;
      margin-top: 7px;
      font-size: 12px;
      color: #ea3636;
}
.ip-selector-manual-input .custom-input .custom-input-parse-error .parse-error-btn {
        color: #979ba5;
        cursor: pointer;
}
.ip-selector-manual-input .custom-input .custom-input-action {
      display: flex;
      margin-top: 13px;
}
.ip-selector-manual-input .custom-input .bk-textarea-wrapper,
    .ip-selector-manual-input .custom-input .bk-form-textarea {
      height: 100% !important;
}
.ip-selector-manual-input .custom-input textarea::-moz-selection {
        color: #63656e;
        background: #fdd;
}
.ip-selector-manual-input .custom-input textarea::selection {
        color: #63656e;
        background: #fdd;
}
.ip-selector-manual-input .custom-input .parse-btn {
      flex: 1;
}
.ip-selector-manual-input .custom-input .clear-btn {
      width: 88px;
      margin-left: 8px;
}
.ip-selector-manual-input .host-table {
    flex: 1;
    padding-left: 16px;
}
.ip-selector-manual-input .host-search-box {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}
.ip-selector-manual-input .host-search-box .search-input {
      flex: 1;
}
.ip-selector-manual-input .host-search-box .bk-checkbox-text {
      font-size: 12px;
}

.ip-selector-service-instance-table .node-talbe-wrapper {
    /* overflow-y: auto; */
    border-top: 1px solid #f0f1f5;
}
.ip-selector-service-instance-table .node-talbe-wrapper.not-empty {
      border-bottom: 1px solid #dcdee5;
}
.ip-selector-service-instance-table .node-talbe-wrapper table tr:last-child td {
          border-bottom: none;
}
.ip-selector-service-instance-table .node-talbe-wrapper .table-empty {
      margin-top: 75px;
      font-size: 12px;
      color: #63656e;
      text-align: center;
}
.ip-selector-service-instance-table .col-labels {
    display: flex;
    align-items: center;
}
.ip-selector-service-instance-table .col-labels .col-labels-item {
      display: flex;
      max-width: 80px;
      padding: 0 6px;
      margin-right: 6px;
      overflow: hidden;
      line-height: 22px;
      color: #63656e;
      text-overflow: ellipsis;
      white-space: nowrap;
      background-color: #f0f1f5;
      border-radius: 2px;
      align-items: center;
      justify-content: center;
}
.ip-selector-service-instance-table table {
    width: 100%;
    font-size: 12px;
    text-align: left;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
}
.ip-selector-service-instance-table table th,
    .ip-selector-service-instance-table table td {
      height: 40px;
      padding: 0 10px;
      background: #fff;
      border-bottom: 1px solid #dcdee5;
}
.ip-selector-service-instance-table table th .cell, .ip-selector-service-instance-table table td .cell {
        display: flex;
        align-items: center;
}
.ip-selector-service-instance-table table th .cell-text, .ip-selector-service-instance-table table td .cell-text {
        height: 20px;
        overflow: hidden;
        line-height: 20px;
        text-overflow: ellipsis;
        white-space: nowrap;
}
.ip-selector-service-instance-table table th .cell-append, .ip-selector-service-instance-table table td .cell-append {
        display: flex;
        height: 20px;
        line-height: 20px;
        align-items: center;
}
.ip-selector-service-instance-table table th {
      font-weight: normal;
      color: #313238;
      background: #f0f1f5;
      -webkit-user-select: none;
         -moz-user-select: none;
              user-select: none;
}
.ip-selector-service-instance-table table th:hover {
        background: #eaebf0;
}
.ip-selector-service-instance-table table td {
      color: #63656e;
      cursor: pointer;
}
.ip-selector-service-instance-table table tr:hover td {
          background-color: #f5f7fa;
}
.ip-selector-service-instance-table table .columu-fixed,
    .ip-selector-service-instance-table table .columu-fixed-right {
      position: sticky;
      z-index: 1;
}
.ip-selector-service-instance-table .bk-page {
    padding-left: 10px;
    margin-top: 8px;
}
.ip-selector-service-instance-table .bk-page .bk-page-total-small {
      height: 34px !important;
      margin-top: 2px !important;
      line-height: 34px !important;
}
.ip-selector-service-instance-table .bk-button-text {
    font-size: 12px !important;
}

.ip-selector-service-instance {
  height: 100%;
}
.ip-selector-service-instance .tree-box {
    height: 100%;
    padding-right: 16px;
    padding-left: 16px;
    overflow: auto;
}
.ip-selector-service-instance .tree-box .big-tree-box .bk-big-tree {
      position: relative;
      overflow: initial;
}
.ip-selector-service-instance .tree-box .big-tree-box .bk-big-tree .bk-big-tree-node:hover{
          background: #F0F1F5;
}
.ip-selector-service-instance .tree-box .big-tree-box .bk-big-tree .bk-big-tree-node .node-content {
          overflow: initial;
}
.ip-selector-service-instance .tree-box .big-tree-box .bk-big-tree .bk-scroll{
        width: 100% !important;
}
.ip-selector-service-instance .tree-box .big-tree-box .bk-big-tree .bk-min-nav,
      .ip-selector-service-instance .tree-box .big-tree-box .bk-big-tree .bk-min-nav-slide{
        right: -8px;
}
.ip-selector-service-instance .tree-box .topo-node-box {
    display: flex;
    padding-right: 3px;
    font-size: 12px;
    align-items: center;
    overflow: hidden;
}
.ip-selector-service-instance .tree-box .topo-node-box:hover .topo-node-filter,
      .ip-selector-service-instance .tree-box .topo-node-box:hover .topo-node-expand {
        opacity: 1 !important;
}
.ip-selector-service-instance .tree-box .topo-node-name {
    flex: 0 1 auto;
    overflow: hidden;
    padding-right: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ip-selector-service-instance .tree-box .topo-node-filter,
  .ip-selector-service-instance .tree-box .topo-node-expand {
    padding: 0 3px;
    font-size: 16px;
    color: #979ba5;
    opacity: 0;
}
.ip-selector-service-instance .tree-box .topo-node-filter:hover, .ip-selector-service-instance .tree-box .topo-node-expand:hover {
      color: #3a84ff;
}
.ip-selector-service-instance .tree-box .topo-node-count {
    flex: 0 1;
    height: 16px;
    padding: 0 6px;
    margin-left: auto;
    line-height: 16px;
    color: #979ba5;
    background: #f0f1f5;
    border-radius: 2px;
}
.ip-selector-service-instance .tree-box .topo-node-count.is-selected {
      color: #fff;
      background: #A3C5FD;
}
.ip-selector-service-instance .host-table {
    flex: 1;
    padding-left: 24px;
}
.ip-selector-service-instance .create-static-topo {
    width: 100%;
    padding-top: 120px;
    text-align: center;
}

.ip-selector-template-table .node-talbe-wrapper {
    border-top: 1px solid #f0f1f5;
}
.ip-selector-template-table .node-talbe-wrapper.not-empty {
      border-bottom: 1px solid #dcdee5;
}
.ip-selector-template-table .node-talbe-wrapper table tr:last-child td {
          border-bottom: none;
}
.ip-selector-template-table .node-talbe-wrapper .table-empty {
      margin-top: 75px;
      font-size: 12px;
      color: #63656e;
      text-align: center;
}
.ip-selector-template-table .agent-statistics-box {
    display: inline-flex;
    height: 24px;
    padding: 0 4px;
    align-items: center;
}
.ip-selector-template-table .agent-statistics-box .agent-desc {
      padding-right: 4px;
}
.ip-selector-template-table table {
    width: 100%;
    font-size: 12px;
    text-align: left;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
}
.ip-selector-template-table table th,
    .ip-selector-template-table table td {
      height: 40px;
      padding: 0 10px;
      background: #fff;
      border-bottom: 1px solid #dcdee5;
}
.ip-selector-template-table table th .cell, .ip-selector-template-table table td .cell {
        display: flex;
        align-items: center;
}
.ip-selector-template-table table th .cell-text, .ip-selector-template-table table td .cell-text {
        height: 20px;
        overflow: hidden;
        line-height: 20px;
        text-overflow: ellipsis;
        white-space: nowrap;
}
.ip-selector-template-table table th .cell-append, .ip-selector-template-table table td .cell-append {
        display: flex;
        height: 20px;
        line-height: 20px;
        align-items: center;
}
.ip-selector-template-table table th {
      font-weight: normal;
      color: #313238;
      background: #f0f1f5;
      -webkit-user-select: none;
         -moz-user-select: none;
              user-select: none;
}
.ip-selector-template-table table th:hover {
        background: #eaebf0;
}
.ip-selector-template-table table td {
      color: #63656e;
      cursor: pointer;
}
.ip-selector-template-table table tr:hover td {
          background-color: #f5f7fa;
}
.ip-selector-template-table table .columu-fixed,
    .ip-selector-template-table table .columu-fixed-right {
      position: sticky;
      z-index: 1;
}
.ip-selector-template-table .bk-page {
    padding-left: 10px;
    margin-top: 8px;
}
.ip-selector-template-table .bk-page .bk-page-total-small {
      height: 34px !important;
      margin-top: 2px !important;
      line-height: 34px !important;
}
.ip-selector-template-table .bk-button-text {
    font-size: 12px !important;
}


.ip-selector-service-template {
  display: flex;
  height: 100%;
}
.ip-selector-service-template .tree-box {
    height: 100%;
    padding-right: 16px;
    padding-left: 16px;
}
.ip-selector-service-template .tree-box .service-template-list {
      max-height: calc(100% - 42px);
      overflow: auto;
}
.ip-selector-service-template .tree-box .service-template-item {
      display: flex;
      height: 32px;
      padding-left: 4px;
      cursor: pointer;
      align-items: center;
}
.ip-selector-service-template .tree-box .service-template-item.active {
        color: #3a84ff;
        background: #e1ecff;
}
.ip-selector-service-template .tree-box .service-template-item.active .service-template-tag {
          color: #fff;
          background: #a3c5fd;
}
.ip-selector-service-template .tree-box .service-template-item:hover {
        background: #f0f1f5;
}
.ip-selector-service-template .tree-box .service-template-item:hover .service-template-name {
          margin-right: 5px;
}
.ip-selector-service-template .tree-box .service-template-item:hover .service-template-detail-link {
          display: block;
}
.ip-selector-service-template .tree-box .service-template-item .service-template-name {
        height: 18px;
        padding-left: 8px;
        margin-right: auto;
        overflow: hidden;
        font-size: 12px;
        line-height: 18px;
        text-overflow: ellipsis;
        white-space: nowrap;
        flex: 0 1 auto;
}
.ip-selector-service-template .tree-box .service-template-item .service-template-detail-link {
        display: none;
        margin-right: auto;
        color: #3a84ff;
}
.ip-selector-service-template .tree-box .service-template-item .service-template-tag {
        height: 18px;
        padding: 0 6px;
        margin-left: 5px;
        font-size: 12px;
        line-height: 18px;
        color: #979ba5;
        text-align: left;
        word-break: keep-all;
        background: #f0f1f5;
        border-radius: 2px;
}
.ip-selector-service-template .table-box {
    flex: 1;
    padding-left: 24px;
}
.ip-selector-service-template .create-service-template {
    width: 100%;
    padding-top: 120px;
    text-align: center;
}

.ip-selector-template-table .node-talbe-wrapper {
    /* overflow-y: auto; */
    border-top: 1px solid #f0f1f5;
}
.ip-selector-template-table .node-talbe-wrapper.not-empty {
      border-bottom: 1px solid #dcdee5;
}
.ip-selector-template-table .node-talbe-wrapper table tr:last-child td {
          border-bottom: none;
}
.ip-selector-template-table .node-talbe-wrapper .table-empty {
      margin-top: 75px;
      font-size: 12px;
      color: #63656e;
      text-align: center;
}
.ip-selector-template-table .agent-statistics-box {
    display: inline-flex;
    height: 24px;
    padding: 0 4px;
    align-items: center;
}
.ip-selector-template-table .agent-statistics-box .agent-desc {
      padding-right: 4px;
}
.ip-selector-template-table table {
    width: 100%;
    font-size: 12px;
    text-align: left;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
}
.ip-selector-template-table table th,
    .ip-selector-template-table table td {
      height: 40px;
      padding: 0 10px;
      background: #fff;
      border-bottom: 1px solid #dcdee5;
}
.ip-selector-template-table table th .cell, .ip-selector-template-table table td .cell {
        display: flex;
        align-items: center;
}
.ip-selector-template-table table th .cell-text, .ip-selector-template-table table td .cell-text {
        height: 20px;
        overflow: hidden;
        line-height: 20px;
        text-overflow: ellipsis;
        white-space: nowrap;
}
.ip-selector-template-table table th .cell-append, .ip-selector-template-table table td .cell-append {
        display: flex;
        height: 20px;
        line-height: 20px;
        align-items: center;
}
.ip-selector-template-table table th {
      font-weight: normal;
      color: #313238;
      background: #f0f1f5;
      -webkit-user-select: none;
         -moz-user-select: none;
              user-select: none;
}
.ip-selector-template-table table th:hover {
        background: #eaebf0;
}
.ip-selector-template-table table td {
      color: #63656e;
      cursor: pointer;
}
.ip-selector-template-table table tr:hover td {
          background-color: #f5f7fa;
}
.ip-selector-template-table table .columu-fixed,
    .ip-selector-template-table table .columu-fixed-right {
      position: sticky;
      z-index: 1;
}
.ip-selector-template-table .bk-page {
    padding-left: 10px;
    margin-top: 8px;
}
.ip-selector-template-table .bk-page .bk-page-total-small {
      height: 34px !important;
      margin-top: 2px !important;
      line-height: 34px !important;
}
.ip-selector-template-table .bk-button-text {
    font-size: 12px !important;
}


.ip-selector-set-template {
  display: flex;
  height: 100%;
}
.ip-selector-set-template .tree-box {
    height: 100%;
    padding-right: 16px;
    padding-left: 16px;
}
.ip-selector-set-template .tree-box .set-template-list {
      max-height: calc(100% - 42px);
      overflow: auto;
}
.ip-selector-set-template .tree-box .set-template-item {
      display: flex;
      height: 32px;
      padding-left: 4px;
      cursor: pointer;
      align-items: center;
}
.ip-selector-set-template .tree-box .set-template-item.active {
        color: #3a84ff;
        background: #e1ecff;
}
.ip-selector-set-template .tree-box .set-template-item.active .set-template-tag {
          color: #fff;
          background: #a3c5fd;
}
.ip-selector-set-template .tree-box .set-template-item:hover {
        background: #f0f1f5;
}
.ip-selector-set-template .tree-box .set-template-item:hover .set-template-name {
          margin-right: 5px;
}
.ip-selector-set-template .tree-box .set-template-item:hover .set-template-detail-link {
          display: block;
}
.ip-selector-set-template .tree-box .set-template-item .set-template-name {
        height: 18px;
        padding-left: 8px;
        margin-right: auto;
        overflow: hidden;
        font-size: 12px;
        line-height: 18px;
        text-overflow: ellipsis;
        white-space: nowrap;
        flex: 0 1 auto;
}
.ip-selector-set-template .tree-box .set-template-item .set-template-detail-link {
        display: none;
        margin-right: auto;
        color: #3a84ff;
}
.ip-selector-set-template .tree-box .set-template-item .set-template-tag {
        height: 18px;
        padding: 0 6px;
        margin-left: 5px;
        font-size: 12px;
        line-height: 18px;
        color: #979ba5;
        text-align: left;
        word-break: keep-all;
        background: #f0f1f5;
        border-radius: 2px;
}
.ip-selector-set-template .table-box {
    flex: 1;
    padding-left: 24px;
}
.ip-selector-set-template .create-set-template {
    width: 100%;
    padding-top: 120px;
    text-align: center;
}

.ip-selector-static-topo {
  height: 100%;
}
.ip-selector-static-topo .tree-box {
    height: 100%;
    padding-right: 16px;
    padding-left: 16px;
}
.ip-selector-static-topo .tree-box .big-tree-box .bk-big-tree {
      position: relative;
      overflow: initial;
}
.ip-selector-static-topo .tree-box .big-tree-box .bk-big-tree .bk-big-tree-node:hover{
          background: #F0F1F5;
}
.ip-selector-static-topo .tree-box .big-tree-box .bk-big-tree .bk-big-tree-node .node-content {
          overflow: initial;
}
.ip-selector-static-topo .tree-box .big-tree-box .bk-big-tree .bk-scroll{
        width: 100% !important;
}
.ip-selector-static-topo .tree-box .big-tree-box .bk-big-tree .bk-min-nav,
      .ip-selector-static-topo .tree-box .big-tree-box .bk-big-tree .bk-min-nav-slide{
        right: -8px;
}
.ip-selector-static-topo .tree-box .topo-node-box {
    display: flex;
    padding-right: 3px;
    font-size: 12px;
    align-items: center;
    overflow: hidden;
}
.ip-selector-static-topo .tree-box .topo-node-box:hover .topo-node-filter,
      .ip-selector-static-topo .tree-box .topo-node-box:hover .topo-node-expand {
        opacity: 1 !important;
}
.ip-selector-static-topo .tree-box .topo-node-name {
    flex: 0 1 auto;
    overflow: hidden;
    padding-right: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ip-selector-static-topo .tree-box .topo-node-filter,
  .ip-selector-static-topo .tree-box .topo-node-expand {
    padding: 0 3px;
    font-size: 16px;
    color: #979ba5;
    opacity: 0;
}
.ip-selector-static-topo .tree-box .topo-node-filter:hover, .ip-selector-static-topo .tree-box .topo-node-expand:hover {
      color: #3a84ff;
}
.ip-selector-static-topo .tree-box .topo-node-count {
    flex: 0 1;
    height: 16px;
    padding: 0 6px;
    margin-left: auto;
    line-height: 16px;
    color: #979ba5;
    background: #f0f1f5;
    border-radius: 2px;
}
.ip-selector-static-topo .tree-box .topo-node-count.is-selected {
      color: #fff;
      background: #A3C5FD;
}
.ip-selector-static-topo .host-table {
    flex: 1;
    padding-left: 24px;
}
.ip-selector-static-topo .host-search-box {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}
.ip-selector-static-topo .host-search-box .search-input {
      flex: 1;
}
.ip-selector-static-topo .host-search-box .bk-checkbox-text {
      font-size: 12px;
}
.ip-selector-static-topo .create-static-topo {
    width: 100%;
    padding-top: 120px;
    text-align: center;
}


.ip-selector-panel-content {
  height: 100%;
  padding: 16px 24px 0 0;
}


.ip-selector-host-panel-tab {
  display: flex;
  background: #fafbfd;
  border-bottom: 1px solid #dcdee5;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.ip-selector-host-panel-tab .ip-selector-host-panel-tab-item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    height: 40px;
    color: #63656e;
    text-align: center;
    cursor: pointer;
    border-right: 1px solid #dcdee5;
}
.ip-selector-host-panel-tab .ip-selector-host-panel-tab-item:hover .drag-btn {
        opacity: 1;
}
.ip-selector-host-panel-tab .ip-selector-host-panel-tab-item.active {
      position: relative;
      color: #313238;
      cursor: default;
      background: #fff;
}
.ip-selector-host-panel-tab .ip-selector-host-panel-tab-item.active::after {
        position: absolute;
        bottom: -2px;
        left: 0;
        width: 100%;
        height: 3px;
        background: #fff;
        content: "";
}
.ip-selector-host-panel-tab .ip-selector-host-panel-tab-item.disabled {
      color: #c4c6cc;
      cursor: not-allowed;
}
.ip-selector-host-panel-tab .ip-selector-host-panel-tab-item .drag-btn {
      position: absolute;
      left: 10px;
      font-size: 12px;
      color: #979ba5;
      cursor: move;
      opacity: 0;
      transition: all 0.15s;
}
.ip-selector-host-panel-tab .ip-selector-host-panel-tab-item:last-child {
      border-right: none;
}
.ip-selector-host-panel-tab .ghost {
    background: #eaebf0;
}
.ip-selector-host-panel-tab .ghost > * {
      display: none;
}
.ip-selector-host-panel-tab .ghost::before {
      font-size: 12px;
      color: #c4c6cc;
      content: "放在这里";
}


.ip-selector-preview-output-field {
  position: relative;
  z-index: 1;
  height: 40px;
  box-shadow: 0 -4px 10px 0 rgba(0, 0, 0, 0.08);
}
.ip-selector-preview-output-field .view-box {
    display: flex;
    height: 100%;
    padding-right: 42px;
    padding-left: 24px;
    font-size: 12px;
    background: #fff;
    align-items: center;
}
.ip-selector-preview-output-field .view-box .view-box-label {
      font-weight: bold;
      color: #313238;
      white-space: nowrap;
}
.ip-selector-preview-output-field .view-box .view-box-text {
      margin-right: 4px;
      margin-left: 4px;
      overflow: hidden;
      font-size: 12px;
      font-weight: normal;
      color: #63656e;
      text-overflow: ellipsis;
      white-space: nowrap;
      flex: 1 1 auto;
}
.ip-selector-preview-output-field .view-box .view-box-toggle {
      display: inline-block;
      padding: 0 4px;
      line-height: 18px;
      color: #63656e;
      background: #f0f1f5;
      border-radius: 2px;
}
.ip-selector-preview-output-field .edit-btn {
    position: absolute;
    top: 0;
    right: 24px;
    display: flex;
    height: 100%;
    align-items: center;
    cursor: pointer;
}
.ip-selector-preview-output-field .edit-btn:hover {
      color: #3a84ff;
}
.ip-selector-output-field-select {
  margin: -5px -9px;
}
.ip-selector-output-field-select .header {
    display: flex;
    padding: 16px 16px 14px;
    font-size: 14px;
    color: #63656e;
}
.ip-selector-output-field-select .header .reset-btn {
      margin-left: auto;
      font-size: 12px;
}
.ip-selector-output-field-select .field-item {
    display: flex;
    height: 36px;
    min-width: 238px;
    padding: 0 16px;
    align-items: center;
}
.ip-selector-output-field-select .field-wrapper {
    max-height: 220px;
    padding: 8px 0;
    overflow-y: auto;
}


.ip-selector-extend-flod-box {
  display: flex;
}
.ip-selector-extend-flod-box .wrapper {
    display: flex;
    width: 100%;
    align-items: center;
}
.ip-selector-extend-flod-box .flod-flag {
    display: inline-flex;
    margin-left: auto;
    font-size: 12px;
    transform: rotateZ(180deg);
}
.ip-selector-extend-flod-box-popover {
  margin: -1px -9px;
  font-size: 12px;
  line-height: 32px;
  color: #63656e;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.ip-selector-extend-flod-box-popover > * {
    padding: 0 16px;
    word-break: keep-all;
    white-space: nowrap;
    cursor: pointer;
}
.ip-selector-extend-flod-box-popover > *:hover {
      color: #3a84ff;
      background: #f5f6fa;
}


[data-theme~="bk-ip-selector-extend-action"] .tippy-arrow {
    left: -8px !important;
}
.ip-selector-extend-action {
  display: flex;
  align-items: center;
}
.ip-selector-extend-action .handler-btn {
    display: flex;
    width: 20px;
    height: 20px;
    font-size: 12px;
    cursor: pointer;
    border-radius: 2px;
    justify-content: center;
    align-items: center;
}
.ip-selector-extend-action .handler-btn.active,
    .ip-selector-extend-action .handler-btn:hover {
      color: #3a84ff;
      background: #e1ecff;
}
.ip-selector-extend-action-popover {
  margin: -1px -9px;
  font-size: 12px;
  line-height: 32px;
  color: #63656e;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.ip-selector-extend-action-popover > * {
    padding: 0 12px;
    word-break: keep-all;
    white-space: nowrap;
    cursor: pointer;
}
.ip-selector-extend-action-popover > *.active,
    .ip-selector-extend-action-popover > *:hover {
      color: #3a84ff;
      background: #f5f6fa;
}


.ip-selector-diff-tag[data-v-01f2494a] {
  display: flex;
  align-content: center;
  font-size: 20px;
}


.result-preview-item[data-v-31d6f826] {
  display: flex;
  height: 32px;
  padding: 0 12px;
  overflow: hidden;
  font-size: 12px;
  color: #63656e;
  background: #fff;
  border-radius: 2px;
  opacity: 1;
  transition: all 0.15s;
  align-items: center;
}
.result-preview-item[data-v-31d6f826]:nth-child(n+2) {
    margin-top: 2px;
}
.result-preview-item[data-v-31d6f826]:hover {
    background: #e1ecff;
}
.result-preview-item:hover .item-action[data-v-31d6f826] {
      display: flex;
}
.result-preview-item.is-removed .item-text[data-v-31d6f826], .result-preview-item.is-invalid .item-text[data-v-31d6f826] {
      color: #c4c6cc;
}
.result-preview-item.is-removed .item-text *[data-v-31d6f826] {
        text-decoration: line-through;
}
.result-preview-item .item-text[data-v-31d6f826] {
    margin-right: 8px;
    overflow: hidden;
    direction: rtl;
    flex: 0 1 auto;
    align-items: center;
}
.result-preview-item .item-append[data-v-31d6f826] {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}
.result-preview-item .item-action[data-v-31d6f826] {
    display: none;
    margin-left: auto;
}
.result-preview-item .item-action .item-btn[data-v-31d6f826] {
      display: flex;
      height: 100%;
      padding-left: 5px;
      margin-left: auto;
      overflow: hidden;
      color: #3a84ff;
      cursor: pointer;
      align-items: center;
      justify-content: center;
}
.result-preview-item .item-action .item-btn[data-v-31d6f826]:hover {
        color: #1768ef;
}


.preview-result-collsapn[data-v-e8140426] {
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.preview-result-collsapn:hover .collspan-action[data-v-e8140426] {
      display: flex;
}
.preview-result-collsapn .collspan-header[data-v-e8140426] {
    display: flex;
    height: 32px;
    margin: 0 24px;
    font-size: 12px;
    line-height: 32px;
    color: #63656e;
    cursor: pointer;
    border-radius: 2px;
    align-items: center;
}
.preview-result-collsapn .collspan-header .arrow-flag[data-v-e8140426] {
      font-size: 18px;
      transform: rotateZ(-90deg);
      transition: all 0.15s;
}
.preview-result-collsapn .collspan-header .arrow-flag.is-show[data-v-e8140426] {
        transform: rotateZ(0);
}
.preview-result-collsapn .collspan-header.actived[data-v-e8140426],
    .preview-result-collsapn .collspan-header[data-v-e8140426]:hover {
      background: #e1ecff;
}
.preview-result-collsapn .collspan-header .header-title[data-v-e8140426] {
      overflow: hidden;
      cursor: pointer;
}
.preview-result-collsapn .collspan-action[data-v-e8140426] {
    display: none;
    padding: 0 5px;
    margin-left: auto;
    color: #3a84ff;
}
.preview-result-collsapn .collspan-action[data-v-e8140426]:hover {
      color: #1768ef;
}
.preview-result-collsapn .collspan-action > *[data-v-e8140426] {
      padding: 0 5px;
      cursor: pointer;
}
.preview-result-collsapn .collspan-content[data-v-e8140426] {
    padding: 0 24px;
}


.render-row[data-v-076e4c21] {
  display: inline-flex;
  max-width: 100%;
  align-items: center;
  direction: ltr;
}
.render-row .render-row-text[data-v-076e4c21] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.render-row .render-row-tag[data-v-076e4c21] {
    padding: 2px 6px;
    margin: 0 4px;
    font-size: 12px;
    color: #979ba5;
    background-color: #f0f1f5;
    flex-shrink: 0;
}


.ip-selector-host-set-render-field-popover {
  width: 100px;
  margin: -1px -9px;
}
.ip-selector-host-set-render-field-popover .field-item {
    height: 32px;
    padding: 0 12px;
    line-height: 32px;
    cursor: pointer;
}
.ip-selector-host-set-render-field-popover .field-item:hover {
      background-color: #f5f7fa;
}
.ip-selector-host-set-render-field-popover .field-item.active {
      color: #3a84ff;
      background: #f5f6fa;
}

.ip-selector-result-preview-host .host-list {
    overflow-y: auto;
  scrollbar-gutter: stable;
}
.ip-selector-result-preview-host .host-list::-webkit-scrollbar {
    width: 6px;
}
.ip-selector-result-preview-host .host-list::-webkit-scrollbar-thumb {
    background-color: #c4c6cc;
    border-radius: 3px;
}
.ip-selector-result-preview-host .loading-more {
    display: flex;
    height: 32px;
    margin-top: 2px;
    color: #c4c6cc;
    background: #fff;
    justify-content: center;
    align-items: center;
}

.ip-selector-preview-value {
  position: relative;
  font-size: 12px;
  background: #f5f6fa;
}
.ip-selector-preview-value .preview-header {
    display: flex;
    height: 40px;
    padding: 12px 24px 16px;
    font-size: 12px;
    font-weight: bold;
    color: #313238;
    background: #fff;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.08);
    align-items: center;
}
.ip-selector-preview-value .result-num {
    display: flex;
    height: 32px;
    padding-left: 16px;
    margin: 0 24px;
    margin-bottom: 4px;
    font-size: 12px;
    font-weight: bold;
    color: #3a84ff;
    background: #e1ecff;
    align-items: center;
}
.ip-selector-preview-value .result-wrapper {
    height: calc(100% - 40px);
    padding-bottom: 12px;
    overflow-y: auto;
  scrollbar-gutter: stable;
}
.ip-selector-preview-value .result-wrapper::-webkit-scrollbar {
    width: 6px;
}
.ip-selector-preview-value .result-wrapper::-webkit-scrollbar-thumb {
    background-color: #c4c6cc;
    border-radius: 3px;
}
.ip-selector-preview-value .result-wrapper > * {
      margin-top: 8px;
}
.ip-selector-preview-value .result-empty {
    position: absolute;
    top: 190px;
    right: 0;
    left: 0;
    font-size: 12px;
    color: #63656e;
    text-align: center;
}
.ip-selector-preview-value .extend-action {
    position: absolute;
    top: 10px;
    right: 24px;
}


.ip-selector-result-preview {
  height: 100%;
  line-height: 1;
  background: #f5f6fa;
}


.ip-selector-type-tab {
  position: relative;
  z-index: 1;
  display: flex;
  margin-bottom: -1px;
  font-size: 14px;
  color: #63656e;
}
.ip-selector-type-tab .tab-item {
    display: flex;
    width: 180px;
    height: 42px;
    cursor: pointer;
    background: #f0f1f5;
    border: 1px solid #dcdee5;
    border-bottom: none;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    transition: all 0.1s;
    justify-content: center;
    align-items: center;
}
.ip-selector-type-tab .tab-item.active {
      color: #3a84ff;
      background: #fff;
}
.ip-selector-type-tab .tab-item.disabled {
      color: #c4c6cc;
      cursor: not-allowed;
      background: #eaebf0;
}
.ip-selector-type-tab .tab-item:nth-child(n+2) {
      margin-left: 4px;
}


.bk-ip-selector-box.dialog .bk-dialog-wrapper {
    text-align: center;
}
.bk-ip-selector-box.dialog .bk-dialog-wrapper::after {
      display: inline-block;
      width: 1px;
      height: 100%;
      vertical-align: middle;
      content: "";
}
.bk-ip-selector-box.dialog .bk-dialog-wrapper .bk-dialog {
      top: initial;
      display: inline-block;
      margin: initial;
      text-align: initial;
      vertical-align: middle;
}
.bk-ip-selector-box.dialog .bk-dialog-wrapper .bk-dialog.bk-dialog-fullscreen {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
}
.bk-ip-selector-box.dialog .bk-dialog-wrapper .bk-dialog.bk-info-box .bk-dialog-content-drag {
          position: relative;
}
.bk-ip-selector-box.dialog .bk-dialog-wrapper .bk-dialog-tool {
      display: none;
}
.bk-ip-selector-box.dialog .bk-dialog-wrapper .header-on-left {
      padding-bottom: 0 !important;
}
.bk-ip-selector-box.dialog .bk-dialog-wrapper .bk-dialog-footer {
      border-top-right-radius: 0;
      border-top-left-radius: 0;
}
.bk-ip-selector-box.dialog .bk-dialog-wrapper .bk-dialog-content {
        width: 100%;
        height: auto;
        max-height: initial;
        padding: initial;
        margin: initial;
        background: transparent;
}
.bk-ip-selector-box.dialog .bk-dialog-wrapper .bk-dialog-body {
        height: auto;
        max-height: initial;
        padding: initial;
        margin: initial;
}
.bk-ip-selector-box.dialog .action-content-wrapper {
      border: none;
      border-top: 1px solid #dcdee5;
      border-radius: 0;
      border-top-right-radius: 2px;
}
.bk-ip-selector-box .action-content-wrapper {
    background: #fff;
    border: 1px solid #dcdee5;
    border-radius: 2px;
}


.ip-selector-view-collsapn[data-v-0b942911] {
  position: relative;
}
.ip-selector-view-collsapn .box-header[data-v-0b942911] {
    display: flex;
    height: 42px;
    padding: 0 16px;
    font-size: 12px;
    color: #63656e;
    cursor: pointer;
    background: #eff1f5;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    align-items: center;
}
.ip-selector-view-collsapn .box-header .arrow-flag[data-v-0b942911] {
      margin-right: 16px;
      transform: rotateZ(0);
      transition: all 0.15s;
}
.ip-selector-view-collsapn .box-header .arrow-flag.is-show[data-v-0b942911] {
        transform: rotateZ(90deg);
}
.ip-selector-view-collsapn .box-header-text[data-v-0b942911] {
    display: flex;
    align-items: center;
}
.ip-selector-view-collsapn .box-content[data-v-0b942911] {
    background: #fff;
}
.ip-selector-view-collsapn .box-action[data-v-0b942911] {
    position: absolute;
    top: 0;
    right: 12px;
    display: flex;
    align-items: center;
    height: 42px;
    margin-left: auto;
    cursor: pointer;
}


.ip-selectore-render-host-menu-extends {
  padding: 0 !important;
  color: #63656e !important;
  background: #fff !important;
}
.ip-selectore-render-host-menu-extends .menu-item {
    padding: 0 12px;
}
.ip-selectore-render-host-menu-extends .menu-item:hover {
      color: #3a84ff !important;
      background: #f5f6fa !important;
}

.ip-selector-view-host table {
    width: 100%;
    font-size: 12px;
    text-align: left;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
}
.ip-selector-view-host table th,
    .ip-selector-view-host table td {
      height: 40px;
      padding: 0 10px;
      background: #fff;
      border-bottom: 1px solid #dcdee5;
}
.ip-selector-view-host table th .cell, .ip-selector-view-host table td .cell {
        display: flex;
        align-items: center;
}
.ip-selector-view-host table th .cell-text, .ip-selector-view-host table td .cell-text {
        height: 20px;
        overflow: hidden;
        line-height: 20px;
        text-overflow: ellipsis;
        white-space: nowrap;
}
.ip-selector-view-host table th .cell-append, .ip-selector-view-host table td .cell-append {
        display: flex;
        height: 20px;
        line-height: 20px;
        align-items: center;
}
.ip-selector-view-host table th {
      font-weight: normal;
      color: #313238;
      background: #f0f1f5;
      -webkit-user-select: none;
         -moz-user-select: none;
              user-select: none;
}
.ip-selector-view-host table th:hover {
        background: #eaebf0;
}
.ip-selector-view-host table td {
      color: #63656e;
      cursor: pointer;
}
.ip-selector-view-host table tr:hover td {
          background-color: #f5f7fa;
}
.ip-selector-view-host table .columu-fixed,
    .ip-selector-view-host table .columu-fixed-right {
      position: sticky;
      z-index: 1;
}
.ip-selector-view-host .bk-page {
    padding-left: 10px;
    margin-top: 8px;
}
.ip-selector-view-host .bk-page .bk-page-total-small {
      height: 34px !important;
      margin-top: 2px !important;
      line-height: 34px !important;
}
.ip-selector-view-host .bk-button-text {
    font-size: 12px !important;
}
.ip-selector-view-host table th {
      background: #fafbfd;
}
.ip-selector-view-host table th:hover {
        background: #f0f1f5;
}

.ip-selector-view-container table {
    width: 100%;
    font-size: 12px;
    text-align: left;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
}
.ip-selector-view-container table th,
    .ip-selector-view-container table td {
      height: 40px;
      padding: 0 10px;
      background: #fff;
      border-bottom: 1px solid #dcdee5;
}
.ip-selector-view-container table th .cell, .ip-selector-view-container table td .cell {
        display: flex;
        align-items: center;
}
.ip-selector-view-container table th .cell-text, .ip-selector-view-container table td .cell-text {
        height: 20px;
        overflow: hidden;
        line-height: 20px;
        text-overflow: ellipsis;
        white-space: nowrap;
}
.ip-selector-view-container table th .cell-append, .ip-selector-view-container table td .cell-append {
        display: flex;
        height: 20px;
        line-height: 20px;
        align-items: center;
}
.ip-selector-view-container table th {
      font-weight: normal;
      color: #313238;
      background: #f0f1f5;
      -webkit-user-select: none;
         -moz-user-select: none;
              user-select: none;
}
.ip-selector-view-container table th:hover {
        background: #eaebf0;
}
.ip-selector-view-container table td {
      color: #63656e;
      cursor: pointer;
}
.ip-selector-view-container table tr:hover td {
          background-color: #f5f7fa;
}
.ip-selector-view-container table .columu-fixed,
    .ip-selector-view-container table .columu-fixed-right {
      position: sticky;
      z-index: 1;
}
.ip-selector-view-container .bk-page {
    padding-left: 10px;
    margin-top: 8px;
}
.ip-selector-view-container .bk-page .bk-page-total-small {
      height: 34px !important;
      margin-top: 2px !important;
      line-height: 34px !important;
}
.ip-selector-view-container .bk-button-text {
    font-size: 12px !important;
}
.ip-selector-view-container table th:first-child, .ip-selector-view-container table td:first-child {
          padding-left: 48px;
}
.ip-selector-view-container table th {
      background: #fafbfd;
}
.ip-selector-view-container table th:hover {
        background: #f0f1f5;
}


.ip-selector-agent-statistics {
  display: flex;
}
.ip-selector-agent-statistics .statistics-item {
    display: flex;
    width: 130px;
    height: 24px;
    border-radius: 2px;
    align-items: center;
}
.ip-selector-agent-statistics .statistics-item ~ .statistics-item {
      margin-left: 2px;
}
.ip-selector-agent-statistics .bk-ip-selector-number,
  .ip-selector-agent-statistics .bk-ip-selector-number-success,
  .ip-selector-agent-statistics .bk-ip-selector-number-error {
    padding: 0 4px;
}

.ip-selector-view-dynamic-group table {
    width: 100%;
    font-size: 12px;
    text-align: left;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
}
.ip-selector-view-dynamic-group table th,
    .ip-selector-view-dynamic-group table td {
      height: 40px;
      padding: 0 10px;
      background: #fff;
      border-bottom: 1px solid #dcdee5;
}
.ip-selector-view-dynamic-group table th .cell, .ip-selector-view-dynamic-group table td .cell {
        display: flex;
        align-items: center;
}
.ip-selector-view-dynamic-group table th .cell-text, .ip-selector-view-dynamic-group table td .cell-text {
        height: 20px;
        overflow: hidden;
        line-height: 20px;
        text-overflow: ellipsis;
        white-space: nowrap;
}
.ip-selector-view-dynamic-group table th .cell-append, .ip-selector-view-dynamic-group table td .cell-append {
        display: flex;
        height: 20px;
        line-height: 20px;
        align-items: center;
}
.ip-selector-view-dynamic-group table th {
      font-weight: normal;
      color: #313238;
      background: #f0f1f5;
      -webkit-user-select: none;
         -moz-user-select: none;
              user-select: none;
}
.ip-selector-view-dynamic-group table th:hover {
        background: #eaebf0;
}
.ip-selector-view-dynamic-group table td {
      color: #63656e;
      cursor: pointer;
}
.ip-selector-view-dynamic-group table tr:hover td {
          background-color: #f5f7fa;
}
.ip-selector-view-dynamic-group table .columu-fixed,
    .ip-selector-view-dynamic-group table .columu-fixed-right {
      position: sticky;
      z-index: 1;
}
.ip-selector-view-dynamic-group .bk-page {
    padding-left: 10px;
    margin-top: 8px;
}
.ip-selector-view-dynamic-group .bk-page .bk-page-total-small {
      height: 34px !important;
      margin-top: 2px !important;
      line-height: 34px !important;
}
.ip-selector-view-dynamic-group .bk-button-text {
    font-size: 12px !important;
}
.ip-selector-view-dynamic-group table th:first-child, .ip-selector-view-dynamic-group table td:first-child {
          padding-left: 48px;
}

.ip-selector-view-host table {
    width: 100%;
    font-size: 12px;
    text-align: left;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
}
.ip-selector-view-host table th,
    .ip-selector-view-host table td {
      height: 40px;
      padding: 0 10px;
      background: #fff;
      border-bottom: 1px solid #dcdee5;
}
.ip-selector-view-host table th .cell, .ip-selector-view-host table td .cell {
        display: flex;
        align-items: center;
}
.ip-selector-view-host table th .cell-text, .ip-selector-view-host table td .cell-text {
        height: 20px;
        overflow: hidden;
        line-height: 20px;
        text-overflow: ellipsis;
        white-space: nowrap;
}
.ip-selector-view-host table th .cell-append, .ip-selector-view-host table td .cell-append {
        display: flex;
        height: 20px;
        line-height: 20px;
        align-items: center;
}
.ip-selector-view-host table th {
      font-weight: normal;
      color: #313238;
      background: #f0f1f5;
      -webkit-user-select: none;
         -moz-user-select: none;
              user-select: none;
}
.ip-selector-view-host table th:hover {
        background: #eaebf0;
}
.ip-selector-view-host table td {
      color: #63656e;
      cursor: pointer;
}
.ip-selector-view-host table tr:hover td {
          background-color: #f5f7fa;
}
.ip-selector-view-host table .columu-fixed,
    .ip-selector-view-host table .columu-fixed-right {
      position: sticky;
      z-index: 1;
}
.ip-selector-view-host .bk-page {
    padding-left: 10px;
    margin-top: 8px;
}
.ip-selector-view-host .bk-page .bk-page-total-small {
      height: 34px !important;
      margin-top: 2px !important;
      line-height: 34px !important;
}
.ip-selector-view-host .bk-button-text {
    font-size: 12px !important;
}
.ip-selector-view-host table th:first-child, .ip-selector-view-host table td:first-child {
          padding-left: 48px;
}
.ip-selector-view-host table th {
      background: #fafbfd;
}
.ip-selector-view-host table th:hover {
        background: #f0f1f5;
}


.host-attribute-expression[data-v-4e12c816] {
  position: relative;
  display: flex;
  align-items: center;
  padding: 10px 60px 10px 42px;
  border-bottom: 1px solid #dcdee5;
}
.host-attribute-expression[data-v-4e12c816]:hover {
    background: #f5f7fa;
}
.host-attribute-expression .name[data-v-4e12c816],
  .host-attribute-expression .operator[data-v-4e12c816] {
    flex-shrink: 0;
}
.host-attribute-expression .tag-item[data-v-4e12c816] {
    padding: 2px 6px;
    margin-right: 4px;
    line-height: 22px;
    color: #63656e;
    background: #f0f1f5;
    border-radius: 2px;
}
.host-attribute-expression .tag-item.operator[data-v-4e12c816] {
      color: #3a84ff;
      background: #e1ecff;
}
.host-attribute-expression .value-wrapper[data-v-4e12c816] {
    display: inline-flex;
    flex: 1;
    align-items: center;
    overflow: hidden;
}
.host-attribute-expression .value-wrapper .value-item[data-v-4e12c816] {
      flex-shrink: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
}
.host-attribute-expression .remove-btn[data-v-4e12c816] {
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    padding: 10px;
}
.host-attribute-expression .remove-btn .bk-button-text[data-v-4e12c816] {
      height: 26px;
      font-size: 12px;
      font-weight: normal;
      line-height: 26px;
}

.ip-selector-view-node table {
    width: 100%;
    font-size: 12px;
    text-align: left;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
}
.ip-selector-view-node table th,
    .ip-selector-view-node table td {
      height: 40px;
      padding: 0 10px;
      background: #fff;
      border-bottom: 1px solid #dcdee5;
}
.ip-selector-view-node table th .cell, .ip-selector-view-node table td .cell {
        display: flex;
        align-items: center;
}
.ip-selector-view-node table th .cell-text, .ip-selector-view-node table td .cell-text {
        height: 20px;
        overflow: hidden;
        line-height: 20px;
        text-overflow: ellipsis;
        white-space: nowrap;
}
.ip-selector-view-node table th .cell-append, .ip-selector-view-node table td .cell-append {
        display: flex;
        height: 20px;
        line-height: 20px;
        align-items: center;
}
.ip-selector-view-node table th {
      font-weight: normal;
      color: #313238;
      background: #f0f1f5;
      -webkit-user-select: none;
         -moz-user-select: none;
              user-select: none;
}
.ip-selector-view-node table th:hover {
        background: #eaebf0;
}
.ip-selector-view-node table td {
      color: #63656e;
      cursor: pointer;
}
.ip-selector-view-node table tr:hover td {
          background-color: #f5f7fa;
}
.ip-selector-view-node table .columu-fixed,
    .ip-selector-view-node table .columu-fixed-right {
      position: sticky;
      z-index: 1;
}
.ip-selector-view-node .bk-page {
    padding-left: 10px;
    margin-top: 8px;
}
.ip-selector-view-node .bk-page .bk-page-total-small {
      height: 34px !important;
      margin-top: 2px !important;
      line-height: 34px !important;
}
.ip-selector-view-node .bk-button-text {
    font-size: 12px !important;
}
.ip-selector-view-node table th:first-child, .ip-selector-view-node table td:first-child {
          padding-left: 48px;
}

.ip-selector-view-set-template table {
    width: 100%;
    font-size: 12px;
    text-align: left;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
}
.ip-selector-view-set-template table th,
    .ip-selector-view-set-template table td {
      height: 40px;
      padding: 0 10px;
      background: #fff;
      border-bottom: 1px solid #dcdee5;
}
.ip-selector-view-set-template table th .cell, .ip-selector-view-set-template table td .cell {
        display: flex;
        align-items: center;
}
.ip-selector-view-set-template table th .cell-text, .ip-selector-view-set-template table td .cell-text {
        height: 20px;
        overflow: hidden;
        line-height: 20px;
        text-overflow: ellipsis;
        white-space: nowrap;
}
.ip-selector-view-set-template table th .cell-append, .ip-selector-view-set-template table td .cell-append {
        display: flex;
        height: 20px;
        line-height: 20px;
        align-items: center;
}
.ip-selector-view-set-template table th {
      font-weight: normal;
      color: #313238;
      background: #f0f1f5;
      -webkit-user-select: none;
         -moz-user-select: none;
              user-select: none;
}
.ip-selector-view-set-template table th:hover {
        background: #eaebf0;
}
.ip-selector-view-set-template table td {
      color: #63656e;
      cursor: pointer;
}
.ip-selector-view-set-template table tr:hover td {
          background-color: #f5f7fa;
}
.ip-selector-view-set-template table .columu-fixed,
    .ip-selector-view-set-template table .columu-fixed-right {
      position: sticky;
      z-index: 1;
}
.ip-selector-view-set-template .bk-page {
    padding-left: 10px;
    margin-top: 8px;
}
.ip-selector-view-set-template .bk-page .bk-page-total-small {
      height: 34px !important;
      margin-top: 2px !important;
      line-height: 34px !important;
}
.ip-selector-view-set-template .bk-button-text {
    font-size: 12px !important;
}
.ip-selector-view-set-template table th:first-child, .ip-selector-view-set-template table td:first-child {
          padding-left: 48px;
}
.ip-selector-view-set-template .col-labels {
    display: flex;
    align-items: center;
}
.ip-selector-view-set-template .col-labels .col-labels-item {
      display: flex;
      max-width: 80px;
      padding: 0 6px;
      margin-right: 6px;
      overflow: hidden;
      line-height: 22px;
      color: #63656e;
      text-overflow: ellipsis;
      white-space: nowrap;
      background-color: #f0f1f5;
      border-radius: 2px;
      align-items: center;
      justify-content: center;
}

.ip-selector-view-service-template table {
    width: 100%;
    font-size: 12px;
    text-align: left;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
}
.ip-selector-view-service-template table th,
    .ip-selector-view-service-template table td {
      height: 40px;
      padding: 0 10px;
      background: #fff;
      border-bottom: 1px solid #dcdee5;
}
.ip-selector-view-service-template table th .cell, .ip-selector-view-service-template table td .cell {
        display: flex;
        align-items: center;
}
.ip-selector-view-service-template table th .cell-text, .ip-selector-view-service-template table td .cell-text {
        height: 20px;
        overflow: hidden;
        line-height: 20px;
        text-overflow: ellipsis;
        white-space: nowrap;
}
.ip-selector-view-service-template table th .cell-append, .ip-selector-view-service-template table td .cell-append {
        display: flex;
        height: 20px;
        line-height: 20px;
        align-items: center;
}
.ip-selector-view-service-template table th {
      font-weight: normal;
      color: #313238;
      background: #f0f1f5;
      -webkit-user-select: none;
         -moz-user-select: none;
              user-select: none;
}
.ip-selector-view-service-template table th:hover {
        background: #eaebf0;
}
.ip-selector-view-service-template table td {
      color: #63656e;
      cursor: pointer;
}
.ip-selector-view-service-template table tr:hover td {
          background-color: #f5f7fa;
}
.ip-selector-view-service-template table .columu-fixed,
    .ip-selector-view-service-template table .columu-fixed-right {
      position: sticky;
      z-index: 1;
}
.ip-selector-view-service-template .bk-page {
    padding-left: 10px;
    margin-top: 8px;
}
.ip-selector-view-service-template .bk-page .bk-page-total-small {
      height: 34px !important;
      margin-top: 2px !important;
      line-height: 34px !important;
}
.ip-selector-view-service-template .bk-button-text {
    font-size: 12px !important;
}
.ip-selector-view-service-template table th:first-child, .ip-selector-view-service-template table td:first-child {
          padding-left: 48px;
}

.ip-selector-view-set-template table {
    width: 100%;
    font-size: 12px;
    text-align: left;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
}
.ip-selector-view-set-template table th,
    .ip-selector-view-set-template table td {
      height: 40px;
      padding: 0 10px;
      background: #fff;
      border-bottom: 1px solid #dcdee5;
}
.ip-selector-view-set-template table th .cell, .ip-selector-view-set-template table td .cell {
        display: flex;
        align-items: center;
}
.ip-selector-view-set-template table th .cell-text, .ip-selector-view-set-template table td .cell-text {
        height: 20px;
        overflow: hidden;
        line-height: 20px;
        text-overflow: ellipsis;
        white-space: nowrap;
}
.ip-selector-view-set-template table th .cell-append, .ip-selector-view-set-template table td .cell-append {
        display: flex;
        height: 20px;
        line-height: 20px;
        align-items: center;
}
.ip-selector-view-set-template table th {
      font-weight: normal;
      color: #313238;
      background: #f0f1f5;
      -webkit-user-select: none;
         -moz-user-select: none;
              user-select: none;
}
.ip-selector-view-set-template table th:hover {
        background: #eaebf0;
}
.ip-selector-view-set-template table td {
      color: #63656e;
      cursor: pointer;
}
.ip-selector-view-set-template table tr:hover td {
          background-color: #f5f7fa;
}
.ip-selector-view-set-template table .columu-fixed,
    .ip-selector-view-set-template table .columu-fixed-right {
      position: sticky;
      z-index: 1;
}
.ip-selector-view-set-template .bk-page {
    padding-left: 10px;
    margin-top: 8px;
}
.ip-selector-view-set-template .bk-page .bk-page-total-small {
      height: 34px !important;
      margin-top: 2px !important;
      line-height: 34px !important;
}
.ip-selector-view-set-template .bk-button-text {
    font-size: 12px !important;
}
.ip-selector-view-set-template table th:first-child, .ip-selector-view-set-template table td:first-child {
          padding-left: 48px;
}

.bk-ip-selector-views .view-host-serach {
    margin-top: 16px;
}
.bk-ip-selector-views .views-container > * {
      margin-top: 16px;
}
.bk-ip-selector-preview-dialog .bk-dialog-wrapper {
    text-align: center;
}
.bk-ip-selector-preview-dialog .bk-dialog-wrapper::after {
      display: inline-block;
      width: 1px;
      height: 100%;
      vertical-align: middle;
      content: "";
}
.bk-ip-selector-preview-dialog .bk-dialog-wrapper .bk-dialog {
      top: initial;
      display: inline-block;
      margin: initial;
      text-align: initial;
      vertical-align: middle;
}
.bk-ip-selector-preview-dialog .bk-dialog-wrapper .bk-dialog.bk-dialog-fullscreen {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
}
.bk-ip-selector-preview-dialog .bk-dialog-wrapper .bk-dialog.bk-info-box .bk-dialog-content-drag {
          position: relative;
}
.bk-ip-selector-preview-dialog .bk-dialog-wrapper .bk-dialog-tool {
      display: none;
}
.bk-ip-selector-preview-dialog .bk-dialog-wrapper .header-on-left {
      padding-bottom: 0 !important;
}
.bk-ip-selector-preview-dialog .bk-dialog-wrapper .bk-dialog-footer {
      border-top-right-radius: 0;
      border-top-left-radius: 0;
}
.bk-ip-selector-preview-dialog .bk-dialog-wrapper .bk-dialog-content {
      background: #fff;
}
.bk-ip-selector-preview-dialog .bk-dialog-wrapper .header-on-left {
      padding-top: 16px;
      margin-top: 0;
}

@font-face {
	font-family: "bk-ipselector";
	src: url(../iconcool.bc02714..svg#iconcool) format("svg"),
url(../iconcool.6932c3a..ttf) format("truetype"),
url(../iconcool.ce0b93a..woff) format("woff"),
url(../iconcool.a3107b1..eot?#iefix) format("embedded-opentype");
    font-weight: normal;
    font-style: normal;
}

.bk-ipselector-icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'bk-ipselector' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  text-align: center;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.bk-ipselector-setting:before {
	content: "\e136";
}

.bk-ipselector-jiantou:before {
	content: "\e124";
}

.bk-ipselector-add-fill:before {
	content: "\e110";
}

.bk-ipselector-reduce-fill:before {
	content: "\e10f";
}

.bk-ipselector-set-fill:before {
	content: "\e128";
}

.bk-ipselector-jump-link:before {
	content: "\e111";
}

.bk-ipselector-info-circle:before {
	content: "\e11f";
}

.bk-ipselector-host:before {
	content: "\e138";
}

.bk-ipselector-angle-left-line:before {
	content: "\e130";
}

.bk-ipselector-close-line-2:before {
	content: "\e125";
}

.bk-ipselector-loading:before {
	content: "\e127";
}

.bk-ipselector-abnormal:before {
	content: "\e113";
}

.bk-ipselector-normal:before {
	content: "\e114";
}

.bk-ipselector-unknown:before {
	content: "\e118";
}

.bk-ipselector-invisible1:before {
	content: "\e102";
}

.bk-ipselector-visible1:before {
	content: "\e103";
}

.bk-ipselector-sync-waiting-01:before {
	content: "\e115";
}

.bk-ipselector-ip-audit:before {
	content: "\e10e";
}

.bk-ipselector-delete:before {
	content: "\e10d";
}

.bk-ipselector-lists:before {
	content: "\e12a";
}

.bk-ipselector-shangxiachengkai:before {
	content: "\e101";
}

.bk-ipselector-edit-fill:before {
	content: "\e12f";
}

.bk-ipselector-redo:before {
	content: "\e12e";
}

.bk-ipselector-container:before {
	content: "\e139";
}

.bk-ipselector-ketuodong:before {
	content: "\e104";
}

.bk-ipselector-shanchu:before {
	content: "\e105";
}

.bk-ipselector-xinzeng:before {
	content: "\e108";
}

.bk-ipselector-shixiao:before {
	content: "\e109";
}

.bk-ipselector-shangxiachengkai-2:before {
	content: "\e10a";
}

.bk-ipselector-more:before {
	content: "\e10b";
}

.bk-ipselector-zhongfu:before {
	content: "\e10c";
}

.bk-ipselector-drag:before {
	content: "\e11a";
}

.bk-ipselector-open:before {
	content: "\e11b";
}

.bk-ipselector-close:before {
	content: "\e119";
}

.bk-ipselector-copy:before {
	content: "\e11d";
}

.bk-ipselector-set:before {
	content: "\e11e";
}

.bk-ipselector-close-line:before {
	content: "\e120";
}

.bk-ipselector-open-line:before {
	content: "\e121";
}

.bk-ipselector-select:before {
	content: "\e122";
}

.bk-ipselector-sort:before {
	content: "\e123";
}

.bk-ipselector-lashen:before {
	content: "\e129";
}

.bk-ipselector-ziduanshuchu:before {
	content: "\e12b";
}

.bk-ipselector-chu:before {
	content: "\e12d";
}

.bk-ipselector-shezhi:before {
	content: "\e131";
}

.bk-ipselector-shanchu-en:before {
	content: "\e132";
}

.bk-ipselector-xinzeng-en:before {
	content: "\e133";
}

.bk-ipselector-shixiao-en:before {
	content: "\e134";
}

.bk-ipselector-zhongfu-en:before {
	content: "\e135";
}

.bk-ipselector-chu-en:before {
	content: "\e137";
}


@keyframes bk-ip-selector-rotate-loading {
0% {
    transform: rotateZ(0);
}
100% {
    transform: rotateZ(360deg);
}
}
.bk-ip-selector {
  display: block;
  font-size: 12px;
  color: #63656e;
}
.bk-ip-selector-number {
  font-weight: bold;
  color: #3a84ff;
}
.bk-ip-selector-number-error {
  font-weight: bold;
  color: #ea3636;
}
.bk-ip-selector-number-success {
  font-weight: bold;
  color: #2dcb56;
}
.bk-ip-selector-rotate-loading {
  display: flex;
  width: 20px;
  height: 20px;
  color: #3a84ff;
  align-items: center;
  justify-content: center;
  animation: bk-ip-selector-rotate-loading 1s linear infinite;
}
[data-tippy-root] .tippy-box {
    font-size: 12px;
    color: #63656e;
    border: 1px solid #dcdee5;
    box-shadow: 0 0 6px 0 #dcdee5;
}

/* bk-select组件在vue3项目中使用时，option的font-size会被置为0 */
.bk-select-dropdown-theme .bk-select-dropdown-content .bk-options .bk-option-content .bk-option-content-default {
  font-size: 12px;
}