<!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>
<meta name="description" content="提货王,大闸蟹提货系统，礼券兑换提货系统，提货系统源码，全新研发最好用的各行业礼券提货系统，适合大闸蟹、茶叶、月饼等，支持手机、微信、二维码提货，电商接口已对接" />
<meta name="keywords" content="提货王,大闸蟹提货系统，大闸蟹礼券提货系统，卡券管理系统，卡券提货系统源码，大闸蟹提货系统源码，免费提货系统，提货系统源码下载。" />
<meta name="baidu-site-verification" content="xJgJr5fnvU" />
	  <!-- 新 Bootstrap 核心 CSS 文件 -->
	  <link rel="stylesheet" href="/Public/common/bootstrap/css/bootstrap.min.css">
      <link href="/Public/Home/images/style.css" rel="stylesheet"/>
      <link rel="stylesheet" type="text/css" href="/Public/common/layui/css/layui.css" media="all">
      <script type ="text/javascript" src ="/Public/Home/Default/jquery-1.8.2.js"></script>
      <script type="text/javascript">document.oncontextmenu=function(e){return false;}</script>
      <script language="javascript" type="text/javascript" src="/Public/web_index/_DatePicker/WdatePicker.js"></script>
<style type="text/css">
#box00{width:400px;height:260px; background:#fff;border:5px solid #06AADF; position:fixed;left:50%;top:50%; margin:-125px 0 0 -200px; z-index:150;border-radius: 15px;-moz-border-radius: 15px;-webkit-border-radius: 15px;box-shadow: 0px 15px 40px #000;-moz-box-shadow: 0px 15px 40px #000;-webkit-box-shadow: 0px 15px 40px #000;}
#box00 p{padding:0 10px;margin-top:10px;}
#box00 span{display:block;color:#000;padding-left:5px;text-indent:2em; float:left;width:100%;margin-bottom: 15px;margin-top: 10px;}
#box00 h2{ margin:0 auto;height:25px;cursor:move; text-align: center;padding:5px 10px;width: 90%;border-bottom: 1px solid;line-height:25px; font-size:16px;}
.close a{width:100%; height:30px; background:#06AADF; float:left; text-align:center; line-height:30px;color: #fff;border-radius: 15px;-moz-border-radius: 15px;-webkit-border-radius: 15px;font-weight: bold;}
.close{width:80px; margin:80px auto;}
input[placeholder], [placeholder], *[placeholder] { 
   /* color:#DBD8D8 !important;  */
}
input[placeholder]::-webkit-input-placeholder { /* WebKit browsers */ 
color: #DBD8D8; 
} 
input[placeholder]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
color: #DBD8D8; 
} 
input[placeholder]::-moz-placeholder { /* Mozilla Firefox 19+ */ 
color: #DBD8D8; 
} 
input[placeholder]:-ms-input-placeholder { /* Internet Explorer 10+ */ 
color: #DBD8D8; 
}
.dds{
	color:#000;
}
</style>
<style type="text/css">
a,img{border:0;}
/* PopupLayer */
.PopupLayer{width:600px;height:400px;padding:10px;position:fixed;_position:absolute;left:50%;margin-left:-300px;background:#fff;background-clip:padding-box;border-radius:10px;border:10px solid #666;border:15px solid rgba(0, 0, 0, 0.2);}
.PopupLayer a.close{display:block;width:30px;height:30px;float:right;background:url(/Public/Home/images/close.jpg) no-repeat;overflow:hidden; margin:0px;}
.PopupLayer a.close:hover{background-position:-30px;}
.PopupLayer p{font:13px "宋体";line-height:30px;letter-spacing:0.1em;/* margin-top:35px; */}
.PopupLayer p span{color:#7d7d7d;}
.PopupLayer ul{list-style:none;width:475px;height:125px;margin:30px auto 0;border:1px dashed #e4e4e4;overflow:hidden;}
.PopupLayer ul li{float:left;width:113px;height:103px;overflow:hidden;}
.PopupLayer ul li a{display:block;}
.PopupLayer a.btn{ 
	display:block;
	width:100px;
	height:38px;
	line-height:38px;text-align:center;color:#fff;font-weight:bold;letter-spacing:0.1em;float:right;background:url(/Public/Home/images/btn_bg.jpg) repeat-x;border-radius:8px;

	margin:40px 42% 0 0;}
/* btn_content */
.btn_content{margin:50px auto;top:327px;width:204px;height:25px;}
.btn_content button{width:100px;height:25px;line-height:25px;background:#F60;border:1px solid #989898;margin-right:2px;}
.btn_content button:hover{color:#fff;}
#xaddress{
	top: 174px; right: 20px; position: absolute;font-family :'微软雅黑'
}
#xname{
	top: 220px; right: 20px; position: absolute;font-family :'微软雅黑'
}
#xphone{
	top: 267px; right: 20px; position: absolute;font-family :'微软雅黑'
}
#xdate{
	top: 316px; right: 5%; position: absolute;font-family :'微软雅黑'
}
#wocao{
	right: 16px; bottom: 17px;font-family :'微软雅黑';margin-top:20px
}
</style> 
<script type="text/javascript" src="/Public/common/layui/layui.js"></script>
<script type="text/javascript">
layui.use('laydate','jquery', function(){
  var laydate = layui.laydate;
  var $= layui.jquery;
});
</script>
<script>
	$('.navbar').click(function(event) {
		$('.drawer-container').toggleClass('drawer-open');
		$('.header').toggleClass('translate');
	});
