2266 lines
68 KiB
Plaintext
2266 lines
68 KiB
Plaintext
<%@ 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日'/> 至 <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日'/> 至 <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> |