/* design by BOOFCCOM */

/* 页面路径 */
.mainpath{ margin:10px auto; width:1200px; height:40px; text-align:left; overflow:hidden; }
.mainpath .path{ float:left; width:700px; height:40px; line-height:40px; color:#999; }
.mainpath .path a{ color:#666; margin:0px 5px; }
.mainpath .path a:hover{ color:#ee4e4e; }


/* 页面开始 */
.mainall{ margin:auto; width:1200px; height:auto; text-align:left; padding:0px;background: url(/images/browse/center.png) 900px repeat-y; background-color:#fff; overflow:hidden; }

/* 左侧开始 */
.mainall .left{ float:left; width:910px; height:auto; text-align:left; padding:0px; }
.mainall .left .housename{ float:left; width:860px;height:auto; padding:10px 20px; padding-bottom:0px; }
.mainall .left .housename .n1{ float:left; width:700px;height:auto;line-height:40px;font-size:18pt; color:#2E343B; font-weight:bold; }
.mainall .left .housename .n2{ float:left; width:160px;height:auto; padding-top:20px; }

/* 时间和分享 */
.mainall .left .date{ float:left; width:860px; height:30px; margin:0px 20px; padding:5px 0px; border-bottom:1px #eee solid;font-size:14px;  }
.mainall .left .date span{ float:left; width:210px; line-height:30px;padding-left:0px; color:#999; }
.mainall .left .date span i{ font-style:normal; color:#f40; margin-left:5px; }
.mainall .left .date span em{ font-style:normal; color:#f40; font-size:18px; }
.mainall .left .date ul{ float:left; width:630px; line-height:30px; }
.mainall .left .date ul li{ float:right;width:auto; line-height:30px; margin-left:0px; font-size:12px;display:inline; position: relative; }
.mainall .left .date ul li a{ float:left; width:auto; line-height:30px;position: relative; display: block;color:#999;text-indent:20px;cursor: pointer; }
.mainall .left .date ul li a:hover{ color:#F40; }
.mainall .left .date ul li a.shareMore{ background:url(/images/browse/t4.gif) left center no-repeat; }
.mainall .left .date ul li a.shareMore:hover{ color:#F40; }
.mainall .left .date ul li a.shareMorecurrent { width:auto;height:30px; }
.mainall .left .shareMoredown { z-index: 2; position: absolute; background: #E45B00;top:30px;left:0px; width:160px; height:auto;background-color:#FFF; border:1px #DDD solid; padding:10px 0px; }
.mainall .left .shareMoredown b{ float:left; width:160px; height:auto; padding:0px 0px; text-align:center; }
.mainall .left .shareMoredown p{ float:left; width:160px; height:auto; line-height:20px; padding:0px 0px; text-align:center; font-size:12px;color:#f20;} 
.mainall .left .date ul li a.fav{ background:url(/images/browse/t2.png) left center no-repeat; }
.mainall .left .date ul li a.report{ background:url(/images/browse/t3.png) left center no-repeat; }

/* 基本信息 */
.mainall .left .basic{ float:left; width:850px; height:auto; padding:10px 20px;border-bottom:0px #eee solid; }
.mainall .left .basic span{ float:left; width:170px; height:auto; }
.mainall .left .basic span p{ float:left; width:170px; line-height:35px;font-size:18px; color:#212121; }
.mainall .left .basic span i{ float:left; width:170px; line-height:25px; font-style:normal; color:#999; font-size:13px; }

/* 位置 */
.mainall .left .locus{ float:left; width:850px; height:auto; padding:10px 20px;border-bottom:0px #eee solid; }
.mainall .left .locus span{ float:left; width:850px; line-height:30px; }
.mainall .left .locus span p{ float:left; width:50px;line-height:30px; color:#999; }
.mainall .left .locus span i{ float:left; width:750px;line-height:30px; }
.mainall .left .locus span i a{ color:#333; margin-right:10px; padding:0px; }
.mainall .left .locus .loc{  background:url(/images/browse/map.png) left center no-repeat; padding-left:18px; }


/* 标题 */
.mainall .left .title{ float:left; width:860px; line-height:40px;background:url(/images/browse/line.png) 160px center repeat-x; margin-bottom:10px; }
.mainall .left .title span{ float:left; width:auto; line-height:40px; background-color:#FFF; font-size:16px; color:#222; padding-right:15px; font-weight:bold; }
.mainall .left .title a{ float:right; width:auto; line-height:40px; background-color:#FFF; color:#999; padding-left:15px; }
.mainall .left .title span i{ font-style:normal; color:#f20; font-weight:normal; }

/* 描述 */
.mainall .left .miaoshu{ float:left; width:860px; height:auto; padding:0px 20px; }
.mainall .left .miaoshu p{ float:left; width:860px; height:auto; line-height:28px; font-size:14px; color:#444; }

/* 图片 */
.mainall .left .tupian{ float:left; width:870px; height:auto; padding:0px 0px; padding-left:20px; }
.mainall .left .tupian .picswiper{ float:left; width:100%;height:300px; }
.mainall .left .tupian .swiper-slide{ display: flex; width:50%; text-align:center;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;-webkit-box-pack: center;-ms-flex-pack: center; -webkit-justify-content: center;justify-content: center; -webkit-box-align: center;-ms-flex-align: center; -webkit-align-items: center;align-items: center; }
.mainall .left .tupian .swiper-slide img{ width:420px; height:300px;border-radius:2px; }
.swiper-button-prev{ width:30px; height:30px;background-image:url(/images/browse/btnprev.png); background-size:30px; }
.swiper-button-next{ width:30px; height:30px;background-image:url(/images/browse/btnnext.png); background-size:30px; }

.mainall .left .tupian .author{ float:left; width:870px;line-height:20px; font-size:12px; color:#999; margin-left:5px; margin-top:5px; }
.mainall .left .tupian .author i{ font-style:normal; margin:0px 5px; }
.mainall .left .tupian .author a{ color:#999; }
.mainall .left .tupian .author a:hover{ color:#f20; }


/* 房价 */
.xiaoqu{ float:left; width:860px; height:auto; padding:0px 20px; }
.pricechart{ float:left; width:858px; height:auto; margin-top:0px;border:1px #eee solid; }
.pricechart dl{ float:left; width:858px; height:auto;background:#fff; padding:10px 0px;overflow:hidden;}
.pricechart dl dt{ float:left; width:50%;padding:1px 0;}
.pricechart dl dd{ float:left; width:50%; padding:1px 0; }
.pricechart dl p{ color:#333; line-height:28px; margin-left:20px; position:relative; padding-left:20px; font-size:16px; }
.pricechart dl p:before{ content:''; position:absolute; width:13px; height:13px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; background:#999; margin:auto; left:3px; top:0; bottom:0; }
.pricechart dl span{ float:left; font-size:16px; margin-left:20px; line-height:24px; font-size:12px;  }
.pricechart dl dt p:before{ background:#ee4e4e; }
.pricechart dl dd p:before{ background:#288add; }
.pricechart dl dt span{ color:#62AB00; }
.pricechart dl dd span{ color:#62AB00; }
.pricechart .btn{ overflow:hidden;border-top:1px #eee solid; padding:10px 20px; }
.pricechart .btn .items{ float:right; border:#d0d0d0 1px solid; }
.pricechart .btn .item{ background:#fff; color:#333; float:left; padding:0 10px; line-height:20px; font-size:12px; cursor:pointer; }
.pricechart .btn .item.cur{ background:#999; color:#fff; }
.pricechart .myChart{ float:right;width:98%;height:260px; display:none; }
.pricechart .myChart.cur{ display:block; }
.pricechart .tishi{ color:#aaa; line-height:30px; font-size:12px; text-indent:20px; }

/* 位置 */
.weizhi{ float:left; width:860px; height:auto; padding:15px 20px; }
.locusmap{ float:left; width:860px; height:300px;position:relative; }
.locusmap *{ padding:0; margin:0; border:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

/* 房源列表 */
.xihuan{ float:left; width:880px; height:auto; padding:0px 0px; padding-left:20px; }
.xihuan .conte{ float:left; width:880px; height:auto; }
.xihuan .conte ul{ float:left; width:200px; height:auto; margin-bottom:10px; margin-right:20px;display:inline;position:relative; }
.xihuan .conte ul .li1{ float:left; width:200px; height:130px; }
.xihuan .conte ul .li1 img{ width:200px; height:130px;border-radius:3px; }
.xihuan .conte ul .li2{ width:200px; height:30px; line-height:30px; color:#999; font-size:13px; }
.xihuan .conte ul .li2 i{ margin:0px 6px; }
.xihuan .conte ul .li2 p{ float:right;color:#f30; }
.xihuan .conte ul .li3{ position:absolute; left:0px; top:102px;width:190px; height:28px; line-height:28px;background: url(/images/browse/tm.png) repeat; padding:0px 5px; color:#FFF; font-size:12px;border-bottom-left-radius:2px;border-bottom-right-radius:2px;white-space: nowrap; text-overflow: ellipsis;overflow: hidden; }

/* 按钮 */
.bottombtns{ float:left; width:860px; height:auto; margin-top:15px; margin-bottom:15px; text-align:center; }
.bottombtns .close{ display:inline-block; width:auto; line-height:26px;font-size:14px; background-color:#FFF;color:#00aaff; border:1px #00aaff solid; padding:0px 25px;cursor:pointer;border-radius:3px; outline:none; margin-left:10px; }
.bottombtns .close:hover{ background-color:#00aaff;color:#fff; }


/* 右侧开始 */
.mainall .right{ float:right; width:280px; height:auto; text-align:left; padding:0px; }

/* 微信 */
.mainall .right .weixin{ float:left; width:260px; height:auto;margin-top:10px; }
.mainall .right .weixin .title{ float:left; width:260px; height:40px; line-height:40px;background: url(/images/browse/lines.png) 0px 20px  repeat-x; }
.mainall .right .weixin .title b{ float:left; width:90px; height:40px; line-height:40px;font-size:13pt; color:#2E343B; background-color:#FFF; font-weight:normal; }
.mainall .right .weixin .conte{ float:left; width:260px; height:auto; padding:10px 0px; text-align:center; }
.mainall .right .weixin .conte img{ width:120px; height:120px; border:1px #E5E5E5 solid; padding:4px; }