@import "color.css";
@import "iconfont.css";
.main{ background: #fff;}
.build_detail {padding: 30px 0 60px 0px;}
.build_detail >div > h2{ width: 94%; margin: auto; font-size: 16px; }
.con_box table {
margin-top: 20px;
}
.con_box tr {
border-bottom: 1px solid #eee;
}
.con_box td { border: 1px solid #eee;
line-height: 22px;
padding: 5px 10px;
}
.con_box td span {
font-size: 12px;
color: #2e2e2e;
}
.house-content{
line-height: 25px;
padding: 1em;
font-size: 12px;
}
.house-content P,#picnewslist ul.list{ background: none !important;}
#pictitle h2{ width: 94%; margin: auto; font-size: 16px;padding-top: 30px; border-top: 1px solid #eee;}
/*********鏂伴椈鍐呴〉鍏宠仈椤圭洰澶у浘鏍峰紡 Start**************/
@font-face {
font-family: "f";
font-weight: normal;
font-style: normal;
src: url("../fonts/f.eot");
src: url("../fonts/f.eot?#iefix") format("embedded-opentype"), url("../fonts/f.svg#f") format("svg"), url("../fonts/f.woff") format("woff");
}
.font-f-144:before {
content: "\EA24";
}
.font-f-156:before {
content: "\EA31";
}
.font-f-159:before {
content: "\EA34";
}
[class^="font-f-"],
[class*=" font-f-"] {
font-family: "f";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: inherit;
float: none;
margin: 0;
vertical-align: -0.15em;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
}
.news-houses-title {
font-size: 0.8125rem;
font-weight: 700;
height: 2.1875rem;
line-height: 2.1875rem;
margin-bottom: 0.625rem;
}
.news-houses-title i {
background: #e43;
color: #fff;
display: inline-block;
height: 1.5625rem;
width: 1.5625rem;
line-height: 1.5625rem;
text-align: center;
border-radius: 50%;
margin-right: 0.625rem;
}
.news-houses .news-houses-item {
box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.15);
margin-bottom: 0.625rem;
}
.news-houses .news-houses-item .item-media {
position: relative;
}
.news-houses .news-houses-item .item-media img {
width: 100%;
height: auto;
}
.news-houses .news-houses-item .item-media .name-info {
position: absolute;
bottom: 0.86875rem;
background-color: rgba(0, 0, 0, .25);
filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#40000000,endColorStr=#40000000);
left: 0;
line-height: 1.875rem;
color: #fff;
width: 100%;
font-size: 0.7125rem;
padding: 0 0.625rem;
}
.news-houses .news-houses-item .info-container {
padding: 0.46875rem 0.625rem;
}
.news-houses .news-houses-item .info-container .fl {
width: 8.875rem;
}
.info-container .fr{
width: 30%;
}
.news-houses .news-houses-item .info-container .price {
font-size: 0.925rem;
}
.news-houses .news-houses-item .info-container .price .p-red{
color:#dd2829 !important;
}
.news-houses .news-houses-item .info-container .tag {
margin-top: 0.46875rem;
color:#454545;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.news-houses .news-houses-item .info-container .tag span {
line-height: 12px;
padding: 2px 6px 1px;
border: none;
background: #f4f6f9;
margin-right: 4px;
border-radius: 1px;
display: inline-block;
margin-top: 4px;
}
.news-houses .news-houses-item .info-container .icons {
background: #ff6977;
color: #fff;
border-radius: 50%;
text-align: center;
line-height: 1.50625rem;
height: 1.50625rem;
width: 1.50625rem;
display: inline-block;
margin-left: 0.46875rem;
font-size: 1.0625rem;
font-weight: bold;
float: left;
}
/*********鏂伴椈鍐呴〉鍏宠仈椤圭洰澶у浘鏍峰紡 End**************/
/*header S---------------------*/
#header{
height:2.56rem;
display: flex;
align-items:center;
justify-content:space-between;
padding:0 0.64rem;
line-height:1.28rem;
}
.city-box>a{
font-size: .51rem;
color:#fff;
position: relative;
}
.city-box>a:after{
width: .38rem;
height: .21rem;
content: "";
display: block;
background: url(../images/icon/section_icon.png) no-repeat;
background-size: cover;
position: absolute;
right: -.7rem;
top:.3rem;
transition: all 300ms;
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
}
.city-box.active>a:after{
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
}
#city_list{
position: absolute;
top: 2.56rem;
left: 0;
width: 3rem;
background: #fff;
z-index: 12;
border: 1px solid #eee;
box-shadow: 0 0 6px #999;
display: none;
}
#city_list:after{
content: '';
display: block;
position: absolute;
top: -0.4rem;
left: 50%;
margin-left: -0.3rem;
width: 0.6rem;
height: 0.6rem;
background: url(../images/icon/icon1.png) center top no-repeat;
-webkit-background-size: 0.6rem 0.6rem;
background-size: 0.6rem 0.6rem;
}
#city_list li{
font-size: 0.6rem;
line-height: 1.6rem;
text-align: center;
}
.search-box{
width: 11.53rem;
height:1.28rem;
background: #fff;
border-radius: .64rem;
position: relative;
margin-left: .5rem;
}
.search-box:before{
width: .66rem;
height: .66rem;
content: "";
display: block;
background: url(../images/icon/search_icon.png) no-repeat;
background-size: cover;
position: absolute;
top:.34rem;
left:.43rem;
}
.search-box input{
height:1.28rem;
display: block;
padding-left: 1.49rem;
width:100%;
}
.person-center:after{
content: "";
display: block;
width: .62rem;
height: .64rem;
background: url(../images/icon/person_icon.png) no-repeat;
background-size: cover;
}
/*header E---------------------*/
/*banner-----------S*/
.banner-box{background:#fff;padding-top: .64rem;}
.banner{
width:14.72rem;
height: 7rem;
margin:0 auto;
overflow: hidden;
border-radius: .25rem;
background: #fff;
}
.swiper-pagination-bullet{
background: #fff;
opacity:1;
}
/*banner-----------E*/
/*绫诲埆---------------S*/
.cate-box{
background:#fff;
padding:.84rem 0 .8rem;
}
.cate-box .box{
width:90%;
margin:0 auto;
}
.cate-box li{width:23.5%;display:inline-block;text-align:center;padding-bottom:.64rem;}
.cate-box a{
width:100%;
color:#737373;
font-size:.512rem;
text-align: center;
display:inline-block;;
}
.cate-box a:before{
content: "";
display: block;
background: url(../images/icon/cate_icon.png) no-repeat;
background-size:13.93rem 5.93rem;
width:100%;
height:2.4rem;
background-position: 1rem 0;
}
.cate-box li:nth-child(4n+1) a{
margin-left: 0;
}
.cate-box li:nth-child(1) a:before{
background-position: .5rem 0;
}
.cate-box li:nth-child(2) a:before{
background-position: -3.29rem 0;
}
.cate-box li:nth-child(3) a:before{
background-position: -7.12rem 0;
}
.cate-box li:nth-child(4) a:before{
background-position: -10.97rem 0;
}
.cate-box li:nth-child(5) a:before{
background-position: .5rem -3.37rem;
}
.cate-box li:nth-child(6) a:before{
background-position: -3.29rem -3.37rem;
}
.cate-box li:nth-child(7) a:before{
background-position: -7.12rem -3.37rem;
}
.cate-box li:nth-child(8) a:before{
background-position: -10.97rem -3.37rem;
}
.cate-box li:nth-child(9) a:before{
background-position: 0.5rem 0.1rem;
}
.cate-box li:nth-child(10) a:before{
background-position: 0.5rem 0.1rem;
}
/*绫诲埆---------------E*/
/*澶存潯----------------S*/
.headlines{
background:#fff;
margin-bottom:.43rem;
height: 1.4rem;
display: flex;
align-items:center;
/* box-shadow: 0px 6px 4px rgba(50,50,50,.1); */
}
.headlines .tit{
width:2.97rem;
margin-left: .64rem;
}
.headlines .text{
/**padding-left:.75rem;**/
overflow: hidden;
height: 1.4rem;
width:80%;
}
.headlines li{
height: 1.4rem;
overflow: hidden;
}
.headlines a{
display: block;
font-size: .6rem;
color:#666;
line-height: 1.4rem;
width:100%;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
/*澶存潯----------------E*/
/*宸ュ叿----------------S*/
.tool-box{
background:#fff;
padding:1rem 0;
}
.tool-box a{
float:left;
font-size: .51rem;
color:#666;
margin-left: 1.5rem;
text-align: center;
}
.tool-box a:before{
content: "";
display: block;
margin:0 auto .51rem;
background: url(../images/icon/tool_icon.png) no-repeat;
background-size:13.26rem 1.13rem;
}
.tool-box a:nth-child(1):before{
width:1.07rem;
height:1.09rem;
background-position: 0 0;
}
.tool-box a:nth-child(2):before{
width:1.09rem;
height:1.09rem;
background-position: -3.07rem 0;
}
.tool-box a:nth-child(3):before{
width:1.24rem;
height:1.05rem;
background-position: -6.1rem 0;
}
.tool-box a:nth-child(4):before{
width:1.07rem;
height:1.09rem;
background-position: -9.1rem 0;
}
.tool-box a:nth-child(5):before{
width:1.07rem;
height:1.09rem;
background-position:-12.24rem 0;
}
/*宸ュ叿----------------E*/
/*浼樺娍*/
.advantage-box{
background: #fff;
padding-bottom: .4rem;
margin-top: .43rem;
padding-top: .8rem;
padding-left: .61rem;
}
.advantage-box .box{
width:100%;
height:5.5rem;
overflow: hidden;
padding: 5px;
}
.advantage-box li{
float: left;
width:4.18rem;
height:4.98rem;
box-shadow: 0 0 5px rgba(0,0,0,.2);
padding: .21rem;
border-radius: 4px;
margin-right: .45rem;
}
.advantage-box ul{
-webkit-transition: 2s;
-webkit-transition-timing-function: ease-out;
}
.advantage-box .pic{
width:3.75rem;
height:2.35rem;
overflow: hidden;
border-radius: 4px;
}
.advantage-box h3{
font-size: .64rem;
color:#333;
padding-top: .3rem;
padding-bottom: .2rem;
}
.advantage-box p{
font-size:0.51rem;
color:#666;
}
/*鎺ㄨ崘鏂版埧*/
.house-show-box{
background: #fff;
padding-left: .64rem;
padding-right: .62rem;
padding-top:.6rem;
}
.house-show-box .title{
display: flex;
justify-content:space-between;
align-items: center;
margin-bottom: 0;
}
.house-show-box .title h3{
font-size:0.77rem;
color:#313131;
line-height:1.6rem;
}
.house-show-box .title a{
font-size:0.51rem;
font-family:骞煎渾;
padding-right: .5rem;
background: url(../images/icon/more_icon.png) no-repeat right center;
background-size:.26rem .47rem;
margin-right:.3rem;
}
.house-show-box li{
border-bottom: 1px solid #eee;
padding:.64rem 0;
}
.house-show-box li:after{
content: "";
display: block;
clear: both;
}
.house-show-box .pic{
width:29%;
height:3.2rem;
border-radius:2px;
overflow: hidden;
float: left;
}
.house-show-box .pic img{height:100%;}
.house-show-box .intro-text h4{
font-size:0.67rem;
line-height: .56rem;
color:#202020;
font-weight: normal;
padding-bottom:.3rem;
}
.house-show-box .intro-text{
float: right;
width:66.5%;
}
.house-show-box .intro-text .saleing span,.house-saling-title span{
line-height:0.7rem;
font-size:0.42rem;
color:#fff;
border-radius: 0.2rem ;
text-align: center;
margin-left:.15rem;
padding:0 .2rem;
display: inline-block;
height:.7rem;
}
.house-status-1{background-color:#009944; }
.house-status-2{background-color:#31c526; }
.house-status-3{background-color:#ff0000; }
.house-status-4{background-color:#999; }
.house-status-5{background-color:#f60; }
.house-show-box .intro-text p{
font-size:0.51rem;
color:#666;
line-height: .9rem;
}
.house-show-box .intro-text .price{
position: relative;
}
.house-show-box .intro-text .price-num{
position: absolute;
right:0;
top:-1rem;
font-family:Arial-BoldMT;
font-size: .42rem;
}
.house-show-box .price-num em{
font-size: .65rem;
font-weight: bold;
}
.house-show-box .intro-text .good em{
width:2.5rem;
margin-left:.15rem;
line-height:0.6rem;
text-align: center;
display: inline-block;
font-size: .3rem;
color:#999;
background:rgba(245,246,247,1);
}
.house-show-box li >a{display: block;}
.house-show-box li >p.type{
font-size: 0.51rem;
margin-top: 10px;
color: #666;
line-height: .9rem;
}
.house-show-box .intro-text p span.info{
background: #eee;
padding:2px 5px;
margin: 3px;
}
/*鎺ㄨ崘浜屾墜鎴�*/
.old-house .intro-text h4{
color: #000;
white-space: nowrap;
font-size: 15px;
overflow: hidden;
}
.old-house .intro-text .price-num{
font-size: .68rem;
}
.old-house .intro-text .good em:first-child{
background: #FFEBEF;
color:#E24546;
}
.old-house .intro-text .good em:nth-child(2){
background: #E8EAF6;
color:#6A79D5 ;
}
.old-house .intro-text .good em:nth-child(3){
background:#E0F7FA;
color:#4F9859;
}
.old-house .intro-text .good em:nth-child(4){
background: #E0F8FA;
color: #579CA5;
}
/*footer*/
footer{
background:#F0F4F7;
font-size: .6rem;
text-align: center;
color:#c8ced6;
margin-bottom: 2rem !important;
padding-bottom:1.92rem;
}
footer .link{
padding-top:.58rem;
}
footer .link a{
color:#6A717A;
margin:0 .64rem;
line-height: 1.8rem;
font-size: .6rem;
}
.look-way a{
margin:0 .64rem;
color:#b5bcc4;
font-size: .6rem;
}
.look-way .on{
color:#6a717a;
}
.footer .copy{
padding:.0rem 0 .75rem 0;
color:#908c8c;
font-size:0.5rem;
}
/*鍦板浘鎵炬埧---鍏叡澶撮儴*/
.lookRoom-head{
background: #fff;
position: relative;
z-index: 999;
}
.lookRoom-head .top{
display: flex;
height:1.94rem;
justify-content: space-between;
align-items: center;
padding:0 .6rem 0 .7rem;
}
.lookRoom-head .go-back{
width:.43rem;
height:.77rem;
background: url(../images/icon/back_icon.png) no-repeat;
background-size:cover;
}
.lookRoom-head .search-room{
width:0.83rem;
height:0.83rem;
background: url(../images/icon/search_icon1.png) no-repeat;
background-size:100% 100%;
}
.lookRoom-head .lr-tab a{
width:2.15rem;
height:0.6rem;
font-size:0.73rem;
color:#454545;
margin-left: 1.1rem;
}
.lookRoom-head .lr-tab .active{
border-bottom-width: 2px;border-bottom-style: solid;
padding-bottom:.3rem;
}
.lookRoom-head #select_body .more {
height: calc(100vh - 3.78rem) !important;
height: -webkit-calc(100vh - 3.78rem) !important;
}
/*鍦板浘鎵炬埧*/
.map-show-box{
max-height:calc(100vh - 1.84rem - 1.94rem);
overflow: hidden;
}
/*鍦板浘鎵炬埧-涓夌骇鎵炬埧-鏂版埧*/
.newhouse-map{
height:14.25rem;
overflow: hidden;
}
.newhouse-detail{
padding:0 .66rem .68rem;
background: #fff;
}
.newhouse-detail .hb{
display: flex;
justify-content: space-between;
align-items: center;
padding:.6rem 0 .66rem;
}
.newhouse-detail .hb h3{
font-size:0.77rem;
color:#333;
font-weight: normal;
}
.newhouse-detail .hb .price{
font-size:.46rem;
color:#EA3C3D;
margin-top: .4rem;
}
.newhouse-detail .hb .price em{
font-size:.7rem;
font-family: Arial;
font-weight: bold;
}
.newhouse-detail .detail-box{
width:14.72rem;
height:7.81rem;
overflow: hidden;
border-radius:4px;
position:relative;
}
.newhouse-detail .detail-box:after{
content: "";
display: block;
width:100%;
height:100%;
background:rgba(0,0,0,.4);
position: absolute;
top:0;
left:0;
}
.newhouse-detail .text-info{
position:absolute;
bottom:.53rem;
left:.64rem;
color:#fff;
z-index: 9;
font-size: .51rem;
}
.newhouse-detail .text-info p{
padding-top:.3rem;
}
.newhouse-detail .ada em{
width:2.56rem;
line-height:0.85rem;
text-align: center;
border:1px solid #fff;
font-size:0.51rem;
border-radius: 2px;
margin-right:.2rem;
}
/*鍦板浘鎵炬埧-涓夌骇鎵炬埧-浜屾墜鎴�*/
.oldhouse-map{
height:7.45rem;
overflow: hidden;
}
.oldhouse-list{
background: #fff;
}
.saleing-link{
width:14.72rem;
margin:0 auto .62rem;
padding:.8rem .7rem .66rem .6rem;
border-bottom:1px solid #eee;
}
.saleing-link h3{
font-size:0.77rem;
color:#333;
padding-bottom:.7rem;
}
.saleing-link p{
font-size: .64rem;
}
.saleing-link .price{
color:#EA3C3D;
}
.saleing-link a{position: relative;display: block;}
.saleing-link a:after{
content: "";
display: block;
width:16px;
height:29px;
background: url(../images/icon/more_icon1.png) no-repeat;
background-size:100% 100%;
position:absolute;
right:0;
top:.6rem;
}
.oldhouse-list .intro-text .detail-text{
color:#666;
}
/*鎴垮瓙鍒楄〃鍏叡澶撮儴*/
.header-top{
width:100%;
position:fixed;
top:0;
left:0;
right:0;
z-index: 999;
}
.header-top #header,.header-top .lr-select-box{
margin:0 auto;
max-width:750px;
}
.h-list-head .go-back{
width:0.43rem;
height:0.77rem;
background: url(../images/icon/back_icon1.png) no-repeat;
background-size:100% 100%;
}
.h-list-head .search-box{
width:11.31rem;
}
.h-list-head .map-find-room{
font-size:0.51rem;
color:#fff;
}
.oh-list-box .lr-select-box{
margin-bottom: .65rem;
border-bottom: 1px solid #eee;
}
.oh-list-box{
/*padding:0 0 2.6rem;*/
}
.oh-list-box ul{
padding-left: .64rem;
padding-right: .62rem;
}
.oh-list-box li,.oh-list-box li:first-child{
border-top:none;
border-bottom: 1px solid #eee;
}
.lr-select-box .active{
color:#f04848;
}
/* 澶撮儴绛涢€夊叕鍏辨牱寮� */
.lr-select-box{
display: flex;
justify-content: space-between;
align-items: center;
text-align: center;
height:1.84rem;
background: #fff;
border-bottom: 1px solid #ccc;
}
.lr-select-box>em{
width:25%;
font-size:0.55rem;
color:#333;
position: relative;
line-height: 1.2rem;
}
.lr-select-box>em:after{
width:0.4rem;
height:0.2rem;
content: "";
display: block;
background: url(../images/icon/select_icon.png) no-repeat;
background-size:cover;
position: absolute;
right:.7rem;
bottom:.5rem;
}
.lr-select-box{
height:1.84rem;
background: #fff;
border-bottom: 1px solid #ccc;
position: relative;
}
#select_head {
width: 100%;
height:1.84rem;
display: flex;
display: -webkit-flex;
}
#select_head:after {
content: '';
display: block;
position: absolute;
left: 0;
right: 0;
bottom: 0;
border-bottom: 1px solid #f0f0f0;
}
#select_head .item {
flex: 1;
-webkit-flex: 1;
height:1.84rem;
position: relative;
box-sizing: border-box;
padding-right: 0.2rem;
padding-left: 0.2rem;
overflow: hidden;
text-align: center;
line-height: 1.84rem;
}
#select_head .item:after{
width:0.4rem;
height:0.2rem;
content: "";
display: block;
background: url(../images/icon/select_icon.png) no-repeat;
background-size:cover;
position: absolute;
right: 0.2rem;
top: 50%;
margin-top: -0.1rem;
-moz-transform: rotate(0deg);
-moz-transition: all .5s ease .1s;
-webkit-transform: rotate(0deg);
-webkit-transition: all .5s ease .1s;
-o-transform: rotate(0deg);
-o-transition: all .5s ease .1s;
-ms-transform: rotate(0deg);
-ms-transition: all .5s ease .1s;
transform: rotate(0deg);
transition: all .5s ease .1s;
}
#select_head .item.active:after{
background-image: url(../images/icon/select_hover_icon.png);
-moz-transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
-o-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
transform: rotate(-360deg);
}
#select_head .item .tit {
font-size:0.55rem;
width: 100%;
color: #383838;
}
#select_body {
position: absolute;
top: 1.84rem;
left: 0;
right: 0;
}
#select_body .item {
background: #fff;
position: relative;
z-index: 2;
display: none;
}
#select_body .item.active {
display: block;
}
#select_body .item_box{
display: flex;
display: -webkit-flex;
}
#select_body .common ul{
flex: 1;
-webkit-flex: 1;
}
#select_body .common .one-level{
background: #fff;
}
#select_body .common .two-level{
background: #F6F6F6;
}
#select_body .common .three-level{
background: #f0f0f0;
}
#select_body .common ul li{
padding: 0 0.64rem;
border-bottom: 1px solid #eee;
position: relative;
}
#select_body .common a,
.room-form label {
display: block;
font-size: 0.64rem;
line-height: 2.28rem;
color: #666;
position: relative;
}
#select_body .common a:active,
#select_body .common a.active,
.room-form .checkbox:checked~label{
color: #D32F2F;
}
.room-form label{
text-align: left;
}
.room-form .checkbox{
position: absolute;
right: 0.64rem;
top: 50%;
margin-top: -0.4rem;
width: 0.8rem;
height: 0.8rem;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.room-form .checkbox:checked{
background: url(../images/icon/icon2.png) center no-repeat;
-webkit-background-size: 80% auto;
background-size: 80% auto;
}
.room-form .checkbox:after {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 1px solid #eee;
border-radius: 0.09rem;
}
.room-form .btn-area{
padding:0.3rem 0.64rem;
}
.room-form .btn-area .smt {
display: block;
width:100%;
height: 1.6rem;
line-height: 1.6rem;
font-size: 0.64rem;
text-align: center;
border-radius: 0.17rem;
color: #fff;
background: #e10000;
}
/* 鏇村绛涢€夋牱寮� */
#select_body .more {
height: calc(100vh - 4.4rem);
height: -webkit-calc(100vh - 4.4rem);
padding: 0 0.64rem;
box-sizing: border-box;
overflow: auto;
}
#select_body .more .select_area {
/* min-height: calc(100vh - 7.4rem);
min-height: -webkit-calc(100vh - 7.4rem); */
}
#select_body .more .tit {
font-size: 0.64rem;
color: #666666;
line-height: 2.28rem;
text-align: left;
}
#select_body .more ul {
margin-top: -0.64rem;
}
#select_body .more li {
float: left;
width: 23.2%;
font-size: 0.47rem;
color: #999;
margin-left: 2.4%;
margin-top: 0.64rem;
text-align: center;
height: 1.28rem;
line-height: 1.28rem;
position: relative;
}
#select_body .more li:after {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 1px solid #999;
border-radius: 0.09rem ;
}
#select_body .more li:nth-of-type(4n+1) {
margin-left: 0;
}
#select_body .more #sort li{
width: 48.8%;
}
#select_body .more #sort li:nth-of-type(2n+1) {
margin-left: 0;
}
#select_body .more .submit_area {
display: flex;
display: -webkit-flex;
justify-content: space-between;
padding: 0.7rem 0;
}
#select_body .more .submit_area input {
display: block;
width:7.04rem;
height: 1.6rem;
line-height: 1.6rem;
font-size: 0.64rem;
text-align: center;
border-radius: 0.17rem
}
#select_body .more .submit_area .reset {
color: #707070;
background: #f0f0f0;
outline: none;
}
.select_hover_icon .active:after{
background:url(../images/icon/select_hover_icon.png) no-repeat;
background-size:100% 100%;
}
.price-form{
text-align: center;
font-size: 0;
position: relative;
padding: 0.64rem 0;
}
.price-form:after {
content: '';
display: block;
position: absolute;
top: -1px;
left: 0;
right: 0;
border: 1px solid #eee;
}
.price-form input{
width:4.37rem;
height:1.28rem;
line-height:1.28rem;
background:rgba(238,238,238,1);
border-radius: 0.09rem ;
font-size:0.6rem;
color: #333;
text-align: center;
}
.price-form .smt{
margin-left: 0.64rem;
}
.price-form span{
display: inline-block;
width: 0.64rem;
line-height:1.28rem;
font-size: 0.6rem;
color: #999;
}
#select_bg {
position: fixed;
top: 2.54rem;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
background: rgba(0, 0, 0, 0.5);
display: none;
}
/*涓嬫媺閫夋嫨*/
.lr-select-box .select-status{
position:absolute;
top:4.4rem;
background: #fff;
width:100%;
min-height:calc(100vh - 4.4rem);
z-index: 99;
padding:0 .64rem 0 .6rem;
box-shadow: 0 3px 2px rgba(0,0,0,.2);
text-align: left;
}
.select-status h3{
font-size:0.64rem;
color:#666;
padding-top:.83rem;
padding-bottom:.83rem;
}
.select-status .choose-box:after{
content: "";
clear: both;
display: block;
}
.select-status em{
width:3.41rem;
line-height:1.28rem;
border-radius: 0.09rem ;
border: 1px solid #ccc;
font-size:0.47rem;
color:#999;
display:block;
float: left;
margin-left:.36rem;
text-align: center;
margin-bottom:.62rem;
}
.select-status em.active{
border-width:1px;border-style:solid;
}
.select-status em:nth-child(4n+1){
margin-left:0;
}
.select-status .area{width:7.19rem;}
.select-status .area:nth-child(3){
margin-left:0;
}
/*璇︽儏椤�-杩斿洖閿�--------S*/
.detail-go-back{
width:0.45rem;
height:0.81rem;
background: url(../images/icon/back_icon1.png) no-repeat;
background-size:100% 100%;
position:absolute;
left:.68rem;
top:.87rem;
z-index: 99;
}
/*璇︽儏椤�-杩斿洖閿�--------E*/
/*鎴垮瓙鍥剧墖婊氬姩灞曠ず------S*/
.scroll-roomPic-box{
max-height:10rem;
overflow: hidden;
position:relative;
}
.scroll-roomPic-box .swiper-pagination-fraction{
width:1.51rem;
line-height:.64rem;
margin:0 auto;
font-size:0.51rem;
font-family:ArialMT;
background:rgba(0,0,0,.5);
border-radius: 0.32rem;
color:#fff;
bottom:.64rem;
left:calc(100% / 2 - .755rem);
}
/*鎴垮瓙缁嗚妭浠嬬粛*/
.house-detail-intro{
background: #fff;
margin-bottom:.43rem;
padding-left:.6rem;
padding-right:.64rem
}
.house-detail-intro h3{
font-size:0.9rem;
line-height:1.28rem;
color:#2c2c2d;
font-weight: normal;
padding:.5rem 0rem .5rem;
}
.price-house-area{
display: flex;
justify-content: space-between;
align-items: center;
text-align: center;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
}
.price-house-area li{
width:33.3%;
padding-top: .6rem;
padding-bottom: .55rem;
}
.price-house-area p{
font-size:0.64rem;
color:#999;
}
.price-house-area em{
font-size:0.81rem;
}
.intro-small-detail{
padding-bottom:.5rem;
}
.intro-small-detail li span{
font-size:0.64rem;
color:#999;
line-height: 1.5;
}
.intro-small-detail .top-three span{
width:50%;
display: inline-block;
}
.intro-small-detail li em{
color:#666;
}
.intro-small-detail .floor:after{
content: "灞�";
display: inline-block;
}
.intro-small-detail .year:after{
content: "骞�";
display: inline-block;
}
.intro-small-detail .after-three{
position:relative;
}
/**.intro-small-detail .after-three:after{
content: "";
display: block;
width:0.36rem;
height:0.66rem;
position:absolute;
right: 0;
background: url(../images/icon/link_more_icon.png) no-repeat;
background-size:100% 100%;
top:.4rem;
}*/
/*鎴挎簮鎻忚堪*/
.house-res{
padding:.9rem .64rem .86rem;
background: #fff;
margin-bottom: .43rem;
}
.house-res h2,
.per-pos h2,
.same-commu-res h2,
.guess-love-room h2,
.broker-shop-house h2,
.user-comment h2,
.intro-small-detail h2,
.village-lease-room h2{
font-size:0.81rem;
padding-bottom: .79rem;
color:#313131;
}
.house-res h3{
color:#444;
font-size:0.64rem;
font-family:MicrosoftYaHei-Bold;
padding-top: .6rem;
padding-bottom: .45rem;
}
.house-res p{
color:#666;
font-size:.6rem;
margin-bottom: .6rem;
}
.house-res a,.intro-small-detail>a{
display: block;
color:#919191;
font-size:.6rem;
margin:0 auto;
width:2.2rem;
position:relative;
}
.house-res a:after,.intro-small-detail>a:after{
content: "";
display: block;
width:0.43rem;
height:0.23rem;
background: url(../images/icon/select-more.png) no-repeat;
background-size:100% 100%;
position:absolute;
right:0;
top:.3rem;
}
/*浣嶇疆鍛ㄨ竟*/
.per-pos{
background: #fff;
padding-top: .76rem;
padding: .85rem 0;
}
.per-pos h2{
padding-left: .68rem;
}
.mapshow-per-pos .hb{
display: flex;
justify-content: space-between;
margin-bottom: .64rem;
}
.mapshow-per-pos .hb em{
width:16.6%;
text-align: center;
font-size:0.64rem;
color:#666;
}
.mapshow-per-pos .mapshow-box{
width:16rem;
height:9.69rem;
overflow: hidden;
}
.per-pos>a,.more-house-btn{
display: block;
margin:0 auto;
font-size:0.6rem;
color:#919191;
text-align: center;
}
/*鍚屾埧婧愬皬鍖�*/
.same-commu-res,.broker-shop-house{
background: #fff;
margin:.43rem 0;
padding:.9rem 0 .55rem;
}
.same-commu-res h2,.guess-love-room h2,.broker-shop-house h2,.village-lease-room h2{
margin-left: .66rem;
padding-bottom: .3rem;
}
/*鐚滀綘鍠滄*/
.guess-love-room,.village-lease-room{
background: #fff;
margin-bottom: .43rem;
padding: .86rem 0;
}
.more-house-btn,.more-house-btn{
margin-top: .65rem;
}
.white-block{
width: 100%;
height: 2rem;
background: #fff;
}
/*瀵艰埅琛屼负*/
.nav-act{
display: flex;
justify-content: space-between;
align-items: center;
height:1.92rem;
position:fixed;
bottom:0;
background: #fff;
width:100%;
max-width: 750px;
text-align: center;
z-index: 99;
}
.nav-act a{
display: block;
margin:0;
}
.nav-act .follow,.nav-act .consult{
width:2.2rem;
font-size:0.43rem;
color:#919191;
}
.nav-act .follow:before,.nav-act .consult:before{
content: "";
display: block;
margin:0 auto;
}
.nav-act .consult:before{
width:0.6rem;
height:0.6rem;
background: url(../images/icon/consult_icon.png) no-repeat;
background-size: 100% 100%;
}
.nav-act .follow:before{
width:0.64rem;
height:0.55rem;
background: url(../images/icon/follow_icon_grey.png) no-repeat;
background-size: 100% 100%;
margin-bottom: .05rem;
}
.nav-act .follow.on:before{
background: url(../images/icon/follow_icon_grey.png) no-repeat;
}
.nav-act .call-tel,.nav-act .order-l-house{
line-height: 2rem;
font-size:0.6rem;
color:#fff;
}
.nav-act .call-tel{
width:6.6rem;
}
.nav-act .order-l-house{
width:5rem;
background: #f35f5b;
}
/*鎴胯捶璁＄畻*/
.mc-header{
position:relative;
background: #f9f9f9;
width:100%;
height:2.35rem;
}
.mc-header h3{
text-align: center;
line-height:2.35rem;
font-size:0.77rem;
color:#333;
font-weight:normal;
max-width: 12rem;
margin:0 auto;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.mc-header .go-back{
position: absolute;
left:1.62rem;
top:.815rem;
width:0.43rem;
height:0.79rem;
display: block;
background: url(../images/icon/back_icon.png) no-repeat;
background-size:cover;
}
.mc-write-form,.mc-result-box{
padding:0 .62rem;
background: #fff;
}
.mc-write-form li{
border-bottom: 1px solid #eee;
line-height:2.35rem;
display: flex;
justify-content: space-between;
align-items: center;
font-size:0.73rem;
color:#454545;
padding-right: 1rem;
}
.mc-write-form li:last-child{
border-bottom: none;
}
.mc-write-form input{
text-align: right;
font-size:0.73rem;
color:#454545;
}
.mc-write-form input::-webkit-input-placeholder {
color:#454545;
}
.mc-result-box {
margin-top: .43rem;
padding-top: 1rem;
height:12rem;
}
.mc-result-box .st-calc-btn{
width:14.72rem;
height:1.92rem;
background:#FF6600;
border-radius: 0.21rem ;
margin:0 auto;
color:#fff;
}
.interest-type{
margin:1.5rem auto;
width:8rem;
border:1px solid #f60;
font-size:0.55rem;
color:#f60;
text-align: center;
border-radius: 0.09rem ;
line-height: 1.09rem;
}
.interest-type label{
width:50%;
display: inline-block;
float: left;
}
.interest-type:after{
content: "";
display: block;
clear: both;
}
.interest-type label.active{
background: #f60;
color:#fff;
}
.mc-result-box .result-show{
display: flex;
justify-content: space-between;
align-items: center;
font-size:0.47rem;
text-align: center;
}
.mc-result-box .result-show p{
font-size:0.47rem;
color:#999;
padding-bottom: .3em;
}
.mc-result-box .result-show span{
font-size:0.73rem;
color:#333;
}
/*鏌ヨ鏀句环*/
.month-avg-price{
height:3.88rem;
color:#fefefe;
padding-left: .66rem;
}
.month-avg-price .avg{
font-size:0.64rem;
line-height: 1.8rem;
}
.month-avg-price .price{
font-size:0.51rem;
font-family:PingFang-SC-Regular;
}
.month-avg-price .price-num{
font-size:1.2rem;
}
.chart-text-price{
background: #fff;
margin-bottom: .43rem;
}
.chart-price{
padding:.5rem .8rem 0 .63rem;
}
.chart-price #house{width:100%;height:10rem;}
.up-down{
margin-bottom: .43rem;
background: #fff;
padding:.6rem .62rem 0;
}
.up-down h2{
font-size:0.81rem;
color:#333;
font-family: normal;
}
.up-down li{
display: flex;
justify-content: space-between;
align-items: center;
height:2rem;
border-bottom: 1px solid #eee;
font-size:0.68rem;
color:#666;
}
.up-down li:last-child{
border-bottom: none;
}
.up-down .rise:before{
content: "鈫�";
color:#D32F2F;
margin-right: .3rem;
}
.up-down .decline:before{
content: "鈫�";
color:#094;
margin-right: .3rem;
}
.up-down .title{width:50%;}
.up-down .title a{width:100%;display:inline-block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
/*涓汉涓績*/
.pec-top{
height: 7.7rem;
background:#F54848;
color:#fff;
text-align: center;
}
.pec-top h3{
font-size:0.73rem;
padding-top: .85rem;
padding-bottom: 1rem;
}
.pec-top .head-pic{
width:2.47rem;
height:2.47rem;
margin:0 auto .5rem;
border: 2px solid #fff;
border-radius: 50%;
overflow: hidden;
}
.pec-top .head-pic img{
height:100%;
}
.pec-top h4{
font-size:0.64rem;
}
.pec-relLink{
background: #fff;
padding:0 .53rem 0 .6rem;
}
.pec-relLink a{
display: block;
line-height: 2.33rem;
border-bottom: 1px solid #eee;
position: relative;
}
.pec-relLink a:last-child{
border-bottom: none;
}
.pec-relLink a:after{
width:0.34rem;
height:0.64rem;
content: "";
display: block;
background: url(../images/icon/more_icon1.png) no-repeat;
background-size: 100% 100%;
position:absolute;
right:0;
top:.8rem;
}
/*缂栬緫璧勬枡*/
.bt-box{background: #fff;}
.bt-box .btn{
width:14.72rem;
height:1.92rem;
margin:0 auto;
display: block;
border-radius: 0.17rem ;
color:#fff;
font-size:0.64rem;
}
.pec-relLink span{
display: inline-block;
}
.addhouse span:nth-child(2){
width:9.5rem;
margin-left: .5rem;
}
.edite-data span:nth-child(2){
width:10.8rem;
text-align: right;
color:#999;
}
.edite-data span:nth-child(2) input{
text-align: right;
}
.pec-relLink a>.h-pic{
width:1.29rem;
height:1.28rem;
border-radius: 50%;
overflow: hidden;
position:absolute;
top:.5rem;
right:1rem;
}
.pec-relLink .h-pic img{
height:100%;
vertical-align: top;
}
.pec-relLink input[name='text']{
color:#656565;
line-height: 2.33rem;
width:8rem;
}
.pec-relLink{
font-size:0.64rem;
}
.pec-relLink input[name='text']{
width:100%;
}
.pec-relLink input::-webkit-input-placeholder,.pec-relLink span.birth{
color:#656565;
}
.pec-relLink label em{margin-right:.5rem;}
.addhouse input::-webkit-input-placeholder{
color:#ccc;
}
.pec-relLink .area:after,.pec-relLink .price:after{
height:2.33rem;
background: none;
width:auto;
top:0;
}
.pec-relLink .area:after{
content: "骞崇背";
}
.pec-relLink span:first-child{
width:3rem;
}
.addhouse .holder-name:after,.addhouse .tel:after,.re-rentals .floor:after,.re-rentals .configure:after,.re-rentals .house-title:after{
background: none;
}
/*鍙戝竷鍑虹*/
.lease-way{
background: #fff;
padding:.64rem 0;
}
.lease-way .choose-way{
width:9.6rem;
line-height:1.28rem;
margin:0 auto;
background: #F0F0F0;
text-align: center;
color:#666;
font-size:0.6rem;
border-radius: 0.09rem ;
overflow: hidden;
}
.lease-way .choose-way em{
width:49%;
display: inline-block;
}
.upload-pic{
background: #fff;
position:relative;
padding:1.6rem 0 1.65rem;
}
.upload-pic .pic{
width:3.16rem;
height:3.16rem;
display: block;
overflow: hidden;
margin:0 auto;
}
.upload-pic #upload-file{
opacity: 0;
width:3.16rem;
height:3.16rem;
position:absolute;
top:1.6rem;
left:calc(100% /2 - 1.58rem);
}
.re-rentals input::-webkit-input-placeholder,.re-rentals .house-describe textarea::-webkit-input-placeholder{
color:#ccc;
}
.re-rentals .floor{
display: flex;
}
.re-rentals .floor .write-ipt{
width:20%;
display: flex;
margin-right: 2rem;
color:#ccc;
}
.re-rentals .floor .write-ipt input{
text-align: center;
width:80%;
padding:0 10%;
}
.re-rentals .configure{
height:4rem;
}
.re-rentals .configure span:nth-child(2){
position:absolute;
top:.79rem;
right:0;
width:11.8rem;
}
.re-rentals .configure em{
width:2.56rem;
line-height:0.9rem;
background: #f6f6f6;
color: #999;
display:block;
float: left;
text-align: center;
border-radius: 2px;
font-size:0.6rem;
margin-left: .45rem;
margin-bottom: .75rem;
}
.re-rentals .configure em:nth-child(4n+1){
margin-left: 0;
}
.re-rentals .house-describe{
height:5rem;
}
.re-rentals .house-describe span:nth-child(2){
position:absolute;
top:.61rem;
right:0;
width:11.8rem;
}
.re-rentals .house-describe textarea{
width:95%;
}
/*鐪嬫埧璁板綍*/
.time-contacts{
height:1.54rem;
border-radius: 0.17rem ;
background: #eee;
}
.house-record li{
border-bottom: none;
padding-bottom: 0;
}
.time-contacts{
display: flex;
justify-content: space-between;
align-items: center;
padding-left: .45rem;
padding-right: .6rem;
margin-top: .64rem;
position:relative;
}
.time-contacts:before{
content: "";
display: block;
width:0;
height:0;
border-top:.3rem solid transparent;
border-bottom:.3rem solid #eee;
border-left:.3rem solid transparent;
border-right:.3rem solid transparent;
position:absolute;
top:-.6rem;
left:1.5rem;
}
.time-contacts span{
font-size:0.51rem;
color:#666;
}
.time-contacts .contacts:before{
content: "鑱旂郴浜猴細";
}
/*鎴戠殑鍏虫敞*/
.follow-h-switch{
border-bottom: 1px solid #eee;
}
.follow-h-switch .swiper-slide{
width:auto;
font-size:0.6rem;
color:#333;
padding-right: .98rem;
line-height: 1.77rem;
}
.follow-h-switch .swiper-slide:first-child{
padding-left: .64rem;
}
.follow-h-switch .swiper-slide.active{
color:#F54848;
}
.comment-list {
padding-left: 0.66rem;
padding-right: 0.66rem;
}
.comment-list li{
padding: 0.66rem 0;
border-bottom: 1px solid #eee;
}
.comment-list .pic{
width: 1.49rem;
height: 1.49rem;
border-radius: 50%;
overflow: hidden;
}
.comment-list .pic img{
vertical-align: middle;
}
.comment-list .comment-content{
width: 12.7rem;
margin-left: 0.43rem;
}
.comment-content .username,
.comment-content .level{
height: 0.64rem;
}
.comment-content .username{
font-size: 0.64rem;
color: #313131;
line-height: 0.64rem;
}
.comment-content .username{
max-width: 8rem;
overflow: hidden;
}
.comment-content .level{
width: 3.8rem;
background-repeat: no-repeat;
-webkit-background-size: 3.8rem 0.6rem;
background-size: 3.8rem 0.6rem;
background-position: left center;
}
.comment-content .level-0{
background-image: url(../images/icon/level_icon0.jpg);
}
.comment-content .level-1{
background-image: url(../images/icon/level_icon1.jpg);
}
.comment-content .level-2{
background-image: url(../images/icon/level_icon2.jpg);
}
.comment-content .level-3{
background-image: url(../images/icon/level_icon3.jpg);
}
.comment-content .level-4{
background-image: url(../images/icon/level_icon4.jpg);
}
.comment-content .level-5{
background-image: url(../images/icon/level_icon5.jpg);
}
.comment-content .desc_box{
width: 11.78rem;
margin: 0.3rem 0;
}
.comment-content .desc_box p{
font-size: 0.51rem;
line-height: 130%;
color: #616161;
}
.babel-list{
font-size: 0;
}
.babel-list em {
display: inline-block;
width:2.2rem;
font-size:0.43rem;
font-family:MicrosoftYaHei;
color:rgba(102,102,102,1);
line-height: 0.6rem;
background: #eee;
margin-left: 0.2rem;
text-align: center;
}
.babel-list em:first-child{
margin-left: 0;
}
.comment-content .time{
display: block;
font-size:0.47rem;
font-family:ArialMT;
color:rgba(145,145,145,1);
line-height:0.51rem;
margin-top: 0.2rem;
}
/*鎴戠殑鎻愰棶*/
.question-lists{
padding-left: .66rem;
margin-right: .62rem;
}
.question-lists li{
border-bottom: 1px solid #eee;
padding:.6rem 0;
}
.question-lists .ask{
font-size:0.55rem;
color:#333;
margin-bottom: .5rem;
display: flex;
}
.question-lists .answer{
font-size:0.55rem;
color:#999;
}
.question-lists .ask:before,.question-lists .answer:before{
width:0.68rem;
height: 0.68rem;
line-height:0.68rem;
border-radius: 0.04rem;
font-size:0.51rem;
color:#fff;
display: inline-block;
text-align: center;
vertical-align: middle;
margin-right: .38rem;
margin-bottom: .1rem;
}
.question-lists .ask:before{
content: "闂�";
}
.question-lists .answer:before{
content: "绛�";
background: #094;
}
.question-lists .num-time{
display: flex;
justify-content: space-between;
font-size:0.51rem;
padding-top: .5rem;
}
.question-lists .num-time .num{
color:#094;
margin-left: 1.06rem;
}
.question-lists .num-time .time{
color:#999;
}
/* 闂璇︽儏 */
.question-detail .ask{
padding: 0 0.64rem;
}
.question-detail .ask .tit{
font-size:0.55rem;
color:#333;
margin-bottom: .1rem;
position: relative;
padding-left: 0.8rem;
line-height:0.68rem;
}
.question-detail .ask .tit:before{
display: block;
position: absolute;
top: 0;
left: 0;
width:0.68rem;
height: 0.68rem;
line-height:0.68rem;
border-radius: 0.04rem;
font-size:0.51rem;
color:#fff;
text-align: center;
vertical-align: middle;
margin-right: .38rem;
margin-bottom: .1rem;
}
.question-detail .ask .tit:before{
content: "闂�";
}
.question-detail .ask .foot{
background: #fff;
padding-left: 0.8rem;
}
.question-detail .ask .foot p{
font-size:0.51rem;
color:rgba(153,153,153,1);
line-height: 1.2rem;
}
.question-detail .answer{
padding: 0 0.64rem;
}
.question-detail .answer .title h3{
font-size:0.6rem;
color:rgba(51,51,51,1);
line-height: 2rem;
border-bottom: 1px solid #eee;
}
.question-detail .answer{
}
.question-detail .answer .list li{
padding: 0.66rem 0;
border-bottom: 1px solid #eee;
}
.question-detail .answer .list .pic{
width: 1.49rem;
height: 1.49rem;
border-radius: 50%;
overflow: hidden;
}
.question-detail .answer .list .pic img{
vertical-align: middle;
}
.question-detail .comment-content{
width: 12.7rem;
margin-left: 0.43rem;
}
.question-detail .answer .list .time{
font-size:0.47rem;
font-family:ArialMT;
color:rgba(153,153,153,1);
line-height:1rem;
display: block;
margin-top: 0;
}
.question-detail .answer .list .comment-desc{
font-size:0.55rem;
color:rgba(51,51,51,1);
line-height:120%;
}
.answer-textarea{
position: fixed;
left: 0;
right: 0;
bottom: 0;
height: 60px;
background-color: #fff;
}
.answer-textarea:after{
content: '';
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
border-top: 1px solid #eee;
}
.answer-textarea .form-box{
display: flex;
display: -webkit-flex;
padding: 12px 0.64rem;
}
.answer-textarea .form-box .ipt-area{
flex: 1;
}
.answer-textarea .form-box .btn-area{
flex: 0 0 60px;
-webkit-flex: 0 0 60px;
width: 60px;
font-size: 0;
margin-left: 10px;
}
.answer-textarea .form-box .text-ipt{
box-sizing: border-box;
width: 100%;
height: 36px;
padding: 4px 10px;
line-height: 28px;
background: #f1f1f1;
color: #000;
font-size: 15px;
display: block;
background: #f1f1f1;
border-radius: 18px;
}
.answer-textarea .form-box .submit{
width: 100%;
height: 36px;
line-height: 36px;
text-align: center;
font-size: 16px;
background: #e00;
color: #fff;
border-radius: 18px;
}
/*鍏嶈垂鐪嬫埧*/
.time-pumping{
padding-left: 1.6rem;
padding-right: .64rem;
position:relative;
margin-top: .8rem;
}
.time-pumping:before{
content: "";
display: block;
position: absolute;
left:.79rem;
top:.2rem;
width:2px;
height:88%;
background: #eee;
}
.time-pumping li{
position:relative;
margin-bottom:1.2rem;
}
.time-pumping li:before{
content: "";
display: block;
width:0.21rem;
height:0.21rem;
background: #eee;
border:.11rem solid #eee;
position:absolute;
left:-1rem;
top:.12rem;
border-radius: 50%;
border:.11rem solid #ccc;
}
.time-pumping li.active:before{
background: #eee;
border-width:.11rem;border-style: solid;
}
.time-signupNum,.name-telSignup{
display: flex;
justify-content: space-between;
}
.time-signupNum{
color:#999;
font-size:0.6rem;
margin-bottom: .6rem;
}
.time-signupNum .count-back{
width:2.13rem;
line-height:0.64rem;
border-radius: 2px;
color:#fff;
font-size:0.43rem;
display: inline-block;
text-align: center;
margin-left: .38rem;
}
.time-signupNum .signupNum{
font-size: .51rem;
}
.name-telSignup .name{
font-size:0.68rem;
color:#333;
}
.telSignup{
text-align: center;
font-size:0.51rem;
}
.telSignup span{
display: inline-block;
}
.telSignup .tel{
border-width:1px;border-style: solid;
border-radius: 2px;
width:2.77rem;
line-height:0.85rem;
margin-right: .36rem;
}
.telSignup .signup{
width:2.77rem;
line-height:0.85rem;
border-radius: 2px;
}
.look-house-bomb{
width: 100vw;
height:100vh;
background: rgba(0,0,0,.7);
position:fixed;
top:0;
left:0;
}
.look-house-bomb .bomb-box{
width:11.73rem;
height:11.52rem;
border-radius: 0.17rem ;
background: #fff;
position:absolute;
left:calc(100% / 2 - 5.865rem);
top:calc(100% / 2 - 5.76rem);
padding:0 .7rem;
}
.look-house-bomb h3{
padding-top: .6rem;
padding-bottom: .4rem;
text-align: center;
font-size:0.77rem;
font-weight:normal;
}
.look-house-bomb p{
font-size:0.51rem;
color:#ccc;
}
.look-house-bomb .form-item{
border:1px solid #ddd;
width:10.24rem;
line-height:1.71rem;
border-radius: 0.17rem ;
font-size:0.64rem;
padding-left: .4rem;
margin-top: .6rem;
position:relative;
}
.look-house-bomb .get-code{
position:absolute;
right:.4rem;
}
.look-house-bomb input{
width:60%;
line-height:1.71rem;
}
.look-house-bomb .sure-btn{
width:10.24rem;
height:1.71rem;
background:rgba(240,72,72,1);
border-radius: 0.17rem ;
color:#fff;
font-size:0.64rem;
margin-top: .8rem;
}
.look-house-bomb .close-btn{
width:0.63rem;
height:0.62rem;
background: url(../images/icon/close_icon.png) no-repeat;
background-size:100% 100%;
position: absolute;
right:.7rem;
top:.8rem;
}
/*缁忕邯浜哄簵閾�*/
.agent-survey{
height:5.35rem;
display: flex;
justify-content: space-between;
padding:1.5rem .6rem 0;
}
.agent-survey .pic{
width:2.43rem;
height:2.43rem;
border-radius: 50%;
overflow: hidden;
border: 2px solid #fff;
}
.agent-survey h3{
font-size:0.73rem;
font-weight: normal;
}
.agent-survey p{
font-size:0.47rem;
}
.agent-survey .star-level{
width:3.8rem;
height: 0.6rem;
margin-top: 0.2rem;
}
.star-level li{
background: url(../images/icon/star.png) no-repeat;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
width: 0.64rem;
height: 0.6rem;
float: left;
margin-left: 0.1rem;
}
.star-level li:first-child{
margin-left: 0;
}
.star-level li.on{
background-image: url(../images/icon/star_on.png);
}
.agent-survey .pic img{
height:100%;
}
.agent-survey .survey{
width:8rem;
height:3rem;
overflow: hidden;
margin-left: .6rem;
}
.user-comment{
background: #fff;
padding-bottom: .55rem;
}
.user-comment h2{
border-bottom: 1px solid #eee;
padding-top: .91rem;
}
.broker-shop-house h2{
border-bottom: 1px solid #eee;
}
/* 缁忕邯浜哄垪琛� */
.agent-list{
}
.agent-list .comment-content .level{
margin-left: 0.2rem;
}
.agent-list .comment-content .tel_phone{
display: block;
width:2.99rem;
height:0.85rem;
line-height: 0.85rem;
background: url(../images/icon/mobile.png) 0.2rem center no-repeat;
-webkit-background-size: 0.5rem auto;
background-size: 0.5rem auto;
position: relative;
font-size:0.43rem;
font-family:MicrosoftYaHei;
color:rgba(211,53,53,1);
box-sizing: border-box;
padding-left: 0.8rem;
}
.agent-list .comment-content .tel_phone:after{
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
border-width: 1px;border-style: solid;
border-radius: 0.21rem;
}
/* 鏂伴椈鍜ㄨ */
.news{
}
.news .tab_hd{
font-size: 0;
line-height: 1.92rem;
padding: 0 0.64rem;
border-bottom: 1px solid #eee;
}
.news .tab_hd a{
font-size:0.64rem;
color: #333;
font-family:MicrosoftYaHei;
display: inline-block;
margin-left: 0.8rem;
}
.news .tab_hd a:first-child{
margin-left: 0;
}
.news-list {
background: #fff;
}
.news-list .title h3{ padding: 0px 0.6rem;}
.news-list .col-2{
padding: 0 0.64rem;
}
.news-list .col-2 a{
display: flex;
display: -webkit-flex;
padding: 0.5rem 0;
border-bottom: 1px solid #eee;
}
.news-list .col-2 .l_con{
display: block;
flex: 1;
-webkit-flex: 1;
height:3.18rem;
overflow: hidden;
}
.news-list .col-2 .l_con .art_tit{
height:2rem;
font-size:0.73rem;
font-family:MicrosoftYaHei;
color:rgba(51,51,51,1);
line-height:1rem;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.news-list .col-2 .l_con .ft{
font-size: 0;
margin-top: 0.6rem;
}
.news-list .col-2 .l_con .ft span{
font-size:0.47rem;
font-family:MicrosoftYaHei;
color:rgba(153,153,153,1);
line-height:100%;
}
.news-list .col-2 .r_con{
display: block;
flex: 0 0 4.69rem;
-webkit-flex: 0 0 4.69rem;
width: 4.69rem;
height: 3.18rem;
overflow: hidden;
}
.news-list .col-3{
padding: 0 0.64rem;
}
.news-list .col-3 a{
display: block;
padding: 0.5rem 0;
border-bottom: 1px solid #eee;
}
.news-list .col-3 .art_tit{
max-height:2rem;
font-size:0.63rem;
font-family:MicrosoftYaHei;
color:rgba(51,51,51,1);
line-height:1rem;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.news-list .col-3 .list_img{
margin-top: 0.4rem;
font-size: 0;
}
.news-list .col-3 .list_img .img{
vertical-align: top;
width: 32%;
margin-left: 2%;
}
.news-list .col-3 .list_img .img:nth-child(3n+1){
margin-left: 0;
}
.news-list .col-3 .ft{
font-size: 0;
margin-top: 0.6rem;
}
.news-list .col-3 .ft span{
font-size:0.47rem;
font-family:MicrosoftYaHei;
color:rgba(153,153,153,1);
line-height:100%;
}
/* 鏂伴椈璇︽儏 */
.news-detail{
padding: 0 0.64rem;
background: #fff;
}
.news-detail .head{
padding: 0.64rem 0;
border-bottom: 1px solid #eee;
}
.news-detail .head h3{
font-size:0.77rem;
font-family:MicrosoftYaHei;
color:rgba(51,51,51,1);
line-height:1.07rem;
}
.news-detail .head .ft{
font-size: 0;
margin-top: 0.6rem;
}
.news-detail .head .ft span{
font-size:0.47rem;
font-family:MicrosoftYaHei;
color:rgba(153,153,153,1);
line-height:100%;
}
.art_desc{
padding: 0.64rem 0rem;
}
.art_desc img{
max-width: 100%;margin:0 auto;
}
.art_desc p{
font-size:0.6rem;
font-family:MicrosoftYaHei;
color:rgba(85,85,85,1);
line-height:1.02rem;
}
.news .title{
padding: 0 0.64rem;
}
.news .title h3{
font-size:0.81rem;
font-family:MicrosoftYaHei-Bold;
color:rgba(49,49,49,1);
line-height:2.73rem;
}
/*灏忓尯鍒楄〃*/
.village-house-box .intro-text .price{
margin:.35rem 0;
}
.avg-bomb-box{
width:100%;
height:100%;
position: fixed;
top:4.4rem;
left: 0;
background: rgba(0,0,0,.5);
z-index: 9;
}
/*灏忓尯璇︽儏椤�*/
.i-name-price{
display: flex;
justify-content: space-between;
line-height: 2.54rem;
}
.i-name-price .itemPrice{
font-size:0.6rem;
color: #999;
}
.i-name-price .itemPrice em{
font-weight: bold;
font-size:0.8rem;
}
.village-small-detail{
background: #fff;
padding:.8rem .64rem;
}
.village-small-detail>a{
top:.5rem;
padding-bottom: .4rem;
}
.all-ask-box{
background: #fff;
padding:0 .64rem .6rem;
border-bottom: 1px solid #eee;
}
.all-ask-box .top{
display: flex;
justify-content: space-between;
line-height: 2.4rem;
border-bottom: 1px solid #eee;
}
.all-ask-box .top h3{
font-size:0.81rem;
color:#313131;
}
.all-ask-box .top .ask-btn{
font-size:0.6rem;
color:#666;
position:relative;
padding-left: .8rem;
}
.all-ask-box .question-lists .ask{
position: relative;
}
.all-ask-box .question-lists .ask-num{
position:absolute;
right: 0;
}
.all-ask-box .top .ask-btn:before{
content: "";
display: block;
width:0.55rem;
height:0.55rem;
position:absolute;
left:0;
top:.9rem;
background:url(../images/icon/ask_icon.png) no-repeat;
background-size:100% 100%;
}
.all-ask-box .question-lists{
padding:0;
}
.all-ask-box .question-lists .ask-num{
font-size:0.55rem;
color:#999;
}
.village-lease-room .intro-text .good em{
background: none;
}
.village-lease-room .intro-text .good em:nth-child(1){
color:#57A57D;
border:1px solid #57A57D;
background: none;
}
.village-lease-room .intro-text .good em:nth-child(2){
color:#89B3E5;
border:1px solid #89B3E5;
background: none;
}
.village-lease-room .intro-text .good em:nth-child(3){
color:#F87246;
border:1px solid #F87246;
background: none;
}
.make-deal-record .title{
border-bottom: 1px solid #eee;
}
.make-deal-record h2{
line-height:1.96rem;
font-size: 0.81rem;
color: #313131;
}
.make-deal-record .title .tab-hd{
border: 0;
}
/* 灏忓尯鎴愪氦璁板綍 */
.make-deal-record{
background: #fff;
padding: 0 0.64rem;
}
.make-deal-record .tab-hd{
font-size: 0;
line-height:1.96rem;
border-bottom: 1px solid #eee;
}
.make-deal-record .tab-hd a{
padding: 0 0.2rem;
font-size:0.64rem;
font-family:MicrosoftYaHei;
color:#313131;
}
.make-deal-record .tab-hd a:first-child{
padding-left: 0;
}
.make-deal-record .list li{
width: 100%;
}
.make-deal-record .list li a{
display: block;
padding: 0.64rem 0;
border-bottom: 1px solid #eee;
}
.make-deal-record .list li span{
display: block;
}
.make-deal-record .list li .m_c{
height:0.64rem;
font-size:0.64rem;
font-family:MicrosoftYaHei;
color:#313131;
line-height:0.64rem;
}
.make-deal-record .list li .time{
font-size:0.51rem;
font-family:MicrosoftYaHei;
color:rgba(102,102,102,1);
line-height:0.51rem;
display: block;
margin-top: 0.5rem;
}
.make-deal-record .list li .price{
height:0.64rem;
font-size:0.64rem;
font-family:MicrosoftYaHei;
color:#E60012;
line-height:0.64rem;
}
.make-deal-record>a{
padding-bottom: .5rem;
}
.house-confi-point:after{
clear: both;
content: "";
display: block;
border-bottom: 1px solid #eee;
margin-bottom: .6rem;
}
.house-confi-point li{
float:left;
color: #686868;
font-size: .6rem;
width:2.4rem;
text-align: center;
margin-bottom: .5rem;
}
.house-confi-point li:before{
content: "";
display: block;
background: url(../images/icon/configure_icon.png) no-repeat;
background-size:13.2rem 1.6rem;
width:.95rem;
height:.8rem;
margin:0 auto .2rem;
}
.house-confi-point li.chuang:before{
background-position: 0 0;
width:.85rem;
}
.house-confi-point li.kongtiao:before{
background-position: -2.34rem 0;
}
.house-confi-point li.bingxiang:before{
background-position: -7.3rem 0;
}
.house-confi-point li.shafa:before{
background-position: -2.34rem -.91rem;
}
.house-confi-point li.yangtai:before{
background-position: -12.2rem -.91rem;
}
.house-confi-point li.xiyiji:before{
background-position: -9.6rem 0;
}
.house-confi-point li.weishengjian:before{
background-position: -9.6rem -.91rem;
}
.house-confi-point li.chouyouyanji:before{
background-position: -7.3rem -.91rem;
}
.house-confi-point li.dianshi:before{
background-position: 0 -.91rem;
}
.house-confi-point li.reshuiqi:before{
background-position: -12.2rem 0;
}
.house-confi-point li.yigui:before{
background-position: -4.7rem 0;
}
.house-confi-point li.dianti:before{
background-position: -4.7rem -.91rem;
}
.house-confi-point li.no-choose{
color:#ccc;
}
.house-confi-point li.no-choose:before{
background: url(../images/icon/no-choose.png) no-repeat;
background-size:100% 100%;
width:.85rem;
height:.8rem;
background-position: 0 0;
}
/* 妤肩洏鍔ㄦ€� */
.build_dynamic{
padding: 0.62rem 0;
}
.build_dynamic .list{
padding: 0 0.64rem;
background: #fff;
}
.build_dynamic .list a{
padding: 0.64rem 0;
display: block;
border-bottom: 1px solid #f1f1f1;
}
.build_dynamic .list .name{
font-size:0.64rem;
color:#333;
line-height:100%;
font-weight: normal;
}
.build_dynamic .list p,
.build_dynamic .list time{
font-size:0.51rem;
font-family:MicrosoftYaHei;
color:#999;
}
.build_dynamic .list .m_con{
max-height:3.08rem;
margin: 0.3rem 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
line-height:0.77rem;
}
.build_dynamic .list time{
display: block;
line-height: 100%;
}
/* 妤兼爧淇℃伅 */
.build-info .build-img{
width: 95%;
max-height:8.34rem;
overflow: auto;
margin:0 auto;
}
.build-img .img-box{
position: relative;
}
.build-img .img-box img{
display: block;
width: auto;
height: auto;
}
.build-img .sign{
position: absolute;
top: 0;
left: 0;
height:24px;
background: #fff;
}
.build-img .sign span{
display: block;
float: left;
line-height: 24px;
height:24px;
text-align: center;
font-size:10px;
}
.build-img .sign .build-no{
min-width:20px;
color: #fff;
position: relative;
}
.build-img .sign .build-no.on{
background:rgba(0,153,68,1);
}
.build-img .sign .build-no.for{
background:#6a717a;
}
.build-img .sign .build-no.off{
background:#e00;
}
.build-img .sign .build-no:after{
content: '';
display: block;
position: absolute;
top: 23px;
left: 50%;
height: 0px;
width: 0px;
border-left: 10px solid transparent;
border-top: 9px solid black;
border-right: 10px solid transparent;
margin-left: -10px;
}
.build-img .sign .build-no.on:after{
border-top-color: rgba(0,153,68,1);
}
.build-img .sign .build-no.for:after{
border-top-color: #6a717a
}
.build-img .sign .build-no.off:after{
border-top-color:#e00;
}
.build-img .sign .sale-status{
width:40px;
color: #333;
}
.build-info-desc{
/*width:14.08rem;*/
background:rgba(255,255,255,1);
border-radius: 0.09rem ;
margin: 0.64rem auto;
box-sizing: border-box;
padding: 0.64rem;
}
.build-info-desc .head{
line-height: 1rem;
}
.build-info-desc .head span{
font-size:0.64rem;
font-family:MicrosoftYaHei;
color:rgba(51,51,51,1);
}
.build-info-desc .head .sale-status.on{
color: rgba(0,153,68,1);
}
.build-info-desc .head .sale-status.for{
color: #6a717a
}
.build-info-desc .head .sale-status.off{
color:#e00;
}
.build-info-desc .date{
border-bottom: 1px solid #eee;
}
.build-info-desc .date div{
line-height: 1rem;
}
.build-info-desc .date span{
font-size:0.51rem;
color:rgba(153,153,153,1);
}
.build-info-desc .build-word{
}
.build-info-desc .build-word li{
float: left;
width: 50%;
line-height: 1rem;
}
.build-info-desc .build-word span{
font-size:0.6rem;
color:rgba(51,51,51,1);
}
/* 妤肩洏鐩稿唽 */
.build-picture{
padding-bottom: 0.64rem;
}
.build-picture .title{
padding: 0 0.64rem;
}
.build-picture .title h3{
font-size:0.68rem;
color:rgba(102,102,102,1);
line-height:2rem;
font-weight: normal;
}
.build-picture .list{
padding: 0 0.64rem;
}
.build-picture .list{
margin-top: -0.3rem;
}
.build-picture .list li{
float: left;
width: 32%;
height:3.93rem;
margin-left: 2%;
margin-top: 0.3rem;
}
.build-picture .list li:nth-child(3n+1){
margin-left: 0;
}
.build-picture .list li img{
display: block;
width: 100%;
height: 100%;
}
/* 鍥剧墖棰勮 */
.picture-preview {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #000;
}
.picture-preview .header{
position: absolute;
top: 0;
left: 0;
height:2.35rem;
width: 100%;
background: #282828;
}
.picture-preview .header .go-back{
position: absolute;
left: 0;
top: 0;
width: 2.35rem;
height: 2.35rem;
background: url(../images/icon/back_icon1.png) center no-repeat;
background-size:0.43rem 0.77rem;
}
.picture-preview .header .swiper-pagination{
position: relative;
bottom: 0;
line-height: 2.35rem;
color: #fff;
font-size:0.77rem;
z-index: 0;
}
.picture-preview .header .swiper-pagination span{
color: #fff;
font-size:0.77rem;
}
.picture-preview .scroll-roomPic-box{
position: absolute;
left: 0;
right: 0;
top: 50%;
margin-top: -5rem;
}
.picture-preview .header .look_all{
display: block;
position: absolute;
right: 0;
top: 0;
height: 2.35rem;
line-height: 2.35rem;
color: #fff;
font-size:0.77rem;
padding: 0 0.64rem;
}
.picture-preview .tab{
position: absolute;
left: 0;
right: 0;
bottom: 0.94rem;
height: 1.1rem;
display: flex;
display: -webkit-flex;
justify-content: space-between;
box-sizing: border-box;
padding: 0 0.64rem;
/*align-items: center;*/
}
.picture-preview .tab a{
display: block;
flex: 0 0 2.56rem;
-webkit-flex: 0 0 2.56rem;
width:2.6rem;
height: 1.1rem;
line-height: 1.1rem;
text-align: center;
overflow: hidden;
font-size:0.34rem;
color: #fff;
}
.picture-preview .tab a.on,
.picture-preview .tab a:active{
background:rgba(240,72,72,1);
}
/*鏂版埧鍒楄〃*/
.Building-type{
display: flex;
justify-content: space-between;
}
.Building-type a{
width:2.99rem;
line-height:0.9rem;
border-radius: 0.09rem ;
font-size:0.51rem;
text-align: center;
color:#999;
border:1px solid #ccc;
}
.Building-type a.active{
border-width: 1px;border-style: solid;
}
/* 鎴峰瀷浠嬬粛 */
.house-type .tab_hd{
font-size: 0;
line-height: 1.92rem;
padding: 0 0.64rem;
border-bottom: 1px solid #eee;
}
.house-type .tab_hd a{
font-size:0.64rem;
color: #333;
font-family:MicrosoftYaHei;
display: inline-block;
margin-left: 0.8rem;
}
.house-type .tab_hd a:first-child{
margin-left: 0;
}
.house-type-list li{
padding: 0 0.64rem;
}
.house-type-list a{
display: flex;
display: -webkit-flex;
padding: 0.64rem 0;
border-bottom: 1px solid #eee;
}
.house-type-list .l_img{
width:4.91rem;
height:3.27rem;
box-sizing: border-box;
border: 1px solid #eee;
line-height: 3.27rem;
font-size: 0;
position: relative;
text-align: center;
}
.house-type-list .l_img:after{
content: '';
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
border: 1px solid #eee;
}
.house-type-list .l_img img{
vertical-align: middle;
width: auto;
max-width: 4.91rem;
max-height:3.27rem;
}
.house-type-list .r_con{
flex: 1;
margin-left: 0.6rem;
position: relative;
}
.house-type-list .r_con>div{
font-size: 0;
line-height: 0.51rem;
}
.house-type-list .r_con span{
display: inline-block;
font-size:0.51rem;
color:#999999;
line-height: 0.51rem;
margin-right: 0.2rem;
}
.house-type-list .r_con .t span{
color: #333;
}
.house-type-list .r_con .c{
margin: 0.6rem 0;
}
.house-type-list .r_con .c .sale-status.on{
color: rgba(0,153,68,1);
}
.house-type-list .r_con .c .sale-status.for{
color: #6a717a
}
.house-type-list .r_con .c .sale-status.off{
color:#e00;
}
.house-type-list .r_con .price{
position: absolute;
right: 0;
top: 50%;
margin-top: -0.5rem;
line-height: 1rem;
font-size:0.48rem;
color: #999;
line-height:0.51rem;
}
.house-type-list .r_con b{
font-size:0.68rem;
color:rgba(234,60,61,1);
font-family:ArialMT;
}
/* 鎴峰瀷璇︽儏 */
.house-type-detail{
}
.house-type-detail .big_img{
text-align: center;
font-size: 0;
}
.house-type-detail .m_info{
padding: 0.64rem;
}
.house-type-detail .m_info>div{
line-height: 1.6rem;
}
.house-type-detail .m_info .houseType{
height:0.9rem;
font-size:0.9rem;
color:rgba(32,32,32,1);
vertical-align: middle;
}
.house-type-detail .m_info .sale-status{
padding: 0.1rem;
font-size:0.38rem;
color:rgba(255,255,255,1);
vertical-align: middle;
}
.house-type-detail .m_info .sale-status.on{
background-color: rgba(0,153,68,1);
}
.house-type-detail .m_info .sale-status.for{
background-color: #6a717a
}
.house-type-detail .m_info .sale-status.off{
background-color:#e00;
}
.house-type-detail .m_info .price{
font-size:0.48rem;
color: #999;
line-height:0.51rem;
}
.house-type-detail .m_info b{
font-size:0.68rem;
color:rgba(234,60,61,1);
font-family:ArialMT;
}
.house-type-detail .m_info .b_box span{
font-size:0.64rem;
}
.house-type-detail .m_info .b_box .tit{
color:rgba(153,153,153,1);
}
.house-type-detail .m_info .b_box .txt{
color:#333;
}
.house-type-detail .label-list{
margin-left: -0.43rem;
padding: 0.64rem;
}
.house-type-detail .label-list li{
float: left;
width:3.2rem;
height:0.85rem;
text-align: center;
line-height: 0.85rem;
font-size:0.55rem;
color:rgba(102,102,102,1);
background:rgba(238,238,238,1);
margin-left: 0.43rem;
}
.house-type-detail .bright_spot{
padding: 0 0.64rem;
}
.house-type-detail .bright_spot .title h3{
font-size:0.81rem;
color:rgba(51,51,51,1);
line-height:1.77rem;
}
.house-type-detail .bright_spot .desc{
padding-bottom: 0.64rem;
}
.house-type-detail .bright_spot .desc p{
font-size:0.64rem;
color:rgba(104,104,104,1);
line-height:0.77rem;
padding: 0.1rem 0;
}
/* 鍛ㄨ竟浣嶇疆 */
.nearby-position .mc-header{
position: absolute;
top: 0;
left: 0;
height: 2.35rem;
}
.map_localtion{
position: absolute;
left: 0;
right: 0;
top: 2.35rem;
bottom: 2.13rem;
overflow: hidden;
}
.nearby-position .location{
position: absolute;
}
.nearby-position .tab_link{
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 2.13rem;
display: flex;
display: -webkit-flex;
background: #fff;
}
.nearby-position .tab_link a{
display: block;
flex: 1;
-webkit-flex: 1;
height: 100%;
box-sizing: border-box;
padding-top: 0.51rem;
}
.nearby-position .tab_link p{
font-size:0.43rem;
color:rgba(156,159,161,1);
margin-top: 0.1rem;
text-align: center;
}
.nearby-position .tab_link .icon{
display: block;
height: 0.55rem;
width: 100%;
-webkit-background-size: auto 100%;
background-size: auto 100%;
background-repeat: no-repeat;
background-position: center 0;
}
.nearby-position .tab_link .icon1{
background-image: url(../images/icon/nearby_icon1.png);
}
.nearby-position .tab_link .icon2{
background-image: url(../images/icon/nearby_icon2.png);
}
.nearby-position .tab_link .icon3{
background-image: url(../images/icon/nearby_icon3.png);
}
.nearby-position .tab_link .icon4{
background-image: url(../images/icon/nearby_icon4.png);
}
.nearby-position .tab_link .icon5{
background-image: url(../images/icon/nearby_icon5.png);
}
.nearby-position .tab_link .icon6{
background-image: url(../images/icon/nearby_icon6.png);
}
.nearby-position .tab_link .icon7{
background-image: url(../images/icon/nearby_icon7.png);
}
.nearby-position .tab_link a.on .icon1,
.nearby-position .tab_link a:active .icon1{
background-image: url(../images/icon/nearby_icon1_on.png);
}
.nearby-position .tab_link a.on .icon2,
.nearby-position .tab_link a:active .icon2{
background-image: url(../images/icon/nearby_icon2_on.png);
}
.nearby-position .tab_link a.on .icon3,
.nearby-position .tab_link a:active .icon3{
background-image: url(../images/icon/nearby_icon3_on.png);
}
.nearby-position .tab_link a.on .icon4,
.nearby-position .tab_link a:active .icon4{
background-image: url(../images/icon/nearby_icon4_on.png);
}
.nearby-position .tab_link a.on .icon5,
.nearby-position .tab_link a:active .icon5{
background-image: url(../images/icon/nearby_icon5_on.png);
}
.nearby-position .tab_link a.on .icon6,
.nearby-position .tab_link a:active .icon6{
background-image: url(../images/icon/nearby_icon6_on.png);
}.nearby-position .tab_link a.on .icon7,
.nearby-position .tab_link a:active .icon7{
background-image: url(../images/icon/nearby_icon7_on.png);
}
/*鏂版埧璇︽儏椤�*/
.new-house-btn{
margin-top: .2rem;
border-top: 1px solid #eee;
line-height: 1.4rem;
padding-bottom: .2rem;
}
.build-dynamic-box,.apartment-layout,.floorInfo-box{
background: #fff;
padding:0 .62rem;
padding-bottom: .8rem;
}
.new-house-title{
display: flex;
justify-content: space-between;
align-items: center;
height:2rem;
}
.new-house-title h3{
font-size:0.81rem;
color:#333;
}
.new-house-title a{
color:#999;
font-size: .51rem;
position:relative;
padding-right: .6rem;
}
.new-house-title a:after{
content: "";
width:0.26rem;
height:0.47rem;
display: block;
background: url(../images/icon/more_icon.png) no-repeat;
background-size:100% 100%;
position:absolute;
top:.1rem;
right:0;
}
.build-dynamic-box h4{
font-size:0.7rem;
font-weight: normal;
color: #444;
padding-bottom: .25rem;
}
.build-dynamic-box p{
font-size: 1.2em;
color:#666;
line-height: 28px;
}
.build-dynamic-box p a{color:#A1A1A1;}
.apartment-layout .title,.allask-box .title{
border-bottom: 1px solid #eee;
margin-bottom: .45rem;
}
.apartment-layout-box .swiper-slide{
width:5.12rem;
margin-right: .43rem;
padding:0 .3rem;
}
.apartment-layout-box .swiper-slide a{width:100%;display:inline-block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.apartment-layout-box .pic{
width:5.12rem;
height:3.41rem;
padding: 0 .3rem;
border:1px solid #eaeaea;
display: flex;
overflow: hidden;
align-items: center;
}
.apartment-layout-box .intro-text{
font-size: .51rem;
padding: 10px 0;
display: block;
color: #919191;
}
.apartment-layout-box .price{
font-size: .51rem;
color: #919191;
}
.apartment-layout-box .price em{
font-size: .8rem;
}
.house-saling-title:after{
vertical-align: middle;
}
.allask-box{
background: #fff;
margin-right: 0;
padding-bottom: .5rem;
}
#house-ban a{
color:#fff;
padding:0.2rem 0.5rem;
}
#house-ban a i{
width:0;
height:0;
border-left:0 solid transparent;
border-right:17px solid transparent;
border-top:17px solid #fff;
position:absolute;
left:0.5rem;
top:1rem;
z-index: 99;
}
#house-ban a.status-30{
background-color: #009944;
}
#house-ban a.status-30 i{
border-top-color:#009944;
}
#house-ban a.status-31{
background-color: #ff6600;
}
#house-ban a.status-31 i{
border-top-color:#ff6600;
}
#house-ban a.status-32{
background-color: #919191;
}
#house-ban a.status-32 i{
border-top-color: #919191;
}
/* 鍒嗛〉 */
.page_list{padding:.5rem 0;}
.page_list li{display:inline;border:none;}
.page_list li span{}
.page_list {
text-align: center;
}
.page_list a,.page_list li span,
.page_list .more {
display: inline-block;
line-height: 100%;
padding: .2rem .6rem;
border-radius: 0.2rem;
font-size: .6rem;
text-align: center;
margin-left: .1rem;
cursor: pointer;
}
.page_list a,.page_list li span {
border: 1px solid #ebebeb;
}
.page_list .active span{border-color:#d32f2f;}
.page_list a.on,.page_list li span,
.page_list a:hover {
color: #fff;
background: #d32f2f;
}
.page_list .prev {
margin-left: 0;
}
.page_list li{padding:0;}
.photo-count{position:absolute;bottom:1rem;right:1rem;z-index: 9999;color:#fff;font-size:.6rem;padding-left:25px;background: url(../images/icon/thumb-icon.png) left center no-repeat;background-size: 20px;}
.photo-count a{color:#fff;}
.lpNum>li{ /*! position:absolute; */overflow:hidden; z-index: 7;width:74px; height:74px;
background:url(../images/map-circleBg.png) no-repeat -1px -1px; cursor:pointer;}
.lpNum>li>a{ display:block; font-size:12px; color:#fff; text-align:center; line-height:18px; margin-top:8px; }
.lpNum>li:hover,.lpPrice>li:hover{background-position:0px -88px;}
.lpNum>li.on,.lpPrice>li.on{ background-position:-1px -175px; }
.fang-pannel{position:fixed;display:none;top:0;z-index: 999;background-color: #fff;width:100%;font-size:14px;height:100%;}
.fang-pannel .fang-search{border:1px solid #ccc;height:30px;line-height: 30px;width:80%;}
.fang-input{width:100%;padding:5px 5%;background-color: #ededed;line-height: 30px;}
.fang-pannel ul{width:100%;padding:0 5%;}
.fang-pannel ul li{border-bottom:1px solid #ededed;padding:5px 0;margin-bottom:5px;}
.fang-pannel ul .address{font-size:12px;color:#666;}
#img-list img{margin:.5rem 0 0 0;width:50px;}
#img-list em{position:relative;display:inline-block;margin-right:.5rem;}
#img-list em i{position:absolute;right:-0.5rem;top:0;display: inline-block;width:1rem;height:1rem;background: url(../images/icon/close-icon.png) center center no-repeat;background-size: 80%;}
#search-lists{position:absolute;display:none;top:2.56rem;left:0;width:100%;border-width:1px;border-style: solid;background-color: #fff;z-index:999;height:100%;padding:.2rem .5rem;margin:0 auto;}
#search-lists li{line-height: 1rem;}
#search-lists li em{display:inline-block;width:10rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
#search-lists li span{float:right;color:#D32F2F;}
.map-attr{height:24px;line-height: 22px;}
.load-more{padding:.5rem;width:100%;text-align:center;}
.house-content img{max-width:100%;width:auto;display:block;margin:0 auto;}
.discount-box {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100px;
margin: 20px 15px;
background-image: -webkit-linear-gradient(156deg,#ff7e24,#f84c32 40%,#ed0246);
background-image: -moz-linear-gradient(156deg,#ff7e24 0,#f84c32 40%,#ed0246 100%);
background-image: -o-linear-gradient(156deg,#ff7e24 0,#f84c32 40%,#ed0246 100%);
/* background-image:linear-gradient(294deg,#ff7e24,#f84c32 40%,#ed0246); */
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
line-height: 1.2;
color: #fff;
}
.discount-box:after,.discount-box:before {
content: "";
position: absolute;
z-index: 1;
width: 124px;
height: 42px;
/* background:url(//static.esf.fangdd.com/esf/mcpwebsiteesffdd/fdd-mask-2-SHU.png) no-repeat; */
-moz-background-size: 100%;
background-size: 100%;
}
.discount-box:before {
left: 50%;
top: 37%;
-webkit-transform: translate(-125%);
-moz-transform: translate(-125%);
-ms-transform: translate(-125%);
-o-transform: translate(-125%);
transform: translate(-125%)
}
.discount-box:after {
right: -7px;
bottom: 9px
}
.discount-box-wrap {
background-color: #fff;
padding: 20px 15px
}
.discount-box-wrap .discount-box {
margin: 0
}
.discount-cont {
position: relative;
z-index: 10;
-webkit-box-flex: 1;
-webkit-flex: 1;
-moz-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding-left: 20px
}
.discount-info {
position: relative;
z-index: 10;
width: 115px;
padding: 13px 0;
border-left: 1px dashed hsla(0,0%,100%,.7);
text-align: center
}
.discount-info .num {
font-size: 12px
}
.discount-info .btn {
display: block;
width: 84px;
height: 28px;
line-height: 28px;
background-image: -webkit-linear-gradient(top,#fff 50%,#ddc4c4);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),to(#ddc4c4));
background-image: -moz-linear-gradient(top,#fff 50%,#ddc4c4 100%);
background-image: -o-linear-gradient(top,#fff 50%,#ddc4c4 100%);
background-image: linear-gradient(-180deg,#fff 50%,#ddc4c4);
-webkit-box-shadow: 0 6px 12px 0 rgba(180,0,0,.7);
-moz-box-shadow: 0 6px 12px 0 rgba(180,0,0,.7);
box-shadow: 0 6px 12px 0 rgba(180,0,0,.7);
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
border-radius: 14px;
margin: 11px auto 0;
color: #f42032
}
.discount-title {
position: relative;
font-size: 12px
}
.discount-sub {
padding-top: 5px;
font-size: 24px;
font-weight: 500
}
.discount-text {
padding-top: 4px;
font-size: 10px
}
.discount-text .price {
padding-left: 4px;
font-size: 12px;
font-style: italic
}
.discount-text .price strong {
padding-left: 3px;
font-size: 18px
}
.house-show-box .pic{position:relative;}
.house-show-box .pic em{display:block;position:absolute;width:0.89rem;height:.89rem;left:0;top:0;background-image:url(../images/hongbao.png);background-size:100% 100%;}
/*鎵嬫満鏂伴椈璇︾粏 鏂板鐩稿叧椤圭洰鏍峰紡*/
.list-block li { overflow: hidden;
padding: 8px 0px;
}
.list-block .p-default {
color: #7a7a7a;
}
.list-block.media-list .item-media {
padding-bottom: 0.5rem;
width: 30%; float: left; margin-right: 15px;;
}
.list-block.media-list .item-media img {
display: block;
}
.list-block .item-media + .item-inner {
margin-left: 0.55556rem;
}
.list-block.media-list .item-inner {
display: block;
padding-bottom: 0.45rem;
-webkit-align-self: stretch;
align-self: stretch;
}
.list-block .p-red {
color: #e43;
}
.list-block.media-list .item-subtitle-ex {
color: #989898; padding-bottom: 8px;;
font-size: 0.53333rem;
}
.list-block.media-list .item-subtitle-ex span{
color: #fff;
}
.list-block.media-list .item-subtitle-ex span i{
background: #eee;
padding: 5px 6px;
display: table;
float: left;
color: #000;
margin-right: 5px;
}
.list-block .item-subtitle .btn-1 {
background: #E67E22;
border-color: #E67E22;
}
.list-block .item-subtitle .btn-2 {
background: #3498DB;
border-color: #3498DB;
}
.list-block .item-subtitle .btn-3 {
background: #9B59B6;
border-color: #9B59B6;
}
.list-block .item-subtitle .btn-4 {
background: #E74C3C;
border-color: #E74C3C;
}
.list-block.media-list .item-title-row {
display: -webkit-box;
display: -webkit-flex;
display: flex; padding: 0.1rem 0px;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.list-block .item-after {
white-space: nowrap;
color: #5f646e;
-webkit-flex-shrink: 0;
-ms-flex: 0 0 auto;
-webkit-flex-shrink: 0;
flex-shrink: 0;
margin-left: 0.25rem;
display: -webkit-box;
display: -webkit-flex;
display: flex;
max-height: 1.4rem;
}
.item-content-title { border-bottom: 1px solid #e7e7e7; padding-bottom: 5px;
position: relative;
font-size: .7rem;
background: #fff;
padding-left: .55556rem;
}
.item-content-title .item-inner {
display: flex;
padding-top: .4rem;
padding-bottom: .35rem;
box-sizing: border-box;
overflow: hidden;
justify-content: space-between;
align-items: center;
}
.item-content-title .item-title {
line-height: 1.2;
padding: 0 .22222rem;
border-left: .17778rem solid #1077fd;
color: #989898;
}
.media-list{border-bottom: 1px solid #e7e7e7; background: #f7f7f7;}
.list-block.media-list .item-media{
padding-bottom: 0.5rem;
width: 30%;
float: left;
position: relative;
margin-right: 15px;
}
.houseslist .list-block .item-media img{
width: 6.25rem;
height: 4.6875rem;
display: block;
}
.houseslist .list-block .item-inner{
padding-top: 0.75rem;
padding-bottom: 0;
padding-right: 1.3125rem;
margin-left: 0.5625rem;
}
.list-block.media-list .item-title-row{
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
}
.houseslist .list-block .item-inner .item-title{
font-weight: 500;
font-size: 0.875rem;
}
.houseslist .list-block .item-inner .por-top5{
color: #e22928;
font-size: 0.6875rem;
line-height: 1.5625rem;
}
.list-block .item-after{
white-space: nowrap;
color: #5f646e;
-webkit-flex-shrink: 0;
-ms-flex: 0 0 auto;
-webkit-flex-shrink: 0;
flex-shrink: 0;
margin-left: 0.25rem;
display: -webkit-box;
display: -webkit-flex;
display: flex;
max-height: 1.4rem;
}
.houseslist .list-block .item-inner .por-top5 .p-red{
font-weight: 600;
color: #dd2829 !important;
}
.houseslist .list-block .item-inner .houses-add{
margin-top: 0.46875rem;
margin-bottom: 0.46875rem;
font-size: 0.75rem;
}
.list-block.media-list .item-title-row{
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.houseslist .w80{
color: #666;
font-size: 0.75rem;
}
.w80{
width: 80%;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
font-size: 0.625rem;
}
.list-block .item-subtitle{
font-size: 0.75rem;
position: relative;
overflow: hidden;
white-space: nowrap;
max-width: 100%;
text-overflow: ellipsis;
}
.houseslist .ton-1{
border: 1px solid #e7e7e7;
padding: 1px 2px;
background: #fff;
font-size: 0.5625rem;
}
.list-block .item-content{
box-sizing: border-box;
min-height: 2.2rem;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
}
.houseslist .list-block .item-content{
padding-left: 0.5625rem;
min-height: 6.1875rem;
}
.list-block ul{
background: #fff;
list-style: none;
padding: 0;
margin: 0;
position: relative;
}
.list-block li{
box-sizing: border-box;
position: relative;
border-bottom: 1px solid #f8f8f8;
}
.list-block .item-media{
-webkit-flex-shrink: 0;
}
.houseslist .list-block .item-media img{
width: 6.25rem;
height: 4.6875rem;
}
.list-block.media-list .item-media img{
width: 4.8rem;
height: 3.2rem;
}
.item-zd{
background: #e43;
color: #fff;
font-size: 0.625rem;
padding: 0.125rem 0.25rem;
position: absolute;
top: 0;
right: 0;
border-radius: 0 0 0 0.625rem;
}
.house-status{
margin-left: 10px;
font-size: 12px;
color: #fff;
padding: 1px 3px;
}
.demo-block{
position: relative;
}
.ui-tab{
width: 100%;
overflow: hidden;
}
.ui-tab-nav{
width: 100%;
background-color: #fff;
display: box;
display: -webkit-box;
font-size: 16px;
height: 45px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.ui-tab-nav li{
height: 45px;
line-height: 45px;
min-width: 70px;
box-flex: 1;
-webkit-box-flex: 1;
text-align: center;
color: #777;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-bottom: 2px solid transparent;
width: 100%;
}
.m-information-qm{
overflow: hidden;
background-color: #fff;
margin-bottom: 10px;
border-bottom: 1px #eee solid;
}
.wp{
width: auto;
padding: 0 10px;
background-color: #fff;
}
.m-information-qm .top{
padding-top: 21px;
padding-bottom: 17px;
border-bottom: 1px #f5f5f5 solid;
position: relative;
}
.m-information-qm .box{
overflow: hidden;
margin-bottom: 10px;
}
.m-label1-qm{
overflow: hidden;
margin-top: 8px;
margin-bottom: 15px;
}
.m-label1-qm .s1{
background-color: #f5f6fa;
color: #68a6d5;
}
.m-label1-qm span{
display: inline-block;
margin-right: 5px;
vertical-align: middle;
font-size: 12px;
line-height: 14px;
padding: 2px 4px;
border-radius: 2px;
}
.m-txt1-qm{
overflow: hidden;
border-bottom: 1px #f5f5f5 solid;
font-size: 14px;
color: #666;
line-height: 20px;
}
.m-txt1-qm .nofloat{
float: none;
width: 100%;
line-height: 25px;
margin-bottom: 12px;
}
.m-txt1-loupan span{
width: 40px;
margin-right: 10px;
}
.m-txt1-qm span {
text-align: center;
margin-right: 5px;
color: #9c9fa1;
}
.m-txt1-qm em{
color: #ff9501;
}
.m-information-qm .top .tit span{
display: inline-block;
vertical-align: middle;
height: 18px;
line-height: 18px;
color: #fff;
text-align: center;
border-radius: 2px;
background-color: #72b7fa;
font-size: 12px;
padding: 0 2px;
margin: -2px 2px 0;
font-weight: normal;
}
.m-describe-qm{
overflow: hidden;
background-color: #fff;
border-top: 1px #eee solid;
border-bottom: 1px #eee solid;
margin-bottom: 10px;
padding-bottom: 10px;
}
.ui-list{
background-color: #fff;
width: 100%;
}
.ui-list-link>li{
padding-right: 30px;
}
.ui-list-text>li, .ui-list-pure>li{
position: relative;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 15px;
font-size: 16px;
-webkit-box-align: center;
}
.ui-list .ui-avatar, .ui-list .ui-avatar-s, .ui-list .ui-avatar-lg{
margin: 10px 10px 10px 0;
}
.ui-avatar{
width: 50px;
height: 50px;
float: left;
-webkit-border-radius: 200px;
overflow: hidden;
}
.ui-avatar>span{
width: 100%;
height: 100%;
display: block;
overflow: hidden;
background-repeat: no-repeat;
-webkit-background-size: cover;
-webkit-border-radius: 200px;
}
.ui-list-text .ui-list-info{
padding-top: 15px;
line-height: 22px;
padding-bottom: 0;
}
.ui-list-info{
-webkit-box-flex: 1;
padding-top: 10px;
padding-bottom: 10px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-pack: center;
padding-right: 15px;
}
.ui-nowrap{
max-width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.ui-txt-muted{
color: #bbb;
}
.ad-txt{
right: 5px;
left: initial;
background-image: url(../images/ad-img.png);
background-position: 0 0;
background-repeat: no-repeat;
color: #fff;
font-size: 12px;
height: 20px;
line-height: 20px;
overflow: hidden;
text-align: center;
width: 24px;
position: absolute;
bottom: 2px;
z-index: 3;
}
/*妤肩洏璇︽儏*/
.house-detail-intro .stags {
font-size: 12px;
color: #696969;
overflow: hidden;
*zoom: 1;
margin-top: 10px;
height: 19px;
margin-left: -6px;
}
.house-detail-intro .stags span.red {
background: #ffeeed;
color: #f45549;
}
.house-detail-intro .stags span {
float: left;
height: 19px;
line-height: 12px;
padding: 4px 6px 3px;
border: 0;
background: #f3f3f3;
overflow: hidden;
border-radius: 1px;
margin-left: 6px;
}
.flextable {
overflow: hidden;
width: 100%;
}
.flextable.row li {
width: 100%;
padding-right: 0;
line-height: 20px;
}
.flextable li span {
float: left;
color: #83868f;
color: var(--gray-8);
}
.flextable li p {
overflow: hidden;
color: #0c0d0e;
color: var(--gray-0);
}
.house-detail-intro .flextable li a {
display: block;
color: #222!important;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.house-detail-intro .jsq {
position: relative;
float: right;
height: 20px;
line-height: 20px;
padding-left: 24px;
font-size: 13px;
color: #222;
white-space: nowrap;
}
.house-detail-intro .jsq:before {
content: '';
position: absolute;
width: 16px;
height: 16px;
left: 0;
top: 50%;
margin-top: -8px;
background: url(../images/xq_jsq_icon.png) no-repeat;
background-size: 100%;
}
.house-detail-intro .flextable .price {
font-size: 14px;
color: #3c3f46;
}
.house-detail-intro .flextable .price i {
color: #f45549;
font-weight: bold;
font-size: 18px;
vertical-align: top;
padding: 0 2px 0 0;
}
.house-detail-intro .flextable {
position: relative;
padding-top: 6px;
}
.house-detail-intro .flextable li {
padding: 6px 0;
font-size: 15px;
line-height: 20px;
}
.house-detail-intro .flextable li span {
color: #999;
padding-right: 8px;
}
.house-detail-intro .flextable li p {
color: #222;
}
.house-detail-intro .flextable li a {
display: block;
color: #222!important;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.house-detail-intro .xqMore {
margin-top: 12px;
}
.house-detail-intro .xqMore a {
display: block;
height: 42px;
line-height: 42px;
font-size: 15px;
color: #f84440;
text-align: center;
background: #fafafa;
white-space: nowrap;
}
.lp-tz-box {
overflow: hidden;
margin-top: 3px;
}
.lp-tz-box a {
float: left;
height: 50px;
line-height: 20px;
width: 50%;
padding: 15px 0;
text-align: center;
font-size: 15px;
color: #222;
}
.lp-tz-box a img {
width: 20px;
height: 20px;
margin-right: 8px;
vertical-align: top;
}
.lp-tz-p {
position: relative;
font-size: 11px;
line-height: 16px;
color: #999;
padding-left: 16px;
margin-bottom: 24px;
}
.lp-tz-p:before {
content: '';
position: absolute;
width: 11px;
height: 11px;
left: 0;
top: 50%;
margin-top: -6px;
background: url(../images/xq_ts_icon.png) no-repeat;
background-size: 100%;
}
.xq-telbox {
position: relative;
margin: 10px 0 15px;
background: linear-gradient(240deg,rgba(255,246,229,1) 0,rgba(255,230,228,1) 100%);
border-radius: 1px;
}
.xq-telbox>a {
display: block;
padding: 13px 15px 16px;
}
.xq-telbox .tel {
font-size: 19px;
line-height: 26px;
color: #222;
font-weight: bold;
white-space: nowrap;
}
.xq-telbox p {
font-size: 10px;
line-height: 10px;
padding: 5px 0;
color: #696969;
margin-top: 1px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
margin-right: 40px;
}
.xq-telbox .tel-icon {
position: absolute;
width: 40px;
height: 40px;
right: 19px;
top: 50%;
margin-top: -20px;
background: rgba(255,255,255,.9);
box-shadow: 0 0 6px 0 rgba(248,198,160,0.5);
border-radius: 50%;
}
.xq-telbox .tel-icon i {
position: absolute;
width: 22px;
height: 22px;
left: 50%;
top: 50%;
margin: -11px 0 0 -11px;
background: url(../images/xq_tel_icon.png) no-repeat;
background-size: 100%;
}
/*妤肩洏璇︽儏鏂伴椈鍒楄〃*/
.xqItems {
border-top: 10px solid #f7f7f7;
position: relative;
padding: 0 22px;
padding-bottom: 27px;
padding-top: 13px;
}
.mb20{ padding-bottom:0.63rem !important; }
.xqItems:before {
content: '';
position: absolute;
left: 22px;
right: 22px;
top: 0;
height: 1px;
background: #eee;
-webkit-transform: scaleY(.5);
transform: scaleY(.5);
}
.xqItems .tit {
padding: 10px 0;
line-height: 26px;
margin-bottom: 8px;
overflow: hidden;
}
.s-arr-rt {
position: relative;
padding-right: 14px;
}
.xqItems .tit>a {
display: block;
overflow: hidden;
}
.xqItems .tit h2 {
font-weight: bold;
color: #222;
font-size: 19px;
}
.xqItems .tit>a h2 {
float: left;
}
.xqItems .tit>a span {
float: right;
font-size: 14px;
color: #696969;
}
.s-arr-rt:after {
position: absolute;
content: '';
right: 0;
top: 50%;
margin-top: -6px;
width: 8px;
height: 12px;
background: url(../images/arr_new_r2.png) center center no-repeat;
background-size: 100%;
}
.lpDt li:not(:last-child) {
margin-bottom: 25px;
}
.lpDt li .img {
position: relative;
float: right;
width: 112px;
height: 84px;
border-radius: 2px;
margin-left: 15px;
overflow: hidden;
}
.lpDt li .img img {
width: 100%;
height: 100%;
}
.lpDt li .txt:not(:only-child) {
min-height: 84px;
}
.lpDt li h3 {
max-height: 50px;
font-size: 15px;
color: #454545;
line-height: 25px;
font-weight: bold;
margin-bottom: 12px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.lpDt li .int {
overflow: hidden;
padding: 1px 0;
}
.lpDt li .int .tag {
display: inline-block;
height: 18px;
line-height: 18px;
font-size: 12px;
color: #696969;
padding: 0 5px;
background: #f7f7f7;
border-radius: 1px;
margin-right: 10px;
vertical-align: top;
}
.lpDt li .int .time {
display: inline-block;
font-size: 12px;
line-height: 18px;
color: #606668;
vertical-align: top;
}
.xqItems .xqMore {
margin-top: 20px;
}
.xqItems .xqMore a {
display: block;
height: 42px;
line-height: 42px;
font-size: 15px;
color: #f84440;
text-align: center;
background: #fafafa;
white-space: nowrap;
}
/*鏂板鎵嬫満绔暀瑷€鍥炵瓟*/
/**闂瓟**/
.position-bottom{
border-bottom:1px dotted #ccc;
font-size: 1.2em;
width: 94%;
margin: auto;
}
.page_tit {
height: 58px;
line-height: 58px;
}
.page_tit a {
font-size: 14px;
color: #656565;
}
.question .question-pannel a.active{background-color: #07965e;color:#ffffff;}
.question .question-pannel a:hover{background-color: #07965e;color:#ffffff;}
.question-left{width:100%;overflow: hidden}
.question-right{width:100%;border:1px solid #ccc;}
.question{margin-bottom:20px;}
.question .question-pannel{height:auto;border-bottom:1px dotted #CBCBCB;padding:5px 0;padding: 1em;}
.question .question-pannel a{display:inline-block;margin-right:10px;padding:0 10px;height:30px;line-height: 30px;}
.question-lists li{height:auto;line-height: 2em;border-bottom:1px dotted #CBCBCB;}
.question-lists li dd{display:inline-block;width:92px;}
.question-lists li dd:first-child{width:auto;}
.question-lists li dd:nth-child(4),.question-lists li dd:nth-child(3){color:#919191; font-size: 1em}
.question-lists li .answered{
width: 40px;
height: 20px;
line-height: 20px;
background: #edfefa;
border: 1px #a9f7e4 solid;
font-weight: normal;
display: block;
margin: 5px 0;
text-align: center;
color: #1eb48f;
font-size: 12px;
border-radius: 2px;
}
.question-lists li .wait-answer{
width: 40px;
height: auto;
line-height: 20px;
background: #edfefa;
border: 1px #a9f7e4 solid;
font-weight: normal;
display: block;
margin: 5px 0;
text-align: center;
color: #f44b00;
font-size: 12px;
border-radius: 2px;
}
.question-right-title{padding:0 10px;border-bottom:1px solid #ccc;height:50px;line-height: 50px;font-size:16px;}
.question-right-title span{position:relative;display:inline-block;border-bottom-width:1px;border-bottom-style: solid;}
.question-right-lists{padding:10px 5px;}
.question-right-lists li{float:left;width:50%;padding:5px;}
.question-right-lists li a{display: block}
.question-right-lists li dl{width:100%;text-align:center;}
.question-right-lists li dt{height:85px;overflow: hidden;}
.question-right-lists li dl img{width:100%;box-sizing: border-box;display:block;margin:auto auto;padding:2px;background-color: #fff;border:1px solid #ccc;}
.question-right-lists li dd span{font-size:15px;font-weight:bold;padding:0 5px;}
.position-bottom{border-bottom:1px dotted #ccc;margin-bottom:10px;}
.question-house-title{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;color: #07965e;}
.ask_show01{border:1px #ddd solid; padding:1em; margin-bottom:15px;}
.ask_show01_n1{padding-bottom: 0.5em;}
.ask_show01_n1 h2{ line-height:2em;font-size:1.3em; border-bottom:1px #ddd solid; background:url(../images/ico50.png) 0 10px no-repeat;padding-left: 1.3em;padding-bottom: 0.6em;}
.ask_show01_n1 p{line-height:24px; color:#999; font-size:12px;padding: 0.6em 0;}
.ask_show01_n2 h2{ height:30px; margin-bottom:10px;font-size:14px;}
.but36{ height:30px; line-height:30px; background-color:#1ca459; font-weight:normal; padding:5px 15px; color:#fff; }
a.but36{text-decoration:none; color:#fff}
.ask_show01_n2 p{ margin-bottom:10px;}
.submit-btn{padding:5px 15px;}
.inp09{border:1px #ddd solid; padding:3px 6px; line-height:24px; color:#666; font-size:12px; width:98%; height:60px;}
.ask_show01_n2_sp{display:block; float:right;}
.ask_show02{border:1px #ddd solid; padding:15px; margin-bottom:15px;}
.ask_show02 h1{height:30px;font-size:14px; border-bottom:1px #ddd solid; background: url(../images/ico51.png) 0 2px no-repeat; padding-left:24px; color:#434343}
.ask_show03{border-bottom:1px dotted #ccc; padding:15px 0}
.ask_show03_img{width:52px; height:52px; border:1px #ddd solid; float:left; margin-right:10px;}
.ask_show03_t>div{font-size: 1em;line-height: 1.5em;color: #666}
.ask_show03_t h2{font-size:12px; color:#999; font-weight:normal;}
.ask_show03_t_s1{display:block; float:right; color:#999; margin-bottom:6px;}
.ask_show03_t p{margin:6px 0; color:#7b7b7b}
.ask_show04{margin-bottom:15px; border:1px #ddd solid; padding:15px;}
.ask_show04 h1{font-size:14px;}
.ask_show04 li{height:auto; line-height:2.8em;border-bottom:1px dotted #ccc;}
.ask_show04 .ask_title .more{float:right;font-weight: 400;}
.ask_info{padding: 8px 0;font-size: 14px; line-height: 22px;color: #666666;padding-top:0px;}
#ask_answer{padding:8px;display: none;}
.ask_house{height: 30px;line-height: 30px;margin-bottom: 10px;font-size: 14px;}
.ask_house a{color: #e8380d; font-weight: bold;font-size: 14px;}
.ask_house a:hover{text-decoration: underline;}
.ask_house span{color: #999;}
.question-answer-number{color:#ff0000;font-size:14px;padding:0 2px;}
/*妤肩洏璇︽儏闂瓟*/
#question{
width: 100%;
float: right;
}
#question .title{
margin: auto;
padding: 1em;
overflow: hidden;
border-bottom: 1px solid #f1f1f1;
}
#question .title h2{
font-size: 0.81rem;
line-height: 2em;
float: left;
display: table;
}
#question .title a{
width: auto;
height: auto;
background: none;
margin-top: 1em;
color: #999;
float: right;
}
#question .title a:hover{
color: #ff0000 !important;
}
#question >div.con_box >ul.list li p.ask{
font-size: 1em;
}
#question >div.con_box >ul.list li{
padding: 15px;
}
#question >div.con_box >ul.list li p{
font-size: 1em;
}
#question >div.con_box >ul.list li p.anser{
margin-bottom: 0;
background: url(../images/icon/icon44.png) left 2px no-repeat;
padding-left: 2em;
line-height: 1.6em;
font-size: 1em;
}
#question >div.con_box >ul.list li p.time{
line-height: 3em;
padding-left: 2em;
}
/**闂瓟**/
.con_box >ul.list li {
padding: 15px;
border-bottom: 1px dashed #eee;
}
.con_box >ul.list li .ask,
.con_box >ul.list li .anser,
.con_box >ul..list li .time {
font-size: 16px;
color: #919191;
line-height: 24px;
padding-left: 40px;
}
.con_box >ul.list li .ask {
color: #333;
background: url(../images/icon/icon37.png) left top no-repeat;
padding-left: 2.2em;
height: 2em;
line-height: 2em;
}
.con_box >ul.list li .anser {
margin: 10px 0;
}
/*妤肩洏璇︽儏棣栭〉澶撮儴杩斿洖閮ㄥ垎*/
#topfanhui{
width: 100%;
position: absolute;
z-index: 999;
top: 3em;
height: 4.8em;
display: block;
background:rgba(0, 0, 0, 0.3);
text-align: center;
line-height: 4.8em;
font-size: 1.3em;
}
/* 瀹氬埗2022骞�3鏈�13鏃�==================start */
.m-new-house{
border: 1px solid #e0e0e0;
padding: .3rem;
margin: .0rem 0;
margin-bottom: 0.8rem;
}
.m-new-house .img{
width: 100%;
}
.m-new-house .img img{
width: 100%;
height: auto;
}
.m-new-house .wenxinfo{
font-size: 0.78125rem;
}
.m-new-house .wenxinfo .m-title{
display: flex;
height: 2.2rem;
line-height: 2.2rem;
overflow: hidden;
}
.m-new-house .wenxinfo .m-title >p{
position: absolute;
text-align: right;
right: 1em;
top: 0.5em;
font-size: 18px;
font-weight: bold;
color: #da0000;
}
.m-new-house .wenxinfo .m-title >p em{
color: #666;
font-size: 15px;
margin-left: 15px;
font-weight: 400;
}
.m-new-house .wenxinfo .m-title h3{
font-size: 0.65rem;
}
.m-new-house .wenxinfo .m-title p.m-sort{
margin-left: 0;
}
.m-new-house .wenxinfo .m-title .m-sort em{
display: none;
flex-grow:0;
flex-shrink :0;
position:static;
}
.m-new-house .wenxinfo .m-title .m-sort dfn{
margin-left: 0.5rem;
padding:0.2rem;
background-color: #f2f3f7;
font-size: .7rem;
font-style: normal;
flex-shrink :0;
}
.m-new-house .wenxinfo{
line-height:1.8rem;
position: relative;
}
.m-new-house .wenxinfo em{
font-style: normal;
}
.m-new-house .wenxinfo p {
margin-left: 3.7925rem;
line-height: 2.2em;
}
.m-new-house .wenxinfo p em{
margin-left: -3.7925rem;
float: left;
}
.m-new-house .m-btn{
height: 1.5rem;
line-height: 1.5rem;
background-color: #49b08d;
text-align: center;
color:#FFF;
font-size: .5625rem;
margin: .8rem 0 .4rem;
}
.m-new-house .m-btn a{
display: block;
width: 100%;
height:100%;
color: #FFF;
text-decoration:none;
font-size: 0.65rem;
}
/* 瀹氬埗2022骞�3鏈�13鏃�==================end */
/*妤肩洏璇︽儏 鍘嗗彶浠锋牸*/
.disnone{
border-bottom: none !important;
}
.mb10{
font-size: 15px;
color: #313131;
}
.lp-coltit {
line-height: 28px;
overflow: hidden;
padding: 20px 0 10px;
}
.lp-coltit h3 {
font-size: 20px;
color: #313131;
float: left;
padding:5px;
}
.lp-con1{
width: 100%;
background: #fff;
padding: 0 .62rem;
padding-bottom: 20px;
margin-top: 15px;
}
.lp-con1 .bg {
background: #fafafa;
}
.fz12 {
font-size: 12px !important;
}
.lp-con1 table {
border-top: 1px solid #d8d8d8;
border-left: 1px solid #d8d8d8;
line-height: 2;
}
.lp-con1 td {
padding: 5px;
text-align: center;
line-height: 32px;
border-right: 1px solid #d8d8d8;
border-bottom: 1px solid #d8d8d8;
}
.lp-con1 td i {
font-size: 14px;
margin-left: 3px;
color: #666;
}
[class^="font-icons-"],
[class*=" font-icons-"] {
font-family: "icons";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: inherit;
float: none;
margin: 0;
vertical-align: -0.25em;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
}
.font-icons-1:before {
content: "\EA01";
}
.c-f00, .c-f00 a {
color: #f00 !important;
}
.q_lpbox .no-result{ overflow:hidden; height:70px; margin-top: 30px;}
.q_lpbox .no-result .img{ float:left; width:108px; height:70px;margin:0 0 0 0px; }
.q_lpbox .no-result .img::before{font-family: 'iconfont';font-size: 72px;color: #dfdfdf;}
.q_lpbox .no-result p{ font-size:16px; color:#333; line-height:20px; margin-top:10px;}
.q_lpbox .no-result span{ display:block; color:#999; line-height:20px; margin-top:12px;}