</script>
<style>
.animate {
	display: inline-block;
    font-size: 20px;
}
.animate span:nth-of-type(2) {
  animation-delay: .05s;
}
.animate span:nth-of-type(3) {
  animation-delay: .1s;
}
.animate span:nth-of-type(4) {
  animation-delay: .15s;
}
.animate span:nth-of-type(5) {
  animation-delay: .2s;
}
.animate span:nth-of-type(6) {
  animation-delay: .25s;
}
.animate span:nth-of-type(7) {
  animation-delay: .3s;
}
.animate span:nth-of-type(8) {
  animation-delay: .35s;
}
.animate span:nth-of-type(9) {
  animation-delay: .4s;
}
.animate span:nth-of-type(10) {
  animation-delay: .45s;
}
.animate span:nth-of-type(11) {
  animation-delay: .5s;
}
.animate span:nth-of-type(12) {
  animation-delay: .55s;
}
.animate span:nth-of-type(13) {
  animation-delay: .6s;
}
.animate span:nth-of-type(14) {
  animation-delay: .65s;
}
.animate span:nth-of-type(15) {
  animation-delay: .7s;
}
.three span {
  color: #b10e81;
  opacity: 0;
  transform: translate(-300px, 0) scale(0);
  animation: sideSlide .5s forwards;
}
@keyframes sideSlide {
  60% {
    transform: translate(20px, 0) scale(1);
    color: #b10e81;
  }
  80% {
    transform: translate(20px, 0) scale(1);
    color: #b10e81;
  }
  99% {
    transform: translate(0) scale(1.2);
    color: #00f0ff;
  }
  100% {
    transform: translate(0) scale(1);
    opacity: 1;
    color: #b10e81;
  }
}
</style>
</head>
<body  style="background:#EEEEEB;" >
<div class="wrap">
	<div class="index-banner"><img style="height:100%;width:100%;" src="/Public/images/2020-02-22/5e50fb81dee35.jpg" alt=""></div>
	<!--<div class="drawer-container ">-->
		<!--<a class="navbar" href="javascript:void(0);">-->
			<!--<div class="navbar-icons"><span></span><span></span><span></span></div>-->
		<!--</a>-->
	<!--</div>-->
	<div class="header">
		<div class="box drawer-down">
			<a href="#" class="logo" style="width: 550px; ">
				<div style="float: left;">
					<img src="/Public/images/2020-01-20/5e25954e4f850.jpg" />
				</div>
			</a>
			<div class="nav">
			<ul>
			<li><a href="#">首 页</a></li>
			<li><a href="#">在线提货</a></li>
			<li><a id="open" style="cursor:pointer">系统帮助</a></li>
			<li><a href="#foot">发货查询</a></li>
			<li><a href="http://3ymwlsblhzyxgs.xqueqd.cn" target="_Blank">官方网站</a></li>
			</ul>
			</div>
		</div>
	</div>
	<div class="banner" style="background: url(/Public/images/2020-02-22/5e50fb81dee35.jpg) center repeat-x;background-size:100% 100%;">
		<div class="box" id ="mainbox" >
		<div class="login" style="background: url(/Public/images/2026-02-27/69a10a4505d4f.jpg) no-repeat;background-size:100% 100%;">
		<span style="right:256px;top:90px;">卡劵编号：</span>
		<span style="right:256px;top:145px;">卡券密码：</span>
          <span style="right:256px;top:200px;">验证码：</span>
          <span style="right: 168px;top: 268px;" class="sp-tel">0631-7186888</span>
			<input type="text" class="logintext_drop" id="txtNO" style=" position:absolute; top:80px; right:52px;font-family :'微软雅黑'" value="请输入卡券背后编号" onblur="javascript:if(this.value==''){this.value='请输入卡券背后编号';this.style.color='#DBD8D8';this.style.fontSize='13px';}" onfocus="javascript:if(this.value == '请输入卡券背后编号'){this.value='';this.style.color='#000';this.style.fontSize='20px'}"/>
			<input type="text" class="logintext"  id ="txtPass" style="position:absolute; top:135px; right:52px;font-family :'微软雅黑'" value="请输入卡券密码" onblur="javascript:if(this.value==''){this.value='请输入卡券密码';this.style.color='#DBD8D8';this.style.fontSize='13px';}" onfocus="javascript:if(this.value == '请输入卡券密码'){this.value='';this.style.color='#000';this.style.fontSize='20px'}"/>
			<input type="text" class="logintext logincode" id ="txtVery" style="position:absolute; top:189px; right:147px; width:100px;font-family :'微软雅黑'" value="请输入验证码" onblur="javascript:if(this.value==''){this.value='请输入验证码';this.style.color='#DBD8D8';this.style.fontSize='13px';}" onfocus="javascript:if(this.value == '请输入验证码'){this.value='';this.style.color='#000';this.style.fontSize='20px'}"/>
			<a style="right: 45px;bottom: 148px;position: absolute;height: 39px;width: 95px;" href="#"><img height="100%" width="100%" onclick="this.src = this.src;" src="/index.php/Home/Newindex/Verify.html"></a>
		<input type="button" value="网上预约" style ="font-family :'微软雅黑'"  class="loginbtn" onclick ="verify();return false;" />
		</div>
		</div>
	</div>
	<div class="liucheng">
		<div class="box" >
			<h2>提货流程<span>（一分钟轻松提货）</span></h2>
			<div class="step">
				<ul class="cl">
					<li>
						<div class="step-box">
							<div class="num">01</div>
							<div class="text">填写提礼券编号和密码，点击网上预约按钮</div>
						</div>
					</li>
					<li>
						<div class="step-box">
							<div class="num">02</div>
							<div class="text">填写收货人详细地址选择发货日期</div>
						</div>
					</li>
					<li class="end">
						<div class="step-box">
							<div class="num">03</div>
							<div class="text">预约提交（成功） 等待收货</div>
						</div>
					</li>
				</ul>
			</div>
			<h3>提货须知:</h3>
			<P style="line-height:1.7em;">
				 <p></p><p><span>1.收货地址请一定是顺丰速运</span>配送范围内的城市，超出范围将无法进行配送，敬请谅解！收送范围以顺丰官网为准</p><p>2.请务必填写正确地址与电话，如地址、电话错误，造成的损失，我们将无法提供售后服务，抱歉！<img src="http://3ymwlsblhzyxgs.xqueqd.cn/Public/common/layui/images/face/0.gif" alt="[微笑]"></p><p><span>3.由于快递可能存在延误的现象，请至少提前1-2天预约。</span>一般从发货日起，1-3天左右到达，因快递原因，但无法确保百分百准时到达。节假日派送根据顺丰的调整进行派送，请尽量避开节假日提货。&nbsp;<img src="http://3ymwlsblhzyxgs.xqueqd.cn/Public/common/layui/images/face/0.gif" alt="[微笑]"></p><p>4.有任何疑问需求，可随时与0631-7186888 联系，<font face="Helvetica">或添加</font>“Yizelou7186888”微信咨询。</p><p></p>			</P>
		</div>
	</div>

	<div class="intro">
		<div class="box">
		<ul>
		<li>
			<P align="center">
			<img style="width:50px;height:50px;"  src="/Public/Home/images/img02.png" />
			</P>
			<P style="font-size:18px; font-weight:bold; text-align:center; margin:5px 0">快递配送</P>
			<P>
				<P   style="font-size:14px;">收货地址请一定确保在快递服务范围之内，超出范围无法进行配送的。</P>
		</li>
		<li>
			<p align="center">
			<img src="/Public/images/2020-01-20/5e25957099c81.jpg" style="width: 125px; "></p>
			<p style="font-size:18px; font-weight:bold;  text-align:center; margin:5px 0">加微信更多信息</p>
			<p></p>
		</li>
		<li style="border:none;"><P align="center"><img style="width:50px;height:50px;" src="/Public/Home/images/img04.png" /></P><P style="font-size:18px; font-weight:bold;  text-align:center; margin:5px 0">全国咨询电话</P><P><P style="font-size:18px; font-weight:bold;  text-align:center;">0631-7186888</P></li>
		</ul>
		</div>
	</div>
	<div class="chaxun">
		<div class="box">
		<P align="center" style="padding:70px 0  30px 0"><img src="/Public/Home/images/img05.png" /></P>
		<div class="search"><input type="text" class="searchtext" id="txtSelect" /><input type="button" value="立即查询" style ="font-family :'微软雅黑'" class="searchbtn" onclick ="select1();return false;" /></div>
		</div>
	</div>

