@mixin promotion-msg-layout {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.6rem;
  position: relative;
}

.press-card__result {
  position: relative;
  background: none;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  height: 1.6rem;
  position: relative;
  // background: url(https://image-1251917893.file.myqcloud.com/tip-project/pubg/pubg-match/card-upgrade--bg.png) center top;
  background-size: cover;
  background-repeat: no-repeat;
  // width: 6.94rem;
  height: 2.1rem;
  margin: 0 auto;

  .press-card__result-title {
    margin-top: .4rem;
  }
}

.press-card__result-title--waiting {
  display: block;
  margin: .2rem auto 0;
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/pubg/pubg-match/horizon/waiting-purple.png) center top;
  background-size: cover;
  background-repeat: no-repeat;
  width: 1.02rem;
  height: .11rem;
  font-size: 0;
}

.press-card__result-tips {
  margin-top: .12rem;
  font-size: 12px;
  line-height: .6rem;
  text-align: center;
  color: hsla(0,0%,100%,.75);
  height: .6rem;
  margin: .2rem auto 0;
}

.press-card__result-wrap--win {
  // background: url(https://image-1251917893.file.myqcloud.com/tip-project/pubg/pubg-match/card-upgrade--bg.png) center top;
  background-size: cover;
  background-repeat: no-repeat;
  // width: 6.94rem;
  height: 2.1rem;
  margin: 0 auto;

  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.press-card__result-wrap--fail {
  // background: url(https://image-1251917893.file.myqcloud.com/tip-project/pubg/pubg-match/card-upgrade--bg.png) center top;
  background-size: cover;
  background-repeat: no-repeat;
  // width: 6.94rem;
  height: 2.1rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding-top: .2rem;

  .press-card__result-tips {
    margin-top: .1rem;
  }
}

.press-card__result-title-win {
  display: block;
  margin: 0 auto;
  // background: url(https://image-1251917893.file.myqcloud.com/tip-project/pubg/pubg-match/title-upgrade.png) center top;
  background-size: cover;
  background-repeat: no-repeat;
  width: 3.54rem;
  height: 1.9rem;
  color: #fff;
  font-size: .46rem;
  font-weight: 800;
  text-align: center;
  font-family: 'PEACE';

  background: linear-gradient(180.29deg, #fff -32.92%, #9394e6 99.75%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  display: flex;
  align-items: center;
  justify-content: center;
}

.press-card__result-title-lose {
  display: block;
  margin: 0 auto;
  // background: url(https://image-1251917893.file.myqcloud.com/tip-project/pubg/pubg-match/card-match--defeat.png) center top;
  background-size: cover;
  background-repeat: no-repeat;
  // width: 2.04rem;
  // height: .5rem;
  color: #fff;
  font-size: .34rem;
  font-weight: 500;
  text-align: center;

  background: linear-gradient(180.29deg, #fff -32.92%, #9394e6 99.75%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: 'PEACE';
}

.press-card__result-wrap--rank {
  // background: url(https://image-1251917893.file.myqcloud.com/tip-project/pubg/pubg-match/card-upgrade--bg.png) center top;
  // background-size: cover;
  // background-repeat: no-repeat;
  margin: 0 auto;
  height: 2.22rem;
  position: relative;

  &::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 4.6rem;
    height: .01rem;
    background: #222026;
    box-shadow: 0 .5px 0 hsla(0, 0%, 42%, .25);
  }

  img,
  image {
    display: block;
    width: 2.94rem;
    height: 1.66rem;
    margin: 0 auto;
    padding: .22rem 0;
    box-sizing: content-box;
  }
}

.press-card__result-rank {
  width: 100%;
  height: 100%;
  background: none;

  p {
    font-size: .64rem;
    padding-top: 0;

    // &::before {
    //   // transform: translateY(.04rem);
    //   width: .32rem;
    //   height: .32rem;
    //   // background-size: contain;
    // }

    // &::after {
    //   // transform: translateY(.04rem);
    //   width: .32rem;
    //   height: .32rem;
    //   background-size: contain;
    // }
  }
}

.press-card__result-rank {
  height: 2.08rem;
  // padding-top: .24rem;
  display: flex;
  align-items: center;
  justify-content: center;

  p {
    font-size: 1.28rem;
    line-height: 1.2rem;
    font-family: 'DINCondensed';

    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(180.29deg,#fff -32.92%,#9394e6 99.75%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    &::before {
      content: '第';
      // width: .65rem;
      // height: .6rem;
      display: block;
      color: #9697e7;
      // background: url(https://image-1251917893.file.myqcloud.com/tip-project/pubg/pubg-match/font-di-left.png) no-repeat;
      // background-size: 100% 100%;
      margin-right: .22rem;
      font-size: .5rem;

    }
    
    &::after {
      content: '名';
      // width: .6rem;
      // height: .6rem;
      display: block;
      color: #9697e7;
      // background: url(https://image-1251917893.file.myqcloud.com/tip-project/pubg/pubg-match/font-ming-right.png) no-repeat;
      // background-size: 100% 100%;
      margin-left: .22rem;
      font-size: .5rem;
    }
  }
}

.ingame-mine-horz { 
  .press-card__result {
    width: 100%;
    height: 1.6rem;
    background: url(https://image-1251917893.file.myqcloud.com/tip-project/pubg/pubg-match/horizon/state-bg.png) no-repeat;
    background-size: cover;
  }

  .press-card__result-title {
    margin-top: .1rem;
  }

  .press-card__result-tips {
    color: rgba(33,33,36,.75);
  }
}