.hc-layout-left-box {
    width: 400px;
    .hc-type-choose-content {
        position: relative;
        padding: 20px;
        text-align: center;
        height: calc(100% - 302px);
        .hc-type-choose-checkbox {
            position: relative;
        }
    }
    .hc-type-choose-tip {
        position: relative;
        padding: 20px;
        font-size: 14px;
        height: 221px;
        border-top: 1px dashed #e7e7e7;
        .text-2 {
            margin: 10px 0;
        }
        .text-3 {
            margin-top: 10px;
        }
    }
    .hc-type-choose-action {
        position: relative;
        padding: 20px;
        height: 80px;
        display: none;
        text-align: center;
        background: var(--el-color-primary-light-9);
        border-radius: 0 0 10px 10px;
    }
    &.is-action {
        .hc-type-choose-content {
            height: calc(100% - 382px);
        }
        .hc-type-choose-action {
            display: block;
        }
    }
}

.hc-type-choose-null {
    position: relative;
    color: #bd3124;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    .null-flex-view {
        position: relative;
        text-align: center;
        .icon {
            font-size: 200px;
        }
    }
}

.hc-card-header-title {
    display: flex;
    align-items: center;
    color: var(--el-color-primary);
}
.hc-card-action-diy {
    position: relative;
    text-align: center;
    margin: -24px;
    padding: 20px 24px;
    background: var(--el-color-primary-light-9);
    border-radius: 0 0 10px 10px;
}
