zx_flk_app/pages/buyPackage/buyPackage.css

.container {
	
}

.top-img {
	width: 100%;
	height: 614rpx;
}

.type-top {
	background: linear-gradient( to bottom, #FFDBAC 0%, #FFF3E3 100%);
	padding: 0 32rpx;
}

.type-top > view {
	background: linear-gradient( to bottom, #FFD4CD 0%, #FF764B 16%, #FF4223 100%);
	border-radius: 40rpx 40rpx 0rpx 0rpx;
	color: #FFFFFF;
	font-size: 40rpx;
	padding: 30rpx 0 26rpx 40rpx;
}

.type-box {
	background-color: #FFF3E3;
	padding: 0 32rpx 40rpx;
}

.type-card {
	background-color: #FFFFFF;
	padding: 0rpx 32rpx 32rpx;
	border-radius: 0rpx 0rpx 40rpx 40rpx;
}

.card-item {
	padding-top: 40rpx;
}

.item-left {
	margin-bottom: 24rpx;
}

.item-top > img {
	width: 112rpx;
	height: 112rpx;
	margin-right: 24rpx;
}

.top-center > view:nth-of-type(1) {
	color: #2A3A5A;
	font-size: 32rpx;
	font-weight: bold;
	margin-bottom: 12rpx;
}

.top-center > view:nth-of-type(2) {
	display: flex;
	align-items: flex-end;
	color: #FE5135;
	font-size: 28rpx;
}

.top-center > view:nth-of-type(2) text {
	color: #FE5135;
	font-size: 40rpx;
	font-weight: bold;
}

del {
	color: #8C8C8C;
	text-decoration: line-through;
	margin-left: 8rpx;
}

.buy-btn {
	color: #FFFFFF;
	font-size: 24rpx;
	border-radius: 40rpx;
	background-color: #0074FF;
	padding: 12rpx 32rpx;
}

.item-bottom {
	
}

.item-bottom > view {
	color: #FE6000;
	font-size: 20rpx;
	font-weight: 400;
	border-radius: 20rpx;
	border: 1rpx solid #FE6000;
	padding: 6rpx 16rpx;
}