master

分支 (1)

管理

管理

master

div_css
/
movie.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>正在热映--龙腾电影</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="css/movie.css">
    <link rel="icon" href="./img/dragon.ico">
</head>

<body>
   <!-- 头部导航 -->
   <nav class="header">
        <div class="contain">
            <!-- logo区 -->
            <a href="#" class="logo"><h1>猫眼电影</h1></a>
            <!-- 选择城市区 -->
            <div class="cityselect">南昌
                <div class="city-list">
                    <span class="postioncty">定位城市：<a href="#">南昌</a></span>
                    <ul class="citys-wrapper">
                        <li class="citys">
                            <span class="fl">A</span>
                            <div>
                                <a href="">阿拉善盟</a>
                                <a href="">鞍山</a>
                                <a href="">安庆</a>
                                <a href="">安阳</a>
                                <a href="">阿坝</a>
                                <a href="">安顺</a>
                                <a href="">安康</a>
                                <a href="">阿勒泰</a>
                                <a href="">阿克苏</a>
                                <a href="">安丘</a>
                                <a href="">安岳</a>
                                <a href="">安平</a>
                                <a href="">安宁</a>
                                <a href="">安溪</a>
                                <a href="">安化</a>
                                <a href="">阿勒泰市</a>
                                <a href="">安福</a>
                            </div>
                        </li>
                        <li class="citys">
                            <span class="fl">B</span>
                            <div>
                                <a href="">北京</a>
                                <a href="">保定</a>
                                <a href="">保定</a>
                                <a href="">包头</a>
                                <a href="">本溪</a>
                                <a href="">巴彦</a>
                                <a href="">淖尔</a>
                                <a href="">白城</a>
                                <a href="">滨州</a>
                                <a href="">博山</a>
                                <a href="">璧山</a>
                                <a href="">宾阳</a>
                                <a href="">博白县</a>
                                <a href="">博罗县</a>
                                <a href="">北镇市</a>
                                <a href="">泊头市</a>
                                <a href="">北安市</a>
                            </div>
                        </li>
                        <li class="citys">
                            <span class="fl">C</span>
                            <div>
                                <a href="">重庆</a>
                                <a href="">成都</a>
                                <a href="">长沙</a>
                                <a href="">常州</a>
                                <a href="">长春</a>
                                <a href="">沧州</a>
                                <a href="">承德</a>
                                <a href="">赤峰</a>
                                <a href="">长治</a>
                                <a href="">朝阳</a>
                                <a href="">池州</a>
                                <a href="">巢湖</a>
                                <a href="">滁州</a>
                                <a href="">潮州</a>
                                <a href="">常德</a>
                                <a href="">崇左</a>
                                <a href="">楚雄</a>
                                <a href="">昌吉</a>
                                <a href="">从化</a>
                                <a href="">常熟</a>
                                <a href="">昌邑</a>
                                <a href="">慈溪</a>
                                <a href="">长兴</a>
                            </div>
                        </li>
                        <li class="citys">
                            <span class="fl">D</span>
                            <div>
                                <a href="">大连</a>
                                <a href="">东莞</a>
                                <a href="">大庆</a>
                                <a href="">大同</a>
                                <a href="">丹东</a>
                                <a href="">大兴安岭</a>
                                <a href="">东营</a>
                                <a href="">德州</a>
                                <a href="">德阳</a>
                                <a href="">达州</a>
                                <a href="">德宏</a>
                                <a href="">大理</a>
                                <a href="">迪庆</a>
                                <a href="">定西</a>
                                <a href="">敦煌</a>
                                <a href="">丹阳</a>
                                <a href="">东台</a>
                                <a href="">大丰</a>
                                <a href="">德清</a>
                                <a href="">东平</a>
                                <a href="">定州</a>
                                <a href="">东海</a>
                                <a href="">东明县</a>
                                <a href="">定安县</a>
                                <a href="">定陶区</a>
                                <a href="">定边县</a>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- 列表 -->
            <ul>
                <li><a href="./index.html">首页</a></li>
                <li><a href="./movie.html">电影</a></li>
                <li><a href="./cinema.html">演院</a></li>
                <li><a href="#">演出</a></li>
                <li><a href="./billbored.html">榜单</a></li>
                <li><a href="./hotspot.html">热点</a></li>
                <li><a href="./mall.html">商城</a></li>
            </ul>
            <!-- 用户登入 -->
            <div class="userinfo">
                <img src="./img/userifo.png" alt="用户">
                <span></span>
                <span class="user-menu"><a href="./Login.html">登录</a></span>
            </div>
            <!-- 搜索区 -->
            <form action="#" class="serch-form" method="POST">
                <input type="search" class="search" placeholder="找影视剧 影人 影院">
                <input type="submit" class="submit" value="">
            </form>
            <!-- app下载 -->
            <div class="appdownload">
                <a href="#">
                    <span class="iphone-icon"></span>
                    <span class="apptext">app下载</span>
                    <span class="caret"></span>
                    <div class="downloadicon">
                        <p class="down-title">扫码下载app</p>
                        <p class="down-content">选座更优惠</p>
                    </div>
                </a>
            </div>
        </div>
    </nav>
    <!-- 导航栏结束 -->
    <div class="main">
        <!-- 菜单 -->
        <nav class="nav">
            <a href="">正在热映</a>
            <a href="">即将上映</a>
            <a href="" class="select">经典影片</a>
        </nav>

        <div class="container">
            <div class="choose-area">
                <div class="choose-item clearfix">
                    <div class="left">类型：</div>
                    <div class="right">
                        <ul class="clearfix">
                            <li class="select"><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>
                            <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>
                            <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>
                            <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>
                            <li><a href="">纪录片</a></li>
                            <li><a href="">其他</a></li>
                        </ul>
                    </div>
                </div>
                <div class="choose-item clearfix">
                    <div class="left">地区：</div>
                    <div class="right">
                        <ul class="clearfix">
                            <li class="select"><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>
                            <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>
                            <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>
                            <li><a href="">其他</a></li>
                        </ul>
                    </div>
                </div>
                <div class="choose-item clearfix no-line">
                    <div class="left">年代：</div>
                    <div class="right">
                        <ul class="clearfix">
                            <li class="select"><a href="">全部</a></li>
                            <li><a href="">2019</a></li>
                            <li><a href="">2018</a></li>
                            <li><a href="">2017</a></li>
                            <li><a href="">2016</a></li>
                            <li><a href="">2015</a></li>
                            <li><a href="">2014</a></li>
                            <li><a href="">2013</a></li>
                            <li><a href="">2012</a></li>
                            <li><a href="">2011</a></li>
                            <li><a href="">2000-2010</a></li>
                            <li><a href="">90年代</a></li>
                            <li><a href="">80年代</a></li>
                            <li><a href="">70年代</a></li>
                            <li><a href="">60年代</a></li>
                            <li><a href="">更早</a></li>
                        </ul>
                    </div>
                </div>
            </div>

            <div class="movies">
                <!-- <ul class="sort clearfix">
                    <li><span class="sort-red"></span>按热门排序</li>
                    <li><span class="sort-white"></span>按时间排序</li>
                    <li><span class="sort-white"></span>按评价排序</li>
                </ul> -->
                <div class="movie-item">
                    <div class="poster"><a href=""><img src="./img/movie1.jpg" alt=""></a></div>
                    <div class="name"><a href="">冰雪奇缘2</a></div>
                    <div class="buy-ticket">购票</div>
                    <i class="d3max"></i>
                    <div class="score">9.4</div>
                </div>
                <div class="movie-item">
                    <div class="poster"><a href=""><img src="./img/movie2.jpg" alt=""></a></div>
                    <div class="name"><a href="">战狼</a></div>
                    <div class="buy-ticket">购票</div>
                    <div class="score">9.2</div>
                </div>
                <div class="movie-item">
                    <div class="poster"><a href=""><img src="./img/movie3.jpg" alt=""></a></div>
                    <div class="name"><a href="">西游记之大圣归来</a></div>
                    <div class="buy-ticket">购票</div>
                    <div class="score">8.4</div>
                </div>
                <div class="movie-item">
                    <div class="poster"><a href=""><img src="./img/movie4.jpg" alt=""></a></div>
                    <div class="name"><a href="">中国机长</a></div>
                    <div class="buy-ticket">购票</div>
                    <i class="d2max"></i>
                    <div class="score">9.4</div>
                </div>
                <div class="movie-item">
                    <div class="poster"><a href=""><img src="./img/movie5.jpg" alt=""></a></div>
                    <div class="name"><a href="">少年的你</a></div>
                    <div class="buy-ticket">购票</div>
                    <div class="score">8.7</div>
                </div>
                <div class="movie-item">
                    <div class="poster"><a href=""><img src="./img/movie6.jpg" alt=""></a></div>
                    <div class="name"><a href="">一生有你2019</a></div>
                    <div class="buy-ticket">购票</div>
                    <div class="score">8.6</div>
                </div>
                <div class="movie-item">
                    <div class="poster"><a href=""><img src="./img/movie7.jpg" alt=""></a></div>
                    <div class="name"><a href="">决战中途岛</a></div>
                    <div class="buy-ticket">购票</div>
                    <div class="score">8.3</div>
                </div>
                <div class="movie-item">
                    <div class="poster"><a href=""><img src="./img/movie8.jpg" alt=""></a></div>
                    <div class="name"><a href="">终结者：黑暗命运</a></div>
                    <div class="buy-ticket">购票</div>
                    <i class="d2max"></i>
                    <div class="score">7.5</div>
                </div>
                <div class="movie-item">
                    <div class="poster"><a href=""><img src="./img/movie9.jpg" alt=""></a></div>
                    <div class="name"><a href="">攀登者</a></div>
                    <div class="buy-ticket">购票</div>
                    <i class="d2max"></i>
                    <div class="score">9.2</div>
                </div>
                <div class="movie-item">
                    <div class="poster"><a href=""><img src="./img/movie10.png" alt=""></a></div>
                    <div class="name"><a href="">误杀</a></div>
                    <i class="d2max"></i>
                    <div class="score">暂无评分</div>
                </div>
                <div class="movie-item">
                    <div class="poster"><a href=""><img src="./img/movie11.jpg" alt=""></a></div>
                    <div class="name"><a href="">勇敢者游戏2：再战巅峰</a></div>
                    <div class="buy-ticket">购票</div>
                    <div class="score">9.6</div>
                </div>
                <div class="movie-item">
                    <div class="poster"><a href=""><img src="./img/movie12.jpg" alt=""></a></div>
                    <div class="name"><a href="">魔镜奇缘3</a></div>
                    <i class="d3max"></i>
                    <div class="buy-ticket">购票</div>
                    <div class="score">9.4</div>
                </div>
                <div class="movie-item">
                    <div class="poster"><a href=""><img src="./img/movie13.jpg" alt=""></a></div>
                    <div class="name"><a href="">大约在冬季</a></div>
                    <div class="buy-ticket">购票</div>
                    <div class="score">8.9</div>
                </div>
                <div class="movie-item">
                    <div class="poster"><a href=""><img src="./img/movie14.jpg" alt=""></a></div>
                    <div class="name"><a href="">海上钢琴师</a></div>
                    <div class="score">暂无评分</div>
                </div>
                <div class="movie-item">
                    <div class="poster"><a href=""><img src="./img/movie15.jpg" alt=""></a></div>
                    <div class="name"><a href="">我和我的祖国</a></div>
                    <div class="buy-ticket">购票</div>
                    <div class="score">9.8</div>
                </div>
                <div class="movie-item">
                    <div class="poster"><a href=""><img src="./img/movie16.jpg" alt=""></a></div>
                    <div class="name"><a href="">两只老虎</a></div>
                    <div class="buy-ticket">购票</div>
                    <div class="score">7.4</div>
                </div>
                <div class="movie-item">
                    <div class="poster"><a href=""><img src="./img/movie17.jpg" alt=""></a></div>
                    <div class="name"><a href="">南方车站的聚会</a></div>
                    <div class="buy-ticket">购票</div>
                    <div class="score">暂无评分</div>
                </div>
                <div class="movie-item">
                    <div class="poster"><a href=""><img src="./img/movie18.jpg" alt=""></a></div>
                    <div class="name"><a href="">若能与你共乘海浪之上</a></div>
                    <div class="buy-ticket">购票</div>
                    <div class="score">8.7</div>
                </div>
                <div class="movie-item">
                    <div class="poster"><a href=""><img src="./img/movie19.jpg" alt=""></a></div>
                    <div class="name"><a href="">星际探索之穿越太空</a></div>
                    <div class="buy-ticket">购票</div>
                    <div class="score">9.4</div>
                </div>
                <div class="movie-item">
                    <div class="poster"><a href=""><img src="./img/movie20.jpg" alt=""></a></div>
                    <div class="name"><a href="">天·火</a></div>
                    <div class="buy-ticket">购票</div>
                    <div class="score">9.1</div>
                </div>
                <div class="movie-item">
                    <div class="poster"><a href=""><img src="./img/movie21.jpg" alt=""></a></div>
                    <div class="name"><a href="">冰封暴</a></div>
                    <div class="buy-ticket">购票</div>
                    <i class="d3max"></i>
                    <div class="score">9.4</div>
                </div>
                <div class="movie-item">
                    <div class="poster"><a href=""><img src="./img/movie22.jpg" alt=""></a></div>
                    <div class="name"><a href="">你是凶手</a></div>
                    <div class="buy-ticket">购票</div>
                    <div class="score">9.2</div>
                </div>
                <div class="movie-item">
                    <div class="poster"><a href=""><img src="./img/movie23.jpg" alt=""></a></div>
                    <div class="name"><a href="">印度</a></div>
                    <div class="buy-ticket">购票</div>
                    <div class="score">9.4</div>
                </div>
                <div class="movie-item">
                    <div class="poster"><a href=""><img src="./img/movie24.jpg" alt=""></a></div>
                    <div class="name"><a href="">霹雳娇娃</a></div>
                    <div class="score">暂无评分</div>
                </div>
                <div class="movie-item">
                    <div class="poster"><a href=""><img src="./img/movie25.jpg" alt=""></a></div>
                    <div class="name"><a href="">平原上的夏洛克</a></div>
                    <div class="buy-ticket">购票</div>
                    <div class="score">8.6</div>
                </div>
                <div class="movie-item">
                    <div class="poster"><a href=""><img src="./img/movie26.jpg" alt=""></a></div>
                    <div class="name"><a href="">利刃出鞘</a></div>
                    <div class="buy-ticket">购票</div>
                    <i class="d2max"></i>
                    <div class="score">8.8</div>
                </div>
                <div class="movie-item">
                    <div class="poster"><a href=""><img src="./img/movie27.jpg" alt=""></a></div>
                    <div class="name"><a href="">我为你牺牲</a></div>
                    <div class="buy-ticket">购票</div>
                    <div class="score">9.5</div>
                </div>
                <div class="movie-item">
                    <div class="poster"><a href=""><img src="./img/movie28.jpg" alt=""></a></div>
                    <div class="name"><a href="">吹哨人</a></div>
                    <div class="buy-ticket">购票</div>
                    <div class="score">7.5</div>
                </div>
                <div class="movie-item">
                    <div class="poster"><a href=""><img src="./img/movie29.jpg" alt=""></a></div>
                    <div class="name"><a href="">只有芸知道</a></div>
                    <div class="buy-ticket">购票</div>
                    <i class="d3max"></i>
                    <div class="score">6.6</div>
                </div>
                <div class="movie-item">
                    <div class="poster"><a href=""><img src="./img/movie30.jpg" alt=""></a></div>
                    <div class="name"><a href="">唐顿庄园</a></div>
                    <div class="score">暂无评分</div>
                </div>
            </div>


            <div class="pager">
                <a href="">上一页</a>
                <a href="">1</a>
                <a href="">2</a>
                <a href="" class="select">3</a>
                <a href="">4</a>
                <a href="">5</a>
                <a href="">6</a>
                <a href="">7</a>
                <a href="">8</a>
                <a href="">9</a>
                <a href="">10</a>
                <a href="">下一页</a>
            </div>
        </div>
    </div>
    <!-- 底部开始 -->
    <div class="footer">
            <p class="special">关于熊猫:
                    <a href="">关于我们</a>
                    <span>|</span>
                    <a href="">管理团队</a>
                    <span>|</span>
                    <a href="">投资者关系</a>&nbsp;
                友情链接:
                <a href="">美团网</a>
                <span>|</span>
                <a href="">格瓦拉</a>
                <span>|</span>
                <a href="">美团下载</a>
                <span>|</span>
                <a href="">欢喜首映</a>
            </p>
            <p>商务合作邮箱：v@maoyan.com 客服电话：10105335 违法和不良信息举报电话：4006018900 </p>
            <p>用户投诉邮箱：tousujubao@meituan.com 舞弊线索举报邮箱：wubijubao@maoyan.com </p>
            <p>
                <a href="#">中华人民共和国增值电信业务经营许可证 京B2-20190350 </a>
                <span>|</span>
                <a href="#"> 营业性演出许可证 京演（机构）（2019）4094号</a>
            </p>

            <p>
                <a href="#">广播电视节目制作经营许可证 （京）字第08478号 </a>
                <span>|</span>
                <a href="#"> 网络文化经营许可证 京网文（2019）3837-369号</a>
            </p>
            <p>
                <a href="#">熊猫用户服务协议 </a>
                <span>|</span>
                <a href="#"> 熊猫平台交易规则总则</a>
                <span>|</span>
                <a href="#">隐私政策</a>
            </p>
            <p><a href="">京公网安备 11010102003232号</a></p>
            <p>北京猫眼文化传媒有限公司</p>
            <p>©2019 熊猫电影 xiongmao.com</p>
            <p class="last">
                <a href="#"><img src="./img/network.png" alt=""></a>
                <a href="#"><img src="./img/license.png" alt=""></a>
            </p>
        </div>
        <!-- 底部结束 -->
</body>
</html>