.course_infoBox{background-color: #fff;padding-bottom: 65px;width: 750px;background: url('../images/bg_courseInfo.jpg') no-repeat;background-color: #d5e6fc;}
.course_infoBox .topHeader{padding-top: 60px;}
.course_infoBox .stageBox{padding-top: 60px;background: #fff;border-radius: 40px;width: 90%;margin:60px auto 0;}
.course_infoBox .stageBox .titleBox{text-align: center;position: relative;}
.course_infoBox .stageBox .titleBox h2{position: absolute;top: -18px;width: 100%;text-align: center;}
.course_infoBox .stageBox .titleBox h3{font-size: 45px;color:#1a2b54;position: relative;z-index: 1;}
.course_infoBox .stageBox .titleBox h3 span{font-weight: bold;}
.course_infoBox .stageBox .listBox {padding: 55px 20px 0;}
.course_infoBox .stageBox .listBox li{margin-top: -20px;}
.course_infoBox .stageBox .listBox li h3{width: 100%;height: 148px;background: url('../images/bg_stage_childTit.png') no-repeat;background-size: 100% auto; display: flex;justify-content: space-between;}
.course_infoBox .stageBox .listBox li h3 span{font-size: 42px;color: #fff;display: block;line-height: 93px;width: 310px;text-align: center;}
.course_infoBox .stageBox .listBox li h3 em{font-size: 24px;color:#999;display: block;width: 232px;text-align: right;margin-right: 20px; padding-top: 16px;line-height: 44px;}
.course_infoBox .stageBox .listBox li .contBox{position: relative;top: -64px;width: 100%;box-sizing: border-box;border: 10px solid #394ad1;border-radius:0 0 15px 15px;padding: 30px 15px;background: #6574eb;}               
.course_infoBox .stageBox .listBox li .contBox p{padding: 0 18px;font-size: 24px;color: #fff;line-height: 38px;margin-bottom: 15px;}
.course_infoBox .stageBox .listBox li .contBox b{font-weight: bold;font-size: 24px;}
.course_infoBox .stageBox .listBox li .contBox p:last-child{margin-bottom: 0;}
.course_infoBox .stageBox .listBox li .contBox p.hot{color: #f5ddbc;}
.course_infoBox .roundBox .titleBox{text-align: center;position: relative;}
.course_infoBox .roundBox .titleBox h2{position: absolute;top: -18px;width: 100%;text-align: center;}
.course_infoBox .roundBox .titleBox h3{font-size: 45px;color:#1a2b54;position: relative;z-index: 1;}
.course_infoBox .roundBox .titleBox h3 span{font-weight: bold;}
.course_infoBox .guarantee {margin-top: 30px;}
.course_infoBox .guarantee .contBox {padding-top: 40px;}
.course_infoBox .guarantee .contBox ul{display: flex;padding: 0 37px;justify-content: space-between;}
.course_infoBox .guarantee .contBox ul li{width: 333px;height: 369px;background: url('../images/bg_guarantee01.png') no-repeat;position: relative;}
.course_infoBox .guarantee .contBox ul li:nth-child(2){background: url('../images/bg_guarantee02.png') no-repeat;}
.course_infoBox .guarantee .contBox ul li:nth-child(2) h5{color: #fff;}
.course_infoBox .guarantee .contBox ul li h4{font-size: 32px;color: #ffffff;text-align: center;font-weight: bold;line-height: 80px;margin-bottom: 24px;}
.course_infoBox .guarantee .contBox ul li h5{text-align: center;font-size: 52px;color: #fff;font-weight: bold;padding-top: 40px;}
.course_infoBox .guarantee .contBox ul li p{text-align: center;font-size: 26px;color: #fff;padding: 40px 20px 0;}
.course_infoBox .guarantee .contBox ul li em{position: absolute;top: 204px;right: -63px;z-index: 2; display: block;width: 112px;height: 57px;background: url('../images/arrow_guarantee.png') no-repeat;text-align: center;line-height: 54px;font-size: 24px;color: #000;letter-spacing: 3px;font-weight: bold;}
.course_infoBox .guarantee.guarantee_one .contBox ul li{width: 100%;background: url('../images/bg_guarantee_one.png');}
.course_infoBox .guarantee.guarantee_one .contBox ul li h5{color: #f83e12;}
.course_infoBox .guarantee.guarantee_two .contBox ul li{width: 100%;background: url('../images/bg_guarantee_two.png');}
.course_infoBox .guarantee.guarantee_two .contBox ul li h5{color: #f83e12;}
.course_infoBox .dataBox{padding: 40px 0 10px;width: 90%; margin: 0 auto;background: #fff;border-radius: 40px;margin-top: 60px;} 
.course_infoBox .dataBox .contBox{padding: 0 23px;display: flex;justify-content: space-between;flex-wrap: wrap;margin: 40px auto;box-sizing: border-box;}
.course_infoBox .dataBox .contBox span{padding:0 20px;box-sizing: border-box;display: flex;align-items: center;margin-bottom: 20px;width: 305px;height: 54px;border-radius: 54px;background-color: #e7ebff;font-size: 24px;color:#323253;}
.course_infoBox .dataBox .contBox span::before{content: '';display: inline-block;width: 26px;height: 26px;background: url('../images/icon_data_suc.png') no-repeat;margin-right: 14px;vertical-align: -2px;}
.course_infoBox .dataBox .contBox span.long{width: 100%;}
.course_infoBox .titleBox{text-align: center;position: relative;}
.course_infoBox .titleBox h2{position: absolute;top: -18px;width: 100%;text-align: center;}
.course_infoBox .titleBox h3{font-size: 45px;color:#1a2b54;position: relative;z-index: 1;}
.course_infoBox .titleBox h3 span{font-weight: bold;}
.course_infoBox .bankBox{padding-top: 64px;}
.course_infoBox .bankBox .contBox{padding-top: 48px;}
.course_infoBox .bankBox .contBox ul {padding: 0 46px 0 30px;}
.course_infoBox .bankBox .contBox ul li {position: relative;margin-bottom: 30px;}
.course_infoBox .bankBox .contBox ul li em{position: absolute;font-weight: bold;display: block;padding-right: 17px;text-align: center;border-radius: 20px 0 0 20px;width: 75px;height: 110px;font-size: 34px;color: #fff;background-color: #394ad1;line-height: 110px;}
.course_infoBox .bankBox .contBox ul li .textBox{ left: 74px;width: 600px; background: #fff; border-radius: 20px;padding: 15px 30px 15px 40px;box-sizing: border-box;position: relative;}
.course_infoBox .bankBox .contBox ul li .textBox p{line-height: 38px;font-size: 24px;color: #000000;display: flex;border-bottom: 1px dashed #d0d0d0;padding: 25px 0;}
.course_infoBox .bankBox .contBox ul li .textBox p:last-child{border: 0;}
.course_infoBox .serviceBox {padding-top: 70px;}
.course_infoBox .serviceBox .titleBox h3 span::before{margin-right:0;}
.course_infoBox .serviceBox .contBox{padding: 40px 25px 0;}
.course_infoBox .serviceBox .contBox .bannerBox{width: 100%;}
.course_infoBox .serviceBox .contBox ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.course_infoBox .serviceBox .contBox ul li{ border-radius: 10px;box-shadow: 0px 0px 8px 0px rgba(230, 230, 230, 0.8);align-items: center;width: 340px;height: 164px;background-color: #fff;border-radius: 10px;margin-top: 20px;display: flex;}
.course_infoBox .serviceBox .contBox ul li .pic{width: 120px;display: flex;align-items: center;justify-content: center;}
.course_infoBox .serviceBox .contBox ul li .text{flex: 1;padding-right: 10px;}
.course_infoBox .serviceBox .contBox ul li .text h4{font-size: 30px;color: #000000;font-weight: bold;}
.course_infoBox .serviceBox .contBox ul li .text p{font-size: 21px;color: #999999;line-height: 30px;margin-top: 8px;padding-right: 8px;}

/* ------- */
.course_infoBox .topInfo{color: #fff;display: flex;justify-content: center;align-items: center;}
.course_infoBox .topInfo .year{font-size: 36px;font-weight: bold;margin-right: 20px; display: inline-block;width: 188px;height: 70px;line-height: 70px; text-align: center; background-image: linear-gradient(to right,#fdf8ef,#eab67b);position: relative;border-radius: 8px;}
.course_infoBox .topInfo .year::after{position: absolute;display: block;content: "";width: 188px;height: 70px;border: 1px solid #fff;left: 4px;top: -10px;border-radius:8px;}
.course_infoBox .topInfo .className{font-size: 60px;display: inline-block;}
.course_infoBox .VipClass{font-size: 100px;font-weight: bold;height: 190px;display: flex;padding-top: 0.7rem; justify-content: center; color: #fff; background: url('../images/title_bg.png') no-repeat;background-size: 100% auto;background-position: center 0.8rem;}

.shihe_box{width: 90%;box-sizing: border-box; height: 540px;margin:0 auto;padding: 100px 50px 0; border-radius: 40px;background: url('../images/shihe.png') no-repeat;background-size: 100% auto;}
.shihe_box ul li{height: 70px;border-radius: 40px;background: #394ad1;color: #fff;margin-top: 30px;text-align: center;line-height: 70px;font-size:30px;}
.shihe_box .shihe_titpe{margin:20px auto 0; font-size: 45px;z-index: 2;  font-weight: bold;width: 330px;text-align: center;}
.course_item .bot{position: relative;}
.course_item .bot::after{position: absolute;display: block;content: "";width: 300px; background: #f5ddbc;left: 0;bottom: 0;right: 0;margin: auto;border-radius: 20px;height: 16px;z-index: -1;}
.course_item .titleBox .bot::after{width: 390px; left: -10px;}
.course_item .guarantee .bot::after{width: 210px; left: -10px;}
.course_item .dataBox .bot::after{width: 570px; left:-10px;}
.course_item .bankBox .bot::after{width:400px; left: -10px;}
.course_item .serviceBox .bot::after{width: 480px; left:-10px;}