<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="shortcut icon" type="image/ico" href="/favicon.ico">
<title>网络飞虎平台</title>
<link rel="stylesheet" type="text/css" href="/css/reset.css" />
<link rel="stylesheet" type="text/css" href="/css/datav3.global.css" />
<link rel="stylesheet" type="text/css" href="/css/datav3.q.css" />
<link rel="stylesheet" type="text/css" href="/css/datav3.q.loading.css" />
<link rel="stylesheet" type="text/css" href="/css/datav3.q.left.css" />
<link rel="stylesheet" type="text/css" href="/css/datav3.q.middle.css" />
<link rel="stylesheet" type="text/css" href="/css/datav3.q.right.css" />
<link rel="stylesheet" type="text/css" href="/css/datav3.q.right.table.css" />
<link rel="stylesheet" type="text/css" href="/css/datav3.q.topoin.css" />
<link rel="stylesheet" type="text/css" href="/css/font_281571_sdkcyu9fzo69wwmi.css"/>
<link rel="stylesheet" type="text/css" href="/css/datav3.q.jpages.css" />

<!-- <script src="/js/minified/jquery-2.1.0.min.js"/> -->
<!-- <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script> -->
<script src="/staticLogicAsInfo.js"></script>
<script src="/js/libs/jquery-3.2.1.min.js"></script>
<!-- <script src="/js/libs/jquery.transit.min.js"></script> -->
<script type="text/javascript" src='/js/datav3.config.js'></script>
</head> 
<body> 
  
