// 竖向滚动条
.is-scroll-right::-webkit-scrollbar,
.is-scroll-left::-webkit-scrollbar,
.el-scrollbar::-webkit-scrollbar {
    width: 4px;
    height: 6px !important;
}
/*滚动条的背景区域的内阴影*/
.el-scrollbar::-webkit-scrollbar-track {
    //  box-shadow:0px 1px 3px rgba(0,0,0,0.3) inset;
     /*滚动条的背景区域的圆角*/
     border-radius: 10px;  
     /*滚动条的背景颜色*/
     background-color: rgb(173, 167, 167);
}
/*滑块 滚动条的内阴影*/
.is-scroll-right::-webkit-scrollbar-thumb,
.is-scroll-left::-webkit-scrollbar-thumb,
.el-scrollbar::-webkit-scrollbar-thumb {
    box-shadow:0px 1px 3px rgba(109, 106, 106, 0.3) inset;
    background-color:rgb(124, 115, 115);
    border-radius: 4px;
}

// 横向滚动条
::-webkit-scrollbar:horizontal {
    width:0;
    height:10px !important;
}
::-webkit-scrollbar-track:horizontal {
    background-color:rgba(78, 72, 72, 1);
}

::-webkit-scrollbar-thumb {
    background-color: #2a2b2c!important;
}

::-webkit-scrollbar-corner {
    background-color:rgba(78, 72, 72, 1);
}


// .el-scrollbar:active>.el-scrollbar__bar,.el-scrollbar:focus>.el-scrollbar__bar,.el-scrollbar:hover>.el-scrollbar__bar {
//     opacity: 1;
//     -webkit-transition: opacity 340ms ease-out;
//     transition: opacity 340ms ease-out
// }

// .el-scrollbar__wrap {
//     overflow: scroll;
//     height: 100%;
// }

// .el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
//     width: 0;
//     height: 0
// }

// .el-scrollbar__thumb {
//     position: relative;
//     display: block;
//     width: 0;
//     height: 0;
//     cursor: pointer;
//     border-radius: inherit;
//     background-color: rgba(144,147,153,.3);
//     -webkit-transition: .3s background-color;
//     transition: .3s background-color
// }

// .el-scrollbar__thumb:hover {
//     background-color: rgba(144,147,153,.5)
// }

// .el-scrollbar__bar {
//     position: absolute;
//     right: 2px;
//     bottom: 2px;
//     z-index: 1;
//     border-radius: 4px;
//     opacity: 0;
//     -webkit-transition: opacity 120ms ease-out;
//     transition: opacity 120ms ease-out
// }

// .el-scrollbar__bar.is-vertical {
//     width: 6px;
//     top: 2px
// }

// .el-scrollbar__bar.is-vertical>div {
//     width: 100%
// }

// .el-scrollbar__bar.is-horizontal {
//     height: 6px;
//     left: 2px
// }

// .el-scrollbar__bar.is-horizontal>div {
//     height: 100%
// }
