zhengwei
/
buying


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243
							<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="meta.jsp"%>
<script src="${base}/static/mobile/frame/mui/js/location.js"></script>
<script src="${base}/static/web/frame/jquery/jquery.lazyload.js"></script>
<link rel="stylesheet" href="${base}/static/mobile/frame/dropload/dropload.css?v=${version}">
<script src="${base}/static/mobile/frame/dropload/dropload.js?v=${version}"></script>
<script src="${base}/static/web/frame/jquery/jquery.qrcode.min.js"></script>
<script src="${base}/static/mobile/frame/mui/js/canvas.js"></script> 
<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=mHjQLONxGpRtrZHZkxr9t3cD3n0HupQ0"></script> 
<title>${siteName}</title>
<style>
    #detail img {
         max-width: 100%;
         display: block;
     }

    #detail p {
        color: inherit;
    }

    .mui-slider .mui-slider-group .mui-slider-item img {
        width: 100%;
        height: 5rem;
    }

    .mui-bar-tab .mui-tab-item.mui-active {
        color: #929292;
    }
    #sendCode {
        padding: 0.14rem 0.24rem;
        position: absolute;
        right: 0.12rem;
        top: 0.12rem;
        width:auto;
    }
    #userMsg .mui-table-view:after{
        height:0;
    }
    .spilt-line{
        padding: 0px 10px;
    }
    .time-tip{
        background: #FF6666;
        padding: 3px;
        margin: 0px 5px;
        border-radius: 3px
    }
    .btns .mui-btn-primary{
        display: inline-block;
        margin: 0px 0.2rem;
        border-radius: 20px;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
        border-bottom-left-radius: 20px;
    }
    .btns .baoming{
        width: 40%;
    }
    .merchant  .mui-media-object{
        line-height: 1rem;
        max-width: 1rem;
        height: 1rem;
    }
    .cut-user .comment-avatar{
        line-height: 0.8rem;
        max-width: 0.8rem;
        height: 0.8rem;
    }
    .footer{
        background-color: rgba(0, 0, 0, 0.6);
        padding: 0.2rem 0.3rem;
        color: #fff;
        position: fixed;
        bottom: 0;
        width: 100%;
    }
</style>
</head>

