html代码
点击(此处)折叠或打开
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8" />
- <title>慢时间</title>
- <link rel="stylesheet" type="text/css" href="css/header.css">
- <link rel="stylesheet" type="text/css" href="css/nav.css">
- <link rel="stylesheet" type="text/css" href="css/banner.css">
- <link rel="stylesheet" type="text/css" href="css/main.css"/>
- <link rel="stylesheet" type="text/css" href="css/left1.css"/>
- <link rel="stylesheet" type="text/css" href="css/right1.css"/>
- <link rel="stylesheet" type="text/css" href="css/left2.css"/>
- <link rel="stylesheet" type="text/css" href="css/right2.css"/>
- <link rel="stylesheet" type="text/css" href="css/footer.css"/>
- <link rel="stylesheet" type="text/css" href="css/left3.css"/>
- <link rel="stylesheet" type="text/css" href="css/right3.css"/>
- <link rel="stylesheet" type="text/css" href="css/left4.css"/>
- <link rel="stylesheet" type="text/css" href="css/right4.css"/>
- <link rel="stylesheet" type="text/css" href="css/left5.css"/>
- <link rel="stylesheet" type="text/css" href="css/right5.css"/>
- <link rel="stylesheet" type="text/css" href="css/.css"/>
- <link rel="stylesheet" type="text/css" href="css/.css"/>
- </head>
- <body>
- <div id="header">
- <div class="login">
- <ul>
- <li class="my1">
- <span>注册即送50沙粒喔~</span>
- </li>
- <li class="my2">
- <a href="">注册</a>
- </li>
- <li class="my3">
- <a class="hide" href="">登录</a>
- </li>
- <li class="my4">
- <a class="hide" href="">我的沙粒</a>
- </li>
- <li class="my5">
- </li>
- <li class="my6"></li>
- </ul>
- </div>
- </div>
- <div class="header1">
- <img src="img/logo.jpg">
- </div>
- <div class="header2">
- <form>
- <div class="search">
- <ul>
- <li>
- <div class="text">
- <input type="text" style="width: 220px;height: 30px; line-height: 30px;float: left;background: none;border: none;color: #666666;" name="article">
- </div>
- </li>
- <li>
- <img src="img/button.jpg" />
- </li>
- </ul>
- </div>
- </form>
- </div>
- <div id="nav">
- <div class="nav">
- <ul>
- <li><a href="">首页</a></li>
- <li><a href="">慢生活</a></li>
- <li><a href="">慢公益</a></li>
- <li><a href="">慢一族</a></li>
- <li><a href="">慢风景</a></li>
- <li><a href="">慢文艺</a></li>
- <li><a href="">慢活动</a></li>
- <li><a href="">慢集市</a></li>
- <li><a href="">慢应用</a></li>
- <li><a href="">慢递</a></li>
- <li><a href="">发现美好</a></li>
- </ul>
- </div>
- </div>
- <div id="banner">
- <div class="banner1">
- <img src="img/top.jpg" />
- </div>
- <div class="banner2">
- <div class="banner2_1">
- <div class="banner2_11">
- 有奖征集慢生活资讯
- </div>
- <ul>
- <li class="article">
- <a title="文章发布" href="">文章发布</a>
- </li>
- <li class="party">
- <a title="活动发布" href="">活动发布</a>
- </li>
- </ul>
- </div>
- <div class="banner2_2">
- <div class="banner2_21">
- <a class="online" hre="">线上活动</a>
- <a href="">最新文章</a>
- <span class="more">
- <a href="">更多...</a>
- </span>
- </div>
- <div class="banner2_22">
- <ul>
- <li><a href="">一句话让你喜欢上一个人</a>
- <span style="float: right;">[8-3]</span>
- </li>
- <li><a href="">说说分手后你最大的遗憾是...</a></li>
- <li><a href="">说说你做过做孤独的一件事</a></li>
- <li><a href="">说说你因为什么放弃了最喜...</a></li>
- <li><a href="">说说喜欢和爱有什么区别...</a></li>
- </ul>
- </div>
- </div>
- </div>
- </div>
- <div id="main">
- <div id="left1">
- <div class="left1_top">
- <ul>
- <li style="font-size: 16px;">慢生活<li>
- <li>手工</li>
- <li class="shu">|</li>
- <li>家居</li>
- <li class="shu">|</li>
- <li >美食</li>
- <li class="shu">|</li>
- <li>花草</li>
- <li class="shu">|</li>
- <li>创意</li>
- <li class="shu">|</li>
- <li>风尚</li>
- <li class="shu">|</li>
- <li>萌宠</li>
- <li class="shu">|</li>
- <li>更多...</li>
- </ul>
- </div>
- <div class="left1_bottom">
- <div class="left1_bottom1">
- <div class="left1_bottom1_top">
- <img src="img/left1_bottom1_top.jpg" />
- </div>
- <div class="left1_bottom1_bottom">
- <span>喝粥的好处-八款清肠粥</span>
- </div>
- </div>
- <div class="left1_bottom2">
- <div class="left1_bottom2_top">
- <div class="left1_bottom2_top1">
- <div class="left1_bottom2_top1_1">
- <img src="img/left1_left1.jpg">
- </div>
- <div class="left1_bottom2_top1_2">
- <div>
- <dl>
- <dt>氧味图书馆。DIY属于自...</dt>
- <dd>各种大牌的香水就一定好吗...</dd>
- </dl>
- </div>
- </div>
- </div>
- <div class="left1_bottom2_top1">
- <div class="left1_bottom2_top1_1">
- <img src="img/left1_left2.jpg">
- </div>
- <div class="left1_bottom2_top1_2">
- <div>
- <dl>
- <dt>快乐星期天-制作甜苹果 </dt>
- <dd>"一天一个苹果,医生远离...</dd>
- </dl>
- </div>
- </div>
- </div>
- <div class="left1_bottom2_top1">
- <div class="left1_bottom2_top1_1">
- <img src="img/left1_left3.jpg">
- </div>
- <div class="left1_bottom2_top1_2">
- <div>
- <dl>
- <dt>喝咖啡有助于保持健康吗...</dt>
- <dd>有人喜欢热咖啡,有人喜欢...</dd>
- </dl>
- </div>
- </div>
- </div>
- <div class="left1_bottom2_top1">
- <div class="left1_bottom2_top1_1">
- <img src="img/left1_left4.jpg">
- </div>
- <div class="left1_bottom2_top1_2">
- <div>
- <dl>
- <dt>蒜蓉粉丝娃娃菜 </dt>
- <dd>娃娃菜清爽适口,粉丝嫩滑...</dd>
- </dl>
- </div>
- </div>
- </div>
- <div class="left1_bottom2_top1">
- <div class="left1_bottom2_top1_1">
- <img src="img/left1_left5.jpg">
- </div>
- <div class="left1_bottom2_top1_2">
- <div>
- <dl>
- <dt>用手画出来的3D动画 神...</dt>
- <dd>除3D艺术以外,Beever绘画...</dd>
- </dl>
- </div>
- </div>
- </div>
- </div>
- <div class="left1_bottom2_bottom">
- <span><a href="">加盟时间慢递,实现梦想</a></span>
- </div>
- </div>
- <div class="down">
- <span>TAG</span>
- <a href="">慢生活</a>
- <a href="">美食</a>
- <a href="">创意</a>
- <a href="">食谱</a>
- <a href="">居家</a>
- <a href="">设计</a>
- <a href="">手工</a>
- <a href="">家居</a>
- </div>
- <div class="down2">
- <img src="img/left_down2.jpg" />
- </div>
- </div>
- </div>
-
- <div id="right1">
- <div class="right1_top">
- <ul>
- <li style="font-size: 16px;">慢一族</li>
- <li>驴行者</li>
- <li class="shu">|</li>
- <li>摄影人</li>
- <li class="shu">|</li>
- <li >她们</li>
- <li class="shu">|</li>
- <li>艺术者</li>
- <li class="shu">|</li>
- <li>名人</li>
- <li class="shu">|</li>
- <li>手工客</li>
- <li class="shu">|</li>
- <li>更多...</li>
- </ul>
- </div>
- <div class="right1_bottom">
- <div class="right1_bottom1">
- <div class="right1_bottom1_top">
- <img src="img/right1_boottom1_top.jpg">
- </div>
- <div class="right1_bottom1_bottom">
- <span>马云:我们不勤奋也不聪明,为何成</span>
- </div>
- </div>
- <div class="right1_bottom2">
- <div class="right1_bottom2_top">
- <div>
- <div class="left1_bottom2_top1_1">
- <img src="img/right11.jpg">
- </div>
- <div class="left1_bottom2_top1_2">
- <div>
- <dl>
- <dt>EIN品牌创始人叶琳:我...</dt>
- <dd>在我抵达采访地点之前,叶...</dd>
- </dl>
- </div>
- </div>
- <div class="left1_bottom2_top1_1">
- <img src="img/right12.jpg">
- </div>
- <div class="left1_bottom2_top1_2">
- <div>
- <dl>
- <dt>杜云峰-90后房子的建构...</dt>
- <dd>杜云峰,宁波工程学院建筑...</dd>
- </dl>
- </div>
- </div>
- <div class="left1_bottom2_top1_1">
- <img src="img/right13.jpg">
- </div>
- <div class="left1_bottom2_top1_2">
- <div>
- <dl>
- <dt>快乐星期天-制作甜苹果 </dt>
- <dd>"一天一个苹果,医生远离...</dd>
- </dl>
- </div>
- </div>
- <div class="left1_bottom2_top1_1">
- <img src="img/right14.jpg">
- </div>
- <div class="left1_bottom2_top1_2">
- <div>
- <dl>
- <dt>快乐星期天-制作甜苹果 </dt>
- <dd>"一天一个苹果,医生远离...</dd>
- </dl>
- </div>
- </div>
- <div class="left1_bottom2_top1_1">
- <img src="img/right15.jpg">
- </div>
- <div class="left1_bottom2_top1_2">
- <div>
- <dl>
- <dt>快乐星期天-制作甜苹果 </dt>
- <dd>"一天一个苹果,医生远离...</dd>
- </dl>
- </div>
- </div>
- </div>
-
- </div>
- <div class="right1_bottom2_bottom">
- <span><a href="">我是慢一族,我想出现在这里</a></span>
- </div>
- </div>
- <div class="down">
- <span>TAG</span>
- <a href="">慢生活</a>
- <a href="">文艺</a>
- <a href="">慢一族</a>
- <a href="">乐活</a>
- <a href="">梦想</a>
- <a href="">旅行</a>
- <a href="">明星</a>
- <a href="">原创</a>
- </div>
- <div class="down2">
- <img src="img/right_down2.jpg" />
- </div>
- </div>
- </div>
-
-
- <div id="left2">
- <div class="left2_top">
- <ul>
- <li style="font-size: 16px;">慢风景</li>
- <li>旅行</li>
- <li class="shu">|</li>
- <li>摄影</li>
- <li class="shu">|</li>
- <li >客栈</li>
- <li class="shu">|</li>
- <li>村落</li>
- <li class="shu">|</li>
- <li>小店</li>
- <li class="shu">|</li>
- <span>更多...</span>
- </ul>
- </div>
- <div class="left2_bottom">
- <div class="left2_bottom1">
- <div class="left2_bottom1_top">
- <img src="img/left2_bottom1_top.jpg" />
- </div>
- <div class="left2_bottom1_bottom">
- <span>咖啡杯中的天地万物 虚实相结合拍</span>
- </div>
- </div>
- <div class="left2_bottom2">
- <div class="left2_bottom2_top">
- <ul>
- <li><a href="">【二十四节气】</a></li>
- <li><a href="">听说生女儿的都是人生赢家</a></li>
- <li><a href="">找一个开满鲜花的小镇,和相爱的人文...</a></li>
- <li><a href="">肯尼亚长颈鹿庄园 与野生动物一家亲</a></li>
- <li><a href="">小清新图片唯美个性lomo阳光治愈系美...</a></li>
- <li><a href="">原来那些惊艳的时装都是“抄”来的</a></li>
- <li><a href="">鲜有人知 印度十大最美海滩</a></li>
- </ul>
- </div>
- <div class="left2_bottom2_bottom">
- <span><a href="">邂逅慢专题</a></span>
- </div>
- </div>
- <div class="down">
- <span>TAG</span>
- <a href="">慢生活</a>
- <a href="">旅行</a>
- <a href="">摄影</a>
- <a href="">文艺</a>
- <a href="">人文</a>
- <a href="">风景</a>
- <a href="">创意</a>
- <a href="">出境游</a>
- </div>
- <div class="down2">
- <img src="img/left2_down2.jpg" />
- </div>
- </div>
- </div>
-
-
- <div id="right2">
- <div class="right2_top">
- <ul>
- <li style="font-size: 16px;">慢文艺</li>
- <li>电影</li>
- <li class="shu">|</li>
- <li>音乐</li>
- <li class="shu">|</li>
- <li >戏剧</li>
- <li class="shu">|</li>
- <li>阅读</li>
- <li class="shu">|</li>
- <li>随笔</li>
- <li class="shu">|</li>
- <li>插画</li>
- <li class="shu">|</li>
- <li>动漫</li>
- <li class="shu">|</li>
- <li>更多...</li>
- </ul>
- </div>
- <div class="right2_bottom">
- <div class="right2_bottom1">
- <div class="right2_bottom1_top">
- <img src="img/right1_bottom1_top.jpg"">
- </div>
- <div class="right2_bottom1_bottom">
- <span>生命里,总有一朵祥云为你缭绕</span>
- </div>
- </div>
- <div class="right2_bottom2">
- <div class="right2_bottom2_top">
- <div class="right2_bottom2_top">
- <ul>
- <li><a href="">别为了那些不属于你的观众,去演绎不...</a></li>
- <li><a href="">推荐9部风格迥异的黑暗系列动画电影</a></li>
- <li><a href="">梦里花儿知多少 美国C.Michael Dudash</a></li>
- <li><a href="">我们总是像智者一样劝慰别人,像傻子...</a></li>
- <li><a href="">有多少“不得已”,最后成了“大欢喜...</a></li>
- <li><a href="">守城人</a> </li>
- <li><a href="">那些从未携手的人,何必挂念</a></li>
- </ul>
- </div>
- </div>
- <div class="right2_bottom2_bottom">
- <span><a href="">加盟时间慢递,实现梦想</a></span>
- </div>
- </div>
- <div class="down">
- <span>TAG</span>
- <a href="">随笔</a>
- <a href="">心情</a>
- <a href="">美文</a>
- <a href="">文艺</a>
- <a href="">小文艺</a>
- <a href="">插画</a>
- <a href="">慢生活</a>
- <a href="">阅读</a>
- </div>
- <div class="down2">
- <img src="img/right2_down2.jpg" />
- </div>
- </div>
- </div>
- </div>
-
-
- <div id="left3">
- <div class="left3_top">
- <ul>
- <li style="font-size: 16px;">慢专题</li>
- <span class="dian">更多...</span>
- </ul>
- </div>
- <div class="left3_bottom">
- <div class="left3_bottom_top">
- <img src="img/left3_bottom_top.jpg" />
- </div>
- <div class="left3_bottom_bottom">
- <div class="left3_bottom_bottom_left">
- <ul>
- <li><a href="">少男少女恋爱事件薄 </a>
- </li>
- <li><a href="">时间慢递,最有故事的咖啡,待你来读</a></li>
- <li><a href="">舌尖的味蕾 </a></li>
- <li><a href="">中国边境小镇的唯美时光 </a></li>
- <li><a href="">慢时间甜品工房 </a></li>
- </ul>
- </div>
- <div class="left3_bottom_bottom_right">
- <ul>
- <li><a href="">甜美的梦尚未结束 </a>
- </li>
- <li><a href="">公益你我同行 </a></li>
- <li><a href="">爱情故事下的光影流动 </a></li>
- <li><a href="">推理算法的法则 </a></li>
- <li><a href="">步入纯音乐的曼妙时光 </a></li>
- </ul>
- </div>
- </div>
- </div>
- <div class="left3_down">
- <img src="img/left3_down.jpg" />
- </div>
- </div>
-
-
- <div id="right3">
- <div class="right3_top">
- <ul>
- <li style="font-size: 16px;">慢生活</li>
- <li>手工</li>
- <li class="shu">|</li>
- <li>家居</li>
- <li class="shu">|</li>
- <li >美食</li>
- <li class="shu">|</li>
- <li>花草</li>
- <li class="shu">|</li>
- <li>创意</li>
- <li class="shu">|</li>
- <li>风尚</li>
- <li class="shu">|</li>
- <li>萌宠</li>
- <li class="shu">|</li>
- <li>更多...</li>
- </ul>
- </div>
- <div class="right3_bottom">
- <div class="right3_bottom_top">
- <div class="right3_bottom_top1">
- <div class="right3_bottom_top1_1">
- <img src="img/right3_11.jpg" />
- </div>
- <div class="right3_bottom_top1_2">
- <a title="对白 2015夏装新款女装半身裙休闲百搭通勤全棉纯色A字半身中裙子" target="_blank" href=""> [对白旗舰店] 对白 2015夏装新款女装半... </a>
- </div>
- </div>
- <div class="right3_bottom_top2">
- <div class="right3_bottom_top1_1">
- <img src="img/right3_12.jpg" />
- </div>
- <div class="right3_bottom_top1_2">
- <a title="【萌趣】可爱猫咪收纳笔筒收纳盒 桌面木质组装化妆品杂物收纳盒" target="_blank" href=""> [萌趣生活MU] 【萌趣】可爱猫咪收纳笔筒收纳... </a>
- </div>
- </div>
- <div class="right3_bottom_top3">
- <div class="right3_bottom_top1_1">
- <img src="img/right3_13.jpg" />
- </div>
- <div class="right3_bottom_top1_2">
- <a title="新款长裙无印良品日系棉麻复古百搭素雅纯色带兜8米大裙摆半身裙" target="_blank" href=""> [色素棉麻女装] 新款长裙无印良品日系棉麻复古... </a>
- </div>
- </div>
- <div class="right3_bottom_top4">
- <div class="right3_bottom_top1_3">
- <img src="img/right3_14.jpg" />
- </div>
- <div class="right3_bottom_top1_4">
- <a target="_blank" href="">子陌</a>
- </div>
- </div>
- <div class="right3_bottom_top5">
- <div class="right3_bottom_top1_3">
- <img src="img/right3_15.jpg" />
- </div>
- <div class="right3_bottom_top1_4">
- <a target="_blank" href="">Life 611生活杂货</a>
- </div>
- </div>
- <div class="right3_bottom_top6">
- <div class="right3_bottom_top1_3">
- <img src="img/right3_16.jpg" />
- </div>
- <div class="right3_bottom_top1_4">
- <a target="_blank" href="">米悠本色</a>
- </div>
- </div>
-
- </div>
- </div>
- <div class="right3_down">
- <img src="img/right3_down.jpg" />
- </div>
- </div>
- </div>
-
-
- <div id="left4">
- <div class="left4_top">
- <ul>
- <li style="font-size: 16px;">慢发现<li>
- <li>深圳</li>
- <li class="shu">|</li>
- <li>广州</li>
- <li class="shu">|</li>
- <li >北京</li>
- <li class="shu">|</li>
- <li>杭州</li>
- <li class="shu">|</li>
- <li>厦门</li>
- <li class="shu">|</li>
- <li>丽江</li>
- <li class="shu">|</li>
- <li>长沙</li>
- <li class="shu">|</li>
- <li>更多...</li>
- </ul>
- </div>
- <div class="left4_bottom">
- <div class="left4_bottom1">
- <a title="发现身边的好去处" href="">发现身边的好去处</a>
- </div>
- <div class="left4_down">
- <span>TAG</span>
- <a href="">慢生活</a>
- <a href="">美食</a>
- <a href="">创意</a>
- <a href="">食谱</a>
- <a href="">居家</a>
- <a href="">设计</a>
- <a href="">手工</a>
- <a href="">家居</a>
- </div>
- </div>
- </div>
-
-
- <div id="right4">
- <div class="right4_top">
- <ul>
- <li style="font-size: 16px;">慢生活</li>
- <li>手工</li>
- <li class="shu">|</li>
- <li>家居</li>
- <li class="shu">|</li>
- <li >美食</li>
- <li class="shu">|</li>
- <li>花草</li>
- <li class="shu">|</li>
- <li>创意</li>
- <li class="shu">|</li>
- <li>风尚</li>
- <li class="shu">|</li>
- <li>萌宠</li>
- <li class="shu">|</li>
- <li>更多...</li>
- </ul>
- </div>
- <div class="right4_bottom">
- <div class="right4_bottom1">
- <div class="right4_bottom1_top">
- <img src="img/right5_bottom1_top.jpg">
- </div>
- <div class="right4_bottom1_bottom">
- <span>一句诗让你喜欢上一个人</span>
- </div>
- </div>
- <div class="right4_bottom2">
- <div class="right4_bottom2_top">
- <div class="right4_bottom2_top1_2">
- <div class="right4_bottom2_top">
- <ul>
- <li><a href="">那些年温暖我的青春小说 </a></li>
- <li><a href="">怎样才算遇到一个最好的人 </a></li>
- <li><a href="">说说分手后你最大的遗憾是什么... </a></li>
- <li><a href="">你觉得好的书 </a></li>
- <li><a href="">你觉得好的书 </a></li>
- <li><a href="">说说你做过最孤独的一件事是什么...</a></li>
- <li><a href="">8月份的旅程 </a></li>
- </ul>
- </div>
- </div>
- </div>
- <div class="right4_bottom2_bottom">
- <span><a href="">发现身边的活动</a></span>
- </div>
- </div>
- <div class="down">
- <span>TAG</span>
- <a href="">音乐</a>
- <a href="">烧烤</a>
- <a href="">聚会</a>
- <a href="">交友</a>
- <a href="">独立音乐</a>
- <a href="">文艺</a>
- <a href="">原创</a>
- <a href="">摇滚</a>
- </div>
- </div>
- </div>
- <div id="left5">
- <div class="left5_top">
- <ul>
- <li style="font-size: 16px;">慢应用 慢时间新闻<li>
- </ul>
- </div>
- <div class="left5_bottom">
- <div class="left5_bottom1">
- <img src="img/left5_bottom1_71.jpg" />
- </div>
- <div class="left5_bottom2">
- <ul>
- <li>慢递 </li>
- <li>慢画面 </li>
- <li>慢下来 </li>
- <li>慢时间遇上ZAKER,擦出移动阅...</li>
- <li style="border-bottom: medium none;">慢时间携手天虹宣扬环保与慢生活</li>
- </ul>
- </div>
- </div>
- </div>
-
-
- <div id="right5">
- <div class="right5_top">
- <ul>
- <li style="font-size: 16px;">活跃用户<li>
- <li>美食</li>
- <li class="shu">|</li>
- <li>随笔</li>
- <li class="shu">|</li>
- <li >旅行</li>
- <li class="shu">|</li>
- <li>摄影</li>
- <li class="shu">|</li>
- <li>创意</li>
- <li class="shu">|</li>
- <li>插画</li>
- <li class="shu">|</li>
- <li>阅读</li>
- <li class="shu">|</li>
- <li>更多...</li>
- </ul>
- </div>
- <div class="right5_bottom">
- <div class="left1">
- <div class="left1_1">
- <div class="image"><img src="img/card1.jpg" /></div>
- <div>
- <dl>
- <dt>穗刖空忆</dt>
- <dd>我不愿随波逐流。...</dd>
- </dl>
- </div>
- </div>
- <div class="left1_2">
- <div class="image"><img src="img/card2.jpg"/></div>
- <div>
- <dl>
- <dt>Sago小梅酱</dt>
- <dd> </dd>
- </dl>
- </div>
- </div>
- <div class="left1_3">
- <div class="image"><img src="img/card3.jpg" /></div>
- <div class="uesr">
- <dl>
- <dt>by熙子</dt>
- <dd>过去回不去...</dd>
- </dl>
- </div>
- </div>
- </div>
- <div class="right1">
- <div class="right1_1">
- <div class="image"><img src="img/card4.jpg" /></div>
- <div class="uesr">
- <dl>
- <dt>心弦上的独舞</dt>
- <dd>三个字</dd>
- </dl>
- </div>
- </div>
- <div class="right1_2">
- <div class="image"><img src="img/card5.jpg" /></div>
- <div class="uesr">
- <dl>
- <dt>媛小言</dt>
- <dd> </dd>
- </dl>
- </div>
- </div>
- <div class="right1_3">
- <div class="image"><img src="img/card6.jpg" /></div>
- <div class="uesr">
- <dl>
- <dt>闭上眼睛的萤火虫</dt>
- <dd>我只是路过...</dd>
- </dl>
- </div>
- </div>
- </div>
- </div>
- </div>
-
-
- <div class="main_bottom">
- <div class="main_bottom1">
- 放下浮躁,放下烦恼,体验<strong style="color: #92ca45;">慢生活</strong><br />
- 在这个喧嚣的城市中,你是否也在寻找那片属于你自己的宁静?慢下来,和我们一起悠享人生,品味慢生活。
- </div>
- <div class="main_bottom2">
- <ul>
- <li>
- <span>腾讯微博:</span>
- <span>
- <iframe width="70" height="24" frameborder="0" scrolling="auto" allowtransparency="true" marginheight="0" marginwidth="0" src="http://follow.v.t.qq.com/index.php?c=follow&a=quick&name=manshijianwang&style=5&t=1357721454437&f=0"></iframe>
- </span>
- </li>
- <li>
- <span>新浪微博:</span>
- <span>
- <iframe width="70" height="24" frameborder="0" scrolling="auto" allowtransparency="true" marginheight="0" marginwidth="0" src="http://widget.weibo.com/relationship/followbutton.php?btn=red&style=2&uid=2766376684&width=136&height=24&language=zh_cn"></iframe>
- </span>
- </li>
- </ul>
- </div>
- </div>
- </div>
-
-
-
- </div>
-
- <div id="footer">
- <div class="footer_top">
- <div class="understand">
- <ul>
- <li><b>了解慢时间</b></li>
- <li>关于我们</li>
- <li>使用协议</li>
- <li>商务合作</li>
- </ul>
- </div>
- <div class="user">
- <ul>
- <li><b>用户中心</b></li>
- <li>意见反馈</li>
- <li>常见问题</li>
- <li>新手上路</li>
- </ul>
- </div>
- <div class="weixin">
- <ul>
- <li><b>微信二维码</b></li>
- <li><img src="img/weixin.png" /></li>
- </ul>
- </div>
- <div class="service">
- <ul>
- <li><b>关注我们</b></li>
- <li>
- <img src="img/sina.png" />新浪微博
- </li>
- <li>
- <img src="img/qq.png" />腾讯微博
- </li>
- <li>
- <img src="img/douban.png" />豆瓣小姑
- </li>
- </ul>
- </div>
- <div class="our">
- <ul>
- <li><b>慢时间</b></li>
- <li>手机版</li>
- <li>iphone客户端</li>
- <li>安卓客户端</li>
- </ul>
- </div>
- <div class="footer_center">
- <ul>
- <li>合作网站:</li>
- <li class="shu">|</li>
- <li>时间慢递</li>
- <li class="shu">|</li>
- <li>ZAKER</li>
- <li class="shu">|</li>
- <li>hao123</li>
- <li class="shu">|</li>
- <li>360安全网址导航</li>
- <li class="shu">|</li>
- <li>淘网址</li>
- <li class="shu">|</li>
- <li>金山网址导航</li>
- <li class="shu">|</li>
- <li>1616个人门户</li>
- </ul>
- </div>
- <div class="footer_bottom">
- <ul>
- <li>友情链接:</li>
- <li class="shu">|</li>
- <li>慢生活</li>
- <li class="shu">|</li>
- <li>米悠本色</li>
- <li class="shu">|</li>
- <li>漫思卡</li>
- <li class="shu">|</li>
- <li>创意手工</li>
- <li class="shu">|</li>
- <li>乐活资讯</li>
- <li class="shu">|</li>
- <li>摘抄</li>
- <li class="shu">|</li>
- <li>插画设计</li>
- <li class="shu">|</li>
- <li>内涵图吧</li>
- <li class="shu">|</li>
- <li>白茶</li>
- <li class="shu">|</li>
- <li>插画</li>
- <li class="shu">|</li>
- <li>片刻</li>
- <li class="shu">|</li>
- <li>原料大全</li>
- <li class="shu">|</li>
- <li>火车站</li>
- <li class="shu">|</li>
- <li>汽车售票点</li>
- <li class="shu">|</li>
- <li>lomo窝</li>
- <li class="shu">|</li>
- <li>红豆饭</li>
- <li class="shu">|</li>
- <li>邻居的耳朵</li>
- <li class="shu">|</li>
- <li>心灵咖啡网</li>
- <li class="shu">|</li>
- <li>秀设计</li>
- <li class="shu">|</li>
- <li>哈秀时尚网街拍</li>
- <li class="shu">|</li>
- <li>稀品网</li>
- <li class="shu">|</li>
- <li>一品泊手工城</li>
- <li class="shu">|</li>
- <li>客栈预定</li>
- <li class="shu">|</li>
- <li>多肉植物</li>
- <li class="shu">|</li>
- <li>厦门高铁</li>
- <li class="shu">|</li>
- <li>轻奢望</li>
- <li class="shu">|</li>
- <li>柚果</li>
- <li class="shu">|</li>
- <li>江门列表网</li>
- <li class="shu">|</li>
- <li>喵星球</li>
- <li class="shu">|</li>
- <li>电影影评网</li>
- <li class="shu">|</li>
- <li>或者博客</li>
- <li class="shu">|</li>
- <li>青蓝记</li>
- <li class="shu">|</li>
- <li>悦旅行</li>
- <li class="shu">|</li>
- <li>买狗网</li>
- <li class="shu">|</li>
- <li>菁华时尚社区</li>
- <li class="shu">|</li>
- <li>眼镜店</li>
- <li class="shu">|</li>
- <li>更多链接</li>
- </ul>
- </div>
- <div class="footer_down">
- <span>Copyright © 2011-2015 慢时间 |</span>
- <a target="_blank" href="">慢生活</a>
- <span>社区,小清新网站</span>
- <a target="_blank" href="">粤ICP备11106070号</a>
- <a target="_blank" href="
点击(此处)折叠或打开
- #banner .banner1{
- width: 740px;
- height: 280px;
- float: left;
- }
- #banner .banner1 img{
- margin-left: 180px;
- margin-top: 10px;
- }
- #banner .banner2{
- width: 250px;
- height: 280px;
- /* border: 1px solid #dcdcdc;*/
- float: left;
- margin-left: 185px;
- margin-top: 5px;
- }
- #banner .banner2 .banner2_1{
- width: 272px;
- height: 73px;
- margin-left: -3px;
- margin-top: 10px;
- }
- .banner2_1 p{
- font-size: 16px;
- font-family: "微软雅黑";
- color: #666666;
- }
- .banner2_11{
- color: #666666;
- float: left;
- font-size: 14px;
- font-weight: normal;
- padding-bottom: 5px;
- text-align: center;
- width: 220px;
- }
- .article a{
- background: url(../img/banner2_1.jpg) no-repeat scroll 0 0;
- }
- .party a{
- background: url(../img/banner2_11.jpg) no-repeat scroll 0 0;
- }
- .banner2_1 a{
- color: #FFFFFF;
- display: block;
- font-size: 14px;
- font-weight: bold;
- height: 50px;
- line-height: 48px;
- padding-left: 27px;
- width: 80px;
- float: left;
- margin-left: -3px;
- }
- .banner2_21{
- background: url(../img/banner2_21.jpg) repeat-x ;
- width: 235px;
- height: 36px;
- float: left;
- color: #666666;
- font-size: 14px;
- line-height: 36px;
- }
- .banner2_21 .online{
- background: url(../img/online.jpg) no-repeat;
- float: left;
- height: 36px;
- width: 81px;
- text-align: center;
- }
- .banner2_21 .more a{
- color: #666666;
- float: right;
- font-size: 12px;
- width: 40px;
- line-height: 36px;
- }
- .banner2_21 a:hover{
- background: #fff;
- }
- #banner .banner2 .banner2_2{
- width: 235px;
- height: 188px;
- border: 1px solid #b6b6b6;
- margin-left: 6px;
- margin-top: 12px;
- float: left;
- color: #666666;
- font-size: 12px;
- background-color: #FFFFFF;
- }
- .banner2_22 ul{
- margin: 0px;
- padding: 0px;
- text-align: left;
- }
- .banner2_22 ul li{
- background: url(../img/dian.gif) no-repeat;
- color: #666666;
- font-size: 12px;
- height:29px;
- line-height: 31px;
- padding-left: 10px;
- }
点击(此处)折叠或打开
- *{
- margin: 0;
- padding: 0;
- }
- #nav{
- width: 1363px;
- height: 45px;
- border-top: 1px solid #b6b6b6;
- /*background:url("./img/menu_bg.gif") repeat-x scroll 0 0;*/
- background: url(../img/menu_bg.gif) repeat-x scroll 0 0;
- float: left;
- }
- .nav{
- width: 1000px;
- height: 45px;
- margin: 0 auto;
- display: inline-block;
- }
- li{
- list-style: none;
- }
- .nav ul li{
- font-size: 16px;
- float: left;
- padding:0 8px;
- text-align: center;
- line-height: 49px;
- display: block;
- }
- a {
- text-decoration: none;
- color: #6f6679;
- }
- .nav a:hover{
- color: #00CC66;
- }
css代码(头部)
点击(此处)折叠或打开
- *{
- text-align: 16px;
- text-align: center;
- }
- body{
- background: #f2f1ef none repeat scroll 0 0;
- font-size: 16px;
- font-family: "微软雅黑";
- margin: 0px auto;
- padding: 0px;
- }
- /*#header{
- height: 105px;
- }
- #header img{
- margin-top: 35px;
- margin-left: -620px;
- }*/
- #header{
- width: 600px;
- height: 37px;
- margin-top: 10px;
- float: right;
- margin-right: 55px;
- }
- .login ul li{
- float: left;
- padding-left: 8px;
- padding-right: 0;
- }
- #header .login ul li a{
- background: url(../img/register.gif) no-repeat;
- color: #666666;
- display: inline-block;
- font-size: 12px;
- line-height: 28px;
- text-align: center;
- width: 78px;
- margin-left:-25px ;
- }
- .login ul li span{
- line-height: 30px;
- float: left;
- margin-top: 10px;
- color: #000000;
- }
- .header1{
- width: 500px;
- height: 95px;
- float: left;
- margin: 10px 96px;
- }
- .header1 img{
- margin-top: 32px;
- margin-left: 78px;
- }
- .header2{
- width: 430px;
- height: 44px;
- float: left;
- margin: 10px 40px;
- }
- .search .text{
- background: url(../img/search.jpg) no-repeat;
- color: #aaaaaa;
- font-size: 14px;
- height: 40px;
- line-height: 30px;
- margin-left: 15px;
- padding-bottom: 6px;
- padding-left: 70px;
- float: left;
- }
- .search ul li img{
- float: left;
- }
- /*.search{
- border: 1px solid red;
- width: 500px;
- height: 105px;
- float: left;
- }
- .search .text{
- background: url(../img/search.jpg) no-repeat;
- border: medium none;
- color: #aaaaaa;
- font-size: 14px;
- height: 40px;
- line-height: 30px;
- margin-left: 15px;
- padding-bottom: 6px;
- padding-left: 5px;
- padding-top: 6px;
- width: 330;
- float: left;
-
- }*/
点击(此处)折叠或打开
- #left1{
- width: 495px;
- height: 488px;
- border: 1px solid #dcdcdc;
- float: left;
- margin-top: 10px;
- margin-left: -1px;
- background-color: #FFFFFF;
- }
- .left1_top{
- height: 45px;
- border: 1px solid #DCDCDC;
- background-color: #f1f1f1;
- }
- .shu{
- margin: 0;
- padding: 0;
- }
- .left1_bottom{
- height: 348px;
- border: 1px solid #FFFFFF;
- margin-top: 20px;
- }
- .left1_bottom1{
- width: 207px;
- height: 305px;
- float: left;
- margin-left: 20px;
- }
- .left1_bottom1_top{
- width: 205px;
- height: 258px;
- float: left;
- }
- .left1_bottom1_bottom{
- background-color: #DCDCDC;
- width: 205px;
- height: 30px;
- float: left;
- margin-top: 15px;
- }
- span{
- font-size: 12px;
- text-align: center;
- line-height: 30px;
- }
- .left1_bottom2{
- width: 207px;
- height: 305px;
- float: left;
- margin-left: 20px;
- }
- .left1_bottom2_top{
- width: 225px;
- height: 258px;
- float: left;
- margin-top: 2px;
- }
- .left1_bottom2_top1{
- width: 205px;
- height: 50px;
- }
- /*.left1_bottom2_top1_1{
- margin-top: 5px;
- }*/
- .left1_bottom2_top1_1 img{
- width: 51px;
- height: 40px;
- float: left;
- }
- .left1_bottom2_top1_2{
- width: 227px;
- height: 53px;
- }
- .left1_bottom2_top1_2 ul{
- list-style: none;
- }
- .left1_bottom2_top1_2 ul li{
- float: left;
- font-size: 12px;
- }
- .left1_bottom2_bottom{
- width: 205px;
- height: 30px;
- float: left;
- margin-top: 13px;
- background-color: #DCDCDC;
- }
- .left1_bottom2_bottom a{
- color: #599A00;
- font-weight: bold;
- }
- .left1_bottom2_bottom span a:hover{
- color: #000000;
- }
- .down{
- width: 355px;
- height: 32px;
- margin-top: 312px;
- }
- .down span{
- background: #94c945 none repeat;
- float: left;
- line-height: 20px;
- margin: 6px 15px;
- }
- .down a{
- font-size: 12px;
- float: left;
- margin: 8px 4px;
- text-align: center;
- }
- .down a:hover{
- color: #00CC66;
- }
- .down2{
- width: 495px;
- height: 77px;
- margin-top: -1px;
- margin-left: -2px;
- }
点击(此处)折叠或打开
- #left2{
- width: 495px;
- height: 488px;
- border: 1px solid #dcdcdc;
- float: left;
- margin-top: 15px;
- margin-left: -1px;
- background-color: #FFFFFF;
- }
- .left2_top{
- height: 45px;
- background-color: #f1f1f1;
- border: 1px solid #DCDCDC;
- }
- .left2_top span{
- float: right;
- line-height: 45px;
- color: #666666;
- }
- .left2_bottom{
- height: 348px;
- border: 1px solid #FFFFFF;
- margin-top: 20px;
- }
- .left2_bottom1{
- width: 207px;
- height: 305px;
- float: left;
- margin-left: 20px;
- }
- .left2_bottom2{
- width: 243px;
- height: 305px;
- float: left;
- margin-left: 15px;
- }
- .left2_bottom1_top{
- width: 205px;
- height: 258px;
- float: left;
- }
- .left2_bottom1_bottom{
- background-color: #DCDCDC;
- width: 205px;
- height: 30px;
- float: left;
- margin-top: 15px;
- }
- .left2_bottom2_top{
- width: 243px;
- height: 258px;
- float: left;
- margin-top: 2px;
- }
- .left2_bottom2_top ul li{
- margin: 0px;
- padding: 0px;
- text-align: left;
- background: url(../img/dian.gif) no-repeat;
- color: #666666;
- font-size: 12px;
- height:34px;
- line-height: 34px;
- padding-left: 10px;
- border-bottom: 1px dashed #A7D66E;
- }
- .left2_bottom2_bottom{
- width: 205px;
- height: 30px;
- float: left;
- margin-top: 13px;
- background-color: #DCDCDC;
- }
- .left2_bottom2_bottom a{
- color: #599A00;
- font-weight: bold;
- }
- .left2_bottom2_bottom span a:hover{
- color: #000000;
- }
- .down{
- width: 355px;
- height: 32px;
- margin-top: 312px;
- }
- .down2{
- width: 495px;
- height: 77px;
- margin-top: -1px;
- margin-left: -2px;
- }
点击(此处)折叠或打开
- #left3{
- width: 495px;
- height: 486px;
- border: 1px solid #dcdcdc;
- float: left;
- margin-top: 15px;
- margin-left: 178px;
- background-color: #FFFFFF;
- }
- .left3_top{
- height: 45px;
- background-color: #f1f1f1;
- border: 1px solid #DCDCDC;
- }
- .left3_top span{
- float: right;
- line-height: 45px;
- color: #666666;
- }
- .left3_bottom{
- height: 348px;
- margin-top: 20px;
- }
- .left3_bottom_top{
- width: 460px;
- height: 162px;
- margin-left: 15px;
- }
- .left3_bottom_top img{
- width: 460px;
- height: 162px;
- }
- .left3_bottom_bottom{
- width: 493px;
- height: 162px;
- margin-top: 10px;
- }
- .left3_bottom_bottom_left{
- width: 238px;
- height: 162px;
- margin-left: 8px;
- float: left;
- }
- .left3_bottom_bottom_left ul li{
- background: url(../img/dian.gif) no-repeat;
- color: #666666;
- font-size: 12px;
- height:31px;
- line-height: 31px;
- padding-left: 10px;
- border-bottom: 1px dashed #A7D66E;
- }
- .left3_bottom_bottom_right{
- width: 220px;
- height: 162px;
- float: left;
- margin-left: 15px;
- }
- .left3_bottom_bottom_right ul li{
- background: url(../img/dian.gif) no-repeat;
- color: #666666;
- font-size: 12px;
- height:31px;
- line-height: 31px;
- padding-left: 10px;
- border-bottom: 1px dashed #A7D66E;
- }
- .left3_down{
- width: 495px;
- height: 70px;
- border: 1px solid #DCDCDC;
- margin-left: -1px;
- padding: 0;
- }
点击(此处)折叠或打开
- #left4{
- width: 495px;
- height: 162px;
- border: 1px solid #dcdcdc;
- float: left;
- margin-top: 15px;
- margin-left: 178px;
- background-color: #FFFFFF;
- }
- .left4_top{
- height: 45px;
- background-color: #f1f1f1;
- border: 1px solid #DCDCDC;
- }
- .left4_bottom{
- height: 107px;
- margin-top: 20px;
- }
- .left4_bottom1{
- width: 232px;
- height: 29px;
- margin-top: 35px;
- margin-left: 20px;
- border: 1px solid #DCDCDC;
- }
- .left4_bottom1 a{
- background: url(../img/left4_bottom1.gif) no-repeat;
- font-weight: bold;
- color: #599A00;
- font-size: 12px;
- }
- .left4_down{
- width: 355px;
- height: 32px;
- margin-top: 5px;
- }
- .left4_down span{
- background: #94c945 none repeat;
- float: left;
- line-height: 20px;
- margin: 6px 15px;
- }
- .left4_down a{
- font-size: 12px;
- float: left;
- margin: 8px 4px;
- text-align: center;
- }
- .left_down a:hover{
- color: #00CC66;
- }
点击(此处)折叠或打开
- #main{
- margin: 0px;
- padding: 0px;
- width: 1000px;
- height: 1018px;
- margin-left: 180px;
- float: left;
- margin-top: 10px;
- }
- /*#main img{
- margin-top: 10px;
- margin-left: -1px;
- }*/
- .main_bottom{
- background: url(../img/main_bottom.jpg) no-repeat;
- width: 1002px;
- height: 70px;
- float: left;
- margin-left: 178px;
- margin-top: 13px;
- }
- .main_bottom .main_bottom1{
- color: #8b8a88;
- float: left;
- font-size: 14px;
- line-height: 26px;
- margin-left: 5px;
- text-align: left;
- width: 750px;
- }
- .main_bottom .main_bottom2{
- float: right;
- margin-right: 30px;
- width: 210px;
- }
- .main_bottom .main_bottom2 ul li span{
- float: left;
- }
点击(此处)折叠或打开
- #left5{
- width: 495px;
- height: 272px;
- float: left;
- margin-left: 178px;
- margin-top: 10px;
- border: 1px solid #dcdcdc;
- background-color: #FFFFFF;
- }
- .left5_top{
- height: 45px;
- background-color: #f1f1f1;
- }
- .left5_bottom{
- height: 225px;
- }
- .left5_bottom1{
- width: 243px;
- height: 187px;
- margin-top: 15px;
- margin-left: 10px;
- float: left;
- }
- .left5_bottom2{
- width: 215px;
- height: 187px;
- margin-top: 15px;
- margin-left: 10px;
- float: left;
- }
- .left5_bottom2 ul li{
- background: url(../img/dian.gif) no-repeat;
- border-bottom: 1px dashed #a7d66e;
- float: left;
- line-height: 21px;
- padding-left: 10px;
- margin-top: 10px;
- }
点击(此处)折叠或打开
- #right1{
- width: 495px;
- height: 488px;
- border: 1px solid #dcdcdc;
- float: left;
- margin-top: 10px;
- margin-left: 7px;
- background-color: #FFFFFF;
- }
- .right1_top{
- height: 45px;
- border: 1px solid #DCDCDC;
- background-color: #f1f1f1;
- }
- .shu{
- margin: 0;
- padding: 0;
- }
- .right1_bottom{
- height: 348px;
- border: 1px solid #FFFFFF;
- margin-top: 20px;
- }
- .right1_bottom1{
- width: 227px;
- height: 305px;
- float: left;
- margin-left: 10px;
- }
- .right1_bottom2{
- width: 227px;
- height: 305px;
- float: left;
- margin-left: 10px;
- }
- .right1_bottom1_top{
- width: 205px;
- height: 258px;
- float: left;
- margin-left: 10px;
- }
- .right1_bottom1_bottom{
- width: 205px;
- height: 30px;
- float: left;
- margin-top: 15px;
- background-color: #DCDCDC;
- }
- .right1_bottom1_bottom span{
- font-size: 12px;
- text-align: center;
- line-height: 30px;
- }
- .right1_bottom2_top{
- width: 227px;
- height: 258px;
- float: left;
- margin-top: 2px;
- }
- .right1_bottom2_bottom{
- width: 205px;
- height: 30px;
- float: left;
- margin-top: 13px;
- background-color: #DCDCDC;
- }
- .right1_bottom2_bottom a{
- color: #599A00;
- font-weight: bold;
- }
- .right1_bottom2_bottom span{
- font-size: 12px;
- text-align: center;
- line-height: 30px;
- color: #599A00;
- }
- .right1_bottom2_bottom span a:hover{
- color: #000000;
- }
- .down{
- width: 355px;
- height: 32px;
- margin-top: 312px;
- }
- .down2{
- width: 495px;
- height: 77px;
- margin-top: -1px;
- margin-left: -2px;
- }
- .down2 img{
- width: 495px;
- height: 75px;
- }
点击(此处)折叠或打开
- #right2{
- width: 495px;
- height: 488px;
- border: 1px solid #dcdcdc;
- float: left;
- margin-top: 15px;
- margin-left: 7px;
- background-color: #FFFFFF;
- }
- .right2_top{
- height: 45px;
- background-color: #f1f1f1;
- border: 1px solid #DCDCDC;
- }
- ul li{
- font-size: 12px;
- text-align: center;
- float: left;
- line-height: 45px;
- margin: 0 12px;
- color: #666666;
- /*border-right: 1px solid #B6B6B6;*/
- }
- .right2_bottom{
- height: 348px;
- border: 1px solid #FFFFFF;
- margin-top: 20px;
- }
- .right2_bottom1{
- width: 207px;
- height: 305px;
- float: left;
- margin-left: 20px;
- }
- .right2_bottom2{
- width: 207px;
- height: 305px;
- float: left;
- margin-left: 20px;
- }
- .right2_bottom1_top{
- width: 205px;
- height: 258px;
- float: left;
- }
- .right2_bottom1_bottom{
- background-color: #DCDCDC;
- width: 205px;
- height: 30px;
- float: left;
- margin-top: 15px;
- }
- .right2_bottom2_top{
- width: 205px;
- height: 258px;
- float: left;
- margin-top: 2px;
- }
- .right2_bottom2_top{
- width: 243px;
- height: 258px;
- float: left;
- margin-top: 2px;
- }
- .right2_bottom2_top ul li{
- margin: 0px;
- padding: 0px;
- text-align: left;
- background: url(../img/dian.gif) no-repeat;
- color: #666666;
- font-size: 12px;
- height:34px;
- line-height: 34px;
- padding-left: 10px;
- border-bottom: 1px dashed #A7D66E;
- }
- .right2_bottom2_bottom{
- width: 205px;
- height: 30px;
- float: left;
- margin-top: 13px;
- background-color: #DCDCDC;
- }
- .right2_bottom2_bottom a{
- color: #599A00;
- font-weight: bold;
- }
- .right2_bottom2_bottom span{
- font-size: 12px;
- text-align: center;
- line-height: 30px;
- color: #599A00;
- }
- .right2_bottom2_bottom span a:hover{
- color: #000000;
- }
- .down{
- width: 355px;
- height: 32px;
- margin-top: 312px;
- }
- .down2{
- width: 495px;
- height: 77px;
- margin-top: -1px;
- margin-left: -2px;
- }
点击(此处)折叠或打开
- #right3{
- width: 495px;
- height: 486px;
- border: 1px solid #dcdcdc;
- float: left;
- margin-top: 15px;
- margin-left: 7px;
- background-color: #FFFFFF;
- }
- .right3_top{
- height: 45px;
- background-color: #f1f1f1;
- border: 1px solid #DCDCDC;
- }
- ul li{
- font-size: 12px;
- text-align: center;
- float: left;
- line-height: 45px;
- margin: 0 12px;
- color: #666666;
- }
- .right3_bottom_top{
- width: 444px;
- height: 340px;
- margin-top: 20px;
- margin-left: 24px;
- }
- .right3_bottom_top1{
- width: 134px;
- height: 170px;
- float: left;
- }
- .right3_bottom_top1_1{
- width: 134px;
- height: 124px;
- float: left;
- }
- .right3_bottom_top1_1 img{
- width: 134px;
- height: 124px;
- }
- .right3_bottom_top1_2{
- width: 134px;
- height: 43px;
- float: left;
- }
- .right3_bottom_top1_2 a{
- color: #666666;
- float: left;
- font-size: 12px;
- line-height: 20px;
- margin-top: 5px;
- width: 134px;
- }
- .right3_bottom_top2{
- width: 134px;
- height: 170px;
- float: left;
- margin-left: 18px;
- }
- .right3_bottom_top3{
- width: 134px;
- height: 170px;
- float: left;
- margin-left: 18px;
- }
- .right3_bottom_top4{
- width: 134px;
- height: 150px;
- float: left;
- }
- .right3_bottom_top1_3{
- width: 134px;
- height: 116px;
- float: left;
- }
- .right3_bottom_top1_3 img{
- width: 134px;
- height: 116px;
- }
- .right3_bottom_top1_4{
- width: 134px;
- height: 31px;
- float: left;
- }
- .right3_bottom_top1_4 a{
- color: #666666;
- float: left;
- font-size: 12px;
- line-height: 20px;
- margin-top: 5px;
- margin-left: 30px;
- }
- .right3_bottom_top5{
- width: 134px;
- height: 150px;
- float: left;
- margin-left: 18px;
- }
- .right3_bottom_top6{
- width: 134px;
- height: 150px;
- float: left;
- margin-left: 18px;
- }
- .right3_down{
- width: 495px;
- height: 70px;
- border: 1px solid #DCDCDC;
- margin-left: -1px;
- padding: 0;
- }
- /*.right3_bottom{
- height: 348px;
- margin-top: 20px;
- border: 1px solid #ff0000;
- }
- .right3_1{
- width: 134px;
- height: 134px;
- border: 1px solid #ff0000;
- float: left;
- margin-left: 20px;
- }
- .right3_1 img{
- width: 134px;
- height: 134px;
- }
- .right3_1_1{
- width: 134px;
- height: 42px;
- border: 1px solid #ff0000;
- float: left;
- margin-left: 20px;
- }*/
点击(此处)折叠或打开
- #right4{
- width: 495px;
- height: 417px;
- border: 1px solid #dcdcdc;
- float: left;
- margin-top: 15px;
- margin-left: 7px;
- background-color: #FFFFFF;
- }
- .right4_top{
- height: 45px;
- background-color: #f1f1f1;
- border: 1px solid #DCDCDC;
- }
- ul li{
- font-size: 12px;
- text-align: center;
- float: left;
- line-height: 45px;
- margin: 0 12px;
- color: #666666;
- /*border-right: 1px solid #B6B6B6;*/
- }
- .right4_bottom{
- height: 348px;
- border: 1px solid #F2E1EF;
- margin-top: 20px;
- }
- .right4_bottom1{
- width: 207px;
- height: 305px;
- float: left;
- margin-left: 20px;
- }
- .right4_bottom2{
- width: 207px;
- height: 305px;
- float: left;
- margin-left: 20px;
- }
- .right4_bottom1_top{
- width: 205px;
- height: 258px;
- float: left;
- }
- .right4_bottom1_bottom{
- background-color: #DCDCDC;
- width: 205px;
- height: 30px;
- float: left;
- margin-top: 15px;
- }
- .right4_bottom2_top{
- width: 205px;
- height: 258px;
- float: left;
- margin-top: 2px;
- }
- .right4_bottom2_top ul li{
- margin: 0px;
- padding: 0px;
- text-align: left;
- background: url(../img/dian.gif) no-repeat;
- color: #666666;
- font-size: 12px;
- height:34px;
- line-height: 36px;
- padding-left: 10px;
- border-bottom: 1px dashed #A7D66E;
- }
- .right4_bottom2_bottom{
- width: 205px;
- height: 30px;
- float: left;
- margin-top: 13px;
- background-color: #DCDCDC;
- }
- .right4_bottom2_bottom a{
- color: #599A00;
- font-weight: bold;
- }
- .down{
- width: 355px;
- height: 32px;
- margin-top: 312px;
- }
点击(此处)折叠或打开
- #right5{
- width: 495px;
- height: 272px;
- float: left;
- margin-left: 10px;
- margin-top: 10px;
- border: 1px solid #dcdcdc;
- background-color: #FFFFFF;
- }
- .right5_top{
- width: 504px;
- height: 45px;
- background-color: #f1f1f1;
- }
- .right5_bottom{
- height: 225px;
- }
- .right5_bottom .left1{
- width: 241px;
- height: 187px;
- margin-top: 24px;
- margin-left: 10px;
- float: left;
- }
- .right5_bottom .left1 .left1_1{
- height: 52px;
- }
- .right5_bottom .left1 .left1_2{
- height: 52px;
- margin-top: 12px;
- }
- .right5_bottom .left1 .left1_3{
- height: 52px;
- margin-top: 12px;
- }
- .right5_bottom .right1{
- width: 218px;
- height: 187px;
- margin-top: 24px;
- margin-left: 10px;
- float: left;
- }
- .right5_bottom .right1 .right1_1{
- height: 52px;
- }
- .right5_bottom .right1 .right1_2{
- height: 52px;
- margin-top: 12px;
- }
- .right5_bottom .right1 .right1_3{
- height: 52px;
- margin-top: 12px;
- }
- .image img{
- height: 40px;
- widows: 40px;
- float: left;
- }
- .liuyan .name p{
- font-size: 14px;
- font-weight: bold;
- float: left;
- color: #94c945;
- margin-left: 12px;
- }
- .liuyan .neirong p{
- font-size: 12px;
- }
- dt{
- color: #94c945;
- font-size: 14px;
- font-weight: bold;
- line-height: 26px;
- }
- dd{
- font-size: 12px;
- color: #666666;
- border-bottom: 1px dashed #a7d76a;
- }
点击(此处)折叠或打开
- #footer{
- width: 1363px;
- height: 278px;
- border-top: 1px solid #B6B6B6;
- float: left;
- margin-top: 10px;
- background: #FFFFFF;
- }
- #footer .footer_top{
- width: 1002px;
- height: 278px;
- float: left;
- margin-top: 10px;
- margin-left: 180px;
- }
- #footer .understand{
- width: 94px;
- height: 112px;
- float: left;
- }
- #footer .understand ul li{
- text-align: center;
- line-height: 28px;
- }
- ul li b{
- font-size: 14px;
- font-weight: bold;
- }
- #footer .user{
- width: 80px;
- height: 112px;
- float: left;
- margin-left: 130px;
- }
- #footer .user ul li{
- text-align: center;
- line-height: 28px;
- }
- #footer .weixin{
- width: 94px;
- height: 112px;
- float: left;
- margin-left: 135px;
- }
- #footer .weixin ul li{
- text-align: center;
- line-height: 28px;
- }
- #footer .service{
- width: 88px;
- height: 112px;
- float: left;
- margin-left: 135px;
- }
- #footer .service ul li{
- text-align: center;
- line-height: 28px;
- }
- #footer .our{
- width: 101px;
- height: 112px;
- float: left;
- margin-left: 135px;
- }
- #footer .our ul li{
- text-align: center;
- line-height: 28px;
- }
- #footer .footer_center{
- width: 1001px;
- height: 40px;
- float: left;
- border-top: 1px solid #DADADA;
- border-bottom: 2px solid #dadada;
- }
- #footer .footer_bottom{
- width: 1001px;
- height: 72px;
- float: left;
- margin-top: 15px;
- border-bottom: 1px solid #DADADA;
- }
- #footer .footer_bottom ul li{
- margin: 0;
- padding: 4px;
- margin-top: -26px;
- }
- #footer .footer_down{
- width: 1001px;
- height: 29px;
- float: left;
- line-height: 30px;
- text-align: center;
- clear: both;
- }
- #footer .footer_down span{
- font-size: 12px;
- color: #666666;
- }
- #footer .footer_down a{
- font-size: 12px;
- }
- /*#footer ul li{
- text-align: center;
- line-height: 40px;
- float: left;
- padding-left: 10px;
- margin-right: 10px;
- border-left: 1px solid #DCDCDC;
- color: #666666;
- font-size: 13px;
- }*/