.select-group{
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: .1rem;
  margin-left: .5rem;
  z-index: 9;
}
.area-list{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  width: 9.72rem;
  height: 3rem;
  margin-top: .22rem;
  margin-left: .42rem;
  overflow: scroll;
}
.area-item{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  align-content: flex-start;
  flex-shrink: 0;
  width: 1.62rem;
  height: .66rem;
  background-image: url(https://image-1251917893.file.myqcloud.com/Esports/pix/img/solo/bg-area-item.png);
  background-repeat: no-repeat;
  background-size: 100%;
  overflow: scroll;
  &.area-item-act{
    background-image: url(https://image-1251917893.file.myqcloud.com/Esports/pix/img/solo/bg-area-item-act.png);
    .area-text{
      color: #060b19;
    }
  }
  &.area-item-long5{
    width: 3.24rem;
    height: .66rem;
    background-image: url(https://image-1251917893.file.myqcloud.com/Esports/pix/img/solo/bg-area-item5.png);
    &.area-item-act{
      background-image: url(https://image-1251917893.file.myqcloud.com/Esports/pix/img/solo/bg-area-item-act5.png);
    }
  }
  &.area-item-long11{
    width: 4.86rem;
    height: .66rem;
    background-image: url(https://image-1251917893.file.myqcloud.com/Esports/pix/img/solo/bg-area-item11.png);
    &.area-item-act{
      background-image: url(https://image-1251917893.file.myqcloud.com/Esports/pix/img/solo/bg-area-item-act11.png);
    }
  }
}
.area-text{
  position: relative;
  text-align: center;
  font-family: GameFont;
  font-size: .24rem;
  color: #294391;
}