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