.listing .sidebar {
    position: fixed;
    top: 65px;
    left: 0;
    bottom: 0;
    width: 20%;
    margin-left: -1px;
    overflow-x: hidden;
    overflow-y: auto;
    background: #fff;
    border-right: 1px solid #ccc
}

.listing .sidebar .cond-group {
    padding-left: 6px
}

.listing .sidebar .cond-group dt {
    width: 100%;
    line-height: 30px;
    background: #f0f0f0;
    padding-left: 10px;
    overflow-x: hidden
}

.listing .sidebar .cond-group dd {
    padding: 5px 0 5px 0;
    overflow: hidden
}

.listing .sidebar .cond-group dd form input {
    width: 170px
}

.listing .sidebar .cond a {
    display: inline-block;
    min-width: 60px;
    padding: 3px 5px;
    margin: 0 5px
}

.listing .sidebar .cond a.active {
    background-color: #0891f9;
    color: #fff
}

.listing .sidebar .cond .cond-type li {
    float: left;
    margin: auto 8px auto 5px;
    width: 64px;
    height: 62px;
    padding: 3px 0 0 0;
    text-align: center;
    cursor: pointer;
    border: 3px solid #fff
}

.listing .sidebar .cond .cond-type li span {
    color: #8d8d8d;
    font-size: 40px
}

.listing .sidebar .cond .cond-type li.curr {
    border: 3px solid #3498db;
    border-radius: 6px
}

.listing .sidebar .cond .cond-type li:hover {
    border: 3px solid #ccc;
    border-radius: 6px;
    background-color: #ddd
}

.listing .sidebar .cond .sub-cond {
    padding: 5px 0;
    border-top: 1px solid #ccc;
    margin-top: 5px
}

.listing .sidebar .cond .sub-cond a.active {
    background-color: #f80;
    color: #fff
}

.listing .sidebar .slider {
    width: 90%
}

.listing .search-cont {
    position: fixed;
    top: 150px;
    right: 0;
    bottom: 0;
    width: 100%;
    overflow-y: hidden;
    margin: auto
}

.listing .search-cont .sort-bar {
    display: none
}

.listing .search-cont .list-item {
    width: 100%;
    margin: 0 auto 15px auto
}

.listing .search-cont .list-item .item {
    width: 32%;
    height: 100%;
    margin: 15px auto auto 1%;
    padding-bottom: 10px
}

.listing .search-cont .list-item .item .listing {
    box-sizing: border-box
}

.listing .search-cont .list-item .item .desc div:first-child {
    max-width: 100%
}

.listing .search-cont .more {
    width: 420px;
    background-color: #fff;
    margin: 5px auto 20px auto;
    border: 1px solid #ccc;
    float: none
}

.listing .search-cont .more:hover {
    background-color: #0891f9;
    color: #fff
}

.listing .search-cont .pagingBtm {
    background-color: #fff;
    margin: 0;
    padding: 10px 0 8px 0;
    border-bottom: 1px solid #ccc;
    position: absolute;
    width: 100%;
    z-index: 2
}

.listing .search-cont .pagingBtm .currSelect {
    line-height: 20px
}

.listing .search-cont .pagingBtm .currSelect .selectItem {
    float: left;
    height: 34px;
    line-height: 34px;
    text-align: center;
    background-color: #f6f6f6;
    border: 1px solid #ccc;
    margin: auto 1px auto 10px
}

.listing .search-cont .pagingBtm .currSelect .totalListings {
    margin-right: 20px;
    height: 35px;
    line-height: 35px;
    float: right
}

.listing .search-cont .pagingBtm .currSelect .selectItem span {
    background: 0;
    border: 0;
    color: #000;
    float: left;
    line-height: 30px
}

.listing .search-cont .pagingBtm .currSelect .selectItem a {
    border: 0;
    line-height: 34px;
    font-size: 16px;
    padding: 0;
    margin: auto 5px auto auto
}

.listing .search-cont .pagingBtm .currSelect .img-list {
    background: url('../images/menu.png');
    width: 20px;
    height: 20px;
    margin: 7px
}

.listing .search-cont .pagingBtm .currSelect .img-map {
    background: url('../images/map_model.png');
    width: 20px;
    height: 20px;
    margin: 7px
}

.listing .search-cont .pagingBtm .currSelect .totalListings .curr .img-map,.listing .search-cont .pagingBtm .currSelect .totalListings .menu-item:hover .img-map {
    background: url('../images/map_model_hover.png')
}

.listing .search-cont .pagingBtm .currSelect .totalListings .curr .img-list,.listing .search-cont .pagingBtm .currSelect .totalListings .menu-item:hover .img-list {
    background: url('../images/menu_hover.png')
}

.listing .search-cont .pagingBtm .currSelect .totalListings .menu-item {
    background: #FFF;
    cursor: pointer
}

.listing .search-cont .pagingBtm .currSelect .totalListings .menu-item.curr {
    background: transparent
}

.listing .search-cont .pagingBtm .currSelect .totalListings .selectItem a {
    font-size: 14px;
    padding: 0;
    margin: auto
}

.listing .search-cont .pagingBtm .currSelect .totalListings a:last-child .menu-item {
    border-left: solid 1px #ccc
}

.listing .search-cont .pagingBtm .currSelect .totalListings .tips {
    margin-right: 10px
}

.listing .search-cont .pagingBtm .currSelect .totalListings .curr .tips {
    color: #0891f9
}

.listing-index .footer {
    display: none
}

.dialog-ad-icon {
    height: 100%;
    width: 100%
}

.dialog-ad-icon .chevron {
    background: 0;
    border: 0;
    color: #fff;
    font-size: 72px;
    height: 100%;
    outline: 0;
    position: fixed;
    top: 0;
    z-index: 10;
    text-shadow: 0 0 10px rgba(0,0,0,0.8);
    width: 75px;
    height: 100%;
    cursor: pointer;
    opacity: .8;
    -ms-filter: "alpha(opacity=80)";
    filter: alpha(opacity=80);
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s
}

.dialog-ad-icon .chevron-left {
    left: 0;
    z-index: 9001
}

.dialog-ad-icon .chevron-right {
    right: 0;
    z-index: 9001
}

.dialog-ad-icon .chevron-top {
    right: 0;
    top: 3px;
    height: 52px;
    font-size: 3.5em;
    z-index: 9001
}

.dialog-ad-icon .chevron i {
    z-index: 1002
}

.listing .listing-btn-fixed {
    position: fixed;
    bottom: 40px;
    left: 0;
    right: 0;
    z-index: 9;
    padding: 10px 20px;
    box-sizing: border-box;
    display: none
}

.listing .btn-red {
    border-bottom-color: #e00007;
    background-color: #ff5a5f;
    color: #fff;
    padding: 9px 27px;
    font-size: 15px;
    white-space: normal;
    width: 100%;
    margin-bottom: 0;
    border-radius: 2px;
    border: 1px solid #ff5a5f;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    line-height: 1.43;
    height: auto
}

.listing .sidebar .cond-btn {
    display: none
}

