<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>3-11</title>
<link rel="stylesheet" href="style/css/style.css">
<!--为了方便批改作业，外联样式复制到本页面-->
<style>
*{
padding: 0;
margin: 0;
}
li{
list-style: none;
float: left;
}
a{text-decoration: none;}
.cont{
width: 1490px;
margin:30px auto;
overflow: hidden;
}
.hot{
width: 100%;
overflow: hidden;
}
h2{
padding:10px 0;
font-size: 24px;
display: block;
float: left;
width: 100px;
}
.hot img{
width: 240px;
height: 362px;
}
.hot li{
display: block;
float: left;
width: 240px;
padding-right: 10px;
}
.hot li a{
display: block;
}
.hot li:last-child{
padding-right: 0
}
.hot_title{
line-height: 30px;
width: 100%;
height: 50px;
margin-top:20px;
}
.li_title{
color:#333;
font-size: 14px;
}
.li_des{
display: block;
color:#999;
font-size: 12px;
}
.tv ul.nav {
display:block;
float: left;
line-height: 50px;
}
.tv ul.nav li{
float: left;
display: block;
padding-left: 20px;
}
.tv ul.nav li a{
color: #333;
}
.tv_big_img{
/*padding-right: 10px;*/
width: 490px;
float: left;
}
.tv_big_img img{
width: 490px;
height: 334px;
}
.small{
display: block;
overflow: hidden;
width: 1000px;
}
.small li{
display: block;
float: left;
width: 240px;
padding-left: 10px;
padding-bottom: 22px;
}
.small li:nth-child(4n+4){
padding-right: 0px;
}
.small li img{
width: 240px;
height: 135px;
}
</style>
</head>
<body>
<div>
<div>
<div><h2>正在热播</h2></div>
<ul>
<li><a href=""><img src="style/images/a.jpg" alt=""></a>
<a href="">瞰中国：宁夏</a><span>瞰中国：宁夏</span>
</li>
<li><a href=""><img src="style/images/b.jpg" alt=""></a>
<a href="">摘金奇缘</a><span>全亚裔阵容爆红好莱坞</span>
</li>
<li><a href=""><img src="style/images/c.jpg" alt=""></a>
<a href="">白蛇：缘起</a><span>白蛇前世爱情凄美动人</span>
</li>
<li><a href=""><img src="style/images/d.jpg" alt=""></a>
<a href="">王牌对王牌 第四季</a><span>中国最红王牌大PK</span>
</li>
<li><a href=""><img src="style/images/e.jpg" alt=""></a>
<a href="">我们在行动 第三季</a><span>家乡情结结合精准扶贫</span>
</li>
<li><a href=""><img src="style/images/f.jpg" alt=""></a>
<a href="">小偷家族</a><span>支离破碎的底层家庭</span>
</li>
</ul>
</div>
<div>
<div>
<h2>剧集 ></h2>
<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>
</ul>
</div>
<div>
<a href=""><img src="style/images/tv.jpg" alt=""></a>
<a href="">小偷家族</a><span>支离破碎的底层家庭</span>
</div>
<ul>
<li><a href=""><img src="style/images/tv1.jpg" alt=""></a>
<a href="">小偷家族</a><span>支离破碎的底层家庭</span>
</li>
<li><a href=""><img src="style/images/tv2.jpg" alt=""></a>
<a href="">小偷家族</a><span>支离破碎的底层家庭</span>
</li>
<li><a href=""><img src="style/images/tv3.jpg" alt=""></a>
<a href="">小偷家族</a><span>支离破碎的底层家庭</span>
</li>
<li><a href=""><img src="style/images/tv4.jpg" alt=""></a>
<a href="">小偷家族</a><span>支离破碎的底层家庭</span>
</li>
<li><a href=""><img src="style/images/tv5.jpg" alt=""></a>
<a href="">小偷家族</a><span>支离破碎的底层家庭</span>
</li>
<li><a href=""><img src="style/images/tv1.jpg" alt=""></a>
<a href="">小偷家族</a><span>支离破碎的底层家庭</span>
</li>
<li><a href=""><img src="style/images/tv2.jpg" alt=""></a>
<a href="">小偷家族</a><span>支离破碎的底层家庭</span>
</li>
<li><a href=""><img src="style/images/tv3.jpg" alt=""></a>
<a href="">小偷家族</a><span>支离破碎的底层家庭</span>
</li>
</ul>
</div>
</div>
</body>
</html>