写完主要区域
This commit is contained in:
lsy2246
parent
424d754c51
commit
b5be1cec50
@ -49,7 +49,6 @@
|
|||||||
.nav_right .list li a{
|
.nav_right .list li a{
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
padding:0 15px;
|
padding:0 15px;
|
||||||
border-right: 1px solid;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav_right .list li:first-child a{
|
.nav_right .list li:first-child a{
|
||||||
@ -58,9 +57,14 @@
|
|||||||
|
|
||||||
.nav_right .list li:last-child a{
|
.nav_right .list li:last-child a{
|
||||||
padding-right:0;
|
padding-right:0;
|
||||||
border:0;
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.nav_right .list li:not(:last-of-type)::after{
|
||||||
|
content: "|";
|
||||||
|
position: relative;
|
||||||
|
width: 1px;
|
||||||
|
}
|
||||||
|
|
||||||
/* endregion 顶部导航条结束 */
|
/* endregion 顶部导航条结束 */
|
||||||
|
|
||||||
/* region 头部区域 */
|
/* region 头部区域 */
|
||||||
@ -104,10 +108,253 @@
|
|||||||
}
|
}
|
||||||
.main_nav .main_nav_list li{
|
.main_nav .main_nav_list li{
|
||||||
float:left;
|
float:left;
|
||||||
color:#333333;
|
|
||||||
text-align:center;
|
text-align:center;
|
||||||
line-height:48px;
|
line-height:48px;
|
||||||
margin:0 10px ;
|
margin:0 10px ;
|
||||||
}
|
}
|
||||||
|
.main_nav .main_nav_list li a:link,.main_nav .main_nav_list li a:visited{
|
||||||
|
color:#333333;
|
||||||
|
font-weight:bold;
|
||||||
|
}
|
||||||
|
.main_nav .main_nav_list li a:hover{
|
||||||
|
color:red;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
/* endregion 主导航结束 */
|
/* endregion 主导航结束 */
|
||||||
|
|
||||||
|
/* region 主要内容区 */
|
||||||
|
.main_content{
|
||||||
|
height:458px;
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main_content .slide-nav{
|
||||||
|
background-color: #F4F4F4;
|
||||||
|
height:458px;
|
||||||
|
width: 190px;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main_content .slide-nav li{
|
||||||
|
font-size:0;
|
||||||
|
height:28px;
|
||||||
|
line-height:28px;
|
||||||
|
padding-left: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main_content .slide-nav li>a{
|
||||||
|
font-size:14px;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #333333;
|
||||||
|
}
|
||||||
|
.main_content .slide-nav li>a:link,.main_content .slide-nav li>a:visited
|
||||||
|
{
|
||||||
|
color: #333333;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main_content .slide-nav li>a:hover{
|
||||||
|
color:red;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main_content .slide-nav li>a:not(:last-of-type)::after{
|
||||||
|
content: "/";
|
||||||
|
}
|
||||||
|
|
||||||
|
.main_content .slide-nav li:hover{
|
||||||
|
background-color: #A9A9A9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main_content .slide-nav li:hover .second_menu{
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main_content .slide-nav .second_menu{
|
||||||
|
height: 458px;
|
||||||
|
width: 690px;
|
||||||
|
background-color: white;
|
||||||
|
position: absolute;
|
||||||
|
left: 190px;
|
||||||
|
top: 0;
|
||||||
|
font-size: 0;
|
||||||
|
padding:10px;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main_content .slide-nav .second_menu dl{
|
||||||
|
height: 36px;
|
||||||
|
width: 670px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main_content .slide-nav .second_menu dl dt{
|
||||||
|
font-size: 14px;
|
||||||
|
float: left;
|
||||||
|
width: 70px;
|
||||||
|
margin: 0 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main_content .slide-nav .second_menu dl dt a:link,.main_content .slide-nav .second_menu dl dt a:visited{
|
||||||
|
color:#000000;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main_content .slide-nav .second_menu dl dt a:hover{
|
||||||
|
color: red;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main_content .slide-nav .second_menu dl dd{
|
||||||
|
font-size: 14px;
|
||||||
|
float: left;
|
||||||
|
margin:0 10px;
|
||||||
|
height: 36px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main_content .slide-nav .second_menu dl dd a:link,.main_content .slide-nav .second_menu dl dd a:visited{
|
||||||
|
color:#666666;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main_content .slide-nav .second_menu dl dd a:hover{
|
||||||
|
color:red;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main_content .slide-nav .second_menu dl dd::before
|
||||||
|
{
|
||||||
|
content: "|";
|
||||||
|
position: relative;
|
||||||
|
width:1px;
|
||||||
|
right:10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main_content .banner{
|
||||||
|
height:458px;
|
||||||
|
width: 690px;
|
||||||
|
margin: 0 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main_content .slide-other{
|
||||||
|
height:458px;
|
||||||
|
width: 290px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main_content .slide-other .slide-other_massage{
|
||||||
|
height:156px;
|
||||||
|
width: 260px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
border: 1px solid #D9D9D9 ;
|
||||||
|
padding:0 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main_content .slide-other .slide-other_massage .massage_title{
|
||||||
|
line-height: 38px;
|
||||||
|
height: 38px;
|
||||||
|
border-bottom: 1px solid #D9D9D9;
|
||||||
|
margin-bottom: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main_content .slide-other .slide-other_massage .massage_title span{
|
||||||
|
font-size: 14px;
|
||||||
|
color: #000000;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main_content .slide-other .slide-other_massage .massage_title a{
|
||||||
|
font-size: 12px;
|
||||||
|
color: #999999;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main_content .slide-other .slide-other_massage .massage_list dl{
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main_content .slide-other .slide-other_massage .massage_list dd{
|
||||||
|
position: relative;
|
||||||
|
font-size: 12px;
|
||||||
|
color: #666666;
|
||||||
|
height: 14px;
|
||||||
|
line-height: 14px;
|
||||||
|
padding: 6px 0;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main_content .slide-other .slide-other_massage .massage_list dd::before{
|
||||||
|
content: "[特惠]";
|
||||||
|
padding-right: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main_content .slide-other .slide-other_massage .massage_list dd a:link,.main_content .slide-other .slide-other_massage .massage_list dd a:visited{
|
||||||
|
color: #666666;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main_content .slide-other .slide-other_massage .massage_list dd a:hover{
|
||||||
|
color:red;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main_content .slide-other .slide-other-nav{
|
||||||
|
height:290px;
|
||||||
|
width: 290px;
|
||||||
|
padding:0 5px;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.main_content .slide-other .slide-other-nav dl dd{
|
||||||
|
height: 70px;
|
||||||
|
width: 48px;
|
||||||
|
float: left;
|
||||||
|
margin: 17px 11px 0;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main_content .slide-other dl dd .picture{
|
||||||
|
width: 48px;
|
||||||
|
height: 48px;
|
||||||
|
background-image: url("../images/精灵图-侧边功能.png");
|
||||||
|
}
|
||||||
|
|
||||||
|
.main_content .slide-other dl:nth-child(1) dd:nth-child(2) .picture{
|
||||||
|
background-position: -48px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main_content .slide-other dl:nth-child(1) dd:nth-child(3) .picture{
|
||||||
|
background-position: -96px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main_content .slide-other dl:nth-child(1) dd:nth-child(4) .picture{
|
||||||
|
background-position: -144px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main_content .slide-other dl:nth-child(2) dd:nth-child(1) .picture{
|
||||||
|
background-position: 0 -48px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main_content .slide-other dl:nth-child(2) dd:nth-child(2) .picture{
|
||||||
|
background-position: -48px -48px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main_content .slide-other dl:nth-child(2) dd:nth-child(3) .picture{
|
||||||
|
background-position: -96px -48px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main_content .slide-other dl:nth-child(2) dd:nth-child(4) .picture{
|
||||||
|
background-position: -144px -48px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main_content .slide-other dl:nth-child(3) dd:nth-child(1) .picture{
|
||||||
|
background-position: 0 -96px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main_content .slide-other dl:nth-child(3) dd:nth-child(2) .picture{
|
||||||
|
background-position: -48px -96px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main_content .slide-other dl:nth-child(3) dd:nth-child(3) .picture{
|
||||||
|
background-position: -96px -96px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main_content .slide-other dl:nth-child(3) dd:nth-child(4) .picture{
|
||||||
|
background-position: -144px -96px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* endregion 主要内容区结束 */
|
||||||
@ -3,7 +3,6 @@
|
|||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
font-family: PingFangSC-Medium, sans-serif;
|
font-family: PingFangSC-Medium, sans-serif;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/*文字默认颜色*/
|
/*文字默认颜色*/
|
||||||
@ -13,7 +12,9 @@ span{
|
|||||||
|
|
||||||
/*超链接设置*/
|
/*超链接设置*/
|
||||||
a:link{
|
a:link{
|
||||||
color:#666666;
|
color:#333333;
|
||||||
|
font-weight:500 ;
|
||||||
|
font-family: PingFangSC-Medium, sans-serif;
|
||||||
}
|
}
|
||||||
a:visited{
|
a:visited{
|
||||||
color:#666666;
|
color:#666666;
|
||||||
|
|||||||
@ -45,7 +45,9 @@
|
|||||||
<!--搜索区-->
|
<!--搜索区-->
|
||||||
<div class="header_search float_right">
|
<div class="header_search float_right">
|
||||||
<form action="#">
|
<form action="#">
|
||||||
<input type="text">
|
<label>
|
||||||
|
<input type="text">
|
||||||
|
</label>
|
||||||
<button></button>
|
<button></button>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
@ -70,6 +72,295 @@
|
|||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<!--主要内容区-->
|
||||||
|
<div class="main_content">
|
||||||
|
<div class="container float_clear">
|
||||||
|
<ul class="slide-nav float_left">
|
||||||
|
<li>
|
||||||
|
<!--一级菜单-->
|
||||||
|
<a href="#">手机</a>
|
||||||
|
<a href="#">运营商</a>
|
||||||
|
<a href="#">数码</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#">电脑</a>
|
||||||
|
<a href="#">办公</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#">家具</a>
|
||||||
|
<a href="#">家居</a>
|
||||||
|
<a href="#">家装</a>
|
||||||
|
<a href="#">厨具</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#">男装</a>
|
||||||
|
<a href="#">女装</a>
|
||||||
|
<a href="#">童装</a>
|
||||||
|
<a href="#">内衣</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#">美妆</a>
|
||||||
|
<a href="#">个护清洁</a>
|
||||||
|
<a href="#">宠物</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#">女鞋</a>
|
||||||
|
<a href="#">箱包</a>
|
||||||
|
<a href="#">钟表</a>
|
||||||
|
<a href="#">珠宝</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#">男鞋</a>
|
||||||
|
<a href="#">运动</a>
|
||||||
|
<a href="#">户外</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#">房产</a>
|
||||||
|
<a href="#">汽车</a>
|
||||||
|
<a href="#">汽车用品</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#">母婴</a>
|
||||||
|
<a href="#">玩具乐器</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#">食品</a>
|
||||||
|
<a href="#">酒类</a>
|
||||||
|
<a href="#">生鲜</a>
|
||||||
|
<a href="#">特产</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#">艺术</a>
|
||||||
|
<a href="#">礼品鲜花</a>
|
||||||
|
<a href="#">农资绿植</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#">医药保健</a>
|
||||||
|
<a href="#">计生情趣</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<!--一级菜单-->
|
||||||
|
<a href="#">图书</a>
|
||||||
|
<a href="#">文娱</a>
|
||||||
|
<a href="#">教育</a>
|
||||||
|
<a href="#">电子书</a>
|
||||||
|
<!--二级菜单-->
|
||||||
|
<div class="second_menu">
|
||||||
|
<dl class="float_clear">
|
||||||
|
<dt><a href="#">电子书刊</a></dt>
|
||||||
|
<dd><a href="#">电子书</a></dd>
|
||||||
|
<dd><a href="#">网络原创</a></dd>
|
||||||
|
<dd><a href="#">数字杂志</a></dd>
|
||||||
|
<dd><a href="#">多媒体图书</a></dd>
|
||||||
|
</dl>
|
||||||
|
<dl class="float_clear">
|
||||||
|
<dt><a href="#">音像</a></dt>
|
||||||
|
<dd><a href="#">音乐</a></dd>
|
||||||
|
<dd><a href="#">影视</a></dd>
|
||||||
|
<dd><a href="#">教育音像</a></dd>
|
||||||
|
</dl>
|
||||||
|
<dl class="float_clear">
|
||||||
|
<dt><a href="#">英语原版</a></dt>
|
||||||
|
<dd><a href="#">少儿</a></dd>
|
||||||
|
<dd><a href="#">商务投资</a></dd>
|
||||||
|
<dd><a href="#">英语学习考试</a></dd>
|
||||||
|
<dd><a href="#">文学</a></dd>
|
||||||
|
<dd><a href="#">传记</a></dd>
|
||||||
|
<dd><a href="#">励志</a></dd>
|
||||||
|
</dl>
|
||||||
|
<dl class="float_clear">
|
||||||
|
<dt><a href="#">文艺</a></dt>
|
||||||
|
<dd><a href="#">小说</a></dd>
|
||||||
|
<dd><a href="#">文学</a></dd>
|
||||||
|
<dd><a href="#">青春文学</a></dd>
|
||||||
|
<dd><a href="#">传记</a></dd>
|
||||||
|
<dd><a href="#">艺术</a></dd>
|
||||||
|
</dl>
|
||||||
|
<dl class="float_clear">
|
||||||
|
<dt><a href="#">少儿</a></dt>
|
||||||
|
<dd><a href="#">胎教</a></dd>
|
||||||
|
<dd><a href="#">0-2岁</a></dd>
|
||||||
|
<dd><a href="#">3-6岁</a></dd>
|
||||||
|
<dd><a href="#">7-10岁</a></dd>
|
||||||
|
<dd><a href="#">11-14岁</a></dd>
|
||||||
|
</dl>
|
||||||
|
<dl class="float_clear">
|
||||||
|
<dt><a href="#">人文社科</a></dt>
|
||||||
|
<dd><a href="#">历史</a></dd>
|
||||||
|
<dd><a href="#">哲学</a></dd>
|
||||||
|
<dd><a href="#">法律</a></dd>
|
||||||
|
<dd><a href="#">人文社科</a></dd>
|
||||||
|
<dd><a href="#">心理学</a></dd>
|
||||||
|
<dd><a href="#">文化</a></dd>
|
||||||
|
<dd><a href="#">社会科学</a></dd>
|
||||||
|
</dl>
|
||||||
|
<dl class="float_clear">
|
||||||
|
<dt><a href="#">经管励志</a></dt>
|
||||||
|
<dd><a href="#">金融与投资</a></dd>
|
||||||
|
<dd><a href="#">管理</a></dd>
|
||||||
|
<dd><a href="#">励志与成功</a></dd>
|
||||||
|
<dd><a href="#">经济</a></dd>
|
||||||
|
</dl>
|
||||||
|
<dl class="float_clear">
|
||||||
|
<dt><a href="#">生活</a></dt>
|
||||||
|
<dd><a href="#">健康与保健</a></dd>
|
||||||
|
<dd><a href="#">家庭与育儿</a></dd>
|
||||||
|
<dd><a href="#">旅游</a></dd>
|
||||||
|
<dd><a href="#">烹饪美食</a></dd>
|
||||||
|
</dl>
|
||||||
|
<dl class="float_clear">
|
||||||
|
<dt><a href="#">科技</a></dt>
|
||||||
|
<dd><a href="#">工业技术</a></dd>
|
||||||
|
<dd><a href="#">科普读物</a></dd>
|
||||||
|
<dd><a href="#">建筑</a></dd>
|
||||||
|
<dd><a href="#">医学</a></dd>
|
||||||
|
<dd><a href="#">科学与自然</a></dd>
|
||||||
|
<dd><a href="#">计算机互联网</a></dd>
|
||||||
|
<dd><a href="#">电子通信</a></dd>
|
||||||
|
</dl>
|
||||||
|
<dl class="float_clear">
|
||||||
|
<dt><a href="#">教育</a></dt>
|
||||||
|
<dd><a href="#">中小学教辅</a></dd>
|
||||||
|
<dd><a href="#">教育与考试</a></dd>
|
||||||
|
<dd><a href="#">外语学习</a></dd>
|
||||||
|
<dd><a href="#">大中专教材</a></dd>
|
||||||
|
<dd><a href="#">科学与自然</a></dd>
|
||||||
|
<dd><a href="#">字典词典</a></dd>
|
||||||
|
</dl>
|
||||||
|
<dl class="float_clear">
|
||||||
|
<dt><a href="#">艺术与收藏</a></dt>
|
||||||
|
<dd><a href="#">文化与艺术</a></dd>
|
||||||
|
<dd><a href="#">经济管理</a></dd>
|
||||||
|
</dl>
|
||||||
|
<dl class="float_clear">
|
||||||
|
<dt><a href="#">工具书</a></dt>
|
||||||
|
<dd><a href="#">杂志期刊</a></dd>
|
||||||
|
<dd><a href="#">套装书</a></dd>
|
||||||
|
<dd><a href="#">打折图书</a></dd>
|
||||||
|
</dl>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#">机票</a>
|
||||||
|
<a href="#">酒店</a>
|
||||||
|
<a href="#">旅游</a>
|
||||||
|
<a href="#">生活</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#">众筹</a>
|
||||||
|
<a href="#">白条</a>
|
||||||
|
<a href="#">保险</a>
|
||||||
|
<a href="#">企业金融</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#">安装</a>
|
||||||
|
<a href="#">维修</a>
|
||||||
|
<a href="#">清洗</a>
|
||||||
|
<a href="#">二手</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<div class="banner float_left">
|
||||||
|
<img src="./images/banner主图.png" alt="广告轮播图">
|
||||||
|
</div>
|
||||||
|
<div class="slide-other float_left">
|
||||||
|
<div class="slide-other_massage">
|
||||||
|
<div class="massage_title float_clear">
|
||||||
|
<span class="float_left">快报</span>
|
||||||
|
<a href="#" class="float_right">更多 ></a>
|
||||||
|
</div>
|
||||||
|
<div class="massage_list">
|
||||||
|
<dl>
|
||||||
|
<dd><a href="">毛衣+直筒裤，才是YYDS。</a></dd>
|
||||||
|
<dd><a href="">超大容量的满足感来啥子于</a></dd>
|
||||||
|
<dd><a href="">每日一件，衣柜满到塞不下。</a></dd>
|
||||||
|
<dd><a href="">媳妇儿再买，我就疯给他看。</a></dd>
|
||||||
|
</dl>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="slide-other-nav">
|
||||||
|
<dl class="float_clear">
|
||||||
|
<dd>
|
||||||
|
<a href="#">
|
||||||
|
<div class="picture"></div>
|
||||||
|
<span>话费</span>
|
||||||
|
</a>
|
||||||
|
</dd>
|
||||||
|
<dd>
|
||||||
|
<a href="#">
|
||||||
|
<div class="picture"></div>
|
||||||
|
<span>火车票</span>
|
||||||
|
</a>
|
||||||
|
</dd>
|
||||||
|
<dd>
|
||||||
|
<a href="#">
|
||||||
|
<div class="picture"></div>
|
||||||
|
<span>加油卡</span>
|
||||||
|
</a>
|
||||||
|
</dd>
|
||||||
|
<dd>
|
||||||
|
<a href="#">
|
||||||
|
<div class="picture"></div>
|
||||||
|
<span>白条</span>
|
||||||
|
</a>
|
||||||
|
</dd>
|
||||||
|
</dl>
|
||||||
|
<dl class="float_clear">
|
||||||
|
<dd>
|
||||||
|
<a href="#">
|
||||||
|
<div class="picture"></div>
|
||||||
|
<span>电影票</span>
|
||||||
|
</a>
|
||||||
|
</dd>
|
||||||
|
<dd>
|
||||||
|
<a href="#">
|
||||||
|
<div class="picture"></div>
|
||||||
|
<span>酒店</span>
|
||||||
|
</a>
|
||||||
|
</dd>
|
||||||
|
<dd>
|
||||||
|
<a href="#">
|
||||||
|
<div class="picture"></div>
|
||||||
|
<span>理财</span>
|
||||||
|
</a>
|
||||||
|
</dd>
|
||||||
|
<dd>
|
||||||
|
<a href="#">
|
||||||
|
<div class="picture"></div>
|
||||||
|
<span>机票</span>
|
||||||
|
</a>
|
||||||
|
</dd>
|
||||||
|
</dl>
|
||||||
|
<dl class="float_clear">
|
||||||
|
<dd>
|
||||||
|
<a href="#">
|
||||||
|
<div class="picture"></div>
|
||||||
|
<span>礼品卡</span>
|
||||||
|
</a>
|
||||||
|
</dd>
|
||||||
|
<dd>
|
||||||
|
<a href="#">
|
||||||
|
<div class="picture"></div>
|
||||||
|
<span>彩票</span>
|
||||||
|
</a>
|
||||||
|
</dd>
|
||||||
|
<dd>
|
||||||
|
<a href="#">
|
||||||
|
<div class="picture"></div>
|
||||||
|
<span>游戏</span>
|
||||||
|
</a>
|
||||||
|
</dd>
|
||||||
|
<dd>
|
||||||
|
<a href="#">
|
||||||
|
<div class="picture"></div>
|
||||||
|
<span>众筹</span>
|
||||||
|
</a>
|
||||||
|
</dd>
|
||||||
|
</dl>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
Loading…
Reference in New Issue
Block a user