.fdh{ display:none;}

@media screen and (max-width: 800px) {
.fdh{ line-height:40px; height:40px; background-color:#222222; width:100%; display:block; position:fixed; z-index:99999; bottom:0px; color:#FFF; }
.fdh li{ width:25%; float:left; display:block; text-align:center; border-right:1px #ddd solid; box-sizing:border-box;}
.fdh .li{ background-color:#cc0000;}
.fdh a{ color:#FFF;}