.content{
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    padding: 5px;
   
    
    
}

.content .top{
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
}

.content .bottom{
    display: flex;
    width: 100%;
    height: calc(100% - 50px);
    
   
}

.content .bottom .bottomRight{
    flex-shrink: 0;
    width: calc(100% - 318px);
    background: rgba(209,227,225,1);
    height: 100%;
    margin-left: 8px;
}

.content .bottom .bottomleft{
    flex-shrink: 0;
    width:300px;
    height: 100%;
    
}

.content .bottom .bottomleft .treeBox{
    width: 100%;
    height: calc(100% - 50px);
    overflow: auto;
    
}

.content .bottom .ant-tree-title{
    white-space: nowrap;
}
.modalBottom{
    display: flex;
    width: 100%;
    height: 290px;
    margin-top: 7px;

    
}

.modalBottom .modalBottomLeft{
    flex-shrink: 0;
    width: 220px;
    height: 100%;
}
.modalBottom .modalBottomRight{
    flex-shrink: 0;
    width: calc(100% - 238px);
    height: 100%;
    margin-left: 8px;
}
.modalBottom .title{
    width: 100%;
    height: 35px;
    line-height: 35px;
    padding-left: 8px;
    background: rgba(209,227,225,1);
    color: #000000;
}