body{background:#FFF;} /*头部*/ .detailsctitle{border-bottom:1px solid #E9E9E9;padding:15px;display:flex;align-items:center;} .detailsctitle a{display:block;width:40px;height:16px;} .detailsctitle img{display:block;width:8px;height:14px;float: left;} .detailsctitle p{float:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:1.05rem;color:#191919;font-weight:600;} /*推送*/ .push{margin-top:12px;padding:0 15px;} .push i{position:relative;display:block;float: left;height:25px;padding:0 8px;display:flex;align-items:center;font-size:0.9375rem;color:#FFF;background:#536C8E;line-height:25px;border-radius:3px;} .push i.on:before {content:"";width:4px;height:4px;background:#FFF;display:block;float: left;border-radius:100px;margin-right:3px;} .push i.on {background:#FC002A;} .push .push_pm{float:left;margin-left:10px;width:70%;overflow:hidden;} .push .push_pm .tempWrap{width:100% !important ;} .push .push_pm ul li{line-height:25px;white-space:nowrap;float: left;margin-right:20px;} .push .push_pm ul li a{font-size:1rem;color:#191919;} .push .aimg{display:block;float: right;width:17px;height:25px;} .push .aimg img{width:17px;height:17px;position:relative;top:2px;} @media screen and (min-width: 300px) and (max-width: 374px) { .push p{width:66%;} } /*视频*/ .m_video{width:100%;height:240px;position:relative;margin-top:12px;} .m_videobj{width:100%;height:100%;display:none;} .m_videobj img{width:100%;height:100%;} .m_video_img{width:100%;position:absolute;top:0;left:0;height:100%;} .m_video_img .img{width:55px;display:block;position:absolute;top:50%;left:50%;margin-top:-27.5px;margin-left:-27.5px;} .m_video_img i{font-size:0.8125rem;color:#FFF;border-radius:50px;background:#333;padding:5px 14px;position:absolute;top:19px;left:0px;} .m_video_img i img{width:13px;margin-right:5px;margin-top:-2px;} /*扫码*/ .sweepcode_box{margin-top:15px;padding:0 15px;} .sweepcode_title span{float: left;display:block;font-size:0.9375rem;color:#666;line-height:25px;display:flex;align-items:} .sweepcode_title span img{width:19px;height:25px;margin-right:10px;} .sweepcode_title i{display:block;float: right;font-size:0.8125rem;color:#4292F1;border:1px solid #4292F1;border-radius:100px;padding:4px 9px;} .sweepcode_title i.sq{display:none;} .sweepcode_switch{margin-top:15px;} .sweepcode_switch .zb .microcode{border:1px solid #AAA;display:block;float: left;display:flex;align-items:center;justify-content:center;padding:5px;border-radius:5px;width:24%;} .sweepcode_switch .zb .microcode img{width:100%;display:block;} .sweepcode_switch .zb .img{display:block;float: left;width:60%;margin-top:20px;margin-left:5%;} .sweepcode_switch .gzh{text-align:center;padding:15px 0;display:none;} .sweepcode_switch .gzh img{width:110px;height:110px;display:block;margin:auto;} .sweepcode_switch .gzh i{display:block;font-size:0.875rem;color:#747E88;margin-top:7px;} /*户型 、详情、评论*/ .Exemption{display:none;} .m_album_box{height:100%;} /*切换头部*/ .m_album_title{margin-top:15px;} .m_album_title span{border-top:1px solid #E9E9E9;border-bottom:1px solid #E9E9E9;font-size:0.875rem;color:#999;width:50%;height:40px;float:left;display:flex;align-items:center;justify-content:center;} .m_album_title span.on{color:#fff; background: linear-gradient(left, #6DBBFE, #4A8AFF); background: -webkit-linear-gradient(left, #6DBBFE, #4A8AFF); background: -o-linear-gradient(left, #6DBBFE, #4A8AFF); background: -moz-linear-gradient(left, #6DBBFE, #4A8AFF); } .m_album_title span i{width:15px;height:14px;margin-right:5px;position: relative;top: -1px;} .m_album_title span:nth-child(1) i{display:block;background:url(../image/zb010.png) no-repeat 0 0/ 100% 100%;} .m_album_title span:nth-child(2) i{display:block;background:url(../image/zb010.png) no-repeat 0 0/ 100% 100%;} .m_album_title span:nth-child(3) i{display:block;background:url(../image/zb011.png) no-repeat 0 0/ 100% 100%;} .m_album_title span.on:nth-child(1) i{display:block;background:url(../image/zb10.png) no-repeat 0 0/ 100% 100%;} .m_album_title span.on:nth-child(2) i{display:block;background:url(../image/zb10.png) no-repeat 0 0/ 100% 100%;} .m_album_title span.on:nth-child(3) i{display:block;background:url(../image/zb11.png) no-repeat 0 0/ 100% 100%;} /*切换盒子*/ .qhshow_box{height:350px;;overflow:auto;} /*户型图片*/ .m_album_l{width:24%;height:100%;background:#F8F8F8;position:relative;float: left;} .m_album_l_title{border-right:1px solid #EEE;position:absolute;top:0;left:0;width:100%;height:100%;} .m_album_l_title span{width:100%;height:55px;line-height:55px;text-align:center;font-size:1rem;color:#666;display: block;border-top:1px solid #EEE;} .m_album_l_title span.on{background:#FFF;color:#333;} .m_album_r{width:76%;height:100%;float:right; /*max-height:550px; overflow:auto; -webkit-overflow-scrolling : touch; -moz-overflow-scrolling : touch; -o-overflow-scrolling : touch;*/ } .m_album_r_lsit{width:89%;height:auto;margin:auto;margin-top:10px;} .m_lsitImg{border-bottom:1px solid #EEE;border-radius:2px;overflow:hidden;padding:15px 0;} .m_album_r_lsit .m_lsitImg:last-child{border-bottom:0;} .m_lsitImg img{width:43%;height:80px;display:block;float:left;border:1px solid #EEE;border-radius:5px;} .m_lsitImg .m_lsittext{float:left;width:53%;height:100%;margin-left: 4%;} .m_lsitImg .m_lsittext em{font-size:0.875rem;color:#333;margin-top:7px;font-weight:600;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} .m_lsitImg .m_lsittext span{font-size:0.6875rem;color:#666;margin-top:9px;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} .m_lsitImg .m_lsittext i{font-size:0.6875rem;color:#666;margin-top:9px;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} #cnzz_stat_icon_1260633409{position:absolute;bottom:0;left:0;} /*详情*/ .m_xqswitch{padding:0 15px;} .m_xqswitch .title{font-size:1.125rem;color:#333;font-weight:600;margin-top:20px;} .m_xqswitchtext{ margin-top: 15px; font-size: 1rem; color: #333; line-height: 25px;} .m_xqswitchtext p{ padding: 5px 0;} .m_xqswitchtext img{ padding: 3px 0;} .qhshow{display:none;} /*相册弹窗*/ .none{display:none !important;} html, body {position: relative;height: 100%;} .m_swiper_xc{width:100%;height:100%;position:fixed;top:0;left:0;z-index:100;background:#000;display:none;} .m_swiper_ajax{width:100%;height:100%;} .m_tcswiper_box{width:100%;height:100%;position:relative; display:flex; display:-webkit-flex; display:-moz-flex; display:-o-flex; align-items:center; } .m_swiper{width: 100%;height:80%;} .m_swiper_ul{width:100%;height:100%;} .m_swiper_li{overflow: hidden;height:100%;} .m_swiper_li img{width:100%;object-fit: fill;} .m_swiper_gb{position:absolute;top:20px;right:20px;z-index:10;width:17px;} .m_swiper_gb img{width:100%;display:block;} .m_tcswiper_box .swiper-button-prev{width:26px;height:52px;background: rgba(0, 0, 0, 0.3) url(../image/lpindex3.png) no-repeat 6px 17px/ 10px 16px;border-radius:0 3px 3px 0;left:0;} .m_tcswiper_box .swiper-button-next{width:26px;height:52px;background: rgba(0, 0, 0, 0.3) url(../image/lpindex4.png) no-repeat 10px 17px/ 10px 16px;border-radius:3px 0 0 3px;right:0;} .swiper_text{border:1px solid;position: absolute;bottom:17px;width: 100%;padding:0 16px;} .m_swiper_head{height:10%;position:absolute;top:0;width:100%;} .m_swiper_head .m_swiper_fh{float:left;height:100%;position:relative;z-index:10;} .m_swiper_head .m_swiper_fh img{width:12px;margin-top:20px;margin-left:20px;} .m_swiper_qb{float:right;margin-top:20px;margin-right:20px;position:relative;z-index:10;} .m_swiper_qb a{font-size:1.0625rem;color:#FFF;} .m_tcswiper_box .swiper-pagination{color: #FFF; z-index: 1;font-size:1rem;top:20px;} /*评论*/ .m_comment_box{} /*信息*/ .m_comment{height:290px;overflow:auto;} .comment_time {display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;align-items: center;-webkit-align-items: center;} .comment_time span {display: inline-block;font-size: 12px;padding: 2px 4px;border-radius: 3px;line-height: 12px;background: #D9D9D9;color: #fff;} .comments {position: relative;} .comments li.comment {border-bottom: none;padding-bottom: 12px;min-height: 16px;} .comment, .gifts {padding-left: 55px;padding-bottom: 6px;padding-top: 6px;margin: 0 10px;border-bottom: solid 1px rgba(0, 0, 0, 0.05);position: relative;} .comments > li .avatar {border-radius: 3px;} .comment .avatar, .gifts .avatar {width: 40px;height: 40px;margin-left: -52px;border-radius: 50%;float: left;margin-top: 3px;} .comment .username {max-width: none !important;margin-left: 1px;} .comment .username, .gifts .username {color: #406580;font-size: 13px;overflow: hidden;white-space: nowrap;max-width: 60%;height: 22px;text-overflow: ellipsis;} .comments .comment .username p { color: #999; } .comment .username p {display: inline-block;float: left;max-width: 125px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .comments .comment .time {display: none;} .comment .time, .gifts .time {position: absolute;right: 0;top: 8px;color: #888;font-size: 10px;} .comments > li .content {margin-left: 8px;position: relative;left: -5px;max-width: 225px;font-size: 16px;background: #fff;padding: 9px 8px 7px 8px;display: inline-block;border: 1px solid #E6E6E6;word-break: break-all;word-wrap: break-word;border-radius: 5px;} .comment .content, .gifts .content {display: block;min-height: 21px;color: #333;font-size: 14px;word-break: break-all;word-wrap: break-word;} .comments > li .content:after {top: 15px;content: '';background: #fff;border-left: 1px solid #e6e6e6;position: absolute;border-bottom: 1px solid #e6e6e6;left: -5px;width: 7px;height: 7px;transform: rotate(45deg);-webkit-transform: rotate(45deg);} .comment .official {font-size: 10px;padding: 2px 2px 1px;} .official {color: #fff;background-color: #20a0ff;border-radius: 2px;font-size: 12px;padding: 2px 3px;margin-left: 5px;} /*发送消息*/ .bottom-bar {position: fixed;bottom: 0;left: 0;width: 100%;height: 54px;box-shadow: 0 0 2px 1px rgba(0, 0, 0, .05);z-index: 8;background-color: #f5fbff;} .bar-box{ width: 100%;height: 100%;padding: 8px 10px;background-color: #fcfafa;} .bottom-bar textarea {-webkit-appearance: none;resize: none; border: 1px solid #eee;background-color: #fff;height: 37px;line-height: 25px;padding: 5px 10px;width: 76%;font-size: 15px;outline: none;float: left;border-radius:3px;} .bottom-bar textarea:focus {background-color: #fff;} .bottom-bar .u-send {float:right;background:#20a0ff;border-radius:3px;height:36px;width:20%;text-align:center;line-height:35px;} .u-send span {font-size: 0.95rem;color:#FFF;} .y_reduced2{display: none; width: 90%; height: 274px; background: #fff; z-index: 6; border-radius: 4px;overflow:hidden; position: fixed; left: 50%;top: 50%; margin-top: -137px; margin-left: -45%;} .y_reduced2_main{position:relative; width: 100%; height: 100%;} .m_reduced_r2{width:100%;height:100%; position: relative; padding-bottom: 20px;} .y_reduced2_gb{ width: 25px; height: 25px; position: absolute; right: 10px; top: 10px; z-index: 1;} .y_reduced2_gb a{display: block; text-align: center; line-height: 25px;} .y_reduced2_gb img{ width: 20px; height: 20px; display: inline-block; line-height: 20px;} .m_reduced_r_title2{width: 80%; margin: 0 auto; padding-top:20px;} .m_reduced_r_title2 em{display:block;font-size:1.125rem;color:#333; font-weight: bold;} .m_reduced_r_title2 span{font-size:0.875rem;color:#999;display:block;margin-top:10px;} .m_reduced_r2 form{width:80%; display:block; margin: 15px auto 10px;} .y_reduced2_bg{ display: none; width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 5; background: rgba(0,0,0,0.5);} .y_reduced_left2 p.zhanghao{ position: relative; margin-bottom: 20px;} .y_reduced_left2 p.zhanghao span{display: block; width: 12px; height: 20px; position: absolute; left: 15px; top: 10px;} .y_reduced_left2 p.zhanghao input.in-text{ font-size: 0.875rem; color: #666; width:100%; height: 40px; border-radius: 3px; border:1px solid #CBCBCB; background: #fff; padding-left:36px; } .y_reduced_left2 p.zhanghao a{position: absolute; display: none; right: 16px; top: 14px; width: 17px; height: 17px;} .y_reduced_left2 p.zhanghao span img{ width: 100%; height: 100%;} .y_reduced_left2 p.zhanghao a img{width: 100%; height: 100%;} .y_reduced_left2 p.zhanghao b.hint-text{ font-size: 12px; font-weight: normal; color: #FF3F3F; display: none; position: absolute; left: 3px; bottom: -17px;} .y_reduced_left2 p.zhanghao input.in-text.on{border-color: #FF3F3F;} .y_reduced_left2 p.mima{ width: 100%; position: relative;} .y_reduced_left2 p.mima em{ display:inline-block; width: 64%; position: relative; height: 40px;} .y_reduced_left2 p.mima em span{display: inline-block; position: absolute; left: 12px; top: 11px; width: 15px; height: 13px;} .y_reduced_left2 p.mima em span img{width: 100%; height: 100%;} .y_reduced_left2 p.mima em input.in-text{ width: 100%; font-size: 0.875rem; color: #666; height: 40px; border-radius: 3px; border:1px solid #CBCBCB; background: #fff; padding-left:36px;} .y_reduced_left2 p.mima input.btn{ width: 32%; height: 40px; color: #999; border-radius: 3px; border:1px solid #CBCBCB; background: #fff; font-size: 0.75rem;} .y_reduced_left2 p.mima input.btn.on{ color: #2DB1FB; border-color:#2DB1FB; } .y_reduced_left2 p.mima input.btn:hover{ color: #2DB1FB; border-color:#2DB1FB; } .y_reduced_left2 p.mima b.hint-text{ font-size: 0.75rem; color: #FF3F3F; font-weight: normal; display: none; position: absolute; left: 3px; bottom: -17px;} .y_reduced_left2 p.mima em input.in-text.on{border-color: #FF3F3F;} .m_reduced_r2 form #buttom_m{width:100%;height:40px;background:#3072F6;text-align: center; line-height: 40px; display:block;border:0;margin-top:20px;font-size:0.925;color:#FFF;border-radius:4px;} .m_reduced_r2 form #buttom_m:hover{background: #1C5BDA;}