<body>
	<div class="header">
		<div class="mui-table-view no-bg no-line" style="background-color:  rgba(0, 0, 0, 0.5);height: 0.9rem;">
			<div class="mui-table-view-cell mui-media color0">
				<span class="fs14 visit_num">0人查看</span>
                <span class="spilt-line">|</span>
                <span class="fs14 share_num">0人分享</span>
                <span class="spilt-line">|</span>
                <span class="fs14 user_num">0人参与</span>
				<div class="mui-btn mui-btn-primary guanzhu" style="padding: 3px 13px; right: 15px;">关注</div>
			</div>
		</div>
		<div>
			<div
				class="back-btn mui-action-back mui-icon mui-icon-left-nav back item"></div>
			<div
				class="home-btn mui-icon iconfont icon-shouye back mui-pull-right fs20"></div>
		</div>
	</div>
	<div class="mui-content mui-hidden" style="padding-top: 0.9rem;">
		<div class="mui-slider bgcolor1" id="slider" style="height: 5rem;">
			<div class="mui-slider-group mui-slider-loop"></div>
			<div class="mui-slider-indicator"></div>
			<div class="mui-slider-name time mui-text-center fs14" style="padding: 0.1rem"></div>
		</div>
		<div class="mui-table-view product fs14" style="padding: 0.2rem 0.3rem">
            <div class="productName fs16 bold mb5"></div>
            <p class="old_price del-line mb5"></p>
            <div class="items mb5">
                <div class="product-price item"></div>
                <div class="product_num main-color"></div>
            </div>
            <div class="fs14 main-color use_time mb10"></div>
            <div class="btns mui-text-center">
            </div>
            <div class="items mt10 cut-info mui-hidden">
                <div class="item mui-text-center">
                    <div class="circle cut-price">0元</div>
                    当前价格
                </div>
                <div class="item mui-text-center">
                    <img id="userImg" style="width:1.6rem;height: 1.6rem;display: block;border-radius: 50%;margin: 0px auto;margin-bottom: 5px;">
                    <span id="userName"></span>
                </div>
                <div class="item mui-text-center">
                    <div class="circle help-num">0人</div>
                    支持人数
                </div>
            </div>
            <div class="items mt10 sale-num-div">
                <span class="mr10 sale-num" style="color:#8f8f94">已售0份</span>
            </div>
		</div>
        <div class="mui-table-view cut-user line-left product mt10 mui-hidden" id="cut-list-div">
            <div class="mui-table-view-cell">
                <div class="items">
                    <span class="item fs16" style="border-left: 3px solid #ff6666;padding-left: 10px;">减价好友</span>
                </div>
            </div>
            <div class="mui-table-view-cell cut-list">
            </div>
        </div>

		<ul class="mui-table-view mt10 product fs14 line-left">
			<li class="mui-table-view-cell merchant">
                <img class="mui-media-object mui-pull-left">
				<div class="items fs16">
					<span class="item pr15 mui-ellipsis merchant_name"></span> <span
						class="color2 distance fs14"></span>
				</div>
				<p class="mui-ellipsis-2 fs13 mt10 address"></p>
			</li>
			<li class="mui-table-view-cell fs13 main-color"
				style="padding: 0.15rem 0">
				<div class="mui-table">
					<div class="mui-table-cell mui-col-xs-4 mui-text-center tel">
						<span class="mui-icon mui-icon-phone fs18 mr5"></span><span>电话</span>
					</div>
					<div class="mui-table-cell mui-col-xs-4 mui-text-center map">
						<span class="mui-icon iconfont icon-daohang fs18 mr5"></span><span>导航</span>
					</div>
					<div class="mui-table-cell mui-col-xs-4 mui-text-center comment">
						<span class="mui-icon iconfont icon-xin fs18 mr5"></span><span
							class="comment_num">评价</span>
					</div>
				</div>
			</li>
		</ul>
		<div class="mui-table-view line-left product mt10">
			<div class="mui-table-view-cell">
				<div class="items">
					<span class="item fs16" style="border-left: 3px solid #ff6666;padding-left: 10px;">活动信息</span>
				</div>
			</div>
		</div>
		<div id="detail" class="bgcolor1 pd15"></div>

        <div class="mui-table-view no-line line-left product mt10">
            <div class="mui-table-view-cell">
                <div class="items">
                    <span class="item fs16" style="border-left: 3px solid #ff6666;padding-left: 10px;">减价规则</span>
                </div>
            </div>
            <div class="mui-table-view-cell pd5-15">
                <img src="${base}/static/mobile/image/cut-rule.png" style="width: 100%">
                <p class="mt10 color1">1.点击底部“我要报名”按钮参加活动。</p>

                <p class="mt10 color1">2.报名者自己每隔一段时间可以点击“自己减价”随机减少价格。</p>

                <p class="mt10 color1">3.奖品份数有限，不一定非要减到低价，减到您觉得划算就赶紧付款抢下哦。</p>

                <p class="mt10 color1">4.付款后奖品分数自动减少，领完则无法继续报名和减价，请速度哦。</p>

                <p class="mt10 color1">5.减价成功并在线支付后，即可前往活动店铺进行消费，详情请看商家信息。</p>
            </div>
        </div>
		<ul class="mui-table-view line-left product no-line mt10 fs13">
			<li class="mui-table-view-cell">
				<div class="items">
                    <span class="item fs16" style="border-left: 3px solid #ff6666;padding-left: 10px;">减价排行榜</span>
				</div>
			</li>
		</ul>
		<div class="userMsg-content">
			<ul id="userMsg" class="mui-table-view line-left product fs14">
			</ul>
		</div>
		<div class="mui-table-view no-bg no-line footer">
            我也要制作 发布减价活动
        </div>
	</div>
    <div id="share" style="display: none;">
        <div class="share-bg"></div>
        <img src="${base}/static/mobile/image/fenxiang.png" class="share-img">
    </div>
	<div id="login" class="mui-modal">
		<header class="mui-bar mui-bar-nav">
			<a class="mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">登录</h1>
		</header>
		<div class="mui-content">
			<div class="mui-input-group">
				<div class="mui-input-row">
					<label>手机号码</label> <input id="mobile" type="number"
						placeholder="请输入手机号码" maxlength="11">
				</div>
				<div class="mui-input-row">
					<label>验证码</label> <input id="code" type="text"
						placeholder="请输入验证码">
					<button type="button" id="sendCode"
						class="mui-btn mui-btn-primary mui-btn-outlined"></button>
				</div>
			</div>
			<div class="mui-content-padded">
				<button type="button" id="login-btn"
					class="mui-btn mui-btn-primary mui-btn-block">登录</button>
			</div>
		</div>
	</div>
</body>
<script src="${base}/static/mobile/js/cutProductDetail.js?v=${version}"></script>
</html>