.midCon .bd .topicCon ul li {
  float:left;
  width:280px;
  height:240px;
  margin-right:23px;
  margin-top:15px;
  display:inline
}
.midCon .bd .topicCon ul li .cover {
  float:left;
  width:100%;
  height:240px;
  position:relative
}
.midCon .bd .topicCon ul li .cover h4 {
  width:100%;
  height:35px;
  background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important;
  filter:Alpha(opacity=50);
  background:#000;
  -moz-opacity:0.5;
  line-height:35px;
  position:absolute;
  text-indent:10px;
  color:#fff;
  font-size:14px;
  left:0;
  bottom:0
}
.midCon .bd .topicCon ul li .cover h4 a {
  color:#fff;
  font-size:14px
}
.midCon .bd .topicCon ul li .cover img {
  width:100%;
  height:240px
}
.floorList {
  float:left;
  width:880px;
  margin-top:20px;
  display:inline
}
.floorList li {
  float:left;
  width:210px;
  height:180px;
  margin-right:10px;
  display:inline
}
.floorList li .cover {
  float:left;
  width:100%;
  height:140px;
  position:relative
}
.floorList li .cover h2 {
  position:absolute;
  left:0;
  bottom:0px;
  width:100%;
  height:28px;
  line-height:28px;
  text-indent:10px;
  background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important;
  filter:Alpha(opacity=50);
  background:#000;
  -moz-opacity:0.5
}
.floorList li .cover h2 a { color:#FFF }
.floorList li .cover img {
  width:210px;
  height:140px
}
.floorList li p {
  float:left;
  width:100%;
  height:30px;
  line-height:30px
}
.floorList li p.r { text-align:right }
.floorList li p .price {
  float:left;
  display:inline;
  font-size:14px;
  font-weight:600
}
.floorList li p .num {
  float:right;
  width:100px;
  text-align:right;
  font-size:14px;
  font-weight:600
}
.floorList li p .num font {
  font-size:20px;
  color:#F00
}
.spList {
  float:left;
  width:880px;
  margin-top:10px;
  display:inline
}
.spList li {
  float:left;
  width:210px;
  height:170px;
  margin-right:10px;
  display:inline
}
.spList li .cover {
  float:left;
  width:100%;
  height:140px;
  position:relative
}
.spList li .cover h2 {
  position:absolute;
  left:0;
  bottom:0px;
  width:100%;
  height:28px;
  line-height:28px;
  text-indent:10px;
  background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important;
  filter:Alpha(opacity=50);
  background:#000;
  -moz-opacity:0.5
}
.spList li .cover h2 a { color:#FFF }
.spList li .cover h2 span {
  float:right;
  padding-right:10px;
  text-align:right;
  color:#FFF
}
.spList li .cover img {
  width:210px;
  height:140px
}
.spList li p {
  float:left;
  width:100%;
  height:30px;
  line-height:30px
}
.spList li p .r { text-align:right }
.esfCon {
  float:left;
  width:795px
}
.esfCon dl {
  float:left;
  width:377px;
  margin-left:20px;
  display:inline
}
.esfCon dl dt {
  float:left;
  width:100%;
  height:30px;
  border-bottom:1px solid #dfdfdf
}
.esfCon dl dt h2 {
  float:left;
  height:30px;
  padding: 0 15px;
  border-bottom:1px solid #3088E1;
  font-family:"Microsoft YaHei", "΢ÈíÑźÚ", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size:16px;
  font-weight:bold;
  line-height:30px
}
.esfCon dl dd {
  float:left;
  width:100%;
  height:35px;
  line-height:35px;
  border-bottom:1px solid #dfdfdf;
  font-family:"Microsoft YaHei", "΢ÈíÑźÚ", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size:14px
}
.esfCon dl dd span {
  float:left;
  height:40px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}
.esfCon dl dd span.wt { width:249px }
.esfCon dl dd span.wt em { color:#3088df }
.esfCon dl dd span.wtt { width:280px }
.esfCon dl dd span.wtt em { color:#3088df }
.esfCon dl dd span.w60 {
  width:50px;
  text-align:center
}
.esfCon dl dd span.w80 {
  width:70px;
  text-align:right
}
.esfCon dl dd span.w80 .pri {
  font-size:16px;
  color:#f00
}
.esfCon dl dd.on {
  background:#f3f3f3;
  cursor:pointer
}
.esfNav {
  float:left;
  width:320px
}
.esfNav li {
  float:left;
  width:150px;
  height:45px;
  margin-right:10px;
  margin-bottom:10px;
  display:inline
}
.esfNav li a {
  display:block;
  height:45px;
  line-height:45px;
  text-align:center;
  font-size:18px;
  font-family:"Microsoft YaHei", "΢ÈíÑźÚ", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color:#fff;
  border-radius:4px
}
.esfNav li a:hover { opacity:0.8 }
.esfNav li.l a { background:#FF8103 }
.esfNav li.r a { background:#3088E1 }
.esfPicNav {
  float:left;
  width:320px
}
.esfPicNav li {
  float:left;
  width:148px;
  height:60px;
  margin-right:10px;
  margin-bottom:10px;
  display:inline;
  border:1px solid #dfdfdf
}
.esfPicNav li img {
  width:148px;
  height:60px
}
.phbCon {
  float:left;
  width:100%
}
.phbCon .colCon {
  float:left;
  width:360px;
  margin-left:20px;
  display:inline;
  padding-bottom:20px;
  margin-right:20px;
  margin-top:10px
}
.phbCon .colCon .colTitle {
  float:left;
  width:100%;
  height:40px;
  border-bottom:1px solid #dfdfdf
}
.phbCon .colCon .colTitle h2 {
  float:left;
  display:inline;
  height:39px;
  border-bottom:2px solid #FF8103;
  font-size:20px;
  font-family:"Microsoft YaHei", "΢ÈíÑźÚ", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height:39px
}
.phbCon .colCon ul {
  float:left;
  width:100%
}
.phbCon .colCon ul li {
  float:left;
  width:100%;
  height:40px;
  border-bottom:1px dotted #dfdfdf
}
.phbCon .colCon ul li em {
  float:left;
  width:16px;
  height:16px;
  margin-top:12px;
  display:inline;
  background:#dfdfdf;
  color:#FFF;
  line-height:16px;
  text-align:center;
  border-radius:3px
}
.phbCon .colCon ul li em.on { background:#c3141b }
.phbCon .colCon ul li span {
  float:left;
  line-height:40px;
  height:40px
}
.phbCon .colCon ul li span.w140 {
  width:140px;
  text-indent:10px;
  font-size:14px
}
.phbCon .colCon ul li span.w330 {
  width:330px;
  text-indent:10px;
  font-size:14px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}
.phbCon .colCon ul li span.w90 {
  width:90px;
  color:#969A99;
  font-size:14px;
  float:right;
  text-align:center
}