<div class="main_container">
<!---导航区域 开始-->
<script src="/js/minified/jquery-2.1.0.min.js">	</script>	
<link rel="stylesheet" type="text/css" href="/css/iconfont2/iconfont.css"/>
	<script src="/js/cookie/cookie.js"></script>	
	<div class="top_nav">
		   <div class="l_logo"></div>
		   <div class="r_nav">
		   <div class="l_sanjiao"></div>
				<div class="title">THE FLYING TIGERS PLATFORM 
					<a class="exiter">退出</a>
					<a href="/changepwd.html" class="changepwd">修改密码</a>
				</div>
				<div class="list">
					<ul class="ul_list">
						<a class="nav_tab dw"  href="/b.html"><li>捕风者</li></a>
						<!-- <a class="nav_tab dw"  href="/b.html"><li>IP定位</li></a> -->
						<a class="nav_tab tp"  href="/q.html"><li>擎天神</li></a>
						<a class="nav_tab bt" href="/bt/index.html"><li>听风者</li></a>
						<!-- <a class="nav_tab ipWave" href="http://1.192.90.183:30000/" target="_blank"><li>网动仪</li></a> -->
					</ul>
					<!-- <span><b>网络飞虎</b>&nbsp;-&nbsp;网络信息空间指战平台</span> -->
					<!-- <span><b>网络飞虎</b></span> -->
					<a href="#" class="toggle toggle--off">OSM&nbsp;&nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;百度</a>
						<ul class="app_list">
							<a class="nav_tab batchLocate" href="/multi-search.html"">
								<li class="icon"><i class="iconfont icon-dingwei1"></i><i class="iconfont icon-jiantou jiantou"></i>
								</li>
							</a>
						<a class="nav_tab tc" href="/t-lg.html"><li class="icon"><i class="iconfont icon-leidatance"></i><i class="iconfont icon-jiantou jiantou"></i></li></a>
						<a class="nav_tab warRes" href="/r/index.html"><li class="icon"><i class="iconfont icon-ziyuan"></i><i class="iconfont icon-jiantou jiantou"></i></li></a>
						<!-- <li class="icon"><i class="iconfont icon-twitter"></i></li> -->
						<a class="nav_tab PortAndDomain" href="/port.html"><li class="icon"><i class="iconfont icon-configure-port"></i><i class="iconfont icon-jiantou jiantou"></i></li></a>
						<a class="nav_tab twitter" href="/twitter/index.html"><li class="icon"><i class="iconfont icon-twitter"></i><i class="iconfont icon-jiantou jiantou"></i></li></a>
						
						<!-- <a href="http://1.192.90.183:30000/" class="trigger-iframes"><li class="icon"><i class="iconfont icon-wave"></i><i class="iconfont icon-jiantou jiantou" href="http://192.168.1.77:3000/"></i></li></a> -->
						<li class="label nav_tab"><i class="iconfont icon-sanjiao"></i>飞虎应用</li>
						<li class="nav_tab twitter bt tw-bt" style="width:0;float:left;"><a href="/cj/bt.html"><img src="/images/tiger.png" width="50px" height="50px"/></a></li>
					</ul>
				</div>
		   </div>
	</div>
	<script type="text/javascript">
		    var _ajax=$.ajax;  
		    // 重写ajax方法,先判断登录在执行success函数   
		    $.ajax=function(opt){  
			    var dtd = $.Deferred(); //在函数内部,新建一个Deferred对象
		        var _success = opt && opt.success || function(a, b){};  
		        var _opt = $.extend(opt, {  
		            success:function(data, textStatus,jqXHR){
		  			if(null!=data){
						if(null!=data.checkDesc && data.checkDesc== 'fail') {   
								window.location.href= "/login.html";  
								return;  
		                }else if(null!=data.checkDesc && data.checkDesc== 'success' && null!=data.productFlag && data.productFlag== 'false'){
		                	return;
		                }else{
		                	_success(data, textStatus,jqXHR);   
		                }  
					}				
		            }    
		        });  
				dtd.done();
		       return  _ajax(_opt);  		    
		    }; 	
	</script>
	<script type="text/javascript">
		$(function(){
		//新增权限控制显示20181106
		 //    var _server_ = datav_config.server_url;
			// jQuery.ajax({
			// 	url: _server_ + 'visual/control/vs/v3/UserManager/getAuthList',
			// 	type: 'get',
			// 	dataTyep: 'json',
			// 	headers: {
			// 		'Content-type': 'application/json;charset=UTF-8'
			// 	},
			// 	success:function(data){
			// 		// console.log(data)
   //                 if(data && data.data.authList && data.data.authList.length>0){
   //                 	   var authList = data.data.authList;
   //                 	   // var page = window.location.href.split('/')[1];
   //                 	   // var page_obj = {
   //                 	   // 	   "dw": 'b.html',// 定位
   //                 	   // 	   "tp": 'q.html',//擎天神
   //                 	   // 	   "tc": 't-lg.html',//探测
   //                 	   // 	   "PortAndDomain": 'port.html',
   //                 	   // 	   "ipReverse": 't-lg.html',
   //                 	   // 	   "warRes": 'r/index.html',
   //                 	   // 	   "twitter": 'twitter/index.html',
   //                 	   // 	   "bt": 'bt/index.html',
   //                 	   // 	   // "ipWave": 't-lg.html'
   //                 	   // }

   //                     // var href_arry = [];
   //                     // $.each(authList,function(i,d){
   //                     // 	   href_arry.push(page_obj[d]);
                       	   
   //                     // })
                       
   //                     //twitter采集及bt处理
   //                     if(authList.includes('bt')){
   //                	   	   // href_arry.push('cj/bt.html')	;
   //                	   	   $(".left_list_bt").show();
   //                	   }
   //                	   if(authList.includes('twitter')){
   //                	   	   // href_arry.push('cj/tw.html')	;
   //                	   	   $(".left_list_tw").show();
   //                	   }
   //                	   if(!authList.includes('bt') && authList.includes('twitter')){
   //                        $(".top_nav .tw-bt").find("a").attr("href","/cj/tw.html")
   //                	   }

   //                 	   // if(!href_arry.includes(page) ){
   //                 	   // 	  window.location.href = '/'+page_obj[authList[0]];
   //                 	   // }

   //                     $.each(authList,function(i,d){
   //                         $(".top_nav "+"."+d).show();
   //                     })

   //                 }else if(data.code == 400){
	  //                  	// window.location.href= "login.html";  
	  //                  	// return;
   //                 }
			// 	},
			// 	error: function(){

			// 	}
			// })

			//twitter采集及bt处理
			var authList = CookieUtil.get("authList").split(','); 
			if(authList.includes('bt')){
			   $(".left_list_bt").show();
			}
			if(authList.includes('twitter')){
			   $(".left_list_tw").show();
			}
			if(!authList.includes('bt') && authList.includes('twitter')){
			   $(".top_nav .tw-bt").find("a").attr("href","/cj/tw.html")
			}

			$.each(authList,function(i,d){
				if(d){
					$(".top_nav "+"."+d).show();
				}
			})
		})
		
	</script>
	<script>
	var _url = window.location.href;
	if(_url.indexOf("b.html")>=0){ //捕风者
		jQuery(".ul_list").find("a:eq(0)").find("li").addClass("active")
	}
	if(_url.indexOf("q.html")>=0){//擎天神
		jQuery(".ul_list").find("a:eq(1)").find("li").addClass("active")
	}		
	if(_url.indexOf("bt/index.html")>=0){// 听风者
		jQuery(".ul_list").find("a:eq(2)").find("li").addClass("active")
	}	
	
	//  小应用
	if(_url.indexOf("multi-search.html")>=0){//port
		jQuery(".app_list").find("a:eq(0)").find("li").addClass("active")
	}	
	if(_url.indexOf("t-lg.html")>=0){//port
		jQuery(".app_list").find("a:eq(1)").find("li").addClass("active")
	}	
	if(_url.indexOf("/r/")>=0){//bt
		jQuery(".app_list").find("a:eq(2)").find("li").addClass("active")
	}		
	if(_url.indexOf("port.html")>=0){//port
		jQuery(".app_list").find("a:eq(3)").find("li").addClass("active")
	}		
	
	if(_url.indexOf("twitter/")>=0 || _url.indexOf("tw_md/")>=0){//twitter
		jQuery(".app_list").find("a:eq(4)").find("li").addClass("active")
	}		
	</script>

	<script type="text/javascript">//新增地图切换按钮模块相关

		var maptype_cookie = CookieUtil.get("maptype");
		var $nav_toggle = $(".top_nav .toggle");
		var maptype =["BD09","WGS84"];
		var coord=maptype[0];
		var domain = document.domain;
		var path = "/";

	    if(maptype_cookie == maptype[1]){
	    	coord=maptype[1];
	        $nav_toggle.removeClass("toggle--off")
	                   .addClass('toggle--on')
	    }else{
        coord=maptype[0];
        $nav_toggle.addClass("toggle--off")
	                   .removeClass('toggle--on')
	    }
        
		$('.toggle').click(function(e) {
		  e.preventDefault();
		  var domain = document.domain;
		  var path = "/";

		  if($nav_toggle.hasClass("toggle--on")){
		  	 CookieUtil.set("maptype",maptype[0], '', domain, path); 
		  }else{
		  	 CookieUtil.set("maptype",maptype[1], '', domain, path); 
		  }

		   window.location.reload();
		  		    		
		});

        if(_url.indexOf("b.html")>=0 || _url.indexOf("bt/index.html")>=0){
            $nav_toggle.show();
        }else{
        	$nav_toggle.hide();
        }

		//leaflet的百度地图插件加载
		
		// if(coord == maptype[1]){
        //          document.write('<script src="https://cdn.bootcss.com/leaflet/1.0.2/leaflet.js"><\/script>'
        //          	+'<script src="https://cdn.bootcss.com/proj4js/2.4.4/proj4.js"><\/script>'
        //          	+'<script src="https://cdn.bootcss.com/proj4leaflet/1.0.2/proj4leaflet.min.js"><\/script>'
        //          +'<script src="/js/libs/tileLayer.baidu.js"><\/script>')

		// }
        
		

	</script>


