链家官网

最新推荐文章于 2023-12-24 20:31:57 发布

「已注销」

最新推荐文章于 2023-12-24 20:31:57 发布

阅读量6.9k

点赞数

分类专栏： html+css 文章标签： html

本文链接：https://blog.csdn.net/RanAzhe/article/details/67687679

版权

html+css 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<!doctype html>
<html>

<head>
  <meta charset="UTF-8">
  <title>链家</title>
</head>
<link rel="stylesheet" type="text/css" href="CSS/reset.css" />
<link rel="stylesheet" type="text/css" href="CSS/lianJia.css" />

<body>
<!--begin:header样式-->
<div class="header">
  <div class="header-wrapper clearfix">
<!--(左)-->
     <div class="header-fl clearfix">
        <a class="logo"></a>
        <span class="txtchange"><i></i>上海</span>
      </div>
<!--(右)-->
     <div class="nav clearfix">
<!--(注册/登录)-->
        <div class="loginMin">
          <i></i>
          <a>登录</a>
          <a>立即注册</a>
        </div>
<!--(menu)-->
        <ul class="clearfix">
          <li><a>首页</a></li>
          <li><a>二手房</a>
            <div class="nav-list">
              <dd>
                <i></i>
                <dl><a>全部</a></dl>
                <dl><a>地铁房</a></dl>
                <dl><a>地图找房</a></dl>
                <dl><a>成交房源</a></dl>
              </dd>
             </div>
          </li>
          <li><a>新房</a></li>
          <li><a>租房</a></li>
          <li><a>小区</a></li>
          <li><a>经纪人</a></li>
          <li><a>海外</a></li>
          <li><a>APP下载</a>
            <div class="nav-list">
              <dd>
                <i></i>
                <div class="ewmWrap"><img src="img/QRCodeIcon.png" /></div>
              </dd>
            </div>
          </li>
          <li><a>卖房</a></li></ul>
      </div>
      <div class="clear"></div>
      <!--(该清地浮动都清了，为啥还需要加clear??)-->
<!--begin:headerMin开始-->
      <div class="headerMin">
<!--(标题)-->
        <div class="headerMin-title"></div>
<!--(tab)-->
        <ul class="house-num">
          <li>上海链家真实在售二手房79067套</li>
          <li>上海链家真实租房62253套</li>
          <li>上海链家真实新房楼盘198个</li>
        </ul>
        <div class="searchMin">
<!--(tab)--><!--(为啥样式只能写在行间?写在css中没有效果？？？)-->
            <div class="searchMin-menu clearfix">
              <a><span>找二手房</span></a>
              <a><span>找新房</span></a>
              <a><span>找租房</span></a>
              <a><span>找小区</span></a>
              <i></i>
            </div>
<!--(搜索框)-->
            <form class="searchMin-search clearfix">
                <input class="search-text" placeholder="请输入区域、板块或小区名开始找房" />
                <input class="search-btn" value="开始找房" />
              </form>
        </div>
      </div>
    </div>
  </div>
<!--begin:正文开始home-nav部分-->
  <div class="home-nav">
    <ul class="clearfix">
      <li>
        <div class="title">地图找房</div>
        <a>
          <div class="home-icon home-icon1"></div>
          <i class="icon1"></i>
        </a>
        <div class="txt">
          为您精准定位，找房更直观
          <a>查地图</a>
        </div>
      </li>
      <li>
        <div class="title">找二手房</div>
        <a>
          <div class="home-icon home-icon2"></div>
          <i class="icon2"></i>
        </a>
        <div class="txt">
          真实房源无重复
          <a>查地图</a>
        </div>
      </li>
      <li class="nomargin">
        <div class="title">去找房</div>
        <a>
          <div class="home-icon home-icon3"></div>
          <i class="icon3"></i>
        </a>
        <div class="txt">
          真实信息准确无误
          <a>看新房</a>
        </div>
      </li>
    </ul>
  </div>
<!--begin:hand-lianjia部分-->
  <div class="hand-lianjia">
    <div class="hand-lianjiaMin clearfix ">
