* {padding: 0;margin: 0;box-sizing:border-box;}
/*Reset the tag*/
a{text-decoration:none;}
img{border:none;}
ul,li{list-style:none;}
/*---banner---*/
.zf_banner{width:100%;}
.zf_banner img{width:100%;display: block;}
/*--抢先学--*/
.zf_qx{width:100%;padding:2% 0;overflow: hidden;background:#f5f5f5;}
.zf_title{font-size:26px;text-align:center;line-height:35px;margin:0 auto;font-weight:bold;color:#333;}
.zf_qx .q_list{width:100%;margin:2% 0;overflow: hidden;}
.zf_qx .q_list li{width:31.3333%;float:left;margin:1%;background:#fff;box-shadow:0 0 10px rgba(0, 0, 0, .2);}
.zf_qx .q_list li img{max-width:100%;display: block;}
.zf_qx .q_list li p{font-size:16px;line-height:45px;color:#333;text-align: center;white-space:nowrap;text-overflow: ellipsis;overflow: hidden;}
/*无忧虑*/
.zf_xf{width:100%;padding:2% 0;overflow: hidden;background:#f5f5f5;}
.zf_xf .q_list{width:100%;margin:2% 0;overflow: hidden;}
.zf_xf .q_list li{width:31.3333%;float:left;margin:1%;}
.zf_xf .q_list li img{max-width:100%;display: block;}
/*题库*/
.zf_tk{width:100%;padding:2% 0;overflow: hidden;background:#f5f5f5;}
.zf_tk .tab{width:98%; margin:4% auto 2%;}
.zf_tk .tab-hd {overflow:hidden; zoom:1;}
.zf_tk .tab-hd li{ float:left;width:18%;margin:1%; padding:1%;font-size:18px;font-weight:bold;color:#e88383; border-radius:50px;border:1px solid #ffdede;text-align:center; cursor:pointer;}
.zf_tk .tab-hd li.active{color:#f52f3e;border:1px solid #f52f3e;}
.zf_tk .tab-bd li{display:none;font-size:24px;overflow: hidden;}
.zf_tk .tab-bd li.thisclass{ display:list-item;}
.zf_tk .b_box{width:100%;margin:2% 0;overflow:hidden;}
.zf_tk .b_box .b_li{width:23%;padding:15px;float:left;margin:1%;background:#fff;box-shadow: 0 2px 18px rgba(0, 0, 0, 0.05);}
.zf_tk .b_box .b_li .b_top{display: flex;justify-content: flex-start;align-items: center;}
.zf_tk .b_box .b_li .b_top .b_icon{width:30%;}
.zf_tk .b_box .b_li .b_top .b_icon img{max-width:100%;display:block;}
.zf_tk .b_box .b_li .b_top .b_item{width:65%;margin-left:15px;}
.zf_tk .b_box .b_li .b_top .b_item h5{text-align:left;font-size:18px;color:#333;}
.zf_tk .b_box .b_li .b_top .b_item p{text-align:left;text-indent:0;font-size:12px;color:#777;margin-top:5px;}
.zf_tk .b_box .b_li .b_bot{margin-top:20px;}
.zf_tk .b_box .b_li .b_bot dl{height:35px;position: relative;clear: both;}
.zf_tk .b_box .b_li .b_bot dl:before{position:absolute;left:-7px;top:-7px;content:'';display:block;width:1px;height:37px;background:#ccc; }
.zf_tk .b_box .b_li .b_bot dl i{position:absolute;left:-10px;top:7px;width:8px;height:8px;background:#ccc;border-radius:50px;}
.zf_tk .b_box .b_li .b_bot dl dt{float:left;font-size:13px;padding-left:5px;color:#333;width:110px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.zf_tk .b_box .b_li .b_bot dl dd{line-height:16px;margin-top:5px;padding:2px 10px;float:right;font-size:12px;color:#333;border:1px #ccc solid;border-radius:50px;}
@media only screen and (min-width: 320px) and (max-width: 750px) {
	.zf_title{font-size:22px;}
	.zf_qx .q_list li{width:48%;}
	.zf_qx .q_list li p{font-size:14px;text-indent: 0;}
	.zf_xf .q_list li{width:98%;height:auto;}
	.zf_tk .b_box .b_li{width:98%;height:auto;}
	.zf_tk .b_box .b_li .b_bot dl dt{width:240px;text-align:left;}
}