/*-----------------------头部搜索-------------------------*/ .m_top {width:100%;background:#fff;position:fixed;top:0;padding:10px 12px;box-shadow :0px 0px 12px 0px #f2f2f2;z-index:50;} .header_menu {float: left;width:20.5%;position:relative;top:2px;} .header_menu img {display:inline-block;width:100%;height:auto;} .y_input {position: relative; width: 66%;float: left;margin-left:14px;} .y_input input {display:block;width:100%;margin: 0 auto; height:30px;line-height:33px;background:#EAEBEC;border:none;border-radius:50px;font-size:0.8rem;color:#5E6370;padding:0 5px 0 36px;} .y_input input::-ms-input-placeholder{color:#5E6370} .y_input input::-webkit-input-placeholder{ color:#5E6370} .y_input input::-moz-placeholder{color:#5E6370} .y_input i{display:inline-block;position:absolute;top:10px;left:15px; width:12px;} .y_input i img{width:100%;display:block;} .header_back {width:18px;position:relative;top:7px;float: right;} .header_back img{width:100%;display:block;} /*-----------------------头部轮播图-------------------------*/ .w_banner {margin-top:15px;height:160px;} .swiper-container {height:100%;} .yw_swiper .swiper-slide{width:88%;border-radius: 10px;overflow:hidden;height:120px;position:relative;top:22px; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; } .yw_swiper .swiper-slide img {width:100%;height:100%;} .swiper-pagination{position:absolute;bottom:16px;z-index:10;} .w_banner .swiper-container .swiper-pagination span {margin:0 3px;width:4px;height:4px;} .w_banner .swiper-container .swiper-pagination span.swiper-pagination-bullet-active {background:#FFF;width:10px;border-radius:10px;} .w_banner .swiper-container-horizontal .swiper-pagination-bullets {text-align:center;bottom:7px;} .w_banner .swiper-container-horizontal .swiper-pagination-bullet {background:#949494;opacity:1;} .w_banner .swiper-lazy-preloader{width:25px;height:25px;margin-left:-12.5px;margin-top:-12.5px;} .w_banner .swiper-slide-active{ /*选中的效果*/ position:relative;top:0; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; } .w_banner .swiper-slide-active{ /*选中的效果*/ height:160px; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; } /*-----------------------导航-------------------------*/ .main_columns {width:auto; height:auto; background:#ffffff;padding:15px 0;} .main_columns ul {display:block; width:auto; height:auto;margin-bottom: -5px;} .main_columns ul li {width:24%; height:auto; float:left; text-align:center;position: relative;left:2%} .main_columns ul li a {display:block; width:auto; height:auto; padding:10px 0;} .main_columns ul li a span {display:block; width:55px; height:55px; margin:0 auto;} .main_columns ul li a span img {width:55px; height:55px;} .main_columns ul li a h1 {font-size:0.75rem; color:#101D37; width:auto; height:auto; padding-top:10px;} /*-----------------------广告图-------------------------*/ .xm_guanggaotu{width:93%;height:60px;margin:auto;margin-top:5px;} .xm_guanggaotu ul{width:100%;height:100%;} .xm_guanggaotu ul li{width:100%;height:100%;border-radius:5px;overflow:hidden;} .xm_guanggaotu img{width:100%;height:100%;} /*-----------------------品房海外精选-------------------------*/ .xm_jingxuan{padding:0 12px;margin-top:40px;} .xm_jingxuan_title{position:relative;} .xm_jingxuan_title span{font-size:1.125rem;color:#101D37;font-weight:600;} .xm_jingxuan_title a{position:absolute;right:0px;top:6px;font-size:0.75rem;color:#B8BECC;} .m_albumtnav_box{width:100%;background:#FFF;margin-top:15px;} .wrapper02_box{width:100%;position:relative;} .wrapper02 {position:relative;height:30px;width:100%;overflow: hidden;margin:0 auto;} .wrapper02 .scroller {position:absolute} .wrapper02 .scroller ul{width:100%;} .wrapper02 .scroller li {height:28px;float:left;line-height:28px;text-align:center;} .wrapper02 .scroller li a{border:1px solid #B8BECC;font-size:0.875rem;color:#101D37;background:#FFF;display:block;margin-right:10px;border-radius:5px;padding:0 10px;font-weight:600;} .wrapper02 .scroller li.cur a{color:#22212F;border:1px solid #F3D5A5; 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)); } .xm_sellbox {background:#fff;margin-top:15px;} .xm_sell_conter{margin-top:10px;} .xm_sellbox ul li {border-bottom:1px solid #f8f8f8; position: relative;padding:15px 0;} .xm_sellbox ul li a {display:block;} .xm_sellimgbox{width:38%;height:92px;float:left;overflow:hidden;} .xm_sellimg{width:95%;height:92px;position:relative;float: right;} .xm_sellimg img {display:block;width:100%;height:100%;border-radius:5px;} .xm_sellimg p{position:absolute;bottom:23px;left:-6px;border-radius:10px 0 10px 0;width:85%;text-align:center;z-index:10; 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)); } .xm_sellimg p span{font-size:0.75rem;color:#22212F;} .xm_sellimg p span i{font-size:1rem;color:#22212F;font-weight:600;} .xm_sellimg p:before {content:""; width: 0; height: 0; border-top: 7px solid #9E722D; border-left: 7px solid transparent; position:absolute;top:20px;left:0; } .xm_sellimg .yxq{width:100%;border-radius:5px;text-align:center;position:absolute;bottom:0;left:0;font-size:0.75rem;color:#E5E2E4;padding-top:23px;padding-bottom:5px; background:-webkit-gradient(linear, 0 0, 0 bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.56))); -moz-linear-gradient(linear, 0 0, 0 bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.56))); -o-linear-gradient(linear, 0 0, 0 bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.56))); } .xm_sellconter_right {float:left;width:59%;margin-left:3%;} .xm_sellconter_right .title {font-size:1.0625rem;color:#333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight:600;} .xm_sellconter_right .style{margin-top:6px;} .xm_sellconter_right .style i{border:1px solid #5E6370;display:inline-block;font-style: normal;margin-right:2px;font-size:0.687rem;color:#5E6370;padding:2px 6px;border-radius:3px;} .xm_shuju p{float:left;width:33%;border-right:1px solid #DFE5F5;margin-top:8px;} .xm_shuju p:last-child{border-right:0;} .xm_shuju p span{display:block;font-size:0.7rem;color:#FE4E4E;text-align:center;} .xm_shuju p i{display:block;font-size:0.7rem;color:#9196A4;text-align:center;margin-top:5px;} /*-----------------------品房海外置业优势-------------------------*/ .xm_youshi_box{margin-top:40px;padding:0 12px;} .xm_youshi{margin-top:18px;} .xm_youshi a{display:block;width:25%;float: left;} .xm_youshi a img{display:block;width:48px;height:48px;margin:auto;} .xm_youshi a span{display:block;font-size:0.875rem;color:#1C222A;text-align:center;margin-top:5px;} /*-----------------------房产资讯-------------------------*/ .xm_zixunbox{margin-top:40px;padding:0 12px;} .xm_zixun{margin-top:15px;} .xm_zixundaohang span{display:block;float:left;width:30%;font-size:0.875rem;color:#22212F;font-weight:600;text-align:center;border:1px solid #B8BECC;border-radius:5px;padding:3px 0;} .xm_zixundaohang span + span{margin-left:5%;} .xm_zixundaohang span.on{border:1px solid #F3D5A5; 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)); } .xm_zixunnr{margin-top:20px;display:none;} .xm_video{width:100%;height:160px;position:relative;border-radius:5px;overflow:hidden;} .xm_video_img{width:100%;position:absolute;top:0;left:0;height:100%;} .xm_video_img .img{width:55px;display:block;position:absolute;top:50%;left:50%;margin-top:-27.5px;margin-left:-27.5px;} .xm_videobox .title{margin-top:10px;font-size:1rem;color:#101D37;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-weight:600;} .xm_videobox .details{margin-top:10px;} .details .Price{font-size:0.7rem;color:#D60B0B;display:block;float: left;} .details .Price i{font-size:1rem;font-weight:600;} .details .address{font-size:0.7rem;color:#9196A4;display:block;float: left;margin-left:25px;position:relative;top:4px;} .details .address img{margin-right:1px;width:9.5px;height:11px;} .details a{border:1px solid #E0C8A1;display:block;float: right;font-size:0.7rem;color:#E0C8A1;padding:3px 6px;border-radius:4px;} /*资讯列表*/ .xm_zixunnr ul{margin-top:15px;} .xm_zixunnr ul li{margin-top:15px;} .xm_zixun_img{width:30%;height:70px;border-radius:5px;overflow:hidden;float: left;} .xm_zixun_img img{width:100%;height:100%;} .xm_zixun_r{float: left;width:67%;margin-left:3%;position:relative;} .xm_zixun_r .text{font-size:1rem;color:#101D37;line-height:22px;font-weight:600;max-height:45px;overflow:hidden;} .xm_zixun_r .information{margin-top:7px;} .xm_zixun_r .information span{float: left;display:block;font-size:0.625rem;color:#5E6370;} .xm_zixun_r .information span img{margin-right:2px;} .xm_zixun_r .information span + span{margin-left:4%;} /*问答*/ .xm_wenda{margin-bottom:20px;} .xm_wenda:last-child{margin-bottom:0;} .xm_wenda .xm_wenda_l{float:left;width:5%;} .xm_wenda .xm_wenda_l img{width:100%;display:block;} .xm_wenda .xm_wenda_r{float:left;margin-left:3%;width:92%;} .xm_wenda .xm_wenda_r em{display:block;font-size:1rem;color:#101D37;font-weight:600;line-height:22px;max-height:45px;overflow:hidden;} .xm_wenda .xm_wenda_r span{display:block;font-size:0.75rem;color:#5E6370;line-height:19px;max-height:39px;overflow:hidden;margin-top:8px;} .xm_wenda_tcbox{position:fixed;left:0;bottom:0;width:100%;height:100%;z-index:100;display:none;} .xm_wenda_tchz{position:absolute;left:0;bottom:0;width:100%;height:390px;background:#FFF;} .xm_wenda_tcbox .title{border-bottom:1px solid #DFE5F5;height:47px;padding:0 12px;position:relative;} .xm_wenda_tcbox .title em{font-size:1.125rem;color:#101D37;font-weight:600;float: left;line-height:47px;} .xm_wenda_tcbox .title i{width:30px;height:100%;display:block;float: right;} .xm_wenda_tcbox .title i img{width:13px;height:13px;position:relative;top:11px;left:13px;} .xm_wenda_tcbox .title:before {content:"";display:block;width:2px;height:30px;position:absolute;top:8px;left:0;background:#101D37;} .xm_wenda_tc{margin-top:20px;padding:0 12px;height:320px;overflow:auto; -webkit-overflow-scrolling : touch; -moz-overflow-scrolling : touch; -o-overflow-scrolling : touch; } .xm_wenda_tc .xm_wenda_tcl{float:left;width:6%;} .xm_wenda_tc .xm_wenda_tcl img{width:100%;display:block;} .xm_wenda_tc .xm_wenda_tcr{float:left;margin-left:3%;width:91%;} .xm_wenda_tc .xm_wenda_tcr em{display:block;font-size:1rem;color:#101D37;font-weight:600;line-height:22px;} .xm_wenda_tc .xm_wenda_tcr .text{display:block;font-size:0.75rem;color:#5E6370;line-height:19px;margin-top:8px;} .xm_wenda_tcbj{width:100%;height:100%;background:rgba(0, 0, 0, 0.4);} .add{position:fixed;} /*-----------------------视频看房-------------------------*/ .xm_shipinbox{margin-top:40px;} .xm_shipintitle{padding:0 12px;} .xm_shipin {margin-top:15px;} .xm_shipin .swiper-container {height:100%;height:235px;} .xm_swiper .swiper-slide{width:88%;border-radius: 10px; position:relative;top:20px;overflow:hidden; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; } .xm_swiper .swiper-slide .xm_shipin_img{width:100%;height:120px;position:relative; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; } .xm_swiper .swiper-slide .xm_shipin_img .img {width:100%;height:100%;} .xm_swiper .swiper-slide .xm_shipin_img .tbimg {width: 62px;position:absolute;top: 50%;left: 50%;margin-top: -31px;margin-left: -31px;} .xm_shipin_text{border:1px solid #B8BECC;padding:15px 10px;border-radius: 0 0 10px 10px;border-top:0;} .xm_shipin_text .xm_text_t{} .xm_shipin_text .xm_text_t em{font-size:1rem;color:#101D37;font-weight:600;display:block;float:left;width:67%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} .xm_shipin_text .xm_text_t span{float: right;display:block;font-size:0.7rem;color:#D60B0B;} .xm_shipin_text .xm_text_t span i{font-size:1rem;font-weight:600;} .xm_shipin_text .xm_text_b{margin-top:8px;} .xm_shipin_text .xm_text_b span{font-size:0.7rem;color:#9196A4;float: left;display:block;width:60%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} .xm_shipin_text .xm_text_b i{font-size:0.7rem;color:#9196A4;float:right;display:block;} .xm_shipin .swiper-pagination{position:absolute;bottom:16px;z-index:10;} .xm_shipin .swiper-container .swiper-pagination span {margin:0 3px;width:4px;height:4px;} .xm_shipin .swiper-container .swiper-pagination span.swiper-pagination-bullet-active {background:#FFF;width:10px;border-radius:10px;} .xm_shipin .swiper-container-horizontal .swiper-pagination-bullets {text-align:center;bottom:7px;} .xm_shipin .swiper-container-horizontal .swiper-pagination-bullet {background:#949494;opacity:1;} .xm_shipin .swiper-lazy-preloader{width:25px;height:25px;margin-left:-12.5px;margin-top:-12.5px;} .xm_shipin .swiper-slide-active{ /*选中的效果*/ position:relative;top:0; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; } .xm_shipin .swiper-slide-active .xm_shipin_img { /*选中的效果*/ height:160px; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; } /* 报名 */ .liveBm{display: none; width: 86%; height: auto;position: fixed;left: 50%;top: 20%;margin-left: -43%; 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: auto;position: relative;} .liveBm_gb{position: absolute;right: 18px;top:-10px; z-index: 2;width: 27px;height: 27px;} .liveBm_gb img{width: 100%;height: 100%;} .liveBm_box{width:65%; margin: 0 auto;padding-top: 0px;position:absolute;left: 50%; margin-left: -38%; bottom: -55px;} .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: 4px;} .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: 80%; height: 30px; border:none; position: relative; top: 1px;font-size: 0.837rem; color: #666; } .liveBm_box a{display: block;height: auto;width: 80%; margin: 0 auto;margin-top: 75px;} .liveBm_box a img{width: 100%;height: auto;} .liveBm_main .bg_ico{width: 100%; height: auto;} .liveBm_main .bg_ico img{width: 100%; height: auto;}