<template>
	<view class="vnfee">
		<view class="vnf-tit">
			<view class="vntit">请选择入网套餐</view>
			<view class="vntips">请了解套餐内容后，根据实际需要自行选择入网套餐</view>
		</view>
		<!-- 套餐类型 -->
		<view class="cardlist">
			<!-- 单月购买 -->
			<block>
				<view class="card-item">
					<text>单月购买</text>
					<text>¥48.8</text>
				</view>
			</block>
			<!-- 续费月卡 -->
			<block>
				<view class="card-item">
					<text>续费月卡</text>
					<text>¥38.8</text>
				</view>
			</block>
			<!-- 续费年卡 -->
			<block>
				<view class="card-item">
					<text>续费年卡</text>
					<text>¥368.8</text>
				</view>
			</block>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
.vnf-tit{
	width: 100%;
	padding-left: 36rpx;
	margin-top: 46rpx;
	
	.vntit{
		font-size: 46rpx;
		line-height: 1.6;
	}
	.vntips{
		padding: 10rpx;
		font-size: 22rpx;
		color: #999;
	}
}
// 套餐
.cardlist{
	margin-top: 46rpx;
	
	.card-item{
		border: 2rpx solid #FEBD45;
		width: 30%;
		margin-left: 3%;
		float: left;
		height: 160rpx;
		text-align: center;
	}
	.card-item:first{
		margin-left: 0 !important;
	}
}
</style>
