<!DOCTYPE html>
<html>
<head>
<title>网站地图 - 趣味笔记</title>
<meta charset="utf-8">
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
<style>
html,body {
height: 100%;
background-color: #f4f5f6;
}
.conter {
width:100%;
box-sizing: border-box;
padding:0 12px;
}
.title {
width:100%;
height:32px;
line-height: 32px;
font-size: 15px;
color:#222;
margin:17px 0 7px;
position:relative;
}
.r {
width:55px;
height: 23px;
line-height: 23px;
text-align: center;
font-size: 13px;
color:#f85959;
border:1px solid #f85959;
border-radius: 12px;
position:absolute;
top:2px;
right:0;
}
.box {
width:100%;
height:32px;
margin-bottom: 5px;
}
.text {
float:left;
width:22.5%;
height:30px;
line-height: 30px;
text-align: center;
font-size:14px;
color:#222;
border:1px solid #e8e8e8;
background-color: #fff;
margin-right: 7px;
}
.last {
margin-right: 0;
}
.more {
border: 1px dashed #f85959;
color:#f85959;
margin-bottom: 60px;
}
.color {
color:#f85959;
}
</style>
</head>
<body>
<div class="conter">
<div class="title">网站地图<div class="r">编辑</div></div>
<div class="box">
<div class="text color">推荐</div>
<div class="text">导航</div>
<div class="text">视频</div>
<div class="text last">影视</div>
</div>
<div class="box">
<div class="text">游戏</div>
<div class="text">新闻</div>
<div class="text">页游</div>
<div class="text last">军事</div>
</div>
<div class="box">
<div class="text">体育</div>
<div class="text">小说</div>
<div class="text">音乐</div>
<div class="text last">社区</div>
</div>
<div class="box">
<div class="text">交友</div>
<div class="text">汽车</div>
<div class="text">团购</div>
<div class="text last">女性</div>
</div>
<div class="box">
<div class="text">财经</div>
<div class="text">团购</div>
<div class="text">旅游</div>
<div class="text last">邮箱</div>
</div>
<div class="box">
<div class="text">生活</div>
<div class="text">彩票</div>
<div class="text">银行</div>
<div class="text last">招聘</div>
</div>
<div class="box">
<div class="text">电脑</div>
<div class="text">笑话</div>
<div class="text">软件</div>
<div class="text last">清新</div>
</div>
<div class="box">
<div class="text">爱好</div>
<div class="text">健康</div>
<div class="text">明星</div>
<div class="text last">手机</div>
</div>
</div>
</body>
</html>
