body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td { margin: 0; padding: 0; border: 0;}
html { color: #000; }
html,body { height: 100%; }
body,button,input,select,textarea { 
	font-size: 12px; 
	font-family: "Source Han Sans SC", "苹方", "WenQuanYi Micro Hei" , 'Hiragino Sans GB', Tahoma, Arial, Helvetica;
}
ul,ol,li,dl,dd,dt{list-style: none;}
em { font-style: normal; }
a { text-decoration: none; }
a:hover { text-decoration: none!important; color:#E50E0B;}
legend { color: #000; }
fieldset,img { border: 0; }
label,button { cursor: pointer; }

/*解决IE图片缩放失真*/
img { -ms-interpolation-mode: bicubic; }
/*清除浮动*/
.clearfix:after { content: ''; display: block; height: 0; clear: both; }
.clearfix { zoom: 1; }
.clear { clear: both; }
/*连续英文、数字换行*/
.wordwrap { word-break: break-all; word-wrap: break-word; }
/*单行文字超出显示省略号*/
.omg{overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}

body{
	background-color: #f5f5f5;
}
.content{
	width: 1190px;
	margin: 0 auto;
}
.crumb{
	height: 60px;
	line-height: 60px;
	font-size: 14px;
	color: #999;
}
.crumb a{
	font-size: 14px;
	color: #999;
}
.crumb a:hover{
	color: #000;
}
.screening{
	background-color: #fff;
	width: 100%;
	padding: 19px 22px 21px 24px;
	font-size: 14px;
	color: #999;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.classify{
	border-top: solid 1px #e4e4e4;
	border-bottom: solid 1px #e4e4e4;
	padding: 11px 0 0;
}
.direction{
	padding: 11px 0 0;
}
.difficulty{
	padding: 11px 0 0;
}
.screening a{
	font-size: 14px;
	color: #000;
	display: inline-block;
	padding: 7px 11px;
	margin-left: 19px;
	margin-bottom: 16px;
}
.screening a:hover{
	color: #fff;
	background-color: #E50E0B;
}
.black{
	background-color: #000;
	color: #fff!important;
}
.black:hover{
	background-color: #000!important;
	color: #fff!important;
}
.screening span{
	display: inline-block;
	height: 100%;
	padding-top: 7px;
}
.course_name{
	display: inline-block;
	width: 1100px;
}
.course_name a:first-child{
    padding:7px 11px;
    margin-left: 30px;
}
.fl{
	float: left;
}
.course_list_small{
	float: left;
	width: 290px;
	height: 283px;
	background-color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin:0 10px 45px 0;
	transition: all 0.5s;
}
.course_list{
	width: 1190px;
	margin-top: 31px;
	min-height:300px;
}
.course_list_small h2{
	width: 255px;
	font-size: 14px;
	color: #181818;
	text-overflow:ellipsis;  
	white-space:nowrap; 
	overflow:hidden; 
	margin-left: 15px;
	line-height: 20px;
	margin-top: 20px;
	font-weight: normal;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.course_list_small p{
	margin-left: 15px;
	color: #999;
	font-size: 12px;
	margin-top: 2px;
}
.margin_right_0{
	margin-right: 0!important;
}
.img_div{
	height: 183px;
	overflow: hidden;
}
.img_div img{
	width: 290px;
	height: 183px;
}
.course_list_small:hover img{
	transform:scale(1.1,1.1);
	-o-transform:scale(1.1,1.1);
	-ms-transform:scale(1.1,1.1);
	 -webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.3);
    -transform:scale(1.1,1.1);
}
.course_list_small img{
	transition: all 0.5s;
}
.course_list_small:hover{
	box-shadow: 0px 2px 20px rgba(172,172,172,0.5);
}
.content_none{
	margin-top:80px;
	border-top:solid 1px #e4e4e4;
	text-align: center;
	height: 40px;
}
.content_none span{
	display: inline-block;
	background-color: #f5f5f5;
	color: #666;
	position: relative;
	top: -8px;
	font-size: 12px;
	padding: 10px;
}

.search_index{margin-top:22px;font-size:14px;width:100%;}
.search_index .btn{margin-right:10px;cursor:pointer;color:#999;}
.search_index .fr{float:right;}
.search_index select{background:none;border:none;font-size:14px;outline: none;}
.search_index .black1{color:#000;}
.study_state{position:relative;}
.study_state .all_div_select{position:absolute;top:-11px;right:-1px;height:130px;
	width:84px;background:#fff;border:1px solid #e3e3e3;
	line-height:30px;padding-top:5px;z-index: 99999999;
}
.all_select{cursor:pointer;margin-right:10px;}
.study_state .all_div_select div{padding-left:15px;height:30px;cursor:pointer;}
.study_state .all_div_select div.cur1{background:#efefef;}
.all_select img{margin-left:5px;}
.state_green{color:#fff;font-size:12px;width:48px;height:22px;line-height:22px;text-align:center;background:#41c974;
	position: absolute;margin-top: -22px;}
.state_grey{color:#fff;font-size:12px;width:48px;height:22px;line-height:22px;text-align:center;background:#8294b4;
	position: absolute;margin-top: -22px;}
.allSelect{display:block;width:42px;float:left;text-align:right;}
.study_state .all_div_select div.option2{padding-left:27px;}


.video-name-status{

}

.video-name-status .video-name{
	display: inline-block;

}
.video-name{
	font-size: 14px;
	color: #181818;
	margin-left: 15px;
	line-height: 20px;
	margin-top: 20px;
	font-weight: normal;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.video-name-lzz{
	max-width: 210px;
}
.video-name-ywj{
	max-width: 260px;
}
.course_build_status {
	width: auto;
	background-color: #b6bfc7;
	display: inline-block;
	text-align: center;
	vertical-align: top;
    padding-left: 2px;
    padding-right: 2px;
    color: white;
    font-size:12px;
    line-height: 16px;
    height: 16px;
	margin-top: 22px;
}

.pagesBox {
  height: 50px;
  text-align: right;
}
.pagesBox #pagesListBox {
  display: inline-block;
  padding-left: 0;
  border-radius: 4px;
}
.pagesBox #pagesListBox > li {
  display: inline-block;
  margin-right: 10px;
}
.pagesBox #pagesListBox > li:last-child {
  margin-right: 0;
}
.pagesBox #pagesListBox > li > a,
.pagesBox #pagesListBox > li > span {
  position: relative;
  float: left;
  height: 30px;
  min-width: 10px;
  text-align: center;
  line-height: 30px;
  color: #000;
  text-decoration: none;
  background-color: #fff;
}
.pagesBox #pagesListBox > li.page > a {
  border: 1px solid #ddd;
  padding: 0 10px;
}
.pagesBox #pagesListBox > li.fist a,
.pagesBox #pagesListBox > li.last a,
.pagesBox #pagesListBox > li.next a,
.pagesBox #pagesListBox > li.prev a,
.pagesBox #pagesListBox li.disabled a,
.pagesBox #pagesListBox li:first-child a {
  background: none;
  padding: 0 3px;
}
.pagesBox #pagesListBox > li:first-child > a,
.pagesBox #pagesListBox > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagesBox #pagesListBox > li:last-child > a,
.pagesBox #pagesListBox > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagesBox #pagesListBox > li > a:hover,
.pagesBox #pagesListBox > li > span:hover,
.pagesBox #pagesListBox > li > a:focus,
.pagesBox #pagesListBox > li > span:focus {
  z-index: 2;
  color: #fff;
  background-color: #000;
  border-color: #000;
}
.pagesBox #pagesListBox > .active > a,
.pagesBox #pagesListBox > .active > span,
.pagesBox #pagesListBox > .active > a:hover,
.pagesBox #pagesListBox > .active > span:hover,
.pagesBox #pagesListBox > .active > a:focus,
.pagesBox #pagesListBox > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #000;
  border-color: #000;
}
.pagesBox #pagesListBox > .disabled > span,
.pagesBox #pagesListBox > .disabled > span:hover,
.pagesBox #pagesListBox > .disabled > span:focus,
.pagesBox #pagesListBox > .disabled > a,
.pagesBox #pagesListBox > .disabled > a:hover,
.pagesBox #pagesListBox > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #000;
}