<%@ 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" data-dpr="1" style="font-size: 37.52px;">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport"
          content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="format-detection" content="telephone=no">
    <meta name="keywords" content="">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <meta name="renderer" content="webkit">
	<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}";
	</script>
    <title>奖励金说明</title>
	<link rel="stylesheet" href="${resourcePath}/css/h5.css">
	<link rel="stylesheet" href="${resourcePath}/css/h5-common.css">
	<style>
		* {
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
			margin: 0;
			padding: 0;
			outline: 0;
			-webkit-tap-highlight-color: rgba(0,0,0,0);
		}
		div {
			display: block;
		}
		.top{
			position: absolute;
			top: 1rem;
			left: 30%;
			color: #FFFFFF;
			height: .93333333rem;
			line-height: .93333333rem;
			font-size: .6rem;
			font-weight: 500;
			background-color: rgba(255,255,255,.2);
		}
		.desc{
			margin-top: 0.5rem;
		}
		.content-1 .title{
			height: .6rem;
			padding: 10px 0;
			font-size: .433333rem;
			font-family: DINAlternate-Bold;
			text-align: center;
			font-weight: 600;
		}
		.content-1 .desc{
			font-size: .353333rem;
			margin-top: .823333rem;
			font-family: PingFangSC-Regular,Helvetica,sans-serif;
			width: 90%;
			margin-left: 6%;
			color: rgba(0,0,0,.6);
			line-height: 25px;
		}

		.content-2 .title{
			height: .6rem;
			font-size: .433333rem;
			margin-top: 10px;
			font-family: DINAlternate-Bold;
			text-align: center;
			font-weight: 600;
		}

		.content-2 .desc{
			height: .6rem;
			font-size: .353333rem;
			font-family: PingFangSC-Regular,Helvetica,sans-serif;
			width: 90%;
			margin-left: 6%;
			color: rgba(0,0,0,.6);
			line-height: 25px;
		}
		.content-3  .title{
			height: .6rem;
			font-size: .433333rem;
			margin-top: 2.5888rem;
			font-family: DINAlternate-Bold;
			text-align: center;
			font-weight: 600;
		}
		.content-3 .desc{
			height: .6rem;
			font-size: .353333rem;
			font-family: PingFangSC-Regular,Helvetica,sans-serif;
			width: 90%;
			margin-left: 6%;
			color: rgba(0,0,0,.6);
			margin-bottom: 3rem;
			line-height: 25px;
		}
	</style>
