.cont-bg{
    background: #F7F7F7;
    padding-top: .001rem;
    font-size: 0;
}

.img{
    width: 100%;
}

.xwg-jingxuan{
    display: block;
    padding-bottom: .3rem;
}
.xwg-ielts{
    display: block;
    padding-bottom: .3rem;
}
.xwg-cet{
    display: block;
    padding-bottom: .3rem;
}

/*选项卡*/
.blank-switch{
    display: none;
    width: 100%;
    height: 1.2rem;
}
.xwg-switch {
    width: 100%;
    padding-top: .32rem;
    padding-bottom: .32rem;
    box-sizing: border-box;
    background: #F7F7F7;
    z-index: 15;
}
.xwg-switch-list{
    justify-content: space-between;
    font-size: 0;
    padding-left: .4rem;
}
.xwg-switch-li{
    font-size: .36rem;
    color: #222222;
    text-align: center;
    line-height: .5rem;
    display: inline-block;
    width: fit-content!important;
    margin-right: .54rem;
}
.xwg-switch-li-line{
    display: none;
    width: .6rem;
    height: .06rem;
    background: #C8161E;
    border-radius: 10px;
    margin: 0 auto;
}
.active_switch.xwg-switch-li{
    color: #222;
    font-size: .4rem;
    font-weight: bold;
}
.active_switch .xwg-switch-li-line{
    display: block;
    margin-top: .06rem;
}

/*banner*/
.xwg-banner-cont{
    width: 6.86rem;
    /*height: 3.02rem;*/
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin: 0 auto .6rem;
    box-shadow: 0 4px 12px rgba(0,0,0,.2);
}
.xwg-banner-li{
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    overflow: hidden;
    display: block;
    width: 6.86rem;
}

.my-bullet-detail{
    display: inline-block;
    width: .12rem;
    height: .12rem;
    border-radius: 50%;
    opacity: 0.5;
    background: #FFFFFF;
    margin-right: .1rem;
}
.my-bullet-detail:last-of-type{
    margin-right: 0;
}
.my-bullet-active-detail{
    opacity: 1;
}


/*class列表*/
.xwg-class-list{
    margin-top: .6rem;
    margin-bottom: .6rem;
    padding: 0 .32rem;
    font-size: 0;
}
.xwg-class-li{
    display: inline-block;
    width: 2.1rem;
    height: 1.4rem;
    box-sizing: border-box;
    background-image: linear-gradient(0deg, #FFFFFF 0%, #F7F7F7 100%);
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.05);
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    margin-right: .28rem;
    margin-top: .2rem;
}
.xwg-class-li:nth-of-type(1),.xwg-class-li:nth-of-type(2),.xwg-class-li:nth-of-type(3){
    margin-top: 0;
}
.xwg-class-li:nth-of-type(3n){
    margin-right: 0;
}
.xwg-class-li-text{
    position: absolute;
    top: .18rem;
    left: .18rem;
    width: .66rem;
    white-space: pre-wrap;
    font-size: .32rem;
    font-weight: bold;
    color: #222222;
    line-height: .4rem;
    z-index: 1;
}
.xwg-class-li-bg{
    position: absolute;
    width: .8rem;
    bottom: 0;
    right: 0;
    z-index: 0;
}

/*热门推荐*/
.xwg-hot{
    width: 6.86rem;
    margin: 0.6rem auto 0.6rem;
    padding: .4rem 0 .5rem .32rem;
    box-sizing: border-box;
    background: #fff;
    border-radius: 10px;
}
.xwg-hot-title{
    font-size: .36rem;
    font-weight: bold;
    color: #222222;
    margin-bottom: .6rem;
}
.xwg-hot-list{
    width: 5.8rem;
}
.xwg-hot-li{
    overflow: hidden;
    width: 100%;
    font-size: 0;
    margin-bottom: .25rem;
}
.xwg-hot-li:last-of-type{
    margin-bottom: 0;
}
.xwg-hot-img,.xwg-hot-img-active{
    margin-top: 0.08rem;
    display: none;
    width: .4rem;
    margin-right: .18rem;
    vertical-align: top;
}
.xwg-hot-img{
    display: block;
}
.xwg-hot-intro{
    display: inline-block;
    font-size: .28rem;
    color: #222222;
    line-height: .4rem;
    vertical-align: top;
    width: 5.2rem;
    display:-webkit-box;
    /*! autoprefixer: off */
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow: hidden;
    /*white-space: nowrap;*/
    text-overflow: ellipsis;
    float: right;
}

.xwg-hot-li .xwg-hot-img{
    display: inline-block;
}
.xwg-hot-li-active .xwg-hot-img{
    display: none;
}
.xwg-hot-li-active .xwg-hot-img-active{

    display: inline-block;
}
.xwg-hot-li-active .xwg-hot-intro{
    color: #C8161E;
}

