/* slider */
.slider_box{
	width: 432px;
	float:left;
	position: relative;
}

.slider_box .slider_container{
	height: 6px;
	position: relative;
}

.slider_box .slider_bar_bg{
	border-radius: 3px;
	height: 6px;
	position : relative;
	margin-left: 12px;
	margin-right: 12px;
	width: 412px;
}

.slider_box .slider_bar_bg .bg{
	position: absolute;
	height: 6px;
}

.slider_box .slider_bar_bg .bg.left{
	left: 1px;
	width: 206px;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
	background: #00BF99;
}
.slider_box .slider_bar_bg .bg.right{
	width: 206px;
	right: 1px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	background: #F7685B;
}

.slider_box .slider_bar_bg .bg_cover{
	position:absolute;
	border-radius: 3px;
	height: 6px;
	background: #EBEFF2;
	
}

.slider_box .slider_bar_bg #left_cover.bg_cover{
	left: 0px;
}

.slider_box .slider_bar_bg #right_cover.bg_cover{
	right: 0px;	
}


.slider_box .label_box{
	position: absolute;
	top: 16px;
	left: 7px;
	right: 6px;
}

.slider_box .label_box .label{
	position: absolute;
	color: #707683;
	text-align: center;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
}

.slider_box .label_box .label.bold{
	font-weight: 600;	
}

.slider_box .slider{
	width: 20px;
	height: 20px;
	cursor: pointer;
	top: -11px;
	z-index: 9;
	position: absolute;
}


.slider_box .slider .icon{
	width: 30px;
	height: 30px;
	background: url("/resources/img/common/handle.svg");
	fill: #FFF;
	stroke-width: 1px;
	stroke: rgba(0, 0, 0, 0.10);
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.05));
	margin-top: 3px;
}


.slider_box .label_box .label:nth-child(1){
	left: -10px;
}
.slider_box .label_box .label:nth-child(2){
	left: 205.5px;
}
.slider_box .label_box .label:nth-child(3){
	left: 412px;
}

.slider_box .slider_balloon_box{
	position:absolute;
	overflow: hidden;
	width: 53px;
	height: 26px;	
	background: #FFFFFF;
	border: 1px solid #EEEEEE;	
	box-shadow: 0px 4px 8px -2px rgba(0, 0, 0, 0.08), 0px 2px 4px -2px rgba(0, 0, 0, 0.04);
	top: 0px;
}

.slider_box .balloon_box{
	position: absolute;
	top: -40px;
	left: -30px;
	right: -28px;
	height: 60px;
}

.slider_box .slider_balloon_box .text{
	line-height: 26px;
	text-align: center;
	color: #F7685B;
	font-weight: 600;
	font-size: 12px;	
}

.slider_box .slider_balloon_box.minus .text{
	color: #2ED47A;
}

.slider_box .slider_balloon_box.middle .text{
	color : #707683;
}


.slider_box #min_slider_balloon{
	left: -12px;
	border-radius: 6px 6px 0px 6px;
}

.slider_box #max_slider_balloon{
	right: -15px;
	/* left: 449px; */
	border-radius: 6px 6px 6px 0px;
}