* {padding: 0;margin: 0;box-sizing:border-box;}
/*Reset the tag*/
a{text-decoration:none;}
img{border:none;}
ul,li{list-style:none;}
/*---banner---*/
.xdf_banner{width:100%;}
.xdf_banner img{width:100%;display: block;}
/*--收获--*/
.xdf_sh{width:100%;padding:2% 0;overflow: hidden;background:#f0feff;}
.xdf_title{font-size:30px;text-align: center;line-height:35px;margin:3% auto;font-weight:bold;color:#333;}
.xdf_title span{color:#ff6400;}
.xdf_sh .sh_box{width:100%;margin:2% 0;overflow: hidden;}
.xdf_sh .sh_box li{padding:10px;width:48%;float:left;margin:1%;background:#fff;border-radius:10px;}
.xdf_sh .sh_box li h5{text-align:left;font-size:18px;font-weight:bold;color:#ff6400;}
.xdf_sh .sh_box li p{text-indent:0;text-align:left;margin-top:8px;font-size:15px;color:#111;line-height: 24px;}
/*好课推荐*/
.xdf_tj{width:100%;padding:2% 0;overflow: hidden;background:url(../images/page2.jpg)no-repeat top center;}
.xdf_tj .tab{ width:98%; margin:4% auto 2%;}
.xdf_tj .tab-hd {overflow:hidden; zoom:1;}
.xdf_tj .tab-hd li{ float:left;width:20%;padding:1%;font-size:18px;color:#333;background:#ffff;text-align:center; cursor:pointer;}
.xdf_tj .tab-hd li.active{ background:linear-gradient(90deg,#42d1e9,#25cfee);color:#fff;}
.xdf_tj .tab-bd li{display:none;  border-top:0 none; font-size:24px;overflow: hidden;}
.xdf_tj .tab-bd li.thisclass{ display:list-item;}
.xdf_tj .tab-bd .reg_lt{width:100%;background:#fff;overflow:hidden;}
.xdf_tj .reg_box .reg_tab .reg_active {color:#16bad8;font-weight:bold;border-left: 3px solid #16bad8;}
.xdf_tj .reg_box .reg_tab{width:30%;text-align:center;overflow: hidden;}
.xdf_tj .reg_box .reg_tab p{font-size:16px;color:#333;cursor:pointer;text-align: center;padding:5px 10px;margin:10px 0;background: linear-gradient(to right, #caf1fb , #e5f7fd);line-height:35px;}
.xdf_tj .reg_box .reg_tab p a{color:#343434;display: inline-block;padding: 10px 20px;font-size: 18px;position: relative;}
.xdf_tj .reg_box .tab_main{display: none;}
.xdf_tj .reg_box{margin-top:30px;display: flex;justify-content: flex-start;justify-content: center;}
.reg_box .reg_infobox{width:68%;margin-left:15px;overflow: hidden;background:#fff;}
.xdf_tj .reg_box .reg_infobox .tab_main{padding:20px;}
.xdf_tj .reg_box .reg_infobox .in_item{}
.xdf_tj .reg_box .reg_infobox .in_item h6{text-align:left;font-size:16px;color:#111;font-weight:bold;background:url(../images/page2_icon3.png)no-repeat;padding-left:40px;}
.xdf_tj .reg_box .reg_infobox .in_item .i_first{padding-left:45px;width:100%;margin:2% 0;overflow: hidden;}
.xdf_tj .reg_box .reg_infobox .in_item .i_first span{margin-right:10px;color:#333;font-size:13px;line-height: 24px;}
.xdf_tj .reg_box .reg_infobox .in_item .i_first span img{margin:0;width:14px;display:inline-block;}
.xdf_tj .reg_box .reg_infobox .in_item .i_kc{display: flex;margin:10px 0;padding-left:47px;}
.xdf_tj .reg_box .reg_infobox .in_item .i_kc .top{text-align:center;margin-right:5px;padding:3px 20px;font-size:16px;;display:flex;justify-content:center;align-items:center;color:#25cfee;border-radius:5px;border:1px solid #25cfee;}
.xdf_tj .reg_box .reg_infobox .in_item .i_text{text-align:left;padding-left:47px;margin-top:10px;font-size:15px;color:#333;line-height: 24px;}
/*上课形式*/
.xdf_xs{width:100%;margin:2% 0;overflow: hidden;}
.xdf_xs .t_list{width:100%;margin:2% 0;overflow: hidden;background:url(../images/page3.jpg)repeat-y top center;}
.xdf_xs .t_list li{width:23%;float:left;margin:1%;display: flex;align-items:center;}
.xdf_xs .t_list li img{max-width:100%;display:block;}
.xdf_xs .t_list .t_text{width:70%;margin-left:10px;}
.xdf_xs .t_list .t_text h5{text-align:left;font-size:18px;color:#333;}
.xdf_xs .t_list .t_text p{text-align:left;text-indent:0;margin-top:5px;font-size:15px;color:#333;line-height: 24px;}
/*分梯教学*/
.xdf_tx{width:100%;margin:2% 0;overflow: hidden;}
#custom{border-collapse:collapse;border-spacing:0;width:98% !important;margin:2% auto;background:#fff;}
#custom td {font-size:16px;text-align:center;padding:1% ;color:#333;line-height:30px;border:6px solid #fff;text-align: center;}
#custom th {font-size:20px;text-align:center;padding:1% ;line-height:45px;color:#fff;background:linear-gradient(90deg,#69c62e,#49b306);}
#custom .k8{background:linear-gradient(90deg,#ffc638,#ffb704);}
/*课程特色*/
.xdf_ts{width:100%;padding:2% 0;overflow: hidden;background:url(../images/page5.jpg)repeat-y top center;}
.xdf_ts .t_box{width:100%;margin:2% 0;overflow: hidden;}
.xdf_ts .t_box .t_li{position:relative;width:23%;float:left;margin:1%;}
.xdf_ts .t_box .t_li .pic img{max-width:100%;display: block;}
.xdf_ts .t_box .t_li .t_text{padding:5px;position: absolute;bottom:0;left:0;}
.xdf_ts .t_box .t_li .t_text img{max-width:100%;display: block;}
.xdf_ts .t_box .t_li .t_text h5{margin:10px;font-size:18px;font-weight:bold;color:#fff;}
.xdf_ts .t_box .t_li .t_text p{display:none;font-size:15px;color:#fff;line-height: 24px;}
.xdf_ts .t_box .t_li:hover .t_text{padding:20px 8px;width:100%;height:100%;background:#11112e;cursor: pointer;}
.xdf_ts .t_box .t_li:hover p{display: block;}
/*一站式服务*/
.xdf_fw{width:100%;padding:2% 0;overflow: hidden;background:#f4f8fb;}
.xdf_fw .f_list{width:100%;margin:2% 0;overflow: hidden;}
.xdf_fw .f_list li{position:relative;height:107px;width:31.3333%;float:left;margin:1%;padding:15px;background:#fff;}
.xdf_fw .f_list li span{padding:5px;position:absolute;right:10px;top:0;font-size:14px;color:#fff;background:#25cfee;border-radius:0 0 20px 20px;}
.xdf_fw .f_list li h5{font-weight:bold;text-align:left;font-size:18px;color:#333;line-height: 24px;margin-bottom:5px;}
.xdf_fw .f_list li p{text-align:left;text-indent:0;font-size:14px;color:#333;line-height: 24px;}
/*实景课堂*/
.xdf_pt{width:100%;margin:2% 0;overflow: hidden;}
.xdf_pt .p_box{display:flex;align-items:center;width:100%;margin:2% 0;overflow: hidden;}
.xdf_pt .p_box .p_left{width:60%;}
.xdf_pt .p_box .p_left img{max-width:100%;display: block;margin:10px auto;}
.xdf_pt .p_box .p_right{width:40%;margin-left:2%;}
.xdf_pt .p_box .p_right li{width:100%;margin:20px 0;display: flex;align-items: center;}
.xdf_pt .p_box .p_right li img{width:56px;display: block;margin:0;margin-right:10px;}
.xdf_pt .p_box .p_right li h5{text-align:left;font-size:20px;color:#333;font-weight:bold;}
.xdf_pt .p_box .p_right li p{text-indent:0;text-align:left;margin-top:5px;font-size:15px;color:#555;line-height: 24px;}
@media only screen and (min-width: 320px) and (max-width: 750px) {
	.xdf_title{font-size:22px;}
	.xdf_sh .sh_box li{width:98%;height:auto;}
	.xdf_tj .tab-hd li{width:31.3333%;margin:1%;font-size:16px;}
	.xdf_tj .reg_box{display: block;}
	.xdf_tj .reg_box .reg_tab{width:80%;margin:0 auto;}
	.reg_box .reg_infobox{width:100%;height:auto;margin-left:0;}
	.xdf_tj .reg_box .reg_infobox .in_item .i_first span{display: block;text-align: left;}
	.xdf_tj .reg_box .reg_infobox .in_item .i_kc .top{padding:3px 14px;font-size:12px;}
	.xdf_xs .t_list li{width:98%;height:auto;}
	#custom th{font-size:18px;}
	#custom td{font-size:14px;}
	.xdf_ts .t_box .t_li{width:48%;}
	.xdf_ts .t_box .t_li .t_text h5{font-size:15px;text-align:left;}
	.xdf_ts .t_box .t_li .t_text p{font-size:12px;text-align:left;}
	.xdf_fw .f_list li{width:98%;height:auto;}
	.xdf_pt .p_box{display: block;}
	.xdf_pt .p_box .p_left{width:100%;}
	.xdf_pt .p_box .p_right{width:100%;}
	.xdf_pt .p_box .p_right li h5{font-size:18px;}
}