其余页面底部导航适配 review by bevishuang

@@ -25,7 +25,7 @@
     </div>
 </div>
 
-<a class="my-group my-group-handler" href="/activity/group/order">我的拼团</a>
+<a class="my-group my-group-handler  iphonex-bottom-tab" href="/activity/group/order">我的拼团</a>
 {{#if shareInfo}}
 <div class='my-share'></div>
 {{/if}}

@@ -97,7 +97,7 @@
     </div>
     <div id="shop-goods-container" class="goods-container">{{{preference}}}</div>
     <div class="cart-bar-fixed">
-        <div class="cart-bar">
+        <div class="cart-bar iphonex-bottom-tab">
             <a href="//m.yohobuy.com/cart/index/index?union_type=100000000013130" class="new-foot-ico" rel="nofollow">
                 <div class="cart-icon"></div>
                 <div class="tip">购物车</div>

-<div class="shop-foot-wrapper">
+<div class="shop-foot-wrapper iphonex-bottom-tab">
     <ul>
         <li data-bp-id="shop_footnav_one_1">
             {{#if category.url}}

@@ -88,7 +88,7 @@
 
     {{!--占位: 购物车部分--}}
     <div id="placeholder-infodata">
-        <div class="cart-bar">
+        <div class="cart-bar  iphonex-bottom-tab">
             <a href="javascript:;" class="new-foot-ico" rel="nofollow">
                 <div class="num-incart iconfont">
                     <span class="num-tag {{#unless @root.cartCount}}hide{{/unless}}">{{@root.cartCount}}</span>

@@ -84,7 +84,7 @@
 
     <div id="productDesc" class="product-desc"></div>
 
-    <div class="cart-bar">
+    <div class="cart-bar iphonex-bottom-tab">
         {{#unless @root.wap.common.removeCartCount}}
             <input type="hidden" id="remove-cart-count" value="1">
         {{/unless}}

-<div class="shop-foot-wrapper">
+<div class="shop-foot-wrapper iphonex-bottom-tab">
     <ul>
         <li data-bp-id="shop_footnav_one_1">
             {{#if category.url}}

-<div class="shop-foot-wrapper">
+<div class="shop-foot-wrapper iphonex-bottom-tab">
     <ul{{#if brandList}} class="foot-list-3"{{/if}}>
         <li data-bp-id="shop_footnav_one_1" class="buriedpoint">
             {{#if shopCategory.url}}

 <div class="chose-panel" data-skn="{{productSkn}}">
-    <div class="main">
+    <div class="main iphonex-bottom-tab">
         <div class="close iconfont">&#xe626;</div>
         <div class="infos">
             <div class="basic-info">

 {{# cartInfo}}
 <div class="chose-panel" data-skn="{{productSkn}}">
-    <div class="main">
+    <div class="main iphonex-bottom-tab">
         <div class="close iconfont">&#xe626;</div>
         <div class="infos {{#if @root.tickets}} tickets-info {{/if}}">
             <div class="basic-info">

 {{# cartInfo}}
 <div class="chose-panel" data-skn="{{productSkn}}">
-    <div class="main">
+    <div class="main iphonex-bottom-tab">
         <div class="close iconfont">&#xe626;</div>
         <div class="infos {{#if @root.tickets}} tickets-info {{/if}}">
             <div class="basic-info">

 {{# cartInfo}}
-<div class="cart-bar{{#if storeGood}} store-good{{/if}}">
+<div class="cart-bar{{#if storeGood}} store-good{{/if}} iphonex-bottom-tab">
     {{#unless @root.wap.common.removeCartCount}}
         <input type="hidden" id="remove-cart-count" value="1">
     {{/unless}}

@@ -631,7 +631,7 @@
         }
 
         .btn-wrap {
-            position: fixed;
+            position: absolute;
             bottom: 0;
             width: 100%;
 

@@ -718,7 +718,7 @@
     }
 
     .btn-wrap {
-        position: fixed;
+        position: absolute;
         bottom: 0;
         width: 100%;
 

@@ -369,7 +369,7 @@
     }
 
     .btn-wrap {
-        position: fixed;
+        position: absolute;
         bottom: 0;
         width: 100%;
 

@@ -31,26 +31,27 @@ body {
     }
 }
 
+.iphonex-bottom-tab {
+    &:after {
+        content: "";
+        display: block;
+        height: 35PX;
+        position: absolute;
+        right: 0;
+        left: 0;
+        bottom: -35PX;
+        background-color: #fff;
+        z-index: 999;
+    }
+}
+
 .iphonex-series {
     .yoho-footer {
         margin-bottom: 93PX;
     }
 
     .iphonex-bottom-tab {
-        transition: bottom 0.2s linear;
         bottom: 34PX !important;
-
-        &:after {
-            content: "";
-            display: block;
-            height: 35PX;
-            position: fixed;
-            right: 0;
-            left: 0;
-            bottom: 0;
-            background-color: #fff;
-            z-index: 999;
-        }
     }
 }