.container {
	padding: 14px 40upx 16px;
	.title {
		margin: 0 0 15px;
	}
}

.content {
	position: relative;
	display: flex;
	flex-direction: column;
	row-gap: 40upx;
	background-image: url('../../../static/shop-bg.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
}

.filter {
	width: 100%;
	display: flex;
	margin-bottom: 44upx;
	flex-shrink: 0;
}

.shop-btn {
	flex-shrink: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 60upx;
	font-size: 28upx;
	color: rgba(15, 54, 117, 1);
	background: linear-gradient(90deg, #29C1E5 0%, #B5E3F0 100%);
	border-radius: 0px;
	cursor: pointer;
	
	&::after{ border: none;} 
}

.shop-dark-btn {
	flex-shrink: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 60upx;
	font-size: 28upx;
	color: #fff;
	background: linear-gradient(90deg, #103776 0%, #6374AE 100%);
	border-radius: 0px;
	cursor: pointer;
	
	&::after{ border: none;} 
}

.goods-type {
	flex-shrink: 0;
	color: #fff;
	font-size: 28upx;
	font-weight: 400;
	cursor: pointer;
}

.goods-type-active {
	color: #25C0E5;
}

.filter-input {
	color: #29BBE4;
	width: 100%;
	font-size: 28upx !important;
	border-radius: 100px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	padding: 0 20upx;
	height: 60upx;
}

.goods-list {
	height: 100%;
	flex-grow: 0;
	flex-shrink: 1;
	width: 100%;
	overflow: hidden;
	
	&::-webkit-scrollbar {
		display: none !important;
	}
}

.goods-item {
	width: 328upx;
	height: 332upx;
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid rgba(41, 187, 228, 0.36);
	backdrop-filter: blur(10px);
	overflow: hidden;
	cursor: pointer;
	
	.img {
		width: 100%;
		height: 226upx;
		vertical-align: bottom;
	}
	
	.info {
		padding: 10upx 20upx 10upx;
		min-height: 106upx;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		
		.goods-title {
			margin-bottom: auto;
			font-size: 28upx;
			font-weight: 700;
			color: #fff;
		}
		
		.goods-footer {
			width: 100%;
			color: rgba(37, 192, 229, 1);
			font-size: 24upx;
			font-weight: 400;
			display: flex;
		}
	}
}

.uni-ellipsis {
	/* #ifndef APP-NVUE */
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	/* #endif */
	/* #ifdef APP-NVUE */
	lines: 1;
	text-overflow: ellipsis;
	/* #endif */
}