<!DOCTYPE html>
<html>
	<?php echo $this->fetch('head.html'); ?>
	<style>
		.flexlist:after {
			direction: block;
			visibility: hidden;
			content: ".";
			height: 0px;
			clear: both;
		}

		.flexlist-item {
			width: 32%;
			float: left;
			margin-right: 1%;
			box-sizing: border-box;
		}

		.bbhd {
			text-align: center;
			padding-bottom: 20px;
			font-size: 16px;
			color: #646464;
		}
	</style>
	<body>
		<?php echo $this->fetch('header.html'); ?>
		<div class="main-body">
			<div class="bbhd">
				公开课都是由官网精心编写，课程由文档和视频构成。   
			</div>


			<div class="flex flex-wrap">
				<?php $_from = $this->_var['data']; if (!is_array($_from) && !is_object($_from)) { $_from=array();}; if (count($_from)):
    foreach ($_from AS $this->_var['c']):
?>
				<a href="/module.php?m=book&a=show&bookid=<?php echo $this->_var['c']['bookid']; ?>" class="flexlist-item">

					<img class="flexlist-img" src="<?php echo $this->_var['c']['imgurl']; ?>.100x100.jpg">
					<div class="flex-1">
						<div class="flexlist-title"><?php echo $this->_var['c']['title']; ?></div>
						<div class="flex">
							<?php if ($this->_var['c']['ispay']): ?>
							<div class="cl2">售价：<span class="cl-money">￥<?php echo $this->_var['c']['money']; ?></span></div>
							<?php else: ?>
							<div class="cl3">免费</div>
							<?php endif; ?>
						</div>

					</div>

				</a>
				<?php endforeach; endif; unset($_from); ?><?php $this->pop_vars();; ?>
			</div>
			<?php echo $this->_var['pagelist']; ?>




		</div>
		<?php echo $this->fetch('footer.html'); ?>
		<?php echo $this->fetch('foot-all.html'); ?>
	</body>
</html>
