<template>
     <page-meta
    :page-font-size="$baseFontSize() + 'px'"
    :root-font-size="$baseFontSize() + 'px'"
  ></page-meta>
	<view class="super_wrap">
		
		<view class="super_content">
		
			
			<text class="super_title super_title_2" style="margin-top: 40rpx;">国学与心理学超级VIP</text>
			<view class="super_con">
				<text class="weight">课程价格：</text>一年<text class="bigred line">26504</text>元</br>
				<text class="weight">超级VIP价格：</text>三年/四年<text class="bigred">4980/5980</text>元</br>
				<text class="weight">延期价格：</text>一年/三年/四年<text class="bigred">1980/3980/4980</text>元</br>
				<text class="weight">超级VIP权限：</text></br>
				无限制观看众妙之门APP与吴门医述APP心理学板块任意课程；</br>
				国学与心理学培训班报名享受<text class="bigred">8折</text>优惠；</br>
				疯子读书APP购书享受<text class="bigred">8折</text>优惠。
			</view>
			
			<text class="super_title">心理学VIP</text>
			<view class="super_con">
				<text class="weight">课程价格：</text>一年<text class="bigred line">7188</text>元</br>
				<text class="weight">VIP价格：</text>三年/四年<text class="bigred">3980/4980</text>元</br>
				<text class="weight">延期价格：</text>一年/三年/四年<text class="bigred">1600/2980/3980</text>元</br>
				<text class="weight">VIP权限：</text></br>
				无限制观看吴门医述APP心理学板块任意课程；</br>
				心理学培训班报名享受<text class="bigred">9折</text>优惠；</br>
				疯子读书APP购书享受<text class="bigred">9折</text>优惠。
			</view>
			
			<text class="super_title">众妙之门（国学）VIP</text>
			<view class="super_con">
				<text class="weight">课程价格：</text>一年<text class="bigred line">19316</text>元</br>
				<text class="weight">VIP价格：</text>三年/四年<text class="bigred">2480/2980</text>元</br>
				<text class="weight">延期价格：</text>一年/三年/四年<text class="bigred">800/1980/2400</text>元</br>
				<text class="weight">VIP权限：</text></br>
				无限制观看众妙之门APP任意课程；</br>
				国学培训班报名享受<text class="bigred">9折</text>优惠；</br>
				疯子读书APP购书享受<text class="bigred">9折</text>优惠。
			</view>
		
				</view>
	</view>
</template>

<style lang="scss" scoped>
@import '@/style/mixin.scss';
.super_wrap{
	height: auto;
	background-color: #fdfcdf3d;
    padding-bottom: 20rpx;
    margin-bottom: 20px;
}
.super_content{
	background-color: #fdfcdf3d;
}
.super_title{
	height: 50rpx;
	line-height: 50rpx;
	display: inline-block;
	font-size: 26rpx;
	@include theme("btn_bg");
	color: #fff;
	padding: 0 15rpx;
	border-radius: 15rpx;
	margin: 15rpx 25rpx 15rpx;
	font-weight: bold;
}
.super_title_2{
	font-size: 32rpx;
	height: 64rpx;
	line-height: 64rpx;
	margin: 50rpx 25rpx 20rpx;
	padding: 0 20rpx;
	background-image: linear-gradient(90deg, #ff1f00 0%, #fa9f93 100%);
}
.super_con{
	display: block;
	font-size: 28rpx;
	line-height: 46rpx;
	padding: 0rpx 25rpx 0;
	letter-spacing: 1px;
}
.super_con2{
	display: block;
	line-height: 50rpx;
	letter-spacing: 1px;
	color: #666;
	padding: 50rpx 25rpx 60rpx;
}
.bigred{
	font-size: 34rpx;
	color: red;
	font-weight: bold;
	padding: 0 3rpx;
}
.line{
	text-decoration: line-through;
	color: #258feb;
	font-style: italic;
}
.weight{
	display: line-block;
	font-weight: bold;
	color: #000;
}
</style>