update

 <template>
   <LayoutApp :show-back="true" title="出售" :back-action="backAction">
-    <div class="order-page">
+    <div class="body">
 <!--      <Scroll :options="scrollOption">-->
-      <div class="container">
-        <ProductInfo :data="productDetail" class="product-info"></ProductInfo>
-        <InputPrice @input="changePrice"
-                    :num="num" :value="price"
-                    @on-blur="compute" :super-sell="superSell"
-                    @on-num-change="onNumChange"
-        >
-        </InputPrice>
-        <OrderMargin class="order-item order-margin" :data="fee" :super-sell="superSell" :url="tipUrl"></OrderMargin>
-        <OrderFee class="order-item" :data="fee"></OrderFee>
-        <AddressInfo :data="address" class="order-item"></AddressInfo>
-        <div class="white-space"></div>
-      </div>
+      <ProductInfo :data="productDetail" class="product-info"></ProductInfo>
+      <InputPrice @input="changePrice"
+                  :num="num" :value="price"
+                  @on-blur="compute" :super-sell="superSell"
+                  @on-num-change="onNumChange"
+      >
+      </InputPrice>
+      <OrderMargin class="order-item order-margin" :data="fee" :super-sell="superSell" :url="tipUrl"></OrderMargin>
+      <OrderFee class="order-item" :data="fee"></OrderFee>
+      <AddressInfo :data="address" class="order-item"></AddressInfo>
 <!--      </Scroll>-->
     </div>
     <div class="footer">
@@ -365,27 +362,11 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.order-page {
-  position: absolute;
-  overflow-y: scroll;
-  overflow-x: hidden;
-  -webkit-overflow-scrolling: touch;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-
-  .container {
-    position: relative;
-    display: block;
-    padding: 0 40px;
-    overflow: hidden;
-  }
-
-  .white-space {
-    position: relative;
-    height: 200px;
-  }
+.body {
+  height: 100%;
+  margin: 0 40px;
+  padding-bottom: 200px;
+  overflow-y: auto;
 }
 
 .order-item {