/* 字体 */
@font-face{
	font-family:fzzd;
	/*为引入的字体命名   方正正大黑*/
	src:url(../font/fzzd.ttf);
	/*定义要引入字体文件的路径*/
}
/*logo 热线电话*/
.caike_logo{
	height:70px;
	margin:0 auto;
	background: #ffffff;
    display: none;
}
.caike_logo .logo{
	padding-top:10px;
	display: inline-block;
}
.caike_logo .logo img{
	width:210px;
}
.caike_logo .phone{
	display: inline-block;
	float: right;
	padding-top: 20px;
	font-size: 21px;
	color: #d53239;
	background: url(../images/phone_top.png) left 27px no-repeat;
	padding-left: 27px;
}
/*logo 热线电话 over*/



/*公共区*/
.w1200{max-width:1200px;margin: 0 auto;}
body{
    background: #f3f7fe;

}
.container-fluid{
	margin: 0;
	padding: 0;
}
[class*="row"]{
	padding: 0;
	margin: 0 auto;
}
[class*="col"]{
	padding: 0;
	margin: 0 auto;
}
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom:0;
    font-weight:normal;
}


.all_title{
    font-size: 40px;
    color:#111162;
    font-weight: bold;
    position: relative;
    display: inline-block;
    letter-spacing: 10px;
}
.all_title:after{
    content: ' ';
    position: absolute;
    left:-20px;
    top:0;
    bottom: 0;
    margin: auto;
    width:4px;
    height:60%;
    background:#111162;
}

/*公共区 over*/

.formItem{
    margin-top: 20px;
    width: 1200;
    background: #ffffff;
    padding: 30px;
}
.formItem .form_cont{
    position: relative;
    z-index: 2;
    display: flex;
    text-align: center;
}
.formItem .form_cont .input_row{
    display: flex;
    height: 30px;
}
.formItem .form_cont .input_row .input_l{
    display: inline-block;
    font-size: 18px;
    color:#333333;
    font-family: Adobe 黑体 Std;
    text-align: right;
}
.formItem .form_cont .input_row .input_r{
    display: inline-block;
    width:180px;
    height:30px;
}
.formItem .form_cont .input_row .input_r input,.formItem .form_cont .input_row .input_r div{
    width:100%;
    height:100%;
    font-size: 18px;
    outline: none;
    text-indent: 5px;
    border-radius: 3px;

}
.formItem .form_cont .input_row .input_r .bd_code_text,.formItem .form_cont .input_row .input_r .code_go{
    width:48%;
}
.formItem .form_cont .input_row .input_r .code_go{
    margin-left: 2%;
    display: inline-block;
    vertical-align: top;
    font-size: 15px;
    color: #000000;
    font-family: Adobe 黑体 Std;
    line-height: 30px;
    cursor: pointer;
    background: #ffffff;
    box-shadow: 0 0 5px #cccccc;
}
.formItem .form_btn{
    font-size: 18px;
    color: #5858f1;
    font-family: Adobe 黑体 Std;
    width: 120px;
    height: 30px;
    box-shadow: 0 0 5px #ccc;
    margin: 0 auto;
    line-height: 30px;
    cursor: pointer;
    border-radius: 5px;
    position: relative;
    z-index: 2;
    background: #ffffff;
}
.formItem .form_btn:hover{
    color:#ffffff;
    background: #5858f1;
}


/*banner*/
.banner{
	background:url("../images/banner.png") no-repeat;
    background-size: 100%;
    width: 100%;
    display: block;
    position: relative;
    padding-top: 5%;
}
.banner:after{
    content: ' ';
    display: block;
    padding-bottom: 10%;
}
.banner .banner_tit1{
    margin:auto;
    /* width: 25%; */
}
.banner .banner_tit2{
    margin:auto;
    width: 25%;
    margin-top: 3%;
}
.banner .banner_tit1 img,.banner .banner_tit2 img{
    width:100%;
}
.banner_tit1{
    color: #ffffff;
    font-size: 0.4rem;
}
.banner .banner_b{
    width: 5.3rem;
    height:0.5rem;
    text-align: center;
    line-height: 0.48rem;
    font-size: 0.25rem;
    font-family: albbpht;
    color:#ec2c2c;
    background: #ffffff;
    border-radius: 100px;
    position: absolute;
    bottom:-30px;
    left:0;
    right:0;
    margin: 0 auto;
    box-shadow: 0 0 30px #7a7676;
}

/*banner over*/



