.base-list-box {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  min-height: 4.5rem;
}
.base-list {
  // height: 100%;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  margin-left: .4rem;
  padding-top: .34rem;
  height: 3.4rem;
  overflow: scroll;
  scrollbar-color: transparent;
  scrollbar-width: 0;
}
.base-btn-box {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding-right: 2.3rem;
}

.commercial.base-list-box{
  .base-act-goods-box {
    width: 9.82rem;
    height: 5.14rem;
    display: flex;
    flex-direction: column;
    background: url(https://image-1251917893.file.myqcloud.com/Esports/pix/img/goods/bg-redemption-goods.png) no-repeat;
    background-size: 100% 100%;
    padding-bottom: .05rem;
  }

  .base-title{
    font-family: GameFont;
    margin-top: .46rem;
    margin-left: .4rem;
    font-size: .32rem;
    color: #060B19;
  }

  .base-list{
    margin-top: .34rem;
    margin-bottom: .34rem;
    padding-top: 0;
    padding-bottom: .4rem;
  }

  .base-btn-box {
    padding-right: 0;
    .base-secondary-btn{
      margin-right: .2rem;
    }
  }
}

.base-extra {
  width: 9.03rem;
  line-height: .28rem;
  padding-top: .16rem;
  margin-top: -0.1rem;
  margin-bottom: .16rem;
  font-size: .2rem;
  color: #6B89DF;
  border-top: .02rem solid rgba(130, 157, 233, 0.5);
  font-family: gamefontyahei;
}
.base-desc{
  width: 9.03rem;
  padding-bottom: .16rem;
  margin-bottom: .16rem;
  font-size: .24rem;
  line-height: .28rem;
  color: #294391;
  border-bottom: .02rem solid rgba(130, 157, 233, 0.5);
  flex-shrink: 0;
  font-family: GameFont;
}