<!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/public.css"> <link rel="stylesheet" href="css/all.css"> <link rel="stylesheet" href="css/Operation Mekong.css"> </head> <body> <header> <div class="top w"> <img src="pc/img/logo_s.png" alt=""> <form action=""> <select name="" id=""> <option value="">成都</option> </select> </form> <div class="nav"> <ul> <li style="background-color: white"><a href="maoyan.html" class="n2"> 首页</a></li> <li><a href="maoyan-movie.html" class="n2"> 电影</a></li> <li><a href="maoyan-list.html" class="n2"> 榜单</a></li> <li><a href="" class="n2"> 热点</a></li> </ul> </div> <div class="DL"><a href="maoyan-login.html"><img src="pc/img2/login.png" alt=""></a></div> <div class="topr"> <form action=""> <input type="search" name="" id="" placeholder="找影视剧、影院、影人"> <input type="submit" class="submit"> </form> </div> </div> </header> <div class="clear"> </div> <section> <div class="hit"> <div class="hiter w"> <div class="hitl"> <div class="hitl1"><img src="pc/img/details_meigonghe_03.jpg" alt=""></div> <div class="yy1"></div> <div class="yy2"></div> <div class="yy3"></div> </div> <div class="hitl2"> <div class="hitl2-1"> <h1>湄公河行动</h1> <p> Operation Mekong</p> <li>剧情,动作,犯罪</li> <li>中国大陆,中国香港 / 124分钟</li> <li>2016-09-30大陆上映</li> <div class="want"><span><img src="pc/img/details_heart.png" alt=""> 想看</span><span><img src="pc/img/details_star.png" alt=""> 评分</span></div> </div> <div class="hitl2-2"> <div class="hi1"> <div class="hi2"> <div class="hi2-1">用户评分</div> <p class="hi2-2">9.3</p> <p class="hi2-3">（55.6万人评分）</p> </div> <div class="hi2"> <div class="hi2-1">专业评分</div> <p class="hi2-2">6.4</p> <p class="hi2-3">（45人评分）</p> </div> <div class="hi2"> <div class="hi2-1">专业评分</div> <p class="hi2-4">10.33亿</p> </div> </div> <div class="hi3">立即购票</div> </div> </div> <div class="wit"></div> </div> </div> <div class="bod w"> <div class="bol"> <div class="poit"> <div class="poit1 poit1-1">介绍</div> <div class="poit1">演职人员</div> <div class="poit1">奖项</div> <div class="poit1">图集</div> </div> <div class="tit">剧情简介</div> <div class="tit1"> 2011年10月5日，两艘中国商船在湄公河金三角水域遭遇袭击，13名中国船员全部遇难，泰国警方从船上搜出90万颗冰毒。消息传回国内，举国震惊。为了查明真相，云南缉毒总队长高刚（张涵予 饰）接受了特殊任务，率领一支骁勇善战的战斗小组进入泰国境内，与潜伏在泰国的情报员方新武（彭于晏 饰）碰头，二人联手深入金三角查案。经过调查，发现案件背后果然有着重重疑点，真正的凶手在嫁祸残害无辜中国船员后，不但逍遥法外，更意图利用毒品制造更大的阴谋……二人决定，不惜一切代价也要拿下真凶，打击毒品犯罪，为无辜国人讨回公道！ </div> <div class="tit">演职人员 <span>全部＞ </span> </div> <div class="mans"> <div class="man"> <div class="man1">导演</div> <img src="pc/img/details_fengxiaogang_07.jpg" alt=""> <div class="man2">林超贤</div> <div class="man3"></div> </div> <div class="man"> <div class="man1">演员</div> <img src="pc/img/details_zhanghanyu_09.jpg" alt=""> <div class="man2">张涵予</div> <div class="man3">饰：高刚</div> </div> <div class="man"> <div class="man1"></div> <img src="pc/img/details_pengyuyan_11.jpg" alt=""> <div class="man2">彭于晏</div> <div class="man3">饰：方新武</div> </div> <div class="man"> <div class="man1"></div> <img src="pc/img/details_fengwenjuan_13.jpg" alt=""> <div class="man2">冯文娟</div> <div class="man3">饰：郭冰</div> </div> <div class="man"> <div class="man1"></div> <img src="pc/img/details_wuxudong_15.jpg" alt=""> <div class="man2">吴旭东</div> <div class="man3">饰：特警队长</div> </div> </div> <div class="tit">图集 <span>全部＞ </span> </div> <div class="picture"> <div class="pic1"><img src="pc/img/details_gallery1_22.jpg" alt=""></div> <div class="pic2"> <div class="pic4"><img src="pc/img/details_gallery2_24.jpg" alt=""></div> <div class="pic4"><img src="pc/img/details_gallery3_26.jpg" alt=""></div> <div class="pic4"><img src="pc/img/details_gallery4_30.jpg" alt=""></div> <div class="pic4"><img src="pc/img/details_gallery5_31.jpg" alt=""></div> </div> </div> <div class="tit">热门短评 <span class="dp">写短评 </span> </div> <div class="rmpt"> <div class="rmpl1-1"><img src="pc/img/head09.png" alt="" class="user"> <img src="pc/img/v2.png" alt="" class="v"> </div> <div class="rmpl1-2"> <div class="rmpl-j"><img src="pc/img/details_zan.png" alt="">12058</div> <div class="rmpl-m">yufujin <div class="go">购</div> </div> <div class="rmpl-t">09-30 <img src="pc/img/star_icon01.png" alt=""></div> <div class="rmpl-a"> 如果不是真的期待，是不会大半夜的去看首映，根据真实事件的改编，让我了解到了当初湄公河案的背后，枪林弹雨，生死线上的徘徊，人性的挣扎不是简单几句结论和书面文字所能表达的；留一分不给是因为后边的英雄主义，以及结尾的仓促，而高刚回忆与方新武的一段话，让我总以为方是要留在金三角，他还活着 </div> </div> </div> <div class="rmpt"> <div class="rmpl1-1"><img src="pc/img/avatar.png" alt="" class="user"> <img src="pc/img/v2.png" alt="" class="v"> </div> <div class="rmpl1-2"> <div class="rmpl-j"><img src="pc/img/details_zan.png" alt="">3488</div> <div class="rmpl-m">vsx273234182 <div class="go">购</div> </div> <div class="rmpl-t">09-30 <img src="pc/img/star_icon02.png" alt=""></div> <div class="rmpl-a"> 如果不是真的期待，是不会大半夜的去看首映，根据真实事件的改编，让我了解到了当初湄公河案的背后，枪林弹雨，生死线上的徘徊，人性的挣扎不是简单几句结论和书面文字所能表达的；留一分不给是因为后边的英雄主义，以及结尾的仓促，而高刚回忆与方新武的一段话，让我总以为方是要留在金三角，他还活着 </div> </div> </div> <div class="rmpt"> <div class="rmpl1-1"><img src="pc/img/avatar.png" alt="" class="user"> <img src="pc/img/v2.png" alt="" class="v"> </div> <div class="rmpl1-2"> <div class="rmpl-j"><img src="pc/img/details_zan.png" alt="">2629</div> <div class="rmpl-m">xDa392505507 <div class="go">购</div> </div> <div class="rmpl-t">09-30 <img src="pc/img/star_icon01.png" alt=""></div> <div class="rmpl-a"> 绝对的满分 特效 场景 高科技设备完全不输给好莱坞大片 </div> </div> </div> <div class="rmpt"> <div class="rmpl1-1"><img src="pc/img/details_guest.png" alt="" class="user"> <img src="pc/img/v2.png" alt="" class="v"> </div> <div class="rmpl1-2"> <div class="rmpl-j"><img src="pc/img/details_zan.png" alt="">1021</div> <div class="rmpl-m">一个理智的疯子<div class="go">购</div> </div> <div class="rmpl-t">09-30 <img src="pc/img/star_icon03.png" alt=""></div> <div class="rmpl-a"> 买了票，准备躺一下再去看，结果睡过头了，没看成。 </div> </div> </div> <div class="rmpt"> <div class="rmpl1-1"><img src="pc/img/avatar.png" alt="" class="user"> <img src="pc/img/v2.png" alt="" class="v"> </div> <div class="rmpl1-2"> <div class="rmpl-j"><img src="pc/img/details_zan.png" alt="">1160</div> <div class="rmpl-m">UAw398310393 <div class="go">购</div> </div> <div class="rmpl-t">09-30 <img src="pc/img/star_icon01.png" alt=""></div> <div class="rmpl-a"> 很不错，看的惊心动魄，张涵予特男子汉，留胡子的彭于晏太酷了 </div> </div> </div> <div class="rmpt"> <div class="rmpl1-1"><img src="pc/img/head08.png" alt="" class="user"> <img src="pc/img/v2.png" alt="" class="v"> </div> <div class="rmpl1-2"> <div class="rmpl-j"><img src="pc/img/details_zan.png" alt="">507</div> <div class="rmpl-m">郭帅锋 <div class="go">购</div> </div> <div class="rmpl-t">09-30 <img src="pc/img/star_icon01.png" alt=""></div> <div class="rmpl-a"> 国产良心大作，不枉费我来看首映。视角很新，让我见识到了真正意义上的中国精神，中国式Team work，中国式敢死队。很热血，就冲演员们爆炸的演技，我给满分。 </div> </div> </div> <div class="rmpt"> <div class="rmpl1-1"><img src="pc/img/head06.png" alt="" class="user"> <img src="pc/img/v2.png" alt="" class="v"> </div> <div class="rmpl1-2"> <div class="rmpl-j"><img src="pc/img/details_zan.png" alt="">310</div> <div class="rmpl-m">侃侃儿 <div class="go">购</div> </div> <div class="rmpl-t">09-30 <img src="pc/img/star_icon01.png" alt=""></div> <div class="rmpl-a"> 根据真实事件改编成电影 让我们直观的了解了贩毒制毒运毒的金三角。那里的孩子从小就被洗脑 抽烟、喝酒、吸毒，看着挺触目惊心的。电影片段有些部分不适宜孩子观影，今天就碰到有父母带着孩子观看这部电影 观影中途几次孩子大喊害怕……也许父母的初衷是想让孩子分辨善恶 但是我觉得这部影片还是有些剧情不适宜孩子，尤其是小孩观看。剧情挺环环相扣，有些杀人的场面有些过于血腥了。但是，很喜欢影片中那只警犬，后来它的牺牲 让我哽咽了。同行观看的朋友说我一只狗死了你们都哭这样 …人死了也没见你们哭………或许你不懂，狗永远是狗 但人有时候不一定是人。总的来说这部片子还是值得看的。张涵予、彭于晏的演技也是大赞。！！ </div> </div> </div> <div class="rmpt"> <div class="rmpl1-1"><img src="pc/img/head03.png" alt="" class="user"> <img src="pc/img/v2.png" alt="" class="v"> </div> <div class="rmpl1-2"> <div class="rmpl-j"><img src="pc/img/details_zan.png" alt="">778</div> <div class="rmpl-m">neverend <div class="go">购</div> </div> <div class="rmpl-t">09-30 <img src="pc/img/star_icon01.png" alt=""></div> <div class="rmpl-a"> 震撼,太震撼了.从应援出来脑中便盘旋着这俩字.因为父母的工作关系从小便对缉毒题材的影片感兴趣,二老因工作原因索性便独自一人去影院全程抱着手臂看完了这部巨作.结果并没有令人失望,已经无法将影片中的宏伟壮观用文字转述,相信真正用心去体会的人早已经每一帧烙进了心中.作为中国人感谢并骄傲生在了社会主义的和平年代.都说警察是当今和平年代最危险的职业,自豪双亲有着这份殊荣成为保家卫国的一份子.奢华的东西往往最简单,伟大的人往往最沉默,最好的话永远不必明说.最后,献上我在猫眼为数不多且最心服口服的十分,排片虽遭挤压但却安安静静的在那里散发出肃静且尊严的光彩.以上所有谨此纪念湄公河事件所有相关者.哀悼 敬佩 </div> </div> </div> <div class="rmpt"> <div class="rmpl1-1"><img src="pc/img/head02.png" alt="" class="user"> <img src="pc/img/v2.png" alt="" class="v"> </div> <div class="rmpl1-2"> <div class="rmpl-j"><img src="pc/img/details_zan.png" alt="">871</div> <div class="rmpl-m">RIMY <div class="go">购</div> </div> <div class="rmpl-t">09-30 <img src="pc/img/star_icon02.png" alt=""></div> <div class="rmpl-a"> 超燃，仿佛置身于11年10.5事件中，到底是林超贤还原了这部真实案件还是成就了这两大男神无从考究，从电影剧情中感受到了当年惨案的震惊，影片毫无拖泥带水，剧情紧凑。谢谢您，导演。让我感受到了中国电影的重生 </div> </div> </div> <div class="rmpt"> <div class="rmpl1-1"><img src="pc/img/head05.png" alt="" class="user"> <img src="pc/img/v2.png" alt="" class="v"> </div> <div class="rmpl1-2"> <div class="rmpl-j"><img src="pc/img/details_zan.png" alt="">677</div> <div class="rmpl-m">百晴 <div class="go">购</div> </div> <div class="rmpl-t">09-30 <img src="pc/img/star_icon03.png" alt=""></div> <div class="rmpl-a"> 这部影片总的来说，是挺不错的，枪战部分很精彩，就是方新武的内心戏感觉还不是很到位，湄公河行动就是我们中国国家强大影响力的体现，也用这次行动祭奠了惨死在湄公河的十三名中国同胞，有你们这群奋战在一线的缉毒警察为祖国和人民做出的牺牲和贡献。才有我们现在远离毒品的幸福安康的生活。 </div> </div> </div> </div> <div class="bor"> <div class="bor1">相关资讯</div> <div class="bor2"> <div class="bor2-1"><img src="pc/img/details_ten_07.jpg" alt=""></div> <div class="bor2-2"> <div class="bor2-2-1">《湄公河行动》上映20天票房突破10亿大关</div> <div class="bor2-2-2">猫眼电影<img src="pc/img/icon_05.png" alt=""> 21145 <img src="pc/img/icon10.png" alt=""> 111 </div> </div> </div> <div class="bor2"> <div class="bor2-1"><img src="pc/img/details_info_10.jpg" alt=""></div> <div class="bor2-2"> <div class="bor2-2-1">《湄公河行动》不仅彭于晏没有死，啸天也没有死！</div> <div class="bor2-2-2">猫眼电影<img src="pc/img/icon_05.png" alt=""> 2593 <img src="pc/img/icon10.png" alt=""> 5 </div> </div> </div> <div class="bor2"> <div class="bor2-1"><img src="pc/img/details_info3_13.jpg" alt=""></div> <div class="bor2-2"> <div class="bor2-2-1">《湄公河行动》上映20天票房突破10亿大关</div> <div class="bor2-2-2">猫眼电影<img src="pc/img/icon_05.png" alt=""> 46646 <img src="pc/img/icon10.png" alt=""> 76 </div> </div> </div> <div class="bor1 borr">相关电影</div> <div class="boxa"> <div class="boxa1"> <img src="pc/img/details_related1_27.png" alt=""> <p class="ba1">反弹风暴2</p> <p class="ba2">9.<span>7</span> </p> </div> <div class="boxa1"> <img src="pc/img/details_related2_29.png" alt=""> <p class="ba1">追凶者也</p> <p class="ba2">8.<span>5</span> </p> </div> <div class="boxa1"> <img src="pc/img/details_related3_31.png" alt=""> <p class="ba1">惊天破</p> <p class="ba2">6.<span>6</span></p> </div> <div class="boxa1"> <img src="pc/img/details_related4_41.png" alt=""> <p class="ba1">机械师2：复活</p> <p class="ba2">8.<span>9</span></p> </div> <div class="boxa1"> <img src="pc/img/des16.png" alt=""> <p class="ba1">巴黎危机</p> <p class="ba2">8.<span>3</span></p> </div> <div class="boxa1"> <img src="pc/img/details_related6_43.jpg" alt=""> <p class="ba1">寒战2</p> <p class="ba2">8.<span>6</span></p> </div> </div> </div> </div> </section> <footer> <div class="foot1"> <p>©2016 猫眼电影 maoyan.com 京ICP证160733号 京ICP备16022489号-1 京公网安备 11010102003232号 网络文化经营许可证 电子公告服务规则</p> <p> 北京猫眼文化传媒有限公司</p> </div> </footer> </body> </html>
css-Operation Mekong.css
section { width: 100%; height: 100%; } section .hit { width: 100%; height: 376px; background-image: url(../pc/img/banner.11111.png); background-repeat: no-repeat; background-size: cover; } section .hit .hiter { height: 376px; margin: auto; box-sizing: border-box; position: relative; font-size: 16px; } section .hit .hiter .hitl { width: 300px; height: 370px; z-index: 222; box-sizing: border-box; padding: 0 30px; position: absolute; top: 70px; } section .hit .hiter .hitl .hitl1 { width: 231px; height: 322px; border: 4px solid white; } section .hit .hiter .hitl .yy1 { height: 12px; background: #f5f5f5; border: 0.5px dashed white; } section .hit .hiter .hitl .yy2 { height: 12px; background: #f9f9f9; border: 0.5px dashed white; } section .hit .hiter .hitl .yy3 { height: 12px; background: #fdfdfd; border: 0.5px dashed white; } section .hit .hiter .hitl2 { width: 870px; height: 300px; position: relative; top: 70px; left: 300px; } section .hit .hiter .hitl2 .hitl2-1 { width: 250px; height: 300px; color: white; } section .hit .hiter .hitl2 .hitl2-1 h1 { font-size: 26px; font-weight: bold; } section .hit .hiter .hitl2 .hitl2-1 p { font-size: 18px; margin-bottom: 14px; } section .hit .hiter .hitl2 .hitl2-1 li { font-size: 12px; margin: 12px 0; } section .hit .hiter .hitl2 .hitl2-1 .want { font-size: 14px; margin-top: 50px; position: absolute; bottom: 50px; } section .hit .hiter .hitl2 .hitl2-1 .want span { background-color: #756189; margin-right: 10px; padding: 8px 35px; text-align: center; } section .hit .hiter .hitl2 .hitl2-2 { width: 340px; height: 160px; position: absolute; right: 0; top: 100px; } section .hit .hiter .hitl2 .hitl2-2 .hi1 { height: 80px; width: 340px; display: flex; justify-content: space-between; } section .hit .hiter .hitl2 .hitl2-2 .hi1 .hi2 { width: 100px; height: 80px; border: 0.5px solid #58516c; background-color: #2e2647; } section .hit .hiter .hitl2 .hitl2-2 .hi1 .hi2 .hi2-1 { width: 60px; height: 18px; background-color: #ef4238; line-height: 18px; text-align: center; font-size: 14px; color: white; position: relative; top: -10px; left: 20px; } section .hit .hiter .hitl2 .hitl2-2 .hi1 .hi2 .hi2-2 { color: #ffb400; font-size: 24px; text-align: center; line-height: 28px; } section .hit .hiter .hitl2 .hitl2-2 .hi1 .hi2 .hi2-3 { color: white; font-size: 12px; text-align: center; line-height: 28px; } section .hit .hiter .hitl2 .hitl2-2 .hi1 .hi2 .hi2-4 { font-size: 20px; line-height: 50px; text-align: center; color: white; } section .hit .hiter .hitl2 .hitl2-2 .hi3 { width: 340px; height: 50px; margin-top: 30px; background-color: #ef2d2d; color: white; line-height: 50px; text-align: center; font-size: 20px; } section .hit .hiter .wit { width: 1200px; height: 80px; background: white; position: absolute; bottom: -55px; border-left: 0.5px solid #e9e9e9; border-right: 0.5px solid #e9e9e9; } section .bod { margin: 70px auto 100px; display: flex; justify-content: space-between; } section .bod .bol { width: 730px; box-sizing: border-box; } section .bod .bol .poit { width: 730px; height: 30px; border-bottom: 2px solid #eeeeee; margin-bottom: 30px; } section .bod .bol .poit .poit1 { font-size: 18px; float: left; line-height: 30px; margin-right: 30px; } section .bod .bol .poit .poit1-1 { color: #ef4238; border-bottom: 2px solid #ef4238; } section .bod .bol .tit { width: 730px; height: 18px; border-left: solid #ef4238; padding-left: 10px; font-size: 18px; margin-bottom: 20px; box-sizing: border-box; } section .bod .bol .tit span { color: #999999; float: right; font-size: 14px; } section .bod .bol .tit .dp { color: #ef4238; float: right; font-size: 14px; border: 1px solid #ef4238; padding: 5px 10px; border-radius: 10px; } section .bod .bol .tit1 { font-size: 14px; line-height: 26px; margin-bottom: 60px; } section .bod .bol .mans { width: 730px; height: 263px; font-size: 16px; display: flex; box-sizing: border-box; margin-bottom: 50px; justify-content: space-between; } section .bod .bol .mans .man { width: 128px; height: 263px; box-sizing: border-box; } section .bod .bol .mans .man .man1 { height: 21px; margin-bottom: 14px; } section .bod .bol .mans .man .man2 { height: 20px; margin-top: 8px; text-align: center; } section .bod .bol .mans .man .man3 { height: 17px; font-size: 14px; text-align: center; color: #999999; } section .bod .bol .picture { width: 730px; box-sizing: border-box; height: 258px; display: flex; margin-bottom: 50px; justify-content: space-between; } section .bod .bol .picture .pic1 { width: 465px; } section .bod .bol .picture .pic2 { width: 258px; height: 265px; display: flex; justify-content: space-between; flex-wrap: wrap; } section .bod .bol .picture .pic2 .pic4 { width: 126px; height: 126px; } section .bod .bol .rmpt { box-sizing: border-box; display: flex; } section .bod .bol .rmpt .rmpl1-1 { width: 50px; height: 133px; padding: 20px 0; margin-right: 20px; box-sizing: border-box; position: relative; } section .bod .bol .rmpt .rmpl1-1 .user { width: 50px; height: 50px; } section .bod .bol .rmpt .rmpl1-1 .v { position: absolute; top: 50px; left: 30px; } section .bod .bol .rmpt .rmpl1-2 { width: 665px; padding: 20px 0; box-sizing: border-box; border-bottom: 0.5px solid #e5e5e5; } section .bod .bol .rmpt .rmpl1-2 .rmpl-m { color: #333; font-size: 16px; } section .bod .bol .rmpt .rmpl1-2 .rmpl-m .go { display: inline-block; width: 14px; height: 14px; border: 1px solid #7cc6f9; border-radius: 2px; color: #7cc6f9; font-size: 12px; line-height: 14px; text-align: center; } section .bod .bol .rmpt .rmpl1-2 .rmpl-t { margin-top: 10px; margin-bottom: 20px; font-size: 16px; color: #999; } section .bod .bol .rmpt .rmpl1-2 .rmpl-a { color: #666; font-size: 14px; line-height: 24px; } section .bod .bol .rmpt .rmpl1-2 .rmpl-j { float: right; font-size: 14px; color: #999999; } section .bod .bor { width: 360px; box-sizing: border-box; } section .bod .bor .bor1 { width: 360px; border-left: solid #ef2d2d; height: 21px; font-size: 18px; padding-left: 10px; margin-bottom: 20px; } section .bod .bor .bor2 { width: 360px; height: 86px; font-size: 16px; display: flex; justify-content: space-between; margin-bottom: 15px; } section .bod .bor .bor2 .bor2-1 { width: 140px; height: 86px; } section .bod .bor .bor2 .bor2-2 { width: 210px; height: 86px; } section .bod .bor .bor2 .bor2-2 .bor2-2-1 { height: 60px; line-height: 22px; } section .bod .bor .bor2 .bor2-2 .bor2-2-2 { font-size: 14px; color: #999999; } section .bod .bor .borr { margin: 50px 0; } section .bod .bor .boxa { width: 360px; border: solid white; box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: space-between; } section .bod .bor .boxa .boxa1 { width: 106px; height: 205px; box-sizing: border-box; font-size: 16px; margin: 10px 0px 20px 0; } section .bod .bor .boxa .boxa1 .ba1 { width: 106px; height: 30px; text-align: center; line-height: 30px; } section .bod .bor .boxa .boxa1 .ba2 { height: 30px; text-align: center; line-height: 30px; font-style: italic; color: #ffbb00; } section .bod .bor .boxa .boxa1 .ba2 span { font-size: 12px; }
CSS-all.css
* { margin: 0; padding: 0; } header { width: 100%; border-bottom: 0.5px solid #999999; position: fixed; background: white; z-index: 999; overflow: hidden; min-width: 1200px; left: 0px; } header .top { height: 100%; margin: auto; } header .top img { margin: 20px 0; float: left; } header .top form { float: left; } header .top form select { width: 50px; height: 80px; border: 0; margin: 0 20px; } header .top .nav { float: left; height: 80px; font-size: 18px; } header .top .nav ul li { float: left; padding: 0 22px; line-height: 80px; } header .top .nav ul li .n1 { color: white; } header .top .nav ul li .n2:hover { color: #ef4238; } header .top .nav ul li:nth-child(1) { background: #ef4238; color: white; } header .top .topr { float: right; } header .top .topr form { margin: 20px 0; position: relative; } header .top .topr form input { border: 0.5px solid #999999; height: 40px; width: 260px; border-radius: 50px; padding: 0 20px; } header .top .topr form .submit { position: absolute; left: 220px; font-size: 0; top: 0; height: 40px; width: 40px; border-radius: 50%; background-color: #ef4238; background-image: url(../pc/img2/search.png); } header .top .DL { float: right; margin: 0 20px; } .clear { width: 1200px; height: 80px; } section { height: 1900px; width: 1200px; } footer { width: 100%; /* height: 153px; */ background: #262426; box-sizing: border-box; } footer .foot1 { width: 1200px; /* height: 153px; */ margin: auto; padding: 60px 0; } footer .foot1 p { text-align: center; font-size: 12px; color: #999999; }
css-publi.css
body{ font-family: "微软雅黑","黑体",sans-serif; background-color: #fff; /* 去除文本节点所占据的宽度 */ font-size: 0; } a{ text-decoration: none; display: inline-block; color: black; } input,button{ border: none; outline: none; background: transparent; } li{ list-style: none; } ul,p,dl,dd,h4,ol{ margin: 0; padding: 0; font-weight: normal; } .holderColor::-webkit-input-placeholder{ color: #a9a9a9; } .w{ width: 1200px; } .fl{ float: left; } .fr{ float: right; } .vh{ visibility: hidden; }
变秃了 也变强了
