.dec-nav {
  padding: @space 0;
  margin: 0 @space;
  border-radius: 10 * @rpx;
  .wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    + .wrap {
      margin-top: @space;
    }
  }
  .box {
    box-sizing: border-box;
    width: 25%;
    padding: 0 @space2;
  }
  .nav {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    font-size: 0;
  }
  .image {
    width: 40 * @rpx;
    text-align: center;
    flex-shrink: 0;
  }
  .text {
    width: 100%;
    text-align: center;
    font-size: @font-base;
  }
  .top {
    flex-direction: column;
    .text {
      box-sizing: border-box;
      padding-top: 4 * @rpx;
    }
  }
  .left {
    justify-content: center;
    .text {
      width: auto;
      text-align: left;
      padding-left: 4 * @rpx;
    }
  }
}