<!--hand-lianjia部分(左)-->
      <div class="fl">
        <div class="title"></div>
        <p>更多真房源，更快上新、更准推荐，更多用户选择。手机匿名微聊，防骚扰、更私密！链家APP陪你，开启全新购房之旅！</p>
<!--(下载部分)-->
        <div class="download clearfix">
          <div class="download-icon">
            <a class="ios"></a>
            <a class="android"></a>
          </div>
          <div class="QR-code">
            <img src="img/QRCodeIcon.png" />
          </div>
        </div>
      </div>
    </div>
  </div>
<!--begin:ershoufang部分-->
  <div class="ershoufang">
    <div class="ershoufangMin">
<!--ershoufang部分(上)-->
      <div class="top clearfix">
        <div class="title"></div>
        <p>
          好房源那么多，我们为你精选，链家网会越来越懂你
          <a>更多上海二手房</a>
        </p>
      </div>
<!--ershoufang部分(下)-->
      <ul class="clearfix">
        <li>
          <img src="img/ershoufang-pic1.jpg" />
          <div class="txt">
            <p>悦公馆，2室2厅1卫，业主信赖，链家有钥匙</p>
          </div>
          <div class="txt2">
            <p>
              <span>悦公馆</span>
              <span>2室2厅</span>
              <span>89.41平</span>
            </p>
          </div>
        </li>
        <li>
          <img src="img/ershoufang-pic2.jpg" />
          <div class="txt">
            <p>东荷小区，配套完善，业主诚意出售，简约二室</p>
          </div>
          <div class="txt2">
            <p>
              <span>东荷小区</span>
              <span>2室1厅</span>
              <span>68.42平</span>
            </p>
          </div>
        </li>
        <li>
          <img src="img/ershoufang-pic3.jpg" />
          <div class="txt">
            <p>1室2厅1卫，交通方便，空气清新，业主信赖</p>
          </div>
          <div class="txt2">
            <p>
              <span>新湖明珠城</span>
              <span>1室2厅</span>
              <span>58.43平</span>
            </p>
          </div>
        </li>
        <li style="margin-right:0;">
          <img src="img/ershoufang-pic4.jpg" />
          <div class="txt">
            <p>国和一村，上门实拍，近地铁，满五省税费</p>
          </div>
          <div class="txt2">
            <p>
              <span>国和一村</span>
              <span>1室1厅</span>
              <span>43.4平</span>
            </p>
          </div>
        </li>
      </ul>
    </div>
  </div>
<!--begin:new-house部分-->
  <div class="new-house">
    <div class="mainMin">
<!--new-house部分(上)-->
      <div class="title"></div>
      <p class="subTitle">真实信息准确同步，楼盘动态一手掌握
        <a>更多上海新房</a>
      </p>
<!--new-house部分(下)-->
      <ul>
        <li class="nomargin">
          <a>
            <img src="img/new-img1.jpg" />
            <div class="cover"></div>
            <div class="title2">绿地长岛
              <p class="txt"><span>11000</span>元/平</p>
            </div>
          </a>
          <p class="title3">近崇明，绿地开发的集旅游度假、休闲养老为一体的大型综合社区，70年产权不限购。</p>
        </li>
        <li>
          <a>
            <img src="img/new-img2.png" />
            <div class="cover"></div>
            <div class="title2">恒大海上威尼斯
              <p class="txt"><span>9000</span>元/平</p>
            </div>
          </a>
          <p class="title3">位于启东黄金海岸，知名开发商的低密度高档住宅，户户面海临水，不限购享受度假生活。</p>
        </li>
        <li>
          <a>
            <img src="img/new-img3.jpg" />
            <div class="cover"></div>
            <div class="title2">碧桂园世纪城
              <p class="txt"><span>14500</span>元/平</p>
            </div>
          </a>
          <p class="title3">位于上海虹桥西沪常高速千灯出口，碧桂园高品质住宅小区，配套全，刚需户型，低总价。</p>
        </li>
      </ul>
    </div>
</div>
<!--begin:true部分-->
    <div class="true">
      <div class="trueMin">
<!--true部分-->
        <div class="fl"></div>
