不兼容 PHP session

@@ -19,9 +19,9 @@ const cookieParser = require('cookie-parser');
 const favicon = require('serve-favicon');
 const favicon = require('serve-favicon');
 const session = require('yoho-express-session');
 const session = require('yoho-express-session');
 const memcached = require('yoho-connect-memcached');
 const memcached = require('yoho-connect-memcached');
-const uuid = require('uuid');
 const _ = require('lodash');
 const _ = require('lodash');
 const pkg = require('./package.json');
 const pkg = require('./package.json');
+const cookie = require('./library/cookie');
 
 
 const app = express();
 const app = express();
 const MemcachedStore = memcached(session);
 const MemcachedStore = memcached(session);
@@ -32,9 +32,6 @@ global.library = path.resolve('./library');
 global.middleware = path.resolve('./doraemon/middleware');
 global.middleware = path.resolve('./doraemon/middleware');
 global.utils = path.resolve('./utils');
 global.utils = path.resolve('./utils');
 
 
-
-
-
 // 向模板注入变量
 // 向模板注入变量
 app.locals.devEnv = app.get('env') === 'development';
 app.locals.devEnv = app.get('env') === 'development';
 app.locals.version = pkg.version;
 app.locals.version = pkg.version;
@@ -47,23 +44,21 @@ app.use(express.static(path.join(__dirname, 'public')));
 app.use(bodyParser.json());
 app.use(bodyParser.json());
 app.use(bodyParser.urlencoded({extended: false}));
 app.use(bodyParser.urlencoded({extended: false}));
 app.use(cookieParser());
 app.use(cookieParser());
+
 app.use(session({
 app.use(session({
     proxy: true,
     proxy: true,
     resave: false,
     resave: false,
     saveUninitialized: true,
     saveUninitialized: true,
     unset: 'destroy',
     unset: 'destroy',
-    secret: 'nothing', // 兼容 PHP SESSION，sessionID 不加密
-    name: 'PHPSESSID', // 兼容 PHP SESSION
-    genid: () => {
-        return uuid.v4(); // 兼容 PHP SESSION
-    },
+    secret: '82dd7e724f2c6870472c89dfa43cf48d',
+    name: 'yohobuy_session',
     cookie: {
     cookie: {
-        domain: 'yohobuy.com'
+        domain: 'yohobuy.com',
+        httpOnly: false
     },
     },
     store: new MemcachedStore({
     store: new MemcachedStore({
         hosts: config.memcache.session,
         hosts: config.memcache.session,
-        prefix: 'qinsessionsession:',  // 兼容 PHP SESSION
-        key: 'yohobuy_session'  // 兼容 PHP SESSION
+        prefix: 'yohobuy_session:'
     })
     })
 }));
 }));
 
 
@@ -75,12 +70,15 @@ app.use((req, res, next) => {
         req.user.uid = req.session._LOGIN_UID;
         req.user.uid = req.session._LOGIN_UID;
     }
     }
 
 
+    // session 没有读取到的时候，从 cookie 读取 UID
+    if (!req.user.uid && req.cookies._UID) {
+        req.user.uid = cookie.getUid(req);
+    }
     next();
     next();
 });
 });
 
 
 app.use(seo());
 app.use(seo());
 
 
-
 // dispatcher
 // dispatcher
 require('./dispatch')(app);
 require('./dispatch')(app);
 
 

@@ -3,6 +3,9 @@
  * @param  {[object]} req
  * @param  {[object]} req
  * @return {[string]}
  * @return {[string]}
  */
  */
+'use strict';
+const sign = require('./sign');
+
 exports.getUid = (req) => {
 exports.getUid = (req) => {
     const cookie = req.cookies._UID;
     const cookie = req.cookies._UID;
     let _uid = 0;
     let _uid = 0;
@@ -19,5 +22,14 @@ exports.getUid = (req) => {
         }
         }
     }
     }
 
 
+    // 校验 cookie 的 uid 有没有被修改
+    if (req.cookies._TOKEN !== sign.makeToken(_uid)) {
+        _uid = 0;
+    }
+
     return _uid;
     return _uid;
 };
 };
+
+exports.getShoppingKey = (req) => {
+    return req.cookies['_SPK'] ? req.cookies['_SPK'] : ''; // eslint-disable-line
+};

 @charset "utf-8";
 @charset "utf-8";
 
 
 /* 公共 */
 /* 公共 */
