/* 在谷歌浏览器内核中，使滚动条不占用容器的宽度 */
.sidebar-nav-inner .flex-fill {
    overflow-y: overlay;
}
.io-grey-mode .sidebar-nav,.io-grey-mode .sidebar-popup.sidebar-menu-inner ul {
    background: var(--sidebarBgColorGrey,#f0f2f4);
    box-shadow: 0 0 2rem 0 var(--sidebarShadowGrey,transparent) !important;
}
.io-grey-mode .sidebar-nav-inner {
    background: var(--sidebarBgColorGrey,#f9f9f9);
}
.io-grey-mode .sidebar-logo {
    background: var(--sidebarBgColorGrey,#FFF);
}
/* 调整行高 */
.sidebar-menu ul li.sidebar-item > a {
    height: var(--sidebarLineHeight,45px);
}
.sidebar-menu ul li.sidebar-item > i {
    line-height: var(--sidebarLineHeight,45px) !important;
}

/* 顶部菜单从 74 -> 60 */
.header-mini-btn {
    height: var(--headerMenuHeight);
    width: 40px;
}
.header-mini-btn svg {
    margin: 0 -20px;
    height: var(--headerMenuHeight);
}
#sidebar .sidebar-logo{
    height: var(--headerMenuHeight);
}
.sidebar-nav .logo {
    line-height: var(--headerMenuHeight);
}
@media (min-width: 768px) {
    .page-header+.placeholder {
        height: var(--headerMenuHeight);
    }
}
 /* 顶部菜单 使用 毛玻璃效果 */
.big-header-banner.header-bg .page-header {
    color: initial;
    background: var(--greyPageHeaderFilter,rgba(255,255,255,1));
    backdrop-filter: blur(var(--backdropFilter,0px));
}
.io-black-mode .big-header-banner.header-bg .page-header {
    color: #fff;
    background:  var(--blackPageHeaderFilter,rgba(255,255,255,1));
    backdrop-filter: blur(var(--backdropFilter,0px));
    box-shadow: 0 0 25px 5px rgba(17, 12, 12, 0.25);
}
/* 首页部分 */
.slider-menu-father{
    border-radius: var(--ajaxTabRadius);
}
/* 20211129 新版改成这样了 */
.slider_menu[sliderTab]{
    border-radius: var(--ajaxTabRadius);
}
.slider_menu[sliderTab] .anchor {
    border-radius: var(--ajaxTabRadius);
}
.slider_menu[sliderTab] >.menu {
    border-radius: var(--ajaxTabRadius);
}

/* 黑暗模式和日间模式下得背景颜色 */
body.io-grey-mode{
    background-color: var(--bodyBgColor);
}

body{
    overflow-y: overlay;
}
@media only screen and (min-device-width:768px){
    ::-webkit-scrollbar-thumb{background-color:rgba(130,130,130,.5);-webkit-border-radius:4px;border-radius:4px}
    ::-webkit-scrollbar-thumb:hover{background-color:var(--hy-scrollbar-color);-webkit-border-radius:4px;border-radius:4px}
    ::-webkit-scrollbar{width:5px;height:5px} 
    ::-webkit-scrollbar-thumb:active{background-color:var(--hy-scrollbar-color);-webkit-border-radius:4px;border-radius:4px}
    ::-webkit-scrollbar-corner{background:rgba(0,0,0,0);border-radius:0 0 8px 0}
    ::-webkit-scrollbar-button{background-color:rgba(0,0,0,0);height:2px;width:2px}
}