.look-page{
	width: 100%;
	height:calc(100vh-120px);
	min-height:100vh;
	overflow: hidden;
	background: #F7FAFF;
	.look-mian{
		padding-top:6rpx;
		.scroll-y-hs{
			
			margin-top: 24rpx;
			height: 1200rpx;
			// padding-bottom:120rpx;
				.mian-box{
					display:flex;
					flex-wrap: wrap;
					align-items: center;
					margin:0 30rpx;
					.box-item{
						margin-bottom:24rpx;
						width: 333rpx;
						height: 426rpx;
						background: #FFFFFF;
						box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(232,232,232,0.49);
						border-radius: 10rpx;
						.item-top{
							display: flex;
							width: 333rpx;
							height: 272rpx;
							position: relative;
							.top-img{
								
								width: 333rpx;
								height: 272rpx;
								background-size: 333rpx 272rpx;
								border-radius: 10rpx;
								
							}
							.top-icon{
								position: absolute;
								top:0;
								margin-left: 214rpx;
								display: inline-block;
								width:118rpx;
								height: 110rpx;
								background: url('https://ddh.yyhock.com/ddhMall/goods-sale.png') 0 0 no-repeat;
								background-size:118rpx 110rpx ;
							}
						}
						.item-footer{
							padding:  9rpx 16rpx 21rpx 0rpx;
							.footer-des{
								width: 260rpx;
								height: 37rpx;
								font-family: PingFangSC, PingFang SC;
								font-weight: 400;
								font-size: 26rpx;
								color: #333333;
								line-height: 37rpx;
								text-align: left;
								font-style: normal;
								white-space: nowrap; /* 确保文本在一行内显示 */
								overflow: hidden; /* 隐藏超出容器的内容 */
								text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
								word-break: break-all; /* 允许在单词内换行 */
							}
							.footer-box{
								display: flex;
								margin:9rpx 0 16rpx;
								.box-num{
									display: flex;
									font-family: PingFangSC, PingFang SC;
									font-weight: 400;
									font-size: 28rpx;
									color: #FC4D3E;
									line-height: 28rpx;
									text-align: left;
									font-style: normal;
									.num-icon{
										margin-top:4rpx;
										font-size: 20rpx;
									}
								}
								
							}
							.footer-line{
									display: flex;
									align-items: center;
									justify-content: space-between;
								.box-btn{
								
									width: 76rpx;
									height: 38rpx;
									border-radius: 5rpx;
									border: 1rpx solid #2263E6;
									font-family: PingFangSC, PingFang SC;
									font-weight: 400;
									font-size: 20rpx;
									color: #2263E6;
									line-height: 38rpx;
									text-align: center;
									font-style: normal;
								}
								.box-last{
															
										height: 28rpx;
										font-family: PingFangSC, PingFang SC;
										font-weight: 400;
										font-size: 20rpx;
										color: #999999;
										line-height: 28rpx;
										text-align: right;
										font-style: normal;
								}
							}
							
						}
					}
					:nth-child(2n){
						margin-left: 24rpx;
					}
				}
			
			
		}
	}
	.look-footer{
		padding-top:6rpx;
		// height: 100vh;
		overflow: hidden;
		.footer-img{
			margin:30% 146rpx 0;
			width: 458rpx;
			height: 458rpx;
			background-size: 100%;
		}
		.footer-text{
			// padding-bottom: 50%;
			height: 40rpx;
			font-family: PingFangSC, PingFang SC;
			font-weight: 400;
			font-size: 28rpx;
			color: #999999;
			line-height: 40rpx;
			text-align: center;
			font-style: normal;
		}
	}
}