body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,button,textarea,p,blockquote,th,td
{
	margin: 0;
	padding: 0
}

body
{
	background: #ececec url("https://images.cnitblog.com/blog/467548/201409/072003427035578.png");
	border-bottom: 4px solid #2b6695;
	font-family: "Microsoft Yahei", Arial;
	font-size: 15px;
	margin: 0;
	min-width: 1200px;
	padding: 0
}

.clearfix:after
{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden
}

.clear
{
	clear: both
}

.head
{
	background: none repeat scroll 0 0 #058;
	height: 60px;
	line-height: 60px;
	padding-left: 280px
}

.head h1
{
	background-color: #2b6695;
	float: left;
	font-size: 26px;
	font-weight: bold;
	height: 60px;
	text-align: center;
	width: 200px;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out
}

.head h1:hover
{
	background-color: #ff7227;
	float: left;
	font-size: 26px;
	font-weight: bold;
	height: 60px;
	text-align: center;
	width: 200px;
	-webkit-transform: rotate(360deg) skew(-20deg) scale(1.0) translate(100px,0);
	-moz-transform: rotate(360deg) skew(-20deg) scale(1.0) translate(100px,0);
	-ms-transform: rotate(360deg) skew(-20deg) scale(1.0) translate(100px,0)
}

.head h1 a
{
	color: #fff;
	outline: medium none;
	text-decoration: none
}

#blog
{
	color: #fff;
	font-size: 16px;
	font-weight: normal
}

.subtitle
{
	display: block;
	text-shadow: 1px 0 0 #000,-1px 0 0 #000,0 1px 0 #000,0 -1px 0 #000;
	float: right;
	font-size: 18px;
	line-height: 18px;
	margin: 20px 200px 0 0;
	color: #ccc;
	text-decoration: none;
	transition: color .25s linear 0s;
	-webkit-animation: fontscale 1.5s linear 1;
	-moz-animation: fontscale 1.5s linear 1;
	-ms-animation: fontscale 1.5s linear 1;
	animation: fontscale 1.5s linear 1
}

#home
{
	margin: 10px auto;
	opacity: .95;
	overflow: auto;
	width: 1200px
}

.postBody p,.postCon p
{
	line-height: 24px;
	margin: 7px 0
}

h2
{
	background-color: #2b6695;
	color: #fff;
	padding: 10px
}

#cnblogs_post_body h2
{
	background-color: #2b6695;
	color: #fff;
	padding: 10px
}

h3
{
	background-color: #2b6695;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	margin: 10px 0;
	padding: 10px;
	text-align: center
}

#cnblogs_post_body h3
{
	background-color: #fff;
	color: #000;
	font-size: 15px;
	font-weight: bold;
	padding: 0;
	text-align: left
}

a
{
	color: #2b6695;
	text-decoration: none
}

ul
{
	list-style: none outside none;
	margin: 0;
	padding: 0
}

#header
{
	display: block
}

#navigator
{
	background: none repeat scroll 0 0 #fff;
	font-size: 16px;
	height: 48px;
	margin-top: 10px;
	text-align: center
}

#navList li
{
	display: inline-block;
	float: left;
	line-height: 48px;
	margin: 0
}

#navList li:hover
{
	background: none repeat scroll 0 0 #2b6695
}

#navList li a
{
	border: 0 none;
	color: #2b6695;
	display: inline-block;
	font-weight: bold;
	line-height: 48px;
	padding: 0 30px;
	text-decoration: none
}

#navList li a:hover
{
	border: 0 none;
	color: #fff;
	display: inline-block;
	font-weight: bold;
	line-height: 48px;
	padding: 0 30px;
	text-decoration: none
}

.blogStats
{
	color: #2b6695;
	height: 48px;
	line-height: 48px
}

#main
{
	margin: 20px 0 15px;
	padding: 0
}

