.add-tree-select {
    display: inline-flex;
    box-sizing: border-box;
    width: 100%;
    position: relative;
    background-color: #fff;
    .neatui-selector {
        padding: 0 12px;
        border: 1px solid #d9d9d9 !important;
        border-radius: 4px;
        transition: border 0.2s ease-out;
        width: 100%;
        &:hover {
            border-color: #40a9ff;
            box-shadow: 0 0 0 2px rgba(64, 169, 255, 0.2);
        }
        &:focus {
            border-color: #40a9ff;
            box-shadow: 0 0 0 2px rgba(64, 169, 255, 0.2);
        }
        .neatui-selection-search {
            line-height: 20px;
            font-size: 14px;
            .neatui-selection-search-input {
                height: 30px;
                background-color:#fff
            }
        }
        .neatui-selection-item {
            margin: 3px;
            height: 24px;
            line-height: 22px;
            padding: 0 8px;
            font-size: 14px;
            color: #555;
            vertical-align: middle;
            cursor: pointer;
        }
    }
    &.neatui-multiple {
        .neatui-selector {
            .neatui-selection-item {
                background: #f5f5f5;
                border: 1px solid #d9d9d9;
                border-radius: 4px;
            }
        }
    }
    &.neatui-focused {
        .neatui-selector {
            border-color: #40a9ff !important;
            box-shadow: 0 0 0 2px rgba(64, 169, 255, 0.2);
        }
    }
    .neatui-clear {
        line-height: 30px;
        height: 30px;
    }
}

.add-tree-select-dropdown {
    box-sizing: content-box;
    z-index: 1500;
    padding: 2px 2px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-left: 0;
    border-right: 0;
    max-height: 200px;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.15);
    border-radius: 4px;
    .treeicon {
        display: inline-block;
        width: 16px;
        line-height: 16px;
        font-size: 12px;
        background-color: #fff;
    }
}

.neatui-tree {
    .neatui-tree-list {
        // overflow: unset !important;
        .neatui-tree-list-holder-inner {
            .neatui-tree-treenode {
                display: flex;
                align-items: center;
                line-height: 20px;
                .neatui-tree-checkbox {
                    background: #fff !important;
                    margin-right: 5px;
                    box-sizing: border-box;
                    padding: 0;
                    position: relative;
                    white-space: nowrap;
                    vertical-align: middle;
                    outline: none;
                    cursor: pointer;
                    .neatui-tree-checkbox-inner {
                        position: relative;
                        top: 0;
                        left: 0;
                        display: block;
                        width: 15px;
                        height: 15px;
                        background-color: #fff;
                        border: 2px solid #e25050;
                        border-radius: 2px;
                        border-collapse: separate;
                    }
                    &.neatui-tree-checkbox-checked {
                        .neatui-tree-checkbox-inner {
                            background-color: #e25050;
                            line-height: 9px;
                            &:after {
                                font-family: "iconfont";
                                font-size: 12px;
                                color:#fff;
                                content: '\e621';
                            }
                        }
                    }
                }
                .neatui-tree-node-content-wrapper {
                    height: 20px;
                }
            }
        }
    }
}