body{
    background-color: #fff;

    background-repeat: repeat-y;
    background-position: center top;
}
.main_left {
    width: 940px;
    margin-top: 20px;
}
.word_orange{color: #ff6537;}
.under-word{
    font-size: 13px;
    color: #999;
    text-decoration: line-through;
    margin-left: 5px;
    margin-top: 5px;
}
.cmain {
    color: #ff5400;
}
.mt2 {
    margin-top: 2px;
}
/* 面包屑 开始 */
.crumbs {
    height: 48px;
    line-height: 48px;
}
.crumbs-arrow {
    margin-left: 5px;
    margin-right: 5px;
}
/* 面包屑 结束 */

/* 头部 开始 */
.course-header {
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid #e8e8e8;
}
.c-cover {
    position: relative;
    width: 400px;
    height: 280px;
    overflow: hidden;
}
.c-cover-head {
    display: block;
    width: 400px;
    height: 280px;
}
.c-cover-on {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30px;
    line-height: 30px;
    background-color: rgba(0,0,0,.4);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);
    color: #fff;
}
.c-cover-on-le {
    padding-left: 20px;
}
/* 新的下载app 开始 */
.c-cover-down {
    margin-right: 15px;
}
.android-icon {
    width: 18px;
    height: 24px;
    background-image: url("../images/course/app-icon.png");
    background-position: 0 0;
    vertical-align: middle;
    margin-left: 10px;
}
.android-icon:hover,
.ios-icon:hover {
    background-image: url("../images/course/app-icon2.png");
}
.ios-icon {
    width: 18px;
    height: 21px;
    background-image: url("../images/course/app-icon.png");
    background-position: 0 -36px;
    vertical-align: middle;
    margin-left: 10px;
}
/* 新的下载app 结束 */
.course-header-right {
    height: 260px;
    margin-left: 420px;
    overflow: hidden;
}
.co-tit-wrap {
    position: relative;
    margin-top: 20px;
    height: 25px;
}
.co-tit-inner {
    /*position: absolute;*/
}
.co-tit {
    max-width: 500px;
    font-size: 24px;
    color: #333;
    line-height: 1.2;
    padding-right: 10px;
}
.wang-none {
    width: 500px;
    margin-top: 50px;
}
.wang-none-img {
    margin-left: 20px;
}
.wang-none-txt {
    font-size: 16px;
    line-height: 1.8;
    color: #666;
    margin-top: 30px;
    margin-left: 35px;
}
.cou-down {
    margin-top: 10px;
    color: #666;
    line-height: 1;
}
.cou-down>a {
    color: #4395ff;
}
/* 头部 结束 */

/* 兴趣课程 开始 */
.hob-tit {
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 10px;
    margin-top: 10px;
    margin-bottom: 20px;
}
.hob-tit-name {
    font-size: 16px;
    border-left: 2px solid #ff5400;
    padding-left: 10px;
    color: #666;
    line-height: 1;
}
.other-cou-ul {
    padding-left: 10px;
}
.other-cou-li {
    padding: 20px 0;
    border-bottom: 1px solid #e8e8e8;
}
.other-cou-ul > .other-cou-li:nth-child(1){ padding-top: 0; }
.sp-img-wrap {
    position: relative;
}
.other-cou-li-a{
    display: block;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
}
.other-cou-li-a:hover {
    box-shadow: 0 0 3px #666;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
}
.broad-small-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -14px;
    margin-left: -14px;
    width: 28px;
    height: 28px;
   /* background-image: url("../images/course/broad-small.png");*/
    background-repeat: no-repeat;
}
.com_tag {
    font-size: 12px;
    color: #ffbaa4;
    padding: 4px 10px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    margin-right: 9px;
    background-color: #fff3ed;

}

.other-cou-li-img {
    width: 160px;
    height: 112px;
}
.other-cou-li-main {
    padding-top: 2px;
    margin-left: 170px;
    overflow: hidden;
}
.qita-tit {
    position: relative;
    height: 20px;
    line-height: 20px;
}
.qita-tit-inner {
    position: absolute;
}
.qita-tit-txt {
    font-size: 16px;
    color: #333;
    vertical-align: middle;
    margin-right: 30px;
    max-width: 390px;
}
.other-cou-cost {
    font-size: 16px;
    color: #ff5400;
}
.other-cou-cost-line {
    margin-left: 3px;
    margin-right: 3px;
}
.bot-box {
    position: relative;
    margin-top: 5px;
    border: 1px solid #eaeaea;
    padding: 8px 0 8px 8px;
}
.btn-online {
    position: absolute;
    color: #fff;
    font-size: 14px;
    background-color: #ff5400;
    padding: 8px 16px;
    right: 0;
    top: -1px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}