<!--true部分(右)-->
        <div class="searchMin">
          <p>
          真实存在，真实在售，真实价格，真实图片！
          <br>
          链家郑重向用户承诺：真实房源，假一赔百元！
          </p>
          <div class="searchBox">
            <input placeholder="请输入房源编号查询真伪..." />
            <span></span>
          </div>
        </div>
      </div>
    </div>
<!--begin:main部分-->
  <div class="main">
    <ul>
      <li>
        <span><img src="img/trust1.png"></span>
        <p>真实价格 真实房源</p>
        <label>链家承诺，假一赔百元</label>
      </li>
      <li>
        <span><img src="img/trust2.png"></span>
        <p>新房/二手房 等您来选</p>
        <label>房源信息覆盖广</label>
      </li>
      <li>
        <span><img src="img/trust3.png"></span>
        <p>置业顾问 专业服务</p>
        <label>帮您选称心房</label>
      </li>
      <li>
        <span><img src="img/trust4.png"></span>
        <p>安心承诺 保驾护航</p>
        <label>降低您的购房风险</label>
      </li>
    </ul>
  </div>
<!--begin:footer部分-->
  <div class="footer">
    <div class="footerMin">
<!--footer部分(上)-->
      <div class="f-title">
        <div class="fl">
          <ul>
            <li>
              <a>了解链家网</a>
            </li>
            <li>
              <a>关于链家</a>
            </li>
            <li>
              <a>联系我们</a>
            </li>
            <li>
              <a>加入我们</a>
            </li>
            <li>
              <a>隐私声明</a>
            </li>
            <li>
              <a>网站地图</a>
            </li>
            <li>
              <a>友情链接</a>
            </li>
            <li>
              <a>理房通</a>
            </li>
            <li>
              <a>经纪人登录</a>
            </li>
          </ul>
        </div>
        <div class="fr">服务热线 4007-001-001</div>
      </div>
<!--footer部分(中)-->
      <div class="lianjia-linkBox clearfix">
        <div class="fl">
          <div class="tab">
            <span>上海找房大推荐</span>
            <span>上海小区列表</span>
            <span>热门城市新房</span>
            <span>热门城市租房网</span>
            <span>合作与友情链接</span>
          </div>
          <div class="linkBox">
            <a>手机找上海二手房</a>
            <a>底特律财富天地</a>
            <a>新城金郡</a>
            <a>同润菲诗艾伦</a>
            <a>三厢四季花城</a>
            <a>上海康城</a>
            <a>世茂滨江花园</a>
            <a>奥林匹克花园</a>
            <a>中远两湾城</a>
            <a>浦发绿城</a>
            <a>绿洲康城亲水湾</a>
            <a>三盛颐景园</a>
            <a>地杰国际城</a>
            <a>开元地中海</a>
            <a>九城湖国际</a>
            <a>紫东新苑</a>
            <a>莱顿小城</a>
            <a>新城金郡</a>
            <a>同润菲诗艾伦</a>
            <a>三厢四季花城</a>
            <a>上海康城</a>
            <a>世茂滨江花园</a>
            <a>奥林匹克花园</a>
            <a>中远两湾城</a>
            <a>浦发绿城</a>
            <a>绿洲康城亲水湾</a>
            <a>三盛颐景园</a>
            <a>地杰国际城</a>
            <a>开元地中海</a>
            <a>九城湖国际</a>
            <a>紫东新苑</a>
            <a>莱顿小城</a>
            <a>保利西子湾</a>
          </div>
        </div>
        <div class="fr">
          <div class="QR-code">
            <img src="img/QRCodeIcon.png" />
          </div>
        </div>
      </div>
<!--footer部分(下)-->
      <div class="bottom">
        <div class="copy">
          北京链家经纪房地产有限公司 | 网络经营许可证 京ICP备11024601号-12
          <br /> @ Copyright@2010-2017 链家网lianjia.com版权所有
        </div>
      </div>
    </div>
  </div>
</body>

</html>

