.hc-layout-box .hc-container-view {
    .hc-header-view .hc-header-content .hc-header-cascader-box {
        .el-cascader {
            width: 100%;
        }
        .el-cascader .el-input .el-input__wrapper {
            padding: 4px 15px;
            border: 1px solid #00000000;
            border-radius: 100px;
            background: #f1f5f8;
            color: #202532;
            box-shadow: var(--hc-shadow);
            .el-input__inner, .el-input__suffix {
                color: #202532;
            }
        }
        .el-cascader .el-input.is-focus .el-input__wrapper {
            box-shadow: 4px 4px 8px 0 rgba(54, 92, 167, 0.15), -4px -4px 8px 0px #ffffff;
        }
        .el-cascader .el-input .icon-arrow-down {
            font-size: 18px;
            font-weight: bold;
        }
    }
    &.home {
        .hc-header-view .hc-header-content .hc-header-cascader-box {
            .el-cascader .el-input .el-input__wrapper {
                background-color: #00000000;
                border: 1px solid white;
                box-shadow: initial;
                .el-input__inner, .el-input__suffix {
                    color: white;
                }
            }
            .el-cascader .el-input.is-focus .el-input__wrapper {
                box-shadow: initial;
            }
        }
        .hc-header-view .hc-header-top-menu-bar {
            padding-left: 0;
            .hc-top-menu-bar .bar-menu-content .bar-menu-btn {
                background: rgba(255, 255, 255, .2);
                border-color: rgba(255, 255, 255, .2);
                color: rgba(255, 255, 255, .7);
                backdrop-filter: blur(20px);
                -webkit-backdrop-filter: blur(20px);
                &:hover:not([class*='cur']) {
                    background: var(--el-color-primary-light-9);
                    color: #838791;
                }
                &:active:not([class*='cur']) {
                    background: var(--el-color-primary-light-8);
                    color: #838791;
                }
            }
        }
    }
}
