@charset "utf-8";abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;outline:0;border:0;background:0 0;vertical-align:baseline;font-size:100%}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html{font-size:10px;-webkit-tap-highlight-color:transparent}
body{background:#f5f5f5;color:#666;font-size:14px;font-family:"Microsoft Yahei",Helvetica,Arial,sans-serif;line-height:1.42857143}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
nav ul{list-style:none}
li{list-style:none}
a{margin:0;padding:0;background:0 0;color:#666;vertical-align:baseline;text-decoration:none;font-size:100%;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
a:focus,a:hover{color:#38A3DB;text-decoration:none;cursor:pointer}
img{margin:0;padding:0;height:auto;max-width:100%}
.header{position:fixed;z-index:1;top:0;width:100%;background:#fff;}
.logo{margin:0 auto;width:1100px;padding:10px 0;}
.logo img{width:300px;height:60px;}
.navbar{overflow:hidden;margin:0 auto;width:100%;background-color:#38A3DB;border-bottom:3px solid #167DBF;}
.navbar ul{margin:0 auto;width:1100px;}
.navbar ul li{position:relative;float:left;display:block;text-align:center}
.navbar ul li a{display:block;padding:15px;color:#fff;font-weight:500;font-size:16px}
.navbar ul li a:hover,.navbar li.on a{background-color:#167DBF}
.content-wrap{overflow:hidden;margin:155px auto 0;width:1100px;}
.ad{margin:0 auto 20px;width:1100px;}
.article{overflow:hidden;float:left;width:720px;padding:20px 15px;margin-bottom:20px;border:1px solid #eee;background-color:#fff;}
.article h3{padding-bottom:10px;border-bottom:1px solid #38A3DB;font-size:15px}
.post{position:relative;overflow:hidden;padding:20px 0;border-bottom:1px dashed #38A3DB;border-radius:2px;-webkit-transition:all .4s ease;transition:all .4s ease}
.post h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px;line-height:24px}
.post-img{position:relative;float:left;margin-right:20px;margin-left:0;width:220px;height:168px;}
.post-img img{width:220px;height:168px;opacity:.8;filter:alpha(opacity=80);}
.post-img img:hover{opacity:1;filter:alpha(opacity=100);}
.post p.time{display:block;padding:10px 0 7px;font-size:14px;color:#38A3DB;line-height:26px}
.post p.intro{display:block;font-size:14px;line-height:26px}
.sidebar{overflow:hidden;float:right;width:360px}
.widget{overflow:hidden;margin-bottom:20px;padding:20px 15px 10px;border:1px solid #eee;background-color:#fff}
.widget h3{padding-bottom:10px;border-bottom:1px solid #38A3DB;font-size:15px}
.widget ul{margin-top:10px;}
.widget ul li{counter-increment:nums;display:block;height:30px;padding:1px 0 3px 30px;position:relative;margin:2px 0;font-size:14px;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.widget ul li:first-child:before{background-color:#FF6B57}
.widget ul li:first-child:before,.divCrchives li:nth-child(2):before,.divCrchives li:nth-child(3):before{color:#fff;text-shadow:none;line-height:22px}
.widget ul li:before{width:22px;height:22px;line-height:22px;text-align:center;content:counter(nums,decimal);position:absolute;left:0;top:2px;border-radius:100%;background-color:#edefee;text-shadow:0 1px 0 rgba(255,255,255,.5);font-size:13px}
.f-toe{overflow:hidden;word-wrap:normal!important;white-space:nowrap;text-overflow:ellipsis}
.widget ul li:nth-child(2):before{color:#fff;background-color:#2ea7e0}
.widget ul li:nth-child(3):before{color:#fff;background-color:#6bc30d}
.toptag a:nth-child(9n){background-color:#4A4A4A;}
.toptag a:nth-child(9n+1){background-color:#428BCA;}
.toptag a:nth-child(9n+2){background-color:#5CB85C;}
.toptag a:nth-child(9n+3){background-color:#D9534F;}
.toptag a:nth-child(9n+4){background-color:#567E95;}
.toptag a:nth-child(9n+5){background-color:#B433FF;}
.toptag a:nth-child(9n+6){background-color:#00ABA9;}
.toptag a:nth-child(9n+7){background-color:#B37333;}
.toptag a:nth-child(9n+8){background-color:#F60;}
.toptag a{display:inline-block;margin:0 5px 5px 0;padding:0 6px;background-color:#428BCA;color:#fff;line-height:21px;opacity:.8;filter:alpha(opacity=80);}
.toptag a:hover{color:#fff;opacity:1;filter:alpha(opacity=100);}
.links a{margin-right:6px;}
.article-container{padding:20px 0;}
.article-header{margin-bottom:20px;padding-bottom:10px;border-bottom:1px dashed #e3e3e3}
.article-header h1{font-size:20px}
.article-meta{padding-top:10px;color:#999;font-size:13px}
.article-meta span{margin-right:10px;}
.article-meta span a{color:#999;}
.article-meta span a:hover{color:#38A3DB;}
.article-content{word-wrap:break-word;font-size:14px;line-height:25px}
.article-content img{margin:5px 0;height:auto;max-width:100%}
.article-content p{margin-bottom:10px;font-size:14px;word-wrap:break-word}
.article_intro{margin-bottom:15px;color:#999;padding:10px;border:1px solid #d8d8d8;background:#f9f9f9;}
.relates{margin-bottom:20px;background:#fff}
.relates h3{padding-bottom:10px;border-bottom:1px solid #38A3DB;font-size:15px}
.relates ul{margin-left:20px;color:#999;list-style:disc}
.relates li{margin-top:15px;list-style:inherit}
.relates time{margin-left:20px;color:#bbb;font-size:12px}
.footer{overflow:hidden;margin:0 auto;width:100%;background:#333;border-top:3px solid #167DBF;}
.copyright{margin:0 auto;width:1100px;padding:20px 0;text-align:center;color:#fff;line-height:24px;}
.copyright a{color:#fff}
.copyright a:hover{color:#38A3DB}
.pages{overflow:hidden;margin:0 auto;padding-top:20px;text-align:center}
.pages a{display:inline-block;margin-right:6px;padding:0 10px;border:1px #d8dce3 solid;background:#38A3DB;color:#fff;text-align:center;font-size:14px;line-height:30px}
.pages a:hover{border:1px #fff solid;background:#505050;color:#fff;text-decoration:none}
.pages a:hover{border:1px #fff solid;background:#505050;color:#fff;text-decoration:none}
.pages span{display:inline-block;margin-right:6px;padding:0 10px;border:1px #fff solid;background:#505050;color:#fff;text-decoration:none;text-align:center;font-size:14px;line-height:30px}