﻿.main{
    margin-bottom:30px;
    position:relative;
}
#l-map{
    width:100%;
    height:734px;
}
#l-map .BMapLabel{
    width: 186px;
    height: 38px;
    text-align: center;
    line-height: 38px!important;
    background: #67B7FC!important;
    color: #fff;
    font-size:14px!important;
    border:1px solid #67B7FC!important;
    left:50%!important;
    margin-left:-95px;
    top:-30px!important;
     -moz-border-radius: 2px;
    -webkit-border-radius:2px;
    border-radius: 2px;
}
.main .fjzw{
    position:absolute;
    top:0px;
    left:0px;
    width:326px;
    height:100%;
    background: #F2F2F2;
    z-index:22;
    border-top:1px solid #e4e4e4;
}
.main .fjzw .title{
    height:53px;
    background:#fff;
}
.main .fjzw .title > span{
    display:block;
    margin-left:16px;
    font-size: 16px;
    color: #333333;
    line-height:53px;
}
.main .fjzw .title .search{
    margin-top:13px;
    margin-right:6px;
}
.main .fjzw .title .search #fjTxt{
    width:123px;
    height:26px;
    outline:none;
    float:left;
    padding-left:7px;
    border-top:1px solid #D8D8D8;
    border-left:1px solid #D8D8D8;
    border-bottom:1px solid #D8D8D8;
    border-right:none;
     -moz-border-radius: 2px 0px 0px 2px;
    -webkit-border-radius:2px 0px 0px 2px;
    border-radius: 2px 0px 0px 2px;
}
.main .fjzw .title .search #fjBtn{
    display:block;
    height:28px;
    width:34px;
    float:left;
    cursor:pointer;
    text-align:center;
    line-height:28px;
    background: #01a7f1;
     -moz-border-radius: 0px 2px 2px 0px;
    -webkit-border-radius:0px 2px 2px 0px;
    border-radius: 0px 2px 2px 0px;
}
.main .fjzw .title .search #fjBtn img{
    vertical-align:middle;
    margin-bottom:3px;
}
.main .fjzw .title .search #fjTxt::-webkit-input-placeholder{ 
    font-size: 12px;
    color: #999;
}
.main .fjzw .title .search #fjTxt::-moz-placeholder{ 
     font-size: 12px;
    color: #999;
}
.main .flsx{
    height:38px;
}
.flsx .layui-form-item .layui-input-inline{
    width:33.333%;
    margin-right:0px;
}
.flsx .layui-input, .flsx .layui-select{
    border:none;
    background:#f4f4f4;
    font-size:14px;
}
.flsxCon >ul >li{
    width:294px;    
    height:135px;
    padding:18px 16px 0px;
    background:#fff;
    margin:0px 11px 10px 0px; 
}
.flsxCon >ul li.vip{
    background: url("/images/vip.png") #fff no-repeat top left;
}
.flsxCon >ul >li .zwTop{
    border-bottom:1px solid #E8E8E8;
    padding-bottom:32px;
}
.flsxCon >ul >li .zwTop .zwbt{
    font-size: 14px;
    color: #01a7f1;
    display:block;
    line-height:20px;
    width:160px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.flsxCon >ul >li .zwTop .price{
    font-size: 16px;
    color: #01a7f1;
    font-weight:bold;
    line-height:20px;
}
.flsxCon >ul >li .yq{
    margin-top:10px;
    font-size: 12px;
    color: #666666;
    margin-bottom:10px;
}
.flsxCon >ul >li .yq span{
    display:block;
    float:left;
    margin-right:16px;
}
.flsxCon >ul >li .yq span.time{
    float:right;
    display:block;
    margin-right:0px;
    color:#999;
}
.flsxCon >ul >li .yq .cs{
    color: #333333;
    max-width:100px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.flsxCon >ul >li .fuli ul li{
    float:left;
    height:16px;
    position:relative;
    margin-right:10px;
}
.flsxCon >ul >li .fuli ul li .jj{
    display:block;
    width:16px;
    height:16px;
    text-align:center;
    line-height:13px;
}
.flsxCon >ul >li .fuli ul li .jj img{
    width:auto;
    height:auto;
    max-width:16px;
    max-height:16px;
    vertical-align:middle;
}
.flsxCon >ul >li .fuli ul li .ts{
    width:60px;
    height:36px;
    text-align:center;
    background:#fff;
    line-height:36px;
    font-size: 12px;
    color: #666666;
    position:absolute;
    top:18px;
    border:1px solid #E8E8E8;
    display:none;
}
.flsxCon >ul >li .fuli ul li:hover .ts{
    display:block;
}
.flsxCon >ul >li .zwBot .gsm{
    display:block;
    line-height:44px;
    font-size: 12px;
    color: #333333;
    max-width:190px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.flsxCon >ul >li .zwBot .rz{
    width:18px;
    height:14px;
    text-align:center;
    line-height:11px;
    margin-left:6px;
    margin-top:15px;
}
.flsxCon >ul >li .zwBot .rz img{
    width:auto;
    height:auto;
    max-width:18px;
    max-height:14px;
    vertical-align:middle;
}
.flsxCon > ul > li .zwBot .lxr {
    display: block;
    font-size: 12px;
    color: #383838;
    line-height: 44px;
    max-width: 65px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.flsxCon >ul >li .zwBot .lxr img{
    width:18px;
    height:18px;
    vertical-align:middle;
    margin-right:10px;
    margin-bottom:3px;
}
.xzApp{
    position:fixed; 
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7f000000, endcolorstr=#7f000000);
    background: rgba(0, 0, 0, 0.5);
    z-index:22;
    display:none;
}
.xzApp .xzCon{
    width:250px;
    height:250px;
    background:#fff;
    text-align:center;
    line-height:247px;
}
.xzApp .xzCon >img{
    width:auto;
    height:auto;
    max-width:218px;
    max-height:218px;
    vertical-align:middle;
}
.xzApp .xzCon .close2{
    display:block;
    width:32px;
    height:32px;
    background:#fff;
    text-align:center;
    line-height:29px;
    position:absolute;
    top:-16px;
    right:-14px;
    cursor:pointer;
     -moz-border-radius: 32px;
    -webkit-border-radius: 32px;
    border-radius: 32px;
    z-index:22;
}
.xzApp .xzCon .close2 img{
    width:auto;
    height:auto;
    max-width:10px;
    max-height:10px;
    vertical-align:middle;
}
.xzApp .box {
    background:#fff;
    width:250px;
    padding:10px;
     position:absolute;
    top:50%;
    left:50%;
    margin-left:-130px;
    margin-top:-155px;
}
.xzApp .box .xzTitle{
    text-align:center;
    line-height: 20px;
    font-size: 14px;
    color: #333;
}