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

/* 按钮 */
.wap-main .jqbtn{
    margin-top: 0.25rem;
    display: flex;align-items: center;justify-content: center;gap: 0.2rem;
}
.wap-main .jqbtn .jqbtnone{
    position: relative;
    width: 3rem;height: 0.65rem;
    box-sizing: border-box;
    background: #6325e8;border-radius: 0.35rem;
    display: flex;align-items: center;justify-content: center;
    border-bottom: 0.06rem solid #110085;
    box-shadow: inset 0.05rem 0 0.05rem 0 #7a2ef0,inset -0.03rem 0 0.05rem 0 #a06ffe;
}
.wap-main .jqbtn .jqbtnone .btncontent{
    color: #fff;font-size: 0.28rem;line-height:0.28rem;font-weight: bold;
    position: relative;z-index: 1;
}
.wap-main .jqbtn .jqbtnone .iconlt{
    width: 0.35rem;height: 0.25rem;
    position: absolute;
    background: linear-gradient(45deg, #7625ec, #8521f3, 81%, #7625ec);border-radius: 0.35rem 0 0 0;
}
.wap-main .jqbtn .jqbtnone .iconlt::after{
    content: '';
    width: 0.35rem;height: 0.20rem;
    background: #6325e8;border-radius: 0.35rem 0 0 0;
    position: absolute;left: 0.07rem;top: 0.05rem;
}
.wap-main .jqbtn .jqbtnone .iconrb{
    width: 0.35rem;height: 0.25rem;
    position: absolute;
    background: linear-gradient(45deg, #6325e8, #8d58fe, 81%, #6325e8);border-radius:  0 0 0.35rem 0;
}
.wap-main .jqbtn .jqbtnone .iconrb::after{
    content: '';
    width: 0.35rem;height: 0.20rem;
    background: #6325e8;border-radius: 0 0 0.35rem 0;
    position: absolute;right: 0.07rem;bottom: 0.05rem;
}
.wap-main .jqbtn .jqbtnone .btnhand{ 
    width: 0.68rem;height: 0.6rem;
    position: absolute;bottom: -0.35rem;right: -0.35rem;z-index: 3;
    animation: handleanimation 2s ease infinite;
}

/* .wap-main .jqbtn .jqbtnone:nth-child(2){
    animation: borderwai 2s ease infinite;transition: animation 2s ease;
} */
.wap-main .jqbtn .jqbtnone:nth-child(2) .btncontent{
    animation: btntxtle 2s ease infinite;
}
.wap-main .jqbtn .jqbtnone:nth-child(2) .iconlt{
    background: linear-gradient(45deg, #ffc653, #ffdd79, 81%, #ffc653);
}
.wap-main .jqbtn .jqbtnone:nth-child(2) .iconlt::after{
    background: #ffbc4b;
}
.wap-main .jqbtn .jqbtnone:nth-child(2) .iconrb{
    background: linear-gradient(45deg, #fed650, #ffe175, 81%, #ffbc4b);
}
.wap-main .jqbtn .jqbtnone:nth-child(2) .iconrb::after{
    background: #ffbc4b;
}
/* 手 */
@keyframes handleanimation {
    0% { transform: none;  }
    20% { transform: translate(-0.10rem,-0.10rem); }
    30% { transform: scale3d(0.8, 0.8, 0.8); }
    40% { transform: scale3d(0.9, 0.9, 0.9); }
    50% { transform: scale3d(1,1,1); }
    100% { transform: none; }
}
/* 文字 */
@keyframes btntxtle {
    0% ,20% ,30% { transform: none; }
    40% { transform: scale3d(0.8, 0.8, 0.8) ; }
    50% ,80% ,100% { transform: none; }
}
/* 边框下沉 */
/* animation: borderwai 2s ease infinite; */
@keyframes borderwai {
    0% ,20% ,30% { border-bottom: 0.04rem solid #f48005; }
    40% { border: none; }
    50% ,80% ,100% { border-bottom: 0.04rem solid #f48005; }
}

/* 标题 */
.wap-main .alltitle{
    position: relative;
    display: flex;align-items: center;justify-content: center; gap: 0.25rem;
}
.wap-main .alltitle .titleone{ 
    color: #1c2949;font-weight: 600;font-size: 0.44rem;line-height: 0.44rem;
    position: relative;top: -0.03rem; 
}
.wap-main .alltitle .titleone span{
    background: linear-gradient(to right, #252c58,37%, #5341b1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.wap-main .alltitle .titleicon{ width: 0.3rem;height: 0.43rem; }




/* 顶部*/
.wap-main .sectionone{
    width: 100%; height:auto;
    background: url("../images/bg01.png") no-repeat top;background-size: 100%;background-color: #f8f8f8;
    padding:0 0 0.65rem 0;box-sizing: border-box;
}
.wap-main .sectionone .one{
    display: flex;align-items: flex-end;
    padding-top: 1.2rem;padding-left: 0.3rem;
    margin-bottom: 1rem;
    position: relative;
}
.wap-main .sectionone .one .oneleft{
    display: flex;flex-direction: column;align-items: flex-start;justify-content: center;
}
.wap-main .sectionone .one .oneleft .oltxtone{
    width: 100%;
    display: flex;align-items: flex-end;justify-content: space-between;
}
.wap-main .sectionone .one .oneleft .oltxtone .oltobig{
    font-size: 0.85rem;font-weight: bold;line-height: 0.85rem;
    background: linear-gradient(to right, #1b2946,52%,#353476, #4e40a2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.wap-main .sectionone .one .oneleft .oltxtone .oltosmall{
    display: flex;flex-direction: column;align-items: flex-start;
}
.wap-main .sectionone .one .oneleft .oltxtone .oltosmall .olsmalltop{ font-size: 0.18rem;letter-spacing: 0.06rem;line-height: 0.18rem;font-weight: 300; }
.wap-main .sectionone .one .oneleft .oltxtone .oltosmall .olsmallbottom{ font-size: 0.24rem;line-height: 0.24rem;font-weight: 300; }
.wap-main .sectionone .one .oneleft .oltxttwo{
    font-size: 0.85rem;font-weight: bold;line-height: 0.85rem;color: #1b2946;
    margin: 0.15rem auto 0.3rem auto;
}
.wap-main .sectionone .one .oneleft .oltxtthree{
    width: 90%;
    background: linear-gradient(to right, #5d1de3, 70%, transparent);border-radius: 0.2rem 0 0 0.2rem;
    display: flex;align-items: center;
    color: #fff;font-size: 0.28rem;line-height: 0.38rem;font-weight: 500;letter-spacing: 0.01rem;text-align: left;
    padding: 0.05rem 0 0.05rem 0.25rem;
}
.wap-main .sectionone .one .oneright{
    width: 2.27rem;height: 3.22rem;
    position: absolute;bottom: 0;right: -0.25rem;
}


/* AP课程简介 */
.wap-main .sectionone .jianjie{
    width: 100%;
    background-color: #fff;box-shadow: 0 0 0.10rem 0.05rem #ecebf3;
    margin: 0.35rem 0 0 0;
    display: flex;flex-direction: column;gap: 0.2rem;
    position: relative;
    padding: 0.25rem;box-sizing: border-box;
}
.wap-main .sectionone .jianjie .jjtop{
    width: 100%;
    text-align: left;font-size: 0.26rem;line-height: 0.42rem;font-weight: 400;color: #343434;
}
.wap-main .sectionone .jianjie .jjbottom{
    width: 6.5rem;height: 2.72rem;
}
.wap-main .sectionone .jjright{
    width: 100%;
    background-color: #7652f4;
    position: relative;
    display: flex;flex-direction: column; align-items: flex-start;gap: 0.25rem;
    padding: 0.15rem 0.15rem 0.25rem 0.35rem;box-sizing: border-box;
}
.wap-main .sectionone .jjright .jjrformtitle{ color: #fff;font-size: 0.32rem;font-weight: bold;padding-left: 0.2rem;}
.wap-main .sectionone .jjright .jjrimgtwo{width: 1.59rem;height: 1.06rem;position: absolute; right: 0.2rem;top: -0.2rem;}
.wap-main .sectionone .jjright .jjrform{ 
    width: 100%;
    display: flex;align-items: flex-start;justify-content: space-between;
}
.wap-main .sectionone .jjright .jjrform .get-form{
    width: 5.5rem;
    background-color: #563bca;
    padding:0.15rem;box-sizing: border-box;
}
.wap-main .get-form .get-form-top{display: flex;align-items: center;justify-content: center;flex-direction: column;}
.wap-main .get-form .get-form-top .gft-item{
    width: 100%;height: 0.75rem;
    position: relative;
    display: flex;align-items: center;
    background: #ffffff;
    padding: 0 0 0 0.25rem;box-sizing: border-box;
    margin-bottom: 0.3rem;
}
.wap-main .get-form .get-form-top .gft-item .gfi-img{width: 0.3rem;height: 0.36rem;margin-right: 0.3rem;}
.wap-main .get-form .get-form-top .gft-item .gfi-input{height: 100%;}
.wap-main .get-form .get-form-top .gft-item .gfi-input input{font-size: 0.28rem;}
.wap-main .get-form .get-form-top .gft-item .gfi-input .gfi-input-name{border: none;background: #ffffff;height: 100%;}
.wap-main .get-form .get-form-top .gft-item .gfi-getCode{position: absolute;right: 0.2rem;top: 50%;transform: translate(0, -50%);}
.wap-main .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-form .get-form-top .gft-submit{
    color: #322f5c;font-size: 0.3rem;font-weight: bold;
    width: 100%;height: 0.75rem;
    background:#ffba4a  ;
    padding: 0 0.65rem;box-sizing: border-box;
    display: flex;align-items: center;justify-content: center;gap: 0.08rem;
}
.wap-main .get-form .get-form-bottom{display: flex;align-items: center;justify-content: center;margin-top: 0.2rem;font-size: 0.22rem;}

.wap-main .sectionone .jjright .jjrdes{
    color: #fdba49;font-size: 0.28rem;font-weight: bold;writing-mode: vertical-lr;text-orientation: upright;letter-spacing: 0.1rem;
    background: #5539ca;border-radius: 0.30rem;
    width: 0.6rem;height: 4.4rem;
    display: flex;align-items: center;
    padding-top: 0.5rem;box-sizing: border-box;
    position: relative;margin-top: 0.12rem;
}
.wap-main .sectionone .jjright .jjrdes span{
    width: 0.5rem;height: 0.5rem;
    padding-right: 0.03rem;box-sizing: border-box;
    display: flex;align-items: center;justify-content: center;
    background-color: #ffbb49;border-radius: 50%;
    color: #7652f4;font-size: 0.28rem;line-height: 0.28rem;
    position: absolute;top: -0.12rem;
}


/*  */
.wap-main .sectiontwo{
    width: 100%; height:auto;
    background: url("../images/bg02.png") no-repeat bottom;background-size: 100%;background-color: #f8f8f8;
    padding:0 0 0.35rem 0;box-sizing: border-box;
}
.wap-main .sectiontwo .duibox{
    position: relative;
    width: 100%;
    padding: 0.15rem; box-sizing: border-box;
    margin-top: 0.35rem;
    background-color: #fff;box-shadow: 0 0 0.05rem 0 #ecebf3;
}
.wap-main .sectiontwo .duibox .dutitle{
    color: #000;
    font-size: 0.18rem;
    line-height: 0.18rem;
}
.wap-main .sectiontwo .duibox .tabletile{
    width: 100%;
    background-color: #7753f3;
    color: #fff;font-size: 0.3rem;font-weight: bold;
    padding: 0.1rem 0;
}
.wap-main .sectiontwo .duibox .dutable{ }
.wap-main .sectiontwo .duibox .dutable td{
    font-size: 0.26rem;
    padding: 0.05rem;box-sizing: border-box;
    border-right: 0.01rem solid #fff;border-bottom: 0.01rem solid #fff;
    background-color: #f1eeff;
    width: 1.675rem;
}
.wap-main .sectiontwo .duibox .dutable tr td:nth-child(1){ background-color: #322f5c;color: #fff;}
.wap-main .sectiontwo .duibox .dutable tr td:nth-child(3){ background-color: #322f5c;color: #fff;}

.wap-main .swiper-wrapper{margin-bottom: 0.10rem;}
.wap-main .swiper-pagination-bullet{
    width: 0.12rem;height: 0.12rem;background-color: #d0cfce;opacity: 1;
}
.wap-main .swiper-pagination-bullet-active{
    width: 0.12rem;height: 0.12rem;background-color: #106cf5;
}


/* AP课程优势 */
.wap-main .sectiontwo .ysbox{
    margin-top: 0.85rem;
    width: 100%;
    display: flex;flex-wrap: wrap; align-items: flex-start ;justify-content: space-between;gap: 0.7rem 0;
}
.wap-main .sectiontwo .ysbox .ysboxitem{
    width: 2.25rem;height: 4.15rem;
    display: flex;flex-direction: column;align-items: center;gap: 0.12rem;
    background-color: #fff;
    padding: 0.90rem 0.15rem 0 0.15rem;box-sizing: border-box;
    position: relative;
}
.wap-main .sectiontwo .ysbox .ysboxitem .ysitemimg{
    width: 1.675rem;height: 1.675rem;
    position: absolute;left: 50%;top: -0.75rem; transform: translate(-50%,0);
}
.wap-main .sectiontwo .ysbox .ysboxitem .ysitemtitle{    
    color: #5d1ee1;font-size: 0.24rem;font-weight: bold;line-height: 0.24rem;
    width: 100%;
    padding-bottom: 0.15rem;
    border-bottom: 0.01rem solid #5d1ee1;
    position: relative;
}
.wap-main .sectiontwo .ysbox .ysboxitem .ysitemtitle::after{
    content: '';
    width: 0.07rem;height: 0.07rem;
    background-color: #5d1ee1;border-radius: 50%;
    position: absolute;bottom: -0.05rem;left: 50%;transform: translate(-50%, 0);
}
.wap-main .sectiontwo .ysbox .ysboxitem .ysitemdes{ text-align: left;font-size: 0.24rem;line-height: 0.36rem;font-weight: 400; } 


/* AP课程科目 */
.wap-main .kmbox{
    background-color: #f8f8f8;
    padding: 0.5rem 0;box-sizing: border-box;
}
.wap-main .kmtitle{
    font-size: 0.26rem;text-align: center;
    width: 6rem;margin: 0.25rem auto;
}
.wap-main .kmswiper{
    background-color: #fff;box-shadow: 0 0 0.05rem 0 #ecebf3;
    width: 100%;
    padding: 0.20rem;box-sizing: border-box;
}
.wap-main .kmswiper .kemu{
    width: 100%;
    position: relative;
}
.wap-main .kemu .tabletile{
    width: 100%;
    background-color: #7753f3;
    color: #fff;font-size: 0.26rem;font-weight: bold;
    padding: 0.12rem 0;
}
.wap-main .kemu .tdcontent{
    width: 100%;
    background-color: #f1eeff;
    color: #000;font-size: 0.26rem;text-align: left;line-height: 0.38rem;
    padding: 0.12rem 0.25rem 0.12rem 0.25rem;box-sizing: border-box;
}

/* 新航道AP课程 */
.wap-main .kc{
    background-color: #f8f8f8;
    padding: 0.35rem 0;box-sizing: border-box;
}
.wap-main .kc .kcbox{
    margin-top: 0.25rem;
}
.wap-main .kc .kcbox .kctitle{
    position: relative;
    display: flex;align-items: flex-end;
}
.wap-main .kc .kcbox .kctitle .kctitleicon{
    width: 0.57rem;height:0.77rem;
    position: absolute;left: -0.20rem;bottom: -0.02rem;
    z-index: 3;
}
.wap-main .kc .kcbox .kctitle .kctitleone{
    width: 2.65rem;height: 0.55rem;
    background: #7753f3;border-radius: 0 0.25rem 0 0;
    display: flex;align-items: center;justify-content: flex-start;
    color: #fff;font-size: 0.28rem;font-weight: 500;
    padding-left: 0.65rem;box-sizing: border-box;
    position: relative;z-index: 2;
}
.wap-main .kc .kcbox .kctitle .kctitleborder{
    width: 0.95rem;height: 0.55rem;
    background: #aee438;box-shadow: 0.02rem -0.02rem 0.05rem 0.01rem #e5e9e8;border-radius: 0 0.25rem 0 0;
    position: relative;left: -0.20rem;
    z-index: 1;
}
.wap-main .kc .kccontent{
    width: 100%;
    display: flex;
    background: #fff;box-shadow: 0 0 0.1rem 0 #ecebf3;
    padding: 0.20rem;box-sizing: border-box;
}
.wap-main .kc .kccontent .kccleft{    
    width: 100%;
    display: flex;flex-direction: column;align-items: flex-start;gap: 0.15rem;
}
.wap-main .kc .kccontent .kcclone{    
    width: 80%;height: 0.5rem;
    padding-left: 0.15rem;box-sizing: border-box;
    display: flex;align-items: center;gap: 0.08rem;
    background: linear-gradient(to right, #fff5e9, transparent);
    color: #000;font-size: 0.26rem;text-align: left;
}
.wap-main .kc .kccontent .kccleft .kccltwo{
    width: 100%;
    display: flex;flex-wrap: wrap;align-items: center;gap: 0.2rem 0;
}
.wap-main .kc .kccontent .kccleft .kccltwo .kccltitem{ 
    width: 2.1rem; 
    font-size: 0.24rem;line-height: 0.24rem; 
}
/* AP定制课 */
.wap-main .kc .kccontent .kcthree{    
    width: 100%;
    display: flex;flex-wrap: wrap; justify-content: space-between;gap: 0.12rem 0;
    margin-top: 0.12rem;
}
.wap-main .kc .kccontent .kcthree .kcthitem{    
    width: 3.2rem;
    display: flex;flex-direction: column;align-items: center;gap: 0.1rem;
    background: #f3f1ff;
    padding: 0.15rem 0.1rem;box-sizing: border-box;
    color: #000;font-size: 0.26rem;line-height: 0.34rem;
}
.wap-main .kc .kccontent .kcthree .kcthitem span{ color: #7752f7;font-size: 0.26rem;font-weight: bold; }
.wap-main .titlesmall{
    font-size: 0.18rem;font-weight: 400;
    margin: 0.25rem auto 0.12rem auto;
}


/* 最后 */
.wap-main .last{ 
    width: 100%; height:auto;
    background: url("../images/bg03.png") no-repeat bottom;background-size: 100%;background-color: #f8f8f8;
    padding: 0.5rem 0 0.65rem 0;box-sizing: border-box;
}
/* 新航道AP 师资 */
.wap-main .last .tea{
    width: 100%;
    background: #fff; box-shadow: 0 0 0.08rem #ecebf3;
    padding: 0.2rem;box-sizing: border-box;
}
.wap-main .last .tea .teaitem{ 
    width: 6.6rem;
    display: flex;align-items: center; 
}
.wap-main .last .tea .teaitem .teaimg{ width: 3.08rem;height: 4.79rem; }
.wap-main .last .tea .teaitem .teades{
    width: 3.52rem;height: 4.79rem;
    background-color: #0c3db3;
    display: flex;flex-direction: column;align-items: flex-start;
    padding: 0.3rem 0.15rem 0 0.15rem;box-sizing: border-box;
}
.wap-main .last .tea .teaitem .teades .teaname{
    color: #c5e627;font-size: 0.3rem;font-weight: bold;
}
.wap-main .last .tea .teaitem .teades .teazj{ color: #fff;font-size: 0.26rem;font-weight: 300;text-align: left; }
.wap-main .last .tea .teaitem .teades .teadestitle{    
    background: #c5e627;border-radius: 0.25rem;
    width: 2rem;height: 0.4rem;
    color: #093193;font-weight: bold;font-size: 0.24rem;line-height: 0.24rem;
    display: flex;align-items: center;justify-content: center;
    margin: 0.25rem 0 0.05rem 0;
}
/* 新航道北美 四大旗舰校区 */
.wap-main .school{
    position: relative;
    width: 100%;height: auto; 
}
/* nav */
.wap-main .school .settScrollnav{margin-top: 0.25rem;}
.wap-main .school .settScrollnav .schoolnav{}
.wap-main .school .settScrollnav .schoolnav .swiper-slide{ border-bottom: 0.1rem solid #999999; }
.wap-main .school .settScrollnav .schoolnav .swiper-slide-thumb-active{ border-bottom: 0.1rem solid #7652f4; }
/* content */
.wap-main .school .schoolContent .schcontentBox{
    background-color: #fff;box-shadow: 0 0 0.05rem 0 #ebebeb;
    width: 100%;padding-top: 0.12rem;
    display: flex;flex-direction: column;align-items: flex-start;
}
.wap-main .school .schoolContent .allschoolname{
    width: 100%;
    display: flex;align-items: center;
}
.wap-main .school .schoolContent .allschoolname .scname{
    width: 25%;
    display: flex;align-items: center;justify-content: center;
    color: #999;font-size: 0.26rem;font-weight: bold;
}
.wap-main .school .schoolContent .allschoolname .scnameactive{ color: #7652f4; }
.wap-main .school .schoolContent .schitemaddess{
    width: 100%;
    color: #4d4d4d;font-size: 0.28rem;line-height: 0.28rem;text-align: center;
    margin: 0.3rem 0 0.1rem 0;
}
/* 图片 */
.wap-main .school .schoolContent .imgzong{ 
    width: 100%;
    padding: 0 0.15rem 0.15rem 0.15rem;box-sizing: border-box;
    display: flex;flex-wrap: wrap;align-items: flex-start;justify-content: space-between;gap: 0.15rem 0;
}
.wap-main .school .schoolContent .imgzong .schrightitem{width: 3.2385rem;height: 1.972rem;}

/* 文字介绍 */
.wap-main .last .desbox{ 
    display: flex;flex-direction: column;align-items: center;justify-content: center;
    margin-top: 0.35rem;
}
.wap-main .last .desbox .laone{ 
    background: linear-gradient(to right, #fff, #e7f2f6, #f8e5e9, #fff);border-radius: 0.35rem;
    width: 4.35rem;height: 0.5rem;
    display: flex;align-items: center;justify-content: center;
    color: #7753f5;font-size: 0.3rem;font-weight: bold;line-height: 0.3rem;
    margin: 0 auto 0.15rem auto; 
}
.wap-main .last .desbox .latwo{ 
    color: #fff;font-weight: 400;font-size: 0.26rem;line-height: 0.36rem;
}