@charset "utf-8";
/* ------------------------------------
 * cha
 *
 * @author  Inori
 * @link  http://www.iinorii.com/
 * @update  2021-02-02
 * --------------------------------- */
/* ------------------
 * Global style
 * --------------- */
html {
}
body {
	background-color:#f5f5f5;
	/*background-image: url(img/noisy.png);
	background-size: 300px 300px;
	background-color: rgb(246,245,240);*/
	line-height: 1.8;
	font-size: 16px;
	font-family: "Microsoft YaHei",ffxiv, source-han-serif-sc, sans-serif;
	margin: 0 auto;
	color: #595959;
	text-rendering: geometricPrecision;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition: font-size 0.2s ease-out;
}
#secondary,#chip2 {/*background-image: url(img/noisy.png);
	background-size: 300px 300px;
	background-color: rgb(246,245,240);*/
}
@media only screen and (max-width: 2560px) {
	body {
		font-size: .9em;
	}
}
@media only screen and (max-width: 700px) {
	body {
		font-size: 13px;
	}
}
@media only screen and (max-width: 666px) {
	body {
		font-size: 12px;
	}
}
/* webkit, opera, IE9 */
::selection {
	background: #edd0be;
}
/* mozilla firefox */
::-moz-selection {
	background: #edd0be;
}
::-webkit-selection {
	background: #edd0be;
}
a {
	color: #D5AFBC;
	text-decoration: none;
}
a:hover {
	color: #666;
}
strong,b {
	font-weight:600; 
	padding: 0 .3em;
	z-index:2;
	position:relative;
	text-decoration:none;
	white-space:nowrap;
}
strong::before,b::before{
	content:'';
	position:absolute;
	height:9px;
	bottom:2px;
	left:-1px;
	width:105%;
	z-index:-1;
	background-color:#f9d8dd;
	-webkit-transform:skew(-35deg);
	transform:skew(-35deg);
	-webkit-transition:opacity 0.2s ease;
	transition:opacity 0.2s ease;
	border-radius:3px 8px 10px 6px;
	-webkit-transition:0.1s ease background-color;
	transition:0.1s ease background-color;
}
code strong {background:none;}
blockquote {
	color: #999;
	font-style: italic;
	text-indent: 0em;
	min-height:2em;
	border-top: none;
	margin: 2em 0;
	padding: 2em 2em 2em 3em;
	border-radius: 8px; 
}
blockquote:before,blockquote:after {
	font-size: 7em;
	color: #E9E9E9;
	font-style: normal;
	font-family: georgia;
	height: 0; 
}
blockquote:before {
	content: '“';
	position: absolute;
	margin-top: 20px;
	margin-left: -.44em;
	text-indent:0;
}
blockquote:after {
	content: '”';
	float: right;
	margin-top: 40px;
	margin-right: -.3em;
	text-indent:0;
}
blockquote p:first-child {
	margin-top: 0; 
}
blockquote p:last-child {
	margin-bottom: 0; 
}
blockquote ul, blockquote ol {
	margin: 0 !important;
	padding-left: 1em;
	padding-right: 0; 
}
fieldset {
	background:rgba(255,255,255,.6);  
    border-color:rgba(161,161,161,1.00);  
    border-style: solid;  
	margin-bottom: 1em;
	padding: .2em 1.5em 1em;
	text-indent:0;
    border-width: 1px;  
    -moz-border-radius: 5px;  
    -webkit-border-radius: 5px;  
    -khtml-border-radius: 5px;  
    border-radius: 5px;  
}
legend {
	color:#595959;  
    font: bold 16px/2 Verdana, Geneva, sans-serif;
	padding: 0 .8em;
    font-weight: bold;  
	margin-left: .8em;
    text-align: left;  
    text-shadow: 2px 2px 2px rgba(123,123,123,.70); 
}
fieldset ul li,fieldset ol li{margin:0 0 0 -1em;}
.noindent br:first-child{display:none;}
.mc-toggle br:first-child{display:none;}
label {line-height: 1.8;}
table {
	width: 100%;
/*表格宽度*/
	max-width: 65em;
/*表格最大宽度，避免表格过宽*/
	/*border: 1px solid #dedede;表格外边框设置*/
	margin: 15px auto;
/*外边距*/
	border-collapse: collapse;
/*使用单一线条的边框*/
	empty-cells: show;
/*单元格无内容依旧绘制边框*/
}
table th,
table td {
	border-top: 0;
	border-right: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	border-left: 0;
}  
/* css3样式，获取表格的最后一行 
table tr:last-child td{
	border-bottom: 0; 
}*/
/* css3样式，获取表格的最后一列 */
table tr td:last-child {
	border-right: 0;
}
table tr th:last-child {
	border-right: 0;
}
table th,
table td {
	height: 35px;
/*统一每一行的默认高度*/
	/*border: 1px solid #dedede;内部边框样式*/
	line-height: 1.5;
	padding: 0 10px;
/*内边距*/
}
table th {
	font-weight: bold;
/*加粗*/
	text-align: center !important;
/*内容居中，加上 !important 避免被 Markdown 样式覆盖*/
	line-height: 1.5;
	/*background: rgb(239,239,239);背景色*/
}
/*table tbody tr:nth-child(2n) {
	background: rgba(158,188,226,0.12);
}偶数行蓝色*/
table tr:hover {
	background: #efefef;
	z-index: -999;
}
table th {
	white-space: nowrap;
/*表头内容强制在一行显示，文本不进行换行*/
}
/*table td:nth-child(1) {
	white-space: nowrap;
}*/
table img {
	border: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin: 10px auto;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
textarea {
	padding: 5px;
	border: 1px solid #E9E9E9;
	width: 100%;
	border-radius: 2px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
textarea {
	resize: vertical;
}
hr {
	height: 1px;
	width: 200px;
	border: none;
	border-top: 1px solid #E0DDDD;
	margin: 40px auto;
}
tagword{
	color: #b56c6c;
	display: inline;
}
tagword::before {
	content:"#"; 
}
tagword::after {
	content:"#"; 
}
/* ------------------
 * Main
 * --------------- */
.container {
  max-width: 1000px;
}
/* ------------------
 * Message
 * --------------- */
.MessageQus,.MessageAdmin{
	padding-left: 65px;
	margin: 20px 0 0px;
	position: relative;
	}
.MessageAns{
	padding-right: 65px;
	margin: 20px 0 0px;
	position: relative;
	}
.MessageWord{
	min-height: 3em;
	border-radius: 5px;
	padding: 10px 15px;
	word-wrap:break-word;
	word-break:normal; 
	box-sizing: border-box;
	position: relative;
	text-indent: 0;
	}
.MessageWord br{display: block;}
.MessageAns .MessageWord{
	background-color: #c4e4db; 
	margin-right:10px;
	float: right;
	}
.MessageQus .MessageWord{
    background-color: #ffffff;
    border: 1px solid #D3D1D1;
    position: relative;
    margin-left: 20px;
	float: left;
	}
.MessageQus .MessageWord::before,
.MessageQus .MessageWord::after {
    position: absolute;
    top: 20px;
    left: -20px;
    content: '';
    width: 0;
    height: 0;
    border-right: 10px solid #D3D1D1;
    border-bottom: 10px solid transparent;
    border-left: 10px solid transparent;
    border-top: 10px solid transparent;
  }
.MessageQus .MessageWord::after {
    left: -19px;
    border-right: 10px solid #ffffff;
  }
.MessageAns .MessageWord::before{ 
	content:" "; 
	border-left:10px solid #c4e4db; 
	border-top:10px solid transparent; 
	border-right:0px solid #c4e4db; 
	border-bottom:10px solid transparent;
	position: absolute;
	right:-9px;top:20px;
	}
.MessageTimg{
	position: absolute;
	width: 60px;
	height: 60px;
	border-radius: 5px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	}
.MessageQus .MessageTimg{
	background-image:url(img/svg.jpg);
	left: 0;
	}
.MessageAns .MessageTimg{
	background-image:url(https://sdn.geekzu.org/avatar/481b1c9cb02cb7e648ee1d92c0b907e7?s=220&r=X&d=mm);
	right: 0;
	}
.MessageName{
	width: 100%;
	font-weight: bold;
	text-indent: 0;
	text-align: left;
	color: #000000;
	}
.MessageName::after{content:"："; }
.MessageAdmin {margin-bottom: 2.5em;}
.MessageAdmin .MessageWord{
	background-color: #ffffff; 
	margin-left:10px;
	float: left;
	border:1px solid #D3D1D1;
	}
.MessageAdmin .MessageWord::before{ 
	content:" "; 
	position: absolute;
	left:-6px;top:20px;
    display: block;
    height: 10px;
    width: 10px;
    background-color: inherit;
    border: inherit;
    /* ---关键代码 start--- */
    clip-path: polygon(0% 0%, 100% 100%, 0% 100%);
    transform: rotate(45deg);
	/* ---end--- */
	}
.MessageiTimg{
	position: absolute;
	width: 60px;
	height: 60px;
	border-radius: 5px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	}
.MessageAdmin .MessageiTimg{
	background-image:url(https://sdn.geekzu.org/avatar/481b1c9cb02cb7e648ee1d92c0b907e7?s=220&r=X&d=mm);
	left: 0;
	}
.MessageiName{
	position: absolute;
	float: left;
	left:0;
	width: 60px;
	text-align: center;
	margin-top:4em;
	text-indent: 0;
	font-weight: 600;
	}
/* Special link style*/
.post-meta a,
.post-content a,
.widget a,
.comment-content a {
	border-bottom: 1px solid #EEE;
}
.post-meta a:hover,
.post-content a:hover,
.widget a:hover,
.comment-content a:hover {
	border-bottom-color: transparent;
}
.browsehappy {
	padding: 8px 0;
	background: #FBE3E4;
	color: #8A1F11;
	text-align: center;
}
.browsehappy a {
	color: #8A1F11;
	text-decoration: underline;
	font-weight: bold;
}
li p {margin:0;}
/* ------------------
 * Header
 * ---------------*/
#header {
	padding-top: 35px;
}
.site-name {
	padding: 70px 0;
}
.site-search {
	padding: 70px 0;
}
#logo {
	color: #333;
	font-size: 2.5em;
	font-weight: bold;
}
#logo img {
	max-height: 64px;
}
.description {
	margin: .5em 0 0;
	color: #999;
	font-style: italic;
}
/* Navigation menu*/
#nav-menu {
	margin: 0 auto;
	text-align: center;
	padding: 0;
	width: 90%;
	z-index: 2;
}
#nav-menu a {
	display: inline-block;
	margin-right: -1px;
	padding: 0 10px;
	border-bottom: none;
	height: 30px;
	line-height: 32px;
	color: #444;
}
#nav-menu a:hover,
#nav-menu .current {
	background: #F6F6F6;
}
/* Search*/
#search {
	position: relative;
	margin-top: 15px;
}
#search input {
	padding-right: 30px;
}
#search button {
	position: absolute;
	right: 4px;
	top: 2px;
	border: none;
	padding: 0;
	width: 24px;
	height: 24px;
	background: transparent url(img/icon-search.png) no-repeat center center;
	direction: ltr;
