#tree-container {
    padding: 10px;
    position: absolute;
    background: #ffffff;
    z-index: 99;
    width: 100%;
    height: 200px;
    overflow: scroll;
    margin: 0;
    box-shadow: 5px 0 30px 0px rgb(128 128 128 / 13%);
    }
#tree-container::-webkit-scrollbar {
    width: 3px;
    background: #ffffff
}
#tree-container::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: inset 0 0 6px #fafafa;
}
ul > li {
    list-style: none;
}

/* 可展开*/
.switch-open {
    /*margin-left: -12px;*/
    border: 6px solid transparent;
    display: inline-block;
    width: 0px;
    height: 0px;
    border-top-color: black;

}

/* 展开完毕*/
.switch-close {
    /*margin-left: -12px;*/
    border: 6px solid transparent;
    display: inline-block;
    width: 0px;
    height: 0px;
    border-left-color: black;
    margin-bottom: 2px;

}

/* 改变CheckBox样式*/
input[type='checkbox'] {
    width: 20px;
    height: 20px;

    -webkit-appearance: none;
    -moz-appearance: none;
    border: 1px solid #c9c9c9;
    border-radius: 3px;
    outline: none;
    color: white;
    text-align: center;
}

input[type='checkbox']:before {
    content: '√ ';
    color: transparent;
}

input[type=checkbox]:checked {
    background-color: #30add6;
}

input[type=checkbox]:checked:before {
    content: '√';
    color: white;
    font-weight: bold;
}
.treeon {
    cursor: pointer;
}