body{ background:#F5F7F9 !important}

.course-l{ width: 880px; float: left;}
.main-course{min-height: 750px;}
.course-r{ float: left; width: 270px; margin-left: 20px; }
.recommed-course{background: #FFF; border: #efefef 1px solid;}
.recommed-course h2{ position: relative; display: block; padding:20px 15px 20px 33px; font-size: 16px;}
.recommed-course h2:before{ position: absolute; content: ""; left: 15px; top: 22px; width: 3px; height: 16px; background: #3179e6;}
.recommed-course ul{ display: block; padding: 0 15px 20px;}
.recommed-course li{ padding-bottom: 10px; margin-bottom: 10px; border-bottom: #e9e9e9 1px dotted}
.recommed-course li:last-child{ margin-bottom: 0; padding-bottom: 0; border-bottom: none;}
.recommed-course li a{ display: block; position: relative; padding-left: 100px;}
.recommed-course li a .c-img{ position: absolute; left: 0; top: 0; width: 90px; height: 55px;}
.recommed-course li a .c-img img{ width:90px; height: 55px;}
.recommed-course li a .c-info h3{ display: block; height: 32px; overflow: hidden; font-size: 14px; margin-bottom: 8px;}
.recommed-course li a .c-info span{ color: #999;}
.recommed-course li a .c-info span i{ display: inline-block; width: 14px; height: 14px; background: url(../images/common_icon.png) -303px -17px no-repeat;  vertical-align: top; margin-right: 5px;}

.breadcrumbs{ margin:30px 0 15px;}
.breadcrumb {padding: 0;margin-bottom: 0;list-style: none; background-color:transparent;border-radius: 4px;}

.main-line{}
.bg-white{ background:#FFF; }
.bg-gray{ background:#FAFAFA;}

.filter{ font-size:14px;}
.filter .row{ background:#FFF; border:#efefef 1px solid; padding:10px 20px; margin:0 0 10px;}
.filter dl{padding:14px 0 0 80px;border-bottom:1px dotted #e5e5e5;line-height:20px;}
.filter dl:last-child{ border-bottom:none;}
.filter dt{float:left;width:80px;display:inline;margin:0 0 -1px -80px;padding-bottom:16px;position:relative;line-height:26px; color:#666;}
.filter dd{*zoom:1;}
.filter dd a{float:left;margin:0 10px 15px 0;padding:1px 10px;line-height:26px;color:#666;}
.filter dd a:hover{text-decoration:none;color:#3179e6;}
.filter dd a.on{color:#3179e6;padding:1 10px;}

.rank-op { margin-bottom:20px;}
.rank-op .row{border: #efefef 1px solid; background: #FFF;}
.rank-op ul, .rank-op li { float: left; }
.rank-op ul.rank{ width:650px; display:block}
.rank-op ul.rank li { display:block; float:left; font-size:14px;}
.rank-op ul.rank li a { display: block; padding:15px 20px;color:#666; }
.rank-op ul.rank li a:hover{ color:#3179e6;}
.rank-op ul.rank li.checked a{  color:#3179e6;}
.rank-op ul.rank li span { display: block; padding: 0;  }
.rank-op ul.rank-page { float: right; display:block; height:32px; line-height:32px; text-align:right; margin-top:10px; margin-right:20px; }
.rank-op ul.rank-page .page-num { padding-right: 7px; color: #333; font-size: 14px; float:left; width:120px; padding-right:10px; text-align:right;height:30px; line-height:30px; }
.rank-op ul.rank-page .page-num span { color: #3179e6; }
.rank-op ul.rank-page .change-page{ float:right;}
.rank-op ul.rank-page a { float: left; display:block; height:26px; width:26px;}
.rank-op ul.rank-page a i{ font-size:12px;}

.rank-op ul.rank-page a.prev, .rank-op ul.rank-page a.next { display:block; float: left; width: 30px; height: 30px; padding: 7px 0; text-align:center;  border:#e5e5e5 1px solid; color:#666; border-radius: 15px; margin-left: 5px; }
.rank-op ul.rank-page a.prev-disable,.rank-op ul.rank-page a.prev-disable:hover { background:#f5f5f5; color:#bbb; }
.rank-op ul.rank-page a.prev:hover,.rank-op ul.rank-page a.next:hover { background:#f5f5f5; }
.rank-op ul.rank-page a.next-disable,.rank-op ul.rank-page a.next-disable:hover {background:#f5f5f5; color:#bbb;}

.rank-op ul.rank-page a.prev i, .rank-op ul.rank-page a.next i{ display: inline-block; vertical-align: top; height: 14px; width: 14px; background: url(../images/common_icon.png) no-repeat;}

.rank-op ul.rank-page a.next i{background-position: -318px -77px;}
.rank-op ul.rank-page a.next-disable i{background-position: -318px -62px;}
.rank-op ul.rank-page a.prev i{ background-position: -303px -77px;}
.rank-op ul.rank-page a.prev-disable i{background-position: -303px -62px;}



.panel-wrapper .container .panel-body{ padding:0; }
.course-wrapper header { position: relative;  margin-bottom: 30px; }
.course-wrapper header h2 { position: relative; float: left; line-height: 38px; padding: 0; font-size: 28px; font-weight: 400; color: #333; }
.course-wrapper header .tit-more { display: block; position: absolute; top: 5px; right: 0; height: 24px; line-height: 24px; padding-left: 15px; font-size:14px; }
.course-wrapper header .tit-more a { color: #3179e6; }
.course-wrapper header .tit-more a:hover { color: #3179e6; }
/*课程列表*/
.course-wrapper .tab-nav { display: inline-block; margin-left: 50px; padding-top:5px; }
.course-wrapper .tab-nav li { float: left; }
.course-wrapper .tab-nav li a { display: block; height: 28px; line-height: 28px; padding: 0 15px; border-radius:14px; margin-right: 10px; font-size: 14px; color:#666; }
.course-wrapper .tab-nav li a:hover, .course-wrapper .tab-nav li.active a { color: #FFF; background:#3179e6; }


.course-wrapper .row { margin-left:-22px;}
.course-wrapper .course-list { width: 278px; float: left; margin-left:20px; font-size: 14px; margin-bottom:20px; border-radius: 5px;}
.course-panel { display: block; width: 276px; position: relative; background: #FFF; border-radius: 6px;overflow: hidden;border-radius: 5px;-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.05); -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.05); box-shadow: 0 2px 3px rgba(0,0,0,0.05);-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; }
.course-panel .course-img { position: relative;display: block; border-bottom:1px solid #ccc;padding: 0; width: 276px;height:140px; overflow: hidden; margin: 0 auto;}
.course-panel .course-img img { width:100%; height:100%;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}
.course-panel .course-name { display: flex; color: #333; margin: 8px 8px 10px;  text-align: left; font-size: 16px;text-overflow: ellipsis; white-space: nowrap;overflow: hidden; }
.course-panel .course-attr { position: relative; position: relative; margin: 8px 8px 10px;color: #999; text-align: left; font-size:12px;overflow: hidden;}
.course-panel .course-attr span:first-child {width:70%; vertical-align:top; display: inline-block;  text-overflow: ellipsis; white-space:nowrap; overflow: hidden;float: left;}
.course-panel .course-attr-smart { position: relative;width: 100%; position: relative; padding: 0 8px; margin-bottom:6px; color: #55B929; text-align: left; font-size:10px;}
.course-panel .course-attr span:last-child{ display: inline-block; float:right;text-overflow: ellipsis; white-space:nowrap; overflow: hidden;}
.course-panel .course-attr span:last-child i.icon-people2{background: url(../images/xuankerenshu.png) no-repeat center;width:12px;height: 12px;display: inline-block;margin-right: 8px;}
.course-panel .course-attr-smart span{display:inline-block;}
.course-panel .course-attr-smart .termName{width:200px;}
.course-panel .course-attr .iconfont{ display: inline-block; width: 14px; height: 14px;font-size: 14px; line-height: 14px; margin-right: 5px;}
.course-panel:hover {background: #FFF; -webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.1); -moz-box-shadow: 0 3px 10px rgba(0,0,0,0.1); box-shadow: 0 3px 10px rgba(0,0,0,0.1); }
.course-panel:hover img{opacity:0.8;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1);-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out}
.typeTab{display: flex; width: 100%;margin: 8px 8px 10px; text-align: left;font-size: 12px;font-size:10px; }
.course-Mooc{color:#62a140;padding: 1px 3px;border-radius: 4px;margin-right:8px;display:inline-block;border:1px solid #62a140;}
.course-Spoc{color:#405fc1;padding: 1px 3px;border-radius: 4px;margin-right:8px;display:inline-block;border:1px solid #405fc1;}
.businessType{color:#eb5055;padding: 1px 3px;border-radius: 4px;margin-right:8px;display:inline-block;border:1px solid #eb5055;}
.bouti{color:#ffaa1c;padding: 1px 3px;border-radius: 4px;margin-right:8px;display:inline-block;border:1px solid #ffaa1c;}
.schoolName{color: #4CAF50;padding: 1px 3px;border-radius: 4px;display:inline-block;border:1px solid #4CAF50;}

/* 老师详情 */
.bgTearchBack{padding-top: 40px;top: 0;left: 0;min-height: 808px;width: 100%;min-width: 1200px;zoom: 1;background-repeat: no-repeat;background-size: cover;-webkit-background-size: cover;-o-background-size: cover;background-position: center 0;} 
.bgTearchBack .tearchBox{background: #fff;}
.bgTearchBack .tearchInfo{padding:30px;}
.bgTearchBack .tearchInfo .user-portrait{float: left;width:162px;height: 162px;border-radius: 50%;}
.bgTearchBack .tearchInfo .user-portrait img{width:162px;height: 162px;border-radius: 50%;}
.bgTearchBack .tearchInfo .tearchInfo-right{ margin-left: 190px;}
.bgTearchBack .tearchInfo .tearchInfo-right h2{font-size: 29px;font-weight: 800;margin-bottom: 20px;}
.bgTearchBack .tearchInfo .tearchInfo-right .tearchInfo-2 .Info-2-left{float: left;width:128px;}
.bgTearchBack .tearchInfo .tearchInfo-right .tearchInfo-2 .Info-2-left .t-info-attr{padding:6px 8px;text-align:center;background: #EEEEEE;margin-bottom: 16px;}
.bgTearchBack .tearchInfo .tearchInfo-right .tearchInfo-2 .Info-2-left .va{padding:6px 8px;text-align:center;background: #EEEEEE;}
.bgTearchBack .tearchInfo .tearchInfo-right .tearchInfo-2 .Info-2-left .va .title{font-size:14px;margin-bottom:5px;}
.bgTearchBack .tearchInfo .tearchInfo-right .tearchInfo-2 .Info-2-left .va .number{font-size:20px;margin-bottom:0px;font-weight: bold;}
.bgTearchBack .tearchInfo .tearchInfo-right .tearchInfo-2 .Info-2-right{margin-left: 150px;}
.bgTearchBack .tearchInfo .tearchInfo-right .tearchInfo-2 .Info-2-right .t-info-attr.intro {margin-bottom: 8px;font-size: 16px; color: #666;text-align: left;height: 100%;max-height: 100px;overflow: hidden;line-height: 25px;}
.bgTearchBack .tearchInfo .tearchInfo-right .tearchInfo-2 .Info-2-right .user-info .t-info-attr {display: block;font-size: 16px;margin-bottom: 15px;}
.bgTearchBack .tearchInfo .tearchInfo-right .tearchInfo-2 .Info-2-right .t-info-attr.intro.show-all {max-height: none;}
.bgTearchBack .tearchInfo .tearchInfo-right .tearchInfo-2 .Info-2-right .view-more {display: block;text-align: right;font-size: 14px;}
.bgTearchBack h2.title{font-size: 14px;padding-top: 15px;border-top:1px solid #ccc;padding-bottom: 15px;border-bottom:1px solid #ccc;color:#333;margin-bottom: 20px;}
.fileInfo-list ul li.fifle-li .fifleName{display: flex;}
.fileInfo-list ul li.fifle-li .fifleName span{display:block;margin-top: 5px;margin-right: 8px;}
.fileInfo-list ul li.fifle-li .fifleName .fifleImage{width:32px;height:32px;margin-top: 0px;background-repeat: no-repeat;background-position: center;}
.fileInfo-list ul li.fifle-li .fifleName .fifleImage1{background-image: url(../images/wendang.png)}
.fileInfo-list ul li.fifle-li .fifleName .fifleImage2{background-image: url(../images/ziliao.png)}
.fileInfo-list ul li.fifle-li .fifleName .fifleImage3{background-image: url(../images/shipin.png)}
.fileInfo-list ul li.fifle-li .fifleName .fifleImage4{background-image: url(../images/yinpin.png)}
.fileInfo-list ul li.fifle-li .fifleName .fifleImage5{background-image: url(../images/qita.png)}
.fileInfo-list ul li.fifle-li .operation a{display: block;border:1px solid #333;color:#333;padding:9px 20px;text-decoration: none;border-radius:4px;}
.fileInfo-list ul li.fifle-li .operation a span{display: inline-block;width:14px;height:14px;margin-right: 8px;background-image: url(../images/heixiazai.png);background-repeat: no-repeat;background-position: center;}
.fileInfo-list ul li.fifle-li:hover{background: #ECF0F5;}
.fileInfo-list ul li.fifle-li:hover .operation a{background: #1A407D;color:#fff;}
.fileInfo-list ul li.fifle-li:hover .operation a span{background-image: url(../images/xiazai.png);}
.number i.icon-people2{background: url(../images/xuankerenshu.png) no-repeat center;width:12px;height: 12px;display: inline-block;margin-right: 8px;}
.number{color:#666;}
.course-organ{width:100%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display:inline-block;margin-top: 2px;}

.attachTop{padding: 15px 0;background: #fff;border-bottom: 1px soild #D1D2D4;}
.attachTop .attachName{font-size:18px;color:#333;text-align: center;}
.fileItemInfo ul{margin-left:-23px;overflow: hidden;}
.fileItemInfo ul li{width:374px;height:141px;background:#fff;margin-left:23px;float:left;margin-bottom:24px;border-radius: 4px;}
.fileItemInfo ul li a{margin:24px 36px;display: block;}
.fileItemInfo ul li a .name{font-size: 16px;font-weight: bold;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.fileItemInfo ul li a .fileName{font-size: 14px;margin-top:15px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.fileItemInfo ul li a .num{font-size: 14px;margin-top:15px;}
.fileItemInfo ul li a .num .pull-left{color:#666;}
.fileItemInfo ul li a .num .pull-right .downInco{display: inline-block;width: 14px;height: 14px;margin-right: 8px;background-image: url(../images/xiazai1.png);background-repeat: no-repeat;background-position: center;}
.fileItemInfo ul li:hover a .num .pull-right .downInco{background-image: url(../images/xiazai.png);}
.fileItemInfo ul li:hover a .num .pull-right{background:#2957A2;border-radius: 4px;padding:6px 12px;color:#fff;}

.detailBox{background: #fff;padding-bottom:15px;}
.detailInfo .pull-left{margin-top:5px;}
.detailName{font-size:16px;color:#333;margin-bottom:20px;margin-top:15px;}
.detailInfo{color: #999999;font-size:14px;margin-bottom:30px;padding-bottom: 15px;border-bottom:1px solid #D1D2D4;overflow: hidden;}
.detailInfo .pull-right+.pull-right{border-right:1px solid #D1D2D4;}
.detailInfo .downloadFile{float:right;color:#2957A2;padding:6px 12px;cursor: pointer;}
.detailInfo .pull-right{padding:0 15px;margin-top:5px;}
.detailInfo .downloadFile .downInco{display: inline-block;width: 14px;height: 14px;margin-right: 8px;background-image: url(../images/xiazai1.png);background-repeat: no-repeat;background-position: center;}
.detailInfo .downloadFile:hover .downInco{background-image: url(../images/xiazai.png);}
.detailInfo .downloadFile:hover {background:#2957A2;border-radius: 4px;color:#fff;}

.sourceType-z{color: #2957A2; padding: 1px 3px; border-radius: 4px; margin-right: 8px; display: inline-block; border: 1px solid #2957A2;}
.sourceType-y{color: #e54d1a; padding: 1px 3px; border-radius: 4px; margin-right: 8px; display: inline-block; border: 1px solid #e54d1a;}