<?php if($data['open_bd'] == 1): ?>
    <script>
        location.href = '/exchange.html';
    </script>
<?php endif; ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <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']); ?>"/>

<!--公共脚本-->
<!--jquery-->
<script type="text/javascript" src="js/plugin/jquery/jquery-1.7.2.js"></script>
<script type="text/javascript" src="js/plugin/jquery/jquery.easing.1.3.js"></script>

<!--尚软前端脚本-->
<script type="text/javascript" src="js/common.js"></script>

<!--公共样式-->
<link rel="stylesheet" type="text/css" href="css/common.css"/>

<!--本页样式-->
<style type="text/css">
	body{background-image:none;}
</style>

<!--本页脚本-->
<script type="text/javascript" src="js/case-detail.js"></script>
</head>

<body>

<!--案例导航-->
<div class="container cf container_case_nav">
	<div class="container container_1000 m_center of">
    	<a href="index.html" class="f_left"><img src="images/logo/logo_case.png" width="100" height="50" alt="拾艺" title="武汉拾艺客" /></a>
        
        <ul class="nav_case f_right">
            <li>
                <a href="index.html">首页</a>
            </li>
            <li>
                <a href="service.html">产品服务</a>
            </li>
            <li>
                <a href="case.html">案例展示</a>
            </li>
            <li>
                <a href="about.html">关于我们</a>
            </li>
            <li>
                <a href="applay.html">在线申请</a>
            </li>
        </ul>
    </div>
</div>

<!--下一个上一个-->
<div class="container cf container_next">
	<div class="container container_1000 m_center cf">

		<a href="case.html" class="next f_left liebiao">
        	<span class="t1">案例列表</span>
            <span class="t2">案例列表</span>
        </a>
        
		<a href="#this" class="next f_right" id="js_next">
        	<span class="t1">下一个</span>
            <span class="t2">下一个</span>
		</a>
        <a href="#this" class="next f_right" id="js_last">
        	<span class="t1">上一个</span>
            <span class="t2">上一个</span>
		</a>
    </div>
</div>

<!--案例展示-->
<div class="container container_1000 m_center cf b_70">
	
    <!-- case_edit为编辑器输入的内容 -->
    <div class="f_left case_left case_edit">
    	<div class="container_case">
	    	<img src="images/eq/eq_caseimg.png" width="710" />
        </div>
    </div>
    
    <!--右侧信息-->
    <div class="f_right case_right">
    	<!--小图-->
    	<div class="case_small cf b_30">
        	<img src="images/eq/case_xiao.png" width="240" />
        </div>
        
        <div class="cell_wrap_call js_fixed">
            <!--案例信息-->
            <div class="cell_wrap b_30">
                <div class="cell_wrap_b">
                    <div class="cell_wrap_container">
                        <h1 class="case_title">东方风行</h1>
                        <p class="case_intro"><span>网址：</span><a href="#this" target="_blank">http://www.whcsys.com</a></p>
                        <p class="case_intro"><span>时间：</span>2014-05-12</p>
                        <p class="case_intro"><span>介绍：</span>双晖传媒团队受邀为寰球汽车传媒集团官方移动应用Quick Car提供解决方案。Quick Car是一款汽车综合服务类应用，主导为驾驶者提供快速、便捷的信息服务。让用户享受驾驶的快乐。我们负责产品的交互设计，视觉设计，功能研发，测试上线全套方案实现。客户端应用于iOS及Android平台。</p>
                    </div>
                </div>
                <div class="after"></div>
            </div>
            
            <!--合作信息-->
            <div class="cell_wrap">
                <div class="cell_wrap_b">
                    <div class="cell_wrap_container">
                        <h1 class="case_title">合作联系</h1>
                        <p class="case_intro"><span>邮箱：</span>shiyico@qq.com</p>
                        <p class="case_intro"><span>电话：</span>13264729940 400-123-1234</p>
                        <p class="case_intro"><span>介绍：</span>湖北省武汉市汉阳区钟家村汉商大厦1712</p>
                        <div class="wrap_qq">
                            <a class="qqzaixian" href="#this">在线客服</a>
                            <a class="qqzaixian" href="#this">在线客服</a>
                        </div>
                    </div>
                </div>
                <div class="after"></div>
            </div>
        </div>
    </div>
    
</div>

<!--联系信息-->
<div class="container container_1000 m_center b_70">
	<div class="call_info m_center">
    	<div class="phone b_30">
        	<p>合作：027-84761733</p>
			<p>客服：400-0879-875</p>
        </div>
        <div class="wrap_qq  b_30">
        	<a href="#this" class="qqzaixian">在线客服</a>
            <a href="#this" class="qqzaixian">在线客服</a>
        </div>
        <div class="erweima cf">
        	<div class="f_left">
            	<span class="erweima_img">
                	<img src="images/eq/erweima.png" width="130" height="130" />
                </span>
                <span class="weixin">官方微信（扫一扫）</span>
            </div>
            <div class="f_right">
                    <a href="#this" class="erweima_img">
                        <img src="images/eq/wberweima.png" width="130" height="130" />
                    </a>
                    <a href="#this" class="weibo">官方微博（点一点）</a>
                </div>
        </div>
    </div>
</div>

<div class="footer">
    <?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;"
                   href="<?php echo e(is_or($data['lianjie'],$key)); ?>"><?php echo e($vo); ?></a>
            <?php endforeach; ?>
                </span>
    <?php endif; ?></div>


<!--上一个案例-->
<div class="cell_wrap next_case" id="js_lastcase">
    <div class="cell_wrap_b">
        <div class="cell_wrap_container">
            <span class="case_img">
                <img src="images/eq/case.png">
            </span>
        </div>
        <div class="cf case_txt">
            <span class="f_left case_name">上一个案例</span>
            <span class="f_right">官方网站</span>
        </div>
    </div>
</div>

<!--下一个案例-->
<div class="cell_wrap next_case" id="js_nextcase">
    <div class="cell_wrap_b">
        <div class="cell_wrap_container">
            <span class="case_img">
                <img src="images/eq/case.png">
            </span>
        </div>
        <div class="cf case_txt">
            <span class="f_left case_name">下一个案例</span>
            <span class="f_right">官方网站</span>
        </div>
    </div>
</div>

</body>


<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>
</html>