|
|
|
<!DOCTYPE html>
|
|
|
|
<html>
|
|
|
|
|
|
|
|
<head>
|
|
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
|
|
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
|
|
<meta name="viewport"
|
|
|
|
content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
|
|
|
<title>订单详情</title>
|
|
|
|
<link href="__CSS__/ssg/common.css" rel="stylesheet" type="text/css">
|
|
|
|
<script src="/Public/Mobile/js/ssg/flexible.min.js" type="text/javascript"></script>
|
|
|
|
<style>
|
|
|
|
.title{
|
|
|
|
display: flex;
|
|
|
|
height: .9rem;
|
|
|
|
width: 100%;
|
|
|
|
justify-content: space-between;
|
|
|
|
align-items: center;
|
|
|
|
background-color: #21B1EB;
|
|
|
|
}
|
|
|
|
.title img,
|
|
|
|
.titleright {
|
|
|
|
width: .3rem;
|
|
|
|
height: .3rem;
|
|
|
|
}
|
|
|
|
.vip-download .game-info .game-icon img{
|
|
|
|
width: 1.1rem;
|
|
|
|
height: 1.1rem;
|
|
|
|
}
|
|
|
|
.vip-download .game-info .game-title{
|
|
|
|
top: 1.8rem;
|
|
|
|
}
|
|
|
|
.vip-download .game-info .game-rule{
|
|
|
|
top: 2.24rem;
|
|
|
|
}
|
|
|
|
.vip-download .game-info .download-button{
|
|
|
|
bottom:.5rem
|
|
|
|
}
|
|
|
|
.vip-download .game-info .download-button a{
|
|
|
|
margin: 0 auto;
|
|
|
|
display: block;
|
|
|
|
width: 2.4rem;
|
|
|
|
height: 0.6rem;
|
|
|
|
text-align: center;
|
|
|
|
line-height: 0.6rem;
|
|
|
|
background-color: #f7ca02;
|
|
|
|
border-radius: 0.3rem;
|
|
|
|
font-size: 0.28rem;
|
|
|
|
}
|
|
|
|
.shaddowbox {
|
|
|
|
background-color: #fff;
|
|
|
|
border-radius: .24rem;
|
|
|
|
box-shadow: 0px 0px 6px 0px rgba(89, 40, 8, 0.15);
|
|
|
|
}
|
|
|
|
.vip-download .game-gift{
|
|
|
|
padding: 0 .3rem;
|
|
|
|
}
|
|
|
|
.title-3{
|
|
|
|
height: 0.7rem;
|
|
|
|
line-height: 0.7rem;
|
|
|
|
border-bottom-color: #f0f0f0;
|
|
|
|
border-bottom-width: 1px;
|
|
|
|
border-bottom-style: solid;
|
|
|
|
}
|
|
|
|
.title-3 h2{
|
|
|
|
font-size: .28rem;
|
|
|
|
}
|
|
|
|
.vip-download .game-gift .gift-list li{
|
|
|
|
padding-bottom: 0.3rem;
|
|
|
|
/* border-bottom-color: #f0f0f0;
|
|
|
|
border-bottom-width: 1px;
|
|
|
|
border-bottom-style: solid; */
|
|
|
|
}
|
|
|
|
.vip-download .game-gift .gift-list li .gift-title{
|
|
|
|
height: .64rem;
|
|
|
|
line-height:.64rem;
|
|
|
|
}
|
|
|
|
.vip-download .game-gift .gift-list li .gift-title h2{
|
|
|
|
padding-left: 0.36rem;
|
|
|
|
|
|
|
|
background-size: 0.25rem 0.25rem;
|
|
|
|
font-size: 0.28rem;
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div class="title" >
|
|
|
|
<img class="gologin" src="__IMG__/ssg/alipay/back.png" style="margin-left:.24rem;" onclick="javascript:history.go(-1)">
|
|
|
|
<div style="font-size: .32rem;color: #fff;">{$game['game_name']}</div>
|
|
|
|
<div class="titleright" style="margin-right:.24rem;"></div>
|
|
|
|
</div>
|
|
|
|
<div class="page-container ">
|
|
|
|
<div class="vip-download">
|
|
|
|
<div class="game-info" style="padding: .3rem;width: 6.9rem;height: 3.4rem;font-size: .28rem;">
|
|
|
|
<img src="__IMG__/ssg/detail/download-bg.png">
|
|
|
|
<div class="game-icon" style="top:.5rem;"><img src="{$game['icon']|get_cover='path'}"></div>
|
|
|
|
<div class="game-title">{$game['game_name']}-超级签</div>
|
|
|
|
<div class="game-rule">不同设备需要分别付费安装哦,请使用常用设备下载</div>
|
|
|
|
<div class="download-button"><a href="{$url}">下载安装</a></div>
|
|
|
|
</div>
|
|
|
|
<div style="padding:0 .3rem;">
|
|
|
|
<div class="game-gift shaddowbox">
|
|
|
|
<div class="title-3">
|
|
|
|
<h2>特权礼包</h2>
|
|
|
|
</div>
|
|
|
|
<div class="gift-list">
|
|
|
|
<ul>
|
|
|
|
<li >
|
|
|
|
<div class="gift-title">
|
|
|
|
<h2>《天宫计》至尊礼包</h2>
|
|
|
|
</div>
|
|
|
|
<p class="gift-info">[ 高级宝图*2、财神银匙*1 ]</p>
|
|
|
|
<p class="gift-code">
|
|
|
|
<label for="giftCode">兑换码:</label>
|
|
|
|
<input id="giftCode1455" type="text" value="GNM6BWJS" readonly="">
|
|
|
|
<a href="javascript:;" class="code-btn1455" data-clipboard-target="#giftCode1455">复制</a>
|
|
|
|
</p>
|
|
|
|
</li>
|
|
|
|
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<script src="__JS__/jquery-1.11.1.min.js" type="text/javascript"></script>
|
|
|
|
<!-- <script src="__JS__/ssg/common.js" type="text/javascript"></script> -->
|
|
|
|
<script src="__JS__/ssg/clipboard.min.js" type="text/javascript"></script>
|
|
|
|
</body>
|
|
|
|
</html>
|