.footer {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-around;
  width: 100%;
  height: .6rem;
  border-top: 1px solid #e4e7ed;
  font-size: .12rem;
}
.footer .footer-item {
  width: 25%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-bottom: .05rem;
}
.footer .footer-img {
  position: relative;
}
.footer .u-unread {
  position: absolute;
  top: 0;
  right: -.05rem;
  width: .15rem;
  height: .15rem;
  background-color: #f33;
  color: #fff;
  border-radius: 50%;
  line-height: .15rem;
  text-align: center;
  font-size: .12rem;
}
.footer .footer-item .footer-img {
  width: .25rem;
  height: .25rem;
  margin-bottom: .05rem;
}
.footer .footer-item.message .footer-img {
  background: url('../img/icon_message_normal.png') no-repeat center;
  background-size:  100% 100%;
}
.footer .footer-item.message.active .footer-img {
  background: url('../img/icon_message_pressed.png') no-repeat center;
  background-size:  100% 100%;
}
.footer .footer-item.address-list .footer-img {
  background: url('../img/icon_contact_normal.png') no-repeat center;
  background-size:  100% 100%;
}
.footer .footer-item.address-list.active .footer-img {
  background: url('../img/icon_contact_pressed.png') no-repeat center;
  background-size:  100% 100%;
}
.footer .footer-item.find .footer-img {
  background: url('../img/icon_discover_normal.png') no-repeat center;
  background-size:  100% 100%;
}
.footer .footer-item.find.active .footer-img {
  background: url('../img/icon_discover_pressed.png') no-repeat center;
  background-size:  100% 100%;
}
.footer .footer-item.person .footer-img {
  background: url('../img/icon_profile_normal.png') no-repeat center;
  background-size:  100% 100%;
}
.footer .footer-item.person.active .footer-img {
  background: url('../img/icon_profile_pressed.png') no-repeat center;
  background-size:  100% 100%;
}
.footer .footer-item.search .footer-img {
  background: url('../img/search-normal.png') no-repeat center;
  background-size:  100% 100%;
}
.footer .footer-item.search.active .footer-img {
  background: url('../img/search-select.png') no-repeat center;
  background-size:  100% 100%;
}