body {background:#f8f8f8;} .wbg {background:#fff;} .puic_wid {width:1188px;} .conebg {background:#fff;padding:0 30px 50px;width:1128px;} .y_puicdh_c {box-shadow:1px 2px 7px 1px #f2f2f2;} .site {padding:30px 0 20px;} .lp_name {font-weight:600;font-size:26px;margin-bottom:30px; float: left;} .lp_name i {display:inline-block;font-size:12px;background:#DFA24E;color:#fff;padding:6px 12px;vertical-align:middle;margin-left:19px;position:relative;top:-1px} .yv2lp_apply{ float: right;} .yv2lp_apply a{ display: inline-block; width: 148px; height:40px; line-height:40px; border-radius: 4px; text-align: center; font-size: 16px;} .yv2lp_apply a.jjtzcolor1{ border: 1px solid #DFA24E; color:#DFA24E;} .yv2lp_apply a.jjtzcolor2{ border: 1px solid #FFF; color: #FFF;} .yv2lp_apply a.bmkft{ border: 1px solid #DFAE5E; color:#22212F;margin-left: 20px; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#F3D5A5), to(#DFAE5E)); -moz-linear-gradient(linear, 0 0, 0 bottom, from(#F3D5A5), to(#DFAE5E)); -o-linear-gradient(linear, 0 0, 0 bottom, from(#F3D5A5), to(#DFAE5E)); } .yv2lp_apply a:hover{ background-color: #CE1B1B; border-color: #CE1B1B; color: #fff;} /**/ .lp_site {font-size:15px;color:#666666;margin-top:15px;} .lp_site:before {content:"";display:inline-block;width:9px;height:12px;background:url(/image/amend/map.png) no-repeat center/9px 12px;margin-right:6px;position:relative;top:2px;} /*咨询*/ .consult {margin:0 auto;width:1188px;display: -webkit-flex;display: flex;flex-wrap: nowrap;} .consult > a {display:inline-block;width:25%;height:85px;padding-top:45px;display: -webkit-flex;display: flex;flex-wrap: nowrap;} .consult > a:hover .consult-font h2 {color:#DFA24E;} .consult .consult-img {display:inline-block;vertical-align:middle;width:40px;height:40px;margin:0 15px 0 22px;} .consult .consult-img > img {display:block;width:40px;height:40px;} .consult .consult-font {display:inline-block;vertical-align:middle;} .consult .consult-font h2 {font-weight:bold;font-size:18px;color:#333;} .consult .consult-font p {font-size:14px;color:#999;margin-top:5px;} .xgNav{background:#182D40; width: 100%; height: 50px;z-index: 20;display:none;} .xgNav_main{ width: 1200px; margin: 0 auto; height: 50px;} .xgNav_main .left_nav{ float: left;margin-left:40px;height:50px;} .xgNav_main .left_nav a{display: inline-block; font-size: 16px; color: #FFF; height: 50px; line-height: 50px;padding:0 10px;} /*.xgNav_main .left_nav a+a{ margin-left:35px;}*/ .xgNav_main .left_nav a.active{background:#2C445E;} .yv2lp_apply2{ position: relative; top: 5px;} .xgNav .yv2lp_apply a {width:100px;height:38px;line-height:38px;} .xgNav .yv2lp_apply a:hover{background:#CE1B1B;} .pin-wrapper{ float: left;z-index: 10;} /*顶部*/ .lp_top {position:relative;} .lp_top > img {display:block;height:500px;width:100%;} .m_Broadcast {width:630px;height:486px;float:left;} .m_Broadcast .bd ul li{ height: 486px; width: 100%;} .m_Broadcast .bd ul li img{ height: 100%; width: 100%;} .m_Broadcast .m_Broadcast_lu li img {display:block;width:100%;height:100%;} .m_Broadcast .prev{position:absolute;top:50%;left:20px;border-radius: 30px;margin-top:-22px;background: url(/image/prev.png) no-repeat center/44px 44px;display:block;width:44px;height:44px;} .m_Broadcast .next{position:absolute;top:50%;right:20px;border-radius: 30px;margin-top:-22px;background:url(/image/next.png) no-repeat center/44px 44px;display:block;width:44px;height:44px;} .v2header{ width: 630px; height: auto;} .v2header_top{ width: 630px; height: 420px; position: relative; border:1px solid #eee;} .v2header_top ul li{ width: 100%; height: 420px; display: none;} .v2header_top ul li:nth-child(1){display:block;} .v2header_top ul li i{ width: 630px; height: 420px;display: table-cell; vertical-align: middle; text-align: center;} /*.v2header_top ul li img{ width: 100%; height: 100%;}*/ #v2header_top ul li em{ position:relative;} #v2header_top ul li em span{ position: absolute; right: 10px; top: 10px; background: rgba(0,0,0,0.4); font-size: 13px; color: #fff; padding:2px 8px; border-radius: 20px;} #v2header_top ul li em >img{ width:100%; height: 100%;max-width: 630px;max-height: 420px; display: inline-block;} #v2header_top ul li.video_m{ width: 100%; height: 422px; position: relative;} #v2header_top ul li.video_m p{display: inline-block; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 2;} #v2header_top ul li.video_m p img{ width: 100%; height: 100%;} #v2header_top ul li.video_m i{z-index: 3; display: inline-block; width: 99px; height: 99px; position: absolute; left: 50%; top: 50%; margin-left: -49.5px; margin-top: -49.5px;} #v2header_top ul li.video_m i img{ width: 100%; height: 100%;} #v2header_top ul li.video_m video{ width: 630px; height: 422px;object-fit: fill;} #front2,#next2{ z-index: 10; width: 44px; height: 44px; position: absolute;top: 50%; border-radius: 100%; text-align: center; background: rgba(0,0,0,0.5);} #front2 a,#next2 a{ display: inline-block; height: 44px;} #front2 a img,#next2 a img{ width: 12px; height: 16px; display: inline-block; position:relative; top: 50%; margin-top: -8px;} #front2{left: 10px;} #next2{right: 10px;} .v2header_xtimg{ margin-top: 10px; width: 630px; height: 86px; position: relative; overflow: hidden;} .v2header_xtimg i{ z-index: 10; display: block; width: 26px; height: 84px; position: absolute; top: 0px; background: #A1A1A1; text-align: center;} .v2header_xtimg i:hover{background: #1A1C28;} .v2header_xtimg i img{ width: 7px; height: 13px;display: inline-block; position: relative; top: 50%; margin-top: -6.5px;} .v2header_xtimg i.picSildeLeft2{ left: 0px; } .v2header_xtimg i.picSildeRight2{ right: 0px; } .v2header_xtimgUl{ width: 565px;margin: 0 auto; overflow: hidden;} .v2header_xtimgUl ul{ position: relative; } .v2header_xtimgUl ul li{ width: 134px;margin-right: 8px; height: 84px; float: left; border: 1px solid #fff; position: relative; } .v2header_xtimgUl ul li.hov{ border-color:#E03700; } .v2header_xtimgUl ul li p:nth-child(1){ width: 100%; height: 100%;} .v2header_xtimgUl ul li p:nth-child(1) img{ width: 100%; height: 100%;} .v2header_xtimgUl ul li p:nth-child(2){position: absolute;left: 0px; width: 100%; bottom: 0px;font-size: 14px;color: #fff; text-align: center; padding: 4px 0; background: rgba(0,0,0,0.6);} .v2header_xtimgUl ul li.video_xt img{ width: 100%; height: 100%;} .lp_bg {padding:30px;background:#fff;height:505px;width:1128px;margin:0 auto;position:absolute;left:50%;margin-left:-594px;top:30px;box-shadow:1px 2px 7px 1px #f2f2f2;} .lp_r {width:437px;float:left;position:relative; height: 500px;margin-left:40px;} .counselor {position:absolute;display:inline-block;right:0;bottom:0;text-align:center;font-size:12px;} .counselor p {margin-top:5px;} .lp_r_price {padding-bottom:15px;border-bottom:1px solid #F5F6FB;} .lp_r_price span:nth-child(2) {margin-left:14px;color:#999;font-size: 16px;} .lp_r_price p {margin-top:10px;} .lp_r_price p a{display:inline-block;color:#EE5757;} .lp_r_price p a img {display:inline-block;margin-right:5px;} .lp_r_price p a + a{margin-left:10px;} .lp_r_price p a:last-child {color:#1682E1;} .lp_r_price span:first-child {font-size:16px;color:#E82200;} .lp_r_price span:first-child i{font-size:40px;color:#E82200;font-weight:600;margin-right:4px;} .lp_r_price span:last-child {color:#999;font-size:16px;margin-left:30px;} .yv2style{ margin-top: 25px;} .yv2style i{ display: inline-block; font-size: 12px; padding: 5px 8px; background: #F8F8F8; color: #92979C;} .yv2ifromg{ width: 100%; margin-top: 20px;} .yv2ifromg .yv2ifromg_k{ width: 143px; float: left; text-align: center;} .yv2ifromg .yv2ifromg_k p:nth-child(1){ font-size: 20px; color: #333;} .yv2ifromg .yv2ifromg_k p:nth-child(2){ font-size: 13px; color: #999;margin-top: 12px;} .v2inform{ margin-top: 24px; width: 100%; height: auto;border-radius: 3px; box-shadow: 0px 0px 10px 0px #D1D1D1; background: #fff; padding:11px 0; } .v2inform p.top_txt{ width: 390px; margin: 0 auto;} .v2inform p.top_txt i{width: 13px; height: 15px; display: inline-block; margin-right: 5px;} .v2inform p.top_txt i img{width: 100%; height: 100%; margin-right: 7px;} .v2inform p.top_txt span{font-size: 14px; color: #333; display: inline-block;} .v2inform_form{ width: 390px; margin: 0 auto;margin-top: 12px;} .v2inform_form .v2informinpt{ border: none; width: 292px; height: 34px; background: #F8F8F8; font-size: 14px; color: #999;padding-left: 11px; border-radius: 5px 0px 0px 5px;} .v2inform_form .applemd{ width: 80px; height: 34px;background:#FF7200; display: inline-block; text-align: center; line-height: 34px; color: #fff; font-size: 14px; position: relative; right: 3px; border-radius: 0 5px 5px 0;} .v2inform_form .applemd:hover{ background-color: #E65617;} .lp_r_message {padding:38px 0 20px 0;border-bottom:1px solid #F5F6FB;font-size:14px;} .lp_r_message p {line-height:28px;} .lp_r_message p span:last-child {float:right;} .lp_r_message span {color:#999; float: left;} .lp_r_message span i {display: inline-block; float: left;} .lp_r_message span em {color:#333;margin-left:20px;display:inline-block;width:130px;float: left;} .lp_r_message p.p_site {color:#999;} .lp_r_message p.p_site i{ display: inline-block; float: left;} .lp_r_message p.p_site span {display:inline-block;width:80%;color:#333;line-height:20px; float: left; position: relative; top: 5px; margin-left: 20px;} .lp_r_reason {font-size:14px;padding-top:10px;} .lp_r_reason p:first-child {color:#999;line-height:28px;} .lp_r_reason p:last-child {line-height:25px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;} .lp_r_btn{margin-top: 20px; position:absolute;left: 0px; bottom:-10px;width:107%;} .lp_r_btn .left_btn{ float: left;} .lp_r_btn .left_btn i{ width: 30px; height: 30px;display: inline-block; position: relative; top: -13px;} .lp_r_btn .left_btn i img{ width: 100%; height: 100%;} .lp_r_btn .left_btn span{ display:inline-block; font-size: 25px; color: #DFA24E; font-weight: bold; margin-left: 10px;} .lp_r_btn .right_btn{ float: left;} .lp_r_btn .right_btn a{ display: inline-block; font-size: 14px; border-radius: 5px; color:#22212F; width: 100px; text-align: center;height: 35px; line-height: 35px;} .lp_r_btn .right_btn a.mfth{ background: #22212F; margin-left: 10px;color:#E0C8A1;} .lp_r_btn .right_btn a.mfth:hover{ background: #060607;} .lp_r_btn .right_btn a.zxzx{margin-left: 10px;position:relative; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#F3D5A5), to(#DFAE5E)); -moz-linear-gradient(linear, 0 0, 0 bottom, from(#F3D5A5), to(#DFAE5E)); -o-linear-gradient(linear, 0 0, 0 bottom, from(#F3D5A5), to(#DFAE5E)); } .lp_r_btn .right_btn a.zxzx:hover{ background: #0E6CCD; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#f0cb90), to(#d89a35)) ; -moz-linear-gradient(linear, 0 0, 0 bottom, from(#f0cb90), to(#d89a35)); -o-linear-gradient(linear, 0 0, 0 bottom, from(#f0cb90), to(#d89a35)); } .lp_r_btn .right_btn a .img{width:14px;height:14px;margin-right:6px;margin-top:11px;} /*2微码*/ .m_lpcall_tel_img{width:150px;position:absolute;top:-180px;left:-33px;z-index:100;background:#fff;box-shadow:0px 1px 20px 0px #e2e2e2;padding:10px 10px 6px;display:none;} .m_lpcall_tel_img:after {content:"";display:inline-block;margin-left: 10px;width: 0; height: 0;border-width: 10px;border-style: solid;border-color:#fff transparent transparent transparent;position:absolute;left:50%;margin-left:-10px;bottom:-18px;} .m_lpcall_tel_img #m_qrcode {height:130px;} .m_lpcall_txt {text-align:center;font-size:14px;color:#333;height:20px;line-height:20px;margin-top:6px;} .m_lpcall_tel_img img{width:100%;height:130px;} /*楼盘信息*/ /*.lp_center {width:1188px;}*/ .v2lpdata_box{ padding-top: 50px;} .title_box{ width: 62px; height: 62px; float: left; text-align: center; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#F3D5A5), to(#DFAE5E)); -moz-linear-gradient(linear, 0 0, 0 bottom, from(#F3D5A5), to(#DFAE5E)); -o-linear-gradient(linear, 0 0, 0 bottom, from(#F3D5A5), to(#DFAE5E)); } .left_title{ padding:5px 10px;} .left_title span{font-size: 20px; color: #22212F;} .lp_cent{ float: right; width:1035px;} .w_h {height:95px;} .lp_title {font-size:24px;font-weight:600;color:#333;padding:30px 0;margin-top:30px;border-bottom:1px solid #EEE;} .lp_cent_intro,.lp_cent_basic,.lp_cent_deal {font-size:16px;} .lp_cent_intro p:first-child {display:inline-block;vertical-align:top;/*color:#999;*/padding-right:19px;} .lp_cent_intro p:last-child {display:inline-block;vertical-align:top;/* width:800px; */line-height:25px;/*border-bottom:1px solid #EEE;*/ padding-bottom: 22px; margin-bottom: 0px;} .lp_cent_basic > p {padding:27px 0;display:inline-block;vertical-align:top;color:#999;padding-right:19px;} .lp_cent_basic_r {background:#f8f8f8;padding:30px 40px;} .lp_cent_basic_r p + p {margin-top:20px;} .lp_cent_basic_r p span {display:inline-block;width:420px; float: left;} .lp_cent_basic_r p span em {margin-right:30px;color:#999; float: left;display: inline-block;min-width:64px;} .lp_cent_basic_r p span i{float: left;display: inline-block; max-width:320px;} .lp_cent_basic_r p span:nth-child(2n) {position: relative; left: 20px;} .lp_cent_basic_r .lp_cent_title {font-size:16px;color:#222;font-weight:bold;margin-bottom:27px;} .lp_cent_deal {padding:30px 40px;background:#f8f8f8;position:relative;} .lp_cent_deal:before {content:"";display:inline-block;width:956px;height:1px;background:#EEEEEE;position:absolute;top:0;left:50%;margin-left:-478px;} .lp_cent_deal > p {padding:27px 0;display:inline-block;vertical-align:top;color:#999;padding-right:19px;} .lp_cent_deal_r {} .lp_cent_deal_r p + p {margin-top:20px;} .lp_cent_deal_r p span {display:inline-block;width:420px; float: left;} .lp_cent_deal_r p span em {margin-right:30px;color:#999;} .lp_cent_deal .lp_label {color:#ccc;font-size:12px;padding:10px 0;} .lp_cent_deal_r p span:nth-child(2n) {position: relative; left: 20px;} .deploy p:last-child span {display:inline-block;} .deploy p:last-child span + span {margin-left:20px;} .deploy p:last-child img {display:inline-block;width:14px;height:14px;margin:5px 0 0 8px;} .hu_ti {margin:22px 0;} .lp_titles {display:inline-block;font-size: 24px;font-weight: 600;color: #333;} .hu_list {display:inline-block;float:right;font-size:16px;position:relative;top:15px;} .hu_list a {display:inline-block;height:30px;} .hu_list a + a{margin-left:40px;} .hu_list a.in {color:#F7BC2E;border-bottom:2px solid #F7BC2E;} .hu_list a:hover {color:#F7BC2E;border-bottom:2px solid #F7BC2E;} .hu_id {} .hu_id a {display:inline-block;font-size:18px;} .hu_id a + a{margin-left:36px;} .hu_id a.in {font-weight:bold;} .hu_li {padding:20px 0;} .hu_li li + li {margin-top:40px;} .hu_li_img {display:inline-block;vertical-align:top;width:202px;height:153px;} .hu_li_img img {display:block;width:100%;height:100%;} .hu_li_font {display:inline-block;vertical-align:top;width:555px;float:right;height:153px;position:relative;} .hu_li_font p:first-child {font-size:22px;line-height:45px;} .hu_li_font p:nth-child(2){font-size:16px;color:#999;margin-top:10px;} .price {position:absolute;right:20px;top:45px;font-size:38px;color:#E43C18;font-weight:600;} .price i {font-size:16px;} .examine {font-size:14px;text-align:center;padding:20px 0;margin-top:20px;} .examine a{ color: #333;} .v2Hometype_main{ float: right; width:1035px;} /*2019-11-11 周边配套*/ .assort {} .assort p {margin-bottom:30px;} .assort span {font-size:16px;color:#222222;display:inline-block;} .assort span + span {margin-left:60px;} .assort span:nth-child(6) {margin-left:0;} /*.assort span:nth-child(-n+5) {margin-bottom:30px;}*/ .assort span img {display:inline-block;width:22px;height:22px;margin-right:10px;} .hu_list2{top: 14px;} .v2Hometype{ margin-top:80px;} .v2Hometype_title{position: relative; margin:22px 0;} .type_right a{font-size:18px; color: #333;display: inline-block;} .type_right a+a{ margin-left:36px;} .type_right a.on{font-weight:bold;} .ser {overflow:hidden;padding:10px 0;} .ser ul li {display:inline-block;height:236px;width:310px;border:1px solid #e8e8e8; overflow: hidden; position: relative;} .ser ul li + li {margin-left:48px;} .wser ul li img {display:inline-block;width:100%;height:100%; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; } .wser ul li:hover img{ transform: scale(1.07); -webkit-transform: scale(1.07); -moz-transform: scale(1.07); -o-transform: scale(1.07); } .ser ul li p.tit_n{ position: absolute; left: 0px; bottom: 0px; height: 30px; line-height: 30px; text-align: center; width: 100%; background: rgba(0,0,0,0.5); font-size: 14px; color: #fff; } .toggle {position:relative;min-height:232px;} .wprev {display:inline-block;width:42px;height:42px;box-shadow:0px 0px 9px 0px rgba(172,172,172,0.44);border-radius:50%;background:#fff url(/image/amend/len1.png) no-repeat center/10px 18px;position:absolute;left:-21px;top:50%;margin-top:-21px;z-index:18;} .wprev:hover {background-image:url(/image/amend/len.png)} .wnext {display:inline-block;width:42px;height:42px;box-shadow:0px 0px 9px 0px rgba(172,172,172,0.44);border-radius:50%;background:#fff url(/image/amend/len1.png) no-repeat center/10px 18px;position:absolute;right:-21px;top:50%;margin-top:-21px;z-index:18; transform:rotate(180deg); -ms-transform:rotate(180deg); /* IE 9 */ -moz-transform:rotate(180deg); /* Firefox */ -webkit-transform:rotate(180deg); -o-transform:rotate(180deg); /* Opera */ } .wnext:hover {background-image:url(/image/amend/len.png)} .wprev,.wnext {display:none;} .toggle:hover .wprev,.toggle:hover .wnext {display:block;} .toggles {min-height:312px;} .wserb {padding:20px 0 10px;} .wserb ul li {padding:0;width:310px;height:300px;position:relative;top:0; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; } .wserb ul li:hover {position:relative;top:-10px; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; } .wserb ul li .ws-img {display:block;height:238px;width:310px;overflow:hidden;border-bottom:1px solid #EEE;position: relative;} .wserb ul li .ws-img img {display:block;width:100%;height:100%; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; } .wserb ul li:hover .ws-img img { transform: scale(1.07); -webkit-transform: scale(1.07); -moz-transform: scale(1.07); -o-transform: scale(1.07); } .wserb ul li .ws-font {display:block;padding:10px 15px;text-align:center;} .wserb ul li .ws-font h2 span{ display: inline-block; float: left; font-size: 16px; color: #DD2222; font-weight: bold; } .wserb ul li .ws-font h2 em{ display: inline-block; float: right; font-size: 12px; color: #666; position: relative; top: 3px; } .wserb ul li .ws-font p {margin-top:5px;font-size:12px;color:#C0C0C0; text-align: left;} .wserb ul li .ws-img p.tit_n{ position: absolute; left: 0px; bottom: 0px; height: 30px; line-height: 30px; padding: 0 10px; width: 100%; text-align: left; background: rgba(0,0,0,0.5); font-size: 16px; color: #fff; font-weight: bold; } .typetext .typetext_left{float: left;} .typetext .typetext_left p:nth-child(1){font-size: 24px; color: #333; font-weight: 600;} .typetext .typetext_left p:nth-child(2){font-size: 16px; color: #666; margin-top: 12px;} .typetext .typetext_right{ float: right; position: relative; top: 5px;} .typetext .typetext_right span{display: inline-block; font-size: 18px; color: #E82200;} .typetext .typetext_right span i{display: inline-block; font-size: 36px; font-weight: 600;} .v2Hometype_cent{ margin-top: 20px;} .v2Hometype_cent_ckg{ width: 100%; height: 400px; border: 1px solid #EEEEEE; background: #fff; position: relative; } .v2Hometype_cent_ckg ul li{ display: none; text-align: center;} .v2Hometype_cent_ckg ul li p{text-align: center;} .v2Hometype_cent_ckg ul li p >img{ } .v2Hometype_cent_ckg ul li .pic{ width: 798px; height: 400px; display: table-cell; vertical-align: middle; text-align: center; } .v2Hometype_cent_ckg ul li .pic_ymain{ position: relative; display: inline-block;} #v2Hometype_img ul li img{width: auto; max-width: 798px; height: auto;max-height: 400px; display:inline-block; vertical-align: middle;} .v2Hometype_cent_ckg ul li .magnify{ display: none; position: absolute; top: 0; left: 0; width: 200px; height: 200px; cursor: move; background-color: #000; opacity: .10; filter:alpha(opacity=10); } #front{ z-index: 10; text-align: center; position: absolute; left: 0px; top: 50%; background: #EEEEEE; height: 100px; width: 32px; margin-top: -50px;} #next{ z-index: 10; text-align: center; position: absolute; right: 0px; top: 50%; background: #EEEEEE;height: 100px; width: 32px; margin-top: -50px;} #front img ,#next img{ width:15px; height: auto; position: relative; top: 40px;} #next:hover{background-color:#848484; } #front:hover{background-color:#848484; } #next a,#front a{display: inline-block; height: 100px;} .v2Hometype_list{ position: relative;margin-top: 28px;} .bigpic{ display: none; position: absolute; top: 114px; right: -370px; width: 360px; height: 360px; z-index: 333; border: 1px solid #ddd; overflow: hidden; } .bigpic >img{ position: absolute; top: 0; left: 0; width: auto; max-width: 920px; max-height: 920px; height: auto; } .v2Homegaishu{ margin-top: 80px;} .tuamlost{ margin-top: 10px; position: relative;} .cSlideUl{ width: 700px; margin: 0 auto;} .picSildeLeft{ z-index: 10; text-align: center; position: absolute; left: 0px; top: 0px; display: inline-block; width: 40px; height:68px; background: #D4D4D5;} .picSildeRight{ z-index: 10; text-align: center; position: absolute; right: 0px; top: 0px; display: inline-block; width: 40px; height:68px; background: #D4D4D5;} .picSildeLeft:hover{background: #848484;cursor:pointer} .picSildeRight:hover{background: #848484;cursor:pointer} .picSildeRight img,.picSildeLeft img{width: 12px; height: auto; position: relative; top: 20px;} .cSlideUl ul li{ width: 96px; height: 68px; float: left; margin-right: 10px; border: 2px solid #fff;} .cSlideUl ul li img{ width: 100%; height: 100%;} .cSlideUl ul li.hov{ border-color: #E03700;} /*项目概述*/ .item {padding:30px;background:#f8f8f8;max-height:600px;} .item ul li + li {margin-top:20px;} .item ul li p:first-child {font-size:16px;color:#F7BC2E;line-height:25px;} .item ul li p:nth-child(2) {font-size:14px;color:#333;line-height:25px;margin-top:10px;} .read {font-size:14px;color:#333;border:1px solid #EEEEEE;text-align:center;margin-top:20px;} .read a{ display: block; padding:10px 0;} .details {display:none;font-size:14px;line-height:28px;color:#333;max-height:530px;overflow-y:auto;} .item .in {display:block;} .v2Homegaishu_main{ float: right; width:1035px;} .v2Homeanalyze_maion{ float: right; width:1035px;overflow:hidden;} /*.楼盘解说 */ .giref {margin-top:80px;} /*房源图片*/ .dne {padding-top:40px;} /*.br {border:none;}*/ .pr {position:relative;} .pr img {display:inline-block;width:100%;height:100%;} .resource_liest {margin-top:10px;} .resource_a1 {height:526px;} .resource_a1 span {display:inline-block;position:absolute;left:0;bottom:0;padding:13px 26px;color:#fff;font-size:14px;background:#F7BC2E;} .resource_a2 {margin-top:10px; float: left;} .resource_a2 div {display:inline-block;width:446px;vertical-align:top;height:268px;} /*.resource_a2 div:last-child {float:right;}*/ .resource_a2:nth-child(2n){margin-left: 8px;} .resource_a2 div span {display:inline-block;position:absolute;left:0;bottom:0;padding:12px 16px;color:#fff;font-size:14px;background:#F7BC2E;} .v2Homeanalyze_data{ font-size: 16px;} /*房源推荐*/ .r_ment {padding:30px 0 100px;min-height:290px; display: -webkit-flex; display: flex; flex-wrap: nowrap; } .r_ment ul li {display:inline-block;vertical-align:top; width: 286px;background:#fff;box-shadow:0px 0px 10px 0px rgba(206,206,206,0.27);padding-bottom:22px; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; position:relative;top:0; } .r_ment ul li + li {margin-left:14px;} .r_ment ul li .r_ment_img {position:relative;height:170px;width:284px;} .r_ment ul li .r_ment_img .max-img {height:170px;overflow:hidden;} .r_ment ul li .r_ment_img .max-img img { transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; } .r_ment ul li:hover .r_ment_img .max-img img { transform: scale(1.07); -webkit-transform: scale(1.07); -moz-transform: scale(1.07); -o-transform: scale(1.07); } .r_ment ul li:hover{top:-10px; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; } .r_ment ul li .r_ment_img img {display:block;width:100%;height:100%;} .r_ment ul li .r_ment_img span.prices {display:inline-block;position:absolute;left:0;top:-20px;font-size:18px;padding:10px;color:#22212F;border-radius:0 8px 8px 8px;font-weight:bold; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#F3D5A5), to(#DFAE5E)); -moz-linear-gradient(linear, 0 0, 0 bottom, from(#F3D5A5), to(#DFAE5E)); -o-linear-gradient(linear, 0 0, 0 bottom, from(#F3D5A5), to(#DFAE5E)); } .reward {position:absolute;left:0;bottom:0;width:272px;height:57px;color:#CCCCCC; background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1)); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1)); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1)); /* Firefox 3.6 - 15 */ background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1)); /* 标准的语法 */ display: -webkit-flex; display: flex; flex-wrap: nowrap; align-items:flex-end; padding:0 0 11px 12px; } .reward span {display:inline-block;} .reward span + span {margin-left:15px;} .r_ment_font {margin-top:10px;padding-left:15px;} .r_ment_font p.pricea {font-size:18px;color:#444444;width: 80%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display:block;margin-bottom:5px;} .r_ment ul li .explain {display:block;width:236px;background:#F4F3F3;height:35px;line-height:35px;font-size:12px;color:#666;border-radius:0 18px 18px 0;padding:0 29px 0 15px;margin-top:10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} /*右边*/ .lp_r_center {display:inline-block;vertical-align:top;width:280px;margin-top:60px;float:right;} .m_list_img {width:280px;height:152px;} .m_list_img img {display:block;width:100%;height:100%;} .m_lpm_r_hot{font-size:18px;color:#3A3F44;padding-top:15px;border-bottom:1px solid #EEEEEE;padding-bottom:15px;font-weight:600;} .m_lpdynamic_r_dt {border:1px solid #EEE;margin:9px 0; background: #fff;} .m_hot_t {display:inline-block;width:4px;height:13px;margin-top:2px;margin-right:8px;} .m_lpdynamic_r_dt .m_lpm_r_hot {border:none;background: #F8F8F8;} .m_lpdynamic_r_dt form {margin:0 10px} .m_lpdynamic_r_dt form input[type="text"] {border:1px solid #F5F6FB;color:#ccc;display:block;height:37px;line-height:37px;width:90%;padding-left:15px;margin-top:10px;} .m_lpdynamic_r_dt form input[type="button"] {height:37px;line-height:37px;text-align:center;display:block;width:100%;border:none;color:#fff;font-size:17px; background: #E03700; margin:20px 0 30px; } .m_lpdynamic_r_dt form input[type="button"]:hover{ background: #CE3807;} .submit_area p {font-size:14px;color:#666;line-height:25px;} /*交通配置*/ .dik {float:none;} .map {display:block;height:510px;background:#ccc;margin-top:40px;position:relative;} .y_lpmap {height:510px;} .full-btn {position:absolute;display:inline-block;width:135px;height:40px;border:1px solid #EEEEEE;text-align:center;background:#fff;color:#333333;font-size:16px;top:15px;left:10px;line-height:40px;} /*城市概况*/ .city-facts {float:right;width:1035px;} .city-facts .facts-title {font-size:18px;text-align:center;font-weight:bold;margin-bottom:30px;} .city-facts table {display:block;width:1035px;} .city-facts table tbody {display:block;width:100%;border-left:1px solid #EEEEEE;border-top:1px solid #EEEEEE;} .city-facts table tr {width:100%;display: -webkit-flex;display: flex;flex-wrap: nowrap;height:50px;line-height:50px;font-size:15px;color:#333;} .city-facts table tr th {background:#F9F9F9;display:block;width:100%;border-top: 0;border-right: 1px solid #EEEEEE;border-bottom: 1px solid #EEEEEE;border-left: 0;} .city-facts table tr td {display:block;width:100%;text-align:center;border-top: 0;border-right: 1px solid #EEEEEE;border-bottom: 1px solid #EEEEEE;border-left: 0;} .city-facts table tr td.fb {text-align:left;padding-left:40px;} .city-facts table tr td.fb b{font-weight:bold;text-align:left;} .city-facts .more {text-align:right;margin-top:20px;} .city-facts .more a {font-size:15px;color:#3D7AD3;} .city-facts .more a:hover{text-decoration:underline;} /*最新动态*/ .dynamic-list {float:right;width:1035px;} .dynamic-list ul li {padding:15px 0;border-bottom:1px solid #EEEEEE;} .dynamic-list ul li a h2{font-size:20px;color:#333;} .dynamic-list ul li a p {font-size:15px;color:#666666;line-height:24px;margin:17px 0 20px;} .dynamic-list ul li a div {font-size:13px;color:#999;} .dynamic-list ul li a div span {display:inline-block;} .dynamic-list ul li a div span + span {margin-left:30px;} .dynamic-more {height:45px;line-height:45px;margin-top:15px;} .dynamic-more a {color:#3D7AD3;font-size:15px;} .dynamic-more a:hover{text-decoration:underline;} .dynamic-more .dynamic-btn {display:inline-block;border-radius:4px;text-align:center;width:152px;height:45px;line-height:45px;color:#22212F;float:right;font-size:16px;cursor:pointer; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#F3D5A5), to(#DFAE5E)); -moz-linear-gradient(linear, 0 0, 0 bottom, from(#F3D5A5), to(#DFAE5E)); -o-linear-gradient(linear, 0 0, 0 bottom, from(#F3D5A5), to(#DFAE5E)); } /*免责声明*/ .liability {font-size:14px;color:#999;line-height:24px;margin:40px auto 30px;} /*底部横幅*/ .y_footmzsm { display: none;} .m_tc_box{width:100%;z-index:1000;height:130px; position: relative;} .m_tc_box img{width:100%;height:100%;} .m_tc_form{position:absolute;top:50%;right:50%;width:380px;height:90px;margin-right:-550px;margin-top:-45px;} .m_tc_form_input{float:left;width:250px;height:90px;} .m_tc_form_input input[type="text"]{width:91%;height:40px;padding:0 10px;border:0;margin-bottom:10px;font-size:15px;color:#666;} .m_tc_form a{width:120px;height:90px;display:block;float:right;background:#F4CD44;border:0;} .m_tc_form a i{width:36px;display:block;font-size:17px;color:#333;position:relative;left:50%;top:50%;margin-left:-18px;margin-top:-21px;} .m_tc_gb{width:30px;height:30px;position:absolute;right:25px;top:15px;cursor:pointer;} .m_tc_gb img{width:100%;height:100%;} .m_tc_box .ingex_text{position: absolute; left:30%; bottom: 10px;} .m_tc_box .ingex_text span{ display: block; font-size: 16px; color: #fff;} .m_tc_box .ingex_text span+span{ margin-top: 5px;} /*弹窗 图片放大特效*/ .weffects {position:fixed;top:0;bottom:0;left:0;width:100%;z-index:1100;background:rgba(0,0,0,0.8);display:none;} .weffects-cls {display:inline-block;width:30px;height:30px;position:absolute;top:60px;right:80px;z-index:100;} .weffects-cls img {display:inline-block;width:100%;height:100%;} .magnify-box {display:block;width:100%;height:80%; display: -webkit-flex; display: flex; flex-wrap: nowrap; align-items:center; justify-content:center; } .magnify-box img {display:inline-block;max-width:886px;max-height:638px;} .prev-btn {position:absolute;top:50%;left:116px;width:35px;height:62px;margin-top:-31px;z-index:100;} .prev-btn img {display:inline-block;width:35px;height:62px;} .next-btn {position:absolute;top:50%;right:116px;width:35px;height:62px;margin-top:-31px;z-index:100; transform:rotate(180deg); -ms-transform:rotate(180deg); /* IE 9 */ -moz-transform:rotate(180deg); /* Firefox */ -webkit-transform:rotate(180deg); -o-transform:rotate(180deg); /* Opera */ } .next-btn img {display:inline-block;width:35px;height:62px;} .weffects-box {position:absolute;left:0;bottom:0;height:125px;width:100%;background:rgba(0,0,0,0.8);} .weffects-list {width:1104px;margin:0 auto;overflow:hidden;} .weffects-list-nav {} .weffects-list-nav a {font-size:13px;color:#666666;padding:13px 0;display:inline-block;} .weffects-list-nav a + a {display:inline-block;margin-left:30px;} .weffects-list-nav a.on {color:#fff;} .weffects-list-img {} .weffects-list-img ul li {display:inline-block;width:84px;height:62px;border:2px solid #fff;} .weffects-list-img ul li.in {border-color:#DD2222} .weffects-list-img ul li:last-child {margin-left:0px;} .weffects-list-img ul li > img {display:inline-block;width:100%;height:100%;} /*拼团活动弹窗报名*/ .puleft_ico{display: none; position: fixed; left: 0px; bottom: 30%; width: 200px; height: auto; z-index: 10;} .puleft_ico img{width: 100%; height: 100%;} .pintuanBox{ display: none; width: 360px; height: 380px; background: url('/image/pcico5.png') no-repeat center; background-size:100% 100%; position: fixed; left: 50%; top: 50%; margin-left: -180px; margin-top: -190px; z-index: 50;} .pintuanBox_bg{display: none; width: 100%; height: 100%; position:fixed;left: 0px; top: 0px; z-index: 45; background: rgba(0,0,0,0.5);} .pintuanBox_main{ width: 100%; height: 100%; position: relative;} .pintuanBox_main .pintuanBox_gb{position: absolute; right: 0px; top: -40px; width: 28px; height: 28px; z-index: 2;} .pintuanBox_main .pintuanBox_gb img{width: 100%; height: 100%;} .pintuanBox_main .lptitle{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: absolute; left: 50%; top: 0px; width: 180px; margin-left: -100px; padding: 0 10px; height: 35px; line-height: 35px; font-size: 18px; color: #fff; font-weight: bold; text-align: center;} .pintuanBox_main .pintuanBox_form{position: absolute; left: 50%; bottom: 24px; width: 298px; margin-left: -149px;} .pintuanBox_main .pintuanBox_form p.intxt{margin-bottom: 10px; width: 100%; height: 36px; background: #fff; border-radius: 15px;} .pintuanBox_main .pintuanBox_form p.intxt i{display: inline-block; width: 12px; text-align: center; float: left; height: 12px; margin-left: 15px; position: relative; top: 12px;} .pintuanBox_main .pintuanBox_form p.intxt i img{width: auto; height: 12px;} .pintuanBox_main .pintuanBox_form p.intxt input{height: 34px; position: relative; top: 1px; font-size:14px; color: #666666;margin-left: 10px; display: inline-block; float: left; width:236px; border:none; background: #fff;} .pintuanBox_main .pintuanBox_form a.in_buttom_c{width: 100%; height: 36px; line-height: 36px; text-align: center; font-size: 18px; color: #FFF7E9; background: url('/image/pcico6.png') no-repeat center; background-size:100% 100%; display: inline-block; font-weight: bold;} /*2020.01.03 添加新年标签 弹窗*/ .left_xiannain{display: none; position:fixed; top: 30%; left: 0px; width: 200px; height: auto; z-index: 20;} .left_xiannain img{width: 100%; height: auto;} .xiannian_ico{display: none; position: fixed; z-index: 3005; width: 465px; height: 360px; left: 50%; top: 50%; margin-top: -180px; margin-left: -232.5px;} .xiannian_ico_main{ width: 100%; height: 100%; position: relative;} .xiannian_ico_main p.ico,.xiannian_ico_main p.ico img{width: 100%; height: 100%;} .xiannian_ico_main .xiannian_ico_gb{position: absolute; right: 60px; top: 0px; z-index: 2; width: 20px; height: 20px;} .xiannian_ico_main .xiannian_ico_gb img{ width: 100%; height: 100%;} .xiannian_ico_bg{display: none; width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; background: rgba(0,0,0,0.5); z-index: 3000;} /* 直播 报名 */ .liveBm{ display: none; width: 368px; height: 306px;position: fixed;left: 50%;top: 50%;margin-left: -183px; margin-top: -153px; background: url('/video/image/xm_tb22_1.png') no-repeat; background-size:100% 100%; z-index: 101;} .liveBm_bg{ display: none; width: 100%;height: 100%;position: fixed;left: 0; top: 0; z-index: 99; background: rgba(0,0,0,0.5);} .liveBm_main{width: 100%; height: 100%;position: relative;} .liveBm_gb{position: absolute;right: 18px;top:10px; z-index: 2;width: 23px;height: 23px;} .liveBm_gb img{width: 100%;height: 100%;} .liveBm_box{width: 236px; margin: 0 auto;padding-top: 203px;position: relative;left: -21px;} .liveBm_box p.in{width: 100%; height: 32px;background: #fff; border-radius: 4px;} .liveBm_box p.in i{float: left; display: inline-block;width: 10px; height: 15px; margin-left: 10px;position: relative;top: 9px;} .liveBm_box p.in i img{width: 100%;height: 100%;} .liveBm_box p.in em{display: inline-block;height: 15px;width: 1px; background-color:#CCCCCC;float: left;margin: 0 9px 0 7px;position: relative; top: 9px;} .liveBm_box p.in input{display: inline-block;float: left; width: 190px; height: 30px; border:none; position: relative; top: 1px;} .liveBm_box a{display: block;height: 48px;width: 213px; margin: 0 auto;margin-top: 85px;} .liveBm_box a img{width: 100%;height: 100%;}