#jnmjh5{max-width: 750px;margin: 0 auto; padding-bottom: 7.4rem;box-sizing: border-box;}
#jnmjh5 .head{width: 100%;height: 26.4rem;background: url(../images/head_bg.png) no-repeat top center;
  background-size: contain;text-align: center;}
#jnmjh5 .head .head-tit{padding-top: 6rem;}
#jnmjh5 .head .head-tit>.top{height: 6.8rem;line-height: 6.8rem; font-size:4.4rem;color: #FFF7DA;font-weight: bold;}
#jnmjh5 .head .head-tit>.bottom{height: 4rem;line-height: 4rem; font-size: 4rem;font-weight: 200;color: #FFF7DA;}
#jnmjh5 .content .head-btn{display: inline-block; background: linear-gradient(180deg, #FF9E5F 0%, #FF2232 100%);box-shadow: 0 0.8rem 1.6rem 0 rgba(255, 44, 54, 0.24);border-radius: 1.6rem;border: 2px solid #FFFFFF;font-weight: bold;font-size: 1.2rem;text-align: center;line-height: 2.8rem;height: 3.2rem;box-sizing: border-box;padding: 0 1.6rem;color: #FFFFFF;margin: 0.8rem auto 0;}

/*视频*/
.info{width: 100%;height: 61.8rem;background: url(../images/bg.png) no-repeat top center;background-size: contain;box-sizing: border-box;margin: -5.3rem 0 0.8rem;} /*position: relative;top: -5.3rem;*/
.info .info-content{padding: 1.1rem 1.6rem 0;width: 100%;box-sizing: border-box;}
.info .video-box{background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.8) 100%);box-shadow: 0 0.8rem 1.6rem 0 rgba(255, 255, 255, 0.24);border-radius: 1.2rem;border: 1px solid #FFFFFF;box-sizing: border-box;padding: 1.2rem;position: relative;}
.info .video-box .video-wrap{width: 100%;height: 17.9rem; box-sizing: border-box;border-radius: 1rem;position: relative;overflow: hidden;}
.info .video-box .video-wrap .video{width: 100%;height: 100%;object-fit: fill;}
.info .video-box .video-wrap .video-img{width: 2.8rem;height: 2.8rem;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);cursor: pointer;z-index: 1;}
/* .info .video-box .video-wrap:hover .video-img{opacity: 1;} */
.info .video-box .video-wrap .video-img img{display: block;width: 100%;height: 100%;}
.info .video-box .prompt {position: absolute;top: 0.6rem;right: 1rem;width: 6.4rem;height: 3.6rem;background: url(../images/prompt.png) no-repeat;background-size: cover;z-index: 1;}

