.img{
    width: 100%;
}

.ielts-zj-common-title{
    font-size: .34rem;
    color: #333333;
    margin-top: .48rem;
    margin-bottom: .32rem;
    padding-left: .32rem;
    font-weight: bold;
}

.ielts-zj{
    background: #eee;
    padding-bottom: 1rem;
}

.ielts-zj .banner {
    width: 100%;
    height: 5.8rem;
    /*background: url("./images/bg.jpg") no-repeat center center;*/
    background-size: contain;
    position: relative;
}


/*!*删除*!
.ielts-zj .banner-user {
    user-select: none;
    -webkit-user-select: none;
    width: 6.86rem;
    height: 1.8rem;
    padding:.32rem .32rem .32rem .4rem;
    box-sizing: border-box;
    background: #FFFFFF;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.10);
    border-radius: 10px;
    position: absolute;
    left: 50%;
    margin-left: -3.43rem;
    bottom: -.7rem;
    font-size: 0;
}

.ielts-zj .banner-user-left {
    width: 4rem;
    display: inline-block;
    margin-right: .15rem;
    vertical-align: middle;
}

!*非会员*!
.banner-user-left-name {
    font-size: .28rem;
    color: #333333;
    letter-spacing: 0;
    margin-bottom: .08rem;
}
.banner-user-left-intro,.banner-user-left-join{
    font-size: .24rem;
    color: #666666;
    line-height: .34rem;
}
.banner-user-left-join{
    color: #FF5534;
}
.banner-user-right{
    vertical-align: middle;
    display: inline-block;
    width: 1.8rem;
    height: .72rem;
    line-height: .72rem;
    border: 1px solid #FF5534;
    text-align: center;
    border-radius: 50px;
    color: #FF5535;
    font-size: .3rem;

    -webkit-user-select: none;
    user-select: none;
}

!*会员*!
.playbackLeftTop{
    margin-bottom: .08rem;
}
.playbackName {
    font-size: .28rem;
    color: #333333;
    letter-spacing: 0;
}
.playbackImg {
    width: .32rem;
    height: .32rem;
    margin-left: .08rem;
    margin-right: .04rem;
    display: inline-block;
    vertical-align: bottom;
}
.playbackIdentity {
    font-size: .2rem;
    color: #C8161E;
    line-height: .26rem;
}
.playbackIntro {
    font-size: .24rem;
    color: #666666;
}
!*删除*!*/