<style>
	.exiter {
		float: right;
	text-decoration: none;
	font-size: 14px;
	color: #6fc2f3;
	margin-right: 22px;
	font-weight: bold;
	cursor: pointer;
	}
</style>

<script>
	$('.exiter').unbind().click(function () {
		$.get("/visual/control/vsLogin/v3/authc/userExit",function(data){
			if (data.exitFlag == "success") {
				window.location.href="/login.html";
			} else {
				alert("退出失败");
			}
		});
	});
</script>

<!---导航区域 结束--> 
<!---主视图区域 开始-->	
<div class="mycontainer" id="mycontainer">
		<div class="myleft">
       <div class="right_pic_border"></div>
       <!-- 左选框 开始 -->
             <div class="right_pic_border"></div>
             <div class='leftinfo'>
               <div class="right">
                   <div class='poly'></div>
                 <input id = 'input-topo' placeholder = "AS/国家(地区)" onkeydown="keydownEvent(this);"  data-btn="search-topo-logic"/>
                 <i class="iconfont icon-upper-triangle-copy" id="search-topo-logic"></i>
               </div>
               <div class='left'>
                  <div class='left-wrap'>
                      <div class='first' data-sel='全球'><img src="/images/q/s_sel_global.png" alt=""></div>
                      <div data-sel='国家'><img src="/images/q/s_sel_country.png" alt=""></div>
                      <div data-sel='AS'><img src="/images/q/s_sel_as.png" alt=""></div>
                    <!--   <div class='first' data-sel='全球'></div>
                      <div data-sel='国家'></div>
                      <div data-sel='AS'></div> -->
                  </div>
                </div>
             </div> 
       <!-- 左选框 结束-->
       <div class="swith_log_phy">
         <div class="log active">
             <div class='active'></div>  
         </div>
         <div class="phy">
             <div></div>  
         </div>
       </div>
        
    </div>
		<div class="mymiddle" >
      <div id="WebGL-output" class='WebGL-output'></div>
    <!--   <iframe id="asoutiframe" src="/force/index.html" width="100%" height="100%" style="position:absolute;
      z-index:100"></iframe> -->
      <div id="map_topoin"></div>
      <div class ="info_router info_router1"></div>        
      <div class ="info_router info_router2"></div>       
      <div class ="info_router info_router3"></div>	
      <div class ="marker-msg"><i class="iconfont icon-close"></i><div class='content'></div></div> 	
			<div class="top_bg"></div>
			<div class="bottom_bg"></div>
			<div class="top_tip">OPERATION DISPLAY</div>
      <div class="chose_icon">       
        <div class="myicon" data-val="out"><i class="iconfont icon-quanqiu"></i><span class="tooltip">国外</span></div>
        <div class="myicon" data-val="in"><i class="iconfont icon-guonei"></i><span class="tooltip">国内</span></div>
        <div class="myicon" data-val="both"><i class="iconfont icon-quanxuan"></i><span class="tooltip">全部</span></div>
        <div class="myicon active" data-val="neither"><i class="iconfont icon-xiaochu"></i><span class="tooltip">清空</span></div>
      </div>  
      <div class='btn-bf'>
         <button class="backtodomainouter">返回域间</button>
         <button class="intodomain">进入域内</button>   
         <!-- <button class='btn-back'><i class='iconfont icon-back'></i></button>
         <button class='btn-fore'><i class='iconfont icon-fore'></i></button>  -->
             
      </div>
			<div class="tips">
         <ul class='notes'>
            <li>
               <span class="icon tri"></span>
               <span>CONTENT</span>
            </li>
            <li>
               <span class="icon rec"></span>
               <span>ENTERPRISE</span>
            </li>
            <li>
               <span class="icon circle"></span>
               <span>TRANSIT/ACCESS</span>
            </li>
            <li>
               <span class="icon rec-hole"></span>
               <span>INTRA&nbsp;AS</span>
            </li>
            <li>
               <span class="icon line"></span>
               <span>PROVIDER</span>
            </li>
            <li>
               <span class="icon line"></span>
               <span>PEER</span>
            </li>
            <li>
               <span class="icon line"></span>
               <span>CUSTOMER</span>
            </li>
            <li>
               <span class="icon line"></span>
               <span>SIBLING</span>
            </li>          
          
            <li>
               <span class="icon line"></span>
               <span>CUSTOMER & PROVIDER</span>
            </li>
         </ul>
      
          <div class="grad">
            <img src="/images/q/middle_tips_grad.png">
             <ul>
                <li>4809</li>
                <li>4328</li>
                <li>3847</li>
                <li>3366</li>
                <li>2885</li>
                <li>2404</li>
                <li>1923</li>
                <li>1442</li>
                <li>961</li>
                <li>480</li>
                <li>0</li>
             </ul>
          </div>
      </div>

      <ul class="logrouter_tips">
         <li>
            <span class="icon circle"></span>
            <span>核心路由器</span>
         </li>
         <li>
            <span class="icon circle"></span>
            <span>中间路由器</span>
         </li>
         <li>
            <span class="icon circle"></span>
            <span>边缘路由器</span>
         </li>
      </ul>

      <ul class="phyrouter_tips">
          <li>
            <span class="icon circle"></span>
            <span>核心路由器</span>
          </li>
          <li>
            <span class="icon circle"></span>
            <span>中间路由器</span>
          </li>
          <li>
            <span class="icon circle"></span>
            <span>边缘路由器</span>
          </li>
      </ul>
      <ul class="inter_r_tips">
          <li>
            <span class="icon circle"></span>
            <span>起始IP</span>
          </li>
          <li>
            <span class="icon circle"></span>
            <span>目的IP</span>
          </li>
      </ul>

      <div >
      </div>
		</div>
		<div class="myright"></div>
