@media screen and (max-width:1720px) {

	.inner { width:70%;   margin: 0 auto;  }
	.pl-inner{ padding-left: 15vw;}
	.pr-inner{ padding-right:15vw;}
	.ml-inner{ margin-left:15vw;}
	.mr-inner{ margin-right:15vw;}
	
}


@media screen and (max-width:1660px) {

	 

	/* .oneNav{ line-height: 55px;}
	.logoImg{ height: 55px;} */
	.h-60{ height: 55px;} .w-60{ width: 55px;}
	.idxLogoUl li,.idxLogoUl{ height: 100px;}
	.h-70{ height: 60px;}

	.relestTime .layui-form-select .layui-input{ height: 55px; line-height: 55px;}
	/* .courseInfoRight,.OurStorytitle{ top: 130px;} */

	.zw{ margin-top: -153px; padding-top: 153px;}
	.zwHeader{ height: 153px;}

	/* .sixSearch{   top: 153px;} */

	.airBox .paly{ width: 80px; height: 80px; margin-left: -40px;margin-top:-40px}

}

@media screen and (max-width:1440px) {

	body{ font-size: 14px }
	 

	.oneNav{ line-height: 50px;}
	.logoImg{ height: 50px;}
	.h-60{ height: 50px;} .w-60{ width: 50px;}
	.relestTime .layui-form-select .layui-input{ height: 50px; line-height: 50px;}
	.clear20{ height: 15px;}
 
 
	.idxCaseTextSwiper .circle{ width: 90px; height: 90px;}
	.idxLogoUl li,.idxLogoUl{ height: 80px;}
	.Testimonial .pagination .swiper-pagination-bullet,.customizepagination .swiper-pagination-bullet{ height: 6px;}
	.fourUl,.courseBlogUl,.courseMoreUl,.courseClassUl{   grid-gap: 30px;  }

	.zw{ margin-top: -138px; padding-top: 138px;}
	.zwHeader{ height: 138px;}
	/* .sixSearch{   top: 138px;} */

	.sixSearch input{ padding-left:50px;}

	.saveCheck{ width: 18px; height: 18px;}

	.Payment-radioItem .payIcon{ height: 48px;}
	.tenLeft .radio-label label{ padding-left: 60px;}

	.memberNav a::after{ height: 5px;}
	
     
}

@media screen and (max-width:1280px) { 

	 div.video-wrap{ width: 90vw;height: auto;}
	 
 

	.oneNav{ line-height: 46px;}
	.logoImg{ height: 46px;}
	.h-60,.h-50{ height: 46px;} .w-60{ width: 46px;}
	.relestTime .layui-form-select .layui-input{ height: 46px; line-height: 46px;}

	.clear20{ height: 10px;}
	.idxLogoUl li{ height: 60px; width: 20vw;}
	.idxLogoUl{height: 60px;}

	.h-70{ height: 50px;}

	.zw{ margin-top: -122px; padding-top: 122px;}
	.zwHeader{ height: 122px;}
	/* .sixSearch{   top: 122px;} */

	.sixNav a::after{ height: 3px;}

	.Payment-radioItem .payIcon{ height: 40px;}
	.tenLeft .radio-label label{ padding-left: 50px;}
	/* .memberTopImg{ width: 160px; height: 160px;} */

	.memberNav a::after{ height: 4px;}

	.inner { width:80%;   margin: 0 auto;  }
	.pl-inner{ padding-left: 10vw;}
	.pr-inner{ padding-right:10vw;}
	.ml-inner{ margin-left:10vw;}
	.mr-inner{ margin-right:10vw;}

}

