html,body{ height:100%;}
body{ padding:0; margin:0;}
/*楼栋*/
.loudongimg{}
.loudongimg img{ width:100%; height:auto;}
.loudoninfobox{ padding:0 16px;}
.loudoninfobox .loudongtit{ padding:20px 0 10px; text-align:center; position:relative; }
.loudoninfobox .loudongtit:after{ content:""; display:block; width:100%;  height:1px; background-color:#dedede; position:absolute; top:50%; transform:translateY(6px); left:0; }
.loudoninfobox .loudongtit span{ font-size:18px; font-weight:bold; background-color:#fff; padding:0 12px; position:relative; z-index:1;}
.loudoninfobox .loudongtit span strong{ color:#F60; }
.loudoninfobox .loudongadress{ text-align:center; font-size:14px; line-height:24px;}
.loudonmain{ padding:16px; font-size:14px;}
.loudonmain .loucenmod{ padding-bottom:12px;}
.loudonmain .loucenmod .loucenbox{ width:100%; border:1px solid #dedede;display:flex;align-items: center;flex-direction: row;flex-wrap: wrap;justify-content:flex-start; position:relative;}
.loudonmain .loucenmod .loucenbox:after{ content:""; display:block; width:80px; height:100%; box-sizing:border-box; border:1px solid #fff; background-color:#2A66D4; position:absolute; top:0; left:0; z-index:-1;}
.loudonmain .loucenmod .loucenbox .loucnenum{ width:80px; height:100%; text-align:center; padding:8px; box-sizing:border-box; color:#fff;}
.loudonmain .loucenmod .loucenbox .loucenmd{ height:100%;box-sizing:border-box;  background-color:#fff;width:calc(100% - 80px);}
.loudonmain .loucenmod .loucenbox .loucenmd .loucen{ max-height:96px; padding:4px;display:flex;flex-direction: row;flex-wrap: wrap;justify-content:flex-start; overflow:hidden;}
.loudonmain .loucenmod .loucenbox .loucenmd .loucenheightauto{ max-height:none;height:auto !important;}
.loudonmain .loucenmod .loucenbox .loucenmd .loucen .loucenitem{ padding:4px; }
.loudonmain .loucenmod .loucenbox .loucenmd .loucen .loucenitem .loucenbx{ padding:10px; border:1px solid #dedede; border-radius:3px;}
.loudonmain .loucenmod .loucenbox .loucenmd .loucen .loucenitem .loucenbx .loucenfanwu{}
.loudonmain .loucenmod .loucenbox .loucenmd .loucenmore{ text-align:center;display: flex;justify-content: center;align-items: center;}
.loudonmain .loucenmod .loucenbox .loucenmd .loucenmore span{ padding:6px 24px 16px 16px; display:block; color:#666; position:relative;}
.loudonmain .loucenmod .loucenbox .loucenmd .loucenmore span:after{content: " ";display: inline-block;height: 6px;width: 6px;border-width:   1px 1px 0 0px;border-color: #666;border-style: solid;position: absolute;top: 50%;margin-top:-10px;right:12px;transform:rotate(135deg);-webkit-transform:rotate(135deg);}
.loudonmain .loucenmod .loucenbox .loucenmd .loucenheightauto+.loucenmore{ display:none;}

/*小区*/
.tophdbox{ width:100%; height:48px; background-color:#2A66D4; padding-left:44px; box-sizing:border-box; position:fixed; top:0; left:0; z-index:3;}
.tophdbox .baclicons{}
.tophdbox .baclicons a{ display:block; width:48px; height:48px; overflow:hidden; text-indent:-9999999px; position:absolute; top:0; left:0;}
.tophdbox .baclicons a:after{content: " ";display: inline-block;height: 12px;width: 12px;border-width:   0px 2px 2px 0px;border-color: #fff;border-style: solid;position: absolute;top:16px;right:16px;transform:rotate(135deg);-webkit-transform:rotate(135deg);}
.tophdbox .searchbox{}
.tophdbox .searchbox .searchmd{ position:relative;}
.tophdbox .searchbox .searchmd .searchinp{ padding-left:6px; padding-top:8px; padding-right:60px;}
.tophdbox .searchbox .searchmd .searchinp .inptxt{-webkit-appearance: none;appearance: none; outline:0;  border:none; padding:0 10px; box-sizing:border-box; height:32px; width:100%; border-radius:4px;}
.tophdbox .searchbox .searchmd .searchsubmit{ position:absolute; top:0; right:0;}
.tophdbox .searchbox .searchmd .searchsubmit .subbtn{-webkit-appearance: none;appearance: none;outline:0;  border:none; background:none; color:#fff; width:60px; height:48px; text-align:center;}

.xqmainbox{ height:100%; padding-top:50px; box-sizing:border-box;display:flex;flex-direction: row;flex-wrap: wrap;justify-content:flex-start; position:relative;}
.xqmainbox:after{ content:""; display:block; width:110px; height:100%; box-sizing:border-box; border:1px solid #fff; background-color:#dedede; position:absolute; top:0; left:0; z-index:-1;}
.xqmainbox .xqleft{ width:110px;height:100%; overflow:auto;-webkit-overflow-scrolling: touch; }
.xqmainbox .xqleft .xqltbox{}
.xqmainbox .xqleft .xqltbox .xqitems{ padding:12px 6px; text-align:center;}
.xqmainbox .xqleft .xqltbox .xqitems span{ font-size:16px;}
.xqmainbox .xqleft .xqltbox .xqactive{ background-color:#fff;color:#2A66D4; font-weight:bold;}
.xqmainbox .xqloudongbox{width:calc(100% - 110px); height:100%; overflow:auto;-webkit-overflow-scrolling: touch;}
.xqmainbox .xqloudongbox .xqldcon{}
.xqmainbox .xqloudongbox .xqldcon .xqldlist{ padding:3px; display:flex;flex-direction: row;flex-wrap: wrap;justify-content:flex-start;}
.xqmainbox .xqloudongbox .xqldcon .xqldlist .xqlditems{ width:33.33%; box-sizing:border-box; padding:3px;}
.xqmainbox .xqloudongbox .xqldcon .xqldlist .xqlditems .xqldname{ padding:12px 4px; height:40px; line-height:20px; background-color:#C6DEF9; text-align:center;display: flex;justify-content: center;align-items: center;}
.xqmainbox .xqloudongbox .xqldcon .xqldlist .xqlditems .xqldname span{ font-size:14px; display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; white-space: normal;text-overflow: ellipsis;overflow: hidden;}

/*地图弹层*/
.mapinfolays{ width:100%; padding:16px; box-sizing:border-box; background-color:#fff; box-shadow:0 0 12px rgba(0,0,0,0.2); position:fixed; bottom:0; left:0;}
.mapinfolays .maploudon{ padding-bottom:12px;}
.mapinfolays .maploudon a{ display:block; padding-right:30px; line-height:24px; color:#181818; text-decoration:none; position:relative;}
.mapinfolays .maploudon a strong{ font-size:16px; font-weight:bold;display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1; white-space: normal;text-overflow: ellipsis;overflow: hidden;}
.mapinfolays .maploudon a span{ position:absolute; top:0; right:0;}
.mapinfolays .maploudon a span img{ width:24px; height:24px;}
.mapinfolays .mapadrss{ padding-bottom:12px; font-size:14px; color:#666; padding-left:16px; position:relative;}
.mapinfolays .mapadrss span.mpadricon{ position:absolute; top:4px; left:0;}
.mapinfolays .mapadrss span.mpadricon img{ width:12px; height:12px; display:block;}
.mapinfolays .mapmubar{ display:flex;}
.mapinfolays .mapmubar .mapmubaritem{ flex:1; text-align:center;}
.mapinfolays .mapmubar .mapmubaritem a{color:#181818;width:80px;  font-size:14px; text-decoration:none;display: flex;justify-content: center;align-items: center;}
.mapinfolays .mapmubar .mapmubaritem a span{ display:block; height:32px;display: flex;justify-content: center;align-items: center;}
.mapinfolays .mapmubar .mapmubaritem a span img{ width:20px; height:20px; display:block;}
.mapinfolays .mapmubar .mapmubaritem .mapxlbtn{ width:60px; height:32px; line-height:32px; padding:0 16px; border-radius:40px; background-color:#0F467E; color:#fff;}
.mapinfolays .mapmubar .mapmubaritem:nth-child(1) a{ justify-content:flex-start;}
.mapinfolays .mapmubar .mapmubaritem:nth-child(2) a{ margin:0 auto;}
.mapinfolays .mapmubar .mapmubaritem:nth-child(3){ display:flex;justify-content: flex-end;}