body{background:#f5f5f5;max-width:640px;margin:0 auto;}
.project{padding:10px;background:#fff;margin-bottom:10px;}
.project-name{font-size:17px;font-weight:600;border-bottom:1px solid #ebebeb;line-height:36px;margin-bottom:5px;}
.project-details p{overflow:hidden;color:#9a9a9a;font-size:13px;line-height:18px;}
.project-details p em{float:left;width:68px;}
.project-details p span{color:#3a3a3a;float:left; width:-moz-calc(100% - 68px);width:-webkit-calc(100% - 68px);width: calc(100% - 68px);font-weight:600;}
.project-ul{margin-top:10px;}
.project-ul li{border:1px solid #ebebeb;margin-bottom:10px;}
.floor-plan img{width:100%;}
.project-ul li table{border-top:1px solid #ebebeb;border-collapse: collapse;width:100%;}
.project-ul li th{width:25%;text-align:center;background:#f7f7f7;font-size:12px;line-height:30px;}
.project-ul li td{font-size:12px;padding:3px;text-align:center;}
.project-foot{position:fixed;left:0;bottom:0;width:100%; background:#fff;overflow:hidden;height:40px;border-top:1px solid #ebebeb;}
.project-foot p{float:left;margin-left:10px;line-height:40px;}
.project-foot p span{font-size:20px;}
.project-foot p em{font-size:12px;vertical-align:bottom;}
.project-foot .ruzhu{float:right;display:block;width:100px;height:30px;background:#e82200;border-radius:3px;margin:5px 10px;line-height:30px;color:#fff;text-align:center;}

/**/
.project-back{position:absolute;top:0;right:10px;display:block;height:47px;line-height:47px;font-size:13px;color:#666666;}
.project-search{border:2px solid #df3939;border-radius:3px;margin:10px;overflow:hidden;}
.project-search input{line-height:28px;font-size:13px;background:none;padding-left:10px;border:0;outline:medium;width:-moz-calc(100% - 50px);width:-webkit-calc(100% - 50px);width: calc(100% - 50px);}
.project-search .search{float:right;display:block;width:40px;height:28px;background:url(../images/icon_project_gray.png) no-repeat center center #df3939;background-size:20px;}

.mitem-back{background:#fff;display:block;margin-bottom:10px;}
.mitem-con{overflow:hidden;}
.mitem-img{float:left;width:70px;height:60px;padding:10px;}
.mitem-con-list{float:left;width:-moz-calc(100% - 100px);width:-webkit-calc(100% - 100px);width: calc(100% - 100px);padding-top:10px;}
.mitem-con-list p{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size:12px;line-height:16px;}
.mitem-con-list p.mitem-title{font-size:15px;line-height:16px;}
.mitem-con-list p.mitem-tag em{margin-right:5px;color:#333;}
.mitem-con-list p.mitem-address em{margin-right:3px;color:#979696;}
.mitem-con-list p.mitem-time{color:#666;}
.mitem-cmb{background:#fafafa;border-top:1px solid #e4e2e2;border-bottom:1px solid #e4e2e2;}
.mitem-cmb p{font-size:12px;line-height:20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding:3px 10px;}
.mitem-cmb p span{color:#eb5242;}


.item .input .input-ul{overflow:hidden;width:100%;}
.item .input .input-ul li{display:inline-block;width:28%;text-align:center;border:1px solid #ebebeb;border-radius:3px;margin: 0px 1% 5px; font-size:12px;color:#364957;}
.item .input .input-ul li.active{border:1px solid #da2025;color:#da2025;}
.project-fb-but{padding:10px;}
.project-fb-but a{display:block;line-height:28px;background:#da2025;border-radius:5px;text-align:center;font-size:15px;color:#fff;}

.settled{padding:10px;}
.settled-input{padding: 5px;height: 36px;-webkit-box-sizing: border-box;width: 90%;display: block;outline: 0;border:1px solid #ebebeb;font-size: 14px;margin:0 auto;margin-bottom:10px;}
.settled-button{padding: 5px;height: 36px;-webkit-box-sizing: border-box;width: 90%;display: block;outline: 0;border:1px solid #ebebeb;font-size: 14px;margin:0 auto;margin-bottom:10px;background:#db3d20;color:#fff;}
.swiper-slide {text-align: center;}
.house-thumbs, .swiper-wrapper{ height: 250px;}
.swiper-slide img {height: 250px;} 


#galleryOverlay,#gallerySlider{height:100%;left:0;top:0;width:100%}#galleryOverlay{opacity:0;z-index:100000;background-color:#000;overflow:hidden;display:none;position:fixed;-moz-transition:opacity 1s ease;-webkit-transition:opacity 1s ease;transition:opacity 1s ease}#galleryOverlay.visible{opacity:1}#gallerySlider{white-space:nowrap;position:absolute;-moz-transition:left .4s ease;-webkit-transition:left .4s ease;transition:left .4s ease}#gallerySlider .placeholder{height:100%;line-height:1px;text-align:center;width:100%;display:inline-block}#gallerySlider .placeholder:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#gallerySlider .placeholder img{display:inline-block;max-height:100%;max-width:100%;vertical-align:middle}#gallerySlider.rightSpring{-moz-animation:rightSpring .3s;-webkit-animation:rightSpring .3s}#gallerySlider.leftSpring{-moz-animation:leftSpring .3s;-webkit-animation:leftSpring .3s}@-moz-keyframes rightSpring{0%,to{margin-left:0}50%{margin-left:-30px}}@-moz-keyframes leftSpring{0%,to{margin-left:0}50%{margin-left:30px}}@-webkit-keyframes rightSpring{0%,to{margin-left:0}50%{margin-left:-30px}}@-webkit-keyframes leftSpring{0%,to{margin-left:0}50%{margin-left:30px}}#nextArrow,#prevArrow{border:none;text-decoration:none;opacity:1;cursor:pointer;position:absolute;width:43px;height:58px;top:50%;margin-top:-29px;-moz-transition:opacity .2s ease;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}#nextArrow:hover,#prevArrow:hover{opacity:1}#prevArrow{background-position:left top;left:40px}#nextArrow{background-position:right top;right:40px}#pagelimit{position:absolute;bottom:20px;left:50%;margin-left:-18px;color:#fff;font-size: 12px;}
.swiper-pagination {
    font-size: 14px;
    color: rgba(255,255,255,.7);
    padding: 7px 13px;
    background: rgba(0,0,0,.5);
    border-radius: 1px;
    width: auto;
    bottom: 15px;
    right: 10px;
    left: auto;
}
.swiper-pagination-current{color:#fff;font-size:15px;}

.detail{padding:14px 16px 0;font-size:0}
.bg-f,.bg-white{background-color:#fff}
.detail-top .title{line-height:30px;font-size: 16px;color:#4E4E4E;font-weight: 700;}
.ft-28{font-size: 14px;color:#4E4E4E;}
.detail .list ul li{padding:14px 0;float:left;width:50%;border-bottom: 1px solid #e4e4e4;}
.detail .list ul li:last-child{ border-bottom: 0;}
.col-8{color:#888}
.house-item{margin-top:12px;background:#fff}
.house-item>.title{padding: 14px 12px 12px;font-size:14px;color: #4E4E4E;font-weight: 700;}
.house-item>.content{margin:0 14px;font-size:14px;color:#000}
.house-addr>.content{padding-bottom:14px}
.clearfix:after{content:".";display:block;height:0;visibility:hidden;clear:both}.clearfix{zoom:1}
.renter-words{line-height:25px;color:#4E4E4E;font-size:14px;margin-bottom:15px}
.point-estate{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);margin-top:-22px;white-space:nowrap;background-color:#fff;border-radius:2px;opacity:.9;text-align:center}.map-rent .point-estate .arrow-bottom::after,.map-rent .point-estate .arrow-bottom::before{border-top-color:#5c67d7}.point-estate .arrow-bottom::before{border-top-color:#5c67d7;border-width:8px;margin-left:-8px}.arrow-bottom::before{border-color:#e4e4e4 hsla(0,0%,89%,0) hsla(0,0%,89%,0);border-width:7px;margin-left:-7px}.arrow-bottom::after,.arrow-bottom::before{border:medium solid transparent;content:" ";height:0;left:50%;pointer-events:none;position:absolute;top:100%;width:0}.point-estate .p-num-wrap{border-radius:2px;color:#fff;display:inline-block;font-size:14px;height:30px;line-height:30px;opacity:.9;position:relative;width:75px}.point-estate .arrow-bottom{border:0 none}.point-estate .p-num-wrap{background-color:#5c67d7}
.house-navigation{position: relative;}
.house-navigation .mapinfo{position:absolute;bottom:5%;left:0;right:0;margin-left:auto;margin-right:auto;width:90%;overflow:hidden;background:#FFF;border-radius:5px;padding:5px}
.house-navigation .mapinfo p{color:#202020}
.salehouse{text-align:center;padding:20px 15px 12px 0}.salehouse h4{padding-bottom:13px;margin-bottom:20px;line-height:20px;font-weight:700;text-align:left;border-bottom:1px solid #E4E4E4}.salehouse .ulbox{width:100%;height:120px;overflow-x:auto;position:relative}.salehouse .ulbox ul li{width:124px;font-size:12px;float:left;margin-right:25px}.salehouse .ulbox ul li img{display:block;width:100%;margin-bottom:7px}.salehouse .ulbox ul li .ulspanleft{float:left;line-height:18px}.salehouse .ulbox ul li .ulspanright{float:right;line-height:18px}.salehouse .ulbox ul li .color_red{color:#F95355}.salehouse .ulbox ul li a{display:block}.salehouse .ulbox ul li:last-child{margin-right:0}

.swiper-wrapper > li{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative}
.other-list-lp li{margin:0;width:213px;padding:0 6px 12px 6px}
.other-list-house .list-lp-hd,.other-list-lp .list-lp-hd{float:none;width:213px;height:156px}
.list-house .list-lp-bd,.list-house .list-lp-hd{margin-top:15px}
.list-house-hd,.list-lp-hd{position:relative;width:100px;height:78px;float:left;background-color:#eee}
.list-house-hd img,.list-lp-hd img{width:100%;height:100%}
.list-house-hd .reservation,.list-lp-hd .reservation{position:absolute;left:10px;top:0;width:50px;padding:0 2px;text-align:center;color:#fff;background:#ff611b}
.list-house-hd .reservation:after,.list-lp-hd .reservation:after{content:'';position:absolute;left:0;bottom:-5px;z-index:0;border-left:25px solid #ff611b;border-top:5px solid #ff611b;border-right:25px solid #ff611b;border-bottom:5px solid transparent}
.list-house-hd .reservation-txt,.list-lp-hd .reservation-txt{line-height:15px;font-size:8px;display:block}
.list-house-hd .reservation-number,.list-lp-hd .reservation-number{position:relative;z-index:2;display:block;font-size:9px}
.list-lp-hd img{width:100%;height:100%}
.list-lp-bd{overflow:hidden;position:relative;padding:9px 0 0 0;min-height:40px}
.list-lp-bd .house-name, .list-lp-bd .house-name .ui-nowrap,.plan-box .address-nowrap,.detail .list ul li{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.list-lp-bd .house-name{position:relative;line-height:1;font-size:16px;padding-bottom:2px;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}
.list-lp-bd .house-name .ui-nowrap{-webkit-box-flex:1;font-size: 14px;color: #4E4E4E;}
.list-lp-bd .house-name i{margin:0 0 0 5px}
.list-house-bd .plan-box,.list-lp-bd .plan-box{display:-webkit-box;display:flex}
.list-house-bd .plan,.list-lp-bd .plan{padding-top:3px;-webkit-box-flex:1;flex:1;width:70%;font-size:12px;color: #666;text-align: left;}
.list-house-bd .price,.list-lp-bd .price{padding-top:2px;position:relative;line-height:1.3;font-size:16px;color:#ff611b}
.list-house-bd .price i,.list-lp-bd .price i{font-size:12px}
.list-house li:last-child,.list-lp li:last-child{margin-bottom:0}
.content .commentContent .commentList:first-child{border:0}
 .w-moudle-content ::-webkit-scrollbar-thumb, .w-moudle-content div::-webkit-scrollbar-thumb{width:0;border-radius:3px;background:rgba(0,0,0,0);border:0 solid #FFF}
.content .commentContent .commentList .part1{overflow:hidden;padding-top:10px;padding-bottom:5px;font-size:14px;color:#999;line-height:30px}.content .commentContent .commentList .part1 .pic{float:left;display:inline;width:30px;height:30px;overflow:hidden;margin-right:5px;border-radius:50%}.content .commentContent .commentList .part1 .pic img{display:block;width:30px}.content .commentContent .commentList .part1 .commentPhone{float:left}.content .commentContent .commentList .part1 .niceCommnetFlag,.content .commentContent .commentList .part1 .yezhuCommnetFlag{float:left;display:inline;margin-left:7px;color:#F95355;font-size:16px}.content .commentContent .commentList .part1 .yezhuCommnetFlag{color:#4081d6}
.content .commentContent .commentList .part2{font-size:14px;color:#4E4E4E;padding-top:5px;padding-bottom:5px}
.content .commentContent .commentList .part4{font-size:12px;color:#999;margin-bottom:10px;margin-top:10px}.content .commentContent .commentList .part4>p{float:left;display:inline}.content .commentContent .commentList .part4>p .date{margin-right:10px}.content .commentContent .commentList .part4 .goodBad{float:right}.content .commentContent .commentList .part4 .goodBad span{display:inline-block}.content .commentContent .commentList .part4 .goodBad .wk_iconfont{font-size:14px;color:#CCC;width:18px;height:20px;line-height:20px;text-align:center}.content .commentContent .commentList .part4 .goodBad .bad{margin-left:15px}.content .commentContent .commentList .part4 .goodBad .badNum,.content .commentContent .commentList .part4 .goodBad .goodNum{margin-left:0}.content .commentContent .commentList .part4 .goodBad .clicked{color:#4081D6;border-color:#4081D6}
.content .commentBtnBox{display:-webkit-box;display:-webkit-flex;display:none;}.content .commentBtnBox>.commentsButton{-webkit-box-flex:1;-webkit-flex:1;box-flex:1;flex:1;display:block;height:44px;margin:13px 0;line-height:44px;background:#F6F6F6;color:#92A7C3;font-size:14px;border-radius:3px;text-align: center;overflow: hidden;}.content .commentBtnBox>.commentMore{margin-right:7px}.content .commentBtnBox>.writeContent{margin-left:7px}.content .commentBtnBox .nullData{margin:0}
.commentList_tips{color: #4E4E4E;font-size: 12px;display: none;}
.butbox{position:fixed;bottom:0;left:0;width:100%;border-top:1px solid #E4E4E4;z-index:90}
.butbox .butboxinfo{display:-webkit-box;display:-webkit-flex;display:flex;display:box}
.butbox .butboxinfo a{-webkit-box-flex:1;-webkit-flex:1;box-flex:1;flex:1;text-align:center;height:47px;line-height:47px;color:#fff;display:block;font-size:14px}
.butbox .butboxinfo a.appointmentbtn{background:#fff;color:#4081D6}
.butbox .butboxinfo a.zdjjr{background:#4081d6;color:#fff}
.w-wrapper{background-color: #f5f5f5;padding-bottom: 37px;}
.commentForm{overflow:hidden;display:none;position:relative;margin-top:2px;}
.commentForm .inputArea{background-color:#F8F8F8;padding-left:15px;padding-top:15px;padding-right:15px;padding-bottom:10px;overflow:hidden;}
.commentForm .inputArea textarea{height:50px;padding:5px;border:1px solid #DEE9F8;resize:none;font-size:14px;color:#4E4E4E;width:96%;}
.commentForm .inputArea textarea::-webkit-input-placeholder {color:#4E4E4E;}