.i-page{
    width: 100%;
    height: 100vh;
    min-height: 1624rpx;
    background: #F7FAFF;
    .i-header{
		position: fixed;
		top:0;
		z-index:98;
        width: 100%;
        height: 505rpx;
        background: url('https://ddh.yyhock.com/ddhMall/my-bg.png') 0 0 no-repeat;
        background-size: 100% 505rpx;
        .header-title{
            padding-top:108rpx;
            height:98rpx;
            font-family: PingFangSC, PingFang SC;
            font-weight: 500;
            font-size: 36rpx;
            color: #333333;
            line-height: 50rpx;
            text-align: center;
            font-style: normal;
        }
		.header-titles{
			padding-top:108rpx;
			height:98rpx;
			background: #E9F2FD;
			font-family: PingFangSC, PingFang SC;
			font-weight: 500;
			font-size: 36rpx;
			color: #333333;
			line-height: 50rpx;
			text-align: center;
			font-style: normal;
		}
    }
	.i-contain{
		
		.header-img{
			margin: 198rpx 22rpx 31rpx;
			
			width: 706rpx;
			height: 359rpx;
			.img-banner{
				width: 706rpx;
				height: 359rpx;
				background-size: 706rpx 359rpx;
			}
			
		}
		.i-main{
			margin: 0 50rpx;
			display: flex;
			flex-wrap: wrap;
			
			
			.mian-item{
				margin-right: 67rpx;
				.item-img{
					margin: 0 16rpx;
					width: 80rpx;
					height: 80rpx;
					background-size: 100%;
				}
				.item-text{
					height: 40rpx;
					font-family: PingFangSC, PingFang SC;
					font-weight: 400;
					font-size: 28rpx;
					color: #333333;
					line-height: 40rpx;
					text-align: center;
					font-style: normal;
				}
			}
			.mian-item:nth-of-type(4n){
				margin-right:0;
				
			}
			
		}
		.i-mall{
			width: 100%;
			.hot-tab{
				margin:50rpx 36rpx 16rpx;
				height: 86rpx;
				display: flex;
				align-items: center;
				font-size: 28rpx;
				line-height: 40rpx;
				.hot-header-text{
					width: 160rpx;
					display: flex;
					// flex:1;
					font-family: PingFangSC-Regular, PingFang SC;
					color: #999999;
					text-align: center;
					.hot-ative{
						position: relative;
						z-index: 1;
						font-family: PingFangSC-Medium, PingFang SC;
						font-weight: 500;
						font-size: 30rpx;
						color: #333333;	
					}
					.hot-ative::after{
						content: '';
						position: absolute;
						top:30%;
						left: 0;
						width: 100%;
						height: 6px; /* 背景色的高度 */
						background-color: #CDE0FE; /* 背景色 */
						z-index: -1
					}
					.hot-icon-show{
						margin-top:10rpx;
						margin-left: 10rpx;
						width: 20rpx;
						height: 20rpx;
						background: url('https://ddh.yyhock.com/ddhMall/hot-active-show.png') 0  0 no-repeat;
						background-size: 100%;
					}
				} 
				.hot-icon{
					margin-top:36rpx;
					margin-left: 10rpx;
					width: 20rpx;
					height: 20rpx;
					background: url('https://ddh.yyhock.com/ddhMall/hot-active.png') 0  0 no-repeat;
					background-size: 100%;
				}
				.hot-show{
					// flex:1;
					width: 160rpx;
					display: flex;
					color:#999999;
					line-height:90rpx;
					text-align: center;
				}
			}
			.hot-tab-fixed{
				position: sticky;
				top:198rpx;
				left: 0; 
				width: 100%; 
				z-index: 99;
				
				margin-bottom: 120rpx;
				height: 86rpx;
				display: flex;
				align-items: center;
				background:#E9F2FD;
				font-size: 28rpx;
				line-height: 40rpx;
				.hot-header-text{
					margin-left:30rpx;
					width: 160rpx;
					display: flex;
					font-family: PingFangSC-Regular, PingFang SC;
					color: #999999;
					text-align: center;
					.hot-ative{
						position: relative;
						z-index: 1;
						font-family: PingFangSC-Medium, PingFang SC;
						font-weight: 500;
						font-size: 30rpx;
						color: #333333;	
					}
					.hot-ative::after{
						content: '';
						position: absolute;
						top:30%;
						left: 0;
						width: 100%;
						height: 6px; /* 背景色的高度 */
						background-color: #CDE0FE; /* 背景色 */
						z-index: -1
					}
					.hot-icon-show{
						margin-top:10rpx;
						margin-left: 10rpx;
						width: 20rpx;
						height: 20rpx;
						background: url('https://ddh.yyhock.com/ddhMall/hot-active-show.png') 0  0 no-repeat;
						background-size: 100%;
					}
				} 
				.hot-icon{
					margin-top:36rpx;
					margin-left: 10rpx;
					width: 20rpx;
					height: 20rpx;
					background: url('https://ddh.yyhock.com/ddhMall/hot-active.png') 0  0 no-repeat;
					background-size: 100%;
				}
				.hot-show{
					// flex:1;
					width: 160rpx;
					display: flex;
					color:#999999;
					line-height:90rpx;
					text-align: center;
				}
			}
			// .scroll-y-hs{
			// 	// height: 800rpx;
			// 	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;
			// 				.top-img{
			// 					position: relative;
			// 					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{
			// 				margin: 0 16rpx 0 14rpx;
			// 				.footer-des{
			// 					margin: 9rpx 16rpx 21rpx 0;
			// 					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;
			// 					.box-num{
			// 						display: flex;
			// 						margin-top:8rpx;
			// 						margin-right: 30rpx;
			// 						height: 37rpx;
			// 						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;
			// 						}
			// 					}
			// 					.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;
			// 		}
			// 	}
				
			// }
		}
	}
	
}