﻿article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block}
article,aside,blockquote,body,button,code,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,input,legend,li,main,menu,nav,ol,p,pre,section,td,textarea,th,ul{margin:0;padding:0}
body{color:#444;background:#fff;font:100%/1.5em 'Microsoft Yahei',Arial,tahoma}
a{color:#444;text-decoration:none}
a:hover{color:#00b0c8}
li{list-style:none}
.clear{clear:both}
a img{border:none}
.header{overflow:hidden;position:fixed;z-index:1;top:0;width:100%;background:#fff;}
.logo{margin:10px auto;width:1050px;}
.logo img{display:block;width:300px;height:60px;}
.header-nav{margin:0 auto;width:100%;height:50px;background-color:#eee;border-bottom:3px solid #00b0c8}
.header-nav ul{margin:0 auto;width:1050px}
.header-nav ul li{position:relative;float:left;text-align:center;line-height:50px}
.header-nav ul li a{display:block;overflow:hidden;padding:0 20px;height:50px}
.header-nav ul li a:hover,.header-nav ul li.current a{background-color:#00b0c8;color:#fff}
.container{overflow:hidden;margin:150px auto 0;width:1050px;}
.ad{margin:0 auto 20px;width:100%;}
.main{float:left;width:720px;margin-bottom:20px;}
.place{padding:10px 20px;background-color:#eee;color:#333;font-weight:400;font-size:1em}
.post{padding:20px;overflow:hidden;background-color:#f4f4f4;border-top:1px solid #ddd;}
.post:hover{background-color:#eee;}
.post .post-title{overflow:hidden;margin-bottom:15px}
.post .post-title h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.125em}
.post .thumbnail{float:left;display:inline;overflow:hidden;margin-right:20px;width:220px;height:135px}
.post .thumbnail img{display:block;width:220px;height:135px}
.post .thumbnail img:hover{opacity:.8;}
.post .date{overflow:hidden;margin-bottom:8px;height:24px;color:#00b0c8;font-size:14px;}
.post .intro{font-size:14px;}
.post .intro p{overflow:hidden;line-height:26px;text-align:justify}
.sidebar{float:right;width:310px}
.widget{clear:both;margin-bottom:20px;background-color:#f4f4f4}
.widget h3{padding:10px 15px;background-color:#eee;color:#333;font-weight:400;font-size:1em;border-bottom:1px solid #ddd;}
.widget ul{padding:10px 15px;background-color:#f4f4f4;font-size:14px}
.widget ul li{counter-increment:nums;display:block;padding:1px 0 2px 30px;position:relative;margin:2px 0;line-height:22px;font-size:14px;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:#fff;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{font-size:14px;}
.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:#00b0c8;color:#fff;line-height:21px;opacity:.8;filter:alpha(opacity=80);}
.toptag a:hover{color:#fff;opacity:1;filter:alpha(opacity=100);}
.link{overflow:hidden;width:1050px;margin:0 auto 20px;}
.link h3{padding:10px 20px;background-color:#eee;color:#333;font-weight:400;font-size:1em;border-bottom:1px solid #ddd;}
.links{overflow:hidden;background:#f4f4f4;}
.links ul{overflow:hidden;margin:10px 20px;}
.links ul li{display:inline-block;margin:5px 5px 5px 0;font-size:14px;line-height:30px;border-radius:2px;}
.links a{border:1px solid #ddd;padding:5px 8px}
.links a:hover{color:#fff;font-weight:500;background:#00b0c8;border:1px solid transparent}
article{padding:20px;overflow:hidden;background-color:#f4f4f4;border-top:1px solid #ddd;}
article h1{font-size:1.25em}
article .postmeta{margin-bottom:20px;padding:10px 0;color:#888;font-size:.75em;border-bottom:1px dashed #ddd;}
article .postmeta span{margin-right:10px;}
article .postmeta a{color:#888}
article .postmeta a:hover{color:#00b0c8}
article .content p{margin-bottom:10px;font-size:14px;}
article .content img{width:auto;height:auto;max-width:100%}
.content_intro{margin-bottom:15px;color:#999;padding:10px;border:1px solid #d8d8d8;background:#f9f9f9;}
.xg{overflow:hidden;background-color:#f4f4f4;font-size:14px;}
.xg-title{padding:10px 20px;background-color:#eee;color:#333;font-weight:400;font-size:1em;border-bottom:1px solid #ddd;}
.xg ul{padding:0 20px 20px;}
.xg li span{float:right;font-size:.875em}
.xg li{overflow:hidden;height:35px;border-bottom:1px dotted #ddd;color:#999;line-height:35px}
.footer{overflow:hidden;margin:0 auto;width:100%;background-color:#eee;border-top:3px solid #00b0c8}
.copyright{margin:0 auto;width:100%;padding:20px 0;text-align:center;font-size:.875em;}
.pagenavi{overflow:hidden;padding:20px 0;background-color:#f4f4f4;border-top:1px solid #ddd;text-align:center}
.pagenavi a,.pagenavi span{display:inline-block;margin:0 2px;padding:3px 10px;background-color:#fff;color:#888;border-radius:3px;}
.pagenavi a:hover,.pagenavi span{background-color:#00b0c8;color:#fff;border-radius:3px;}