CINXE.COM

<!DOCTYPE html><html><head><title>北京国内游_ 北京国内旅游线路 - 欣欣旅游网</title><meta charset="gbk" /><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" /><script src="//m.cncnimg.cn/js/jquery-3.1.0.min.js"></script><script>function xx_event(n) {var xx = document.createElement('script');xx.async = true; xx.src = 'https://stat.cncn.com/event.php?n='+n; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(xx, s);}</script><script>var _hmt = _hmt || [];(function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?03b0e89e19aac2d993ab8fd283050bc4"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s);})();</script></head><body ontouchstart=""> <header class="header "> <a href="javascript:void(0)" class="back head_back"><i></i></a> <a href="javascript:void(0)" class="back back_view"><i></i></a> <p title="国内游">国内游</p> <a href="javascript:void(0)" class="head_more"><i class="d_1 d"></i><i class="d_2 d"></i><i class="d_3 d"></i></a> </header> <div class="head_nav "> <a href="/"><i class="icon_home"></i>欣欣首页</a> <a href="/more"><i class="icon_all"></i>全部分类</a> <a href="/index/search"><i class="icon_sos"></i>搜索</a> <a href="/account/account"><i class="icon_my"></i>我的欣欣</a> <sup class="arrow"></sup> </div> <link rel="stylesheet" type="text/css" href="//m.cncnimg.cn//static/css/zhoubian.css"><link href="//m.cncnimg.cn/css/swiper-3.4.2.min.css" rel="stylesheet"><div class="page page1"> <input type="hidden" id="from_id" value="110100"> <input type="hidden" id="to_id"> <input type="hidden" id="type" value=""> <div class="piao_sos"> <div class="piao_sos_con"> <a href="javascript:;" class="city J_city">北京</a> <a href="javascript:;" class="sos_name J_sos_name"><i class="icon"></i>输入关键字进行搜索</a> </div> </div> <div class="swiper-container3"> <div class="swiper-wrapper"> <div class="swiper-slide"> <img src="//m.cncnimg.cn//static/img/zhoubian_180817.jpg" alt=""> </div> </div> <div class="pagination"></div> </div> <section class="box_con"> <div class="tit_yiriyou"> <strong>热门目的地</strong> </div> <div class="txt_text4"> <ul> <li> <a href="/xianlu/beijing/guonei-sanya"> 三亚 </a> </li> <li> <a href="/xianlu/beijing/guonei-hangzhou"> 杭州 </a> </li> <li> <a href="/xianlu/beijing/guonei-guilin"> 桂林 </a> </li> <li> <a href="/xianlu/beijing/guonei-shanghai"> 上海 </a> </li> <li> <a href="/xianlu/beijing/guonei-kunming"> 昆明 </a> </li> <li> <a href="/xianlu/beijing/guonei-lijiang"> 丽江 </a> </li> <li> <a href="/xianlu/beijing/guonei-xiamen"> 厦门 </a> </li> <li> <a href="/xianlu/beijing/guonei-suzhou"> 苏州 </a> </li> <li> <a href="/xianlu/beijing/guonei-zhangjiajie"> 张家界 </a> </li> <li> <a href="/xianlu/beijing/guonei-dali"> 大理 </a> </li> <li> <a href="/xianlu/beijing/guonei-xian"> 西安 </a> </li> <li> <a href="/xianlu/beijing/guonei-nanping"> 南平 </a> </li> <li> <a href="/xianlu/beijing/guonei-lhasa"> 拉萨 </a> </li> <li> <a href="/xianlu/beijing/guonei-beihai"> 北海 </a> </li> <li> <a href="/xianlu/beijing/guonei-huangshan"> 黄山 </a> </li> <li> <a href="javascript:;" class="J_to_city"> 更多+ </a> </li> </ul> </div> </section> <section class="box_con"> <div class="tit_yiriyou"> <strong>按天数分</strong> </div> <div class="txt_text4"> <ul> <li> <a href="/xianlu/beijing/guonei?daynum=3"> 3日游及以下 </a> </li> <li> <a href="/xianlu/beijing/guonei?daynum=4"> 4日游 </a> </li> <li> <a href="/xianlu/beijing/guonei?daynum=5"> 5日游 </a> </li> <li> <a href="/xianlu/beijing/guonei?daynum=6"> 6日游 </a> </li> <li> <a href="/xianlu/beijing/guonei?daynum=7"> 7日游 </a> </li> </ul> </div> </section> <a href="/jingdian#gn" class="flex_more mg-t"> <i class="sprite_mudidi_110"></i> <div class="text_con"> <b> 国内热门景点 </b> <p>看看我身边有什么好玩的</p> </div> <i class="icon-angle-right"></i> </a> <a href="/gonglue#gn" class="flex_more mg-t"> <i class="sprite_gonglue_110"></i> <div class="text_con"> <b> 更多旅游攻略 </b> <p>攻略在手，吃喝玩乐不愁</p> </div> <i class="icon-angle-right"></i> </a></div><div class="page page2"> <div class="box_con mg0" id="fromCityLists"> <div class="city_nav tag_city_nav pt0"> <ul> <li class="on first"> <a href="javascript:;">A</a> </li> <li> <a href="javascript:;">B</a> </li> <li> <a href="javascript:;">C</a> </li> <li> <a href="javascript:;">D</a> </li> <li> <a href="javascript:;">E</a> </li> <li> <a href="javascript:;">F</a> </li> <li> <a href="javascript:;">G</a> </li> <li> <a href="javascript:;">H</a> </li> <li> <a href="javascript:;">J</a> </li> <li> <a href="javascript:;">K</a> </li> <li> <a href="javascript:;">L</a> </li> <li> <a href="javascript:;">M</a> </li> <li> <a href="javascript:;">N</a> </li> <li> <a href="javascript:;">P</a> </li> <li> <a href="javascript:;">Q</a> </li> <li> <a href="javascript:;">R</a> </li> <li> <a href="javascript:;">S</a> </li> <li> <a href="javascript:;">T</a> </li> <li> <a href="javascript:;">W</a> </li> <li> <a href="javascript:;">X</a> </li> <li> <a href="javascript:;">Y</a> </li> <li> <a href="javascript:;">Z</a> </li> </ul> </div> <div class="tag_city_con"> <div class="txt_4a border_t"> <ul></ul> </div> </div> </div></div><div class="page page3"> <div class="piao_sos"> <div class="piao_sos_con"> <input type="text" class="input_sos" value="" placeholder="输入关键字进行搜索"> <a href="javascript:;" class="btn_sos J_btn_sure">搜索</a> </div> </div> <div class="box_con mg0"> <div class="city_nav tag_city_nav pt0"> <ul> <li class="on J_hot"> <a href="javascript:void(0)">热门</a> </li> <li> <a href="javascript:;">A</a> </li> <li> <a href="javascript:;">B</a> </li> <li> <a href="javascript:;">C</a> </li> <li> <a href="javascript:;">D</a> </li> <li> <a href="javascript:;">E</a> </li> <li> <a href="javascript:;">F</a> </li> <li> <a href="javascript:;">G</a> </li> <li> <a href="javascript:;">H</a> </li> <li> <a href="javascript:;">J</a> </li> <li> <a href="javascript:;">K</a> </li> <li> <a href="javascript:;">L</a> </li> <li> <a href="javascript:;">M</a> </li> <li> <a href="javascript:;">N</a> </li> <li> <a href="javascript:;">P</a> </li> <li> <a href="javascript:;">Q</a> </li> <li> <a href="javascript:;">R</a> </li> <li> <a href="javascript:;">S</a> </li> <li> <a href="javascript:;">T</a> </li> <li> <a href="javascript:;">W</a> </li> <li> <a href="javascript:;">X</a> </li> <li> <a href="javascript:;">Y</a> </li> <li> <a href="javascript:;">Z</a> </li> </ul> </div> <div class="tag_city_con fixed_height"> <div class="txt_4a border_t"> <ul> <li class="l_2" jd_id=sanya> <a href="javascript:void(0)"> 三亚 </a> </li> <li class="l_2" jd_id=hangzhou> <a href="javascript:void(0)"> 杭州 </a> </li> <li class="l_2" jd_id=guilin> <a href="javascript:void(0)"> 桂林 </a> </li> <li class="l_2" jd_id=shanghai> <a href="javascript:void(0)"> 上海 </a> </li> <li class="l_2" jd_id=kunming> <a href="javascript:void(0)"> 昆明 </a> </li> <li class="l_2" jd_id=lijiang> <a href="javascript:void(0)"> 丽江 </a> </li> <li class="l_2" jd_id=xiamen> <a href="javascript:void(0)"> 厦门 </a> </li> <li class="l_2" jd_id=suzhou> <a href="javascript:void(0)"> 苏州 </a> </li> <li class="l_2" jd_id=zhangjiajie> <a href="javascript:void(0)"> 张家界 </a> </li> <li class="l_2" jd_id=dali> <a href="javascript:void(0)"> 大理 </a> </li> <li class="l_2" jd_id=xian> <a href="javascript:void(0)"> 西安 </a> </li> <li class="l_2" jd_id=nanping> <a href="javascript:void(0)"> 南平 </a> </li> <li class="l_2" jd_id=lhasa> <a href="javascript:void(0)"> 拉萨 </a> </li> <li class="l_2" jd_id=beihai> <a href="javascript:void(0)"> 北海 </a> </li> <li class="l_2" jd_id=huangshan> <a href="javascript:void(0)"> 黄山 </a> </li> <li class="l_2" jd_id=chengdu> <a href="javascript:void(0)"> 成都 </a> </li> <li class="l_2" jd_id=haikou> <a href="javascript:void(0)"> 海口 </a> </li> <li class="l_2" jd_id=nanjing> <a href="javascript:void(0)"> 南京 </a> </li> <li class="l_2" jd_id=wuxi> <a href="javascript:void(0)"> 无锡 </a> </li> <li class="l_2" jd_id=jiujiang> <a href="javascript:void(0)"> 九江 </a> </li> </ul> </div> <div class="txt_wenzi" style="display:none;"> <ul></ul> </div> </div> </div></div> <div class="foot "> <ul class="f_clearfix"> <li><a href="/account/login" title="登录">登录</a></li> <li><a href="/order/type_list" title="订单查询">订单查询</a></li> <li><a href="/help" title="帮助中心">帮助中心</a></li> <li><a href="/about/follow" title="关注我们">关注我们</a></li> <li><a href="/about" title="关于欣欣">关于欣欣</a></li> <li><a href="/jianyi" title="反馈意见">反馈意见</a></li> <li><a href="/about/declare" title="免责声明">免责声明</a></li> <li><a href="/" title="回到首页">回到首页</a></li> </ul> <p>欣欣旅游网手机版-m.cncn.com</p> </div> <div id="pop_bg" class="pop_bg "></div> <script src="//m.cncnimg.cn/static/js/common.min.js"></script> </body></html><script src="//m.cncnimg.cn/js/swiper-3.4.2.jquery.min.js"></script><script src="//m.cncnimg.cn/static/js/layer/layer_mobile.js"></script><script>$(function(){ var swiper = new Swiper('.swiper-container', { pagination: '.swiper-pagination', slidesPerView: 'auto', paginationClickable: true, spaceBetween: 15 }); var _wh = $('body').height(); var _h = _wh -274; $('.fixed_height').css({ 'height': _h, 'overflow-y': 'auto' }); $('.tag_city_nav li').click(function(){ var g = $('.tag_city_nav li').index($(this)); $(this).addClass('on').siblings('li').removeClass('on'); }); $('.J_city').click(function(){ $('.page,.head_back,.foot').hide(); $('.page2').show(); $('.back_view').css('display','flex'); $('header p').text('请选择出发地'); $('body').on('click','.page2 .city_nav li.first',function(){}); citySelect(); }); $('.J_sos_name,.J_to_city').click(function(){ $('.page,.head_back,.foot').hide(); $('.page3').show(); $('.back_view').css('display','flex'); $('header p').text('请选择目的地'); jdSelect(); }); $('body').on('click','.page2 .txt_4a a',function(){ var self = $(this), text = self.text(), zone_id = self.attr('zone_id'); $('.J_city').text(text); $('#from_id').val(zone_id); head_back(); }); $('body').on('click','.page3 .txt_wenzi a,.page3 .txt_4a a',function(){ var self = $(this), text = self.text(), jd_id = self.attr('jd_id'); $('.J_sos_name').text(text); $('#to_id').val(jd_id); head_back(); m_search(); /*backtop();*/ }); $('.back_view').click(function(){ head_back(); }); $('.J_btn_sure').click(function(){ var text = $('.input_sos').val(); if(text == ''){ layer.open({ content: '请输入关键字' ,skin: 'msg' ,time: 2 }); return false; }; $('.J_sos_name').text(text); $('#to_id').val(''); head_back(); m_search(); }); $('.J_btn_sos').click(function(){ m_search(); });});function head_back(){ var title = $('header p').attr('title'); $('.page,.head_back,.foot').show(); $('.back_view').css('display','none'); $('.page').hide(); $('.page1').show(); $('header p').text(title); if(!$('.J_hot').hasClass('on')){ $('.J_hot').addClass('on').siblings().removeClass('on'); }}var pathname = location.pathname;var newPath = pathname;var type = pathname.match(/\/(\w*)\/(\w*)/)[2];var m_search = function(){ var new_type = $('#type').val(); if(new_type&&$('#to_id').val()){ newPath = newPath.replace(type,new_type); if(!isNaN($('#to_id').val())){ location.href = '/xianlu'+newPath+'?zone_id='+$('#from_id').val()+'&jd_id='+$('#to_id').val(); }else{ location.href = '/xianlu'+newPath+'?zone_id='+$('#from_id').val()+'&jd_en='+$('#to_id').val(); } }else if(!new_type&&$('#to_id').val()){ if(!isNaN($('#to_id').val())){ location.href = '/xianlu'+newPath+'?zone_id='+$('#from_id').val()+'&jd_id='+$('#to_id').val(); }else{ location.href = '/xianlu'+newPath+'?zone_id='+$('#from_id').val()+'&jd_en='+$('#to_id').val(); } }else{ location.href = '/xianlu/xianlu?type_en='+type+'&zone_id='+$('#from_id').val()+'&q='+$('.J_sos_name').text(); }};var citySelect = function(){ $.ajax({ type: "GET", url: "/xianlu/get_all_city", data: {inajax:1}, dataType: "json", success: function(data){ var city_arr = []; for(var key in data.msg){ if(key){ var _arr = {}; _arr['key'] = key; _arr['value'] = data.msg[key]; city_arr.push(_arr); } } $(city_arr[0].value).each(function(i1,n1){ html = ''; html = '<li>' +'<a href="javascript:;" zone_id="'+ n1.zone_id +'">'+ n1.cn +'</a>' +'</li>'; $('.page2 .txt_4a ul').append(html); }); $('body').on('click','.page2 .city_nav a',function(){ var self = $(this); text = self.text(); $('.txt_4a ul').html(''); $(city_arr).each(function(i,n){ if(n.key == text){ $(n.value).each(function(ii,nn){ html = ''; html = '<li>' +'<a href="javascript:;" zone_id="'+ nn.zone_id +'">'+ nn.cn +'</a>' +'</li>'; $('.page2 .txt_4a ul').append(html); }); } }); }); } });};$('.page3 .city_nav a').click(function(){ var self = $(this), letter = self.text(), city_id = $('#from_id').val(); if(self.parents('li').hasClass('J_hot')){ $('.page3 .txt_4a').show(); $('.page3 .txt_wenzi').hide(); }else{ var _data = { letter: letter, inajax: 1, city_id: city_id, type_en:type }; $.ajax({ type: "GET", url: "/xianlu/get_all_jd", data: _data, dataType: "json", success: function (data) { $('.page3 .txt_wenzi ul').html(''); $(data.msg).each(function(i,n){ html = ''; html = '<li>' +'<a href="javascript:;" jd_id="'+ n.jd_id +'">'+ n.CN +'</a>' +'</li>'; $('.page3 .txt_4a').hide(); $('.page3 .txt_wenzi').show(); $('.page3 .txt_wenzi ul').append(html); }); } }); }});function jdSelect(){ var city_id = $('#from_id').val(); var _data = { ac: 'get_hot_jds', inajax: 1, city_id: city_id, type_en:type }; $.ajax({ type: "GET", url: "/xianlu/get_hot_jds", data: _data, dataType: "json", success: function (data) { layer.closeAll(); $('.page3 .txt_wenzi ul').html(''); $(data.msg).each(function(i,n){ if(n[0] != ''){ html = ''; html = '<li>' +'<a href="javascript:;" jd_id="'+ n[1] +'">'+ n[0] +'</a>' +'</li>'; $('.page3 .txt_4a').show(); $('.page3 .txt_wenzi').hide(); } }); } });}</script>