@charset "UTF-8";
/**公用样式**/
.clearfix:after {
	content:'';/**给复合的盒子加一个空内容，将复合的盒子撑起来。**/
	display:block;
	clear:both;
}
body {
    font-size: 14px;
    color: #333;
    font-family: "微软雅黑";
}
/**begin:header样式**/
.header {
    background: url(../img/banner.jpg);
    width: 100%;
    height: 590px;
    padding-top: 30px;
    background-attachment: fixed;
/**
background-attachment设置或检索背景图像是随对象内容滚动还是固定的；
fixed：固定
**/
    background-position: center 0;
    position: relative;
}
.header-wrapper {
    width: 1150px;
    margin: 0 auto;
}
/**begin:header-fl样式**/
.header-fl {
    float: left;
}
.logo {
    margin-right: 20px;
    margin-top: 20px;
    width: 164px;
    height: 33px;
    display: inline-block;
    float: left;
    background-image: url(../img/sprite.png);
    background-position: -20px -20px;text-decoration: none;
}
.header-wrapper .txtchange {
    background: rgba(0,0,0,0.25);
    display: inline-block;
    height: 26px;
    line-height: 26px;
    text-align: center;
    color: #fff;
    margin-top: 20px;
    cursor: pointer;
    border-radius: 15px;
    padding: 0 10px;
    font-size: 12px;
    font-weight:bold;
    font-style: normal
}
.header-wrapper .txtchange i {
    background-image: url(../img/sprite.png);
    background-image: -webkit-image-set(url(../img/sprite.png) 1x, url(../img/sprite.png) 2x);
    background-position: -189px -20px;
    width: 10px;
    height: 12px;
    display: inline-block;
    position: relative;
    margin-right: 5px;
    top: 1px;
}
/**begin:nav样式**/
.nav {
    width: 725px;
    margin-top: -6px;
    margin-right: 20px;
    float: right;
    position: relative;
}
.header .loginMin{
		position: absolute;
		right: 0;
    cursor:pointer;
    float: right;
    text-align: right;
}
.nav .loginMin i {
    background: url(../img/sprite.png);
    background-position: -203px -20px;
    width: 17px;
    height: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    top: 3px;
}
.loginMin a {
    margin-left: 5px;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
}
.nav ul {
    text-align: right;
    padding-top: 28px;
    float: right;
    clear: both;
    position: relative;
}
.nav ul li {
    float: left;
    position: relative;
}
.nav dd i {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    left: 53px;
    top: -10px;
}
.nav ul li a {
    text-decoration: none;
    cursor: pointer;
    color: #fff;
    font-size: 16px;
    margin-left: 20px;
    font-weight:bold;
}
.nav .nav-list {
  display: none;
    text-align: left;
    width: 124px;
    position: absolute;
    height: 40px;
    top: 18px;
    left: 50%;
    z-index: 99;
    margin-left: -53px;
}
.nav ul li:hover .nav-list {
    display: block;
}
.nav .nav-list dd {
    position: absolute;
    margin-top: 13px;
    background: #f9f9f9;
    border-radius: 2px;
    width: 124px;
    padding: 10px 0;
}
.nav .nav-list dd a {
    color: #333;
    line-height: 30px;
    font-size: 14px;
}
.nav .ewmWrap {
	  background:url(../img/code.png);
    position: relative;
    width: 100px;
    height: 100px;
    overflow: hidden;
    margin-left: 13px;
}
.nav .ewmWrap img{
  border-width: 2px;
  border-radius: 6px;
  border-style: solid;
  border-color: rgb(255, 255, 255);
  background: rgb(255, 255, 255) none repeat scroll 0% 0%;
  width: 33px;
  height: 33px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -18.5px;
  margin-left: -18.5px;
}
.clear{ clear: both;}

/** begin:headerMin样式**/

