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.36rem;font-weight: bold;color: #181818;}
.wap-main .fontTitle .fontImg{ width: 4.03rem;height: 0.12rem;margin: 0 auto;}
.wap-main .fontTitle .fontSmall{font-size: 0.24rem;color: #8f8f8f;}

/* 顶部*/
.wap-main .top{position: relative;padding: 0.5rem 0;}

.wap-main .top .top-one{width: 4rem;font-size: 0.34rem;color: #fff;text-align: left;margin: 0 auto 0.05rem auto;}

.wap-main .top .top-two{width: 4rem; display: flex;flex-direction: column;justify-content: center;text-align: left;margin: 0 auto 0.2rem auto;}
.wap-main .top .top-two .top-two-left{ font-size: 0.62rem;color: #fff;font-weight: bold;text-shadow: 0 0 0.01rem #5c83d0, 0 0 0.02rem #5c83d0, 0 0 0.03rem #5c83d0, 0 0 0.10rem #5c83d0;}
.wap-main .top .top-two .top-two-center{ width: 0.10rem;height: 0.10rem;background-color: #49fdfe;margin: 0 0.10rem;}

.wap-main .top .top-three{width: 4rem;height: auto;display: flex;flex-wrap: wrap;justify-content: space-between;margin: 0 auto;}
.wap-main .top .top-three .top-three-tem{ width: 0.7rem;height: 0.4rem;background: repeating-linear-gradient(135deg, #fff 0.15rem, #fff 0.20rem, black 0.20rem, black 0.25rem);margin-bottom: 0.15rem;}
.wap-main .top .top-three .top-three-tem .ttt-in{width: 100%;height: 100%;background-color: #49fdfe;position: relative;left: -0.05rem;top: -0.05rem;box-shadow: 0 0 0.03rem 0.01rem #36c4c5;display: flex;align-items: center;justify-content: center;font-size: 0.22rem;font-weight: bold;}

.wap-main .top .topBG{width: 7.5rem;height: 5rem;position: absolute;bottom: 0;left: 0;z-index: -1;}

/* 预约领取 雅思免费试听课 */
.wap-main .get{margin: 0.5rem 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 .des{position: relative;padding-bottom: 0.35rem;}
.wap-main .des .desBox{display: flex;flex-wrap: wrap;justify-content: space-between;}
.wap-main .des .desBox .desBox-item{width: 3.2rem;height: auto;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.wap-main .des .desBox .desBox-item:nth-child(-n+6){margin-bottom: 0.30rem;}
.wap-main .des .desBox .desBox-item .desBox-item-top{width: 2.94rem;height: 1.66rem;border: 0.04rem solid;border-image: linear-gradient(to bottom, transparent, #d1f4fa, #046af3) 1;padding: 0 0.02rem 0.02rem 0.02rem;box-sizing: border-box;}
.wap-main .des .desBox .desBox-item .desBox-item-name{ color: #0165f1;font-size: 0.3rem;font-weight: bold;margin: 0.05rem 0;}
.wap-main .des .desBox .desBox-item .desBox-item-des{width: 100%;font-size: 0.24rem;text-align: left; height: 2.6rem;}
.wap-main .des .desBox .desBox-item .desBox-item-time{ width: 100%;font-size: 0.24rem;text-align: left; font-weight: bold;color: #575757;margin: 0.05rem 0 0 0;}
.wap-main .des .desBox .desBox-item .desBox-item-btn{ width: 100%;height: 0.50rem;display: flex;align-items: center;justify-content: center;font-size: 0.3rem;font-weight: bold;color: #fff;background-image: linear-gradient(to right, #ff9e02, #ffba17);margin: 0.10rem 0 0 0;box-shadow: 0.03rem 0.03rem 0.01rem 0.01rem #dddbdc;}

.wap-main .des .bgTwo{position: absolute;bottom: 0;left: 0;z-index: -1;}

/* 新航道竞赛课程班课 */
.wap-main  .cource{padding-bottom: 0.35rem;background-color: #00449b;}
.wap-main  .cource .courceBox{ }
.wap-main  .cource .courceBox .tableOne{border: 0.05rem solid;border-image: linear-gradient(to bottom, transparent, #22becd) 1;background-color: #fff;padding: 0.05rem;box-sizing: border-box;margin: 0 auto;}
.wap-main  .cource .courceBox .tableOne th{background-color: #00449b;color: #fff;font-size: 0.3rem;padding: 0.10rem 0.03rem;box-sizing: border-box;border-right: 0.01rem solid #fff;}
.wap-main  .cource .courceBox .tableOne tr td{padding:0.15rem 0.05rem;font-size: 0.22rem;font-weight: bold;color: #3e3a39;border: 0.01rem solid #fff;}
.wap-main  .cource .courceBox .tableOne tr:nth-child(odd) td{background-color: #eaeef2;}
.wap-main  .tableBtn{width: 3.1rem;height: 0.60rem;border-radius: 0.40rem;background-image: linear-gradient(to right, #ffba17, #ff9e02, #ffba17);display: flex;align-items: center;justify-content: center;font-size: 0.3rem;color: #fff;font-weight: bold;margin: 0.15rem auto 0 auto;}

/* 为什么选择新航道 */
.wap-main .why{}
.wap-main .why .whyBox{}
.wap-main .whyBoxBtn{width: 2rem;height: 0.50rem;display: flex;align-items: center;justify-content: center;margin: 0 auto 0.30rem auto;color: #11afb0;border-radius: 0.30rem;border: 0.01rem solid #11afb0;font-size: 0.3rem;font-weight: bold;}

.wap-main .why .whyBox .whyBox-In{width: 100%;display: flex;flex-wrap: wrap; align-items: center;justify-content: space-between;margin-bottom: 0.30rem;}
.wap-main .why .whyBox .whyBox-In .whyBox-In-item{ width: 2rem;margin-bottom: 0.3rem;}
.wap-main .why .whyBox .whyBox-In .whyBox-In-item .wii-top{width: 100%;height: 1.5rem;border-radius: 0.22rem;box-shadow: 0 0 0.05rem 0.01rem #ebeff7;display: flex;align-items: center;justify-content: center;}
.wap-main .why .whyBox .whyBox-In .whyBox-In-item .wii-top .wii-top-img{ width: 0.60rem;height: 0.62rem;}

.wap-main .why .whyBox .whyBox-In .whyBox-In-item .wii-txt{font-weight: bold;margin-top: 0.2rem;font-size: 0.24rem;}

/* 师资阵容 */
.wap-main .teacher{padding: 0.35rem 0;background-color: #f2f6f9;}
.wap-main .teacher .teaherBox{margin: 0 auto;position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.wap-main .teacher .teaherBox .teaherBox-item{width: 2;display: flex;flex-direction: column;align-items: center;justify-content: center;margin-bottom: 0.30rem;}

.wap-main .teacher .teaherBox .officai-swiperChange{width: 80%; display: flex;justify-content: space-between;position: absolute;top: -1rem;}
.wap-main .teacher .teaherBox .officai-swiperChange .officai-pre{width: 0.36rem;height: 0.75rem;}

.wap-main .teacher .teaherBox .gallery-topOne{width: 100%;}
/* .wap-main .teacher .teaherBox .swiper-slide{width: 2.19rem !important;} */
.wap-main .teacher .teaherBox .teaherBox-item .teacherImg{ width: 2.19rem;height: 1.44rem;}
.wap-main .teacher .teaherBox .teaherBox-item .teacherName{width: 2.19rem;color: #fff;font-weight: bold;font-size: 0.22rem;background-image: linear-gradient(45deg, #5ae4e7, #0166f2);padding: 0.08rem 0;box-sizing: border-box; letter-spacing: 0.08rem;}
.wap-main .teacher .teaherBox .teaherBox-item .teacherDes{width: 2.19rem;height: 6rem;box-sizing: border-box;text-align: left;color: #6c6c6c;font-size: 0.22rem;line-height: 0.3rem;padding: 0.10rem;background-color: #fff;box-shadow: 0 0 0.02rem 0.02rem #edf1f4}
.wap-main .teacher .teaherBox .teaherBox-item .teacherDes span{color: #575757;font-weight: bold;}


/* 武汉核心地段 方便你的学习 */
.wap-main .location{padding: 0.3rem 0;background-color: #051b64;}

.wap-main  .location  .locationBox .location-des{color: #fff;font-size: 0.26rem;margin-bottom: 0.15rem;}

.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 #575757;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 0.3rem 0.3rem 0;font-size: 0.24rem !important;border: 0.01rem solid #fff;color: #ffffff;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;}
.wap-main .location  .locationBox .swiper-scroll .gallery-topTwo .imgList img{width: 3.2rem;margin-bottom: 0.3rem;border-radius: 0.22rem;}

/* 最后预约 */
.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; 
}