body{
  padding: 0;
  background-color: #fff;
}

.content{
  padding: 0 !important;
  padding-bottom: 80px !important;
}

/* 头部logo */
.head-logo{
  width: 100%;
  height: 70px;
  opacity: 0.8;
  background: rgba(1, 9, 26, 1);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
}

.head-logo img{
  width: 139px;
  height: 49px;
  margin-left: 20px;
}

/* 底部tabbar */
.tabbar {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 76px;
  background: rgba(34, 39, 51, 1);
}
.tabbar .tabbar-item {
  width: 25%;
  text-align: center;
}
.tabbar .tabbar-item img {
  width: 30px;
  height: 30px;
  margin-bottom: 5px;
}
.tabbar .tabbar-item .tabbar-item-text {
  color: rgba(255, 255, 255, 1);
}
.tabbar .tabbar-item.active .tabbar-item-text {
  color: rgba(255, 87, 51, 1);
}