body{background:#fff;} /*2018-10-11 添加 顶部*/ .w_top {position:fixed;top:0;left:0;width:100%;z-index:10; background:#FFF;padding:10px 15px 10px 15px;} .m_logo {width:18%;float:left;position:relative;top:7px;} .m_logo img{width:100%;height:100%;} .w_top .y_city {float: right;font-size:0.8125rem;position:relative;top:12px;left:0px;color:#333;} .w_top .y_city a {color:#333;} .w_top .y_city a i img{width:6px;position:relative;top:-2px;} .w_top .w_se_box {width:62%;height:40px;float:left;border:1px solid #f8f8f8;margin-left:10px;box-shadow:0px 0px 14px 0px rgba(167,167,167,0.18);border-radius:5px; overflow:hidden;position:relative;} .w_top .y_lplist_inp1 {background:#fff;display: inline-block;height:40px; line-height:38px; width: 100%;font-size:0.8125rem;border:none;padding:0 15px;color:#999;} .w_top .y_lplist_inp1 img {display:inline-block;width:16px;margin-right:5px;position:relative;top:-1px;} .w_top .se {display: inline-block; background: #479CFD;width: 47px;height: 30px;text-align: center;line-height: 30px;position: absolute;top: 0px;right: 0px;border-bottom-right-radius: 5px;border-top-right-radius: 5px;} .w_top .se img {margin-top:-3px; width: 23px; height: auto;} /*下拉及到顶添加与删除的样式*/ .w-top-bg {box-shadow:0px 0px 7px 0px rgba(168, 163, 163, 0.23);} /*2018-10-10 添加 轮播图*/ .w_banner {height:169px;overflow:hidden;margin-top:7px;padding: 0 15px;} .swiper-container {height:100%;} .swiper-slide > i img {display:inline-block;width:100%;} #yw_swiper .swiper-slide img {display:block;width:100%;height:100%;border-radius: 10px;overflow:hidden;} .yw_swiper-pagination {position:absolute;bottom:16px;z-index:10;} .w_banner .swiper-container .yw_swiper-pagination span {margin:0 3px;width:4px;height:4px;} .w_banner .swiper-container .yw_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;} /*顶部*/ .header {height:50px;line-height: 50px; width:100%;position:fixed;top:0;z-index:30; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#0398f4), to(rgba(3, 152, 244, 0))); -moz-linear-gradient(linear, 0 0, 0 bottom, from(#0398f4), to(rgba(3, 152, 244, 0))); -o-linear-gradient(linear, 0 0, 0 bottom, from(#0398f4), to(rgba(3, 152, 244, 0))); } .header .header_area {padding:10px 5px;position: relative;left:5px;font-size:0.95rem;color:#fff;} .header .header_area i {display:inline-block;width:10px;height:12px;background:url(../image/icon_v.png) no-repeat;vertical-align:middle;position: relative;left:5px;} .header .header_seek {display:inline-block;width:70%;padding:0 10px;position:relative;top:-1px;} .header .header_seek img {position:absolute;top:18px;left:17px;height:16px;width:16px;display:block;} .header .header_seek a {display: inline-block; height:30px;line-height:30px;width:100%;border:0;border-radius:5px;outline:none;padding:0 10px 0 30px;font-size:0.9rem;background:rgba(255,255,255,0.8); box-shadow: 0px 1px 2px 0px #929292;} .header .mapSearch {display:inline-block;text-align:center;position:absolute;right:15px;top:0px; line-height: normal;} .header .mapSearch img {display:inline-block;width:18px;height:18px;line-height:0;position:relative;top:6px;} .header .mapSearch p {line-height:0;position:relative;top:17px;color:#fff;font-size:0.7rem;} /*导航*/ .main_columns {width:auto; height:auto; background:#ffffff;} .main_columns ul {display:block; width:auto; height:auto;margin-bottom: -5px; padding: 13px 0;} .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:46px; height:46px; margin:0 auto;} .main_columns ul li a span img {width:46px; height:46px;} .main_columns ul li a h1 {font-size:0.75rem; font-weight: bold; color:#333; width:auto; height:auto; padding-top:10px;} /*品房头条*/ .headle{ padding:0px 10px; margin-top:15px;} .headle_main{border-bottom: 1px solid #F8F8F8;background: #fff;height: 45px; overflow: hidden;border-top: 1px solid #F8F8F8;} .headle_title{ float: left;width:59px;position:relative;top:9px;} .headle_title img{width:100%;height:100%;} .headle_right{float: left; padding-left:20px;overflow: hidden;width:83%;margin-top: -21px; position: relative;top:17px; overflow: hidden;} .headle_right:before {content:"";position:absolute;top:18px;left:10px;width:1px;height:14px;background:#eee;} .headle_right .content { width: auto;height: 26px;overflow: hidden;margin: 10px 0; position: relative;} .headle_right .content a span {font-size: 0.812rem; text-overflow:ellipsis;white-space: nowrap; display:inline-block; width:91%;height: 30px;line-height: 30px; overflow: hidden;color:#333; font-size:0.9rem;vertical-align:middle;} .headle_right .content a img {position:absolute;right:0;top:40%;width:5px;} /*公共标题*/ .hot_title{ padding: 0px 0;} .hot_title .hot_title_font { position: relative;} .hot_title .hot_title_font span {font-size:1.2rem; display:inline-block;vertical-align:middle;position:relative;padding:5px;color:#494949;font-weight:600;} /*热门地区*/ .hot_box {overflow:hidden;padding:0 10px;background:#fff;height:auto; margin: 10px;} .hot_box .hot_title{padding:15px 0;position:relative;} .hot_box .hot_li {overflow:hidden;white-space:nowrap;height:130px;} .hot_box .hot_li ul {white-space:nowrap;height:100px;} .hot_box .hot_li ul li {width:35%;border-radius:5px;overflow:hidden;display:inline-block;height:90px;} .hot_box .hot_li ul li + li {margin-left:10px;} .hot_box .hot_li ul li a {display:block;position: relative; height: 100%; width: 100%;} .hot_box .hot_li ul li a img {width:100%;height:100%;} .hot_box .hot_li ul li a .hot_li_font {position:absolute;text-align:center;left:0;top:25%;color:#fff;width:100%;} .hot_box .hot_li ul li a .hot_li_font p:first-child {font-weight:bold;font-size:0.9rem;} .hot_box .hot_li ul li a .hot_li_font p {line-height:23px;font-size:0.7rem;} #swiper-pagination2{position: absolute;bottom:11px;} #swiper-pagination2 .swiper-pagination-bullet{background:#dedede;opacity:1;width:10px;height:10px;} #swiper-pagination2 .swiper-pagination-bullet-active{background:#0096ff} .swiper-container2{ position: relative;} /*.特色推荐*/ .y_tstj{ background: #fff; margin: 0px 10px; padding: 0 10px;} .y_tstj_top{ position: relative; height: 140px;} .y_tstj_top .y_img{ width: 100%; height: 100%;} .y_tstj_top .y_img img{ width: 100%; height: 100%;} .y_tstj_top a{ display: inline-block; width: 100%; height: 100%;} .y_tstj_top .y_text{ position: absolute; left:0px; top: 50%; margin-top: -20px; height: 45px; width: 100%; height: auto; text-align: center;} .y_tstj_top .y_text p.y_texth{ font-size: 1rem; color: #fff;} .y_tstj_top .y_text p.y_textp{ font-size: 0.9rem; color: #fff; margin-top: 5px;} .y_tstj_bottom{ margin-top: 10px;} .y_tstj_bottom_l{ width: 48.5%; float: left; position: relative; height: 105px;} .y_tstj_bottom_l a{display: inline-block; width: 100%; height: 100%;} .y_tstj_bottom_l .y_img{ height: 100%; width: 100%;} .y_tstj_bottom_l .y_img img{ width: 100%; height: 100%;} .y_tstj_bottom_l .y_text{ position: absolute; left: 0px; top: 50%; width: 100%; height: 45px; text-align: center; margin-top: -23px;} .y_tstj_bottom_l .y_text p.y_texth{ font-size: 1rem; color: #fff;} .y_tstj_bottom_l .y_text p.y_textp{ font-size: 0.9rem; color: #fff; margin-top: 5px;} .y_tstj_bottom_l2{ margin-left: 3%;} /*20180627*/ .y_houspic{ background:#fff; margin: 10px; padding: 0 10px; } .y_houspic_main{ width: 100%; position: relative; height: auto;} .y_houspic_bg{ width: 100%; height: 120px;} .y_houspic_bg img{ width: 100%; height: 100%;} .y_houspic_cen{ position: absolute; left: 0px; top: 0px; width: 100%; z-index: 5;height:100%;} .y_houspic_cen .y_quyou{ margin-top:7px; margin-left: 10px;} .y_houspic_cen .y_quyou em{ background:rgba(0,0,0,0.5); display: inline-block; padding: 5px 10px; border-radius: 30px; font-size: 0.85rem;} .y_houspic_cen .y_quyou em a{ display: inline-block; color: #fff;} .y_houspic_cen .y_quyou em i{ display: inline-block; width: 12px; height: auto; position: relative; top: -2px; margin-left: 5px;} .y_houspic_cen .y_quyou em i img{ width: 100%; height: auto;} .y_houspic_cen .y_houspic_text{ text-align: center; margin-top: 5px;} .y_houspic_cen .y_houspic_text p.y_jg{ color: #fff; text-shadow: #2d95b1 0.1em 0.1em 0.2em; font-size: 1rem;} .y_houspic_cen .y_houspic_text p.y_jg span{ font-size: 2rem; display: inline-block; margin-right: 3px; font-weight: 600;} .y_houspic_cen .y_houspic_text p.y_text{ font-size: 1rem; color: #276f80; margin-top: 5px;} /*公共标题*/ .y_quyou_list .y_titile{ width: 100%; text-align: center; height: 30px; line-height: 30px;margin-top: 10px; position: relative;} .y_quyou_list .y_titile span{display:block;font-size:1rem;color:#333;} .y_quyou_list .y_titile i.l{display:block;width:30%;height:2px;position:absolute;top:13px;left:7%; background: linear-gradient(left, #ffffff, #C1C1C1); background: -webkit-linear-gradient(left, #ffffff, #C1C1C1); background: -o-linear-gradient(left, #ffffff, #C1C1C1); background: -moz-linear-gradient(left, #ffffff, #C1C1C1); } .y_quyou_list .y_titile i.r{display:block;width:30%;height:2px;position:absolute;top:13px;right:7%; background: linear-gradient(left, #C1C1C1, #FFF); background: -webkit-linear-gradient(left, #C1C1C1, #FFF); background: -o-linear-gradient(left, #C1C1C1, #FFF); background: -moz-linear-gradient(left, #C1C1C1, #FFF); } .y_quyou_list ul.list_m{ margin-top: 10px;} .y_quyou_list ul.list_m li{ float: left; width: 25%; text-align: center; margin: 10px 0;} .y_quyou_list ul.list_m li a{font-size: 0.9rem; color: #666; display:inline-block; border-radius: 30px; padding: 5px 10px; } .y_quyou_list ul.list_m li.on a{background: #eed076; color: #a67f0c;} /*热销楼盘*/ .y_hotlp{ background: #fff;} .y_hotlpmain{ padding:0px 10px;} .y_hotlpmain2 .hot_title{ border-bottom: 1px solid #d9e0ea;} .y_hotlpmain2 .hot_title a{ font-size: 0.9rem; color: #807f7f;display: block; position: relative; top: 6px;} .y_hotlpmain2 .hot_title a i{display: inline-block; width: 20px; height: auto; margin-right: 5px; position: relative; top: -1px;} .y_hotlpmain2 .hot_title a i img{width: 20px; height: auto;} .hot_title_ul ul li{padding: 15px 0; border-bottom: 1px solid #e3e3e3;} .hot_title_ul ul li .y_img{ width: 35%; height: 108px; position: relative; float: left;} .hot_title_ul ul li .y_img p.y_tu{ width: 100%; height: 100%;} .hot_title_ul ul li .y_img p.y_tu img{ width: 100%; height: 100%;border-radius: 5px;} .hot_title_ul ul li .y_img p.y_vid{position: absolute; left: 0px; bottom: 0px; background: rgba(0,0,0,0.6); padding:5px; padding-right: 8px; border-radius: 0 20px 20px 5px} .hot_title_ul ul li .y_img p.y_vid span{display: block; float: left; width: 24px; height: auto;} .y_homelist_list ul li .y_img p.y_vid span:nth-child(1){ width: 22px; height: auto;} .y_homelist_list ul li .y_img p.y_vid span img{width: 24px; height: auto;} .y_homelist_list ul li .y_img p.y_vid span:nth-child(1) img{ width: 22px; height: auto;} .hot_title_ul ul li .y_img p.y_vid span+span{margin-left: 5px;} .hot_title_ul ul li .y_img p.y_licyit{ position: absolute; right: 5px; top: 5px; background: rgba(0,0,0,0.5); border-radius: 20px; padding:2px 10px; font-size: 0.7rem;color: #fff;} .hot_title_ul ul li .y_text{ float: left; position: relative; left:10px; width:63%; top: 3px;} .hot_title_ul ul li .y_text .y_text_main p.y_title span{display: inline-block; font-size: 0.95rem; font-weight: 600; color: #333; width: 100%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .hot_title_ul ul li .y_text .y_text_main p.y_title em{display: inline-block; margin-left: 8px; font-size: 0.8rem;color: #999;} .hot_title_ul ul li .y_text .y_text_main p.y_jiage{ font-size: 0.8rem; color: #666; padding-top: 3px;} .hot_title_ul ul li .y_text .y_text_main p.y_jiage span{ font-size: 1.1rem; color: #ff2a26; display: inline-block;} .hot_title_ul ul li .y_text .y_text_main p.y_jiage em{ font-size: 0.9rem; color: #666; display: inline-block; margin-left: 3px;} .hot_title_ul ul li .y_text .y_text_main p.y_gz{ font-size: 0.8rem; color: #999; padding-top: 3px;} .hot_title_ul ul li .y_text .y_text_main p.y_gz span{ font-size: 0.8rem; color: #ee4433;padding: 0 3px;} .hot_title_ul ul li .y_text .y_text_main p.y_tese{ font-size: 0.7rem; color: #999; padding-top: 3px;} .hot_title_ul ul li .y_text .y_text_main p.y_tese i{display: inline-block; padding: 2px 5px;} .hot_title_ul ul li .y_text .y_text_main p.y_tese i+i{ margin-left: 3px;} .hot_title_ul ul li .y_text .y_text_main p.y_tese i:nth-child(1){ background: #EBF3FE; color: #638EC9;} .hot_title_ul ul li .y_text .y_text_main p.y_tese i:nth-child(2){ background: #F8EAE6; color: #E3957E;} .hot_title_ul ul li .y_text .y_text_main p.y_tese i:nth-child(3){ background: #E2F8E1; color: #75AB78;} .hot_title_ul ul li .y_text .y_text_main p.y_tese i:nth-child(4){ background: #FFF3E2; color: #F9A321;} .hot_title_ul ul li .y_text .y_text_call{z-index: 5; position: absolute; right: 5px; top: 25px; width: 35px; height: 35px;} .hot_title_ul ul li .y_text .y_text_call img{ width: 100%; height: 100%;} .y_ckgd{ text-align: center; padding: 15px 0;} .y_ckgd a{display: inline-block; border-radius: 30px; padding: 7px 25px; font-size: 0.9rem; color: #888; background: #fff; border:1px solid #e3e3e3;} /*报名*/ .m_bm_box{margin-top:30px;width:100%;height:65px;} .m_bm_box img{width:100%;height:100%;} /*房产资讯*/ /*.y_hotnews_list{ margin: 10px 0;}*/ /*.y_hotnews_list ul li+li{margin-top: 10px;}*/ .y_hotnews_list ul li{ background:#fff; padding:20px 0; border-bottom: 1px solid #F8F8F8;} .y_hotnews_list ul li.style1 .y_style1_tu{ width: 37%; height:95px; float: right;} .y_hotnews_list ul li.style1 .y_style1_tu img{ width: 100%; height: 100%; border-radius: 4px;} .y_hotnews_list ul li.style1 .y_style1_text{float: left; width: 60%;height:95px;position:relative;} .y_hotnews_list ul li.style1 .y_style1_text .y_title{ font-size:1rem; color: #333; line-height: 23px;font-weight:600;} .y_hotnews_list ul li.style1 .y_style1_text .y_sjll{position: absolute; bottom: 0;} .y_hotnews_list ul li.style1 .y_style1_text .y_sjll span{display: inline-block; font-size: 0.75rem; color: #999;} .y_hotnews_list ul li.style1 .y_style1_text .y_sjll span i{display: inline-block; width: 18px; height: auto; position: relative;top: -1px; margin-right: 5px;} .y_hotnews_list ul li.style1 .y_style1_text .y_sjll span i img{ width: 100%; height: auto;} .y_hotnews_list ul li.style1 .y_style1_text .y_sjll span.y_sj{ margin-left: 10px;} .y_hotnews_list ul li.style1 .y_style1_text .y_sjll span.y_sj img{width:13px;position:relative;top:-1px;margin-right:3px;} .y_hotnews_list ul li.style2 p.y_title{ font-size: 1rem; color: #333; line-height: 20px;} .y_hotnews_list ul li.style2 p.y_tulist{margin-top: 8px;} .y_hotnews_list ul li.style2 p.y_tulist i{display: block; width: 30%; height: 85px; float: left;} .y_hotnews_list ul li.style2 p.y_tulist i+i{margin-left: 10px;} .y_hotnews_list ul li.style2 p.y_tulist i img{ width: 100%; height: 100%;} .y_hotnews_list ul li.style2 p.y_sjll{ padding: 5px 0 3px;} .y_hotnews_list ul li.style2 p.y_sjll span{display: inline-block; font-size: 0.8rem; color: #999;} .y_hotnews_list ul li.style2 p.y_sjll span i{display: inline-block; width: 17px; height: auto; position: relative;top: -1px; margin-right: 5px;} /*.y_hotnews_list ul li.style2 p.y_sjll span.y_sj{ margin-left: 15px;}*/ .y_news_ckgd{ text-align: center; padding: 5px 0 15px;} .y_news_ckgd a{display: inline-block; border-radius: 30px; padding: 7px 25px; font-size: 0.9rem; color: #888; background: #fff; border:1px solid #e3e3e3;} .y_item{ background:#fff; padding: 20px 10px;} .y_item_main ul li{ width: 50%; float: left; text-align: center; margin: 10px 0;} .y_item_main ul li .y_tu{ width: 45px; height:45px; margin: 0 auto;} .y_item_main ul li .y_tu img{ width: 45px; height:45px;} .y_item_main ul li .y_titile{font-size: 0.9rem; color: #666;margin-top: 8px;} /* 购房流程 */ .c{display:block; zoom:1;} .c:after{content:"."; display:block; visibility:hidden; height:0; clear:both;} .process{ width: 100%;background: #fff;border-bottom: 1px solid #ddd;} .process_main{ width: 95%; margin: 0 auto; padding: 15px 0;} .process_main ul li{width: 20%; float: left; text-align: center;} .process_main ul li p.img{width:40px; height: 40px; margin: 0 auto;} .process_main ul li p.img img{width: 100%; text-align: center; display: block;} .process_main ul li p.txt{margin-top: 5px;} .process_main ul li p.txt span{display: block; font-size: 0.6rem;position: relative;top: 4px;} .process_main .process_main_icon{display: block;height:18px;width: 18px; float: left;margin-top: 12px;} /*头部悬浮*/ .suspension{width:100%;height:45px;background:rgba(0,0,0,.6);z-index:30; display: none;} .suspension_left{float:left;width:115px;margin-left:20px;position:relative;top:6px;} .suspension_left img{width:100%;display:block;} .suspension span{font-size:0.95rem;color:#c4e4f3;line-height:45px;position:relative;right:65px; float: right; top: 2px; font-weight: 600;} .xungua{position:fixed;top:0;} /*20180814*/ .y_sfheader{max-width: 640px; margin: 0 auto;} .y_sfheader_main{ width: 100%; height: auto;position: relative; background:#fff; } .y_sfheader_top{ position: absolute; left: 50%; top: 30px; width: 80%; margin-left: -40%;} .y_sfheader_top .y_logo p{ text-align: center;letter-spacing: 1.5px;} .y_sfheader_top .y_logo p:nth-child(1){ font-size: 1.8rem; color:#fff;} .y_sfheader_top .y_logo p:nth-child(1) img{ width: 115px; margin-bottom: 10px;} .y_sfheader_top .y_logo p:nth-child(2){ font-size: 0.7rem; color:#fff;} .y_sfheader_top .y_logo p:nth-child(3){ font-size: 0.95rem; color:#fff;margin-top:7px;} .y_sfheader_top .y_logo img{width:165px;display:block;margin:auto;} .y_input{ background: #fff; padding:7px 8px 6px 8px; border-radius: 30px; position: relative; top: 15px;} .y_input .y_city{ float: left;padding-right:10px; border-right:1px solid #ccc; padding-left: 10px;} .y_input .y_city a{ font-size: 0.9rem; color: #666; display: inline-block;} .y_input .y_city a span{ font-size: 0.9rem; color: #50b7f1; display: inline-block;} .y_input .y_city a i{ display: inline-block; width:8px; height: auto; margin-left: 3px; position:relative;top: -2px;} .y_input .y_city a i img{ width: 100%;} .y_input .ipt_area{ float: left; width: 70%; position: relative; left: 8px;} .y_input .ipt_area .ipt_areatext{ width: 80%; display:block; font-size: 0.9rem; color: #666; background: none; border: none;} .y_input .ipt_area .ipt_areabutton{ position: absolute; right: -20px; top: -7px; width: 50px; height: 30px; background: url("../image/index/splist1_1.png") no-repeat center; z-index: 10; background-size:20px 20px;background-position:8px;} .y_sfheader_bg{ width: 100%; height: 250px;} .y_sfheader_bg p{ width: 100%; height: 100%;} .y_sfheader_bg p img{ width: 100%; height: 100%;} /*快捷找房*/ .y_hotcity{ width: 100%; height: auto; margin-top: 10px; background: #fff; padding: 10px 0;} .y_hotcitymain{ width: 95%; margin:0 auto; } .y_hotcity .hot_title_font{width: 90%;margin: 0 auto; text-align: center; border-top:1px #d6d6d6 dashed; margin-top: 22px;} .y_hotcity .hot_title_font span{ display: inline-block; font-size: 1rem; color: #333; font-weight: 600; position: relative; top: -10px; padding: 0 15px; background: #fff;} .y_hotcity_center{ margin-top: 10px; position: relative; height: 25px; overflow: hidden; } .y_hotcity_center p.y_hotcity_centerL{ float: left; font-size: 0.9rem; color: #666;} .y_hotcity_center p.y_hotcity_centerR{ float: left; width:80%; } .y_hotcity_center p.y_hotcity_centerR a{ float: left; display: block; font-size: 0.9rem; color: #333; padding: 0px 8px 8px;} .y_hotcity_center i{ border: 1px solid #e1e1e1; padding: 3px 5px; display: block; width: 21px; height: auto; position: absolute;right: 10px; top:0px;} .y_hotcity_center i img{ width: 100%; height: auto;} .y_hotcity_center i.on img{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); } .y_hotcity_center2{ margin-top: 5px;} .y_hottype a{ margin: 5px 3px; font-size:0.75rem; padding:3px 5px; border: 1px solid #666; color: #666; border-radius: 5px; display: inline-block; color: #fff;} .y_hottype a:nth-child(1){ border-color: #d0b4a9 ; background: #d0b4a9;} .y_hottype a:nth-child(2){ border-color: #c2bbb1 ; background: #c2bbb1;} .y_hottype a:nth-child(3){ border-color: #abb7b7 ; background: #abb7b7;} .y_hottype a:nth-child(4){ border-color: #9ab4e5 ; background: #9ab4e5;} .y_hottype a:nth-child(5){ border-color: #dfca9f ; background: #dfca9f;} .y_hottype a:nth-child(6){ border-color: #9ab4e5 ; background: #9ab4e5;} .y_hottype a:nth-child(7){ border-color: #dfca9f ; background: #dfca9f;} .y_hottype a:nth-child(8){ border-color: #d0b4a9 ; background: #d0b4a9;} .y_hottype a:nth-child(9){ border-color: #c1bab0 ; background: #c1bab0;} .y_hottype a:nth-child(10){ border-color: #abb7b7 ; background: #abb7b7;} .y_hottype a:nth-child(11){ border-color: #c2bbb1 ; background: #c2bbb1;} .ipt_area .a_inp{display:block; font-size: 0.9rem; color:#666; width: 100%; background: url("../image/index/splist1_1.png") no-repeat center right; background-size:20px 20px; padding:2px 0; } .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 #f8f8f8; 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:#df1818; font-size:0.75rem; font-weight:bold;} .sell_box .sell_conter ul li .sell_conter_right p.jg_ing span em{color:#df1818;font-size:1.05rem; font-weight:bold;display:inline-block;margin-right:2px;position:relative;top:1px;} .sell_conter_right .date{font-size:0.6875rem;color:#999;margin-top:5px;} .sell_conter_right .style{font-size:0.6875rem;color:#999;} .sell_conter_right .style{} .sell_conter_right .style i{max-width: 63px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; margin-top:5px;display: block;float:left;font-style: normal;background:#EFF2F4;margin-right: 6px;font-size:0.687rem;color:#475C89;padding:3px 8px;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;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;} /*2018-10-11 添加 热销楼盘 */ .sell_box .swiper-container {height:auto; position: relative;padding:20px 0;} .sell_box .swiper-container .swiper-slide {display:inline-block;width:145px;margin-right:11px;box-shadow:0px 0px 7px 0px rgba(215, 215, 215, 0.54);} .sell_box .w_img {width:145px;height:143px;position:relative;} .sell_box .w_img img{width:100%;height:100%;} .w_img i{position:absolute;bottom:36px;left:0;font-size:0.8125rem;color:#fff;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:20px 10px 5px 10px; background:-webkit-gradient(linear, 0 0, 0 bottom, from(rgba(255, 255, 255, 0)), to(rgba(8, 8, 8, 0.6))); -moz-linear-gradient(linear, 0 0, 0 bottom, from(rgba(255, 255, 255, 0)), to(rgba(8, 8, 8, 0.6))); -o-linear-gradient(linear, 0 0, 0 bottom, from(rgba(255, 255, 255, 0)), to(rgba(8, 8, 8, 0.6))); } .w_font{padding:10px 0;} .w_font_img{height:20px;width:auto;margin:auto;display:block;} /*更多*/ .m_lj_ckgd{display: block;text-align: center;background:#F8F8F8;padding:15px 0;font-size:0.9375rem;color:#666;margin-top:20px;border-radius:5px;} .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 .m_zaigai_title{ border: none;} .sell_title {position: relative;height:35px;border-bottom:1px solid #D9D9D9;background:#FFF;} .sell_title .sell_title_left{display:inline-block;background:url(../image/icon_title.png) no-repeat center center/113px 40px;color:#fff;height:30px;font-size:1rem;padding:5px 16px 5px 6px;position:absolute;top:-6px;} .sell_title .sell_title_left img {display:inline-block;width:20px;} .sell_title .sell_title_left span {position:relative;top:2px;} .sell_title .sell_title_right {position:absolute;right:8px;top:10px;font-size:0.8rem;color:#7f7e7e;} .sell_title .sell_title_right img {display:inline-block;width:15px;position:relative;right:5px;} /*旅居城市*/ .Livinglife{ background: #fff; width: 100%; margin-top: 10px;} .Livinglife_c{ width: 95%; margin: 0 auto;padding-top:15px;} .Livinglife_bg{ margin-top: 20px;} .Livinglife_bg .left{float: left; width:44%;} .Livinglife_bg .left .left_top a{ display: block; position: relative;} .Livinglife_bg .left .left_top a .text{ position: absolute; left:10px;top:10px;border-radius: 30px;padding: 5px 0;} .Livinglife_bg .left .left_top a p.tu{ width: 100%; height: 100px;border-radius:5px;overflow:hidden;} .Livinglife_bg .left .left_top a p.tu img{ width: 100%; height: 100%;} .Livinglife_bg .left .left_top a .text p.p1{ font-size: 1rem; color: #fff; font-weight: bold; } .Livinglife_bg .left .left_top a .text p.p2{ font-size: 0.7rem; color: #fff; margin-top: 3px;} .Livinglife_bg .left .left_top2{ margin-top: 8px;} .Livinglife_bg .right{float: right; width:54%;border-radius:5px;overflow:hidden;} .Livinglife_bg .right a{display: block; position: relative;} .Livinglife_bg .right a p.tu{ width: 100%; height:208px; } .Livinglife_bg .right a p.tu img{ width: 100%; height:100%; } .Livinglife_bg .right a .text{ position: absolute; right:10px; top:10px;width: 66%;border-radius: 30px;padding: 5px 0;} .Livinglife_bg .right a .text p.p1{ font-size: 1rem; color: #fff; font-weight: bold;float:right;} .Livinglife_bg .right a .text p.p2{ font-size: 0.7rem; color: #fff; margin-top: 3px;float:right;} .y_hotnews_main{ background: #fff;padding:0 15px;margin-top:30px;} /*切换区域*/ #m_CityClick{display:block;} .m_qhcs_box{background:#F8F8F8;} .m_head_qhcs{box-shadow:0px 0px 10px 0px rgba(118,118,118,0.12); width:100%;height:55px;text-align:center;position:relative;background:#fff;} .m_region{width:56%;margin:auto;} .m_region span{display: block;width:50%;height:53px;float:left;font-size:1rem;color:#999;line-height:55px;font-weight:600;position:relative;} .m_region span:before {content:"";display:block;position:absolute;bottom:0;left:50%;width:16px;height:3px;background:#FFF;border-radius:50px;margin-left:-8px;} .m_region span.on{color:#333;} .m_region span.on:before {background:#D50000;} .m_Return{width:50px;height:55px;position:absolute;top:0;left:0;} .m_Return img{width:13px;display: block;margin:auto;margin-top:23px;} .m_City_box{display:none;} .m_City{padding:0 15px;} .m_City ul{margin-top:17px;} .m_City_title{font-size:0.9375rem;color:#666;margin-top:30px;} .m_City .m_City_list{ border-bottom: 1px solid #eee; padding-bottom: 10px;} .m_City_list li{width:23%;height:36px;float:left;text-align:center;line-height:36px;background:#FFF;border-radius:4px;margin-right:2.6%;margin-bottom:10px;} .m_City_list li:nth-child(4n){margin-right:0;} .m_City_list li a{font-size:0.8rem;color:#333; display: inline-block; width: 100%;} .m_City_list li.on{background: #D50000; color: #fff;} .m_City_list li.on a{color: #fff;} .m_City_ul{margin-top:20px;padding:0 15px;} .m_City_ul_title{height:40px;line-height:40px;text-indent:17px;font-size:0.8rem;color:#333;} .m_City_ul_li {border-bottom:1px solid #eee;padding:17px 0;} .m_City_ul_li a{display: inline-block; width:23%;height:36px;float:left;text-align:center;line-height:36px;background:#fff;border-radius:4px;margin-right:2.6%;margin-bottom:10px;font-size:0.8rem;color:#333;} .m_City_ul_li a:nth-child(4n){margin-right:0;} .m_City_province{font-size:0.9375rem;color:#666;margin-top:20px;} .m_City_ul_li a.on{background: #D50000; color: #fff;} /*媒体查询*/ @media (max-width: 320px){ .banner{height:172px;} .header .header_seek {width:63%;} .y_tstj_bottom_l{ width: 48%;} .y_input .ipt_area .ipt_areabutton{ position: absolute; right: -4px; top: -7px; width: 30px; height: 30px; background: url("../image/index/splist1_1.png") no-repeat center; z-index: 10; background-size: 20px 20px; } .y_input .ipt_area{ width: 60%;} .y_input .y_city{ padding-left: 4px;} .y_sfheader_top{ position: absolute; left: 50%; top: 15px; width: 70%; margin-left: -35%;} .y_sfheader_top .y_logo p:nth-child(1){ font-size: 1.6rem; color:#fff;} .y_sfheader_top .y_logo p:nth-child(2){ font-size: 0.7rem; color:#fff;} .y_input{ background: #fff; padding:8px 8px; border-radius: 30px; position: relative; top: 10px;} .y_sfheader_bg{ width: 100%; height:210px;} .y_sfheader_bg p{ width: 100%; height: 100%;} .y_sfheader_bg p img{ width: 100%; height: 100%;} .headle_right {width:72%;} }