Web/Css/news.css

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

@charset "utf-8";

*{ padding:0px; margin:0px}
img{ float:left}

.place{width:981px; height:auto; float:left; padding-left:10px; margin:5px 0px}
.site{float:left; color:#424242}

.news_zong{ width:989px; height:auto; float:left; margin:0px 1px; display:inline}
.news_lump{ width:989px; height:auto; float:left}

/* iFocus style */
#ifocus { width:640px; height:auto; float:left;}
#ifocus_pic { display:inline; position:relative; float:left; width:514px; height:286px; overflow:hidden;}
#ifocus_piclist { position:absolute;left:0; top:0;}
#ifocus_piclist li { width:514px; height:286px; overflow:hidden; float:left}
#ifocus_piclist img { width:514px; height:286px; }
#ifocus_btn { display:inline; float:right; width:122px; }
#ifocus_btn li { width:122px; height:73px; cursor:pointer; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50); float:left}
#ifocus_btn img { width:122px; height:68px;  }
#ifocus_btn .current { opacity:1; -moz-opacity:1; filter:alpha(opacity=100); }
#ifocus_opdiv { position:absolute; left:0; bottom:0; width:514px; height:35px; background:#000; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50); }
#ifocus_tx { position:absolute; left:8px; bottom:8px; color:#FFF; font-size:16px; font-weight:bold}
#ifocus_tx .normal { display:none; }

.news_headline{ width:338px; height:auto; float:left; border:1px solid #dddddd; margin-left:8px}
.news_headline strong{ width:305px; height:auto; float:left; background:url(../images/news_04.jpg) no-repeat left center; padding-left:10px; font-size:14px}
.news_headline span{ width:320px; height:auto; float:left}

.news_title{ width:338px; height:auto; float:left;  border-bottom:1px solid #dddddd; background:url(../images/news_09.jpg) repeat-x}
.news_title .news_bg{ width:99px; height:27px; float:left;background:url(../images/news_122.jpg) no-repeat right 0px;}
.news_caption{ width:322px; height:auto; float:left; margin:10px 0px 0px 3px; display:inline; border-bottom:1px solid #dfdfdf; line-height:20px; padding:0px 0px 10px 10px}
.news_caption strong{white-space:nowrap; text-overflow:ellipsis;overflow: hidden;}
.news_caption span a{ color:#9c9c9c; display:block; margin-top:5px}

.news_menu{ width:987px; height:44px; float:left; background:url(../images/news_09.jpg) repeat-x; border:1px solid #d3d3d3;}
.news_menu ul li{float:left; background:url(../images/news_10.jpg) no-repeat right center; padding-right:2px}
.news_all{ width:108px; height:44px; float:left; background:url(../images/news_122.jpg) no-repeat 0px 0px}
.news_product{ width:108px; height:44px; float:left; background:url(../images/news_122.jpg) no-repeat 0px -45px}
.news_ce{ width:108px; height:44px; float:left; background:url(../images/news_122.jpg) no-repeat 0px -90px}
.news_managed{width:108px; height:44px; float:left; background:url(../images/news_122.jpg) no-repeat 0px -134px}
.news_tu{width:108px; height:44px; float:left; background:url(../images/news_122.jpg) no-repeat 0px -179px}
.news_qu{width:108px; height:44px; float:left; background:url(../images/news_122.jpg) no-repeat 0px -224px}
.news_notice{width:108px; height:44px; float:left; background:url(../images/news_122.jpg) no-repeat 0px -269px}

.news_button{ width:100px; height:auto; float:left; margin:10px 0px 0px 15px; display:inline}
.news_today{ width:48px; height:28px; float:left; background:url(../images/news_122.jpg) no-repeat right -231px}
.news_yesterday{ width:48px; height:28px; float:left; background:url(../images/news_122.jpg) no-repeat right -260px; margin-left:2px}

.news_on{ background:url(../images/news_13.jpg) no-repeat left center;  padding-left:10px}
.news_next{background:url(../images/news_14.jpg) no-repeat right center; padding-right:10px}
.news_page{ width:85px; height:auto; float:left; margin:15px 0px 0px 10px; display:inline; color:#cacaca}


.news_menu ul li a{ width:108px; height:44px; float:left; position:relative}

.news_menu ul li a span{ width:108px; height:5px; float:left;position:absolute; top:39px}

.news_menu ul li a:hover span{ width:108px; height:5px; float:left;background:url(../images/news_12.jpg) no-repeat; }
.state{ width:108px; height:5px; float:left; background:url(../images/news_12.jpg) no-repeat; }