</head>
<body style="font-size: 12px;">
	<div id="app">
		<div style="width: 100%;height: 2rem;">
			<img width="100%" src="https://syb-resource.oss-cn-hangzhou.aliyuncs.com/upload/app/B06EC7846DB34E4FBB15F1493627C9DA.jpg?Expires=1916296893&OSSAccessKeyId=LTAI4G25PY4Tebxq4gCrhtF5&Signature=InjkIawrAHlXqj89Rs1sus3JVZM%3D">
			<div class="top">
				<div>>>积分说明<<</div>
			</div>
			<div class="content">
				<div class="content-1 text">
					<div class="title">
						<div><span style="color: #FD7564"> >>> </span>1.积分是什么<span style="color: #FD7564"> <<< </span></div>
					</div>
					<div class="desc">
						积分是商户参与快银活动所获得的奖励，可以兑换商品或参与其他活动。
						订单交易所获得的积分，在交易订单满一个月后方可使用，防止违规获取积分（如恶意退款、套现、虚假订单、刷单等）
						违规商户扣除所有奖励，永久关闭积分活动权限。
					</div>
				</div>
				<div class="content-2 text">
					<div class="title">
						<div><span style="color: #FD7564"> >>> </span>2.积分如何使用<span style="color: #FD7564"> <<< </span></div>
					</div>
					<div class="desc">
						<div>
							<div style="font-weight: 600;color: #000;">
								兑换商品
							</div>
							<div style="margin-top: .122rem;line-height: 0.6rem;">
								积分可以在<span style="color: orangered">＂商户活动-积分&lt;兑换商品&gt;＂</span>页页面进行商品兑换，兑换商品后，将会扣除等额积分，详细兑换规则可以联系快银客服。
							</div>
						</div>
					</div>
				</div>
				<div class="content-3">
					<div class="title">
						<div><span style="color: #FD7564"> >>> </span>3.积分如何获取<span style="color: #FD7564"> <<< </span></div>
					</div>
					<div class="desc">
						部分地区商户参与营销活动、日常签到等即可获取对应积分，积分获取方式不得有违规（如恶意退款、套现、虚假订单、刷单等），否则我司有权冻结并清除积分。
					</div>
				</div>
			</div>
		</div>
	</div>
	<script type="text/javascript">
		/* === 判断支持版本 start === */
		(function () {
			var viewportTag = null;
			var metaTags = document.getElementsByTagName('meta');
			for (var i = 0; i < metaTags.length; i++) {
				if (metaTags[i].getAttribute('name') === "viewport") {
					viewportTag = metaTags[i];
					break;
				}
			}
			if (!viewportTag) {
				viewportTag = document.createElement("meta");
				viewportTag.setAttribute('name', 'viewport');
			}

			var viewportTagContent =
					'width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no';

			// Detect if iOS device
			if (/(iPhone|iPod|iPad)/i.test(window.navigator.userAgent)) {
				// Get iOS major version
				var iosVersion = parseInt((window.navigator.userAgent).match(/OS (\d+)_(\d+)_?(\d+)? like Mac OS X/i)[1]);
				// Detect if device is running >iOS 11
				// iOS 11's UIWebView and WKWebView changes the viewport behaviour to render viewport without the status bar. Need to override with "viewport-fit: cover" to include the status bar.
				if (iosVersion >= 11) {
					viewportTagContent += ', viewport-fit=cover';
				}
			}

			// Update viewport tag attribute
			viewportTag.setAttribute('content', viewportTagContent);
		})();
		/* === 判断支持版本 end === */

		// refs http://www.html-js.com/article/3041 移动端高清、多屏适配方案
		!function (a, b) {
			function c() {
				var b = f.getBoundingClientRect().width;
				b / i > 540 && (b = 540 * i);
				var c = b / 10;
				f.style.fontSize = c + "px", k.rem = a.rem = c
			}

			var d, e = a.document,
					f = e.documentElement,
					g = e.querySelector('meta[name="viewport"]'),
					h = e.querySelector('meta[name="flexible"]'),
					i = 0,
					j = 0,
					k = b.flexible || (b.flexible = {});
			if (g) {
				var l = g.getAttribute("content").match(/initial\-scale=([\d\.]+)/);
				l && (j = parseFloat(l[1]), i = parseInt(1 / j))
			} else if (h) {
				var m = h.getAttribute("content");
				if (m) {
					var n = m.match(/initial\-dpr=([\d\.]+)/),
							o = m.match(/maximum\-dpr=([\d\.]+)/);
					n && (i = parseFloat(n[1]), j = parseFloat((1 / i).toFixed(2))), o && (i = parseFloat(o[1]), j = parseFloat((
							1 / i).toFixed(2)))
				}
			}
			if (!i && !j) {
				var p = (a.navigator.appVersion.match(/android/gi), a.navigator.appVersion.match(/iphone/gi)),
						q = a.devicePixelRatio;
				i = p ? q >= 3 && (!i || i >= 3) ? 3 : q >= 2 && (!i || i >= 2) ? 2 : 1 : 1, j = 1 / i
			}
			if (f.setAttribute("data-dpr", i), !g)
				if (g = e.createElement("meta"), g.setAttribute("name", "viewport"), g.setAttribute("content",
						"initial-scale=" + j + ", maximum-scale=" + j + ", minimum-scale=" + j + ", user-scalable=no"), f
						.firstElementChild) f.firstElementChild.appendChild(g);
				else {
					var r = e.createElement("div");
					r.appendChild(g), e.write(r.innerHTML)
				}
			a.addEventListener("resize", function () {
				clearTimeout(d), d = setTimeout(c, 300)
			}, !1), a.addEventListener("pageshow", function (a) {
				a.persisted && (clearTimeout(d), d = setTimeout(c, 300))
			}, !1), "complete" === e.readyState ? e.body.style.fontSize = 12 * i + "px" : e.addEventListener(
					"DOMContentLoaded",
					function () {
						e.body.style.fontSize = 12 * i + "px"
					}, !1), c(), k.dpr = a.dpr = i, k.refreshRem = c, k.rem2px = function (a) {
				var b = parseFloat(a) * this.rem;
				return "string" == typeof a && a.match(/rem$/) && (b += "px"), b
			}, k.px2rem = function (a) {
				var b = parseFloat(a) / this.rem;
				return "string" == typeof a && a.match(/px$/) && (b += "rem"), b
			}
		}(window, window.lib || (window.lib = {}));
	</script>
</body>
</html>