{wc:templates "index","header"}   
<!--content Start-->
<link rel="stylesheet" type="text/css" href="{G_TEMPLATES_CSS}/qqhelp.css"/>
<script type="text/javascript" charset="utf-8" src="{G_TEMPLATES_JS}/area_city.js"></script>
<script type="text/javascript">
var opt0 =["----please choose----","----please choose----","----please choose----"];//初始值
</script>

<div class="help-main">
	<div class="qqGroup">
		<div class="qqTitle">
			<span class="groupt"><b>QQ</b>group</span>
			<span>In order to create a fairer and more transparent cloud shopping platform, Yiyuan Cloud Shopping has set up QQ exchange groups around the country (you can find the local group in the selection box). Cloud friends are welcome to join.<br>In addition, Yiyuanyungou is recruiting group owners from all over the world to join, and can also build groups by itself. For specific treatment and requirements, please consult QQ{wc:fun:_cfg('qq')}</span>
		</div>
		<div id="listTopContents" class="qqList"><p>Direct group</p>
		<ul>
		{wc:loop $lists2  $v}
		<li><dt><img border="0" alt="{wc:$v['name']}" src="{G_TEMPLATES_IMAGE}/logo.jpg"></dt><dt>{wc:$v['name']}{wc:if $v['full']=='Full'}<img src="{G_TEMPLATES_IMAGE}/qqhot.gif"/>{wc:if:end}</dt><dd><a href="{wc:$v['qqurl']}" style="color:#82CD4C">{wc:$v['qq']}</a></dd></li>
		{wc:loop:end}
		</ul></div>	
		
		<div class="qsearch">			
			<ul>
				<li>
					<label>filter:</label>
				</li>
				<li>				
				 <select id="s_province"  name="s_province" STYLE="height:30px;width:130px;background:url((G_TEMPLATES_IMAGE)/select.gif);"></select>&nbsp;&nbsp;province	   
				 <select id="s_city" name="s_city" STYLE="height:30px;width:130px;"></select>&nbsp;&nbsp;county 
				 <select id="s_county"  name="s_county" STYLE="height:30px;width:130px;"></select>&nbsp;&nbsp;Area 					 
				</li>			
                <script type="text/javascript">_init_area(opt0);</script>
			</ul>
			<span>Local groups</span>
		</div>		
		<div id="listContents" class="qqList">
		<ul>
		{wc:loop $lists1  $v}
		<li ><dt><img border="0" alt="{wc:$v['name']}" src="{G_TEMPLATES_IMAGE}/logo.jpg"></dt><dt>{wc:$v['name']}{wc:if $v['full']=='Full'}<img src="{G_TEMPLATES_IMAGE}/qqhot.gif"/>{wc:if:end}</dt><dd><a href="{wc:$v['qqurl']}">{wc:$v['qq']}</a></dd></li>
		{wc:loop:end}
		</ul></div>		
	</div>
	</div>
    
    	<script type="text/javascript">
	$(function(){	
	 var str='----please choose----';
       $("#s_province").change(function(){	   
	     var  prov = $("#s_province").val(); 
		 var cityv = $("#s_city").val();
		 var  couv = $("#s_county").val();
		$.ajax({
			type: "get",
			url: "{WEB_PATH}/go/qq_qun/get_cityqq/"+prov+'/'+cityv+'/'+couv,
			success: function(data){				
			$("#listContents").html(data);
			}
		});

		$("#s_city").change(function(){	  
	     var  prov = $("#s_province").val(); 
		 var cityv = $("#s_city").val();
		 var  couv = $("#s_county").val();
		 $.ajax({
			type: "get",
			url: "{WEB_PATH}/go/qq_qun/get_cityqq/"+prov+'/'+cityv+'/'+couv,
			success: function(data){
			$("#listContents").html(data);
			}
		});

		 $("#s_county").change(function(){	  
	     var  prov = $("#s_province").val(); 
		 var cityv = $("#s_city").val();
		 var  couv = $("#s_county").val();
		 $.ajax({
			type: "get",
			url: "{WEB_PATH}/go/qq_qun/get_cityqq/"+prov+'/'+cityv+'/'+couv,
			success: function(data){
			$("#listContents").html(data);
			}
		});
	   });
		   
	   });
		   
	   });
	});
	</script>
	<script type="text/javascript">
		$(".yu_ff").mouseover(function(){
		  $(".h_1yyg_eject").show();
		})
		$(".yu_ff").mouseout(function(){
		  $(".h_1yyg_eject").hide();
		})

			     $("#m_all_sort").hide();
		     $(".m_menu_all").mouseenter(function(){
				    $(".m_all_sort").show();
		     })
			 $(".m_menu_all").mouseleave(function(){
				    $(".m_all_sort").hide();
		     })
			 $(".m_all_sort").mouseenter(function(){
				    $(this).show();
		     })
			 $(".m_all_sort").mouseleave(function(){
				    $(this).hide();
		     })
		     $(function(){
		       $(window).scroll(function() {	
		      		
		     		if($(window).scrollTop()>=130&&$(window).scrollTop()<=560){
		     			$(".head_nav").addClass("fixedNav");	
		     			$("#m_all_sort").fadeOut();
		     		}else if($(window).scrollTop()>560){
		     			$(".head_nav").addClass("fixedNav");
		     			$("#m_all_sort").fadeOut();
		     	} else if($(window).scrollTop()<130){
		     			$(".head_nav").removeClass("fixedNav");
		     	}
		           });
		     });
	</script>
	{wc:templates "index","footer"}