/* fix RTL language*/
	text-indent: -9999em;
}
@media(-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
	#search button {
		background-image: url(img/icon-search@2x.png);
		-webkit-background-size: 24px 24px;
		-moz-background-size: 24px 24px;
		-o-background-size: 24px 24px;
		background-size: 24px 24px;
	}
}
.wbname {
	/*background: url(img/wbname.png) no-repeat left bottom;*/
	font-family:"Kaisei Tokumin", "serif";
	color: #666;
	font-size: 3em;
	line-height: 1.3;
	font-weight: 800;
	-webkit-user-select:none;
	-moz-user-select:none; 
	-ms-user-select:none; 
	user-select:none;
	overflow: hidden;
}
.top_img {
	background: url(img/topimg.png) no-repeat center;
	width: 180px;
	height: 250px;
}
/* ------------------
 * More
 * ---------------*/
.post-title-box .more {
	float: right;
	clear: both;
	font-size: 14.5px;
	margin-top: 10px;
	height: 32px;
	overflow: hidden;
	position: relative;
	width: 102px;
	z-index: 3;
}
.post-title-box .more:before {
	background: #E0DDDD;
	content: ' ';
	height: 32px;
	margin-top: 22px;
	overflow: hidden;
	position: absolute;
	transition: all .5s;
	width: 102px;
	z-index: 1;
}
.post-content .more {
	clear: both;
	float: right;
	height: 32px;
	margin: -5px 0 10px;
	overflow: hidden;
	position: relative;
	width: 200px;
	z-index: 3;
}
.post-content .more:before {
	background: #e7e7e7;
	content: ' ';
	height: 32px;
	margin-top: 22px;
	overflow: hidden;
	position: absolute;
	transition: all .5s;
	width: 200px;
	z-index: 1;
}
.post-title-box .more:hover::before,.post-content .more:hover::before {
	margin-top: 0;
	position: absolute;
}
.post-title-box .more a,.post-content .more a {
	color: #666;
	font-family: Verdana, Geneva, sans-serif;
	font-size: .5em;
	font-weight: 700;
	height: 32px;
	margin-top: 2px;
	position: absolute;
	text-align: center;
	text-decoration: none;
	width: 200px;
	z-index: 2;
}
.post-title-box .more a:hover,.post-content .more a:hover {
	background: none;
	color: #666;
}
@media only screen and max-width 1450px {
	.post-title-box .more,.post-content .more {
		font-size: .97em;
	}
}
@media only screen and max-width 666px {
	.post-title-box .more,.post-content .more {
		font-size: .87em;
	}
}
/* ------------------
 * archive-list-more
 * ---------------*/
