pfhwyigou/frontend/web/zt/yuenan20181221/css/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;}
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;}




/*公共标题*/
.m_p_title{width:1200px;overflow:hidden;margin:auto;text-align:center;margin-top:20px;position:relative;}
.m_p_title_text i{display:block;font-size:19px;color:#FF5849;}
.m_p_title_text em{display:block;font-size:32px;color:#333;}
.m_p_title_text span{display:block;font-size:14px;color:#666;}

.m_p_title_left{display:block;width:320px;height:2px;position:absolute;top:47px;left:155px;

  background: linear-gradient(left, #ffffff, #C1C1C1);
  background: -webkit-linear-gradient(left, #ffffff, #C1C1C1);
  background: -o-linear-gradient(left, #ffffff, #C1C1C1);
  background: -moz-linear-gradient(left, #ffffff, #C1C1C1);
}

.m_p_title_right{display:block;width:320px;height:2px;position:absolute;top:47px;right:155px;

  background: linear-gradient(left, #C1C1C1, #FFF);
  background: -webkit-linear-gradient(left, #C1C1C1, #FFF);
  background: -o-linear-gradient(left, #C1C1C1, #FFF);
  background: -moz-linear-gradient(left, #C1C1C1, #FFF);
}




/*导航*/
.y_puicdh_c{ background: #2F2F2F; height: 49px;}
.y_puicdhleft{ position: relative; top: 6px;}
.y_puicdhleft .y_logo{width: 120px; height: auto; text-align: center;}
.y_puicdhleft .y_logo img{width: 100%; height: auto;}
.y_puicdhleft .y_logo p:nth-child(1){font-size: 19px; color: #fff; font-weight: 600;}
.y_puicdhleft .y_logo p:nth-child(2){font-size: 12px; color: #fff;}

.y_puicdhleft .y_dhqytpo{ margin-left: 15px; position: relative; top: 8px; height: 36px;}
.y_puicdhleft .y_dhqytpo em{display: inline-block; width: 11px; height: 12px; margin-right: 5px; position: relative; top: 2px;}
.y_puicdhleft .y_dhqytpo em img{width: 11px; height: 12px;}
.y_puicdhleft .y_dhqytpo span{font-size: 14px; color: #fff;}
.y_puicdhleft .y_dhqytpo i{display: inline-block; width: 10px; height: 6px; position: relative; top: 5px; margin-left: 5px;}
.y_puicdhleft .y_dhqytpo i img{width: 10px; height: 6px;}

.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: 15; top: 34px; 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: #42a5f5;}
.y_dhqynone a:nth-child(3n){ border-right: none;}
.y_dhqynone a:last-child{ border-bottom: none;}

.y_puicdhcent{ position: relative; left: 30px;}
.y_puicdhcent ul li{float: left; height: 49px; line-height: 49px;}
.y_puicdhcent ul li a{float: left;display: block; font-size: 16px; color: #fff; padding:0 15px; }
.y_puicdhcent ul li.on a{ background: #42A5F5;}
.y_puicdhcent ul li:hover a{ background: #42A5F5;}

.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_footmzsm{ padding: 30px 0 23px 0;}
.y_footmzsm p{ font-size: 14px; color: #8a7070;  line-height: 25px;}
.y_footer{ background: #363A3D;}
.y_footer_top{padding-top: 38px;}
.y_footer_ul1{ float: left; margin-right: 40px;}
.y_footgj_h{ font-size: 16px;color: #fff;}
.y_footer_ul1 ul.y_ul{ margin-top: 22px;}
.y_footer_ul1 ul.y_ul li{ height: 35px; line-height: 35px;}
.y_footer_ul1 ul.y_ul li a{ font-size: 12px; color: #B3B3B4;}
.y_footer_ul2 ul.y_ul{ width: 220px;}
.y_footer_ul2 ul.y_ul li{ float: left;margin-right:20px;}
.y_footer_ul3 ul.y_ul{ width: 180px;}
.y_footer_ul3 ul.y_ul li{ float: left;margin-right:20px;}

.y_footer_bottom{ border-top: 1px solid #44494B; margin-top: 30px; padding-top: 30px;}
.y_footer_text p{ font-size: 12px; color: #B3B3B4; height: 28px; line-height: 28px;}
.y_footer_tu{ margin-top: 20px;}
.y_footer_tu a{display: inline-block; margin-right: 10px;}
.y_footer_botright{ position: relative; top: 22px;}
.y_footer_botewm{ width: 105px; text-align: center; margin-left: 20px;}
.y_footer_botewm p.y_img{width: 91px; height: 91px; position: relative; left: 6px;}
.y_footer_botewm p.y_img img{width: 100%; height: 100%;}
.y_footer_botewm p.y_text{ font-size: 14px; color:#B3B3B4; margin-top: 10px; text-align: center;}
.y_footer_botewm p.y_guanzhu a{ font-size: 14px; color:#fff; margin-top: 5px; text-align: center; background: #FF5849; width: 42px; height: 20px; line-height: 20px; text-align: center; border-radius: 5px; display: inline-block;}



/*猜你喜欢*/
.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;}



/*楼盘内页导航*/
.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_puic_search{ background: #fff; width: 1000px; height: auto; border-radius: 5px;}
.y_search_cen{ padding: 40px 0; width: 790px; margin: 0 auto;}
.y_close{ position: absolute; right: -46px; top: -40px; width: 30px;height: 30px;z-index: 12;}
.y_close img{ width: 100%; height: 100%;}
.y_search_top .y_search_inpmain{ border: 1px solid #E8E8E8;width: 100%;height: 50px; position: relative; z-index: 10;float:left;border-radius:30px;background:#FAFAFA;}
.y_search_top .y_search_inpmain img{float:left;display:block;width:19px;margin:16px 0px 0px 16px;}

.y_search_top .y_search_inpmain input.y_search_text{ width: 530px; height: 44px; display: block; float: left; font-size: 15px; color: #666; left: 20px; position: relative; top: 2px; border: none; background:#fafafa;}
.y_search_top .y_search_inpmain input.y_search_subm{ float: right; display: block; width: 130px;height:48px; border: none; border-radius: 30px;;background:#FF5849;font-size:18px;color:#FFF;letter-spacing:5px;}
.y_hotsearch{ margin-top: 13px; position: relative; left: 0px;}
.y_hotsearch span{ display:block; float: left; font-size: 14px; color:#333; margin-right: 15px;}
.y_hotsearch a{ display:block; float: left; font-size: 14px; color: #A6A6A6;}
.y_hotsearch a:hover{ color: #FF5849;}
.y_hotsearch a+a{ margin-left: 20px;}
.y_search_bottom{ margin-top: 35px; position: relative;left: 14px;width:774px;}
.y_searchb_mok{position:relative;}

.y_searchb_mok .y_searchb_l{border-bottom:1px solid #ececec;width:100%;font-size:16px;color:#FFF;}

.y_searchb_mok .y_searchb_l i{ width: 32px; height: 32px; display: block; position: relative; left: 0px;}
.y_searchb_mok .y_searchb_l i img{ width: 100%; height: 100%; display: block;}
.y_searchb_mok .y_searchb_l p{margin-top:9px;position:relative;top:1px;width:90px;height:30px;line-height:30px;background:#FF5849;text-align:center;}
.y_searchb_r{ margin-left: 25px; width: 715px;margin-top:20px;}
.y_searchb_r a{display: block; font-size: 14px; color: #666; float: left; height: 25px; line-height: 30px;padding: 0 5px; margin-right: 10px;margin-bottom: 10px}
.y_searchb_r a.on{color: #FF7B6F;border-bottom:1px solid #FF7B6F;}
.y_searchb_r a:hover{color: #FF7B6F;border-bottom:1px solid #FF7B6F;}
.y_recentlsc{ margin-top: 20px;}
.y_recentlsc .y_top{font-size: 18px; color: #333;}
.y_recentlsc .y_recentlsc_main{ margin-top: 10px;}
.y_recentlsc .y_recentlsc_main a{display: block; float: left;font-size: 14px; color: #A6A6A6; margin-right: 20px;}
.y_recentlsc .y_recentlsc_main a:hover{color: #FF5849;}

/*小明*/
.m_hotsearch{float:left;width:378px;height:50px;}
.m_hotsearch li{float:left;width:115px;height:50px;line-height:50px;margin-left:15px;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.m_hotsearch li:last-child{margin-left:0;}
.m_hotsearch li a{font-size:15px;color:#8C6969;}

.m_region{margin-top:30px;}
.m_region_title{font-size:22px;color:#333;margin-bottom:25px;border-bottom:1px solid #EDEDED;}
.m_region_title span{background:#FFF;display: block; width: 100px;position:relative;top:1px;}
.m_region li{width:180px;height:100px;border-radius:5px;float:left;margin-right:23px;position:relative;text-align:center;}
.m_region li:last-child{margin-right:-50px;}
.m_region li img{width:100%;height:100%;position:absolute;top:0;left:0;}
.m_region li i{font-size:15px;color:#FFF;background:rgba(0, 0, 0, 0.58);padding:5px 15px;border-radius:20px;position:relative;top:42px;}


a.y_close img{
    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;
}

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

.y_search_top .y_search_inp{position: relative;}
.y_search_top .y_search_show{ display: none; background: #fff; border: 1px solid #FF5848;border-radius:5px; position: absolute; left: 0; top: 65px; width: 790px; height: auto; z-index: 10; padding: 20px 0;}
.y_search_showl{ padding: 0 15px; width: 100%;}
.y_search_showl .select4_box{ width: 100%; max-height: 350px; overflow: auto; overflow-y:auto;border-bottom:1px solid #E6E6E6;}
.y_search_showl .select4_box ul li+li{margin-top: 10px;}
.y_search_showl .select4_box ul li{padding: 4px 0;}
.y_search_showl .select4_box ul li a{ height: 25px; line-height: 25px; font-size: 16px; color: #555; display:block; padding-left: 8px;}
.y_search_showl .select4_box ul li a span{display:block; float: left;}
.y_search_showl .select4_box ul li a span i{ display: inline-block; font-size: 13px; color: #B88985; margin-left: 5px;}
.y_search_showl .select4_box ul li a p{ float: right;font-size: 13px; padding-right: 8px;width:130px;}
.y_search_showl .select4_box ul li a p em{font-size: 20px; color: #f00;}
.y_search_showl .select4_box ul li a:hover span{ color: #f00;}
.y_search_showl .select4_box ul li:hover{ background: #ebebeb;}
.y_search_showl .select4_box::-webkit-scrollbar {/*滚动条整体样式*/
    width: 6px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}
.y_search_showl .select4_box::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #e6e6e6;
}
.y_search_showl .select4_box::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 10px;
    background: #f3f3f3;
}

.m_jt{position:absolute;top:-13px;left:21px;width:14px;height:14px;}
.m_jt img{width:100%;height:100%}

.y_search_showr{ width: 100%;padding-left: 5px;}
.y_search_showr p.y_h{font-size: 18px; color: #333; padding-left: 10px;margin-top:20px;}
.y_search_showr ul.y_tuijian li{width: 174px; height: auto; float: left; margin: 10px 10px; background: #f4fbfe; border-radius: 5px; overflow: hidden;}
.y_tuijian{margin-top:5px;}
.y_search_showr ul.y_tuijian li .y_tuijian_tu{ width: 100%; height: 90px;}
.y_search_showr ul.y_tuijian li .y_tuijian_tu img{ width: 100%; height: 100%;}
.y_search_showr ul.y_tuijian li .y_tuijian_text{ padding: 5px 10px;background:rgba(0, 0, 0, 0.5);text-align:center;}
.y_search_showr ul.y_tuijian li .y_tuijian_text p.y_title a{display:block; font-size: 14px; color: #FFF; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; width: 100%;}
.y_search_showr ul.y_tuijian li .y_tuijian_text p.y_title span{ display: inline-block;  font-size: 12px; color: #888; margin-left: 5px;}
.y_search_showr ul.y_tuijian li .y_tuijian_text p.y_jg{ font-size: 14px; color:#333; margin-top: 5px;}
.y_search_showr ul.y_tuijian li .y_tuijian_text p.y_jg span{ font-size: 16px; color:#ff0000;}
.y_search_showr ul.y_tuijian li:hover .y_tuijian_tu img{opacity: 0.8;}
.y_search_showr ul.y_tuijian li:hover .y_tuijian_text p.y_title a{color:#ee6f5c;}

.select4_box li.active{ background: #ebebeb;}



.y_scrmaak{ background:rgba(0,0,0,0); position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; display: none;z-index: 5;}
 




/*公共新房 头部报名*/
/*.m_bottom_lc{width:1200px;overflow:hidden;margin:auto;}*/
/*.m_bottom_lc li{margin-top:20px;width:295px;height:73px;display:inline-block;margin-right:2px;background-size:100% 100%;}*/
/*.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{margin:15px 0 0 19px;width:50px;}*/
/*.m_bottom_lc li:nth-child(2) img{margin:14px 0px 0px 39px;}*/
/*.m_bottom_lc li:nth-child(3) img{margin:14px 0px 0px 39px;}*/
/*.m_bottom_lc li:nth-child(4) img{margin:14px 0px 0px 39px;}*/
/*.m_bottom_lc li a{display:block;}*/
/*.m_bottom_lc li span{font-size:16px;color:#333;line-height:73px;margin-left:5px;}*/




/*有新房通知我*/
.scrollfixed{position:fixed;top:2%;right: 50%;margin-right:-720px;}
.m_xftz_box{width:105px;height:128px;position:relative;top:2%;right: 50%;margin-right:-720px;float: right; z-index: 9;margin-top:40px;}
.m_xftz_box img{width:100%;height:100%;}