<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<!DOCTYPE html>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1">
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="Cache-Control" content="no-cache, must-revalidate">
	<meta http-equiv="expires" content="0">
	<c:set var="ctx" value="${pageContext.request.contextPath}"  scope="request"/>
	<c:set var="resourcePath" value="${ctx}/resources"  scope="request"/>
	<script type="text/javascript">
		var ctx = "${ctx}"; //上下文路径
		var resourcePath = "${resourcePath}";
		document.writeln('<script type="text/javascript" src="'+resourcePath+'/js/global.js?d=' + new Date().getTime() + '" ><\/script>');
	</script>
    <title>邀请</title>
	<style>
		#Rootloading {
			display: inline-block;
			width: 12.8%;
			max-width: 80px;
			position: absolute;
			left: 50%;
			top: 50%;
			transform: translate(-50%, -50%);
		}
	</style>
	<link href="${resourcePath}/css/act-common.css" rel="stylesheet">
	<style id="__WXWORK_INNER_SCROLLBAR_CSS">
		::-webkit-scrollbar {
			width: 12px !important;
			height: 12px !important;
		}

		::-webkit-scrollbar-track:vertical {}

		::-webkit-scrollbar-thumb:vertical {
			background-color: rgba(136, 141, 152, 0.5) !important;
			border-radius: 10px !important;
			background-clip: content-box !important;
			border: 2px solid transparent !important;
		}

		::-webkit-scrollbar-track:horizontal {}

		::-webkit-scrollbar-thumb:horizontal {
			background-color: rgba(136, 141, 152, 0.5) !important;
			border-radius: 10px !important;
			background-clip: content-box !important;
			border: 2px solid transparent !important;
		}

		::-webkit-resizer {
			display: none !important;
		}
		.act-desc a{
			position: absolute;
			top: 1.5rem;
			right: -.1875rem;
			border-top-left-radius: .9375rem;
			border-bottom-left-radius: .9375rem;
			border: 1px solid #fcfcfc;
			padding: .375rem .75rem .375rem 1.125rem;
			text-align: center;
			font-size: .875rem;
			color: #fff;
		}
	</style>
</head>
<body style="height: auto;">
	<div id="app" class="">
		<div id="RegisterInviteShow">
			<img src="${resourcePath}/css/assets/invute-page.4fc98.png" class="introduce">
			<div class="act-desc">
				<a onclick="actDesc()">活动细则</a>
			</div>
			<div class="bottom">
				<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAApoAAABsCAMAAAD9huLgAAAAolBMVEUAAAD/gID/39//zMz/3czvv7//xcX/0cX2ysH/ysH4v7j5vrj6u7H1uK31uLP6tq37sqb4q6D4r6T4qZz2pJj5pJj5opP3oJL3m473no71mo31nI34jH34kYL4kYX4lIX4lor4mYr6aVP6aVX6blr6c1/6dl/6eGT6eGf6fWz6gGz6gnH6hXH6h3j6inj6jH36lIX9XUT9X0n9ZE79aVP9bFM7T6jcAAAANnRSTlMAAggPDxAWFh0dJCsxMjI4P0ZGTVRUWlthYWJiZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmb0DQeIAAABdElEQVR42u3coVLDQBSG0f+mcRigAoVgBoPk/Z8JkCi6CApJG4YZTDYM5wim5GtN5mZDt0A9BrZocAowmmA0MZpgNPlfxnIOMJrwi9F8SZJ9nr6OXCd5Pj6utOh6l173Lk/+3A39c6Z1vUMfd0lLcjqhp0d0vUOvB1eovsk+DlP8+QW6vmofhzouoN9Pb0XXu/SPVfNjYp+S7POcZD/7Xte79LpNhlzN9pWWk63rHXrdTe+JThfaLN4z6fqKfXxNhrS07JK02Z3/kGQ4ftX11XvdzPeVzneYpqfq+sp9fJvmtE5Smy29ur56r31gi8a2+IDom8e6vnqvS5cnf2DVhO2M5qHS0vL5V0LLH1R1vUuvC5cnbujwmxu63xXUN9nHw/JJdbY/r+sdeu2m3fghh1Ta8ZPN6Yiud+jl33ewTTunAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOjoHY2OiMa2C96YAAAAAElFTkSuQmCC"
					 class="introduceBac">
				<ul class="introduceBar">
					<li>
						<div class="left">福利一</div>
						<div class="right">
							<h3>自用省钱</h3>
							<p>成功邀请商户进件，下调费率</p>
						</div>
					</li>
					<li>
						<div class="left">福利二</div>
						<div class="right">
							<h3>分享赚钱</h3>
							<p>邀请好友，赚分润，日结/无上限</p>
						</div>
					</li>
					<li></li>
				</ul>
				<div class="introduceTable">
					<p>成功邀请</p>
					<p>商户费率</p>
				</div>
				<ul class="introduceList">
					<c:forEach items="${inviteRateList}" var="invite">
						<li>
							<p>${invite.number}人</p>
							<p>${invite.rate}%</p>
						</li>
					</c:forEach>
				</ul>
			</div>
			<p class="noLimit">邀请无上限，赶快行动吧</p>
			<div class="inviteBtn"><img src="${resourcePath}/css/assets/invite-btn.0ea39.png"></div>
		</div>
		<!---->
		<!---->
	</div>
	<div class="toast-wrapper" style="display: none;">
		<div class="toast"></div>
	</div>
	<div class="toast3-wrapper" style="display: none;">

	</div>
	<div class="toast-wrapper2" style="display: none;">
		<div class="toast2" style="height: 200px;">
			<p class="toast-title"></p>
			<p class="toast-message"></p>
			<div class="btn-wrapper">
				<!----><button type="button" class="btn"></button></div>
		</div>
	</div>
<script>
	$(function () {
		$(".inviteBtn").on("click",function () {
			window.location.href = ctx + '/merchant/register?inviteNum=${inviteNum}';
		})
	})
	function actDesc() {
		window.location.href = ctx + '/activity/one/desc?token=${token}&t=${t}';
	}
</script>
</body>
</html>