@charset "utf-8";
/* CSS Document */
/* By cyfonly */

body {
	font-family: Arial, "微软雅黑", \5B8B\4F53, sans-serif;
	background-image: url(https://images.cnblogs.com/cnblogs_com/juzipi/522632/o_sos.png);
	background-repeat: repeat;
	background-color: #FFFDFA;
}
.clear {

	clear: both;
}

html {
	color: #000;
	overflow-y: scroll;
	background: #fff;
}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, lengend, button, input, textarea, form, th, td {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
}
pre,code	{
	width:100%-20px;
	padding: 10px;
	border: 0;
	border: 1px dotted #785;
	background: #f5f5f5;
	word-wrap:break-word;
	}
body, button, input, select, textarea {
	font: 12px/1.5 Tahoma, Arial, "微软雅黑", sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
address, cite, dfn, em, var {
	font-style: normal;
}
code, kbd, pre, samp, tt {
	font-family: "Courier New", Courier, monospace;
        font-size: 14px !important;
}
small {
	font-size: 12px;
}
ul, ol {
	list-style: none;
}
a:link, a:visited {
	text-decoration: none;
	color: #ff7300;
}
a:hover {
	text-decoration: underline;
	color: #ff7300;
}
abbr[title], acronym[title] {
	border-bottom: 1px dotted;
	cursor: help;
}
q:before, q:after {
	content: '';
}
:focus {
	outline: 0;
}
legend {
	color: #000;
}
fieldset, img {
	border: none;
}
button, input, select, textarea {
	font-size: 100%;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
hr {
	border: none;
	height: 1px;
*color:#fff;
}
img {
	-ms-interpolation-mode: bicubic;
}
/*html5*/
article, aside, dialog, footer, header, hground, section, footer, nav, figure, menu {
	display: block
}
.entrylist h1{
  font-size: 30px;
  padding: 20px;
}
.entrylistItem{
	margin-bottom: 20px;
	padding-bottom: 30px;
  border-bottom: 1px solid #e6e6e6;
}
.entrylistItem .entrylistPosttitle{
  font-size: 20px;
  font-family: "微软雅黑";
  padding-right: 64px;
  padding-left: 10px;
  border-left-width: 3px;
  border-left-style: solid;
  border-left-color: #F60;
  margin-left: 20px;
}
.entrylistItem .entrylistPostSummary{
	padding-left:14px;
	font-size: 14px;
  color: #333;
  line-height: 1.8;
  margin-top: 12px;
}
.entrylistItemPostDesc{
  text-indent: 14px;
  margin-top: 5px;
}
#navigator,#blogTitle,#main,#footer{
	width: 1280px;
	position: relative;
	margin: 0 auto;}

#header{
	height: 212px;
	width: 100%;
	background-image: url(https://images.cnblogs.com/cnblogs_com/juzipi/522632/o_top_background.png);
	background-repeat: repeat-x;
}

#main{
        box-shadow: 0px 0px 2px #bbb;
	margin-top: 6px;
	background-color: rgb(245, 245, 245);	
	margin-bottom: 0px;
	
}
#mainContent{
	width: 1040px;
	background: white;
	overflow: hidden;
	-moz-box-shadow: 0px 0px 8px #999;
	-web-kit-shadow: 0px 0px 8px #999;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-web-kit-shadow: 6px;
	float: left;
	display: inline-block;
        border-right: 1px solid #e6e6e6;
        margin-right:4px;
}
#sideBar{
	width: 203px;
	padding: 16px;
	display: inline-block;
	overflow: hidden;
	color: #8F8F8F;
}
#footer{
	padding: 40px 0 30px 0;
	text-align: center;
	color: #666;
	font-size: 16px;
}

.headermaintitle{
	height: 104px;
	position: absolute;
	left: 15px;
	top: 20px;
	display: block;
	font-size: 50px;
}

#blogTitle h2{
	position: absolute;
	left: 20px;
	top: 80px;
	color: #E4E4E4;
	font-size: 14px;
}
#navigator{
	padding-top: 145px;
	font-size: 18px;
}
#navList li{
	float: left;
	margin-right: 25px;
}
#navList li a{
	color: #FFF;
}
.blogStats{
	color: #CACACA;
	font-size: 12px;
	text-align: right;
}

