.person-center<script src="../js/flickerplate.min.js" type="text/javascript"></script>
<link href="../css/flickerplate.css" type="text/css" rel="stylesheet">
<!--导航-->
<style>	
.header{width:100%;height:160px;background:#fff;box-shadow:0 0 8px rgb(0 0 0 / 10%);-webkit-box-shadow:0 0 8px rgb(0 0 0 / 10%);z-index:5;position:absolute;top:0;left:0;right:0}
.nav-wrap{width:100%;height:70px}
.nav-container{height:70px;padding-left:0;padding-right:0}
.logo{width:100px;height:50px;margin-top:10px}
.logo img{width:100%;height:100%}
.nav-box{}
.nav-box li{float:left;height:70px;padding:0 12px}
.nav-box li a{color:#333;font-size:16px;height:70px;line-height:65px;display:block}
.nav-box li a.tab-active,.nav-box li a:hover{color:#2882fd;border-bottom:4px solid #2882fd;padding-bottom:5px}
.nav-box li a:hover{text-decoration:none}
.nav-tab{height:70px;padding-left:0px}
.drop-menu{width:110px;margin-right:10px}
.drop-menu a{color:#fff;position:relative;width:90px;display:block}
.drop-down{width:120px;background:#fff;color:#333;box-shadow:0 2px 4px 0 rgb(0 0 0 / 10%);border-top:3px solid #2882fd}
.drop-menu li{background:#fff;height:40px;width:120px;padding:0 !important}
.drop-down a{height:40px;line-height:40px !important;color:#333 !important;padding:0 !important;width:120px;text-align:center}
.drop-down a:hover{height:40px;line-height:40px !important;background:#2882fd;color:#fff !important}
.drop-menu a:hover,.drop-menu a:visited{border-bottom:none !important}
.phone-drop-menu{width:90px}
.phone-drop-menu a{display:block}
.phone-drop-down{width:180px;padding-bottom:20px;background:#fff;border:1px solid #f7f5f5;border-top:2px solid #f8f8f8;box-shadow:2px 3px 10px #eee}
.language-change-menu{}
.language-change-menu a{display:block;width:60px}
.language-icon{height:20px;width:30px;background:url("../images/languages-cn.jpg") no-repeat;background-size:100% 100%;border-radius:5px;float:left;display:block;margin-right:5px;margin-top:10px}
.language-icon-en{background:url("../images/languages-en.jpg") no-repeat}
.languages-drop-down{width:150px;height:100px;padding-bottom:20px;background:#fff;border:1px solid #f7f5f5;border-top:2px solid #f8f8f8;box-shadow:2px 3px 10px #eee;position:absolute;left:0;top:70px}
.languages-drop-down ul{background:#fff;clear:both;overflow:hidden}
.languages-drop-down ul li{height:40px;line-height:40px;padding-top:10px;}
.languages-drop-down ul li a{height:40px;line-height:40px;font-size:14px}
.languages-drop-down a:hover,.languages-drop-down a:visited{border-bottom:none !important}
.homecode-img{width:130px;height:130px;margin:10px 20px}
.homecode-img img{width:100%;height:100%}
.text-code{font-size:14px;text-align:center}
.code-title{background:#f8f8f8;text-align:center;padding:10px 0}
.narrow-down{width:20px;height:20px;display:block;background:url("../images/narrow-down.png") no-repeat;float:right;background-size:100% 60%;margin-top:6px;margin-left:5px}
.narrow-up{width:20px;height:20px;display:block;background:url("../images/narrow-up.png") no-repeat;float:right;background-size:100% 60%;margin-top:6px;margin-left:5px}
.language-change{}
.person-center-link{height:70px;width:100px;cursor:pointer}
.person-center{width:100px;height:70px;position:relative}
.person-photo{width:30px;height:30px;border-radius:50%;float:left;margin-top:20px}
.person-photo img{width:100%;height:100%;border-radius:50%}
.person-name{float:left;color:#333;margin-left:5px}
.person-name a{text-decoration:none;color:#333;height:70px;line-height:65px;display:block}
.person-name a:hover,.person-name a:visited{color:#2882fd}
.tk_data_name{display:block;float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:40px}
.login-entrance{float:right}
.login-entrance-box{height:40px;border-radius:30px;background:#2882fd;margin-top:15px;width:90px;text-align:center}
.login-entrance-box a{color:#fff;line-height:40px}
.login-entrance-box span{color:#fff;padding-left:5px;padding-right:5px}
.person-drop-down{width:160px;clear:both;overflow:hidden;background:#fff;box-shadow:2px 2px 8px #eee}
.person-drop-down li{float:none;height:50px;line-height:50px;padding:0}
.person-drop-down li a{padding:0 10px;height:100%;display:block;line-height:50px;padding-left:50px}
.person-drop-down li a:hover{text-decoration:none;border-bottom:none;background:#2882fd;color:#fff}
.person-drop-down li.person-li{height:60px;background:#d9e9ff;padding-top:5px;padding-left:10px;padding-right:10px}
.person-drop-down li a.account-li{background:url("../images/userleft01.png") no-repeat 10px 10px;background-size:20% 60%}
.person-drop-down li a.account-li:hover{background:url("../images/userleft01w.png") no-repeat 10px 10px #2882fd;background-size:20% 60%;color:#fff}
.person-drop-down li a.meeting-li{background:url("../images/userleft02.png") no-repeat 10px 10px;background-size:20% 60%}
.person-drop-down li a.meeting-li:hover{background:url("../images/userleft02w.png") no-repeat 10px 10px #2882fd;background-size:20% 60%;color:#fff}
.person-drop-down li a.order-li{background:url("../images/userleft03.png") no-repeat 10px 10px;background-size:20% 60%}
.person-drop-down li a.order-li:hover{background:url("../images/userleft03w.png") no-repeat 10px 10px #2882fd;background-size:20% 60%;color:#fff}
.person-drop-down li a.exit-li{background:url("../images/exit-icon.png") no-repeat 10px 10px;background-size:20% 60%}
.person-drop-down li a.exit-li:hover{background:url("../images/exit-iconw.png") no-repeat 10px 10px #2882fd;background-size:20% 60%;color:#fff}
.person-drop-down li a.message-li{background:url("../images/message.png") no-repeat 14px 10px;background-size:16% 50%}
.person-drop-down li a.message-li:hover{background:url("../images/message.png") no-repeat 14px 10px #2882fd;background-size:16% 50%;color:#fff}
.person-name02{float:left;color:#333;margin-left:10px}
.nav-top-header{background:#fff;height:90px;border-bottom:1px solid #eee;padding-top:15px}
.nav-top-header-left{width:820px;float:left}
.nav-top-header-right{width:350px;float:right;display:flex;justify-content:flex-end}
.header-top-logo{width:120px;height:auto;float:left}
.header-top-logo img{width:100%;height:100%}
.header-top-text{float:left;padding-left:10px}
.header-top-text span{display:block}
.header-top-text span:first-child{font-size:22px;color:#0052d9;font-weight:bold;}
.header-top-text span:last-child{font-size:14px;color:#0052d9;font-weight:bold}
.header-top-date{margin-right:20px;padding-top:5px}
.header-top-date span{display:block;font-size:16px;text-align:right}
.header-count-time{background:#f8f8f8;padding:5px 10px;border-radius:10px}
.header-count-time span{font-size:16px}
.count-time-box{display:flex;justify-content:space-around}
.count-time-box i{font-size:28px;font-style:normal;display:block;border-radius:5px;float:left;font-weight:bold;color:#2880f4;line-height:24px}
.messagepr{position:relative}
#messagenum{background:#e43a3d;padding:4px;border-radius:4px;position:absolute;right:0;top:0}
.home-navfixed{
	height:70px;
    position: fixed !important;
    left: 0;
    top: 0;
    right: 0;
    z-index: 9;
    background:#fff;
    z-index:999 !important;
    box-shadow:3px 3px 10px #eee;
}
</style>
<div class="header">
	   <div class="nav-top-header">
	   	<div class="container">
	   	 <div class="nav-top-header-left">
	   	 	 <div class="header-top-logo"><img src="../images/wiffac-logo.png" alt="" /></div>
	   	 	 <div class="header-top-text">
	   	 	 	<span>2022年第十一届中国国际货运代理大会暨第七届国际货运交易会</span>
	   	 	 	<span>2022 the 11th World International Freight Forwarders Annual Convention and the 7th Cargo Freight Fair</span>
	   	 	 	<!--<span>2022 the 11th World International Freight Forwarders Annual Convention and the 7th Cargo Freight Fair</span>-->
	   	 	 	<!--<span>World International Freight Forwarders Annual Convention</span>-->
	   	 	 </div>
	   	 </div>
	   	  <div class="nav-top-header-right">
	   	 	 <div class="header-top-date">
	   	 	 	<span>2022年11月19-21日</span>
	   	 	 	<span>昆明滇池国际会展中心</span>
	   	 	 </div>
	   	 	 <!-- <div class="header-count-time" id="wfindexkaimuci">
	   	 	 	<span>距离开幕</span>
	   	 	 	<div class="count-time-box"><i id="wfdaojishi">--</i><span>天</span></div>
	   	 	 </div> -->
	   	   </div>
	   	</div>
	   	<script>
		$(document).ready(function(){
			$.ajax({
				//请求方式为get  
				type:"GET", 
				dataType: "json",
				//json文件位置  
				url:wf_config_apiurl+"/api/wiffa_meeting/meeting_data_get",
				//返回数据格式为json  
				data:{'mkey':wf_config_mkey_default},
				async:true,
				beforeSend:function(){
					$('body').showLoading();
				},
				//请求成功完成后要执行的方法  
				success: function(data){ 	
					$('body').hideLoading();
					if(data.result){
						var wf_startTime = new Date(); // 开始时间
						var wf_endTime = new Date(data.result.d5); // 结束时间
						var wf_day=Math.floor((wf_endTime - wf_startTime) / 1000 / 60 / 60 / 24)// 天数
						if(wf_day>0){
							$('#wfdaojishi').html(wf_day);
						}else if(wf_day<=0&&wf_day>=-4){
							$('#wfindexkaimuci').html('<span>火热开幕中</span>');
						}else if(wf_day<-4){
							$('#wfindexkaimuci').html('<span>圆满闭幕</span>');
						}
					}else{
						$('#wfindexkaimuci').hide();
					}
				},
				complete: function() {
				},
				error: function (xhr, type) {
					$('body').hideLoading();  
				}		
			});
		})
		</script>
	   </div>
		<div class="nav-wrap">
			<div class="container nav-container">
		      <!--<div class="logo fl">
		      	  <img src="../images/wiffac-logo.png" alt="" />
		      </div>-->
			  <div class="nav-box">
				
				<ul class="nav-tab fl">
					<!--<li><a href="index.html" class="indexlink">首页</a></li>-->
					<li><a href="index.html" class="indexlink">WIFFA大会</a></li>
					<li><a href="index-cff.html" class="indexlink">WIFFA展会</a></li>
					<li><a href="wine.html" class="indexlink">招待酒会</a></li>
					<li><a href="dinner.html" class="indexlink">欢乐晚会</a></li>
					<!-- <li><a href="walkingyn.html" class="indexlink">文化物流节</a></li> -->
					<li><a href="cishan.html" class="indexlink">慈善基金</a></li>
					<li><a href="adsponsor.html" class="indexlink">广告赞助</a></li>
					<li><a href="hotel-list.html" class="indexlink">酒店预订</a></li>
					<!--<li><a href="presentation.html">专场商务推介</a></li>-->
		
					<!-- <li><a href="walking.html" class="indexlink">徒步大会</a></li>
					<li><a href="sharon.html" class="indexlink">联盟沙龙</a></li> -->
					
					<!--<li><a href="javascript:;" class="indexlink">往届会议</a></li>-->
					<li class="drop-menu"><a href="javascript:;" style="display:block;">往届会议<i class="narrow-down" style="margin-top:28px;margin-left:0px;"></i></a>
						<ol class="drop-down" style="display:none;">
						<li><a href="./vip.html">历届VIP名单</a></li>
						<li><a href="previous-meeting-list.html">往届会议</a></li>
						</ol>
	                </li>
					<!--<li class="drop-menu"><a href="javascript:;">往届会议<i class="narrow-down" style="margin-top:28px;margin-left:0px;"></i></a>
						<ol class="drop-down" style="display:none;">
						<li><a target="_blank" href="/meeting2021/pre/vip.html">历届VIP名单</a></li>
						<li><a target="_blank" href="/meeting2021/index">第十届年会</a></li>
						<li><a target="_blank" href="/meeting2020/index">第九届年会</a></li>
						<li><a target="_blank" href="/meeting2019">第八届年会</a></li>
						<li><a target="_blank" href="/meeting2018">第七届年会</a></li>
						<li><a target="_blank" href="/meeting2017">第六届年会</a></li>
						<li><a target="_blank" href="/meeting2016">第五届年会</a></li>
						<li><a target="_blank" href="/meeting2015">第四届年会</a></li>
						<li><a target="_blank" href="/meeting2014">第三届年会</a></li>
						<li><a target="_blank" href="/meeting2013">第二届年会</a></li>
						<li><a target="_blank" href="/meeting2011">第一届年会</a></li>
						<li><a target="_blank" href="/meeting2009">创始大会</a></li>
						<li><a target="_blank" href="http://www.wiffa.net/meeting2021/pre/cff.html">第六届对接会</a></li>
						<li><a target="_blank" href="http://www.shippingchina.com/cff2021">第五届对接会</a></li>
						<li><a target="_blank" href="http://www.wiffa.net/meeting2020/pre/cff">第四届对接会</a></li>
						<li><a target="_blank" href="http://www.shippingchina.com/cff2019">第三届对接会</a></li>
						<li><a target="_blank" href="https://mp.weixin.qq.com/s?__biz=MjM5Nzk0MDA0MQ==&amp;mid=2649968701&amp;idx=1&amp;sn=22ec73d3869088ff1b4f44b76dde135c&amp;chksm=bed5ae1b89a2270daf5e766fb1d201487fabe73a23d3d7c87d408bb3445861a05136804f9d77#rd">第二届对接会</a></li>
						<li><a target="_blank" href="http://www.shippingchina.com/ifcc2017">第一届对接会</a></li>
				       </ol>
						</ol>
	                </li>-->
	                <li class="phone-drop-menu" style="width:90px;">
	                	<a href="javascript:;">手机端</a>
	                	<div class="phone-drop-down" style="display:none;">
	                		<div class="code-title">手机登录会议平台</div>
	                		<div>
	                			<div class="homecode-img"><img src="../images/home-code.png" alt="" /></div>
	                			<div class="text-code">微信扫描二维码</div>
	                		</div>
	                	</div>
	                </li>
	                
	               <li class="language-change-drop-menu" style="position:relative;">
	                	<a href="#" style="width:90px;">language <i class="narrow-down" style="margin-top:28px;margin-left:0px;"></i></a>
	                	<div class="languages-drop-down" style="display:none">
	                		<ul>
	                			<li><a href="../en/index.html"><span class="language-icon language-icon-en"></span>English</a></li>
	                			<li><a href="../cn/index.html"><span class="language-icon"></span>中文</a></li>
	                		</ul>                		
	                		
	                	</div>
	               </li>
	               
				</ul>
				
				<!--个人中心-->
				<div class="person-center fr" id="wfid_header_person" style="display: none;">
					<div class="person-center-link">
						<div class="person-photo fl messagepr"><img src="../images/user-icon.png" alt="" /><span class="messagenum" id
					 			="messagenum"></span></div>
					    <div class="person-name fl">
							<a href="javascript:;">
								<span id="tk_data_name" class="tk_data_name"></span><i class="narrow-down" style="margin-top:28px;"></i>
							</a>
						</div>
					</div>
					 <ul class="person-drop-down" style="display:none;">
					 		<li class="person-li">
					 			<div class="person-photo fl" style="margin-top:0;"><img src="../images/user-icon.png" alt="" /></div>
					 			<div class="person-name02 fl"><span id="tk_data_name2"></span></div>
					 		</li>
					 		<li><a href="account-user.html" class="account-li">我的账户</a></li>
					 		<!--<li><a href="meeting.html" class="meeting-li">我的会议</a></li>-->
					 		<li><a href="order.html" class="order-li">我的订单</a></li>
					 		<li><a href="meeting-message.html" class="message-li">我的消息</a></li>
					 		<li><a href="javascript:wfun_logout();" class="exit-li">退出</a></li>
					  </ul>
				</div>
				<div class="login-entrance fr" id="wfid_header_login">
					<div class="login-entrance-box"><a href="login.html">登录</a><span>/</span><a href="register.html">注册</a></div>
				</div>

				
			  </div>
	
		  </div>
		</div>		
	</div>
<div style="height:142px;width:100%;"></div>


<script>
	document.title = '2022年第十一届中国国际货运代理大会暨第七届国际货运交易会';
	$(document).ready(function() {
		$('.flicker-example').flicker();//banner滚动		

//导航下拉菜单
	$(".drop-menu").hover(function(){
		 $(".drop-down").show();
		},
		function(){
		$(".drop-down").hide();
	});
	// 手机端下拉菜单
	$(".phone-drop-menu").hover(function(){
		 $(".phone-drop-down").show();
		},
		function(){
		$(".phone-drop-down").hide();
	});
	
	//语言切换
	$(".language-change-drop-menu").hover(function(){
		 $(".languages-drop-down").show();
		},
		function(){
		$(".languages-drop-down").hide();
	});
	
	//个人中心下拉菜单
	$(".person-center").hover(function(){
		 $(".person-drop-down").show();
		},
		function(){
		$(".person-drop-down").hide();
	});


//导航吸顶
$(window).scroll(function(){
     if($(document).scrollTop()>=200){
      $(".nav-wrap").addClass("home-navfixed")
      }else{
        $(".nav-wrap").removeClass("home-navfixed")
    }
})

//	    function(){
//	      $(".drop-downtt").hide();
//	    });

	    $('body,html').animate({
          	scrollTop: 0
        },
        1);

		//酒店预订-弹出框
		$('.hotel-book').click(function() {
		        $('#alert-hotel').center();
		        $('#goodcover2').show();
		        $('#alert-hotel').fadeIn();
		    });
		    $('.closebt').click(function() {
		        $('#alert-hotel').hide();
		        $('#goodcover2').hide();
		    });
			$('#goodcover').click(function() {
		        $('#alert-hotel').hide();
		        $('#goodcover2').hide();
		});

		//判断登录状态-头部内容显示
		wfun_login_showorhide('wfid_header_person','wfid_header_login');

		//获取当前页面链接 判断当前是哪一页
		var test = window.location.href;
		$('.indexlink').each(function(){
			var href=$(this).attr('href');
			if(test.indexOf(href)!= -1){
				$(this).addClass('tab-active').parent().siblings().find('.indexlink').removeClass('tab-active');
			}
		});
		
	})		

	/*判断登录状态-内容显示|隐藏
		login_id登录状态时要显示的DOM元素ID
		logout_id未登录状态时要显示的DOM元素ID
	*/
	function wfun_login_showorhide(login_id, logout_id) {
		//判断登录状态
		if (localStorage.getItem('wiffaMcenter') != null && JSON.parse(localStorage.getItem('wiffaMcenter')).access_token != null) {
			$('#' + login_id).show();
			$('#' + logout_id).hide();
			//页面账户名称显示
			var token_data = JSON.parse(localStorage.getItem("wiffaMcenter")).data;
			$('#tk_data_name').text(token_data.name);
			$('#tk_data_name2').text(token_data.name);
			//查询用户的消息
			messageNum();
		}
		else {
			$('#' + login_id).hide();
			$('#' + logout_id).show();
		}
	}

	function messageNum(){
        return false
		var ajaxurl = "/api_tk/message_num";
		var ajaxdata = {"mkey":wf_config_mkey_default};
		if(wf_wiffaMcenter){
			wfun_ajax_login(ajaxurl, 'POST', ajaxdata, function (data) {
				if(data.code=='0'){
					var num = data.result;
					if(num){
						// $('.messagenum').text(num);
						$('#messagenum').show();
					}else{
						// $('.messagenum').text(0);
						$('#messagenum').hide();
					}
					
				}
			});
		};
		
	}
</script>