.r-range{height:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.r-range-bar{-webkit-box-flex:1;-ms-flex:1;flex:1;height:10px;position:relative}
.r-range-progress{height:100%;background-color:#666}
.r-range-bg{position:absolute;height:100%;width:100%;border-radius:10px;background-color:#ccc;overflow:hidden}
.r-range-dot{position:absolute;width:20px;height:20px;border-radius:50%;background-color:#fff;border:1px solid #ccc;z-index:100;top:50%;margin-top:-11px;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0)}