 * {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_xz{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_xz .x_list{width:100%;margin:2% 0;overflow: hidden;}
.xdf_xz .x_list li{position:relative;width:23%;float:left;margin:1%;}
.xdf_xz .x_list li img{width:100%;display: block;}
.xdf_xz .x_list li p{position:absolute;display:block;left:34%;bottom:43px;font-size:16px;color:#fff;line-height: 22px;text-align: center;}
.xdf_xz .x_list li:nth-child(2) p{left:31%;}
.xdf_xz .x_list li:nth-child(3) p{left:20%;}
.xdf_xz .x_list li:nth-child(4) p{left:14%;}
/*适合*/
.xdf_sh{width:100%;margin:2% 0;overflow: hidden;background:url(../images/3bg.png)no-repeat top center;}
.xdf_sh .s_list{width:100%;margin:2% 0;overflow: hidden;}
.xdf_sh .s_list li{width:31.3333%;float:left;margin:1%;}
.xdf_sh .s_list li img{max-width:100%;display: block;margin:10px auto;}
.xdf_sh .s_list li p{padding:10px 0;text-align:center;font-size:16px;color:#fff;border-radius:50px;border:3px #fff solid;background: linear-gradient(to right, #ff7352 , #ff7a01);}
.xdf_sh .s_list li p b{font-weight:bold;}
.xdf_sh .s_list li p span{display: block;color:#fff;}
/*考情速递*/
.xdf_sd{width:100%;margin:2% 0;overflow: hidden;}
.xdf_sd .s_text{display:flex;width:98%;margin:2% auto;overflow: hidden;}
.xdf_sd .s_text img{max-width:100%;display: block;}
.xdf_sd .s_text .s_item{margin-left:10px;}
.xdf_sd .s_text .s_item h5{text-align:left;font-size:18px;color:#333;font-weight:bold;}
.xdf_sd .s_text .s_item p{text-align:left;font-size:14px;color:#555;line-height: 22px;}
.xdf_sd .s_text .s_item p span{font-size:14px;color:#333;}
.xdf_sd .s_cz{width:100%;margin:2% 0;margin-top:50px;}
.xdf_sd .s_cz li{width:31.3333%;float:left;margin:1%;background:#fff;border-bottom:5px #ff7353 solid;box-shadow: 0 0 22px rgba(0, 0, 0, 0.12);border-radius:5px;}
.xdf_sd .s_cz .c_sj{margin-top:-20px;width:140px;height:40px;line-height:40px;text-align:center;font-size:18px;color:#fff;background:#ff7353;border-radius:4px 20px 0 0;}
.xdf_sd .s_cz .c_text{padding:10px;}
.xdf_sd .s_cz .c_text .c_li{display: flex;}
.xdf_sd .s_cz .c_text .c_li .pic{flex-shrink:0;}
.xdf_sd .s_cz .c_text .c_li img{max-width:100%;margin-right:10px;display: inline-block;}
.xdf_sd .s_cz .c_text .c_li p{text-align:left;display: flex;font-size:14px;color:#333;}
.xdf_sd .s_cz .c_text .c_li p span{margin:0 5px 5px 0;line-height:22px;font-size:14px;color:#333;}
.xdf_sd .s_cz li:nth-child(2){border-bottom:5px #a5cb42 solid;}
.xdf_sd .s_cz li:nth-child(2) .c_sj{background:#a5cb42;}
.xdf_sd .s_cz li:nth-child(3){border-bottom:5px #2ec4e4 solid;}
.xdf_sd .s_cz li:nth-child(3) .c_sj{background:#2ec4e4;}
/*考试详情*/
.xdf_xq .tab{width:98%; margin:4% auto 2%;overflow: hidden;padding:2%;}
.xdf_xq .tab-hd {float:left;width:23%;margin-right:2%;overflow:hidden;}
.xdf_xq .tab-hd li{width:100%;margin:4% auto; padding:6% 2%;font-size:20px;color:#333; border-radius:5px;background:#f7f7f7;text-align:center; cursor:pointer;}
.xdf_xq .tab-hd li.active{ background:red;font-weight:bold;color:#fff;box-shadow: 0 0 5px #ff550a;}
.xdf_xq .tab-bd li{display:none;padding:20px;background:#fff;font-size:24px;overflow: hidden;box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);}
.xdf_xq .tab-bd li.thisclass{ display:list-item;}
.xdf_xq .tab-bd .a_list{width:100%;margin:2% 0;overflow: hidden;}
.xdf_xq .tab-bd .a_list .a_li{width:23%;height:380px;padding:10px;float:left;margin:1%;background:#fafafa;border:1px solid #f4f4f4;border-radius:10px;}
.xdf_xq .tab-bd .a_list .a_li img{display: block;margin:0 auto;}
.xdf_xq .tab-bd .a_list .a_li h5{font-weight:bold;font-size:18px;color:#333;}
.xdf_xq .tab-bd .a_list .a_li p{text-align:left;font-size:14px;color:#444;line-height:22px;}
.xdf_xq .tab-bd .a_fy h6{position:relative;text-align:left;padding-left:15px;font-size:16px;color:#333;font-weight:bold;}
.xdf_xq .tab-bd .a_fy h6:before{left:0;top:0;position:absolute;content:'';width:3px;height:20px;background:#ff7353;border-radius:2px;}
.xdf_xq .tab-bd .a_fy p{margin:10px 0;font-size:14px;color:#555;line-height: 22px;}
.xdf_xq .tab-bd .a_fy p b{font-weight:bold;color:#ff7353;}
#custom{border-collapse:collapse;border-spacing:0;width:98% !important;margin:2% auto;background:#fff;}
#custom td {font-size:14px;text-align:center;padding:1% ;color:#555;line-height:24px;border:2px solid #fff;text-align: center;background:#f6f6f6;}
#custom th {font-size:16px;text-align:center;padding:1% ;color:#ff7353;background:#fff4f1;}
/*课程体系*/
.xdf_tx{width:100%;padding:2% 0;overflow: hidden;background:#f9f9f9;}
.xdf_tx .tab{width:98%; margin:4% auto 2%;}
.xdf_tx .tab-hd {overflow:hidden; zoom:1;}
.xdf_tx .tab-hd li{ float:left;width:18%;margin:1%; padding:2%;font-size:18px;font-weight:bold;color:#333; border-radius:5px;background:#f0f0f0;text-align:center; cursor:pointer;}
.xdf_tx .tab-hd li.active{background:#ff550a;color:#fff;}
.xdf_tx .tab-bd li{display:none;background:#fff;padding:10px;font-size:24px;overflow: hidden;}
.xdf_tx .tab-bd li.thisclass{ display:list-item;}
.xdf_tx .t_top{display:flex;width:98%;margin:2% 0;overflow: hidden;}
.xdf_tx .t_top .t_pic{width:20%;}
.xdf_tx .t_top .t_pic img{width:100%;display: block;}
.xdf_tx .t_top .t_text{width:78%;margin-left:2%;}
.xdf_tx .t_top .t_text .t_item{margin-bottom:10px;}
.xdf_tx .t_top .t_text .t_item h5{text-align:left;position:relative;padding-left:15px;font-size:16px;color:#ff7353;font-weight:bold;}
.xdf_tx .t_top .t_text .t_item h5:before{left:0;top:0;position:absolute;content:'';width:3px;height:20px;background:#ff7353;border-radius:2px;}
.xdf_tx .t_top .t_text .t_item p{text-align:left;margin-top:10px;font-size:13px;color:#333;line-height:22px;}
.xdf_tx .t_bot{width:100%;margin:2% 0;overflow: hidden;}
.xdf_tx .t_bot h6{text-align:left;position:relative;padding-left:15px;font-size:16px;color:#ff7353;font-weight:bold;}
.xdf_tx .t_bot h6:before{left:0;top:0;position:absolute;content:'';width:3px;height:20px;background:#ff7353;border-radius:2px;}
.xdf_tx .t_bot .t_list{width:100%;margin:2% 0;overflow: hidden;}
.xdf_tx .t_bot .t_list .t_li{width:23%;height:300px;float:left;margin:1%;background:#f9f9f9;border-radius:10px;border:1px #f6f6f6 solid;}
.xdf_tx .t_bot .t_list .t_li .t_name{font-size:18px;font-weight:bold;line-height:45px;text-align:center;color:#fff;background:#ff550a;border-radius:5px 5px 0 0;}
.xdf_tx .t_bot .t_list .t_li p{text-align:left;padding:10px;font-size:14px;color:#333;line-height: 24px;}
.xdf_tx .t_lxcp{width:100%;margin:2% 0;overflow: hidden;}
.xdf_tx .t_lxcp .t_name{text-align:left;line-height:35px;padding-left:10px;border-radius:0 50px 50px 0;width:200px;font-size:18px;font-weight:bold;color:#fff;background:linear-gradient(to right, #ff7352 , #ff7a01);}
.xdf_tx .t_lxcp .t_li{height:260px;padding:10px;width:31.3333%;float:left;margin:1%;background:#fffaf7;}
.xdf_tx .t_lxcp .t_li h6{text-align:left;margin-bottom:10px;font-size:18px;color:#ff7353;font-weight:bold;}
.xdf_tx .t_lxcp .t_li p{text-align:left;position:relative;padding-left:10px;font-size:13px;color:#666;line-height: 22px;}
.xdf_tx .t_lxcp .t_li p:before{position:absolute;left:0;top:10px;content:'';width:6px;height:6px;border-radius:50px;background:#333;}
/*阶梯*/
.xdf_jt{width:100%;margin:2% 0;overflow: hidden;}
.xdf_jt .pic{width:100%;margin:2% 0;overflow: hidden;}
.xdf_jt .pic img{max-width:100%;display: block;}
/*服务流程*/
.xdf_lc{width:100%;padding:2% 0;overflow: hidden;background:#fbfbfb;}
.xdf_lc .j_box{width:100%;margin:2% 0;overflow: hidden;}
.xdf_lc .j_box .j_li{width:98%;margin:20px auto;background:#fff;border-radius:10px;}
.xdf_lc .j_box .j_li .j_name{width:20%;line-height:35px;font-size:16px;color:#fff;text-align:center;background:#ff7353;border-radius:50px 50px 50px 0;}
.xdf_lc .j_box .j_li .j_name span{display:inline-block;color:#ff7353;width:26px;height:26px;margin-right:10px;text-align: center;line-height:28px;font-size:18px;font-weight:bold;border-radius:50px;background:#fff;}
.xdf_lc .j_box .j_li .j_item{align-items:center;display:flex;padding:20px;background:#fff;}
.xdf_lc .j_box .j_li .j_item h6{font-size:16px;font-weight:bold;color:#555;line-height: 26px;}
.xdf_lc .j_box .j_li .j_item .yuan{flex-shrink:0;margin:0 15px;font-weight:bold;font-size:20px;color:#fff;display:flex;justify-content:center;align-items:center;width:50px;height:50px;background:#ff7353;border-radius:50%;}
.xdf_lc .j_box .j_li .j_item p{font-size:14px;color:#333;line-height:20px;}
.xdf_lc .j_box .j_li:nth-child(2) .j_name{background:#a5cb42;}
.xdf_lc .j_box .j_li:nth-child(2) .j_name span{color:#a5cb42;}
.xdf_lc .j_box .j_li:nth-child(2) .yuan{background:#a5cb42;}
.xdf_lc .j_box .j_li:nth-child(3) .j_name{background:#2ec4e4;}
.xdf_lc .j_box .j_li:nth-child(3) .j_name span{color:#2ec4e4;}
.xdf_lc .j_box .j_li:nth-child(3) .yuan{background:#2ec4e4;}
/*热度答疑*/
.xdf_dy{width:100%;margin:2% 0;overflow: hidden;}
.xdf_dy .d_box{width:100%;margin:2% 0;overflow: hidden;}
.xdf_dy .d_box .d_li{width:100%;margin:2% 0;overflow: hidden;border-radius:10px;background:#fcfcfc;border:1px solid #e3e3e3;;}
.xdf_dy .d_box .d_li .d_top{text-align:left;line-height:35px;font-size:15px;padding-left:10px;color:#fff;font-weight:bold;background:#ff760b;}
.xdf_dy .d_box .d_li .d_hd{padding:15px;}
.xdf_dy .d_box .d_li .d_hd p{text-align:left;font-size:13px;color:#555;line-height: 22px;}
@media only screen and (min-width: 320px) and (max-width:750px) {
	.xdf_title{font-size:22px;}
	.xdf_xz .x_list li{width:48%;}
	.xdf_xz .x_list li:nth-child(3) p{left:15%;}
	.xdf_xz .x_list li p{font-size:14px;}
	.xdf_xz .x_list li:nth-child(4) p{left:9%;}
	.xdf_sh .s_list li{width:98%;height:auto;}
	.xdf_sd .s_cz li{width:98%;height:auto;margin-bottom:20px;}
	.xdf_xq .tab-hd{width:100%;}
	.xdf_xq .tab-bd li{padding:15px;}
	.xdf_xq .tab-bd .a_list .a_li{width:98%;height:auto;}
	.xdf_tx .tab-hd li{width:23%;font-size:16px;}
	.xdf_tx .t_bot .t_list .t_li{width:98%;height:auto;}
	.xdf_tx .t_lxcp .t_li{width:98%;height:auto;}
	.xdf_lc .j_box .j_li .j_name{width:60%;}
	
}