/*search */
.search{
    margin-top: 110px;
    box-shadow: 0 0 10px #cccccc;
    padding: 40px 0 60px 0;
    background: #ffffff;
    width: 1200px;
}
.search .row_style{
    display:flex;
    flex-direction: row;
    align-items: center;
    font-size: 28px;
    color:#666666;
    margin-left: 150px;
    margin-top:30px;
}
.search .row_style div:not(:first-child){
    margin-left:20px;
}
.search .row_style input[type=text]{
    width:120px;
    height:30px;
    border:1px solid #111162;
    border-radius: 3px;
    font-size: 16px;
    color: #000000;
    display: block;
    text-indent: 5px;
    outline: none;
}

.search .title_le{
    color: #333333;
}
.search .title_le span{
    width: 120px;
    text-align-last: justify;
    display: inline-block;
}

/*单选框改变样式*/
.search_pc{
    display: block;
}
.search_yd{
    display: none;
}
.search input[type=radio]{
    display: none;
}
.search .radio_items{
    display: flex;
    flex-direction: row;
    align-items: center;
    letter-spacing: 6px;
}
.search .radio_items span{
    margin-left: 10px;
}
.search .radio_style{
    width:20px;
    height:20px;
    border:2px solid #111162;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.search .radio_style .radio_style_little{
    width:12px;
    height:12px;
    background: #111162;
    display: none;
    animation: radio_little 0.2s;
}
.search .radio_style .radio_style_little.radio_active{
    display: block;
}
@keyframes radio_little {
    0%{
        width:0px;
        height:0px;
        border-radius: 50%;
    }
    100%{
        width:12px;
        height:12px;
        border-radius:0;
    }
}
/*单选框改变样式 over*/

.search .get_code_btn{
    font-size: 14px;
    color:#333333;
    border:1px solid #b3b3b3;
    width:100px;
    height:30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    margin-left: 10px;
}
.search .search_btns{
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 80px;
}
.search .search_btns a{
    font-size: 30px;
    color:#ffffff;
    padding: 5px 25px;
    border-radius: 3px;
    background: #5858f1; /* 标准的语法 */
    cursor: pointer;
    border:1px solid #5858f1;
    text-decoration: none;
}
.search .baoming_btn{
    margin-left: 120px;
}

/*search over*/

/*programme*/
.programme{
    margin-top:100px;
    width: 1200px;
}
.programme .prog_list{
    width:280px;
    height:190px;
    box-shadow:0 0 5px #cccccc;
    margin-top:60px;
    display: inline-block;
    position: relative;
    overflow: hidden;
}
.programme .prog_list_1{
    background: url("../images/prog-1.png") no-repeat;
    background-size: cover;
}
.programme .prog_list_2{
    background: url("../images/prog-2.png") no-repeat;
    background-size: cover;
}
.programme .prog_list_3{
    background: url("../images/prog-3.png") no-repeat;
    background-size: cover;
}
.programme .prog_list_4{
    background: url("../images/prog-4.png") no-repeat;
    background-size: cover;
}
.programme .prog_title{
    width:100%;
    height:60px;
    line-height: 60px;
    text-align:center;
    font-size: 30px;
    font-family: albbpht;
    color: #333333;
    position: absolute;
    bottom: 10px;
    background: rgba(255,255,255,0.7);
    animation-duration: 1.5s;
}
.programme .prog_text{
    width:100%;
    height:100%;
    position: absolute;
    left:0;
    top:0;
    background: rgba(0,0,0,0.6);
    font-size: 18px;
    color:#ffffff;
    text-align: justify;
    padding: 40px 30px;
    text-align: justify;
    display: none;
    animation-duration: 2s;
}
/*programme over*/
/*discount*/
.discount{
    margin-top: 100px;
    width: 1200px;
}
.discount .table{
    margin-top:60px;
    font-size: 18px;
    color:#333333;
    box-shadow: 0 0 5px #cccccc;
    background: #ffffff;
    border-radius: 5px;
    overflow: hidden;
}
.discount .table_th td{
    font-size: 20px;
    color:#ffffff;
    line-height: 50px;
    background: #5858f1;
}
.discount .table_list td{
    height: 60px;
    vertical-align: middle!important;
}
.discount .textColorRed{
    color: red;
}
.discount .table tr:not(:first-child):hover{
    background: #eeeeee;
}
.discount .table_btns{
    height:90px;
    display: none;
}
.discount .table .table_btns[lian="1"]{
    display: table-row;
}
.discount .table_btns td{
    vertical-align: middle;
}
.discount .table_btns div,.discount .table_btns a{
    display: inline-block;
    padding: 10px 28px;
    border-radius: 5px;
    cursor: pointer;
}
.discount .table_bm_btn{
    background: #5858f1;
    color: #ffffff;
    border: 1px solid #5858f1;
}
.discount .table_zx_btn{
    background: #ffffff;
    color: #5858f1;
    border: 1px solid #5858f1;
    margin-left: 60px;
}

