@charset 'utf-8';
.scroll{
    overflow-x: hidden;
    overflow-y: auto;
}
.scrollbar{
    background: @scrollbar;
    opacity: .24;
}
.scrollbar-bg{
    background: @scrollbar;
    opacity: .08;
}
.scroll-bar{
    /*定义滚动条高宽及背景
 高宽分别对应横竖滚动条的尺寸*/
    &::-webkit-scrollbar
    {
        width:2px;
        height:240px;
    }
    /*定义滚动条轨道 内阴影+圆角*/
    &::-webkit-scrollbar-track
    {
        -webkit-box-shadow:inset 0 0 2px rgba(255,255,255,.3);
        border-radius:4px;
    }
    /*定义滑块内阴影+圆角*/
    &::-webkit-scrollbar-thumb
    {
        border-radius:4px;
        -webkit-box-shadow:inset 0 0 3px rgba(255,255,255,.3);
        background-color: @scrollbar;
    }
}
.scroll-bar-hide{
    &::-webkit-scrollbar{
         display: none;
         width: 0 !important;
    }
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
}
    
//bootstrap-table 滚动条
.fixed-table-body{
    &::-webkit-scrollbar{
        width:4px;
        height:14px;
    }
    &::-webkit-scrollbar-track
    {
        -webkit-box-shadow:inset 0 0 2px rgba(0,0,0,0.3);
        border-radius:6px;
    }
    &::-webkit-scrollbar-thumb
    {
        border-radius:8px;
        -webkit-box-shadow:inset 0 0 3px rgba(0,0,0,.3);
        background-color: @scrollbar;
    }
}

@-moz-document url-prefix(http://),url-prefix(https://) {   
    /* 滚动条颜色 */  
    scrollbar {   
       -moz-appearance: none !important;   
       background: @scrollbar !important;
       opacity: .24; 
    }   
    /* 滚动条按钮颜色 */  
    thumb,scrollbarbutton {   
       -moz-appearance: none !important;   
       background: @scrollbar !important;
    }   
    /* 鼠标悬停时按钮颜色 */  
    thumb:hover,scrollbarbutton:hover {   
       -moz-appearance: none !important;   
       background-color: @scrollbar !important;   
    }   
    /* 隐藏上下箭头 */  
    scrollbarbutton {   
       display: none !important;   
    }   
    /* 纵向滚动条宽度 */  
    scrollbar[orient="vertical"] {   
      min-width: 4px !important;   
    }   
}

.x-scroll{
    @media (max-width: 850px){
        overflow: scroll;
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
        .tag-list{
            white-space: nowrap;
            display: inline-block;
        }
    }
}