.base-region-box,
.base-region-box .base-region-table,
.base-region-box .base-region-info {
    position: relative;
    height: 100%;
}
.base-region-box {
    display: flex;
    .base-region-table {
        flex: 1;
        margin-right: 5px;
    }
    .base-region-info {
        margin-left: 5px;
        .base-region-card {
            position: relative;
            border: 1px solid #e9e9e9;
            border-radius: 3px;
            background: white;
            .title {
                position: relative;
                border-bottom: 1px solid #e9e9e9;
                padding: 12px;
            }
            .content {
                position: relative;
                padding: 0 12px 12px;
                .el-tag {
                    margin-top: 12px;
                    margin-right: 12px;
                }
            }
        }
        .base-region-card + .base-region-card {
            margin-top: 20px;
        }
    }
}

.base-region-dialog {
    position: relative;
    display: flex;
    height: 100%;
    .dialog-form, .dialog-action {
        position: relative;
        height: 100%;
    }
    .dialog-form {
        flex: 1;
        margin-right: 20px;
    }
    .dialog-action {
        flex: 1;
        margin-left: 20px;
        .title {
            font-size: 18px;
            color: #101010;
        }
        .data-tree-box {
            position: relative;
            border: 1px solid #dddfe6;
            border-radius: 3px;
            margin-top: 20px;
            height: calc(100% - 40px);
            padding: 6px 0;
        }
    }
}