.archive-list-more {
	display: block;	  /*设置为块级元素会独占一行形成上下居中的效果*/
	position: relative;  /*定位横线（当横线的父元素）*/
	text-align: center; 
	width: 100%;
	margin: 0;
	padding: 0;
} 
.archive-list-more a {padding: 0 10px;}
.archive-list-more:before, .archive-list-more:after { 
	content: ''; 
	display: inline-block;
	position: relative;
	height: 1px;
	width: 30px;
	border-top: 1px solid #e7e7e7 ;
	top: -2px;
} 
.archive-list-more:before {left: 0;}
.archive-list-more:after {right: 0;}
/* ------------------
 * Main 
 * ---------------*/
#main {
	border-top: 1px solid #e2e2e2;
	border-left: 1px solid #e2e2e2;
	padding-top: 25px;
	padding-left: 25px;
}
@media (max-width: 980px) {
	#main {
	border-left: none;
}
}
#main1 {
	border-top: 1px solid #e2e2e2;
	margin: 0;
	padding: 20px 0 0;
}
.post-title {
	color: #666;
	font-size: 1.2em;
	font-weight: 300;
	white-space: nowrap;/*文本强制不换行*/
	text-overflow: ellipsis;/*文本溢出时显示省略标记*/
	/*display:inline-block !important; 
	padding-right: 2em;*/
	overflow: hidden;
	font-weight: bold;
	margin-bottom: 0;
}
.cate,.category-parent,.parent-level-1,.category-level-2,.category-level-6,.category-level-7,.category-level-41,.category-level-170{
	display:none;
}
.parent-level-2{
	display:block;
}
.category-levels-10,.category-levels-1,.category-levels-0{
	display:block;
	width:2.5em;
	height: 1.8em;
	float: left; 
	margin-top: .5em;
	margin-right: .5em;
	padding-left: .5em;
	border-radius:5px;
	background-color: #e7e7e7;
	overflow: hidden;
}
.category-level-1{display:none;}
 /*.post-title::after {
	content: '';
	display: block;
	position: relative;
	/*background: linear-gradient(to right,#DDDDDD, #f5f5f5 99%,#f5f5f5);*/
	/*background-color: #e7e7e7;
	height: 17px;
	top: -18px;
 	right: -26px;
	z-index: -1; 
}*/
.post-content .h0 {text-indent: 0em;}
.post-content .h0 a {
	color: #666;
	font-size: 1.3em;
	font-weight: 300;
	white-space: nowrap;
	font-weight: bold;
	overflow: hidden;
	-webkit-line-clamp: 1;
	text-overflow: ellipsis;/*文本溢出时显示省略标记*/
	padding: 0;
	margin: 0;
}
.post-content .newtype {
	font-weight: normal; font-size: 1em; color: #D5AFBC;
}
@media only screen and (max-width: 2560px) {
	.post-title {
		font-size: 29px;
	}
}
@media only screen and (max-width: 800px) {
	.post-title {
		font-size: 24px;
	}
}
@media only screen and (max-width: 666px) {
	.post-title {
		font-size: 17px;
	}
}
.post-title a {
	color: #666;
}
.post-title-box {
	width: 100%;
	display: inline;
}
.post-title-date {
	font-size: .8em;
	float: left;
	font-weight: 300;
	padding-top: 20px;
	line-height: 1.8em;
	color: #a4a4a4;
}
.post-title-date a {
	color: #a4a4a4;
}
.page_title1 {
	font-size: 1.5em;
	font-weight: 300;
	margin-bottom: 5px;
}
.page_title1 a {
	color: #666;
}
.page_title1 a:hover {
	color: #D5AFBC
}
.page_title2 {
	font-size: 1.3em;
	font-weight: 900;
	white-space: nowrap;
/*文本强制不换行*/
	text-overflow: ellipsis;
/*文本溢出时显示省略标记*/
	overflow: hidden;
}
.page_title2 a {
	color: #666;
}
.page_title2 a:hover {
	color: #D5AFBC
}
.title-copy {
	color: #c4c4c4;
	padding-left: 5px;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
}
/*.title-author {
	color:#c4c4c4;
	font-size:14px;
	font-weight:normal;
}*/
.post-info {
	font-size: 12px;
	line-height: 1.4em;
	letter-spacing: 0.02em;
	overflow: hidden;
	margin: 25px 0px 0;
	padding: 10px 0px 0px;
	white-space: nowrap;
	text-overflow: ellipsis;
	border-top: 1px solid #e0e0e0;
}
.post-meta {
	margin-bottom: 10px;
	margin-left: 0;
	padding: 0;
	color: #d7d7d7;
	font-size: 14px;
}
@media only screen and (max-width: 2560px) {
	.post-meta {
		font-size: 0.8em;
	}
}
@media only screen and (max-width: 700px) {
	.post-meta {
		font-size: 0.6em;
	}
}
@media only screen and (max-width: 400px) {
	.post-meta {
		font-size: 0.5em;
	}
}
.post-meta li {
	list-style: none;
	display: inline;
}
#endTag {
	text-align: center;
	color: #D4D4D4;
	font-weight: bold;
	font-size: 1.5em;
	margin: .8em 0;
}
#endTag:after {
	content: 'To Be Continued.';
	height: 1em;
}
.li_border {
	font-size: .95em;
}
.li_border a {
	font-size: .95em;
	color: #595959;
	float: right;
	border: 1px solid #ccc;
	margin-left: 10px;
	padding: 2px 7px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	transition-duration: .5s;
}
.li_border a:hover {
	color: #D5AFBC;
	border-color: #D5AFBC;
	outline-style: none;
}
.li_border1 a {
	font-size: .95em;
	color: #fff;
	float: left;
	padding: 3px 7px;
	margin-right: 10px;
	color: #FFFFFF;
	background-color: #999;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	transition-duration: .5s;
}
.li_border1 a:hover {
	color: #fff;
	background: #000;
}
.li_border2 a {
	font-size: .95em;
	font-weight: 300;
	color: #595959;
	float: left;
	padding: 3px 7px;
	margin: 0 10px 10px 0;
	background-color: #e7e7e7;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	list-style: none;
	transition-duration: .5s;
}
.li_border2 a:hover {
	color: #D5AFBC;
}
.li_border2 a::before {
	content: '# ';
	left: 0;
}
.li_border2-blog a {
	font-size: .95em;
	color: #595959;
	float: left;
	padding: 1px 3px;
	margin-right: 10px;
	background-color: #f5f5f5;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	list-style: none;
	transition-duration: .5s;
}
.li_border2-blog a:hover {
	color: #D5AFBC;
}
.li_border2-blog a::before {
	content: '# ';
	left: 0;
}
.li_border2-blog a:nth-child(n+3) {
	display: none;
}
.li_border3 {
	position: relative;
	float: left;
	padding: 3px 7px;
	margin: 0 2em 10px 0;
	background-color: #e7e7e7;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	list-style: none;
	transition-duration: .5s;
}
.li_border3 a {
	font-size: .95em;
	font-weight: 300;
	color: #595959;
}
.li_border3 a:hover {
	color: #D5AFBC;
}
.li_border3 .catecount{
	position: absolute;
	color: white;
	font-size: .5em;
	background-color: #fcd0d2;
	min-height: 18px;
	min-width:18px;
	line-height: 18px;
	right:-12%;
	top: -8px;
	text-align: center;
	-webkit-border-radius: 18px;
	border-radius: 18px;
	padding:2px;
}
.post-meta li:first-child {
	margin-left: 0;
	padding-left: 0;
	border: none;
}
.post {padding-bottom: 25px;}
.post .tags {
	clear: both;
}
.post-near {
	list-style: none;
	margin: 30px 0;
	padding: 0;
	color: #999;
}
.post-near li {
	margin: 10px 0;
}
.archive-title {
	margin: 1em 0 -1em;
	padding-top: 20px;
	color: #999;
	font-size: 1em;
}
/* -----------------
 * Content format
 *---------------*/
