body { font-size:12px; padding-bottom:72px; background:#f3f3f3; }
.other-photos { position:relative; height:200px; overflow:hidden; }
.other-photos li { float:left; }
.other-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; }
.other-name { height:40px; line-height:20px; font-size:16px; color:#000; padding-right:10px; margin-bottom:10px; }
.other-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; color: #aaa; }
.view-count { float:right; margin-right:34px; color: #aaa; }
.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; }
.main-info>ul{font-size:14px;color:#555;padding:12px 0;}
.main-info span{color:#aaa;margin-right:5px;}
.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, .other-rec .info-title { height:50px; line-height:50px; font-size:16px; color:#000; padding:0 16px; border-bottom:1px solid #e5e5e5; }
.other-equip { padding:10px 16px; }
.other-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; }
.other-desc { line-height:22px; font-size:14px; padding:12px 16px; border-bottom:1px solid #e5e5e5; }
.hide-desc>div { height:300px; 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; }
.other-rec { background:#fff; padding:0 16px; margin-top:12px; }
.other-rec .info-title { padding:0; }
.other-rec .other-img { float:left; padding-top:15px; }
.other-rec img { display:block; width:94px; height:60px; }
.other-rec .other-content { height:95px; margin-left:104px; }
.other-rec li { font-size:14px; border-bottom:1px solid #e5e5e5; }
.other-rec li:last-child { border-bottom:none; }
.other-rec .other-content { position:relative; }
.other-intro { color:#555; padding-top:14px; }
.row2cut, .other-intro>div{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}
.other-extrainfo { position:absolute; left:0; top:58px; max-width:100%; color:#aaa;font-size:12px;}
.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; }
.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;}

.other-photos .video-item{position:relative;}
.other-photos .video-item img{height:200px;}
.other-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;}