.btn-online:hover {
    background-color: #f22d00;
}
.btn-free {
    position: absolute;
    color: #ff5400;
    font-size: 14px;
    background-color: #fff2e8;
    padding: 7px 15px;
    border: 1px solid #ffd4b8;
    right: 88px;
    top: -1px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}
.btn-free:hover {
    background-color: #ff5400;
    color: #fff;
}
.wang-none-label {
    padding: 3px 10px;
    line-height: 1;
    border: 1px solid #ff5400;
    color: #ff5400;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    margin-right: 10px;
}
.com-call {
    width: 20px;
    height: 23px;
    background-image: url("../images/school/com-call.png");
    vertical-align: middle;
    margin-right: 8px;
}
.com-call-num {
    font-size: 15px;
    color: #ff5400;
    font-weight: bold;
}
.com-talk {
    width: 23px;
    height: 21px;
    background-image: url("../images/school/com-talk.png");
    background-repeat: no-repeat;
    vertical-align: middle;
    cursor: pointer;
}
.com-talk-btn {
    font-size: 15px;
    color: #ff5400;
    vertical-align: middle;
    padding-left: 8px;
}
.com-call-box:hover .com-call,
.com-talk-box:hover .com-talk {
    -webkit-animation-name: shake;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
}
.com-talk-box:hover .com-talk-btn {

}
@-webkit-keyframes shake{
    0%{
        -webkit-transform: rotate(30deg);
    }
    10%{
        -webkit-transform: rotate(-30deg);
    }
    20%{
        -webkit-transform: rotate(25deg);
    }
    30%{
        -webkit-transform: rotate(-25deg);
    }
    40%{
        -webkit-transform: rotate(15deg);
    }
    50%{
        -webkit-transform: rotate(-15deg);
    }
    60%{
        -webkit-transform: rotate(10deg);
    }
    70%{
        -webkit-transform: rotate(-10deg);
    }
    80%{
        -webkit-transform: rotate(5deg);
    }
    90%{
        -webkit-transform: rotate(-5deg);
    }
    100%{
        -webkit-transform: rotate(0deg);
    }
}
.promotion_addr{margin-top: 5px;}
.promotion_addr .promotion_addr_txt{
    display: inline-block;
    max-width: 95%;
    color: #666;
    font-size: 12px;
}
.promotion_addr .addr{
    width: 15px;
    height: 15px;
    color: #797c81;
    background-image: url("../images/school/small-pos.png");
    background-repeat: no-repeat;
    background-position: 0 0;
}
.filter_p_border{
    margin-top: 5px;
    /*border: 1px solid #e8e8e8;*/
}
.filter_p_border > span {
    line-height: 28px;
}

.orange_fire{
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-left: 10px;
    background: url("../images/course/fire.png") no-repeat 0 -64px;
    vertical-align: middle;
}

/* 兴趣课程 结束 */

/*我的足迹*/
.course_subtitle{
    color: #666;
    text-indent: 10px;
    border-left: 2px solid #ff5400;
    line-height: 1;
}
.footprint{margin-top: 35px;}
.footprint_ul{
    margin: 18px 0 18px -20px;
}
.footprint_ul > li{
    float: left;
    width: 220px;
    height: 210px;
    margin-left: 20px;
    box-shadow: 0 0 2px #dcdcdc;
}
.footprint_ul > li:hover{
    box-shadow: 0 0 5px #666;
}
.footprint_box{
    font-size: 14px;
    margin: 10px 10px 15px;
}
.footprint_img_wrap {
    position: relative;
}
.renqi {
    position: absolute;
    left: 0;
    top: 0;
    height: 30px;
    line-height: 30px;
    color: #fff;
    background-color: rgba(0,0,0,.5);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);
    padding-left: 8px;
    padding-right: 8px;
    font-size: 12px;
}
.footprint_img{
    display: block;
    width: 100%;
    height: 140px;
}
.footprint_img > img{
    display: block;
    width: 100%;
    height: 100%;
}
.footprint_title{
    margin-top: 8px;
    overflow: hidden;
}
.footprint_title > a{  color: #797c81;}

.word_free {
    color: #f16765;
}
/*我的足迹 完成*/