/*课程详情列表*/
.xwg-cont-mb{
    margin-bottom: 1.6rem;
}
.xwg-class-detail{
    background: #F7F7F7;
    margin-top: .6rem;
    margin-bottom: .6rem;
    padding:0 .32rem;
}
.xwg-class-detail-title{
    font-size: .36rem;
    color: #222222;
    margin-bottom: .4rem;
    font-weight: bold;
}
.xwg-class-detail-li{
    display: none;
    background: #FFFFFF;
    box-shadow: 0 4px 15px 0 rgba(0,0,0,0.07);
    border-radius: 15px;
    margin-bottom: .6rem;
    font-size: 0;
    overflow: hidden;
}
.xwg-class-detail-li:last-of-type{
    margin-bottom: 0;
}
.xwg-class-detail-li-left{
    display: inline-block;
    width: 2.6rem;
    height: 2.6rem;
    background: #fff;
    margin-right: .2rem;
    vertical-align: middle;
    position: relative;
}
.xwg-class-detail-li-left-logo{
    position: absolute;
    left: 0;
    bottom: 0;
    width: .8rem;
}
.xwg-class-detail-li-right{
    display: inline-block;
    vertical-align: middle;
    width: 4.06rem;
    padding-right: .2rem;
    box-sizing: border-box;
}
.xwg-class-detail-li-right-title{
    font-size: .36rem;
    color: #222222;
    margin-bottom: .08rem;
    font-weight: bold;
    width: 100%;
    /*overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;*/
}
.xwg-class-detail-li-right-intro{
    margin-top: .08rem;
    margin-bottom: .16rem;
    font-size: .28rem;
    color: #666666;
    line-height: .36rem;
    width: 100%;
    height: .72rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.xwg-class-detail-li-text{
    margin-top: .16rem;
    font-size: 0;
}
.xwg-class-detail-li-free{
    display: inline-block;
    vertical-align: middle;
    padding: .04rem .08rem;
    background: #FFBD36;
    border-radius: 1px;
    font-size: .2rem;
    color: #FFFFFF;
    margin-right: .12rem;
}
.xwg-class-detail-li-time{
    display: inline-block;
    vertical-align: middle;
    font-size:.24rem;
    color: #666666;
    margin-left: .12rem;
}

/*加载更多*/
.xwg-load-more{
    margin: 0.6rem auto 0;
    background: #FFFFFF;
    box-shadow: 0 4px 15px 0 rgba(0,0,0,0.07);
    border-radius: 25px;
    max-width: 6.82rem;
    width: 6.82rem;
    font-size: .28rem;
    color: #222222;
    text-align: center;
    line-height: .4rem;
    padding: .3rem 0;
}


/*雅思首页*/
/*特权列表*/
.xwg-ielts-class-list{
    padding: 0 .32rem;
    font-size: 0;
    margin-bottom: .6rem;
}
.xwg-ielts-class-li{
    display: inline-block;
    width: 1.7rem;
    vertical-align: top;
}
.xwg-ielts-class-li:nth-of-type(1),.xwg-ielts-class-li:nth-of-type(2),.xwg-ielts-class-li:nth-of-type(3),.xwg-ielts-class-li:nth-of-type(4){
    margin-bottom: .4rem;
}
.xwg-ielts-class-list:nth-of-type(4n){
    margin-right: 0;
}
.xwg-ielts-class-list-img{
    width: .8rem;
    height: .8rem;
    display: block;
    margin: 0  auto .3rem;
}
.xwg-ielts-class-list-text {
    font-size: .28rem;
    color: #222222;
    text-align: center;
    line-height: .38rem;
}

/*广告位*/
.xwg-ielts-advertise{
    width: 6.86rem;
    margin: 0.6rem auto .6rem;
    background: #FFFFFF;
    border-radius: 15px;
    overflow: hidden;
}

/*footer开始*/

/*footer结束*/
.xwg-banner-list li img{
    width: 100%;
}


/*2020-07 更新*/
.xwg-course1{
    background: #fff;
    padding: .5rem 0;
    border-radius: 10px;
}
.xwg-course1 .course-li{
    width: 6.56rem;
    margin:0 auto .9rem;
}
.xwg-course1 .course-li:last-child{
    margin-bottom: 0;
}
.xwg-course1 .li-img, .course-right{
    display: inline-block;
    vertical-align: top;
}
.xwg-course1 .li-img{
    position: relative;
    width: 2rem;
    height: 2.4rem;
    border-radius: 4px;
    overflow: hidden;
    margin-right: .24rem;
}
.xwg-course1 .li-img1{
    display: inline-block;
    width: 100%;
    height: 100%;
    background: #14c2c3;
}
.xwg-course1 .li-img-text{
    position: absolute;
    top: 0;
    left: 0;
    padding: .04rem .08rem;
    background-image: linear-gradient(90deg, #E5BD79 0%, #CD9432 100%);
    border-radius: 2px;
    font-size: .24rem;
    color: #FFFFFF;
    line-height: .24rem;
}
.xwg-course1 .course-right{
    width: 4.2rem;
}
.xwg-course1 .right-top{
    font-size: .26rem;
    color: #3F3F3F;
    line-height: .36rem;
    margin-bottom: .16rem;
}
.xwg-course1 .right-top-text{
    color: #999;
}
.xwg-course1 .right-title{
    font-size: .3rem;
    color: #333333;
    margin-bottom: .16rem;
}
.xwg-course1 .right-content{
    font-size: .26rem;
    color: #999999;
}
.xwg-course1 .right-time{
    width: fit-content;
    background: #FFECE3;
    border-radius: 2px;
    font-size: .22rem;
    color: #FF6010;
    line-height: .32rem;
    margin-bottom: .14rem;
    padding: 0 .04rem;
}
.xwg-course1 .right-price{
    margin-bottom: .16rem;
    font-size: 0;
    position: relative;
}
.xwg-course1 .price-money{
    line-height: .5rem;
    font-size: .36rem;
    color: #FF3B30;
    margin-right: .08rem;
}
.xwg-course1 .price-span{
    font-size: .28rem;
    color: #999999;
}
.xwg-course1 .ybm{
    line-height: .5rem;
    font-size: .26rem;
    color: #999999;
    position: absolute;
    top: 0;
    right: 0;
}
.xwg-course1 .st-tag{
    width: 100%;
    background: #F5F5F5;
    border-radius: .08rem;
    font-size: .26rem;
    color: #333333;
    padding: .16rem;
    box-sizing: border-box;
}