@charset "utf-8";
/* CSS Document */

/*搜索页样式*/
.FSelectM{ background:#fff; box-shadow: 1px 2px 5px #666;}
.FSelectM .SPListBox{ position: relative; z-index: 2;}
.FSelectM .SPListBox .SPList{ font-size: 0px; border-bottom: 2px solid #ff7a00;}
.FSelectM .SPListBox .SPList a{ padding: 6px 20px; display: inline-block; *display: inline; *zoom: 1; font-size: 18px; font-weight: bold; transition: all 0.2s ease-in;}
.FSelectM .SPListBox .SPList a.on{ color: #fff;}
.FSelectM .SPListBox .SPList a:hover{ color: #fff;}
.FSelectM .SPListBox .SPListBg{ position: absolute; left: 0px; top: 0px; width: 112px; height: 39px; display: block; background: #ff7a00; z-index: -1;}
.dlCSS .input{ line-height: 14px; margin: 0px 1px; margin-top: -2px;}
.dlCSS .TopLogin{ padding: 2px 3px; margin-top: -2px; border: 1px solid #ccc; background: #fff; cursor: pointer; color: #999;}
.screenBox{ margin-top: 10px;}
.screenBox .listIndex{padding:0; margin:0;padding-left:15px; padding-right:15px; font-size: 0px;}
.screenBox .listIndex .LeiTitle{ float:left;width:70px;height:30px; line-height:30px; font-weight:600;text-align:right; color:green; font-size: 13px;}
.screenBox .listIndex li{position:relative; float: left; padding:0 3px 0 3px; line-height: 30px; font-size:13px;}
.screenBox .listIndex li a{ margin: 0px 5px; padding: 2px 5px; color:#333;overflow:hidden;text-decoration:none}
.screenBox .listIndex li a:hover{ background: #ff7a00; color:#fff}
.screenBox .listIndex li a.selected{ background:#ff7a00; color:#fff}
.screenBox .listIndex li span.more{position:absolute;width:39px;display:block;height:14px;top:6px;cursor:pointer;right:1px}
.screenBox .listIndex li span.more label{display:inline-block;cursor:pointer}
.screenBox .listIndex li input{ padding: 2px 5px; margin: 0px 3px; border: 2px solid #dedede; background: #fff;}
.screenBox .listIndex li input:focus{ border-color: #999;}
.screenBox .listIndex li .ainput{ position: relative; top: 2px; border: 1px solid #dedede;}
#palcicle{ position: relative; top: -5px; *top: -4px; padding: 8px 10px; margin: 0px 15px; border: 2px solid #ff7a00; line-height: 20px; font-size: 12px; display: none;}
#palcicle li{ line-height: 24px;}
#palcicle a{ margin: 0px; white-space: nowrap; font-size: 12px;}
#palcicle a:hover{ background: #fff; color: #e63a00;}
#palcicle a.selected{ color: #e63a00; background: #fff;}
.hasBeenSelected{ padding:2px; margin-top:10px; overflow:hidden; border-top: 1px dashed #cccccc;}
.hasBeenSelected ul{ background:#f6f8fd; overflow:hidden}
.hasBeenSelected span{float:left; margin-left: 15px; line-height:30px;height:30px;font-weight:600;}
.hasBeenSelected ul li{ padding-left:0px;padding-right:0px;padding-top:0px;}
.selectedInfor{ position:relative;padding-bottom:1px;margin:4px 10px 0px 0px;padding-left:5px;padding-right:18px;display:block;white-space:nowrap;background:#fff;float:left;height:20px; line-height: 20px; border: #f60 1px solid;}
.selectedInfor span{ margin-left: 0px; color:#f60; height: 20px; line-height: 20px;}
.clearList{ float: left;}
.Non-clearList{ float: left;}
.eliminateCriteria{line-height:21px;margin-top:4px;width:80px;float:left;color:#f60;cursor:pointer;font-weight:600;}
.selectedInfor em{background: url(images/close.png) no-repeat;cursor:pointer;display:block;height:13px;overflow:hidden;position:absolute;right:2px;top:4px;width:13px;}

.FyselectMleft{ float: left; width: 880px; background: #fff; box-shadow: 1px 2px 5px #666;}
.FyselectMleft .FyselectMSort{ height: 30px; line-height: 30px; border-bottom: 1px dashed #ccc; font-size: 13px;}
.FyselectMleft .SortLeft{ float: left;}
.FyselectMleft .SortLeft span{ float: left; margin-left: 6px;}
.FyselectMleft .SortLeftItem{ position: relative; float: left; z-index:999;}
.FyselectMleft .SortLeftItem .SortLeftItemTitle{ float: left;}
.FyselectMleft .SortLeftItem .dm{ float: left;}
.FyselectMleft .SortLeftItem .dm .am{ width: 84px; height: 20px; margin-top: -3px; *margin-top: -1px; padding: 0px 15px 0px 5px; border: 1px solid #999; background: url(images/Down_ico.png) no-repeat; cursor: pointer;}
.FyselectMleft .SortLeftItem .dm #am1{ width: 46px; background-position: 50px 6px;}
.FyselectMleft .SortLeftItem .dm #am2,
.FyselectMleft .SortLeftItem .dm #am3,
.FyselectMleft .SortLeftItem .dm #am4{ background-position: 88px 6px;}
.FyselectMleft .SortLeftItem .dm .SortLeftItemCss{ position: absolute; top: 24px; *top: 25px; right: 0px; padding-left: 5px; background: #fff; z-index: 999; border: 1px solid #999; border-top: none; width: 99px; transition: all .3s ease-in-out;}
.FyselectMleft .SortLeftItem .dm .SortLeftItemCss a{ display: block;}
.FyselectMleft .SortLeftItem .dm #SortLeftItem-Day{ width: 61px;}
.FyselectMleft .Sortright{ float: right; margin-right: 10px;}
.FyselectMleft .SortLeftItem .dm #am5{ width: 60px; background-position: 64px 6px;}
.FyselectMleft .SortLeftItem .dm #SortLeftItem-pageSize{ width: 75px;}
.FyselectMleft .PropertyListDiv{ position: relative;}
.FyselectMleft .PropertyListDiv .item_HouseLi{ padding: 20px; height: 150px; overflow: hidden; border-bottom: 1px solid #dedede; transition: all .3s ease-in; -moz-transition: all .3s ease-in; -webkit-transition: all .3s ease-in;}
.FyselectMleft .PropertyListDiv .item_HouseLi:hover{ background: #FFF1E6;}
.FyselectMleft .PropertyListDiv .item_HouseLi .HouseLi_pic{ float: left; width: 200px; height: 150px; display: block;}
.FyselectMleft .PropertyListDiv .item_HouseLi .HouseLi_pic img{ width: 200px; height: 150px; display: block; opacity: .8; -moz-opacity: .8; -webkit-opacity: .8; transition: all .3s ease-in; -moz-transition: all .3s ease-in; -webkit-transition: all .3s ease-in;}
.FyselectMleft .PropertyListDiv .item_HouseLi:hover .HouseLi_pic img{ opacity: 1; -moz-opacity: 1; -webkit-opacity: 1;}
.FyselectMleft .PropertyListDiv .item_HouseLi .HouseLi_info{ margin-left: 220px; height: 150px;}
.FyselectMleft .PropertyListDiv .item_HouseLi .HouseLi_info .info_name{ height: 34px; line-height: 34px; overflow: hidden;}
.FyselectMleft .PropertyListDiv .item_HouseLi .HouseLi_info .info_name h3{ font-size: 22px;}
.FyselectMleft .PropertyListDiv .item_HouseLi:hover .HouseLi_info .info_name h3 a{ color: #e63a00;}
.FyselectMleft .PropertyListDiv .item_HouseLi .HouseLi_info .Ninfo{ float: left; width: 380px; height: 116px;}
.FyselectMleft .PropertyListDiv .item_HouseLi .HouseLi_info .Ninfo p{ height: 23px; line-height: 23px; font-size: 13px; color: #747474; white-space: nowrap;}
.FyselectMleft .PropertyListDiv .item_HouseLi .HouseLi_info .Ninfo .Ztype1{ font-size: 15px;}
.FyselectMleft .PropertyListDiv .item_HouseLi .HouseLi_info .Ninfo .Ztype4 .timeago{ color: #333; margin: 0px 6px;}
.FyselectMleft .PropertyListDiv .item_HouseLi .HouseLi_info .Ninfo .tag_list{ margin-top: 5px;}
.FyselectMleft .PropertyListDiv .item_HouseLi .HouseLi_info .Nmore{ margin-top: 20px; height: 70px; line-height: 70px;}
.FyselectMleft .PropertyListDiv .item_HouseLi .HouseLi_info .Nmore .mj{ float: left; width: 80px; font-size: 16px; color: #666;}
.FyselectMleft .PropertyListDiv .item_HouseLi .HouseLi_info .Nmore .zj{ float: left; margin-left: 20px; width: 130px; font-size: 18px; line-height: 1.4; text-align: center;}
.FyselectMleft .PropertyListDiv .item_HouseLi .HouseLi_info .Nmore .zj em{ margin-right: 6px; font-size: 30px; font-style: normal; color: #b20000;}
.FyselectMleft .PropertyListDiv .item_HouseLi .HouseLi_info .Nmore .zj .dj{ text-align: center; font-size: 14px; color: #666;}

/*经纪人分享*/
.HouseLi_share{ padding: 0px 20px; height: 129px; display: none;}
.HouseLi_share .share_tit{ font-size: 15px;}
.HouseLi_share .shareL{ position: relative; float: left; padding: 5px 0px; width: 419px; height: 130px; border-right: 1px solid #ddd;}
.HouseLi_share .shareL .ShowCopy{ width: 379px; padding: 5px; margin: 0px auto; margin-top: 8px; font-size: 13px; border: 1px solid #ea6300; background: rgba(255,122,0,0.3); border-radius: 4px;}
.HouseLi_share .shareL .zclip{ position: absolute; right: 10px; bottom: 10px; padding: 2px 4px; cursor: pointer;}
.HouseLi_share .shareR{ float: right; padding: 5px 0px; padding-left: 5px; width: 414px;}
.HouseLi_share .shareR .ShareTips{ font-size: 14px;}
.HouseLi_share .shareR .ShareImg{ float: right; width: 100px; height: 100px;}
.HouseLi_share .shareR .ShareImg img{ width: 100px; height: 100px;}

.FyselectMleft .SearchJump{ height: 30px; line-height: 30px; padding: 10px 0px; margin: 0px auto; padding-right:10px; border-bottom:1px solid #ccc;}
.FyselectMleft .SearchJump form{ float: right;}
.FyselectMleft .SearchJump span{ float: left; margin-right: 18px; font-size: 13px;}
.FyselectMleft .SearchJump span em{ margin: 0px 3px; color: #b20000; font-style: normal;}
.FyselectMleft .SearchJump ul{ float: left;}
.FyselectMleft .SearchJump ul li{ display: inline; }
.FyselectMleft .SearchJump ul li a{ float: left; padding: 4px 12px; line-height: 20px; text-decoration: none; border: 1px solid #ccc; border-left-width: 0px; font-size: 13px;}
.FyselectMleft .SearchJump ul li a:hover{ color: #fff; background: #e63a00;}
.FyselectMleft .SearchJump ul li .on{ background: #e63a00; color: #fff; cursor: not-allowed;}
.FyselectMleft .SearchJump ul li:first-child a{ border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-bottom-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-left-width: 1px;}
.FyselectMleft .SearchJump ul li:last-child a{ border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-bottom-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px;}
.FyselectMleft .SearchJump .Jbtn{ width: 30px; height: 26px; line-height: 26px; margin-top: -4px; margin-left: 6px;}
.FyselectMleft .SearchJump .Jsub{ width: 40px; height: 28px; line-height: 28px; margin-top: -3px; background: #e63a00; border-radius: 4px; border: none; cursor: pointer; color: #fff;}

.FyselectMright{ float: right; width: 300px;}
.FyselectMright .yjkx{ background: #fff; box-shadow: 1px 2px 5px #666;}
.FyselectMright .yjkx{ background: #fff; box-shadow: 1px 2px 5px #666666;}
.FyselectMright .yjkx .modtit{ position: relative; height: 36px; border-bottom: 4px solid #999999;}
.FyselectMright .yjkx .modtit h3{ position: absolute; top: 9px; line-height: 26px; padding: 0px 10px; border-bottom: 4px solid #FF7A00;}
.FyselectMright .yjkx .modtit h3 a{ color: #333; font-size: 16px;}
.FyselectMright .yjkx ul{ padding: 15px;}
.FyselectMright .yjkx ul li{ height: 24px; line-height: 24px; padding-left: 10px; font-size: 13px; overflow: hidden; background: url(images/libg.png) no-repeat left center;}
.FyselectMright .show_tj{ background: #fff; box-shadow: 1px 2px 5px #666666;}
.FyselectMright .show_tj .modtit{ position: relative; height: 36px; margin-bottom: 15px; border-bottom: 4px solid #999999;}
.FyselectMright .show_tj .modtit h3{ position: absolute; top: 9px; line-height: 26px; padding: 0px 10px; border-bottom: 4px solid #FF7A00;}
.FyselectMright .show_tj .modtit h3 a{ color: #333; font-size: 16px;}
.FyselectMright .show_tj .item_list .item{ position: relative; margin-left: 20px; margin-bottom: 15px; width: 260px; height: 195px; display: block; overflow: hidden;}
.FyselectMright .show_tj .item_list .item img{ width: 260px; height: 195px;}
.FyselectMright .show_tj .item_list .item .item_type{ width:256px; position:absolute; bottom:-24px; left:0px; height:50px; background:rgba(0,0,0,0.7); filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block; padding-left:4px; color:#fff; overflow:hidden; transition: all .3s ease-in; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in;}
.FyselectMright .show_tj .item_list .item:hover .item_type{ bottom: 0px;}
.FyselectMright .show_tj .item_list .item .item_type .item_tit{ height: 25px; line-height: 25px; overflow: hidden;}
.FyselectMright .show_tj .item_list .item .item_type .item_tit span{ float: left; margin-left: 6px; font-size: 15px;}
.FyselectMright .show_tj .item_list .item .item_type .item_tit strong{ float: right; margin-right: 6px;}
.FyselectMright .show_tj .item_list .item .item_type .item_tit strong em{ font-size: 18px; margin-right: 4px;}
.FyselectMright .show_tj .item_list .item .item_type .item_info{ height: 25px; line-height: 25px; font-size: 13px;}
.FyselectMright .show_tj .item_list .item .item_type .item_info span{ float: left; margin-left: 6px;}
.FyselectMright .show_tj .item_list .item .item_type .item_info strong{ float: right; margin-right: 6px; font-weight: normal;}


@-webkit-keyframes ball-beat {
  50% { opacity: 0.2; -webkit-transform: scale(0.75); transform: scale(0.75); }
  100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}

@keyframes ball-beat {
  50% { opacity: 0.2; -webkit-transform: scale(0.75); transform: scale(0.75); }
  100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}

#ball-beat{ position: absolute; left: 10px; top: 15px;}
#ball-beat > div { background-color: #ff7a00; width: 15px; height: 15px; border-radius: 100%; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: inline-block; -webkit-animation: ball-beat 0.7s 0s infinite linear; animation: ball-beat 0.7s 0s infinite linear; }
#ball-beat > div:nth-child(2n-1) { -webkit-animation-delay: 0.35s !important; animation-delay: 0.35s !important; }