#treeBox {
    position:relative;
    width:300px;
}

#treeBox .focusEl::-webkit-input-placeholder {
    color:#999;
}
.treeBox {
    position:absolute;
    top:120%;
    left:0;
    background:#fff;
    z-index:2;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    border-radius:6px;
    color:#555;
    display:none;
}
.treeBox table {
    width:100%;
    margin:auto;
    font-size:0;
    overflow:hidden;
}
.treeBox td {
    border:1px solid #ccc;
    border-right:none;
    padding:8px 0;
    vertical-align:top;
    overflow:auto;
}
.treeBox td:last-child {
    border-right:1px solid #ccc;
}
.tree {
    overflow:auto;
}
.tree::-webkit-scrollbar {
    display:none;
}
.treeBox a {
    cursor:pointer;
    font-size:13px;
}
.lv1,.lv2 {
    display:block;
    line-height:32px; padding-left:5px;
}
.lv1:hover,.lv2:hover {
    background:#f5f5f5;
}
.tree-active {
    background:#4796a8;
    color:#fff;
}
.treeBox .tree-active:hover {
    background:#4796a8;
    color:#fff;
}
.treeBox label {
    display:block;
    cursor:pointer;
    font-size: 13px;
    line-height: 32px;
}
.treeBox label input,.treeBox label span {
    vertical-align:middle;
}
.treeBox label:hover {
    background:#f5f5f5;
}
.lv2-parent,.lv3-parent {
    display:none;
}
.tree-show {
    display:block;
}
.tree-status {
    line-height:44px;
    height:44px;
    padding:0 16px;
    text-align:left;
}
.tree-del-all {
    float:right;
    line-height:44px;
    height:44px;
    color:#4796a8;
    display:block;
}
.tree-selected-item {
    font-size:13px;
    margin:0;
    padding:0 16px;
    text-align:left;
    line-height:32px;
}
.tree-selected-item:hover {
    background:#f5f5f5;
}
.tree-del-this {
    float:right;
    width:32px;
    height:32px;
    background:url("/js/tree-del.png") no-repeat center;
    background-size:50%;
}
.tree-send-val {
    padding:16px;
    text-align:right;
}
.tree-send-val .tree-btn {
    margin-left:12px;
}
.tree-btn {
    display: inline-block;
    font-size: 13px;
    background: #4796a8;
    color: #fff;
    width: 80px;
    line-height: 30px;
    border-radius: 4px;
    text-align:center;
    border:1px solid transparent;
}
.tree-confirm {
    background: #4796a8;
    color: #fff;
    border-color:#4796a8;
}
.tree-close {
    background:#fff;
    color:#888;
    border-color:#ccc;
}
.tree-top {
    text-align:left;
    padding:8px 16px;
}

.tree-top p {
    margin:0;
    height:44px;
    line-height:44px;
    font-size:13px;
    color:#4796a8;
}
.tree-top a {
    display:inline-block;
    margin-right:16px;
    height:24px;
    padding:0 8px;
    line-height:24px;
    border-radius:4px;
}
.tree-top a:hover {
    color:#4796a8;
}