.range{ 
		position: relative;
		display: inline-block;
		margin-top: 8px;
		// margin-bottom: 8px;
		width: calc(100% - 32px);
		height: 62px;
		//@include align-center;
		
		//border: 0.4px solid blue;            //←←←←←←←←←←←←←←←←←←←←

		& .bar{
			position: absolute;
			display: inline-block;
			bottom: 32px;
			height: 3px;
			width: 100%;
			background-color: #0000001e;
			//border: 0.4px solid blue;            //←←←←←←←←←←←←←←←←←←←←

			& ol {
				& li{
					position: absolute;
					display: inline-block;
					bottom:2px;
					height: 16px;
					width: 2px;
					background-color: #0000001e;
					
				}

				& li:nth-child(1){left:25%;}
				& li:nth-child(2){left:50%; height: 24px;}
				& li:nth-child(3){left:75%;}
			}
		}/*bar*/

		& .bar-active{
			position: absolute;
			display: inline-block;
			bottom: 32px;
			height: 6px;
			width: 100%;
			border-radius: 0px;
			width: 50%;
			left: 25%;
			background-color: #0280EE;
		}/*bar*/


		& [class^="circle"]{
			position: absolute;
			display: inline-block;
			bottom: 24px;
			height: 20px;
			width: 20px;

			left: 25%;
			border-radius: 50%;
			background-color: #0280EE;	
			transform: translateX(-50%);
			//@include bs-1;	
			//border: 0.4px solid blue;            //←←←←←←←←←←←←←←←←←←←←

			& label {
				position: absolute;
				display: inline-block;	

				top: 24px;	
				line-height: 1;
				white-space: nowrap;

				//@include align-center;	
				//@include font(caption, $c-b);
				font-weight: 500;

				//border: 0.4px solid green;            //←←←←←←←←←←←←←←←←←←←←


			}


		}

		& .circle-a{
			& label{
				top: -16px;
				//border: 0.4px solid green;            //←←←←←←←←←←←←←←←←←←←←
			}
		}




}