<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<!DOCTYPE html>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<html lang="en" data-dpr="1" style="font-size: 37.52px;">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport"
          content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="format-detection" content="telephone=no">
    <meta name="keywords" content="">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <meta name="renderer" content="webkit">
	<c:set var="ctx" value="${pageContext.request.contextPath}"  scope="request"/>
	<c:set var="resourcePath" value="${ctx}/resources"  scope="request"/>
	<script type="text/javascript">
		var ctx = "${ctx}"; //上下文路径
		var resourcePath = "${resourcePath}";
		document.writeln('<script type="text/javascript" src="'+resourcePath+'/js/global.js?d=' + new Date().getTime() + '" ><\/script>');
	</script>
	<script type="text/javascript" src="${resourcePath}/js/zepto.min.js"></script>
	<script type="text/javascript" src="${resourcePath}/js/zepto.weui.js"></script>
    <title>确认订单</title>
	<link rel="stylesheet" href="${resourcePath}/css/h5.css">
	<link rel="stylesheet" href="${resourcePath}/css/h5-common.css">
	<link rel="stylesheet" href="${resourcePath}/css/weui.css">
	<link rel="stylesheet" href="${resourcePath}/css/weuix.css">
	<style>
		body{
			background-color: #F6F6F4;
		}
		#app{
			padding: .4rem;
		}
		.address{
			background-color: #fff;
			border-radius: 5px;
			display: flex;
			justify-content: space-between;
			padding: 8px;
			align-items: center;
		}
		.icon{
			width: 25px;
			height: 25px;
		}
		.add-text{
			color: #f14e4e;
			font-size: .4rem;
			width: 80%;
		}
		.good-image{
			width: 60px;
		}
		.good-order{
			background-color: #fff;
			border-radius: 5px;
			margin-top: .355rem;
		}
		.goods-info{
			padding: 10px;
			display: flex;
			justify-content: space-between;
			align-items: center;
		}
		.goods-name{
			width: 70%;
		}
		.order-info{
			display: flex;
			justify-content: space-between;
			padding: 0 10px 8px 10px;
		}
		.order-price{
			color: #f14e4e;
			font-size: 18px;
		}
		.order-price-text{
			font-size: 14px;
		}
		.good-price-text{
			margin-top: 5px;
			font-size: 16px;
			color: #f14e4e;
		}
		.good-name-text{
			font-size: 14px;
		}
		.footer{
			position: fixed;
			bottom: 0;
			left: 0;
			background-color: #fff;
			display: flex;
			width: 100%;
			padding: 10px;
			justify-content: space-between;
			border-radius: 5px 5px 0 0;
			box-shadow: 1px 1px 12px #acacac;
			align-items: center;
			font-size: 12px;
		}
		.btn-submit{
			width: 2.5rem;
			height: 1rem;
			line-height: 1rem;
			margin:0;
			background:#f14e4e;
		}
		.price-desc,.postage-fee{
			color: #f14e4e;
		}
		.price-jf-text{
			font-size: 12px;
		}
		.pay-icon{
			width: 30px;
		}
		.order-pay-type{
			margin-top: .355rem;
			background-color: #fff;
			border-radius: 5px;
			padding: 10px;
		}
		.pay-info{
			display: flex;
			justify-content: flex-start;
			align-items: center;
		}
		.hr{
			border-top: 1px solid #ebe5e5;
			margin: 10px 0;
		}
		.pay-name{
			margin-left: 10px;
		}
		.type-pay{
			display: flex;
			justify-content: space-between;
			align-items: center;
		}
		.pay-type{
			width: .5rem;
			height: .5rem;
			appearance: auto;
			webkit-appearance:auto;
			border: black;
		}


		.order-pay-type div{
			position: relative;
		}

		input[type="radio"] {
			width: 20px;
			height: 20px;
			opacity: 0;
		}

		.type-pay label {
			position: absolute;
			right: 5px;
			top: 3px;
			width: 20px;
			height: 20px;
			border-radius: 50%;
			border: 1px solid #999;
　　　　　　　cursor: pointer;
		}

		/*设置选中的input的样式*/
		/* + 是兄弟选择器,获取选中后的label元素*/
		input:checked+label {
			background-color: #f14e4e;
			border: 1px solid #f14e4e;
		}
		/*添加的加号与label进行拼接(一个矩形边框去掉上和左的边框),再旋转45度*/
		input:checked+label::after {
			position: absolute;
			content: "";
			width: 5px;
			height: 10px;
			top: 1px;
			left: 6px;
			border: 2px solid #fff;
			border-top: none;
			border-left: none;
			transform: rotate(45deg);
		}
		.address-info{
			width: 75%;
		}
		.address-text{
			font-size: 13px;
		}
		.link-text{
			font-size: 11px;
			color: #a0a0a0;
		}
		.ellipsis{
			text-overflow: ellipsis;
			overflow: hidden;
			white-space: nowrap;
		}
		.order-hr{
			border-top: 1px solid #ebe5e5;
			margin: 0 auto 10px auto;
			width: 93%;
		}
		.weui-icon_toast.weui-loading{
			margin: 20px 0 0 0;
		}
		.foot-text{
			font-size: 14px;
		}
		.postage-fee{
			font-size: 14px;
			color: #e89292;
		}
	</style>
	<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>