/*discount over*/

/*teacher*/
.teacher_swiper_pc{
    display: block;
}
.teacher_swiper_yd{
    display:none;
}
.teacher{
    margin-top: 50px;
    background: url("../images/teacher-bg.png");
    padding: 50px 0;
}
.teacher .all_title{
    color: #ffffff;
}
.teacher .all_title:after{
    background:#ffffff;
}
.teacher .teacher_list{
    width:270px;
    background: #ffffff;
    display: flex;
    flex-direction: column;
    margin: auto;
    margin-top: 30px;
}
.teacher .teacher_list:hover{
    box-shadow: 1px -1px 6px #ffffff;
}

.teacher .teacher_img{
    width:100%;
    height:auto;
    display: block;
    overflow: hidden;
}
.teacher .teacher_img img:hover{
    transform: scale(1.1);
    transition: 0.5s;
}
.teacher .teacher_img img{
    width:100%;
}
.teacher .te_name{
    margin-top: 27px;
    margin-left: 20px;
}
.teacher .te_name .name{
    color: #494a5f;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 2px;
}
.teacher .te_name .post{
    font-size: 14px;
    color: #494a5f;
    margin-left: 10px;
}
.teacher line{
    width:100%;
    height:2px;
    background: #dbdbdf;
    margin-top: 10px;
}
.teacher .text{
    font-size: 12px;
    color:#666666;
    padding: 20px;
    height: 125px;
}
.teacher .more{
    padding: 9px 13px;
    background: #333333;
    display: inline-block;
    color: #ffffff;
    margin-left: 20px;
    margin-bottom: 15px;
    border-bottom-right-radius: 10px;
    cursor: pointer;
    text-decoration: none;
}
.teacher .more:hover{
    background: #ff0126;
}
/*teacher over*/

/*课堂展示*/
.classShow{
    width: 1200px;
    margin: 0 auto;
    margin-top: 50px;
}
.classShow .class_imgs{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
}
.classShow .class_imgs div{
    width:33%;
    padding: 1%;
}
.classShow .class_imgs div img{
    width:100%;
}
.classShow .class_imgs div img:hover{
    transform: scale(1.05);
    transition: 0.5s;
}
/*课堂展示*/

/*大图片*/
.cen_img{
    margin-top: 50px;
}
.cen_img img{
    width: 100%;
}
/*大图片 over*/
/*优势*/
.advantage_yd{
    display: none;
}
.advantage_pc{
    display: block;
}
.advantage{
    width: 1200px;
    margin: 0 auto;
    margin-top: 50px;
}
.advantage .advantage_items{
    margin-top: 40px;
}
.advantage .advantage_items>div{
    margin-right: 38px;
}
.advantage .advan_list{
    width:100%;
    height:auto;
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 1px 1px 6px #cccccc;
    padding-top: 50px;
    padding-bottom: 20px;
}
.advantage .advan_list:hover{
    box-shadow: 1px 1px 6px #333333;
}
.advantage .advan_list .title{
    color:#5858f1;
    font-size: 20px;
    margin-left: 25px;
    font-family: fzzd;
    position: relative;
}
.advantage .advan_list .title .bg_px{
    font-size: 60px;
    color: #5858f1;
    position: absolute;
    right: 20px;
    bottom: -5px;
    opacity: 0.2;
    font-family: 微软雅黑;
}
.advantage .advan_list .text{
    font-size: 14px;
    color:#999999;
    padding: 0 25px;
    text-align: justify;
    line-height: 25px;
    letter-spacing: 2px;
}
/*优势 over*/

/*优秀学员*/
.student_yd{
    display: none;
}
.student_pc{
    display: block;
}
.Student{
    width:1200px;
    margin: 0 auto;
    margin-top: 50px;
}
.Student .student_items{
    position: relative;
}
.Student .student_items{
    margin-top: 40px;
}
.Student .student_list{
    width:260px;
    color: #333333;
    padding: 10px;
    padding-top: 30px;
    position: relative;
    margin: 0 auto;
}
.Student .student_list .name{
    font-size: 28px;
    background: #ffffff;
    box-shadow: 0 0 5px #cccccc;
    border-radius: 10px;
    text-align: right;
    padding-right: 22%;
}
.Student .student_list .text{
    font-size: 16px;
    background: #ffffff;
    box-shadow: 0 0 5px #cccccc;
    border-radius: 10px;
    text-align: justify;
    padding: 24px 20px;
    margin-top: 10px;
    height: 352px;
}
.Student .student_list .photo{
    width:96px;
    height:96px;
    border-radius: 50%;
    background: #ffffff;
    box-shadow: 0 0 5px #cccccc;
    position: absolute;
    left: -24px;
    top: 3px;
}
.Student .student_list .photo img{
    width: 100%;
}
.Student .student_prev{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    display: inline;
    width:20px;
    height: 79px;
    outline: none;
    z-index: 10;
}
.Student .student_next{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: inline;
    height: 79px;
    outline: none;
    z-index: 10;

}
/*优秀学员 over*/

