.bottom-nav{
  position:fixed;
  bottom:0;
  left:0;
  right:0;
  max-width:420px;
  margin:auto;
  background:#ffffff;
  display:flex;
  justify-content:space-around;
  padding:8px 0;
  box-shadow:0 -2px 10px rgba(0,0,0,0.1);
  border-top-left-radius:15px;
  border-top-right-radius:15px;
z-index:99999;
}

.nav-item{
  display:flex;
  flex-direction:column;
  align-items:center;
  font-size:12px;
  color:#777;
  cursor:pointer;
}

.nav-item span{
  font-size:24px;
}

.nav-item.active{
  color:#1565c0;
}