/*
	引用当前样式的，有如下页面：
	newHouseDetails.html
	newHouseApartmentDetails.html
*/
.house-swiper { position: relative; }
.house-nape { position: absolute; bottom: 1rem; left: 16%; right: 16%; z-index: 3; color: #6b7072; text-align: center; font-size: 1.2rem; }
    .house-nape .nape { display: inline-block; min-width: 4rem; height: 2rem; line-height: 2rem; /*margin: 0 0.4rem;*/ border-radius: 1rem; background: rgba(255,255,255,0.8); }
        .house-nape .nape.on { background: #ec3611; background: -webkit-gradient(linear,left top,right top,color-stop(20%,#f24f18),color-stop(80%,#e61f0b)); background: -webkit-linear-gradient(left,#f24f18 20%,#e61f0b 80%); background: linear-gradient(to right,#f24f18 20%,#e61f0b 80%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24f18', endColorstr='#e61f0b', GradientType=1); color: #fff; }

.house-termbox { }
.house-term { /*height: 468px;*/ background: #f8f8f9; }
.swiper-vrbox { /*position: relative; padding-top: 62.67%;*/ }
.apartment-bannerbox .swiper-vrbox { padding-top: 75.2%; }
.swiper-vrbox a.icon-vr, .swiper-vrbox .icon-vr { position: absolute; top: 50%; left: 50%; z-index: 2; margin: -2.7rem 0 0 -2.7rem; display: block; width: 5.4rem; height: 5.4rem; background: url(../images/icon_vr130.png) center center no-repeat; background-size: 5.4rem; }
.vr-videobox { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; overflow: hidden; }
.swiper-vrbox { position: relative; padding-top: 62.67%; }
.vr-videobox { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; overflow: hidden; }

#videobox { text-align: center; }
.none-nape { display: none !important; }
.swiper-vrbox .icon-video { position: absolute; top: 50%; left: 50%; z-index: 2; margin: -2.7rem 0 0 -2.7rem; display: block; width: 5.4rem; height: 5.4rem; background: url(../images/video_icon.png) center center no-repeat; background-size: 5.4rem; }
.video1 { width: 100%; max-width: 750px; }

.house-term-swiper { }
    .house-term-swiper .swiper-slide a.aimg { display: block; padding-top: 62.67%; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.apartment-bannerbox .house-term-swiper .swiper-slide a { padding-top: 75.2%; }
.house-term-swiper .swiper-paginationbox { position: absolute; right: 1.2rem; bottom: 1rem; z-index: 2; color: #fff; height: 2rem; line-height: 2rem; padding: 0 0.8rem; background: rgba(0,0,0,0.5); border-radius: 1rem; font-size: 1.2rem; }
    .house-term-swiper .swiper-paginationbox .swiper-pagination { position: relative; left: 0; bottom: 0; top: 0; right: 0; }


.vr-videobox .swiper-slide a { display: block; padding-top: 62.67%; background-size: cover; background-repeat: no-repeat; background-position: center center; }

.apartment-bannerbox .vr-videobox.swiper-slide a { padding-top: 75.2%; }

.vr-videobox .swiper-paginationbox { position: absolute; right: 1.2rem; bottom: 1rem; z-index: 2; color: #fff; height: 2rem; line-height: 2rem; padding: 0 0.8rem; background: rgba(0,0,0,0.5); border-radius: 1rem; font-size: 1.2rem; }

    .vr-videobox .swiper-paginationbox .swiper-pagination { position: relative; left: 0; bottom: 0; top: 0; right: 0; }

.house-mainbox { background: #fff; }
.house-main { padding: 1.5rem 1.2rem 1rem; }
.house-info { line-height: 2rem; font-size: 1.3rem; padding-bottom: 1.2rem; color: #9c9fa1; border-bottom: 1px solid #e8e8e8; }
.apartment-infobox .house-info { border-bottom: none; padding-bottom: 0; }
.house-main .house-info h2 * { vertical-align: middle; }
.house-main .house-info h2 { line-height: 3.2rem; color: #394043; margin-bottom: 0.2rem; }
/*.house-info h2 .name.row2{max-height: 3.6rem; line-height: 1.8rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}*/
.house-main .house-info .name { font-size: 2rem; color: #010101; font-weight: 600; }
.house-main .house-info .state { display: inline-block; height: 1.8rem; line-height: 1.8rem; padding: 0 0.4rem; margin-left: 0.6rem; font-size: 1.2rem; border-radius: 0.1rem; }
.house-info .state.state0 { background: #f5f7fd; color: #9498a4; }
/*默认、售罄*/
.house-info .state.state1 { background: #e6f2ff; color: #5bacfe; }
/*预售*/
.house-info .state.state2 { background: #ffece8; color: #ff8062; }
/*在售*/
.house-info .state.state3 { background: #d9f3e8; color: #7ac789; }
/*待售*/
.house-tag { margin-right: -0.4rem; }
.house-main .house-tag { max-height: 4rem; overflow: visible; }
.house-tag .tag { display: inline-block; height: 1.8rem; line-height: 1.8rem; padding: 0 0.4rem; margin-right: 0.3rem; margin-top: 0.5rem; font-size: 1.2rem; border-radius: 0.1rem; background: #f6f6f6; color: #9aa0a6; }
    .house-tag .tag.tag1 { background: #ffece8; color: #ff8062; }
    /*橙*/
    .house-tag .tag.tag2 { background: #e6f2ff; color: #5bacfe; }
    /*蓝*/
    .house-tag .tag.tag3 { background: #d9f3e8; color: #7ac789; }
/*绿*/

.house-main .house-price { margin-top: 2rem; font-size: 1.2rem; color: #9c9fa1; }
    .house-main .house-price li { float: left; width: 50%; }
    .house-main .house-price h2 { line-height: 2rem; font-size: 1.6rem; font-weight: 600; color: #fa5741; }
        .house-main .house-price h2 .unit { font-size: 1.3rem; font-weight: 400; }

.house-details { font-size: 1.5rem; margin-top: 1.5rem; }
    .house-details dl { position: relative; min-height: 2.6rem; line-height: 2.6rem; padding-left: 4rem; }
    .house-details dt { position: absolute; top: 0; left: 0; color: #9c9fa1; }
    .house-details dd { position: relative; }
        .house-details dd a { color: #5680a6; }
    .house-details .position { display: block; height: 2.6rem; line-height: 2.6rem; padding-right: 4.5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .house-details .icon-position { position: absolute; bottom: 0; right: 0; z-index: 1; display: block; width: 3.5rem; height: 3.5rem; background: url(../images/icon_fixed_position.png) center center no-repeat; background-size: 3.4rem; }

.house-notice { text-align: center; font-size: 1.5rem; color: #5680a6; }
    .house-notice li { position: relative; float: left; width: 50%; }
        .house-notice li:after { position: absolute; top: 1.2rem; right: 0; display: block; content: ""; width: 1px; height: 1.6rem; background: #e8e8e8; }
        .house-notice li a { display: block; line-height: 4rem; color: #5680a6; }
            .house-notice li a * { vertical-align: middle; }
    .house-notice .icon { display: inline-block; width: 2rem; height: 2rem; margin-right: 0.2rem; }
        .house-notice .icon.i-trend { background: url(../images/icon_trend.png) center center no-repeat; background-size: 2rem; }
        .house-notice .icon.i-notice { background: url(../images/icon_notice.png) center center no-repeat; background-size: 2rem; }

.house-offices { padding: 1rem; color: #9b742a; font-size: 1.3rem; line-height: 2.4rem; }
.house-offices-wrap { position: relative; padding: 1rem 1.2rem; min-height: 3.6rem; background: url(../images/offices_bg.png) center right no-repeat; background-size: cover; border-radius: 0.2rem; }
.house-offices h2 { font-size: 1.6rem; font-weight: 600; }
    .house-offices h2 a { display: inline-block; color: #9b742a; }
.house-offices .icon-phone { position: absolute; top: 50%; right: 1.2rem; z-index: 1; margin-top: -1.8rem; display: block; width: 3.6rem; height: 3.6rem; background: url(../images/offices_phone.png) center center no-repeat; background-size: 3.6rem; }

.favourablebox { background: #fff; padding-top: 1rem; }
.favourable-list { padding: 0.5rem 1rem 1.2rem; }
    .favourable-list li + li { margin-top: 1.2rem; }

.fav-item { position: relative; border-radius: 0.5rem; padding: 0.6rem 9.5rem 0.6rem 1rem; }
.purchase-bonus .fav-item { background: #feefe9 url(../images/bgicon_lqhb.png) 60% bottom no-repeat; background-size: auto 6rem; }
.condo-tour .fav-item { background: #edf7fd url(../images/bgicon_mfbm.png) 60% bottom no-repeat; background-size: auto 6rem; }
.discount .fav-item { background: #ecfaf7 url(../images/bgicon_lqyh.png) 60% bottom no-repeat; background-size: auto 6rem; }
.house-red-packet .fav-item { background: #feeded url(../images/bgicon_ljlq.png) 60% bottom no-repeat; background-size: auto 6rem; }
.recommend .fav-item { background: #f3f3fc url(../images/bgicon_ljtj.png) 60% bottom no-repeat; background-size: auto 6rem; }
.fav-btn { position: absolute; top: 50%; right: 1rem; z-index: 1; display: block; width: 7.5rem; height: 3rem; line-height: 3rem; margin-top: -1.5rem; text-align: center; cursor: pointer; }
.purchase-bonus .fav-btn { background: url(../images/btn_lqhb.png) center center no-repeat; background-size: cover; }
.condo-tour .fav-btn { background: url(../images/btn_mfbm.png) center center no-repeat; background-size: cover; }
.discount .fav-btn { background: url(../images/btn_lqyh.png) center center no-repeat; background-size: cover; }
.house-red-packet .fav-btn { background: url(../images/btn_ljlq.png) center center no-repeat; background-size: cover; }
.recommend .fav-btn { background: url(../images/btn_ljtj.png) center center no-repeat; background-size: cover; }
.fav-info { display: block; }
    .fav-info h2 { height: 2.4rem; line-height: 2.4rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1.6rem; font-weight: 600; }
    .fav-info h4 { height: 2.4rem; line-height: 2.4rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1.3rem; }
.purchase-bonus .fav-info { color: #f65312; }
.condo-tour .fav-info { color: #4cafec; }
.discount .fav-info { color: #41ccad; }
.house-red-packet .fav-info { color: #f14c4c; }
.recommend .fav-info { color: #8587dd; }

.apartmentbox { background: #fff; padding-top: 1rem; }
.apartment-wrap { padding: 0.6rem 0 1rem 1.2rem; }
    .apartment-wrap .term { display: block; }
.apartment-imgbox { position: relative; border: 1px solid #e8e8e8; }
    .apartment-imgbox .img { padding-top: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center; }
    .apartment-imgbox .icon-vr { position: absolute; top: 50%; left: 50%; z-index: 1; width: 3.6rem; height: 3.6rem; margin: -1.8rem 0 0 -1.8rem; background: url(../images/icon_vr72_mask.png) center center no-repeat; background-size: 3.6rem; }
    .apartment-imgbox .state { position: absolute; top: 0; left: 0; z-index: 1; display: inline-block; height: 1.7rem; line-height: 1.7rem; padding: 0 0.4rem; font-size: 1.2rem; }
        .apartment-imgbox .state.state0 { background: #f5f7fd; color: #9498a4; }
        /*默认、售罄*/
        .apartment-imgbox .state.state1 { background: #e6f2ff; color: #5bacfe; }
        /*预售*/
        .apartment-imgbox .state.state2 { background: #ffece8; color: #ff8062; }
        /*在售*/
        .apartment-imgbox .state.state3 { background: #d9f3e8; color: #7ac789; }
/*待售*/
.apartment-info { margin-top: 0.6rem; }
    .apartment-info h2 { height: 2.4rem; line-height: 2.4rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1.4rem; }
    .apartment-info .present-price { color: #fa5741; font-size: 1.5rem; }


.information-list { padding: 0 1.2rem; }
    .information-list li { border-bottom: 1px solid #e8e8e8; }
        .information-list li.has-img { }
    .information-list a.term { position: relative; display: block; padding: 1.5rem 0; }
    .information-list li.has-img a.term { /*padding: 2rem 0 2rem 12.5rem;*/ padding: 2rem 0 2rem 11.7rem; min-height: 8rem; }
        .information-list li.has-img a.term .imgbox { position: absolute; top: 2rem; left: 0; width: 10.5rem; height: 8rem; }
            .information-list li.has-img a.term .imgbox img { width: 10.5rem; height: 8rem; }
.informa-info h2 { max-height: 4.8rem; line-height: 2.4rem; font-size: 1.5rem; font-weight: 600; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.informa-other { position: relative; min-height: 2rem; line-height: 2rem; margin-top: 0.6rem; color: #9c9fa1; font-size: 1.3rem; }
.information-list li.has-img .informa-other { margin-top: 1.2rem; }
.informa-other .time { position: absolute; top: 0; right: 0; }
.information-list li.has-img .informa-other .time{min-width: 9rem; height: 2.4rem; line-height: 2.8rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.informa-other .tag { display: inline-block; padding: 0 0.2rem; height: 1.6rem; line-height: 1.6rem; border-radius: 0.2rem; font-size: 1.2rem; }
    .informa-other .tag.blue { color: #5bacfe; border: 1px solid #5bacfe; }
    .informa-other .tag.orange { color: #ff8062; border: 1px solid #ff8062; }
.information-list li:first-child a.term { padding-top: 0.8rem !important; }
.information-list li:first-child.has-img a.term .imgbox { top: 0.8rem; }

.informa-other.other-dynamic { min-height: 2.4rem; line-height: 2.4rem; margin-top: 0.4rem; font-size: 1.2rem; }
.informa-other .informa-avatar { position: absolute; top: 0; left: 0; z-index: 1; }
.informa-avatar .avatar { display: inline-block; width: 2.4rem; height: 2.4rem; border-radius: 50%; overflow: hidden; background: #f8f8f9; }
    .informa-avatar .avatar img { display: inline-block; width: 2.4rem; height: 2.4rem; }
.informa-avatar .name { display: inline-block; color: #394043; margin: 0 0 0 0.3rem; }

.informa-wordsbox { position: relative; line-height: 1.5rem; /*height: 3rem; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 2;*/ color: #9c9fa1; font-size: 1.2rem; }
.btn_all { color: #5bacfe; font-size: 1.2rem; font-weight: normal; }


.dynatownbox { background: #fff; padding-top: 1.5rem; }
.dynatown-wrap { margin-top: 0.6rem; }
.dynatown-promise { padding: 0 1.2rem; color: #9c9fa1; font-size: 1.2rem; }
    .dynatown-promise span.item { display: inline-block; padding-left: 1.7rem; margin-right: 2rem; }
        .dynatown-promise span.item:last-child { margin-right: 0; }
        .dynatown-promise span.item.free { background: url(../images/service_free.png) center left no-repeat; background-size: 1.3rem; }
        .dynatown-promise span.item.major { background: url(../images/service_major.png) center left no-repeat; background-size: 1.3rem; }
        .dynatown-promise span.item.unscramble { background: url(../images/service_unscramble.png) center left no-repeat; background-size: 1.3rem; }
.dynatown-swiper { padding-left: 0.7rem; margin-top: 1.2rem; }
    .dynatown-swiper .term { margin: 0.5rem; padding: 0.8rem; box-shadow: 0 1px 7px 1px rgba(155,153,153,0.35); }
.dynatown-info { position: relative; padding-left: 4.6rem; min-height: 4rem; font-size: 1.2rem; color: #9c9fa1; line-height: 2rem; }
    .dynatown-info h2 { font-size: 1.3rem; color: #394043; }
    .dynatown-info .avatar { position: absolute; top: 0; left: 0; display: block; width: 4rem; height: 4rem; border-radius: 50%; overflow: hidden; }
        .dynatown-info .avatar img { width: 4rem; height: 4rem; }
.dynatown-btn { font-size: 1.2rem; margin-top: 1rem; }
    .dynatown-btn .btn { display: block; width: 47%; height: 2.6rem; line-height: 2.6rem; border-radius: 0.2rem; text-align: center; }
        .dynatown-btn .btn.btn-tel { float: left; color: #fff; background: #1199ec; background: -webkit-gradient(linear,left top,right top,color-stop(20%,#18b2f2),color-stop(80%,#0b82e6)); background: -webkit-linear-gradient(left,#18b2f2 20%,#0b82e6 80%); background: linear-gradient(to right,#18b2f2 20%,#0b82e6 80%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#18b2f2', endColorstr='#0b82e6', GradientType=1); color: #fff; }
        .dynatown-btn .btn.btn-online { float: right; color: #fff; background: #ec3712; background: -webkit-gradient(linear,left top,right top,color-stop(20%,#f24f18),color-stop(80%,#e61e0b)); background: -webkit-linear-gradient(left,#f24f18 20%,#e61e0b 80%); background: linear-gradient(to right,#f24f18 20%,#e61e0b 80%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24f18', endColorstr='#e61e0b', GradientType=1); color: #fff; }


.analysisbox { background: #fff; padding-top: 1.5rem; }
.analysis-wrap { padding: 0.5rem 1.2rem; }
.analysis-photo { position: relative; min-height: 3rem; border-radius: 0.2rem; overflow: hidden; width: 100%; height: 200px; text-align: center; }
    .analysis-photo h2 { position: absolute; bottom: 0; left: 0; right: 0; z-index: 1; padding: 0 1.2rem; height: 3rem; line-height: 3rem; color: #fff; font-size: 1.3rem; background: rgba(0,0,0,0.5); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.analysis-info { padding: 1rem; margin-top: 1rem; background: #f8f8f9; }
    .analysis-info .wordsbox { font-size: 1.4rem; line-height: 2.2rem; }
        .analysis-info .wordsbox strong { font-weight: 600; }
        .analysis-info .wordsbox .more { color: #5680a6; }
.analysis-tag { }
    .analysis-tag .tag { display: inline-block; height: 1.8rem; line-height: 1.8rem; padding: 0 0.4rem; margin-right: 0.3rem; margin-top: 0.5rem; font-size: 1.2rem; border-radius: 0.2rem; background: #ecf0f2; color: #879db3; }


.buildingbox { background: #fff; padding-top: 1.5rem; }
.building-wrap { padding: 0.5rem 1.2rem; }
.building-photo { position: relative; border-radius: 0.2rem; overflow: hidden; height: 200px; }
    .building-photo .state { position: absolute; z-index: 1; display: inline-block; line-height: 2rem; line-height: 2rem; padding: 0 0.4rem; border-radius: 0.2rem; font-size: 1.2rem; color: #fff; }
        .building-photo .state.state0, .building-photo .state.state0:after { background: #9c9fa1; }
        /*默认、售罄*/
        .building-photo .state.state1, .building-photo .state.state1:after { background: #5bacfe; }
        /*预售*/
        .building-photo .state.state2, .building-photo .state.state2:after { background: #e63d2e; }
        /*在售*/
        .building-photo .state.state3, .building-photo .state.state3:after { background: #7ac789; }
        /*待售*/
        .building-photo .state:after { position: absolute; top: 1.7rem; left: 50%; margin-left: -0.3rem; display: block; content: ""; width: 0.6rem; height: 0.6rem; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
.building-info { line-height: 2.6rem; margin-top: 0.5rem; text-align: center; font-size: 1.5rem; }


.matchingbox { background: #fff; padding-top: 1.2rem; }
.matching-wrap { padding: 0 1.2rem; }
.matching-mapbox { position: relative; padding-top: 62%; border-radius: 0.5rem; overflow: hidden; background: #f8f8f9; }
.matching-map { position: absolute; top: 0; left: 0; right: 0; z-index: 1; width: 100%; height: 100%; overflow: hidden; }
.matching-info { position: absolute; z-index: 2; padding: 1rem; text-align: center; background: #fff; /*width: 170px; height: 60px;*/ border: 1px solid #e93b3d; }
    .matching-info:after { position: absolute; bottom: -0.4rem; left: 50%; z-index: 2; margin-left: -0.4rem; display: block; content: ""; width: 0.8rem; height: 0.8rem; background: #fff; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); border-bottom: 1px solid #e93b3d; border-right: 1px solid #e93b3d; }
    .matching-info h2 { font-size: 1.5rem; color: #000; /*height: 1.8rem;*/ line-height: 3rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .matching-info .address { font-size: 1.2rem; color: #9c9fa1; /*height: 1.8rem;*/ line-height: 2.2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.matching-other { padding: 1rem; font-size: 1.3rem; border-bottom: 1px solid #e8e8e8; }
    .matching-other li { float: left; width: 20%; text-align: center; }
        .matching-other li a { display: block; color: #9c9fa1; }
    .matching-other .icon { display: block; width: 3.5rem; height: 3.5rem; margin: 0 auto; }
        .matching-other .icon.i-transit { background: url(../images/around_transit.png) center center no-repeat; background-size: 3.5rem; }
        .matching-other .icon.i-metro { background: url(../images/around_metro.png) center center no-repeat; background-size: 3.5rem; }
        .matching-other .icon.i-school { background: url(../images/around_school.png) center center no-repeat; background-size: 3.5rem; }
        .matching-other .icon.i-hospital { background: url(../images/around_hospital.png) center center no-repeat; background-size: 3.5rem; }
        .matching-other .icon.i-phopping { background: url(../images/around_phopping.png) center center no-repeat; background-size: 3.5rem; }
    .matching-other p { height: 2rem; line-height: 2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.commentbox { background: #fff; padding-top: 1.5rem; }
.comment-list { padding: 0.6rem 1.2rem; }
    .comment-list .subcomment { margin-top: 0.5rem; }
        .comment-list .subcomment + .subcomment { margin-top: 1.3rem; }
.comment-head { position: relative; padding-left: 4.5rem; min-height: 3.6rem; line-height: 3.6rem; }
    .comment-head .avatar { position: absolute; top: 0; left: 0; display: block; width: 3.6rem; height: 3.6rem; border-radius: 50%; overflow: hidden; }
        .comment-head .avatar img { width: 3.6rem; height: 3.6rem; }
    .comment-head .name { color: #000; font-size: 1.5rem; font-weight: 600; }
    .comment-head .essence { position: absolute; top: 1rem; right: 0; display: inline-block; height: 1.5rem; line-height: 1.5rem; border: 1px solid #e63d2e; color: #e63d2e; padding: 0 0.3rem; border-radius: 0.2rem; }

.comment-body { padding-left: 4.5rem; }
.comment-info { padding-bottom: 0.5rem; border-bottom: 1px solid #e8e8e8; }
.comment-list .subcomment:last-child .comment-info { padding-bottom: 0; border-bottom: none; }
.comment-say { font-size: 1.4rem; line-height: 2rem; }
.comment-photo { }
    .comment-photo li { float: left; width: 33.33%; }
    .comment-photo .img { display: block; margin-right: 0.6rem; margin-top: 0.6rem; }
        .comment-photo .img img { height: 5.9rem; }
.comment-other { position: relative; min-height: 2.6rem; line-height: 2.6rem; margin-top: 0.3rem; color: #9c9fa1; font-style: 1.2rem; }
    .comment-other .zan { position: absolute; top: 0; right: 0; display: inline-block; padding-left: 2rem; background: url(../images/icon_zan.png) center left no-repeat; background-size: 1.5rem; }
        .comment-other .zan.light { background: url(../images/icon_zan_light.png) center left no-repeat; background-size: 1.5rem; color: #e63d2e; }


.dialoguebox { background: #fff; padding-top: 1rem; }
    .dialoguebox .morebox { margin-top: 1.6rem; }
.dialogue-list { padding: 0 1.2rem; font-size: 1.5rem; color: #9c9fa1; }
    .dialogue-list li { padding: 1.2rem 0; border-bottom: 1px solid #e8e8e8; }
.dialogue-head { }
    .dialogue-head h2 { font-size: 1.6rem; font-weight: 600; line-height: 2.2rem; }
    .dialogue-head .question { display: block; line-height: 2.2rem; padding-left: 2.5rem; background: url(../images/icon_question.png) left 0.1rem no-repeat; background-size: 2.1rem; }
.dialogue-body { margin-top: 1rem; }
    .dialogue-body .answer { display: block; line-height: 2.2rem; padding-left: 2.5rem; background: url(../images/icon_answer.png) left 0.1rem no-repeat; background-size: 2.1rem; }
        .dialogue-head .question.altitude-limit, .dialogue-body .answer.altitude-limit { max-height: 4.4rem; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }

.price-trendbox { background: #fff; padding-top: 1rem; }
.price-trend-wrap { padding: 1.2rem; }
.price-trend { position: relative; width: 100%; height: 14rem; }

.estatebox { background: #fff; padding-top: 1.2rem; }
    .estatebox .house-list li { border-bottom: none; }
    .estatebox .house-list .termbox { padding: 0; }
    .estatebox .house-list .term { }
    .estatebox .house-info { padding-bottom: 0; border-bottom: none; }


.reminderbox { padding: 2rem 1.2rem; background: #fff; }
    .reminderbox .reminder { text-align: center; color: #9c9fa1; font-size: 1.3rem; }

.fix-salesbox + .wrapbox { padding-bottom: 6rem; }
.fix-salesbox { position: fixed; left: 0; right: 0; bottom: 0; z-index: 10; background: #fff; max-width: 750px; margin: 0 auto; box-shadow: 0 0 7px rgba(147,139,139,0.2); }
    .fix-salesbox .salesbox { position: relative; padding-left: 11.5rem; padding-right: 1.2rem; height: 5rem; }
.sales-operate { position: absolute; top: 0; left: 0; z-index: 11; width: 10.5rem; text-align: center; font-size: 1.2rem; color: #6b7072; }
    .sales-operate .item { float: left; display: block; width: 50%; padding-top: 0.5rem; color: #6b7072; }
    .sales-operate .icon { display: block; width: 2.3rem; height: 2.3rem; margin: 0 auto; }
        .sales-operate .icon.i-collect { background: url(../images/fixed_icon/icon_collect.png) center center no-repeat; background-size: 2.3rem; }
        .sales-operate .icon.i-subscribe { background: url(../images/fixed_icon/icon_subscribe.png) center center no-repeat; background-size: 2.3rem; }
    .sales-operate .item.collected { color: #e63d2e; }
        .sales-operate .item.collected .icon.i-collect { background: url(../images/fixed_icon/icon_collect_active.png) center center no-repeat; background-size: 2.3rem; }

    .sales-operate p { height: 1.6rem; line-height: 1.6rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sales-btn { padding-top: 0.5rem; text-align: center; font-size: 1.5rem; font-weight: 600; }
    .sales-btn .btn { display: block; width: 47%; height: 4rem; line-height: 4rem; border-radius: 0.5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
        .sales-btn .btn.btn-online { float: left; color: #fff; background: #ec3712; background: -webkit-gradient(linear,left top,right top,color-stop(20%,#18b2f2),color-stop(80%,#0b82e6)); background: -webkit-linear-gradient(left,#18b2f2 20%,#0b82e6 80%); background: linear-gradient(to right,#18b2f2 20%,#0b82e6 80%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#18b2f2', endColorstr='#0b82e6', GradientType=1); color: #fff; }
        .sales-btn .btn.btn-tel { float: right; color: #fff; background: #ec3712; background: -webkit-gradient(linear,left top,right top,color-stop(20%,#f24f18),color-stop(80%,#e61e0b)); background: -webkit-linear-gradient(left,#f24f18 20%,#e61e0b 80%); background: linear-gradient(to right,#f24f18 20%,#e61e0b 80%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24f18', endColorstr='#e61e0b', GradientType=1); color: #fff; }


.apartment-info { font-size: 1.5rem; }
    .apartment-info dl { position: relative; min-height: 3rem; line-height: 3rem; padding-left: 7.3rem; }
        .apartment-info dl + dl { margin-top: 0.2rem; }
    .apartment-info dt { position: absolute; top: 0; left: 0; color: #9c9fa1; }
    .apartment-info dd { }
    .apartment-info .count-price { color: #fa5741; font-size: 1.9rem; }

.describebox { padding: 0.6rem 0; background: #fff; }
    .describebox .describe { padding: 0 1.2rem; font-size: 1.5rem; line-height: 2.5rem; }


.mask-dynatown { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 2100; background: rgba(0,0,0,0.4); }
.fix-dynatown { position: fixed; bottom: 0; left: 0; right: 0; z-index: 2110; max-width: 750px; margin: 0 auto; background: #fff; }
.dynatown-head { padding: 0.6rem 1.2rem 0; }
    .dynatown-head h2 { height: 4rem; line-height: 4rem; font-size: 2rem; font-weight: 600; color: #000; }
.dynatown-foot { border-top: 1px solid #e8e8e8; }
    .dynatown-foot .cancel { display: block; height: 4.6rem; line-height: 4.6rem; text-align: center; font-size: 1.6rem; }
.dynatown-list { padding: 1.2rem; max-height: 21rem; overflow: auto; }
    .dynatown-list li { position: relative; }
        .dynatown-list li + li { margin-top: 1.5rem; }
    .dynatown-list a { display: inline-block; }
    .dynatown-list .tel { position: absolute; top: 0; right: 0; width: 3.6rem; height: 3.6rem; background: url(../images/dynatown_call_1.png) center right no-repeat; background-size: 2.8rem; }
    .dynatown-list .chat { position: absolute; top: 0; right: 4rem; width: 3.6rem; height: 3.6rem; background: url(../images/dynatown_chat_1.png) center right no-repeat; background-size: 2.8rem; }
.dynatown-data { position: relative; padding-left: 4.4rem; min-height: 3.6rem; line-height: 3.6rem; }
    .dynatown-data .avatar { position: absolute; top: 0; left: 0; display: block; width: 3.6rem; height: 3.6rem; border-radius: 50%; overflow: hidden; }
        .dynatown-data .avatar img { width: 3.6rem; height: 3.6rem; }
    .dynatown-data .name { font-size: 1.5rem; }


.informa-other * { vertical-align: middle; }
.informa-other .tag.gray { color: #9c9fa1; border: 1px solid #e8e8e8; }
.informa-other .avatar { display: inline-block; width: 2rem; height: 2rem; border-radius: 50%; overflow: hidden; }
    .informa-other .avatar img { width: 2rem; height: 2rem; vertical-align: top; }
.informa-other .name { color: #5680a6; font-size: 1.4rem; margin: 0 0.5rem; }

.descriptionbox { background: #fff; padding-top: 1rem; }
.description-wrap { padding: 0 1.2rem; font-size: 1.4rem; line-height: 2.2rem; }
    .description-wrap.altitude-limit { max-height: 4.4rem; line-height: 2.2rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.sales-btn .btn.w100 { width: 100%; }

.business-house-termbox .swiper-vrbox { padding-top: 74.92%; }
.business-house-termbox .house-term-swiper .swiper-slide a { padding-top: 74.92%; }
.business-house-main .house-info { border-bottom: none; }
.business-house-main.house-main .house-info h2 { line-height: 2.4rem; margin-bottom: 0.5rem; }
    .business-house-main.house-main .house-info h2 .housetype { display: inline-block; height: 26px; line-height: 26px; color: #fff; font-size: 1.2rem; padding: 0 8px; border-radius: 3px;  margin-right: 3px; background: #27b927; }
.business-house-main .house-tag .tag { background: #e6f2ff; color: #5bacfe; }
.business-house-main.house-main .house-price { margin-top: 0; padding-bottom: 1rem; border-bottom: 1px solid #e8e8e8; }
    .business-house-main.house-main .house-price h2 { line-height: 2.6rem; font-size: 2.4rem; }
.house-main .house-price.house-price3 li { width: 33.33%; text-align: center; }
    .house-main .house-price.house-price3 li:first-child { text-align: left; }
    .house-main .house-price.house-price3 li:last-child { text-align: right; }
.business-house-details { position: relative; font-size: 1.3rem; margin-top: 1.5rem; padding-bottom: 1.5rem; border-bottom: 1px solid #e8e8e8; }
    .business-house-details .report { position: absolute; top: 0; right: 0; z-index: 1; display: inline-block; line-height: 2.6rem; padding-left: 1.6rem; background: url(../images/icon_report.png) center left no-repeat; background-size: 1.4rem; color: #5680a6; }
    .business-house-details dl { position: relative; float: left; width: 50%; min-height: 2.6rem; line-height: 2.6rem; }
        .business-house-details dl.dl-long { width: 100%; }
    .business-house-details dt { position: absolute; top: 0; left: 0; color: #9c9fa1; }
    .business-house-details dd { position: relative; padding-left: 3.8rem; }
    .business-house-details .position { display: block; height: 2.6rem; line-height: 2.6rem; /*padding-right: 4.5rem;*/ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
        /*.business-house-details .icon-position{position: absolute; bottom: 0; right: 0; z-index: 1; display: block; width: 3.5rem; height: 3.5rem; background: url(../images/icon_fixed_position.png) center center no-repeat; background-size: 3.4rem;}*/
        .business-house-details .position .see { color: #5680a6; }

.surveybox { background: #fff; }
.survey-storebox { padding: 0 1.2rem; margin-top: 0.5rem; }
.survey-store { display: block; padding: 1rem 1.2rem 1rem 6.7rem; min-height: 4.5rem; position: relative; background: url(../images/store_bg.jpg) center center no-repeat; background-size: cover; border-radius: 0.2rem; }
    .survey-store .icon-store { position: absolute; top: 1rem; right: 1rem; display: block; width: 1.8rem; height: 1.8rem; background: url(../images/icon_store.png) center center no-repeat; background-size: cover; }
    .survey-store .avatar { position: absolute; top: 1rem; left: 1.2rem; width: 4.5rem; height: 4.5rem; border-radius: 50%; overflow: hidden; }
        .survey-store .avatar img { width: 4.5rem; height: 4.5rem; }
.store-info { line-height: 2.2rem; font-size: 1.2rem; color: #9c9fa1; }
    .store-info h2 { margin-bottom: 0.1rem; font-size: 1.5rem; color: #394043; }
        .store-info h2 * { vertical-align: middle; }
    .store-info .icon { display: inline-block; margin-left: 0.3rem; width: 1.6rem; height: 1.6rem; }
        .store-info .icon.i-attestation { background: url(../images/icon_attestation.png) center center no-repeat; background-size: 1.5rem; }
        .store-info .icon.i-qualifications { background: url(../images/icon_qualifications.png) center center no-repeat; background-size: 1.6rem; }
    .store-info .company { height: 2rem; line-height: 2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.survey-describebox { margin-top: 1.5rem; }
    .survey-describebox h2 { position: relative; line-height: 3.6rem; padding-left: 0.7rem; margin: 0 1.2rem; font-size: 1.6rem; font-weight: 600; color: #000; }
        .survey-describebox h2:after { position: absolute; top: 1.2rem; left: 0; display: block; content: ""; width: 0.2rem; height: 1.2rem; border-radius: 0.1rem; background: #d0d0d0; }
.survey-describe { padding: 0 1.2rem; font-size: 1.4rem; line-height: 2.2rem; }
    .survey-describe.altitude-limit { max-height: 13.2rem; overflow: hidden; }

.matching-wrap .morebox { padding: 1rem 0; margin-top: 0.5rem; }
.matching-describe { margin-top: 1.5rem; line-height: 2rem; font-size: 1.3rem; }
    .matching-describe.altitude-limit { max-height: 8rem; overflow: hidden; }
    .matching-describe p + p { margin-top: 0.5rem; }

/*.sales-operate*/
.sales-author { position: absolute; top: 0; left: 1rem; z-index: 11; width: 9.5rem; font-size: 1.2rem; color: #6b7072; }
    .sales-author a { position: relative; display: block; padding-left: 4.6rem; padding-top: 0.5rem; line-height: 2rem; }
    .sales-author .avatar { position: absolute; left: 0; top: 0.5rem; width: 4rem; height: 4rem; border-radius: 50%; overflow: hidden; }
        .sales-author .avatar img { width: 4rem; height: 4rem; }
    .sales-author h2 { font-size: 1.4rem; }
    .sales-author p { font-size: 1.2rem; color: #9c9fa1; }

.fcds-title { color: #fa5741; border-bottom: 1px solid #e8e8e8; padding: 1rem 0; margin: 1rem auto; }
.fcds-btn { display: inline-block; padding: 0.5rem 1.5rem; color: #fff; background: #ec3712; background: -webkit-gradient(linear,left top,right top,color-stop(20%,#f24f18),color-stop(80%,#e61e0b)); background: -webkit-linear-gradient(left,#f24f18 20%,#e61e0b 80%); background: linear-gradient(to right,#f24f18 20%,#e61e0b 80%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24f18', endColorstr='#e61e0b', GradientType=1); color: #fff; cursor: pointer; border-radius: 0.3rem; }


/* 3次新增*/
.village-house-termbox .swiper-vrbox { padding-top: 74.92%; }

.village-house-termbox .house-term-swiper .swiper-slide a { padding-top: 74.92%; display: block; background-size: cover; background-repeat: no-repeat; background-position: center; }

.village-mainbox { background: #fff; padding: 1.2rem 1.2rem; }

    .village-mainbox h2 * { vertical-align: middle; }

    .village-mainbox h2 { line-height: 3.2rem; color: #394043; }

        .village-mainbox h2 .name { font-size: 2rem; color: #010101; font-weight: 600; }

    .village-mainbox p.address { line-height: 2.4rem; color: #9c9fa1; font-size: 1.3rem; }

.village-parameterbox { padding: 1.5rem 1.2rem; margin-top: 1.2rem; color: #6b7072; font-size: 1.3rem; box-shadow: 0 1px 10px 0 rgba(146,145,145,0.2); }

.parameter-price { position: relative; }

    .parameter-price h3 { color: #fa5741; font-size: 1.3rem; }

        .parameter-price h3 strong { color: #fa5741; font-size: 1.9rem; font-weight: 600; }

    .parameter-price .chain { position: absolute; top: 50%; right: 0; margin-top: -1rem; line-height: 2rem; }

        .parameter-price .chain .up { color: #3bc08a; font-weight: 600; }

        .parameter-price .chain .down { color: #fa5741; font-weight: 600; }

.parameter-count { margin-top: 1.5rem; }

    .parameter-count li { position: relative; float: left; width: 50%; }

        .parameter-count li.li2 { text-align: right; }

            .parameter-count li.li2:after { position: absolute; top: 50%; left: 0; margin-top: -1rem; display: block; content: ""; height: 2rem; width: 1px; background: #e8e8e8; }

        .parameter-count li a { display: block; color: #6b7072; }

    .parameter-count h3 { font-size: 1.3rem; color: #394043; }

    .parameter-count li.li2 h3 { padding-right: 1rem; }

    .parameter-count h3 strong { font-size: 1.9rem; font-weight: 600; }

    .parameter-count .go { color: #d0d0d0; }

.surveybox { background: #fff; padding-top: 1.2rem; }

.survey-wrap { padding: 0 1.2rem; font-size: 1.4rem; }

    .survey-wrap dl { position: relative; float: left; width: 50%; min-height: 3.2rem; line-height: 3.2rem; }

    .survey-wrap dt { position: absolute; top: 0; left: 0; color: #9c9fa1; }

    .survey-wrap dd { padding-left: 6.2rem; }

.village-list .house-list li:first-child .termbox { padding-top: 0 !important; }

.village-module { background: #fff; padding-top: 1.2rem; }

    .village-module .house-list li:last-child { border-bottom: none; }
    /*.village-module .house-list .termbox{padding: 0;}*/
    .village-module .house-list .term { }

    .village-module .house-info { padding-bottom: 0; border-bottom: none; }

.village-list .house-list .morebox { padding: 1rem 0; }


.fix-villagebox.fix-salesbox .salesbox { padding-left: 8.5rem !important; }

.fix-villagebox .sales-operate { width: 8.5rem !important; }

    .fix-villagebox .sales-operate .item, .fix-villagebox .sales-btn .btn.btn-tel { float: none; width: 100%; }

.swiper-videobox { position: relative; padding-top: 62.67%; }
    .swiper-videobox .icon-video { position: absolute; top: 50%; left: 50%; z-index: 2; margin: -2.7rem 0 0 -2.7rem; display: block; width: 5.4rem; height: 5.4rem; background: url(../images/video_icon.png) center center no-repeat; background-size: 5.4rem; }
.video-detailsbox { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; overflow: hidden; }

.swiper-livebox { position: relative; padding-top: 62.67%; }
    .swiper-livebox .icon-live { position: absolute; top: 50%; left: 50%; z-index: 2; margin: -2.7rem 0 0 -2.7rem; display: block; width: 5.4rem; height: 5.4rem; background: url(../images/icon_live.png) center center no-repeat; background-size: 5.4rem; }
.live-detailsbox { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; overflow: hidden; }

.video-live-tips { position: absolute; z-index: 2; top: 0; left: 0; right: 0; background: rgba(0,0,0,0.5); color: #fff; }
    .video-live-tips .ablock { display: block; padding: 0.4rem 4.4rem 0.4rem 0.4rem; height: 2rem; line-height: 2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff; font-size: 1.3rem; }
    .video-live-tips .status { display: inline-block; padding: 0 0.3rem; border-radius: 0.2rem; font-size: 1.2rem; }
        .video-live-tips .status.status1 { background: #ec3611; background: -webkit-gradient(linear,left top,right top,color-stop(20%,#f24f18),color-stop(80%,#e61f0b)); background: -webkit-linear-gradient(left,#f24f18 20%,#e61f0b 80%); background: linear-gradient(to right,#f24f18 20%,#e61f0b 80%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24f18', endColorstr='#e61f0b', GradientType=1); color: #fff; }
    .video-live-tips .go { position: absolute; top: 0.4rem; right: 0.4rem; }

/*.live-tipsbox { position: absolute; bottom: 4rem; right: 1.2rem; z-index: 100; background: #fff; border-radius: 1.8rem; line-height: 3rem; padding-right: 6.5rem; padding-left: 2rem; font-size: 1.0rem; }*/
.live-tipsbox { width: 40%; position: absolute; bottom: 4rem; right: 1.2rem; z-index: 100; background: #fff; border-radius: 1.8rem; line-height: 3rem; padding-right: 6.5rem; padding-left: 2rem; font-size: 1.0rem; }
    .live-tipsbox::after { position: absolute; top: 1.3rem; left: 0.8rem; display: block; content: ""; width: 0.6rem; height: 0.6rem; border-radius: 50%; background: #f60; }
/*.live-tips { height: 3rem; line-height: 3rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 25rem; }*/
.live-tips { height: 3rem; line-height: 3rem; overflow: hidden;  white-space: nowrap;  }
.live-tipsbox .btn-tips { position: absolute; top: 0; right: 0; color: #f60; border-left: 1px solid #e8e8e8; padding: 0 1rem; }


.purchase-menu { padding-left: 1rem; text-align: center; }
    .purchase-menu .ablock { display: inline-block; height: 3.2rem; line-height: 3.2rem; padding: 0 1rem; border-radius: 0.2rem; color: #e93b3d; font-size: 1.6rem; border: 1px solid #e93b3d; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-right: 10px; }
        .purchase-menu .ablock.on { border: 1px solid transparent; color: #fff; background: #ec3611; background: -webkit-gradient(linear,left top,right top,color-stop(20%,#f24f18),color-stop(80%,#e61f0b)); background: -webkit-linear-gradient(left,#f24f18 20%,#e61f0b 80%); background: linear-gradient(to right,#f24f18 20%,#e61f0b 80%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24f18', endColorstr='#e61f0b', GradientType=1); color: #fff; }
    .purchase-menu .swiper-slide.swiper-slide-thumb-active .ablock { border: 1px solid transparent; color: #fff; background: #ec3611; background: -webkit-gradient(linear,left top,right top,color-stop(20%,#f24f18),color-stop(80%,#e61f0b)); background: -webkit-linear-gradient(left,#f24f18 20%,#e61f0b 80%); background: linear-gradient(to right,#f24f18 20%,#e61f0b 80%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24f18', endColorstr='#e61f0b', GradientType=1); color: #fff; }
.purchase-wrap { margin-top: 1rem; }
.purchase-storey { line-height: 3rem; padding: 0 1rem; }
    .purchase-storey .storey { display: inline-block; padding-left: 2rem; font-size: 1.6rem; color: #e93b3d; background: url(../images/icon_storey.png) center left no-repeat; background-size: 1.8rem auto; }
.purchase-list { padding: 0 0.5rem; }
    .purchase-list .termbox { float: left; width: 50%; }
    .purchase-list .term { position: relative; margin: 0.6rem 0.5rem; border-radius: 0.5rem; box-shadow: 0 1px 6px 0 rgba(86,86,86,0.2); overflow: hidden; background: #fafaf2; border: 1px solid #e8e8e8; color: #d3b579; }
        .purchase-list .term.sell-out { background: #f8f8f9; color: #9c9fa1; }
    .purchase-list .icon-sell-out { position: absolute; top: 0; right: 0; z-index: 2; width: 5.2rem; height: 4.6rem; background: url(../images/icon_sell_out.png) right top no-repeat; background-size: 5.09rem auto; display: none; }
    .purchase-list .term.sell-out .icon-sell-out { display: block; }
.purchase-head { }
    .purchase-head h2 { color: #394043; padding: 0 0.8rem; font-size: 1.6rem; }
    .purchase-head .name { display: block; height: 3.2rem; line-height: 3.2rem; color: #394043; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.purchase-body { line-height: 3rem; padding: 0 0.8rem; border-top: 1px solid #e8e8e8; font-size: 1.3rem; }
    .purchase-body p { position: relative; min-height: 3rem; }
    .purchase-body .parameter { position: absolute; top: 0; right: 0; z-index: 1; }
.purchase-foot { padding: 0 0.8rem 0.8rem }
    .purchase-foot .btn-buy { display: block; height: 2.8rem; line-height: 2.8rem; text-align: center; font-size: 1.5rem; color: #d3b579; background: #fff; border-radius: 0.3rem; border: 1px solid #d3b579; }
.purchase-list .term.sell-out .purchase-foot .btn-buy { color: #9c9fa1; border: 1px solid #e8e8e8; }
#purchaseWrap { max-height: 50rem; overflow: hidden; }
    #purchaseWrap.all-show { max-height: unset; }
.houese-purchase .title-text { position: relative; line-height: 3.6rem; padding: 0 1rem; }
    .houese-purchase .title-text .ablock { display: block; }
    .houese-purchase .title-text .title { font-size: 1.8rem; font-weight: 600; color: #000; }
    .houese-purchase .title-text .more { position: absolute; top: 0; right: 1rem; z-index: 1; color: #9c9fa1; font-size: 1.3rem; }

.vipbtn { position: absolute; top: 0.3rem; right: 0; background: #890008; font-size: 1.4rem; color: #f7c985; border-radius: 4px; display: block; width: 6.6rem; height: 2.6rem; line-height: 2.6rem; text-align: center; border: 1px solid #f7c985; box-sizing: border-box; }


.eNewsBox { background: #fff; padding-top: 1rem; }
    .eNewsBox .eNewsBox-list { padding: 0.5rem 1rem 1.2rem; }
        .eNewsBox .eNewsBox-list li + li { margin-top: 1.2rem; }

    .eNewsBox .fav-item { position: relative; border-radius: 0.5rem; padding: 0.6rem 9.5rem 0.6rem 1rem; }
    .eNewsBox .fav-btn { position: absolute; top: 50%; right: 1rem; z-index: 1; font-size: 1.6rem; display: block; width: 7.5rem; height: 3rem; line-height: 3rem; margin-top: -1.5rem; text-align: center; cursor: pointer; background-color: #fff; border-radius: 0.5rem; color: #7bc6bc; }
    .eNewsBox .fav-info { display: block; }
        .eNewsBox .fav-info h2 { height: 2.4rem; line-height: 2.4rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1.6rem; font-weight: 600; color: #000; }
        .eNewsBox .fav-info h4 { height: 2.4rem; line-height: 2.4rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1.3rem; color: #9c9fa1; }

    .eNewsBox .fav-item { background: #e6f8f5 url(../Images/weil_bg.png) 60% bottom no-repeat; background-size: auto 6rem !important; }

    .eNewsBox .eNewsBox-list li + li .fav-item { background: #ecf2fd url(../Images/vr_bg.png) 60% bottom no-repeat; }
    .eNewsBox .eNewsBox-list li + li .fav-btn { color: #97aacb; }

.eNewsBoxMin { position: relative; padding: 1rem 1rem; background-color: #fff; }
    .eNewsBoxMin div { width: 48%;  float: left; height: 4.66rem; border-radius: 0.5rem; text-align: center; background: #c9aa72; background: -webkit-gradient(linear,left top,right top,color-stop(20%,#eace9a),color-stop(80%,#c9aa72)); background: -webkit-linear-gradient(left,#eace9a 20%,#c9aa72 80%); background: linear-gradient(to right,#eace9a 20%,#c9aa72 80%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eace9a', endColorstr='#c9aa72', GradientType=1); }
        .eNewsBoxMin div a { display: block; font-size: 2rem;padding:0 0.6rem; color: #fff; line-height: 4.66rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: url(../Images/lou1.png) right bottom no-repeat; background-size: 6.5rem auto; }
        .eNewsBoxMin div + div { float: right;  background: #737373; background: -webkit-gradient(linear,left top,right top,color-stop(20%,#737373),color-stop(80%,#4c4c4c)); background: -webkit-linear-gradient(left,#737373 20%,#4c4c4c 80%); background: linear-gradient(to right,#737373 20%,#4c4c4c 80%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#737373', endColorstr='#4c4c4c', GradientType=1); }
            .eNewsBoxMin div + div a { display: block; color: #c9aa72;  line-height: 4.6rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: url(../Images/lou2.png) right bottom no-repeat;background-size:4.6rem auto; }


.house-nape .none-vr { display: none; }
.house-main .house-price li:nth-child(3) { width: 25%; }
.house-main .house-price li:nth-child(2) { width: 25%; }
#img { position: absolute; }
.comment-head .essence:nth-child(2) { right: 50px; }
.infoContent { line-height: 2.2rem; padding: 0 1.5rem; margin: 1rem 0 1.5rem; font-size: 1.4rem; color: #394043; overflow: hidden; }
.infoContent-height { height: 4.4rem; }
.zb-distance { display: inline-block; height: 1.7rem; line-height: 1.7rem; padding: 0 0.4rem; font-size: 1.2rem; border-radius: 0.1rem; color: #9c9fa1; float: right; }
    .zb-distance:before { content: ''; display: inline-block; width: 1.6rem; height: 1.6rem; background: url('/Content/Images/seeking_location.png'); background-size: 1.6rem 1.6rem; background-repeat: no-repeat; }


pre { white-space: pre-wrap !important; word-wrap: break-word !important; *white-space: normal !important; }


/*底部悬浮*/
.fix-newsbox { position: fixed; left: 1.2rem; right: 1.2rem; bottom: 6rem; z-index: 10; padding: 0.5rem 2.4rem 0.6rem 1rem; background: rgba(0,0,0,0.6); color: #fff; font-size: 1.4rem; border-radius: 0.3rem; max-width: 690px; margin: 0 auto; }
    /*.fix-newsbox:after { position: absolute; bottom: -0.6rem; left: 50%; margin-left: -0.6rem; display: block; content: "▼"; width: 1.2rem; height: 1.2rem; color: rgba(0,0,0,0.6); }*/
.close-fix-news { position: absolute; top: -0.5rem; left: -0.5rem; z-index: 11; display: block; width: 3.6rem; height: 3.6rem; background: url(/Content/images/close_first_ad.png) center center no-repeat; background-size: 1.8rem; }
.fix-news { text-align: center; max-height: 4rem; line-height: 2rem; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }
a.fix-news { color: #fff; text-decoration: underline; }

/*提问常用语*/
.fix-quiz { position: fixed; right: 1.2rem; bottom: 16rem; z-index: 110; width: 4.5rem; height: 4.5rem; border-radius: 50%; overflow: hidden; color: #fff; text-align: center; background: #7a45e5; background: -webkit-gradient(linear,left top,right top,color-stop(20%,#f24f18),color-stop(80%,#e61e0b)); background: -webkit-linear-gradient(left,#f24f18 20%,#e61e0b 80%); background: linear-gradient(to right,#f24f18 20%,#e61e0b 80%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24f18', endColorstr='#e61e0b', GradientType=1); -webkit-box-shadow: 0 4px 10px 0 rgba(241,75,23,0.35); -moz-box-shadow: 0 4px 10px 0 rgba(241,75,23,0.35); box-shadow: 0 4px 10px 0 rgba(241,75,23,0.35); }
    .fix-quiz .quiz { display: inline-block; height: 4.5rem; line-height: 4.5rem; padding-right: 0.7rem; overflow: hidden; background: url(/Content/images/quiz_down.png) center right no-repeat; background-size: 0.6rem; font-size: 1.4rem; }
    .fix-quiz.open .quiz { background: url(/Content/images/quiz_up.png) center right no-repeat; background-size: 0.6rem; font-size: 1.4rem; }
.fix-phrasebook { display: none; }
.mask-phrasebook { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 100; background: rgba(255,255,255,0.1); }
.phrasebookbox { position: fixed; right: 0; bottom: 20.5rem; z-index: 110; text-align: right; padding: 0 1.2rem; max-height: 26rem; overflow: auto; }
    .phrasebookbox li { padding: 0.25rem 0; }
    .phrasebookbox .item { display: inline-block; padding: 0.7rem 2.8rem 0.7rem 0.7rem; line-height: 2.2rem; border-radius: 1.8rem; background: rgba(0,0,0,0.7) url(/Content/images/quiz_aircraft.png) right 0.5rem no-repeat; background-size: 2.5rem; color: #fff; font-size: 1.5rem; }

/*2020-12-2*/
.house-specialbox { padding: 1rem; background: #fff; }
.house-special { height: 4.2rem; line-height: 4.2rem; padding: 0 1rem 0 3rem; background: #f9f0e3 url(/Content/images/icon_special_left.png) 1rem center no-repeat; background-size: 1.6rem; overflow: hidden; }
    .house-special .link { position: relative; display: block; padding-left: 8rem; padding-right: 2rem; height: 4.2rem; line-height: 4.2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: url(/Content/images/icon_special_right.png) right center no-repeat; background-size: 1.6rem; }
    .house-special .name { position: absolute; top: 0; left: 0; z-index: 1; font-size: 1.6rem; color: #000; font-weight: 600; }
    .house-special .link h2 { height: 4.2rem; line-height: 4.2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1.4rem; color: #000; }
.house-preferentialbox, .house-timetablebox { padding: 1rem 0; background: #fff; }
.mould-title .go-chat { position: absolute; top: 0; right: 1.2rem; z-index: 1; color: #3959bb; font-size: 1.2rem; padding-left: 1.6rem; background: url(/Content/images/icon_special_chat.png) left center no-repeat; background-size: 1.6rem; }
.mould-title .go-details { position: absolute; top: 0; right: 1.2rem; z-index: 1; color: #000; font-size: 1.2rem; }
.house-preferential { padding: 0 1rem; }
.preferential-list { color: #000; font-size: 1.3rem; }
    .preferential-list li { padding: 0.5rem 0; }
    .preferential-list .termbox { position: relative; padding: 0.7rem 7.2rem 0.7rem 1rem; background: #fffcf5; }
    .preferential-list h2 { line-height: 2rem; font-size: 1.6rem; font-weight: 600; color: #000; margin-bottom: 0.3rem; }
    .preferential-list h6 { margin-bottom: 0.3rem; }
    .preferential-list .time-remaining { color: #ce0018; margin-right: 0.5rem; }
    .preferential-list .btn-enroll { position: absolute; top: 50%; right: 1rem; z-index: 1; margin-top: -1rem; width: 5.6rem; height: 1.8rem; line-height: 1.8rem; background: #fff; color: #ff9900; border: 1px solid #ff9900; border-radius: 0.2rem; text-align: center; }

.timetable-list { margin-top: 0.5rem; }
    .timetable-list .swiper-slide:first-child { margin-left: 1rem; }
    .timetable-list .term { padding: 0.5rem; margin-right: 1.2rem; font-size: 1.2rem; color: #979b9d; }
    .timetable-list .termbox.term0 .term { background: #f3f5fb; border: 1px solid #f3f5fb; }
    .timetable-list .termbox.term1 .term { background: #fae5e7; color: #ce0018 !important; border: 1px solid #ce0018; }
    .timetable-list .termbox.term2 .term { background: #f3f5fb; }
    .timetable-list h2 { font-size: 1.5rem; color: #484b4e; }
    .timetable-list .termbox.term1 .term h2 { color: #ce0018; }
    .timetable-list .line { position: relative; height: 2px; border-top: 4px solid #fff; border-bottom: 4px solid #fff; }
    .timetable-list .termbox.term0 .line { background: #686c72; }
    .timetable-list .termbox.term1 .line { background: #f3f5fb; }
    .timetable-list .termbox.term2 .line { background: #f3f5fb; }
    .timetable-list .spot { position: absolute; left: 0; top: -3px; z-index: 1; display: block; width: 7px; height: 7px; }
    .timetable-list .termbox.term0 .spot { background: url(/Content/images/spot_black.png) left center no-repeat; background-size: 7px; }
    .timetable-list .termbox.term1 .spot { background: url(/Content/images/spot_red.png) left center no-repeat; background-size: 7px; }
    .timetable-list .termbox.term2 .spot { background: url(/Content/images/spot_grey.png) left center no-repeat; background-size: 7px; }

.fcds-timebox { padding: 0.6rem 1rem 0; margin-top: 1rem; background: #fff9f7; }
    .fcds-timebox h2 { line-height: 2rem; font-size: 1.5rem; font-weight: 600; color: #fa5741; }
    .fcds-timebox .fcds-time { padding: 0; margin-top: 0; background: #fff9f7; color: #9c9fa1; }
        .fcds-timebox .fcds-time .count { right: 0; }
.fcds-time { position: relative; line-height: 3.6rem; padding: 0 1rem; background: #fff9eb; margin-top: 0.6rem; }
    .fcds-time .surplus { color: #9c9fa1; }
    .fcds-time .number { color: #e93b3d; margin: 0 1px; }
    .fcds-time .count { position: absolute; top: 0; right: 1rem; }

.fcds-go-chat { position: absolute; top: 0; right: 1.2rem; z-index: 1; color: #3959bb; font-size: 1.2rem; padding-left: 1.6rem; background: url(/Content/images/icon_special_chat.png) left center no-repeat; background-size: 1.6rem; }

.hx_title,h2.hx_title { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -moz-box; -moz-line-clamp: 2; -moz-box-orient: vertical; word-wrap: break-word; word-break: break-all; white-space: normal; height: auto; }

.picflex {display: flex;    justify-content: space-between;}
    /*.picflex .qrcodeimage { color: #5680a6; font-size: 1.2rem; font-weight: normal; padding-left: 1.6rem; line-height: 2.6rem; background: url(../../Content/report/images/ico_report.png) left no-repeat; background-size: 1.5rem; background-position: 0 -3.2rem; }*/
    .picflex .qrcodeimage {color: #5680a6;font-size:1.2rem;font-weight: normal;padding-left: 1.6rem;line-height: 2.6rem; background: url(../../Content/images/qrcodeImg.png) left no-repeat;background-size: 1.5rem;}

