@mixin scrollBar {
    &::-webkit-scrollbar {
        width: 4px;
        height: 4px;
        &:hover {
            width: 8px;
            height: 8px;
        }
    }
    &::-webkit-scrollbar-thumb {
        /*滚动条里面小方块*/
        border-radius: 4px;
        // box-shadow: inset 0 0 5px rgba(#00023f, 0.2);
        box-shadow: none;
        background: #07266b;
    }
    &::-webkit-scrollbar-track {
        /*滚动条里面轨道*/
        // box-shadow: inset 0 0 5px rgba(#00023f, 0.2);
        box-shadow: none;
        border-radius: 4px;
        background: transparent;
    }
}

@mixin scrollBar2 {
    &::-webkit-scrollbar {
        /*滚动条整体样式*/
        width: 8px; /*高宽分别对应横竖滚动条的尺寸*/
        height: 1px;
    }
    &::-webkit-scrollbar-thumb {
        /*滚动条里面小方块*/
        border-radius: 8px;
        box-shadow: inset 0 0 5px rgba(#000, 0.1);
        background: linear-gradient(270deg, #999, #ddd);
    }
    &::-webkit-scrollbar-track {
        /*滚动条里面轨道*/
        box-shadow: inset 0 0 5px rgba(#000, 0.1);
        border-radius: 8px;
        background: darken(#999, 20);
    }
}