<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<!-- 优先使用 IE 最新版本和 Chrome -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<!-- 为移动设备添加 viewport -->
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
		<!--忽略页面中的数字识别为电话，忽略email识别-->
		<meta name="format-detection" content="telphone=no, email=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" type="text/css" href="css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="css/base.css" />
		<!--[if lt IE 9]>
			<script type="text/javascript" src="js/html5shiv.min.js"></script>
			<script type="text/javascript" src="js/respond.min.js"></script>
	    <![endif]-->
	</head>

	<body>
		<!--导航-->
		<nav class="navbar navbar-default navbar-fixed-top top-box" style="background: #fff;">
			<div class="container">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
				        <span class="sr-only">Toggle navigation</span>
				        <span class="icon-bar"></span>
				        <span class="icon-bar"></span>
				        <span class="icon-bar"></span>
				    </button>
					<a class="navbar-brand" href="#"><img src="img/logo.png" class="img-responsive" /></a>
				</div>

				<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
					<ul class="nav navbar-nav navbar-right top-nav" >
						<li>
							<a href="index.html">
								首页
								<span class="sr-only">(current)</span>
							</a>
						</li>
						<li  >
							<a href="about.html">关于多肉</a>
						</li>
					    <li class="active"><a href="pro.html">多肉展示</a></li>
						<li>
							<a href="news.html">多肉资讯</a>
						</li>
						<li>
							<a href="customer.html">多肉联盟</a>
						</li>	
					</ul>
				</div>
				<!-- /.navbar-collapse -->
			</div>
			<!-- /.container -->
		</nav>
		<!--/ 导航-->

		<!--广告图-->
		<div class="container-fluid page-banner">
			<div class="row">
				<img src="img/pagebanner1.jpg" alt="" class="img-responsive" />
			</div>
		</div>
        <div class="common-title" style="margin-top: 4em;">
						<h2>多肉展示</h2>
						<span>Type</span>
						<p>
							<i></i>
							<i></i>
						</p>
		</div>

<div class="news_show">
		<span class="show_t">姬玉露</span>
		<span class="fa_time">来源：多肉植物   &nbsp;&nbsp;    发布时间：2017-02-14</span>
		<p>
		百合科十二卷属多肉植物，原产地位于南非。肉质叶呈紧凑的莲座状排列，叶片肥厚饱满，翠绿色，上半段呈透明或半透明状，也称为"有窗植物"。因为这类植物在原产地一般都是把大半身躯埋在土壤下边，只露出有窗的部分在地面，从而避免夏季干热的生长环境。有深色的线状脉纹，在阳光较为充足的条件下，其脉纹为红褐色，叶顶端有细小的“须”。
		</p>
		<div class="s_img clearfix">
			<div class="pic">
				<img src="img/7-1.jpeg" alt="" class="vcenter">
				<i></i>
			</div>
			<div class="pic">
				<img src="img/7-2.jpg" alt="" class="vcenter">
				<i></i>
			</div>	
		</div>
		<p>
			姬玉露[1]  喜凉爽的半阴环境，增加空气湿度后非常透亮。迷你可爱，适合迷你组合栽培。花盆尽量小些比较好。主要生长期在较为凉爽的春秋季节，要求有一定的空气湿度。耐干旱，不耐寒，忌高温潮湿和烈日暴晒，怕阴蔽，怕土壤积水，生产中一般采用温室内盆栽或苗床地栽。
		</p>
		<!--<div class="s_x clearfix">
			<a href="news_show.html" class="s_prev">上一篇：没有了</a>
			<a href="news_show.html" class="x_next">下一篇：没有了</a>
		</div>-->
	</div>



		<footer class="background-two">
        <div class="container">
            <div class="row">
                <div class="clean-footer-content">

					<?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; color:#000;marhin-rignt:10px;"
								   href="<?php echo e(is_or($data['lianjie'],$key)); ?>"><?php echo e($vo); ?></a>
							<?php endforeach; ?>
                </span>
					<?php else: ?>
						<div class="clean-footer-logo wow bounceIn animated" data-wow-offset="0" style="visibility: visible; animation-name: bounceIn;">
							<a href="index.html">
								<img id="logo-footer" src="img/logo.png" alt="clean">
							</a>
						</div>

						<p class="copy">Copyright © 2017-2027多肉植物| 多肉植物</p>
						<p class="copy">苏ICP备12345678号-9
						</p>
					<?php endif; ?>

                </div>
            </div>
        </div>
    </footer>

		<script src="js/jquery-1.11.0.js"></script>
		<script src="js/bootstrap.min.js"></script>
		<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>