abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
	margin: 0;
	padding: 0;
	outline: 0;
	border: 0;
	background: 0 0;
	vertical-align: baseline;
	font-size: 100%
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
:after, :before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
html {
	font-size: 10px;
	-webkit-tap-highlight-color: transparent
}
body {
	background: #fff;
	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,main {
	display: block
}
nav ul {
	list-style: none
}
nav ul {
	list-style: none
}
li {
	list-style: none
}
blockquote, q {
	quotes: none
}
blockquote:after, blockquote:before, q:after, q:before {
	content: none
}
a {
	margin: 0;
	padding: 0;
	background: 0 0;
	color: #666;
	vertical-align: baseline;
	text-decoration: none;
	font-size: 100%;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}
a:focus, a:hover {
	color: #259b24;
	text-decoration: none;
	cursor: pointer
}
img {
	margin: 0;
	padding: 0;
	height: auto;
	max-width: 100%
}
ins {
	background-color: #ff9;
	color: #323841;
	text-decoration: none
}
mark {
	background-color: #ff9;
	color: #323841;
	font-weight: 700;
	font-style: italic
}
.aligncenter {
	clear: both;
	display: block;
	margin-right: auto;
	margin-left: auto
}
.mt10 {
	margin-top: 10px;
}
.mr0 {
	margin-right: 0!important;
}
.container {
	margin: 0 auto;
	padding: 0 20px;
	max-width: 1200px
}
.containe {
	position: relative;
	margin: 0 auto;
	padding: 40px 130px 38px 154px;
	max-width: 1160px;
	color: #fff
}
.header {
	display: block;
	width: 100%;
	height: 214px;
	background: #262627 url(../image/banner.jpg) no-repeat center top;
	background-size: 100% 100%
}
.logo {
	position: absolute;
	top: 30px;
	left: 0;
	overflow: hidden;
	width: 120px;
	height: 120px;
	border: 6px solid #f3f5f9;
	border-radius: 100%;
	background: #f3f5f9;
	transition: transform .4s ease-out
}
.logo:hover {
	-webkit-box-shadow: 0 0 10px #fff;
	box-shadow: 0 0 10px #fff;
	-webkit-transform: rotateZ(360deg);
	-moz-transform: rotateZ(360deg);
	transform: rotateZ(360deg)
}
.logo img {
	width: 100%;
	height: 100%
}
.blog-info {
	padding-top: 25px;
	color: #5c5c5c
}
.blog-name {
	margin-bottom: 15px;
	color: #000;
	font-weight: 800;
	font-size: 26px;
	line-height: 26px
}
.blog-v {
	display: inline-block;
	margin-left: 12px;
	width: 15px;
	height: 15px;
	background-image: url(../image/blog-v.png);
	background-size: 15px;
	background-repeat: no-repeat
}
.blog-text {
	margin-bottom: 10px;
	color: #000;
	font-size: 14px
}
.blog-data {
	color: #ccc
}
.blog-data .blog-num {
	margin-right: 26px;
	font-size: 14px;
	line-height: 42px
}
.blog-data .blog-num b, .blog-data .blog-time b, .blog-data .blog-view b {
	margin-left: 15px;
	color: #259b24;
	font-size: 26px
}
.blog-data .blog-view {
	margin-left: 30px;
	font-size: 14px;
	line-height: 42px
}
.blog-data .blog-time {
	margin-left: 50px;
	font-size: 14px;
	line-height: 42px
}
.blog-login {
	position: absolute;
	top: 87px;
	right: 0;
	display: block
}
.blog-login .btn {
	display: inline-block;
	padding: 0 30px;
	height: 40px;
	border-radius: 20px;
	background: #259b24;
	color: #fff;
	font-size: 16px;
	line-height: 40px
}
.blog-login .btn i {
	padding-right: 5px
}
.header-nav {
	position: relative;
	z-index: 9999;
	float: left;
	width: 100%;
	border-bottom: 1px solid #eee;
	background-color: #259b24
}
.navbar {
	position: relative;
	z-index: 1;
	clear: both
}
.navbar li {
	position: relative;
	float: left;
	display: block;
	text-align: center
}
.navbar li a {
	display: block;
	padding: 15px 20px;
	color: #fff;
	font-weight: 500;
	font-size: 16px
}
.navbar li.active, .navbar li.on {
	background: #187c17
}
.navbar li a:hover, .navbar li.current-menu-item a, .navbar li.current-post-parent a, .navbar li.current_page_item a {
	background-color: #187c17;
	color: #fff
}
.header .moble-bars {
	display: none
}
.header menu>div>ul>li:hover>ul {
	display: block
}
.header menu>div>ul>li>ul {
	position: absolute;
	top: 100%;
	right: -40%;
	display: none;
	width: 140%;
	background-color: #259b24;
	text-align: center;
	transition: .3s all
}
.header menu>div>ul>li>ul>li a {
	float: none;
	display: block;
	padding: 5px 20px 4px;
	padding: 10px 0;
	color: #fff
}
.header menu>div>ul>li>ul>li, .header menu>ul>li>ul>li>a {
	margin: 0;
	padding: 0;
	width: 100%;
	color: #686967!important;
	font-size: 14px;
	line-height: 30px
}
.header menu>div>ul>li>ul>.on {
	background-color: #333d46;
	color: #fff!important
}
.header menu>div>ul>li>ul>.on a {
	color: #fff!important
}
select {
	margin: 0;
	width: 100%;
	height: 25px;
	background: #fff;
	line-height: 25px
}
.pull-right {
	position: relative;
	float: right!important;
	margin-top: 5px
}
.pull-right form input {
	padding: 5px 35px 5px 25px;
	width: 130px;
	height: 42px;
	outline: 0;
	border: 1px solid #efefef;
	border-radius: 0px;
	background: #fff;
	font-size: 14px;
	transition: width .3s linear
}
.pull-right form input:focus {
	width: 180px
}
.pull-right form button {
	position: absolute;
	top: 10px;
	right: 15px;
	margin: 0;
	padding: 0;
	outline: 0;
	border: none;
	background: 0 0;
	color: #ddd;
	font-weight: 300;
	font-size: 17px;
	line-height: normal;
	cursor: pointer
}
.breadcrumb {
	clear: both;
	overflow: hidden;
	margin: 0 auto;
	padding: 0 20px;
	height: 35px;
	max-width: 1200px;
	line-height: 35px
}
.fa-angle-right, .fa-bullhorn {
	margin: 0 4px;
	font-size: 16px
}
.slider {
	overflow: hidden;
	margin: 0 auto;
	max-width: 1200px
}
.slider .slideBox {
	position: relative;
	margin-bottom: 10px;
	width: 100%;
	height: 100%;
	border: 1px solid #eee
}
.slider .slideBox .bd {
	position: relative;
	z-index: 0;
	height: 100%
}
.slideBox .bd ul li, .slider .slideBox .bd ul {
	width: 100%!important;
}
.slider .slideBox .bd img {
	display: block;
	width: 100%;
	height: auto
}
.slideBox .next, .slideBox .prev {
	position: absolute;
	top: 50%;
	z-index: 10;
	display: none;
	margin: -60px 0 0;
	width: 60px;
	height: 90px;
	background: url(../image/ad_ctr.png) no-repeat 0 0;
	text-indent: -9999px;
	opacity: .2;
	cursor: pointer;
	filter: alpha(opacity=20)
}
.slideBox .prev {
	left: 0
}
.slideBox .next {
	right: 0;
	background-position: 0 -90px
}
.slideBox .next:hover, .slideBox.prev:hover {
	opacity: .5!important;
	filter: alpha(opacity=50)!important
}
.slideBox .hd {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 30px;
	text-align: center;
	line-height: 30px
}
.slideBox .hd ul li {
	display: inline-block;
	overflow: hidden;
	margin: 4px;
	width: 11px;
	height: 11px;
	background: url(../image/dot-black.png) 0 0;
	line-height: 9999px;
	opacity: .4;
	cursor: pointer;
	filter: alpha(opacity=40)
}
.slideBox .hd ul .on {
	opacity: 1;
	filter: alpha(opacity=100)
}
.content-wrap {
	float: left;
	width: 100%
}
.article {
	margin-right: 370px;
	min-height: 600px
}
.archive-head {
	position: relative;
	overflow: hidden;
	margin-bottom: 10px;
	padding: 15px 20px;
	border-top: 1px solid #eee;
	background-color: #fff
}
.headline h1 {
	float: left
}
.headline span {
	float: left
}
.headline {
	position: relative;
	margin-bottom: 20px;
	padding-bottom: 10px;
	height: 40px;
	border-bottom: 2px solid #ecedee;
	color: #2a363c;
	font-weight: 700;
	font-size: 16px;
	line-height: 28px
}
i.fa.fa-folder-open {
	float: left;
	margin-right: 10px;
	width: 28px;
	height: 28px;
	background-color: #2a363c;
	color: #FFF;
	text-align: center;
	font-size: 14px;
	line-height: 28px
}
i.fa-rss {
	float: right;
	margin: 6px 0 0 20px;
	color: #259b24
}
.headline:before {
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 28px;
	height: 2px;
	background-color: #2a363c;
	content: ""
}
.archive-list p {
	line-height: 22px
}
.post {
	position: relative;
	overflow: hidden;
	margin-bottom: 10px;
	padding: 20px;
	border: 1px solid #eee;
	border-radius: 2px;
	background-color: #fff;
	-webkit-transition: all .4s ease;
	transition: all .4s ease
}
.post:hover {
	box-shadow: 0 0 8px rgba(46,143,237,.3)
}
.istop {
	padding: 15px 30px
}
.post header {
	position: relative
}
.post header h2 {
	padding-bottom: 10px;
	font-size: 20px;
	line-height: 24px
}
.istop .post-title {
	font-size: 18px
}
.post-img {
	position: relative;
	float: left;
	margin-right: 2.8169014084507%;
	margin-left: 0;
	width: 30%;
	height: 140px;
	max-width: 330px
}
.post-img .mask-tags {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 50;
	display: block;
	padding: 2px 10px;
	background: #259b24;
	color: #fff;
	font-size: 12px
}
.post-img .mask-tags a {
	color: #fff
}
.post-text {
	display: block;
	font-size: 14px;
	line-height: 24px
}
.post footer {
	margin: 8px 0 0;
	height: auto;
	color: #999
}
.post footer span {
	display: inline-block;
	margin-right: 10px;
	color: #999;
	font-size: 13px
}
.post footer span a {
	color: #999
}
.post footer span .fa {
	display: inline-block;
	margin-right: 4px;
	width: 13px;
	font-size: 13px
}
#content-index-control {
	position: absolute;
	top: 3px;
	right: 5px;
	color: red;
	cursor: pointer
}
#content-index-wrap {
	position: relative;
	float: right;
	margin: 10px 0 0;
	max-width: 280px;
	background: #fff;
	font-size: 14px
}
#content-index {
	float: right;
	margin-left: 5px;
	padding: 0 6px 0 10px;
	min-width: 120px;
	border: 1px solid #DEDFE1;
	background: #F7F7F7;
	line-height: 24px
}
#content-index b {
	display: block;
	font-weight: 700;
	line-height: 30px
}
#index-ul {
	margin: 0;
	padding-bottom: 5px;
	border-top: 1px dashed #DDD
}
#index-ul li {
	margin: 3px 0 3px 20px;
	padding: 0;
	background: none repeat scroll 0 0 transparent;
	list-style-type: decimal
}
#index-ul li:before {
	content: ""
}
#index-ul a {
	text-decoration: none
}
.pagination {
	padding: 20px;
	background-color: #fff;
	text-align: center
}
.pagination ul {
	display: inline-block;
*display:inline;
*zoom:1;
	margin-left: 0;
	margin-bottom: 0;
	padding: 0
}
.pagination ul>li {
	display: inline
}
.pagination ul>li>a, .pagination ul>li>span {
	margin: 0 5px;
	float: left;
	padding: 8px 20px 7px;
	text-decoration: none;
	background-color: #ddd;
	color: #666;
	border-radius: 3px;
	opacity: .88
}
.pagination-multi ul>li>a, .pagination-multi ul>li>span {
	padding: 5px 12px;
	margin: 0 2px;
	font-size: 12px
}
.pagination ul>li>a:hover, .pagination ul>li>a:focus {
	opacity: 1
}
.pagination ul>.active>a, .pagination ul>.active>span {
	background-color: #259b24;
	color: #fff
}
.pagination ul>.active>a, .pagination ul>.active>span {
	cursor: default
}
.pagination ul>li>span, .pagination ul>.disabled>span, .pagination ul>.disabled>a, .pagination ul>.disabled>a:hover, .pagination ul>.disabled>a:focus {
	color: #999;
	background-color: transparent;
	cursor: default
}
.pagination ul>li.next-page>a {
	background-color: #259b24;
	color: #fff
}
@media(max-width:767px) {
.pagination-multi ul>li {
	display: none
}
.pagination-multi .prev-page, .pagination-multi .next-page {
	display: inline-block
}
.pagination-multi ul>li>a {
	padding: 8px 20px
}
}
.sidebar {
	position: relative;
	float: left;
	margin-left: -360px;
	width: 360px
}
.widget {
	overflow: hidden;
	margin-bottom: 10px;
	padding: 15px 20px 10px 20px;
	border: 1px solid #eee;
	background-color: #fff
}
.widget-tie h3 {
	position: relative;
	margin-bottom: 21px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ebebeb;
	font-size: 16px
}
.widget-tie h3:after {
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 70px;
	height: 1px;
	background: #e5e6e0;
	content: ""
}
.widget ul {
	margin: 0;
	list-style: none
}
.divCatalog li {
	float: left;
	width: 33.33333%
}
.divPrevious li {
	position: relative;
	overflow: hidden;
	margin-top: 20px
}
.divPrevious li .previous-one-img {
	position: relative;
	float: left;
	margin-top: 3px;
	width: 75px;
	height: auto;
	max-height: 75px
}
.divPrevious li .previous-one-img img {
	width: 75px;
	height: auto
}
.divPrevious li .previous-recent-title {
	margin-left: 85px
}
.divPrevious li .previous-recent-title h4 {
	margin-bottom: 0;
	font-weight: 400;
	font-size: 13px;
	line-height: 1.6
}
.divPrevious li .previous-recent-title span {
	color: #9A9A9A;
	font-size: 12px
}
.social ul {
	margin-bottom: 15px;
	text-align: center
}
.social p.title {
	position: relative;
	overflow: initial;
	margin: 0 10px;
	margin-bottom: 35px;
	padding: 0;
	border-bottom: solid 1px #EAEAEA;
	color: #666;
	text-align: center;
	font-size: 15px
}
.social p.title span {
	position: relative;
	bottom: -12px;
	padding: 0 10px;
	background: #FFF;
}
.social a.social_a {
	display: inline-block;
	width: 40px;
	height: 40px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #222;
	color: #fff;
	text-align: center;
	font-size: 16px;
	line-height: 40px
}
.social a.social_weibo {
	background: #F52C71
}
.social a.social_tencent {
	background: #00A2FF
}
.social a.social_qq {
	background: #00C5FF
}
.social a.social_email {
	background: #FF6B00
}
.social a.social_weixin {
	background: #01C271
}
.social a.social_qun {
	background: #8A3BFF
}
.social a.social_weixin:hover .weixin {
	display: block
}
.social a.social_weixin .weixin {
	position: absolute;
	top: 120px;
	left: 80px;
	z-index: 999;
	display: none;
	padding: 5px;
	width: 200px;
	height: 200px;
	background: #01C271
}
.widget-thumb {
	margin: 10px 0;
	height: auto;
	min-height: 55px
}
.widget-thumb .post-thumbnail {
	float: left;
	margin: 0 10px 0 0
}
.widget-thumb .post-thumbnail img {
	padding: 4px;
	width: 55px;
	height: 55px;
	border: 1px solid #eee;
	-webkit-border-radius: 27px;
	-moz-border-radius: 27px;
	border-radius: 27px;
	background: #fff;
	-webkit-transition: .4s;
	-webkit-transition: -webkit-transform .4s ease-out;
	-moz-transition: -moz-transform .4s ease-out;
	transition: transform .4s ease-out
}
.widget-thumb .post-thumbnail:hover img {
	border: 1px solid #ccc;
	-webkit-box-shadow: 0 0 10px #fff;
	box-shadow: 0 0 10px #fff;
	-webkit-transform: rotateZ(360deg);
	-moz-transform: rotateZ(360deg);
	transform: rotateZ(360deg)
}
.widget-thumb a {
	line-height: 24px
}
.widget-thumb span.date {
	margin: 5px 0 0 10px;
	color: #AAA;
	font-size: 85%
}
.divComments li .author-info {
	margin-top: 10px;
	padding: 0;
	height: 42px;
	font-size: 12px;
	line-height: 42px
}
.divComments li .author-info .avatar {
	float: left;
	margin-right: 2px;
	width: 42px;
	height: 42px;
	border-radius: 50%
}
.divComments li .author-info i {
	float: left;
	color: #333;
	text-indent: 5px;
	font-style: normal;
	font-size: 16px
}
.divComments li .author-info span {
	float: right;
	color: #bbb
}
.divComments li .comment-inner p {
	margin: 0 0 5px 48px;
	color: #333;
	font-size: 14px;
	line-height: 22px
}
.divComments li .comment-refer {
	position: relative;
	padding-left: 48px;
	height: 43px;
	line-height: 43px
}
.divComments li .comment-refer .comment-icon {
	position: absolute;
	top: 5px;
	left: 0;
	display: inline-block;
	width: 21px;
	height: 15px;
	background-image: url(../image/comment-icon.png);
	background-repeat: no-repeat;
	vertical-align: middle
}
.divComments li .comment-refer .t {
	display: inline-block;
	overflow: hidden;
	height: 21px;
	color: #999;
	font-size: 12px;
	line-height: 21px
}
.divComments li .comment-refer .t a {
	margin-left: 5px;
	color: #999;
	font-style: normal
}
.divContorPanel ul {
	text-align: center
}
.cp-hello {
	color: #666;
	font-size: 14px;
	line-height: 35px
}
.cp-login {
	color: #666;
	font-size: 14px;
	line-height: 35px
}
.cp-vrs {
	font-size: 14px;
	line-height: 35px
}
.divArchives li, .divAuthors li, .divCatalog li, .divFavorites li, .divLinkage li, .divNavBar li, .divStatistics li {
	margin-bottom: 5px;
	padding-bottom: 5px
}
.divArchives li a, .divAuthors li a, .divCatalog li a, .divFavorites li a, .divLinkage li a, .divMisc li a, .divNavBar li a, .divStatistics li {
	margin-right: 0;
	color: #555;
	font-size: 14px;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s
}
.divArchives li:hover a, .divAuthors li:hover a, .divCatalog li:hover a, .divFavorites li:hover a, .divLinkage li:hover a, .divNavBar li:hover a, .divStatistics li:hover {
	padding-left: 20px;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s
}
.divMisc a {
	float: left;
	margin-right: 10px;
	padding-top: 18px;
	padding-bottom: 18px;
	width: 43%
}
.divTags a {
	display: inline-block;
	margin: 0 5px 5px 0;
	padding: 2px 6px;
	background-color: #428BCA;
	font-weight: 400;
	font-size: 12px;
	line-height: 20px;
	width: 31%;
	float: left; height:24px; overflow:hidden;
}
.divTags a:nth-child(9n) {
	background-color: #4A4A4A
}
.divTags a:nth-child(9n+1) {
	background-color: #428BCA
}
.divTags a:nth-child(9n+2) {
	background-color: #5CB85C
}
.divTags a:nth-child(9n+3) {
	background-color: #D9534F
}
.divTags a:nth-child(9n+4) {
	background-color: #567E95
}
.divTags a:nth-child(9n+5) {
	background-color: #B433FF
}
.divTags a:nth-child(9n+6) {
	background-color: #00ABA9
}
.divTags a:nth-child(9n+7) {
	background-color: #B37333
}
.divTags a:nth-child(9n+8) {
	background-color: #F60
}
.divTags a:hover {
	color: #fff!important;
	opacity: .8;
	filter: alpha(opacity=80)
}
.divTags a {
	color: #FFF
}
.divCalendar table {
	margin-top: 10px;
	width: 100%;
	table-layout: fixed;
	font-size: 13px
}
.divCalendar caption {
	height: 35px;
	border: 1px solid #e0e1e2;
	background-color: #fbfbfb;
	text-align: center;
	font-weight: 700;
	font-size: 13px;
	line-height: 35px
}
.divCalendar caption a {
	color: #555
}
.divCalendar th {
	height: 26px;
	border: 1px solid #e0e1e2;
	background-color: #fbfbfb;
	color: #555;
	text-transform: uppercase
}
.divCalendar td {
	border: 1px solid #e0e1e2;
	color: #666;
	text-align: center;
	line-height: 30px
}
.divCalendar td a {
	display: block;
	background: #DC6460;
	color: #fff;
	line-height: 30px
}
.divSearchPanel input[type=text] {
	margin-left: 5px;
	padding-left: 10px;
	width: 70%;
	height: 34px;
	outline: 0;
	border: 1px solid #E8E9E7;
	background: #fff;
	vertical-align: bottom
}
.divSearchPanel input[type=submit] {
	padding-right: 15px;
	padding-left: 15px;
	width: 27%;
	outline: 0;
	border: 2px solid #e5e6e0;
	background: #e5e6e0;
	color: #aaa;
	font-weight: 700;
	font-size: 14px;
	line-height: 28px;
	cursor: pointer
}
.article-container {
	margin: 0 0 10px;
	padding: 20px;
	border: 1px solid #eee;
	background: #fff
}
.article-header {
	padding: 0 20px 10px;
	border-bottom: 1px solid #e3e3e3
}
.article-padding {
	padding: 20px 0 0
}
.article-title {
	margin-top: 0;
	margin-bottom: 12px;
	text-align: center;
	font-size: 26px
}
.article-meta {
	text-align: center
}
.article-meta span {
	display: inline-block;
	margin-right: 10px;
	color: #999;
	font-size: 13px
}
.article-meta span a {
	display: inline-block;
	color: #999;
	font-size: 13px
}
.article-meta span .fa {
	display: inline-block;
	margin-right: 4px;
	width: 13px;
	font-size: 13px
}
.article-content {
	overflow: hidden;
	padding: 18px 0 0;
	word-wrap: break-word;
	font-size: 15px;
	line-height: 25px
}
.article-content img {
	height: auto;
	max-width: 100%
}
.article-content h2, .article-content h3, .article-content h4, .article-content h5 {
	margin: 25px 0;
	padding: 0;
	color: #555;
	font-weight: 700;
	padding: 10px 0 10px 10px;
}
.article-content h2, .article-content h3, .article-content h4, .article-content h5 {
	border-left: 5px solid #e5e6e0;
	font-weight: 700;
	font-size: 22px;
	line-height: 20px
}
.article-content h3 {
	font-size: 18px
}
.article-content h4 {
	font-size: 15px
}
.article-content h5 {
	font-size: 14px
}
.article-content ol, .article-content ul {
	margin: 0 0 18px 15px
}
.article-content ul {
	list-style: disc
}
.article-content ol {
	list-style: decimal
}
.article-content li {
	margin-bottom: 6px
}
.article-content p {
	padding: 0 0 8px 0;
	word-wrap: break-word;
	font-size: 18px;
	line-height: 190%
}
.article-content pre {
	word-wrap: break-word
}
.article-content table {
	margin-bottom: 18px;
	width: 100%;
	border-top: solid 1px #ddd;
	border-left: solid 1px #ddd
}
.article-content table th {
	background-color: #f9f9f9;
	text-align: center
}
.article-content table td, .article-content table th {
	padding: 5px 10px;
	border-right: solid 1px #ddd;
	border-bottom: solid 1px #ddd
}
.article-content a {
	color: #333;
	text-decoration: underline
}
.article-content a:hover {
	color: #259b24
}
.article-content pre, .comment pre {
	margin: 20px 0;
	padding: 10px 15px;
	border: none;
	background: #272822;
	color: #F8F8D4;
	font: 13px/20px 'courier new'
}
.article-content blockquote {
	margin: 30px 30px;
	padding: 15px 20px 1px;
	border-left: 5px solid #EEE;
	color: #999;
	font-size: 16px
}
.article-content blockquote p {
	margin: 0;
	margin-bottom: 10px;
	padding: 0
}
.post-copyright {
	margin-top: 40px;
	padding: 5px 0;
	padding-right: 30px;
	background-color: #eee;
	color: #aaa;
	text-align: center;
	font-size: 12px
}
.article-content embed {
	display: block;
	margin-right: auto;
	margin-left: auto;
	max-width: 100%
}
.post-copyright a, .post-copyright a:hover {
	color: #aaa;
	text-decoration: none
}
.page-post .action-share {
	margin-bottom: 20px;
	padding: 0 0 30px 0;
	height: 50px
}
.content-index {
	position: relative;
	padding: 10px;
	max-width: 30%;
	border: 1px solid #ddd;
	background: #f8f8f8;
	font-size: 12px;
	line-height: 160%
}
.content-index-title {
	margin: 0 0 3px 0;
	padding: 0;
	font-weight: 700;
	font-size: 130%
}
.content-index-toctoggle {
	font-size: 9pt
}
.content-index ul {
	margin: 0!important;
	padding: 0!important;
	list-style: none;
	font-size: 100%
}
.content-index ul li {
	margin-bottom: 0;
	list-style: inside
}
.content-index li a em {
	padding-right: 5px;
	font-weight: 700;
	font-style: normal;
	font-size: 68%
}
.content-index ul.children {
	padding-left: 0;
	list-style: none
}
.tooltip-trigger {
	position: relative;
	text-indent: 0
}
.tooltip {
	position: absolute;
	z-index: 99;
	display: block;
	visibility: visible;
	white-space: pre;
	font-size: 12px;
	line-height: 20px;
	opacity: 0;
	filter: alpha(opacity=0)
}
.tin .tooltip-inner {
	background: #e5e6e0;
	color: #fff
}
.tin .tooltip.top .tooltip-arrow {
	border-top-color: #e5e6e0
}
.tooltip.in {
	opacity: .8;
	filter: alpha(opacity=80)
}
.tooltip.top {
	margin-top: -3px;
	padding: 5px 0
}
.tooltip.right {
	margin-left: 3px;
	padding: 0 5px
}
.tooltip.bottom {
	margin-top: 3px;
	padding: 5px 0
}
.tooltip.left {
	margin-left: -3px;
	padding: 0 5px
}
.tooltip-inner {
	padding: 5px 8px;
	max-width: 200px;
	border-radius: 4px;
	background-color: #000;
	color: #fff;
	text-align: center;
	text-decoration: none
}
.tooltip-arrow {
	position: absolute;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid
}
.tooltip.top .tooltip-arrow {
	bottom: 1px;
	left: 50%;
	margin-left: -5px;
	border-width: 5px 5px 0;
	border-top-color: #000
}
.tooltip.top-left .tooltip-arrow {
	bottom: 0;
	left: 5px;
	border-width: 5px 5px 0;
	border-top-color: #000
}
.tooltip.top-right .tooltip-arrow {
	right: 5px;
	bottom: 0;
	border-width: 5px 5px 0;
	border-top-color: #000
}
.tooltip.right .tooltip-arrow {
	top: 50%;
	left: 0;
	margin-top: -5px;
	border-width: 5px 5px 5px 0;
	border-right-color: #000
}
.tooltip.left .tooltip-arrow {
	top: 50%;
	right: 0;
	margin-top: -5px;
	border-width: 5px 0 5px 5px;
	border-left-color: #000
}
.tooltip.bottom .tooltip-arrow {
	top: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 0 5px 5px;
	border-bottom-color: #000
}
.tooltip.bottom-left .tooltip-arrow {
	top: 0;
	left: 5px;
	border-width: 0 5px 5px;
	border-bottom-color: #000
}
.tooltip.bottom-right .tooltip-arrow {
	top: 0;
	right: 5px;
	border-width: 0 5px 5px;
	border-bottom-color: #000
}
.entry-meta{overflow:hidden;margin-top:10px}.bdshare{float:right}.title .post-tag{float:right;margin:5px 0 5px 0}.title .post-tag a{margin-right:5px;padding:3px 8px;border:1px solid #eee}
.post-navigation {
	clear: both;
	overflow: hidden;
	margin: 10px 0 0;
	padding: 20px 0;
	background-color: #fff
}
.post-navigation div {
	position: relative;
	display: block;
	width: 42%;
	color: #999;
	font-size: 14px
}
.post-previous {
	float: left;
	padding-left: 40px
}
.post-next {
	float: right;
	padding-right: 40px;
	text-align: right
}
.post-navigation div span {
	display: block;
	color: #999;
	font-size: 80%
}
.post-navigation div a:after {
	position: absolute;
	top: 34%;
	margin-top: -11px;
	height: 22px;
	color: #EDEDED;
	font-size: 56px;
	line-height: 22px
}
.post-previous a:after {
	left: 0;
	content: '«'
}
.post-next a:after {
	right: 0;
	content: '»'
}
.authorbio {
	margin: 10px 0 0 0;
	padding: 20px 0 20px 10px;
	border: 1px solid #eee;
	border-radius: 2px;
	background: #fcfcfc;
	box-shadow: 0 1px 1px rgba(0,0,0,.04)
}
.authorbio .avatar {
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	width: 50px;
	height: 50px
}
.authorbio img {
	float: left;
	margin: 10px;
	padding: 4px;
	width: 64px;
	height: 64px;
	border: 1px solid #eee;
	-webkit-border-radius: 37px;
	-moz-border-radius: 37px;
	border-radius: 37px;
	background: #fff;
	-webkit-transition: .4s;
	-webkit-transition: -webkit-transform .4s ease-out;
	-moz-transition: -moz-transform .4s ease-out;
	transition: transform .4s ease-out
}
.authorbio img:hover {
	border: 1px solid #ccc;
	-webkit-box-shadow: 0 0 10px #fff;
	box-shadow: 0 0 10px #fff;
	-webkit-transform: rotateZ(360deg);
	-moz-transform: rotateZ(360deg);
	transform: rotateZ(360deg)
}
.spostinfo li {
	margin-top: 1px;
	font-size: 14px;
	line-height: 25px
}
.nb {
	padding: 12px 0;
	border-bottom: none
}
#archive-head .follows {
	width: auto
}
#archive-head .follows li {
	float: left;
	margin: 0;
	padding: 0;
	width: 28px;
	height: 30px;
	background: 0 0
}
.widget .nb li {
	padding: 0;
	width: 28px;
	height: 30px;
	background: 0 0
}
.widget .nb li.archive, .widget .nb li.donate {
	width: 80px
}
.widget .nb li.archive a {
	width: 78px;
	height: 24px;
	background: url(http://demo111.99yuanma.net:8889/skin/ecms111/images/archive.png) no-repeat
}
.widget .nb li.donate a {
	width: 78px;
	height: 24px;
	background: url(http://demo111.99yuanma.net:8889/skin/ecms111/images/donate.png) no-repeat
}
.follows {
	padding: 16px 13px 16px 10px
}
.follows ul li {
	background: 0 0
}
.follows li a {
	display: block;
	margin-left: 4px;
	width: 24px;
	height: 24px;
	background: url(../image/social24.png) no-repeat;
	text-indent: -9999px;
	opacity: .7
}
.follows li a:hover {
	opacity: 1
}
.follows li.website a {
	background-position: 0 0
}
.follows li.sina_weibo a {
	background-position: 0 -68px
}
.follows li.qq_weibo a {
	background-position: 0 -102px
}
.follows li.rss a {
	background-position: 0 -238px
}
.follows li.email a {
	background-position: 0 -170px
}
.follows li.qq a {
	background-position: 0 -34px
}
.follows li.twitter a {
	background-position: 0 -204px
}
.follows li.google_plus a {
	background-position: 0 -136px
}
.follows li.archive a {
	width: 78px;
	height: 24px;
	background: url(http://demo111.99yuanma.net:8889/skin/ecms111/images/archive.png) no-repeat
}
.follows li.donate a {
	width: 78px;
	height: 24px;
	background: url(http://demo111.99yuanma.net:8889/skin/ecms111/images/donate.png) no-repeat
}
.follows li {
	float: left;
	display: inline;
	margin-right: 4px;
	height: 24px;
	text-align: center;
	line-height: 190%
}
.relates {
	margin-bottom: 10px;
	padding: 20px;
	border: 1px solid #eee;
	background: #fff
}
.title {
	overflow: hidden;
	margin-bottom: 10px
}
.title h3 {
	float: left;
	margin: 0;
	font-weight: 500;
	font-size: 15px
}
.r4 {
	float: left;
	width: 25%
}
#related-img {
	overflow: hidden;
	margin-bottom: 0;
	background: #fff
}
.related-title {
	overflow: hidden;
	height: 52px;
	background: #fff
}
.related-site {
	padding: 5px;
	width: auto;
	height: auto;
	max-width: 100%
}
.related-site-img {
	overflow: hidden;
	width: auto;
	height: auto;
	max-width: 100%
}
.related-site-img a img {
	width: 100%;
	height: auto;
	max-width: 100%;
	-webkit-transition: -webkit-transform .3s linear;
	-moz-transition: -moz-transform .3s linear;
	-o-transition: -o-transform .3s linear;
	transition: transform .3s linear
}
.related-site-img:hover a img {
	transition: All .7s ease;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1)
}
.wenad {
	margin: 0 auto;
	width: 100%;
	max-width: 300px;
	text-align: center
}
.widget-box {
	position: relative;
	clear: both;
	margin-bottom: 20px;
	background: none repeat scroll 0 0 #fff
}
.user-center {
	overflow: hidden;
	width: 100%;
	border: 1px solid #eee
}
#user-left {
	float: left;
	padding-bottom: 10px;
	width: 17.9%
}
#user-left .user-avatar {
	padding: 15px;
	text-align: center
}
#user-left .user-avatar img {
	padding: 5px;
	width: 98%;
	height: auto;
	max-width: 100px;
	max-height: 100px;
	border: 1px solid #eee;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	-webkit-transition: .4s;
	-webkit-transition: -webkit-transform .4s ease-out;
	-moz-transition: -moz-transform .4s ease-out;
	transition: transform .4s ease-out
}
#user-left .user-avatar img:hover {
	border: 1px solid #ccc;
	-webkit-box-shadow: 0 0 10px #fff;
	box-shadow: 0 0 10px #fff;
	-webkit-transform: rotateZ(360deg);
	-moz-transform: rotateZ(360deg);
	transform: rotateZ(360deg)
}
#user-menu li {
	padding: 12px 10px;
	text-align: center
}
#user-menu li.current-menu-item {
	margin: 0 -1px;
	border-left: 5px solid #e5e6e0;
	background: #EEE
}
#user-menu li.current-menu-item a {
	margin-left: -5px;
	color: #e5e6e0
}
#user-menu li i {
	margin-right: 5px
}
#user-right {
	float: left;
	overflow: hidden;
	margin: 0;
	padding: 10px 1.333333%;
	width: 82%;
	min-height: 600px;
	border-bottom: none;
	border-left: 1px solid #E1E1E1;
	background: #fff
}
.widget-content {
	position: relative;
	z-index: 1;
	padding: 10px 15px;
	border-bottom: 1px solid #E1E1E1
}
#user-right #archive-head {
	margin: 0 -15px;
	padding: 10px 15px;
	border-bottom: 1px solid #E1E1E1;
	background: #fff
}
#archive-head h1 {
	margin-bottom: 10px;
	font-size: 20px
}
#archive-head .rss-cat-icon i {
	color: #F74D4D
}
#user-right .post-count {
	padding: 15px 10px;
	border-bottom: 1px solid #eee;
	font-weight: 700
}
.archive-simple {
	padding: 10px 0;
	border-bottom: 1px solid #eee
}
#user-right .archive-simple h2 {
	padding-left: 5px;
	font-size: 14px;
	line-height: 40px
}
.archive-simple h2 {
	display: inline-block;
	overflow: hidden;
	margin: 0;
	width: 60%;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px
}
.archive-simple h2 a i {
	margin-right: 5px
}
.archive-simple p.post-meta {
	float: right;
	width: 36%
}
.post-meta {
	margin: 10px 0;
	line-height: 20px
}
.archive-simple span {
	margin-right: 5px
}
.post-meta span {
	margin-right: 10px;
	color: #999
}
.post-meta span i {
	margin-right: 3px
}
#al_expand_collapse {
	float: right;
	width: 87px;
	background: #a3a3a3;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 0 #000;
	font-size: 12px;
	line-height: 25px
}
.al_year {
	margin-top: 15px;
	margin-bottom: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	text-indent: 1em;
	font-weight: 700;
	font-size: 18px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-top-color: #CCC;
	border-bottom-color: #CCC
}
.al_mon_list li {
	margin: 5px 0
}
.al_mon {
	padding-left: 5px
}
.fa-book {
	margin-right: 5px
}
.al_post_list li {
	margin: 5px 0;
	padding-left: 25px;
	font-size: 14px
}
.al_post_list li a {
	text-decoration: none!important
}
.article-content h5 {
	margin-top: 10px;
	margin-bottom: 10px;
	text-indent: 0.5em;
	font-size: 18px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-top-color: #CCC;
	border-bottom-color: #CCC
}
.list-unstyled {
	float: left;
	margin: 25px 0 0 26px;
	margin: 2px;
	width: 100%;
	color: #000;
	font-size: 14px;
	line-height: 30px;
	line-height: 200%
}
.list-unstyled li {
	float: left;
	margin: 0 10px 0 0;
	padding: 5px;
	width: 100%
}
.list-unstyled a {
	padding: 5px 8px;
	color: #333
}
.list-inline {
	overflow: hidden;
	padding-top: 0;
	width: 100%;
	list-style: none;
	text-align: center
}
.list-inline li {
	float: left;
	background: #259b24;
	width: 31px;
	height: 31px;
	line-height: 31px;
	color: #fff;
	text-align: center;
	margin: 4px;
	border-radius: 2px
}
.list-inline li:hover {
	background: #333d46;
	color: #fff;
}
.list-inline a {
	display: block;
	color: #fff;
	text-decoration: none
}
.list-inline a:hover {
	color: #fff;
}
.ist-inlin a.current {
	color: #333;
	text-decoration: none
}
#comments, .comment-box, .relatedpost {
	clear: both;
	overflow: hidden;
	margin-top: 5px;
	margin-bottom: 10px;
	padding: 15px;
	border: 1px solid #eee;
	background: #fff
}
#comments h4, .relatedpost h3, div.comment-box h4 {
	font-weight: 400;
	font-size: 16px
}
#comments h4 {
	padding-bottom: 12px
}
#comment_form {
	display: block;
	overflow: hidden;
	padding: 20px 10px 0 0
}
.ie6show {
	display: none;
	height: 3px
}
.col1, .col2 {
	margin: 0;
	padding: 0
}
.col1 {
	float: left;
	overflow: hidden;
	padding: 0 5px 0;
	width: 30%;
	background-position: right top
}
.col2 {
	float: right;
	width: 68%;
	height: auto;
	background-position: 0 0
}
#comment_form textarea {
	overflow: auto;
	margin: 0;
	padding: 10px;
	width: 100%;
	height: 164px;
	color: #222;
	font-family: Verdana, 'Microsoft Yahei', Arial, Helvetica, sans-serif;
	line-height: 17px;
	resize: none;
}
.comments ol li {
	margin: 0 0 1em
}
input#author, input#email, input#url {
	padding: 4px 10px 4px 50px;
	color: #333;
	font-size: 12px;
	line-height: 24px
}
.com {
	position: relative
}
.com p {
	margin: 0
}
.comment-time {
	padding-top: 8px
}
.addcomment {
	position: absolute;
	left: 0;
	width: 26px;
	height: 25px;
	background-position: 0 -124px
}
ol.comment-list {
	position: relative
}
div.comment-box, div.comment-box ol, ol.comment-list, ol.comment-list ol {
	margin: 0;
	list-style: none
}
ol.comment-list li {
	overflow: hidden;
	margin: 0;
	padding: 10px 0 10px 0;
	border-bottom: 1px dashed #eee
}
div.comment-box {
	overflow: hidden;
	margin: 5px 0 10px
}
ol.comment-list li .comment-reply {
	float: right
}
ol.comment-list li .comment-reply a {
	border: none;
	color: #aaa;
	font-size: 11px
}
.children {
	padding-left: 44px!important;
	background: url(../image/menu-current.png) no-repeat 11px -17px
}
.comment-reply a {
	margin-top: -200px
}
.comment-meta {
	padding: 5px 0 0 65px;
	color: #999;
	font-size: 14px
}
.avatar {
	padding: 1px;
	border: 1px #ddd solid;
	background: #fff
}
.comment-author {
	float: left;
	display: block;
	width: 56px;
	text-align: center
}
.fn a {
	overflow: hidden;
	height: 16px;
	color: #d32
}
.fn a:hover {
	color: #555
}
cite.fn {
	clear: both;
	padding-right: 7px;
	color: #d32;
	font-style: normal;
	font-size: 16px
}
#comment_form textarea, .post .con .oddli, input#author, input#email, input#url, textarea#comment {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: solid 1px #E8E8E8;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #eee;
	-webkit-box-shadow: 1px 1px 0 rgba(255,255,255,.5);
	-moz-box-shadow: 1px 1px 0 rgba(255,255,255,.5);
	box-shadow: 1px 1px 0 rgba(255,255,255,.5);
	-ms-box-sizing: border-box;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-box-shadow: 1px 1px 0 rgba(255,255,255,.5)
}
.comment-parent {
	border-top: solid 1px #E8E8E8
}
.comment-child {
	border-top: solid 1px #E8E8E8
}
.comment-p {
	position: relative;
	overflow: hidden;
	margin-left: 64px;
	padding: 6px 0 10px 0
}
.post .con .oddli {
	padding: 6px 10px
}
ol.comment-list li .respond {
	padding: 5px 0
}
#respond .cancel-comment-reply a {
	float: right;
	display: block;
	height: 22px;
	border: none;
	color: #aaa;
	font-size: 12px
}
#comment_form label {
	position: absolute;
	float: left;
	display: block;
	margin: 0 0 0 10px;
	margin-top: 3px;
	color: #555;
	font-size: 12px;
	line-height: 30px
}
#comment_form label .required {
	color: #C04E37
}
#comment_form .text {
	width: 100%
}
#comment_form p {
	margin-bottom: 8px
}
.submit {
	display: block;
	display: block;
	margin-top: 2px;
	width: 100%;
	height: 37px;
	border: none;
	border: none;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #333d46;
	color: #fff;
	color: #fff;
	font-size: 12px;
	font-size: 12px;
	font-family: 'Microsoft Yahei', Verdana, Arial, Helvetica, sans-serif;
	-o-border-radius: 4px;
	-ms-border-radius: 4px
}
.submit:hover {
	background: #259b24;
	color: #fff
}
.display-none, .form .go {
	display: none
}
.comment_navi {
	margin: 10px 0 10px 0;
	height: 20px;
	text-align: center;
	font-size: 14px;
	font-family: Tahoma, Verdana, Arial
}
.comment_navi a, .comment_navi a:link, .comment_navi span.current, .comment_navi span.extend, .comment_navi span.pages {
	margin: 0 1px 0 1px;
	padding: 2px 6px 2px 6px!important;
	border-color: #eee!important;
	border-style: solid!important;
	border-width: 1px!important;
	background-color: #fff!important;
	color: #000!important;
	text-transform: uppercase
}
.comment_navi a:hover, .comment_navi span.current {
	background-color: #ddd!important;
	color: #fff!important
}
#postnavi .prev, .navigation .nav-previous {
	float: left
}
.comment-author img {
	float: left;
	padding: 4px;
	width: 56px;
	height: 56px;
	border: 1px solid #eee;
	-webkit-border-radius: 37px;
	-moz-border-radius: 37px;
	border-radius: 37px;
	background: #fff;
	-webkit-transition: .4s;
	-webkit-transition: -webkit-transform .4s ease-out;
	-moz-transition: -moz-transform .4s ease-out;
	transition: transform .4s ease-out
}
.comment-author img:hover {
	border: 1px solid #ccc;
	-webkit-box-shadow: 0 0 10px #fff;
	box-shadow: 0 0 10px #fff;
	-webkit-transform: rotateZ(360deg);
	-moz-transform: rotateZ(360deg);
	transform: rotateZ(360deg)
}
.post-password-form {
	padding: 10px 0;
	line-height: 30px
}
.author-info img {
	float: left;
	padding: 4px;
	width: 42px;
	height: 42px;
	border: 1px solid #eee;
	-webkit-border-radius: 37px;
	-moz-border-radius: 37px;
	border-radius: 37px;
	background: #fff;
	-webkit-transition: .4s;
	-webkit-transition: -webkit-transform .4s ease-out;
	-moz-transition: -moz-transform .4s ease-out;
	transition: transform .4s ease-out
}
.author-info img:hover {
	border: 1px solid #ccc;
	-webkit-box-shadow: 0 0 10px #fff;
	box-shadow: 0 0 10px #fff;
	-webkit-transform: rotateZ(360deg);
	-moz-transform: rotateZ(360deg);
	transform: rotateZ(360deg)
}
.archive-search h1 {
	font-size: 20px
}
.archive-search, .post-search p {
	position: relative;
	overflow: hidden;
	margin-bottom: 20px;
	padding: 20px;
	border: 1px solid #eee;
	border-radius: 2px;
	background-color: #fff;
	-webkit-transition: all .4s ease;
	transition: all .4s ease
}
.post-search p:hover {
	box-shadow: 0 0 8px rgba(46,143,237,.3)
}
.post-search p a:first-child {
	font-size: 18px;
	line-height: 30px
}
.post-search p a:hover {
	color: #e5e6e0
}
.post-search p strong {
	color: #e5e6e0
}
#gotop {
	position: fixed;
	right: 10px;
	bottom: 10px;
	z-index: 1000
}
#gotop span {
	position: relative;
	display: block;
	margin: 5px 0;
	width: 36px;
	height: 36px;
	background: rgba(0,0,0,.2);
	color: #fff;
	cursor: pointer
}
#gotop span i {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -18px;
	margin-left: -18px;
	width: 36px;
	height: 36px;
	color: #fff;
	text-align: center;
	font-style: inherit;
	font-size: 20px;
	line-height: 36px
}
#gotop a {
	display: block;
	color: #fff;
	cursor: pointer
}
#gotop span:hover {
	background: #777
}
.ads {
	overflow: hidden;
	margin-bottom: 10px;
	padding: 15px;
	border: 1px solid #eee;
	background-color: #fff
}
.footer {
	clear: both;
	margin-top: 10px;
	padding: 15px 0;
	width: 100%;
	background: #000;
	color: rgba(204,204,204,1)
}
.footer a {
	color: rgba(204,204,204,1)
}
.footer-ju {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	max-width: 1160px;
	background: #000;
	color: rgba(204,204,204,1)
}
.footer-ju p {
	text-align: center; line-height:30px;
}
.link {
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 20px;
	max-width: 1160px
}
.link span {
	float: left;
	font-size: 14px
}
.link ul li {
	display: inline;
	padding: 0 5px
}
@media screen and (max-width:1024px) {
.navbar li a {
	padding: 15px 16.5px
}
.none {
	display: none!important
}
}
@media screen and (max-width:980px) {
.header {
	height: auto
}
.none {
	display: block!important
}
.containe {
	padding: 0
}
.logo {
	top: 15px;
	left: 25px;
	width: 90px;
	height: 90px
}
.blog-text {
	margin-bottom: 0
}
.header-nav {
	position: relative!important;
	background: #259b24;
	height: 50px
}
.blog-info {
	padding-left: 135px
}
.blog-name {
	margin-bottom: 10px
}
.header .moble-bars {
	display: block;
	padding: 10px;
	width: 70px;
	border-bottom: 0;
	color: #fff;
	font-size: 14px;
	line-height: 28px;
	float: right
}
.header .moble-bars i {
	padding-top: 5px;
	font-size: 22px
}
.header .moble-bars span {
    float: right;
}
.navbar {
	position: absolute;
	top: 49px;
	left: 0;
	z-index: 99999;
	display: none;
	overflow: inherit!important;
	width: 100%;
	border-top: 1px solid #e5e6e0
}
.navbar li {
	float: none;
	width: 100%;
	height: 40px;
	border-top: 1px solid #5F5F5F;
	border-bottom: 1px solid #353535;
	background: #4c4c4c;
	text-align: left;
	line-height: 40px
}
.navbar li a {
	display: inline-block;
	padding: 0 0 0 10px;
	width: 100%;
	height: auto;
	background: #4c4c4c;
	color: #fff;
	font-size: 16px
}
.navbar li a:hover, .navbar li.current-menu-item a, .navbar li.current-post-parent a, .navbar li.current_page_item a {
	background-color: #2D77BB
}
.navbar li>ul {
	top: -1px;
	right: 100%;
	border-top: none
}
.header menu>div>ul>li>ul {
	position: relative;
	top: 0;
	right: 0;
	display: none;
	width: 100%;
	text-align: center
}
.header menu>div>ul>li>ul>li a {
	padding: 0 0 0 35px;
	color: #fff;
	line-height: 40px;
	height: 40px
}
.pull-right {
	margin-top: 9px;
	float: left!important;
}
.pull-right form input {
	height: 32px
}
.pull-right form button {
	top: 6px
}
.sidebar {
	display: none
}
.article {
	margin-right: 0
}
.footer-ju, .link {
	padding: 0 20px 0 20px
}
#user-left, #user-right {
	float: none;
	width: 100%
}
}
@media screen and (max-width:768px) {
.link, .page-number, .r-hide {
	display: none
}
}
@media screen and (max-width:667px) {
.blog-data, .post-text, .subscribe-wrap {
	display: none
}
.post-img {
	width: 160px;
	height: 97px
}
.pagenavi {
	display: block;
	margin-top: 8px;
	margin-bottom: 8px
}
.loading {
	min-height: 97px
}
.blog-info {
	padding: 25px 10px 18px 145px
}
.post-navigation div {
	width: 100%
}
#user-right .archive-simple p {
	display: none
}
}
@media screen and (max-width:480px) {
.pull-right {
	padding-right: 10px
}
.breadcrumb {
	padding: 0 10px 5px;
	height: auto;
	line-height: 20px
}
.pull-right form button {
	right: 20px
}
.navbar {
	left: 0
}
.logo {
	top: 25px
}
.container {
	padding: 0
}
.blog-info {
	padding: 25px 10px 18px 115px
}
.slider .slideBox {
	margin-bottom: 5px;
	padding: 10px;
	border: 0;
	border-bottom: 1px solid #eee;
	background: #fff
}
.slideBox .hd {
	bottom: 10px
}
.slideBox .next, .slideBox .prev, #content-index-wrap {
	display: none!important
}
.archive-head {
	margin-bottom: 0;
	padding: 10px;
	border-bottom: 1px solid #eee
}
.post {
	position: relative;
	margin-bottom: 5px;
	padding: 10px;
	border: 0;
	border-bottom: 1px solid #eee
}
.post:hover {
}
.post-img, .post-img img {
	width: 100px;
	height: 68px
}
.loading {
	min-height: 68px
}
.post header h2 {
	padding-bottom: 0;
	font-size: 16px
}
.post footer {
	margin: 5px 0 0
}
.post footer .time i, .post footer span, .post-img .mask-tags {
	display: none
}
.post footer .time {
	display: block;
	font-size: 12px
}
.article-container {
	margin-bottom: 10px;
	padding: 0 10px
}
.post-navigation {
	margin: 0 0 10px;
	padding: 10px
}
#author-box {
	margin: 10px 0
}
#author-box h3 {
	padding: 10px
}
.author-info {
	padding: 0 0 10px 0
}
.relates {
	margin-bottom: 10px;
	padding: 10px
}
.col1, .col2 {
	float: none;
	width: 100%
}
.mkcomments {
	margin-bottom: 10px;
	padding: 10px
}
.article-header {
	padding: 10px 20px
}
.r4 {
	width: 50%
}
.article-title {
	font-size: 20px
}
.ads img {
	width: 100%;
	height: auto
}
.ads {
	margin-top: 2px;
	margin-bottom: 2px
}
.footer-ju, .link {
	padding: 0 10px 0 10px
}
}
@media screen and (max-width:420px) {
.logo {
	top: 15px;
	left: 5px
}
.blog-info {
	padding: 25px 10px 18px 100px
}
}
@media screen and (max-width:384px) {
.logo {
	top: 25px
}
}
@media screen and (max-width:350px) {
.blog-name {
	font-size: 22px
}
}
.subscribe-wrap {
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 9999;
	padding-top: 0;
	width: 288px;
	border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	background-color: #fff;
	-webkit-box-shadow: 0 0 3px 2px rgba(0,0,0,.1);
	-moz-box-shadow: 0 0 3px 2px rgba(0,0,0,.1);
	box-shadow: 0 0 3px 2px rgba(0,0,0,.1)
}
.subscribe-wrap p {
	color: #666;
	font-size: 14px;
	line-height: 26px
}
.open-subscribe {
	cursor: pointer
}
#start-subscribe-btn {
	padding: 10px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	background-color: #259b24;
	color: #f0f0f0;
	text-align: center;
	font-size: 15px
}
.add_light .dingyue {
	background-color: #259b24!important
}
.add_light {
	left: 0;
	width: 120px!important
}
.add_light #start-subscribe-btn {
	padding: 8px!important
}
.modalWindow {
	display: none;
	padding: 15px
}
.form-group {
	margin-bottom: 15px
}
.form-group p {
	display: inline-block;
	margin-bottom: 5px;
	max-width: 100%;
	color: #666;
	font-weight: 700;
	font-size: 15px
}
.subscribe-foot-form {
	line-height: 32px
}
.subscribe-foot-form label {
	color: #666;
	font-size: 14px
}
.subscribe-foot-form input[type=text] {
	border-radius: 3px
}
.form-control {
	display: block;
	padding: 6px 12px;
	width: 232px;
	height: 24px;
	border: 1px solid #ccc;
	border-radius: 4px;
	background-color: #fff;
	background-image: none;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	color: #555;
	font-size: 14px;
	line-height: 1.42857143;
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
.btn {
	display: inline-block;
	margin-top: 20px;
	margin-bottom: 0;
	padding: 6px 12px;
	width: 100%;
	border: 1px solid transparent;
	border-radius: 3px;
	background-color: #bbb;
	color: #333;
	vertical-align: middle;
	text-align: center;
	white-space: nowrap;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.5;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
}
.form-control {
	display: block;
	width: 258px;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
.hot, .new {
	z-index: 9999;
	display: block
}
.hot {
	background: url(../image/hot-ico.gif) right 8px no-repeat scroll transparent!important
}
.new {
	background: url(../image/new-ico.gif) right 8px no-repeat scroll transparent!important
}
.post-like{float:left}.post-like a{overflow:hidden;background-color:#259b24;border-radius:3px;color:#fff;font-size:15px;padding:8px 26px;text-decoration:none;outline:0;height:36px;line-height:36px}.post-like a.done{background-color:#259b24;color:#fff}.post-like a.done:hover,.post-like a:hover{background-color:#333d46}.post-like a.done{cursor:not-allowed}
.vp, .vip, .vip1, .vip2, .vip3, .vip4, .vip5, .vip6, .vip7 {
	background: url(../image/vip.png) no-repeat;
	display: inline-block;
	overflow: hidden;
	border: none;
}
.vp {
	background-position: -515px -2px;
	width: 16px;
	height: 16px;
	margin-bottom: -3px
}
.vp:hover {
	background-position: -515px -22px;
	width: 16px;
	height: 16px;
	margin-bottom: -3px
}
.vip {
	background-position: -494px -3px;
	width: 16px;
	height: 14px;
	margin-bottom: -2px
}
.vip:hover {
	background-position: -494px -22px;
	width: 16px;
	height: 14px;
	margin-bottom: -2px
}
.vip1 {
	background-position: -1px -2px;
	width: 46px;
	height: 14px;
	margin-bottom: -1px
}
.vip1:hover {
	background-position: -1px -22px;
	width: 46px;
	height: 14px;
	margin-bottom: -1px
}
.vip2 {
	background-position: -63px -2px;
	width: 46px;
	height: 14px;
	margin-bottom: -1px
}
.vip2:hover {
	background-position: -63px -22px;
	width: 46px;
	height: 14px;
	margin-bottom: -1px
}
.vip3 {
	background-position: -144px -2px;
	width: 46px;
	height: 14px;
	margin-bottom: -1px
}
.vip3:hover {
	background-position: -144px -22px;
	width: 46px;
	height: 14px;
	margin-bottom: -1px
}
.vip4 {
	background-position: -227px -2px;
	width: 46px;
	height: 14px;
	margin-bottom: -1px
}
.vip4:hover {
	background-position: -227px -22px;
	width: 46px;
	height: 14px;
	margin-bottom: -1px
}
.vip5 {
	background-position: -331px -2px;
	width: 46px;
	height: 14px;
	margin-bottom: -1px
}
.vip5:hover {
	background-position: -331px -22px;
	width: 46px;
	height: 14px;
	margin-bottom: -1px
}
.vip6 {
	background-position: -441px -2px;
	width: 46px;
	height: 14px;
	margin-bottom: -1px
}
.vip6:hover {
	background-position: -441px -22px;
	width: 46px;
	height: 14px;
	margin-bottom: -1px
}
.vip7 {
	background-position: -611px -2px;
	width: 46px;
	height: 14px;
	margin-bottom: -1px
}
.vip7:hover {
	background-position: -611px -22px;
	width: 46px;
	height: 14px;
	margin-bottom: -1px
}
.r-hide {
	position: fixed;
	background: rgba(0,0,0,.2);
	right: 10px;
	bottom: 55px;
	z-index: 1000;
	font-size: 18px;
	width: 36px;
	padding: 8px
}
.r-hide a {
	color: #fff
}
.r-hide:hover {
	background: #777
}
.widget-area {
	display: none;
}
.themesmore {
	font-size: 12px;
	float: right;
	font-weight: 400;
	margin-top: 5px;
}
#backtoTop{position:fixed;right:-100px;bottom:0;width:45px;height:45px;border-radius:100%;background-color:#333d46;-webkit-transition:.5s;transition:.5s}#backtoTop.button--show{right:0}.per{position:absolute;top:0;width:45px;height:45px;color:#fff;text-align:center;font-size:16px;line-height:45px;cursor:pointer}.per:before{content:attr(data-percent)}.per:hover:before{content:"▲";font-size:22px;line-height:0}

.tagslist {
    overflow: hidden;
    list-style: none;
    padding: 20px 0;
    margin: 0;
}

.tagslist li {
    float: left;
    width: 25%;
    font-size: 12px;
    overflow: hidden;
    color: #999;
    border-bottom: 1px solid #eee;
    padding: 10px 0;
}

.tagslist .tagname {
    display: inline-block;
    margin-right: 5px;
    background-color: #e6e6e6;
    color: #666;
    padding: 2px 7px;
    margin-bottom: 4px;
}

.tagslist a {
    color: #666;
    margin-right: 10px;
    display: inline-block;
}


.pcd_ad{display:block;    overflow: hidden;
    margin-bottom: 10px;
    padding: 15px;
    border: 1px solid #eee;
    background-color: #fff;}

.mbd_ad{ display:none}

@media(max-width:768px) {

.pcd_ad{display:none !important;}

.mbd_ad{display:block !important;}

}

.chapter-btn {
    display: inline-block;
    padding: 10px 20px;
    margin: 5px;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
    background-color: #d48b3b;
    border: 1px solid #ffffff;
    border-radius: 5px;
    transition: all 0.3s ease;
}
.chapter-btn:hover {
    background-color: #0056b3;
    border-color: #003d80;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.chapter-btn:active {
    background-color: #003d80;
    transform: translateY(1px);
}