body {background:#efeaea}
input::-webkit-input-placeholder{
    color:#fff;
}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#fff;
}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#fff;
}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
    color:#fff;
}
/*全部课程*/
.main{width:100%;background: #efeaea;padding:0 0 25px 0;}
.course_main > div > .left{width:25%;}
.course_main > div > .left h3{height:80px;line-height:80px;font-size: 30px;color:#002372;border-bottom:1px solid #00505d;}
.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:#8768b9;border: none;box-shadow: 0 5px 10px rgba(0,0,0,0.2);color:#fff;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(../v9_black/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:#4E8EF6;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: #4E8EF6 url(img/dot_ico.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: #ffffff;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: #ffffff;background: #816CBF;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 #00505d;font-size: 16px;color: #304b8a;}
.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: #67BBF8;box-shadow:0 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:#e0efc1;}
.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:#B4DDFB;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(../v9_black/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;}

.course_main > div > .right ul a:nth-of-type(1) li, .course_main > div > .right ul a:nth-of-type(2) li, .course_main > div > .right ul a:nth-of-type(3) li,
.course_main > div > .right ul a:nth-of-type(7) li, .course_main > div > .right ul a:nth-of-type(8) li, .course_main > div > .right ul a:nth-of-type(9) li {
    background: #fff;
}
.course_main > div > .right ul a:nth-of-type(4), .course_main > div > .right ul a:nth-of-type(5), .course_main > div > .right ul a:nth-of-type(6),
.course_main > div > .right ul a:nth-of-type(10), .course_main > div > .right ul a:nth-of-type(11), .course_main > div > .right ul a:nth-of-type(12) {
    background: #67BBF8;
}
.course_main > div > .right ul a:nth-of-type(1) li .show_present h5, .course_main > div > .right ul a:nth-of-type(2) li .show_present h5, .course_main > div > .right ul a:nth-of-type(3) li .show_present h5,
.course_main > div > .right ul a:nth-of-type(7) li .show_present h5, .course_main > div > .right ul a:nth-of-type(8) li .show_present h5, .course_main > div > .right ul a:nth-of-type(9) li .show_present h5,
.course_main > div > .right ul a:nth-of-type(1) li .show_present > span, .course_main > div > .right ul a:nth-of-type(2) li .show_present > span, .course_main > div > .right ul a:nth-of-type(3) li .show_present > span,
.course_main > div > .right ul a:nth-of-type(7) li .show_present > span, .course_main > div > .right ul a:nth-of-type(8) li .show_present > span, .course_main > div > .right ul a:nth-of-type(9) li .show_present > span,
.course_main > div > .right ul a:nth-of-type(1) li .show_present div p, .course_main > div > .right ul a:nth-of-type(2) li .show_present div p, .course_main > div > .right ul a:nth-of-type(3) li .show_present div p,
.course_main > div > .right ul a:nth-of-type(7) li .show_present div p, .course_main > div > .right ul a:nth-of-type(8) li .show_present div p, .course_main > div > .right ul a:nth-of-type(9) li .show_present div p,
.course_main > div > .right ul a:nth-of-type(1) li .show_present div span, .course_main > div > .right ul a:nth-of-type(2) li .show_present div span, .course_main > div > .right ul a:nth-of-type(3) li .show_present div span,
.course_main > div > .right ul a:nth-of-type(7) li .show_present div span, .course_main > div > .right ul a:nth-of-type(8) li .show_present div span, .course_main > div > .right ul a:nth-of-type(9) li .show_present div span {
    color: #002372;
}
.course_main > div > .right ul a:nth-of-type(1):hover li .show_present h5, .course_main > div > .right ul a:nth-of-type(2):hover li .show_present h5, .course_main > div > .right ul a:nth-of-type(3):hover li .show_present h5,
.course_main > div > .right ul a:nth-of-type(7):hover li .show_present h5, .course_main > div > .right ul a:nth-of-type(8):hover li .show_present h5, .course_main > div > .right ul a:nth-of-type(9):hover li .show_present h5 {
    color: #6240a8;
}
.course_main > div > .right ul a:nth-of-type(1) li .show_present div p, .course_main > div > .right ul a:nth-of-type(2) li .show_present div p, .course_main > div > .right ul a:nth-of-type(3) li .show_present div p,
.course_main > div > .right ul a:nth-of-type(7) li .show_present div p, .course_main > div > .right ul a:nth-of-type(8) li .show_present div p, .course_main > div > .right ul a:nth-of-type(9) li .show_present div p {
    background: url(img/ic_teacher.png) no-repeat left center;
}
 .course_main > div > .right ul a:nth-of-type(1) li .show_present > p, .course_main > div > .right ul a:nth-of-type(2) li .show_present > p, .course_main > div > .right ul a:nth-of-type(3) li .show_present > p,
 .course_main > div > .right ul a:nth-of-type(7) li .show_present > p, .course_main > div > .right ul a:nth-of-type(8) li .show_present > p, .course_main > div > .right ul a:nth-of-type(9) li .show_present > p {
     color: #8b9ab9;
 }
.course_main > div > .right ul a:nth-of-type(1):hover li .show_present > p, .course_main > div > .right ul a:nth-of-type(2):hover li .show_present > p, .course_main > div > .right ul a:nth-of-type(3):hover li .show_present > p,
.course_main > div > .right ul a:nth-of-type(7):hover li .show_present > p, .course_main > div > .right ul a:nth-of-type(8):hover li .show_present > p, .course_main > div > .right ul a:nth-of-type(9):hover li .show_present > p {
    color: #002372;
}
#college_nav {background: #185091 url(../v9_black/img/sort_dian.png) no-repeat 95% center;background-size: 10px;}




/*课程排行榜*/
.v9black_ranklist {}
.v9black_ranklistTil {font-size:20px;color: #002372; margin-top: 50px;background: url(img/v9black_issueDetailTitle.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: #fff;}
.v9black_ranklist > .right .v9black_rankItem li:nth-of-type(even) {background: transparent;}

.v9black_ranklist > .right .v9black_rankItem li .left{padding:12px 0 0 0;font-size: 18px;font-weight: bold;color:#333;border-bottom:2px #333 solid;line-height: 30px;}
.v9black_ranklist > .right .v9black_rankItem li:nth-of-type(1) .left {background: url(img/img_level1.png) no-repeat left top;border-bottom:2px #333 solid;}
.v9black_ranklist > .right .v9black_rankItem li .right{width:95%;}
.v9black_ranklist > .right .v9black_rankItem li .right p{font-size: 12px;color:#333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.v9black_ranklist > .right .v9black_rankItem li .right h5{width:69%;font-size: 20px;color:#333333;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:#777777;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: #8768b9;}
.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(../v9_black/img/ic_more.png) no-repeat 180px center;transition: all 0.2s;cursor: pointer;;float: right;}
.v9black_ranklist > .right .v9black_rankItem li:hover {background: #4E8EF6}
.v9black_ranklist > .right .v9black_rankItem li:hover .right p, .v9black_ranklist > .right .v9black_rankItem li:hover .right h5,
.v9black_ranklist > .right .v9black_rankItem li:hover .right .author, .v9black_ranklist > .right .v9black_rankItem li:hover .right .traffic,
.v9black_ranklist > .right .v9black_rankItem li:hover .right .traffic .traffic_num {
    color: #fff;
}
.v9black_ranklist > .right .v9black_rankItem li:hover:nth-of-type(1) .left, .v9black_ranklist > .right .v9black_rankItem li:hover .left {
    color:#fff;border-bottom:2px #fff solid;
}
.v9black_ranklist > .right .v9black_rankItem li:hover:nth-of-type(1) .left {background: url(img/img_level2_white.png) no-repeat left top;}
.v9black_ranklist > .right .v9black_rankItem li:hover .right .author{
    background: url(img/ic_teacher_ico_white.png) no-repeat left center;
}
.v9black_ranklist > .right .v9black_rankItem li:hover .right .traffic {
    background: url(img/ic_more2.png) no-repeat left center;
}

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