.info .video-box .video-info{margin-top: 1.2rem;display: flex;justify-content: space-between;}
.info .video-box .video-info .item{width: 9.8rem;height: 11.6rem;box-sizing: border-box;border-radius: 0.8rem;padding: 0.8rem;position: relative;}
.info .video-box .video-info .item .item-tit{height: 2.1rem;line-height: 2.1rem;font-size: 1.4rem;font-weight: bold;color: #FFFFFF;}
.info .video-box .video-info .item .item-introduce{width: 8.2rem; font-size: 1rem;line-height: 1.4rem;color: #FFFFFF;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;text-overflow: ellipsis;overflow: hidden;font-weight: 400;margin-top: 0.4rem;}

.info .video-box .video-info .item.blue{background: linear-gradient(225deg, #283AF2 0%, #3E79F4 100%);}
.info .video-box .video-info .item.blue::after{position: absolute;bottom: 0;right: 0;content: '';width: 4.8rem;height: 4.8rem;background: url(../images/icon_da.png) no-repeat bottom center;background-size: contain;}
.info .video-box .video-info .item.hotpink {background: linear-gradient(225deg, #FD0454 0%, #FD3E7B 100%);}

.info .video-box .video-info .item.hotpink::after {position: absolute;bottom: 0;right: 0;content: ''; width: 4.8rem;height: 4.8rem;background: url(../images/icon_f.png) no-repeat bottom center;background-size: contain;}
.info .video-box .video-info .item.purple{background: linear-gradient(45deg, #8C32FF 0%, #770CFF 100%);}
.info .video-box .video-info .item.purple::after{position: absolute;bottom: 0;right: 0;content: '';width: 4.8rem;height: 4.8rem;background: url(../images/icon_b.png) no-repeat bottom center;background-size: contain;}
.marT{margin-top: 1.6rem;}
.white{color: #FFFFFF !important;}
.black{color: rgba(0, 0, 0, 0.88) !important;}
/*高品质课程*/
.title-box{text-align: center;}
.title-box>.title{height: 3.3rem;line-height: 3.3rem;font-size: 2.2rem;}
.title-box>.tit{height: 2.7rem;line-height: 2.7rem;font-size: 1.8rem;font-weight: 300;}
.info .bottom-bg{width: 100%;height: 22.1rem;background: url(../images/bt_bg.png) no-repeat bottom center;background-size: 100% 100%;margin-top: 0.5rem;}
.bottom-bg>.tit{height: 2.7rem;line-height: 2.7rem;font-size: 1.8rem;font-weight: 300;text-align: center;}
.develop-box{display: flex;}
.info .bottom-bg .develop-box>div{width: 50%;box-sizing: border-box;}
.info .bottom-bg .develop-box .left{padding: 4.2rem 0 0 2.8rem;}
.info .bottom-bg .develop-box .left .tit{font-weight: bold;font-size: 1.4rem;color: rgba(0, 0, 0, 0.88);line-height: 1.7rem;}
.info .bottom-bg .develop-box .left .list{margin-top: 0.8rem;}
.info .bottom-bg .develop-box .left .list>.item{display: flex; font-weight: 400;font-size: 1rem;height: 1.6rem;line-height: 1.6rem;color: rgba(0, 0, 0, 0.88);margin-bottom: 0.4rem;}
.info .bottom-bg .develop-box .left .list>.item>span{display: block;width: 1.1rem;height: 1.6rem;line-height: 1.6rem; font-family: DINPro, DINPro;font-weight: 300;margin-right: 0.2rem;}
.info .bottom-bg .develop-box .right{padding: 2.6rem 0 0 1.6rem;}
.info .bottom-bg .develop-box .right .tit{font-weight: bold;font-size: 1.4rem;color: #FFFFFF;line-height: 1.7rem;}
.info .bottom-bg .develop-box .right .list{margin-top: 0.8rem;}
.info .bottom-bg .develop-box .right .list>.item{display: flex; font-weight: 400;font-size: 1rem;height: 1.6rem;line-height: 1.6rem;color: #FFFFFF;margin-bottom: 0.4rem;}
.info .bottom-bg .develop-box .right .list>.item>span{display: block;width: 1.1rem;height: 1.6rem;line-height: 1.6rem; font-family: DINPro, DINPro;font-weight: 300;margin-right: 0.2rem;color: #FFFFFF;}
/*锦囊*/
.cleverPlan{padding: 1.6rem;box-sizing: border-box;}
.cleverPlan .cleverPlan-list{margin-top: 1.6rem;display: flex;justify-content: space-between;flex-wrap: wrap;}
.cleverPlan .cleverPlan-list .list.left,.cleverPlan .cleverPlan-list .list.right{width: 48%;}
.cleverPlan .cleverPlan-list .list .item{box-sizing: border-box;padding: 0.8rem;background: linear-gradient(287deg, #0014F0 0%, #1962F3 100%);border-radius: 0.8rem;margin-bottom: 0.8rem;position: relative;}
.cleverPlan .cleverPlan-list .list .item::after{position: absolute;top: 0;right: 0;content: '';width: 4.9rem;height: 5.4rem;background: url(../images/decorate.png) no-repeat;background-size: contain;}
.cleverPlan .cleverPlan-list .list .item .title{font-weight: 400;font-size: 1rem;height: 1.5rem; line-height: 1.5rem;color: rgba(255, 255, 255, 0.88);}
.cleverPlan .cleverPlan-list .list .item .tit{height: 2.1rem;line-height: 2.1rem;font-weight: bold;font-size: 1.4rem;color: rgba(255, 255, 255, 0.88);}
.cleverPlan .cleverPlan-list .list .item .introd{font-weight: 300;font-size: 1.1rem;line-height: 1.7rem;color: rgba(255, 255, 255, 0.88);}
.cleverPlan .cleverPlan-list .list .item .income{margin-top: 0.8rem;background: linear-gradient(77deg, #FFFFFF 0%, #DEE8FC 100%);border-radius: 0.4rem;box-sizing: border-box;padding: 0.8rem;}
.cleverPlan .cleverPlan-list .list .item .income .income-tit{font-weight: bold;font-size: 1.1rem;line-height: 1.7rem;color: rgba(0, 0, 0, 0.88);}
.cleverPlan .cleverPlan-list .list .item .income .income-introd{margin-top: 0.2rem;font-weight: 300;font-size: 1rem;line-height: 1.4rem;}
.cleverPlan .cleverPlan-list .list .item.empty{height: 17.8rem;}
.cleverPlan .cleverPlan-list .list .item.empty .empty-bg{width: 8rem;height: 7rem;background: url(../images/empty.png) no-repeat;background-size: contain;margin: 3.8rem auto 0;}
.cleverPlan .cleverPlan-list .list .item.empty .empty-text{font-weight: 300;font-size: 1.2rem;text-align: center;color: #FFFFFF;}
/*讲师*/
.lecturer{box-sizing: border-box;padding: 1.6rem 1.6rem 1.2rem;}
.lecturer .lecturer-box{display: flex;justify-content: space-between;height: 17rem;background: url(../images/lecturer_bg.png) no-repeat;background-size: 100% 100%;border-radius: 0.8rem;box-shadow: 0 0.3rem 0.5rem 0 rgba(182, 201, 251, 1);}
.lecturer .lecturer-box .left{width: 20.4rem;box-sizing: border-box;padding: 1.6rem 0 0 1.2rem;}
.lecturer .lecturer-box .left .name{color: #FFFFFF;height: 2rem; line-height: 2rem;font-weight: bold;font-size: 1.6rem;}
.lecturer .lecturer-box .left .tit{font-size: 1.2rem;margin-top: 0.4rem;font-weight: 400;height: 1.8rem;line-height: 1.8rem;color: #FFFFFF;}
.lecturer .lecturer-box .left .divider{width: 100%;height: 1px;background: #FFFFFF;opacity: 0.4;margin: 0.8rem 0;}
.lecturer .lecturer-box .left .introduce{font-weight: 300;font-size: 1rem;color: #FFFFFF;line-height: 1.4rem;}
.lecturer .lecturer-box .right{display: block; width: 12.7rem;height: 100%;}
.indicate{margin-top: 1.2rem;}
.indicate .swiper .swiper-wrapper .swiper-slide{display: inline-block;width: 9.6rem !important;height: 5.8rem;box-sizing: border-box;background: linear-gradient(75deg, #F2F6FC 0%, #DEE8FC 100%);border-radius: 0.4rem;margin-right: 0.8rem;padding: 0.4rem 0.6rem;position: relative;}
.indicate .swiper .swiper-wrapper .swiper-slide:nth-last-child(1){margin-right: 0;}
.indicate .swiper .swiper-wrapper .swiper-slide.active{background: linear-gradient(75deg, #0151F1 0%, #0014F0 100%);}
.indicate .swiper .swiper-wrapper .swiper-slide.active .name-zh,.indicate .swiper .swiper-wrapper .swiper-slide.active .name-en{color: #ffffff;}
.indicate .swiper .swiper-wrapper .swiper-slide .name-zh{height: 2.2rem;line-height: 2.2rem;font-weight: bold;font-size: 1.4rem;}
.indicate .swiper .swiper-wrapper .swiper-slide .name-en{font-family: DINPro, DINPro;height: 1.4rem; line-height: 1.4rem;font-weight: 300;font-size: 1rem;}
.indicate .swiper .swiper-wrapper .swiper-slide .thumPic{display: block;width: 5.8rem;height: 100%;position: absolute;top: 0;right: 0;}
/*须知*/
.instructions-list{box-sizing: border-box;padding: 0 1.6rem;}
.instructions-list .item-lis{display: flex; width: 100%;box-sizing: border-box;padding:1.2rem 0.8rem;background: #FAFAFF;font-size: 1.2rem;line-height: 1.8rem;margin-bottom: 0.4rem;}
.instructions-list .item-lis:nth-child(2n){background: #F5F6FE;}
.instructions-list .item-lis .num{font-family: DINPro, DINPro;font-weight: 400;color: #000000;}
.instructions-list .item-lis .text{font-weight: 400;font-size: 1.2rem;color: #000000;margin-left: 0.6rem;}
.instructions-list .item-lis .text>a{color: #0114F0;text-decoration: underline;}
/*底部按钮*/
.footer{position: fixed;bottom: 0;left: 0;width: 100%;z-index: 1;width: 100%;box-sizing: border-box;height: 6.4rem;padding: 1rem 1.6rem 0.6rem 1.6rem;background: #ffffff;}
.footer .footer-content{max-width: 750px;margin: 0 auto;height: 100%;background: url(../images/ft_pic_50.png) no-repeat top left,linear-gradient(151deg, #0050F0 0%, #0014F0 100%);background-size: contain; border-radius: 0.8rem;box-shadow: 0 0.3rem 0.5rem 0 rgba(171, 187, 250, 1);position: relative;box-sizing: border-box;padding: 0 1.6rem;display: flex;justify-content: space-between;align-items: center;}
.footer .footer-content .left{padding-top: 0.6rem;box-sizing: border-box;}
.footer .footer-content .left .sales-price .discount{font-size: 1.4rem;line-height: 1.8rem;font-weight: bold;color: #FFFFFF;}
.footer .footer-content .left .sales-price .discount span{font-size: 1rem;color: #FFFFFF;}
.footer .footer-content .left .sales-price .price{font-family: DINPro, DINPro;font-weight: bold;font-size: 2rem;line-height: 2.6rem;color: #FFFFFF;}
.footer .footer-content .left .sales-price .original-price{font-size: 1.2rem;font-weight: 400;line-height: 1.8rem;text-decoration-line: line-through;color: #FFFFFF;margin-left: 0.6rem;}
.footer .footer-content .left .sales-bg{width: 12.1rem;height: 1.8rem;background: url(../images/ft_pic_bg.png) no-repeat;background-size: contain;position: relative;top: -0.7rem;left: -0.2rem;}
.footer .footer-content .right.btn{background: linear-gradient(103deg, #FD0151 0%, #DD0348 100%);border: 0.2rem solid #FFFFFF;width: 8.3rem;height: 3.2rem;line-height: 2.8rem;text-align: center;border-radius: 1.6rem; font-weight: bold;color: #ffffff;font-size: 1.4rem;box-sizing: border-box;}
@media screen and (max-width:750px) {
  .info .bottom-bg{margin-top: -0.8rem;}
}
@media screen and (min-width:750px) {
  .info .bottom-bg{margin-top: -0.8rem;}
}
@media screen and (max-width:640px) {
  .info .bottom-bg { margin-top: -1rem;}
}
@media screen and (max-width:500px) {
  .info .bottom-bg { margin-top: -1.4rem;}
}
@media screen and (max-width:400px) {
  .info .bottom-bg { margin-top: 0.5rem;}
}