</div>
<div id="notice" style="position: fixed;top:0;width:100%;height: 100%;background: rgba(0,0,0,0.8);display: none;color:#fff;text-align: center;padding-top: 200px;line-height: 45px;font-size: 36px;">
	
</div>
<script type="text/javascript">
	function animateTo(){
		var classes=$('#animates').attr('class');
		$('#animates').attr('class','animate');
		var indicator=$('#animates');
		setTimeout(function(){$(indicator).addClass(classes)},300)
	}
	var timer=setInterval(animateTo,2000)
</script>

<script type ="text/javascript" >
    var prevHtml = "";
    var idstr = "";
    function select1() {
        var id = $("#txtSelect").val();
        $.ajax({
            type: "POST",
            data: { action: "select", number: id },
            url: "/index.php/Home/Index/v_select.html",
            dataType: "json",
            cache: false,
            success: function (data) {
                alert(data.txt);
            }
        });
    }
    $('#notice').click(function(){
    	$(this).css('display','none');
    });
    function verify() {
        idstr = "";
        var notice='';
        var notice_txt='';
        if(notice=='1'){
        	$('#notice').css('display','block');
        	$('#notice').html(notice_txt);

			//定义一个函数
			function g()
			{
				window.location.href="";//跳转的链接
			}
			//使用js计时器功能
			setInterval(g,5000);//设置3000毫秒后执行g函数
        	return;
        }
        if ($("#txtNO").val().length < 4 || $("#txtNO").val() == '请输入蟹券背面数字编号') {
            alert("请输入卡劵编号");
            return false;
        }
        var number = $("#txtNO").val();
        var pwd = $("#txtPass").val();
        prevHtml = "";
        var code = $("#txtVery").val();

        if(code == '请输入验证码'){
        	alert('请输入验证码');
        	return;
        }
        $.ajax({
            type: "POST",
            data: {number:number,pwd:pwd,code:code},
            url: "/index.php/Home/Newindex/v_index.html",
            dataType: "json",
            success: function (data) {
                if (data.state == 1){
                    window.location.href="index.php/Home/Shop/index";
                }else{
                	alert(data.txt);
                }
            }
        });
    }
    </script>
