<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="css/four.css">
<link rel="stylesheet" href="./fonts/iconfont.css">
<!-- <script src="js/echarts.min.js"></script> -->
<script src="js/jquery.min.js"></script>
<script src="js/macarons.js"></script>
<!-- <script src="js/china.js"></script> -->
<script src="js/countUp.js"></script>
</head>
<body>
<ul class="nav">
<li class="drop-down">
<a href="#"></a>
<ul class="drop-down-content">
<li>
<a href="./home.html">自动切换</a>
</li>
<li>
<a href="./index.html">第一屏</a>
</li>
<li>
<a href="./second.html">第二屏</a>
</li>
<li>
<a href="./third.html">第三屏</a>
</li>
<li>
<a href="./four.html?index=0">第四屏</a>
</li>
</ul>
</li>
</ul>
<div class="first-screen root-wrap">
<header>
<img src="./img/cnonix.png" />
<div class="title_img">
<img src="img/title_left_img.png" alt="">
</div>
<!-- <span class="month-tip">2017年1月</span> -->
</header>
<div class="main clearfix">
<!-- 同类图书 -->
<div class="aside-left fl">
<h3>同类图书</h3>
<ul class="clearfix">
</ul>
</div>
<div class="middle_con fl">
<div class="middle_top">
<div class="con_left fl">
</div>
<div class="con_right fl clearfix">
<dl class="clearfix">
<dt>图书标签</dt>
<dd class="clearfix">
<ul class="bookLabel clearfix"></ul>
</dd>
</dl>
<dl class="clearfix">
<dt class="clearfix">主题词</dt>
<dd class="clearfix">
<ul class="themaWords clearfix"></ul>
</dd>
</dl>
</div>
<div class="con_link">
<h3>内容提要</h3>
<div class="link_title link_con">
<!-- 钱锺书所著的《围城》是一幅栩栩如生的世井百态图，人生的酸甜苦辣千般滋味均在其中得到了淋漓尽致的体现。钱钟书先生将自己的语言天才并入极其渊博的知识，再添加上一些讽刺主义的幽默调料，以一书而定江山。《围城》显示给我们一个真正的聪明人是怎样看人生，又怎样用所有作家都必得使用的文字来表述自己的“观”和“感”的。 -->
</div>
</div>
<div class="con_link">
<h3>本书目录</h3>
<ul class="link_ul">
<!-- <li>1.序</li>
<li>2.围城</li>
<li>3.围城</li>
<li>4.记钱钟书与《围城》——杨绛</li> -->
</ul>
</div>
<div class="con_link">
<h3>作者介绍</h3>
<div class="link_title link_author"></div>
</div>
</div>
<div class="middle_button">
<div class="button_left">
<h3>购买推荐</h3>
<div class="button_con">
<div class="container purchase claefix">
</div>
</div>
</div>
<div class="button_right">
<h3>借阅推荐</h3>
<div class="button_con">
<div class="container jieyue claefix">
</div>
</div>
</div>
</div>
</div>
<div class="aside-right clearfix fl">
<div class="con_top clearfix">
<h3>图书评论</h3>
<div class="aside_con clearfix">
</div>
</div>
</div>
</div>
<div class="main-bottom">
<span class="line1"></span>
<span class="line2"></span>
<span class="line3"></span>
</div>
</div>
<script src="js/four.js"></script>
</body>
</html>