@import "header.css";

.catelist{ background: #fff; font-size:1.4rem;}
.catelist .row{ border-top:1px solid #eaeaea; padding:2rem 0;}
.catelist .row:first-child{border-top:0;}
.catelist .row .col-sm-1{ vertical-align: middle; text-align: center; height: 2.5rem; line-height: 2.5rem; }
.catelist .row .col-sm-1 .sxico-right{ margin-left:0.5rem; display:inline-block;}
.catelist ul li{ float:left;width:9rem; height: 3rem; line-height:2.5rem; text-align: left; margin-right: -10px;}
.catelist a{padding:0.5rem 1rem; 
	transition: background 1s;
	-moz-transition: background 1s; /* Firefox 4 */
	-webkit-transition: background 1s; /* Safari 和 Chrome */
	-o-transition: background 1s; /* Opera */
}
.catelist a:hover,.catelist a.hover{ background: #1992f5; color:#fff; border-radius: 5px; transition: background 1s;
	-moz-transition: background 1s; /* Firefox 4 */
	-webkit-transition: background 1s; /* Safari 和 Chrome */
	-o-transition: background 1s; /* Opera */ }

.videolist{ overflow-x: hidden;}
.videolist .row{margin-left:-2.5rem; margin-right: -2.5rem;}
.videolist .col-sm-2{width:20%;}
.videolist .thumbnail{padding:0; border-radius: 2rem; overflow: hidden;}
.videolist .thumbnail img{width:100%;}
.videolist .thumbnail h5{ border-bottom: 1px dotted #c5c5c5; margin:0; padding:0; line-height: 3rem;height: 3.2rem;overflow-y: hidden;}
.videolist .thumbnail p{ color:#b3b2ad; padding-top:1rem;}
.videolist .imghover { position: relative; }
.videolist .imghover h4{ position: absolute; line-height: 3rem;padding:0 2rem;font-size:4rem;  left:0 ; right:0; top:2rem; color:#144d68; text-align: center; font-family: "微软雅黑","黑体"}
.videolist .imghover h4 small{clear: both;}



/*教师的课程列表*/
.videoteacher h1{font-size:2rem; color:#474747; }
.videoteacher h1 small{ margin-left:5rem;font-size:1.4rem;  color:#7c7c7c;}
.videoteacher h2{ color:#858587; font-size:2rem;}
.videoteacher .panel{ border:0; border-radius: 0; margin-bottom:2rem; clear: both; }
.videoteacher .panel .panel-heading{ background:#fff; border:0 }
.videoteacher .panel-group .panel-heading + .panel-collapse > .list-group,.videoteacher .panel-group .panel-heading + .panel-collapse > .panel-body {border:0 }
.videoteacher .list-group-item{ background: #f8f8f8; color:#a9a3bb; margin-bottom:1rem; border:0;}

.videoteacher .panel .panel-heading .row > div { height: 4rem; line-height: 4rem;}
.videoteacher .panel .panel-heading  .col-sm-5{ color:#787878; font-weight: bold;}
.videoteacher .panel .panel-heading  .col-sm-3{ color:#000000;}

.videoteacher .panel  i{ margin-right:1rem;  background: url(../img/ico_jian.png) no-repeat left center; width:2.1rem;height:4rem; display: inline-block; background-size: 2.2rem;  }
.videoteacher .collapsed i{background: url(../img/ico_jia.png) no-repeat left center;background-size: 2.2rem;  }

.videoteacher .panel a{ font-size:10px;}
.videoteacher .panel .row{ padding:1rem ;}
.videoteacher .panel .row > div{ padding:0;}


.videoteacher .panel strong {font-size:1.4rem; padding-left:1rem;}

.videoteacher .panel  .list-group-item a.link-orange{  visibility: hidden}
.videoteacher .panel  .list-group-item.hover a.link-orange{  visibility: visible;}
.videoteacher .panel  .list-group-item.hover  {color:#2262a2; background:#ebf5ff;}
.videoteacher h3{ font-size:1.6rem; color:#686a69;}
.videoteacher .videotuijian{ margin-bottom: 2rem;}
.videoteacher .videotuijian li{ clear:both; line-height: 2.5rem ;height: 2.5rem;  color:#2062ac;}
.videoteacher .videotuijian li a{ color:#2062ac;} 



.examlist .row{ margin-bottom:2rem; background: #fff; height:12.2rem; color:#2e0000; padding:1rem;}
.schoollist .row{height:10rem;}
.examlist .pull-right{ padding-top:4rem;}
.schoollist .pull-right{ padding-top:3rem;}
.examlist h5{ color:#2e0000;height:3rem; line-height: 3rem; padding-left:3rem; background: url(../img/ico_word.png) no-repeat left center;}
.schoollist .media-body{ color:#797979;}
.examdetail{  position: relative; background: #fff;}
.examdetail .corner{ display: block; height:61px; width:61px;position: absolute; right:0; top:0; background: url(../img/ico_corner.png) no-repeat right top;cursor: pointer;}
.examdetail .col-sm-10{padding:1 5rem 5rem; min-height: 30rem;}
.examdetail h4{ color:#3b3b3b; line-height: 5rem; height: 5rem;}

.videodetail{ background: #2a2e31;}
.videodetail h1{font-size:1.8rem;  color:#fff; padding-bottom: 1rem;}
.videodetail h1 small{ margin-left:3rem; color:#fff; font-size:1.4rem;}
.videodetail .videonow{padding-bottom: 1.2rem;padding-right:1rem;margin: 0;}
.videodetail .videonow .col-sm-3{padding-right: 0;}
.videodetail .videonow .col-sm-9{ position: relative;}
.videodetail .videonow .col-sm-9 img{width:100%;}
.videodetail .split{ display: block;width:1.6rem; height:100%; position: absolute; top:0; bottom:0; right:-1.5rem;
	background:url(../img/videosplit.jpg) #3c3f44 no-repeat center; z-index: 100; cursor: pointer;}

.videodetail .videoinfo{ background: #fff; padding-top:1.2rem; color:#010000;}
.videodetail .videoinfo img{ border-radius: 50%; width:7rem;height:7rem;} 
.videodetail .videoinfo a{ color:#5579b5;}

 
 
.videodetail .panel{ color:#f2f2f2; border:0; border-radius: 0; margin-bottom:0; clear: both; background: #2a2e31; }
.videodetail .panel .panel-heading{  border:0 }
.videodetail .panel-group .panel-heading + .panel-collapse > .list-group,.videodetail .panel-group .panel-heading + .panel-collapse > .panel-body {border:0 }
.videodetail .list-group-item{ background: #2a2e31;  color:#1777FF;  border:0;}
.videodetail .list-group-item a{  color:#333;}
 
.videodetail .panel  i{ margin-right:1rem; line-height: 3rem; font-size:1rem; background: url(../img/ico_vjian.png) no-repeat left; width:2rem;height:3rem;display: inline-block; }
.videodetail .collapsed i{background: url(../img/ico_vjia.png) no-repeat left;}

.videodetail  .panel-group{margin-bottom:0; }

.videodetail .panel .list-group{margin-left: 2rem;padding-right: 1.5rem;height: 510px;overflow-y:auto;/* background: url(../img/ico_vplaybg.png) 0.5rem repeat-y; */}
.videodetail .panel .list-group-item{padding:0;padding-left:2rem;/* height:2rem; */line-height: 2rem;margin-bottom:2rem;}

.videodetail .panel .list-group-item .col-xs-9{padding-left:3rem;/* height: 22px; */overflow-y: hidden;background: url(../img/ico_vplay.png) no-repeat left;}
.videodetail .panel .list-group-item.hover .col-xs-9{padding-left:3rem;/* height: 22px; */overflow-y: hidden;background: url(../img/ico_vplaynow.png) no-repeat left;}
.videodetail .panel .list-group-item.hover .col-xs-9 a{color: #1777FF;}
.videodetail .panel .list-group-item .col-xs-3{ padding-left:0;}

.icobook{ padding-left:3rem; background: url(../img/subject/yw.png) no-repeat left center; background-size:1.6rem; }
.icobook1{ padding-left:3rem; background: url(../img/subject/yw.png) no-repeat left center; background-size:1.6rem; }
.icobook2{ padding-left:3rem; background: url(../img/subject/sx.png) no-repeat left center; background-size:1.6rem; }
.icobook3{ padding-left:3rem; background: url(../img/subject/wy.png) no-repeat left center; background-size:1.6rem; }
.icobook4{ padding-left:3rem; background: url(../img/subject/wl.png) no-repeat left center; background-size:1.6rem; }
.icobook5{ padding-left:3rem; background: url(../img/subject/hx.png) no-repeat left center; background-size:1.6rem; }
.icobook6{ padding-left:3rem; background: url(../img/subject/sw.png) no-repeat left center; background-size:1.6rem; }
.icobook7{ padding-left:3rem; background: url(../img/subject/zz.png) no-repeat left center; background-size:1.6rem; }
.icobook8{ padding-left:3rem; background: url(../img/subject/dl.png) no-repeat left center; background-size:1.6rem; }
.icobook9{ padding-left:3rem; background: url(../img/subject/ls.png) no-repeat left center; background-size:1.6rem; }
.videoteacher .whitebg{ padding:2.5rem; margin-bottom:1.6rem;}
.icosplit{ padding-left:1.5rem; background: url(../img/ico_h2split.png) no-repeat left center; background-size:auto 1.5rem; }
/*201909011*/
.videonowrightlist{height: 500px;overflow-y: auto;}
.videonowrightlist .panel .list-group{
	height: auto!important;
}