/*wap-main*/
.wap-main{width: 100%; height: auto; }
.wap-main .main-myd{width: 6.9rem;height: 100%;position: relative;margin: 0 auto;text-align: center;}

/* 公共title */
.wap-main  .main-myd img{display: block;width: 100%;height: 100%;}
.wap-main .rbtitle{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
}
.wap-main .rbtitle .rtbig{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
}
.wap-main .rbtitle .rtbig .rbleft{
    width: 0.24rem;height: 0.36rem;
}
.wap-main .rbtitle .rtbig .rbtxt{
    font-size: 0.36rem;
    font-weight: bold;
    line-height: 0.36rem;
    color: #010b26;

}
.wap-main .rbtitle .rtsmall{
    font-size: 0.26rem;
    line-height: 0.26rem;
    color: #000000;
}
/* 按钮 */
.wap-main .rbtn{
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-top: 0.25rem;
} 
.wap-main .rbtn .btnimg{
    width: 3.69rem; height: 0.66rem;
} 
.wap-main .rbtn .btntxt{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 0.26rem;
    font-weight: bold;
    color: #fff;
} 
.wap-main .rbtn .btntxt span{color: #fffeb1;} 



/* 顶部 预约*/
.wap-main .top{
    width: 100%; height:auto; 
    background:url(../images/bg01.png) no-repeat top; background-size:100%;background-color: #e3f1fe;
    padding: 1.2rem 0 0.5rem 0;
}
.wap-main .top .topbox{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.wap-main .top .topbox .tbone{
    color: #37a9f2;
    font-weight: bold;
    font-size: 0.28rem;
    line-height: 0.28rem;
    margin-bottom: 0.15rem;
}
.wap-main .top .topbox .tbtwo{
    color: #fff;
    font-weight: bold;
    font-size: 0.96rem;
    line-height: 0.96rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.5rem;
}
.wap-main .top .topbox .tbthree{
    display: flex;
    align-items: center;
    gap: 0.6rem;
    letter-spacing: 0.02rem;
}
.wap-main .top .topbox .tbthree .tbtleft{
    font-size: 0.24rem;
    line-height: 0.24rem;
    font-weight: bold;
    color: #fff;
    padding-left: 0.15rem;
}
.wap-main .top .topbox .tbthree .tbtright{
    font-size: 0.24rem;
    line-height: 0.24rem;
    font-weight: bold;
    color: #fff;
    padding-left: 0.15rem;
}
.wap-main .top .topbox .tbfour{
    color: #fff;
    font-size: 0.24rem;
    margin-top: 0.5rem;
    letter-spacing: 0.02rem;
    font-weight: 200;
    line-height: 0.34rem;
    margin-bottom: 2.2rem;
}


/* 日本留学优势 */
.wap-main .adv{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.15rem;
    margin-top: 0.25rem;
    margin-bottom: 0.50rem;
}
.wap-main .adv .advitem{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding:0  0.3rem;
    box-sizing: border-box;
}
.wap-main .adv .advitem:nth-child(odd) .aditop{
    width: 0.69rem; height: 0.68rem; 
    background: url("../images/bluecricle.png") no-repeat top;
    background-size: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.26rem;
    line-height: 0.26rem;
    font-weight: bold;
    position: absolute;
    left: 0;
}
.wap-main .adv .advitem:nth-child(even) .aditop{
    background: url("../images/redcircle.png") no-repeat top;
    background-size: 100%;
    width: 0.69rem; height: 0.68rem; 
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.26rem;
    line-height: 0.26rem;
    font-weight: bold;
    position: absolute;
    right: 0;
}
.wap-main .adv .advitem .aditop span{
    background: linear-gradient(145deg, #fff,82%, #5c8fbc);
    -webkit-background-clip: text;-webkit-text-fill-color: transparent;
}
.wap-main .adv .advitem:nth-child(even) .aditop span{
    background: linear-gradient(145deg, #fff,82%, #cf757f);
    -webkit-background-clip: text;-webkit-text-fill-color: transparent;
}
.wap-main .adv .advitem:nth-child(odd) .adibottom{
    width: 100%; height: auto;
    background: linear-gradient(to right, #e6f4ff, #fff);
    border-radius: 0.15rem;
    padding: 0.25rem 0.15rem 0.25rem 0.6rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.wap-main .adv .advitem:nth-child(even) .adibottom{
    background: linear-gradient(to left, #fff5f3, #fff);
    width: 100%; height: auto;
    border-radius: 0.15rem;
    padding: 0.25rem 0.6rem 0.25rem 0.15rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.wap-main .adv .advitem .adibottom .adibone{
    display: flex;
    font-size: 0.26rem;
    font-weight: bold;
    margin-bottom: 0.12rem;
}
.wap-main .adv .advitem:nth-child(odd) .adibottom .adibone span{
    color: #00509a;
}
.wap-main .adv .advitem:nth-child(even) .adibottom .adibone span{
    color: #ba1a22;text-align: right;
}
.wap-main .adv .advitem .adibottom .adibtwo{
    font-size: 0.26rem;
    text-align: left;
    line-height: 0.32rem;
    font-weight: 400;
}


/* 日本留学途径 */
.wap-main .tujing{
    width: 100%;
    background-color: #fff;box-shadow: 0 0 0.4rem 0rem #dae8f5;
    border-radius: 0.35rem;
    margin-top: 0.25rem;
}
.wap-main .tujing .rebaonav{
    background-color: #005099;
    border-radius: 0.45rem;
    padding: 0.10rem;
    box-sizing: border-box;
}
.wap-main .tujing .swiper-slide .swnav{
    background-color: #1478c6;
    border-radius: 0.35rem;
    color: #fff;font-size: 0.24rem;
    padding: 0.03rem 0;
}
.wap-main .tujing .swiper-slide-thumb-active .swnav{
    background: linear-gradient(to right, #98d6ff, #ffffff, #fcf1d5);
    border-radius: 0.35rem;
    color: #005097;font-weight: bold;
}
.wap-main .tujing .rebaoContent{
    margin-top: 0.30rem;
}
.wap-main .tujing .rebaoContent .rbtable{
    width: 100%;
    padding: 0 0.2rem 0.30rem 0.2rem;
    box-sizing: border-box;
}
.wap-main .tujing .rebaoContent th{
    background: #5796f3;color: #fff;
    font-size: 0.26rem;font-weight: bold;
    padding: 0.05rem 0;
    border-right: 0.01rem solid #fff;
    box-sizing: border-box;
}
.wap-main .tujing .rebaoContent tr td{
    border-right: 0.01rem solid #fff;
    box-sizing: border-box;
    font-size: 0.22rem;color: #000;
    padding: 0.12rem;
}
.wap-main .tujing .rebaoContent tr:nth-child(odd) td{
    background: #ebf3fe;
}
.wap-main .tujing .rebaoContent tr:nth-child(even) td{
    background: #d7e5ff;
}
.wap-main .tujing .rebaoContent .rtip{
    color: #595959;
    font-size: 0.12rem;text-align: right;
    margin-top: 0.05rem;
}

/* 服务*/
.wap-main  .fuwu{
    width: 100%; height:auto; 
    padding: 0.35rem 0 0.5rem 0;box-sizing: border-box; 
    position: relative;
}
.wap-main .fuwu .fwbox{
    margin: 0.25rem 0 0.50rem 0;
}
.wap-main .fuwu .fwbox .swnav{
    width: 100%;
    background: #005099;
    border-radius: 0.25rem 0.25rem 0 0;
    color: #fff;
    font-size: 0.26rem;
    font-weight: bold;
    padding: 0.12rem 0;
    box-sizing: border-box;
}
.wap-main .fuwu .fuwucontent {    box-shadow: 0 0 0.05rem 0rem #dae8f5;}
.wap-main .fuwu .fwbox .fuwucontent .swiper-slide{
    height: 8.5rem;padding: 0.15rem 0 ;
}
.wap-main .fuwu .fwbox .fwtable{
    background: #fff;
    width: 100%; height: 100%;overflow-y: scroll;
    padding: 0 0.15rem ;
    box-sizing: border-box;
}
.wap-main .fuwu .fuwucontent .thone th{
    background: #5796f3;color: #fff;
    font-size: 0.26rem;font-weight: bold;
    padding: 0.05rem 0;border-right: 0.01rem solid #FFF;box-sizing: border-box;
}
.wap-main .fuwu .fuwucontent td{
    color: #000;
    font-size: 0.24rem;
    padding: 0.08rem;box-sizing: border-box;
}
.wap-main .fuwu .fuwucontent td:last-child{
    text-align: left;
    padding-left: 0.15rem;
    box-sizing: border-box;
}
.wap-main .fuwu .fuwucontent .colorone  td{
    background-color: #d7e5ff;border-right: 0.01rem solid #FFF;border-bottom: 0.01rem solid #FFF;
}
.wap-main .fuwu .fuwucontent .colortwo  td{
    background-color: #ebf3fe;border-right: 0.01rem solid #FFF;border-bottom: 0.01rem solid #FFF;
}
/* 日语培训课程 */
.wap-main .fuwu .fuwucontent .tabletwo th{
    background: #f4584d;color: #fff;
    font-size: 0.26rem;font-weight: bold;
    padding: 0.05rem 0;border-right: 0.01rem solid #FFF;box-sizing: border-box;
}
.wap-main .fuwu .fuwucontent .tabletwo .colorone  td{
    background-color: #ffe6e6;
}
.wap-main .fuwu .fuwucontent .tabletwo .colortwo  td{
    background-color: #fff5f5;
}
.wap-main .fuwu .fuwucontent .tabletwo td:last-child{
    text-align: center;
    padding-left: 0;
}


/* 新航道硬核实力 为留学护航 */
.wap-main .huhang{
    margin-top: 0.25rem;
    position: relative;
    background: #ba1b20;
    padding: 0.35rem 0.15rem 0.2rem 0.15rem;
    box-sizing: border-box;
}
.wap-main .huhang .zsdesitem{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
}
.wap-main .huhang .zsdesitem .hhImg{
    width: 3.91rem;height: 3rem;
}
.wap-main .huhang .zsdesitem .zsdes{
    color: #fff;
    font-size: 0.26rem;
    font-weight: 300;
    background: #d9282e;
    border-radius: 0.3rem;
    width: 100%;
    height: 0.55rem;
    display: flex;
    align-items: center;
    justify-content: center;
}


/* 日本留学学校推荐*/
.wap-main .tuijian{
    width: 100%; height:auto; 
    padding: 0.35rem 0;box-sizing: border-box; 
    background: url("../images/bg02.png") no-repeat bottom;background-color: #005099;
    position: relative;
}
.wap-main .tuijian .tjbox{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.15rem ;
    margin-top: 0.25rem;
}
.wap-main .tuijian .tjbox .tjitem{
    width: 2.2rem;
    height: 2.2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #fff;
    border-radius: 0.20rem;
    position: relative;
    padding: 0.25rem 0.10rem 0.10rem 0.10rem;
    box-sizing: border-box;
}
.wap-main .tuijian .tjbox .tjitem .tiright{
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 0 0.20rem 0 0.15rem;
    background: linear-gradient(to right, #bb1a22, #d20a17);
    padding: 0.05rem 0.16rem;
    color: #fff;
    font-size: 0.2rem;
    line-height: 0.2rem;
}
.wap-main .tuijian .tjbox .tjitem .timg{
    width: 0.89rem;height: 0.84rem;
}
.wap-main .tuijian .tjbox .tjitem .tiname{
    color: #00457d;
    font-size: 0.24rem;
    line-height: 0.24rem;
    font-weight: bold;
    margin: 0.12rem 0 0.08rem 0;
}
.wap-main .tuijian .tjbox .tjitem .tinametwo{
    color: #848484;font-size: 0.2rem;
    line-height: 0.26rem;
}

/* 新航道留学服务流程*/
.wap-main .liucheng{
    width: 100%; height:auto; 
    padding: 0.35rem 0 1.3rem 0 ;box-sizing: border-box; 
    background: url("../images/bg03.png") no-repeat bottom;background-color: #fff;
    position: relative;
}
.wap-main .liucheng .lcbox{
    margin-top: 0.25rem;
    position: relative;
}
.wap-main .liucheng .lcbox .lcimg{
    width: 6.85rem;height: 8.51rem;
    margin: 0 auto;
}
.wap-main .liucheng .lcbox .lctxt{
    position: absolute;
    top: 0.57rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.98rem 0.35rem;
    width: 100%;
    padding: 0 0.250rem 0 0.3rem;
    box-sizing: border-box;
}
.wap-main .liucheng .lcbox .lctxt .lcitem{
    width: 1.87rem;
    height: 0.85rem;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.22rem;
    line-height: 0.26rem;
    position: relative;
}