body{background:#fff;} .Home-header{ background: #fff;position:fixed;top:0;left:0;z-index:10;width:100%;} .Home-header-box{ position: relative; height: 50px; z-index: 10; background: #fff; -webkit-transform: translateZ(0); transform: translateZ(0); will-change: transform; -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; max-width: 750px; margin: 0 auto; } .Home-header-box .header-left{position: absolute; left: 8px; top: 50%; z-index: 2; width: 36px; height: 36px; margin-top: -18px;} .Home-header-box .header-left a{display: inline-block; width: 100%; height: 100%;} .Home-header-box .header-left a img{display: block; width:11px; height: 18px; margin: 0 auto;position: relative; top: 8px;} .Home-header-box .header-right{position: absolute; right: 8px; top: 50%; z-index: 2;width: 36px; height: 36px; margin-top: -18px;} .Home-header-box .header-right a{display: inline-block; width: 100%; height: 100%;} .Home-header-box .header-right.header_menu a#menu{background:none; width: 100%; height: 100%;position: relative;top:auto;left: auto} .Home-header-box .header-right a img{display: block; width:21px; height: 21px; margin: 0 auto;position: relative; top: 8px;} .Home-header-box .header-center{ width: 70%; margin: 0 auto; padding-top: 9px;} .Home-header-box .header-center a{ display: block; width: auto; height: 30px; text-align: center;} .Home-header-box .header-center a img{width: auto;height: 100%;} .Home-header-box .header-center a span{display: inline-block; margin-left: 3px;} .bot {position:absolute;height:20px;bottom:-8px;background:#fff;border-radius:10px;width:100%;} .Home-header-box.is-hidden { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .Home-header-nav{ width:100%; /*box-shadow:0px 5px 8px 0px rgba(177,177,177,0.16); */ z-index: 10; position: relative; background: #fff; height: 0px; overflow: hidden; line-height: 30px; -webkit-transform: translateZ(0); transform: translateZ(0); will-change: transform; -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s;} .header-nav-list{position:absolute;} .header-nav-list ul li{float: left;} .header-nav-list ul li a{ display: block; font-size: 0.937rem; color: #333; margin: 0 23px;} .header-nav-list ul li a span{display: block;} .header-nav-list ul li a i{display: block; height: 3px; width:100%; background: #fff; border-radius: 10px;} .header-nav-list ul li.cur a{color: #4976F1;} .header-nav-list ul li.cur a i{background-color: #4976F1;} .Home-header-nav.fixed { position: fixed; top: 50px; height: 50px; /*padding:7px 0 8px; */ } .Home-header-nav.slide-up { -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); } .w_b {position:fixed;top:13px;left:15px;} .w_b a {display:inline-block;padding-right:10px;z-index:10} .w_b a img {display:inline-block;width:9px;height:15px;} /*轮播*/ .m_swiper_box{padding:0 15px;margin-top:5px;} .m_lunbo_box{width:100%;height:202px;overflow:hidden;border-radius:5px;overflow:hidden;position:relative;} .m_lunbo_box ul{width:100%;height:100%;} .m_lunbo_box ul li{width:100%;height:100%; border-radius: 5px;overflow: hidden;} .m_lunbo_box ul li img{width:100%;height:100%;} .m_lunbo_box .swiper-pagination{color: #FFF; z-index: 1;font-size:0.875rem;right:15px;bottom:15px;left:auto;width:auto;background:rgba(0, 0, 0, 0.5);padding:4px 8px;border-radius:3px;} .m_swiper_bj{display: block;width:94%;margin: auto; position: relative; top: -3px;} .y_lphometext{ position: relative;border-bottom-left-radius:5px;border-bottom-right-radius:5px;padding:0 15px;margin-top:25px;} .y_lptitle{} .y_lptitle p.y_lpname span{display: inline-block; font-size:1.3125rem;color: #333; font-weight: 600;max-width:80%;float:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} .y_lptitle p.y_lpname em{position: relative; top:2px; display: inline-block; font-size:0.6875rem;color:#D61F2B; background:#FFE6EC; border-radius:2px; padding:2px 4px;margin-left:8px;} .y_lptitle p.y_guanzhu{ border: 1px solid #FC6023; border-radius: 30px; background: #fff; padding: 3px 10px;} .y_lptitle p.y_guanzhu i{ width: 17px; height: auto; position: relative; top: -2px;} .y_lptitle p.y_guanzhu i img{ width: 17px; height: auto;} .y_lptitle p.y_guanzhu span{display: inline-block; font-size: 0.9rem; color: #fc6023;} .y_lphomejg{ margin-top:10px;} .y_lphomejg p.w-label i {border-radius: 2px; display:inline-block;font-size:0.6875rem;padding:3px 7px;background:#EFF2F4;color:#475C89;} .y_lphomejg p.w-label i + i {margin-left:5px;} .y_lphomejg p.y_jiage{margin-top:15px;} .y_lphomejg p.y_jiage span{display: inline-block; font-size:1rem; color:#D50000;} .y_lphomejg p.y_jiage span em{display: inline-block; font-size:1.75rem; color:#D50000; margin-right: 2px; font-weight:600;} .y_lphomejg p.y_jiage span .unit{font-weight:600;} .y_lphomejg p.y_jiage a{ display: inline-block; width: 22px; height: auto; margin-left: 10px;} .y_lphomejg p.y_jiage a img{ width: 100%; height: auto; } .w-commonality{font-size:0.875rem;color:#999;margin-top:15px;} .w-commonality span{color:#333;margin-left:10px;} .y_lphomejg .y_yxq{ font-size: 0.9rem; margin-top:15px;} .y_lphomejg .y_yxq i {color:#999;margin-right:8px;float:left;} .m_pm_box{color: #333;float:left;display:block;overflow:hidden;width:87%;} .m_pm{width:auto !important;} .m_pm .tempWrap{width:auto !important;} .m_pm ul li{font-size:0.875rem;color:#333;display:block;white-space:nowrap;margin-right:20px;display:block;float:left;} .y_demo_bm{margin-top:25px;border-top:1px solid #F8F8F8;height:58px;} .y_demo_bm a{display: inline-block;border-radius: 5px;width:49%;height:58px;position:relative; display:flex;align-items:center;justify-content:center;float:left;font-size:1rem;color:#333;font-weight:600; } .y_demo_bm a:nth-child(1):before {content:"";width:1px;height:16px;background:#eee;position:absolute;top:20px;right:0;} .y_demo_bm a i{width:30px;height:30px;border-radius:100px;display:block;margin-right:10px;} .y_demo_bm a i img{ width: 100%; height: 100%;} /*热线*/ .y_modtel_box{padding:0 15px; margin-top:15px; } .y_modtel{position: relative;background:url(../image/v2/m_lpindex2.png) no-repeat 0 0/ 100% 100%;;height:71px;} .y_modtel .y_modtel_text p.y_text{ font-size:0.6875rem; color: #FECCB9; padding: 12px 0; position:absolute;top:30px;left:18px;} .y_modtel .y_modtel_text p.y_call{ font-size:0.875rem; color:#FFF;position:absolute;top:12px;left:20px;} .y_modtel .y_modtel_text p.y_call i { display: inline-block; margin-right: 8px; vertical-align: top; position: relative; top: 4px; font-weight:600; } .y_modtel .y_modtel_text p.y_call span{font-size:1.25rem;color:#FFF;font-weight:600;} .y_modtel .y_telimg{ position: absolute; right:0; bottom: 0; width: 71px; height:71px;} .y_modtel .y_telimg img{ width: 100%; height: 100%;} /*.户型*/ .y_lphomehx{ background: #fff; padding: 0 15px;margin-top:30px;} /*.y_lphomehx_main{ margin: 0 10px;}*/ .y_lphomehx_cent{ margin-top: 15px;} #y_lphomehx_cent li{padding:15px 0;border-bottom:1px solid #eee;} #y_lphomehx_cent li:last-child{border-bottom:0;} #y_lphomehx_cent li .y_tu{ width:33%;height:104px; border:1px solid #eee; border-radius: 5px; overflow: hidden; position: relative;display:inline-block;vertical-align:top;float:left;} #y_lphomehx_cent li .y_tu .y_tuimg{ width:100%; height: 100%;} #y_lphomehx_cent li .y_tu .y_tuimg img{ width:100%; height: 100%;} #y_lphomehx_cent li .y_tu .y_tuhx{position: absolute; right: 0px; top: 0px; background: rgba(0,0,0,0.5); padding: 3px 8px; font-size: 0.6rem; color: #fff;} #y_lphomehx_cent li .y_text{width:59%;margin-left:15px;float:left;} #y_lphomehx_cent li .y_text .y_textjs{ font-size:1.0625rem; color: #333;font-weight:600;margin-top:8px;} #y_lphomehx_cent li .y_text .y_textjm{ font-size:0.875rem; color: #666; margin-top:15px;} #y_lphomehx_cent li .y_text .txt-hu { font-size:0.875rem; color: #666; margin-top:15px;} /*基本信息*/ .y_lpjbxx{ background: #fff;margin-top:25px;} .y_lpjbxx_main{ margin: 0 15px;} .y_lpjbxx_cent{ margin-top:25px;} .y_lpjbxx_cent ul li{ font-size:0.875rem; color: #555; padding:8px 0; position: relative;} .y_lpjbxx_cent ul li span{display: inline-block; float: left;color:#666;margin-right:15px;} .y_lpjbxx_cent ul li em{display: inline-block; float: left; width: 75%;color:#333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} .y_lpjbxx_cent ul li em.lord{display: inline-block; float: left; width: 75%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .y_lpjbxx_cent ul li a{z-index:5;position:absolute;right:10px;top:1px;font-size:0.75rem;color:#D50000;display: block;padding:4px 12px; border-radius:20px;border:1px solid #D50000;} .y_lpjbxx_cent ul li a i{display: inline-block; width: 20px; height: auto;} .y_lpjbxx_cent ul li a i img{width: 100%; height: auto; position: relative; top: -1px; padding-right: 3px;} .y_lpjbxx_cent ul li em.y_ckysz{font-size: 0.9rem; color: #fb6537;} /*2018-12-5 项目介绍 */ .w-into {margin:25px 10px 0 10px;} .w-into .w-font { margin: 20px 0 0;padding-bottom:25px;} .w-into .w-font em{display:block;position:relative;font-size:0.875rem;color:#333;font-weight:600;} .w-into .w-font em:before {content:"";display:block;float:left;width:6px;height:4px;background:#D50000;border-radius:0 10px 10px 0;margin-top: 7px;margin-right:6px;} .w-into .w-font span{font-size:0.875rem;color:#666;display:block;margin-top:13px;line-height:25px;} .w-into .w-font p{line-height: 25px;font-size:0.875rem;color:#666;margin-top:10px;} /*2018-12-5 楼盘相册*/ .w-photo {margin-top:30px;padding:0 15px;} .w-photo .m_ophoto {margin-top:25px;} .w-photo .m_ophoto_li{width:48%;border:1px solid #EEE;height:59px;border-radius:5px;overflow:hidden;float:left;margin-right:4%;margin-bottom: 4%;position:relative;} .w-photo .m_ophoto_li:nth-child(2n){margin-right:0;} .w-photo .m_ophoto_li a{display: block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;} .w-photo .m_ophoto_li p {float:left;} .w-photo .m_ophoto_li p em{font-size:0.875rem;color:#333;font-weight:600;margin-top:8px;display: block;margin-left: 12px;} .w-photo .m_ophoto_li p span{font-size:0.6875rem;color:#999;display: block;margin-top:8px;margin-left: 12px;} .w-photo .m_ophoto_li .sw-img {display:block;width:50%;height:57px;float:right;} .w-photo .m_ophoto_li .sw-img img {width:100%;height:100%;border-radius:5px;} /*报名切换*/ #wcon {width:100%;margin-top:30px;} #wcon .swiper-slide {width:88%;margin-left:15px;} #wcon .swiper-slide:last-child{margin-right:15px;} #wcon .swiper-slide a img {display:block;width:100%;} /*.楼盘动态*/ .y_lphomenew{margin-top:25px;padding:0 15px;} .y_lphomenew_cent{margin-top:13px;} .y_lphomenew_cent ul li {padding:17px 0;} .y_lphomenew_cent ul li + li {border-top:1px solid #f8f8f8;} .y_lphomenew_cent ul li .w_img {border-radius: 3px; overflow: hidden; display:inline-block;vertical-align: top;width:29%;height:75px;margin-left:10px;float:right;} .y_lphomenew_cent ul li .w_img img {display:block;width:100%;height:100%;} .y_lphomenew_cent ul li .w_font {display:inline-block;vertical-align:top;width:66%;position:relative;height:75px;} .y_lphomenew_cent ul li .w_font p {font-size:0.9375rem;line-height:25px;color:#333;font-weight:600;} .y_lphomenew_cent ul li .w_font .ti {position:absolute;bottom:-5px;width:100%; line-height: 22px;} .y_lphomenew_cent ul li .w_font .ti i{font-size:0.75rem;color:#666;background:#F8F8F8;padding:3px 7px;} .y_lphomenew_cent ul li .w_font .ti span{font-size:0.75rem;color:#666;float:right;} /*/周边配套*/ .y_lpzbpt{ background: #fff;margin-top:25px;} /*.y_lpzbpt_main{}*/ .y_lpzbpt_cent{margin-top:12px;} .y_lpdt{ width: 100%; height: 160px;} .y_lpdt_list{ margin-top: 25px;padding:0 15px;} .y_lpdt_list ul li{text-align: center; float: left;margin-right:9%;} .y_lpdt_list ul li:last-child{margin-right:0;} .y_lpdt_list ul li .y_tu{ width:20px; height: auto; margin: 0 auto;} .y_lpdt_list ul li .y_tu img{ width: 100%; height: auto;} .y_lpdt_list ul li .y_text{ font-size:1rem; color:#999;position:relative;} .y_lpdt_list ul li .y_text:before{content:"";display:block;width:14px;height:2px;border-radius:10px;position:absolute;bottom:-6px;left:50%;margin-left:-7px;background:#FFF;} .y_lpdt_list ul li a.on .y_text:before{background:#D50000;} .y_lpdt_list ul li a.on .y_text{color:#D50000;} .y_maplpdizhi{ padding:15px 15px;} .y_maplpdizhi img{width:10px;display: inline-block;float: left;position:relative;top:3px;} .y_maplpdizhi span{font-size: 0.9rem; color: #333;display: inline-block;float: left; width:93%;margin-left:5px;line-height:20px;} /*房贷参考*/ .loans {margin-top:25px;padding:0 15px;} .loans canvas{float:left;margin-right:0.5rem;margin-top:1px;} .loans p{margin:0;padding:0;} .loans .w-drawing {margin:20px 0;} .loans .info{position:relative;display:inline-block;margin-left:10px;width:50%;} .loans .info .info_xl_box{border: 1px solid #EEE;width: 100%;margin-bottom:5px;position:relative; background: #fff;} .loans .info .info_xl{height:35px;line-height: 35px;font-size:0.875rem;color:#666; padding-left: 10px;} .loans .info .info_xl span{margin-left: 10px;} .loans .info .info_xl img{float: right; position: relative;top: 15px;right: 10px;width: 5%;} .loans .info .info_xl_box .info_xllist{display:none;width:100%;padding: 5px 0;border-radius:5px;position:absolute;top:35px;background:#FFF;z-index:10;box-shadow: 0px 0px 20px 0px #dfdfdf;} .loans .info .info_xl_box .info_xllist li{font-size:0.7rem;font-size:#666;height:35px;line-height:35px;text-indent: 1em;} .loans .info p{padding:0.3rem 0.6rem 0.3rem 0.1rem;} .loans .info p:nth-child(2){font-size:0.9375rem;color:#666;} .loans .info p:nth-child(3):before,.loans .info p:nth-child(4):before,.loans .info p:nth-child(5):before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#007AF5;margin-right:5px;position:relative;top:-1px;} .loans .info p:nth-child(4):before {background:#FFA245;} .loans .info p:nth-child(5):before {background:#62BE4B;} .loans .info p:nth-child(3){font-size:0.875rem;color:#333;} .loans .info p:nth-child(4){font-size:0.875rem;color:#333;} .loans .info p:nth-child(5){font-size:0.875rem;color:#333;} .loans .info p:nth-child(6){font-size:1rem;color:#333;margin-top:20px;text-align:right;font-weight:600;} .loans .info p:nth-child(6) span{color:#D50000;font-weight:600;} .loans .calcBtn {background:#EDF3FF;height:40px;line-height:40px;border-radius:25px;} .loans .calcBtn a{display:block;height:40px;line-height:40px;text-align:center;border-radius:5px; background:#F9F9F9;color:#395281;font-size:1rem; } /*用户点评*/ .h-remark {margin:0 10px;padding:20px 0;} .remark-txt {} .remark-txt p {font-size:0.9375rem;color:#333;margin:25px 0 15px 0;} .remark-txt p span{color:#EF0000;} .remark-txt textarea {display: block;width:100%;resize:none;border:0;color:#333;padding:15px 10px;font-size:0.875rem;background:#FAFAFA;height:115px;} .remark-txt textarea::-webkit-input-placeholder {color:#666;} /* WebKit, Blink, Edge */ .remark-txt textarea:-moz-placeholder {color:#666;} /* Mozilla Firefox 4 to 18 */ .remark-txt textarea::-moz-placeholder {color:#666;} /* Mozilla Firefox 19+ */ .remark-txt textarea:-ms-input-placeholder { color:#666;}/* Internet Explorer 10-11 */ .remark-txt .remark-btn {display:block;height:40px;line-height:40px;text-align:center;font-size:1rem;color:#fff;border-radius:50px;margin-top:20px; background: -webkit-linear-gradient(right, #EA3C3E , #F85047); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, #EA3C3E , #F85047); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #EA3C3E , #F85047); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #EA3C3E , #F85047); /* 标准的语法 */ box-shadow:0px 0px 12px 0px rgba(234,44,45,0.56); } .remark-list {margin-top:5px;margin-left:10px;} .remark-list ul li {border-bottom:1px solid #f8f8f8;padding:20px 0;} .remark-list ul li:last-child{border-bottom:0;} .remark-list-photo {display:flex;align-items:center; } .remark-list-photo img {display: block;width:41px;height:41px;float:left;} .remark-list-photo p{float:left;margin-left:15px;} .remark-list-photo p em{font-size:0.9375rem;color:#333;font-weight:600;} .remark-list-photo p span{ font-weight: 600;} .remark-list-cont{margin-top:17px;font-size:0.9375rem;color:#333;line-height:25px;} .Comment_time{margin-top:16px;} .Comment_time span{font-size:0.8125rem;color:#999;} .remark-reply {background:#F8F8F8;padding:10px;margin-top:10px;border-radius:5px;} .remark-reply p {font-size:0.8125rem;color:#BA7735;line-height:25px;} .remark-reply p.time {font-size:0.625rem;color:#999;margin-top:15px;} /*点评报名弹窗*/ .w_up_ap {display:none;position:fixed;top:-100%;margin-top:-200px;left:50%;margin-left:-157px;z-index:111;} .w_up_ap .w_up_info {display:inline-block;width:315px;height:215px;background:#fff;border-radius:10px;text-align:center;} .w_up_ap .w_up_info p:first-child {font-size:1.25rem;text-align:center;margin-top:20px;} .w_up_ap .w_up_info p:nth-child(2) {font-size:0.75rem;color:#424E5F;margin-top:10px;text-align: center;} .w_up_ap .w_up_info input[name="mobile"] {background:#F8F8F8;display:inline-block;width:260px;height:40px;line-height:40px;text-align:center;color:#424E5F;border:none;margin-top:20px;border-radius:25px;font-size:0.875rem;} .w_up_ap .w_up_info .w_sbtn {display:block;font-size:1.125rem;padding:12px 0;border-radius:30px;text-align:center;color:#fff;width:260px;margin:20px auto 0; background:#FE5904; background: -webkit-linear-gradient(right, #FF8D22 , #FE5603); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, #FF8D22, #FE5603); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #FF8D22 , #FE5603); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #FF8D22 ,#FE5603); /* 标准的语法 */ } .w_up_ap .ws_up_cls {display:inline-block;width:17px;height:17px;position:absolute;bottom:-50px;left:50%;margin-left:-9px;} .w_up_ap .ws_up_cls img {display:inline-block;width:100%;height:100%;} .cover {display:block;width:100%;position:fixed;top:0;bottom:0;z-index:99;background:rgba(0,0,0,0.5);display:none;} /*楼盘推荐*/ .y_lphome_h{height:23px;position:relative;border:none;} /*.y_lphome_h:after {content:"";display:inline-block;width:78%;height:1px;background:#E6E6E6;position:absolute;right:0;bottom:0;}*/ .y_lphome_h span{font-size: 1.25rem; color:#333;display: block; float: left;font-weight:600;padding-left:0;border:none;} .y_lphome_h span b{color:#333;} .y_lphome_h a{display: block; font-weight: bold; float: right;position:relative; top: 4px;color:#D50000;font-size:0.8125rem;} .y_lphome_h a img{width:9px;} .y_lphometj{ background: #fff; padding: 10px 0; margin-top: 10px;} .y_lphometj_main{ margin: 0 10px;} .y_lphometj_main .y_lphome_h {height:31px;} .m_zaigai_title{position:relative;} .m_zaigai_title a{position: absolute;right:0px;padding:0 10px;} .m_zaigai_title span{font-size:1.1875rem;color:#333;font-weight:600;} .sell_box {background:#fff;padding:0px 10px 0 10px;margin-top:30px;} .sell_conter{margin-top:10px;} .sell_box .sell_conter ul li {border-bottom:1px solid #F5F5F5; position: relative;padding:15px 0;} .sell_box .sell_conter ul li:last-child{border-bottom:0;padding-bottom:0;} .sell_box .sell_conter ul li .cal_price{ z-index: 8; position: absolute; right: 0; top:21px; height: 35px; width: 35px;} .sell_box .sell_conter ul li .cal_price img{ width: 100%; height: 100%;} .sell_box .sell_conter ul li a {display:block;} .sell_box .sell_conter ul li .sell_img{width:33%;height:92px;position:relative;border-radius:3px;overflow:hidden;float:left;} .sell_box .sell_conter ul li .sell_img i{ position:absolute; bottom:4px; left:4px; font-size:0.75rem; color:#fff; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; background: rgba(0,0,0,0.6); padding: 3px 8px; display: inline-block; border-radius: 17px; } .sell_box .sell_conter ul li .sell_img img {display:block;width:100%;height:100%;} .sell_box .sell_conter ul li .sell_conter_right {float:left;width:62%;margin-left:15px;} .sell_box .sell_conter ul li .sell_conter_right p.jg_ing{margin-top:5px;} .sell_box .sell_conter ul li .sell_conter_right p.jg_ing span{ color:#D50000; font-size:0.75rem; font-weight: bold;} .sell_box .sell_conter ul li .sell_conter_right p.jg_ing span em{color:#D50000;font-size:1.05rem;font-weight:600;display:inline-block;position:relative;top:1px;margin-right:2px;} .sell_conter_right .date{font-size:0.6875rem;color:#999;margin-top:5px;} .sell_conter_right .style{font-size:0.6875rem;color:#999; position: relative; top: 3px;} .sell_conter_right .style{} .sell_conter_right .style i{max-width: 63px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; display: inline-block; padding:3px 8px;background:#EFF2F4;border-radius:3px;} .sell_conter_right .style i:nth-child(1){background:#FFE6EC;color:#D61F2B;} .sell_box .sell_conter ul li .sell_conter_right .title {font-size:1.0625rem;color:#333;width:77%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight:600;} .m_gzlx{font-size:0.6875rem;color:#333;margin-top:10px;background:#F8F8F8;padding:4px 10px 4px 5px;border-radius:50px;float:left;} .m_gzlx_l{float:left; font-weight: bold; color: #333;} .m_gzlx_l img{width:14px;height:14px;position:relative;top:-1px;margin-right:5px;} .m_gzlx_r{float:left;margin-left:5px;padding-left:5px;position:relative; top: 1px;} .m_gzlx_r:before {content:"";position:absolute;top:0px;left:0;width:1px;height:12px;background:#999;display: block;} .m_gzlx_r span{color:#FF273B;} /*更多*/ .m_lj_ckgd{display: block;text-align: center;background:#F8F8F8;padding:15px 0;font-size:1rem;color:#395281;margin-top:30px;border-radius:5px;} /*户型更多*/ a.w-more {display:block;background:#F9F9F9;color:#395281;font-size:1rem;text-align:center;padding:14px 0;border-radius:5px;} a.w-more img {display:inline-block;width:17px;height:17px;display:none;} /*2018-10-13 报名看房 */ .w_sign {display:inline-block;position:relative;width:100%;height:55px;} .w_sign .f1 {font-size:1.125rem;color:#fff;position:absolute;top:6px;left:80px;} .w_sign .f2 {font-size:0.75rem;color:#fff;position: absolute;left:80px;bottom:7px;} .w_sign > img {display:block;width:100%;height:100%;} .w_sign a.popup {text-align: center;font-size:0.625rem;height:20px;line-height:20px;width:88px;border-radius:10px;position:absolute;top:20px;right:25px;color:#50B0FC;background:#fff;box-shadow:1px 1px 1px 1px #50B0FC;} /*帮找户型*/ .wna {display:block;position:relative;margin:22px 15px;} .wna .wna_img{width:46px;height:46px;float:left;} .wna .wna_img img{width:100%;height:100%;} .wna .wna_text{float:left;margin-left:12px;} .wna .f1 {color:#343434;font-size:1rem;font-weight:600;} .wna .f2 {font-size:0.875rem;color:#666;margin-top:9px;} .wna a.wx {width:86px;height:35px;line-height:35px;text-align:center;color:#fff;border-radius:30px;position:absolute;right:0;bottom:5px;font-size:0.875rem; background: linear-gradient(left, #FF3535, #FE6262); background: -webkit-linear-gradient(left, #FF3535, #FE6262); background: -o-linear-gradient(left, #FF3535, #FE6262); background: -moz-linear-gradient(left, #FF3535, #FE6262); } .y_lpkpsj{margin-top: 8px;} .y_lpkpsj i{ width: 18px; height: 18px; display: inline-block; margin-right: 5px; position: relative; top: -1px;} .y_lpkpsj i img{ width: 100%;height: 100%;} .y_lpkpsj span{ font-size: 0.95rem; color: #555555;} .y_lpdizhi{ margin-top: 8px;} .y_lpdizhi a{display: block;} .y_lpdizhi a span{font-size: 0.95rem; color: #555; display: block; float: left;} .y_lpdizhi a span i{display: inline-block; width: 17px; height: auto;margin-right: 5px; position: relative; top: -1px;} .y_lpdizhi a span i img{width: 100%;height: auto;} .y_lpdizhi a em{width:10px; height: auto; display: block; float: right; position: relative; top: -3px;} .y_lpdizhi a em img{width:100%; height: auto;} .y_lpwykhp{ background: url('../image/ico_33.png') no-repeat #F5F9FE 20px center; border-radius: 5px; text-align: center; height: 40px; width: 100%;line-height: 40px; background-size: 20%;} .y_lpwykhp a{ display: block; font-size: 1rem; color: #555;} .y_lpwykhp a i{display:inline-block; width:23px; height: auto; margin-left: 8px; position: relative; top: -1px;} .y_lpwykhp a i img{width: 100%; height: auto;} /*楼盘评测*/ .y_lphome_h2{ border: none; padding-bottom: 0px;} .y_lphomepc{ background: #fff; padding: 10px 0; margin-top: 10px;} .y_lphomepc_main{margin: 0 10px;} .y_lphomepc_cent{ margin-top: 20px;} .y_lphomepc_swip{overflow: hidden; width: 100%; height: auto; position: relative;} .y_longhr{ width: 65%; margin: 15px auto; position: relative; height: 40px;} .y_lphomepc_swip .swiper-pagination{bottom: 24%;width: 50%; left: 50%; margin-left: -25%; z-index: 3;} .swiper-pagination-bullet{ width: 10px; height: 10px; margin: 0 3px;} .y_lphomepc_swip .swiper-button-next, .y_lphomepc_swip .swiper-button-prev{ width: 40px; height: 40px; bottom: 0px; top: auto; position: absolute;background: none; z-index: 3;} .y_lphomepc_swip .swiper-button-next{ background: url('../image/ico_you1.png') no-repeat center; background-size:40px; } .y_lphomepc_swip .swiper-button-prev{ background: url('../image/ico_zuo1.png') no-repeat center; background-size:40px;} .y_lphomepc_swip .swiper-button-next:hover{ background: url('../image/ico_you1_1.png') no-repeat center; background-size:40px; } .y_lphomepc_swip .swiper-button-prev:hover{ background: url('../image/ico_zuo1_1.png') no-repeat center; background-size:40px;} .m_Broadcast{border:1px solid;margin-top:20px;} .m_Broadcast ul{border:1px solid;} .m_Broadcast ul li{border:1px solid;} .y_lphomepc_cent_h{background: #FDF8F7; padding: 10px 0;font-size: 1rem; color: #333;height:40px;} .y_lphomepc_cent_h i{width: 16px; height: 16px; margin:0 8px; position: relative; top: -1px;float:left;} .y_centerpc{margin-top: 20px;padding:10px;max-height:480px;overflow:auto;} .y_lphomepc_cent_h .y_lphomepc_cent_h_span{display:block;} .y_lphomepc_cent_h p span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:90%;display: block;} /*.y_lpliji{ margin: 10px;} .y_lpliji_main{ position: relative;} .y_lpliji_main p.y_bg{ width: 100%; height: auto;max-height: 61px;} .y_lpliji_main p.y_bg img{ width: 100%; height: auto;} .y_lpliji_main a{border-radius: 30px; display: block; position: absolute; right:3%; top: 28%; font-size: 0.9rem; color: #fff; padding: 5px 10px;} .y_lpliji_main a{ background: -webkit-gradient(linear, 100% 0, 0 0, from(#FF7E35), to(#FFB546)); background: -webkit-linear-gradient(right, #FF7E35, #FFB546); background: -moz-linear-gradient(right, #FF7E35, #FFB546); background: -o-linear-gradient(right, #FF7E35, #FFB546); background: linear-gradient(right, #FF7E35, #FFB546); } */ /*楼盘点评*/ .y_lphomedp{ background: #fff; padding: 10px 0; margin-top: 10px;} .y_lphomedp_main{margin: 0 10px;} .y_lphomedp_cent{ margin-top: 20px;} .y_lphomedp_cent ul li+li{margin-top: 20px;} .y_lphomedp_cent ul li .y_lphomedp_top .y_left{width: 45px; height: 45px; background: #fff; border-radius: 100%; overflow: hidden;} .y_lphomedp_cent ul li .y_lphomedp_top .y_left img{ width: 100%; height: 100%;} .y_lphomedp_cent ul li .y_lphomedp_top .y_right{ line-height: 45px; font-size: 1.1rem; color: #333; font-weight: 600; margin-left: 10px;} .y_lphomedp_cent ul li .y_lphomedp_text{ position: relative; background: #F4F7FD; padding: 12px; margin-top: 20px; border-radius: 8px; box-shadow: 0px 1px 5px 0px rgba(204,204,204,0.5);} .y_lphomedp_cent ul li .y_lphomedp_text i.y_sanjiao{width: 0; display: block;height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #F4F7FD; position: absolute; left: 10px; top: -10px;} .y_lphomedp_cent ul li .y_lphomedp_text .y_dpneirong{ font-size: 1rem; line-height: 25px; color: #333;} .y_lphomedp_cent ul li .y_bottom{ height: 25px; line-height: 25px;} .y_lphomedp_cent ul li .y_bottom em{font-size: 0.9rem; color: #999; display: inline-block; float: left;} .y_lphomedp_cent ul li .y_bottom span{font-size: 0.9rem; color: #999; display: inline-block; float: right;} .y_lphomedp_cent ul li .y_bottom span i{ display: inline-block; width: 15px; height: auto; position: relative; top: -4px; margin-right: 3px;} .y_lphomedp_cent ul li .y_bottom span i img{ width: 100%; height: auto;} .y_lpwydp{ background: #FFF1E3; padding: 10px; text-align: center; margin-top: 30px; border-radius: 3px;} .y_lpwydp a{display: block; font-size: 1.1rem; color: #FF9E2C;} .y_lpwydp a i{display: inline-block; width: 23px; height: 23px; margin-right: 5px; position: relative; top: -2px;} .y_lpwydp a i img{ width: 100%; height: 100%;} /*.看房定制*/ .y_lpkfdz{ margin-top: 20px;} .y_lpkfdz_bg{width: 100%; height: 100%;} .y_lpkfdz_bg img{ width: 100%; height: auto;} .y_lpkfdz_main{ background: #fff;margin:0 10px;border:5px solid #C5A57E;border-radius:10px;} .y_lpkfdz_cent .y_lpkfdz_h{ font-size: 1.3rem; color:#B38854; text-align: center;font-weight: 600;margin-top:30px;} .y_lpkfdz_dzrs{ text-align: center; margin-top: 10px;} .y_lpkfdz_dzrs span{ font-size: 0.9rem; color:#313B48;display: inline-block; padding: 3px 10px; border-radius: 5px;} .y_lpkfdz_dzrs span em{ color:#FF3F3F;} .adorn {margin:15px 25px;text-align:center;position:relative;} .adorn:before {content:"";display:inline-block;width:46%;height:1px;background:#C5A57E;position:absolute;left:0;top:11px;} .adorn:after {content:"";display:inline-block;width:46%;height:1px;background:#C5A57E;position:absolute;right:0;top:11px;} .adorn img {display:inline-block;width:9px;height:9px;} .y_lpkfdz_nav{margin:0 25px;} .y_lpkfdz_nav ul li{ width: 48%;display:inline-block; } .y_lpkfdz_nav ul li:nth-child(2n) {float:right;} .y_lpkfdz_nav ul li:nth-child(3) {margin-top:10px;} .y_lpkfdz_nav ul li .y_tu{ width:35px; height:35;display:inline-block;vertical-align:middle;} .y_lpkfdz_nav ul li .y_tu img {display:inline-block;width:100%;height:100%;} .y_lpkfdz_nav ul li .y_text{ font-size: 0.875rem; color: #4B3F33; margin-left: 5px;display:inline-block;vertical-align:middle;} .y_lpkfdz_inplist{ margin: 20px 25px 0;} .y_lpkfdz_inplist .y_lpkfdzinpund{/*background: #F6F2EE; */padding: 5px 0; margin-bottom: 15px; border-radius:20px;overflow:hidden;} .y_lpkfdz_inplist .y_lpkfdzinpund i{display: inline-block; width: 22px; height: auto; margin:0 10px;} .y_lpkfdz_inplist .y_lpkfdzinpund i img{width: 100%; height: auto;} .y_lpkfdz_inplist .y_lpkfdzinpund input.y_input{ width:100%; height: 40px;text-align:center;border:none;background:#F6F2EE; font-size: 1rem; color: #666;border-radius:20px;} .y_lpkfdz_inplist .y_lpkfdzsub{ margin-top: 20px;} .y_lpkfdz_inplist .y_lpkfdzsub a{display: block; font-size: 1.2rem; color: #F6DFC6; background:#4B3B30; padding: 8px 0; width:100%; text-align: center; border-radius:20px;} /*楼盘首页导航*/ .xungua{ z-index: 10;} .y_lpindexnav{ background:#FFF; width: 100%;position: fixed;left: 0px; top: 55px;z-index:10;box-shadow :0px 1px 2px 0px #f2f2f2} .m1_albumtnav_box{background:#FFF;width: 100%;} .wrapper012_box{width:100%;} .wrapper012 {position:relative;height:50px;width:95%;overflow: hidden;margin:0 auto;} .wrapper012 .scroller {position:absolute;width:100%;} .wrapper012 .scroller ul{width:100%;} .wrapper012 .scroller ul li{width:65px; text-align: center; padding:8px 0;float: left;} .wrapper012 .scroller ul li a{ font-size: 0.875rem; color: #666; display: block;} .wrapper012 .scroller ul li a i{ display:block; height: 2px; border-radius: 10px; width:42%; margin: 0 auto; position: relative; top: 8px;} .wrapper012 .scroller ul li.on a i{ background-color:#D50000;} .wrapper012 .scroller ul li.on a{color:#D50000;} /*媒体查询*/ @media (max-width: 320px){ .y_lpliji_main a{ top: 25%; right: 2%;} .y_lphomenew_cent ul li .y_newtextmain .y_title span{ width: 91%;} .y_lpkfdz_inplist .y_lpkfdzinpund input.y_input{width: 80%} } /*楼盘描述弹窗*/ .add{position:fixed;} .m_lpdescribe_box{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:none;} .m_lpdescribe_zhez{width:100%;height:100%;background:rgba(51, 51, 51, 0.4);} .m_lpdescribe{position:absolute;bottom:-80%;width:100%;height:65%;background:#FFF;border-radius:10px 10px 0 0;padding:30px 0 20px 0;} .m_lpdescribe_title{padding:0 20px;} .m_lpdescribe_title em{font-size:1.125rem;color:#333;font-weight:600;} .m_lpdescribe_gb{float:right;width:17px;position:relative;right:4px;} .m_lpdescribe_gb img{width:100%;} .m_lpdescribe_text{margin-top:10px;font-size:0.8125rem;color:#333;line-height:25px;height:88%;overflow:auto;padding:0 20px; -webkit-overflow-scrolling : touch; -moz-overflow-scrolling : touch; -o-overflow-scrolling : touch; } /*相册弹窗*/ .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;} .footer_copy{ border:none;}