Merge branch 'release/5.2' of http://git.yoho.cn/fe/yohobuy-node into release/5.2

@@ -12,6 +12,20 @@ const crypto = global.yoho.crypto;
 
 
 const easypayApi = require('./easypay-api');
 const easypayApi = require('./easypay-api');
 
 
+const handelViewPrice = list => {
+    if (list) {
+        _.forEach(list, val => {
+            if (val.promotion === '商品金额') {
+                val.promotion = '商品总价';
+                val.promotion_amount = `+ ${val.promotion_amount}`;
+            } else {
+                val.promotion_amount = _.replace(val.promotion_amount, '+', '+ ');
+                val.promotion_amount = _.replace(val.promotion_amount, '-', '- ');
+            }
+        });
+    }
+};
+
 const _handelPaymentInfo = (d) => {
 const _handelPaymentInfo = (d) => {
     let resData = {};
     let resData = {};
 
 
@@ -66,6 +80,10 @@ const _handelPaymentInfo = (d) => {
         contractMe: false
         contractMe: false
     };
     };
 
 
+    if (d.shopping_cart_data && d.shopping_cart_data.promotion_formula_list) {
+        handelViewPrice(d.shopping_cart_data.promotion_formula_list);
+    }
+
     Object.assign(resData, {
     Object.assign(resData, {
         paymentWay: d.payment_way,
         paymentWay: d.payment_way,
         deliveryTime: d.delivery_time,
         deliveryTime: d.delivery_time,
@@ -119,7 +137,13 @@ const getOrderComputeData = (uid, cartType, params) => {
 
 
     return easypayApi.getEasypayComputeAsync(uid, cartType, params.paymentType, params.deliveryWay, params).then(result => { // eslint-disable-line
     return easypayApi.getEasypayComputeAsync(uid, cartType, params.paymentType, params.deliveryWay, params).then(result => { // eslint-disable-line
         if (result.code === 200) {
         if (result.code === 200) {
-            result.data.last_order_amount = _.round(result.data.last_order_amount, 2);
+            if (_.has(result, 'data.last_order_amount')) {
+                result.data.last_order_amount = _.round(result.data.last_order_amount, 2);
+            }
+
+            if (_.has(result, 'data.promotion_formula_list')) {
+                handelViewPrice(result.data.promotion_formula_list);
+            }
         }
         }
         return result;
         return result;
     });
     });

@@ -233,6 +233,22 @@ const createConsult = (req, res, next) => {
     }
     }
 };
 };
 
 
+const recommend = (req, res, next) => {
+    let skn = req.query.skn || '';
+    let pageSize = req.query.size || 5;
+    let pageNum = req.query.num || 1;
+
+    if (!skn) {
+        return res.json({
+            code: 400,
+            message: '服务器错误'
+        });
+    }
+
+    service.recommendAsync(skn, pageNum, pageSize)
+        .then(result => res.json(result))
+        .catch(next);
+};
 
 
 module.exports = {
 module.exports = {
     showMain,
     showMain,
@@ -241,7 +257,8 @@ module.exports = {
     indexConsult,
     indexConsult,
     createConsult,
     createConsult,
     productHeader: detailHeader,
     productHeader: detailHeader,
-    detailReturn
+    detailReturn,
+    recommend
 };
 };
 
 
 
 

@@ -104,6 +104,20 @@ const getLimitedProductStatusAsync = (code, uid, skn) => {
     return api.get('', params, config.apiCache);
     return api.get('', params, config.apiCache);
 };
 };
 
 
+/**
+ *
+ * @param skn product_skn
+ * @param sid shop_id
+ */
+const getShopRecommendAsync = (skn, page, limit) => {
+    return api.get('', {
+        method: 'web.product.shopRecommend',
+        product_skn: skn,
+        page: page,
+        limit: limit
+    });
+};
+
 module.exports = {
 module.exports = {
     getProductBannerAsync,
     getProductBannerAsync,
     sizeInfoAsync,
     sizeInfoAsync,
@@ -113,5 +127,6 @@ module.exports = {
     getProductAsync,
     getProductAsync,
     getPromotionAsync,
     getPromotionAsync,
     isSupportReturnedSale,
     isSupportReturnedSale,
-    getLimitedProductStatusAsync
+    getLimitedProductStatusAsync,
+    getShopRecommendAsync
 };
 };

@@ -1234,7 +1234,6 @@ const _detailDataPkg = (origin, uid, vipLevel, cookies) => {
         let notForSale = propOrigin('attribute') === 2; // 非卖品
         let notForSale = propOrigin('attribute') === 2; // 非卖品
         let virtualGoods = propOrigin('attribute') === 3; // 虚拟商品
         let virtualGoods = propOrigin('attribute') === 3; // 虚拟商品
 
 
-
         if (virtualGoods) {
         if (virtualGoods) {
             result.virtualGoods = virtualGoods;
             result.virtualGoods = virtualGoods;
 
 
@@ -1450,6 +1449,57 @@ const showMainAsync = (data) => {
     })();
     })();
 };
 };
 
 
+
+const recommendAsync = (skn, page, limit) => {
+    return co(function * () {
+        let recommendData = yield productAPI.getShopRecommendAsync(skn, page, limit);
+
+        if (_.get(recommendData, 'code', 400) !== 200) {
+            return {
+                code: 400,
+                message: '服务器错误！'
+            };
+        }
+
+        const formatPrice = p => `¥${p}`;
+        const productUrl = (pid, gid, cn) => helpers.urlFormat(`/product/pro_${pid}_${gid}/${cn}.html`, null, 'item');
+        const productImageUrl = Fn.pipe(Fn.prop('default_images'), _.partial(helpers.image, _, 150, 200, 2, 70));
+
+        let products = _.get(recommendData, 'data.product_list', []).map((rp) => {
+            let marketPrice = rp.sales_price;
+            let salePrice = rp.market_price;
+
+            let defaultGoods = _.find(rp.goods_list, {is_default: 'Y'});
+
+            // 无默认商品取商品列表第一个
+            if (!defaultGoods) {
+                defaultGoods = rp.goods_list[0];
+            }
+
+            return {
+                market_price: marketPrice === salePrice ? '' : formatPrice(helpers.round(marketPrice, 2)),
+                price: formatPrice(helpers.round(salePrice, 2)),
+                product_name: rp.product_name,
+                url: productUrl(rp.product_id, defaultGoods.goods_id, rp.cn_alphabet),
+                pic_url: productImageUrl(rp)
+            };
+        });
+
+        return {
+            code: 200,
+            data: {
+                pager: {
+                    total: _.get(recommendData, 'page_total', 0),
+                    size: _.get(recommendData, 'page_size', 5),
+                    num: _.get(recommendData, 'page', 1)
+                },
+                products: products,
+                total: _.get(recommendData, 'total', 0)
+            }
+        };
+    })();
+};
+
 module.exports = {
 module.exports = {
     getShareOrderListAsync: commentService.getShareOrderListAsync, // 获取评论列表
     getShareOrderListAsync: commentService.getShareOrderListAsync, // 获取评论列表
     indexConsultAsync: consultService.indexAsync, // 获取咨询列表
     indexConsultAsync: consultService.indexAsync, // 获取咨询列表
@@ -1458,5 +1508,6 @@ module.exports = {
     indexHotAreaAsync: hotAreaService.indexAsync, // 获取某一个商品的热区数据
     indexHotAreaAsync: hotAreaService.indexAsync, // 获取某一个商品的热区数据
     saveRecentGoodInCookies, // 保存最近的商品
     saveRecentGoodInCookies, // 保存最近的商品
     getDetailHeader,
     getDetailHeader,
-    saleReturn
+    saleReturn,
+    recommendAsync
 };
 };

@@ -64,6 +64,7 @@ router.post('/index/favoriteBrand', favorite.changeFavoriteBrand);// 收è—å“ç‰
 router.post('/item/togglecollect', favorite.collectProduct); // 收藏商品
 router.post('/item/togglecollect', favorite.collectProduct); // 收藏商品
 router.get('/detail/header', detail.productHeader); // 价格数据重新获取接口
 router.get('/detail/header', detail.productHeader); // 价格数据重新获取接口
 router.get('/detail/return', detail.detailReturn);// 特殊商品退换货
 router.get('/detail/return', detail.detailReturn);// 特殊商品退换货
+router.get('/detail/recommend', detail.recommend);// 推荐商品
 router.get('/index/isfav', favorite.isFavoriteBrand);// 品牌收藏状态
 router.get('/index/isfav', favorite.isFavoriteBrand);// 品牌收藏状态
 router.get('/detail/coupon', auth, coupon.acquire); // 获得优惠券
 router.get('/detail/coupon', auth, coupon.acquire); // 获得优惠券
 
 

@@ -233,6 +233,16 @@
                 </div>
                 </div>
 
 
                 {{# consultComment}}
                 {{# consultComment}}
+                    <div class="lazy-load-object">
+                            <textarea class="datalazyload" style="visibility: hidden;">
+                                <script>
+                                    fetchComment();
+                                    fetchReturn();
+                                    loadRecommend();
+                                </script>
+                            </textarea>
+                    </div>
+
                     <div class="consult-comment info-block">
                     <div class="consult-comment info-block">
 
 
                         <p class="block-title">
                         <p class="block-title">
@@ -303,16 +313,6 @@
                                 </p>
                                 </p>
                             </div>
                             </div>
                         </div>
                         </div>
-
-                        <div class="lazy-load-object">
-                            <textarea class="datalazyload" style="visibility: hidden;">
-                                <script>
-                                    fetchComment();
-                                    fetchReturn();
-                                </script>
-                            </textarea>
-                        </div>
-
                     </div>
                     </div>
                 {{/ consultComment}}
                 {{/ consultComment}}
 
 
@@ -354,23 +354,36 @@
 
 
                 <div class="service"></div>
                 <div class="service"></div>
                 {{#unless @root.pc.product.removeRecentView}}
                 {{#unless @root.pc.product.removeRecentView}}
-                    {{#if latestWalk}}
-                        <div class="info-block latest-walk">
-                            <input id="latest-walk-count" type="hidden" value="{{latestWalk}}">
-                            <p class="block-title">
-                                <span class="title cur">最近浏览 RECENT REVIEW</span>
-                            </p>
-                            <div id="latest-walk-goods" class="goods clearfix"></div>
-                            {{> product/latest-walk-tpl}}
+                    <div class="individual-comment info-block">
+                      <p class="block-title">
+                        <span class="title cur">店铺推荐 SHOP RECOMMENDED</span>
+                        <span class="sep">|</span>
+                        <span class="title">最近浏览 RECENT REVIEW</span>
+                      </p>
+                      {{#if latestWalk}}
+                        <div class="latest-walk">
+                          <input id="latest-walk-count" type="hidden" value="{{latestWalk}}">
+                          <div id="latest-walk-goods" class="goods clearfix"></div>
+                          {{> product/latest-walk-tpl}}
                         </div>
                         </div>
-                    {{/if}}
+                      {{/if}}
+
+                      <div id="recommend-shop" class="hide">
+                          <div class="recommend-content clearfix">
+                              <div class="recommend-slider">
+                                  <ul class=" img-list" id="recommend-content"></ul>
+                                  <div class="img-brand-switch">
+                                      <a class="prev iconfont" href="javascript:;">&#xe609;</a>
+                                      <a class="next iconfont" href="javascript:;">&#xe608;</a>
+                                  </div>
+                              </div>
+                          </div>
+                      </div>
+                    </div>
                 {{/unless}}
                 {{/unless}}
             </div>
             </div>
         </div>
         </div>
     {{/ detail}}
     {{/ detail}}
-    <script id="consults-tpl" type="text/html">
-
-    </script>
 </div>
 </div>
 
 
 {{# statGoodsInfo}}
 {{# statGoodsInfo}}

+
+
+

@@ -17,11 +17,16 @@ module.exports = {
     cookieDomain: '.yohobuy.com',
     cookieDomain: '.yohobuy.com',
     domains: {
     domains: {
         favApi: 'http://192.168.102.31:8092/brower',
         favApi: 'http://192.168.102.31:8092/brower',
-        api: 'http://api-test1.yohops.com:9999/',
-        service: 'http://service-test1.yohops.com:9999/',
+
+        // api: 'http://api-test1.yohops.com:9999/',
+        // service: 'http://service-test1.yohops.com:9999/',
 
 
         // api: 'http://api.yoho.cn/',
         // api: 'http://api.yoho.cn/',
         // service: 'http://service.yoho.cn/',
         // service: 'http://service.yoho.cn/',
+
+        api: 'http://dev-api.yohops.com:9999/',
+        service: 'http://dev-service.yohops.com:9999/',
+
         search: 'http://192.168.102.216:8080/yohosearch/'
         search: 'http://192.168.102.216:8080/yohosearch/'
     },
     },
     subDomains: {
     subDomains: {
@@ -67,7 +72,7 @@ module.exports = {
             port: '4444' // influxdb port
             port: '4444' // influxdb port
         },
         },
         console: {
         console: {
-            level: 'error',
+            level: 'info',
             colorize: 'all',
             colorize: 'all',
             prettyPrint: true
             prettyPrint: true
         }
         }
@@ -116,10 +121,10 @@ if (isProduction) {
             master: ['memcache1.yohoops.org:12111', 'memcache2.yohoops.org:12111', 'memcache3.yohoops.org:12111'],
             master: ['memcache1.yohoops.org:12111', 'memcache2.yohoops.org:12111', 'memcache3.yohoops.org:12111'],
             slave: ['memcache1.yohoops.org:12112', 'memcache2.yohoops.org:12112', 'memcache3.yohoops.org:12112'],
             slave: ['memcache1.yohoops.org:12112', 'memcache2.yohoops.org:12112', 'memcache3.yohoops.org:12112'],
             session: ['memcache1.yohoops.org:12111', 'memcache2.yohoops.org:12111', 'memcache3.yohoops.org:12111'],
             session: ['memcache1.yohoops.org:12111', 'memcache2.yohoops.org:12111', 'memcache3.yohoops.org:12111'],
-            poolSize: 100,
+            poolSize: 25,
             reconnect: 5000,
             reconnect: 5000,
             timeout: 300,
             timeout: 300,
-            retries: 0,
+            retries: 1,
             retry: 3000
             retry: 3000
         },
         },
         useOneapm: true,
         useOneapm: true,

@@ -12,8 +12,4 @@
         </div>
         </div>
     \{{/ latestWalk}}
     \{{/ latestWalk}}
 </script>
 </script>
-<div class="lazy-load-object">
-         <textarea class="latest-walk-datalazyload" style="visibility: hidden;">
-            <script> fetchLatestWalk(); </script>
-         </textarea>
-</div>
+

@@ -7,5 +7,11 @@
         </div>
         </div>
 
 
         {{> product/latest-walk-tpl}}
         {{> product/latest-walk-tpl}}
+
+        <div class="lazy-load-object">
+         <textarea class="latest-walk-datalazyload" style="visibility: hidden;">
+            <script> fetchLatestWalk(); </script>
+         </textarea>
+        </div>
     {{/if}}
     {{/if}}
 {{/unless}}
 {{/unless}}

+{{# products}}
+    <li class="img-item">
+        <div class="good">
+            <a href="{{url}}" target="_blank">
+                <img class="lazy" src="{{pic_url}}"/>
+            </a>
+            <a class="name" href="{{url}}" target="_blank">{{product_name}}</a>
+            <p class="price">
+                <span class="market-price">{{market_price}}</span>
+                <span class="sale-price">{{price}}</span>
+            </p>
+        </div>
+    </li>
+{{/ products}}

@@ -49,6 +49,9 @@ function isEmpty(el) {
     return !$.trim(el.html());
     return !$.trim(el.html());
 }
 }
 
 
+require('../plugins/slider');
+require('../common/center-slider');
+
 bindEvent.add(function() {
 bindEvent.add(function() {
     var $imgShow = $('#img-show'),
     var $imgShow = $('#img-show'),
         $thumbs = $('#thumbs > .thumb-wrap');
         $thumbs = $('#thumbs > .thumb-wrap');
@@ -789,9 +792,6 @@ function fetchComment() {
                     return;
                     return;
                 }
                 }
 
 
-                // 更新总数显示
-                // $commentNum.text(res[0].total);
-
                 if (filter && filter.length && !cNumReady) {
                 if (filter && filter.length && !cNumReady) {
                     cNumReady = true;
                     cNumReady = true;
                     $(filter).each(function(idx, fit) {
                     $(filter).each(function(idx, fit) {
@@ -815,13 +815,6 @@ function fetchComment() {
         });
         });
     }
     }
 
 
-    // 购买有图评价
-    /* function loadPicComments() {
-        loadComments(commentType.PIC).then(function(data){
-
-        });
-    }*/
-
     // 顾客咨询
     // 顾客咨询
     function loadConsults() {
     function loadConsults() {
         if (loadingConsults) {
         if (loadingConsults) {
@@ -1019,6 +1012,78 @@ $('.comments').on('click', '.img-preview [data-role="preview-right"]', function(
     $img.css('transform', 'rotate(' + rotate + 'deg)');
     $img.css('transform', 'rotate(' + rotate + 'deg)');
 });
 });
 
 
+// 店铺推荐
+function loadRecommend() {
+    $.ajax({
+        type: 'GET',
+        url: '/product/detail/recommend',
+        data: {
+            skn: skn,
+            size: 20,
+            num: 1
+        }
+    }).then(function(data) {
+        var pro = data.data.products;
+        var recommendTpl = require('hbs/product/recommend.hbs');
+        var html = recommendTpl(data.data);
+
+        if (data.code === 200) {
+            if (pro.length === 0) {
+                $('.individual-comment').find('.block-title .title:first-child').addClass('hide');
+                $('.individual-comment').find('.block-title').find('.title')
+                  .addClass('cur').prev('.sep').addClass('hide');
+                $('#recommend-shop').detach();
+            }
+
+            $('#recommend-shop').removeClass('hide');
+            $('#recommend-content').append(html);
+            $('.recommend-slider').slider2({
+                shownum: 5,
+                isCircle: false
+            });
+        } else {
+            $('.individual-comment').find('.block-title .title:first-child').addClass('hide');
+            $('.individual-comment').find('.block-title').find('.title').addClass('cur').prev('.sep').addClass('hide');
+            $('#recommend-shop').detach();
+        }
+    });
+}
+
+window.loadRecommend = loadRecommend;
+
+// 推荐和浏览切换
+$('.individual-comment').on('click', '.title', function() {
+    var $this = $(this),
+        index = $this.index();
+
+    var $latestWalk = $('.latest-walk'),
+        $recommendComment = $('#recommend-shop');
+
+    if ($this.hasClass('cur')) {
+        return;
+    }
+
+    $this.addClass('cur');
+    $this.siblings('.cur').removeClass('cur');
+
+    if (index === 0) {
+        // 店铺推荐
+        $recommendComment.slideDown(SLIDETIME);
+        $latestWalk.slideUp(SLIDETIME);
+    } else {
+        // 最近游览
+        fetchLatestWalk();  // eslint-disable-line
+        $recommendComment.slideUp(SLIDETIME);
+        $latestWalk.slideDown(SLIDETIME);
+    }
+});
+
+$('.recommend-content').find('.iconfont').mouseenter(function() {
+    $(this).addClass('focus');
+}).mouseleave(function() {
+    $(this).removeClass('focus');
+});
+
 // 特殊商品退换货
 // 特殊商品退换货
 function fetchReturn() {
 function fetchReturn() {
     return $.ajax({
     return $.ajax({

@@ -18,6 +18,10 @@ function fetchLatestWalk() {
         return;
         return;
     }
     }
 
 
+    if ($('#latest-walk-goods').html()) {
+        return;
+    }
+
     tpl = Handlebars.compile($('#latest-walk-tpl').html());
     tpl = Handlebars.compile($('#latest-walk-tpl').html());
 
 
     $.ajax({
     $.ajax({
@@ -51,6 +55,7 @@ function fetchLatestWalk() {
                 }
                 }
 
 
                 if (latestWalk.length > 0) {
                 if (latestWalk.length > 0) {
+
                     $('#latest-walk-goods').html(tpl({
                     $('#latest-walk-goods').html(tpl({
                         latestWalk: latestWalk
                         latestWalk: latestWalk
                     }));
                     }));

+// /**
+//  * 最近浏览取接口渲染模板
+//  * @author: xuhui<xuhui.ge@yoho.cn>
+//  8 @date: 2016/11/09
+//  */
+//
+// var $ = require('yoho-jquery');
+// var Handlebars = require('yoho-handlebars');
+// var lazyLoad = require('yoho-jquery-lazyload');
+// var dataLazyLoad = require('../../plugins/lazy-load')(document);
+//
+//
+// function shopRecommend() {
+//   var tpl;
+//
+//   tpl = Handlebars.compile($('#recommend-shop').html());
+//
+//   $.ajax({
+//     url: 'product/detail/recommend',
+//
+//     success: function(data) {
+//       var recommendShop = [],
+//         res, i, cur;
+//
+//       if (data.code === 200) {
+//         res = data.data;
+//
+//         for (i = 0; i < res.length; i++) {
+//           cur = res[i];
+//
+//           recommendShop.push({
+//             href: cur.url,
+//             img: cur.pic_url,
+//             name: cur.product_name,
+//             salePrice: cur.price
+//           });
+//         }
+//
+//         if (recommendShop.length > 0) {
+//           $('#recommend-shop').html(tpl({
+//             recommendShop: recommendShop
+//           }));
+//
+//           lazyLoad($('#recommend-shop .lazy'));
+//         }
+//       }
+//     }
+//   });
+// }
+//
+// window.shopRecommend = shopRecommend;
+//
+// // 数据懒加载
+// dataLazyLoad.init({cls: '.latest-walk-datalazyload', threshold: 700});

@@ -42,7 +42,7 @@ var couponPickConfig = {
         className: 'top-coupon-dialog',
         className: 'top-coupon-dialog',
         btns: [{
         btns: [{
             id: 1,
             id: 1,
-            name: '去使用',
+            name: '关闭',
             btnClass: ['btn-close']
             btnClass: ['btn-close']
         }]
         }]
     },
     },
@@ -151,6 +151,7 @@ function syncCouponStatus() {
                         coup.status === 3 ? setPicked(couponObj[i]) : false;
                         coup.status === 3 ? setPicked(couponObj[i]) : false;
                     } else {
                     } else {
                         couponObj[i].status = 2; // 券不存在设置领取状态为已领光
                         couponObj[i].status = 2; // 券不存在设置领取状态为已领光
+                        couponObj[i].dom.text('已领光');
                     }
                     }
                 }
                 }
             }
             }

@@ -1227,6 +1227,7 @@
 
 
     .not-support-saleReturned-service {
     .not-support-saleReturned-service {
         $service: product/limit.png;
         $service: product/limit.png;
+
         width: width($service);
         width: width($service);
         height: height($service);
         height: height($service);
         margin: 45px auto;
         margin: 45px auto;
@@ -1235,6 +1236,7 @@
 
 
     .latest-walk {
     .latest-walk {
         overflow: inherit;
         overflow: inherit;
+        border-top: none;
 
 
         .goods {
         .goods {
             width: 1010px;
             width: 1010px;
@@ -1366,6 +1368,121 @@
             }
             }
         }
         }
     }
     }
+
+    .individual-comment {
+
+        .block-title {
+
+           .sep {
+               &+.title {
+                  margin-right: 34px;
+               }
+           }
+        }
+    }
+
+    .recommend-content {
+        position: relative;
+        height: 280px;
+        overflow: hidden;
+
+        .recommend-slider {
+            margin: 0 80px;
+            box-sizing: border-box;
+            width: 990px;
+            height: 280px;
+            overflow: hidden;
+        }
+
+        ul {
+            height: 100%;
+        }
+
+        li {
+            float: left;
+            width: 200px;
+            height: 280px;
+            overflow: hidden;
+        }
+
+        .img-brand-switch {
+            display: block;
+
+            a {
+                position: absolute;
+                top: 50%;
+                margin-top: -40px;
+                font-size: 24px;
+                color: #fff;
+                width: 40px;
+                height: 32px;
+                padding-top: 8px;
+                text-align: center;
+                background-color: #b0b0b0;
+
+                &.focus {
+                    background-color: #444;
+                }
+
+                &.prev {
+                    left: 0;
+                }
+
+                &.next {
+                    right: 0;
+                }
+            }
+        }
+
+        .good {
+            float: left;
+            width: 180px;
+            margin-right: 22px;
+
+            a {
+                cursor: pointer;
+
+                & > div {
+                    background-color: #f4f7f6;
+                }
+            }
+
+            img {
+                display: block;
+                width: 180px;
+                height: 240px;
+            }
+
+            .name {
+                display: block;
+                max-width: 150px;
+                height: 18px;
+                line-height: 16px;
+                margin: 5px 0;
+                color: #222;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                white-space: nowrap;
+            }
+
+            .price {
+                color: #222;
+                font-weight: 700;
+                margin-top: 5px;
+            }
+
+            .market-price {
+                color: #999;
+                margin-right: 5px;
+                text-decoration: line-through;
+            }
+
+            .sale-price {
+                color: #000;
+                font-weight: 700;
+            }
+        }
+    }
 }
 }
 
 
 .coupon-big {
 .coupon-big {