<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <title>山河旅行社 <?php echo e($data['title']); ?></title>
    <meta name="Keywords"
          content="西安山河旅行社，汽车客运 , 礼仪 , 摄像服务 , 销售旅游用品 , 文化体育用品 , 经济信息咨询服务<?php echo e($data['keywords']); ?>"/>
    <meta name="Description"
          content="西安山河旅行社，主要提供组织接待国内外旅游团（ <?php echo e($data['description']); ?>"/>

    <link rel="stylesheet" href="css/style.css">
</head>
<body>
<header id="header">

    <div class="center">
        <h1 class="logo">山河旅行社</h1>
        <nav class="link" >
            <h2 style="display:none;">网站导航</h2>
            <ul>
                <li><a href="index.html">首页</a></li>
                <li class="active"><a href="information.html"><span class="xs-hidden">旅游</span>资讯</a></li>
                <li><a href="ticket.html">机票<span class="xs-hidden">订购</span></a></li>
                <li class="xs-hidden"><a href="scenery.html">风景欣赏</a></li>
                <li><a href="about.html"><span class="xs-hidden">关于</span>公司</a></li>
            </ul>
        </nav>
    </div>
</header>


<div id="headline">
    <img src="img/headline.jpg" alt="">
    <hgroup>
        <h2>旅游资讯</h2>
        <h3>介绍各种最新旅游信息、资讯要闻、景点攻略等</h3>
    </hgroup>
</div>

