<%@ 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>
<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}";
		document.writeln('<script type="text/javascript" src="'+resourcePath+'/js/global.js?d=' + new Date().getTime() + '" ><\/script>');
	</script>

	<title>官方活动</title>
	<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" title="fading circle style">.circle-color-12 > div::before { background-color: #ccc; }
</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: 100%;
			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
		}

		.order-li{
			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
		}
	</style>
	<style type="text/css">
		.mint-spinner-fading-circle {
			position: relative
		}
		.mint-spinner-fading-circle-circle {
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			position: absolute
		}

		.mint-spinner-fading-circle-circle:before {
			content: " ";
			display: block;
			margin: 0 auto;
			width: 15%;
			height: 15%;
			border-radius: 100%;
			animation: mint-fading-circle 1.2s infinite ease-in-out both
		}

		.mint-spinner-fading-circle-circle.is-circle2 {
			transform: rotate(30deg)
		}

		.mint-spinner-fading-circle-circle.is-circle2:before {
			animation-delay: -1.1s
		}

		.mint-spinner-fading-circle-circle.is-circle3 {
			transform: rotate(60deg)
		}

		.mint-spinner-fading-circle-circle.is-circle3:before {
			animation-delay: -1s
		}

		.mint-spinner-fading-circle-circle.is-circle4 {
			transform: rotate(90deg)
		}

		.mint-spinner-fading-circle-circle.is-circle4:before {
			animation-delay: -.9s
		}

		.mint-spinner-fading-circle-circle.is-circle5 {
			transform: rotate(120deg)
		}

		.mint-spinner-fading-circle-circle.is-circle5:before {
			animation-delay: -.8s
		}

		.mint-spinner-fading-circle-circle.is-circle6 {
			transform: rotate(150deg)
		}

		.mint-spinner-fading-circle-circle.is-circle6:before {
			animation-delay: -.7s
		}

		.mint-spinner-fading-circle-circle.is-circle7 {
			transform: rotate(180deg)
		}

		.mint-spinner-fading-circle-circle.is-circle7:before {
			animation-delay: -.6s
		}

		.mint-spinner-fading-circle-circle.is-circle8 {
			transform: rotate(210deg)
		}

		.mint-spinner-fading-circle-circle.is-circle8:before {
			animation-delay: -.5s
		}

		.mint-spinner-fading-circle-circle.is-circle9 {
			transform: rotate(240deg)
		}

		.mint-spinner-fading-circle-circle.is-circle9:before {
			animation-delay: -.4s
		}

		.mint-spinner-fading-circle-circle.is-circle10 {
			transform: rotate(270deg)
		}

		.mint-spinner-fading-circle-circle.is-circle10:before {
			animation-delay: -.3s
		}

		.mint-spinner-fading-circle-circle.is-circle11 {
			transform: rotate(300deg)
		}

		.mint-spinner-fading-circle-circle.is-circle11:before {
			animation-delay: -.2s
		}

		.mint-spinner-fading-circle-circle.is-circle12 {
			transform: rotate(330deg)
		}

		.mint-spinner-fading-circle-circle.is-circle12:before {
			animation-delay: -.1s
		}

		@keyframes mint-fading-circle {
			0%, 39%, to {
				opacity: 0
			}
			40% {
				opacity: 1
			}
		}
	</style>
	<style type="text/css">.mint-tab-container-item {
		-ms-flex-negative: 0;
		flex-shrink: 0;
		width: 100%
	}</style>
	<style type="text/css">.mint-tab-container {
		overflow: hidden;
		position: relative
	}

	.mint-tab-container .swipe-transition {
		transition: transform .15s ease-in-out
	}

	.mint-tab-container-wrap {
		display: -ms-flexbox;
		display: flex
	}</style>
	<style type="text/css">.mint-tab-item {
		display: block;
		padding: 7px 0;
		-ms-flex: 1;
		flex: 1;
		text-decoration: none
	}

	.mint-tab-item-icon {
		width: 24px;
		height: 24px;
		margin: 0 auto 5px
	}

	.mint-tab-item-icon:empty {
		display: none
	}

	.mint-tab-item-icon > * {
		display: block;
		width: 100%;
		height: 100%
	}

	.mint-tab-item-label {
		color: inherit;
		font-size: 12px;
		line-height: 1
	}</style>
	<style type="text/css">.mint-navbar {
		background-color: #fff;
		display: -ms-flexbox;
		display: flex;
		text-align: center
	}

	.mint-navbar .mint-tab-item {
		padding: 17px 0;
		font-size: 15px
	}

	.mint-navbar .mint-tab-item:last-child {
		border-right: 0
	}

	.mint-navbar .mint-tab-item.is-selected {
		border-bottom: 3px solid #26a2ff;
		color: #26a2ff;
		margin-bottom: -3px
	}

	.mint-navbar.is-fixed {
		top: 0;
		right: 0;
		left: 0;
		position: fixed;
		z-index: 1
	}</style>
	<style type="text/css">.scroll-wrapper {
		width: 100%;
		height: 100%;
		overflow-y: scroll;
		color: #333;
		font-size: 5.973px;
		font-size: .37333333rem
	}

	.btn-default {
		background: #d0d0d0
	}

	.btn-active, .btn-default {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: center;
		justify-content: center;
		-ms-flex-align: center;
		align-items: center;
		color: #fff;
		width: 147.2px;
		width: 9.2rem;
		font-size: 6.826px;
		font-size: .42666667rem;
		height: 18.773px;
		height: 1.17333333rem;
		border-radius: .08rem
	}

	.btn-active {
		background: #d0d0d0;
		background: #f05a22
	}

	.btn-box {
		width: 100%;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: center;
		justify-content: center;
		-ms-flex-align: center;
		align-items: center;
		padding: 12.8px 0;
		padding: .8rem 0
	}

	#app, body, html {
		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, html, input, textarea {
		font-family: PingFangSC-Regular, Helvetica, sans-serif
	}

	input, textarea {
		background-color: #fff
	}

	input, li, ol, textarea, ul {
		padding: 0;
		border: 0;
		margin: 0
	}

	.tc {
		text-align: center
	}

	.tr {
		text-align: right
	}

	.tl {
		text-align: left
	}

	.c4b {
		color: #4b4b4b
	}

	.c000 {
		color: #000
	}

	.c333 {
		color: #333
	}

	.c666 {
		color: #666
	}

	.c999 {
		color: #999
	}

	.cccc {
		color: #ccc
	}

	.cddd {
		color: #ddd
	}

	.c9b9b {
		color: #9b9b9b
	}

	.cblue {
		color: #3089f7
	}

	.cred {
		color: red
	}

	.cora {
		color: #faa800
	}

	.cbase {
		color: #ff721f
	}

	.cfff {
		color: #fff
	}

	.bfff {
		background-color: #fff
	}

	.bbase {
		background-color: #ff721f
	}

	.fl {
		float: left
	}

	.fr {
		float: right
	}

	.mt10 {
		margin-top: 4.266px;
		margin-top: .26666667rem
	}

	.ml15 {
		margin-left: 6.4px;
		margin-left: .4rem
	}

	.mr15 {
		margin-right: 6.4px;
		margin-right: .4rem
	}

	.mt15 {
		margin-top: 6.4px;
		margin-top: .4rem
	}

	.mb15 {
		margin-bottom: 6.4px;
		margin-bottom: .4rem
	}

	.pl15 {
		padding-left: 6.4px;
		padding-left: .4rem
	}

	.pr15 {
		padding-right: 6.4px;
		padding-right: .4rem
	}

	.pt15 {
		padding-top: 6.4px;
		padding-top: .4rem
	}

	.pb15 {
		padding-bottom: 6.4px;
		padding-bottom: .4rem
	}

	.mt30 {
		margin-top: 12.8px;
		margin-top: .8rem
	}

	.mb30 {
		margin-bottom: 12.8px;
		margin-bottom: .8rem
	}

	.fz12 {
		font-size: 5.12px;
		font-size: .32rem
	}

	.fz13 {
		font-size: 5.546px;
		font-size: .34666667rem
	}

	.fz14 {
		font-size: 5.973px;
		font-size: .37333333rem
	}

	.fz15 {
		font-size: 6.4px;
		font-size: .4rem
	}

	.fz16 {
		font-size: 6.826px;
		font-size: .42666667rem
	}

	.fz18 {
		font-size: 7.68px;
		font-size: .48rem
	}

	.fz20 {
		font-size: 8.533px;
		font-size: .53333333rem
	}

	.fz22 {
		font-size: 9.386px;
		font-size: .58666667rem
	}

	.fz24 {
		font-size: 10.24px;
		font-size: .64rem
	}

	.fz32 {
		font-size: 13.653px;
		font-size: .85333333rem
	}

	.fz36 {
		font-size: 15.36px;
		font-size: .96rem
	}

	.block {
		display: block
	}

	b, dfn, em {
		font-style: normal;
		font-weight: 400
	}

	.font-DINAlternate {
		font-family: DINAlternate-Bold, PingFangSC-Regular, Helvetica, sans-serif
	}

	.arr_r {
		position: relative
	}

	.arr_r: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 {
		box-shadow: 0 8px 25px 0 #eaebec
	}

	.ellips {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis
	}

	.ellips_line2, .ellips_line3 {
		display: -webkit-box;
		overflow: hidden
	}

	.ellips_line2 {
		-webkit-line-clamp: 2
	}

	.ellips_line3 {
		-webkit-line-clamp: 3
	}

	.to-check {
		position: relative
	}

	.to-check.checked: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 {
		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
	}

	button {
		font-size: 6.4px;
		font-size: .4rem;
		border-radius: 1px;
		background-color: #ff721f
	}

	button.disabled {
		opacity: .4
	}

	.mebtn {
		width: 100%;
		padding: 0 6.4px;
		padding: 0 .4rem
	}

	input::-webkit-input-placeholder {
		color: #ccc
	}

	:-moz-placeholder, ::-moz-placeholder {
		color: #ccc
	}

	:-ms-input-placeholder {
		color: #ccc
	}

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

	.loading-txt {
		width: 76.8px;
		width: 4.8rem
	}

	.loading-txt em {
		display: block;
		margin: 4.266px auto;
		margin: .26666667rem auto
	}

	.loading-txt .txt {
		margin-bottom: 2.56px;
		margin-bottom: .16rem
	}

	.v-input-clear {
		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 {
		display: block
	}

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

	.popup-container .popup-title {
		font-weight: 700
	}

	.popup-container .popup-btns .btn {
		color: #ff721f
	}

	.flex {
		display: -ms-flexbox;
		display: flex
	}

	.flex .flex-li, .flex li {
		-ms-flex: 1;
		flex: 1
	}

	.i-warn-red {
		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, .i-unchecked {
		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 {
		background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjMycHgiIGhlaWdodD0iMzJweCIgdmlld0JveD0iMCAwIDMyIDMyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1MC4yICg1NTA0NykgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+5Y2P6K6u5Yu+L+acquWLvjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSLljY/orq7li74v5pyq5Yu+IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsLW9wYWNpdHk9IjAuMyI+CiAgICAgICAgPHBhdGggZD0iTTI4LjQ0NDQ0NDQsMCBMMy41NTU1NTU1NiwwIEMxLjYsMCAwLDEuNiAwLDMuNTU1NTU1NTYgTDAsMjguNDQ0NDQ0NCBDMCwzMC40IDEuNiwzMiAzLjU1NTU1NTU2LDMyIEwyOC40NDQ0NDQ0LDMyIEMzMC40LDMyIDMyLDMwLjQgMzIsMjguNDQ0NDQ0NCBMMzIsMy41NTU1NTU1NiBDMzIsMS42IDMwLjQsMCAyOC40NDQ0NDQ0LDAgTDI4LjQ0NDQ0NDQsMCBaIE0xMi40NDQ0NDQ0LDI0Ljg4ODg4ODkgTDMuNTU1NTU1NTYsMTYuMzQxODgwMyBMNi4wNDQ0NDQ0NCwxMy45NDg3MTc5IEwxMi40NDQ0NDQ0LDIwLjEwMjU2NDEgTDI1Ljk1NTU1NTYsNy4xMTExMTExMSBMMjguNDQ0NDQ0NCw5LjUwNDI3MzUgTDEyLjQ0NDQ0NDQsMjQuODg4ODg4OSBMMTIuNDQ0NDQ0NCwyNC44ODg4ODg5IFoiIGlkPSLmsqHli77kuIoiIGZpbGw9IiNGRjcyMUYiPjwvcGF0aD4KICAgIDwvZz4KPC9zdmc+)
	}

	.model-container .key-body {
		padding-bottom: 1.493px;
		padding-bottom: .09333333rem;
		background-color: #d2d5db
	}

	.model-container .key-body ul.number li {
		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:nth-child(3n-2) {
		margin-left: 1.7%
	}

	.model-container .key-body ul.number li:before {
		content: none
	}

	.model-container .key-body ul.number li.key-back, .model-container .key-body ul.number li.key-null {
		background-color: #d2d5db;
		box-shadow: none
	}

	.model-container .key-body ul.number li.key-back:active {
		opacity: .5
	}

	.freeMask {
		background-color: transparent
	}

	.vx-header + .scroll-wrapper {
		top: 0
	}

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

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

	.fixedBody, .windowbox {
		position: fixed;
		width: 100%;
		overflow: hidden
	}

	.windowbox {
		height: 100%;
		left: 0;
		top: 0;
		z-index: 9999
	}

	.windowbox .popup-body {
		height: 85.333px;
		height: 5.33333333rem;
		overflow-y: auto
	}

	.windowbox .rewardHeight {
		text-align: left !important;
		overflow-y: auto
	}

	.index-point {
		width: 100%;
		height: 100%;
		overflow: hidden;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 9999;
		background: rgba(0, 0, 0, .76)
	}

	.index-point img {
		width: 157.866px;
		width: 9.86666667rem;
		height: 96.64px;
		height: 6.04rem;
		display: block;
		margin: 0 auto;
		margin-bottom: 61.226px;
		margin-bottom: 3.82666667rem;
	}
	img{
		border-radius: 10px 10px 0 0;
	}

	.index-point .index-btn {
		width: 66.986px;
		width: 4.18666667rem;
		height: 18.773px;
		height: 1.17333333rem;
		line-height: 18.773px;
		line-height: 1.17333333rem;
		text-align: center;
		color: #fff;
		margin: 0 auto;
		border: 2px solid #fff;
		box-shadow: 0 8px 25px 0 rgba(0, 0, 0, .5);
		border-radius: .58666667rem
	}

	.dialogHeight {
		height: 85.333px;
		height: 5.33333333rem;
		overflow-y: auto
	}

	.money-card {
		background-color: #fff;
		padding: 6.4px;
		padding: .4rem;
		padding-top: 5.546px;
		padding-top: .34666667rem;
		padding-bottom: 0;
		box-sizing: border-box
	}

	.money-card .card {
		width: 100%;
		height: 48.64px;
		height: 3.04rem;
		padding-top: 7.68px;
		padding-top: .48rem;
		background-image: linear-gradient(-180deg, #fca195, #ef5151);
		border-radius: 8px 8px 0 0;
		color: #fff;
		box-sizing: border-box
	}

	.money-card .card .money-title {
		font-size: .32rem;
		line-height: .32rem;
		padding-left: .6rem;
		padding-right: .4rem;
		margin-bottom: .16rem;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: justify;
		justify-content: space-between
	}

	.money-card .card .money-title .question {
		width: 6.826px;
		width: .42666667rem;
		height: 6.826px;
		height: .42666667rem
	}

	.money-card .card .money-title .question img {
		width: 100%;
		height: 100%;
		display: inline-block
	}

	.money-card .card .money-detail {
		height: 13.653px;
		height: .85333333rem;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-ms-flex-align: center;
		align-items: center
	}

	.money-card .card .money-detail .money {
		font-size: .65333333rem;
		height: 13.653px;
		height: .85333333rem;
		line-height: 13.653px;
		line-height: .85333333rem;
		padding-left: 12.8px;
		padding-left: .6rem;
		font-family: DINAlternate-Bold;
		display: inline-block
	}

	.money-card .card .money-detail .money-desc {
		font-family: PingFangSC-Medium;
		display: inline-block;
		height: 9.386px;
		height: .58666667rem;
		line-height: 9.386px;
		line-height: .58666667rem;
		padding: 4.48px;
		padding: .28rem;
		margin-left: 6.4px;
		margin-left: .4rem;
		border-radius: .32666667rem;
		padding-top: 0;
		padding-bottom: 0;
		font-size: 4.693px;
		font-size: .29333333rem;
		background-color: #fd4444;
		opacity: .99;
		position: relative;
		padding-top: 2px;
	}

	.money-card .card .money-detail .money-desc:after {
		content: "";
		position: absolute;
		top: .853px;
		top: .05333333rem;
		left: -5.546px;
		left: -.34666667rem;
		border: 4.053px;
		border: .25333333rem;
		border-style: solid;
		border-color: #fd4444;
		border-left-color: transparent;
		border-top-color: transparent;
		border-bottom-color: transparent
	}

	.money-card .card .money-active {
		display: -ms-flexbox;
		display: flex;
		line-height: 12.8px;
		line-height: .8rem;
		height: 12.8px;
		height: .8rem;
		margin-top: 4.266px;
		margin-top: .26666667rem
	}

	.money-card .card .money-active .left, .money-card .card .money-active .right {
		-ms-flex: 1;
		flex: 1;
		text-align: center;
		font-family: PingFangSC-Medium;
		line-height: 12.8px;
		line-height: .8rem;
		height: 12.8px;
		height: .8rem;
		position: relative
	}

	.money-card .card .money-active .left img, .money-card .card .money-active .right img {
		height: 5.546px;
		height: .34666667rem;
		width: 5.546px;
		width: .34666667rem;
		top: .426px;
		top: .02666667rem;
		left: -1.28px;
		left: -.08rem;
		position: relative
	}

	.money-card .card .money-active .left:after {
		content: "";
		position: absolute;
		width: 1px;
		height: 6.826px;
		height: .42666667rem;
		background-color: #fff;
		opacity: .2;
		right: 0;
		top: 50%;
		transform: translateY(-50%)
	}

	.boxshadow {
		height: 8.533px;
		height: .53333333rem;
		width: 100%;
		box-shadow: 2px -13px 13px rgba(0, 0, 0, .1)
	}

	.activity-index-page, .boxshadow {
		background-color: #fff
	}

	.activity-index-page .scroll-wrapper-activity {
		height: auto
	}

	.activity-index-page .rewardMessage {
		text-align: left
	}

	.activity-index-page .rewardMessage ul {
		margin-left: 8.533px;
		margin-left: .53333333rem
	}

	.activity-index-page .rewardMessage ul li {
		list-style: disc
	}

	.activity-tab-view {
		height: 25.6px !important;
		height: 1.6rem !important
	}

	.activity-tab-view .mint-navbar {
		width: 100%;
		display: block;
		text-align: left;
		padding-left: 6.4px;
		padding-left: .4rem
	}

	.activity-tab-view .mint-tab-item {
		position: relative;
		display: inline-block;
		margin-right: 6.4px;
		margin-right: .4rem
	}

	.activity-tab-view .mint-tab-item:after {
		content: "";
		position: absolute;
		bottom: 0;
		left: 50%;
		width: 23.04px;
		width: 1.44rem;
		height: 1.706px;
		height: .10666667rem;
		border-radius: .05333333rem;
		background-color: transparent;
		transform: translateX(-50%)
	}

	.activity-tab-view .mint-tab-item-label {
		font-size: 5.973px;
		font-size: .37333333rem;
		color: #666
	}

	.activity-tab-view .mint-navbar .mint-tab-item.is-selected {
		border-bottom: 0 none
	}

	.activity-tab-view .mint-navbar .mint-tab-item.is-selected:after {
		background-color: #FD7564
	}

	.activity-tab-view .mint-navbar .mint-tab-item.is-selected .mint-tab-item-label {
		color: #000;
		font-size: 7.68px;
		font-size: .48rem
	}

	.activity-tab-view-old {
		height: 21.333px;
		height: 1.33333333rem
	}

	.activity-tab-view-old .mint-navbar {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 9999
	}

	.activity-tab-view-old .mint-tab-item {
		position: relative
	}

	.activity-tab-view-old .mint-tab-item:after {
		content: "";
		position: absolute;
		bottom: 3px;
		left: 50%;
		width: 11.946px;
		width: .74666667rem;
		height: 4px;
		border-radius: 10px;
		background-color: transparent;
		transform: translateX(-50%)
	}

	.activity-tab-view-old .mint-tab-item-label {
		font-size: 5.973px;
		font-size: .37333333rem
	}

	.activity-tab-view-old .mint-navbar .mint-tab-item.is-selected {
		color: #ff721f;
		border-bottom: 0 none
	}

	.activity-tab-view-old .mint-navbar .mint-tab-item.is-selected:after {
		background-color: #ff721f
	}
	.activity-cont-view{
		margin-top: 5.2rem;
	}
	.activity-cont-view [class*=-container] {
		visibility: visible;
		opacity: 1;
		position: static
	}

	.activity ~ .activity {
		margin-top: 4.266px;
		margin-top: .26666667rem
	}
	.activity{
		margin: 0px 15px;
	}
	.add-scroll {
		overflow-y: scroll
	}

	.activity-title {
		color: #666;
		font-size: 5.973px;
		font-size: .37333333rem;
		padding: 6.4px 0;
		padding: .4rem 0
	}

	.activity-list .bottomShadow {
		box-shadow: 0 0 10px rgba(0, 0, 0, .1)
	}

	.activity-list .start-activity-item {
		position: relative;
		background-color: #fff;
		border-radius: 8px
	}

	.activity-list .start-activity-item .activity-name {
		width: 92.586px;
		width: 5.78666667rem;
		font-size: 6.826px;
		font-size: .42666667rem;
		font-weight: 700
	}

	div.activity-name{
		position: absolute;
		top: 25%;
		left: .5rem;
		color: #fff;
		font-family: PingFangSC-Medium, sans-serif;
		font-size: .45rem;
	}
	div.activity-title{
		position: absolute;
		top: 35%;
		left: .5rem;
		color: #fff;
		font-family: PingFangSC-Light, sans-serif;
		font-size: .3rem;
	}

	.activity-list .start-activity-item .activity-name .integral {
		font-weight: 400;
		line-height: 7.68px;
		line-height: .48rem
	}

	.activity-list .start-activity-item .activity-name .activity-amount {
		position: absolute;
		right: 0
	}

	.activity-list .start-activity-item .activity-other-name {
		color: #fff;
		font-size: 5.12px;
		font-size: .32rem;
		line-height: 7.04px;
		line-height: .44rem;
		margin-top: 3.413px;
		margin-top: .21333333rem
	}

	.activity-list .start-activity-item .activity-time {
		color: #999;
		font-size: 5.12px;
		font-size: .32rem;
		line-height: 14.506px;
		line-height: .90666667rem;
		padding-left: 6.4px;
		padding-left: .3rem;
		font-family: PingFangSC-Regular
	}

	.activity-list .start-activity-item .c999 {
		color: #999
	}

	.activity-list .start-activity-item .cfff {
		color: #fff
	}

	.activity-list .start-activity-item .icon-won {
		height: 29.866px;
		height: 1.86666667rem;
		width: 29.866px;
		width: 1.86666667rem;
		top: 6.4px;
		top: .4rem;
		right: -12.8px;
		right: -.8rem;
		position: absolute;
		transform: translateY(-50%)
	}

	div.polaroid {
		box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.19);
	}

	.activity-list .start-activity-item .icon-won img {
		display: block;
		width: 100%;
		height: auto
	}

	.activity-list .start-activity-item .won-txt {
		padding-top: 4.266px;
		padding-top: .26666667rem
	}

	.activity-list .start-activity-item .item-box {
		position: absolute;
		left: 6.4px;
		left: .4rem;
		top: 10.666px;
		top: .66666667rem;
		z-index: 11
	}

	.activity-list .start-activity-item .bg-icon {
		width: 100%;
		height: auto;
		display: block
	}

	.activity-list .add-card {
		margin-top: 6.4px;
		margin-top: .4rem;
		margin-bottom: 6.4px;
		margin-bottom: .4rem;
		border: none;
		border-radius: 10px;
	}

	.activity-list .add-border {
		background: -webkit-linear-gradient(top, #ddd 50%, transparent 0) 100% 100%;
		background-size: 100% 1px;
		background-repeat: no-repeat
	}

	.activity-list .add-border:last-child {
		background-image: none
	}

	.activity-list .page-infinite-loading {
		text-align: center;
		height: 10.666px;
		height: .66666667rem;
		line-height: 10.666px;
		line-height: .66666667rem
	}

	.no-more {
		text-align: center;
		color: #666;
		font-family: PingFangSC-Regular;
		font-size: 4.693px;
		font-size: .29333333rem;
		line-height: 4.693px;
		line-height: .29333333rem;
		padding: 8.533px;
		padding: .53333333rem
	}
	</style>
	<style type="text/css">
	.mint-popup-bottom {
		-webkit-transform: translate3d(-50%, 0, 0) !important
	}

	.mint-indicator-wrapper {
		-webkit-transform: translate(-50%, -50%);
		z-index: 999
	}

	.no-result-wrap {
		margin: 80px 0
	}

	.no-result-wrap p {
		font-size: 6.4px;
		font-size: .4rem;
		color: #999;
		margin-bottom: 6.4px;
		margin-bottom: .4rem
	}

	.no-result-wrap .fz30 {
		font-size: 8.533px;
		font-size: .53333333rem
	}

	.no-result-wrap .no-result {
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzIwcHgiIGhlaWdodD0iMzIwcHgiIHZpZXdCb3g9IjAgMCAzMjAgMzIwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA0OC4yICg0NzMyNykgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+54q25oCB5Zu+5qCHL+epuuiusOW9lTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJTeW1ib2xzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0i54q25oCB5Zu+5qCHL+epuuiusOW9lSI+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSIzMjAiIGhlaWdodD0iMzIwIj48L3JlY3Q+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xODcuOTkzLDQ4LjUyMjIgTDIyMy42MjYsNDguNTIyMiBMMjIzLjY0MiwxOTkuMDA2MiBMOTYsMTk5LjAwNjIgTDk2LDQ4LjUyMjIgTDEzMS42MzMsNDguNTIyMiBMMTMxLjYzMyw2MS44NTYyIEwxMDkuMzM1LDYxLjg1NjIgTDEwOS4zMzUsMTg1LjY3MjIgTDIxMC4yOTEsMTg1LjY3MjIgTDIxMC4yOTEsNjEuODU2MiBMMTg3Ljk5Myw2MS44NTYyIEwxODcuOTkzLDQ4LjUyMjIgWiBNMTMwLjkxNDQsMTAyLjg5MyBMMTMwLjkxNDQsODkuNTU5IEwxODcuNDI3NCw4OS41NTkgTDE4Ny40Mjc0LDEwMi44OTMgTDEzMC45MTQ0LDEwMi44OTMgWiBNMTMwLjkxNDQsMTI4LjU2IEwxMzAuOTE0NCwxMTUuMjI2IEwxODcuNDI3NCwxMTUuMjI2IEwxODcuNDI3NCwxMjguNTYgTDEzMC45MTQ0LDEyOC41NiBaIE0xMzAuOTE0NCwxNTQuMjI2IEwxMzAuOTE0NCwxNDAuODkyIEwxODcuNDI3NCwxNDAuODkyIEwxODcuNDI3NCwxNTQuMjI2IEwxMzAuOTE0NCwxNTQuMjI2IFogTTE0MS43MTY0LDYxLjk1NCBMMTQxLjcxNjQsNDEgTDE3Ny45MDg0LDQxIEwxNzcuOTA4NCw2MS45NTQgTDE0MS43MTY0LDYxLjk1NCBaIE0xMzUuNTg0NCwyNDUuNzAxIEwxMzUuNTg0NCwyMTMuMDAzIEwxNDMuOTk1NCwyMTMuMDAzIEwxNDMuOTk1NCwyNDUuNzAxIEwxMzUuNTg0NCwyNDUuNzAxIFogTTEzNS41ODQ0LDI3MS4xODggTDEzNS41ODQ0LDI1MC41MTEgTDE0My45OTU0LDI1MC41MTEgTDE0My45OTU0LDI3MS4xODggTDEzNS41ODQ0LDI3MS4xODggWiBNMTYxLjQxODQsMjM3Ljg2NSBMMTYxLjQxODQsMjEwLjExOCBMMTY5LjgyOTQsMjEwLjExOCBMMTY5LjgyOTQsMjM3Ljg2NSBMMTYxLjQxODQsMjM3Ljg2NSBaIE0yMDIuODYzNCwyNDAuMzQ3IEwyMDIuODYzNCwyMTcuMjE3IEwyMTEuMjc0NCwyMTcuMjE3IEwyMTEuMjc0NCwyNDAuMzQ3IEwyMDIuODYzNCwyNDAuMzQ3IFogTTE2MS40MTg0LDI1My45MDggTDE2MS40MTg0LDI0NS4xODkgTDE2OS44Mjk0LDI0NS4xODkgTDE2OS44Mjk0LDI1My45MDggTDE2MS40MTg0LDI1My45MDggWiBNMTgyLjY0MzQsMjc4LjI5NCBMMTgyLjY0MzQsMjQ4Ljc4MiBMMTkxLjA1NDQsMjQ4Ljc4MiBMMTkxLjA1NDQsMjc4LjI5NCBMMTgyLjY0MzQsMjc4LjI5NCBaIE0xODIuNjQzNCwyNDIuOTYgTDE4Mi42NDM0LDIyNi4wNjggTDE5MS4wNTQ0LDIyNi4wNjggTDE5MS4wNTQ0LDI0Mi45NiBMMTgyLjY0MzQsMjQyLjk2IFogTTExMy45NTc0LDI1Ni42MDkgTDExMy45NTc0LDIxNi4zNjkgTDEyMi4zNjg0LDIxNi4zNjkgTDEyMi4zNjg0LDI1Ni42MDkgTDExMy45NTc0LDI1Ni42MDkgWiIgaWQ9IkNvbWJpbmVkLVNoYXBlIiBmaWxsPSIjQ0NDQ0NDIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) no-repeat 50%;
		background-size: 160px auto
	}

	.no-result-wrap .no-result, .noresultMessage .no-result {
		margin-bottom: 8.533px;
		margin-bottom: .53333333rem;
		width: 78px;
		height: 140px;
		margin: 30px auto 20px
	}
	.head{
		position: fixed;
		top: 0;
		z-index: 1;
		width: 100%;
	}
	.noresultMessage .no-result {
		background: url(https://p1.yqbimg.net/h5/v/manager/static/noResultMessCenter-17d3fc.png) no-repeat 50%;
		background-size: 160px auto
	}</style>
	<style type="text/css" title="fading circle style">.circle-color-29 > div::before {
		background-color: #ccc;
	}</style>
	<link rel="stylesheet" href="${resourcePath}/css/h5.css">
	<link rel="stylesheet" href="${resourcePath}/css/h5-common.css">

</head>

<body>
	<div id="app">
		<div class="ui-page ui-page activity-index-page">
			<div class="head">
				<div class="money-card">
					<div class="card">
						<div class="money-title"><span>积分余额</span>
							<div class="question"><img src="https://p1.yqbimg.net/h5/v/manager/static/help-7b90c7.svg" alt="">
							</div>
						</div>
						<div class="money-detail">
							<div class="money"><fmt:formatNumber type="number" value="${marketAmtCount}" pattern="0.00" maxFractionDigits="2"/></div>
							<div class="money-desc">可使用<fmt:formatNumber type="number" value="${useAmt}" pattern="0.00" maxFractionDigits="2"/>积分</div>
						</div>
						<div class="money-active">
							<div class="left" name="toHref" index="1">
								<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABdUExURf///////////////////////////0dwTP////////////////////////////////////////////////////////////////////////////////////////////Rqj9cAAAAfdFJOU5k8hD8afEYAXB5PlZIDeytiJVkUgAl2jGiJZiI2QT1yUnOnAAAA0ElEQVR42sWRyY6DMBAFa5zYJl6IzRog4f8/c2gw0kTJferypK7Dc7exQjtPXq/WrtpPc2uFXSwBYZ4RQj5FVARnBoDBuICKRSxw3+IBjy3usBTxhF4mh+/hWUQ+Jje4HT6fHRPqeoqrYjo64ppGQNUddLUCxrRGS9/xha4ngUqVIK+qhKQgMdJYoXQcNIwodI6nWKwQs0bx4isvrAl8EIzs4fDmZ8OBkzQeZ0U06PfymmoX1X8IXYTBm8uGAydpPGYXbfjYry1/Pnj+4Ac52S+KQg78k0vOoQAAAABJRU5ErkJggg=="
									 alt="">兑换商品
							</div>
<%--							<div class="left" name="toHref" index="2">--%>
<%--								<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABLUExURf///////////////////////////0dwTP///////////////////////////////////////////////////////////////////zU9RnsAAAAZdFJOU5lElYNtDUEAkhAchl50Ni9VU4p8JwhmARUOXXxQAAAA5ElEQVR42nWSyRKEIAxEH4IYBNxn+f8vHSQuNQf7QJE0lU460CmCd1bEOh+OBJpOXEjhJkYB8mzMnAEZT8JDM7VaoZ0a8EqMEPvuQh9h3IkgxLYzcdizQzRdG5FQiERT3tt69g22nqkjwFSeGrCvlwVTggkCHnbdj4OUwH32DsDjyNrOArBocxmHZS63zWUlsttKOGORWnXlwloV5SD8ItJAI7J4JWopxQB1Fi11iG9v51ZYnXtvKq7t/mtouzqgEQ6I0QFPS24NteQy8SZOE2/bv/A9bf9fVAjXop5X+/wZHr/PD2WeDf2Pd3qnAAAAAElFTkSuQmCC"--%>
<%--									 alt="">申请提现--%>
<%--							</div>--%>
							<div class="right" name="toHref" index="3">
								<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAZCAMAAAACPC7cAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAA8UExURf///////////////////////////0dwTP///////////////////////////////////////////////3ypOu0AAAAUdFJOU5l9RmhRFAoANzUskY0bYyIER3KIC0WzTwAAAIRJREFUeNqlkkkOwyAQBDtmFgx4wfn/X4OQhTMkWJFSxzqUBjVQdgmG5FjBER9EhkOcZsMUi0zI2pGLBHyvPYCqQxZVycFqBpzqCmxGL8DxRetMXCLkbaTxm+ZQ2fpLTshoeZ7ad22p7P9csq+PxrG8P/6CroinRpab9mCdwZaD5Qf/5AWhhwr5hUPaBAAAAABJRU5ErkJggg=="
									 alt="">查看明细
							</div>
						</div>
					</div>
				</div>
				<div class="boxshadow"></div>
				<div class="activity-tab-view">
					<div class="mint-navbar" style="left: 0px; right: 0px; top: 0px; z-index: 30;"><a
							class="mint-tab-item is-selected">
						<div class="mint-tab-item-icon"></div>
						<div class="mint-tab-item-label">热门活动</div>
					</a> <a class="mint-tab-item">
						<div class="mint-tab-item-icon"></div>
						<div class="mint-tab-item-label">往期活动</div>
					</a></div>
				</div>
			</div>
			<div class="activity-cont-view">
				<div class="mint-tab-container">
					<div class="mint-tab-container-wrap">

						<c:if test="${empty activityList}">
							<div class="mint-tab-container-item new">
								<div>
									<div class="no-result-wrap tc ">
										<p class="no-result"></p>
										<div class="c666 fz16">暂无活动记录</div>
									</div>
								</div>
							</div>
						</c:if>
						<c:if test="${not empty activityList}" >
							<div class="activity new">
								<div class="activity-list">
									<c:forEach items="${activityList}" var="activity">
										<div class="start-activity-item" onclick="toIndexDetail('${activity.id}','${activity.toImgUrl}')">
											<div class="add-card polaroid">
												<img style="width:100%" src="${activity.officImgUrl}">
												<div class="activity-name">${activity.officTitle}</div>
												<div class="activity-title">${activity.officContent}</div>
												<div class="activity-time">
													活动时间：<fmt:formatDate value='${activity.startTime}' pattern='yyyy年MM月dd日'/>&nbsp;至&nbsp;<fmt:formatDate value='${activity.endTime}' pattern='yyyy年MM月dd日'/>
												</div>
											</div>
										</div>
									</c:forEach>
								</div>
							</div>
						</c:if>

						<c:if test="${empty activitOldList}">
							<div class="mint-tab-container-item old" style="display: none;">
								<div>
									<div class="no-result-wrap tc ">
										<p class="no-result"></p>
										<div class="c666 fz16">暂无活动记录</div>
									</div>
								</div>
							</div>
						</c:if>
						<c:if test="${not empty activitOldList}" >
							<div class="activity old" style="display: none;">
								<div class="activity-list">
									<c:forEach items="${activitOldList}" var="activity">
										<div class="start-activity-item">
											<div class="add-card polaroid">
												<img style="width:100%" src="${activity.officImgUrl}">
												<div class="activity-name">${activity.officTitle}</div>
												<div class="activity-title">${activity.officContent}</div>
												<div class="activity-time">
													活动时间：<fmt:formatDate value='${activity.startTime}' pattern='yyyy年MM月dd日'/>&nbsp;至&nbsp;<fmt:formatDate value='${activity.endTime}' pattern='yyyy年MM月dd日'/>
												</div>
											</div>
										</div>
									</c:forEach>
								</div>
							</div>
						</c:if>
					</div>
				</div>
			</div>
			<div class="index-point" style="display: none;"><img
					src="https://p1.yqbimg.net/h5/v/manager/static/rookie-537b68.png" alt="">
				<div class="index-btn">我知道了</div>
			</div>
		</div>
	</div>
	<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 aList = document.querySelectorAll('a');
		var rg = /\d+/;
		for(var i=0;i<aList.length;i++){
			(function(i){
				aList[i].onclick =
						function(){
							if(i == 0){
								aList[i+1].classList.remove('is-selected');
								$(".old").hide();
								$(".new").show();
							}else{
								$(".new").hide();
								$(".old").show();
								aList[i-1].classList.remove('is-selected');
							}
							aList[i].classList.add('is-selected');
						}
			})(i)
		}
		$('.money-active').children('div').each(function () {
			$(this).bind('click',function () {
				var index = $(this).attr("index");
				var url = "";
				if(index === '1'){
					url = ctx + "/activity/good?token="+'${token}';
				}
				if(index === '2'){
					url = ctx + "/activity/cash?token="+'${token}';
				}
				if(index === '3'){
					url = ctx + "/activity/detail?type=1&token="+'${token}';
				}
				window.location.href = url;
			});
		})
		$(".question").on('click',function () {
			var url =  ctx + "/activity/desc";
			window.location.href = url;
		})
		function toIndexDetail(id,url) {
			let domain = '${domain}';
			if(url){
				if(url.indexOf(domain) > -1){
					window.location.href = url+'&token=${token}&a='+id+'&t=${t}';
				}else{
					window.location.href = url;
				}
			}else{
				window.location.href = ctx+'/activity/act/detail?token=${token}&a='+id+'&t=${t}';
			}
		}
	</script>
</body>
</html>