forest-H5/pages/product/product.css

page{background-color: #F6F7F8;}
.wrap{margin:0 24rpx;}
.product-info-wrap{background-color: #fff;padding: 24rpx 40rpx 46rpx;margin-bottom: 24rpx;}
.product-info-til{margin-bottom: 13rpx;font-size: 32rpx;font-weight: 500;color: #333333;line-height: 45rpx;font-weight: bold;}
.product-info-brand{margin-bottom: 8rpx;font-size: 24rpx;font-weight: 400;color: #6BBC6D;line-height: 33rpx;}
.product-info-brand .postage{margin-left: 16rpx;padding: 2rpx 14rpx;border-radius: 24rpx;font-size: 20rpx;font-weight: 400;color: #6BBC6D;line-height: 28rpx;background-color: #E1F2E2;}
.product-info-item{/* display: flex; */align-items: center;justify-content: space-between;margin-bottom: 8rpx;font-size: 26rpx;font-weight: 400;color: #999;line-height: 37rpx;}
.product-info-item .item{margin-bottom: 10rpx;margin-right: 20rpx;}
.product-info-price{font-size: 24rpx;font-weight: 400;color: #999;line-height: 33rpx;}
.product-info-price .rmb{margin-right: 10rpx;font-size: 28rpx;font-weight: 500;color: #FF5030;line-height: 40rpx;}
.product-info-price .price{font-size: 36rpx;font-weight: 500;color: #FF5030;line-height: 50rpx;}
.product-info-price .price.noprice{font-size: 28rpx;}

.block-til{display: flex;margin-bottom: 24rpx;justify-content: space-between;align-items: center;height: 90rpx;border-bottom: 1px solid #eee;}
.block-til-left{font-size: 30rpx;font-weight: bold;line-height: 42rpx;color: #333;}
.block-til-right{font-weight: 400;color: #6BBC6D;line-height: 33px;}

.placeoforigin-info{display: flex;align-items: center;}
.placeoforigin-info-img-wrap{width: 240rpx;height: 240rpx;overflow: hidden;margin-right: 24rpx;text-align: center;}
.placeoforigin-info-img{width: 100%;height: 100%;}
.placeoforigin-info-text{flex: 1;font-weight: 400;}
.placeoforigin-info-text-til{font-size: 34rpx;line-height: 48rpx;color: #333;}
.placeoforigin-info-text-con{font-size: 28rpx;color: #999;line-height: 40rpx;}
.placeoforigin-info-text-product{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}

.placeoforigin-addr{font-size: 34rpx;font-weight: 400;color: #6BBC6D;line-height: 48rpx;}

.introduce{margin-bottom: 24rpx;}
.introduce-table{display: flex;margin-bottom: 24rpx;}
.introduce-table-til{font-size: 30rpx;font-weight: 400;color: #333;line-height: 42px;margin-right: 25rpx;}
.introduce-table-con{flex:1;background-color: #FAFAFA;border: 1px solid #E8E8E8;border-bottom: 0;font-size: 20rpx;color: #666;}
.introduce-table-row{display: flex;border-bottom: 1px solid #E8E8E8;}
.introduce-table-col{flex: 1;padding: 19rpx 0;text-align: center;}
.introduce-table-col + .introduce-table-col{border-left: 1px solid #E8E8E8;}

.page-article-text{font-size: 24rpx;font-weight: 400;color: #999;line-height: 33rpx;}
.page-article >>> p{text-indent: 2em;margin-bottom: 8rpx;}

.safe-icon{width: 36rpx;height: 36rpx;margin-right: 10rpx;display: inline-block;vertical-align: -10rpx;}
.safe-icon-img{width: 100%;height: 100%;}

.bottom-flex-btn{border: 0;}
.bottom-flex-btn::after{border: 0;}

.recommend-list{display: flex;justify-content: space-between;flex-wrap: wrap;}
.recommend-list::after{content: '';width: 200rpx;}
.recommend-item{margin-bottom: 24rpx;width: 200rpx;height: 308rpx;overflow: hidden;box-shadow: 0px 0px 14rpx -4rpx rgba(0, 0, 0, 0.12);border-radius: 12rpx;}
.recommend-item-img{width: 100%;height: 160rpx;}
.recommend-item-til{padding: 0 13rpx;margin-bottom: 4rpx;font-size: 24rpx;color: #333;line-height: 33rpx;height: 66rpx;overflow: hidden;}
.recommend-list .product-info-price{padding: 0 9rpx;}

.page-article >>> img{display: block;width: 100%;text-indent: 0;margin-bottom: 24rpx;}