.top-main {
    width: 1170px;
    margin: 0 auto;
    height: 107px
}

.building-house-title {
    margin-top: 20px
}

.building-house-title h1 {
    font-size: 28px;
    color: #000
}

.tag-button {
    width: 80px;
    height: 26px;
    line-height: 26px;
    border-radius: 2px;
    float: left;
    font-size: 12px;
    text-align: center;
    margin-right: 10px
}

.tag-button2 {
    color: #3d5d85!important;
    background: #edeff2!important;
    width: 80px;
    height: 26px;
    line-height: 26px;
    border-radius: 2px;
    float: left;
    font-size: 12px;
    text-align: center;
    margin-right: 30px
}

.consult-user-mobile-content {
    height: 48px;
    border-radius: 4px;
    border: solid 1px #ebebeb;
    margin-top: 12px
}

.house-detail-price-conent {
    height: 103px
}

.house-detail-price-conent .total-price {
    height: 88px;
    font-size: 48px;
    font-weight: 500;
    text-align: left;
    color: #cc2929;
    float: left;
    line-height: 88px
}

.house-detail-price-conent .price-unit {
    height: 17px;
    font-size: 12px;
    font-weight: 500;
    color: #cc2929;
    margin-top: 48px;
    display: inline-block
}

.house-detail-price-conent .div-item {
    width: 33%;
    height: 100%;
    float: left
}

.house-detail-price-conent .div-item .title {
    margin-top: 25px;
    height: 33px;
    line-height: 33px;
    font-size: 24px;
    font-weight: 500;
    color: #000
}

.house-detail-price-conent .div-item .subtitle {
    height: 17px;
    line-height: 17px;
    font-size: 12px;
    color: #666
}

.map .walk-box .feature li {
    height: 60px
}

.map .walk-box .feature li .f-title {
    color: white;
    font-weight: 500
}

.map .map-tool-bar .current {
    padding-bottom: 20px;
    border-bottom: 4px solid #17a1e6;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.house-detail-title {
    width: auto;
    height: 19px;
    font-size: 20px;
    font-weight: 500;
    color: #000;
    margin-bottom: 10px;
    padding-left: 6px;
    border-left: #17a1e6 solid 3px
}