@media screen and (min-width:481px) and (max-width:1100px) {
    .list-item .item .desc div:last-child span:last-child {
        display: none
    }

    .list-item .item .price {
        bottom: 80px;
        padding: 0 20px;
        height: 42px;
        line-height: 42px
    }
}

@media screen and (min-height:700px) {
    .listing-detail .carousel {
        height: 550px
    }
}

@media screen and (min-height:850px) {
    .listing-detail .carousel {
        height: 700px
    }
}

@media screen and (min-height:1000px) {
    .listing-detail .carousel {
        height: 850px
    }
}

.listing-detail .summary {
    height: 138px;
    background-color: #fafafa;
    border-bottom: 1px solid #ccc
}

.listing-detail .summary .user {
    display: inline-block;
    _zoom: 1;
    *display: inline;
    margin-top: 20px;
    width: 120px;
    text-align: center;
    vertical-align: top
}

.listing-detail .summary .avatar img {
    border-radius: 40px;
    border-color: #fff
}

.listing-detail .summary .info {
    display: inline-block;
    _zoom: 1;
    *display: inline;
    margin-top: 24px;
    width: 73%
}

.listing-detail .summary .info h1 {
    line-height: 26px
}

.listing-detail .summary .info h1 .title {
    float: left;
    max-width: 650px;
    font-size: 24px;
    color: #212121;
    font-weight: bold
}

.listing-detail .summary .info h1 .rebate {
    float: left;
    border: 1px solid red;
    padding: 0 8px;
    border-radius: 5px;
    line-height: 24px;
    color: red;
    cursor: pointer;
    margin-left: 10px
}

.listing-detail .summary .info .region {
    margin: 18px auto;
    font-size: 16px;
    color: #6e6e6e;
    font-weight: bold
}

.listing-detail .summary .info .region span {
    margin-right: 16px
}

.listing-detail .summary .info .time {
    color: #6e6e6e;
    font-size: 12px
}

.listing-detail .summary .info .price {
    float: right;
    font-size: 20px;
    line-height: 24px;
    color: #212121;
    margin-top: -32px
}

.listing-detail .summary .info .price span {
    font-weight: bold;
    font-size: 24px
}

.listing-detail .summary .info .price span:last-child {
    margin-left: 36px
}

.listing-detail .container .op-cont .btn i {
    float: left;
    font-size: 22px;
    margin: 8px 5px auto 66px
}

.listing-detail .container .op-cont .btn .icon-favorites2 {
    color: #f15252
}

.listing-detail .container .op-cont .btn span {
    float: left
}

.listing-detail .container .op-cont .mobile i {
    float: left;
    font-size: 22px;
    margin: 4px auto auto 79px
}

.listing-detail .container .op-cont .mobile span {
    float: left;
    color: #0891f9
}

.listing-detail .container .op-cont .share a {
    background-image: none;
    font-size: 22px;
    padding: 0
}

.listing-detail .container .op-cont .share a:hover {
    color: #219efd
}

.listing-detail .operate {
    position: absolute;
    top: 477px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center
}

.listing-detail .operate .cont {
    overflow: visible
}

.listing-detail .operate .inset {
    position: relative
}

.listing-detail .operate .container {
    position: absolute;
    width: 25%;
    right: 0;
    background: #02b8df;
    padding: 30px 0;
    color: #fff;
    font-size: 15px;
    border-radius: 10px;
    margin-top: -12px
}

.listing-detail .operate .container .price .unitPrice {
    font-size: 28px;
    margin-right: 5px
}

.listing-detail .operate .container .price .unit {
    font-size: 12px
}

.listing-detail .operate .container .postRequestBtn {
    margin: 10px auto
}

.listing-detail .operate .container .postRequestBtn .yellow-btn {
    background: #7de303;
    width: 175px;
    height: 52px;
    border-radius: 5px;
    font-size: 17px
}

.listing-detail .operate .container .navbar-ddz {
    padding: 20px 0;
    margin: auto;
    border-bottom: solid 1px #999;
    width: 60%
}

.listing-detail .operate .container .navbar-ddz ul li {
    float: inherit;
    margin: 10px auto
}

.listing-detail .operate .container .navbar-ddz ul li a {
    color: #fff
}

.listing-detail .operate .container .phone {
    margin: 20px auto 15px
}

.listing-detail .operate .container .phone .phone-num {
    font-size: 22px;
    line-height: 30px
}

.listing-detail .operate .container .weixin p {
    margin-bottom: 5px
}

@media screen and (min-height:700px) {
    .listing-detail .operate {
        top: 627px
    }
}

@media screen and (min-height:850px) {
    .listing-detail .operate {
        top: 767px
    }
}

@media screen and (min-height:1000px) {
    .listing-detail .operate {
        top: 927px
    }
}

.listing-detail .operate-fixed {
    position: fixed;
    top: 52px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center
}

.listing-detail .operate-fixed .container {
    margin-top: 18px
}

.listing-detail .operate-abs {
    position: absolute
}

.ico-booking {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    width: 16px;
    height: 16px;
    background: url('../images/f01.png')
}

.ico-mark {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    width: 16px;
    height: 16px;
    background: url('../images/f01.png')
}

.ico-tel {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    width: 16px;
    height: 16px;
    background: url('../images/ico_tel.png')
}

.listing-detail .detail {
    padding-top: 10px
}

.listing-detail .detail .inset {
    width: 70%
}

.listing-detail .detail h2 {
    font-size: 14px
}

.listing-detail .detail .box {
    margin: 20px 0;
    border-bottom: 1px solid #ccc
}

.listing-detail .detail .box:last-child {
    border-bottom: 0
}

.listing-detail .detail .box h2 {
    float: left
}

.listing-detail .detail .desc .box-cont {
    line-height: 22px
}

.btn-more-content {
    width: 100px;
    margin: 10px auto auto auto;
    text-align: center;
    color: #555;
    font-weight: normal;
    background-color: #fff;
    border: 1px solid #ccc;
    display: none
}

.display-less .desc-content {
    height: 420px;
    overflow: hidden;
    line-height: 22px;
    font-size: 14px
}

@media screen and (max-width:480px) {
    .display-less .desc-content {
        height: 270px
    }
}

.display-less .btn-more-content {
    display: block
}

.listing-detail .detail .box-cont {
    margin: auto auto 20px auto;
    font-size: 14px;
    float: right;
    width: 710px
}

.listing-detail .detail .photo {
    text-align: center
}

.listing-detail .detail .photo img {
    float: right;
    margin: auto 5px 20px auto
}

.listing-detail .detail .discount h2 {
    color: #c33
}

.listing-detail .detail .discount pre {
    margin: 5px 0;
    padding: 10px;
    border: 1px solid #ccc;
    background-color: #fff;
    line-height: 22px;
    font-size: 14px
}

.listing-detail .detail .panorama .box-cont li {
    float: left;
    margin: 0 10px 10px 0
}

.listing-detail .detail .panorama .box-cont li a {
    display: inline-block;
    height: 130px;
    position: relative
}

.listing-detail .detail .panorama .box-cont li a .play {
    display: none
}

