按钮定位问题

 <div class="ali-cloud-page yoho-page">
     {{# cloudBo}}
-    <img class="back-img" src="{{image backImg 750 1330}}"></img>
+    <img class="back-img" src="{{image backImg 375 665}}"></img>
     <a class="receive-bottom-btn btn" href="{{btnHref}}">
         
         <img src="{{image btnImg 240 85}}"></img>

 <div class="ali-cloud-page yoho-page">
     {{# cloudRi}}
-     <img class="back-img" src="{{image backImg 750 1330}}"></img>
+     <img class="back-img" src="{{image backImg 375 665}}"></img>
     <a class="receive-right-btn btn" href="{{btnHref}}">
         
         <img src="{{image btnImg 240 85}}"></img>

 .ali-cloud-page {
     overflow: hidden;
+    position: relative;
 
     .back-img {
         width: 100%;
@@ -7,7 +8,7 @@
     }
 
     .btn {
-        position: relative;
+        position: absolute;
         display: block;
         width: 240px;
         height: 80px;
@@ -19,12 +20,12 @@
     }
 
     .receive-bottom-btn {
-        bottom: 225px;
+        bottom: 147px;
         left: 254px;
     }
 
     .receive-right-btn {
         left: 460px;
-        bottom: 245px;
+        bottom: 167px;
     }
 }