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

/* 公共title */
.wap-main  .main-myd img{display: block;width: 100%;height: 100%;}


/* 顶部*/
.wap-main .top{width: 100%; height:13.72rem; background:url(../images/bg01.png) no-repeat top; background-size:100%;}
/* 预约 底*/
.wap-main .get-form{padding-top: 8.9rem;position: relative;z-index: 100;}
.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:5.5rem;height: 0.65rem;
    position: relative;
    display: flex;align-items: center;
    border: 0.01rem solid #d6d5d5;background-color: #ffffff;
    padding: 0 0 0 0.25rem;box-sizing: border-box;
    margin-bottom: 0.15rem;
}
.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.15rem;top: 50%;transform: translate(0, -50%);}
.wap-main .get-form .get-form-top .gft-item .gfi-getCode .getYzm{
    border: none;
    padding: 0.05rem 0.15rem;
    border-radius: 0.5rem;
    display: flex;align-items: center;justify-content: center;
    color: #ffffff;background-color: #767676;font-size: 0.26rem;
}
.wap-main .get-form .get-form-top .gft-submit{
    width: 5.5rem;height: 0.65rem;
    background:#f55700; 
    padding: 0 0.65rem;box-sizing: border-box;
    display: flex;align-items: center;justify-content: center;
    color: #fff;font-size: 0.28rem;font-weight: bold;
}
.wap-main .get-form .get-form-bottom{display: flex;align-items: center;justify-content: center;margin-top: 0.2rem;font-size: 0.24rem;}



.wap-main .setionTwo{width: 100%; height:12.12rem; background:url(../images/bg02.png) no-repeat top; background-size:100%;}
.wap-main .setionThree{width: 100%; height:6.97rem; background:url(../images/bg03.png) no-repeat bottom; background-size:100%;}
.wap-main .setionFour{width: 100%; height:4.75rem; background:url(../images/bg04.png) no-repeat top; background-size:100%;}
.wap-main .setionFive{width: 100%; height:10.94rem; background:url(../images/bg05.png) no-repeat top; background-size:100%;}
.wap-main .setionSix{width: 100%; height:11.17rem; background:url(../images/bg06.png) no-repeat top; background-size:100%;}
.wap-main .setionSeven{width: 100%; height:2.6rem; background:url(../images/bg07.png) no-repeat top; background-size:100%;}




/* 热门课程报名入口*/
.wap-main  .hotbox{width: 100%;padding: 0.15rem 0.45rem;box-sizing: border-box;}
.wap-main  .hotEntranceBox{display: flex;flex-wrap: wrap;justify-content: space-between;}
.wap-main  .hotEntranceBox .hotBoxItem{
    width: 2.9rem;height: 4.5rem;
    position: relative; margin-bottom: 0.2rem;
    border: 0.01rem solid #ca1713;box-sizing: border-box;
    border-radius: 0.3rem;
}
.wap-main  .hotEntranceBox .hotBoxItem:nth-child(odd) .hotItem-title{
    width: 100%;height: 0.6rem;
    font-size: 0.28rem;font-weight: bold;color: #ffffff;
    background-color: #12a2db;border-radius: 0.3rem 0.3rem 0rem 0rem;
    display: flex;align-items: center;justify-content: center;
}
.wap-main  .hotEntranceBox .hotBoxItem:nth-child(even) .hotItem-title{width: 100%;height: 0.6rem;font-size: 0.28rem;font-weight: bold;color: #ffffff;background-color: #11a38a;border-radius: 0.3rem 0.3rem 0rem 0rem;display: flex;align-items: center;justify-content: center;}
.wap-main  .hotEntranceBox .hotBoxItem .hotItem-content{width: 100%;height: 3.8rem;background-color: #ffffff;border-radius: 0rem 0rem 0.3rem 0.3rem;}
.wap-main  .hotEntranceBox .hotBoxItem:nth-child(odd) .hotItem-content .trgleHot{width: 0;height: 0;border-left: 0.12rem solid transparent;border-right: 0.12rem solid transparent;border-top: 0.12rem solid #12a2db;position: absolute;left: 50%;top: 0.6rem;transform: translate(-50%,0rem);}
.wap-main  .hotEntranceBox .hotBoxItem:nth-child(even) .hotItem-content .trgleHot{width: 0;height: 0;border-left: 0.12rem solid transparent;border-right: 0.12rem solid transparent;border-top: 0.12rem solid #11a38a;position: absolute;left: 50%;top: 0.6rem;transform: translate(-50%,0rem);}
.wap-main  .hotEntranceBox .hotBoxItem .hotItem-content .hotItem-in{width: 2.2rem;height: 3rem;margin: 0 auto; padding-top: 0.25rem;box-sizing: border-box;display: flex;flex-flow: column;align-items: center;}
.wap-main  .hotEntranceBox .hotBoxItem .hotItem-content .hotItem-in .in-item{width: 100%;height: 0.35rem;display: flex;align-items: center;font-size: 0.26rem;color: #333333;margin-bottom: 0.02rem;}
.wap-main  .hotEntranceBox .hotBoxItem .hotItem-content .hotItem-in .in-item img{width: 0.22rem;height: 0.22rem;margin-right: 0.1rem;}
.wap-main  .hotEntranceBox .hotBoxItem .hotItem-content .hotBoxItem-btn {width: 2.5rem;height: 0.5rem;background-color: #ffcb25;display: flex;align-items: center;justify-content: center;border-radius: 0.3rem;font-size: 0.28rem;font-weight: bold;color: #014d99;margin: 0 auto;}

.wap-main  .list{width: 100%;height: 0.85rem;display: flex;justify-content: space-between;}
.wap-main  .list .list-item:nth-child(odd){width: 1.6rem;height: 100%;background-color: #12a2db;border-radius: 0.15rem;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 0.26rem;font-weight: bold;}
.wap-main  .list .list-item:nth-child(even){width: 1.6rem;height: 100%;background-color: #11a38a;border-radius: 0.15rem;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 0.26rem;font-weight: bold;}

.wap-main  .clickyuyue{
    width: 2rem;height: 0.5rem;
    display: flex;flex-direction: column;align-items: center;justify-content: center;
    background: linear-gradient(to right, #f46d36, #ff9833);border-radius: 0.40rem;border: 0.02rem solid #fffb85;
    position: relative;margin: 0 auto;
}
.wap-main  .clickyuyue .yuyuetxt{ color: #fff;font-size: 0.28rem;font-weight: bold;line-height: 0.28rem;animation: cricleHandle 2s ease infinite;}
.wap-main  .clickyuyue .yuhand{
    width: 0.36rem;height: 0.51rem;
    position: absolute;right: -0.03rem;bottom: -0.25rem;
    animation: fingerHandle 2s ease infinite;
}
@keyframes cricleHandle {
    0%, 20%, 30% , 50% , 80% , 100%{
        transform: none;
    }
    40% {
        transform: scale3d(0.8, 0.8, 0.8);
    }
}
@keyframes fingerHandle {
    0% ,100%{
        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);
    }
}



.wap-main .btnborde{
    width: 4.5rem;height: 0.55rem;
    border-radius: 0.35rem;
    position: absolute;z-index: 100;
    bottom: 0;left: 50%;transform: translate(-50%,0);
}