.blog_text {
	background-color: #E0DDDD;
	width: 30px;
	height: 30px;
	margin: auto;
	position: absolute;
	line-height: 28px;
	display: inline-block;
	text-align: center;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}
.blog_text:before {
	content: "\f0f6";
	font-family: FontAwesome;
}
.post-meta-blog {
	margin-bottom: 0px;
	padding: 0 0 3px;
	color: #BCBCBC;
	font-size: 0.8em;
	line-height: 1em;
}
.post-content {
	line-height: 1.8em;
	text-indent: 2em;
	font-size: 1em;
	margin: 0 0 2em;
	letter-spacing: 0.02em;
	text-align: justify;
}
.post-content ol li,ul li {
	text-indent: 0em;
}
.post-content ul,
.post-content ul ul {
    margin: 0;
    padding: 0 0 0 3em;
}
.post-content ul li {
    list-style:disc;
    position: relative;
}
.post-content ul>li:first-child:before {
}
.post-content ul li:before {
    position: absolute;
    content: '';
    top: -0.01em;
    left: -0.7em;
    width: 0.5em;
    height: 0.615em;
    border-width: 0.05em;
    border-color: #aaa;
}
.post-content ul li:not(:last-child):after {
    position: absolute;
    content: '';
    top: 2em;
    left: -.98em;
    bottom: 0;
    border-style: none none none dashed;
    border-width: 0.05em;
    border-color:#B4B4B4;
}
.post_box {
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
	/*border-bottom-right-radius:15px;*/
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	overflow: hidden;
	width: 100%;
}
.post-title-box {
	background-color: #FFF;
}
.post-content_tu {
	width: 50px;
	position: relative;
	height: 50px;
	overflow: hidden;
	background-color: #ebebeb;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	/*filter: url(blur.svg#blur);
	/* FireFox, Chrome, Opera*/
	/*毛玻璃效果*/
	/*-webkit-filter: blur(2px);
	/* Chrome, Opera*/
	/*-moz-filter: blur(2px);
	-ms-filter: blur(2px);
	filter: blur(2px);
	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=2, MakeShadow=false);
	/* IE6~IE9*/
	/*transition:all 0.2s;*/
}
#inss[itemprop*=uploads] {
	float: right;
	width: 50%;
	height: 183px;
	margin-left: 1em;
	margin-bottom: 0.5em;
}
.inss_all #inss_f {
	display: none;
}
@media only screen and (max-width: 700px) {
	#inss[itemprop*=uploads] {
		float: right;
		width: 28%;
		height: 184px;
		margin-left: 1em;
		margin-bottom: 0.5em;
	}
}
#list-content {
	display: block;
	white-space: pre-wrap;
	margin-top: 20px;
	padding-bottom: 20px;
}
#list-content-lock {
	width: 300px;
	display: block;
	margin: 0 auto;
	padding-bottom: 25px;
}
#list-content-lock input {
  width: 250px;
  height: 42px;
  padding-left: 10px;
  border: 2px solid #BCBCBC;
  border-radius: 5px;
  outline: none;
  background: #;
  color: #9E9C9C;
}
 #list-content-lock button {
  margin-left: -44px; 
  width: 40px;
  height: 40px;
  border: none;
  background: #BCBCBC;
  border-radius: 0 5px 5px 0;
  cursor: pointer;
}
#list-content-lock  button:before {
  content: "\f178";
  font-family: FontAwesome;
  font-size: 16px;
  color: #F9F0DA;
}
.post-content h1 {
	font-size: 1.2em;
}
.post-content h2 {
	font-size: 1.1em;
}
.post-content h3 {
	font-size: 1.05em;
}
.post-content h4 {
	font-size: 1em;
}
.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6 {
	display: flex;
	text-indent: 0em;
	font-weight: 900;
	margin: 20px 0 8px;
}
.post-content h1::before,.post-content h2::before,.post-content h3::before,.post-content h4::before,.post-content h5::before,.post-content h6::before {
	font-weight: 600;
	content: '\f198';
	font-family: FontAwesome;
	left: 0;
	color: #D5AFBC;
	padding-right: 8px;
}
.post-content h1::after {
	flex: 2;
	margin: 0 4px;
	text-align: center;
	height: 14px;
	content: ' ';
	border-bottom: #E0DDDD solid 1px;
}
.post-content h1 a,.post-content h2 a,.post-content h3 a,.post-content h4 a,.post-content h5 a,.post-content h6 a {
	color: #595959;
	text-decoration: none;
}
.post-content pre {
	font-family: "Noto Serif CJK SC", "Noto Serif SC", "Source Han Serif SC", "Noto Serif CJK","Source Han Serif", "Microsoft YaHei",source-han-serif-sc, sans-serif;
	white-space: pre-wrap;
	word-wrap: break-word;
	text-indent: 0 !important;
	padding: 15px 20px;
	border-radius: 3px;
	background: #e7e7e7;
	position:relative;
	z-index:0;
	margin: 0;
}
.post-content pre:before {
	content: '';
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 7px solid #e7e7e7;
	left: 33px;
	position: absolute;
	top: -7px;
}
.post-content pre a {
	color: #3c415e;
}
.post-content code a {
	border-bottom: none;
	color: #d34848;
	font-weight: 700;
	text-decoration: none;
}
.post-content code a:before {
	content: '\f0c1';
	font-family: FontAwesome;
	margin-right: .5em;
}
.post-content code a:hover {
	color: #d34848;
	text-decoration: none;
}
img .smilies {
	border: none;
}
.post-content a {
	text-decoration: none;
	color: #3c415e;
	padding: 0 2px;
	transition: all .5s;
	noFocusLine: expression(this.onFocus=this.blur());
}
.post-content a:hover {
	/*background-color:#8ea6b4;*/
	color: #3c415e;
	transition: all .5s;
}
/*美化 MarkDown 脚注*/
.post-content sup[id*="fnref-"] {
	font-size: .5em;
	padding: 0 2px;
	color: #FFF;
	margin-right: 2px;
	background-color: #D5AFBC;
	border-radius: 25px;
	text-decoration: none;
}
.post-content sup[id*="fnref-"]  a {
	color: #FFF;
	text-align: center;
}
.post-content sup .footnote-ref a:hover {
	text-decoration: none;
}
.post-content sup a:hover {
	background-color: #D5AFBC;
	border-radius: 25px;
	text-decoration: none;
}
.footnotes {
	font-size: 0.85em;
	opacity: 0.7;
}
.footnotes hr {
	width: 100%;
	margin: 20px 0 0;
}
/*====== [ 文章内密码登录表单 ] =======*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
/*背景颜色*/
box-shadow:0 0 0 60px #eee inset; 
/*字的颜色*/
-webkit-text-fill-color: #878787;}
.post-content .protected {
	width: 500px;
	display: block;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
	padding-bottom: 25px;
}
.post-content .text{
	width: 300px;
	border: solid 2px #e7e7e7;
	border-radius: 2px;
}
.post-content .submit{
	position:relative;
	top: 1px;
	color: #fff;
	border:none;
	cursor:pointer;
	border-radius:2px;
	background-color: #666;
	width: 60px;
}
.post-content form input{
	height: 40px;
}
.post-content form .word{
}
.post-content form .word:before{
	padding-right: .5em;
	content: '\f023';
	font-family: FontAwesome;
}
.post-content form .word:after{
	padding-left: .5em;
	content: '\f023';
	font-family: FontAwesome;
}
/*====== [ 文章目录导航 ] =======*/
#index-menu {
	float: right;
	background-color:rgba(245,245,245,0.4);
	border: #D7D5D5 dotted 1px;
	padding: 10px 22px;
	margin-left: 18px;
	line-height: 2;
	position: relative;
	z-index: 5;
	clear: both;
}
#index-menu ul {
	list-style: none;
	/*counter-reset:a;*/
}
#index-menu li::before {
	/*counter-increment:a;
	content:counters(a,".")" ";*/
	content: '\f105';
	font-family: FontAwesome;
	margin-right: 4px;
}
#index-menu li,#index-menu ul {
	margin: 0;
	padding-left: 0;
	list-style: none;
}
#index-menu>ul {
	position: relative;
	border-left: 1px solid #ddd;
}
#index-menu>ul>li::before {
	position: relative;
	top: -2px;
	left: -4px;
	display: inline-block;
	width: 7px;
	height: 7px;
	content: '';
	border-radius: 50%;
	background-color: #eb5055;
}
#index-menu ul li ul a::before {
	display: none;
	padding: 0;
	margin: 0;
}
#index-menu li a {
	color: #595959;
	border: none;
	background: none;
}
#index-menu li a:hover {
	color: #D5AFBC;
	border: none;
	background: none;
}
#index-menu li ul li ,#index-menu li ul li ul li {
	margin-left: 1em;
}
#index-menu ul li ul {
	border: none;
	padding: 0 0 0 18px;
	margin: 0;
}
#index-menu ul li:after{
	border-style: none;
}
/*设置图片插入居中*/
.p-img {
	text-indent: 0em;
	width: 100%;
	text-align: center;
}
figure{ 
	max-width: 100%;
	margin: 0 auto;
	display:inline-block !important; 
	display:inline;
	padding: .58em .58em .29em .58em;
	border: 1px solid #d2d2d2;;
	text-align: center;
	box-shadow: #ccc 0 0 5px;
}
figure img{
	max-width: 100%;
	margin: 0 auto;
	padding-bottom: .29em;
	height: auto;
	text-align: center;
	display: block;
}
figcaption{
	color: #969696;
	font-size: .9em;
	line-height: 3em;
	text-indent: 0em;
}
.link-content {
	margin: 0 0 10px;
	width: 100%;
}
.link-content h2 {
	font-size: 1.2em;
	color: #8c8c8c;
	background: url(img/h2.png) no-repeat left;
	padding-left: 17px;
	margin: 20px 0 20px;
}
.link-content ul {
	margin: 0px;
	padding: 0px;
}
.link-content li {
	list-style: none;
}
.link-content li a {
	float: left;
	width: 100px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: center;
	padding: 4px 12px;
	margin: 0px 6px 9px;
	background-color: #e7e7e7;
	color: #999;
	border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
}
.link-content li a:hover {
	color: #fff;
	background: #000;
	transition-duration: .5s;
}
.clear {
	clear: both;
}
/* -----------------
 * scode设置
.warning{
	background-color:rgba(255,0,0,.05);
	text-align: center;
	padding: 1em;
	font-weight: 600;
}
.share,.iyellow,.ired,.iblue,.igreen {
	padding: 15px 20px 15px 30px;
	text-indent: 0em;
	margin-left: 10px;
	width: auto;
	position: relative;
}
.share::before,.ired::before,.igreen::before,.iyellow::before,.iblue::before {
	width: 22px;
	height: 22px;
	display: inline-block;
	position: absolute;
	line-height: 1.3em;
	border-radius: 2em;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	margin-left: -13px;
	margin-right: 8px;
	font-weight: bold;
	text-align: center;
	left: 0;
	color: #FFFFFF;
}
@media only screen and (max-width: 700px) {
	.share::before,.ired::before,.igreen::before,.iyellow::before,.iblue::before {
		width: 18px;
		height: 18px;
	}
}
.share {
	background-color: #e7e6e6;
	border-left: #d4d4d4 4px solid;
}
.iyellow {
	background-color: #f9e7cc;
	border-left: #EF8031 4px solid;
}
.ired {
	background-color: #f1d9d8;
	border-left: #DD3123 4px solid;
}
.iblue {
	background-color: #e0eefa;
	border-left: #57A4F6 4px solid;
}
.igreen {
	background-color: #eef7d2;
	border-left: #95C83D 4px solid;
}
.share::before {
	background-color: #DEDEDE;
	content:'@';//delete
	content: '\f064';
	font-family: FontAwesome;
}
.iyellow::before {
	background-color: #EF8031;
	content:'!';//delete
	content: '\f12a';
	font-family: FontAwesome;
}
.ired::before {
	background-color: #DD3123;
	content:'×';//delete
	content: '\f00d';
	font-family: FontAwesome;
}
.iblue::before {
	background-color: #57A4F6;
	content:'i';//delete
	content: '\f129';
	font-family: FontAwesome;
}
.igreen::before {
	background-color: #95C83D;
	content:'√';//delete
	content: '\f00c';
	font-family: FontAwesome;
}
 *---------------*/