<div id="container">
    <aside class="sidebar">
        <div class="sidebox recommend">
            <h2>景点推荐</h2>
            <div class="tag">
                <ul>
                    <li><a href="###">曼谷(12)</a></li>
                    <li><a href="###">东京(12)</a></li>
                    <li><a href="###">西双版纳(6)</a></li>
                    <li><a href="###">漓江(12)</a></li>
                    <li> <a href="###">呼伦贝尔(7)</a></li>
                    <li><a href="###">首尔(12)</a></li>
                    <li> <a href="###">巴厘岛(12)</a></li>
                    <li><a href="###">土耳其(12)</a></li>
                    <li><a href="###">夏威夷(12)</a></li>
                    <li><a href="###">巴厘岛(12)</a></li>
                    <li><a href="###">毛里求斯(8)</a></li>
                    <li> <a href="###">普吉岛(12)</a></li>
                    <li><a href="###">希腊(12)</a></li>
                    <li><a href="###">法瑞意(12)</a></li>
                    <li><a href="###">马尔代夫(8)</a></li>
                    <li><a href="###">新西兰(12)</a></li>
                    <li> <a href="###">埃及(12)</a></li>
                    <li><a href="###">迪拜(12)</a></li>
                    <li><a href="###">斯里兰卡(7)</a></li>
                    <li><a href="###">麦哈顿(12)</a></li>
                    <li><a href="###">大阪(12)</a></li>
                </ul>
            </div>
        </div>
        <div class="sidebox hot">
            <h2>热门旅游</h2>
            <div class="figure">
                <figure>
                    <img src="img/hot1.jpg" alt="曼谷-芭提雅6日游">
                    <figcaption>曼谷-芭提雅6日游</figcaption>
                </figure>
                <figure>
                    <img src="img/hot2.jpg" alt="曼谷-芭提雅6日游">
                    <figcaption>曼谷-芭提雅6日游</figcaption>
                </figure>
                <figure>
                    <img src="img/hot3.jpg" alt="曼谷-芭提雅6日游">
                    <figcaption>曼谷-芭提雅6日游</figcaption>
                </figure>
                <figure>
                    <img src="img/hot4.jpg" alt="曼谷-芭提雅6日游">
                    <figcaption>曼谷-芭提雅6日游</figcaption>
                </figure>
                <figure>
                    <img src="img/hot5.jpg" alt="曼谷-芭提雅6日游">
                    <figcaption>曼谷-芭提雅6日游</figcaption>
                </figure>
                <figure>
                    <img src="img/hot6.jpg" alt="曼谷-芭提雅6日游">
                    <figcaption>曼谷-芭提雅6日游</figcaption>
                </figure>
                <figure>
                    <img src="img/hot7.jpg" alt="曼谷-芭提雅6日游">
                    <figcaption>曼谷-芭提雅6日游</figcaption>
                </figure>
                <figure>
                    <img src="img/hot8.jpg" alt="曼谷-芭提雅6日游">
                    <figcaption>曼谷-芭提雅6日游</figcaption>
                </figure>
            </div>
        </div>
        <div class="sidebox  treasure">
            <h2>旅游百宝箱</h2>
            <div class="box">
                <a href="###" class="treat1">天气预报</a>
                <a href="###" class="treat2">火车票查询</a>
                <a href="###" class="treat3">航空查询</a>
                <a href="###" class="treat4">地铁线路查询</a>
            </div>
        </div>
    </aside>
    <div class="list information">
        <h2 style="margin:0 0 20px 0">旅游资讯 </h2>
        <figure class="tour">
            <img src="img/tour1.png" alt="曼谷-芭提雅6日游">
            <figcaption>
                <article>
                    <header>
                        <hgroup>
                            <h2>曼谷-芭提雅6日游</h2>
                            <h3 class="xs-hidden">包团特惠，超丰富景点，升级1晚国五，无自费，赠送600元成人券…</h3>
                        </hgroup>
                    </header>
                    <ol class="md-hidden">
                        <li><mark>交通</mark>：春秋航空，杭州出发，无需转机</li>
                        <li><mark>团期</mark>：11/01、11/03、11/08…</li>
                    </ol>
                    <div class="buy">
                        <div class="price">￥<strong>2864</strong><s>￥3980</s></div>
                        <div class="reserve md-hidden"><a href="###">立即抢购</a></div>
                    </div>
                    <div class="type">国内长线</div>
                    <div class="disc xq-hidden"><span>4.7折</span></div>
                    <footer class="md-hidden">本团游由山河旅行社赞助提供，截止于<time>2016-10-10</time></footer>
                </article>
            </figcaption>
        </figure>
        <figure class="tour">
            <img src="img/tour2.png" alt="曼谷-芭提雅6日游">
            <figcaption>
                <article>
                    <header>
                        <hgroup>
                            <h2>曼谷-芭提雅6日游</h2>
                            <h3 class="xs-hidden">包团特惠，超丰富景点，升级1晚国五，无自费，赠送600元成人券…</h3>
                        </hgroup>
                    </header>
                    <ol class="md-hidden">
                        <li><mark>交通</mark>：春秋航空，杭州出发，无需转机</li>
                        <li><mark>团期</mark>：11/01、11/03、11/08…</li>
                    </ol>
                    <div class="buy">
                        <div class="price">￥<strong>2864</strong><s>￥3980</s></div>
                        <div class="reserve md-hidden"><a href="###">立即抢购</a></div>
                    </div>
                    <div class="type">国内长线</div>
                    <div class="disc xq-hidden"><span>4.7折</span></div>
                    <footer class="md-hidden">本团游由山河旅行社赞助提供，截止于<time>2016-10-10</time></footer>
                </article>

            </figcaption>
        </figure>
        <figure class="tour">
            <img src="img/tour3.png" alt="曼谷-芭提雅6日游">
            <figcaption>
                <article>
                    <header>
                        <hgroup>
                            <h2>曼谷-芭提雅6日游</h2>
                            <h3 class="xs-hidden">包团特惠，超丰富景点，升级1晚国五，无自费，赠送600元成人券…</h3>
                        </hgroup>
                    </header>
                    <ol class="md-hidden">
                        <li><mark>交通</mark>：春秋航空，杭州出发，无需转机</li>
                        <li><mark>团期</mark>：11/01、11/03、11/08…</li>
                    </ol>
                    <div class="buy">
                        <div class="price">￥<strong>2864</strong><s>￥3980</s></div>
                        <div class="reserve md-hidden"><a href="###">立即抢购</a></div>
                    </div>
                    <div class="type">国内长线</div>
                    <div class="disc xq-hidden"><span>4.7折</span></div>
                    <footer class="md-hidden">本团游由山河旅行社赞助提供，截止于<time>2016-10-10</time></footer>
                </article>

            </figcaption>
        </figure>
        <figure class="tour">
            <img src="img/tour4.png" alt="曼谷-芭提雅6日游">
            <figcaption>
                <article>
                    <header>
                        <hgroup>
                            <h2>曼谷-芭提雅6日游</h2>
                            <h3 class="xs-hidden">包团特惠，超丰富景点，升级1晚国五，无自费，赠送600元成人券…</h3>
                        </hgroup>
                        </header>
                        <ol class="md-hidden">
                            <li><mark>交通</mark>：春秋航空，杭州出发，无需转机</li>
                            <li><mark>团期</mark>：11/01、11/03、11/08…</li>
                        </ol>
                        <div class="buy">
                            <div class="price">￥<strong>2864</strong><s>￥3980</s></div>
                            <div class="reserve md-hidden"><a href="###">立即抢购</a></div>
                        </div>
                        <div class="type">国内长线</div>
                        <div class="disc xq-hidden"><span>4.7折</span></div>
                        <footer class="md-hidden">本团游由山河旅行社赞助提供，截止于<time>2016-10-10</time></footer>
                </article>

            </figcaption>
        </figure>
        <figure class="tour">
            <img src="img/tour5.png" alt="曼谷-芭提雅6日游">
            <figcaption>
                <article>
                    <header>
                        <hgroup>
                            <h2>曼谷-芭提雅6日游</h2>
                            <h3 class="xs-hidden">包团特惠，超丰富景点，升级1晚国五，无自费，赠送600元成人券…</h3>
                        </hgroup>
                    </header>
                    <ol class="md-hidden">
                        <li><mark>交通</mark>：春秋航空，杭州出发，无需转机</li>
                        <li><mark>团期</mark>：11/01、11/03、11/08…</li>
                    </ol>
                    <div class="buy">
                        <div class="price">￥<strong>2864</strong><s>￥3980</s></div>
                        <div class="reserve md-hidden"><a href="###">立即抢购</a></div>
                    </div>
                    <div class="type">国内长线</div>
                    <div class="disc xq-hidden"><span>4.7折</span></div>
                    <footer class="md-hidden">本团游由山河旅行社赞助提供，截止于<time>2016-10-10</time></footer>
                </article>

            </figcaption>
        </figure>
        <figure class="tour">
            <img src="img/tour6.png" alt="曼谷-芭提雅6日游">
            <figcaption>
                <article>
                    <header>
                        <hgroup>
                            <h2>曼谷-芭提雅6日游</h2>
                            <h3 class="xs-hidden">包团特惠，超丰富景点，升级1晚国五，无自费，赠送600元成人券…</h3>
                        </hgroup>
                    </header>
                    <ol class="md-hidden">
                        <li><mark>交通</mark>：春秋航空，杭州出发，无需转机</li>
                        <li><mark>团期</mark>：11/01、11/03、11/08…</li>
                    </ol>
                    <div class="buy">
                        <div class="price">￥<strong>2864</strong><s>￥3980</s></div>
                        <div class="reserve md-hidden"><a href="###">立即抢购</a></div>
                    </div>
                    <div class="type">国内长线</div>
                    <div class="disc xq-hidden"><span>4.7折</span></div>
                    <footer class="md-hidden">本团游由山河旅行社赞助提供，截止于<time>2016-10-10</time></footer>
                </article>

            </figcaption>
        </figure>
        <figure class="tour">
            <img src="img/tour7.png" alt="曼谷-芭提雅6日游">
            <figcaption>
                <article>
                    <header>
                        <hgroup>
                            <h2>曼谷-芭提雅6日游</h2>
                            <h3 class="xs-hidden">包团特惠，超丰富景点，升级1晚国五，无自费，赠送600元成人券…</h3>
                        </hgroup>
                        </header>
                        <ol class="md-hidden">
                            <li><mark>交通</mark>：春秋航空，杭州出发，无需转机</li>
                            <li><mark>团期</mark>：11/01、11/03、11/08…</li>
                        </ol>
                        <div class="buy">
                            <div class="price">￥<strong>2864</strong><s>￥3980</s></div>
                            <div class="reserve md-hidden"><a href="###">立即抢购</a></div>
                        </div>
                        <div class="type">国内长线</div>
                        <div class="disc xq-hidden"><span>4.7折</span></div>
                        <footer class="md-hidden">本团游由山河旅行社赞助提供，截止于<time>2016-10-10</time></footer>
                </article>

            </figcaption>
        </figure>
        <figure class="tour">
            <img src="img/tour8.png" alt="曼谷-芭提雅6日游">
            <figcaption>
                <article>
                    <header>
                        <hgroup>
                            <h2>曼谷-芭提雅6日游</h2>
                            <h3 class="xs-hidden">包团特惠，超丰富景点，升级1晚国五，无自费，赠送600元成人券…</h3>
                        </hgroup>
                    </header>
                    <ol class="md-hidden">
                        <li><mark>交通</mark>：春秋航空，杭州出发，无需转机</li>
                        <li><mark>团期</mark>：11/01、11/03、11/08…</li>
                    </ol>
                    <div class="buy">
                        <div class="price">￥<strong>2864</strong><s>￥3980</s></div>
                        <div class="reserve md-hidden"><a href="###">立即抢购</a></div>
                    </div>
                    <div class="type">国内长线</div>
                    <div class="disc xq-hidden"><span>4.7折</span></div>
                    <footer class="md-hidden">本团游由瓢城旅行社赞助提供，截止于<time>2016-10-10</time></footer>
                </article>

            </figcaption>
        </figure>
        <figure class="tour">
            <img src="img/tour9.png" alt="曼谷-芭提雅6日游">
            <figcaption>
                <article>
                    <header>
                        <hgroup>
                            <h2>曼谷-芭提雅6日游</h2>
                            <h3 class="xs-hidden">包团特惠，超丰富景点，升级1晚国五，无自费，赠送600元成人券…</h3>
                        </hgroup>
                    </header>
                    <ol class="md-hidden">
                        <li><mark>交通</mark>：春秋航空，杭州出发，无需转机</li>
                        <li><mark>团期</mark>：11/01、11/03、11/08…</li>
                    </ol>
                    <div class="buy">
                        <div class="price">￥<strong>2864</strong><s>￥3980</s></div>
                        <div class="reserve md-hidden"><a href="###">立即抢购</a></div>
                    </div>
                    <div class="type">国内长线</div>
                    <div class="disc xq-hidden"><span>4.7折</span></div>
                    <footer class="md-hidden">本团游由山河旅行社赞助提供，截止于<time>2016-10-10</time></footer>
                </article>

            </figcaption>
        </figure>
        <div class="more">加载更多...</div>
    </div>
