/*
Theme Name: lzbsem
Theme URI: http://www.lzbsem.com
description: 运营喵的世界 - 一只苦逼的产品运营喵，分享产品运营相关知识
Author: 波波运营
Author URI: http://www.lzbsem.com
Version:v1.0
*/

/* IE */
html{
scrollbar-arrow-color:#16A085; /* 三角箭头的颜色 */
scrollbar-face-color:#16A085; /* 立体滚动条主体颜色 */
scrollbar-track-color:#2C3E50; /* 空白部分颜色 */
scrollbar-highlight-color:#34495E; /* 立体滚动条左上阴影的颜色 */
scrollbar-shadow-color:#2C3E50; /* 立体滚动条右下阴影的颜色 */
scrollbar-3dlight-color:#2C3E50; /* 立体滚动条亮边的颜色 */
scrollbar-darkshadow-color:#2C3E50; /* 立体滚动条强阴影的颜色 */
scrollbar-base-color:#16A085; /* 滚动条的基本颜色 */
}
/* Google & webkit */
::-webkit-scrollbar{ width:8px; height:10px; } /* 滚动条整体 */
::-webkit-scrollbar-corner{} /* 边角 */
::-webkit-resizer{} /* 右下角拖动块 */
::-webkit-scrollbar-button{} /* 滚动条两端的按钮 */
::-webkit-scrollbar-track{} /* 外层轨道 */
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1); border-radius: 0px; background: rgba(0,0,0,0.2); }/*滑动轨道*/
::-webkit-scrollbar-thumb { border-radius: 5px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1); background: rgba(0,147,221,1);  }/* 滑块  */
::-webkit-scrollbar-track-piece{background-color:rgba(0,0,0,0.1);-webkit-border-radius:0;} /* 内层轨道 */
::-webkit-scrollbar-thumb:hover { border-radius: 5px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.8);
  /*background: rgba(0,0,0,1); */ }/*滑块效果*/



/*----- 重置所有元素样式 -----*/
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
html,body,div,span,object,iframe,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,fieldset,form,label,legend,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; font-style:normal; }

