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{}
.wap-main .fontTitle .fontBig{font-size: 0.38rem;line-height: 0.38rem; font-weight: bold;color: #181818;margin-bottom: 0.1rem;}
.wap-main .fontTitle .fontSmall{font-size: 0.26rem;line-height: 0.26rem; color: #8f8f8f;}

/* 顶部*/
.wap-main .top{width: 100%; height:auto;position: relative;}
.wap-main .top .top-bg{width: 100%;height: auto;position: absolute;top: 0;left: 0;z-index: -1;}
.wap-main .top .top-bg img{width: 100%;height: auto;}

.wap-main .top .top-one{padding-top: 0.5rem;}
.wap-main .top .top-one .top-one-titleOne{font-size: 0.68rem;color: #fefffd;font-weight: bold;line-height: 0.48rem;margin-bottom: 0.22rem;}
.wap-main .top .top-one .top-one-titleTwo{font-size: 0.14rem;color: #e90216;margin-top: 0.2rem;}
.wap-main .top .top-one .top-one-titleThree{font-size: 0.26rem;color: #ffffff;margin-top: 0.06rem;}
.wap-main .top .top-two{width:6rem;display: flex;justify-content: space-between;margin: 0 auto;margin-top: 0.15rem;background-image: linear-gradient(to right, #d90b0d, #dd5308, #e67402, #d1320b, #c81010);padding: 0.05rem 0;box-sizing: border-box;}
.wap-main .top .top-two .top-two-item{display: flex;align-items: center;justify-content: center;}
.wap-main .top .top-two .top-two-item .tti-des{font-size: 0.24rem;color: #ffffff;font-weight: bold;}
.wap-main .top .top-two-bottom{width: 5.2rem;height: 0.03rem;margin: 0 auto;background-image: linear-gradient(to right,#cf010e,#e27a83,#fefcfd,#e27a83,#cf010e);}
.wap-main .top .top-three{width: 6.7rem;margin: 0 auto;display: flex;align-items: center;justify-content: space-between;margin-top: 0.25rem;}
.wap-main .top .top-three .top-three-item{display: flex;position: relative;}
.wap-main .top .top-three .top-three-item .tti-img{width: 0.64rem;height: 0.63rem;position: absolute;top: -0.23rem;left: -0.3rem;}
.wap-main .top .top-three .top-three-item .tti-img img{width: 100%;height: 100%;}
.wap-main .top .top-three .top-three-item .tti-box{background-image: linear-gradient(118deg, #f9d4ba, 15%, #ffffff);border-radius: 0.08rem;padding: 0.08rem 0.2rem;}
.wap-main .top .top-three .top-three-item .tti-box .tti-box-top{color: #e22b2d;font-size: 0.26rem;font-weight: bold;}
.wap-main .top .top-three .top-three-item .tti-box .tti-box-bottom{font-size: 0.24rem;color: #3e3e40;text-align: center;}

/* 预约领取 雅思免费试听课 */
.wap-main .get{margin: 0.7rem 0.3rem 0 0.3rem;box-shadow: 0 0 0.1rem 0.08rem #e1e1e1;border-radius: 0.15rem;padding:0.3rem 0.5rem;box-sizing: border-box;}
.wap-main .get .get-form{margin-top: 0.3rem;}
.wap-main .get .get-form .get-form-top{display: flex;align-items: center;justify-content: center;flex-direction: column;}
.wap-main .get .get-form .get-form-top .gft-item{width: 100%;height: 0.9rem;position: relative;display: flex;align-items: center;border: 0.01rem solid #101010;padding: 0 0 0 0.25rem;box-sizing: border-box;margin-bottom: 0.3rem;}
.wap-main .get .get-form .get-form-top .gft-item .gfi-img{width: 0.3rem;height: 0.36rem;margin-right: 0.3rem;}
/* .wap-main .get .get-form .get-form-top .gft-item .gfi-img img{width: 100%;height: 100%;display: block;} */
.wap-main .get .get-form .get-form-top .gft-item .gfi-input{height: 100%;}
.wap-main .get .get-form .get-form-top .gft-item .gfi-input input{font-size: 0.3rem;}
.wap-main .get .get-form .get-form-top .gft-item .gfi-input .gfi-input-name{border: none;background: #ffffff;height: 100%;}
.wap-main .get .get-form .get-form-top .gft-item .gfi-getCode{position: absolute;right: 0.2rem;top: 50%;transform: translate(0, -50%);}
.wap-main .get .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 .get-form .get-form-top .gft-submit{width: 100%;height: 0.8rem;background-color: #c90013;padding: 0 0.65rem;box-sizing: border-box;display: flex;align-items: center;justify-content: center;}
.wap-main .get .get-form .get-form-top .gft-submit .gfs-img{width: 0.33rem;height: 0.33rem; margin-right: 0.1rem;}
/* .wap-main .get .get-form .get-form-top .gft-submit .gfs-img img{width: 100%;height: 100%;display: block;} */
.wap-main .get .get-form .get-form-top .gft-submit .gfs-txt{color: #fffeff;font-size: 0.34rem;font-weight: bold;}
.wap-main .get .get-form .get-form-bottom{display: flex;align-items: center;justify-content: center;margin-top: 0.2rem;font-size: 0.24rem;}

/* 多层次雅思课程，满足不同学员需求 */
.wap-main .moreCeng{background-color: #f6f6f6;margin-top: 0.35rem;padding: 0.35rem 0;}
.wap-main .moreCeng .moreCengBox{width: 100%;height: auto;display: flex;flex-direction: column;background-color: #ffffff;border-radius: 0.22rem;box-shadow: 0 0 0.2rem #dcdcdc;margin-top: 0.2rem;padding: 0.3rem;box-sizing: border-box;}
.wap-main .moreCeng .moreCengBox .moreCengBox-item{width: 100%;}
.wap-main .moreCeng .moreCengBox .moreCengBox-item .mc-item-top{width: 100%;height: 2.5rem;display: flex;align-items: flex-start;}
.wap-main .moreCeng .moreCengBox .moreCengBox-item:nth-child(odd) .mc-item-top .moit-top{width: 2rem;height: 2rem;position: relative;display: flex;align-items: center;justify-content: center;background-color: #da010c;border-radius: 0.2rem;}
.wap-main .moreCeng .moreCengBox .moreCengBox-item:nth-child(even) .mc-item-top .moit-top{width: 2rem;height:2rem;position: relative;display: flex;align-items: center;justify-content: center;background-image: linear-gradient(110deg, #eacaa4, 40%, #d39145);border-radius: 0.2rem;}
.wap-main .moreCeng .moreCengBox .moreCengBox-item .mc-item-top .moit-top .moit-top-txt{ font-size: 0.32rem;line-height: 0.42rem;color: #fffffd;font-weight: bold;}
.wap-main .moreCeng .moreCengBox .moreCengBox-item:nth-child(odd) .mc-item-top .moit-top .moit-top-img{width: 0.9rem;position: absolute;right: 0;bottom: 0;opacity: 0.4;}
.wap-main .moreCeng .moreCengBox .moreCengBox-item:nth-child(even) .mc-item-top .moit-top .moit-top-img{width: 0.9rem;position: absolute;right: 0;bottom: 0;}
.wap-main .moreCeng .moreCengBox .moreCengBox-item .mc-item-top .moit-bottom{width: 4.3rem;height: 100%;position: relative;display: flex;flex-direction: column;text-align: left;justify-content: space-between;padding-left: 0.3rem;box-sizing: border-box;}
.wap-main .moreCeng .moreCengBox .moreCengBox-item .mc-item-top .moit-bottom .moit-bottom-one{color: #828282;font-size: 0.28rem;}
.wap-main .moreCeng .moreCengBox .moreCengBox-item .mc-item-top .moit-bottom .moit-bottom-one .mbo-title{color: #1a1a1a;font-size: 0.3rem;font-weight: bold;margin-bottom: 0.05rem;}
.wap-main .moreCeng .moreCengBox .moreCengBox-item .mc-item-top .moit-bottom .moit-bottom-btn{display: flex;flex-direction: row-reverse;}
.wap-main .moreCeng .moreCengBox .moreCengBox-item .mc-item-top .moit-bottom .moit-bottom-btn .mbb-in{width: 1.8rem;height: 0.45rem;display: flex;align-items: center;justify-content: center;border: 0.01rem solid #ca000c;border-radius: 0.4rem;}
.wap-main .moreCeng .moreCengBox .moreCengBox-item .mc-item-top .moit-bottom .moit-bottom-btn .mbb-in .mbb-img{width: 0.4rem;height: 0.4rem;}
.wap-main .moreCeng .moreCengBox .moreCengBox-item .mc-item-top .moit-bottom .moit-bottom-btn .mbb-in .mbb-txt {margin-left: 0.08rem;font-size: 0.28rem;color: #cc000e;font-weight: bold;}
.wap-main .moreCeng .moreCengBox .moreCengBox-item .moit-border{border: 0.01rem dashed #cacaca;margin:0.3rem 0.35rem;}

/* 图片 */
.wap-main .picture{width: 100%; height:2.46rem;background: url("../images/bg02.png") no-repeat center;position: relative;display: flex;justify-content: center;align-items: center;}
.wap-main .picture .pic-active{animation: myfirst 3s linear infinite;position: relative;top: 0.1rem;}
@keyframes myfirst
    {
        0%   {width:6.5rem;height: 2.6rem;}
        25%  {width: 7rem;height:2.6rem;}
        50%  {width: 7.5rem;height: 2.6rem;}
        75%  {width:7rem;height: 2.6rem;}
        100% {width: 6.5rem;height: 2.6rem;}
    }
.wap-main .picture .picture-center{width: 3.11rem;position: absolute;bottom: 0;left: 50%;transform: translate(-50%, 0);}

/* 新航道雅思个性化课程 专治各种出分难题 */
.wap-main .problem{margin: 0.5rem 0;}
.wap-main .problem .problemBox{margin-top: 0.35rem;}
.wap-main .problem .problemBox .problemBox-nav{display: flex;align-items: center;justify-content: space-between;padding: 0 0.1rem;position: relative;top: 0.05rem;}
.wap-main .problem .problemBox .problemBox-nav .problemBox-nav-item{display: flex;flex-direction: column;align-items: center;justify-content: center;}
.wap-main .problem .problemBox .problemBox-nav .swiper-slide .problemBox-nav-item .pni-img{width: 0.4375rem;height: 0.4375rem;}
/* nav进行切换 */
.wap-main .problem .problemBox .problemBox-nav .swiper-slide .problemBox-nav-item .imgProblem{display: block;}
.wap-main .problem .problemBox .problemBox-nav .swiper-slide .problemBox-nav-item .imgProblemActive{display: none;}
.wap-main .problem .problemBox .problemBox-nav .swiper-slide-thumb-active .problemBox-nav-item .imgProblem{display: none;}
.wap-main .problem .problemBox .problemBox-nav .swiper-slide-thumb-active .problemBox-nav-item .imgProblemActive{display: block;}
.wap-main .problem .problemBox .problemBox-nav .swiper-slide .problemBox-nav-item .pni-one{margin: 0.1rem 0;color: #808080;font-size:0.32rem;font-weight: bold;}
.wap-main .problem .problemBox .problemBox-nav .swiper-slide-thumb-active .problemBox-nav-item .pni-one{margin: 0.1rem 0;color: #cc000c;font-size:0.32rem;font-weight: bold;}
.wap-main .problem .problemBox .problemBox-nav .swiper-slide .problemBox-nav-item .pni-border{display: none;}
.wap-main .problem .problemBox .problemBox-nav .swiper-slide-thumb-active .problemBox-nav-item .pni-border{width: 1.5rem;height: 0.09rem;background-color: #cc000c;position: relative;display: block;}
/* 横线 */
.wap-main .problem .problemBox .problemBox-line{ width: 100%;height: 0.03rem;background-color: #cacaca;}
/* 内容 */
.wap-main .problem .problemBox .problem-bottom{margin-top: 0.2rem;box-shadow: 0 0 0.2rem #dcdcdc;border-radius: 0.15rem;}
.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.3rem;line-height: 0.3rem;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: #12356d;color: #ffffff;font-size: 0.3rem;font-weight: bold;padding: 0.15rem;}
.wap-main .problem .problemBox .problemBox-content .problemBox-content-item .three-top-center .ttc-fish{display: flex;align-items: center;margin: 0.9rem 0.15rem 0 0.15rem;box-sizing: border-box;}
.wap-main .problem .problemBox .problemBox-content .problemBox-content-item .three-top-center .ttc-fishHead .ttc-fishHeadName{position: absolute;font-size: 0.45rem;color: #ffffff;font-weight: bold;transform: translate(-50%, -50%);top: 50%;left: 50%;}
.wap-main .problem .problemBox .problemBox-content .problemBox-content-item .three-top-center .ttc-fishLast{width: 0;height: 0;border-top: 0.5rem solid transparent;border-right: 0.5rem solid #e22a2d;border-left: 0 solid transparent;border-bottom: 0.5rem solid transparent;}
.wap-main .problem .problemBox .problemBox-content .problemBox-content-item .three-top-center .ttc-fishBox{display: flex; position: relative;top: -1.5rem;}
.wap-main .problem .problemBox .problemBox-content .problemBox-content-item .three-top-center .ttc-fishBox .ttc-fishBox-item{position: absolute;}
.wap-main .problem .problemBox .problemBox-content .problemBox-content-item .three-top-center .ttc-fishBox .ttc-fishBox-item .tfi-des{position: absolute;right: -1.55rem;top: -0.25rem;font-size: 0.18rem;text-align: left;}
.wap-main .problem .problemBox .problemBox-content .problemBox-content-item .three-top-center .ttc-fishBox .ttc-fishBox-item .tfi-img{width: 1.15rem;height: 0.99rem;}
.wap-main .problem .problemBox .problemBox-content .problemBox-content-item .three-top-center .ttc-fishBox .ttc-fishBox-item .tfi-one{display: flex;flex-direction: column; height: auto;border: 0.01rem solid #ab3341;color: #ab3341;font-weight: bold;font-size: 0.22rem;position: relative;left: -0.3rem;background: #ffffff;}
.wap-main .problem .problemBox .problemBox-content .problemBox-content-item .three-top-center .ttc-fishBox .ttc-fishBox-item .tfi-one .tfi-one-one{background-color: #ab3341;color: #ffffff;box-sizing: border-box;}
.wap-main .problem .problemBox .problemBox-content .problemBox-content-item .three-top-center .ttc-bottom{display: flex;padding: 0 0.3rem;box-sizing: border-box;}
.wap-main .problem .problemBox .problemBox-content .problemBox-content-item .three-top-center .ttc-bottom .ttc-bottom-txt{width: 1.3rem;height: 0.8rem;background-color: #ce000d;border-radius: 0.1rem;font-size: 0.24rem;color: #ffffff;display: flex;align-items: center;justify-content: center;}
.wap-main .problem .problemBox .problemBox-content .problemBox-content-item .three-top-center .ttc-bottom .ttc-clb{display: flex;flex-direction: column;align-items: center;position: relative;top: 0.35rem;}
.wap-main .problem .problemBox .problemBox-content .problemBox-content-item .three-top-center .ttc-bottom .ttc-clb .ttc-suLine{border: 0.01rem dashed #ce000d;height: 0.5rem;width: 0;position: relative;}
.wap-main .problem .problemBox .problemBox-content .problemBox-content-item .three-top-center .ttc-bottom .ttc-clb .ttc-box{width: 1.5rem;height: 0.9rem;position: absolute;left: -1rem;background-color: #f2dec6;border-radius: 0.1rem;font-size: 0.18rem;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.wap-main .problem .problemBox .problemBox-content .problemBox-content-item .three-top-center .ttc-anthorbox{width: 1.5rem;height: 0.9rem;background-color: #f2dec6;border-radius: 0.1rem;font-size: 0.18rem;display: flex;flex-direction: column;align-items: center;justify-content: center;position: relative;top: 1.2rem;left: 0.08rem;}
/* 非常6+1学习法 */
.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 .ttc-soneImg{width: 5.19rem;height: 3.54rem;}
/* 至尊9+1服务 */
.wap-main .problem .problemBox .problemBox-content  .three-top-center .nineadd .nineaddImg{width: 6.22rem;height: 4.15rem;}
/* 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;width: 100%;display: flex;flex-direction: column; align-items: center;justify-content: space-between;}
.wap-main .problem .problemBox .problemBox-content .zdteacher .ztleft{width: 100%;display: flex;flex-wrap: wrap;align-items: end;justify-content: space-between; margin-top: 0.25rem;padding: 0 0.1rem;box-sizing: border-box;}
.wap-main .problem .problemBox .problemBox-content .zdteacher .ztleft .ztleft-item{position: relative;margin-bottom: 0.15rem;}
.wap-main .problem .problemBox .problemBox-content .zdteacher .ztleft .ztleft-item .ztitem-title{text-align: left;font-size: 0.28rem;font-weight: bold;color: #f9ae3b;margin-bottom: 0.1rem;height: 0.30rem;display: flex;align-items: center;}
.wap-main .problem .problemBox .problemBox-content .zdteacher .ztitem-tea{}
.wap-main .problem .problemBox .problemBox-content .zdteacher .ztitem-tea .ztitem-tea-img{ width: 2.05rem;height: 2.52rem;}
.wap-main .problem .problemBox .problemBox-content .zdteacher .ztitem-tea .ztitem-tea-name{ position: absolute;bottom: 0.05rem;left: 0.08rem;display: flex;flex-direction: column;text-align: left;font-size: 0.22rem;color: #fff;}
.wap-main .problem .problemBox .problemBox-content .zdteacher .ztitem-tea .ztitem-tea-name span{font-weight: bold;font-size: 0.28rem;}

/* 按钮 */
.wap-main  .one-six{display: flex;align-items: center;justify-content: center;margin-top: 0.15rem;}
.wap-main  .one-six  .btn-red {width: 3.2rem;height: 0.65rem;display: flex;align-items: center;justify-content: center;background-color: #e42a2d;border-radius: 0.5rem;margin-right: 0.15rem;}
.wap-main  .one-six  .btn-red .btn-red-img{width: 0.3rem;height: 0.3rem;}
.wap-main  .one-six  .btn-red .btn-red-txt{font-size: 0.32rem;line-height: 0.32rem; color: #ffffff;font-weight: bold;margin-left: 0.08rem;}
.wap-main  .one-six  .btn-white{background-color: #ffffff;border: 0.01rem solid #e42a2d;}

/* 新航道雅思-官方背书彰显实力*/
.wap-main .offical{background: #0a0809;margin-top: 1.3rem;padding-bottom: 0.35rem;}
.wap-main .offical .offical-top{width: 5.5rem;height: 0.6rem;display: flex;justify-content: center;margin: 0 auto;position: relative;top: -0.3rem;}
.wap-main .offical .offical-top .offical-top-oneTrangle{width: 0;height: 0;border-top: 0 solid transparent;border-right: 0 solid transparent;border-left: 0.14rem solid transparent;border-bottom: 0.3rem solid #603000;position: absolute;left: -0.14rem;top: 0;}
.wap-main .offical .offical-top .offical-top-title{width: 100%;height: 0.6rem;background-image: linear-gradient(to right, #ebd7bf, #925922);margin: 0 auto;display: flex;align-items: center;justify-content: center;border-radius: 0 0 0.15rem 0.15rem;color: #722700;}
.wap-main .offical .offical-top .offical-top-title .ott-img{bottom: 0;position: absolute;left: 0;width: 1rem;height: 1.2rem;}
.wap-main .offical .offical-top .offical-top-title .ott-img img{width: 100%;height: 100%;display: block;}
.wap-main .offical .offical-top .offical-top-twoTrangle{width: 0;height: 0;border-top: 0.3rem solid transparent;border-right: 0rem solid transparent;border-left: 0.14rem solid #603000;border-bottom: 0rem solid transparent;position: absolute;right: -0.14rem;top: 0;}
.wap-main .offical .swiper-scroll{}
.wap-main .offical .swiper-scroll .officai-swiperChange{width: 6rem;display: flex;justify-content: space-between;margin: 0 auto;position: relative;z-index: 10;top: 0.4rem;}
.wap-main .offical .swiper-scroll .officai-swiperChange .officai-pre{width: 0.35rem;height: 0.35rem;}
.wap-main .offical .swiper-scroll .swiper-container .swiper-slide-title{margin-bottom: 0.35rem;}
.wap-main .offical .swiper-scroll .swiper-container .swiper-slide-title .sst-big{font-size: 0.34rem;background: linear-gradient(to right, #824106,#efddc8);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight: bold;}
.wap-main .offical .swiper-scroll .swiper-container .swiper-slide-title .sst-small{color: #868586;font-size: 0.28rem;line-height: 0.26rem; margin-top: 0.1rem;}

.wap-main .offical .offical-btn {width: 5.05rem;height: 0.65rem; display: flex;align-items: center;justify-content: space-between;border: 0.01rem solid #e42a2d;border-radius: 0.6rem;padding: 0.06rem;box-sizing: border-box; margin: 0 auto;position: relative;margin-top: 0.5rem;}
.wap-main .offical .offical-btn  .offical-btn-left{display: flex;align-items: center;justify-content: center; color: #e42a2d;font-size: 0.32rem;font-weight: bold;}
.wap-main .offical .offical-btn  .offical-btn-left .obl-img{width: 0.4rem;height: 0.4rem;}
.wap-main .offical .offical-btn  .offical-btn-right{height: 100%; background-color: #e42a2d;color: #ffffff;font-size: 0.32rem;font-weight: bold;padding: 0 0.2rem;box-sizing: border-box; border-radius: 0 0.22rem 0.22rem 0;display: flex;align-items: center;justify-content: center;}

/*  */
.wap-main .offical .gallery-topOne .zhanwei{display: none;}
.wap-main .offical .gallery-topOne .trangleTxt{display: none;width: 100%;text-align: left;position: absolute;bottom: 0;}
.wap-main .offical .gallery-topOne .trangleTxt .trangleTxt-txt{width: 5.6rem;margin: 0 auto; background-color: #ffffff;border-radius: 0.22rem;display: flex;flex-direction: column;justify-content: center;padding: 0.3rem 0.15rem;}
.wap-main .offical .gallery-topOne .trangleTxt .trangleTxt-txt .trangleTxt-txt-name{font-size: 0.28rem;color: #000000;font-weight: bold;margin-bottom: 0.06rem;}
.wap-main .offical .gallery-topOne .trangleTxt .trangleTxt-txt .trangleTxt-txt-grade{font-size: 0.22rem;line-height: 0.3rem;color: #808080;}
.wap-main .offical .gallery-topOne .swiper-slide-active .zhanwei{display: block;height: 2.5rem;}
.wap-main .offical .gallery-topOne .swiper-slide-active .trangleTxt{display: block;opacity: 1;animation: fade-in-data 0.5s ease-in-out forwards;}
@keyframes fade-in-data
    {
        0%   {transform: scale(2);}
        100% {transform: scale(1);}
    }
.wap-main .offical .gallery-topOne .trangleTxt .trangleTxt-trang{width: 0;height: 0;border-top: 0.5rem solid transparent;border-right: 0.5rem solid #ffffff;border-bottom: 01rem solid transparent;border-left: 0rem solid transparent;position: absolute;top: -0.5rem;right: 1.8rem;}
.wap-main .offical .gallery-topOne .swiper-slide img{width: 96% !important;height:96% !important;}

/*甄选师资 打造业内“中国雅思梦之队”  */
.wap-main .teacher{padding: 0.5rem 0;}
.wap-main .teacher .teacher-swiper{margin: 0 0 0.35rem 0;position: relative;}
.wap-main .teacher .teacher-swiper .teacherBox{width: 99%;
/* height: 4.8rem; */display: flex;box-shadow: 0.01rem 0.01rem 0.05rem grey;border-radius: 0.22rem;margin: 0.4rem auto 0.2rem auto;}
.wap-main .teacher .teacher-swiper .teacherBox .swiper-img{position: relative;
    /* top: -0.06rem; */
    width: 2.62rem;
    /* height: 4.06rem; */
}
.wap-main .teacher .teacher-swiper .teacherBox .teacherBox-right{width: 100%;padding: 0.2rem 0.35rem 0.3rem 0;box-sizing: border-box;text-align: left;}
.wap-main .teacher .teacher-swiper .teacherBox .teacherBox-right .teacherBox-right-title{display: flex;justify-content: space-between;width: 100%;}
.wap-main .teacher .teacher-swiper .teacherBox .teacherBox-right .teacherBox-right-title .trt-ngrader{}
.wap-main .teacher .teacher-swiper .teacherBox .teacherBox-right .teacherBox-right-title .trt-ngrader .teacherName{font-size: 0.26rem;color: #000000;margin-right: 0.15rem;}
.wap-main .teacher .teacher-swiper .teacherBox .teacherBox-right .teacherBox-right-title .trt-ngrader .teacherName span{ font-size: 0.34rem;font-weight: bold;margin-right: 0.08rem;}
.wap-main .teacher .teacher-swiper .teacherBox .teacherBox-right .teacherBox-right-title .trt-ngrader .teacherGrade{background-color: #ffe5b2;padding: 0.05rem 0.1rem;border-radius: 0.12rem 0 0.12rem 0;font-size: 0.28rem;color: #a3874e;display: flex;align-items: center;justify-content: center;margin: 0.08rem 0 0.15rem 0;}
.wap-main .teacher .teacher-swiper .teacherBox .teacherBox-right .teacherBox-right-title .tea-lis{height: 0.33rem;}
.wap-main .teacher .teacher-swiper .teacherBox .teacherBox-right .teacherBox-right-title .tea-lis .tea-lis-in{width: 1.1rem;height: 0.55rem;font-size: 0.28rem;color: #e12a2e;font-weight: bold;border: 0.01rem solid #e12a2e;border-radius: 0.3rem;display: flex;align-items: center;justify-content: center;}
.wap-main .teacher .teacher-swiper .teacherBox .teacherBox-right .teaBg{font-size: 0.26rem;line-height: 0.36rem;color: #454545;}

.wap-main .teacher .teacher-swiper .gallery-thumbs{margin-top: 0.2rem;}
.wap-main .teacher .teacher-swiper .gallery-thumbs .swiper-slide { opacity: 0.5;width: 0.6rem !important;margin-right: 0.15rem !important;}
.wap-main .teacher .teacher-swiper .gallery-thumbs .swiper-slide-thumb-active {opacity: 1;width: 0.6rem !important;}
.wap-main .teacher .teacher-swiper .gallery-thumbs .swiper-slide-thumb-active img{border: 0.01rem solid #cd000f;border-radius: 50%;}

.wap-main .teacher .teacher-swiper .teacher-pre{width: 0.4rem;height: 0.40rem;display: flex;align-items: center;justify-content: center;bottom:0.1rem;position: absolute;z-index: 1;}


/* 科技赋能教育 让雅思学习更高效 */
.wap-main .scince{background-color: #f6f6f6;padding: 0.5rem 0;}
.wap-main .scince .scince-nav{padding: 0.3rem 0.35rem 0 0.35rem;position: relative;top: 0.03rem;}
.wap-main .scince .scince-nav .scince-title-item{display: flex;flex-direction: column;justify-content: center;align-items: center;}
.wap-main .scince .scince-nav .swiper-slide .scince-title-item .sti-img{width: 0.438rem;height: 0.438rem;}
.wap-main .scince .scince-nav .swiper-slide .scince-title-item .sti-img .imgSince{display: block;}
.wap-main .scince .scince-nav .swiper-slide .scince-title-item .sti-img .imgSinceActive{display: none;}
.wap-main .scince .scince-nav .swiper-slide-thumb-active .scince-title-item .sti-img .imgSince{display: none;}
.wap-main .scince .scince-nav .swiper-slide-thumb-active .scince-title-item .sti-img .imgSinceActive{display: block;}
.wap-main .scince .scince-nav .swiper-slide .scince-title-item .sti-bigTitle{font-size: 0.32rem;font-weight: bold;color: #808080;margin: 0.05rem 0;}
.wap-main .scince .scince-nav .swiper-slide-thumb-active .scince-title-item .sti-bigTitle{font-size: 0.32rem;font-weight: bold;color: #cd000f;margin: 0.03rem 0;}
.wap-main .scince .scince-nav .swiper-slide .scince-title-item .sti-border{display: none;}
.wap-main .scince .scince-nav .swiper-slide-thumb-active .scince-title-item .sti-border{width: 0.9rem;height: 0.06rem;background-color: #cc000c;position: relative;display: block;}

.wap-main .scince .scince-box{margin: 0.35rem 0;}
.wap-main .scince .scince-box .one-scince{display: flex;flex-direction: column;align-items: baseline ;}
.wap-main .scince .scince-box .one-scince .one-scince-left{display: flex;flex-direction: column;align-items: baseline;margin-bottom: 0.15rem;}
.wap-main .scince .scince-box .one-scince .one-scince-left .osl-big{font-size: 0.3rem;color: #000000;font-weight: bold;margin-bottom: 0.05rem;text-align: left;}
.wap-main .scince .scince-box .one-scince .one-scince-left .osl-small{color: #9b9b9b;font-size: 0.28rem;}
.wap-main .scince .scince-box .one-scince .one-scince-right{width: 100%;border-radius: 0.3rem;display: flex;align-items: center;justify-content: center;background-color: #ffffff;padding: 0.3rem 0.15rem;box-sizing: border-box;}
.wap-main .scince .scince-box .one-scince .one-scince-right .osr-img{width: 6.27rem;height: 3.28rem;}

.wap-main  .scince .scince-box .one-scince-right .asr-top{ width: 100%;text-align: left;color: #000;font-weight: bold;font-size: 0.24rem;margin-bottom: 0.20rem;}
.wap-main  .scince .scince-box .one-scince-right .asr-bottom{ display: flex;flex-wrap: wrap; align-items: center;}
.wap-main  .scince .scince-box .one-scince-right .asr-bottom .asr-box-item{display: flex;flex-direction: column;align-items: baseline;margin-right: 0.55rem;margin-bottom: 0.25rem;}
.wap-main  .scince .scince-box .one-scince-right .asr-bottom .asr-box-item .abi-img{width: 2.59rem;height: 1.36rem;}
.wap-main  .scince .scince-box .one-scince-right .asr-bottom .asr-box-item .abi-des {display: flex;align-items: center;margin-top: 0.05rem;}
.wap-main  .scince .scince-box .one-scince-right .asr-bottom .asr-box-item .abi-des .abi-point{width: 0.05rem;height: 0.05rem;border-radius: 50%;background-color: #6e6c6c;margin-right: 0.05rem;}
.wap-main  .scince .scince-box .one-scince-right .asr-bottom .asr-box-item .abi-des .abi-txt{font-size: 0.24rem;color: #6e6c6c;}


/* 武汉核心地段 方便你的学习 */
.wap-main .location{padding: 0.3rem 0;}
.wap-main .location  .locationBox .swiper-scroll{}
.wap-main .location  .locationBox .swiper-scroll .gallery-top {height:auto; width: 100%;margin-top: 0.2rem;}
.wap-main .location  .locationBox .swiper-scroll .gallery-thumbsTwo {padding: 0.3rem 0.15rem 0.2rem 0.15rem;}
.wap-main .location  .locationBox .swiper-scroll .gallery-thumbsTwo .swiper-wrapper{display: flex; flex-flow: row nowrap; justify-content: center;}
.wap-main .location  .locationBox .swiper-scroll .gallery-thumbsTwo .swiper-slide {width: 2rem !important; padding:0.07rem 0;margin-right: 0 !important; border-radius:0.3rem;font-size: 0.28rem !important;border: 0.01rem solid #a6a6a6;color: #575757; }
.wap-main .location  .locationBox .swiper-scroll .gallery-thumbsTwo .swiper-slide-thumb-active {width: 2rem !important;padding:0.07rem 0;margin-right: 0 !important; border-radius:0.3rem;font-size: 0.28rem !important;border: 0.01rem solid #c90013;color: #ffffff;opacity: 1;background-color: #c90013;}
.wap-main .location  .locationBox .swiper-scroll .gallery-topTwo {}
.wap-main .location  .locationBox .swiper-scroll .gallery-topTwo .imgList{display: flex;flex-wrap: wrap;justify-content: space-between;}
.wap-main .location  .locationBox .swiper-scroll .gallery-topTwo .imgList img{width: 3.2rem;margin-bottom: 0.3rem;border-radius: 0.25rem;}

/* 最后预约 */
.wap-main .last{background-color: #130f10;padding:0.35rem 0;box-sizing: border-box;}
.wap-main .last .des{font-size: 0.24rem;color: #fff;margin-bottom: 0.3rem;}
.wap-main .last .get-form{padding: 0 0.3rem;}
.wap-main .last .get-form .get-form-top{display: flex;align-items: center;justify-content: center;flex-direction: column;}
.wap-main .last .get-form .get-form-top .gft-item{width: 100%;height: 0.9rem;position: relative;display: flex;align-items: center;border: 0.01rem solid #f2f2f2;padding: 0 0 0 0.25rem;box-sizing: border-box;margin-bottom: 0.3rem;background-color: #ffffff;}
.wap-main .last .get-form .get-form-top .gft-item .gfi-img{width: 0.25rem;height: 0.28rem;margin-right: 0.3rem;}
.wap-main .last .get-form .get-form-top .gft-item .gfi-input{height: 100%;}
.wap-main .last .get-form .get-form-top .gft-item .gfi-input input{font-size: 0.26rem;}
.wap-main .last .get-form .get-form-top .gft-item .gfi-input .gfi-input-name{border: none;background: #ffffff;height: 100%;}
.wap-main .last .get-form .get-form-top .gft-item .gfi-getCode{position: absolute;right: 0.2rem;top: 50%;transform: translate(0, -50%);}
.wap-main .last .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 .last .get-form .get-form-top .gft-submit{width: 100%;height: 0.8rem;background-color: #c90013;padding: 0 0.65rem;box-sizing: border-box;display: flex;align-items: center;justify-content: center;}
.wap-main .last .get-form .get-form-top .gft-submit .gfs-img{width: 0.33rem;height: 0.33rem; margin-right: 0.1rem;}
.wap-main .last .get-form .get-form-top .gft-submit .gfs-txt{color: #fffeff;font-size: 0.32rem;font-weight: bold;}
.wap-main .last .get-form .get-form-bottom{display: flex;align-items: center;justify-content: center;margin-top: 0.2rem;font-size: 0.24rem;}


/* 弹框 */
.wap-main #yasiDialog{display: block;position: relative;z-index: 1000;}
.wap-main .yasimodal {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 99;overflow: hidden; }
.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;position: absolute;top: 45%;left: 50%;transform: translate(-50%, -50%);padding: 0.19rem;-webkit-box-sizing: border-box;box-sizing: border-box;display: flex;flex-direction: column;align-items: center;justify-content: center;z-index: 2;}
.wap-main .yasimodal .yasidialog .dia-title{width: 6.48rem;background: #c90014;font-size: 0.32rem;font-weight: bold;color: #fff;padding: 0.08rem 0;}

.wap-main .yasimodal .yasidialog .dia-center{width: 6.48rem; padding: 0.15rem;background: #e7e7e7;display: flex;flex-direction: column;box-sizing: border-box;}
.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-cenimg{width: 2.057rem;height: 2.53rem;margin-right: 0.10rem;}
.wap-main .yasimodal .yasidialog .dia-center .dia-cenright .dia-des{width: 3.1rem;display: flex;flex-direction: column;align-items: baseline;margin-left: 0.25rem;}
.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 .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: #c90013;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-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{display: none;}
.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 .diaclose{ position: absolute;bottom: -0.8rem;left: 50%;transform: translate(-50%, 0);width: 0.52rem;height: 0.53rem;}