css
<style>.footer_bg {width:100%; height:50px;}
.footer {position:fixed; left:0px; bottom:0px; display:flex; width:100%; height:50px; background:#fff; border-top:1px solid #e3e3e3;}
.footer li {flex:1; text-align:center; line-height:20px; color:#b3b3b3; font-size:20px; padding:7px 0 0; position:relative;}
.footer li.active {color:#ff5a14;}
.footer li span {width:100%; display:block; font-size:12px;}
.footer li .icon-fatie {background:#ff5a14; text-indent:2px; color:#fff; width:40px; height:40px; position:absolute; border-radius:50%; line-height:40px; top:-15px; left:50%; margin-left:-20px; font-size:22px;}
.footer li .fatie {padding:20px 0 0 0;}
</style>
- text
- text
- text
- text
- text