article,body,div,footer,h1,h2,h3,h4,h5,h6,html,img,li,nav,p,span,ul{margin:0;padding:0;outline:0;border:0;background:0 0;vertical-align:baseline;font-size:100%}
html{font-size:10px;-webkit-tap-highlight-color:transparent}
body{background-color:#ddd;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}
li,nav ul{list-style:none}
a{color:#666;text-decoration:none}
a:hover{color:#9370DB;text-decoration:none}
img{margin:0;padding:0;height:auto;max-width:100%;vertical-align:middle}
h1,h2,h3,h4,h5,h6{font-weight:600}
.container{margin:0 auto;width:1204px;text-align:left}
.header{position:fixed;top:15px;margin:0 auto;width:200px;}
.logo{display:block;overflow:hidden;margin:0 auto;width:200px;height:80px;background-color:#9370DB;color:#fff;}
.logo img{width:200px;height:80px;}
.nav{background-color:#fff;}
.nav ul li a{display:block;padding:15px;border-bottom:1px solid #f4f4f4;color:#666;font-size:15px;}
.nav ul li a:hover,.nav ul li.on a{color:#9370DB;background:#eee;border-left:4px solid #9370DB;margin-left:-4px;}
.main{width:1004px;margin-top:15px;margin-left:215px;}
.ad{margin:0 auto 15px;width:100%;}
.content{width:660px;float:left;margin-bottom:15px;background:#fff;}
.place{margin-top:15px;padding:10px 15px;font-size:15px;border-left:4px solid #9370DB;background:#eee;margin-left:-4px;}
.post{padding:15px;border-top:1px solid #eee;overflow:hidden}
.post:hover{background-color:#f9f9f9}
.post h3{margin-bottom:5px;line-height:30px;font-size:18px;font-weight:700;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.postimg{width:220px;height:126px;float:left;display:inline;margin-top:5px;margin-right:20px;text-align:center;overflow:hidden}
.postimg img{width:220px;height:126px;border-radius:5px}
.postimg img:hover{opacity:.8;}
.postintro{width:100%;margin-top:5px;color:#999;line-height:26px;overflow:hidden}
.postinfo{font-size:14px;color:#9370DB;line-height:26px}
.postcon{color:#9370DB;overflow:hidden}
.sidebar{width:329px;float:right;}
.sidebox{margin-bottom:15px;padding-top:15px;background:#fff;}
.sidebox h3{padding:10px;font-size:15px;border-left:4px solid #9370DB;background:#eee;margin-left:-4px;}
.sidebox ul{padding:10px;}
.sidebox li{counter-increment:nums;display:block;padding:2px 0 3px 30px;position:relative;margin:4px 0 3px 0;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebox li:first-child:before{background-color:#FF6B57}
.sidebox li:first-child:before,.divCrchives li:nth-child(2):before,.divCrchives li:nth-child(3):before{color:#fff;text-shadow:none;line-height:20px}
.sidebox li:before{width:22px;height:22px;line-height:20px;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}
.sidebox li:nth-child(2):before{color:#fff;background-color:#2ea7e0}
.sidebox 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:#9370DB;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:1004px;margin:0 auto 15px;background:#fff;}
.link h3{padding:10px 15px;font-size:15px;background:#eee;}
.links{overflow:hidden;background:#fff;border-top:2px solid #9370DB;}
.links ul{overflow:hidden;margin:10px 15px;}
.links ul li{display:inline-block;margin:5px 5px 5px 0;line-height:30px;border-radius:2px;}
.links a{border:1px solid #eee;padding:5px 8px}
.links a:hover{color:#fff;font-weight:500;background:#9370DB;border:1px solid transparent}
.article-container{padding:15px 15px 0;border-radius:3px;background-color:#fff}
.article-header{padding-bottom:15px;border-bottom:1px dashed #9370DB;text-align:center}
.article-title{margin-bottom:10px;color:#9370DB;font-size:18px;}
.article-meta{color:#666;font-size:12px;}
.article-meta span{margin-right:10px;}
.article-meta a{color:#666}
.article-meta a:hover{color:#9370DB}
.article_intro{margin-bottom:15px;color:#999;padding:10px;border:1px solid #d8d8d8;background:#f9f9f9;}
.article-content{padding:15px 15px 0;font-size:14px;line-height:25px}
.article-content img{margin:5px 0;height:auto;max-width:100%}
.article-content p{margin-bottom:15px}
.xg{margin-bottom:15px;}
.xg-title{margin-top:15px;padding:10px 15px;font-size:15px;border-left:4px solid #9370DB;background:#eee;margin-left:-4px;}
.xg ul{padding:10px;}
.xg li span{float:right;font-size:.875em}
.xg li{overflow:hidden;height:35px;border-bottom:1px dotted #ddd;line-height:35px}
.footer{clear:both;margin:0 auto;width:100%;font-size:14px;background:#fff;border-top:3px solid #9370DB;}
.foot{margin:0 auto;padding:15px 0;width:1004px;text-align:center;}
.pagination{display:block;margin:0;padding:15px;text-align:center;font-size:14px;}
.pagination ul{display:inline-block;margin:0 auto;}
.pagination ul li{display:inline}
.pagination ul li a{float:left;margin:0 5px;padding:3px 8px;border-radius:3px;background-color:#eee;}
.pagination ul li.active,.pagination ul li a:hover{float:left;margin:0 5px;padding:3px 8px;background-color:#9370DB;color:#fff;border-radius:3px;}