 * {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_fa{width:100%;margin:2% 0;overflow: hidden;}
.xdf_title{font-size:30px;text-align: center;line-height:35px;margin:3% auto;font-weight:bold;color:#333;}
.xdf_fa .f_list{width:100%;margin:2% 0;overflow: hidden;}
.xdf_fa .f_list .f_bg{width:48%;float:left;margin:1%;padding:10px;background:#77e8e2;border-radius:10px;overflow: hidden;}
.xdf_fa .f_list .f_li{padding:18px;background:#fff;border-radius:10px;border:1px #8deae8 solid;}
.xdf_fa .f_list .f_li h5{padding-bottom:10px;font-size:22px;color:#333;text-align: center;border-bottom:1px #77E8E2 dashed;}
.xdf_fa .f_list .f_li .f_text{padding:10px;}
.xdf_fa .f_list .f_li .f_text p{text-indent:0;text-align:left;position:relative;padding-left:10px;font-size:15px;color:#333;line-height:30px;}
.xdf_fa .f_list .f_li .f_text p:before{position:absolute;content:'';width:4px;height:4px;left:0;top:13px;background:#000;border-radius:50%;}
/*课程规划*/
.xdf_gh{width:100%;margin:2% 0;overflow: hidden;}
.xdf_gh .g_list{width:100%;margin:2% 0;overflow: hidden;}
.xdf_gh .g_list .g_li{padding:10px;height:170px;width:31.3333%;float:left;margin:1%;background:#fff;box-shadow:0 0 10px rgba(0, 0, 0, .2);border:5px #8dd3b9 solid;border-radius:10px;}
.xdf_gh .g_list .g_li .g_title{font-size:18px;color:#333;padding:10px;text-align: center;border-bottom:1px #77e8e2 dashed;}
.xdf_gh .g_list .g_li .g_title span{font-size:28px;font-weight:bold;color:#111;margin-right:5px;}
.xdf_gh .g_list .g_li .g_text{margin-top:10px;}
.xdf_gh .g_list .g_li .g_text h5{font-weight:bold;font-size:18px;color:#333;text-align: center;}
.xdf_gh .g_list .g_li .g_text p{font-size:15px;color:#555;text-align: center;line-height: 24px;}
/*五大场景*/
.xdf_cj{width:100%;margin:2% 0;overflow: hidden;}
.xdf_cj .c_sl{display:flex;align-items:center;justify-content:center;padding:20px;width:100%;margin:2% 0;overflow: hidden;background:#f6fffc;border-radius:10px;border:2px #3ab191 dashed;}
.xdf_cj .c_sl .c_pic{width:30%;}
.xdf_cj .c_sl .c_pic img{width:100%;display: block;}
.xdf_cj .c_sl .c_text{width:60%;margin-left:20px;}
.xdf_cj .c_sl .c_text p{font-size:18px;color:#333;line-height:40px;}
.xdf_cj .c_gl{width:100%;margin-top:30px;overflow: hidden;background:#f6fffc;border-radius:10px;border:2px #3ab191 dashed;}
.xdf_cj .c_gl img{width:100%;display: block;}
/*选择*/
.xdf_xz{width:100%;margin:2% 0;overflow: hidden;}
.xdf_xz .x_list{width:100%;margin:2% 0;overflow: hidden;}
.xdf_xz .x_list .x_li{padding:5px 20px;display:flex;align-items:center;width:98%;margin:10px auto;background:#1f9941;border-radius:10px;}
.xdf_xz .x_list .x_li img{width:50px;display:block;margin:0!important;}
.xdf_xz .x_list .x_li span{margin:0 20px;font-size:22px;font-weight:bold;color:#fff;}
.xdf_xz .x_list .x_li p{font-size:20px;color:#fff;line-height: 26px;}
.xdf_xz .x_jx{width:100%;margin:2% 0;overflow: hidden;}
.xdf_xz .x_jx .j_li{width:23%;height:170px;float:left;margin:1%;background:#fef5ec;}
.xdf_xz .x_jx .j_li h5{display:flex;justify-content:center;align-items:center;font-size:20px;color:#fff;border-radius:0 10px 0 10px;background:linear-gradient(to top, #ec6615 , #f29340);}
.xdf_xz .x_jx .j_li h5 img{margin:0!important;}
.xdf_xz .x_jx .j_li p{text-indent:0;text-align:left;padding:20px;font-size:16px;color:#333;line-height: 26px;}
.xdf_xz .x_jx .j_li:nth-child(2){background:#eaf5f3;}
.xdf_xz .x_jx .j_li:nth-child(2) h5{background:#eaf5f3;background:linear-gradient(to top, #3d7047 , #219841);}
.xdf_xz .x_jx .j_li:nth-child(3){background:#eaf5f3;}
.xdf_xz .x_jx .j_li:nth-child(3) h5{background:#eaf5f3;background:linear-gradient(to top, #3d7047 , #219841);}
/*备考资料福利*/
.xdf_fl{width:100%;margin:2% 0;overflow: hidden;}
.xdf_fl .f_list{width:100%;margin:2% 0;overflow: hidden;}
.xdf_fl .f_list .f_li{width:23%;float:left;margin:1%;background:#ebfaf7;border-radius:10px;}
.xdf_fl .f_list .f_li img{width:100%;display: block;}
.xdf_fl .f_list .f_li p{padding:20px 0;font-size:18px;color:#333;text-align: center;text-indent:0;line-height: 24px;}
/*每日规划*/
.xdf_gh{width:100%;margin:2% 0;overflow: hidden;}
.xdf_gh .pic{width:100%;margin:2% 0;overflow: hidden;}
.xdf_gh .pic img{width:100%;display: block;}
/*环境*/
.xdf_hj{width:100%;margin:2% 0;overflow: hidden;}
.xdf_hj .tab{width:98%; margin:4% auto 2%;}
.xdf_hj .tab-hd {overflow:hidden; zoom:1;}
.xdf_hj .tab-hd li{ float:left;width:18%;margin:1%; padding:2%;font-size:18px;font-weight:bold;color:#05a19d; border-radius:5px;border:1px solid #05a19d;text-align:center; cursor:pointer;}
.xdf_hj .tab-hd li.active{ background:#05a19d;color:#fff;}
.xdf_hj .tab-bd li{display:none; padding:20px;font-size:24px;overflow: hidden;}
.xdf_hj .tab-bd li.thisclass{ display:list-item;}
.xdf_hj .t_left{width:98%;}
.xdf_hj .t_left img{width:100%;display: block;}
@media only screen and (min-width: 320px) and (max-width:750px) {
	.xdf_title{font-size:22px;}
	.xdf_fa .f_list .f_bg{width:98%;height:auto;}
	.xdf_gh .g_list .g_li{width:98%;height:auto;}
	.xdf_cj .c_sl{display: block;}
	.xdf_cj .c_sl .c_pic{width:90%;}
	.xdf_cj .c_sl .c_pic img{max-width:100%;display: block;margin:0 auto;}
	.xdf_cj .c_sl .c_text{width:100%;margin-left:0;}
	.xdf_cj .c_sl .c_text p{font-size:16px;line-height:30px;text-align:left;text-indent:0;}
	.xdf_xz .x_list .x_li span{width:45%;font-size:16px;}
	.xdf_xz .x_list .x_li p{font-size:14px;text-indent:0;text-align:left;}
	.xdf_xz .x_jx .j_li{width:48%;text-align:left;}
	.xdf_fl .f_list .f_li{width:48%;}
}