.kedu-container{
	right: 0;
	height: 100%;
	width: 180px;
	position: fixed;
	top: 0;
	z-index: 10000;
	border-right: 1px solid #cdced0;
	background: rgba(211, 212, 214, .5);
}

.kd-line{
	height: 100%;
	display: flex;
	justify-content: space-around;
	flex-direction: column;
	position: relative;
	align-items: flex-end;
}

.kd-line .text a{
    color: #666666;
}

.kd-line .text{
	position: absolute;
	left: 130px;
	top: 0px;
	color: #666;
	font-size: 14px;
	line-height: 2;
	box-sizing: border-box;
	transform: translateX(-100%);
	white-space: nowrap;
}
.kd-line span:nth-child(1){
	width: 40px;
}
.kd-line span{
	
	width: 30px;
	height: 1px;
	background: #fff;
}



.black-skin .kd-line span{
	background: #666;
}

.swiper-slide-active .kd-line span:nth-child(1){
	background-color:#aa2724 ;
}
.swiper-slide-active .text{
	background: #aa2724;
	color: #fff;
	font-size: 14px;
	padding-right: 24px;
	text-align: right;
	width: calc(100% - 50px);
}


.black-skin .swiper-slide-active .text{
	color: #fff;	
}

 .swiper-slide-active .text:after{
	content: "";
	display: block;
	right: -14px;
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
	border: 6px solid transparent;
	border-left: 8px solid #aa2724;
	width: 0;
	height: 0px;
}



.swiper-slide-active .text a{
	color: #fff;
}

.kdswiper .swiper-slide{
	opacity:.5;
}

.kdswiper .swiper-slide.swiper-slide-active{
	opacity: 1;
}


.kdswiper .swiper-slide-prev,.kdswiper .swiper-slide-next{
	opacity: .8;
}



@media screen and (max-width: 768px){	
	.kedu-container{
		display: none;
	}
}