.tree .tree-item:hover {
    background-color: #dfeef5;
    cursor: pointer;
}

.tree .tree-item i {
    position: absolute;
    left: 5px;
    float: left;
}

.tree .tree-item .icon-folder-open:before {
    height: 16px;
    width: 16px;
    line-height: 16px;
    vertical-align: middle;
    display: inline-block;
    background: url("../img/tree-icons.png") no-repeat;
    background-position: 0 -21px;
    content: "";
}

.tree .tree-item .icon-folder-close:before {
    height: 16px;
    width: 16px;
    line-height: 16px;
    vertical-align: middle;
    display: inline-block;
    background: url("../img/tree-icons.png") no-repeat;
    background-position: 0 2px;
    content: "";
}

.tree .tree-folder-name {
    padding-left: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*缩进*/
.tree .tree-folder-content {
    margin-left: 23px;
    position: relative;
}

    /*竖线*/
    .tree .tree-folder-content:before {
        display: inline-block;
        content: "";
        position: absolute;
        width: 1px;
        z-index: 2;
        top: -10px;
        bottom: 16px;
        left: -11px;
        border-left: 1px solid #666;
    }

.tree .tree-folder,
.tree .tree-item {
    position: relative;
}


.tree .tree-item {
    margin: 0;
    padding: 5px;
    color: #333;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}


    /*横线*/
    .tree .tree-item:before {
        display: inline-block;
        content: "";
        position: absolute;
        top: 14px;
        left: -11px;
        width: 18px;
        height: 10px;
        border-top: 1px solid;
        z-index: 1;
    }




.tree .selectedItem {
    background-color: #fae065 !important;
}

.tree label {
    margin-bottom: 0px;
}