@keyframes filterAnimation
        from 
            color #e9c311
        to 
            color rgba(213, 48, 90, 1)
    

.ocTreeViewContainer
    .treeItem
        font-size 12px
        .content
            position relative
            height 34px
            line-height 34px
            display block
            white-space nowrap
            font-weight 500
            padding-left 20px
            &:hover
                color #001689
                background-color #fefefe
            .iconMore
                cursor pointer
                display inline-block
                width 20px 
                height 20px
                position absolute
                top 5px
                margin-left -22px
                &:before
                    content ""
                    display block
                    position absolute
                    top 7px
                    left 10px
                    border-width 4px 4px 4px 5px
                    border-style solid
                    border-color transparent
                    border-left-color #ccc
        .treeItem
            .content
                padding-left 40px
            .treeItem
                .content
                    padding-left 60px
                .treeItem
                    .content
                        padding-left 80px
                    .treeItem
                        .content
                            padding-left 100px
                        .treeItem
                            .content
                                padding-left 120px

        .treeItem
            display none
        .content
            position relative
        &.active:not([readonly])
            position relative
            &:before
                position absolute
                left -12px
                top 10px
                content "\f061"
                font-size 12px
                color #21d376
                z-index 1
                font-family FontAwesome
            >.content
                background-color #fff
                .icons
                    i
                        display inline-block
        &.open
            >.content
                .iconMore:before
                    top 9px
                    left 8px
                    border-width 5px 4px 4px 4px
                    border-left-color transparent
                    border-top-color #ccc
            >.treeItem
                display block
        &.filter //filter时显示
            >.content
                color red

    .treeItem
        &.active
            .content
                .fa-arrow-circle-left, .fa-arrow-circle-down
                    display none !important
        .content:hover
            .icons .fa-arrow-circle-left
                display inline-block
        &.move
            >.content:hover
                .icons .fa-arrow-circle-down
                    display inline-block !important
        &.filterActive
            >.content>.text
                animation filterAnimation 1s infinite

    .text
        clear both
        display inline-block
        white-space nowrap
    .icons
        position absolute
        right 0
        top 0
        padding 0 5px
        cursor pointer
        i
            display none
            color #ccc
            margin 0 2px
            &:hover
                color #e9c311

        .fa-arrow-circle-down
            display none