张泽世 / yohobuywap-node · Commits

Go to a project

Authored by 梁志锋
Commit 96b0eaec1bc6620cffc5e3cd0b2d14d5179db016 2 parents d7ba995f af1087c1

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

Inline Side-by-side
Showing 6 changed files with 1215 additions and 911 deletions
'use strict';
var API = require('../../../library/api').API;
var api = new API();
var api = global.yoho.API;
const camelCase = global.yoho.camelCase;
... ...
... ... @@ -3,14 +3,14 @@
<div class="left-container">
{{# left}}
<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>
{{/ left}}
</div>
<div class="right-container">
{{# right}}
<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>
{{/ right}}
</div>
... ...
... ... @@ -75,6 +75,7 @@ a{
overflow: hidden;
}
.main-wrap{
position: relative;
margin-right: auto;
margin-left: auto;
max-width: 16rem;
... ... @@ -143,6 +144,7 @@ a{
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 9;
}
.loading-mask .loading{
position: absolute;
... ... @@ -611,6 +613,7 @@ a{
width: 100%;
height: 2.25rem;
background-color: #000;
background-image: linear-gradient(#323232, #414141);
color: #fff;
line-height: 2.25rem;
}
... ... @@ -779,206 +782,498 @@ a{
bottom: 0;
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;
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;
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;
}
.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;
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;
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-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%;
height: 9.2rem;
}
.index-page .index-container .index-channel .index-channel-list{
.good-detail-img .few-tag{
position: absolute;
top: 50%;
margin-top: -7.5rem;
bottom: 0;
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;
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;
}
.header-download .download-bg{
background-color: #000;
opacity: 0.4;
position: absolute;
left: 0;
top: 0;
}
.good-detail-img .no-storage .no-storage-img{
display: block;
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;
width: 1.25rem;
height: 1.25rem;
... ... @@ -1015,12 +1310,12 @@ a{
}
.banner-swiper{
position: relative;
height: 7.75758rem;
max-height: 7.75758rem;
overflow: hidden;
}
.banner-swiper ul{
position: relative;
height: 7.75758rem;
max-height: 7.75758rem;
}
.banner-swiper ul li{
float: left;
... ... @@ -1618,9 +1913,12 @@ a{
height: 3.65rem;
text-align: center;
}
.icons-wrapper .icons-item.item-8{
.icons-wrapper .icons-item.item-4{
width: 25%;
}
.icons-wrapper .icons-item.item-5{
width: 20%;
}
.icons-wrapper .imagebar{
display: block;
margin: 0 auto;
... ... @@ -2114,12 +2412,12 @@ a{
font-weight: bold;
color: #fff;
}
#thumb-row{
.thumb-row{
background-color: #f0f0f0;
text-align: center;
padding: 0.8rem 0 0;
}
#thumb-row .thumb-row-box{
.thumb-row .thumb-row-box{
display: inline-block;
width: 6.875rem;
height: 4rem;
... ... @@ -2422,6 +2720,74 @@ a{
height: 1.4rem;
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{
margin-left: auto;
margin-right: auto;
... ... @@ -2506,14 +2872,6 @@ a{
margin: 0 auto;
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{
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
... ... @@ -2587,34 +2945,95 @@ a{
position: relative;
padding-top: 0.2rem;
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{
overflow: hidden;
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;
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;
}
.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{
height: 14.25rem;
}
... ... @@ -2629,37 +3048,6 @@ a{
height: auto;
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{
position: relative;
overflow: hidden;
... ... @@ -3355,142 +3743,33 @@ a{
.goods-comments-page .goods-comments .comment-item .comment-time{
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;
text-align: center;
color: #b0b0b0;
margin-top: 0.75rem;
border-top: 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;
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;
padding: 0.5rem 0.7rem;
background-color: #fff;
... ... @@ -3499,39 +3778,39 @@ a{
margin-top: 0;
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;
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;
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;
float: left;
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;
color: #b0b0b0;
}
.goods-consults-page .goods-consults .faq-item .answer{
.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 .faq-item .answer span{
.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 .faq-item .answer p{
.goods-consults-page .goods-consults.customer-consults .consult-item .answer p{
overflow: hidden;
}
.goods-consults-page .goods-consults .faq-item .operation{
.goods-consults-page .goods-consults.customer-consults .consult-item .operation{
width: 120%;
height: 1.5rem;
line-height: 2rem;
... ... @@ -3540,7 +3819,7 @@ a{
border-top: 1px solid #e0e0e0;
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;
float: left;
width: 50%;
... ... @@ -3548,548 +3827,366 @@ a{
color: #b0b0b0;
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;
padding-right: 5PX;
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;
position: absolute;
top: 0;
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;
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;
height: 2.2rem;
line-height: 2.2rem;
background-color: #fff;
text-align: center;
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;
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-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;
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;
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;
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;
font-size: 0.6rem;
}
.good-detail-page .tips{
margin-top: 0.5rem;
color: #b0b0b0;
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;
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;
top: 0;
right: 0;
top: 50%;
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%;
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;
font-size: 0.8rem;
line-height: 2.2rem;
}
.suspend-cart a{
display: block;
.recommend-for-you .swiper-container{
padding: 0.75rem 0 0.5rem;
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{
display: none !important;
... ... @@ -4161,41 +4258,14 @@ a{
left: 0;
z-index: 100;
}
.outlet-page #thumb-row .thumb-row-box{
.outlet-page .thumb-row .thumb-row-box{
height: 3.3rem;
border-radius: 0;
background-size: 100% 100%;
}
.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{
position: relative;
... ... @@ -4753,11 +4823,12 @@ body.passport-body *{
padding-right: 40PX;
right: 0;
color: #fff;
background-color: transparent;
background-color: #575757;
border: 0;
border-radius: 5PX;
appearance: none;
direction: rtl;
-webkit-appearance: none;
}
.passport-page .select-container .select:focus{
outline: 0;
... ... @@ -4939,7 +5010,7 @@ body.passport-body *{
bottom: 0;
right: 0;
left: 0;
background-color: rgba(0,0,0,.5);
background-color: rgba(0, 0, 0, 0.5);
}
.login-page .retrive-pwd-ways{
position: fixed;
... ... @@ -5026,12 +5097,11 @@ body.passport-body *{
.reg-code-page .tip a, .back-code-page .tip a{
color: #fff;
}
.bind-page
.bind-tip{
.bind-page .bind-tip{
color: #fff;
font-size: 15PX;
}
#yohood{
.bind-page #yohood{
background-image: url('../img/common/yohood.png');
background-size: 40%;
background-repeat: no-repeat;
... ... @@ -5052,7 +5122,7 @@ body.passport-body *{
background-size: 100%;
}
.success-page .success-tip{
padding: 10PX 10PX;
padding: 10PX;
font-size: 16PX;
line-height: 1.5;
}
... ... @@ -5064,7 +5134,7 @@ body.passport-body *{
font-size: 14PX;
line-height: 40PX;
color: #fff;
background: rgba(255, 255, 255, .4);
background: rgba(255, 255, 255, 0.4);
border-radius: 5PX;
}
.star-page{
... ... @@ -5570,7 +5640,6 @@ body.passport-body *{
font: 0.3rem/1.5 Arial, '黑体';
float: left;
}
.chose-panel{
position: fixed;
top: 0;
... ... @@ -5582,7 +5651,6 @@ body.passport-body *{
height: 100%;
background: rgba(0, 0, 0, 0.3);
}
.chose-panel .main{
position: absolute;
right: 0;
... ... @@ -5591,34 +5659,28 @@ body.passport-body *{
height: 15.25rem;
background: #fff;
}
.chose-panel .infos{
padding: 0 0.55rem;
height: 11.5rem;
}
.chose-panel .chose-items{
overflow: auto;
height: 8.125rem;
}
.chose-panel .basic-info{
position: relative;
overflow: hidden;
margin-top: 0.75rem;
margin-bottom: 0.75rem;
}
.chose-panel .thumb{
float: left;
margin-right: 0.5rem;
width: 2.5rem;
}
.chose-panel .text-info{
height: auto;
}
.chose-panel .text-info .name{
display: -webkit-box;
overflow: hidden;
... ... @@ -5627,32 +5689,26 @@ body.passport-body *{
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.chose-panel .text-info .price{
display: inline;
font-size: 0.6rem;
}
.chose-panel .text-info .sale-price{
margin-right: 0.375rem;
color: #e10;
}
.chose-panel .text-info .sale-price.no-price{
color: #000;
}
.chose-panel .text-info .market-price{
color: #b0b0b0;
text-decoration: line-through;
}
.chose-panel .color-list, .chose-panel .size-list, .chose-panel .num{
position: relative;
padding-left: 2rem;
font-size: 0.7rem;
}
.chose-panel .color-list input.disabled, .chose-panel .size-list input.disabled, .chose-panel .num input.disabled{
border-radius: 0;
background-color: #fff;
... ... @@ -5660,27 +5716,22 @@ body.passport-body *{
opacity: 1;
-webkit-appearance: none;
}
.chose-panel .color-list > span, .chose-panel .size-list > span, .chose-panel .num > span{
position: absolute;
top: 0.5rem;
left: 0;
}
.chose-panel .color-list > span.left-num, .chose-panel .size-list > span.left-num, .chose-panel .num > span.left-num{
position: absolute;
top: 0.5rem;
left: 9.5rem;
}
.chose-panel .color-list span.disabled, .chose-panel .size-list span.disabled, .chose-panel .num span.disabled{
color: #e6e6e6;
}
.chose-panel .size-list li.hide{
display: none;
}
.chose-panel .block{
display: block;
float: left;
... ... @@ -5694,7 +5745,6 @@ body.passport-body *{
text-align: center;
line-height: 2rem;
}
.chose-panel .block.chosed{
border-color: #e10;
background: url('../img/shopping-cart/right.png') no-repeat;
... ... @@ -5702,23 +5752,19 @@ body.passport-body *{
background-size: 0.95rem;
color: #e10;
}
.chose-panel .block.zero-stock{
border-color: #e0e0e0;
color: #e0e0e0;
}
.chose-panel .block.zero-stock.chosed{
border-color: #e0e0e0;
background: none;
background-color: #c0c0c0;
color: #e0e0e0;
}
.chose-panel .num{
margin-bottom: 0.5rem;
}
.chose-panel .num .btn{
display: block;
float: left;
... ... @@ -5728,11 +5774,9 @@ body.passport-body *{
text-align: center;
line-height: 2rem;
}
.chose-panel .num .btn.disable{
color: #e6e6e6;
}
.chose-panel .good-num{
float: left;
margin-left: -1px;
... ... @@ -5743,11 +5787,9 @@ body.passport-body *{
text-align: center;
line-height: 2rem;
}
.chose-panel .btn-plus{
margin-left: -1px;
}
.chose-panel .btn-wrap{
position: relative;
box-sizing: border-box;
... ... @@ -5757,7 +5799,6 @@ body.passport-body *{
background: #fff;
text-align: center;
}
.chose-panel .btn-wrap .btn-sure{
width: 6.5rem;
height: 2rem;
... ... @@ -5766,5 +5807,269 @@ body.passport-body *{
color: #fff;
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 */
... ...
This diff could not be displayed because it is too large.
... ... @@ -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.page = page;
... ... @@ -304,13 +311,6 @@ function search(opt) {
loading.hideLoadingMask();
window.rePosFooter();
$('.good-detail-text .name').each(function() {
var $this = $(this),
$title = $this.find('a');
$title[0].mlellipsis(2);
});
},
error: function() {
tip.show('网络断开连接了~');
... ...
... ... @@ -8,8 +8,8 @@
.thumb-row-box {
display: inline-block;
width: 275px;
height: 132px;
width: 276px;
height: 134px;
border-radius: 0;
background-size: 100% 100%;
background-repeat: no-repeat;
... ... @@ -22,7 +22,7 @@
}
.left-thumb-row-box {
height: 308px;
height: 296px;
}
.left-container {
... ... @@ -31,13 +31,13 @@
.right-container {
float: right;
width: 275px;
height: 280px;
width: 276px;
height: 296px;
border-radius: 4px;
margin: 0;
.right-thumb-row-box {
margin: 44px 0 0;
margin: 28px 0 0;
}
}
}
... ...