.listing-detail .detail .panorama .box-cont li a:hover {
    background-color: #000;
    opacity: .8;
    -ms-filter: "alpha(opacity=80)";
    filter: alpha(opacity=80)
}

.listing-detail .detail .panorama .box-cont li a:hover .play {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -30px 0 0 -30px;
    width: 60px;
    height: 60px;
    display: block;
    cursor: pointer;
    line-height: 1000px;
    overflow: hidden;
    background: url("../images/ico_play.png") 0 0 no-repeat
}

.listing-detail .detail .device li {
    float: left;
    width: 33%;
    font-size: 14px;
    margin: 0 0 10px 0
}

.listing-detail .detail .device li i {
    color: #8e8d8d;
    font-size: 22px;
    font-weight: bold;
    margin-right: 10px;
    vertical-align: middle
}

.listing-detail .detail .house .box-cont li {
    float: left;
    margin: 0 10px 10px 0;
    position: relative
}

.listing-detail .detail .house .box-cont li .title {
    position: absolute;
    padding: 0 5px;
    top: 96px;
    color: #fff;
    background: url('../images/gray.png')
}

.listing-detail .detail .house .box-cont li a {
    display: inline-block;
    height: 140px;
    position: relative
}

.listing-detail .detail .house .box-cont li a .play {
    display: none
}

.listing-detail .detail .house .box-cont li a:hover {
    background-color: #000;
    opacity: .8;
    -ms-filter: "alpha(opacity=80)";
    filter: alpha(opacity=80)
}

.listing-detail .detail .house .box-cont li a:hover .play {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -30px 0 0 -30px;
    width: 60px;
    height: 60px;
    display: block;
    cursor: pointer;
    line-height: 1000px;
    overflow: hidden;
    background: url("../images/ico_play.png") 0 0 no-repeat
}

.listing-detail .detail .house .box-cont li div .suitable {
    float: right
}

.listing-detail .detail .house .box-cont li .row {
    font-size: 12px;
    font-size: 12px;
    background: #fff;
    line-height: 32px;
    margin-top: -4px;
    border: 1px solid #fff;
    color: #6e6e6e;
    padding: 0 8px
}

.listing-detail .detail .map {
    position: relative
}

.listing-detail .detail .map .box-cont {
    height: 300px;
    border: 5px solid #fff;
    width: 690px;
    margin-right: 5px
}

.listing-detail .detail .map .search-btn {
    position: absolute;
    right: 24px;
    bottom: 34px
}

.listing-detail .detail .map .search-btn .btn span:last-child {
    font-weight: normal;
    font-size: 14px
}

.listing-detail .detail .map .search-btn .btn-opa span:first-child {
    font-size: 24px;
    float: left;
    margin-right: 4px
}

.panoMain {
    margin: 0;
    padding: 0
}

.panoMain .panoContainer {
    width: 100%;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden
}

.panoMain .panoContainer .loading {
    position: absolute;
    z-index: 10;
    top: 48%;
    left: 48%;
    background: transparent
}

.panoMain .panoContainer .image-description {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 7px;
    text-align: left;
    width: 100%;
    z-index: 2;
    background-color: transparent;
    background-image: -webkit-linear-gradient(transparent,rgba(0,0,0,0.8));
    background-image: linear-gradient(transparent,rgba(0,0,0,0.8));
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#CC000000', GradientType=0);";
    color: #fff
}

.panoMain .thumbs {
    width: 100%;
    position: relative;
    overflow: hidden
}

.panoMain .thumbs .thumblists {
    float: left;
    width: 9000px;
    list-style: none
}

.panoMain .thumbs .thumblists li {
    float: left;
    padding-right: 5px
}

.panoMain .thumbs .thumblists li img {
    border: 3px solid #616161
}

.panoMain .thumbs .thumblists .curr img {
    border: 3px solid #fff
}

.similar-listings {
    border-top: 1px solid #ccc;
    background: #fff
}

.similar-listings h4 {
    margin: 40px auto 15px 58px;
    font-size: 16px
}

.similar-listings .chevron {
    background: transparent;
    border: 0;
    color: #82888a;
    font-size: 3.4em;
    height: 100%;
    font-weight: normal;
    font-style: normal;
    box-sizing: border-box;
    font-family: Airglyphs,sans-serif;
    cursor: pointer;
    margin: 114px auto
}

.similar-listings .chevron-left {
    float: left
}

.similar-listings .chevron-right {
    float: right
}

.similar-listings .list-item {
    width: 100%;
    margin-bottom: 35px
}

.similar-listings .list-item .item {
    background: #eee;
    width: 336px
}

.similar-listings .list-item .item:last-child {
    margin-right: 0
}

.similar-listings .list-item .item .desc div:first-child {
    margin: 5px auto
}

.mapContainer {
    border: 10px solid #fff
}

.bottom-btn {
    margin-top: -60px;
    position: absolute;
    right: 20px
}

.btn-opa {
    border: 0;
    background: #000;
    opacity: .6;
    margin-right: 10px;
    float: left;
    height: 24px;
    line-height: 24px
}

.btn-opa:hover {
    opacity: 1
}

.bottom-btn .curr {
    background: #0891f9
}

.bottom-btn .btn-opa span:first-child {
    font-size: 24px;
    float: left;
    margin-right: 8px
}

.bottom-btn .location-btn span:first-child {
    margin-right: 0
}

.user .user-nav {
    width: 100%;
    height: 50px;
    background-color: #333;
    line-height: 50px
}

.user .user-nav ul li {
    float: left;
    font-size: 14px;
    margin-right: 20px
}

.user .user-nav a,.user .user-nav a:visited {
    color: #ccc
}

.user .user-nav a:active,.user .user-nav a:hover {
    color: #fff
}

.user .profile {
    margin-top: 30px;
    margin-bottom: 30px
}

.user .profile:after {
    clear: both
}

.user .sidebar {
    width: 220px;
    margin-right: 20px;
    float: left;
    text-align: center
}

.user .sidebar .links {
    text-align: left
}

.user .sidebar .links h3 {
    background-color: #f0f0f0;
    padding-left: 30px;
    height: 50px;
    line-height: 50px;
    font-size: 16px
}

.user .sidebar .links ul {
    margin: 20px 0
}

.user .sidebar .links li {
    padding-left: 30px;
    height: 25px;
    line-height: 25px;
    font-size: 14px
}

.user .content {
    width: 788px;
    float: left;
    border: 1px solid #d7d7d7;
    margin-bottom: 20px;
    padding: 20px
}

.user_left .btn {
    line-height: 45px;
    clear: both;
    background: #fff;
    margin: 10px;
    border: 1px solid #ccc;
    color: #000;
    font-weight: normal;
    padding: 0;
    width: 90%;
    text-align: center
}

.user_left .btn:hover {
    background: #0891f9;
    color: #fff
}

.user_left .btn01 {
    line-height: 45px;
    background: #0891f9;
    margin: 10px;
    border: 1px solid #ccc;
    color: #fff;
    font-weight: normal;
    padding: 0;
    width: 90%;
    text-align: center
}

