@charset "utf-8";
/* CSS Document */
body,div,p,span,ul,li,dl,dt,dd,a,ol,input,button,img,h1,h2,h3,h4,h5,h6{ padding:0; margin:0; list-style:none; border:0;}
body{ font-family:'Microsoft Yahei','Simsun'; color:#1E202C; font-size:14px; line-height:24px; background:#f6f6f6;}
a{ color:#fff; text-decoration:none;}
a:hover{color:#8DC9FF; text-decoration:none;}
body,input,button,img{outline:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
i{font-style:normal;}
.hhh{font-weight:normal;}
.dr_center{margin:0 auto;}
.dr_Pcenter{text-align:center;}
.no_padding{padding-left:0!important}
.no_bg{background:none!important}
.green{color:#3575CA;}
.no_margin{margin:0;}
.dr_con_a:hover{color:#333333; text-decoration:underline;}
.dr_cursor{cursor:pointer;}
input,button{font-family:"微软雅黑";}

/*content*/
.ms_all{width:1200px; margin: 15px auto; height:auto; color:#686868;}
.ms_all .ms_wrap{width:1110px; height:auto; padding: 0 45px; background:#fff; overflow: hidden;margin-bottom: 58px;}
.wz_nav{height:66px; line-height:66px; font-size:16px;}
.wz_nav a{color:#333;}
.wz_nav a:hover{color:#3476CA;}
.wz_nav span{color:#82878D;}
.wz_nav i{color:#3476CA; }

/*分类*/
.ms_fenlei{width:1102px; height:auto; background:#fff; border:1px solid #EDEDED; margin-bottom:20px;}
.fenlei01{ height:52px; line-height:52px; border-bottom:1px solid #EDEDED;}
.fenlei01 dt{float:left; padding:0 12px; text-align:center; background:url(../images/ms_r.jpg) no-repeat right center; color:#C0C0C0;}
.fenlei01 dd{float:left; width:1030px;}
.fenlei01 .fl_quanbu{padding:0 30px; color:#3874CA;}
.fl_ke{display:inline-block; width:92px; height:28px; text-align:center; line-height:28px; color:#3576CA; border:1px solid #3576CA; margin-right:22px;}
.fl_ke:hover{color:#fff; background:#3576CA; }
.fl_ke_last{margin-right: 0;}
.fenlei01  .current{color:#fff; background:#3576CA;}

.ms_kemu{height:45px; line-height:46px; border:0;clear: both;}
.ms_kemu .fl_list{margin-right:20px; padding:0 5px; height:18px; color: #3576ca;  overflow:hidden;}
 .ms_kemu .fl_list:hover{ background:#3576CA;  color:#fff;}
.ms_kemu .fl_list.current{background:#3576CA url(../images/xxx.png) no-repeat right 3px center; padding-right:15px; color:#fff;}
.ms_kemu .fl_list.current:hover{background:#3a7fdb url(../images/xxx_h.png) no-repeat right 3px center; padding-right:15px; color:#fff;}

/*排序*/
.paixu_wrap{width:1110px; height:33px; background:#f6f6f6; line-height:33px;}
.paixu_l{float:left; width:400px;}
.paixu_l li{width:75px; float:left;text-align:center;}
.paixu_l .xueyuan{padding-right:10px; background:#000 url(../images/xueyuan_t.png) no-repeat right 9px center; color:#fff;}
.paixu_l .xuanyuan_b{padding-right:10px; background:#000 url(../images/xueyuan_t.png) no-repeat right 9px center; color:#fff;}
.paixu_l .zonghe{background:#000; color:#fff; }

.paixu_r{float:right; width:88px; padding-right:25px;}
.paixu_r li{float:left;width: 39px;height: 31px; margin:1px 4px 0 0;cursor: pointer; }
.paixu_r .paixu_list{background:url(../images/paixu_list.png) no-repeat center center;}
.paixu_r .paixu_chart{background:url(../images/paixu_chart.png) no-repeat center center;}
.paixu_r .paixu_list_cur{background:url(../images/paixu_list_h.png) no-repeat center center;background-color: #fff;}
.paixu_r .paixu_chart_cur{background:url(../images/paixu_chart_h.png) no-repeat center center;background-color: #fff;}

/*所有课程列表*/
.yx_kecheng{height:auto; overflow:hidden; font-size:12px; padding-top:30px;}
/*列表形式*/
.list_kecheng{
	
}
.list_kecheng ul{
	margin-bottom: 36px;
}
.list_kecheng li:after{
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.list_kecheng ul li{
	width: 1020px;
	height: 100px;
	border-bottom: 1px solid #d2d2d2;
	padding: 25px 0;
	position: relative;
	margin: 0 auto;
}
.list_kecheng li img{
	width: 200px;
	height: 100px;
	float: left;
}
.list_kecheng li .list_img em{
	display: block;
	width: 45px;
	height: 22px;
	background: #3576ca;
	font-size: 14px;
	color: #fff;
	line-height: 22px;
	text-align: center;
	font-style: normal;
	position: absolute;
	left: 0;
	top: 25px;
}
.list_kecheng li .list_img i{
	display: block;
	width: 101px;
	height: 26px;
	background: url(/data/static/images/discount1.png) no-repeat;
	position: absolute;
	left: 0;
	bottom: 25px;
}
.list_kecheng li .list_ctn{
	float: left;
	margin-left: 55px;
}
.list_kecheng li h3{
	font-size: 16px;
	height: 24px;
	padding: 2px 0 14px 0;
}
.list_kecheng li h3 a{
	display: inline-block;
	color: #595959;
	font-weight: bold;
}
.list_kecheng li h3 a:hover{
	color: #3576ca;
}
.list_kecheng li h3 span{
	display: inline-block;
	width: 34px;
	padding-left: 24px;
	margin-left: 28px;
	color: #ff6600;
	background: url(/data/static/images/chart_st.png) no-repeat left center;
	cursor: pointer;
}
.list_kecheng li h3 span:hover{
	background: url(/data/static/images/chart_st_h.png) no-repeat left center;
}
.list_kecheng li h4{
	font-size: 14px;
	color: #4f4f4f;
	padding-bottom: 14px;
}
.list_kecheng li h4 span{
	margin-right: 18px;
}
.list_kecheng li p span{
	margin-right: 32px;
}
.list_kecheng li .price{
	font-size: 20px;
	color: #ff6600;
}
.list_kecheng li .original_price{
	font-size: 14px;
	color: #4f4f4f;
	text-decoration: line-through;
}
.list_kecheng li .todetail{
	display: inline-block;
	color: #3576ca;
	margin-right: 50px;
	line-height: 28px;
	font-size: 16px;
}
.list_kecheng li .todetail:hover{
	text-decoration: underline;
}
.list_kecheng li .topay{
	display: inline-block;
	width: 90px;
	height: 28px;
	color: #3576ca;
	border: 1px solid #3576ca;
	line-height: 28px;
	font-size: 16px;
	text-align: center;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	position: absolute;
	right: 0;
	bottom: 25px;
}
.list_kecheng li .topay:hover{
	background: #3576ca;
	color: #fff;
}


/*图表形式*/
.chart_kecheng{
	/*display: none;*/
}
.chart_kecheng ul{
	
}
.chart_kecheng ul:after{
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.chart_kecheng ul li{
	float: left;
	width: 228px;
	height: 258px;
	border: 1px solid #efefef;
	position: relative;
	margin: 0 23px 50px;
}
.chart_kecheng ul li:hover{
	border-color: #aaa;
}
.chart_kecheng li .chart_img{
	position: relative;
}
.chart_kecheng li img{
	width: 228px;
	height: 114px;
}
.chart_kecheng li .chart_img em{
	display: block;
	width: 45px;
	height: 22px;
	background: #3576ca;
	font-size: 14px;
	color: #fff;
	line-height: 22px;
	text-align: center;
	font-style: normal;
	position: absolute;
	left: 0;
	top: 0;
}
.chart_kecheng li .chart_img i{
	display: block;
	width: 101px;
	height: 26px;
	background: url(/data/static/images/discount1.png) no-repeat;
	position: absolute;
	left: 0;
	bottom: 0;
}
.chart_kecheng li .chart_ctn{
	padding: 10px 8px 0 10px;
}
.chart_kecheng li h3{
	font-size: 16px;
	height: 24px;
	line-height: 24px;
}
.chart_kecheng li h3 a{
	display: block;
	float: left;
	width: 150px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #595959;
	font-weight: bold;
}
.chart_kecheng li h3 a:hover{
	color: #3576ca;
}
.chart_kecheng li h3 span{
	display: block;
	float: right;
	width: 32px;
	padding-left: 24px;
	color: #ff6600;
	background: url(/data/static/images/chart_st.png) no-repeat left center;
}
.chart_kecheng li h3 span:hover{
	background: url(/data/static/images/chart_st_h.png) no-repeat left center;
}
.chart_kecheng li h4{
	font-size: 14px;
	color: #4f4f4f;
	line-height: 26px;
}
.chart_kecheng li h4 span{
	margin-right: 18px;
}
.chart_kecheng li p{
	line-height: 34px;
}
.chart_kecheng li .price{
	font-size: 20px;
	color: #ff6600;
	margin-right: 32px;
}
.chart_kecheng li .original_price{
	font-size: 14px;
	color: #4f4f4f;
	text-decoration: line-through;
}
.chart_kecheng li .chart_ctn div{
	margin-top: 5px;
	height: 30px;
}
.chart_kecheng li .chart_ctn div a{
	line-height: 28px;
	font-size: 16px;
}
.chart_kecheng li .chart_ctn .todetail{
	display: inline-block;
	color: #3576ca;
	margin-right: 50px;
}
.chart_kecheng li .chart_ctn .todetail:hover{
	text-decoration: underline;
}
.chart_kecheng li .chart_ctn .topay{
	display: inline-block;
	width: 90px;
	height: 28px;
	color: #3576ca;
	border: 1px solid #3576ca;
	text-align: center;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.chart_kecheng li .chart_ctn .topay:hover{
	background: #3576ca;
	color: #fff;
}


/*没有搜索到课程*/
.no-course{height: 530px;text-align: center;padding-top: 70px;}