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.85rem; height: 100%;position: relative; margin: 0 auto; text-align: center;}
/* 公共title + 按钮 */
.wap-main .main-m img{width: 100%;height: 100%;display: block;}

.wap-main .fontTitle{}
.wap-main .fontTitle .fontBig{font-size: 0.34rem;font-weight: bold;color: #424242;margin-bottom: 0.04rem;}
.wap-main .fontTitle .fontSmall{font-size: 0.24rem;color: #8f8f8f;}


.wap-main .yuanBox{display: flex;}
.wap-main .yuanBox .yuanLeft{width: 0.30rem;height: 0.30rem;background-color: #d09166;border-radius: 50%;}
.wap-main .yuanBox .yuanRight{width: 0.30rem;height: 0.30rem;background-color: #003d8a;border-radius: 50%;color: #fff;display: flex;align-items: center;justify-content: center;font-weight: bold;font-size: 0.16rem;position: relative;left: -0.12rem;}

/* 顶部*/
.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: 1.2rem;display: flex;flex-direction: column; justify-content: center;}
.wap-main .top .top-one .top-one-left{display: flex;flex-direction: column;align-items: center;justify-content: end;position: relative;left: -0.25rem;}
.wap-main .top .top-one .top-one-left .tol-one{background-image: linear-gradient(to bottom, #ffffff, 70%, #384a7a);color: #fff;background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size: 0.5rem;font-weight: bold;}
.wap-main .top .top-one .top-one-right{ color: #fff;text-align: center;font-size: 0.86rem;font-weight: bold;line-height: 0.95rem;}

.wap-main .top .channel{width: 4.21rem;height: 0.2rem;margin: 0.3rem auto;}

.wap-main .top .top-two{display: flex;flex-direction: column;align-items: flex-end;margin-top: 0.4rem;}
.wap-main .top .top-two .top-two-item{ width: 5.2rem;height: 0.45rem;margin: 0 auto;display: flex;align-items: center;margin-bottom: 0.2rem;}
.wap-main .top .top-two .top-two-item .tti-left{height: 100%;display: flex;align-items: center;justify-content: center;background-image: linear-gradient(to right, #0d50b9, transparent);border-radius: 0.06rem;padding: 0 0.1rem;}
.wap-main .top .top-two .top-two-item .tti-left .tti-img { width: 0.18rem;height: 0.16rem;margin-right: 0.1rem;}
.wap-main .top .top-two .top-two-item .tti-left .tti-des { font-size: 0.24rem;color: #fff;font-weight: bold;}
.wap-main .top .top-two .top-two-item .tti-right{height: 100%;display: flex;align-items: center;font-size: 0.24rem;color: #fff;margin-left: 0.1rem;}

/* 预约领取 免费试听课 */
.wap-main .get{ padding: 0.3rem;box-sizing: border-box;position: relative;}

.wap-main .get .getBG{ background-color: #e6ecf8;width: 100%;height: 100%;position: absolute;z-index: -1;left: 0;top: 0;}

.wap-main .get .get-form{padding: 0.3rem;background-color: #fff;}
.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.05rem solid #cacaca;padding: 0 0 0 0.25rem;box-sizing: border-box;margin-bottom: 0.3rem;box-shadow: 0.05rem 0.05rem 0.08rem 0.01rem #dbdbdb;}
.wap-main .get .get-form .get-form-top .gft-item .gfi-img{width: 1.2rem;font-size: 0.26rem;color: #192d4e;font-weight: bold;text-align: left;;}
/* .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.26rem;}
.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: #192d4e;font-size: 0.26rem;font-weight: bold;background-color: #ffffff;}
.wap-main .get .get-form .get-form-top .gft-submit{width: 100%;height: 0.8rem;background-image: linear-gradient(to right, #dea973, #bb7956);box-shadow: 0.05rem 0.05rem 0.08rem 0.01rem #dbdbdb;padding: 0 0.65rem;box-sizing: border-box;display: flex;align-items: center;justify-content: center;color: #fffeff;font-size: 0.38rem;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{margin-top: 0.3rem;padding: 0.35rem 0;position: relative;}
.wap-main .moreCeng .moreCengBox{width: 100%;height: auto;display: flex;flex-direction: column;margin-top: 0.25rem;}
.wap-main .moreCeng .moreCengBox .moreCengBox-item{width: 100%;background-color: #ffffff;padding: 0.3rem;box-sizing: border-box;border-radius: 0.22rem;box-shadow:0 0 0.1rem 0.01rem #dcdcdc;margin-bottom: 0.25rem;}
.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: #2752d5;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-color: #d09166;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 .mc-item-top .moit-top .moit-top-img{width: 1.44rem;height: 1.46rem;position: absolute;left: 0;bottom: -0.3rem;}
.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:nth-child(odd) .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 #2752d5;border-radius: 0.4rem;}
.wap-main .moreCeng .moreCengBox .moreCengBox-item:nth-child(even) .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 #d09166;border-radius: 0.4rem;}
.wap-main .moreCeng .moreCengBox .moreCengBox-item .mc-item-top .moit-bottom .moit-bottom-btn .mbb-in .mbb-img{width: 0.35rem;height: 0.35rem;}
.wap-main .moreCeng .moreCengBox .moreCengBox-item:nth-child(odd) .mc-item-top .moit-bottom .moit-bottom-btn .mbb-in .mbb-txt {margin-left: 0.08rem;font-size: 0.26rem;color: #2752d5;font-weight: bold;}
.wap-main .moreCeng .moreCengBox .moreCengBox-item:nth-child(even) .mc-item-top .moit-bottom .moit-bottom-btn .mbb-in .mbb-txt {margin-left: 0.08rem;font-size: 0.26rem;color: #d09166;font-weight: bold;}

.wap-main .moreCeng .moreCeng-bg{position: absolute;bottom: 0;left: 0;z-index: -1;}
.wap-main .moreCeng .moreCeng-bg img{width: 100%;height: 100%;display: block;}

/* 图片 */
.wap-main .picture{margin: 0.3rem 0;}
.wap-main .picture .pic-active{width: 6.82rem;height: 1.56rem;position: absolute;}
.wap-main .picture .picture-center{ width: 6.82rem;height: 1.56rem;display: flex;flex-direction: column;justify-content: center;font-size: 0.3rem;font-weight: bold;line-height: 0.4rem;position: relative;z-index: 0;box-sizing: border-box;padding-left: 1.7rem;}
/* .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 .problem{margin: 0 0 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;position: relative;margin-top: 0.15rem;}
.wap-main .problem .problemBox .problemBox-nav .swiper-slide .problemBox-nav-item .pni-img{width: 0.46rem;height: 0.45rem;position: absolute;right: 0.35rem;top: -0.15rem;}
.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 0 0.04rem 0;color: #666666;font-size: 0.26rem;font-weight: bold;}
.wap-main .problem .problemBox .problemBox-nav .swiper-slide-thumb-active .problemBox-nav-item .pni-one{margin: 0.04rem 0 0 0;color: #2752d4;font-size:0.26rem;font-weight: bold;}
.wap-main .problem .problemBox .problemBox-nav .problemBox-nav-item .pni-two{color: #b1b1b1;font-size: 0.2rem;margin-bottom: 0.02rem;height: 0.55rem;}
.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: 1rem;height: 0.08rem;background-color: #2650d6;position: relative;display: block;border-radius: 0.3rem 0.3rem 0 0;}

.wap-main .problem .problemBox .problemBox-line{width: 100%;height: 0.02rem;background-color: #cacaca;}

.wap-main .problem .problemBox .problem-bottom{box-shadow: 0 0 0.2rem #dcdcdc;}
.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.2rem;background-image: linear-gradient(to right, #0d268a, 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{display: flex;margin: 0.2rem 0;}
.wap-main .problem .problemBox .problemBox-content .problemBox-content-item .one-txtTwo .one-txtTwoItem{width: 3rem;display: flex;flex-direction: column;margin-right: 0.25rem;}
.wap-main .problem .problemBox .problemBox-content .problemBox-content-item .one-txtTwo .one-txtTwoItem .one-ite-top{width: 100%;height: 0.5rem;background-color: #2547b5;color: #fff;font-size: 0.22rem;font-weight: bold;display: flex;align-items: center;justify-content: center;}
.wap-main .problem .problemBox .problemBox-content .problemBox-content-item .one-txtTwo .one-txtTwoItem .one-ite-bottom{width: 100%;height: 0.8rem;display: flex;align-items: center;justify-content: center;background-image: linear-gradient(to bottom, #dae2ed, 80%, transparent);color: #585858;font-size: 0.2rem;text-align: center;}

.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.2rem;background-image: linear-gradient(to right, #b77553, 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: #163494;padding: 0.03rem 0;font-size:0.22rem;color: #fff;}
.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: #ecf4ff;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-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-ul{display: flex;flex-wrap: wrap;text-align: left;padding-left: 0.15rem;margin-top: 0.1rem;}
.wap-main .problem .problemBox .problemBox-content .problemBox-content-item .three-top-ul .ttu-item{width: 100%;display: flex;align-items: center;margin-bottom: 0.1rem;}
.wap-main .problem .problemBox .problemBox-content .problemBox-content-item .three-top-ul .ttu-item .ttu-item-cricle{ width: 0.1rem;height: 0.1rem;border-radius: 50%;background-color: #7a7878;margin-right: 0.1rem;}
.wap-main .problem .problemBox .problemBox-content .problemBox-content-item .three-top-ul .ttu-item .ttu-des{font-size: 0.2rem;}

.wap-main .problem .problemBox .problemBox-content .problemBox-content-item .three-top-center{height: 3.5rem;position: relative;}
.wap-main .problem .problemBox .problemBox-content .problemBox-content-item .three-top-center .ttc-title{color: #2447b5;font-size: 0.26rem;font-weight: bold; padding: 0.15rem 0.15rem 0 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 0 0;box-sizing: border-box;}
.wap-main .problem .problemBox .problemBox-content .problemBox-content-item .three-top-center .ttc-fishHead {width: 0.96rem;height: 0.96rem;position: relative;}
.wap-main .problem .problemBox .problemBox-content .problemBox-content-item .three-top-center .ttc-fishHead .ttc-img{width: 0.96rem;height: 0.96rem;}
.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;left: 0.25rem;top: 0.35em;}
.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 #053783;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{height: 2rem;display: flex;position: absolute;width: 4rem;top: -0.12rem;left: 50%;transform: translate(-50%, 0);}
.wap-main .problem .problemBox .problemBox-content .problemBox-content-item .three-top-center .ttc-fishBox .ttc-fishBox-item{position: absolute;bottom: 0;}
.wap-main .problem .problemBox .problemBox-content .problemBox-content-item .three-top-center .ttc-fishBox .ttc-fishBox-item .tfi-des{width: 1.6rem;position: absolute;font-size: 0.18rem;text-align: left;right: -1.65rem;top: -0.1rem;}
.wap-main .problem .problemBox .problemBox-content .problemBox-content-item .three-top-center .ttc-fishBox .ttc-fishBox-item .tfi-img{width: 1.48rem;height: 0.99rem;}
.wap-main .problem .problemBox .problemBox-content .problemBox-content-item .three-top-center .ttc-fishBox .ttc-fishBox-item .tfi-one{height: 0.35rem;display: flex;align-items: center;justify-content: center;font-weight: bold;font-size: 0.22rem;position: absolute;top: 0.45rem;left: -0.35rem;}
.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;padding: 0 0.1rem;height: 100%;display: flex;align-items: center;justify-content: center;}
.wap-main .problem .problemBox .problemBox-content .problemBox-content-item .three-top-center .ttc-fishBox .ttc-fishBox-item .tfi-one .tfi-one-t{height: 100%;color: #ab3341;display: flex;align-items: center;justify-content: center;background-color: #fff;border: 0.01rem solid #ab3341;padding: 0 0.05rem;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: #053783;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 #053783;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: #deebf4;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: #deebf4;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.2rem;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.26rem;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;}

.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 .tongyiBtn{ width: 2.5rem;height: 0.5rem;margin: 0 auto;display: flex;align-items: center;justify-content: center;border-radius: 0.6rem;border: 0.01rem solid #2752d5;} 
.wap-main .tongyiBtn .btn-img{ width: 0.35rem;height: 0.35rem;margin-right: 0.05rem;} 
.wap-main .tongyiBtn .btn-txt{font-size: 0.26rem;color: #2752d5;font-weight: bold;} 

/* 留学热门推荐-美本腾飞互补计划*/
.wap-main .recomand .recomandBox{display: flex;justify-content: space-around;align-items: center;margin-top:0.3rem;}
.wap-main .recomand .recomandBox .recomandBox-left{width: 2.65rem;height: 2.65rem;}
.wap-main .recomand .recomandBox .recomandBox-right{ display: flex;flex-direction: column;justify-content: space-between;}
.wap-main .recomand .recomandBox .recomandBox-right .recomandBox-right-item{display: flex;align-items: center;background-color: #eef2fe;padding: 0.15rem 0;border-radius: 0.2rem;}
.wap-main .recomand .recomandBox .recomandBox-right .recomandBox-right-item .rri-img{width: 0.54rem;height: 0.54rem;position: relative;left: -0.25rem;}
.wap-main .recomand .recomandBox .recomandBox-right .recomandBox-right-item .rri-txt{position: relative;left: -0.25rem;font-size: 0.3rem;font-weight: bold;color: #2850d5;}
.wap-main .recomand .recomandBox .recomandBox-right .recomandBox-right-item .rri-li{display: flex;flex-direction: column;}
.wap-main .recomand .recomandBox .recomandBox-right .recomandBox-right-item .rri-li .rri-li-one{display: flex;flex-direction: column;}
.wap-main .recomand .recomandBox .recomandBox-right .recomandBox-right-item .rri-li .rlo-item{width: 3rem;display: flex;align-items: center;}
.wap-main .recomand .recomandBox .recomandBox-right .recomandBox-right-item .rri-li .rlo-item .rri-clcle{width: 0.08rem;height: 0.08rem;background-color: #484a49;border-radius: 50%;margin-right: 0.05rem;}
.wap-main .recomand .recomandBox .recomandBox-right .recomandBox-right-item .rri-li .rlo-item .rri-wenzi{font-size: 0.24rem;color: #5d5e5e;font-weight: bold;}
.wap-main .recomand .recomandBox .recomandBox-right .recomandBox-right-item .rri-li .rlo-item .rri-des{font-size: 0.22rem;color: #5d5e5e;text-align: left;line-height: 0.25rem;}

/* 去美国不同学校标化要求 */
.wap-main .request{position: relative;}
.wap-main .request .requestBox{margin-top: 0.35rem;border: 0.02rem solid #eef2fe;padding: 0.1rem 0.35rem;}
.wap-main .request .requestBox .recomandBox-title{ color: #2552d3;font-weight: bold;font-size: 0.26rem;margin-bottom: 0.1rem;}
.wap-main .request .requestBox .request-table tr:first-child th{background-color: #163494;padding: 0.08rem 0;font-size:0.22rem;color: #fff;}
.wap-main .request .requestBox .request-table tr:nth-child(even) td{background-color: #fafbff;font-size: 0.22rem;padding: 0.1rem 0;}
.wap-main .request .requestBox .request-table tr:nth-child(odd) td{background-color: #ecf4ff;font-size: 0.22rem;padding: 0.1rem 0;}
.wap-main .request .requestBox .table-tip{font-size: 0.2rem;color: #7e7e7e;margin-top: 0.1rem;}

.wap-main .request .maozi-img{width: 1.05rem;height: 0.66rem;position: absolute;left: -0.35rem;top: -0.3rem;}

/* 新航道美本留学一站式腾飞计划 */
.wap-main .planeStrag{padding: 0.35rem 0;position: relative;}
.wap-main .planeStrag .planeStragBox{ margin-top: 0.2rem;display: flex;justify-content:space-between;}
.wap-main .planeStrag .planeStragBox .planeStragBox-item{width: 2.2rem}
.wap-main .planeStrag .planeStragBox .planeStragBox-item .pla-item-top{ width: 100%;background-image: linear-gradient(to bottom, #15328e, #07174a);padding: 0.15rem 0;color: #fff;font-weight: bold;font-size: 0.24rem;position: relative;z-index: 1;}
.wap-main .planeStrag .planeStragBox .planeStragBox-item .pla-item-bottom{position: relative;background-color: #f2f6ff;height: 1.7rem;display: flex;align-items: center;justify-content: space-between;flex-direction: column;padding: 0.2rem 0;box-sizing: border-box;}
.wap-main .planeStrag .planeStragBox .planeStragBox-item .pla-item-bottom .pib-img{width: 1.29rem;height: 1.09rem;position: absolute;left: 0;top: -0.5rem;z-index: 0;}
.wap-main .planeStrag .planeStragBox .planeStragBox-item .pla-item-bottom .pib-txt{font-size: 0.2rem;color: #010103;line-height: 0.24rem;}
.wap-main .planeStrag .planeStragBox .planeStragBox-item .pla-item-bottom .pib-button .pib-buttonIn{transition: all 0.2s linear; width: 1.9rem;height: 0.4rem;color: #fff;font-size: 0.2rem;font-weight: bold;background-image: linear-gradient(42deg, #e1ac76, #b77650);display: flex;align-items: center;justify-content: center;border-radius: 0.22rem;border: 0.02rem solid #e2eaff;}
/* .wap-main .planeStrag .planeStragBox .planeStragBox-item .pla-item-bottom .pib-button:hover .pib-buttonIn{transform: translate(0, -10rem);box-shadow:0 0.06rem 0.3rem 0 rgba(0,0,0,.2);cursor: pointer;} */

.wap-main .planeStrag .persombottom{ width: 1.42rem;height: 1.42rem;position: absolute;right: 0;top: 0;}


/* 19年品牌积淀-新航道托福实力保障*/
.wap-main .offical{height: 5.75rem;background-image: linear-gradient(to right,#041038,#0e2362,#041038);padding-top: 0.25rem;}
.wap-main .offical .offical-center{width: 6.08rem;height: 4.08rem;margin: 0.90rem auto 0 auto;}
.wap-main .offical .swiper-scroll{}
.wap-main .offical .swiper-scroll .officai-swiperChange{width: 5.80rem;display: flex;justify-content: space-between;margin: 0 auto;top: 0.35rem;position: relative;z-index: 10;}
.wap-main .offical .swiper-scroll .officai-swiperChange .officai-pre{width: 0.41rem;height: 0.42rem;display: flex;align-items: center;justify-content: center;}

.wap-main .offical .swiper-scroll .swiper-container .swiper-slide-title{margin-bottom: 0.15rem;}
.wap-main .offical .swiper-scroll .swiper-container .swiper-slide-title .sst-topTitle{display: flex;align-items: center;justify-content: center;margin-bottom: 0.4rem;}
.wap-main .offical .swiper-scroll .swiper-container .swiper-slide-title .sst-topTitle .sst-line{width: 0.30rem;height: 0.02rem;background-image: linear-gradient(to right, transparent, #fff);}
.wap-main .offical .swiper-scroll .swiper-container .swiper-slide-title .sst-topTitle .sst-big{font-size: 0.22rem;color: #fffffd;font-weight: bold;margin: 0 0.10rem;}
.wap-main .offical .swiper-scroll .swiper-container .swiper-slide-title .sst-topTitle .sst-lineTwo{width: 0.30rem;height: 0.02rem;background-image: linear-gradient(to left, transparent, #fff);}

.wap-main .offical .swiper-scroll .swiper-container .swiper-slide-title .sst-content{width: 5.85rem;height: 3.80rem;margin: 0 auto;}
.wap-main .offical .swiper-scroll .swiper-container .swiper-slide-title .sst-content .st-inBox{width: 100%;height: 100%; background-color: #fff;border-radius: 0.05rem;padding:0.1rem 0.05rem;box-sizing: border-box;}
.wap-main .offical .swiper-scroll .swiper-container .swiper-slide-title .sst-content .sst-content-top{display: flex;}
.wap-main .offical .swiper-scroll .swiper-container .swiper-slide-title .sst-content .sct-txt{ width: 2.4rem;text-align: left;}
.wap-main .offical .swiper-scroll .swiper-container .swiper-slide-title .sst-content .sct-txt .sct-txt-big{ color: #01378f;font-weight: bold;font-size: 0.2rem;}
.wap-main .offical .swiper-scroll .swiper-container .swiper-slide-title .sst-content .sct-txt .sct-txt-small{margin-top: 0.05rem;font-size: 0.18rem;}

/* .wap-main .offical .swiper-scroll .swiper-container .swiper-slide-title .sst-big{font-size: 22rem;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.18rem;}
.wap-main .offical .offical-btn{height: auto; }
.wap-main .offical .offical-btn {display: flex;align-items: center;justify-content: space-between;border: 0.01rem solid #e42a2d;border-radius: 0.22rem;width: 3rem;padding: 0.03rem 0.02rem 0.03rem 0.10rem;margin: 0 auto;position: relative; top: -3.80rem; }
/* .wap-main .offical .offical-btn .offical-btn-in{transition: all 0.2s linear;} */
.wap-main .offical .offical-btn .offical-btn-in .offical-btn-left{transition: all 0.2s linear;display: flex;color: #e42a2d;font-size: 0.18rem;font-weight: bold;}
.wap-main .offical .offical-btn .offical-btn-in:hover  .offical-btn-left{transform: translate(0, -10rem);box-shadow:0rem 0.2rem 0.40rem -0.15rem #eb8787;}
.wap-main .offical .offical-btn .offical-btn-in .offical-btn-right{transition: all 0.2s linear;background-color: #e42a2d;color: #ffffff;font-size: 0.18rem;padding: 0.05rem 0.20rem;border-radius: 0 0.22rem 0.22rem 0;}
.wap-main .offical .offical-btn .offical-btn-in:hover  .offical-btn-right{transform: translate(0, -10rem);box-shadow:0rem 0.20rem 0.40rem -0.15rem #eb8787;}

.wap-main .offical .gallery-topOne .swiper-slide{height: 5rem !important;}

.wap-main .offical .gallery-topOne .trangleTxt{visibility: hidden;text-align: left;position: absolute;bottom: 0;right:-2.65rem;display: flex;}
.wap-main .offical .gallery-topOne .trangleTxt .trangleTxt-trang{width: 0;height: 0;border-top: 0.10rem solid transparent;border-right: 0.10rem solid #ffffff;border-bottom: 0.10rem solid transparent;border-left: 0 solid transparent;position: relative;top: 0.30rem;}
.wap-main .offical .gallery-topOne .trangleTxt .trangleTxt-txt{width: 3.60rem;background-color: #ffffff;border-radius: 0.22rem;display: flex;flex-direction: column;justify-content: center;padding: 0.15rem;}
.wap-main .offical .gallery-topOne .trangleTxt .trangleTxt-txt .trangleTxt-txt-name{font-size: 0.16rem;color: #000000;font-weight: bold;margin-bottom: 0.06rem;}
.wap-main .offical .gallery-topOne .trangleTxt .trangleTxt-txt .trangleTxt-txt-grade{font-size: 0.14rem;line-height: 0.22rem;}
.wap-main .offical .gallery-topOne .swiper-slide-active .trangleTxt{visibility: visible;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 .swiper-slide{height: 400rem !important;} */
/* .wap-main .offical .gallery-topOne .swiper-slide img{height: 315rem !important;} */

/*严选师资 打造高水准北美师资团队  */
.wap-main .teacher{padding: 0.35rem 0 0.20rem 0;}
.wap-main .teacher .teacher-swiper{position: relative;}
.wap-main .teacher .teacher-swiper .teacherBox{position: relative; width: 100%;display: flex;align-items: end;background-image: linear-gradient(to top, #ebf1fd, transparent);border-radius: 0.22rem;margin: 0.10rem auto;}
.wap-main .teacher .teacher-swiper .teacherBox .swiper-img{position: absolute; width: 2.09rem;height: 2.65rem;}
.wap-main .teacher .teacher-swiper .teacherBox .teacherBox-right{ width: 5.3rem;padding: 0.10rem 0 ;box-sizing: border-box;text-align: left;margin-left: 1.4rem;}
.wap-main .teacher .teacher-swiper .teacherBox .teacherBox-right  .teacherName{ font-size: 0.3rem;font-weight: bold;color: #000000;}
.wap-main .teacher .teacher-swiper .teacherBox .teacherBox-right  .teacherGrade{ width: 100%;display: flex;margin-top: 0.10rem;}
.wap-main .teacher .teacher-swiper .teacherBox .teacherBox-right  .teacherGrade .courceTitle{ width: 1.1rem;height: 0.3rem;font-size: 0.22rem;border: 0.01rem solid #d19267;color: #d19267;border-radius: 0.22rem;display: flex;align-items: center;justify-content: center;margin-right: 0.08rem;}
.wap-main .teacher .teacher-swiper .teacherBox .teacherBox-right  .teacherGrade .courceTitleTwo{width: 1.1rem;height: 0.3rem;font-size: 0.22rem;border: 0.01rem solid #2651d4;color: #2651d4;border-radius: 0.22rem;margin-right: 0.08rem;display: flex;align-items: center;justify-content: center;}
.wap-main .teacher .teacher-swiper .teacherBox .teacherBox-right  .teacherGrade .courceName{color: #484a49;font-size: 0.2rem;width: 4.2rem;}


.wap-main .teacher .teacher-swiper .gallery-thumbs{margin-top: 0.25rem;width: 80%;}
.wap-main .teacher .teacher-swiper .gallery-thumbs .swiper-slide { opacity: 0.5;width: 0.40rem !important;}
.wap-main .teacher .teacher-swiper .gallery-thumbs .swiper-slide img{border: 0.02rem solid #d4dffb;border-radius: 50%;}
.wap-main .teacher .teacher-swiper .gallery-thumbs .swiper-slide-thumb-active {opacity: 1;width: 0.40rem !important;}
.wap-main .teacher .teacher-swiper .gallery-thumbs .swiper-slide-thumb-active img{border: 0.02rem solid #ba7a56;border-radius: 50%;}

/* .wap-main .teacher .teacher-swiper .teacher-swiperChange{width: 890rem;display: flex;justify-content: space-between;margin: 0 auto;bottom: 55rem;position: relative;} */
.wap-main .teacher .teacher-swiper .teacher-pre{width: 0.40rem;height: 0.40rem;display: flex;align-items: center;justify-content: center;bottom: 0;position: absolute;z-index: 1;    background-image: linear-gradient(78deg, #c89374, #e6bc92);border-radius: 50%;}
.wap-main .teacher .teacher-swiper .teacher-pre .teacher-preTrangle{ width: 0;height: 0;border-left: 0 solid transparent;border-right: 0.10rem solid #fff;border-top: 0.10rem solid transparent;border-bottom: 0.10rem solid transparent;position: relative;left: -0.02rem;}
.wap-main .teacher .teacher-swiper .teacher-pre .teacher-nextTrangle{width: 0;height: 0;border-left: 0.10rem solid #fff;border-right: 0 solid transparent;border-top: 0.10rem solid transparent;border-bottom: 0.10rem solid transparent;position: relative;left: 0.02rem;}

/* 武汉核心地段 方便你的学习 */
.wap-main .location{position: relative;top: 0.3rem;}
.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-weight: bold;font-size: 0.24rem !important;border: 0.01rem solid #4d4d4d;color: #4d4d4d; }
.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 0.3rem 0.3rem 0;font-weight: bold; font-size: 0.24rem !important;border: 0.01rem solid #2951d5;color: #2951d5;opacity: 1;}

.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;background-color: #fff;border-radius: 0.3rem;padding: 0.3rem 0.1rem;box-sizing: border-box;}
.wap-main .location  .locationBox .swiper-scroll .gallery-topTwo .imgList img{width: 3.12rem;height: 2.24rem; margin-bottom: 0.3rem;border-radius: 0.25rem;}


/* 复选框控制颜色 */
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; 
}