.user_left .btn01:hover {
    background: #219efd
}

.user-menu {
    width: 100%;
    height: 50px;
    background: #333;
    font-size: 14px;
    position: fixed;
    z-index: 10
}

.gray01 {
    font-size: 12px;
    border: 1px solid #ccc
}

.gray01:hover {
    border: 1px solid #aaa
}

.font16 {
    font-size: 16px
}

strong,b {
    font-weight: bold
}

.font12 {
    font-size: 12px
}

.btn01 {
    text-align: center;
    cursor: pointer
}

.btn01:visited {
    color: #fff
}

.btn01:hover {
    color: #fff;
    background-color: #007a87
}

.more:hover {
    background-color: #0891f9;
    color: #fff
}

.more {
    width: 100%;
    line-height: 40px;
    background: #e4e4e4;
    text-align: center;
    cursor: pointer;
    float: left;
    font-size: 14px;
    margin-bottom: 20px
}

.ds02 {
    font-size: 12px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #ccc
}

.font14 {
    font-size: 14px
}

.STYLE29 {
    color: #f90
}

.STYLE32 {
    color: #690
}

.STYLE31 {
    color: #f00
}

.STYLE34 {
    color: #999
}

.STYLE26 {
    color: #ffb400;
    font-size: 12px
}

.STYLE35 {
    color: #f90;
    font-size: 24px
}

.STYLE1 {
    color: #fff
}

.ds06 {
    font-size: 12px;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #0891f9
}

.ds02 {
    font-size: 12px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #ccc
}

.divbox_bottom {
    border-bottom: 1px solid #ccc
}

.divbox_left {
    border-left: 1px solid #ccc
}

.divbox_right {
    border-right: 1px solid #ccc
}

.divbox_top {
    border-top: 1px solid #ccc
}

.uc-operating {
    position: fixed;
    z-index: 100;
    width: 100%;
    height: 49px;
    background: #333;
    border-bottom: 1px solid #f2f2f2;
    box-shadow: 0 1px 5px #d7d7d7;
    -moz-box-shadow: 0 1px 5px #d7d7d7;
    -webkit-box-shadow: 0 1px 5px #d7d7d7;
    -o-box-shadow: 0 1px 5px #d7d7d7
}

.uc-operating .operate-more {
    float: left;
    display: block;
    height: 49px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    line-height: 49px
}

.uc-operating a:hover {
    color: #0c9afa;
    text-decoration: none
}

.uc-operating a:hover .more {
    color: #0c9afa
}

.uc-operating .step {
    margin: 14px 0 0 15px;
    padding-left: 15px;
    height: 21px;
    border-left: 1px solid #c8c7cc;
    color: #fff;
    font-size: 14px;
    line-height: 21px
}

.uc-operating .button {
    float: right
}

.uc-operating .button li {
    float: left;
    margin-top: 14px;
    padding: 0 20px;
    border-left: 1px solid #c8c7cc;
    font-size: 14px
}

.uc-operating .button li a {
    color: #fff
}

.uc-operating .button li a span {
    float: left;
    padding-right: 1px;
    font-size: 20px
}

.uc-operating .button li:first-child {
    border: 0
}

.uc-content {
    postion: relative;
    margin-top: 50px
}

.uc-content .sider {
    width: 250px;
    padding: 30px 0
}

.uc-content .sider ul li {
    position: relative;
    margin-top: 20px;
    padding: 10px 40px 10px 30px;
    cursor: pointer;
    text-align: left
}

.uc-content .sider ul li:first-child {
    margin-top: 0
}

.uc-content .sider ul li:hover {
    background: #fff
}

.uc-content .sider ul li.curr {
    background: #fff
}

.uc-content .sider ul li.finish span {
    color: #8fc31f
}

.uc-content .sider ul li h3 {
    font-size: 14px;
    font-weight: bold;
    color: #000
}

.uc-content .sider ul li p {
    color: #808080;
    margin-top: 2px
}

.uc-content .sider ul li span {
    display: block;
    position: absolute;
    width: 24px;
    height: 24px;
    top: 10px;
    right: 10px;
    font-size: 26px;
    color: #808080
}

.uc-content .main {
    width: 899px;
    background: #fff;
    border-right: 1px solid #dfdfdf;
    margin-top: 0
}

.uc-content .main .tab_cont:first-child {
    padding: 30px 0 0 30px;
    min-height: 510px
}

.uc-content .main .tab_cont {
    min-height: 540px
}

.uc-content .main .tab_cont .mapBox {
    width: 895px;
    height: 350px;
    overflow: hidden;
    margin: 1px 2px;
    position: relative;
    z-index: 0;
    background-color: #f3f1ec;
    color: #000;
    text-align: left
}

.uploadify-queue-item .front_cover {
    position: absolute;
    min-width: 50px;
    height: 30px;
    line-height: 32px;
    top: 100px;
    right: 0;
    background: url('../images/gray.png');
    color: #fff;
    font-size: 12px;
    text-align: center;
    display: none
}

.uc-content .main .piclist li {
    float: left;
    margin: 0 13px 25px 0;
    position: relative;
    width: 231px;
    height: 144px;
    background: #fff;
    box-shadow: 1px 1px 6px #d9d9d9;
    -moz-box-shadow: 1px 1px 6px #d9d9d9;
    -webkit-box-shadow: 1px 1px 6px #d9d9d9;
    -o-box-shadow: 1px 1px 6px #d9d9d9
}

.uc-content .main .piclist li span {
    display: none
}

.uc-content .main .piclist li strong {
    display: block;
    position: absolute;
    right: -5px;
    bottom: 10px;
    padding: 0 0 2px 10px;
    width: 54px;
    height: 20px;
    background: #32a5f5;
    -moz-border-top-left-radius: 5px;
    color: #fff;
    -moz-border-bottom-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    color: #fff;
    border-bottom-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    color: #fff;
    border-bottom-left-radius: 5px;
    -o-border-top-left-radius: 5px;
    color: #fff;
    border-bottom-left-radius: 5px;
    -o-border-top-left-radius: 5px;
    color: #fff;
    border-bottom-left-radius: 5px;
    color: #fff;
    font-weight: normal;
    line-height: 20px
}

.uc-content .main .piclist li:hover span {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 26px;
    height: 26px;
    background: #fff;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -o-border-radius: 20px;
    text-align: center;
    line-height: 26px
}

.uc-content .main .piclist li:hover span:hover {
    color: #8fc31f
}

.uc-content .main .piclist li:nth-child(3n) {
    margin-right: 0
}

.uc-content .main .piclist li a.uppic {
    display: block;
    margin: 45px auto 15px auto;
    width: 100px;
    height: 32px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    background: #0c9afa;
    color: #fff;
    text-align: center;
    text-decoration: none;
    line-height: 32px
}

.uc-content .main .piclist li p {
    color: #8e8e93;
    font-size: 18px;
    text-align: center
}

.uc-content .main .piclist li:hover a.uppic {
    background: #3498db
}

.uc-content .main .pichelp {
    padding: 80px 0 10px 0;
    text-align: center
}

