.course-section{
    display: none;
    padding: 0 0.3rem 0.2rem;
}
.course-section .section-title{
    font-size: .36rem;
    line-height: .4rem;
    color: #333;
    font-weight: 600;
    margin-bottom: .42rem;
}
.course-section .swiper {
    width: 100%;
    box-sizing: border-box;
    background: #ffffff;
    box-shadow: 0rem 0.03rem 0.09rem 0rem rgba(102, 102, 102, 0.15);
    border-radius: .08rem;
    border: 0.01rem solid #ebebeb;

}
.course-section .swiper-pagination{
    position: static !important;
    padding-top: .36rem;
    display: flex;
    justify-content: center;
}
.course-section .swiper-pagination .swiper-pagination-bullet{
    width: 0.12rem !important;
    height: 0.12rem !important;
    background: #cecece !important;
    margin: 0 0.06rem !important;
    position: static !important;
    opacity: 1 !important;
    border-radius: 50% !important;
}
.course-section .swiper-pagination .swiper-pagination-bullet-active{
    background: #6c9dea !important;
}

.countdown-box{
    background-color: #ff7214;
    border-radius: 0.08rem 0.08rem 0.08rem 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 0.4rem;
    padding: 0 0.3rem;
    font-size: 0.22rem;
    color: #fff;
    width: 3.98rem;
    box-sizing: border-box;
}
.countdown-box .txt{
    font-weight:600;
}
.countdown-box .countdown{
    display: flex;
    align-items: center;
}
.countdown-box .countdown span{
    border-radius: .04rem;
    background-color: #ffffff;
    min-width: 0.3rem;
    height: 0.3rem;
    margin: 0 0.04rem;
    color: #ff7214;
    font-size: 0.2rem;
    text-align: center;
    line-height: 0.3rem;
}
.course-wrap{
    padding: 0.3rem 0.3rem 0.4rem;
}
.course-wrap .row-1{
    font-size: 0.28rem;
    font-weight: 600;
    margin-bottom: 0.32rem;
    line-height: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.course-wrap .row-2{
    display: flex;
    margin-bottom: 0.4rem;
}
.course-wrap .row-2 .teacher-item{
    margin-right: 0.3rem;
}
.course-wrap .row-2 .teacher-pic{
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 50%;
    background: #818a92;
    overflow: hidden;
    margin: 0 auto 0.16rem;
}
.course-wrap .row-2 .teacher-pic img{
    width: 100%;
    height: 100%;
    display: block;
}
.course-wrap .row-2 .teacher-name{
    width: 100%;
    height: 100%;
    color: #818a92;
    font-size: 0.2rem;
}
.course-wrap .row-3{
    display: flex;
    margin-bottom: 0.3rem;
    font-size: 0.2rem;
    line-height: 1;
}
.course-wrap .row-3 .label{
    color: #818a92;
    margin-right: 0.3rem;
}
.course-wrap .row-3 .course-service-list{
    display: flex;
}
.course-wrap .row-3 .service-item{
    display: flex;
    align-items: center;
    margin-right: 0.4rem;
}
.course-wrap .row-3 .service-item i{
    width: 0.20rem;
    height: 0.23rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAMAAAARSr4IAAAABGdBTUEAALGPC/xhBQAAALdQTFRFaGpxaGpxaGpxaGpxaGpxaGpxaGpxaGpxaGpxaGpxaGpxaGpxaGpxaGpxaGpxaGpxaGpxaGpxaGpxaGpxaGpxaGpxaGpxaGpxaGpxaGpxaGpxaGpxaGpxaGpxaGpxaGpxaGpxaGpxaGpxaGpxaGpxaGpxaGpxaGpxaGpxaGpxaGpxaGpxaGpxaGpxaGpxaGpxaGpxaGpxaGpxaGpxaGpxaGpxaGpxaGpxaGpxaGpxaGpxaGpxAAAANoMbGQAAAD10Uk5TVix9Tp0qm6BKmThxKHZviXxkcGafiAIcQhGHWjQyPE94WQkaD10mlyRfbi0XXAOLdXQjK2uSBA2enB2jAKsceJcAAACaSURBVAjXTY+FDsQwDENzzMw4ZuZ2y/9/163ddpqlSHmSrcSATGqaqnyBehSNRhuqKQzFfXY+6oj6apYNRaiEROY+lAdCBVWJf5U9jKGP6+moxWWB6NB5Z053jw+5N9lFgrmdkS8LTMYQSYjX15vnpQgc6nZ3XJoAHi5FQ8XzVP+chwG/dQvCnFXwPWKZsUU8v2mE5tYw7JhtPyBcK0MGytwxAAAAAElFTkSuQmCC) no-repeat center / 100% 100%;
    margin-right: 0.1rem;
}
.course-wrap .row-4{
    border-radius: 0.04rem;
    background: #fff8f2;
    height: 0.46rem;
    margin-bottom: 0.28rem;
    padding: 0 0.22rem;
    display: flex;
    align-items: center;
    color: #ff7214;
    font-size: 0.2rem;
}
.course-wrap .row-4 i{
    width: 0.16rem;
    height: 0.16rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMBAMAAACkW0HUAAAABGdBTUEAALGPC/xhBQAAADBQTFRF/3IU/3IU/3IU/3IU/3IU/3IU/3IU/3IU/3IU/3IU/3IU/3IU/3IU/3IU/3IUAAAAcqXd8AAAABB0Uk5Tv2/QkFA/sH+AYEAwIBDAALyaEwQAAABPSURBVAjXY/j//+/5//8Z/v/f9/70f4aj4W/eX9vP8KLz/6u1bxne////NmcmiHq/4jIS9ZZnJsPzwvtPgEpOLdEGafj//9z73SBTQIYBABO1PNncxLxVAAAAAElFTkSuQmCC) no-repeat center / 100% 100%; 
    margin-right: 0.18rem;
}
.course-wrap .row-5{
    margin-bottom: 0.36rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.2rem;
    line-height: 1;
}
.course-wrap .row-5 .price-box{
    display: flex;
    align-items: center;
}
.course-wrap .row-5 .sale-price{
    color: #ff7214;
    font-weight: 600;
}
.course-wrap .row-5 .sale-price span{
    font-size: 0.36rem;
}
.course-wrap .row-5 .origin-price{
    color: #999;
    margin-left: 0.3rem;
    text-decoration:line-through;
}
.course-wrap .course-btn{
    border-radius: 0.08rem;
    background: #6c9dea;
    height: 0.6rem;
    text-align: center;
    line-height: 0.6rem;
    color: #fefefe;
    font-size: 0.26rem;
    letter-spacing: 0.04rem;
}
.audition-wrap{
    border-top: 0.02rem solid #f2f2f2;
    padding: 0.3rem 0.3rem 0.14rem;
    font-size: 0.22rem;
}
.audition-wrap .audition-wrap-title{
    font-weight: 600;
    line-height: 1;
}
.audition-wrap .audition-item{
    height: 0.8rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 0.02rem solid #f2f2f2;
}
.audition-wrap .audition-item:last-child{
    border: none;
}
.audition-wrap .audition-name{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.audition-wrap .audition-btn{
    flex: none;
    border-radius: 0.08rem;
    background-color: #6c9dea;
    width: 0.88rem;
    height: 0.5rem;
    text-align: center;
    line-height: 0.5rem;
    color: #fefefe;
    margin-left: 0.3rem;
}