/*---全局---*/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, lengend, button, input, textarea, th, td { margin: 0; padding: 0 }
body, button, input, select, textarea { font: 12px/1.5 "Helvetica Neue", Helvetica, Tahoma, Arial, sans-serif }
body { background-color: #F8F8F8; }
h1 { font-size: 18px }
h2 { font-size: 16px }
h3 { font-size: 14px }
h4, h5, h6 { font-size: 100% }
address, cite, dfn, em, var { font-style: normal }
code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace }
small { font-size: 12px }
ul, ol { list-style: none }
a { text-decoration: none }
a:hover { text-decoration: none; }
abbr[title], acronym[title] { border-bottom: 1px dotted; cursor: help }
q:before, q:after { content: '' }
p { display: block; -webkit-margin-before: 0em; -webkit-margin-after: 0em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; }
legend { color: #000 }
fieldset, img { border: 0 }
button, input, select, textarea { font-size: 100% }
table { border-collapse: collapse; border-spacing: 0 }
hr { border: 0; height: 1px }
html { overflow-y: scroll }
.clear { clear: both; }
.left { float: left; }
.right { float: right; }
/*置顶或置底*/
.fixed-top { position: fixed; top: 0; }
.fixed-bottom { position: fixed; bottom: 0; }
.fixed-left { position: fixed; left: 0; }
.fixed-right { position: fixed; right: 0; }
.fixed-top-left { position: fixed; top: 0; left: 0; }
.fixed-top-right { position: fixed; top: 0; right: 0; }
.fixed-bottom-left { position: fixed; bottom: 0; left: 0; }
.fixed-bottom-right { position: fixed; bottom: 0; right: 0; }
.post-op { width: 800px; height: 15px; line-height:15px; padding: 15px 30px; background-color: #EFEFEF; border-top: 2px solid #E7E7E7; }
.post-op a { color: #333; text-indent: 5px; }
.post-op .v-italic-line { padding: 0 10px 0 0; }
/*---图标---*/
.tbimg { display: inline-block; background-image: url(images/i.png); background-repeat: no-repeat; padding-left: 15px;  }
.comment { background-position: 0px -332px; }
.eye { background-position: 0px -363px;}
.share { background-position: 0px -725px; }
.share { background-position: 0px -725px; }
/*---各模块设---*/
#box { width: 1095px; margin: 0 auto; overflow: hidden; margin-top: 10px; }
#box-left { float: left; width: 220px; margin: 0 10px 0 5px; }
#box-left .box-box-1 { width: 220px; height: 1px; background: #F50; }
#box-right { float: left; margin: 0; width: 860px; }
#footer { background: #FFF; border-top: 1px solid #F1F1F1; padding: 50px 0 20px; text-align: center; margin-top: 10px; }
#settings, #opciones { display: none; }
#settings img {width: 100%; height: 99px;}
/*---LOGO---*/
#blog-title span { display: none; }
#blog-title { height: 99px; background: #FF5F3E; }
#blog-title img { width: 220px; height: 99px;}
/*---导航栏---*/
.nav { height: auto; background: #fff; position: relative; padding: 50px 0; }
.nav li { z-index: 2; position: relative; overflow: hidden; }
.nav li a { color: #666; height: 40px; line-height: 40px; border-bottom: 1px solid #F8F8F8; display: block; margin: 0px 15px; text-align: center; }
.nav li:hover a { color: #FF5F3E; }
.nav li.on a { color: #FF5F3E; }
.nav .hover { width: 220px; height: 40px; position: absolute; left: -5px; top: 50px; background: #FDF6DC; border-left: 5px solid #F50; z-index: 1; }
.nav li:last-child { display: none; }
.controlpanel { background: #fff; position: relative; padding: 10px 15px; }
.controlpanel span { display: block; text-align: center; color: #666; }
.controlpanel span a { color: #666; }
.controlpanel span.cp-hello { display: none; }
.searchpanel { background: #fff; position: relative; padding: 10px 15px 20px; border-bottom: 10px solid #FF5F3E; }
.searchpanel input[type='text'] { border-radius: 2px; width: 170px; height: 18px; border: 0px none; padding: 5px 10px; background: #EFEFEF; color: #666; }
.searchpanel input[type='submit'] { display: none; }
.searchpanel input[type='text']:hover { background: #F50; color: #FFF; }
/*---侧边栏定义---*/
/*---置顶幻灯---*/
.rslides { position: relative; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
.rslides li:first-child { position: relative; display: block; float: left; }
.rslides img { display: block; height: auto; float: left; width: 100%; border: 0; }
.slide_container { margin-bottom: 50px; position: relative; float: left; width: 100%; }
.slide { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.slide li { position: absolute; width: 100%; left: 0; top: 0; }
.slide img { display: block; position: relative; z-index: 1; height: auto; width: 100%; border: 0; max-height:283px;  }
.slide .caption { display: block; position: absolute; z-index: 2; font-size: 18px; text-shadow: none; color: #fff; background: #000; left: 0; right: 0; bottom: 0; padding: 10px 20px; margin: 0; max-width: none; opacity: 0.7; }
.slide_nav { position: absolute; top: 52%; left: 0; opacity: 0.7; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 61px; width: 38px; background: transparent url(images/themes.gif) no-repeat left top; margin-top: -45px; }
.slide_nav:active { opacity: 1.0; }
.slide_nav.next { left: auto; background-position: right top; right: 0; }
/*---文章模块---*/
.post-multi { background: #FFF; float: left; overflow: hidden; position: relative; margin: 0 5px 10px 0; height: 230px; padding: 0; box-shadow: 0 1px 1px #eee; }
.post-multi .box-img { width: 280px; height: 150px; overflow: hidden; }
.post-multi .post-ti { position: absolute; left: 0px; bottom: 40px; z-index: 9; height: 30px; line-height: 30px; margin: 0 10px; overflow: hidden; }
.post-multi .post-tv { position: absolute; left: 0px; bottom: 13px; padding: 6px 10px; width: 100%; color: #999; }
.post-multi .post-tv a { float: right; margin-right: 30px; color: #999; }
/*---首页热门---*/
.box-hot { width: 860px; margin: 0px 0 10px 0; overflow: hidden; }
.box-hot .box-hot-l { width: 565px; height: 283px; background: #FFF; float: left; }
.box-hot .box-hot-r { width: 280px; height: 283px; background: #FFF; float: left; margin-left: 5px; }
.box-hot .box-hot-r a { display: block; padding: 10px; color: #333; }
/*---文章上下翻条---*/

/*---文章内容---*/
.box-post { padding: 20px 10px 10px; background: #FFF; }
.post-hd { position: relative; border-bottom: 1px dashed #CCC; padding-bottom: 10px; }
.post-author { position: absolute; width: 50px; height: 50px; overflow: hidden; border-radius: 5px; }
.post-info { min-height: 50px; padding-left: 65px; }
.post-title { font-size: 17px; line-height: 23px; font-weight: 700; font-family: "Helvetica Neue", Helvetica, Tahoma, Arial, "Microsoft Yahei"; }
.post-extra { color: #aaa; font-size: 12px; margin-top: 6px; font-family: inherit; height: 18px; line-height: 18px; }
.post-extra a { color: #aaa; }
.post-extra .v-line { margin: 0 11px 0 8px; }
.post-body { position: relative; margin: 20px; }
.post-body { color: #4a4a4a; font-size: 14px; line-height: 2; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; word-wrap: break-word }
.post-body img { display: block; max-width: 100%; height: auto; margin: 10px auto; }
.post-body h1, .post-body h2, .post-body h3, .post-body h4, .post-body h5, .post-body h6 { clear: both; font-weight: 700; font-family: "Helvetica Neue", Helvetica, Tahoma, Arial, "Microsoft Yahei"; margin: 36px 0 12px }
.post-body h1 { font-size: 26px; line-height: 1.3846153846 }
.post-body h1 small { font-size: 22px }
.post-body h2 { font-size: 24px; line-height: 1 }
.post-body h2 small { font-size: 20px }
.post-body h3 { font-size: 22px; line-height: 1.0909090909 }
.post-body h3 small { font-size: 18px }
.post-body h4 { font-size: 20px; line-height: 1.2 }
.post-body h4 small { font-size: 16px }
.post-body h5 { font-size: 18px; line-height: 1.3333333333 }
.post-body h6 { font-size: 16px; line-height: 1.5 }
.post-body h1:first-child, .post-body h2:first-child, .post-body h3:first-child, .post-body h4:first-child, .post-body h5:first-child, .post-body h6:first-child { margin-top: 0 }
.post-body a { color: #0c90dc }
.绿色, .红色, .黄色, .灰色, .黑色 { display: inline-block; border-radius: 3px; padding: 2px 10px; margin: 10px 10px 10px 0; }
.绿色 { background: #70974D; color: #41531F; }
.红色 { background: #FF4020; color: #FFB3AB; }
.黄色 { background: #FFDE31; color: #747373; }
.灰色 { background: #efefef; color: #666; }
.黑色 { background: #1D1D1D; color: #D0CED5; }
.标题 { background: #efefef; color: #666; border-radius: 3px; padding: 2px 10px; margin: 10px 0px 10px 0; }
.标题:before { content: "\21BB  " }
.post-body ol { list-style:decimal; padding-left:30px; }
.post-body ol ol { list-style:upper-latin; padding-left:30px; }
/*---高亮---*/
.syntaxhighlighter { border: 0px solid #CCC !important; border-radius: 3px!important; }
.syntaxhighlighter .gutter { color: #666!important; background-color: #efefef!important; border-right: 1px solid #F50!important; }
/*---tagcloud---*/
/*---文章中引用code---*/
/*---引用\评论---*/
/*---评论发表用的样式---*/
.comments {
padding: 10px;
overflow: hidden;
}
.comments .hd-title { border-bottom: 1px dashed #CCC; padding-bottom: 5px; }
.comments .highlight { color: #FF5F3E; }
.comment-hd { position: relative; border-bottom: 1px dashed #CCC; padding: 10px 0; }
.comment-author { position: absolute; width: 42px; height: 42px; overflow: hidden; border-radius: 5px; }
.comment-info { min-height: 40px; padding-left: 50px; }
.comment-body { font: 12px/1.5 "Helvetica Neue", Helvetica, Tahoma, Arial, sans-serif; }
.comment-body a { color: #FF5F3E; }
.comment-extra { color: #aaa; font-size: 12px; margin-top: 8px; font-family: inherit; height: 18px; line-height: 18px; }
.comment-extra a { color: #aaa; }
.comment-extra .v-line { margin: 0 5px; }
/*---留言回复---*/
#divCommentPost { overflow: hidden; padding: 10px 0; }
#cancel-reply { float: right; }
.box-c-t { width: 100%; margin: 10px 0; }
.box-c-b { width: 100%; margin: 10px 0; }
.button { cursor: pointer; max-height: 80px; height: 80px; width: 80px; float: right; border: medium none; background: #FF5F3E; font-size: 18px; font-weight: 800; color: #FFF; }
#txaArticle { padding: 10px; height: 58px; max-height: 80px; width: calc(100% - 120px); float: left; }
#divCommentPost input.text { height: 20px; line-height: 20px; padding: 5px; margin: 5px auto; }
/*---分页条---*/
.ui-paging { margin: 10px 0; display: none; }
.ui-paging-item { display: inline-block; padding:10px 15px; color: #7e7e7e; text-align: center; background: #fff; }
.ui-paging-item a {color: #7e7e7e;}
.ui-paging-item:hover, .ui-paging-item:hover a { color: #fff; background: #F50; }
.ui-paging-current { color: #fff; background: #F50; }
.pagination-loading{ clear:both; margin:0 auto; padding:10px 0; text-align:center;  background: #FFF; box-shadow: 0 1px 1px #eee;  color:#F50; }
.ias_trigger a { clear:both; margin:0 auto;  display: block; padding:10px 0;  text-align:center;  background: #FFF; box-shadow: 0 1px 1px #eee; color:#F50; }
.ias_trigger a:hover { background: #F50; color: #fff; }
/*---响应---*/
/*视频*/
video, audio { margin: 20px auto; display: inline-block; max-width: 100%; height: auto; }
/*表格美化*/
#bg { max-width: 800px; min-width:800px; }
#bg td:nth-child(1) { background: #FFCCCC; }
#bg td:nth-child(2) { background: #FFFF99; }
#bg td:nth-child(3) { background: #CCCCFF; }
#bg td:nth-child(4) { background: #CCFF99; }
#bg th { background: #F50; color:#FFF;}
#bg td, #bg th { padding: 0 5px; border: 1px solid #FFF; margin:1px 0; }
#bg td a { margin-right: 5px; }
@media screen and (max-width:1100px) {
#box { width: 805px; }
#box-right { width: 570px; }
.post-op { width: 510px; }
.box-hot { width: 565px; }
.box-hot .box-hot-l { width: 565px; }
.box-hot .box-hot-r { display: none; }
.post-body { margin: 20px 10px; }
#bg { max-width: 565px; min-width:565px; }
#bg td, #bg th{ padding:0 5px; width: auto; display: inline-block;}
}
@media screen and (max-width:768px) {
#box { width: 635px; }
#box-left { width: 50px; }
#box-left .box-box-1 { width: 50px; }
#blog-title img { display: none; }
#blog-title span { color: #FFF; padding: 10px; width: 30px; display: block; overflow: hidden; text-align: center; }
.nav li { width: 50px; }
.nav .hover { width: 50px; }
.controlpanel span.cp-login { display: none; }
.controlpanel span.cp-vrs { display: none; }
.searchpanel { display: none; }
.nav li:last-child { display: block; }
.nav li span { color: #F00; font-weight: 700; }
}
@media screen and (max-width: 569px) {
#box { width: 345px; }
#box-right { width: 280px; }
.post-op { width: 220px; }
.post-op a { padding: 0 10px; color: #333; }
.post-body { margin: 20px 0px; }
#divCommentPost input.text { width: calc(100% - 14px); }
.button { width: 100%; margin-top: 10px; height: 40px; }
#txaArticle { width: calc(100% - 22px); }
.box-hot { width: 280px; height: 140px; }
.box-hot .box-hot-l { width: 280px; height: 140px; }
.post-title {font-size: 14px;line-height: 18px;font-weight: 700;}
.post-extra {color: #aaa;font-size: 10px;margin-top: 2px;font-family: inherit;height: 14px;line-height: 14px;}
#bg { max-width: 248px; min-width:248px; }
#bg td, #bg th{ padding:0 5px; width:248px;}
@media screen and (max-width: 360px) {
#box { width: 280px; }
#box-left { width: 280px; height: 99px; margin: 0 0px 0 0px; }
#blog-title { display: none; }
#blog-title span { display: none; }
.box-box-1 { display: none; }
.nav { display: none; }
#box-left .box-box-1 { display: none; }
.fixed-top { position: inherit; top: inherit; }
#box-right { width: 280px; margin-top: 10px; }
/**/
#settings, #opciones { display: block; }
#settings { width: 220px; height: 99px; padding: 0 30px; background: #FF5F3E; }
#opciones { z-index: 99; position: absolute; background: #fff; color: #999; top: 109px; padding: 0; width: 280px; border-bottom: 10px solid #ff5f3e; }
#opciones li { display: block; height: 40px; line-height: 40px; }
#opciones li a { display: block; text-align: center; color: #1D1D1D; border-bottom: 1px solid #F8F8F8; }
#opciones a { color: #FF5F3E; text-decoration: none }
#opciones a:hover { background: #F8F8F8; }
}