body{ font-family:Arial, Helvetica, sans-serif,"Microsoft YaHei","微软雅黑"; font-weight: normal; font-size:16px; line-height:24px; background: url(images/bg.gif) repeat scroll 0 0 #F6f6f6; color:#333;  }

object,embed,video,iframe{max-width:100%}
blockquote,q{quotes:none}
blockquote p:before,blockquote p:after,q:before,q:after{content:'';content:none}

thead th,thead td{ font-weight:bold; vertical-align:bottom}
a img,th img,td img{vertical-align:top}
button,input,select,textarea{margin:0}
textarea{overflow:auto}

a{ text-decoration:none;}
a:link, a:visited{ text-decoration: none; color:#000000; }
a:hover{ color:#FFAA31; }
h1,h2,h3,h4,h5,h6{ font-size:100%;}
*{ margin:0; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.hotnews h3 a,.topimg h3 a{ color:#fff;}
.clear{clear:both; font-size:1px; width:1px; height:0; visibility:hidden; margin-top:0px!important; *margin-top:-1px; line-height:0; }
/*li{ list-style-type:decimal;}*/


.navbar { border-bottom: 1px solid #DDDDDD;}
.navbar .navbar-brand { padding: 0px; }
.navbar .navbar-brand img { max-height:80px; }
.navbar-default { background-color:#FFFFFF; box-shadow: 0 5px 5px rgba(0,0,0,0.1); }
.navbar-form { padding: 15px 10px; }
.cleardiv { padding-left: 0px; padding-right: 0px;/*去掉容器的左右自带外边距*/}

#navbar .current-menu-item, .headnav .current-menu-parent, .headnav .current_page_parent {color: #555; background-color: #e7e7e7; }



/*slideshow*/
.slideshow { padding-right: 20px; margin-bottom: 20px;}
.slideshow img { border-radius:4px;}

/*slider_aside*/
.slider_aside { padding-left: 0px; padding-right: 0px; background-color: #F6F6F6; } 	

/*hotnews*/
.hotnews {background-color: #FFFFFF; text-align:left; border-radius:4px; }
.widget_title { width: 100%; height: 60px; line-height:60px; font-size: 24px; font-weight: 400; color: #333; position: relative; margin: 0 0 0 0; border-bottom: 1px solid #ececec; }
.widget_title > span { /*border-right: 1px solid #ddd;  margin: 0 10px 0 0; */width: 40px; height: 40px; font-size: 24px; color: #FEAE1B; line-height: 40px; text-align: center; margin-left:15px; }
.hots_list { width:100%; margin: 0px; counter-reset:li; list-style-type: none; padding:39px 15px; }
.hots_list li{ word-wrap: normal; text-overflow: ellipsis; overflow: hidden; white-space: normal; margin-bottom:18px;}
.hots_list li:last-child { margin-bottom: 0px;}
.hots_img { position: relative; float: left; width: 92px; height: 52px; margin-right:15px; overflow: hidden; }
.hots_img img {  display: inline-block; transition: all 0.6s; max-width: 100%; height: auto; border-radius:4px; border: 1px solid #f5f5f5;}
.hots_title { height: 52px; line-height: 26px; overflow: hidden; display: block; text-align: justify; word-break: break-all; }
.hots_views { display:none;  float: right; font-size: 14px; color: #555;} 
.hots_img img:hover { transform: scale(1.2); }



.indcont { margin-left:-10px; margin-right:-10px; }

/*cat_box*/
.cat_box { overflow: hidden; background-color: #FFFFFF; border: 1px solid #ddd; text-align: left; margin-bottom: 20px;}	
.cat_box .cat_left { border-right: 1px solid #ddd; width: 40px; height: 40px; font-size: 18px; color: #2f889a; line-height: 40px; text-align: center; margin: 0 10px 0 0; }
.cat_box .cat_right { float: right; font-size: 18px; color: #999; line-height: 40px; margin-right: 15px; }

.cat_site { padding: 10px; }
.cat_stitle { font-size: 18px; font-weight: 500; line-height: 30px; margin: 0 0 5px 0; white-space: nowrap; word-wrap: normal; text-overflow: ellipsis; overflow: hidden;  }
.cat_list { list-style-type: none; margin-bottom: 0px; }
.cat_list li { height:33px; line-height:33px; font-size: 16px; border-bottom: 1px dashed #F6F6F6;}
.cat_list .cat_icon { font-size: 12px; margin-right: 5px; color: #444444;}

.margin40 { margin: 40px auto;}
.divbox { height: 200px; border: 1px solid #cccccc;}


/*post_box*/
.post_box { padding: 15px; text-align: left; margin-bottom: 20px; background-color: #FFFFFF; border-radius:4px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }


.post_box::before {
	content: "";
	display: block;
	width: 0%;
	height: 2px;
	background: #0e798e;
	
	    background-image: linear-gradient(180deg,#ffb821 0,#ff5c38 45%,#ff1459);
	position: absolute;
	bottom: 0;
	left: 0;
	transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;

}

.post_box:hover::before {
	width: 100%;
}
.post_box:hover{ transform: translate3d(0,-10px,0);	 -moz-transform: translate3d(0,-10px,0); -o-transform: translate3d(0,-10px,0); -ms-transform: translate3d(0,-10px,0); -webkit-transform: translate3d(0,-10px,0); transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; -ms-transition: all 1s; -webkit-transition: all 1s; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); 
<!--	transform: rotateX(360deg); -->
}
.post_box:hover .post_thumbnail img { border-radius:4px; }

.post_title { width: 100%; height: 30px; line-height: 30px; font-size: 20px; margin:0 0 10px; font-weight: 500; overflow: hidden;  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.post_title:before { content: ''; display: inline-block; width: 4px; height: 22px; vertical-align: middle; margin-right: 11px; background: #FEAE1B; margin-top: -3px; /*-webkit-text-fill-color: transparent; -webkit-background-clip: text;*/ background-image: linear-gradient(180deg,#ffb821 0,#ff5c38 45%,#ff1459); border-radius: 3px;}

.post_box .post_thumbnail { width:100%; border:1px solid #F5F5F5; border-radius:4px; }
.post_box .post_thumbnail img { width: 100%; display: inline-block; transition: all 0.6s; border-radius:4px; }
.post_box .post_thumbnail img:hover { transform: scale(1.2); border-radius:4px; }
.post_info { height: 20px; margin: 15px 0; line-height: 20px; font-size: 14px; color: #555;}
.post_dsc { height:72px; color:#B9BFC1; line-height: 24px; text-align: justify; word-break:break-all; overflow:hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}

@media (min-width:768px){
.post_more { margin-top: 15px; border-top: 1px solid #f5f5f5; }
.post_more a { color:#0093dd; border: 1px solid #f5f5f5; text-align: center; padding: 5px 20px; border-radius: 18px; margin: 10px auto; display: block; width: 200px; -webkit-transition: background-color 0.3s, color 0.3s; transition: background-color 0.3s, color 0.3s; position: relative; }
	
.post_more a::before {
	content: '';
	position: absolute;
	top: -18px;
	left: -25px;
	bottom: -18px;
	right: -25px;
	background: inherit;
	border-radius: 50px;
	z-index: -1;
	opacity: 0.4;
	-webkit-transform: scale3d(0.8, 0.5, 1);
	transform: scale3d(0.8, 0.5, 1);
}
.post_more a:hover {
	-webkit-transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
	transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
	color: #ECEFF1;
	background-color: #ec3251;
	-webkit-animation: anim-moema-1 0.3s forwards;
	animation: anim-moema-1 0.3s forwards;
}
.button--moema.button--inverted:hover {
	color: #ECEFF1;
	background-color: #7986cb;
}
.button--moema:hover::before {
	-webkit-animation: anim-moema-2 0.3s 0.3s forwards;
	animation: anim-moema-2 0.3s 0.3s forwards;
}
@-webkit-keyframes anim-moema-1 {
	60% {
		-webkit-transform: scale3d(0.8, 0.8, 1);
		transform: scale3d(0.8, 0.8, 1);
	}
	85% {
		-webkit-transform: scale3d(1.1, 1.1, 1);
		transform: scale3d(1.1, 1.1, 1);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@keyframes anim-moema-1 {
	60% {
		-webkit-transform: scale3d(0.8, 0.8, 1);
		transform: scale3d(0.8, 0.8, 1);
	}
	85% {
		-webkit-transform: scale3d(1.1, 1.1, 1);
		transform: scale3d(1.1, 1.1, 1);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@-webkit-keyframes anim-moema-2 {
	to {
		opacity: 0;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@keyframes anim-moema-2 {
	to {
		opacity: 0;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
	
.post_more a span { margin-left:10px; font-size:12px; }	
.post_more a:hover { font-weight: bolder; background-color: #0093dd; } 
.post_more:hover a {  color: #fff; }

}

@media (max-width:767px){
.post_dsc {padding-bottom:10px; border-bottom: 1px solid #f5f5f5;  }
.post_more { text-align: center; width: 50%; margin: 15px auto; background-color: #0093dd; border: 1px solid #f5f5f5;border-radius: 17px; }
.post_more a { color:#FFFFFF; padding: 5px 20px;display: block;border-radius: 17px; }
.post_more a span { margin-left:10px; font-size:12px; -webkit-animation-name: flash; animation-name: flash; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } 
.post_more:hover { font-weight: bolder; background-color: #0093dd; } 
.post_more:hover a {  color: #fff; }

}


.pagination-centered { text-align: center; }



.page_navi{ display: inline-block; padding-left: 0; margin: 20px 0 40px; border-radius: 4px;}
.page_navi a{ height:36px;border:1px solid #0093dd; /*-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;*/ color:#0093dd;text-decoration:none;line-height:36px; padding:6px 12px; margin-left: -1px;}
.page_navi a:first-child { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.page_navi a:last-child { margin-left: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px;margin-left: -1px;}
.page_navi a:hover,.page_navi a.current{border:1px solid #0093dd;color:#fff;font-weight:bolder; background-color:#0093dd;}


/*flink_body*/
.flink_body { overflow: hidden; background-color: #FFFFFF; }
.flink{ overflow:hidden; display:block; margin:0 auto; padding: 0 0 30px 0; text-align: left; }
.flink h3{ width: 100%;  height:20px; line-height:16px; font-size:16px; text-align:left; }
.flink .flink_box{ width:100%; overflow:hidden; font-size:14px; line-height:20px;}
.flink a{ margin:0 5px; color: #8c8c8c; }
.flink a:hover{color:#333333;}

/*footer*/
.footer {width: 100%; overflow: hidden; background-color: #FFFFFF; padding: 40px 0; border-top: 1px solid #DDDDDD;}
.footer .copy { width: 100%; font-size: 14px; color: #7f8c8d; line-height: 20px;}	

/*Online*/
.Online { position:fixed; bottom:20px; right:20px; width: 40px; height: 163px; }
/*Online_GoTop*/
.Online_Tel,.Online_QQ,.Online_GoTop,.Online_GoBtm{ width:40px; height:40px; text-align:center; background-color: #e7e7e7; border-bottom: 1px solid #FFFFFF; }
.Online .Online_GoBtm { border-bottom:0px; }
.Online_Tel a,.Online_QQ a,.Online_GoTop a,.Online_GoBtm a{display:inline-block; width:40px; height:40px; font-size:20px; line-height:40px; }
.Online_GoTop a span { width:24px; height:24px; line-height:24px; display:block; margin:8px; }




/***************************分页栏目*****************************/
section,.section,aside,.aside { overflow:hidden; display: block;}

/*section*/
.section { padding-right: 20px; overflow: hidden; /*background-color: #f6f6f6;*/}
.breadcrumb { background-color: #FFFFFF; } 
.breadcrumb .glyphicon { margin-right:5px; color: #FEAE1B; }

.section > .row { margin-left: -10px; margin-right: -10px;}	
.articl_box { height: 200px; background-color: #FFFFFF; display: block; margin-bottom: 20px;}	
.articl_box > h1 { font-size: 20px;}

.post_thumbnail a{display: block; min-height: 100px;  /*max-height: 307px;*/  overflow: hidden; width: 100%; border-radius:4px; }

.indcont .post_thumbnail a{  /*max-height: 200px; */ overflow:hidden; }
.section .post_thumbnail a{ /* max-height: 225px; */ overflow:hidden;}
.post_thumbnail img{ width: 100%; height: auto;max-width: 100%; border-radius:4px; }


/*aside*/
.aside { /*background-color:red; */ padding-left: 0px; padding-right: 0px;}


/*asidead*/
.asidead { width: 100%; overflow: hidden; margin: 20px 0; border-radius:4px;}
.asidead img { width: 100%; display: inline-block; border-radius:4px; }



.about { background-color: #FFFFFF; /* border: 1px solid #ddd; */ padding: 15px;}	
.blog_cover { width: 110px; height: 110px; margin:25px auto 15px auto; } 
.blog_cover img { width: 110px; height: 110px; border-radius: 50%; background-color: #fff; border: 1px solid #ddd; padding: 3px; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out;  }
.blog_cover:hover img {  -webkit-transform:scale(0.9); -moz-transform:scale(0.9);-ms-transform: scale(0.9);transform:scale(0.9); transform: rotate(360deg); -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); }


.blog_name { margin: 0 0 10px; text-align: center;}
.blog_des { margin-bottom:15px; font-size: 14px; text-align: center; color: #8a8a8a;}



/*aside_about*/
#aside_about { overflow: hidden; margin: 20px 0; padding: 10px; border-radius: 4px;background-color: #fff;}
.wid-about{text-align: center; line-height: 3;}
.wid-about p{ font-size: 14px;}
.sns { padding: 12px 0; margin-top: 10px; }
.sns .item { width: 25%; height: 82px; font-size: 12px; text-align: center; display: block; float:left; }
.sns .item > a > span { width:20px; height:20px; display:inline-block; margin:14px; }
.sns a { width: 48px; height: 48px; font-size: 20px; line-height: 48px; display: block; background-color: #b5b5b5; color: #fff; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; margin:0 auto 10px; }
.sns .weixin a { background-color: #43c100; }
.sns .weibo a { background-color: #e64a50; }
.sns .rss a { background-color: #FEAE1B; }
.sns .envelope a { background-color: #9c27b0; }


/***************************************single***************************************/
/*single*/
.single { width: 100%; overflow:hidden; background-color: #FFF; border-radius: 4px; margin-bottom: 20px; padding: 20px;}
/*article-header */
.article-header { width: 100%; overflow: hidden; display: inline-block; /*border-bottom: 1px dotted #D7D7D7; padding-bottom: 15px; margin-bottom: 15px;*/ }
.article-header > h1 { width: 100%;/*height: 24px; */font-size: 24px; margin: 20px 0; font-weight: normal; -webkit-transition: all .2s; transition: all .2s;}


.article-header > h1:hover { -webkit-transform: skewY(2deg) skewX(15deg) scale(1.1); transform: skewY(2deg) skewX(15deg) scale(1.1); text-shadow: 0.5rem 1rem 2rem rgba(0,0,0,0.2);}
.article-meta { padding:8px 15px; background-color: #FFFFFF; text-align: center; font-size: 14px; margin: 10px 0; border-radius: 4px; border: 1px dashed #CCCCCC; /* -webkit-transform: skewX(-12deg); transform: skewX(-12deg); */ } 
.article-meta > span { margin:0 5px 0 10px; }
.post { margin: 20px 0; }
.post > p{ text-indent: 2em; line-height: 24px; margin: 10px 0; text-align: justify; text-justify: inter-ideograph; word-break: break-all; }
.post > p > a { font-weight: bold; color:#107CC7;}

.post > figcaption { text-align:center; margin:-20px auto 10px;}
.post > p > img,.post figure > img { max-width: 100%;height: auto; margin-left: -2em; margin-top: 20px; margin-bottom: 20px; border-radius:4px; transition: .7s;}




/* 文章语义化图片 */
.post .postImg{
	display:block;
	margin:1rem auto;
}
.post .postImg>img{
	 display: block;
    margin:0px auto;
    max-width: 100%;
    height: auto;
    transition: .7s;
}
.post .postImg>img:hover,
.post > p > img:hover{
	 -webkit-transform: scale(1.05);
	transform: scale(1.05);
	-webkit-box-shadow: 0px 0px 16px #b3aaaa; 
	box-shadow: 0px 0px 16px #b3aaaa;
}
.post .postImg .imgTxt {
    text-align: center;
    text-indent: 0em;
	margin:0.5rem 0px;
    color: #999;
}

.post .postImg .imgTxt:after {
    content: '';
    display: block;
    width: 50%;
    border-bottom: 1px solid #CCCCCC;
    margin: 0 auto 0 auto;
    position: relative;
}

.post .aligncenter { display: block; margin-left: auto; margin-right: auto; }
.post > h4 { background: #f5f5f5; border-left: 3px solid #0093DD; color: #107CC7; font-size: 22px; line-height: 44px; text-indent: 0; padding-left: 20px; position: relative; font-weight: bold; margin: 10px -20px 10px -20px; }

.post > h2 {text-align: center;font-weight: normal;font-size: 1.5em;line-height: 1.5em;padding: 20px 0; color: #333; margin:20px auto;}
.post > h2 strong {font-weight: normal;}
.post > h2:before {content: "「";color: #ddd;font-weight: normal;padding-right: 10px;}
.post > h2:after {content: "」";color: #ddd;font-weight: normal;padding-left: 10px;}




.post > h3 { font-size: 20px; font-weight: bold; 
/* text-indent: 2em;*/

 line-height:36px; margin:10px 0; border-bottom:1px dashed #CCCCCC; border-top:1px dashed #CCCCCC;}
.post > h5 { font-size:18px; font-weight:bold; /*text-indent: 2em; */line-height: 24px; }
.post > h5:before { content: ''; display: inline-block; width: 4px; height: 24px; vertical-align: middle; margin-right: 11px; background: #FEAE1B; margin-top: -3px; border-radius:3px; }
.post > h6{ font-size:16px; font-weight:bold;text-indent: 2em; line-height: 24px; background-image: url(images/h6_icon.png); background-size: 16px 20px; background-position: 0px 0px; background-repeat: no-repeat;margin-left: 2em;}

.post > ol,.post > ul,.post .fieldset > ol,.post .fieldset > ul,.post .bright > ol,.post .bright > ul   { /*margin-left: 30px; margin-right: 30px;*/ background: #f5f5f5; padding: 10px;  }

.post blockquote > ol > ul { padding-left: 50px; list-style-type: disc; font-size: 14px;}




.post > ul { list-style-type:none;}
.post ul > ul,.post ol > ul { padding-left:60px; list-style-type: disc; font-size: 80%; margin:10px 0; }





.post > ol > li,.post blockquote > ol > li,.post .fieldset > ol > li,.post .bright > ol > li,.post .Tips > ol > li,.post .SingleSct > ol > li
  {list-style: decimal-leading-zero; }
.post > ul > li  {list-style: disc;  }


.post > ol > li,.post > ul > li,.post blockquote > ol > li,.post blockquote > ul > li,
.post .bright > ol > li,.post .bright > ul > li,
.post .Tips > ol > li,.post .Tips > ul > li,
.post .fieldset > ol > li,.post .fieldset > ul > li,
.post .SingleSct > ol > li,.post .SingleSct > ul > li
  { border-bottom: none; margin-left: 40px; padding: 0 10px; border-left: 3px solid #0093DD; color: #999; font-size: 16px; line-height: 150%;  }

.post .SingleSct > a { font-weight: bold; color:#107CC7;}


.post > p > video  { max-width: 100%; width: 100%;  margin-left: -2em; margin-top: 20px; margin-bottom: 20px;}
.post > p > code  { /*margin:0 5px 0 5px;*/ padding: 2px 4px; font-size: 90%; background-color: #f9f2f4; border-radius: 4px; }

.post .bright{ color:#555; font-weight:normal; padding:20px; /* margin:0 6px; text-shadow:1px 1px 0px #FFF,1px 2px 4px #999; box-shadow:1px 1px 1px #DDD inset; */border:1px solid #CCC;border-radius:4px; font-size:14px; background-color: #fafafa;}
.post .bright p { text-align: justify; text-justify: inter-ideograph; word-break: break-all; text-indent: 2em; line-height: 18px; margin: 10px 0; }

.post blockquote p { line-height: 24px; margin: 10px 0; text-align: justify;}
.post blockquote{ border: 1px dashed #e5e5e5; padding: 20px;margin: 10px 0;line-height: 1.6em; /*color: #00A584;*/ background-color: #f5f5f5; border-left: 6px solid #b4b4b4; border-radius: 4px;}
.post blockquote p { line-height: 24px; margin: 10px 0; text-align: justify;}
.post blockquote p a { color:#107CC7; font-weight:bold; }
.post blockquote img { max-width:794px;height:auto; margin-top: 20px; margin-bottom: 20px; max-width:100%; }
.post img {  border-radius: 4px; max-width: 100%;    height: auto; }


.post p em { font-style: italic; }
.post > .filedown { width:200px; height:44px; margin:10px auto; }
.filedown a{ width: 200px; height: 44px; color: #FFF; text-align: center; line-height: 44px; border-radius: 4px; /* margin: 10px auto; */ display:block; background-color:#0093dd; }	
.filedown span { text-indent: 0; margin-left:10px;}
.filedown a:hover { background-color:#E60012; color: #FFF; }

.post p.imgTxt { text-align: center; text-indent: 0em; margin-top: -10px; color:#999; }
.post .fieldset { padding: 5px 15px; margin: 20px 0 20px 0; border: 1px dashed #ddd; border-radius: 4px; /*background-color: #f5f5f5; */}
.post .fieldset legend { font-weight: bold; padding: 5px;width: auto; }
.post .wp-video { margin:10px auto;}
.post .fieldset .filedown,.post .filedown { margin-bottom:10px; margin-top:10px; }
.post .SingleSct { border-left: 5px solid #b4b4b4; padding:10px; margin:20px 0 20px 0; line-height: 1.6em; color: #999; background-color: #f2f5fb;border-radius: 4px; border-right: 5px solid #b4b4b4; }
.post .SingleSct img { max-width:100%; }
.post .Tips { background-color:#f5f5f5; padding:15px 20px 15px 45px; border:1px dashed #ddd; position:relative; margin:20px 0; border-radius: 4px; }
.post .Tips::after { content:'“' ;font-size:66px; position:absolute; top:20px; left:10px; font-weight:bold; }
.post .Tips p{ line-height:24px; margin: 10px 0; text-align: justify;}
.post .Tips p img { max-width:100%;}
.post .Tips p a { font-weight: bold; color: #107CC7; }
.post .redTxt { color: #ff0000; font-weight:bold; }

.post cite { color:#424242; font-size:14px; font-weight:700;}
.post .RedTxt { color: #ff0000; }
.post .FontSmall { font-size:90%; color:#999; }
.post hr { height: 1px; margin: 10px -21px; border: 0; border-top: 1px solid #ddd; }

/* SectionContent 文章隐藏内容 */
.SectionContent { /*padding: 5px 15px;*/ margin: 20px 0 20px 0; border: 1px dashed #ddd; border-radius: 4px;}
.SectionContent .xControl { padding: 5px 10px; background-color:#F6f6f6; }
.SectionContent .xControl span { font-weight: bold; margin-right: 15px; }
.SectionContent .xControl a { background-color: #43c100; display: inline-block; padding: 5px 10px; border-top-left-radius: 5px;border-top-right-radius: 5px;color: #fff; }

.SectionContent .xContent {border-top: 1px dashed rgb(221, 221, 221); padding: 10px; }






/* entryContent */
.SectionContent .xContent > p{ text-indent: 2em; line-height: 24px; margin: 10px 0; text-align: justify; }
.SectionContent .xContent > p a { font-weight: bold; color:#107CC7;}
.SectionContent .xContent p img { max-width: 100%; /* margin-left: -2em; margin-top: 20px; margin-bottom: 20px;*/}
.SectionContent .xContent > p.imgTxt { text-align:center; font-size:80%;}

.SectionContent .xContent .caption { font-size: 80%; text-align: center; color: #666; text-indent: 0rem;}
.SectionContent .xContent .caption:after { content: '\00a0'; display: block; width: 30%; border-bottom: 1px solid #ddd; margin: -2% auto 0 auto; position: relative;}

.SectionContent .xContent > img {width: 100%; }
.SectionContent .xContent ol { margin-left: 30px; background: #f5f5f5; padding: 10px; margin-right: 30px; }
.SectionContent .xContent ol li { border-bottom: none; margin-left: 40px; padding: 0 10px; border-left: 3px solid #0093DD; color: #999; border-bottom: none; /* font-size: 16px; */ /* line-height: 1.2rem; */ list-style: decimal-leading-zero; }

.SectionContent .xContent > ul { margin: 20px 0 20px 30px; }
.SectionContent .xContent > ul li { list-style-type:disc; }




.SectionContent .xContent blockquote { background: #F3F4F7; padding: 10px; font-size: 16px; border-left: 5px solid #248EFA; }
.SectionContent .xContent blockquote p { margin-bottom: 16px; /* font-size: 16px; */ color: #444; word-wrap: break-word; line-height: 1.5;}
.SectionContent .xContent blockquote cite { color: #424242; font-size: 14px; font-weight: 700; }
.SectionContent .xContent h2 { font-size: 22px; line-height: 1.5; margin: 20px 0; font-weight: 600; position: relative; padding-left:15px;}
.SectionContent .xContent h2::before { content: ''; display: inline-block; position: absolute; left: -10px; top: 5px; width: 5px; height: 24px; background: #FF5858; }
.SectionContent .xContent h3 { font-size:18px; line-height: 1.5; margin: 20px 0; font-weight: 600; position: relative;padding-left:15px;}
.SectionContent .xContent h3::before { content: ''; display: inline-block; position: absolute; left: -10px; top: 0px; width: 5px; height: 27px; background: #FF5858; }
.SectionContent .xContent h4 { font-size:16px; line-height: 1.5; margin: 20px 0; font-weight: 600; position: relative; padding-left:15px;}
.SectionContent .xContent h4::before { content: ''; display: inline-block; position: absolute; left: -10px; top: 0px; width: 5px; height: 24px; background: #FF5858; }











/* 分享 */
.social { background-color:#fff; border-radius: 4px;padding: 8px 15px; margin-bottom: 20px; line-height:32px; height:48px; }
.social .socialShare { float:left; }
.social .socialShare .bdsharebuttonbox { display:flex; justify-content:space-between;width:70px; height:20px; }
.social .socialShare .bdsharebuttonbox a{ display:inline-block; width:20px; height:20px; text-align:center; line-height:20px;}
.share-Txt { position: absolute; display: block; }
.socialShare #share { display:inline-block; margin-left: 60px; margin-top:-3px;}



.socialShare .bdshare-button-style1-16 a { background-color: #999; font-size: 16px;color: #fff;width: 24px;height: 24px; line-height: 24px; margin-left: 4px; padding-left: 0; text-align: center; border-radius: 3px;background: rgba(128, 128, 128, 0.9);}

.socialShare .bdsharebuttonbox a:hover { text-decoration: none; color:#fff; }


.socialShare .fa-plus-square:hover {background: #7ab951 !important;}
.socialShare .fa-heart:hover {background: #ff1000 !important;}
.socialShare .fa-qq:hover {background: #ff7400 !important;}
.socialShare .fa-weibo:hover {background: #ff0000 !important;}
.socialShare .fa-file-text:hover {background: #46c0e6 !important;}
.socialShare .fa-renren:hover {background: #3b68ac !important;}
.socialShare .fa-weixin:hover{background:#006f1d !important}



.post_cover { float: right; display:inline-block;}
.post_cover a { border: 1px #eee solid; display: block; padding: 0px 12px; border-radius: 20px; line-height:30px; color:#333; }
.post_cover a:hover { background-color:rgb(255,192,0); text-decoration: none; }


.post_like { background-color:#fff; border-radius: 4px; text-align:center; padding:10px; margin-bottom: 20px; }
.post_like a{ border-radius: 22px;color: #FFFFFF;font-size: 16px; text-decoration: none;outline:none; height: 45px; min-width: 200px; max-width: 100%; opacity: 0.8; text-align: center; display: inline-block; line-height: 45px; background-color:#FEAE1B; border-bottom: 4px solid #e67e22; position: relative; overflow:hidden;}
.post_like a::after{ content: ""; background: #eeb9bd; position: absolute; width: 200px; height: 200px; left: 0; top: 0;   bottom: 0; opacity: 0; margin: auto; border-radius: 50%; transform: scale(1);animation: 1s postLike ease-in-out infinite;}

@keyframes postLike {
  0% { transform: scale(0); opacity: 1; }
  100% { transform: scale(1); opacity: 0; }
}
@-webkit-keyframes postLike {
  0% { transform: scale(0); opacity: 1; }
  100% { transform: scale(1); opacity: 0; }
}
@-moz-keyframes postLike {
  0% { transform: scale(0); opacity: 1; }
  100% { transform: scale(1); opacity: 0; }
}
@-o-keyframes postLike {
  0% { transform: scale(0); opacity: 1; }
  100% { transform: scale(1); opacity: 0; }
}




.post_like a.done { background-color:#f6888c; color:#fff; border-bottom:4px solid #FF4351; }	
.post_like a.done{ cursor:not-allowed; }
.post_like .count { padding-left: 10px; border-left: 1px solid #fff; margin-left: 10px;}






/*tags*/
.tags { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #fff; border-radius: 4px; line-height:32px; }	
.tags span { margin-right: 10px;}
.tags a { margin-right: 10px;}
.tags a { margin-right: 10px; padding: 5px; background-color: #0093dd; border-radius: 4px; color: #FFFFFF; opacity: .6; }
.tags a:hover {background-color: #E60012; opacity: .6; }

/*copyright*/
.copyright { padding: 15px 20px; line-height: 20px; background: #fff; position: relative; overflow: hidden; border-radius: 4px; margin: 10px 0 0 0; margin-bottom: 20px;}
.copyright a { color:#107CC7;}
@media (min-width:768px){
.copyright > p { margin-left: 75px;}
.copyright .title { position: absolute; left: 0px; top: 0; margin: 15px 20px; width: 60px; height: 60px; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; }
.copyright .title img { border-radius: 50%;}
.copyright .title:hover { -webkit-transform:scale(0.9); -moz-transform:scale(0.9);-ms-transform: scale(0.9);transform:scale(0.9); transform: rotate(360deg); -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); }
  
  

}

@media  (max-width:767px){
.copyright > p { margin-left: 0px; word-break: break-all; margin-bottom:10px; }
.copyright .title { display: none;}
.copyright .title img { border-radius: 50%;}
.carousel-inner > .item > img{height:auto !important;}
}

/*navigation*/
.navigation { margin-bottom: 20px; list-style: none; background-color: #fff; border-radius: 4px; text-align: center;}
.navigation .col-sm-6 { padding: 8px 15px;  }
.navigation .col-sm-6:hover { background-color:#107CC7; color:#fff; border-radius:4px; }
.navigation .col-sm-6:hover a{ color:#fff; }
@media (min-width:768px){
	.navigation>div{
		display:flex;
	}
	
.navigation .col-sm-6:first-child { border-right: 1px solid #ececec;}
  
.navigation .col-sm-6:last-child { border-left: 1px solid #ececec; margin-left:-1px; }
}

@media (max-width:767px){
.navigation .col-sm-6:first-child { border-bottom: 1px solid #ececec;}

  
  
}
.navigation a { color:#107CC7 ;}

/*related*/
.related { /*padding: 15px 15px; */ margin-bottom: 20px; list-style: none; background-color: #fff;    border-radius: 4px; overflow: hidden; }
.related h2 { height:60px; line-height:60px; font-size: 22px; border-bottom: 1px solid #ececec; margin:0px; }
.related h2 span { margin-left:15px;}
.related .thumbnail { padding: 0px; border: 0px;}
.related_box { /*width: 870px; margin-left: -20px; height: 260px;*/ margin-left: -5px; margin-right: -5px; padding:15px; }
.related_body {/* width: 270px; height: 260px; margin-left: 20px; float: left;  */display: inline-block; max-width:100%; }
.related_thum { /*width: 270px; height: 200px;  */ display: block; margin: 0; overflow: hidden; border:1px solid #f5f5f5; border-radius:4px; }
.related_thum img { /*width: 270px;height: 200px;*/ display: inline-block; margin-bottom: 0; transition: all 0.6s; border-radius:4px;}
.related-title { /*width: 270px;*/ height: 48px; text-align: center; margin: 6px 0;   overflow: hidden;}
.related-title a {/* width: 270px;*/ height: 48px; display: table-cell; vertical-align: middle; }
.related_thum img:hover { transform: scale(1.2); }


@media  (max-width:767px){
.related_box{ margin-left: 0px; margin-right: 0px; padding:10px; }	
.related_box > div { padding-left:0px; padding-right:0px; }	
  
}

/***************************************search_box***************************************/
.search_box { font-size: 20px; padding: 10px; border-radius: 4px; background-color: #FFFFFF; margin-bottom: 20px; }
.search_box .search_kwd { font-weight:bold; }
.search_box h3 { text-align: center; } 
.search_box .bd { font-weight: normal; font-size: 14px; }
.section .row .search_box { margin-right: 10px;}




/*404*/
.page404 { width: 100%; padding: 20px; border-radius: 4px; background-color:#FFFFFF; margin-bottom: 20px;  }	
.title-404 { font-size: 160px; font-weight: bold; color: #E60012; text-align: center; opacity: .6;}
.post-title { font-size: 50px; text-align: center; font-weight: normal;}
.entry { text-align: center;}
.entry .btn { background-color: #E60012; opacity: .6;color: #FFFFFF; }

/***************************************error ***************************************/
.error { margin-left:15px; margin-right:15px; }



/***************************************sitemap***************************************/
.sitemap { width: 100%; overflow: hidden; background-color: #ffffff; border-radius: 4px; margin-bottom: 20px;  padding: 20px; }	
.sitetitle { font-size: 24px; font-weight: normal;}
.sitemap_box{ /*width: 100%;*/ overflow: hidden; margin-left:-10px; margin-right:-10px;}


.sitemap_single { overflow: hidden; }
.sitemap_single_title { height: 40px; line-height: 40px; }
.sitemap_single_title h2 { font-size: 22px;}
.sitemap_single_list  { margin-left: 0px;}
.sitemap_single_list li{ margin-left: 20px; line-height: 36px; display:flex; justify-content:space-between; }
/*.sitemap_single_list li:hover { background-color: #ccc; border-radius:4px; } */
.sitemap_single_list li a { width: calc( 100% - 80px ); height:36px; line-height: 36px; overflow: hidden; display: block;}

.sitemap_single_litime { display:inline-block; font-size: 14px; color:#999;}



.sitemap_cat { width: 100%; overflow: hidden;}
.sitemap_cat li{  display: inline-block; margin: 5px 10px 5px 0; padding: 10px; background-color: #0093dd; border-radius: 4px; color: #FFFFFF; opacity: .6; }
.sitemap_cat li a { color: #FFFFFF; }

.sitemap_page {  width: 100%; overflow: hidden;}
.sitemap_page li{  display: inline-block; margin: 5px 10px 5px 0; padding: 10px; background-color: #0093dd; border-radius: 4px; color: #FFFFFF; opacity: .6; }
.sitemap_page li a { color: #FFFFFF; }
.sitemap_page li:hover,.sitemap_cat li:hover {background-color: #E60012; opacity: .6; }
.post > p iframe{ max-width: 100%; margin-left: -2em; 	}

/**********************屏幕最小1200像素时**********************/
@media (min-width:1200px){
.navbar-nav > li > a { padding: 30px 10px; font-size: 18px;}
.navbar-nav > li:hover { color: #555; background-color: #e7e7e7;}
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-right: -20px;}
.sns { width:280px;}	
.sns .item { margin: 0px;}
.indcont .post_box .post_thumbnail img { height:200px; }
.section .post_box .post_thumbnail img { height:224px; }

}




/**********************屏幕在992像素和1200像素之间时**********************/
@media screen and (min-width: 992px) and (max-width:1200px){
.topSearch { display: none;}
.navbar-nav > li > a { padding: 30px 10px; font-size: 16px;}
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-right: -10px;}

.col-md-9 { padding-left: 0px; padding-right: 20px; }

.slider_aside { height: 320px; overflow: hidden; background-color:#e7e7e7; }	
.hots_list { height: 277px; overflow: hidden; }
.hots_list .hots_title { font-size: 14px; }

.sns .item { margin: 0;}
.post_box .post_thumbnail img { max-height:200px; height:auto; }
}


/**********************屏幕在768像素和992像素之间时**********************/
@media screen and (min-width: 768px) and (max-width:992px){
.topSearch { display: none;}
.navbar-nav > li > a { padding: 30px 4px; font-size: 16px;}
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-right: -10px;}
.slideshow { padding-right: 0px;}
.slider_aside { display: none;}


}


/**********************屏幕最大768像素时**********************/
@media (max-width:768px){
.topSearch { display: flex;}
.topSearch>div{ flex:1; margin:0px 10px 0px 0px;}	
	.navbar-form .form-group { margin-bottom:0px; }
	
.navbar .navbar-header { display:flex; margin:0px;  }
.navbar-brand {text-align:center; flex:1; }
.navbar-brand > img { height: 50px; display:inline-block; }
.slideshow { padding-right: 0px;}
.slider_aside { display: none;}

/*single*/
.single { padding: 10px;} 

.post > h4 { margin:10px -10px 10px -10px; padding-left:10px; }
.post > ol,.post > ul,
.post .fieldset > ol,.post .fieldset > ul,
.post .bright > ol,.post .bright > ul { padding: 5px; margin: 0px; }

.post > ul { list-style-type:none;}


.post > ol > li,.post > ul > li,
.post blockquote > ol > li,.post blockquote > ul > li,
.post .bright > ol > li,.post .bright > ul > li,
.post .Tips > ol > li,.post .Tips > ul > li,
.post .fieldset > ol > li,.post .fieldset > ul > li,
.post .SingleSct > ol > li,.post .SingleSct > ul > li   { border-bottom: none; margin-left: 25px; padding: 0 10px; border-left: 3px solid #0093DD; color: #999; border-bottom: none; font-size: 14px; line-height: 150%; }


.post > ol > li,
.post blockquote > ol > li,
.post .fieldset > ol > li,
.post .bright > ol > li,
.post .Tips > ol > li,
.post .SingleSct > ol > li  {list-style: decimal-leading-zero; }
.post > ul > li  {list-style: disc;  }
  
  
  
.post .SingleSct { margin:10px 0 10px 16px; padding:10px; background-color: #f2f5fb;border-radius: 4px; font-size: 14px;}
.post .SingleSct p img { max-width:100%; margin-top:5px; margin-bottom:5px; height: auto;}

.post blockquote { padding:10px; }
.post blockquote p img { max-width:100%; margin-top:5px; margin-bottom:5px;}
  
.post .bright { padding:10px; }
.post .Tips	 { padding:10px 10px 10px 35px; }
.post .Tips::after { font-size:44px;}
.post .fieldset { padding:10px; }
.post .fieldset ol { margin:0px; }
  
.post > p > img { margin-bottom:5px; margin-top:5px; height:auto;}


  
  
  
  
  
  
.copyright { padding: 10px;}
  
.copyright .title { display: none;}

.social { padding:10px; height:52px;}	
.post_like a{ border-radius: 22px;}
  
  
  

.page404 { width: 100%; padding: 20px; border-radius: 4px; background-color: #F6F6F6; margin-bottom: 20px;  }	
.title-404 { font-size: 24px; font-weight: bold; color: #E60012; text-align: center; opacity: .6;}
.post-title { font-size: 20px; text-align: center; font-weight: normal;}
  

}




@media (max-width:992px){
.section { padding-right:0px ;}
.aside  { display: none;}
  

}









/******************************非插件代码高亮的方法 start******************************/
/* http://prismjs.com/download.html?themes=prism&languages=markup+css+clike+javascript */
/**
  * prism.js default theme for JavaScript, CSS and HTML
  * Based on dabblet (http://dabblet.com)
  * @author Lea Verou
  */

code[class*="language-"],
pre[class*="language-"] {
  color: black;
  background: none;
  text-shadow: 0 1px white;
  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;

  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;

  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
  text-shadow: none;
  background: #b3d4fc;
}

pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
code[class*="language-"]::selection, code[class*="language-"] ::selection {
  text-shadow: none;
  background: #b3d4fc;
}

@media print { 
  code[class*="language-"],
  pre[class*="language-"] {
    text-shadow: none;
  }
}

/* Code blocks */
pre[class*="language-"] { padding: 1em; margin: .5em 0; overflow: auto; }

:not(pre) > code[class*="language-"],pre[class*="language-"] { background: #f5f5f5; border: 1px dashed #ccc;  }

/* Inline code */
:not(pre) > code[class*="language-"] { padding: .1em; border-radius: .3em; white-space: normal; }

.token.comment,.token.prolog,.token.doctype,.token.cdata { color: slategray; }
.token.punctuation { color: #999; }
.namespace { opacity: .7; }
.token.property, .token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted { color: #905; }
.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted {	color: #690;}
.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string { color: #a67f59; 	background: hsla(0, 0%, 100%, .5); }
.token.atrule,.token.attr-value,.token.keyword { color: #07a; }
.token.function { color: #DD4A68; }
.token.regex,.token.important,.token.variable {	color: #e90;}
.token.important,.token.bold {	font-weight: bold;}
.token.italic {	font-style: italic;}
.token.entity {	cursor: help;}

pre.line-numbers { position: relative; padding-left: 3.8em; counter-reset: linenumber; }
pre.line-numbers > code { position: relative; }
pre.line-numbers > code strong { font-weight:bold;}
.line-numbers .line-numbers-rows { position: absolute;	pointer-events: none; top: 0; font-size: 100%; left: -3.8em; width: 3em; /* works for line-numbers below 1000 lines */ letter-spacing: -1px; border-right: 1px dashed #999; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.line-numbers-rows > span { pointer-events: none; display: block; counter-increment: linenumber; }
.line-numbers-rows > span:before { content: counter(linenumber); color: #999; display: block; padding-right: 0.8em; text-align: right; }
/******************************非插件代码高亮的方法 end******************************/