.headerMin-title{
    margin: 120px auto 0 auto;
    text-align: center;
    background-image: url(../img/banner-text.png);
    background-repeat: no-repeat;
    height: 74px;
    width: 478px;
}
.house-num {
    text-align: center;
    color: #fff;
    font-size: 20px;
    margin-bottom: 20px;
    margin-top: 4px;
    height: 35px;
    line-height: 35px;
    overflow: hidden;
}
.house-num ul {
    position: relative;
    height: 35px;
}
.searchMin{
    margin: -14px auto 0;
    width: 780px;
    height: 127px;
		padding: 20px;
    position: relative;
}
.searchMin-menu {
    float: left;
		position: relative;
}
.header .searchMin .searchMin-menu a {
    float: left;
    height: 43px;
}
.header .searchMin .searchMin-menu span {
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    padding: 0 20px 0 0;
    height: 32px;
    line-height: 32px;
    display: inline-block;
    cursor: pointer;
}
.searchMin .searchMin-menu i {
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    width: 0;
    height: 0;
    position: absolute;
    top: 55px;
    left: 40px;
    border-bottom: 10px solid #fff;
}
.searchMin .searchMin-search{
  position: relative;
   background: #fff;
   border-radius: 2px;
   clear: both;
   height: 55px;
   box-shadow: 1px 0 5px rgba(0,0,0,0.2);
}
.searchMin .searchMin-search form {
    height: 55px;
    position: relative;
}
.searchMin .searchMin-search .search-text {
  float: left;
    width: 626px;
    padding-left: 20px;
    border: 0;
    height: 55px;
    line-height: 55px;
    border-radius: 2px;
    font-size: 14px;
}
.searchMin .searchMin-search .search-btn {
  float: left;
    background: #00ae66;
    width: 127px;
    height: 55px;
    float: right;
    border: 0;
    display: block;
    border-radius: 0 2px 2px 0;
    position: absolute;
    right: -1px;
    cursor: pointer;
    text-align: center;
    font-size: 18px;
    color: #fff;
}
/**home-nav部分**/
.home-nav {
    width: 935px;
    margin: 0 auto;
    padding-top: 45px;
    padding-bottom: 45px;
}
.home-nav li {
	position: relative;
    float: left;
    width: 225px;
    margin-right: 128px;
    text-align: center;
}
.home-nav .nomargin{
	margin-right: 0;
}
.home-nav li .title {
    font-size: 28px;
    color: #333;
    font-weight: 400;
}
/**home-icon公用部分**/
.home-nav li .home-icon {
    background: url(../img/home-icon.png);
    width: 225px;
    height: 225px;
    margin: 25px 0;
}
.home-nav li i {
    background: url(../img/home-Sprite.png);
    width: 65px;
    height: 65px;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -33px;
    margin-top: -33px;
}
.home-nav li .txt {
    color: #888;
}
.home-nav li .txt a {
    display: block;
    color: #38a1e1;
    margin-top: 8px;
    font-weight: bold;
}
.home-nav li .home-icon1 {
    background-position: 0 -912px;
}
.home-nav li .icon1 {
    background-position: -313px -13px;
}
.home-nav li .home-icon2 {
    background-position: 0 -457px;
}
.home-nav li .icon2 {
    background-position: -388px -13px;
}
.home-nav li .home-icon3 {
    background-position: 0 -231px;
}
.home-nav li .icon3 {
    background-position: -613px -13px;
}
/**hand-lianjia部分**/
.hand-lianjia {
    padding-top: 45px;
    background: url(../img/hand.png) center top;
    background-position: center center;
    background-repeat: no-repeat;
    height: 478px;
}
.hand-lianjiaMin{
    width: 1150px;
		margin: 0 auto;
}
.hand-lianjia .fl {
    width: 503px;
    padding-top: 40px;
		float: left;
}
.hand-lianjia .fl .title {
    background-image: url(../img/sprite.png);
		background-position: -20px -386px;
    height: 118px;
}
.hand-lianjia .fl p {
    line-height: 22px;
    margin-top: 22px;
    word-spacing: 8px;
    letter-spacing: 1.5px;
}
.hand-lianjia .fl .download {
    width: 479px;
    margin-top: 38px;
    position: relative;
}
.hand-lianjia .fl .download-icon {
    float: left;
    width: 134px;
    margin-right: 14px;
}
.hand-lianjia .fl .download-icon a {
	  cursor: pointer;
    background-image: url(../img/sprite.png);
    display: inline-block;
    width: 134px;
    height: 44px;
}
.hand-lianjia .fl .download-icon .ios {
    background-position: -20px -139px;
}
.hand-lianjia .fl .download-icon .android {
    margin-top: 8px;
    background-position: -20px -197px;
}
.hand-lianjia .fl .download .QR-code {
	position: relative;
    float: left;
    border: 6px solid #fff;
    width: 90px;
    height: 90px;
		background: url(../img/code.png);
}
.QR-code img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -17px;
    margin-left: -17px;
    width: 30px;
    height: 30px;
    border: 2px solid rgb(255, 255, 255);
    border-radius: 6px;
    background: rgb(255, 255, 255) none repeat scroll 0% 0%;
}
/**ershoufang部分**/
.ershoufang {
    background: #f2f2f3;
    clear: both;
    padding: 50px 0 15px;
}
.ershoufangMin {
    width: 1150px;
		position: relative;
		margin: 0 auto;
}
.ershoufang .top .title {
    background-image: url(../img/sprite.png);
    background-position: -19px -94px;
    width: 248px;
    height: 30px;
}
.ershoufang .top p {
    color: #888;
    margin-top: 10px;
    width: 1150px;
}
.ershoufang .top p a {
    color: #394043;
    margin-left: 20px;
    float: right;
}
.ershoufang ul {
    margin-top: 40px;
    width: 1150px;
}
.ershoufang li {
    position: relative;
    width: 250px;
    height: 323px;
    float: left;
    margin-right: 50px;
    border-radius: 2px;
    overflow: hidden;
    margin-bottom: 3px;
}
.ershoufang li img {
    width: 250px;
    height: 192px;
		border-radius: 2px;;
}
.ershoufang li .txt {
    width: 250px;
    height: 72px;
    background: #fff;
}
.ershoufang li .txt p{
    font-size: 16px;
    color: #394043;
    line-height: 22px;
    height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 14px 18px;
}
.ershoufang li .txt2 {
    height: 45px;
    line-height: 45px;
    padding-right: 5px;
}
.ershoufang li .txt2 p {
    color: #b0b3b4;
    font-size: 12px;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 244px;
}
.ershoufang li .txt2 p span {
    margin-right: 8px;
}
/**new-house样式**/
.new-house {
    width: 100%;
    height: 500px;
    padding-top: 50px;
}
.mainMin{
    width: 1150px;
		margin:0 auto;
}
.new-house .title {
    background-image: url(../img/sprite.png);
    background-position: -20px -56px;
    width: 158px;
    height: 30px;
}
.new-house .subTitle {
    color: #888;
    margin-top: 10px;
    width: 1150px;
}
.new-house .subTitle a {
    color: #394043;
    margin-left: 20px;
    float: right;
}
.new-house ul {
    clear: both;
    margin-top: 40px;
    width: 1150px;
    height: 352px;
}
.new-house ul li {
    float: left;
    width: 348px;
    height: 350px;
    border: none;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
    margin-left: 50px;
}
.new-house ul li.first {
    margin-left: 0;
}
.new-house ul li a {
    width: 348px;
    height: 260px;
		display: inline-block;
    position: relative;
    text-decoration: none;
}
.new-house ul .nomargin{
	margin-left: 0;
}
.new-house ul li a img {/**这里的样式必须得设**/
    width: 348px;
    height: 260px;
}
.new-house ul li a .cover {
    width: 348px;
    height: 260px;
    background:rgba(0, 0, 0, 0.3);
    position: absolute;
    left: 0;
    top: 0;
}
.new-house ul li a .title2 {
    font-size: 24px;
    color: #fff;
    position: absolute;
    width: 348px;
    font-weight:bold;
    height: 162px;
    left: 50%;
    top: 50%;
    margin-left: -174px;
    text-align: center;
    margin-top: -35px;
    text-shadow: 0 1px 4px rgba(0,0,0,0.6);
}
.new-house ul li a .title2 .txt{
    color: #fff2ab;
    font-size: 17px;
    font-family: tahoma;
    font-weight: normal;
    display: block;
		margin-top: 3px;
}
.new-house ul li a .title01 p.unitPrice span {
    font-weight: 700;
    font-size: 20px;
    position: relative;
    top: 4px;
}
.new-house ul li a span {
    font-weight:bold;
    font-size: 20px;
    position: relative;
    top: 1px;
}
.new-house ul li .title3 {
    padding: 18px;
    line-height: 200%;
    color: #333;
    max-width: 328px;
    height: 54px;
}
/**true样式**/
.true {
    background-repeat: no-repeat;
    background: url(../img/true-bg.jpg) no-repeat center top;
    width: 100%;
    height: 180px;
    padding-top: 60px;
}
.true .trueMin{
	 width: 1150px;
	 margin:0 auto;
}
.true .trueMin .fl{
	  float: left;
    background-image: url(../img/sprite.png);
    background-position: -19px -254px;
    width: 501px;
    height: 115px;
    margin-top: 4px;
}
.true .searchMin {
    width: 550px;
    float: right;
}
.true .searchMin p {
    color: #fff;
    font-size: 16px;
    line-height: 25px;
}
.true .searchBox{
	position: relative;
	width: 531px;
	height: 29px;
	margin-top: 18px;
	padding: 7px 12px;
	background: #fff;
	line-height: 29px;
	border-radius: 2px;
	box-shadow: 0 1px 3px rgba(14,5,10,0.25);
}
.true .searchBox input {
		width: 495px;
		font-size: 14px;
    border: 0;
    height: 28px;

}
.true .searchBox span {
    background-image: url(../img/sprite.png);
    background-position: -407px -20px;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-top: 5px;
    float: right;
    cursor: pointer;
}
/**main样式**/
.main {
    padding-top:50px;
    clear: both;
    height: 130px;
		width: 1150px;
		margin: 0 auto;
}
.main li {
    float: left;
    width: 255px;
    margin: 0 15px;
    text-align: center;
}
.main li span {
    display: block;
    margin: 0 auto;
    width: 42px;
    height: 44px;
}
.main li span img {
    width: 42px;
    height: 44px;
}
.main li p {
    font-size: 20px;
    color: #394043;
    margin-top: 16px;
    font-weight:bold;
}
.main li label {
    font-size: 12px;
    color: #b0b3b4;
    margin-top: 3px;
    display: block;
}
/**footer样式**/
.footer {
    background: url(../img/footer-bg.jpg) no-repeat;
    clear: both;
    width: 100%;
    height: 426px;
    margin-top: 45px;
}
.footerMin{
	width:1150px;
	margin:0 auto;
}
.footer .f-title {
    height: 75px;
    border-bottom: 1px solid #393939;
    line-height: 75px;
    margin: 0;
}
.footer .fl {
	float: left;
}
.footer .fr {
	  float: right;
    color: #7dcfa0;
}
.footer .fl li {
    float: left;
}
.footer .fl li a {
    color: #fff;
    margin-right: 15px;
    font-size: 14px;
}
.footer .lianjia-linkBox {
	  border-bottom: 1px solid #393939;
    padding: 13px 0 20px 0;
}
.footer .lianjia-linkBox .fl {
	  float: left;
    width: 870px;
}
.lianjia-linkBox .fl .tab{
	height: 40px;
}
.footer .fl .tab span {
    padding: 8px 10px;
		background: #3d3d3d;
    color: #fff;
    float: left;
    margin-right: 12px;
    cursor: pointer;
    font-size: 12px;
}
.lianjia-linkBox .fl .link-list{
	height: 89px;
}
.footer .lianjia-linkBox a {
    color: #999;
    font-size: 12px;
    display: inline-block;
    margin: 10px 10px 0 0;
}
.footer .lianjia-linkBox .fr {
	float: right;
}
.footer .lianjia-linkBox .QR-code{
    border: 5px solid #fff;
    border-radius: 2px;
    position: relative;
    width: 129px;
    height: 129px;
    overflow: hidden;
		background: url(../img/code.png);
}
.footer .lianjia-linkBox .QR-code img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -23px;
    margin-left: -23px;
    width: 50px;
    height: 50px;
    border: 2px solid rgb(255, 255, 255);
    border-radius: 6px;
    background: rgb(255, 255, 255) none repeat scroll 0% 0%;
}
.footer .bottom {
    padding-top: 23px;
}
.footer .bottom .copy {
    color: #999;
    font-size: 12px;
    line-height: 20px;
		float: left;
}