.press__lottery-box-left {
  padding-top: 3.7rem;
}

.press__award-box {
  position: relative;
  width: 5.95rem;
  height: 2.02rem;
  background-image: url(https://image-1251917893.file.myqcloud.com/tip-project/pubg/pubg-match/lucky-gift-panel.png);
  background-repeat: no-repeat;
  background-size: 100%;

}

.press__award-group {
  display: flex;
  width: 5.5rem;
  padding-top: .38rem;
  margin-left: .24rem;
  overflow-x: auto;
  overflow-y: visible;
}

.press__award-item {
  position: relative;

}

:v-deep .press-popover {
  z-index: 10;
  bottom: calc(100% + .12rem);
}

.press__award-popover {
  width: 100%;
  padding: 0 .12rem;
  height: .28rem;
  line-height: .28rem;
  white-space: nowrap;
  text-align: center;
  font-size: .18rem;
  color: #fff;
  border-radius: .01rem;
  background-color: rgba($color: #31305e, $alpha: .9);
}

// popover组件样式
::v-deep .press__lottery-wrap {
  bottom: calc(100% + 10px);
}

.press__lottery-wrap {
  bottom: calc(100% + 10px);

  .van-popover__content {
    border-radius: .06rem;
  }

  .van-popover__arrow {
    border-width: 3px;
    color: rgba($color: #2a2d5b, $alpha: .9);
  }
}

.press__award-img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.09rem;
  height: 1.09rem;
  margin: 0 auto;
  background-image: url(https://image-1251917893.file.myqcloud.com/tip-project/pubg/pubg-match/lucky-gitf-img.png);
  background-repeat: no-repeat;
  background-size: 100%;

  img {
    width: .7rem;
    height: .7rem;
    object-fit: contain;
    pointer-events: none;
  }
}

.press__award-name {
  width: 1.4rem;
  text-align: center;
  font-size: .18rem;
  margin: .02rem 0 0 0;
  color: #fff;
  // @include single-line-ellipsis();
}

.press__lottery-num {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0;
  transform: translateX(-.16rem);
  font-size: .2rem;
  color: #fff;

  span {
    color: #ffba69;
  }
}

.press__btn-refresh {
  margin-left: .04rem;
  width: .16rem;
  height: .16rem;
  background-image: url(https://image-1251917893.file.myqcloud.com/Esports/hor/lotterypage/btn-refresh.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

.press__btn-lottery {
  margin: 0 auto;
  width: 3.28rem;
  height: 1.13rem;
  font-size: .38rem;
  line-height: 1.2rem;
  font-family: 'PEACE';
  color: rgb(80, 47, 13);
  text-align: center;
  transform: translateX(-.16rem);
  background-image: url(https://image-1251917893.file.myqcloud.com/tip-project/pubg/pubg-match/lucky-main-btn.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

.press__btn-lottery-gray {
  filter: grayscale(100%);
}

.press__task-box {
  margin: 1.95rem 0 0 .34rem;
}

.press__task-title {
  margin: 0 auto;
  width: 2.5rem;
  height: .29rem;
  font-size: 0;
  background-image: url(https://image-1251917893.file.myqcloud.com/tip-project/pubg/pubg-match/lucky-subtitle.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

.press__task-group {
  margin-top: .3rem;
  height: 3.95rem;
  overflow-y: auto;
}

.press__task-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 .24rem 0 .36rem;
  margin: 0 auto .18rem;
  width: 4.64rem;
  height: 1.12rem;
  background-image: url(https://image-1251917893.file.myqcloud.com/tip-project/pubg/pubg-match/luckytask-panel.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

.press__task-des {
  font-size: .26rem;
  color: #cdc9f6;
}

.press__btn-to-do {
  width: 1.53rem;
  height: .59rem;
  font-size: 0;
  background-image: url(https://image-1251917893.file.myqcloud.com/tip-project/pubg/pubg-match/luckygo-finish.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

.press__btn-done {
  width: 1.53rem;
  height: .59rem;
  font-size: 0;
  background-image: url(https://image-1251917893.file.myqcloud.com/tip-project/pubg/pubg-match/lucky-finished.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

.press__btn-group {
  position: absolute;
  top: 1.74rem;
  right: -1.5rem;
  width: 1.6rem;
  height: 1.28rem;
}

.press__btn-rule {
  position: absolute;
  top: 0;
  left: 0;
  width: 1.5rem;
  height: .5rem;
  font-size: 0;
}

.press__btn-mine-award {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 1.46rem;
  height: .5rem;
  font-size: 0;
}