body { font-size:12px; padding-bottom:72px; background:#f3f3f3; }
.house-photos { position:relative; height:200px; overflow:hidden; }
.house-photos li { float:left; }
.house-photos img { display:block; height:auto; max-width:100%; }
.photos-index { position:absolute; right:10px; bottom:10px; height:28px; line-height:28px; color:#fff; padding:0 10px; border-radius:4px; background:rgba(0, 0, 0, .6); }
.photos-index .current-index { font-size:16px; }
.back-btn { position:absolute; left:10px; top:10px; width:36px; height:36px; border-radius:4px; background:rgba(0, 0, 0, .6) url(../img/left_arrow.png) no-repeat center center; background-size:8px 16px; }
.header-info { position:relative; color:#555; padding:16px 0 16px 16px; background:#fff; }
.header-info>div:first-child { border-right:1px solid #e5e5e5; margin-right:66px; }
.house-name { height:40px; line-height:20px; font-size:16px; color:#000; padding-right:10px; margin-bottom:10px; }
.house-name>div { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden; }
.header-info .other-info { font-size:14px; }
.post-time { float:left; }
.view-count { float:right; margin-right:34px; }
.collect-wrapper { position:absolute; top:0; right:0; width:66px; height:100%; padding:16px 0; }
.has-collected .collect-img { background-position-x:left; }
.collect-img { width:24px; height:24px; background:url(../img/star.png) no-repeat -33px center; background-size:auto 24px; margin:8px auto 6px; }
.collect-title { font-size:14px; text-align:center; }
.main-info { background:#fff; padding:0 16px; margin-top:12px; }
.house-main { color:#555; padding:16px 0; border-bottom:1px solid #e5e5e5; }
.house-main>div { float:left; width:33.33%; text-align:center; border-right:1px solid #e5e5e5; }
.house-main>div:last-child { border-right:none; }
.house-main .info-title { font-size:14px; margin-top:2px; }
.house-main .info-content { font-size:16px; color:#ff7100; margin:6px 0 2px; }
.house-detail { line-height:28px; padding:8px 0; border-bottom:1px solid #e5e5e5; }
.house-detail>div { float:left; min-width:40%; }
.house-detail span { font-size:14px; vertical-align:middle; }
.house-detail .info-title { display:inline-block; text-align:right; color:#555; min-width:80px; }
.house-detail .info-content { color:#000; }
.contact-info { position:relative; min-height:80px; padding:0 16px; background:#fff; }
.contact-info>div{max-width:170px;word-break:break-all;}
.contact-info .contact-name { font-size:14px; color:#000; padding-top:16px; }
.contact-info .contact-phone { font-size:16px; color:#ff7100; padding-top:8px; }
.contact-info>a { position:absolute; width:46px; height:46px;/*border-width:1px;border-style:solid;border-radius:46px;*/ }
.contact-info .suggest-btn { top:17px; right:136px;/*border-color:#ff7100;*/ background: url(../img/ico_detail_suggest.png) no-repeat; background-size: 100% 100%; }
.contact-info .call-btn { top:17px; right:76px;/*border-color:#ff7100;*/ background: url(../img/ico_detail_call.png) no-repeat; background-size: 100% 100%; }
.contact-info .msg-btn { top:17px; right:16px;/*border-color:#62cd97;*/ background: url(../img/ico_detail_msg.png) no-repeat; background-size: 100% 100%; }
.more-info { color:#000; background:#fff; margin-top:12px; }
.more-info .info-title, .house-rec .info-title { height:50px; line-height:50px; font-size:16px; color:#000; padding:0 16px; border-bottom:1px solid #e5e5e5; }
.house-equip { padding:10px 16px; }
.house-equip li { float:left; width:25%; height:28px; line-height:28px; padding-left:18px; background:url(../img/hook.png) no-repeat left center; background-size:14px 12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.house-desc { line-height:22px; font-size:14px; padding:12px 16px; border-bottom:1px solid #e5e5e5; }
.hide-desc>div { height:200px; overflow:hidden; }
.info-btn { display:block; height:50px; line-height:50px; font-size:14px; text-align:center; }
.info-btn>span { position:relative; padding-right:16px; }
.info-btn>span:after { position:absolute; top:50%; right:4px; content:''; border:4px solid transparent; border-bottom-color:#000; margin-top:-6px; }
.info-btn>span.hide-text:after { border-top-color:#000; border-bottom-color:transparent; margin-top:-2px; }
.house-rec { background:#fff; padding:0 16px; margin-top:12px; }
.house-rec .info-title { padding:0; }
.house-rec .house-img { float:left; padding-top:15px; }
.house-rec img { display:block; width:94px; height:60px; }
.house-rec .house-content { height:95px; margin-left:104px; }
.house-rec li { font-size:14px; border-bottom:1px solid #e5e5e5; }
.house-rec li:last-child { border-bottom:none; }
.house-rec .house-content { position:relative; }
.house-intro { color:#000; padding-top:14px; }
.row2cut, .house-intro>div { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden; }
.house-price { position:absolute; left:0; bottom:18px; color:#ff7100; max-width:100%; }
.fixed-footer { position:fixed; left:0; bottom:0; width:100%; z-index:100; height:72px; padding-left:16px; border-top:2px solid #e5e5e5; background:#fff; }
.fixed-footer .contact-name { font-size:14px; color:#000; margin-top:10px; }
.fixed-footer .contact-phone { font-size:16px; color:#ff7100; margin-top:6px; }
.fixed-footer>a { position:absolute; top:12px; width:61px; height:48px; border-left:1px solid #e5e5e5; padding-top:32px; }
.fixed-footer .btn-title { text-align:center; color:#777; }
.call-btn { right:122px; background: url(../img/ico_detail_call1.png) no-repeat 20px 7px; background-size: 18px 20px; }
.msg-btn { right:61px; background: url(../img/ico_detail_msg1.png) no-repeat 20px 7px; background-size: 18px 20px; }
.share-btn { right:0; background: url(../img/ico_detail_share1.png) no-repeat 20px 7px; background-size: 18px 20px; }
@media (max-width:320px){
    .post-time{margin-right:4px;}
    .view-count{float:left;margin-right:0;}
}
.img-view{position:fixed;display:none;top:0;left:0;z-index:9999;width:100%;height:100%;background:#000;}
.img-view li{display:inline-block;vertical-align:middle;}
.img-view ul{width:100%;height:100%;font-size:0;}
.img-view ul:before{display:inline-block;width:0;height:100%;content:'';vertical-align:middle;}
.img-index{position:absolute;left:0;bottom:40px;width:100%;font-size:14px;color:#fff;text-align:center;}
.img-index .now-index{font-size:18px;}

.house-photos .video-item{position:relative;}
.house-photos .video-item img{height:200px;}
.house-photos .video-item:before{position:absolute;top:50%;left:50%;width:100px;height:100px;content:'';margin:-50px 0 0 -50px;background:url(../img/play_icon.png) no-repeat;background-size:100% 100%;}

.video-layer,.comment-board-layer{position:fixed;top:0;left:0;z-index:9999;width:100%;height:100%;font-size:0;background:rgba(0,0,0,.9);}
.video-layer:before{display:inline-block;width:0;height:100%;content:'';vertical-align:middle;}
.video-layer video{width:100%;max-height:100%;vertical-align:middle;}
.video-layer .close-layer{position:absolute;top:0;right:0;width:40px;height:40px;background:url(../img/close_layer.png) no-repeat center center;background-size:20px 20px;}