| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657 | 
							- body,
 
- div {
 
- 	margin: 0;
 
- 	padding: 0;
 
- }
 
- .ui-slider-wrap {
 
- 	background: #e8e8e8;
 
- 	position: relative;
 
- 	border-radius: 20px;
 
- 	overflow: hidden;
 
- }
 
- .ui-slider-wrap .ui-slider-bg {
 
- 	width: 0;
 
- }
 
- .ui-slider-wrap .ui-slider-btn {
 
- 	position: absolute;
 
- 	top: 0;
 
- 	left: 0;
 
- 	cursor: move;
 
- 	text-align: center;
 
- 	background: #fff;
 
- 	-webkit-box-sizing: border-box;
 
- 	-moz-box-sizing: border-box;
 
- 	-ms-box-sizing: border-box;
 
- 	-o-box-sizing: border-box;
 
- 	box-sizing: border-box;
 
- }
 
- .ui-slider-wrap .ui-slider-btn {
 
- 	background: #fff url(../img/slider.png) no-repeat center;
 
- }
 
- .ui-slider-wrap .ui-slider-btn.success {
 
- 	background-image: url(../img/success.png);
 
- }
 
- .ui-slider-wrap .ui-slider-text {
 
- 	width: 100%;
 
- 	height: 100%;
 
- 	font-family: "微软雅黑";
 
- 	text-align: center;
 
- 	position: absolute;
 
- 	top: 0;
 
- 	left: 0;
 
- 	color: #666;
 
- }
 
- .ui-slider-wrap .ui-slider-no-select {
 
- 	-webkit-user-select: none;
 
- 	-moz-user-select: none;
 
- 	-ms-user-select: none;
 
- 	-o-user-select: none;
 
- 	user-select: none;
 
- }
 
 
  |