+/*
+公共样式
+*/
+.g-list li{
+    float: left;
+}
+.g-list li a{
+    position: relative;
+    display: block;
+    overflow: hidden;
+}
+.g-list li a img{
+    width: 100%;
+    height: 100%;
+}
+/*
+    楼层头部样式
+    */
+.yoho-page .floor-header{
+    position: relative;
+    margin: 80px 0 40px;
+}
+.yoho-page .floor-header .floor-title{
+    margin: 0 auto;
+    width: 298px;
+    height: 31px;
+    line-height: 31px;
+    border: 1px solid #000;
+    font-size: 16px;
+    text-align: center;
+}
+.yoho-page .floor-header .header-navs{
+    position: absolute;
+    padding: 10px 0;
+    top: 0;
+    right: 0;
+    font-size: 14px;
+}
+.yoho-page .floor-header .header-navs li{
+    float: left;
+    padding: 1px 15px;
+    border-left: 1px solid #ccc;
+}
+.yoho-page .floor-header .header-navs li a{
+    color: #333;
+}
+.yoho-page .floor-header .header-navs li:first-child{
+    border-left: none;
+}
+.yoho-page .floor-header .header-navs li:hover{
+    text-decoration: underline;
+}
+/*
+热门推荐模板样式
+*/
+.home-page .tpl-recommend{
+    width: 100%;
+    position: relative;
+}
+.home-page .tpl-recommend a{
+    display: block;
+}
+.home-page .tpl-recommend a img{
+    display: block;
+    width: 100%;
+    height: 100%;
+}
+.home-page .tpl-recommend .tpl-body{
+    margin-bottom: 8px;
+}
+.home-page .tpl-recommend .tpl-nav{
+    float: left;
+    overflow: hidden;
+}
+.home-page .tpl-recommend .tpl-nav .tpl-keywords{
+    margin-bottom: 8px;
+}
+.home-page .tpl-recommend .tpl-nav .tpl-category{
+    padding: 10px 0;
+    background-color: #f8f8f8;
+    overflow: hidden;
+}
+.home-page .tpl-recommend .tpl-nav .tpl-category a{
+    float: left;
+    width: 50%;
+    text-align: center;
+    color: #000;
+    overflow: hidden;
+}
+.home-page .tpl-recommend .tpl-brands{
+    float: left;
+    overflow: hidden;
+    margin-left: 8px;
+}
+.home-page .tpl-recommend .tpl-brands li{
+    margin-top: 8px;
+}
+.home-page .tpl-recommend .tpl-types{
+    float: left;
+    overflow: hidden;
+    margin-top: -8px;
+    width: 579px;
+}
+.home-page .tpl-recommend .tpl-types li{
+    float: left;
+    margin-left: 8px;
+    margin-top: 8px;
+}
+.home-page .tpl-recommend .tpl-types li a{
+    width: 185px;
+    height: 248px;
+}
+.home-page .tpl-recommend .tpl-products{
+    overflow: hidden;
+    margin-left: -10px;
+}
+.home-page .tpl-recommend .tpl-products li{
+    float: left;
+    margin-left: 10px;
+}
+.home-page .tpl-recommend .tpl-products li a{
+    width: 222px;
+    height: 298px;
+}
+.home-page .tpl-recommend .tpl-nav{
+    width: 185px;
+}
+.home-page .tpl-recommend .tpl-nav .keywords0, .home-page .tpl-recommend .tpl-nav .keywords1, .home-page .tpl-recommend .tpl-nav .keywords2{
+    margin-bottom: 10px;
+    height: 76px;
+}
+.home-page .tpl-recommend .tpl-nav .keywords2{
+    margin-bottom: 0;
+}
+.home-page .tpl-recommend .tpl-nav .tpl-category{
+    height: 228px;
+}
+.home-page .tpl-recommend .tpl-nav .tpl-category a{
+    height: 38px;
+    line-height: 38px;
+    font-size: 14px;
+}
+.home-page .tpl-recommend .tpl-brands{
+    width: 378px;
+    height: 512px;
+}
+.home-page .tpl-recommend .tpl-brands li a{
+    height: 248px;
+}
+/*
+人气单品
+*/
+.home-page .flash-sale .flash-sale-list{
+    margin-left: -10px;
+}
+.home-page .flash-sale .flash-sale-list a{
+    height: 340px;
+    width: 560px;
+}
+.home-page .flash-sale .flash-sale-list li{
+    margin: 10px;
+}
+.home-page .flash-sale .flash-sale-list .flash-sale-banner{
+    position: relative;
+    height: 260px;
+}
+.home-page .flash-sale .flash-sale-list .flash-sale-bottom{
+    height: 78px;
+    position: relative;
+    border: 1px solid #000;
+    border-top-style: none;
+}
+.home-page .flash-sale .flash-sale-list p.flash-sale-count{
+    position: absolute;
+    left: 50px;
+    top: 20px;
+}
+.home-page .flash-sale .flash-sale-list p.flash-sale-name{
+    position: absolute;
+    left: 120px;
+    top: 20px;
+}
+.home-page .flash-sale .flash-sale-list p.flash-sale-timer{
+    position: absolute;
+    left: 50px;
+    top: 50px;
+}
+.home-page .flash-sale .flash-sale-list .flash-sale-logo{
+    position: absolute;
+    right: 50px;
+    width: 100px;
+    height: 80px;
+}
+.home-page .flash-sale .flash-sale-list .flash-sale-logo img{
+    width: 100px;
+    height: 50px;
+    margin-top: 15px;
+}
 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{
 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{
     margin: 0;
     margin: 0;
     padding: 0;
     padding: 0;
@@ -550,6 +748,11 @@ a{
 .yoho-header .head-wrapper .main-nav-list .cure a{
 .yoho-header .head-wrapper .main-nav-list .cure a{
     color: #fff;
     color: #fff;
 }
 }
+.yoho-header .head-wrapper .main-nav-list .menu-ico{
+    width: 80px;
+    height: 32px;
+    display: block;
+}
 .yoho-header .head-wrapper .outlets-logo{
 .yoho-header .head-wrapper .outlets-logo{
     background: url('../img/layout/outlets.png') no-repeat center center;
     background: url('../img/layout/outlets.png') no-repeat center center;
     width: 200px;
     width: 200px;
@@ -761,7 +964,7 @@ a{
     line-height: 40px;
     line-height: 40px;
     padding-right: 46px;
     padding-right: 46px;
     box-sizing: border-box;
     box-sizing: border-box;
-    margin-right: 38px;
+    margin-right: 36px;
     display: inline-block;
     display: inline-block;
 }
 }
 .yoho-header .nav-wrapper .sub-nav-list .newlogo{
 .yoho-header .nav-wrapper .sub-nav-list .newlogo{
@@ -1323,43 +1526,234 @@ a{
     font-size: 12px;
     font-size: 12px;
     outline: none;
     outline: none;
 }
 }
-
-/* 模块 */
-.home-page{
-    width: 1150px;
-    margin: 10px auto 0;
+.slider{
+    position: relative;
+    height: 327px;
+    width: 100%;
+    overflow: hidden;
 }
 }
-.home-page .slide-container{
+.slider img{
+    max-width: 100%;
+    max-height: 100%;
+}
+.slide-pagination{
     position: absolute;
     position: absolute;
     left: 0;
     left: 0;
     right: 0;
     right: 0;
-    height: 450px;
-}
-.home-page .slide-thumb-container{
-    height: 510px;
-}
-.home-page .slide-wrapper{
-    position: relative;
-    height: 450px;
-    overflow: hidden;
+    bottom: 12px;
+    text-align: center;
 }
 }
-.home-page .slide-wrapper ul{
+.slide-pagination-inner{
+    display: inline-block;
     position: relative;
     position: relative;
-    height: 100%;
+    padding: 7px;
+    vertical-align: middle;
 }
 }
-.home-page .slide-wrapper li{
-    display: none;
+.slide-shade{
     position: absolute;
     position: absolute;
-    top: 0;
+    left: 0;
     right: 0;
     right: 0;
-    width: 100%;
-    height: 100%;
+    top: 0;
+    bottom: 0;
+    background: #000;
+    opacity: 0.3;
+    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
+    border-radius: 13px;
 }
 }
-.home-page .slide-wrapper li a{
+.slide-pagination-last span{
     display: block;
     display: block;
-    height: 100%;
-    width: 1150px;
-    margin: 0 auto;
+    float: left;
+    position: relative;
+    margin: 0 7px;
+    width: 12px;
+    height: 12px;
+    background: #fff;
+    cursor: pointer;
+    opacity: 0.6;
+    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
+    border-radius: 6px;
+    z-index: 2;
+}
+.slide-pagination-last span.focus{
+    opacity: 1;
+    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
+}
+.slide-switch{
+    display: none;
+}
+.slide-switch a{
+    display: block;
+    position: absolute;
+    top: 50%;
+    margin: -30px 0 0;
+    width: 60px;
+    height: 60px;
+    line-height: 56px;
+    text-align: center;
+    z-index: 2;
+    background: #fff;
+    opacity: 0.55;
+    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)";
+}
+.slide-switch a .iconfont{
+    font-size: 32px;
+    color: #59585a;
+}
+.slide-switch a:hover{
+    opacity: 0.9;
+    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
+}
+.slide-switch .prev{
+    left: 0;
+}
+.slide-switch .next{
+    right: 0;
+}
+.slide-switch.show{
+    display: block;
+}
+.yoho-dialog{
+    position: fixed;
+    padding: 20px;
+    top: 50%;
+    left: 50%;
+    min-height: 130px;
+    min-width: 350px;
+    background: #f8f8f8;
+    z-index: 1001;
+    border: 5px solid rgba(0, 0, 0, 0.38);
+}
+.yoho-dialog .close{
+    position: absolute;
+    top: 5px;
+    right: 5px;
+    cursor: pointer;
+}
+.yoho-dialog .content{
+    text-align: center;
+}
+.yoho-dialog .btns{
+    text-align: center;
+}
+.yoho-dialog .alert-sure{
+    background: #000;
+    color: #fff;
+}
+.yoho-dialog .confirm-sure{
+    background: #000;
+    color: #fff;
+}
+.yoho-dialog .btn{
+    display: inline-block;
+    width: 56px;
+    height: 26px;
+    line-height: 26px;
+    text-align: center;
+    border: 1px solid #000;
+    cursor: pointer;
+    margin-left: 10px;
+}
+.yoho-dialog .btn:first-child{
+    margin-left: 0;
+}
+.yoho-dialog.alert-dialog .content, .yoho-dialog.confirm-dialog .content{
+    width: 350px;
+    height: auto;
+    min-height: 90px;
+    overflow: hidden;
+    line-height: 20px;
+    position: relative;
+    padding-top: 40px;
+    padding-bottom: 20px;
+}
+.yoho-dialog.alert-dialog .content p, .yoho-dialog.confirm-dialog .content p{
+    position: absolute;
+    left: 0;
+    bottom: 25px;
+    width: 100%;
+    color: #444;
+    line-height: 25px;
+}
+.yoho-dialog.alert-dialog .content div, .yoho-dialog.confirm-dialog .content div{
+    position: absolute;
+    top: 0;
+    left: 100px;
+    padding-top: 30px;
+    font-size: 22px;
+    font-weight: bold;
+    width: 150px;
+    height: 30px;
+    line-height: 30px;
+    margin: 0 auto;
+}
+.yoho-dialog.alert-dialog .content div span, .yoho-dialog.confirm-dialog .content div span{
+    background: url(/cart/del.png);
+    float: left;
+    width: 27px;
+    height: 30px;
+}
+.yoho-dialog.subcontent-dialog{
+    padding: 30px 0;
+}
+.yoho-dialog.subcontent-dialog .content{
+    font-weight: bold;
+    margin: 0 auto 30px;
+}
+.yoho-dialog.subcontent-dialog .sub-content{
+    text-align: center;
+    font-size: 12px;
+    color: #555;
+    margin-left: 5px;
+    margin-bottom: 5px;
+}
+.yoho-dialog.subcontent-dialog .btn{
+    margin-top: 25px;
+    width: 100px;
+    font-size: 13px;
+    margin-left: 0;
+    margin-right: 0;
+}
+.yoho-dialog.subcontent-dialog .btn.black{
+    background-color: #000;
+    color: #fff;
+}
+
+/* 模块 */
+.home-page{
+    width: 1150px;
+    margin: 10px auto 0;
+}
+.home-page .slide-container{
+    position: absolute;
+    left: 0;
+    right: 0;
+    height: 450px;
+}
+.home-page .slide-thumb-container{
+    height: 510px;
+}
+.home-page .slide-wrapper{
+    position: relative;
+    height: 450px;
+    overflow: hidden;
+}
+.home-page .slide-wrapper ul{
+    position: relative;
+    height: 100%;
+}
+.home-page .slide-wrapper li{
+    display: none;
+    position: absolute;
+    top: 0;
+    right: 0;
+    width: 100%;
+    height: 100%;
+}
+.home-page .slide-wrapper li a{
+    display: block;
+    height: 100%;
+    width: 1150px;
+    margin: 0 auto;
 }
 }
 .home-page .slide-wrapper li img{
 .home-page .slide-wrapper li img{
     width: 100%;
     width: 100%;
@@ -3950,6 +4344,37 @@ _:-ms-fullscreen, :root .senior-up-icon{
 .sort-pager .sort-type:first-child .iconfont{
 .sort-pager .sort-type:first-child .iconfont{
     display: none;
     display: none;
 }
 }
+.sort-pager .page-nav{
+    padding: 7px 0;
+    float: right;
+    font-size: 14px;
+}
+.sort-pager .page-nav .page-prev{
+    width: 33px;
+    height: 33px;
+    line-height: 34px;
+    background: #ccc;
+    text-align: center;
+    float: left;
+}
+.sort-pager .page-nav a .page-prev, .sort-pager .page-nav a .page-next{
+    background: #000;
+    color: #fff;
+}
+.sort-pager .page-nav .page-next{
+    min-width: 110px;
+    height: 33px;
+    background: #a9a9a9;
+    float: left;
+    margin-left: 1px;
+    line-height: 33px;
+    padding-left: 10px;
+    box-sizing: border-box;
+    padding-right: 10px;
+}
+.sort-pager .page-nav .pages{
+    margin-left: 10px;
+}
 .sort-pager .pager-wrap{
 .sort-pager .pager-wrap{
     float: right;
     float: right;
     padding: 15px 0;
     padding: 15px 0;
@@ -4033,7 +4458,7 @@ _:-ms-fullscreen, :root .senior-up-icon{
 }
 }
 .good-info .good-detail-img{
 .good-info .good-detail-img{
     width: 100%;
     width: 100%;
-    height: 300px;
+    height: 100%;
     position: relative;
     position: relative;
 }
 }
 .good-info .good-detail-img .good-thumb, .good-info .good-detail-img img.lazy{
 .good-info .good-detail-img .good-thumb, .good-info .good-detail-img img.lazy{
@@ -4085,9 +4510,12 @@ _:-ms-fullscreen, :root .senior-up-icon{
     background-image: url('../img/sale/vip.png');
     background-image: url('../img/sale/vip.png');
     background-repeat: no-repeat;
     background-repeat: no-repeat;
     background-size: 100% 90%;
     background-size: 100% 90%;
+    width: 40px;
     color: #fff;
     color: #fff;
     font-style: italic;
     font-style: italic;
     margin-right: 5px;
     margin-right: 5px;
+    margin-left: 5px;
+    width: 30px;
 }
 }
 .good-info .good-detail-text span.vip-1{
 .good-info .good-detail-text span.vip-1{
     background-image: url('../img/product/silver-small.png');
     background-image: url('../img/product/silver-small.png');
@@ -4098,6 +4526,8 @@ _:-ms-fullscreen, :root .senior-up-icon{
     color: #fff;
     color: #fff;
     font-style: italic;
     font-style: italic;
     margin-right: 5px;
     margin-right: 5px;
+    margin-left: 5px;
+    position: absolute;
 }
 }
 .good-info .good-detail-text span.vip-2{
 .good-info .good-detail-text span.vip-2{
     background-image: url('../img/product/golden-small.png');
     background-image: url('../img/product/golden-small.png');
@@ -4108,6 +4538,8 @@ _:-ms-fullscreen, :root .senior-up-icon{
     color: #fff;
     color: #fff;
     font-style: italic;
     font-style: italic;
     margin-right: 5px;
     margin-right: 5px;
+    margin-left: 5px;
+    position: absolute;
 }
 }
 .good-info .good-detail-text span.vip-3{
 .good-info .good-detail-text span.vip-3{
     background-image: url('../img/product/platinum-small.png');
     background-image: url('../img/product/platinum-small.png');
@@ -4118,6 +4550,8 @@ _:-ms-fullscreen, :root .senior-up-icon{
     color: #fff;
     color: #fff;
     font-style: italic;
     font-style: italic;
     margin-right: 5px;
     margin-right: 5px;
+    margin-left: 5px;
+    position: absolute;
 }
 }
 .good-info .col-btn{
 .good-info .col-btn{
     position: absolute;
     position: absolute;
@@ -4231,9 +4665,10 @@ _:-ms-fullscreen, :root .senior-up-icon{
 }
 }
 .good-info-big{
 .good-info-big{
     width: 280px;
     width: 280px;
+    height: 380px;
     margin-right: 10px;
     margin-right: 10px;
     float: left;
     float: left;
-    margin-bottom: 35px;
+    margin-bottom: 100px;
 }
 }
 .latest-walk{
 .latest-walk{
     overflow: hidden;
     overflow: hidden;
@@ -5911,6 +6346,8 @@ _:-ms-fullscreen, :root .senior-up-icon{
     position: absolute;
     position: absolute;
     left: 0;
     left: 0;
     bottom: 0;
     bottom: 0;
+    opacity: 0.5;
+    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
     width: 100%;
     width: 100%;
     font-size: 22px;
     font-size: 22px;
     line-height: 30px;
     line-height: 30px;
@@ -5977,8 +6414,10 @@ _:-ms-fullscreen, :root .senior-up-icon{
     line-height: 20px;
     line-height: 20px;
 }
 }
 .sale-page .brand-sale .sale-group .title{
 .sale-page .brand-sale .sale-group .title{
-    font-size: 25px;
+    font-size: 10px;
     height: 40px;
     height: 40px;
+    width: auto;
+    font-size: 10px;
     line-height: 40px;
     line-height: 40px;
     text-align: center;
     text-align: center;
     max-width: 200px;
     max-width: 200px;
@@ -5986,10 +6425,19 @@ _:-ms-fullscreen, :root .senior-up-icon{
     text-overflow: ellipsis;
     text-overflow: ellipsis;
     white-space: nowrap;
     white-space: nowrap;
 }
 }
+.sale-page .brand-sale .sale-group .title span{
+    font-size: 18px;
+    color: #ff0705;
+    display: inline-block;
+}
 .sale-page .brand-sale .sale-group .time{
 .sale-page .brand-sale .sale-group .time{
     font-size: 14px;
     font-size: 14px;
 }
 }
-.sale-page .sale-nav li{
+.sale-page .sale-nav{
+    display: inline-block;
+    width: 100%;
+}
+.sale-page li{
     float: left;
     float: left;
     width: 20%;
     width: 20%;
     height: 40px;
     height: 40px;
@@ -6000,48 +6448,48 @@ _:-ms-fullscreen, :root .senior-up-icon{
     color: #6d6d6d;
     color: #6d6d6d;
     margin-bottom: 10px;
     margin-bottom: 10px;
 }
 }
-.sale-page .sale-nav li.active{
+.sale-page li.active{
     color: #fff;
     color: #fff;
     background-repeat: no-repeat;
     background-repeat: no-repeat;
     background-size: 100% 100%;
     background-size: 100% 100%;
 }
 }
-.sale-page .sale-nav li.green{}
-.sale-page .sale-nav li.green.active{
+.sale-page li.green{}
+.sale-page li.green.active{
     color: #fff;
     color: #fff;
     background-image: url('../img/sale/navactive-green-middle.png');
     background-image: url('../img/sale/navactive-green-middle.png');
     background-repeat: no-repeat;
     background-repeat: no-repeat;
     background-size: 100% 100%;
     background-size: 100% 100%;
 }
 }
-.sale-page .sale-nav li.green.first.active{
+.sale-page li.green.first.active{
     background-image: url('../img/sale/navactive-green-first.png');
     background-image: url('../img/sale/navactive-green-first.png');
 }
 }
-.sale-page .sale-nav li.green.last.active{
+.sale-page li.green.last.active{
     background-image: url('../img/sale/navactive-green-last.png');
     background-image: url('../img/sale/navactive-green-last.png');
 }
 }
-.sale-page .sale-nav li.yellow{}
-.sale-page .sale-nav li.yellow.active{
+.sale-page li.yellow{}
+.sale-page li.yellow.active{
     color: #fff;
     color: #fff;
     background-image: url('../img/sale/navactive-yellow-middle.png');
     background-image: url('../img/sale/navactive-yellow-middle.png');
     background-repeat: no-repeat;
     background-repeat: no-repeat;
     background-size: 100% 100%;
     background-size: 100% 100%;
 }
 }
-.sale-page .sale-nav li.yellow.first.active{
+.sale-page li.yellow.first.active{
     background-image: url('../img/sale/navactive-yellow-first.png');
     background-image: url('../img/sale/navactive-yellow-first.png');
 }
 }
-.sale-page .sale-nav li.yellow.last.active{
+.sale-page li.yellow.last.active{
     background-image: url('../img/sale/navactive-yellow-last.png');
     background-image: url('../img/sale/navactive-yellow-last.png');
 }
 }
-.sale-page .sale-nav li.red{}
-.sale-page .sale-nav li.red.active{
+.sale-page li.red{}
+.sale-page li.red.active{
     color: #fff;
     color: #fff;
     background-image: url('../img/sale/navactive-red-middle.png');
     background-image: url('../img/sale/navactive-red-middle.png');
     background-repeat: no-repeat;
     background-repeat: no-repeat;
     background-size: 100% 100%;
     background-size: 100% 100%;
 }
 }
-.sale-page .sale-nav li.red.first.active{
+.sale-page li.red.first.active{
     background-image: url('../img/sale/navactive-red-first.png');
     background-image: url('../img/sale/navactive-red-first.png');
 }
 }
-.sale-page .sale-nav li.red.last.active{
+.sale-page li.red.last.active{
     background-image: url('../img/sale/navactive-red-last.png');
     background-image: url('../img/sale/navactive-red-last.png');
 }
 }
 .sale-page .commodity-list ul{
 .sale-page .commodity-list ul{
@@ -6121,12 +6569,48 @@ _:-ms-fullscreen, :root .senior-up-icon{
     background-image: url('../img/sale/vip.png');
     background-image: url('../img/sale/vip.png');
     background-repeat: no-repeat;
     background-repeat: no-repeat;
     background-size: 100% 90%;
     background-size: 100% 90%;
+    width: 40px;
+    color: #fff;
+    font-style: italic;
+    margin-right: 5px;
+    margin-left: 5px;
+    width: 30px;
+}
+.sale-page .commodity-content .commodity-price span.vip-1{
+    background-image: url('../img/product/silver-small.png');
+    background-repeat: no-repeat;
     width: 30px;
     width: 30px;
     display: inline-block;
     display: inline-block;
-    height: 10px;
+    height: 12px;
+    color: #fff;
+    font-style: italic;
+    margin-right: 5px;
+    margin-left: 5px;
+    position: absolute;
+}
+.sale-page .commodity-content .commodity-price span.vip-2{
+    background-image: url('../img/product/golden-small.png');
+    background-repeat: no-repeat;
+    width: 30px;
+    display: inline-block;
+    height: 12px;
     color: #fff;
     color: #fff;
     font-style: italic;
     font-style: italic;
     margin-right: 5px;
     margin-right: 5px;
+    margin-left: 5px;
+    position: absolute;
+}
+.sale-page .commodity-content .commodity-price span.vip-3{
+    background-image: url('../img/product/platinum-small.png');
+    background-repeat: no-repeat;
+    width: 30px;
+    display: inline-block;
+    height: 12px;
+    color: #fff;
+    font-style: italic;
+    margin-right: 5px;
+    margin-left: 5px;
+    position: absolute;
 }
 }
 .sale-page .commodity-content .commodity-price .price-sale{
 .sale-page .commodity-content .commodity-price .price-sale{
     margin-left: 10px;
     margin-left: 10px;
@@ -6280,6 +6764,10 @@ _:-ms-fullscreen, :root .senior-up-icon{
 .outlets-page .limit-extra{
 .outlets-page .limit-extra{
     width: 33%;
     width: 33%;
 }
 }
+.outlets-page .limit-extra .source-img{
+    display: block;
+    margin-bottom: 15px;
+}
 .outlets-page .limit-extra .type-list{
 .outlets-page .limit-extra .type-list{
     padding: 15px 10px;
     padding: 15px 10px;
 }
 }
@@ -6295,7 +6783,10 @@ _:-ms-fullscreen, :root .senior-up-icon{
 }
 }
 .outlets-page .limit-extra .good-list .list-page{
 .outlets-page .limit-extra .good-list .list-page{
     width: 33%;
     width: 33%;
+    max-height: 918px;
+    overflow: hidden;
     display: inline-block;
     display: inline-block;
+    vertical-align: top;
 }
 }
 .outlets-page .limit-extra .good-list .good-item{
 .outlets-page .limit-extra .good-list .good-item{
     padding: 15px;
     padding: 15px;
@@ -6334,6 +6825,7 @@ _:-ms-fullscreen, :root .senior-up-icon{
 .outlets-page .limit-extra .good-page-btns{
 .outlets-page .limit-extra .good-page-btns{
     text-align: center;
     text-align: center;
     padding-bottom: 10px;
     padding-bottom: 10px;
+    user-select: none;
 }
 }
 .outlets-page .limit-extra .good-page-btns label{
 .outlets-page .limit-extra .good-page-btns label{
     width: 40px;
     width: 40px;
@@ -6350,7 +6842,7 @@ _:-ms-fullscreen, :root .senior-up-icon{
     margin-right: 20px;
     margin-right: 20px;
 }
 }
 .outlets-page .extra-pack{
 .outlets-page .extra-pack{
-    margin-top: 15px;
+    margin-bottom: 15px;
     border: 1px solid #000;
     border: 1px solid #000;
     overflow: hidden;
     overflow: hidden;
 }
 }
@@ -6433,8 +6925,8 @@ _:-ms-fullscreen, :root .senior-up-icon{
     position: fixed;
     position: fixed;
     top: 0;
     top: 0;
     z-index: 1010;
     z-index: 1010;
-    opacity: 0.8;
-    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
+    opacity: 0.9;
+    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
 }
 }
 .outlets-page .sort-layer .sort-pager{
 .outlets-page .sort-layer .sort-pager{
     width: 1150px;
     width: 1150px;
@@ -6471,7 +6963,539 @@ _:-ms-fullscreen, :root .senior-up-icon{
 .outlets-page .main-banner .slide-shade{
 .outlets-page .main-banner .slide-shade{
     display: none;
     display: none;
 }
 }
-/* @import "channel"; */
+.outlets-page .product-pager{
+    padding: 20px 0;
+    font-size: 12px;
+    color: #6a6a6a;
+    border-top: 2px solid #eaeceb;
+}
+.outlets-page .product-pager .pager{
+    float: right;
+}
+.outlets-channel-page .slide-thumb-container{
+    height: 510px;
+}
+.outlets-channel-page .slide-wrapper{
+    position: relative;
+    height: 450px;
+    overflow: hidden;
+}
+.outlets-channel-page .slide-wrapper ul{
+    position: relative;
+    height: 100%;
+}
+.outlets-channel-page .slide-wrapper li{
+    display: none;
+    position: absolute;
+    top: 0;
+    right: 0;
+    width: 860px;
+    height: 100%;
+}
+.outlets-channel-page .slide-wrapper li a{
+    display: block;
+    height: 100%;
+    width: 860px;
+    margin: 0 auto;
+}
+.outlets-channel-page .slide-wrapper li img{
+    width: 100%;
+    height: 100%;
+}
+.outlets-channel-page .slide-wrapper li:first-child{
+    display: block;
+}
+.outlets-channel-page .slide-wrapper:hover .slide-switch.show{
+    display: block;
+}
+.outlets-channel-page .slide-container-placeholder{
+    height: 450px;
+    width: 100%;
+}
+.outlets-channel-page .slide-thumb-container-placeholder{
+    height: 510px;
+}
+.outlets-channel-page .slide-switch{
+    display: block;
+}
+.outlets-channel-page .slide-switch a{
+    position: absolute;
+    top: 50%;
+    margin: -30px 0 0;
+    width: 60px;
+    height: 60px;
+    line-height: 56px;
+    text-align: center;
+    z-index: 2;
+    background: #fff;
+    opacity: 0.55;
+    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)";
+}
+.outlets-channel-page .slide-switch a .iconfont{
+    font-size: 32px;
+    color: #59585a;
+}
+.outlets-channel-page .slide-switch a.prev{
+    left: 50%;
+    margin-left: -575px;
+}
+.outlets-channel-page .slide-switch a.next{
+    right: 50%;
+    margin-right: -575px;
+}
+.outlets-channel-page .slide-switch a:hover{
+    opacity: 0.9;
+    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
+}
+.outlets-channel-page .thumb-pagination{
+    width: 1148px;
+    margin: 6px auto 0;
+    padding-left: 2px;
+}
+.outlets-channel-page .thumb-pagination li{
+    position: relative;
+    float: left;
+    margin-left: 6px;
+    width: 138px;
+    height: 54px;
+}
+.outlets-channel-page .thumb-pagination li a{
+    position: absolute;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    top: 0;
+    background: #000;
+    opacity: 0.3;
+    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
+}
+.outlets-channel-page .thumb-pagination li img{
+    width: 100%;
+    height: 100%;
+}
+.outlets-channel-page .thumb-pagination li:first-child{
+    margin: 0;
+}
+.outlets-channel-page .thumb-pagination li.focus a{
+    opacity: 0;
+    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+}
+/*
+    大banner圆点
+    */
+.outlets-channel-page .slide-pagination{
+    font-size: 0;
+    width: 860px;
+}
+.outlets-channel-page .slide-pagination .slide-shade{
+    position: absolute;
+    left: 0;
+    right: 0;
+    top: 0;
+    bottom: 0;
+    background: #000;
+    opacity: 0.3;
+    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
+    border-radius: 13px;
+}
+.outlets-channel-page .slide-pagination span{
+    position: relative;
+    display: inline-block;
+    margin: 0 7px;
+    width: 12px;
+    height: 12px;
+    background: #fff;
+    cursor: pointer;
+    opacity: 0.6;
+    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
+    border-radius: 6px;
+    z-index: 2;
+}
+.outlets-channel-page .slide-pagination span.focus{
+    opacity: 1;
+    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
+}
+.outlets-channel-page .slide-container{
+    height: 450px;
+    width: 100%;
+    position: relative;
+}
+.outlets-channel-page .slide-container .col{
+    float: left;
+}
+.outlets-channel-page .slide-container .col a{
+    display: block;
+}
+.outlets-channel-page .slide-container .right-col a{}
+.outlets-channel-page .slide-container .right-col a:last-child{
+    margin-bottom: 0;
+}
+.outlets-channel-page .slide-container .right-col img{
+    height: 100%;
+    width: 100%;
+}
+.outlets-channel-page .slide-container .center-col{
+    position: relative;
+    width: 860px;
+    height: 450px;
+    font-size: 0;
+    margin-right: 0;
+}
+.outlets-channel-page .slide-container .center-col .slide-wrapper{
+    height: 100%;
+}
+.outlets-channel-page .slide-container .center-col .slide-wrapper li a{
+    width: 100%;
+}
+.outlets-channel-page .slide-container .center-col img{
+    max-width: 100%;
+    max-height: 100%;
+}
+.outlets-channel-page .slide-container .center-col:hover .slide-switch.show{
+    display: block;
+}
+.outlets-channel-page .slide-container .right-col a{
+    width: 290px;
+    height: 270px;
+}
+.outlets-channel-page .slide-container .right-col a:first-child{
+    margin-bottom: 0;
+    height: 180px;
+}
+.outlets-channel-page .new-report img{
+    display: block;
+    width: 100%;
+    height: 100%;
+}
+.outlets-channel-page .new-report .report-list{
+    float: left;
+    width: 868px;
+}
+.outlets-channel-page .new-report li{
+    float: left;
+    margin: 0 8px 8px 0;
+    width: 185px;
+    height: 248px;
+    overflow: hidden;
+}
+.outlets-channel-page .new-report li:first-child{
+    margin-right: 7px;
+    width: 282px;
+    height: 504px;
+}
+.outlets-channel-page .new-report .last-item{
+    float: left;
+    width: 282px;
+    height: 504px;
+    overflow: hidden;
+}
+/*
+    优选品牌
+    */
+.outlets-channel-page .preference-brand{
+    overflow: hidden;
+}
+.outlets-channel-page .preference-brand-list{
+    margin-top: 8px;
+    width: 1158px;
+}
+.outlets-channel-page .preference-brand-item{
+    float: left;
+    margin-right: 8px;
+    margin-bottom: 8px;
+}
+.outlets-channel-page .preference-brand-item a{
+    display: table-cell;
+    width: 185px;
+    height: 86px;
+    text-align: center;
+    vertical-align: middle;
+}
+.outlets-channel-page .preference-brand-item img{
+    display: block;
+    max-width: 100%;
+    max-height: 100%;
+    margin: 0 auto;
+}
+.outlets-channel-page .preference-more{
+    float: left;
+    width: 185px;
+    height: 86px;
+    line-height: 100px;
+    text-align: center;
+    color: black;
+    font-size: 16px;
+}
+.outlets-channel-page .img-slider-wrapper{
+    position: relative;
+    width: 100%;
+    height: 558px;
+    background: #8ae6e0;
+    overflow: hidden;
+}
+.outlets-channel-page .img-slider-wrapper .img-brand-switch{
+    display: block;
+}
+.outlets-channel-page .img-slider-wrapper .img-brand-switch a{
+    position: absolute;
+    top: 50%;
+    font-size: 36px;
+    color: #fff;
+}
+.outlets-channel-page .img-slider-wrapper .img-brand-switch a.next{
+    right: 30px;
+}
+.outlets-channel-page .img-slider-wrapper .img-brand-switch a.prev{
+    left: 30px;
+}
+.outlets-channel-page .img-container-landscape{
+    box-sizing: border-box;
+    margin: 86px auto 0;
+    width: 982px;
+    height: 433px;
+    overflow: hidden;
+}
+.outlets-channel-page .img-container-landscape .img-list{
+    width: 1000px;
+    height: 100%;
+}
+.outlets-channel-page .img-container-landscape .img-item{
+    float: left;
+    box-sizing: border-box;
+    width: 320px;
+    height: 100%;
+    margin-right: 10px;
+}
+.outlets-channel-page .img-container-landscape .img-item img{
+    width: 100%;
+    height: 100%;
+}
+.outlets-channel-page .img-brand{
+    position: relative;
+    width: 100%;
+    height: 175px;
+    overflow: hidden;
+}
+.outlets-channel-page .img-brand ul{
+    width: 1158px;
+}
+.outlets-channel-page .img-brand li{
+    float: left;
+    margin: 0 8px 0 0;
+    width: 378px;
+    height: 175px;
+    line-height: 175px;
+    overflow: hidden;
+    font-size: 0;
+    text-align: center;
+}
+.outlets-channel-page .img-brand li img{
+    max-width: 100%;
+    max-height: 100%;
+    vertical-align: middle;
+}
+.outlets-channel-page .img-brand .img-brand-switch{
+    display: none;
+}
+.outlets-channel-page .img-brand .img-brand-switch a{
+    position: absolute;
+    top: 50%;
+    margin: -20px 0 0;
+    width: 40px;
+    height: 40px;
+    line-height: 40px;
+    text-align: center;
+    z-index: 2;
+    background: #fff;
+    opacity: 0.55;
+    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)";
+}
+.outlets-channel-page .img-brand .img-brand-switch a.prev{
+    left: 0;
+}
+.outlets-channel-page .img-brand .img-brand-switch a.next{
+    right: 0;
+}
+.outlets-channel-page .img-brand .img-brand-switch a:hover{
+    opacity: 0.9;
+    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
+}
+.outlets-channel-page .img-brand:hover .img-brand-switch{
+    display: block;
+}
+.outlets-channel-page .logo-brand{
+    width: 100%;
+    height: 282px;
+    overflow: hidden;
+}
+.outlets-channel-page .logo-brand ul{
+    width: 1158px;
+}
+.outlets-channel-page .logo-brand li{
+    float: left;
+    margin: 8px 8px 0 0;
+    width: 185px;
+    height: 86px;
+    line-height: 86px;
+    font-size: 0;
+    text-align: center;
+}
+.outlets-channel-page .logo-brand li img{
+    max-width: 100%;
+    max-height: 100%;
+    vertical-align: middle;
+}
+.outlets-channel-page .logo-brand .logo-brand-switch{
+    position: relative;
+    background: url('../img/index/logo-brand-line.png') no-repeat center center;
+    line-height: normal;
+}
+.outlets-channel-page .logo-brand .logo-brand-switch .iconfont{
+    position: absolute;
+    left: 50%;
+    font-size: 32px;
+}
+.outlets-channel-page .logo-brand .logo-brand-switch .iconfont.prev{
+    top: 10px;
+    margin-left: -48px;
+}
+.outlets-channel-page .logo-brand .logo-brand-switch .iconfont.next{
+    bottom: 12px;
+    margin-left: 20px;
+}
+.outlets-channel-page .logo-brand .brand-more{
+    font-size: 16px;
+}
+.outlets-channel-page .logo-brand .brand-more:hover{
+    text-decoration: underline;
+}
+.outlets-channel-page .logo-brand.logos-10{
+    height: 188px;
+}
+.outlets-channel-page .categorys-list ul{
+    width: 1158px;
+}
+.outlets-channel-page .categorys-list li{
+    float: left;
+    margin: 0 8px 8px 0;
+    width: 185px;
+    height: 248px;
+}
+.outlets-channel-page .categorys-list li img{
+    display: block;
+    width: 100%;
+    height: 100%;
+}
+.outlets-channel-page .categorys-list li.cate-item0{
+    width: 185px;
+    height: 504px;
+}
+.outlets-channel-page .categorys-list li.cate-item1{
+    width: 377px;
+    height: 504px;
+}
+/*
+    热门推荐模板样式
+    */
+.outlets-channel-page .tpl-recommend{
+    width: 100%;
+    position: relative;
+}
+.outlets-channel-page .tpl-recommend a{
+    display: block;
+}
+.outlets-channel-page .tpl-recommend a img{
+    display: block;
+    width: 100%;
+    height: 100%;
+}
+.outlets-channel-page .tpl-recommend .tpl-body{
+    margin-bottom: 8px;
+}
+.outlets-channel-page .tpl-recommend .tpl-nav{
+    float: left;
+    overflow: hidden;
+}
+.outlets-channel-page .tpl-recommend .tpl-nav .tpl-keywords{
+    margin-bottom: 8px;
+}
+.outlets-channel-page .tpl-recommend .tpl-nav .tpl-category{
+    padding: 10px 0;
+    background-color: #f8f8f8;
+    overflow: hidden;
+}
+.outlets-channel-page .tpl-recommend .tpl-nav .tpl-category a{
+    float: left;
+    width: 50%;
+    text-align: center;
+    color: #000;
+    overflow: hidden;
+}
+.outlets-channel-page .tpl-recommend .tpl-brands{
+    float: left;
+    overflow: hidden;
+    margin-left: 8px;
+}
+.outlets-channel-page .tpl-recommend .tpl-brands li{
+    margin-top: 8px;
+}
+.outlets-channel-page .tpl-recommend .tpl-types{
+    float: left;
+    overflow: hidden;
+    margin-top: -8px;
+    width: 579px;
+}
+.outlets-channel-page .tpl-recommend .tpl-types li{
+    float: left;
+    margin-left: 8px;
+    margin-top: 8px;
+}
+.outlets-channel-page .tpl-recommend .tpl-types li a{
+    width: 185px;
+    height: 248px;
+}
+.outlets-channel-page .tpl-recommend .tpl-products{
+    overflow: hidden;
+    margin-left: -10px;
+}
+.outlets-channel-page .tpl-recommend .tpl-products li{
+    float: left;
+    margin-left: 10px;
+}
+.outlets-channel-page .tpl-recommend .tpl-products li a{
+    width: 222px;
+    height: 298px;
+}
+.outlets-channel-page .tpl-recommend .tpl-nav{
+    width: 185px;
+}
+.outlets-channel-page .tpl-recommend .tpl-nav .keywords0, .outlets-channel-page .tpl-recommend .tpl-nav .keywords1, .outlets-channel-page .tpl-recommend .tpl-nav .keywords2{
+    margin-bottom: 10px;
+    height: 76px;
+}
+.outlets-channel-page .tpl-recommend .tpl-nav .keywords2{
+    margin-bottom: 0;
+}
+.outlets-channel-page .tpl-recommend .tpl-nav .tpl-category{
+    height: 228px;
+}
+.outlets-channel-page .tpl-recommend .tpl-nav .tpl-category a{
+    height: 38px;
+    line-height: 38px;
+    font-size: 14px;
+}
+.outlets-channel-page .tpl-recommend .tpl-brands{
+    width: 378px;
+    height: 512px;
+}
+.outlets-channel-page .tpl-recommend .tpl-brands li a{
+    height: 248px;
+}
+/*
+ @import "index-pliffy";
+@import "min-index";
+@import "brand";
+*/
 .outlets-special-page .main-banner{
 .outlets-special-page .main-banner{
     height: 360px;
     height: 360px;
 }
 }