html, body { font: 14px/18px "\5FAE\8F6F\96C5\9ED1", Helvetica, Arial, Verdana, "\5B8B\4F53"; background-color: #FFF; -webkit-transition: all; -moz-transition: all; -ms-transition: all; -o-transition: all; transition: all; }
* { margin: 0; padding: 0; }
input, img { border: 0; }
.left { float: left; }
.right { float: right; }
.clearfix:after { content: "."; clear: both; height: 0; visibility: hidden; display: block; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
ul{ list-style:none;}
.font12 { font-size: 12px; font-weight: normal; }
a { color: #323a3f; text-decoration: none; }
a:focus, a:active, a:hover { color: #0072BD; text-decoration: underline; }
.crumbs { width: 940px; margin: 0 auto; background-color: #F8F8F8; padding: 10px; }
.crumbs .flb { width: 400px; text-align: right; }
.crumbs .fra { width: 500px; }
.header_banner_960 { margin: 10px auto; width: 960px; }
.post-info-ad { margin: 10px auto; width: 468px; height: 60px; }
.header { background: #FFFFFF; }
.header_inner { width: 960px; margin: 0 auto; }
.header_inner .logo { width: 300px; padding: 15px; }
.header_inner .logo h1 { color: #333; font: bold 31px/1.2em Arial, Helvetica, sans-serif; }
.header_inner .logo h1 a, h1 a:hover, .header_inner .logo p { color: #333; }
.search { float: right; width: 260px; padding: 30px 0; }
.search_sb { margin-left: 27px; width: 260px; }
.search_sb span, .search span { display: block; background: #FFF; height: 29px; border: 1px solid #eeeeee; }
.search_sb input#search_keyword, .search input#search_keyword { float: left; width: 214px; padding: 7px 0 7px 10px; background: none; color: #747978; }
.nav { background: #1386F1; width: 100%; }
.nav ul { margin: 0 auto; width: 960px; height: 43px; list-style: none; }
.nav ul li { padding: 0 0px 0 0; float: left; }
.nav ul li a { display: block; width: 100px; padding: 14px 0 13px; text-align: center; color: #f5f5f5; text-decoration: none; line-height: 16px; }
.nav ul li a.on { color: #f8f8f8; background: #41A6FB; font-weight: 900; }
.content { width: 960px; margin: 10px auto; }
.content_post { width: 650px; border-top: 2px solid #EEE; margin-bottom: 20px; }
.topic-content { padding: 10px 10px 20px 0; background: url(/static/image/line-bg.jpg) no-repeat center 100%; }
.topic-info { padding: 10px 10px 10px 0; }
.post-title { margin: 10px 0 15px ; }
.post-title span img { margin-right: 10px; }
.post-title h2,.post-title h2 a { font-size: 18px; line-height: 23px; padding-bottom: 10px; color: #06C; font-weight:600; }
.post-title h2 span a { float: right; font-size: 14px; font-weight: 900; color: #F60; }
.post-title h6 { font-size: 12px; line-height: 14px; font-weight: normal; color: #969696; }
.post-list-info, .post-info { line-height: 2.0em; }
.post-list-info p, .post-info p { font-size: 14px; line-height: 2.0em; margin: 5px 0; }
.post-list-info h3, .post-info h3 { font-size: 16px; line-height: 1.8em; border-bottom: 1px dashed #ccc; border-top: 1px dashed #ccc; padding: 0 10px; margin-top: 10px; }
.post-list-info a, .post-info a { text-decoration: underline; color: #0072BD; }
.post-list-info .readmore a { display: none; }
.post-list-info img:hover, .post-info img:hover { background: #0072BD; }
.post-list-info img, .post-info img { max-width: 610px; overflow: hidden; margin-bottom: 10px; padding: 5px; background: #E0E0E0; }
pre { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; width: 95%; color: #000; font: 13px "Courier 10 Pitch", Courier, monospace; background-color: #F8F8F8; border: 1px solid #DDD; -moz-border-radius: 3px; border-radius: 3px; text-align: left; padding: 10px; cursor: auto; margin: 10px auto; }
.content_sidebar { width: 270px; background: #F8F8F8; border-top: 2px solid #EEE; padding: 10px; }
.widget { padding: 10px; }
.widget h3 { margin: 0 auto 10px; border-bottom: 1px dashed #CCC; padding: 0 0 10px; font-size: 16px; }
#tbCalendar{ width:100%; line-height:25px;}
.recent-posts { font-size: 14px; }
.recent-posts li { background: url(/static/image/ico.png) no-repeat; list-style-type: none; }
.recent-posts li { line-height: 24px; height: 24px; overflow: hidden; background-position: 0 -92px; text-indent: 18px; }
.recent-posts li { list-style-position: inherit; padding: 3px 0; width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.recent-posts li span { font-size: 12px; color: #999; margin-left: 10px; }
.recent-posts-div { font-size: 14px; }
.recent-posts-div li { background: url(/static/image/ico.png) no-repeat; list-style-type: none; }
.recent-posts-div li {  overflow: hidden; background-position: 0 -240px; text-indent: 18px; }
.recent-posts-div li span { font-size: 12px; color: #999; margin-left: 10px; }
.footer-top { width: 100%; margin: 10px 0 0; padding: 1px 0; background: #E1E1E1; }
.footer-top-inner { width: 960px; margin: 0 auto; }
.footer { width: 100%; padding: 20px 0; background: #F5F5F5; }
.footer-inner { width: 960px; margin: 0 auto; }
.footer a { color: #0072BD; }
.post-tag { line-height: 20px; margin-bottom: 10px; font-weight: normal; font-size:13px; }
.post-tag a { text-decoration: none; color: #666; background-color: #EFEFEF; padding: 1px 5px; -moz-border-radius: 5px; border-radius: 5px; }
.post-tag a:hover { background-color: #0072BD; color: #FFF; text-decoration: underline; }
.post-nav { padding: 10px 0px 10px; line-height: 20px; }
.post-nav span { color: #333; list-style-position: inherit; width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 5px; }
.post-info-doAction { padding: 10px; background: #F4F4F4; }
#bdshare { float: right; width: 310px; }
#bdshare .bds_more { display: none; }
#related_log { width: 310px; float: left; }
#related_log h3 { margin-top: 0; margin-bottom: 10px; font-size: 16px; }
.pagenavi { margin-top: 20px; }
.pagenavi .now-page { padding: 6px 10px; background: #eee; color: #333; border: 1px solid #eee; font-weight: bolder; }
.pagenavi a .page { padding: 6px 10px; text-decoration: none; border: 1px solid #eee; }
#gotopbtn { display: none; width: 18px; line-height: 1.2; padding: 5px 0; background-color: #000; color: #fff; font-size: 12px; text-align: center; position: fixed; _position: absolute; right: 2%; bottom: 15%; _bottom: "15%"; cursor: pointer; opacity: .6; filter: Alpha(opacity=60); }
#comments { margin-top: 20px; padding: 0px 0px 25px; }
#comments #uyan_femail, #comments #uyan_utname { padding: 2px; padding-bottom: 0; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; }
/*评论样式*/
.post-comment { overflow: hidden; }
.post-comment h3 { font-size: 18px; line-height: 18px; font-weight: 500; padding: 15px 20px; border-top: solid 1px #eaeaea; border-bottom: solid 1px #eaeaea; }
/*评论*/
.postmsn { margin: 20px 20px; }
.postmsn form { display: block; }
.postmsn p { margin-bottom: 10px; }
.postmsn .text { border: 1px solid #eaeaea; background-color: #f1f1f1; padding: 10px 0; text-indent: 10px; resize: none; outline: none; }
.postmsn input.text { width: 50%; }
.postmsn textarea.text { width: 100%; height: 100px; overflow-x: hidden; overflow-y: auto; }
.postmsn input.button { font-size: 14px; width: 100px; height: 32px; cursor: pointer; border-radius: 2px; color: #FFF; background-color: #3498DB; border: 0; }
.postmsn input.button:hover { background-color: #09f; }
/*评论内容*/
.msg { padding: 15px 0px 0; border-top: 1px solid #eaeaea; }
.msgname { font-size: 12px; }
.msgname .avatar { float: left; width: 40px; height: 40px; margin-right: 10px; border-radius: 20px; }
.msgname .revertcomment, .msgname .floor { font-size: 12px; float: right; padding: 2px 5px; margin: 0 5px; border-radius: 2px; }
.msgname a.revertcomment, .msgname a.floor { background-color: #3498DB; color: #FFF; }
.msgname .revertcomment:hover, .msgname .floor:hover { background-color: #09F; }
.msgname .commentname { font-size: 14px; font-weight: bold; }
.msg .msgarticle { padding: 15px 0 15px 0; }
.msg .msg { padding: 15px !important; margin-top: 15px; background-color: #F4F4F4; }
.msg .msg .msgarticle { border: none; padding: 15px 0 0 0 !important; }
.msg .msg .msg { margin-top: 15px; padding: 15px !important; background-color: #ffffff; }
.msg .msg .msg .msg .revertcomment { display: none; }
.msg .msg .msg .msg { background-color: #F4F4F4; }