﻿

/* 这是必要的css */
.scroll-me {
    overflow: hidden;
}
.scroll-list {
    width: 100%;
}
.m-select .scroll-list-wrap {
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    top: 29px;
    border: 1px solid #46A1FF;
    background:#fff;
}
.relative {
    position: relative;
}
/* 这是滚动条背景样式 */
.m-select {
    position:relative;
}

.m-select .scroll-bg {
    position: absolute;
    right: 2px;
    top: 0;
    border-radius: 4px;
    width: 4px;
    background: transparent;
    display: block;
}
/* 这是滚动块样式 */
.m-select .scroll-block {
    border-radius: 4px;
    width: 4px;
    position: absolute;
    left: 0;
    background: #989898;
    opacity: .6;
}
.moved {
    transition: transform .3s ease;
}
/* 这是移动过程中给滚动条加的class */
.scroll-scrolling {
    background: #ccc;
}
/* 这里可以设置移动过程中滚动块的样式 */
.scroll-scrolling .scroll-block {
    opacity: .9;
}

.m-select .option {
    border: none !important;
}