pfhwyigou/frontend/web/css/house/search.css

body {font-family: "微软雅黑"!important;background:#f8f8f8;}
.pbg {background:#fff;}
.y_puicdhcent > ul>li a{ height: 60px;}
/*顶部图*/
.p_across {width:100%;height:218px;overflow:hidden;margin-top:0px;}
.p_across >img {display:block;height:100%;width:100%;}
.pr {position:relative;}
.p_acroos_area {position:absolute;left:0;top:40px;color:#fff;}
.p_acroos_area .fb {font-weight:600;font-size:48px;margin-top:15px; margin-bottom: 0px;}
.p_acroos_area .fa {font-size:26px;font-weight:600;}

.seek_box {position:absolute;right:0;top:122px;}
.seek_box .seek_input{width:625px;}
.seek_box .seek_input div {width:100%;height:45px;position:relative;}
.seek_box .seek_input div input[type="text"] {width:96%;height:45px;line-height:45px;font-size:14px;color:#999;border:none;padding-left:20px;}
.seek_box .seek_input div input[type="text"]::-webkit-input-placeholder {color: #ccc;}

.seek_box .seek_input div input[type="button"] {border:none;padding-left:35px;color:#22212F;width:120px;height:45px;font-size:20px;font-weight:bold;position:absolute;top:0;right:0;
    background:#DFAE5E url("/image/v2/index10.png") no-repeat 30px center/20px 20px;
}
.seek_box .seek_host {color:#fff;margin-top:8px;}
.seek_box .seek_host a {color:#fff;font-size:14px;}
.seek_box .seek_host a:hover {color:#E03700;}
.s_on {color:#22212F !important;
     background:-webkit-gradient(linear, 0 0, 0 bottom, from(#F3D5A5), to(#DFAE5E))  !important;;     
                -moz-linear-gradient(linear, 0 0, 0 bottom, from(#F3D5A5), to(#DFAE5E))  !important;;  
                -o-linear-gradient(linear, 0 0, 0 bottom, from(#F3D5A5), to(#DFAE5E))  !important;;  

}



/*当前位置图*/
.s_bg {height:40px;background:#F5F6FB;font-size:14px;color:#999;line-height:40px;}


.m_nav_box{width:1200px;overflow:hidden;margin:auto;background:#FFF;padding:15px 0 20px;}
.m_nav_qy{border-bottom:1px dashed #f8f8f8;padding:8px 0 12px 0;}
.m_nav_qy:last-child{ border-bottom: none;}
/*.m_nav_qy:nth-child(4){border-bottom:0px;}*/
.m_nav_qy_l{width:145px;float:left;text-align:center;}
.m_nav_qy_l em{font-size:13px;color:#3A3F44;position:relative;top:12px;font-weight:600;}
.m_nav_qy_l a{font-size:14px;color:#666;margin:10px;position:relative;top:12px;left:16px;padding:2px 10px;border-radius:20px;}
.m_nav_qy_list{width:1040px;float:left; margin-bottom: 0px;}
.m_nav_qy_list a{font-size:14px;color:#666;margin:10px 14px 0 0;display:block;float:left;border-radius:20px;padding:2px 10px;
background:#FFF;border-radius:100px;
}
.m_nav_qy_list a i{display: inline-block;width: 11px;height: 5px;margin-left: 5px;background: url(/image/ico_Dn.png) no-repeat center;
position:relative;top:-2px;
}
.m_nav_qy a:hover {color:#22212F !important;
     background:-webkit-gradient(linear, 0 0, 0 bottom, from(#F3D5A5), to(#DFAE5E));     
                -moz-linear-gradient(linear, 0 0, 0 bottom, from(#F3D5A5), to(#DFAE5E));  
                -o-linear-gradient(linear, 0 0, 0 bottom, from(#F3D5A5), to(#DFAE5E));  
}
.m_nav_qy_list_City{width:1040px;float:left;margin-top:10px;background:#FFF;background:#F5F6FB;margin-left:57px;}
.m_nav_qy_list_City p{width:980px;margin-left:24px;padding:10px 0; margin-bottom: 0px;}
.m_nav_qy_list_City p a{font-size:14px;color:#666;margin-right:24px;display:block;float:left;padding:2px 10px;border-radius:100px;}

.m_dqtj em{display:block;float:left;font-size:13px;color:#666;margin-left:20px;line-height:27px;}
.m_m_dqtj_list{float:left;margin-left:10px;}
.m_m_dqtj_list p{border:1px solid #E5E5E5;float:left;height:25px;line-height:25px;padding:0 15px;margin-right:20px;cursor:pointer;}
.m_m_dqtj_list p span{font-size:13px;color:#666;}
.m_m_dqtj_list p img{position:relative;top:8px;margin-left:10px;width:11px;}


/*排序*/
#sort{background:#FDE9E7;color:#FF594A;}
.m_sort{height:45px;background:#FFF;border-bottom:3px solid #E03700;margin-bottom:20px;}
.m_sort ul{float:left;}
.m_sort ul li{cursor:pointer;width:110px;height:45px;float:left;text-align:center;line-height:45px;font-size:16px;color:#444;border-left:0px;border-bottom:0px;}
.m_sort ul li:hover {color:#fff;background:#E03700;}
.m_sort ul li.m_sortspan{color:#fff;background:#E03700;}
.sum span{font-size:18px;color:#666;display:block;line-height:45px;border-bottom: 1px solid #f5f6fb; padding-top: 12px;}
.sum i{color:#DFA24E;}
.m_mlabel {font-size:14px;color:#666;width:465px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top:8px;height:18px;padding:0;}  
.m_mlabel i {display:inline-block;padding-right:8px;max-width:250px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight:500;}
.m_mlabel i + i {display:inline-block;padding-left:8px;border-left:1px solid #666;}





/*楼盘*/
.m_lp_box{width:1200px;margin:auto;}
.m_lp_l{width:1188px;float:left;}

.m_lp_list{width:auto;}
.m_lp_list li{width:auto;background:#FFF;padding:24px 45px 24px 24px;background:#FFF;position:relative;margin-bottom:24px;
display: -webkit-flex;display: flex;flex-wrap: nowrap;
transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
-o-transition: all .5s;
}
.m_lp_list li:hover{   
transform: scale(1.03);  
-webkit-transform: scale(1.03);  
-moz-transform: scale(1.03);
-o-transform: scale(1.03);  
box-shadow :0px 0px 20px 0px #e4e4e4;
}

.m_lp_list li:last-child{border-bottom:0;}
.m_lp_list_img{width:390px;height:230px;float:left;position:relative; background: #f9f9f9;}
.m_lp_list_img img{width:100%;height:100%;}
.m_lp_list_img img:hover{ opacity: 0.8;}
.m_lp_list_img .city_m{ margin: 0; position: absolute; left: 0px; bottom: 5px; background: rgba(0,0,0,0.6); padding:5px 10px;z-index: 5;}
.m_lp_list_img .city_m span{font-size: 12px; color: #fff; display: inline-block; margin-right: 5px;vertical-align:middle;}
.m_lp_list_img .city_m i{ display: inline-block; width: 15px; height: 13px; position: relative; top:2px;}
.m_lp_list_r{width:700px;float:left;position:relative;margin-left:25px;}
.m_label{font-size:14px;color:#999;margin-top:10px; width: 350px;}
.m_label i {margin-left:8px;}
.m_label i + i{display:inline-block;border-left:1px solid #666;padding-left:8px;}
.m_label img{ position: relative; top: -2px;}

.m_lp_list li p.puic_video{
    width: 50px;
    height: 50px;
    position: absolute;
    left: 50%;
    bottom: 50%;
    margin-left:-25px;
    margin-bottom: -25px; 
}
.m_lp_list li p.puic_video img{
    width: 100%;
    height: 100%;
}

/*2019-12-31添加*/
.m_lp_list_r.m_lp_list_r2 .y_listcall{margin: 10px 0;}
.m_lp_list_r.m_lp_list_r2 .m_mlabel{margin-top: 5px;}
.m_lp_list_r.m_lp_list_r2 .m-label-b{margin-top: 7px;}
.m_lp_list_r2 p.pintuan{margin-top: 10px; height: 24px; padding-right: 10px; width: 306px; text-align: center; line-height: 24px;background: #FFDEDE; border-radius: 12px; }
.m_lp_list_r2 p.pintuan img{display: inline-block; margin-left: 10px; height: 16px; position: relative; top: 4px;margin-right: 3px; width: auto;}
.m_lp_list_r2 p.pintuan span{display: inline-block; font-size: 16px; color: #DD2222;}



.y_listcall{ margin:20px 0 ; width: 350px;}
.y_listcall i{display: inline-block;  width: 22px; height: 19px; position: relative; top: -7px;}
.y_listcall i img{width: 100%; height: 100%;}
.y_listcall span{display: inline-block; margin-left: 8px; color:#DFA24E; font-size: 24px;font-weight: bold;}



.m_list_title{height:40px;line-height:40px;position:relative; width:390px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.m_list_title a{font-size:22px;color:#333;font-weight:bold;}
.m_state{font-size:12px;color:#FFF;background:#389FF3;padding:3px 7px;border-radius:5px;position:relative;top:-2px;left:10px;}
.about {position:absolute;top:0px;right:0;font-size:14px;color:#333;text-align: right;}
.about span{font-size:18px;color:#E03700;}
.about span b {font-size:24px;font-weight:normal;}
.about span i{font-size:34px;color:#DD2222;margin-right:3px;}
.about > i {color:#999;font-size:15px;margin-top:5px;display:inline-block;}
.m_list_title a:hover{ color:#DD2222;text-decoration: none;}

.m_lp_list li:hover .m_list_title a{color: #DFA24E;}

.developers {position:absolute;right:0;width:122px;height:78px;border:1px solid #ECECEC;bottom:55px;}
.developers i {display:inline-block;width:16px;height:16px;margin:-8px -8px 0 0;position:absolute;right:0;}
.developers i > img {display:inline-block;width:100%;height:100%;}
.developers > img {display:inline-block;width:100%;height:78px;}

.m_list_hx{line-height:20px;font-size:14px;height:28px;}
.m_list_hx span{ display: inline-block;width: 350px; margin-left:5px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;color:#999999;}
.m_list_hx i{width:16px;display: inline-block;height:16px;position:relative;top:-6px;}
.m_list_hx i img {display:inline-block;width:100%;}
.m_list_dz{line-height:20px;font-size:14px;height:22px;}
.m_list_dz span{  display: inline-block;font-size:14px;color:#999;}
.m_list_dz>i{ display: inline-block;width:16px;height:16px;vertical-align:top;}
.m_list_dz>i img {display:inline-block;width:100%;height:100%;}
.m_list_dz span b {display:inline-block;color:#999;position:relative;padding:0 5px;font-weight:500;}

.m_list_dz span b:before {content:"";display:inline-block;width:1px;height:15px;background:#999;position:absolute;top:4px;right:0;}
.m_list_dz span b:last-child:before {background:#fff;}
.m_list_dz span b i {display:inline-block;color:#DD2222;font-size:16px;font-weight:normal;margin-left:7px;position:relative;top:1px;}
.m-label-b {margin-top:15px;height:24px;}
.m-label-b i {display:inline-block;vertical-align:middle;height:22px;line-height:22px;border:1px solid #E5E5E5;color:#E5E5E5;font-size:12px;color:#999;padding:0 10px;}
.m-label-b i + i {margin-left:8px;}
.m_list_ts{height:25px;line-height:25px;margin-top:13px; position: relative; bottom: 0px;}
.m_list_ts i{background:#EBF3FE;margin-right:10px;padding:5px 9px;font-size:13px;color:#638EC9;}
.m_list_ts i:nth-child(2) {background:#F8EAE6;margin-right:10px;padding:5px 9px;font-size:13px;color:#E4653F;}
.m_list_ts i:nth-child(3) {background:#E2F8E1;margin-right:10px;padding:5px 9px;font-size:13px;color:#75AB78;}
/*.m_list_ts i:nth-child(4) {background:#F1F7FF;margin-right:10px;padding:5px 9px;font-size:13px;color:#5C7596;}*/


.m_list_xc{position:relative;top:14px;}
.m_list_xc a{height:25px;line-height:25px;float:left;padding:0 5px;margin-right:13px;display:block;}
.m_list_xc a img{position:relative;top:5px;}
.m_list_xc a span{font-size:14px;color:#999;margin-left:3px;}
.m_list_bm{position:absolute;bottom:-20px;right:15px;}
.m_list_bm a{display:block;border-radius:5px;padding:7px 10px;margin-bottom:5px;}
.m_list_bm a span{font-size:14px;color:#3A3F44;position:relative;top:5px;left:7px;}
.m_list_bm a:last-child span{top:2px;}
.m_list_bm img{}

/*广告图*/
.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 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:16px;color:#A9ADB4;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:230px;overflow:hidden;float:right;padding-top:45px;}
.m_list_img {width:230px;height:152px; position: relative;}
.m_list_img img {display:block;width:100%;height:100%;}
.m_list_img span.shijian_text{font-size: 14px;font-weight: bold; color: #333;display: block; position: absolute;left:45px;top: 77px;}


/*热销楼盘*/
.m_lpdynamic_r_hot{border:1px solid #E5E5E5;margin-top:0px;padding:0 10px;background:#FFF; border-top: 3px solid #E03700;}
.m_lpm_r_hot{font-size:14px;color:#3A3F44;margin-top:15px;border-bottom:1px solid #EEEEEE;padding-bottom:15px;}
.m_lpm_r_hot a {display:inline-block;float:right;color:#ccc;}
.m_lpdynamic_r_hot ul{margin-top:15px;}
.m_lpdynamic_r_hot ul li{height:70px;overflow:hidden;margin-bottom:20px;}
.m_lpdynamic_r_hot ul li a{display:block;}
.m_lpdynamic_r_hot ul li img{width:70px;height:70px;float:left;display:block;}
.m_lpm_r_text{float:left;width:125px;margin-left:10px;}
.m_lpm_r_text em{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:12px;color:#333;margin-top:4px;font-weight: 600;}
.m_lpm_r_text span{font-size:12px;color:#999;margin-top:5px;display:block; text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.m_lpm_r_text span i{display:inline-block;margin-right:5px;}
.m_lpm_r_text > p{font-size:12px;color:#E03700; margin: 0;}
.m_lpm_r_text > p i {font-size:20px;font-weight:600;margin-right:5px;}

.m_lpdynamic_r_hot ul li:hover .m_lpm_r_text em{ color: #E03700;}



.m_lpdynamic_r_dt {border:1px solid #EEE;margin:9px 0;border-top:4px solid #E03700;padding:0 10px;}
.m_hot_t {display:inline-block;width:4px;height:13px;background:#E03700;margin-top:2px;margin-right:8px;}
.m_lpdynamic_r_dt .m_lpm_r_hot {border:none;}
.m_lpdynamic_r_dt form {}
.m_lpdynamic_r_dt form input[type="text"] {border:1px solid #F5F6FB;color:#666;display:block;height:37px;line-height:37px;width:90%;padding-left:15px;margin-top:5px;}
.m_lpdynamic_r_dt form input[type="text"]::-webkit-input-placeholder {color: #ccc;}
.m_lpdynamic_r_dt form input[type="button"] {height:37px;line-height:37px;border-radius:37px;text-align:center;display:block;width:100%;border:none;color:#fff;font-size:16px;
	    background: -webkit-linear-gradient(90deg,#F7303A,#E83C04);
        background: -o-linear-gradient(90deg,#F7303A,#E83C04);
        background: -moz-linear-gradient(90deg,#F7303A,#E83C04);
        background: -mos-linear-gradient(90deg,#F7303A,#E83C04);
        background: linear-gradient(90deg,#F7303A,#E83C04);
        margin:20px 0 30px;
}


.free_box .submit_area input {width:340px !important;}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
	background-color:#DFA24E;
	border-color:#DFA24E;
    color:#FFF;
}
.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: #DFA24E;
}

/*楼盘列表-广告报名*/
.advbox{ width: 1200px; height: 140px; margin: 0 auto; position: relative; }
.advbox_img{ width: 100%; height: 140px;}
.advbox_img img{ width: 100%; height: 100%;}
.advbox_main p.text_gg{ z-index: 2; position: absolute; left: 12px; top: 12px;margin: 0; font-size: 14px;  color: #fff; width: 56px; height: 26px;text-align: center; line-height: 26px; background: rgba(0,0,0,0.6);border-radius: 2px;}
.advbox_main a.advbox_apply{ z-index: 2; display: block; position: absolute; right: 12px; top: 12px; width: 70px; height: 26px; background: #E03700; text-align: center; line-height: 26px; border-radius: 2px; font-size: 14px; color: #fff;}

.applbox{ top: -100%; border-radius: 5px; overflow: hidden; box-shadow: 0 0 15px 0 rgba(0,0,0,0.2); position: fixed; width: 360px; height: 342px; background: #fff; z-index: 7}
.applbox_bg{ display:none; width: 100%; height: 100%; background: rgba(0,0,0,0.2); position: fixed; left: 0px; top: 0px; z-index: 6;}
.applbox_main{ position: relative; width:264px; margin: 0 auto; padding:20px 0; }
.applbox_gb{ position: absolute; right: -30px; top: 10px; width: 19px; height: 19px;}
.applbox_gb a{display: block;}
.applbox_gb a img{ width: 100%; height: 100%;
	transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}
.applbox_gb:hover img{
	transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}
.applbox_cent{ margin-top: 10px;}
.applbox_cent p.title{ margin:0px; font-size: 26px; color: #333; font-weight: bold; text-align: center;}
.applbox_cent p.title em{ color: #E03700;}
.applbox_cent p.text{ margin:0px; font-size: 16px; color: #333; text-align: center; margin-top: 20px;}
.applbox_for{ margin-top: 25px;}
.applbox_for .ipnt_box{margin-bottom: 20px; display:block; height: 44px;border: 1px solid #eee; border-radius: 4px; font-size: 16px; color: #999;background: #fff; padding-left:10px; width: 100%;}
.applbox_for .butt_box{ width: 100%; height: 44px;border-radius: 4px; font-size: 16px; color: #fff; background: #FF0000; text-align: center; line-height: 44px; display: block;}

/*2020.01.03 添加新年标签 弹窗*/
.m_lp_list li p.xn_ico{position: absolute; left: 0px; top: 0px; width: auto; height: 28px; z-index: 2;}
.m_lp_list li p.xn_ico img{width: auto; height: 100%;}