</div>
<!---主视图区域 结束-->

<!-- 右信息部分开始 -->
<!-- 右上信息区开始 -->
        <div class='right_info_container'>
           <div class="logic_info logic_info_global">          
                <div class = 'info_right'>
                    <div class='country'>
                      <div class='colum1'>
                        <span></span><span>全球</span>
                      </div>
                      <div class='colum2'>
                        AS数量:<span></span>
                      </div>
                    </div>               
                    <div class='infos'>
                        <div>
                          <span>CONTENT:<b></b></span> <span>IP数量:<b></b></span>
                        </div>
                        <div>
                          <span>ENTERPRISE:<b></b></span> <span>国家数量:<b></b></span>
                        </div>
                        <div>
                          <span>TRANSIT/ACCESS:<b></b></span> <span>AS边数:<b></b></span>
                        </div>
                    </div>                
                    <div class="grad grad_top"></div>
                    <div class='raw top5'>
                        <span>TOP5:</span> 
                        <img src=''/><span></span>
                        <img src=''/><span></span>
                        <img src=''/><span></span>
                        <img src=''/><span></span>
                        <img src=''/><span></span>
                    </div>
                    <div class="grad grad_btm"></div>

                    <div class='raw other' id="ASlink-cnt">
                      <div class='red' title="Provider-Customer">
                         <p>PC</p>
                         <span>Provider-Customer</span>
                      </div>
                      <div class='num rednum'></div>

                      <div class='green' title="Peer-Peer">
                          <p>PP</p>
                          <span>Peer-Peer</span>
                      </div>
                      <div class='num greenum'></div>

                      <div class='yellow' title="Sibling-Sibling">
                         <p>SS</p>
                         <span>Sibling-Sibling</span>
                      </div>
                      <div class='num yellownum'></div>

                    </div>

                </div>
                <div class='info_left'>
                    <div class='circular circular_global'></div>
                    <!-- <div class="triangle"></div> -->
                    <div class='mapicon'><img src='/images/pngmap/World.png'/></div>
                </div>  
                <div class='border_right'>
                    <svg>
                       <polyline points="0,1.5 18,1.5 18,160 -2,180 "/>
                    </svg>
                </div>    
            </div>

			<div class="logic_info logic_info_as"> 	     
			    <div class = 'info_right'>
			        <div class='country'>
			          <div class='colum1'>
			            <span>AS</span><span class='asNumber'></span>
			          </div>
			          <div class='colum2'>
			            <div>类型:<span></span></div>
			            <div>名称:<span></span></div>
			          </div>
			          <img class='colum3' src='/images/qi/US.png'/>
			        </div>
			        <div class='infos'>
				        <div>
	                   <span>IP数量:<b></b><span>&nbsp;|
	                   <span>连通的AS数量:<b></b><span>
	                </div>
	                <div>
	                    <span>排名:<b></b><span>&nbsp;|
	                	<span>连通的IP数量:<b></b><span>
	                </div>
			        </div>   			      
			        <div class="grad grad_top"></div>
			        <div class='raw dushu'>
			          <span>传输度数</span> 
			          <b></b> 
			          <span>节点度数</span> 
			          <b></b> 
                <span>路由器边</span> 
                <b></b>
			        </div>
			        <div class="grad grad_btm"></div>
			        <div class='raw other other-domaininter'>   			        
                <div class='red'>
                   <p>PROVIDER</p>
                   <span>提供商</span>
                </div>
                <div class='num rednum'></div>

                <div class='green'>
                    <p>&nbsp;&nbsp;&nbsp;PEER</p>
                    <span>对等点</span>
                </div>
                <div class='num greenum'></div>

                <div class='blue'>
                    <p>CUSTOMER</p>
                    <span>客户</span>
                </div>
                <div class='num bluenum'></div>

                <div class='yellow'>
                   <p>SIBLING</p>
                   <span>同机构</span>
                </div>
                <div class='num yellownum'></div>

			        </div>

              <div class='raw other other-domainin'>                 
                  <div class='yellow'>
                     <p>CORE</p>
                     <span>核心路由</span>
                  </div>
                  <div class='num yellownum'></div>

                  <div  class='red'>
                      <p>INTERMEDIATE</p>
                      <span>中间路由</span>
                  </div>
                  <div class='num rednum'></div>

                  <div class='blue'>
                      <p>AREA</p>
                      <span>边缘路由</span>
                  </div>
                  <div class='num bluenum'></div>
              </div>

			    </div>
                <div class='info_left'>
                    <div class='circular circular_as'></div>
                    <div class="triangle"></div>
                    <div class='mapicon'><img src='/images/logo.png'/></div>
                </div>  
                <div class='border_right'>
                    <svg>
                       <polyline points="0,1.5 18,1.5 18,160 -2,180 "/>
                    </svg>
                </div>    
			</div>

			<div class="logic_info logic_info_country">	    			  
			  <div class = 'info_right'>
			    <div class='raw country'>
			      <div class='colum1'>
			        <span>名称</span><span></span>
			      </div>
			      <div class='colum2'>
			        <div>AS数量:<span></span></div>
			        <div>IP数量:<span></span></div>
			      </div>
			      <img class='colum3' src='/images/qi/US.png'/>
			    </div>
		        <div class='infos'>
			        <div>
	                   <span>IP数排名:<b></b><span>&nbsp;|
	                   <span>国家(地区)代码:<b class='countryCode'></b><span>
	                </div>
	                <div>
                    <span>连接国家(地区)数量:<b></b><span>&nbsp;|
	                	<span class='asNum'>连接的AS数量:<b></b><span>
	                </div>
		        </div>
			    <div class="grad grad_top"></div>
			    <div class='raw top5'>
			      <span>TOP5:</span> 
			      <img src=''/><span></span>
			      <img src=''/><span></span>
			      <img src=''/><span></span>
			      <img src=''/><span></span>
			      <img src=''/><span></span>
			    </div>
			    <div class="grad grad_btm"></div>
			   <!--  <div class='raw asNum'>
			      连接的AS数量: <i></i>
			    </div> -->
          <div class='raw other'>
            <div class='red' title="Provider-Customer">
               <p>PC</p>
               <span>Provider-Customer</span>
            </div>
            <div class='num rednum'></div>

            <div class='green' title="Peer-Peer">
                <p>PP</p>
                <span>Peer-Peer</span>
            </div>
            <div class='num greenum'></div>

            <div class='yellow' title="Sibling-Sibling">
               <p>SS</p>
               <span>Sibling-Sibling</span>
            </div>
            <div class='num yellownum'></div>

          </div>
			  </div>
			    <div class='info_left'>
			      <div class='circular circular_country'></div>
                  <div class="triangle"></div>
			      <div class='mapicon'><img src='/images/logo.png'/></div>
			    </div>  

			    <div class='border_right'>
			     <svg>
			         <polyline points="0,1.5 18,1.5 18,160 -2,180 "/>
			     </svg>
			  </div> 
			</div>
        </div>

