<!--{include file="<!--{$tplpath}--><!--{$tplpre}-->block_headinc.tpl"}-->
<body>
<!--{assign var='menuid' value='index'}--> 
<!--{include file="<!--{$tplpath}--><!--{$tplpre}-->block_menu.tpl"}-->
<div id="page-index" class="page">
  <div class="indexbg">
    <div class="index"> 
      <!--{include file="<!--{$tplpath}--><!--{$tplpre}-->block_search.tpl"}-->
      <div class="loginwrap">
		<!--{assign var='zone' value=get_zone('index_slide_banner')}-->
		<!--{if !empty($zone.ads)}-->
		<script src="<!--{$urlpath}-->tpl/static/js/jquery.KinSlideshow-1.2.1.min.js" type="text/javascript"></script>
		<script type="text/javascript">
		$(function(){
			$(".ads").KinSlideshow({
					moveStyle:"right",
					titleBar:{titleBar_height:30,titleBar_bgColor:"#fe91c3",titleBar_alpha:0.5},
					titleFont:{TitleFont_size:14,TitleFont_color:"#FFFFFF",TitleFont_weight:"bold"},
					btn:{btn_bgColor:"#FFFFFF",btn_bgHoverColor:"#d83473",btn_fontColor:"#000000",btn_fontHoverColor:"#FFFFFF",btn_borderColor:"#cccccc",btn_borderHoverColor:"#ffceff",btn_borderWidth:1}
			});
		})
		</script>
		<!--{/if}-->
        <div class="ads">
		<!--{foreach $zone.ads as $volist}-->
		<a href="<!--{$volist.url}-->"><img src="<!--{$volist.uploadfiles}-->" width="<!--{$volist.width}-->" height="<!--{$volist.height}-->"  alt="<!--{$volist.title}-->" /></a>
		<!--{/foreach}-->
		</div>

        <div class="huar">
		  
		  <!--{if $login.status == 0}-->
          <div class="llgo">
              <p class="shuo">马上登录，进行您的觅爱之旅。</p>
              <form method="post" action="<!--{$urlpath}-->index.php?c=passport&a=loginpost" name="login_form" id="login_form" />
              <input type="hidden" value="<!--{$forward}-->" name="forward">
              <div class="fitem" style="position: relative;">
                <label>帐&#12288;号：</label>
				<input type="text" name='loginname' id='loginname' value='用户名/邮箱' class="login_input1" onClick="changeDefaultInputValue();" onBlur="changeDefaultInputValue();" />			  </div>

              <p class="fitem">
                <label>密&#12288;码：</label>
				<input type="password" name="password" id="password" class="login_input1" maxlength="16" />
              </p>
			  <!--{if $config.logincode == '1'}-->
              <p class="fitem">
              <label>验证码：</label>
              <input type="text" id="checkcode" name="checkcode" class='login_input2' maxlength="6" /> <a href="javascript:refreshCode();"><img id="checkCodeImg" src="<!--{$urlpath}-->source/include/imagecode.php?act=verifycode" align="middle" title="点击换一张" /></a>
              </p>
			  <!--{/if}-->

              <p class="fitem-tips" style="margin-left:55px;"><a class="rp" target="_blank" href="<!--{$appfile}-->?c=passport&a=forget">忘记密码？点击取回密码</a></p>
              <p class="fitem-btn">
                <button class="button button-major button-login" type="input" onclick="return checklogin();">登录</button>
                <a class="button button-minor button-reg" href="<!--{$appfile}-->?c=passport&a=reg">免费注册</a>
			  </p>
              </form>
            <div class="onlinecount">
              <p><span class="left"><em class="numwcomma"> <!--{$config.countusers|number_format}-->  </em></span>位会员在寻找真爱</p>
            </div>
          </div>
		  <!--{/if}-->
		  
		  <!--{if $login.status == 1}-->
          <div class="llgo">
            <div class="login_gooo">
              <div class="login_xxxxx"> <a href="<!--{$login.info.homeurl}-->" class="login_gohead" title="<!--{$login.info.username}-->"><!--{$login.info.useravatar}--></a>
                <div class="login_xinxi">
                  <div><!--{$login.info.levelimg}--> <a href="<!--{$login.info.homeurl}-->"><!--{$login.info.username}--></a></div>
                  <div><!--{$lang.money}-->：<!--{$login.info.money}--></div>
                  <div><!--{$lang.points}-->：<!--{$login.info.points}--></div>
                  <div>相册：<!--{count mod='user' type='album' value=$login.info.userid}--> 张 <a href="<!--{$urlpath}-->usercp.php?c=album">上传</a></div>
                  <div><a href="<!--{$appfile}-->?c=passport&a=logout">退出登录</a>&nbsp;|&nbsp;<a href="<!--{$urlpath}-->usercp.php?c=payment">充值</a></div>
                </div>
                <div class="c"></div>
              </div>
              <div class="login_hudong">
			    <span>
				  <img src="<!--{$skinpath}-->themes/images/cid<!--{if $login.info.idnumberrz==0}-->_h<!--{/if}-->.png" title="<!--{if $login.info.idnumberrz==1}-->已身份证认证<!--{else}-->身份证未认证<!--{/if}-->">
				  <img src="<!--{$skinpath}-->themes/images/video<!--{if $login.info.videorz==0}-->_h<!--{/if}-->.png" title="<!--{if $login.info.videorz==1}-->已视频认证<!--{else}-->视频未认证<!--{/if}-->">
				  <img src="<!--{$skinpath}-->themes/images/email<!--{if $login.info.emailrz==0}-->_h<!--{/if}-->.png" title="<!--{if $login.info.emailrz==1}-->已邮箱认证<!--{else}-->邮箱未认证<!--{/if}-->">
				  <img src="<!--{$skinpath}-->themes/images/mobile<!--{if $login.info.mobilerz==0}-->_h<!--{/if}-->.png" title="<!--{if $login.info.mobilerz==1}-->已手机认证<!--{else}-->手机未认证<!--{/if}-->">

				  诚信星级：<!--{$login.info.star}-->星，<a href="<!--{$urlpath}-->usercp.php?c=certify">诚信认证</a>
                </span>
                <div><img src="<!--{$skinpath}-->themes/images/y1.gif">信件：(<a href="<!--{$urlpath}-->usercp.php?c=message"><!--{count mod='user' type='newmessage' value=$login.info.userid}--></a>)</div>
                <div><img src="<!--{$skinpath}-->themes/images/y2.gif">人气：(<a href="<!--{$login.info.homeurl}-->"><!--{$login.info.hits}--></a>)</div>
                <div><img src="<!--{$skinpath}-->themes/images/y3.gif">日记：(<a href="<!--{$urlpath}-->usercp.php?c=diary"><!--{count mod='user' type='diary' value=$login.info.userid}--></a>)</div>
                <div><img src="<!--{$skinpath}-->themes/images/y4.gif">礼物：(<a href="<!--{$urlpath}-->usercp.php?c=gift"><!--{count mod='user' type='gift' value=$login.info.userid}--></a>)</div>
              </div>
              <div class="login_goge"><a href="<!--{$urlpath}-->usercp.php">进入个人中心</a></div>
            </div>
          </div>
		  <!--{/if}-->


        </div>
      </div>
    </div>
  </div>
  <div class="bigline"></div>
  <div class="index1">
    <div class="left3">
	  
	  <h2 class="hh3">
	    <label><a id="tab_label_tag" href="###" class="nnn" onMouseOver="tab_label('0');">最新会员</a></label>
	    <label><a id="tab_label_tag" href="###" onMouseOver="tab_label('1');">推荐女会员</a></label> 
	    <label><a id="tab_label_tag" href="###" onMouseOver="tab_label('2');">推荐男会员</a></label>
		
	    <a href="<!--{$appfile}-->?c=user" class="more3">查看更多&gt;&gt;</a> 
	  </h2>
      <div class="left3list" style="display:block;" id="tab_label_0">
        <ul>
          <!--{assign var='user' value=vo_list("mod={user} where={v.avatar='1'} num={12}")}--> 
          <!--{foreach $user as $volist}-->
          <li><a href="<!--{$volist.homeurl}-->" target="_blank"><img src="<!--{$volist.avatarurl}-->" width='90px' height='110px' title="<!--{$volist.username}-->" alt="<!--{$volist.username}-->" /></a>
            
            <div class="areaf"> <span><!--{area type='text' value=$volist.cityid}--></span> <span><!--{$volist.age}-->岁</span> </div>
			<div class="guangzh"><a href="###" onClick="jbox_hibox(<!--{$volist.userid}-->);">打招呼</a><a href="###" onClick="jbox_writebox(<!--{$volist.userid}-->);">写信件</a></div>
          </li>
          <!--{/foreach}-->
        </ul>
      </div>

      <div class="left3list" style="display:none;" id="tab_label_1">
        <ul>
          <!--{assign var='user' value=vo_list("mod={listuser} type={elite} where={v.avatar='1' AND v.gender='2'} num={12}")}--> 
          <!--{foreach $user as $volist}-->
          <li><a href="<!--{$volist.homeurl}-->" target="_blank"><img src="<!--{$volist.avatarurl}-->" width='90px' height='110px' title="<!--{$volist.username}-->" alt="<!--{$volist.username}-->" /></a>
            
            <div class="areaf"> <span><!--{area type='text' value=$volist.cityid}--></span> <span><!--{$volist.age}-->岁</span> </div>
			<div class="guangzh"><a href="###" onClick="jbox_hibox(<!--{$volist.userid}-->);">打招呼</a><a href="###" onClick="jbox_writebox(<!--{$volist.userid}-->);">写信件</a></div>
          </li>
          <!--{/foreach}-->
        </ul>
      </div>

      <div class="left3list" style="display:none;" id="tab_label_2">
        <ul>
          <!--{assign var='user' value=vo_list("mod={listuser} type={elite} where={v.avatar='1' AND v.gender='1'} num={12}")}--> 
          <!--{foreach $user as $volist}-->
          <li><a href="<!--{$volist.homeurl}-->" target="_blank"><img src="<!--{$volist.avatarurl}-->" width='90px' height='110px' title="<!--{$volist.username}-->" alt="<!--{$volist.username}-->" /></a>
            
            <div class="areaf"> <span><!--{area type='text' value=$volist.cityid}--></span> <span><!--{$volist.age}-->岁</span> </div>
			<div class="guangzh"><a href="###" onClick="jbox_hibox(<!--{$volist.userid}-->);">打招呼</a><a href="###" onClick="jbox_writebox(<!--{$volist.userid}-->);">写信件</a></div>
          </li>
          <!--{/foreach}-->
        </ul>
      </div>

	<script>
	//显示隐藏
	function tab_label(tabid) {
		var taglength = $("a[id='tab_label_tag']").length;
		for (i=0; i<taglength; i++){
			if (tabid == i) {
				$("a[id='tab_label_tag']").eq(i).addClass('nnn');
				$('#tab_label_'+i).show();
			}
			else {
				$("a[id='tab_label_tag']").eq(i).removeClass('nnn');
				$('#tab_label_'+i).hide();
			}
		}
	}
	</script>

    </div>
    <div class="right3">
      <h2 class="righth3">心情微播</h2>
      <div class="right3ser" style="height:130px;">
	      <!--{assign var='weibo' value=vo_list("mod={weibo} num={2}")}-->
		  <!--{foreach $weibo as $volist}-->
		  <p class="fitem fitem-i">
		  <a href="<!--{$volist.homeurl}-->"><!--{$volist.username}--></a>. <!--{$volist.age}-->岁，<!--{area type='text' value=$volist.cityid}--><br />
		  <!--{$volist.content|filterhtml:35}-->...
          </p>
		  <!--{/foreach}-->
      </div>


      <div class="paper-aside noticesec">
        <div class="titlebar">
          <div class="title3">最新公告</div>
        </div>
        <div class="noticewrap">
          <div class="noticelistwrap">
            <ul class="noticelist">
              <!--{assign var='news' value=vo_list("mod={info} num={4}")}--> 
              <!--{foreach $news as $volist}-->
              <li class="notice"><a target="_blank" href="<!--{$volist.url}-->"><!--{$volist.title}--></a><em class="dt"><!--{$volist.addtime|date_format:"%m-%d"}--></em></li>
              <!--{/foreach}-->
            </ul>
          </div>
        </div>
      </div>

    </div>
    <div style="clear:both;"></div>
  </div>
  <div class="bigline"></div>

  <!--{assign var='ads' value=get_ads('index_banner_1')}-->
  <!--{if !empty($ads)}-->
  <div class="inad1"><a <!--{if !empty($ads.url) && $ads.url!='#'}-->href="<!--{$ads.url}-->" target="<!--{$ads.target}-->"<!--{/if}-->><img src="<!--{$ads.uploadfiles}-->" width='<!--{$ads.width}-->' height='<!--{$ads.height}-->' border='0' title="<!--{$ads.title}-->" /></a></div>
  <div class="bigline"></div>
  <!--{/if}-->


  <div class="index6">
    <div class="left4">
      <h2 class="hh3">
	  <em>VIP会员</em>
	  
	    <label><a id="vip_label_tag" href="###" class="nnn" onMouseOver="vip_label(0);">广州</a></label> 
	    <label><a id="vip_label_tag" href="###"  onMouseOver="vip_label(1);">深圳</a></label>
		<label><a id="vip_label_tag" href="###"  onMouseOver="vip_label(2);">上海</a></label>
	    <a class="more3" href="<!--{$appfile}-->?c=user">查看更多&gt;&gt;</a> 

	  </h2>

      <ul id="vip_label_0" style="display:block;">
	    <!--{assign var='vipuser' value=vo_list("mod={listuser} type={vip} where={v.avatar='1' AND v.monolog='1' AND v.cityid='3'} num={6}")}-->
		<!--{foreach $vipuser as $volist}-->
        <li> <a class="head5" href="<!--{$volist.homeurl}-->"><!--{$volist.useravatar}--></a>
          <div class="headr5"> <span class="headr5_2"><!--{$volist.username}--></span> <!--{$volist.levelimg}-->
            <div class="headr5_1"> <!--{$volist.age}--> 岁　<!--{area type='text' value=$volist.provinceid}--> <!--{area type='text' value=$volist.cityid}--> <!--{hook mod='var' type='text' item='education' value=$volist.education}--><br>
              <!--{$volist.monolog|filterhtml:40}-->...<a href="<!--{$volist.homeurl}-->" target="_blank">查看资料</a></div>
            <div class="headr5_3"> 
			<span class="d3"><a href="###" onClick="jbox_hibox('<!--{$volist.userid}-->');"><span class="icon24 icon24-follow"></span>打招呼</a></span> 
			<span class="d4"><a href="###" onClick="jbox_writebox('<!--{$volist.userid}-->');"><span class="icon24 icon24-follow"></span>写信件</a></span>
			</div>
          </div>
        </li>
		<!--{/foreach}-->
        <div style="clear:both"></div>
      </ul>

      <ul id="vip_label_1" style="display:none;">
	    <!--{assign var='vipuser' value=vo_list("mod={listuser} type={vip} where={v.avatar='1' AND v.monolog='1' AND v.cityid='3'} num={6}")}-->
		<!--{foreach $vipuser as $volist}-->
        <li> <a class="head5" href="<!--{$volist.homeurl}-->"><!--{$volist.useravatar}--></a>
          <div class="headr5"> <span class="headr5_2"><!--{$volist.username}--></span> <!--{$volist.levelimg}-->
            <div class="headr5_1"> <!--{$volist.age}--> 岁　<!--{area type='text' value=$volist.provinceid}--> <!--{area type='text' value=$volist.cityid}--> <!--{hook mod='var' type='text' item='education' value=$volist.education}--><br>
              <!--{$volist.monolog|filterhtml:40}-->...<a href="<!--{$volist.homeurl}-->" target="_blank">查看资料</a></div>
            <div class="headr5_3"> 
			<span class="d3"><a href="###" onClick="jbox_hibox('<!--{$volist.userid}-->');"><span class="icon24 icon24-follow"></span>打招呼</a></span> 
			<span class="d4"><a href="###" onClick="jbox_writebox('<!--{$volist.userid}-->');"><span class="icon24 icon24-follow"></span>写信件</a></span>
			</div>
          </div>
        </li>
		<!--{/foreach}-->
        <div style="clear:both"></div>
      </ul>

      <ul id="vip_label_2" style="display:none;">
	    <!--{assign var='vipuser' value=vo_list("mod={listuser} type={vip} where={v.avatar='1' AND v.monolog='1' AND v.cityid='3'} num={6}")}-->
		<!--{foreach $vipuser as $volist}-->
        <li> <a class="head5" href="<!--{$volist.homeurl}-->"><!--{$volist.useravatar}--></a>
          <div class="headr5"> <span class="headr5_2"><!--{$volist.username}--></span> <!--{$volist.levelimg}-->
            <div class="headr5_1"> <!--{$volist.age}--> 岁　<!--{area type='text' value=$volist.provinceid}--> <!--{area type='text' value=$volist.cityid}--> <!--{hook mod='var' type='text' item='education' value=$volist.education}--><br>
              <!--{$volist.monolog|filterhtml:40}-->...<a href="<!--{$volist.homeurl}-->" target="_blank">查看资料</a></div>
            <div class="headr5_3"> 
			<span class="d3"><a href="###" onClick="jbox_hibox('<!--{$volist.userid}-->');"><span class="icon24 icon24-follow"></span>打招呼</a></span> 
			<span class="d4"><a href="###" onClick="jbox_writebox('<!--{$volist.userid}-->');"><span class="icon24 icon24-follow"></span>写信件</a></span>
			</div>
          </div>
        </li>
		<!--{/foreach}-->
        <div style="clear:both"></div>
      </ul>

	<script>
	//显示隐藏
	function vip_label(tabid) {
		var taglength = $("a[id='vip_label_tag']").length;
		for (i=0; i<taglength; i++){
			if (tabid == i) {
				$("a[id='vip_label_tag']").eq(i).addClass('nnn');
				$('#vip_label_'+i).show();
			}
			else {
				$("a[id='vip_label_tag']").eq(i).removeClass('nnn');
				$('#vip_label_'+i).hide();
			}
		}
	}
	</script>


    </div>

    <div class="right4">
      <h2 class="righth4"><span>最新日记</span> <a href="<!--{$appfile}-->?c=ask" target="_blank">更多&gt;&gt;</a></h2>
      <div class="qiulist">
		<!--{assign var='newdiary' value=vo_list("mod={diary} num={5}")}-->
		<!--{foreach $newdiary as $volist}-->
        <div class="r4list"><a href="<!--{$volist.url}-->" target="_blank" title="<!--{$volist.title}-->"><!--{$volist.title|filterhtml:15}--></a></div>
		<!--{/foreach}-->
      </div>

	  <!--{assign var='ads' value=get_ads('index_smbanner_1')}-->
	  <!--{if !empty($ads)}-->
	  <div class="qiutu"><a <!--{if !empty($ads.url) && $ads.url!='#'}-->href="<!--{$ads.url}-->" target="<!--{$ads.target}-->"<!--{/if}-->><img src="<!--{$ads.uploadfiles}-->" width='<!--{$ads.width}-->' height='<!--{$ads.height}-->' border='0' title="<!--{$ads.title}-->" /></a></div>
	  <!--{/if}-->

	  <!--{assign var='ads' value=get_ads('index_smbanner_2')}-->
	  <!--{if !empty($ads)}-->
	  <div class="w230"><a <!--{if !empty($ads.url) && $ads.url!='#'}-->href="<!--{$ads.url}-->" target="<!--{$ads.target}-->"<!--{/if}-->><img src="<!--{$ads.uploadfiles}-->" width='<!--{$ads.width}-->' height='<!--{$ads.height}-->' border='0' title="<!--{$ads.title}-->" /></a></div>
	  <!--{/if}-->

	  <div class="index_info_box">	
	    <a href="<!--{$urlpath}-->usercp.php?c=vip" class="infot"><img src="<!--{$skinpath}-->themes/images/ads3.jpg"></a>
		<h4><a href="<!--{$urlpath}-->usercp.php?c=vip">VIP会员</a></h4>
		<p>服务期内，免费查看任何信件，方便！</p>
	  </div>

      <div style="clear:both;"></div>
    </div>
    <div style="clear:both;"></div>
  </div>
  <div class="bigline"></div>



  <div class="bigline"></div>
  <div class="linkss">
    <div class="linktitle">友情链接</div>
    <div class="linkcontent"><!--{label name='friendlink'}--></div>
  </div>

</div>	

<!--{include file="<!--{$tplpath}--><!--{$tplpre}-->block_footer.tpl"}-->
</body>
</html>
<script language="javascript">
function checklogin(){
    //帐号
    if($("#loginname").val() == "" || $("#loginname").val() == '用户名/邮箱'){
		alert('登录帐号不能为空');
		return false;
	} 

	//密码
	if($("#password").val() == "") {
		alert('登录密码不能为空');
		return false;
	} 

	<!--{if $config.regcode=='1'}-->
	if($("#checkcode").val() == "") {
		alert('验证码不能为空');
		return false;
	}
	<!--{/if}-->

	$('#login_form').submit();
	return true;
}
//验证码
function refreshCode() {
	var ccImg = document.getElementById("checkCodeImg");
	if (ccImg) {
		ccImg.src= ccImg.src + '&' +Math.random();
	}
}

function changeDefaultInputValue() {
	var a = $("#loginname").val();
	if(a == "") {
		$("#loginname").val("用户名/邮箱");
	} else {
		if(a == '用户名/邮箱') {
			$("#loginname").val("");
		}
	}
	$('#loginname').attr("placeholder","用户名/邮箱");
}
</script>