pfhwyigou/frontend/web/css/housech/lptuku.css

/*楼盘图库*/
body{background: #f5f7fa;}


.y_tuku_nav{}
.y_tuku_nav ul li{ width: 160px; height: 49px; line-height: 49px; position: relative;}
.y_tuku_nav ul li a{width: 160px; height: 48px; display: block; font-size: 16px; color: #fff; background: #464646;border-bottom: 1px solid #5a5a5a; }
.y_tuku_nav ul li a span{display: block; float: left; position: relative; left: 15px;}
.y_tuku_nav ul li a em{display: block; float: right; position: relative;  right: 15px;}
.y_tuku_nav ul li.on a{ background-color: #009CFF;}
.y_tuku_nav ul li.on i{position: absolute;right: -20px;top: 15px; display: inline-block;  width: 0;height: 0;border: 10px solid transparent;border-left: 10px solid #009CFF;}
.y_tuku_nav ul li:hover a{background-color: #009CFF;}
.y_tuku_nav ul li:hover i{position: absolute;right: -20px;top: 15px; display: inline-block;  width: 0;height: 0;border: 10px solid transparent;border-left: 10px solid #009CFF;}



.y_tuku_ul .y_tuku_ul_h{ border-bottom: 1px solid #e7e7e7;padding: 10px 0px; margin: 0 35px;}
.y_tuku_ul .y_tuku_ul_h h2{ font-size: 18px; color:#333; float: left; font-weight: normal;}
.y_tuku_ul .y_tuku_ul_h h2 span{ border-bottom: 2px solid #009CFF; padding: 0 5px; padding-bottom: 8px;}
.y_tuku_ul .y_tuku_ul_h a{ display: block; float: right; font-size: 14px; color: #666; position: relative; top: 5px;}
.y_tuku_ul:nth-child(1){ margin-top: 0px;}

.y_tuku_ul ul.y_tuku_ul_tu{ position: relative; left: 15px; margin-top: 20px;}
.y_tuku_ul ul.y_tuku_ul_tu li{ float: left; width: 289px; height: auto; float: left; margin: 0 18px 10px;}
.y_tuku_ul ul.y_tuku_ul_tu li a p.y_img{ width: 289px; height:252px; }
.y_tuku_ul ul.y_tuku_ul_tu li a p.y_img img{ width: 100%; height:100%; }
.y_tuku_ul ul.y_tuku_ul_tu li a p.y_title{ text-align: center; font-size: 16px; color: #666; padding:10px 0 20px; }


.y_tuku_cent{ width: 1009px;}

.y_lptk_show{ display: none; text-align: center; padding: 0px 0 20px;}
.y_lptk_show a{ display: inline-block; height: 34px; color: #BE9B98; font-size: 16px; background: #FDF4F3; border-radius: 17px; line-height: 34px; padding:0 15px;}
.y_lptk_show a:hover{ background-color: #ffe1de;}

.y_lptk_show a i{display: inline-block; position: relative; top: 9px; width: 16px; height: 16px; margin-left: 5px;}
.y_lptk_show a i img{ width: 100%; height: 100%;}


.y_lptk_none{ text-align: center; padding: 10px 0 20px; display: none;}
.y_lptk_none a{ display: inline-block; height: 34px; color: #BE9B98; font-size: 16px; background: #FDF4F3; border-radius: 17px; line-height: 34px; padding:0 15px;}
.y_lptk_none a:hover{ background-color: #ffe1de;}

.y_lptk_none a i{display: inline-block; position: relative; top: 9px; width: 16px; height: 16px; margin-left: 5px;}
.y_lptk_none a i img{ width: 100%; height: 100%;}

.y_lptk_none a i{
	transform:rotate(-180deg);
	-ms-transform:rotate(-180deg);
	-moz-transform:rotate(-180deg);
	-webkit-transform:rotate(-180deg);
	-o-transform:rotate(-180deg);
}