/* base */ @media (min-width:320px) and (max-width:359px) { html { font-size: 10px; } } @media (min-width:360px) and (max-width:400px) { html { font-size: 10.5px; } } @media (min-width:401px) and (max-width:420px) { html { font-size: 11px; } } @media (min-width:421px) { html { font-size: 12px; } } body { background-color: #fff; } [class*=animation-] { animation-duration: 0.2s; animation-timing-function: ease-out; animation-fill-mode: both; } .animation-scale-up { animation-name: scale-up } @keyframes scale-up { 0% { opacity: 0; transform: scale(.2) } 100% { opacity: 1; transform: scale(1) } } ::-webkit-scrollbar { width: 0; height: 0; color: rgba(0, 0, 0, 0); } .many-txt { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .all-txt { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 100; -webkit-box-orient: vertical; } .f_left { float: left; } .f_right { float: right; margin-right: 1.5vw; } .display_flex { display: flex; justify-content: space-between; } .kft_img { width: .3rem; display: flex; flex-direction: column; justify-content: center; } .kft_content { flex: 1; font-size: .13rem; margin-left: .1rem; } .kft_content_maxw { max-width: 2.6rem; margin-left: 0rem; } .kft_tcolor_statdred { color: #f2304a; } .kft_bgcolor_statdred { background-color: #f2304a; } .kft_tcolor_green { color: #44b4a6; } .kft_bgcolor_green { background-color: #44b4a6; } .kft_tcolor_blue { color: #5c90d2; } .kft_bgcolor_blue { background-color: #5c90d2; } .kft_content_tips { color: #8f8f8f; margin-top: -0.05rem; } .kft_content_tips-lineh { margin-top: 0rem; line-height: .18rem; margin-bottom: .05rem; text-align: justify; } .kft_content_name { font-weight: bold; font-size: .14rem; } .kft_btn_box { width: .45rem; display: flex; justify-content: center; flex-direction: column; } .kft_btn { width: .45rem; height: .25rem; line-height: .25rem; text-align: center; border-radius: 0.03rem; border: 1px solid; font-size: .14rem; font-weight: bold; color: #fff; } .mright10 { margin-right: 10px; } .clearfloat { zoom: 1; } .clearfloat:after { width: 0; height: 0; margin: 0; padding: 0; visibility: hidden; clear: both; display: block; content: " "; } .ad_block { width: 90vw; height: 22.67vw; margin: 2vw auto; display: block; border-radius: 1vw; overflow: hidden; position: relative; } .ad_block_deft { width: 90vw; height: 22.67vw; margin: 4.3vw auto; display: block; border-radius: 1vw; overflow: hidden; position: relative; } .ad_block::after { /*content: '广告'; height: 4.8vw; line-height: 4.8vw; width: 10.6vw; */ font-size: .1rem; content: '广告'; height: .15rem; line-height: .15rem; width: .3rem; text-align: center; border: 1px solid #fff; display: block; position: absolute; bottom: 2vw; left: 2vw; color: #fff; } .block { width: 90vw; height: 22.7vw; border-radius: 1.06vw; margin: 4vw auto; } .list { width: 90vw; margin: auto; } .index_banner { height: 48vw; width: 100vw; position: relative; } .under_index_banner_block { position: relative; height: 10.7vw; } .info_box { width: 13vw; margin-right: 4vw; } .info_box .big_num { font-size: 1.875rem; height: 13.3vw; line-height: 13.3vw; text-align: center; } .info_img { width: 26vw; height: 22.7vw; } .info_contentblock { width: 40vw; color: #3f4a58; } .info_contentblock .title { font-size: 1.8rem; font-weight: bold; color: #3f4a58; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .info_contentblock .descript { height: 17.6vw; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; color: #3f4a58; font-size: 1.3rem; font-weight: bold; margin-top: 2.6vw; } .index_banner_block { width: 80vw; height: 10.7vw; margin: auto; position: absolute; left: 0; right: 0; /*bottom: 5.3vw;*/ z-index: 9; background: #fff; -webkit-box-shadow: 0 1px 1.06vw 0 rgba(0, 0, 0, .2); box-shadow: 0 1px 1.06vw 0 rgba(0, 0, 0, .2); -webkit-border-radius: 1.06vw; border-radius: 1.06vw; padding: 2.7vw 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 12vw; font-size: 1.3rem; color: #abafb8; } .index_banner_block:before { width: 4.26vw; height: 4.8vw; display: block; content: ' '; position: absolute; left: 5.3vw; top: 0; bottom: 0; background-image: ; margin: auto; } .back_block { width: 100vw; padding: 0 5vw; box-sizing: border-box; height: 10vw; line-height: 10vw; position: relative; font-size: 1.4em; position: fixed; top: 0; left: 0; z-index: 10; background: #fff; } .back_block .spanbg { position: absolute; margin-top: 1.2vw; background: #f7f6f6; display: block; width: 20vw; height: 7vw; border-radius: 1.3vw; border-radius: 10px; } .back_block .back_key { display: block; width: 8vw; height: 5vw; /*background: #f9f9f9; border-radius: 1.3vw;*/ position: absolute; top: 0; bottom: 0; margin: auto; background: url(/uploads/image/smimg/back_key.svg); background-size: 4vw 4vw; background-repeat: no-repeat; background-position: center; border-right: 1px solid #c5c2c2; } .back_block .back_home { display: block; width: 10vw; height: 5vw; background: #f9f9f9; border-radius: 1.3vw; position: absolute; top: 0; bottom: 0; left: 9vw; margin: auto; background: url(/uploads/image/smimg/back_home.svg); background-size: 4vw 4vw; background-repeat: no-repeat; background-position: center; } /* index_page */ .index-nav-box {width: 90%;margin:auto;overflow-x: scroll;overflow-y: hidden;} .index-nav-item {text-align: center;margin: 0.1rem 0;width: 0.75rem;height: 0.7rem;} .index-nav-img {margin: auto;text-align: center;width: 60%;} .index-nav-img img{width: 100%;height: 100%} .index-nav-text {font-size: 0.12rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0.04rem;color: rgba(31,31,31,1);font-weight: bold;} .index_bulitinfo { width: 90vw; overflow: hidden; margin: auto; margin-top: 6vw; margin-bottom: 2vw; } .index_mbot{ margin-bottom: .2rem; } .index-banner-mrgn{ margin: 0 auto; } .title_text { height: 8vw; line-height: 8vw; font-size: .16rem; font-weight: bold; margin-bottom: 2.3vw; } .title_textjsq{ font-size: .1rem; font-weight: bold; color: #abafb8; } .title_textnew { font-size: .2rem; height: .3rem; line-height: .3rem; margin-bottom: .08rem; color: #333; } .index_bulitinfo .sclas_2 { height: 6vw; line-height: 6vw; font-size: .15rem; font-weight: bold; color: #f2304a; } .title_text span { font-size: .12rem; font-weight: bold; color: #abafb8 !important; } .index_bulitinfo .bulitinfo_swiper { width: inherit; padding: 4vw 1.67vw; -webkit-box-sizing: border-box; box-sizing: border-box; height: 30.9vw; background: #fff; -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1); -webkit-border-radius: 2px; border-radius: 2px; position: relative; display: inherit; } .index_bulitinfo .bulitinfo_swiper .times { text-align: center; width: 20vw; border-right: 1px solid #e5e3e3; padding-right: 2vw; margin-right: 2vw; } .index_bulitinfo .bulitinfo_swiper .times .one { color: #494848; font-weight: bold; text-align: center; } .index_bulitinfo .bulitinfo_swiper .times .two { color: #494848; font-size: .35rem; height: 13.3vw; line-height: 13.3vw; font-weight: bold; text-align: center; } .two .twocolor { color: #989697; } .three .threespan { font-size: .15rem; } .index_bulitinfo .bulitinfo_swiper .img { width: 24vw; height: 22.4vw; } .index_bulitinfo .bulitinfo_swiper .content { width: 38vw; color: #3f4a58; } .index_bulitinfo .bulitinfo_swiper .content .title { font-size: .15rem; font-weight: bold; color: #3f4a58; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .index_bulitinfo .bulitinfo_swiper .content .description { height: 13vm; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; color: #3f4a58; line-height: 4.4vw; font-size: .1rem; font-weight: bold; margin-top: 2.6vw; } .nav_img { background-position: 0% 0%; background-size: 100% 100%; background-repeat: no-repeat; background-image: ; } /* rentlist */ .rentlist { width: inherit; } .rentblock-vr { height: 21.3vw; width: 28vw; margin-right: 4vw; position: absolute; } .rentblock { min-height: 32vw; width: 90vw; margin: auto; padding: 4vw 0; border-bottom: 1px solid #f5f5f5; display: block; } /*.rentblock-b0{ border:0; }*/ .rentblock-hi { height: auto !important; } .rentblock-last:last-child { border-bottom: 0; } .rentblock img { height: 21.3vw; width: 28vw; display: block; border-radius: 1.3vw; margin-right: 4vw; } .rentblock_text { line-height: .22rem; width: 58vw; } .rentblock-line { line-height: inherit; } .rentblock_text .rent_one { color: #333333; font-size: .15rem; font-weight: 700; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .rentblock_text .rent_one .godhos{ background: #f2304a; padding: .01rem .045rem; color: #fff; font-size: .12rem; margin-right: .05rem; border-radius: .03rem; } .rentblock_text .rentstyle { margin-bottom: .03rem; } .rentblock_text .rent_one_new { color: #333333; font-size: .15rem; font-weight: 700; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .rentblock_text .rent_ztpic_new { margin: .02rem .02rem .02rem 0; width: .625rem; height: .1471rem; } .rent_ztpic_box { display: inline-flex; } .rentblock_text .rent_ztpic_new .zt-img { width: .625rem; height: .1471rem; } .rentblock_text .elist_hos_info { font-size: .12rem; color: #8a8a8a; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .rentblock_text .rent_two { font-size: .13rem; color: #111937; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .rentblock_text .rent_two_new { font-size: .13rem; color: #f2304a; font-weight: bold; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .rentblock_text .elist_hos_total{ font-size: .12rem; color: #f2304a; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .rentblock_text .elist_hos_total span{ margin-right: .1rem; } .rentblock_text .elist_hos_total .elist_hos_bold{ font-weight: bold; font-size: .15rem; } .rentblock_text .elist_hos_total .elist_hos_org{ text-decoration: line-through; font-size: 12px; color: #9d9d9d; } .rentblock_text .elist_hos_total .elist_hos_price{ color: #8a8a8a; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .rentblock_text .rent_there { font-size: .15rem; color: #f2304a; font-weight: bold; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .rentblock_text .rent_there_span { font-size: .15rem; margin-left: .1rem; color: #8a8a8a; font-weight: bold; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .rentblock_text .rent_there_new { font-size: .12rem; color: #8a8a8a; font-weight: bold; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .rentblock_text .elist_hos_lbl{ width: 2.4rem; font-size: .1rem; color: #5c90d2; overflow: hidden; } .rentblock_text .elist_hos_lbl span{ padding: .02rem .045rem; background-color: #f5f4f9; margin-right: .08rem; } .rentblock_text .rent_four { width: 200px; font-size: .1rem; color: gray; font-weight: bold; overflow: hidden; } .col-new { color: #808080 !important; font-weight: bold !important; } .rentblock_text .rent_four span { padding: 1.2vw 1.26vw; background-color: #f5f4f9; /*border: 1px solid #d3d3d3; border-radius: 0.3rem;*/ margin-right: 2.13vw; } .infoblock { height: 29.3vw; width: 90vw; margin: auto; padding: 4vw 0; display: block; box-sizing: border-box; border-bottom: 1px solid #e8e8e8; } .ztbox .infoblock:last-child { border-bottom: none; } .infoblock img { height: 100%; width: 28vw; margin-left: 4vw; display: block; border-radius: 1.3vw; } .infoblock-img-left0 { margin-left: 0 !important; } .infoblock_text { width: 56vw; } .infoblock_text .info_one { color: rgba(17, 25, 55, 1); font-size: .15rem; font-weight: bold; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 11.7vw; line-height: 5.85vw; } .infoblock_text .info_two { font-size: .12rem; margin-top: 4vw; /* overflow: hidden;*/ max-height: 12vw; } .infoblock_text .info_two .bages { padding: 1px 3px; color: #f1b937; border: 1px solid #f1b937; margin-right: 1.3vw; } .infoblock_text .info_two .times { font-size: .13rem; color: #8a8a8a; font-weight: bold; } .index_bulitinfo .index_list { width: inherit; height: 54vw; overflow: auto scroll; white-space: nowrap; overflow-x: auto; overflow-y: hidden; } .index_bulitinfo .index_list_rent { width: inherit; height: 48vw; overflow: auto scroll; white-space: nowrap; overflow-x: auto; overflow-y: hidden; } .info_listblock_rent { height: 48vw; width: 42.6vw; padding: 0 2.6vw; display: inline-block; box-sizing: border-box; } .info_listblock { height: 54vw; width: 36vw; /*padding: 0 10px;*/ display: inline-block; box-sizing: border-box; margin-right: 2.6vw; } .info_listblock img { height: 26.7vw; width: 36vw; border-radius: 5px; } .info_listblock_rent img { height: 32vw; width: 37.3vw; } .info_listblock_rent .one { height: 6.4vw; font-size: 1.5rem; font-weight: bold; color: #1e1e1e; line-height: 6.4vw; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .info_listblock_rent .two { height: 6.4vw; font-size: 1.5rem; font-weight: bold; color: #676465; line-height: 6.4vw; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .info_listblock_rent .three { height: 6.4vw; font-size: 1.5rem; font-weight: bold; color: #f2304a; line-height: 6.4vw; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .info_listblock .one { height: 6.4vw; font-size: .15rem; font-weight: bold; color: #1e1e1e; line-height: 6.4vw; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; margin-top: .1rem; } .info_listblock .two { height: 6.4vw; font-size: .13rem; font-weight: bold; color: #676465; line-height: 6.4vw; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .info_listblock .three { height: 6.4vw; font-size: .13rem; font-weight: bold; color: #f2304a; line-height: 6.4vw; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .info_listblock .four { height: 6.4vw; font-size: .12rem; font-weight: bold; color: #8a8a8a; background-color: #f5f4f9; line-height: 6.4vw; padding: 1px 1.06vw; width: inherit; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .info_listblock .four_font1 { font-size: .1rem; } /*第二种banner图展示效果*/ .seradis-bott{ margin-bottom: .225rem; } .serarch_radis{ display: flex; justify-content:flex-start; align-items: center; width: 90vw; height: 10.3vw; -webkit-box-sizing: border-box; box-sizing: border-box; margin: auto; margin-bottom: 4vw; background: #f9f9f9; -webkit-border-radius: 6.4vw; border-radius: 6.4vw; font-size: .15rem; color: #7b7f8c; position: relative; overflow: hidden; } .serarch_radis .serarch_add{ font-size: .132rem; color: #999; margin-left: .15rem; padding-right: .1rem; border-right: .01rem solid #e8e8e8; max-width: 1rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .serarch_radis .serarch_add .ico-add{ font-size: .15rem; color: #f2304a; margin-right: .02rem; } .serarch_radis .serarch_cont{ position: relative; flex: 1; margin-right: .15rem; } .serarch_radis .serarch_cont .serarch_img{ position: absolute; left: .1rem; top: 0; bottom: 0; margin: auto; } .serarch_radis .serarch_cont .serarch_ipt{ padding: .1rem .3rem .1rem .1rem; margin-bottom: 0; height: .4rem; border-radius: .03rem; border:none; background: #f9f9f9; font-size: .13rem; color: #abafb8; margin-left: .25rem; } .serarch_ipt::-webkit-input-placeholder { color: #abafb8; } .serarch_ipt:-moz-placeholder{ color: #abafb8; } .serarch_ipt:-ms-input-placeholder{ color: #abafb8; } .banlist{ font-size: .14rem; position: relative; display: inline-flex; } .banlist li img{ width: 100%; height: 1.8rem; border-radius: .1rem; } /* search_css */ .serarch_block { width: 90vw; height: 10.3vw; -webkit-box-sizing: border-box; box-sizing: border-box; margin: auto; margin-bottom: 4vw; line-height: 10.3vw; background: #f9f9f9; -webkit-border-radius: 6.4vw; border-radius: 6.4vw; font-size: .15rem; font-weight: bold; margin-top: 4.3vw; color: #7b7f8c; position: relative; padding-left: 7vw; } .serarch_block img { position: absolute; left: 5.3vw; top: 0; bottom: 0; margin: auto; } .serarch_block input { background-color: #fff; font-size: 1.5rem; } /* 筛选 */ .sel_picker { width: 100vw; height: 10.3vw; border-bottom: 1px solid #e8e8e8; position: relative; } .sel_picker>div:after { border-top: 1.3vw gray dashed; border-left: 1.3vw transparent dashed; border-right: 1.3vw transparent dashed; border-bottom: 1.3vw transparent dashed; content: ''; top: 2.6vw; margin: auto; position: relative; } .sel_picker div { width: 23%; height: inherit; display: inline-block; box-sizing: border-box; text-align: center; font-size: .13rem; line-height: 10.3vw; font-weight: bold; overflow: hidden; } .sel_block_info { width: 100vw; overflow: auto scroll; white-space: nowrap; height: 10.3vw; line-height: 10.3vw; overflow-x: scroll; overflow-y: hidden; border-bottom: 1px solid #ccc; } .sel_block_info span { padding: 2.67vw; font-size: .14rem; font-weight: bold; color: rgb(153, 153, 153); } /*经纪人列表页*/ .agentlist { display: flex; justify-content: flex-start; } } .agentlist .agenthead { width: 1rem; height: 1rem; margin-right: .1rem; } /* 详情 */ /* base */ .w50 { width: 50%; } .detail_block { width: 90vw; line-height: 7vw; margin: 2vw auto 2vw; padding: 2vw 0 0 0; } .mb5 { margin-bottom: 5vw; } .isshowmore { width: inherit; height: 5.6vw; font-size: 1.3rem; color: #5c90d2; line-height: 5.6vw; text-align: center; margin: auto; margin-top: 1.67vw; margin-bottom: 1.67vw; } .isshowmore4 { margin: 4vw 0; } /* 新房详情 */ .ischangepice { background-color: #e5f2ff; color: #5c90d2; border-radius: 1.33vw; width: 45%; height: 10.8vw; font-size: 1.4rem; font-weight: bold; text-align: center; line-height: 10.8vw; position: relative; } .ischangepice::after { content: ' '; display: block; background-image: ; background-size: .18rem .18rem; width: .18rem; height: .18rem; position: absolute; top: 0; bottom: 0; margin: auto; left: 12%; } .isopencallme { background-color: #ffefe5; color: #f2304a; border-radius: 1.33vw; width: 45%; height: 10.8vw; font-size: 1.4rem; font-weight: bold; text-align: center; line-height: 10.8vw; position: relative; } .isopencallme::after { content: ' '; display: block; background-image: ; background-repeat: no-repeat; background-size: .18rem .18rem; width: .18rem; height: .18rem; position: absolute; top: 0; bottom: 0; margin: auto; left: 12%; } .iscallblock { width: 90vw; height: 18.67vw; background: -webkit-gradient(linear, left top, right top, color-stop(30%, #ec6e6a), to(#f2304a)); background: -webkit-linear-gradient(left, #ec6e6a 30%, #f2304a); background: -o-linear-gradient(left, #ec6e6a 30%, #f2304a 100%); background: linear-gradient(90deg, #ec6e6a 30%, #f2304a); -webkit-border-radius: 1.06vw; border-radius: 1.06vw; margin: auto; padding: 2.6vw 5.3vw; -webkit-box-sizing: border-box; box-sizing: border-box; } .blank2 { height: 2.5vw; background-color: #f7f6f6; } .iscallblock>div { width: 65vw; } .iscallblock .tel { color: white; font-size: 1.6rem; height: 8vw; line-height: 8vw; font-weight: bold; } .iscallblock .tel_text { font-size: 1.2rem; color: white; height: 7.2vw; } .iscallblock a { margin-top: 1.33vw; width: 10.67vw; height: 10.67vw; display: block; background-size: 10.67vw 10.67vw; } .isstatus_block { width: inherit; height: 26.67vw; padding: 2.6vw 0; } .isstatus_block img { width: 30vw; height: 21.3vw; margin-right: 4vw; } .isstatus_block_left { width: 56vw; } .isstatus_block_title { height: 5.33vw; font-size: 1.5rem; font-weight: bold; color: #1e1e1e; line-height: 5.33vw; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .isstatus_block_decript { height: 10.7vw; font-size: 1.4rem; color: #a8a8a8; line-height: 5.35vw; margin-top: 2.6vw; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .iscallme_block_one, .iscallme_block_two, .detail_block .lpzbgh, .lp_index_button { width: inherit; height: 10.7vw; background: #ffefe5; -webkit-border-radius: 1.06vw; border-radius: 1.06vw; line-height: 10.7vw; font-size: 1.5rem; font-weight: bold; color: #f2304a; text-align: center; position: relative; } .iscallme_block_one::after, .iscallme_block_two::after { content: ' '; display: block; background-image: ; background-size: .18rem .18rem; width: .18rem; height: .18rem; position: absolute; top: 0; bottom: 0; margin: auto; left: 34%; } .iscallme_block_one::after { left: 27%; background-image: ; } .history_pice { width: inherit; margin-top: 5.33vw; position: relative; } .history_pice .data { color: #9d9d9d; font-size: 1.3rem; font-weight: bold; padding-left: 5.33vw; } .history_pice .data:after { width: 1.6vw; height: 1.6vw; border-radius: 50%; background-color: #5c90d2; content: ''; display: block; position: absolute; top: .08rem; left: 0; } .history_pice .content { background-color: #f3f7fa; border-radius: 0.8vw; padding: 2.6vw; } .history_pice .content .title { font-size: 1.3rem; color: #1e1e1e; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .history_pice .content .pice { font-size: 1.5rem; font-weight: bold; color: #1e1e1e; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 1.33vw; margin-top: 1.33vw; } /* 资讯详情 */ .lpformdiv .submit { width: 90vw; height: 11vw; background-color: #f2304a; color: #fff; font-size: 0.17rem; font-weight: bold; margin-top: 3.2vw; } .infodetail_name { height: 10.6vw; line-height: 10.6vw; } .infodetail_name h1 { font-size: .14rem; display: inline; margin: 0 10px; } .infodetail_name .name { font-size: .14rem; color: rgb(88, 140, 245); } .infodetail_name .readnum { font-size: .14rem; color: #9d9d9d; } .infodetail_name .data { font-size: .14rem; color: #9d9d9d; } .block { display: block; widows: 90vw; height: 24vw; } .user_name { font-size: 1.4em; height: 13vw; line-height: 13vw; } .user_name img { width: 13vw; height: 13vw; border-radius: 50%; margin-right: 2vw; display: block; float: left; } .user_content { line-height: 8vw; color: gray; font-size: 1.2em; padding: 2vw 0; } .user_comment { float: right; font-size: 1.2em; padding: 0.5vw 2vw; } /* 租房详情 */ .yezhu_title { font-size: .14rem; color: #9d9d9d; } .yezhu_content { font-size: .14rem; } .hand_listspan { margin: 1.3vw 0; } .hand_rent { border-bottom: 1px solid #e8e8e8; } .hand_rent>div { width: 33%; text-align: center; } .hand_rent>div>.first { font-size: .18rem; font-weight: bold; color: #f2304a; } .hand_rent>div>div { font-size: .125rem; font-weight: bold; color: #9d9d9d; } .hand_rent_attrvalue { font-size: .13rem; overflow: hidden; } .hand_rent_attrvalue .name { color: #9d9d9d; } .bott_mar20 { margin-bottom: .2rem; } /* 地图 */ .map_title { padding: 0 2.67vw; height: 6.93vw; line-height: 6.93vw; font-size: .15rem; font-weight: bold; } .map_add { font-style: normal; } .map_addfont { font-size: .12rem; } #container { min-width: 100vw; min-height: 53.3vw; } /* foot_menue */ .foot_menue { /*height: 16vw;*/ width: 100vw; position: fixed; padding: 2vw 5vw 2vw 5vw; bottom: 0; left: 0; right: 0; margin: auto; background-color: #fff; box-sizing: border-box; z-index: 5; } .foot_menue img { width: 10.7vw; height: 10.7vw; border-radius: 50%; } .foot_menue .all { width: 34vw; height: 11vw; margin-top: 1vw; -webkit-border-radius: 1.06vw; border-radius: 1.06vw; font-size: .16rem; color: #fff; line-height: 9.6vw; text-align: center; margin-right: 2.67vw; } /* 弹窗 */ #mask_block { width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.5); position: fixed; top: 0; z-index: 11; } #mask_block_red { width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.5); position: fixed; top: 0; z-index: 11; } .mask_block { width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.5); position: fixed; top: 0; z-index: 11; } .sheen-dialog { width: 80vw; height: 66vw; background-color: white; position: absolute; z-index: 12; top: 0; bottom: 0; left: 0; right: 0; margin: auto; padding: 1.3vw 3.9vw; border-radius: 1.3vw; /*display: flex; flex-direction: column; justify-content: center;*/ } /*.sheen-dialog_box{ background-color: white; padding: 1.3vw 3.9vw; border-radius: 1.3vw; }*/ .sheen-dialog .title { width: 100%; height: 12.8vw; line-height: 12.8vw; font-size: 1.9rem; font-weight: bold; position: relative; } .sheen-dialog .tips_text { color: #ccc; margin-top: 10px; } .sheen-dialog .title span { transform: scale(1.5, 1.5); position: absolute; right: 0; top: 0px; line-height: 8vw; width: 6.67vw; text-align: right; } .sheen-dialog .text_one, .text_two { width: 100%; height: 10.6vw; line-height: 10.6vw; font-size: 1.5rem; color: gray; } .sheen-dialog .text_two { font-size: 1.6rem; color: black; } .sheen-dialog input::-webkit-input-placeholder { color: #ccc; } .sheen-dialog .ipt { font-size: 1.4rem; } .sheen-dialog .btn { width: 100%; height: 10.6vw; font-size: 1.6rem; font-weight: bold; color: white; background-color: #f2304a; border: none; } /* 新房详情 */ .lp_info { height: 7.4vw; line-height: 7.4vw; } .detai_swiper img { height: 2.4rem; } .recomment_box { padding: 1.2rem; background-color: #f7f6f6; border-radius: 0.5rem; margin: 5vw 0; } .recomment_img { height: 10.6vw; width: 10.6vw; border-radius: 50%; } .recomment_name { width: 50vw; font-size: 1.5rem; padding-left: 2.6vw; } .recomment_time { width: 71vw; font-size: 1.3rem; color: #9d9d9d; padding-left: 2.6vw; } .recomment_btn { font-size: 1.3rem; color: #9d9d9d; } .recomment_text { height: auto; line-height: 7.2vw; font-size: 1.4rem; color: #444343; font-size: .14rem; line-height: .26rem; text-indent: 0.30rem; } .housedetail_one { margin-top: 1.5rem; } .housedetail_one .title {} .housedetail_one .address {} .housedetail_one .bages { /*margin-bottom: 1.5em;*/ } .housedetail_one .bages span { width: 10em; padding: 0.2em 0.6em; border-radius: 2px; color: #fff; font-size: 0.13rem; line-height: .26rem; } .housedetail_one .bages .house-tag { background: #f8f8f8; color: #869099; } .housedetail_one .bages .property_type { background-color: #44b4a6; } .housedetail_one .pice {} .housedetail_one .pice span { font-size: 1.0em; font-weight: normal; color: darkgray; } .housedetail_one .red_block { width: 100%; height: 10.8vw; background: #ffefe5; -webkit-border-radius: 0.53vw; border-radius: 0.53vw; line-height: 10.8vw; margin-top: 0.53vw; font-size: 1.3rem; padding-left: 8.6vw; position: relative; } .housedetail_one .red_block_2 { color: #f2304a; } .red_block::after { content: ''; display: block; width: 4vw; height: 4vw; position: absolute; top: 0; bottom: 0; left: 4vw; margin: auto; background-image: ; background-repeat: no-repeat; background-size: 4vw 4vw; } .red_block span { font-size: 1.3rem; background-color: #f2304a; padding: 0.3vw 2vw; color: white; margin-top: 1.6vw; border-radius: 0.8vw; height: 7.6vw; line-height: 7.6vw; } /* nva_bar */ #nav_bar { position: fixed; bottom: 0; width: 100vw; /*height: 13.3vw;*/ background-color: white; display: flex; z-index: 99; } #nav_bar div { flex: 1; text-align: center; } #nav_bar img { display: block; width: 7.2vw; margin: auto; margin-top: 1.06vw; } #nav_bar .item { font-size: .12rem; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); /*padding-bottom: 150px;*/ } /* 户型 */ .hux_list { width: 90vw; margin: auto; } /*登陆*/ #isphone, #isaccount { color: #0062cc; font-size: 1.2em; margin: 6.6vw 0; } /*学区*/ .xq_oneblock { width: 3.375rem; margin: .2rem auto; } .xq_titlename { line-height: .26rem; margin: auto; font-size: .26rem; font-weight: bold; margin-bottom: .05rem; } .xq_address { font-size: .18rem; line-height: .26rem; margin-bottom: .05rem; } .xq_address_b { font-size: .13rem; padding-bottom: .075rem; } .xq_address_b span { background-color: #f2f2f2; color: #77808a; padding: .02rem .04rem; margin-right: .1rem; border-radius: .02rem; } .xq_address_b .xq_b_on { background-color: #f2304a; color: #fff; } .xq_info { width: 3.375rem; margin: auto; font-size: .13rem; } .xq_info .sub_block { height: .375rem; line-height: .375rem; font-weight: bold; border-radius: 3px; background-color: #f2304a; color: #ffffff; text-align: center; font-size: .15rem; margin-top: .1rem; } .xq_info .titlename { height: .3rem; line-height: .3rem; font-size: .16rem; font-weight: bold; color: #434141; margin: 0 0 .3rem 0; } .xq_info .info_name { font-size: .15rem; color: #5d5b5b; height: .24rem; line-height: .24rem; } .xq_info .info_content { font-size: .15rem; padding-left: .825rem; color: #7a7a7a; min-height: .24rem; line-height: .24rem; } .fenge { display: flex; justify-content: space-between; padding: .15rem 0rem; position: relative; font-size: .15rem; } .fenge li { flex-grow: 1; text-align: center; } .fenge .title { font-size: .12rem; color: #ccc; margin-bottom: .1rem; } .fenge .num { color: #f2304a; font-weight: bold; font-size: .18rem; } .fenge::before { content: ''; display: block; width: .01rem; height: .375rem; background-color: #f9f9f9; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .fenge>div { width: 50%; text-align: center; } .info_listblock .lpimg { border-bottom: .05rem; } .xqmap-box .map-cont { min-width: 3.75rem; min-height: 2rem; position: relative; background-color: rgb(229, 227, 223); overflow: hidden; transform: translatez(0px); } .xqmap-box .mapimg { position: absolute; left: 0px; top: 0px; overflow: hidden; width: 100%; height: 100%; z-index: 0; } .xqmap-box .map-txt { height: .77rem; margin-top: .15rem; font-size: .15rem; color: #7a7a7a; text-align: justify; overflow: hidden; } /*楼盘详细页顶部*/ .icon-video { display: inline-block; position: absolute; width: .625rem; height: .625rem; left: 50%; top: 50%; margin-left: -.3125rem; margin-top: -.3125rem; background: url(/uploads/image/smimg/video_ico.png) no-repeat; background-size: 100% 100%; } .icon-vr3 { display: inline-block; position: absolute; width: .25rem; height: .25rem; left: 50%; top: 50%; margin-left: -.125rem; margin-top: -.125rem; background: url(/uploads/image/smimg/vr_ico.png) no-repeat; background-size: 100% 100%; } .icon_footer { width: 100%; height: 20px; line-height: 20px; position: absolute; bottom: 20px; left: 0; text-align: center; z-index: 10; } .icon_footer span { width: 37px; text-align: center; border-radius: .3rem; padding: .03rem .1rem .03rem; height: .2rem; font-size: .12rem; line-height: .2rem; margin-right: .1rem; background: hsla(0, 0%, 100%, .8); color: #676c73; } .icon_footer .span_click { background: #f2304a; color: #fff; } /*楼盘详细页其它楼盘*/ .icon-video3 { width: .25rem; ; height: .25rem; ; left: 50%; top: 50%; margin-left: -.125rem; margin-top: -.125rem; display: inline-block; position: absolute; background: url(/uploads/image/smimg/video_ico.png) no-repeat; background-size: 100% 100%; } i { font-style: normal; } .icon-video-small { width: .165rem; height: .165rem; margin-right: .02rem; display: inline-block; background: url(/uploads/image/smimg/video_ico.png) no-repeat; background-size: 100% 100%; } .icon-vr3-small { width: .165rem; height: .165rem; margin-right: .02rem; display: inline-block; background: url(/uploads/image/smimg/vr_ico.png) no-repeat; background-size: 100% 100%; } /*楼盘列表vr与视频*/ .icon-video-list-small { width: .165rem; height: .165rem; margin-right: .02rem; display: inline-block; background: url(/uploads/image/smimg/video_ico.png) no-repeat; background-size: 100% 100%; } .vrtxt-center { margin: 0 auto; transform: translatex(-50%); margin-top: -.1125rem; height: .225rem; left: 50%; top: 50%; display: inline-block; position: absolute; } /*index页面vr与视频*/ .icon-video-index-zx { width: .225rem; height: .225rem; left: 50%; top: 50%; margin-left: -.1125rem; margin-top: -.1125rem; display: inline-block; position: absolute; background: url(/uploads/image/smimg/video_ico.png) no-repeat; background-size: 100% 100%; } .rentblock .mvrlistbox{ height: 21.3vw; width: 28vw; margin-right: 4vw; display: block; border-radius: 1.3vw; position: absolute; } .vrtxt { position: absolute; left: 8%; top: 70%; } .icon-vr3-list-small { width: .165rem; height: .165rem; margin-right: .02rem; display: inline-block; background: url(/uploads/image/smimg/vr_ico.png) no-repeat; background-size: 100% 100%; } .icon-vr { display: inline-block; position: absolute; width: .625rem; height: .625rem; left: 50%; top: 50%; margin-left: -.3125rem; margin-top: -.3125rem; background: url(/uploads/image/smimg/vr_ico.png) no-repeat; background-size: 100% 100%; } .m-center-box{ position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; z-index: 99; } /*首页新楼盘*/ .icon-video-index-newhouse { width: .225rem; height: .225rem; margin-right: .01rem; display: inline-block; background: url(/uploads/image/smimg/video_ico.png) no-repeat; background-size: 100% 100%; } .icon-vr3-index-newhouse { width: .225rem; height: .225rem; margin-right: .01rem; display: inline-block; background: url(/uploads/image/smimg/vr_ico.png) no-repeat; background-size: 100% 100%; } /* 描述:特价房列表页 */ .detail_block .titfont { font-size: .2rem; } .titfont .f_right .f_r_col { font-size: .1rem; color: #a8a8a8; vertical-align: middle; } .more { width: .14rem; height: .14rem; position: relative; background: no-repeat; background-size: 100% 100%; vertical-align: sub; } .detail_block .salecont { width: 100%; height: auto; } .detail_block .salecont .salecontul { width: 100%; padding: 0; margin: .1rem 0; display: block; font-size: .14rem; list-style-type: none; } .spancol { color: #f2304a; } .spancol2 { color: #5c90d2; } .divcol { color: #cecdcd; font-size: .12rem; } .detail_block .salecont .salecontul li { border-bottom: 1px solid #f7f6f6; min-height: .32rem; margin-top: .08rem; } .detail_block .salecont .salecontul li div { width: 25%; height: auto; float: left; overflow: hidden; display: -webkit-box; color: #999; font-weight: bold; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } /* 描述:楼盘详情页沙盘图 */ .sand-cont { margin: 0 auto .15rem; height: 1.9rem; position: relative; overflow: hidden; } .sand-cont .ld-pic-wrap { position: relative; width: 3.5rem; height: 1.9rem; } .sand-cont .ld-pic-wrap .ld-span-wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .sand-cont .ld-pic-wrap .ld-span-wrap .ld-span { position: absolute; margin: .5rem 1rem; } .sand-cont .ld-pic-wrap .ld-span-wrap .ld-span em { box-sizing: border-box; padding: .01rem .05rem .02rem; color: #fff; font-size: .1rem; border-radius: .05rem; font-style: initial; background-color: #f2304a; } .sand-cont .ld-pic-wrap .ld-span-wrap .ld-span em:after { content: ""; position: absolute; width: 0; height: 0; border: .1rem solid transparent; border-top-color: #f2304a; left: 50%; margin-left: -.1rem; bottom: -.12rem; } /*立即进群样式增加*/ .detail_block_qun { margin-bottom: 4vw; width: 3.35rem; } .detail_block_qun .qun_iscallblock { width: 3.35rem; height: .7rem; padding: .0975rem .19875rem; background: -webkit-gradient(linear, left top, right top, color-stop(30%, #ec6e6a), to(#f2304a)); background: -webkit-linear-gradient(left, #ec6e6a 30%, #f2304a); background: linear-gradient(90deg, #ec6e6a 30%, #f2304a); border-radius: 1.06vw; margin: auto; box-sizing: border-box; } .detail_block_qun .qun_iscallblock .row-left { width: 2rem; height: .5rem; line-height: .25rem; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; } .detail_block_qun .qun_iscallblock .row-left .row-left-text { width: 2rem; display: inline-block; } .detail_block_qun .qun_iscallblock .row-left.row-left-title { font-size: .15rem; height: .3rem; line-height: .3rem; } .detail_block_qun .qun_iscallblock .row-left .row-left-title { color: #ffffff; font-weight: bold; font-size: .15rem; line-height: .27rem; height: .27rem; max-width: 2rem; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; } .detail_block_qun .qun_iscallblock .row-left .row-left-text .head-img-box { width: .65rem; height: auto; float: left; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; } .detail_block_qun .qun_iscallblock .row-left .row-left-text .head-img-box span { width: .2rem; height: .2rem; display: inline-block; line-height: .2rem; margin-right: -.1rem; } .detail_block_qun .qun_iscallblock .row-left .row-left-text .head-img-box span:last-child { width: .2rem; height: .2rem; line-height: .2rem; margin-right: -.1rem; background: #f2304a; color: #ffffff; text-align: center; border-radius: 50%; } .detail_block_qun .qun_iscallblock .row-left .row-left-text .head-img-box span img { width: .2rem; height: .2rem; text-align: center; line-height: .2rem; border-radius: 50%; } .detail_block_qun .qun_iscallblock .row-left .row-left-text .head-txt-box { max-width: 1.2rem; float: left; font-size: .1rem; color: #ffffff; margin-left: .1rem; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; } .detail_block_qun .qun_iscallblock .row-right { height: .5rem; line-height: .5rem; } .detail_block_qun .qun_iscallblock .row-right span { padding: .05rem; background: #ffffff; border-radius: .1rem; color: #f2304a; font-size: .132rem; } /*222222222222*/ .wxqun-box { width: 80vw; height: 84vw; text-align: center; background-color: white; /*position: absolute;*/ z-index: 12; top: 0; bottom: 0; left: 0; right: 0; margin: auto; padding: 1.3vw 3.9vw; border-radius: 1.3vw; } .wxqun-box .title { margin-top: .3rem; height: 8vw; width: 100%; font-weight: bold; position: relative; font-size: .15rem; margin-bottom: .02rem; } .wxqun-box .text_one { font-size: .132rem; color: #666666; margin-bottom: .02rem; } .wxqun-box .ewm-img { height: 1.5rem; text-align: center; } .wxqun-box .ewm-img img { width: 1.5rem; height: 1.5rem; } .wxqun-box .wxq-btn { border: none; width: 1.2rem; background: #f2304a; border-radius: .2rem; color: #ffffff; font-size: .132rem; } .qux-row { max-width: .9rem; height: .265rem; line-height: .265rem; left: .15rem; top: .15rem; z-index: 20; position: absolute; background: rgba(0, 0, 0, 0.5); border-radius: .2rem; } .qux-row-qt { top: .5rem; } .qux-row .qux-row-box { height: .265rem; line-height: .265rem; display: inline-block; margin: 0 auto; position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); } .qux-row .qux-row-box span { float: left; } .qux-row .qux-row-box .qux-row-name { font-size: .132rem; max-width: .65rem; min-width: .2rem; color: #ffffff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: .1rem; } .qux-row .qux-row-box .qux-row-gduo { padding-right: .1rem; width: .26rem; height: .265rem; line-height: .265rem; } .banner-tejiazt { width: 100%; height: .5rem; background: url(/uploads/image/smimg/house-xsgfj.jpg) 0 0 no-repeat; -webkit-background-size: 100% 100%; -moz-background-size: 100%; background-size: 100%; overflow: hidden; } .banner-tejiazt .tejiazt-r-box-time { float: right; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 1.4rem; height: .5rem; border-bottom: .5rem solid #ffffff; border-left: .2rem solid transparent; } .banner-tejiazt .tejiazt-r-box-time .time-txt { color: #ff2813; font-weight: 700; font-size: .12rem; text-align: center; height: .25rem; line-height: .25rem; overflow: hidden; } .banner-tejiazt .tejiazt-r-box-time .count-down-ac { float: right; font-weight: 700; color: #ff2813; height: .25rem; margin: 0 auto; position: absolute; } .banner-tejiazt .tejiazt-r-box-time .count-down-ac span { float: left; text-align: center; font-size: .12rem; width: auto; padding: 0 .02rem; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .banner-tejiazt .tejiazt-r-box-time .count-down-ac span .ext-day { padding: 0 .1rem 0 .0533rem; } .banner-tejiazt .tejiazt-r-box-time .count-down-ac span.ext { width: auto; padding: 0 .025rem; background: 0 0; } .banner-tejiazt .tejiazt-r-box-time .count-down-ac span.bg { color: #fff; background-color: #ff2813; } .mui-slider .mui-slider-group .mui-slider-item .imghei{ height: 1.8rem; } .min-h { height: 2rem !important; } .sale_status0{ background-color: #000000; } .sale_status1, .hx_status1 { background-color: #44b4a6; } .sale_status2, .hx_status2 { background-color: #f2304a; } .sale_status3 { background-color: #ef5647; } .sale_status4 { background-color: #d2a491; } .sale_status5, .hx_status, .hx_status3 { background-color: #b6b6b6; } .tag { display: inline-block; height: 20px; font-size: 12px; color: #fff; text-align: center; line-height: 19px; padding: 0 8px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } /*首页增加买房问问与咨询师*/ a:link { text-decoration: none; } a:active{color: initial;} a { color: #333; } .title_text { position: relative; } .title_text .col-more { padding-right: .05rem; } .title_text .col-more:after { width: .15rem; height: .15rem; display: block; content: ' '; position: absolute; right: 0; top: .075rem; background: ; background-size: .15rem .15rem; background-repeat: no-repeat; } .col-quest-box { background: #f4f4f4; /*box-shadow: 0 .02rem .05rem .0 rgba(157, 156, 156, 0.2); border:.01rem solid #e8e8e8;*/ border-radius: .05rem; padding: .1rem; margin-bottom: .1rem; } .col-quest-box .col-quest-cont { font-size: .15rem; color: rgba(17, 25, 55, 1); font-weight: bold; font-weight: bold; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .col-quest-box .col-quest-user { font-size: .12rem; color: #8f8f94; } .col-quest-box .col-quest-user span { margin-right: .05rem; } .col-quest-zanbtn { display: flow-root; justify-content: space-between; margin-top: .05rem; } .col-quest-zanbtn .col-quest-zan { font-size: .12rem; color: #f2304a; } .col-quest-zanbtn .col-quest-btn { background: #f2304a; border-radius: .05rem; color: #fff; float: right; padding: .02rem .05rem; font-size: .12rem; } .col-quest-wytw { margin-top: .1rem; background: #ffefe5; border-radius: .05rem; color: #f2304a; font-weight: bold; font-size: .15rem; text-align: center; height: .4rem; line-height: .4rem; } .col-quest-wytw .col-bianjisvg { width: .28rem; height: .28rem; vertical-align: middle; margin-right: .03rem; } .col-zxs-box { display: flex; width: inherit; overflow: auto scroll; white-space: nowrap; overflow-x: auto; overflow-y: hidden; } .col-zxs-box li { width: 1.2rem; border: .01rem solid #e8e8e8; padding: .1rem; border-radius: .05rem; margin-right: .05rem; text-align: center; } .col-zxs-box .col-zxs-head {} .col-zxs-box .col-zxs-head img { width: .5rem; height: .5rem; border-radius: 50%; } .col-zxs-box .col-zxs-name { font-size: .132rem; font-weight: bold; color: rgba(17, 25, 55, 1); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; /*margin:.04rem;*/ line-height: inherit; } .col-zxs-box .col-zxs-gxqm { font-size: .1rem; margin-bottom: .05rem; color: #8f8f94; overflow: hidden; height: 0.15rem; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .col-zxs-box .col-zxs-zxbtn { background: #f2304a; border-radius: .05rem; color: #fff; padding: .02rem .05rem; font-size: .12rem; } .im_list img { width: 5vw; height: 5vw; border-radius: 50%; overflow: hidden; } .rent_two .red-num { width: .05rem; color: #f2304a; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .xuequlist img { width: .75rem; height: .75rem; border-radius: 50%; } .loading { margin-bottom: 70px; font-size: .132rem; color: #ccc; text-align: center; } /*首页添加预售证查询、学区房查询、土拍查询、楼盘榜单板块样式*/ .mod-menuselect li { position: relative; width: 49%; float: left; line-height: .2rem; margin-bottom: .0725rem; } .mod-menuselect li:nth-child(2n) { float: right } .mod-menuselect li .mod-box { border-radius: .05rem; display: block; padding: .15rem .1rem; font-size: .15rem; } .mod-menuselect li .mod-box img { position: absolute; display: block; width: .4rem; height: .4rem; bottom: 0; right: .05rem; top: .15rem } .mod-menuselect li:nth-child(1) .mod-box { background-image: linear-gradient(130deg, rgba(219, 241, 233, .8) 0, rgba(239, 244, 244, .1) 100%) } .mod-menuselect li:nth-child(2) .mod-box { background-image: linear-gradient(130deg, rgba(251, 230, 217, .8) 0, rgba(245, 236, 232, .1) 100%) } .mod-menuselect li:nth-child(3) .mod-box { background-image: linear-gradient(130deg, rgb(211, 238, 250) 0, rgba(249, 232, 233, .1) 100%) } .mod-menuselect li:nth-child(4) .mod-box { background-image: linear-gradient(130deg, rgba(251, 226, 228, .8) 0, rgba(249, 232, 233, .1) 100%) } .mod-menuselect li .mod-title { font-size: .16rem; font-weight: bold; color: #333 } .mod-menuselect li .mod-txt { font-size: .1rem; color: #666 } .m-menuselt{ display: flex; justify-content: space-between; } .m-menuselt .menu-item,.menu-item-right .menu-item2 .menu-item{ width:1.09167rem; border-radius: .05rem; position: relative; border:.01rem solid #f6f5f5; } .itempadd{ padding: .15rem .1rem; } .m-menuselt .menu-item .menu-tit,.menu-item3 .menu-tit{ font-size: .15rem; font-weight: bold; color: #333; } .m-menuselt .menu-item .menu-txt,.menu-item3 .menu-txt{ font-size: .1rem; color: #666; } .menu-item-right{ width:2.233rem; } .menu-item-right .menu-item2{ display:flex; justify-content: space-between; } .menu-item-right .menu-item3{ border-radius: .05rem; margin-top: .1rem; position: relative; border:.01rem solid #f6f5f5; } /*.m-menuselt .img1{ background-image: linear-gradient(130deg, rgba(251, 226, 228, .8) 0, rgba(249, 232, 233, .1) 100%); }*/ .m-menuselt .img1:after{ position: absolute; display: block; content: " "; width: 1.0583rem; height: .8rem; bottom: 0; background: url(/uploads/image/smimg/main-img1.png) no-repeat; background-size: 100% 100%; z-index: -1; } /*.menu-item-right .menu-item2 .img3{ background-image: linear-gradient(130deg, rgba(251, 226, 228, .8) 0, rgba(249, 232, 233, .1) 100%); }*/ .menu-item-right .menu-item2 .img3:after{ position: absolute; display: block; content: " "; width: .45rem; height: .35rem; bottom: 0; right: 0; background: url(/uploads/image/smimg/main-img3.png) no-repeat; background-size: 100% 100%; z-index: -1; } /*.menu-item-right .menu-item2 .img4{ background-image: linear-gradient(130deg, rgba(251, 226, 228, .8) 0, rgba(249, 232, 233, .1) 100%); }*/ .menu-item-right .menu-item2 .img4:after{ position: absolute; display: block; content: " "; width: .45rem; height: .35rem; bottom: 0; right: 0; background: url(/uploads/image/smimg/main-img4.png) no-repeat; background-size: 100% 100%; z-index: -1; } /*.menu-item-right .img2{ background-image: linear-gradient(130deg, rgba(251, 226, 228, .8) 0, rgba(249, 232, 233, .1) 100%); }*/ .menu-item-right .img2:after{ position: absolute; display: block; content: " "; width: 1.0583rem; height: .6rem; bottom: 0; right: 0; background: url(/uploads/image/smimg/main-img2.png) no-repeat; background-size: 100% 100%; z-index: -1; } /*直播begin*/ .mzb-bott10 { padding-bottom: .15rem; border-bottom: .01rem solid #e8e8e8; } .mzb_content { display: flex; justify-content: space-around; margin: .2rem 0rem 0rem; background: #ffefe5; padding: 0rem .1rem 0rem 0rem; height: .6rem; border-radius: .04rem; } .mzb_content .mzb_img { width: .8rem; height: .6rem; margin-right: .1rem; } .mzb_content .mzb_box { width: 2.425rem; height: .6rem; line-height: .24rem; padding-top: .05rem; } .mzb_content .mzb_img img { width: 100%; height: 100%; } .mzb_content .mzb_box .mzb_title { font-size: .15rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .mzb_content .mzb_box .mzb_box-txt { font-size: .12rem; } .mzb_content .mzb_box .mzb_box-txt .mzb_yg { background: #f2304a; color: #fff; padding: .02rem .04rem; border-radius: .02rem; margin-right: .05rem; letter-spacing: .01rem; } .mzb_content .mzb_box .mzb_box-txt .mzb_more { float: right; } .mzbz-box { width: 3.75rem; height: .45rem; display: flex; justify-content: space-around; background: url(/uploads/image/smimg/zzzbg.jpg) no-repeat; background-size: 100% 100%; padding: .05rem .1rem; align-items: center; } .mzbz-box .mzbz-padd { padding: 0rem 2rem; } .mzbz-box .mzbz-img { width: .35rem; height: .35rem; } .mzbz-box .mzbz-img img { width: 100%; height: 100%; } .mzbz-box .mzbz_box-txt { width: 2rem; text-align: left; } .mzbz-box .mzbz_box-txt .mzbz_title { color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .mzbz-box .mzbz_box-txt .mzbz_time { font-size: .12rem; color: #fff; } .mzbz-box .mzbz-s .mzbz_btn { background: #f2304a; color: #fff; border-radius: .1rem; padding: .02rem .1rem; font-size: .12rem; } /*直播end*/ .lp-house-info li { position: relative; padding-left: 0.8rem; color: #3b4144; font-size: .15rem; line-height: .25rem; margin-bottom: 0.05rem; } .lp-house-info li .stit { min-width: 0.5rem; padding-right: 0.1rem; position: absolute; top: 0; left: 0; text-align: justify; } .detail_block .lp-house-info li.lp-house-li .stit { color: #9d9d9d; } .lp-house-info li .txt .price { color: #f2304a; font-size: .16rem; font-weight: bold; } .lp-house-info li .txt.side-link a, .detail_block .lp_info a { color: #5c90d2; padding-left: 0.05rem; font-size: .13rem; } .housedetail_one .house-head .attention { margin-top: .11rem; float: right; } .housedetail_one .house-head .house-name { margin-top: 0.1rem; color: #3b4144; font-size: .26rem; /*max-width: 1.45rem;*/ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; float: left; } .wenda-box { width: 0.42rem; height: 0.42rem; position: fixed; bottom: 1.7rem; right: .15rem; z-index: 100; } .wenda-box .wenda-icon { width: 0.42rem; height: 0.42rem; line-height: 0.42rem; position: absolute; top: 0; right: 0; background: #f4304a; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15); border-radius: 50%; font-size: 12px; color: #ffffff; text-align: center; } .zxs-box{ max-width: .8rem; position: fixed; bottom: 1.7rem; left: .15rem; z-index: 9; } .zxs-box img{ width: .624rem; height: .624rem; border-radius: 50%; } .zxs-box .zxstxt{ background: #f2304a; padding: .01rem .05rem; font-size: .1rem; color: #fff; border-radius: .1rem; margin-top: -.1rem; position: fixed; } .housedetail_one .lp-house-info { margin-top: 0.1rem; } /*.payment{*/ /*margin-top: 0.1rem;*/ /*}*/ .payment .item { width: 53%; float: left; } .payment .item:last-child { width: 47%; } .payment .item .num { /*margin-top: 0.08rem;*/ font-size: 0.28rem; color: #333333; height: 0.26rem; line-height: 0.26rem; font-weight: bold; } .payment .item .name { font-size: 0.14rem; color: #999999; line-height: 0.34rem; margin-bottom: 0px; } .payment .item .unit { font-weight: normal; font-size: 0.18rem; margin-left: 0.06rem; } .detail_block .tips { padding: 0.05rem; margin-top: .3rem; background: #f8f8f8; border-radius: 6px; font-size: 0.1rem; color: #999999; line-height: 0.2rem; } .chart_box{ height: 2.1rem; } .chart_box .hx{ background: #f7f6f6; } .chart_box .chartrow{ display: flex; align-items: center; } .chart_box .chartrow .charttxtbox{ min-width: 1.2rem; } .chartrow .charttxtbox .pri{ margin-left: .02rem; } .chart_box .yuegong{ font-size: .132rem; color:#f4304a; } .chart_box .piechart{ width: 2.7rem; height: 1.8rem; } .fd_price li{ font-size: .132rem; display: flex; align-items: center; } .fd_price .blok{ border-radius: .03rem; width: .25rem; height: .15rem; margin-right: .03rem; } .blokcol-sf{ background: #f2304a; } .blokcol-dk{ background: #44b4a6; } .blokcol-lx{ background: #5c90d2; } .detail_block .tips p { font-size: 10px; margin-top: 0; margin-bottom: 1px; color: #999999; } #loading { /*margin-bottom: 70px;*/ margin-top: 20px; font-size: .132rem; color: #ccc; text-align: center; } /*小区增加样式*/ .xq-tao-content { width: 3.375rem; line-height: .2625rem; } .xq-tao { margin: .15rem 0rem; display: flex; justify-content: space-around; font-size: .132rem; text-align: center; } .xq-tao .tao { color: #9d9d9d; } .xq-tao .tao-num { color: #9d9d9d; } .xq-tao .tao-num span { font-size: .2rem; font-weight: bold; color: #666; } .xq-tao .tao-num .djspan { color: #f2304a; } .xq-jgzsbtn { background: #ffefe5; color: #f2304a; text-align: center; border-radius: .04rem; margin: .15rem 0; font-size: .15rem; height: .4rem; line-height: .4rem; font-weight: bold; } .jgzs-classification-1 { padding-left: .2rem; margin-right: .2rem; } .jgzs-classification-1 .spot-q:after { position: absolute; background-image: ; content: ' '; display: block; background-size: .12rem .12rem; width: .12rem; height: .12rem; top: .04rem; bottom: 0; margin: auto; } .jgzs-classification-2 { padding-left: .1rem; } .jgzs-classification-2 .spot-p:after { position: absolute; background-image: url(/uploads/image/smimg/xzbtn-2.svg); content: ' '; display: block; background-size: .12rem .12rem; width: .12rem; height: .12rem; top: .04rem; bottom: 0; margin: auto; margin-left: .7rem; } .xqinforight { float: right; width: 50%; display: flex; height: auto !important; } .three .pricecol { font-size: .12rem; color: #999; font-weight: 100; } .xqgmgl { width: 3.35rem; display: inline-flex; justify-content: space-between; text-align: center; } .xqgmgl li { line-height: .25rem; } .xqgmgl li .xqgmgl-img { margin: 0 auto; width: .5rem; height: auto; margin-bottom: .05rem; } .xqgmgl li .xqgmgl-title { font-size: .15rem; font-weight: 700; } .xqgmgl li .xqgmgl-txt { font-size: .132rem; color: #999; margin-bottom: .05rem; } /*首页弹窗层样式*/ .sytc-box { width: 3.75rem; height: 100vh; background-color: rgba(0, 0, 0, 0.5); position: fixed; top: 0; z-index: 121; display: grid; place-items: center; } .sytc-row { width: 3.2rem; background-color: #fff; border-radius: .05rem; box-sizing: border-box; letter-spacing: .01rem; /*margin: 35% auto;*/ position: relative; } .sytc-row .cyclose{ position: absolute; top: .05rem; right: .2rem; font-size: .19rem; transform: scale(1.5, 1.5); width: .15rem; height: .15rem; color: #fff; font-weight: bold; } .sytc-row .sytc-col1 { line-height: .2rem; padding: .25rem .2rem; max-width: 3.2rem; background: #f2304a; text-align: center; font-size: .132rem; color: #ffffff; border-radius: .05rem .05rem 0 0; } .sytc-row .sytc-col1 .col1-title { max-width: 2.8rem; font-size: .18rem; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sytc-row .sytc-col1 .sytctop img{ width: .5rem; height: .5rem; border-radius: 50%; margin-bottom: .1rem; } .sytc-row .sytc-col1 .sytctop{ position: relative; } .sytc-row .sytc-col1 .sytctop .sytccolse{ transform: scale(1.5, 1.5); border-radius: 50%; background: #fff; width: .125rem; height: .125rem; font-size: .15rem; line-height: .125rem; color: #f2304a; float: right; } .sytc-row .sytc-col1 .col1-txt { max-width: 2.8rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sytc-row .sytc-col2 { margin: 0 auto; padding: .2rem; list-style: none; text-align: center; } .sytc-row .sytc-col2 li { font-size: .132rem; color: #666; display: inline-flex; margin-bottom: .2rem; } .sytc-row .sytc-col2 li:last-child { margin-bottom: 0rem; } .sytc-row .sytc-col2 li .col2-img { width: .4rem; height: .4rem; } .sytc-row .sytc-col2 li .col2-cont { margin-left: .15rem; text-align: left; line-height: .22rem; } .sytc-row .sytc-col2 li .col2-cont .col2-cont-title { font-size: .15rem; font-weight: bold; color: #333; } .sytc-row .sytcpddbtn{ padding: .2rem; } .sytc-row .sytcpddbtn .sytcbtn{ font-size: .15rem; color: #fff;\n padding: .1rem auto; text-align: center; line-height: .45rem; background: #f2304a; -webkit-border-radius: .05rem; -moz-border-radius: .05rem; border-radius: .05rem; } .sytc-row .sytc-col3 { padding: .2rem; display: flex; justify-content: space-between; } .sytc-row .sytc-col3 .col3-btn { font-size: .15rem; color: #fff; width: 1.3rem; height: .45rem; text-align: center; line-height: .45rem; background: #f2304a; -webkit-border-radius: .05rem; -moz-border-radius: .05rem; border-radius: .05rem; } .sytc-row .sytc-wtzf-col3 { padding: .2rem; display: flex; justify-content: space-between; } .sytc-row .sytc-wtzf-col3 .col3-btn { font-size: .15rem; color: #fff; width: 3.3rem; height: .45rem; text-align: center; line-height: .45rem; background: #f2304a; -webkit-border-radius: .05rem; -moz-border-radius: .05rem; border-radius: .05rem; } body .sytc .layui-layer-close2{ right: -18px; top: -17px; } body .sytc{ border-radius: 10px; } body .sytc .layui-layer-close2{ right: -18px; top: -17px; } .sytc-row .sytc-col3 .btnbg { background: #eee9e9; } /*登录弹窗*/ i.collect{ font-size: .18rem; color: #999; } i.collect1{ font-size: .18rem; color: #f2304a; } i.fenxiang{ background-image: url(/uploads/image/sminews/fenxiang.png); background-size: .2rem .2rem; width: 0.2rem; height: 0.2rem; display: block; margin: auto; } .foot_menue .foottxt{ text-align: center; } .foot_menue .foottxt2{ font-size: .132rem; color:#ccc; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .foot_contact{ text-align: center; background: #f8f8f8; font-size: .13rem; color: #c8c9c9; padding: .25rem .2rem .1rem; text-align: justify; } .min_body{ min-height: 100vh; display: grid; grid-template-rows: 1fr auto; } .bottom_menue{ margin-bottom: .6rem; } .hsblock{ width: 90vw; min-height: 21.3vw; } .hsblock .dynamic{ position: absolute; top: 0; left: 0; background: #f2304a; border-radius: 0 0 .15rem 0; font-size: .12rem; color: #fff; padding:.01rem .08rem; } .hsranking{ margin-top: .05rem; font-size: .12rem; color: #8a8a8a; display: inline-flex; line-height: .15rem; } .hsranking:before,.hrsbill:before{ width: .15rem; height: .15rem; display: block; margin-right: .02rem; content: " "; background-image:url(/uploads/image/smimg/bang.svg); background-size: 100% 100%; } .hslisttips{ margin-top: .1rem; padding:.03rem .1rem; background-color: #f5f4f9; font-size: .12rem; color: #808080; border-radius: .02rem; } .hrsbill{ line-height: .15rem; width: 3.375rem; display: inline-flex; padding-top: .1rem; margin-top: .1rem; font-size: .15rem; color: #8f8f8f; } .icon-sjt{ font-size:.15rem; } .in_name .mglf0{ margin-left: 0 !important; color: #666; } .index_wd_text{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .layui-layer-page.qptc{ border-radius: 20px; } .qptc .layui-layer-setwin .layui-layer-close { right: 1.25rem; top: 4rem; } .houselstline:before{ background-color:inherit; } /*分享弹窗层统一样式begin*/ .shareface,.sharetips{ width: 100vw; height: 100vh; background-color: rgba(0,0,0,0.5); position: fixed; z-index: 101; text-align: center; top: 0; } .mgtop44{ top: .44rem; } .srefpdd{ padding-top: .05rem; } .sbjcolse{ display: inline-flex; line-height: .5rem; color: #fff; width: 3.15rem; position: relative; } .sbjcolse .colsetxt{ font-size: .15rem; margin: 0 auto; } .sbjcolse .colsebtn{ font-size: .3rem; position: absolute; right: 0; } .shareface .sharecont,.shareface .brgincont{ background: #fff; border-radius: .1rem .1rem 0rem 0rem; bottom: 0; position: fixed; width:100%; height:auto; margin:0 auto; z-index: 9999; padding-top: .2rem; } .brgincont .brginclose{ transform: scale(2, 2); position: absolute; right: .15rem; top: .1rem; line-height: .2rem; width: .3rem; text-align: right; float: right; margin-right: .15rem; color: #666; } .brgincont .brgintit{ font-size: .2rem; font-weight: bold; padding-bottom: .1rem; } .brgincont .brginpdd{ padding: .2rem; color: #333; } .brgincont .brgintxt{ font-size: .132rem; color: #999; padding:0rem 0rem .15rem; } .brgincont .brgindj{ border-radius: .05rem; background: #edebeb26; padding: .1rem; margin-bottom: .15rem; } .brgincont .brginipt{ height: .4rem; border:.01rem solid #edebed; line-height: .4rem; box-sizing: border-box; overflow: hidden; opacity: .92; font-size: .132rem; padding-left: 5%; border-radius: .05rem; } .brgincont .brginbtn{ height: .4rem; line-height: .4rem; background: #f2304a; color: #ffffff; font-weight: bold; border-radius: .05rem; } .shareface .sharecont .sharetit{ color: #666; font-size: .12rem; } .shareface .sharecont .sharetit:after,.shareface .sharecont .sharetit:before{ content: " "; position: absolute; width: .5rem; height: .01rem; background-color: #e5e3e3; margin-top: .1rem; display: block; } .shareface .sharecont .sharetit:before{ margin-top: .1rem; left:1.1rem; } .shareface .sharecont .sharetit:after{ margin-top: -.1rem; right:1.1rem; } .shareface .sharecont .sharecol{ padding: .2rem; display: flex; justify-content: space-around; text-align: center; } .shareface .sharecont .sharecol img{ width: .5rem; height: .5rem; border-radius: 50%; } .shareface .sharecont .sharecol .sharetxt{ margin-top: .1rem; font-size: .12rem; color: #666; } .mg10{ background: #f7f6f6; height: .05rem; } .shareface .sharecont .canl{ font-size: .15rem; padding: .2rem 0rem; color: #333; text-align: center; } .sharetips .sharetps-img{ margin-right: .2rem; float: right; /*margin-top: .3rem;*/ text-align: right; } .sharetips .sharetps-img img{ width: .4rem; height: auto; } .sharetips .sharetps-txt{ font-size: .12rem; color: #fff; } .show_hb .bill-colsebtn{ font-size: .6rem; float: right; color: #c31016; margin-right: .1rem; } .show_hb .bill-txt{ margin: 0 auto; font-size: 0.2rem; color: #ffffff; margin-left: .5rem; } #qrcode{ width: 75px; } #qrcode img,#qrcode canvas{ width: 100%; } /*分享弹窗1、2、3-begin*/ .sharecontent{ background: #fff; font-size: .15rem; margin: 0 .2rem .2rem; } .sharepadd{ padding: .2rem; } .sharepadd2{ padding: .3rem .2rem; } .sharelouprow3{ padding: .2rem 0rem; border-bottom: .01rem dashed #e8e8e8; } .shareimg20{ margin-top: .2rem; } .shareperspad5{ padding-top: .3rem; border-top: .01rem dashed #c6893a; } .sharecontent .sharepic{ width: 3.35rem; height: 4.3rem; position: relative; } .share-mgb20{ margin-bottom: .2rem; } .sharepers-mgb20{ margin-bottom: .3rem; } .sharecontent .sharepic2{ width: 2.95rem; height: 3.3rem; position: relative; } .sharecontent .sharepic3{ width: 100%; height: 2.65rem; position: relative; } .sharecontent .sharepic2 img,.sharecontent .sharepic3 img{ border-radius: .1rem; } .sharecontent .sharelouprow{ text-align: left; } .sharecontent .sharelouprow .loupname { font-size: .2rem; margin-bottom: .05rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sharecontent .sharelouprow .loupadd { font-size: .132rem; color: #666; } .sharecontent .sharelouprow .loupadd span{ margin-left: .1rem; } .sharelouprow .shareloupul{ display: flex; justify-content: space-between; margin-top: .1rem; } .sharelouprow .shareloupul li{ font-size: .15rem; line-height: .25rem; } .sharelouprow .shareloupul .cl-txt{ font-size: .132rem; color: #666; } .sharelouprow .shareloupul .cl-num{ font-weight: bold; color: #f2304a; } .sharecontent .sharepic .sre-housbox{ position: absolute; margin:2rem .2rem .2rem; background:linear-gradient(130deg, #f2304a 0, #f16433f7 100%) ; padding: .1rem; color: #fff; } .sharecontent .sharepic .sre-housbox .housprice{ font-size: .18rem; font-weight: bold; } .sharecontent .sharerow{ font-size: .15rem; display: flex; justify-content: space-between; } .sharecontent .sharerow .share-col-l{ text-align: left; } .sre-mgbom{ margin-bottom: 0; } .col{ color: #efd7a9; } .sharecontent .sharerow .share-col-l .mgbtm-div{ margin-bottom: .05rem; } .sharecontent .sharerow .share-col-l .sre-tit{ display: inline-flex; line-height: .2rem; } .sharecontent .sharerow .share-col-l .sre-tit div{ max-width: 1rem; font-size: .15rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sharecontent .sharerow .share-col-l .sre-tit .srename{ font-size: .15rem; font-weight: bold; max-width: .75rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sharecontent .sharerow .share-col-l .sremore{ font-size: .132rem; } .sharecontent .sharerow .share-col-l .sremore .ico-sre{ vertical-align: middle; } .sharecontent .sharerow .share-col-l .srename span{ font-size: .132rem; font-weight:initial; margin-left: .05rem; } .sharecontent .sharerow .share-col-l .srebold{ background: linear-gradient(130deg, #f2304a 0, #f16433f7 100%); padding: .03rem .1rem; border-radius: .05rem; color: #fff; font-size: .15rem; font-weight: bold; width:max-content; } .sharecontent .sharerow .share-col-r{ width: 1rem; height: 1rem; } /*二手房分享海报追加样式*/ .sharelouprow4{ border-radius: .1rem; position: relative; padding: .3rem .2rem; background: #fff; z-index: 11; margin-top: -0.5rem; box-shadow: 6px 6px 1px 0 #e3e2e2; -webkit-box-shadow:6px 6px 1px 0 #e3e2e2; } .loupname-padd10{ padding-bottom: .1rem; } .sharelouprow .shareloupul-line{ padding-top: .1rem; border-top:.01rem dashed #e8e8e8; } .share-line{ padding-top: .2rem; border-top:.01rem dashed #e8e8e8; } .sharecontent .sharelouprow .louptxt{ font-size: .132rem; color: #666; } .sharecontenterp{ background:linear-gradient(130deg, #fb6106 0, #f2304a 100%); } /*资讯分享海报追加样式*/ .sharecontent .sharelouprow .loupname-news{ width: 100%; font-size: .2rem; line-height: initial; position: relative; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .sharecontent .sharepic-news{ width: 100%; height: 2.6rem; position: relative; } .sharecontent .sharepic-news-shadow{ border-radius: .1rem; box-shadow: 6px 6px 1px 0 #e3e2e2; -webkit-box-shadow: 6px 6px 1px 0 #e3e2e2; } .sharecontent .sharepic-news img{ border-radius: .1rem; } /*个人网店分享海报追加样式*/ .shareperscontent{ background: #040927; font-size: .15rem; margin: 0 .2rem .2rem; } .shareperscontent2{ background: #10173c; font-size: .15rem; } .shareperscontent .sharepersrow-tit{ line-height: .4rem; text-align: left; padding: .4rem 0rem; } .shareperscontent .sharepersrow-tit .col-tit{ font-size: .3rem; font-weight: bold; position: relative; color: #efd7a9; background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#deb273)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .shareperscontent .sharepersrow{ background: linear-gradient(118deg, #fbf2e6 30%, #f5daba); border-radius: .1rem; } .shareperscontent .sharepersrow2{ background:#fff; border-radius: .1rem; } .shareperscontent .sharepersrow .persrowcol{ display: flex; justify-content: space-between; } .shareperscontent .sharepersrow .persrowcol .persimg-col{ width: .6rem; height: .6rem; } .persrowpadd{ padding: .2rem; } .shareperscontent .sharepersrow .persrowcol .pers-col .pers-col-name{ text-align: left; font-size: .265rem; font-weight: bold; } .shareperscontent .sharepersrow .persrowcol .pers-col .pers-col-tel{ margin-top: .1rem; } .shareperscontent .sharepersrow .persrowcol .persimg-col img{ border-radius: 50%; } .shareperscontent .sharepersrow .perstxt{ font-size: .15rem; text-align: left; } .sharecontent .sharerow .share-col-l .sre-tit .srepersname{ max-width: 1.4rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sharepers-mg0{ margin: 0; } /*分享弹窗1、2、3-end*/ /*分享弹窗层统一样式end*/ /*统一评论样式*/ .frdcomtrow .comtreplycont { background: #f3f7fa; padding: .1rem; font-size: .132rem; border-radius: .05rem; } .commentbg{ height:.094rem; background-color: #f7f6f6; } .frdpd2 { padding: 0rem .2rem .2rem; } .frdcontainer { max-width: 3.75rem; margin: auto; font-size: .15rem; background: #fff; clear: both; overflow: hidden; color: #333; border-bottom: .01rem solid #f2f2f2; } .frdcomtrow .comtreply { font-size: .132rem; text-align: right; justify-content: space-between; color: #333; } .frdmg { margin-top: .1rem; } .frdcomtrow .comtreplycont li{ padding: .02rem 0rem; text-align: justify; border-bottom: 1px solid #ddd; } .comtreplydate{ text-align: right; } .frdcomtrow .comtreplycont .contname{ min-width: .5rem; color: #999; } .contname .hf_user{ color: #0c88e8; } .zan.ajax-action{ color: #666; } /*统一评论样式end*/ .hxxing_block_one{ margin: .075rem 0 .15rem 0; font-size: .15rem; height: .4rem; line-height: .4rem; width: inherit; background: #ffefe5; border-radius: 1.06vw; font-weight: bold; color: #f2304a; text-align: center; position: relative; } .dt-zbpt{ line-height:inherit; margin:.1rem 0rem; overflow-x: scroll; white-space: nowrap; } .map_search_title{ color: #999; font-weight: bold; font-size: 0.15rem; margin-right: .2rem; } .map_search_title.on{ color: #f4304a; } .name h4{ font-size:.132rem; font-weight: bold; color: #fff; line-height: initial; } .additemul{ margin: .1rem 0rem; height: .8rem; overflow-y: scroll; white-space: nowrap; } .additemul li{ display: flex; justify-content: space-between; line-height: inherit; } .additemul li .addname{ max-width: 2.5rem; font-size: .14rem; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .additemul li .addname .addnum{ font-size: .13rem; color: #999; } .additemul li .adddistance{ font-size: .13rem; color: #999; } .additemul li .adddistance i{ font-size: .13rem; font-weight: bold; }