/* 定义支付状态信息的样式 */
.pay-sts {
  /* 设置字体大小为40rpx */
  font-size: 40rpx;
  /* 设置顶部外边距为100rpx，使支付状态信息与页面顶部有一定的间距 */
  margin-top: 100rpx;
  /* 设置上下内边距为30rpx，左右内边距为0，确保文本有足够的内部空间 */
  padding: 30rpx 0;
  /* 文本居中对齐 */
  text-align: center;
}

/* 当支付状态为失败时，设置文本颜色为红色（#f43530），以视觉上突出错误信息 */
.pay-sts.fail {
  color: #f43530;
}

/* 当支付状态为成功时，设置文本颜色为绿色（#19be6b），表示操作成功 */
.pay-sts.succ {
  color: #19be6b;
}

/* 定义按钮组的样式 */
.btns {
  /* 设置顶部外边距为50rpx，使按钮组与上方内容有一定的间距 */
  margin-top: 50rpx;
  /* 文本居中对齐 */
  text-align: center;
  /* 定义默认按钮样式 */
  .button {
    /* 设置圆角半径为10rpx，使按钮看起来更加圆润 */
    border-radius: 10rpx;
    /* 设置字体大小为28rpx */
    font-size: 28rpx;
    /* 设置背景颜色为白色 */
    background: #fff;
    /* 设置文本颜色为深灰色 */
    color: #333;
    /* 设置上下内边距为20rpx，左右内边距为35rpx，确保按钮内的文本有足够的内部空间 */
    padding: 20rpx 35rpx;
    /* 设置按钮宽度为300rpx，确保按钮在不同屏幕尺寸下都能保持一致的宽度 */
    width: 300rpx;
    /* 设置左右外边距为20rpx，确保按钮之间有一定的间距 */
    margin: 0 20rpx;
    /* 文本居中对齐 */
    text-align: center;
  }
  /* 定义“查看订单”按钮的样式 */
  .button.checkorder {
    /* 设置背景颜色为绿色（#19be6b），表示这是一个积极的操作 */
    background: #19be6b;
    /* 设置文本颜色为白色 */
    color: #fff;
    /* 设置底部外边距为20rpx，使按钮与其他元素之间有一定的间距 */
    margin-bottom: 20rpx;
    /* 设置边框为2rpx宽的绿色实线 */
    border: 2rpx solid #19be6b;
  }
  /* 定义“再次支付”按钮的样式 */
  .button.payagain {
    /* 设置背景颜色为白色 */
    background: #fff;
    /* 设置边框为2rpx宽的橙色实线 */
    border: 2rpx solid #f90;
    /* 设置文本颜色为橙色 */
    color: #f90;
  }
  /* 定义“继续购物”按钮的样式 */
  .button.shopcontinue {
    /* 设置背景颜色为白色 */
    background: #fff;
    /* 设置边框为2rpx宽的绿色实线 */
    border: 2rpx solid #19be6b;
    /* 设置文本颜色为绿色 */
    color: #19be6b;
  }
}

/* 定义提示信息的样式 */
.tips {
  /* 设置字体大小为28rpx */
  font-size: 28rpx;
  /* 设置文本颜色为浅灰色（#999），使提示信息显得不那么显眼 */
  color: #999;
  /* 文本居中对齐 */
  text-align: center;
  /* 定义警告信息的样式 */
  .warn {
    /* 设置文本颜色为红色（#f43530），用于突出显示警告或错误信息 */
    color: #f43530;
  }
}
