.content {
  padding-top: 1.84rem;
}
header,
footer {
  position: fixed;
  right: 0;
  left: 0;
  height: 1.84rem;
  line-height: 1.84rem;
  text-align: center;
}
header {
  top: 0;background-color: #efeeee;
}
footer {
  bottom: 0;background-color: #efeeee;
}
.menu-category {
  box-sizing: border-box;
  position: fixed;
  left: 0;
  top: 1.76rem;
  width: 4rem;
  bottom: 1.84rem;
  background: #f5f5f5;
  z-index: 1;
}
.menu-category .nav-list {
  height: 100%;
}
.menu-category .slide {
  width: 4rem;
  height: 2rem;
  line-height: 2rem;
  font-size: 0.6rem;
  color: #333;
  text-align: center;
}
.menu-category .sidehigh {
  font-weight: 700;
  color: #f85100;
  background-color: #fff;
}
.menu-category .sidehigh:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0.12rem;
  height: 2rem;
  background: -webkit-linear-gradient(left, #f85100, #fe8645);
  background: -o-linear-gradient(right, #f85100, #fe8645);
  background: -moz-linear-gradient(right, #f85100, #fe8645);
  background: linear-gradient(to right, #f85100, #fe8645);
}
.category-list {
  margin-left: 4rem;
  padding-bottom: 0.56rem;
  height: 100%;
  overflow: hidden;
}
.category-list .food-list {
  height: 100%;
  overflow-y: scroll;
}
.category-list li {
  float: left;
  margin: 4px !important;
}
.category-list li a {
  width: 2rem;
  /* float: left; */
}
.category-list li img {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
}
.category-list li p {
  width: 100%;
  line-height: 0.8rem;
  font-size: 0.48rem;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
  word-wrap: break-word;
}