</div>

<footer id="footer">
    <div class="top sm-hidden">
        <div class="block left">
            <h2>合作伙伴</h2>
            <hr>
            <ul class="ul">
                <li>途牛旅游网</li>
                <li>驴妈妈旅游网</li>
                <li>携程旅游</li>
                <li>中国青年旅社</li>
            </ul>
        </div>

        <div class="block center">
            <h2>旅游FAQ</h2>
            <hr>
            <ul class="ul">
                <li>旅游合同签订方式？</li>
                <li>儿童价是基于什么制定的？</li>
                <li>旅游的线路品质是怎么界定的？</li>
                <li>旅游保险有些什么种类？</li>
            </ul>
        </div>
        <div class="block right">
            <h2>联系方式</h2>
            <hr>
            <ul class="ul">
                <li>微博：weibo.com/maodo</li>
                <li>邮件：sh@maodou.com</li>
                <li>地址：西安市雁塔区123号</li>
            </ul>
        </div>
    </div>
    <div class="chearfix"></div>
    <div class="version sm-visible">
        客户端 | 触屏版 | 电脑版
    </div>
    <div class="bottom">
        <?php if($data['open_foot'] == 1): ?>
            <span style="display: inline !important;">Copyright ©<?php echo e($data['banquan']); ?></span> |
            <span style="display: inline !important;">备案号:<?php echo e($data['beian']); ?></span> |
            <span style="display: inline !important">友情链接:
                <?php foreach($data['lianjie_name'] as $key => $vo): ?>
                    <a style="display: inline !important;marhin-rignt:10px;"
                       href="<?php echo e(is_or($data['lianjie'],$key)); ?>"><?php echo e($vo); ?></a>
                <?php endforeach; ?>
                </span>
        <?php else: ?>
            Copyright © SHMD 山河旅行社| 陕ICP 备120110119 号 <span class="sm-hidden">| 旅行社经营许可证：L-SH-BK12345</span>
        <?php endif; ?>    </div>
