.refund-confirm-popup { height: 60vh; min-height: 760rpx; background: #fff; border-top-left-radius: 24rpx; border-top-right-radius: 24rpx; overflow: hidden; display: flex; flex-direction: column; } .refund-confirm-popup__header { height: 100rpx; display: flex; align-items: center; justify-content: center; position: relative; font-size: 34rpx; font-weight: 600; background: #f2f2f2; } .refund-confirm-popup__close { position: absolute; right: 24rpx; width: 72rpx; height: 96rpx; line-height: 96rpx; text-align: center; font-size: 42rpx; color: #555; } .refund-confirm-popup__header-spacer { width: 72rpx; } .refund-confirm-popup__content { flex: 1; padding: 14rpx 18rpx; overflow: auto; background: #fff; } .goods-card { display: flex; align-items: center; gap: 18rpx; background: #fff; padding: 16rpx; border-radius: 12rpx; // border: 1rpx solid #f3f3f3; margin-bottom: 10px; } .goods-card__icon { width: 112rpx; height: 112rpx; border-radius: 10rpx; background: #efefef; } .goods-card__icon--placeholder { display: flex; align-items: center; justify-content: center; background: #f5f5f5; } .placeholder-icon { font-size: 48rpx; } .goods-card__main { flex: 1; // margin-left: 15px; } .goods-card__name { font-size: 32rpx; font-weight: 500; margin-bottom: 10px; } .goods-card__meta { font-size: 26rpx; color: #a0a0a0; margin-top: 8rpx; } .goods-card__right { text-align: center; } .goods-card__price { font-size: 34rpx; font-weight: 600; margin-bottom: 10px; } .goods-card__count { font-size: 26rpx; color: #8f8f8f; margin-top: 6rpx; } .form-row { display: flex; justify-content: space-between; align-items: center; min-height: 74rpx; padding: 0 10rpx; position: relative; z-index: 10; } .label { font-size: 32rpx; color: #222; } .value { font-size: 30rpx; color: #222; } .value.select { color: #333; border: 1rpx solid #c8c8c8; border-radius: 10rpx; font-size: 26rpx; padding: 10rpx 20rpx; display: flex; } .refund-status-value { padding: 6rpx 10rpx; } .refund-status-radio-group { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; gap: 18rpx; } .value.link { color: #222; display: flex; align-items: center; justify-content: flex-end; // gap: 10rpx; } .arrow-icon { display: flex; align-items: center; justify-content: center; color: #b0b0b0; } .edit-icon { display: flex; align-items: center; justify-content: center; } .value.red { color: #e81818; } .value.amount { font-weight: 600; } .amount-title { font-weight: 600; } .divider { height: 1rpx; background: #f0f0f0; margin: 20rpx 0rpx 20rpx 0rpx; } .refund-confirm-popup__footer { flex-shrink: 0; background: #fff; padding: 20rpx 32rpx 32rpx; box-shadow: 0 -2rpx 12rpx rgba(0, 0, 0, 0.06); } .refund-amount-line { color: #e81818; font-size: 35rpx; margin-bottom: 10rpx; display: flex; align-items: center; } .submit-btn { width: 100%; height: 88rpx; line-height: 88rpx; text-align: center; border-radius: 12rpx; background: #2f6df6; color: #fff; font-size: 30rpx; font-weight: 500; } .wechat-price { font-weight: 600; color: #e81818; } .amount-popup { width: 640rpx; background: #fff; border-radius: 16rpx; overflow: hidden; box-shadow: 0 16rpx 48rpx rgba(0, 0, 0, 0.18); } .amount-popup__header { position: relative; display: flex; align-items: center; justify-content: center; padding: 30rpx 24rpx 18rpx; font-size: 34rpx; font-weight: 600; color: #111; } .amount-popup__body { padding: 8rpx 36rpx 34rpx; display: flex; flex-direction: column; align-items: center; } .hint { width: 520rpx; font-size: 26rpx; color: #8a8a8a; text-align: left; } .amount-input { margin-top: 22rpx; border: 2rpx solid #d8d8d8; width: 520rpx; height: 78rpx; line-height: 78rpx; padding: 0 18rpx; font-size: 34rpx; color: #111; box-sizing: border-box; } .actions { margin-top: 26rpx; display: flex; justify-content: center; gap: 28rpx; width: 520rpx; } .action-item { flex: 1; } .action-btn { border-radius: 8rpx !important; } .confirm-btn { margin-left: 20rpx !important; }