@media screen and (max-width:1100px) {

	body{ font-size: 14px }
	.iPad-show{ display: block;}
	.iPad-none{ display: none;}
 
	.inner,.w90,.w1200{ width:96%;   margin: 0 auto;  }
	.pl-inner{ padding-left: 2vw;}
	.pr-inner{ padding-right:2vw;}
	.ml-inner{ margin-left:2vw;}
	.mr-inner{ margin-right:2vw;}
 
	.oneNav{ line-height: 40px;}
	.logoImg{ height: 40px;}
	.h-60,.h-50{ height: 40px;} .w-60{ width: 40px;}
 
	.relestTime .layui-form-select .layui-input{ height: 40px; line-height: 40px;}

	.h-70{ height: 40px;}
	 
	.idxCaseTeach img{ width: 52px; height: 52px; margin-left: -20px;}
	.idxLogoUl li{ height:50px; width: 30vw;}
	 .idxLogoUl{ height: 50px;}
	 /* .courseInfoRight,.OurStorytitle{ top: 90px;} */
	 .fourUl,.courseBlogUl,.courseMoreUl,.courseClassUl{   grid-gap: 20px;  }

	 .courseBlogUl,.courseMoreUl{ grid-template-columns: repeat(2,1fr);}

 .courseClassUl{ grid-template-columns: repeat(2,1fr);}

 .zw{ margin-top: -116px; padding-top: 116px;}
 .zwHeader{ height: 116px;}
 /* .sixSearch{   top: 116px;} */
    
 	.airBox .paly{ width:60px; height: 60px; margin-left: -30px;margin-top:-30px}

	 .memberTopImg{ width: 120px; height: 120px;}
	 .memberNav a::after{ height: 3px;}
}
@media screen and (max-width:900px) {

	body{ font-size: 14px }
	.iconfont{ font-size: 16px;}
	.inner,.w90,.w1200{ width:calc(100% - 40px);   margin: 0 auto;  }
	.pl-inner{ padding-left: 20px;}
	.pr-inner{ padding-right:20px;}
	.ml-inner{ margin-left:20px;}
	.mr-inner{ margin-right:20px;}

	header{ padding: 0 !important;}
	header .con{ width: 100%; padding-left: 20px; padding-right: 5px;}

	.logoImg, .footLogo{  height: 30px;}
	header.scroll .con{ height: 60px;}
	.banCon .left{ padding: 15px 0 15px 0;} 
	/* .banCon{ margin-top: 25px;} */
	 
	.idxCaseTextSwiper .circle{ width: 60px; height: 60px;}
	.idxCase .button{ justify-content: center;}
 
	footer .bottom{ text-align: center !important; line-height: 1.6;}
	
	.idxCoursesItem .desc{ height: auto;}
	.courseInfoLeft{ color: #333;}
	.loginBody{ height: auto; min-height: 100vh; padding-top: 25px; padding-bottom: 25px;}
	.loginBody::before{ display: none;}
	.loginLeft{ padding-right: 20px;}
	.LogNav{ flex-direction: row;}
	.LogNav a{ width: 50%;  height:40px; overflow: hidden; border-top-left-radius: 8px; border-top-right-radius: 8px;}
	.LogNav a.on{ background: #fff;}
	.Remember{ width: 15px; height: 15px; margin-right: 5px;}
	.OurStoryIcon{ width: 24px;}
	.OurStoryUl .left .line{ width: 2px;}
	.OurStoryUl .right{ width: calc(100% - 40px);} 
	/* .TestimonialSwiper .img{ width: 200px; height: 200px; margin-bottom: 15px;} */
	.Testimonial .pagination,.customizepagination  { margin-left: 0; display: flex; align-items: center; justify-content: center; width: 100%;}
	.fourUl{  grid-gap:20px; grid-template-columns: repeat(1,1fr);}
	.fourUl li .font84{ font-size: 50px; margin-bottom: 50px;}

	.loginBox dl{ width: 150px;}

	.zw{ margin-top: -60px; padding-top: 60px;}
	.zwHeader{ height: 60px;}
	/* .sixSearch{   top: 60px;} */

	.airBox .paly{ width:50px; height: 50px; margin-left: -25px;margin-top:-25px}
	.relestTime .layui-form-select .layui-edge{  border-width: 9px; margin-top: -4px; right: 18px;}

	.location span:last-child{ display: none;}
	.newsPage a{ padding-left: 0; padding-right: 0; width: 42%;}

	.CardsList{ height: 25px;}
	.Payment-radioItem .payIcon{ height: 32px;}
	.tenLeft .radio-label label{ padding-left: 40px;}
	.priceBot li + li{ margin-top: 15px;}
	.priceBot li.on::after{ display: none;}

	.pricezekou{ margin-top: 30px;}
	.tenLeft .priceBot  .radio-label label{ padding-left: 53px;}
	.pricePop{   right: auto; left: 0; bottom: calc(100% + 20px); top: auto; width: 100%;}
	.PriceHove::before{   
		border-width: 15px 10px 0;
		border-color: #FFFFFF transparent transparent;    right: auto; left: 15px; top: auto; bottom: calc(100% + 8px); }

	.memberTopImg{ width: 100px; height: 100px;}
	.memberEwm{ width: 80px; border-radius: 3px; height: 80px; margin-top: 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }

		/* .PaymentInfo table tr td:nth-child(4){ display: none;} */
		.PaymentInfo table tr{ display: flex !important; flex-wrap: wrap; }
	.PaymentInfo table  thead{ display: none !important;}
	.PaymentInfo table td{ width: 100%; padding-left: 1em !important; height: 50px !important;border-bottom: 1px solid #e5e5e5;padding-left: 1em;display: flex;align-items: center; justify-content: space-between; line-height: 1;}
	.PaymentInfo table tr td:nth-child(1){ width: 100%;} 

	.PaymentInfo table tbody tr td:last-child{ border-bottom: none; justify-content: flex-end;}
	.PaymentInfo table .CardsIcon{ height: 40px;}
	.wap-w50{ width: 50%;}
	.wap-w60{ width: 60%;}
	.items .item + .item{ margin-top: 10px;} 
	.radius15{ border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }

	.TestimonialSwiper .text{ width: calc(100% - 66px);}
	.TestimonialSwiper .text .tt{  padding-left: 0;}
}

@media screen and (max-width:560px) { 

	.courseBlogUl,.courseMoreUl, .courseClassUl{ grid-template-columns: repeat(1,1fr);}

	.courseClassUl li:first-child{grid-area: 1 / 1 / 2 / 2;}
	.courseClassUl li.div1 .img{ padding-bottom: 79%;}

	.memberTopImg{ width: 76px; height: 76px;}
	.memberNav a::after{ height: 2px;}
}

@media screen and (min-width:1100px) { }
@media screen and (min-width: 500px) and (max-width: 900px) {
    /* 在这里定义宽度在500px到900px之间的样式 */
}