.uc-content .main .pichelp a {
    color: #0c9afa
}

.uc-content .main form {
    margin: 0 auto;
    padding: 20px 10px 40px 10px;
    width: 630px;
    border-top: 1px solid #dfdfdf
}

.uc-content .main form select,.uc-content .main form input,.uc-content .main form textarea {
    display: block;
    border: 1px solid #dfdfdf;
    font-size: 14px;
    text-indent: 15px
}

.uc-content .main form select:focus,.uc-content .main form input:focus,.uc-content .main form textarea:focus {
    border: 1px solid #0c9afa
}

.uc-content .main form select {
    height: 31px;
    line-height: 31px
}

.uc-content .main form input {
    height: 29px;
    line-height: 29px
}

.uc-content .main form input,.uc-content .main form textarea {
    color: c8c7cc;
    padding: 0
}

.uc-content .main form textarea {
    padding: 15px 0;
    height: 88px
}

.uc-content .main form .f480 {
    margin: 0 auto 25px auto;
    width: 480px
}

.uc-content .main form .f320 {
    margin-bottom: 25px;
    width: 320px
}

.uc-content .main form .f240 {
    float: left;
    margin-bottom: 25px;
    width: 240px
}

.uc-content .main form .f200 {
    float: left;
    margin-bottom: 25px;
    width: 200px
}

.uc-content .main form .f550 {
    float: left;
    margin-bottom: 25px;
    width: 550px
}

.uc-content .main form textarea.f550 {
    height: auto
}

.uc-content .main form label {
    display: block;
    height: 31px;
    line-height: 31px;
    padding: 0 40px 0 0;
    font-size: 14px;
    color: #808080
}

.uc-content .main form .unit {
    float: left;
    margin-left: 15px;
    height: 44px;
    color: #000;
    line-height: 44px
}

.uc-content .main .select {
    margin: 0 auto;
    padding: 10px 10px 80px 10px;
    width: 630px;
    border-top: 1px solid #dfdfdf
}

.uc-content .main .select h2 {
    padding: 30px 0;
    color: #808080
}

.uc-content .main .select ul li {
    float: left;
    width: 105px;
    text-align: center;
    cursor: pointer
}

.uc-content .main .select ul li span {
    display: block;
    margin: 0 auto;
    width: 54px;
    height: 54px;
    background: #fff;
    border: 1px solid #dfdfdf;
    color: #808080;
    font-size: 50px;
    line-height: 54px
}

.uc-content .main .select ul li h3 {
    padding-top: 5px
}

.uc-content .main .select ul li.curr span {
    width: 50px;
    height: 50px;
    border: 3px solid #3498db;
    color: #000;
    line-height: 50px
}

.uc-content .main .select ul li.curr h3 {
    color: #000
}

.addpl {
    margin-bottom: 30px;
    padding: 30px 15px 20px 30px
}

.uc-content .main .newline {
    text-align: center
}

.uc-content .main .nextbutton {
    display: block;
    margin: 10px auto 5px auto;
    width: 100px;
    height: 32px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    background: #0c9afa;
    color: #fff;
    text-align: center;
    text-decoration: none;
    line-height: 32px
}

.uc-content .main .nextbutton span {
    color: #fff
}

.uc-content .main .searchKey {
    position: absolute;
    margin: -350px 1px;
    z-index: 9;
    text-align: center;
    width: 850px;
    height: 60px;
    line-height: 50px;
    background-color: #000;
    opacity: .4
}

.uc-content .main .searchKey input {
    width: 800px;
    height: 35px;
    margin-top: 7px;
    padding-left: 10px;
    font-size: 16px
}

.uc-f {
    margin-top: 0
}

.emptyItem {
    background: #fff;
    border: 1px solid #ccc;
    list-style-type: none;
    padding-left: 30px
}

.emptyItem h2 {
    font-size: 22px;
    font-weight: bold;
    margin: 20px auto
}

.emptyItem li {
    font-size: 14px;
    margin-bottom: 8px
}

.emptyItem li:last-child {
    margin-bottom: 20px
}

.emptyItem .btn {
    margin: 12px auto 20px auto
}

.p404 {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 188px;
    z-index: 1
}

.p404-info {
    width: 533px;
    height: 624px;
    margin: 0 auto;
    background: url(../images/p404_info.png) center bottom no-repeat
}

.cls {
    clear: both
}

.one-row {
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden
}

.listing-font-big {
    font-size: 14px
}

.listing-font-small {
    font-size: 12px
}

.list-item {
    min-width: 750px
}

.list-item .item2 {
    float: left;
    position: relative;
    width: 49%;
    height: 100%;
    margin: 15px auto 0 1%;
    background-color: #fff
}

.list-item .item2 .listing {
    width: 45%;
    height: 100%;
    float: left
}

.list-item .item2 .house {
    width: 54%;
    height: 100%;
    float: left;
    overflow: hidden;
    padding: 0
}

.list-item .item2 .listing .img {
    width: 100%;
    height: 100%;
    transition: background-color 1s ease-out;
    -moz-transition: background-color 1s ease-out;
    -webkit-transition: background-color 1s ease-out;
    -o-transition: background-color 1s ease-out
}

.list-item .item2 .listing .img img {
    display: block;
    transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out
}

.list-item .item2 .img:hover {
    background-color: #000
}

.list-item a .item2 .img:hover img,.list-item .item2 .img:hover img {
    opacity: .6
}

.list-item .item2 .listing .price {
    position: absolute;
    min-width: 60px;
    height: 50px;
    line-height: 50px;
    bottom: 18%;
    left: 0;
    background: url('../images/gray.png');
    color: #fff;
    font-size: 12px;
    padding: 5px;
    text-align: center
}

.list-item .item2 .house .listing-title {
    height: 30px;
    line-height: 30px;
    width: 100%
}

.list-item .item2 .house .house-item-box {
    width: auto;
    margin: 0;
    max-width: 71%;
    min-height: 20px;
    float: right
}

.list-item .item2 .house .house-item-line {
    width: 95%;
    margin: 0 auto 0 15px;
    border-top: 1px solid #eee
}

.list-item .item2 .house .house-item {
    width: 95%;
    margin: 0 auto 0 15px;
    border-top: 1px solid #eee
}

.list-item .item2 .house .house-item:hover {
    background: #f0f0f0
}

.list-item .item2 .house .house-item div {
    margin-left: 0;
    text-align: center
}

.list-item .item2 .house .house-item div:first-child {
    margin-left: 0
}

.list-item .item2 .house .house-item .house-img {
    float: left;
    transition: background-color 1s ease-out;
    -moz-transition: background-color 1s ease-out;
    -webkit-transition: background-color 1s ease-out;
    -o-transition: background-color 1s ease-out
}

.list-item .item2 .house .house-item .house-img img {
    height: 100%;
    max-height: 200px;
    min-height: 28px;
    transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out
}

.list-item .item2 .house .house-item .house-img:hover {
    background-color: #000
}

