<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>美團(tuán)</title>
<style>
{
margin:0px;
padding: 0px;
}
.clearfix:after,.clearfix:before{content: '';display: table;}.clearfix:after{clear: both;}.clearfix{zoom:1;}
.box{
width: 1326px;
margin: 0 auto;
}
.head{
width:1326px;
height: 38px;
background: #f8f8f8;
}
.meituan{
width: 1326px;
height: 159px;
background-color: #fff;
}
.center{
width: 1326px;
height: 4670px;
background-color: #f8f8f8;
}
.top{
width: 1190px;
height:427px;
position: relative;
float: left;
}
.top_left{
width: 231px;
height: 474px;
background-color: #2ab8af;
margin-left: 68px;
position: absolute;
left: 0;top: -47px;
}
.top_conter{
width: 952px;
height: 416px;
margin: 0 auto;
}
.top_top{
width: 952px;
height: 242px;
margin-left: 194px;
margin-top: 10px;
}
.top_top_left{
width: 551px;
height: 242px;
background-color: #2de6ac;
float: left;
}
.top_top_conter{
width: 150px;
height:242px;
background-color: #ffc033;
float: left;
margin-left: 10px;
}
.top_top_rigth{
width: 228px;
height:242px;
background-color: #eaeaea;
float: right;
}
.top_bottom{
width: 952px;
height: 242px;
margin-left: 194px;
margin-top: 10px;
}
.top_bottom_left{
width: 272px;
height: 165px;
background-color: #2889ff;
float: left;
}
.top_bottom_conter{
width: 272px;
height: 165px;
background-color: #d67121;
margin-left: 6px;
float: left;
}
.top_bottom_right{
width: 150px;
height:165px;
background-color: #637087;
float: left;
margin-left: 10px;
}
.top_bottom_right_a{
width: 228px;
height:165px;
background:#000000;
float: right;
}
.cos{
width: 1190px;
height:640px;
margin: 0 auto;
padding-top: 455px;
}
.cos_top{
width: 1190px;
height:44px;
background-color: #c0a97f;
}
.cos_bottom{
width: 1190px;
height: 555px;
background: #cf4d8d;
}
.css{
width: 1190px;
height:640px;
margin: 0 auto;
}
.mao{
width: 1190px;
height: 378px;
margin: 0 auto;
}
.mao_top{
width: 1190px;
height: 44px;
background: #f8425b;
}
.mao_bottom{
width: 1190px;
height: 335px;
background: #fea32e
}
.tuei{
width: 1190px;
height:640px;
margin: 0 auto;
padding-top: 40px;
}
.cai{
width: 1190px;
height: 800px;
margin: 0 auto;
}
.cai_top{
width: 1190px;
height: 44px;
background: #13cbcd;
}
.cai_bottom{
width: 1190px;
height: 756px;
background: #d694a0;
}
.tuan{
width: 1190px;
height: 378px;
margin: 0 auto;
padding-top: 40px;
}
.yong{
width: 1190px;
height: 505px;
margin: 0 auto;
}
.yong_top{
width: 1190px;
height: 505px;
border-top: solid 1px #eaeaea;
border-bottom: solid 1px #eaeaea;
margin-top: 40px;
background: #0080b5;
}
.footer{
width: 1190px;
height: 114px;
margin: 0 auto;
}
.footer_p{
width: 1190px;
height: 114px;
background: #e16002;
}
</style>
</head>
<body>
<div class="box">
<div class="head">
</div>
<div class="meituan">
</div>
<div class="center">
<div class="top">
<div class="top_left">
</div>
<div class="top_conter">
<div class="top_top">
<div class="top_top_left">
</div>
<div class="top_top_conter">
</div>
<div class="top_top_rigth"></div>
</div>
<div class="top_bottom">
<div class="top_bottom_left"></div>
<div class="top_bottom_conter"></div>
<div class="top_bottom_right"></div>
<div class="top_bottom_right_a"></div>
</div>
</div>
</div>
<!-- 有格調(diào) -->
<div class="cos">
<div class="cos_top"></div>
<div class="cos_bottom"></div>
</div>
<!-- 很優(yōu)惠 -->
<div class="css">
<div class="cos_top"></div>
<div class="cos_bottom"></div>
</div>
<!-- 貓眼電影 -->
<div class="mao">
<div class="mao_top"></div>
<div class="mao_bottom"></div>
</div>
<!-- 推薦民族 -->
<div class="tuei">
<div class="cos_top"></div>
<div class="cos_bottom"></div>
</div>
<!-- 猜你喜歡 -->
<div class="cai">
<div class="cai_top"></div>
<div class="cai_bottom"></div>
</div>
<!-- 美團(tuán)導(dǎo)航 -->
<div class="tuan">
<div class="mao_top"></div>
<div class="mao_bottom"></div>
</div>
<div class="yong">
<div class="yong_top"></div>
</div>
<div class="footer">
<div class="footer_p"></div>
</div>
</div>
</div>
</body>
</html>