/*
	引用当前样式的，有如下页面：
	information.html
	informationDetails.html
	newHouseDynamic.html
	newHouseInformation.html
*/

.informationbox{background:#fff;}
.slide-information{position:relative; height: 3.8rem; z-index:10; width:100%; background:#fff; border-bottom: 1px solid #e8e8e8;}
.slide-information.fix-slide-information{position: fixed; top: 9.9rem; left: 0; right: 0; z-index: 11; max-width: 750px; margin: 0 auto;}
.slide-scroll{height:3.8rem; overflow:hidden;}
.slide-nav{position:relative; overflow-x:scroll; overflow-y:hidden; line-height:3.8rem; white-space:nowrap; -webkit-overflow-scrolling:touch; font-size: 1.5rem;}
.slide-nav::-webkit-scrollbar {display:none;}
.slide-nav li{position:relative; display:inline-block; height:3.8rem; text-align:center; color:#9c9fa1;}
.slide-nav li.current{color:#e93b3d;}
.slide-nav li.current a{font-size: 1.8rem; font-weight: 600; color: #e93b3d;}
.slide-nav *{vertical-align:middle;}
.slide-nav .item{position: relative; display:inline-block; padding:0 1.2rem; vertical-align:text-bottom; -webkit-transition:.25s; transition:.25s; height: 3.8rem; line-height: 3.8rem; color: #9c9fa1;}
.slide-nav .line{position: absolute; bottom: 2px; left: 50%; margin-left: -0.75rem; display: block; width: 1.5rem; height: 0.2rem; background: #e93b3d; border-radius: 0.1rem; display: none;}
.slide-nav li.current .line{display: block;}

.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;}
.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;}

.articlebox{background: #fff; padding-bottom: 1rem;}
.article-head{padding: 1rem 1.2rem;}
.article-head h2{line-height: 3.2rem; font-size: 2.2rem; font-weight: 600;}
.article-data{font-size: 1.4rem; margin-top: 0.8rem;}
.article-data *{vertical-align: middle;}
.article-data .avatar{display: inline-block; width: 1.8rem; height: 1.8rem; border-radius: 50%; overflow: hidden;}
.article-data .avatar{width: 1.8rem; height: 1.8rem; margin-right: 0.5rem;}
.article-data .time{margin-left: 1rem; color: #9c9fa1;}
.article-body{margin-top: 1.5rem; padding: 0 1.2rem; font-size: 1.5rem;}
.article-body p{/*text-indent: 2em;*/ line-height: 2.8rem;}
.article-body .imgbox{margin: 0.8rem 0;}
.article-foot{position: relative; line-height: 2rem; padding: 1rem 1.2rem; font-size: 1.3rem; color: #9c9fa1; text-align: right; /*border-bottom: 1px solid #e8e8e8;*/ background: #fff;}
.article-foot:after{position: absolute; bottom: 0; left: 1.2rem; right: 1.2rem; display: block; content: ""; height: 1px; background: #e8e8e8;}

.intentionbox{/*padding: 2.4rem 1.2rem 1.2rem;*/padding: 1rem 1.2rem 1.2rem; background: #fff;}
.intention-wrap{box-shadow: 0 1px 7px 0 rgba(155,153,153,0.6); border-radius: 0.5rem; overflow: hidden;}
.inten-infobox{position: relative; display: block; padding-top: 47.83%; background-size: cover; background-position: center center; color: #fff;}
.inten-infobox .shadebox{position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 1; background: rgba(0,0,0,0.3);}
.inten-infobox .see{position: absolute; top: 0.5rem; right: 0.5rem; z-index: 2; display: inline-block; line-height: 2.2rem;}
.inten-info{position: absolute; bottom: 0; left: 0; right: 0; z-index: 2; padding: 0.3rem 1rem; font-size: 1.3rem; line-height: 2.2rem;}
.inten-info h2{font-size: 1.8rem;}

.intention-formbox{padding: 1rem;}
.intention-formbox h3{font-size: 1.3rem;}
.inten-form{font-size: 1.4rem; margin-top: 1rem;}
.inten-form .inten-text{height: 3.5rem; line-height: 3.5rem; font-size: 1.4rem; background: #f8f8f9; font-size: 1.4rem; border: none; text-indent: 0.6rem;}
.inten-form .inten-text.inten-text-sort{width: 34%;}
.inten-form .inten-text.inten-text-long{width: 63%;}
.inten-btnbox{margin-top: 1.6rem;}
.inten-btnbox .inten-btn{width: 100%; height: 4rem; line-height: 4rem; font-size: 1.5rem; border-radius: 0.5rem; border:none; 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);}


.dynatownbox{background: #fff; padding-top: 2rem;}
.dynatown-wrap{padding-left: 1rem;}
.dynatown-wrap .termbox{padding: 0.3rem;}
.dynatown-wrap .term{padding: 1rem 0.8rem; box-shadow: 0 0 7px 0 rgba(155,153,153,0.35);}
.dynatown-body{position: relative; min-height: 4rem; padding-left: 4.6rem;}
.dynatown-body .avatar{position: absolute; top: 0; left: 0; display: block; width: 4rem; height: 4rem; border-radius: 50%; overflow: hidden;}
.dynatown-info{font-size: 1.2rem; color: #9c9fa1;}
.dynatown-info h2{font-size: 1.4rem; color: #394043;}
.dynatown-foot{margin-top: 1rem;}
.dynatown-foot .btn{display: block; width: 46.5%; height: 2.6rem; line-height: 2.6rem; border-radius: 0.2rem; text-align: center; font-size: 1.2rem;cursor:pointer;}
.dynatown-foot .btn.btn-tel{float: left; 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;}
.dynatown-foot .btn.btn-online{float: right; 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;}

.purposebox{background: #fff; padding: 1.5rem 0;}
.purpose-formbox{padding: 0 1.2rem; margin-top: 0.5rem;}
.purpose-wrap{border-radius: 0.5rem; box-shadow: 0 2px 7px 1px rgba(155,153,153,0.35);}
.purpose-form{padding: 1rem; font-size: 1.5rem;}
.purpose-form dl{position: relative; margin-top: 1rem; padding-left: 8rem; min-height: 3.6rem; line-height: 3.6rem;}
.purpose-form dt{position: absolute; top: 0; left: 0;}
.purpose-text{width: 100%; height: 3.5rem; line-height: 3.5rem; text-indent: 10px; font-size: 1.5rem; background: #f8f8f9; border:none;}
.purpose-btnbox{padding: 1.2rem;}
.purpose-btnbox .purpose-btn{width: 100%; height: 4rem; line-height: 4rem; font-size: 1.5rem; border-radius: 0.5rem; border:none; 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);}

.condo-tour-group{background: #fff;}
.group-buybox{background: #f8f8f9; border-top: 1rem solid #fff;}
.group-buybox li{padding: 0.8rem 1.2rem; margin-bottom: 1rem; background: #fff;}
.group-head{position: relative; min-height: 2.8rem; padding-right: 7rem;}
.group-head .title{display: block; max-height: 2.8rem; line-height: 2.8rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1.5rem; font-weight: 600;}
.group-head .enroll-btn{position: absolute; top: 0; right: 0; z-index: 1; display: inline-block; height: 2.6rem; line-height: 2.6rem; padding: 0 0.8rem; color: #fff; border-radius: 0.2rem; border: 1px solid #e93b3d; background: #fff; color: #e93b3d; font-size: 1.3rem;}
.group-buybox li.has-route .group-head{padding-right: 0;}
.group-buybox li.has-route .group-head .enroll-btn{top: 3rem;}

.group-body h3{position: relative; height: 2.8rem; line-height: 2.8rem; padding-left: 1.7rem; font-size: 1.3rem; color: #9c9fa1;}
.group-route{padding-left: 1.2rem; border-left: 1px solid #e8e8e8; margin-left: 0.4rem;}
.group-route .switchbox{text-align: center; font-size: 1.4rem; color: #394043;}
    .group-route .switchbox .switch-btn { display: inline-block; height: 2.6rem; line-height: 2.6rem; padding-right: 1.6rem; background: url(../images/route_triangle_down.png) right center no-repeat; background-size: 1.4rem; }
.group-route .switchbox .switch-btn-none{display: inline-block; height: 2.6rem; line-height: 2.6rem; padding-right: 1.6rem; }
.group-route.toggle .switchbox .switch-btn{background: url(../images/route_triangle_up.png) right center no-repeat; background-size: 1.4rem;}
.route-list{}
.route-list .subroute{position: relative; padding: 0.5rem 0; display: none;}
.route-list .subroute0{display: block;}
.group-route.toggle .route-list .subroute{display: block;}
.route-list .subroute:before{position: absolute; top: -0.8rem; left: -2rem; display: block; content: ""; width: 1.4rem; height: 1.4rem; background: #fff url(../images/route_point.png) center center no-repeat; background-size: 1.4rem;}
.route-list .subroute:first-child:before{top: -2rem;}
.route-list .subroute:last-child:after{position: absolute; bottom: -2rem; left: -2rem; display: block; content: ""; width: 1.4rem; height: 1.4rem; background: #fff url(../images/route_bus.png) center center no-repeat; background-size: 1.4rem;}

.subroute a{position: relative; display: block; min-height: 7rem; padding-left: 10.2rem;}
.subroute .img{position: absolute; top: 0; left: 0; width: 9.4rem; height: 7rem; border-radius: 0.2rem; overflow: hidden;}
.subroute .img img{width: 9.4rem; height: 7rem;}
.route-info{font-size: 1.3rem; color: #9c9fa1;}
.route-info h4{font-size: 1.5rem; height: 2rem; line-height: 2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #394043;}
.route-info p{ height: 2rem; line-height: 2rem; margin-top: 0.5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.route-info p.address{padding-left: 1.5rem; background: url(../images/route_location.png) left center no-repeat; background-size: 1.4rem;}
.route-price{color: #fa5741;}
.route-price strong{font-size: 1.5rem; font-weight: 600;}


.reviewbox{background: #fff; padding: 1rem 0;margin-top:1rem;}
.review-wrap{}
.review-list{padding: 0 1.2rem; font-size: 1.4rem;}
.review-head{position: relative; min-height: 3.6rem; line-height: 3.6rem; padding-left: 4.6rem;}
.review-head .avatar{position: absolute; top: 0; left: 0; width: 3.5rem; height: 3.5rem; border:1px solid #f8f8f9; border-radius: 50%; overflow: hidden;}
.review-head .name{font-weight: 600;}
.review-body{padding-left: 4.6rem;}
.review-body .textsbox{font-size: 1.5rem; line-height: 2rem;}
.review-other{position: relative; min-height: 2rem; line-height: 2rem; padding-bottom: 0.8rem; margin-top: 0.8rem; border-bottom: 1px solid #e8e8e8; font-size: 1.3rem; color: #9c9fa1;}
.review-other .zan{position: absolute; top: 0; right: 0; display: inline-block; padding-left: 2rem; background: url(../images/icon_zan.png) left center no-repeat; background-size: 1.5rem;}
.review-other .zan.light{background: url(../images/icon_zan_light.png) left center no-repeat; background-size: 1.5rem;}


.recommend-newsbox{margin-top: 1rem; padding-top: 0.5rem; background: #fff;}
.recommend-news{padding: 0 1.2rem;}
.recommend-news li{border-bottom: 1px solid #e8e8e8;}
.recommend-news li.has-img{}
.recommend-news a.term{position: relative; display: block; padding: 1.5rem 0;}
.recommend-news li.has-img a.term{/*padding: 2rem 12.5rem 2rem 0;*/padding: 2rem 11.7rem 2rem 0; min-height: 8rem;}
.recommend-news li.has-img a.term .imgbox{position: absolute; top: 2rem; right: 0; width: 10.5rem; height: 8rem;}
.recommend-news li.has-img a.term .imgbox img{width: 10.5rem; height: 8rem;}
.news-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;}
.news-other{position: relative; min-height: 2rem; line-height: 2rem; margin-top: 0.6rem; color: #9c9fa1; font-size: 1.3rem;}
.recommend-news li.has-img .news-other{margin-top: 1.2rem;}
.news-other .time{position: absolute; top: 0; right: 0;}
.recommend-news li:first-child a.term{padding-top: 1rem !important;}
.recommend-news li:first-child a.term .imgbox{top: 1rem !important;}

.fix-reviewbox+.wrapbox{padding-bottom: 6rem;}
.fix-reviewbox{position: fixed; bottom: 0; left: 0; right: 0; z-index: 10; height: 5rem; background: #fff; padding: 0 1.2rem; max-width: 750px; margin: 0 auto; box-sizing:border-box; box-shadow: 0 0 7px rgba(147,139,139,0.2);}
.fix-reviewbox .iconbox{position: absolute; top: 1rem; right: 1rem; width: 7.2rem; text-align: right;}
.fix-reviewbox .iconbox .icon{position: relative; display: inline-block; width: 3rem; height: 3rem; margin-left: 0.3rem;}
.fix-reviewbox .icon.icon-chat{background: url(../images/fixed_icon/icon_chat.png) center center no-repeat; background-size: 3rem;}
.fix-reviewbox .icon.icon-share{background: url(../images/fixed_icon/icon_share.png) center center no-repeat; background-size: 3rem;}
.fix-reviewbox .icon .count{position: absolute; top: -0.2rem; right: 0; display: inline-block; background: #e93b3d; color: #fff; font-size: 1.2rem; height: 1.4rem; line-height: 1.4rem; border-radius: 0.7rem; padding: 0 0.35rem; border:1px solid #fff;}
.open-review{padding: 1rem 7.2rem 1rem 0;}
.open-review .write{display: block; height: 3rem; line-height: 3rem; border-radius: 1.5rem; color: #9c9fa1; font-size: 1.4rem; padding-left: 2.8rem; background: #f8f8f9 url(../images/fixed_icon/icon_write.png) 1rem center no-repeat; background-size: 1.5rem;}


.fix-writebox{display: none;}
.fix-writebox .maskbox{z-index: 20;}
.write-reviewbox{position: fixed; bottom: 0; left: 0; right: 0; z-index: 21; background: #fff; max-width: 750px; margin: 0 auto;}
.write-head{position: relative; height: 3.5rem; line-height: 3.5rem; padding: 0 1.2rem; font-size: 1.5rem;}
.write-head .cancel{color: #9c9fa1;}
.write-head .sure{position: absolute; top: 0; right: 1.2rem; color: #e93b3d;}
.write-body{padding: 0.5rem 1.2rem 1.2rem;}
.write-area{padding: 0 0.6rem; background: #f8f8f9; border-radius: 0.5rem;}
.write-area textarea{width: 100%; border:none; background: #f8f8f9; font-size: 14px; height: 9.6rem; line-height: 2.2rem; resize: none;}

.information-special{background: #fff;}
.information-special + .information-special{margin-top: 1rem;}
.information-special .titlebox{padding: 0 1.2rem; border-bottom: 1px solid #e8e8e8; line-height: 4.4rem;}
.information-special .title{position: relative; display: inline-block; padding-left: 1rem; font-size: 1.6rem; font-weight: 600; color: #e93b3d;}
.information-special .title:before{position: absolute; top: 1.5rem; left: 0; display: block; content: ""; width: 0.2rem; height: 1.4rem; border-radius: 0.1rem; background: #e93b3d;}

.information-special .information-list li:last-child{border-bottom: none;}




.news-tabbox{padding: 1rem 0; background: #fff;}
.fix-news-tab.news-tabbox{position: fixed; top: 4.4rem; left: 0; right: 0; z-index: 11; margin: 0 auto;}
.news-tab{width: 22rem; margin: 0 auto; border-radius: 0.5rem; border: 0.15rem solid #e93b3d; overflow: hidden;}
.news-tab a{float: left; display: block; width: 50%; height: 3.6rem; line-height: 3.6rem; text-align: center; color: #e93b3d;}
.news-tab a.on{ 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;}
.news-bannerbox { position: relative; padding: 1rem 1.2rem; background: #fff; margin-top: 4rem; }
.news-bannerbox .tag{position: absolute; right: 1.6rem; bottom: 1.2rem; z-index: 2; background: rgb(0,0,0,0.5); color: #e0e0e0; font-size: 1.2rem; height: 1.4rem; line-height: 1.4rem; padding: 0 0.2rem; border-radius: 2px;}
.news-bannerbox .swiper-container {width: 100%; height: auto;}
.news-bannerbox .swiper-slide {width: 100%; height:auto;	display: inline-block;}
.news-bannerbox .swiper-slide a {position: relative; display:block; width:100%; padding-top: 62.32%; background-size:cover;	background-repeat:no-repeat; background-position:center top; border-radius: 0.5rem; overflow: hidden;}
.news-bannerbox .swiper-pagination {left: 25%; bottom: 0.5rem; width: 50%; height: 10px; line-height: 10px; margin: 0 auto;}
.news-bannerbox .swiper-pagination span {margin: 0 3px; height: 0.3rem; width: 0.8rem; border-radius: 0.5rem; background: #fff; opacity:0.6;}
.news-bannerbox .swiper-pagination span.swiper-pagination-bullet-active{width: 1.2rem; opacity:1;}

.tj_news { padding-bottom: 0.5rem; }
    .tj_news li { line-height: 3rem; margin: .5rem 0; }