@font-face { font-family: din; src: } .ellipsis{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .maxline2{word-break: break-all;width: 100%;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;} /* 新房列表 */ .pages-list .list-choose{ margin-top:20px; } .pages-list .list-choose .tab{padding-bottom: 20px;} .pages-list .list-choose .tab a{ line-height:36px; padding:8px 20px;font-size: 18px;color: #333333; } .pages-list .list-choose .tab a:hover{ background: linear-gradient(123deg, #1cd3a9 0%, #01cc68 98%);color: #fff;border-radius: 8px; position:relative;} .pages-list .list-choose .tab a.active{ background: linear-gradient(123deg, #1cd3a9 0%, #01cc68 98%);color: #fff;border-radius: 8px; position:relative; } .pages-list .list-choose .tab a.active:after{ content: '';position: absolute;width: 0px;height: 0px;border-left: transparent 6px solid;border-right: transparent 6px solid;border-top: #1cd3a9 6px solid;left: 0; right: 0;top: 36px; margin: 0 auto; } .pages-list .list-choose .choose{ padding:15px 0 20px;background: rgba(239,239,239,0.4);border-radius: 8px;} .pages-list .list-choose .item{ overflow:hidden;display: flex; } .pages-list .list-choose .close .item:nth-child(n 5){display: none;} .pages-list .list-choose .item-more{ overflow:visible; } .pages-list .list-choose .item-more:after{ content:''; display:block; clear:both; } .pages-list .list-choose .tit{ line-height:50px; width:70px;color:#333; font-weight: bold; text-align: center; margin-right: 10px;} .pages-list .list-choose .txt{ flex: 1;} .pages-list .list-choose .item-more .txt{ display: flex; } .pages-list .list-choose .options{ display: flex; flex-wrap: wrap;} .pages-list .list-choose .options a{ line-height: 50px; color:#333; margin-right:20px; } .pages-list .list-choose .options a:hover,.pages-list .list-choose .options a.active{ color:#31ce90;font-weight: bold; } .pages-list .list-choose .options a.active{ position:relative; } .pages-list .list-choose .options a.active:before.pages-list .list-choose .options span{ float:left; line-height:32px; color:#999; } .pages-list .list-choose .child{ padding:5px 20px 5px 0; margin:6px 20px 10px 0; overflow:hidden; } .pages-list .list-choose .child a{ float:left; line-height:30px; margin-right:20px; font-size:12px; } .pages-list .list-choose .child a:hover,.pages-list .list-choose .child a.active{ color:#31ce90; } .pages-list .list-choose .child a:hover .iconfont, .pages-list .list-choose .child a.active .iconfont{color: #31ce90;} .pages-list .list-choose .child i{ float:left; line-height:30px; color:#31ce90; margin-right:20px; } .pages-list .list-choose .sel{ height:22px; margin: 14px 20px 0 0; } .pages-list .list-choose .vr{ line-height: 50px;display: inline-block;cursor: pointer; color: #333333;} .pages-list .list-choose .vr input{vertical-align: middle;} .pages-list .list-choose .sel dt{ font-size:12px; color:#333; line-height:20px; border:#cdcdcd 1px solid; border-radius:2px; padding:0 20px 0 8px; cursor:pointer; position:relative; } .pages-list .list-choose .sel dt:after{ content:''; position:absolute; width:0; height:0; border-left:transparent 4px solid; border-right:transparent 4px solid; border-top:#999 6px solid; margin:auto; top:0; bottom:0; right:8px; } .pages-list .list-choose .sel dd{ border:#cdcdcd 1px solid; border-top:none; position:relative; z-index:2; background:#fff; display:none; } .pages-list .list-choose .sel:hover dd{ display:block; } .pages-list .list-choose .sel a{ display:block; line-height:24px; font-size:12px; text-indent:8px; } .pages-list .list-choose .sel a:hover{ color:#31ce90; } .pages-list .list-choose .result{ text-align: center; margin: 0 auto; position: relative; line-height: 16px;box-sizing: border-box;} .pages-list .list-choose .result:before{ content: ""; position: absolute; width: 80px; height: 1px; background: #d8d8d8; left: -160px; margin: 0 auto;display: block; right: 0; top: 8px;} .pages-list .list-choose .result:after{content: ""; position: absolute; width: 80px; height: 1px; background: #d8d8d8;left: 0; right: -160px; display: block; margin: 0 auto; bottom: 8px;} .pages-list .list-choose .result .remove{position: absolute; color: #333333; right: 26px;font-size: 12px;border-bottom: 1px solid #333333;} .pages-list .list-choose .result .open,.pages-list .list-choose .result .close{font-size: 12px; cursor: pointer; color: #9c9ea1;} .pages-list .list-choose .result .open .iconfont,.pages-list .list-choose .result .close .iconfont{font-size: 12px; color: #9c9ea1;} .pages-list .main{ padding:40px 0 20px; } .pages-list .main:after{content:"";display: block;clear: both;} .pages-list .main .left{ float:left; width:820px; } .pages-list .main .right{ float:left; width:300px; margin-left: 60px; } .pages-list .main .choose{ border-bottom:#d8d8d8 1px solid; } .pages-list .main .choose:after{ content:''; display:block; clear:both; } .pages-list .main .tab{ float:left; } .pages-list .main .tab a{ float:left; font-size: 16px; line-height:40px; color:#333; margin-right: 40px;} .pages-list .main .tab .num{color: #ff0000; font-weight: bold;} .pages-list .main .tab a:hover{ color:#30a15d; } .pages-list .main .tab a.active{ color:#333333; font-weight: bold; position:relative; } .pages-list .main .tab a.active:after{ content:''; position:absolute; width:100%; height:4px; background:#31ce90; left:0; bottom:-2px; border-radius: 4px;} .pages-list .main .turn{ float:right; padding:10px 0; } .pages-list .main .turn a{ float:left; line-height:20px; color:#333; margin-left:15px; font-size:12px; } .pages-list .main .turn a:hover{ color:#30a15d; } .pages-list .main .turn span{ float:left; line-height:20px; color:#333; margin-left:15px; font-size:12px; } .pages-list .main .sort{ float:right; padding:10px 0; } .pages-list .main .sort a{ float:left; line-height:20px; font-size:12px; margin-left:25px; padding-right:20px; position:relative; } .pages-list .main .sort a:after{ content:'\e69c'; position:absolute; width:17px; height:12px; margin:0; top:0; bottom:0; right:0; font-family: 'iconfont';font-size: 12px;color:#999;} .pages-list .main .sort a.up,.pages-list .main .sort a.down{ padding-right:12px; } .pages-list .main .sort a.up:after{ width:6px; background-position:0 -80px; } .pages-list .main .sort a.down:after{ width:6px; background-position:-10px -80px; } .pages-list .main .sort a.normal{ padding:0; } .pages-list .main .sort a.normal:after{ content:none; } .pages-list .main .sort a:hover,.pages-list .main .sort a.active{ color:#31ce90; } .pages-list .list-house{ } .pages-list .list-house li{ padding: 35px 0; overflow:hidden; border-bottom: #ededed 1px solid; } .pages-list .list-house li:last-child{border: 0;} .pages-list .list-house .img{ float:left; width:230px; height:164px; position:relative; } .pages-list .list-house .img .opts{position: absolute;display: flex;bottom: 13px;left: 11px;} .pages-list .list-house .img .vrdiv, .pages-list .list-house .img .videodiv{width: 24px;height: 24px;background: rgba(0, 0, 0, 0.34);display: inline-block;border-radius: 50%; margin-right: 6px;} .pages-list .list-house .img span{width: 24px;height: 24px;display: inline-block; margin-top: 2px;} .pages-list .list-house .img img{ width:100%; height:100%; object-fit:cover;border-radius: 8px; } .pages-list .list-house .img .vrimg::before{ content: '\e779';font-family: 'iconfont';color: #fff;font-size: 20px; margin-left: 2px; } .pages-list .list-house .img .videoimg::before{content:'\e77a';font-family: 'iconfont';color:#fff;font-size: 20px; margin-left: 2px; } .pages-list .list-house .img object{display: block;position: absolute;top: 5px;right: 10px;overflow: hidden;width: 36px;height: 36px;} .pages-list .list-house .img .followbox{position: absolute;width: 36px; height: 36px;background: #999;border-radius: 50%;text-align: center;line-height: 38px;} .pages-list .list-house .img .followbox::before{content:'\e651';font-size: 18px;font-family: 'iconfont';color: #fff;display: block;} .pages-list .list-house .img .followed{background:#ff0904;} .pages-list .list-house .text{ float:left; width:350px; margin-left:20px; } .pages-list .list-house .text h2{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .pages-list .list-house .text h2 a{ font-size:22px; color:#333; font-weight:bold; } .pages-list .list-house .text h2 a:hover{ color: #31ce90; } .pages-list .list-house .address{ margin-top:10px; overflow:hidden;white-space: nowrap; text-overflow: ellipsis; } .pages-list .list-house .address span{ line-height:20px; color:#666666; white-space: nowrap; text-overflow: ellipsis;} .pages-list .list-house .address a{ float:left; line-height:20px; color:#333; } .pages-list .list-house .address a.map{ float:left; line-height:20px; color:#999; margin-left:6px; padding-left:16px; position:relative; } .pages-list .list-house .address a.map:before{ content:'\e645'; position:absolute; width:12px; height:16px; margin:0; left:0; top:0; bottom:0; color: #999;font-size: 15px;font-family: 'iconfont';} .pages-list .list-house .address a:hover{ color:#30a15d; } .pages-list .list-house .info{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#333; line-height:20px; height:20px; margin-top:8px; } .pages-list .list-house .info span{ color:#333; } .pages-list .list-house .label{ overflow:hidden; margin-top:10px; height:24px; } .pages-list .list-house .label span{ width: 80px;font-size:12px; color:#999; line-height: 24px; padding:0 8px; float:left; margin-right:10px; background: #f3f4f6;border-radius: 4px; text-align: center;} .pages-list .list-house .label .zaishou{ background:#30a15d; color:#fff; border: #30a15d 1px solid; } .pages-list .list-house .label .daishou{ background:#4285f4; color:#fff; border: #4285f4 1px solid; } .pages-list .list-house .label .shouwan{ background:#999999; color:#fff; border: #999999 1px solid; } .pages-list .list-house .label .weipan{ background:#fc7b75; color:#fff; border: #fc7b75 1px solid; } .pages-list .list-house .label .zaizu{ background:#fb9252; color:#fff; border: #fb9252 1px solid;} .pages-list .list-house .desc{ padding-left:24px; line-height:20px; height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:10px; position:relative; } .pages-list .list-house .desc:before{ content:'\e703'; position:absolute; margin:0; left:0; top:0; bottom:0; font-family: 'iconfont';color: #36af58;font-size: 16px;} .pages-list .list-house .desc-yh:before{ width:14px; height:14px; background-position:-40px -80px; } .pages-list .list-house .desc-dt:before{ width:16px; height:14px; background-position:-60px -80px; } .pages-list .list-house .desc a:hover{ color:#30a15d; } .pages-list .list-house .advantage{display: flex; height: 24px; border-radius: 4px; margin-top: 12px;} .pages-list .list-house .advantage.status2{background: linear-gradient(90deg, #fef3f1 0%, rgba(254,243,241,0.9499) 60%, rgba(254,243,241,0) 100%);} .pages-list .list-house .advantage.status3{background: linear-gradient(90deg, #ffd690 0%, #fff3df 67%, rgba(255,243,223,0) 97%);} .pages-list .list-house .advantage .medal{ width: 16px; height: 16px;margin: 4px 0 0 6px;} .pages-list .list-house .advantage .advantagetag{ width: 16px; height: 16px; margin: 4px 6px;} .pages-list .list-house .status2 .txt{line-height: 24px; font-size: 12px; color: #f04b4b;} .pages-list .list-house .status3 .txt{line-height: 24px; font-size: 12px; color: #be7d25; text-indent: 6px;} .pages-list .list-house .other{ width:220px; float:left; } .pages-list .list-house .price{ font-size:14px; color:#ff0000; text-align:right; } .pages-list .list-house .price span{ font-size:26px; font-weight:bold; color: #ff0000; } .pages-list .list-house .imbox{display: flex; justify-content: end; margin-top: 30px;} .pages-list .list-house .imbox .imavatar{width: 50px; height: 50px; border-radius: 50%;} .pages-list .list-house .imbox .iminfo{margin-left: 5px;} .pages-list .list-house .imbox .iminfo .imname{text-align: center; line-height: 24px; width: 100px;} .pages-list .list-house .imbox .iminfo .imbtn{height: 26px; width: 100px; background: linear-gradient(115deg, #1dd3aa 0%, #02cc6b 100%); border-radius: 26px; color: #ffffff; line-height: 26px; font-size: 14px; cursor: pointer;} .pages-list .list-house .imbox .imbtn .iconfont{color: #ffffff; font-size: 12px; -webkit-text-stroke-width: 0;} .pages-list .list-house .tel{ text-align:right; margin-top:10px; } .pages-list .list-house .tel span{ display:inline-block; vertical-align:middle; position:relative; font-size:16px; color:#333; line-height:20px; padding-left:26px; } .pages-list .list-house .tel span:before{ content:''; position:absolute; width:20px; height:20px; background: -80px -80px; left:0; top:0; } .pages-list .list-house .column{ margin-top:30px; overflow:hidden; } .pages-list .list-house .inlet{ float:right; } .pages-list .list-house .inlet .tx{ float:left; cursor:pointer; } .pages-list .list-house .inlet .tx img{ width:50px; height:50px; border-radius:50%;margin: 0 auto; } .pages-list .list-house .inlet .tx p{ font-size:12px; line-height:20px; color:#333; text-align:center; } .pages-list .list-house .inlet a{ float:left; margin-left:14px; width:60px; line-height:28px; border-radius:4px; background:#30a15d; font-size:12px; color:#fff; text-align:center; margin-top:10px; position:relative; } .pages-list .list-house .inlet a:after{ content:''; position:absolute; width:0; height:0; border-width:6px 8px 0 0; border-style:solid; border-color:#30a15d transparent transparent transparent; left:10px; bottom:-6px; } .pages-list .list-house .compare{ float:right; position:relative; overflow:hidden; margin:16px 20px 0 0; display:none; } .pages-list .list-house .compare label{ cursor:pointer; } .pages-list .list-house .compare input[type="checkbox"]{ width:12px; height:12px; position:absolute; left:-20px; } .pages-list .list-house .compare span{ float:left; width:12px; height:12px; background: -110px -80px; margin:4px 4px 4px 0; } .pages-list .list-house .compare input:checked span{ background-position:-130px -80px; } .pages-list .list-house .compare p{ float:left; line-height:20px; } .pages-list .list-house li:hover .compare{ display:block; } .pages-list .list-house .item-best .img:before{ content:''; position:absolute; width:87px; height: 30px; background: no-repeat; background-size: 100% 100%; border-top-left-radius: 8px;} .pages-list .list-house .item-best .img:after{content: "精选楼盘"; position: absolute; left: 11px; top: 5px; color: #ffffff;} .pages-list .list-house .item-enter{ padding:0; position:relative;margin: 20px 0 20px 20px;} .pages-list .list-house .item-enter img{ width:100%;object-fit: cover; } .pages-list .list-house .item-enter button{width: 150px;height: 48px;background: #30a15d;color: #fff;font-size: 20px;border-bottom: #1e7340 2px solid;border-radius: 4px;cursor: pointer;margin-top: 30px;} .pages-list .list-house .item-enter .operation{width: 200px;height: 100%;position: absolute;right: 0;top: 0px;} .pages-list .list-house .item-enter .detail{font-size: 12px;font-family: microsoft yahei;color: #666666;line-height: 40px;font-weight: 600;} .pages-list .list-house .item-enter .num{color: #ffa009;} .pages-list .page-turn{ margin-top:30px; } .pages-list .hot-list{ margin-top:30px; } .pages-list .hot-list h5{ font-size: 24px; color:#333; font-weight: bold; } .pages-list .hot-list ul{ margin-top:20px; overflow:hidden;display: flex;justify-content: space-between; } .pages-list .hot-list li{ width:200px; } .pages-list .hot-list .img{ width:100%; height:144px; overflow:hidden; display:block; } .pages-list .hot-list .img img{ width:100%; height:100%; object-fit:cover;border-radius: 8px; } .pages-list .hot-list .text{ padding-bottom:10px; } .pages-list .hot-list .tit{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#333; margin-top: 10px; font-weight: bold;} .pages-list .hot-list .tit span{ color:#333; } .pages-list .hot-list .tit a{ color:#333;font-size: 18px; } .pages-list .hot-list .tit a:hover{ color:#30a15d; } .pages-list .hot-list .price{ color: #ff0000; line-height:20px; height:20px; margin-top:6px; } .pages-list .hot-list .price span{ color:#ff0000; font-size:16px;font-weight: bold; } .pages-list .help-house h5{ font-size:18px; color:#333; line-height:40px; font-weight:normal; } .pages-list .help-house .item{ margin-bottom:10px; } .pages-list .help-house .item-sel{ position:relative; } .pages-list .help-house .item-sel .tit{ line-height:28px; cursor:pointer; border:#e5e5e5 1px solid; color:#999; font-size:12px; text-indent:10px; padding-right:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .pages-list .help-house .item-sel .tit:after{ content:''; position:absolute; width:0; height:0; border-left:transparent 6px solid; border-right:transparent 6px solid; border-top:#999 6px solid; margin:auto; right:10px; top:0; bottom:0; pointer-events:none; } .pages-list .help-house .item-sel ul{ display:none; position:absolute; padding:10px 0; width:100%; left:0; top:30px; border:#e5e5e5 1px solid; border-top:none; background:#fff; overflow:hidden; z-index:2; } .pages-list .help-house .item-sel:hover ul{ display:block; } .pages-list .help-house .item-sel li{ float:left; width:50%; position:relative; overflow:hidden; padding:4px 0 4px 10px; } .pages-list .help-house .item-sel label{ cursor:pointer; } .pages-list .help-house .item-sel input{ position:absolute; width:10px; height:10px; left:-20px; } .pages-list .help-house .item-sel span{ float:left; width:12px; height:12px; background: -110px -80px; margin:4px 4px 4px 0; } .pages-list .help-house .item-sel input:checked span{ background-position:-130px -80px; } .pages-list .help-house .item-sel p{ float:left; line-height:20px;} .pages-list .help-house .item-input input{ width:100%; height:30px; border:#e5e5e5 1px solid; text-indent:10px; font-size:12px; } .pages-list .help-house .item-select{ position:relative; } .pages-list .help-house .item-select select{ width:100%; height:30px; border:#e5e5e5 1px solid; background:transparent; -webkit-appearance:none; -moz-appearance:none; -ms-progress-appearance:none; appearance:none; text-indent:3px; font-size:12px; cursor:pointer; padding-left:8px; } .pages-list .help-house .item-select:after{ content:''; position:absolute; width:0; height:0; border-left:transparent 6px solid; border-right:transparent 6px solid; border-top:#999 6px solid; margin:auto; right:10px; top:0; bottom:0; pointer-events:none; } .pages-list .help-house .item-xy{ overflow:hidden; } .pages-list .help-house .item-xy label{ float:left; position:relative; } .pages-list .help-house .item-xy input{ position:absolute; width:10px; height:10px; left:-20px; } .pages-list .help-house .item-xy span{ float:left; width:12px; height:12px; background: -110px -80px; margin:4px 4px 4px 0; } .pages-list .help-house .item-xy input:checked span{ background-position:-130px -80px; } .pages-list .help-house .item-xy p{ float:left; line-height:20px; height:20px; color:#999; font-size:12px; } .pages-list .help-house .item-xy a{ color:#f69207; font-size:12px; } .pages-list .help-house .item-xy a:hover{ text-decoration:underline;} .pages-list .help-house .btn button{ width:100%; height:30px; color:#fff; border-radius:4px; background:#30a15d; cursor:pointer; } .pages-list .help-house .house_source,.pages-list .help-house .house_source2{height: 80px;background: no-repeat;background-size: contain;} .pages-list .help-house .house_guide{height: 80px;background: no-repeat;background-size: contain;margin-top: 5px;} .pages-list .help-house .house_source:after,.pages-list .help-house .house_guide:after{content:"";display: block;clear: both;} .pages-list .help-house .house_source_desc,.pages-list .help-house .house_source_btn, .pages-list .help-house .house_guide_desc,.pages-list .help-house .house_guide_btn{display: inline-block;} .pages-list .help-house .house_source_desc,.pages-list .help-house .house_guide_desc{width: 180px;float: left} .pages-list .help-house .house_source_btn,.pages-list .help-house .house_guide_btn{width: 110px;} .pages-list .help-house .house_source_desc_title,.pages-list .help-house .house_guide_desc_title{font-size: 18px;font-family: microsoft yahei;font-weight: 400;color: #333333;line-height: 30px;padding-left: 7px;padding-top: 10px;} .pages-list .help-house .house_source_desc_person,.pages-list .help-house .house_guide_desc_person{font-size: 12px;font-family: microsoft yahei;font-weight: 400;color: #666666;line-height: 40px;padding-left: 7px;} .pages-list .help-house .house_source_desc_person .num{color:#ffa009;} .pages-list .help-house .house_source_btn,.pages-list .help-house .house_guide_btn{height: 80px;position: relative;} .pages-list .help-house .house_source_btn .btn{width: 89px;height: 34px;background: #36af58;border-radius: 4px;color: #fff;position: absolute;top: 50%;transform: translate(-50%, -50%);left: 50%;cursor: pointer;} .pages-list .help-house .house_guide_btn .btn{width: 89px;height: 34px;background: #ffa009;border-radius: 4px;color: #fff;position: absolute;top: 50%;transform: translate(-50%, -50%);left: 50%;cursor: pointer;} .pages-list .compare-house{ margin-top:20px; } .pages-list .compare-house h5{ font-size:18px; color:#333; line-height:36px; font-weight: bold; } .pages-list .compare-house .compare{ border:#e5e5e5 1px solid; padding:12px 20px 20px;background: no-repeat; background-size: cover;} .pages-list .compare-house .desc{ line-height:20px; color:#333; } .pages-list .compare-house .desc span{ color:#999; } .pages-list .compare-house .result{ padding:8px 0 12px; } .pages-list .compare-house .i{ overflow:hidden; } .pages-list .compare-house .i span{ float:left; width:12px; height:12px; margin:4px 6px 0 0; cursor:pointer; } .pages-list .compare-house .i span::before{content:'\e7ef';font-family: 'iconfont';color: #333333;margin-top: -1px;display: block;} .pages-list .compare-house .i p{ float:left; line-height:20px; font-size:12px; color:#333; } .pages-list .compare-house .s-text{ position:relative; } .pages-list .compare-house .s-text input{ width:100%; height:36px; border:#d9d9d9 1px solid; text-indent:10px; font-size:12px; background: #f9f9f9; border-radius: 36px;} .pages-list .compare-house .s-text ul{ background:#fff; position:absolute; z-index:4; width:100%; left:0; top:30px; border:#e5e5e5 1px solid; border-top:none; display:none; } .pages-list .compare-house .s-text li{ display:block; line-height:28px; text-indent:10px; font-size:12px; cursor:pointer; } .pages-list .compare-house .s-text li:hover{ background:#f5f5f5; } .pages-list .compare-house .s-text em{ font-style:normal; color:#30a15d; font-size:12px; } .pages-list .compare-house .btn{ padding-top:16px; overflow:hidden; } .pages-list .compare-house button{ float:left; width:110px; height:32px; border-radius: 32px; cursor:pointer; } .pages-list .compare-house button.comfirm{ background:#30a15d; color:#fff; } .pages-list .compare-house button.cancel{ float:right; border:#e5e5e5 1px solid; background: #ebebeb; } .pages-list .compare-house a.comfirm{background: linear-gradient(180deg, #f8b768 0%, #ffdb66 100%); color: #a85e13; float:left; width:110px; height:32px; border-radius: 32px; text-align:center; line-height:30px; } .pages-list .compare-house .comfirm .iconfont{ transform: rotatez(90deg);display: inline-block;color: #a85e13;} .pages-list .sort-list{ margin-top:20px; } .pages-list .sort-list h5{ font-size:18px; color:#333; line-height:36px; font-weight: bold; } .pages-list .sort-list .rank a{float: right; font-weight: normal;} .pages-list .sort-list li{ padding:12px 0; } .pages-list .sort-list li:hover{ background:#f8f8f8; } .pages-list .sort-list li a{ display:flex; overflow:hidden; } .pages-list .sort-list span{ line-height: 20px; width: 20px; background:#ddd; color:#fff; text-align:center; font-size:12px; margin-right: 10px; border-radius: 50%;} .pages-list .sort-list li:nth-child(-n 3) span{ background:#ffc300; } .pages-list .sort-list p{ line-height:20px; color:#333; width:90px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .pages-list .sort-list .esf_name{width: 180px} .pages-list .sort-list i{ float:right; line-height:20px; color:#333; width:80px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-style:normal; text-align:right; } .pages-list .sort-list li a:hover p,.pages-list .sort-list li a:hover i{ color: #31ce90; } .pages-list .news-house{ margin-top:20px; } .pages-list .news-house h5{ font-size:18px; color:#333; line-height:36px; font-weight:bold; } .pages-list .news-house dl{ margin-top:15px; } .pages-list .news-house dt{ overflow:hidden; margin-bottom:8px;display: flex; } .pages-list .news-house .img{ float:left; width:120px; height:82px; } .pages-list .news-house .img img{ width:100%; height:100%; object-fit:cover; } .pages-list .news-house .text{ float:left; margin-left:10px; width:160px; line-height:20px; } .pages-list .news-house .text p{ max-height:60px; overflow:hidden; font-size:12px; color:#333; } .pages-list .news-house .text a{ color:#30a15d; font-size:12px; } .pages-list .news-house .text a:hover{ text-decoration:underline; } .pages-list .news-house dd{ line-height: 16px; position:relative; padding-left: 10px; margin-bottom: 10px;} .pages-list .news-house dd:before{ content:''; position:absolute; width:4px; height:4px; background:#333333; border-radius:50%; left:0; top: 6px; bottom:0; } .pages-list .news-house dd a{ color:#333; font-size:12px; } .pages-list .news-house dd a:hover{ color: #31ce90; } .pages-list .helpmefindroom h5{ font-size: 22px; text-align: center;} .pages-list .helpmefindroom form{ margin-top: 10px;} .pages-list .helpmefindroom input{ width: 100%; height: 35px; border: 1px solid #c7c7c7; text-indent: 10px;} .pages-list .helpmefindroom .inputbox{ margin-bottom: 10px; } .pages-list .helpmefindroom .ckbox{ font-size: 12px; color: #999999; } .pages-list .helpmefindroom .ckbox .block{font-size: 12px; color: #999999; display: block;} .pages-list .helpmefindroom .protocol{ font-size: 12px; color: #007aff;} .pages-list .helpmefindroom .ckbox .iconfont{ color: #999999; } .pages-list .helpmefindroom .submit{ width: 100%; height: 40px; background: #1886ff; color: #ffffff; border-radius: 6px; margin-top: 10px; font-weight: bold; cursor: pointer;} .pages-list .no-result{ overflow:hidden; height:70px; margin-top: 30px;} .pages-list .no-result .img{ float:left; width:108px; height:70px;margin:0 0 0 190px; } .pages-list .no-result .img::before{content: '\e69e';font-family: 'iconfont';font-size: 72px;color: #dfdfdf;} .pages-list .no-result p{ font-size:16px; color:#333; line-height:20px; margin-top:18px; text-indent:30px; } .pages-list .no-result span{ display:block; color:#999; line-height:20px; margin-top:12px; text-indent:30px; } .pages-list .no-result .enter{ padding:0; position:relative; margin-top:60px; } .pages-list .no-result .enter img{ width:100%; } .pages-list .no-result .enter button{ position:absolute; width:110px; height:32px; background:#ffc323; color:#fff; font-size:20px; border-bottom:#cc970a 2px solid; border-radius:4px; margin:auto; top:0; right:30px; bottom:0; cursor:pointer; } .pages-list .iminlet{ margin-top:20px; } .pages-list .iminlet .im-top{ overflow:hidden;background: #ffffff;} .pages-list .iminlet .im-tit{ font-weight: bold; float:left;font-size: 20px;color: #000;line-height: 40px;text-indent: 15px;} .pages-list .iminlet .im-mark{ float:left; background:#ffb653; color:#fff; font-size:12px;line-height: 14px;text-align: center; padding:0 6px; border-radius:4px; margin: 13px 0 0 5px; } .pages-list .iminlet .im-mark .iconfont{color: #ffffff;-webkit-text-stroke-width: 0;} .pages-list .iminlet .flexslider{ position:relative; } .pages-list .iminlet .flexslider .slides{ position:relative; z-index:1; overflow:hidden; } .pages-list .iminlet .flexslider .flex-control-nav{ display:none; } .pages-list .iminlet .flexslider .flex-direction-nav{ position:absolute; z-index:3; width:100%; top:-40px; display:none; } .pages-list .iminlet .flexslider .flex-direction-nav li a{ display:block; width:18px; height:20px; overflow:hidden; cursor:pointer; position:absolute; } .pages-list .iminlet .flexslider .flex-direction-nav li a.flex-prev{ right: 40px; top: 10px;} .pages-list .iminlet .flexslider .flex-direction-nav li a.flex-prev::before{content:'\e6ad';font-family: 'iconfont';color: #999999;display: block; font-size: 20px;} .pages-list .iminlet .flexslider .flex-direction-nav li a.flex-next{ right: 10px; top: 10px; } .pages-list .iminlet .flexslider .flex-direction-nav li a.flex-next::before{content:'\e6ac';font-family: 'iconfont';color: #999999;display: block; font-size: 20px;} .pages-list .iminlet .im-item{ display: flex;display: -webkit-flex;justify-content: space-between;overflow:hidden; margin:0 15px; padding:15px 0 22px; border-bottom:#e5e5e5 1px dashed; } .pages-list .iminlet .flexslider .slides li .im-item:last-child{ border-bottom:none; } .pages-list .iminlet .img{ width: 50px; height: 50px; border-radius:50%; overflow:hidden; } .pages-list .iminlet .img img{ width:100%; height:100%; object-fit:cover; } .pages-list .iminlet .text{ width: 100px; } .pages-list .iminlet .text p{ line-height:20px; color:#333; font-size:14px; margin-top: 5px; } .pages-list .iminlet .text span{ display:block; color:#999; line-height:20px; font-size:12px; } .pages-list .iminlet .text .company_name{ border-radius: 8px 0px 8px 0px;background: linear-gradient(92deg, rgba(229,181,137,0.5) 0%, rgba(247,213,175,0.5) 50%);color: #6e2500;padding: 0px 10px;display: inline-block;margin: 5px auto 0;} .pages-list .iminlet .btn{ padding-top:22px; } .pages-list .iminlet .btn a{ display:block; line-height:26px; width: 100px; color:#fff; font-size:12px; text-indent:33px; position:relative; background: linear-gradient(115deg, #1dd3aa 0%, #02cc6b 100%);border-radius: 26px;} .pages-list .iminlet .btn a:before{ content:'\e6bc'; position:absolute; width:12px; height:12px; left:-15px; top:0; bottom:0; margin:0;font-family: 'iconfont'; } /*特价楼盘*/ .pages-list .specialitem{display: flex;flex-wrap: wrap;} .pages-list .specialitemleft{ position: relative;width: 220px;} .pages-list .specialitemleft .img .tag{position: absolute;width: 39px;height: 70px;background: no-repeat;top: -7px;} .pages-list .specialitemleft .thumb{width: 220px;height: 157px;object-fit: cover;} .pages-list .specialitemleft .followbox{width: 36px;height: 36px;position: absolute;top: 7px;right: 10px;cursor: pointer;background: #999;border-radius: 50%;text-align: center;line-height: 38px;} .pages-list .specialitemleft .followbox:after{ content: '\e651';color: #fff;font-family: 'iconfont';font-size: 18px;} .pages-list .specialitemleft .followed {background: #ff0904;} .pages-list .specialitemmid{margin-left: 20px;} .pages-list .specialitemmid .specialborough_name{font-size: 20px;color: #333333;font-weight: bold;margin-bottom: 20px;} .pages-list .specialitemmid .specialaddress{line-height: 26px;} .pages-list .specialitemmid .area-pos{color: #333333;} .pages-list .specialitemmid .gomap{color: #999999;} .pages-list .specialitemmid .gomap .iconfont{color: inherit;font-size: inherit;} .pages-list .specialitemmid .specialroomarea{line-height: 26px;} .pages-list .specialitemmid .specialroom{} .pages-list .specialitemmid .specialarea{margin-left: 10px;padding-left: 10px;border-left: 1px solid #666666;} .pages-list .specialitemmid .specialtags{line-height: 26px;} .pages-list .specialitemmid .tag{padding: 2px 6px;border: 1px solid #666666;font-size: 12px;} .pages-list .specialitemmid .zaishou{background: #30a15d;color: #ffffff;border: 1px solid #30a15d;} .pages-list .specialitemmid .daishou{background:#4285f4; color:#fff; border: #4285f4 1px solid;} .pages-list .specialitemmid .shouwan{background:#999999; color:#fff; border: #999999 1px solid;} .pages-list .specialitemmid .weipan{background:#fc7b75; color:#fff; border: #fc7b75 1px solid;} .pages-list .specialitemmid .zaizu{background:#fb9252; color:#fff; border: #fb9252 1px solid;} .pages-list .specialitemmid .hot{ position: relative;line-height: 22px; background: #ffebeb; color: #fe4844;padding: 0 20px 0 30px;margin-top: 10px;} .pages-list .specialitemmid .hot:before{content: "抢";position: absolute;color: #ffffff;font-size: 12px;left: 9px;top: 7px;z-index: 1;background: #fe4844;height: 14px;line-height: 14px;} .pages-list .specialitemmid .hot .iconfont{position: absolute;left: 0;font-size: 30px;color: inherit;top: -2px;} .pages-list .specialitemright{margin-left: 20px;flex: 1;} .pages-list .speciallist{width: 100%;margin-top: 25px;} .pages-list .speciallist .specialhouse{border: 1px solid #eeeeee;padding: 13px;display: flex;margin-bottom: 20px;} .pages-list .specialhouse .specialimg{width: 135px;height: 95px;object-fit: cover;} .pages-list .specialhouse .housedesc{ width: 320px;margin-left: 20px;} .pages-list .specialhouse .housenum{ color: #333333;font-size: 16px;font-weight: bold;margin-bottom: 20px;} .pages-list .specialhouse .descclass{ display: flex;flex-wrap: wrap;position: relative;} .pages-list .specialhouse .descitem{ width: 45%;line-height: 24px;color: #999999;} .pages-list .specialhouse .descitem:nth-child(2n 1){border-right: 1px solid #999999;} .pages-list .specialhouse .descitem:nth-child(2n){margin-left: 10%;} .pages-list .specialhouse .descclass .sellout{ position: absolute;right: -30px;top: -15px;font-size: 60px;opacity: .4;transform: rotate(335deg);} .pages-list .specialhouse .houseprice{flex: 1;} .pages-list .specialhouse .pricebtns{text-align: right;} .pages-list .specialhouse .houseprice .oldprice{vertical-align: baseline;color: #666666;padding-left: 10px;font-weight: normal;text-decoration: line-through;} .pages-list .specialhouse .houseprice .newprice{font-size: 24px;font-weight: bold;color: #fe4844;line-height: 30px;} .pages-list .specialhouse .houseprice .remark {border-radius: 16px;border: 1px solid #fe4844;line-height: 30px;display: inline-block;padding: 0 20px;border-top-right-radius: 0;border-bottom-right-radius: 0;color: #fe4844;box-sizing: border-box;} .pages-list .specialhouse .houseprice .iconfont {color: #fe4844;} .pages-list .specialhouse .houseprice .lqyh {cursor: pointer;background: #fe4844;border-radius: 16px;color: #ffffff;line-height: 30px;border: 1px solid #fe4844;border-top-left-radius: 0;border-bottom-left-radius: 0;padding: 0 10px;margin-left: 3px;} .pages-list .specialhouse .houseprice .pricebox{text-align: right;line-height: 50px;} .pages-list .list-house .specialmore{padding: 0;} .pages-list .specialmore a{color: #30a15d;text-align: center;border: 1px dashed #d2d2d2;display: block;line-height: 38px;} .pages-list .specialmore .iconfont{font-size: 12px;color: inherit;} /** 购房群 **/ .pages-list .buyhousegroup .sqrqarea{box-shadow: 0px -1px 7px 0px rgba(0,0,0,0.1);border-radius: 8px;margin-bottom: 20px; padding: 7px 12px 0 17px;} .pages-list .buyhousegroup .titlearea{height: 65px;padding-left: 60px;position: relative;} .pages-list .buyhousegroup .groupname{font-size: 16px; color: #333333;font-weight: bold; line-height: 40px;} .pages-list .buyhousegroup .titlearea:before{ content: "";background: no-repeat;background-size: 100% 100%;position: absolute;width: 55px;height: 55px;left: 0;top: 0;} .pages-list .buyhousegroup .btnarea{height: 50px; position: relative; background: #ffffff;} .pages-list .buyhousegroup .btnarea:before{content: ""; background: no-repeat; background-size: contain;position: absolute;width: 58px;height: 24px; left: 0; top: 13px;} .pages-list .buyhousegroup .btnarea span{color: #666666; font-size: 12px;} .pages-list .buyhousegroup .btnarea .member{padding-left: 70px; padding-top: 17px; display: inline-block; color: #ff0000; } .pages-list .buyhousegroup .btnarea button{background: linear-gradient(113deg, #1dd3ab 0%, #03cc6c 100%);border-radius: 26px;padding: 4px 9px;color: #ffffff;margin-left: 5px;cursor: pointer;} /** 城市房价 **/ .pages-list .newhousebox .cityname{color: #333333; font-size: 18px; font-weight: bold;} .pages-list .newhousebox .descbox{display: flex;justify-content: space-between;margin-top: 15px;} .pages-list .newhousebox .pricebox{} .pages-list .newhousebox .subtitle{color: #666666;font-size: 12px;} .pages-list .newhousebox .priceinfo{margin-top: 10px; line-height: 20px;} .pages-list .newhousebox .pricebox .price{font-size: 14px; font-weight: bold; color: #ff0606;} .pages-list .newhousebox .pricebox .unit{font-size: 14px; font-weight: normal; color: #ff0606;} .pages-list .newhousebox .changebox{} .pages-list .newhousebox .change{position: relative; margin-top: 10px; font-size: 14px; line-height: 20px;padding-right: 10px;} .pages-list .newhousebox .up{color: #ff0606;} .pages-list .newhousebox .up:after{content: '';position: absolute;width: 0px;height: 0px;border-left: transparent 4px solid;border-right: transparent 4px solid;border-bottom: #ff0000 6px solid;right: 0;top: 6px;} .pages-list .newhousebox .down{color: #00b578;} .pages-list .newhousebox .down:after{ content: '';position: absolute;width: 0px;height: 0px;border-left: transparent 4px solid;border-right: transparent 4px solid;border-top: #31ce90 6px solid;right: 0;top: 7px;} .pages-list .newhousebox .btnbox{} .pages-list .newhousebox .btnbox .btn{height: 22px;color: #7b4814;background: linear-gradient(176deg, #f38703 0%, #ffc300 79%);border-radius: 22px;font-size: 12px;padding: 0 10px;margin-top: 20px;cursor: pointer;} .pages-list .newhousebox .btnbox .btn .iconfont{color: #7b4814;} #citypricetrend {width: 280px;height: 150px;margin: 20px 0;} .pages-special .specialbg{ height: 120px; margin: 0 auto; background: no-repeat; display: flex; align-items: center; height: 120px; justify-content: center;} .pages-special .specialbg h1{font-size: 68px; color: #ffffff; margin-left: 20px;} .pages-special .list-choose .choose{display: flex; margin: 35px 0;} .pages-special .choose .item{ position: relative; height: 28px; line-height: 28px; margin-right: 35px; background: #e5e5e5; text-align: center; color: #333333; padding: 0 10px; border-radius: 4px; font-size: 16px; cursor: pointer;} .pages-special .choose .item.active{ background: linear-gradient(123deg, #1cd3a9 0%, #01cc68 98%); color: #ffffff;} .pages-special .choose .item.active:before{ content: '';position: absolute;width: 0;height: 0;border-left: transparent 6px solid;border-right: transparent 6px solid;border-top: #1cd3a9 8px solid;margin: auto;bottom: -5px;left: 0;right: 0;} .pages-special .list .item{ padding: 40px 35px; overflow:hidden; box-shadow: 0px -1px 10px 0px rgba(0,0,0,0.1); border-radius: 10px; margin-bottom: 20px; } .pages-special .list .item:last-child{border: 0;} .pages-special .list .item .housedesc{display: flex; width: 100%;} .pages-special .list .item .speciallist{margin: 50px 10px 0;} .pages-special .list .item .specialitem{display: flex; padding: 40px 40px 40px 30px; border: 1px solid #eeeeee;margin-bottom: 20px;} .pages-special .list .item .specialitem .specialimg{width: 198px; height: 140px; object-fit: cover; border-radius: 8px;} .pages-special .list .houseinfo .specialprice{ display: flex;} .pages-special .list .houseinfo .specialprice .curprice{color: #ff0000; font-size: 28px; line-height: 40px; font-weight: bold;} .pages-special .list .houseinfo .specialprice .oldprice{ color: #999999; font-size: 18px; line-height: 40px; text-decoration: line-through; margin-left: 50px;} .pages-special .list .houseinfo{ flex: 1; margin-left: 10px; } .pages-special .list .houseinfo .specialinfo{display: flex; flex-wrap: wrap; margin-bottom: 10px;} .pages-special .list .houseinfo .specialinfo .specialinfoitem{width: 50%; line-height: 30px; } .pages-special .list .houseinfo .specialinfo .specialinfoitem .label{ color: #999999; font-size: 16px;} .pages-special .list .houseinfo .specialinfo .specialinfoitem .val{ color: #333333; font-size: 16px;} .pages-special .list .houseinfo .endtime{background: linear-gradient(90deg, rgba(247,220,195,0.4) 0%, rgba(247,220,195,0) 100%); border-radius: 4px; font-size: 12px; line-height: 24px; color: #c16b38; padding-left: 8px;} .pages-special .list .houseinfo .endtime .iconfont{ color: inherit; font-size: 12px;} .pages-special .list .specialitem .limitbg{ background: no-repeat; margin-bottom: 20px; width: 176px; height: 67px;} .pages-special .list .specialitem .limitbg .txt{color: #ffffff; font-weight: bold; text-align: center; padding-top: 15px; font-size: 16px;} .pages-special .list .specialitem .limitbg .savenum{ color: #ffffff; font-weight: bold; text-align: center; font-size: 16px; padding-top: 5px;} .pages-special .list .specialitem .operation .btn{ height: 42px; line-height: 42px; border-radius: 10px; background: #f7dcc3; width: 165px; font-size: 18px; font-weight: bold; color: #c16b38; cursor: pointer;} .pages-special .list .specialitem .operation .btn .iconfont{color: inherit; font-size: 12px;} .pages-special .list .item .more{ text-align: center; font-size: 16px; color: #333333; cursor: pointer;} .pages-special .list .item .more .iconfont{font-size: 14px;} .pages-special .list .collection .specialitem:nth-child(n 3){display: none;} .pages-special .list .img{ width:220px; height:157px; position:relative; } .pages-special .list .img .opts{position: absolute;display: flex;bottom: 5px;left: 5px;} .pages-special .list .img .vrdiv, .pages-special .list .img .videodiv{width: 44px;height: 44px;background: rgba(0, 0, 0, 0.34);display: inline-block;border-radius: 50%;} .pages-special .list .img span{z-index: 99;width: 36px;height: 36px;display: inline-block;margin-left: 4px;margin-top: 4px;} .pages-special .list .img img{ width:100%; height:100%; object-fit:cover;border-radius: 8px; } .pages-special .list .img .vrimg::before{ content: '\e779';font-family: 'iconfont';color: #fff;font-size: 35px;} .pages-special .list .img .videoimg::before{content:'\e77a';font-family: 'iconfont';color:#fff;font-size: 35px;} .pages-special .list .img object{display: block;position: absolute;top: 5px;right: 10px;overflow: hidden;width: 36px;height: 36px;} .pages-special .list .img .followbox{position: absolute;width: 36px; height: 36px;background: #999;border-radius: 50%;text-align: center;line-height: 38px;} .pages-special .list .img .followbox::before{content:'\e651';font-size: 18px;font-family: 'iconfont';color: #fff;display: block;} .pages-special .list .img .followed{background:#ff0904;} .pages-special .list .text{ width:500px; margin-left:20px; } .pages-special .list .text h2{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .pages-special .list .text h2 a{ font-size:22px; color:#333; font-weight:bold; } .pages-special .list .text h2 a:hover{ color:#30a15d; } .pages-special .list .address{ margin-top:10px; overflow:hidden;white-space: nowrap;text-overflow: ellipsis; } .pages-special .list .address span{ line-height:20px; color:#666666; } .pages-special .list .address a{ float:left; line-height:20px; color:#333; } .pages-special .list .address a.map{ float:left; line-height:20px; color:#999; margin-left:6px; padding-left:16px; position:relative; } .pages-special .list .address a.map:before{ content:'\e645'; position:absolute; width:12px; height:16px; margin:0; left:0; top:0; bottom:0; color: #999;font-size: 15px;font-family: 'iconfont';} .pages-special .list .address a:hover{ color:#30a15d; } .pages-special .list .info{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#333; line-height:20px; height:20px; margin-top:8px; } .pages-special .list .info span{ color:#333; } .pages-special .list .label{ overflow:hidden; margin-top:10px; height:24px; } .pages-special .list .label span{ width: 80px;font-size:12px; color:#999; line-height: 24px; padding:0 8px; float:left; margin-right:10px; background: #f3f4f6;border-radius: 4px; text-align: center;} .pages-special .list .label .zaishou{ background:#30a15d; color:#fff; border: #30a15d 1px solid; } .pages-special .list .label .daishou{ background:#4285f4; color:#fff; border: #4285f4 1px solid; } .pages-special .list .label .shouwan{ background:#999999; color:#fff; border: #999999 1px solid; } .pages-special .list .label .weipan{ background:#fc7b75; color:#fff; border: #fc7b75 1px solid; } .pages-special .list .label .zaizu{ background:#fb9252; color:#fff; border: #fb9252 1px solid;} .pages-special .list .desc{ padding-left:24px; line-height:20px; height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:10px; position:relative; } .pages-special .list .desc:before{ content:'\e703'; position:absolute; margin:0; left:0; top:0; bottom:0; font-family: 'iconfont';color: #36af58;font-size: 16px;} .pages-special .list .desc-yh:before{ width:14px; height:14px; background-position:-40px -80px; } .pages-special .list .desc-dt:before{ width:16px; height:14px; background-position:-60px -80px; } .pages-special .list .desc a:hover{ color:#30a15d; } .pages-special .list .advantage{display: flex; height: 24px; border-radius: 4px; margin-top: 12px;} .pages-special .list .advantage.status2{background: linear-gradient(90deg, #fef3f1 0%, rgba(254,243,241,0.9499) 60%, rgba(254,243,241,0) 100%);} .pages-special .list .advantage.status3{background: linear-gradient(90deg, #ffd690 0%, #fff3df 67%, rgba(255,243,223,0) 97%);} .pages-special .list .advantage .medal{ width: 16px; height: 16px;margin: 4px 6px;} .pages-special .list .advantage .advantagetag{ width: 16px; height: 16px; margin: 4px 6px;} .pages-special .list .status2 .txt{line-height: 24px; font-size: 12px; color: #f04b4b;} .pages-special .list .status3 .txt{line-height: 24px; font-size: 12px; color: #be7d25; text-indent: 6px;} .pages-special .list .other{ flex: 1; margin-right: 65px;} .pages-special .list .price{ font-size:14px; color:#ff0000; text-align:right; } .pages-special .list .price span{ font-size:26px; font-weight:bold; color: #ff0000; } .pages-special .imgnavsbox {width: 1180px;margin: 20px auto;display: flex;justify-content: space-between;align-items: baseline;} .pages-special .imgnavsbox .imgnavitem {} .pages-special .imgnavsbox .imgnavitem p {color: #333333;font-weight: bold;font-size: 14px;} .pages-special .list .imbox{display: flex; justify-content: end; margin-top: 30px;} .pages-special .list .imbox .imavatar{width: 50px; height: 50px; border-radius: 50%;} .pages-special .list .imbox .iminfo{margin-left: 5px;} .pages-special .list .imbox .iminfo .imname{text-align: center; line-height: 24px; width: 100px;} .pages-special .list .imbox .iminfo .imbtn{height: 26px; width: 100px; background: linear-gradient(115deg, #1dd3aa 0%, #02cc6b 100%); border-radius: 26px; color: #ffffff; line-height: 26px; font-size: 14px;} .pages-special .list .imbox .imbtn .iconfont{color: #ffffff; font-size: 12px; -webkit-text-stroke-width: 0;} .pages-special .list .item-best .img:before{ content:''; position:absolute; width:87px; height: 30px; background: no-repeat; background-size: 100% 100%; border-top-left-radius: 8px;} .pages-special .list .item-best .img:after{content: "精选楼盘"; position: absolute; left: 11px; top: 5px; color: #ffffff;} /* 详情页公共部分 */ .pages-house .container{ overflow:hidden; padding:32px 0 40px; } .pages-house .house-left{ float:left; width:820px; } .pages-house .house-right{ float:right; width:310px; margin-right: 3px;} .pages-house .title .t{ overflow:hidden; padding-top:20px; display: flex; align-items: flex-end; } .pages-house .title .t h1{ font-size: 36px; color:#333; font-weight: bold; } .pages-house .title .t p{ float:left; line-height:16px; color:#999; margin:12px 0 0 20px; } .pages-house .title .t .five_lic{ float:left;margin-left:10px;margin-top:3px; } .pages-house .title .t .five_lic .zheng-icon{color: #30a25d;font-size: 24px;font-weight: 500;} .pages-house .title .t .valuebox{margin-left: 1em;color:#333; display: inline-block;} .pages-house .title .t .curvalue{font-family: 'din';font-size: 28px;font-weight: bold;color: #fe4844;} .pages-house .title .t .allvalue{ font-size: 16px; color: #333333; } @-webkit-keyframes chatup{ 0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} 33%{-webkit-transform:translate3d(0,-40px,0);transform:translate3d(0,-50px,0)} 66%{-webkit-transform:translate3d(0,-60px,0);transform:translate3d(0,-100px,0)} 100%{-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-150px,0)} } @keyframes chatup{ 0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} 33%{-webkit-transform:translate3d(0,-40px,0);transform:translate3d(0,-50px,0)} 66%{-webkit-transform:translate3d(0,-60px,0);transform:translate3d(0,-100px,0)} 100%{-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-150px,0)} } .pages-house .house-right .chatrecord{ padding: 20px; box-shadow: 0px -1px 7px 0px rgba(0,0,0,0.1); border-radius: 8px;} .pages-house .house-right .chatrecord .chattitle{ line-height: 32px; color: #333333; font-size: 18px; font-weight: bold; margin-bottom: 10px;} .pages-house .house-right .chatrecord .chatbox{ height: 120px; overflow: hidden; } .pages-house .house-right .chatrecord .chatitem{ display: flex; margin-bottom: 15px; -webkit-animation: 20s chatup linear infinite normal;animation: 20s chatup linear infinite normal;position: relative;} .pages-house .house-right .chatrecord .chatitem .chatavatar{width: 30px; height: 30px;} .pages-house .house-right .chatrecord .chatitem .chattext{line-height: 30px; background: #f6f6f6; position: relative; margin-left: 15px; padding: 0 10px; border-radius: 4px;} .pages-house .house-right .chatrecord .chatitem .chattext:after{ content: '';position: absolute;width: 0;height: 0;border-top: transparent 6px solid;border-bottom: transparent 6px solid;border-right: #f6f6f6 8px solid;margin: auto;top: 0; left: -6px;bottom: 0;} .pages-house .house-right .chatrecord .btnarea{height: 50px; position: relative; } .pages-house .house-right .chatrecord .btnarea:before {content: "";background: no-repeat;position: absolute;width: 58px;height: 24px;left: 0;top: 13px;} .pages-house .house-right .chatrecord .member {padding-left: 70px;padding-top: 17px;display: inline-block; } .pages-house .house-right .chatrecord span{font-size: 12px;} .pages-house .house-right .chatrecord .btnarea button {padding: 4px 9px;color: #fff;margin-left: 5px;cursor: pointer;background: linear-gradient(113deg, #1dd3ab 0%, #03cc6c 100%);border-radius: 27px;width: 80px;} .pages-house .title .t .topbox{float: left;background-color: #fff2d7;border-radius: 4px;margin-left: 20px;padding-bottom: 3px;padding-right: 15px;} .pages-house .title .t .topbox span{display: inline-block;} .pages-house .title .t .topbox span:first-child{font-size: 18px;color: #fe9817;font-weight: bold;padding-left: 30px;position: relative;} .pages-house .title .t .topbox span:first-child::before{content: '\e6f3';font-family:'iconfont';width: 20px;height: 20px;position: absolute;top: 1px;left: 6px;font-size:24px;} .pages-house .title .t .topbox span:last-child a{font-size: 14px;color: #fe9817;text-decoration: underline;} .pages-house .title .other{ margin-top:16px; } .pages-house .title .other:after{ content:''; display:block; clear:both; } .pages-house .title .tag{ float:left; padding:1px 0; } .pages-house .title .tag span{ float:left; line-height:22px; padding:0 10px; border-radius: 4px; margin-right:10px; font-size:12px; color:#999;background: #f3f4f6;} /*.pages-house .title .tag span:first-child{ background:#30a15d; border-color:#30a15d; color:#fff; }*/ .pages-house .title .tag .zaishou{ background:#30a15d; color:#fff; border-color:#30a15d; } .pages-house .title .tag .daishou{ background:#4285f4; color:#fff; border-color:#4285f4; } .pages-house .title .tag .shouwan{ background:#999999; color:#fff; border-color:#999999; } .pages-house .title .tag .weipan{ background:#fc7b75; color:#fff; border-color:#fc7b75; } .pages-house .title .tag .zaizu{ background:#fb9252; color:#fff; border-color:#fb9252; } .pages-house .title .sao{ float:right; margin-right:20px; cursor:pointer; position:relative; } .pages-house .title .show{ color: #31ce90; font-size:16px; line-height:24px; padding-left:32px; position:relative; } .pages-house .title .show .iconfont{position: absolute;left: 0;font-size: 18px;color: #31ce90;} .pages-house .title .tel{ float:right; height:24px; margin-right:30px; font-size:20px; color:#333; line-height:24px; position:relative; font-weight: bold;} .pages-house .title .tel:after{ content: attr(data-txt); position:absolute; font-size:18px; line-height:20px; left: -5em; top: 2px; color:#333; font-weight: normal;} .pages-house .title .tel strong{ font-size:20px; color:#333; } .pages-house .title .ewm{ position:absolute; width:168px;left:-36px; background:#fff; padding:0 0 10px; box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 8px 1px; display:none; z-index:2; } .pages-house .title .ewm p{ color:#999999; text-align:center; font-size:12px; padding-top: 10px} .rightfloat .panel p{ color:#999999; text-align:center; font-size:12px; } /* 4个操作类型的时候 */ .rightfloat .iminletpanel5 .iminletindex{max-height: 395px} .rightfloat .panel.iminletpanel5{margin-top: -260px} .rightfloat .panel.iminletpanel4{margin-top: -182px} .rightfloat .panel.iminletpanel3{margin-top: -103px} .rightfloat .panel.iminletpanel2{margin-top: -24px} .rightfloat .panel.iminletpanel1{margin-top: -24px} .rightfloat .panel.iminletpanel5:after{top:256px;bottom: auto;} .rightfloat .panel.iminletpanel4:after{top:178px;bottom: auto;} .rightfloat .panel.iminletpanel3:after{top:99px;bottom: auto;} .rightfloat .panel.iminletpanel2:after{top:20px;bottom: auto;} .rightfloat .panel.iminletpanel1:after{top:20px;bottom: auto;} .rightfloat.hava_gfzg .panel.iminletpanel5{margin-top: -210px} .rightfloat.hava_gfzg .panel.iminletpanel4{margin-top: -132px} .rightfloat.hava_gfzg .panel.iminletpanel3{margin-top: -53px} .rightfloat.hava_gfzg .panel.iminletpanel2{margin-top: -24px} .rightfloat.hava_gfzg .panel.iminletpanel1{margin-top: -24px} .rightfloat.hava_gfzg .panel.iminletpanel5:after{top:206px;bottom: auto;} .rightfloat.hava_gfzg .panel.iminletpanel4:after{top:128px;bottom: auto;} .rightfloat.hava_gfzg .panel.iminletpanel3:after{top:49px;bottom: auto;} .rightfloat.hava_gfzg .panel.iminletpanel2:after{top:20px;bottom: auto;} .rightfloat.hava_gfzg .panel.iminletpanel1:after{top:20px;bottom: auto;} .rightfloat.hava_gfzg .gomobile .panel{margin-top: -79px;box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px 1px;} .rightfloat.hava_gfzg .gomobile .panel:after{top:-42px} .pages-house .title .ewm .codetel{ width:150px; height:190px; margin:0 auto; } .pages-house .title .sao:hover .ewm{ display:block; } .pages-house .navigate{ overflow:hidden; background:#f2f2f2; margin-top:20px; } .pages-house .navigate a{ float:left; width:93px; line-height: 50px; font-size:18px; color:#333333; text-align:center; transition:background .3s; position: relative;} .pages-house .navigate .hotline{ width: auto; font-size: 16px; float: right; margin-right: 12px;} .pages-house .navigate .hotline .phone{ color: #333333; font-size: 16px; font-weight: bold;} .pages-house .navigate a.active:after{ content: "";position: absolute; width: 30px; height: 4px; background: #31ce90; bottom: 0; left: 0; right: 0; margin: 0 auto; border-radius: 4px;} .pages-house .navigate .ohop{position: relative;} .pages-house .navigate .ohop:before{content: "hot";position: absolute;color: #fff;background: #fe4844;border-radius: 4px 0 4px 0;top:0;right:0;font-size: 12px;line-height:1;padding: 1px 2px;} .pages-house .navigate a.active,.pages-house navigate a:hover{ color: #31ce90;font-weight: bold; } .pages-house .mianze{ color:#869099; line-height:38px; font-size:12px; padding:0 16px; border:#dfdfdf 1px solid; background: #f0efef; } .pages-house .mianze span{ color:#869099; font-weight:bold; font-size: inherit;} .pages-house .dingyue{ border:#f1f1f1 1px solid; } .pages-house .dingyue.scene{background: no-repeat;border-radius: 10px;box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.05);} .pages-house .dingyue .tit{ overflow:hidden; background:#f3f3f3; } .pages-house .dingyue .tit p{ float:left; line-height:54px; margin-left:20px; font-size:18px; color:#333; } .pages-house .dingyue .tit span{ float:left; line-height:54px; color:#999; font-size:12px; margin-left:10px; } .pages-house .dingyue .checkbox{ margin-left:24px; overflow:hidden; } .pages-house .dingyue .checkbox label{ float:left; position:relative; width:84px; overflow:hidden; cursor:pointer; margin-top:20px; } .pages-house .dingyue .checkbox input{ position:absolute; width:10px; height:10px; left:-20px; } .pages-house .dingyue .checkbox span{float:left; width:13px; height:13px; margin:4px 0 0 0;font-family: 'iconfont';} .pages-house .dingyue .checkbox span::before{content: '\e69a';font-size: 12px;} .pages-house .dingyue .checkbox input:checked span::before{content: '\e69b';} .pages-house .dingyue .checkbox p{ float:left; line-height:20px; font-size:12px; color:#333; margin-left:4px; } .pages-house .dingyue .input{ margin:24px 24px 0; } .pages-house .dingyue .input input{ width:100%; border:#e5e5e5 1px solid; height:30px; text-indent:10px; line-height:28px\9; } .pages-house .dingyue .xy{ margin:28px 0 0 24px; overflow:hidden; } .pages-house .dingyue .xy label{ float:left; position:relative; cursor:pointer; margin:4px 0 0 0; } .pages-house .dingyue .xy input{ position:absolute; width:10px; height:10px; left:-20px; } .pages-house .dingyue .xy span{ float:left; width:12px; height:12px;font-family: 'iconfont'; } .pages-house .dingyue .xy span::before{content: '\e69a';font-size: 12px;} .pages-house .dingyue .xy input:checked span::before{content: '\e69b';} .pages-house .dingyue .xy p{ float:left; line-height:20px; height:20px; font-size:12px; margin-left:2px; } .pages-house .dingyue .xy a{ font-size:12px; } .pages-house .dingyue .btn{ margin:40px 24px 0;border-radius: 4px; } .pages-house .dingyue .btn input{ width:100%; height:40px; background:#30a15d; color:#fff; border-radius:4px; cursor:pointer; } .pages-house .dingyue1{ overflow:hidden; background:#eee; padding:15px 0; margin-top:40px; } .pages-house .dingyue1 .t{ font-size:16px; margin-top:16px; width:140px; font-weight:bold; padding-top:4px; line-height:20px; color:#333; float:left; margin-left:26px; padding-left:54px; position:relative; } .pages-house .dingyue1 .t:before{ content:''; position:absolute; width:38px; height:47px; background: -310px -140px; left:0; top:0; } .pages-house .dingyue1 .txt{ float:left; line-height:28px; color:#999; width:300px; padding:12px 0; position:relative; } .pages-house .dingyue1 .txt:after{ content:''; position:absolute; width:1px; height:100%; background:#ddd; top:0; right:0; } .pages-house .dingyue1 .input{ float:left; width:240px; margin:25px 0 0 24px; } .pages-house .dingyue1 .input input{ width:100%; height:30px; border:#e5e5e5 1px solid; border-radius:2px; background:#fff; text-indent:1em;border: 1px solid #30a15d;} .pages-house .dingyue1 .btn{ float:left; margin:25px 0 0 24px; } .pages-house .dingyue1 .btn button{ width:80px; height:30px; background:#30a15d; color:#fff; border-radius:2px; cursor:pointer; } .pages-house .dingyue2 .t{ width:100%; padding:0; margin:0 0 0 20px; } .pages-house .dingyue2 .t:before{ content:none; } .pages-house .dingyue2 .txt{ width:100%; padding:0; color:#333; margin:8px 0 0 20px; } .pages-house .dingyue2 .input,.pages-house .dingyue2 .btn{ margin:10px 0 0 20px; } .pages-house .ccgwt{background: no-repeat center;} .pages-house .ccgwt .left{width: 50%;float: left;} .pages-house .ccgwt .title{font-size: 36px;color: #30a15d;line-height: 36px;margin-right: 36px;margin-left: 33px;margin-top: 5px;font-weight: bold;} .pages-house .ccgwt .right{width: 50%;float: left;margin-top: 25px;} .pages-house .ccgwt .right.havecard{margin-top: 4px;} .pages-house .ccgwt .input input[name=moblie]{width: 100%} .pages-house .ccgwt .havecard .mobile{width: 90%;} .pages-house .ccgwt .left .text{font-size: 14px;font-family: source han sans cn;font-weight: 400;color: #666666;line-height: 21px;padding: 5px 33px;} .pages-house .ccgwt .t{width: unset;font-size: 36px;color: #30a15d;line-height: 36px;margin-right: 36px;margin-left: 33px;margin-top: 5px;} .pages-house .ccgwt .input{float: left;margin: 0;margin-top: 3px;height: 40px;} .pages-house .ccgwt .input input{height: 36px;} .pages-house .ccgwt .btn{margin: 0;margin-top: 3px;background-color: #30a15d;border-radius: 0px 4px 4px 0px;height: 36px;line-height: 36px;} .pages-house .ccgwt .btn button{font-size: 14px;padding: 0px 34px;width: unset;height: 36px;border-radius: 5px;} .pages-house .ccgwt .txt{margin-left: 33px;font-size: 16px;} .pages-house .list-dt{ margin-top: 20px; } .pages-house .list-dt h5{ overflow:hidden; padding:8px 0;font-size: 24px;color: #333333; } .pages-house .list-dt .dt_select{overflow: hidden;display: flex;font-size: 24px;color: #333333;} .pages-house .list-dt .dt_item{ width: 100px;color: #666666;cursor: pointer;margin-right: 30px;font-size: 14px;line-height: 36px; text-align: center; border-radius: 36px;background: #f1f1f1;} .pages-house .list-dt .dt_item:hover{ color: #31ce90; background: #e2faef;} .pages-house .list-dt .childitemselect{padding: 15px 0; margin: 20px 0; border-bottom: 1px solid #d6d6d6;} .pages-house .list-dt .childitem{color: #333333;cursor: pointer;margin-right: 20px;} .pages-house .list-dt .childitem.active{color: #31ce90;} .pages-house .list-dt h5 a{ font-size:14px; padding:0 10px; border-radius:2px; color:#333; font-weight:normal; line-height:24px; float:left; margin-right:10px; } .pages-house .list-dt .dt_item.active{ background: #e2faef; color: #31ce90; } .pages-house .list-dt ul{ padding-left:26px; margin-top:12px; position:relative; } .pages-house .list-dt ul:before{ content:''; position:absolute; width:1px; height:100%; background:#ffa01e; left: 5px; top:0; } .pages-house .list-dt li{ padding-bottom:24px; position:relative; } .pages-house .list-dt li:before{ content:''; position:absolute; width:12px; height:12px; border-radius:50%; background: no-repeat;background-size: contain; left:-26px; top:5px; z-index:2; } .pages-house .list-dt li:after{ content:''; position:absolute; width:12px; height:20px; background:#fff; left:-26px; top:0; z-index:1; } .pages-house .list-dt li:not(:first-child)::after{ content:''; position:absolute; width:12px; height:40px; background:#fff; left:-26px; top:-30px; z-index:1;padding-top: 10px; } .pages-house .list-dt li:last-child:after{ content:''; position:absolute; width:12px; height:40px; background:#fff; left:-26px; top:-30px; z-index:1;padding-top: 10px; } .pages-house .list-dt li:last-child{padding-bottom: 0px;} .pages-house .list-dt .date{ line-height:24px; color:#999999;margin-top: 10px; font-size: 12px; } .pages-house .list-dt .date .tag{ line-height: 20px; display: inline-block; background: #fef5e4; color: #ffa01e;} .pages-house .list-dt .date span{ margin-right: 10px; font-size: inherit;} .pages-house .list-dt .t{ display: flex;line-height:20px; height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:4px; } .pages-house .list-dt .t a{ font-size:18px; color:#333; font-weight:bold; } .pages-house .list-dt .tag{font-size: 12px;padding: 0 4px;border-radius: 2px;} .pages-house .list-dt a:hover{ color: #31ce90; } .pages-house .list-dt .desc{ position: relative;color:#666666; line-height:28px; margin-top: 16px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical; } .pages-house .list-dt .flex{display: flex;justify-content: space-between;} .pages-house .list-dt .buyimg{width: 168px;height:120px;margin-left: 40px;} .pages-house .list-dt .readall{position: absolute;width: 7em;right: 0;bottom: 0;background: #ffffff;padding-left: 1em;color: #31ce90;} .pages-house .list-dt .more, .pages-house .list-dt .scene-more{ margin-top:10px; background:#eee; line-height:30px; height:30px; text-align:center; } .pages-house .list-dt .more a, .pages-house .list-dt .scene-more a{ color:#333; } .pages-house .list-dt .more a:hover, .pages-house .list-dt .scene-more a:hover{ color:#30a15d; } .pages-house .list-dt .scenelist .sceneitem{padding-bottom: 30px;border-bottom: 1px dashed #dddddd;} .pages-house .list-dt .editor{position: relative;height:36px;margin-top: 15px;display: flex;justify-content: space-between;} .pages-house .list-dt .editor .avatar{width: 36px;height: 36px;display: inline-block;vertical-align: middle;object-fit: cover;margin-right: 15px;border-radius: 50%;} .pages-house .list-dt .editor .name{font-size: 14px;color: #333333;display: inline-block;vertical-align: middle;margin-right: 15px;} .pages-house .list-dt .editor .scene-label{background-color: rgba(48,161,93,.1);display: inline-block;color: rgba(48,161,93,1);padding: 0 8px;vertical-align: middle;margin-right: 15px;} .pages-house .list-dt .editor .scene-time{} .pages-house .list-dt .editor .tels{font-size: 14px;color: #999999;display: inline-block;vertical-align: middle;margin-right: 15px;} .pages-house .list-dt .editor .imbtn{font-size: 12px;display: inline-block;margin-top: 5px;margin-left: 20px;height: 26px;line-height: 26px;border: 1px solid #30a15d;color: #ffffff;background: #30a15d;padding: 0 7px;border-radius: 4px;cursor: pointer;} .pages-house .list-dt .editor .imbtn .iconfont{color: inherit;-webkit-text-stroke-width: 0;} .pages-house .list-dt .editor .sce-phone{color: #fe4844;font-size: 16px;display: inline-block;position: relative;cursor: pointer;line-height: 36px;} .pages-house .list-dt .editor .sce-phone .iconfont{color: inherit;} .pages-house .list-dt .editor .scane-code{display: none;position: absolute;width: 170px;background: #ffffff;box-shadow: rgb(0 0 0 / 10%) 0px 0px 8px 1px;z-index: 1;} .pages-house .list-dt .editor .sce-phone:hover .scane-code{display: block;} .pages-house .list-dt .editor .scane-code .desc{color: #999999;font-size: 12px;padding-top: 10px;line-height: 1.5;text-align: center;margin: 0 auto;font-weight: normal;} .pages-house .list-dt .scenecontent .tag{border: 1px solid #30a15d;margin-right: 10px;font-size: 12px;padding: 0 4px;border-radius: 2px;color: #30a15d;box-sizing: border-box;display: inline-block;} .pages-house .list-dt .scenecontent .body{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin: 20px 0;} .pages-house .list-dt .scenecontent .content{color: #333333;} .pages-house .list-dt .scenecontent .imgbox{position: relative;display: flex;} .pages-house .list-dt .scenecontent .imgs{position: relative;display: flex;} .pages-house .list-dt .scenecontent .imgs img{width: 100px;height: 71px;margin-left: 10px;} .pages-house .list-dt .scenecontent .imgs img:first-child{margin-left: 0;} .pages-house .list-dt .scenecontent .allnum{color: #ffffff;background: #333333;width: 40px;height: 20px;margin-left: -40px;z-index: 1;text-align: center;} .pages-house .list-dt .housebuylist .housebuyitem{padding: 30px 0;border-bottom: 1px dashed #dddddd;} .pages-house .list-dt .housebuylist a:first-child .housebuyitem{padding-top: 0;} .pages-house .list-dt .housebuylist .title{font-size: 18px;font-weight: bold;color: #333333;line-height: 40px;} .pages-house .list-dt .housebuylist .iconfont{color: #999999;padding-right: 10px;} .pages-house .list-dt .housebuylist .date{color: #999999;} .pages-house .priceequal{ margin:20px 0; } .pages-house .priceequal .tit{ overflow:hidden; border-bottom:#e5e5e5 1px solid; } .pages-house .priceequal h5{ font-size:18px; color:#333; line-height:36px; font-weight:normal; float:left; } .pages-house .priceequal .tit a{ float:right; line-height:20px; color:#999; font-size:12px;margin-right: 0em; margin-top:8px; } .pages-house .priceequal .tit a:hover{ color: #31ce90; } .pages-house .priceequal li{ padding:12px 0; border-bottom:#e5e5e5 1px dashed; } .pages-house .priceequal li:hover{ background:#f8f8f8; } .pages-house .priceequal li a{ display:block; overflow:hidden; } .pages-house .priceequal span{ float:left; line-height: 20px; width: 20px; background:#e8e8e8; color:#999999; text-align:center; font-size:12px; margin:3px 16px 0 0; border-radius: 50%;} .pages-house .priceequal li:nth-child(-n 3) span{ background: #ffc300; color: #ffffff; } .pages-house .priceequal p{ float:left; line-height:20px; color:#333; width:90px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .pages-house .priceequal .esf_name{width: 180px} .pages-house .priceequal i{ float:right; text-align: center !important; line-height:20px; color:#333; width:65px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-style:normal; text-align:left; } .pages-house .priceequal li a:hover p,.pages-dt .priceequal li a:hover i{ color: #31ce90; } .pages-house .newprice{ padding-bottom:16px;margin-bottom:30px;background: no-repeat;box-shadow: 0px 0px 7px 0px rgb(106 106 106 / 24%);border-radius: 10px;border:1px solid #f1f1f1; } .pages-house .newprice .tit{ width: 170px;font-size:18px; color:#fff; line-height:30px;font-weight: bold;margin: 20px 0 0 20px;} .pages-house .newprice .txt{ color:#666666; font-size:14px;text-align: left; line-height:24px; padding: 20px;} .pages-house .newprice .input{ margin: 0 15px; } .pages-house .newprice .input input{ width:100%; height:40px; border:#e5e5e5 1px solid; text-indent:10px;border-radius: 4px;} .pages-house .newprice .xy{ overflow:hidden;margin: 10px 15% 0; } .pages-house .newprice .xy label{ float:left; position:relative; overflow:hidden; margin-top:4px; } .pages-house .newprice .xy span{ display:block; width:13px; height:14px;line-height: 13px;} .pages-house .newprice .xy span::before{content: '\e69a';font-family: 'iconfont';font-size: 12px;} .pages-house .newprice .xy input:checked span::before{content: '\e69b';font-family: 'iconfont';font-size: 12px;} .pages-house .newprice .xy input{ position:absolute; width:10px; height:10px; left:-20px; } .pages-house .newprice .xy p{ float:left; font-size: 12px; height:20px; margin-left:4px;color:#666666;line-height: 20px; } .pages-house .newprice .xy a{ color:inherit;font-size: inherit; } .pages-house .newprice .btn{ margin: 19px 15px 0px; } .pages-house .newprice button{ width:100%; cursor: pointer; color:#fff; border-radius:4px;height: 34px;line-height: 34px;background-color: #30a15d;box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.5);} .fixednav{ position:fixed; width:100%; left:0; top:0; z-index:9; background:#fff; display:none; } .moreesf{margin-top: 20px} .moreesf .esf_right_img{width: 290px;height:111px} .pages-dp .commentlist{background: unset;} /* 新版楼盘价值分析 */ .pages-dp .valuebox{*background: #ffffff;} .pages-dp .valuebox .title{font-size: 24px;font-weight: 800;color: #333333;padding-left: 15px;padding-top: 15px;position: relative;} .pages-dp .valuebox .title:before{content:"";position: absolute;background: ;width: 126px;height: 72px;background-size: cover;right: 0;top:0;} .pages-dp .valuebox .gradebox{margin: 28px 15px 0;display: flex;border-bottom: 1px solid #eee;padding-bottom: 20px;} .pages-dp .valuebox .gradebox_left{width: 105px;padding-right: 12px;border-right: 1px solid #eee;} .pages-dp .valuebox .gradebox_right{flex:1;z-index: 1;padding-left: 12px;} .pages-dp .valuebox .grade{font-size: 42px;font-family: 'din';font-weight: bold;color: #333;text-align: center;} .pages-dp .valuebox .gradeimg{position: relative;width: 88px;height: 16px;margin: 20px auto 0;display: block;text-align: center;} .pages-dp .valuebox .grade_bottom{position: absolute;left: 0;width: 88px;height: 16px;background: no-repeat;background-size: cover;} .pages-dp .valuebox .grade_top{position: absolute;left: 0;height: 16px;background: no-repeat;background-size: auto 16px;} .pages-dp .valuebox .type_block{width: 98%;display: inline-block;font-size: 12px;line-height: 24px;} .pages-dp .valuebox .type_block .type_name{color: #999;width: 68px;display: inline-block;} .pages-dp .valuebox .type_block .type_grade{color:#333;padding-left: 5px;padding-right: 5px;} .pages-dp .valuebox .progress{position: relative;width: 65px;height: 4px;display: inline-block;vertical-align: top;} .pages-dp .valuebox .progress_bottom{background: #999;width: 65px;height: 4px;position: absolute;border-radius: 4px;top:10px;} .pages-dp .valuebox .progress_top{background: #30a15d;height: 4px;position: absolute;border-radius: 4px;top:10px;} .pages-dp .valuebox .btn p{position: relative;padding-left: 48px;word-break: break-all;color: #333;width: 100%;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;line-height: 20px;margin-top: 10px;} .pages-dp .valuebox .price p:before{content: "";position: absolute;background: no-repeat;width: 40px;height: 40px;left:0;background-size: cover;} .pages-dp .valuebox .btn .label{font-weight: bold;} .pages-dp .valuebox .traffic{position: relative;} .pages-dp .valuebox .traffic:before{content: "";position: absolute;background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, #ffffff 100%);width: 100%;height: 40px;z-index: 3;} .pages-dp .valuebox .traffic p:before{content: "";position: absolute;background: no-repeat;width: 40px;height: 40px;left:0;background-size: cover;} /* 公共帮您找房 */ .pages-house .help-house h5{ font-size:18px; color:#333; line-height:40px; font-weight:normal; } .pages-house .help-house .item{ margin-bottom:10px; } .pages-house .help-house .item-sel{ position:relative; } .pages-house .help-house .item-sel .tit{ line-height:28px; cursor:pointer; border:#e5e5e5 1px solid; color:#999; font-size:12px; text-indent:10px; padding-right:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .pages-house .help-house .item-sel .tit:after{ content:''; position:absolute; width:0; height:0; border-left:transparent 6px solid; border-right:transparent 6px solid; border-top:#999 6px solid; margin:auto; right:10px; top:0; bottom:0; pointer-events:none; } .pages-house .help-house .item-sel ul{ display:none; position:absolute; padding:10px 0; width:100%; left:0; top:30px; border:#e5e5e5 1px solid; border-top:none; background:#fff; overflow:hidden; z-index:2; } .pages-house .help-house .item-sel:hover ul{ display:block; } .pages-house .help-house .item-sel li{ float:left; width:50%; position:relative; overflow:hidden; padding:4px 0 4px 10px; } .pages-house .help-house .item-sel label{ cursor:pointer; } .pages-house .help-house .item-sel input{ position:absolute; width:10px; height:10px; left:-20px; } .pages-house .help-house .item-sel span{ float:left; width:12px; height:12px; background: -110px -80px; margin:4px 4px 4px 0; } .pages-house .help-house .item-sel input:checked span{ background-position:-130px -80px; } .pages-house .help-house .item-sel p{ float:left; line-height:20px;} .pages-house .help-house .item-input input{ width:100%; height:30px; border:#e5e5e5 1px solid; text-indent:10px; font-size:12px; } .pages-house .help-house .item-select{ position:relative; } .pages-house .help-house .item-select select{ width:100%; height:30px; border:#e5e5e5 1px solid; background:transparent; -webkit-appearance:none; -moz-appearance:none; -ms-progress-appearance:none; appearance:none; text-indent:3px; font-size:12px; cursor:pointer; padding-left:8px; } .pages-house .help-house .item-select:after{ content:''; position:absolute; width:0; height:0; border-left:transparent 6px solid; border-right:transparent 6px solid; border-top:#999 6px solid; margin:auto; right:10px; top:0; bottom:0; pointer-events:none; } .pages-house .help-house .item-xy{ overflow:hidden; } .pages-house .help-house .item-xy label{ float:left; position:relative; } .pages-house .help-house .item-xy input{ position:absolute; width:10px; height:10px; left:-20px; } .pages-house .help-house .item-xy span{ float:left; width:12px; height:12px; background: -110px -80px; margin:4px 4px 4px 0; } .pages-house .help-house .item-xy input:checked span{ background-position:-130px -80px; } .pages-house .help-house .item-xy p{ float:left; line-height:20px; height:20px; color:#999; font-size:12px; } .pages-house .help-house .item-xy a{ color:#f69207; font-size:12px; } .pages-house .help-house .item-xy a:hover{ text-decoration:underline; } .pages-house .help-house .btn button{ width:100%; height:30px; color:#fff; border-radius:4px; background:#30a15d; cursor:pointer; } .fixednav .top{ height:80px; } .fixednav .t{ float:left; width:490px; margin-top:26px; } .fixednav .t p{ font-size:28px; line-height:28px; font-weight:normal; color:#333; float:left; } .fixednav .t span{ float:left; line-height:16px; color:#999; margin:12px 0 0 20px; } .fixednav .im{ float:left; margin-top:15px; } .fixednav .im .i{ float:left; width:50px; height:50px; overflow:hidden; border-radius:50%; } .fixednav .im .i img{ width:100%; height:100%; object-fit:cover; } .fixednav .im .p{ float:left; margin-left:8px; } .fixednav .im .p p{ font-size:12px; color:#333; line-height:24px; } .fixednav .im .p span{ width: 60px;text-align: center;display:block; line-height:24px; color:#fff; font-size:12px; background:#30a15d; border-radius:2px; padding:0 4px; cursor:pointer; } .fixednav .im .p .easychat-im { display:block; line-height:24px; color:#fff; font-size:12px; background:#30a15d; border-radius:2px; padding:0 4px; cursor:pointer; } .fixednav .im .p .easychat-im a {color:#fff; font-size:12px;} .fixednav .tel{ float:right; margin-top:25px; } .fixednav .tel .sao{float: left;position: relative;} .fixednav .tel p{ line-height:30px; font-size:20px; font-weight:bold; color:#fe4844; margin-right:20px; position:relative; } /* 图片未显示,为减少https请求数,已删除背景图 */ .fixednav .tel p:before{ content:'售楼热线:'; position:absolute; left: -4.6em; } .fixednav .tel button{ float:left; background:#30a15d; color:#fff; height:30px; width:80px; border-radius:2px; cursor:pointer; } .fixednav .bottom{ background: #f2f2f2; } .fixednav .bottom .navigate{ margin-top:0; } .fixednav .tel .em{ width: 170px; position: absolute; background: #fff; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px 1px; right: 20px; } .fixednav .tel .em img, .fixednav .tel .em canvas{ margin: 0 auto; display: block; } .fixednav .tel .codetel p{ color: #999999; font-size: 12px; padding-top: 10px; line-height: 1.5; text-align: center; margin: 0 auto; font-weight: normal; } .fixednav .sao .em{ display: none; } .fixednav .sao:hover .em{ display: block; } /* 详情页 */ .pages-house{ padding-bottom:20px; } .pages-detail .borough_name{ max-width: 16em;font-size: 28px;font-weight: bold;color: #333333; line-height: 38px;} .pages-detail .imgtext .scorebox{margin-left: 10px;} .pages-detail .imgtext .scorebox .star{ width: 16px; height: 16px; background: #f00000; margin-top: 11px; color: #ffffff;line-height: 16px; text-align: center;} .pages-detail .imgtext .scorebox .curscore{line-height: 38px; color: #f00000; font-size: 16px;margin-left: 5px;} .pages-detail .imgtext .scorebox .upper{line-height: 38px; font-size: 16px; margin-left: 5px;} .pages-detail .imgtext .scorebox .gopage{color: #999999; font-size: 12px; line-height: 38px;margin-left: 5px;} .pages-detail .imgtext .scorebox .gopage .iconfont{color: inherit; font-size: inherit;} .pages-detail .baseinfo .other{display: flex; margin-top: 8px;} .pages-detail .baseinfo .other .tag{display: flex; margin-right: 10px;} .pages-detail .baseinfo .other .alias{font-size: 12px; color: #999999; line-height: 22px; height: 22px;} .pages-detail .baseinfo .other span{ padding: 0 5px;line-height: 22px; height: 22px;background: #f3f4f6; color: #999999; text-align: center; font-size: 12px; margin-right: 7px;} .pages-detail .baseinfo .other span:last-child{margin-right: 0;} .pages-detail .baseinfo .showtop{ display: flex;} .pages-detail .mianze{ margin-top:20px; } .pages-detail .baseinfo{ margin-top:15px; display: flex;} .pages-detail .baseinfo:after{ content:''; display:block; clear:both; } .pages-detail .swiper{ width:520px; } .pages-detail .swiper .big{ width:520px; height:324px; position:relative; } .pages-detail .swiper .big ul{ width:520px; height:324px; position:relative; overflow:hidden; } .pages-detail .swiper .big li{ position:absolute; width:100%; height:100%; top:0; left:100%; } .pages-detail .swiper .big li.active{ left:0; } .pages-detail .swiper .big img{ width:100%; height:100%; object-fit:inherit; } .pages-detail .swiper .big .is_video{position: relative;} .pages-detail .swiper .big .is_video:hover{cursor: pointer;} .pages-detail .swiper .big .pause:before{content: "\e6f2";position: absolute;z-index:9;width: 80px;height: 80px;left: 200px;top: 110px;font-family: 'iconfont';color: #fff;font-size: 80px;} .pages-detail .swiper .big li a{ display:block; height:320px;position: relative; } .pages-detail .swiper .big li a div{width: 90px;height: 90px;background: rgba(0, 0, 0, 0.34);margin: 0 auto;position: absolute;top:50%;left: 50%;border-radius: 50%;margin-left: -45px;margin-top: -45px;} .pages-detail .swiper .rank{position: absolute;top: 12px;left: 20px;line-height: 24px;background: linear-gradient(90deg, #ffc96c 0%, #ffd690 0%, #edd6b0 80%, #edd6b0 93%);border-radius: 4px;padding: 0 5px 0 24px;color: #be7d25;font-size: 12px;z-index: 1} .pages-detail .swiper .rank:before{ content: ""; position: absolute; left: 3px; top: 4px; background: no-repeat; background-size: cover; width: 16px; height: 16px;} .pages-detail .swiper .big .vr{width: 80px;height: 80px;display: inline-block;background: no-repeat;background-size: contain;margin-left: 5px;margin-top: 5px;animation: move 5s linear 0s infinite;} @keyframes move { 0%{transform: rotate(0);} 100%{transform: rotate(360deg);} } .pages-detail .swiper .big li .followbox{width: 36px;height: 36px;position: absolute;top: 7px;right: 15px;cursor: pointer;background: #999;border-radius: 50%;text-align: center;line-height: 38px;} .pages-detail .swiper .big li .followbox::after{content: '\e651';color: #fff;font-family: 'iconfont';font-size: 18px;} .pages-detail .swiper .big li .followed{background: #ff0904;} .pages-detail .swiper .big img{ width:100%; height:100%; object-fit:cover; } .pages-detail .swiper .flex-direction-nav{ position:absolute; width:100%; height:0; left:0; top:0; } .pages-detail .swiper .flex-direction-nav a{ position:absolute; width:32px; height:70px; background:#000; background:rgba(0, 0, 0, 0.5); filter:alpha(opacity=50); top:115px; } .pages-detail .swiper .flex-direction-nav .iconfont{line-height: 70px;font-size: 26px;text-align: center;color: #999999;display: inherit;} .pages-detail .swiper .flex-prev{ left:0; } .pages-detail .swiper .flex-next{ right:0; } .pages-detail .swiper .small{ position: relative; overflow: hidden;} .pages-detail .swiper .small ul{ width:48888px; } #carousel ul{position: relative;overflow: hidden;padding-top: 10px;} .pages-detail .swiper .small .flex-direction-nav a{top:10px;} .pages-detail .swiper .small ul:after{ content:''; display:block; clear:both; } .pages-detail .swiper .small li{ float:left; width:114px; height:72px; margin-right:8px; cursor:pointer; position:relative; } .pages-detail .swiper .small li.active:before{ content:''; position:absolute; width:0; height:0; border-left:transparent 6px solid; border-right:transparent 6px solid; border-bottom:#30a15d 6px solid; margin:auto; left:0; top:-6px; right:0; } .pages-detail .swiper .small li.active:after{ content:''; position:absolute; width:100%; height:100%; border:#30a15d 2px solid; left:0; top:0; box-sizing:border-box; } .pages-detail .swiper .small img{ width:100%; height:100%; object-fit:cover; } .pages-detail .swiper .small span{ position:absolute; width:100%; left:0; bottom:0; background:#000; background:rgba(0, 0, 0, 0.5); filter:alpha(opacity=50); color:#fff; font-size:12px; line-height:20px; text-align:center; } .pages-detail .swiper .small .miniplay{position: absolute;width: 44px;height:44px;margin: 0 auto;left: 0;right: 0;top:4px;} .pages-detail .swiper .small li .video-s{background: rgba(0,0,0,0.3);border-radius: 50%;text-align: center;line-height: 44px;} .pages-detail .swiper .small li .video-s .iconfont{color: #fff;font-size: 37px;} .pages-detail .imgtext{ margin-left:20px; position: relative; flex: 1;} .pages-detail .imgtext .showtop:after{content: "";display: block;clear: both;} .pages-detail .imgtext .price{ position: relative;color:#999999; line-height:36px; height:40px; cursor: pointer; padding-right: 15px;} .pages-detail .imgtext .price .pricestr{ font-size: 24px; font-weight:bold; color:#fe4844; } .pages-detail .imgtext .price .priceunit{color: #fe4844;} .pages-detail .imgtext .explain{ float:left; margin-left:20px;position: relative; } .pages-detail .imgtext .explain:hover:after{content: attr(data-title);position: absolute;left: 0;top: 35px;background: #fff;color: #666;z-index: 111;width: 200px;box-shadow: 0px 6px 9px 10px rgba(0, 0, 0, 0.05);padding: 5px;border-radius: 4px;} .pages-detail .imgtext .explain span{ float:left; margin:16px 4px 0 0; width:14px; height:14px; background: -80px -190px; } .pages-detail .imgtext .explain p{ float:left; line-height:20px; color:#999; margin-top:13px; cursor: pointer} .pages-detail .imgtext .bm{ margin:11px 0 0 10px; } .pages-detail .imgtext .bm button{ font-size: 14px;background:transparent; color:#31ce90; height:20px; cursor:pointer;border-radius: 4px; padding-right: 8px; position: relative;} .pages-detail .imgtext .iconfont{color: #31ce90;font-size: 12px;} .pages-detail .imgtext .expirebox{position: relative;display: none;} .pages-detail .imgtext .expire{ color: #d0cece; -webkit-text-stroke-width: 0; margin: 0 5px; font-size: 16px;} .pages-detail .imgtext .expire_msg{ position: relative;} .pages-detail .imgtext .price:hover .expirebox{display: block; position: absolute;left: 50px;top: 36px;width: 300px;line-height: 20px;font-weight: normal;box-shadow: 0px 0px 1px 0px rgb(0 0 0 / 50%); background: #ffffff; padding: 4px 6px; border-radius: 8px; border: 1px solid #ddd;z-index: 1; white-space: normal;} .pages-detail .imgtext .expire_msg:before{ content: '';position: absolute;width: 0;height: 0;margin: 0 auto;border: 10px solid;left: 16px;top: -26px;border-color: transparent transparent #999 transparent;} .pages-detail .imgtext .expire_msg:after{ content: '';position: absolute;width: 0;height: 0;margin: 0 auto;border: 9px solid;left: 17px;top: -24px;border-color: transparent transparent #fff transparent;} .pages-detail .tools .iconfont{color: #333333;} .pages-detail .imgtext .bm button:hover{ text-decoration:underline; } .pages-detail .imgtext .disbtns{display: flex;justify-content: space-between;} .pages-detail .imgtext .enter{overflow: hidden;position: relative;margin: 9px 0; width: 48%; height: 71px; border-radius: 8px;background: rgba(255,160,9,.1);background: no-repeat;background-size: cover;} .pages-detail .imgtext .enter-tg{background: no-repeat;background-size: cover;} .pages-detail .imgtext .enter-tg:before{ width:24px; height:24px; background-position:-340px -80px; } .pages-detail .imgtext .enter-dy:before{ width:24px; height:22px; background-position:-370px -80px; } .pages-detail .imgtext .enter .title{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-indent: 70px;line-height: 45px;font-size: 16px;color: #00aa66; font-weight: bold;} .pages-detail .imgtext .enter-tg .title{text-indent: 26px;} .pages-detail .imgtext .enter .desc{font-size: 12px;color: #666666;vertical-align: bottom;text-indent: 70px;} .pages-detail .imgtext .enter-tg .desc{text-indent: 26px;} .pages-detail .imgtext .enter button{position: absolute;right: 26px; bottom: 10px; cursor: pointer;width: 95px;font-size: 14px;height: 26px;background: #00aa66;color: #fff;border-radius: 2px;} .pages-detail .imgtext .enter .iconfont{color: inherit; font-size: 12px;} .pages-detail .imgtext .line{ overflow:hidden;display: flex;display: -webkit-flex; overflow: unset;position: relative;line-height: 32px;} .pages-house .baseinfo .address{line-height: 32px;display: flex;display: -webkit-flex;} .pages-detail .baseinfo .address .adr{color: #333333;} .pages-house .baseinfo .address .ewm{display: none; position: absolute;width: 168px;background: #fff;padding: 0;box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px 1px;left: 0px;z-index: 2;} .pages-house .baseinfo .address .mapcode{width:150px;height: 150px;margin: 0 auto;} .pages-house .baseinfo .fsdz:hover .ewm{display: block;} .pages-detail .imgtext .enter .line{ margin-top:0px; } .pages-detail .imgtext .txt{ line-height:32px; overflow:hidden; color:#333; max-width:470px; text-overflow:ellipsis; white-space:nowrap; } .pages-detail .imgtext .txt .tit,.pages-detail .imgtext .wttext .tit{color: #999999;} .pages-detail .imgtext .link a{ font-size: 14px; color: #31ce90;padding-left:15px ;padding-right: 8px; position: relative;} .pages-detail .imgtext .link .dt{background: #fff;} .pages-detail .imgtext .link a:hover{ text-decoration:underline; } .pages-detail .baseinfo .im-r-row:after{content: "";display: block;clear: both;} .pages-detail .imgtext .more{ line-height:33px; margin-top:0px; } .pages-detail .imgtext .more a:hover{ color:#30a15d; } .pages-detail .imgtext .more .lisence{padding: 8px 10px;clear:both;position: absolute;left: -150px;top: 255px;height: 30px;background: rgba(255,255,255,0.9);border-radius: 5px;overflow: hidden;} .pages-detail .imgtext .more .lisence .lisence-icon{float: left;} .pages-detail .imgtext .more .lisence .lisence-iconfont{color: #000;font-size: 15px;line-height: 20px;} .pages-detail .imgtext .more .lisence .lisence-title{float: left;line-height: 15px;margin-left: 8px;} .pages-detail .imgtext .bohao{display: flex;position:relative; height: 100px; justify-content: space-between; } .pages-detail .imgtext .summer{display: flex; flex: 1; position: relative;} .pages-detail .imgtext .summer:after{ content: ""; position: absolute; width: 1px; height: 54px; background: #eaeaea; right:0; top: 23px; } .pages-detail .imgtext .goscene{ position: absolute;left: -110px;top: 255px;padding: 0px 13px;height: 24px;line-height: 24px;background: #ffffff;border-radius: 10px;} .pages-detail .imgtext .bohao .tel{font-size: 24px;line-height: 60px;color: #333333;} .pages-detail .imgtext .bohao .desc{font-size: 13px;color: #999999;font-weight: normal;} .pages-detail .imgtext .bohao .haoma{ color:#333333;font-weight: bold; margin-left: 15px;} .pages-detail .imgtext .bohao .sama{ position:relative; } .pages-detail .imgtext .bohao .sama img{width: 121px;height: 121px;display: block;} .pages-detail .imgtext .bohao .tit{ background:#46d879; cursor:pointer; line-height:36px; text-align: center; font-size:20px; color:#fff; position:relative; margin: 8px 10px;background: linear-gradient(90deg, #90ebb4, #30a15d);} .pages-detail .imgtext .bohao .ewm{ position:absolute; width:168px; background:#fff; padding:0 0 10px; box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 8px 1px; left:0px; z-index:2; display:none; } .pages-detail .imgtext .bohao .sama:hover .ewm{ display:block; } .pages-detail .imgtext .bohao .sama canvas{margin-left: 33px;} .pages-detail .imgtext .bohao .ewm p{ color:#999999; text-align:center; font-size:12px; padding-top: 10px} .pages-detail .imgtext .bohao .ewm .codetel{ width:150px; height:190px; margin:0 auto; } .pages-detail .imgtext .imbox{ width: 200px; display: flex; align-items: center; justify-content: right;} .pages-detail .imgtext .unauthorized{width: 250px;} .pages-detail .imgtext .imbox .avatar{ width: 70px; height: 70px; border-radius: 50%; margin: auto 0;} .pages-detail .imgtext .imbox .info{ margin-left: 20px; width: 100px;} .pages-detail .imgtext .unauthorized .info{ width: 150px; white-space: normal;} .pages-detail .imgtext .imbox .info .name{ font-size: 16px; color: #333333; } .pages-detail .imgtext .imbox .info .btn{ padding: 4px 9px;color: #fff;cursor: pointer;background: linear-gradient(113deg, #1dd3ab 0%, #03cc6c 100%);border-radius: 27px; margin-top: 10px;} .pages-detail .imgtext .imbox .info .btn .iconfont{color: #ffffff;} .pages-detail .imgtext .tools{ margin-top:13px; } .pages-detail .imgtext .tools:after{ content:''; display:block; clear:both; } .pages-detail .imgtext .item{ float:left; margin-right:20px; } .pages-detail .imgtext .item .tit{ font-size:12px; cursor:pointer; line-height:20px; color:#333; position:relative; text-indent:16px; } .pages-detail .imgtext .item-trend{ position:relative; } .pages-detail .imgtext .fixedtrend{ position:absolute; display:none; z-index:2; width:320px; background:#fff; box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 8px 1px; } .pages-detail .imgtext .item-trend:hover .fixedtrend{ display:block; } .pages-detail .imgtext .fixedtrend p{ font-size:12px; color:#999; line-height:32px; text-indent:10px; } .pages-detail .imgtext .fixedtrend .trend{ width:300px; height:240px; margin:0 10px; } .pages-detail .imgtext .item-tz{ font-size:12px; color:#333; line-height:20px; cursor:pointer; text-indent:16px; position:relative; } .pages-detail .imgtext .item-tz:before{ content:''; position:absolute; width:11px; height:11px; background: -70px -110px; left:0; top:4px; } .pages-detail .imgtext .item-calc{ padding-left:16px; position:relative; } .pages-detail .imgtext .item-calc a{ display:block; font-size:12px; color:#333; line-height:20px; height:20px; } .pages-detail .imgtext .item-share{ padding-left:16px; position:relative; } .pages-detail .imgtext .item-share:before{ content:''; position:absolute; width:10px; height:12px; background: -110px -110px; left:0; top:3px; } .pages-detail .imgtext .item-share a{ display:block; font-size:12px; color:#333; line-height:20px; height:20px; background:transparent; margin:0; float:none; padding:0; } .pages-detail .imgtext .item-db{ padding-left:16px; position:relative; } .pages-detail .imgtext .item-db:before{ content:''; position:absolute; width:12px; height:11px; background: -130px -110px; left:0; top:4px; } .pages-detail .imgtext .item-scan{ padding-left:16px; position:relative; } .pages-detail .imgtext .item-scan:before{ content:''; position:absolute; width:12px; height:13px; background: -150px -110px; left:0; top:4px; } .pages-detail .imgtext .item-db a{ display:block; font-size:12px; color:#333; line-height:20px; } .pages-detail .imgtext .item-ewm{ position:relative; } .pages-detail .imgtext .item-ewm .ewm{ position:absolute; width:160px; background:#fff; padding:0 0 10px; box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 8px 1px; display:none; z-index:2; } .pages-detail .imgtext .item-ewm .ewm p{ color:#333; line-height:32px; text-align:center; font-size:12px; } .pages-detail .imgtext .item-ewm .ewm .codetel{ width:100px; height:100px; margin:0 auto; } .pages-detail .imgtext .item-ewm .ewm .mobilepage{ width:100px; height:100px; margin:0 auto; } .pages-detail .imgtext .item-ewm:hover .ewm{ display:block; } .pages-detail .sale{ float:left; width:144px; margin-left:20px; background:#ffffff; height:232px; overflow:hidden;box-shadow: 0px 0px 9px 0px rgba(0, 0, 0,0.05); } .pages-detail .sqrq_block{float: left;width: 144px;margin-left: 20px;background-color: #fff;overflow: hidden;box-shadow: 0px 6px 9px 0px rgba(0, 0, 0, 0.05);position: relative;} .pages-detail .sqrq_block:before{content: "";position: absolute;width: 120px;height: 1px;background-color: #f5f5f5;top:0;left: 12px;} .pages-detail .sqrq_block .wxgroup{margin: 5px auto;display:block!important;} .pages-detail .sqrq_block .groupname{text-align: center;line-height: 20px;color: #333333;font-size: 12px;} .pages-detail .sqrq_block .groupbtn{border-radius: 4px;background-color: #30a15d;color: #ffffff;display: block;margin: 10px auto;cursor: pointer;width: 70px;height: 26px;line-height: 26px;font-size: 12px;} .pages-detail .sale .img{ width:80px; height:80px; margin:8px auto 0; border-radius:50%; overflow:hidden; } .pages-detail .sale .img img{ width:100%; height:100%; object-fit:cover; } .pages-detail .sale .name{ font-size:16px; line-height:20px; text-align:center; color:#333; margin-top:8px; } .pages-detail .sale .im{ width:70px; height:26px; line-height:26px; font-size:12px; background:#30a15d; color:#fff; border-radius:4px; margin:10px auto 0; text-indent:18px; position:relative; cursor:pointer; } .pages-detail .sale .im:before{ content:'\e6bc'; position:absolute; width:12px; height:12px; left:-15px; top:0px; color: #fff;font-family: 'iconfont';} .pages-detail .sale .im .txt{ margin-top:12px; } .pages-detail .sale .easychat-im { width:70px; height:26px; line-height:26px; font-size:12px; background:#30a15d; color:#fff; border-radius:4px; margin:10px auto 0; text-indent:18px; position:relative; cursor:pointer; } .pages-detail .sale .easychat-im a {font-size:12px; color:#fff} .pages-detail .sale .easychat-im:before{ content:''; position:absolute; width:12px; height:12px; background: -170px -80px; left:3px; top:7px; } .pages-detail .sale .txt{ font-size:12px; line-height:20px; margin-top:12px; padding-left:10px; color:#333; } .pages-detail .sale .cny_wap{width: 100%;display: flex;} .pages-detail .sale .tel{text-align: center;color: #fe4844;} .pages-detail .sale .company_name,#huxingtu .im-hot-row .layout .company_name{background-color: #ebfaf1;padding: 3px 10px;color: #30a15d;display: inline-block;margin: 8px auto 0;} .pages-detail .sale .star dl{ overflow:hidden; margin-top:3px; } .pages-detail .sale .star dt{ float:left; font-size:12px; line-height:20px; margin-left:10px; color:#333; } .pages-detail .sale .star dd{ float:left; } .pages-detail .sale .star span{ float:left; width:12px; height:12px; margin:4px 2px 0 0; } .pages-detail .sale .star span::before{content: '\e706';font-family: 'iconfont';color: #ffa009;font-size: 12px;display: block;} .pages-detail .garrison{ float:left; width:144px; margin-left:20px; background:#ffffff; height:232px; overflow:hidden;box-shadow: 0px 0px 9px 0px rgba(0, 0, 0,0.05);} .pages-detail .garrison .img{margin: 30px auto 20px;} .pages-detail .garrison .desc{font-size: 12px;color: #333333;text-align: center;margin: 0 5px; display: inline-block;font-weight: bold;} .pages-detail .garrison .btn{width: 88px;height: 26px;border-radius: 4px;background: #2fa15c;color: #ffffff;text-align: center; margin: 24px auto 0;font-size: 12px;display: block;} .pages-detail .youhui{ background:#fffbe9 left top; height:154px; overflow:hidden; margin-top:30px; } .pages-detail .youhui .img{ float:left; width:150px; height:154px; position:relative; } .pages-detail .youhui .img:before{ content:''; position:absolute; width:81px; height:85px; background:; left:22px; top:0; bottom:0; margin:auto; } .pages-detail .youhui .img:after{ content:''; position:absolute; width:28px; height:154px; background:; top:0; right:0; } .pages-detail .youhui .text{ float:left; width:830px; height:154px; } .pages-detail .youhui .tit{ font-size:22px; font-weight:bold; text-align:center; color:#30a15d; line-height:24px; margin-top:16px; } .pages-detail .youhui .line{ text-align:center; margin-top:20px; } .pages-detail .youhui .line *{ display:inline-block; margin-right:40px; vertical-align:middle; line-height:24px; color:#30a15d; text-indent:36px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:relative; } .pages-detail .youhui .line *:before{ content:''; position:absolute; background:; left:0; top:0; } .pages-detail .youhui .line p:before{ background-position:-190px -110px; width:27px; height:21px; } .pages-detail .youhui .line span:before{ background-position:-230px -110px; width:24px; height:22px; } .pages-detail .youhui .line i:before{ background-position:-190px -140px; width:26px; height:18px; top:3px; } .pages-detail .youhui .other{ background:#fff6ca; width:584px; margin:18px auto 0; overflow:hidden; } .pages-detail .youhui .other p{ float:left; width:50%; line-height:30px; color:#333; text-align:center; } .pages-detail .youhui .btn{ float:left; width:200px; height:154px; overflow:hidden; position:relative; } .pages-detail .youhui .btn:before{ content:''; position:absolute; width:1px; height:136px; border-left:#e3e2dc 1px dashed; margin:auto; left:0; top:0; bottom:0; } .pages-detail .youhui .btn button{ display:block; width:107px; height:108px; background:; margin:24px 0 0 44px; cursor:pointer; } .pages-detail .iminlet{ margin-top:30px; } .pages-detail .iminlet .boxbar{position: relative;display: flex;} .pages-detail .iminlet .tit{ } .pages-detail .iminlet .tit .title{ line-height:50px; font-size:22px; color:#333; position:relative; font-weight: bold;} .pages-detail .iminlet .tit .desc{margin-left: 20px;color: #999999; line-height: 50px;} .pages-detail .iminlet .im{ border:#f3f3f3 1px solid; border-top:none;background: #f2faf7;} .pages-detail .iminlet .flexslider{ position:relative; margin:0 43px; height:110px; } .pages-detail .iminlet .flexslider .slides{ position:relative; z-index:1; } .pages-detail .iminlet .flexslider .flex-control-nav{ display:none; } .pages-detail .iminlet .flexslider .flex-direction-nav{ position:absolute; z-index:3; width:100%; top:30px; display:none; } .pages-detail .iminlet .flexslider .flex-direction-nav li a{ display:block; width:40px; height:46px; overflow:hidden; cursor:pointer; position:absolute; background:transparent; } .pages-detail .iminlet .flexslider .flex-direction-nav li a:before{ content:''; position:absolute; width:16px; height:26px; background:; margin:auto; left:0; top:0; right:0; bottom:0; } .pages-detail .iminlet .flexslider .flex-direction-nav li a.flex-prev{ left:-44px; } .pages-detail .iminlet .flexslider .flex-direction-nav li a.flex-prev:before{ background-position:-300px -80px; } .pages-detail .iminlet .flexslider .flex-direction-nav li a.flex-next{ right:-44px; } .pages-detail .iminlet .flexslider .flex-direction-nav li a.flex-next:before{ background-position:-320px -80px; } .pages-detail .iminlet .im-item{ float:left; width: 25%; padding:20px 0; position:relative;display: flex; flex-wrap: wrap;} .pages-detail .iminlet .im-item:after{ content:''; position:absolute; width:1px; height:70px; border-right:#e2e2dd 1px solid; margin:auto; top:0; right:0; bottom:0; } .pages-detail .iminlet .im-item:last-child:after{border: 0;} .pages-detail .iminlet .img{ width: 60px; height:60px; border-radius:50%; overflow:hidden; margin-left:25px; } .pages-detail .iminlet .img img{ width:100%; height:100%; object-fit:cover; } .pages-detail .iminlet .text{ margin-left:10px; width:108px; } .pages-detail .iminlet .text p{ color:#333; font-size:18px;margin-bottom:5px; margin-top: 5px;} .pages-detail .iminlet .text span{ display:block; color:#999; line-height:20px; font-size:12px;} .pages-detail .iminlet .text span.company_name{ border-radius: 8px 0px 8px 0px;background: linear-gradient(92deg, rgba(229,181,137,0.5) 0%, rgba(247,213,175,0.5) 50%);color: #6e2500;padding: 3px 10px;line-height: 20px;display: inline;} .pages-detail .iminlet .im-right{display: flex;position:relative;} .pages-detail .iminlet .hotline{margin: auto; position: relative;} .pages-detail .iminlet .call{ position: relative;color: #333333;font-size: 14px;cursor: pointer;padding-left: 30px;line-height: 20px;margin-top: 5px;padding-right: 10px;} .pages-detail .iminlet .call:before{content: "\e749"; position: absolute; left: 8px; right: 0; font-family: 'iconfont'; font-size: 14px; line-height: 20px; color: #333333;} .pages-detail .iminlet .hotline:hover .ewm{ display: block;} .pages-detail .iminlet .hotline .ewm{position: absolute;width: 110px;background: #fff;box-shadow: rgb(0 0 0 / 10%) 0px 0px 8px 1px;z-index: 1;left: 30px;top: 30px;padding: 10px 0;display: none;text-align: center;} .pages-detail .iminlet .hotline .ewm:before{content: '';position: absolute;width: 0;height: 0;border-left: transparent 6px solid;border-right: transparent 6px solid;border-bottom: #ffffff 8px solid;margin: auto;top: -6px;right: 0;left: 0;} .pages-detail .tit .link a{color: inherit;} .pages-detail .tit .iconfont{color: inherit;} .pages-detail .package .newmessage{background-color: rgb(48,161,93,.1);color: #30a15d;padding: 4px 10px;border-radius: 4px;float: left;margin-top: 14px;margin-left: 20px;cursor: pointer;} .pages-detail .iminlet .btn{ float:left; padding-top:18px; } .pages-detail .iminlet .btn a{ display:block; line-height:26px; width:43px; height: 43px; color:#fff; font-size:12px; background: linear-gradient(213deg, #05cd71 0%, #1cd3a8 100%); border-radius: 50%; position:relative; } .pages-detail .iminlet .btn a:before{ content:'\e6bc'; position:absolute; left: 0; right: 0; font-family: 'iconfont';font-size: 18px; text-align: center; line-height: 43px;} .pages-detail .package{ margin-top:30px; overflow:hidden; } .pages-detail .news{ width:820px; } .pages-detail .news .tit{ overflow:hidden; display: flex; justify-content: space-between;} .pages-detail .news .progress{display: flex;} .pages-detail .news .progressitem{flex: 1; text-align: center; height: 50px; position: relative; font-size: 12px; padding: 10px 0;background: #f4f4f4;} .pages-detail .news .progressitem:nth-child(1){clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%,0% 100%);} .pages-detail .news .progressitem:nth-child(2){clip-path: polygon(0 0,90% 0%, 100% 50%, 90% 100%, 0% 100%,10% 50%);} .pages-detail .news .progressitem:nth-child(3){clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%,10% 50%);} .pages-detail .news .progressitem:last-child{clip-path: polygon(0 0, 100% 0%, 100% 100%,0% 100%, 10% 50%);} .pages-detail .news .progress .progressitem.active {background: #edfff5;} .pages-detail .news .progress .progressitem .name{ color: #333333; font-weight: bold; font-size: 14px;} .pages-detail .news .progress .progressitem.active .name, .pages-detail .news .progress .progressitem.active .date{color: #31ce90;} .pages-detail .news .tit p{ line-height:56px; color:#333; font-size:22px; font-weight: bold;} .pages-detail .news .tit a{ line-height:56px; color: #999999;} .pages-detail .news .tit a:hover{ color: #31ce90; } .pages-detail .news .item{ overflow:hidden; padding:20px 0; border-top:#f0f0f0 1px solid; display: flex;} .pages-detail .news .item.scene{overflow: unset; display: block;} .pages-detail .news .item .content{position: relative;flex: 1;width: 100%;} .pages-detail .news .item .top{display: flex;} .pages-detail .news .item .tag{width: 60px;text-align: center;border-radius: 2px;font-size: 12px;font-weight: 400;color: #ffa01e;background: #fef5e4;padding: 2px;} .pages-detail .news .item .datetime{margin-left: 20px; font-size: 12px; color: #999999; line-height: 20px;} .pages-detail .news .item .tit{display: inline-block;flex: 1;font-size: 18px;font-weight: bold;color: #333333;line-height: 30px;background: #ffffff;} .pages-detail .news .progress .item{ border-top:none; } .pages-detail .news .item .time{color: #999999;} .pages-detail .news .item .imgbox{position: relative;display: flex;} .pages-detail .news .item .desc{line-height: 28px;color: #666666;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical;} .pages-detail .news .item .desc1{line-height: 28px;color: #666666;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical;} .pages-detail .news .item .buyimg{margin-left: 20px;width: 130px;height: 80px;} .pages-detail .news .item .imgs{position: relative;display: flex;} .pages-detail .news .item .imgs:after{content: "";display: block;clear: both;} .pages-detail .news .item .allnum{color: #ffffff;background: #333333;width: 40px;height: 20px;margin-left: -40px;z-index: 1;text-align: center;} .pages-detail .news .item .imgs img{width: 100px;height: 71px;margin-left: 10px;} .pages-detail .news .item .imgs img:first-child{margin-left: 0;} .pages-detail .news .item .read{position: absolute;right: 0;bottom: 0;line-height: 20px;padding-left: 10px;background: #ffffff; color: #999999;} .pages-detail .news .item .read:hover{color: #31ce90;} .pages-detail .news .imblock{display: flex;margin-top: 2px;} .pages-detail .news .userinfo{display: flex; margin-bottom: 10px; align-items: center;} .pages-detail .news .avatar{width: 50px;height: 50px;border-radius: 50%;} .pages-detail .news .imblock .sce-phone{color: #fe4844;font-size: 16px;display: inline-block;position: relative;cursor: pointer;line-height: 36px;} .pages-detail .news .imblock .scane-code{display: none;position: absolute;width: 170px;background: #ffffff;box-shadow: rgb(0 0 0 / 10%) 0px 0px 8px 1px;z-index: 1;} .pages-detail .news .imblock .sce-phone:hover .scane-code{display: block;} .pages-detail .news .imblock .scane-code .desc{color: #999999;font-size: 12px;padding-top: 10px;line-height: 1.5;text-align: center;margin: 0 auto;font-weight: normal;} .pages-detail .news .name{font-size: 18px;color: #333333;display: inline-block;margin-right: 15px; margin-left: 15px;} .pages-detail .news .userinfo .btn{ background: linear-gradient(92deg, rgba(229,181,137,0.5) 0%, rgba(247,213,175,0.5) 50%);border-radius: 8px 0px 8px 0px;font-size: 12px;color: #6e2500;padding: 2px 5px; cursor: pointer;} .pages-detail .news .tels{color: #999999;line-height: 20px;} .pages-detail .news .imblock .imbtn{font-size: 12px;display: inline-block;margin-top: 5px;margin-left: 20px;height: 26px;line-height: 26px;border: 1px solid #30a15d;color: #ffffff;background: #30a15d;padding: 0 7px;border-radius: 4px;cursor: pointer;} .pages-detail .news .imblock .iconfont{color: inherit;-webkit-text-stroke-width:0;} .pages-detail .news .text{ float:left; width:770px; } .pages-detail .news .t{ overflow:hidden; } .pages-detail .news h5{ float:left; line-height:20px; height:20px; font-weight:normal; max-width:570px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .pages-detail .news h5 a{ font-size:16px; color:#333; } .pages-detail .news h5 a:hover{ color:#30a15d; } .pages-detail .news .t p{ float:left; line-height:20px; color:#999; margin-left:20px; width:180px; text-align:right; } .pages-detail .news .desc{ overflow:hidden; } .pages-detail .news .scene .desc{flex:1;margin-top: 0;color: #333333;} .pages-detail .news .desc p{ float:left; line-height:20px; max-width:670px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .pages-detail .news .desc a{ float:left; color:#333; line-height:20px; margin-left:20px; width:80px; text-align:right; } .pages-detail .news .desc a:hover{ color:#30a15d; } .pages-detail .news .img{ float:left; width:160px; height:110px; margin-right:8px; } .pages-detail .news .img img{ width:100%; height:100%; object-fit:cover; } .pages-detail .news .item-img{ padding-bottom:0; } .pages-detail .news .item-img .text{ width:602px; } .pages-detail .news .item-img h5{ max-width:402px; } .pages-detail .news .item-img .desc{ line-height:24px; margin-left:-46px; } .pages-detail .news .item-img .desc p{ max-width:none; float:none; display:inline; white-space:normal; } .pages-detail .news .item-img .desc a{ float:none; margin:0; } .pages-detail .dingyue{ float:right; width:290px; } .fixed{position: fixed; top: 60px; right: calc((100vw - 1180px)/2 - 5px);right: -moz-calc((100vw - 1180px)/2 - 5px);right: -webkit-calc((100vw - 1180px)/2 - 5px); background: #ffffff; z-index: 97;} .pages-detail .fixedbox{ margin-top: 45px;} .pages-detail .fixedbox:after{content: "";display: block; clear: both;} .pages-detail .fixedbox .leftbox{width: 820px; float: left;} .pages-detail .fixedbox .rightbox{width: 310px; box-shadow: 0px -1px 7px 0px rgba(0,0,0,0.1); padding: 20px 15px; float: left; margin-left: 50px;} .pages-detail .fixedbox .rightbox .borough_name{ font-size: 26px; font-weight: bold; color: #333333;} .pages-detail .fixedbox .rightbox .pricebox{position: relative;color: #999999;line-height: 36px;height: 40px;cursor: pointer;} .pages-detail .fixedbox .rightbox .pricestr{ color: #ff0000;font-weight: bold;font-size: 22px;} .pages-detail .fixedbox .rightbox .priceunit{ color: #ff0000;} .pages-detail .fixedbox .rightbox .line{ overflow: hidden;display: flex;display: -webkit-flex;overflow: unset;position: relative;line-height: 32px;} .pages-detail .fixedbox .rightbox .line .txt{line-height: 32px;overflow: hidden;color: #333;max-width: 150px;text-overflow: ellipsis;white-space: nowrap;} .pages-detail .fixedbox .rightbox .txt .tit{color: #999999;} .pages-detail .fixedbox .rightbox .link a{ font-size: 14px; color: #31ce90; padding-left: 5px; padding-right: 5px; position: relative;} .pages-detail .fixedbox .rightbox .link .iconfont{color: #31ce90; font-size: 12px;} .pages-detail .fixedbox .rightbox .address .adr{color: #333333;} .pages-detail .fixedbox .rightbox .gopage{ font-size: 12px;color: #999999;text-decoration: underline; line-height: 32px;} .pages-detail .fixedbox .rightbox .gopage a, .pages-detail .fixedbox .rightbox .gopage .iconfont{color: inherit; font-size: inherit;} .pages-detail .fixedbox .rightbox .gopage a:hover{color: #31ce90;} .pages-detail .fixedbox .rightbox .imintelbox{ margin-top: 20px; border-bottom: 1px solid #f0f0f0; } .pages-detail .fixedbox .rightbox .imitem{display: flex; padding-bottom: 20px;} .pages-detail .fixedbox .rightbox .imitem .avatar{width: 62px; height: 62px; border-radius: 50%;} .pages-detail .fixedbox .rightbox .imitem .iminfo{ margin-left: 10px; flex: 1;} .pages-detail .fixedbox .rightbox .imitem .name{ font-size: 16px; color: #333333; line-height: 34px;} .pages-detail .fixedbox .rightbox .imitem .tag{font-size: 12px;border-radius: 8px 0px 8px 0px;background: linear-gradient(92deg, rgba(229,181,137,0.5) 0%, rgba(247,213,175,0.5) 50%);color: #6e2500;padding: 3px 10px;line-height: 20px;display: inline;} .pages-detail .fixedbox .rightbox .imitem a{ display: block;line-height: 26px;width: 42px;height: 42px;color: #fff;font-size: 12px;background: linear-gradient(213deg, #05cd71 0%, #1cd3a8 100%);border-radius: 50%;position: relative; margin-top: 10px; cursor: pointer;} .pages-detail .fixedbox .rightbox .imitem a:before{ content: '\e6bc';position: absolute;left: 0;right: 0;font-family: 'iconfont';font-size: 18px;text-align: center;line-height: 43px;} @-webkit-keyframes chatup{ 0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} 33%{-webkit-transform:translate3d(0,-40px,0);transform:translate3d(0,-50px,0)} 66%{-webkit-transform:translate3d(0,-60px,0);transform:translate3d(0,-100px,0)} 100%{-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-150px,0)} } @keyframes chatup{ 0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} 33%{-webkit-transform:translate3d(0,-40px,0);transform:translate3d(0,-50px,0)} 66%{-webkit-transform:translate3d(0,-60px,0);transform:translate3d(0,-100px,0)} 100%{-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-150px,0)} } .pages-detail .fixedbox .rightbox .chatrecord{ margin-top: 20px;} .pages-detail .fixedbox .rightbox .chattitle{ line-height: 32px; color: #333333; font-size: 18px; font-weight: bold; margin-bottom: 10px;} .pages-detail .fixedbox .rightbox .chatbox{ height: 120px; overflow: hidden; } .pages-detail .fixedbox .rightbox .chatitem{ display: flex; margin-bottom: 15px; -webkit-animation: 20s chatup linear infinite normal;animation: 20s chatup linear infinite normal;position: relative;} .pages-detail .fixedbox .rightbox .chatitem .chatavatar{width: 30px; height: 30px;} .pages-detail .fixedbox .rightbox .chatitem .chattext{line-height: 30px; background: #f6f6f6; position: relative; margin-left: 15px; padding: 0 10px; border-radius: 4px;} .pages-detail .fixedbox .rightbox .chatitem .chattext:after{ content: '';position: absolute;width: 0;height: 0;border-top: transparent 6px solid;border-bottom: transparent 6px solid;border-right: #f6f6f6 8px solid;margin: auto;top: 0; left: -6px;bottom: 0;} .pages-detail .fixedbox .rightbox .btnarea{height: 50px; position: relative; } .pages-detail .fixedbox .rightbox .btnarea:before {content: "";background: no-repeat;position: absolute;width: 58px;height: 24px;left: 0;top: 13px;} .pages-detail .fixedbox .rightbox .member {padding-left: 70px;padding-top: 17px;display: inline-block; } .pages-detail .fixedbox .rightbox span{font-size: 12px;} .pages-detail .fixedbox .rightbox .btnarea button {padding: 4px 9px;color: #fff;margin-left: 5px;cursor: pointer;background: linear-gradient(113deg, #1dd3ab 0%, #03cc6c 100%);border-radius: 27px;width: 80px;} .pages-detail .huxing{ } .pages-detail .huxing .tit{ } .pages-detail .huxing .tit h5{ float:left; line-height:56px; font-size:22px; color:#333; font-weight: bold; } .pages-detail .huxing .tit .txt,.pages .special .tit .txt,.pages-detail .onehouseoneprice .tit .txt{ float:left; margin-left:12px; line-height:56px; color: #999999;} .pages-detail .huxing .tit .bm{ float:left; color:#30a15d; text-decoration:underline; line-height:20px; margin:15px 0 0 12px; cursor:pointer; } .pages-detail .huxing .tit .link,.pages .special .tit .link,.pages-detail .onehouseoneprice .tit .link{ float:right; margin-right:20px; line-height:56px; height:56px; color: #999999; } .pages-detail .huxing .tit .link a:hover{ color: #31ce90; } .pages-detail .huxing .list{ } .pages-detail .huxing .list ul{ overflow:hidden; width: 818px; display: flex; } .pages-detail .huxing .list li{ width: 242px;border:#e5e5e5 1px solid; margin-right: 46px;} .pages-detail .huxing .list li:nth-child(3){margin-right: 0;} .pages-detail .huxing .list a{ display:block; height:185px; position:relative; } .pages-detail .huxing .list .img.ishot:before{ content: ""; position: absolute; width: 87px;height: 30px;background: no-repeat;background-size: 100% 100%;} .pages-detail .huxing .list .img.ishot:after{ content: "热门户型";position: absolute;left: 11px;top: 5px;color: #ffffff; font-weight: bold;} .pages-detail .huxing .list img{ width:100%; height:100%; object-fit:cover; } .pages-detail .huxing .list a span{ position:absolute; background:#000; background:rgba(0, 0, 0, 0.6); filter:alpha(opacity=60); font-size:12px; color:#fff; line-height:24px; text-indent:5px; left:0; bottom:0; width:100%; } .pages-detail .huxing .list .text{ margin-top:6px; } .pages-detail .huxing .list .txt{display: flex; justify-content: space-between;} .pages-detail .huxing .list ._txt{ color:#333; line-height: 24px; text-indent: 14px; font-size: 16px; font-weight: bold;} .pages-detail .huxing .list .tag{ overflow:hidden; margin-top:6px; } .pages-detail .huxing .list .status{ display: inline-block;width: 34px; height:20px; color:#333333; font-size:12px; margin-right: 16px;text-align:center; border-radius:4px; border: 1px solid #d9d9d9; } .pages-detail .huxing .list .queryhouse{position: relative;cursor: pointer;font-size: 14px;border-radius: 4px;height: 32px;border: 0;background: #e6fff5;margin: 14px auto;width: 210px;display: block;color: #31ce90;} .pages-detail .huxing .list .iconfont{font-size: 12px;color: #30a15d;} #huxingtu .hot_layout{display: flex;margin-top: 24px;margin-bottom: 24px;} #huxingtu .layout_img_block{width: 348px;height: 267px;border:1px solid #e8e8e8;position: relative;cursor: pointer;} #huxingtu .layout_img_block .layout_img{width: 100%;height: 100%;max-height: 100%;object-fit: cover;} #huxingtu .layout_img_block .hot_img{position: absolute;top:6px;left: -7px;} #huxingtu .layout_img_block:before{content: "热门户型";position: absolute;left: 1em;top:11px;color: #ffffff;z-index: 1;} #huxingtu .layout_desc{margin-left: 48px;position: relative;} #huxingtu .layout_desc .room_type{font-size: 20px;font-family: microsoft yahei;font-weight: bold;line-height: 30px;color: #333333;cursor: pointer;} #huxingtu .layout_desc .room_status{line-height: 20px;background: #ffffff;color: #fff;font-size: 12px;text-align: center;margin-left: 6px;border-radius: 2px;padding: 2px 20px;} #huxingtu .layout_desc .room_status.status2{background: #30a15d;} #huxingtu .layout_desc .room_status.status3{background: #4285f4;} #huxingtu .layout_desc .room_status.status4{background: #999999;} #huxingtu .layout_desc .prices{font-size: 16px;font-family: "microsoft yahei";color: #333333;margin-left: 10px;} #huxingtu .layout_desc .price{font-weight: bold;font-size: inherit;color: #fe4844;} #huxingtu .layout_desc .price_unit{font-size: inherit;} #huxingtu .layout_desc .tag{background: #ffffff;border: 1px solid #999999;font-size: 12px;line-height: 42px;color: #999999;padding: 2px 10px;margin-right: 10px;} #huxingtu .layout_desc .detail_info .layout_name, #huxingtu .layout_desc .detail_info .build_area, #huxingtu .layout_desc .detail_info .layout_postion{float: left;position: relative;color: #999;font-size: 16px;line-height: 30px; width: 50%;display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} #huxingtu .layout_desc .detail_info .icon2 span{font-size: inherit;} #huxingtu .layout_desc .desc_info{position: absolute;bottom: 0;} #huxingtu .layout_desc .desc_info .keting, #huxingtu .layout_desc .desc_info .canting, #huxingtu .layout_desc .desc_info .woshi, #huxingtu .layout_desc .desc_info .weishengjian, #huxingtu .layout_desc .desc_info .chufang{margin-top: 20px;font-size: 16px;color: #333333;position:relative;} #huxingtu .layout_desc .keting .t, #huxingtu .layout_desc .canting .t, #huxingtu .layout_desc .woshi .t, #huxingtu .layout_desc .weishengjian .t, #huxingtu .layout_desc .chufang .t{font-size: inherit;color: inherit;font-weight: bold;} #huxingtu .layout_desc .keting .iconfont{color: #59b56b;font-size: 20px;} #huxingtu .layout_desc .canting .iconfont{color: #01567e;font-size: 20px;} #huxingtu .layout_desc .chufang .iconfont{color: #ff775a;font-size: 20px;} #huxingtu .layout_desc .woshi .iconfont{color: #9ac9eb;font-size: 20px;} #huxingtu .layout_desc .weishengjian .iconfont{color: #e1a5dd;font-size: 20px;} #huxingtu .im-hot-row .layout{margin-left: 100px;margin-top:60px;background: #ffffff;} #huxingtu .im-hot-row .layout .left{display: inline-block;float: left;} #huxingtu .im-hot-row .layout .right{display: inline-block;margin-left: 20px; margin-top: 14px;} #huxingtu .im-hot-row .layout .img{width: 80px;height: 80px;margin: 8px auto 0;border-radius: 50%;overflow: hidden;} #huxingtu .im-hot-row .layout .img img{width: 100%;height: 100%;object-fit: cover;} #huxingtu .im-hot-row .layout .name{font-size: 16px;line-height: 20px;text-align: center;color: #333;margin-top: 8px;font-weight: bold;} #huxingtu .im-hot-row .layout .txt{font-size: 12px;line-height: 20px;margin-top: 12px;padding-left: 10px;color: #333;} #huxingtu .im-hot-row .layout .star dl{overflow: hidden;margin-top: 10px;} #huxingtu .im-hot-row .layout .star dt{float: left;font-size: 12px;line-height: 20px;margin-left: 10px;color: #333333;} #huxingtu .im-hot-row .layout .star dd{float: left;} #huxingtu .im-hot-row .layout .star span{float: left;width: 12px;height: 12px;background: no-repeat center;margin: 4px 2px 0 0;} #huxingtu .im-hot-row .layout .im{width: 100%;text-align: center;height: 26px;line-height: 26px;font-size: 12px;background: #30a15d;color: #fff;border-radius: 4px;margin: 10px auto 0;text-indent: 18px;position: relative;cursor: pointer;} #huxingtu .im-hot-row .layout .im:before{content: '';position: absolute;width: 12px;height: 12px;background: url(/uploads/image/ppaimages/icon.png) -170px -80px;top: 7px;display: block;margin: 0 auto;left: -4em;right: 0;} .pages-detail .huxing .tit.other{background: #ffffff;} .pages-detail .peitao{ margin-top:30px; margin-bottom: 50px;} .pages-detail .peitao .tit h5,.pages .special .tit h5,.pages-detail .onehouseoneprice .tit h5{ line-height:56px; font-size:22px; font-weight:bold; color:#333; } .pages-detail .peitao .tool{ display: flex; justify-content: space-between; } .pages-detail .peitao .tool a{ line-height:20px; color:#333; position:relative; } .pages-detail .peitao .tool a .iconfont{color: #333333;} .pages-detail .peitao .tool .getzbpt{background: #ffa009;border-radius: 3px;color: #fff;padding: 0 10px;position: relative;} .pages-detail .peitao .getzbpt .iconfont{color: #ffffff;font-size: 12px;} .pages-detail .peitao .mapbox{ overflow:hidden; margin-top:20px;position: relative;display: flex; } .pages-detail .peitao .map{ width: 820px; height:400px; background:#f5f5f5; position: relative;} .pages-detail .peitao{position: relative;} .pages-detail .peitao:after{content: "平台引用的周边设施数据及数据结论,均由百度服务接口提供,此配套数据仅供参考;最终实际结果请以楼盘现场实勘情况为准。";position: absolute;bottom:-25px;color: #999;} .pages-detail .peitao .edit{ flex: 1; margin-left: 15px; margin-right: 5px;} .pages-detail .peitao .searchbox{box-shadow: 0px 0 5px 2px rgba(0,0,0,0.12);padding: 10px; margin-top: 20px;} .pages-detail .peitao .tab{ overflow:hidden; display: flex; display: -webkit-flex;} .pages-detail .peitao .tab li{ flex: 1;cursor:pointer;text-align: center; } .pages-detail .peitao .tab .active .iconfont{color: #30a15d;} .pages-detail .peitao .tab p{ line-height:28px; text-align:center; color:#333; font-size: 16px; position: relative; } .pages-detail .peitao .tab .active{font-weight: bold; background-image: ;background-repeat: no-repeat;background-position: 40% 50%;background-size: 40px;} .pages-detail .peitao .list-item{display: none;position: relative; width: 90%; margin: 0 auto;} .pages-detail .peitao div.list-item{ padding-top: 10px;overflow-y: auto; border-bottom: 0;} .pages-detail .peitao .list-item .res-item{ overflow: hidden;padding-top: 10px;position: relative;cursor: pointer;} .pages-detail .peitao .list{ margin-top: 15px; height: 295px;} .pages-detail .peitao .list ul{max-height: 224px;} .pages-detail .peitao .list .active{display: block; width: 100%;} .pages-detail .peitao .child-item{line-height: 22px;color: #999999;cursor: pointer; text-align: center; width: 20%; float: left; background: #f8f8f8; border-radius: 22px; font-size: 12px; margin-right: 20px;} .pages-detail .peitao .child-item:last-child{margin-right: 0;} .pages-detail .peitao .list-item .cur{position: relative;color: #31ce90;background: #e5f9f4; border-radius: 22px;} .pages-detail .peitao .list-item .res-item .item{ display: flex;} .pages-detail .peitao .list-item .res-item .desc{ line-height: 20px;color: #999;padding-left: 30px;clear: both;margin-top: 6px;} .pages-detail .peitao .list-item .res-item .item-name{ flex: 1;line-height: 20px;color: #333;position: relative;padding-left: 30px;font-weight: bold;width: 240px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .pages-detail .peitao .list-item .res-item .item-name:before{ content: '';position: absolute;width: 16px;height: 16px;background: ;margin: auto;left: 0;top: 0;bottom: 0;} .pages-detail .peitao .imbtnbox{display: flex; position: relative;} .pages-detail .peitao .imbtnbox .imtext{line-height: 34px; background: #f4f4f4;border-radius: 36px; border: 1px solid #e1e1e1; padding: 0 15px; flex: 1;} .pages-detail .peitao .imbtnbox button{ background: linear-gradient(115deg, #1dd3aa 0%, #02cc6b 100%);color: #ffffff;border-radius: 36px;padding: 0 15px;position: absolute;line-height: 36px;right: 0; cursor: pointer;} .pages .special{ margin-top: 30px;position: relative;} .pages .special .list{margin-top: 20px;} .pages .special .list ul:after{ content: "";display: block;clear: both;} .pages .special .list li{ float: left;width: 271px;margin-left: 32px;background: #ffffff;border: 1px solid #e5e5e5;border-radius: 5px;} .pages .special .list li:first-child{margin-left: 0;} .pages .special .list li:hover{ box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);} .pages .special .list a{ display: block;height: 200px;border: #e5e5e5 1px solid;position: relative;overflow: hidden;border-radius: 5px;} .pages .special .list a:before{ content: "优惠";position: absolute;width: 40px;height: 16px;line-height: 16px;background: #e03235;top: 3px;left: -10px;display: block;transform: rotate(315deg);text-align: center;color: #ffffff;font-size: 12px;} .pages .special .list .bot{ position: absolute;left: 0;top: -35px;height: 35px;width: 100%;background: #d7464a;display: flex;} .pages .special .list img{ width: 100%;height: 100%;object-fit: cover;border-radius: 5px;} .pages .special .list .bot .desc{flex: 1;color: #ffffff;line-height: 35px;text-align: center;} .pages .special .list .bot .btn{cursor: pointer;width: 130px;background: linear-gradient(0deg, #c20e0e, #ff565c); font-size: 14px;color: #ffffff;font-weight: bold;-webkit-clip-path: polygon(10% 0%,100% 0%, 100% 100%,0 100%);;clip-path: polygon(10% 0%,100% 0%, 100% 100%,0 100%);} .pages .special .list .bot .iconfont{font-size: 12px;color: #ffffff;font-weight: normal;} .pages .special .list .text{padding: 10px 15px;position: relative;} .pages .special .list .housenum{font-size: 18px;font-family: microsoft yahei;font-weight: bold;color: #333333;line-height: 30px;} .pages .special .list .houselayout{font-size: 14px;color: #999999;line-height: 40px;} .pages .special .list .curprice{font-size: 24px;font-weight: bold;color: #fe4844;line-height: 30px;} .pages .special .list .oldprice{vertical-align: top;color: #666666;padding-left: 10px;font-weight: normal;text-decoration: line-through;} .pages .special .list .sellout{font-size: 60px;opacity: .4;position: absolute;right: 10px;bottom: 10px;transform: rotate(335deg);} .ellipsis{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .pages-detail .onehouseoneprice{margin-top: 30px; padding-bottom: 50px;} .pages-detail .onehouseoneprice .tit{display: flex; justify-content: space-between;} .pages-detail .onehouseoneprice .tablebox{margin-top: 10px; position: relative;} .pages-detail .onehouseoneprice .table{width: 820px; text-align: center; box-sizing: border-box; border: 1px solid #f1f1f1;} .pages-detail .onehouseoneprice .table thead{background: #f1f1f1; height: 40px;border: 1px solid #f1f1f1;} .pages-detail .onehouseoneprice .table th{border-right: 1px solid #fff; color: #333333; font-weight: bold; font-size: 16px;} .pages-detail .onehouseoneprice .table tbody tr{height: 50px; border: 1px solid #f1f1f1;} .pages-detail .onehouseoneprice .table tbody td{border: 1px solid #f1f1f1; font-size: 12px; color: #333333; } .pages-detail .onehouseoneprice .table tbody .curprice{ color: #ff0000; } .pages-detail .onehouseoneprice .table tbody .oldprice{ color: #999999;text-decoration: line-through; margin-left: 10px;} .pages-detail .onehouseoneprice .lockbox{ background: linear-gradient(0deg, #ffffff 9%, rgba(255,255,255,0) 91%);height: 100px;position: absolute;bottom: -40px;width: 100%;} .pages-detail .onehouseoneprice .lockbox .bot{position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(360deg, #f2fff9 17%, rgba(242,255,249,0) 90%); height: 70px; border: 1px solid #f1f1f1; border-top: 0; display: flex;} .pages-detail .onehouseoneprice .lockbox .lockleftbox{position: relative;} .pages-detail .onehouseoneprice .lockleftbox .ckbox{ position: absolute;bottom: 5px;display: flex;align-items: center;margin-left: 100px; font-size: 12px; color: #999999;} .pages-detail .onehouseoneprice .lockleftbox .protocol{ font-size: inherit; color: #666666;} .pages-detail .onehouseoneprice .lockbox .locktext{ font-size: 14px; color: #31ce90; font-weight: bold; line-height: 70px; margin-left: 100px;} .pages-detail .onehouseoneprice .lockbox .iconfont{color: inherit; font-size: inherit; -webkit-text-stroke-width: 0;} .pages-detail .onehouseoneprice .lockbox .optbox{line-height: 70px; position: relative; margin-left: 30px; margin-right: 40px; flex: 1;} .pages-detail .onehouseoneprice .lockbox .optbox input{background: #ffffff; height: 36px; border: 1px solid #e1e1e1; border-radius: 36px; width: 400px; margin-top: 18px; text-indent: 30px;} .pages-detail .onehouseoneprice .lockbox .optbox .btn{ position: absolute; background: linear-gradient(115deg, #1dd3aa 0%, #02cc6b 100%); border-radius: 36px; height: 36px; width: 100px; color: #ffffff; top: 18px; right: 0; font-size: 14px; cursor: pointer;} #map-show[type=bus] .res-item .item-name:before{ background-position: -370px 0;} #map-show[type=metro] .res-item .item-name:before{background-position: -340px 0;} #map-show[type=kindergarten] .res-item .item-name:before{width: 16px;height: 22px;background-position: -300px -30px;} #map-show[type=primaryschool] .res-item .item-name:before{width: 20px;height: 20px;background-position: -330px -30px;} #map-show[type=middleschool] .res-item .item-name:before{width: 20px;height: 20px;background-position: -360px -30px;} #map-show[type=university] .res-item .item-name:before{width: 24px;height: 18px;background-position: -300px -60px;} #map-show[type=clinic] .res-item .item-name:before{width: 22px;height: 18px;background-position: -330px -60px;} #map-show[type=hospital] .res-item .item-name:before{width: 21px;height: 20px;background-position: -360px -60px;} #map-show[type=bank] .res-item .item-name:before{width: 22px;height: 16px;background-position: -250px -120px;} #map-show[type=market] .res-item .item-name:before{width: 20px;height: 18px;background-position: -330px -30px;} #map-show[type=supermarket] .res-item .item-name:before{width: 20px;height: 18px;background-position: -360px -30px;} #map-show[type=smallmarket] .res-item .item-name:before{width: 20px;height: 18px;background-position: -320px -90px;} #map-show[type=house] .res-item .item-name:before{width: 20px;height: 20px;background-position: -350px -90px;} .peitao .list .nulldt{line-height: 200px;text-align: center;color: #999;} .pages-detail .peitao .list-item .dt .res-item .item-name:before{} .pages-detail .peitao .list-item .res-item .item-distance{font-weight: bold;color: #333333;} .pages-detail .peitao .t{ background:#f3f3f3; line-height:30px; text-indent:10px; color:#333; } .pages-detail .peitao .show{ max-height:256px; overflow-y:auto; padding:10px 0; } .pages-detail .peitao .show li{ overflow:hidden; cursor:pointer; } .pages-detail .peitao .show li:hover{ background:#f5f5f5; } .pages-detail .peitao .show i{ float:left; line-height:30px; color:#333; margin-left:20px; width:24px; } .pages-detail .peitao .show p{ float:left; line-height:30px; color:#333; width:200px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .pages-detail .peitao .show .distance{ float:left; line-height:30px; color:#999; margin-left:100px; position:relative; } .pages-detail .peitao .show .iconfont{color: #999999;} .pages-detail .peitao .name{ position:absolute; width:200px; font-size: 14px; background:#ffffff; padding:20px 10px; border-radius:4px 0 0 4px; left:-100px; top:-80px; font-weight: bold; color: #333333; box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.16);} .pages-detail .peitao .name:before{ content: ""; position: absolute; width: 1px; height: 40px; background: #ebe9e9; right: 10px; top: 8px;} .pages-detail .peitao .name:after{ content:''; position:absolute; width:0; height:0; border-left:transparent 8px solid; border-right:transparent 8px solid; border-top:#ffffff 8px solid; margin:auto; left:0; bottom:-8px; right:0; } .pages-detail .peitao .name .borough_name{display:block; font-size:14px; line-height:16px; color:#333333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight: bold;} .pages-detail .peitao .xztxt p{ display:block; font-size:12px; line-height:16px; color:#31ce90; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight: bold;} .pages-detail .peitao .icon{ position:absolute; width:28px; height:36px; background: -50px -140px; text-align:center; color:#fff; line-height:20px; font-size:12px; left:-18px; top:-28px; } .pages-detail .peitao .panel2{ background:#fff; padding:20px; box-shadow:0 0 6px 0 rgba(13,4,9,0.2); width:240px; position:absolute; left:-120px; top:-88px; } .pages-detail .peitao .panel2:after{ content:''; position:absolute; width:0; height:0; border-left:transparent 8px solid; border-right:transparent 8px solid; border-top:#fff 8px solid; margin:auto; left:0; bottom:-8px; right:0; } .pages-detail .peitao .panel2 h2{ overflow:hidden; font-size:14px; } .pages-detail .peitao .panel2 span{ float:left; line-height:20px; color:#333; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:140px; } .pages-detail .peitao .panel2 i{ float:left; width:60px; font-style:normal; color:#333; font-weight:bold; line-height:20px; text-align:right; } .pages-detail .peitao .panel2 p{ color:#999; line-height:20px; width:200px; white-space:pre-wrap; } .xinfang_zhuanche{position: absolute;width:100px;height:100%;right:-100px;top:0;background:#ffffff;border-radius:0 4px 4px 0; box-shadow: 4px 4px 6px 0px rgba(0,0,0,0.16);} .xinfang_zhuanche .xz_box{ display: flex; line-height: 56px; position: relative;} .xinfang_zhuanche .xz_box>p{width:100% !important;text-align: center;color: #31ce90;font-size:14px !important;} .xinfang_zhuanche .xz_box .xz_carimg{ } .xinfang_zhuanche .xz_box .xz_carimg::before{content: '\e6c5';color: #31ce90;font-family: 'iconfont';position: relative;font-size: 16px;} .xinfang_zhuanche .xz_box .xz_carimg:after{ content: ""; position: absolute; background: linear-gradient(0deg, #ffffff 9%, rgba(255,255,255,0) 91%);width: 20px;height: 56px;left: 0;} .xinfang_zhuanche .xz_box .xztxt{margin: auto;} /* 专属房价分析报告 */ .fangjiabaogao_liut{width: 1180px;height: 83px;background: no-repeat;background-size: 100% 100%;} .pages-detail .peitao .transit{ position:absolute; width:100%; height:100%; background:#fff; left:0; top:0; display:none; -webkit-animation:luxian .3s; -moz-animation:luxian .3s; -ms-animation:luxian .3s; animation:luxian .3s; } .pages-detail .peitao .transit .top{ overflow:hidden; padding:10px 0; border-bottom:#e5e5e5 1px solid; } .pages-detail .peitao .transit .top p{ float:left; line-height:24px; font-size:18px; color:#333; } .pages-detail .peitao .transit .top a{ float:right; border:#333 1px solid; color:#333; font-size:12px; line-height:22px; padding:0 12px; border-radius:2px; } .pages-detail .peitao .transit .panel{ position:relative; margin-top:40px; overflow:hidden; } .pages-detail .peitao .transit .line{ overflow:hidden; margin:20px 20px 0; } .pages-detail .peitao .transit .line-start{ margin-top:0; } .pages-detail .peitao .transit .line span{ font-size:12px; width:30px; line-height:24px; border-radius:50%; border:#999 3px solid; text-align:center; float:left; } .pages-detail .peitao .transit .line-start span{ color:#30a15d; border-color:#30a15d; } .pages-detail .peitao .transit .line-end span{ color:red; border-color:red; } .pages-detail .peitao .transit .line p{ float:left; margin-left:20px; width:200px; } .pages-detail .peitao .transit .line input{ width:100%; height:30px; border:#e5e5e5 1px solid; border-radius:2px; text-indent:10px; } .pages-detail .peitao .transit .swap{ position:absolute; width:24px; height:24px; border:#e5e5e5 1px solid; border-radius:2px; margin:auto; top:0; bottom:0; left:320px; cursor:pointer; } .pages-detail .peitao .transit .swap:after{ content:''; position:absolute; width:14px; height:12px; background: -370px -40px; margin:auto; left:0; top:0; right:0; bottom:0; } .pages-detail .peitao .transit .gj-result,.pages-detail .peitao .transit .jc-result{ position:absolute; display:none; margin:auto; left:0; right:0; bottom:0; top:44px; overflow:hidden; overflow-y:auto; } .pages-detail .peitao .transit .btn{ margin:40px 20px 0; } .pages-detail .peitao .transit .btn button{ width:200px; height:32px; background:#30a15d; color:#fff; border-radius:2px; cursor:pointer; margin-left:50px; } .pages-detail .peitao .sel_n .sel_body_name{ height:auto; } .pages-detail .bmbd .zbpt{ width: 151px; height: 103px; margin-top: 25px; } .fangjia .bmbd .fjzs{ width: 116px; height: 109px; margin-top: 25px; margin-left: 10px; } @-webkit-keyframes luxian { from{ transform:translatex(100%); } to{ transform:translatex(0); } } @-moz-keyframes luxian { from{ transform:translatex(100%); } to{ transform:translatex(0); } } @-ms-keyframes luxian { from{ transform:translatex(100%); } to{ transform:translatex(0); } } @keyframes luxian { from{ transform:translatex(100%); } to{ transform:translatex(0); } } .pages-detail .peitao .enter{ background:#fff6cd ; height:80px; overflow:hidden; margin-top:20px; } .pages-detail .peitao .enter .img{ float:left; width:525px; height:29px; background:; margin:28px 0 0 40px; } .pages-detail .peitao .enter .line{ float:left; margin:28px 0 0 20px; width:170px; } .pages-detail .peitao .enter .img .line{ margin-left:48px; } .pages-detail .peitao .enter input{ width:100%; height:32px; background:#fff; text-indent:10px; border-radius:4px; } .pages-detail .peitao .enter .btn{ float:left; margin:28px 0 0 20px; } .pages-detail .peitao .enter button{ width:110px; height:32px; border-radius:4px; background:#ffc323; border-bottom:#cc970a 2px solid; color:#fff; cursor:pointer; } #valueanalysis{margin-top: 30px; position: relative; padding-bottom: 30px;} #valueanalysis .tit{font-size: 22px;line-height: 56px; display: flex; justify-content: space-between; } #valueanalysis .tit h5{color: #333;font-weight: bold; font-size: 22px;} #valueanalysis .tit .desc{margin-left: 20px;} #valueanalysis .godetail{color: #999999;} #valueanalysis .godetail .iconfont{color: #999999;font-size: 12px;} #valueanalysis .mark_ul{position: relative; margin-bottom: 10px;} #valueanalysis .mark_ul:after{content: "";display: block;clear: both;} #valueanalysis .mark_ul li{float: left;position: relative;height: 60px;} #valueanalysis .mark_ul .li_item{width: 21%; display: flex;} #valueanalysis .li_item p{text-align: center;} #valueanalysis .li_item .explain{color: #333333; line-height: 60px; font-weight: bold;} #valueanalysis .mark_ul .first{width: 15%;position: relative;} #valueanalysis .li_item .mark{text-align: center;font-size: 36px;font-family: din;font-weight: bold;line-height: 36px;color: #333333; margin-top: 0;} #valueanalysis .first .mark{font-size: 28px;} #valueanalysis .markimg{position: relative;width:88px;height: 16px;margin: 0 auto;display: block;} #valueanalysis progress{width: 100px;height: 4px; margin-top: 28px; margin-left: 5px;} #valueanalysis progress::-webkit-progress-bar { background-color: #f0f0f0; } #valueanalysis progress::-webkit-progress-value { background-color: #ffa01e; } #valueanalysis .desctext{margin-left: 50px;} #valueanalysis .desctext .item{color: #333333; line-height: 30px;} #valueanalysis .lockbox{ background: linear-gradient(0deg, #ffffff 9%, rgba(255,255,255,0) 91%);height: 175px;position: absolute;bottom: 0;width: 100%;} #valueanalysis .lockbox .bot{position: absolute;bottom: 0;left: 0;right: 0;background: linear-gradient(360deg, #f2fff9 17%, rgba(242,255,249,0) 90%);height: 70px;border-top: 0;display: flex;} #valueanalysis .lockbox .bot .lockleftbox{position: relative;} #valueanalysis .lockbox .ckbox{ position: absolute; bottom: 5px; display: flex; align-items: center; margin-left: 100px;font-size: 12px; color: #999999;} #valueanalysis .lockbox .ckbox .protocol{ font-size: inherit; color: #666666;} #valueanalysis .lockbox .locktext{ font-size: 14px;color: #31ce90;font-weight: bold;line-height: 70px;margin-left: 100px;} #valueanalysis .lockbox .optbox{line-height: 70px;position: relative;margin-left: 30px;margin-right: 40px;flex: 1;} #valueanalysis .lockbox [type=text]{background: #ffffff;height: 36px;border: 1px solid #e1e1e1;border-radius: 36px;width: 400px;margin-top: 18px;text-indent: 30px;} #valueanalysis .lockbox .btn{position: absolute;background: linear-gradient(115deg, #1dd3aa 0%, #02cc6b 100%);border-radius: 36px;height: 36px;width: 100px;color: #ffffff;top: 18px;right: 0;font-size: 14px; cursor: pointer;} #valueanalysis .lockbox .iconfont{color: inherit; font-size: inherit; -webkit-text-stroke-width: 0;} #valueanalysis .unlockbox{ position: relative; height: 70px; background: linear-gradient(360deg, #dcfdee 17%, #e1fff1 66%);} #valueanalysis .unlockbox .bot{ background: linear-gradient(360deg, #dcfdee 17%, #e1fff1 66%); } .pages-info #valueanalysis .markimg{ line-height: 24px; height: 24px;} #valueanalysis .unlockbox .locktext{ margin-left: 46px;} #valueanalysis .unlockbox button{ right: 35px; } .pages-info #valueanalysis .lockbox .ckbox{ margin-left: 46px;} .pages-detail .shapan{ margin-top:30px; padding-bottom: 30px;} .pages-detail .shapan .tit{ font-size:22px; color:#333; line-height:56px; font-weight: bold;} .pages-detail .shapan .panel{ position:relative; } .pages-detail .shapan .tab-head{ position:absolute; overflow:hidden; left: 20px; top:50px; z-index:3; } .pages-detail .shapan .tab-head li{ color: #333333;line-height:30px; border-radius: 30px; margin-bottom: 15px; width:90px; text-align:center; font-size:14px; background:#ffffff; cursor:pointer;} .pages-detail .shapan .tab-head li.active{ color:#fff; background:#30a15d;} .pages-detail .shapan .tab-body{ position:relative; width:100%; height:400px; } .pages-detail .shapan .tab-body > li{ overflow:hidden; background:#fff; display: none;} .pages-detail .shapan .tab-body > li.active{ display: flex; } .pages-detail .shapan .drag{ width: 820px; height:400px; overflow:hidden; background:#f5f5f5; position:relative; } .pages-detail .shapan .drag .tag{ position:absolute; overflow:hidden; top:10px; right:20px; z-index:2; } .pages-detail .shapan .drag .tag span{ display:block; margin-top:10px; line-height:24px; font-size:12px; color:#fff; width:50px; text-align:center; } .pages-detail .shapan .drag .tag span.tag-2{ background:#30a15d; } .pages-detail .shapan .drag .tag span.tag-3{ background:#4285f4; } .pages-detail .shapan .drag .tag span.tag-4{ background:#999; } .pages-detail .shapan .drag-box{ cursor:move; position:absolute; left:0; top:0; z-index:1; } .pages-detail .shapan .label{ position:absolute; width:100%; height:100%; left:0; top:0; } .pages-detail .shapan .label span{ position:absolute; line-height:24px; cursor:pointer; font-size:12px; color:#fff; width:40px; text-align:center; border-radius:2px; } .pages-detail .shapan .label span:after{ content:''; position:absolute; width:0; height:0; border-left:transparent 4px solid; border-right:transparent 4px solid; border-top:#fff 4px solid; margin:auto; left:0; bottom:-4px; right:0; } .pages-detail .shapan .label span.label-1{ background:#30a15d; } .pages-detail .shapan .label span.label-1:after{ border-top-color:#30a15d; } .pages-detail .shapan .label span.label-2{ background:#4285f4; } .pages-detail .shapan .label span.label-2:after{ border-top-color:#4285f4; } .pages-detail .shapan .label span.label-3{ background:#999; } .pages-detail .shapan .label span.label-3:after{ border-top-color:#999; } .pages-detail .shapan .switch{ flex: 1; margin-left:20px; } .pages-detail .shapan .tab{ position:relative; overflow:hidden; padding-top:40px; } .pages-detail .shapan .fx{ position:absolute; width:100%; height:0; left:0; top:0; z-index:2; display:none; } .pages-detail .shapan .fx span{ position:absolute; width:20px; height:40px; background:#000; background:rgba(0, 0, 0, 0.5); filter:alpha(opacity=50); cursor:pointer; } .pages-detail .shapan .fx span:after{ content:''; position:absolute; width:11px; height:21px; background:; margin:auto; left:0; top:0; right:0; bottom:0; } .pages-detail .shapan .fx span.fx-prev{ left:0; } .pages-detail .shapan .fx span.fx-prev:after{ background-position:-250px -140px; } .pages-detail .shapan .fx span.fx-next{ right:0; } .pages-detail .shapan .fx span.fx-next:after{ background-position:-230px -140px; } .pages-detail .shapan .clicktab{ overflow:hidden; position:absolute; min-width:100%; height:40px; left:0; top:0; width:9999px; z-index:1; } .pages-detail .shapan .clicktab li{ float:left; width:90px; line-height:40px; text-align:center; font-size:18px; cursor:pointer; } .pages-detail .shapan .clicktab li.cur{ color: #333333; font-weight: bold; position: relative;background-image: ;background-repeat: no-repeat;background-position: 50% 65%;background-size: 30px;} .pages-detail .shapan .clicktab .cur:before{} .pages-detail .shapan .texttab > li{ display:none; } .pages-detail .shapan .texttab > li.cur{ display:block; } .pages-detail .shapan .lp-info{ overflow:hidden; padding:10px 0; } .pages-detail .shapan .lp-line{ line-height:36px; text-indent:10px; float:left; width:50%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .pages-detail .shapan .lp-line span{ color:#999999; width: 70px; display: inline-block; text-align: justify; text-align-last: justify; text-indent: 0;} .pages-detail .shapan .lp-line p{ color:#333333; display:inline; } .pages-detail .shapan .lp-line p.yushou{display: inline-block;text-indent: 15px;} .pages-detail .shapan .lp-line p.yushou .youhui-title{display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;max-width: 254px;vertical-align: middle;text-indent: 0;color: #333333;} .pages-detail .shapan .lp-line p .more-look{display: inline-block;vertical-align: middle;font-size: 14px;color: #30a15d;text-decoration: underline;cursor: pointer;} .pages-detail .shapan .lp-list dt{ line-height:30px; color: #333333; font-weight: bold; } .pages-detail .shapan .lp-list dd{ max-height:102px; overflow-y:auto; padding:10px 0; } .pages-detail .shapan .lp-xx{ overflow:hidden; display: flex;} .pages-detail .shapan .lp-xx p{ line-height:28px; } .pages-detail .shapan .lp-xx span{ width:244px; overflow:hidden; line-height:28px; } .pages-detail .shapan .lp-xx i{ float:left; line-height:28px; } /* 踩盘分析 */ .pages-detail .shapan .caipanfenxi{width:100%;height:100px;background: no-repeat;background-size: 100% 100%;position: relative;} .pages-detail .shapan .caipanfenxi .caipanfenxiul li{color: #999999;font-size: 12px;line-height: 20px;} .pages-detail .shapan .caipanfenxi .cp_box{width:100%;display: flex;justify-content: space-between;padding:0 15px;box-sizing: border-box;} .pages-detail .shapan .caipanfenxi .cp_box .cp_box_left{width:60%;height:100%;} .pages-detail .shapan .caipanfenxi .cp_box .cp_box_left>h2{font-size:16px;font-weight: bold;color: #31ce90;margin:8px 0;font-style: italic;} .pages-detail .shapan .caipanfenxi .cp_box .cp_box_left .title { font-size:16px;font-weight: bold;color: #31ce90;margin:8px 0;font-style: italic; } .pages-detail .shapan .caipanfenxi .cp_box .cp_box_left>p{font-size:14px;font-weight:400;color: #999999;} .pages-detail .shapan .caipanfenxi .cp_box .ldcpfx{position: absolute;z-index:1;display: block;text-align:center;background: linear-gradient(341deg, #0ba769 3%, #34f3d2 79%);width: 50px;height: 50px;border-radius: 50%;font-size: 14px;padding: 6px;color: white;top: 25px;right: 15px;} .pages-detail .fangjia{ margin-top:30px; } .pages-detail .fangjia .tit,.pages-detail .pinlun .tit{ overflow:hidden; } .pages-detail .fangjia .tit p,.pages-detail .pinlun .tit p{ float:left; line-height:56px; font-size:22px; color:#333; font-weight: bold; } /* 楼盘网智能算法 提示 */ .pages-detail .fangjia .tit .desc,.pages-detail .pinlun .tit span{ float:left; margin:18px 20px 0 0; text-indent: 20px; line-height:20px; color:#999; } .pages-detail .fangjia .tit .iconfont{color: #999999;font-size: 12px;} .pages-detail .fangjia .tit a,.pages-detail .pinlun .tit a{ float:right; margin:18px 20px 0 0; line-height:20px; color:#999; } .pages-detail .fangjia .tit a:hover,.pages-detail .pinlun .tit a:hover{ color:#30a15d; } .pages-detail .fangjia .panel{ overflow:hidden; display: flex; } .pages-detail .fangjia .trends{ width:820px; } .pages-detail .fangjia .trends .pricebox{ display: flex;font-size:18px; color:#333; text-indent:20px; line-height:30px; height:30px; margin:15px 0; } .pages-detail .fangjia .trends .pricebox .price{ font-size:24px; color:#fe4844; font-weight:bold; } .pages-detail .fangjia .analysisbox{ width: 315px; position: relative;margin-left: 30px; border-radius: 8px;} .pages-detail .fangjia .analysisbox .analysisinfo{display: flex; flex-wrap: wrap; position: relative; height: 330px; padding-left: 15px;} .pages-detail .fangjia .analysisbox .analysisinfo:after{ content: "";position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: linear-gradient(359deg, #f9f9fc 9%, rgba(255,255,255,0.37) 74%); } .pages-detail .fangjia .analysisbox .title{ font-size: 18px; color: #333333; font-weight: bold; line-height: 30px; height: 30px;padding-left: 15px;} .pages-detail .fangjia .analysisbox .analysisitem{width: 100%; display: flex; align-items: center;} .pages-detail .fangjia .analysisbox .analysisimg{ width: 70px; height: 70px; } .pages-detail .fangjia .analysisbox .analysisdesc{ margin-left: 20px; } .pages-detail .fangjia .analysisbox .top{ font-size: 14px; color: #333333; font-weight: bold; line-height: 30px; } .pages-detail .fangjia .analysisbox .bot{ font-size: 14px; color: #999999; line-height: 30px;} .pages-detail .fangjia .analysisbox .btn{ position: absolute; ;height: 26px;line-height: 26px; color: #ffffff; font-size: 14px; z-index: 1; border-radius: 26px; width: 128px;background: linear-gradient(135deg, #1ad2a3 6%, #05cd72 73%); border-radius: 26px;bottom: 45px;left: 0;right: 0;margin: 0 auto;} .pages-detail .fangjia .trend{ width:100%; height:300px; } .pages-detail .fangjia .tag{ text-align:center; } .pages-detail .fangjia .tag span{ display:inline-block; vertical-align:middle; line-height:20px; padding-left:40px; margin-right:20px; position:relative; } .pages-detail .fangjia .tag span:before{ content:''; position:absolute; width:36px; height:2px; background:#bcbcbc; left:0; top:9px; } .pages-detail .fangjia .tag span:after{ content:''; position:absolute; width:6px; height:6px; background:#fff; border:#bcbcbc 1px solid; border-radius:50%; left:15px; top:6px; } .pages-detail .fangjia .tag span.tag-1:before{ background:#fe9a64; } .pages-detail .fangjia .tag span.tag-1:after{ border-color:#fe9a64; } .pages-detail .fangjia .tag span.tag-2:before{ background:#30a15d; } .pages-detail .fangjia .tag span.tag-2:after{ border-color:#30a15d; } .pages-detail .fangjia .list{ float:left; width:380px; margin-left:20px; } .pages-detail .fangjia .list h5{ line-height:60px; font-size:18px; color:#333; font-weight:normal; text-indent:36px; } .pages-detail .pinlun .hot h5{line-height:60px; font-size:18px; color:#333; font-weight: bold;} .pages-detail .fangjia .list li{ overflow:hidden; position:relative; margin-bottom:10px; } .pages-detail .fangjia .list label{ position:absolute; overflow:hidden; margin:auto; left:12px; top:0; bottom:0; width:12px; height:12px; cursor:pointer; } .pages-detail .fangjia .list label input{ position:absolute; width:10px; height:10px; left:-20px; } .pages-detail .fangjia .list label span{ display:block; width:12px; height:12px; background: -260px -110px; } .pages-detail .fangjia .list label input:checked span{ background-position:-280px -110px; } .pages-detail .fangjia .list .img{ float:left; width:120px; height:86px; margin-left:36px; } .pages-detail .fangjia .list .img img{ width:100%; height:100%; object-fit:cover; } .pages-detail .fangjia .list .text{ float:left; width:200px; margin-left:20px; } .pages-detail .fangjia .list .t{ line-height:20px; height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .pages-detail .fangjia .list .t a{ font-size:16px; color:#333; } .pages-detail .fangjia .list .t a:hover{ color:#30a15d; } .pages-detail .fangjia .list .text p, .pages-detail .fangjia .list .text span{ display:block; margin-top:10px; line-height:20px; color:#999; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } .pages-detail .fangjia .list .btn{ margin-left:36px; padding-top:10px; } .pages-detail .fangjia .list .btn a{ display:block; width:280px; line-height:30px; border-radius:4px; background:#30a15d; color:#fff; margin:0 auto; text-align:center; } .pages-detail .fangjia .dealbox{ margin-left: 30px;} .pages-detail .fangjia .dealbox .title{ margin: 15px 0; font-size: 18px; color: #333333; font-weight: bold;} .pages-detail .fangjia .dealbox .deallist{padding-left: 20px;border-left: 1px solid #cecccc;} .pages-detail .fangjia .dealbox .dealitem{ position: relative;width: 315px;height: 60px; background: #f8f9fc; border-radius: 8px; margin-bottom: 20px; display: flex; padding: 10px 18px;} .pages-detail .fangjia .dealbox .dealitem:before{content: ""; position: absolute; width: 8px; height: 8px; background: #ffffff; border: 2px solid #999999; border-radius: 50%;top: 0; left: -26px;} .pages-detail .fangjia .dealbox .dealitem:first-child:before{ border: 2px solid #31ce90;} .pages-detail .fangjia .dealbox .left{ flex: 1;} .pages-detail .fangjia .dealbox .top{ color: #333333; margin-bottom: 5px;} .pages-detail .fangjia .dealbox .bot{ font-size: 12px; color: #999999;} .pages-detail .fangjia .dealbox .bold{ font-weight: bold; color: #333333;} .pages-detail .fangjia .dealbox .pricetxt{ color: #ff0000; font-weight: bold;} .pages-detail .fangjia .dealbox .btn{background: linear-gradient(135deg, #1ad2a3 6%, #05cd72 73%); height: 26px; line-height: 26px; color: #ffffff; border-radius: 26px; padding: 0 10px; margin-top: 7px; cursor: pointer;} .pages-detail .pinlun{ margin-top:30px; overflow:hidden; display: flex; justify-content: space-between; } .pages-detail .pinlun .asknewleft{width: 780px;} .pages-detail .pinlun .commentbox{} .pages-detail .pinlun .commentbox commentitem{} .pages-detail .pinlun .commentbox .top{display: flex; align-items: center;} .pages-detail .pinlun .commentbox .avatar{ width: 48px; height: 48px; border-radius: 50%;} .pages-detail .pinlun .commentbox .info{ margin-left: 15px; } .pages-detail .pinlun .commentbox .info .name{ font-size: 14px; color: #333333; font-weight: bold; line-height: 26px;} .pages-detail .pinlun .commentbox .info .time{ color: #999999; font-size: 12px;} .pages-detail .pinlun .commentbox .mid{ margin: 20px 0; color: #333333;} .pages-detail .pinlun .commentbox .btnarea{ height: 50px;position: relative;} .pages-detail .pinlun .commentbox .btnarea:before{content: "";background: no-repeat; background-size: contain;position: absolute;width: 58px;height: 24px;left: 0;top: 13px;} .pages-detail .pinlun .commentbox .member{padding-left: 70px;padding-top: 17px;display: inline-block;} .pages-detail .pinlun .commentbox .btnarea span{ font-size: 12px;} .pages-detail .pinlun .commentbox .btnarea button{padding: 4px 9px;color: #fff;margin-left: 5px;cursor: pointer;background: linear-gradient(113deg, #1dd3ab 0%, #03cc6c 100%);border-radius: 27px;width: 80px;} .pages-detail .gbook .tit{ overflow:hidden; background:#f3f3f3; } .pages-detail .gbook .tit p{ float:left; text-indent:20px; font-size:24px; line-height:56px; color:#333; } .pages-detail .gbook .tit span{ float:left; line-height:56px; margin-left:20px; color:#999; } .pages-detail .gbook .tit a{ float:right; margin:18px 20px 0 0; line-height:20px; color:#999; } .pages-detail .gbook .tit a:hover{ color:#30a15d; } .pages-detail .gbook .list dt,.pages-detail .gbook .list dd{ overflow:hidden; } .pages-detail .gbook .img{ float:left; margin-left:20px; } .pages-detail .gbook .img p{ width:64px; height:64px; } .pages-detail .gbook .img img{ width:100%; height:100%; object-fit:cover; } .pages-detail .gbook .img span{ line-height:20px; color:#30a15d; text-align:center; display:block; margin-top:6px; } .pages-detail .gbook .text{ float:left; margin-left:32px; width:510px; overflow:hidden; } .pages-detail .gbook .text h6{ color:#333; line-height:28px; } .pages-detail .gbook .text p{ line-height:28px; color:#333; } .pages-detail .gbook dd h6{ float:left; } .pages-detail .gbook .list dd, .pages-detail .gbook .list dt{ border-bottom:#e5e5e5 1px solid; margin-top:16px; padding-bottom:16px; } .pages-detail .gbook .list dd:last-child{ border-bottom:none; padding-bottom:0; } .pages-detail .gbook .name{ line-height:28px; color:#333; } .pages-detail .gbook .date{ line-height:28px; color:#999; } .pages-detail .hot{ float:right; width:344px; } .pages-detail .hot .tit{ font-size:18px; line-height:20px; } .pages-detail .hot li{ overflow:hidden; margin-bottom:14px; } .pages-detail .hot li:last-child{ margin-bottom:0; } .pages-detail .hot .img{ float:left; width:120px; height:86px; } .pages-detail .hot .img img{ width:100%; height:100%; object-fit:cover; border-radius: 8px;} .pages-detail .hot .text{ float:left; width:200px; margin-left:20px; } .pages-detail .hot .t{ line-height:20px; height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .pages-detail .hot .t a{ font-size:16px; color:#333;font-weight: bold; } .pages-detail .hot .t a:hover{ color: #31ce90; } .pages-detail .hot .text p, .pages-detail .hot .text span{ display:block; margin-top:10px; line-height:20px; color:#666666; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } .pages-detail .hot .text .price{color: #ff0000; font-size: 18px; font-weight: bold;} .pages-detail .calculator{ margin-top:30px; } .pages-detail .calculator .tit{ overflow:hidden;} .pages-detail .calculator .tit p{ float:left; line-height:56px; font-size:22px; color:#333; font-weight: bold; } .pages-detail .calculator .tit span{ float:left; line-height:56px; color:#999; text-indent:20px; padding-right:10px; } .pages-detail .calculator .tit a{ float:left; color:#fff; position:relative; line-height:20px; margin:18px 0 0 20px; padding-left:30px; background-color: #ffa009;border-radius: 4px;padding-right: 10px;padding-top: 3px;padding-bottom: 3px;} .pages-detail .calculator .tit a:last-child{color: #999;background: unset;} /* .pages-detail .calculator .tit a:hover{ color:#30a15d; } */ .pages-detail .calculator .tit a:before{ content:''; position:absolute; left:10px; top: 6px;} .pages-detail .calculator .tit a.gjj:before{ width:15px; height:14px; background:; } .pages-detail .calculator .tit a.sb:before{ width:12px; height:14px; background:; } .pages-detail .calculator .tit a.more{ float:right; padding:0; margin-right:20px; } .pages-detail .calculator .tit a.more:before{ content:none; } .pages-detail .calculator .panel{ margin-top:20px; display: flex;} .pages-detail .calculator .jsq{ flex: 1; position:relative; } .pages-detail .calculator .line{ overflow:hidden; margin-bottom:20px; } .pages-detail .calculator .line span{ float:left; line-height:36px; width:100px; color: #333333; font-weight: bold; text-align: right; } .pages-detail .calculator .line .tabbox{float: left;margin-top: 9px;} .pages-detail .calculator .line .tabbox .item{float: left;position: relative;padding-left: 25px;margin-right: 10px;cursor: pointer;} .pages-detail .calculator .line .tabbox .item::before{width: 18px;height: 18px;content: '\e72f';position: absolute;left: 0;top: 0;font-family: 'iconfont';font-size: 18px;color: #333333;} .pages-detail .calculator .line .tabbox .item.cur::before{content: '\e71b';color: #31ce90;} .pages-detail .calculator .line .itemlpr{position: relative;} .pages-detail .calculator .line .itemlpr input{width: 100px!important;} .pages-detail .calculator .line .itemlpr .dw{position: absolute;text-indent: 0;width: unset; left: 115px;} .pages-detail .calculator .line .itemlpr .lpr_info{text-align: right;display: inline-block;margin-left: 10px;} .pages-detail .calculator .line .itemlpr .lpr_info #lprtxt{display: inline-block;margin: 0 5px;} .pages-detail .calculator .line .tit_lpr{width: 50px;text-align: left;text-indent: 0;} .pages-detail .calculator .line #lpr{display: none;} .pages-detail .calculator .line .wt{clear: both;margin-left: 100px;overflow: hidden; width: 600px; margin-top: 10px;} .pages-detail .calculator .line p{ float:left; position:relative; color: #333333; background: #f5f5f6; } .pages-detail .calculator .line-select p.clearafter:after{width: 0;border: 0;} .pages-detail .calculator .line input[type="text"]{ height:36px; width:270px; border:#e5e5e5 1px solid; border-radius:4px; text-indent:10px; } .pages-detail .calculator .line input[type="text"] i{ position:absolute; line-height:36px; top:0; right:0; padding:0 10px; } .pages-detail .calculator .line select{ height:36px; width:600px; border:#e5e5e5 1px solid; border-radius:4px; text-indent:4px; background:transparent; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; color: #333333;padding-left: 10px;} .pages-detail .calculator .line-select .selectbox:after{ content: "\e6ed";position: absolute;font-family: 'iconfont';right: 15px;top: 0px;bottom: 0;margin: auto;font-size: 14px;width: 14px;height: 14px;color: #999999;font-weight: bold;} .pages-detail .calculator .line-select .clearafter:after{ content: "";} .pages-detail .calculator .line-checkbox{ padding-left:114px; overflow:hidden; } .pages-detail .calculator .line-checkbox label{ float:left; margin-right:20px; position:relative; overflow:hidden; cursor:pointer; } .pages-detail .calculator .line-checkbox input{ position:absolute; width:10px; height:10px; left:-20px; } .pages-detail .calculator .line-checkbox span{ float:left; width:13px; height:13px;margin-top: -1px;margin-left: 1px;} .pages-detail .calculator .line-checkbox span::before{content: '\e69a';font-family: 'iconfont';font-size: 12px; color: #31ce90;} .pages-detail .calculator .line-checkbox input:checked span::before{content: '\e69b';font-family: 'iconfont';font-size: 12px;} .pages-detail .calculator .line-checkbox p{ float:left; line-height:14px; margin-left:8px; } .pages-detail .calculator .btn{margin-left: 100px; padding:10px 0; background:#fff; width: 200px;} .pages-detail .calculator .btn button{ width:200px; height: 46px; color:#fff; border-radius:46px; cursor:pointer; background: linear-gradient(135deg, #1ad2a3 6%, #05cd72 73%); font-size: 20px; font-weight: bold; margin-top: 20px;} .pages-detail .calculator .showchat{ box-shadow: 0px -1px 7px 0px rgba(0,0,0,0.1);border-radius: 8px;width: 390px;} .pages-detail .calculator .chart{ width: 390px; height: 270px; margin: 20px auto; } .pages-detail .calculator .text{ float:left; width:320px; margin-left:30px; } .pages-detail .calculator .text h6{ color:#333; font-weight: bold; line-height:20px; } .pages-detail .calculator .m-money{ color:#333; margin:8px 0 6px; } .pages-detail .calculator .m-money span{ font-size:18px; color:#fe4844; font-weight:bold; line-height:24px; height:24px; } .pages-detail .calculator .item-money{ line-height:32px; color:#333; position:relative; padding-left:12px; } .pages-detail .calculator .item-money:before{ content:''; position:absolute; width:8px; height:8px; border-radius:4px; background:#d8d8d8; margin:auto; left:0; top:0; bottom:0; } .pages-detail .calculator .item-sf:before{ background:#01c889; } .pages-detail .calculator .item-dk:before{ background:#ffb050; } .pages-detail .calculator .item-money span{ color:#999; } .pages-detail .calculator .ps{ color:#999; line-height:20px; font-size:12px; margin-top:6px; } .pages-house .tuijian{ margin-top:30px; } .pages-house .tuijian .tit{ display: flex; justify-content: space-between; } .pages-house .tuijian .tit p{ line-height:56px; font-size:22px; color:#333; font-weight: bold;} .pages-house .tuijian .tit a{ line-height:20px; color:#999; margin:18px 20px 0 0; } .pages-house .tuijian .tit a:hover{ color:#30a15d; } .pages-house .tuijian ul{ margin-top:20px; overflow:hidden; } .pages-house .tuijian li{ float:left; margin-right: 40px; } .pages-house .tuijian li:nth-child(4n 4){ margin-right: 0;} .pages-house .tuijian.esf li{ float:left; width:25%; padding:0 18px; } .pages-house .tuijian .img{display: block; height: 190px; width: 265px;} .pages-detail .tuijian .img{ display:block; height:190px;width: 265px; } .pages-map .tuijian .img{display: block;height: 140px; width: 200px;} .pages-house .tuijian .img img{ width:100%; height:100%; object-fit:cover; border-radius: 8px; } .pages-house .tuijian .text{ padding:10px 0; width: 265px; } .pages-house .tuijian .name{ font-weight: bold;line-height:30px; color:#333; font-size: 18px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .pages-house .tuijian .price{ line-height:20px; color:#ff0000; height:20px; margin-top:6px; } .pages-house .tuijian .price span{ font-size:16px; color:#ff0000;font-weight: bold; } .pages-detail .zhuangxiu{ margin-top:30px; } .pages-detail .zhuangxiu .tit{ line-height:56px; font-size:22px; color:#333; font-weight: bold; } .pages-detail .zhuangxiu ul{ overflow:hidden; display: flex; flex-wrap: wrap; justify-content: space-between;} .pages-detail .zhuangxiu li{ float:left; } .pages-detail .zhuangxiu .img{ display:block; height:144px; width: 220px;} .pages-detail .zhuangxiu .img img{ width:100%; height:100%; object-fit:cover; } .pages-detail .zhuangxiu .t{ overflow:hidden; margin-top:8px; font-size: 20px; color: #333333; position: relative;} .pages-detail .zhuangxiu .t:after{ content: ""; position: absolute; } .pages-detail .zhuangxiu h6{ float:left; color:#333; font-size:18px; font-weight:normal; line-height:24px; max-width:146px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .pages-detail .zhuangxiu .t span{ float:left; width:21px; height:24px; margin-left:6px; } .pages-detail .zhuangxiu .t span.icon-1::before{content: '\e6d1';color:#fe4844;font-family: 'iconfont';font-size: 24px;} .pages-detail .zhuangxiu .t span.icon-2::before{content:'\e6a5';color:#ffa009;font-family: 'iconfont';font-size: 24px;} .pages-detail .zhuangxiu .tag{ margin-top:10px; overflow:hidden; height:26px; } .pages-detail .zhuangxiu .tag span{ float:left; font-size:12px; line-height:24px; background:#f3f3f3; border:#e5e5e5 1px solid; border-radius:4px; padding:0 6px; margin-right:10px; } .pages-detail .zhuangxiu .tag span:nth-child(1){ background:#f3fcf9; border-color:#c1e4da; color:#57aa8a; } .pages-detail .zhuangxiu .tag span:nth-child(2){ background:#fff4ea; border-color:#f7dabd; color:#ff7e00; } .pages-detail .footer{ margin-top:40px; } /* 模块标题 */ .pages-detail h2.module-title { font-size:22px; color:#333; line-height:56px; font-weight: bold; } .pages-detail h2.tit { font-size:22px; color:#333; line-height:56px; font-weight: bold; float: left; } /* 动态 */ .pages-dt h1{ font-size:26px; line-height:30px; text-align:center; color:#333; font-weight:normal; } .pages-dt .house-left .editor{position: relative;height:36px;} .pages-dt .house-left .editor:after{content: "";display: block;clear: both;} .pages-dt .house-left .editor .avatar{width: 36px;height: 36px;display: inline-block;vertical-align: middle;object-fit: cover;margin-right: 15px;border-radius: 50%;} .pages-dt .house-left .editor .name{font-size: 14px;color: #333333;display: inline-block;vertical-align: middle;margin-right: 15px;} .pages-dt .house-left .editor .scene-label{background-color: rgba(48,161,93,.1);display: inline-block;color: rgba(48,161,93,1);padding: 0 8px;vertical-align: middle;margin-right: 15px;} .pages-dt .house-left .editor .tels{font-size: 14px;color: #999999;display: inline-block;vertical-align: middle;margin-right: 15px;} .pages-dt .house-left .editor .imbtn{float: right;display: inline-block;vertical-align: middle;height: 26px;background: #30a15d;border-radius: 3px;line-height: 26px;padding: 0 11px;color:#ffffff;font-size: 12px;cursor: pointer;margin-top: 5px;} .pages-dt .house-left .imbtn .iconfont{color: inherit;-webkit-text-stroke-width:0;} .pages-dt .house-left .date{margin: 10px 0;} .pages-dt .house-left .date .iconfont{padding-right: 10px;} .pages-dt .house-left .body .tag{border: 1px solid #30a15d;margin-right: 10px;font-size: 12px;padding: 0 4px;border-radius: 2px;color: #30a15d;box-sizing: border-box;display: inline-block;} .pages-dt .house-left .body .body{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin: 20px 0;} .pages-dt .house-left .body .content{color: #666666;line-height: 28px;} .pages-dt .other{ text-align:center; margin-top:10px; } .pages-dt .other > div{ color:#999; line-height:20px; display:inline-block; vertical-align:middle; padding:0 5px; } .pages-dt .article{ margin-top:32px; font-size:16px; color:#333; overflow: hidden;} .pages-dt .article p{line-height:32px; text-indent:2em; text-align:justify; text-justify:inter-ideograph; word-wrap:break-word; white-space:pre-wrap;} .pages-dt .article img{ display:block; max-width: 100%;margin: 0 auto;cursor: pointer;} .pages-dt .article *{ font-size:inherit; color:inherit; } .pages-dt .article a{ color:#30a15d; } .pages-dt .fanye{ margin-top:40px; display: flex; justify-content: space-between; } .pages-dt .fanye a{ display:inline-block; vertical-align:middle; line-height:32px; width:136px; text-align:center; color:#666666; position:relative; font-weight: bold; font-size: 16px;} .pages-dt .fanye a .iconfont{ font-size: inherit;} .pages-dt .mianze{ margin-top:20px; } .pages-dt .article .loupan_js_dd2 span{text-indent: 0;} .pages-dt .subscribe{ position: relative;height: 80px; background: no-repeat; background-size: contain; margin-top: 35px; display: flex;} .pages-dt .subscribe .bot{ margin-left: 100px; padding: 10px;} .pages-dt .subscribe .bot p{ font-size: 16px; color: #333333; font-weight: bold; line-height: 26px;} .pages-dt .subscribe .bot span{ font-size: 12px; color: #333333;} .pages-dt .subscribe .optbox{ position: relative; margin-left: 30px; margin-right: 40px; flex: 1;} .pages-dt .subscribe .optbox input{ background: #ffffff; height: 36px; border: 1px solid #e1e1e1; border-radius: 36px; width: 315px; margin-top: 10px; text-indent: 30px;} .pages-dt .subscribe .optbox .groupbtm{ position: absolute; background: linear-gradient(135deg, #ffc300 0%, #ff8f1f 100%);border-radius: 36px;height: 36px;width: 100px;color: #ffffff;top: 10px;right: 0;font-size: 14px;font-weight: bold; cursor: pointer;} .pages-dt .subscribe .ckbox{ position: absolute; bottom: 10px; right: 60px;} .article .m_video{max-height: calc(860px * .5);} /* 走势图 */ .pages-price .block .title{font-size: 24px;font-weight: bold;color: #333333;padding-bottom: 25px;} .pages-price .chat{display: flex;display: -webkit-flex;justify-content: space-between;margin-bottom: 40px;} .pages-price .averageprice,.pages-price .prevmonth,.pages-price .allhouses{width: 275px;height: 100px;border-radius: 10px;display: flex;display: -webkit-flex;} .pages-price .averageprice{box-shadow: 0px 0px 9px 0px rgba(186,186,186,0.53);margin-left: 4px;} .pages-price .prevmonth{box-shadow: 0px 0px 9px 0px rgba(186,186,186,0.53);} .pages-price .allhouses{box-shadow: 0px 0px 9px 0px rgba(186,186,186,0.53);} .pages-price .findhouse{margin-top: 30px;} .pages-price .descitem{flex: 1;margin-left: 20px;} .pages-price .iconitem{line-height: 120px;position: relative;} .pages-price .pricelabel{margin-top: 25px;font-size: 14px;color: #2fa15c;color: #666666;} .pages-price .pricelabel .godetail{color: #999999;} .pages-price .pricelabel a{font-size: inherit;color: inherit;} .pages-price .priceval{color: #db2e2e;font-size: 22px;font-weight: bold;margin-top: 10px;} .pages-price .priceval .compare{font-weight: normal;color: #333333;font-size: 14px;} .pages-price .compare .status{color: #999999;} .pages-price .compare .up{color: #fe4844;} .pages-price .compare .down{color: #30a15d;} .pages-price .priceval .iconfont{font-size: 30px;color: #db2e2e;} .pages-price .reduce{color: #057f3e;} .pages-price .reduce .iconfont{color: #057f3e;display: inline-block;line-height: 40px;vertical-align: bottom;} .pages-price .unit{font-size: 14px;font-weight: normal;color: #fe4844;display: inline-block;vertical-align: middle;} .pages-price .iconitem{line-height: 120px;position: relative;} .pages-price .icons{font-size: 80px;color: #2fa15c;} .pages-price .opacity{position: absolute;right: 0;width: 81px;height: 80px;top: 20px;z-index: 1;background: linear-gradient(to left, rgba(255,255,255,.7), rgba(255,255,255,.9));} .pages-price .notice{display: inline-block;position: relative;} .pages-price .notice .desc{display: none;position: absolute;font-size: 14px;font-weight: normal;color: #ffffff;line-height: 21px;background: rgba(0,0,0,.6);width: 300px;border-radius: 5px;left: 0;top: 38px;padding: 5px 10px;word-wrap: break-word; z-index: 11;text-align: left;} .pages-price .priceinfo{margin-top: 45px;} .pages-price .priceinfo .t_table{margin-top: 10px;border-left: 0;border-right: 0;} .pages-price .priceinfo .flex{display: flex;display: -webkit-flex;} .pages-price .thead .date,.pages-price .thead .maxprice,.pages-price .thead .lowprice,.pages-price .thead .avgprice{width: 120px;text-align: center;font-weight: bold;color: #333333;padding: 15px 0;background: #f2f2f2;} .pages-price .thead .pricenotice{flex: 1;text-align: center;font-weight: bold;color: #333333;padding: 15px 0;background: #f2f2f2;} .pages-price .t_body .date,.pages-price .t_body .maxprice,.pages-price .t_body .lowprice,.pages-price .t_body .avgprice{width: 120px;text-align: center;padding: 30px 0;} .pages-price .t_body .pricenotice{flex: 1;text-align: left;color: #333333;padding: 25px 15px;} .pages-price .t_body .flex{border-bottom: 1px solid #dcdcdc;} .pages-price .t_body.close .flex:nth-child(n 8){display: none;} .pages-price .t_body .operation{padding: 20px 0;text-align: center;cursor: pointer;background: #f5f5f5;} .pages-price .info{ overflow:hidden; border-bottom:#e5e5e5 1px solid; padding-bottom:12px; } .pages-price .info .price{ float:left; line-height:30px; height:30px; font-size:18px; color:#333; margin-left:20px; } .pages-price .info .price span{ color:#fe4844; font-size:24px; font-weight:bold; } .pages-price .info .calc{ float:left; line-height:30px; height:30px; padding-left:20px; position:relative; margin-left:20px; } .pages-price .info .calc:before{ content:'\e6b7'; position:absolute; width:13px; height:14px; left:0; top:8px; font-family: 'iconfont';line-height: 14px;color: #999;} .pages-price .info .gjj{ float:left; line-height:30px; height:30px; padding-left:20px; position:relative; margin-left:20px;} .pages-price .info .gjj:before{ content:'\e708'; position:absolute; width:16px; height:14px; left:0; top:8px; font-family: 'iconfont';line-height: 14px;color: #999;font-size: 16px;} .pages-price .info .sb{ float:left; line-height:30px; height:30px; padding-left:20px; position:relative; margin-left:20px; } .pages-price .info .sb:before{ content:'\e71e'; position:absolute; width:12px; height:14px; left:0; top:8px; font-family: 'iconfont';line-height: 14px;color: #999;font-size: 18px;} .pages-price .info .more{ float:right; line-height:30px; height:30px; } /* 楼盘网智能算法 提示 */ .pages-price .info .price-tip { float:left; line-height:30px; height:30px; margin-left:20px; color:#999; } .pages-price .info .more a:hover{ color:#30a15d; } .pages-price .pricetxt{ line-height:20px; padding:10px 0 10px 20px; } .pages-price .trend{ height:300px; } .pages-price .trend-tag{ text-align:center; } .pages-price .trend-tag span{ display:inline-block; vertical-align:middle; line-height:20px; padding-left:40px; margin-right:20px; position:relative; } .pages-price .trend-tag span:before{ content:''; position:absolute; width:36px; height:2px; background:#bcbcbc; left:0; top:9px; } .pages-price .trend-tag span:after{ content:''; position:absolute; width:6px; height:6px; background:#fff; border:#bcbcbc 1px solid; border-radius:50%; left:15px; top:6px; } .pages-price .trend-tag span.tag-1:before{ background:#fe9a64; } .pages-price .trend-tag span.tag-1:after{ border-color:#fe9a64; } .pages-price .trend-tag span.tag-2:before{ background:#30a15d; } .pages-price .trend-tag span.tag-2:after{ border-color:#30a15d; } .pages-price .mianze{ margin-top:20px; } /* 动态列表 */ .pages-dtlb .list-dt{ margin-top:0; } .pages-dtlb .mianze{ margin-top:20px; } .pages-dtlb .subscribe{ position: relative;height: 80px; background: no-repeat; background-size: contain; margin-top: 35px; display: flex;} .pages-dtlb .subscribe .bot{ margin-left: 100px; padding: 10px;} .pages-dtlb .subscribe .bot p{ font-size: 16px; color: #333333; font-weight: bold; line-height: 26px;} .pages-dtlb .subscribe .bot span{ font-size: 12px; color: #333333;} .pages-dtlb .subscribe .optbox{ position: relative; margin-left: 30px; margin-right: 40px; flex: 1;} .pages-dtlb .subscribe .optbox input{ background: #ffffff; height: 36px; border: 1px solid #e1e1e1; border-radius: 36px; width: 315px; margin-top: 10px; text-indent: 30px;} .pages-dtlb .subscribe .optbox .groupbtm{ position: absolute; background: linear-gradient(135deg, #ffc300 0%, #ff8f1f 100%);border-radius: 36px;height: 36px;width: 100px;color: #ffffff;top: 10px;right: 0;font-size: 14px;font-weight: bold; cursor: pointer;} .pages-dtlb .subscribe .ckbox{ position: absolute; bottom: 10px; right: 60px;} /* 对比 */ .pages-duibi .duibi{ position:relative; margin-top:20px; padding-bottom:40px; } .pages-duibi .db-nav{ position:absolute; width:120px; height:440px; background:#fafafa; } .pages-duibi .db-nav a{ display:block; line-height:40px; color:#333; text-align:center; } .pages-duibi .db-nav a.active{ background:#30a15d; color:#fff; } .pages-duibi .content{ margin-left:140px; } .pages-duibi .pos{ line-height:20px; } .pages-duibi .pos a{ color:#999; font-size:12px; } .pages-duibi .jilu .tit{ font-size:26px; color:#333; line-height:60px; border-bottom:#e5e5e5 1px solid; } .pages-duibi .jilu ul{ margin:20px 0 0 -10px; overflow:hidden; width:1050px; } .pages-duibi .jilu li{ float:left; margin-left:10px; } .pages-duibi .jilu .img{ display:block; width:200px; height:144px; } .pages-duibi .jilu .img img{ width:100%; height:100%; object-fit:cover; } .pages-duibi .jilu .text{ padding:10px 0; } .pages-duibi .jilu .name{ line-height:20px; color:#333; } .pages-duibi .jilu .price{ line-height:20px; color:#333; height:20px; margin-top:6px; } .pages-duibi .jilu .price span{ font-size:16px; color:#ffa009; } .pages-duibi .table{ margin-top:20px; } .pages-duibi .table table{ border-left:#e5e5e5 1px solid; border-top:#e5e5e5 1px solid; width:100%; table-layout:fixed; } .pages-duibi .table td{ padding:10px; border-right:#e5e5e5 1px solid; border-bottom:#e5e5e5 1px solid; text-align:center; height:60px; } .pages-duibi .table .grid{ border:#e5e5e5 1px solid; border-bottom:none; overflow:hidden; } .pages-duibi .table .grid-item{ float:left; line-height:60px; text-align:center; width:140px; border-right:#e5e5e5 1px solid; } .pages-duibi .db-search{ overflow:hidden; padding:15px 0; float:left; } .pages-duibi .db-search input{ float:left; width:320px; height:30px; border:#e5e5e5 1px solid; border-radius:2px; text-indent:10px; margin-left:20px; } .pages-duibi .db-search button{ float:left; width:100px; height:30px; cursor:pointer; background:#30a15d; color:#fff; margin-left:20px; border-radius:2px; } .pages-duibi .db-search p{ float:left; line-height:30px; color:#999; margin-left:20px; font-size:12px; } .pages-duibi .db-item{ width:160px; margin:0 auto; padding:10px 0; } .pages-duibi .db-item .img{ display:block; height:114px; } .pages-duibi .db-item .img img{ width:100%; height:100%; object-fit:cover; } .pages-duibi .db-item .text{ overflow:hidden; padding:10px 0 0; } .pages-duibi .db-item .name{ float:left; width:120px; line-height:20px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:left; } .pages-duibi .db-item .close{ width:17px; height:17px; background: -360px -140px; float:right; margin-top:1px; } .pages-duibi .table .tit{ overflow:hidden; border-right:#e5e5e5 1px solid; } .pages-duibi .table .tit p{ float:left; line-height:60px; font-size:16px; color:#333; font-weight:bold; text-indent:18px; position:relative; } .pages-duibi .table .tit p:before{ content:''; position:absolute; width:4px; height:100%; background:#30a15d; left:0; top:0; } .pages-duibi .table .tit a{ float:left; line-height:20px; color:#30a15d; text-decoration:underline; margin:20px 0 0 20px; } .pages-duibi .table .hx-line p{ display:inline-block; vertical-align:middle; overflow:hidden; width:160px; } .pages-duibi .table .hx-line i{ float:left; line-height:28px; } .pages-duibi .table .hx-line span{ float:right; line-height:28px; } /* 详细信息 */ .pages-info{ padding-bottom:40px; } .pages-info .baseinfo{ margin-bottom:10px; } .pages-info .baseinfo h5{ font-size:20px; color:#333333; font-weight:bold; line-height:30px; } .pages-info .baseinfo .areatitle{ display: flex; align-items: center; justify-content: space-between;} .pages-info .baseinfo .areatitle .btn{ cursor: pointer;} .pages-info .baseinfo ul{ overflow:visible; display: flex; flex-wrap: wrap; } .pages-info .baseinfo ul:after{content:" ";display: block;clear: both} .pages-info .baseinfo li{ width:50%; line-height:32px; height:32px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-right:20px; } .pages-info .baseinfo li.full{ width:100%; height:auto; white-space:normal; } .pages-info .baseinfo li.w30{ width: 40%;} .pages-info .baseinfo li.w70{ width: 60%;} .pages-info .baseinfo li.sell{ overflow: visible;} .pages-info .baseinfo .lidata{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-size: inherit;font-weight: normal;color: #333;} .pages-info .baseinfo .label{ font-size: 14px; color: #999999; display: inline-block; width: 85px; text-align-last: justify;} .pages-info .baseinfo .auto {text-align-last: auto;} .pages-info .baseinfo .price{ color: #ff0505;} .pages-info .baseinfo .gopage{color: #31ce90; text-decoration: underline;} .pages-info .baseinfo .gopage .iconfont{ color: inherit; font-size: 12px;} .pages-info #valueanalysis {margin-top: 0;} .pages-info .baseinfo .explain{position: relative;} .pages-info .baseinfo .explain:hover .msghover{display: block;left: -100px;top:30px;width: 300px;line-height: 20px;font-weight: normal;box-shadow: 0px 0px 1px 0px rgb(0 0 0 / 50%);} .pages-info .baseinfo .explain .iconfont{font-weight: normal;font-size: 16px;cursor: pointer; color: #d9d9d9;} .pages-info .baseinfo .bm{ display: inline-block; margin:0px 0 0 20px; } .pages-info .baseinfo .bm button{background:transparent; color: #31ce90; height:20px; cursor:pointer;border-radius: 4px;padding-right: 8px; position: relative;} .pages-info .baseinfo .bm .iconfont{color: #31ce90;font-size: 12px;font-weight: normal;} .pages-info .baseinfo .link{ display: inline-block; } .pages-info .baseinfo .link a{ margin-left:10px; line-height:20px; margin-top:0px; color: #31ce90; border-radius: 4px;padding-right: 8px; position: relative;} .pages-info .baseinfo .link .iconfont{ color: inherit; font-size: 12px;} .pages-info .baseinfo .flex{display: flex;} .pages-info .baseinfo .flex .lidata{flex: 1;} .pages-info .baseinfo .flex .lidata .layoutdetail{ color: #999999; font-size: 14px; border-bottom: 1px solid #999;} .pages-info .baseinfo .flex .bm{ color: #31ce90; } .pages-info .baseinfo .licenceul .label{ width: 110px; } .pages-info .content{ margin-bottom:20px; } .pages-info .content h5{ font-size:26px; color:#333; font-weight:normal; line-height:30px; } .pages-info .content .desc p{ line-height:32px; color:#333; text-align:justify; text-justify:inter-ideograph; } .pages-info .dingyue2{ margin-bottom:20px; } .pages-info .dingyue{ border:none; height:auto; margin-bottom:20px;box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.05);border-radius: 10px;} .pages-info .dingyue .tit{ background:#fff; } .pages-info .dingyue .tit p{ margin:0; line-height:40px; } .pages-info .dingyue .tit span{ line-height:40px; } .pages-info .dingyue .form{ *border:#e5e5e5 1px solid; } .pages-info .dingyue .xy{ margin-top:12px; } .pages-info .dingyue .btn{ margin-top:20px; padding-bottom:15px; } .pages-info .container{ padding-bottom:0; } /* 详情新增预售许可证*/ .pages-info .baseinfo .licence{margin-bottom: 20px;color: #333333;font-size: 14px;font-weight: normal;margin-top: -13px;} .pages-info .baseinfo .licence-table{border-collapse: collapse;width: 100%;overflow: hidden; border: 1px solid #eaeaea; box-sizing: border-box;} .pages-info .baseinfo .licence-table.licence-table-none{display: none;} .pages-info .baseinfo .licence-table thead{background-color: #f8f8f8;height: 45px;text-align: left;border-bottom: 1px solid #eaeaea;} .pages-info .baseinfo .licence-table thead th{line-height: 45px;color: #666666;font-size: 14px;font-weight: normal;padding: 0 25px; border-right: 1px solid #eaeaea; text-align: center;} .pages-info .baseinfo .licence-table tbody tr{border-bottom: 1px solid #e5e5e5;} .pages-info .baseinfo .licence-table tbody tr:nth-child(n 4){display: none;} .pages-info .baseinfo .licence-table.open tbody tr:nth-child(n 4){display: table-row;} .pages-info .baseinfo .licence-table tbody td{padding: 20px 25px;line-height: 18px;color: #333333;font-size: 14px; border-right: 1px solid #eaeaea; text-align: center;} .pages-info .baseinfo .pictureurllist{cursor: pointer; width: 50px; height: 38px; margin: 0 auto;} .pages-info .baseinfo .pictureurllist .text{font-size: 12px;color: #30a15d;vertical-align: middle;margin-left: 3px;font-weight: normal;} .pages-info .baseinfo .pictureurllist .look-more-icon{width: 17px;height: 14px;background: url(/uploads/image/ppaimages/icon.png) -270px -189px;display: inline-block;vertical-align: middle;} .pages-info .baseinfo .pictureurllist.small{ display: inline-block; width: 24px; height: 18px; vertical-align: middle; object-fit: cover;} .pages-info .baseinfo .licence-btn-bt{padding-bottom: 15px;} .pages-info .baseinfo .licence-btn{ position: relative;height: 26px;line-height: 26px;width: 75px;text-align: center;border: 1px solid #e5e5e5;border-radius: 4px;display: block;cursor: pointer;margin: 0 auto;background: #e8e8e8;} .pages-info .baseinfo .licence-btn.active:after{ content: "\e637"; font-family: 'iconfont'; font-size: 12px; } .pages-info .baseinfo .licence-btn:after{ content: "\ed2f";font-family: 'iconfont'; font-size: 12px;} .pages-info .baseinfo .licence-btn span{color: #333333;font-size: 14px;display: inline-block;vertical-align: middle;} .pages-info .baseinfo .licence-btn img{display: inline-block;vertical-align: middle;margin-left: 5px;transform: rotatez(180deg);-webkit-transform: rotatez(180deg);} .pages-info .baseinfo .licence-btn.active .li-for-collepect{display: none} .pages-info .baseinfo .licence-btn .li-for-collepect{display: inline-block;} .pages-info .baseinfo .licence-btn.active .li-for-more{display: inline-block;} .pages-info .baseinfo .licence-btn .li-for-more{display: none;} .pages-info .baseinfo .licence-btn.active img{transform: rotatez(0deg);-webkit-transform: rotatez(0deg);} .pages-info .baseinfo .desc{ margin-bottom: 20px;color: #333333; line-height:32px;} .pages-info .baseinfo p{ color: #333333; line-height: 32px; margin-top: 6px;} .pages-info .baseinfo .mapimgurlbox{ position: relative; } .pages-info .baseinfo .map_borough_name{ position: absolute;background: #fff;padding: 5px 10px;box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.16);border-radius: 6px;top: 40px;left: 50%;transform: translatex(-50%); } .pages-info .baseinfo .mapimg{ width: 820px; height: 200px; object-fit: cover; } .pages-info .content .title-txt{ font-size: 20px;color: #333333;font-weight: bold;line-height: 30px; } .pages-info .baseinfo .desc h4{ color: #333333;} /* 一房一价 */ .pages-ohop .house-right .im-row{ margin-top: 30px;} .pages-ohop .house-right .iminlet{ border: 1px solid #e3e4e4;box-shadow: 0px 0px 8px 0px rgba(171,171,171,0.44);} .pages-ohop .house-right .im-top{background: linear-gradient(0deg, #f2f2f2 0%, #ffffff 100%);overflow: hidden;display: flex;} .pages-ohop .house-right .im-tit{font-size: 20px;color: #000000;line-height: 46px;text-indent: 15px;} .pages-ohop .house-right .im-mark{font-size: 12px;color: #ffffff;background: #fe9735;width: 60px;height: 20px;line-height: 20px;text-align: center;border-radius: 4px;margin: 13px 0 0 5px;} .pages-ohop .house-right .im-fx{display: flex;margin-left: 40px;} .pages-ohop .house-right .im-prev, .pages-ohop .house-right .im-next{width: 20px;height: 16px;margin: 15px 0 0 10px;cursor: pointer;position: relative;} .pages-ohop .iminlet .im-prev:before {content: '';position: absolute;width: 0;height: 0;border-top: transparent 10px solid;border-bottom: transparent 10px solid;border-right: #999999 10px solid;margin: auto;left: 5px;top: 0;bottom: 0;} .pages-ohop .iminlet .im-prev:after {content: '';position: absolute;width: 0;height: 0;border-top: transparent 10px solid;border-bottom: transparent 10px solid;border-right: #fff 10px solid;margin: auto;left: 6px;top: 0;bottom: 0;} .pages-ohop .iminlet .im-next:before{content: '';position: absolute;width: 0;height: 0;border-top: transparent 10px solid;border-bottom: transparent 10px solid;border-left: #999999 10px solid;margin: auto;right: 5px;top: 0;bottom: 0;} .pages-ohop .iminlet .im-next:after{content: '';position: absolute;width: 0;height: 0;border-top: transparent 10px solid;border-bottom: transparent 10px solid;border-left: #fff 10px solid;margin: auto;right: 6px;top: 0;bottom: 0;} .pages-ohop .swiper-container{margin: 0 auto;position: relative;overflow: hidden;list-style: none;padding: 0;z-index: 1;max-height: 294px;} .pages-ohop .iminlet .swiper-slide{width: 100%;padding: 10px 0;} .pages-ohop .iminlet .im-item{display: flex;display: -webkit-flex;margin: 0 10px;padding: 10px 0;overflow: hidden;border-bottom: 1px dashed #e7e7e7;} .pages-ohop .iminlet .im-item:last-child {border-bottom: none;} .pages-ohop .iminlet .im-item .img{overflow: hidden;width: 70px;height: 70px;border-radius: 50%;} .pages-ohop .iminlet .im-item img{width: 100%;height: 100%;object-fit: cover;} .pages-ohop .iminlet .im-item .txt{margin-left: 16px;} .pages-ohop .iminlet .im-item .btn {margin-top: 28px;margin-left: 10px;width: 70px;} .pages-ohop .iminlet .im-item .txt p {width: 92px;font-size: 16px;color: #000;line-height: 24px;margin-top: 10px;text-align: left;} .pages-ohop .iminlet .im-item .txt .company_name {font-size: 12px;margin-top: 10px;background-color: #ebfaf1;padding: 0 10px;color: #30a15d;line-height: 20px;} .pages-ohop .iminlet .im-item .btn a {display: block;width: 70px;line-height: 26px;border-radius: 4px;background: #30a15d;color: #fff;text-decoration: none;font-size: 12px;text-indent: 16px;position: relative;} .pages-ohop .iminlet .im-item .btn a:before {content: '\e6bc';position: absolute;width: 12px;height: 12px;margin: auto;top: 0;bottom: 0;font-family: 'iconfont';line-height: 12px;left: -13px;} .pages-ohop .priceequal{margin-top: 20px;} .pages-ohop #carousel,.pages-ohop-detail #carousel{position: relative;overflow: hidden;padding: 0 50px;} .pages-ohop .building,.pages-ohop-detail .building{overflow: hidden;} .pages-ohop #carousel ul,.pages-ohop-detail #carousel ul{position: relative;overflow: hidden;padding-top: 0;width: 99999px;} .pages-ohop #carousel .slide-item,.pages-ohop-detail #carousel .slide-item{float: left;width: 165px;height: 70px;margin-right: 20px;cursor: pointer;position: relative;background: #f2f2f2;color: #333333;line-height: 70px;text-align: center;font-size: 16px;padding: 0 10px;} .pages-ohop #carousel .slide-item.active,.pages-ohop-detail #carousel .slide-item.active{background: #30a15d;color: #ffffff;} .pages-ohop #carousel .slide-item a{color: inherit;font-size: inherit;} .pages-ohop #carousel .flex-direction-nav a,.pages-ohop-detail #carousel .flex-direction-nav a{position: absolute;width: 32px;height: 70px;top: 0;} .pages-ohop #carousel .flex-prev,.pages-ohop-detail #carousel .flex-prev{left: 0;} .pages-ohop #carousel .flex-next,.pages-ohop-detail #carousel .flex-next{right: 0;} .pages-ohop #carousel .flex-direction-nav span,.pages-ohop-detail #carousel .flex-direction-nav span{position: absolute;width: 100%;left: 0;bottom: 0;color: #fff;font-size: 12px;line-height: 20px;text-align: center;} .pages-ohop #carousel .flex-direction-nav .iconfont,.pages-ohop-detail #carousel .flex-direction-nav .iconfont{line-height: 70px;font-size: 26px;text-align: center;color: #999999;display: inherit;} .pages-ohop .special .tit{padding: 15px 20px;} .pages-ohop .special .name{font-size: 24px;color: #333333;line-height: 35px;} .pages-ohop .special .desc{color: #999999;font-size: 14px;margin-left: 15px;} .pages-ohop .special .tips{color: #ffa009;} .pages-ohop .specialhouse{ margin: 10px 0;} .pages-ohop .hide{display: none !important;} .pages-ohop .specialhouse .houseitem{padding: 20px 0;border-bottom: 1px dashed #dddddd;} .pages-ohop .specialhouse .houseitem:last-child{border-bottom: 0;} .pages-ohop .houseresource .speciallist{display: flex;overflow: hidden;} .pages-ohop .speciallist .left{ position: relative;width: 220px;height: 158px;} .pages-ohop .speciallist .left:after{ content: "优惠";position: absolute;width: 40px;height: 16px;line-height: 16px;background: #e03235;top: 3px;left: -10px;display: block;transform: rotate(315deg);text-align: center;color: #ffffff;font-size: 12px;} .pages-ohop .speciallist .left .img{width: 100%;height: 100%;object-fit: cover;} .pages-ohop .speciallist .mid{ margin-left: 30px;position: relative;flex: 1;} .pages-ohop .speciallist .mid .sellout{position: absolute;right: 0;top: 50px;font-size: 60px;opacity: .4;transform: rotate(335deg);} .pages-ohop .speciallist .housenum{ font-size: 20px;font-weight: bold;color: #333333;line-height: 35px;} .pages-ohop .speciallist .housedesc{display: flex;flex-wrap: wrap;} .pages-ohop .speciallist .housedesc .label{width: 100%;color: #999999;padding: 5px 0;} .pages-ohop .speciallist .housedesc .val{color: #333333;} .pages-ohop .speciallist .right .price{ margin-top: 20px; font-size: 30px;font-weight: bold;color: #fe4844;text-align: center;} .pages-ohop .speciallist .right .oldprice{text-decoration: line-through;font-size: 18px;color: #666666;text-align: center;line-height: 50px;} .pages-ohop .speciallist .right .remark{border-radius: 16px;border: 1px solid #fe4844;line-height: 30px;display: inline-block;padding: 0 20px;border-top-right-radius: 0;border-bottom-right-radius: 0;color: #fe4844;box-sizing: border-box;} .pages-ohop .speciallist .right .iconfont{color: #fe4844;} .pages-ohop .speciallist .right .lqyh{ cursor: pointer;background: #fe4844;border-radius: 16px;color: #ffffff;line-height: 30px;border: 1px solid #fe4844;border-top-left-radius: 0;border-bottom-left-radius: 0;padding: 0 10px;margin-left: 3px;} .pages-ohop .houseresource .morehouses{box-shadow: 0 0 10px 0 rgba(0,0,0,0.14);line-height: 45px;background: #ffffff;width: 99%;margin: 10px auto;display: block;color: #30a15d;font-size: 16px;cursor: pointer;} .pages-ohop .houseresource .morehouses .iconfont{color: inherit;} .pages-ohop .houseresource .morehouses .txt{color: inherit;} .pages-ohop .building .buildname{font-size: 18px;font-weight: bold;color: #333333;line-height: 50px;} .pages-ohop .building .flooritem{overflow:auto;width: 100%;border:1px solid #cccccc;} .pages-ohop .building .flooritem td{border-right :1px solid #eeeeee;border-bottom :1px solid #eeeeee;width:175px;box-sizing: border-box;text-align: center;} .pages-ohop .building .flooritem table {border-collapse:separate;table-layout: fixed;width: 100%; /* 固定寬度 */} .pages-ohop .building .flooritem td:first-child{position:sticky;left:0; /* 首行在左 */z-index:1;background-color: #f7fafc;width: 60px;height: 100px;} .pages-ohop .building .flooritem .houseitem{display: inline-block;height: 100%;width: 100%;padding: 25px 30px;} .pages-ohop .building .flooritem .housenum{ line-height: 25px;font-weight: bold;color: #333333;text-align: left;} .pages-ohop .building .flooritem .houselayout{font-weight: normal;color: #999999;} .pages-ohop .building .flooritem .houseprice{line-height: 25px;font-weight: bold;color: #333333;text-align: left;} .pages-ohop .building .flooritem .offer{background: #ffe8e7;} .pages-ohop .building .flooritem .offer .houseprice{position: relative;color: #fe4844;} .pages-ohop .building .flooritem .offer .houseprice:after{content:"特价";position: absolute;border-radius: 7px;background: #fe4844;color: #ffffff;line-height: 1;font-size: 12px;font-weight: normal;top: 5px;padding: 1px 4px;} /* 滚动条样式 */ .pages-ohop .building .flooritem::-webkit-scrollbar { /*滚动条整体样式*/width : 5px; /*高宽分别对应横竖滚动条的尺寸*/height: 7px;} .pages-ohop .building .flooritem::-webkit-scrollbar-thumb { /*滚动条里面小方块*/border-radius: 5px;box-shadow : inset 0 0 5px rgba(0, 0, 0, 0.2);background : #999999;} .pages-ohop .building .flooritem::-webkit-scrollbar-track { /*滚动条里面轨道*/box-shadow : inset 0 0 5px rgba(0, 0, 0, 0.2);border-radius: 5px;background : #ededed;} .pages-ohop .special .mask{height: 423px;position: absolute;bottom: 0;top:unset;width: 100%;background: no-repeat;z-index: 1;} .pages-ohop .special .mask.hidebtn{background:linear-gradient(rgba(255,255,255,.1) 10%,rgba(255,255,255,1) 100%);} .pages-ohop .special .mask .mobilepage{position: absolute;right: 133px;top: 180px;border: 5px solid #fff;width: 110px;height: 110px;} .pages-ohop .special .mask .btns{position: absolute;width: 260px;height: 45px;left: 245px;top: 305px;background: transparent;cursor: pointer;} .pages-ohop .special .mask.hidebtn .btns{display: none;} .pages-ohop .special .mask .bot{position: absolute;bottom: 0;text-align: center;left: 0;right: 0;} .pages-ohop .special .mask .surplus{font-size: 20px;color: #333333;margin-bottom: 20px;} .pages-ohop .special .mask .read,.pages-ohop .special .mask .quickread{color: #30a15d;font-size: 20px;cursor: pointer;} .pages-ohop .special .mask .iconfont{color: inherit;} .pages-ohop .special .mask .desc{font-size: 14px;color: #999999;} /* 一房一价详情 */ .pages-ohop-detail #carousel .slide-item a{padding: 15px;display: block;} .pages-ohop-detail .room_name,.pages-ohop-detail .room_layout{line-height: 20px;color: #333333;} .pages-ohop-detail .active .room_name,.pages-ohop-detail .active .room_layout{color: #ffffff;} .pages-ohop-detail .baseinfo{display: flex;margin-top: 20px;} .pages-ohop-detail .swiper {width: 550px;} .pages-ohop-detail .swiper .big {width: 550px;height: 360px;position: relative;} .pages-ohop-detail .swiper .big ul {width: 550px;height: 360px;position: relative;overflow: hidden;} .pages-ohop-detail .swiper .big li {position: absolute;width: 100%;height: 100%;top: 0;left: 100%;} .pages-ohop-detail .swiper .big li.active {left: 0;} .pages-ohop-detail .swiper .big img {width: 100%;height: 100%;object-fit: inherit;} .pages-ohop-detail .swiper .big .is_video {position: relative;} .pages-ohop-detail .swiper .big .is_video:hover {cursor: pointer;} .pages-ohop-detail .swiper .big .pause:before {content: "\e6f2";position: absolute;z-index: 9;width: 80px;height: 80px;left: 235px;top: 143px;font-family: 'iconfont';color: #fff;font-size: 80px;} .pages-ohop-detail .swiper .big li a {display: block;height: 360px;position: relative;} .pages-ohop-detail .swiper .big li a div {width: 90px;height: 90px;background: rgba(0, 0, 0, 0.34);margin: 0 auto;position: absolute;top: 50%;left: 50%;border-radius: 50%;margin-left: -45px;margin-top: -45px;} .pages-ohop-detail .swiper .big .vr {width: 80px;height: 80px;display: inline-block;background: no-repeat;background-size: contain;margin-left: 5px;margin-top: 5px;} .pages-ohop-detail .swiper .big li .followbox {width: 36px;height: 36px;position: absolute;top: 7px;right: 15px;cursor: pointer;background: #999;border-radius: 50%;text-align: center;line-height: 38px;} .pages-ohop-detail .swiper .big li .followbox::after {content: '\e651';color: #fff;font-family: 'iconfont';font-size: 18px;} .pages-ohop-detail .swiper .big li .followed {background: #ff0904;} .pages-ohop-detail .swiper .big img {width: 100%;height: 100%;object-fit: cover;} .pages-ohop-detail .swiper .flex-direction-nav {position: absolute;width: 100%;height: 0;left: 0;top: 0;} .pages-ohop-detail .swiper .flex-direction-nav a {position: absolute;width: 32px;height: 50px;background: #000;background: rgba(0, 0, 0, 0.5);filter: alpha(opacity=50);top: 155px;} .pages-ohop-detail .swiper .flex-direction-nav .iconfont {line-height: 50px;font-size: 26px;text-align: center;color: #999999;display: inherit;} .pages-ohop-detail .swiper .flex-prev {left: 10px;} .pages-ohop-detail .swiper .flex-next {right: 10px;} .pages-ohop-detail .swiper .small {position: relative;overflow: hidden;} .pages-ohop-detail .swiper .small .slides{display: flex;margin-top: 30px;} .pages-ohop-detail .swiper .small .flex-direction-nav a {top: 10px;} .pages-ohop-detail .swiper .small ul:after {content: '';display: block;clear: both;} .pages-ohop-detail .swiper .small li {width: 122px;height: 80px;margin-right: 21px;cursor: pointer;position: relative;} .pages-ohop-detail .swiper .small li.active:before {content: '';position: absolute;width: 0;height: 0;border-left: transparent 6px solid;border-right: transparent 6px solid;border-bottom: #30a15d 6px solid;margin: auto;left: 0;top: -6px;right: 0;} .pages-ohop-detail .swiper .small li.active:after {content: '';position: absolute;width: 100%;height: 100%;border: #30a15d 2px solid;left: 0;top: 0;box-sizing: border-box;} .pages-ohop-detail .swiper .small li:last-child{margin-right: 0;} .pages-ohop-detail .swiper .small img {width: 100%;height: 100%;object-fit: cover;} .pages-ohop-detail .swiper .small span {position: absolute;width: 100%;left: 0;bottom: 0;background: #000;background: rgba(0, 0, 0, 0.5);filter: alpha(opacity=50);color: #fff;font-size: 12px;line-height: 20px;text-align: center;} .pages-ohop-detail .swiper .small .miniplay {position: absolute;width: 44px;height: 44px;margin: 0 auto;left: 0;right: 0;top: 4px;} .pages-ohop-detail .swiper .small li .video-s {background: rgba(0,0,0,0.3);border-radius: 50%;text-align: center;line-height: 44px;} .pages-ohop-detail .swiper .small li .video-s .iconfont {color: #fff;font-size: 37px;} .pages-ohop-detail .imgtext { flex: 1;margin-left: 40px;position: relative;} .pages-ohop-detail .imgtext .showtop:after {content: "";display: block;clear: both;} .pages-ohop-detail .baseinfo .housename{display: flex;justify-content: space-between;} .pages-ohop-detail .baseinfo .name{font-size: 20px;line-height: 34px;color: #333333;} .pages-ohop-detail .baseinfo .share{position: relative;line-height: 34px;} .pages-ohop-detail .baseinfo .tit{font-size: 16px;color: #333333;cursor: pointer;} .pages-ohop-detail .baseinfo .tit .iconfont{color: inherit;font-size: inherit;} .pages-ohop-detail .baseinfo .share .ewm{position: absolute;width: 160px;background: #fff;padding: 0 0 10px;box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px 1px;display: none;right: 0;z-index: 2;} .pages-ohop-detail .baseinfo .share:hover .ewm {display: block;} .pages-ohop-detail .baseinfo .share .ewm p {color: #333;line-height: 32px;text-align: center;font-size: 12px;} .pages-ohop-detail .baseinfo .share .ewm .mobilepage {width: 100px;height: 100px;margin: 0 auto;} .pages-ohop-detail .baseinfo .houseprice{padding: 10px 0 20px;position: relative;} .pages-ohop-detail .baseinfo .curprice{font-size: 40px;font-weight: bold;color: #fe4844;} .pages-ohop-detail .baseinfo .unit{font-size: 20px;color: #fe4844;} .pages-ohop-detail .baseinfo .oldtext{font-size: 20px;margin-left: 20px;} .pages-ohop-detail .baseinfo .oldprice{color: #999999;font-size: 20px;text-decoration: line-through;} .pages-ohop-detail .baseinfo .houseprice .iconfont{ font-size: 80px;position: absolute;opacity: .4;transform: rotate(335deg);top: -10px;right: 110px;} .pages-ohop-detail .baseinfo .yhform{height: 86px;display: flex;justify-content: space-between;background: no-repeat;} .pages-ohop-detail .baseinfo .yhtext{flex: 1;padding: 15px 65px;} .pages-ohop-detail .baseinfo .yhdesc{font-size: 20px;font-weight: bold;color: #333333;line-height: 36px;} .pages-ohop-detail .baseinfo .yhprice{color: #ec7d1b;font-size: 20px;} .pages-ohop-detail .baseinfo .yhnum{color: #333333;} .pages-ohop-detail .baseinfo .yhnum .num{color: #ec7d1b;} .pages-ohop-detail .baseinfo .yhbtn{width: 110px;padding: 26px 10px;cursor: pointer;} .pages-ohop-detail .baseinfo .yhbtn .btn{height: 34px;background: linear-gradient(0deg, #ec7d1b 0%, #e75b0e 100%);border-radius: 20px;width: 100%;color: #ffffff;cursor: pointer;} .pages-ohop-detail .baseinfo .housedesc{display: flex;flex-wrap: wrap;margin-top: 20px;} .pages-ohop-detail .baseinfo .housedesc .label{width: 50%;line-height: 30px;color: #999999;} .pages-ohop-detail .baseinfo .housedesc .val{color: #333333;} .pages-ohop-detail .baseinfo .housedesc .w100{width: 100%;} .pages-ohop-detail .baseinfo .housedesc .jsq{color: #30a15d;margin-left: 20px;cursor: pointer;} .pages-ohop-detail .baseinfo .housedesc .iconfont{color: inherit;} .pages-ohop-detail .baseinfo .bohao{display: flex;margin-top: 20px;position: relative;height: 115px;background: no-repeat center;background-size: cover;} .pages-ohop-detail .baseinfo .bohao .haoma{ flex: 1;text-align: left;margin: 0 18px;color: #333333;font-weight: bold;} .pages-ohop-detail .baseinfo .bohao .tel {font-size: 28px;line-height: 60px;margin-top: 15px;color: #333333;} .pages-ohop-detail .baseinfo .bohao .desc{ font-size: 13px;color: #999999;font-weight: normal;} .pages-ohop-detail .baseinfo .bohao .sama{width: 168px;position: relative;} .pages-ohop-detail .baseinfo .bohao .sama img{margin-left: 33px;display: block;} .pages-ohop-detail .main{display: flex;} .pages-ohop-detail .room_detail_left{width: 860px;} .pages-ohop-detail .room_detail_right{width: 280px;margin-left: 40px;} .pages-ohop-detail .room_detail_left .tit{display: flex;} .pages-ohop-detail .room_detail_left .tit h5{line-height: 56px;font-size: 24px;font-weight: bold;color: #333;flex: 1;} .pages-ohop-detail .room_detail_left .link{ line-height: 56px;height: 56px;} .pages-ohop-detail .base,.pages-ohop-detail .calculator,.pages-ohop-detail .pricechat{margin-top: 30px;} .pages-ohop-detail .base .body{display: flex;flex-wrap: wrap;} .pages-ohop-detail .base .body .label{width: 50%;line-height: 40px;color: #999999;display: flex;} .pages-ohop-detail .base .body .w100{width: 100%;} .pages-ohop-detail .base .body .val{ color: #333333;flex: 1; word-break: keep-all;} .pages-ohop-detail .base .body .w500{max-width: 500px;flex: none;} .pages-ohop-detail .base .body .projecttag{ padding: 2px 4px;color: #333333;background: #f2f2f2;margin-right: 5px;} .pages-ohop-detail .base .body .pt{color: #30a15d;margin-left: 10px;cursor: pointer;} .pages-ohop-detail .base .body .pt .iconfont{color: inherit;font-size: inherit;} .pages-ohop-detail .base .body .pt a{color: inherit;font-size: inherit;} .pages-ohop-detail .calculator .body{margin-top: 20px;display: flex;} .pages-ohop-detail .calculator .jsq{ width: 480px;border-right: #e5e5e5 1px solid;position: relative;} .pages-ohop-detail .calculator .jsq .line{display: flex;margin-bottom: 20px;overflow: hidden;flex-wrap: wrap;} .pages-ohop-detail .calculator .line span{line-height: 36px;text-indent: 20px;width: 114px;} .pages-ohop-detail .calculator .line p{position: relative;} .pages-ohop-detail .calculator .line input[type="text"]{ height: 36px;width: 270px;border: #e5e5e5 1px solid;border-radius: 4px;text-indent: 10px;} .pages-ohop-detail .calculator .line input[type="text"] i{position: absolute;line-height: 36px;top: 0;right: 0;padding: 0 10px;} .pages-ohop-detail .calculator .line select{height: 36px;width: 270px;border: #e5e5e5 1px solid;border-radius: 4px;text-indent: 4px;background: transparent;-webkit-appearance: none;-moz-appearance: none;appearance: none;cursor: pointer;} .pages-ohop-detail .calculator .line-select p:after {content: '';position: absolute;width: 0;height: 0;border-left: transparent 6px solid;border-right: transparent 6px solid;border-top: #bcbcbc 6px solid;margin: auto;top: 0;right: 10px;bottom: 0;pointer-events: none;} .pages-ohop-detail .calculator .line-select p.clearafter:after {width: 0;border: 0;} .pages-ohop-detail .calculator .line-select .tabbox{margin-top: 9px;display: flex;} .pages-ohop-detail .calculator .line .tabbox .item{position: relative;padding-left: 25px;margin-right: 10px;cursor: pointer;} .pages-ohop-detail .calculator .line .tabbox .item::before {width: 18px;height: 18px;content: '\e72f';position: absolute;left: 0;top: 0;font-family: 'iconfont';font-size: 18px;color: #999;} .pages-ohop-detail .calculator .line .tabbox .item.cur::before {content: '\e71b';color: #ffa009;} .pages-ohop-detail #sdll{margin-left: 114px;margin-top: 10px;} .pages-ohop-detail #lpr{clear: both;margin-left: 114px;overflow: hidden;} .pages-ohop-detail #lpr .itemlpr{margin-top: 20px; position: relative;display: flex;} .pages-ohop-detail .calculator .itemlpr .tit_lpr{width: 50px;text-align: left;text-indent: 0;} .pages-ohop-detail #lpr input{width: 100px !important;} .pages-ohop-detail .calculator .line .itemlpr .dw {position: absolute;top: 0;left: 130px;text-indent: 0;width: unset;} .pages-ohop-detail .calculator .line .itemlpr .k{left: 115px;} .pages-ohop-detail .calculator .line .itemlpr .lpr_info{display: flex;line-height: 36px;margin-left: 10px;} .pages-ohop-detail .calculator .line .itemlpr #lprtxt{margin: 0 10px;} .pages-ohop-detail .calculator .jsq .line-checkbox{padding-left: 114px;overflow: hidden;display: flex;line-height: 20px;} .pages-ohop-detail .calculator .line-checkbox label{margin-right: 20px;position: relative;overflow: hidden;cursor: pointer;display: flex;} .pages-ohop-detail .calculator .line-checkbox input{position: absolute;width: 10px;height: 10px;left: -20px;} .pages-ohop-detail .calculator .line-checkbox span::before {content: '\e69a';font-family: 'iconfont';font-size: 12px;} .pages-ohop-detail .calculator .line-checkbox input:checked span::before {content: '\e69b';font-family: 'iconfont';font-size: 12px;} .pages-ohop-detail .calculator .line-checkbox p{margin-left: 10px;} .pages-ohop-detail .calculator .btn {position: absolute;margin: auto;right: -50px;top: 0;bottom: 0;height: 50px;padding: 10px 0;background: #fff;} .pages-ohop-detail .calculator .btn button {width: 100px;height: 30px;color: #fff;border-radius: 4px;background: #30a15d;cursor: pointer;} .pages-ohop-detail .calculator .showchat{width: 380px;display: flex;flex-wrap: wrap;} .pages-ohop-detail .calculator .chart {width: 200px;height: 200px;margin: 10px 0 0 90px;} .pages-ohop-detail .calculator .text {width: 100%;margin-left: 40px;} .pages-ohop-detail .calculator .text h6 {color: #333;font-weight: normal;line-height: 20px;} .pages-ohop-detail .calculator .calc-result{display: flex;flex-wrap: wrap;} .pages-ohop-detail .calculator .m-money {color: #333;margin: 8px 0 6px;width: 100%;} .pages-ohop-detail .calculator .m-money span {font-size: 18px;color: #fe4844;font-weight: bold;line-height: 24px;height: 24px;} .pages-ohop-detail .calculator .item-money span {color: #999;} .pages-ohop-detail .calculator .item-money {width: 50%;line-height: 32px;color: #333;position: relative;padding-left: 12px;} .pages-ohop-detail .calculator .item-money:before {content: '';position: absolute;width: 8px;height: 8px;border-radius: 4px;background: #999;margin: auto;left: 0;top: 0;bottom: 0;} .pages-ohop-detail .calculator .item-sf:before {background: #30a15d;} .pages-ohop-detail .calculator .item-dk:before {background: #ffc601;} .pages-ohop-detail .pricechat .pricetrend{width: 100%;height: 300px;} .pages-ohop-detail .pricechat .tips{font-size: 18px;color: #333333;text-indent: 20px;line-height: 30px;height: 30px;margin: 15px 0;} .pages-ohop-detail .pricechat .tips .price{font-size: 24px;color: #fe4844;font-weight: bold;} .pages-ohop-detail .pricechat .tag{text-align: center;} .pages-ohop-detail .pricechat .tag span {display: inline-block;vertical-align: middle;line-height: 20px;padding-left: 40px;margin-right: 20px;position: relative;} .pages-ohop-detail .pricechat .tag span:before {content: '';position: absolute;width: 36px;height: 2px;background: #bcbcbc;left: 0;top: 9px;} .pages-ohop-detail .pricechat .tag span:after {content: '';position: absolute;width: 6px;height: 6px;background: #fff;border: #bcbcbc 1px solid;border-radius: 50%;left: 15px;top: 6px;} .pages-ohop-detail .pricechat .tag .tag-2:before {background: #30a15d;} .pages-ohop-detail .pricechat .tag .tag-2:after {border-color: #30a15d;} .pages-ohop-detail .pricechat .tag .tag-1:before {background: #fe9a64;} .pages-ohop-detail .pricechat .tag .tag-1:after {border-color: #fe9a64;} .pages-ohop-detail .room_detail_right .im-row{ margin-top: 30px;} .pages-ohop-detail .room_detail_right .iminlet{ border: 1px solid #e3e4e4;box-shadow: 0px 0px 8px 0px rgba(171,171,171,0.44);} .pages-ohop-detail .room_detail_right .im-top{background: linear-gradient(0deg, #f2f2f2 0%, #ffffff 100%);overflow: hidden;display: flex;} .pages-ohop-detail .room_detail_right .im-tit{font-size: 20px;color: #000000;line-height: 46px;text-indent: 15px;} .pages-ohop-detail .room_detail_right .im-mark{font-size: 12px;color: #ffffff;background: #fe9735;width: 60px;height: 20px;line-height: 20px;text-align: center;border-radius: 4px;margin: 13px 0 0 5px;} .pages-ohop-detail .room_detail_right .im-fx{display: flex;margin-left: 40px;} .pages-ohop-detail .room_detail_right .im-prev, .pages-ohop-detail .room_detail_right .im-next{width: 20px;height: 16px;margin: 15px 0 0 10px;cursor: pointer;position: relative;} .pages-ohop-detail .iminlet .im-prev:before {content: '';position: absolute;width: 0;height: 0;border-top: transparent 10px solid;border-bottom: transparent 10px solid;border-right: #999999 10px solid;margin: auto;left: 5px;top: 0;bottom: 0;} .pages-ohop-detail .iminlet .im-prev:after {content: '';position: absolute;width: 0;height: 0;border-top: transparent 10px solid;border-bottom: transparent 10px solid;border-right: #fff 10px solid;margin: auto;left: 6px;top: 0;bottom: 0;} .pages-ohop-detail .iminlet .im-next:before{content: '';position: absolute;width: 0;height: 0;border-top: transparent 10px solid;border-bottom: transparent 10px solid;border-left: #999999 10px solid;margin: auto;right: 5px;top: 0;bottom: 0;} .pages-ohop-detail .iminlet .im-next:after{content: '';position: absolute;width: 0;height: 0;border-top: transparent 10px solid;border-bottom: transparent 10px solid;border-left: #fff 10px solid;margin: auto;right: 6px;top: 0;bottom: 0;} .pages-ohop-detail .swiper-container{margin: 0 auto;position: relative;overflow: hidden;list-style: none;padding: 0;z-index: 1;max-height: 294px;} .pages-ohop-detail .iminlet .swiper-slide{width: 100%;padding: 10px 0;} .pages-ohop-detail .iminlet .im-item{display: flex;display: -webkit-flex;margin: 0 10px;padding: 10px 0;overflow: hidden;border-bottom: 1px dashed #e7e7e7;} .pages-ohop-detail .iminlet .im-item:last-child {border-bottom: none;} .pages-ohop-detail .iminlet .im-item .img{overflow: hidden;width: 70px;height: 70px;border-radius: 50%;} .pages-ohop-detail .iminlet .im-item img{width: 100%;height: 100%;object-fit: cover;} .pages-ohop-detail .iminlet .im-item .txt{margin-left: 16px;} .pages-ohop-detail .iminlet .im-item .btn {margin-top: 28px;margin-left: 10px;width: 70px;} .pages-ohop-detail .iminlet .im-item .txt p {width: 92px;font-size: 16px;color: #000;line-height: 24px;margin-top: 10px;text-align: left;} .pages-ohop-detail .iminlet .im-item .txt .company_name {font-size: 12px;margin-top: 10px;background-color: #ebfaf1;padding: 0 10px;color: #30a15d;line-height: 20px;} .pages-ohop-detail .iminlet .im-item .btn a {display: block;width: 70px;line-height: 26px;border-radius: 4px;background: #30a15d;color: #fff;text-decoration: none;font-size: 12px;text-indent: 16px;position: relative;} .pages-ohop-detail .iminlet .im-item .btn a:before {content: '\e6bc';position: absolute;width: 12px;height: 12px;margin: auto;top: 0;bottom: 0;font-family: 'iconfont';line-height: 12px;left: -13px;} .pages-ohop-detail .room_detail_right .priceequal{margin-top: 30px;} /* 周边设施 */ .pages-map .peitao .tit{ background:#fff; border-bottom:#e5e5e5 1px solid; } .pages-map .mianze{ margin-top:20px; } /* 户型列表 */ .pages-hx .container{ display: flex; flex-wrap: wrap;} .pages-hx .house-left{ float: none; margin-right: 47px;} .pages-hx .house-right{ float: none;} .pages-hx .hxtab{ overflow:hidden; margin-bottom: 25px;} .pages-hx .hxtab .tab{ display: flex; } .pages-hx .hxtab a{ font-size:14px; line-height:16px; color:#666666; padding: 8px 15px; margin-right:15px; position:relative;background: #f1f1f1; ;border-radius: 32px;} .pages-hx .yfcx .iconfont{font-size: 12px;color: #ffffff;} .pages-hx .hxtab a.active,.pages-hx .hxtab a:hover{ color: #31ce90;background: #e2faef; } .pages-hx .hxtab .txt{ float:right; line-height:16px; font-size:12px; color:#999; } .pages-hx .hxlb ul{ width:820px; overflow:hidden; display: flex; flex-wrap: wrap;} .pages-hx .hx_title{margin-top: 30px;font-size: 16px;color: #333333;font-weight: bold;} .pages-hx .hxlb ul li{ width:242px; height: 305px; margin-right: 45px; margin-bottom: 30px; border:#e1e1e1 1px solid; padding: 15px; position: relative;} .pages-hx .hxlb ul li:nth-child(3n 3){ margin-right: 0; } .pages-hx .hxlb ul a{ display:block; height:170px; position:relative; } .pages-hx .hxlb .ishot:before{ content: ""; position: absolute; width: 87px;height: 30px;background: no-repeat;background-size: 100% 100%; top: 0; left: 0; z-index: 1;} .pages-hx .hxlb .ishot:after{ content: "热门户型";position: absolute;left: 11px;top: 5px;color: #ffffff; font-weight: bold; z-index: 1;} .pages-hx .hxlb ul img{ width:100%; height:100%; object-fit:cover; } .pages-hx .hxlb ul a span{ position:absolute; background:#000; background:rgba(0, 0, 0, 0.6); filter:alpha(opacity=60); font-size:12px; color:#fff; line-height:24px; text-indent:5px; left:0; bottom:0; width:100%; } .pages-hx .hxlb ul .text{ margin-top:6px; } .pages-hx .hxlb ul .txt{ position: relative;color:#333; line-height:24px; font-weight: bold; font-size: 16px;} .pages-hx .hxlb ul .tag{ font-size: 12px;color: #333333;padding: 2px 5px;border: 1px solid #d9d9d9;border-radius: 4px;display: inline-block; margin: 10px 0;} .pages-hx .hxlb ul .btn{ background: #e6fff5; color: #31ce90; width: 100%; line-height: 32px; border-radius: 4px; cursor: pointer;} .pages-hx .hxlb .page-turn{ margin-top:40px; } .pages-hx .tuijian{ margin-top: 0;} .pages-hx .tuijian ul{ } .pages-hx .tuijian li:nth-child(4n 4){margin-right: 0;} .pages-hx .mianze{ margin-top:20px; } .pages-hx .hx-nav{ border:#e5e5e5 1px solid; padding:10px; margin-bottom:20px; } .pages-hx .hx-nav .item{ overflow:hidden; display:block; } .pages-hx .hx-nav .item:hover,.pages-hx .hx-nav .item.active{ background:#f3f3f3; } .pages-hx .hx-nav .item p{ float:left; line-height:36px; width:200px; text-indent:24px; color:#333; position:relative; } .pages-hx .hx-nav .item p:before{ content:''; position:absolute;font-size:12px; color:#333; margin:auto; left:0; top:0; bottom:0; font-family: 'iconfont';} .pages-hx .hx-nav .item-scene p:before{content: '\e608';left: -24px; font-size: 16px;} .pages-hx .hx-nav .item-kxc p:before{content: '\e608';left: -24px; font-size: 16px;} .pages-hx .hx-nav .item-xgt p:before{content: '\e6d4';left: -24px;} .pages-hx .hx-nav .item-sjt p:before{content: '\e6d8';left: -24px; font-size: 12px;} .pages-hx .hx-nav .item-wzt p:before{content: '\e6d9';left: -24px; font-size: 16px;} .pages-hx .hx-nav .item-ybj p:before{content: '\e65d';left: -24px; font-size: 16px;} .pages-hx .hx-nav .item-ptt p:before{content: '\e6d5';left: -24px; font-size: 16px;} .pages-hx .hx-nav .item-hxt p:before{content: '\e6d6';left: -24px; font-size: 13px;} .pages-hx .hx-nav .item-lpzj p:before{content: '\e720';left: -24px;font-size: 16px;} .pages-hx .hx-nav .item-vr p:before{content: '\e6d4';left: -24px;} .pages-hx .hx-nav .item-sp p:before{content: '\e63d';left: -24px; font-size: 13px;} .pages-hx .hx-nav .item span{ float:left; line-height:36px; } .pages-hx .hx-nav .price{ overflow:hidden; } .pages-hx .hx-nav .price p{ float:left; line-height:24px; height:24px; font-size:12px; color:#333; } .pages-hx .hx-nav .price span{ font-size:14px; color:#fe4844; font-weight:bold; } .pages-hx .hx-nav .price a{ float:left; font-size:12px; color:#333; margin-left:20px; line-height:24px; padding-left:20px; position:relative; } .pages-hx .hx-nav .price a:before{ content:''; position:absolute; width:15px; height:15px; background: -170px -170px; left:0; margin:auto; top:0; bottom:0; } .pages-hx .hx-nav .txt{ font-size:12px; color:#333; line-height:24px; } .pages-hx .hx-nav .link{display: inline-block;} .pages-hx .hx-nav .link a{ font-size: 12px;float:left; margin-left:10px; line-height:20px; margin-top:0px; color:#30a15d;background-color: #e9f9f0;border-radius: 4px;padding-left:25px ;padding-right: 8px; position: relative;top: 5px;} .pages-hx .hx-nav .link .kptz::before{content: '';width: 16px;height: 15px;background: no-repeat center;position: absolute;left: 8px;top: 3px;} .pages-hx .house-right .rightbox{ width: 310px;box-shadow: 0px -1px 7px 0px rgba(0,0,0,0.1); padding: 20px 15px; float: left; } .pages-hx .rightbox .borough_name{ max-width: 12em; line-height: 38px; font-size: 26px; font-weight: bold; color: #333333;} .pages-hx .rightbox .pricebox{ position: relative; color: #999999; line-height: 36px; height: 40px; cursor: pointer;} .pages-hx .rightbox .pricebox .pricestr{ color: #ff0000; font-weight: bold; font-size: 22px;} .pages-hx .rightbox .pricebox .priceunit{ font-size: 12px; color: #ff0000;} .pages-hx .rightbox .line{ overflow: unset; display: flex; display: -webkit-flex; position: relative; line-height: 32px; } .pages-hx .rightbox .line .txt{ line-height: 32px; overflow: hidden; color: #333333; max-width: 150px; text-overflow: ellipsis; white-space: nowrap;} .pages-hx .rightbox .txt .tit{ font-size: 12px; color: #999999; } .pages-hx .rightbox .link a{ font-size: 14px; color: #31ce90; padding-left: 5px; padding-right: 5px; position: relative; } .pages-hx .rightbox .link .iconfont{ color: #31ce90; font-size: 12px;} .pages-hx .rightbox .txt .adr{ color: #333333; font-size: 12px;} .pages-hx .rightbox .gopage{ font-size: 12px; color: #999999; text-decoration: underline; line-height: 32px; } .pages-hx .rightbox .gopage a,.pages-hx .rightbox .gopage .iconfont{ color: inherit; font-size: inherit;} .pages-hx .rightbox .imintelbox{ margin-top: 20px; border-bottom: 1px solid #f0f0f0;} .pages-hx .rightbox .imintelbox .imitem{display: flex; padding-bottom: 20px;} .pages-hx .rightbox .imintelbox .imitem .avatar{width: 62px; height: 62px; border-radius: 50%;} .pages-hx .rightbox .imintelbox .imitem .iminfo{ margin-left: 10px; flex: 1;} .pages-hx .rightbox .imintelbox .imitem .name{ font-size: 16px; color: #333333; line-height: 34px;} .pages-hx .rightbox .imintelbox .imitem .tag{font-size: 12px;border-radius: 8px 0px 8px 0px;background: linear-gradient(92deg, rgba(229,181,137,0.5) 0%, rgba(247,213,175,0.5) 50%);color: #6e2500;padding: 3px 10px;line-height: 20px;display: inline;} .pages-hx .rightbox .imintelbox .imitem a{ display: block;line-height: 26px;width: 42px;height: 42px;color: #fff;font-size: 12px;background: linear-gradient(213deg, #05cd71 0%, #1cd3a8 100%);border-radius: 50%;position: relative; margin-top: 10px; cursor: pointer;} .pages-hx .rightbox .imintelbox .imitem a:before{ content: '\e6bc';position: absolute;left: 0;right: 0;font-family: 'iconfont';font-size: 18px;text-align: center;line-height: 43px;} .pages-hx .rightbox .chatrecord{ padding: 0; box-shadow: none; border-radius: 0; margin-top: 20px;} /*户型详情*/ .pages-hxxq .hx-info .bm button{ font-size: 12px;background:transparent; color:#30a15d; height:20px; cursor:pointer;background-color: #e9f9f0;border-radius: 4px;padding-left:25px ;padding-right: 8px; position: relative;} .pages-hxxq .pages-hxxq .bm button::before{content: '';width: 16px;height: 13px;background: no-repeat center;position: absolute;left: 8px;top: 3px;} .pages-hxxq .pages-hxxq .bm button:hover{ text-decoration:underline; } .pages-hxxq .room_detail .layout_detail{font-weight: normal} .pages-hx .hx-nav .bm{ float:left; margin:2px 0 0 5px; } .pages-hx .hx-nav .bm button{ font-size: 12px;background:transparent; color:#30a15d; height:20px; cursor:pointer;border-radius: 4px;padding-left:25px ;padding-right: 8px; position: relative;} .pages-hx .hx-nav .bm button::before{content: '\e672';width: 16px;height: 16px;font-family: 'iconfont';position: absolute;left: 8px;top: 3px;font-size: 13px;} .pages-hx .hx-nav .bm button:hover{ text-decoration:underline; } .pages-hx .xclb .tit{ border-bottom:#e5e5e5 1px solid; overflow:hidden; } .pages-hx .xclb .tit p{ font-size:18px; color:#333; line-height:40px; float:left; } .pages-hx .xclb .tit a{ float:right; line-height:20px; margin-top:10px; position:relative; } .pages-hx .xclb .tit .videohouse{float: right;line-height: 20px;margin-top: 10px;position: relative;padding: 0 10px;cursor: pointer;color: #30a15d;margin-right: 20px;background-color: #e9f9f0;} .pages-hx .xclb .videohouse .iconfont{color: inherit;} .pages-hx .xclb ul{ width:880px; overflow:hidden; margin-left:-20px; margin-bottom:20px; } .pages-hx .xclb ul li{ float:left; width:200px; margin:20px 0 0 20px; } .pages-hx .xclb ul a{ display:block; height:144px; border:#e5e5e5 1px solid; position:relative; } .pages-hx .xclb ul a div{width: 60px;height: 60px;background: rgba(0, 0, 0, 0.34);margin: 0 auto;position: absolute;top:50%;left: 50%;border-radius: 50%;margin-left: -30px;margin-top: -30px;} .pages-hx .xclb ul a span{width: 50px;height: 50px;display: inline-block;margin-left: 5px;margin-top: 5px;} .pages-hx .xclb ul a .vrimg{background: no-repeat;background-size: contain; animation: move 5s linear 0s infinite;} .pages-hx .xclb ul a .videoimg{background: rgba(0,0,0,0.3);margin-left: 7px;margin-top: 7px;border-radius: 50%;} .pages-hx .xclb ul a .videoimg::before{content: '\e63b';font-family: 'iconfont';color: #fff;font-size: 47px;} .pages-hx .xclb ul img{ width:100%; height:100%; object-fit:cover; } .pages-hx .xclb ul .text{ margin-top:6px; } .pages-hx .xclb ul .txt{ color:#333; line-height:18px; height:36px; padding:0 6px;-webkit-line-clamp: 2;line-clamp: 2;display: -moz-box;box-orient: vertical;-moz-box-orient: vertical;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden; } /* 点评 */ .pages-dp .xiaobian{ overflow:hidden; padding:20px; } .pages-dp .xiaobian .img{ float:left; } .pages-dp .xiaobian .img p{ width:64px; height:64px; } .pages-dp .xiaobian .img img{ width:100%; height:100%; object-fit:cover; } .pages-dp .xiaobian .img span{ display:block; line-height:20px; color:#30a15d; text-align:center; margin-top:6px; } .pages-dp .xiaobian .text{ float:left; width:720px; margin-left:32px; } .pages-dp .xiaobian .text h5{ color:#333; line-height:28px; } .pages-dp .xiaobian .text p{ color:#333; line-height:28px; } .pages-dp .wangyou .tit{ overflow:hidden; border-bottom:#e5e5e5 1px solid; } .pages-dp .wangyou .tit h5{ float:left; font-size:18px; color:#333; line-height:40px; font-weight:normal; margin-left:20px; } .pages-dp .wangyou .tit p{ float:left; color:#999; line-height:40px; margin-left:20px; } .pages-dp .wangyou .tit a{ float:right; text-indent:30px; width:100px; line-height:30px; border-radius:2px; background:#30a15d; color:#fff; margin-top:5px; position:relative; } .pages-dp .wangyou .tit a:before{ content:''; position:absolute; width:13px; height:13px; background: -130px -170px; left:10px; top:0; bottom:0; margin:auto; } .pages-dp .wangyou dt{ overflow:hidden; padding:16px 0 0; } .pages-dp .wangyou dt a{ float:left; width:70px; margin-left:20px; line-height:22px; font-size:12px; color:#333; text-align:center; } .pages-dp .wangyou dt a.active{ background:#30a15d; color:#fff; border-radius:2px; } .pages-dp .wangyou dd{ padding:20px; overflow:hidden; border-bottom:#e5e5e5 1px dashed; } .pages-dp .wangyou dd:last-child{ border-bottom:none; } .pages-dp .wangyou .img{ float:left; width:64px; height:64px; } .pages-dp .wangyou .img img{ width:100%; height:100%; object-fit:cover; } .pages-dp .wangyou .text{ margin-left:32px; width:704px; float:left; } .pages-dp .wangyou .name{ line-height:24px; color:#333; } .pages-dp .wangyou .best,.pages-dp .wangyou .bad{ overflow:hidden; color: #333} .pages-dp .wangyou .best span,.pages-dp .wangyou .bad span{ float:left; line-height:24px; color:#333; font-weight:bold; } .pages-dp .wangyou .best p,.pages-dp .wangyou .bad p{ line-height:24px; color:#333; } .pages-dp .wangyou .other{ overflow:hidden; } .pages-dp .wangyou .date{ float:left; line-height:24px; color:#999; } .pages-dp .wangyou .zan{ float:right; line-height:24px; color:#333; position:relative; padding-left:20px; cursor:pointer; } .pages-dp .wangyou .zan:before{ content:''; position:absolute; width:12px; height:13px; background: -360px -160px; left:0; top:0; bottom:0; margin:auto; } .pages-dp .wangyou .more a{ display:block; background:#eee; line-height:30px; text-align:center; color:#333; } .pages-dp .wangyou .more a:hover{ color:#30a15d; } .pages-dp .dingyue2{ margin-top:20px; } .pages-dp .dianpi{ margin-top:20px; } .pages-dp .dianpi .tit{ overflow:hidden; border-bottom:#e5e5e5 1px solid; } .pages-dp .dianpi .tit p{ float:left; line-height:40px; color:#333; font-size:18px; margin-left:20px; } .pages-dp .dianpi .tit span{ float:left; color:#999; line-height:40px; margin-left:20px; } .pages-dp .gbook{ background:#eee; margin-top:20px; padding:20px; } .pages-dp .gbook h5{ font-size:16px; color:#333; font-weight:normal; line-height:20px; } .pages-dp .gbook .form{ background:#fff; margin-top:10px; padding:16px 32px; } .pages-dp .gbook .line{ overflow:hidden; } .pages-dp .gbook .line span{ float:left; line-height:28px; } .pages-dp .gbook .line p{ float:left; width:700px; } .pages-dp .gbook .line input{ width:100%; height:28px; } .pages-dp .gbook .line textarea{ width:100%; height:60px; resize:none; line-height:24px; padding:2px 0; } .pages-dp .gbook .btn{ overflow:hidden; margin-top:16px; } .pages-dp .gbook .btn input{ float:left; width:180px; height:30px; border:#e5e5e5 1px solid; text-indent:10px; font-size:12px; } .pages-dp .gbook .btn img{ float:left; width:100px; height:30px; margin-left:10px; cursor:pointer; } .pages-dp .gbook .btn p{ float:left; color:#999; font-size:12px; line-height:30px; height:30px; margin-left:10px; } .pages-dp .gbook .btn a{ color:#30a15d; font-size:12px; } .pages-dp .gbook .btn button{ float:right; height:30px; width:80px; border-radius:2px; background:#30a15d; color:#fff; font-size:12px; cursor:pointer; } .pages-dp .mianze{ margin-top:20px; } /* 看现场详情 */ .pages-scene-detail .house-left .photos{padding: 30px;} .pages-scene-detail .swiper .big {width: 800px;position: relative;} .pages-scene-detail .swiper .big ul{width: 700px;overflow: hidden;margin: 0 auto;height: 480px;} .pages-scene-detail .swiper .big li{display: none;} .pages-scene-detail .swiper .big .active{display: block;} .pages-scene-detail .swiper .big a {position: absolute;width: 32px;height: 70px;background: #000;background: rgba(0, 0, 0, 0.5);filter: alpha(opacity=50);margin: auto;top: 0;bottom: 0;} .pages-scene-detail .swiper .big .flex-prev{left: 0;} .pages-scene-detail .swiper .big a:before{content: "";position: absolute;width: 16px;height: 26px;margin: auto;left: 0;top:0;right: 0;bottom: 0;} .pages-scene-detail .swiper .big .flex-prev:before{content: "\e6ad";font-family: "iconfont";font-size: 27px;width: 27px;color: rgba(255,255,255,.5);} .pages-scene-detail .swiper .big .flex-next {right: 0;} .pages-scene-detail .swiper .big .flex-next:before {content: '\e6ac';font-family: 'iconfont';font-size: 27px;width: 27px;color: rgba(255,255,255,0.5);} .pages-scene-detail .swiper .small {margin: 10px 55px 0;position: relative;} .pages-scene-detail .swiper .slidefixed {position: relative;overflow: hidden;} .pages-scene-detail .swiper .big img {margin: 0 auto;width: initial;height: initial !important;max-width: 100%;max-height: 480px;overflow: visible;} .pages-scene-detail .swiper .small .flex-direction-nav {position: absolute;width: 100%;height: 0;left: 0;top: 0;} .pages-scene-detail .swiper .small .flex-prev {left: -50px;} .pages-scene-detail .swiper .small .flex-direction-nav a {position: absolute;width: 40px;height: 48px;background: #000;background: rgba(0, 0, 0, 0.5);filter: alpha(opacity=50);top: 30px;} .pages-scene-detail .swiper .small .flex-direction-nav a:before {content: '';position: absolute;width: 16px;height: 26px;margin: auto;left: 0;top: 0;right: 0;bottom: 0;} .pages-scene-detail .swiper .small .flex-direction-nav .flex-prev:before {content: '\e6ad';font-family: 'iconfont';font-size: 27px;width: 27px;color: rgba(255,255,255,0.5);} .pages-scene-detail .swiper .small .flex-next {right: -50px;} .pages-scene-detail .swiper .small .flex-direction-nav .flex-next:before {content: '\e6ac';font-family: 'iconfont';font-size: 27px;width: 27px;color: rgba(255,255,255,0.5);} .pages-scene-detail .swiper .small ul {width: 9999px;position: absolute;left: 0;top: 0;} .pages-scene-detail .swiper .small li {float: left;width: 130px;height: 108px;margin-right: 10px;cursor: pointer;position: relative;} .pages-scene-detail .swiper .small li.active:before {content: '';position: absolute;width: 0;height: 0;border-left: transparent 6px solid;border-right: transparent 6px solid;border-bottom: #30a15d 6px solid;margin: auto;left: 0;top: -6px;right: 0;} .pages-scene-detail .swiper .small img {width: 100%;height: 100%;object-fit: cover;} .pages-scene-detail .swiper .small li.active:after {content: '';position: absolute;width: 100%;height: 100%;border: #30a15d 2px solid;left: 0;top: 0;box-sizing: border-box;} .pages-photo .house-left{ width: 860px; margin-right: 20px;} .pages-photo .house-right{ float: right;width: 290px; margin-right: 0;} .pages-photo .tuijian ul{ width: 880px;} .pages-photo .tuijian li{ float: left; width: 200px; padding: 0; margin-right: 20px;} .pages-photo .tuijian .img{ display: block; height: 140px; width: 200px;} .pages-photo .tuijian .text{ width: 200px;} .pages-photo-detail .tuijian li{ float: left; width: 200px; padding: 0; margin-right: 30px;} .pages-photo-detail .tuijian .img{ display: block; height: 140px; width: 200px;} .pages-photo-detail .tuijian .text{ width: 200px;} .pages-photo-detail .tuijian li:nth-child(4n 4){ margin-right: 30px;} .pages-map .tuijian .text{ width: 200px;} .pages-map .tuijian li:nth-child(4n 4){ margin-right: 30px;} .pages-map .tuijian li:nth-child(5n 5){ margin-right: 0;} /* 相册大图 */ .pages-img .imgtext{ border:#e5e5e5 1px solid; margin-top:20px; padding:20px; overflow:hidden; position:relative; } .pages-img .swiper{ float:left; width:800px; } .pages-img .swiper .big{ width:800px; position:relative; } .pages-img .swiper .big ul{ width:700px; overflow:hidden; margin: 0 auto;height: 480px; } .pages-img .swiper .big li{ display:none;} .pages-img .swiper .big li.active{ display:block; } .pages-img .swiper .big .videoitem{position: relative; cursor: pointer;} .pages-img .swiper .big .videoitem .vcp-player{margin: 0 auto;} .pages-img .swiper .big .pause:before, .pages-scene-detail .swiper .big .pause:before{content: "";position: absolute;background: no-repeat center;background-size: cover;z-index: 8;width: 100px;height: 100px;left: 300px;top: 175px;} .pages-img .swiper .big img{ margin:0 auto;width: initial;height: initial !important;max-width: 100%;max-height: 480px;overflow: visible;} .pages-img .swiper .big .flex-direction-nav{ position:absolute; width:100%; height:100%; left:0; top:0; z-index: 0;} .pages-img .swiper .big a{ position:absolute; width:32px; height:70px; background:#000; background:rgba(0, 0, 0, 0.5); filter:alpha(opacity=50); margin:auto; top:0; bottom:0; } .pages-img .swiper .big a:before{ content:''; position:absolute; width:16px; height:26px; margin:auto; left:0; top:0; right:0; bottom:0; } .pages-img .swiper .big .flex-prev{ left:0; } .pages-img .swiper .big .flex-prev:before{ content: '\e6ad';font-family: 'iconfont';font-size: 27px;width: 27px;color: rgba(255,255,255,0.5)} .pages-img .swiper .big .flex-next{ right:0; } .pages-img .swiper .big .flex-next:before{ content: '\e6ac';font-family: 'iconfont';font-size: 27px;width: 27px;color: rgba(255,255,255,0.5)} .pages-img .swiper .small{ margin:10px 55px 0; position:relative; } .pages-img .swiper .slidefixed{ position:relative; overflow:hidden; } .pages-img .swiper .small ul{ width:9999px; position:absolute; left:0; top:0; } .pages-img .swiper .small ul:after{ content:''; display:block; clear:both; } .pages-img .swiper .small li{ float:left; width:130px; height:108px; margin-right:10px; cursor:pointer; position:relative; } .pages-img .swiper .small li.active:before{ content:''; position:absolute; width:0; height:0; border-left:transparent 6px solid; border-right:transparent 6px solid; border-bottom:#30a15d 6px solid; margin:auto; left:0; top:-6px; right:0; } .pages-img .swiper .small li.active:after{ content:''; position:absolute; width:100%; height:100%; border:#30a15d 2px solid; left:0; top:0; box-sizing:border-box; } .pages-img .swiper .small img{ width:100%; height:100%; object-fit:cover; } .pages-img .swiper .small .miniplay, .pages-scene-detail .swiper .small .miniplay {width: 44px;height: 44px;position: absolute;margin: 0 auto;left: 0;right: 0;top: 32px;} .pages-img .swiper .small .flex-direction-nav{ position:absolute; width:100%; height:0; left:0; top:0; } .pages-img .swiper .small .flex-direction-nav a{ position:absolute; width:40px; height:48px; background:#000; background:rgba(0, 0, 0, 0.5); filter:alpha(opacity=50); top:30px; } .pages-img .swiper .small .flex-direction-nav a:before{ content:''; position:absolute; width:16px; height:26px; margin:auto; left:0; top:0; right:0; bottom:0; } .pages-img .swiper .small .flex-prev{ left:-50px; } .pages-img .swiper .small .flex-direction-nav .flex-prev:before{ content: '\e6ad';font-family: 'iconfont';font-size: 27px;width: 27px;color: rgba(255,255,255,0.5)} .pages-img .swiper .small .flex-next{ right:-50px; } .pages-img .swiper .small .flex-direction-nav .flex-next:before{ content: '\e6ac';font-family: 'iconfont';font-size: 27px;width: 27px;color: rgba(255,255,255,0.5)} .pages-img .tools{ overflow:hidden; margin-bottom:16px; } .pages-img .tools .desc{ float:left; } .pages-img .tools .desc span,.pages-img .tools .desc p{ float:left; line-height:24px; color:#333; font-size:18px; margin-right:4px; } .pages-img .tools a{ float:right; line-height:24px; padding-left:20px; margin-left:20px; position:relative; } .pages-img .tools a.lb{ padding-left:24px; } .pages-img .tools a:before{ content:''; position:absolute; left:0; top:0; bottom:0; margin:auto;font-family: 'iconfont'; } .pages-img .tools a.sc:before{ width:16px; height:14px; content: '\e651';color: #999;font-size: 15px;line-height: 16px} .pages-img .tools a.lb:before{ width:20px; height:14px; content: '\e71f';color: #999;font-size: 21px;line-height: 16px;} .pages-img .tools a.full:before{ width:14px; height:14px; content: '\eb99';left: -2px;color: #999;font-size: 21px;line-height: 16px;} .pages-img .tools .videohouse{float: right;line-height: 24px;margin-top: 0px;position: relative;padding: 0 10px;cursor: pointer;color: #30a15d;padding-left: 40px;margin-right: 0px;background-color: #e9f9f0;} .pages-img .tools .videohouse:before{content: "\e63d";position: absolute;width:16px;height: 15px; left: 14px;top:5px;font-family: 'iconfont';line-height: 15px;} .pages-img .imgdetail{ float:left; width:318px; margin-left:20px; } .pages-img .hx-nav{ padding:20px; margin:20px 0 0 20px; } .pages-img .hx-nav .item{ overflow:hidden; display:block; } .pages-img .hx-nav .item:hover{ background:#f3f3f3; } .pages-img .hx-nav .item p{ float:left; line-height:36px; width:200px; text-indent:24px; color:#333; position:relative; } .pages-img .hx-nav .item p:before{ content:''; position:absolute; margin:auto; left:0; top:0; bottom:0; font-family: 'iconfont';} .pages-img .hx-nav .item-xgt p:before{content: '\e6d4';left: -24px;} .pages-img .hx-nav .item-sjt p:before{content: '\e6d8';left: -24px; font-size: 12px;} .pages-img .hx-nav .item-wzt p:before, .pages-img .hx-nav .item-kxc p:before{content: '\e6d9';left: -24px; font-size: 16px;} .pages-img .hx-nav .item-ybj p:before{content: '\e65d';left: -24px; font-size: 16px;} .pages-img .hx-nav .item-ptt p:before{content: '\e6d5';left: -24px; font-size: 16px;} .pages-img .hx-nav .item-hxt p:before{content: '\e6d6';left: -24px; font-size: 13px;} .pages-img .hx-nav .item-lpzj p:before{content: '\e720';left: -24px;font-size: 16px;} .pages-img .hx-nav .item-vr p:before{content: '\e6d4';left: -24px;} .pages-img .hx-nav .item-sp p:before{content: '\e63d';left: -24px; font-size: 13px;} .pages-img .hx-nav .item span{ float:left; line-height:36px; } .pages-img .hx-nav .price{ overflow:hidden; } .pages-img .hx-nav .price p{ float:left; line-height:24px; height:24px; font-size:12px; color:#333; } .pages-img .hx-nav .price span{ font-size:14px; color:#fe4844; font-weight:bold; } .pages-img .hx-nav .price a{ float:left; font-size:12px; color:#333; margin-left:20px; line-height:24px; padding-left:20px; position:relative; } .pages-img .hx-nav .price a:before{ content:''; position:absolute; width:15px; height:15px; background: -170px -170px; left:0; margin:auto; top:0; bottom:0; } .pages-img .hx-nav .txt{ font-size:12px; color:#333; line-height:24px; } .pages-img .hx-nav .bm{ float:left; margin:2px 0 0 20px; } .pages-img .hx-nav .bm button{ font-size: 12px;background:transparent; color:#30a15d; height:20px; cursor:pointer;background-color: #e9f9f0;border-radius: 4px;padding-left:25px ;padding-right: 8px; position: relative;} .pages-img .hx-nav .bm button::before{content: '';width: 16px;height: 13px;background: no-repeat center;position: absolute;left: 8px;top: 3px;} .pages-img .hx-nav .bm button:hover{ text-decoration:underline; } .pages-img .help-house{ margin-left:40px; } .pages-img .imgtext .xian{ position:absolute; width:1px; height:100%; border-left:#e5e5e5 1px dashed; left:840px; top:0; } .pages-img .tuijian .tit{ background:transparent; line-height:40px; border-bottom:#e5e5e5 1px solid; } .pages-img .mianze{ margin-top:20px; } .pages-img{ padding-bottom:40px; } .pages-img .hx-tab{ position:relative; overflow:hidden; margin-top:20px; } .pages-img .hx-tab .qh{ margin:0 80px; overflow:hidden; position:relative; height:60px; } .pages-img .hx-tab ul{ position:absolute; left:0; top:0; overflow:hidden; width:9999px; } .pages-img .hx-tab li{ float:left; width:180px; background:#f3f3f3; color:#333; text-align:center; line-height:20px; padding:10px 0; margin-right:30px; cursor:pointer; } .pages-img .hx-tab li.active{ background:#c5c5c5; color:#fff; } .pages-img .hx-tab .fx{ position:absolute; width:100%; height:0; left:0; top:0; } .pages-img .hx-tab .fx div{ position:absolute; cursor:pointer; width:40px; height:48px; background:#000; background:rgba(0, 0, 0, 0.5); filter:alpha(opacity=50); top:6px; } .pages-img .hx-tab .fx div:before{ content:''; position:absolute; width:16px; height:26px; background:; margin:auto; left:0; top:0; right:0; bottom:0; } .pages-img .hx-tab .fx .prev{ left:0; } .pages-img .hx-tab .fx .prev:before{ background-position:-300px -80px; } .pages-img .hx-tab .fx .next{ right:0; } .pages-img .hx-tab .fx .next:before{ background-position:-320px -80px; } /* 户型大图 */ .pages-img_draw .imgtext{ margin-top: 50px; overflow:hidden; position:relative; display: flex; } .pages-img_draw .swiper{ float:left; width:725px; } .pages-img_draw .swiper .big{ width:725px; position:relative; } .pages-img_draw .swiper .big ul{ width:100%; overflow:hidden; margin: 0 auto;height: 480px; } .pages-img_draw .swiper .big li{ display:none;} .pages-img_draw .swiper .big li.active{ display:block; } .pages-img_draw .swiper .big .videoitem{position: relative; cursor: pointer;} .pages-img_draw .swiper .big .videoitem .vcp-player{margin: 0 auto;} .pages-img_draw .swiper .big .pause:before{content: "";position: absolute; z-index: 999;width: 100px;height: 100px;left: 300px;top: 175px;} .pages-img_draw .swiper .big img{ margin:0 auto;width: 516px;height: 476px; object-fit: contain;} .pages-img_draw .swiper .flex-a{position: absolute;top: 50%;transform: translatey(-50%);background: rgba(0,0,0,1);width: 20px;height: 50px;} .pages-img_draw .swiper .big a:before{ content:''; position:absolute; width:16px; height:26px;font-family:'iconfont'; margin:auto; left:0; top:0; right:0; bottom:0;color: rgba(255,255,255,1);font-size: 16px;line-height: 26px; } .pages-img_draw .swiper .big .flex-prev:before{content: '\e6ad'; } .pages-img_draw .swiper .big .flex-next{ right: 0; } .pages-img_draw .swiper .big .flex-next:before{content: '\e6ac'; } .pages-img_draw .swiper .small{ margin:10px 55px; position:relative; } .pages-img_draw .swiper .slidefixed{ position:relative; overflow:hidden; } .pages-img_draw .swiper .small ul{ width:9999px; position:absolute; left:0; top:0; } .pages-img_draw .swiper .small ul:after{ content:''; display:block; clear:both; } .pages-img_draw .swiper .small li{ float:left; width:130px; height:108px; margin-right:10px; cursor:pointer; position:relative; } .pages-img_draw .swiper .small li.active:before{ content:''; position:absolute; width:0; height:0; border-left:transparent 6px solid; border-right:transparent 6px solid; border-bottom:#30a15d 6px solid; margin:auto; left:0; top:-6px; right:0; } .pages-img_draw .swiper .small li.active:after{ content:''; position:absolute; width:100%; height:100%; border:#30a15d 2px solid; left:0; top:0; box-sizing:border-box; } .pages-img_draw .swiper .small img{ width:100%; height:100%; object-fit:cover; } .pages-img_draw .swiper .small .miniplay{width: 44px;height: 44px;position: absolute;margin: 0 auto;left: 0;right: 0;top: 32px;} .pages-img_draw .swiper .small .flex-direction-nav{ position:absolute; width:100%; height:0; left:0; top:0; } .pages-img_draw .swiper .small .flex-direction-nav a{ position:absolute; width:40px; height:48px; background:#000; background:rgba(0, 0, 0, 0.5); filter:alpha(opacity=50); top:30px; } .pages-img_draw .swiper .small .flex-direction-nav a:before{ content:''; position:absolute; width:20px; height:26px;margin:auto; left:0; top:0; right:0; bottom:0; font-family: 'iconfont';font-size: 23px;color:rgba(255,255,255,0.5);} .pages-img_draw .swiper .small .flex-prev{ left:-50px; } .pages-img_draw .swiper .small .flex-direction-nav .flex-prev:before{ content: '\e6ad'; } .pages-img_draw .swiper .small .flex-next{ right:-50px; } .pages-img_draw .swiper .small .flex-direction-nav .flex-next:before{ content: '\e6ac'; } .pages-img_draw .swiper .big .slides .tools{ overflow:hidden; margin-bottom: 20px; } .pages-img_draw .swiper .big .slides .tools .desc{ float:left; } .pages-img_draw .swiper .big .slides .tools .desc span,.pages-img_draw .swiper .big .slides .tools .desc p{ float:left; line-height:24px; color:#333; font-size:18px; margin-right:4px; } .pages-img_draw .swiper .big .slides .tools a{ line-height:24px; padding-left:20px; position:absolute; right: 15px; top: 10px; } .pages-img_draw .swiper .big .slides .tools a.lb{ padding-left:24px; } .pages-img_draw .swiper .big .slides .tools a:before{ content:''; position:absolute; left: -65px; top:0; bottom:0; margin:auto; } .pages-img_draw .swiper .big .slides .tools a.sc:before{ width:16px; height:14px; background-position:-380px -160px; } .pages-img_draw .swiper .big .slides .tools a.lb:before{ width:20px; height:14px; background-position:0 -190px; } .pages-img_draw .swiper .big .slides .tools a.full:before{content: '\e6c6';font-family: 'iconfont'; color: #999999;width:14px; height:14px; line-height: 14px;font-size: 14px;background: none; } .pages-img_draw .swiper .big .slides .tools .videohouse{float: right;line-height: 24px;margin-top: 0px;position: relative;padding: 0 10px;cursor: pointer;color: #30a15d;padding-left: 40px;margin-right: 0px;background-color: #e9f9f0;} .pages-img_draw .swiper .big .slides .tools .videohouse:before{content: "";position: absolute;width:16px;height: 15px;background: ;left: 14px;top:3px;} .pages-img_draw .imgdetail{ flex: 1; margin-left: 50px; } .pages-img_draw .hx-nav{ padding:20px; margin:20px 0 0 20px; } .pages-img_draw .hx-nav .item{ overflow:hidden; display:block; } .pages-img_draw .hx-nav .item:hover{ background:#f3f3f3; } .pages-img_draw .hx-nav .item p{ float:left; line-height:36px; width:200px; text-indent:24px; color:#333; position:relative; } .pages-img_draw .hx-nav .item p:before{ content:''; position:absolute; background:; margin:auto; left:0; top:0; bottom:0; } .pages-img_draw .hx-nav .item-xgt p:before{ width:15px; height:13px; background-position:-380px -140px; } .pages-img_draw .hx-nav .item-sjt p:before{ width:15px; height:12px; background-position:-250px -170px; } .pages-img_draw .hx-nav .item-wzt p:before{ width:12px; height:14px; background-position:-270px -170px; } .pages-img_draw .hx-nav .item-ybj p:before{ width:13px; height:14px; background-position:-290px -170px; } .pages-img_draw .hx-nav .item-ptt p:before{ width:15px; height:15px; background-position:-210px -170px; } .pages-img_draw .hx-nav .item-hxt p:before{ width:14px; height:14px; background-position:-230px -170px; } .pages-img_draw .hx-nav .item-lpzj p:before{ width:15px; height:14px; background-position:-290px -190px; } .pages-img_draw .hx-nav .item-vr p:before{ width:15px; height:13px; background-position:-380px -140px; } .pages-img_draw .hx-nav .item-sp p:before{width: 15px;height: 13px;background-position: -87px -191px;} .pages-img_draw .hx-nav .item span{ float:left; line-height:36px; } .pages-img_draw .hx-nav .price{ overflow:hidden; } .pages-img_draw .hx-nav .price p{ float:left; line-height:24px; height:24px; font-size:12px; color:#333; } .pages-img_draw .hx-nav .price span{ font-size:14px; color:#fe4844; font-weight:bold; } .pages-img_draw .hx-nav .price a{ float:left; font-size:12px; color:#333; margin-left:20px; line-height:24px; padding-left:20px; position:relative; } .pages-img_draw .hx-nav .price a:before{ content:''; position:absolute; width:15px; height:15px; background: -170px -170px; left:0; margin:auto; top:0; bottom:0; } .pages-img_draw .hx-nav .txt{ font-size:12px; color:#333; line-height:24px; } .pages-img_draw .hx-nav .bm{ float:left; margin:2px 0 0 20px; } .pages-img_draw .hx-nav .bm button{ font-size: 12px;background:transparent; color:#30a15d; height:20px; cursor:pointer;background-color: #e9f9f0;border-radius: 4px;padding-left:25px ;padding-right: 8px; position: relative;} .pages-img_draw .hx-nav .bm button::before{content: '';width: 16px;height: 13px;background: no-repeat center;position: absolute;left: 8px;top: 3px;} .pages-img_draw .hx-nav .bm button:hover{ text-decoration:underline; } .pages-img_draw .help-house{ margin-left:40px; } .pages-img_draw .imgtext .xian{ position:absolute; width:1px; height:100%; border-left:#e5e5e5 1px dashed; left:840px; top:0; } .pages-img_draw .mianze{ margin-top:20px; } .pages-img_draw{ padding-bottom:40px; } .pages-img_draw .hx-tab{ position:relative; overflow:hidden; margin-top: 8px; } .pages-img_draw .hx-tab .qh{ margin:0 50px; overflow:hidden; position:relative; height:60px; } .pages-img_draw .hx-tab ul{ position:absolute; left:0; top:0; overflow:hidden; width:9999px; } .pages-img_draw .hx-tab li{ float:left; width:118px; background:#f5f5f5; color:#333; text-align:center; line-height:20px; padding:10px 0; margin-right:20px; cursor:pointer; } .pages-img_draw .hx-tab li.active{background: #f2fff9;color:#31ce90; } .pages-img_draw .hx-tab .fx{ position:absolute; width:100%; height:0; left:0; top:0; } .pages-img_draw .hx-tab .fx div{ position:absolute; cursor:pointer; width:20px; height:50px; background:#000; background:rgba(0, 0, 0, 0.5); filter:alpha(opacity=50); top:6px; } .pages-img_draw .hx-tab .fx div:before{ content:''; position:absolute; width:16px; height:26px; margin:auto; left:0; top:0; right:0; bottom:0; font-weight: bold; color: #acacac;text-indent: -2px;} .pages-img_draw .hx-tab .fx .prev{ left:0;background: #f2f2f2;} .pages-img_draw .hx-tab .fx .prev:before{content: '\e6ad';font-family: 'iconfont';background: none; font-size: 25px;width: 20px; } .pages-img_draw .hx-tab .fx .next{ right:0;background: #f2f2f2;} .pages-img_draw .hx-tab .fx .next:before{content: '\e6ac';font-family: 'iconfont';background: none; font-size: 25px;width: 20px;} /* 户型详情 */ .pages-hxxq .phototab{ width: 725px; border: 1px solid #dedede;} .pages-hxxq .phototab > li{ display:none; } .pages-hxxq .phototab > li.active{ display:block; } .pages-hxxq .swiper{ float:none; } .pages-hxxq .hx-info{ margin-left: 0;} .pages-hxxq .hx-info .info{ display: flex; justify-content: space-between; } .pages-hxxq .hx-info .infoitem{ flex: 1; position: relative; } .pages-hxxq .hx-info .infoitem.center:before{ content: ""; position: absolute; width: 1px; height: 40px; background: #e5e5e5; top: 10px; } .pages-hxxq .hx-info .infoitem .infoname{ font-size: 24px; color: #333333; font-weight: bold; line-height: 40px; height: 40px;} .pages-hxxq .hx-info .infoitem .infodesc{ font-size: 14px; color: #999999; font-weight: normal; line-height: 20px;} .pages-hxxq .hx-info .infoitem.center .infoname{ text-align: center; } .pages-hxxq .hx-info .infoitem.center .infodesc{ text-align: center; } .pages-hxxq .hx-info .tit{ overflow:hidden; margin-bottom:10px; } .pages-hxxq .hx-info .tit p{ font-size:20px; font-weight:bold; line-height:24px; float:left; color:#333; } .pages-hxxq .hx-info .tit span{ width:70px;float:left; line-height:22px; font-size:12px; color:#fff; text-align:center; padding:0 8px; border-radius:2px; margin-left:10px; } .pages-hxxq .hx-info .tit span.tag-1{ background:#30a15d; } .pages-hxxq .hx-info .tit span.tag-2{ background:#4285f4; } .pages-hxxq .hx-info .tit span.tag-3{ background:#999999; } .pages-hxxq .hx-info .line{ line-height: 32px; height: 32px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;color: #999; } .pages-hxxq .hx-info .line span{ color:#333; } .pages-hxxq .hx-info .fdjsq{font-size: 12px;background: transparent;color: #30a15d;height: 20px;cursor: pointer;background-color: #e9f9f0;border-radius: 4px;padding: 3px 0;padding-left: 25px;padding-right: 8px;position: relative;margin-left: 10px;} .pages-hxxq .hx-info .fdjsq::before {content: '\e66c';font-family: 'iconfont';width: 14px;height: 14px;position: absolute;left: 8px;top: 3px;color: #30a15d;line-height: 14px;} .pages-hxxq .hx-info .tags{margin-bottom: 5px; margin-top: 15px;} .pages-hxxq .hx-info .tags span{display: inline-block;margin-bottom: 5px;background: #f3f4f6;border: 1px solid #f3f4f6;font-size: 12px;color: #999999;padding: 2px 10px;margin-right: 10px;} .pages-hxxq .hx-info .line .price_str{color:#ff0000;font-weight: bold;font-size: 22px; } .pages-hxxq .hx-info .line .price_unit{ color:#ff0000; } .pages-hxxq .hx-info .line .btn{ color: #31ce90; font-size: 14px; margin-left: 15px;} .pages-hxxq .hx-info .line .btn .iconfont{ color: inherit; font-size: 12px;} .pages-hxxq .hx-info .layoutpositionrow{width: 100%;} .hide{display: none !important;} .pages-hxxq .hx-info .link{ overflow:hidden; margin-top:6px; } .pages-hxxq .hx-info .link.btns{width: 100%; display: flex; justify-content: space-between; } .pages-hxxq .hx-info .link a{ width: 180px; color: #31ce90; line-height: 40px; position:relative; text-align: center; background: #e6fff5;} .pages-hxxq .hx-info .link a:hover{ color: #31ce90; } .pages-hxxq .hx-info .link a:before{ content:''; position:absolute; background:; margin:auto; left:0; top:0; bottom:0; } .pages-hxxq .hx-info .link a.calc{ padding-left:0; } .pages-hxxq .hx-info .link a.calc:before{ content:none; } .pages-hxxq .hx-info .link a.kp{ padding-left:24px; } .pages-hxxq .hx-info .link a.kp:before{ width:18px; height:16px; background-position:-30px -190px; } .pages-hxxq .hx-info .link a.jj{ margin-right:0; } .pages-hxxq .hx-info .link a.jj:before{ width:15px; height:15px; background-position:-60px -190px; } .pages-hxxq .hx-info .bm{ display: inline-block;} .pages-hxxq .hx-info .bm button{ font-size: 12px;width: 120px;background:transparent; color:#30a15d; height:20px; cursor:pointer;background-color: #e9f9f0;border-radius: 4px;padding-left:25px ;padding-right: 8px; position: relative;} .pages-hxxq .hx-info .bm button::before{content: '\e6be';width: 16px;height: 15px;position: absolute;left: 8px;top: 3px;font-family: 'iconfont';line-height: 15px;} .pages-hxxq .hx-info .link .kptz button::before{content: '\e6c0';font-family: 'iconfont'; width: 16px;height: 16px;position: absolute;left: 8px;top: 3px;background: none;} .pages-hxxq .hx-info .ps{ color:#999; line-height:20px; font-size:12px; margin: 10px 0;display: block;width: 100%; } .pages-hxxq .hx-txt{ margin-bottom:20px; position: relative; padding-bottom: 30px; } .pages-hxxq .hx-txt:after{ content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: linear-gradient(360deg, #ffffff 9%, rgba(255,255,255,0) 91%);} .pages-hxxq .hx-txt h5{ font-size:18px; line-height:40px;font-weight:bold; color:#333; } .pages-hxxq .hx-txt p{ line-height:28px; color:#333;padding-left: 15px; font-weight: normal;} .pages-hxxq .hx-txt h4{font-size: 14px; position: relative;line-height: 30px;color: #333333; font-weight: bold;} .pages-hxxq .hx-txt .room_detail .price{ font-size: 14px; font-weight: bold; color: #ff0000;} .pages-hxxq .hx-txt .room_detail .desc{ font-size: 14px; font-weight: normal; color: #333333;} .pages-hxxq .hx-txt .hxfxbtn{ position: absolute;display: block; margin: 0 auto; color: #ffffff; width: 270px;line-height: 36px; height: 36px; border-radius: 36px; background: linear-gradient(115deg, #1dd3aa 0%, #02cc6b 100%); left: 0; right: 0; bottom: 0; z-index: 1; cursor: pointer;} .pages-hxxq .container .special .tit{display: flex; justify-content: space-between;} /* 全屏相册 */ .fullphoto{ position:fixed; width:100%; height:100%; z-index:101; left:0; top:0; background:#333; overflow-y:scroll; } .fullphoto .close{ position:absolute; color:#fff; font-size:20px; cursor:pointer; top:20px; right:20px; width:24px; height:24px; line-height:24px; text-align:center; } .fullphoto .panel{ position:absolute; margin:auto; left:50px; top:50px; right:50px; bottom:50px; z-index:1; overflow:hidden; } .fullphoto .panel img{ max-width:100%; max-height:100%; position:absolute; cursor:move; margin:auto; left:0; top:0; right:0; bottom:0; } /*.fullphoto .panel:after{ content:''; position:absolute; width:100%; height:100%; left:0; top:0; z-index:2; }*/ /* 广告间距 */ .pages-house .g-wrap{ margin:0 auto; } .pages-house .load-ad{ display:none; } .pages-house .load-ad.load-show{ display:block; } .pages-house .g-wrap .load-ad{ margin-top:30px; } .pages-house .g-wrap .load-ad .load-ad{ margin-top:5px; } .pages-house .load-ad ul{ margin:0; } /*ccg改动*/ .pages-list .list-house .text h2 .youhui{padding: 4px 0 ;background: rgba(255,191,190, 0.3);cursor: pointer; font-weight: 500; border-radius: 3px;font-size: 12px;color: #ff0904;position: relative;padding-left:22px ;padding-right: 15px;margin-left: 15px;} .pages-list .list-house .text h2 .youhui::before{content: '';width: 12px;height: 14px;background: no-repeat;position: absolute;top: 2px;left: 6px;} .pages-list .help-house .bnzf{width: 290px;height: 250px;background: no-repeat;cursor: pointer;} .pages-list .list-house .item-enter img{cursor: pointer;} .pages-detail .tdbm{width: 820px;height: 80px;margin: 0 auto;background: no-repeat;margin-top: 30px;display: flex;display: -webkit-flex;} .pages-detail .tdbm .tittlebox{flex: 1; position: relative;} .pages-detail .tdbm .tittlebox .ckbox{position: absolute;bottom: 5px;color: #999;font-size: 12px;margin-left: 100px;display: flex;align-items: center;} .pages-detail .tdbm .tittlebox .protocol{ color: #666666; font-size: inherit;} .pages-detail .tdbm .btmbox{display: flex; width: 400px; position: relative;} .pages-detail .tdbm .btmbox input{background: #ffffff; border: 1px solid #e1e1e1; height: 36px; border-radius: 36px; width: 300px; margin-top: 22px; text-indent: 30px;} .pages-detail .tdbm .tittlebox .text{color: #333333;font-size: 16px;font-weight: bold; line-height: 80px; margin-left: 100px;} .pages-detail .tdbm .tittlebox .text span{color: #ffa009;font-size: 32px;font-weight: bold;} .pages-detail .tdbm .btmbox .btm{cursor: pointer;text-align: center;color: #fff;background: linear-gradient(135deg, #ffc300 0%, #ff8f1f 100%);line-height: 36px;height: 36px;width: 100px;font-size: 14px;font-weight: bold;border-radius: 36px; margin-top: 22px; margin-right: 36px;position: absolute; right: 0;} .pages-detail .tdbm .btmbox .djs{font-size: 14px;color: #000000;margin-top: 10px;opacity: .4;margin-left: 20px;} .pages-detail .tdbm .btmbox .djs span{font-size: 14px;color: #333333;} .pages-detail .bmbd{width: 1180px;margin: 0 auto;margin-top: 30px;background-color: #f4faf7; display: flex;display: -webkit-flex;border:1px solid #ccc;} .pages-detail .fangjia .bmbd{min-height:150px !important; background: no-repeat; background-size: 100% 100%;} .pages-detail .peitao .bmbd{position: relative;background-color: #fffaf2;} .pages-detail .peitao .bmbd:before{content: "平台引用的周边设施数据及数据结论,均由百度服务接口提供,此配套数据仅供参考;最终实际结果请以楼盘现场实勘情况为准。";position: absolute;top:-25px;color: #999;} .pages-detail .bmbd .text{font-weight: bold;flex: 1;font-size: 24px;color: #30a15d;margin-top:25px;margin-left: 30px;height: 115px;} .pages-detail .bmbd .text .desc{font-size: 20px;font-weight: 400;color: #666666;line-height: 30px;margin-top: 25px;} .pages-detail .peitao .bmbd .text{position: relative;padding-left: 200px;color: #ff9600;} .pages-detail .peitao .bmbd .text span{display: block;font-size: 18px;font-weight: 400;color: #666666;line-height: 27px;padding-top: 15px;padding-right: 20px;} .pages-detail .peitao .bmbd .text:before{content: "";position: absolute;background: no-repeat;width: 268px;height: 115px;left: 0;} .pages-detail .bmbd .from{width: 330px;} .pages-detail .bmbd .from input{text-indent: 1em;height: 40px;font-size: 14px;background: #ffffff;border-radius: 4px 0 0 4px;box-shadow: 3px 0 0px 0px #f9f9f9;border: 1px solid #30a15d;float: left;} .pages-detail .bmbd .from input[name=mobile]{width: 200px;margin-top: 16px;} .pages-detail .bmbd .from.havecard input[name=mobile]{width: 281px;margin-top: 20px;} .pages-detail .bmbd .from input[name=card]{margin-top: 15px;} .pages-detail .bmbd .from button{width: 107px;height: 40px;line-height: 40px;background-image: linear-gradient(-90deg,#ffb620 0%,#fe7c0f 99%), linear-gradient(#225336, #225336);background-blend-mode: normal, normal;border-radius: 0px 4px 4px 0px;font-size: 14px;color: #fff;position: relative;top: 3px;cursor: pointer;background: #30a15d;} .pages-house .bmbd .from button{ margin-top: 13px;} .pages-house .bmbd .from.havecard button{ margin-top: 12px;} .pages-detail .peitao .bmbd .from{width: 470px;} .pages-detail .peitao .bmbd .from input{background: rgb(255,150,0,0.05);box-shadow: 3px 0 0px 0px #fffcf3;border: 1px solid #ffa009;background: #fff;} .pages-detail .peitao .bmbd .from button{background: #ff9600;} .pages-detail .peitao .bmbd .from input{width: 278px;} .pages-detail .peitao .bmbd .from.havecard input[name=mobile] {width: 381px;margin-top: 30px;} .pages-detail .peitao .bmbd .from input[name=mobile] {width: 290px;} .pages-detail .peitao .bmbd .havecard input[name=mobile] {width: 371px;} .pages-detail .peitao .bmbd .ckbox{position: absolute; bottom: 50px; right: 265px;} .pages-detail .huxing .tit .bm{width: 100px;height: 26px;line-height: 26px;text-align: center;text-decoration: none;background-color: rgb(48,161,93,.1);border-radius: 4px;font-size: 14px;color: #30a15d;} .pages-detail .peitao .tit .zbpt{float: left;color: #30a15d;margin: 15px 0 0 12px;cursor: pointer;height: 26px;line-height: 26px;text-align: center;text-decoration: none;background-color: rgb(48,161,93,.1);border-radius: 4px;font-size: 14px;padding:0 10px;} .pages-detail .peitao .tit .zxxx{float: left;color: #30a15d;margin: 15px 0 0 12px;cursor: pointer;height: 26px;line-height: 26px;text-align: center;text-decoration: none;border-radius: 4px;font-size: 14px;position: relative;} .pages-detail .peitao .zxxx .iconfont{color: #30a15d;} .pages-detail .gfzgcs_banner{width:1180px;height: 82px;margin: 0 auto;background: no-repeat;margin-top: 30px;display: flex;display: -webkit-flex;} .pages-house .dingyue .dingyuetitle{height: 129px;} .pages-info .dingyue .analysistitle{font-size: 24px;font-weight: bold;color: #30a15d;line-height: 30px;text-align: center;padding: 10px 0;} .pages-info .dingyue .analysis{background-color: #30a15d14;margin: 10px 20px;padding: 10px;position: relative;} .pages-info .dingyue .analysis:before{content: "";background: no-repeat;width: 248px;height: 142px;position: absolute;z-index:1;} .pages-info .dingyue .analysis .subtitle{text-indent: 2em; font-size: 14px;font-weight: bold;color: #333333;line-height: 30px;position: relative;} .pages-info .dingyue .analysis .subsubtitle{font-size: 12px;font-weight: 400;color: #666666;text-indent: 2em;position: relative;} .pages-info .dingyue .analysis .subsubtitle:after{content: " > ";position: absolute;font-size: 14px;right: 10px;} .pages-info .dingyue .basicanalysis .subtitle::before,.pages-info .dingyue .layoutanalysis .subtitle::before,.pages-info .dingyue .discountanalysis .subtitle::before{background: no-repeat;} .pages-info .dingyue .basicanalysis .subtitle:before{content:"";position: absolute;width: 21px;height: 20px;left:0;top:5px;background-position: -50px;} .pages-info .dingyue .layoutanalysis .subtitle:before{content: "";position: absolute; width: 24px;height: 19px;left:0;top:5px;background-position: 0;} .pages-info .dingyue .discountanalysis .subtitle:before{content: "";position: absolute; width: 23px;height: 23px;left:0;top:3px;background-position: -24px;} .pages-info .dingyue .desc{font-size: 14px;font-weight: 400;color:#666666;line-height: 21px;text-align: center;margin: 0 20px;} .dingyuetitle .title1{font-size: 24px;font-weight: bold;color: #ffffff;line-height: 40px;padding-top: 15px;padding-left: 15px;} .dingyuetitle .title2{font-size: 16px;font-weight: 400;color: #ffffff;line-height: 30px;opacity: 0.7;margin-left: 15px;} .dingyuetitle .title3{font-size: 16px;font-weight: 400;color: #ffffff;line-height: 30px;opacity: 0.7;margin-left: 15px;} .pages-house .dingyue .input{margin-top: 0px;} .pages-house .dingyue .input input{height: 40px;border-radius: 4px;margin-top: 15px;} .pages-house .dingyue .havecard input{margin-top: 10px;} .pages-house .dingyue .xy{margin: 0px 17%;padding-bottom: 15px;} .pages-house .dingyue .btn{margin-top: 19px;padding-bottom: 15px;} .pages-detail .fangjia .bmbd .from input {background: rgb(255,150,0,0.05);box-shadow: 3px 0 0px 0px #fffcf3;border: 2px solid white !important;height: 40px;background: #ffffff;border: 1px solid #ffa009;} .pages-detail .fangjia .bmbd .from{width: 420px;} .pages-detail .fangjia .bmbd input{width:264px;} .pages-detail .fangjia .bmbd .from input[name=mobile]{width: 290px;} .pages-detail .fangjia .bmbd .havecard input[name=mobile]{width: 371px;} .pages-detail .fangjia .bmbd .from button{background: #ffa801;color:white !important;margin-left:6px;} .pages-detail .fangjia .bmbd .text>span{ color: white; text-shadow: 2px 2px 0px #1d573f; font-size: 25px; } .pages-detail .fangjia .bmbd .desc{ width:100%; margin-top:0 !important; font-size: 16px; line-height: 24px; padding-right: 60px; display: flex; flex: 1; } .pages-detail .fangjia .bmbd .desc div{ margin-left:36px; color: #064a20; font-size:13px !important; } .pages-detail .fangjia .bmbd .desc div:before{ content:'\e6d0'; color: #378755; font-family: 'iconfont'; display:block; position: relative; top:12.5px; left:-15px; width:13px !important; height:13px !important; } .pages-detail .fangjia .bmbd .ordernumber{ text-align: center; width: 300px; color:#2c591e !important; font-size: 14px; margin-top: 10px; } .pages-detail .fangjia .bmbd .ordernumber span{ font-size:18px; color: #e2582a; margin:0 6px; } /* 楼盘价值分析报告 */ .pages-analysis-report .pagename{ font-size: 32px; font-weight: bold; line-height: 40px; color: #333333; position: relative; } .pages-analysis-report .pagename:after{ content: ""; position: absolute; background: no-repeat; background-size: cover; width: 205px; height: 123px; right: 0; top:0; z-index: -1; } .pages-analysis-report .house-left{ width: 740px; position: relative; min-height: 540px; } .pages-analysis-report .house-right{ width: 410px; } .pages-analysis-report .container{position: relative;overflow: unset;} .pages-analysis-report .container:after{content: "";display: block;clear: both;} .pages-analysis-report .cardbox{position: relative;width: 410px;padding: 35px 35px 0 35px;background: #ffffff;box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);border-radius: 4px;} .pages-analysis-report .cardbox .cardpricebox{line-height: 26px;margin-top: 10px;} .pages-analysis-report .house-right .gohouseinfo{color: #999;float: right;} .pages-analysis-report .house-right .borough_img{width: 340px;height: 170px;margin: 0 auto;object-fit: cover;} .pages-analysis-report .house-right .cardname{font-size: 20px;line-height: 26px;color: #333333;margin-top: 10px;} .pages-analysis-report .house-right .tagstatus{color: #fff;padding: 5px;font-size: 12px;border-radius: 2px;background: #999;vertical-align: top;} .pages-analysis-report .house-right .status1{background: #30a15d;} .pages-analysis-report .house-right .status2{background: #4285f4;} .pages-analysis-report .house-right .status3{background: #999;} .pages-analysis-report .house-right .cardprice{font-size: 20px;font-weight: bold;color: #fe4844;} .pages-analysis-report .house-right .unit{font-size: 12px;color: inherit;} .pages-analysis-report .grade{margin-top: 30px;border-bottom: 1px solid #eee;} .pages-analysis-report .grade:after{content: "";display: block;clear: both;} .pages-analysis-report .grade_left,.pages-analysis-report .grade_right{float: left;} .pages-analysis-report .grade_left{width: 120px;padding-top: 33px;} .pages-analysis-report .grade_right{width: 200px;margin-left: 20px;} .pages-analysis-report .markgrade{font-size: 56px;font-family: din;font-weight: bold;line-height: 50px;color: #333333;text-align: center;} .pages-analysis-report .grade_explain{line-height: 50px;display: inline-block;vertical-align: top;color: #999;cursor: pointer;font-weight: normal;} .pages-analysis-report .markimg{position: relative;width: 88px;height: 16px;margin: 20px auto 0;display: block;text-align: center;} .pages-analysis-report .mark_bottom{position: absolute;left: 0;width: 88px;height: 16px;background: url(/uploads/image/ppaixinfang/unmark.png) no-repeat;background-size: cover;} .pages-analysis-report .mark_top{position: absolute;left: 0;height: 16px;background: url(/uploads/image/ppaixinfang/mark.png) no-repeat;background-size: auto 16px;} .pages-analysis-report .hx, .pages-analysis-report .pt, .pages-analysis-report .jy, .pages-analysis-report .sh, .pages-analysis-report .gh{ font-size: 12px;color: #999;line-height: 20px;margin-bottom: 10px; } .pages-analysis-report .curmark{color: #333;font-size: 12px;} .pages-analysis-report .grade_right .progress{position: relative;width: 110px;height: 20px;display: inline-block;margin-left: 10px;vertical-align: top;} .pages-analysis-report .grade_right .progress_bottom{background: #eeeeee;width: 110px;height: 4px;position: absolute;border-radius: 4px;top:8px;} .pages-analysis-report .grade_right .progress_top{background: #30a15d;height: 4px;position: absolute;border-radius: 4px;top:8px;} .pages-analysis-report .house-right .btns_box{display: flex;justify-content: space-between;line-height: 70px;} .pages-analysis-report .house-right .btns_box .buygroup{position: relative;} .pages-analysis-report .house-right .btns_box .btn_item{cursor: pointer;} .pages-analysis-report .house-right .buygroup:before{content:"";position: absolute;background: ;width:28px;height: 28px;left: -28px;top:21px;} .pages-analysis-report .house-left .mask{height: 540px;position: absolute;bottom: 0;top:unset;width: 100%;background: no-repeat;} .pages-analysis-report .house-left .mask.hidebtn{background:linear-gradient(rgba(255,255,255,.1) 10%,rgba(255,255,255,1) 100%);} .pages-analysis-report .house-left .mask .mobilepage{position: absolute;right: 121px;top: 230px;border: 5px solid #fff;width: 110px;height: 110px;} .pages-analysis-report .house-left .mask .btns{position: absolute;width: 230px;height: 40px;left: 185px;top: 345px;background: transparent;cursor: pointer;} .pages-analysis-report .house-left .mask.hidebtn .btns{display: none;} .pages-analysis-report .house-left .mask .bot{position: absolute;bottom: 0;text-align: center;left: 0;right: 0;} .pages-analysis-report .house-left .mask .surplus{font-size: 20px;color: #333333;margin-bottom: 20px;} .pages-analysis-report .house-left .mask .read,.pages-analysis-report .house-left .mask .quickread{color: #30a15d;font-size: 20px;cursor: pointer;} .pages-analysis-report .house-left .mask .read .iconfont{color: #30a15d;} .pages-analysis-report .house-left .mask .desc{font-size: 14px;color: #999999;} .pages-analysis-report .house-left .house_item{margin-top: 50px;} .pages-analysis-report .house-left .traffic{position: relative;} .pages-analysis-report .house-left .traffic.unsignup:before{content:"";width:100%;height: 127px;position: absolute;background: linear-gradient( 180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);} .pages-analysis-report .house-left .project{font-size: 24px;font-weight: bold;line-height: 50px;color: #333333;} .pages-analysis-report .house-left .project_title{font-size: 16px;font-weight: bold;line-height: 22px;color: #333333;margin-top: 20px;} .pages-analysis-report .house-left .project_desc{color: #333;margin-top: 10px;} .pages-analysis-report .house-left .morehx{color: #999;font-weight: normal;float: right;} .pages-analysis-report .house-left .hxlist{margin-top: 20px;} .pages-analysis-report .house-left .hxlist ul{ width: 740px; display: flex; justify-content: space-between; } .pages-analysis-report .house-left .hxlist li{width: 230px;} .pages-analysis-report .house-left .hxlist li a{display: block;height: 208px;border:#e5e5e5 1px solid;position: relative;} .pages-analysis-report .house-left .hxlist img{width: 100%;height: 100%;object-fit: cover;} .pages-analysis-report .house-left .hxlist .text{margin-top: 6px;} .pages-analysis-report .house-left .hxlist .txt{color: #333;line-height: 24px;text-indent: 6px;} .pages-analysis-report .house-left .hxlist .tag{ width: 40px; line-height: 24px; padding: 2px 5px; vertical-align: top; background: #999; color: #fff; font-size: 12px; text-align: center; margin-left: 6px; border-radius: 2px;} .pages-analysis-report .house-left .hxlist .tag.tag_1{background: #30a15d;} .pages-analysis-report .house-left .hxlist .tag.tag_2{background: #4285f4;} .pages-analysis-report .house-left .hxlist .tag.tag_3{background: #999999;} .pages-analysis-report .house-left .hxlist .tag.tag_4{background: #ffa009;} .pages-analysis-report .house-left .hxlist .grey{color: #999;} .pages-analysis-report .house-left .project_grade{font-size: 36px;font-family: din;float: right;color:#333;} .pages-analysis-report .house-left .markimg{display: inline-block;} .pages-analysis-report .house-left .detailpage{color: #30a15d;display: block;} .pages-analysis-report .house-left .detailpage .iconfont{color: #30a15d;} .pages-analysis-report .house-left .detailtraffic .iconfont{color: #30a15d;} .pages-analysis-report .house-left .progresslist{display: flex;justify-content: space-between;flex-wrap:wrap;margin-top: 20px;} .pages-analysis-report .house-left .progressitem{width: 40%;margin-bottom: 20px;} .pages-analysis-report .house-left .progress{position: relative;width: 170px;height: 20px;display: inline-block;margin-left: 10px;vertical-align: top;} .pages-analysis-report .house-left .progress_bottom{background: #eee;width: 170px;height: 6px;position: absolute;border-radius: 4px;top:8px;} .pages-analysis-report .house-left .progress_top{background: #30a15d;height: 6px;position: absolute;border-radius: 4px;top:8px;} .pages-analysis-report .house-left .progress_top1{background: #30a15d;} .pages-analysis-report .house-left .progress_top2{background: #4285f4; } .pages-analysis-report .house-left .progress_top3{background: #ffa009; } .pages-analysis-report .house-left .progress_desc{color: #333;font-weight: bold;display: inline-block;} .pages-analysis-report .house-left .progress_name{width: 80px;} .pages-analysis-report .house-left .neighbourhood{display: flex;justify-content: space-between;margin-top: 20px;flex-wrap: wrap;} .pages-analysis-report .neighbourhood_item{width: 48%;margin-bottom: 20px;} .pages-analysis-report .neighbourhood_item .label{width: 130px;display: inline-block;color: #999;} .pages-analysis-report .neighbourhood_item .value{color: #333;} .pages-analysis-report .house-right .cardbox.fixed{position: fixed;top:130px;} .pages-analysis-report .house-right .share{position: relative;} .pages-analysis-report .house-right .share .ewm{display: none;position: absolute;width: 168px;background: #fff;padding: 0;box-shadow: rgb(0 0 0 / 10%) 0px 0px 8px 1px;left: 0px;z-index: 2;} .pages-analysis-report .house-right .share:hover .ewm{display: block;left: -50px;} .pages-analysis-report .house-right .share .mapcode{width: 150px;height: 150px;margin: 0 auto;} .pages-analysis-report .tips{display: none;width: 300px;position: absolute;background: #505050;opacity: 0.9;border-radius: 4px;color: #fff;line-height: 1.5;z-index: 2;text-align: left;padding: 10px;font-weight: normal;white-space: pre-line;} .pages-analysis-report .icon_explain{color: #999;cursor: pointer;} .pages-analysis-report .allreport{position: absolute;display: block;bottom: 161px;width: 100%;z-index: 1;background: rgba(255,255,255,1);} .pages-analysis-report .vague{width: 100%;height: 120px;background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, #ffffff 100%);position: absolute;top: -120px;} .pages-analysis-report .allreport .unlockdesc{font-size: 18px;font-family: pingfangsc;color: #333333;margin: 40px 0px 0;text-align: center;} .pages-analysis-report .allreport .unlock{color: #ffffff;} .pages-analysis-report .allreport .down{margin: 20px auto;text-align: center;} .pages-analysis-report .allreport .icon-down{color: #30a15d;font-size: 12px;} .pages-analysis-report .allreport .unlockbtnblock{position: relative;width: 324px;margin: 0 auto;padding-bottom: 40px;} .pages-analysis-report .allreport .btns{width: 324px;height: 54px;background: #30a15d;font-size: 16px;font-weight: 400;color: #fff;cursor: pointer;border-radius: 4px;margin: 0 auto;display: block;} .pages-analysis-report .allreport .clickgif{position: absolute;right: 0;top:0;cursor: pointer;} .pages-analysis-report .sharecode{margin-top: 20px;} .pages-analysis-report .sharecode .mobilepage{width: 100px;height: 100px;margin: 0 auto;} .pages-analysis-report .sharecode .remark{margin-top: 20px;font-size: 16px;color: #666;text-align: center;} /*五证*/ .pages-detail .imgtext .line.wt,.pages-detail .imgtext .txt.wt{ overflow: unset; position: relative; line-height: 32px; } .imgtext .wttext:hover .container_wz{ display: block; } .pages-detail .imgtext .line.wt:after{ content:''; display:block; clear: both; } .baseinfo .full .wuzheng{ *float: left; line-height: normal; vertical-align: sub; } .wuzheng{ position: relative; cursor: pointer; max-width: 350px; display: inline-block; vertical-align: bottom; } .wuzheng .wuzhengfont{ color: #333333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .wuzheng.wt{ overflow: unset!important; } .wuzheng:hover .container_wz{ display: block; } .wuzheng .container_wz{ width: 350px; display: none; position: absolute; top: 32px; left: 0; z-index: 999; background: #fff; text-align: center; } .wuzheng.wt .container_wz{ top: 25px; } .wuzheng .container_wz .box_sorc{ max-height: 170px; overflow: hidden; overflow-y: scroll; } .wuzheng .container_wz .title{ line-height: 30px; background: #31ce90; color: #fff; font-size: 14px; } .wuzheng .container_wz .table_tit,.wuzheng .container_wz .table_tr{ display: flex; display: -webkit-flex; border: 1px solid #efefef; } .wuzheng .container_wz .table_tit{ border-bottom: 0; } .wuzheng .container_wz .table_tit .table_th,.wuzheng .container_wz .table_tr .table_td{ width: 50px; line-height: 24px; font-size: 12px; border-right: 1px solid #efefef; width: 6rem; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; } .wuzheng .container_wz .table_tit .table_th:last-child,.wuzheng .container_wz .table_tr .table_td:last-child{ flex: 1; border-right:0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .pages-info .baseinfo li .span{ display: inline-block; font-size: inherit; color: inherit; float: left; } .container_wz .table_tr .table_td:last-child{ padding: 0 10px; } .container_wz{ width: 350px; display: none; position: absolute; top: 27px; left: 47px; z-index: 999; background: #fff; text-align: center; } .container_wz .box_sorc{ max-height: 170px; overflow: hidden; overflow-y: scroll; } .container_wz .title{ line-height: 30px; background: #31ce90; color: #fff; font-size: 14px; } .container_wz .table_tit, .container_wz .table_tr{ display: flex; display: -webkit-flex; border: 1px solid #efefef; } .container_wz .table_tit{ border-bottom: 0; } .container_wz .table_tit .table_th, .container_wz .table_tr .table_td{ width: 50px; line-height: 24px; font-size: 12px; border-right: 1px solid #efefef; } .container_wz .table_tit .table_th:last-child, .container_wz .table_tr .table_td:last-child{ flex: 1; border-right:0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /** 二手房合作 -列表页*/ .nhe_main{ height: auto; margin: 20px auto; } .nhe_main .nhe_nav{ position: relative; } .nhe_main .nhe_nav .nhe_nav_title{ color: #424242; font-weight: bold; font-size: 18px; display: inline-block; margin-bottom: 16px; } .nhe_main .nhe_nav .nhe_nav_title i{ width: 6px; height: 20px; background: #30a15d; margin-right: 10px; vertical-align: -3px; display: inline-block; } .nhe_main .nhe_nav .nhe_nav_a{ position: absolute; right: 0; top: 50%; transform: translatey(-50%); font-size: 14px; text-decoration: none; color: #333; } .nhe_main .nhe_ul{ width: 100%; overflow: hidden; height: 280px; margin-left: 20px; } .nhe_main .nhe_ul .nhe_li{ position: relative; width: 200px; height: 280px; margin-right: 12px; float: left; cursor: pointer; text-decoration: none!important; color: #333; overflow: hidden; } .nhe_main .nhe_ul .nhe_li .nhe_li_img{ width: 100%; height: 160px; overflow: hidden; } .nhe_main .nhe_ul .nhe_li .nhe_li_img img{ width: 100%; transition: 0.3s linear; } .nhe_main .nhe_ul .nhe_li h2{ line-height: 18px; margin-bottom: 9px; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-weight: 700; margin-top: 20px; padding: 0; } .nhe_main .nhe_ul .nhe_li p{ color: #999999; font-size: 14px; width: 100%; line-height: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .nhe_main .nhe_ul .nhe_li h3{ color: #333333; font-size: 14px; position: absolute; font-weight: normal; left: 0; bottom: 30px; padding: 0; margin: 0; } .nhe_main .nhe_ul .nhe_li span{ font-size: 16px; color: #ff5400; position: absolute; right: 0; bottom: 30px; } .nhe_main .nhe_ul .nhe_li:nth-child(4){ margin-right: 0; } .nhe_main .nhe_ul .nhe_li:hover h2{ color: #30a15d; } .nhe_main .nhe_ul .nhe_li:hover img{ transform: scale(1.2); transition: 0.3s linear; } /** 二手房合作 -详情页*/ .nhe_main_detail{ width: 1180px; height: auto; margin: 20px auto; } .nhe_main_detail .nhe_nav{ position: relative; } .nhe_main_detail .nhe_nav .nhe_nav_title{ color: #424242; font-weight: bold; font-size: 18px; display: inline-block; margin-bottom: 24px; } .nhe_main_detail .nhe_nav .nhe_nav_title i{ width: 6px; height: 20px; background: #30a15d; margin-right: 10px; vertical-align: -3px; display: inline-block; } .nhe_main_detail .nhe_nav .nhe_nav_a{ position: absolute; right: 0; top: 50%; transform: translatey(-50%); font-size: 14px; text-decoration: none; color: #333; } .nhe_main_detail .nhe_ul{ width: 100%; overflow: hidden; height: 300px; } .nhe_main_detail .nhe_ul .nhe_li{ position: relative; width: 280px; height: 300px; margin-right: 20px; float: left; cursor: pointer; text-decoration: none!important; color: #333; overflow: hidden; } .nhe_main_detail .nhe_ul .nhe_li .nhe_li_img{ width: 100%; height: 190px; overflow: hidden; } .nhe_main_detail .nhe_ul .nhe_li .nhe_li_img img{ width: 100%; transition: 0.3s linear; } .nhe_main_detail .nhe_ul .nhe_li h2{ line-height: 18px; margin-bottom: 9px; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-weight: 700; margin-top: 20px; padding: 0; } .nhe_main_detail .nhe_ul .nhe_li p{ color: #999999; font-size: 14px; width: 100%; line-height: 1; } .nhe_main_detail .nhe_ul .nhe_li h3{ color: #333333; font-size: 14px; position: absolute; font-weight: normal; left: 0; bottom: 5px; padding: 0; margin: 0; } .nhe_main_detail .nhe_ul .nhe_li span{ font-size: 16px; color: #ff5400; position: absolute; right: 0; bottom: 5px; } .nhe_main_detail .nhe_ul .nhe_li:nth-child(4){ margin-right: 0; } .nhe_main_detail .nhe_ul .nhe_li:hover h2{ color: #30a15d; } .nhe_main_detail .nhe_ul .nhe_li:hover img{ transform: scale(1.2); transition: 0.3s linear; } .daogou_a{padding: 20px 20px 0 20px;display: block;margin-bottom: -5px;} .daogou_a span {font-size: 14px;color:#30a25d;font-weight:bold;display: inline-block;line-height: 20px;} .daogou_a p {max-width: 700px;display: inline-block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;line-height: 20px;vertical-align: middle;} .title_new {line-height: 40px; font-size: 18px; color: #333; padding-top: 5px; font-weight: bold;} .title_new a{float: right;font-size: 12px;color: #999;font-weight: normal;} .main .right .item_new a {border-bottom: 1px solid #eeeeee;display: block;margin: 0 10px;overflow: hidden;padding: 10px 0;} .main .right .item_new a:last-child{border: 0;} .main .right .item_new a span{display: block;width: 18px;height: 18px;background-color: #dadada;color: #ffffff;text-align: center;} .main .right .item_new a .text{max-width: 230px;margin-left: 10px;overflow: hidden;text-overflow:ellipsis; white-space: nowrap;} .main .right .item_new a .ph{background-color: #ffa009;} .main .right .item_new a .img{width: 90px;height: 60px; border-radius: 4px; margin-right: 10px; } .main .right .item_new a .img img{width: 100%;height: 100%;object-fit: cover; border-radius: 4px;} .main .right .item_new a .info-right{flex: 1;} .main .right .item_new a .info{flex: 1;line-height: 24px;font-size: 14px;margin-left: 10px;} .main .right .item_new a .info1{line-height: 19px;font-size: 14px; color: #333333;} .main .right .item_new a .time{font-size: 12px;color: #a8a8a8;margin-top: 7px;} .main .right .item_new .flex_box{display: flex;display: -webkit-flex;margin: 0;} .main .right .item_new .flex_box .yd{width: 4px;height: 4px;background-color: #dadada;border-radius: 50%;margin-top: 10px;} .main .right .item_new .over_h1{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;max-height: 75px;} .doorpicturecontainer{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.8); z-index: 999999; display: none; } .doorpicturecontainer img{ position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto; } .gfzgcs_banner{ cursor: pointer; } .gfzgcs_banner a{ width: 100%; position: relative; } .gfzgcs_banner .test{ position: absolute; right: 2em; top: 21px; font-size: 18px; background: #ffaf16; color: #fff; padding: 7px 20px; border-radius: 20px; box-shadow: 0px 3px 1px 1px #f28e00; font-weight: 400; } .gfzgcs_banner .text{ width:80%; } .gfzgcs_title{ font-size: 22px; margin: 15px auto; text-align: center; color: #30a15d; font-weight: bold; } .gfzgcs_subtitle{ margin: 0px auto; text-align: center; color: #999999; display: block; } .answer,.ask{ position: relative; } .ask .askimg, .answer .answerimg{ position: absolute; } .ask .askicon{ background: no-repeat; background-size: cover; width: 29px; height: 27px; } .answer .answericon{ background: no-repeat; background-size: cover; width: 29px; height: 26px; } .questiontext{ font-weight: bold; font-size: 16px; } .questiontext, .answertext{ line-height: 1.5rem; padding-left: 50px; min-height: 40px; padding-top: 4px; margin-bottom: 10px; color: #333; } .olddata .answertext{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .housekeeper{ position: relative; width: 1180px; margin: 30px auto; } .form-group.housekeeper:before{ content: "想了解更多楼盘的信息,问问专业置业管家吧"; position: absolute; font-size: 26px; font-weight: bold; color: #30a15d; left: 4em; top: 1em; text-shadow: 1px 1px yellow; } .askblock .housekeeper:before{ content: "对楼盘还有疑问?"; position: absolute; font-size: 26px; font-weight: bold; color: #30a15d; left: 4em; top: .5em; text-shadow: 1px 1px yellow; } .input-area{ position: absolute; top: 30px; right: 40px; z-index: 7; } .housekeeperinput{ width: 290px; height: 41px; background: #f1f1f1; text-indent: 10px; border-radius: 4px 0 0 4px; } .pages-detail .havecard .housekeeperinput{ width: 145px; } .housekeeperbtn{ width: 107px; display: inline-block; height: 41px; cursor: pointer; border-radius: 0px 4px 4px 0px; background: #ffa801; vertical-align: top; color: #fff; text-align: center; line-height: 40px; } .pages-dp .box .havecard{ top:6px; } .pages-dp .havecard .housekeeperinput{ margin-bottom: 5px; display: block; } .pages-dp .havecard .card{ width: 183px; display: inline-block; } .askblock .list dd, .askblock .list dt{ border-bottom: #e5e5e5 1px dashed; margin-top: 16px; padding-bottom: 16px; } .toptab{ padding-bottom: 10px; border-bottom: 1px solid #e5e5e5; margin-bottom: 10px; } .toptab span{ width: 75px; margin-right: 20px; color: #333333; font-size: 14px; padding: 5px 10px; border-radius: 2px; cursor: pointer; } .toptab span:hover{ background-color: #30a15d; color: #ffffff; } .toptab .active{ color: #ffffff; background-color: #30a15d; } .askblock .housekeeper{ width: inherit; } .askblock .housekeeper img{ width: 100%; } .pages-dp .wangyou .img:after{ content: ""; display: block; clear: both; } .pages-dp .xiaobian{ border-bottom: #e5e5e5 1px dashed; } .pages-dp .xiaobian .img{ height: auto; } .want_comment_title{ font-size: 16px; color: #333333; position: relative; padding-left: 38px; } .want_comment_title:before{ content: ""; background: no-repeat; width: 20px; height: 20px; position: absolute; background-size: 100% 100%; left: 0; } .want_comment_textarea{ border:1px solid #eee; width: 100%; margin: 20px 0; text-indent: 13px; padding: 10px; resize:none } .surplus{ position: relative; } .surplus:before{ content:attr(data-num); position: absolute; top: -30px; left: -55px; color: #999999; } #code{ line-height: 35px; border: 1px solid #e2e2e2; text-indent: 10px; border-radius: 4px; width: 200px; color: #000; } #want_comment .noticemsg{ font-size: 14px; padding-left: 20px; color: #999999; } #want_comment .submitcomment{ height: 35px; float: right; padding: 5px 38px; color: #fff; background-color: #30a15d; border-radius: 4px; cursor: pointer; } #comment_tel{ border: 1px solid #e2e2e2; padding: 5px; line-height: 20px; border-radius: 4px; } .formmark{ position: absolute; top: 50px; left: 100px; width: 300px; color: #666; font-size: 14px; font-weight: 400; } .item-normal { padding-top: 1.6rem; } .item-normal span { position: relative; display: block; width: 380px; height: 330px; background: no-repeat; margin: 0 auto; background-size: 100% 100%; } .item-normal span:after { content: attr(data-text); position: absolute; display: block; width: 100%; text-align: center; top: 80%; color: #999999; font-size: 16px; } /* 房价走势补充 */ .pages-house .house_price_chart .form_info{ padding-left: 200px; position: relative; } .pages-house .house_price_chart .form_info:before{ content: ""; position: absolute; background: no-repeat; width: 192px; height: 146px; left: 0; top: 0; background-size: 90% 90%; } .pages-house .house_price_chart .title{ font-size: 22px; font-family: "source han sans cn"; font-weight: bold; color: #30a15d; line-height: 30px; margin: 0; } .pages-house .house_price_chart .desc{ font-size: 16px; font-family: "microsoft yahei"; font-weight: 400; color: #666666; line-height: 24px; } .pages-house .house_price_chart .input{ width: 100%; } .pages-house .house_price_chart .input input{ width: 250px; } .pages-house .house_price_chart .input input[name=id_card]{ margin-left: 10px; } .pages-house .house_price_chart .input .groupbtm{ background: #30a15d; border-radius: 0 4px 4px 0; padding: 9px 40px; color: #ffffff; cursor: pointer; } .pages-house .house_price_chart .btnarea:after{ content: ""; display: block; clear: both; } /* 买房问问 */ .pages-house .house_comment.sqrqarea{ margin-bottom: 10px; box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.05); border-radius: 10px; } .pages-house .house_comment .titlearea{ height: 70px; padding-left: 75px; position: relative; } .pages-house .house_comment .titlearea:before{ content: ""; background: no-repeat; position: absolute; width: 55px; height: 55px; left: 10px; top:10px; } .pages-house .house_comment .titlearea .tellist{ height: 15px; overflow: hidden; margin-top: 10px; } .pages-house .house_comment .titlearea .groupname{ font-size: 16px; font-family: microsoft yahei; font-weight: 400; color: #333333; line-height: 21px; padding-top: 10px; } .pages-house .house_comment .btnarea{ height: 50px; position: relative; background: #fff; } .pages-house .house_comment .btnarea:before{ content: ""; background: no-repeat; position: absolute; width: 58px; height: 24px; left: 10px; top: 13px; } .pages-house .house_comment .member{ padding-left: 80px; padding-top: 17px; display: inline-block; } .pages-house .house_comment .titlearea li{ font-size: 12px; } .pages-house .house_comment .btnarea button{ background: #30a15d; border-radius: 4px; padding: 4px 9px; color: #fff; margin-left: 5px; cursor: pointer; } .fixedstyle { position: fixed; top: 0; width: inherit; background-color: #fff; z-index: 10; } .price_info_bak{ display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #999999; font-size: 12px; } .price_info_bak:hover .msghover{ display: block; } .msghover{ white-space: normal; text-overflow: unset; position: absolute; padding: 5px; border: 1px solid #999; z-index: 1; background: #fff; top: 65px; border-radius: 5px; display: none; } .msghover:before{ content: ''; position: absolute; width: 0; height: 0; margin: 0 auto; border: 10px solid; left: 10px; top: -20px; border-color: transparent transparent #999 transparent; } .msghover:after{ content: ''; position: absolute; width: 0; height: 0; margin: 0 auto; border: 9px solid; left: 11px; top: -18px; border-color: transparent transparent #fff transparent; } .baseinfo .msghover:before{} .baseinfo .msghover:after{} /* 新房现场*/ .pages-detail .xinfang-scene-list .news{width:860px; } .pages-house .xinfang-scene-list .house_detail_index.dingyue{margin-top: 33px;} .pages-detail .calculator .btn.btn-scene-substrib{position: static;margin: 19px auto 0;padding: 0 0 15px 0;width: 83%;} /* 新房列表围观现场入口*/ .scene-site{background: ;width: 290px;height: 180px;background-size: cover;margin-bottom: 20px;padding: 20px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;text-align: start;} .scene-site .site-name{color: #ffffff;font-weight: bold;font-size: 24px;line-height: 26px;} .scene-site .site-desc{color: #ffffff;font-weight: 400;font-size: 16px;margin-top: 20px;} .scene-site .site-btn{border: 2px solid #ffffff;display: inline-block;width: 114px;height: 34px;line-height: 32px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;font-size: 14px;color: #fff;text-align: center;cursor: pointer;border-radius: 50px;margin-top: 33px;} /*查看大图*/ .imgdetail_draw{ position: fixed; width: 100vw; height: 100vh; left: 0; top: 0; z-index: 9999; background: rgba(0,0,0,.7); } .imgdetail_draw .swiper-container{ } .imgdetail_draw .swiper-wrapper{ height: 100vh; overflow: auto; } .imgdetail_draw .swiper-wrapper img{ position: fixed; margin: 0 auto; transform: translatey(-50%); top: 50%; left: 0; right: 0; max-width: calc(100vw - 10vw - 200px); } .imgdetail_draw .swiper-wrapper .rotate1{ top:25%; -ms-transform:rotate(90deg); /* ie 9 */ -moz-transform:rotate(90deg); /* firefox */ -webkit-transform:rotate(90deg); /* safari and chrome */ -o-transform:rotate(90deg); /* opera */ transform:rotate(90deg); } .imgdetail_draw .swiper-wrapper .rotate2{ top:25%; -ms-transform:rotate(180deg); /* ie 9 */ -moz-transform:rotate(180deg); /* firefox */ -webkit-transform:rotate(180deg); /* safari and chrome */ -o-transform:rotate(180deg); /* opera */ transform:rotate(180deg); } .imgdetail_draw .swiper-wrapper .rotate3{ top:25%; -ms-transform:rotate(270deg); /* ie 9 */ -moz-transform:rotate(270deg); /* firefox */ -webkit-transform:rotate(270deg); /* safari and chrome */ -o-transform:rotate(270deg); /* opera */ transform:rotate(270deg); } .imgdetail_draw .flex-page-btn{ position: absolute; width: 80px; height: 132px; background: url(/uploads/image/ppaimages/prev.png) no-repeat; filter: alpha(opacity=50); margin: auto; top: 0; bottom: 0; } .imgdetail_draw .flex-prev{ left: 5vw; background: no-repeat; background-position: center; z-index: 9999; } .imgdetail_draw .flex-next{ right: 5vw; background: no-repeat; background-position: center; z-index: 9999; } .imgdetail_draw .img_paging{ position: absolute; bottom: 5vh; left: 5vw; color: #fff; padding: 10px; background: rgba(0,0,0,.7); border-radius: 5px; z-index: 1; } .imgdetail_draw .cur_page, .imgdetail_draw .total_page{ color: #fff; } .imgdetail_draw .enlarge, .imgdetail_draw .narrow, .imgdetail_draw .clockwise, .imgdetail_draw .anti-clockwise{ position: absolute; padding: 5px; width: 30px; height: 30px; bottom: 5vh; right: 5vw; background: rgba(0,0,0,.7); border-radius: 5px; cursor: pointer; z-index: 1; } .imgdetail_draw .enlarge{ right: calc(5vw 150px); background: ; background-size: 100% 100%; } .imgdetail_draw .narrow{ right: calc(5vw 100px); background: ; background-size: 100% 100%; } .imgdetail_draw .clockwise{ background: ; background-size: 100% 100%; } .imgdetail_draw .anti-clockwise{ right: calc(5vw 50px); background: ; background-size: 100% 100%; } .imgdetail_draw .img_close{ position: absolute; right:calc(5vw 100px); width: 40px; height: 40px; top:5vh; background: ; background-size: 100% 100%; cursor: pointer; z-index: 9999; } #ax_container{ width:100%; position: relative; overflow: hidden; height:16px; } #ax_listwrapper{ position: relative; transition:0.5s; } #ax_list{ width:100%; list-style: none; margin:0; box-sizing: border-box; } #ax_list li{ line-height:16px; color: #666; font-size:12px; } .inner-search .s ul a { display: inline-block; } .pages-house .inner-search .s,.pages-house .inner-search .btn{float: none;} .pages-house .inner-search .search_right{position: relative;float: right;width: 450px;display: flex;} #search_ul_loupan{position: absolute;width: 100%;background: #ffffff;box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 10%);top: 35px;padding: 10px 14px;z-index: 1;display: none;} #search_ul_loupan .rows{display: flex;justify-content: space-between;line-height: 30px;} #search_ul_loupan .item{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #333333;font-size: 14px;} #search_ul_loupan .item1{width: 170px;cursor: pointer;} #search_ul_loupan .item2{width: 80px;} #search_ul_loupan .item3{width: 100px;} #search_ul_loupan .search_val{color: #30a15d;} .ask-new .newdata .ask:before,.ask-new .newdata .answer:before{background: rgba(48, 161, 93, 0.1);border-radius: 4px;color: #30a15d;width: 20px;line-height: 20px;text-align: center;left: 0;top: 4px;} .ask-new .newdata .answer:before{background: #fff5e5;color: #ffa009;top: 6px;} .ask-new .newdata .questiontext{font-size: 16px;padding-left: 30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .ask-new .newdata .answertext{color: #999;line-height: 24px;padding-left: 30px;overflow: hidden;word-break: break-word;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;padding-bottom: 0;margin: 0 0 10px;} .ask-new .user-msg img{width: 16px;height: 16px;border-radius: 50%;display: inline-block;vertical-align: middle;} .ask-new .user-msg span{font-size: 12px;margin: 0 17px 0 3px;vertical-align: middle;} .ask-new .user-msg .time{margin: 0;color: #999;} .ask-new .user-msg{padding-left: 30px;} .ask-new .gbook .list.newdata dd,.ask-new .askblock .list dd{border-color: #e9e9e9;position: relative;padding-right: 150px;padding-bottom: 20px;} .ask-new .total{position: absolute;width: 80px;height: 80px;border-radius: 50%;background: #f8f8f8 no-repeat center 17px;right: 0;top: 4px;text-align: center;background-size: 27px auto;padding: 47px 0 0;font-size: 12px;} .ask-new .hot{width: 320px;} .ask-new .hot .text{width: 180px;} .ask-new .housekeeper{float: left;width: 780px;margin: 24px 0 0;} .ask-new .form-group.housekeeper:before{font-size: 18px;font-weight: normal;color: #ffa009;z-index: 8;left: 159px;top: 16px;text-shadow: none;content: '购房新政不知道,买房流程不清楚,想了解更多楼盘详细信息';} .ask-new .input-area{ display: flex;background: no-repeat;width: 648px;height: 110px;top: 0;left: 132px;padding: 54px 0 0 27px;} .ask-new .havecard .housekeeperinput{border: 1px solid #ffeccd;width: 376px;display: inline-block;} .ask-new .gbook .list dd:last-child{border-bottom: #e9e9e9 1px dashed;padding-bottom: 20px;} .ask-new .housekeeper img{width: 117px;} .ask-new .house-left{width:840px;} .ask-new .askblock .questiontext{white-space: normal;} .ask-new .questiontext span{display: inline-block;font-size: 12px;font-weight: normal;line-height: 20px;background: #f6f6f6;padding: 0 6px;margin-left: 10px;color: #8a8da3;} .ask-new .housekeeper-ask img{width: auto;} .ask-new .housekeeper-ask .input-area{background: none;padding: 0;left: 662px;top: 28px;width: auto;height: auto;} .ask-new .form-group.housekeeper-ask:before{font-size: 20px;font-weight: bold;color: #333;content: '想要了解更多楼盘信息,问问置业顾问吧';left: 132px;top: 26px;} .is_new .ask:before,.is_new .answer:before { background: rgba(48, 161, 93, 0.1); border-radius: 4px; color: #30a15d; width: 20px; line-height: 20px; text-align: center; left: 0; top: 4px; } .is_new .answer:before { background: #fff5e5; color: #ffa009; top: 6px; } .is_new .questiontext,.is_new .answertext{padding-left: 30px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} .housekeeper-ask .housekeeperbtn{width: 147px;height: 45px;background: no-repeat;line-height: 45px;font-size: 18px;font-weight: bold;} .housekeeper-ask .formmark{width: 400px;font-size: 13px;left: 132px;top: 62px;} .publicform.xfwwzx{max-height: 484px;width: 460px;background: #fff no-repeat;padding: 0 38px;} .xfwwzx h2{ text-align: center; font-size: 28px; font-weight: bold; color: #333; padding: 163px 0 22px; } .xfwwzx .seebuyprice{ text-align: center; color: #999999; font-size: 18px; margin: 0 0 24px; } .xfwwzx input{ width: 100%; height: 57px; background: #f0f2f5; border-radius: 25px; font-size: 15px; padding: 20px; margin: 0 0 20px; } .xfwwzx .botarea{ margin: 6px 0 35px 15px; } .xfwwzx .botarea a{ color: #999999; font-size: 15px; } .publicmodal .xfwwzx .signupbtn{ width: 100%; height: 52px; background: linear-gradient(90deg, #09c390 1%, #05b182 100%); border-radius: 23px; font-size: 23px; font-weight: bold; color: #fff; cursor: pointer; } .publicform.xfwwzx.havecard{ max-height: 565px; } .pages-scene-detail .swiper .big .pause:before { left: 346px; } .pages-detail .news .item .imgs .miniplay, .pages-house .list-dt .scenecontent .imgs .miniplay { /* 楼盘主页,动态页看现场视频播放图标 */ width: 36px; height: 36px; position: absolute; margin: 0 auto; left: 43px; top: 20px; } /* 第二个楼讯内的表单 */ .loupan_type2{ padding: 20px; justify-content: space-between; border: 1px solid #ddd; } .flex{ display: flex !important; } .flex1{ flex: 1 !important; } .loupan_type2 .ellipsis{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .loupan_type2 .between{ justify-content: space-between; } .loupan_type2 .formleft{ position: relative; width: 52%; flex-direction: column; } .loupan_type2 .loupanotherimg { margin-top: 10px; } .loupan_type2 .formleft .loupancurimg{ height: 269px; margin: 0; max-width: unset; object-fit: cover; } .loupan_type2 .loupanotherimg .loupanimgs{ width: 100px; height: 62px; object-fit: cover; margin: 0; } .loupan_type2 .gophotos{ color: #666666 !important; position: absolute; padding: 5px; background: rgba(255,255,255,.5); border-radius: 15px; right: 10px; top: 220px; font-size: 12px !important; line-height: unset; text-indent: unset; } .loupan_type2 .formright{ margin-left: 3%; width: 45%; } .loupan_type2 .formright>div{ display: grid; flex: 1; } .loupan_type2 .loupanname{ font-size: 24px !important; font-weight: bold; line-height: 40px; } .loupan_type2 .loupanname a{color: #333333;} .loupan_type2 .loupanprices{ font-size: 12px; line-height: 40px; } .loupan_type2 .loupanprice{ color: red !important; font-weight: bold; font-size: 28px !important; } .loupan_type2 .loupandis{ display: flex; background: no-repeat; background-size: 100% 100%; padding: 5px; margin-bottom: 10px; } .loupan_type2 .disleft{ width: 70%; } .loupan_type2 .disleft .disname{ font-size: 18px; font-weight: bold; color: #fff; } .loupan_type2 .disleft .disnum{ color: #fff; margin-left: 10px; font-size: 14px; } .loupan_type2 .disleft .distxt{ color: #ffc1be; font-size: 14px; } .loupan_type2 .disleft .disdesc{ font-size: 14px; color: #fff; } .loupan_type2 .disright .disbtn{ border: 1px solid #fff; padding: 5px 10px; border-radius: 17px; display: block; line-height: 28px; text-align: center; color: #fff; cursor: pointer; } .loupan_type2 .loupanlayout{ font-size: 14px; line-height: 30px; } .loupan_type2 .address{ font-size: 14px !important; line-height: 30px; } .loupan_type2 .gomap,.loupan_type2 .goinfo{ color: #30a15d !important; line-height: 30px; font-size: 14px !important; } .loupan_type2 .goinfo{ display: block; margin-bottom: 10px; } .loupan_type2 .loupantel{ font-size: 24px; font-weight: bold; line-height: 30px; padding-top: 15px; border-top: 1px solid #eee; } .loupan_type2 .loupanteldesc{ color: #999999 !important; font-size: 14px !important; line-height: 30px; } /** 新的楼盘卡片 2024-04 **/ .loupan_new_card{border:#ddd 1px solid; padding:20px; max-width:840px; border-radius: 10px; background: linear-gradient(0deg, rgba(244,249,255,0.92), rgba(255,255,255,0));} .loupan_new_card .cardbox{display: flex;} .loupan_new_card .thumb{ width: 170px; height: 120px; object-fit: cover;} .loupan_new_card .houseinfo{flex: 1; margin-left: 20px;} .loupan_new_card .housedesc{ display: flex; align-items: baseline; line-height: 40px;} .loupan_new_card .housedesc.address{ font-size: 14px; color: #999999;} .loupan_new_card .housedesc .txt{ font-size: 14px; color: #999999;} .loupan_new_card .housedesc .area{ margin: 0 10px;} .loupan_new_card .housedesc .tag{display: none} .loupan_new_card .housedesc .exist{ display: inline;} .loupan_new_card .housedesc .tag{ font-size: 12px; padding: 2px 5px; margin-right: 10px; background: #f3f4f6; border-radius: 2px; color: #999999;} .loupan_new_card .houseinfo .housename{ max-width: 300px; font-size: 18px; font-weight: bold; color: #333333;} .loupan_new_card .houseinfo .houseprice{ max-width: 180px; font-size: 16px; color: #ff0000; margin: 0 10px;} .loupan_new_card .housecode{ cursor: pointer; flex: 1; text-align: right; position: relative;} .loupan_new_card .housecode .wx{ font-size: 14px; color: #31ce90;} .loupan_new_card .housecode .iconfont{ font-size: 14px; color: #31ce90;} .loupan_new_card .housecode .codebox{ display: none; width: 150px;height: 150px; position: absolute; right: 0; background: #ffffff; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px 1px;} .loupan_new_card .housecode .codebox img{ width: 150px; height: 150px;} .loupan_new_card .housecode:hover .codebox{ display: block;} .loupan_new_card .btnsbox{ display: flex; justify-content: space-between; margin-top: 10px;} .loupan_new_card .btnsbox .btns{ width: 48%; height: 36px; line-height: 36px;border-radius: 18px; background: #fbe3e6; display: flex; justify-content: space-between; align-items: baseline; padding-left: 15px;} .loupan_new_card .btnsbox .btns.disc{background: #ceffee; color: #27a473;} .loupan_new_card .btnsbox .desc{ font-size: 14px; color: #ff0000;} .loupan_new_card .btnsbox .disc .desc{ color: #27a473;} .loupan_new_card .btnsbox .btn{ font-size: 14px; background: linear-gradient(90deg, #ffbc04, #ff971a); width: 100px; height: 36px;border-radius: 18px; color: #ffffff; border: 0; cursor: pointer; font-weight: bold;} .loupan_new_card .btnsbox .disc .btn{background: linear-gradient(90deg, #4bdcb7, #4bdb9b); }