.pay_wrapper {
  overflow: hidden;

  .pay_value_title {
    margin: 29px 0;
    font-size: 24px;
    color: #fb4b56;
  }

  .pay_button_wrapper {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 29px;

    .pay_button_confirm {
      color: white;
      background-color: #71c135;
      width: 110px;
      height: 40px;
      font-size: 16px;

      &:hover,
      &:focus {
        border-color: #71c135;
      }
    }
  }
}

.paying_wrapper {
  padding: 24px 0;
  .pay_info_footer {
    margin-top: 16px;
    text-align: center;
    .tips {
      color: #9b9b9b;
      font-size: 14px;
      margin-top: 10px;
      .link {
        color: #1790ff;
        text-decoration: underline;
        margin: 0 2px;
        cursor: pointer;
      }
    }
  }

  .pay_info {
    text-align: center;
    font-size: 16px;
    color: #585853;
    i {
      width: 48px;
      height: 48px;
      background-size: contain;
      display: block;
      margin: auto;
    }
  }
}

.after_pay_wrapper {
  display: flex;
  justify-content: center;
  align-content: center;
  text-align: center;
  padding: 60px 0px;
  overflow: hidden;

  .after_pay_image {
    width: 72px;
    height: 72px;
    margin: 0 auto;

    & > img {
      width: 100%;
      height: 100%;
    }
  }

  .after_pay_text {
    font-size: 20px;
  }
}
