/*@rollbar
之所以把滚动条的样式单独一出来的原因：
chrome 自定义滚动条bug： 滚动条之间实现继承的话，会导致样式错乱
在看天下页面，需要有两种不同的滚动条样式，所以把他移出来是为了让看天自己去定义滚动条


-------------------------------------*/
::-webkit-scrollbar {
    height: 0;
    width: 7px;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:vertical {
    height: 50px;
    background: transparent;
    border-radius: 6px;
}

html:hover ::-webkit-scrollbar-thumb:vertical:active {
    background: transparent;
}

html:hover ::-webkit-scrollbar-thumb:vertical {
    height: 50px;
    background: #ccc;
    border-radius: 6px;
}

html:hover ::-webkit-scrollbar-thumb:vertical:active {
    background: #969696;
}

::-webkit-scrollbar-track-piece:vertical {
    background: transparent;
    border-radius: 6px;
}

html:hover ::-webkit-scrollbar-track-piece:vertical {
    background: #e1e1e1;
}

::-webkit-scrollbar-corner {
    background: #f2f2f2;
}