.common-tabbar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  border-top: 1px solid #f7f7f7;
  z-index: 99;
  background-color: #fff;
}
.common-tabbar .tabbar-ul {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  height: 3.571429rem;
}
.common-tabbar .tabbar-ul .tabbar-activity,
.common-tabbar .tabbar-ul .tabbar-statistics,
.common-tabbar .tabbar-ul .tabbar-add,
.common-tabbar .tabbar-ul .tabbar-usercenter,
.common-tabbar .tabbar-ul .tabbar-server {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.common-tabbar .tabbar-ul .tabbar-activity p,
.common-tabbar .tabbar-ul .tabbar-statistics p,
.common-tabbar .tabbar-ul .tabbar-add p,
.common-tabbar .tabbar-ul .tabbar-usercenter p,
.common-tabbar .tabbar-ul .tabbar-server p {
  display: block;
  width: 1.428571rem;
  height: 1.428571rem;
  margin-bottom: 0.285714rem;
  background-size: 100% 100%;
}
.common-tabbar .tabbar-ul .tabbar-activity img,
.common-tabbar .tabbar-ul .tabbar-statistics img,
.common-tabbar .tabbar-ul .tabbar-add img,
.common-tabbar .tabbar-ul .tabbar-usercenter img,
.common-tabbar .tabbar-ul .tabbar-server img {
  display: block;
  width: 1.428571rem;
  height: 1.428571rem;
  margin-bottom: 0.285714rem;
}
.common-tabbar .tabbar-ul .tabbar-activity span,
.common-tabbar .tabbar-ul .tabbar-statistics span,
.common-tabbar .tabbar-ul .tabbar-add span,
.common-tabbar .tabbar-ul .tabbar-usercenter span,
.common-tabbar .tabbar-ul .tabbar-server span {
  font-size: 0.857143rem;
}
.common-tabbar .tabbar-ul .tabbar-activity:nth-child(3),
.common-tabbar .tabbar-ul .tabbar-statistics:nth-child(3),
.common-tabbar .tabbar-ul .tabbar-add:nth-child(3),
.common-tabbar .tabbar-ul .tabbar-usercenter:nth-child(3),
.common-tabbar .tabbar-ul .tabbar-server:nth-child(3) {
  position: relative;
}
.common-tabbar .tabbar-ul .tabbar-activity:nth-child(3) img,
.common-tabbar .tabbar-ul .tabbar-statistics:nth-child(3) img,
.common-tabbar .tabbar-ul .tabbar-add:nth-child(3) img,
.common-tabbar .tabbar-ul .tabbar-usercenter:nth-child(3) img,
.common-tabbar .tabbar-ul .tabbar-server:nth-child(3) img {
  position: absolute;
  top: -2.714286rem;
  width: 4rem;
  height: 4rem;
}
.common-tabbar .tabbar-ul .tabbar-activity:nth-child(3) span,
.common-tabbar .tabbar-ul .tabbar-statistics:nth-child(3) span,
.common-tabbar .tabbar-ul .tabbar-add:nth-child(3) span,
.common-tabbar .tabbar-ul .tabbar-usercenter:nth-child(3) span,
.common-tabbar .tabbar-ul .tabbar-server:nth-child(3) span {
  display: inline-block;
  margin-top: 1.5rem;
}
.common-tabbar .tabbar-ul .tabbar-activity p {
  background: url('../images/common/activityman-nor.png') no-repeat;
  background-size: 100% 100%;
}
.common-tabbar .tabbar-ul .tabbar-statistics p {
  background: url('../images/common/statistics-nor.png') no-repeat;
  background-size: 100% 100%;
}
.common-tabbar .tabbar-ul .tabbar-usercenter p {
  background: url('../images/common/usercenter-nor.png') no-repeat;
  background-size: 100% 100%;
}
.common-tabbar .tabbar-ul .tabbar-server p {
  background: url('../images/common/server-nor.png') no-repeat;
  background-size: 100% 100%;
}