jigesi/pages/mall.scss

::v-deep .u-sticky{
	// top: 153rpx !important;
}

::v-deep .u-tabs__wrapper__nav__line{
	background: #F7790C!important;
}

.searchAndTab{
	background: white;
	// background: red;
	padding-top: 24rpx;
	position: fixed;
	width: 100%;
	top:173rpx;
	
	// top:152rpx;
	// box-shadow: 0px 0px 28px 0px #999;
	.searchBox{
		padding: 0 32rpx;
	}
}

.content{
	display: flex;
	.leftMenu{
		width: 212rpx;
		height: calc(100vh - 380rpx);
		background:#fff ;
		overflow-y: scroll;
		.item{
			height: 98rpx;
			font-size: 28rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #080F18;
			display: flex;
			align-items: center;
			justify-content: flex-start;
			padding: 0 20rpx;
			word-wrap: break-word;
				word-break: break-all;
			position: relative;
		}
		.halfCircle{
			position: absolute;
			right: 0rpx;
			top: 40rpx;
			z-index: 0;
		}
		.act{
			background: #F2F2F2;
		}
	}
	.rightDes2{
		width: 100%;
		background:#F2F2F2;
		padding: 48rpx 0rpx 52rpx 30rpx;
		overflow-y: scroll;
		box-sizing: border-box;
		height: calc(100vh - 380rpx);
		.con{
					width:100%;
					display: flex;
					flex-wrap: wrap;
					.item{
						width: 336rpx;
						background: #FFFFFF;
						border-radius: 24rpx;
						border: 2rpx solid #F1F1F1;
						margin-right: 16rpx;
						margin-bottom: 24rpx;
						
						.topBox{
							position: relative;
							// background: red;
							height: 292rpx;
							border-radius: 24rpx 24rpx 0 0;
							image{
								width: 100%;
								height: 292rpx;
								border-radius: 24rpx 24rpx 0 0;
							}
								
						}
						.bottom{
							display: flex;
							justify-content: center;
							align-items: center;
							height: 76rpx;
							
							.txt{
								width: 85%;
								overflow: hidden;
								text-overflow: ellipsis;
								white-space: nowrap;
							}
						}
					}	
				}
	}
	
	.rightDes{
		width: 100%;
		background:#F2F2F2;
		padding: 48rpx 28rpx 52rpx 28rpx;
		overflow-y: scroll;
		box-sizing: border-box;
		height: calc(100vh - 380rpx);
		.item{
			.top{
				display: flex;
				align-items: center;
				justify-content: space-between;
				.name{
					
				}
				image{
					
				}
			}
			.bottom{
				display: flex;
				// justify-content: space-between;
				flex-wrap: wrap;
				margin-top: 32rpx;
				image{
					width: 136rpx;
					height: 136rpx;
					margin-right: 30rpx;
					margin-bottom: 30rpx;
					border-radius: 12rpx;
				}
			}
		}
	}
}

::v-deep .uni-searchbar__box{
	justify-content: flex-start;
}
::v-deep .uni-searchbar{
	padding: 0;
}