@import 'press-plus/common/style/gp-match/palette.scss';


// 创建队伍按钮
.press-choose__create-btn {
  width: 1.52rem;
  height: .5rem;
  line-height: .5rem;
  text-align: center;
  flex-shrink: 0;
  background: #30364e;
  color: #fff;
  font-size: .22rem;
  margin-right: -.2rem;
}

.press-choose__teams {
  height: 100%;
  max-height: 70vh;
  opacity: 1;
  display: block;
  overflow-y: auto;
  opacity: 1;
  transition: all .5s ease-in;
  position: relative;

  & > div {
    height: 100%;
    overflow: visible;
  }

  .press-choose__empty {
    padding: .2rem 0 .6rem;

    img {
      display: block;
      width: 2rem;
      height: 2rem;
      margin: .48rem auto .32rem;
    }

    p {
      font-size: .24rem;
      color: #999;
      text-align: center;
    }
  }
}


.press-choose__teams--valid {
  height: 0;
  opacity: 0;
  display: none;
  transition: all .5s ease-in;
}


.press-choose__team {
  width: 7.02rem;
  margin: 0 auto .24rem;
  background: linear-gradient(89.49deg,
  rgba(230, 234, 239, .7) 10.72%,
  hsla(0, 0%, 98.8%, .7) 94.4%);
  box-shadow: 0 .04rem .04rem rgba(196, 193, 205, .8);
}

.press-choose__teams-not-join {
  width: 100%;
}

.press-choose__teams-mask {
  margin: 0 auto;
  width: 100%;
  height: 100%;
  max-height: 70vh;
  position: fixed;
  bottom: 1.2rem;
  left: 0;
  background: rgba(250, 250, 250, .5);
  z-index: 10;
  overflow-y: auto;

}

.press-choose__title-box {
  width: 7.02rem;
  margin: 0 auto;
  display: flex;
  padding: .24rem 0;

  .press-choose__title-tip {
    font-size: $font-s;
    color: rgba(33, 33, 36, .5);
  }

  .icon-guide {
    font-size: $font-s;
    color: rgba(33, 33, 36, .5);
  }

  .icon-guide-active {
    transform: rotate(90deg);
  }
}

.press-choose__button {
  margin: .24rem auto;
  display: block;
  text-align: center;
  font-family: PEACE;
  width: 3.96rem;
  height: .72rem;
  line-height: .72rem;
  font-size: .4rem;
  color: #212124;
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/pubg/pubg-match/bg-btn-l.png) no-repeat;
  background-size: 100%;
  position: relative;
  z-index: 20;
}