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: #009B4C
}

.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: #009B4C
}

.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: #009B4C;
    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/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 #009B4C
}

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

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

.guide-bar li a:hover {
    color: #009B4C
}

.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/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: #009B4C;
    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: #009B4C;
    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 #009B4C
}

.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: #009B4C
}

.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: #009B4C
}

.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: #009B4C
}

.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: #009B4C
}

.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: #009B4C;
    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: #009B4C
}

.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: #009B4C
}

.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: 100%;
    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;
    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;
}

.swiper-next {
    right: 0
}

.swiper-button-disabled {
    display: none
}

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

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

.swiper-prev:hover i {
    color: #009B4C
}

.swiper-next:hover i {
    color: #009B4C
}

.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/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/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: #009B4C
}

.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: #009B4C
}

.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: #009B4C
}

.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/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: #009B4C
}

.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/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 {
    min-width: 100px;
    height: 32px;
    padding-right: 7px;
    line-height: 25px;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    background: url(../images/map_bubble_red.png) 0 center no-repeat
}

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

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

.walk-box .current_select {
    background: url(../images/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/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: #009B4C;
    font-size: 12px;
    font-weight: 500;
    border: solid 1px #009B4C;
    cursor: pointer
}

.building_href {
    font-size: 12px;
    text-align: right;
    color: #009B4C;
    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/map_location_red@2x.png) 0 center no-repeat;
    background: url(../images/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: #009B4C
}

.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: #009B4C
}

.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: #009B4C
}

.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 #009B4C
}

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

.map-popup .map-content {
    width: 100%;
    height: 100%;
    background: url(../images/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/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/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/map_bg_location_mid.png) repeat-x 0 0;
    background-size: 10px 30px
}

.map-bg-right {
    width: 10px;
    background: url(../images/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 #009B4C
}

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

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

.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/common_icon_sort_default.png) no-repeat 2px 0;
    background-size: 6px 10px
}

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

.icon-sort-down {
    background: url(../images/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/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: #009B4C;
    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/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/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: #009B4C;
    border-radius: 5px;
    font-size: 12px;
    box-shadow: 0 -1px 3px rgba(0,0,0,0.3);
    display: block
}

.baidu_map_marker .ac2 {
    background: #009B4C;
    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/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/icon_train_3.png) no-repeat center 0
}

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

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

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

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

.metro-service-1200 i.metro-icon {
    background: url(../images/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: #009B4C
}

.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 #009B4C;
    line-height: 23px;
    font-size: 12px;
    font-weight: 600;
    color: #009B4C;
    background: #fff;
    text-align: center;
    padding-right: 6px
}

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

.feature li.sign-apply .sign-apply-btn:active {
    background: #009B4C;
    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: #009B4C;
    display: inline-block;
    text-align: center;
    line-height: 22px
}

.map_house_tag1 {
    color: #009B4C;
    background-color: #eaf6ff
}

.map_house_tag2 {
    color: #f0b030!important;
    background-color: #fcf5e8!important
}

.map_house_tag3 {
    color: #2fc296!important;
    background-color: #e6f6f1!important
}

.map_house_tag4 {
    color: #8d88c2!important;
    background-color: #f2f2f6!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: #009B4C;
    cursor: pointer
}

.map_expansion {
    margin-left: 272px;
    margin-top: 232px;
    width: 18px;
    height: 88px;
    position: absolute;
    background: url(../images/map_list_close@2x.png) no-repeat center;
    background: url(../images/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/map_list_open@2x.png) no-repeat center;
    background: url(../images/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: #e67b60!important;
    background-color: #fcf2ef!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 #009B4C
}

.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: #009B4C
}

.map_house_item.current .item_index {
    color: transparent;
    background: url(../images/map_location_blue@2x.png) 0 center no-repeat;
    background: url(../images/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: #009B4C
}

.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: #009B4C;
    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%)
}