@import "../../../../style/CommonStyle.module.less";
@import "../../../../style/utils.module.less";

.nav {
  position: relative;
  .size(@w: 100%, @h: 132px);
  margin: -48px 0 36px 0;
  background-color: #e9e9e9;

  // tScroller
  > div:nth-child(1) {
    .size(@w: inherit, @h: inherit);
  }

  ul {
    display: flex;
    align-items: center;
    height: inherit;
    padding-left: 60px;

    li {
      flex: none;
      margin-right: 12px;

      .tButtonAll {
        width: 180px;
      }

      .tButtonMore {
        width: 180px;
        background-color: #7a808d;
        font-weight: bold;
        font-size: 30px;
        color: @COLOR_WHITE;

        &:focus {
          background-color: @PRIMARY_COLOR_RED;
          color: @COLOR_WHITE;
        }
      }
    }
  }
}
