html,body{
    width: 100%;
    height: 100%;
}
/*公共样式*/
.img{
    width: 100%;
    height: 100%;
}
.fontColorRed{
    color: #c8161e;
}
button{
    width: 2.1rem;
    height: .6rem;
    border: 1px solid #C8161E;
    border-radius: 30px;
    font-family: PingFangSC-Regular;
    font-size: .28rem;
    color: #C8161E;
    background: #ffffff;
}
.button-self{
    display: block;
    margin: 0 auto;
    background: #C8161E;
    border-radius: 50px;
    width: 4rem;
    height: .9rem;
    font-family: SourceHanSansCN-Regular;
    font-size: .32rem;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
    line-height: .48rem;
}
.line{
    border-bottom: 1px solid #eeeeee;
}
h4{
    font-family: PingFangSC-Medium;
    font-size: .3rem;
    color: #C8161E;
    line-height: .42rem;
    font-weight: normal;
}
h3{
    font-family: SourceHanSansCN-Medium;
    font-size: .46rem;
    color: #222222;
    font-weight: normal;
}
.bg{
    width:7.5rem;
    height: 5.79rem;
    position: relative;
    background-size: contain;
}
/*头部样式*/
header{
    width: 100%;
    height: .82rem;
    padding: .31rem 0;
    overflow: hidden;
    background: #ffffff;
}
.header-logo {
    width: 2.25rem;
    height: .81rem;
    margin-left: .33rem;
    float: left;
}
.header-phone{
    float: right;
    margin-right:.33rem;
    padding-top: .06rem;
}
.header-phone .left{
    display: inline-block;
    width: .48rem;
    height: .48rem;
    vertical-align: middle;
}
.header-phone .right{
    vertical-align: middle;
    width: 1.9rem;
    display: inline-block;
    margin-left: .1rem;
}
.header-phone .right p{
    font-family: PingFangSC-Regular;
    font-size: .252rem;
    color: #222222;
    line-height: .3255rem;
}
.header-phone .right a{
    font-family: PingFangSC-Medium;
    font-size: .2625rem;
    color: #c8161e;
    line-height: .3255rem;
}