#sideBar
{
	background: none repeat scroll 0 0 #fff;
	font-size: 12px;
	border-top: 5px solid #009ad9;
	padding: 25px 15px;
	width: 205px
}

#sideBarMain
{
	line-height: 24px
}

#gostatsImg
{
	border-radius: 100%
}

#profile_block
{
	line-height: 24px;
	margin-top: 0;
	text-align: left
}

.newsItem .catListTitle
{
	display: none
}

.mySearch .catListTitle
{
	display: none
}

#mainContent
{
	background: none repeat scroll 0 0 #fff;
	float: right;
	border-top: 5px solid #ff8500;
	margin-top: 0;
	padding: 25px 15px;
	width: 920px
}

.day
{
	background: none repeat scroll 0 0 #fff;
	margin: 0 0 20px;
	padding: 0
}

.postTitle>a
{
	color: #2b6695
}

.postTitle
{
	color: #fff;
	background: #eee;
	font-size: 15px;
	font-weight: bold;
	padding-bottom: 10px;
	padding-left: 30px;
	padding-top: 10px
}

.dayTitle
{
	display: none
}

.c_b_p_desc
{
	color: #888;
	line-height: 24px;
	padding: 10px;
	font-size: 13px
}

.c_b_p_desc a
{
	color: #2b6695
}

.c_b_p_desc a:hover
{
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	color: #ff7227;
	text-decoration: none
}

.c_b_p_desc_readmore
{
	margin-left: 20px
}

.desc_img
{
	border: 1px solid #fff;
	margin-left: 10px
}

#topics .post
{
	background: none repeat scroll 0 0 #fff
}

.postCon
{
	padding: 0 10px 0
}

.postDesc
{
	background: none repeat scroll 0 0 #fff;
	color: #aaa;
	font-size: 12px;
	margin: 0 30px 2px;
	padding: 8px 0;
	text-align: right
}

.postDesc a
{
	color: #aaa
}

.postBody
{
	padding: 0
}

#cnblogs_post_body img
{
	border: 1px solid #ccc;
	height: auto;
	max-width: 96%;
	box-shadow: 2px 4px 6px #ccc
}

.pager
{
	color: #2b6695
}

.pager a
{
	border: 1px solid #2b6695;
	color: #2b6695
}

.pager span.current
{
	background-color: #2b6695;
	border: 1px solid #2b6695;
	color: #fff
}

#google_q,#q
{
	border: 1px solid #ccc;
	height: 30px;
	width: 130px
}

.btn_my_zzk
{
	background: none repeat scroll 0 0 #2b6695;
	border: medium none;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 12px;
	height: 30px;
	padding: 5px;
	position: relative;
	vertical-align: middle;
	width: 65px
}

.btn_my_zzk:hover
{
	background: none repeat scroll 0 0 #2b6695;
	font-size: 14px;
	font-weight: bold
}

#btn_comment_submit
{
	border: medium none;
	height: 48px;
	width: 120px
}

.comment_btn
{
	background: none repeat scroll 0 0 #2b6695;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 18px;
	height: 48px;
	position: relative;
	vertical-align: middle;
	width: 120px
}

#btn_comment_submit:hover
{
	background: none repeat scroll 0 0 #ff7227
}

.feedback_area_title
{
	border-bottom: 6px solid #2b6695;
	color: #2b6695;
	font-size: 24px;
	font-weight: bold;
	padding: 10px
}

.feedbackListSubtitle
{
	color: #888;
	font-size: 12px
}

.feedbackListSubtitle a
{
	color: #888
}

.comment_quote
{
	background: none repeat scroll 0 0 #fcfaac;
	border: 1px solid #ccc;
	padding: 15px
}

#commentform_title
{
	background-image: none;
	background-repeat: no-repeat;
	border-bottom: 6px solid #2b6695;
	color: #2b6695;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 10px 20px 10px 10px
}

#comment_form
{
	margin: 10px 0;
	padding: 0
}

