forest-H5/pages/index/index.css

page{background-color: #F6F7F8;}
/* 搜索修改 */
.search-wrap{padding: 10rpx 8rpx;background-color: #F6F7F8;}
.index >>> .uni-searchbar__box{justify-content: left;border: 0;background-color: #ECEDEE!important;}
.index >>> .uni-searchbar{background-color: #F6F7F8;}

.index >>> .mescroll-downwarp{z-index: -1;}
/* .mescroll-body{overflow: visible;} */

.appAdv{height:300rpx;background-color: #F6F7F8;}
.appAdv .adv-item .pic{width: 100%;}
.appAdv .adv-item{border-radius: 24rpx;overflow: hidden;transform: scale(0.9);transition: all .3s;}
.appAdv .adv-item.active{transform: scale(1);}

.mescroll-wrap{margin-bottom: 24rpx;}

/* 快速导航 */
/* .quick-links{display: flex;flex-wrap: wrap;padding: 0;justify-content: space-between;}
.quick-links-item{width: 48%;margin-bottom: 24rpx;position: relative;}
.quick-links .quick-links-item:nth-child(1){color: #4A90E2;}
.quick-links .quick-links-item:nth-child(2){color: #397B53;}
.quick-links .quick-links-item:nth-child(3){color: #9013FE;}
.quick-links .quick-links-item:nth-child(4){color: #F5A623;}
.quick-links-item-til{position: absolute;left: 16rpx;top: 16rpx;z-index: 10;font-size: 24rpx;font-weight: bold;}
.quick-links-item-subtil{position: absolute;left: 16rpx;top: 53rpx;z-index: 10;font-size: 16rpx;}
.quick-links-item-img{width: 100%;height: 160rpx;overflow: hidden;border-radius: 10rpx;}
.quick-links-item-img image{width: 100%;height: 100%;} */

.subject{margin-bottom: 24rpx;display: flex;justify-content: space-between;padding: 0 50rpx;}
.subject-item{width: 100rpx;text-align: center;}
.subject-item-img{margin: 0 auto 8rpx;width: 78rpx;height: 78rpx;}
.subject-item-img .img{width: 100%;height: 100%;}
.subject-item-til{font-size: 24rpx;color: #417505;line-height: 33rpx;}

/* 分类链接 */
.category{display: flex;align-items: end;height: 88rpx;line-height: 88rpx;background-color: #fff;}
.category .category-item{position: relative;height: 100%;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 32rpx;color: #666;}
.category .category-item.active{font-size: 36rpx;color: #6BBC6D;}
.category .category-item.active::after{content: '';width: 100%;height: 6rpx;background-color: #6BBC6D;border-radius: 3rpx;position: absolute;left: 0;bottom: 0;}
.category .category-item-more{font-size: 24rpx;color: #6BBC6D;padding-left: 24rpx;margin-right: 10rpx;}
/* .category .category-item-more::after{content: '';width: 20rpx;height: 20rpx;position: absolute;right: 10rpx;top: 50%;margin-top: -10rpx;border-top: 1px solid #6BBC6D;border-right: 1px solid #6BBC6D;transform: rotate(45deg);} */
.category .category-item-all{margin-left: 40rpx;}
.category-scroll-view{flex: 1;overflow: hidden;white-space: nowrap;padding-left: 23rpx;}
.category-scroll-view .category-item{display: inline-block;margin: 0 23rpx;}

/* 瀑布流 */
/* .waterfall{column-count: 2;column-gap: 1vw;padding-top: 1vw;}
.waterfall .item-wrap{width: 100%;overflow: hidden;border-radius: 24rpx;break-inside: avoid;margin-bottom: 24rpx;}
.waterfall .item-img{width: 100%;height: auto;}
.waterfall .item-til{margin-bottom: 10rpx;font-size: 28rpx;padding: 0 20rpx;}
.waterfall .item-info{font-size: 24rpx;padding: 0 20rpx;}
.waterfall .item-info .price{color: #f60;margin-right: 5rpx;}
.waterfall .item-info .addr{color: #666;} */

.indexproduct{display: flex;flex-wrap: wrap;}
.indexproduct .item-wrap{width: 50%;margin-bottom: 22rpx;}
.indexproduct .item-wrap .item{box-shadow: 0px 0px 14px -4px rgba(0, 0, 0, 0.3);border-radius: 18rpx;}
.indexproduct .item-wrap:nth-child(odd) .item{margin-right: 11rpx;}
.indexproduct .item-wrap:nth-child(even) .item{margin-left: 11rpx;}
.indexproduct .item-img-wrap{overflow: hidden;width: 100%;height: 322rpx;margin-bottom: 12rpx;border-top-left-radius: 18rpx;border-top-right-radius: 18rpx;}
.indexproduct .item-img{width: 100%;height: 100%;}
.indexproduct .item-text-wrap{padding:  0 24rpx 25rpx;padding-right: 0;box-sizing: border-box;height: 190rpx;}
.indexproduct .merchant{line-height: 33rpx;color: #6BBC6D;font-size: 24rpx;}
.indexproduct .merchant .postage{height: 24rpx;padding: 0 14rpx;margin-left: 16rpx;line-height: 24rpx;display: inline-block;font-size: 20rpx;background-color: #E1F2E2;border-radius: 12rpx;}
.indexproduct .item-til{font-size: 32rpx;font-weight: 500;color: #333;line-height: 45rpx;}
.indexproduct .item-spec{font-size: 24rpx;line-height: 33rpx;height: 36rpx;margin-top: 10rpx;overflow: hidden;}
.indexproduct .item-addr{font-size: 24rpx;font-weight: 400;color: #666;line-height: 33rpx;margin-bottom: 5rpx;}
.indexproduct .item-price-info .rmb{font-size: 28rpx;font-weight: 500;color: #FF5030;line-height: 40rpx;}
.indexproduct .item-price-info .price{font-size: 36rpx;font-weight: 500;color: #FF5030;line-height: 50rpx;}
.indexproduct .item-price-info .price.noprice{font-size: 28rpx;}
.indexproduct .item-price-info .unit{font-size: 24rpx;font-weight: 400;color: #999999;line-height: 33rpx;}


.index >>> .u-notice-bar-wrap .iconfont{color: #feaa36;}
.index >>> .uni-popup .fade-out:first-of-type{background-color: rgba(0, 0, 0, 0.75)!important;}
.uni-popup{z-index: 999;}
.promotion{width: 100vw;position: relative;text-align: center;}
.promotion .image{width:625rpx;height: 962rpx;display: block;margin: 0 auto 32rpx;}
.close-wrap{}
.promotion .imgclose{width: 60rpx;height: 60rpx;}

/* .supplier-list{padding: 0 16rpx 24rpx;} */
.suppliers{display: flex;}
.supplier-list-item{flex-shrink: 0;width: 142rpx;margin-right: 20rpx;display: inline-block;}
.supplier-list-item-img{display: block;width: 100%;height: 108rpx;margin-bottom: 7rpx;}
.supplier-list-item-img .img{width: 100%;height: 100%;}
.supplier-list-item-til{font-size: 24rpx;color: #666;line-height: 33rpx;height: 64rpx;overflow: hidden;}

.rollbuy{position: absolute;top: 89rpx;left: 0;height: 54rpx;line-height: 54rpx;background-color: rgba(0,0,0,0.47);color: #fff;border-top-right-radius: 50rpx;border-bottom-right-radius: 50rpx;font-size: 24rpx;padding: 0 30rpx 0 16rpx;}