page { min-height: 100%; background-color: #f4f4f4; } .container { min-height: 100%; background-color: #f4f4f4; } .search-header { position: fixed; top: 0; width: 750rpx; height: 91rpx; display: flex; background: #fff; border-bottom: 1px solid rgba(0, 0, 0, 0.15); padding: 0 31.25rpx; font-size: 29rpx; color: #333; } .search-header .van-icon-search { line-height: 59rpx; } .search-header .input-box { position: relative; margin-top: 16rpx; float: left; width: 0; flex: 1; height: 59rpx; line-height: 59rpx; padding: 0 20rpx; background: #f4f4f4; } .search-header .icon { position: absolute; top: 14rpx; left: 20rpx; width: 31rpx; height: 31rpx; } .search-header .del { position: absolute; top: 3rpx; right: 10rpx; width: 53rpx; height: 53rpx; z-index: 10; } .search-header .keywrod { position: absolute; top: 0; left: 40rpx; width: 506rpx; height: 59rpx; padding-left: 30rpx; } .search-header .right { margin-top: 24rpx; margin-left: 31rpx; margin-right: 6rpx; width: 58rpx; height: 43rpx; line-height: 43rpx; float: right; } .no-search { height: auto; overflow: hidden; margin-top: 91rpx; } .search-keywords { background: #fff; width: 750rpx; height: auto; overflow: hidden; margin-bottom: 20rpx; } .search-keywords .h { padding: 0 31.25rpx; height: 93rpx; line-height: 93rpx; width: 100%; color: #999; font-size: 29rpx; } .search-keywords .title { display: block; width: 120rpx; float: left; } .search-keywords .icon { margin-top: 19rpx; float: right; display: block; margin-left: 511rpx; height: 55rpx; width: 55rpx; } .search-keywords .b { width: 750rpx; height: auto; overflow: hidden; padding-left: 31.25rpx; } .search-keywords .item { display: inline-block; width: auto; height: 48rpx; line-height: 48rpx; padding: 0 15rpx; border: 1px solid #999; margin: 0 31.25rpx 31.25rpx 0; font-size: 24rpx; color: #333; } .search-keywords .item.active { color: #b4282d; border: 1px solid #b4282d; } .shelper-list { width: 750rpx; height: auto; overflow: hidden; background: #fff; padding: 0 31.25rpx; } .shelper-list .item { height: 93rpx; width: 687.5rpx; line-height: 93rpx; font-size: 24rpx; color: #333; border-bottom: 1px solid #f4f4f4; } .sort { position: fixed; top: 91rpx; background: #fff; width: 100%; height: 78rpx; } .sort-box { background: #fff; width: 100%; height: 78rpx; overflow: hidden; padding: 0 30rpx; display: flex; 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 { margin-top: 175rpx; height: auto; overflow: hidden; } .cate-item .h { height: 145rpx; width: 750rpx; display: flex; flex-direction: column; align-items: center; justify-content: center; } .cate-item .h .name { display: block; height: 35rpx; margin-bottom: 18rpx; font-size: 30rpx; color: #333; } .cate-item .h .desc { display: block; height: 24rpx; font-size: 24rpx; color: #999; } .cate-item .b { width: 750rpx; padding: 0 6.25rpx; height: auto; overflow: hidden; } .cate-item .list-filter { height: 80rpx; width: 100%; background: #fff; margin-bottom: 6.25rpx; } .cate-item .b .item { float: left; background: #fff; width: 365rpx; margin-bottom: 6.25rpx; padding-bottom: 33.333rpx; height: auto; overflow: hidden; text-align: center; } .cate-item .b .item-b { margin-left: 6.25rpx; } .cate-item .item .img { width: 302rpx; height: 302rpx; } .cate-item .item .name { display: block; width: 365.625rpx; height: 35rpx; margin: 11.5rpx 0 22rpx 0; text-align: center; overflow: hidden; padding: 0 20rpx; font-size: 30rpx; color: #333; } .cate-item .item .price { height: 40rpx; line-height: 40rpx; text-align: center; font-size: 30rpx; color: #b4282d; } .search-result-empty { width: 100%; height: 100%; padding-top: 600rpx; } .search-result-empty .text { display: block; width: 100%; height: 40rpx; font-size: 28rpx; text-align: center; color: #999; } .cate-item .item .price { height: 40rpx; justify-content: center; display: flex; margin-top: 20rpx; align-items:flex-end; } .counterPrice{ text-decoration: line-through; font-size: 24rpx; margin:0 0 0 20rpx; } .retailPrice{ font-size: 30rpx; height: 30rpx; line-height: 30rpx; } .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; }