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

/* 公共title */
.pc-box  .main-m img{display: block;width: 100%;height: 100%;}
.pc-box .bt{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.pc-box .bt .bttop {
    display: flex;
}
.pc-box .bt .bttop .bttone{
    width: 7px;
    height: 24px;
    background: #94cbf1;
    transform: skewX(32deg);
}
.pc-box .bt .bttop .btttwo{
    width: 7px;
    height: 24px;
    background: #5baff8;
    transform: skewX(32deg);
}
.pc-box .bt .bttop .bttthree{
    width: 340px;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 24px solid #0182f7;
}
.pc-box .bt .bttop .bttthreeanthor{
    width: 340px;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 24px solid #0182f7;
}
.pc-box .bt .bttop .bttfour{
    width: 7px;
    height: 24px;
    background: #5baff8;
    transform: skewX(-32deg);
}
.pc-box .bt .bttop .bttfive{
    width: 7px;
    height: 24px;
    background: #94cbf1;
    transform: skewX(-32deg);
}
.pc-box .bt .bttile{
    color: #fff;
    font-weight: bold;
    font-size: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    height: 48px;
}
.pc-box .bt .bttile span{
    background: linear-gradient(to right, #fff, #fff3bf);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.pc-box .bttilesmall{
    color: #0e245e;
    font-size: 20px;
    margin-top: 8px;
    font-weight: 500;
}
/* 按钮 */
.pc-container  .btnbox{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 35px;
}
.pc-container  .jybtn{
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    background: linear-gradient(to bottom, #fec434, #ff8a0e);
    border-radius: 35px;
    width: 243px;
    height: 48px;
    cursor: pointer;
    padding-left: 10px;
    box-sizing: border-box;
}
.pc-container  .jybtn .qipao{
    width: 31px;height: 31px;
}
.pc-container  .jybtn .btntxtone{
    color: #fff;font-weight: bold;font-size: 20px;
    position: relative;z-index: 1;
}




/* 顶部*/
.pc-box .top{
    width: 100%; height:auto; 
    padding: 555px 0 50px 0;box-sizing: border-box; 
    background: url("../images/bg01.png") no-repeat top;
    position: relative;background-color: #eaf9ff;
}
.pc-box .topbox{
    width: 100%;
    padding: 20px;box-sizing: border-box;
    background-color: #fff;box-shadow: 0 0 10px 2px #bee1f7;
    border-radius: 25px;
    margin-top: 25px;
    position: relative;z-index: 1;
}
.pc-box .top .topbox .tnumyi{
    background: url("../images/num01.png") no-repeat center;
    width: 273px;
    height: 60px;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    padding: 12px 0 0 62px;
    box-sizing: border-box;
    text-align: left;
}
.pc-box .top .topbox .ms{
    font-size: 18px;
    color: #474747;
    text-align: left;
}
/* 表格 */
.pc-container .topbox .kctable{
    width: 100%;height: auto;
    border: 5px solid #f0f7ff;
    padding: 2px;
    box-sizing: border-box;
    margin: 15px auto 25px auto;
}
.pc-container .topbox .kctable tr th{
    background: #339eff;height: 32px;
    font-size: 18px;color: #fff;font-weight: bold;line-height: 32px;
}
.pc-container .topbox .kctable tr td{font-size: 16px;padding: 8px 5px;box-sizing: border-box;}
.pc-container .topbox .kctable tr:nth-child(odd) td{
    background: #dff2ff;
}
.pc-container .topbox .kctable tr:nth-child(even) td{
    background: #eef9ff;
}

/* 武汉初中国际赛道择校推荐 */
.pc-box .top .topbox .tnumer{
    background: url("../images/num02.png") no-repeat center;
    width: 366px;
    height: 61px;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    padding: 12px 0 0 62px;
    box-sizing: border-box;
    text-align: left;
}
.pc-box .tuijian{ 
    display: flex;gap: 10px;
}
.pc-box .tuijian .tjleft{ 
    width: 765px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}
.pc-box .tuijian .tjleft .tjleitem{
    position: relative;
    background: linear-gradient(to right, #eef9ff, transparent);
    border-radius: 25px;
    text-align: left;
    width: 100%;
    box-sizing: border-box;
    font-size: 18px;
    color: #474747;
    height: 40px;
    padding-left: 25px;
    display: flex;
    align-items: center;
}
.pc-box .tuijian .tjleft .tjleitem::before{
    content: '';
    width: 5px;
    height: 5px;
    background: #717578;
    border-radius: 50%;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translate(0, -50%);
}
.pc-box .tuijian .tjleft .tjleitem:hover{
    border-bottom: 1px dashed #717578;color: #0098ff;
}
.pc-box .tuijian .tjright{ 
    width: 178px;
    height: 235px;
    border: 5px solid #f0f7ff;
    padding: 2px;
}


/* 国际高中以始为终一站式本科规划 */
.pc-box .guihua{
    background-color: #eaf9ff;
    padding-bottom: 50px;
}
.pc-box .guihua .boxtitle{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
    top: 15px;
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
    margin-top: 15px;
}
.pc-box .guihua .boxtitle .btitem{
    width: 315px;
    height: 72px;
    background: linear-gradient(to right, #0086f7, #086af3, #0086f7);
    border-radius: 25px 25px 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    padding-bottom: 12px;
}
.pc-box .guihua .boxtitle .btitem span{
    color: #ffc116;
}
.pc-box .guihua .ghbox{
    display: flex;
    justify-content: space-between;
}
.pc-box .guihua .ghbox .ghitem{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border-right: 1px dashed #9dcdf5;
    padding-right: 35px;
}
.pc-box .guihua .ghbox .ghitem .ghimg{
    width: 274px;
    height: 163px;
    border: 5px solid #f0f7ff;
    padding: 2px;
}
.pc-box .guihua .ghbox .ghitem .ghdes{
    text-align: left;
    width: 284px;
    color: #474747;
    line-height: 24px;
    font-size: 18px;
    margin-top: 10px;
}
.pc-box .guihua .ghbox .ghitem .ghdes span{
    font-weight: bold;
    line-height: 28px;

}
.pc-box .guihua .ghbox .ghitem:last-child{
    border-right: none;
    padding-right: 0;
}
.pc-box .guihua .ghttx{
    width: 90%;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: linear-gradient(to right, transparent, #fff1dc, transparent);
    padding: 10px 0;
    margin: 20px auto;
    color: #474745;
    font-size: 18px;
}
.pc-box .guihua .ghttx span{
    color: #914c00;font-weight: bold;font-size: 20px;line-height: 42px;
}
.pc-box .guihua .tnumyi{
    background: url("../images/num03.png") no-repeat center;
    width: 366px;
    height: 60px;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    padding: 12px 0 0 62px;
    box-sizing: border-box;
    text-align: left;
}

.pc-box .cource{
    width: 100%; height:auto; 
    padding: 35px 0 50px 0;box-sizing: border-box; 
    background: url("../images/bg02.png") no-repeat top;
    position: relative;background-color: #36b9ff;
}
.pc-box  .rbkc{ width: 100%;box-sizing: border-box;position: relative;}
.pc-box  .rbkc .fourtitle{ display: flex;align-items: center;justify-content: center;margin: 10px 0;}
.pc-box  .rbkc .fourtitle .fourtitleline{width: 40px;height: 2px;background: linear-gradient(to left, #2160fb, transparent);}
.pc-box  .rbkc .fourtitle .fourtitletxt{color: #0356e2;font-size: 18px;font-weight: bold;margin: 0 10px;}

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

.pc-box .rbkc .hjb-cur{width: 100%;padding: 0 12px ;box-sizing: border-box;}
.pc-box .rbkc .hjb-cur .itemBox{position: relative;width: 100%;}
.pc-box .rbkc .hjb-cur .itemBox .waikuo{ display: flex;flex-wrap: wrap;align-items: center;justify-content:space-between ;
    box-sizing: border-box;
}
.pc-box .rbkc .hjb-cur .itemBox .boxMain{position: relative;width: 235px;height: 215px; margin-bottom: 20px;}
.pc-box .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 .rbkc .hjb-cur .itemBox .boxMain .cjb-toptf{background-color: #3d83d8;}
.pc-box .rbkc .hjb-cur .itemBox .boxMain .cjb-topOnline{background-color: #2eb3aa;}
.pc-box .rbkc .hjb-cur .itemBox .boxMain .cjb-toplevel{background-color: #ff8d39;}
.pc-box .rbkc .hjb-cur .itemBox .boxMain .cjb-topfourSix{background-color: #5c5ce5;}
.pc-box .rbkc .hjb-cur .itemBox .boxMain .cjb-topjan{background-color: #01a6cc;}

.pc-box .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 .rbkc .hjb-cur .itemBox .boxMain .trigleRighttf{border-bottom: 10px solid #e7f5ff;}
.pc-box .rbkc .hjb-cur .itemBox .boxMain .trigleRightOnline{border-bottom: 10px solid #e0f9f5;}
.pc-box .rbkc .hjb-cur .itemBox .boxMain .trigleRightLevel{border-bottom: 10px solid #fdffe9;}
.pc-box .rbkc .hjb-cur .itemBox .boxMain .trigleRightsixFour{border-bottom: 10px solid #eff3ff;}
.pc-box .rbkc .hjb-cur .itemBox .boxMain .trigleRightJanpan{border-bottom: 10px solid #e7f5ff;}
.pc-box .rbkc .hjb-cur .itemBox .boxMain .cjb-bottom{width: 235px;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 .rbkc .hjb-cur .itemBox .boxMain .cjb-bottomtf{background-color: #e7f5ff;}
.pc-box .rbkc .hjb-cur .itemBox .boxMain .cjb-bottomOnline{background-color: #e0f9f5;}
.pc-box .rbkc .hjb-cur .itemBox .boxMain .cjb-bottomLevel{background-color: #fdffe9;}
.pc-box .rbkc .hjb-cur .itemBox .boxMain .cjb-tbottomSixFour{background-color: #eff3ff;}
.pc-box .rbkc .hjb-cur .itemBox .boxMain .cjb-bottomJapan{background-color: #e7f5ff;}

.pc-box .rbkc .hjb-cur .itemBox .boxMain .cjb-bottom .persons{}
.pc-box .rbkc .hjb-cur .itemBox .boxMain .cjb-bottom .times{}
.pc-box .rbkc .hjb-cur .itemBox .boxMain .cjb-bottom .apart{}
.pc-box .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 .rbkc .hjb-cur .itemBox .boxMain .cjb-bottom .toBuytf{background-color: #3d83d8;}
.pc-box .rbkc .hjb-cur .itemBox .boxMain .cjb-bottom .toBuyOnline{background-color: #2eb3aa;}
.pc-box .rbkc .hjb-cur .itemBox .boxMain .cjb-bottom .toBuylevel{background-color: #ff8d39;}
.pc-box .rbkc .hjb-cur .itemBox .boxMain .cjb-bottom .toBuyfourSix{background-color: #5c5ce5;}
.pc-box .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 .rbkc .hjb-cur>div{display: none;}
.pc-box .rbkc .hjb-cur .hjb-cur-show{display: block;}

.pc-box  .rbkc .quan{width: 134px;height: 139px;position: absolute;top: -144px;left: -35px;}

/* 开学季特惠 语言出分 秋季领跑 */
.pc-box  .lingpao{
    background-color: #36b9ff;
    padding-bottom: 55px;
}
.pc-box .lingpao .oneleft{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.pc-box .lingpao .oneleft .oltop{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 89px;
    margin-bottom: 8px;
    width: 100%;
}
.pc-box .lingpao .oneleft .oltop .oltopitem{
    display: flex;
    align-items: center;
    justify-content: center;gap: 5px;
    width: 310px;
}
.pc-box .lingpao .oneleft .oltop .oltopitem .olttone{ 
    width: 90px;
    height: 22px;
    background: #bde7fd;
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1252da;
    font-size: 16px;
    font-weight: bold;
}
.pc-box .lingpao .oneleft .oltop .oltopitem .oltttwo{ color: #333333;font-size: 18px;font-weight: bold;}
.pc-box .lingpao .oneleft .olbottom{
    width: 896px;
    height: 243px;
}

.pc-box .lingpao .lpbox{
    width: 90%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin: 35px auto 25px auto; 
}
.pc-box .lingpao .lpbox .lpitem{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 45%;
}
.pc-box .lingpao .lpbox .lptititle{
    width: 85%;
    height: 45px;
    background: linear-gradient(to right, #0086f7, #086af3, #0086f7);
    border-radius: 20px 20px 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fed219;
    font-weight: bold;
    font-size: 18px;
}
.pc-box .lingpao .lpbox .lpcontent{
    width: 100%;
    height: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background: linear-gradient(to top, #caeaff, #d7f7ec, transparent);
    border-radius: 0 0 14px 14px;
    padding: 0 5px 5px 5px;
    box-sizing: border-box;
}
.pc-box .lingpao .lpbox .lpcontent .lpcIn{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    background: linear-gradient(to bottom, #e9f2f9, #fff);
    border-radius: 10px;
    padding: 15px 10px;
    box-sizing: border-box;
}
.pc-box .lingpao .lpbox .lpcontent .lpcIn .lptxtone{
    font-size: 18px;
    line-height: 24px;
    color: #38383a;
    border-bottom: 1px dashed #9cd3e7;
    width: 100%;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
.pc-box .lingpao .lpbox .lpcontent .lpcIn .lptxtone span{
    color: #ff3500;font-weight: bold;
}
.pc-box .lingpao .lpbox .lpcontent .lpcIn .lptxtwo{
    font-size: 18px;
    line-height: 24px;
    color: #38383a;
}
.pc-box .lingpao .lpbox .lpcontent .lpcIn .lptxtwo span{
    color: #ff3500;font-weight: bold;
}
.pc-box .lingpao .lpbox .lpcontent .lpcIn .lptxthree{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 35px;
    margin-top: 15px;
}
.pc-box .lingpao .lpbox .lpcontent .lpcIn .lptxthree .lpthitem{
    font-size: 18px;
    line-height: 18px;
    font-weight: bold;
    color: #2567e2;
    background: #bbe8ff;
    border-radius: 35px;
    padding: 10px 45px;
}

.pc-box .lingpao .bcdes{
    color: #2567e2;
    font-size: 16px;
    background-color: #fff;
    border-radius: 22px;
    width: 85%;
    height: auto;
    padding: 10px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 35px auto;
}
.pc-box .lingpao .bcdesone{
    color: #fff;font-size: 20px;font-weight: bold;text-align: center;
}