body {background:#1f2444}
/*全部课程*/
.main{width:100%;background: #1f2444;padding:0 0 50px 0;}
.course_main > div > .left{width:25%;}
.course_main > div > .left h3{height:80px;line-height:80px;font-size: 30px;color:#fff;border-bottom:1px solid #326c78;}
.course_main > div > .left .search{width: 100%;margin: 40px 0 0 0;position: relative;}
.course_main > div > .left .search #indexCourseSearchVal{width: 100%;height:42px;border-radius: 21px;background:#081132;border: none;box-shadow: 0 5px 10px rgba(0,0,0,0.2);color:#9d9fae;font-size: 16px;text-indent: 20px;}
.course_main > div > .left .search .searchBtn{width: 42px;height: 42px;display: block;position:absolute;top:0;right:0;background: url(img/ic_search.png) no-repeat center center;background-size: 20px 20px;cursor: pointer;border: none;}
.course_main > div > .left .sort{width: 100%;margin: 40px 0 0 0;border-radius: 10px;}/*background:#081132;*/
.course_main > div > .left .college {background:#081132;padding: 10px 0 20px 0;}
.course_main > div > .left .sort h5{width:96%;height:45px;line-height:45px;text-indent:20px;border-radius:5px;background: #195091 url(img/sort_dian.png) no-repeat 95% center;background-size:10px;font-size: 18px;color: #fff;margin: 0 auto 30px auto;cursor: pointer;}
.course_main > div > .left .sort .course_ul{width: 90%;padding: 30px 0 80px 5%;overflow: hidden;}
.course_main > div > .left .sort .course_ul li{width:33.333333%;text-align: left;float: left;margin: 10px 0;text-indent: 20px;}
.course_main > div > .left .sort .course_ul li a{color: #b4b6c2;border-radius: 0px;padding:0;position: relative;left: 0px;transition: all 0.2s;}
.course_main > div > .left .sort .course_ul li a:hover{color: #fff;background: rgba(255,255,255,0.2);border-radius: 15px;padding:3px 10px;position: relative;left: -10px;}
.course_main > div > .left .sort .course_ul li a.active{color: #041133;background: #00F2D1;border-radius: 15px;padding:3px 10px;position: relative;left: -10px;font-weight: bold;}
.course_main > div > .left .sort .college_ul{width: 100%;overflow: hidden;}
.course_main > div > .left .sort .college_ul li{width:100%;text-align: left;float: left;margin: 12px 0;}
.course_main > div > .left .sort .college_ul li span{width:92%;margin: auto; display:block;color: #b4b6c2;background: rgba(255,255,255,0);padding:6px 0;text-indent:30px;cursor: pointer;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.course_main > div > .left .sort .college_ul li span:hover{width:92%;display:block;color: #fff;background: rgba(255,255,255,0.2);border-radius: 15px;padding:6px 0;transition: all 0.2s;}
.course_main > div > .left .sort .college_ul li span.active{width:92%;display:block;color: #041133;background: #00F2D1;border-radius: 15px;padding:6px 0;font-weight: bold;}
.course_main > div > .right{width:72%;}
.course_main > div > .right > p{height:80px;line-height:100px;border-bottom:1px solid #326c78;font-size: 16px;color: #9d9fae;}
.course_main > div > .right ul{overflow: hidden;margin: 40px 0 0 -3%;}
.course_main > div > .right ul li{width:30.33333333%;margin:0 0 30px 3%;float: left;overflow: hidden;cursor: pointer;background: #195091;box-shadow:10px 10px 10px rgba(0,0,0,0.12);border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
.course_main > div > .right ul li .show_img{width: 100%;height:210px;overflow: hidden;}
.course_main > div > .right ul li .show_img img{width:100%;min-height:210px;transition: all 0.3s;}
.course_main > div > .right ul li:hover .show_img img{transform: scale(1.2);}
.course_main > div > .right ul li:hover .show_present h5{color:#00F2D1;}
.course_main > div > .right ul li:hover .show_present p{color:#fff;}
.course_main > div > .right ul li .show_present{position: relative;}
.course_main > div > .right ul li .show_present h5{font-size: 20px;line-height: 34px;font-weight:normal;color: #fff;width: 90%;margin: 10px 0 5px 5%;transition:all 0.2s;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.course_main > div > .right ul li .show_present .sort{font-size: 14px;color:#c5d2e3;padding:3px 5px;background: #0b214a;border-radius: 2px;position:absolute;right:5%;top:2px;width: auto;}
.course_main > div > .right ul li .show_present .number{width: 90%;margin: 0 auto;color: #fff;display: block;}
.course_main > div > .right ul li .show_present > p{width: 90%;margin: 15px auto;font-size: 14px;color:#688db7;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;transition:all 0.3s;line-height: 18px;}
.course_main > div > .right ul li .show_present div{width:90%;margin: 0 auto 20px auto;overflow: hidden;}
.course_main > div > .right ul li .show_present div p{width:50%;float: left;color: #fff;background: url(img/ic_teacher.png) no-repeat left center;margin: 10px 0;text-indent: 20px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;height: 21px;line-height: 21px;}
.course_main > div > .right ul li .show_present div span{width:45%;float: right;color: #fff;font-size: 14px;margin: 14px 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;text-align: right;}
.course_main > div > .right .page{text-align: center;margin: 50px 0 0 0;}
.course_main > div > .right .page a{color: #fff;font-size: 16px;margin: 0 5px;padding: 3px 10px;}
.course_main > div > .right .page a.prev{background: #00F2D1;border-radius: 15px;color: #041133;padding: 3px 10px;margin: 0 20px;}
.course_main > div > .right .page a.next{background: #00F2D1;border-radius: 15px;color: #041133;padding: 3px 10px;margin: 0 20px;}
.course_main > div > .right .page a.active{background: #00F2D1;color: #041133;border-radius: 15px;}


/*课程排行榜*/
.v9black_ranklist {}
.v9black_ranklistTil {font-size:20px;color: #fff; margin-top: 50px;background: url(img/dot_ico.png) no-repeat left center;margin-left: 34px;padding-left: 40px;}
.v9black_ranklist > .right .v9black_rankItem{margin: 40px 0 0 0;}
.v9black_ranklist > .right .v9black_rankItem li{overflow: hidden;height: 65px;border-radius:10px;padding:10px 0 0 30px;width: 97%;margin: 0;}
.v9black_ranklist > .right .v9black_rankItem li:nth-of-type(odd) {background: none;}
.v9black_ranklist > .right .v9black_rankItem li:nth-of-type(even) {background: #081132}

.v9black_ranklist > .right .v9black_rankItem li .left{/* background: url(img/img_level.png) no-repeat left top; */padding:12px 0 0 0;font-size: 18px;font-weight: bold;color:#fff;border-bottom:2px #fff solid;line-height: 30px;}
.v9black_ranklist > .right .v9black_rankItem li:nth-child(1) .left,.rank > .right .v9black_rankItem li:nth-child(2) .left,.rank > .right .v9black_rankItem li:nth-child(3) .left{background: url(img/img_level.png) no-repeat left top;border-bottom:2px #fff solid;}
.v9black_ranklist > .right .v9black_rankItem li .right{width:95%;}
.v9black_ranklist > .right .v9black_rankItem li .right p{font-size: 12px;color:#fff;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.v9black_ranklist > .right .v9black_rankItem li .right h5{width:69%;font-size: 20px;color:#fff;float: left;line-height: 30px;font-weight: 500;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;transition: all 0.2s;}
.v9black_ranklist > .right .v9black_rankItem li .right .author{width:14%;float: right;font-size: 14px;color:#9b9caa;background: url(img/ic_teacher_ico.png) no-repeat left center;text-indent: 22px;line-height: 30px;overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}
.v9black_ranklist > .right .v9black_rankItem li .right .traffic{width:15%;float: right;font-size: 12px;color:#fff;background: url(img/ic_more.png) no-repeat left center;padding-left: 12px;line-height: 30px;overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}
.v9black_ranklist > .right .v9black_rankItem li .right .traffic .traffic_num {color: #00f2d1;}
.v9black_ranklist > .left .v9black_rankItem li:hover .right h5{color:#00F2D1;}
.v9black_ranklist > .right .v9black_rankItem li:hover .right h5{color:#00F2D1;}
.v9black_ranklist > 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;}
.v9black_ranklist > a:hover{background:#00F2D1 url(img/ic_more2.png) no-repeat 180px center;;border:1px #00F2D1 solid;color: #041133;}

.course_main > div > .left .sort .active {background: #195091 url(img/dot_ico.png) no-repeat 95% center;}