/* 赛区选择 */
.container {
  /* width: 7.5rem; */
  height: 100vh;
  background-image: url(../images/bg.jpg);
  background-size: cover;
  position: relative;
  overflow: hidden;
}

.text {
  width: 7.1rem;
  height: 9.01rem;
  background: url(../images/select-1-text.png);
  background-size: cover;
  position: absolute;
  top: .47rem;
  left: .47rem;
  opacity: .4;
  animation: blink 10s ease-in-out infinite;
  animation-delay: 2s;
  /* display: none; */
}

.text1 {
  width: 7.24rem;
  height: 10.04rem;
  background: url(../images/select-2-text.png);
  background-size: cover;
  position: absolute;
  top: .47rem;
  left: .18rem;
  opacity: .4;
  animation: blink 10s ease-in-out infinite;
  animation-delay: 2s;
  display: none;
}

@keyframes blink {

  0%,
  50%,
  100% {
    opacity: .4;
  }

  25%,
  75% {
    opacity: 0;
  }
}

.small-slogan {
  position: absolute;
  background: url(../images/small-slogan.png);
  width: 6.74rem;
  height: 2.93rem;
  background-size: cover;
  left: 0;
  right: 0;
  top: 2.02rem;
  margin: auto;
}

.selectBtnArea1 {
  width: 3.20rem;
  height: 3.73rem;
  position: absolute;
  left: 50%;
  top: 34%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /* display: none; */
}

.selectBtnArea1 .btn,
.selectBtnArea2 .btn {
  width: 3.15rem;
  height: 1.32rem;
}

.selectBtnArea1 .supermarketBtn,
.selectBtnArea2 .supermarketBtn {
  background: url(../images/supermarketBtn.png);
  background-size: cover;
  animation-duration: 1.5s;
  animation-delay: .5s;
  animation-iteration-count: infinite;
}

.selectBtnArea1 .e-commerceBtn,
.selectBtnArea2 .e-commerceBtn {
  background: url(../images/e-commerceBtn.png);
  background-size: cover;
  animation-duration: 1.5s;
  animation-delay: .5s;
  animation-iteration-count: infinite;
}


.selectBtnArea2 {
  width: 3.20rem;
  height: 4.68rem;
  position: absolute;
  left: 50%;
  top: 5.15rem;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  display: none;
}

.selectBtnArea2 .midAutumnFestivalBtn {
  background: url(../images/midAutumnFestivalBtn.png);
  background-size: cover;
  animation-duration: 1.5s;
  animation-delay: .5s;
  animation-iteration-count: infinite;
}