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.34rem;font-weight: bold;color: #181818;margin-bottom: 0.04rem;}
.wap-main .fontTitle .fontSmall{font-size: 0.24rem;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.24rem;}
.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.24rem;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.3rem;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.3rem;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: 2rem;display: flex;}
.wap-main .moreCeng .moreCengBox .moreCengBox-item:nth-child(odd) .mc-item-top .moit-top{width: 2rem;height: 100%;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: 100%;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.3rem;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.24rem;}
.wap-main .moreCeng .moreCengBox .moreCengBox-item .mc-item-top .moit-bottom .moit-bottom-one .mbo-title{color: #1a1a1a;font-size: 0.28rem;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.26rem;color: #cc000e;font-weight: bold;}
.wap-main .moreCeng .moreCengBox .moreCengBox-item .moit-border{border: 0.01rem dashed #cacaca;margin: 0.35rem;}

/* 图片 */
.wap-main .picture{width: 100%; height:2.46rem;background: url("../image/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.3rem 0;}
.wap-main .problem .problemBox{margin-top: 0.2rem;}
.wap-main .problem .problemBox .problemBox-nav{display: flex;align-items: center;justify-content: space-between;padding: 0 0.1rem;}
.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.3rem;height: 0.3rem;}
/* 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.04rem 0;color: #808080;font-size:0.24rem;font-weight: bold;}
.wap-main .problem .problemBox .problemBox-nav .swiper-slide-thumb-active .problemBox-nav-item .pni-one{margin: 0.04rem 0;color: #cc000c;font-size:0.24rem;font-weight: bold;}
.wap-main .problem .problemBox .problemBox-nav .problemBox-nav-item .pni-two{color: #b1b1b1;font-size: 0.2rem;margin-bottom: 0.02rem;}
.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: 0.9rem;height: 0.06rem;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{margin-top: 0.15rem;padding: 0.15rem;box-sizing: border-box;}
.wap-main .problem .problemBox .problemBox-content .problemBox-content-item .one-txtOne{display: flex;padding: 0.06rem 0 0.06rem 0.15rem;background-image: linear-gradient(to right, #c90013, 55%, transparent);border-radius: 0.22rem;color: #feffff;font-size: 0.26rem;font-weight: bold;}
.wap-main .problem .problemBox .problemBox-content .problemBox-content-item .one-txtTwo{color: #7f7f7f;padding:0.1rem 0.3rem;font-size: 0.24rem;text-align: left;}
.wap-main .problem .problemBox .problemBox-content .problemBox-content-item .one-txtTwo ul{list-style:disc}
.wap-main .problem .problemBox .problemBox-content .problemBox-content-item .one-txtThree tr td{width: 1.4rem;height: 0.7rem; font-size: 0.18rem;text-align: left;padding-left: 0.2rem;box-sizing: border-box;border-bottom: 0.01rem solid #fff;border-right: 0.01rem solid #fff;}
.wap-main .problem .problemBox .problemBox-content .problemBox-content-item .one-txtThree tr:first-child td:first-child{width: 0.5rem;font-size: 0.22rem;background-color: #c90013;color: #fffeff;font-weight: bold;writing-mode: vertical-lr;letter-spacing: 0.05rem;padding-left: 0;}
.wap-main .problem .problemBox .problemBox-content .problemBox-content-item .one-txtThree tr .tdcTwo{width: 2.3rem;height: 1rem;background-color: #fbecef;font-size: 0.2rem;font-weight: bold;color: #cb0e22;}
.wap-main .problem .problemBox .problemBox-content .problemBox-content-item .one-txtFour{display: flex;padding: 0.06rem 0 0.06rem 0.15rem;background-image: linear-gradient(to right, #d28e43, 55%, transparent);border-radius: 0.22rem;color: #feffff;font-size: 0.26rem;font-weight: bold;margin: 0.1rem 0;}
.wap-main .problem .problemBox .problemBox-content .problemBox-content-item .one-txtFive{}
.wap-main .problem .problemBox .problemBox-content .problemBox-content-item .one-txtFive tr:first-child th{background-color: #f6e9d9;padding: 0.03rem 0;font-size:0.22rem;}
.wap-main .problem .problemBox .problemBox-content .problemBox-content-item .one-txtFive tr:nth-child(even) td{background-color: #f9f9fb;font-size: 0.2rem;padding: 0.1rem 0;border-bottom: 0.01rem solid #fff;border-right: 0.01rem solid #fff;}
.wap-main .problem .problemBox .problemBox-content .problemBox-content-item .one-txtFive tr:nth-child(odd) td{background-color: #f0eff4;font-size: 0.2rem;padding: 0.1rem 0;border-bottom: 0.01rem solid #fff;border-right: 0.01rem solid #fff;}

.wap-main .problem .problemBox .problemBox-content .problemBox-content-item .two-centerBox{padding: 0.25rem 0;display: flex;align-items: center;justify-content: space-between;}
.wap-main .problem .problemBox .problemBox-content .problemBox-content-item .two-centerBox .two-centerBox-item{display: flex;flex-direction: column;width: 2rem;}
.wap-main .problem .problemBox .problemBox-content .problemBox-content-item .two-centerBox .two-centerBox-item .tci-top{width: 100%;height: 1.05rem; position: relative;display: flex;align-items: center;justify-content: center;}
.wap-main .problem .problemBox .problemBox-content .problemBox-content-item .two-centerBox .two-centerBox-item .tci-top .tci-img{width: 100%;height: 100%;position: absolute;z-index: -1;left: 0;top: 0;}
.wap-main .problem .problemBox .problemBox-content .problemBox-content-item .two-centerBox .two-centerBox-item .tci-top .tci-title{color: #ffffff;font-size: 0.24rem;font-weight: bold;}
.wap-main .problem .problemBox .problemBox-content .problemBox-content-item .two-centerBox .two-centerBox-item .tci-bottom{width: 100%;height: 2rem;background-color: #f3f3f3;padding: 0.2rem;box-sizing: border-box;position: relative;display: flex;justify-content: center;font-size: 0.2rem;text-align: left;color: #494645;}
.wap-main .problem .problemBox .problemBox-content .problemBox-content-item .two-centerBox .two-centerBox-item .tci-bottom .tci-trangle{width: 0;height: 0;border-top: 0.08rem solid #e22a2d;border-right: 0.08rem solid transparent;border-left: 0.08rem solid transparent;border-bottom: 0 solid transparent;position: absolute;top: 0;}
.wap-main .problem .problemBox .problemBox-content .problemBox-content-item .two-centerBox .two-centerBox-item .tci-bottom .tci-des{}
.wap-main .problem .problemBox .problemBox-content .problemBox-content-item .two-table tr th{width: 2.1rem;font-size: 0.22rem;background-color: #f6e9d9;padding: 0.08rem 0;border-right: 0.01rem solid #fff;}
.wap-main .problem .problemBox .problemBox-content .problemBox-content-item .two-table tr td{border-right: 0.01rem solid #fff;}
.wap-main .problem .problemBox .problemBox-content .problemBox-content-item .two-table tr:nth-child(even) td{background-color: #f9f9fb;font-size: 0.2rem;padding: 0.1rem 0.2rem;box-sizing: border-box;}
.wap-main .problem .problemBox .problemBox-content .problemBox-content-item .two-table tr:nth-child(odd) td{background-color: #f0eff4;font-size: 0.2rem;padding: 0.1rem 0.2rem;box-sizing: border-box;}

.wap-main .problem .problemBox .problemBox-content .problemBox-content-item .three-top{width: 100%; height: 1.84rem;display: flex;align-items: center;margin-bottom: 0.15rem;}
.wap-main .problem .problemBox .problemBox-content .problemBox-content-item .three-top .three-top-left{width: 100%;height: 100%;display: flex;flex-direction: column;background-color: #f3f3f4;font-size: 0.2rem;padding: 0.2rem;box-sizing: border-box;text-align: left;}
.wap-main .problem .problemBox .problemBox-content .problemBox-content-item .three-top .three-top-centerIng{width: 1.81rem;height: 100%;}
.wap-main .problem .problemBox .problemBox-content .problemBox-content-item .three-top-center{height: 3.5rem;position: relative;border: 0.08rem solid;border-image: linear-gradient(to bottom, transparent,70%,#e0e0e4);border-image-slice: 1;}
.wap-main .problem .problemBox .problemBox-content .problemBox-content-item .three-top-center .ttc-title{background-color: #12356d;color: #ffffff;font-size: 0.24rem;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;}

.wap-main .problem .problemBox .problemBox-content .problemBox-content-item .four-problemBoxbox{display: flex;flex-wrap: wrap;justify-content: space-between;}
.wap-main .problem .problemBox .problemBox-content .problemBox-content-item .four-problemBoxbox .four-boxItem{width: 3.25rem;margin-bottom :0.2rem;}
.wap-main .problem .problemBox .problemBox-content .problemBox-content-item .four-problemBoxbox .four-boxItem .four-boxItem-top{width: 100%;background-color: #f7f7f7;padding: 0.15rem 0;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.wap-main .problem .problemBox .problemBox-content .problemBox-content-item .four-problemBoxbox .four-boxItem .four-boxItem-top .fbt-one{font-size: 0.28rem;font-weight: bold;}
.wap-main .problem .problemBox .problemBox-content .problemBox-content-item .four-problemBoxbox .four-boxItem .four-boxItem-top .fbt-Two{font-size: 0.2rem;color: #4b423f;}
.wap-main .problem .problemBox .problemBox-content .problemBox-content-item .four-table tr th{width: 2.2rem; font-size: 0.26rem;font-weight: bold; background-color: #fbecee;padding: 0.08rem 0;border-right: 0.01rem solid #fff;}
.wap-main .problem .problemBox .problemBox-content .problemBox-content-item .four-table tr td{border-right: 0.01rem solid #fff;}
.wap-main .problem .problemBox .problemBox-content .problemBox-content-item .four-table tr:nth-child(even) td{background-color: #f9f9fb;font-size: 0.22rem;padding: 0.15rem 0.2rem;box-sizing: border-box;}
.wap-main .problem .problemBox .problemBox-content .problemBox-content-item .four-table tr:nth-child(odd) td{background-color: #f0eff4;font-size: 0.22rem;padding: 0.15rem 0.2rem;box-sizing: border-box;}

.wap-main  .one-six{display: flex;align-items: center;justify-content: center;margin-top: 0.15rem;}
.wap-main  .one-six  .btn-red {width: 2.5rem;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.24rem;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: 4.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.24rem;margin-top: 0.1rem;}

.wap-main .offical .offical-btn {width: 4rem;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.24rem;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.24rem;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.3rem 0;}
.wap-main .teacher .teacher-swiper{margin: 0.2rem 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.2rem;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.24rem;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.24rem;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.22rem;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.3rem;}
.wap-main .scince .scince-nav{padding: 0.35rem 0.35rem 0 0.35rem;}
.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.35rem;height: 0.35rem;}
.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.24rem;font-weight: bold;color: #808080;margin: 0.03rem 0;}
.wap-main .scince .scince-nav .swiper-slide-thumb-active .scince-title-item .sti-bigTitle{font-size: 0.24rem;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;justify-content: space-between;}
.wap-main .scince .scince-box .one-scince .one-scince-left{width: 3rem;display: flex;flex-direction: column;align-items: center;box-sizing: border-box;}
.wap-main .scince .scince-box .one-scince .one-scince-left .osl-big{font-size: 0.26rem;color: #000000;font-weight: bold;margin-bottom: 0.05rem;}
.wap-main .scince .scince-box .one-scince .one-scince-left .osl-small{color: #9b9b9b;font-size: 0.24rem;}
.wap-main .scince .scince-box .one-scince .one-scince-left .osl-desOne{color: #372d2a;font-size: 0.24rem;}
.wap-main .scince .scince-box .one-scince .one-scince-left .osl-desTwo{color: #9b9b9b;font-size: 0.24rem;}
.wap-main .scince .scince-box .one-scince .one-scince-right{width: 3.6rem;height: 4.8rem;background-color: #ffffff;padding: 0.15rem;border-radius: 0.3rem;box-sizing: border-box;}
.wap-main .scince .scince-box .one-scince .one-scince-right .one-scince-border{}

/* 武汉核心地段 方便你的学习 */
.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.24rem !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.24rem !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;}

/* 最后预约 */
.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.3rem;height: 0.36rem;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.24rem;}
.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.24rem;}
.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.3rem;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;}


/* 复选框控制颜色 */
input[type="checkbox"]{
    display: none;
}
label {
    display: inline-block;
    padding-left: 0.45rem;
    position: relative;
    cursor: pointer;
}

/* 创建自定义复选框样式 */
label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.01rem;
    width: 0.34rem;
    height: 0.34rem;
    background: #fff;
    border: 0.01rem solid #dcdcdc;
    border-radius: 0.03rem;
    box-sizing: border-box;
    transition: border-color 0.3s ease-in-out;
}

/* 当复选框被选中时改变背景和边框颜色 */
input[type="checkbox"]:checked + label:before {
    content: "✔";
    color:#fff;
    background: #767676; 
    border-color: #fff; 
}