.commentform
{
	background: none repeat scroll 0 0 #fff;
	margin: 10px 0;
	padding: 10px 20px
}

#tbCommentBody
{
	background: none repeat scroll 0 0 #fff;
	border: 2px solid #fff;
	box-shadow: 0 0 8px #aaa inset;
	color: #333;
	font-size: 14px;
	height: 120px;
	margin-top: 10px;
	max-width: 900px;
	min-height: 120px;
	min-width: 900px;
	padding: 10px;
	width: 900px
}

.feedbackItem
{
	background: none repeat scroll 0 0 #f2f2f2;
	font-size: 14px;
	line-height: 24px;
	margin: 10px 0;
	padding: 20px
}

.feedbackListSubtitle
{
	font-weight: normal
}

.entrylist
{
	background: none repeat scroll 0 0 #fff;
	padding: 10px 20px
}

.entrylistTitle
{
	color: #2b6695
}

.entrylistItem
{
	margin: 10px 0;
	padding: 10px
}

.entrylistPosttitle
{
	background: url("https://images.cnitblog.com/blog/479892/201310/31160732-b766c703bb834772933c63ffc8cd15aa.gif") no-repeat scroll 0 3px rgba(0,0,0,0);
	font-size: 18px;
	font-weight: bold;
	padding-left: 30px
}

.entrylistPostSummary
{
	padding: 10px
}

.entrylistItemPostDesc
{
	color: #999;
	font-size: 12px;
	padding-left: 40px
}

#footer
{
	color: #2b6695;
	font-size: 16px;
	height: 24px;
	line-height: 24px;
	text-align: center
}

#cnblogs_post_body p img
{
	margin: 10px
}

.diggnum
{
	color: #2b6695;
	font-size: 28px
}

#div_digg .diggnum
{
	line-height: 100px
}

.diggit
{
	background: url("https://images.cnblogs.com/cnblogs_com/twobin/520730/o_blue.gif") no-repeat scroll 0 0 rgba(0,0,0,0);
	cursor: pointer;
	float: left;
	height: 128px;
	text-align: center;
	width: 128px
}

.diggit:hover
{
	background-position: -128px 0
}

.buryit
{
	display: none
}

.diggword
{
	display: none
}

#green_channel
{
	background: none repeat scroll 0 0 #2b6695;
	border: medium none;
	color: #fff;
	font-size: 15px;
	font-weight: normal;
	padding: 20px;
	width: 880px
}

#myposts .PostList
{
	background: none repeat scroll 0 0 #f2f2f2;
	font-size: 14px;
	line-height: 24px;
	margin: 10px 0;
	padding: 20px
}

#myposts .postTitl2 a
{
	color: #6da47d
}

.c_ad_block
{
	display: none !important
}

#cnblogs_post_body p
{
	line-height:24px !important;
	text-indent:32px !important;
	display:block !important;
	clear:both !important;
}

#cnblogs_post_body .section p
{
	line-height:24px !important;
	text-indent:0px !important;
}

#cnblogs_post_body h2
{
	display:block;
	background: none repeat scroll 0 0 #2b6695 !important;
	color: #fff;
	font-size: 17px;
	font-weight: bold;
	height: 25px;
	line-height: 25px;
	margin: 15px 0 !important;
	padding: 5px 0 5px 20px;
	text-shadow: 2px 2px 3px #222
}

#cnblogs_post_body h3
{
	display:block;
	color: #346C99;
	font-size: 16px;
	text-indent:32px !important;
}

#cnblogs_post_body h4
{
	color: #346C99;
	font-size: 16px;
}

#cnblogs_post_body .list
{
	padding-left:32px;
	line-height:24px;
}

.stitle
{
	color: #008000;
}

.mark
{
	color: #008000;
}

.cnblogs_code
{
	margin: 10px 32px;
	box-shadow: 0 0 8px #aaa;
}

