/*wap-main*/
.wap-main{width: 100%; height: auto; }
.wap-main .main-myd{width: 7.15rem;height: 100%;position: relative;margin: 0 auto;text-align: center;}
.wap-main  .main-myd img{display: block;width: 100%;height: 100%;}
.wap-main  .main-myd .titlebox{
    display: flex;align-items: center;justify-content: center;flex-direction: column;
    position: relative;
}
.wap-main  .main-myd .titlebox .titledes{
    color: #fcf5c7;font-size: 0.38rem;font-weight: bold;letter-spacing: 0.02rem;
    background: linear-gradient(to right, transparent, #b71717, #e32622, 63%, #b71717, transparent);
    padding: 0.03rem 0.3rem;
    position: relative;z-index: 1;
}
.wap-main  .main-myd .titlebox .titleshanguang{
    width: 6.98rem;height: 0.414rem;
    position: absolute;bottom: -0.24rem;left: 50%;transform: translate(-50%,0);
}

/* 顶部*/
.wap-main .topbg{width: 100%; height:6.03rem; background:url(../images/bg01.png) no-repeat top; background-size:100%;}

/* 新航道21周年发展历程 */
.wap-main .znone{ 
    width: 100%; height:auto;
    background:url(../images/bg02.png) no-repeat top; background-size:100%;background-color: #ba0c0d;
    padding-bottom: 0.5rem;
}
.wap-main .znone .lichengbox{
    margin: 0.45rem 0 0 0;
    display: flex;flex-wrap: wrap;align-items: flex-start ;align-content: center;justify-content: center;gap: 0.35rem 0.15rem;
}
.wap-main .znone .lichengbox .lcitem{
    display: flex;flex-direction: column;align-items: center;gap: 0.08rem;
    border: 0.01rem solid #fff;border-radius: 0.15rem;
    width: 1.60rem;height: 5.1rem;
    position: relative;
    padding-top: 0.25rem;box-sizing: border-box;
}
.wap-main .znone .lichengbox .lcitem .lctime{
    position: absolute;top: -0.22rem;left: 50%;transform: translate(-50%, 0);
    font-size: 0.28rem;color: #fff;font-weight: bold;
    background: #ba0c0d;
    width: 1.25rem;
    display: flex;align-items: center;justify-content: center;
}
.wap-main .znone .lichengbox .lcitem .lcimg{
    width: 1.22rem;height: 0.86rem;
    box-shadow: 0 0 0 0.02rem #ffbf5b;
    border: 0.02rem solid #fff;
    position: relative;z-index: 1;
}
.wap-main .znone .lichengbox .lcitem .lcdes{ width: 1.28rem;text-align: left;font-size: 0.18rem;line-height: 0.28rem; color: #fff; }


/* 新航道国际教育 一站式服务 */
.wap-main .fuwu{
    width: 100%;height: auto;background-color: #ba0c0d;
}
.wap-main .fuwubox{
    width: 100%;height: auto;position: relative;
    padding: 0.25rem;box-sizing: border-box;
    margin : 0.35rem 0 0 0;
    background-color: #fff;
    display: flex;flex-direction: column; align-items: center;gap: 0.25rem;
}
.wap-main .fuwubox .fwleft{ width: 4.63rem;height: 4.740rem; }
.wap-main .fuwubox .fwright{ display: flex;flex-direction: column;align-items: center;width: 100%; }
.wap-main .fuwubox .fwright .fwritop{ 
    width: 100%;
    display: flex;align-items: center;justify-content: space-between; 
    margin-bottom: 0.25rem; 
}
.wap-main .fuwubox .fwright .fwritop .fwetone{
    background: linear-gradient(to bottom, #ffddb0, transparent);
    display: flex;flex-direction: column;align-items: center;gap: 0.06rem;
    width: 3.2rem;height: 3.25rem; 
    padding: 0.10rem 0.10rem 0 0.10rem ;box-sizing: border-box;
}
.wap-main .fuwubox .fwright .fwritop .fwetone .futitle{ color: #ad0a0d;font-weight: bold;font-size: 0.3rem;}
.wap-main .fuwubox .fwright .fwritop .fwetone .fudes{ color: #000000;font-size: 0.24rem;line-height: 0.32rem;}
.wap-main .fuwubox .fwright .fwbottom {
    width: 2.8rem;height: 0.65rem;
    padding: 0.03rem 0 0.04rem 0 ;box-sizing: border-box;
    background: linear-gradient(to right ,transparent,#fe3030,transparent);border-radius: 0.35rem;
}
.wap-main .fuwubox .fwright .fwbottom .fwbottomin {
    width: 100%;height: 100%;
    display: flex;align-items: center;justify-content: center;
    background: linear-gradient(to right ,#ff7f02,#ffa31e,#ff7f02);border-radius: 0.35rem;border: 0.01rem solid #fff;
    box-sizing: border-box;
    color: #fff;font-size: 0.28rem;font-weight: bold;line-height: 0.28rem;
}
.wap-main .fuwubox .dunpai{
    width: 1.11rem;height: 1.16rem;
    position: absolute;right: -0.17rem;top: -0.5rem;
}

/* 新航道国际教育 品牌保障 */
.wap-main .baozheng{
    width: 100%; height:auto;background-color: #c00c0d;padding: 0.5rem 0 0.25rem 0;
}
.wap-main  .fourcontent{ width: 100%;box-sizing: border-box;margin-top: 0.35rem;}
.wap-main .fourcontent .swiper-scroll .gallery-rongyunav {
    margin-bottom: 0.15rem;
}
.wap-main .fourcontent .swiper-scroll .gallery-rongyunav .swiper-wrapper{display: flex; flex-flow: row nowrap; justify-content: space-between;}
.wap-main .fourcontent .swiper-scroll .gallery-rongyunav .swiper-slide {
    width: 2.2rem !important;height: 0.55rem;background: #7b0100;
    display: flex;align-items: center;justify-content: center;
    font-size: 0.28rem;font-weight: bold;color: #ffe9e9;
}
.wap-main .fourcontent .swiper-scroll .gallery-rongyunav .swiper-slide-thumb-active {
    height: 0.55rem;
    display: flex;align-items: center;justify-content: center;
    color: #ac0a07;
    background: linear-gradient(to right, #ffd6a2, #fff0d3,70%,#ffc77c);
}
.wap-main .fourcontent .rongyubox{
    background: #fff;width: 100%;height: 3.5rem;
    display: flex;align-items: center;justify-content: center;
}
.wap-main .fourcontent .rongyubox .rongyuimg{
    width:6.75rem;height: 2.25rem;
}


/* 10月校庆月 豪礼不停歇 */
.wap-main .xie{ 
    width: 100%; height:auto;background-color: #7b0100;
    padding: 0.25rem 0 0 0;
}
.wap-main .xie .yhbox{
    display: flex;flex-direction: column;align-items: center;justify-content: center;
    margin-top: 0.35rem;
}
.wap-main .xie .yhbox .yhone{
    width: 7.07rem;height: 1.37rem;
    position: relative;
}
.wap-main .xie .yhbox .yhone img{ width: 100%;height: 100%;}
.wap-main .xie .yhbox .yhone .yhtxttwo{ position: absolute;left: 0.45rem;top: 50%;transform: translate(0, -50%); }
.wap-main .xie .yhbox .yhone .yhtxttwo .yhttdes{
    color: #fcf3a6;font-size: 0.28rem;
    display: flex;align-items: flex-end;
}
.wap-main .xie .yhbox .yhone .yhtxtthree{
    position: absolute;right: 0.45rem;top: 50%;transform: translate(0,-50%);
    display: flex;flex-direction: column;align-items: center;
}
.wap-main .xie .yhbox .yhone .yhtxtthree .yhthreetxt{ color: #c10e0a;font-weight: bold;font-size: 0.34rem;}
.wap-main .clickbtn{
    width: 2.5rem;height: 0.5rem;margin: 0.25rem auto 0 auto;
    background: linear-gradient(to right,#ff7d03,#ffa520,#ff7d03);border: 0.04rem solid #fef5e4;border-radius: 0.35rem;
    display: flex;align-items: center;justify-content: center;
    color: #fff;font-size: 0.28rem;font-weight: bold;line-height: 0.28rem;
}
.wap-main .xie .yhbox .yhicon{width: 0.76rem;height: 0.76rem;position: absolute;top: -0.30rem;right: -0.17rem;}

.wap-main .xie .yhbox .yhtwo{
    width: 100%;
    display: flex;align-items: center;justify-content: space-between;
    margin-top: 0.35rem;
}
.wap-main .xie .yhbox .yhtwo .smallyh{ width: 3.38rem;height: 3.04rem;position: relative;}
.wap-main .xie .yhbox .yhtwo .smallyh .smabox{
    position: absolute;left: 50%;top: 0.35rem;transform: translate(-50%, 0);
    display: flex;flex-direction: column;align-items: center;
}
.wap-main .xie .yhbox .yhtwo .smallyh .smabox .smbcolor{
    width: 2.8rem;margin-bottom: 0.15rem;
    color: #fff;font-size: 0.22rem;line-height: 0.22rem;
    display: flex;flex-direction: column;align-items: center;justify-content: center;
}
.wap-main .xie .yhbox .yhtwo .smallyh .smabox .smbone{
    width: 2.8rem;background: #bc0000;
    padding: 0.08rem 0;
    color: #fcf3a6;font-size: 0.22rem;line-height: 0.32rem;
    display: flex;flex-direction: column;align-items: center;justify-content: center;
}
.wap-main .xie .yhbox .yhtwo .smallyh .smabox .smtwo{
    color: #fcf3a6;font-size: 0.22rem;
    display: flex;align-items: flex-end;margin-top: 0.1rem;
}
.wap-main .xie .yhbox .yhtwo .smallyh .smabox .smtwo span{font-size: 0.48rem;font-weight: bold;line-height: 0.48rem;color: #fff3cd;}
.wap-main .xie .yhbox .yhicontwo{width: 0.96rem;height: 0.93rem;position: absolute; top: -0.42rem;right: -0.17rem;}

/* 雅思、托福、A-LEVEL、留学资料包免费领 */
.wap-main .lingbox{
    background-color: #7b0100;
    padding-top: 0.5rem;padding-bottom: 0.25rem;
}   
.wap-main .lingbox .ling{
    width: 100%;position: relative;
    background-color: #fff;
    display: flex;align-items: center;justify-content: center;gap: 0.15rem;
    margin-top: 0.25rem;padding: 0.10rem 0;
}
.wap-main .lingbox .ling .lingleft{ width: 3.980rem;height: 2.93rem;}
.wap-main .lingbox .ling .lingright{
}
.wap-main .lingbox .ling .lingright .lirightitem{
    color: #000000;font-size: 0.22rem;line-height: 0.38rem;
    border-bottom: 0.01rem dashed #e6e6e6;padding-top: 0.05rem;
}
.wap-main .lingbox .ling .lingright .lirightitem:last-child{border-bottom:none;}

/* 10月校庆月 活动“嗨”翻天  */
.wap-main .tian{
    background-color: #ba0c0d;padding-top: 0.25rem;
}
.wap-main .tian .hai{
    width: 100%;background-color: #fff;
    margin-top: 0.35rem;
    display: flex;flex-direction: column; align-items: center;
    padding: 0.10rem 0.12rem;box-sizing: border-box;
}
.wap-main .tian .hai .haititle{
    color: #010101;font-size: 0.28rem;text-align: center;margin-bottom: 0.2rem;
}
.wap-main .tian .hai .haitablebox{
    width: 100%;
    display: flex;flex-direction: column;align-items: flex-start;
}
.wap-main .hai .haitablebox .haitable{
    width: 100%;
    display: flex;flex-direction: column; align-items: flex-start;gap: 0.10rem 0;
}
.wap-main .hai .haitable .haitableitem{
    display: flex;align-items: center;background-color: #fff2ef;border-radius: 0.20rem;
    width: 100%;height: 0.6rem;
    padding: 0 0.05rem;box-sizing: border-box;
}
.wap-main .hai .haitable .haitableitem .haiitemone{
    color: #010101;font-size: 0.2rem;
    display: flex;align-items: center;justify-content: center;
}
.wap-main .hai .haitable .haitableitem .haiitemone:nth-child(1){width:  0.5rem;}
.wap-main .hai .haitable .haitableitem .haiitemone:nth-child(2){width:  1.3rem;}
.wap-main .hai .haitable .haitableitem .haiitemone:nth-child(3){width:  0.5rem;}
.wap-main .hai .haitable .haitableitem .haiitemone:nth-child(4){width: 3.2rem;padding: 0  0.05rem;box-sizing: border-box;}
.wap-main .hai .haitable .haitableitem .haiitemone:nth-child(5){width:  1.2rem;}

/* 预约 */
.wap-main .sixbottom {background-color: #ba0c0d;}
.wap-main .sixbottom .sixyybox{
    width: 100%;height: auto;margin: 0 auto;
    padding: 0.25rem 0.12rem;box-sizing: border-box;
    
}
.wap-main .sixbottom .sixyybox .yytitle{
    width: 100%;background-color: #c40001;
    display: flex;align-items: center;justify-content: center;
    padding: 0.08rem 0;
    color: #fff;font-size: 0.32rem;
}
.wap-main .sixbottom .get-form{
    width: 100%;
    background-color: #ffeceb;border: 0.12rem solid #c40001;border-top: none;
    padding: 0.25rem;box-sizing: border-box;
}
.wap-main .sixbottom .get-form .get-form-top{display: flex;align-items: center;justify-content: center;flex-direction: column;}
.wap-main .sixbottom .get-form .get-form-top .gft-item{
    width: 100%;height: 0.8rem;
    position: relative;
    display: flex;align-items: center;
    background-color: #ffffff;border: 0.02rem solid #cacaca;
    padding: 0 0 0 0.25rem;box-sizing: border-box;margin-bottom: 0.3rem;
}
.wap-main .sixbottom .get-form .get-form-top .gft-item .gfi-img{
    width: 1.3rem;height:100%;margin-right: 0.05rem;
    display: flex;align-items: center;
    color: #333333;font-size: 0.3rem;font-weight: bold;text-align: left;
}
.wap-main .sixbottom .get-form .get-form-top .gft-item .gfi-input{height: 100%;}
.wap-main .sixbottom .get-form .get-form-top .gft-item .gfi-input input{font-size: 0.28rem;}
.wap-main .sixbottom .get-form .get-form-top .gft-item .gfi-input .gfi-input-name{border: none;background: #ffffff;height: 100%;}
.wap-main .sixbottom .get-form .get-form-top .gft-item .gfi-getCode{position: absolute;right: 0.2rem;top: 50%;transform: translate(0, -50%);}
.wap-main .sixbottom .get-form .get-form-top .gft-item .gfi-getCode .getYzm{
    border: none;
    padding: 0.08rem 0.15rem;
    display: flex;align-items: center;justify-content: center;
    color: #ffffff;font-size: 0.3rem;
    background-color: #767676;border-radius: 0.5rem;
}
.wap-main .sixbottom .get-form .get-form-top .gft-submit{
    width: 100%;height: 0.8rem;
    background:linear-gradient(to right, #ff7f07, #ffa41f); 
    padding: 0 0.65rem;box-sizing: border-box;
    display: flex;align-items: center;justify-content: center;
    color: #fff;font-size: 0.34rem;font-weight: bold;
}
.wap-main .sixbottom .get-form .get-form-bottom{display: flex;align-items: center;justify-content: center;margin-top: 0.2rem;font-size: 0.24rem;}

/* 10月校庆月 就近校区咨询 */
.wap-main .zixun{ position: relative;background-color: #ab0809;padding: 0.5rem 0 0 0;}
.wap-main .zixun .zixunbox{
    position: relative;margin: 0.35rem 0 0 0;
    width: 100%;padding: 0.25rem;box-sizing: border-box;
    background-color: #fff;
}
.wap-main .zixun .zixunbox .zxboxin{
    width: 100%;padding: 0.15rem 0;
    border: 0.08rem solid #fbd19f;border-radius: 0.05rem;box-sizing: border-box;
    display: flex; flex-direction: column; align-items: center;justify-content: center;
}
.wap-main .zixun .zixunbox .zixuntitle{ color: #010101;font-size: 0.28rem;margin-bottom: 0.15rem;}
.wap-main .zixun .zixunbox .zixunimg{ width: 6.11rem;height: 2.18rem;}
.wap-main .zixun .zixunbox .hudie{
    width: 2.18rem;height: 0.72rem;
    position: absolute;bottom: 0.27rem ;left: 50%;transform: translate(-50%,0);
}


/*  */
.wap-main .location{
    position: relative;
    background:url(../images/lastbg.png) no-repeat top; background-size:100%;background-color: #7b0100;
    padding: 0.25rem 0;
}
/* 图片展示 */
.wap-main .location  .locationBox {position: relative;}
.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-bottom: 0.2rem;}
.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: 2.2rem !important; padding:0.07rem 0;
    margin-right: 0 !important; 
    border-radius:0.3rem;background-color: #7b0100;
    color: #ffe9e9; font-weight: bold;font-size: 0.28rem !important;
}
.wap-main .location  .locationBox .swiper-scroll .gallery-thumbsTwo .swiper-slide-thumb-active {
    width: 2rem !important;padding:0.08rem 0;
    font-weight: bold; color: #ac0a07;font-size: 0.24rem !important;
    background: linear-gradient(to right, #ffd6a2, #fff0d3,70%,#ffc77c);border-radius:0.3rem;
    border:none;opacity: 1;margin-right: 0 !important;
}

.wap-main .location  .locationBox .swiper-scroll .gallery-topTwo {}
.wap-main .location  .locationBox .swiper-scroll .gallery-topTwo .imgList{
    display: flex;flex-wrap: wrap;justify-content: center;align-items: center;gap: 0.3rem ;
    background-color: #fff;border-radius: 0.25rem;
    padding: 0.15rem 0;box-sizing: border-box;
}
.wap-main .location  .locationBox .swiper-scroll .gallery-topTwo .imgList img{width: 3.12rem;height: 2.24rem; border-radius: 0.25rem;}

/* 校区 */
.wap-main .school{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap; padding: 0 0.60rem;margin-top: 0.25rem;box-sizing: border-box;}
.wap-main .school .schoolItem{color: #fff;font-size: 0.3rem;border: 0.01rem solid #fff;border-radius: 0.05rem;padding: 0.02rem 0.15rem;}
.wap-main .school .schoolItem a{color: #fff;}
/* 预约 */
.wap-main .location .get-form{margin-top: 0.25rem;}
.wap-main .location .get-form .get-form-top{display: flex;align-items: center;justify-content: center;flex-direction: column;}
.wap-main .location .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 .location .get-form .get-form-top .gft-item .gfi-img{width: 0.3rem;height: 0.36rem;margin-right: 0.3rem;}
.wap-main .location .get-form .get-form-top .gft-item .gfi-input{height: 100%;}
.wap-main .location .get-form .get-form-top .gft-item .gfi-input input{font-size: 0.3rem;}
.wap-main .location .get-form .get-form-top .gft-item .gfi-input .gfi-input-name{border: none;background: #ffffff;height: 100%;}
.wap-main .location .get-form .get-form-top .gft-item .gfi-getCode{position: absolute;right: 0.2rem;top: 50%;transform: translate(0, -50%);}
.wap-main .location .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.3rem;}
.wap-main .location .get-form .get-form-top .gft-submit{width: 100%;height: 0.8rem;background:linear-gradient(to right, #ff7f04, #ffa31e);padding: 0 0.65rem;box-sizing: border-box;display: flex;align-items: center;justify-content: center;}
.wap-main .location .get-form .get-form-top .gft-submit .gfs-img{width: 0.35rem;height: 0.34rem; margin-right: 0.1rem;}
.wap-main .location .get-form .get-form-top .gft-submit .gfs-txt{color: #fff;font-size: 0.34rem;font-weight: bold;}
.wap-main .location .get-form .get-form-bottom{display: flex;align-items: center;justify-content: center;margin-top: 0.2rem;font-size: 0.24rem;}

/* 最后 */
.wap-main .location .lasttop{display: flex;flex-direction: column; align-items: center;justify-content: center;margin-top: 0.45rem;}
.wap-main .location .lasttop .ltone{background:#fff ;border-radius: 0.30rem;color: #770000;font-size: 0.26rem;padding: 0.05rem 0.2rem; margin-bottom: 0.25rem;}
.wap-main .location .lasttop .ltotwo{color: #fff;font-size: 0.26rem;margin-left: 0.10rem;}

.wap-main .location .phonenum{color: #fff;font-size: 0.28rem;font-weight: bold;margin-top: 0.15rem;text-align: center;}