没完成的项目
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<link rel="stylesheet" href="indexl3.css">
</head>
<body>
<div class="hader">
<div class="hader-left">
<div class="hader-left1">
<div class="hader-left2">
<img src="logo_in.png" alt="" class="img1"></div>
<div class="hader-left2">
<p> 成都</p></div>
<div class="hader-left3">
<nav class="heder-left3-1">
<a href="" style="color:black " >首页</a>   
<a href="day1.html" style="color:black ">电影</a>   
<a href="day2.html" style="color:black ">榜单</a>   
<a href="day3.html" style="color:black ">热点</a>  
</nav>
</div>
</div>
</div>
<div class="hader-reft">
<div class="hader-reft-1">
<input type="text" class="noe"></div>
<div class="hader-reft-2">
<a href="day4.html"><img src="search.png" alt=""></a></div>
<div class="hader-reft-3">
<img src="login.png" alt=""></div>
</div>
</div>
<div class="content">
<div class="content-header">
<div class="header-left">
<div class="header-left1"><img src="details_meigonghe_03.jpg" alt=""></div>
<div class="header-left2">
<div class="header-left2-1"> <h2>湄公河行动</h2> Operation Mekong</div>
<div class="header-left2-2">动作，犯罪，剧情 <br>中国大陆，中国香港/124分钟 <br>2016-09-30大陆上映</div>
<div class="header-left3">
<div class="header-left3-1"><img src="details_heart.png" alt=""> 想看</div>
<div class="header-left3-2"><img src="details_star.png" alt=""> 评分</div>
</div>
</div>
<div class="header-reft">
<div class="header-reft1">
<div class="header-reft1-1">
<div class="header-reft1-1-1">用户评分</div>
<div class="header-reft1-1-2">9.3</div>
<div class="header-reft1-1-3">（55.6万人评分）</div>
</div>
<div class="header-reft1-2">
<div class="header-reft1-1-1">专业评分</div>
<div class="header-reft1-1-2">6.4</div>
<div class="header-reft1-1-3">（45人评分）</div>
</div>
<div class="header-reft1-3">
<div class="header-reft1-1-1">累计票房</div>
<div class="header-reft1-1-2"> </div>
<div class="header-reft1-1-3">10.33亿</div>
</div>
</div>
<div class="header-reft2">
<div class="header-reft2-1"><a href="day6.html" style="color:white">立即购票</a></div>
</div>
</div>
</div>
<div class="content-noe">
<div class="content-left">
<div class="content-left1">
<nav class="content-left1-1">
<a href="">介绍</a>
<a href="">演职人员</a>
<a href="">奖项</a>
<a href="">图集</a>
</nav>
<div class="content-left1-2">
<!-- <div class="content-left1-2.1"></div> -->
<h2>剧情简介</h2>
<p>
2011年10月5日,两艘中国商船在湄公河金三角遭遇袭击，13名中国船员全部遇难，泰国警方从船上搜出90万颗冰毒，消息传回国内，举国曾经。为了查明真相，云南缉毒总队长高刚（张涵予 饰）接受了特殊任务，率领一支骁勇善战的战斗小组进入泰国境内，与潜伏在泰国的情报员新武（彭于晏 饰）碰头，二人联手深入金三角查案。进过调查，发现案件背后果然有着重重疑点，真正的凶手在嫁祸残害无辜中国船员后，不但逍遥法外。更意图利用毒品制造更大的阴谋......二人决定，不惜一切代价也要拿下真凶，打击毒品犯罪，为无辜国人讨回公道！
</p>
</div>
</div>
<div class="content-left2">
<div class="content-left2-1">
<h2>演职人员</h2>
<div class="content-left2-1-3">
全部
</div>
</div>
<div class="content-left2-2">
<div class="content-left2-2-1">导演</div>
<div class="content-left2-2-2">演员</div>
</div>
<div class="content-left2-img">
<img src="details_fengxiaogang_07.jpg" alt="" >
<img src="details_zhanghanyu_09.jpg" alt="" >
<img src="details_pengyuyan_11.jpg" alt="" >
<img src="details_fengwenjuan_13.jpg" alt="" >
<img src="details_wuxudong_15.jpg" alt="" >
</div>
</div>
<div class="content-left2-3">
<div class="q">林超贤</div>
<div class="w">张涵予 </div>
<div class="e">彭于晏 </div>
<div class="r">冯文娟 </div>
<div class="t">吴旭东 </div>
</div>
<div class="content-left2-4">
<div class="a"> 饰：高刚</div>
<div class="s">饰：方新武</div>
<div class="d"> 饰：郭冰</div>
<div class="f">饰：特警队长</div>
</div>
<div class="content-left3">
<div class="content-left3-1">
<div class="content-left3-1-1">图集</div>
<div class="content-left3-1-2">全部</div>
</div >
<div class="content-left3-2">
<div class="content-left3-2-1"> </div>
<div class="content-left3-2-2">
<div class="content-left3-3-1">
<img src="details_gallery5_31.jpg" alt="" class="one2">
<img src="details_gallery3_26.jpg" alt="" class="one2"></div>
<div class="content-left3-3-2">
<img src="details_gallery4_30.jpg" alt="" class="one2">
<img src="details_gallery5_31.jpg" alt="" class="one2"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="content-reft">
<div class="content-reft1">
<h3>相关资讯</h3>
<div class="content-reft1-1">
<div class="reft1-1-1">
<img src="details_ten_07.jpg" alt="">
</div>
<div class="reft1-1-2">
<div class="reft1-1-2-1">《湄公河行动》上映20天票房突破10亿大关</div>
<div class="reft1-1-2-2">
<div>猫眼电影</div>
<div><img src="viewIcon.png" alt="">21145</div>
<div><img src="commentIcon.png" alt="">111</div>
</div>
</div>
</div>
<div class="content-reft1-2">
<div class="reft1-2-1">
<img src="details_info_10.jpg" alt="">
</div>
<div class="reft1-2-0">
<div class="reft1-2-2-1">《湄公河行动》不仅彭于晏没有死，哮天也没有死</div>
<div class="reft1-2-2-2">
<div>橘子娱乐</div>
<div><img src="viewIcon.png" alt="">2953</div>
<div><img src="commentIcon.png" alt="">5</div>
</div>
</div>
</div>
<div class="content-reft1-3">
<div class="reft1-3-1">
<img src="details_info3_13.jpg" alt="">
</div>
<div class="reft1-3-0">
<div class="reft1-3-2-1">《湄公河》2.7连冠，周大盘大跌52%</div>
<div class="reft1-3-2-2">
<div>猫眼电影</div>
<div><img src="viewIcon.png" alt="">46646</div>
<div><img src="commentIcon.png" alt="">76</div>
</div>
</div>
</div>
</div>
<div class="content-reft2">
<h3>相关电影</h3>
<div class="content-reft2-1">
<div class="content-reft2-1-1">
<div><img src="details_related1_27.png" alt=""></div>
<div class="content-reft2-1-1-1"><img src="details_related2_29.png" alt=""></div>
<div class="content-reft2-1-1-1"><img src="details_related1_27.png" alt=""></div>
</div>
<div class="content-reft2-1-2">
<div class="content-reft2-1-2-1">反贪风暴</div>
<div class="content-reft2-1-3-1">追凶者也</div>
<div class="content-reft2-1-3-1">惊天破</div>
</div>
<div class="content-reft2-1-3">
<div class="content-reft2-1-3-4"><p><i>8.3</i></p> </div>
<div class="content-reft2-1-3-5"><p><i>8.5</i></p> </div>
<div class="content-reft2-1-3-5"><p><i>6.6</i></p> </div>
</div>
</div>
<div class="content-reft2-2">
<div class="content-reft2-1-1">
<div><img src="details_related4_41.png" alt=""></div>
<div class="content-reft2-1-1-1"><img src="details_related5_32.jpg" alt=""></div>
<div class="content-reft2-1-1-1"><img src="details_related6_43.jpg" alt=""></div>
</div>
<div class="content-reft2-1-2">
<div class="content-reft2-1-2-1">机械师2：复活</div>
<div class="content-reft2-1-3-1">巴黎危机</div>
<div class="content-reft2-1-3-1">寒战</div>
</div>
<div class="content-reft2-1-3">
<div class="content-reft2-1-3-4"><p><i>8.9</i></p> </div>
<div class="content-reft2-1-3-5"><p><i>8.3</i></p> </div>
<div class="content-reft2-1-3-5"><p><i>8.6</i></p> </div>
</div>
</div>
</div>
</div>
<div class="footed">
<div class="footed0"><h4>热门知评</h4> <div class="footed0-1">写追评</div></div>
<div class="footed1">
<div class="footed1-0">
<div class="footed1-1">
<img src="details_guest.png" alt="">
</div>
<div class="footed1-2">
<div class="footed1-a">
<p>yufujin</p>
<div class="footed1-a-1"> 购 </div>
<div class="footed1-a-2">09-30<img src="1112.jpg" alt=""></div>
<div class="footed1-b">
<div><img src="good.png" alt=""></div>
<div>12058</div>
</div>
</div>
</div>
</div>
<div>
<div class="footed1-3">
<p>
太好看了，难得的动作片，林导的作品都是经典。为什么这么好看的作品档期居然没有爵迹高，像爵迹那种
垃圾片简直侮辱国产片！湄公河才是良心超棒的动作片！
</p>
</div>
</div>
</div>
<div class="footed1">
<div class="footed1-0">
<div class="footed1-1">
<img src="details_guest.png" alt="">
</div>
<div class="footed1-2">
<div class="footed1-a">
<p>vsx273234182</p>
<div class="footed1-a-1"> 购 </div>
<div class="footed1-a-3">09-30<img src="1112.jpg" alt=""></div>
<div class="footed1-b">
<div><img src="good.png" alt=""></div>
<div>3488</div>
</div>
</div>
</div>
</div>
<div>
<div class="footed1-3">
<p>
好看，就是后面坐了两个话痨，没素质，说话可以，但是影响别人了，还从开始说到结束，记得下次去看请小声点
</p>
</div>
</div>
</div>
<div class="footed1">
<div class="footed1-0">
<div class="footed1-1">
<img src="details_guest.png" alt="">
</div>
<div class="footed1-2">
<div class="footed1-a">
<p>xDa392505507</p>
<div class="footed1-a-1"> 购 </div>
<div class="footed1-a-3">09-30<img src="1112.jpg" alt=""></div>
<div class="footed1-b">
<div><img src="good.png" alt=""></div>
<div>2629</div>
</div>
</div>
</div>
</div>
<div>
<div class="footed1-3">
<p>
很好看，看了才知道是真实故事改编的，如果是3D更好
</p>
</div>
</div>
</div>
<div class="footed1">
<div class="footed1-0">
<div class="footed1-1">
<img src="head02.png" alt="">
</div>
<div class="footed1-2">
<div class="footed1-a">
<p>圪圪儿gg</p>
<div class="footed1-a-1"> 购 </div>
<div class="footed1-a-4">09-30<img src="1112.jpg" alt=""></div>
<div class="footed1-b">
<div><img src="good.png" alt=""></div>
<div>1021</div>
</div>
</div>
</div>
</div>
<div>
<div class="footed1-3">
<p>
如果不是真的期待，是不会大半夜跑去看首映，根据真实事件改编，让我了解到了当初湄公河案的背后，枪林弹雨，生死线上的徘徊，人性的挣扎不是简单几句结论和书面文字所能表达的；留一分不给是因为后边的英雄主义，以及结尾的仓促，而方刚回忆与方新武的一段对话，让我总以为方是要留在金三角，他还活着
</p>
</div>
</div>
</div>
<div class="footed1">
<div class="footed1-0">
<div class="footed1-1">
<img src="details_guest.png" alt="">
</div>
<div class="footed1-2">
<div class="footed1-a">
<p>郭峰帅</p>
<div class="footed1-a-1"> 购 </div>
<div class="footed1-a-2">09-30<img src="1112.jpg" alt=""></div>
<div class="footed1-b">
<div><img src="good.png" alt=""></div>
<div>1163</div>
</div>
</div>
</div>
</div>
<div>
<div class="footed1-3">
<p>
虽然场面跟敢死队美国商业片有差距，但是体现的价值是炮火乱飞的商业片所没有的，它彰显的打击犯罪的决心，体现了国家是人民利益有力保障，让民众深刻体会到了社会稳定的重要性，同时展示了中国对于外敌的态度不仅是“抗议，谴责”，必要时定会亮出利剑。至少它体现的正义价值远超《动画片爵迹就》
</p>
</div>
</div>
</div>
<div class="footed1-noe">
<div class="footed1-0">
<div class="footed1-1">
<img src="head03.png" alt="">
</div>
<div class="footed1-2">
<div class="footed1-a">
<p>neverend</p>
<div class="footed1-a-1"> 购 </div>
<div class="footed1-a-5">10-1<img src="1112.jpg" alt=""></div>
<div class="footed1-b">
<div><img src="good.png" alt=""></div>
<div>507</div>
</div>
</div>
</div>
</div>
<div>
<div class="footed1-3">
<p>
电影总体看来有打斗，有温情，有笑点，也有一些思考比如童子军。因为之前看过电视剧版的关系，一边在看一边与电视剧版的进度进行比较，可能会影响对电影的理解。但总体来说，个人认为电视剧版更好。剧情铺垫够，展开的够庞大而且对于其中的国家情怀渲染更有力。相比之下，电影版就单薄多了，更多时候是张涵予和彭于晏的个人秀和小组秀。而其作为一个现实改编，显然是不现实的，导演对于这个度的把握还有欠缺，不得不说，剧情线是很单薄的，电视剧虽然长但不失其吸引力，就这点来说，差的多了。导演应该是港台吧，对于那种家国情怀还是不够，差很多。其实想说是烂片，但现实的环境里，算合格吧。哦，对了，看完电影脑子里一直回想的是直升机直升机
</p>
</div>
</div>
</div>
<div class="footed1">
<div class="footed1-0">
<div class="footed1-1">
<img src="details_guest.png" alt="">
</div>
<div class="footed1-2">
<div class="footed1-a">
<p>UAw398310393</p>
<div class="footed1-a-1"> 购 </div>
<div class="footed1-a-6">09-30<img src="1112.jpg" alt=""></div>
<div class="footed1-b">
<div><img src="good.png" alt=""></div>
<div>310</div>
</div>
</div>
</div>
</div>
<div>
<div class="footed1-3">
<p>
12点的首映，超了10分钟都没开始，万达太恶心了
</p>
</div>
</div>
</div>
<div class="footed1">
<div class="footed1-0">
<div class="footed1-1">
<img src="head.png" alt="">
</div>
<div class="footed1-2">
<div class="footed1-a">
<p>rimy</p>
<div class="footed1-a-1"> 购 </div>
<div class="footed1-a-7">09-30<img src="1112.jpg" alt=""></div>
<div class="footed1-b">
<div><img src="good.png" alt=""></div>
<div>778</div>
</div>
</div>
</div>
</div>
<div>
<div class="footed1-3">
<p>
绝对的满分 特效 场景 高科技设备完全不输给好莱坞大片
</p>
</div>
</div>
</div>
<div class="footed1">
<div class="footed1-0">
<div class="footed1-1">
<img src="head01.png" alt="">
</div>
<div class="footed1-2">
<div class="footed1-a">
<p>百晴</p>
<div class="footed1-a-1"> 购 </div>
<div class="footed1-a-7">09-30<img src="1112.jpg" alt=""></div>
<div class="footed1-b">
<div><img src="good.png" alt=""></div>
<div>871</div>
</div>
</div>
</div>
</div>
<div>
<div class="footed1-3">
<p>
这部影片总的来说，是挺不错的，枪战部分很精彩，就是方新武的内心戏感觉还不是很到位，湄公河行动就是我们中国国家强大影响力的体现，也是这次行动祭奠了惨死在湄公河的十三名中国同胞，有你们这群奋战在一线的缉毒警察为祖国和人民作出的牺牲和贡献。才有我们现在远离毒品的幸福安康的生活。
</p>
</div>
</div>
</div>
<div class="footed1">
<div class="footed1-0">
<div class="footed1-1">
<img src="details_guest.png" alt="">
</div>
<div class="footed1-2">
<div class="footed1-a">
<p>QAR416956352</p>
<div class="footed1-a-1"> 购 </div>
<div class="footed1-a-6">09-30<img src="1112.jpg" alt=""></div>
<div class="footed1-b">
<div><img src="good.png" alt=""></div>
<div>677</div>
</div>
</div>
</div>
</div>
<div>
<div class="footed1-3">
<p>
<img src="details_good.png" alt=""> <img src="details_good.png" alt=""> <img src="details_good.png" alt="">国庆档最期待的电影《湄公河行动》出乎意料的精彩，紧张 刺激 血腥 暴力......电影开门见山进入主题，那个离我们并不久远的惨剧人寰杀戮事件湄公河惨案重现。把观众带到醉生梦死、龙蛇混杂、三教九流的金三角地带。好看！强烈推荐！
</p>
</div>
</div>
</div>
</div>
<div class="foot">
<div class="foot111">
©2016 猫眼电影 maoyan.com 京ICP证160733号 京ICP备16022489号-1 京公安备 11010502030881号 网络文化经营许可证 电子公告服务规则 <br>
北京猫眼文化传媒有限公司
</div>
</div>
</body>
</html>
.CSS
.hader{
width:1907px;
height: 81px;
/* border: 2px solid black; */
display: flex;
}
.hader-left{
width: 50%;
height: 80px;
/* border: 2px solid blue; */
}
.hader-left1{
display:flex;
}
.img1{
margin:20px 54px 20px 350px;
}
.hader-left2 p{
margin-top: 30px;
}
.hader-left3{
color: black;
margin: 30px 10px 30px 45px;
}
.heder-left3-1 a{
/* border: 1px solid black; */
text-decoration: none;
/* a标签清除下划线 */
}
/* .nav {
color: black;
text-decoration: none;
} */
.hader-left3 nav a:hover{
background: rgb(255, 0, 170);
}
.hader-reft{
width: 50%;
height: 80px;
display: flex;
/* border: 2px solid chartreuse; */
}
.hader-reft-1{
border-radius: 5px 5px;
margin-left:240px;
margin-top: 30px;
}
.hader-reft-2{
margin-left:-10px;
margin-top: 20px;
}
.hader-reft-3 :hover{
opacity: 0.5;
}
.hader-reft-3{
margin-left:17px;
margin-top: 20px;
}
.content{
width: 1907px;
height: 3530px;
/* border: 1px solid black; */
}
.content-header{
width: 1907;
height: 330px;
/* border: 1px solid rebeccapurple; */
background-image: url(banner.11111.png)
}
.header-left{
width: 1201px;
height: 345px;
margin-left: 380px;
margin-top: 70px;
/* border: 1px solid orange; */
display: flex;
}
.header-left1{
width: 238px;
height: 325px;
/* border: 5px solid white; */
}
.header-left1 img{
width: 238px;
height: 325px;
}
.header-left2{
width: 345px;
height: 273px;
color: white;
margin-left: 30px;
/* border: 5px solid red; */
}
.header-left3{
width: 250px;
height: 36px;
display: flex;
margin-top: 30px;
text-align: center;
}
.header-left3-1{
width:120px;
height:36px;
background:#756189;
}
/* .header-left3-1-1{
padding-top: 2px;
}
.header-left3-2-1{
padding-top: 2px;
} */
.header-left3-2{
width:120px;
height:36px;
margin-left: 10px;
background:#756189;
}
.header-reft{
width: 433px;
height: 180px;
margin-left: 80px;
margin-top: 90px;
/* border: 5px solid darkmagenta; */
}
.header-reft1{
display: flex;
background-color: #2e2647;
}
.header-reft1-1{
width: 140px;
height: 80px;
/* border: 2px solid slategrey; */
}
.header-reft1-1-1{
width: 58px;
height: 17px;
font-size: 11px;
margin-left: 40px;
margin-top: -10px;
color: white;
/* border: 2px solid khaki; */
background: #ef4238;
}
.header-reft1-1-2{
font-size: 19px;
color: #ffc600;
font-style: italic;
text-align: center;
}
.header-reft1-1-3{
color: white;
/* border: 2px solid khaki; */
/* margin-bottom: 12px; */
}
.header-reft1-2{
width: 140px;
height: 80px;
margin-left: 12px;
/* border: 2px solid slategrey; */
}
.header-reft1-3{
width: 140px;
height: 80px;
margin-left: 12px;
/* border: 2px solid slategrey; */
}
.header-reft2{
width: 440px;
height: 50px;
text-align: center;
background-color:#df2d2d;
margin-top: 22px;
}
.header-reft2-1 a{
text-decoration: none;
}
.header-reft2-1{
padding-top: 12px;
}
.content-noe{
width: 1200px;
height: 1107px;
/* border: 1px solid rgb(10, 170, 82); */
margin-left: 347px;
margin-top: -80px;
background-color: white;
display:flex;
}
.content-left{
width: 731px;
height: 1110px;
/* border: 2px solid springgreen; */
}
.content-left1{
width: 734px;
height: 300px;
/* border: 2px solid lawngreen; */
margin-top: 115px;
color: #8c338c
}
.content-left1 a{
text-decoration: none;
}
.content-left1 nav a:hover{
color: red;
}
.content-left1-2 h2{
padding-top: -20px;
border-left: 5px solid #ef4238;
padding-left: 5px;
}
/* .content-reft{
width: 455px;
height: 1100;
border: 2px solid red;
} */
.content-left2-1{
/* border: 1px solid firebrick; */
display:flex;
}
.content-left2-2{
margin-bottom: 10px;
display:flex;
}
.content-left2-2-2{
margin-left: 130px;
}
.content-left2-1-3{
/* border: 1px solid lawngreen; */
margin-left: 570px;
margin-top: 25px;
}
.content-left2-3{
display:flex;
margin-top: 20px;
/* border: 2px solid lawngreen; */
}
.q{
margin-left: 40px;
}
.w{
margin-left: 80px;
}
.e{
margin-left: 90px;
}
.r{
margin-left: 90px;
}
.t{
margin-left: 90px;
}
.a{
margin-left: 150px;
}
.s{
margin-left: 70px
}
.d{
margin-left:70px
}
.f{
margin-left: 70px
}
.content-left2-4{
display:flex;
margin-top: 0px;
}
.content-left3{
width: 728px;
height: 343px;
/* border: 2px solid gold; */
}
.content-left3-1{
height: 55px;
/* border: 2px solid khaki; */
display: flex;
}
.content-left3-1-1{
margin-top: 10px;
}
.content-left3-1-2{
margin-top: 10px;
margin-left: 650px;
}
.content-left3-2{
width:728px;
height: 260px;
/* border: 2px solid red; */
display: flex;
background-image: url(details_gallery1_22.jpg)
}
.content-left3-2-1{
width: 465px;
height:260px ;
/* border: 2px solid hotpink; */
display: inline-block;
}
.content-left3-2-2{
width: 257px;
height:257px ;
/* border: 2px solid lawngreen; */
display: flex;
}
.content-left3-2-2 img.one2{
width: 120px;
height: 120px;
}
.content-reft{
width: 360px;
height:900px;
margin-left: 1200px;
/* border: 2px solid indigo; */
}
.content-reft1{
width: 370px;
height: 370px;
/* border: 1px solid slateblue; */
}
.content-reft1-1{
display: flex;
}
.reft1-1-2-2{
display: flex;
margin-top: 15px;
}
.content-reft1-2{
display: flex;
}
.reft1-2-2-2{
display: flex;
margin-top: 15px;
}
.content-reft1-3{
display: flex;
}
.reft1-3-2-2{
display: flex;
margin-top: 15px;
}
.reft1-3-2-2{
display: flex;
margin-top: 15px;
}
.content-reft2{
width: 370px;
height: 525px;
/* border: 3px solid chartreuse; */
}
.content-reft2-1-1{
display: flex;
}
.content-reft2-1-1-1{
margin-left: 25px;
}
.content-reft2-1-2{
display: flex;
}
.content-reft2-1-2-1{
margin-top: 15px;
margin-left: 25px;
}
.content-reft2-1-3-1{
margin-top: 15px;
margin-left: 65px;
}
.content-reft2-1-3{
color: #ffb477;
display: flex;
}
.content-reft2-1-3-4{
margin-top: 5px;
margin-left: 35px;
}
.content-reft2-1-3-5{
margin-top: 5px;
margin-left: 105px;
}
.footed{
width: 770px;
height: 1900px;
margin-top: 170px;
margin-left: 347px;
/* border: 2px solid purple; */
}
.footed0{
display: flex;
}
.footed0-1{
margin-top: 20px;
margin-left: 650px;
padding-top: 10px;
/* text-align: center; */
/* border: 2px solid lightcoral; */
border-radius: 50%;
color: lightcoral;
}
.footed1{
width: 770px;
height: 162px;
/* border:2px solid #df2d2d; */
/* display: flex; */
}
.footed1-0{
display: flex;
}
.footed1-1{
width: 50px;
height: 50px;
display: flex;
/* border:2px solid #df2d2d; */
}
.footed1-2{
margin-left: 10px;
display: flex;
}
.footed1-a{
display: flex;
}
.footed1-a p{
margin-top: 0px;
height: 20px;
/* border: 1px solid #7790ff; */
}
.footed1-a-1{
width: 20px;
height: 20px;
color: #7790ff;
padding-left: 3px;
/* padding-top: 1px; */
margin-top: 0px;
/* border: 1px solid #7790ff; */
}
.footed1-a-2{
margin-top: 30px;
margin-left: -80px;
}
.footed1-b{
display: flex;
margin-top: 20px;
margin-left: 500px;
}
.footed1-3 p{
margin-left: 65px;
}
.footed1-a-3{
margin-top: 30px;
margin-left: -135px;
}
.footed1-a-4{
margin-top: 30px;
margin-left: -90px;
}
.footed1-noe{
width: 770px;
height: 242px;
/* border:2px solid #df2d2d; */
}
.footed1-a-5{
margin-top: 30px;
margin-left: -100px;
}
.footed1-a-6{
margin-top: 30px;
margin-left: -150px;
}
.footed1-a-7{
margin-top: 30px;
margin-left: -60px;
}
.foot{
width: 1907px;
height: 156px;
text-align: center;
color: white;
background-color: black;
}
.foot111{
/* border: 2px solid red; */
padding-top: 45px;
}
.reft1-1-2-2{
margin-left: 15px;
}
.reft1-2-2-2{
margin-left: 15px;
}
.reft1-3-2-2{
margin-left: 15px;
}
