pfhwyigou/frontend/web/css/housech/lp_list.css

body{background:#F5F7FA;}

.m_wy_position{width:1200px;margin:auto;margin-top:20px;}
.m_wy_position span{float:left;font-size:14px;color:#949494;}
.m_wy_position a{float:left;font-size:14px;color:#949494;margin-right:5px;}


.y_close img{margin-top:-21.5px;}


/*头部*/
.m_bottom_lc{width:1200px;overflow:hidden;margin:auto;}
.m_bottom_lc li{margin-top:20px;text-align:center;width:295px;height:73px;display:inline-block;margin-right:2px;}
.m_bottom_lc li:nth-child(1){background:url('/image/m_hz4.png') no-repeat;background-size:100% 100%;}
.m_bottom_lc li:nth-child(2){background:url('/image/m_hz5.png') no-repeat;background-size:100% 100%;}
.m_bottom_lc li:nth-child(3){background:url('/image/m_hz5.png') no-repeat;background-size:100% 100%;}
.m_bottom_lc li:nth-child(4){margin-right:-50px;background:url('/image/m_hz6.png') no-repeat;background-size:100% 100%;}
.m_bottom_lc li img{width:48px;position:relative;top:0px;right:9px;}
.m_bottom_lc li span{font-size:16px;color:#6f6d6d;line-height:73px;margin-left:5px;}


/*导航*/
#nav{background:#D0B367;color:#FFF;}

.m_nav_box{width:1200px;overflow:hidden;margin:auto;margin-top:30px;background:#FFF;padding-bottom:10px;}
.m_nav_qy{border-bottom:1px solid #EFEEEE;padding-bottom:10px;}
.m_nav_qy:last-child{border-bottom:0px;}
.m_nav_qy_l{width:145px;float:left;text-align:center;}
.m_nav_qy_l em{font-size:14px;color:#333;font-weight:600;position:relative;top:17px;}
.m_nav_qy_l a{font-size:14px;margin:10px;position:relative;top:17px;left:16px;padding:5px 6px;border-radius:3px;color:#333;}
.m_nav_qy_list{width:1040px;float:left;}
.m_nav_qy_list a{font-size:14px;color:#737373;margin:10px 24px 0 0;display:block;float:left;border-radius:3px;padding:5px 6px;}
.m_nav_qy a:hover {background:#D0B367;color:#FFF;}

.m_nav_qy_listsf{ margin-bottom: 15px;}
.m_nav_qy_listsf i{display:inline-block; width:11px; height: 5px; margin-left: 5px; background: url('/image/ico_Dn.png') no-repeat center;}
.m_nav_qy_listsf a:hover i{background: url('/image/ico_Dn_2.png') no-repeat center;}
.m_nav_qy_listsf a#nav i{background: url('/image/ico_Up.png') no-repeat center; position: relative; top: -2px;}

.m_nav_qy_listsjs{ background: #EAECF6; height: auto; width: 1015px; margin: 0 auto; position: relative; left: 50px; padding: 0px 20px 10px 20px; border-radius: 3px;}
.m_nav_qy_listsjs a{font-size:14px;color:#737373;margin:10px 24px 0 0;display:block;float:left;border-radius:3px;padding:5px 6px;}




/*排序*/
.sort{background:#FDE9E7;color:#FF594A;}
.m_sort{width:1200px;height:50px;margin:auto;margin-top:30px;background:#FFF;position:relative;}
.m_sort ul{float:left;}
.m_sort ul li{width:110px;height:50px;float:left;text-align:center;line-height:50px;font-size:16px;color:#444;cursor:pointer;}
.m_sort .m_sort_gs{font-size:14px;color:#666;float:right;display:block;line-height:50px;margin-right:20px;}
.m_sort .m_sort_gs i{color:#FF5849;font-weight:600;font-size:17px;}
.m_sort ul li:hover{background:#FDE9E7;color:#FF594A;}





.m_sort_jg{width:110px;overflow:hidden;position:absolute;top:50px;left:110px;background:#FFF;z-index:1;display:none;}
.m_sort_jg span{display:block;line-height:50px;font-size:14px;color:#666;text-align:center;cursor:pointer;}
.m_sort_jg span:hover{background:#FDE9E7;color:#FF594A;}



/*楼盘*/
.m_lp_box{width:1200px;overflow:hidden;margin:auto;margin-top:30px;}

.m_lp_list{width:880px;overflow:hidden;float:left;}
.m_lp_list li{width:880px;height:241px;background:#FFF;margin-bottom:20px;box-shadow:0px 0px 18px 0px #d4d4d4;}

.m_lp_list_img{width:267px;height:195px;float:left;margin:22px 0px 0px 26px;position:relative;}
.m_lp_list_img .m_listimg{width:100%;height:100%;}
.m_lp_list_img .text{width: 267px;position: absolute;bottom: 0;left: 0;padding: 19px 17px 8px 17px;font-size: 14px;color: #FAFAFA;text-align: right;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.65)));
    background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.65));
    background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.65));
    background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.65));
    background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.65));
}}
.m_lp_list_img .m_listimg:hover{ opacity: 0.8;}
.m_listmfzc{position:absolute;top:0;left:15px;width:76px;}
.m_tblist {position:absolute;bottom:8px;left:0;width:100%;}
.m_tblist i{display:block;width:25px;height:25px;float:left;margin-left:8px;}
.m_tblist i img{width:100%;height:100%;}




.m_lp_list_r{width:570px;float:right;margin-top:20px;position:relative;}
.m_list_title{height:40px;line-height:40px;position:relative;}
.m_list_title a{font-size:20px;color:#333;display:inline-block;font-weight:600;width:60%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.m_list_title a:hover{color: #E9333C;}
.m_list_title span{font-size:16px;color:#333;float:right;margin-right:55px}
.m_list_title span i{font-size:24px;color:#E9333C;font-weight:600;}
.m_list_title img{float:right;position: absolute;right:18px;top:12px;}

.m_list_dh{height:30px;line-height:30px;margin-top:8px;}
.m_list_dh img{width:20px;height:20px;position:relative;top:-2px;}
.m_list_dh span{font-size:18px;color:#4CB64E;font-weight:600;}

.m_list_hx{width:320px;height:30px;line-height:30px;margin-top: 8px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.m_list_hx span{font-size:14px;color:#666;}

.m_list_dz{height:30px;line-height:30px;margin-top: 8px;}
.m_list_dz span{display:block;width:220px;float:left;font-size:14px;color:#666;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.m_list_dz a{display:block;float:left;margin-left:15px;font-size:14px;color:#91AFE0;}
.m_list_dz a img{position:relative;top:0px;margin-right:5px;}
.m_list_dz a:hover{ color:#3e74cc;}
.m_list_ts{height:30px;line-height:30px;margin-top: 10px;}

.m_list_ts i{background:#EBF3FE;margin-right:10px;padding:3px 7px;font-size:13px;color:#638EC9;}
.m_list_ts i:nth-child(2){background:#F8EAE6;color:#E3957E;}
.m_list_ts i:nth-child(3){background:#E2F8E1;color:#75AB78;}
.m_list_ts i:nth-child(4){background:#FFF3E2;color:#F9A321;}

.m_list_bm{width:110px;position:absolute;bottom:-1px;right:38px;}
.m_list_bm a{height:35px;display:block;line-height:35px;border-radius:5px;margin-top:12px;overflow:hidden;}
.m_list_bm a i{width:25px;height:25px;background:#FF8437;border-radius:5px;text-align:center;line-height:25px;font-size:15px;color:#FFF;font-weight:600;float:left;position:relative;top:5px;left:8px;}
.m_list_bm a span{float:left;font-size:15px;color:#555;position:relative;left:15px;}

.m_list_bm a:hover{background:#FF8437;}
.m_list_bm a:hover i{background:#FFF;color:#FFA641;}
.m_list_bm a:hover span{color:#FFF;}
#m_list_bm_a i{background:#5293ED;}
#m_list_bm_a:hover{background:#5293ED;}
#m_list_bm_a:hover i{background:#FFF;color:#5293ED;}
#m_list_bm_a a:hover span{color:#FFF;}

/*广告图*/
.m_lp_list_gg{width:880px;height:100px;position:relative;margin-bottom:20px;}
.m_lp_list_gg img{width:100%;height:100%;}
.m_lp_list_gg .m_lp_list_gg_form{width:365px;height:47px;background:#FFF;border-radius:25px;position:absolute;top:27px;right:20px;overflow:hidden;}
.m_lp_list_gg .f_input{width:250px;height:47px;border:0;margin-left:15px;outline:none;font-size:15px;color:#72423E;float:left;}
.m_lp_list_gg .f_submit{float:right;width:99px;height:37px;background:#FF5936;border-radius:25px;border:0;outline:none;font-size:15px;color:#FFF;position:relative;top:5px;right:5px;}



/*右边*/
.m_lp_r{width:300px;overflow:hidden;float:right;}

/*帮你找房*/
.m_Find_room{background:#FFF;overflow:hidden;}
.m_Find_room_title{height:30px;line-height:30px;padding:0 25px;margin-top:10px;}

.m_Find_room_title i{width:3px;height:20px;display:block;background:#E9333C;float:left;position:relative;top:5px;}
.m_Find_room_title em{font-size:18px;color:#333;font-weight:600;margin-left:5px;}
.m_Find_room_title span{color:#E9333C;}

.m_Find_room .m_Find_room_form{padding:10px 0 15px 0;}
.m_Find_room .m_Find_input{width:249px;height:41px;border:1px solid #DFDFDF;outline:none;font-size:14px;color:#72423E;padding:0 10px;margin:auto;display:block;margin-bottom:15px;}
.m_Find_room .m_Find_submit{border:0;width:249px;height:40px;border-radius:3px;background:#FF5849;font-size:18px;color:#FFF;display:block;margin:auto;}

.m_tstj{margin-top:10px;overflow:hidden;}
.m_tstj li{width:130px;height:100px;float:left;margin-right:12px;position:relative;left:13px;margin-bottom:10px;}
.m_tstj li img{width:100%;height:100%;}
.m_tstj span{display:block;width:100%;height:30px;position:absolute;bottom:0;background:rgba(160, 125, 96, 0.7);font-size:13px;color:#FFF;text-align:center;line-height:30px;}
.m_tstj li:nth-child(2) span{background:rgba(96, 150, 114, 0.7);}
.m_tstj li:nth-child(3) span{background:rgba(150, 187, 219, 0.7);}
.m_tstj li:nth-child(4) span{background:rgba(183, 161, 124, 0.7)}
.m_tstj li:nth-child(5) span{background:rgba(78, 121, 84, 0.7);}
.m_tstj li:nth-child(6) span{background:rgba(121, 133, 195, 0.7);}
.m_tstj li img:hover{ opacity: 0.8;}




/*暂无数据*/
.y_homescreen { width: 350px; margin: 0 auto;}
.y_homescreen_top{ width: 250px; height: 250px; margin:0 auto;}
.y_homescreen_top img{ width: 100%; height: 100%;}
.y_homescreen_text p.y_xuan{ font-size: 20px; color: #6a6c77; margin-top: 20px;}
.y_homescreen_text p.y_homescreen_li{ margin-top: 10px;}
.y_homescreen_text p.y_homescreen_li a{ margin-right:10px;  font-size: 14px; color: #fff; background: #d0b367; display:inline-block; padding: 5px 10px; border-radius: 5px;}
.y_homescreen_text p.y_zanwu{ margin-top: 10px; font-size: 20px; color: #6a6c77;}
.y_homescreen_text p.y_not{font-size: 20px; color: #6a6c77; margin-top: 10px;}
.y_homescreen_text p.y_not a{ display: inline-block; margin-left: 5px; color: #ff5849;}
.y_homescreen_text p.y_not a:hover{ text-decoration: underline;}




.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
	background-color:#E03700;
	border-color:#E03700;
}
.pagination > li > a, .pagination > li > span{
	color:#333;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus{
	color: #E03700;
}