.surround-item {
    margin-top: 10px;
    margin-bottom: 10px;
    height: 26px;
    width: 254px;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.surround-item .left {
    float: left;
    display: inline-block
}

.surround-item .middle {
    width: 65px;
    padding-right: 10px;
    font-size: 12px;
    color: #4a4a4a;
    margin-top: 5px;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.surround-item .right {
    width: 70px;
    font-size: 12px;
    color: #4a4a4a;
    float: right;
    display: inline-block;
    margin-top: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.surround-item .right .title {
    font-size: 12px;
    color: #4a4a4a
}

.house-detail-info-item-content {
    margin-bottom: 30px;
    margin-top: 10px
}

.map-tool-bar {
    width: 1170px;
    height: 80px;
    border-radius: 4px;
    background-color: rgba(1,1,1,0.7);
    position: absolute;
    z-index: 100;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.house-detail-info-item-content .base-info-content {
    font-size: 12px;
    color: #4a4a4a;
    margin-left: 20px;
    line-height: 1.67;
    width: 550px;
    display: inline-block
}

.house-detail-title2 {
    height: 20px;
    font-size: 14px;
    font-weight: 500;
    color: #000
}

.line-info-ver {
    height: 1px;
    background-color: #ebebeb;
    margin-top: 10px;
    margin-bottom: 10px
}

.traffic-content {
    font-size: 12px;
    color: #666;
    margin-top: 10px;
    margin-bottom: 10px
}

.traffic-content .title {
    font-size: 12px;
    color: #666
}

.base-info-item {
    margin-bottom: 10px;
    height: auto
}

.base-info-item .base-info-title {
    width: 78px;
    height: 17px;
    font-size: 12px;
    color: #b2b2b2;
    display: inline-block;
    vertical-align: top
}

.base-info-item .utility-rate {
    position: relative
}

.base-info-item .utility-rate .utility-rate-mark {
    width: 12px;
    height: 12px;
    left: 38px;
    position: absolute;
    top: 2px;
    background-image: url(../images/listing/utility-rate-mark@2x.png);
    background-image: url(../images/listing/utility-rate-mark.png) \9;
    background-size: 12px 12px
}

.base-info-item .utility-rate .hover-tips {
    width: 300px;
    height: 24px;
    line-height: 24px;
    opacity: .4;
    border-radius: 3px;
    background-color: #000;
    position: absolute;
    top: -24px;
    left: 40px;
    font-size: 12px;
    color: #fff;
    text-align: center
}

.blue-item-div {
    width: 3px;
    height: 20px;
    background-color: #17a1e6;
    display: inline-block
}

.base-info-item .base-info-content {
    font-size: 12px;
    color: #4a4a4a;
    height: 17px;
    display: inline-block;
    width: 270px
}

.house-detail-div {
    background-color: #ebebeb;
    height: 1px
}

.hot-flag {
    width: 115px;
    height: 36px;
    border-radius: 100px;
    border: solid 1px #e88b00;
    float: left;
    margin-left: -8px;
    line-height: 27px;
    margin-top: -3px;
    padding: 4px 16px;
    font-size: 20px;
    font-style: normal;
    font-stretch: normal;
    color: #e88b00;
    transform: scale(0.5,0.5)
}

.house_one_month_uv {
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    color: #666;
    margin-top: 10px
}

.house-content {
    width: 1170px;
    background-color: #fff;
    margin: 20px auto 0 auto;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.house-content .photo-content {
    margin: 30px auto 30px 20px;
    width: 710px;
    height: 536px
}

.house-content .photo-content .swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto
}

.house-content .photo-content .swiper-slide {
    background-size: cover;
    background-position: center
}

.house-content .photo-content .gallery-top {
    height: 440px;
    width: 100%
}

.house-content .photo-content .gallery-thumbs {
    margin-top: 10px;
    height: 86px;
    box-sizing: border-box
}

.house-content .photo-content .gallery-thumbs .swiper-slide {
    width: 140px;
    height: 86px;
    opacity: .4;
    border-radius: 4px
}

.house-content .photo-content .gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1
}

.layout-building-column {
    float: none
}

.house-order-form {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.border-box-fix {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.base-house-info {
    float: left;
    width: 740px;
    height: auto;
    padding: 30px 30px 0 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.house-detail-other-content {
    width: 1170px;
    margin-left: auto;
    margin-right: auto;
    background-color: white;
    padding-left: 0;
    padding-right: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 60px
}

.house-order-form .order-tip {
    font-size: 12px;
    font-size: 14px \9
}

.house-detail-other-content .map {
    width: 100%;
    padding-top: 30px;
    height: 600px;
    padding-left: 30px;
    padding-right: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.layout-column-left {
    float: left
}

.layout-column-right {
    float: right
}

.order-form-bottom-yz.tofixed {
    position: fixed;
    top: 80px
}

.buildingInfo-reservation {
    width: 1170px;
    margin: 20px auto;
    overflow: hidden
}

.bussiness-content {
    width: 860px!important;
    background-color: #fff!important;
    padding-top: 17px!important;
    padding-left: 30px!important;
    padding-right: 30px!important;
    margin-bottom: 20px!important;
    float: initial!important
}

.bussiness-content h3 {
    border-bottom: 1px solid rgba(0,0,0,0.05)
}

.building-content {
    width: 860px;
    background-color: #fff;
    padding-top: 17px;
    padding-left: 30px;
    padding-right: 30px
}

.other-user-see-house-list {
    width: 860px;
    height: 315px;
    background-color: #fff;
    margin: 20px auto 60px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.other-user-see-house-list h3 {
    border-bottom: 1px solid rgba(0,0,0,0.05)
}

.photo-info {
    width: 760px;
    height: 100%;
    position: relative;
    padding: 30px 0 30px 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.photo-carousel {
    height: 537px
}

.carousel-box {
    position: relative
}

.dialog-main {
    border-radius: 8px
}

.picshow {
    position: relative;
    height: 100%;
    margin: 0
}

.picshow .img-box img {
    width: 100%;
    height: 100%;
    border-radius: 4.2px
}

.picshow .photo-title {
    position: absolute;
    left: 18px;
    bottom: 18px;
    font-size: 14px;
    color: #FFF;
    z-index: 50;
    display: none
}

.pic-big-list {
    display: none
}

.pic-count-box {
    width: 100%;
    position: absolute;
    bottom: 40px;
    height: 28px;
    z-index: 50;
    text-align: center
}

.pic-count-box span {
    height: 20px;
    line-height: 22px;
    margin-left: 3px;
    margin-right: 3px;
    border-radius: 13px;
    padding: 0 12px;
    color: #FFF;
    font-size: 12px;
    background-color: rgba(0,0,0,0.5)
}

.pic-count-box span i {
    padding-left: 2px;
    font-style: normal;
    font-size: 12px
}

.picshow .pic-count {
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    color: #FFF;
    padding: 0 18px;
    border-radius: 14px
}

.picshow .pic-count i {
    padding: 0 0 0 4px;
    font-style: normal
}

.house-info {
    width: 409px;
    height: 100%;
    padding: 33px 30px 31px 40px
}

.house-info .house-title {
    font-size: 24px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    color: #000
}

.house-info .title span {
    font-size: 12px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    color: #000
}

.house-info .price-info .month {
    float: left;
    margin-right: 10px
}

.house-info .price-info .month .unitPrice {
    float: left;
    font-size: 24px;
    text-align: right;
    color: #cc2929;
    line-height: 18px
}

.house-info .price-info .month span {
    font-size: 12px;
    color: #cc2929;
    height: 25px;
    float: left;
    margin-left: 4px;
    line-height: 25px;
    display: inline-block
}

.house-info .price-info .total {
    font-size: 12px;
    color: #cc2929;
    float: left;
    text-align: right;
    line-height: 25px
}

.house-info .price-info .update-time {
    font-size: 12px;
    color: #b2b2b2;
    float: right;
    line-height: 25px
}

.line {
    width: 100%;
    height: 1px;
    background-color: rgba(0,0,0,0.05)
}

.desc-box .desc {
    border-top: 1px solid rgba(0,0,0,0.05)!important
}

.house-info .price-info {
    margin-bottom: 18px;
    margin-top: 23px;
    overflow: hidden;
    height: 25px;
    line-height: 25px
}

.house-info .server-info {
    padding-top: 16px;
    padding-bottom: 16px;
    overflow: hidden
}

.wd-1 {
    width: 100%
}

.wd-2 {
    width: 50%
}

.wd-3 {
    width: 33.33333%
}

.house-info .server-info .wd-2 .house-info-list {
    font-size: 14px;
    color: #b2b2b2;
    overflow: hidden;
    min-height: 20px;
    margin-top: 0;
    margin-bottom: 0
}

.house-info .server-info .wd-2 .house-info-list .title {
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    color: #b2b2b2;
    float: left
}

.house-info .server-info .wd-2 .house-info-list .content {
    width: 95px;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    color: #353535;
    float: left;
    word-break: break-all
}

.house-info .server-info .house-info-list {
    font-size: 14px;
    color: #b2b2b2;
    overflow: hidden;
    min-height: 20px;
    margin-top: 10px;
    margin-bottom: 10px
}

.house-info .server-info .house-info-list-top {
    margin-top: 0
}

.house-info .server-info .house-info-list-bottom {
    margin-bottom: 0
}

.house-info .server-info .house-info-list .title {
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    color: #b2b2b2;
    float: left
}

.house-info .server-info .house-info-list .content {
    width: 268px;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    color: #353535;
    float: left;
    word-break: break-all
}

.house-info-tips {
    font-size: 10px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    color: #b2b2b2;
    margin-top: -1px
}

.guide-box,.guide-wrap {
    height: 0!important
}

.guide-box-fixed {
    position: fixed;
    left: 0;
    top: 168px;
    z-index: 10
}

.detail-wrap .left-box {
    float: none
}

.needFix {
    position: fixed!important
}

.needScroll {
    position: absolute!important
}

.detail-wrap .right-box {
    top: 20px
}

.detail-wrap .right-box3 {
    position: relative;
    right: 0;
    top: 0;
    float: right;
    width: 410px
}

.detail-wrap .right-box-fix-bottom {
    top: -5px!important
}

.collect-box {
    display: none!important
}

.house-info-fix {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.other-listing {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 30px;
    padding-right: 30px
}

.div-show {
    display: block
}

.house-order-content {
    width: 410px;
    height: 674px;
    margin-left: 0;
    padding-left: 20px;
    padding-right: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: white;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.top-banner .part-banner {
    width: 730px;
    height: 450px;
    border-radius: 4.2px;
    position: relative;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.top-banner .part-banner .banner-swiper-container {
    width: 730px;
    height: 450px;
    border-radius: 4.2px
}

.photo-title {
    height: 30px;
    line-height: 30px;
    border-radius: 15px;
    background-color: rgba(0,0,0,0.4);
    font-size: 14px;
    color: #fff;
    position: absolute;
    left: 10px;
    bottom: 20px;
    width: auto;
    padding-left: 15px;
    padding-right: 15px
}

.top-banner .part-banner .layer-cover {
    width: 730px;
    height: 450px;
    opacity: 0;
    filter: alpha(opacity=0)
}

.top-banner .part-banner img.part-banner-img {
    width: 730px;
    height: 450px;
    top: 0;
    position: relative
}

.top-banner .part-banner .banner-tip {
    left: 280px
}

.houst-star .user-score {
    width: 72px;
    height: 14px;
    border-radius: 2px;
    border: solid 1px #ffba00;
    background-color: #ccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.houst-star .user-score .fr {
    width: 20px;
    height: 12px;
    line-height: 12px;
    text-align: center;
    background: #ffba00;
    color: #fff;
    font-size: 9px;
    font-weight: 600;
    padding-left: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.houst-star .user-score .star-bg {
    height: 13px;
    background: #ffba00;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.houst-star .user-score .star-level {
    width: 52px;
    height: 12px;
    background: url(../images/star_small_myindex.png) no-repeat;
    background-size: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.plan-owner-info {
    width: 760px;
    height: 100px;
    margin-top: 20px
}

.owner-content {
    overflow: hidden;
    padding-bottom: 20px
}

.owner-content .avatar {
    height: 48px;
    width: 48px;
    border-radius: 24px;
    margin: 10px 10px 12px 0;
    float: left
}

.owner-content .info {
    float: right;
    width: 690px;
    margin-left: 10px
}

.owner-content .feature {
    position: relative
}

.feature li.sign-apply {
    position: absolute;
    top: 0;
    right: 40px;
    width: 80px;
    height: 28px
}

.feature li.sign-apply .sign-apply-btn {
    width: 80px;
    height: 28px;
    border-radius: 4px;
    border: solid 1px #17a1e6;
    line-height: 23px;
    font-size: 12px;
    font-weight: 600;
    color: #17a1e6;
    background: #fff;
    text-align: center;
    padding-right: 6px
}

.feature li.sign-apply .sign-apply-btn:hover {
    border: solid 1px #18aaf2;
    background: #17a1e6;
    transition: background .2s linear;
    color: #fff
}

.feature li.sign-apply .sign-apply-btn:active {
    background: #148fcc;
    transition: background .2s linear
}

.plan-image {
    width: 680px;
    height: 420px;
    position: relative
}

.plan-image img {
    width: 100%;
    height: 100%;
    background-color: #FFF;
    z-index: 0
}

.plan-image .shadow {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.04);
    z-index: 10;
    position: absolute
}

.banner-shadow {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.04);
    z-index: 10;
    top: 0;
    left: 0;
    position: absolute
}

.gallery-thumbs .swiper-button-prev {
    background-image: url(../images/iconsMap@2x.png);
    background-image: url(../images/iconsMap.png) \9;
    background-size: 700px 300px;
    background-position: -280px 0;
    width: 40px;
    height: 86px;
    top: 0;
    left: 0;
    margin-top: 0
}

.gallery-thumbs .swiper-button-next {
    background-image: url(../images/iconsMap@2x.png);
    background-image: url(../images/iconsMap.png) \9;
    background-size: 700px 300px;
    background-position: -320px 0;
    width: 40px;
    height: 86px;
    top: 0;
    right: 0;
    margin-top: 0
}

.room-list {
    width: 680px;
    height: auto
}

.room-list .room-item {
    width: 335px;
    height: 216px;
    position: relative
}

.room-list .room-item-left {
    float: left
}

.room-list .room-item-right {
    float: right
}

.room-list .room-item img {
    width: 335px;
    height: 206px;
    margin-top: 10px;
    border-radius: 4px
}

.room-list .room-item .room-name {
    height: 30px;
    line-height: 30px;
    border-radius: 15px;
    background-color: rgba(0,0,0,0.4);
    font-size: 14px;
    color: #fff;
    position: absolute;
    left: 10px;
    bottom: 10px;
    width: auto;
    padding-left: 15px;
    padding-right: 15px
}

.room-list .room-more {
    display: block;
    width: 360px;
    height: 32px;
    line-height: 32px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: 12px;
    color: #666;
    border-radius: 4px;
    border: solid 1px #ccc
}

.room-list .room-more:hover {
    color: #18aaf2;
    border: 1px solid #18aaf2;
    transition: background .2s linear
}

.room-list .room-more:active {
    color: #148fcc;
    border: 1px solid #148fcc;
    transition: background .2s linear
}

.category-container {
    width: 60%;
    height: 95px;
    margin-left: 20%;
    margin-right: 20%;
    position: absolute;
    bottom: 10px;
    overflow: hidden;
    z-index: 999999
}

.category-list {
    height: 100%;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.category-list .category {
    height: 36px;
    line-height: 36px;
    border-radius: 4px;
    background-color: rgba(0,0,0,0.2);
    font-size: 12px;
    color: #b2b2b2;
    padding-left: 15px;
    padding-right: 15px;
    border: solid 1px #474747;
    width: auto;
    margin-left: 10px;
    margin-top: 10px;
    display: inline-block;
    cursor: pointer
}

.category-list .category-active {
    color: #18aaf2;
    border: solid 1px #18aaf2
}

.VR-animation {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    background: rgba(0,0,0,0.2);
    filter: alpha(opacity=20);
    cursor: pointer;
    border-radius: 4px;
    width: 100%;
    height: 100%
}

.VR-animation .vr-gif {
    position: absolute;
    top: 170px;
    left: 50%;
    width: 116px;
    height: 69px;
    z-index: 3;
    opacity: 1;
    transform: translateX(-50%)
}

.VR-animation .vr-logo {
    position: absolute;
    top: 170px;
    left: 50%;
    width: 74px;
    height: 38px;
    z-index: 3;
    transform: translateX(-56%);
    animation: move 1.8s linear infinite
}

@keyframes vr-animation {
    35% {
        opacity: .3
    }

    70% {
        opacity: 1
    }

    100% {
        opacity: 1
    }
}


body {
    background: #f7f7f7
}

.top-wrap {
    width: 100%;
    background: #FFF;
    border-bottom: 1px solid rgba(0,0,0,0.1)
}

.top-main {
    width: 1170px;
    margin: 0 auto
}

.top-main-fixed {
    padding-top: 60px
}

.font-sm {
    font-size: 12px
}

.font-grey {
    color: #b2b2b2
}

.top-nav {
    padding: 10px 0 0 0;
    color: #b2b2b2;
    font-size: 12px;
    width: 1170px;
    margin-left: auto;
    margin-right: auto
}

.top-nav *,.top-nav a {
    color: #b2b2b2;
    font-size: 12px
}

.top-nav a:hover {
    color: #17a1e6
}

.top-title {
    height: 30px;
    line-height: 30px;
    margin: 25px 0 15px 0;
    width: 1170px;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

.top-title .top-buildingName h1 {
    color: #000;
    font-size: 28px;
    font-weight: normal
}

.top-title .top-buildingName h1 a {
    color: #000;
    font-size: 28px;
    font-weight: normal
}

.top-title .top-buildingName h1 a:hover {
    color: #17a1e6
}

.top-title .top-price {
    color: #cc2929;
    font-size: 12px
}

.top-title .top-price .price-num {
    font-size: 28px;
    font-weight: 400
}

.top-banner .layer-cover {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    background: #FFF;
    opacity: .2;
    filter: alpha(opacity=20);
    cursor: pointer;
    border-radius: 4px
}

.top-banner .layer-cover:hover {
    background: #000;
    opacity: .1;
    filter: alpha(opacity=10)
}

.top-banner .layer-vr {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    background-color: #000;
    opacity: .2;
    filter: alpha(opacity=20);
    cursor: pointer;
    border-radius: 4px;
    width: 800px;
    height: 420px
}

.top-banner .logo-vr {
    position: absolute;
    width: 74px;
    height: 38px;
    z-index: 3;
    top: 170px;
    left: 360px;
    cursor: pointer
}

.top-banner .logo-vr img {
    width: 100%;
    height: 100%;
    opacity: 1;
    animation: move 1.8s linear infinite
}

.top-banner .gif-vr {
    position: absolute;
    width: 116px;
    height: 69px;
    z-index: 3;
    top: 170px;
    left: 342px;
    cursor: pointer
}

.top-banner .gif-vr img {
    width: 100%;
    height: 100%
}

@keyframes move {
    35% {
        opacity: .3
    }

    70% {
        opacity: 1
    }

    100% {
        opacity: 1
    }
}

.top-banner .banner-segment {
    position: absolute;
    width: 120px;
    line-height: 30px;
    z-index: 3;
    border-radius: 15px;
    background: rgba(0,0,0,.4);
    bottom: 10px;
    left: 340px;
    cursor: pointer;
    display: inline-block
}

.top-banner .banner-segment .seg-item {
    width: 60px;
    height: 30px;
    border-radius: 15px;
    text-align: center
}

.segment-status-select {
    background-color: #17a1e6;
    text-align: center;
    color: #fff
}

.segment-status-normal {
    background-color: transparent;
    text-align: center;
    color: #ccc
}

.top-banner .part-banner {
    position: relative;
    width: 800px;
    height: 420px;
    border-radius: 4px;
    overflow: hidden;
    position: relative
}

.top-banner .part-banner .banner-swiper-container {
    width: 800px;
    height: 420px;
    border-radius: 4px
}

.top-banner .part-banner img.part-banner-img {
    width: 800px;
    top: -40px;
    position: relative
}

.top-banner .part-banner .banner-tip {
    position: absolute;
    width: 160px;
    line-height: 28px;
    z-index: 2;
    text-align: center;
    background: rgba(0,0,0,0.5);
    border-radius: 20px;
    font-weight: 600;
    color: #fff;
    font-size: 14px;
    top: 48%;
    left: 320px;
    cursor: pointer
}

.top-banner .part-banner .layer-cover {
    width: 800px;
    height: 420px;
    opacity: 0;
    filter: alpha(opacity=0)
}

.top-banner .part-banner .layer-cover:hover {
    background: #000;
    opacity: .1;
    filter: alpha(opacity=10)
}

.top-banner .part-map {
    width: 360px;
    height: 420px;
    border-radius: 4px;
    overflow: hidden;
    position: relative
}

.top-banner .part-map img {
    width: 100%;
    height: 100%
}

.top-banner .part-map .pos-img {
    width: 360px;
    height: 420px
}

.top-banner .part-map .map-tip {
    position: absolute;
    width: 170px;
    line-height: 28px;
    text-align: center;
    background: rgba(0,0,0,0.5);
    border-radius: 20px;
    font-weight: 600;
    color: #fff;
    font-size: 14px;
    top: 48%;
    left: 90px;
    cursor: pointer
}

.top-banner .part-map .building-pos-link {
    position: relative;
    width: 360px;
    height: 420px
}

.top-banner .part-map .building-pos-link .pos-img {
    position: absolute;
    border-radius: 4px;
    background: url(../images/public/map_bg_default.png) no-repeat 0 0;
    background-size: 360px 420px
}

.top-banner .part-map .building-pos-link .layer-cover {
    width: 360px;
    height: 420px;
    opacity: .1
}

.top-attribute {
    margin-top: 98px
}

.top-attribute * {
    font-size: 12px;
    color: #666
}

.top-attribute .attr-location {
    margin: 0 0 8px 0
}

.top-attribute .attr-location .iconfont,.top-attribute .attr-statistics .iconfont {
    margin-right: 3px;
    font-size: 19px;
    color: #b2b2b2;
    font-weight: normal
}

.top-attribute .attr-location .iconfont {
    position: relative;
    top: 2px
}

.top-attribute .attr-statistics {
    margin: 0 0 26px 0
}

.guide-box {
    width: 100%;
    background: #FFF;
    height: 60px
}

.guide-box-title {
    width: 100%;
    background: #FFF
}

.guide-box-title-fixed {
    position: fixed;
    left: 0;
    top: 70px;
    z-index: 51
}

.guide-box-title-no-fixed {
    left: 0;
    top: 110px;
    z-index: 51
}

.guide-box-fixed {
    position: fixed;
    left: 0;
    top: 60px;
    z-index: 10;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    height: 61px
}

.guide-wrap {
    width: 1170px;
    height: 60px;
    margin: 0 auto;
    position: relative;
    background: #FFF
}

.guide-bar {
    width: 1170px;
    height: 60px;
    line-height: 60px;
    margin: 0 auto;
    background: #FFF
}

.guide-bar li {
    display: block;
    line-height: 60px;
    float: left;
    margin-right: 60px
}

.guide-bar li.current {
    line-height: 59px;
    border-bottom: 2px solid #17a1e6
}

.guide-bar li.current a {
    color: #17a1e6;
    position: relative;
    top: 1px
}

.guide-bar li a {
    color: #666;
    font-size: 12px
}

.guide-bar li a:hover {
    color: #17a1e6
}

.detail-wrap .left-box {
    background: #FFF
}

.detail-wrap .left-box {
    width: 860px;
    float: left;
    margin: 0 0 20px 0;
    padding: 0 30px;
    padding-bottom: 30px
}

.detail-wrap .right-box {
    position: absolute;
    right: 0;
    top: 81px;
    float: right
}

.detail-wrap .right-box2 {
    position: relative;
    right: 0;
    top: 0;
    float: right;
    width: 300px
}

.detail-wrap .listing-order-wrap {
    width: 300px;
    background: #FFF;
    padding: 20px;
    margin-left: 10px
}

.detail-wrap .listing-order-wrap.tofixed {
    position: fixed;
    top: 120px
}

.price-heat-wrap {
    width: 300px;
    height: 271px;
    background: #FFF;
    padding: 20px;
    margin-left: 10px;
    margin-bottom: 20px
}

.price-heat-wrap .tit {
    width: 100%;
    font-size: 12px;
    line-height: 25px;
    text-align: left;
    color: #666;
    margin-top: 10px
}

.price-heat-wrap .tit2 {
    width: 100%;
    font-size: 12px;
    line-height: 21px;
    text-align: left;
    color: #666
}

.price-heat-wrap .con {
    line-height: 40px;
    font-size: 28px;
    font-weight: 300;
    text-align: left;
    color: #353535
}

.price-heat-wrap .con span {
    float: left;
    font-size: 28px;
    font-weight: 400;
    color: #cc2929
}

.price-heat-wrap .con .layer {
    width: 100px;
    height: 30px;
    font-size: 12px;
    font-weight: 500;
    text-align: left;
    color: #cc2929;
    display: block;
    padding-top: 5px;
    text-indent: 5px;
    position: relative
}

.price-heat-wrap .con .trend_icon_price_down {
    position: absolute;
    top: 4px;
    color: #4ca800
}

.price-heat-wrap .con .trend_icon_price_up {
    position: absolute;
    top: 4px;
    color: #cc2929
}

.price-heat-wrap .data-charts {
    width: 260px;
    height: 102px;
    margin: 0 auto;
    background: url(../images/listing/charts_bg.png);
    background-size: cover;
    margin-bottom: 7px
}

.price-heat-wrap #data-charts {
    width: 260px;
    height: 102px;
    margin: 0 auto
}

.content-wrap {
    width: 1170px;
    margin: 0 auto;
    margin-top: 20px;
    padding-bottom: 40px
}

h3 {
    padding-bottom: 18px;
    padding-top: 18px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    color: #000
}

h3 .more {
    float: right;
    color: #17a1e6;
    font-size: 12px;
    font-weight: normal
}

h3 .more:hover {
    text-decoration: underline
}

h3 .title-tip {
    margin-left: 10px;
    font-weight: normal
}

.description {
    line-height: 1.71;
    color: #666;
    font-size: 14px
}

.form-box .order-num {
    color: #666;
    font-size: 12px;
    margin: 10px 0 20px 0
}

.form-box h3 {
    margin: 10px 0 0 0;
    padding: 0;
    border-bottom: 0
}

.listing-detail .order-form .btn-submit {
    margin-top: 10px
}

.house-empty {
    padding: 100px 0 70px 0;
    text-align: center
}

.house-empty span {
    color: #000;
    font-size: 14px;
    font-weight: 600
}

.house-empty p {
    padding: 10px 0 0 0;
    color: #666;
    font-size: 12px
}

.house-empty a {
    display: block;
    width: 200px;
    height: 40px;
    padding: 14px;
    margin: 0 auto;
    margin-top: 20px;
    border-radius: 4px;
    background: #17a1e6;
    color: #FFF;
    font-size: 14px;
    font-weight: 600
}

.house-bar {
    margin: 0 0 20px 0
}

.house-bar .feature {
    margin-top: 0;
    border-bottom: 1px solid #17a1e6
}

.house-bar .feature li {
    width: 100px;
    padding: 32px 0 10px 0;
    margin-right: 0;
    margin-bottom: 0;
    text-align: center;
    cursor: pointer;
    text-align: center
}

.house-bar .feature li:hover .f-title {
    color: #17a1e6
}

.house-bar .feature li * {
    padding-right: 0
}

.house-bar .feature li .f-title {
    color: #000;
    font-size: 12px;
    border-right: 1px solid rgba(0,0,0,0.1)
}

.house-bar .feature li .f-con {
    color: #b2b2b2;
    font-size: 12px;
    border-right: 1px solid rgba(0,0,0,0.1)
}

.house-bar .feature li.current {
    background: #17a1e6
}

.house-bar .feature li.current .f-title {
    font-weight: 600;
    color: #FFF
}

.house-bar .feature li.current .f-con {
    color: #FFF;
    opacity: .5
}

.house-bar .feature li.current .f-title {
    font-size: 12px
}

.photo-box {
    margin-bottom: 20px
}

.photo-box h3 {
    padding-bottom: 0;
    margin-bottom: 10px;
    border-bottom: 0
}

.photo-list {
    width: 844px
}

.photo-list-wrap {
    width: 844px;
    height: 100px;
    margin-top: 0;
    margin-left: -22px;
    overflow: hidden
}

.photo-list .photo-item {
    width: 170px;
    height: 100px
}

.photo-list .photo-item-link {
    display: block;
    width: 160px;
    height: 100px;
    margin: 0 10px 0 0
}

.photo-list .photo-item-link div {
    height: 100px
}

.photo-list .photo-item img {
    width: 160px;
    height: 100px;
    border-radius: 4px
}

.photo-list h3 {
    height: 25px;
    line-height: 25px;
    padding-bottom: 5px;
    border-bottom: 0
}

.photo-swiper-container {
    width: 800px;
    margin-left: 15px
}

.photo-swiper-container .photo-swiper-next {
    width: 120px;
    height: 100px;
    right: 0
}

.photo-swiper-container .photo-swiper-next .iconfont {
    right: 0;
    top: 45px
}

.photo-swiper-container .photo-swiper-prev {
    width: 120px;
    height: 100px;
    left: 0
}

.photo-swiper-container .photo-swiper-prev .iconfont {
    left: 0;
    top: 45px
}

.photo-list .photo-item-space {
    width: 50px;
    height: 100px
}

.house-list h3 {
    padding: 9px 0;
    padding-top: 20px;
    margin-bottom: 0;
    border-bottom: 0
}

.house-list .f-item {
    margin-right: 10px;
    float: left;
    text-align: center
}

.fitem .img-view {
    width: 96px;
    height: 60px
}

.fitem .img-view>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    float: left;
    margin-left: 17px
}

.fitem .iconView {
    position: absolute;
    left: 17px;
    bottom: 0;
    width: 100%;
    padding-bottom: 5px;
    padding-left: 5px
}

.fitem .iconView .icon {
    float: left;
    width: 20px;
    height: 20px;
    background-size: 700px 300px;
    background-repeat: no-repeat
}

.fitem .iconView .icon:nth-of-type(2) {
    margin-left: 2px
}

.fitem .iconView .icon.vr {
    background-image: url(../images/iconsMap@2x.png);
    background-image: url(../images/iconsMap.png) \9;
    background-position: -360px -26px;
    zoom:.588;width: 34px;
    height: 34px
}

.fitem .iconView .icon.house-plan {
    background-image: url(../images/iconsMap@2x.png);
    background-image: url(../images/iconsMap.png) \9;
    background-position: -192px -136px
}

.house-list .f-item-plan {
    background-image: url(../images/iconsMap@2x.png);
    background-image: url(../images/iconsMap.png) \9;
    background-size: 700px 300px;
    background-position: -192px -136px;
    width: 20px;
    height: 20px;
    vertical-align: top;
    margin-top: -1px;
    position: absolute;
    left: 22px;
    top: 36px
}

.house-list .ftitle {
    height: 40px;
    line-height: 40px;
    border-top: 1px solid rgba(0,0,0,0.1);
    border-bottom: 1px solid rgba(0,0,0,0.1)
}

.house-list .ftitle .f-item {
    height: 40px;
    line-height: 38px;
    color: #000;
    font-size: 12px;
    font-weight: 600
}

.house-list .ftitle .f-item-sort {
    cursor: pointer
}

.house-list .ftitle .f-item-sort:hover {
    background-color: #fbfbfb;
    transition: background .2s linear
}

.house-list .ftitle .f-item span {
    font-size: 12px
}

.house-list .ftitle .f-update .icon-sort-update {
    position: relative;
    top: 1px;
    font-weight: normal;
    font-size: 12px;
    color: #17a1e6
}

.house-list .ftitle .f-price,.house-list .ftitle .f-price a {
    color: #b2b2b2;
    font-size: 12px;
    font-weight: 600
}

.house-list .ftitle .f-price a:hover {
    color: #17a1e6
}

.house-list .ftitle .f-price .current {
    color: #000
}

.house-list .house-img {
    width: 90px;
    height: 60px;
    border-radius: 4px
}

.house-list .fitem {
    height: 80px;
    overflow: hidden;
    padding: 10px 0;
    margin: 20px 0 0 0
}

.house-list .fitem:hover {
    background: #fbfbfb;
    transition: background .2s linear
}

.house-list .f-photo {
    width: 130px
}

.house-list .f-photo.f-house-top {
    background: url(../images/2017-12-26/detail-promo-office-sticktotop.png) 0 0 / 115px 64px no-repeat;
    padding: 2px 0;
    height: 64px
}

.house-list .f-area {
    width: 150px
}

.house-list .f-pnumIndex {
    width: 150px
}

.house-list .f-indexunit {
    width: 150px
}

.house-list .f-price {
    width: 150px
}

.house-list .f-floor {
    width: 90px
}

.house-list .f-decoraion {
    width: 90px
}

.house-list .f-update {
    width: 140px;
    margin-right: 0
}

.house-list .f-item {
    font-size: 12px;
    color: #000;
    line-height: 60px;
    height: 60px
}

.house-list .fitem .f-pnumIndex {
    font-size: 16px
}

.house-list .fitem .f-photo img {
    border-radius: 4px
}

.house-list .fitem .f-area .area-num {
    margin-right: 4px;
    font-size: 24px
}

.house-list .fitem .f-area .area-unit {
    position: relative;
    top: -3px
}

.house-list .fitem .f-price {
    color: #cc2929
}

.house-list .fitem .f-price .price-num {
    margin-right: 4px;
    font-size: 24px
}

.house-list .fitem .f-price .price-unit {
    position: relative;
    top: -3px;
    font-size: 12px
}

.house-list .fitem .f-update {
    color: #b2b2b2
}

.house-list .fitem .unit {
    display: inline-block;
    line-height: 60px
}

.house-list .house-more {
    display: block;
    width: 400px;
    height: 36px;
    line-height: 34px;
    margin: 0 auto;
    margin-top: 30px;
    text-align: center;
    font-size: 12px;
    color: #666;
    border-radius: 4px;
    border: solid 1px #ccc
}

.img-house-shadow {
    background-color: rgba(0,0,0,0.04);
    border-radius: 4px;
    width: 96px;
    height: 60px;
    position: absolute;
    left: 17px
}

.feature li {
    display: block;
    width: auto;
    cursor: pointer;
    margin-right: 40px;
    float: left
}

.feature li span {
    padding: 0
}

.feature li .f-title {
    color: #666;
    font-size: 14px
}

.feature li.current .f-title {
    color: #000;
    font-size: 14px;
    font-weight: 600
}

.feature li .f-con {
    color: #b2b2b2;
    font-size: 12px
}

.feature li .f-con i {
    font-style: normal;
    font-size: 12px
}

.desc-box {
    padding-bottom: 30px
}

.desc-box .feature li {
    width: 33%;
    margin: 0 0 20px 0;
    cursor: default
}

.feature {
    margin: 10px 0 0 0
}

.ul-layer .feature {
    margin-top: 0
}

.feature li.full {
    width: 100%
}

.feature li span {
    display: block;
    padding-right: 20px
}

.feature li span.f-title {
    padding-bottom: 5px;
    color: #b2b2b2;
    font-size: 12px
}

.feature li span.f-con {
    color: #353535
}

.desc-box .desc {
    position: relative;
    margin-top: 5px;
    padding: 20px 0 0 0;
    border-top: 1px solid rgba(0,0,0,0.1);
    line-height: 1.7
}

.desc-box .desc-more {
    position: absolute;
    right: 0;
    bottom: -15px;
    color: #17a1e6;
    font-size: 12px
}

.pick-up-status {
    max-height: 234px;
    overflow: hidden
}

.desc-box .feature li span.f-con,.business-desc-box .feature li span.f-con {
    font-size: 14px
}

.desc-box .feature li span.f-con,.business-desc-box .feature li span.f-con,.belong-box .feature li span.f-con {
    line-height: 1.45;
    font-size: 14px
}

.desc-box .feature li span.f-con .location-link {
    color: #17a1e6
}

.business-desc-box .feature li {
    width: 50%;
    margin-right: 0
}

.business-desc-box .feature li.service .f-con span {
    width: 160px;
    display: inline-block;
    position: relative;
    padding-left: 40px;
    padding-top: 12px;
    margin-bottom: 15px;
    color: #353535
}

.business-desc-box .feature li.full {
    width: 100%
}

.belong-box .pleft {
    width: 200px;
    height: 125px
}

.belong-box .pright {
    width: 560px;
    margin-left: 30px
}

.belong-box .belong-img {
    width: 200px;
    height: 125px;
    border-radius: 3px
}

.belong-box .belong-desc {
    width: 800px;
    padding-top: 20px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    word-break: break-all;
    word-wrap: break-word
}

.belong-box .feature {
    margin-top: 6px
}

.belong-box .feature li {
    width: 50%;
    margin-right: 0;
    margin-bottom: 25px;
    cursor: default
}

.belong-box .feature li.last {
    margin-bottom: 0
}

.panorama-box {
    width: 800px;
    margin: 0 auto;
    background: #fff
}

.panorama-box .panorama-image {
    width: 100%;
    height: 450px;
    position: relative
}

.panorama-box .panorama-image .panorama-abs {
    width: 100%;
    height: 450px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.panorama-box .panorama-image .panorama-abs .loadbox {
    width: 100%;
    height: 450px;
    position: absolute;
    z-index: 1;
    background: #FFF;
    opacity: .2
}

.panorama-box .panorama-image .panorama-abs .loadbox img {
    margin: 210px auto
}

.panorama-box .panorama-image .panorama-abs .loadbox {
    width: 800px;
    height: 450px
}

.panorama-box .btn-switch {
    max-width: 80px;
    margin-right: 40px;
    float: left;
    cursor: pointer
}

.panorama-box .btn-switch.btn-hover {
    color: #000;
    font-weight: 600
}

.panorama-box .btn-switch:hover {
    color: #17a1e6
}

.panorama-box .btn-switch.btn-hover:hover {
    color: #000
}

.panorama-box .loadbox {
    text-align: center
}

.panorama-box .loadbox img {
    width: 30px;
    margin-top: 210px
}

.panorama-title {
    margin: 20px 0 0 20px
}

.panorama-box #container canvas {
    border-radius: 4px
}

.similar-box {
    overflow: hidden
}

.similar-box .building-img {
    width: 210px;
    height: 140px;
    border-radius: 3px
}

.similar-box .similar-list {
    width: 844px;
    height: 210px;
    overflow: hidden;
    position: relative;
    margin-left: -22px
}

.similar-box .similar-item {
    width: 230px;
    height: 210px
}

.similar-box .similar-item-link {
    display: block;
    width: 210px;
    height: 210px
}

.similar-box .similar-item .buildingName {
    padding: 5px 0 2px 0;
    color: #000;
    font-size: 14px;
    word-wrap: break-word;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.similar-box .similar-item .price {
    padding: 1px 0;
    padding-bottom: 3px;
    color: #cc2929;
    font-size: 12px
}

.similar-box .similar-item .order-num {
    color: #b2b2b2;
    font-size: 12px
}

.similar-box .swiper-container {
    width: 800px;
    height: 210px;
    margin-left: 22px
}

.swiper-slide-opcity {
    opacity: .5;
    filter: alpha(opacity=50);
    -moz-opacity: .5;
    -khtml-opacity:  0.5
}

.similar-box .swiper-next .iconfont,.similar-box .swiper-prev .iconfont {
    top: 62px
}

.swiper-container {
    position: relative
}

.swiper-next,.swiper-prev {
    position: absolute;
    top: 0;
    width: 50px;
    height: 100%;
    z-index: 2;
    cursor: pointer;
    overflow: hidden
}

.swiper-next .iconfont,.swiper-prev .iconfont {
    position: absolute;
    top: 40px;
    color: #666;
    font-size: 16px;
    cursor: pointer
}

.swiper-prev {
    left: 0;
    display: none
}

.swiper-next {
    right: 0
}

.swiper-button-disabled {
    display: none
}

.swiper-prev .iconfont {
    left: -3px
}

.swiper-next .iconfont {
    right: -1px
}

.swiper-prev:hover i {
    color: #17a1e6
}

.swiper-next:hover i {
    color: #17a1e6
}

.plan-cover {
    object-fit: cover
}

.gift-box {
    overflow: hidden
}

.gift-box .gift-list {
    width: 844px;
    height: 215px;
    overflow-x: hidden;
    position: relative;
    margin-left: -22px
}

.gift-box .gift-img {
    width: 105px;
    height: 50px
}

.gift-box .gift-item {
    width: 162px;
    height: 215px
}

.gift-box .gift-item-link {
    display: block;
    width: 150px;
    height: 215px;
    margin-right: 20px;
    padding: 8px 8px;
    border: 1px dashed rgba(0,0,0,0.15)
}

.gift-box .gift-item-link:hover {
    border: 1px dashed rgba(0,0,0,0.15)
}

.gift-box .gift-tip {
    margin-top: 20px;
    color: #b2b2b2;
    font-size: 12px
}

.gift-box .gift-info {
    width: 132px;
    height: 145px;
    padding: 22px 6px;
    background: orange url(../images/listing/coupon_bg.png) no-repeat 0 0;
    background-size: 132px 145px
}

.gift-box .gift-info p {
    color: #FFF
}

.gift-box .gift-info .gift-price {
    font-size: 16px;
    font-weight: 600
}

.gift-box .gift-info .gift-title {
    padding: 5px 0 8px 0;
    font-size: 12px;
    line-height: 16px;
    opacity: .9
}

.gift-box .gift-info .gift-subtitle {
    line-height: 14px;
    margin-top: 5px;
    opacity: .7;
    font-size: 10px;
    color: #EEE;
    height: 44px;
    overflow: hidden
}

.gift-box .swiper-container {
    width: 800px;
    height: 215px;
    margin-left: 22px
}

.gift-box .swiper-prev {
    height: 205px;
    top: 5px
}

.gift-box .swiper-next {
    height: 205px;
    right: 0;
    top: 5px
}

.gift-box .swiper-next .iconfont,.gift-box .swiper-prev .iconfont {
    top: 63px
}

.map-content {
    position: relative;
    width: 800px;
    height: 490px;
    background: url(../images/public/map_bg_default_large.png) no-repeat 0 0;
    background-size: 800px 490px
}

.map-content .map-result-wrap {
    width: 210px;
    height: 380px;
    overflow: hidden
}

.map-content .map-result {
    width: 220px;
    height: 400px;
    padding: 24px 10px;
    overflow-y: scroll;
    background: #FFF;
    box-shadow: 0 5px 20px 0 rgba(0,0,0,0.1)
}

.map-result .rname {
    color: #000;
    font-size: 14px
}

.map-result .result-item {
    padding: 0 30px;
    margin-bottom: 15px
}

.walk-box .feature {
    padding-left: 20px;
    padding-bottom: 20px
}

.walk-box .feature li {
    padding: 0;
    margin-right: 30px;
    cursor: pointer
}

.walk-box .feature li span {
    padding: 0
}

.walk-box .feature li .f-title {
    color: #666;
    font-size: 14px
}

.walk-box .map-wrap-popup .feature li .f-title {
    color: #FFF
}

.walk-box .feature li:hover .f-title {
    color: #17a1e6
}

.walk-box .feature li.current .f-title {
    color: #000;
    font-size: 14px;
    font-weight: 600
}

.walk-box .feature li .f-con {
    color: #b2b2b2;
    font-size: 12px
}

.walk-box .feature li .f-con i {
    font-style: normal;
    font-size: 12px
}

.walk-box .map-sidebar {
    position: absolute;
    left: 20px;
    top: 24px;
    z-index: 2
}

.walk-box .map-wrap-popup .building-pos-reset-wrap {
    left: 30px;
    top: 29px
}

.walk-box .map-content {
    position: relative;
    width: 800px;
    height: 490px;
    overflow: hidden
}

.walk-box .map-content .map-result-wrap {
    width: 220px;
    min-height: 380px;
    margin-top: 10px;
    overflow: hidden;
    z-index: 2;
    box-shadow: 0 5px 20px 0 rgba(0,0,0,0.1)
}

.walk-box .map-content .map-result {
    position: relative;
    width: 220px;
    *width: 230px;
    min-height: 400px;
    padding: 14px 5px;
    padding-bottom: 0;
    overflow-y: scroll;
    background: #FFF;
    box-shadow: 0 5px 20px 0 rgba(0,0,0,0.1)
}

.walk-box .map-content .map-result ul {
    padding-bottom: 35px\0
}

.walk-box .map-result .rname {
    position: relative;
    margin-bottom: 4px;
    color: #000;
    font-size: 14px
}

.walk-box .map-result .result-item {
    width: 210px;
    padding: 10px 30px;
    margin-bottom: 0
}

.walk-box .map-result .result-item.current .result-link {
    color: #17a1e6
}

.walk-box .map-result .result-item:hover {
    cursor: pointer;
    background: #f6f6f6
}

.walk-box .map-result .result-item:hover .result-link,.walk-box .map-result .result-item.current .result-link {
    color: #17a1e6
}

.anchorBL {
    display: none
}

.walk-box .map-result .result-item .result-link {
    padding-left: 4px;
    color: #000
}

.walk-box .map-result .result-item .rdetail {
    padding-left: 4px
}

.walk-box .building-pos-reset-wrap {
    padding: 0 5px;
    width: 220px;
    min-height: 52px;
    padding-top: 4px;
    padding-bottom: 3px;
    background: #FFF;
    z-index: 2;
    box-shadow: 0 5px 20px 0 rgba(0,0,0,0.1)
}

.walk-box .building-pos-reset {
    background: #FFF;
    padding: 8px 0 12px 0;
    margin: 2px 0 3px 0;
    z-index: 2;
    cursor: pointer
}

.walk-box .building-pos-reset h4 {
    min-height: 20px;
    padding-left: 23px;
    margin-left: 8px;
    padding-top: 3px;
    margin-top: 2px;
    color: #000;
    font-size: 14px;
    font-weight: normal;
    background: url(../images/public/map_icon_current.png) 0 center no-repeat;
    background-size: 20px 20px
}

.walk-box .building-pos-reset:hover {
    background: #f6f6f6
}

.walk-box .building-pos-reset:hover h4,.walk-box .building-pos-reset.current h4 {
    color: #17a1e6
}

.walk-box .building-pos-reset p {
    display: none
}

.walk-box .map-wrap-popup .building-pos-reset-wrap {
    min-height: 70px
}

.map-wrap-popup .map-content .map-result-wrap {
    width: 300px
}

.map-wrap-popup .map-content .map-result {
    width: 300px
}

.map-wrap-popup .building-pos-reset-wrap {
    width: 300px
}

.map-wrap-popup .building-pos-reset p {
    color: #b2b2b2;
    font-size: 12px;
    line-height: 18px;
    padding: 3px 20px 0 33px;
    display: block
}

.map-wrap-popup .building-pos-reset h4 {
    padding-left: 20px;
    margin-left: 12px;
    color: #000;
    font-size: 14px;
    font-weight: normal;
    background: url(../images/public/map_icon_current.png) 0 center no-repeat;
    background-size: 20px 20px
}

.map-wrap-popup .map-result .result-item {
    width: 290px
}

.walk-box .ddz_map_point strong {
    top: 5px;
    font-family: 'Arial'
}

.walk-box .ddz_map_point {
    width: 110px;
    height: 32px;
    line-height: 25px;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    background: url(../images/public/map_bubble_red.png);
    background-repeat: no-repeat;
    background-size: 120px 32px!important
}

.walk-box .ddz_map_point_current {
    color: transparent;
    width: 30px;
    height: 30px;
    margin-left: 32px;
    background: url(../images/public/map_location_blue.png) 0 center no-repeat;
    background-size: 24px 24px
}

.walk-box .select {
    background: url(../images/public/map_bubble_blue.png) 0 center no-repeat
}

.walk-box .current_select {
    background: url(../images/public/map_location_blue_max.png) 0 center no-repeat;
    background-size: 36px 36px;
    margin-left: 26px;
    width: 36px;
    height: 36px
}

.walk-box .bubble {
    width: 232px;
    min-height: 257px;
    margin-left: -10px;
    background: url(../images/public/map_bubble_bg.png) 0 center no-repeat;
    background-size: 232px 257px;
    -moz-background-size: 232px 257px;
    -webkit-background-size: 232px 257px;
    -o-background-size: 232px 257px
}

.building_img {
    width: 200px;
    height: 125px;
    border-radius: 4px
}

.house_round_btn {
    margin-left: 110px;
    width: 120px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    border-radius: 4px;
    color: #13a1e6;
    font-size: 12px;
    font-weight: 500;
    border: solid 1px #13a1e6;
    cursor: pointer
}

.building_href {
    font-size: 12px;
    text-align: right;
    color: #17a1e6;
    display: inline-block;
    float: right
}

.building_left {
    display: inline-block
}

.building_right {
    display: inline-block;
    width: 200px;
    height: 100%;
    float: right;
    margin-top: 16px
}

.walk-box .item_index {
    color: #fff;
    font-size: 11px;
    height: 24px;
    width: 24px;
    float: left;
    font-weight: 600;
    text-align: center;
    padding-top: 2px;
    background: url(../images/public/map_location_red@2x.png) 0 center no-repeat;
    background: url(../images/public/map_location_red.png) 0 center no-repeat \9;
    background-size: 24px 24px;
    -moz-background-size: 24px 24px;
    -webkit-background-size: 24px 24px;
    -o-background-size: 24px 24px
}

.walk-box .bubble_title {
    color: #000;
    font-size: 14px;
    width: 190px;
    font-weight: 600;
    padding-left: 26px;
    padding-right: 26px;
    display: inline-block;
    margin-bottom: 5px;
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.walk-box .bubble_subtitle {
    margin-top: 7px;
    height: 20px;
    font-size: 12px;
    color: #4a4a4a;
    padding-left: 26px;
    padding-right: 5px
}

.walk-box .bubble_price {
    width: 50%
}

.walk-box .bubble_unit_price {
    margin-top: 5px;
    font-size: 12px;
    color: #cc2929;
    float: left;
    padding-left: 26px
}

.walk-box .bubble_unit_price_font {
    font-size: 12px;
    color: #cc2929
}

.walk-box .bubble_price_font {
    font-size: 18px;
    color: #cc2929
}

.walk-box .bubble_total_price {
    margin-top: 2px;
    font-size: 12px;
    color: #cc2929;
    margin-left: 26px;
    padding-right: 16px
}

.walk-box .img {
    width: 180px;
    height: 120px;
    margin-left: 26px;
    border-radius: 4px
}

.walk-box .map-result .sn,.walk-box .ddz_map_label .sn {
    position: absolute;
    color: #cc2929;
    font-weight: normal;
    font-size: 24px
}

.walk-box .map-result .sn {
    left: -26px
}

.walk-box .map-result strong,.walk-box .ddz_map_label strong {
    position: absolute;
    left: 9px;
    top: 5px;
    text-align: center;
    color: #FFF;
    font-size: 12px;
    font-weight: bold
}

.walk-box .ddz_map_label strong {
    top: 5px;
    font-family: 'Arial'
}

.walk-box .ddz_map_label_9 strong,.walk-box .ddz_map_label_10 strong {
    left: 11px
}

.walk-box .ddz_map_label {
    width: 24px;
    height: 30px
}

.walk-box .ddz_map_label:hover {
    cursor: pointer
}

.walk-box .ddz_map_label:hover .sn {
    color: #17a1e6
}

.walk-box .map-result strong {
    left: -18px;
    top: -1px;
    font-weight: 600
}

.walk-box .map-result .result-item9 strong {
    left: -16px
}

.walk-box .map-result .result-item13 strong {
    left: -19px
}

.walk-box .map-result .result-item7 strong {
    left: -19px
}

.walk-box .map-result .result-item15 strong {
    left: -19px
}

.walk-box .map-result .result-item17 strong {
    left: -19px
}

.walk-box .map-result .result-item23 strong {
    left: -19px
}

.walk-box .ddz_map_label_6 strong {
    left: 10px
}

.walk-box .ddz_map_label_7 strong {
    left: 8px
}

.walk-box .ddz_map_label_9 strong {
    left: 12px;
    top: 6px
}

.walk-box .ddz_map_label_10 strong {
    left: 9px
}

.walk-box .ddz_map_label_12 strong {
    left: 10px
}

.walk-box .ddz_map_label_13 strong {
    left: 8px;
    top: 6px
}

.walk-box .ddz_map_label_20 strong {
    left: 10px
}

.walk-box .ddz_map_label_23 strong {
    left: 8px;
    top: 6px
}

.walk-box .ddz_map_label_25 strong {
    top: 7px
}

.BMapLabel.current,.BMapLabel.highlight {
    z-index: 12
}

.walk-box .BMapLabel.current .ddz_map_label,.walk-box .BMapLabel.highlight .ddz_map_label {
    cursor: pointer;
    z-index: 10;
    position: relative;
    left: -5px;
    top: -6px
}

.walk-box .BMapLabel.current .ddz_map_label strong,.walk-box .BMapLabel.highlight .ddz_map_label strong {
    top: 6px;
    z-index: 10;
    font-size: 18px;
    font-weight: normal
}

.walk-box .BMapLabel.current .ddz_map_label .sn,.walk-box .BMapLabel.highlight .ddz_map_label .sn {
    left: -2px;
    z-index: 10;
    font-size: 34px
}

.walk-box .BMapLabel.highlight .ddz_map_label .sn {
    color: #17a1e6
}

.walk-box .icon-custom {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    padding: 0;
    text-align: center;
    color: #666;
    background: #FFF;
    font-size: 20px;
    z-index: 2;
    font-weight: normal;
    cursor: pointer;
    box-shadow: 0 5px 20px 0 rgba(0,0,0,0.1)
}

.walk-box .icon-custom:hover {
    color: #17a1e6
}

.walk-box .icon-zoom-add {
    top: 60px
}

.walk-box .icon-zoom-minus {
    top: 90px
}

.walk-box .map-wrap-popup .icon-zoom-add {
    top: 20px
}

.walk-box .map-wrap-popup .icon-zoom-minus {
    top: 50px
}

.map-result::-webkit-scrollbar {
    width: 6px
}

.dialog-map {
    width: 100%;
    height: 100%
}

.dialog-map .dialog-main {
    padding: 0
}

.map-popup .feature {
    height: 75px;
    padding: 0 0 0 30px;
    margin-top: 0;
    background: #000
}

.map-popup .feature li {
    margin-top: 15px;
    padding-bottom: 15px
}

.map-popup .feature li span.f-title {
    font-size: 14px
}

.map-popup .feature li span.f-con {
    margin-top: -8px;
    color: #666
}

.map-popup .feature li.current .f-title {
    color: #FFF
}

.map-popup .feature li.current {
    border-bottom: 4px solid #17a1e6
}

.map-popup .map-content .map-result-wrap {
    left: 30px
}

.map-popup .map-content {
    width: 100%;
    height: 100%;
    background: url(../images/listing/map_bg.jpg) 0 0
}

.detail-wrap .service span i {
    position: absolute;
    left: 0;
    top: 5px;
    display: block;
    width: 32px;
    height: 32px;
    background: url(../images/new/icon_business_service.png) no-repeat
}

.detail-wrap .service .establish-active-1 i {
    background-position: 0 0
}

.detail-wrap .service .establish-active-2 i {
    background-position: -32px 0
}

.detail-wrap .service .establish-active-3 i {
    background-position: -64px 0
}

.detail-wrap .service .establish-active-4 i {
    background-position: -96px 0
}

.detail-wrap .service .establish-active-5 i {
    background-position: -128px 0
}

.detail-wrap .service .establish-active-6 i {
    background-position: -160px 0
}

.detail-wrap .service .establish-active-7 i {
    background-position: -192px 0
}

.detail-wrap .service .establish-active-8 i {
    background-position: -224px 0
}

.detail-wrap .service .establish-active-9 i {
    background-position: -256px 0
}

.detail-wrap .service .establish-active-10 i {
    background-position: -288px 0
}

.detail-wrap .service .establish-active-11 i {
    background-position: 0 -32px
}

.detail-wrap .service .establish-inactive-1 i {
    background-position: 0 -128px
}

.detail-wrap .service .establish-inactive-2 i {
    background-position: -32px -128px
}

.detail-wrap .service .establish-inactive-3 i {
    background-position: -64px -128px
}

.detail-wrap .service .establish-inactive-4 i {
    background-position: -96px -128px
}

.detail-wrap .service .establish-inactive-5 i {
    background-position: -128px -128px
}

.detail-wrap .service .establish-inactive-6 i {
    background-position: -160px -128px
}

.detail-wrap .service .establish-inactive-7 i {
    background-position: -192px -128px
}

.detail-wrap .service .establish-inactive-8 i {
    background-position: -224px -128px
}

.detail-wrap .service .establish-inactive-9 i {
    background-position: -256px -128px
}

.detail-wrap .service .establish-inactive-10 i {
    background-position: -288px -128px
}

.detail-wrap .service .establish-inactive-11 i {
    background-position: 0 -160px
}

.detail-wrap .service .characteristic-active-1 i {
    background-position: -32px -32px
}

.detail-wrap .service .characteristic-active-2 i {
    background-position: -64px -32px
}

.detail-wrap .service .characteristic-active-3 i {
    background-position: -96px -32px
}

.detail-wrap .service .characteristic-active-4 i {
    background-position: -128px -32px
}

.detail-wrap .service .characteristic-active-5 i {
    background-position: -160px -32px
}

.detail-wrap .service .characteristic-active-6 i {
    background-position: -192px -32px
}

.detail-wrap .service .characteristic-active-7 i {
    background-position: -224px -32px
}

.detail-wrap .service .characteristic-active-8 i {
    background-position: -256px -32px
}

.detail-wrap .service .characteristic-active-9 i {
    background-position: -288px -32px
}

.detail-wrap .service .characteristic-inactive-1 i {
    background-position: -32px -160px
}

.detail-wrap .service .characteristic-inactive-2 i {
    background-position: -64px -160px
}

.detail-wrap .service .characteristic-inactive-3 i {
    background-position: -96px -160px
}

.detail-wrap .service .characteristic-inactive-4 i {
    background-position: -128px -160px
}

.detail-wrap .service .characteristic-inactive-5 i {
    background-position: -160px -160px
}

.detail-wrap .service .characteristic-inactive-6 i {
    background-position: -192px -160px
}

.detail-wrap .service .characteristic-inactive-7 i {
    background-position: -224px -160px
}

.detail-wrap .service .characteristic-inactive-8 i {
    background-position: -256px -160px
}

.detail-wrap .service .characteristic-inactive-9 i {
    background-position: -288px -160px
}

.detail-wrap .service .base-active-1 i {
    background-position: 0 -64px
}

.detail-wrap .service .base-active-2 i {
    background-position: -32px -64px
}

.detail-wrap .service .base-active-3 i {
    background-position: -64px -64px
}

.detail-wrap .service .base-active-4 i {
    background-position: -96px -64px
}

.detail-wrap .service .base-active-5 i {
    background-position: -128px -64px
}

.detail-wrap .service .base-active-6 i {
    background-position: -160px -64px
}

.detail-wrap .service .base-active-7 i {
    background-position: -192px -64px
}

.detail-wrap .service .base-active-8 i {
    background-position: -224px -64px
}

.detail-wrap .service .base-active-9 i {
    background-position: -256px -64px
}

.detail-wrap .service .base-active-10 i {
    background-position: -288px -64px
}

.detail-wrap .service .base-active-11 i {
    background-position: 0 -96px
}

.detail-wrap .service .base-active-12 i {
    background-position: -32px -96px
}

.detail-wrap .service .base-inactive-1 i {
    background-position: 0 -192px
}

.detail-wrap .service .base-inactive-2 i {
    background-position: -32px -192px
}

.detail-wrap .service .base-inactive-3 i {
    background-position: -64px -192px
}

.detail-wrap .service .base-inactive-4 i {
    background-position: -96px -192px
}

.detail-wrap .service .base-inactive-5 i {
    background-position: -128px -192px
}

.detail-wrap .service .base-inactive-6 i {
    background-position: -160px -192px
}

.detail-wrap .service .base-inactive-7 i {
    background-position: -192px -192px
}

.detail-wrap .service .base-inactive-8 i {
    background-position: -224px -192px
}

.detail-wrap .service .base-inactive-9 i {
    background-position: -256px -192px
}

.detail-wrap .service .base-inactive-10 i {
    background-position: -288px -192px
}

.detail-wrap .service .base-inactive-11 i {
    background-position: 0 -228px
}

.detail-wrap .service .base-inactive-12 i {
    background-position: -32px -228px
}

.detail-wrap .service .base-active-small-1 i {
    background-position: 0 -288px
}

.detail-wrap .service .base-active-small-2 i {
    background-position: -24px -288px
}

.detail-wrap .service .base-active-small-3 i {
    background-position: -48px -288px
}

.detail-wrap .service .base-active-small-4 i {
    background-position: -72px -288px
}

.detail-wrap .service .base-active-small-5 i {
    background-position: -96px -288px
}

.detail-wrap .service .base-active-small-6 i {
    background-position: -120px -288px
}

.detail-wrap .service .base-active-small-7 i {
    background-position: -144px -288px
}

.detail-wrap .service .base-active-small-8 i {
    background-position: -168px -288px
}

.detail-wrap .service .base-active-small-9 i {
    background-position: -192px -288px
}

.detail-wrap .service .base-active-small-10 i {
    background-position: -216px -288px
}

.detail-wrap .service .base-active-small-11 i {
    background-position: -240px -288px
}

.detail-wrap .service .base-active-small-12 i {
    background-position: -264px -288px
}

.detail-wrap .service .base-inactive-small-1 i {
    background-position: 0 -312px
}

.detail-wrap .service .base-inactive-small-2 i {
    background-position: -24px -312px
}

.detail-wrap .service .base-inactive-small-3 i {
    background-position: -48px -312px
}

.detail-wrap .service .base-inactive-small-4 i {
    background-position: -72px -312px
}

.detail-wrap .service .base-inactive-small-5 i {
    background-position: -96px -312px
}

.detail-wrap .service .base-inactive-small-6 i {
    background-position: -120px -312px
}

.detail-wrap .service .base-inactive-small-7 i {
    background-position: -144px -312px
}

.detail-wrap .service .base-inactive-small-8 i {
    background-position: -168px -312px
}

.detail-wrap .service .base-inactive-small-9 i {
    background-position: -192px -312px
}

.detail-wrap .service .base-inactive-small-10 i {
    background-position: -216px -312px
}

.detail-wrap .service .base-inactive-small-11 i {
    background-position: -240px -312px
}

.detail-wrap .service .base-inactive-small-12 i {
    background-position: -264px -312px
}

.map-location-label {
    height: 30px;
    min-width: 200px
}

.map-content .map-box {
    width: 1040px;
    height: 490px
}

.map-bg-left,.map-bg-middle,.map-bg-right {
    height: 30px;
    float: left
}

.map-bg-left {
    width: 10px;
    background: url(../images/listing/map_bg_location_left.png) no-repeat 0 0;
    background-size: 10px 30px
}

.map-bg-middle {
    max-width: 180px;
    font-weight: 600;
    padding-top: 2px;
    line-height: 22px;
    overflow: hidden;
    font-size: 12px;
    background: url(../images/listing/map_bg_location_mid.png) repeat-x 0 0;
    background-size: 10px 30px
}

.map-bg-right {
    width: 10px;
    background: url(../images/listing/map_bg_location_right.png) no-repeat 0 0;
    background-size: 10px 30px
}

.map-wrap-popup {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 9999
}

.map-wrap-popup .map-content {
    width: 100%;
    height: 100%
}

.map-wrap-popup .map-content .map-box {
    width: 100%;
    height: 100%
}

.map-wrap-popup .feature li {
    padding: 0 10px;
    padding-bottom: 20px;
    margin-right: 20px
}

.map-wrap-popup .feature li.current {
    padding-bottom: 20px;
    border-bottom: 4px solid #17a1e6
}

.map-wrap-popup .feature li.current .f-title {
    color: #FFF
}

.map-wrap-popup .feature li.current:hover .f-title {
    color: #17a1e6
}

.map-wrap-popup .feature {
    padding-bottom: 0
}

.map-wrap .btn-map-close {
    display: none
}

.map-wrap-popup .btn-map-close {
    display: block;
    position: fixed;
    right: 20px;
    top: 30px;
    color: #FFF;
    font-size: 40px;
    font-weight: normal;
    cursor: pointer
}

.map-wrap-popup .icon-full-screen {
    display: none
}

.icon-sort {
    position: relative;
    left: 4px;
    top: 1px;
    display: inline-block;
    width: 10px;
    height: 10px;
    cursor: pointer;
    background-size: 6px 10px
}

.icon-sort-default {
    background: url(../images/listing/common_icon_sort_default.png) no-repeat 2px 0;
    background-size: 6px 10px
}

.icon-sort-up {
    background: url(../images/listing/common_icon_sort_up.png) no-repeat 2px 0;
    background-size: 6px 10px
}

.icon-sort-down {
    background: url(../images/listing/common_icon_sort_down.png) no-repeat 2px 0;
    background-size: 6px 10px
}

.dialog-carousel .house-info {
    width: 100%;
    min-height: 250px;
    background: #FFF url(../images/new/popup_bg.gif) right top repeat-y
}

.house-info .part_l {
    width: 70%;
    height: 100%
}

.house-info .part_r {
    width: 28%;
    height: 100%;
    min-height: 250px;
    background: #f5f5f5;
    padding-top: 10px
}

.house-info .part_r .house-form-error {
    width: 260px;
    position: absolute;
    left: 191px;
    top: 0;
    height: 36px;
    line-height: 36px;
    padding: 8px 0
}

.house-info .part_r .house-form-error span {
    display: inline-block;
    height: 36px;
    line-height: 36px;
    padding-left: 10px;
    padding-right: 10px;
    background: #FFF;
    box-shadow: 0 2px 18px rgba(0,0,0,0.5);
    border-radius: 4px
}

.house-info .part_r .house-form-error i {
    position: absolute;
    left: -6px;
    top: 16px;
    display: block;
    width: 10px;
    height: 20px;
    background: url(images/dialog_icon.png) no-repeat 0 0
}

.house-info .part_r .mobileError {
    top: 50px
}

.house-info .part_r .commentError {
    top: 126px
}

.house-info .flist {
    margin-left: 30px
}

.house-info .house-price {
    height: 80px;
    line-height: 80px;
    padding: 0 0 0 45px
}

.house-info .house-price i {
    padding-right: 4px;
    font-style: normal;
    color: #fe831b;
    font-size: 32px
}

.house-info .house-price i .currency {
    font-size: 28px
}

.house-info .flist li {
    width: 33%;
    line-height: 44px;
    color: #333;
    border-top: 1px solid #e5e5e5
}

.house-info .flist li.left-offset span {
    margin-left: -40px
}

.house-info .flist-business {
    position: relative;
    padding-bottom: 40px
}

.house-info .flist-business li {
    width: 33%;
    overflow: hidden
}

.house-info .flist-business li.half-full {
    width: 50%
}

.house-info .flist li span {
    width: 90px;
    padding-right: 20px;
    color: #999;
    text-align: right
}

.house-info .flist li i {
    padding: 0 5px 0 0;
    font-style: normal
}

.house-info .flist li i.i-price {
    color: #fe831b
}

.house-info .flist li.full {
    width: 100%
}

.house-info .flist li.li-clear {
    border: 0;
    clear: both
}

.house-info .flist li.house-more-service {
    width: 100%;
    position: absolute;
    bottom: 10px;
    right: 0;
    text-align: right;
    text-align: right;
    border: 0
}

.house-info .flist li.house-more-service a {
    color: #999
}

.house-info .flist li.house-more-service a:hover {
    text-decoration: underline
}

.house-info .order-box {
    position: relative;
    width: 86%;
    margin-left: 7%;
    right: 0
}

.house-info .flist .service-list {
    width: 80%;
    padding: 10px 0 0 0
}

.house-info .flist .service-list li {
    width: 110px;
    height: 24px;
    line-height: 24px;
    margin: 0 0 15px 0;
    padding-left: 23px;
    float: left;
    border-top: 0
}

.house-info .flist .service-list li i {
    left: -2px;
    top: 0;
    padding: 0;
    width: 24px;
    height: 24px
}

.service-list li i .house-info .service-list {
    width: 80%
}

.house-info .house-form-error {
    display: none
}

.house-info .part_r .btn-rent-out {
    margin: 35px 10px 20px 10px
}

.dialog-house-detail {
    background: rgba(0,0,0,0.3)
}

.map_metro_distance {
    position: relative;
    left: -25px;
    width: 50px;
    height: 19px;
    line-height: 19px;
    text-align: center;
    color: #FFF;
    background: #17a1e6;
    border-radius: 3px
}

.map-wrap-popup .map_metro_distance {
    top: 9px
}

.map-detail-marker {
    position: relative;
    width: 160px;
    height: 40px;
    background: #fafafa;
    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    border-radius: 5px
}

.map-detail-marker .detail-marker-header {
    height: 38px;
    line-height: 38px;
    background: #FFF;
    border-radius: 5px 5px 0 0;
    overflow: hidden
}

.map-detail-marker .detail-marker-header span {
    display: block;
    text-align: center
}

.map-detail-marker .detail-marker-body {
    height: 80px;
    padding: 10px 15px;
    color: #999;
    overflow: hidden
}

.map-detail-marker .icon_arrow_bottom {
    position: absolute;
    left: 74px;
    bottom: -14px;
    width: 16px;
    height: 15px;
    background: url(../images/new/icon_arrow_bottom.png) no-repeat center center
}

.baidu_map_marker {
    cursor: pointer;
    min-width: 80px;
    height: 35px;
    position: absolute;
    margin-left: 0;
    font-size: 12px;
    background: url(../images/new/ddz_map_arrow_bottom_01.png) 33px bottom no-repeat;
    color: #FFF
}

.baidu_map_marker .ac,.baidu_map_marker .ac2 {
    height: 27px;
    line-height: 27px
}

.baidu_map_marker .ac {
    background: #1da7f0;
    border-radius: 5px;
    font-size: 12px;
    box-shadow: 0 -1px 3px rgba(0,0,0,0.3);
    display: block
}

.baidu_map_marker .ac2 {
    background: #1da7f0;
    border-radius: 5px;
    font-size: 12px;
    box-shadow: 0 -1px 3px rgba(0,0,0,0.3);
    display: none;
    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 6px 10px;
    margin-left: 8px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.3)
}

.baidu_map_marker:hover .ac {
    display: none
}

.baidu_map_marker:hover .ac2 {
    display: block
}

.map-wrap .notice-box {
    position: absolute;
    z-index: 99;
    top: 120px;
    left: 45%;
    height: 30px;
    line-height: 30px;
    width: 250px;
    text-align: center;
    background: rgba(0,0,0,0.6);
    color: #fff;
    border-radius: 5px;
    display: none
}

.map-wrap .loading-box {
    position: absolute;
    z-index: 99;
    top: 120px;
    left: 45%;
    padding-left: 20px;
    height: 40px;
    line-height: 40px;
    width: 150px;
    text-align: center;
    background: #FFF url(../images/new/loading.gif) 10px center no-repeat;
    color: #000;
    border-radius: 5px;
    display: none
}

i.metro-icon {
    display: inline-block;
    width: 14px;
    height: 14px;
    position: relative;
    left: 4px;
    top: 2px
}

.metro-service-3 i.metro-icon {
    background: url(../images/new/icon_train_3.png) no-repeat center 0
}

.metro-service-80 i.metro-icon {
    background: url(../images/new/icon_train_80.png) no-repeat center 0
}

.metro-service-295 i.metro-icon {
    background: url(../images/new/icon_train_295.png) no-repeat center 0
}

.metro-service-545 i.metro-icon {
    background: url(../images/new/icon_train_545.png) no-repeat center 0
}

.metro-service-1100 i.metro-icon {
    background: url(../images/new/icon_train_1100.png) no-repeat center 0
}

.metro-service-1200 i.metro-icon {
    background: url(../images/new/icon_train_1200.png) no-repeat center 0
}

.building-box .listing_img {
    width: 200px;
    height: 125px;
    border-radius: 4px
}

.building-box .donetime-address {
    float: right;
    width: 567px
}

.swiper-house-box {
    position: relative
}

.sign-box .listing_img {
    height: 48px;
    width: 48px;
    border-radius: 24px;
    margin: 10px 10px 12px 0
}

.sign-box .donetime-address {
    float: right;
    width: 735px
}

.sign-content {
    border-bottom: 1px solid rgba(0,0,0,0.1);
    overflow: hidden;
    padding-bottom: 20px
}

.detail-wrap .sign-box {
    padding-bottom: 30px;
    position: relative
}

.sign-title {
    font-size: 12px;
    text-align: left;
    color: #666;
    font-weight: normal;
    padding-left: 5px
}

.feature li span.f-name {
    width: 300px;
    height: 20px;
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    color: #000;
    margin-bottom: 8px
}

.sign-box .donetime-address .feature li {
    cursor: default
}

.feature li span.f-info {
    color: #b2b2b2;
    font-size: 12px;
    position: relative;
    padding-bottom: 5px
}

.f-info-desc {
    margin-left: 77px;
    font-size: 12px;
    padding-top: 2px
}

.feature li span.f-building {
    height: auto;
    font-size: 14px;
    line-height: 1.71;
    text-align: left;
    color: #666
}

.feature li span.f-building a {
    font-weight: 600;
    color: #17a1e6
}

.feature li span.f-building .iconfont {
    font-size: 20px;
    color: #ccc;
    padding-right: 2px
}

.feature li .f-con i.f-singn-desc {
    position: relative;
    top: -2px;
    font-style: normal;
    font-size: 14px;
    text-align: left;
    color: #666
}

.seller {
    position: absolute;
    text-align: left;
    top: 2px
}

.seller h2 {
    font-size: 2.4rem;
    line-height: 3.2rem;
    color: #000
}

.seller p {
    font-size: 1.2rem;
    padding-top: .8rem;
    padding-bottom: .4rem;
    color: #666
}

.seller .user-score {
    width: 72px;
    height: 14px;
    border-radius: 2px;
    border: solid 1px #ffba00;
    background-color: #ccc
}

.seller .user-score .fr {
    width: 20px;
    height: 12px;
    line-height: 12px;
    text-align: center;
    background: #ffba00;
    color: #fff;
    font-size: 9px;
    font-weight: 600;
    padding-left: 2px
}

.seller .user-score .star-bg {
    height: 13px;
    background: #ffba00
}

.seller .user-score .star-level {
    width: 52px;
    height: 12px;
    background: url(../images/star_small_myindex.png) no-repeat;
    background-size: 100%
}

.sign-content .feature {
    position: relative
}

.feature li.sign-apply {
    position: absolute;
    top: 0;
    right: 10px;
    width: 80px;
    height: 28px
}

.feature li.sign-apply .sign-apply-btn {
    width: 80px;
    height: 28px;
    border-radius: 4px;
    border: solid 1px #17a1e6;
    line-height: 23px;
    font-size: 12px;
    font-weight: 600;
    color: #17a1e6;
    background: #fff;
    text-align: center;
    padding-right: 6px
}

.feature li.sign-apply .sign-apply-btn:hover {
    border: solid 1px #18aaf2;
    background: #17a1e6;
    transition: background .2s linear;
    color: #fff
}

.feature li.sign-apply .sign-apply-btn:active {
    background: #148fcc;
    transition: background .2s linear
}

.sign-list .house-more {
    display: block;
    width: 400px;
    height: 36px;
    line-height: 34px;
    margin: 0 auto;
    margin-top: 30px;
    text-align: center;
    font-size: 12px;
    color: #666;
    border-radius: 4px;
    border: solid 1px #ccc
}

.sign-swiper-next {
    width: 0;
    height: 0;
    right: 0
}

.sign-swiper-next .iconfont {
    right: 30px;
    top: 15px;
    font-size: 14px
}

.sign-swiper-prev {
    width: 0;
    height: 0;
    right: 0;
    display: block;
    left: 92%
}

.sign-swiper-prev .iconfont {
    right: 40px;
    top: 15px;
    color: #f0f0f0;
    font-size: 14px
}

.sign-box,.sign-pos {
    display: none
}

.tagInfoItem {
    margin: auto auto auto 10px;
    padding: 5px 0
}

.tagTips {
    font-size: 12px;
    margin: auto auto auto 10px
}

.tagTips span {
    font-size: 12px
}

.tagInfoItem img {
    min-width: 30px;
    display: inline-block
}

.tagInfoItem:hover .tagHoverTips {
    display: block
}

.map_house_content {
    width: 290px;
    height: 540px;
    overflow: hidden;
    background-color: white
}

.map_house_tag_content {
    width: 100%
}

.map_house_tag {
    padding-left: 6px;
    padding-right: 6px;
    min-width: 60px;
    margin-right: 6px;
    margin-top: 6px;
    height: 22px;
    border-radius: 2px;
    background-color: #eaf6ff;
    font-size: 10px;
    color: #3baaf5;
    display: inline-block;
    text-align: center;
    line-height: 22px
}

.map_house_tag1 {
    color: #3d5d85!important;
    background: #edeff2!important
}

.map_house_tag2 {
    color: #3d5d85!important;
    background: #edeff2!important
}

.map_house_tag3 {
    color: #3d5d85!important;
    background: #edeff2!important
}

.map_house_tag4 {
    color: #3d5d85!important;
    background: #edeff2!important
}

.map_house_tag_yz {
    background: #45befa!important;
    color: white!important
}

.map_house_tag_common {
    color: #3d5d85!important;
    background: #edeff2!important
}

.close_map_house_list {
    margin-left: 0;
    width: 12px;
    height: 500px;
    background-color: green;
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
    position: absolute
}

.house-info .region {
    font-size: 12px;
    color: #4a4a4a
}

.house-info .region:hover {
    color: #17a1e6;
    cursor: pointer
}

.map_expansion {
    margin-left: 272px;
    margin-top: 232px;
    width: 18px;
    height: 88px;
    position: absolute;
    background: url(../images/public/map_list_close@2x.png) no-repeat center;
    background: url(../images/public/map_list_close.png) no-repeat center \9;
    background-size: 18px 88px;
    -moz-background-size: 18px 88px;
    -webkit-background-size: 18px 88px;
    -o-background-size: 18px 88px
}

.map_open {
    margin-left: 0;
    margin-top: 232px;
    width: 12px;
    height: 88px;
    background: url(../images/public/map_list_open@2x.png) no-repeat center;
    background: url(../images/public/map_list_open.png) no-repeat center \9;
    background-size: 6px 12px;
    -moz-background-size: 6px 12px;
    -webkit-background-size: 6px 12px;
    -o-background-size: 6px 12px
}

.map_house_tag5 {
    color: #3d5d85!important;
    background: #edeff2!important
}

.map_house_list {
    overflow-x: hidden;
    overflow-y: scroll;
    height: 470px;
    width: 305px
}

.map_house_list .title {
    color: #000;
    font-size: 14px;
    height: 20px;
    padding-top: 20px
}

.map_house_list .subTitle {
    color: #bebebe;
    font-size: 12px;
    margin-top: 6px;
    margin-bottom: 4px;
    width: 90px;
    display: inline-block
}

.map_house_list .map_item_line {
    background-color: #ebebeb;
    height: 1px;
    margin-left: 20px;
    margin-right: 30px
}

.map_house_list .price {
    font-size: 12px;
    font-weight: 500;
    color: #cc2929;
    display: inline-block;
    width: 100px;
    text-align: right
}

.map_house_tab {
    margin-left: 20px;
    margin-top: 20px;
    border-bottom: solid 2px #17a1e6
}

.map_tab_item {
    width: 82px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #666;
    text-align: center;
    display: inline-block
}

.map_tab_item:hover {
    cursor: pointer
}

.map_house_item {
    min-height: 63px;
    padding-left: 20px;
    padding-top: 20px
}

.map_house_item:hover {
    cursor: pointer;
    background: #f6f6f6
}

.map_house_item:hover .title {
    color: #17a1e6
}

.map_house_item.current .item_index {
    color: transparent;
    background: url(../images/public/map_location_blue@2x.png) 0 center no-repeat;
    background: url(../images/public/map_location_blue.png) 0 center no-repeat \9;
    background-size: 24px 24px;
    height: 24px;
    width: 24px
}

.map_tab_item_select {
    color: white;
    font-weight: 500;
    background-color: #17a1e6
}

.tagInfoItem .tagHoverTips {
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    color: #fff;
    position: absolute;
    top: -20px;
    z-index: 10;
    display: none;
    padding: 0 10px;
    border-radius: 4px
}

.map_house_item .item_left {
    width: 36px;
    height: 60px;
    vertical-align: top;
    display: inline-block
}

.map_house_item .item_right {
    display: inline-block;
    width: 210px;
    min-height: 60px;
    vertical-align: top
}

.map_house_item .title {
    width: 200px;
    min-height: 20px;
    line-height: 20px
}

.vr-tips-bar {
    width: 800px;
    height: 52px;
    line-height: 52px;
    display: inline-block
}

.vr-tips-bar .vr-icon {
    width: 40px;
    height: 26px;
    margin-top: 14px;
    border-radius: 100px;
    background-image: url(../images/iconsMap@2x.png);
    background-image: url(../images/iconsMap.png) \9;
    background-size: 700px 300px;
    background-position: -360px 0
}

.vr-tips-bar .vr-text {
    margin-left: 10px;
    margin-top: 17px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    color: #000
}

.vr-tips-bar .vr-link .vr-href {
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    color: #17a1e6;
    margin-top: 17px
}

.vr-bottom-line {
    width: 800px;
    height: 1px;
    background-color: rgba(0,0,0,0.1)
}

.banner-segment.house-plan {
    left: 50%;
    transform: translateX(-50%)
}