.lm-c-base-list-wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--bd-color);
  .lm-c-tree-title-part {
    border-bottom: 1px solid var(--bd-color);
    background-color: var(--form-bg-light);
  }

  .list-checkall {
    height: 42px;
    line-height: 42px;
    padding: 0 18px;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: var(--fs);
    .anticon {
      font-size: 16px;
      cursor: pointer;
      color: var(--icon);
    }
    &:after {
      position: absolute;
      content: '';
      left: 18px;
      bottom: 0;
      width: calc(~'100% - 32px');
      height: 1px;
      background-color: var(--bd-color);
    }
  }
  .lm-c-base-list-layout {
    flex: 1;
    overflow: hidden;
  }
  .lm-c-virtual-layout {
    width: calc(~'100% - 5px');
    margin-right: 5px;
  }

  /*列表项*/
  .list-item {
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    font-size: var(--fs-small);
    padding: 0 10px;
    & > label {
      margin: 0px;
      width: 100%;
      display: flex;
    }
    .item-info {
      flex: 1;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      cursor: pointer;
      font-size: var(--fs-small);
      > .anticon {
        font-size: 16px;
        margin: 0 4px;
        position: relative;
        top: 2px;
      }
    }
    &:hover,
    &.list-item-active {
      & > label {
        color: var(--primary);
        border-bottom: 1px solid var(--primary);
      }
    }
    /*有check-box*/
    &.has-check-box {
      padding: 0 10px;
      label {
        padding: 0 4px;
      }
    }
  }

  .drag-up {
    -webkit-animation: dragup ease 0.2s 1;
    animation: dragup ease 0.2s 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    // background-color: red;
  }
  .drag-down {
    -webkit-animation: dragdown ease 0.2s 1;
    animation: dragdown ease 0.2s 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    // background-color: green;
  }
  @keyframes dragup {
    from {
      margin-top: 0px;
    }
    to {
      margin-top: 30px;
    }
  }

  @keyframes dragdown {
    from {
      margin-bottom: 0px;
      // margin-top:30px;
    }
    to {
      margin-bottom: 30px;
      // margin-top:10px;
    }
  }
}
