@charset "utf-8";

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,PRe,form,fieldset,input,textarea,p,blockquote,th,td
{ margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;outline: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
table {border-collapse:collapse; border-spacing:0; } 
ol,ul {  list-style:none; } 
body {font-family:"Microsoft Yahei", "宋体", SimSun,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:16px;line-height:20px;color:#444;background-color: #fff;}
body {max-width:1440px;background-image:url(about:blank); background-attachment:fixed;}/*for IE6为navbar不闪烁*/
.inlineblock{display:inline-block; _zoom:1;*display:inline;}

a{text-decoration:none;color:inherit;}
a:hover,a:focus{color:#FF5E52;text-decoration:none}
.button{border-radius: 3px;opacity:0.88;background-color: #FF5E52;color: #fff;}
.button:hover, .button:focus{opacity: 1}
.container {position:relative;max-width:1440px;padding:0 300px 0 220px;} 
.content-wrap {width:auto;}
.navbar {position:fixed;left:0;top:0;width:190px;height:100%;background-color: #e9e7ef;}
.navbar {_position:absolute; _top:expression(eval(document.documentElement.scrollTop));}/* for IE6 */

.sidebar {position:absolute;top:0;right:0;padding:0 25px;width: 280px;}


/*左导航 ====================================================*/
.mylogo {text-indent:-300%;white-space: nowrap;background:#FF5E52 url("logo.png") center center no-repeat;}
h1 a {height:150px;display:block;}
#menu ul {}
#menu ul i {font-size: 18px;margin-right:10px;}
#menu ul li:first-child{display:none;}
#menu ul li a, #menu ul li a:visited {line-height:1.4em;height:1.4em;font-size:18px;padding: 12px 25px;display: block;color: #666;}
#menu ul li a:hover, #menu ul li a:active,#menu ul li a:focus,#menu ul li a.current {color:#444;background-color:#FFF;}
#menu ul li a { zoom: 1; } 
.so {position: absolute;bottom:15px;width:100%}
.search-form{width:150px;margin:0 auto;height:32px;}
.search-form .form-control{color:#666;border:solid 1px #ddd;border-right: none;width:100px;padding: 5px 10px;height:100%;}
.search-form .form-control:focus{border-color: #ccc;}
.search-form .btn{width: 48px;box-shadow: none;padding:6px;background-color: #FF5E52;color:#fff;opacity: .85;height:100%;}
.search-form .btn:hover, .search-form .btn:focus{opacity: 1}

/* 
 * 中栏列表
 * ====================================================
*/
.title{position: relative;line-height: 32px;font-size: 18px;border-bottom: 2px solid #eee;margin-bottom:15px}
.title strong{border-bottom: 2px solid #FF5E52;position: relative;bottom: -2px;font-weight: normal;}
.title span {font-size: 15px;margin-left:20px;position: relative;bottom: -2px;}
.notice {border:0;}
.notice strong{padding-bottom:5px;}
.first,.brief{color:#777;padding:15px 0;border-bottom: 1px solid #eee;overflow: hidden;}
.first h3,.brief h3{color:#333;font-size:20px;font-weight:normal;line-height:25px;}
.remark {margin:10px 0;}
.remark a{display:inline-block;margin-right:15px;font:12px;color:#999}
.remark a i{margin-right:5px;}
.digest{font-size: 18px;line-height:1.8;margin:10px 0;}
.first .thumb,.brief .thumb {float:right;margin:0 0 0 10px;max-width:300px}
.first .thumb img  {max-height:200px;}
.brief .thumb img  {max-height:120px;}
.special-category img { max-width: 100%;height: auto;}
/* 
 *页码条
 * ====================================================
*/
.pagination {margin:20px 0}
.pagination ol  {text-align:center;}
.pagination ol  li {display:inline;}
.pagination ol  li  a{background-color:#ddd;color:#666;display:inline-block; margin:3px;padding:6px 10px;border-radius: 3px;opacity:0.8;}
.pagination ol   li  a:hover,.pagination ul  li  a:focus{opacity: 1}
.pagination ol   li.current  a{background-color: #FF5E52;color: #fff;}

/* 
 *侧栏
 * ====================================================
*/
.widget {margin-bottom:15px;}
.widget ul li {font-size:14px;padding-bottom:12px}
ul.recentcomments  li {padding-bottom:5px} 
div#tagcloud  span {padding:5px;margin:0px 0px 4px 0px;}
div#tagcloud  span {color:#fff}
div#freindlink ul li {display:inline-block;margin-right:10px;}
.fixed{position:fixed; top:20px;}
.beian {margin:30px 0;}

.adside p{margin:10px 0;}
.adside p img{width:100%;}
.adfixed{position:fixed;_position:absolute;top:0;width:230px;}
 
/*内容页====================================================*/

.article-title{font-size: 30px;color:#333;margin: 5px 0 25px 0;line-height: 1.2;text-align:center}
.article-title a{margin-right:15px}
.article-tags{font-size:12px;text-align: center;padding-top:5px;}
.article-tags a{display:inline-block;padding:3px ;margin:0 4px;color:#FF5E52;font-size:12px;border:1px solid #FF5E52;}
.article-tags a:hover{color: #fff;background-color:#FF5E52}

.article-content p{font-size:20px;word-wrap:break-word;line-height:2;letter-spacing:1px;}
.article-content p img{margin:5px auto; display:block;text-align:center;max-width:100%;height:auto}
.article-content p h3,.article-content p h4， .article-content p h5{font-size:16px;border-bottom:#eee 1px solid;padding-bottom:5px;margin-bottom:16px;font-weight:normal;color: #444;}
.article-content p,.adcomm p{text-indent: 2em; margin-bottom:16px;}
.article-content p table{border-top:solid 1px #ddd;border-left:solid 1px #ddd;width:100%;margin-bottom:16px}
.article-content p table th{background-color:#f9f9f9;text-align:center}
.article-content p table td,.article-content table th{border-bottom:solid 1px #ddd;border-right:solid 1px #ddd;padding:5px 10px}
.article-content  p a{color:#428bca;text-decoration:underline}
.article-content p a:hover{color:#FF5E52}

/* 将多个不固定宽度内容居中，父用text-align:center;将固定宽度内容居中，用margin:0 auto*/

.article-meta a{font-weight:bold;}
.article-meta span {padding:10px 15px;}
.article-reply {padding:5px 10px;margin:20px 0}
#adpost{ padding-bottom:5px; border-bottom:1px solid #000}
/* 
 *相邻文章
 * ====================================================
*/
.article-nav{overflow:hidden;font-size:18px;color:#bbb;padding-top:20px}
.article-nav span{float:left;position:relative;}
.article-nav span.article-nav-next{float:right;text-align:right}

.article-nav a{color: #999;}
.article-nav a:hover{color: #FF5E52;}

/* 
 * 评论
 * ====================================================
*/
.comment-list li.comment-parent{ }
.comment-wrap {border-bottom: 1px dashed #ccc; padding:15px 0}
.comment-author {float:left;margin-right:20px;}
.comment-meta {float:right;margin-left:15px;}
.comment-reply{display:none;}
.comment-content {overflow:hidden;zoom:1;} /*消除环绕 zoom兼容ie6 */
.comment-child {margin-left:30px;}


.respond {margin:25px 0;}
.respond p i{font-size:18px;color: #888;}
#textarea,#mail input,#author input {width:100%;border:1px solid #ccc;}
#textarea {padding:5px;}
#textarea:focus,#mail input:focus,#author input:focus {border-color: #FF5E52;}

#mail ,#author{margin:25px 40px 25px 0px;padding:0;width:30%;display:inline-block;position:relative}
#mail input,#author input{height:30px;text-indent:25px;}

#mail i,#author i{position:absolute;left:3;top:5px;}
#comment-form .submit{padding:5px 10px;}

/* 
 * 404
 * ====================================================
*/
#error-page {margin:0 auto;text-align:center;font-size:1.5em}
#error-page form input.text {max-width:400px;border:solid 1px grey;width:60%}
#error-page p{margin:30px 0;line-height：10px}
#error-page h2 {font-size:2em;margin:90px auto}
#error-page button {font-size:1em}
/* 
 *自适应部分
 * ====================================================
*/
@media screen and (max-width:1024px)
{
.container {padding:0 20px 0 215px} 
.content-wrap {width:100%;}
.sidebar{height:0;width:0;margin:0;padding:0;overflow:hidden}
#menuIcon{display: none;}
.adfixed {position:relative;}
}

@media screen and (max-width:800px)
{
body {font-size:62.5%}
.container {position:absolute;top:0px;left:0px;padding:100px 20px 6px;width:100%;} 
.content-wrap {width:100%;}
.mylogo {height:120px;background:#FF5E52 url("logowap.png") center center no-repeat;}
.navbar {position:absolute;top:0; width:100%;height:auto;}
.mylogo p,h1{opacity:0;filter:alpha(opacity=0);}
h1 a {height:83px;display: block;}
#menu {position:absolute;top:30px;left:20px;z-index:100;}
.so,.widget,.article-tags,#article-below,.digest,.remark,#jqs{height:0;width:0;margin:0;padding:0;overflow:hidden;}
#menu ul li{display:none}

#menu ul li:first-child{display:list-item;margin:0px 10px;}
#menu ul li:first-child i {color:#fff;font-size:2em;}
#menu ul:hover>li:first-child{background-color: rgba(0,0,0,0);}
#menu ul:hover > li,#menu ul:focus > li,#menu ul:active > li{display:list-item;background-color:#f6f6f6}
.first,.brief{color:#777;padding:15px 0;border-bottom: 1px solid #eee;overflow: hidden;}
.first h3,.brief h3{color:#333;font-size:2.2em;}
.pagination ol  li  a{font-size:2em;}

.thumb {float:right;margin:0 10px;}
.thumb img  {max-height:50px;max-width:100px;}
.sidebar {position:relative;height:auto;width:100%;}
.adside{width:100%;}
.adside p{display:inline-block;max-width:46%;margin:3px;}
.content-wrap{width:100%;margin:0;margin-top:4em;}
.article-title{font-size:3em}
.article-content p{font-size:2.2em;line-height:1.5em;}
.article-meta {font-size:2em;text-align:center;}
.article-content p,.adcomm p{text-indent: 1em; }
.adpost span{ padding-bottom:0.1em; border-bottom:1px solid #000}
#comments{font-size:2em;}
.comment-content {clear:both;padding-top:15px;} 
.comment-child {margin-left:30px;}
.adfixed {position:relative;}
#mail ,#author{display:block;width:80%;}
.beian {text-align:center;}
.footer{display:block;padding:10px 0;line-height:2em;overflow:hidden}
.footer img{float:left;width:60px;margin:-8px 5px 0 -8px;}
}