.match-dialog {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
  z-index: 1000;
  .dialog-container {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 6.62rem;
    height: 6.07rem;
    .end {
      position: absolute;
      bottom: .9rem;
      left: 50%;
      width: 4.25rem;
      height: .74rem;
      transform: translateX(-50%);
    }
    .two-btn {
      position: absolute;
      bottom: .9rem;
      left: 50%;
      transform: translateX(-50%);
      display: flex;
    }
    .two-btn div{
      width: 2.73rem;
      height: .74rem;
    }
    .quit {
      margin-right: .46rem;
    }
    .report {
      position: absolute;
      bottom: .38rem;
      left: 50%;
      width: 4.21rem;
      height: .82rem;
      transform: translateX(-50%);
    }
    .report-container {
      position: absolute;
      top: 1.6rem;
      left: 50%;
      transform: translateX(-50%);
      font-size: .44rem;
      line-height: .86rem;
    }
  }
}