.day{background:white; border-bottom:1px solid #e3e3e3; border-top:2px solid #f7f7f7;padding:20px;}
.postTitle{
	font-size: 20px;
	font-family: "微软雅黑";
	padding-right: 64px;
	padding-left: 10px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #F60;
}
.postTitle a{
	color: #333;
}

.postTitle a:link, .post-title a:visited {
  color: black;
  font-weight: bold;
  font-family: Arial, "微软雅黑", \5B8B\4F53, sans-serif;
}

.postTitle a:hover{color:#ff7300;text-decoration:none;}

.postBody,.postCon{clear:both; margin-top:26px;}
.postBody{font-size:16px;color:#333;line-height:1.8;}
.postCon{font-size:14px;color:#333;line-height:1.8;}
.postCon h1, .postCon h2, .postCon h3, .postCon h4, .postCon h5, .postCon h6{
    font-weight:bold;
    line-height:1.8;
    font-family:"微软雅黑";
}
.postBody h1,.postCon h1{font-size:20px;}
.postBody h2,.postCon h2{font-size:18px;}
.postBody h3,.postCon h3{font-size:16px;}
.postBody h4,.postCon h4{font-size:14px;}
.postBody h5,.postCon h5{font-size:14px;}
.postBody h6,.postCon h6{font-size:14px;}
.postBody dd,.postCon dd{padding-left:2em;}
.postBody ul,.postCon ul{list-style:none;margin-left:20px!important;}
.postBody ul li,.postCon ul li{list-style:inside disc;}
.postBody dt,.postCon dt{ font-weight:bold; padding:6px 0; clear:both}
.postBody ol,.postCon ol{list-style:none;margin-left:0px;padding-left: 20px!important;}
.postBody blockquote,.postCon blockquote{width:90%;margin:0 auto;padding:6px 0 6px 45px;color:#666;
    background:white url(images/blockquote.gif) top left no-repeat;}
.dayTitle,.postDesc{ font-size:12px; color:#999999;}
.postDesc{
	border-bottom: 1px dashed #E8E7D0;
	text-align: right;
	margin: 20px 0px;
	padding:5px 0px;
}

.dayTitle {
  font-weight: bold;
  position: relative;
  top: -20px;
  border: 1px solid #DFDFDF;
  border-radius: 3px;
  width: 160px;
  left: -20px;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 20px;
  background-image: url(https://images.cnblogs.com/cnblogs_com/juzipi/522632/o_calendar_clock.png);
  background-repeat: no-repeat;
  background-position: 12px center;
  padding-left: 20px;
}

.topicListFooter{
	padding: 32px;
}


#sideBarMain div{margin-bottom:26px;}
#sideBarMain div div{margin-bottom:5px;}
#sideBarMain h3{
        font-weight: bold;
        font-size: 14px;
        margin-bottom: 12px;
        color: #333;
        border-bottom-width: 1px;
        border-bottom-style: dashed;
        border-bottom-color: #D4D4D4;
        padding-bottom: 10px;
}


#blog-comments-placeholder,#divRefreshComments,.commentform,#AjaxHolder_UpdatePanel1,.post{padding:32px;}

.feedbackItem{
	border: 1px solid #E3E3E3;
	padding: 5px;
	margin-bottom: 10px;
	background-color: #F6F6F6;
}
.blog_comment_body{
	color: #929292;
	padding-top: 10px;
}

.forFlow p{margin-bottom:18px;}

.forFlow img{
	margin-top: 1px;
	margin-bottom: 1px;
}

.dayTitle a {
  margin-left: 30px;
}

#blog-comments-placeholder{
  padding-top:5px;
}

.post{
  padding-bottom:5px;
}
.friendLink{
	padding-bottom:15px;
}
.friendLink h2{
    font-size: 14px;
    color: #333;
    font-family: '微软雅黑';
    font-weight: bold;
    padding-bottom: 10px;
    margin-bottom: 5px;
    border-bottom: 1px dashed #D4D4D4;
}
.friendLink a{
    display: block;
    font-size: 16px;
    line-height: 24px;
}
.newsItem .catListTitle
{
	border:none!important;
}
#sideBarMain h3 {
	margin-bottom: 6px!important;
  margin-top: 20px!important;
  padding-bottom: 4px!important;
}
#sidebar_links827540 a{
    font-size: 14px;
    color: #FF3100;
}
.github-fork{
    position: fixed;
    top: 0;
    right: 0;
}
.mygithub{
  margin-bottom:20px;
}
.mygithub .github-title{
  border-bottom:1px dashed #d4d4d4;
}
.mygithub img{
  width:200px;
}
.newsItem .catListTitle{
  display:none;
}
#cnzz_stat_icon_1259286380{
  display: block;
  text-align: center;
  margin-top: -30px;
  font-size: 14px;
  font-family: "微软雅黑", sans-serif;
}
#cnzz_stat_icon_1259286380 a{
	color:#333;
}
iframe{
width:960px!important;
}
code{
    padding: 2px 4px;
    background-color: #f8f8f8;
    color: #d14;
    border: none;
    word-wrap: break-word;
    border-radius: 3px;
    font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;
}

