pfhwyigou/frontend/web/css/public/public.css

@charset "utf-8";
/*css reset*/
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,th,td{margin:0; padding:0;}
html{overflow-x:hidden;}
body{*overflow-x:hidden;}
body{font-family:"微软雅黑",Arial,Verdana, Geneva, sans-serif; font-size:12px; line-height:1.3;}
table{border-collapse: collapse;border-spacing:0;}
img{vertical-align:top;border:0;}
ol,ul{list-style:none;margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
a{text-decoration:none;margin:0; padding:0;color:#333;}
a:hover{text-decoration:none;}
i,em{ font-style: normal;}
input{outline:none}
button,input[type="submit"],input[type="reset"],input[type="button"]{cursor:pointer; outline: none;}
select,input,textarea{font-size:12px;}
small{font-size:12px;}
/*定位*/
.fl{float:left; display:inline;}
.fr{float:right; display:inline;}
.c{display:block; zoom:1;}
.c:after{content:"."; display:block; visibility:hidden; height:0; clear:both;}

/*公共样式*/
.puic_wid{ width: 1200px; margin: 0 auto;}
.puic_color{background: #fff;}
.mt10{ margin-top: 10px;}
.mt15{ margin-top: 15px;}
.mt20{ margin-top: 20px;}
.mt30{ margin-top: 30px;}

/*公共导航*/
/*导航 2019-8-4*/
.wh5 {height:50px;}
.wm_Navigation_box{position:fixed;top:0;left:0;width:100%;z-index:20;
 background:#1B1B1B;  
}
.wm_Navigation{width:1200px;margin:auto;height:50px;line-height:50px;}
.wm_Navigation_logo{width:109px;height:42px;float:left;display:block;margin-top:5px;}
.wm_Navigation ul{float:left;margin-left:50px;margin-bottom:0 !important;}
.wm_Navigation ul li{display:flex;align-items:center;justify-content:center;float:left;margin-right:30px;position:relative;height:50px;}
.wm_Navigation ul li:last-child{margin-right:0;}
.wm_Navigation ul li span{font-size:18px;color:#FFF;position:relative;}
.wm_Navigation ul li span:before {content:"";position:absolute;display:block;bottom:-8px;left:0;width:100%;height:2px;background:none;border-radius:50px;overflow:hidden;}
.wm_Navigation ul li span.on:before {background:#FFF;}
.wm_Navigation ul li:hover span{color:#DFAE5E}
.wm_Navigation ul li:hover span:before {background:#DFAE5E;}
.wm_Navigation ul li .wm_Navigation_a{display:block;width:100%;height:100%;position:absolute;top:0;left:0;}
.wm_Navigation ul li .Icon{width:17px;margin-right:5px;display:block;}
.wm_Navigation ul li .Arrow{width:11px;margin-left:5px;}
.wm_Navigation ul li .wm_Navigation_text{position:relative;}
.wm_Navigation ul li .wm_Navigation_texta{display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:10;}
.wm_Navigation_list{background:#FFF;position:absolute;top:60px;left:50%;margin-left:-55px;border-radius:5px;padding:10px 0;display:none;z-index:10;box-shadow:0px 0px 12px 0px rgba(187, 187, 187, 0.48)}
.wm_Navigation_list a{display:block;word-break:keep-all;text-align:center;height:28px;line-height:28px;min-width:110px;font-size:14px;color:#333;}
.wm_Navigation_list a:hover{background:#F5F5F5;}
.wm_Navigation_list img{width:16px;position:absolute;top:-8px;left:50%;margin-left:-8px;}
.wm_Navigation_list:before {content:"";position:absolute;width:100%;height:20px;top:-20px;}



/*导航*/
.y_puicdh_c{ background:#1B1B1B; height: 50px;}
.y_puicdh_cmain {position:relative;}
.y_puicdhleft{height:50px;line-height:50px;}
.y_puicdhleft .y_logo{width: 100px; height:auto;position:relative;top:14px;}
.y_puicdhleft .y_logo img{display:block;width: 100%; height:auto;}




.y_puicdhleft .y_dhqy{  position: relative;}
.y_dhqynone{display: none; border: 1px solid #626262; width: 300px; background: rgba(0,0,0,0.75); position: absolute; left: 15px; top: 42px; z-index: 5; border-radius:5px; }
.y_dhqynone a{ color: #666; display: block; width: 99px; float: left; height: 38px; line-height: 38px;text-align: center; font-size: 16px; color: #fff; border-bottom: 1px solid #626262;border-right: 1px solid #626262;}
.y_dhqynone a:hover{background: #e9333c;}
.y_dhqynone a:nth-child(3n){ border-right: none;}
.y_dhqynone a:last-child{ border-bottom: none;}

.y_puicdhcent{ position: absolute;right:0;top:0; height: 50px;}
.y_puicdhcent > ul {display:inline-block; margin: 0;}
.y_puicdhcent > ul>li{float: left; height: 50px;}
.y_puicdhcent > ul>li a{display: inline-block; font-size: 16px; color: #fff; margin:0 15px; height: 56px; line-height: 50px;}
.y_puicdhcent > ul>li.on a{color:#E03700;border-bottom:4px solid #E03700;}
.y_puicdhcent > ul>li:hover a{color:#E03700;border-bottom:4px solid #E03700;}
.y_puicdhcent .area { display:inline-block;float:right;height:60px;line-height:60px;position:relative;width:140px;text-align:center;}
.y_puicdhcent .area img {display:inline-block;width:22px;height:14px;vertical-align:middle;margin-right:8px;}
.y_puicdhcent .area a {font-size:14px;color:#666;}


.y_puicdhcent .area a i{ width: 16px; height: 10px; display: inline-block; position: relative; left: 8px; top: 0px;}
.y_puicdhcent .area a i img{ width: 100%; height: 100%;}




.option {position:absolute;z-index:999999;background:#fff;width:100%;margin-top:0px;display:none;}
.option ul li {text-align:center;height:40px;line-height:40px;padding:0 10px;}
.option ul li:hover {background:#ccc;color:red;}



.y_puicdhright_inpu{ float: left; background: #fff; border-radius: 17px; width: 182px; height: 35px; position: relative; top: 7px;}
.y_puicdhright_inpu .y_inputtext{ width: 130px; height: 31px; display: inline-block; line-height: 30px; margin-left: 13px; border: none; font-size: 14px; color: #666; position: relative; top: 2px;}
.y_puicdhright_inpu .y_sous{ width: 23px; height: auto;display: inline-block; position: relative; top: -2px;}
.y_puicdhright_inpu .y_sous img{ width: 100%; height: auto;}
.y_puicdhmap{ float: left; text-align: center; position: relative; top: 7px; margin-left: 14px;}
.y_puicdhmap a{font-size: 14px;color: #fff; display:inline-block; background: #FF5849; width: 104px; height: 35px; line-height: 35px; border-radius: 17px;}
.y_puicdhmap a i{display: inline-block; width: 16px; height: 16px; margin-right: 5px; position: relative; top: 8px;}
.y_puicdhmap a i img{width: 100%; height: 100%;}

.y_puicdhcent_rig a{ font-size: 14px; color: #fff; position: relative; top: 15px; display: inline-block;}
.y_puicdhcent_rig a i{ display: inline-block; margin-right: 5px; }
.y_puicdhcent_rig a i img{ width: 100%; height: auto; }
.y_puicdhcent_rig a:nth-child(1){ margin-right: 20px;}
.y_puicdhcent_rig a:nth-child(1) i{width: 12px; height: auto;}
.y_puicdhcent_rig a:nth-child(2) i{width: 20px; height: auto;}
.y_puicdhcent_rig a:hover{ text-decoration: underline; color: #e9333c;}



/*公共底部*/
.m_bottom_box{background:#1B1B1B;padding:30px 0 35px 0;}
.m_bottom{width:1200px;margin:auto;}
.m_bottomlogo{border-bottom:1px solid #313131;padding-bottom:20px;}
.m_bottomlogo i{width:152px;height:58px;background:url(/image/v2/logo_m.png) no-repeat 0 0/ 100% 100%;display:block;float:left;
  -webkit-filter: opacity(30%); /* Chrome, Safari, Opera */
    filter: opacity(30%);
}
.m_bottomlogo i:hover{
  -webkit-filter: opacity(100%); /* Chrome, Safari, Opera */
    filter: opacity(100%);
}
.m_bottomlogo span{font-size:16px;color:#ABABAB;float:right;margin-top:20px;}
.m_bottolist_box{margin-top:30px;}
.m_bottolist_l{float:left;width:900px;}
.m_Aboutus a{font-size:16px;color:#ABABAB;margin-right:36px;}
.m_Aboutus a:hover{color:#FFF;}
.m_FriendshipLinks{margin-top:50px;}

.m_FriendshipLinks a{display:block;padding:11px 28px;background:#101010;float:left;margin-right:14px;font-size:12px;color:#ABABAB;}
.m_FriendshipLinks a.on{background:#313131;}
.m_regionfc{display:none;padding-top:26px;position:relative;}
.m_regionfc a{font-size:12px;color:#ABABAB;margin-right:19px;position:relative;display:block;float:left;}
.m_regionfc a:last-child{margin-right:0;}
.m_regionfc a:hover{color:#FFF;}

.m_gzhlist_box{position:absolute;bottom:30px;left:-43px;width:900px;display:none;}
.m_gzhlist{padding:14px;background:#FFF;z-index:10;border-radius:3px;float: left}
.m_gzhlist li{width:94px;float:left;display:block;margin-right:15px;}
.m_gzhlist li:last-child{margin-right:0;}
.m_gzhlist li img{width:94px;height:94px;}
.m_gzhlist li p{font-size:12px;color:#666;text-align:center;margin-top:7px;}
.m_gzhlist .m_tb{width:16px;position:absolute;bottom:-8px;left:50px;}

.m_Hotline{margin-top:34px;}
.m_Hotline span{font-size:12px;color:#ABABAB;margin-right:29px;}
.m_Hotline span img{width:12px;margin-right:4px;margin-top:1px;}
.m_copyright{margin-top:86px;}
.m_copyright span{font-size:12px;color:#ABABAB;margin-right:10px;}
.m_copyright a{font-size:12px;color:#ABABAB;margin-right:10px;}
.m_copyright em{position:relative;top:-3px;}
.m_bottolist_r{float:right;}
.m_PublicNumber{width:auto;float:right;}
.m_PublicNumber li{width:92px;float:left;}
.m_PublicNumber li + li{margin-left:50px;}
.m_PublicNumber li img{width:100%;height:92px;}
.m_PublicNumber li span{font-size:13px;color:#ABABAB;display:block;text-align:center;margin-top:11px;}
.m_Authentication{margin-top:140px;float:right;}
.m_Authentication li{width:132px;height:50px;float:left;}
.m_Authentication li +li{margin-left:13px;}
.m_Authentication li img{width:100%;height:100%;}




.y_close{position:absolute;top:15px;right:15px;display:inline-block;width:35px;height:35px;text-align:center;line-height:32px;border-radius:50%;}
.y_close img{display:inline-block;width:17px;height:17px;vertical-align:middle;
  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;
}

.y_close:hover img{
  transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}




/*housech 添加 20190909*/

/*楼盘内页导航*/
.y_lpnavmain{ box-shadow: 0px 1px 10px 0px #ccc;}
.y_lpnavmain ul li{ height: 46px; line-height: 46px; float: left;}
.y_lpnavmain ul li a{display: block; font-size: 16px; color: #333; padding: 0 25px;}
.y_lpnavmain ul li.on a{ background-color: #ff5849; color: #fff;}
.y_lpnavmain ul li:hover a{background-color: #ff5849; color: #fff;}

.y_lpnavmain ul{ float: left;}
.y_lpnavmain .y_fenxiang{ float: right; position:relative; right: 20px; top:5px;}



/*楼盘公共头部*/
.y_lppuicdh_center{padding: 18px 20px;}
.y_lppuicdh_left { position: relative; top: 6px;}
.y_lppuicdh_left .y_lplogo{width: 105px; height: 80px;}
.y_lppuicdh_left .y_lplogo img{width: 100%; height: 100%;}
.y_lppuicdh_left .y_lptext{ margin-left: 20px;}
.y_lppuicdh_left .y_lptext .y_title h2{font-size: 22px; color: #333; float: left;}
.y_lppuicdh_left .y_lptext .y_title em{font-size: 12px; float: left; width: 38px; height: 21px; color: #fff; background: #0096FF; border-radius: 2px;  line-height: 21px;text-align: center; margin-left: 10px; position: relative; top: 2px;}
.y_lppuicdh_left .y_lptext p.y_tese{ margin-top: 20px;}
.y_lppuicdh_left .y_lptext p.y_tese i{ display: block; font-size: 12px; float: left; padding: 5px 8px; background: #ccc; color: #666;}
.y_lppuicdh_left .y_lptext p.y_tese i+i{ margin-left: 8px;}
.y_lppuicdh_left .y_lptext p.y_tese i:nth-child(1){background:#EBF3FE;color:#638EC9;}
.y_lppuicdh_left .y_lptext p.y_tese i:nth-child(2){background:#F8EAE6;color:#E3957E;}
.y_lppuicdh_left .y_lptext p.y_tese i:nth-child(3){background:#E2F8E1;color:#75AB78;}
.y_lppuicdh_left .y_lptext p.y_tese i:nth-child(4){background:#FFF3E2;color:#F9A321;}

.y_lppuicdh_right .y_call{ position: relative; top: 26px; right: 70px;}
.y_lppuicdh_right .y_call i{width: 42px; height: 41px;}
.y_lppuicdh_right .y_call i img{width: 42px; height: 41px;}
.y_lppuicdh_right .y_call em{ display: inline-block; font-size: 22px; color: #443e3e; margin-left: 5px;}
.y_lppuicdh_right .y_call span{ display: inline-block; font-size: 27px; color: #FF5849; font-weight: bold; margin-left: 8px;}


.y_lppuicdh_right .y_tongzhi a{display: block; font-size: 17px; color:#fff; padding: 9px 25px; border-radius: 5px;font-weight: 600}
.y_lppuicdh_right .y_tongzhi a:nth-child(1){
  background: -webkit-gradient(linear, 100% 0, 0 0, from(#FF7E35), to(#FFB546));
  background: -webkit-linear-gradient(right, #FF7E35, #FFB546);
  background: -moz-linear-gradient(right, #FF7E35, #FFB546);
  background: -o-linear-gradient(right, #FF7E35, #FFB546);
  background: linear-gradient(right, #FF7E35, #FFB546);}
.y_lppuicdh_right .y_tongzhi a:nth-child(2){
  margin-top: 13px;
  background: -webkit-gradient(linear, 100% 0, 0 0, from(#4F8CED), to(#68CAEE));
  background: -webkit-linear-gradient(right, #4F8CED, #68CAEE);
  background: -moz-linear-gradient(right, #4F8CED, #68CAEE);
  background: -o-linear-gradient(right, #4F8CED, #68CAEE);
  background: linear-gradient(right, #4F8CED, #68CAEE);}

/*猜你喜欢*/
.y_love_main{ padding: 20px 0;}
.y_love_h{ border-bottom: 1px solid #eae9e9; margin: 0 10px; padding: 0px 0px 20px 0px;}
.y_love_h h2{ font-size: 22px; color: #333; font-weight: normal; padding-left: 10px;}
.y_love_list ul li{ width: 276px; background: #f5f7fa; float: left; margin: 10px;}
.y_love_list ul{ position: relative; left: 6px; margin-top: 10px;}
.y_love_list ul li .y_love_list_main{ padding: 10px;}
.y_love_list ul li .y_love_list_main .y_tu{ width: 256px; height: 211px; overflow: hidden;}
.y_love_list ul li .y_love_list_main .y_tu img{ width: 100%; height: 100%; cursor: pointer; transition: all 0.8s;}
.y_love_list ul li .y_love_list_main .y_text h2{ margin-top: 10px;}
.y_love_list ul li .y_love_list_main .y_text h2 a{ font-size: 16px; color: #545454; display: inline-block;}
.y_love_list ul li .y_love_list_main .y_text h2 i{font-size: 13px; color: #817676; font-weight: normal; display: inline-block; margin-left: 5px;}
.y_love_list ul li .y_love_list_main .y_text p.y_pic{ margin-top: 10px;}
.y_love_list ul li .y_love_list_main .y_text p.y_pic span{font-size: 16px;  color: #FF000D;display: inline-block;}
.y_love_list ul li .y_love_list_main .y_text p.y_pic i{font-size: 16px;  color: #999; display: inline-block;}
.y_love_list ul li .y_love_list_main .y_tu img:hover{transform: scale(1.1);}  
.y_love_list ul li .y_love_list_main .y_text h2 a:hover{ color: #f00;}



/*面包屑导航*/
.y_puicnav_top{ padding: 15px 0; font-size: 14px; color: #949494; line-height: 25px;}
.y_puicnav_top a{ font-size: 14px; color: #9e7575; display: inline-block;}


/*手机看房*/
.wm_Navigation .r_wap{float:right; height:50px; line-height:50px; margin-left: 40px;}
.wm_Navigation .r_wap:hover a span{text-decoration: underline;}
.wm_Navigation .r_wap_box{ position: relative;}
.wm_Navigation .r_wap_box a i{width:12px; height: 18px;display: inline-block; line-height: 18px;position:relative;top:-2px;}
.wm_Navigation .r_wap_box a i img{width: 100%; height: 100%;}
.wm_Navigation .r_wap_box a span{ display: inline-block; font-size: 18px; color: #fff; margin-left: 8px;}
.wm_Navigation .r_wap_box .erweima_icoeng{ box-shadow:0px 0px 9px 0px rgba(199, 199, 199, 0.35); z-index: 3; display: none; position: absolute; left: -18px; top: 48px; width: 116px; height: 116px; background: #fff;}
.wm_Navigation .r_wap_box .erweima_icoeng img{display: inline-block; margin: 8px; width: 101px; height: 101px;}
.wm_Navigation .r_wap_box .erweima_icoeng i{ display: block; position: relative;}
.wm_Navigation .r_wap_box .erweima_icoeng i:after{
  content: " ";
  display: block; 
  position: absolute; 
  left: 50%; 
  top: -6px;
  width:0;
  height:0;
  margin-left: -10px;
  border-left:10px solid transparent;
  border-right:10px solid transparent;
  border-bottom:7px solid #fff;
}
.wm_Navigation .r_wap:hover .erweima_icoeng {display:block;}