.tag-back {
	margin-bottom: 10px;
}
.tag-back,
.tag-back::before {
	background: #fafafa;
}
.tag-back {
	float: left;
	position: relative;
	white-space: nowrap;
	padding: 3px 8.33333px 3px 15.5px;
	margin-left: 12.5px;
	margin-right: 10px;
	border-top-right-radius: 0.25rem;
	border-bottom-right-radius: 0.25rem;
	box-shadow: inset 0 0 1px 0 #4d4d4d;
}
.tag-back::before {
	content: "";
	position: absolute;
	left: 0;
	top:0;
	width: 22.67767px;
	height: 21px;
	transform: rotate(45deg);
	transform-origin: top left;
	border: 1px solid #ccc;
	border-top: none;
	border-right: none;
}
.tag-back::after {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -2.5px;
	width: 5px;
	height: 5px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 50%;
}
.blog_text_lock {
	position: absolute;
	display: inline-block;
	text-align: center;
	font-size: 3em;
	margin: auto;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	right: 0;
	bottom: 0;
	z-index: 0;
}
.blog_text_lock:before {
	content: "\f023";
	font-family: FontAwesome;
}
#memory_tu_lock {
	position: relative;
	z-index: -1;
	filter: url(blur.svg#blur);
	/*FireFox, Chrome, Opera*/
	/*毛玻璃效果*/
	-webkit-filter: blur(2px);
	/* Chrome, Opera*/
	-moz-filter: blur(2px);
	-ms-filter: blur(2px);
	filter: blur(2px);
	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=2, MakeShadow=false);
	/* IE6~IE9*/
	transition:all 0.2s;
}
.blog_text_m {
	position: absolute;
	display: inline-block;
	text-align: center;
	font-size: 3em;
	margin: auto;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	right: 0;
	bottom: 0;
	z-index: -1;
}
.blog_text_m:before {
	content: "\f0f6";
	font-family: FontAwesome;
}
.memory_all {
	display: inline;
	width: 2em;
	padding: 5px;
	margin: 0 9px;
	background-color: #000;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #FFF;
}
.memory_other {
	display: inline;
	width: 2em;
	padding: 5px;
	margin: 0 9px;
	background-color: #000;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #FFF;
	transition-duration: .2s;
}
.memory_other a {
	color: #FFF;
}
.memory_other:hover {
	background-color: #fcd0d2;
	color: #FFF;
}
.memory_border {
	display: inline;
	margin: 0 9px;
	font-weight: bold;
	border: 1px solid #ccc;
	margin-left: 10px;
	padding: 3px 5px;
	;border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.post-content img {
	text-indent:0;
}
.post-content img a {
	text-decoration: none;
	padding: 0 2px;
	border-bottom: none;
	noFocusLine: expression(this.onFocus=this.blur());
}
.post-content img a:hover {
	background: none;
	color: #666;
}
.reply2view {
	background: #f8f8f8;
	padding: 10px 30px;
	position: relative
}
.views {
	float: right;
	color: #595959;
	font-size: 0.87em;
	border: 1px solid #ccc;
	margin-left: 10px;
	padding: 3px 5px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
/* Page nav*/
.pageNav {
	height: auto;
	margin-top: 10px;
	text-align: center;
	font: 12px Verdana, Geneva, sans-serif;
	list-style: none;
	padding: 25px 0 0;
}
.pageNav li {
	display: inline-block;
	margin: 0 5px 5px 0;
}
.pageNav a {
	color: #595959;
	display: inline-block;
	padding: 4px;
	min-height: 20px;
	min-width:20px;;
	line-height: 20px;
	border: 1px solid #DDD;
	-webkit-border-radius: 100px;
}
.pageNav a:hover {
	background: #F8F8F8;
	border-bottom-color: #D26911;
}
.pageNav .current a {
	background: #F8F8F8;
	border-bottom-color: #D26911;
}
/*读者墙设置*/
#list-post {
	height: auto;
}
#list-post li {
	list-style: none;
	float: left;
}
#list-post img {
	width: 40px;
	height: 40px;
	padding: 2px;
	margin: 3px;
	border: 1px #CCC solid;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