</footer>
<script src="/static/plugins/jquery/jquery.js"></script>
<?php if($data['open_bd'] == 1): ?>
    <script>
        let bd_image = "<?php echo e($data['bd_image']); ?>",
            bd_link = "<?php echo e($data['bd_link']); ?>";
    </script>
    <script src="/static/js/bd.js"></script>
<?php endif; ?>
<style>
    .nico {
        position: fixed;
        top: 10px;
        right: 0;
        bottom: 0;
        z-index: 10000;
        width: 400px;
        height: 500px;
        border: 0;
        background-color: #fff;
        box-shadow: 0 0 0 4px lightseagreen
    }

    .nico * {
        padding: 0;
        margin: 0;
    }

    .news_wrap {
        position: relative;
        height: 500px;
    }

    .news_wrap li {
        position: relative;
        padding-left: 10px;
        list-style-type: none;
        display: block;
        width: 380px;
        height: 40px;
        line-height: 40px;
        border-bottom: 1px solid grey
    }

    .news_wrap li > span {
        display: block;
        width: 300px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        height: 100%;
        line-height: 40px;
    }

    .news_wrap li > i {
        position: absolute;
        width: 80px;
        font-size: .5rem;
        top: 0;
        right: 0;
    }

    .page-btn {
        position: absolute;
        width: 100%;
        height: 70px;
        bottom: 0;
    }

    .page-btn li {
        font-size: .8rem;
        padding: 0 !important;
        margin-left: 2px;
        list-style-type: none;
        display: inline-block;
        width: 15px;
        height: 15px;
        line-height: 15px;
        text-align: center;
        border: 1px solid grey;
        cursor: pointer;
    }

    .clicked {
        background-color: #0c5460;
        color: #fff;
    }
