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;}
img{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;position: relative; }
.wap-main .main-m{width:7rem; height: 100%;position: relative; margin: 0 auto; text-align: center;}
.wap-main img{display: block;width: 100%;height: 100%;}

/* biaoti */
.wap-main .titleall{}
.wap-main .titleall .bigtitle{font-size: 0.4rem;line-height: 0.4rem;font-weight: bold;color: #343434;}
.wap-main .titleall .bigtitle span{color: #efa800;}
.wap-main .titleall .smalltitle{text-align: center;font-size: 0.28rem;color: #323232;line-height: 0.4rem;margin-top: 0.1rem;}

/*顶部 */
.wap-main .top{width: 100%; background-color: #d00000;position: relative;}
.wap-main .topbg{width: 7.5rem;height: 8.09rem;position: absolute;z-index: 0; left: 0;bottom: 0;}
.wap-main .topbg img{width: 7.5rem;height: 8.09rem;}

.wap-main .top .topbox{position: relative;z-index: 1;padding-top: 0.45rem;}
.wap-main .top .topbox .topone{ font-size: 0.78rem;line-height: 0.82rem;font-weight: bold;margin-bottom: 0.1rem;color: #ffc233;}
.wap-main .top .topbox .topTwo{background: linear-gradient(to right, #ffffff, 88%, #fed2a5);background-clip: text;color: transparent;font-size: 0.8rem;line-height: 0.9rem;font-weight: bold;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.wap-main .top .topbox .topimg{width: 4.99rem;height: 0.59rem;margin: 0.25rem auto 0 auto;}
.wap-main .top .topbox .toptime{font-size: 0.24rem;color: #fff;line-height: 0.24rem;margin:0.2rem 0 0.5rem 0;}

.wap-main .top .topbox .topInbox{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.wap-main .top .topbox .topInbox .topItem{display: flex;flex-direction: column;align-items: center;justify-content: center;width: 3.5rem; margin-bottom: 0.35rem;box-sizing: border-box;}
.wap-main .top .topbox .topInbox .topItem .itemimg{width: 0.53rem;height: 0.43rem;margin-bottom: 0.15rem;}
.wap-main .top .topbox .topInbox .topItem .itemdes{text-align: center;font-size: 0.26rem;color: #fff;}
.wap-main .top .topbox .topInbox .topItem .itemdes span{color: #fec230;}

.wap-main .topblack{width: 100%;height: 0.55rem;background-color: #960001;}

/* 预约 */
.wap-main .resove{ position: relative;background-color: #eeeeee;padding: 0.2rem 0;}
.wap-main .resove .get-form{width: 100%;height: auto;box-sizing: border-box;border: 0.01rem solid #d0d0d0;}
.wap-main .resove .get-form .get-form-top{width: 100%;display: flex;flex-direction: column;background-color: #eeeeee;padding: 0.35rem;box-sizing: border-box;}
.wap-main .resove .get-form .get-form-top .gft-item{width: 100%;height: 0.75rem;position: relative;display: flex;align-items: center;border: 0.02rem solid #c7c7c7;background-color: #fff;margin-bottom: 0.35rem;box-shadow: 0.1rem 0.15rem 0.1rem #c8c8c8;padding: 0.1rem 0.2rem;box-sizing: border-box;}
.wap-main .resove .get-form .get-form-top .gft-item .gfi-title{ width: 1.2rem;height: 100%;margin-right: 0.05rem;display: flex;align-items: center;font-size: 0.28rem;font-weight: bold;}
.wap-main .resove .get-form .get-form-top .gft-item .gfi-input .gfi-input-name{width: 100%;height: 100%;border: none;background: #ffffff;font-size: 0.26rem;}
.wap-main .resove .get-form .get-form-top .gft-item .gfi-getCode{position: absolute;right: 0.05rem;top: 50%;transform: translate(0, -50%);}
.wap-main .resove .get-form .get-form-top .gft-item .gfi-getCode .getYzm{border: none;padding: 0.06rem 0.15rem;display: flex;align-items: center;justify-content: center;color: #192c4c;font-size: 0.28rem;background-color: #ffffff;}
.wap-main .resove .get-form .get-form-top .gft-submit{position: relative; height: 0.65rem;box-shadow: 0.1rem 0.15rem 0.1rem #c8c8c8;background-color: #ce000d;padding: 0 0.15rem;display: flex;align-items: center;justify-content: center;color: #fffeff;font-size: 0.32rem;font-weight: bold;}
.wap-main .resove .get-form .get-form-top .gft-submit .activetxt{animation: cricleHandle 2s ease infinite;}
.wap-main .resove .get-form .get-form-top .gft-submit .handactive{animation: fingerHandle 2s ease infinite;position: absolute;right: 0;top: 0.2rem;width: 0.91rem;height: 0.82rem;}
@keyframes cricleHandle {
    0% {
        transform: none;
    }
    20% {
        transform: none;
        
    }
    30% {
        transform: none;
    }
    40% {
        transform: scale3d(0.8, 0.8, 0.8);
    }
    50% {
        transform: none;
    }
    80%{
        transform: none;
    }
    100% {
        transform: none;
    }
}
@keyframes fingerHandle {
    0% {
        transform: none;
    }
    20% {
        transform: translate(-0.2rem,-0.2rem);
        
    }
    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;
    }
}

.wap-main .resove .get-form .get-form-bottom{display: flex;align-items: center;justify-content: center;margin-top: 0.25rem;font-size: 0.24rem;}

.wap-main .resove .retwotitle{color: #fff;font-weight: bold;font-size: 0.36rem;line-height: 0.46rem; font-weight: bold;}
.wap-main .resove .retwotitle span{color: #ffc233;}

/* 第106届国际学校长见面会 演讲嘉宾 */
.wap-main .teacher{padding: 0.45rem 0;}
.wap-main .teacher .teabox{margin-top: 0.25rem;}
.wap-main .teacher .teabox .teaboxitem{display: flex;background-color: #ededed;padding: 0.25rem;box-sizing: border-box;margin-bottom: 0.25rem;}
.wap-main .teacher .teabox .teaboxitem:last-child{margin-bottom: 0;}
.wap-main .teacher .teabox .teaimg{width: 1.95rem;height: 1.96rem;margin-right: 0.25rem;}
.wap-main .teacher .teabox .teades{display: flex;flex-direction: column;align-items: baseline;justify-content: space-between;}
.wap-main .teacher .teabox .teades .teaname{font-size: 0.32rem;font-weight: bold;color: #000000;}
.wap-main .teacher .teabox .teades .teatxt{font-size: 0.26rem;text-align: left;line-height: 0.32rem;color: #343434;width: 4.25rem;margin: 0.1rem 0;}

.wap-main .teaaskbtn{display: flex;align-items: center;justify-content: center;width: 3rem;padding: 0.1rem 0;background-color: #c60f13;border-radius: 0.05rem;}
.wap-main .teaaskbtn .teahand{width: 0.25rem;height: 0.3rem;margin-right: 0.1rem;}
.wap-main .teaaskbtn .teabtntxt{font-size: 0.32rem;line-height: 0.32rem;color: #fff;font-weight: bold;}

/* 展会现场 豪礼相送 */
.wap-main .gift{background-color: #c60f13;padding: 0.35rem;}
.wap-main .gift .giftbox{ display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;margin-top: 0.25rem;}
.wap-main .gift .giftbox .giftItem{position: relative;width: 2.25rem;background-color: #fff;border-radius: 0.15rem;display: flex;align-items: center;justify-content: center;padding: 0.1rem 0 0.2rem 0;box-sizing: border-box;margin-bottom: 0.25rem;}
.wap-main .gift .giftbox .giftItem .giftitimg{width: 1.31rem;height: 1.88rem;}
.wap-main .gift .giftbox .giftItem .bookdes{position: absolute;left: 0;bottom: 0;width: 100%;height: 0.5rem;background-color: #7393c2;color: #fff;font-size: 0.2rem;opacity: 0.85;padding: 0.1rem 0;border-radius: 0 0 0.15rem 0.15rem;display: flex;align-items: center;justify-content: center;}

.wap-main .gift .giftdes{position: relative; background-color: #fff;border-radius: 0.15rem;padding: 0.35rem 0.25rem 0.45rem 0.25rem;box-sizing: border-box;display: flex;flex-direction: column;align-items: baseline;margin-top: 0.25rem;}
.wap-main .gift .giftdes .giftdestxt{color: #333333;font-size: 0.3rem;line-height: 0.3rem;margin-bottom: 0.35rem;text-align: left;}
.wap-main .gift .giftdes .giftdestxt span{color: #fec230;font-weight: bold;}
.wap-main .gift .giftdes .giftdesbtn{background-color: #c60f13;width: 4.5rem;border-radius: 0.05rem; padding: 0.1rem 0;color: #fff;font-size: 0.32rem;line-height: 0.32rem;display: flex;align-items: center;justify-content: center;}

.wap-main .gift .giftdes .giftbg{width: 1.5rem;height: 1.56rem;position: absolute;bottom: 0;right: -0.15rem;}

/* 新航道国际学校展会优势 */
.wap-main .advantage{padding: 0.25rem 0;}
.wap-main .advantage .advabox{display: flex;flex-wrap: wrap; align-items: center;justify-content: space-between;margin-top: 0.25rem;}
.wap-main .advantage .advabox .advaItem{display: flex;flex-direction: column;align-items: center;width: 2.3rem;height: 3.35rem;background: #ededed;padding: 0.25rem 0.1rem 0 0.1rem;box-sizing: border-box;margin-bottom: 0.15rem;}
.wap-main .advantage .advabox .advaItem:nth-child(n+4){margin-bottom: 0;}
.wap-main .advantage .advabox .advaItem .aditImg{width: 0.65rem;height: 0.87rem;}
.wap-main .advantage .advabox .advaItem .aditTitle{color: #000000;font-weight: bold;font-size: 0.32rem;line-height: 0.32rem;margin: 0.25rem 0;}
.wap-main .advantage .advabox .advaItem .aditTDes{font-size: 0.3rem;line-height: 0.4rem;text-align: center;color: #333333;}

/* 优质国际学校招生官 一对一咨询  */
.wap-main .onebyone{padding: 0.25rem 0;}
.wap-main .onebyone .onebybox{background-color: #ededed;padding: 0.25rem 0.15rem; box-sizing: border-box;display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;margin-top: 0.25rem;}
.wap-main .onebyone .onebybox .onebyitem{width: 3.35rem;background: #fff;color: #333333;font-size: 0.24rem;padding: 0.1rem 0;box-shadow: 0 -0.05rem 0.07rem 0.01rem #d6d6d6;border-radius: 0.1rem;}
.wap-main .onebyone .onebybox .onebyitemtwo{text-align: center;width: 3.35rem;color: #c41013;font-size: 0.24rem;line-height: 0.24rem;margin-top: 0.12rem;}

/* 最后 */
.wap-main .last{padding-top: 0.25rem;}
.wap-main .last .lastbg{width: 7.47rem;height: 10.86rem;margin: 0.25rem auto 0 auto;}
.wap-main .last .lastbg img{width: 7.47rem;height: 10.86rem;}

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