.press__button--common {
  @include module-height(.5);
  @include line-height(.5);
  width: 3.06rem;
  display: block;
  font-size: $font-s;
  text-align: center;
  font-family: 'PEACE';
  letter-spacing: .02rem;
}

.press__button--primary {
  color: $color-black-2;
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/pubg/pubg-match/bg-btn.png) no-repeat;
  background-size: 100% 100%;
}

.press__button--primary-xs {
  text-align: center;
  font-family: 'PEACE';
  width: 1rem;
  height: .5rem;
  line-height: .5rem;
  font-size: .22rem;
  color: $color-black-2;
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/pubg/pubg-match/bg-btn-xs.png) no-repeat;
  background-size: 100%;
}

.press__button--primary-m {
  text-align: center;
  font-family: 'PEACE';
  width: 3.06rem;
  height: .72rem;
  line-height: .72rem;
  font-size: .4rem;
  color: $color-black-2;
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/pubg/pubg-match/bg-btn-m.png) no-repeat;
  background-size: 100%;
}

.press__button--primary-l {
  text-align: center;
  font-family: 'PEACE';
  width: 3.96rem;
  height: .72rem;
  line-height: .72rem;
  font-size: .4rem;
  color: $color-black-2;
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/pubg/pubg-match/bg-btn-l.png) no-repeat;
  background-size: 100%;
}


.press__button--default {
  color: $color-white;
  position: relative;
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/pubg/pubg-match/bg-btn-black.png) no-repeat;
  background-size: 100% 100%;
}

.press__button--invalid {
  color: #212124;
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/pubg/pubg-match/bg-btn-black.png) no-repeat;
  background-size: 100% 100%;
  align-items: center;
  display: flex;
  justify-content: center;

  span {
    line-height: .18rem;
    height: .22rem;
    font-size: .24rem;
    margin: 0 0 0 .08rem;
    font-family: 'AgencyFB-Bold';
  }
}

.press__button--common {
  display: flex;
  justify-content: center;
  align-items: center;

  span {
    line-height: .18rem;
    height: .22rem;
    font-size: .24rem;
    margin: 0 0 0 .08rem;
    font-family: 'AgencyFB-Bold';
  }
}

.press__button--invalid-m {
  text-align: center;
  font-family: 'PEACE';
  width: 3.06rem;
  height: .72rem;
  line-height: .72rem;
  font-size: .4rem;
  color: $color-white;
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/pubg/pubg-match/bg-btn-black-m.png) no-repeat;
  background-size: 100%;
}

.press__button--invalid-l {
  text-align: center;
  font-family: 'PEACE';
  width: 3.96rem;
  height: .72rem;
  line-height: .72rem;
  font-size: .4rem;
  color: $color-white;
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/pubg/pubg-match/bg-btn-black-l.png) no-repeat;
  background-size: 100%;
}




/*text btn*/
%textbtn-style {
  width: 100%;
  height: 1.14rem;
  display: block;
  @include line-height(1.14);
  text-align: center;
  font-size: $font-l;
}

.press__button--text-primary {
  @extend %textbtn-style;
  color: #ed7b2f;
}

.press__button--text-cancel {
  @extend %textbtn-style;
  color: #212124;
  border-right: 1px solid rgba(0, 0, 0, .10);
}

/*旧版底部按钮S*/
.press__button--bottom {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100vw;
  padding: .16rem .36rem;
  background: #f7f7f7;
  box-shadow: 0px -.06rem .12rem rgba(131, 131, 131, .25);
  z-index: 50;

  ul {
    @include flex-content;
    padding: .14rem 0;

    li {
      width: 100%;
      padding: 0 .15rem;

      a {
        width: 100%;
        @include flex-content($justify: center);
      }

      &:only-child {
        width: 3.34rem;
        padding: 0;
        margin: 0 auto;
      }
    }
  }
}

/*旧版底部按钮E*/

/*bottombtn*/
.press__button--operation {
  @include flex-content;
  padding: .32rem 0 0;

  .press__button--common {
    width: 3.96rem;
    height: .72rem;
    font-family: 'PEACE';
    font-size: .4rem;
  }

  li {
    width: 100%;
    padding: 0 .15rem;

    a {
      width: 100%;
      @include flex-content($justify: center);
    }

    &:only-child {
      width: 4.4rem;
      padding: 0;
      margin: 0 auto;
    }
  }
}

/*s-btn*/
.press__button--yellow-small {
  width: 1.24rem;
  height: .5rem;
  line-height: .5rem;
  display: block;
  font-size: .22rem;
  font-family: 'PEACE';
  color: $color-black-2;
  text-align: center;
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/pubg/pubg-match/bg-btn-s.png) no-repeat;
  background-size: 100% 100%;
}

.press__button--primary-small {
  width: 1.24rem;
  height: .5rem;
  line-height: .5rem;
  display: block;
  font-size: .22rem;
  font-family: 'PEACE';
  color: $color-white;
  text-align: center;
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/pubg/pubg-match/bg-btn-black-s.png) no-repeat;
  background-size: 100% 100%;
}

.press__button--default-small {
  width: 1.24rem;
  height: .5rem;
  line-height: .5rem;
  display: block;
  font-size: .22rem;
  font-family: 'PEACE';
  color: $color-white;
  text-align: center;
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/pubg/pubg-match/bg-btn-s-disable.png) no-repeat;
  background-size: 100% 100%;
}

.press__button--invalid-small {
  width: 1.24rem;
  height: .5rem;
  line-height: .5rem;
  display: block;
  font-size: .22rem;
  font-family: 'PEACE';
  text-align: center;
  color: $color-white;
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/pubg/pubg-match/bg-btn-s-disable.png) no-repeat;
  background-size: 100% 100%;
}

.press__button--disable-l {
  width: 3.96rem;
  height: .72rem;
  line-height: .72rem;
  font-size: .4rem;
  display: block;
  font-size: .4rem;
  font-family: 'PEACE';
  color: $color-white;
  text-align: center;
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/pubg/pubg-match/bg-btn-l-disable.png) no-repeat;
  background-size: 100% 100%;
}

@media screen and (min-height: 760px) {
  .press__button--bottom {
    padding: .14rem .32rem .54rem;
  }
}

.press__pop-box-04 .press__button-comm-01 {
  text-align: center;
  font-family: 'PEACE';
  width: 3.96rem;
  height: .72rem;
  line-height: .72rem;
  font-size: .4rem;
  color: $color-black-2;
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/pubg/pubg-match/bg-btn-l.png) no-repeat;
  background-size: 100%;
}