
.dialog-wrapper{
    display: flex;
    row-gap: 16px;
    justify-content: space-between;
    height: 100%;
    box-sizing: border-box;
    flex-direction: column;
}
.dialog-main{
    flex: auto;
    display: flex;
    /* height: 100%; */
    column-gap: 10px;
    padding:16px 16px 0px;

}
.dialog-tree{
    width: 300px;
    flex-shrink: 0;
    border: 1px solid #f7f7f7;
}

.tree-title{
    background-color: #f7f7f7;
    height: 36px;
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.tree-main{

    /* height: calc(100% - 36px); */
}
.dialog-tree-box{
    /* height: 505px; */
    /* overflow: auto; */
}
#dialog-tree-box .layui-tree-set>.layui-tree-pack>.layui-tree-set>.layui-tree-pack>.layui-tree-set>.layui-tree-pack>.layui-tree-set>.layui-tree-pack .layui-tree-btnGroup{
    position: absolute;
    right: 0;
    top: 5px;
    background-color: #fff;
}
#dialog-tree-box .layui-tree-txt{
    max-width: 130px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#dialog-tree-box .layui-tree-set>.layui-tree-pack>.layui-tree-set>.layui-tree-pack>.layui-tree-set>.layui-tree-pack>.layui-tree-set>.layui-tree-pack .layui-tree-txt{
    max-width: 80px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/* .tree-main .layui-tree-btnGroup{
    position: absolute;
    right: 0;
    top: 5px;
} */

.dialog-content{
    flex: auto;
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    justify-content: space-between;
}

.dialog-search{
    display: flex;
    column-gap: 10px;

}
.dialog-list{
    flex: auto;
    overflow: auto;
    /* height: 435px; */
    padding: 10px 0;
    box-sizing: border-box;
}
.dialog-list .layui-unselect.layui-form-checkbox>div{
    max-width:480px ;
    white-space: nowrap; /* 禁止文本换行 */
    overflow: hidden; /* 隐藏超出范围的内容 */
    text-overflow: ellipsis;
}

.dialog-page{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.dialog-footer{
    text-align: center;
    padding: 10px;
    position: sticky;
    bottom: 0;
    background-color: #fff;
    border-top: 1px solid #f7f7f7;
}
#dialog-tree-box .layui-tree-set.active>.layui-tree-entry>.layui-tree-main>.layui-tree-txt{
    color: #1677ff;
}

