<template>
	<div class="content">
		<div class="top-space"></div>
		<div class="box">
			<div class="payment">
				<div class="payment-nav">
					<div @mouseover="onOverHandler(index)" class="payment-nav-item" :class="{'active' : index == curIndex}" v-for="(item, index) in dataList" :key="item.id">
						<div class="payment-nav-item-icon">
							<img :src="require('@assets/images/payment-type/icon-payment-'+(index+1)+(index == curIndex?'-act':'')+'.png')">
						</div>
						{{ item.tit }}
					</div>
				</div>
				<div class="payment-line"></div>

				<div class="payment-cont">
					<!-- 親臨客服中心付款 -->
					<div class="payment-cont-item">
						<ul>
							<li>現金：繳付保費的上限為每張保單15,000美元正或等值港元。</li>
							<li>支票：請以劃線支票付款，擡頭寫上「中國平安人壽保險股份有限公司香港分公司」並於支票背面寫上繳費通知書右上方的「收款單編號」</li>
							<li>信用卡：您可透過信用卡以港元繳費，最高繳款額須按您的指定銀行而定。</li>
							<li>易辦事：您可透過由「易辦事」會員銀行發行的提款卡及具備提款功能之信用卡透過易辦事以港元繳付費用，最高繳款額須按您的指定銀行而定。</li>
						</ul>
					</div>
				</div>
			</div>

		</div>
	</div>
</template>

<script src="./payment-type.js"></script>
<style lang="scss" scoped>
@import "./payment-type.scss";
</style>