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:7rem; height: 100%;position: relative; margin: 0 auto; text-align: center;}
/* 公共title + 按钮 */
.wap-main img{width: 100%;height: 100%;display: block;}
/* 标题 */
.wap-main .lxtitle{
    position: relative;
}
.wap-main .lxtitle .titlebig{
    font-size: 0.38rem;line-height: 0.38rem;color: transparent;font-weight: bold;
    background-image: linear-gradient(to right, #0a0a0a, 60%, #0356a4);
    -webkit-background-clip: text;
    background-clip: text;
    display: inline-block;
}
.wap-main .lxtitle .titlesmall{
    font-size: 0.3rem;line-height: 0.3rem;font-weight: 300;
    margin-top: 0.15rem;
}
.wap-main .lxtitle .titlequxian{
    display: flex;align-items: center;gap: 3.6rem;
    position: absolute;left: 50%;bottom: 0.05rem;transform: translate(-50%,0);
}
.wap-main .lxtitle .titleleft{display: flex;flex-direction: column;align-items: flex-start;}
.wap-main .lxtitle .titleleft .titleftone{ display: flex;align-items: center;position: relative;}
.wap-main .lxtitle .titleleft .titleftone .titlepoint{ width: 0.1rem;height: 0.1rem;background: #7bb1df;border-radius: 50%;}
.wap-main .lxtitle .titleleft .titleftone .titleline{width: 0.45rem;height: 0.02rem;background: #7bb1df;}
.wap-main .lxtitle .titleleft .titlefttwo{width: 0.02rem;height: 0.5rem;background: #7bb1df;}

/* 顶部*/
.wap-main .top{position: relative;width: 100%;height: 6.57rem; background: url("../images/bg01.png") no-repeat top;background-size: 100%; box-sizing: border-box;}
.wap-main .top .lxheadBox{
    width: 100%;
    display: flex;flex-direction: column;align-items: flex-start;justify-content: center;
    padding: 1.2rem 0 0 0.5rem;box-sizing: border-box;
}
.wap-main .top .lxheadBox .headone{
    font-size: 0.85rem;line-height: 0.85rem;
    background-image: linear-gradient(to right, #2cabfc, 85%, #1ccde1);
    -webkit-background-clip: text;background-clip: text;
    display: inline-block;
    color: transparent;font-weight: bold;
}
.wap-main .top .lxheadBox .headtwo{
    font-size: 0.85rem;line-height: 0.85rem;color: transparent;font-weight: bold;
    background-image: linear-gradient(to right, #0a0a0a, 80%, #275576);
    -webkit-background-clip: text;background-clip: text;
    display: inline-block;
    margin: 0.15rem 0 ;
}
.wap-main .top .lxheadBox .headthree{
    font-size: 0.24rem;font-weight: 500;line-height: 0.24rem; color: #05bdff;letter-spacing: 0.05rem;
    margin-bottom: 0.2rem;
}
.wap-main .top .lxheadBox .headdes{
    display: flex;flex-direction: column;align-items: flex-start; gap: 0.12rem;
    width: 100%;padding-left: 0.12rem;margin-top: 0.1rem;
}
.wap-main .top .lxheadBox .headdes .headdesitem{
    border-radius: 0.25rem;box-shadow: 0 0 0.01rem 0 #fff;background: linear-gradient(to right, #35a6f4,80%, #28cce8);
    width: 3.3rem;height: 0.5rem;
    display: flex;align-items: center;justify-content: center;
    font-size: 0.28rem;color: #fff;
}


/* 足球场 */
.wap-main .zuqiu{
    width: 100%;height: 3.8rem; 
    background: url("../images/bg02.png") no-repeat bottom;background-size: 100%;background-color: #fff;
    box-sizing: border-box;
}
.wap-main .zuqiu .zuqiubox{
    width: 100%;height: 3.2rem;
    margin: 0 auto;position: relative;
    background: linear-gradient(to bottom,#eef8ff,25%,#fffbff);
}
.wap-main .zuqiu .zuqiubox .gril{
    position: absolute;right: -0.25rem;bottom: 0;
    width: 1.96rem;height: 2.144rem;
}
.wap-main .zuqiu .zuqiubox .zuqiudes{
    display: flex;flex-direction: column;align-items: flex-start;
    width: 100%;height: 100%;
    padding: 0.15rem 0.25rem 0 0.15rem ;box-sizing: border-box;
}
.wap-main .zuqiu .zuqiubox .zuqiudes .zqone{
    font-size: 0.36rem;line-height: 0.38rem;color: transparent;font-weight: bold;
    background-image: linear-gradient(to right, #0a0a0a, 60%, #275576);
    -webkit-background-clip: text;
    background-clip: text;
    display: inline-block;
}
.wap-main .zuqiu .zuqiubox .zuqiudes .zqtwo{font-weight: bold;color: #37aee8;font-size: 0.26rem; margin: 0.05rem 0 0.35rem 0;}
.wap-main .zuqiu .zuqiubox .zuqiudes .zqthree{font-size: 0.24rem;color: #5e5e5e;font-weight: 600;}
.wap-main .zuqiu .zuqiubox .zuqiudes .zqfour{font-size: 0.24rem;color: #5e5e5e;font-weight: 400;}


.wap-main .sectionone{
    width: 100%;height: auto; 
    background: url("../images/bg03.png") no-repeat top;
    padding-top: 25rem;box-sizing: border-box;
}



/* 新航道博雅留学预备课程 */
.wap-main .problem{margin: 0.35rem 0 0.5rem 0;}
.wap-main .problem .problemBox{margin-top: 0.25rem;}
/* nav进行切换 */
.wap-main .problem .problemBox .problemBox-nav .kctitlebig{
    color: #fff;font-size: 0.32rem;line-height: 0.34rem;font-weight: bold;
    width: 100%;height: 1rem;
    display: flex;align-items: center;justify-content: center;
    background: #4aa3ff;box-sizing: border-box;
}
.wap-main .problem .problemBox .problemBox-nav .swiper-slide-thumb-active .kctitlebig{border: 0.05rem solid #cc000c;}
/* 内容 */
.wap-main .problem .problemBox .problem-bottom{margin-top: 0.15rem;}
.wap-main .problem .problemBox .problemBox-content .kcbox{
    width: 99%;
    margin: 0.1rem auto 0.01rem auto;
    background-color: #fff;box-shadow: 0 0 0.01rem 0.01rem #dcdcdc;
    padding: 0.15rem;box-sizing: border-box;
    display: flex;flex-direction: column;align-items: flex-start;
}
.wap-main .problem .problemBox .problemBox-content .kcbox .kctitle{
    width: 100%;height: 0.65rem;
    display: flex;align-items: center;justify-content: center;
    background-color: #4aa3ff;
    color: #fff;font-size: 0.3rem;font-weight: 300;
}
.wap-main .problem .problemBox .problemBox-content .kcbox .kctitle span{ font-weight: bold;}
.wap-main .problem .problemBox .problemBox-content .kcbox .kcc{
    width: 100%;
    display: flex;background-color: #e1f1ff;
}
.wap-main .problem .problemBox .problemBox-content .kcbox .kcc .kccone{
    width: 2rem;
    display: flex;align-items: center;justify-content: center;
    font-size: 0.28rem;color: #000;font-weight: bold;
}
.wap-main .problem .problemBox .problemBox-content .kcbox .kcc .kcctwo{
    width: 4.7rem;
    font-size: 0.26rem;color: #7b7d81;font-weight: 400;text-align: left;
    padding: 0.1rem 0.15rem 0.1rem 0;box-sizing: border-box;
}

/* 按钮 */
.wap-main .allbtn{display: flex;align-items: center;justify-content: center;margin: 0.20rem 0 0 0;}
.wap-main .allbtn .allbtnone{
    display: flex;align-items: center;
    background: linear-gradient(15deg, #158dee, #3cbaff);border-radius: 0.25rem 0 0 0.25rem;
    height: 0.55rem;
}
.wap-main .allbtn .allbtnone .allbimgone{width: 0.39rem;height: 0.39rem;}
.wap-main .allbtn .allbtnone .allbtntxt{color: #fff;font-weight: bold;font-size: 0.24rem;line-height: 0.24rem; margin: 0 0.15rem;}

/* 新航道博雅留学预备课程体系 */
.wap-main .tixi{margin: 0.35rem 0;}
.wap-main .tixi .tixiboxone{
    width: 100%;
    display: flex;flex-direction: column; align-items: center;gap: 0.15rem;
    margin-top: 0.25rem;box-sizing: border-box;
}
.wap-main .tixi .tixiboxone .txoneitem{
    background: #f5f6f8;
    display: flex;align-items: center;gap: 0.1rem ;
    padding: 0.15rem 0 0.15rem 0.12rem;box-sizing: border-box;
    width: 100%;
}
.wap-main .tixi .tixiboxone .txoneitem .txtonetitle{
    width: 0.93rem;height: 1.42rem;
    background: #00a2f3;
    display: flex;align-items: center;justify-content: center;
    color: #fff;font-size: 0.28rem;font-weight: bold;
}
.wap-main .tixi .tixiboxone .txoneitem .txoneimg{width: 2.25rem;height: 1.42rem;}
.wap-main .tixi .tixiboxone .txoneitem .txonedes{
    width: 3.5rem; text-align: left;
    font-size: 0.26rem;line-height: 0.4rem;color: #2c2d2f;
}
/* 新航道留预导学图 梯度定级 循序渐进 */
.wap-main .tixi .tixides{
    color: #4d4d4d;font-weight: 400;font-size: 0.28rem;
    margin: 0.15rem auto 0.1rem auto;
}
.wap-main .tixi .tixides span{font-weight: bold;}
/*  */
.wap-main .tixi .txtworight{
    /* display: flex;flex-direction: column;align-items: flex-start; */
    width: 7.08rem;height: 1.88rem;
}
.wap-main .tixi .txtworight .txbtone{display: flex;align-items: center;gap: 0.05rem;}
.wap-main .tixi .txtworight .txbtone .txbtitem{
    position: relative;
    display: flex;flex-direction: column;align-items: center;
}
.wap-main .tixi .txtworight .txbtone .txbtitem .txbtop{
    width: 0.58rem;height: 0.25rem;
    background: #dadada;
    transform: skewX(50deg);
}
.wap-main .tixi .txtworight .txbtone .txbtitem .txbtoptwo{
    width: 0.58rem;height: 0.25rem;
    background: #dadada;
    transform: skewX(-50deg);
}
.wap-main .tixi .txtworight .txbtone .txbtitem .txbtopthree{width: 0.5rem;height: 0.3rem;background: #2abdb5;}
.wap-main .tixi .txtworight .txbtone .txbtitem .txbdes{
    width: 100%;
    position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);
    color: #5f5f5f;font-size: 0.18rem;
}

/* 轮播 */
.wap-main .lubobox{
    margin-top: 0.5rem;
}
.wap-main .lubobox .lunavbox {
    height: 1.4rem;
    display: flex;align-items: center;justify-content: center;
    background: #f5f6f8;border-bottom: 0.05rem solid #00a2f3;box-sizing: border-box;
}
.wap-main .lubobox .lunavbox .lunavboxtitle{
    font-weight: bold;font-size: 0.28rem;
    width: 100%;
    border-right: 0.02rem solid #66a8cb;box-sizing: border-box;
}
.wap-main .lubobox .lubonav  .swiper-wrapper .swiper-slide-thumb-active .lunavbox{background: #00a2f3;color: #fff;}
.wap-main .lubobox .lubonav  .swiper-wrapper .swiper-slide-thumb-active .lunavbox .lunavboxtitle{border-right: none;}
.wap-main .havenoborder{border-right: none !important;}

.wap-main .lubobox .luboContent {}
.wap-main .lubobox .luboContent .lubosildein{
    background-color: #f5f6f8;
    position: relative;
    border-top: 0.08rem solid #fff;
    width: 100%;padding: 0.30rem 0.15rem 0.20rem 0.15rem;box-sizing: border-box;
}
.wap-main .lubobox .luboContent .lubosildein .slbox{}

.wap-main .lubobox .luboContent .lubosildein .lunavboxtranglewhite{
    width: 0;height: 0;
    border-top: 0.24rem solid #fff;border-left: 0.24rem solid transparent;border-right: 0.24rem solid transparent;
    position: absolute;left: 0.755rem;top: -0.02rem;z-index: 1;
}
.wap-main .lubobox .luboContent .lubosildein .lunavboxtrangle{
    width: 0;height: 0;
    border-top: 0.18rem solid #00a2f3;border-left: 0.18rem solid transparent;border-right: 0.18rem solid transparent;
    position: absolute;z-index: 2;left: 0.785rem;top: -0.08rem;
}
.wap-main .lubobox .luboContent .lubosildein .slbox .lbtitle{font-size: 0.28rem;color: #656565;font-weight: 400;}
.wap-main .lubobox .luboContent .lubosildein .slbox .lbtitle span{font-weight: bold;}
/* 留学预备课程 */
.wap-main .lubobox .luboContent .lubosildein .slbox .lbone{
    width: 100%;
    display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 0.15rem 0;
    margin-top: 0.12rem;
}
.wap-main .lubobox .luboContent .lubosildein .slbox .lbone .lboneitem{
    display: flex;align-items: flex-start;justify-content: space-between;
    background: #fff;
    width: 100%;padding: 0.25rem 0.15rem 0.15rem 0;box-sizing: border-box;box-shadow: 0 0 0.02rem 0.01rem #e6eaeb;
}
.wap-main .lubobox .luboContent .lubosildein .slbox .lbone .lboneitem .lboneitemleft{
    display: flex;flex-direction: column;align-items: flex-start;gap: 0.12rem;
    width: 5rem;
}
.wap-main .lubobox .luboContent .lubosildein .slbox .lbone .lboneitem .lboneitemleft .lblefttitle{
    width: 90%;padding:0.05rem 0 0.05rem 0.25rem;box-sizing: border-box;
    color: #fff;font-size: 0.28rem;font-weight: bold;text-align: left;
    background: linear-gradient(to right, #01a3f4,80%, transparent);
}
.wap-main .lubobox .luboContent .lubosildein .slbox .lbone .lboneitem .lboneitemleft .des span{font-weight: bold;}
.wap-main .lubobox .luboContent .lubosildein .slbox .lbone .lboneitem .lboneitemleft .des{
    text-align: left;width: 100%;
    font-size: 0.26rem;color: #707070;font-weight: 400; line-height: 0.34rem;
    padding-left: 0.15rem;box-sizing: border-box;
    display: flex;flex-direction: column;align-items: flex-start;gap: 0.1rem;
}
.wap-main .lubobox .luboContent .lubosildein .slbox .lbone .lboneitem .lbriimgbtn{display: flex;flex-direction: column;align-items: center;gap: 0.12rem;}
.wap-main .lubobox .luboContent .lubosildein .slbox .lbone .lboneitem .lbriimgbtn .lbrimg{width: 1.64rem;height: 2.08rem;}
.wap-main .lxbtn{
    display: flex;align-items: center;justify-content: center;gap: 0.12rem;
    background: linear-gradient(to bottom, #fcc535, #ff8b05);border-radius: 0.25rem;
    width: 100%; height: 0.55rem;
}
.wap-main .lxbtn .lxbtnimg{width: 0.39rem;height: 0.39rem;}
.wap-main .lxbtn .lxbtntxt{font-size: 0.24rem;color: #fff;font-weight: bold;line-height: 0.32rem;}
/* 精英学习中心 */
.wap-main .lubobox .luboContent .lubosildein .slbox .jyone{
    width: 100%;margin: 0.15rem 0;
    display: flex;align-items: center;justify-content: space-between;
}
.wap-main .lubobox .luboContent .lubosildein .slbox .jyone .jyoneitem{
    width: 2.15rem; height: 2rem;
    display: flex;flex-direction: column; align-items: center; gap: 0.05rem;
    background: #fff;
    padding: 0.15rem 0 0 0 ;box-sizing: border-box;
    position: relative;
}
.wap-main .lubobox .luboContent .lubosildein .slbox .jyone .jyoneitem .jyoleft{color: #00a3f4;font-size: 0.28rem;font-weight: bold;}
.wap-main .lubobox .luboContent .lubosildein .slbox .jyone .jyoneitem .jyocenter{text-align: center;font-size: 0.24rem;position: relative;z-index: 1;}
.wap-main .lubobox .luboContent .lubosildein .slbox .jyone .jyoneitem .jyoright{
    width: 0.95rem;height: 0.92rem;
    position: absolute;right: 0;bottom: 0;
}
.wap-main .lubobox .luboContent .lubosildein .slbox .jytwo{
    width: 100%;background: #fff;
    display: flex;flex-wrap: wrap; gap: 0.20rem;
    padding: 0.10rem;box-sizing: border-box;
    margin: 0.15rem 0 0.20rem 0;
}
.wap-main .lubobox .luboContent .lubosildein .slbox .jytwo .jytwoitem{
    width: 3.1rem;
    display: flex;flex-direction: column;
}
.wap-main .lubobox .luboContent .lubosildein .slbox .jytwo .jytwoitem .jytititle{
    width: 100%;height: 0.45rem;background: #00a3f4;
    display: flex;align-items: center;justify-content: center;
    color: #fff;font-weight: bold;font-size: 0.28rem;line-height: 0.32rem;
    margin-bottom: 0.1rem;
}
.wap-main .lubobox .luboContent .lubosildein .slbox .jytwo .jytwoitem .jytides{font-size: 0.24rem;line-height: 0.34rem;}
.wap-main .lubobox .luboContent .lubosildein .slbox .jythree{
    width: 100%;padding: 0.12rem 0.20rem 0 0.20rem;box-sizing: border-box;
    background: linear-gradient(to bottom, #deebf7,30%, transparent);
    margin-top: 0.20rem;
}
.wap-main .lubobox .luboContent .lubosildein .slbox .jythree .jythreebox{
    display: flex;flex-direction: column; gap: 0.15rem;margin-top: 0.15rem;
}
.wap-main .lubobox .luboContent .lubosildein .slbox .jythree .jythreebox .jytbitem{
    display: flex;align-items: flex-start;justify-content: space-between;
    background: #fff;
    width: 100%;padding:0.15rem 0.1rem;box-sizing: border-box;
}
.wap-main .lubobox .luboContent .lubosildein .slbox .jythree .jythreebox .jytbitem .jytbleft{width: 3.55rem;}
.wap-main .lubobox .luboContent .lubosildein .slbox .jythree .jythreebox .jytbitem .jytbleft .jytbtlone{display: flex;align-items: center;gap: 0.12rem;}
.wap-main .lubobox .luboContent .lubosildein .slbox .jythree .jythreebox .jytbitem .jytbleft .jytbtoneborder{    
    border-left: 0.04rem solid #3fbaf7;
    color: #3fbaf7;font-size: 0.26rem;font-weight: bold;line-height: 0.28rem;
    padding-left: 0.08rem;
}
.wap-main .lubobox .luboContent .lubosildein .slbox .jythree .jythreebox .jytbitem .jytbleft .jytbtonelogo{
    font-weight: bold;font-size: 0.28rem;color: #fff;
    text-shadow: 0.01rem 0.01rem 0 #00a3f4, -0.01rem 0.01rem 0 #00a3f4, 0.01rem -0.01rem 0 #00a3f4, -0.01rem -0.01rem 0 #00a3f4;
    position: relative;top: -0.05rem;
}
.wap-main .lubobox .luboContent .lubosildein .slbox .jythree .jythreebox .jytbitem .jytbleft .jytbtonelogo .jytblogoborder{
    position: absolute; bottom: 0;left: -0.04rem;
    background: #00a3f4;
    width: 0.9rem;height: 0.18rem;
}
.wap-main .lubobox .luboContent .lubosildein .slbox .jythree .jythreebox .jytbitem .jytbleft .jytbtdes{    
    text-align: left;
    margin-top: 0.08rem;
    font-size: 0.24rem;line-height: 0.4rem;font-weight: 400;
}
.wap-main .lubobox .luboContent .lubosildein .slbox .jythree .jytbright{width: 2.52rem;height: 1.58rem;}
.wap-main .lubobox .luboContent .lubosildein .slbox .jyfour{
    display: flex;flex-direction: column; align-items: center;justify-content: center;
    width: 100%;gap: 0.1rem;
    margin-top: 0.15rem;
}
.wap-main .lubobox .luboContent .lubosildein .slbox .jyfour .jyfouritem{ 
    width: 100%;
    color: #707070;font-size: 0.26rem;text-align: left;
}
.wap-main .lubobox .luboContent .lubosildein .slbox .jyfour .jyfouritem span{color: #3fbaf7;font-weight: bold;}
.wap-main .lubobox .luboContent .lubosildein .slbox .jyfourtable{width: 100%;margin-top: 0.1rem;}
.wap-main .lubobox .luboContent .lubosildein .slbox .jyfourtable tr{}
.wap-main .lubobox .luboContent .lubosildein .slbox .jyfourtable tr th{    
    background: #00a3f4;
    color: #fff;font-size: 0.28rem;
    padding: 0.03rem 0;
}
.wap-main .lubobox .luboContent .lubosildein .slbox .jyfourtable tr td{
    width: 5rem;padding: 0.03rem 0.05rem;box-sizing: border-box;
    font-size: 0.24rem;color: #76797a;
}
.wap-main .lubobox .luboContent .lubosildein .slbox .jyfourtable .gjtr td:nth-child(1){
    background: #00a3f4 !important;
    color: #fff;font-size: 0.26rem;
    width: 1.3rem;border-bottom: 0.01rem solid #fff;box-sizing: border-box;
}
.wap-main .lubobox .luboContent .lubosildein .slbox .jyfourtable tr:nth-child(even) td{background-color: #f0fafc;}
.wap-main .lubobox .luboContent .lubosildein .slbox .jyfourtable tr:nth-child(odd) td{background-color: #def4f9;}
/* 留学预备 */
.wap-main .lubobox .luboContent .lubosildein .slbox .ybone{margin: 0.30rem 0 0.25rem 0;position: relative;}
.wap-main .lubobox .luboContent .lubosildein .slbox .ybone .yboneliucheng{
    width: 100%;height: 2.6rem;
    border: 0.05rem solid #78cdf6;border-left: none;
    position: absolute;left: 0;top: -0.1rem;;
}
.wap-main .lubobox .luboContent .lubosildein .slbox .ybone .yboneliucheng .yblctragle{   
    position: absolute;bottom: 0;left: 0;
    width: 0;height: 0;
    border-bottom: 0.12rem solid #78cdf6;border-left: 0.50rem solid transparent;
}
.wap-main .lubobox .luboContent .lubosildein .slbox .ybone .ybonebox{    
    margin-top: 0.5rem;width: 100%;position: relative;
    display: flex;align-items: flex-start;flex-wrap: wrap;justify-content: space-between;gap: 0.45rem 0;
    width: 100%;padding: 0 0.05rem;box-sizing: border-box;
}
.wap-main .lubobox .luboContent .lubosildein .slbox .ybone .ybonebox .yboneitem{    
    display: flex;flex-direction: column;align-items: center;
    position: relative;
}
.wap-main .lubobox .luboContent .lubosildein .slbox .ybone .ybonebox .yboneitem .yboitop{    
    width: 0.516rem;height: 0.516rem;
    position: absolute;left: 50%;top: -0.30rem;transform: translate(-50%, 0);z-index: 4;
}
.wap-main .lubobox .luboContent .lubosildein .slbox .ybone .ybonebox .yboneitem .ybitopbg{    
    width: 0.7rem;height: 0.35rem;
    position: absolute;left: 50%;top: -0.04rem;transform: translate(-50%, 0);z-index: 3;
    background-color: #f5f6f8;border-radius: 0 0 0.45rem 0.45rem;
}
.wap-main .lubobox .luboContent .lubosildein .slbox .ybone .ybonebox .yboneitem .yboicon{
    width: 2.15rem;height: 1.8rem;
    background: #fff;padding: 0.4rem 0 0 0;
    display: flex;flex-direction: column;align-items: center;
    position: relative;z-index: 2;
}
.wap-main .lubobox .luboContent .lubosildein .slbox .ybone .ybonebox .yboneitem .yboicon .yboictitle{
    color: #00a3f4;font-size: 0.26rem;
    border: 0.01rem solid #00a3f4;
    width: 1.8rem;
    padding: 0.02rem 0;
}
.wap-main .lubobox .luboContent .lubosildein .slbox .ybone .ybonebox .yboneitem .yboicon .yboicdes{
    color: #7a7a7a;font-size: 0.24rem;margin-top: 0.08rem;
}
.wap-main .lubobox .luboContent .lubosildein .slbox .ybsmalltip{
    width: 2.15rem;height: 1.2rem;background-color: #00a3f4;border-radius: 0.35rem;
    font-size: 0.22rem;color: #fff;
    display: flex;align-items: center;justify-content: center;
}
.wap-main .lubobox .luboContent .lubosildein .slbox .ybtwo{display: flex;flex-wrap: wrap; gap: 0.18rem;margin-top: 0.15rem;}
.wap-main .lubobox .luboContent .lubosildein .slbox .ybtwo .ybtwoitem{  display: flex;flex-direction: column;width: 48%;}
.wap-main .lubobox .luboContent .lubosildein .slbox .ybtwo .ybtwoitem .ybtwoitemotop{
    background: #deebf7;width: 100%;height: 1.85rem;
    padding: 0 0.12rem;box-sizing: border-box;
    font-size: 0.26rem;color: #000;
    display: flex;align-items: center;justify-content: center;
}
.wap-main .lubobox .luboContent .lubosildein .slbox .ybtwo .ybtwoitem .ybtwoitembottom{ width: 100%;height: 0.07rem;display: flex; }
.wap-main .lubobox .luboContent .lubosildein .slbox .ybtwo .ybtwoitem .ybtwoitembottom .ybitboone{
    background-color: #00a3f4;
    width: 50%;height: 100%;
}
.wap-main .lubobox .luboContent .lubosildein .slbox .ybtwo .ybtwoitem .ybtwoitembottom .ybitbotwo{
    background-color: #ffb73a;
    width: 50%;height: 100%;
}
/* powerup */
.wap-main .lubobox .luboContent .lubosildein .slbox .pwone{
    margin-top: 0.15rem;
    display: flex;flex-direction: column; align-items: flex-start;gap: 0.2rem;
    width: 100%;
}
.wap-main .lubobox .luboContent .lubosildein .slbox .pwone .pwoneleft{
    width: 100%;
    display: flex;flex-direction: column;gap: 0.12rem;align-items: flex-start;
}
.wap-main .lubobox .luboContent .lubosildein .slbox .pwone .pwoneleft .pwitem{
    width: 100%;height: 0.5rem;
    background: #00a3f4;border-radius: 0.35rem;
    display: flex;align-items: center;
    padding-left: 0.25rem;box-sizing: border-box;
}
.wap-main .lubobox .luboContent .lubosildein .slbox .pwone .pwoneleft .pwitem .pwitempoint{
    width: 0.05rem;height: 0.05rem;
    background: #fff;border-radius: 50%;
    margin-right: 0.12rem;
}
.wap-main .lubobox .luboContent .lubosildein .slbox .pwone .pwoneleft .pwitem .pwitempdes{
    color: #fff;font-size: 0.2rem;font-weight: 300;
}
.wap-main .lubobox .luboContent .lubosildein .slbox .pwone .pwoneleft .pwitem .pwitempdes span{font-weight: bold;}
.wap-main .lubobox .luboContent .lubosildein .slbox .pwone .pwoneright{width: 6.64rem;height: 1.07rem;}
.wap-main .lubobox .luboContent .lubosildein .slbox .pwtwo{    
    display: flex;align-items: center;justify-content: center; flex-wrap: wrap; gap: 0.25rem 0;
    width: 100%;
    margin: 0.25rem 0;
}
.wap-main .lubobox .luboContent .lubosildein .slbox .pwtwo .pwtwoitem{    
    width: 2.2rem;
    display: flex;flex-direction: column;align-items: center;
    border-right: 0.02rem dashed #dcddde;box-sizing: border-box;
    padding : 0 0.15rem;
}
.wap-main .lubobox .luboContent .lubosildein .slbox .pwtwo .pwtwoitem:last-child{border-right: none;padding-right: 0;}
.wap-main .lubobox .luboContent .lubosildein .slbox .pwtwo .pwtwoitem .pwtititle{    
    color: #00a3f4;font-weight: bold;font-size: 0.26rem;
    margin-bottom: 0.05rem;position: relative;
}
.wap-main .lubobox .luboContent .lubosildein .slbox .pwtwo .pwtwoitem .pwtititle::before{
    content: "";
    width: 0.25rem;height: 0.02rem;background:#00a3f4 ;
    position: absolute;left: -0.35rem;top: 50%;transform: translate(0,-50%);
}
.wap-main .lubobox .luboContent .lubosildein .slbox .pwtwo .pwtwoitem .pwtititle::after{
    content: "";
    width: 0.25rem;height: 0.02rem;background:#00a3f4 ;
    position: absolute;right:-0.35rem;top: 50%;transform: translate(0,-50%);
}
.wap-main .lubobox .luboContent .lubosildein .slbox .pwtwo .pwtwoitem .pwtides{ font-size: 0.24rem;color: #666666;height: 1.8rem;}

.wap-main .lubobox .luboContent .lubosildein .slbox .pwtabledes{width: 3.4rem; height: 1.2rem;padding-top: 0.05rem;}
.wap-main .lubobox .luboContent .lubosildein .slbox .pwtabledestwo{
    display: flex;flex-direction: column;align-items: center;
    background: #26bfb4;border-radius: 0.35rem;
    color: #fff;line-height: 0.24rem; font-weight: 300;
    padding: 0.05rem 0;width: 2.5rem;
}
.wap-main .lubobox .luboContent .lubosildein .slbox .pwtabledestwo span{font-weight: bold;font-size: 0.26rem;line-height: 0.34rem;}


/* 新航道博雅留学预备教材 */
.wap-main .jc{margin-top: 0.35rem;}
.wap-main .jcbox{    
    display: flex;flex-direction: column; align-items: center;flex-direction: column;
    background: #f2f6f9;
    width: 100%;padding: 0.15rem;box-sizing: border-box;
    margin-top: 0.25rem;
}
.wap-main .jcbox .jcboxone{
    width: 100%;
    display: flex;flex-direction: column; align-items: center;justify-content: space-between;gap: 0.12rem;
    margin-bottom: 0.12rem;
}
.wap-main .jcbox .jcboxone .jcodes{
    width: 100%;height: auto;background-color: #fff;
    padding: 0.10rem;box-sizing: border-box;
    font-size: 0.26rem;line-height: 0.38rem;text-align: left;color: #828282;
}
.wap-main .jcbox .jcboxone .jctwoimg{width: 6.7rem;height: 1.93rem;}
.wap-main .jcbox .jcboxtwo{ width: 6.7rem;height: 2.528rem; }


/* 新航道博雅留学预备 精英学术教师团队 */
.wap-main .teacher{margin-top: 0.35rem;}
.wap-main .teacher .teamiaoshu{
    display: flex;flex-wrap: wrap; align-items: center;justify-content: center;gap: 0.30rem;
    width: 100%;margin-top: 0.25rem;
}
.wap-main .teacher .teamiaoshu .teamsitem{
    border-left: 0.02rem dashed #a19fa0;
    padding-left: 0.30rem;
    display: flex; align-items: center;gap: 0.10rem;
}
.wap-main .teacher .teamiaoshu .teamsitem:first-child{border-left: none;padding-left: 0;}
.wap-main .teacher .teamiaoshu .teamsitem:last-child{border-left: none;padding-left: 0;}
.wap-main .teacher .teamiaoshu .teamsitem .teamsleft{display: flex;align-items: flex-end;}
.wap-main .teacher .teamiaoshu .teamsitem .teamsleft .teamsnum{position: relative;}
.wap-main .teacher .teamiaoshu .teamsitem .teamsleft .teamsnum .teanum{
    font-size: 0.65rem;color: #fe9a22;font-weight: bold;
    position: relative;z-index: 1;
}
.wap-main .teacher .teamiaoshu .teamsitem .teamsleft .teamsnum .teancricle{
    position: absolute;right: -0.15rem;top: 0.1rem;
    width: 0.3rem;height: 0.3rem;
    background: #a3d7fe;border-radius: 50%;
}
.wap-main .teacher .teamiaoshu .teamsitem .teamsleft .teamsbf{font-size: 0.32rem;color: #fe9a22;font-weight: bold;}
.wap-main .teacher .teamiaoshu .teamsitem .teamsright{    
    color: #a19fa0;font-size: 0.24rem;line-height: 0.32rem;text-align: left;
    border-left: 0.03rem solid #fe9a22;
    display: flex;align-items: center;
    padding-left: 0.10rem;
}

.wap-main .teacher .teabox{
    margin-top:  0.15rem;
    background: #fff;
    width: 100%;padding: 0.20rem  0.10rem;box-sizing: border-box;
    display: flex;flex-wrap: wrap;justify-content: space-between;gap: 0.35rem 0;
}
.wap-main .teacher .teabox .teaitem{
    position: relative;
    width: 2.18rem;height: 3.65rem;
    background: linear-gradient(to bottom,#e8f2fc,transparent);
}
.wap-main .teacher .teabox .teaitem .teaimg{
    position: absolute;bottom: 0;
    width: 2.18rem;height: 3.95rem;
}
.wap-main .teacher .teabox .teaitem .teabg{
    position: absolute;bottom: 0;left: 0;
    width: 2.18rem;height: 1.50rem;
}
.wap-main .teacher .teabox .teaitem .teaname{
    font-size:  0.26rem;font-weight: bold;color: #007ee2;
    position: absolute;bottom:  0.7rem;z-index: 1;
    width: 100%;
    display: flex;justify-content: center;
}
.wap-main .teacher .teabox .teaitem .teades{
    font-size:  0.22rem;color: #fff;line-height:  0.26rem;
    position: absolute;bottom:  0.120rem;
    width: 100%;height:  0.6rem;
    display: flex;align-items: center;justify-content: center;
}

/* 新航道博雅留学预备 科技赋能 */
.wap-main .scine{margin-top: 0.35rem;}
.wap-main .scibox{
    width: 100%; margin-top: 0.25rem;
    display: flex;align-items: center;justify-content: space-between;flex-direction: column;gap: 0.15rem;
}
.wap-main .scibox .sciboxitem{
    width: 100%;height: auto;
    padding: 0.12rem;box-sizing: border-box;
    background: linear-gradient(to bottom,#f3f7fa,transparent);
    display: flex;flex-direction: column;align-items: center;gap: 0.12rem;;
}
.wap-main .scibox .sciboxitem .scittitle{
    width: 100%;height: 0.65rem; background: #01a3f4;
    display: flex;align-items: center;justify-content: center;
    color:#fff;font-size: 0.28rem;font-weight: bold;
}
.wap-main .scibox .sciboxitem .scitimg{width: 6.59rem;height: 3.58rem;}
.wap-main .scibox .sciboxitem .sciteimgbox{    
    width: 100%;
    display: flex;flex-wrap: wrap;justify-content: center;gap: 0.12rem 0.35rem;
}
.wap-main .scibox .sciboxitem .sciteimgbox .scitwoitem{
    display: flex;flex-direction: column;align-items: center;gap: 0.05rem;
}
.wap-main .scibox .sciboxitem .sciteimgbox .scitwoitem .scimg{width: 2.56rem;height: 1.264rem;}
.wap-main .scibox .sciboxitem .sciteimgbox .scitwoitem .scimgdes{font-size: 0.26rem;font-weight: bold;}

/* 新航道博雅留学预备 三大精英学习中心 */
.wap-main .location{padding: 0.35rem 0;}
.wap-main .location .locationBox{ margin-top: 0.25rem;}
.wap-main .location  .locationBox .swiper-scroll .gallery-thumbsTwo {}
.wap-main .location  .locationBox .swiper-scroll .gallery-thumbsTwo .swiper-slide {
    border-top: 0.08rem solid #8e8e8e;
}
.wap-main .location  .locationBox .swiper-scroll .gallery-thumbsTwo .swiper-slide-thumb-active {
    border-top: 0.08rem solid #00a1f4;
}
.wap-main .location  .locationBox .swiper-scroll .gallery-topTwo{box-shadow: 0 0 0.02rem 0.01rem #e6eaeb;}
.wap-main .location  .locationBox .swiper-scroll .gallery-topTwo .swiper-slide{width: 100%;display: flex;align-items: center;justify-content: center;}
.wap-main .location  .locationBox .swiper-scroll .gallery-topTwo .imgzong{
    width: 100%;box-sizing: border-box;
    padding: 0.12rem 0.15rem 0.15rem 0.15rem;
    display: flex;flex-direction: column;align-items: flex-start;gap: 0.15rem;
}
.wap-main .location  .locationBox .swiper-scroll .gallery-topTwo .imgzong .zongdesbox{width: 100%;display: flex;align-items: center;justify-content: space-between;}
.wap-main .location  .locationBox .swiper-scroll .gallery-topTwo .imgzong .imgtitletxt{font-size: 0.28rem ;color: #8e8e8e;}
.wap-main .location  .locationBox .swiper-scroll .gallery-topTwo .imgzong .zongdesbox .activeimgtitletxt{color: #00a1f4;font-weight: bold;}

.wap-main .location  .locationBox .swiper-scroll .gallery-topTwo .imgzong .imgbox{
    width: 100%;display: flex;flex-wrap: wrap;justify-content:space-between;gap:0.15rem 0 ;
}
.wap-main .location  .locationBox .swiper-scroll .gallery-topTwo .imgzong .imgbox .schrightitem{
    width: 3.2385rem;height: 1.972rem; 
}


/* 地址 */
.wap-main .information{padding: 0.25rem 0; position: relative;width: 100%;height: auto; background:#01a3f4;}
.wap-main .information .inforbox{color: #fff;display: flex;flex-direction: column;}
.wap-main .information .inforbox .inforone{font-size: 0.28rem;font-weight: bold;line-height: 0.28rem;}
.wap-main .information .inforbox .inforTwo{margin: 0.2rem auto 0.1rem auto;font-size: 0.24rem;line-height: 0.24rem;font-weight: 400;}
.wap-main .information .inforbox .inforthree{font-size: 0.24rem;font-weight: 200;line-height: 0.24rem;}