<template>
	<div class="home_feature flex flex-col justify-center items-center">
		<h4 class="md:w-bodySet mt-16 mb-32 text-28px text-title-color">原链的特点</h4>
		<div class="md:w-bodySet h-full flex justify-between pl-2">
			<div>
				<div class="feature_item flex flex-row-reverse mb-20">
					<img class="ml-3" src="../assets/images/h-feature/f1.png" alt="灵活">
					<div>
						<h4 class="h-12 text-lg text-right line_48 text-title-color">灵活</h4>
						<p class="text-16px text-left leading-6 text-article-color">当应用的智能合约出现BUG，原链可以热替换智能合约，及时修复BUG，控制损失，拒绝分叉</p>
					</div>
				</div>
				<div class="feature_item flex flex-row-reverse mb-106-px">
					<img class="ml-3" src="../assets/images/h-feature/f2.png" alt="跨链">
					<div>
						<h4 class="h-12 text-lg text-right line_48 text-title-color">跨链</h4>
						<p class="text-16px text-left leading-6 text-article-color">原链系统支持公链、联盟链、私链间数字资产和数字货币在不同链上无障碍流通。</p>
					</div>
				</div>
				<div class="feature_item flex flex-row-reverse mb-24">
					<img class="ml-3" src="../assets/images/h-feature/f3.png" alt="低延时">
					<div>
						<h4 class="h-12 text-lg text-right line_48 text-title-color">低延时</h4>
						<p class="text-16px text-left leading-6 text-article-color">最小区块间隔仅1s,可应用于金融交易所、智能机器人、工业4.0、大数据处理等高性能要求场景。</p>
					</div>
				</div>
				<div class="feature_item flex flex-row-reverse">
					<img class="ml-3" src="../assets/images/h-feature/f4.png" alt="高并发">
					<div>
						<h4 class="h-12 text-lg text-right line_48 text-title-color">高并发</h4>
						<p class="text-16px text-left leading-6 text-article-color">公链并发量＞10000笔/秒，联盟链、私链并发量＞100000笔/秒</p>
					</div>
				</div>
			</div>
			<div>
				<div class="feature_item flex mb-20">
					<img class="mr-3" src="../assets/images/h-feature/f5.png" alt="异构">
					<div>
						<h4 class="h-12 text-lg text-left line_48 text-title-color">异构</h4>
						<p class="text-16px text-left leading-6 text-article-color">即使在不同的节点，由不同的开发人员，使用不同的开发语言，只要规则一致，智能合约的运算结果就一致。</p>
					</div>
				</div>
				<div class="feature_item flex mb-84-px">
					<img class="mr-3" src="../assets/images/h-feature/f6.png" alt="安全">
					<div>
						<h4 class="h-12 text-lg text-left line_48 text-title-color">安全</h4>
						<p class="text-16px text-left leading-6 text-article-color">公链、联盟链、私链跨链身份认证及管理，节点服务器的行为和指纹识别设备，可防多类攻击。</p>
					</div>
				</div>
				<div class="feature_item flex mb-32">
					<img class="mr-3" src="../assets/images/h-feature/f7.png" alt="绿色">
					<div>
						<h4 class="h-12 text-lg text-left line_48 text-title-color">绿色</h4>
						<p class="text-16px text-left leading-6 text-article-color">用户可以委托挖矿共识节点参与投票与投票记账，即可实现代理挖矿。</p>
					</div>
				</div>
				<div class="feature_item flex">
					<img class="mr-3" src="../assets/images/h-feature/f8.png" alt="计费">
					<div>
						<h4 class="h-12 text-lg text-left line_48 text-title-color">计费</h4>
						<p class="text-16px text-left leading-6 text-article-color">挖矿收益包括利息、流量额度、税费抵扣、研发费、其他费用、助力原链社区生态圈长期建设。</p>
					</div>
				</div>
			</div>
		</div>
	</div>
</template>

<style scoped>
	.home_feature {
		height: 1091px;
		background-image: url(../assets/images/h-feature/bg_fea.png);
		background-position-x: 50%;
		background-size: 2100px;
		background-repeat: no-repeat;
	}
	.line_48 {
		line-height: 48px;
	}
	.mb-106-px {
		margin-bottom: 110px;
	}
	.mb-84-px {
		margin-bottom: 106px;
	}
	.feature_item img {
		width: 52px;
		height: 52px;
	}
	.feature_item h4 {
		color: #22356C;
	}
	.feature_item p {
		width: 270px;
	}
</style>