<template>
  <div class="showMaskBlack" v-if="show">
    <div class="atm-join">
    <div class="over">活动已结束</div>
  </div>
  </div>
</template>

<style lang="scss" scoped>
.showMaskBlack {
  background: rgba(0, 0, 0, .7);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  display: flex;
  justify-content: center;
  -webkit-box-align: center;
  z-index: 22;
  align-items: center
}

.atm-join {
    width: 5.49rem;
    height: 3.97rem;
    text-align: center;
    background: url(//img10.360buyimg.com/imgzone/jfs/t1/71191/40/2807/55202/5d10a0d0E445cb796/ad57c639658d357e.png) no-repeat;
    background-size: contain;
}

.over {
    width: 100%;
    height: 1rem;
    position: absolute;
    top: 1rem;
    color: #fff;
    font-weight: 600;
    font-size: .4rem;
    right: 0;
}
</style>
