.mobile-bottom-nav{display:none}@media (max-width:768px){.mobile-bottom-nav{display:flex;justify-content:space-around;align-items:center;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #ddd;z-index:9999;padding:13px 0;box-shadow:0 -1px 5px rgba(0,0,0,.1)}.mobile-bottom-nav .nav-item{text-align:center;flex:1;color:#333;text-decoration:none;font-size:12px;font-weight:500}.mobile-bottom-nav .nav-item i{display:block;font-size:20px;margin-bottom:4px}.mobile-bottom-nav .nav-item.active i,.mobile-bottom-nav .nav-item.active span{color:#04f}.mobile-bottom-nav .nav-item i{color:#222}.mobile-bottom-nav .nav-item span{display:block;color:#222}}