.modelShopRoot {
  position: relative;
  .l-layout {
    display: flex;
    // overflow-y: auto;
    height: calc(100vh - 53px) !important;
    .l-content {
      width: 100%;
      height: 100%;
      overflow-y: hidden;
      .l-main {
        height: 100%;
        overflow: auto;
        overflow: overlay;
        min-width: 1000px;
        position: relative;
        .layoutSpin {
          height: 100%;
          .ant-spin-container {
            height: 100%;
          }
          .ant-spin-spinning {
            top: 200px;
          }
        }
      }
    }
  }
  .componentIcon {
    width: 20px;
    height: 20px;
    display: flex;
    border-radius: 3px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(24, 144, 255, 0.15);
    background-color: rgba(24, 144, 255, 0.06);
  }
  .breadcrumb {
    &:hover {
      background-color: hsla(0, 0%, 100%, 0.3);
    }
    .content {
      padding: 0px 8px;
    }
  }
}
.knowledgeNetworkRootMenuSelect {
  width: 220px;
  max-height: 370px;
  overflow-y: auto;
  .selected {
    background-color: rgba(18, 110, 227, 0.06);
  }
  .knoMenuOperation {
    width: 20px;
    height: 20px;
    display: flex;
    cursor: pointer;
    border-radius: 2px;
    align-items: center;
    justify-content: center;
    &:hover {
      background-color: #f5f5f5;
    }
  }
}

.knowledgeNetworkOperation {
  pointer-events: none;
  .ant-dropdown-menu {
    margin-left: 32px;
    .ant-dropdown-menu-item {
      pointer-events: auto;
    }
  }
}