/*school*/
.school{
    width:1200px;
    margin: 0 auto;
    margin-top: 50px;
}
.school .school_items{
    width:900px;
    border:5px solid #5858f1;
    border-radius: 10px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 30px;
}
.school .school_items .school_img{
    width:30%;
}
.school .school_items .school_img img{
    width:100%;
}
.school .school_items .school_con{
    width:65%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.school .school_items .school_con .title{
    color:#796dff;
    font-size: 40px;
    letter-spacing: 2px;
    font-family: "Adobe 黑体 Std";
}
.school .school_items .school_con .school_xq{
    display: flex;
    flex-direction: row;
    font-size: 24px;
    color: #ffffff;
    margin-top: 10px;
}
.school .school_items .school_con .school_xq_bg{
    width: 210px;
    height: 86px;
    background: url(../images/school-xq-bg.png) no-repeat center;
    background-size: 100%;
    text-align: center;
    line-height: 80px;
    margin-left: 40px;
}
.school .title_yd{
    display: none;
}
.school .title_pc{
    display: block;
}
/*school over*/

/* PC foot */
.pc_foot{
	min-width:1200px;
	background:#7272f1;
	margin-top: 100px;
}
.pc_foot .foot_item{
	display: flex;
	align-items: center;
	justify-content:center;
	max-width: 1200px;
	padding: 84px 0;
	text-align: center;
}
.pc_foot .foot_item div{
	margin-right: 50px;
}
.pc_foot .code_div img{
	display: inline-block;
	width:87px;
	height:87px;
}
.pc_foot .code_div span{
	color:#ffffff;
	font-family: Adobe 黑体 Std;
	font-size: 14px;
	display: block;
	text-align: center;
	margin-top: 10px;
}
.pc_foot .foot_text{
	font-size: 14px;
	color:#ffffff;
	text-align: left;
	font-family: Adobe 黑体 Std;
	line-height: 26px;
	margin-left: 50px;
}
.pc_foot .footer p {
    font-size: 14px;
    color: #ffffff!important;
    margin-bottom: 5px;
}
.pc_foot .footer .a {
    font-size: 14px;
    color: #ffffff!important;
    text-decoration: none;
}
.pc_foot .banxue {
    color: #ffffff!important;
}
/* PC foot over*/

/*移动内容隐藏区*/
.yd_foot{
	display: none;
}
.position_bottom{
	display: none;
}
/*移动内容隐藏区 over*/

/*mask_block*/
.mask_block{
	width:100%;
	height:100%;
	position: fixed;
	top:0;
	left:0;
	background: rgba(0,0,0,0.8);
	z-index: 10;
	display: none;
}
.mask_alert{
	width:max-content;
	height:max-content;
	background: #5858f1;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: fixed;
	left:0;
	right: 0;
	top:0;
	bottom: 0;
	margin:auto;
	padding: 60px 100px 50px 100px;
}
.mask_alert:before{
    content: ' ';
    width: 94%;
    height: 94%;
    border: 2px dashed #ffffff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 10px;
    z-index: 1;
}
.mask_block .close_btn{
    position: absolute;
    width: 42px;
    opacity: 0.5;
    right: 31px;
    top: 26px;
    z-index: 5;
}
.mask_block .close_btn:hover{
	opacity: 1;
}
.mask_block .title{
	font-size: 24px;
	color:#ffffff;
	font-family: Adobe 黑体 Std;
}
.mask_block .input_items{
	margin-top: 20px;
	display: flex;
	flex-direction: column;
    position: relative;
    z-index: 5;
}
.mask_block .input_row{
	width:300px;
	height:50px;
	border:1px solid #ffffff;
	margin-bottom: 10px;
	border-radius: 5px;
	position: relative;
	overflow: hidden;
}
.mask_block .input_row:before{
	content: " ";
	width:34px;
	height:26px;
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 10px;
	margin: auto;
}
.mask_block .input_row:nth-child(1):before{background: url("../images/input-name.png") no-repeat;}
.mask_block .input_row:nth-child(2):before{background: url("../images/input-phone.png") no-repeat;}
.mask_block .input_row:nth-child(3):before{background: url("../images/input-class.png") no-repeat;margin-top: 15px;}
.mask_block .input_row:nth-child(4):before{background: url("../images/input-yan.png") no-repeat;margin-top: 15px;}
.mask_block .input_name,
.mask_block .input_phone,
.mask_block .select_class,
.mask_block .input_code{
	background: #ffffff;
	width:100%;
	height:100%;
	text-indent: 60px;
	outline: none;
	border: 0;
    font-size: 18px;
}
::-webkit-input-placeholder { /* WebKit browsers */	color: #999999;}
::-moz-placeholder { /* Mozilla Firefox 19+ */	color: #999999;}
:-ms-input-placeholder { /* Internet Explorer 10+ */	color: #999999;}
.mask_block .code_item{
	border:0;
	display: flex;
	flex-direction: row;
}
.mask_block .input_code,.mask_block .code_gobtn{
	width:48%;
	height: 50px;
	border:1px solid #ffffff;
	text-indent: 60px;
	border-radius: 5px;
	outline: none;
}
.mask_block .code_gobtn{
	text-indent: 0;
	text-align: center;
	line-height: 50px;
	margin-left: 4%;
	font-size: 18px;
	background: #ffffff;
    cursor: pointer;
}
.mask_block .alert_form_btn{
	width:150px;
	height:50px;
	background: #ffffff;
	color:#7272f1;
	text-align: center;
	line-height: 50px;
	font-size: 24px;
	border-radius: 5px;
	margin-top: 20px;
	cursor: pointer;
    position: relative;
    z-index: 5;
}
.mask_block .error_text{
    font-size: 16px;
    color:#ffffff;
}
/*mask_block over*/


/*--------------------------------------------------------------------------------*/
@media screen and (min-width: 765px) and (max-width:1200px){

}
@media (max-width:765px){
    /*移动内容隐藏区*/
    .pc_foot{
        display: none;
    }
    .position_bottom{
        display: none;
    }
    /*移动内容隐藏区 over*/


	/* logo & phone */
    .caike_logo{
        display: block;
    }
    .pcheade{
        display: none!important;
    }
	.caike_logo .logo img{
		width:2.8rem;
	}
	.caike_logo .logo {
		display: inline-block;
		line-height: 70px;
		padding:0;
		padding-left:0.3rem;
	}
	.caike_logo .phone {
		font-size: 0.4rem;
		display: inline-block;
		float: right;
		line-height: 70px;
		margin-right: 0.2rem;
		color: #d53239;
		background: url(../images/phone_top.png) left 27px no-repeat;
		background-size: 10%;
		padding-left: 27px;
		padding-top: 0;
	}
	/* logo & phone over*/

    /*公共*/
    .all_title {
        font-size: 0.5rem;
        letter-spacing: 3px;
    }
    /*公共over*/

	/*banner*/
	.banner{
		background:url("../images/banner-yd.png") no-repeat;
		background-size: 100%;
		width: 100%;
        height:3.1rem;
        padding-top: 0;
	}
    .banner .banner_tit1,.banner .banner_tit2{
        display: none;
    }
    .banner .banner_b {
        width: 8.3rem;
        height: 0.8rem;
        line-height: 0.8rem;
        font-size: 0.3rem;
        bottom: -0.4rem;
    }
    /*banner over*/


    /*search */
    .search_pc{
        display: none;
    }

    .search {
        padding: 0.5rem 0 0.8rem 0;
        width:90%;
        margin: auto;
        margin-top: 1rem;
    }
    .search_yd{
        display: block;
        width:90%;
        margin: 0 auto;
    }
    .search .row_style {
        display: flex;
        flex-direction: row;
        align-items: center;
        flex-flow: wrap;
        font-size: 0.3rem;
        color: #666666;
        margin-left: 0rem;
        margin-top: 0.4rem;
    }
    .search .title_le {
        color: #333333;
    }

    .search .title_le span {
        width: 1.4rem;
        text-align-last: justify;
        display: inline-block;
    }
    .search .row_width_wt .title_le {
        width: 1.2rem!important;
    }
    .search .row_width_wt .title_le span {
        width: 70%;
    }

    .search .row_style div:not(:first-child) {
        margin-left: 0px;
        min-width: 1.5rem;
    }
    .search .radio_items {
        display: flex;
        flex-direction: row;
        align-items: center;
        letter-spacing: 0px;
        margin-left: 0.3rem;
    }
    .search .radio_items span {
        margin-left: 4px;
    }
    .search .radio_style {
        width: 16px;
        height: 16px;
    }
    .search .radio_style .radio_style_little {
        width: 8px;
        height: 8px;
    }
    .search .row_style input[type=text] {
        width: 1.5rem;
        height: 0.5rem;
        font-size: 0.3rem;
        text-indent: 0;
    }
    .search .get_code_btn {
        font-size: 0.3rem;
        width: 1.8rem;
        height: 0.5rem;
        margin-left: 0.2rem!important;
    }
    .search .search_btns {
        margin-top: 0.5rem;
    }
    .search .search_btns a{
        font-size: 0.4rem;
        color:#ffffff;
        padding: 0 0.3rem;
        border-radius: 3px;
        background: linear-gradient(to right, #ff0126 , #ff3b97); /* 标准的语法 */
        cursor: pointer;
        border:1px solid #ff0126;
        text-decoration: none;
    }
    .search .baoming_btn {
         margin-left: 0.5rem;
    }
    /*search over*/
    /*programme*/
    .programme {
        margin-top: 1rem;
        width: 100%;
    }
    .programme .text-left,.programme .text-right{
        text-align: center;
    }
    .programme .prog_list {
        height: 6.5rem;
        width: 90%;
        box-shadow: 0 0 5px #cccccc;
        display: inline-block;
        position: relative;
        margin: auto;
        margin-top: 0.8rem;
        text-align: center!important;
        background-size: 100%;
    }
    .programme .prog_title {
        width: 100%;
        text-align: center;
        font-size: 0.5rem;
        font-family: albbpht;
        color: #333333;
        position: absolute;
        top: 2.8rem;
        background: none;
        z-index: 2;

    }
    .programme .prog_text{
        font-size: 0.3rem;
        padding: 0rem 0.4rem;
        padding-top: 4.3rem;
        display: block;
        color: #333333;
        background: none;
    }
    /*programme over*/
    /*discount*/
    .discount {
        margin-top: 1rem;
        width: 95%;
    }
    .discount .table {
        margin-top: 0.8rem;
        font-size: 0.15rem;
        color: #333333;
        letter-spacing: 0px;
        margin-bottom: 0;
    }
    .discount .table_th td {
        font-size: 0.3rem;
        color: #ffffff;
        line-height: 0.3rem;
    }
    .discount .table_btns {
        height:0.6rem;
        display: none;
    }
    .discount .table_list td {
        font-size: 0.3rem;
        padding: 0 2px;
        vertical-align: middle!important;
    }
    .discount .table_list td:last-child,.discount .table_th td:last-child {
        display: none;
    }
    .discount .table .table_btns[lian="1"] {
        display: none;
    }
    .discount .table .table_btns[lian="11"] {
        display: table-row;
    }
    .discount .table_btns div,.discount .table_btns a {
        padding: 0.1rem 0.3rem;
        text-decoration: none;
    }
    .discount .table_zx_btn {
        margin-left: 0.8rem;
    }
    /*discount over*/

    /*teacher*/
    .teacher_swiper_yd{
        display: block;
    }
    .teacher_swiper_pc{
        display:none;
    }
    .teacher{
        margin-top: 1rem;
        padding: 0.6rem 0;
    }

    .teacher .teacher_list{
        width:95%;
        margin-top: 0.4rem;
    }
    .teacher .teacher_img{
        width:100%;
        height:auto;
        display: block;
    }
    .teacher .teacher_img img{
        width:100%;
    }
    .teacher .te_name{
        margin-top: 0.2rem;
        margin-left: 0.3rem;
    }
    .teacher .te_name .name{
        font-size: 0.5rem;
    }
    .teacher .te_name .post{
        font-size: 0.35rem;
        margin-left: 0.2rem;
    }
    .teacher line{
        width:100%;
        height:2px;
        background: #dbdbdf;
        margin-top: 0.25rem;
    }
    .teacher .text{
        font-size: 0.3rem;
        color:#666666;
        padding: 0.3rem;
        height: 3.5rem;
        text-align: justify;
    }
    .teacher .more{
        font-size: 0.3rem;
        padding: 0.2rem 0.3rem;
        background: #333333;
        display: inline-block;
        color: #ffffff;
        margin-left: 0.3rem;
        margin-bottom: 0.3rem;
        border-bottom-right-radius: 10px;
        cursor: pointer;
    }
    .teacher .more:hover{
        background: #ff0126;
    }
    /*teacher over*/
    
    /*课堂展示*/
    .classShow{
        width: 100%;
        margin: 0 auto;
        margin-top: 0.5rem;
    }
    .classShow .class_imgs{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        margin-top: 0.4rem;
    }
    .classShow .class_imgs div{
        width:33%;
        padding: 1%;
    }
    .classShow .class_imgs div img{
        width:100%;
    }
    .classShow .class_imgs div img:hover{
        transform: scale(1.05);
        transition: 0.5s;
    }
    /*课堂展示*/

    /*大图片*/
    .cen_img{
        width:95%;
        margin-top: 1rem;
    }
    /*大图片 over*/

    /*优势*/
    .advantage_pc{
        display: none;
    }
    .advantage_yd{
        display: block;
    }
    .advantage{
        width: 95%;
        margin: 0 auto;
        margin-top: 0.5rem;
    }
    .advantage .advantage_items{
        margin-top: 0.5rem;
    }
    .advantage .advantage_items>div{
        margin-right: 0px;
    }
    .advantage .advan_list{
        width:100%;
        height:6.5rem;
        background: #ffffff;
        border-radius: 10px;
        box-shadow: 1px 1px 6px #cccccc;
        padding-top: 50px;
        padding-bottom: 20px;
    }
    .advantage .advan_list .title{
        color:#5858f1;
        font-size: 20px;
        margin-left: 25px;
        font-family: fzzd;
        position: relative;
    }
    .advantage .advan_list .title .bg_px{
        font-size: 60px;
        color: #5858f1;
        position: absolute;
        right: 20px;
        bottom: -5px;
        opacity: 0.2;
        font-family: 微软雅黑;
    }
    .advantage .advan_list .text{
        font-size: 14px;
        color:#999999;
        padding: 0 25px;
        text-align: justify;
        line-height: 25px;
    }
    .advantage .swiper-pagination{
        bottom: 0;
    }
    /*优势 over*/

    /*优秀学员*/
    .student_pc{
        display: none;
    }
    .student_yd{
        display: block;
    }
    .Student{
        width:100%;
        margin: 0 auto;
        margin-top: 1rem;
    }
    .Student .student_items{
        position: relative;
    }
    .Student .student_items{
        margin-top: 0.5rem;
    }
    .Student .student_list{
        width:80%;
        color: #333333;
        padding: 10px;
        padding-top: 30px;
        position: relative;
        margin: 0 auto;
    }
    .Student .student_list .name{
        font-size: 28px;
        background: #ffffff;
        box-shadow: 0 0 5px #cccccc;
        border-radius: 10px;
        text-align: right;
        padding-right: 20%;
    }
    .Student .student_list .text{
        font-size: 16px;
        background: #ffffff;
        box-shadow: 0 0 5px #cccccc;
        border-radius: 10px;
        text-align: justify;
        padding: 24px 20px;
        margin-top: 10px;
    }
    .Student .student_list .photo{
        width:96px;
        height:96px;
        border-radius: 50%;
        background: #ffffff;
        box-shadow: 0 0 5px #cccccc;
        position: absolute;
        left: 0;
        top: 3px;
    }
    .Student .student_prev{
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        margin: auto;
        display: inline;
        width:20px;
        height: 79px;
        outline: none;
        z-index: 10;
    }
    .Student .student_next{
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        display: inline;
        height: 79px;
        outline: none;
        z-index: 10;
    }
    /*优秀学员 over*/
    /*优秀学员 over*/


    /*school*/

    /*school*/
    .school{
        width:100%;
        margin: 0 auto;
        margin-top: 0.5rem;
    }
    .school .school_items{
        width:95%;
        border:0;
        border-radius: 10px;
        margin: 0 auto;
        padding: 0.5rem;
    }
    .school .school_items .school_img{
        width:30%;
        display: none;
    }
    .school .school_items .school_img img{
        width:100%;
    }
    .school .school_items .school_con{
        width:100%;
    }
    .school .school_items .school_con .title{
        color:#796dff;
        font-size: 0.8rem;
    }
    .school .school_items .school_con .school_xq{
        font-size: 0.4rem;
        color: #ffffff;
        margin-top: 0.3rem;
    }
    .school .school_items .school_con .school_xq_bg{
        width: 4rem;
        height: 1.6rem;
        text-align: center;
        line-height: 1.6rem;
        margin-left: 0;
        margin-right: 0.2rem;
    }
    .school .title_pc{
        display: none;
    }
    .school .title_yd{
        display: block;
    }
    /*school over*/
    /*school over*/

    /*foot  yd*/
    .yd_foot{
        padding-bottom: 2rem;
        display: block;
        padding-top: 1rem;
    }
    .yd_foot .left,.yd_foot .right{
        padding: 0;
    }
    .yd_foot .left img{
        width:2rem;
        height:2rem;
        margin-top: 0.2rem;
    }
    .yd_foot .left .img_line{
        width:2.4rem;
        height:2.4rem;
        border:1px solid #333333;
        display: inline-block;
    }
    .yd_foot .left span{
        color:#333333;
        font-size: 0.3rem;
        display: inline-block;
        margin-top: 0.2rem;
    }
    .yd_foot .right{
        margin-top: 0.4rem;
    }
    .yd_foot .right .phone_lis{
        position: relative;
    }
    .yd_foot .right .phone_lis img{
        width:0.8rem;
        display: inline-block;
        vertical-align: baseline;
    }
    .yd_foot .right .phone_lis span{
        font-size: 0.3rem;
        display: inline-block;
        text-align: left;
        letter-spacing: 0.03rem;
        color: #333333;
    }
    .yd_foot .right .logo_lis{
        position: relative;
        padding: 0;
    }
    .yd_foot .right .logo_lis img{
        width:3.227rem;
    }
    .yd_foot .line{
        width:80%;
        height:1px;
        background: #333333;
        margin: 0 auto;
    }
    /*foot  yd over*/


    /*position bottom 固定底部*/
    .position_bottom{
        text-align: center;
        position: fixed;
        bottom: 0;
        width:100%;
        max-width:750px;
        display: block;
        z-index: 10;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
    }
    .position_bottom:after{
        display: block;
        content:' ';
        clear: both;
    }
    .position_bottom .foot_div1,.foot_div2,.foot_div3{
        background:#5858f1;
        width:33%;
        float:left;
        height:1.467rem;
        position: relative;
        line-height:1.467rem;
    }
    .position_bottom .foot_div3{
        background: #ffffff;
        width:34%;
    }
    .position_bottom img{
        height: 60%;
        margin: auto;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right:0;
    }
    .position_bottom .foot_div3 a{
        font-size: 0.5rem;
        color:#5858f1;
        text-decoration: none;
    }
    .position_bottom .line{
        position: absolute;
        left: 0;
        width: 2px;
        height: 68%;
        background: #ffffff;
        margin: auto;
        top: 0;
        bottom: 0;
    }
    /*position bottom 固定底部  over*/


    /*mask_block*/
    .mask_block{
        width:100%;
        height:100%;
        position: fixed;
        top:0;
        left:0;
        background: rgba(0,0,0,0.8);
        z-index: 10;
        display: none;
    }
    .mask_alert{
        width:80%;
        height:max-content;
        background: #7272f1;
        border-radius: 10px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: fixed;
        left:0;
        right: 0;
        top:0;
        bottom: 0;
        margin:auto;
        padding: 0.6rem 0;
    }
    .mask_block .close_btn{
        position: absolute;
        width: 0.5rem;
        opacity: 0.5;
        right: 0.5rem;
        top: 0.5rem;
    }
    .mask_block .close_btn:hover{
        opacity: 1;
    }
    .mask_block .title{
        font-size: 0.5rem;
    }
    .mask_block .input_items{
        margin-top: 0.26rem;
        display: flex;
        flex-direction: column;
    }
    .mask_block .input_row{
        width:6rem;
        height:1rem;
        margin-bottom: 10px;
        border-radius: 5px;
        position: relative;
        overflow: hidden;
        font-size: 0.3rem;
    }
    .mask_block .input_row:before{
        content: " ";
		width: 0.6rem;
		height: 0.5rem;
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 10px;
        margin: auto;
        background-size: 100%!important;
    }
    .mask_block .input_row:nth-child(1):before{background: url("../images/input-name.png") no-repeat;}
    .mask_block .input_row:nth-child(2):before{background: url("../images/input-phone.png") no-repeat;}
    .mask_block .input_row:nth-child(3):before{background: url("../images/input-yan.png") no-repeat;    margin-top: 11px;}
    .mask_block .input_name,
    .mask_block .input_phone,
    .mask_block .select_class{
        width:100%;
        height:100%;
        text-indent: 1rem;
        outline: none;
        border: 0;
        color: #333333;
        font-size: 0.3rem;
    }
    .mask_block .code_item{
        border:0;
        display: flex;
        flex-direction: row;
    }
    .mask_block .input_code,.mask_block .code_gobtn{
        width:48%;
        height: 1rem;
        text-indent: 1rem;
        border-radius: 5px;
        outline: none;
        color: #333333;
    }
    .mask_block .code_gobtn{
        text-indent: 0;
        text-align: center;
        line-height: 1rem;
        margin-left: 4%;
        font-size: 0.3rem;
        background: #ffffff;
    }
    .mask_block .alert_form_btn{
        width:3rem;
        height:1rem;
        line-height: 1rem;
        font-size: 0.32rem;
        border-radius: 5px;
        margin-top: 0.3rem;
        cursor: pointer;
    }
    .mask_block .error_text{
        font-size: 0.3rem;
        color:#ffffff;
        display: none;
    }
    /*mask_block over*/
}