.footer-fix {
box-shadow: 0 0 10px rgba(0,0,0,0.2);

	position: fixed;

	bottom: 0;

	left: 0;

	width: 100%;

	background-color: #fff;
	display:none;
	z-index: 10;

 }
 
.footer-fix li {

	float: left;

	width: 25%;

}

.footer-fix li a {

	display: block;

	text-align: center;

	padding: 7px 0;

	font-size: 12px;

	line-height: 1;

}

.footer-fix li i {

	display: block;

	height: 20px;

	background: no-repeat center;

	background-size: contain;

	margin-bottom: 4px;

}

.footer-fix li i.i1 {

	background-image: url(images/f_01.png);

}

.footer-fix li i.i2 {

	background-image: url(images/f_02.png);

}

.footer-fix li i.i3 {

	background-image: url(images/f_03.png);

}

.footer-fix li i.i4 {

	background-image: url(images/f_04.png);

}

@media screen and (max-width:786px) {
.footer-fix8{ height:30px;}
.footer-fix {
display:block;
 }
}
@media screen and (max-width: 400px) {
.footer-fix8{ height:30px;}
.footer-fix {
display:block;
 }
}