<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="./css/index.css">
<title>猫眼</title>
</head>
<body>
<header>
<div class="nav">
<a href="" class="logo">
<img src="img/logo.png" alt="">
</a>
<div class="city-content">
<div class="select"></div>
</div>
<div class="nav-inner">
<ul>
<li><a href="" class="active">首页</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>
<li><a href="">商城</a></li>
</ul>
</div>
<div class="download">
<a href=""><img src="img/phone.png" alt=""></a>
<span class="text">APP下载</span>
<div class="select"></div>
</div>
<div class="search">
<input type="search" class="search" maxlength="32" placeholder="找影视剧,影人,影院">
<input type="submit" class="submit" value="">
</div>
<div class="login">
<img src="img/user.png" alt="">
<div class="select"></div>
</div>
</div>
</header>
<div class="content">
<div class="dl">
<span class="text1">正在热映(44部)</span>
<div class="all"><span class="text">全部</span><img src="img/icon.png" alt=""></div>
<dl class="movie-list">
<dt>
<dd>
<div class="movie-intro">
<img src="img/film1.png" alt="">
<div class="ticket">购 票</div>
</div>
</dd>
<dd>
<div class="movie-intro">
<img src="img/film2.png" alt="">
<div class="ticket">购 票</div>
</div>
</dd>
<dd>
<div class="movie-intro">
<img src="img/film3.png" alt="">
<div class="ticket">购 票</div>
</div>
</dd>
<dd>
<div class="movie-intro">
<img src="img/film4.png" alt="">
<div class="ticket">购 票</div>
</div>
</dd>
</dt>
<dt>
<dd>
<div class="movie-intro">
<img src="img/film5.png" alt="">
<div class="ticket">购 票</div>
</div>
</dd>
<dd>
<div class="movie-intro">
<img src="img/film6.png" alt="">
<div class="ticket">购 票</div>
</div>
</dd>
<dd>
<div class="movie-intro">
<img src="img/film7.png" alt="">
<div class="ticket">购 票</div>
</div>
</dd>
<dd>
<div class="movie-intro">
<img src="img/film8.png" alt="">
<div class="ticket">购 票</div>
</div>
</dd>
</dt>
</dl>
<span class="text2">即将上映(84部)</span>
<div class="all_another"><span class="text">全部</span><img src="img/icon_2.png" alt=""></div>
<dl class="movie-list">
<dt>
<dd>
<div class="movie-intro">
<img src="img/film9.png" alt="">
<div class="ticket1">72662人想看</div>
<div class="booking">
<div class="reserve1">预告片</div>
<div class="reserve2">预售</div>
</div>
<div class="data">1月8日上映</div>
</div>
</dd>
<dd>
<div class="movie-intro">
<img src="img/film10.png" alt="">
<div class="ticket1">1572人想看</div>
<div class="booking">
<div class="reserve1">预告片</div>
<div class="reserve2">预售</div>
</div>
<div class="data">1月8日上映</div>
</div>
</dd>
<dd>
<div class="movie-intro">
<img src="img/film11.png" alt="">
<div class="ticket1">5851人想看</div>
<div class="booking">
<div class="reserve1">预告片</div>
<div class="reserve2">预售</div>
</div>
<div class="data">1月8日上映</div>
</div>
</dd>
<dd>
<div class="movie-intro">
<img src="img/film12.png" alt="">
<div class="ticket1">1240人想看</div>
<div class="booking">
<div class="reserve1">预告片</div>
<div class="reserve2">预售</div>
</div>
<div class="data">1月8日上映</div>
</div>
</dd>
</dt>
<dt>
<dd>
<div class="movie-intro">
<img src="img/film13.png" alt="">
<div class="ticket1">44人想看</div>
<div class="booking">
<div class="reserve1">预告片</div>
<div class="reserve2">预售</div>
</div>
<div class="data">1月8日上映</div>
</div>
</dd>
<dd>
<div class="movie-intro">
<img src="img/film14.png" alt="">
<div class="ticket1">146783人想看</div>
<div class="booking">
<div class="reserve1">预告片</div>
<div class="reserve2">预售</div>
</div>
<div class="data">1月8日上映</div>
</div>
</dd>
<dd>
<div class="movie-intro">
<img src="img/film15.png" alt="">
<div class="ticket1">27071人想看</div>
<div class="booking">
<div class="reserve1">预告片</div>
<div class="reserve2">预售</div>
</div>
<div class="data">1月8日上映</div>
</div>
</dd>
<dd>
<div class="movie-intro">
<img src="img/film16.png" alt="">
<div class="ticket1">7917人想看</div>