/*----------------------------课程页面---------------------------*/
/*固定悬浮*/
 body{
     background: #f9f9f9;
}
/*课程搜索*/
 .courseSEO{
     height: 78px;
     height: 78px;
     margin-top: 16px;
     margin-top: 8px;
     background: white;
}
 .courseSEOT{
     width: 1168px;
     width: 1168px;
     height: 78px;
     height: 78px;
     margin-left: 16px;
     margin-left: 16px;
     line-height: 78px;
     line-height: 78px;
     float: left;
     position: relative;
}
 .courseSEOB{
     height: 100%;
     line-height: 52px;
     line-height: 52px;
     float: left;
}
 .courseSEOW{
     height: 100%;
     float: left;
     line-height: 78px;
     line-height: 78px;
     margin-left: 22px;
     margin-left: 22px;
}
 .courseSEO p{
     display: inline-block;
     float: left;
     font-size: 16px;
     font-size: 16px;
     color: #333333;
}
 #courseSelect{
     width: 170px;
     height: 40px;
     width: 170px;
     height: 40px;
     margin-top: 19px;
     margin-top: 19px;
     outline: medium;
     font-size: 16px;
     font-size: 16px;
     color: #333333;
     box-sizing:border-box;
     border: 1px solid #e5e5e5;
     float: left;
}
 #courseSelect option{
     color: #333333;
}
 #courseSelect option:hover{
     background: #f9f9f9;
     color: #00abeb;
}
/*搜索框*/
 .courseSEOform{
     width: 466px;
     height: 40px;
     width: 466px;
     height: 40px;
     box-sizing:border-box;
     margin-top: 19px;
     margin-top: 19px;
     margin-left: 10px;
     margin-left: 10px;
     float: left;
}
 .courseSEmput{
     width: 394px;
     height: 100%;
     width: 394px;
     float: left;
     outline: medium;
     box-sizing:border-box;
     border: 1px solid #e5e5e5;
     font-size: 16px;
     font-size: 16px;
     padding:0 5px;
}
 .courseSEOformPic{
     width: 72px;
     height: 100%;
     width: 72px;
     background: #00abeb;
     float: left;
     position: relative;
     cursor: pointer;
}
 .courseSEOformArrow{
     width: 20px;
     height: 20px;
     position: absolute;
     left:50%;
     top: 50%;
     margin: -10px 0 0 -10px;
     margin: -10px 0 0 -10px;
}
/*课程内容部分*/
 .courseMain{
     min-height: 373.2px;
     margin-top: 16px;
     margin-top: 16px;
     margin-bottom: 42px;
     margin-bottom: 42px;
     overflow: hidden;
     position: relative;
     background:#ffffff;
}
 .courseMain_box{
     // max-height: 1274px;
     // max-height: 1274px;
     overflow: hidden;
}
 .courseMain_itme{
     padding: 16px 0;
     padding: 16px 0;
     overflow: hidden;
     border-bottom: 1px solid #eeeeee;
     cursor:pointer;
}
 .imgBox_L{
     width:146px;
     width:146px;
     height:72px;
     height:72px;
     margin-left:26px;
     margin-left:26px;
     margin-right:20px;
     margin-right:20px;
     float: left;
     overflow:hidden;
}
 .imgBox_L img{
     width: 100%;
     height: 100%;
}
 .contentBox_R{
     float: left;
     width:930px;
     width:990px;
}
 .courseTitleBox{
     width: 100%;
     height: 20px;
     height: 20px;
     line-height: 20px;
     line-height: 20px;
     float: left;
}
 .courseTitleBox_name{
     width: 75%;
     float: left;
     font-size: 18px;
     font-size: 18px;
     color: #000000;
     margin-right: 42px;
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
}
 .courseTitleBox_name:hover{
     cursor:pointer;
     color:#00abeb;
}
 .courseTitleBox_price{
     float: right;
     width:14%;
     height: 26px;
     height:26px;
}
 .courseTitleBox_price>div{
     text-align:right;
}
 .useMoney{
     font-size:16px;
     font-size:16px;
     color:#f23f08;
}
 .coursePrice,.freeCourse{
     font-size:20px;
     font-size:20px;
}
 .freeCourse{
     color:#9ac01d;
}
 .courseNewsInfo{
     width:100%;
     height:25px;
     height:25px;
     padding:4px 0;
     padding:4px 0;
     overflow:hidden;
}
 .courseNewsInfo .btnBox{
     float:right;
    /* margin-left:330px;
     */
     margin-right:14%;
}
 .courseNewsInfo .btnBox a{
     vertical-align:top;
}
 .courseNewsInfo .btnBox a:not(.lasta){
     margin-right:20px;
}
 .courseNewsInfo .btnBox a:hover{
     color:#00abeb;
}
 .courseNewsInfo .btnBox i{
     display:inline-block;
     width:16px;
     height:16px;
     background:url(../img/16PXTB.png) no-repeat;
     transition:all 0.3s;
     vertical-align:middle;
}
 .courseNewsInfo .btnBox i.shipinIcon{
     background-position:0 -20px;
}
 .courseNewsInfo .btnBox a:hover .shipinIcon{
     background-position:0 -2px;
}
 .courseNewsInfo .btnBox i.kejianIcon{
     background-position:0 -56px;
}
 .courseNewsInfo .btnBox a:hover .kejianIcon{
     background-position:0 -38px;
}
 .courseNewsInfo .btnBox i.lianxiIcon{
     background-position:-30px -20px;
}
 .courseNewsInfo .btnBox a:hover .lianxiIcon{
     background-position:-30px -2px;
}
 .courseNewsInfo .btnBox i.kaoshiIcon{
     background-position:-30px -56px;
}
 .courseNewsInfo .btnBox a:hover .kaoshiIcon{
     background-position:-30px -38px;
}
 .authorInfo,.studentInfo{
     height:30px;
     height:30px;
     float: left;
     overflow:hidden;
}
 .authorInfo li,.studentInfo{
     height:30px;
     height:30px;
     line-height:30px;
     line-height:30px;
     margin-right:14px;
     margin-right:14px;
     font-size:14px;
     font-size:14px;
     color:#333333;
     float: left;
}
 .authorInfo li{
     max-width: 120px;
     overflow: hidden;
     text-overflow: ellipsis;
}
/* 竖线 */
 .studentInfo_line{
     float: left;
     margin-right: 6px;
     margin-right: 6px;
     display: inline-block;
     width: 1px;
     height: 16px;
     height: 14px;
     background: #999999;
     margin-top: 8px;
     margin-top: 8px;
}
 .studentInfo_content{
     float: left;
     margin-left: 6px;
     margin-left: 6px;
}
 .courseIntroduction{
     width:90%;
     line-height: 22px;
     line-height: 22px;
     color:#939393;
     font-size:14px;
     font-size:14px;
     overflow:hidden;
     text-overflow:ellipsis;
     white-space: nowrap;
     -webkit-line-clamp:2;
     -webkit-box-orient:vertical;
}
/*页码*/
 .coursePageNum_box{
     font-size: 14px;
     font-size: 14px;
     width:100%;
}
 .coursePageNum{
     width: 582px;
     width: 586px;
     height: 34px;
     height: 34px;
     overflow: hidden;
     margin: 32px auto;
}
 .coursePageNum span{
     height: 100%;
     background: white;
     border-radius: 2px;
     border-radius: 2px;
     margin-left: 8px;
     margin-left: 8px;
     text-align: center;
     line-height: 34px;
     line-height: 34px;
     box-sizing:border-box;
     border:1px solid #e5e5e5;
     float: left;
     cursor: pointer;
}
 .coursePageNums{
    /*width: 58px !important;
     width: 58px !important;
     */
     display: inline-block;
     overflow: hidden;
     margin-left: 0px;
}
 #courseLastPage,#courseNextPage{
     width: 72px;
     width: 72px;
}
/*.coursePageNum span:first-child{
     width: 72px;
     width: 72px;
     margin-left: 0px;
}
 */
 .coursePageNumsE{
     background: none !important;
     border: none !important;
}
 .coursePageNumsEs{
     background: none !important;
     border: none !important;
     width: 16px !important;
     width: 16px !important;
}
 #courseInputPage{
     width: 58px !important;
     width: 58px !important;
     height: 100%;
     background: white;
     border-radius: 4px;
     border-radius: 4px;
     margin-left: 8px;
     margin-left: 8px;
     text-align: center;
     line-height: 40px;
     line-height: 40px;
     box-sizing:border-box;
     border:1px solid #e5e5e5;
     float: left;
}
 #courseGO{
     width: 58px !important;
     width: 58px !important;
     height: 100%;
     background: white;
     border-radius: 4px;
     border-radius: 4px;
     margin-left: 8px;
     margin-left: 8px;
     text-align: center;
     line-height: 34px;
     line-height: 34px;
     float: left;
     cursor: pointer;
     outline:medium;
     box-sizing: border-box;
     font-size: 16px;
     font-size: 16px;
     border-color: #e5e5e5;
}
 #courseGO:hover{
     background:#00abeb;
     color:#ffffff;
}
 #courseThisPage,#courseAllPage,.coursePageLine{
     display: inline-block;
}
 #courseThisPage{
     color: #00abeb;
}