www.gusucode.com > 科技资讯织梦博客模板宽屏带数据（demo170） > 科技资讯织梦博客模板宽屏带数据（demo170）/www5/images/style.css

    
/* AB模版网 做最好的织梦整站模板下载网站 */
/* 网址：Www.AdminBuy.Cn */
/* 28素材网：Www.28sucai.Com 专业建站素材网站 */
/* QQ：9490489 */

body{margin:0px;padding:0px;text-align:center;font-size:12px;height:100%;font-family:"Microsoft YaHei","宋体";border:0;background:#DFDFDF;}
a{text-decoration:none;}
div,p,ul,h2,embed,table,h3,dl,dd{margin:0px auto;padding:0px;}
ul{margin:0 auto;}
li{list-style:none;}
.show{display:block;}
.hidd{display:none;}
.clear{clear:both;height:0px;}
.r{float:right;}
.l{float:left;}
a{color: #2B2B2B;text-decoration: none;}
a:hover{color:#c10000;text-decoration:none;}
img{border:0px;}
div.main{width:1200px;height:100%;overflow:hidden;*position:relative;}
.l_div{width:197px;height:100%;position:fixed;*position:absolute;*top:0px; *left:expression(offsetParent.scrollLeft);float:left;border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;background:#F0F0F0;}
.r_div{width:1002px;height:100%;float:right;background:#fff;}
.fr{float:right;}
.fl{float:left;}

.logo_box{background: url(L_line.jpg) bottom left repeat-x;padding-bottom:15px;}
.logo_box h2{color:#3f484f;white-space:nowrap;font-size:15px;margin-top:5px;}
.logo_box strong{-webkit-transition:color 0.1s ease;-moz-transition:color 0.1s ease;-o-transition:color 0.1s ease;transition:color 0.1s ease;color:#e24f48;}
h1.logo{background:url(logo.png) 0 0;text-indent:-999px;display:inline-block;width:190px;height:45px;margin:20px 0 0 0;}
.logo_box a:hover{display:block;opacity:.8;}.logo_box a:hover strong{color:#3f484f;}
.logo_box a:hover .logo{background-position:0px -50px;}
.logo-title{margin:0 0 0 10px;font-weight:400;font-size:48px;line-height:48px;}


div.nav_m{width:170px;margin-left:15px;height:auto;overflow:hidden;padding-top:20px;}
div.nav_m li{width:100%;height:36px;line-height:36px;font-size:16px;text-align:left;}
div.nav_m li.current-menu-item{background:#fff;}
div.nav_m li a{display:block;width:100%;height:36px;padding-left:23px;border-left:5px #F0F0F0 solid;}
.nav_m ul li a:hover{color:#d14836;background:#fff;border-left:5px #d14836 solid;font-weight:bold;}
div.nav_m li.current-menu-item a{color:#d14836;border-left:5px #d14836 solid;font-weight:bold;}


.wx_div img{float:right;}
.wx_div{background:url(wx_bg.jpg) bottom left no-repeat;height:80px;line-height:24px;}
.wx_div span{float:left;width:95px;line-height:24px;}
.nav_div ul li a.as_01{background-position:0px 3px;}
.nav_div ul li a.as_02{background-position:0px -31px;}
.nav_div ul li a.as_03{background-position:0px -65px;}
.nav_div ul li a.as_04{background-position:0px -100px;}
.nav_div ul li a.as_05{background-position:0px -137px;}
.nav_div ul li a.as_06{background-position:0px -173px;}
.nav_div ul li a.as_07{background-position:0px -206px;}
.nav_div ul li a.as_08{background-position:0px -238px;}

div.gz_us{width:180px;margin-left:10px;margin-top:30px;text-align:left;color:#999;background: url(L_line.jpg) top left repeat-x;padding-top: 15px;}
div.gz_us h2{background:url(L_line.jpg) bottom left repeat-x;width:100%;height:30px;}
div.gz_us h2 b{display:block;background:url(us_txt.jpg) center center no-repeat;width:68px;height:14px;float:left;margin-top:8px;}
.wb_div{height:24px;line-height:24px;width:100%;}
.wb_div span{float:left;height:24px;line-height:24px;padding-right:8px;color:#444}
.wb_div a{display:inline-block;width:24px;height:24px;}
a.qqwbo{background:url(weib_ico.jpg) -24px 0px no-repeat;margin-right:5px;}
a.xlwbo{background:url(weib_ico.jpg) 0px 0px no-repeat;}
a.qqwbo:hover{background:url(weib_ico.jpg) -24px -24px no-repeat;}
a.xlwbo:hover{background:url(weib_ico.jpg) 0px -24px no-repeat;}






div.top_nav{width:974px;height:37px;background:#F2F2F2;margin:10px auto; overflow:hidden}
div.top_nav ul{text-align:center;}
div.top_nav li{float:left;padding:0 8px 0 8px;height:35px;line-height:37px;border-bottom:2px soldi #F2F2F2;}
div.top_nav li:hover{border-bottom:2px solid #d14836;background:#F2F2F2}
div.top_nav li a{font-size:14px;}
div.l_m_div{width:670px;height:auto;overflow:hidden;float:left;margin:13px;margin-top:0px;margin-right:0px;border-right:1px solid #eee;padding-right:14px;padding-bottom:20px;}
.AisBanner{width:670px; height:300px;background:#eee;float:left;overflow:hidden;margin-bottom:15px;}
#focus {width:670px; height:300px; overflow:hidden; position:relative;}
#focus ul {height:300px; position:absolute;}
#focus ul li{float:left; width:670px; height:300px; overflow:hidden; position:relative; background:#000;}
#focus ul li div1 {position:absolute; overflow:hidden;}
#focus .btnBg {position:absolute; width:670px; height:40px; left:0; bottom:0; background:#000;}
#focus .btn {position:absolute; width:220px; height:10px; padding:5px 10px; right:0px; top:270px;text-align:right;}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#aaa;}
#focus .btn span.on {background:#e50450;}
#focus ul li a img{width:670px; height:300px;}
#focus ul li h4{font-size:16px;text-align:left;color:#fff;position:absolute;left:10px;bottom:8px;z-index:9999;margin:0px;}
div.ul_text{width:670px;height:auto;overflow:hidden;padding-top:20px;}

div.div01{width:670px;height:auto;overflow:hidden;text-align:left;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #e9e9e9;}
div.div01 h2 a{font-size:18px;display: block;*padding-top:15px;}
div.div01 h2 b{float:right;font-size:12px;color:#fff;font-weight:400;background:url(ut_ico.jpg) center center no-repeat;width:30px;height:24px;text-align:center;line-height:20px;}
div.div01 a.img_link{float:left;margin-bottom:10px;}
div.div01 a.img_link img{margin-right:10px;}

div.div_text{width:670px;height:auto;overflow:hidden;border-bottom:1px solid #e9e9e9;text-align:left;padding-bottom:20px;}
div.div_text h2{font-size:24px;font-weight:400;text-align:left;*padding-top:15px;line-height:40px;}
div.div_text h2 b{float:right;font-size:12px;color:#fff;font-weight:400;background:url(ut_ico.jpg) center center no-repeat;width:30px;height:24px;text-align:center;line-height:20px;}
div.div_text h2 b a{color:#fff;}
div.more_d{color:#999;font-size:14px;}
div.more_d a{color:#999}
div.more_d a.more_l{float:right;background:url(more.jpg) right center no-repeat;padding-right:20px;color:#999}
div.more_d a:hover{text-decoration:underline;color:#d14836}
div.txt_i{float:left;padding-right:10px;}
div.txt_d{float:right;width:480px;line-height:26px;padding:0 0 10px 0;font-size:15px;color:#333;}
div.txt_d p{padding-bottom:15px;}
div.txt_img{padding-right:10px;margin-top:5px;}
div.txt_img img{padding:4px;border: 1px #dbdbdb solid;width:170px;height:120px;}
div.txt_img a:hover img{border:1px #3991D0 solid;-webkit-transition: border-color .5s;-moz-transition: border-color .5s;transition: border-color .5s;-webkit-box-shadow: 0 1px 5px rgba(0,0,0,.3);-moz-box-shadow: 0 1px 5px rgba(0,0,0,.3);box-shadow: 0 1px 5px rgba(0,0,0,.3);}

div.txt_p{line-height:22px;padding:0 0 10px 0;font-size:14px;color:#333;}
div.txt_post{line-height:22px;padding:0 0 10px 0;font-size:14px;color:#333;}
div.txt{line-height:26px;padding:10px 0;font-size:16px;color:#333;border-top: 1px #dbdbdb solid;margin-top:10px;}
div.txt p{margin-bottom:15px;}
div.txt p a:link{text-decoration: underline;}
div.txt img{max-width:600px; scale:expression((this.offsetWidth > this.offsetHeight)?(this.style.width = this.offsetWidth >= 600 ? "600px" : "auto"):"auto"); display:inline !important;}

blockquote {
overflow: hidden;
padding: 5px 0 0 35px;
color: #8e8e8e;
background: #f3f3f3 url(quote.png) no-repeat 5px 10px;
margin: 10px 0;
}

div.tools_ddd{width:100%;line-height:26px;height:26px;color:#444;border-bottom:1px solid #eee;padding-bottom:13px;}
div.tools_ddd a.pd{color:#946652}
.article-footer{margin-bottom:15px;margin-top:15px;}
.article-footer .share{float:right;}
.article-tags{font-size:12px;}
.article-tags a{display:inline-block;padding:2px 8px;margin:0 2px;color:#fff;font-size:12px;background:#d14836}
.article-tags a:hover{background:#ce594a;color:#fff}
div.comm {
margin-top: 20px;
position: relative;
}


div.r_m_div{margin-top:5px;height:auto;overflow:hidden;width:275px;float:right;margin-right:15px;}
div.divs_r1{width:290px;height:299px;background:url(gg1.jpg) center center no-repeat;position:relative;float:right;}
div.divs_r1 a.r1_a{display:block;background:#dd2f39;width:285px;height:30px;text-align:center;font-size:14px;color:#fff;position:absolute;top:0px;left:2px;line-height:30px;}
div.divs_r1 a.r1_b{display:block;background:#dd2f39;width:285px;height:30px;text-align:center;font-size:14px;color:#fff;position:absolute;top:40px;left:2px;line-height:30px;}
div.divs_r1 a.r1_c{display:block;background:#F79820;width:285px;height:30px;text-align:center;font-size:14px;color:#fff;position:absolute;top:80px;left:2px;line-height:30px;}
div.R_tdiv{width:275px;height:auto;overflow:auto;float:right;}
h2.R_title_h2{width:100%;color:#222;text-align:left;height:35px;background:url(line_2.jpg) bottom left no-repeat;font-size:16px;line-height:35px;}
div.Tags a{display:block;padding:4px 5px;_padding:4px;float:left;border-radius:2px;background:#bbb;color:#fff;margin:3px 4px;*margin:3px;margin:3px \9;margin-left:0px;}
div.Tags a:hover{background:#d14836}
div.ad1{float:right;width:275px;margin-top:10px;}
ul.ul_z4{padding:8px 0px;text-align:left;float:left;}
ul.ul_z4 li{line-height:28px;width:275px;}
ul.ul_z4 li b{display:block;border-radius:10px;width:15px;height:15px;background:#aaa;color:#fff;text-align:center;font-weight:400;line-height:15px;float:left;margin-top:6px;}
ul.ul_z4 li a{padding-left:5px;color:#444;}
ul.ul_z4 li a:hover{color:#d14836;text-decoration:underline;}
ul.ul_z4 li:hover b{background:#d14836}
ul.ul_z4 li span{float:right;color:#999;}

#R_focus {width:275px; height:230px; position:relative;overflow:hidden;float:left;margin-top:10px;}
#R_focus ul {height:230px; position:absolute;left:0px;}
#R_focus ul li {float:left;width:275px; height:230px; overflow:hidden; position:relative; background:#000;text-align:left;}
#R_focus ul li span {position:absolute;display:block;width:269px;height:70px;line-height:23px;top:150px;left:0px;overflow:hidden;z-index:999;background:#eee;padding:8px;color:#494a45}
#R_focus ul li span .p1{color:#222;font-weight:600;}
.preNext {width:21px; height:21px;background:url(sprite.gif) no-repeat 0 0; cursor:pointer;float:right;}
.next {background-position:right top;margin-left:8px;}
#tools{width:70px;height:21px;margin-top:-28px;float:right;}
div.a_pages{margin-top:18px;}
ul.pagelist{line-height: 27px;}

ul.pagelist .current{background:#f5f5f5;border:1px solid #bbb;box-shadow:inset 0 1px 2px #bbb;float:left;width:31px;height:27px;line-height:29px;border-radius: 2px;text-align:center;margin-right:5px;}
ul.pagelist a.page-numbers {padding:0 12px;line-height:29px;height:27px;_height:16px;_overflow:hidden;color:#666;border:1px solid #ddd;display:block;margin-right:3px;float:left;border-radius: 2px;box-shadow: 1px 1px 2px #eee;border-color: #ddd #d2d2d2 #d2d2d2 #ddd}
ul.pagelist a.page-numbers:hover{background-color:#f5f5f5;border-color:#bbb;box-shadow:inset 0 1px 2px #bbb}

ul.pagelist{line-height: 27px;}
ul.pagelist li{margin-right:8px;float:left;}
ul.pagelist li.thisclass{background-color:#f5f5f5;border:1px solid #bbb;box-shadow:inset 0 1px 2px #bbb;float:left;width:31px;height:27px;line-height:29px;border-radius: 2px;text-align:center;}
ul.pagelist li a{padding:5px 12px;_height:16px;_overflow:hidden;color:#666;border:1px solid #ddd;display:block;margin-right:3px;float:left;border-radius: 2px;box-shadow: 1px 1px 2px #eee;border-color: #ddd #d2d2d2 #d2d2d2 #ddd}
ul.pagelist li a:hover{background-color:#f5f5f5;border-color:#bbb;box-shadow:inset 0 1px 2px #bbb}
ul.pagelist .dots {padding:0 12px;line-height:29px;height:27px;_height:16px;_overflow:hidden;color:#666;border:1px solid #ddd;display:block;margin-right:3px;float:left;border-radius: 2px;box-shadow: 1px 1px 2px #eee;border-color: #ddd #d2d2d2 #d2d2d2 #ddd}


ul.yy_zt{width:275px;height:auto;overflow:hidden;margin-top:10px;}
ul.yy_zt li{width:275px;height:100px;float:left;margin-bottom:10px;position:relative;}
ul.yy_zt li span{display:block;width:275px;height:25px;line-height:25px;background:#8A8A8A;color:#fff;text-align:left;bottom:0px;left:0px;position:absolute;}
ul.yy_zt li a:hover span{height:30px;line-height:30px;}

#footer{background:#FAFAFA;border-top:2px solid #eee;width:978px;float:left;color:#a9a9a9;padding:10px;margin:0 auto !important;height:auto;overflow:hidden;text-align:left;}
#footer p{padding:5px;}

.search_form{
    height: 32px;
    overflow: hidden;
    width: 275px;
}

.keywords{
    color: #000;
    display: inline;
    float: left;
    font-size: 13px;
    height: 28px;
    line-height: 28px;
    margin:0;
    width: 200px;
	border:1px solid #DD2F39;
}

.search_btn{
    border:none;
    cursor: pointer;
    float: left;
    height: 32px;
    line-height: 30px;
    width: 68px;
	background:#DD2F39;
	border:1px solid #DD2F39;
	color:#fff;
	font-size:14px;
}
.search_btn:hover{background-color:#F86947;}


*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
#tbox{width:47px; height:73px; float:right; position:fixed;
_position:absolute;
_bottom:auto;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
_margin-bottom:10px;
}/*解决IE6下不兼容 position:fixed 的问题*/
#gotop{ width:47px; height:47px; background:url(top01.png) no-repeat; position:absolute; top:0px;left:0px;display:none; cursor:pointer} 
#gotop:hover{ background:url(top02.png) no-repeat;}
ul.y_links{padding-top:10px;}
ul.y_links li{float:left;width:auto;height:25px;line-height:25px;text-align:left;padding-right:15px;}
ul.y_links li a:hover{color:#c10000;}


::selection {  
    background:#ff0033;  
    color:#f2f2f2;  
}  
  
::-moz-selection {  
    background:#ff0033;  
    color:#f2f2f2;  
}  
  
::-webkit-selection {  
    background:#ff0033;  
    color:#f2f2f2;  
}  

div#author-box{ text-align:center; margin:15px 0;border:1px solid #eee;background:#fcfcfc}
div#author-box h3{padding:4px;border-bottom:1px solid #eee;background:#fff;font-size:14px;height:26px;}
div#author-box h3 span{text-align:center;font-weight:normal;font-size:14px;}
.author-avatar img{float:left;margin:10px;padding:4px;width:64px;height:64px;border:1px solid #eee;-webkit-border-radius:37px;-moz-border-radius:37px;border-radius:37px;background:#fff;-webkit-box-shadow:inset 0 -1px 0 #3333sf;box-shadow:inset 0 -1px 0 #3333sf;-webkit-transition:.4s;-webkit-transition:-webkit-transform .4s ease-out;-moz-transition:-moz-transform .4s ease-out;transition:transform .4s ease-out}
.author-avatar img:hover{border:1px solid #ccc;-webkit-box-shadow:0 0 10px #fff;box-shadow:0 0 10px #fff;-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);transform:rotateZ(360deg);rgba(255,255,255,.6),inset 0 0 20px rgba(255,255,255,1);rgba(255,255,255,.6),inset 0 0 20px rgba(255,255,255,1)}
.author-description{padding:10px 10px 0 5px;font-size:14px;line-height:22px}
#author-name{display:none}
.nb{padding:12px 0;border-bottom:0}
#archive-head .follows{width:auto}
#archive-head .follows li{float:left;margin:0;padding:0;width:28px;height:30px;background:none}
.widget .nb li{padding:0;width:28px;height:30px;background:none}.widget .nb li.archive,.widget .nb li.donate{width:80px}.widget .nb li.archive a{width:78px;height:24px;background:url(archive.png) no-repeat}.widget .nb li.donate a{width:78px;height:24px;background:url(donate.png) no-repeat}
#related-posts,#author-box{clear:both}
.follows ul li{background:none}
.follows li a{display:block;margin-left:4px;width:24px;height:24px;background:url(social24.png) no-repeat;text-indent:-9999px;opacity:.7}
.follows li a:hover{opacity:1}
.follows li.website a{background-position:0 0}
.follows li.sina_weibo a{background-position:0 -68px}
.follows li.qq_weibo a{background-position:0 -102px}
.follows li.rss a{background-position:0 -238px}
.follows li.email a{background-position:0 -170px}
.follows li.qq a{background-position:0 -34px}
.follows li.twitter a{background-position:0 -204px}
.follows li.google_plus a{background-position:0 -136px}
.follows li.archive a{width:78px;height:24px;background:url(archive.png) no-repeat}
.follows li.donate a{width:78px;height:24px;background:url(donate.png) no-repeat}
.follows li{display:inline;float:left;margin-right:4px;height:24px;text-align:center;line-height:190%}.social-icons{padding:10px 0}

/*CSS 分页 style */

DIV.badoo {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 13px; PADDING-BOTTOM: 10px; COLOR: #48b9ef; PADDING-TOP: 10px; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #fff; TEXT-ALIGN: left
}
DIV.badoo A {
	BORDER-RIGHT: #f0f0f0 2px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f0f0f0 2px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 0px 2px; BORDER-LEFT: #f0f0f0 2px solid; COLOR: #48b9ef; PADDING-TOP: 2px; BORDER-BOTTOM: #f0f0f0 2px solid; TEXT-DECORATION: none
}
DIV.badoo A:hover {
	BORDER-RIGHT: #ff5a00 2px solid; BORDER-TOP: #ff5a00 2px solid; BORDER-LEFT: #ff5a00 2px solid; COLOR: #ff5a00; BORDER-BOTTOM: #ff5a00 2px solid
}
DIV.badoo A:active {
	BORDER-RIGHT: #ff5a00 2px solid; BORDER-TOP: #ff5a00 2px solid; BORDER-LEFT: #ff5a00 2px solid; COLOR: #ff5a00; BORDER-BOTTOM: #ff5a00 2px solid
}
DIV.badoo SPAN.current {
	BORDER-RIGHT: #ff5a00 2px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ff5a00 2px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #ff5a00 2px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #ff5a00 2px solid; BACKGROUND-COLOR: #ff6c16
}
DIV.badoo SPAN.disabled {
	DISPLAY: none
}


#2top_nav{ float:left;width:974px;height:37px;background:#F2F2F2;margin:10px auto;}
#2top_nav ul{text-align:left;}
#2top_nav li{float:left;padding:0 8px 0 8px;height:35px;line-height:37px;border-bottom:2px soldi #F2F2F2;}
#2top_nav li:hover{border-bottom:2px solid #d14836;background:#F2F2F2}
#2top_nav li a{font-size:14px;}


.pages {padding: 30px 0 30px;text-align: center}
.pages li {display: inline; margin:0 2px; font-size:12px}
.pages li.thisclass, .pages a:hover{padding: 3px 8px; border: 1px solid #c20f36;	background: #c20f36;color: #fff;text-decoration: none}
.pages a{padding: 3px 8px;border: 1px solid #CCC;background: #fff;color: #A4A4A4;line-height: 18px; font-size:12px}