.bjy-volume-slider{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:30px;padding:1px;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.bjy-volume-slider .bjy-wrapper{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:110px;padding:5px 11px;}.bjy-volume-slider .bjy-wrapper .bjy-track{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;height:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;-webkit-box-shadow:inset 0 0 2px rgba(0,0,0,0.3);-moz-box-shadow:inset 0 0 2px rgba(0,0,0,0.3);box-shadow:inset 0 0 2px rgba(0,0,0,0.3);}.bjy-volume-slider .bjy-wrapper .bjy-track .bjy-bar{-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomleft:4px;border-bottom-left-radius:4px;-webkit-border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px;border-bottom-right-radius:4px;position:absolute;bottom:0;left:0;right:0;-webkit-box-shadow:inset 0 0 2px rgba(0,0,0,0.3);-moz-box-shadow:inset 0 0 2px rgba(0,0,0,0.3);box-shadow:inset 0 0 2px rgba(0,0,0,0.3)}.bjy-volume-slider .bjy-wrapper .bjy-track .bjy-thumb{background-color:#fff;cursor:pointer;position:absolute;width:12px;height:12px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:-o-transform;-moz-transition-property:transform, -moz-transform;transition-property:transform;transition-property:transform, -webkit-transform, -moz-transform, -o-transform;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s;-webkit-box-shadow:0 2px 3px rgba(0,0,0,0.15);-moz-box-shadow:0 2px 3px rgba(0,0,0,0.15);box-shadow:0 2px 3px rgba(0,0,0,0.15)}.bjy-volume-slider .bjy-wrapper .bjy-track.bjy-dragging .bjy-thumb,.bjy-volume-slider .bjy-wrapper .bjy-thumb:hover{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}.bjy-volume-slider .bjy-icon-container{display:inline-block;margin:0 auto 4px;padding:2px;line-height:0;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;cursor:pointer;}.bjy-volume-slider .bjy-icon-container:hover{background-color:#c5c5c5}.bjy-volume-slider .bjy-icon-container:active{background-color:#a7a7a7}.bjy-volume-slider[data-skin="light"]{-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background-color:#e2e2e2;background-image:-webkit-gradient(linear,left top, left bottom,from(#f8f8f8),to(#e2e2e2));background-image:-webkit-linear-gradient(top,#f8f8f8,#e2e2e2);background-image:-moz- oldlinear-gradient(top,#f8f8f8,#e2e2e2);background-image:-o-linear-gradient(top,#f8f8f8,#e2e2e2);background-image:linear-gradient(to bottom,#f8f8f8,#e2e2e2);-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.1);-moz-box-shadow:0 1px 4px rgba(0,0,0,0.1);box-shadow:0 1px 4px rgba(0,0,0,0.1);}.bjy-volume-slider[data-skin="light"] .bjy-wrapper .bjy-track{background-color:#e4e4e4;}.bjy-volume-slider[data-skin="light"] .bjy-wrapper .bjy-track .bjy-bar{background-color:#1795ff}.bjy-volume-slider[data-skin="light"] .bjy-wrapper .bjy-track .bjy-thumb{left:-3px}.bjy-volume-slider[data-skin="dark"]{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-color:rgba(0,0,0,0.8);}.bjy-volume-slider[data-skin="dark"] .bjy-wrapper .bjy-track{background-color:#ededed;}.bjy-volume-slider[data-skin="dark"] .bjy-wrapper .bjy-track .bjy-bar{background-color:#9d9d9e}.bjy-volume-slider[data-skin="dark"] .bjy-wrapper .bjy-track .bjy-thumb{left:-3px;}.bjy-volume-slider[data-skin="dark"] .bjy-wrapper .bjy-track .bjy-thumb:after{content:'';position:absolute;top:4px;left:4px;width:5px;height:5px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background-color:#1795ff}