.page{
	
}
.top{
	height: 764rpx;
	background: url('https://oaigc.oss-cn-chengdu.aliyuncs.com/lamp/2023-09/2023090710392974226.png') no-repeat;
	background-size: 100% 100%;
	padding: 0 32rpx;
	
	.title{
		font-size: 56rpx;
		font-family: PingFangSC-Semibold, PingFang SC;
		font-weight: 600;
		color: #FFFFFF;
		margin-top: 80rpx;
	}
	.vipBox{
		margin-top: 48rpx;
		.top{
			height: 100rpx;
			background: #FBE0B0;
			// box-shadow: 0rpx 4rpx 12rpx 0rpx rgba(196,93,0,0.1);
			border-radius: 0rpx 24rpx 0rpx 0rpx;
			
			display: flex;
			align-items: center;
			justify-content: center;
			position: relative;
			.txt{
				font-size: 56rpx;
				font-family: Arial-BoldMT, Arial;
				font-weight: 600;
				color: #ffe2af;
				line-height: 64rpx;
				text-shadow: 0px 4px 12px rgba(196,93,0,0.1);
				position: absolute;
				top: 0;
				z-index: 0;
			}
			.con{
				font-size: 36rpx;
				font-family: PingFang-SC-Bold, PingFang-SC;
				font-weight: bold;
				color: #674E07;
				z-index: 1;
			}
		}
		
		.bot{
			background: #fff;
			border-radius: 0rpx  0rpx 0rpx 24rpx;
			.price{
				height: 92rpx;
				padding-left: 64rpx;
				display: flex;
				align-items: flex-end;
			}
			.btnG{
				height: 140rpx;
				padding: 0 64rpx;
				position: relative;
				// width: 100%;
				.water{
					position: absolute;
					z-index: 0;
					right: 0;
					bottom: 0;
				}
				.main{
					position: relative;
					z-index: 1;
					display: flex;
					justify-content: space-between;
					align-items: center;
					padding-top: 32rpx;
					
					.btn1{
						height: 72rpx;
						background: linear-gradient(153deg, #F5C888 0%, #E3B060 100%);
						border-radius: 4rpx 20rpx 4rpx 20rpx;
						width: 558rpx;
						font-size: 32rpx;
						font-family: PingFang-SC-Medium, PingFang-SC;
						font-weight: 500;
						color: #FFFFFF;
						display: flex;
						justify-content: center;
						align-items: center;
					}
					.btn{
						width: 260rpx;
						height: 72rpx;
						background: linear-gradient(153deg, #F5C888 0%, #E3B060 100%);
						border-radius: 4rpx 16rpx 4rpx 16rpx;
						font-size: 32rpx;
						font-family: PingFang-SC-Medium, PingFang-SC;
						font-weight: 500;
						color: #FFFFFF;
						display: flex;
						justify-content: center;
						align-items: center;
					}
				}
			}
		}
	}
}

.botDes{
	height: calc(56vh);
	background: #FFFFFF;
	border-radius: 24rpx 24rpx 0rpx 0rpx;
	margin-top: -20rpx;
	// padding: 0 32rpx;
	
	.tab{
		height: 102rpx;
		background: #FFFFFF;
		border-radius: 24rpx 24rpx 0rpx 0rpx;
		display: flex;
		align-items: center;
		justify-content: space-around;
		
		border-bottom: 2rpx solid #E6E6E6;
		.line{
			width: 2rpx;
			height: 52rpx;
			background: #E6E6E6;
		}
		.item{
			font-size: 32rpx;
			font-family: PingFang-SC-Medium, PingFang-SC;
			font-weight: 500;
			color: #999999;
			// position: relative;
		}
		.item:first-child{
			margin-left: 32rpx;
		}
		.item:last-child{
			margin-right: 32rpx;
		}
		.act{
			position: relative;
			font-weight: 800;
			color: #333333;
		}
		.act::after{
			content: '';
			 position: absolute;
			overflow: hidden;
			width: 20rpx;
			height: 8rpx;
			background: #F7790C;
			left: 50%;
			transform: translateX(-50%);
			bottom: -28rpx;
		}
	}
	
	.top1{
		.titleL{
			height: 108rpx;
			display: flex;
			align-items: center;
			padding: 0 32rpx;
		
			.item1{
				width: 224rpx;
			}
			.item1:last-child{
				width: calc(100% - 448rpx);
			}
		}
	}
}

.card{
	padding: 0 32rpx;
	.con{
		height: 196rpx;
		background: #F6F6F6;
		border-radius: 0rpx 24rpx 0rpx 24rpx;
		padding:32rpx 20rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		box-sizing: border-box;
		.item{
			display: flex;
			align-items: center;
			justify-content: space-between;
			.label{
				font-size: 28rpx;
				font-family: PingFang-SC-Medium, PingFang-SC;
				font-weight: 500;
				color: #666666;
			}
			.des{
				font-size: 28rpx;
				font-family: PingFang-SC-Medium, PingFang-SC;
				font-weight: 500;
				color: #333333;
			}
		}
		}
}

.list2{
			height: 108rpx;
			display: flex;
			align-items: center;
			padding: 0 32rpx;
			font-size: 28rpx;
			font-family: PingFang-SC-Medium, PingFang-SC;
			font-weight: 500;
			color: #333333;
			.item1{
				width: 224rpx;
			}
			.item1:last-child{
				width: calc(100% - 448rpx);
				
			}
		}
		
		
		.topBar{
			height: 112rpx;
			background: #F9F9F9;
			border-radius: 24rpx 24rpx 0rpx 0rpx;
			display: flex;
			align-items: center;
			justify-content: space-between;
			.left{
				width: 10%;
				display: flex;
				align-items: center;
				justify-content: center;
				height: 100%;
			}
			
			.cen{
				font-size: 32rpx;
				font-family: PingFang-SC-Bold, PingFang-SC;
				font-weight: bold;
				color: #333333;
			}
			
			.close{
				width: 24rpx;
				height: 24rpx;
				color: #666666;
				width: 10%;
				display: flex;
				align-items: center;
				justify-content: center;
			height: 100%;
			}
		}
		
	.pupopCon{
		padding: 48rpx 32rpx;
		.item{
			height: 184rpx;
			.label{
				font-size: 32rpx;
				font-family: PingFang-SC-Medium, PingFang-SC;
				font-weight: 500;
				color: #333333;
				display: flex;
				align-items: center;
				margin-bottom: 24rpx;
			}
		}
		
	}	
	
	.aginInvite{
		// width: 168rpx;
		
		height: 52rpx;
		background: #FFFFFF;
		border-radius: 4rpx;
		border: 1rpx solid #333333;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0 24rpx;
	}
	
	
	.sel{
		position: relative;
		image{
			position: absolute;
			right: 24rpx;
			top: 50%;
			transform: translateY(-50%);
		}
	}