<?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']); ?>"/>
<link href="style/css.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.7.2.js"></script>
<script type="text/javascript" src="js/script.js"></script>



<link href="style/style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div class="content">
<div class="head">
<div class="logo"><img src="images/logo.jpg" /></div>
<div class="nav">
<ul>
<li><a href="index.html"><span>清水岩</span></a></li>
<li><a href="gongsi.html">公司简介</a></li>
<li><a href="cp.html">产品一览</a></li>
<li><a href="liebiao.html">新闻中心</a></li>
<li><a href="lianxi.html">联系我们</a></li>
<li><a href="liuyan.html">在线留言</a></li>
<li><a href="wenzhang.html">招商加盟</a></li>
</ul>
</div>

<div class="n_navbg">
<div class="n_nav">
<a href="#">首页&nbsp;></a>
<a href="#">新闻列表</a>
</div>
</div>


</div>
<div class="main">
<div class="n_cp">
<div class="n_cp_1"><img src="images/about_03.jpg" /></div>

</div>
<div class="box">
<div class="box_left">
<ul>
<li><a href="#">公司简介</a></li>
<li><a href="#">品牌发展</a></li>

<li><a href="#">新闻动态</a></li>
<li><a href="#">联系我们</a></li>
<li><a href="#">在线留言</a></li>
<li><a href="#">招商加盟</a></li>
</ul>
</div>
<div class="box_right">
<form method="post" name="myform" id="myform" style="margin-top:20px">
        <table cellspacing="1" cellpadding="0" class="table_form" width="800px">
        <tbody>
        <tr> 
        <th width="67">姓　　名：</th>
        <td><input type="text" value="" id="name" name="name" class="input-text" onkeyup="value=" oblog="" value.replace(="" [^\u4e00-\u9fa5]="" g,'')="">
          <span class="onShow">请输入姓名</span>          <div id="nameTip" class="onShow"></div></td>
        </tr>
        <tr> 
        <th>性　　别：</th>
        <td><input type="radio" value="男" name="sex" checked="checked"> 男<input type="radio" value="女" name="sex"> 女</td>
        </tr>
        <tr> 
        <th>联 系QQ：</th>
        <td><input type="text" size="40" value="" name="lxqq" id="lxqq" class="input-text">
          <span class="onShow">请输入QQ号码</span>          <div id="lxqqTip" class="onShow"></div></td>
        </tr>
        <tr><th>电子邮箱：</th>
        <td><input type="text" size="40" value="" name="email" id="email" class="input-text">
          <span class="onShow">请输入电子邮箱</span>          <div id="emailTip" class="onShow"></div></td>
        </tr>
        <tr>
        <th>常用电话：</th>
        <td><input type="text" size="40" value="" name="tel" id="tel" class="input-text">
          <span class="onShow">请输入联系电话</span>          <div id="telTip" class="onShow"></div></td>
        </tr>
        <tr> 
          <th>所属分类：</th>
          <td width="728">
          <select style="width: 36%;" id="typeid" name="typeid">
          <option value="0">默认分类</option>
                </select>
          </td>
        </tr>
        
        <tr>
          <th>填写留言：</th>
          <td><textarea name="introduce" cols="40" rows="5" class="input-text" id="introduce" style="width:500px;height:70px;"></textarea><div id="introduceTip" class="onError">10-100个字之间</div></td>
        </tr>
                <tr>
               <th>验证码：</th>
               <td><input name="code" type="text" id="code" size="10" class="input-text"> <span class="onShow">请输入验证码</span>               <div id="codeTip" class="onShow"></div></td>
        </tr>
                <tr> 
        <th></th>
        <td><input type="submit" value=" 提 交 " name="dosubmit" class="button">　　<input type="reset" value=" 取 消 " name="reset" class="button"> </td>
        </tr> 
        </tbody></table>
        </form>
</div>





<div style="clear:both"></div>
</div>

</div>
  
</div>




</div>
<div class="foot">
    <?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>
</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>
