@charset "gb2312"; /*---------------首页*/ .toplogo{ float:left; width:200px; margin-top:14px; margin-left:50px; } .topbanner{ width:480px; height:70px; margin-top:8px; margin-left:80px; margin-bottom: 22px; float:left; } /*---------------左侧*/ .ileft{ width:670px; float:left; overflow:hidden; margin-top:3px; } .leftop{ width:670px; overflow:hidden; } .leftop .swfnews{ width:280px; height:215px; float:left; margin-left:2px; } .leftop .topnews{ width:377px; float:left; margin: 0px 0px 25px 10px; } .leftop .topnews dl{ width:377px; background:url(topline_botbg.gif)/*tpa=http://localhost/roadtunnel/wp-content/themes/images/topline_botbg.gif*/ left bottom repeat-x; margin:3px auto 0px; } .leftop .topnews dl dt{ background:url(dtxw.gif)/*tpa=http://localhost/roadtunnel/wp-content/themes/web/images/dtxw.gif*/ 20px center no-repeat; border-bottom:1px solid #DDD; height:30px; display:block; } .leftop .topnews dl dt a{ font-size:12px; float:right; margin-right:10px; margin-top:12px; } .leftop .topnews dl dt a:link, .leftop .topnews dl dt a:visited{ color:#0066CC; text-decoration:none; } .leftop .topnews dl dt a:hover, .leftop .topnews dl dt a:active{ color:#FF3300; text-decoration:underline; } .leftop .topnews dl dd{ width:377px; overflow:hidden; } .leftop .topnews dl dd ul{ width:377px; margin:7px auto 0px; } .leftop .topnews dl dd ul li{ display:block; width:377px; height:30px; float:left; overflow:hidden; background:url(ico_2.gif)/*tpa=http://localhost/roadtunnel/wp-content/themes/images/ico_2.gif*/ 5px 12px no-repeat; } .leftop .topnews dl dd ul li a { height:29px; line-height:30px; overflow:hidden; white-space:nowrap; padding-left:21px; } .leftop .topnews dl dd ul li a:link{ color:#0066CC; text-decoration:none; } .leftop .topnews dl dd ul li a:visited{ color:#666666; text-decoration:none; } .leftop .topnews dl dd ul li a:hover{ color:#FF3300; text-decoration:underline; } .leftop .topnews dl dd ul li a:active{ color:#FF3300; text-decoration:underline; } /*---------------左侧列表*/ .leftlist{ width:665px; margin-left:3px; border:1px solid #DDD; overflow:hidden; margin-top:10px; } .leftlist .ptitle{ width:666px; height:31px; margin:1px auto 0px; background:url(topline_botbg.gif)/*tpa=http://localhost/roadtunnel/wp-content/themes/images/topline_botbg.gif*/ 0px -20px repeat-x; border-bottom:1px solid #EEE; } .leftlist .ptitle .text{ display:block; width:200px; height:31px; line-height:31px; background:url(yjsjj.gif)/*tpa=http://localhost/roadtunnel/wp-content/themes/web/images/yjsjj.gif*/ 8px 2px no-repeat; text-indent:30px; font-size:14px; font-weight:bold; text-decoration:none; } /* .leftlist .ptitle a{ display:block; width:200px; height:31px; line-height:31px; background:url(../images/article_ico_1.gif) 8px 8px no-repeat; text-indent:30px; font-size:14px; font-weight:bold; text-decoration:none; }*/ .leftlist .ptlink{ text-indent:24px; line-height:24px; padding: 20px; } .leftlist .ptlink a{ color:#666666; } .leftlist .plist{ width:668px; overflow:hidden; list-style:none; } /*---------------图文资讯*/ .picnews dd{ width:154px; float:left; display:inline; text-align:center; margin:10px 0px 0px 10px; line-height:31px; overflow:hidden; } .picnews dd a img{ border:1px solid #DDD; } .picnews dd a:hover img{ border:1px solid #FFCC00; } .picnews dd a{ display:block; } /*---------------资讯列表*/ .newsbox{ width:680px; clear:both; overflow:hidden; } .newsbox dl{ width:330px; float:left; margin-right:6px; border:1px solid #DDD; } .newsbox dl dt{ width:328px; height:31px; margin:1px auto 0px; background:url(topline_botbg.gif)/*tpa=http://localhost/roadtunnel/wp-content/themes/images/topline_botbg.gif*/ 0px -20px repeat-x; border-bottom:1px solid #EEE; } .newsbox dl dt a{ display:block; height:31px; line-height:31px; background:url(article_ico_1.gif)/*tpa=http://localhost/roadtunnel/wp-content/themes/images/article_ico_1.gif*/ 8px 8px no-repeat; text-indent:30px; font-size:14px; font-weight:bold; text-decoration:none; } .newsbox dl dd{ width:330px; } .newsbox dl dd ul{ width:300px; margin:6px auto; } .newsbox dl dd ul li{ height:29px; line-height:29px; background:url(ico_4.gif)/*tpa=http://localhost/roadtunnel/wp-content/themes/images/ico_4.gif*/ 6px 14px no-repeat; text-indent:20px; } .newsbox dl dd ul li a{ color:#0066CC; font-size:14px; } /*---------------分类信息*/ .clsbox{ width:628px; text-indent:20px; line-height:20px; padding: 0 20px; } .clsbox ul{ width:628px; margin:5px auto; overflow:hidden; } .clsbox ul li{ width:334px; height:20px; margin-left:-1px; float:left; border-left:1px solid #EEE; text-indent:30px; line-height:20px; background:url(ico_4.gif)/*tpa=http://localhost/roadtunnel/wp-content/themes/images/ico_4.gif*/ 16px center no-repeat; overflow:hidden; } .clsbox ul li a{ font-size:12px; color:#0066CC; } .pdlbox{/*左侧列表区域左*/ width:434px; float:left; } .pdlbox dl{ width:434px; } .pdright{/*左侧列表区域右*/ width:232px; height:260px; display:inline; float:right; overflow:hidden; background:url(topline_botbg.gif)/*tpa=http://localhost/roadtunnel/wp-content/themes/images/topline_botbg.gif*/ right bottom repeat-x; border-left:1px solid #EEE; } .pdright dl{ width:230px; height:260px; border-right:1px solid #FFF; border-left:1px solid #FFF; } .pdright dl dt{ line-height:17px; font-weight:bold; font-size:14px; text-indent:24px; background:url(ico_8.gif)/*tpa=http://localhost/roadtunnel/wp-content/themes/images/ico_8.gif*/ 5px 0px no-repeat; margin-top:7px; } .pdright dl dd ul{ width:230px; text-indent:25px; } .pdright dl dd ul li{ height:29px; line-height:29px; background:url(ico_4.gif)/*tpa=http://localhost/roadtunnel/wp-content/themes/images/ico_4.gif*/ 12px 15px no-repeat; } .pdright dl dd ul li a{ color:#666; } /*---------------问答左侧*/ .askbox{ width:668px; overflow:hidden; padding-bottom:1px; } .askbox .pdlbox dl dd { width:430px; height:32px; display:block; clear:both; line-height:32px; overflow:hidden; } .askbox .pdlbox dl dd.ot1{ background:url(qa_ico_ot.gif)/*tpa=http://localhost/roadtunnel/wp-content/themes/images/qa_ico_ot.gif*/ 94px 10px no-repeat; } .askbox .pdlbox dl dd.ot2{ background:url(qa_ico_ot.gif)/*tpa=http://localhost/roadtunnel/wp-content/themes/images/qa_ico_ot.gif*/ 94px -17px no-repeat; } .askbox .pdlbox dl dd span.otclass{ width:88px; float:left; color:#999; display:block; text-align:right; color:#999; } .askbox .pdlbox dl dd span.otclass a{ color:#888; text-decoration:none; } .askbox .pdlbox dl dd span.otclass a:hover{ color:#FF3300; } .askbox .pdlbox dl dd span.otlink{ display:block; float:left; text-indent:28px; font-size:14px; } .askbox .pdlbox dl dd span.otlink a{ color:#0066CC; } .askbox .pdlbox dl dd span.otlink a:hover{ color:#FF0000; } .flabox .pdlbox dl{ width:434px; } .flabox .pdlbox dl dd { width:200px; display:block; height:48px; overflow:hidden; float:left; padding:10px 0px 6px 17px; } .flabox .pdlbox dl dd span.flashimg{ width:60px; height:42px; padding:1px; border:1px solid #DDD; display:block; overflow:hidden; float:left; } .flabox .pdlbox dl dd span.flashimg img{ width:60px; height:42px; } .flabox .pdlbox dl dd span.flashname{ width:130px; display:block; float:left; height:25px; line-height:25px; text-indent:5px; font-weight:bold; white-space:nowrap; overflow:hidden; } .flabox .pdlbox dl dd span.flashvs{ width:130px; display:block; float:left; height:21px; line-height:21px; text-indent:10px; color:#AAA; } /*--------------------右侧*/ .iright{ width:220px; float:right; } /*-------------------------右侧:白底常规列表定义*/ .rlist{ width:210px; margin: 5px auto; } .rlist .title{ width:210px; height:19px; padding-top:9px; background:url(rlist_title_bg.gif)/*tpa=http://localhost/roadtunnel/wp-content/themes/images/rlist_title_bg.gif*/ no-repeat; text-indent:10px; font-weight:bold; letter-spacing:2px; color:#444; /*border-right:1px solid #E2E2E2;*/ } .rlist .title#time{ letter-spacing:0px; } .rlist .rbox{ border:1px solid #E2E2E2; width:208px; } .rlist .rbox ul { margin:10px auto 10px 20px; } .rlist .rbox ul li { text-indent:25px; line-height:20px; background:url(link.gif)/*tpa=http://localhost/roadtunnel/wp-content/themes/web/images/link.gif*/ 6px 4px no-repeat; } .rlist .rbox ul li a:link, .rlist .rbox ul li a:visited { height:14px; color:#0066CC; text-decoration:none; } .rlist .rbox ul li a:hover, .rlist .rbox ul li a:active{ height:14px; color:#FF3300; text-decoration:underline; } .jftop{ width:210px; background:url(no_list_bg_1.gif)/*tpa=http://localhost/roadtunnel/wp-content/themes/images/no_list_bg_1.gif*/ 9px 31px repeat-y; } .jftop .jftitle{ width:210px; height:18px; padding-top:12px; line-height:17px; background:url(jitop_bgtop.gif)/*tpa=http://localhost/roadtunnel/wp-content/themes/images/jitop_bgtop.gif*/ no-repeat; text-indent:26px; font-weight:bold; letter-spacing:3px; } .jftop dl{ width:210px; border-color:#D9D9D9; border-style:solid; border-width:0px 1px 1px 1px; padding-bottom:5px; clear:both; background:url(no_list_1.gif)/*tpa=http://localhost/roadtunnel/wp-content/themes/images/no_list_1.gif*/ 8px 0px no-repeat; } .jftop dl dd{ height:23px; width:210px; display:block; clear:both; padding-top:7px; margin:0px 4px 0px 4px; background: url(hr_1.gif)/*tpa=http://localhost/roadtunnel/wp-content/themes/images/hr_1.gif*/ center bottom repeat-x; } .jftop dl dd span{ display:inline; } .jftop dl dd .name{ float:left; margin-left:29px; } .jftop dl dd .jifen{ float:right; width:60px; text-align:left; font-size:10px; color:#339933; } .gpbox{ width:210px; } .gpbox ul{ width:210px; overflow:hidden; padding-bottom:10px; } .gpbox ul li{ display:inline; float:left; width:98px; margin:9px 0px 0px 8px; } .gpbox ul li span.gpimg{ width:96px; display:block; } .gpbox ul li span.gpimg a{ width:94px; height:56px; display:block; border:1px solid #DDD; padding:1px; overflow:hidden; } .gpbox ul li span.gpimg a:hover{ border:1px solid #F90; } .gpbox ul li span.gpimg a img{ width:94px; height:56px; } .gpbox ul li span.gpname{ width:96px; display:block; text-align:center; line-height:21px; margin-top:5px; overflow:hidden; } .gplist{ width:210px; } .gplist dl{ border-top:1px solid #EEE; padding-top:1px; } .gplist dl dt{ width:210px; height:26px; margin:0px auto; background:url(topline_botbg.gif)/*tpa=http://localhost/roadtunnel/wp-content/themes/images/topline_botbg.gif*/ right -25px repeat-x; border-bottom:1px solid #EEE; line-height:26px; text-indent:12px; font-weight:bold; letter-spacing:3px; } .gplist dl dd ul{ width:200px; margin:0px auto; } .gplist dl dd ul li{ width:200px; height:33px; line-height:33px; overflow:hidden; } .gplist dl dd ul li span.gpclass{ color:#999999; } .gplist dl dd ul li span.gpclass a{ color:#999999; text-decoration:none; } .gplist dl dd ul li span a:hover{ color:#FF3300; } .gplist dl dd ul li span.gptlink{ margin-left:5px; } .gplist dl dd ul li span.gptlink a{ color:#0066CC; } /*-------------------------首页:右侧栏:投票调查*/ .vote .welcome { line-height:20px; margin:12px 0px 2px 10px; text-indent:24px; } .vote span{ display:block; height:20px; line-height:20px; margin:12px 0px 2px 10px; } .vote span input{ width:26px; } .vote .votesubmit{ width:200px; margin:7px auto; border-top:1px solid #DDD; text-align:center; padding-top:10px; height:24px; } /*-------------------------首页:底部*/ /*-------------------------首页:底部:友情链接*/ .flink{ width:900px; margin:0 auto; clear:both; overflow:hidden; } .flink .title{ height:26px; line-height:26px; background:url(flink_title_bg.gif)/*tpa=http://localhost/roadtunnel/wp-content/themes/images/flink_title_bg.gif*/ repeat-x; } .flink .title dl dt{ width:200px; float:left; line-height:26px; text-indent:20px; font-weight:bold; letter-spacing:2px; color:#666666; } .flink .title dl dd{ color:#AAA; float:right; margin-right:10px; display:inline; } .flink .title dl dd a{ color:#666666; } .flink .flinkcon{ width:880px; margin:0px auto 0px; overflow:hidden; width:880px; padding-bottom:10px; } .flink .flinkcon a{ color:#666666; display:block; float:left; height:15px; line-height:15px; padding-right:12px; padding-left:12px; margin:10px 0px 0px -1px; white-space:nowrap; border-left:1px solid #EEE; } /*-------------- 选项卡 */ #TabbedPanels1 { width:325px; margin:10px 0px 10px 3px; float:left; line-height:24px; } #TabbedPanels2 { width:325px; margin:10px 1px 10px 2px; float:right; line-height:24px; } #TabbedPanels3 { width:325px; margin:10px 0px 10px 3px; float:left; line-height:24px; } #TabbedPanels4 { width:325px; margin:10px 1px 10px 2px; float:right; line-height:24px; } .TabbedPanelsTabGroup { width:325px; margin:0; padding:0; } .TabbedPanelsTab { float:left; margin-left:2px; background:url(tagleft.gif)/*tpa=http://localhost/roadtunnel/wp-content/themes/web/images/tagleft.gif*/ no-repeat left bottom; list-style-type:none } .TabbedPanelsTab a { text-decoration:none; float:left; background:url(tagright.gif)/*tpa=http://localhost/roadtunnel/wp-content/themes/web/images/tagright.gif*/ no-repeat right bottom; padding:0px 10px; line-height:23px; color:#999 } .TabbedPanelsTabSelected { background-position: left top; margin-left:2px; position:relative; height:25px; margin-bottom:-2px } .TabbedPanelsTabSelected a { background-position: right top; color:#000; height:25px; line-height:25px; } .TabbedPanelsContentGroup { clear:both; padding:1px; width:322px; /*background-color:#fff; */ border:1px solid #DDD; } .TabbedPanelsContent { background:url(tagbg.gif)/*tpa=http://localhost/roadtunnel/wp-content/themes/web/images/tagbg.gif*/ repeat-x; padding:10px; color:#474747; width:302px; display:none; height:250px; } .TabbedPanelsContent p{ line-height:24px; text-indent:24px; margin: 10px auto; } .TabbedPanelsContent .TabbedBox { width:283px; text-indent:20px; line-height:24px; padding: 0 10px; color:#0066CC; height:230px; } .TabbedPanelsContent .TabbedBox ul{ width:283px; margin:5px auto; overflow:hidden; } .TabbedPanelsContent .TabbedBox ul li{ width:283px; margin-left:-1px; float:left; border-left:1px solid #EEE; background:url(ico_4.gif)/*tpa=http://localhost/roadtunnel/wp-content/themes/images/ico_4.gif*/ 6px 8px no-repeat; overflow:hidden; } .TabbedPanelsContent ul li a:link { color:#0066CC; text-decoration:none; } .TabbedPanelsContent ul li a:visited { color:#666666; text-decoration:none; } .TabbedPanelsContent ul li a:hover, .TabbedPanelsContent ul li a:active{ color:#FF3300; text-decoration:underline; } .TabbedPanelsContent a.more { float:right; margin-right:10px; } .TabbedPanelsContent a.more:link, .TabbedPanelsContent a.more:visited{ height:14px; color:#0066CC; text-decoration:none; } .TabbedPanelsContent a.more:hover, .TabbedPanelsContent a.more:active{ height:14px; color:#FF3300; text-decoration:underline; } /*--------- Slider*/ #slider { width: 280px; /* important to be same as image width */ height: 220px; /* important to be same as image height */ position: relative; /* important */ overflow: hidden; /* important */ } #sliderContent { width: 280px; /* important to be same as image width or wider */ position: absolute; top: 0; margin-left: 0; } .sliderImage { float: left; position: relative; display: none; } .sliderImage span { position: absolute; /*font: 10px/15px Arial, Helvetica, sans-serif; padding: 10px 13px;*/ width: 220px; background-color: #000; filter: alpha(opacity=0.7); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; color: #fff; display: none; } .clear { clear: both; } .sliderImage span strong { /*font-size: 14px;*/ } .top { top: 0; left: 0; } .bottom { bottom: 0; left: 0; }