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