.course-detail-header.before .course-img{width:450px;margin:0px !important;}
.course-detail-header .course-img .img-responsive{width:450px;height:280px;}
.course_one{width:450px;padding:15px 0px 5px 15px;color:#888}
.course_two{width:450px;padding:0px 0px 15px 15px;color:#888}
.course_two i{color:#FF0000}
.course_two input{margin-left:5px;width:100px;height:20px;font-size:14px;padding:0px;}
.course_three{width:100%;display: none;padding:15px 0px 10px 15px;}
.course_three p:first-child{font-size:16px;color:#333;}
.course_three p:first-child span{float:right;color:#888;font-size:14px;margin-right:10px}
.course_three p:last-child{font-size:14px;color:#888}

.course-img{border-right:1px solid #E5E5E5}
.course-detail-header.before .course-info{width:688px;padding:0px 0px 3% 30px;border-bottom:1px solid #E5E5E5;}
.course-info h2{margin:20px 0px 0px 0px;}
.courseMoney{width:688px;border-bottom:1px solid #E5E5E5;height:110px;overflow: hidden;}
.courseMoney a{width:30%;float:left;border-right:1px solid #E5E5E5;height:100%;}
.courseMoney a:last-child{width:40%;float:left;height:100%;border-right:0px;}
.courseMoney a div{font-size:14px;color:#888;font-weight:200px;width:100%;text-align: center;}
.courseMoney a .text-success{font-size:14px;color:#888 !important;}
.courseMoney a .fontExWeiget{font-size:25px !important;margin-top:20px;color:#ec5a12 !important}
.textWeixinsm{width:100%;float:left;text-align:left !important}
.textWeixinsm img{width:90px;height:90px;margin:10px 0px 0px 10px;line-height:40px;float:left}
.textWeixinsm span{float:left;line-height:30px;padding-top:25px;color:#497cff}
.speakFor{width:688px;float:left;padding:40px 0px 0px 20px;}
.speakFor .buy a{padding:10px 30px;border-radius:0;background:#ec5a12;color:#fff;border:1px solid #e0510b;margin-left:10px;font-size:16px;}
.speakFor .buy a:hover{background:#DF500F}
.speakFor .buy span{float:right;color:#FF0000;font-size:17px;line-height:44px;margin-right:10px;display: none}
.speakFor .buy .btn-lg{background:#FFF !important;border:1px solid #ccc;color: #666;}
.speakFor .buy .btn-lg:hover{border:1px solid #999;color:#222;}
.period-list .period{position: relative;padding: 10px 10px 10px 10px;margin:0px;border-radius:5px;}
.label {padding: 0.5em 0.6em;}
.chaTitle{border-bottom:1px dashed #DDD;color:#2b63f3 !important;}
.secTitle a,.period-list .period .title{color:#777 !important;}
.secTitle .title{padding:0px 0px 0px 20px;line-height:30px}
.label-success{float:right;background:none;color:#ec5a12;font-size:14px;}

@media(max-width:767px){
    .course-detail-header.before .course-img{width:100%;}
    .course-detail-header .course-img .img-responsive{width:100%;height:200px;}
    .course-img{border-right:none;}
    .course-img img{text-align: center}
    .course_two{display:none}
    .course_three{display:block;}
    .speakFor{width:100%;float:left;padding:0px 0px 10px 5px;}
    .speakFor .buy span{display: block}
}