#list-post img:hover {
	-webkit-animation: twinkling 2s infinite ease-in-out;
}
@-webkit-keyframes twinkling {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
/* ------------------
 * secondary
 * ---------------*/
#secondary {
	float: left;
	padding: 0;
	word-wrap: break-word;
	border-top: 1px solid #e2e2e2;
	text-align: right;
}
#secondary li {
	list-style: none;
	padding: 8px 20px 8px 0px;
	border-bottom: #e2e2e2 solid 1px;
	background: linear-gradient(to left, #e7e7e7, #e7e7e7 100%, transparent 100%) no-repeat;
	background-size: 0 100%;
	transition: all .5s;
}
#secondary a {
	font: .7em;
	font-weight: 300;
	color: #8c8c8c;
	text-shadow: 0 1px #F0F0F0;
}
.fenleinum {
	width: 20px;
	height: 20px;
	font-size: 12px;
	text-align: center;
	background-color: #ccc;
	color: #FFF;
	line-height: 1;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	margin-left: 8px;
	margin-top: 3px;
	position: absolute;
}
.fenleinum_num {
	margin-top: 4px;
	padding-right: 1px;
}
.widget {
	margin-bottom: 30px;
}
.widget-list {
	list-style: none;
	padding: 0;
}
.widget-list li {
	margin: 5px 0;
	line-height: 1.6;
}
.widget-list li ul {
	margin-left: 15px;
}
/* ------------------
 * Footer
 * ---------------*/
