/* CSS Document */
.productClass {	
	padding-top:108px;
}
.productCourse{	
	margin:0 0 10px;
}
.classList{
	width:258px;
	margin-bottom:30px;
}
.classList .classNav{
	line-height:40px;
	color:#004990;
	font-size:24px;
	padding-left:15px;
	border-top:solid 1px #004990;
	border-bottom:solid 1px #004990;
	position:relative;
}
.classList .classNav .go{
	width:24px;
	height:14px;
	background:url(../images/product/icon2.png) no-repeat;
	background-size:100% 100%;
	display:inline-block;
	position:absolute;
	top:50%;
	right:10px;
	margin-top:-7px;
	cursor:pointer;
}
.classList ul{
	padding:12px 0 25px;
	border-bottom:solid 1px #004990;
}
.classList li{
	line-height:40px;
	color:#717183;
	font-size:16px;	
	margin-bottom:3px;
	cursor:pointer;
	position:relative;
}
.classList li:before{
	content:"";
	width:0;
	height:0;
	border-left:solid 8px #5f88af;
	border-top:solid 5px transparent;
	border-bottom:solid 5px transparent;
	display:none;
	position:absolute;
	top:15px;
	left:0;
}
.classList li.have:before{
	display:block;
}
.classList li.on{
	color:#004990;
	background:#e5ecf5;
}
.classList li.open:before{
	border-left:solid 5px transparent;
	border-top:solid 8px #5f88af;
	border-right:solid 5px transparent;
	top:16px;
}
.classList li .text{
	padding-left:18px;
	padding-right:60px;
	white-space:nowrap; 
	text-overflow:ellipsis; 
	-o-text-overflow:ellipsis; 
	overflow:hidden;
}
.classList li .count{
	position:absolute;
	top:0;
	right:0;
	width:50px;
	line-height:40px;
}
.classList li ul{
	padding:0;
	border-bottom:none;
	display:none;
}
.classList li.open ul{	
	display:block;
}
.classList li ul .text{
	padding-left:50px;
}
.classMain{
	width:892px;
}