body .img{
    width: 100%;
}
body .borderBox{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body .color1{
    color: #C8161E;
}
body .color2{
    color: #222;
}
body .color3{
    color: #999;
}
body .color4{
    color: #fff;
}
body .color5{
    color: #666;
}

body .fontSize24{
    font-size: .24rem;
}
body .fontSize26{
    font-size: .26rem;
}
body .fontSize28{
    font-size: .28rem;
}
body .fontSize32{
    font-size: .32rem;
}
body .fontSize40{
    font-size: .4rem;
}
body .fontSize48{
    font-size: .48rem;
}

body .fontWeight{
    font-weight: bold;
}
body .inlineBlock{
    display: inline-block;
}
body .marginLeft32{
    margin-left: .32rem;
}
body .marginRight32{
    margin-right:.32rem;
}

body .marginBottom60{
    margin-bottom: .6rem;
}
body .marginBottom64{
    margin-bottom: .64rem;
}
body .borderNone{
    border: none;
}
body .marginBottom0{
   margin-bottom: 0;
}


.banner{
    width: 100%;
}

.commonStyle{
    text-align: center;
}
.commonStyleTitle{
    font-weight: bold;
    line-height: .56rem;
}
.commonStyleIntro{
    color: #666666;
    line-height:.34rem;
}

.onlineSwitchList,
.onlineTeaList,
.firstStyleMoney,
.firstStyleMR,
.secondStyleTitle,
.G-styleTitle,
.protoStyleList,
.envStyleWrapper,
.serviceList {
    font-size: 0;
}

/*雅思在线小班*/
.onlineStyle{
    padding-top: .64rem;
}
.onlineLine{
    width: 100%;
    height: 1px;
    background: #F1F1F1;
    position: relative;
    top: -.1rem;
    /*border-bottom: 1px solid #F1F1F1;*/
}
.onlineSwitch{
    width: 100%;
    margin-top: .62rem;
    overflow-x: scroll;
}
.onlineSwitchList{
    white-space: nowrap;
    height: .9rem;
    width: fit-content;
    width: -moz-fit-content;
    padding: 0 .2rem .1rem .2rem;
}
.onlineSwitchLi{
    width: 1.7rem;
    width: fit-content;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    position: relative;
    /*margin-right: .3rem;*/
    height: 100%;
    margin-right: .4rem;
}
.onlineSwitchLi:last-of-type{
    margin-right: 0;
}
.onlineSwitchLiTitle{
    line-height: .32rem;
    margin-bottom: .06rem;
}
.onlineSwitchLiIntro{
    font-size: .2rem;
    color: #666666;
    line-height: .2rem;
    margin-bottom: .22rem;
}
.active .onlineSwitchLiTitle{
    font-size: .32rem;
    color: #C8161E;
    line-height: .32rem;
    margin-bottom: .08rem;
    font-weight: bold;
}
.active .onlineSwitchLiIntro{
    font-size: .2rem;
    color: #C8161E;
    line-height: .2rem;
}
.active .activeLine{
    width: .6rem;
    height: .08rem;
    background: #C8161E;
    border-radius: 2px;
    /*margin: 0 auto;*/
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -.3rem;
}

/*第一种样式*/
.firstStyleMarginL16{
    margin-left: .32rem;
}
.firstStyle,.secondStyle,.G-style,.sbStyleCont{
    background: #FFFFFF;
    box-shadow: 0 0 14px 0 rgba(87,87,87,0.15);
    border-radius: 10px;
    overflow: hidden;
    width: 6.86rem;
    position: relative;
}
.firstStyle,.secondStyle,.G-style{
    margin: 0.28rem auto .4rem;
    padding-top: .64rem;
    padding-bottom: .64rem;
}
.firstStyleLogo{
    text-align: center;
    width: 2rem;
    height: .6rem;
    line-height: .6rem;
    background-image: linear-gradient(90deg, #EEBC64 0%, #FCE4B2 100%);
    border-radius: 0 10px 0 100px;
    font-size: .36rem;
    color: #AA5D13;
    position: absolute;
    right: 0;
    top: 0;
}
.firstStyleTitle{
    font-weight: bold;
    margin-bottom: .08rem;
}
.firstStyleTitle1{
    font-weight: normal;
}
.firstStyleClass{
    color: #666666;
    line-height: .34rem;
}
.firstStyleTea{
    margin-top: .66rem;
    margin-bottom: .16rem;
}

.onlineTeaLi {
    display: inline-block;
    width: 1rem;
    border-radius: 50%;
    overflow: hidden;
    margin-right: .32rem;
}
.firstStyleLine{
    width: 6.2rem;
    height: 1px;
    background: #eee;
    margin: 0.24rem auto ;
}
.firstStyleML,.firstStyleMR{
    display: inline-block;
    vertical-align: middle;
}
.firstStyleML{
    margin-right: .2rem;
}
.firstStyleMRL,.firstStyleMRR{
    display: inline-block;
    vertical-align: middle;
}
.firstStyleMRL{
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    background: #FFE4E5;
    position: relative;
    z-index: 1;
}
.firstStyleMRR{
    padding-right: .16rem;
    padding-left: .14rem;
    line-height: .34rem;
    background: #FFE4E5;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    position: relative;
    left: -.1rem;
    z-index: 0;
}
.firstStyleOpen,.secClassOpen{
    margin-top: .25rem;
    margin-bottom: .16rem;
    text-align: center;
    height: 0.4rem;
}
.StyleBtn{
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    padding: .16rem .74rem;
    background: #C8161E;
    border-radius: 21px;
    margin: 0.16rem auto 0;
    font-size: .36rem;
    text-align: center;
}
.StyleBtnText,.StyleBtnL,.StyleBtnR,.G-styleBtnText{
    vertical-align: middle;
    display: inline-block;
}
.StyleBtnL{
    color: #FFBD36;
}
.StyleBtnR{
    color: #FFBD36;
    margin-top: .14rem;
}
/*第二种样式*/
.secondStyleCommon{
    color: #999999;
    margin-bottom: .2rem;
}
.secStyleComL,.secStyleComR{
    display: inline-block;
    vertical-align: top;
}
.secStyleComR{
    width: 4.9rem;
    line-height: .44rem;
}
.secStyleComR{
    line-height: .44rem;
}
.secondStyleTitle{
    margin-bottom: .08rem;
}
.secondStyleTitleL{
    margin-right: .06rem;
}
.secondStyleTitleR{
    background: #FFF0F1;
    border-radius: 2px;
    padding: .04rem .14rem;
    width: fit-content;
    width: -moz-fit-content;
}
.secondStyle{
    padding-bottom: .8rem
}
.secStyleLine{
    width: 6.2rem;
    height: 1px;
    background: #eee;
    margin: 0.4rem auto .46rem;
}
.secStyleMoney{
    line-height: .68rem;
    margin-bottom: .1rem;
    text-align: center;
}
.secClassOpen{
    margin-top: .1rem;
    margin-bottom: .18rem;
}

/*G类样式*/
.G-style{
    padding-top: .48rem;
    padding-bottom: 0;
    margin-bottom: .9rem;
}
.G-styleLi{
    width: 6.2rem;
    margin: 0 auto .4rem;
    position: relative;
    padding-bottom: .3rem;
    border-bottom: 1px solid #F4F4F4;
}
.G-styleLi:last-of-type{
    border: none;
    margin-bottom: 0;
}
.G-styleTitle{
    margin-bottom: .24rem;
}
.G-styleMoney{
    margin-bottom: .08rem;
}
.G-styleBtn{
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    padding: .1rem .34rem;
    border: 1px solid #C8161E;
    border-radius: 20px;
    margin-bottom: .16rem;
}
.G-styleIntro{
    margin-top: .16rem;
    line-height: .4rem;
}
.G-styleImage{
    width: 2.4rem;
    position: absolute;
    right: 0;
    bottom: 0;
}

.G-styleBot{
    background: #FFF4F5;
    padding-top: .42rem;
    padding-bottom: .8rem;
    text-align: center;
}
.G-styleBotTitle{
    line-height: .68rem;
    margin-bottom: .08rem;
}
.G-styleBotIntro{
    margin-top: .08rem;
    margin-bottom: .22rem;
}
.G-styleBtnText {
    vertical-align: middle;
    margin-top: .1rem;
    margin-left: .08rem;
}

/*为什么选择在线小班*/
.sbStyle{
    background: #F8F8F8;
    padding-top: .64rem;
    padding-bottom: .8rem;
}
.sbStyleCont{
    margin: .4rem auto 0;
    padding-top: .2rem;
    padding-bottom: .6rem;
    text-align: center;
    position: relative;
}
.sbStyleContLi{
    width: 3rem;
}
.sbStyleContLi:nth-of-type(odd){
    margin-right: .2rem;
}
.sbImage{
    width: 2.12rem;
}
.sbStyleContLiTitle{
    margin-bottom: .08rem;
}
.sbStyleContLiText{
    line-height: .34rem;
}
.sbLineRow{
    width: 6.44rem;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -0.5px;
    margin-left: -3.22rem;
}
.sblineColume{
    width: 1px;
    height: 6.44rem;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -3.22rem;
    margin-left: -0.5px;
}

/*直播授课*/
.liveStyle{
    background: #FFFFFF;
    padding-top: .64rem;
    padding-bottom: .8rem;
}

.tea-posi{
    position: relative;
    width: 6.86rem;
    margin: 0.4rem auto 0;
    background: #FFFFFF;
}
.teacher-cont{
    width: 6.86rem;
    width: 100%;
    margin: 0 auto;
    padding:0 0 .82rem;
    box-sizing: border-box;
}
.teacherLi{
    background: #FFFFFF;
    font-size: 0;
    padding-bottom: .11rem;
    box-sizing: border-box;
}
.teacherLiImg,.teacherLiRight{
    display: inline-block;
    vertical-align: top;
}
.teacherLiImg{
    width: 2.48rem;
    margin-left: .05rem;
}
.teacherLiRight{
    width: 4rem;
    margin-left: .2rem;
}
.teacherLiRightTop{
    font-weight: bold;
    font-size:.3rem;
    color: #222222;
    margin-bottom: .25rem;
    margin-top: .2rem;
    margin-left: -.1rem;
}
.teacherLiRightBot{
    font-size: .24rem;
    color: #666666;
    margin-left: 0.1rem;
}
.talkBtn{
    background: #FFFFFF;
    border: 1px solid #FF5534;
    border-radius: 15px;
    padding: .1rem .36rem;
    width: fit-content;
    width: -moz-fit-content;
    font-size: .3rem;
    color: #FF5534;
    margin-top: .28rem;
    margin-left: -.1rem;
}
.talkText:before{
    content: '';
    width: .36rem;
    height: .34rem;
    display: inline-block;
    vertical-align: middle;
    background: url("https://uimg.gximg.cn/v/res/202001/09-11/talk.png")no-repeat center center;
    background-size: contain;
    margin-right: .1rem;
}

.teacherLiRightBotLi{
    margin-bottom: .2rem;
    position: relative;
}
.teacherLiRightBotLi:last-of-type{
    margin-bottom: 0;
}
.teacherLiRightBotLi:before{
    position: absolute;
    top: 0.08rem;
    left: -0.25rem;
    display: inline-block;
    content: "";
    width: .15rem;
    height: .15rem;
    background: url(//a.guixue.com/ielts/manito/h5/images/img4.png)no-repeat;
    background-size: contain;
}

.noOutline{
    outline: none;
}

.swiper-button-self-left{
    background: url("https://uimg.gximg.cn/v/res/201807/09-16/left.png") no-repeat center center;
    left: 0.1rem;
}
.swiper-button-self-right{
    background: url("https://uimg.gximg.cn/v/res/201807/09-16/right.png") no-repeat center center;
    right: 0.1rem;
}
.swiper-button-self-left,.swiper-button-self-right{
    background-size: contain;
    top: 2.2rem;
}

/*swiper切分器*/
.swiper-pagination-liuxue-one,
.swiper-pagination-liuxue-active {
    width: .16rem!important;
    height: .16rem;
    border-radius: 50%;
    display: inline-block;
    margin-right: .15rem;
}
.swiper-pagination-liuxue-one:last-of-type {
    margin-right: 0;
}
.swiper-pagination-liuxue-one {
    background: #D8D8D8;
}
.swiper-pagination-liuxue-active {
    background: #E20020;
}

/*协议保障*/
.protoStyle{
    padding-top: .64rem;
    padding-bottom: .8rem;
    background: #F8F8F8;
}
.protoStyleList{
    text-align: center;
    margin-top: .4rem;
}
.protoStyleLi{
    width: 3.4rem;
}
.protoStyleLi:first-of-type{
    margin-right: .2rem;
}
.protoStyleLiImg{
    display: block;
    width: 3.2rem;
    margin: 0 auto;
}
.protoStyleLiT{
    margin-bottom: 0.08rem;
}
.protoStyleWarn{
    width: fit-content;
    width: -moz-fit-content;
    padding: .1rem .4rem;
    background: #FFFFFF;
    border-radius: 15px;
    margin: 0.5rem auto 0;
}

/*学习场景展示*/
.envStyle{
    position: relative;
    width: 100%;
    height: 13.98rem;
    background: url("//img1.guixue.com/p/ielts/zxxb/m/images/06learn_bg.jpg") no-repeat center center;
    background-size: contain;
    padding-top: .64rem;
    padding-bottom: .8rem;
}
.envStyleBg{
    width: 100%;
    height: .6rem;
    background: #000000;
    opacity: 0.5;
    margin-top: .4rem;
}
.envStyleContainer{
    position: absolute;
    width: 100%;
    padding: 0 0.32rem;
    left: 0;
    top: 2.28rem;
    height: 0.6rem;
    z-index: 2;
    box-sizing: border-box;
}

.envStyleLi{
    float: left;
    border-radius: 15px;
    line-height: .6rem;
    /*margin-right: .4rem;*/
    width: 1.6rem;
    text-align: center;
}
.envStyleLi:last-of-type{
    margin-right: 0;
    width: 1.8rem;
}
.envStyleLi.active{
    background: #C8161E;
    font-size: .32rem;
}
.envStyleContent{
    width: 6.86rem;
    margin: 0.2rem auto 0;
    border-radius: 20px;
    overflow: hidden;
}

/*我们的服务*/
.serviceStyle{
    width: 100%;
    height: 10.22rem;
    background: url("//img1.guixue.com/p/ielts/zxxb/m/images/service.jpg")no-repeat center center;
    background-size: contain;
    padding-top: .64rem;
}
.serviceList{
    margin-top: .56rem;
    text-align: center;
}
.serviceLi{
    text-align: left;
    height: 1.6rem;
    width: 3.4rem;
    padding-top: .24rem;
    vertical-align: top;
    background: #FFFFFF;
    border-radius: 10px;
    margin-right: .16rem;
    margin-top: .16rem;
    box-sizing: border-box;
}
.serviceLi:nth-of-type(1),.serviceLi:nth-of-type(2){
    margin-top: 0;
}
.serviceLi:nth-of-type(2n){
    margin-right: 0;
}
.serviceLiL,.serviceLiR{
    vertical-align: middle;

}
.serviceLiL{
    width: .8rem;
    margin-right: .1rem;
    margin-left: .1rem;
}
.serviceLiRTitle{
    margin-bottom: .02rem;
    width: 2.26rem;
}
.serviceLiRIntro{
    width: 2.26rem;
    line-height: .32rem;
}

/*在线试听*/
.whitebg {
    background: #fff;
}
.title-top {
    padding: .50rem 0 .30rem;
    font-size: .40rem;
    color: #222;
    text-align: center;
}
.playvideo .playvideo-img {
    margin: 0 auto;
    width: 7.08rem;
    height: 3.97rem;
    border: 1px solid #e8e8e8;
}
.playvideo .playvideo-text {
    padding: .40rem 0 .80rem;
    font-size: .28rem;
    color: #222;
    line-height: .40rem;
    text-align: center;
}

/*书籍*/
/*真经书籍*/
.bgBook{
    background: url("https://a.guixue.com/h5/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;}
.button-self {
    display: block;
    margin: 0.6rem auto 0;
    background: #C8161E;
    border-radius: 50px;
    width: 4rem;
    height: .9rem;
    text-align: center;
    line-height: .48rem;
}

/*anywhere开始*/
.paddingB {
    padding-bottom: .80rem;
}
.yellowbg {
    background: #f6911b;
}
.anywhere{
    margin-bottom:1.16rem;background: url('https://www.guixue.com/p/ielts/vip/h5/images/newh5/where.jpg') no-repeat center 0;background-size:100% 100%;
}
.anywhere .anywhere-title{
    padding:.50rem 0;font-size:.40rem;color:#fff;text-align:center;
}
.anywhere .anywhere-title p{
    margin-top:.10rem;font-size:.24rem;
}
.anywhere .anywhere-list li{
    position: relative;display:table;margin:0 auto .40rem;width:6.60rem;height:1.60rem;background: #fff;border-radius:.80rem;-webkit-border-radius:.80rem;-o-border-radius:.80rem;-moz-border-radius:.80rem;-ms-border-radius:.80rem;
}
.anywhere .anywhere-list li .anywhere-li-left{
    display:table-cell;width:1.60rem;height:1.60rem;font-size:.46rem;color:#fff;text-align:center;vertical-align: middle;border-radius:.80rem;-webkit-border-radius:.80rem;-o-border-radius:.80rem;-moz-border-radius:.80rem;-ms-border-radius:.80rem;
}
.anywhere .anywhere-list li .anywhere-li-left span{
    display: table-cell;
}
.anywhere .anywhere-list li .anywhere-li-right{
    display:table-cell;width:5.0rem;height:100%;color:#333;vertical-align: middle;
}
.anywhere .anywhere-list li .anywhere-li-right h3{
    margin-bottom:.10rem;font-size:.34rem;
}
.anywhere .anywhere-list li .anywhere-li-right p{
    width:4.50rem;font-size:.24rem;line-height: .34rem;
}
.anywhere .anywhere-list li .anywhere-li-right.padding1{
    padding-left:.50rem;
}
.anywhere .anywhere-list li .anywhere-li-right.padding2{
    padding-left:.30rem;
}
/*anywhere结束*/

/*咨询开始*/
.zixun-pos{
    position:fixed;bottom:0;left:0;z-index:999999;padding:.15rem .20rem;width:100%;height:1.20rem;background: rgba(0,0,0,.3);
}
.zixun-pos .zixun-left{
    float:left;width:1.50rem;height:.90rem;text-align:center;background: #f6911b;border-radius:.10rem;-webkit-border-radius:.10rem;-o-border-radius:.10rem;-moz-border-radius:.10rem;-ms-border-radius:.10rem;
}
.zixun-pos .zixun-left .zixun-l-links{
    display: table;width:100%;height:100%;font-size:.24rem;color:#fff;
}
.zixun-pos .zixun-left .zixun-l-links span{
    display: table-cell;vertical-align: middle;
}
.zixun-pos .zixun-right{
    position:relative;float:right;width:5.50rem;height:auto;overflow:hidden;border-radius:.10rem;-webkit-border-radius:.10rem;-o-border-radius:.10rem;-moz-border-radius:.10rem;-ms-border-radius:.10rem;
}
.zixun-pos .zixun-right input{
    display:block;padding-left:.25rem;width:4.30rem;height:.90rem;font-size:.26rem;border:0;outline:none;
}
.zixun-pos .zixun-right .submit-btn{
    position: absolute;top:0;right:0;display:table;width:1.28rem;height:.92rem;font-size:.24rem;color:#fff;text-align:center;background: #c8161e;
}
.zixun-pos .zixun-right .submit-btn span{
    display: table-cell;vertical-align: middle;
}
/*咨询结束*/