pfhwyigou/wechat/web/css/index.css

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

}