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;}
.wap-main img{width: 100%;height: 100%;display: block;}

/* 公共title + 按钮 */
.wap-main .fontTitle{display: flex;flex-direction: column; align-items: center;justify-content: center;}
.wap-main .fontTitle .fontBig{font-size: 0.38rem;font-weight: bold;color: #1b1b1b;margin-bottom: 0.08rem;}
.wap-main .fontTitle .fontBig span{color: #f87a25;}
.wap-main .fontTitle .blackLine{width: 3.01rem;height: 0.33rem;}

.wap-main .clickbutton{ position: relative;background: linear-gradient(to bottom, #af0b0a, #ca1617, #af0b0a);border-radius: 0.3rem;width: 4.3rem;height: 0.62rem;display: flex;align-items: center;justify-content: center;margin: 0 auto;}
.wap-main .clickbutton{animation: clickbutton ease-in 2s infinite;}
.wap-main .clickbutton .buttontxt{color: #fff;font-size: 0.32rem;font-weight: bold;}
.wap-main .clickbutton .buttonImg{ width: 0.79rem;height: 0.72rem;position: absolute;right: -0.30rem;bottom: -0.30rem;animation: clickImg ease-in 2s infinite;}
@keyframes clickbutton{
    0%{
        background:  #db443d;
    }
    50%{
        background:  #af0b0a;
    }
    100%{
        background:  #db443d;
    }
}
@keyframes clickImg{
    0%{
        transform:scale3d(1,1,1)
    }
    50%{
        transform:scale3d(0.5,0.5,0.5)
    }
    100%{
        transform:scale3d(1,1,1)
    }
}

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

.wap-main .topBox{position: relative;top: 0.5rem;padding: 0 0 0 0.18rem;}
.wap-main .top .topOne{display: flex;align-items: center;width: 3.7rem;background: linear-gradient(to right, #e7f5fe, #c9e7ff);border-radius: 0.24rem;padding:0.05rem 0.05rem 0.05rem 0.1rem;box-sizing: border-box;margin-bottom: 0.08rem;}
.wap-main .top .topOne .topleft{width: 0.23rem;height: 0.26rem;margin-right: 0.1rem;}
.wap-main .top .topOne .smallDes{color: #00398a;font-size: 0.26rem;font-weight: bold;}

.wap-main .top .topTow{display: flex;flex-direction: column;align-items: baseline;}
.wap-main .top .topTow .topTow-title{font-size: 0.78rem;font-weight: bold;color: #00398a;line-height: 0.86rem;}

.wap-main .top .topThree{ width: 4.86rem;height: 0.17rem;margin: 0.15rem 0;}

.wap-main .top .topFour{position: relative;height: 0.52rem;}
.wap-main .top .topFour .topFourDes{height: 0.52rem;font-size: 0.28rem;color: #fffffd;position: relative;z-index: 1;left: 0.15rem;display: flex;align-items: center;}
.wap-main .top .topFour .plane{ width: 5.88rem;height: 2.92rem;position: absolute;left: 0;bottom: -0.31rem;}


/* 预约到访学习中心 */
.wap-main .get{background-color: #00378a;padding: 0.35rem 0.3rem;}
.wap-main .getbox{background-color: #FFF; border-radius: 0.15rem;padding:0.3rem 0.5rem;box-sizing: border-box;}

.wap-main .getbox .formbox{display: flex;align-items: center;justify-content: center;}
.wap-main .getbox .formbox .formImg{width: 0.36rem;height: 0.35rem;}
.wap-main .getbox .formbox .formfont{ font-size: 0.36rem;line-height:0.36rem ; font-weight: bold;margin-left: 0.1rem;}

.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.28rem;}
.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.28rem;background-color: #767676;}
.wap-main .get .get-form .get-form-top .gft-submit{color: #fffeff;font-size: 0.3rem;font-weight: bold;width: 100%;height: 0.8rem;background-color: #fa7a23;padding: 0 0.65rem;box-sizing: border-box;display: flex;align-items: center;justify-content: center;}
.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{padding: 0.35rem 0 0.5rem 0;}
.wap-main .des .desBox{width: 100%;height: auto;box-shadow: 0 0 0.1rem 0.01rem #e1e1e1;padding: 0.25rem;box-sizing: border-box;border-radius: 0.2rem;margin: 0.25rem 0;}
.wap-main .des .desBox .destxt{ font-size: 0.28rem;text-align: left;margin-bottom: 0.15rem;line-height:0.45rem;color: #373737;}
.wap-main .des .desBox .desimg{display: flex;align-items: center;justify-content: space-between;}
.wap-main .des .desBox .desimg img{width: 3.03rem;height: 2.16rem;}

.wap-main .des .whatbox{}
.wap-main .des .whatbox .what{background-color: #f1f4fb;border-radius: 0.22rem;padding: 0.25rem;box-sizing: border-box;position: relative;margin-bottom: 0.25rem;}
.wap-main .des .whatbox .what .whattop{display: flex;align-items: center;margin-bottom: 0.05rem;}
.wap-main .des .whatbox .what .whattop .topimg{width: 0.28rem;height: 0.28rem;}
.wap-main .des .whatbox .what .whattop .toptitle{font-size: 0.32rem;color: #00388c;font-weight: bold;margin-left: 0.1rem;}
.wap-main .des .whatbox .what .whattop .toptitle span{color: #fa7a21;}
.wap-main .des .whatbox .what .whatdes{ width: 4.7rem;text-align: left;padding-left: 0.38rem;font-size: 0.28rem;color: #000;line-height: 0.4rem;}
.wap-main .des .whatbox .what .boy{position: absolute;right: -0.3rem;top: -0.18rem;width: 1.92rem;height: 1.66rem;}

.wap-main .des .whatbox .how{ display: flex;align-items: center;justify-content: space-between;margin-bottom: 0.25rem;}
.wap-main .des .whatbox .how .howItem{background-color: #f1f4fb;border-radius: 0.22rem;padding: 0.25rem;box-sizing: border-box;position: relative;width: 3.3rem;}
.wap-main .des .whatbox .how .howItem .itemtop{ margin-bottom: 0.05rem;display: flex;align-items: center;justify-content: space-between;}
.wap-main .des .whatbox .how .howItem .itemtop .itemtitle{font-size: 0.3rem;color: #00388c;font-weight: bold;}
.wap-main .des .whatbox .how .howItem .itemtop .itemtitle span{color: #fa7a21;}
.wap-main .des .whatbox .how .howItem .itemtop .itemimg{width: 0.28rem;height: 0.28rem;}
.wap-main .des .whatbox .how .howItem .itemdes{text-align: left;font-size: 0.28rem;color: #000;line-height: 0.36rem;height: 2.1rem;}

/* 新航道全封闭学习中心 适合人群 */
.wap-main .adapt{background-color: #f4f4f4;padding: 0.35rem 0;}
.wap-main .adapt .adaptBox{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;margin-top: 0.25rem;}
.wap-main .adapt .adaptBox .adaptItem{width: 3.32rem;height: auto;display: flex;flex-direction: column;align-items: center;padding: 0.15rem;box-sizing: border-box;background-color: #fff;box-shadow: 0 0 0.05rem 0 gray;margin-bottom: 0.2rem;}
.wap-main .adapt .adaptBox .adaptItem:nth-last-child(-n+2){margin-bottom: 0;}
.wap-main .adapt .adaptBox .adaptItem .aditemImg{width: 3.02rem;height: 2.37rem;}
.wap-main .adapt .adaptBox .adaptItem .adaptname{width: 100%;color: #fff;font-size: 0.28rem;font-weight: bold;background-color: #00378a;height: 0.6rem;display: flex;align-items: center;justify-content: center;}
.wap-main .adapt .adaptBox .adaptItem .adaptname span{color: #70cafe;}
.wap-main .adapt .adaptBox .adaptItem .adaptdes{font-size: 0.28rem;line-height: 0.36rem;color: #464646;text-align: left;margin-top: 0.05rem;height: 2.5rem;}

/* 新航道全封闭学习中心 课程设置 */
.wap-main .setting{width: 100%; position: relative;padding: 0.35rem 0 ;box-sizing: border-box;}
.wap-main .setting .setting-bg{width: 100%;height: 100%; position: absolute;top: 0;left: 0;z-index: -1;}

.wap-main .setting .blueTxt{font-size: 0.28rem;color: #71cbff;font-weight: bold;margin: 0.10rem 0 0.25rem 0}

.wap-main .setting .settingBox{}
.wap-main .setting .settslideAll{display: flex;align-items: center;justify-content: space-between;box-sizing: border-box;margin-bottom: 0.20rem;padding: 0 0.5rem;}
.wap-main .setting .settslideAll .settslide{border: 0.01rem solid #fff;border-radius: 0.15rem;width: 2.1rem !important;padding: 0.10rem 0;cursor: pointer;display: flex;align-items: center;justify-content: center;}
.wap-main .setting .settslideAll .settslide .slidesmall{width: 0.32rem;height: 0.27rem;opacity: 0.8;margin-right: 0.08rem; display: none;}
.wap-main .setting .settslideAll .settslide .slidetxt{font-size: 0.28rem;color: #fff;font-weight: bold; position: relative;z-index: 1;}
.wap-main .setting .settslideAll  .swiper-slide-thumb-active{background-color: #fa7a23;}
.wap-main .setting .settslideAll  .swiper-slide-thumb-active .slidesmall{display: block;}

.wap-main  .slideBox{position: relative;}
.wap-main  .tableList{background-color: #fff;padding: 0.15rem;box-sizing: border-box;margin: 0 0.10rem 0.10rem 0.10rem;position: relative;z-index: 1;}
.wap-main  .tableList .tabletitle{font-size: 0.32rem;color: #000;font-weight: bold;margin-bottom: 0.15rem;}
.wap-main  .tableList .tableBox{overflow: scroll;}
.wap-main  .tableList .tableBox table{width: 100%;}
.wap-main  .tableList .tableBox table th{padding: 0.05rem  0;border-right: 0.01rem solid #fff;}
.wap-main  .tableList .tableBox table th:nth-child(1){width: 1.25rem;}
.wap-main  .tableList .tableBox table th:nth-child(2){width:  1.3rem;}
.wap-main  .tableList .tableBox table th:nth-child(3){width:  0.6rem;}
.wap-main  .tableList .tableBox table th:nth-child(4){width:  0.55rem;}
.wap-main  .tableList .tableBox table th:nth-child(5){width: 0.55rem;}
.wap-main  .tableList .tableBox table th:nth-child(6){width:  1.25rem;}
.wap-main  .tableList .tableBox table th:nth-child(7){width: 1.5rem;}

.wap-main  .tableList .tableBox table tr:nth-child(odd){background-color: #ebeef7;}
.wap-main  .tableList .tableBox table td{padding:0.07rem  0;font-size: 0.26rem;text-align: center;border-right: 0.01rem solid #fff;}
.wap-main  .tableList .tableBox table td span{font-weight: bold;}

.wap-main .slideBox .botombord{background-color: #00378a;width: 100%;height: 1rem;position: absolute;z-index:0;bottom: -0.10rem;}

/* 全封闭学习中心 出国留学语言冲分计划 */
.wap-main .cfplane{background-color: #f4f4f4;padding: 0.35rem 0 0.5rem 0;}
.wap-main .cfplane .cfBox{margin-top: 0.25rem;}
.wap-main .cfplane .cfBox  tr:nth-child(odd) td{border-bottom: 0.01rem solid #000;}
.wap-main .cfplane .cfBox tr td{padding: 0.05rem 0.1rem;box-sizing: border-box;}

/* 新航道封闭学习中心 时间安排 */
.wap-main .time{padding: 0.35rem 0 0.50rem 0;position: relative;}
.wap-main .time .timeBox{overflow: scroll; border: 0.1rem solid #00378a;padding: 0.10rem;box-sizing: border-box;margin: 0.25rem 0;position: relative;}
.wap-main .time .timeBox table{width: 15rem;}
.wap-main .time .timeBox table th{padding: 0.12rem  0;border-right: 0.01rem solid #fff;}
.wap-main .time .timeBox table tr:nth-child(odd){background-color: #ebeef7;}
.wap-main .time .timeBox table td{padding:0.10rem  0;font-size: 0.26rem;color: #35363a;border-right: 0.01rem solid #fff;}
.wap-main .time .timeBox table tr:last-child td{color: #fff;}
.wap-main .time .griltop{width: 1.59rem;height: 1.26rem;position: absolute;top: -1.3rem;right: -0.28rem;z-index: -1;}

.wap-main .time .timetxt{font-size: 0.26rem;color: #00388b;font-weight: bold;margin-bottom: 0.25rem;}

.wap-main .time .step{display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;position: relative;}
.wap-main .time .step .stepOne{ width: 3.3rem;height: 4.1rem;background-color: #f1f4fb;border-radius: 0.20rem 0.20rem 0.84rem 0.20rem;padding: 0.15rem 0 0 0;box-sizing: border-box;margin-bottom: 0.35rem;}
.wap-main .time .step .stepOne .stepTop{height: 0.5rem;display: flex;align-items: center;}
.wap-main .time .step .stepOne .stepTop .leftorange{width: 0.08rem;height: 100%;background-color: #f87a23;}
.wap-main .time .step .stepOne .stepTop .rightblue{width: 2.8rem;height: 100%;display: flex;align-items: center;background: linear-gradient(to right, #063a8d, transparent);padding:0 0.15rem;box-sizing: border-box;}
.wap-main .time .step .stepOne .stepTop .rightblueTwo{width: 3rem;height: 100%;display: flex;align-items: center;background: linear-gradient(to left, #063a8d, transparent);padding: 0 0.15rem;box-sizing: border-box;}
.wap-main .time .step .stepOne .stepTop  .blueImg{width: 0.26rem;height: 0.27rem;}
.wap-main .time .step .stepOne .stepTop  .blietxt{font-size: 0.26rem;color: #fff;font-weight: bold;margin:0 0.1rem;}

.wap-main .time .step .stepOne .stepBottom{margin: 0.15rem 0.15rem 0 0.15rem;box-sizing: border-box;}
.wap-main .time .step .stepOne .stepBottom .stepItem{width: 100%;height: 0.7rem;display: flex;flex-direction: column;align-items: baseline;position: relative;}
.wap-main .time .step .stepOne .stepBottom .stepItemTwo{width: 100%;height: 0.7rem;display: flex;flex-direction: column;align-items: end;position: relative;}
.wap-main .time .step .stepOne .stepBottom  .itemtop{display: flex;align-items: baseline;height: 0.16rem;}
.wap-main .time .step .stepOne .stepBottom  .itemtop .cricleleft{width: 0.21rem;height: 0.21rem;}
.wap-main .time .step .stepOne .stepBottom  .itemtop .rightdes{width: 2.7rem;margin-left: 0.1rem;color: #272928;line-height: 0.28rem;font-size: 0.24rem;text-align: left;position: relative;}
.wap-main .time .step .stepOne .stepBottom  .itemtop .rightdesTwo{margin-right: 0.1rem;width: 2.7rem;color: #272928;line-height: 0.28rem;font-size: 0.24rem;text-align: left;position: relative;text-align: right;}

.wap-main .time .step .stepOne .stepBottom  .rightbottom{ width: 0;height: 0.48rem;border: 0.01rem solid #003789;background-color: #003789;position: absolute;left: 0.09rem;top: 0.21rem;}
.wap-main .time .step .stepOne .stepBottom  .rightbottomTwo{width: 0;height: 0.48rem;border: 0.01rem solid #003789;background-color: #003789;position: absolute;right: 0.09rem;top: 0.21rem;}

.wap-main .time .step .stepImg{width: 2.14rem;height: 2.14rem;position: absolute;z-index: 1;top: 56%; left: 50%;transform: translate(-50%, -50%);}

/* 新航道全封闭学习中心 校园式学习体验 */
.wap-main .tiyan{height: 12.32rem;box-sizing: border-box;position: relative;padding-top: 0.3rem;}
.wap-main .tiyan .tiyan-bg{width: 100%;height: 12.32rem;position: absolute;top: 0;left: 0;z-index: -1;}

.wap-main .tiyan .tiyantxt{font-size: 0.26rem;color: #01388b;font-weight: bold;margin: 0.10rem 0 0.25rem 0;}

.wap-main .tiyan .tiyanBox{ display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.wap-main .tiyan .tiyanBox  .tiyanImg{width:3.3rem;height: 2.4rem;margin-bottom: 0.2rem;position: relative;}
.wap-main .tiyan .tiyanBox  .tiyanImg img{border-radius: 0.2rem;}
.wap-main .tiyan .tiyanBox  .tiyanImg:nth-last-child(-n+2){margin-bottom: 0;}
.wap-main .tiyan .tiyanBox  .tiyanImg .tiyanMsg{width: 100%;height: 0.35rem;border-radius: 0 0 0.2rem 0.2rem;background-color: #373632;font-size: 0.24rem;color: #fff;display: flex;align-items: center;justify-content: center;position: absolute;bottom: 0;box-sizing: border-box;}

/* 电话 */
.wap-main .phone{background-color: #00378a;padding: 0.3rem 0;}
.wap-main .phone .heart{width: 4.4rem;height: 0.5rem;margin: 0 auto;background-color: #fff;border-radius: 1.3rem;font-size: 0.28rem;font-weight: bold;color: #008cff;display: flex;align-items: center;justify-content: center;}
.wap-main .phone .phonenum{font-size: 0.38rem;color: #fff;font-weight: bold;margin-top: 0.15rem;line-height: 0.38rem;}

/* 弹框 */
.wap-main .tankuang{width: 6rem;height:5rem;background-color: #fff;box-shadow: 0 0 5rem 0rem gray;position: fixed;z-index: 12;top: 50%;left: 50%;transform: translate(-50%, -50%);display: none;}
.wap-main .tankuang .tankuangback{font-size: 0.26rem;font-weight: bold;color: #b0b0b0; border: 0.01rem solid #b0b0b0; background-color: #fff; border-radius: 0.20rem;padding: 0.02rem 0.10rem;position: absolute;right: -0.2rem;top: -0.2rem;}



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