.courseTip {
    padding: .22rem 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.toplineart {
    color: #e4000b;
}
.courseTip i {
    width: .5rem;
    height: .5rem;
    text-align: center;
    line-height: .46rem;
    font-size: .28rem;
    color: #fff8e2;
    border: 1px solid #fff8e2;
    border-radius: 50%;
    margin: 0 .06rem;
}
.courseCoupon {
    padding: 0rem .3rem 0;
}
    .courseCoupon .coursetop {
        background: #fff8f8;
        margin: 0rem 0rem .3rem;
        padding: .7rem 0.2rem 0.2rem 0.2rem;
        border-radius: .3rem;
        -moz-border-radius: .3rem; /*ÀϵÄFirefox*/
    }
.couponOdd {
    padding: 0 .1rem;
}
.couponOddMain {
    padding: 0 0 0 0;
    height: 2.2rem;
    margin-bottom: .4rem;
    background: url(../img/couponBg.png) 0 0 no-repeat;
    background-size: 100% 100%;
}
.couponOddMoney {
    padding: 0.15rem 0 0;
    font-size: .24rem;
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    /*transform: rotate(5deg);*/
}
.couponOddtips {
    padding: 0;
    font-size: .23rem;
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    /*transform: rotate(5deg);*/
}
.couponOddMoney b {
    font-size: .5rem;
    margin-left: .04rem;
    margin-top: .04rem;
    letter-spacing: .01rem;
}

.couponOddCount {
    padding: .1rem 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .couponOddCount a {
        width: 1.81rem;
        height: .52rem;
        text-align: center;
        line-height: .56rem;
        font-size: .27rem;
        color: #a60b03;
        border-radius: .3rem;
        margin-left: 0.1rem;
        font-weight: 700;
        background-color: #ffce59;
        -webkit-box-shadow: 2px 5px 15px rgba(218,38,28,.3);
        -moz-box-shadow: 2px 5px 15px rgba(218,38,28,.3);
        box-shadow: 2px 5px 15px rgba(218,38,28,.3);
        transition: transform .3s ease-in-out;
    }
.couponBtn {
    padding: 0 0 0.3rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
    .couponBtn a {
        width: 5rem;
        height: .68rem;
        text-align: center;
        line-height: .68rem;
        font-size: .31rem;
        color: #ffffff;
        background-color: #f6593d;
        font-weight: bold;
        border-radius: .3rem;
        padding:0 0 0 .2rem;
        letter-spacing: .2rem;
        -webkit-box-shadow: 2px 5px 15px rgba(249,167,161,.8);
        -moz-box-shadow: 2px 5px 15px rgba(249,167,161,.8);
        box-shadow: 2px 5px 15px rgba(249,167,161,.8);
        transition: transform .8s ease-in-out;
    }

.courseAllList {
    padding: 0 .2rem 0;
}

.courseModel {
    padding: 0 0 0;
}

.courseTitle {
    padding: .6rem 0 0;
    display: flex;
    justify-content: space-around;
    align-items: center;
    font-size: .34rem;
    color: #ffffff;
    font-weight: bold;
    letter-spacing: 0.1rem;
}

    .courseTitle i {
        width: 1.16rem;
        height: .09rem;
        background: url(../img/border.png) 0 0 no-repeat;
        background-size: 100% 100%;
    }

.courseList {
    padding: .25rem 0 0;
}

.courseOdd {
    padding: 0 .13rem;
}

.courseOddMain {
    padding: 0rem;
    border-radius: .1rem;
    background-color: #ffffff;
    margin-bottom: .2rem;
}

    .courseOddMain img {
        width: 100%;
        background-color: #000;
        border-radius: .1rem .1rem 0rem 0rem;
    }

.courseOddInfo {
    padding: .1rem 0.1rem 0;
    display: flex;
    flex-direction: column;
}

    .courseOddInfo p {
        font-size: .23rem;
        color: #333333;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin:.1rem 0rem .1rem;
    }

.courseOddMoney {
    display: flex;
    padding: .1rem 0 0;
    justify-content: space-between;
    align-items: center;
}

    .courseOddMoney i {
        width: 1.58rem;
        height: .4rem;
        text-align: center;
        line-height: .4rem;
        position: relative;
        left: -.14rem;
        font-size: .22rem;
        color: #fefff0;
        -webkit-box-shadow: 0.05rem 0.1rem 0.2rem rgba(246,210,209,.9);
        -moz-box-shadow: 0.05rem 0.1rem 0.2rem rgba(246,210,209,.9);
        box-shadow: 0.05rem 0.1rem 0.2rem rgba(246,210,209,.9);
        transition: transform .9s ease-in-out;
        background-color: #ffae2b;
        border-radius: 0.05rem .25rem .25rem 0.05rem;
    }

    .courseOddMoney span {
        font-size: .22rem;
        color: #d6322c;
    }

.courseOddBtn {
    padding: .2rem 0 .1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: .2rem 0rem .2rem;    
}

    .courseOddBtn a:first-of-type {
        width: 50%;
        height: .6rem;
        line-height: .6rem;
        text-align: center;
        font-size: .23rem;
        color: #f5283b;
        border: 1px dashed #fa6437;
        border-right: 0;
        border-radius: .3rem 0 0 .3rem;
    }

    .courseOddBtn a:last-of-type {
        width: 50%;
        height: .6rem;
        line-height: .6rem;
        text-align: center;
        font-size: .23rem;
        color: #ffffff;
        border-radius: .3rem;
        background-color: #fa6437;
        -webkit-box-shadow: 0.05rem 0.1rem 0.2rem rgba(246,210,209,.9);
        -moz-box-shadow: 0.05rem 0.1rem 0.2rem rgba(246,210,209,.9);
        box-shadow: 0.05rem 0.1rem 0.2rem rgba(246,210,209,.9);
        transition: transform .9s ease-in-out;
    }