.list-item a .item2 .house .house-item .house-img:hover img,.list-item .item2 .house .house-item .house-img:hover img {
    opacity: .6
}

.list-item .item2 .house .house-item .house-desc {
    float: left;
    width: 49%;
    color: #999;
    border-right: 1px solid #f0f0f0
}

.list-item .item2 .house .house-item .house-price {
    float: right;
    width: 49%;
    color: #0891f9
}

.list-item .item2 .house .house-item .house-line {
    width: 1px;
    height: 90%;
    margin-top: 4%;
    border-right: 1px solid #f0f0f0
}

.list-item .item2 .house .filter-result {
    position: absolute;
    bottom: 1px;
    right: 20px;
    color: #999
}

.list-item .item2 .house .filter-result span {
    background: #fff
}

.list-item .item2 .desc {
    padding: 0 15px;
    height: 34px;
    line-height: 34px
}

.list-item .item2 .desc .sub-desc span:first-child {
    float: left
}

.list-item .item2 .desc .regionName {
    max-width: 40%;
    color: #999;
    float: right
}

.list-item .item2 .desc .sub-desc .buildingName {
    max-width: 70%;
    float: right;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden
}

.list-item .item2 .desc .ellipsis div {
    float: left
}

.list-item .item2 .desc .ellipsis div:first-child {
    font-size: 14px;
    color: #555;
    font-weight: bold;
    max-width: 50%;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden
}

.list-item .item2 .desc div:last-child {
    color: #999
}

.list-item .item2 .desc div:last-child span:last-child {
    padding-left: 10px;
    float: right
}

.list-item .item2 .desc a,.list-item .item2 .desc a:visited {
    color: #555;
    font-weight: bold
}

.list-item .item2 .desc a:active,.list-item .item2 .desc a:hover {
    color: #0891f9
}

.listing .sidebar .cond a.unitprice {
    width: 128px
}

.listing .search-cont .top-block {
    height: 54px
}

.listing .search-cont .listing-404 {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1
}

body {
    overflow: hidden
}

.footer {
    display: none
}

.baidu_map_cicle {
    cursor: pointer;
    width: 106px;
    height: 106px;
    background: url(../images/map_cicle.png) no-repeat;
    _background: url(../images/map_cicle.png) no-repeat;
    position: absolute;
    margin-left: -53px;
    margin-top: -53px;
    font-family: 'Helvetica Neue','Hiragino Sans GB','Microsoft YaHei',微软雅黑,黑体,Arial,sans-serif
}

.baidu_map_cicle:hover {
    background: url(../images/map_cicle_hover.png) no-repeat;
    _background: url(../images/map_cicle_hover.png) no-repeat
}

.baidu_map_cicle .name {
    text-align: center;
    margin-top: 35px;
    line-height: 20px
}

.baidu_map_cicle .num {
    text-align: center;
    font-size: 14px;
    line-height: 20px
}

.baidu_map_marker {
    cursor: pointer;
    min-width: 80px;
    height: 35px;
    margin-left: 0;
    font-size: 12px;
    background: url(../images/ddz_map_arrow_bottom_01.png) 33px bottom no-repeat;
    font-family: 'Helvetica Neue','Hiragino Sans GB','Microsoft YaHei',微软雅黑,黑体,Arial,sans-serif
}

.baidu_map_marker .ac {
    background: #00be78;
    border-radius: 5px;
    font-size: 12px;
    box-shadow: 0 -1px 3px rgba(0,0,0,0.3);
    display: block
}

.baidu_map_marker .ac2 {
    background: #00be78;
    border-radius: 5px;
    font-size: 12px;
    box-shadow: 0 -1px 3px rgba(0,0,0,0.3);
    display: block;
    padding: 0 0 0 10px
}

.baidu_map_marker .ac2 .ac2-sub-text {
    background: #fff;
    color: #000;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    font-size: 12px;
    padding: 5px 10px;
    margin-left: 8px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.3)
}

.baidu_map_marker:hover {
    background: url(../images/ddz_map_arrow_bottom_02.png) 33px bottom no-repeat
}

.baidu_map_marker:hover .ac {
    background: #f60;
    border-radius: 5px;
    font-size: 12px;
    display: none
}

.baidu_map_marker:hover .ac2 {
    background: #f60;
    border-radius: 5px;
    font-size: 12px;
    display: block;
    padding: 0 0 0 10px
}

.baidu_map_marker.visited {
    background: url(../images/ddz_map_arrow_bottom_03.png) 33px bottom no-repeat
}

.baidu_map_marker.visited .ac {
    background: #3f98c7;
    border-radius: 5px
}

.baidu_map_marker.visited:hover {
    background: url(../images/ddz_map_arrow_bottom_02.png) 33px bottom no-repeat
}

.baidu_map_marker.visited:hover .ac {
    background: #2cb6ff;
    border-radius: 5px
}

.baidu_map_marker.focused {
    background: url(../images/ddz_map_arrow_bottom_03.png) 33px 100px no-repeat
}

.baidu_map_marker.focused .ac {
    background: #f60;
    border-radius: 5px;
    display: block
}

.baidu_map_marker.focused .ac2 {
    display: none
}

.baidu_map_marker .price-text {
    font-size: 14px
}

.infoBox .unit-4 {
    font-size: 12px
}

.box-content {
    background: #FFF;
    padding: 15px 15px 1px 15px;
    width: 330px;
    min-height: 45px;
    border-radius: 5px;
    box-shadow: 0 0 25px #9f9f9f
}

.box-content .price {
    display: none;
    background: url('../images/gray.png');
    padding: 0 16px;
    min-width: 60px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    margin: -72px auto auto 10px;
    color: #fff;
    font-size: 12px
}

.box-content .img {
    position: relative;
    margin: auto;
    width: 300px;
    height: 187px
}

.box-content .img .bottomTips {
    position: absolute;
    right: 0;
    top: 163px;
    line-height: 24px;
    padding: 0 6px;
    font-size: 13px;
    color: #FFF;
    background: #1abad9
}

.box-content .buildingName {
    width: 100%;
    margin: 10px auto;
    font-size: 14px;
    color: #000;
    margin: 0 0 10px 0
}

.box-content .buildingName span {
    display: block;
    width: 100%
}

.box-content .buildingName .fl {
    width: 80%;
    color: #555;
    font-size: 16px;
    padding: 0 0 4px 0
}

.box-content .buildingName .fr {
    color: #999;
    font-size: 14px
}

.box-content .house {
    margin: auto;
    position: relative
}

.box-content .box-footer {
    background: url(../images/arrow.png);
    width: 36px;
    height: 22px;
    position: absolute;
    bottom: -22px;
    left: 150px;
    *left: 167px
}

.box-content .house ul li {
    margin-bottom: 1px;
    border-top: solid 1px #e5e5e5
}

.box-content .house ul li img {
    width: 57px;
    height: 36px;
    margin-top: 10px
}

.box-content .house ul li .pic {
    width: 20%;
    text-align: right;
    position: relative
}

.box-content .house ul li .detail {
    line-height: 58px;
    width: 80%;
    font-size: 14px;
    color: #777;
    text-align: right
}

