.nav-tabs-layer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 900;
  background: #fff;
  box-shadow: 0 1px 3px 0 #DDDDDD; }
  .nav-tabs-layer .nav-tabs-index {
    display: block;
    height: 0.53rem; }
    .nav-tabs-layer .nav-tabs-index ul {
      display: flex; }
      .nav-tabs-layer .nav-tabs-index ul li {
        flex: 1; }
        .nav-tabs-layer .nav-tabs-index ul li a {
          display: block;
          width: 100%;
          height: 100%;
          position: relative; }
          .nav-tabs-layer .nav-tabs-index ul li a span.icon {
            display: flex;
            width: 100%;
            height: 0.3rem;
            background-position: center bottom;
            background-repeat: no-repeat; }
          .nav-tabs-layer .nav-tabs-index ul li a span.text {
            display: flex;
            justify-content: center;
            width: 100%;
            font-size: 0.11rem;
            line-height: .21rem;
            height: .21rem;
            color: #7A7F90; }
          .nav-tabs-layer .nav-tabs-index ul li a span.new {
            position: absolute;
            background: #d7000f;
            color: #fff;
            top: 0.05rem;
            right: 0.05rem;
            padding: 0 0.02133rem;
            border-radius: 0.02rem; }
          .nav-tabs-layer .nav-tabs-index ul li a.active span.text {
            color: #d7000f; }
          .nav-tabs-layer .nav-tabs-index ul li a.item-hq.active span.icon {
            background-image: url("../../images/components/nav-tabs/hq-active.png");
            background-size: .35rem .34rem;
            display: flex;
            width: 100%;
            height: 100%;
            background-position: center center;
            background-repeat: no-repeat; }
          .nav-tabs-layer .nav-tabs-index ul li a.item-hq span.icon {
            background-image: url("../../images/components/nav-tabs/hq.png");
            background-size: .25rem .23rem; }
          .nav-tabs-layer .nav-tabs-index ul li a.item-news.active span.icon {
            background-image: url("../../images/components/nav-tabs/news-active.png");
            background-size: .25rem .23rem; }
          .nav-tabs-layer .nav-tabs-index ul li a.item-news span.icon {
            background-image: url("../../images/components/nav-tabs/news.png");
            background-size: .25rem .23rem; }
          .nav-tabs-layer .nav-tabs-index ul li a.item-user.active span.icon {
            background-image: url("../../images/components/nav-tabs/user-active.png");
            background-size: .25rem .23rem; }
          .nav-tabs-layer .nav-tabs-index ul li a.item-user span.icon {
            background-image: url("../../images/components/nav-tabs/user.png");
            background-size: .25rem .23rem; }