.m-reward { width: 976px; height: 100px; border-left: 5px solid #ff7300; background-color: #eee; color: #5e5e5e; font-family: verdana, geneva; margin-top: 20px; }
.m-desc { font-size: 16px; height: 42px; text-indent: 20px; line-height: 42px; }
.reward-btn { width: 100px; line-height: 40px; text-align: center; background-color: #ff7300; color: #fff; margin-left: 20px; font-size: 14px; cursor: pointer; border-radius: 5px; }
.reward-btn:hover { background-color: hsl(27, 97%, 60%); }
.reward-btn:active { background-color: hsl(27, 97%, 40%); }
.reward-wrap { font-family: verdana, geneva; display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 600px; height: 360px; border-radius: 0px; background: #fff; box-shadow: 0 0 0 2000px rgba(0, 0, 0, .5);border-radius:10px;}
.reward-wrap h2 { text-align: center; font-size: 24px; color: #666; font-weight: normal; margin: 22px 0; }
.reward-wrap .wechat,
.reward-wrap .zhifubao { position: relative; margin:0 auto; width: 240px; height: 240px; padding: 10px; border: 3px solid #ff7300; border-radius: 10px; box-sizing: border-box; }
.reward-wrap .wechat img,
.reward-wrap .zhifubao img { width: 100%; }
.reward-wrap p { text-align: center; }
.wechat::after,
.zhifubao::after { content: "微信，扫一扫"; position: absolute; color: #666; background: #fff; top: 220px; padding: 0 10px; font-size: 16px; width: 120px; left: 50px; text-align: center; }
.zhifubao::after { content: "支付宝，扫一扫"; }
.wechat { margin-left: 40px; }
.zhifubao { margin-left: 40px; }
.reward-btn-close { position: absolute; font-size: 30px; color: #999; top: 0px; right: 0px; cursor: pointer; padding: 10px 20px; transform: rotate(45deg); }
.reward-btn-close:hover { transition: all .2s; color: #bbb; }
.reward-btn-close:active { transition: all .2s; color: #666; }

.postBody blockquote,
.postCon blockquote{position:relative;background:#f8f8f8;padding:6px 0 6px 25px;width:100%;border:none;border-left:4px solid #ff7300;}
.postBody blockquote::before,
.postCon blockquote::before{position:absolute;top:12px;left:-12px;background-color:#ff7300;color:#fff;content:"!";width:20px;height:20px;border-radius:100%;text-align:center;line-height:20px;font-weight:bold;font-family:'Dosis','Source Sans Pro','Helvetica Neue',Arial,sans-serif;font-size:14px;}
.mygithub{margin-top:5px;margin-bottom:40px;}
.mygithub .github-title{border-bottom:1px dashed #d4d4d4;}
.mygithub img{width:200px;}