*{margin:0px;padding: 0px;}
	.footer{width:100%; height: 16vmin; position: fixed; bottom:0; background: #fff;z-index: 10;}
	.footer .footerP{padding-right: 2px;}
	.hd{width:100%;height:16vmin;}
	.hd li{width:25%;  float: left;text-align: center;list-style: none;font-size:14px;}
	.hd li a{color: #5b6b8a;text-decoration:none;}

	.hd li a .footer1{width:7vmin;height:7vmin;background: url('../images/d1-1.png') no-repeat; background-size: 90%;margin:1.5vmin auto 1px auto;}

	.hd .li1.on a .footer1{background: url('../images/d1-2.png') no-repeat; background-size: 90%;}

	.hd li.on a{color: #5C45D4	;}

	.hd li a .footer2{width:7vmin;height:7vmin;background: url('../images/d2-1.png') no-repeat; background-size: 90%;margin:1.5vmin auto 1px auto;}

	.hd .li2.on a .footer2{background: url('../images/d2-2.png') no-repeat; background-size: 90%;}

	.hd li a .footer3{width:7vmin;height:7vmin;background: url('../images/d3-1.png') no-repeat; background-size: 90%;margin:1.5vmin auto 1px auto;}
	
	.hd .li3.on a .footer3{background: url('../images/d3-2.png') no-repeat; background-size: 90%;}

	.hd li a .footer4{width:7vmin;height:7vmin;background: url('../images/d4-1.png') no-repeat; background-size: 90%;margin:1.5vmin auto 1px auto;}
	
	.hd .li4.on a .footer4{background: url('../images/d4-2.png') no-repeat; background-size: 90%;}

	.hd li a .footer5{width:7vmin;height:7vmin;background: url('../images/d5-1.png') no-repeat; background-size: 90%;margin:1.5vmin auto 1px auto;}
	
	.hd .li5.on a .footer5{background: url('../images/d5-2.png') no-repeat; background-size: 90%;}