.headPic{
    margin-top: 5rem;
    width: 100%;
    height: 31.33rem;
    background-color: #ccc;
    background-image: url('../images/top/banner_03.jpg');
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}
.headline{
    font-family: PingFangSC-Medium,"microsoft yahei";
    width: 100%;
    height: 5rem;
    font-size: 1.66rem;
    line-height: 5rem;
    text-indent: 2rem;
    color: #ffffff;
    background-color: #3C7EC3;
}


.onlineCourse{
    margin: auto;
    position: relative;
    width: 100%;
    height: auto;
    text-align: center;
    background-color: #ffffff;
    overflow: hidden;
    padding-bottom: 2.5rem;
}
.speechBox{
    background-color: #f8f8f8; 
}
#onlineCourseBox{
    margin: auto;
    text-align: center;
    width: 100%;
    overflow: hidden;
    background-color: #ffffff;
}

.course-audio,.course-video{
    display: inline-block;
    position: absolute;
    bottom: 4px;
    right: 4px;
    width: 1.666667rem;
    height: 1.666667rem;
    background-size: 100% 100%;
}
.course-audio{
    background-image: url(../images/coursecover_audio_tag_copy.png);
}
.course-video{
    background-image: url(../images/coursecover_video_tag_copy.png);
}
.icon-arrow-more{
    position: absolute;
    bottom: 0;
    right: 1.3rem;
    top: 0;    
    width:  1.2rem;
    margin: auto;
    opacity: .6;
}



/*####################   课程   ########################*/
/*线上*/
.onlineCourseBox .title{
    min-height: 5.25rem!important;
}
/*线下*/
.offlineCourseBoxMin .title{
    min-height: 5.25rem!important;
}
.offlineCourseBoxMin .titleText{
    display: inline-grid!important;
    min-height: 2.5rem;
    /*两行文本加省略号*/
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
/*自学*/
.selfCourseBoxMin .title{
    font-size: 1.25rem!important;
    margin: 1.58rem 0!important;
}

.subject{
    margin: 3rem 0 0 1rem;
    padding-right: 3rem;
    width: 100%;
    display: inline-block;
    overflow: hidden;
    position: relative;
    text-align: left;
}
.onlineCourseBox{
    position: relative;
}
.subject .btmText{
    margin-top: 2.6rem;
    font-family: PingFangSC-Regular,"microsoft yahei";
    font-size: 1.16rem;
    color: #999999;
    line-height: 1.75rem;
}
.subject .top{
    font-family: PingFangSC-Regular,"microsoft yahei";
    font-size: 1.66rem;
    color: #2F2F2F;
}
.subject .min{
    margin: 0 0 0.6rem;
    font-family: PingFangSC-Regular,"microsoft yahei";
    font-size: 1rem;
    color: #333333;
}
.subject .btm{
    width: 2.5rem;
    height: 3px;
    background: #3573B3;
}

/*购买按钮*/
.buyButton{
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 5rem;
    text-align: center;
    line-height: 5rem;
    font-size: 1.33rem;
    color: #ffffff;
    background-color: #3573B3;
    display: none;
}

@media (min-width: 750px) and (max-width: 1024px){
    .headPic{
        margin-top: 6rem;
        width: 100%;
        height: 40rem;
        background-color: #f5f5f5;
        background-image: url('../images/top/banner_04_IPAD.jpg');
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
    }

    /*报名中*/
    .subject{
        margin: 2.5rem 0rem 0rem 4.1rem;
        padding-right: 9rem;
        width: 100%;
        display: inline-block;
        overflow: hidden;
        position: relative;
        text-align: left;
    }
}

/*iPad横屏*/
@media (orientation : landscape) and (min-width: 1024px) {
    /*报名中*/
    .subject{
        margin: 2.5rem 0rem 0rem 14.4rem;
        padding-right: 29rem;
        width: 100%;
        display: inline-block;
        overflow: hidden;
        position: relative;
        text-align: left;
    }
}