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

 'use strict';
 'use strict';
 
 
-var API = require('../../../library/api').API;
-var api = new API();
+var api = global.yoho.API;
 
 
 const camelCase = global.yoho.camelCase;
 const camelCase = global.yoho.camelCase;
 
 

@@ -3,14 +3,14 @@
     <div class="left-container">
     <div class="left-container">
         {{# left}}
         {{# left}}
             <a href="{{url}}">
             <a href="{{url}}">
-                <div class="thumb-row-box left-thumb-row-box" style="background-image:url({{image src 275 160}})"></div>
+                <div class="thumb-row-box left-thumb-row-box" style="background-image:url({{image src 276 296}})"></div>
             </a>
             </a>
         {{/ left}}
         {{/ left}}
     </div>
     </div>
     <div class="right-container">
     <div class="right-container">
         {{# right}}
         {{# right}}
             <a href="{{url}}">
             <a href="{{url}}">
-                <div class="thumb-row-box right-thumb-row-box {{#if @first}}first{{/if}}" style="background-image:url({{image src 275 160}})"></div>
+                <div class="thumb-row-box right-thumb-row-box {{#if @first}}first{{/if}}" style="background-image:url({{image src 276 134}})"></div>
             </a>
             </a>
         {{/ right}}
         {{/ right}}
     </div>
     </div>

@@ -75,6 +75,7 @@ a{
     overflow: hidden;
     overflow: hidden;
 }
 }
 .main-wrap{
 .main-wrap{
+    position: relative;
     margin-right: auto;
     margin-right: auto;
     margin-left: auto;
     margin-left: auto;
     max-width: 16rem;
     max-width: 16rem;
@@ -143,6 +144,7 @@ a{
     bottom: 0;
     bottom: 0;
     left: 0;
     left: 0;
     background: rgba(0, 0, 0, 0.5);
     background: rgba(0, 0, 0, 0.5);
+    z-index: 9;
 }
 }
 .loading-mask .loading{
 .loading-mask .loading{
     position: absolute;
     position: absolute;
@@ -611,6 +613,7 @@ a{
     width: 100%;
     width: 100%;
     height: 2.25rem;
     height: 2.25rem;
     background-color: #000;
     background-color: #000;
+    background-image: linear-gradient(#323232, #414141);
     color: #fff;
     color: #fff;
     line-height: 2.25rem;
     line-height: 2.25rem;
 }
 }
@@ -779,206 +782,498 @@ a{
     bottom: 0;
     bottom: 0;
     width: 100%;
     width: 100%;
 }
 }
-.index-page{
-    overflow: hidden;
-    margin: 0 auto;
-    width: 100%;
-}
-.index-page #yohood{
-    border: none;
-    border-bottom: 0.2rem solid #fff;
-    background-color: transparent;
-    background-image: url('../img/channel/yohood.png');
-    background-position-x: 26%;
-    background-position-y: 36%;
-    background-size: 40%;
-    background-repeat: no-repeat;
-}
-.index-page #yohood:active{
-    border-bottom-color: #000;
-    background-color: rgba(255, 255, 255, 0.4);
-    background-image: url('../img/channel/yohood-tapped.png');
-}
-.index-page #yohood:active .right-icon{
-    color: #000;
-}
-.index-page .index-header{
-    box-sizing: border-box;
-    padding: 0 0.5rem;
-    width: 100%;
-    height: 2.4rem;
-    line-height: 2.4rem;
-}
-.index-page .index-header .index-logo{
+.good-info{
     float: left;
     float: left;
-    width: 7.2rem;
-    height: 2.4rem;
-    background: url('../img/channel/yohologo.png') left center no-repeat;
-    background-size: 7rem 1.5rem;
-    opacity: 1;
-    transition: all 400ms;
-}
-.index-page .index-header .index-logo img{
-    width: 5.175rem;
-    height: 1.225rem;
-    vertical-align: middle;
-}
-.index-page .index-header .index-logo.action{
-    width: 0;
-    opacity: 0;
+    margin: 0.25rem 0.375rem 1rem;
+    width: 6.9rem;
+    height: 12.65rem;
 }
 }
-.index-page .index-header .box{
-    position: relative;
-    z-index: 1;
+.good-info .tag-container{
     overflow: hidden;
     overflow: hidden;
+    width: 100%;
+    height: 0.7rem;
 }
 }
-.index-page .index-header .box.action .no-search, .index-page .index-header .box.action .clear-text{
+.good-info .tag-container .good-tag{
     display: block;
     display: block;
-}
-.index-page .index-header .index-search{
-    overflow: hidden;
-    height: 2.4rem;
-    background: #fff;
-    transition: width 0.4s;
-}
-.index-page .index-header .index-search .search-box{
-    position: relative;
-    top: 0.5rem;
-    overflow: hidden;
+    float: left;
     box-sizing: border-box;
     box-sizing: border-box;
-    padding-right: 2rem;
-    height: 1.4rem;
-    border: 1px solid #ccc;
-    transition: width 400ms;
-    transition: margin-left 0.4s;
+    margin-right: 0.1rem;
+    height: 0.7rem;
+    text-align: center;
+    font-size: 0.45rem;
+    line-height: 0.7rem;
 }
 }
-.index-page .index-header .index-search input{
-    float: left;
-    overflow: hidden;
-    padding: 0.25rem;
-    width: 96%;
-    border: none;
-    color: #999;
-    font-size: 0.7rem;
-    -webkit-appearance: none;
+.good-info .tag-container .good-tag:last-child{
+    margin-right: 0;
 }
 }
-.index-page .index-header .index-search .iconfont{
-    position: absolute;
-    top: 0.2rem;
-    z-index: 1;
-    width: 1rem;
-    font-size: 0.7rem;
-    line-height: 1rem;
+.good-info .tag-container .new-tag{
+    width: 1.5rem;
+    background-color: #78dc7e;
+    color: #fff;
 }
 }
-.index-page .index-header .index-search .clear-text{
-    right: 1.25rem;
-    display: none;
-    color: #ccc;
+.good-info .tag-container .renew-tag{
+    width: 2.25rem;
+    background-color: #78dc7e;
+    color: #fff;
 }
 }
-.index-page .index-header .index-search .search-icon{
-    right: 0.25rem;
-    color: #666;
+.good-info .tag-container .sale-tag{
+    width: 1.5rem;
+    background-color: #ff575c;
+    color: #fff;
 }
 }
-.index-page .index-header .index-search .search-icon.empty{
-    color: #e6e6e6;
+.good-info .tag-container .new-festival-tag{
+    width: 2.25rem;
+    background-color: #000;
+    color: #fff;
 }
 }
-.index-page .index-header .no-search{
-    display: none;
-    float: left;
-    margin-right: 0.25rem;
-    color: #999;
-    font-size: 0.7rem;
+.good-info .tag-container .limit-tag{
+    width: 2.5rem;
+    border: 1px solid #000;
+    color: #000;
 }
 }
-.index-page .index-container{
+.good-detail-img{
     position: relative;
     position: relative;
-    background-color: white;
-    transition: transform 0.5s;
+    height: 9.2rem;
 }
 }
-.index-page .index-container .index-channel{
-    position: relative;
-    min-height: 20rem;
-    background-color: #000;
-    color: #fff;
+.good-detail-img .good-islike{
+    position: absolute;
+    top: 0;
+    right: 0;
+    width: 1.5rem;
+    height: 1.5rem;
+    color: #b0b0b0;
     text-align: center;
     text-align: center;
+    text-decoration: none;
+    font-size: 0.75rem;
+    line-height: 1.5rem;
 }
 }
-.index-page .index-container .index-channel img{
+.good-detail-img .good-like{
+    color: #d72928;
+}
+.good-detail-img img{
+    display: block;
     width: 100%;
     width: 100%;
+    height: 9.2rem;
 }
 }
-.index-page .index-container .index-channel .index-channel-list{
+.good-detail-img .few-tag{
     position: absolute;
     position: absolute;
-    top: 50%;
-    margin-top: -7.5rem;
+    bottom: 0;
     width: 100%;
     width: 100%;
-}
-.index-page .index-container .index-channel .index-channel-list .list-item{
-    position: relative;
-    display: block;
-    margin: 0 auto 1rem;
-    width: 10.8rem;
-    height: 2.5rem;
-    border: 0.2rem solid #fff;
-    background-color: #000;
+    height: 0.7rem;
+    background: #ffac5b;
     color: #fff;
     color: #fff;
     text-align: center;
     text-align: center;
-    font-weight: bold;
-    font-size: 0.8rem;
-    line-height: 2.05rem;
-}
-.index-page .index-container .index-channel .index-channel-list .list-item:last-child{
-    margin-bottom: 0;
-}
-.index-page .index-container .index-channel .index-channel-list .lighter{
-    font-weight: lighter;
-}
-.index-page .index-container .index-channel .index-channel-list .right-icon{
-    position: absolute;
-    top: 0;
-    right: 0.25rem;
-    font-weight: bold;
-}
-.index-page .index-container .index-channel .index-channel-list .homestyle{
-    margin-bottom: 1.25rem;
-    width: 7.1825rem;
+    font-size: 0.45rem;
+    line-height: 0.7rem;
 }
 }
-.header-download{
-    position: relative;
-    height: 5.3rem;
-    padding: 1.2rem 0 0;
+.good-detail-img .no-storage{
+    width: 100%;
+    height: 100%;
     overflow: hidden;
     overflow: hidden;
-}
-.header-download .download-bg{
+    background-color: #000;
+    opacity: 0.4;
     position: absolute;
     position: absolute;
-    left: 0;
     top: 0;
     top: 0;
+}
+.good-detail-img .no-storage .no-storage-img{
+    display: block;
     width: 100%;
     width: 100%;
-    z-index: -1;
+    height: 100%;
+    background-image: url('../img/product/outlet_sellout_bg.png');
+    background-repeat: no-repeat;
+    background-size: contain;
 }
 }
-.header-download .yoho-logo{
-    height: 1.425rem;
-    background-image: url(../img/sprite.channel.png);
-    background-position: 0px 0px;
-    background-size: 8.05rem 7.375rem;
+.good-detail-text .name a{
+    display: block;
+    margin: 0.5rem 0;
+    min-height: 1.5rem;
+    color: #444;
+    font-size: 0.55rem;
+    line-height: 0.7rem;
 }
 }
-.header-download p{
-    line-height: 1.2rem;
-    font-size: 0.7rem;
-    color: #fff;
-    text-align: center;
+.good-detail-text .price{
+    font-size: 0.55rem;
+    line-height: 0.55rem;
+    white-space: nowrap;
 }
 }
-.header-download .download-btn{
-    display: block;
-    margin: 0.45rem auto 0;
-    width: 7.35rem;
-    height: 1.6rem;
-    line-height: 1.6rem;
-    border: (0.075rem) solid #fff;
-    font-size: 0.9rem;
-    text-align: center;
-    color: #fff;
+.good-detail-text .price .sale-price{
+    color: #d62927;
 }
 }
-.header-download .close-btn{
-    position: absolute;
-    top: 0.425rem;
+.good-detail-text .price .sale-price.no-price{
+    color: #000;
+}
+.good-detail-text .price .market-price{
+    margin: 0 0 0 0.125rem;
+    color: #b0b0b0;
+    text-decoration: line-through;
+}
+.good-detail-text .vip-grade{
+    display: inline-block;
+    margin-right: 0.2rem;
+    width: 1.3rem;
+    height: 0.8rem;
+    vertical-align: text-bottom;
+}
+.good-detail-text .vip-grade-1{
+    background: url('../img/product/silver.png') no-repeat;
+    background-size: contain;
+}
+.good-detail-text .vip-grade-2{
+    background: url('../img/product/golden.png') no-repeat;
+    background-size: contain;
+}
+.good-detail-text .vip-grade-3{
+    background: url('../img/product/platinum.png') no-repeat;
+    background-size: contain;
+}
+.good-detail-text .vip-info{
+    margin-top: 0.475rem;
+    color: #444;
+    font-size: 0.45rem;
+    line-height: 0.8rem;
+}
+.good-detail-text .vip-info .vip-icon{
+    display: inline-block;
+    margin-right: 0.2rem;
+    width: 2.2rem;
+    height: 0.8rem;
+    background: url('../img/product/vip-icon.png') no-repeat;
+    background-size: contain;
+    vertical-align: bottom;
+}
+.goods-container{
+    position: relative;
+    padding-top: 0.2rem;
+    padding-left: 0.375rem;
+    min-height: 22rem;
+}
+.filter-mask, .filter-body{
+    position: absolute;
+    top: 0;
+    right: 0;
+    left: 0;
+}
+.filter-mask{
+    height: 100%;
+    background: rgba(0, 0, 0, 0.1);
+}
+.filter-body{
+    height: 25rem;
+    background: #fff;
+    color: #000;
+    font-size: 0.7rem;
+    cursor: pointer;
+}
+.filter-body .classify{
+    width: 50%;
+    height: 100%;
+    background: #f8f8f8;
+}
+.filter-body .classify > li{
+    height: 3rem;
+    line-height: 3rem;
+}
+.filter-body .classify > li > *{
+    box-sizing: border-box;
+}
+.filter-body .classify > li .shower{
+    overflow: hidden;
+    padding-left: 1rem;
+    width: 100%;
+    color: #333;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+.filter-body .classify > li .shower.highlight{
+    background: #eee;
+}
+.filter-body .classify > li .default{
+    color: #999;
+}
+.filter-body .classify > li .title{
+    float: left;
+    color: #000;
+}
+.filter-body .classify > li.active{
+    background: #fff;
+}
+.filter-body .sub-classify{
+    position: absolute;
+    top: 0;
+    left: 50%;
+    display: none;
+    overflow: auto;
+    -webkit-overflow-scrolling: touch;
+    width: 50%;
+    height: 22rem;
+}
+.filter-body .sub-classify > li{
+    overflow: hidden;
+    padding-left: 0.75rem;
+    height: 3rem;
+    border-bottom: 1px solid #e6e6e6;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    line-height: 3rem;
+}
+.filter-body .sub-classify > li.highlight{
+    background: #eee;
+}
+.filter-body .sub-classify .chosed-icon{
+    display: none;
+}
+.filter-body .sub-classify .chosed .chosed-icon{
+    display: inline;
+}
+.filter-body .active > .sub-classify{
+    display: block;
+}
+.suspend-cart{
+    position: fixed;
+    right: 0.75rem;
+    bottom: 3.5rem;
+    z-index: 10;
+    width: 2.2rem;
+    height: 2.2rem;
+    border-radius: 50%;
+    background: rgba(0, 0, 0, 0.3);
+    text-align: center;
+    line-height: 2.2rem;
+}
+.suspend-cart a{
+    display: block;
+    width: 100%;
+    height: 100%;
+}
+.suspend-cart .iconfont{
+    color: #fff;
+    font-size: 0.9rem;
+}
+.suspend-cart .cart-count{
+    position: absolute;
+    top: -0.6rem;
+    right: -0.5rem;
+    width: 1.8rem;
+    height: 1.8rem;
+    border-radius: 50%;
+    background: #f03d35;
+    color: #fff;
+    text-align: center;
+    font-size: 1rem;
+    line-height: 1.8rem;
+    transform: scale(0.5);
+}
+.err-page .err-bg{
+    position: fixed;
+    height: 5rem;
+    width: 5rem;
+    top: 50%;
+    left: 50%;
+    margin-left: -2.5rem;
+    margin-top: -2.5rem;
+    background: url('../img/common/404.png') no-repeat;
+    background-size: 100% 100%;
+}
+.index-page{
+    overflow: hidden;
+    margin: 0 auto;
+    width: 100%;
+}
+.index-page #yohood{
+    border: none;
+    border-bottom: 0.2rem solid #fff;
+    background-color: transparent;
+    background-image: url('../img/channel/yohood.png');
+    background-position-x: 26%;
+    background-position-y: 36%;
+    background-size: 40%;
+    background-repeat: no-repeat;
+}
+.index-page #yohood:active{
+    border-bottom-color: #000;
+    background-color: rgba(255, 255, 255, 0.4);
+    background-image: url('../img/channel/yohood-tapped.png');
+}
+.index-page #yohood:active .right-icon{
+    color: #000;
+}
+.index-page .index-header{
+    box-sizing: border-box;
+    padding: 0 0.5rem;
+    width: 100%;
+    height: 2.4rem;
+    line-height: 2.4rem;
+}
+.index-page .index-header .index-logo{
+    float: left;
+    width: 7.2rem;
+    height: 2.4rem;
+    background: url('../img/channel/yohologo.png') left center no-repeat;
+    background-size: 7rem 1.5rem;
+    opacity: 1;
+    transition: all 400ms;
+}
+.index-page .index-header .index-logo img{
+    width: 5.175rem;
+    height: 1.225rem;
+    vertical-align: middle;
+}
+.index-page .index-header .index-logo.action{
+    width: 0;
+    opacity: 0;
+}
+.index-page .index-header .box{
+    position: relative;
+    z-index: 1;
+    overflow: hidden;
+}
+.index-page .index-header .box.action .no-search, .index-page .index-header .box.action .clear-text{
+    display: block;
+}
+.index-page .index-header .index-search{
+    overflow: hidden;
+    height: 2.4rem;
+    background: #fff;
+    transition: width 0.4s;
+}
+.index-page .index-header .index-search .search-box{
+    position: relative;
+    top: 0.5rem;
+    overflow: hidden;
+    box-sizing: border-box;
+    padding-right: 2rem;
+    height: 1.4rem;
+    border: 1px solid #ccc;
+    transition: width 400ms;
+    transition: margin-left 0.4s;
+}
+.index-page .index-header .index-search input{
+    float: left;
+    overflow: hidden;
+    padding: 0.25rem;
+    width: 96%;
+    border: none;
+    color: #999;
+    font-size: 0.7rem;
+    -webkit-appearance: none;
+}
+.index-page .index-header .index-search .iconfont{
+    position: absolute;
+    top: 0.2rem;
+    z-index: 1;
+    width: 1rem;
+    font-size: 0.7rem;
+    line-height: 1rem;
+}
+.index-page .index-header .index-search .clear-text{
+    right: 1.25rem;
+    display: none;
+    color: #ccc;
+}
+.index-page .index-header .index-search .search-icon{
+    right: 0.25rem;
+    color: #666;
+}
+.index-page .index-header .index-search .search-icon.empty{
+    color: #e6e6e6;
+}
+.index-page .index-header .no-search{
+    display: none;
+    float: left;
+    margin-right: 0.25rem;
+    color: #999;
+    font-size: 0.7rem;
+}
+.index-page .index-container{
+    position: relative;
+    background-color: white;
+    transition: transform 0.5s;
+}
+.index-page .index-container .index-channel{
+    position: relative;
+    min-height: 20rem;
+    background-color: #000;
+    color: #fff;
+    text-align: center;
+}
+.index-page .index-container .index-channel img{
+    width: 100%;
+}
+.index-page .index-container .index-channel .index-channel-list{
+    position: absolute;
+    top: 50%;
+    margin-top: -7.5rem;
+    width: 100%;
+}
+.index-page .index-container .index-channel .index-channel-list .list-item{
+    position: relative;
+    display: block;
+    margin: 0 auto 1rem;
+    width: 10.8rem;
+    height: 2.5rem;
+    border: 0.2rem solid #fff;
+    background-color: #000;
+    color: #fff;
+    text-align: center;
+    font-weight: bold;
+    font-size: 0.8rem;
+    line-height: 2.05rem;
+}
+.index-page .index-container .index-channel .index-channel-list .list-item:last-child{
+    margin-bottom: 0;
+}
+.index-page .index-container .index-channel .index-channel-list .lighter{
+    font-weight: lighter;
+}
+.index-page .index-container .index-channel .index-channel-list .right-icon{
+    position: absolute;
+    top: 0;
+    right: 0.25rem;
+    font-weight: bold;
+}
+.index-page .index-container .index-channel .index-channel-list .homestyle{
+    margin-bottom: 1.25rem;
+    width: 7.1825rem;
+}
+.header-download{
+    position: relative;
+    height: 5.3rem;
+    padding: 1.2rem 0 0;
+    overflow: hidden;
+}
+.header-download .download-bg{
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    z-index: -1;
+}
+.header-download .yoho-logo{
+    height: 1.425rem;
+    background-image: url(../img/sprite.channel.png);
+    background-position: 0px 0px;
+    background-size: 8.05rem 7.375rem;
+}
+.header-download p{
+    line-height: 1.2rem;
+    font-size: 0.7rem;
+    color: #fff;
+    text-align: center;
+}
+.header-download .download-btn{
+    display: block;
+    margin: 0.45rem auto 0;
+    width: 7.35rem;
+    height: 1.6rem;
+    line-height: 1.6rem;
+    border: (0.075rem) solid #fff;
+    font-size: 0.9rem;
+    text-align: center;
+    color: #fff;
+}
+.header-download .close-btn{
+    position: absolute;
+    top: 0.425rem;
     right: 0.325rem;
     right: 0.325rem;
     width: 1.25rem;
     width: 1.25rem;
     height: 1.25rem;
     height: 1.25rem;
@@ -1015,12 +1310,12 @@ a{
 }
 }
 .banner-swiper{
 .banner-swiper{
     position: relative;
     position: relative;
-    height: 7.75758rem;
+    max-height: 7.75758rem;
     overflow: hidden;
     overflow: hidden;
 }
 }
 .banner-swiper ul{
 .banner-swiper ul{
     position: relative;
     position: relative;
-    height: 7.75758rem;
+    max-height: 7.75758rem;
 }
 }
 .banner-swiper ul li{
 .banner-swiper ul li{
     float: left;
     float: left;
@@ -1618,9 +1913,12 @@ a{
     height: 3.65rem;
     height: 3.65rem;
     text-align: center;
     text-align: center;
 }
 }
-.icons-wrapper .icons-item.item-8{
+.icons-wrapper .icons-item.item-4{
     width: 25%;
     width: 25%;
 }
 }
+.icons-wrapper .icons-item.item-5{
+    width: 20%;
+}
 .icons-wrapper .imagebar{
 .icons-wrapper .imagebar{
     display: block;
     display: block;
     margin: 0 auto;
     margin: 0 auto;
@@ -2114,12 +2412,12 @@ a{
     font-weight: bold;
     font-weight: bold;
     color: #fff;
     color: #fff;
 }
 }
-#thumb-row{
+.thumb-row{
     background-color: #f0f0f0;
     background-color: #f0f0f0;
     text-align: center;
     text-align: center;
     padding: 0.8rem 0 0;
     padding: 0.8rem 0 0;
 }
 }
-#thumb-row .thumb-row-box{
+.thumb-row .thumb-row-box{
     display: inline-block;
     display: inline-block;
     width: 6.875rem;
     width: 6.875rem;
     height: 4rem;
     height: 4rem;
@@ -2422,6 +2720,74 @@ a{
     height: 1.4rem;
     height: 1.4rem;
     text-align: center;
     text-align: center;
 }
 }
+.discount-list li{
+    margin-bottom: 0.75rem;
+    background: #fff;
+}
+.discount-list img{
+    width: 100%;
+    height: 6.25rem;
+}
+.discount-list .discount-cont{
+    box-sizing: border-box;
+    padding: 0 0.5rem;
+    height: 1.925rem;
+    border-bottom: 1px solid #e0e0e0;
+    line-height: 1.925rem;
+}
+.discount-list .discount-title{
+    float: left;
+    overflow: hidden;
+    width: 11.25rem;
+    height: 1.925rem;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    font-size: 0.6rem;
+}
+.discount-list .discount-time{
+    float: right;
+    font-size: 0.55rem;
+}
+.discount-list .red-color{
+    color: #d0021b;
+}
+.left-right-thumb-row{
+    background-color: #fff;
+    text-align: center;
+    margin-bottom: 0.75rem;
+    padding: 0.75rem 0.7rem;
+    border-bottom: 1px solid #e0e0e0;
+    font-size: 0;
+}
+.left-right-thumb-row .thumb-row-box{
+    display: inline-block;
+    width: 6.9rem;
+    height: 3.35rem;
+    border-radius: 0;
+    background-size: 100% 100%;
+    background-repeat: no-repeat;
+    background-position: center;
+    margin: 0;
+}
+.left-right-thumb-row .thumb-row-box.first{
+    margin: 0 !important;
+}
+.left-right-thumb-row .left-thumb-row-box{
+    height: 7.4rem;
+}
+.left-right-thumb-row .left-container{
+    float: left;
+}
+.left-right-thumb-row .right-container{
+    float: right;
+    width: 6.9rem;
+    height: 7.4rem;
+    border-radius: 0.1rem;
+    margin: 0;
+}
+.left-right-thumb-row .right-container .right-thumb-row-box{
+    margin: 0.7rem 0 0;
+}
 .mobile-container{
 .mobile-container{
     margin-left: auto;
     margin-left: auto;
     margin-right: auto;
     margin-right: auto;
@@ -2506,14 +2872,6 @@ a{
     margin: 0 auto;
     margin: 0 auto;
     width: 2.65rem;
     width: 2.65rem;
 }
 }
-.goods-page .banner-swiper{
-    height: 5rem;
-    max-height: 5rem;
-}
-.goods-page .banner-swiper ul{
-    height: 5rem;
-    max-height: 5rem;
-}
 .goods-page .list-nav{
 .goods-page .list-nav{
     border-top: 1px solid #e6e6e6;
     border-top: 1px solid #e6e6e6;
     border-bottom: 1px solid #e6e6e6;
     border-bottom: 1px solid #e6e6e6;
@@ -2587,34 +2945,95 @@ a{
     position: relative;
     position: relative;
     padding-top: 0.2rem;
     padding-top: 0.2rem;
     padding-left: 0.375rem;
     padding-left: 0.375rem;
-    min-height: 22rem;
+    min-height: 16rem;
+}
+.yoho-header .sale-nav{
+    text-transform: capitalize;
+    width: auto;
+    right: 0.5rem;
+    font-size: 0.9rem;
+}
+.yoho-header + .sale-nav-select{
+    position: absolute;
+    top: 2.25rem;
+    right: 0.5rem;
+    z-index: 2;
+    padding: 0.25rem 0.75rem;
+    min-width: 6.15rem;
+    border-radius: 0.25rem;
+    background-color: #000;
+    background-image: linear-gradient(to bottom, #000 0%, #333 100%);
+    box-shadow: 0 0.05rem 0.125rem 0 rgba(0, 0, 0, 0.6);
+    text-align: center;
+    font-size: 0.7rem;
+    line-height: 2rem;
+    display: none;
+}
+.yoho-header + .sale-nav-select .arrow{
+    position: absolute;
+    top: -0.4rem;
+    right: 0.75rem;
+    width: 0;
+    height: 0;
+    border-style: solid;
+    border-width: 0 0.25rem 0.4rem;
+    border-color: transparent transparent #000;
+}
+.yoho-header + .sale-nav-select a{
+    display: block;
+    border-bottom: 0.05rem solid #ccc;
+    color: #fff;
+}
+.yoho-header + .sale-nav-select a:last-child{
+    border-bottom: none;
+}
+.yoho-header + .sale-nav-select.show{
+    display: block;
 }
 }
 .sale-page{
 .sale-page{
     overflow: hidden;
     overflow: hidden;
     background-color: #f0f0f0;
     background-color: #f0f0f0;
 }
 }
-.sale-page #thumb-row{
-    overflow: hidden;
-    padding-left: 0.75rem;
-    height: auto;
+.sale-page .thumb-row{
+    padding-top: 0.625rem;
+    padding-bottom: 0;
+}
+.sale-page .thumb-row .thumb-row-box{
+    margin-top: 0.25rem;
+}
+.sale-page .list-nav, .sale-page .goods-container{
     background: #fff;
     background: #fff;
-    text-align: left;
 }
 }
-.sale-page #thumb-row a{
-    float: left;
-    margin-right: 0.75rem;
-    width: 6.875rem;
-    height: 3.25rem;
+.sale-page .category-swiper{
+    height: auto;
+    max-height: 8rem;
 }
 }
-.sale-page #thumb-row .thumb-row-box{
-    margin: 0 auto;
-    width: 100%;
-    height: 100%;
-    border-radius: 0.5rem;
+.sale-page .focus-wrap .banner-top, .sale-page .vip-floor-wrap .banner-top, .sale-page .off-code-area-wrap .banner-top{
+    height: 5rem;
+    overflow: hidden;
 }
 }
-.sale-page .list-nav, .sale-page .goods-container{
+.sale-page .vip-floor{
+    border-bottom: 1px solid #e0e0e0;
+}
+.sale-page .vip-floor .good-info{
+    margin-bottom: 0.5rem;
+    height: auto;
+    min-height: 12.65rem;
+}
+.sale-page .list-nav{
+    width: 100%;
+    z-index: 1;
     background: #fff;
     background: #fff;
 }
 }
+.sale-page .list-nav.fixed{
+    position: fixed;
+    top: 0;
+    left: 0;
+}
+.sale-page .filter-mask.fixed{
+    position: fixed;
+    top: 1.75rem;
+}
 .sale-vip-page .good-info{
 .sale-vip-page .good-info{
     height: 14.25rem;
     height: 14.25rem;
 }
 }
@@ -2629,37 +3048,6 @@ a{
     height: auto;
     height: auto;
     background: #f0f0f0;
     background: #f0f0f0;
 }
 }
-.discount-page .special-list li{
-    margin-bottom: 0.75rem;
-    background: #fff;
-}
-.discount-page .special-list img{
-    width: 100%;
-    height: 6.25rem;
-}
-.discount-page .special-list .special-cont{
-    box-sizing: border-box;
-    padding: 0 0.5rem;
-    height: 1.925rem;
-    border-bottom: 1px solid #e0e0e0;
-    line-height: 1.925rem;
-}
-.discount-page .special-list .special-title{
-    float: left;
-    overflow: hidden;
-    width: 11.25rem;
-    height: 1.925rem;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    font-size: 0.6rem;
-}
-.discount-page .special-list .special-time{
-    float: right;
-    font-size: 0.55rem;
-}
-.discount-page .special-list .red-color{
-    color: #d0021b;
-}
 .discount-detail-page .banner{
 .discount-detail-page .banner{
     position: relative;
     position: relative;
     overflow: hidden;
     overflow: hidden;
@@ -3355,142 +3743,33 @@ a{
 .goods-comments-page .goods-comments .comment-item .comment-time{
 .goods-comments-page .goods-comments .comment-item .comment-time{
     color: #c1c1c1;
     color: #c1c1c1;
 }
 }
-.goods-consults-page{
-    background-color: #f0f0f0;
-}
-.goods-consults-page .goto-consult{
-    position: fixed;
-    top: 2.25rem;
-    width: 100%;
-    box-sizing: border-box;
-    padding: 0 0.7rem;
-    height: 3rem;
-    background-color: #fff;
-    border-bottom: 1px solid #e0e0e0;
-    z-index: 10;
-}
-.goods-consults-page .goto-consult i, .goods-consults-page .goto-consult span, .goods-consults-page .goto-consult a{
-    line-height: 3rem;
-    font-size: 0.7rem;
-    color: #444;
-}
-.goods-consults-page .goto-consult .consult-logo{
-    padding-right: 0.375rem;
-}
-.goods-consults-page .goto-consult .enter-consult-page{
-    float: right;
-    color: #b0b0b0;
-}
-.goods-consults-page .goods-consults.customer-consults .consult-item{
-    margin-top: 0.75rem;
-    padding: 0.5rem 0.7rem;
-    background-color: #fff;
-    border-bottom: 1px solid #e0e0e0;
-    border-top: 1px solid #e0e0e0;
-    margin-top: 0;
-    margin-bottom: 0.375rem;
-}
-.goods-consults-page .goods-consults.customer-consults .consult-item .question{
-    font-size: 0.6rem;
-    color: #444;
-}
-.goods-consults-page .goods-consults.customer-consults .consult-item .question p{
-    padding-bottom: 0.375rem;
-    border-bottom: 1px solid #e0e0e0;
-}
-.goods-consults-page .goods-consults.customer-consults .consult-item .question > span{
-    display: block;
-    float: left;
-    padding-right: 0.375rem;
-}
-.goods-consults-page .goods-consults.customer-consults .consult-item .time{
-    font-size: 0.55rem;
-    color: #b0b0b0;
-}
-.goods-consults-page .goods-consults.customer-consults .consult-item .answer{
-    font-size: 0.6rem;
-    line-height: 0.9rem;
-    color: #b0b0b0;
-    margin-top: 0.35rem;
-}
-.goods-consults-page .goods-consults.customer-consults .consult-item .answer span{
-    display: block;
-    float: left;
-    color: #444;
-    padding-right: 0.375rem;
-}
-.goods-consults-page .goods-consults.customer-consults .consult-item .answer p{
-    overflow: hidden;
-}
-.goods-consults-page .goods-consults.customer-consults .consult-item .operation{
-    width: 120%;
-    height: 1.5rem;
-    line-height: 2rem;
-    position: relative;
-    right: 12%;
-    border-top: 1px solid #e0e0e0;
-    margin-top: 0.5rem;
-}
-.goods-consults-page .goods-consults.customer-consults .consult-item .operation li{
-    font-size: 0.7rem;
-    float: left;
-    width: 50%;
-    text-align: center;
-    color: #b0b0b0;
-    position: relative;
-}
-.goods-consults-page .goods-consults.customer-consults .consult-item .operation li .iconfont{
-    display: inline-block;
-    padding-right: 5PX;
-    font-size: inherit;
-}
-.goods-consults-page .goods-consults.customer-consults .consult-item .operation li .animate-count{
-    display: none;
-    position: absolute;
-    top: 0;
-    font-size: 0.5rem;
-    z-index: 5;
-}
-.goods-consults-page .goods-consults.customer-consults .consult-item .operation li i.count{
-    position: absolute;
-}
-.goods-consults-page .goods-consults.customer-consults .consult-item .operation li.highlight{
-    color: #eb0313;
-}
-.goods-consults-page .goods-consults.customer-consults .consult-item .operation li.fav .animate-count{
-    right: 2.5rem;
-}
-.goods-consults-page .goods-consults.customer-consults .consult-item .operation li.useful .animate-count{
-    right: 2.2rem;
-}
-.goods-consults-page .goods-consults{
-    margin-top: 5.25rem;
-    overflow: hidden;
-    padding: 0;
-    background: none;
+.goods-consults-page{
+    background-color: #f0f0f0;
 }
 }
-.goods-consults-page .readmore{
-    display: block;
-    height: 2.2rem;
-    line-height: 2.2rem;
+.goods-consults-page .goto-consult{
+    position: fixed;
+    top: 2.25rem;
+    width: 100%;
+    box-sizing: border-box;
+    padding: 0 0.7rem;
+    height: 3rem;
     background-color: #fff;
     background-color: #fff;
-    text-align: center;
-    color: #b0b0b0;
-    margin-top: 0.75rem;
-    border-top: 1px solid #e0e0e0;
     border-bottom: 1px solid #e0e0e0;
     border-bottom: 1px solid #e0e0e0;
+    z-index: 10;
+}
+.goods-consults-page .goto-consult i, .goods-consults-page .goto-consult span, .goods-consults-page .goto-consult a{
+    line-height: 3rem;
     font-size: 0.7rem;
     font-size: 0.7rem;
+    color: #444;
 }
 }
-.goods-consults-page .readmore i{
-    font-size: inherit;
+.goods-consults-page .goto-consult .consult-logo{
+    padding-right: 0.375rem;
 }
 }
-.goods-consults-page .faq-title{
-    height: 2.2rem;
-    line-height: 2.2rem;
-    text-align: center;
-    font-size: 0.8rem;
+.goods-consults-page .goto-consult .enter-consult-page{
+    float: right;
+    color: #b0b0b0;
 }
 }
-.goods-consults-page .goods-consults .faq-item{
+.goods-consults-page .goods-consults.customer-consults .consult-item{
     margin-top: 0.75rem;
     margin-top: 0.75rem;
     padding: 0.5rem 0.7rem;
     padding: 0.5rem 0.7rem;
     background-color: #fff;
     background-color: #fff;
@@ -3499,39 +3778,39 @@ a{
     margin-top: 0;
     margin-top: 0;
     margin-bottom: 0.375rem;
     margin-bottom: 0.375rem;
 }
 }
-.goods-consults-page .goods-consults .faq-item .question{
+.goods-consults-page .goods-consults.customer-consults .consult-item .question{
     font-size: 0.6rem;
     font-size: 0.6rem;
     color: #444;
     color: #444;
 }
 }
-.goods-consults-page .goods-consults .faq-item .question p{
+.goods-consults-page .goods-consults.customer-consults .consult-item .question p{
     padding-bottom: 0.375rem;
     padding-bottom: 0.375rem;
     border-bottom: 1px solid #e0e0e0;
     border-bottom: 1px solid #e0e0e0;
 }
 }
-.goods-consults-page .goods-consults .faq-item .question > span{
+.goods-consults-page .goods-consults.customer-consults .consult-item .question > span{
     display: block;
     display: block;
     float: left;
     float: left;
     padding-right: 0.375rem;
     padding-right: 0.375rem;
 }
 }
-.goods-consults-page .goods-consults .faq-item .time{
+.goods-consults-page .goods-consults.customer-consults .consult-item .time{
     font-size: 0.55rem;
     font-size: 0.55rem;
     color: #b0b0b0;
     color: #b0b0b0;
 }
 }
-.goods-consults-page .goods-consults .faq-item .answer{
+.goods-consults-page .goods-consults.customer-consults .consult-item .answer{
     font-size: 0.6rem;
     font-size: 0.6rem;
     line-height: 0.9rem;
     line-height: 0.9rem;
     color: #b0b0b0;
     color: #b0b0b0;
     margin-top: 0.35rem;
     margin-top: 0.35rem;
 }
 }
-.goods-consults-page .goods-consults .faq-item .answer span{
+.goods-consults-page .goods-consults.customer-consults .consult-item .answer span{
     display: block;
     display: block;
     float: left;
     float: left;
     color: #444;
     color: #444;
     padding-right: 0.375rem;
     padding-right: 0.375rem;
 }
 }
-.goods-consults-page .goods-consults .faq-item .answer p{
+.goods-consults-page .goods-consults.customer-consults .consult-item .answer p{
     overflow: hidden;
     overflow: hidden;
 }
 }
-.goods-consults-page .goods-consults .faq-item .operation{
+.goods-consults-page .goods-consults.customer-consults .consult-item .operation{
     width: 120%;
     width: 120%;
     height: 1.5rem;
     height: 1.5rem;
     line-height: 2rem;
     line-height: 2rem;
@@ -3540,7 +3819,7 @@ a{
     border-top: 1px solid #e0e0e0;
     border-top: 1px solid #e0e0e0;
     margin-top: 0.5rem;
     margin-top: 0.5rem;
 }
 }
-.goods-consults-page .goods-consults .faq-item .operation li{
+.goods-consults-page .goods-consults.customer-consults .consult-item .operation li{
     font-size: 0.7rem;
     font-size: 0.7rem;
     float: left;
     float: left;
     width: 50%;
     width: 50%;
@@ -3548,548 +3827,366 @@ a{
     color: #b0b0b0;
     color: #b0b0b0;
     position: relative;
     position: relative;
 }
 }
-.goods-consults-page .goods-consults .faq-item .operation li .iconfont{
+.goods-consults-page .goods-consults.customer-consults .consult-item .operation li .iconfont{
     display: inline-block;
     display: inline-block;
     padding-right: 5PX;
     padding-right: 5PX;
     font-size: inherit;
     font-size: inherit;
 }
 }
-.goods-consults-page .goods-consults .faq-item .operation li .animate-count{
+.goods-consults-page .goods-consults.customer-consults .consult-item .operation li .animate-count{
     display: none;
     display: none;
     position: absolute;
     position: absolute;
     top: 0;
     top: 0;
     font-size: 0.5rem;
     font-size: 0.5rem;
-    z-index: 5;
-}
-.goods-consults-page .goods-consults .faq-item .operation li i.count{
-    position: absolute;
-}
-.goods-consults-page .goods-consults .faq-item .operation li.highlight{
-    color: #eb0313;
-}
-.goods-consults-page .goods-consults .faq-item .operation li.fav .animate-count{
-    right: 2.5rem;
-}
-.goods-consults-page .goods-consults .faq-item .operation li.useful .animate-count{
-    right: 2.2rem;
-}
-.goods-consults-page .goods-consults .faq-item .answer{
-    border-bottom: none;
-}
-.consult-form-page{
-    padding: 0.7rem;
-    text-align: center;
-}
-.consult-form-page textarea{
-    box-sizing: border-box;
-    width: 100%;
-    height: 10rem;
-    font-size: 0.7rem;
-    padding: 0.25rem;
-    color: #444;
-}
-.consult-form-page a{
-    display: inline-block;
-    height: 2rem;
-    width: 9rem;
-    color: #fff;
-    background-color: #444;
-    font-size: 1rem;
-    line-height: 2rem;
-    text-align: center;
-    margin-top: 0.5rem;
-}
-.good-detail-page .goods-desc{
-    padding-top: 0.5rem;
-    padding-bottom: 0.5rem;
-}
-.good-detail-page .goods-desc .service{
-    margin-left: 1.25rem;
-    width: 12.35rem;
-    height: 0.7rem;
-    background: url('../img/product/service.png') no-repeat;
-    background-size: cover;
-}
-.good-detail-page .goods-desc .detail{
-    margin-bottom: 1px;
-}
-.good-detail-page .goods-desc .desc-text{
-    padding: 0.4rem 0.3rem;
-    background-color: #eee;
-    color: #444;
-    font-size: 0.6rem;
-}
-.good-detail-page .tips{
-    margin-top: 0.5rem;
-    color: #b0b0b0;
-    font-size: 0.45rem;
-}
-.good-detail-page .materials{
-    overflow: hidden;
-}
-.good-detail-page .materials .detail .material-item{
-    position: relative;
-    display: block;
-    overflow: hidden;
-    margin: 0.25rem 0;
-    width: 100%;
-    height: auto;
-}
-.good-detail-page .materials .detail .material-item img{
-    margin: 0;
-}
-.good-detail-page .materials .detail .material-item .material-image{
-    position: absolute;
-    top: 50%;
-    left: 0;
-    width: 23%;
-    transform: translateY(-50%);
-}
-.good-detail-page .materials .detail .material-item .material-desc{
-    float: right;
-    box-sizing: border-box;
-    padding-left: 2%;
-    width: 76.9%;
-    height: auto;
-    color: #4b4b4b;
-    text-align: left;
-    word-wrap: break-word;
-    font-size: 0.6rem;
-    line-height: 0.95rem;
-}
-.good-detail-page .materials .detail .material-item:last-child{
-    border-bottom: none;
-}
-.good-detail-page .materials.page-block{
-    margin-bottom: 0;
-    border-bottom: none;
-}
-.good-detail-page .materials.page-block .detail{
-    margin-bottom: 0;
-}
-.good-detail-page .wash-tips{
-    padding-top: 0.5rem;
-}
-.good-detail-page .wash-tips .tip{
-    display: inline-block;
-    width: 16.6%;
-}
-.good-detail-page .wash-tips .tip img{
-    margin-bottom: 0.25rem;
-    width: 1.2rem;
-    height: 1.2rem;
-}
-.good-detail-page .wash-tips .tip .caption{
-    display: block;
-    padding: 0 0.325rem;
-    min-height: 1.1rem;
-    text-align: center;
-    font-size: 0.45rem;
-    line-height: 0.55rem;
-}
-.good-detail-page .wash-tips.page-block{
-    padding-right: 0.375rem;
-    padding-left: 0.375rem;
-}
-.good-detail-page .product-detail{
-    margin-top: 0.75rem;
-    margin-bottom: 0.75rem;
-}
-.good-detail-page .product-detail .detail img{
-    margin-top: 0.5rem;
-    width: 14.525rem;
-    height: auto;
-}
-.good-detail-page .product-detail .detail a{
-    color: #2f91f6;
-    text-decoration: underline;
-}
-.good-detail-page .detail-swiper .swiper-wrapper .swiper-slide{
-    width: auto;
-}
-.good-detail-page .detail-swiper .swiper-wrapper .swiper-slide div{
-    text-align: center;
-}
-.good-detail-page .detail-swiper .swiper-wrapper .swiper-slide div.cell{
-    padding: 0 1rem;
-    border: 1px solid #fff;
-    background-color: #eee;
-    font-size: 0.6rem;
-    line-height: 1.325rem;
-}
-/*
-    模特
-    */
-.good-detail-page #reference-swiper-container .first-group{
-    margin-top: 1.375rem;
-    width: 1.75rem;
-}
-.good-detail-page #reference-swiper-container .first-group div{
-    height: 1.375rem;
-}
-.good-detail-page #reference-swiper-container .first-group div .avatar{
-    display: inline-block;
-    margin-top: 0.175rem;
-    width: 1rem;
-    border-radius: 50%;
-}
-/*
-    测量方法
-    */
-.good-detail-page .measurement-method .detail{
-    margin-top: 0;
-    margin-bottom: 0;
-    width: 100%;
-}
-.good-detail-page .measurement-method .detail img{
-    width: 100%;
-    height: auto;
-}
-.recommend-for-you{
-    padding: 0.75rem 0;
-    border-top: 1px solid #e0e0e0;
-    border-bottom: 1px solid #e0e0e0;
-    background: #fff;
-    font-size: 0.3rem;
-}
-.recommend-for-you .title{
-    color: #444;
-    text-align: center;
-    font-size: 0.8rem;
-    line-height: 2.2rem;
+    z-index: 5;
 }
 }
-.recommend-for-you .swiper-container{
-    padding: 0.75rem 0 0.5rem;
-    width: 100%;
+.goods-consults-page .goods-consults.customer-consults .consult-item .operation li i.count{
+    position: absolute;
 }
 }
-.recommend-for-you .swiper-container .swiper-wrapper{
-    padding: 0 0.75rem;
+.goods-consults-page .goods-consults.customer-consults .consult-item .operation li.highlight{
+    color: #eb0313;
 }
 }
-.recommend-for-you .swiper-container .swiper-slide{
-    float: left;
-    margin: 0 0.25rem;
-    width: 3.9rem;
+.goods-consults-page .goods-consults.customer-consults .consult-item .operation li.fav .animate-count{
+    right: 2.5rem;
 }
 }
-.recommend-for-you .swiper-container .swiper-slide img{
-    width: 100%;
-    height: 5.2rem;
+.goods-consults-page .goods-consults.customer-consults .consult-item .operation li.useful .animate-count{
+    right: 2.2rem;
 }
 }
-.recommend-for-you .sale-name{
+.goods-consults-page .goods-consults{
+    margin-top: 5.25rem;
     overflow: hidden;
     overflow: hidden;
-    margin-top: 0.5rem;
-    width: 100%;
-    color: #444;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-}
-.recommend-for-you .price{
-    position: relative;
-    margin-top: 0.2rem;
-    font-size: 0.6rem;
-    line-height: 1;
-}
-.recommend-for-you .price .sale-price{
-    display: block;
-    margin-right: 0.2rem;
-    color: #d9134f;
+    padding: 0;
+    background: none;
 }
 }
-.recommend-for-you .price .old-price{
+.goods-consults-page .readmore{
     display: block;
     display: block;
+    height: 2.2rem;
+    line-height: 2.2rem;
+    background-color: #fff;
+    text-align: center;
     color: #b0b0b0;
     color: #b0b0b0;
-    text-decoration: line-through;
+    margin-top: 0.75rem;
+    border-top: 1px solid #e0e0e0;
+    border-bottom: 1px solid #e0e0e0;
+    font-size: 0.7rem;
 }
 }
-.recommend-for-you .price .no-price{
-    color: #444;
+.goods-consults-page .readmore i{
+    font-size: inherit;
 }
 }
-.good-info{
-    float: left;
-    margin: 0.25rem 0.375rem 1rem;
-    width: 6.9rem;
-    height: 12.65rem;
+.goods-consults-page .faq-title{
+    height: 2.2rem;
+    line-height: 2.2rem;
+    text-align: center;
+    font-size: 0.8rem;
 }
 }
-.good-info .tag-container{
-    overflow: hidden;
-    width: 100%;
-    height: 0.7rem;
+.goods-consults-page .goods-consults .faq-item{
+    margin-top: 0.75rem;
+    padding: 0.5rem 0.7rem;
+    background-color: #fff;
+    border-bottom: 1px solid #e0e0e0;
+    border-top: 1px solid #e0e0e0;
+    margin-top: 0;
+    margin-bottom: 0.375rem;
 }
 }
-.good-info .tag-container .good-tag{
-    display: block;
-    float: left;
-    box-sizing: border-box;
-    margin-right: 0.1rem;
-    height: 0.7rem;
-    text-align: center;
-    font-size: 0.45rem;
-    line-height: 0.7rem;
+.goods-consults-page .goods-consults .faq-item .question{
+    font-size: 0.6rem;
+    color: #444;
 }
 }
-.good-info .tag-container .good-tag:last-child{
-    margin-right: 0;
+.goods-consults-page .goods-consults .faq-item .question p{
+    padding-bottom: 0.375rem;
+    border-bottom: 1px solid #e0e0e0;
 }
 }
-.good-info .tag-container .new-tag{
-    width: 1.5rem;
-    background-color: #78dc7e;
-    color: #fff;
+.goods-consults-page .goods-consults .faq-item .question > span{
+    display: block;
+    float: left;
+    padding-right: 0.375rem;
 }
 }
-.good-info .tag-container .renew-tag{
-    width: 2.25rem;
-    background-color: #78dc7e;
-    color: #fff;
+.goods-consults-page .goods-consults .faq-item .time{
+    font-size: 0.55rem;
+    color: #b0b0b0;
 }
 }
-.good-info .tag-container .sale-tag{
-    width: 1.5rem;
-    background-color: #ff575c;
-    color: #fff;
+.goods-consults-page .goods-consults .faq-item .answer{
+    font-size: 0.6rem;
+    line-height: 0.9rem;
+    color: #b0b0b0;
+    margin-top: 0.35rem;
 }
 }
-.good-info .tag-container .new-festival-tag{
-    width: 2.25rem;
-    background-color: #000;
-    color: #fff;
+.goods-consults-page .goods-consults .faq-item .answer span{
+    display: block;
+    float: left;
+    color: #444;
+    padding-right: 0.375rem;
 }
 }
-.good-info .tag-container .limit-tag{
-    width: 2.5rem;
-    border: 1px solid #000;
-    color: #000;
+.goods-consults-page .goods-consults .faq-item .answer p{
+    overflow: hidden;
 }
 }
-.good-detail-img{
+.goods-consults-page .goods-consults .faq-item .operation{
+    width: 120%;
+    height: 1.5rem;
+    line-height: 2rem;
     position: relative;
     position: relative;
-    height: 9.2rem;
+    right: 12%;
+    border-top: 1px solid #e0e0e0;
+    margin-top: 0.5rem;
 }
 }
-.good-detail-img .good-islike{
-    position: absolute;
-    top: 0;
-    right: 0;
-    width: 1.5rem;
-    height: 1.5rem;
-    color: #b0b0b0;
+.goods-consults-page .goods-consults .faq-item .operation li{
+    font-size: 0.7rem;
+    float: left;
+    width: 50%;
     text-align: center;
     text-align: center;
-    text-decoration: none;
-    font-size: 0.75rem;
-    line-height: 1.5rem;
-}
-.good-detail-img .good-like{
-    color: #d72928;
+    color: #b0b0b0;
+    position: relative;
 }
 }
-.good-detail-img img{
-    display: block;
-    width: 100%;
-    height: 9.2rem;
+.goods-consults-page .goods-consults .faq-item .operation li .iconfont{
+    display: inline-block;
+    padding-right: 5PX;
+    font-size: inherit;
 }
 }
-.good-detail-img .few-tag{
+.goods-consults-page .goods-consults .faq-item .operation li .animate-count{
+    display: none;
     position: absolute;
     position: absolute;
-    bottom: 0;
-    width: 100%;
-    height: 0.7rem;
-    background: #ffac5b;
-    color: #fff;
-    text-align: center;
-    font-size: 0.45rem;
-    line-height: 0.7rem;
+    top: 0;
+    font-size: 0.5rem;
+    z-index: 5;
 }
 }
-.good-detail-img .no-storage{
-    width: 100%;
-    height: 100%;
-    overflow: hidden;
-    background-color: #000;
-    opacity: 0.4;
+.goods-consults-page .goods-consults .faq-item .operation li i.count{
     position: absolute;
     position: absolute;
-    top: 0;
 }
 }
-.good-detail-img .no-storage .no-storage-img{
-    display: block;
-    width: 100%;
-    height: 100%;
-    background-image: url('../img/product/outlet_sellout_bg.png');
-    background-repeat: no-repeat;
-    background-size: contain;
+.goods-consults-page .goods-consults .faq-item .operation li.highlight{
+    color: #eb0313;
 }
 }
-.good-detail-text .name a{
-    display: block;
-    margin: 0.5rem 0;
-    min-height: 1.5rem;
-    color: #444;
-    font-size: 0.55rem;
-    line-height: 0.7rem;
+.goods-consults-page .goods-consults .faq-item .operation li.fav .animate-count{
+    right: 2.5rem;
 }
 }
-.good-detail-text .price{
-    font-size: 0.55rem;
-    line-height: 0.55rem;
+.goods-consults-page .goods-consults .faq-item .operation li.useful .animate-count{
+    right: 2.2rem;
 }
 }
-.good-detail-text .price .sale-price{
-    color: #d62927;
+.goods-consults-page .goods-consults .faq-item .answer{
+    border-bottom: none;
 }
 }
-.good-detail-text .price .sale-price.no-price{
-    color: #000;
+.consult-form-page{
+    padding: 0.7rem;
+    text-align: center;
 }
 }
-.good-detail-text .price .market-price{
-    margin: 0 0 0 0.125rem;
-    color: #b0b0b0;
-    text-decoration: line-through;
+.consult-form-page textarea{
+    box-sizing: border-box;
+    width: 100%;
+    height: 10rem;
+    font-size: 0.7rem;
+    padding: 0.25rem;
+    color: #444;
 }
 }
-.good-detail-text .vip-grade{
+.consult-form-page a{
     display: inline-block;
     display: inline-block;
-    margin-right: 0.2rem;
-    width: 1.3rem;
-    height: 0.8rem;
-    vertical-align: text-bottom;
+    height: 2rem;
+    width: 9rem;
+    color: #fff;
+    background-color: #444;
+    font-size: 1rem;
+    line-height: 2rem;
+    text-align: center;
+    margin-top: 0.5rem;
 }
 }
-.good-detail-text .vip-grade-1{
-    background: url('../img/product/silver.png') no-repeat;
-    background-size: contain;
+.good-detail-page .goods-desc{
+    padding-top: 0.5rem;
+    padding-bottom: 0.5rem;
 }
 }
-.good-detail-text .vip-grade-2{
-    background: url('../img/product/golden.png') no-repeat;
-    background-size: contain;
+.good-detail-page .goods-desc .service{
+    margin-left: 1.25rem;
+    width: 12.35rem;
+    height: 0.7rem;
+    background: url('../img/product/service.png') no-repeat;
+    background-size: cover;
 }
 }
-.good-detail-text .vip-grade-3{
-    background: url('../img/product/platinum.png') no-repeat;
-    background-size: contain;
+.good-detail-page .goods-desc .detail{
+    margin-bottom: 1px;
 }
 }
-.good-detail-text .vip-info{
-    margin-top: 0.475rem;
+.good-detail-page .goods-desc .desc-text{
+    padding: 0.4rem 0.3rem;
+    background-color: #eee;
     color: #444;
     color: #444;
+    font-size: 0.6rem;
+}
+.good-detail-page .tips{
+    margin-top: 0.5rem;
+    color: #b0b0b0;
     font-size: 0.45rem;
     font-size: 0.45rem;
-    line-height: 0.8rem;
 }
 }
-.good-detail-text .vip-info .vip-icon{
-    display: inline-block;
-    margin-right: 0.2rem;
-    width: 2.2rem;
-    height: 0.8rem;
-    background: url('../img/product/vip-icon.png') no-repeat;
-    background-size: contain;
-    vertical-align: bottom;
+.good-detail-page .materials{
+    overflow: hidden;
 }
 }
-.goods-container{
+.good-detail-page .materials .detail .material-item{
     position: relative;
     position: relative;
-    padding-top: 0.2rem;
-    padding-left: 0.375rem;
-    min-height: 22rem;
+    display: block;
+    overflow: hidden;
+    margin: 0.25rem 0;
+    width: 100%;
+    height: auto;
 }
 }
-.filter-mask, .filter-body{
+.good-detail-page .materials .detail .material-item img{
+    margin: 0;
+}
+.good-detail-page .materials .detail .material-item .material-image{
     position: absolute;
     position: absolute;
-    top: 0;
-    right: 0;
+    top: 50%;
     left: 0;
     left: 0;
+    width: 23%;
+    transform: translateY(-50%);
 }
 }
-.filter-mask{
-    height: 100%;
-    background: rgba(0, 0, 0, 0.1);
+.good-detail-page .materials .detail .material-item .material-desc{
+    float: right;
+    box-sizing: border-box;
+    padding-left: 2%;
+    width: 76.9%;
+    height: auto;
+    color: #4b4b4b;
+    text-align: left;
+    word-wrap: break-word;
+    font-size: 0.6rem;
+    line-height: 0.95rem;
 }
 }
-.filter-body{
-    height: 22rem;
-    background: #fff;
-    color: #000;
-    font-size: 0.7rem;
-    cursor: pointer;
+.good-detail-page .materials .detail .material-item:last-child{
+    border-bottom: none;
 }
 }
-.filter-body .classify{
-    width: 50%;
-    height: 100%;
-    background: #f8f8f8;
+.good-detail-page .materials.page-block{
+    margin-bottom: 0;
+    border-bottom: none;
 }
 }
-.filter-body .classify > li{
-    height: 3rem;
-    line-height: 3rem;
+.good-detail-page .materials.page-block .detail{
+    margin-bottom: 0;
 }
 }
-.filter-body .classify > li > *{
-    box-sizing: border-box;
+.good-detail-page .wash-tips{
+    padding-top: 0.5rem;
 }
 }
-.filter-body .classify > li .shower{
-    overflow: hidden;
-    padding-left: 1rem;
-    width: 100%;
-    color: #333;
-    text-overflow: ellipsis;
-    white-space: nowrap;
+.good-detail-page .wash-tips .tip{
+    display: inline-block;
+    width: 16.6%;
 }
 }
-.filter-body .classify > li .shower.highlight{
-    background: #eee;
+.good-detail-page .wash-tips .tip img{
+    margin-bottom: 0.25rem;
+    width: 1.2rem;
+    height: 1.2rem;
 }
 }
-.filter-body .classify > li .default{
-    color: #999;
+.good-detail-page .wash-tips .tip .caption{
+    display: block;
+    padding: 0 0.325rem;
+    min-height: 1.1rem;
+    text-align: center;
+    font-size: 0.45rem;
+    line-height: 0.55rem;
 }
 }
-.filter-body .classify > li .title{
-    float: left;
-    color: #000;
+.good-detail-page .wash-tips.page-block{
+    padding-right: 0.375rem;
+    padding-left: 0.375rem;
 }
 }
-.filter-body .classify > li.active{
-    background: #fff;
+.good-detail-page .product-detail{
+    margin-top: 0.75rem;
+    margin-bottom: 0.75rem;
 }
 }
-.filter-body .sub-classify{
-    position: absolute;
-    top: 0;
-    left: 50%;
-    display: none;
-    overflow: auto;
-    -webkit-overflow-scrolling: touch;
-    width: 50%;
-    height: 22rem;
+.good-detail-page .product-detail .detail img{
+    margin-top: 0.5rem;
+    width: 14.525rem;
+    height: auto;
 }
 }
-.filter-body .sub-classify > li{
-    overflow: hidden;
-    padding-left: 0.75rem;
-    height: 3rem;
-    border-bottom: 1px solid #e6e6e6;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    line-height: 3rem;
+.good-detail-page .product-detail .detail a{
+    color: #2f91f6;
+    text-decoration: underline;
 }
 }
-.filter-body .sub-classify > li.highlight{
-    background: #eee;
+.good-detail-page .detail-swiper .swiper-wrapper .swiper-slide{
+    width: auto;
 }
 }
-.filter-body .sub-classify .chosed-icon{
-    display: none;
+.good-detail-page .detail-swiper .swiper-wrapper .swiper-slide div{
+    text-align: center;
 }
 }
-.filter-body .sub-classify .chosed .chosed-icon{
-    display: inline;
+.good-detail-page .detail-swiper .swiper-wrapper .swiper-slide div.cell{
+    padding: 0 1rem;
+    border: 1px solid #fff;
+    background-color: #eee;
+    font-size: 0.6rem;
+    line-height: 1.325rem;
 }
 }
-.filter-body .active > .sub-classify{
-    display: block;
+/*
+    模特
+    */
+.good-detail-page #reference-swiper-container .first-group{
+    margin-top: 1.375rem;
+    width: 1.75rem;
 }
 }
-.suspend-cart{
-    position: fixed;
-    right: 0.75rem;
-    bottom: 3.5rem;
-    z-index: 10;
-    width: 2.2rem;
-    height: 2.2rem;
+.good-detail-page #reference-swiper-container .first-group div{
+    height: 1.375rem;
+}
+.good-detail-page #reference-swiper-container .first-group div .avatar{
+    display: inline-block;
+    margin-top: 0.175rem;
+    width: 1rem;
     border-radius: 50%;
     border-radius: 50%;
-    background: rgba(0, 0, 0, 0.3);
+}
+/*
+    测量方法
+    */
+.good-detail-page .measurement-method .detail{
+    margin-top: 0;
+    margin-bottom: 0;
+    width: 100%;
+}
+.good-detail-page .measurement-method .detail img{
+    width: 100%;
+    height: auto;
+}
+.recommend-for-you{
+    padding: 0.75rem 0;
+    border-top: 1px solid #e0e0e0;
+    border-bottom: 1px solid #e0e0e0;
+    background: #fff;
+    font-size: 0.3rem;
+}
+.recommend-for-you .title{
+    color: #444;
     text-align: center;
     text-align: center;
+    font-size: 0.8rem;
     line-height: 2.2rem;
     line-height: 2.2rem;
 }
 }
-.suspend-cart a{
-    display: block;
+.recommend-for-you .swiper-container{
+    padding: 0.75rem 0 0.5rem;
     width: 100%;
     width: 100%;
-    height: 100%;
 }
 }
-.suspend-cart .iconfont{
-    color: #fff;
-    font-size: 0.9rem;
+.recommend-for-you .swiper-container .swiper-wrapper{
+    padding: 0 0.75rem;
 }
 }
-.suspend-cart .cart-count{
-    position: absolute;
-    top: -0.6rem;
-    right: -0.5rem;
-    width: 1.8rem;
-    height: 1.8rem;
-    border-radius: 50%;
-    background: #f03d35;
-    color: #fff;
-    text-align: center;
-    font-size: 1rem;
-    line-height: 1.8rem;
-    transform: scale(0.5);
+.recommend-for-you .swiper-container .swiper-slide{
+    float: left;
+    margin: 0 0.25rem;
+    width: 3.9rem;
+}
+.recommend-for-you .swiper-container .swiper-slide img{
+    width: 100%;
+    height: 5.2rem;
+}
+.recommend-for-you .sale-name{
+    overflow: hidden;
+    margin-top: 0.5rem;
+    width: 100%;
+    color: #444;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+.recommend-for-you .price{
+    position: relative;
+    margin-top: 0.2rem;
+    font-size: 0.6rem;
+    line-height: 1;
 }
 }
-.err-page .err-bg{
-    position: fixed;
-    height: 5rem;
-    width: 5rem;
-    top: 50%;
-    left: 50%;
-    margin-left: -2.5rem;
-    margin-top: -2.5rem;
-    background: url('../img/common/404.png') no-repeat;
-    background-size: 100% 100%;
+.recommend-for-you .price .sale-price{
+    display: block;
+    margin-right: 0.2rem;
+    color: #d9134f;
+}
+.recommend-for-you .price .old-price{
+    display: block;
+    color: #b0b0b0;
+    text-decoration: line-through;
+}
+.recommend-for-you .price .no-price{
+    color: #444;
 }
 }
 .outlet-page .good-tag, .outlet-page .suspend-cart{
 .outlet-page .good-tag, .outlet-page .suspend-cart{
     display: none !important;
     display: none !important;
@@ -4161,41 +4258,14 @@ a{
     left: 0;
     left: 0;
     z-index: 100;
     z-index: 100;
 }
 }
-.outlet-page #thumb-row .thumb-row-box{
+.outlet-page .thumb-row .thumb-row-box{
     height: 3.3rem;
     height: 3.3rem;
     border-radius: 0;
     border-radius: 0;
     background-size: 100% 100%;
     background-size: 100% 100%;
 }
 }
 .outlet-page .left-right-thumb-row{
 .outlet-page .left-right-thumb-row{
-    background-color: #f0f0f0;
-    text-align: center;
-    padding: 0.8rem 0;
-}
-.outlet-page .left-right-thumb-row .thumb-row-box{
-    display: inline-block;
-    width: 6.875rem;
-    height: 3.3rem;
-    border-radius: 0;
-    background-size: 100% 100%;
-    background-repeat: no-repeat;
-    background-position: center;
-    margin: 0 0.36rem;
-}
-.outlet-page .left-right-thumb-row .thumb-row-box.first{
-    margin: 0 !important;
-}
-.outlet-page .left-right-thumb-row .left-thumb-row-box{
-    height: 7.7rem;
-}
-.outlet-page .left-right-thumb-row .right-container{
-    display: inline-block;
-    width: 6.875rem;
-    height: 7rem;
-    border-radius: 0.1rem;
-    margin: 0 0.36rem;
-}
-.outlet-page .left-right-thumb-row .right-container .right-thumb-row-box{
-    margin: 0.8rem 0 0;
+    background: #f0f0f0;
+    border-bottom: none;
 }
 }
 .outlet-page .banner{
 .outlet-page .banner{
     position: relative;
     position: relative;
@@ -4753,11 +4823,12 @@ body.passport-body *{
     padding-right: 40PX;
     padding-right: 40PX;
     right: 0;
     right: 0;
     color: #fff;
     color: #fff;
-    background-color: transparent;
+    background-color: #575757;
     border: 0;
     border: 0;
     border-radius: 5PX;
     border-radius: 5PX;
     appearance: none;
     appearance: none;
     direction: rtl;
     direction: rtl;
+    -webkit-appearance: none;
 }
 }
 .passport-page .select-container .select:focus{
 .passport-page .select-container .select:focus{
     outline: 0;
     outline: 0;
@@ -4939,7 +5010,7 @@ body.passport-body *{
     bottom: 0;
     bottom: 0;
     right: 0;
     right: 0;
     left: 0;
     left: 0;
-    background-color: rgba(0,0,0,.5);
+    background-color: rgba(0, 0, 0, 0.5);
 }
 }
 .login-page .retrive-pwd-ways{
 .login-page .retrive-pwd-ways{
     position: fixed;
     position: fixed;
@@ -5026,12 +5097,11 @@ body.passport-body *{
 .reg-code-page .tip a, .back-code-page .tip a{
 .reg-code-page .tip a, .back-code-page .tip a{
     color: #fff;
     color: #fff;
 }
 }
-.bind-page
-   .bind-tip{
+.bind-page .bind-tip{
     color: #fff;
     color: #fff;
     font-size: 15PX;
     font-size: 15PX;
 }
 }
-#yohood{
+.bind-page #yohood{
     background-image: url('../img/common/yohood.png');
     background-image: url('../img/common/yohood.png');
     background-size: 40%;
     background-size: 40%;
     background-repeat: no-repeat;
     background-repeat: no-repeat;
@@ -5052,7 +5122,7 @@ body.passport-body *{
     background-size: 100%;
     background-size: 100%;
 }
 }
 .success-page .success-tip{
 .success-page .success-tip{
-    padding: 10PX 10PX;
+    padding: 10PX;
     font-size: 16PX;
     font-size: 16PX;
     line-height: 1.5;
     line-height: 1.5;
 }
 }
@@ -5064,7 +5134,7 @@ body.passport-body *{
     font-size: 14PX;
     font-size: 14PX;
     line-height: 40PX;
     line-height: 40PX;
     color: #fff;
     color: #fff;
-    background: rgba(255, 255, 255, .4);
+    background: rgba(255, 255, 255, 0.4);
     border-radius: 5PX;
     border-radius: 5PX;
 }
 }
 .star-page{
 .star-page{
@@ -5570,7 +5640,6 @@ body.passport-body *{
     font: 0.3rem/1.5 Arial, '黑体';
     font: 0.3rem/1.5 Arial, '黑体';
     float: left;
     float: left;
 }
 }
-
 .chose-panel{
 .chose-panel{
     position: fixed;
     position: fixed;
     top: 0;
     top: 0;
@@ -5582,7 +5651,6 @@ body.passport-body *{
     height: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.3);
     background: rgba(0, 0, 0, 0.3);
 }
 }
-
 .chose-panel .main{
 .chose-panel .main{
     position: absolute;
     position: absolute;
     right: 0;
     right: 0;
@@ -5591,34 +5659,28 @@ body.passport-body *{
     height: 15.25rem;
     height: 15.25rem;
     background: #fff;
     background: #fff;
 }
 }
-
 .chose-panel .infos{
 .chose-panel .infos{
     padding: 0 0.55rem;
     padding: 0 0.55rem;
     height: 11.5rem;
     height: 11.5rem;
 }
 }
-
 .chose-panel .chose-items{
 .chose-panel .chose-items{
     overflow: auto;
     overflow: auto;
     height: 8.125rem;
     height: 8.125rem;
 }
 }
-
 .chose-panel .basic-info{
 .chose-panel .basic-info{
     position: relative;
     position: relative;
     overflow: hidden;
     overflow: hidden;
     margin-top: 0.75rem;
     margin-top: 0.75rem;
     margin-bottom: 0.75rem;
     margin-bottom: 0.75rem;
 }
 }
-
 .chose-panel .thumb{
 .chose-panel .thumb{
     float: left;
     float: left;
     margin-right: 0.5rem;
     margin-right: 0.5rem;
     width: 2.5rem;
     width: 2.5rem;
 }
 }
-
 .chose-panel .text-info{
 .chose-panel .text-info{
     height: auto;
     height: auto;
 }
 }
-
 .chose-panel .text-info .name{
 .chose-panel .text-info .name{
     display: -webkit-box;
     display: -webkit-box;
     overflow: hidden;
     overflow: hidden;
@@ -5627,32 +5689,26 @@ body.passport-body *{
     -webkit-line-clamp: 2;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     -webkit-box-orient: vertical;
 }
 }
-
 .chose-panel .text-info .price{
 .chose-panel .text-info .price{
     display: inline;
     display: inline;
     font-size: 0.6rem;
     font-size: 0.6rem;
 }
 }
-
 .chose-panel .text-info .sale-price{
 .chose-panel .text-info .sale-price{
     margin-right: 0.375rem;
     margin-right: 0.375rem;
     color: #e10;
     color: #e10;
 }
 }
-
 .chose-panel .text-info .sale-price.no-price{
 .chose-panel .text-info .sale-price.no-price{
     color: #000;
     color: #000;
 }
 }
-
 .chose-panel .text-info .market-price{
 .chose-panel .text-info .market-price{
     color: #b0b0b0;
     color: #b0b0b0;
     text-decoration: line-through;
     text-decoration: line-through;
 }
 }
-
 .chose-panel .color-list, .chose-panel .size-list, .chose-panel .num{
 .chose-panel .color-list, .chose-panel .size-list, .chose-panel .num{
     position: relative;
     position: relative;
     padding-left: 2rem;
     padding-left: 2rem;
     font-size: 0.7rem;
     font-size: 0.7rem;
 }
 }
-
 .chose-panel .color-list input.disabled, .chose-panel .size-list input.disabled, .chose-panel .num input.disabled{
 .chose-panel .color-list input.disabled, .chose-panel .size-list input.disabled, .chose-panel .num input.disabled{
     border-radius: 0;
     border-radius: 0;
     background-color: #fff;
     background-color: #fff;
@@ -5660,27 +5716,22 @@ body.passport-body *{
     opacity: 1;
     opacity: 1;
     -webkit-appearance: none;
     -webkit-appearance: none;
 }
 }
-
 .chose-panel .color-list > span, .chose-panel .size-list > span, .chose-panel .num > span{
 .chose-panel .color-list > span, .chose-panel .size-list > span, .chose-panel .num > span{
     position: absolute;
     position: absolute;
     top: 0.5rem;
     top: 0.5rem;
     left: 0;
     left: 0;
 }
 }
-
 .chose-panel .color-list > span.left-num, .chose-panel .size-list > span.left-num, .chose-panel .num > span.left-num{
 .chose-panel .color-list > span.left-num, .chose-panel .size-list > span.left-num, .chose-panel .num > span.left-num{
     position: absolute;
     position: absolute;
     top: 0.5rem;
     top: 0.5rem;
     left: 9.5rem;
     left: 9.5rem;
 }
 }
-
 .chose-panel .color-list span.disabled, .chose-panel .size-list span.disabled, .chose-panel .num span.disabled{
 .chose-panel .color-list span.disabled, .chose-panel .size-list span.disabled, .chose-panel .num span.disabled{
     color: #e6e6e6;
     color: #e6e6e6;
 }
 }
-
 .chose-panel .size-list li.hide{
 .chose-panel .size-list li.hide{
     display: none;
     display: none;
 }
 }
-
 .chose-panel .block{
 .chose-panel .block{
     display: block;
     display: block;
     float: left;
     float: left;
@@ -5694,7 +5745,6 @@ body.passport-body *{
     text-align: center;
     text-align: center;
     line-height: 2rem;
     line-height: 2rem;
 }
 }
-
 .chose-panel .block.chosed{
 .chose-panel .block.chosed{
     border-color: #e10;
     border-color: #e10;
     background: url('../img/shopping-cart/right.png') no-repeat;
     background: url('../img/shopping-cart/right.png') no-repeat;
@@ -5702,23 +5752,19 @@ body.passport-body *{
     background-size: 0.95rem;
     background-size: 0.95rem;
     color: #e10;
     color: #e10;
 }
 }
-
 .chose-panel .block.zero-stock{
 .chose-panel .block.zero-stock{
     border-color: #e0e0e0;
     border-color: #e0e0e0;
     color: #e0e0e0;
     color: #e0e0e0;
 }
 }
-
 .chose-panel .block.zero-stock.chosed{
 .chose-panel .block.zero-stock.chosed{
     border-color: #e0e0e0;
     border-color: #e0e0e0;
     background: none;
     background: none;
     background-color: #c0c0c0;
     background-color: #c0c0c0;
     color: #e0e0e0;
     color: #e0e0e0;
 }
 }
-
 .chose-panel .num{
 .chose-panel .num{
     margin-bottom: 0.5rem;
     margin-bottom: 0.5rem;
 }
 }
-
 .chose-panel .num .btn{
 .chose-panel .num .btn{
     display: block;
     display: block;
     float: left;
     float: left;
@@ -5728,11 +5774,9 @@ body.passport-body *{
     text-align: center;
     text-align: center;
     line-height: 2rem;
     line-height: 2rem;
 }
 }
-
 .chose-panel .num .btn.disable{
 .chose-panel .num .btn.disable{
     color: #e6e6e6;
     color: #e6e6e6;
 }
 }
-
 .chose-panel .good-num{
 .chose-panel .good-num{
     float: left;
     float: left;
     margin-left: -1px;
     margin-left: -1px;
@@ -5743,11 +5787,9 @@ body.passport-body *{
     text-align: center;
     text-align: center;
     line-height: 2rem;
     line-height: 2rem;
 }
 }
-
 .chose-panel .btn-plus{
 .chose-panel .btn-plus{
     margin-left: -1px;
     margin-left: -1px;
 }
 }
-
 .chose-panel .btn-wrap{
 .chose-panel .btn-wrap{
     position: relative;
     position: relative;
     box-sizing: border-box;
     box-sizing: border-box;
@@ -5757,7 +5799,6 @@ body.passport-body *{
     background: #fff;
     background: #fff;
     text-align: center;
     text-align: center;
 }
 }
-
 .chose-panel .btn-wrap .btn-sure{
 .chose-panel .btn-wrap .btn-sure{
     width: 6.5rem;
     width: 6.5rem;
     height: 2rem;
     height: 2rem;
@@ -5766,5 +5807,269 @@ body.passport-body *{
     color: #fff;
     color: #fff;
     font-size: 0.8rem;
     font-size: 0.8rem;
 }
 }
+.yoho-suggest-page{
+    width: 100%;
+    height: auto;
+}
+/* 意见反馈头部 */
+.yoho-suggest-page .suggest-header{
+    text-align: center;
+    color: #fff;
+    font-size: 0.65rem;
+    line-height: 1.15rem;
+    overflow: hidden;
+    padding-bottom: 0.5rem;
+    background-image: linear-gradient(#383838, #505050);
+}
+.yoho-suggest-page .suggest-header:before{
+    content: '';
+    display: block;
+    background-image: url(../img/sprite.me.png);
+    background-position: -1.85rem 0px;
+    background-size: 4.45rem 2.9rem;
+    width: 2.6rem;
+    height: 0.875rem;
+    margin: 0.25rem auto 0.375rem;
+}
+/* 意见反馈主体 */
+.yoho-suggest-page .suggest-content{
+    border-top: 1px solid #e0e0e0;
+}
+.yoho-suggest-page .suggest-item{
+    width: 100%;
+    color: #444;
+    border-top: 1px solid #e0e0e0;
+    border-bottom: 0.75rem solid #f0f0f0;
+    overflow: hidden;
+}
+.yoho-suggest-page .suggest-item .suggest-item-img{
+    width: 100%;
+    overflow: hidden;
+}
+.yoho-suggest-page .suggest-item .suggest-item-img > img{
+    margin: 0 auto;
+    display: block;
+    max-width: 100%;
+}
+.yoho-suggest-page .suggest-item > h2{
+    font-size: 0.95rem;
+    margin: 0.75rem 0 0.775rem;
+    padding: 0 0.875rem;
+}
+.yoho-suggest-page .suggest-item > p{
+    font-size: 0.65rem;
+    line-height: 1.2rem;
+    padding: 0 0.875rem;
+}
+.yoho-suggest-page .suggest-type{
+    margin-top: 0.725rem - 0.275rem;
+    height: 2.2rem;
+    line-height: 2.2rem;
+    border-top: 1px solid #e0e0e0;
+    border-bottom: 1px solid #e0e0e0;
+    color: #b0b0b0;
+    font-size: 0.65rem;
+    display: none;
+    text-align: center;
+}
+.yoho-suggest-page .suggest-type > .active{
+    color: #444;
+}
+.yoho-suggest-page .suggest-type.show{
+    display: block;
+}
+.yoho-suggest-page .suggest-active > div{
+    width: 50%;
+    height: 100%;
+    float: left;
+    text-align: left;
+    padding-left: 3.2rem;
+    box-sizing: border-box;
+}
+.yoho-suggest-page .suggest-active > div:nth-last-of-type(1){
+    padding-left: 0;
+    padding-right: 3.2rem;
+    text-align: right;
+    float: right;
+}
+.yoho-suggest-page .suggest-active > div:nth-last-of-type(1) > span{
+    display: inline-block;
+    height: 100%;
+    overflow: hidden;
+}
+.yoho-suggest-page .suggest-active > div:nth-last-of-type(1) > span:nth-of-type(1){
+    transform: rotate(180deg);
+}
+.yoho-suggest-page .suggest-bad > div > span{
+    display: inline-block;
+    height: 100%;
+    overflow: hidden;
+}
+.yoho-suggest-page .suggest-bad > div > span:nth-of-type(1){
+    transform: rotate(180deg);
+}
+/* 发表意见 */
+.yoho-suggest-page .create-new-suggest{
+    display: block;
+    width: 100%;
+    height: 2.2rem;
+    line-height: 2.2rem;
+    text-align: center;
+    font-size: 0.75rem;
+    border-top: 0.75rem solid #f0f0f0;
+    border-bottom: 0.75rem solid #f0f0f0;
+    position: relative;
+}
+.yoho-suggest-page .create-new-suggest .list-item{
+    padding: 0 0.875rem;
+}
+.yoho-suggest-page .create-new-suggest .new-right{
+    float: right;
+    margin-left: 1rem;
+    color: #e0e0e0;
+}
+.yoho-suggest-page .create-new-suggest a{
+    color: #444;
+    display: inline-block;
+}
+/* 提交页面 */
+.yoho-suggest-sub-page{
+    width: 100%;
+    background: #f0f0f0;
+}
+.yoho-suggest-sub-page .suggest-sub-form{
+    background: #fff;
+    width: 100%;
+}
+.yoho-suggest-sub-page .suggest-sub-form #suggest-textarea{
+    box-sizing: border-box;
+    width: 100%;
+    max-width: 100%;
+    min-width: 100%;
+    height: 6.375rem;
+    max-height: 6.375rem;
+    min-height: 6.375rem;
+    padding: 0.75rem;
+    font-size: 0.65rem;
+    line-height: 1.2rem;
+    color: #000;
+    display: block;
+    background: #fff;
+    border: none;
+    outline: none;
+    resize: none;
+}
+.yoho-suggest-sub-page .img-form{
+    padding: 0 0.75rem;
+    padding-top: 1rem;
+    overflow: hidden;
+}
+.yoho-suggest-sub-page .img-form .upload-img-list{
+    float: left;
+}
+.yoho-suggest-sub-page .img-form .upload-img-list > li{
+    display: block;
+    width: 3.25rem;
+    height: 3.25rem;
+    float: left;
+    margin-right: 0.75rem;
+    background: url('../img/common/loading.gif') center center no-repeat;
+    background-size: 50%;
+    position: relative;
+}
+.yoho-suggest-sub-page .img-form .upload-img-list > li > img{
+    display: block;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+}
+.yoho-suggest-sub-page .img-form .upload-img-list > li > span{
+    display: block;
+    background-image: url(../img/sprite.me.png);
+    background-position: 0px -1.85rem;
+    background-size: 4.45rem 2.9rem;
+    width: 1.05rem;
+    height: 1.05rem;
+    position: absolute;
+    top: -0.525rem;
+    right: -0.525rem;
+}
+.yoho-suggest-sub-page .img-form .img-add{
+    display: block;
+    width: 3.25rem;
+    height: 3.25rem;
+    border: 1px dashed #e0e0e0;
+    position: relative;
+    text-indent: -25rem;
+    float: left;
+}
+.yoho-suggest-sub-page .img-form .img-add input[type="file"]{
+    position: absolute;
+    opacity: 0.2;
+    border: none;
+    outline: none;
+    display: block;
+    width: 3.25rem;
+    height: 3.25rem;
+    top: 0;
+    left: 0;
+}
+.yoho-suggest-sub-page .img-form .img-add:after{
+    content: '';
+    display: block;
+    background-image: url(../img/sprite.me.png);
+    background-position: 0px 0px;
+    background-size: 4.45rem 2.9rem;
+    width: 1.8rem;
+    height: 1.8rem;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    margin-top: -0.9rem;
+    margin-left: -0.9rem;
+}
+/* dialog */
+.dialog-wrapper{
+    background: hsla(0, 0%, 0%, 0.5);
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    display: none;
+}
+.dialog-wrapper .dialog-box{
+    width: 13.5rem;
+    border-radius: 0.5rem;
+    background: hsla(100, 100%, 100%, 0.8);
+    position: absolute;
+    left: 50%;
+    margin-left: -6.75rem;
+    font-size: 0.75rem;
+    text-align: center;
+    color: #000;
+}
+.dialog-wrapper .dialog-content{
+    padding: 1.5rem 0.75rem;
+}
+.dialog-wrapper .dialog-footer{
+    border-top: 1px solid #ccc;
+    height: 2.2rem;
+    line-height: 2.2rem;
+}
+.dialog-wrapper .dialog-footer > span{
+    display: block;
+    width: 50%;
+    height: 100%;
+    float: left;
+    box-sizing: border-box;
+}
+.dialog-wrapper .dialog-footer > span:nth-last-of-type(1){
+    border-left: 1px solid #ccc;
+    color: #e01;
+}
+.dialog-wrapper .dialog-footer > span:active{
+    background-color: #ccc;
+}
 
 
 /*# sourceMappingURL=index.css.map */
 /*# sourceMappingURL=index.css.map */

@@ -297,6 +297,13 @@ function search(opt) {
                 }
                 }
             }
             }
 
 
+            $('.good-detail-text .name').each(function() {
+                var $this = $(this),
+                    $title = $this.find('a');
+
+                $title[0].mlellipsis(2);
+            });
+
             nav.reload = false;
             nav.reload = false;
             nav.page = page;
             nav.page = page;
 
 
@@ -304,13 +311,6 @@ function search(opt) {
             loading.hideLoadingMask();
             loading.hideLoadingMask();
 
 
             window.rePosFooter();
             window.rePosFooter();
-
-            $('.good-detail-text .name').each(function() {
-                var $this = $(this),
-                    $title = $this.find('a');
-
-                $title[0].mlellipsis(2);
-            });
         },
         },
         error: function() {
         error: function() {
             tip.show('网络断开连接了~');
             tip.show('网络断开连接了~');

@@ -8,8 +8,8 @@
 
 
     .thumb-row-box {
     .thumb-row-box {
         display: inline-block;
         display: inline-block;
-        width: 275px;
-        height: 132px;
+        width: 276px;
+        height: 134px;
         border-radius: 0;
         border-radius: 0;
         background-size: 100% 100%;
         background-size: 100% 100%;
         background-repeat: no-repeat;
         background-repeat: no-repeat;
@@ -22,7 +22,7 @@
     }
     }
 
 
     .left-thumb-row-box {
     .left-thumb-row-box {
-        height: 308px;
+        height: 296px;
     }
     }
 
 
     .left-container {
     .left-container {
@@ -31,13 +31,13 @@
 
 
     .right-container {
     .right-container {
         float: right;
         float: right;
-        width: 275px;
-        height: 280px;
+        width: 276px;
+        height: 296px;
         border-radius: 4px;
         border-radius: 4px;
         margin: 0;
         margin: 0;
 
 
         .right-thumb-row-box {
         .right-thumb-row-box {
-            margin: 44px 0 0;
+            margin: 28px 0 0;
         }
         }
     }
     }
 }
 }