<!-- 右上信息区开始 -->
<!-- 右下信息区开始 -->
<div class="right-btm">
    <div class="title">
       <p>相连国家(地区)列表</p>
       <span class='rec'></span>
    </div>
            
  <form  target="" method="post"  class="search" id='export-form'>
  <!-- <input type="hidden" name="country" value="台湾"> -->
    <input type="text" class='search-input' onkeydown="keydownEvent(this);"  data-btn="logic-export-search" autocomplete="off" />
    <input type="hidden" class='search-input1' onkeydown="keydownEvent(this);"  data-btn="logic-export-search" autocomplete="off" />
    <input type="hidden" class='search-input2' onkeydown="keydownEvent(this);"   autocomplete="off" style="display: none " />
    <!-- <input type="hidden" class='search-input3' onkeydown="keydownEvent(this);"   autocomplete="off" style="display: none " /> -->
    <span  class='iconfont icon-sousuo-sousuo' id='logic-export-search'></span>
    <span  class='iconfont icon-qingchu'></span>
    <input  class="export" id='logic-export' value='' type='submit'/>
  </form>   

   <div class="content aslist aslistStyle" id='aslist'></div>
   <div class="content countrylist countrylistStyle" id='countrylist'></div>
   <div class="listContainer" id='listContainer'>
      <!--  <div class="content adjacentaslist aslistStyle"></div>   
       <div class="content adjacentcountrylist countrylistStyle"></div>
       <div class="content countryinaslist aslistStyle"></div>
       <div class="content countrysaslist aslistStyle"></div> -->
   </div>
   <div class = "loading-rblist"><div></div></div>
   <div class = "right-btm-error">无相关信息</div>
    <div class="holder">
        <a class="jp-previous jp-disabled">上一页</a>
        <!-- <a>1</a> -->
        <!-- <a>2</a> -->
        <!-- <a></a> -->
        <a class="jp-next">下一页</a>
    </div>
  
    <div class="content-other">
      <!--  <ul>
           <li>TD:<span>AS Transit Degree(传输度数)</span></li>
           <li>ASS:<span>AS Size(直连的AS数量)</span></li>
           <li>IPS:<span>IP Size(拥有的IP数量)</span></li>
           <li>CCAS:<span>Customer Cone AS Size(连通的AS数量)</span></li>
           <li>CCIP:<span>Custoner Cone IP Size(连通的IP数量)</span></li>
       </ul> -->
    </div>

    <div class="rb-btn rb-btn2" style="transform: rotate(45deg);"> 
      <div class="rb-btn-outer" >   
          <!-- <div class="circular"> 
            <svg viewBox="0 0 100 100" transform="rotate(-45)" fill='#000'> 
              <path d="M 0,49 a 49,49 0 1,1 0,1 z" id="circle1" />
              <text > 
                <textPath xlink:href="#circle1">
                 域内路由器列表
                </textPath> 
                <textPath xlink:href="#circle1" startOffset='50%'>
                域内路由器边列表
                </textPath> 
              </text> 
            </svg> 
           </div>          -->    
          <img class='rb-btn2-1' data-item='1' src='/images/q/rb_btn_yellow.png' title="域内路由器列表"/>
          <img class='rb-btn2-2' data-item='2' src='/images/q/rb_btn_green.png' title="域内路由器边列表"/>
      </div>
      <!-- <img class='rb-btn-center' src='/images/q/rb_btn_null.png' style="transform: rotate(-45deg);"/> -->
    </div>

    <div class="rb-btn rb-btn3"> 
      
      <div class="rb-btn-outer">  
         <!--  <div class="circular"> 
            <svg viewBox="0 0 100 100"> 
              <path d="M 0,50 a 50,50 0 1,1 0,1 z" id="circle" />
              <text> 
                <textPath xlink:href="#circle">
                  国家(地区)列表 
                  &nbsp;&nbsp;&nbsp;AS边列表
                </textPath> 
              </text> 
            </svg> 
           </div>            -->   
          <img class='rb-btn3-1 active' data-item='1' src='/images/q/rb_btn3_1.png' title="国家(地区)列表" />
          <img class='rb-btn3-2' data-item='2' src='/images/q/rb_btn3_2.png' title="AS列表 "/>
          <img class='rb-btn3-3' data-item='3' src='/images/q/rb_btn3_3.png' title="AS边列表"/>
      </div>
      <!-- <img class='rb-btn-center' src='/images/q/rb_btn_all.png'/> -->
      
    </div>

    <div class="rb-btn rb-btn4"> 
      <div class="rb-btn-outer">                
          <img class='rb-btn4-1 active' data-item='1' src='/images/q/rb_btn1.png'/>
          <img class='rb-btn4-2' data-item='2' src='/images/q/rb_btn2.png'/>
          <img class='rb-btn4-3' data-item='3' src='/images/q/rb_btn3.png'/>
          <img class='rb-btn4-4' data-item='4' src='/images/q/rb_btn4.png'/>
      </div>
      <img class='rb-btn-center' src='/images/q/rb_btn_all.png'/>
    </div>

    <div class="rb-btn rb-btn5"> 
      <div class="rb-btn-outer">                
          
      </div>
      <img class='rb-btn-center' src='/images/q/rb_btn_all.png'/>
    </div>
    
