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:#f19601; 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:1045px; height: 100%;position: relative; margin: 0 auto; text-align: center;}

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


/* 第一部分 */
.pc-box .setionOne{width: 100%; height:750px;
    background: url("../images/bg01.png") no-repeat top;
    position: relative;
}
/* 预约 底*/
.pc-box .setionOne .get-form{
    position: absolute;z-index: 100;
    bottom: 70px;
    left: 454px;
    width: 320px;
    height: 175px;
}
.pc-box .setionOne .get-form .get-form-top{
    display: flex;align-items: flex-start;flex-direction: column;justify-content: space-between;
    width: 100% ;height: 100%;
    position: relative;
}
.pc-box .setionOne .get-form .get-form-top .gft-item{
    position: relative;
    display: flex;align-items: center;justify-content: center;
    background-color: #fff;
}
.pc-box .setionOne .get-form .get-form-top .gft-item .gfi-input{}
.pc-box .setionOne .get-form .get-form-top .gft-item .gfi-input .gfi-input-name{
    border: none;background: #ffffff;height: 40px;width: 310px;font-size: 16px;
    padding-left: 8px;box-sizing: border-box;
}
.pc-box .setionOne .get-form .get-form-top .gft-item .gfi-getCode{position: absolute;right: 5px;top: 50%;transform: translate(0, -50%);}
.pc-box .setionOne .get-form .get-form-top .gft-item .gfi-getCode .getYzm{
    border: none;padding: 6px 15px;
    border-radius: 22px;background-color: #767676;
    display: flex;align-items: center;justify-content: center;
    color: #ffffff;
}
.pc-box .setionOne .get-form .get-form-top .gft-submit{
    cursor: pointer;
    width: 100px;height: 100px;
    background: linear-gradient(to bottom, #fcf1d1, #f6b770);border-radius: 50%;border: 3px solid #b7090a;
    display: flex;align-items: center;justify-content: center;
    position: absolute;right: -130px;top: 32px;z-index: 100;
    color: #d11011;font-size: 20px;font-weight: bold;
}
.pc-box .setionOne .get-form .get-form-top .gft-submit .gfs-img{margin-right: 6px;}
.pc-box .setionOne .get-form .get-form-top .gft-submit .gfs-txt{color: #1a4f02;font-size: 16px;font-weight: bold;}
.pc-box .setionOne .get-form .get-form-bottom{display: flex;align-items: center;justify-content: center;margin-top: 5px;font-size: 12px;}


.pc-box .setionTwo{width: 100%; height:682px;
    background: url("../images/bg02.png") no-repeat top;
    position: relative;
}
.pc-box .setionThree{width: 100%; height:408px;
    background: url("../images/bg03.png") no-repeat top;
    position: relative;
}
.pc-box .setionFour{width: 100%; height:482px;
    background: url("../images/bg04.png") no-repeat top;
    position: relative;
}
.pc-box .setionFive{width: 100%; height:423px;
    background: url("../images/bg05.png") no-repeat top;
    position: relative;
}
.pc-box .setionSix{width: 100%; height:913px;
    background: url("../images/bg06.png") no-repeat top;
    position: relative;
}
.pc-box .setionSeven{width: 100%; height:937px;
    background: url("../images/bg07.png") no-repeat top;
    position: relative;
}

.pc-box .btnborde{
    width: 438px;height: 58px;
    border-radius: 30px;
    position: absolute;z-index: 100;
    bottom: 0;left: 50%;transform: translate(-50%,0);
    cursor: pointer;
}


/* 热门课程 报名入口  */
.pc-box .enter{    width: 100%;padding: 75px 10px 0 10px;box-sizing: border-box; }

.pc-box .enter .rbkc{width: 100%;}
.pc-box .enter .rbkc .hjb-course{display: flex;flex-direction: column;align-items: center;}
.pc-box .enter .rbkc .hjb-course .hjb-ul-nav {width: 100%;overflow: hidden; margin-bottom:25px;display: flex;justify-content: space-between;}
.pc-box .enter .rbkc .hjb-course .hjb-ul-nav .hjb-li-color{color: #fff;}
.pc-box .enter .rbkc .hjb-course .hjb-ul-nav li {width: 160px; height: 95px;display: flex;align-items: center;justify-content: center; text-align: center; color: #fff;font-size: 18px;font-weight: bold; cursor: pointer;}
.pc-box .enter .rbkc .hjb-li1 {background: linear-gradient(to right,#ff6755,10%,#fe5241);}
.pc-box .enter .rbkc .hjb-li2 {background: linear-gradient(to right,#4998eb,10%,#3d83d8);}
.pc-box .enter .rbkc .hjb-li3 {background: linear-gradient(to right,#35c7b9,10%,#2eb3aa); }
.pc-box .enter .rbkc .hjb-li4 {background: linear-gradient(to right,#ffa833,10%,#ff8d39);}
.pc-box .enter .rbkc .hjb-li5 {background: linear-gradient(to right,#7171fa,10%,#5c5ce5); }
.pc-box .enter .rbkc .hjb-li6 { background: linear-gradient(to right,#27bdd7,10%,#01a6cc);}

.pc-box .enter .rbkc .hjb-cur{width: 100%;}
.pc-box .enter .rbkc .hjb-cur .itemBox{position: relative;width: 100%;}
.pc-box .enter .rbkc .hjb-cur .itemBox .waikuo{ display: flex;flex-wrap: wrap;align-items: center;justify-content:space-between ;box-sizing: border-box;padding: 10px 5px;}
.pc-box .enter .rbkc .hjb-cur .itemBox .boxMain{position: relative;width: 250px;height: 215px; margin-bottom: 20px;}
.pc-box .enter .rbkc .hjb-cur .itemBox .boxMain .cjb-top{ width: 100%;height: 130px;background-color: #fe5342;border-radius: 18px 18px 0px 0px;display: flex;justify-content: center;color: #fffeff;font-size: 21px;font-weight: bold;padding-top: 10px;}
.pc-box .enter .rbkc .hjb-cur .itemBox .boxMain .cjb-toptf{background-color: #3d83d8;}
.pc-box .enter .rbkc .hjb-cur .itemBox .boxMain .cjb-topOnline{background-color: #2eb3aa;}
.pc-box .enter .rbkc .hjb-cur .itemBox .boxMain .cjb-toplevel{background-color: #ff8d39;}
.pc-box .enter .rbkc .hjb-cur .itemBox .boxMain .cjb-topfourSix{background-color: #5c5ce5;}
.pc-box .enter .rbkc .hjb-cur .itemBox .boxMain .cjb-topjan{background-color: #01a6cc;}

.pc-box .enter .rbkc .hjb-cur .itemBox .boxMain .trigleRight{ width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #fff3e3;position: absolute;right: 20px;top: 65px}
.pc-box .enter .rbkc .hjb-cur .itemBox .boxMain .trigleRighttf{border-bottom: 10px solid #e7f5ff;}
.pc-box .enter .rbkc .hjb-cur .itemBox .boxMain .trigleRightOnline{border-bottom: 10px solid #e0f9f5;}
.pc-box .enter .rbkc .hjb-cur .itemBox .boxMain .trigleRightLevel{border-bottom: 10px solid #fdffe9;}
.pc-box .enter .rbkc .hjb-cur .itemBox .boxMain .trigleRightsixFour{border-bottom: 10px solid #eff3ff;}
.pc-box .enter .rbkc .hjb-cur .itemBox .boxMain .trigleRightJanpan{border-bottom: 10px solid #e7f5ff;}
.pc-box .enter .rbkc .hjb-cur .itemBox .boxMain .cjb-bottom{width: 250px;height: 145px;background-color: #fff3e3;border-radius: 14px;position: absolute;bottom: -5px;display: flex;flex-direction: column;font-size: 14px;line-height: 20px;text-align: left;padding: 14px;box-sizing: border-box;}
.pc-box .enter .rbkc .hjb-cur .itemBox .boxMain .cjb-bottomtf{background-color: #e7f5ff;}
.pc-box .enter .rbkc .hjb-cur .itemBox .boxMain .cjb-bottomOnline{background-color: #e0f9f5;}
.pc-box .enter .rbkc .hjb-cur .itemBox .boxMain .cjb-bottomLevel{background-color: #fdffe9;}
.pc-box .enter .rbkc .hjb-cur .itemBox .boxMain .cjb-tbottomSixFour{background-color: #eff3ff;}
.pc-box .enter .rbkc .hjb-cur .itemBox .boxMain .cjb-bottomJapan{background-color: #e7f5ff;}

.pc-box .enter .rbkc .hjb-cur .itemBox .boxMain .cjb-bottom .persons{}
.pc-box .enter .rbkc .hjb-cur .itemBox .boxMain .cjb-bottom .times{}
.pc-box .enter .rbkc .hjb-cur .itemBox .boxMain .cjb-bottom .apart{}
.pc-box .enter .rbkc .hjb-cur .itemBox .boxMain .cjb-bottom .toBuy{width: 180px;height: 30px;background-color: #fe5342;border-radius: 30px;font-size: 18px;font-weight: bold;color: #ffffff;display: flex;align-items: center;justify-content: center;margin-top: 10px;position: absolute;bottom: 18px;left: 35px; cursor: pointer;}
.pc-box .enter .rbkc .hjb-cur .itemBox .boxMain .cjb-bottom .toBuytf{background-color: #3d83d8;}
.pc-box .enter .rbkc .hjb-cur .itemBox .boxMain .cjb-bottom .toBuyOnline{background-color: #2eb3aa;}
.pc-box .enter .rbkc .hjb-cur .itemBox .boxMain .cjb-bottom .toBuylevel{background-color: #ff8d39;}
.pc-box .enter .rbkc .hjb-cur .itemBox .boxMain .cjb-bottom .toBuyfourSix{background-color: #5c5ce5;}
.pc-box .enter .rbkc .hjb-cur .itemBox .boxMain .cjb-bottom .toBuyjan{background-color: #01a6cc;}
.toBuy a,.toBuytf a,.toBuyOnline a,.toBuylevel a,.toBuyfourSix a,.toBuyjan a{display: block; width: 100%; height: 100%; margin:0 auto; text-align: center; line-height: 30px;}

.pc-box .enter .rbkc .hjb-cur>div{display: none;}
.pc-box .enter .rbkc .hjb-cur .hjb-cur-show{display: block;}