/* packageE/button/button.wxss */
.component-wrapper {
  display: flex;
  justify-content: center;
  width: 100vw;
}

.component-wrapper .button-box {
  display: flex;
  flex-wrap: wrap;
  width: 100vw;
}

.component-wrapper .button-box .li {
  /* flex: 1; */

  /* width: 25%; */
  position: relative;
  margin: 10px 0;
  list-style: none;
  display: flex;
  flex-direction: column;

  /* align-self: center; */
  justify-self: center;
}

.component-wrapper .button-box .li .item {
  text-align: center;
}

.component-wrapper .button-box .button-img {
  margin: 0 auto;
}

.component-wrapper .button-box .button-title {
  text-align: center;
  margin: 0;

  /* text-overflow: ellipsis; */

  /* white-space: nowrap; */

  /* word-wrap: break-word; */

  /* overflow: hidden; */
}

.component-wrapper .button-box .button-desc {
  font-size: 10px;
  text-align: center;
  color: #999;

  /* text-overflow: ellipsis; */

  /* white-space: nowrap; */

  /* word-wrap: break-word; */

  /* overflow: hidden; */
}