You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

216 lines
5.2 KiB

3 years ago
.productSort.data-v-2c6b91b8 {
height: 100%;
padding-bottom: 200rpx;
background: #fff !important;
position: relative;
}
.page-top-box.data-v-2c6b91b8 {
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 99;
3 years ago
background: #fff;
padding: 0 30rpx 20rpx;
3 years ago
box-shadow: 0px -6px 20px rgba(0, 0, 0, 0.11);
}
.page-top-box .top-box .top-box-l.data-v-2c6b91b8 {
font-size: 32rpx;
color: #000;
font-weight: 500;
}
.page-top-box .top-box .top-box-l image.data-v-2c6b91b8 {
width: 26rpx;
height: 30rpx;
display: block;
margin-right: 10rpx;
}
.page-top-box .top-box .cart-btn-box.data-v-2c6b91b8 {
width: 50rpx;
height: 50rpx;
}
.page-top-box .top-box .cart-btn-box image.data-v-2c6b91b8 {
width: 100%;
height: 100%;
}
.page-top-box .index.data-v-2c6b91b8 {
height: 96rpx;
}
.page-top-box .index .header.data-v-2c6b91b8 {
height: 68rpx;
position: static;
padding: 0;
margin-top: 34rpx;
}
.page-top-box .index .header .search.data-v-2c6b91b8 {
background-color: #EEEEEE;
border-radius: 8rpx;
}
.category-tab-box.data-v-2c6b91b8 {
width: 100%;
height: 108rpx;
line-height: 108rpx;
padding-left: 30rpx;
margin-bottom: 30rpx;
}
.category-tab-box .scroll-view_H.data-v-2c6b91b8 {
white-space: nowrap;
width: 100%;
}
.category-tab-box .scroll-view_H .category-item.data-v-2c6b91b8 {
display: inline-block;
font-size: 28rpx;
line-height: 40rpx;
color: #999;
margin-right: 40rpx;
}
.category-tab-box .scroll-view_H .category-item.category-item-active.data-v-2c6b91b8 {
color: #FF6D31;
font-size: 32rpx;
font-weight: 500;
position: relative;
}
.category-tab-box .scroll-view_H .category-item.category-item-active.data-v-2c6b91b8::after {
content: '';
width: 70rpx;
height: 8rpx;
border-radius: 6rpx;
display: block;
position: absolute;
bottom: -24rpx;
left: 0;
background: #FF7942;
}
.warter-box.data-v-2c6b91b8 {
width: 100%;
padding: 0 0 190rpx 24rpx;
3 years ago
}
.warter-box .u-waterfall.data-v-2c6b91b8 {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: flex;
3 years ago
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.warter-box .u-waterfall .u-column .warter.data-v-2c6b91b8 {
width: 336rpx !important;
3 years ago
border-radius: 10rpx;
background-color: #ffffff;
position: relative;
overflow: hidden;
box-shadow: 0px 6rpx 12rpx rgba(0, 0, 0, 0.06);
margin-bottom: 20rpx;
}
.warter-box .u-waterfall .u-column .warter image.data-v-2c6b91b8 {
width: 100%;
3 years ago
display: block;
}
.warter-box .u-waterfall .u-column .warter .goodsinfo-box.data-v-2c6b91b8 {
width: 100%;
padding: 12rpx 16rpx;
}
.warter-box .u-waterfall .u-column .warter .goodsinfo-box .title.data-v-2c6b91b8 {
font-size: 28rpx;
font-weight: 500;
color: #1D1D1D;
width: 100%;
height: 80rpx;
}
.warter-box .u-waterfall .u-column .warter .goodsinfo-box .price.data-v-2c6b91b8 {
font-size: 28rpx;
font-weight: bold;
line-height: 40rpx;
color: #FF7942;
}
.warter-box .u-waterfall .u-column .warter .goodsinfo-box .old-price.data-v-2c6b91b8 {
font-size: 20rpx;
line-height: 28rpx;
color: #BFBFBF;
3 years ago
text-decoration: line-through;
3 years ago
}
.banner-img-box.data-v-2c6b91b8 {
width: 100%;
padding: 220rpx 40rpx 32rpx;
3 years ago
}
.banner-img-box .img-box-l.data-v-2c6b91b8 {
width: 324rpx;
height: 400rpx;
}
.banner-img-box .img-box-l image.data-v-2c6b91b8 {
width: 100%;
height: 100%;
}
.banner-img-box .img-box-r.data-v-2c6b91b8 {
width: 324rpx;
height: 400rpx;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: ;
-webkit-align-items: ;
align-items: ;
}
.banner-img-box .img-box-r image.data-v-2c6b91b8 {
width: 324rpx;
height: 190rpx;
}
.goods-list-box.data-v-2c6b91b8 {
width: 100%;
padding: 0 30rpx;
}
.goods-list-box .goods-list-item.data-v-2c6b91b8 {
width: 100%;
}
.goods-list-box .goods-list-item .goods-type-box image.data-v-2c6b91b8 {
width: 94rpx;
height: 94rpx;
}
.goods-list-box .goods-list-item .goods-type-box .t-word.data-v-2c6b91b8 {
font-size: 36rpx;
color: #222;
font-weight: 600;
}
.goods-list-box .goods-list-item .goods-list.data-v-2c6b91b8 {
width: 100%;
}
.goods-list-box .goods-list-item .goods-list .goods-item.data-v-2c6b91b8 {
width: 335rpx;
background: #fff;
margin-right: 10rpx;
margin-bottom: 30rpx;
border-radius: 10rpx;
overflow: hidden;
box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.06);
}
.goods-list-box .goods-list-item .goods-list .goods-item image.data-v-2c6b91b8 {
width: 100%;
height: 278rpx;
}
.goods-list-box .goods-list-item .goods-list .goods-item.data-v-2c6b91b8:nth-child(2n) {
margin-right: 0;
}
.goods-list-box .goods-list-item .goods-list .goods-desc-box.data-v-2c6b91b8 {
width: 100%;
padding: 16rpx;
font-size: 24rpx;
}
.goods-list-box .goods-list-item .goods-list .goods-desc-box .goods-name.data-v-2c6b91b8 {
line-height: 34rpx;
}
.goods-list-box .goods-list-item .goods-list .goods-desc-box .price.data-v-2c6b91b8 {
font-size: 28rpx;
color: #E5270F;
line-height: 40rpx;
margin-bottom: 26rpx;
}