.sort-page{
	width: 100%;
	height: 100vh;
	overflow: hidden;
	background: #F7FAFF;
	.sort-body{
			display: flex;
			justify-content: space-between;
	
			.leftTab {
				
				width: 184rpx;
				height: 100vh;
				background: #FFFFFF;
				box-sizing: border-box;
				.tabBox {
					height: 100%;
					.tabItem {
						height: 120rpx;
						color: #333333;
						font-size: 26rpx;
						line-height: 120rpx;
						text-align: center;
						font-weight: bold;
						
					}
					.tabActive {
						height: 120rpx;
						background: #F7FAFF;
						line-height: 120rpx;
						text-align: center;
						border-left: 7rpx solid #2263E6;
						color: #2263E6;
					}
				}
			}
	
			.rightGoods {
				width:100%;
				padding: 0 16rpx 27rpx;
				box-sizing: border-box;
	
				.whiteBox {
					// height:1300rpx;
					height:100vh;
					// background: #ffffff;
					border-radius: 15rpx;
					padding: 0 25rpx 120rpx;
					box-sizing: border-box;
					.title {
						height: 77rpx;
						line-height: 77rpx;
						color: #2D2D2D;
						font-size: 26rpx;
						font-weight: bold;
					}
	
					.list {
						margin:24rpx 10rpx;
						display: flex;
						flex-wrap: wrap;
							.l-item{
								margin-right:16rpx ;
								.item-img{
								
									width: 155rpx;
									height: 164rpx;
									border-radius: 10px;
									background-size: 155rpx 164rpx;
								}
								.item-text{
									height: 40rpx;
									width: 150rpx;
									font-family: PingFangSC, PingFang SC;
									font-weight: 400;
									font-size: 28rpx;
									color: #333333;
									line-height: 40rpx;
									text-align: center;
									font-style: normal;
									white-space: nowrap; /* 确保文本在一行内显示 */
									overflow: hidden; /* 隐藏超出容器的内容 */
									text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
									word-break: break-all; /* 允许在单词内换行 */
								}
							}
							.l-item:nth-child(3n){
								margin-right:0;
							}
					}
				}
		}
	}
}
