*::-moz-selection {
    background-color: rgba(13, 173, 81, 0.2);
    color: #333;
}
a:hover {
    text-decoration: none;
}
.coverpic-type {
    color: rgba(255, 255, 255, 0.5);
    display: block;
    font-size: 12px;
    position: absolute;
}
.coverpic-pos-lt {
    left: 12px;
    top: 12px;
}
.coverpic-pos-rt {
    right: 12px;
    top: 12px;
}
.coverpic-pos-lb {
    bottom: 12px;
    left: 12px;
}
.coverpic-pos-rb {
    bottom: 12px;
    right: 12px;
}
.coverpic-pos-rtf {
    right: 20px;
    top: 20px;
}
.filter-box {
    margin-top: 35px;
}
.filter-box .bd {
    font-size: 0;
    position: relative;
}
.filter-box .bd .txt-box, .filter-box .bd .ok, .filter-box .bd .custom {
    display: inline-block;
    font-size: 12px;
}
.filter-box .bd .custom {
    margin-left: 10px;
    padding-bottom: 1px;
}
.filter-box .bd .txt-box {
    border: 1px solid #e3e3e3;
    border-radius: 2px;
    position: relative;
    vertical-align: middle;
    width: 40px;
}
.filter-box .bd .txt-box .txt {
    border: 0 none;
    color: #333;
    display: block;
    height: 18px;
    line-height: 18px;
    padding: 2px 1px;
    text-align: center;
    width: 35px;
}
.filter-box .bd .ok {
    background-color: #fff;
    border: 1px solid #b7b7b7;
    box-sizing: border-box;
    color: #555;
    cursor: pointer;
    font-size: 12px;
    height: 24px;
    line-height: 22px;
    margin-left: 5px;
    text-align: center;
    vertical-align: middle;
    width: 43px;
}
.dl-lst {
    display: inline-block;
    position: relative;
    width: 1000px;
}
.dl-lst .more-btn {
    color: #39ac6a;
    cursor: pointer;
    display: none;
    height: 27px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.dl-lst .dd {
    height: 27px;
    overflow: hidden;
    width: 946px !important;
}
.dl-lst .dd div a.on {
    color: #39ac6a;
}
.dl-lst .dd div a {
    display: inline-block;
    padding: 0 8.5px;
}
.dl-lst .show-more {
    height: auto;
    overflow: auto;
}
.option-list .special {
    background-image: url("../img/newLicon.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100px 200px;
    display: inline-block;
    height: 10px;
    margin-right: 3px;
    width: 10px;
}
.option-list .on {
    background-position: -12px 0;
    font-weight: bold;
}
.option-list .list-name {
    display: inline-block;
}
.option-list .list-name:hover {
    text-decoration: underline;
}
.option-list .list-tag {
    background-image: url("../img/marktag.png");
    display: inline-block;
    height: 12px;
    left: 4px;
    position: relative;
    top: 1px;
    width: 12px;
}
.list-bubble {
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    display: none;
    font-size: 14px;
    line-height: 22px;
    padding: 7px 18px;
    position: absolute;
    width: 325px;
    z-index: 1;
}
.choice {
    background-color: #f5f5f5;
    color: #333333;
    font-size: 12px;
    height: 43px;
    line-height: 43px;
    margin: 35px auto;
    width: 1000px;
}
.choice-head {
    font-weight: 700;
    margin: 0 20px;
}
.choice-name {
    background-color: #fff;
    border: 1px solid #dfdfdf;
    display: inline-block;
    font-size: 12px;
    height: 16px;
    line-height: 16px;
    padding: 0 5px;
}
.choice-item {
    color: #333333;
    font-size: 0;
    height: 18px;
    margin-right: 13px;
}
.choice-item:last-child {
    margin-right: 20px;
}
.clear-choice {
    color: #333333;
}
.choice-item i {
    background-color: #dfdfdf;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    height: 18px;
    line-height: 18px;
    text-align: center;
    width: 18px;
}
.delete-icon {
    background-image: url("../../img/match-icon.png");
    background-position: -135px -70px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 12px;
    margin-right: 3px;
    vertical-align: text-bottom;
    width: 11px;
}
.lianjia-header-xinfang {
    background: #ececec none repeat scroll 0 0;
    color: #333;
    height: 36px;
    line-height: 36px;
}
.lianjia-header-xinfang .nav-xinfang {
    height: 36px;
    width: 1000px;
}
.lianjia-header-xinfang .nav-xinfang ul {
    margin: 0;
    width: auto;
}
.lianjia-header-xinfang .nav-xinfang ul li a {
    color: #555;
    font-size: 12px;
}
.lianjia-header-xinfang .nav-xinfang ul li a.on {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.lianjia-header-xinfang .nav-xinfang ul li:first-child a {
    padding-left: 0;
}
.lianjia-header-xinfang .nav-xinfang .login .typeShowUser a {
    color: #333;
    font-size: 12px;
    margin-right: 0;
}
.lianjia-header-article {
    background: #394043 none repeat scroll 0 0;
    height: 38px;
    line-height: 38px;
}
.lianjia-header-article .wrapper {
    width: 1150px;
}
.lianjia-header-article .nav-xinfang {
    height: 38px;
    width: 1150px;
}
.lianjia-header-article .nav-xinfang ul li a {
    color: #a9abab;
    vertical-align: top;
}
.lianjia-header-article .nav-xinfang ul li a:hover {
    color: #fff;
}
.lianjia-header-article .nav-xinfang ul li a.on {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #fff;
}
.lianjia-header-article .nav-xinfang .tel, .lianjia-header-article .nav-xinfang .login {
    color: #fff;
    font-size: 12px;
}
.lianjia-header-article .nav-xinfang .tel span, .lianjia-header-article .nav-xinfang .login span {
    vertical-align: top;
}
.lianjia-header-article .nav-xinfang .tel .login-panel, .lianjia-header-article .nav-xinfang .login .login-panel {
    display: inline-block;
    vertical-align: top;
}
.lianjia-header-article .nav-xinfang .tel .typeShowUser, .lianjia-header-article .nav-xinfang .login .typeShowUser {
    height: 38px;
    margin-right: 15px;
}
.lianjia-header-article .nav-xinfang .tel .typeShowUser a, .lianjia-header-article .nav-xinfang .login .typeShowUser a {
    color: #fff;
    font-size: 12px;
    margin: 0 5px 0 0;
}
.lianjia-header-article .nav-xinfang .tel span.log, .lianjia-header-article .nav-xinfang .login span.log, .lianjia-header-article .nav-xinfang .tel span.reg, .lianjia-header-article .nav-xinfang .login span.reg {
    top: 0 !important;
}
.lianjia-header-article .nav-xinfang .tel i {
    background-image: url("../img/xinfang_sprite.png");
    background-position: -340px -94px;
    display: inline-block;
    height: 12px;
    margin: 13px 9px 13px 0;
    vertical-align: top;
    width: 12px;
}
.lianjia-header-article .nav-xinfang .login i {
    background-image: url("../img/xinfang_sprite.png");
    background-position: -340px -106px;
    display: inline-block;
    height: 12px;
    margin: 13px 9px 13px 0;
    padding: 13px 0;
    vertical-align: top;
    width: 12px;
}
.xinfang-nav {
    height: 84px;
    line-height: 84px;
}
.xinfang-nav .split {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent #ccc transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    display: inline-block;
    height: 28px;
    vertical-align: middle;
    width: 15px;
}
.xinfang-nav dl.city-list {
    color: #2b2b2b;
    display: inline-block;
    line-height: 28px;
    margin-left: 15px;
    position: relative;
    z-index: 10;
}
.xinfang-nav dl.city-list:hover dd {
    display: block;
}
.xinfang-nav dl.city-list:hover .arrow {
    border-color: transparent transparent #999;
    margin-top: -8px;
}
.xinfang-nav dl.city-list a {
    color: #2b2b2b;
    display: block;
    line-height: 27px;
    margin: 0;
    padding-left: 7px;
}
.xinfang-nav dl.city-list a:hover {
    background-color: #f9f9f9;
    text-decoration: none;
}
.xinfang-nav dl.city-list dd {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    display: none;
    left: 0;
    margin-top: -1px;
    padding-bottom: 6px;
    padding-top: 6px;
    position: absolute;
    right: 0;
}
.xinfang-nav dl.city-list dt {
    border: 1px solid #efefef;
    border-radius: 1px;
    padding-left: 7px;
}
.xinfang-nav dl.city-list dt .arrow {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #999 transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 4px;
    display: inline-block;
    margin-left: 14px;
    margin-right: 6px;
    vertical-align: middle;
}
.xinfang-nav .logo {
    background: rgba(0, 0, 0, 0) url("../../img/logo.png") no-repeat scroll left center / 100% 100%;
    display: inline-block;
    height: 33px;
    vertical-align: middle;
    width: 223px;
}
.xinfang-nav .nav-list {
    display: inline-block;
    line-height: 1;
    margin-left: 50px;
    top: 26px;
}
.xinfang-nav .nav-list li {
    display: inline-block;
    list-style: outside none none;
    margin-right: 30px;
}
.xinfang-nav .nav-list li a {
    color: #333;
    font-size: 16px;
}
.xinfang-nav .nav-list li a.check {
    color: #5dbb85;
}
.xinfang-nav .ren-con {
    display: inline-block;
    position: relative;
}
.xinfang-nav .ren-con .recently {
    color: #999;
    cursor: pointer;
    margin-right: 30px;
}
.xinfang-nav .ren-con .r-container {
    display: none;
}
.xinfang-nav .ren-con .r-container .recent-detail {
    background: white none repeat scroll 0 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    height: 220px;
    overflow: auto;
    padding: 0 20px 40px;
    position: absolute;
    right: -135px;
    top: 68px;
    width: 350px;
    z-index: 2;
}
.xinfang-nav .ren-con .r-container .recent-detail .loading {
    left: 50%;
    margin-left: -10px;
    position: absolute;
    width: 20px;
}
.xinfang-nav .ren-con .r-container .recent-detail ul {
    line-height: 0;
    position: relative;
}
.xinfang-nav .ren-con .r-container .recent-detail ul li {
    border-bottom: 1px solid #e4e4e4;
    display: inline-block;
    padding: 20px 0;
    width: 100%;
}
.xinfang-nav .ren-con .r-container .recent-detail ul li .delete {
    color: #999;
    cursor: pointer;
    float: right;
    line-height: 50px;
}
.xinfang-nav .ren-con .r-container .recent-detail ul li img {
    height: 55px;
    margin-right: 15px;
    width: 70px;
}
.xinfang-nav .ren-con .r-container .recent-detail ul li .info p {
    font-size: 12px;
    line-height: 19px;
}
.xinfang-nav .ren-con .r-container .recent-detail ul li .info p.title {
    font-weight: bold;
}
.xinfang-nav .ren-con .r-container .recent-detail ul li .info p.title .t-til {
    font-size: 16px;
    font-weight: bold;
    margin-right: 10px;
}
.xinfang-nav .ren-con .r-container .recent-detail ul li .info p span {
    font-size: 12px;
    margin-right: 5px;
    padding: 2px;
}
.xinfang-nav .ren-con .r-container .recent-detail ul li .info p span.label0 {
    background: #77bbd5 none repeat scroll 0 0;
    color: white;
}
.xinfang-nav .ren-con .r-container .recent-detail ul li .info p span.label1 {
    background: #dac782 none repeat scroll 0 0;
    color: white;
}
.xinfang-nav .ren-con .r-container .recent-detail ul li .info p .price {
    color: #f15044;
}
.xinfang-nav .ren-con .r-container .clear-all {
    background: white none repeat scroll 0 0;
    bottom: 0;
    color: #999;
    display: none;
    height: 40px;
    line-height: 40px;
    position: absolute;
    right: -135px;
    text-align: center;
    top: 288px;
    width: 390px;
    z-index: 3;
}
.xinfang-nav .ren-con .r-container .clear-all .login-btn {
    background: #39ac6a none repeat scroll 0 0;
    color: white;
    padding: 10px;
}
.xinfang-nav .ren-con .r-container .clear-all span {
    cursor: pointer;
    float: right;
    position: relative;
    right: 19px;
    text-decoration: underline;
}
.xinfang-nav .phone {
    background: rgba(0, 0, 0, 0) url("../../img/Sprite_Graphic_v2.png") no-repeat scroll -83px -10px;
    display: inline-block;
    height: 14px;
    vertical-align: -2px;
    width: 18px;
}
.xinfang-nav .connect {
    color: #39ac6a;
}
.xinfang-nav .bar-search-box {
    display: inline-block;
    height: 36px;
    position: relative;
    vertical-align: middle;
    width: 245px;
}
.xinfang-nav .bar-search-box input {
    border: 1px solid #dedede;
    height: 34px;
    left: 0;
    line-height: 34px;
    padding-left: 15px;
    position: absolute;
    top: 0;
    width: 193px;
}
.xinfang-nav .bar-search-box input:focus {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08) inset;
}
.xinfang-nav .bar-search-box button {
    background-color: #f15044;
    display: inline-block;
    height: 36px;
    position: absolute;
    right: 0;
    top: 0;
    width: 36px;
}
.xinfang-nav .bar-search-box button i {
    background: rgba(0, 0, 0, 0) url("../../img/btn-search.png") no-repeat scroll left -2px;
    display: block;
    height: 20px;
    margin: 4px auto 0;
    width: 20px;
}
.xinfang-nav .bar-search-box ul {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fff;
    border-color: -moz-use-text-color #ccc #ccc;
    border-image: none;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    box-sizing: border-box;
    display: none;
    margin-top: 36px;
    position: relative;
    width: 209px;
    z-index: 10;
}
.xinfang-nav .bar-search-box ul li {
    height: 35px;
    line-height: 35px;
    padding: 0 15px;
}
.xinfang-nav .bar-search-box ul li:hover {
    background-color: #f1f1f1;
}
.xinfang-nav .bar-search-box ul li a {
    color: #333;
    display: inline-block;
    font-size: 12px;
    position: relative;
    text-decoration: none;
    width: 100%;
}
.xinfang-nav .bar-search-box ul li a .type {
    background-color: #f4f7f9;
    border-radius: 2px;
    color: #849aae;
    margin-left: 10px;
    padding: 4px;
    text-align: center;
}
.xinfang-nav .bar-search-box ul li a .for-right {
    position: absolute;
    right: 0;
}
.xinfang-nav .bar-search-box ul li a .region {
    color: #9c9fa1;
}
.xinfang-nav .bar-search-box ul li a .red {
    color: #f26157;
}
.xinfang-nav-article .wrapper {
    width: 1150px;
}
.xinfang-nav-article .nav-downloadapp {
    display: inline-block;
    margin-right: 30px;
}
.xinfang-nav-article .nav-downloadapp span {
    background: rgba(0, 0, 0, 0) url("../../img/article_login_sprite.png") no-repeat scroll 0 0;
    display: inline-block;
    height: 19px;
    line-height: 19px;
    padding-left: 29px;
}
.xinfang-nav-article .login-panel {
    display: inline-block;
}
.xinfang-nav-article .typeUserInfo {
    height: auto;
}
.xinfang-nav-article .nav-list li a:hover {
    color: #00ae66;
    font-weight: 700;
    text-decoration: none;
}
.xinfang-nav-article .download a {
    color: #333;
    font-size: 16px;
}
.xinfang-nav-article .welcome {
    background: rgba(0, 0, 0, 0) url("../img/article_login_sprite.png") no-repeat scroll 0 -19px;
    display: inline-block;
    font-size: 16px !important;
    height: 19px;
    line-height: 19px;
    padding-left: 29px;
}
.xinfang-nav-article .welcome a {
    padding: 0 4px;
}
.xinfang-nav-article .welcome a:first-child {
    padding-left: 0;
}
.xinfang-nav-article .welcome a:last-child {
    padding-right: 0;
}
.line {
    background: rgba(0, 0, 0, 0) url("../../img/line.png") no-repeat scroll 0 0;
    height: 2px;
    margin-bottom: 30px;
    margin-top: 30px;
    width: 100%;
}
.new-search {
    background-color: #edeff1;
    height: 72px;
    width: 100%;
}
.new-search-box {
    height: 72px;
    line-height: 72px;
    margin: 0 auto;
    position: relative;
    width: 1000px;
}
.new-search-box .input-box {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
    display: inline-block;
    height: 36px;
    left: 0;
    position: absolute;
    top: 18px;
    vertical-align: middle;
    width: 407.5px;
}
.suggest-title {
    background-color: #edeff1;
    color: #849aae;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    padding: 0 15px;
}
.set-hisNone {
    cursor: pointer;
}
.set-hisNone:hover {
    text-decoration: underline;
}
.input-box input {
    border-width: 0;
    box-sizing: border-box;
    height: 36px;
    left: 0;
    line-height: 36px;
    padding-left: 15px;
    position: absolute;
    top: 0;
    width: 371.5px;
}
.input-box button {
    background-color: #f15044;
    display: inline-block;
    height: 36px;
    position: absolute;
    right: 0;
    top: 0;
    width: 36px;
}
.input-box button i {
    background: rgba(0, 0, 0, 0) url("../../img/btn-search.png") no-repeat scroll left -2px;
    display: block;
    height: 20px;
    margin: 4px auto 0;
    width: 20px;
}
.input-box ul {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fff;
    border-color: -moz-use-text-color #ebebeb #ebebeb;
    border-image: none;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.176);
    box-sizing: border-box;
    display: none;
    margin-top: 41px;
    position: relative;
    width: 371.5px;
    z-index: 10;
}
.input-box ul li {
    height: 35px;
    line-height: 35px;
    padding: 0 15px;
}
.input-box ul li:hover {
    background-color: #f1f1f1;
}
.input-box ul li a {
    color: #333;
    display: inline-block;
    font-size: 12px;
    position: relative;
    text-decoration: none;
    width: 100%;
}
.input-box ul li a .type {
    background-color: #f4f7f9;
    border-radius: 2px;
    color: #849aae;
    margin-left: 10px;
    padding: 4px;
    text-align: center;
}
.input-box ul li a .for-right {
    position: absolute;
    right: 0;
}
.input-box ul li a .region {
    color: #9c9fa1;
}
.input-box ul li a .red {
    color: #f26157;
}
.hot-search-con {
    height: 70px;
    overflow: hidden;
}
.his-search {
    color: #555;
    font-size: 12px;
    left: 406px;
    margin-left: 20px;
    position: absolute;
}
.his-search .his-search-name {
    color: #999;
}
.his-search a {
    color: #555;
    margin-right: 8px;
}
.search-map {
    background-color: #39ac6a;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 18px;
    width: 104px;
}
.search-map i {
    background-image: url("../../img/match-icon.png");
    background-position: -110px -70px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 17px;
    margin-right: 5px;
    margin-top: 2px;
    vertical-align: -4px;
    width: 12px;
}
.welcome {
    font-size: 0 !important;
}
.lianjia-header .nav ul li.hover dd {
    background-color: white;
    margin-left: 0;
}
.typeUserInfo {
    height: 38px;
}
.list-head {
    background: #fff none repeat scroll 0 0;
    height: 33px;
    line-height: 33px;
    margin-top: 35px;
}
.list-head .order {
    float: left;
    font-size: 14px;
}
.list-head .order .text {
    color: #999999;
    margin-left: 0;
    margin-right: 25px;
}
.list-head .order .text a {
    color: #999999;
    cursor: text;
    text-decoration: none;
}
.list-head .order .text a span {
    font-size: 14px;
    margin-left: 0;
}
.list-head .order h1 {
    display: inline;
}
.list-head .order div {
    display: inline-block;
    margin-left: 10px;
    position: relative;
}
.list-head .order div:hover ul {
    display: block;
}
.list-head .order div ul {
    background-color: white;
    border: 1px solid #ccc;
    box-sizing: border-box;
    display: none;
    left: 0;
    position: absolute;
    text-align: center;
    top: 33px;
    width: 100%;
    z-index: 10;
}
.list-head .order div ul a {
    color: black;
    font-weight: normal;
}
.list-head .order div > a {
    border: 1px solid #a1e0ff;
    border-radius: 2px;
    box-sizing: border-box;
    color: #ffffff;
    display: inline-block;
    height: 33px;
    padding: 0 10px;
    text-align: center;
    width: 126px;
    background-color: #18a5ea;
    text-decoration: none;
}
.list-head .order a span {
    font-size: 9px;
    margin-left: 5px;
}
.list-head .order .default-order {
    border-color: #a1e0ff;
}
.list-head h2 span {
    color: #e4393c;
    font-family: "Tahoma";
    font-size: 16px;
    margin: 0 5px;
}
.list-head .view-type {
    color: #999999;
    float: right;
    font-family: "Hiragino Sans GB","微软雅黑","Microsoft YaHei",SimHei,Tahoma,"宋体b8b体",SimSun,sans-serif;
    font-size: 14px;
}
.list-head .view-type .modeshows {
    float: right;
}
.list-head .view-type .modeshows span {
    cursor: pointer;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    text-align: center;
    width: 90px;
}
.list-head .view-type .modeshows .current {
    background-color: #18a5ea;
    border-right: 2px none;
    color: #fff;
}
.district-img {
    height: 250px;
    margin-top: 35px;
    overflow: hidden;
    position: relative;
}
.district-img .detail-btn {
    border: 1px solid white;
    border-radius: 2px;
    bottom: 64px;
    color: white;
    cursor: pointer;
    font-size: 14px;
    height: 37px;
    left: 75px;
    line-height: 2.7;
    padding-left: 30px;
    padding-right: 30px;
    position: absolute;
    text-align: center;
    text-decoration: none;
}
.main-box {
    height: auto;
    margin-top: 35px;
    min-height: 194px;
    position: relative;
}
.house-lst li {
    background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #e4e4e4;
    margin-top: 35px;
    padding-bottom: 35px;
    position: relative;
    transition: all 0.15s ease-in-out 0s;
}
.main-box .house-lst .pic-panel, .main-box .house-lst .pic-panel .pic-num .num, .main-box .house-lst .info-panel, .main-box .house-lst h2 span, .main-box .house-lst .where, .main-box .house-lst .type, .main-box .house-lst .square, .main-box .house-lst .price, .main-box .house-lst .con, .main-box .house-lst .price-pre, .main-box .house-lst .fd .right .star, .main-box .side-bar .search-widget .txt, .main-box .side-bar .search-widget .btn, .go-detail {
    display: inline-block;
    vertical-align: middle;
}
.house-lst .pic-panel {
    font-size: 0;
    height: 174px;
    position: relative;
    width: 239px;
}
.house-lst .pic-panel img {
    height: 174px;
    transition-duration: 0.15s;
    transition-property: opacity;
    transition-timing-function: linear;
    width: 239px;
}
.house-lst .info-panel {
    color: #565a5c;
    font-size: 0;
    height: 174px;
    margin-left: 30px;
    position: relative;
}
.house-lst h2 {
    font-family: "Hiragino Sans GB","微软雅黑","Microsoft YaHei",SimHei,Tahoma,"宋体b8b体",SimSun,sans-serif;
    font-size: 0;
    line-height: 1;
    margin-bottom: 18px;
    vertical-align: middle;
    white-space: nowrap;
}
.house-lst h2 a {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    max-width: 400px;
    overflow: hidden;
    padding-right: 10px;
    text-overflow: ellipsis;
}
.house-lst .info-panel h2 a {
    color: #333;
    font-family: "Hiragino Sans GB","微软雅黑","Microsoft YaHei",SimHei,Tahoma,"宋体b8b体",SimSun,sans-serif;
    font-size: 20px;
    font-weight: 700;
    vertical-align: middle;
}
.house-lst .info-panel {
    width: 720px;
}
.house-lst .info-panel h2 i {
    background-image: url("../../img/newLicon.png");
    background-position: 0 -81px;
    background-repeat: no-repeat;
    background-size: 100px 200px;
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    height: 24px;
    line-height: 2;
    margin-right: 5px;
    margin-top: -5px;
    padding-left: 8px;
    vertical-align: middle;
    width: 83px;
}
.house-lst .info-panel h2 .dujia {
    background-image: url("../../img/newLicon.png");
    background-position: 0 -106px;
    background-repeat: no-repeat;
    background-size: 100px 200px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    height: 24px;
    line-height: 2;
    margin-top: -5px;
    vertical-align: middle;
    width: 91px;
}
.house-lst .info-panel .col-1 {
    float: left;
    height: 174px;
    width: 472px;
}
.house-lst .where {
    line-height: 1;
    margin-bottom: 0px;
    width: 100%;
}
.house-lst .where .region {
    padding: 2px 0;
}
.house-lst .where .region, .house-lst .info-panel .area, .house-lst .info-panel .other {
    color: #333;
    float: left;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.house-lst .info-panel .area, .house-lst .info-panel .other, .house-lst .info-panel .type {
    margin-bottom: 0px;
}
.house-lst .info-panel .other span {
    background-color: #f5f5f5;
    color: #bdbfc4;
    font-size: 12px;
    margin-right: 10px;
    padding: 6px 5px;
}
.house-lst .info-panel .type span {
    border: 1px solid #fff;
    display: inline-block;
    font-size: 12px;
    line-height: 22px;
    margin-right: 8px;
    padding: 0 8px;
}
.house-lst .info-panel .type .live {
    border-color: #85c6dc;
    color: #85c6dc;
}
.house-lst .info-panel .type .onsold {
    border-color: #e2d197;
    color: #e2d197;
}
.house-lst .info-panel .type .allfive {
    border-color: #e29c97;
    color: #e29c97;
}
.house-lst .info-panel .col-2 {
    -moz-box-align: center;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    color: #333;
    display: -webkit-box;
    float: right;
    font-size: 18px;
    font-weight: 700;
    height: 174px;
    line-height: 174px;
    position: relative;
    width: 225px;
    z-index: 999;
}
.house-lst .info-panel .col-2 .average {
    line-height: 1;
}
.house-lst .info-panel .col-2 .average .num {
    color: #f15044;
    font-family: "Tahoma";
    font-size: 30px;
    margin: 0 7px;
    vertical-align: -2px;
}
.house-lst .info-panel .col-2 .sum-num {
    color: #999;
    font-size: 12px;
    font-weight: normal;
    line-height: 1;
    margin-top: 12px;
    text-align: center;
}
.col-2 .looked-mark {
    background-image: url("../../img/newLicon.png");
    background-position: -64px -132px;
    background-repeat: no-repeat;
    background-size: 100px 200px;
    display: inline-block;
    height: 35px;
    position: absolute;
    right: 0;
    top: 0;
    vertical-align: middle;
    width: 35px;
}
.list-wrap .page-box {
    padding: 30px 0;
    text-align: center;
}
.huxing-picture {
    display: none;
    font-size: 0;
    line-height: 1;
    margin-top: 27px;
}
.huxing-picture .huxing-picture-box {
    height: 180px;
    overflow: hidden;
    padding: 0 33px;
    position: relative;
}
.huxing-picture .gap {
    background-image: url("../../img/gap.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 8px;
    width: 1000px;
}
.huxing-picture .huxing-picture-box .after, .huxing-picture .huxing-picture-box .pre {
    background-image: url("../../img/match-icon.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 60px;
    position: absolute;
    top: 71px;
    width: 20px;
}
.huxing-picture .huxing-picture-box .after {
    -moz-user-select: none;
    background-position: -35px -48px;
    right: 0;
}
.huxing-picture .huxing-picture-box .pre {
    -moz-user-select: none;
    background-position: -10px -48px;
    left: 0;
}
.huxing-picture .huxing-picture-box .disable-pre {
    background-position: -60px -48px;
}
.huxing-picture .huxing-picture-box .disable-after {
    background-position: -85px -48px;
}
.huxing-picture .huxing-picture-box .huxing-container {
    height: 180px;
    overflow: hidden;
    position: relative;
    width: 934px;
}
.huxing-picture .huxing-picture-box .huxing-picture-content {
    height: 150px;
    position: absolute;
    top: 0;
    width: 1000px;
}
.huxing-picture-content li {
    border-bottom-width: 0;
    display: inline-block;
    float: left;
    height: 150px;
    list-style: outside none none;
    margin: 35px 12.5px 0;
    width: 163px;
}
.huxing-picture-content li img {
    height: 123px;
    text-align: center;
    width: 163px;
}
.huxing-picture-content li img.dark {
}
.huxing-picture-content li div {
    color: #666;
    font-size: 12px;
    margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.huxing-picture-content li div span {
    color: #f15044;
}
.price .tehui {
    background-image: url("../../img/favorable.png");
    background-repeat: no-repeat;
    background-size: 225px 85px;
    display: none;
    height: 85px;
    margin-top: 15px;
    width: 225px;
}
.price .tehui .tehui-num {
    color: #eeac6b;
    font-size: 25px;
    font-weight: 700;
    height: 85px;
    line-height: 85px;
    margin-left: 20px;
}
.tehui-info {
    float: right;
    font-size: 12px;
    margin-right: 15px;
    margin-top: 30px;
    text-align: right;
}
.tehui-info .tehui-info-content {
    color: #333;
    font-weight: 700;
    margin-bottom: 8px;
}
.tehui-info .tehui-info-content span {
    margin-left: 5px;
}
.tehui-info .tehui-top {
    color: #f15044;
}
.list-no-data {
    border: 0 none;
    color: #888;
    font-size: 22px;
    height: 159px;
    line-height: 150px;
    text-align: center;
}
.list-no-data span {
    color: #333;
    display: inline-block;
    font-weight: 400;
    line-height: 22px;
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: -3px;
    white-space: nowrap;
}
.redTag {
    display: inline-block;
    font-size: 12px;
    position: relative;
    vertical-align: middle;
}
.redTag .text {
    background-color: #30badf;
    color: white;
    display: inline-block;
    height: 24px;
    line-height: 24px;
    margin-right: 24px;
    padding: 0 7px;
    vertical-align: top !important;
}
.redTag .triangle {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent transparent transparent #30badf;
    border-image: none;
    border-style: solid;
    border-width: 12px;
    height: 0;
    position: absolute;
    right: 0;
    width: 0;
}
.redTag .point {
    color: white;
    display: inline-block;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    position: absolute;
    right: 16px;
    text-align: center;
    top: 0;
    width: 12px;
}
.tag-pingce {
    color: #fff;
    display: inline-block;
    font-size: 12px;
    height: 24px;
    position: relative;
    vertical-align: middle;
    width: 97px;
}
.tag-pingce .txt {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    padding-left: 24px;
    position: relative;
    z-index: 1;
}
.tag-pingce .new {
    color: #fff;
    position: absolute;
    right: 6px;
    top: -8px;
    z-index: 1;
}
.tag-pingce .icon-pingce {
    background-image: url("../../img/pingce.png");
    bottom: 0;
    height: 36px;
    left: 0;
    position: absolute;
    width: 97px;
}
.page-box .on {
    background-color: #f15044 !important;
    border-color: #f15044;
    color: white;
}
.build-tuijian {
    margin-bottom: 90px;
    position: relative;
}
.build-tuijian h2 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 25px;
}
.build-tuijian .show-content ul li {
    float: left;
    margin-left: 12px;
    width: 241px;
}
.build-tuijian .show-content ul li:first-child {
    margin-left: 0;
}
.build-tuijian .show-content .pic {
    display: block;
    margin-bottom: 15px;
    position: relative;
    width: 241px;
}
.build-tuijian .show-content .pic img {
    height: 150px;
    width: 241px;
}
.build-tuijian .show-content .pic .tip {
    background: #394043 none repeat scroll 0 0;
    border-radius: 1px;
    bottom: 10px;
    color: #fefefe;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    height: 27px;
    left: 0;
    line-height: 27px;
    padding: 7px 9px;
    position: absolute;
    text-align: center;
    z-index: 20;
}
.build-tuijian .show-content .house-name {
    color: #333;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    line-height: 14px;
    margin-right: 20px;
    max-width: 165px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.build-tuijian .show-content .zhuzhai {
    color: #394043;
    float: right;
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    position: absolute;
}
.build-tuijian .show-content p .left-i {
    color: #b0b3b4;
    display: inline-block;
}
.build-tuijian .show-content p .area {
    color: #b0b3b4;
    display: inline-block;
    font-size: 12px;
}
.list-topic {
    margin-bottom: 108px;
    position: relative;
}
.list-topic a {
    text-decoration: none;
}
.list-topic h2 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 25px;
}
.list-topic .show-content ul li {
    float: left;
    height: 156px;
    margin-left: 12px;
    width: 241px;
}
.list-topic .show-content ul li:first-child {
    margin-left: 0;
}
.list-topic .show-content .pic {
    background: #f4f7f9 none repeat scroll 0 0;
    display: block;
    height: 116px;
    margin-bottom: 15px;
    padding: 20px;
    position: relative;
    width: 201px;
}
.list-topic .show-content .pic:hover {
    background: #ffffff none repeat scroll 0 0;
    box-shadow: 1px 1px 15px #f2f2f2;
}
.list-topic .show-content .pic:hover .item-title {
    color: #00ae66;
}
.list-topic .show-content .item-title {
    -moz-box-orient: vertical;
    color: #394043;
    display: -webkit-box;
    font-size: 18px;
    font-weight: 500;
    height: 46px;
    line-height: 23px;
    margin-bottom: 19px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}
.list-topic .show-content .item-subtitle {
    -moz-box-orient: vertical;
    color: #9c9fa1;
    display: -webkit-box;
    font-size: 12px;
    font-weight: 100;
    height: 34px;
    line-height: 17px;
    margin-top: 19px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}
.list-topic .show-content .sepLine {
    background-color: #dfe1e1;
    height: 2px;
    overflow: hidden;
    padding: 0;
    width: 20px;
}
@media not all, only screen and (min--moz-device-pixel-ratio: 1.5), not all, not all {
    .xinfang-all .item-list ul li .img-part .s-info i, .xinfang-nav .phone, .xinfang-banner .x-filter .x-f-block .btn, .xinfang-banner .x-banner .title, .xinfang-all .item-list ul li .img-part .s-price, .xinfang-hot .items ul.list1 li .del-list p.list-name i {
        background-image: url("../../img/Sprite_Graphic_v2@2x.png");
        background-size: 717px 230px;
    }
    .xinfang-nav .logo {
        background-image: url("../../img/logo@2x.png");
    }
    .line {
        background-image: url("../../img/line@2x.png");
    }
}
@media not all, only screen and (min--moz-device-pixel-ratio: 1.5), not all, not all {
    .xinfang-all .item-list ul li .img-part .s-info i, .xinfang-nav .phone, .xinfang-banner .x-filter .x-f-block .btn, .xinfang-banner .x-banner .title, .xinfang-all .item-list ul li .img-part .s-price, .xinfang-hot .items ul.list1 li .del-list p.list-name i {
        background-image: url("../../img/Sprite_Graphic_v2@2x.png");
        background-size: 717px 230px;
    }
    .xinfang-nav .logo {
        background-image: url("../../img/logo@2x.png");
    }
    .line {
        background-image: url("../../img/line@2x.png");
    }
}
.index-page-link {
    display: block;
}
.intro {
    background-color: #ffffff;
    border-top: 0 none;
}
.intro .container {
    border-bottom: 1px solid #eaeaea;
    height: 46px;
}
.fl {
    display: inline;
    float: left;
}
.firstleft {
    height: auto;
    overflow: hidden;
    width: 600px;
}
.imagebg {
    height: 400px;
    overflow: hidden;
    position: relative;
    width: 600px;
}
.imagebg li {
    display: none;
    height: 400px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 600px;
}
.bannerbg_pos {
    height: 400px;
    overflow: hidden;
    position: relative;
    width: 600px;
}
.bannerbg_pos img{
    width: 100%;
    height: 400px;
}
a {
    color: #333;
    outline-style: none;
    text-decoration: none;
}
.scrollbg {
    margin-top: 8px;
}
.scroll {
    height: 80px;
    position: relative;
    width: 600px;
}
a.s_pre {
    background-position: 0 0;
    left: 0;
    top: 20px;
}
.s_pre, .s_next {
    background: rgba(0, 0, 0, 0) url("../images/hdbg.png") no-repeat scroll 0 0;
    display: block;
    height: 33px;
    position: absolute;
    width: 22px;
    z-index: 111;
}
.scroll .current {
    background: rgba(0, 0, 0, 0) url("../images/hd_kuang.png") no-repeat scroll 0 0;
    cursor: pointer;
    height: 80px;
    left: 0;
    position: absolute;
    top: -5px;
    width: 112px;
    z-index: 10;
}
.outScroll_pic {
    height: 80px;
    overflow: hidden;
    position: relative;
    width: 600px;
    z-index: 9;
}
.outScroll_pic .scroll_pic {
    position: absolute;
}
.scroll_pic {
    height: 62px;
    width: 40000px;
}
.scroll_pic li {
    background: #000 none repeat scroll 0 0;
    cursor: pointer;
    float: left;
    font-size: 14px;
    height: 75px;
    margin: 0 10px 0 0;
    overflow: hidden;
    position: relative;
    width: 112px;
}
.scroll_tit {
    bottom: 0;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    position: absolute;
    text-align: center;
    width: 112px;
    z-index: 101;
}
.scroll_pic li {
    cursor: pointer;
    font-size: 14px;
}
.scroll_tit a, .scroll_tit a:hover {
    color: #fff !important;
    text-decoration: none !important;
}
.scroll_pic li em {
    background: #000 none repeat scroll 0 0;
    bottom: 0;
    height: 26px;
    opacity: 0.6;
    position: absolute;
    width: 112px;
    z-index: 100;
}
.imgts {
    transition: all 0.3s ease 0s;
}
a.s_next {
    background-position: -23px 0;
    right: 0;
    top: 20px;
}
.s_pre, .s_next {
    background: rgba(0, 0, 0, 0) url("../images/hdbg.png") no-repeat scroll 0 0;
    display: block;
    height: 33px;
    position: absolute;
    width: 22px;
    z-index: 111;
}
.fr {
    display: inline;
    float: right;
}
.firstright {
    height: auto;
    width: 552px;
}
.firstright {
    height: auto;
    width: 552px;
}
.inf_left1 {
    clear: both;
    float: left;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    width: 552px;
}
.inf_left1 div.tit {
    color: #666;
    font-size: 14px;
    height: 42px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.inf_left1 div.tit h1 {
    color: #333;
    display: inline;
    float: left;
    font-size: 26px;
    line-height: 42px;
    margin-right: 15px;
}
.inf_left1 div.tit a {
    color: #ff3333;
    font-size: 20px;
}
.inf_left1 div.tit a span {
    color: #666;
    font-size: 14px;
}
.mb5 {
    margin-bottom: 5px !important;
}
.information_li h3 {
    display: inline;
    float: left;
    font-size: 14px;
    font-weight: bold;
}
.information_li .inf_left .prib {
    color: #ff3333;
    font-size: 24px;
    font-weight: bold;
    line-height: 30px;
    min-width: 78px;
    overflow: hidden;
    width: 78px;
}
div.bd {
    border-bottom: 1px solid #d8d8d8;
    clear: both;
    margin-bottom: 10px;
}
.information_li {
    clear: both;
    float: left;
    font-size: 14px;
    height: 40px;
    line-height: 56px;
    margin: 5px 0;
    width: 552px;
}
.information_li .biaoqian1 a.hong1 {
    border: 1px solid #e08585;
    color: #e08585;
}
.information_li .biaoqian1 a {
    padding: 2px 3px;
}
.information_li .biaoqian1 a {
    color: #fff;
    font-size: 12px;
    margin-right: 2px;
    padding: 2px 4px;
}
.information_li .biaoqian1 a.zi1 {
    border: 1px solid #b68fd8;
    color: #b68fd8;
}
.information_li .biaoqian1 a.cheng1 {
    border: 1px solid #cc9752;
    color: #cc9752;
}
.information_li .biaoqian1 a.blue1 {
    border: 1px solid #7eb6e2;
    color: #7eb6e2;
}
.information_li .biaoqian1 a.green1 {
    border: 1px solid #77be66;
    color: #77be66;
}
.information_li .zlhx {
    height: 32px;
    max-width: 358px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.information_li .zlhx a {
    padding: 0 10px;
}
.information_li .inf_right {
    height: auto;
    margin-left: 10px;
    position: relative;
}
.information_li .inf_right a {
    border: 1px solid #fff;
    color: #999;
    font-size: 12px;
    height: 40px;
    line-height: 40px;
    margin-top: 5px;
    overflow: hidden;
    padding: 0 6px 0 4px;
    text-decoration: none;
}
.lpt_icon {
    background: rgba(0, 0, 0, 0) url("../images/lp_icon.png") no-repeat scroll 0 0;
}
.information_li .inf_right .lpadd .lpt_icon {
    background-position: -105px -158px;
}
.information_li .inf_right .jiaof .lpt_icon {
    background-position: -106px -93px;
}
.firstright a .lpt_icon1 {
    background: rgba(0, 0, 0, 0) url("../images/jige.png") no-repeat scroll 0 0;
    height: 14px;
    margin-top: 3px;
    width: 14px;
}
.firstright a .lpt_icon, .firstright a .lpt_icon1 {
    display: block;
    height: 20px;
    margin-right: 4px;
    overflow: hidden;
    width: 14px;
    margin-top: 10px;
}
.information_li a.kaipan {
    display: inline-block;
    float: left;
    height: 32px;
    max-width: 380px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 54px;
}
.mb10 {
    margin-bottom: 10px;
}
.information_li .inf_right .pra .lpt_icon {
    background-position: -106px -25px;
}
.information_li .inf_right .com .lpt_icon {
    background-position: -106px -46px;
}
.information_li .inf_right .allhxt .lpt_icon {
    background-position: -105px -187px;
}
.red01 {
    color: #ff3333 !important;
}
.firstright .rig_icon {
    margin-right: 8px;
    margin-top: 6px;
}
.firstright .rig_icon ul li {
    display: inline;
    float: left;
    height: 24px;
    margin-right: 8px;
}
.firstright .rig_icon ul li a {
    color: #666;
    font-size: 12px;
    line-height: 22px;
    overflow: hidden;
    padding: 0 8px 0 6px;
    text-decoration: none;
}
.firstright .rig_icon .collection a .lpt_taoxin {
    background: rgba(0, 0, 0, 0) url("../images/taoxin_xf.png") no-repeat scroll center center;
    display: block;
    height: 22px;
    margin-right: 4px;
    overflow: hidden;
    width: 16px;
}
.advice {
    height: 52px;
    margin-top: -10px;
    z-index: 994;
}
.advice .advice_left p {
    color: #ff3333;
    display: inline;
    font-size: 18px;
    line-height: 52px;
}
.advice .advice_left p span {
    display: inline-block;
    font-weight: bold;
    height: 38px;
    line-height: 38px;
    vertical-align: baseline;
}
.information_li .inf_right a:hover {
    border: 1px solid #dbdbdb;
}
.information_li .inf_right a:hover {
    color: #666;
}
.fnzoushi01 {
    background-color: #fff;
    border: 1px solid #ebebeb;
    height: auto;
    padding: 10px;
    position: absolute;
    right: 38px;
    top: 30px;
    width: 406px;
    z-index: 999;
}
.lpnametc {
    height: auto;
    left: -144px;
    position: absolute;
    top: 26px;
    width: 500px;
}
.cl_333, .cl_333 a {
    color: #333 !important;
}
.firstright .rig_icon ul li a:hover {
    background: #f4f4f4 none repeat scroll 0 0;
}
.panel-tab {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    color: #555;
    font-size: 16px;
    height: 54px;
    margin: 20px auto 15px;
    position: relative;
    width: 1200px;
    clear: both;
}
.panel-tab ul {
    position: relative;
    z-index: 10;
}
.panel-tab li {
    float: left;
    height: 100%;
    line-height: 54px;
    position: relative;
    text-align: center;
    transition: color 0.3s linear 0s;
    width: 97px;
}
.panel-tab .on a {
    color: #fff;
}
.panel-tab li a {
    color: #555;
    display: inline-block;
    height: 54px;
    text-decoration: none;
}
.panel-tab .panel-bg {
    background-color: #39ac6a;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: left 0.3s linear 0s;
    width: 97px;
    z-index: 1;
}
.panel-tab .panel-bg span {
    bottom: -12px;
    color: #39ac6a;
    font-size: 12px;
    left: 45%;
    position: absolute;
}
.panel-tab ul .phone-s {
    color: #f15044;
    float: right;
    font-size: 12px;
    font-weight: bold;
    height: 100%;
    line-height: 54px;
    margin-right: 15px;
    position: absolute;
    right: 0;
    text-align: center;
}
.panel-tab ul .freetel {
    background: rgba(0, 0, 0, 0) url("../images/btn_phone_S.png") no-repeat scroll 0 0;
    display: block;
    float: left;
    height: 12px;
    margin: 21px 0;
    width: 12px;
}
.mod-panel-houseonline {
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    margin-bottom: 15px;
}
.h2-flow {
    float: left;
    font-size: 20px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-top: 25px;
}
.title-link {
    color: #00ae66;
    text-decoration: none;
}
.mod-house-online .type-tab {
    float: right;
    padding-right: 30px;
    margin-top: -35px;
}
.mod-house-online .type-tab li {
    cursor: pointer;
    float: left;
    margin-left: 30px;
    margin-top: 5px;
}
.mod-house-online .type-tab .onli {
    color: #222222;
    font-weight: bold;
}
.mod-house-online .det-line-h {
    background-color: #e4e4e4;
    display: inline-block;
    height: 1px;
    margin: -100px auto 0;
    width: 1200px;
}
.mod-house-online .houselist {
    padding-left: 30px;
    padding-right: 30px;
}
.mod-house-online .house-det {
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 27px;
    padding-top: 30px;
}
.mod-house-online .house-det .img-li {
    margin-right: 40px;
    position: relative;
    width: 140px;
}
.mod-house-online .house-det li {
    float: left;
}
.mod-house-online .house-det .img-li img {
    height: 124px;
    width: 140px;
}
.mod-house-online .house-det .img-li .tip {
    background: #333 none repeat scroll 0 0;
    border-radius: 2px;
    color: #ffffff;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    height: 25px;
    left: 0;
    line-height: 22px;
    margin: 3px 0 0 3px;
    opacity: 0.8;
    overflow: hidden;
    padding: 0 5px;
    position: absolute;
    text-align: center;
    text-overflow: ellipsis;
    top: 0;
    white-space: nowrap;
    width: 90px;
    z-index: 20;
}
.mod-house-online .house-det .info-li .p1 {
    font-size: 20px;
    font-weight: bold;
    margin-top: -3px;
}
.mod-house-online .house-det .info-li p {
    margin-bottom: 10px;
}
.mod-house-online .house-det .info-li .p1 .p1-orientation {
    font-size: 14px;
}
.mod-house-online .house-det .info-li .p1 .p1-green {
    border: 1px solid #00ae66;
    color: #00ae66;
}
.mod-house-online .house-det .info-li .p1 .p1-state {
    border-radius: 2px;
    display: inline-block;
    font-size: 12px;
    font-weight: normal;
    height: 21px;
    line-height: 21px;
    padding: 0 7px;
    text-align: center;
    vertical-align: 4px;
}
.mod-house-online .house-det .info-li .p2 {
    font-size: 14px;
    font-weight: bold;
}
.mod-house-online .house-det .info-li .p2 span {
    color: #f15044;
}
.mod-house-online .house-det .info-li .p2 span.p2-time {
    color: #6b7072;
    font-weight: normal;
    margin-left: 10px;
}
.mod-house-online .house-det .info-li .p3 {
    font-size: 14px;
    max-width: 550px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.mod-house-online .house-det .info-li .p4 .tag1 {
    background-color: #c5a9dd;
}
.mod-house-online .house-det .info-li .p4 .tag2 {
    background-color: #ecc896;
}
.mod-house-online .house-det .info-li .p4 .tag3 {
    background-color: #e0a0a0;
}
.mod-house-online .house-det .info-li .p4 .tag4 {
    background-color: #96cf95;
}
.mod-house-online .house-det .info-li .p4 span {
    color: #fff;
    display: inline-block;
    font-size: 12px;
    height: 23px;
    line-height: 23px;
    margin-right: 5px;
    padding: 0 5px;
    vertical-align: middle;
}
.mod-house-online .house-det .chak {
    background: #3baa6a none repeat scroll 0 0;
    border-radius: 2px;
    box-shadow: 0 -1px 0 #2d8652 inset;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    float: right;
    font-size: 12px;
    height: 32px;
    line-height: 32px;
    margin-left: 10px;
    margin-top: 2px;
    text-align: center;
    width: 60px;
}
.clear::after {
    clear: both;
    content: "";
    display: block;
}
.album-wrap {margin-top: 15px;}
.album-wrap a {cursor: pointer;}
.content h2 {
    display: block;
    font-size: 20px;
    font-weight: normal;
    margin-top: -5px;
}
.mod-estate-album {
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    margin-bottom: 15px;
    padding: 30px 30px 0;
}
.mod-estate-album .album-wrap .album-list-item:first-child {
    margin-left: 0;
}
.mod-estate-album .album-wrap .album-list-item {
    height: 210px;
    margin-left: 30px;
}
.pull-left {
    float: left;
}
.mod-estate-album .album-wrap .album-list-item img {
    display: block;
    height: 150px;
    width: 200px;
}
.mod-estate-album .album-wrap .album-list-item .album-list-info {
    color: #333;
    display: block;
    font-size: 12px;
    padding-top: 14px;
    text-align: center;
    text-decoration: none;
}
.album-bottom {
    background: #fbfbfb none repeat scroll 0 0;
    border-top: 1px solid #e4e4e4;
    color: #999;
    display: block;
    height: 46px;
    line-height: 46px;
    margin: 0 -30px;
    text-align: center;
    text-decoration: none;
    clear: both;
}
.mod-panel {
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    margin-bottom: 15px;
    padding: 30px;
}
.hh2 {
    display: block;
    font-size: 20px;
    font-weight: normal;
    margin-top: -5px;
    padding-bottom: 26px;
}
#build-info .mark-label:hover, #build-info .mark-label.clicked {
    z-index: 2;
}
#build-info .mark-label {
    cursor: pointer;
    position: absolute;
    white-space: nowrap;
}
#build-info .mark-label:hover .l-tle, #build-info .mark-label.clicked .l-tle {
    background-color: #f15044;
}
#build-info .mark-label .l-tle {
    background-color: #39ac6a;
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    color: #fff;
    display: inline-block;
    font-size: 12px;
    line-height: 25px;
    min-width: 30px;
    padding: 0 10px;
    text-align: center;
}
#build-info .mark-label .l-des {
    background-color: #fff;
    border-radius: 0 2px 2px 0;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    display: inline-block;
    font-size: 12px;
    line-height: 25px;
    margin-left: -8px;
    min-width: 30px;
    padding: 0 10px;
    text-align: center;
}
#build-info .mark-label:hover .l-arrow, #build-info .mark-label.clicked .l-arrow {
    border-top-color: #f15044;
}
#build-info .mark-label .l-arrow {
    border-right: 10px solid transparent;
    border-top: 6px solid #39ac6a;
    bottom: -5px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    display: block;
    height: 0;
    left: 14px;
    margin: 0 auto;
    opacity: 0.9999;
    position: absolute;
    width: 0;
}
#build-info .info-content .content-wrap {
    height: 340px;
    overflow-y: auto;
}
#build-info .content-wrap {
    width: 400px;
}
#build-info .info-content .content-wrap .content-wrap-header .content-header-title {
    color: #f15044;
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 10px;
}
#build-info .info-content .content-wrap .content-wrap-header .content-header-fist {
    float: left;
}
#build-info .info-content .content-wrap .content-wrap-header .content-header-describe {
    background: #666666 none repeat scroll 0 0;
    border-radius: 2px;
    color: #ffffff;
    float: left;
    font-size: 12px;
    margin-left: 8px;
    padding: 0 5px;
}
#build-info .info-content .content-wrap .content-wrap-header .content-header-info {
    color: #666666;
    font-size: 13px;
    line-height: 13px;
    margin-bottom: 20px;
}
#build-info .content-wrap p {
    color: #888888;
    line-height: 1.8;
}
#build-info .info-content .content-wrap .content-wrap-block {
    margin-top: 20px;
}
#build-info .info-content .content-wrap .content-wrap-block .content-block-detail {
    margin-top: 20px;
    overflow: auto;
}
.content-block-detail ul.xn {
    overflow: hidden;
    padding: 5px 0;
}
.content-block-detail ul.xn li {
    color: #666666;
    float: left;
    font-size: 14px;
    line-height: 36px;
    width: 50%;
}
.content-block-detail ul.xn li span {
    color: #333;
}
.xs-state li {
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    float: left;
    font-size: 14px;
    height: 26px;
    line-height: 26px;
    list-style: outside none none;
    margin-right: 10px;
    position: relative;
    text-align: center;
    width: 60px;
}
.xs-state li input {
    border: medium none;
    margin-right: 4px;
    outline: medium none;
    vertical-align: middle;
}
.user-comment {
    padding-bottom: 0;
}
.user-comment .top_box {
    border-bottom: 1px solid #eaeaea;
    margin-top: -4px;
    padding-bottom: 25px;
}
.user-comment .top_box .totalscore_box {
    float: left;
    font-size: 14px;
}
.user-comment .top_box .totalscore_box .totalscore {
    color: #333;
    font-weight: bold;
    margin-bottom: 4px;
}
.user-comment .top_box .totalscore_box .itemscore {
    color: #666;
    font-size: 14px;
}
.user-comment .top_box .totalscore_box .itemscore .item {
    float: left;
    margin-right: 18px;
}
.user-comment .top_box .totalscore_box .itemscore .item span {
    position: relative;
    top: 1px;
    vertical-align: middle;
}
.user-comment .top_box .totalscore_box .itemscore .item .star {
    margin-left: -5px;
}
.star {
    background-image: url("../images/comment_sprite.png");
    background-position: 0 0;
    display: inline-block;
    height: 13px;
    vertical-align: middle;
    width: 85px;
}
.user-comment .top_box .totalscore_box .itemscore .item i {
    color: #ff7326;
    position: relative;
    top: 1px;
    vertical-align: middle;
}
.user-comment .top_box .comment_btn {
    background: #00b86b none repeat scroll 0 0;
    border-radius: 2px;
    box-shadow: 0 -1px 0 #2d8652 inset;
    color: #fff;
    cursor: pointer;
    float: right;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    margin-top: 3px;
    text-align: center;
    transition: all 0.3s ease-in-out 0s;
    width: 88px;
}
.user-comment .nocomment {
    color: #666;
    font-size: 16px;
    padding-bottom: 92px;
    padding-top: 62px;
    text-align: center;
}
.user-comment .nocomment .btn {
    background-color: #f0f3f5;
    color: #849aae;
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: 500;
    height: 35px;
    line-height: 35px;
    margin: 15px auto 0;
    text-align: center;
    width: 90px;
}
#comment_mask {
    background: #000 none repeat scroll 0 0;
    display: none;
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1100;
}
#comment_layer {
    
}
#comment_layer .container {
    padding: 10px 0;
}
#comment_layer .main {
    background-color: #fff;
    border-radius: 2px;
    position: relative;
    width: 675px;
}
#comment_layer .tit {
    border-bottom: 1px solid #eaeaea;
    height: 55px;
    line-height: 55px;
    position: relative;
}
#comment_layer .tit span {
    color: #02a8a6;
    font-size: 16px;
    font-weight: bold;
    padding-left: 29px;
}
#comment_layer .tit i {
    background-image: url("../images/comment_sprite.png");
    background-position: 100% -37px;
    cursor: pointer;
    height: 11px;
    position: absolute;
    right: 32px;
    top: 23px;
    width: 11px;
}
#comment_layer .comment_box {
    padding: 15px 32px 25px;
}
#comment_layer .comment_box .selarea {
    color: #333;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    margin-bottom: 24px;
}
em, i, b, strong {
    font-style: normal;
    font-weight: 400;
}
#comment_layer .comment_box .selarea .sel {
    display: inline-block;
    margin-left: 52px;
}
#comment_layer .comment_box .selarea .sel span {
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    cursor: pointer;
    display: inline-block;
    height: 28px;
    line-height: 28px;
    margin-right: 10px;
    padding: 0 12px;
}
#comment_layer .comment_box .stararea li {
    font-size: 14px;
    height: 22px;
    line-height: 22px;
}
#comment_layer .comment_box .stararea li span {
    color: #333;
}
#comment_layer .comment_box .stararea li .star_wrap {
    cursor: pointer;
    display: inline-block;
    height: 17px;
    padding: 0 3px;
    position: relative;
    top: 6px;
}
.layer-star {
    background-image: url("../images/comment_stars.png");
    background-position: 0 0;
    height: 17px;
    width: 107.5px;
}
.layer-star .star_info {
    background-image: url("../images/comment_stars.png");
    background-position: 0 -22px;
    height: 17px;
    width: 0;
}
#comment_layer .comment_box .stararea li i {
    color: #ff7326;
    display: inline-block;
    min-width: 29px;
    padding-left: 0;
}
#comment_layer .comment_box .stararea li b {
    color: #ff7326;
    display: inline-block;
    padding-left: 0;
    width: 56px;
    vertical-align: middle;
}
#comment_layer .comment_box .stararea li p {
    color: #999;
    display: inline-block;
}
#comment_layer .comment_box .writearea {
    color: #333;
    font-size: 14px;
    margin-top: 26px;
    position: relative;
}
#comment_layer .comment_box .writearea span {
    display: block;
    margin-bottom: 12px;
}
#comment_layer .comment_box .writearea textarea {
    border: 1px solid #eaeaea;
    color: #bbb;
    font-size: 14px;
    height: 160px;
    padding: 8px 10px;
    width: 640px;
}
#comment_layer .comment_box .writearea p {
    color: #999;
    display: none;
    font-size: 12px;
    position: absolute;
    right: -10px;
    top: 0;
}
#comment_layer .comment_box .uploadarea {
    margin-top: 40px;
}
#comment_layer .comment_box .uploadarea .title {
    color: #333;
    font-size: 14px;
}
#comment_layer .comment_box .uploadarea .add_list .add {
    background-color: #eaeaea;
    
}
#comment_layer .comment_box .uploadarea .add_list li {
    float: left;
    height: 60px;
    line-height: 60px;
    margin-right: 8px;
    margin-top: 10px;
    position: relative;
    width: 60px;
}
#comment_layer .comment_box .uploadarea .add_list .add img {
    cursor: pointer;
    margin-top: 16px;
}
#comment_layer .comment_box .buttonarea p {
    color: #999;
    font-size: 12px;
    height: 34px;
    line-height: 34px;
    text-align: center;
}
#comment_layer .comment_box .buttonarea .btnlist {
    margin: auto;
    position: relative;
    text-align: center;
    width: 170px;
}
#comment_layer .comment_box .buttonarea .post {
    background-color:#02a8a6;
    color: #fff;
    float: left;
    border-radius: 2px;
    cursor: pointer;
    height: 36px;
    line-height: 36px;
    width: 140px;
}
#comment_layer .comment_box .buttonarea .post:hover{
    box-shadow: 0 0 0 2px white, 0 0 0 3px #02a8a6;
}
#comment_layer .comment_box .buttonarea .anonymity {
    left: 100%;
    line-height: 35px;
    position: absolute;
    top: 0;
    width: 70px;
    margin-left: 30px
}
#comment_layer .comment_box .buttonarea .anonymity .icon {
    border: 1px solid #e5e5e5;
    display: inline-block;
    height: 10px;
    vertical-align: middle;
    width: 10px;
}
#comment_layer .comment_box .buttonarea .anonymity span {
    color: #b0b3b4;
    display: inline-block;
    font-size: 12px;
    padding-left: 10px;
    vertical-align: middle;
}
.comment li {
    /*border-bottom: 1px solid #ddd;*/
    overflow: hidden;
    padding: 20px;
    width: 1160px;
}
.comment li dt.user {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #999;
    float: left;
    font-size: 12px;
    height: 75px;
    line-height: 20px;
    margin-right: 25px;
    text-align: center;
    width: 50px;
}
.comment li dt.user img {
    border-radius: 50%;
    display: block;
    height: 50px;
    width: 50px;
}
.comment li dd {
    float: left;
    width: 1062px;
}
.comment li dd .texta {
    color: #333;
    font-size: 14px;
    line-height: 20px;
    max-height: 40px;
    overflow: hidden;
}
.mt10 {
    margin-top: 10px;
}
.comment li dd .from {
    color: #999;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
}
.mt15 {
    margin-top: 15px;
}
.comment li dd .from span {
    color: #333;
    float: right;
    margin-left: 15px;
}
.cmmt {
    color: #666;
    float: right;
    font-family: "微软雅黑";
    font-size: 14px;
    height: 17px;
    line-height: 16px;
}
.comment li dd .from span {
    color: #333;
    float: right;
    margin-left: 15px;
    cursor: pointer;
}
.cmmt .reply {
    background-position: 0 -28px;
}
.cmmt i {
    background: rgba(0, 0, 0, 0) url("../images/comment.png") no-repeat scroll 0 0;
    display: inline-block;
    height: 14px;
    margin-right: 2px;
    vertical-align: middle;
    width: 17px;
}
.floors {font-size: 12px;}
.floors li {
    height: 24px;
    padding: 10px 0 0 10px;
    cursor: pointer;
}
.build-top {
    background-color: #CCCCCC;
    color: #999;
}
.floors span {
    display: inline-block;
    width: 32%;
    overflow: hidden;
}
.details-box {
    width: 250px;
    background-color: #fff;
    border: 1px solid #ebebeb;
    height: auto;
    padding: 10px;
    position: absolute;
    z-index: 999;
    margin-left: -90px;
    display: none;
    border-radius: 6px;
    cursor: auto;
}
.details-box .sh {
    background: rgba(0, 0, 0, 0) url("../images/xiala.png") repeat scroll -30px center;
    height: 9px;
    left: 0;
    position: absolute;
    top: -9px;
    width: 250px;
}
.info-box li {
    float: left;
}
.area .spe-lines {
    background: #ccc none repeat scroll 0 0;
    display: inline-block;
    width: 1px;
    height: 10px;
    margin: 0 10px;
    overflow: hidden;   
}
#spe_text {padding: 0}
.average .av-price {
    color: #999;
    font-size: 15px;
    padding-left: 8px;
}
#communityName {width: 20%}
#communityLoca {width: 80%}
.row {
    width: 100%;
    margin: 10px 0 0 -10px;
}
.col-xs-6 {
    width: 60%;
    float: left;
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    position: relative;
}
#totalPage {float: right}
.dataTables_paginate {text-align: right;}
.pagination {
    border-radius: 4px;
    display: inline-block;
    margin: 20px 0;
    padding-left: 0;
}
.pagination > li {
    display: inline;
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    margin-left: 0;
}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a,
.pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
    background-color: #ffffff;
    border-color: #dddddd;
    color: #777777;
    cursor: not-allowed;
}
.pagination > li > a, .pagination > li > span {
    background-color: #ffffff;
    border: 1px solid #dddddd;
    color: #428bca;
    float: left;
    line-height: 1.42857;
    margin-left: -1px;
    padding: 6px 12px;
    position: relative;
    text-decoration: none;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover,
.pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #428bca;
    border-color: #428bca;
    color: #ffffff;
    cursor: default;
    z-index: 2;
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a,
.pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
    background-color: #ffffff;
    border-color: #dddddd;
    color: #777777;
    cursor: not-allowed;
}