.note
{
	margin: 10px 32px;
	padding: 15px 20px 15px 60px;
	background: #FCFAA9 url('https://images.cnblogs.com/cnblogs_com/libaoheng/305804/o_yellow-pin.png') no-repeat 20px 0;
	font-size: 15px;
	box-shadow: 0 0 8px #aaa;
	clear: both;
	line-height:24px;
}

.section
{
	margin: 10px 32px 20px;
	padding:20px;
	box-shadow: 0 0 8px #aaa;
	border: 1px dashed #ccc;
	clear: both;
	background: #f4f4f4;
}

.grid
{
	margin: 10px 32px 20px;
	box-shadow: 0 0 8px #aaa;
}

.grid th
{
	background: none repeat scroll 0 0 #44A044 !important;
	color: #fff;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	text-shadow: 2px 2px 3px #222
}

.grid td
{
	line-height: 1.7;
	font-size: 14px;
	padding-left: 8px !important;
	padding-right: 8px !important;
	border: 1px solid #dedede !important;
	border-collapse: collapse !important;
}

.center img
{
	display:block;
	margin:0 auto !important;
	box-shadow: 0 0 8px #aaa !important;
}

.demo
{
	margin: 10px 0;
	padding: 15px 20px 15px 20px;
	font-size: 15px;
	box-shadow: 0 0 8px #aaa;
	clear: both;
	background: yellow;
}

@-webkit-keyframes glow2
{
	0%
	{
		box-shadow: 0 0 4px #2ac3ff
	}

	100%
	{
		box-shadow: 0 0 16px #2ac3ff
	}
}

@-moz-keyframes glow2
{
	0%
	{
		box-shadow: 0 0 4px #2ac3ff
	}

	100%
	{
		box-shadow: 0 0 16px #2ac3ff
	}
}

.blood
{
	box-shadow: 0 0 4px #2ac3ff;
	-webkit-animation: glow2 1s infinite alternate ease-in-out;
	-moz-animation: glow2 1s infinite alternate ease-in-out;
	animation: glow2 1s infinite alternate ease-in-out;
	transform: rotate(0deg);
	transition: all .5s ease 0s
}

.blood:hover
{
	transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	transition: all .5s ease 0s
}

.fa-paper-plane
{
	background: url("https://www.imengwang.net/images/logo.png");
	width: 49px;
	height: 35px;
	position: absolute;
	left: 120px;
	top: 16px;
	color: #3498db;
	text-shadow: 0 20px 2px rgba(0,0,0,.1);
	-webkit-animation: page-index-banner-plane 5s ease-out infinite;
	animation: page-index-banner-plane 5s ease-out infinite;
	z-index: 1002
}

