/*首页*/
/*banner*/
.banner{width: 100%;height: 740px;/* background: url(img/banner.jpg) no-repeat center top; */background-size: 100%;overflow: hidden;position: relative;padding-bottom: 70px;}
.banner .slide{width:100%;height: auto;position: absolute;left: 0;top:0;z-index:1;}
.banner .slide img,.banner .slide video{width:100%;height: auto;}
.banner .left{width:900px;height: 100%;}
.banner h1{float: left;font-size:60px;line-height:100px;color: rgba(255,255,255,0.89);font-weight: normal;margin: 80px 0 0 0;}
.banner h2{float: left;font-size:60px;line-height:80px;color: #118aff;font-weight: 500;margin: 0 0 0 0;}
#menu{width:450px; height:100%;overflow:hidden;background: rgba(0,80,202,.7);position: absolute;top: 0;right: 0;z-index: 2;display: none;}
#menu #nav {display:block;width:340px;padding:0;margin:0 auto;list-style:none;overflow: hidden;}
#menu #nav li {float:left;width:130px;height:50px;line-height: 50px;margin: 10px 20px;}
#menu #nav li a {display:block;line-height:50px;text-decoration:none;padding:0; text-align:center; color:#b2b2b2;font-size: 18px;}
#menu_con{ width:400px; height:135px; border-top:none;}
.tag{ padding:10px; overflow:hidden;}
.tag ul li{width: 100%;overflow: hidden;}
.tag ul li a p{font-size: 18px;color:#fff;line-height: 50px;float: left;margin: 0 0 0 60px;transition: all 0.2s;width: 60%;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;}
.tag ul li a .sort{height: 18px;line-height:18px;border:1px #666 solid;font-size:12px;color:#939393;margin: 15px 0 0 30px;padding:0 5px;float:left;transition: all 0.2s;}
.tag ul li a .author{color:#fff;line-height:50px;font-size:14px;float:right;transition: all 0.2s;width: 16%;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;}
.tag ul li:hover p{color:#7DBEFF;}
.tag ul li:hover .sort{color:#fff;background: #118AFF;border:1px #118AFF solid;}
.tag ul li:hover .author{color:#7DBEFF;}
.selected{border-bottom:3px #118aff solid;color:#fff!important;}
.banner_t{width: 100%;height: 70px;background: url(img/img_t.png) no-repeat;background-size: 100% 100%;position: absolute;bottom: 0;z-index: 3;}
/*banner结束*/

.ewm{width:108px;height: 140px;position: fixed;z-index: 999; right: 90px;top: 81%;}
.ewm >img{width: 100%;}
.ewm a{font-size: 16px;width: 100%;height: 33px;line-height: 33px; background: rgba(0, 0, 0, 0.7);display: block;margin: -4px 0 0 0; color: #fff; font-size: 12px; text-align: center; position: relative;top:111px;left:0;}
.ewm a img{width: 16px;margin:10px 0 0 -8px ;position: relative;left:50%;}

/*推荐课程*/
.recom{padding: 120px 0 0 0;background: url(img/title_line.jpg) no-repeat left 120px;}
.recom h3{line-height:90px;font-size: 32px;color: #002372;float: left;}
.recom > a{width: 208px;height: 42px;line-height: 42px;color: #fff;border-radius: 30px;text-indent: 60px;display:block;float:right;border:none;font-size: 14px;background: #8768b9 url(img/ic_more2.png) no-repeat 150px center;transition: all 0.2s;cursor: pointer;}
.recom > a:hover{text-indent:70px;background:#8869B9 url(img/ic_more2.png) no-repeat 160px center;border:none;color: #ffffff;}
.recom_list{margin: 50px 0 0 0;}
.recom_list ul li{position: relative;}
.recom_list ul li:nth-of-type(odd){float: left;width:33.33333%;border-radius:3px;background: #4e8ef6;}
.recom_list ul li:nth-of-type(even){float: left;width:33.33333%;border-radius:3px;background: #E8E9EA;}
.recom_list ul li a > .recom_img{width:91%;height: 306px;margin: 18px 0 0 18px;transition:all 0.3s;box-shadow: 0 0 30px rgba(0,0,0,0);overflow: hidden;}
.recom_list ul li a > .recom_img img{width: 100%;min-height:100%;transition: all 0.3s;}
.recom_list ul li:hover a > .recom_img img{transform: scale(1.2);}
.recom_list ul li:nth-of-type(odd) a h4{height:50px;line-height:50px;background:#4e8ef6;position: absolute;top: 18px;left:18px;font-size: 24px;color:#fff;transition: all 0.3s;padding:0;box-shadow:none;}
.recom_list ul li:nth-of-type(even) a h4{height:auto;line-height:50px;background:rgba(255,255,255, 0.6);position: absolute;top: 18px;left:18px;font-size: 24px;color:#004189;transition: all 0.3s;padding:0;box-shadow:none;}
.recom_list ul li:nth-of-type(odd) a h4 span{margin:0 15px;background-color: #fff;font-size: 12px;color:#118AFF;border-radius: 2px;padding:2px 5px;vertical-align: top;}
.recom_list ul li:nth-of-type(even) a h4 span{margin:0 15px;background-color: #fff;font-size: 12px;color:#005096;border-radius: 2px;padding:2px 5px;vertical-align: top;}
/* .recom_list ul li:hover a h4{padding:0 0 0 15px;} */
.recom_title {max-width: 300px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;margin-right: 10px;}
.recom_list_main{width:91%;margin:-4px 0 15px 18px;padding: 15px 0 100px 0;transition: all 0.3s;}
.recom_list ul li:hover .recom_list_main{background: rgba(0,0,0,0.2);}
.v9black_recom_list_tea {background: url(../v9_black/img/ic_teacher.png) no-repeat left 3px;padding-left: 20px;float: left;color:#fff;font-size: 16px;margin: 0 20px 0 5px;width: 50%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.v9black_recom_list_dept {float: right;color:#fff;font-size: 16px;width: 35%;margin-right: 1%; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: right;}
.recom_list ul li:nth-of-type(even) .v9black_recom_list_tea, .recom_list ul li:nth-of-type(even) .v9black_recom_list_dept {color: #004189}
.recom_list ul li:nth-of-type(even) .v9black_recom_list_tea {background: url(img/ic_teacher.png) no-repeat left 3px;}
/*推荐课程结束*/

/*排行榜*/
.rank{margin-top:120px!important;}
.rank h3{width:300px;line-height:90px;font-size: 32px;color: #002372;background:url(img/title_line.jpg) no-repeat left top;float: left;}
.rank > .rank_more {width: 208px;height: 42px;line-height: 42px;color: #fff;border-radius: 30px;text-indent: 60px;background: #8768b9 url(img/ic_more2.png) no-repeat 150px center;border: none; font-size: 14px;  display: block;  font-weight: 400;  margin: 60px 0 85px 0;  transition: all 0.2s;  float: right;  }
.rank > .rank_more:hover {  background: #8768b9 url(img/ic_more2.png) no-repeat 160px center;  text-indent: 70px;border: none; color: #fff; }
.rank > .left{width: 49.5%;}
.rank > .left h4{width:100%;line-height:80px;color: #002372;font-size: 26px;text-align:center;font-weight: bold;background: url(img/title_line.jpg) no-repeat center bottom;}
.rank > .left ul{margin: 50px 0 0 0;}
.rank > .left ul li:nth-of-type(odd){overflow: hidden;height: 65px;border-radius:10px;padding:10px 0 0 30px;}
.rank > .left ul li:nth-of-type(even){overflow: hidden;height: 65px;background: #e8e9ea;border-radius:10px;padding:10px 0 0 30px;}
.rank > .left ul li .left{padding:12px 0 0 0;font-size: 18px;font-weight: bold;color:#000;line-height: 30px;}
.rank > .left ul li:nth-child(1) .left,.rank > .left ul li:nth-child(2) .left,.rank > .left ul li:nth-child(3) .left{background: url(img/img_level1.png) no-repeat left top;color:#8768b9;border-bottom:2px #8768b9 solid;}
.rank > .left ul li .right{width:93%;}
.rank > .left ul li .right p{font-size: 12px;color:#000;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.rank > .left ul li .right h5{width:350px;font-size: 20px;color:#000;float: left;line-height: 30px;font-weight: 500;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;transition: all 0.2s;}
.rank > .left ul li .right .author{width:120px;float: left;font-size: 14px;color:#000;background: url(img/ic_teacher_ico.png) no-repeat left center;text-indent: 20px;line-height: 30px;margin-left:10px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.rank > .left ul li .right .traffic{width:130px;float: left;font-size: 12px;color:#000;background: url(img/ic_more.png) no-repeat left center;text-indent: 12px;line-height: 30px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.rank > .left ul li .right .traffic_num {color: #000}
.rank > .right{width: 49.5%;}
.rank > .right h4{width:100%;line-height:80px;color: #002372;font-size: 26px;text-align:center;font-weight: bold;background: url(img/title_line.jpg) no-repeat center bottom;}
.rank > .right ul{margin: 50px 0 0 0;}
.rank > .right ul li:nth-of-type(odd){overflow: hidden;height: 65px;background: #e8e9ea;border-radius:10px;padding:10px 0 0 30px;}
.rank > .right ul li:nth-of-type(even){overflow: hidden;height: 65px;border-radius:10px;padding:10px 0 0 30px;}
.rank > .right ul li .left{padding:12px 0 0 0;font-size: 18px;font-weight: bold;color:#000;line-height: 30px;}
.rank > .right ul li:nth-child(1) .left,.rank > .right ul li:nth-child(2) .left,.rank > .right ul li:nth-child(3) .left{background: url(img/img_level1.png) no-repeat left top;color:#8768b9;border-bottom:2px #8768b9 solid;}
.rank > .right ul li .right{width:93%;}
.rank > .right ul li .right p{font-size: 12px;color:#000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.rank > .right ul li .right h5{width:350px;font-size: 20px;color:#000;float: left;line-height: 30px;font-weight: 500;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;transition: all 0.2s;}
.rank > .right ul li .right .author{width:120px;float: left;font-size: 14px;color:#000;background: url(img/ic_teacher_ico.png) no-repeat left center;text-indent: 20px;line-height: 30px;margin-left:10px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.rank > .right ul li .right .traffic{width:130px;float: left;font-size: 12px;color:#000;background: url(img/ic_more.png) no-repeat left center;text-indent: 12px;line-height: 30px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.rank > .right ul li .right .traffic_num {color: #000}
.rank > .left ul li:hover .right h5{color:#00F2D1;}
.rank > .right ul li:hover .right h5{color:#00F2D1;}
.rank > a{width:245px;height:75px;line-height:75px;text-indent:70px;display:block;float:right;margin:30px;border:1px #868c9c solid;border-radius:3px;color: #fff;font-size: 16px;background: url(img/ic_more.png) no-repeat 180px center;transition: all 0.2s;cursor: pointer;;float: right;}
.rank > a:hover{background:#00F2D1 url(img/ic_more2.png) no-repeat 180px center;;border:1px #00F2D1 solid;color: #041133;}
.rank > .left ul li:hover:nth-of-type(even), .rank > .left ul li:hover:nth-of-type(odd),
.rank > .right ul li:hover:nth-of-type(even), .rank > .right ul li:hover:nth-of-type(odd) {background: #4e8ef6;}
.rank > .left ul li:hover .right p, .rank > .left ul li:hover .right h5, .rank > .left ul li:hover .right .author, .rank > .left ul li:hover .right .traffic, .rank > .left ul li:hover .right .traffic_num,
.rank > .right ul li:hover .right p, .rank > .right ul li:hover .right h5, .rank > .right ul li:hover .right .author, .rank > .right ul li:hover .right .traffic, .rank > .right ul li:hover .right .traffic_num,
.rank > .left ul li:hover .left, .rank > .right ul li:hover .left {
	color: #fff;
}
.rank > .left ul li:hover:nth-child(1) .left,.rank > .left ul li:hover:nth-child(2) .left,.rank > .left ul li:hover:nth-child(3) .left,
.rank > .right ul li:hover:nth-child(1) .left,.rank > .right ul li:hover:nth-child(2) .left,.rank > .right ul li:hover:nth-child(3) .left {
	color: #fff;border-bottom:2px #fff solid;background: url(../v9_black/img/img_level.png) no-repeat left top;
}
.rank > .left ul li:hover .right .author, .rank > .right ul li:hover .right .author {background: url(img/ic_teacher_ico_white.png) no-repeat left center;}
.rank > .left ul li:hover .right .traffic, .rank > .right ul li:hover .right .traffic {background: url(img/ic_more2.png) no-repeat left center;}
/*排行榜结束*/

/*通知公告*/
.notice{margin-top: 120px!important;border: 1px solid #fff;border-top-color: #eee;border-radius: 20px;background: #fff;box-shadow: 3px 4px 7px #ccc;}
.notice h3{line-height:90px;font-size: 32px;color: #002372;background:url(img/title_line.jpg) no-repeat left top;margin: 65px 0 0 60px;}
.notice ul{margin:60px 0 30px 0;}
.notice ul li{width:90%;margin-left:5%;border-top:1px solid #BED1D5;overflow: hidden;padding: 0 0 40px 0;transition: all 0.2s;}
.notice ul li:hover{width:100%;margin-left:0%;background: #4e8ef6;}
.notice ul li h5{width:1000px;font-size: 22px;font-weight:normal;color:#002372;margin-left:0%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;padding: 36px 0 0 0;float: left;transition: all 0.2s;}
.notice ul li .v9black_notice_cont {clear: both;font-size: 17px;line-height: 30px;font-weight:normal;color:#4b649b;padding: 20px 0 0 0;transition: all 0.2s;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.notice ul li:hover .v9black_notice_cont{margin-left:5%;margin-right:5%;}
.notice ul li:hover h5{padding: 36px 0 0 0;color: #4dffff;margin-left:5%;}
.notice ul li span{float: right;color:#002372;background:url(img/ic_date.png) no-repeat left center;background-size: 16px;text-indent: 20px;margin: 36px 0 0 0;font-size: 16px;transition: all 0.2s;}
.notice ul li:hover span{margin: 36px 5% 0 0;color:#4dffff;background:url(../v9_black/img/ic_date.png) no-repeat left center;background-size: 16px;}
.notice ul li:hover .v9black_notice_cont {color: #cbddfd;}
.notice > a{width: 208px;height: 42px;line-height: 42px;border-radius: 30px;text-indent: 60px;background:#8768b9 url(img/ic_more2.png) no-repeat 150px center;color: #fff;font-size: 14px;display: block;font-weight: 400;margin: 0 0 85px 60px;transition: all 0.2s;}
.notice > a:hover{background:#8768b9 url(img/ic_more2.png) no-repeat 160px center;text-indent: 70px;}
/*通知公告结束*/

/*课程展示*/
.show{padding: 120px 0 0 0;background: url(img/title_line.jpg) no-repeat left 120px;}
.show h3{line-height:90px;font-size: 32px;color: #002372;}
.show .tab{overflow: hidden;margin-top: 72px;}
.show button{height:42px;float: left;border: none;background:none;}
.show .show_tab{width:1279px;float: left;overflow: hidden;margin: 0 30px 0 32px;padding-bottom: 10px;}
.show_tab ul{position: relative;left:0;transition: all 0.3s;}
.show_tab ul li{ width: 150px;height:42px;line-height:42px;border-radius: 21px;background-color: #fff;color: #002372;box-shadow: 3px 4px 7px #ccc;text-align: center;float: left;margin: 0 10px 0 0;cursor: pointer;}
.show_tab ul li:hover {background: #A58DCB;color: #fff;}
.show_tab ul li a {color:#041133;}
.show_tab ul li.active{background-color: #8768b9;color:#ffffff;font-weight: bold;}
.show_main{margin: 90px 0 0 0;}
.show_main ul{overflow: hidden;margin: 40px 0 0 0;}
.show_main ul li:nth-last-of-type(even){width:25%;float: left;overflow: hidden;cursor: pointer;}
.show_main ul li:nth-last-of-type(odd){width:25%;float: left;overflow: hidden;cursor: pointer;}
.show_main ul li .show_img{width: 100%;height:250px;overflow: hidden;}
.show_main ul li .show_img img{width:100%;min-height:250px;transition: all 0.3s;}
.show_present h5{font-size: 22px;color: #002372;width: 90%;margin: 20px auto 5px auto;transition:all 0.2s;overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}
.show_present h5 > span{font-size: 14px;color:#041133;padding:3px 3px;background: #00F2D1;float: right;margin: 3px 0 0 0;border-radius: 2px;}
.show_present > span{width: 90%;margin: 0 auto;color: #002372;display: block;overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}
.show_present > p{width: 90%;margin: 20px auto;font-size: 14px;color:#8b9ab9;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;transition:all 0.3s;min-height: 57px/*50个字，汉字三行*/;}
/*.show_main ul li .show_present > p{color:#4b649b;}*/
.show_present div{width:90%;margin: 0 auto 20px auto;overflow: hidden;}
.show_present div p{width:55%;float: left;margin: 20px 0;text-indent: 20px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.show_present div span{width:40%;float: right;font-size: 14px;margin: 21px 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;text-align: right;}
.show_more{height:503px;background: #e8e9ea;border-radius: 5px;}
.show_more p{color: #041133;font-size: 20px;margin:30px 25px;font-weight: 600;}
.show_more h5{color: #041133;font-size: 24px;margin: 200px 0 0 25px;}
.show_more h6{color: #041133;font-size: 20px;font-weight: 600;margin: 20px 0 0 25px;}
.show_more img{margin: 30px 0 0 20px;}
.show_main ul li:hover .show_img img{transform: scale(1.2);}

.show_main ul li:nth-of-type(1), .show_main ul li:nth-of-type(3), .show_main ul li:nth-of-type(6), .show_main ul li:nth-of-type(8), .show_main ul li:nth-of-type(9), .show_main ul li:nth-of-type(11) {
	width:25%;float: left;overflow: hidden;background: #67bbf8;cursor: pointer;
}
.show_main ul li:nth-of-type(2), .show_main ul li:nth-of-type(4), .show_main ul li:nth-of-type(5), .show_main ul li:nth-of-type(7), .show_main ul li:nth-of-type(10) {
	width:25%;float: left;overflow: hidden;cursor: pointer;background: #e8e9ea;
}
.show_main ul li:nth-of-type(1) .show_present div p, .show_main ul li:nth-of-type(3) .show_present div p, .show_main ul li:nth-of-type(6) .show_present div p,
.show_main ul li:nth-of-type(8) .show_present div p, .show_main ul li:nth-of-type(9) .show_present div p, .show_main ul li:nth-of-type(11) .show_present div p {
	background: url(../v9_black/img/ic_teacher.png) no-repeat left center;color: #fff;
}
.show_main ul li:nth-of-type(1) .show_present div span, .show_main ul li:nth-of-type(3) .show_present div span, .show_main ul li:nth-of-type(6) .show_present div span,
.show_main ul li:nth-of-type(8) .show_present div span, .show_main ul li:nth-of-type(9) .show_present div span, .show_main ul li:nth-of-type(11) .show_present div span {
	color: #fff;
}
.show_main ul li:nth-of-type(1) .show_present h5, .show_main ul li:nth-of-type(3) .show_present h5, .show_main ul li:nth-of-type(6) .show_present h5,
.show_main ul li:nth-of-type(8) .show_present h5, .show_main ul li:nth-of-type(9) .show_present h5, .show_main ul li:nth-of-type(11) .show_present h5,
.show_main ul li:nth-of-type(1) .show_present > span, .show_main ul li:nth-of-type(3) .show_present > span, .show_main ul li:nth-of-type(6) .show_present > span,
.show_main ul li:nth-of-type(8) .show_present > span, .show_main ul li:nth-of-type(9) .show_present > span, .show_main ul li:nth-of-type(11) .show_present > span{
	color: #fff;
}
 .show_main ul li:nth-of-type(1) .show_present > p, .show_main ul li:nth-of-type(3) .show_present > p, .show_main ul li:nth-of-type(6) .show_present > p,
 .show_main ul li:nth-of-type(8) .show_present > p, .show_main ul li:nth-of-type(9) .show_present > p, .show_main ul li:nth-of-type(11) .show_present > p {
	 color: #B4DDFB;
 }
.show_main ul li:nth-of-type(1):hover .show_present h5, .show_main ul li:nth-of-type(3):hover .show_present h5, .show_main ul li:nth-of-type(6):hover .show_present h5,
.show_main ul li:nth-of-type(8):hover .show_present h5, .show_main ul li:nth-of-type(9):hover .show_present h5, .show_main ul li:nth-of-type(11):hover .show_present h5 {
	color: #e0ffc1;
}
.show_main ul li:nth-of-type(1):hover .show_present > p, .show_main ul li:nth-of-type(3):hover .show_present > p, .show_main ul li:nth-of-type(6):hover .show_present > p,
.show_main ul li:nth-of-type(8):hover .show_present > p, .show_main ul li:nth-of-type(9):hover .show_present > p, .show_main ul li:nth-of-type(11):hover .show_present > p {
	color: #fff;
}
.show_main ul li:nth-of-type(2) .show_present div p, .show_main ul li:nth-of-type(4) .show_present div p, .show_main ul li:nth-of-type(5) .show_present div p,
.show_main ul li:nth-of-type(7) .show_present div p, .show_main ul li:nth-of-type(10) .show_present div p {
	background: url(img/ic_teacher.png) no-repeat left center;color:#002372;
}
.show_main ul li:nth-of-type(2) .show_present div span, .show_main ul li:nth-of-type(4) .show_present div span, .show_main ul li:nth-of-type(5) .show_present div span,
.show_main ul li:nth-of-type(7) .show_present div span, .show_main ul li:nth-of-type(10) .show_present div span {
	color:#002372;
}
.show_main ul li:nth-of-type(2):hover .show_present h5, .show_main ul li:nth-of-type(4):hover .show_present h5, .show_main ul li:nth-of-type(5):hover .show_present h5,
.show_main ul li:nth-of-type(7):hover .show_present h5, .show_main ul li:nth-of-type(10):hover .show_present h5 {
	color: #6240a8;
}
.show_main ul li:nth-of-type(2):hover .show_present > p, .show_main ul li:nth-of-type(4):hover .show_present > p, .show_main ul li:nth-of-type(5):hover .show_present > p,
.show_main ul li:nth-of-type(7):hover .show_present > p, .show_main ul li:nth-of-type(10):hover .show_present > p {
	color: #002372;
}
/*课程展示结束*/

/*系列播客*/
.podcast{margin-top: 120px!important;border-radius: 20px;background: #4e8ef6;box-shadow: 3px 4px 7px #ccc;}
.podcast h3{width:300px;line-height:90px;font-size: 32px;color: #fff;background:url(img/title_line_podcast.png) no-repeat left top;margin: 65px 0 0 60px;float: left;}
.podcast > a{float: right;width: 208px;height: 42px;line-height: 42px;border: 1px solid #fff;color: #fff;border-radius: 30px;text-indent: 60px;font-size: 14px;margin:100px 60px 0 0;background: transparent url(img/ic_more2.png) no-repeat 150px center;transition: all 0.2s;}
.podcast > a:hover{text-indent:70px;background: transparent url(img/ic_more2.png) no-repeat 160px center;}
.podcast ul{width:95%;margin: 60px auto 120px auto;overflow: hidden;}
.podcast ul li{width: 25%;float: left;transition: all .3s;padding: 20px 0 15px 0;}
.podcast ul li:hover{background: rgba(255,255,255,0.2);border-radius: 6px;}
.podcast ul li a > p{width:90%;color:#fff;background: url(../v9_black/img/ic_date.png) no-repeat left center;background-size: 14px;text-indent: 20px;margin: 0 auto;}
.podcast ul li h4{width:90%;color: #fff;font-size: 20px;font-weight:500;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; margin: 10px auto 30px auto;text-align: justify;word-break: break-word;min-height: 26px}
.podcast ul li .author{width:90%;border-top:1px solid #fff;padding: 10px 0 20px 0;margin: 0 auto;overflow: hidden;height: 18px;}
.podcast ul li .author p{width:50%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;color:#Fff;font-size: 14px;background: url(../v9_black/img/ic_teacher.png) no-repeat left center;text-indent: 20px;float: left;}
.podcast ul li .author span{width:50%;float: right;text-align: right;color:#fff;font-size:14px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.podcast ul li img{width: 90%;margin:0 0 0 5%;height: 424px;}
/*系列播客结束*/

/*开课院系开始*/
.v9black_deptlist{padding: 120px 0 0 0;background: url(img/title_line.jpg) no-repeat left 120px;}
.v9black_deptlist h3{line-height:90px;font-size: 32px;color: #002372;}
.v9black_deptlist_ul {width:95%;overflow: hidden;margin: auto;}
.v9black_deptlist_ul li {float: left;margin: 20px;}
.v9black_deptlist_ul li a {padding: 0 20px; height: 50px;line-height: 50px; background: #4e8ef6; color: #fff;  font-size: 14px;display: block;border-radius: 30px;}
.v9black_deptlist_ul li a:hover {background:#71A5F8;color: #fff;}
.v9black_deptlist > .v9black_deptlist_more {  width: 186px;  height: 58px;  line-height: 58px;  background: transparent url(img/ic_more1.png) no-repeat 130px center;border: 1px solid #6F43A5;border-radius: 3px;  color: #6F43A5;  font-size: 14px;  display: block;  text-indent: 49px;  font-weight: 400;  margin: 60px auto 85px auto;  transition: all 0.2s;  }
.v9black_deptlist > .v9black_deptlist_more:hover {background: #8768b9 url(img/ic_more2.png) no-repeat 140px center;  text-indent: 59px;color: #fff;border: 1px solid #8768b9;}
/*开课院系结束*/

/*banner 上的排行*/
.bannerList {
	position: relative;
}

@media screen  and (max-width: 1500px) {
	.width1400{width:1240px;}
	
	
	/*banner*/
	.banner{height: 670px;}
	.banner .left{width:800px;height: 100%;}
	.banner h1{font-size:56px;line-height:100px;margin: 80px 0 0 0;}
	.banner h2{font-size:50px;line-height:80px;margin: 0 0 0 0;}
	#menu{width:400px;display: none;}
	#menu #nav {width:340px;}
	#menu #nav li {width:130px;}
	#menu_con{ width:400px;}
	.tag{ padding:10px; }
	.tag ul li{width: 100%;}
	.tag ul li a p{font-size: 18px;line-height: 45px;margin: 0 0 0 30px;}
	.tag ul li a .sort{height: 18px;line-height:18px;font-size:12px;margin: 13px 0 0 30px;}
	.tag ul li a .author{line-height:45px;font-size:14px;margin: 0 30px 0 0;}
	
	.rank > .left ul li .right h5{width:260px;}
	.rank > .left ul li .right .author{width:100px;margin-left:20px;}
	.rank > .left ul li .right .traffic{width:130px;}
	.rank > .right ul li .right h5{width:260px;}
	.rank > .right ul li .right .author{width:100px;margin-left:20px;}
	.rank > .right ul li .right .traffic{width:130px;}
	
	.notice ul li h5{width:800px;}
	
	.show .show_tab{width: 1110px;margin: 0 15px 0 15px;}

	.recom_title {max-width: 240px;}

	.recom_list ul li a > .recom_img {height: 260px;}

	.podcast ul li img {height: 364px;}
	/*banner*/
	#pbSliderWrap0 {height: 670px!important;}
}

.select-type {
	/*font-size: 0;*/
	width: 500px;
	height: 360px;
	position: fixed;
	padding-top: 60px;
	box-sizing: border-box;
	left:calc(50% - 250px);
	top: calc(50% - 180px);
	display: none;
	background: #ffffff;
	z-index: 4;
}
.login-title{
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: space-around;
	width: 100%;
	height: 60px;
	background:#3E50B4 ;
}

#login-title_close{
	position: absolute;
	right: 20px;
	width: 20px;
	height: 20px;
	background: url(./img/close.png) no-repeat ;
	background-size:100% 100% ;
	cursor: pointer;
	/*background: #fff;*/
}
.login-title>h3{
	color: #fff;
}
/*#select-type{*/
/*	display: flex;*/
/*}*/
.loginType_modal_wraper{
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 1;
	left: 0;
	top: 0;
	background: rgba(0,0,0,.3);
	display: none;
}
.select-type a {
	display: inline-block;
	font-size: 16px;
	width: 250px;
	box-sizing: border-box;
	text-align: center;
}
.select-type a p{
	color: #000;
}
.select-type a.login-head {
	border-right: 1px solid #DDDDDD;
}
.select-type a div {
	background: url(./img/login_head2.png);
	width: 80px;
	height: 80px;
	margin: 88px 0 20px 90px;
}
.select-type a.login-head div {
	background: url(./img/login_head1.png);
}
.select-type a p {
	margin-bottom: 96px;
}