.press-popup__detail {
  display: flex;
  flex-direction: column;
  height: 8.26rem;
  padding: 0 .32rem;
  overflow: hidden;
}

.press-popup__match-list {
  flex: 1;
  overflow-y: auto;
}

.press-popup__match-item {
  display: flex;
  align-items: center;
  height: 1.12rem;

  & > .icon-reduce {
    font-size: .44rem;
    color: #223730;
  }

  .press-popup__match-num {
    flex-shrink: 0;
    font-size: .32rem;
    color: #223730;
    margin-right: .32rem;
  }

  .press-popup__match-result {
    display: flex;
    align-items: center;
    font-size: .28rem;
    color: #69736e;
    margin-left: auto;

    .icon-back {
      margin-left: .08rem;
      transform: rotate(-180deg);
      font-size: .2rem;
      color: #69736e;
    }
  }
}

.press-popup__btn-add {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: .32rem 0;
  height: .72rem;
  font-size: .32rem;
  color: #223730;
  border-radius: .08rem;
  border: .02rem dashed #69736e;

  .icon-close {
    transform: rotate(-45deg);
    font-size: .44rem;
    color: #223730;
  }
}

.press-popup__btn-group::v-deep {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: .22rem 0;
  flex-direction: 0;

  .press-popup__btn-border {
    border: 0;

    &+.press-popup__btn-primary {
      margin-left: .22rem;
    }
  }
}
