.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;
// }
// }
// }
}
}
}