body{background-color:#178aff;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);box-sizing:border-box}
.big_huan,.dian,.five,.four,.huan,.huan2,.kuang,.match1::before,.match2::before,.match3::before,.num,.num2,.num3,.one,.stu_bottom,.stu_dian,.stu_huan,.teacherMess p::before,.three,.title span:first-of-type,.title span:last-of-type::after,.two{background:url(https://lboc-static.dfub.cn/ycjh/icon_litle.png?v=2020-10-21) no-repeat;background-size:10.34rem}
.classLeft,.course .title,.greatBot,.prizeBot{background:url(https://lboc-static.dfub.cn/ycjh/icon_big.png?v=2020-10-21) no-repeat;background-size:8rem}
.banner{position:relative}
.banner img{width:100%;display:block}
.getClass{height:1.5rem;width:100%;position:absolute;left:0;bottom:0}
.classLeft{position:absolute;left:0;top:0;height:1.5rem;width:5.8rem;z-index:2;background-size:7.8rem;background-position:-.15rem -6.02rem}
.classLeft p{padding-left:.3rem}
.leftTitle{margin-top:.3rem}
.leftTitle span:first-of-type{font-size:.4rem;color:#ffe646;font-weight:700}
.leftTitle span:last-of-type{font-size:.3rem;color:#fff;font-weight:500}
.leftTitle em{color:#ffe646;font-weight:700;font-size:.32rem}
.leftDesc{margin-top:.12rem;font-size:.24rem;font-weight:400;color:#fff;opacity:.5}
.classRight{position:absolute;right:0;top:.1rem;height:1.4rem;width:2.6rem;background:linear-gradient(137deg,#ffe646 0,#fd1 100%);box-shadow:0 -.16rem .37rem -.2rem rgba(44,11,3,.16)}
.rightGet{font-size:.36rem;font-weight:700;color:#560d00;line-height:1.4rem;position:relative;padding-right:.6rem;text-align:right}
.rightGet::after{content:"";position:absolute;border:.12rem solid #560d00;border-color:transparent transparent transparent #560d00;top:.6rem;right:.3rem}
.great{background-color:#f5faff;padding-top:.5rem;height:9.4rem}
.title{font-size:.48rem;font-weight:600;color:#2047f8;line-height:.5rem}
.title span{display:inline-block}
.title span:first-of-type{background-position:-.18rem -8.73rem;width:.92rem;height:1.09rem}
.title span:last-of-type{position:relative;top:-.36rem;left:-.8rem;font-weight:700}
.title span:last-of-type::after{content:"";position:absolute;width:.26rem;height:.21rem;background-position:-3.5rem -8.12rem;right:-.35rem;top:.1rem}
.greatCont{width:6.44rem;height:8.84rem;background-color:#fff;box-shadow:0 .02rem .17rem -.05rem rgba(36,147,255,.52);border-radius:.16rem;margin:0 auto;margin-top:.62rem;position:relative}
.kuang{position:absolute;right:0;top:-.95rem;width:.8rem;height:.8rem;background-position:-1.41rem -8.73rem}
.huan{position:absolute;right:0;top:0;width:1.51rem;height:1.81rem;background-position:-8.59rem -2.98rem}
.huan2{position:absolute;right:0;bottom:0;width:3.05rem;height:2.63rem;background-position:-.15rem -5.8rem}
.greatMess{position:absolute;color:#555;font-size:.28rem;left:-.26rem;top:-.36rem}
.greatMess li{margin-bottom:.4rem}
.greatMess p:first-of-type{height:.72rem;border-radius:.36rem;padding-left:.7rem;color:#fff;line-height:.74rem;font-size:.3rem;font-weight:500;display:inline-block;padding-right:.3rem;position:relative;width:2.72rem}
.messOdd{background-color:#375bff}
.messEven{background-color:#ff5532}
.five,.four,.one,.three,.two{position:absolute;width:.39rem;height:.47rem;left:.25rem;top:.13rem}
.one{background-position:-3.2rem -8.73rem}
.two{background-position:-8.03rem -7.29rem}
.three{background-position:-7.34rem -7.29rem}
.four{background-position:-8.72rem -7.28rem}
.five{background-position:-9.41rem -7.28rem}
.messDesc{margin-top:.26rem;padding-left:.8rem;padding-right:.35rem;line-height:.4rem}
.greatBot{width:100%;height:1.52rem;background-position:-.16rem -4.2rem;margin-top:-1.74rem}
.teacher{margin-top:1.8rem;overflow:hidden;height:11rem}
.teacher .title{color:#fff}
.teacherCont{position:relative}
.quan{width:1.28rem;height:1.28rem;border-radius:50%;border:.24rem solid #ffe646;position:absolute;right:-.34rem;top:-.6rem;z-index:1}
.teacherMess{z-index:10;position:absolute;top:.3rem;left:.42rem}
.teacherMess li{position:relative;padding-top:.8rem;line-height:.46rem;margin-bottom:.4rem}
.teacherMess li span{position:absolute;font-size:.3rem;font-weight:700;color:#fff;top:.05rem;left:.25rem}
.first{background:url(https://lboc-static.dfub.cn/ycjh/info_bj.png?v=2020-10-21) no-repeat}
.second{background:url(https://lboc-static.dfub.cn/ycjh/info_qh.png?v=2020-10-21) no-repeat}
.third{background:url(https://lboc-static.dfub.cn/ycjh/info_sd.png?v=2020-10-21) no-repeat}
.first,.second,.third{width:6.69rem;height:2.07rem;background-size:6.69rem}
.teacherMess p{font-size:.28rem;color:#555;padding-left:.7rem;position:relative}
.teacherMess p:first-of-type{font-weight:700}
.teacherMess p::before{content:"";position:absolute;width:.2rem;height:.2rem;background-position:-4.25rem -5.3rem;left:.52rem;top:.15rem}
.contact{width:5.6rem;height:.88rem;margin:0 auto;margin-top:.4rem;background:linear-gradient(137deg,#ffe646 0,#fd1 100%);border-radius:.5rem;text-align:center;line-height:.9rem;color:#560d00;font-size:.32rem;font-weight:500;letter-spacing:1px}
.course{margin-top:.4rem}
.course .title{width:100%;height:1.37rem;background-position:-.16rem -.15rem;padding-top:.5rem}
.courseMain{background-color:#f5faff;padding-top:.35rem}
.courseCont{width:6.16rem;height:4.9rem;background-color:#fff;box-shadow:0 .02rem .17rem -.05rem rgba(36,147,255,.52);border-radius:.16rem;position:relative;margin-left:.94rem}
.tiao{width:.04rem;height:4.11rem;background-color:#375bff;opacity:.188;position:absolute;left:-.25rem;top:.08rem}
.quan2{width:2rem;height:2rem;position:absolute;right:0;top:0;overflow:hidden}
.quan2 i{width:2rem;height:2rem;opacity:.6903;border:.3rem solid #ffe646;border-radius:50%;right:-.85rem;top:-.6rem;position:absolute}
.dian{position:absolute;bottom:1.3rem;right:.38rem;width:1.96rem;height:1.18rem;background-position:-5.9rem -5.8rem;opacity:.3}
.courseMess{position:absolute;left:-.6rem;top:-.4rem}
.courseMess li{margin-bottom:.4rem}
.courseEven,.courseOdd{width:2.08rem;height:.72rem;line-height:.72rem;border-radius:.36rem;font-size:.3rem;font-weight:700;color:#fff;text-align:center}
.courseOdd{background-color:#375bff}
.courseEven{background-color:#ff5532}
.courseDesc{margin-top:.24rem;font-size:.28rem;font-weight:400;color:#555;padding-left:.82rem;position:relative}
.courseDesc::before{content:"";position:absolute;width:.08rem;height:.08rem;border-radius:50%;background-color:#708aff;border:.02rem solid #fff;left:.31rem;top:.14rem}
.study{background-color:#f5faff;padding-top:.54rem}
.studyCont{position:relative;padding:0 .4rem;margin-top:.3rem}
.studyCont i{right:.4rem}
.studyMess{overflow:hidden}
.studyMess li{float:left;width:1.64rem;height:1.7rem;border-radius:.16rem;font-size:.28rem;font-weight:400;color:#fff;line-height:.46rem;padding:.32rem .23rem 0;letter-spacing:1px}
.num{background-position:-3.5rem -5.8rem}
.num2{background-position:-6.19rem -2.98rem;margin:0 .2rem}
.num3{background-position:-3.79rem -2.98rem}
.match{padding-top:.6rem;background-color:#f5faff}
.matchCont{margin-top:.24rem;padding:0 .4rem}
.matchCont p{border-radius:.16rem .16rem 0 .03rem;font-size:.28rem;font-weight:400;color:#555;line-height:.46rem;border-bottom:1px solid #fff;position:relative}
.matchCont .match3{border-bottom:0;margin-bottom:0}
.matchCont span{display:block;text-align:justify}
.match1 span:first-of-type{position:absolute;left:0;top:0;width:.98rem;height:2.02rem;background:#ffba1b;border-radius:.16rem 0 0}
.match1 span:last-of-type{background:#fff6e1;border-radius:0 .16rem 0 0;padding:.32rem .36rem .32rem 1.3rem}
.match2 span:first-of-type{position:absolute;left:0;top:-1px;width:.98rem;height:2.49rem;background:#ff5532;border-top:1px solid #fff}
.match2 span:last-of-type{background:#f1f9e0;padding:.32rem .36rem .32rem 1.3rem}
.match3 span:first-of-type{position:absolute;left:0;top:-1px;width:.98rem;height:2.45rem;background:#375bff;border-radius:0 0 0 .17rem;border-top:1px solid #fff}
.match3 span:last-of-type{background:#e3f8fe;border-radius:0 0 .17rem .17rem;padding:.32rem .36rem .31rem 1.3rem}
.match1::before,.match2::before,.match3::before{content:"";position:absolute;width:.39rem;height:.47rem;left:.3rem;z-index:2}
.match1::before{top:.78rem;background-position:-2.51rem -8.73rem}
.match2::before{top:1.01rem;background-position:-6.65rem -7.28rem}
.match3::before{top:1rem;background-position:-5.13rem -6.34rem;background-size:9rem}
.prize{position:relative;overflow:hidden}
.big_huan{position:absolute;left:0;top:0;width:3.34rem;height:5.35rem;background-position:-.15rem -.15rem}
.prizeCont,.prizeTop{background-color:#f5faff}
.prizeTop{height:.65rem}
.prizeSwiper{height:2.65rem;padding:0 .28rem}
.prizeBot{height:1.5rem;background-position:-.16rem -2.5rem;margin-top:-1rem}
.part8_bodyswpier{position:relative;height:100%;box-sizing:border-box}
.part8_bodyswpier .swiper-slide{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;transition:.4s;transform:scale(1);z-index:1}
.part8_bodyswpier .swiper-slide-active,.swiper-slide-duplicate-active{transform:scale(1.7);z-index:20}
.part8_bodyswpier .swiper-slide img{max-height:100%;max-width:100%;box-shadow:0 0 .07rem 0 rgba(0,0,0,.2);border-radius:.08rem;position:relative}
.part8_bodyswpier .swiper-slide-prev img{left:.02rem}
.part8_bodyswpier .swiper-slide-next img{right:.02rem}
.student{margin-top:.45rem;overflow:hidden;position:relative}
.student .title{color:#fff}
.part9_body{margin-top:.7rem;position:relative}
.student .kuang{background:url(../img/h5/info_kuang.png?v=TB0MF0T8OlPbVuMF8iKyvw%3D%3D) no-repeat 0 0;background-size:.88rem;width:.88rem;height:.88rem;right:.7rem;top:-1.42rem}
.part9_bodyswiper{position:relative;height:100%;padding:0 .28rem!important;overflow:inherit}
.part9_body .swiper-slide{width:6.25rem;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;position:relative}
.student .stu_photo{width:3.2rem;height:3.2rem;position:absolute;left:-.08rem;top:-.43rem;z-index:2;box-shadow:.02rem .02rem .34rem -.07rem rgba(13,58,148,.31);border-radius:.18rem;border:.08rem solid #fff}
.student .stu_photo img{display:block;width:100%;height:100%}
.stu_bottom{position:relative;color:#fff;width:6.39rem;height:2.53rem;background-position:-3.79rem -.15rem}
.student .stu_name{font-size:.4rem;font-weight:700;position:absolute;left:3.7rem;top:.95rem}
.student .stu_city{font-size:.32rem;position:absolute;top:1.6rem;left:3.7rem}
.student .stu_info{height:6.4rem;font-size:.28rem;font-weight:400;color:#555;line-height:.52rem;background-color:#fff;position:relative;padding:.65rem .36rem .36rem;border-radius:0 0 .16rem .16rem}
.stu_dian{width:1.96rem;height:1.18rem;background-position:-5.9rem -5.8rem;position:absolute;top:.1rem;right:-.2rem;opacity:.3}
.stu_huan{position:absolute;right:0;bottom:0;width:1.76rem;height:1.07rem;background-position:-8.16rem -5.8rem}
.stu_cont{z-index:2;position:absolute;left:.36rem;right:.36rem;text-align:justify}
.bottomSpace{margin-top:.8rem;height:1.19rem}
.line{width:100%;height:10px;background-color:#c00;position:absolute;left:0;bottom:-50px}
.bottomBar{position:fixed;left:0;bottom:0;width:100%;height:1rem;background-color:#2047f8;padding-top:.2rem;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);z-index:100}
.bottomBar span{display:inline-block;font-size:.32rem;font-weight:500;height:.8rem;line-height:.8rem;text-align:center}
.bottomBar span:first-of-type{width:2.4rem;box-shadow:0 -.16rem .37rem -.2rem rgba(44,11,3,.16);border-radius:.44rem;border:.02rem solid #fff;color:#fff;margin-left:.4rem;height:.76rem;line-height:.76rem}
.bottomBar span:last-of-type{margin-left:.32rem;color:#560d00;width:3.98rem;background:linear-gradient(137deg,#ffe646 0,#fd1 100%);border-radius:.44rem}