*{margin: 0px; padding: 0px;}
html,body{width: 100%;height: 100%;min-width: 1200px;}
.iconfont{color: #555}
.map-header{width: 100%;height: 60px;border-bottom: 1px solid #ddd;}
.map-header-logo{display: inline-block; height: 45px;padding: 7px 10px;}
.map-header-logo img{height: 100%;}
.map-header-form{display: inline-block;height: 35px; vertical-align: top;padding: 13px 10px 12px;}
.map-header-form li{display: inline-block;}
.map-header-return{float: right;line-height: 60px;padding: 0px 20px;font-size: 14px;}
.map-header-return i{color: #099d59;}
.map-header-return a{color: #099d59;text-decoration: none;}

.map-body{width: 100%;height: calc(100% - 61px);position: relative;}
.map-body .map-body-ditu{height: 100%;width: 100%;}
.map-body .map-body-search{height: 100%;border-right: 1px solid #ddd;position: absolute;top: 0px;left: 0px;background: #fff;z-index: 410}


.map-housing-item{position: absolute;background-color: rgb(238, 68, 51);color: rgb(255, 255, 255);height: 25px;border-radius: 2px;box-sizing: content-box;white-space: nowrap;font-size: 12px;text-align: center;cursor: pointer;user-select: none;left: 594px;top: 192px;}
.map-housing-item:hover{z-index: 9999;background-color: #33b372 !important;}
.map-housing-item:hover .map-housing-item-title{box-shadow: #33b372 0px 0px 3px !important;;}
.map-housing-item:hover .map-housing-item-garden{border-left: 10px solid #33b372 !important;}
.map-housing-item:hover .map-housing-item-price{display: inline-block;}
.map-housing-item:hover .map-housing-item-title.vip .map-housing-item-garden{border-left: 10px solid #ee4433 !important;}

.map-housing-item-hot{height: 25px;line-height: 25px;font-size: 12px;display: inline-block;position: relative;vertical-align: top;background-color: #fff;}
.map-housing-item-hot img{height: 40px;position: absolute;left: -17px;bottom: 0px;}
.map-housing-item-title{height: 25px;line-height: 25px;font-size: 12px;padding: 0px 10px;display: inline-block;vertical-align: top;}
.map-housing-item-title.vip{padding: 0px 13px;background-image: linear-gradient(to right, #ee4433, #fdc301);border: 1px solid #fff;height: 23px;line-height:23px;color: #fff;font-weight: bold;}
.map-housing-item-price{height: 25px; line-height: 25px; box-sizing: content-box; font-size: 12px; display: inline-block; background: rgb(255, 255, 255); color: rgb(51, 51, 51); padding: 0px 5px;vertical-align: top;}
/*.map-housing-item-garden{width: 0px;height: 0px;border-top: 0px solid transparent;border-bottom: 10px solid transparent;display: inline-block;position: absolute;bottom: -10px;left: 10px;}*/
.map-housing-item-garden{width: 0px;height: 0px;border-top: 0px solid transparent;border-bottom: 10px solid transparent;margin: 0px auto;}

.map-area-item{position: absolute;background-color: rgb(65, 154, 47); box-shadow: rgb(127, 212, 178) 0px 0px 3px; color: rgb(255, 255, 255); height: 80px; width: 80px; border-radius: 100%; box-sizing: content-box; white-space: nowrap; font-size: 12px; text-align: center; cursor: pointer; user-select: none; left: 887px; top: 182px;}
.map-area-item:hover{z-index: 9999;background-color: #33b372;box-shadow: 0 0 3px #7fd4b2}
.map-area-item-title{height: 40px; line-height: 60px; font-size: 12px;}
.map-area-item-nums{height: 40px; line-height: 20px; box-sizing: content-box; font-size: 12px;}

.map-header-form-input{width: 330px;height: 34px;margin-left: 20px;}
.map-header-form-input input{width: 225px;height: 32px;padding: 0 10px; border: 1px solid #099d59;display: inline-block;vertical-align: top;}
.map-header-form-input button{vertical-align: top;line-height: 36px;width: 70px;height: 34px;padding: 0;outline: none;color: #fff;border: none;background-color: #099d59;display: inline-block;left: -5px;position: relative;line-height: 15px;}
.map-header-form-input button i{color: #fff;}
.map-header-form ul li{vertical-align: top;}



.map-header-form-row{position: relative;}
.map-header-form-row:hover .map-header-form-option{display: block;}
.map-header-form-select{background-color: #ffffff;border: 1px solid #ddd;cursor: pointer;width: 130px;height:30px;line-height:30px;position: relative;font-size: 14px;margin-top: 1px;}
.map-header-form-select span{width: 100px;display: inline-block;text-indent: 10px;}
.map-header-form-select i{width: 10px;display: inline-block;font-size: 12px;}

.map-header-form-option{position: absolute;border: 1px solid #ddd;display: none;z-index: 999999999;width: 130px;top: 32px;border-top: 1px solid #fff;background-color: #fff;text-indent: 10px;font-size: 12px;max-height: 280px;overflow-y: overlay;}
.map-header-form-option a{height:34px;line-height:34px;display: block;cursor: pointer;}
.map-header-form-option a:hover{color: #f70;}
.map-header-form-option a.active{color: #f70;}

.map-header-form-cancel{background-color: #099d59;border: 1px solid #ddd;cursor: pointer;width: 100px;height:30px;line-height:30px;position: relative;font-size: 12px;margin-top: 1px;color: #fff;text-align: center;}

.map-body-search-screen{width: 360px;height: 30px;border-bottom: 1px solid #ddd;background-color: #f8f8f8;line-height: 30px;color: #333;}
.map-body-search-screen .map-body-search-screen-note{display: inline-block;font-size: 12px;width: 170px;text-indent: 5px;}
.map-body-search-screen .map-body-search-screen-note span{font-weight: bold;color: #099d59;font-size: 14px;}
.map-body-search-screen .map-body-search-screen-btn{display: inline-block;font-size: 12px;min-width:40px;padding:0px 5px;text-align: center;cursor: pointer;border-left:1px solid #f8f8f8;border-right:1px solid #f8f8f8;}
.map-body-search-screen .map-body-search-screen-btn.active{border-left:1px solid #ddd;border-right:1px solid #ddd;background-color: #fff;color: #f60;}
.map-body-search-screen .map-body-search-screen-btn.active i{color: #f60;}
.map-body-search-screen .map-body-search-screen-btn:hover{color: #f60;}
.map-body-search-screen .map-body-search-screen-btn:hover i{color: #f60;}

.map-body .map-body-search-lists{width: 360px;height: calc(100% - 31px);overflow-y: overlay;}
.housing-basis {width: 920px;display: inline-block;vertical-align: top;margin:0px 10px 10px 0px;}
.housing-basis .housing-lists{position: relative;box-shadow: 0px 0px 5px #eee;padding: 0px 20px;border: 1px solid #eee;border-radius: 2px;min-height: 100px;margin-top: 10px;}
.map-body .map-body-search-lists ul li{margin: 10px 0px 10px;border-bottom: 1px solid #eee;padding: 0px 0px 10px 10px;}
.map-body .map-body-search-lists ul li a{display: inline-block;vertical-align: top;position:relative}
.map-body .map-body-search-lists ul li a.article-img{width: 120px;height: 80px;border-radius: 2px;}
.map-body .map-body-search-lists ul li a.article-img img{width: 120px;height: 80px;border-radius: 2px;padding: 2px;border: 1px solid #eee;}
.map-body .map-body-search-lists ul li .article-info{display: inline-block;width: 200px;vertical-align: top;margin-left: 10px;position: relative;}
.map-body .map-body-search-lists ul li .article-info .article-info-title{color: #1A69BC;overflow: hidden;text-overflow: ellipsis;text-decoration:none;width: 100%;font-size: 14px;font-weight: bold;}
.map-body .map-body-search-lists ul li .article-info .article-info-title:hover{color: #f00;text-decoration:none;}
.map-body .map-body-search-lists ul li .article-info .article-info-site{display: block;font-size: 12px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width: 200px;margin-bottom: 5px;color: #666}
.map-body .map-body-search-lists ul li .article-info .article-info-tel{display: block;font-size: 12px;color: #666;font-weight: bold;margin-bottom: 5px;}
.map-body .map-body-search-lists ul li .article-info .article-info-price{position: absolute;right: 0px;top: -2px;}
.map-body .map-body-search-lists ul li .article-info .article-info-price strong{font-size: 15px;font-weight: bold;color: #f70;}
.map-body .map-body-search-lists ul li .article-info .article-info-price b{font-weight: normal;color: #333;font-size: 12px;}
.map-body .map-body-search-lists ul li .article-info .article-info-href a{color: #1A69BC;}
.map-body .map-body-search-lists ul li .article-info .article-info-label{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width: 200px;}
.map-body .map-body-search-lists ul li .article-info .article-info-label span{font-size: 12px;border-radius: 2px;display: inline-block;margin-right: 5px;padding: 0 4px;border: 1px solid #ccc;}

.map-body-hidden{border: 1px solid #ddd;height: 80px;width: 15px;line-height: 80px;position: absolute;right: -17px;background-color: #fff;top: 50%;display: block}
.map-body-visible{border: 1px solid #ddd;height: 80px;width: 15px;line-height: 80px;position: absolute;right: -17px;background-color: #fff;top: 50%;display: none}
.map-operate{width: 30px;height: 61px;cursor: pointer;border: 1px solid rgb(221, 221, 221);box-shadow: rgb(221, 221, 221) 0px 0px 5px;background-color: white;}
.map-operate-add{width: 30px;height: 30px;line-height: 30px;border-bottom: 1px solid rgb(221, 221, 221);text-align: center;font-size: 22px;color: rgb(153, 153, 153);}
.map-operate-less{width: 30px;height: 30px;line-height: 30px;text-align: center;font-size: 22px;color: rgb(153, 153, 153);}
.hidden{display: none;}