.map {width:100%;background-color: #FFF;overflow: hidden;margin:10px 0;}
.map .title{ line-height:40px; font-size:14px; border-bottom:#eaeaea 1px solid; color:#333; text-indent:10px; }
.map .panel{ margin:10px; height:160px; background:#f5f5f5; }
.map .types{ display:flex; display:-webkit-flex; }
.map .types li{ flex:1; -webkit-flex:1; }
.map .types span{ display:block; width:36px; height:36px; background:url(/wap/map/housingEstate.png) 0 -30px; background-size:300px auto; margin:0 auto; }
.map .types span.jt{ background-position:0 -30px; }
.map .types span.jy{ background-position:-40px -30px; }
.map .types span.yl{ background-position:-80px -30px; }
.map .types span.yh{ background-position:-120px -30px; }
.map .types span.cy{ background-position:-160px -30px; }
.map .types li.cur span.jt{ background-position:0 -70px; }
.map .types li.cur span.jy{ background-position:-40px -70px; }
.map .types li.cur span.yl{ background-position:-80px -70px; }
.map .types li.cur span.yh{ background-position:-120px -70px; }
.map .types li.cur span.cy{ background-position:-160px -70px; }
.map .types p{ line-height:36px; color:#666; text-align:center; }
.map .results{ height:32px; overflow:hidden; }
.map .result{ margin:0 10px; background:#f2f3f5; }
.map .result .item{ display:flex; display:-webkit-flex; }
.map .result p{ line-height:32px; text-indent:10px; font-size:14px; }
.map .result span{ display:block; flex:1; -webkit-flex:1; line-height:32px; text-indent:20px; font-size:14px; }
.map .btn{ border-top:#eaeaea 1px solid; text-align:center; }
.map .btn span{ display:inline-block; font-size:14px; line-height:40px; color:#666; position:relative; }
.map .btn span::before{ content:''; position:absolute; width:16px; height:10px; background:url(/wap/map/housingEstate.png) -170px 0; background-size:300px auto; z-index:1; margin:auto; right:-20px; top:0; bottom:0; }
.map .btn.open span::before{ background-position:-190px 0; }