pfhwyigou/wechat/web/css/homelist.css

body{background:#fff;}

/*2018-10-12  添加  顶部搜索*/
.w_wek_box {height:55px;line-height:55px; background: #fff;}
.w_a {margin:0 10px;position:relative;}
.w_a > a {background:#FFF;display: inline-block;width: 100%;height:40px;line-height:38px;border-radius: 5px;padding-left: 38px;color:#999;font-size:0.75rem;
border:1px solid #EEE;
box-shadow:0px 0px 14px 0px rgba(167,167,167,0.12);
}
.w_a > i {position:absolute;left:15px;top:0px;width:16px;height:16px;}
.w_a > i >img {display:inline-block;width:100%;height:100%;}

.y_homelist_head{position:fixed;top:0;left:0;width:100%;z-index:10;}
.y_homelist_bg{ position: relative;}
.y_homelist_bg .y_tu{ height: 140px; width: 100%;}
.y_homelist_bg .y_tu img{ height: 100%; width: 100%;}
.y_homelist_bg .y_input{ width: 75%; margin: 0 auto; position: absolute; z-index: 10; bottom: -15px;left: 50%; margin-left:-37%; }
.y_homelist_bg .y_input .y_lplist_inp{ display: inline-block; font-size: 1rem; color: #999; background: url('../image/ico_14.png') #fff no-repeat 12px center; padding-left: 40px; height: 35px; line-height: 35px; width: 100%; border-radius: 30px; border:none; background-size: 22px; box-shadow: 0px 1px 6px 0px #ccc;}

.footer_copy,.wh {display:none;}


.houselist-header{
    background: #fff;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  will-change: transform;
  -webkit-transition: -webkit-transform .5s;
  transition: -webkit-transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s;}
.houselist-header.is-hidden {
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
}

.y_qylist.fixed {
  position: fixed;
  top: 53px;
}
.y_qylist.slide-up {
  -webkit-transform: translateY(-55px);
      -ms-transform: translateY(-55px);
          transform: translateY(-55px);
box-shadow:0px 3px 5px 0px rgba(177,177,177,0.10);
border:none;
}

/*区域选择*/
.three_area{position: absolute;height: 100%;background: #fff;width:100%;top: 0;left: 100%;z-index: 999;overflow-y: auto;}

.wm-top .w_a {margin: 0 50px;}
.header_back a img{top:auto;}
.header_menu a{background-position: 10px;}



.y_qylist{ 
    position: relative;
    background:#FFF; 
    width: 100%;
-webkit-transform: translateZ(0);
  transform: translateZ(0);
  will-change: transform;
  -webkit-transition: -webkit-transform .5s;
  transition: -webkit-transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s;
box-shadow:0px 3px 5px 0px rgba(177,177,177,0.10);
}


.y_qylist_hoe{ padding-bottom: 10px; padding-top: 8px;}
/*.y_qylist {padding:5px 0;}*/
.y_qylist .y_qylist_con{width: 25%; text-align: center; float: left;}
.y_qylist .y_qylist_con p.y_topimg img{ width: 25px; height: 25px;}
.y_qylist .y_qylist_con p.y_topmain{ margin-top: 5px;display:flex;align-items:center;justify-content:center;}
.y_qylist .y_qylist_con p.y_topmain span{ font-size: 0.9rem; color: #444;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; max-width:80%;display:block;float:left;}
.y_qylist .y_qylist_con p.y_topmain i{width: 7px; height: auto; margin-left: 5px;display:block;float:left;} 
.y_qylist .y_qylist_con p.y_topmain i img{width: 100%; height: auto;} 

.y_qylist_cnet{ overflow: hidden; position: absolute; z-index: 10; left: 0px; top:45px; width: 100%; box-shadow: 1px 0 6px 0px rgba(204, 204, 204, 0.57);}
.y_qylist_cnet .y_qylist_cnet_ind{ display: none; width: 100%; height:240px;overflow-y:auto; background: #f3f4f9;}
.y_qylist_cnet .y_qylist_cnet_ind a{ display: block; font-size: 1rem; color: #666; padding: 10px; border-bottom: 1px dashed #e3e3e3;}

.y_qylist_cnet .y_qylist_cnet_ind a.on{ background: #fff; color:#ee4433;}


.y_homelist_list{padding:10px;background:#fff;}
.y_homelist_list ul li{padding:15px 0; background: #fff;}
.y_homelist_list ul li + li {border-top:1px solid #f8f8f8;}
.y_homelist_list ul li .y_img{width: 33%;height: 92px;position: relative;border-radius: 3px;overflow: hidden;float: left;}
.y_homelist_list ul li .y_img p.y_tu{ width: 100%; height: 100%;}
.y_homelist_list ul li .y_img p.y_tu img{ width: 100%; height: 100%;}
.y_homelist_list ul li .y_img p.y_tu 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;
}

.y_homelist_list ul li .y_img p.y_vid{position: absolute; left: 0px; bottom: 0px; background: rgba(0,0,0,0.6); padding:2px 5px; padding-right: 8px; border-radius: 0 20px 20px 5px}
.y_homelist_list 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;}
.y_homelist_list ul li .y_img p.y_vid span+span{margin-left: 5px;}
.y_homelist_list ul li .y_img p.y_licyit{ position: absolute; left:0px; top:0px; background:#FF273B; padding:2px 5px; font-size: 0.7rem;color: #fff;}
.y_homelist_list ul li .y_img>i{position:absolute;bottom:10px;left:5px;display:inline-block;width:15px;height:15px;}
.y_homelist_list ul li .y_img>i >img {display:inline-block;width:100%;height:100%;}
.y_homelist_list ul li .y_text{float:left;width:62%;margin-left:15px;height:92px;}
.y_homelist_list ul li .y_text .y_text_main p.y_title span{font-size:1.0625rem;color:#333;width:77%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight:600;display: block;}
.y_homelist_list ul li .y_text .y_text_main p.y_title em{display: inline-block; margin-left: 8px; font-size: 0.8rem;color: #999;}
.y_homelist_list ul li .y_text .y_text_main p.y_shijian{ font-size: 0.7rem; color: #999;margin-top:5px;}

.y_homelist_list ul li .y_text .y_text_main p.y_tese{ font-size:0.6875rem; color:#475C89; margin-top:5px;}
.y_homelist_list ul li .y_text .y_text_main p.y_tese i{max-width: 63px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; display: inline-block; padding:3px 8px;background:#EFF2F4;border-radius:3px;}
.y_homelist_list ul li .y_text .y_text_main p.y_tese i+i{ margin-left:5px;}
.y_homelist_list ul li .y_text .y_text_main p.y_tese i:nth-child(1){ background:#FFE6EC; color:#D61F2B;}


.y_homelist_list ul li .y_text .y_text_main p.y_jiage{margin-top:5px;}
.y_homelist_list ul li .y_text .y_text_main p.y_jiage span{ display: inline-block;font-size:1.125rem; color:#df1818;font-weight:600;}
.y_homelist_list ul li .y_text .y_text_main p.y_jiage em{ font-weight: bold; font-size:0.75rem; color:#df1818; display: inline-block; margin-left:2px;position:relative;top:-2px;}
.y_homelist_list ul li .y_text .y_text_call{z-index: 5; position: absolute; right: 5px; top:6px; width: 35px; height: 35px;}
.y_homelist_list ul li .y_text .y_text_call img{ width: 100%; height: 100%;}

.m_gzlx_box{width:100%;margin-top:10px;}
.m_gzlx{font-size:0.6875rem;color:#333;background:#F8F8F8;padding:4px 10px 4px 5px;border-radius:50px;float:left;}
.m_gzlx_l{float:left; font-weight: bold; color: #333;}
.m_gzlx_l img{width:14px;height:14px;position:relative;top:-1px;margin-right:5px;}
.m_gzlx_r{float:left;margin-left:5px;padding-left:5px;position:relative; top: 1px;}
.m_gzlx_r:before {content:"";position:absolute;top:0px;left:0;width:1px;height:12px;background:#999;display: block;}
.m_gzlx_r span{color:#FF273B;}
.m_box {position:relative;}
.m_gzlx_box span{float:right;font-size:0.75rem;color:#707070;margin-top: 5px;display:block;margin-right: 8px;}




/*2018-10-12 报名窗口*/
.w_apply {position:relative;margin:10px 0;}
.w_apply .w_fn {position:absolute;top:10px;left:11px;font-size:0.9375rem;color:#fff;}
.w_apply .w_apply_img {display:inline-block;width:100%;}
.w_apply .w_apply_img img {display:block;width:100%;height:100%;}
.w_apply .submit_area {display:inline-block;position:absolute;bottom:12px;left:50%;width:80%;margin-left:-40%;}
.w_apply .w_apply_txt {padding-left:10px;display:inline-block;width:100%;height:30px;background:#fff;border-radius:5px;border:none;font-size:0.6rem;line-height:30px;}
.w_apply .apply_submit {text-align:center;font-size:0.75rem;color:#BB470E;font-weight:bold;height:30px;border-top-right-radius:5px;border-bottom-right-radius:5px;width:70px;line-height:30px;display:inline-block;margin-left:8px;position:absolute;right:0;
  background: -webkit-linear-gradient(#FCE67C,#FAB41D); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#FCE67C,#FAB41D); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#FCE67C,#FAB41D); /* Firefox 3.6 - 15 */
  background: linear-gradient(#FCE67C,#FAB41D); /* 标准的语法 */
}




.dropload-up,.dropload-down{
    position: relative;
    height: 0;
    overflow: hidden;
    font-size: 12px;
    /* 开启硬件加速 */
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
}
.dropload-down{
    height: 75px;
}
.dropload-refresh,.dropload-update,.dropload-load,.dropload-noData{
    height: 50px;
    line-height: 50px;
    text-align: center;
}
.dropload-load .loading{
    display: inline-block;
    height: 15px;
    width: 15px;
    border-radius: 100%;
    margin: 6px;
    border: 2px solid #666;
    border-bottom-color: transparent;
    vertical-align: middle;
    -webkit-animation: rotate 0.75s linear infinite;
    animation: rotate 0.75s linear infinite;
}
@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }
}




/*热销楼盘列表样式 */
.y_title .w-abel {display: inline-block;width: 16px;height: 19px;position: relative;vertical-align: top;text-align: center;margin-right:5px;}
.y_title .w-abel > i {display: inline-block;position: absolute;width: 16px;text-align: center;font-size: 0.7rem;color: #fff;height: 19px;line-height: 19px;}
.y_title .w-abel > img {display:inline-block;width:100%;}


/*弹窗*/
.m_Popup_box{width:100%;height:100%;position:fixed;top:0;left:0;z-index:10000;display:none;}
.m_Popup_zhez{width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0, 0, 0, 0.4);}
.m_Popup_gb{position:absolute;top:50%;left:50%;width:35px;height:35px;margin-top:215px;margin-left:-17.5px;}
.m_Popup_gb img{width:100%;height:100%;}
.m_Popup{width:80%;height:450px;margin:auto;position:relative;top:50%;margin-top:-255px;background:#FFF;border-radius:7px;overflow:hidden;display:none;}
.m_Popup_title{height:50px;line-height:50px;font-size:1rem;color:#333;font-weight:600;text-align:center;background:#F8F8F8;}
.m_Popup_Unlimited{height:50px;background:#EEE;padding:5px 10px;}
.m_Popup_Unlimited a{background:#FFF;font-size:0.9375rem;color:#333;display: block;height:100%;border-radius:4px;
display: flex;
align-items: center;
justify-content: space-around;  
flex-direction: column;
}
.m_region_box{}
.m_region_l{width:45%;background:#F8F8F8;height:350px;overflow:auto;float:left;}
.m_region_l a{font-size:0.9375rem;color:#333;display:block;height:50px;text-indent:20px;line-height:50px;}

.m_region_r{width:55%;float:left;height:350px;overflow:auto;}
.m_region_r a{font-size:0.9375rem;color:#333;display:block;height:50px;text-indent:20px;line-height:50px;}



/*价格*/
.m_jg{height:400px;overflow:auto;}
.m_jg a{font-size:0.9375rem;color:#333;display:block;height:50px;line-height:50px;text-align:center;border-bottom:1px solid #F8F8F8;}
.m_jg a:last-child{border-bottom:0;}
.m_jg a.on{color:#D50000;}

/*类型*/
.m_style{height:400px;overflow:auto;padding:20px 15px 0px 15px;}
.m_style a{position:relative;border:1px solid #EEE;width:48%;height:42px;border-radius:50px;font-size:0.875rem;color:#333;display: block;text-align:center;line-height:42px;float:left;margin-right:4%;margin-bottom:12px;}
.m_style a:nth-child(2n){margin-right:0;}
.m_style a.on:before {content:"";position:absolute;top:0;right:0;background:url(/image/v2/search4.png) no-repeat 0 0/ 100% 100%;width:30px;height:18px;}

/*.m_style a img{position:absolute;top:0;right:0;width:30px;display:none;}*/
.m_style a.on{border: 1px solid #D50000;}
/*.m_style a.on img{display:block;}*/

.m_region_l a.on{background:#FFF;color:#D50000;}