.hc-layout-tree-box {
    position: relative;
    height: 100%;
    padding: 18px;
}
.hc-settle-drawer-box {
    position: relative;
    display: flex;
    height: 100%;
    .settle-left-box {
        position: relative;
        height: 100%;
        flex: 1;
        .settle-pdf {
            position: relative;
            height: 100%;
        }
    }
    .settle-right-box {
        position: relative;
        margin-left: 30px;
        width: 300px;
        height: 100%;
        .settle-right {
            position: relative;
            height: 100%;
            .hc-settle-cycle {
                position: relative;
                height: calc(50%);
                .title {
                    background: #6C6C6C;
                    color: white;
                    padding: 10px;
                    text-align: center;
                }
                .cycle-box {
                    position: relative;
                    height: calc(100% - 38.4px);
                    border: 1px solid #6C6C6C;
                    .item {
                        background: white;
                        padding: 10px;
                        text-align: center;
                        font-size: 14px;
                        cursor: pointer;
                        color: var(--el-color-primary);
                        &:hover {
                            color: var(--el-color-primary-dark-2);
                            background: var(--el-color-primary-light-9);
                        }
                    }
                    .item + .item {
                        border-top: 1px solid #e4e4e4;
                    }
                }
                &.of {
                    height: calc(50% - 74px - 30px);
                    margin-top: 30px;
                }
            }
            .hc-settle-btn {
                position: relative;
                text-align: center;
                padding-top: 24px;
                background: #f1f5f8;
            }
        }
    }
}

.hc-settle-dialog-box {
    position: relative;
    height: 100%;
    display: flex;
    .hc-settle-dialog-tree {
        position: relative;
        padding: 10px 10px 10px 0;
        height: 100%;
    }
    .hc-settle-dialog-table {
        position: relative;
        height: 100%;
        padding: 14px;
        .dialog-table-header {
            position: relative;
            display: flex;
            padding-bottom: 24px;
        }
        .dialog-table-body {
            position: relative;
            height: calc(100% - 64px);
        }
    }
}

.hc-settle-editing-dialog-box {
    position: relative;
    height: 100%;
    .editing-dialog-tip {
        position: relative;
        display: flex;
        margin-bottom: 20px;
        border-radius: 3px;
        padding: 14px;
        color: #101010;
        background: rgba(243, 123, 29, 0.12);
        .content {
            position: relative;
            margin: 0 12px;
            flex: 1;
            .item + .item {
                margin-top: 6px;
            }
        }
        .btn {
            position: relative;
            display: flex;
            align-items: flex-end;
        }
    }
    .editing-dialog-table {
        position: relative;
        height: calc(100% - 111px);
    }
}
