body{  margin:0; padding:0; text-align:center;  font-size:12px; 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:54px; float:right; position:fixed; right:50px; bottom:55px;}
#gotop{ width:54px; height:54px; background:#c60f13; display:block;}
#gotop .retopic{display: inline-block; border-top: 2px solid; border-right: 2px solid; margin-top: 20px; width: 25px; height: 25px; border-color: #fff; transform: rotate(-45deg);}

.pc-box{width: 100%; height: 100%; margin: 45px auto 0 auto; text-align: center;  user-select: none;position: relative;z-index: 0;}
.pc-box .main-m{width:1100px; height: 100%;position: relative; margin: 0 auto; text-align: center;}

/* 公共title */
.pc-box  .main-m img{display: block;width: 100%;height: 100%;}

.pc-box .titleall{}
.pc-box .titleall .bigtitle{font-size: 38px;line-height: 38px;font-weight: bold;color: #333333;}
.pc-box .titleall .bigtitle span{color: #eeaa01;}
.pc-box .titleall .smalltitle{text-align: center;font-size: 20px;color: #323232;line-height: 22px;margin-top: 12px;}

/* 顶部*/
.pc-box .top{width: 100%; height:579px;background: url("../images/bg01.png") no-repeat center;position: relative;}

.pc-box .top .topbox{position: relative;z-index: 1;}

/* 预约*/
.pc-box .get{background-color: #ededed;padding: 25px 0;}

.pc-box .get .yuyuetitle{font-size: 30px;line-height: 30px;font-weight: bold;color: #fff;margin-bottom: 20px;}
.pc-box .get .yuyuetitle span{color: #ffff00;}

.pc-box .get .get-form{padding: 0 30px;}
.pc-box .get .get-form .get-form-top{display: flex;align-items: center;justify-content: space-between;}
.pc-box .get .get-form .get-form-top .gft-item{position: relative;display: flex;align-items: center;justify-content: center;border: 1px solid #f2f2f2;border-radius: 6px;padding: 0 0px 0 8px;margin-right: 10px;background-color: #fff;}
.pc-box .get .get-form .get-form-top .gft-item .gfi-img{margin-right: 5px;width: 18px;height: 22px;}
.pc-box .get .get-form .get-form-top .gft-item .gfi-input{}
.pc-box .get .get-form .get-form-top .gft-item .gfi-input .gfi-input-name{border: none;background: #ffffff;height: 50px;width: 180px;font-size: 18px;}
.pc-box .get .get-form .get-form-top .gft-item .gfi-getCode{position: absolute;right: 5px;top: 50%;transform: translate(0, -50%);}
.pc-box .get .get-form .get-form-top .gft-item .gfi-getCode .getYzm{border: none;font-size: 18px; padding: 6px 15px;border-radius: 22px;display: flex;align-items: center;justify-content: center;color: #ffffff;background-color: #767676;}
.pc-box .get .get-form .get-form-top .gft-submit{
    cursor: pointer;
    height: 50px;
    background: linear-gradient(to right,#ff9000,#fe5200);border-radius: 6px;
    padding: 0 45px; 
    display: flex;align-items: center;justify-content: center;
}
.pc-box .get .get-form .get-form-top .gft-submit .gfs-img{margin-right: 6px;}
.pc-box .get .get-form .get-form-top .gft-submit .gfs-txt{color: #fff;font-size: 20px;font-weight: bold;}

.pc-box .get .get-form .get-form-top .gft-submit .activetxt{animation: cricleHandle 2s ease infinite;color: #fff;font-size:20px;font-weight: bold;}
.pc-box .get .get-form .get-form-top .gft-submit .handactive{animation: fingerHandle 2s ease infinite;position: absolute;right: 5px;bottom: -15px;width: 91px;height: 83px;}
@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(-10px,-10px);
        
    }
    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;
    }
}

.pc-box .get .get-form .get-form-bottom{display: flex;align-items: center;justify-content: center;margin-top: 12px;font-size: 12px;}

.pc-box .teacher{ width: 100%; height:1448px;background: url("../images/bg02.png") no-repeat center;position: relative;}
.pc-box .kfbtn{
    width: 270px;height: 40px;
    border-radius: 35px;
    position: absolute;
    cursor: pointer;
}
.pc-box .school{ width: 100%; height:444px;background: url("../images/bg03.png") no-repeat center;position: relative;}
.pc-box .onebyone{ width: 100%; height:1039px;background: url("../images/bg04.png") no-repeat center;position: relative;}
.pc-box .onebyone .feiji{
    position: absolute;bottom: -77px;left: -175px;
    width: 268px;height: 172px;
}
.pc-box .last{ width: 100%; height:1123px;background: url("../images/bg05.png") no-repeat center;position: relative;}