pfhwyigou/mobile/web/css/housetype.css

/*body{background:#f4f6f9;}*/

.y_header {height:50px;background:#fff;position:fixed;top:0;left:0;width:100%;z-index:9999}
.header_back {position:absolute;left:13px;top:13px;width:18px;height:15px;}
.header_menu {position:absolute;top:14px;right:16px;width:18px;height:18px;}
.y_input {margin:0px 50px 0;height:50px;line-height:50px;text-align:center;font-size:1.2rem;}
.y_input input {display:block;width:100%;height:32px;line-height:33px;background:#fff;border:none;border-radius:3px;font-size:0.8rem;color:#666;padding:0 5px 0 42px;}
.y_input input::-ms-input-placeholder{color:#ccc}
.y_input input::-webkit-input-placeholder{ color:#ccc}
.y_input input::-moz-placeholder{color:#ccc}

.y_input i{display:inline-block;position:absolute;top:12px;left:60px;}
.state_box {position:absolute;top:45%;left:10%;color:#fff;}
.state_box img {display:inline-block;width:35px;height:23px;}
.state_box p:nth-child(2){font-weight:600;font-size:1.5rem;margin:10px 0 5px;}
.state_box p:nth-child(3){font-weight:600;font-size:0.9rem;}


.find_nav {width: 100%; height:50px;background-color: #fff;border-bottom: 1px solid #ddd;display: -moz-box;display: -webkit-box;display: box;overflow:hidden;}
.find_nav_left {height: 46px;position: relative;-moz-box-flex: 1;-webkit-box-flex: 1;box-flex: 1;}
.find_nav_list {position: absolute;left: 0;top:10px;}
.find_nav_list ul {position: relative;white-space: nowrap;font-size: 0;}
.find_nav_list ul li {display: inline-block;padding: 0 10px;}
.find_nav_list ul li a { display: block;width: 100%;height: 100%;line-height: 25px;font-size: 1rem;text-align: center;color: #333;padding-bottom:12px;}
.find_nav_cur a {font-size:0.98rem;padding:1px 10px;}
.find_nav_cur a.on {color:#F3983D;border-bottom:1px solid #F3983D;}
.sideline { display: block;position: absolute;border: 0;height: 2px;background-color: #48a5f4;left: 0;top: 43px;pointer-events: none;}
.search_logo {display: block;width: 44px;height: 45px;line-height: 45px;text-align: center;font-size: 14px;color: #48a5f4;}



.y_homelist_head{ background: #fff;}
.y_homelist_bg{ position: relative;}
.y_homelist_bg .y_tu{ height:220px; 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{ font-size: 1rem; color: #999; background: url('../image/ico_14.png') #fff no-repeat 12px center; padding-left: 40px; height: 35px; width: 100%; border-radius: 30px; border:none; background-size: 22px; box-shadow: 0px 1px 6px 0px #ccc;}



.y_qylist{ position: relative;border-bottom:1px solid #e3e3e3;}
.y_qylist_hoe{ padding:15px 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;}
.y_qylist .y_qylist_con p.y_topmain span{ font-size: 0.9rem; color: #444; display: inline-block;}
.y_qylist .y_qylist_con p.y_topmain i{display: inline-block; width: 10px; height: auto; margin-left: 5px;} 
.y_qylist .y_qylist_con p.y_topmain i img{width: 100%; height: auto;} 

.y_qylist_cnet{ position: absolute; z-index: 10; left: 0px; top: 60px; 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: auto; background: #fff;}
.y_qylist_cnet .y_qylist_cnet_ind a{ display: block; font-size: 1rem; color: #666; padding: 10px; border-bottom: 1px dashed #e3e3e3;}
.pr {position:relative;}
.dcity {position:absolute;top:0;right:0;width:60%;background:#f7f7f7;}






.y_homelist_list{ margin:0 10px;}
.y_homelist_list ul li{padding:20px 8px; border-bottom: 1px solid #e3e3e3; border-radius: 5px;}
.y_homelist_list ul li .y_img{ width:42%; height:96px; position: relative; 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%;border-radius: 5px;}
.y_homelist_list ul li .y_img p.y_vid{position: absolute; left: 0px; bottom: 0px; padding:5px; padding-right: 8px;color:#fff;font-size:0.6rem;}
.y_homelist_list ul li .y_img p.y_vid img {display:inline-block;width:9px;height:12px;margin-right:8px;margin-top:-2px;}

.y_homelist_list ul li .y_text{ float: left; position: relative; left:10px; width:56%; top: 3px;}
.y_homelist_list ul li .y_text .y_text_main p.y_title span{display: inline-block; font-size: 1.1rem; color: #333;}
.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.9rem; color: #999; padding-top:5px;line-height:25px;}
.y_homelist_list ul li .y_text .y_text_main p.y_jiage{ font-size: 0.8rem; color:#F3983D;line-height:30px;margin-top:10px;}
.y_homelist_list ul li .y_text .y_text_main p.y_jiage span{ font-size: 19pt; color:#F3983D; display: inline-block;}
.y_homelist_list ul li .y_text .y_text_main p.y_jiage i.u {font-size:1rem;color:#F3983D;}
.y_homelist_list ul li .y_text .y_text_main p.y_jiage em{ font-size: 0.9rem; color:#F3983D; display: inline-block; margin-left: 3px;}
.y_homelist_list ul li .y_text .y_text_main p.y_gz{ font-size: 0.9rem; color: #999; padding-top: 3px;}
.y_homelist_list ul li .y_text .y_text_main p.y_gz span{ font-size: 1rem; color: #ee4433;}
.y_homelist_list ul li .y_text .y_text_main p.y_tese{ font-size: 0.7rem; color: #999; padding-top: 3px;}
.y_homelist_list ul li .y_text .y_text_main p.y_tese i{display: inline-block; padding: 2px 5px;}
.y_homelist_list ul li .y_text .y_text_main p.y_tese i+i{ margin-left: 3px;}

.y_homelist_list ul li .y_text .y_text_call{position: absolute; right: 5px; top: 25px; width: 35px; height: 35px;}
.y_homelist_list ul li .y_text .y_text_call img{ width: 100%; height: 100%;}





.dropload-up,.dropload-down{
    position: relative;
    height: 0;
    overflow: hidden;
    font-size: 12px;
    /* 开启硬件加速 */
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
}
.dropload-down{
    height: 50px;
}
.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);
    }
}




/*媒体查询*/
@media (max-width: 320px){
.y_homelist_bg .y_tu{ height: 110px; width: 100%;}
}