﻿body{margin:0;padding:0;background:#efefef;color:#262626;font:13px/22px 'microsoft yahei',\\5b8b\4f53,微软雅黑,arial,lucida grande,tahoma,sans-serif;font-size:13px;line-height:20px}
.clearfix:before{display:table;content:" "}
.clearfix:after{clear:both;visibility:hidden}
.clearfix{display:block}
.clear{clear:both}
*,_html{margin:0;padding:0;border:0;vertical-align:baseline}
a{color:#262626;text-decoration:none}
a:hover{color:#7AC5CD;text-decoration:none}
li,ul{list-style-type:none;list-style-image:none}
#divtop{position:fixed;z-index:1;top:0;width:100%;background-color:#fff}
.logo{margin:0 auto;overflow:hidden;padding:10px 0;width:1100px;}
.logo img{float:left;width:370px;height:60px;}
.navbar{margin:0 auto;width:100%;height:50px;background-color:#262626;border-bottom:3px solid #7AC5CD;}
.navbar ul{margin:0 auto;width:1100px;}
.navbar ul li{position:relative;float:left;padding:0;height:50px;color:#fff;font-weight:700;font-size:15px;line-height:50px}
.navbar ul li a{display:block;padding:0 20px;color:#fff}
.navbar ul li.on a,.navbar ul li a:hover{background:#7AC5CD;color:#fff}
#divmiddle{clear:both;position:relative;margin:148px auto 0;width:1100px;}
.ad{margin:0 auto 15px;width:100%;}
#divmain{float:left;overflow:hidden;line-height:25px;width:760px;margin-bottom:15px;border-radius:5px;border:1px solid #ccc;background-color:#fff}
#divmain h1{border-radius:5px 5px 0 0;padding:10px 15px;background-image:linear-gradient(#fcfcfc,#fcfcfc 25%,#e6e6e6);font-size:15px;line-height:20px}
.post{border-top:1px solid #ccc;}
.post:hover{background-color:#f5f5f5}
.post .pic{float:left;overflow:hidden;margin-right:15px;padding:5px;width:25%;height:138px;border:1px solid #ccc;border:1px solid #d9d9d9;background-color:#fff}
.post img{width:100%;height:138px}
.post img:hover{opacity:.8;}
.post .pic:hover{border:1px solid #7AC5CD}
.pcontent{overflow:hidden;padding:15px;}
.pcontent h2{overflow:hidden;margin:0;height:30px;font-weight:700;font-size:16px;line-height:30px;text-overflow:ellipsis;white-space:nowrap}
.pcontent p{display:block;padding:0;color:#3f3f3f;font-size:14px;line-height:26px}
.pcontent p.date{margin:8px 0;color:#7AC5CD;}
#divsiderbar{position:relative;float:right;overflow:hidden;width:324px;text-align:left}
.sidelist{position:relative;float:left;width:322px;display:block;margin-bottom:15px;border-radius:5px;border:1px solid #ccc;background:#fff}
.sidelist h1{border-radius:5px 5px 0 0;padding:10px;border-bottom:1px solid #ccc;background-image:linear-gradient(#fcfcfc,#fcfcfc 25%,#e6e6e6);font-size:15px;line-height:20px}
.sidelist ul{padding:5px 10px;float:left;}
.sidelist ul li{counter-increment:nums;display:block;padding:3px 0 2px 30px;position:relative;margin:2px 0;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidelist ul li:first-child:before{background-color:#FF6B57}
.sidelist 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}
.sidelist 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}
.sidelist ul li:nth-child(2):before{color:#fff;background-color:#2ea7e0}
.sidelist 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:#7AC5CD;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:1100px;margin:0 auto 15px;border-radius:5px;border:1px solid #ccc;background-color:#fff}
.link h1{border-radius:5px 5px 0 0;padding:10px 15px;background-image:linear-gradient(#fcfcfc,#fcfcfc 25%,#e6e6e6);font-size:15px;line-height:20px;border-bottom:1px solid #ccc;}
.links{overflow:hidden;background:#fff;}
.links ul{overflow:hidden;margin:10px 15px;}
.links ul li{display:inline-block;margin:5px 5px 5px 0;line-height:30px;border-radius:2px;font-size:13px;}
.links a{border:1px solid #E6E6E6;padding:5px 8px}
.links a:hover{color:#fff;font-weight:500;background:#7AC5CD;border:1px solid transparent}
#articlelist{border-top:1px solid #ccc;}
.articlebase{padding:15px;height:50px;margin-bottom:10px;border-bottom:1px solid #ccc;background-color:#fbfbfb}
.post-date{float:left;overflow:hidden;margin-right:10px;width:45px;height:45px;border:1px solid #333;border-radius:4px;background:#333}
.post-date,.post-date small{text-align:center;font-weight:700;font-size:13px}
.post-date small{color:#fff;white-space:nowrap;line-height:22px}
.post-date span{float:left;display:block;width:45px;background:#fff;color:#000;text-align:center;line-height:23px}
.viewcomm{position:relative;top:0;right:0;float:right;width:60px;background:url(td_fg.gif) no-repeat 40px 10px;text-align:center}
.viewcomm h2{padding:0;height:20px;color:#7AC5CD;font-size:16px}
.viewcomm span{float:left;padding:0;width:40px}
.post-title{margin-left:50px}
.post-title h2{overflow:hidden;padding-bottom:5px;width:600px;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-family:微软雅黑;line-height:20px}
.post-title h6{overflow:hidden;width:600px;color:#666;white-space:nowrap;font-weight:400;font-size:13px}
.post-title h6 span{margin-right:10px;}
.post-title h6 a{color:#666;}
.post-title h6 a:hover{color:#7AC5CD;}
#article{overflow:hidden;padding:15px;font-size:14px;}
#article p{padding:0 0 5px;color:#262626;font-size:14px}
#article p img{overflow:hidden;margin:0 40px;width:80%;height:auto;text-align:center}
.article-intro{overflow:hidden;margin-bottom:15px;color:#999;padding:10px;border:1px solid #d8d8d8;background:#f9f9f9;}
.xg{margin:5px 15px 15px;border:1px solid #ddd;border-radius:5px;}
.xg h1{overflow:hidden;padding:10px;border-radius:5px 5px 0 0;border-bottom:1px solid #ddd;line-height:20px;font-weight:400;font-size:15px;background-image:linear-gradient(#fcfcfc,#fcfcfc 25%,#e6e6e6)}
.xg ul{padding:0 15px 10px;}
.xg li span{float:right;font-size:.875em}
.xg li{overflow:hidden;height:35px;border-bottom:1px dotted #ddd;color:#999;font-size:14px;line-height:35px}
#divfooter{overflow:hidden;margin:0 auto;padding:15px 0;width:100%;height:100%;border-top:3px solid #7AC5CD;background-color:#333;color:#fff;line-height:22px}
#footer{margin:0 auto;width:1100px;text-align:center;font-size:14px}
#divfooter a{color:#fff}
#divfooter a:hover{color:#7AC5CD;}
.navigation{padding:15px 0;width:100%;text-align:center;border-top:1px solid #ccc;}
.navigation span a{margin:0 3px;padding:3px 8px;border:1px solid #ccc;border-radius:3px;}
.navigation span a:hover{color:#fff;background:#7AC5CD;border:1px solid #7AC5CD;border-radius:3px;}
.navigation span.now-page{margin:0 3px;padding:3px 8px;border-radius:3px;border:1px solid #7AC5CD;color:#fff;background:#7AC5CD;}