body{  margin:0; padding:0; text-align:center;  font-size:0.12rem; font-family:PingFangSC, sans-serif;}
table,td,tr,img,ul,li,h1,h2,p,object,param,embed{margin:0; padding:0; border:0;}
ul,li{list-style:none;}
a{text-decoration:none; color:#fff;}
a:hover{text-decoration:none;}
.clear{clear:both;}
.clearfix{zoom:1;}
.clearfix:after{content:""; display:block; height: 0; clear:both; visibility:hidden;}

/*-返回定部-*/
#tbox{width:0.54rem; float:right; position:fixed; right:0.5rem; bottom:0.55rem;}
#gotop{ width:0.54rem; height:0.54rem; background:#f19601; display:block;}
#gotop .retopic{display: inline-block; border-top: 0.02rem solid; border-right: 0.02rem solid; margin-top: 0.2rem; width: 0.25rem; height: 0.25rem; border-color: #fff; transform: rotate(-45deg);}

.wap-main{width: 100%; height: auto; }
.wap-main .main-m{width:6.9rem; height: 100%;position: relative; margin: 0 auto; text-align: center;}
/* 公共title + 按钮 */
.wap-main img{width: 100%;height: 100%;display: block;}
.wap-main .fontTitle{
    width: 100%;
    display: flex;flex-direction: column;align-items: center;
}
.wap-main .fontTitle .fontone{
    font-size: 0.24rem;
    line-height: 0.24rem;
    color: #181818;
    letter-spacing: 0.03rem;
    margin-bottom: 0.12rem;
}
.wap-main .fontTitle .fontone span{font-weight: bold;}
.wap-main .fontTitle .fonttwo{font-size: 0.34rem;line-height: 0.34rem;color: #c80213;font-weight: bold;}
.wap-main .fontTitle .fonttwo span{color: #242331;}
.wap-main .fontTitle .fontthree{
    font-size: 0.2rem;
    line-height: 0.2rem;
    color: #d2d2d2;
    margin-top: 0.10rem;
    letter-spacing: 0.01rem;
}
/* 按钮 */
.wap-main .jqbtn{
    margin-top: 0.25rem;
    display: flex;align-items: center;justify-content: center;gap: 0.08rem;
    overflow: hidden;
}
.wap-main .jqbtn .jqbtnone{
    position: relative;
    background: linear-gradient(to right, #ffb002, #fe7119,#fec110);border-radius: 0.30rem 0.05rem 0.08rem 0.45rem;
    width:  3rem;height: 0.65rem;padding: 0 0 0.05rem 0.01rem;box-sizing: border-box;
    transform: skewX(-10deg);overflow: hidden;
}
.wap-main .jqbtn .jqbtnone .jqbtnonein{
    width: 100%;height: 100%;position: relative;
    background: linear-gradient(to right, #ff8f0f, #ffcf1b);border-radius: 0.30rem 0.05rem 0.08rem 0.45rem ;box-shadow: inset 0 0 0.02rem 0.01rem #ffc838;
    display: flex;align-items: center;justify-content: center;gap: 0.12rem;
}
.wap-main .jqbtn .jqbtnone .btnimg{width: 0.375rem;height: 0.375rem;transform: skewX(10deg);}
.wap-main .jqbtn .jqbtnone .btntxt{
    color: #fff;font-size: 0.28rem;line-height: 0.28rem;font-weight: bold;transform: skewX(10deg);
}
.wap-main .jqbtn .btnshan{
    width: 1.23rem;height: 0.13rem;
    position: absolute;bottom: -0.06rem;left: 0;
    animation: moveLeftToRight 4s infinite linear;
}
@keyframes moveLeftToRight{
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(2.30rem);
    }
}
.wap-main .jqbtn .jqbtntwo{
    background: linear-gradient(to right, #f6a371, #b61411,#ef8963);border-radius: 0.05rem 0.45rem 0.30rem 0.08rem;
    width: 3.5rem;height: 0.65rem;padding: 0 0.03rem 0.05rem 0;box-sizing: border-box;
    cursor: pointer;
    transform: skewX(-10deg);overflow: hidden;
}
.wap-main .jqbtn .jqbtntwo .jqbtntwoin{
    width: 100%;height: 100%;position: relative;
    background: linear-gradient(to right, #f53c3a, #f46336);border-radius: 0.05rem 0.45rem 0.30rem 0.08rem;box-shadow: inset 0 0 0.02rem 0.01rem #f89697;
    display: flex;align-items: center;justify-content: center;gap: 0.12rem;
}
.wap-main .jqbtn .jqbtntwo .btnhand{ 
    width: 0.64rem;height: 0.66rem;
    position: absolute;bottom: -0.38rem;right: -0.32rem;
    animation: handleanimation 2s ease infinite;
}
.wap-main .jqbtn .jqbtntwo .btntxt{
    color: #fff;font-size: 0.28rem;line-height: 0.28rem;font-weight: bold;transform: skewX(10deg);
}
.wap-main .jqbtn .btnshantwo{
    width: 0.931rem;height: 0.161rem;
    position: absolute;bottom: -0.06rem;left: -1rem;
    animation: moveLeftToRighttwo 4.5s infinite linear;
}
@keyframes moveLeftToRighttwo{
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(4.5rem);
    }
}















/* 顶部*/
.wap-main .top{
    width: 100%; height: 7.01rem;background: url("../images/bg01.png") no-repeat top;
    background-size: 100%;
    position: relative;
}

/* 预约 雅思免费试听课 */
.wap-main .yuyue{padding-bottom: 0.35rem;}
.wap-main .yybox{
    width: 100%;
    box-shadow: 0 0 0.35rem 0.01rem #e2e2e2;
    border-radius: 0.35rem;
    padding: 0.25rem;
    box-sizing: border-box;
    margin-top: 0.35rem;
}
.wap-main .yybox .yytitle{color: #585657;font-size: 0.34rem;font-weight: bold; margin-bottom: 0.3rem;}
.wap-main .yybox .yytitle span{color: #c90013;}
.wap-main .get-form{margin-top: 0.3rem;}
.wap-main .get-form .get-form-top{
    display: flex;align-items: center;justify-content: center;flex-direction: column;
}
.wap-main .get-form .get-form-top .gft-item{
    width: 100%;height: 0.9rem;
    position: relative;
    display: flex;align-items: center;
    background-color: #fff;
    border: 0.01rem solid #c4c4c4;padding: 0 0 0 0.25rem;box-sizing: border-box;
    margin-bottom: 0.3rem;
}
.wap-main .get-form .get-form-top .gft-item .gfi-img{width: 0.36rem;height: 0.36rem;margin-right: 0.3rem;}
/* .wap-main .get-form .get-form-top .gft-item .gfi-img img{width: 100%;height: 100%;display: block;} */
.wap-main .get-form .get-form-top .gft-item .gfi-input{height: 100%;}
.wap-main .get-form .get-form-top .gft-item .gfi-input input{font-size: 0.3rem;}
.wap-main .get-form .get-form-top .gft-item .gfi-input .gfi-input-name{border: none;background: #ffffff;height: 100%;}
.wap-main .get-form .get-form-top .gft-item .gfi-getCode{position: absolute;right: 0.2rem;top: 50%;transform: translate(0, -50%);}
.wap-main .get-form .get-form-top .gft-item .gfi-getCode .getYzm{border: none;padding: 0.1rem 0.15rem;border-radius: 0.5rem;display: flex;align-items: center;justify-content: center;color: #ffffff;font-size: 0.3rem;background-color: #767676;}
.wap-main .get-form .get-form-top .gft-submit{
    width: 100%;height: 0.8rem;
    background: #c90013;box-sizing: border-box;
    display: flex;align-items: center;justify-content: center;gap: 0.05rem;
}
.wap-main .get-form .get-form-top .gft-submit .gfs-txt{
    color: #fffeff;font-size: 0.34rem;
    font-weight: bold;
}
.wap-main .get-form .get-form-bottom{display: flex;align-items: center;justify-content: center;margin-top: 0.2rem;font-size: 0.24rem;}

/* 视频 + 轮播图 */
.wap-main .videoswi{
    width: 100%; height:auto;background: url("../images/bg02.png") no-repeat top;background-color: #f7f7f7;
    background-size: 100%;
    padding: 0.35rem 0;
}
.wap-main .videoswi .tiptxt{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.08rem;
    margin-top: 0.25rem;
}
.wap-main .videoswi .tiptxt .tipone{
    font-size: 0.24rem;
    line-height: 0.24rem;
    font-weight: 300;
    color: #000;
}
.wap-main .videoswi .tiptxt .tipimg{width: 0.38rem;height: 0.38rem;}
.wap-main .vsbox{
    width: 100%;
    display: flex;align-items: center;flex-direction: column;gap: 0.5rem;
    margin-top: 0.30rem;
}
.wap-main .vsbox .videobox{
    position: relative;
}
.wap-main .vsbox .videobg{
    width: 6.54rem;
    height: 3.71rem;
    position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);
}
.wap-main .vsbox .videobg img{
    width: 100%;
    height:  100%;
}
.wap-main .vsbox .videoboxvv{
    width: 6.24rem;
    height: 3.51rem;
}


.wap-main .vsbox .sswiperbox{
    position: relative;width: 7.5rem;
}
.wap-main   .sswiperbox .officai-swiperChange{
    width: 75%;
    display: flex;align-items: center;
    justify-content: space-between;
    position: absolute;left: 50%;top: 50%;
    z-index: 10;
    transform: translate(-50%, -50%);
}
.wap-main   .sswiperbox .officai-swiperChange .officai-pre{
    width: 0.46rem;height: 0.45rem;
    display: flex;align-items: center;justify-content: center;
    cursor: pointer;
}
.wap-main   .sswiperbox .swiper-container .swiperimg{
    width: 5.18rem;height: auto;
    margin: 0 auto;border: 0.05rem solid #e2e2e2;border-radius: 0.30rem;
    position: relative;
}
.wap-main   .sswiperbox .swiper-container .swiper-slide-active .swiperimg{border: 0.05rem solid #ffffff;}
.wap-main   .sswiperbox .swiper-container .swiperimg img{width: 5.18rem;height: auto;border-radius: 0.35rem;}
.wap-main   .sswiperbox .swiper-container .switxt{
    width: 5.18rem;
    height: 0.5rem;
    border-radius: 0 0 0.22rem 0.20rem;
    background-color: #ca1818;
    position: absolute;
    left: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.24rem;
    color: #fff;
    opacity: 0.5;
}
.wap-main   .sswiperbox .swiper-container .swiper-slide-active .switxt{
    opacity: 0.9;
}

/* 明星天团 */
.wap-main .mx{
    width: 100%; height: 8.19rem;background: url("../images/bg03.png") no-repeat bottom;
    background-size: 100%;
    padding-top: 0.35rem;box-sizing: border-box;
}
.wap-main .mxdes{
    width: 100%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    font-size: 0.3rem;
    line-height: 0.3rem;
}
.wap-main .mxdes span{color: #ca0113;font-weight: bold;}
.wap-main .mxone{
    width: 100%; height: 4.42rem;background: url("../images/bg04.png") no-repeat bottom;background-size: 100%;
}
.wap-main .mxtwo{
    width: 100%; height: 4.38rem;background: url("../images/bg05.png") no-repeat bottom;background-size: 100%;
}

/* 新航道英中学习中心热门课程 */
.wap-main .setting{
    position: relative;
    padding: 0.35rem 0;
}
.wap-main .settip{
    font-size: 0.24rem;
    margin-top: 0.25rem;
    line-height: 0.36rem;
}
.wap-main .setting .settingbox{margin-top: 0.25rem;display: flex;flex-direction: column; align-items: flex-start;justify-content: center;
}

.wap-main .setting .gallery-topTwo .swiper-wrapper{padding-bottom: 0.12rem;}
.wap-main .setting .gallery-topTwo .swiper-wrapper .swiper-slide{}
.wap-main .setting .gallery-topTwo .swiper-wrapper .swiper-slide-active .settingItem{box-shadow: 0 0 0.03rem 0.01rem #d2d8e4;}
.wap-main .setting .settingItem{
    width:100%;
    position: relative;
    box-sizing: border-box;border-radius: 0.2rem;
}
.wap-main .setting .settingItem .setitemtitle{width: 100%;
    height: 1.1rem;display: flex;flex-direction: column; align-items: center;justify-content: center;
    background: #ff8e01;border-radius: 0.2rem 0.2rem 0 0;
    text-align: center;
    box-sizing: border-box;
    color: #fff;
    font-size: 0.28rem;
    line-height: 0.4rem;
    font-weight: 300;
}
.wap-main .setting .settingItem .setitemtitle span{font-size:0.32rem;font-weight: bold;}
.wap-main .setting .settingItem .setone{ 
    width: 100%;
    height: 6.5rem;display: flex;flex-direction: column; align-items: baseline;
    background: #fff;
    border-radius: 0 0 0.10rem 0.10rem;
    padding: 0.15rem;
    box-sizing: border-box;
    position: relative;
}
.wap-main .setting .settingItem .setone .setonedes{text-align: left;
color: #252531;
font-size: 0.28rem;
font-weight: bold;
line-height: 0.42rem;
width: 100%;}
.wap-main .setting .settingItem .setone .setonelr{display: flex;align-items: center;justify-content: center;gap: 0.12rem;margin-top:0.25rem;width: 100%;}
.wap-main .setting .settingItem .setone .setonelr .setoneleft{width: 0.492rem;height: 0.492rem;}
.wap-main .setting .settingItem .setone .setonelr .setoneright{
    text-align: left;
    font-size: 0.28rem;
    line-height: 0.32rem;
    font-weight: 300;width: 2.65rem;
}
.wap-main .setting .settingItem .setone .setonelast{
    width: 93%;
    background: #ff8e01;
    border-radius: 0.05rem;
    padding: 0.08rem 0.12rem;
    box-sizing: border-box;
    color: #fff;
    font-size: 0.26rem;
    line-height: 0.36rem;
    position: absolute;
    bottom: 0.10rem;
    left: 50%;
    transform: translate(-50%, 0);
}
.wap-main .setting .settingItem .setone .setonelast span{color: #fdf904;font-weight: bold;}

.wap-main .setting .settingItem .setone .settwopur{
width: 100%;display: flex;align-items: center;justify-content: center;gap: 0.12rem;box-sizing: border-box;}
.wap-main .setting .settingItem .setone .settwopur .settwopuritem{
    background: #fdefef;
    border-radius: 0.10rem;
    padding: 0.10rem;
    box-sizing: border-box;
    color: #c90013;
    font-size: 0.26rem;
    text-align: center;
}

.wap-main .setting .settingItem .setone .setfouricon{width: 0.767rem;height: 0.754rem; margin: 0 auto;}
.wap-main .setting .settingItem .setone .setfoursch{ width: 100%;
font-size: 0.26rem;
text-align: center;
line-height: 0.34rem;}
/* nav */
.wap-main .setting .settingbox .settScrollnav{width: 100%;margin-top: 0.15rem;}
.wap-main .setting .settingbox .settScrollnav .swiper-slide{width: 100%;height: 0.1rem;border-radius: 0.12rem;background-color: #e8e8e8;}
.wap-main .setting .settingbox .settScrollnav .swiper-slide-thumb-active{background-color: #c90013;}


/* 新航道雅思4R个性化课程 让出分更快一点 */
.wap-main .problem{
    background: #f7f7f7;
    padding: 0.35rem 0;
}
.wap-main .problem .problemBox{
    width: 100%;
    position: relative;margin-top: 0.25rem;
}
/* nav进行切换 */
.wap-main .problem .problemBox .gallery-thumbsNew .swiper-wrapper .swiper-slide:nth-child(3) .problemBox-nav::after{
    content: '';
    width: 0.02rem;height: 0.4rem;background-color: #f7f7f7;
    position: absolute;right: 0;top: 0;
}
.wap-main .problem .problemBox .problemBox-nav {
    display: flex;justify-content: center;position: relative;gap: 0.08rem;
    height: 0.9rem;padding-top: 0.15rem;box-sizing: border-box;
    background-color: #f2f2f2;
    border-bottom: 0.05rem solid #808080;
    position: relative;
}
.wap-main .problem .problemBox .problemBox-nav ::after{
    content: '';
    width: 0.02rem;height: 0.32rem;background-color: #f7f7f7;
    position: absolute;right: 0;top: 0;
}
.wap-main .problem .problemBox .problemBox-nav .pni-img{
    display: flex;
}
.wap-main .problem .problemBox .problemBox-nav .pni-imgtwo{
    display: none;
}

.wap-main .problem .problemBox .problemBox-nav .pni-one{
    width: 100%;
    color: #808080;font-size: 0.24rem;line-height:  0.24rem; font-weight: bold;
    position: absolute;left: 50%;bottom: 0.07rem;transform: translate(-50%,0);
}
.wap-main .problem .problemBox .gallery-thumbsNew .swiper-wrapper .swiper-slide-thumb-active .problemBox-nav{
    border-bottom: 0.05rem solid #cc000c;background-color: #fff;
}
.wap-main .problem .problemBox .gallery-thumbsNew .swiper-wrapper .swiper-slide-thumb-active .problemBox-nav::after{
    content: '';
    width: 0.02rem;height: 0.32rem;background-color: none;
    position: absolute;right: 0;top: 0;
}
.wap-main .problem .problemBox .gallery-thumbsNew .swiper-wrapper .swiper-slide-thumb-active .pni-one{color: #cc000c;}
.wap-main .problem .problemBox .gallery-thumbsNew .swiper-wrapper .swiper-slide-thumb-active .pni-img{
    display: none;
}
.wap-main .problem .problemBox .gallery-thumbsNew .swiper-wrapper .swiper-slide-thumb-active .pni-imgtwo{
    display: flex;
}
/* 内容 */
.wap-main .problem .problemBox .problem-bottom{
    margin-top: 0.2rem;box-shadow: 0 0 0.2rem #dcdcdc;border-radius: 0.15rem;
    background-color: #fff;
}
.wap-main .problem .problemBox .problemBox-content .problemBox-content-item{padding: 0.15rem;box-sizing: border-box;}
.wap-main .problem .problemBox .problemBox-content .problemBox-content-item .one-txtOne{  
    display: flex;
    padding: 0.1rem 0 0.1rem 0.2rem;
    background-image: linear-gradient(to right, #c90013, 55%, transparent);border-radius: 0.25rem;
    color: #feffff;font-size: 0.28rem;line-height: 0.28rem;font-weight: bold;
}
/* 4r图片展示 */
.wap-main  .problem .problemBox .problemBox-content .pro-two{width: 100%; display: flex;flex-direction: column; align-items: center;margin-top: 0.15rem;}
.wap-main  .problem .problemBox .problemBox-content .pro-two .pro-two-left{width: 6.45rem;font-size:0.26rem;line-height: 0.42rem;text-align: left;margin-bottom: 0.15rem;}
.wap-main  .problem .problemBox .problemBox-content .pro-two .pro-two-right{position: relative;}
.wap-main  .problem .problemBox .problemBox-content .pro-two .pro-two-right .ptr-img{width: 6.45rem;height: 3.24rem;}
.wap-main  .problem .problemBox .problemBox-content .pro-two .pro-two-right .ptr-txt{ display: flex;flex-direction: column;align-items: center;justify-content: center;position: absolute;color: #fff;width: 3rem;height: 2.35rem;right: 0.05rem;top: 0.45rem;}
.wap-main  .problem .problemBox .problemBox-content .pro-two .pro-two-right .ptr-txt .ptr-tItem{  display: flex;flex-direction: column;align-items: center;justify-content: center;position: absolute;}
.wap-main  .problem .problemBox .problemBox-content .pro-two .pro-two-right .ptr-txt .ptr-txtBig{font-size: 0.2rem;line-height: 0.2rem;color: #e6ba6f;font-weight: bold;}
.wap-main  .problem .problemBox .problemBox-content .pro-two .pro-two-right .ptr-txt .ptr-txtborder{margin: 0.04rem 0;width: 1.8rem;height: 0.02rem;background-color: #492d17;}
.wap-main  .problem .problemBox .problemBox-content .pro-two .pro-two-right .ptr-txt .ptr-txtSmall{font-size: 0.14rem;line-height: 0.16rem;}
/* 1对1量身定制培训 */
.wap-main .problem .problemBox .problemBox-content .problemBox-content-item .three-top-center{height: auto; position: relative;border: 0.08rem solid;border-image: linear-gradient(to bottom, transparent,70%,#e0e0e4);border-image-slice: 1;margin-bottom: 0.15rem;}
.wap-main .problem .problemBox .problemBox-content .problemBox-content-item .three-top-center .ttc-title{
    background-color: #ce000d;
    color: #ffffff;font-size: 0.28rem;font-weight: bold;
    padding: 0.15rem;
}
.wap-main .problem .problemBox .problemBox-content  .three-top-center .ttc-sixone{
    width: 100%;height: 100%;
    display: flex;align-items: center;justify-content: center;
    padding: 0.15rem 0;
}
.wap-main .problem .problemBox .problemBox-content  .three-top-center .ttc-sixone .ttfish{width: 5.18rem;height: 1.64rem;}
/* 非常6+1学习法 */
.wap-main .problem .problemBox .problemBox-content  .three-top-center .ttc-sixone .ttc-soneImg{width: 5.19rem;height: 3.54rem;}
/* 至尊9+1服务 */
.wap-main .problem .problemBox .problemBox-content  .three-top-center .nineadd .nineaddImg{width: 5.29rem;height: 2.07rem;}
/* tabox */
.wap-main .problem .problemBox .problemBox-content .pro-tabox{width: 100%;display: flex;align-items: baseline;justify-content: space-between;margin: 0.15rem 0;}
.wap-main .problem .problemBox .problemBox-content .pro-tabox .pro-tabox-item{display: flex;flex-direction: column;width: 33%;}
.wap-main .problem .problemBox .problemBox-content .pro-tabox .pro-tabox-item .pti-head{ width: 100%;height: auto;background: #ce000d;padding: 0.08rem 0;box-sizing: border-box;color: #fff;font-size: 0.26rem;}
.wap-main .problem .problemBox .problemBox-content .pro-tabox .pro-tabox-item .pti-body{width: 100%;height: 3rem;background-color:#fdfbf9; color: #000;font-size: 0.24rem;display: flex;align-items: center;justify-content: center;}
/* 雅思战队老师 */
.wap-main .problem .problemBox .problemBox-content .zdteacher{margin-top: 0.15rem;display: flex;flex-direction: column;align-items: flex-start;}
.wap-main .problem .problemBox .problemBox-content .zdteacher .zdrow{width: 100%;gap: 0.03rem; display: flex;align-items: flex-end;justify-content: space-between;margin-bottom: 0.12rem;}
.wap-main .problem .problemBox .problemBox-content .zdteacher .zdrow:last-child{margin-bottom: 0;}
.wap-main .problem .problemBox .problemBox-content .zdteacher .zdrow .ztleft-item{display: flex;flex-direction: column;align-items: flex-start;width: 50%; }
.wap-main .problem .problemBox .problemBox-content .zdteacher .zdrow .ztleft-item .ztitem-title{text-align: left;font-size: 0.28rem;font-weight: bold;color: #f9ae3b;margin-bottom: 0.05rem;}
.wap-main .problem .problemBox .problemBox-content .zdteacher .zdrow .ztleft-item .ztitem-tea{display: flex; gap: 0.02rem;width: 100%;}
.wap-main .problem .problemBox .problemBox-content .zdteacher .zdrow .ztitem-tea .teaperson{ position: relative;}
.wap-main .problem .problemBox .problemBox-content .zdteacher .zdrow .ztitem-tea .teaperson .zdname{ display: none;}
.wap-main .problem .problemBox .problemBox-content .zdteacher .zdrow .ztitem-tea .teaperson .zdprof{ display: none;}
.wap-main .problem .problemBox .problemBox-content .zdteacher .zdrow .ztitem-tea .ztitem-tea-imgzero{ width: 1.1rem;height: 1.34rem;}
.wap-main .problem .problemBox .problemBox-content .zdteacher .zdrow .ztitem-tea .ztitem-tea-name{ position: absolute;bottom: 0.05rem;left: 0.08rem;display: flex;flex-direction: column;text-align: left;font-size: 0.16rem;color: #fff;}
.wap-main .problem .problemBox .problemBox-content .zdteacher .zdrow .ztitem-tea .ztitem-tea-name span{font-weight: bold;font-size: 0.20rem;}
/* 雅思4R个性化小班1V3 全新升级 */
.wap-main .problem .problemBox .tothree{
    margin-top: 0.15rem;
    display: flex;flex-direction: column;
    align-items: flex-start;gap: 0.2rem;
}
.wap-main .problem .problemBox .tothree .tothreeitem{
    width: 100%;
    display: flex;
    height: 0.45rem;
}
.wap-main .problem .problemBox .tothree .tothreeitem .titnum{
    width: 1rem;
    height: 100%;
    background: #ce000d;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 0.2rem;
}
.wap-main .problem .problemBox .tothree .tothreeitem .titdes{
    width: 5.55rem;
    height: 100%;
    background: #fdf6f6;
    text-align: left;
    padding-left: 0.10rem;
    display: flex;
    align-items: center;
    font-size: 0.2rem;
}
.wap-main .problem .problemBox .tthreecen{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.25rem;
    margin-top: 0.35rem;
}
.wap-main .problem .problemBox .tthreecen .ttitem{
    width: 100%;
    display: flex;
    flex-direction: column;
}
.wap-main .problem .problemBox .tthreecen .ttitem .ttctitle{
    background: #ce000d;
    width: 100%;
    color: #fff;
    font-size: 0.26rem;
    padding: 0.1rem 0;
}
.wap-main .problem .problemBox .tthreecen .ttitem .ttcenter{
    width: 100%;
    background: #fceded;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.15rem;
    box-sizing: border-box;
}
.wap-main .problem .problemBox .tthreecen .ttitem .ttcenter .tcleft{width: 4.75rem;}
.wap-main .problem .problemBox .tthreecen .ttitem .ttcenter .tcleft .tcleftone{
    color: #000;
    font-size: 0.24rem;
    text-align: left;
    list-style: 0.36rem;
}
.wap-main .problem .problemBox .tthreecen .ttitem .ttcenter .tcleft .tclefttwo{
    width: 100%;
    background: linear-gradient(to right, #fff, transparent);
    border-radius: 0.35rem 0 0 0.35rem;
    text-align: left;
    padding: 0.05rem 0 0.05rem 0.10rem;
    font-size: 0.24rem;
    color: #ce000d;
    font-weight: bold;
    margin-top: 0.12rem;
}
.wap-main .problem .problemBox .tthreecen .ttitem .ttcenter .tcright{
    width: 1.80rem;height: 1.24rem;
}
.wap-main .problem .problemBox .tthreebottom{
    position: relative;
    width: 100%;
    background-color: #f49519;border-radius: 0.35rem;
    margin-top: 0.25rem;
    color: #fff;font-size: 0.22rem;padding: 0.1rem 0;
}
.wap-main .problem .problemBox .tthreebottom .zeng{
    width: 0.645rem;
    height: 0.645rem;
    position: absolute;
    top: -0.4rem;
    right: -0.2rem;
}

.wap-main .moreCengBox{
    margin-top: 0.25rem;
    display: flex;flex-wrap: wrap;justify-content: space-between;
    gap: 0.25rem 0;
}
.wap-main .moreCengBox .moreCengBox-item{
    width: 3.4rem;
    border-radius: 0.15rem;
    padding: 0 0.15rem;box-sizing: border-box;
}
.wap-main .moreCengBox .redbg{ background-color: #fff0f1;}
.wap-main .moreCengBox .yellbg{ background:  #fff4e6;}
.wap-main .moreCengBox .moreCengBox-item .moit-top{ 
    width: 95%;
    margin: 0 auto 0.10rem auto;
    padding: 0.08rem 0;
    background-color: #da010c;
    border-radius: 0 0 0.15rem 0.15rem;
    font-size: 0.24rem;
    line-height: 0.24rem;
    font-weight: bold;
    color: #fff;
}
.wap-main .moreCengBox .moreCengBox-item .yetop{ background-color: #e6952c;}
.wap-main .moreCengBox .moreCengBox-item .moit-botone{
    text-align: left;
    color: #3f4140;
    font-size: 0.22rem;
    line-height: 0.36rem;height: 3.35rem;
}
.wap-main .moreCengBox .moreCengBox-item .moit-botone span{font-weight: bold;}
.wap-main .moreCengBox .moreCengBox-item .moit-bottwo{
    width: 100%;
    background: #fff;
    border-radius: 0.35rem;
    color: #ce000d;font-weight: bold;
    padding: 0.05rem 0;
    font-size: 0.22rem;
    margin: 0.15rem auto;
}
.wap-main .moreCengBox .moreCengBox-item .btoyel{color: #e6952c;}

.wap-main .moreCengBox .moreCengBox-item .moitbtn {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ce000d;
    border-radius: 0.35rem;
    width: 2.3rem;
    height: 0.42rem;
    margin: 0.25rem auto 0.15rem auto;
    position: relative;
}
.wap-main .moreCengBox .moreCengBox-item .moitbtnyel {
    background: #e6952c;
}
.wap-main .moreCengBox .moreCengBox-item .moitbtn .mbb-txt{
    color: #fff;
    font-size: 0.24rem;
    font-weight: bold;
}
.wap-main .moreCengBox .moreCengBox-item .moitbtn .mbb-img{
    width: 0.4rem;
    height: 0.4rem;
    position: absolute;
    right: -0.16rem;
    top: -0.02rem;
    border-radius: 50%;border: 0.02rem solid #fff0f1;
}
.wap-main .moreCengBox .moreCengBox-item .moitbtnyel .mbb-img{border: 0.02rem solid #fff4e6;}

/* 英中学子专属福利 */
.wap-main .fuli{
    width: 100%; height:auto;background: linear-gradient(to top,#e10000,#fde7d2,#fff);
    padding: 0.35rem 0;
}
.wap-main .fuli .fulibox{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 0.25rem auto 0.5rem auto;
    position: relative;
}
.wap-main .fuli .fulibox .flone{
    width: 100%;
    display: flex;flex-direction: column;
    align-items: center;gap: 0.2rem;
    background: linear-gradient(to bottom, #d12f1a, #f2a95a);
    border-radius: 0.35rem;
    padding: 0.25rem 0.25rem 0.60rem 0.25rem;
    box-sizing: border-box;
}
.wap-main .fuli .fulibox .flone .flltxtone{
    width: 100%;
    text-align: center;
    color: #f9eac1;
    font-size: 0.26rem;
    font-weight: 300;
    border-bottom: 0.02rem dashed #fff;
    padding-bottom: 0.10rem;
}
.wap-main .fuli .fulibox .flone .flltxttwo{
    width: 100%;
    display: flex;align-items: center;gap: 0.10rem;justify-content: center;
    border-bottom: 0.02rem dashed #fff;
    padding-bottom: 0.10rem;
}
.wap-main .fuli .fulibox .flone .flltxttwo .flltleft {
    color: #f9eac1;
    font-size: 0.26rem;
    font-weight: 300;
}
.wap-main .fuli .fulibox .flone .flltxttwo .flltright {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.wap-main .fuli .fulibox .flone .flltxttwo .flltright .fllimg{width: 3.42rem;height: 1.13rem;}
.wap-main .fuli .fulibox .flone .flltxttwo .flltright .bookname{
    color: #f9eac1;
    font-size: 0.18rem;
    font-weight: 300;
}
.wap-main .fuli .fulibox .flone .flltxthree{
    color: #f9eac1;
    font-size: 0.26rem;
    font-weight: 300;
}
.wap-main .fuli .fulibox .fltwo{
    width: 100%;height: 0.6rem;
    text-align: center;
    background: linear-gradient(to bottom, #dad5d9,16%, #fff);
    border-radius: 0.35rem;
    padding: 0.03rem;
    box-sizing: border-box;
    position: absolute;
    bottom: -0.10rem;
}
.wap-main .fuli .fulibox .fltwo .fltwoIn{
    width: 100%;height: 100%;
    background: linear-gradient(to top, #dad5d9,16%, #fff);border-radius: 0.35rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #70281c;
    font-size: 0.24rem;
    font-weight: bold;
}
.wap-main .fuli .fulibox .fltwo .fltwoIn span{color: #c90013;}
.wap-main .fuli .fulibox .flimghell{
    width: 1.2032rem;
    height: 1.2032rem;
    position: absolute;
    bottom: 0.38rem;
    left: -0.35rem;
}
.wap-main  .fuli .bottdes{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 1rem;
}
.wap-main  .fuli .bottdes .bottdesone{
    background: #fff;
    border-radius: 0.35rem;
    width: 4rem;
    height: 0.45rem;
    font-size: 0.26rem;
    font-weight: bold;
    color: #c70013;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.08rem;
}
.wap-main  .fuli .bottdes .bottdestwo{
    font-size: 0.2rem;
    color: #fff;
    font-weight: 200;
    letter-spacing: 0.02rem;
    margin-bottom: 0.18rem;
}
.wap-main  .fuli .bottdes .bottdesthree{
    font-size: 0.28rem;
    color: #fff;
    font-weight: bold;
}






/* 战队弹框 */
.wap-main .yasimodal {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 100;overflow: hidden;display: none; }
.wap-main .yasimodal .graybg{width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);position: relative;z-index: 1;}

.wap-main .yasimodal .yasidialog{
    background: #fff;
    width: 7rem;padding: 0.19rem;-webkit-box-sizing: border-box;box-sizing: border-box;
    position: absolute;top: 40%;left: 50%;transform: translate(-50%, -50%);
    display: flex;flex-direction: column;align-items: center;justify-content: center;z-index: 2;
}
.wap-main .yasimodal .yasidialog .dia-title{
    width: 6.48rem;padding: 0.08rem 0;background: #0d248a;
    font-size: 0.32rem;font-weight: bold;color: #fff;
    display: flex;align-items: center;justify-content: center;
}
/* 老师介绍 */
.wap-main .yasimodal .yasidialog .dia-center{width: 6.48rem; padding: 0.15rem;background: #e7e7e7;display: flex;box-sizing: border-box;}
.wap-main .yasimodal .yasidialog .dia-center .dia-cenimg{width: 1.17rem;height: 1.75rem;margin-right: 0.10rem;}
.wap-main .yasimodal .yasidialog .dia-center .dia-cenimg img{width: 100%;height: 100%;display: block;}
.wap-main .yasimodal .yasidialog .dia-center .dia-cenright{background-color: #fff;padding: 0.10rem 0.10rem 0.10rem 0.20rem;display: flex;width: 100%;box-sizing: border-box;}
.wap-main .yasimodal .yasidialog .dia-center .dia-cenright .dia-des{width: 3.1rem;display: flex;flex-direction: column;align-items: baseline;}
.wap-main .yasimodal .yasidialog .dia-center .dia-cenright .dia-des .dia-desone{display: flex;align-items: end;font-size: 0.24rem;font-weight: 300;}
.wap-main .yasimodal .yasidialog .dia-center .dia-cenright .dia-des .dia-desone span{ font-weight: bold;font-size: 0.32rem;}
.wap-main .yasimodal .yasidialog .dia-center .dia-cenright .dia-des .dia-destwo{ width: 1.8rem;height: 0.55rem;display: flex;align-items: center;justify-content: center;background: #ffe5b2;border-radius: 0.20rem 0 0.20rem 0;font-weight: 300;font-size: 0.22rem;margin: 0.08rem 0 0.05rem 0;}
.wap-main .yasimodal .yasidialog .dia-center .dia-cenright .dia-des .dia-desthree{display: flex;flex-direction: column;}
.wap-main .yasimodal .yasidialog .dia-center .dia-cenright .dia-des .dia-desthree .dia-desthreeItem{ display: flex;align-items: center;}
.wap-main .yasimodal .yasidialog .dia-center .dia-cenright .dia-des .dia-desthree .ddthre-point{width: 0.05rem;height: 0.05rem;background: #605f5f;border-radius: 50%;margin-right: 0.08rem;}
.wap-main .yasimodal .yasidialog .dia-center .dia-cenright .dia-des .dia-desthree .ddthre-txt{text-align: left;font-size: 0.22rem;font-weight: 300; width: 3.5rem;}
/* 视频 */
.wap-main .yasimodal .yasidialog .dia-bottomvideo {width: 6.48rem;height: 3.65rem;margin: 0.15rem auto 0 auto;}
.wap-main .yasimodal .yasidialog .dia-bottomvideo .player{width: 100%;height: 100%;}

/* 预约表单 */
.wap-main .yasimodal .get-form{padding: 0.15rem;width: 100%;box-sizing: border-box;background: #fff;}
.wap-main .yasimodal .get-form .get-form-top{display: flex;align-items: center;justify-content: center;flex-direction: column;}
.wap-main .yasimodal .get-form .get-form-top .gft-item{width: 100%;height: 0.75rem;position: relative;display: flex;align-items: center;border: 0.01rem solid #000;padding: 0 0 0 0.25rem;box-sizing: border-box;margin-bottom: 0.15rem;background-color: #ffffff;}
.wap-main .yasimodal .get-form .get-form-top .gft-item .gfi-img{width: 0.25rem;height: 0.28rem;margin-right: 0.3rem;}
.wap-main .yasimodal .get-form .get-form-top .gft-item .gfi-input{height: 95%;width: 100%;}
.wap-main .yasimodal .get-form .get-form-top .gft-item .gfi-input input{font-size: 0.26rem;}
.wap-main .yasimodal .get-form .get-form-top .gft-item .gfi-input .gfi-input-name{border: none;background: #ffffff;width: 100%;height: 100%;}
.wap-main .yasimodal .get-form .get-form-top .gft-item .gfi-getCode{position: absolute;right: 0.2rem;top: 50%;transform: translate(0, -50%);}
.wap-main .yasimodal .get-form .get-form-top .gft-item .gfi-getCode .getYzm{border: none;padding: 0.1rem 0.15rem;border-radius: 0.5rem;display: flex;align-items: center;justify-content: center;color: #ffffff;background-color: #767676;font-size: 0.28rem;}
.wap-main .yasimodal .get-form .get-form-top .gft-submit{width: 100%;height: 0.8rem;background-color: #0d248a;padding: 0 0.65rem;box-sizing: border-box;display: flex;align-items: center;justify-content: center;}
.wap-main .yasimodal .get-form .get-form-top .gft-submit .gfs-img{width: 0.33rem;height: 0.33rem; margin-right: 0.1rem;}
.wap-main .yasimodal .get-form .get-form-top .gft-submit .gfs-img img{width: 100%;height: 100%; display: block;}
.wap-main .yasimodal .get-form .get-form-top .gft-submit .gfs-txt{color: #fffeff;font-size: 0.32rem;font-weight: bold;}
.wap-main .yasimodal .get-form .get-form-bottom{display: flex;align-items: center;justify-content: center;margin-top: 0.2rem;font-size: 0.24rem;}
/* 输入框 */
.wap-main .yasimodal .yasidialog  .get-form input::-webkit-input-placeholder {color: #cacbca;font-size: 0.24rem;}
.wap-main .yasimodal .yasidialog  .get-form input:-moz-placeholder {color: #cacbca;font-size: 0.24rem;}
.wap-main .yasimodal .yasidialog  .get-form input::-moz-placeholder {color: #cacbca;font-size: 0.24rem;}
.wap-main .yasimodal .yasidialog  .get-form input:-ms-input-placeholder {color: #cacbca;font-size: 0.24rem;}
/* 关闭 */
.wap-main .yasimodal .diaclose{ position: absolute;bottom: -0.8rem;left: 50%;transform: translate(-50%, 0);width: 0.52rem;height: 0.53rem;}
.wap-main .yasimodal .diaclose img{ width: 100%;height: 100%;}

