update

@@ -15,12 +15,15 @@ var winH = $(window).height(),
     page = 0,
     page = 0,
     gender = $('.mobile-wrap').hasClass('boys-wrap') ? '1,3' : '2,3',
     gender = $('.mobile-wrap').hasClass('boys-wrap') ? '1,3' : '2,3',
     kidsType = $('.mobile-wrap').hasClass('kids-wrap') ? true : false,
     kidsType = $('.mobile-wrap').hasClass('kids-wrap') ? true : false,
+    lifestyleType = $('.mobile-wrap').hasClass('lifestyle-wrap') ? true : false,
     num,
     num,
     url;
     url;
 
 
 ///recom/maylikekids
 ///recom/maylikekids
 if (kidsType) {
 if (kidsType) {
     url = '/product/recom/maylikekids';
     url = '/product/recom/maylikekids';
+} else if (lifestyleType) {
+    url = '/product/recom/maylikelife';
 } else {
 } else {
     url = '/product/recom/maylike?gender=' + gender;
     url = '/product/recom/maylike?gender=' + gender;
 }
 }

@@ -17,4 +17,26 @@
         background: image-url("up-icon.png") no-repeat;
         background: image-url("up-icon.png") no-repeat;
         background-size: 100% 100%;
         background-size: 100% 100%;
     }
     }
+
+    .maybe-like-nav {
+        width: 100%;
+        height: 60rem / $pxConvertRem;
+        padding: 10rem / $pxConvertRem 0;
+        background-color: #fff;
+    }
+
+    .maybe-like-nav-item {
+        box-sizing: border-box;
+        float: left;
+        width: 50%;
+        height: 60rem / $pxConvertRem;
+        line-height: 60rem / $pxConvertRem;
+        text-align: center;
+        color: #ccc;
+        border-right: 1px solid #ccc;
+
+        &.focus {
+            color: #000;
+        }
+    }
 }
 }