.channelContainer{ width: 100%; top: 96rpx; position: fixed; display: flex; flex-direction: column; height: wrap; z-index: 1000; } .channelItem{ height: 100rpx; width: 750rpx; display: flex; justify-content: center; flex-direction: row; align-items: center; } .indicator{ width: 10rpx; height: 10rpx; background-color: white; } .channelText{ font-family: PingFang SC; font-size: 40rpx; font-weight: 600; text-align: left; color: #ffffff; margin-left: 20rpx } .channelIcon{ width: 48rpx; height: 38rpx; margin-left: 30rpx; margin-right: 30rpx } .channelButton { height: 100rpx; width: 750rpx; background-color: red; position: absolute; left: 0rpx; opacity: 0; } .titleContainer{ background-color: white; display: flex; flex-direction: row; height: 80rpx; align-items:center; } .titleLine{ width: 4rpx; height: 30rpx; background-color: #444444; margin-left: 20rpx; } .titleDesc{ flex: 1; text-align: left; color: #444444; font-family: PingFang SC; font-size:30rpx; margin-left: 16rpx; font-weight: 600; /* line-height: 2.75; */ } .titleMore{ width: 48rpx; height: 38rpx; display: flex; margin-right: 30rpx; align-items: center; justify-content: center; } .titleMoreIm{ width: 44rpx; height: 8rpx; } .newtop{ position: fixed; top: 0; left: 0; height: 96rpx; width: 100%; display: flex; flex-direction: row; align-items: center; z-index: 1000; } .newTopImg{ position: fixed; top: 0; left: 0; height: 96rpx; width: 100%; z-index: 999; } .newsearch{ height: 70rpx; width: 615rpx; margin-left: 30rpx; background-color: #ffffff; display: flex; flex-direction: row; align-items: center; border-radius: 10rpx; top: 0rpx; left: 0rpx } .serachIcon { width: 30rpx; height: 30rpx; margin-left: 20rpx; } .channelBg{ position: fixed; height: 302rpx; width: 750rpx; top: 96rpx; z-index: 999; } .indicator{ width: 10rpx; height: 10rpx; background-color: white; } .channelText{ font-family: PingFang SC; font-size: 40rpx; font-weight: 600; text-align: left; color: #ffffff; margin-left: 20rpx } .channelIcon{ width: 48rpx; height: 38rpx; margin-left: 30rpx; margin-right: 30rpx } .scanCodeIconView { width: 70rpx; height: 70rpx; margin-left: -70rpx; display: flex; justify-content: center; align-items: center; } .scanCodeIcon { width: 45rpx; height: 45rpx; } .serach_view_show { display: block; color: #b0b0b0; font-size: 30rpx; font-family: PingFang SC; padding-left: 10rpx; font-weight: 500; line-height: 2.57; letter-spacing: 1.1px; text-align: left; } .product-list { display: flex; flex-direction: row; flex-wrap: wrap; }