</head>
<body>
	<div id="app">
		<input id="aid" type="hidden" value="${aid}">
		<div class="address">
			<img class="icon" src="${resourcePath}/images/address-icon.png">
			<c:choose>
				<c:when test="${empty userAddres}">
					<div class="add-text">请先选择收货地址</div>
				</c:when>
				<c:otherwise>
					<div class="address-info">
						<div class="address-text ellipsis">${userAddres.areaName} ${userAddres.address}</div>
						<div class="link-text">${userAddres.name} ${userAddres.phone}</div>
					</div>
				</c:otherwise>
			</c:choose>

			<img class="icon" src="${resourcePath}/images/arrow-right-icon.png">
		</div>
		<div class="good-order">
			<div class="goods-info">
				<img class="good-image" src="${good.imgUrl}" alt="">
				<div class="goods-name">
					<div class="good-name-text">${good.goodName}</div>
					<div class="good-price-text">${good.goodPrice}</div>
				</div>
				<div class="goods-num">X1</div>
			</div>
			<div class="hr order-hr"></div>
			<div class="order-info">
				<div class="order-name">实付：</div>
				<div class="order-price">${good.goodPrice}&nbsp;<span class="order-price-text">积分</span><span class="order-price-text" style="display: ${good.isPostage == 1 ? 'black' : 'none'}">&nbsp;包邮</span></div>
			</div>
			<div class="order-info" style="display: ${good.deductRule == 1 ? 'black' : 'none'}">
				<div class="order-name">金额：</div>
				<div class="order-price postage-fee">￥${good.deductValue}</div>
			</div>
			<div class="order-info" style="display: ${good.isPostage == 0 ? 'black' : 'none'}">
				<div class="order-name">邮费：</div>
				<div class="order-price postage-fee">￥${good.postageFee}</div>
			</div>
		</div>
		<div class="order-pay-type" style="display: ${good.isPostage == 0 ? 'black' : 'none'}">
			<div class="type-pay" for="alipay">
				<div class="pay-info">
					<img class="pay-icon" src="${resourcePath}/images/alipay-icon.png" alt="支付宝">
					<div class="pay-name">支付宝</div>
				</div>
				<input type="radio" class="pay-type" checked id="alipay" value="alipay" name="pay-type">
				<label for="alipay" class="radio-label"></label>
			</div>
<%--			<div class="hr"></div>--%>
<%--			<div class="type-pay" for="wxpay">--%>
<%--				<div class="pay-info">--%>
<%--					<img class="pay-icon" src="${resourcePath}/images/wxpay-icon.png" alt="微信">--%>
<%--					<div class="pay-name">微信</div>--%>
<%--				</div>--%>
<%--				<input type="radio"  class="pay-type" value="wxpay" id="wxpay" name="pay-type">--%>
<%--				<label for="wxpay" class="radio-label"></label>--%>
<%--			</div>--%>
		</div>
		<div class="footer">
			<div class="foot-text">
				实付 :
				<span class="price-desc">${good.goodPrice}
					<span class="price-jf-text">积分</span>
				</span>
				<span class="postage-fee" style="display: ${good.isPostage == 0 || good.deductRule == 1 ? 'black' : 'none'}">&nbsp;+￥${good.postageFee + good.deductValue}</span>
			</div>
			<button class="btn-submit">立即兑换</button>
		</div>
	</div>
	<script src="${resourcePath}/js/common/h5.js"></script>
	<script>
		$(".address").click(function (res){
			window.location.href= ctx + '/activity/address?token=${token}&g=${good.id}';
		})
		$(".btn-submit").click(function (res){
			let isPostage = '${good.isPostage}';
			let deductRule = '${good.deductRule}';
			let aid = $("#aid").val();
			if(!aid)return $.toast("请先选择收货地址！","text");
			// if(isPostage == 0)return $.alert("不包邮商品暂时无法兑换！","提示");
			let url = ctx + "/activity/goods/exchange";
			var data = {};
			data.aid = aid;
			data.token = '${token}';
			data.goodsId = '${good.id}';
			let lodingText = isPostage == 0 ? "支付中..." : "加载中...";
			$.showLoading(lodingText);
			$.ajax({
				url:url,
				data:data,
				type:"post",
				dataType:"json",
				success:function (res){
					if(res.code == 200){
						if(isPostage == 0 || deductRule == 1){
							let form = res.data.result;
							$("#app").append(form);
						}else{
							$.alert(res.message,"提示",function (res){
								window.location.href = ctx + '/activity/good?token=${token}';
							});
						}
					}else{
						$.hideLoading();
						$.alert(res.message,"提示");
					}
				}
			})
		})
	</script>
</body>
</html>