</div>  
<!-- 右下信息区结束-->
<!-- 右信息部分结束-->

</div>
<!-- <script src="js/libs/jPages/jPages.min.js"></script>  -->
<script type="text/javascript" src='/js/q/datav3.q.common.js'></script>
<script type="text/javascript" src='/js/common/tools.js'></script>
<script type="text/javascript" src='/js/common/loading.js'></script>
<script type="text/javascript" src='/js/q/svgHeader2.js'></script>
<script type="text/javascript" src='/js/q/datav3.q.utils.js'></script>
<script type="text/javascript" src='/js/q/datav3.q.left.js'></script>
<script type="text/javascript" src='/js/q/datav3.q.right.js'></script>
<script type="text/javascript" src='/js/q/datav3.q.data.js'></script>
<script type="text/javascript" src='/js/q/datav3.q.exportdata.js'></script>
<!-- 绘图相关开始-->
<script type="text/javascript" src='/js/libs/lodash.min.js'></script>
<script type="text/javascript" src='/js/libs/graph3d/three.min.js'></script>
<script type="text/javascript" src='/js/libs/graph3d/d3.v4.min.js'></script>
<script type="text/javascript" src='/js/libs/graph3d/d3-threeD.js'></script>
<script type="text/javascript" src='/js/libs/graph3d/TrackballControls.js'></script>
<script type="text/javascript" src='/js/q/datav3.q.initwebgl.js'></script>
<script type="text/javascript" src='/js/q/q_log_topoin/routers.js'></script>
<script type="text/javascript" src='/js/q/q_log_topoin/logicalRouterIn.js'></script>
<script type="text/javascript" src='/js/leaflet/leaflet.js'></script>
<link rel="stylesheet" type="text/css" href="/js/leaflet/leaflet.css" />
<link rel="stylesheet" href="/js/leaflet/dist/spider/MarkerCluster.css" />
<link rel="stylesheet" href="/js/leaflet/dist/spider/MarkerCluster.Default.css" /> 
<!-- <link rel="stylesheet" href="/js/leaflet/dist/leaflet.awesome-markers.css" type="text/css" />   -->
<!-- <script type="text/javascript" src="/js/leaflet/leaflet.awesome-markers.js"></script> -->
<script src="js/leaflet/dist/spider/leaflet.markercluster-src.js"></script> 
<script type="text/javascript" src='/js/libs/leaflet-echarts/echarts.source.js'></script>
<script type="text/javascript" src='/js/libs/leaflet-echarts/leaflet-echarts.js'></script>
<!-- <script type="text/javascript" src='/js/q/q_phy_topoin/leaflet-echarts3.js'></script> -->
<!-- <script type="text/javascript" src='/js/q/q_phy_topoin/main.min.js'></script> -->
<script src="/js/libs/jquery.transit.min.js"></script>
<script src="/js/libs/Leaflet.GLMarkers.js"></script>

<!-- 绘图相关结束-->
<script type="text/javascript" src='/js/q/q_phy_topoin/index.js'></script>
<script type="text/javascript" src='/js/q/datav3.q.lemap.js'></script>

<script type="text/javascript" data-main="/js/q/datav3.q.index.js" src='/js/libs/requirejs/require.js'></script>

</body> 
</html>