html {height: 100%;overflow-y: scroll;}
body {position: relative;width: 100%;min-height: 100%;overflow-x: hidden;overflow-y: auto;}
.pages{background:#F2FAFF url('../images/index_banner_bg.jpg') no-repeat center 0; background-size: auto 950px;}
.pages_clear{height:115px;}
.index_banner {width: 100%;position: relative; padding: 230px 0 0 0; display: block; box-sizing: border-box;}
.index_banner .hd{font-size: 100px; font-family: fontBold; color: #1A7CFF; font-style: italic; line-height: 1.123;}
.index_banner .bd{padding: 50px 0 20px 0; }
.index_banner .bd > dl{display: flex; align-items: center;}
.index_banner .bd > dl > dt{background: linear-gradient( 90deg, #FF3435 0%, #FF8A00 100%); border-radius: 50px; color: var(--bgwhite-10); font-size: var(--f36); padding: 10px 35px; font-family: fontDefault;}
.index_banner .bd > dl > dd{display: flex; align-items: center; padding: 0 20px;}
.index_banner .bd > dl > dd h4{padding:0 15px; font-size: 70px; font-family: fontBold; background: linear-gradient(to right, #FF3435, #FF8A00); -webkit-background-clip: text; background-clip: text; color: transparent;}
.index_banner .bd > dl > dd span{padding: 0 5px; text-decoration: line-through; color: var(--bgblack-5); font-size: var(--f30);}
.index_banner .notes{padding: 1px 0;}
.index_banner .notes dl{}
.index_banner .notes dl dt{padding:0 50px}
.index_banner .notes dl dt img{display: block; width:auto; height:28px;}
.index_banner .notes dl dd{font-family: fontMedium;}
.index_banner .notes dl dd div{background: linear-gradient( 90deg, #B19EFB 0%, #299DFE 100%); border-radius: 50px; font-size: var(--f26); color: var(--bgwhite-10); padding: 20px 35px;}

.index_panel{display: block; clear: both; height:auto;}
.index_panel .hd{padding: 60px 0 30px 0; text-align: center;}
.index_panel .hd h3{font-size: var(--f36); font-family: fontBold; color: var(--bgblack-7); line-height: 1.123;}
.index_panel .bd{box-sizing: border-box; padding-bottom: 25px; display: block;}
.index_intro{}
.index_intro .bd{position: relative; height: 797px;}
.index_intro .bd .intro1{width: 55%; position: absolute; left:0; bottom:0; z-index: 21;}
.index_intro .bd .intro2{width: 55%; position: absolute; right:0; bottom:0; z-index: 22;}
.index_intro .bd .intro1 > div,.index_intro .bd .intro2 > div{position: relative;}
.index_intro .bd .intro1 > div > img,.index_intro .bd .intro2 > div > img{width:100%; height:auto;}
.index_intro .bd .intro_text{width: 100%; position: absolute; left:0; bottom:0; padding: 25px; box-sizing: border-box;}
.index_intro .bd .intro2 .intro_text{padding-left: 45px;}
.index_intro .bd .intro_text ul{background: var(--bgwhite-6); border-radius: var(--radius-50); border:5px solid var(--bgwhite-9); padding: 15px 20px;}
.index_intro .bd .intro_text ul li{padding: 10px 0; line-height: 1.123;}
.index_intro .bd .intro_text ul.ul_list1 li{background: url('../images/icon_arrow_wrong.png') no-repeat left center; background-size: 24px auto; padding-left: 29px; font-size: var(--f24);}
.index_intro .bd .intro_text ul.ul_list2 li{background: url('../images/icon_arrow_correct.png') no-repeat left center; background-size: 26px auto; padding-left: 31px; font-size: var(--f28); color: var(--gcolor);}
.index_panel .bd2{padding: 0 10px 25px 10px; font-size: var(--f16); color: var(--bgblack-7); display: block;}
.index_panel .bd2 p{padding: 5px 0; font-family: fontLight;}
.index_panel .bd2 p a{color: #1A7CFF;}

.index_btn_box{display: block; width:100%; text-align: center; position: relative; transition: all 0.3s ease;}
.index_btn_box > div{width:520px; margin:0 auto; padding: 65px 0 45px 0;}
.index_btn_box > div > img{width:100%; height:auto; margin:0 auto; cursor: pointer;}
.index_btn_box.fixed {position: fixed;bottom: 0;left: 0;right: 0;width: 100%;z-index: 9997;animation: fadeInUp 0.5s ease;background: var(--bgwhite-10);pointer-events: none;}
.index_btn_box.fixed > div{padding: 15px 0 0 0;}
.index_btn_box.fixed > div > img {pointer-events: auto; cursor: pointer;}

.index_course{background: var(--bgwhite-10); padding-bottom: 25px;}
.course_dl_list{width:100%; display: flex; flex-wrap: wrap; box-sizing: border-box;}
.course_dl_list dl{margin:20px 0; width:48.5%; display: flex; align-items: center; box-sizing: border-box; padding: 40px; background: #F1FAFF; border-radius: var(--radius-30);}
.course_dl_list dl:nth-child(even){margin:20px 0 20px auto;}
.course_dl_list dl dt{width:64px;}
.course_dl_list dl dt img{display: block; width: 100%; height: auto;}
.course_dl_list dl dd{padding: 0 0 0 20px; text-align: left;}
.course_dl_list dl dd h3{font-size: var(--f24);}
.course_dl_list dl dd p{font-size: var(--f16); color: var(--bgblack-5);}

.index_trust{padding-bottom: 25px;}
.trust_container{background: var(--bgwhite-10); border-radius: var(--radius-25); padding: 50px;}
.trust_hd{width:50%; margin:0 auto; text-align: center;}
.trust_hd dl{display: flex; align-items: center;}
.trust_hd dl dt{margin:0;}
.trust_hd dl dd{text-align: left; padding-left: 20px;}
.trust_hd dl dd h4{font-size: var(--f40);
font-family: fontBold;
background: linear-gradient(to right, #FF3435, #FF8A00);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
.trust_hd dl dd p{font-size: var(--f20);}
.trust_dl_list{width:100%; display: flex; flex-wrap: wrap;}
.trust_dl_list dl{margin:20px 0; width:48.5%; box-sizing: border-box; padding: 20px; border-radius: var(--radius-30); text-align: center;}
.trust_dl_list dl:nth-child(even){margin:20px 0 20px auto;}
.trust_dl_list dl dt{margin:0 auto;}
.trust_dl_list dl dt img{display: block; width: 100px; height: auto; margin:0 auto;}
.trust_dl_list dl dd{padding: 20px 0 0 0;}
.trust_dl_list dl dd h3{font-size: var(--f24);}

.index_students{background: var(--bgwhite-10); padding-bottom: 25px;}
.students_wrapper {
    width: 100%;
    position: relative;
    /* overflow: hidden; 在JS中针对PC端动态添加，CSS写在这里也可以 */
}
.students_list{display: flex; flex-wrap: nowrap; width: 100%; will-change: transform;}
.students_list > dl{margin: 10px 2% 10px 0 !important; width:32%; box-sizing: border-box; padding: 25px; border-radius: var(--radius-30); text-align: left; background: #F1FAFF;}
.students_list > dl:nth-child(3n){margin: 10px 2% 10px 0 !important;}
.students_list > dl > dt{display: block; width:100%;}
.students_list > dl > dt > dl{width: 100%; display: flex; align-items: center;}
.students_list > dl > dt > dl > dt{width: 100px;}
.students_list > dl > dt > dl > dt img{display: block; width: 100%; height:auto; border-radius: var(--radius-50);}
.students_list > dl > dt > dl > dd{width:calc(100% - 110px); margin: 0 0 0 auto;}
.students_list > dl > dt > dl > dd h3{font-size: var(--f24); padding-bottom: 10px;}
.students_list > dl > dt > dl > dd p span{padding: 0 20px 0 0;}
.students_list > dl > dt > dl > dd p span img{vertical-align: middle; padding-right:3px; height:18px;}
.students_list > dl > dd{padding:5px 0;}
.students_list > dl > dd > p{padding: 15px 0 5px 0; font-size: var(--f18); line-height: 1.345;}
.students_list > dl > dd > p > strong{color: #1A7CFF;}

.students_arrow_box {width: 100%;text-align: center;padding-top: 20px;user-select: none;}
.arrow_btn {display: inline-block;width: 40px;height: 40px;line-height: 36px;border-radius: 50%;border: 2px solid #1A7CFF;color: #1A7CFF;font-size: 20px;margin: 0 15px;cursor: pointer;transition: all 0.3s ease;text-align: center;font-style: normal;}
.arrow_btn i {font-style: normal;font-weight: bold;line-height: 40px;display: inline-block;transform: scaleY(1.2);
}
.arrow_btn:hover {background-color: #1A7CFF;color: #fff;}
.arrow_btn.disabled {border-color: #ccc;color: #ccc;cursor: default;pointer-events: none;}
.arrow_btn.disabled:hover {background-color: transparent;color: #ccc;}

.index_advs{height: 390px; background: url('../images/footer_banner_bg.jpg') no-repeat center center; background-size: 100% 100%;}
.index_advs .container_plus{height: 100%; display: flex; align-items: center;}
.advs_texts{display: flex; flex-wrap: wrap; padding: 20px 0;}
.advs_texts p{display:block; width:100%; text-align:center; color: var(--bgwhite-10); font-size: var(--f48); padding: 5px 0; font-family: fontBold; text-shadow: 1px 2px 4px var(--bgblack-4);}

.viewUserTerms{text-align: center; color: #1A7CFF; padding-top: 25px;}
.viewUserTerms span{cursor: pointer; padding:5px 10px;}
.viewUserTerms span i{padding:0 5px 0 0; font-weight: bold; font-family: fontBold; font-size: var(--f14); transform: scaleX(1.2); display: inline-block;}
.viewUserTermsContents{padding:0px 10px 15px 10px; text-align: left;}
.viewUserTermsContents ol, .viewUserTermsContents ul {list-style: initial !important;}
.viewUserTermsContents ol,.viewUserTermsContents ol li {list-style-type: decimal !important;}
.viewUserTermsContents ul,.viewUserTermsContents ul li {list-style-type: disc !important;}
.viewUserTermsContents ol{padding-top: 5px;}
.viewUserTermsContents li{padding: 7px 0 3px 0; color: var(--bgblack-7);}
.viewUserTermsContents ol li::marker{font-size: var(--f18);}
.viewUserTermsContents li::marker{color: #1A7CFF;}

.pc_img{display:block;}
.mobile_img{display:none;}

.modal_overlay {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: var(--bgblack-7);z-index: 9998; pointer-events: none;}
.modal_overlay.show {pointer-events: auto;}
.email_modal {display: none;position: fixed;bottom: 0;left: calc(50% - 375px);width: 100%; max-width:750px; z-index: 9999;border-top-left-radius: 15px;border-top-right-radius: 15px;box-shadow: 0 -5px 25px rgba(0,0,0,0.2);max-height: 90vh;overflow-y: auto;background: white url('../images/index_login_bg.png') no-repeat center 0; background-size: 100% auto;}
.email_modal_content {padding: 20px;position: relative;max-width: 750px;margin: 0 auto;  box-sizing: border-box;}
.close_modal {position: absolute;top: 15px;right: 10px;font-size: var(--f32);cursor: pointer;color: #999;background: none;border: none;padding: 0 5px;}
.close_modal:hover {color: #e74c3c;}
.email_modal_content > h3 {margin-bottom: 10px;color: #2c3e50;padding-right: 30px; font-size: var(--f24);}
.email_modal_content > p{padding: 0 0 10px 0; font-size: var(--f16); color: var(--bgblack-5);}
.email_hd{font-size: var(--f20); padding: 5px 0; font-family: fontMedium;}
.email_input {width: 100%;padding: 10px;border: 1px solid var(--bgblack-5);border-radius: 5px;font-size: var(--f20); box-sizing: border-box;}
.email_ofee{font-size: var(--f24); text-align: center; color: #1A7CFF; padding: 15px 0;}
.email_ofee span{font-family: fontBold; background: linear-gradient(to right, #FF3435, #FF8A00); -webkit-background-clip: text; background-clip: text; color: transparent;}
.email_submit {background: #95a5a6;color: white;border: none;padding: 15px 25px;border-radius: var(--radius-40);cursor: pointer;font-size: var(--f18);transition: background 0.3s;width: 100%;margin-bottom: 10px; font-family: fontMedium;}
.email_submit.active {background: #e74c3c;}
.email_submit.active:hover {background: #c0392b;}
.error_message {color: #e74c3c;margin-bottom: 15px;}
.modal_overlay.show, .email_modal.show {display: block;}
.email_modal.show {animation: slideUp 0.3s ease-out;}

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

@media screen and (max-width: 1024px) {
	
	.pc_img{display:none;}
	.mobile_img{display:block;}

	.pages{background-size: 100% auto;}
	.index_banner {padding: 90px 15px 0 15px;}
	.index_banner .hd{font-size: var(--f36);}
	.index_banner .bd{padding: 15px 0 0 0; }
	.index_banner .bd > dl > dt{border-radius: 30px; font-size: var(--f22); padding: 5px 15px;}
	.index_banner .bd > dl > dd{display: flex; align-items: center; padding: 0 10px;}
	.index_banner .bd > dl > dd h4{padding:0 10px; font-size: var(--f40);}
	.index_banner .bd > dl > dd span{padding: 0 5px; font-size: var(--f24);}
	.index_banner .notes{padding: 1px 0;}
	.index_banner .notes dl{}
	.index_banner .notes dl dt{padding:0 30px}
	.index_banner .notes dl dt img{display: block; width:auto; height:14px;}
	.index_banner .notes dl dd{padding:0; font-family: fontMedium;}
	.index_banner .notes dl dd div{border-radius: 20px; font-size: var(--f16);  padding: 10px 15px; text-align: center;}

	.index_panel .hd{padding: 50px 0 20px 0; text-align: center;}
	.index_panel .hd h3{font-size: var(--f28); padding: 0 15px;}

	.index_intro{}
	.index_intro .bd{position: relative; height: 437px;}
	.index_intro .bd .intro1{width: 45%;}
	.index_intro .bd .intro2{width: 60%;}
	.index_intro .bd .intro_text{width: 100%; position: absolute; left:0; bottom:0; padding: 10px; box-sizing: border-box;}
	.index_intro .bd .intro2 .intro_text{padding-left: 25px;}
	.index_intro .bd .intro_text ul{ border-radius: var(--radius-30); border:2px solid var(--bgwhite-9); padding: 10px;}
	.index_intro .bd .intro_text ul li{padding: 5px 0; line-height: 1.123;}
	.index_intro .bd .intro_text ul.ul_list1 li{background: url('../images/icon_arrow_wrong.png') no-repeat left center; background-size: 22px auto; padding-left: 27px; font-size: var(--f12);}
	.index_intro .bd .intro_text ul.ul_list2 li{background: url('../images/icon_arrow_correct.png') no-repeat left center; background-size: 24px auto; padding-left: 29px; font-size: var(--f14); color: var(--gcolor);}
	.index_panel .bd2{padding: 0 10px 25px 10px; font-size: var(--f14); color: var(--bgblack-7);}

	.index_btn_box{display: block; width:100%; text-align: center; position: fixed; width:100%; left:0;righh:0; bottom:0; z-index: 9996; padding: 0;}
	.index_btn_box > div{width:100%; padding: 0 0 0;}
	.index_btn_box.fixed {background: none;}
	.index_btn_box.fixed > div{width:100%; padding: 0;}

	.course_dl_list{padding: 0 15px;}
	.course_dl_list dl{margin:10px 0; width:100%; padding: 20px; border-radius: var(--radius-20);}
	.course_dl_list dl:nth-child(even){margin:10px auto;}
	.course_dl_list dl dd{padding: 0 0 0 15px; text-align: left;}
	.course_dl_list dl dd h3{font-size: var(--f20);}
	.course_dl_list dl dd p{font-size: var(--f14); color: var(--bgblack-5);}

	.index_trust{padding: 0 15px;}
	.trust_container{padding: 20px;}
	.trust_hd{width:100%;}
	.trust_hd dl{display: flex; align-items: center;}
	.trust_hd dl dt{margin:0;}
	.trust_hd dl dt img{display: block; height:42px; width:auto;}
	.trust_hd dl dd{text-align: left; padding-left: 10px;}
	.trust_hd dl dd h4{font-size: var(--f24);}
	.trust_hd dl dd p{font-size: var(--f14);}
	.trust_dl_list{width:100%; display: flex; flex-wrap: wrap;}
	.trust_dl_list dl{margin:10px 0; width:100%; padding: 10px; border-radius: var(--radius-20);}
	.trust_dl_list dl:nth-child(even){margin:10px 0;}
	.trust_dl_list dl dd{padding: 10px 0 0 0;}
	.trust_dl_list dl dd h3{font-size: var(--f20);}

	.index_students{padding: 0 15px;}
	.students_list{display: flex; flex-wrap: wrap; width: 100%; }
	.students_list > dl{width:80%; margin:10px auto; padding: 20px; border-radius: var(--radius-20);}
	.students_list > dl:nth-child(3n){margin:10px auto;}
	.students_list > dl > dt > dl > dt{width: 80px;}
	.students_list > dl > dt > dl > dd{width:calc(100% - 90px);}
	.students_list > dl > dt > dl > dd h3{font-size: var(--f20);}
	.students_list > dl > dt > dl > dd p span{padding: 0 10px 0 0;}
	.students_list > dl > dd > p{padding: 12px 0 5px 0; font-size: var(--f16);}

	.index_advs{height: 330px; background-size: auto 100%;}
	.index_advs .container_plus{height: 100%; display: flex; align-items: center;}
	.advs_texts{display: flex; flex-wrap: wrap; padding: 10px 15px;}
	.advs_texts p{color: var(--bgwhite-10); font-size: var(--f28);}

	.email_modal {width: 100%; left: 0;}

    .students_list::-webkit-scrollbar {height: 8px;}
	.students_list::-webkit-scrollbar-track {background: #f1f1f1;border-radius: 4px;}
	.students_list::-webkit-scrollbar-thumb {background: #1A7CFF; border-radius: 4px;}

}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes slideUp {
	from { transform: translateY(100%); }
	to { transform: translateY(0); }
}