/*content*/
.ielts-zj-blank{
    width: 100%;
    height: .7rem;
    background: #eee;
}
/*即将直播*/
.livingBlockList {
    width: 6.86rem;
    margin: 0 auto;
}
.livingBlockList li {
    position: relative;
    width: 100%;
    padding: .48rem .32rem .48rem .32rem;
    box-sizing: border-box;
    border-radius: 5px;
    margin-bottom: .44rem;
    overflow: hidden;
    background: #fff;
}
.lBLeftTea {
    font-size: .28rem;
    color: #333333;
    letter-spacing: 0;
    margin-bottom: .4rem;
}
.lBLeftIntro {
    font-size: .34rem;
    color: #333333;
    margin-bottom: .08rem;
    font-weight: bold;
}
.lBLeftText {
    font-size: 0;
    color: #999999;
    line-height: .4rem;
}
.lBLeftTextClass {
    font-size: .28rem;
    display: inline-block;
    max-width: 3.2rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle;
    margin-right: .08rem;
}
.lBLeftTextPlus {
    display: inline-block;
    transform: skewX(-10deg);
    background: #ECECEC;
    font-size: .2rem;
    font-style: normal;
    color: #999999;
    padding: 0 .08rem;
    vertical-align: middle;
    margin-left: .1rem;
    /* height: .14rem; */
    line-height: .3rem;
    border-radius: 1px;
}
.lBLeftTextPlusfan {
    display: inline-block;
    transform: skewX(10deg);
}
.livingBlockMoney {
    font-size: .28rem;
    color: #FF5534;
    vertical-align: middle;
}
.lBLeftNum {
    font-size: .28rem;
    color: #999999;
    float: right;
}
.noLivingBlockBtn {
    padding: 0 .4rem;
    height: .72rem;
    border: 1px solid #FF5535;
    background: #fff;
    /* box-shadow: 0 5px 10px 0 rgba(255,85,52,0.40); */
    line-height: .72rem;
    text-align: center;
    border-radius: 50px;
    position: absolute;
    right: 0.32rem;
    top: 0.24rem;
    font-size: .28rem;
    color: #FF5535;

    -webkit-user-select: none;
    user-select: none;
}
.livingBlockBtn {
    /* width: .9rem; */
    padding: 0 .4rem;
    height: .72rem;
    background-image: linear-gradient(226deg, #FF765C 0%, #FF5535 100%);
    box-shadow: 0 5px 10px 0 rgba(255,85,52,0.40);
    line-height: .72rem;
    text-align: center;
    border-radius: 50px;
    position: absolute;
    right: 0.32rem;
    top: 0.24rem;
    font-size: .28rem;
    color: #FFFFFF;
    border: none;
}
.zhibo {
    width: .28rem;
    height: .36rem;
    display: inline-block;
    vertical-align: top;
    margin-top: .2rem;
}

/*课程介绍*/
.class-intro{
    width: 6.86rem;
    margin: 0 auto .48rem;
}

.class-intro .class-intro-li{
    background: #FFFFFF;
    margin-bottom: .48rem;
    border-radius: 4px;
    overflow: hidden;
}

.class-intro .class-intro-li:last-of-type{
    margin-bottom: 0;
}

.class-intro-box{
    padding: .3rem .32rem 0 .32rem;
    box-sizing: border-box;
}
.ielts-zj-class-title{
    font-size: .34rem;
    font-weight: bold;
    color: #333333;
    line-height: .42rem;
    margin-bottom: .14rem;
}
.ielts-zj-class-list{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ielts-zj-class-list li{
    line-height: .43rem;
    font-size: .26rem;
    color: #333333;
}
.ielts-zj-class-li{
    display: inline-block;
    vertical-align: middle;
    width: 5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ielts-zj-class-line{
    margin: 0.3rem auto 0;
    height: 1px;
    border-radius: 5px;
    background: #eee;
}

.ielts-zj-class-btn{
    padding-top: .3rem;
    padding-bottom: .32rem;
    user-select: none;
    -webkit-user-select: none;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.ielts-zj-class-check{
    display: inline-block;
    font-size: .28rem;
    color: #999999;
    vertical-align: middle;
}
.ielts-zj-class-right{
    width: .48rem;
    height: .48rem;
    display: inline-block;
}


.ielts-zj-teacher{
    margin-top: .38rem;
}

.ielts-zj-teacher-intro{
    width:fit-content;
    width:-moz-fit-content;
    /*height: .4rem;*/
    display: inline-block;
    vertical-align: middle;
    background: #FFCCC7;
    border-radius: 2px;
    padding: .03rem .08rem;

    font-size: .24rem;
    color: #FF5534;
    letter-spacing: 0;
    line-height: .34rem;

    margin-right: .32rem;
}

.ielts-zj-teacher-text{
    font-size: .24rem;
    color: #999999;
    line-height: .3rem;
}

/*五分钟微课*/
.ielts-zj-micro-cont{
    width: 6.86rem;
    margin: 0 auto .5rem;
}
.ielts-zj-micro-li{
    background: #FFFFFF;
    border-radius: 10px;
    padding: .3rem .36rem .3rem .32rem;
    box-sizing: border-box;
}
.ielts-zj-micro-li{
    margin-bottom: .2rem;
    font-size: 0;
}
.ielts-zj-micro-li:last-of-type{
    margin-bottom: 0;
}
.ielts-zj-micro-left{
    display: inline-block;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 10px;
    margin-right: .24rem;

    vertical-align: top;
}
.ielts-zj-micro-right{
    display: inline-block;
    vertical-align: top;
    margin-top: .1rem;
}
.ielts-zj-micro-right-title{
    font-size: .34rem;
    color: #222222;
    letter-spacing: 0;
    line-height: .34rem;
    margin-bottom: .16rem;
}
.ielts-zj-micro-right-intro{
    font-size: .24rem;
    color: #999999;
    letter-spacing: 0;
    margin-bottom: .16rem;
    width: 4.34rem;
}
.ielts-zj-micro-right-teacher{
    font-size: .24rem;
    color: #222222;
    letter-spacing: 0;
    line-height: .24rem;
}

/*查看更多*/
.ielts-zj-lookMore{
    width: 6.86rem;
    height: .76rem;
    margin: 0.32rem auto .5rem;
    line-height: .76rem;
    text-align: center;
    border: 1px solid #333333;
    border-radius: 19px;

    font-size: .32rem;
    color: #333333;
    letter-spacing: 0;

    user-select: none;
    -webkit-user-select: none;
}

.ielts-zj-join{
    width: 100%;
    height: 1.1rem;
    text-align: center;
    padding: .2rem .7rem;
    box-sizing: border-box;
    position: fixed;
    left: 0;
    bottom: 0;
    user-select: none;
    -webkit-user-select: none;
    background-image: linear-gradient(167deg, #F7DF85 0%, #CB9D4E 100%);
}
.ielts-zj-join-top{
    font-size: .32rem;
    color: #FFFFFF;
    margin-bottom: .02rem;
    font-weight: bold;
}
.ielts-zj-join-bot{
    font-size: .24rem;
    color: #FFFFFF;
}

/*原版页面*/
/*看回放*/
.playback {
    position: absolute;
    left: 50%;
    margin-left: -3.43rem;
    bottom: -.7rem;
    width: 6.86rem;
    background: #FFFFFF;
    border-radius: 10px;
    padding: .32rem .32rem .32rem .4rem;
    box-sizing: border-box;
    font-size: 0;
}
.playbackLeft {
    display: inline-block;
    margin-right: .2rem;
    width: 4rem;
    vertical-align: middle;
}
.playbackLeftTop {
    margin-bottom: .08rem;
}
.playbackName {
    font-size:.28rem;
    color: #333333;
    letter-spacing: 0;
}
.playbackImg {
    width: .32rem;
    height: .32rem;
    margin-left: .08rem;
    margin-right: .04rem;
    display: inline-block;
    vertical-align: bottom;
}
.playbackIdentity {
    font-size: .2rem;
    color: #C8161E;
    line-height: .26rem;
}
.playbackIntro {
    font-size: .24rem;
    color: #666666;
}
.playbackRight {
    vertical-align: middle;
    display: inline-block;
    width: 1.8rem;
    height: .72rem;
    background: #fff;
    border-radius: 50px;
    line-height: .72rem;
    text-align: center;
    font-size: .3rem;
    color: #FF5535;
    border:1px solid #FF5535;
}
.plusExcept {
    font-size: .24rem;
    color: #666666;
    margin-bottom: .02rem;
}
.joinPlus {
    font-size: .24rem;
    color: #c8161e;
    line-height: .34rem;
}
/*原版页面*/

/*原版回放弹窗*/
.playbackFilp {
    display: none;
    -webkit-user-select: none;
    user-select: none;
    background: #fff;
    border-radius: 10px;
    width: 6.7rem;
    padding: 1.14rem .34rem 1.26rem;
    box-sizing: border-box;
    position: fixed;
    z-index: 998;
    left: 50%;
    margin-left: -3.35rem;
    top: 2rem;
}
.playbackBox {
    padding-top: .18rem;
    width: 6rem;
    height: 1.6rem;
    background: #F5F5F5;
    border-radius: 5px;
    padding-left: .4rem;
    box-sizing: border-box;
    margin-bottom: .4rem;
    padding-right: .4rem;
    position: relative;
}
.playbackBoxLeft {
    width: 1.2rem;
    height: 1.2rem;
    display: inline-block;
    margin-right: .2rem;
    vertical-align: middle;
}
.playbackBoxMiddle {
    display: inline-block;
    font-size: .32rem;
    color: #000000;
    vertical-align: middle;
}
.playbackBoxRight {
    position: absolute;
    top: .52rem;
    right: .41rem;
    width: .41rem;
    height: .58rem;
}

.playbackBox:last-of-type {
    margin-bottom: 0;
}

.close {
    width: .8rem;
    height: .8rem;
    position: absolute;
    top: .22rem;
    right: .22rem;
    display: block;
}

.mask {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.65);
    z-index: 90;
}
/*原版回放弹窗*/

/*原版加入会员弹窗*/
.ielts-zj-filp ,.ielts-zj-living-filp,.ielts-zj-living-filp{
    display: none;
    background: #fff;
    border-radius: 10px;
    width: 6.7rem;
    padding: .2rem .8rem .6rem;
    box-sizing: border-box;
    position: fixed;
    z-index: 998;
    left: 50%;
    margin-left: -3.35rem;
    top: 2.2rem;
}
.xiaogg {
    display: block;
    width: 2rem;
    height: 2rem;
    margin: 0 auto .2rem;
}
.newIeltsPopTitle {
    width: 100%;
    text-align: center;
    font-size: .36rem;
    color: #222222;
    letter-spacing: 0;
    margin-bottom: .2rem;
    font-weight: bold;
}
.newIeltsPopText {
    font-size: .28rem;
    color: #222222;
    letter-spacing: 0;
    line-height: .4rem;
    margin-bottom: .6rem;
    text-align: center;
}
.popBtn {
    cursor: pointer;
    display: block;
    border: none;
    min-width: 4rem;
    padding: 0 .4rem;
    height: 1rem;
    background: #FF5535;
    border-radius: 25px;
    margin: 0 auto .4rem;
    line-height: 1rem;
    text-align: center;
    font-size: .36rem;
    color: #FFFFFF;
}


/*即将直播的弹窗*/
.ielts-zj-living-filp{
    display: none;
}
.nineBtn{
    text-align: center;
}