.lh-tree {
  display: inline-block;
  .lh-tree-node {
    display: inline-block;
    .node-base {
      height: 22px;
      margin-bottom: 2px;
      white-space: nowrap;
      display: inline-block;
      .node-base-icon-wapper {
        width: 20px;
        height: 22px;
        line-height: 20px;
        display: inline-block;
        cursor: pointer;
        vertical-align: middle;
        .icon_component_arrow {
          font-size: 12px;
          color:#000;
          transform: rotate(270deg);
          display: inline-block;
          line-height: 21px;
        }
        &:hover {
          .icon_component_arrow {
            color:@color_theme6;
          }
        }
      }
      .node-checkbox {
        vertical-align: middle;
        margin-right: 12px;
        .lh-checkbox-text {
          display: none;
        }
      }
      .node-radio {
        vertical-align: middle;
        display: inline-block;
        border-radius: 50%;
        border:1px solid @color_b5;
        height: 16px;
        width: 16px;
        padding-top: 3px;
        padding-left: 3px;
        margin-right: 12px;
        cursor: pointer;
        .node-radio-inner {
          width: 8px;
          height: 8px;
          border-radius: 50%;
          background-color:@color_theme6;
          display: none;
        }
        &.checked {
          border-color: @color_theme6;
          .node-radio-inner {
            display: block;
          }
        }

      }
      .node-label {
        vertical-align: middle;
        height: 22px;
        line-height: 22px;
        color:@color_b1;
        font-size: 14px;
        display: inline-block;
        &.checked {
          color: @color_theme6;
        }
        &.disabled {
          cursor: auto;
          color:@color_b3;
        }
      }
      &.active {
        .node-base-icon-wapper {
          .icon_component_arrow {
            transform: rotate(0deg);
          }
        }
      }
    }
    .node-inner-divider {
      height: 1px
    }
    .node-children-wapper {
      padding-left: 20px;
      display: inline-block;
      .lh-tree-node {
        &.no-children {
          padding-left: 20px;
        }
      }
    }
  }
  .lh-tree-node-divider {
    height: 1px
  }
  &.mini {
    .lh-tree-node {
      .node-base {
        .node-checkbox {
          margin-right:10px;
        }
        .node-radio {
          margin-right: 10px;
          height: 14px;
          width: 14px;
          .node-radio-inner {
            width: 6px;
            height: 6px;
          }
        }
        .node-label {
          font-size: 12px;
        }

      }
    }
  }
}