@charset "utf-8";
.cen-back2{
    padding-top: 30px;
    background: none;
}
.center-hd{
    padding-top: 0;
}
.course-detail{
    min-height: 237px!important;
}
.course-detail-top{
    background: none;
    padding: 0 20px 0 0;
    margin-bottom: 50px;
}
.course-detail-img{
    border-radius: 6px;
    overflow: hidden;
}
.course-detail-img,.course-detail-img img{
    width: 415px;
    height: 237px;
}
.course-detail{
    width: 715px;
    padding: 0;
    margin-left: 0;
}
.courtit{
    color: #252525;
    font-size: 28px;
    line-height: 1;
    padding: 16px 0 10px;
    font-weight: bold;
}
.lesson-detail-new{
    margin: 0;
    position: relative;
}
.lesson-detail-new p{
    width: 100%;
    display: block;
    color: #666666;
    font-size: 14px;
    line-height: 23px;
    margin-top: 15px;
}
.lesson-detail-new p span{
    color: #999999;
}
.lesson-detail-new p span del{
    font-weight: normal;
}
.lesson-detail-new p.course_desc{
    margin-top: 0;
    /*padding-bottom: 5px;*/
}
.lessyinyinon-btns{
    background: #DD1313;
    font-size: 20px;
    border-radius: 0;
    width: 200px;
    height: 44px;
    line-height: 44px;
    margin: 0;
    display: block;
    color: #fff!important;;
    font-size: 20px!important;;
    text-align: center;
    float: right;
    cursor: pointer;
}
.lessyinyinon-btns-other{
    background: #DD1313;
    font-size: 20px;
    border-radius: 0;
    width: 210px;
    height: 44px;
    line-height: 44px;
    margin: 0;
    display: block;
    color: #fff!important;
    font-size: 20px!important;
    text-align: center;
}
.lessfree-btns{
    color: #DD1313!important;
    border-radius: 0;
    width: 198px;
    height: 42px;
    line-height: 42px;
    display: block;
    font-size: 20px!important;;
    text-align: center;
    border: 1px solid #DD1313;
    background: none!important;
    margin-left: 30px;
}
.lessfree-btns:hover{
    background: #DD1313!important;
    color: #fff!important;
}
.lesson-detail-new .p1{
    margin: 0;
    line-height: 52px;
    height: 52px;
    font-size: 20px;
    overflow: hidden;
    position: relative;
    color: #DD1313;
    font-weight: bold;
}
.lessyinyinon-btns-box{
    width: 450px;
    position: absolute;
    right: 14px;
    top: 4px;
}
.lesson-detail-new .p1 span{
    font-size: 36px;
    color: #DD1313;
}
.kc_yccode_yj{
    font-size: 16px!important;;
    color: #666666!important;
    padding-left: 10px;
}
#coursePrice{
    padding-top: 16px;
}
.fen-shou{
    top: auto;
    bottom: 64px;
    right: 0;
    display: block;
    height: 20px;
    margin: 0;
}
.fen-shou a{
    line-height: 20px;
    color: #666666;
}
.fen-shou a span.shouc{
    height: 20px;
    background: url('../imgs/detail/collect.png') 0 / contain no-repeat;
}
.fen-shou a .emonclick{
    height: 20px;
    background: url('../imgs/detail/collected.png') 0 / contain no-repeat;
}
.course-none{
    display: block;
}
.courseInfo{
    box-sizing: border-box;
    width: 1180px;
    padding: 30px 40px 24px;
    background: url('../imgs/detail/cda.png') right top / 300px auto no-repeat #FFF8E8;
    font-size: 16px;
    color: #666666;
    border-radius: 10px;
    margin-bottom: 60px;
}
.ci_item{
    float: left;
    font-size: 14px;
}
.ci_item h2{
    color: #999999;
    line-height: 22px;
    margin-bottom: 18px;
    font-weight: normal;
    font-size: 14px;
}
.ci_left{
    width: 168px;
    padding-right: 40px;
    border-right: 1px solid #FEE9C7;
}
.ci_left h2{
    text-align: center;
}
.ci_left p{
    line-height: 26px;
}
.ci_right{
    width: 736px;
    padding-left: 40px;
}
.ci_right li{
    line-height: 28px;
    width: 318px;
    margin-right: 40px;
    float: left;
    position: relative;
    padding-left: 10px;
}
.ci_right li:before{
    display: block;
    content: '';
    position: absolute;
    left: 0;
    top: 12px;
    width: 3px;
    height: 3px;
    background: #666666;
    border-radius: 50%;
}
.course_section{
    width: 790px;
    float: left;
}
.course-nav{
    margin-top: 0;
}
.course_hd{
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 20px;
}
.course_list{
    -moz-user-select: none; /*火狐*/
    -webkit-user-select: none; /*webkit浏览器*/
    -ms-user-select: none; /*IE10*/
    -khtml-user-select: none; /*早期浏览器*/
    user-select: none;
}
.course_list li,.course_list li a{
    line-height: 26px;
    font-size: 16px;
}
.course_section_tit,.course_class_tit{
    padding: 20px 0;
}
.course_section_tit{
    background: #F7F7F7;
    padding-left: 28px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    position: relative;
    color: #252525;
}
.course_section_tit:before,.course_section_tit:after{
    display: block;
    content: '';
    position: absolute;
}
.course_section_tit:before{
    background: #EBECF0;
    height: 1px;
    width: 738px;
    left: 28px;
    bottom: 0;
}
.course_section_tit:after{
    width: 14px;
    height: 8px;
    right: 25px;
    top: 29px;
    background: url('../imgs/detail/arrow.png') 0 / contain no-repeat;
}
a.course_class_tit{
    display: block;
    padding-left: 55px;
    border-bottom: 1px solid #EBECF0;
    color: #666666;
    background: url('../imgs/detail/video.png') 28px center / 17px auto no-repeat;
}
a.course_class_nocontent{
    padding-left: 28px;
}
.course_class_tit:last-child{
    border: none;
}
.course_section_tit:hover,.course_class_tit:hover{
    color: #DD1313;
}
.course_class_tit:hover{
    background-color: #FCFCFC;
}
.course_class{
    display: none;
}
.course_list li.course_open .course_section_tit:after{
    background-image: url('../imgs/detail/arrow_up.png');
}
.course_list li.course_open .course_section_tit:before{
    display: none;
}
.course_list li.course_open .course_class{
    display: block;
}
.course_recommend{
    float: right;
    width: 284px;

}
.course_recommend img{
    display: block;
    width: 284px;
    height: 162px;
}
.course_rec_info{
    border: 1px solid #ECEDED;
    border-top: none;
    border-radius: 6px;
    padding: 20px;
    line-height: 22px;
}
.course_rec_tit{
    font-size: 16px;
    height: 22px;
    margin-bottom: 5px;
    white-space:nowrap;
    overflow: hidden;              /* "overflow" value must be different from "visible" */
    -o-text-overflow: ellipsis;    /* Opera 9-10 */
    text-overflow:    ellipsis;    /* IE, WebKit (Safari, Chrome), Firefox 7, Opera 11 */
}
.course_rec_list li{
    height: 252px;
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 22px;
}
.course_rec_list li:last-child{
    margin-bottom: 0;
}
.course_rec_list a:hover .course_rec_tit{
    color: #DD1313;
}
.course_rec_order{
    color: #999999;
    font-size: 12px;
}
.course_rec_price{
    float: right;
    color: #DD1313;
    font-size: 16px;
}
.cen-back2{
    padding-bottom: 65px;
}
.course_class_try{
    position: relative;
}
.course_class_try:after{
    font-size: 16px;
    content: '试听';
    display: block;
    position: absolute;
    width: 78px;
    top: 50%;
    right: 0;
    background: url("/static/kechengpc2020/images/free_learn.png") 0 center / 17px auto no-repeat;
    padding-left: 22px;
    box-sizing: border-box;
    height: 26px;
    line-height: 26px;
    margin-top: -13px;
    color: #999999;
}
.course_class_try:hover:after{
    color: #DD1313;
    background-image: url("/static/kechengpc2020/images/free_learn_hover.png");
}