.box-content .house ul li .detail .area {
    width: 70px
}

.box-content .house ul li .detail .unitPrice {
    width: 100px
}

.box-content .house ul li .detail .unitPrice-area {
    width: 170px
}

.box-content .house ul li .detail .decoration {
    padding-left: 8px;
    width: 64px;
    text-align: center
}

.box-content .house-more-box {
    background: #FFF;
    height: 40px;
    border-top: 1px solid #e5e5e5
}

.box-content .houseMore {
    display: block;
    float: right;
    padding: 10px 0;
    font-size: 14px;
    color: #777;
    *width: 90px
}

.box-content .houseMore:hover {
    text-decoration: underline
}

.box-content .house .house-rent-out1 {
    display: block;
    position: absolute;
    right: 0;
    top: 11px;
    width: 57px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 12px;
    color: #FFF;
    background: rgba(0,0,0,0.5)
}

.box-content .house .house-rent-out2 {
    display: block;
    position: absolute;
    right: 0;
    top: 11px;
    width: 57px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 12px;
    color: #666;
    background: #EEE
}

.halfWidth {
    width: 49%;
    text-align: center;
    height: 24px;
    margin-top: 8px;
    line-height: 24px
}

.map-bar {
    margin: 0 auto;
    z-index: 101;
    position: absolute;
    top: 6px;
    left: 235px;
    display: none
}

.map-bar .filter-box {
    width: 100%;
    height: 48px;
    line-height: 48px;
    background: #FFF;
    z-index: 10;
    border-radius: 3px;
    margin: 0 auto
}

.map-bar .filter-box select {
    width: 113px;
    height: 30px;
    line-height: 30px;
    padding: 2px 0 2px 6px;
    border-radius: 3px;
    color: #777;
    border: 1px solid #ebebeb
}

.map-bar .filter-box select.circle {
    margin-left: 6px
}

.map-bar .filter-box select.area {
    width: 130px
}

.map-bar .filter-box select.unitPrice {
    width: 150px
}

.map-bar .select-box {
    height: 28px;
    line-height: 28px;
    margin: 9px 15px 0 0;
    padding: 0 0 0 15px;
    border-left: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb
}

.map-bar .select-item {
    margin: 0 15px 0 0
}

.map-bar .select-title {
    padding: 0 5px 0 0;
    color: #555;
    font-weight: bold
}

.map-bar .kw {
    width: 255px;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    margin: 9px 0 0 1px;
    color: #555;
    font-size: 14px;
    border: 1px solid #ebebeb;
    border-radius: 3px 0 0 3px;
    text-indent: 12px
}

.map-bar .kw::-webkit-input-placeholder {
    color: #999;
    font-size: 14px
}

.map-bar .kw::-moz-placeholder {
    color: #999;
    font-size: 14px
}

.map-bar .filter-submit {
    width: 41px;
    height: 30px;
    margin: 9px 15px 0 0;
    border-radius: 0 3px 3px 0;
    background: #03b7df url(../images/icon-search.png) center center no-repeat;
    border: 0
}

.map-bar .clear-keyword {
    font-weight: 700;
    margin-left: -23px;
    position: absolute
}

.btn-list-back {
    display: block;
    position: relative;
    top: 4px;
    width: 85px;
    *width: 90px;
    _width: 90px;
    height: 24px;
    padding-left: 28px;
    line-height: 24px;
    color: #999;
    font-size: 14px;
    background: url(../images/map-back-icon.png) 10px center no-repeat;
    text-align: center;
    border: 1px solid #ebebeb;
    border-radius: 3px
}

.btn-list-back:hover {
    text-decoration: none;
    color: #999
}

.map-side-btn {
    display: block;
    width: 40px;
    height: 50px;
    position: fixed;
    right: 0;
    top: 140px;
    z-index: 104;
    border: 1px solid #CCC;
    border-right: 0;
    border-radius: 3px 0 0 3px;
    background: #FFF url(../images/icon-map-side.png) center 15px no-repeat;
    text-indent: -1000px
}

.map-side-btn.highlight {
    background-position: center -20px
}

.map-side-btn.off {
    background: #eee url(../images/icon-map-side.png) center 15px no-repeat
}

.record {
    position: fixed;
    top: 60px;
    right: 0;
    width: 0;
    height: 100%;
    padding: 85px 0 10px 0;
    border: 1px solid #CCC;
    border-right: 0;
    border-top: 0;
    background: #FFF;
    z-index: 103;
    margin-right: 18px\9\0
}

.record-overflow {
    overflow: scroll
}

.record .record-operate {
    left: 27px;
    width: 308px;
    height: 18px;
    margin-left: 30px;
    margin-bottom: 10px
}

.record .record-operate span {
    font-size: 14px;
    color: #999
}

.record .record-operate a {
    position: relative;
    top: -8px;
    right: 18px\9\0;
    display: block;
    width: 30px;
    height: 36px;
    background: url(../images/icon-delete-box.png) no-repeat center center
}

.record .item {
    width: 300px;
    padding: 0;
    margin: 0 60px 30px 30px;
    background: #FFF;
    border-bottom: 1px solid #e5e5e5
}

.record .item .item-img {
    width: 135px;
    height: 85px;
    overflow: hidden;
    position: relative;
    float: left
}

.record .item .item-img img {
    display: block;
    transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out
}

.record .item .item-img {
    transition: background-color 1s ease-out;
    -moz-transition: background-color 1s ease-out;
    -webkit-transition: background-color 1s ease-out;
    -o-transition: background-color 1s ease-out
}

.record .item:hover .item-img {
    background-color: #000
}

.record a:hover .item .item-img img,.record .item:hover .item-img img {
    opacity: .6
}

.record .item .house-txt {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 24px;
    line-height: 24px;
    padding: 0 19px;
    text-align: center;
    color: #FFF;
    background: #000;
    font-size: 13px
}

.record .item .house-txt.filter {
    background: #0dc7ef
}