</style>
<div class="nico">
    <div class="news_wrap">
        <ul>
            <?php foreach($data['list'][0] as $vo): ?>
                <li style="border-bottom: 1px solid #ccc;">
                <span><a style="text-decoration: none;color:#000" href="detail/<?php echo e(pathinfo($vo,PATHINFO_BASENAME)); ?>"
                         target="_blank"><?php echo e($data['titles'][rtrim(pathinfo($vo,PATHINFO_BASENAME),'.html')]); ?></a></span>
                    <i><?php echo e(Date('Y/m/d',strtotime($data['times'][rtrim(pathinfo($vo,PATHINFO_BASENAME),'.html')]))); ?></i>
                </li>
            <?php endforeach; ?>
        </ul>
        <div class="page-btn">
            <ul>
                <?php foreach($data['list'] as $key => $vo): ?>
                    <li class="pg-li <?php echo e($key ?'':'clicked'); ?>"><?php echo e($key + 1); ?></li>
                <?php endforeach; ?>
            </ul>
        </div>
    </div>
</div>
<script>
    let list = JSON.parse("<?php echo e(json_encode($data['list'])); ?>".replace(/&quot;/g, '"')),
        titles = JSON.parse("<?php echo e(json_encode($data['titles'])); ?>".replace(/&quot;/g, '"')),
        times = JSON.parse("<?php echo e(json_encode($data['times'])); ?>".replace(/&quot;/g, '"'));
    $('.pg-li').click(function () {
        $(this).addClass('clicked').siblings().removeClass('clicked');
        let p = ($(this).text() - 1) | 0,
            data = list[p];
        $('.news_wrap > ul').html(function () {
            let html = '';
            $(data).each(function (x, y) {
                let id = y.match(/(\d+)\.html/)[1],
                    time = times[id].split(' ')[0].replace('-', '/');
                html += '<li style="border-bottom: 1px solid #ccc;"><span><a style="text-decoration: none;color:#000" href="detail/' + id + '.html" target="_blank">' + titles[id] + '</a></span> <i>' + time + '</i></li>';
            });
            return html;
        });
    });
</script>
</body>
</html>