{extend name="layout/index" /} 
{block name="content"}
<link href="__CSS__/login/login.css" rel="stylesheet"/>
<script type="text/javascript" src="__JS__/common/layer/layer.js"></script>
		<script type="text/javascript" src="__JS__/login/login.js?v=22"></script>
<style>
.inao{
    padding: 5px 60px;
    border-radius: 5px;
    border: 1px solid #fff;
	outline:none;
	background: #03A9F4;
    color: #FFF;
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow:inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.6);
}
.inao:hover{
      background: #e91e63;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0px 5px 5px rgba(132, 80, 80, 0.075), 0px 0px 8px rgba(0, 0, 0, 0.6);
}
.login-main {
    width: 384px;
    height: 362px;
    background: #fff;
    border-radius: 10px;
    margin-top: 35px;
	}
.shuru{
    width: 200px;
    height: 34px;
    padding: 1px 12px;
    font-size: 14px;
    line-height: 1.42857;
    color: #939393;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
  .inpp{
    text-indent: 0px !important;
    position: absolute !important;
    bottom: 60px !important;
    left: 20% !important;
    display: block !important;
    border: none !important;
    color: #fff !important;
    border-radius: 25px !important;
    height: 52px !important;
    line-height: 52px !important;
    width: 60% !important;
    font-size: 16px !important;
    cursor: pointer !important;
    background: #46a9ff !important;
    background: linear-gradient(left, #469dff, #46c9ff) !important;
    background: -ms-linear-gradient(left, #469dff, #46c9ff) !important;
    background: -webkit-linear-gradient(left, #469dff, #46c9ff) !important;
    background: -moz-linear-gradient(left, #469dff, #46c9ff) !important;
  }
</style>
	<div class="head-nav">
		<div class="w1320">
			<div class="head-view-con fl">
				<div class="head-view-tit">全部回收类型</div>
				
								
			</div>

			<div class="head-view-list fl">
				<ul>
					<li class="active">
						<a href="/">首页</a>
					</li>
					<li >
					<a href="{:U('home/index/recycle')}" target="_blank">我要销卡</a>
					</li>
					<!-- <li >
						<a href="{:U('home/index/weixin')}" target="_blank">公众号</a>
					</li>
					<li >
					<i class="hot-ico"></i>
						<a href="{:U('home/index/retrieve')}" target="_blank">新人活动</a>
					</li> -->
					<li >
						<a href="{:U('home/index/inviteFriends')}" target="_blank">邀请有礼</a>
					</li>
				
					<li>
						<a href="{:U('home/member/index')}" target="_blank">个人中心</a>
					</li>
				</ul>
			</div>
		</div>
	</div>
</div>
		<div class="main border-b_ddd">
			<div class="main-banner">
				<div class="banner-warp">
					<ul class="banner-img">
												<li>
							<div class="banner-box" style="background-image: url(/static/home/images/111.png);background-size:1920px 100%;">
								<a href="javascript:void(0);" class="banner-box-href" target="_blank"></a>
							</div>
						</li>
												<li>
							<div class="banner-box" style="background-image: url(/static/home/images/222.png);background-size:1920px 100%;">
								<a href="javascript:void(0);" class="banner-box-href" target="_blank"></a>
							</div>
						</li>
												<li>
							<div class="banner-box" style="background-image: url(/static/home/images/333.png);background-size:1920px 100%;">
								<a href="javascript:void(0);" class="banner-box-href" target="_blank"></a>
							</div>
						</li>
											</ul>
				</div>
				<div class="main-cont-warp">
					<div class="main-cont-box">
						{include file="layout/ullist" /}
						<div class="main-center fl">

							<ul class="main-center-click">
																	<li>
										<a href="javascript:void(0);" class="banner-box-href" target="_blank" class="main-center-href"></a>
									</li>
																	<li>
										<a href="javascript:void(0);" class="banner-box-href" target="_blank" class="main-center-href"></a>
									</li>
																	<li>
										<a href="javascript:void(0);" class="banner-box-href" target="_blank" class="main-center-href"></a>
									</li>
															</ul>

							<div class="main-btn main-btn-prev">

							</div>
							<div class="main-btn main-btn-next">

							</div>
							<div class="carousel-inner">
								<ul>
									<!-- <li class="selected">

									</li>
									<li>

									</li> -->
								</ul>
							</div>
						</div>
						<div class="main-cont-choice fl">
						{eq name="login" value="1"}
						<div class="main-choice">
								<h3>为什么选择我们？</h3>
								<div class="main-choice-list">
									<ul class="clrfix">
										<li>
											<i class="max-icon icon-recovery"></i>
											<p>丰富回收多样</p>
										</li>
										<li>
											<i class="max-icon icon-heart"></i>
											<p>全程用心服务</p>
										</li>
										<li>
											<i class="max-icon icon-security"></i>
											<p>人工处理保证</p>
										</li>
										<li>
											<i class="max-icon icon-fast"></i>
											<p>处理快捷迅速</p>
										</li>
										<li>
											<i class="max-icon icon-laud"></i>
											<p>价格公道满意</p>
										</li>
										<li>
											<i class="max-icon icon-interface"></i>
											<p>商户渠道对接</p>
										</li>
									</ul>
								</div>
							</div>
							{else/}

						<div class="login-main fr">
							<div class="login-tit">
								<span class="fl active">
									账号密码登录
								</span>
								<span class="fr">
									手机验证码登录
								</span>
							</div>
							<div class="login-from">
								<div class="login-from-prompt" id="">
									<!-- <span class="error-info"> 
										<i class="comm-icon login-error-icon"> </i>
										211231
									</span>
									<span class="error-info success-info txt-green"> 
										<i class="comm-icon login-success-icon"> </i>
										211231
									</span> -->
								</div>

								<form id="loginForm" method="post" action="">
									<div class="login-from-com ">
										
										<div class="login-content active">
		
											<div class="login-mainly">
												<label class="ico-account">
								 	 				<i class="small-icon login-icon-user"></i>
								 	 			</label>
								 	 			<input type="text" name="username" maxlength="50"  placeholder="请输入手机号/邮箱" id="AccountName"/>
								 	 			<i class="comm-icon inputIcon-close"></i>
											</div>
		
											<div class="login-mainly login-mg26">
												<label class="ico-account">
								 	 				<i class="small-icon login-icon-pass"></i>
								 	 			</label>
								 	 			<input type="password" name="password" maxlength="20" placeholder="请输入登录密码" id="AccountPass"/>
								 	 			<i class="comm-icon inputIcon-close"></i>
											</div>
											{:token()}
										</div>
										
										<!-- 手机验证码 -->
										<div class="login-content">
											<div class="login-mainly">
												<label class="ico-account">
								 	 				<i class="small-icon login-icon-user"></i>
								 	 			</label>
								 	 			<input type="text" name="phone" maxlength="11"  placeholder="请输入手机号" id="IphoneName"/>
								 	 			<i class="comm-icon inputIcon-close"></i>
											</div>
		
											<div class="login-code">
												<div class="login-mainly login-mg26">
													<label class="ico-account">
									 	 				<i class="small-icon login-icon-code"></i>
									 	 			</label>
									 	 			<input type="text" name="code" class="login-code" maxlength="4" placeholder="请输入动态密码" id="code"/>
									 	 			<i class="comm-icon inputIcon-close"></i>
												</div>
												<a href="javascript:void(0);" class="login-code-btn">获取动态码</a>
												
											</div>
											<span class="hide"><input type="checkbox" name="remember-me" checked="checked" id="rememberMe"/></span>
							 	 			<input type="hidden" id="csrf" name="_csrf" value="0e268b9b-959b-4f4d-b03f-485d2e848558"/>
							 	 			<input type="hidden" id="type" name="type" value="1"/>
							 	 			<input type="hidden" id="loginType" name="loginType" value=""/>
							 	 			<input type="hidden" id="platform" name="platform" value="1"/>
							 	 			<input type="hidden" id="error" name="error" value=""/>
											
										</div>
										
										<div class="login-remember">
											<span class="fl gray9">
												<i class="max-icon login-icon-on login-icon-off"></i>
												记住密码
											</span>
											<a href="{:U('home/login/retrieve')}" class="fr">忘记密码？</a>
										</div>
										
										<div class="login-btn">
											<a href="javascript:void(0);" logintype="accountLogin"  class="com-btn" id="AccountLogin" >登录</a>
										</div>
										
										<div class="login-remember">
											<a href="{:U('home/login/registered')}" class="fr txt-red">免费注册</a>
										</div>
		
										<!-- <div class="login-share">
											<p class="fl">其他登录方式：</p>
											<span class="fl max-icon share-weixin">
												<a href="http://www.renrenxiaoka.com/passport/weixin/login.do" target="_blank" title="微信登录" ></a>
											</span>
											<span class="fl max-icon share-qq">
												<a href="http://www.renrenxiaoka.com/passport/qq/login.do" title="QQ登录" ></a>
											</span>
										</div>  -->
		
									</div>
								</form>
	
							</div>
	
						</div>
						{/eq}
						</div>
					</div>
				</div>

			</div>

			<div class="main-notice">
				<div class="w1320">
					
					<div class="notice" id="FontScroll">
						<span class="notice-icon fl"></span>
						<ul class="notice-ul">
						{volist name="newss" id="p"}
							<li class="notice-cont active">
								<span class="notice-tit fl">
									<span class="gray3">{$p.addtime}</span>  <i class="txt-red"><i>|</i>【{:C('title')}】{$p.title}：</i><span class="gray9">{$p.contents}</span>
								</span>
								<a href="{:U('home/index/help')}" target="_blank" class="txt-blue fr">查看更多>></a>
							</li>
							{/volist}
										</ul>
					</div>

					<div class="notice-list">
						<ul>
							<li>
								<i class="max-icon icon-user"></i>
								<p>1. 注册帐号，登录帐户</p>
							</li>
							<li class="notice-list-spot">
								<span></span>
								<span></span>
								<span></span>
							</li>
							<li>
								<i class="max-icon icon-card"></i>
								<p>2. 提交卡密，等待验卡</p>
							</li>
							<li class="notice-list-spot">
								<span></span>
								<span></span>
								<span></span>
							</li>
							<li>
								<i class="max-icon icon-money"></i>
								<p>3. 验卡成功，资金到账</p>
							</li>
							<li class="notice-list-spot">
								<span></span>
								<span></span>
								<span></span>
							</li>
							<li>
								<i class="max-icon icon-withdrawals"></i>
								<p>4. 交易成功</p>
							</li>
						</ul>
					</div>

				</div>
			</div>

		</div>

		<!-- 切换列表 -->
		<div class="switch-warp">
			<div class="w1320">
				<div class="switch-list">
					<div class="switch-top">
						<ul>
							<li class="active">
								<!-- <i class="small-icon icon-hot"></i> -->
								<i><img src="__IMG__/hot-icon.png" /></i>
								热门回收
								<span class="switch-arrow-up"></span>
							</li>

														<!--<li class="switch-division"></li>-->
							<li>
								<!-- <i class="small-icon icon-bill"></i> -->
								<i><img src="__IMG__/shou.png" /></i>
								话费卡
								<span class="switch-arrow-up"></span>
							</li>
														<!--<li class="switch-division"></li>-->
							<li>
								<!-- <i class="small-icon icon-bill"></i> -->
								<i><img src="__IMG__/you.png" /></i>
								游戏卡
								<span class="switch-arrow-up"></span>
							</li>
														<!--<li class="switch-division"></li>-->
							<li>
								<!-- <i class="small-icon icon-bill"></i> -->
								<i><img src="__IMG__/tong.png" /></i>
								加油卡
								<span class="switch-arrow-up"></span>
							</li>
														<!--<li class="switch-division"></li>-->
							<li>
								<!-- <i class="small-icon icon-bill"></i> -->
								<i><img src="__IMG__/shop.png" /></i>
								商超卡
								<span class="switch-arrow-up"></span>
							</li>
														<!--<li class="switch-division"></li>-->
							<li>
								<!-- <i class="small-icon icon-bill"></i> -->
								<i><img src="__IMG__/cs.png" /></i>
								视频卡
								<span class="switch-arrow-up"></span>
							</li>
														<!--<li class="switch-division"></li>-->
							<li>
								<!-- <i class="small-icon icon-bill"></i> -->
								<i><img src="__IMG__/sss.png" /></i>
								电商卡
								<span class="switch-arrow-up"></span>
							</li>
							
						</ul>
					</div>
					<div class="switch-conten">
						<div class="switch-comm-box">
							<div class="switch-comm">
							{volist name="newy" id="l"}
								<a href="{:U('home/index/recycle')}" title="{$l.name}" >
									<div class="switch-box-list" title="{$l.name}">
										<div class="switch-box">
											<img src="{$l.phoneRecycleIcon}" alt="{$l.name}" />
											<a href="{:U('home/index/recycle')}" title="{$l.name}"  class="switch-btn">我有卡要回收</a>
										</div>
									</div>
								</a>
								{/volist}								
							</div>

							<div class="switch-comm">
							{volist name="list" id="p"}
							{eq name="$p.class" value="0"}
								<div class="switch-box-list" title="{$p.name}">
									<div class="switch-box">
										<img src="{$p.phoneRecycleIcon}" alt="{$p.name}" />
										<a href="{:U('home/index/recycle')}" title="{$p.name}" class="switch-btn">我有卡要回收</a>
									</div>
								</div>
								{/eq}
						    {/volist}
							
							</div>
							<div class="switch-comm">
								{volist name="list" id="p"}
							{eq name="$p.class" value="1"}
								<div class="switch-box-list" title="{$p.name}">
									<div class="switch-box">
										<img src="{$p.phoneRecycleIcon}" alt="{$p.name}" />
										<a href="{:U('home/index/recycle')}" title="{$p.name}" class="switch-btn">我有卡要回收</a>
									</div>
								</div>
								{/eq}
						    {/volist}
								
							</div>
							<div class="switch-comm">
														{volist name="list" id="p"}
							{eq name="$p.class" value="3"}
								<div class="switch-box-list" title="{$p.name}">
									<div class="switch-box">
										<img src="{$p.phoneRecycleIcon}" alt="{$p.name}" />
										<a href="{:U('home/index/recycle')}" title="{$p.name}" class="switch-btn">我有卡要回收</a>
									</div>
								</div>
								{/eq}
						    {/volist}
							
							</div>
							<div class="switch-comm">
									{volist name="list" id="p"}
							{eq name="$p.class" value="4"}
								<div class="switch-box-list" title="{$p.name}">
									<div class="switch-box">
										<img src="{$p.phoneRecycleIcon}" alt="{$p.name}" />
										<a href="{:U('home/index/recycle')}" title="{$p.name}" class="switch-btn">我有卡要回收</a>
									</div>
								</div>
								{/eq}
						    {/volist}
							</div>
							<div class="switch-comm">
								{volist name="list" id="p"}
							{eq name="$p.class" value="5"}
								<div class="switch-box-list" title="{$p.name}">
									<div class="switch-box">
										<img src="{$p.phoneRecycleIcon}" alt="{$p.name}" />
										<a href="{:U('home/index/recycle')}" title="{$p.name}" class="switch-btn">我有卡要回收</a>
									</div>
								</div>
								{/eq}
						    {/volist}
								
								</div>
							<div class="switch-comm">
										{volist name="list" id="p"}
							{eq name="$p.class" value="6"}
								<div class="switch-box-list" title="{$p.name}">
									<div class="switch-box">
										<img src="{$p.phoneRecycleIcon}" alt="{$p.name}" />
										<a href="{:U('home/index/recycle')}" title="{$p.name}" class="switch-btn">我有卡要回收</a>
									</div>
								</div>
								{/eq}
						    {/volist}
								
							</div>
							
						</div>
						<div class="switch-bottom">
							如回收列表里面没有您想要出售的卡，可以联系在线客服咨询： {:C('phone')} <span class="divider"></span>
							<a href="http://wpa.qq.com/msgrd?v=3&amp;uin={:C('kefu')}&amp;site=qq&amp;menu=yes" class="txt-blue">在线QQ客服</a>
							<!--<a class="contact_qq">
								<script charset="utf-8" type="text/javascript" src="http://wpa.b.qq.com/cgi/wpa.php?key=XzkzODE3Nzg5NV80ODI3OTNfNDAwODg4OTI1OV8"></script>
							</a>-->
						</div>
					</div>
				</div>
			</div>

		</div>

		<div class="content-show">
			<h3>我们能做什么？</h3>
			<div class="w1320">
				<div class="content-main">
					<div class="content-comm">
						<i class="max-icon icon-waste"></i>
						<span>解决浪费</span>
						<div class="content-row"></div>
						<p>直接面对用户回收，足不</br>
						出户即可提交卡号卡密完成回收交易</br>
						解决每年上十亿礼品卡闲置的问题。</p>
					</div>
					<div class="content-comm">
						<i class="max-icon icon-capital"></i>
						<span>资金回流</span>
						<div class="content-row"></div>
						<p>让企业置闲、员工福利、</br>
						亲友相赠等方式获取的礼品卡快速变</br>
						现，以达到资金回流最大化实现利益</p>
					</div>
					<div class="content-comm">
						<i class="max-icon icon-trade"></i>
						<span>交易多样</span>
						<div class="content-row"></div>
						<p>提供线上回收、线下交易</br>
						API接口等多种交易方式，还可以根</br>
						据用户自由定制实现交易多样化方式</p>
					</div>
				</div>
			</div>
		</div>

		<div class="web-trends">
			<div class="w1320">
				<h3 class="title">官网动态</h3>
				<div class="crumbs-nav-box">
					<ul>
																			<li>
								<a href="{:U('home/index/cardArticle',['type'=>1])}">卡券介绍</a>
							</li>

														<li class="list-division">|</li>
																				<li>
								<a href="{:U('home/index/cardArticle',['type'=>2])}">卡券购买</a>
							</li>

														<li class="list-division">|</li>
																				<li>
								<a href="{:U('home/index/cardArticle',['type'=>3])}">卡券使用</a>
							</li>

														<li class="list-division">|</li>
																				<li>
								<a href="{:U('home/index/cardArticle',['type'=>4])}">卡券查询</a>
							</li>

														<li class="list-division">|</li>
																				<li>
								<a href="{:U('home/index/cardArticle',['type'=>5])}">卡券回收</a>
							</li>

														<li class="list-division">|</li>
																				<li>
								<a href="{:U('home/index/cardArticle',['type'=>6])}">行业资讯</a>
							</li>

														<li class="list-division">|</li>
																				<li>
								<a href="{:U('home/index/cardArticle',['type'=>7])}">常见问题</a>
							</li>

																		</ul>
				</div>
				<div class="box box-shadow-com clear">
					<div class="module fl" id="faqArticleModule">
						<div class="content-pad-l">
							<div class="top">
								<span class="subtit fl">常见问题</span>
								<a class="more fr" href="{:U('home/index/cardArticle',['type'=>7])}">更多>></a>
							</div>

							<ul class="list">
								<!--<li>
									<i class="tag red-tag">1</i>
									<a href="#">支持回收的二手卡有哪些？</a>
								</li>-->
							</ul>

							<form>
								<input type="hidden" name="articleClassifyId" value="7"/>
								<input type="hidden" name="pageNumber" value="1" class="pageNumberHid">
							</form>
						</div>

						<div id="faqArticlePagination"></div>
					</div>
					<div class="module fr" id="industryArticleModule">
						<div class="content-pad-r">
							<div class="top">
								<span class="subtit industry fl">行业资讯</span>
								<a class="more fr" href="{:U('home/index/cardArticle',['type'=>6])}">更多>></a>
							</div>

							<ul class="list">
								<!--<li>
									<i class="tag red-tag">1</i>
									<a href="#">支持回收的二手卡有哪些？</a>
								</li>-->
							</ul>

							<form>
								<input type="hidden" name="articleClassifyId" value="6"/>
								<input type="hidden" name="pageNumber" value="1" class="pageNumberHid">
							</form>
						</div>

						<div id="industryArticlePagination"></div>
					</div>
				</div>
			</div>
		</div>
		<script>
		$("#zuce").click(function(){
		   location.href="/registered.html";
		})
		$("#login").click(function(){
		   var oName=$("input[name=user]").val();
		   var oPass=$("input[name=pass]").val();
		   if(oName==null || oName==""){
		    layer.msg('请输入用户名或手机号！', {icon: 2,shade: [0.4, '#000'],time : 1000});return false;
		   }
		   if(oPass==null || oPass==""){
		    layer.msg('请输入密码！', {icon: 2,shade: [0.4, '#000'],time : 1000});return false;
		   }
		   $(this).text('登录中...');
		   var token = $("input[name=__token__]").val();
		   var index=layer.load();
		   $(this).attr("disabled",true);
		   $.post("/loginIndex",{name:oName,password:oPass,__token__:token,type:1},function(e){
		        $("#login").attr("disabled",false);
				layer.close(index);
				if(e.code==1){
					layer.msg(e.msg,{icon: 1,shade: [0.4, '#000'],time : 1000},function(){
					  window.location.href="/member.html";
					});
				}else{
					$("input[name=__token__]").val(e.token);
		            $("#login").text('登录');
					layer.msg(e.msg, {icon: 2,shade: [0.4, '#000'],time : 1000});return false;
				}
			})
		})
		</script>
{/block}