pfhwyigou/frontend/web/css/news/home.css

/*区域*/

.new_a a:hover {text-decoration:none;color:#333;}
.news_nav {background:#F5F6FB;}
.news_a {}
.news_a a {height:44px;line-height:44px;display:inline-block;font-size:18px;color:#333;margin-right:40px;}
.news_a a:nth-child(10) {margin-right:0;}
.news_a a:hover {color:#DD2222;}
.news_a a img {display:inline-block;width:24px;height:16px;vertical-align:middle;margin-top:-3px;margin-right:5px;}
.news_a a.on {color:#DFA24E;font-weight:bold;}

/*资讯轮播*/
.lp_l {width:856px;margin-top:60px;display:inline-block;vertical-align:top;}


/*轮播 */
.m_Broadcast{width:100%;height:398px;position:relative;overflow:hidden;}
.m_Broadcast .m_Broadcast_lu{width:100%;height:398px;}
.m_Broadcast .m_Broadcast_lu li{width:100%;height:398px;position:relative;}
.m_Broadcast .m_Broadcast_lu li img{width:100%;height:100%;}
.m_Broadcast .m_Broadcast_lu li a .font {padding-left:20px;width:100%;position:absolute;left:0;bottom:0;height:45px;background:rgba(0,0,0,0.5);line-height:45px;color:#fff;font-size:16px;}

/*头部轮播*/
/*.m_Broadcast .prev{position:absolute;top:50%;left:100px;border-radius: 30px;margin-top:-25px;background: rgba(51, 51, 51, 0.41) url(../image/zuo13.png) no-repeat 0px  5px/50px 46px;display:block;width:55px;height:55px;}
.m_Broadcast .next{position:absolute;top:50%;right:100px;border-radius: 30px;margin-top:-25px;background: rgba(51, 51, 51, 0.41) url(../image/you13.png) no-repeat 5px 5px/50px 46px;display:block;width:55px;height:55px;}*/
.m_Broadcast .hd{position:absolute;bottom:0;right:20px;text-align:right;height:45px;line-height:45px;}
.m_Broadcast .hd ul li{width:12px;height:12px;display:inline-block;margin:0px 3px;background:rgb(236, 241, 244);z-index:111;border-radius:10px}
.m_Broadcast .hd ul .on{background:#E03700;}



/*资讯导航*/
.new_a {border-bottom:2px solid #EEEEEE;height:64px;line-height:64px;margin-top:20px;}
.new_a a {display:inline-block;font-size:16px;color:#333;}
.new_a a + a {margin-left:40px;}
.new_a a.on {color:#DFA24E;border-bottom:4px solid #DFA24E;height:62px;}

.news_con {}
.news_con .news_conul li {padding:30px 0;border-bottom:1px solid #EEE;}
.news_con .news_conul li:hover .news_con_r p:nth-child(1) {color:#DFA24E;}
.news_con .news_conul li a {text-decoration:none;color:#333;}
/*.news_con ul li + li {border-top:1px solid #EEE;}*/
.news_con_img {display:inline-block;vertical-align:top;width:220px;height:167px;}
.news_con_img img {display:block;width:100%;height:100%;}
.news_con_r {display:inline-block;vertical-align:top;width:600px;float:right;height:167px;}
.news_con_r p:nth-child(1) {font-size:22px;}
.news_con_r p:nth-child(2) {font-size:14px;line-height:25px;margin:15px 0;color:#666;}
.news_con_r p:nth-child(3) {font-size:14px;color:#999;}
.news_con_r p:nth-child(3) em {display:inline-block;margin-left:30px;}
.news_con_r p:nth-child(3) em img {display:inline-block;margin-right:5px;margin-top:-1px;}
.news_con_r p:nth-child(4) {margin-top:10px;}
.news_con_r p:nth-child(4) i {display:inline-block;padding:8px 13px;background:#DEF0FE;color:#6AB6F9;border-radius:20px;}
.news_con_r p:nth-child(4) i + i {margin-left:10px}
#pagecount {text-align: center;margin-top:30px;}

.paging {text-align:right;padding:10px 0;}


/*右边内容*/
.news_r {width:280px;display:inline-block;vertical-align:top;margin-top:60px;margin-left:50px;}
.news_r_img {display:inline-block;width:280px;height:auto; position: relative;}
.news_r_img img {display:block;width:100%;height:auto;}
.news_r_img span.shijian_text{font-size: 14px;font-weight: bold; color: #333;display: block; position: absolute;left:68px;top: 96px;}



/*热点资讯*/
.news_hot {border:1px solid #EEE;margin-top:20px;}
.news_hot .news_hot_title{padding:20px 0 20px 20px;border-top:4px solid #DFAE5E;border-bottom:1px solid #EEE;font-size:18px;}
.news_hot_cont {padding:15px;}
.news_hot_cont .hot_img {display:inline-block;vertical-align:top;margin-top:0px;padding-right:5px;}
.news_hot_cont .hot_font {display:inline-block;vertical-align:top;width:93%;line-height:25px;color:#333;font-size:14px;}
.news_hot_cont ul li {padding:15px 0;}
.news_hot_cont ul li + li {border-top:1px solid #EEE;}
.news_hot_cont ul li a:hover {text-decoration:none;}


/*广告图*/
.add_box {margin:20px 0;}
.add_img {position:relative;width:280px;height:346px;overflow:hidden;}
.add_img img {display:block;width:100%;height:100%;}
.add_img .add_font {position:absolute;left:0;bottom:0;background:rgba(0,0,0,0.5);width:100%;height:45px;line-height:45px;color:#fff;font-size:16px;padding-left:10px;}


/*推荐楼盘*/
.news_hot .lp_push {border-top:4px solid #DFAE5E;}
.news_hot .lp_push em {font-size:12px;color:#ccc;float:right;margin-right:15px;margin-top:4px;cursor:pointer;}
.news_hot .lp_push em img {display:inline-block;margin-top:-1px;margin-right:5px;}
.push_box {margin:10px 0;}
.push_box ul li{padding:10px 0;}
.push_box ul li a {text-decoration:none;}
.push_box ul li .push_img {display:inline-block;vertical-align:top;width:124px;height:96px;}
.push_box ul li .push_img img {display:inline-block;width:100%;height:100%;}
.push_box ul li .push_font {display:inline-block;vertical-align:top;margin-left:10px;width:48%;}
.push_box ul li .push_font p {margin:0;}
.push_box ul li .push_font p:nth-child(1) {font-size:16px;color:#333;width: 80%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.push_box ul li .push_font p:nth-child(2) {font-size:14px;color:#666;margin-top:8px;}
.push_box ul li .push_font p:nth-child(3) {font-size:20px;color:#E03700;}
.push_box ul li .push_font p:nth-child(3) i {font-size:12px;}
.push_box ul li .push_font p:nth-child(4) {font-size:12px;color:#666;}
.push_box ul li .push_font p:nth-child(4) em {display:inline-block;width: 80%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}

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