zx_flk_app/pages/package/package.css

.container-view {
	
}

.top-bg {
	height: 396rpx;
	background: url('https://qiniu.bms16.com/Fvu5ulYgrXiB_0cXs715TcvYYnsb') no-repeat;
	background-size: cover;
}

.return-view {
	width: 40rpx;
	height: 40rpx;
	margin-left: 32rpx;
}

.top-text {
	margin-left: 230rpx;
	color: #FFFFFF;
	font-size: 36rpx;
	font-weight: 500;
	line-height: 36rpx;
	text-align: center;
	font-style: normal;
	font-family: PingFangSC, PingFang SC;
}

.package-card {
	/* margin-top: -100rpx;
	margin-bottom: 20rpx; */
	margin: 24rpx;
	padding: 36rpx 22rpx 0rpx 32rpx;
	border-radius: 40rpx;
	align-items: flex-start;
	border: 4rpx solid #FFFFFF;
	background: linear-gradient( 135deg, #DEEAFF 0%, rgba(220,244,251,0.4) 50%, #DAFFF6 100%), #FFFFFF;
}

.left-first {
	margin-bottom: 50rpx;
	align-items: baseline;
	color: #060809;
	font-size: 40rpx;
	font-weight: 600;
	line-height: 38rpx;
	font-style: normal;
	font-family: DIN, DIN;
}

.left-img {
	margin-left: 10rpx;
	width: 14rpx;
	height: 14rpx;
	vertical-align: bottom;
}

.left-second {
	margin-bottom: 20rpx;
	color: #060809;
	font-size: 28rpx;
	font-weight: 500;
	line-height: 28rpx;
	font-style: normal;
	font-family: PingFangSC, PingFang SC;
}

.left-second text {
	font-size: 30rpx;
	line-height: 26rpx;
	font-family: Futura Medium;
}

.left-third {
	color: #90989C;
	font-size: 28rpx;
	font-weight: 500;
	line-height: 28rpx;
	font-style: normal;
	font-family: PingFangSC, PingFang SC;
}

.left-third text {
	margin-left: 10rpx;
	font-size: 30rpx;
	line-height: 26rpx;
	font-family: Futura Medium;
}

.card-right {
	width: 180rpx;
	height: 212rpx;
}

.box-view {
	padding-left: 24rpx;
	padding-right: 24rpx;
	margin-top: 68rpx;
}

.package-view {
	padding: 40rpx 32rpx;
	background: #FFFFFF;
	border-radius: 32rpx;
	margin-bottom: 20rpx;
}

.top-view {
	margin-bottom: 32rpx;
	padding-bottom: 28rpx;
	border-bottom: 2rpx solid #F4F5F6;
}

.top-title {
	color: #060809;
	font-size: 42rpx;
	font-weight: 600;
	line-height: 34rpx;
	text-align: center;
	font-family: Futura, Futura;
}

.top-title text {
	font-size: 36rpx;
	line-height: 36rpx;
	font-family: PingFangSC, PingFang SC;
}

.card-text {
	height: 44rpx;
	padding-left: 20rpx;
	padding-right: 20rpx;
	border-radius: 22rpx;
	font-size: 26rpx;
	font-weight: 500;
	line-height: 44rpx;
	text-align: center;
	font-style: normal;
	font-family: PingFangSC, PingFang SC;
}

.card-b {
	background: #F3F8FF;
	color: #0D52FC;
}

.card-o {
	background: #FFF1E8;
	color: #FF791A;
}

.package-item {
	display: flex;
}

.item-title {
	color: #9FA7B7;
	font-size: 28rpx;
	font-weight: 400;
	margin-right: 32rpx;
	line-height: 28rpx;
	font-style: normal;
	font-family: PingFangSC, PingFang SC;
}

.item-info {
	color: #060809;
	font-size: 30rpx;
	font-weight: 500;
	line-height: 28rpx;
	font-style: normal;
	font-family: Futura Medium;
}

.item-info text {
	color: #9FA7B7;
	font-size: 30rpx;
}