.foot-wrap {
  display: flex;
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #fff;
  width: 100%;
  height: 1.32rem;
}
.foot-wrap.gary {
  background-color: #F8F8F8;
}
.foot-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 50%;
  height: 1.32rem;
}
.foot-item.active .foot-tab {
  color: #4A4A4A;
}
.foot-item.active .foot-icon.s1 {
  background-position: -0.15rem -0.1rem;
}
.foot-item.active .foot-icon.s2 {
  background-position: -0.9rem -0.1rem;
}
.foot-item.active .foot-icon.s3 {
  background-position: -1.7rem -0.1rem;
}
.foot-item.active .foot-icon.s4 {
  background-position: -3.25rem -0.1rem;
}
.foot-item.active .foot-icon.s5 {
  background-position: -0.15rem -1rem;
}
.foot-item.active .zx-foot-icon {
  color: #4A4A4A;
}
.foot-icon {
  width: 0.72rem;
  height: 0.72rem;
  background-image: url(../images/tring41.png);
  background-repeat: no-repeat;
  background-size: 4rem;
}
.foot-icon.s1 {
  background-position: -0.15rem -0.85rem;
}
.foot-icon.s2 {
  background-position: -0.9rem -0.85rem;
}
.foot-icon.s3 {
  background-position: -1.7rem -0.85rem;
}
.foot-icon.s4 {
  background-position: -3.25rem -0.85rem;
}
.foot-icon.s5 {
  background-position: -0.86rem -2.8rem;
}
.zx-foot-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.72rem;
  height: 0.68rem;
  color: #999;
}
.zx-foot-icon .icon-ask {
  font-size: 23px;
}
.zx-foot-icon .icon-user {
  font-size: 20px;
}
.zx-foot-icon .icon-publish {
  font-size: 20px;
}
.foot-tab {
  color: #999;
  font-size: 10px;
}
[data-dpr="2"] .foot-tab {
  font-size: 20px;
}
[data-dpr="3"] .foot-tab {
  font-size: 30px;
}