.fa
{
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

@keyframes page-index-banner-plane
{
	0%
	{
		opacity: 0;
		transform: translate3d(-120px,100px,0px)
	}

	20%
	{
		opacity: 1;
		transform: translate3d(0px,0px,0px)
	}

	30%
	{
		opacity: 1;
		transform: translate3d(0px,-4px,0px)
	}

	40%
	{
		opacity: 1;
		transform: translate3d(0px,0px,0px)
	}

	50%
	{
		opacity: 1;
		transform: translate3d(0px,4px,0px)
	}

	60%
	{
		opacity: 1;
		transform: translate3d(0px,0px,0px)
	}

	70%
	{
		opacity: 0;
		transform: translate3d(50px,-50px,0px)
	}

	100%
	{
		opacity: 0;
		-moz-transform: translate3d(50px,-50px,0px)
	}
}

@-webkit-keyframes page-index-banner-plane
{
	0%
	{
		opacity: 0;
		-webkit-transform: translate3d(-120px,100px,0px)
	}

	20%
	{
		opacity: 1;
		-webkit-transform: translate3d(0px,0px,0px)
	}

	30%
	{
		opacity: 1;
		-webkit-transform: translate3d(0px,-4px,0px)
	}

	40%
	{
		opacity: 1;
		-webkit-transform: translate3d(0px,0px,0px)
	}

	50%
	{
		opacity: 1;
		-webkit-transform: translate3d(0px,4px,0px)
	}

	60%
	{
		opacity: 1;
		-webkit-transform: translate3d(0px,0px,0px)
	}

	70%
	{
		opacity: 0;
		-webkit-transform: translate3d(50px,-50px,0px)
	}

	100%
	{
		opacity: 0;
		-webkit-transform: translate3d(50px,-50px,0px)
	}
}

@-moz-keyframes page-index-banner-plane
{
	0%
	{
		opacity: 0;
		-moz-transform: translate3d(-120px,100px,0px)
	}

	20%
	{
		opacity: 1;
		-moz-transform: translate3d(0px,0px,0px)
	}

	30%
	{
		opacity: 1;
		-moz-transform: translate3d(0px,-4px,0px)
	}

	40%
	{
		opacity: 1;
		-moz-transform: translate3d(0px,0px,0px)
	}

	50%
	{
		opacity: 1;
		-moz-transform: translate3d(0px,4px,0px)
	}

	60%
	{
		opacity: 1;
		-moz-transform: translate3d(0px,0px,0px)
	}

	70%
	{
		opacity: 0;
		-moz-transform: translate3d(50px,-50px,0px)
	}

	100%
	{
		opacity: 0;
		-moz-transform: translate3d(50px,-50px,0px)
	}
}

#imgCloud
{
	background: url("https://www.lagou.com/images/cloud_s.png");
	width: 81px;
	height: 52px;
	position: absolute;
	left: 50px;
	top: 16px;
	color: #3498db;
	text-shadow: 0 20px 2px rgba(0,0,0,.1);
	-webkit-animation: page-index-banner-cloud 8s ease-out infinite;
	animation: page-index-banner-cloud 8s ease-out infinite;
	z-index: 1002
}

@keyframes page-index-banner-cloud
{
	0%
	{
		opacity: 1;
		left: -5
	}

	50%
	{
		opacity: 1;
		left: 0
	}

	100%
	{
		opacity: 1;
		left: 5
	}
}

@-webkit-keyframes page-index-banner-cloud
{
	0%
	{
		opacity: 1;
		left: -5
	}

	50%
	{
		opacity: 1;
		left: 0
	}

	100%
	{
		opacity: 1;
		left: 5
	}
}

@-moz-keyframes page-index-banner-cloud
{
	0%
	{
		opacity: 1;
		left: -5
	}

	50%
	{
		opacity: 1;
		left: 0
	}

	100%
	{
		opacity: 1;
		left: 5
	}
}

@-webkit-keyframes fontscale
{
	from
	{
		opacity: 1;
		-webkit-transform: scale(0)
	}

	to
	{
		opacity: 0;
		-webkit-transform: scale(2)
	}
}

@-moz-keyframes fontscale
{
	from
	{
		opacity: 1;
		-moz-transform: scale(0)
	}

	to
	{
		opacity: 0;
		-moz-transform: scale(2)
	}
}

@-ms-keyframes fontscale
{
	from
	{
		opacity: 1;
		-ms-transform: scale(0)
	}

	to
	{
		opacity: 0;
		-ms-transform: scale(2)
	}
}

.headPImage
{
	-webkit-animation-delay: 1s
}

p.headPImage
{
	-webkit-transform-style: preserve-3d;
	-webkit-animation-timing-function: linear;
	-webkit-animation-name: y-spin;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-duration: 1s;
	-webkit-animation-fill-mode: forwards
}

-webkit-keyframes y-spin
{
	0%
	{
		visibility: visible;
		-webkit-transform: rotateY(0deg)
	}
	50%
	{
		visibility: visible;
		-webkit-transform: rotateY(180deg)
	}
	100%
	{
		visibility: visible;
		-webkit-transform: rotateY(360deg)
	}
}