﻿* { margin:0; padding:0; }
.dumascroll {}        /*只需对需要渲染滚动条的div设置该class即可*/
.dumascroll_area {
    height:100%;
    overflow:hidden;
}
.dumascroll_bar,.dumascroll_handle,.dumascroll_handle_a,.dumascroll_arrow_up,.dumascroll_arrow_up_a,.dumascroll_arrow_down,.dumascroll_arrow_down_a {
    background-image:url(images/66.gif);
}
.dumascroll_bar {/*整个滚动条的背景*/
    position:absolute;
    top:0;
    right:0;
    z-index:9;
    width:20px;
    height:99%;
    cursor:default;
    -moz-user-select:none;
    -khtml-user-select:none;
    user-select:none;
    background-repeat:repeat-y;
    background-position:-60px 0;
    float:left;
}
.dumascroll_arrow_up,.dumascroll_arrow_up_a,.dumascroll_handle,.dumascroll_handle_a,.dumascroll_arrow_down,.dumascroll_arrow_down_a {
    position:absolute;
    left:0;
}
.dumascroll_arrow_up,.dumascroll_arrow_up_a,.dumascroll_arrow_down,.dumascroll_arrow_down_a {
    width:100%;
    height:20px;/*上下箭头的高度*/
    color:#fff;
    text-align:center;
}
.dumascroll_arrow_up,.dumascroll_arrow_up_a { top:0; }
.dumascroll_arrow_down,.dumascroll_arrow_down_a { bottom:0; }
.dumascroll_handle,.dumascroll_handle_a { width:100%; background-repeat:repeat-y; }
.dumascroll_arrow_up { background-position:0 0; }
.dumascroll_arrow_up_a { background-position:-20px 0; }
.dumascroll_handle { background-position:-40px 0; }
.dumascroll_handle_a { background-position:-80px 0; }
.dumascroll_arrow_down { background-position:-100px 0; }
.dumascroll_arrow_down_a { background-position:-120px 0; }
