.rangeslider,.rangeslider__fill{background:#e6e6e6;display:block;height:12px;-webkit-box-shadow:0 2px 2px rgba(255,255,255,.25),inset 0 1px 3px rgba(0,0,0,.3);-moz-box-shadow:0 2px 2px rgba(255,255,255,.25),inset 0 1px 3px rgba(0,0,0,.3);box-shadow:0 2px 2px rgba(255,255,255,.25),inset 0 1px 3px rgba(0,0,0,.3);-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px}.rangeslider__fill{width:100%;border-radius:10px 0 0 10px}input.ui-slider-input{position:relative;top:-4px;width:40px;height:20px;overflow:hidden}.rangeslider{position:relative;margin:4px 2px 30px 66px;touch-action:none}.rangeslider--disabled{opacity:.4}.rangeslider__fill{background:#3296fa;position:absolute;top:0}.rangeslider__handle{background:#fff;cursor:pointer;display:inline-block;width:20px;height:20px;position:absolute;top:-4px;box-shadow:0 0 4px 0 rgba(0,0,0,.2);-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;z-index:99}.rangeslider__handle:after{content:"";display:block;width:10px;height:10px;background:#0095ff;margin:auto;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%}.rangeslider__handle:active{background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0,rgba(0,0,0,.1)),color-stop(100%,rgba(0,0,0,.12)));background-image:-webkit-linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.12));background-image:-moz-linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.12));background-image:-o-linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.12));background-image:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.12))}input[type=range]:focus+.rangeslider .rangeslider__handle{-webkit-box-shadow:0 0 8px rgba(255,0,255,.9);-moz-box-shadow:0 0 8px rgba(255,0,255,.9);box-shadow:0 0 8px rgba(255,0,255,.9)}.ruler{position:relative;left:10px;z-index:0;height:12px}.ruler .cm,.ruler .mm{position:absolute;border-left:1px solid #999;height:10px;width:10%;top:12px}.ruler .cm:after{position:absolute;bottom:-14px;left:-11px;color:#999;font:12px/1 "΢���ź�";content:attr(data-value);width:20px;text-align:center;white-space:nowrap}