page { background: #f4f4f4; } .brand-info .name { width: 750rpx; height: 184rpx; /* position: relative; */ } .brand-info .img { /* position: absolute; top: 0; left: 0; */ width: 750rpx; height: 184rpx; } .price-unit{ font-size: 23rpx; font-weight: 400; color: #202020; } .brand-info .info-box { position: absolute; top: 0; left: 0; width: 100%; height: 278rpx; text-align: center; display: flex; justify-content: center; align-items: center; } .brand-info .info { display: block; } .brand-info .txt { display: block; height: 40rpx; font-size: 37.5rpx; /* color: #fff; */ } .brand-info .line { margin: 0 auto; margin-top: 16rpx; display: block; height: 2rpx; width: 145rpx; background: #fff; } .sort { position: relative; background: #fff; width: 100%; height: 78rpx; } .sort-box { background: #fff; width: 100%; height: 78rpx; overflow: hidden; padding: 0 30rpx; display: flex; align-items: center; border-bottom: 1px solid #d9d9d9; } .sort-box .item { height: 78rpx; line-height: 78rpx; text-align: center; flex: 1; color: #333; font-size: 30rpx; } .sort-box .item .txt { color: #333; } .sort-box .item.active .txt { color: #b4282d; } .sort-box .item .van-icon { margin-left: 6rpx; } .sort-box-category { background: #fff; width: 100%; height: auto; overflow: hidden; padding: 40rpx 40rpx 0 0; border-bottom: 1px solid #d9d9d9; } .sort-box-category .item { height: 54rpx; line-height: 54rpx; text-align: center; float: left; padding: 0 16rpx; margin: 0 0 40rpx 40rpx; border: 1px solid #666; color: #333; font-size: 24rpx; } .sort-box-category .item.active { color: #b4282d; border: 1px solid #b4282d; } .cate-item .b { /* width: 750rpx; height: auto; overflow: hidden; border-top: 1rpx solid #f4f4f4; margin-top: 20rpx; */ width: 750rpx; /* padding: 0 6.25rpx; */ height: auto; overflow: hidden; } .cate-item .b .item { /* float: left; background: #fff; width: 375rpx; padding-bottom: 33.333rpx; border-bottom: 1rpx solid #f4f4f4; height: auto; overflow: hidden; text-align: center; */ float: left; background: #fff; width: 342rpx; height: auto; overflow: hidden; padding: 15rpx; border-radius: 15rpx; margin: 16.5rpx 16.5rpx 8.5rpx 16.5rpx; } .cate-item .b .item-b { border-right: 1rpx solid #f4f4f4; } .cate-item .item .img { width: 312rpx; height: 312rpx; border-radius: 15rpx; } .cate-item .item .name { display: block; width: 365.625rpx; /* height: 63rpx; */ margin: 0 0 5rpx 0; overflow: hidden; padding: 0 20rpx; font-size: 26rpx; color: #1C1C1C; line-height: 1.3em; padding-left: 0rpx; text-align: left; } .cate-item .item .price { height: 40rpx; /* justify-content: center; */ display: flex; align-items:flex-end; justify-content: flex-start; margin-top: 10rpx; } .counterPrice{ text-decoration: line-through; font-size: 24rpx; margin: 0 0 0 20rpx; color: #C7C7C7; } .retailPrice{ font-size: 40rpx; height: 40rpx; line-height: 40rpx; font-weight: bold; color: #202020; } .memberPrice{ font-size: 22rpx; color: #DD483E; margin:0 10rpx 0 20rpx; } .member-price-tag{ width:88rpx; height: 26rpx; line-height: 26rpx; background: url('https://jzmall.lifejingzhi.com/file/jzmall/weixin/member/member-price-bg.png') no-repeat center center; background-size: 100% 100%; color: #5E3A11; font-size: 16rpx; padding:0 8rpx 0 0; text-align: right; margin:0 0 6rpx 0; }