/*进度条*/

div.mfc-slider-runway {
	width: 100%;
	height: 6px;
	margin: 30px 10px 20px;
	background-color: #e4e7ed;
	border-radius: 3px;
	position: relative;
	cursor: pointer;
	vertical-align: middle;
}

div.mfc-slider-runway .Progress_num,
div.mfc-slider-runway .Progress_min,
div.mfc-slider-runway .Progress_max {
	font-family: "微软雅黑";
	font-size: 15px;
	font-weight: 600;
	color: #34495E;
	position: absolute;
	top: 5px;
}

div.mfc-slider-runway span.Progress_min {
	left: 0;
}

div.mfc-slider-runway span.Progress_max {
	right: 0;
}

div.mfc-slider-runway div.mfc-slider-button span.Progress_num {
	top: -25px;
	left: -5px;
}

div.mfc-slider-runway div.mfc-slider-bar {
	height: 6px;
	background-color: #409eff;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	position: absolute;
	left: 0;
}

div.mfc-slider-runway div.mfc-slider-button-wrap {
	height: 36px;
	width: 36px;
	text-align: center;
	position: absolute;
	z-index: 1001;
	top: -15px;
	transform: translateX(-50%);
	background-color: transparent;
	text-align: center;
	user-select: none;
	line-height: normal;
}
div.mfc-slider-runway div.mfc-slider-button-wrap div.mfc-slider-button {
	width: 16px;
	height: 16px;
	border: 2px solid #409eff;
	background-color: #fff;
	border-radius: 50%;
	transition: .2s;
	user-select: none;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}


/*div.mfc-slider-runway div.mfc-slider-button-wrap div.mfc-slider-button:hover {
	transform: scale(1.2);
	cursor: grab;
}*/


/*进度条-可拖动*/
.box {
	margin: 100px auto 0;
	width: 80%
}

.clear:after {
	content: '';
	display: block;
	clear: both
}

.progress_slider {
	position: relative;
	margin: 30px 10px 20px;
	/*width: 400px;*/
	height: 6px;
	background: #e4e7ed;
	border-radius: 5px;
	cursor: pointer
}

div.progress_slider .Progress_num,
div.progress_slider .Progress_min,
div.progress_slider .Progress_max {
	font-family: "微软雅黑";
	font-size: 15px;
	font-weight: 600;
	color: #34495E;
	position: absolute;
	top: 8px;
}

div.progress_slider span.Progress_min {
	left: 0;
}

div.progress_slider span.Progress_max {
	right: 0;
} 

div.progress_slider div.block span.Progress_num {
	top: -25px;
	left: -5px;
}

.progress_slider .process {
	position: absolute;
	left: 0;
	top: 0;
	width: 112px;
	height: 6px;
	border-radius: 3px;
	background: #409eff
}

.progress_slider .thunk {
	position: absolute;
	left: 100px;
	top: -5px;
	width: 16px;
	height: 16px
}

.progress_slider .block {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	border: 2px solid #409eff;
	background: rgba(255, 255, 255, 1);
	transition: .2s all
}

.progress_slider .block:hover {
	transform: scale(1.1);
}