<style>
	.piceBS:hover {
		border: 2px solid #ffaa45;
	}

	.f_bs a {
		color: #ffaa45;
		border: 1px solid #fffaa45f4f5a;
	}

	.f_bs a:hover {
		background: #ffaa45;
		background-color: #ffaa45;
	}

	.piceZY:hover {
		border: 2px solid #ff4f5a;
	}

	.f_zy a {
		color: #ff4f5a;
		border: 1px solid #ff4f5a;
	}

	.f_zy a:hover {
		background: #ff4f5a;
		background-color: #ff4f5a;
	}

	.piceQY:hover {
		border: 2px solid #7162fd;
	}

	.f_qy a {
		color: #7162fd;
		border: 1px solid #7162fd;
	}

	.f_qy a:hover {
		background: #7162fd;
		background-color: #7162fd;
	}
</style>

<section class="page__title  fix text-center" style="min-height: 100px;">
	<div class="slider__shape">
		<img class="shape triangle" src="static/picture/topelips.png" alt="topshape">
		<img class="shape dotted-square" src="static/picture/rightelips.png" alt="rightshape">
		<img class="shape solid-square" src="static/picture/circleelips.png" alt="solid-square">
	</div>
	<div class="container" style="display: none;">
		<div class="row">
			<div class="col-xl-12">
				<div class="page__title-content pt-235">
					<h2 class="page_title">Our Priceing . Plan </h2>
					<nav aria-label="breadcrumb">
						<ol class="breadcrumb">
							<li class="breadcrumb-item"><a href="index.html">Home - Pricing</a></li>
						</ol>
					</nav>
				</div>
			</div>
		</div>
	</div>
</section>

<div class="pricing-area pt-105 pb-110 position-relative">
	<div class="pricing_shapes">
		<img class="position-absolute price-1" src="static/picture/left.png" alt="pricing_shapes" />
		<img class="position-absolute price-2" src="static/picture/shape7.png" alt="pricing_shapes" />
		<img class="position-absolute price-3" src="static/picture/shape2.png" alt="pricing_shapes" />
	</div>
	<div class="container">
		<div class="section_title_wrapper text-center pb-50">
			<h2 class="section-title pricing_title">支持多种方式，来呈现您的业务需求</h2>
			<p style="text-align: center;letter-spacing: 1px;">请根据您的实际业务需求和使用场景，选择对应的版本。</p>
		</div>
		<div class="row">
			<div class="col-xl-4 col-lg-4 col-md-6 col-sm-12">
				<div class="pricing mb-30 piceBS">
					<div class="pricing__header">
						<h4 style="font-size: 18px;letter-spacing: 2px;">基础版</h4>
						<h2> 1688<span style="font-size: 14px;letter-spacing: 1px;padding-left: 5px;">元</span></h2>
						<h3 style="font-size: 14px;color:#9e9e9e;">
							原价：<span style="font-size: 18px;text-decoration: line-through;">2688</span>
							<span style="font-size: 14px;letter-spacing: 1px;padding-left: 5px;">元/套</span>
						</h3>
						<span style="font-size: 14px;letter-spacing: 0.5px;">（适合独立个体商家）</span>
					</div>
					<div class="pricing__content">
						<ul>
							<li style="letter-spacing: 0.5px;"><i class="far fa-check"></i>快速开设专属店铺</li>
							<li style="letter-spacing: 0.5px;"><i class="far fa-check"></i>便捷发布产品信息</li>
							<li style="letter-spacing: 0.5px;"><i class="far fa-check"></i>轻松配置商品活动</li>
							<li style="letter-spacing: 0.5px;"><i class="far fa-check"></i>及时查看营收数据</li>
							<li style="letter-spacing: 0.5px;"><i class="far fa-check"></i>管理统计商品销量</li>
						</ul>
					</div>
					<div class="pricing__footer f_bs">
						<a href="javascript:void();" onclick="goPage('contact.html')">立即选用</a>
					</div>
				</div>
			</div>
			<div class="col-xl-4 col-lg-4 col-md-6 col-sm-12">
				<div class="pricing design1 mb-30 piceZY">
					<div class="pricing__header orange">
						<h4 style="font-size: 18px;letter-spacing: 2px;">专业版</h4>
						<h2> 3688<span style="font-size: 14px;letter-spacing: 1px;padding-left: 5px;">元</span></h2>
						<h3 style="font-size: 14px;color:#9e9e9e;">
							原价：<span style="font-size: 18px;text-decoration: line-through;">4688</span>
							<span style="font-size: 14px;letter-spacing: 1px;padding-left: 5px;">元/套</span>
						</h3>
						<span style="font-size: 14px;letter-spacing: 0.5px;">（SaaS模式适合连锁店的商家）</span>
					</div>
					<div class="pricing__content">
						<ul>
							<li><i class="far fa-check"></i>便捷配置自己的商城</li>
							<li><i class="far fa-check"></i>灵活部署、配置商品对应的数据库</li>
							<li><i class="far fa-check"></i>更好的维护管理自己的客户信息</li>
							<li><i class="far fa-check"></i>可以根据运营情况，设计发布新产品</li>
							<li><i class="far fa-check"></i>按需管理统计、处理商品信息</li>
						</ul>
					</div>
					<div class="pricing__footer f_zy">
						<a href="javascript:void();" onclick="goPage('contact.html')">立即选用</a>
					</div>
				</div>
			</div>
			<div class="col-xl-4 col-lg-4 col-md-6 col-sm-12">
				<div class="pricing design2 mb-30 piceQY">
					<div class="pricing__header lightcolor">
						<h4 style="font-size: 18px;letter-spacing: 2px;">企业版</h4>
						<h2 style="font-size: 30px;">咨询客服</h2>
						<span style="font-size: 14px;letter-spacing: 0.5px;">（拥有二次开发能力的组织）</span>
					</div>
					<div class="pricing__content">
						<ul>
							<li><i class="far fa-check"></i>拥有更好的二次开发扩展源码</li>
							<li><i class="far fa-check"></i>根据自身需求，灵活调整业务功能</li>
							<li><i class="far fa-check"></i>随时调整框架业务需求</li>
							<li><i class="far fa-check"></i>自己可以掌控所有运营数据源</li>
							<li><i class="far fa-check"></i>开放所有代码，且无加密处理</li>
							<li><i class="far fa-check"></i>没有任何授权限制</li>
						</ul>
					</div>
					<div class="pricing__footer f_qy">
						<a href="weixin://dl/businessWebview/link/?appid=appid&url=baidu.com">立即咨询</a>
					</div>
				</div>
			</div>
		</div>
		<div style="background-color: #ffe6e6; border-color: #c00; padding: 15px;border-radius: 10px;">
			<h5 style="font-size: 14px;color: #900;font-weight: 600;letter-spacing: 1px;margin: 10px 0;">说明</h5>
			<p style="font-size: 14px;color: #5e6d82;letter-spacing: 1px;margin-bottom: 5px;">
				1、所有版本均不包含技术支持，如需要技术支持，需另外独立付费。
			</p>
			<p style="font-size: 14px;color: #5e6d82;letter-spacing: 1px;margin-bottom: 5px;">
				2、所有版本均不包含后期运维，如需后期运维，需另外独立付费。
			</p>
            <p style="font-size: 14px;color: #5e6d82;letter-spacing: 1px;margin-bottom: 5px;">
				3、所有版本均不包含服务资源费用，实际费用按实际情况独立付费。
			</p>
		</div>
	</div>
</div>