.record .item .price {
    width: 150px;
    overflow: hidden;
    padding: 8px 0 0 10px;
    color: #555;
    text-align: left;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.record .item .price-num {
    font-size: 16px
}

.record .item .price-unit {
    font-size: 14px
}

.record .item .info {
    padding: 1px 0 20px 0
}

.record .item .pLeft {
    width: 150px;
    display: block;
    padding-left: 10px
}

.record .item .pLeft .buildingName {
    width: 150px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden
}

.record .item .pLeft .buildingName a {
    color: #555;
    font-size: 16px
}

.record .item .regionName {
    width: 150px;
    display: block;
    padding: 4px 0 0 0;
    min-height: 18px;
    font-size: 13px;
    color: #999
}

.record .clear-btn {
    text-indent: -1000px
}

.map-result-nav-btn {
    display: block;
    width: 40px;
    height: 50px;
    position: fixed;
    right: 0;
    top: 195px;
    z-index: 104;
    border: 1px solid #CCC;
    border-right: 0;
    border-radius: 3px 0 0 3px;
    background: #FFF url(../images/zoom.png) center 15px no-repeat;
    text-indent: -1000px
}

.map-result-nav-btn.off {
    background: #eee url(../images/zoom.png) center 15px no-repeat
}

.btn-record-open {
    background: #fff url(../images/left_arrow_icon.png) center 15px no-repeat
}

.btn-record-close {
    background: #fff url(../images/right_arrow_icon.png) center 15px no-repeat
}

.notice-box {
    position: fixed;
    z-index: 99;
    top: 150px;
    left: 40%;
    height: 30px;
    line-height: 30px;
    width: 250px;
    text-align: center;
    background: rgba(0,0,0,0.6);
    color: #fff;
    border-radius: 5px;
    display: none
}

.loading-box {
    position: fixed;
    z-index: 99;
    top: 250px;
    left: 45%;
    padding-left: 20px;
    height: 40px;
    line-height: 40px;
    width: 150px;
    text-align: center;
    background: #FFF url(../images/loading.gif) 10px center no-repeat;
    color: #000;
    border-radius: 5px;
    display: none
}

.map-bar-filter {
    position: fixed;
    left: 0;
    right: 0;
    top: 180px;
    width: 850px;
    z-index: 100;
    margin: auto
}

.listing .input-custom {
    width: 48px;
    height: 24px;
    line-height: 24px;
    padding-left: 5px;
    padding-top: 0\0;
    border: 1px solid #dadada;
    background: #FFF;
    border-radius: 3px
}

.listing .separate-custom {
    padding: 0;
    position: relative;
    top: -3px\0
}

.listing .listing-filter .cont {
    overflow: visible
}

.listing .button-custom {
    display: inline-block;
    position: relative;
    top: 1px;
    padding: 0;
    margin: -1px 0 0 5px;
    display: none
}

.listing .fixed-filter-wrap {
    position: fixed;
    top: 60px;
    display: none;
    width: 100%;
    z-index: 98;
    background: #FFF;
    box-shadow: 0 1px 2px rgba(0,0,0,0.2)
}

.listing .fixed-filter {
    width: 800px;
    margin: 0 auto;
    padding: 10px 15px 10px 20px;
    overflow: hidden;
    background: #FFF;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.3)
}

.listing .fixed-filter * {
    font-size: 13px
}

.listing .fixed-filter .title {
    line-height: 30px;
    padding: 0 10px 0 0;
    font-weight: bold;
    color: #555
}

.listing .fixed-filter .select-title {
    width: 89px;
    min-width: 80px\0;
    height: 24px;
    line-height: 24px;
    padding-right: 20px;
    top: 1px;
    position: relative;
    padding-left: 8px;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    cursor: pointer;
    background: #FFF url(../images/icon-arrow.png) no-repeat 92% center;
    text-align: left;
    overflow: hidden;
    white-space: nowrap
}

.listing .fixed-filter .select-title span {
    width:100px;
    overflow: hidden;
    display: block
}

.listing .fixed-filter .select-title.current {
    border-radius: 3px 3px 0 0;
    border-bottom: 0
}

.listing .fixed-filter .select-title-list {
    height: 29px
}

.listing .fixed-filter .select-box {
    font-size: 13px;
    margin-top: 2px
}

.listing .fixed-filter .select-box a {
    font-size: 13px
}

.listing .fixed-filter .select-items {
    position: absolute;
    z-index: 100;
    border: 1px solid #dadada;
    background: #f6f6f6;
    overflow: hidden;
    border-radius: 0 5px 5px 5px;
    display: none;
    text-align: left;
    padding: 0
}

.listing .fixed-filter .filter-item {
    min-width: 150px;
    float: left;
    margin: 0 12px 0 0
}

.listing .fixed-filter .filter-item-metro {
    border-right: 1px solid #DDD;
    padding-right: 12px
}

.listing .fixed-filter .filter-item-metro .select-items {
    background: #FFF url(../images/bg-grey.jpg) left 0 repeat-y\0
}

.listing .fixed-filter .item-list {
    min-width: 100px;
    height: 100%;
    display: none
}

.listing .fixed-filter .item-sublist {
    min-width: 100px;
    line-height: 30px;
    min-height: 350px;
    padding: 0 0 20px 14px;
    background: #FFF;
    display: none
}

.listing .fixed-filter .item-sublist-min {
    min-height: 230px
}

.listing .fixed-filter .mgt5 {
    margin-top: 5px
}

.fixed-filter .item-sublist .select-item {
    height: 30px;
    line-height: 30px;
    padding: 0 20px 0 0
}

.fixed-filter .item-sublist .select-item a:hover {
    color: #03b7df
}

.listing .fixed-filter .item-list .select-item {
    width: 100%;
    height: 30px;
    line-height: 30px;
    padding: 0 0 0 14px;
    cursor: pointer
}

.listing .fixed-filter .item-list .select-item a {
    display: block;
    width: 100%
}

.listing .fixed-filter .item-list .select-item:hover a {
    color: #03b7df
}

.listing .fixed-filter .item-list .select-item:hover {
    background: #FFF
}

.listing .fixed-filter .item-list .select-item.current {
    background: #FFF
}

.map_metro_marker {
    position: relative
}

.map_metro_marker .metro_info {
    position: absolute;
    height: 25px;
    line-height: 22px;
    padding: 0 12px;
    background: #FFF;
    border-radius: 5px;
    font-size: 13px;
    font-family: '微软雅黑';
    color: #525252;
    border: 2px solid #ed7500;
    letter-spacing: 1px
}

.map_metro_marker .metro_info.current {
    background: #ed7500;
    color: #FFF
}

.map_metro_marker .metro_info:hover {
    cursor: pointer
}

.map_metro_marker .metro_arrow {
    position: absolute;
    left: 10px;
    top: 24px;
    width: 10px;
    height: 10px;
    background: url(../images/map_metro_arrow.png) no-repeat 0 0
}

.map_metro_marker .metro_dot {
    position: absolute;
    left: 2px;
    top: 24px;
    width: 20px;
    height: 20px;
    background: url(../images/map_metro_dot.png) no-repeat center center
}

.map_metro_distance {
    position: relative;
    left: -25px;
    width: 50px;
    height: 19px;
    line-height: 19px;
    text-align: center;
    color: #FFF;
    background: #ed7500;
    border-radius: 3px
}

.lpNum {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    background: #00be78;
    text-align: center;
}

.lpNum:hover {
    background: #f03b09
}

.lpNum li {
    margin-top: 25px;
}

.lpNum a {
    color: #ffffff;
}

.lpNum span {
    font-size: 12px;
}

.BMapLabel {
    user-select: none;
    display: inline;
    cursor: inherit;
    background: transparent none repeat scroll 0% 0%;
    border: 0px none;
    padding: 0px;
    white-space: nowrap;
    font: 14px / 26px 微软雅黑;
    z-index: -6259952;
    color: rgb(255, 255, 255);
    height: 26px;
}

.baidu_map_marker {
    padding: 0px 10px;
    display: block;
}

.baidu_map_marker .ac {
    width: 100px;
}

.baidu_map_marker:hover .ac2 {
    display: inline-block;
}