style(xhc): 调整页面样式布局

- 将再来一包按钮的上下边距从固定像素改为百分比单位
- 修改popup_text1_2类的顶部边距为相对单位
- 调整错误提示文本的顶部边距为百分比单位

pages/xhc/index/index.vue

@@ -105,7 +105,7 @@
                 <view v-show="prizeJson.prizeType == 2 || prizeJson.prize_type == 2"
                       class="center pupup_text3">
                   请凭包装袋到购买门店兑换！</view>
-                <view style="text-align: center;margin: 50px 0px 30px 0px;color: #FF9800;" v-show="prizeJson.prizeType == 2 || prizeJson.prize_type == 2" >
+                <view style="text-align: center;margin: 18% 0px 10% 0px;;color: #FF9800;" v-show="prizeJson.prizeType == 2 || prizeJson.prize_type == 2" >
                   再来一包</view>
                 <view v-show="prizeJson.prizeType == 4 || prizeJson.prize_type == 4">
                   <view class="center jf_text">+ {{prizeJson.point}}积分</view>
@@ -729,7 +729,7 @@
 		font-size: 36rpx;
 		color: #FB911B;
 		text-align: center;
-    margin-top: 91px;
+    margin-top: 36%;
 	}
   .popup_text1_2 {
     font-weight: bold;
@@ -761,7 +761,7 @@
 		font-weight: bold;
 		font-size: 30rpx;
 		color: #FF6B6B;
-		margin-top: 28px;
+		margin-top: 5%;
 	}
 
 	.pupup_textMoney {