/*真经书籍*/
.bgBook{
    background: url("../images/sy24.png") no-repeat center center;
    background-size: contain;
    height: 9.88rem;
    text-align: center;
}
.book-con{
    padding-top: .8rem;
    position: relative;
}
.h3Book{
    color: #ffffff;
    margin-bottom: .1rem;
}
.book-con span{
    color: #ffffff;
    letter-spacing: .02rem;
}
.book-box{margin: 0 auto;width: 7.5rem;height:auto;}
.book-box .top-img{padding-top: .5rem;margin: 0 auto;width: 6.16rem;height:2rem;}
.book-content{padding-top: .2rem;width: 100%;height: .22rem;line-height: .22rem;font-size:0;}
.book-content span{display:inline-block;width: 2.5rem;font-size:.22rem;color:#ffffff;text-align: center;}
.buttonBook{margin-top: .6rem;}




/*快速匹配班型*/
.common-matching-bg{width: 7.5rem;height: 8.3rem;background:url(../images/l15.png) no-repeat center center; background-size:contain;}
.common-matching{width: 100%;text-align: center;}
.common-matching h6{padding-top: .7rem;font-weight:normal;font-size:.46rem;text-align: center;color:#D0021B;}
.common-matching .matching-box{padding-top: .5rem;margin: 0 auto;width:6.7rem;height:auto;}
.common-matching .matching-box .top-box{padding-left: .45rem;font-size:.3rem;color: #000000;line-height: .3rem;text-align:left;}
.common-matching .matching-box .top-box::before{position: relative;display: inline-block;top:0.02rem;left:-0.14rem;width: 0.06rem;height: .3rem;background:#D0021B;content:"";}


.common-matching .matching-box .box-ul{margin: 0 auto;width: 6.3rem;height:auto;}
.common-matching .matching-box .box-ul li{margin-top: .3rem;float: left;width: 2.1rem;height:.3rem;}
.common-matching .matching-box .box-ul li span{display:inline-block;vertical-align: middle;}
.common-matching .matching-box .box-ul li span.cuo{width: .27rem;height: .27rem;vertical-align: middle;
background:url(../images/l10.png) no-repeat; background-size:contain;}
.common-matching .matching-box .box-ul li span.dui{width: .27rem;height: .27rem;background:url(../images/l11.png) no-repeat;background-size:contain;}
.common-matching .matching-box .box-ul li span:nth-of-type(2){font-size:.3rem;color:#000000;line-height: .3rem;}
.common-matching .matching-box .box-ul li span.duitxt{color:#D0021B;}

.common-matching .matching-box .box-ol{margin: 0 auto;width: 6.3rem;height:auto;}
.common-matching .matching-box .box-ol li{margin-top: .3rem;float: left;width: 2.1rem;height:.3rem;}
.common-matching .matching-box .box-ol li span{display:inline-block;vertical-align: middle;}
.common-matching .matching-box .box-ol li span.cuo{width: .27rem;height: .27rem;vertical-align: middle;
background:url(../images/l10.png) no-repeat; background-size:contain;}
.common-matching .matching-box .box-ol li span.dui{width: .27rem;height: .27rem;background:url(../images/l11.png) no-repeat;background-size:contain;}
.common-matching .matching-box .box-ol li span:nth-of-type(2){font-size:.3rem;color:#000000;line-height: .3rem;}
.common-matching .matching-box .box-ol li span.duitxt{color:#D0021B;}

.common-matching .input-phone{
    margin: .6rem auto 0;
    width: 6rem;
    height: .9rem;
    background: #FFFFFF;
    border-radius: .1rem;
}
.common-matching .input-phone .shape{
    display: inline-block;
    width: .25rem;
    height: .46rem;
    vertical-align: middle;
    border-right: 1px solid #EAEAEA;
    padding-right:.2rem;
}
.common-matching .input-phone input{
    width: 4.27rem;
    height: .9rem;
    border: none;
    outline: none;
    padding-left: .17rem;
}
.common-matching .matching-btn {
    width: 6rem;
    height: .9rem;
    margin-top: .4rem;
    background: #C8161E;
    border-radius: 10px;
    font-family: SourceHanSansCN-Regular;
    font-size: .32rem;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
}

.common-matching .matching-alert{
    padding-top:.4rem;
    font-size:.36rem;
    font-weight: bold;
    text-align: center;
    color:#C8161E;
    display: none;
}


/*精品课程样式开始*/
.common-boutique .boutique-h3{font-size: .46rem;color: #222222;text-align: center;}
.common-boutique .boutique-p{padding-top: .18rem;font-size: .26rem;color: #9B9B9B;text-align: center;}
.common-boutique  .boutique-ul{padding-top: .6rem;padding-bottom:.6rem;width: 6.74rem;height: 2.36rem;margin: 0 auto;}
.common-boutique  .boutique-ul li{float: left;width: 3.35rem;height: 1.18rem;border-bottom:1px solid #F2F2F2;border-right:1px solid #F2F2F2;}
.common-boutique  .boutique-ul li:nth-of-type(2),.common-boutique .boutique-ul li:nth-of-type(4){border-right:none;}
.common-boutique  .boutique-ul li:nth-of-type(3),.common-boutique .boutique-ul li:nth-of-type(4){padding-top: .2rem;border-bottom:none;}
.common-boutique  .boutique-ul li:nth-of-type(2) .li-img{margin-left: .3rem;}
.common-boutique  .boutique-ul li:nth-of-type(4) .li-img{margin-left: .3rem;}
.common-boutique  .boutique-ul li .li-img{width: .7rem;height: 1.11rem;}
.common-boutique  .boutique-ul li .li-context{margin-top: .16rem;font-size: .32rem;color: #222222;line-height: .4rem;}
.common-boutique  .boutique-ul li .li-context p{font-size:.24rem;color: #000000;}

.common-boutique  .boutique-ol{padding-bottom: .7rem;margin: 0 auto;width: 7.1rem;height:auto;}
.common-boutique  .boutique-ol li{position: relative;width: 7.1rem;height:2.92rem;border-radius:.1rem;background:#F5F5F5;margin-bottom: .3rem;}
.common-boutique  .boutique-ol li img{position: absolute;width: .9rem;height: .93rem;right:0;top:0;}
.common-boutique  .boutique-ol li .ol-content{padding-top: .6rem;padding-left: .4rem;font-size:.38rem;color: #222222;}
.common-boutique  .boutique-ol li .ol-content .ol-p{margin-top: .2rem;line-height: .45rem;font-size:.26rem;color: #6B6B6B;}
.common-boutique  .boutique-ol li .li-txt-p{margin-right: .5rem;text-align: right;font-size:.28rem;color: #C8161E;}
.common-boutique  .boutique-ol li .li-txt-p::after{position: relative;display: inline-block;top:0.04rem;right:-0.12rem;content:"";width: .16rem;height: .28rem;background:url(../images/fy10.png) no-repeat;background-size:contain;}









/*footer*/
footer{
    width: 100%;
    background: #333333;
    padding: .4rem 0;
}
.footer-con{
    width: 100%;
    text-align: center;
}
.footer-con p{
    font-family: PingFangSC-Regular;
    font-size: .24rem;
    color: #FFFFFF;
    line-height: .33rem;
    letter-spacing: .01rem;
}
.footer-con p:nth-of-type(1){
    margin-bottom: .04rem;
}


/*底部公共代码*/
.public-box{
    position: fixed;
    width: 100%;
    height: .9rem;
    bottom:0;
    left:0;
    overflow: hidden;
    z-index:9999;

}
.public-box .bottom-a1{
    float: left;

    width:3.76rem;
    height: .9rem;
}
.public-box .bottom-a2{
    float: left;

    width: 3.74rem;
    height: .9rem;
}
.public-box .bottom-click-a{
    width: 100%;
    height:.9rem;
}