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.24rem;color: #323232;line-height: 0.4rem;margin-top: 0.1rem;}

/*顶部 */
.wap-main .top{
    width: 100%; height:7.39rem;background: url("../images/bg01.png") no-repeat center;background-size: 100%;
    position: relative;
}


/* 预约 */
.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.4rem;height: 100%;margin-right: 0.05rem;display: flex;align-items: center;font-size: 0.32rem;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.3rem;}
.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.3rem;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: linear-gradient(to right,#ff9300,#fe5200);
    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%,20% ,30%{
        transform: none;
    }
    40% {
        transform: scale3d(0.8, 0.8, 0.8);
    }
    50% ,80%,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: #ffff00;}

/* 留学新政多维解析，直击申请关键点 */
.wap-main .teacher{
    width: 100%; height:30.82rem;background: url("../images/bg02.png") no-repeat center;background-size: 100%;
    position: relative;
}
.wap-main .kfbtn{
    width: 3.5rem;height: 0.40rem;
    border-radius: 0.35rem;
    position: absolute;
}

/* 海外院校/国际部/校联动，现场直击升学择校关键点 */
.wap-main .school{
    width: 100%; height:5.94rem;background: url("../images/bg03.png") no-repeat center;background-size: 100%;
    position: relative;
}

/* 优质国际学校招生官 一对一咨询  */
.wap-main .onebyone{
    width: 100%; height:14.26rem;background: url("../images/bg04.png") no-repeat center;background-size: 100%;
    position: relative;
}

/* 最后 */
.wap-main .last{padding-top: 0.35rem;}
.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;}

/* 理念 */
.wap-main .descri{background-color: #282828; padding:0.35rem 0;}
.wap-main .descri .descriOne{font-size: 0.3rem;color: #fff;font-weight: bold;}
.wap-main .descri .descriTwo{color:#cacaca;font-size: 0.28rem;margin: 0.08rem 0;}






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