.y-axi{
	width:40px;
	background:#f0f0f0;
	float:left;
}
.kedu ul{
	padding: 0;
    margin: 0px;
    height: 100%;
}
.kedu li{
	list-style: none;
	margin:0;
	height:10%;
	text-align: right;
}
.colm-x{
	width: 1390px;
	height:300px;
	float:left;
	background:#fff;

}
.colm{
	height: 300px;
    width: 25px;
    background: #01454e;
    margin-top: 0px;
}
.colm_wrap{
	height: 300px;
    width: 25px;
    margin-left:20px;
    position: relative;
    float: left;	

}
.colm_top{
	height:150px;
    background: -webkit-linear-gradient(#efff00, #4bff10);
    background: linear-gradient(#efff00, #4bff10);
}
.colm_bottom{
	height:150px;
	background: -webkit-linear-gradient(#2267e6, #30324c);
	background: linear-gradient(#00328a, #0d19b3);
}
.colm_bar{
    position: absolute;
    top: 0px;
    height: 0;
    width: 20px;
}
.colm_bar span{
	display: block;
	text-align: center;
	margin-top:-20px;
	font-size: 14px;
}
.y-line{
    position: relative;
    width: 40px;
    height: 500px;
}
.arrow_middel{
	position: absolute;
    right: 0px;
    top:147px;
    bottom: 151px;
    width: 25px;
    height: 5px;
    z-index: 9;
    cursor: n-resize;
    background: #d8ff00;
    z-index: 99999;
    margin-top: -4px;
}
.y-arrow{
	position: absolute;
	left:20px;
	top:0px;
    height: 5px;
    width: 20px;
    background: #f00;
	cursor:n-resize;	
}
.kedu{
	width:39px;
	float:left;
	height: 300px;
	background:#f0f0f0; 
}
.wrap{
	padding: 0px;
	width: 1440px;
}
.clear{
	clear:both;
}
.x-num{
	padding-left:40px;
	position: absolute;
	z-index:999;
	height:20px;
	width: 1397px;
}
.x-num span.x_n{
    display:block;
    float:left;
    margin-left: 20px;
    width: 25px;
    text-align: center;
}