#footer {
	font-size: .7em;
	margin: 0 0 30px ;
	text-align: center;
	height: auto;
	border-top: #e2e2e2 1px solid;
	padding-top: 10px;
}
@-moz-document url-prefix() {
	#footer {
		font-size: .7em;
		margin: 20px 0;
		color: #595959;
		letter-spacing: 0.02em;
	}
}
@media only screen and (max-width: 2560px) {
	#footer {
		font-size: .7em;
	}
}
@media only screen and (max-width: 700px) {
	#footer {
		font-size: .6em;
	}
}
@media only screen and (max-width: 666px) {
	#footer {
		font-size: .5em;
	}
}
#footer a {
	color: #595959;
}
a.back_to_top {
	text-decoration: none;
	position: fixed;
	bottom: 40px;
	right: 30px;
	background: #f0f0f0;
	height: 40px;
	width: 40px;
	line-height: 39px;
	font-size: 18px;
	text-align: center;
	transition-duration: .5s;
	transition-propety: background-color;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	display: none;
}
a.back_to_top span {
	color: #888;
}
a.back_to_top:hover {
	cursor: pointer;
	background: #dfdfdf;
}
a.back_to_top:hover span {
	color: #555;
}
#div1 {
	display: none;
	position: fixed;
	z-index: 9999;
	bottom: 40px;
	left: 30px;

	width: 100px;
	height: auto;
	padding: 10px 10px;
	background-color: #FFF;
	-webkit-box-shadow: 0 0 10px #ccc;
	-moz-box-shadow: 0 0 10px #ccc;
	box-shadow: 0 0 10px #ccc;
	text-align: center;
}
#div1:hover {
	transition-duration: .8s;
}
#div1 button {
	font-size: 0.87em;
	color: #666;
	border: 0;
	background: #F2F2F2;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 5px;
	transition-duration: .8s;
}
#div1 button:hover {
	color: #fff;
	background: #000000;
}
#open {
	position: fixed;
	bottom: 0px;
	left: 30px;
	width: 100px;
	height: 50px;
}
@media print, screen and (max-width: 980px) {
	.back_to_top {
		display: none !important;
	}
	#open {
		display: none !important;
	}
	.memory_list {
		width: 100%;
	}
	.memory_date {
		display: none !important;
	}
}
@media print, screen and (max-width: 800px) {
	#index-menu {
		float: none;
		margin-left: 0;
		padding-right: 0;
		margin: 0 0 20px 0;
		width: 93%;
	}
}
/* -----------------
 * Error page
 * --------------*/
