hxj-adrioid/pages/index/index.scss

.link {
	padding: 30rpx 40rpx;
	position: relative;
	font-family: PingFangSC-Semibold, PingFang SC;
	.hxj {
		font-size: 40rpx;
		font-weight: 600;
		color: #e7dac1;
		background: angular-gradient(180deg, #e1cfaf 0%, #fefffe 100%);
		-webkit-background-clip: text;
		// -webkit-text-fill-color: transparent;
	}

	.title {
		font-weight: 500;
		color: #121212;
		font-size: 32rpx;
		position: relative;
		z-index: 2;
		.hxjImg {
			width: 249rpx;
			height: 31rpx;
			position: absolute;
			top: -9rpx;
			left: 1rpx;
			z-index: -1;
		}
	}
	.title1 {
		font-weight: 500;
		font-size: 26rpx;
		position: relative;
		color: #121212;
		z-index: 2;
	}
	.tyx {
		width: 37rpx;
		height: 37rpx;
		position: absolute;
		top: 26rpx;
		left: 24rpx;
		z-index: 1;
	}
	.d6 {
		width: 32rpx;
		height: 17rpx;
		position: absolute;
		top: 40rpx;
		left: 234rpx;
		z-index: 1;
	}
	.subtitle {
		height: 34rpx;
		font-size: 24rpx;
		font-weight: 400;
		color: #a7a7a7;
		line-height: 34rpx;
	}
	.coupon_1 {
		width: 15rpx;
		height: 15rpx;
		margin-left: 25rpx;
	}
	.coupon_sub {
		font-size: 20rpx;
		font-weight: 400;
		color: #999999;
		line-height: 28rpx;
		letter-spacing: 3rpx;
		margin-left: 25rpx;
	}
	.link-more{
		font-size: 25rpx;
		font-weight: 500;
		color: #989898;
		image{
			width: 12rpx;
			height: 19rpx;
			margin-left: 6rpx;
		}
	}
}
.pd_list {
	padding: 0 0 0 40rpx;
	.box {
		height: 250rpx;
		width: 207rpx;
		border-radius: 20rpx;
		overflow: hidden;
		position: relative;
		z-index: 2;
		margin-right: 20rpx;
		.image-bg {
			position: absolute;
			z-index: -1;
			left: 0;
			right: 0;
			bottom: 0;
			right: 0;
			width: 100%;
			height: 100%;
		}
		.text {
			width: 87rpx;
			height: 33rpx;
			background: #b19d60;
			border-radius: 0px 70rpx 70rpx 17rpx;
			opacity: 0.2;
			font-size: 24rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #a7824b;
			line-height: 33rpx;

			text-shadow: 0px 0px 8rpx rgba(0, 0, 0, 0.17);
		}
	}
	.tag_list {
		margin-top: 20rpx;
		.tag {
			background-color: rgba(238, 235, 222, 1);
			color: rgb(167, 133, 79);
			border-radius: 0 50% 50% 50%;
			font-size: 24rpx;
			padding: 10rpx 20rpx;
		}
	}
}
.lg_list {
	.item {
		padding: 0 40rpx;
		padding-bottom: 40rpx;
		position: relative;
		.imgBox {
			width: 100%;
			height: 500rpx;
			border-radius: 40rpx 0 0 0;
			z-index: 1;
		}

		.b_card {
			width: 650rpx;
			height: 130rpx;
			position: absolute;
			bottom: 25rpx;
			left: 50%;
			transform: translateX(-50%);
			z-index: 2;
			background-color: #fff;
			border-radius: 20rpx;
			padding: 20rpx 30rpx;
			box-shadow: 6px 40px 100px 4px #eaeef0;
			.left {
				display: flex;
				flex-flow: column;
				justify-content: space-around;
				.title {
					font-size: 24rpx;
					font-weight: 500;
					color: #0e0e0e;
					line-height: 34rpx;
				}
				.desc {
					font-size: 24rpx;
					font-weight: 400;
					color: #a7a7a7;
					line-height: 34rpx;
				}
			}
			.right {
				display: flex;
				align-items: center;
				.price {
					display: flex;
					align-items: flex-end;
					color: #000;
					font-size: 40rpx;
					font-family: Helvetica;
					color: #0e0e0e;
					.rmb {
						padding-bottom: 10rpx;
						font-size: 18rpx;
						font-family: Helvetica;
						color: #0e0e0e;
					}
					.dw {
						padding-bottom: 10rpx;
						font-size: 18rpx;
						font-weight: 500;
						color: #a7a7a7;
					}
				}
			}
		}
	}
}
.more {
	width: 167rpx;
	height: auto;
	padding: 30rpx 0;
	font-size: 20rpx;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #999999;
	line-height: 28rpx;
	letter-spacing: 3rpx;
	margin: 0 auto;
	text-align: center;
	image {
		width: 167rpx;
		height: 11rpx;
	}
	.viewmore1 {
		width: 51rpx;
		height: 51rpx;
	}
	.viewmore1_color {
		color: #a7824b;
		line-height: 34rpx;
		letter-spacing: 5rpx;
	}
	.viewmore2 {
		width: 28rpx;
		height: 28rpx;
	}
}
.more1 {
	width: 320rpx;
	height: 85rpx;
	border-radius: 43rpx;
	border: 1rpx solid #b39978;
	margin: 65rpx auto 100rpx;
	font-size: 24rpx;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #a7824b;
	line-height: 85rpx;
	image {
		width: 28rpx;
		height: 28rpx;
		margin-left: 12rpx;
	}
}

.coupon {
	padding: 0 45rpx 0 40rpx;
	.item {
		width: 320rpx;
		height: 200rpx;
		overflow: hidden;
		border-radius: 20rpx;
		margin-right: 25rpx;
		position: relative;
		background-image: url(https://t17.9026.com/web/statics/image/index/coupon_masking.png);
		background-size: 310rpx 200rpx;
		.Wb {
			display: flex;
			flex-flow: column;
			justify-content: space-around;
			padding: 17rpx 0 17rpx 37rpx;
			.price {
				font-size: 40rpx;
				font-family: PingFangSC-Medium, PingFang SC;
				font-weight: 500;
				color: #b19d60;
				text {
					font-size: 24rpx;
				}
			}
			.yxq {
				font-size: 18rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #c1c2c1;
			}
		}
	}
}

.hxdz {
	.q {
		height: 385rpx;
		padding: 0 45rpx 0 40rpx;
		.l {
			margin-right: 25rpx;
			width: 320rpx;
			height: 385rpx;
			padding: 27rpx 31rpx;
			border-radius: 20rpx;
			position: relative;
			overflow: hidden;
			z-index: 1;
			image {
				width: 100%;
				height: 100%;
				position: absolute;
				left: 0;
				top: 0;
				bottom: 0;
				right: 0;
				z-index: -1;
			}
		}
		.r1 {
			width: 320rpx;
			height: 180rpx;
			padding: 27rpx 31rpx;
			border-radius: 20rpx;
			position: relative;
			overflow: hidden;
			z-index: 1;
			image {
				width: 100%;
				height: 100%;
				position: absolute;
				left: 0;
				top: 0;
				bottom: 0;
				right: 0;
				z-index: -1;
			}
		}
		.r2 {
			width: 320rpx;
			height: 180rpx;
			padding: 27rpx 31rpx;
			border-radius: 20rpx;
			position: relative;
			overflow: hidden;
			z-index: 1;
			image {
				width: 100%;
				height: 100%;
				position: absolute;
				left: 0;
				top: 0;
				bottom: 0;
				right: 0;
				z-index: -1;
			}
		}
	}

	.w {
		padding: 0 0 0 40rpx;
		margin-top: 36rpx;
		.item {
			width: 320rpx;
			margin-right: 25rpx;
			image {
				width: 320rpx;
				height: 250rpx;
			}
		}
	}
}

.group_list {
	.item {
		padding: 0 15rpx;
		margin-bottom: 40rpx;
		.imgBox {
			width: 100%;
			height: 404rpx;
			position: relative;
			.img {
				position: absolute;
				z-index: -1;
				left: 0;
				right: 0;
				bottom: 0;
				right: 0;
				width: 100%;
				height: 100%;
				border-radius: 20rpx;
			}
		}

		.b_card {
			width: 500rpx;
			height: 130rpx;
			margin: -65rpx auto 0;
			background-color: #fff;
			border-radius: 20rpx;
			padding: 20rpx 30rpx;
			box-shadow: 6px 40px 100px 4px #eaeef0;
			.left {
				.i {
					width: 49rpx;
					height: 52rpx;
					border-radius: 8rpx;
					border: 1rpx solid #0e0e0e;
					font-size: 24rpx;
					font-family: PingFangSC-Medium, PingFang SC;
					font-weight: 500;
					color: #0e0e0e;
					line-height: 52rpx;
					text-align: center;
				}
				.q {
					font-size: 24rpx;
					font-family: PingFangSC-Medium, PingFang SC;
					font-weight: 500;
					color: #0e0e0e;
					line-height: 52rpx;
					margin: 0 7rpx;
				}
			}
			.right {
				display: flex;
				align-items: center;
				.price {
					display: flex;
					align-items: flex-end;
					color: #000;
					font-size: 40rpx;
					font-family: Helvetica;
					color: #0e0e0e;
					.rmb {
						padding-bottom: 10rpx;
						font-size: 18rpx;
						font-family: Helvetica;
						color: #0e0e0e;
					}
					.dw {
						padding-bottom: 10rpx;
						font-size: 18rpx;
						font-weight: 500;
						color: #a7a7a7;
					}
				}
			}
		}
	}
}

.hxzy {
	padding: 0 40rpx;
	.top {
		margin-top: 20rpx;
		height: 296rpx;
		position: relative;
		.dbo {
			width: 379rpx;
			height: 204rpx;
			background: #fefffe;
			padding: 31rpx 37rpx;
			position: absolute;
			bottom: 0;
			left: 0;
			.text {
				font-size: 26rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #252526;
			}
			.category {
				font-size: 24rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #b39978;
			}
		}
	}
	.bottom {
		margin-top: 40rpx;
		.item {
			width: 320rpx;
			margin-bottom: 35rpx;
			border-radius: 20rpx;
			.cover {
				width: 320rpx;
				height: 250rpx;
			}
		}
		& > .item:nth-child(2n-1) {
			margin-right: 25rpx;
		}
	}
}
.bottom_logo {
	text-align: center;
	padding: 50rpx 0;
	image {
		width: 135rpx;
		height: 46rpx;
	}
	.text {
		font-variant: small-caps;
		font-size: 16rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #999999;
		line-height: 22px;
		letter-spacing: 10rpx;
	}
}
.title_2 {
	font-weight: 600;
	font-family: PingFangSC-Regular, PingFang SC;
	color: #000;
	font-size: 24rpx;
	font-weight: 500;
	color: #0e0e0e;
}
.desc_2 {
	color: #5a5a5a;
	font-size: 24rpx;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #a7a7a7;
}
.borradu_20 {
	border-radius: 20rpx;
}
.mt_20 {
	margin-top: 20rpx;
}

.price {
	display: flex;
	align-items: flex-end;
	color: #000;
	font-size: 40rpx;
	font-family: Helvetica;
	color: #0e0e0e;
	.rmb {
		padding-bottom: 10rpx;
		font-size: 18rpx;
		font-family: Helvetica;
		color: #0e0e0e;
	}
	.dw {
		padding-bottom: 10rpx;
		font-size: 18rpx;
		font-weight: 500;
		color: #a7a7a7;
	}
}

.price20 {
	display: flex;
	align-items: center;
	font-size: 20rpx;
	font-weight: 500;
	color: #222;
	.rmb {
		padding-bottom: 0;
		font-size: 14rpx;
		color: #222;
		font-weight: 400;
	}
	.dw {
		padding-bottom: 10rpx;
		font-size: 14rpx;
		font-weight: 500;
		color: #a7a7a7;
	}
}