html,body{max-width: 640px;}
body, dd, div, dl, dt, h1, h2, h3, h4, h5, h6, input, li, ol, option, p, select, td, th, ul {
word-break: break-all;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
margin: 0;
padding: 0;
}
body{font-size: 16px;}
address, caption, cite, code, dfn, em, th, var {
font-style: normal;
}
* {
margin: 0;
padding: 0;
}
.float-r{float: right;}
.float-l{float:left;}
.container {
clear: both;
padding: 0;
overflow: hidden;
}
a:link {
text-decoration: none;
color: #999999;
}
img {
vertical-align: top;
border: 0;
max-width: 100%;
}
button, input, select, textarea {
outline: 0;
-webkit-appearance: none;
}
li, ol, ul {
list-style: none;
}
em{
font-weight: 500;
}
a:link {
text-decoration: none;
}
/*header菜单样式begin*/
header {
width: 10rem;
background: #fff;
border-bottom: 1px solid #f2f2f2;
}
.header-top-0 {
top: 0;
}
.header02, .header03 {
margin: 0 auto;
position: fixed;
width: 100%;
height: .44rem;
z-index: 22;
}
header { background: #fff;
border-bottom: 1px solid #f2f2f2;
}
header .top {
position: relative;
height: .44rem;
line-height: .44rem;
overflow: hidden;
}
header .top .logo img {
width: 2.21rem;
height: auto;
vertical-align: middle;
}
.header03 .return {
position: absolute;
left: .135rem;
}
.header03 .return .icon-return {
font-size: 0.225rem;
color: #585757;
}
header .top .logo {
text-align: center;
overflow: hidden;
}
.header03 .search-ico {
position: absolute;
top: 0;
left: 8rem;
}
header .top .user {
position: absolute;
top: 0;
right: .2rem;
}
header .top .user .icon-user {
font-size: .225rem;
color: #585757;
}
.body {
margin-top: .44rem;
}
body{
margin: 0 auto;
}
/*header菜单样式end*/
.container .center {
padding-bottom: .16rem;
overflow: hidden;
}
.container .cen-bgcol
{
background: #ff2813;
}
.col-h30{
height: 0.12rem;
background:#f8f8f8;
}
.center .row {
clear: both;
overflow: hidden;
}
.center .row {
margin: .2rem .2rem 0rem;
}
.center .row-banner {
width: auto;
height: auto;
}
.row-banner .row-hdgz
{
position: absolute;
margin-top: .2rem;
right: .2rem;
display: inline-block;
}
.row-banner .row-hdgz .hb-btn{
padding: .05rem .05rem;
background-color: rgba(0, 0, 0, .5);
text-align: center;
border-radius: .2rem;
font-size: .2rem;
color: #ffffff;
}
.row-down{
clear: both;
margin-bottom: .53rem;
overflow: hidden;
background: #ffffff;
padding: .165rem 0;
margin: 0 .2rem;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: .06rem;
-moz-border-radius: .06rem;
border-radius: .06rem;
}
.row-down .tips
{
display: inline-block;
color: #333;
font-size: .15rem;
position: relative;
left: 50%;
-webkit-transform: translatex(-50%);
-moz-transform: translatex(-50%);
-ms-transform: translatex(-50%);
-o-transform: translatex(-50%);
transform: translatex(-50%);
text-align: center;
max-width: 3.425rem;
white-space: nowrap;
}
.row-down .tips .sp
{
font-weight: 700;
display: inline-block;
padding: 0;
}
.row .row-box
{
background-color: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: .06rem;
-moz-border-radius: .06rem;
border-radius: .06rem;
}
.row .row-box .hd
{
padding:.15rem .12rem;
min-height: .5rem;
border-bottom: 1px solid #e8e8e8;
}
.row .row-tejiafbox .hd
{
padding-bottom:.16rem;
min-height: .2rem;
color: #ffffff;
}
.row .row-box .hd h2,.row .row-tejiafbox .hd h2
{
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;
float: left;
font-weight: 700;
font-size: .225rem;
height: .2rem;
margin-right: .11rem;
}
.row .row-box .hd .more {
float: right;
height: .2rem;
line-height: .2rem;
overflow: hidden;
font-size: .12rem;
color: #999;
}
.row .row-box .lp-box
{
display: block!important;
padding: .15rem .12rem;
}
.house-wrap {
display: flex;
justify-content:flex-start;
position: relative;
}
.house-wrap .img-wrap {
width: 1.21rem;
height: .9rem;
-webkit-border-radius:.06rem .06rem 0rem 0rem;
-moz-border-radius: .06rem .06rem 0rem 0rem;
border-radius: .06rem .06rem 0rem 0rem;
position: relative;
overflow: hidden;
margin-right: .1rem;
}
.house-wrap .img-tejiaf {
width: 1.21rem;
height: .9rem;
-webkit-border-radius:.06rem;
-moz-border-radius: .06rem;
border-radius: .06rem;
position: relative;
overflow: hidden;
margin-right: .1rem;
}
.img-tejiaf img {
width: 1.21rem;
height: .9rem;
}
.house-wrap .img-wrap img {
width: 1.21rem;
height: .9rem;
}
.house-wrap .img-wrap .text-wrap {
position: absolute;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, .5);
height: .22rem;
color: #ffffff;
font-size: .12rem;
}
.text-wrap {
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
.text-wrap .text{
display: inline-block;
position: relative;
top: 50%;
-webkit-transform: translatey(-50%);
-moz-transform: translatey(-50%);
-ms-transform: translatey(-50%);
-moz-transform: translatey(-50%);
transform: translatey(-50%);
white-space: nowrap;
}
.text-wrap .text .label-text
{
margin-left: .05rem;
}
.house-info .house-name
{
color: #000;
font-size: .18rem;
margin-bottom: .02rem;
font-weight: 700;
max-width: 1.8rem;
overflow: hidden;
-o-text-overflow:ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
}
.house-info .house-position
{
color:#999;
font-size: .13rem;
margin-bottom: .02rem;
max-width: 1.8rem;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
-webkit-box-align: center;
}
.house-info .house-position .place-text{
max-width: 1.8rem;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
font-size:.13rem;
}
.house-info .house-price
{
display: flex;
font-size: .13rem;
-webkit-box-align: center;
align-items: center;
margin-bottom: .02rem;
}
.house-info .house-price .num,.house-info .house-price .x-pice
{
font-size:.13rem;
max-width: 1.8rem;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.house-info .house-price .x-pice{
font-weight: bold;
max-width: .65rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.house-info .house-price .y-pice
{
color: #999;
font-weight: bold;
text-decoration: line-through;
max-width: .65rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.house-info .house-price span
{
display: inline-block;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.house-info .message-wrap {
background: #f9edee;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
height: .24rem;
line-height: .24rem;
padding: 0 .06rem;
display:inline-flex;
}
.house-info .message-time
{
font-size: .12rem;
}
.house-info .message-time .gzcol{
color: #999;
}
.house-info .message-wrap .text,.house-info .message-time .text {
max-width:.8rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.house-info .message-wrap span
{
color: #ff2813;
font-size: .12rem;
}
.tejiaf-wrap .message-wrap .text
{
max-width: 1rem;
}
.house-wrap .consultation {
padding: .02rem .08rem;
background: #ff2813;
-webkit-border-radius: .1rem;
-moz-border-radius: .1rem;
border-radius: .1rem;
color: #fff;
font-size: .132rem;
position: absolute;
right: 0;
bottom: 0;
border: 0;
}
.lp-box .house-add {
margin-top: .12rem;
background: #f9edee;
-webkit-border-radius: .05rem;
-moz-border-radius: .05rem;
border-radius: .05rem;
color: #666;
font-size: .13rem;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: .04rem .11rem;
}
.tejiaf-ul
{
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.tejiaf-ul li{
width: 1.5rem;
min-height: 1.25rem;
-webkit-border-radius: .06rem;
-moz-border-radius: .06rem;
border-radius: .06rem;
overflow: hidden;
background-color: #fff;
position: relative;
float: left;
margin:0 .07rem .07rem 0;
background-color: #f9edee;
}
.tejiaf-ul li:nth-of-type(2n)
{
margin-right: 0;
}
.tejiaf-ul li .img-wrap {
width: 1rem;
height: .8rem;
position: relative;
margin-right:0;
}
.tejiaf-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: inherit;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
.tejiaf-wrap .hot-box
{
display: inline-flex;
position: absolute;
right: 0;
top: 0;
float: right;
margin-top: -.09rem;
}
.tejiaf-wrap .hot-box .hot-span
{
font-size: .1rem;
background-color: #ff2813;
color: #ffffff;
padding: .02rem;
border-radius: .06rem 0 .06rem 0;
}
.tejiaf-wrap .cons-btn ,.tuan-info .tuan-cons-btn {
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: #ff2813;
-webkit-border-radius: .1rem;
-moz-border-radius: .1rem;
border-radius: .1rem;
color: #fff;
font-size: .132rem;
text-align: center;
padding: .02rem .08rem;
border:0;
}
.tejiaf-name
{
margin-top: .05rem;
}
.tejiaf-padd{
margin:.1rem .07rem;
}
.tejiaf-wrap .house-info .area
{
max-width: 1rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.content li
{
margin-bottom: .2rem;
}
.content li:last-child
{
margin-bottom: 0;
}
.news-info{
width: 1.79rem;
height: .9rem;
}
.news-info .news-name{
font-size: .18rem;
margin-bottom: .02rem;
font-weight: 700;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
color: #000;
}
.news-info .news-time
{
font-size: .12rem;
position: absolute;
bottom: 0;
}
.news-info .news-time span
{
color: #bcbcbd;
}
.news-info .news-time .news-left10
{
border-radius: .05rem;
border:1px solid #ff2813;
color: #ff2813;
margin-right: .1rem;
padding:0.01rem .03rem;
}
.tuan-hd{
margin-bottom: .15rem;
}
.tuan-hd h2{
font-weight: 700;
font-size: .18rem;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
color: #000;
}
.tuan-info
{
width: 1.8rem;
height: 1rem;
color: #999;
}
.tuan-info .tuan-txt
{
font-size: .13rem;
margin-top: .025rem;
max-width: 1.8rem;
margin-bottom: .04rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.tuan-info .tuan-txt-f12
{
color: #ff2813;
font-size: .15rem;
}
.tuan-wrap .tuan-text
{
background: #f9edee;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
height: .24rem;
padding: 0 .06rem;
display: inline-block;
color: #ff2813;
font-size: .12rem;
margin-right: .05rem;
line-height: .24rem;
}
.smtxt-hd
{
padding:.15rem .12rem;
color: #666666;
}
.smtxt-hd h4
{
font-size: .18rem;
}
.smtxt
{
padding:0 .12rem .15rem;
font-size: .132rem;
color: #666;
line-height: .26rem;
text-align: justify;
}
.bm-title{
font-weight: 700;
font-size: .225rem;
margin-bottom: .1rem;
}
.bm-btn{width: 100%;
height: 10.6vw;
font-size: 1.6rem;
font-weight: bold;
color: #ffffff;
background-color: #f2304a;
border: none;
text-align: center;
font-size: .16rem;
border-radius:.05rem
}
.bm-tips_text {
color: #ccc;
margin-top: 10px;
}
.zxzxright{
position: fixed;
border:1px solid #f2304a;
padding: .1rem .05rem;
font-size: .2rem;
font-weight: bold;
color: #f2304a;
background: #ffffff;
letter-spacing: .02rem;
border-radius: .05rem;
right: 0;
top: 50%;
transform: translatey(-25%);
}
.zxzxright .zx-txt{
writing-mode:tb-rl;
}
.zxzxright .zx-txt .kefufont{
font-size: .25rem;
}
.ckmore{
margin-top: .2rem;
width: 100%;
height: .4rem;
line-height: .4rem;
font-weight: bold;
color: #ffffff;
background-color: #f2304a;
border: none;
text-align: center;
font-size: .16rem;
border-radius: .05rem;
}
.lp-box li.hide{
display: none;
}
.img-wrap .dyspan{
position: absolute;
top: 0;
left: 0;
border-radius: 0 0 .15rem 0;
font-size: .12rem;
color: #fff;
padding: .01rem .08rem;
}
/*分享海报*/
.sbjbg{
width: 3.15rem;
height: auto;
margin: 0 auto;
}
.sbjbg .sbjbaner{
width: 3.15rem;
height: auto;
}
.sbjbg .sbjbaner img{
min-height: 2.5rem;
}
.sbjbg .sbjrow{
position: relative;
color: #333;
height: auto;
padding:.3rem .2rem;
background: #fff;
}
.sbjbg .sbjbds{
border-radius: .05rem;
}
.sbjbg .sbjrowtop{
padding: .7rem .1rem .1rem;
background-image:-webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.9),rgba(0,0,0,1));
margin-top:-1.2rem;
}
.sbjbg .sbjrowtop .sbjrow2{
padding: .2rem .15rem;
}
.sbjbg .sbjrow .sbjhead{
display: flex;
justify-content: flex-start;
padding-bottom: .2rem;
border-bottom: .01rem dashed #333;
}
.sbjbg .sbjrow .sbjhead .sbjheadimg{
width: .5rem;
height: .5rem;
border-radius: 50%;
line-height: .5rem;
background: #404040;
margin-right: .1rem;
}
.sbjbg .sbjrow .sbjhead .sbjheadimg img{
width: .5rem;
height: .5rem;
border-radius: 50%;
}
.sbjbg .sbjrow .sbjhead .headinfo{
text-align: left;
width: 2.75rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.sbjbg .sbjrow .sbjhead .headinfo .headname{
font-size: .15rem;
font-weight: bold;
}
.sbjbg .sbjrow .sbjhead .headinfo .headtxt{
font-size: .15rem;
}
.sbjbg .sbjrow .sbjtit{
font-size: .2rem;
font-weight: bold;
line-height: .25rem;
padding: .1rem 0rem;
text-align: left;
}
.sbjbg .sbjrow .sbjline{
border-bottom: .01rem dashed #999;
margin: .1rem 0rem;
}
.sbjbg .sbjrow .sbjline:before{
position: absolute;
content: " ";
width: .2rem;
height: .2rem;
background: rgba(8, 2, 3, 1);
margin-top: -.1rem;
left: -.1rem;
border-radius: .1rem;
clip: rect(0rem .2rem .2rem .1rem);
}
.sbjbg .sbjrow .sbjline:after{
position: absolute;
content: " ";
width: .2rem;
height: .2rem;
margin-top: -.1rem;
background: rgba(8, 2, 3, 1);
right: -.1rem;
border-radius: .1rem;
clip: rect(0rem .1rem .2rem 0rem);
}
.sbjrow .sbjlx{
display: flex;
justify-content: space-between;
align-items:flex-end;
padding-top: .2rem;
}
.sbjrow .sbjlx .sbjewm6{
width: .625rem;
height: .625rem;
}
.sbjrow .sbjlogo{
width: 1rem;
height: auto;
}
.sbjrow .sbjhead{
display: flex;
align-items: center;
}
.sbjrow .sbjhead img{
width: .5rem;
height: .5rem;
border-radius: 50%;
margin-right: .1rem;
}
.sbjhead .sbjbox{
text-align: left;
max-width: 1.1rem;
}
.sbjhead .sbjbox .boxtit{
font-size: .15rem;
font-weight: bold;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.sbjhead .sbjbox .boxtxt{
font-size: .132rem;
color: #666;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.sbjrow .sbjleft{
color: #333;
font-size: .132rem;
text-align: left;
}
/*.sbjlx .sbjleft .sbjleftline{
width: .3rem;
height: .04rem;
background: #333;
border-radius: .15rem;
margin-bottom: .1rem;
}*/
.row-banner .row-hdgz .sbj-col{
color: #fff;
}
.sbj-zhuanfa{
font-size: .2rem;
color: #fff;
}
/*楼盘详细页分享海报弹窗 追加样式*/
.sbjbg .sbjrow2 .hostit{
font-size: .2rem;
font-weight: bold;
text-align: left;
}
.hosmg1{
margin-bottom: .05rem;
}
.hosmg2{
margin-bottom: .1rem;
}
.hosmg3{
margin-bottom: .5rem;
}
.sbjbg .sbjrow2 .hosadd{
text-align: left;
font-size: .132rem;
}
.sbjbg .sbjrow2 .hosdj{
font-size: .15rem;
color: #f2304a;
text-align: left;
font-weight: bold;
}
.sbjbg .sbjrow2 .hosdt{
font-size: .12rem;
color: #666;
text-align: left;
}