.error-page {
	margin-top: 100px;
	margin-bottom: 100px;
}
/* 站点动态时间轴 1
#teamnewslist ol {
	list-style:none;
	margin-left: 36px;
	padding-left: 14px;
	border-left: 2px solid #eee;
	color: #666;
}
#teamnewslist b {
	font-size: 12px;
	font-weight: normal;
	color: #999;
	display: block;
	position: relative;
	margin-bottom:5px;
}
#teamnewslist b::after {
	position: absolute;
	top: 6px;
	left: -22px;
	content: '';
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background-color: #fff;
	border: 2px solid #ccc;
	box-shadow: 2px 2px 0 rgba(255,255,255,1), -2px -2px 0 rgba(255,255,255,1)
}
#teamnewslist li {
	list-style:none;
	margin: 0 0 20px 0;
	line-height: 100%;
}
#teamnewslist li:hover {
	color: #555;
}
#teamnewslist li:hover b::after {
	border-color: #C01E22;
}
#teamnewslist li:hover b {
	color: #C01E22;
}*/
/* 站点动态时间轴 2*/
.mixcm-container {
	width: 100%;
	margin: auto;
}
.mixcm-container .mixcm-version {
	overflow: hidden;
	padding: 10px;
	line-height: 1.2em;
}
.mixcm-container .mixcm-version h4, .mixcm-container .mixcm-version ul, .mixcm-container .mixcm-version li {
	color: #595959;
	word-wrap: break-word;
	word-break: break-all;
}
.mixcm-container .mixcm-version ul {
	margin-left: 10px;
}
.mixcm-container h4 {
	font-size: 1.2em;
	position: relative;
}
.mixcm-container h4::before {
	content: "";
	width: 14px;
	height: 14px;
	background: #D5AFBC;
	display: inline-block;
	vertical-align: middle;
	margin-top: -4px;
	margin-right: 11px;
	border-radius: 100%;
	border: 3px solid #fff;
	box-shadow: 0 0 5px #b0b0b0;
}
.mixcm-container h4::after {
	content: "";
	height: 100vh;
	width: 2px;
	background: #D5AFBC;
	position: absolute;
	left: 9px;
	top: 6px;
}
.mixcm-container p {
	color: #595959;
}
.mixcm-container a, .mixcm-container a:hover, .mixcm-container a:active {
	text-decoration: none;
	color: #595959;
}
.mixcm-container .mixcm-info a::after {
	content: ">";
	margin-left: 5px;
	display: inline-block;
	font-family: cursive;
	font-weight: 800;
}
/* -----------------
 * Misc
 *---------------*/
.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
img.alignleft {
	margin: 0 15px 0 0;
}
img.alignright {
	margin: 0 0 0 15px;
}
/* -----------------
 * Responsive
 *---------------*/
@media (max-width: 780px) {
	body {
		font-size: 81.25%;
	}
	#header, .post-meta {
		text-align: center;
	}
	.title-copy {
		border-left: none;
		padding-left: 0;
	}
	.wbname {
	}
	.site-name {
		padding: 70px 0;
	}
	.site-search {
		display: none;
	}
	.link-content li a {
		padding: 4px 4px;
		margin: 0px 10px 9px;
	}
	.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6 {
		clear: both;
	}
}
/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
	display: none !important;
	visibility: hidden;
}
/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.sr-only {
	border: 0;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
/*
 * Extends the .sr-only class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.sr-only.focusable:active,
	.sr-only.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}
/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
	visibility: hidden;
}