@charset "utf-8";
/* CSS Document */
*{margin: 0;padding: 0;}
a{text-decoration: none;}
ul li{list-style-type: none;}

.qd-list{width: 479px;border:1px solid #e5e5e5;position: relative;background: url(phb.png)top no-repeat;float: right;}
.qd-list h2{font-size: 22px;
    color: #4c67a7;
    
    height: 70px;
    line-height: 70px;
    border-bottom: 1px solid #c1cae0;
text-align: center;
color: #216ed6;}
.qd-list .hd{position: absolute;right: 5px;top:0px;}
.qd-list .hd ul li{
	
	
    width: 80px;
    height: 28px;
    text-align: center;
    background: #1da9f6;
    line-height: 28px;
    margin-top: 5px;
    cursor: pointer;
	border-radius: 5px;
	color: #fff;
}
.qd-list .hd ul li.on{background: #246dd6;}
.qd-list .bd{padding: 10px 5px;}
.qd-list .bd ul li i{
    display: inline-block;
    width: 20px;
    height: 36px;
    float: left;
    margin-right: 10px;
	font-size: 18px;
}
.qd-list .bd ul li{
    line-height: 36px;
}
.qd-list .bd ul li a{font-size: 16px;}
.qd-list .bd ul li span{
    color: #999;
    float: right;
    margin-right: 20px;
}

@media (max-width: 750px){
.qd-list{width: 91%;border:1px solid #e5e5e5;position: relative;background: url(phb.png)top no-repeat;margin: 40px 30px;}	
	
	
	
	
	
	
}