<a name="foot"></a>
<div class="PopupLayer">
	<a class="close" href="javascript:void(0);"></a>
	<p></p><p>1、查看手中的提货券，找到提货券八位数编号和密码区域。&nbsp;</p><p style="text-align: left;">2、刮开密码区域的刮刮涂层，显示六位数密码。&nbsp;</p><p></p><p style="text-align: left;">3、把提货券编号和密码分别输入提货表单，确保无误。&nbsp;</p><p style="text-align: left;">4、点击网上预约填写相关联系信息，静候产品送达。</p><div><p></p></div><p></p><p></p><p></p><p></p><p></p>	</ul>
	<a class="btn" href="javascript:;" style="margin-top:15px;">我知道了</a>
</div>

<script type="text/javascript">
		if($.browser.msie && $.browser.version<=6)
		{
			$(".PopupLayer").css("position","absolute");
		}
		$(".PopupLayer").css({"top":$(".PopupLayer").outerHeight()*-1+"px","opacity":0});//载入页面时将元素置于页面可见区域的顶部达到自上而下显示效果（PS：还有隐藏效果）
		function notice_show()//显示
		{
			var browser_visible_region_height=document.documentElement.clientHeight;//获取浏览器可见区域高度
			var element_height=$(".PopupLayer").outerHeight();//获取元素高度:height+paelement_heighting+margin
			//计算元素显示时的top值
			var element_show_top=(browser_visible_region_height-element_height)/2;
			$(".PopupLayer").stop(true).animate({top:element_show_top,opacity:1},1800);
		}
		
		function notice_hidden()//隐藏
		{
			var element_height=$(".PopupLayer").outerHeight();//获取元素高度:height+paelement_heighting+margin
			var ee=-element_height;//元素隐藏时的top值
			$(".PopupLayer").stop(true).animate({top:ee,opacity:0},1000);
		}
		
		$("a.close").click(function(){
			var element_height=$(".PopupLayer").outerHeight();//获取元素高度:height+paelement_heighting+margin
			var ee=-element_height;//元素隐藏时的top值
			$(".PopupLayer").animate({opacity:0},1000).animate({top:ee},0);
		})//点击关闭按钮隐藏
		
		$("a.btn").click(function(){
			$(".PopupLayer").animate({top:$(document).height(),opacity:0},1000)
		})
		
		$("#open").click(function(){
			notice_show();
		})//单击按钮触发显示
		
		$("#close").click(function(){
			notice_hidden();
		})//单击按钮触发隐藏
		
		function check()
		{
			var kk=$(".PopupLayer").outerHeight()*-1;//获取元素高度:height+paelement_heighting+margin
			var ww=$(document).height();
			var qq=parseInt($(".PopupLayer").css("top"));//获取元素当前的top值，String类型转换为number类型
			
			if(qq == kk || qq == ww)
			{
				return;
			}
			else//弹出层自适应浏览器窗口大小。
			{
				var browser_visible_region_height=document.documentElement.clientHeight;//获取浏览器可见区域高度
				var element_height=$(".PopupLayer").outerHeight();//获取元素高度:height+paelement_heighting+margin
				//计算元素显示时的top值
				var element_show_top=(browser_visible_region_height-element_height)/2;
				$(".PopupLayer").stop(true).animate({top:element_show_top},1500);
			}
		}
		
		$(window).resize(function(){
			check();
		})//自适应浏览器窗口大小
		
	</script>
