<%@ 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">
<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">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<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>
	<link rel="stylesheet" href="https://unpkg.com/mescroll.js@1.4.1/mescroll.min.css">
	<style type="text/css">.mint-popup-bottom[data-v-8cd1bb9c] {
		-webkit-transform: translate3d(-50%, 0, 0) !important
	}

	.mint-indicator-wrapper[data-v-8cd1bb9c] {
		-webkit-transform: translate(-50%, -50%);
		z-index: 999
	}

	#app[data-v-8cd1bb9c], body[data-v-8cd1bb9c], html[data-v-8cd1bb9c] {
		font-size: 5.973px;
		font-size: .37333333rem;
		height: 100%;
		color: #333;
		-webkit-user-select: none;
		-moz-user-select: none;
		-o-user-select: none;
		-ms-user-select: none;
		user-select: none
	}

	body[data-v-8cd1bb9c], html[data-v-8cd1bb9c], input[data-v-8cd1bb9c], textarea[data-v-8cd1bb9c] {
		font-family: PingFangSC-Regular, Helvetica, sans-serif
	}

	input[data-v-8cd1bb9c], textarea[data-v-8cd1bb9c] {
		background-color: #fff
	}

	input[data-v-8cd1bb9c], li[data-v-8cd1bb9c], ol[data-v-8cd1bb9c], textarea[data-v-8cd1bb9c], ul[data-v-8cd1bb9c] {
		padding: 0;
		border: 0;
		margin: 0
	}

	.tc[data-v-8cd1bb9c] {
		text-align: center
	}

	.tr[data-v-8cd1bb9c] {
		text-align: right
	}

	.tl[data-v-8cd1bb9c] {
		text-align: left
	}

	.c4b[data-v-8cd1bb9c] {
		color: #4b4b4b
	}

	.c000[data-v-8cd1bb9c] {
		color: #000
	}

	.c333[data-v-8cd1bb9c] {
		color: #333
	}

	.c666[data-v-8cd1bb9c] {
		color: #666
	}

	.c999[data-v-8cd1bb9c] {
		color: #999
	}

	.cccc[data-v-8cd1bb9c] {
		color: #ccc
	}

	.cddd[data-v-8cd1bb9c] {
		color: #ddd
	}

	.c9b9b[data-v-8cd1bb9c] {
		color: #9b9b9b
	}

	.cblue[data-v-8cd1bb9c] {
		color: #3089f7
	}

	.cred[data-v-8cd1bb9c] {
		color: red
	}

	.cora[data-v-8cd1bb9c] {
		color: #faa800
	}

	.cbase[data-v-8cd1bb9c] {
		color: #ff721f
	}

	.cfff[data-v-8cd1bb9c] {
		color: #fff
	}

	.bfff[data-v-8cd1bb9c] {
		background-color: #fff
	}

	.bbase[data-v-8cd1bb9c] {
		background-color: #ff721f
	}

	.fl[data-v-8cd1bb9c] {
		float: left
	}

	.fr[data-v-8cd1bb9c] {
		float: right
	}

	.mt10[data-v-8cd1bb9c] {
		margin-top: 4.266px;
		margin-top: .26666667rem
	}

	.ml15[data-v-8cd1bb9c] {
		margin-left: 6.4px;
		margin-left: .4rem
	}

	.mr15[data-v-8cd1bb9c] {
		margin-right: 6.4px;
		margin-right: .4rem
	}

	.mt15[data-v-8cd1bb9c] {
		margin-top: 6.4px;
		margin-top: .4rem
	}

	.mb15[data-v-8cd1bb9c] {
		margin-bottom: 6.4px;
		margin-bottom: .4rem
	}

	.pl15[data-v-8cd1bb9c] {
		padding-left: 6.4px;
		padding-left: .4rem
	}

	.pr15[data-v-8cd1bb9c] {
		padding-right: 6.4px;
		padding-right: .4rem
	}

	.pt15[data-v-8cd1bb9c] {
		padding-top: 6.4px;
		padding-top: .4rem
	}

	.pb15[data-v-8cd1bb9c] {
		padding-bottom: 6.4px;
		padding-bottom: .4rem
	}

	.mt30[data-v-8cd1bb9c] {
		margin-top: 12.8px;
		margin-top: .8rem
	}

	.mb30[data-v-8cd1bb9c] {
		margin-bottom: 12.8px;
		margin-bottom: .8rem
	}

	.fz12[data-v-8cd1bb9c] {
		font-size: 5.12px;
		font-size: .32rem
	}

	.fz13[data-v-8cd1bb9c] {
		font-size: 5.546px;
		font-size: .34666667rem
	}

	.fz14[data-v-8cd1bb9c] {
		font-size: 5.973px;
		font-size: .37333333rem
	}

	.fz15[data-v-8cd1bb9c] {
		font-size: 6.4px;
		font-size: .4rem
	}

	.fz16[data-v-8cd1bb9c] {
		font-size: 6.826px;
		font-size: .42666667rem
	}

	.fz18[data-v-8cd1bb9c] {
		font-size: 7.68px;
		font-size: .48rem
	}

	.fz20[data-v-8cd1bb9c] {
		font-size: 8.533px;
		font-size: .53333333rem
	}

	.fz22[data-v-8cd1bb9c] {
		font-size: 9.386px;
		font-size: .58666667rem
	}

	.fz24[data-v-8cd1bb9c] {
		font-size: 10.24px;
		font-size: .64rem
	}

	.fz32[data-v-8cd1bb9c] {
		font-size: 13.653px;
		font-size: .85333333rem
	}

	.fz36[data-v-8cd1bb9c] {
		font-size: 15.36px;
		font-size: .96rem
	}

	.block[data-v-8cd1bb9c] {
		display: block
	}

	b[data-v-8cd1bb9c], dfn[data-v-8cd1bb9c], em[data-v-8cd1bb9c] {
		font-style: normal;
		font-weight: 400
	}

	.font-DINAlternate[data-v-8cd1bb9c] {
		font-family: DINAlternate-Bold, PingFangSC-Regular, Helvetica, sans-serif
	}

	.arr_r[data-v-8cd1bb9c] {
		position: relative
	}

	.arr_r[data-v-8cd1bb9c]:after {
		content: "";
		position: absolute;
		z-index: 80;
		right: 6.4px;
		right: .4rem;
		top: 50%;
		width: 6px;
		height: 6px;
		border: 1px solid #c7c7cc;
		border-width: 2px 2px 0 0;
		transform: translateY(-50%) rotate(45deg)
	}

	.shadow[data-v-8cd1bb9c] {
		box-shadow: 0 8px 25px 0 #eaebec
	}

	.ellips[data-v-8cd1bb9c] {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis
	}

	.ellips_line2[data-v-8cd1bb9c], .ellips_line3[data-v-8cd1bb9c] {
		display: -webkit-box;
		overflow: hidden
	}

	.ellips_line2[data-v-8cd1bb9c] {
		-webkit-line-clamp: 2
	}

	.ellips_line3[data-v-8cd1bb9c] {
		-webkit-line-clamp: 3
	}

	.to-check[data-v-8cd1bb9c] {
		position: relative
	}

	.to-check.checked[data-v-8cd1bb9c]:before {
		content: "";
		position: absolute;
		top: 50%;
		right: 6.4px;
		right: .4rem;
		width: 6.4px;
		width: .4rem;
		height: 3.2px;
		height: .2rem;
		border: 2px solid #ff721f;
		border-width: 0 0 2px 2px;
		transform: translateY(-50%) rotate(-45deg)
	}

	.ui-page[data-v-8cd1bb9c] {
		position: relative;
		max-width: 256px;
		max-width: 16rem;
		min-height: 100%;
		background-color: #f7f7f7;
		padding-top: 1px;
		margin: -1px auto 0
	}

	.ui-page[data-v-8cd1bb9c]:after {
		content: "";
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: -1;
		background-color: #f7f7f7
	}

	button[data-v-8cd1bb9c] {
		font-size: 6.4px;
		font-size: .4rem;
		border-radius: 1px;
		background-color: #ff721f
	}

	button.disabled[data-v-8cd1bb9c] {
		opacity: .4
	}

	.mebtn[data-v-8cd1bb9c] {
		width: 100%;
		padding: 0 6.4px;
		padding: 0 .4rem
	}

	input[data-v-8cd1bb9c]::-webkit-input-placeholder {
		color: #ccc
	}

	[data-v-8cd1bb9c]:-moz-placeholder, [data-v-8cd1bb9c]::-moz-placeholder {
		color: #ccc
	}

	[data-v-8cd1bb9c]:-ms-input-placeholder {
		color: #ccc
	}

	[class*=mint-tab-container][data-v-8cd1bb9c] {
		visibility: visible;
		position: static;
		opacity: 1
	}

	.loading-txt[data-v-8cd1bb9c] {
		width: 76.8px;
		width: 4.8rem
	}

	.loading-txt em[data-v-8cd1bb9c] {
		display: block;
		margin: 4.266px auto;
		margin: .26666667rem auto
	}

	.loading-txt .txt[data-v-8cd1bb9c] {
		margin-bottom: 2.56px;
		margin-bottom: .16rem
	}

	.v-input-clear[data-v-8cd1bb9c] {
		position: absolute;
		right: -4.266px;
		right: -.26666667rem;
		top: 50%;
		display: none;
		z-index: 9;
		padding: 4.266px;
		padding: .26666667rem;
		background-color: #fff;
		transform: translateY(-50%)
	}

	.v-input-clear.active[data-v-8cd1bb9c] {
		display: block
	}

	.v-input-clear .icon-font[data-v-8cd1bb9c] {
		display: block;
		color: #ccc;
		font-size: 7.68px;
		font-size: .48rem
	}

	.popup-container .popup-title[data-v-8cd1bb9c] {
		font-weight: 700
	}

	.popup-container .popup-btns .btn[data-v-8cd1bb9c] {
		color: #ff721f
	}

	.flex[data-v-8cd1bb9c] {
		display: -ms-flexbox;
		display: flex
	}

	.flex .flex-li[data-v-8cd1bb9c], .flex li[data-v-8cd1bb9c] {
		-ms-flex: 1;
		flex: 1
	}

	.i-warn-red[data-v-8cd1bb9c] {
		display: inline-block;
		width: 20px;
		height: 20px;
		background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAAkNJREFUSA29Vj1PVEEUvWdYA72dFkJCQkGhkJjQECpqTbQyWuhPcMFYUFjYyUfCbyDSYEJvZWhIiDEWmlCxFkBla8Tdfdcz897O7L7F2XkE3yS7e+fOOffMx92ZC0lo+vLOnAAPRWVRILdF9ZajAWf0ndJ3QN8+Nn98GRUOMYA2px6L6FsGm4nh/BhwLII1bJzseV/JuFRQV2amJLt4T7GFEj6xi0Mx40+wfnxSJgwJ6urkkmT6gVt1swyu1If8FINHeNf61M8bEHRiXfnIld3oB13dRlvGZLlf1Au6bdTfR6NXxiCQHU6CXH1KfCM6IbtSTNzvba/xYHtmKdto5BU2Wi/4eU7ua8//l2FjunzIAU6wyMa0BDH61cfGWLC98zJDF3IN6W0HUz+1dbCib2aP5FcH0rloptLc30tkD7o6PS/d9ud0okXyHF2rnFzzRrLOg5xc4RvyjejvFRg5lLeVYaIsViICW0yYOWy27nGl25W41DLubqzEMrse3pBge2fE4D3MFRYXcQQ3MNTQP76vjWB7Z8SgVvgfRnDXNgQot5RPTH3t3CbNaW161LJJc1CbILVs0uzXJkgt48oC91L/Z1lqWK0iS7GWLNfOQmajzx4ZINdw5LwGYVmQ0gzCzdTNgh3l4rBX54THkzWIpDzAmaxrc/Iu49sH+FlUxw66B5ixi+ZffNuvo8QI50FBV3uwBnGzKmZ05R+7slI9Y2MNCFqHE2UNQivtTC1pqJFr65hSxWZhA1ta5tVWCA8JX2Op/xc+6NDNayMwOQAAAABJRU5ErkJggg==) no-repeat;
		background-size: 20px 20px
	}

	.i-checked[data-v-8cd1bb9c], .i-unchecked[data-v-8cd1bb9c] {
		position: relative;
		display: inline-block;
		width: 16px;
		height: 16px;
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjMycHgiIGhlaWdodD0iMzJweCIgdmlld0JveD0iMCAwIDMyIDMyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1MC4yICg1NTA0NykgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+5Y2P6K6u5Yu+L+WLvjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSLljY/orq7li74v5Yu+IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cGF0aCBkPSJNMjguNDQ0NDQ0NCwwIEwzLjU1NTU1NTU2LDAgQzEuNiwwIDAsMS42IDAsMy41NTU1NTU1NiBMMCwyOC40NDQ0NDQ0IEMwLDMwLjQgMS42LDMyIDMuNTU1NTU1NTYsMzIgTDI4LjQ0NDQ0NDQsMzIgQzMwLjQsMzIgMzIsMzAuNCAzMiwyOC40NDQ0NDQ0IEwzMiwzLjU1NTU1NTU2IEMzMiwxLjYgMzAuNCwwIDI4LjQ0NDQ0NDQsMCBMMjguNDQ0NDQ0NCwwIFogTTEyLjQ0NDQ0NDQsMjQuODg4ODg4OSBMMy41NTU1NTU1NiwxNi4zNDE4ODAzIEw2LjA0NDQ0NDQ0LDEzLjk0ODcxNzkgTDEyLjQ0NDQ0NDQsMjAuMTAyNTY0MSBMMjUuOTU1NTU1Niw3LjExMTExMTExIEwyOC40NDQ0NDQ0LDkuNTA0MjczNSBMMTIuNDQ0NDQ0NCwyNC44ODg4ODg5IEwxMi40NDQ0NDQ0LDI0Ljg4ODg4ODkgWiIgaWQ9IuWLvuS4iiIgZmlsbD0iI0ZGNzIxRiI+PC9wYXRoPgogICAgPC9nPgo8L3N2Zz4=) no-repeat;
		background-size: 16px auto
	}

	.i-unchecked[data-v-8cd1bb9c] {
		background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjMycHgiIGhlaWdodD0iMzJweCIgdmlld0JveD0iMCAwIDMyIDMyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1MC4yICg1NTA0NykgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+5Y2P6K6u5Yu+L+acquWLvjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSLljY/orq7li74v5pyq5Yu+IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsLW9wYWNpdHk9IjAuMyI+CiAgICAgICAgPHBhdGggZD0iTTI4LjQ0NDQ0NDQsMCBMMy41NTU1NTU1NiwwIEMxLjYsMCAwLDEuNiAwLDMuNTU1NTU1NTYgTDAsMjguNDQ0NDQ0NCBDMCwzMC40IDEuNiwzMiAzLjU1NTU1NTU2LDMyIEwyOC40NDQ0NDQ0LDMyIEMzMC40LDMyIDMyLDMwLjQgMzIsMjguNDQ0NDQ0NCBMMzIsMy41NTU1NTU1NiBDMzIsMS42IDMwLjQsMCAyOC40NDQ0NDQ0LDAgTDI4LjQ0NDQ0NDQsMCBaIE0xMi40NDQ0NDQ0LDI0Ljg4ODg4ODkgTDMuNTU1NTU1NTYsMTYuMzQxODgwMyBMNi4wNDQ0NDQ0NCwxMy45NDg3MTc5IEwxMi40NDQ0NDQ0LDIwLjEwMjU2NDEgTDI1Ljk1NTU1NTYsNy4xMTExMTExMSBMMjguNDQ0NDQ0NCw5LjUwNDI3MzUgTDEyLjQ0NDQ0NDQsMjQuODg4ODg4OSBMMTIuNDQ0NDQ0NCwyNC44ODg4ODg5IFoiIGlkPSLmsqHli77kuIoiIGZpbGw9IiNGRjcyMUYiPjwvcGF0aD4KICAgIDwvZz4KPC9zdmc+)
	}

	.model-container .key-body[data-v-8cd1bb9c] {
		padding-bottom: 1.493px;
		padding-bottom: .09333333rem;
		background-color: #d2d5db
	}

	.model-container .key-body ul.number li[data-v-8cd1bb9c] {
		height: 14.933px;
		height: .93333333rem;
		line-height: 14.933px;
		line-height: .93333333rem;
		padding: 3.626px 0;
		padding: .22666667rem 0;
		width: 31%;
		margin: 0 1.7% 1.7% 0;
		border-radius: 5px;
		background-color: #fff;
		box-shadow: 0 1px 0 0 #898a8d
	}

	.model-container .key-body ul.number li[data-v-8cd1bb9c]:nth-child(3n-2) {
		margin-left: 1.7%
	}

	.model-container .key-body ul.number li[data-v-8cd1bb9c]:before {
		content: none
	}

	.model-container .key-body ul.number li.key-back[data-v-8cd1bb9c], .model-container .key-body ul.number li.key-null[data-v-8cd1bb9c] {
		background-color: #d2d5db;
		box-shadow: none
	}

	.model-container .key-body ul.number li.key-back[data-v-8cd1bb9c]:active {
		opacity: .5
	}

	.freeMask[data-v-8cd1bb9c] {
		background-color: transparent
	}

	.vx-header + .scroll-wrapper[data-v-8cd1bb9c] {
		top: 0
	}

	@keyframes lighter-data-v-8cd1bb9c {
		0% {
			background-color: #000
		}
		50% {
			background-color: #000
		}
		51% {
			background-color: transparent
		}
		to {
			background-color: transparent
		}
	}

	@keyframes rotater-data-v-8cd1bb9c {
		0% {
			-webkit-transform: rotate(0)
		}
		to {
			-webkit-transform: rotate(1turn)
		}
	}

	.get-money-activity[data-v-8cd1bb9c] {
		padding: 6.4px;
		padding: .4rem;
		text-align: center;
		background-color: #fff
	}

	.get-money-activity .get-money-title[data-v-8cd1bb9c] {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: justify;
		justify-content: space-between;
		font-size: 5.973px;
		font-size: .37333333rem;
		line-height: 7.04px;
		line-height: .44rem;
		margin-top: 5.546px;
		margin-top: .34666667rem;
		font-family: PingFangSC-Regular
	}

	.get-money-activity .get-money-title .one[data-v-8cd1bb9c] {
		color: #333
	}

	.get-money-activity .get-money-title .two[data-v-8cd1bb9c] {
		color: #ff7728
	}

	.get-money-activity .money[data-v-8cd1bb9c] {
		text-align: left;
		color: #333;
		font-size: 13.653px;
		font-size: .85333333rem;
		line-height: 18.773px;
		line-height: 1.17333333rem;
		font-family: DINAlternate-Bold
	}

	.get-money-activity .money-desc[data-v-8cd1bb9c] {
		font-family: PingFangSC-Regular;
		color: #333;
		font-size: 5.973px;
		font-size: .37333333rem;
		line-height: 8.533px;
		line-height: .53333333rem;
		margin-top: 5.333px;
		margin-top: .33333333rem;
		margin-bottom: 5.333px;
		margin-bottom: .33333333rem;
		text-align: left
	}

	.get-money-activity .money-list[data-v-8cd1bb9c] {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-flex-pack: start;
		justify-content: flex-start
	}

	.get-money-activity .money-list li[data-v-8cd1bb9c] {
		width: 45.866px;
		width: 2.86666667rem;
		height: 23.253px;
		height: 1.45333333rem;
		line-height: 23.253px;
		line-height: 1.45333333rem;
		font-size: 11.093px;
		font-size: .69333333rem;
		color: #333;
		border: 1px solid #bcbcbc;
		font-family: DINAlternate-Bold;
		border-radius: .10666667rem;
		margin-bottom: 4.693px;
		margin-bottom: .29333333rem
	}

	.get-money-activity .money-list li[data-v-8cd1bb9c]:nth-child(3n-1) {
		margin-left: 4.693px;
		margin-left: .29333333rem;
		margin-right: 4.693px;
		margin-right: .29333333rem
	}

	.get-money-activity .money-list li span[data-v-8cd1bb9c] {
		font-size: 8.96px;
		font-size: .56rem
	}

	.get-money-activity .money-list .li-disabled[data-v-8cd1bb9c] {
		color: #dfdfdf
	}

	.get-money-activity .money-list .li-actived[data-v-8cd1bb9c] {
		color: #ff7728;
		border: 1px solid #ff7728;
		background-color: rgba(255, 119, 40, .1)
	}

	.get-money-activity .get-money-desc[data-v-8cd1bb9c] {
		font-family: PingFangSC-Regular;
		color: #333;
		font-size: 5.973px;
		font-size: .37333333rem;
		line-height: 9.386px;
		line-height: .58666667rem;
		margin-top: 2.133px;
		margin-top: .13333333rem;
		margin-bottom: 12.8px;
		margin-bottom: .8rem;
		text-align: left
	}

	.get-money-activity .button-disabled[data-v-8cd1bb9c], .get-money-activity .money-button[data-v-8cd1bb9c] {
		width: 100%;
		height: 18.773px;
		height: 1.17333333rem;
		line-height: 18.773px;
		line-height: 1.17333333rem;
		font-size: 6.826px;
		font-size: .42666667rem;
		border-radius: .02666667rem;
		color: #fff;
		font-family: PingFangSC-Medium;
		font-weight: 700
	}

	.get-money-activity .button-disabled[data-v-8cd1bb9c] {
		background-color: rgb(253, 117, 100)
	}

	.get-money-activity .money-button[data-v-8cd1bb9c] {
		background-color: #ff7728
	}

	.get-money-activity .money-exchange-link[data-v-8cd1bb9c] {
		width: 100%;
		height: 42.666px;
		height: 2.66666667rem;
		margin-top: 6.4px;
		margin-top: .4rem
	}
	.get-money-activity .money-exchange-link img[data-v-8cd1bb9c] {
		width: 100%;
		height: 100%
	}
	</style>
	<style type="text/css">
		.ui-page {
			position: relative;
			max-width: 256px;
			max-width: 16rem;
			min-height: 100%;
			padding-top: 1px;
			margin: -1px auto 0
		}

		.ui-page, .ui-page:after {
			background-color: #f7f7f7
		}

		.ui-page:after {
			content: "";
			position: fixed;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			z-index: -1
		}
		.money-activity-detail {
			background-color: #f6f6f6;
			height: 100%
		}

		.money-activity-detail .scroll {
			height: 100%
		}

		.money-activity-detail .fixed-head {
			position: fixed;
			top: 0;
			z-index: 100;
			width: 100%
		}
		.money-activity-detail .mint-datetime .picker-toolbar .mint-datetime-cancel {
			text-align: left;
			padding-left: 6.4px;
			padding-left: .4rem
		}

		.money-activity-detail .mint-datetime .picker-toolbar .mint-datetime-confirm {
			text-align: right;
			padding-right: 6.4px;
			padding-right: .4rem
		}

		.money-activity-detail .mint-datetime .mint-datetime-picker .picker-items .picker-slot:nth-child(3) {
			display: none
		}

		.money-activity-detail .mint-datetime-action {
			color: #FD7564
		}

		.money-activity-detail .no-more {
			color: #666;
			font-family: PingFangSC-Regular;
			font-size: 4.693px;
			font-size: .293333rem
		}

		.money-activity-detail .money-head {
			padding: 6.4px;
			padding: .4rem;
			width: 100%;
			padding-bottom: 0;
			background-color: #fff
		}

		.money-activity-detail .money-head .head {
			overflow: hidden;
			height: 29.226px;
			height: 1.82666667rem;
			box-shadow: 0 4px 8px 0 hsla(0, 0%, 78%, .5);
			background-color: #fff;
			border-radius: .21333333rem;
			margin-bottom: 6.4px;
			margin-bottom: .4rem;
			padding-top: 5.973px;
			padding-top: .37333333rem
		}

		.money-activity-detail .money-head .head .top-date {
			float: left;
			padding-left: 6.4px;
			padding-left: .4rem;
			border-right: 1px dashed #ddd;
			font-family: PingFangSC-Medium;
			position: relative;
			width: 41.6px;
			width: 2.6rem
		}

		.money-activity-detail .money-head .head .top-date .year {
			font-size: 5.12px;
			font-size: .32rem;
			color: #999
		}

		.money-activity-detail .money-head .head .top-date .mouth {
			font-size: 8.96px;
			font-size: .56rem;
			color: #333
		}

		.money-activity-detail .money-head .head .top-date .arrow-down {
			position: absolute;
			border-top-width: 2.986px;
			border-top-width: .18666667rem;
			border-bottom-width: 2.986px;
			border-bottom-width: .18666667rem;
			border-right-width: 2.986px;
			border-right-width: .18666667rem;
			border-left-width: 2.986px;
			border-left-width: .18666667rem;
			border-top-color: #999;
			border-style: solid;
			border-left-color: transparent;
			border-bottom-color: transparent;
			border-right-color: transparent;
			left: 29.866px;
			left: 1.86666667rem;
			top: 6.4px;
			top: .4rem;
			opacity: .5
		}

		.money-activity-detail .money-head .head .top-date img {
			display: inline-block;
			float: left;
			width: 5.333px;
			width: .33333333rem;
			height: 3.2px;
			height: .2rem;
			margin-left: 2.133px;
			margin-left: .13333333rem
		}

		.money-activity-detail .money-head .head .top-money {
			float: left;
			padding-left: 4.053px;
			padding-left: .25333333rem;
			font-size: 5.12px;
			font-size: .32rem;
			line-height: 5.973px;
			line-height: .37333333rem;
			color: #333
		}

		.money-activity-detail .money-head .head .top-money .get {
			margin-bottom: 4.266px;
			margin-bottom: .26666667rem;
			margin-top: 2.133px;
			margin-top: .13333333rem
		}

		.money-activity-detail .money-head .head .top-money .fince {
			color: #ff7728;
			font-size: 5.12px;
			font-size: .32rem;
			margin-left: 8.533px;
			margin-left: .53333333rem;
			margin-top: 1.706px;
			margin-top: .10666667rem;
			padding-bottom: 1.066px;
			padding-bottom: .06666667rem;
			padding-right: 5.973px;
			padding-right: .37333333rem;
			border-bottom: 1px solid #ff7728;
			position: relative
		}

		.money-activity-detail .money-head .head .top-money .fince:after {
			content: "";
			position: absolute;
			right: 1.28px;
			right: .08rem;
			top: 50%;
			margin-top: -2.133px;
			margin-top: -.13333333rem;
			width: 2.133px;
			width: .13333333rem;
			height: 3.2px;
			height: .2rem;
			background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIxNXB4IiB2aWV3Qm94PSIwIDAgMTAgMTUiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUyLjYgKDY3NDkxKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT7ljrvlkJHnrq3lpLQ8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iMDcwMiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IueUqOadpeagh+azqCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTY2OS4wMDAwMDAsIC0xNjIuMDAwMDAwKSIgZmlsbD0iI0ZGNzcyOCIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPHBhdGggZD0iTTY2OS45MzQ2OTMsMTY0LjcwMzA1MiBDNjY5LjM1MTQ4NCwxNjQuMTE0Njk5IDY2OS4zNTU2NTQsMTYzLjE2NDk2MSA2NjkuOTQ0MDA3LDE2Mi41ODE3NTIgQzY3MC41MzIzNiwxNjEuOTk4NTQzIDY3MS40ODIwOTgsMTYyLjAwMjcxMyA2NzIuMDY1MzA3LDE2Mi41OTEwNjYgTDY3OC43MTIwNjcsMTY5LjI5NjQ1MyBMNjcyLjA4MTU5OCwxNzUuOTg1NDA1IEM2NzEuNDk4MzksMTc2LjU3Mzc1NyA2NzAuNTQ4NjUxLDE3Ni41Nzc5MjggNjY5Ljk2MDI5OCwxNzUuOTk0NzE5IEM2NjkuMzcxOTQ2LDE3NS40MTE1MSA2NjkuMzY3Nzc1LDE3NC40NjE3NzIgNjY5Ljk1MDk4NCwxNzMuODczNDE5IEw2NzQuNDg3OTMzLDE2OS4yOTY0NTMgTDY2OS45MzQ2OTMsMTY0LjcwMzA1MiBaIiBpZD0i5Y675ZCR566t5aS0Ij48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) no-repeat 50%;
			background-size: cover
		}

		.money-activity-detail .money-head .getAndOut {
			display: -ms-flexbox;
			display: flex;
			text-align: center;
			font-size: 5.973px;
			font-size: .37333333rem;
			color: #333;
			height: 18.773px;
			height: 1.17333333rem;
			line-height: 18.773px;
			line-height: 1.17333333rem
		}

		.money-activity-detail .money-head .getAndOut .left, .money-activity-detail .money-head .getAndOut .right {
			-ms-flex: 1;
			flex: 1
		}

		.money-activity-detail .money-head .getAndOut span {
			display: inline-block;
			height: 100%
		}

		.money-activity-detail .money-head .getAndOut .head-actived {
			position: relative;
			color: #FD7564;
		}

		.money-activity-detail .money-head .getAndOut .head-actived:after {
			content: "";
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
			height: 1.706px;
			height: .10666667rem;
			background-color: #ff7728;
			border-radius: .05333333rem
		}

		.money-activity-detail .detail {
			height: auto;
			padding-top: 60.586px;
			padding-top: 3.78666667rem;
			box-sizing: border-box;
			overflow: scroll
		}

		.money-activity-detail .detail ul {
			padding-left: 6.4px;
			padding-left: .4rem;
			background-color: #fff
		}

		.money-activity-detail .detail li {
			background: -webkit-linear-gradient(top, #ddd 50%, transparent 0) 100% 100%;
			background-size: 100% 1px;
			background-repeat: no-repeat;
			background-color: #fff;
			padding-right: 6.4px;
			padding-right: .4rem;
			padding-bottom: 6.826px;
			padding-bottom: .42666667rem
		}

		.money-activity-detail .detail li .detail-top {
			color: #333;
			display: -ms-flexbox;
			display: flex;
			-ms-flex-pack: justify;
			justify-content: space-between;
			height: 16.64px;
			height: 1.04rem;
			line-height: 16.64px;
			line-height: 1.04rem
		}

		.money-activity-detail .detail li .detail-top span:first-child {
			font-family: PingFangSC-Medium;
			font-size: 5.973px;
			font-size: .37333333rem;
			width: 85.333px;
			width: 5.33333333rem;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis
		}

		.money-activity-detail .detail li .detail-top span:nth-child(2) {
			font-size: 8.533px;
			font-size: .53333333rem;
			font-family: DINAlternate-Bold
		}

		.money-activity-detail .detail li .detail-time {
			font-size: 5.973px;
			font-size: .37333333rem;
			color: #999
		}

		.money-activity-detail .detail .mint-loadmore-bottom-custom {
			text-align: center;
			height: 50px;
			line-height: 50px;
			background-color: #f7f7f7
		}

		.money-activity-detail .detail .mint-loadmore-spinner {
			display: inline-block;
			margin-right: 5px;
			vertical-align: middle
		}

		.money-activity-detail .go-top {
			width: 15.786px;
			width: .98666667rem;
			height: 15.786px;
			height: .98666667rem;
			background: #fff;
			border: 1px solid #666;
			border-radius: 50%;
			position: fixed;
			right: 6.4px;
			right: .4rem;
			top: 192px;
			top: 12rem;
			opacity: .6
		}

		.money-activity-detail .go-top img {
			display: block;
			width: 6.826px;
			width: .42666667rem;
			height: 8.533px;
			height: .53333333rem;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%)
		}

		.money-activity-detail .monthNoDetail, .money-activity-detail .noDetail {
			text-align: center;
			color: #999;
			font-family: PingFangSC-Regular
		}

		.money-activity-detail .monthNoDetail .img, .money-activity-detail .noDetail .img {
			width: 68.266px;
			width: 4.26666667rem;
			height: 68.266px;
			height: 4.26666667rem;
			margin: 0 auto;
			margin-top: 19.84px;
			margin-top: 1.24rem;
			margin-bottom: 11.733px;
			margin-bottom: .73333333rem
		}

		.money-activity-detail .monthNoDetail .img img, .money-activity-detail .noDetail .img img {
			width: 100%;
			height: 100%;
			display: block
		}

		.money-activity-detail .monthNoDetail .desc, .money-activity-detail .noDetail .desc {
			font-size: 7.68px;
			font-size: .48rem;
			line-height: 7.68px;
			line-height: .48rem;
			margin-bottom: 5.12px;
			margin-bottom: .32rem
		}

		.money-activity-detail .monthNoDetail .desc-two, .money-activity-detail .noDetail .desc-two {
			font-size: 5.973px;
			font-size: .37333333rem;
			line-height: 5.973px;
			line-height: .37333333rem
		}
		.mint-popup {
			position: fixed;
			background: #fff;
			top: 50%;
			left: 50%;
			transform: translate3d(-50%, -50%, 0);
			-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
			transition: .2s ease-out
		}
		.mint-popup-bottom {
			top: auto;
			right: auto;
			bottom: 0;
			left: 50%;
			transform: translate3d(-50%, 0, 0)
		}
		.mint-datetime {
			width: 100%
		}

		.mint-datetime .picker-toolbar {
			border-bottom: 1px solid #eaeaea
		}

		.mint-datetime-action {
			display: inline-block;
			width: 50%;
			text-align: center;
			line-height: 40px;
			font-size: 16px;
			color: #26a2ff
		}

		.mint-datetime-cancel {
			float: left
		}

		.mint-datetime-confirm {
			float: right
		}
		.mint-popup-bottom {
			-webkit-transform: translate3d(-50%, 0, 0) !important
		}
		.picker {
			overflow: hidden
		}

		.picker-toolbar {
			height: 40px
		}

		.picker-items {
			display: -ms-flexbox;
			display: flex;
			-ms-flex-pack: center;
			justify-content: center;
			padding: 0;
			text-align: right;
			font-size: 24px;
			position: relative
		}

		.picker-center-highlight {
			box-sizing: border-box;
			position: absolute;
			left: 0;
			width: 100%;
			top: 50%;
			margin-top: -18px;
			pointer-events: none
		}

		.picker-center-highlight:after, .picker-center-highlight:before {
			content: "";
			position: absolute;
			height: 1px;
			width: 100%;
			background-color: #eaeaea;
			display: block;
			z-index: 15;
			transform: scaleY(.5)
		}

		.picker-center-highlight:before {
			left: 0;
			top: 0;
			bottom: auto;
			right: auto
		}

		.picker-center-highlight:after {
			left: 0;
			bottom: 0;
			right: auto;
			top: auto
		}

		.picker-slot {
			font-size: 18px;
			overflow: hidden;
			position: relative;
			max-height: 100%
		}

		.picker-slot.picker-slot-left {
			text-align: left
		}

		.picker-slot.picker-slot-center {
			text-align: center
		}

		.picker-slot.picker-slot-right {
			text-align: right
		}

		.picker-slot.picker-slot-divider {
			color: #000;
			display: -ms-flexbox;
			display: flex;
			-ms-flex-align: center;
			align-items: center
		}

		.picker-slot-wrapper {
			transition-duration: .3s;
			transition-timing-function: ease-out;
			-webkit-backface-visibility: hidden;
			backface-visibility: hidden
		}

		.picker-slot-wrapper.dragging, .picker-slot-wrapper.dragging .picker-item {
			transition-duration: 0s
		}

		.picker-item {
			height: 36px;
			line-height: 36px;
			padding: 0 10px;
			white-space: nowrap;
			position: relative;
			overflow: hidden;
			text-overflow: ellipsis;
			color: #707274;
			left: 0;
			top: 0;
			width: 100%;
			box-sizing: border-box;
			transition-duration: .3s;
			-webkit-backface-visibility: hidden;
			backface-visibility: hidden
		}

		.picker-slot-absolute .picker-item {
			position: absolute
		}

		.picker-item.picker-item-far {
			pointer-events: none
		}

		.picker-item.picker-selected {
			color: #000;
			transform: translateZ(0) rotateX(0)
		}

		.picker-3d .picker-items {
			overflow: hidden;
			perspective: 700px
		}

		.picker-3d .picker-item, .picker-3d .picker-slot, .picker-3d .picker-slot-wrapper {
			transform-style: preserve-3d
		}

		.picker-3d .picker-slot {
			overflow: visible
		}

		.picker-3d .picker-item {
			transform-origin: center center;
			-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
			transition-timing-function: ease-out
		}
		.money-activity-detail .mint-datetime .picker-toolbar .mint-datetime-cancel {
			text-align: left;
			padding-left: 6.4px;
			padding-left: .4rem
		}

		.money-activity-detail .mint-datetime .picker-toolbar .mint-datetime-confirm {
			text-align: right;
			padding-right: 6.4px;
			padding-right: .4rem
		}

		.money-activity-detail .mint-datetime .mint-datetime-picker .picker-items .picker-slot:nth-child(3) {
			display: none
		}
		.v-modal {
			position: fixed;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			opacity: .5;
			background: #000;
		}
		.picker-slot {
			font-size: 18px;
			overflow: hidden;
			position: relative;
			max-height: 100%
		}

		.picker-slot.picker-slot-left {
			text-align: left
		}

		.picker-slot.picker-slot-center {
			text-align: center
		}

		.picker-slot.picker-slot-right {
			text-align: right
		}

		.picker-slot.picker-slot-divider {
			color: #000;
			display: -ms-flexbox;
			display: flex;
			-ms-flex-align: center;
			align-items: center
		}

		.picker-slot-wrapper {
			transition-duration: .3s;
			transition-timing-function: ease-out;
			-webkit-backface-visibility: hidden;
			backface-visibility: hidden
		}

		.picker-slot-wrapper.dragging, .picker-slot-wrapper.dragging .picker-item {
			transition-duration: 0s
		}
		.picker-item {
			height: 36px;
			line-height: 36px;
			padding: 0 10px;
			white-space: nowrap;
			position: relative;
			overflow: hidden;
			text-overflow: ellipsis;
			color: #707274;
			left: 0;
			top: 0;
			width: 100%;
			box-sizing: border-box;
			transition-duration: .3s;
			-webkit-backface-visibility: hidden;
			backface-visibility: hidden
		}

		.picker-slot-absolute .picker-item {
			position: absolute
		}

		.picker-item.picker-item-far {
			pointer-events: none
		}

		.picker-item.picker-selected {
			color: #000;
			transform: translateZ(0) rotateX(0)
		}

		.picker-3d .picker-items {
			overflow: hidden;
			perspective: 700px
		}

		.picker-3d .picker-item, .picker-3d .picker-slot, .picker-3d .picker-slot-wrapper {
			transform-style: preserve-3d
		}

		.picker-3d .picker-slot {
			overflow: visible
		}

		.picker-3d .picker-item {
			transform-origin: center center;
			-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
			transition-timing-function: ease-out
		}
		.mint-loadmore {
			overflow: hidden;
		}
		.mint-loadmore-top {
			margin-top: -50px;
		}
		.mint-loadmore-text {
			vertical-align: middle;
		}
		.money-activity-detail .detail ul {
			padding-left: 6.4px;
			padding-left: .4rem;
			background-color: #fff;
		}
		.mint-loadmore-bottom {
			margin-bottom: -50px;
		}
		.mint-loadmore-bottom, .mint-loadmore-top {
			text-align: center;
			height: 50px;
			line-height: 50px;
		}
		.wrapper-order-item{
			background-color: #fff; padding: 0.233rem; line-height: .8rem;box-shadow: 0 4px 8px 0 hsla(0, 0%, 78%, .5);border-radius: 10px;margin-bottom: .4rem;
		}
		.wrapper-order-item-content{
			display: flex;
			justify-content: space-between;
		}
	</style>

	<style type="text/css" title="fading circle style">.circle-color-12 > div::before {
		background-color: #ccc;
	}
	</style>
	<style type="text/css">
		* {
			margin: 0;
			padding: 0;
			-webkit-touch-callout:none;
			-webkit-user-select:none;
			-webkit-tap-highlight-color:transparent;
		}
		body{background-color: white}
		ul{list-style-type: none}
		a {text-decoration: none;color: #18B4FE;}
		/*列表*/
		.mescroll{
			position: fixed;
			top: 44px;
			bottom: 0;
			height: auto;
			padding-top: 3.2rem;
		}
		.padding-list{
			padding: .4rem;
		}
	</style>
	<link rel="stylesheet" href="${resourcePath}/css/h5.css">
	<link rel="stylesheet" href="${resourcePath}/css/h5-common.css">
	<link rel="stylesheet" href="${resourcePath}/css/mobileSelect.css">
	<script src="https://unpkg.com/mescroll.js@1.4.1/mescroll.min.js" charset="utf-8"></script>
	<script type="text/javascript" src="${resourcePath}/js/auto-size.js"></script>
	<script type="text/javascript" src="${resourcePath}/js/mobileSelect.js"></script>
</head>

<body>
<div id="app" style="font-size: 12px;">
	<div class="ui-page money-activity-detail">
		<div class="scroll">
			<div class="fixed-head">
				<div class="money-head" style="left: 0px; right: 0px; top: 0px; z-index: 10;">
					<div class="head shadow">
						<div class="top-date">
							<div class="year">${nowYear}年</div>
							<div class="mouth">${nowMonth}月</div>
							<p class="arrow-down" id="trigger"></p></div>
						<div class="top-money">
							<div class="get">收入（积分） <span style="color: green">${incomeAmt}</span></div>
							<div class="out">支出（积分） <span style="color: red">${expendAmt}</span></div>
							<%--							<div class="out"><span>支出（元） 0</span><!----></div>--%>
						</div>
					</div>
					<div class="getAndOut">
						<div class="left" id="get" ><span class="${type == '1' ? 'head-actived' : ''} ">收入</span></div>
						<div class="right" id="out" ><span class="${type == '2' ? 'head-actived' : ''} ">支出</span></div>
					</div>
				</div>
			</div>
			<div class="detail">
				<!--滑动区域-->
				<div id="mescroll-get" class="mescroll" style="display: ${type == '1' || type == null || type == '' ? 'black' : 'none'}">
					<div id="getlist" class="padding-list">
<%--						<c:if test="${not empty orderList.records}">--%>
<%--							<c:forEach items="${orderList.records}" var="order">--%>
<%--								<div class="wrapper-order-item">--%>
<%--									<div class="wrapper-order-item-content">--%>
<%--										<div>订单号</div>--%>
<%--										<div>${order.orderNumber}</div>--%>
<%--									</div>--%>
<%--									<div class="wrapper-order-item-content">--%>
<%--										<div>订单金额(元)</div>--%>
<%--										<div><fmt:formatNumber value="${order.consumeFee}" pattern="0.00" maxFractionDigits="2" /></div>--%>
<%--									</div>--%>
<%--									<div class="wrapper-order-item-content">--%>
<%--										<div>积分</div>--%>
<%--										<div style="color: green">+&nbsp;${order.marketAmt == null ? '0.00' : order.marketAmt}</div>--%>
<%--									</div>--%>
<%--									<div class="wrapper-order-item-content">--%>
<%--										<div>交易时间</div>--%>
<%--										<div>&nbsp;<fmt:formatDate value='${order.transDt}' pattern='yyyy-MM-dd HH:mm:ss'/></div>--%>
<%--									</div>--%>
<%--								</div>--%>
<%--							</c:forEach>--%>
<%--						</c:if>--%>
					</div>
				</div>
				<div id="mescroll-out" class="mescroll" style="display: ${type == '2' ? 'black' : 'none'}">
					<div id="outlist" class="padding-list">
<%--						<c:if test="${not empty cashList.records}">--%>
<%--							<c:forEach items="${cashList.records}" var="cash">--%>
<%--								<div class="wrapper-order-item">--%>
<%--									<div class="wrapper-order-item-content">--%>
<%--										<div>订单号</div>--%>
<%--										<div>${cash.cashNo}</div>--%>
<%--									</div>--%>
<%--									<div class="wrapper-order-item-content">--%>
<%--										<div>积分</div>--%>
<%--										<div style="color: red">-&nbsp;${cash.cashAmt}</div>--%>
<%--									</div>--%>
<%--									<div class="wrapper-order-item-content">--%>
<%--										<div>状态</div>--%>
<%--										<c:if test="${cash.status == '1'}">--%>
<%--											<div style="color: orange">&nbsp;兑换中</div>--%>
<%--										</c:if>--%>
<%--										<c:if test="${cash.status == '2'}">--%>
<%--											<div style="color: green">&nbsp;兑换成功</div>--%>
<%--										</c:if>--%>
<%--										<c:if test="${cash.status == '3'}">--%>
<%--											<div style="color: red">&nbsp;兑换失败</div>--%>
<%--										</c:if>--%>
<%--									</div>--%>
<%--									<div class="wrapper-order-item-content">--%>
<%--										<div>兑换时间</div>--%>
<%--										<div>&nbsp;<fmt:formatDate value='${cash.cashTime}' pattern='yyyy-MM-dd HH:mm:ss'/></div>--%>
<%--									</div>--%>
<%--								</div>--%>
<%--							</c:forEach>--%>
<%--						</c:if>--%>
					</div>
				</div>
			</div>
		</div>
		<div class="mint-indicator" style="display: none;">
			<div class="mint-indicator-wrapper" style="padding: 20px;">
					<span class="mint-indicator-spin">
						<div class="mint-spinner-fading-circle circle-color-12" style="width: 32px; height: 32px;">
							<div class="mint-spinner-fading-circle-circle is-circle2">

							</div>
							<div class="mint-spinner-fading-circle-circle is-circle3">

							</div>
							<div class="mint-spinner-fading-circle-circle is-circle4">

							</div>
							<div class="mint-spinner-fading-circle-circle is-circle5">

							</div>
							<div class="mint-spinner-fading-circle-circle is-circle6">

							</div>
							<div class="mint-spinner-fading-circle-circle is-circle7">

							</div>
							<div class="mint-spinner-fading-circle-circle is-circle8">

							</div>
							<div class="mint-spinner-fading-circle-circle is-circle9">

							</div>
							<div class="mint-spinner-fading-circle-circle is-circle10">

							</div>
							<div class="mint-spinner-fading-circle-circle is-circle11">

							</div>
							<div class="mint-spinner-fading-circle-circle is-circle12">

							</div>
							<div class="mint-spinner-fading-circle-circle is-circle13">

							</div>
						</div>
					</span>
				<span class="mint-indicator-text" style="">加载中...</span>
			</div>
		</div>
		<div class="backdrop-container active" style="display: none;"></div>

		<div class="v-modal" style="z-index: 2002; display: none;" ></div>
	</div>
</div>
</div>
</body>
<script type="text/javascript">
	/* === 判断支持版本 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>
<script>
	var data = '${monthList}';
	var mobileSelect = new MobileSelect({
		trigger: '#trigger',
		wheels: [
			{data:JSON.parse(data)}
		],
		transitionEnd:function(indexArr, data){
		},
		callback:function(indexArr, data){
			$("#trigger").html("");
			var dateStr = data[0].value + "-" +data[1].value;
			$(".year").html(data[0].value+"年");
			$(".mouth").html(data[1].value+"月");
			$(".mint-indicator").show();
			var checkDomValue = $(".head-actived").parent("div").attr("id");
			var type = "";
			if(checkDomValue == "get"){
				type = 1
			}else{
				type = 2
			}
			var url = ctx + '/activity/detail?token=${token}&type='+type+'&date='+dateStr;
			window.location.href = url;
		}
	});

</script>
<script type="text/javascript" charset="utf-8">

	$(function(){
		//创建MeScroll对象
		var getscroll = new MeScroll("mescroll-get", {
			down: {
				auto: false, //是否在初始化完毕之后自动执行下拉回调callback; 默认true
				callback: downGetCallback, //下拉刷新的回调
			},
			up: {
				auto: true, //是否在初始化时以上拉加载的方式自动加载第一页数据; 默认false
				callback: upGetCallback, //上拉回调,此处可简写; 相当于 callback: function (page) { upCallback(page); }
				htmlNodata: "没有更多了",
			}
		});


		function getDom() {
			var checkValue =  $(".head-actived").parent("div").attr("id");
			if(checkValue == "get"){
				return $("#getlist");
			}else{
				return $("#outlist");
			}
		}

		/*下拉刷新的回调 */
		function downGetCallback(){
			//联网加载数据
			getListDataFromNet(0, 10,'get',function(data,type){
				//联网成功的回调,隐藏下拉刷新的状态
				getscroll.endSuccess();
				//设置列表数据
				setListData(data, false,getDom(),type);
			}, function(){
				//联网失败的回调,隐藏下拉刷新的状态
				getscroll.endErr();
			});
		}
		function upGetCallback(page){
			//联网加载数据
			getListDataFromNet(page.num, page.size,'get',function(data,type){
				//联网成功的回调,隐藏下拉刷新和上拉加载的状态;
				getscroll.endSuccess(data.length);//传参:数据的总数; mescroll会自动判断列表如果无任何数据,则提示空;列表无下一页数据,则提示无更多数据;
				setListData(data, true,getDom(),type);
			}, function(){
				//联网失败的回调,隐藏下拉刷新和上拉加载的状态;
				getscroll.endErr();
			});
		}

		/*设置列表数据*/
		function setListData(data, isAppend,dom,type) {
			var str = "";
			if(type == 'get'){
				for (var i = 0; i <data.length; i++) {
					var newObj=data[i];
					str += '<div class="wrapper-order-item">' +
							'<div class="wrapper-order-item-content">' +
							'<div>类型</div>' +
							'<div>'+(newObj.type == '1' ? "订单交易" : newObj.type == '2' ? '机具活动' : newObj.type == '3' ? '完成任务' : '签到打卡')+'</div></div>' +
							'<div class="wrapper-order-item-content">'+
							'<div>积分</div>'+
							'<div style="color: green">+&nbsp;'+(newObj.integral == null ? "0.00" : newObj.integral)+'</div></div>'+
							'<div class="wrapper-order-item-content">'+
							'<div>发放时间</div>'+
							'<div>&nbsp;'+newObj.createTime+'</div></div></div>'
					// var liDom=document.createElement("div");
					// dom.innerHTML=str;
					// if (isAppend) {
					// 	dom.appendChild(liDom);//加在列表的后面,上拉加载
					// } else{
					// 	dom.insertBefore(liDom, dom.firstChild);//加在列表的前面,下拉刷新
					// }
				}
				if(!isAppend){
					$("#getlist").empty();
				}
				$("#getlist").append(str);
			}else{
				for (var i = 0; i < data.length; i++) {
					var newObj=data[i];
					str += '<div class="wrapper-order-item">' +
							'<div class="wrapper-order-item-content">' +
							'<div>订单号</div>' +
							'<div>'+newObj.orderNumber+'</div></div>' +
							'<div class="wrapper-order-item-content">' +
							'<div>积分</div>' +
							'<div style="color: red;">'+(newObj.integral)+'</div></div>'+
							'<div class="wrapper-order-item-content">'+
							'<div>状态</div>'+
							'<div style="color: green">'+(newObj.status == 1 ? "<span style='color:orange'>待付款</span>" : newObj.status == 2 ? "<span style='color:green'>兑换成功</span>": "<span style='color:red'>兑换失败</span>" )+'</div></div>'+
							'<div class="wrapper-order-item-content">'+
							'<div>兑换时间</div>'+
							'<div>&nbsp;'+newObj.handleTime+'</div></div></div>'
					// var liDom=document.createElement("div");
					// dom.innerHTML=str;
					// if (isAppend) {
					// 	dom.appendChild(liDom);//加在列表的后面,上拉加载
					// } else{
					// 	dom.insertBefore(liDom, dom.firstChild);//加在列表的前面,下拉刷新
					// }
				}
				if(!isAppend){
					$("#outlist").empty();
				}
				$("#outlist").append(str);
			}
		}
		/*联网加载列表数据*/
		function getListDataFromNet(pageNum,pageSize,type,successCallback,errorCallback) {
			//延时一秒,模拟联网
			setTimeout(function () {
				try{
					$.ajax({
						url : ctx + '/activity/page',
						dataType : 'json',
						type : "post",
						data : {
							'date' : '${nowYear}-${nowMonth}',
							'token': '${token}',
							'pageNum': pageNum,
							'pageSize': pageSize,
						},
						success : function(res) {
							if(res.code == 200){
								var orderList = res.data.orderList.records;
								var cashList = res.data.cashList.records;
								if(type == "get"){
									successCallback&&successCallback(orderList,'get');
								}else{
									successCallback&&successCallback(cashList,'out');
								}
							}else {
								errorCallback&&errorCallback();
							}
						},
					})
				}catch(e){
					//联网失败的回调
					errorCallback&&errorCallback();
				}
			},1000)
		}

		$("div.getAndOut > div").each(function(i,e){
			(function(i){
				e.onclick = function(){
					$.each($("div.getAndOut > div"),function (v,m) {
						m.children[0].classList.remove("head-actived");
						$("#outlist").hide();
						$("#getlist").hide();
					})
					if(e.getAttribute("id") == "get"){
						$("#getlist").show();
						$("#outlist").hide();
						$("#mescroll-get").show();
						$("#mescroll-out").hide();
					}else{
						$("#getlist").hide();
						$("#outlist").show();
						$("#mescroll-get").hide();
						$("#mescroll-out").show();
						initOut();
					}
					e.children[0].classList.add("head-actived")
				}
			})(i)
		})
		let outscroll = null;
		function initOut(){
			if(outscroll == null){
				outscroll = new MeScroll("mescroll-out", {
					down: {
						auto: false, //是否在初始化完毕之后自动执行下拉回调callback; 默认true
						callback: downOutCallback, //下拉刷新的回调
					},
					up: {
						auto: true, //是否在初始化时以上拉加载的方式自动加载第一页数据; 默认false
						callback: upOutCallback, //上拉回调,此处可简写; 相当于 callback: function (page) { upCallback(page); }
						htmlNodata: "没有更多了",
					}
				});
			}
		}

		/*下拉刷新的回调 */
		function downOutCallback(){
			//联网加载数据
			getListDataFromNet(0, 10,'out',function(data,type){
				//联网成功的回调,隐藏下拉刷新的状态
				outscroll.endSuccess();
				//设置列表数据
				setListData(data, false,getDom(),type);
			}, function(){
				//联网失败的回调,隐藏下拉刷新的状态
				outscroll.endErr();
			});
		}
		function upOutCallback(page){
			//联网加载数据
			getListDataFromNet(page.num, page.size,'out',function(data,type){
				//联网成功的回调,隐藏下拉刷新和上拉加载的状态;
				outscroll.endSuccess(data.length);//传参:数据的总数; mescroll会自动判断列表如果无任何数据,则提示空;列表无下一页数据,则提示无更多数据;
				setListData(data, true,getDom(),type);
			}, function(){
				//联网失败的回调,隐藏下拉刷新和上拉加载的状态;
				outscroll.endErr();
			});
		}
		//禁止PC浏览器拖拽图片,避免与下拉刷新冲突;如果仅在移动端使用,可删除此代码
		document.ondragstart=function() {return false;}
	});
</script>
</html>