<style>
	#laydate_box{
		left: 130px;
	}
	button, input, optgroup, select, textarea {
		margin: 0;
		font: inherit;
		color: black;
	}
</style>

<footer>
	<a href="/"><i class="icon_card glyphicon glyphicon-home"></i>首页</a>
	<a  href="/index.php/Home/Shop/donation_set"><i class="icon_compass glyphicon glyphicon-copy"></i>接受转赠</a>
	<a  href="/index.php/Home/Shop/verification"><i class="icon_head glyphicon glyphicon-user"></i>卡券验证</a>
	<a  href="/index.php/Home/Shop/search"><i class="icon_head glyphicon glyphicon-user"></i>快递查询</a>
</footer>
<style>
	footer {
		position: fixed;
		border-top: 1px solid #ccc;
		bottom: 0;
		width: 100%;
		max-width: 100%;
		height: 44px;
		display: inline-table;
		background-color: #fff;
		z-index: 9;
	}
	footer a {
		text-align: center;
		display: table-cell;
		min-width: 50px;
	}
	a, img, button, input, textarea {
		-webkit-tap-highlight-color: rgba(255,255,255,0);
	}
	a {
		outline: none;
		color: #333;
		text-decoration: none;
		background: 0 0;
	}
	footer a i {
		padding: 5px 0 1px 0;
		color: #979797;
		display: block;
		font-size: 1.2rem;
	}

	.glyphicon{
		display: block;
		font-size: 16px;
	}
</style>
</body>
</html>