#EntryTag {
	margin-top: 20px;
	font-size: 9pt;
	color: #808080
}
/*\ 首页排版*/
.topicListFooter {
	text-align: right;
	margin-right: 10px;
	margin-top: 10px
}

#divRefreshComments {
	text-align: right;
	margin-right: 10px;
	margin-bottom: 5px;
	font-size: 9pt
}

* {
	margin: 0;
	padding: 0
}

html {
	height: 100%
}

/*\ 设置背景*/
body {
	color: #000;
	background-color: #e6e6e6;
	font-family: "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	min-height: 101%;
	background-image: url("https://files.cnblogs.com/files/simazhongda/beijing.bmp"); 
	background-position: initial; 
	background-size: cover; 
	background-repeat: no-repeat; 
	background-attachment: fixed; 
	background-origin: initial; 
	background-clip: initial;
	height:100%;
	width:100%;

}

table {
	border-collapse: collapse;
	border-spacing: 0
}

fieldset, img {
	border: 0
}

li {
	list-style: none
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal
}

a {
	outline: none;
	color: #21759b
}

a:link {
	color: #000;
	text-decoration: none
}

a:visited {
	color: #000;
	text-decoration: none
}

a:hover {
	color: #21759b
}

a:active {
	color: #000;
	text-decoration: none
}

.clear {
	clear: both
}

/*\ 雪花特效代码*/
div#midground{
	background: url("https://files.cnblogs.com/files/simazhongda/smll.bmp");
	z-index: -1;
	-webkit-animation: cc 200s linear infinite;
	-moz-animation: cc 200s linear infinite;
	-o-animation: cc 200s linear infinite;
	animation: cc 200s linear infinite;
}


div#foreground{
	background: url("https://files.cnblogs.com/files/simazhongda/big.bmp");
	z-index: -2;
	-webkit-animation: cc 253s linear infinite;
	-o-animation: cc 253s linear infinite;
	-moz-animation: cc 253s linear infinite;
	animation: cc 253s linear infinite;
}

div#top{
	background: url("https://files.cnblogs.com/files/simazhongda/smll.bmp");
	z-index: -4;
	-webkit-animation: da 200s linear infinite;
	-o-animation: da 200s linear infinite;
	animation: da 200s linear infinite;
}

#home {
	margin: 0 auto;
	width: 65%;
	min-width: 950px;
	background-color: #fff;
	padding: 30px;
	margin-top: 50px;
	margin-bottom: 50px;
	box-shadow: 0 2px 6px rgba(100, 100, 100, .3);
	opacity:0.7;
}

#home h1{
	font-size:45px;
}

#header {
	padding-bottom: 5px;
	margin-top: 10px
}

#blogTitle {
	height: 60px;
	clear: both
}

#blogTitle h1 {
	font-size: 26px;
	font-weight: bold;
	line-height: 1.5em;
	margin-top: 20px
}

#blogTitle h1 a {
	color: #515151
}

#blogTitle h1 a:hover {
	color: #21759b
}

#blogTitle h2 {
	font-weight: normal;
	font-size: 13px;
	font-size: .928571429rem;
	line-height: 1.846153846;
	color: #757575;
	float: left
}

#blogLogo {
	float: right
}

#navigator {
	font-size: 13px;
	border-bottom: 1px solid #ededed;
	border-top: 1px solid #ededed;
	height: 50px;
	clear: both;
	margin-top: 25px
}

#navList {
	min-height: 30px;
	float: left
}

#navList li {
	float: left;
	margin: 0 40px 0 0
}

#navList a {
	display: block;
	width: 5em;
	height: 22px;
	float: left;
	text-align: center;
	padding-top: 19px
}

#navList a:link, #navList a:visited, #navList a:active {
	color: #6a6a6a;
	font-weight: bold
}

#navList a:hover {
	color: #000;
	text-decoration: none
}

.blogStats {
	float: right;
	color: #757575;
	margin-top: 19px;
	margin-right: 2px;
	text-align: right
}

#main {
	width: 100%;
	text-align: left;
	margin-top: 30px
}

#mainContent .forFlow {
	margin-left: 22em;
	float: none;
	width: auto
}

#mainContent {
	min-height: 200px;
	padding: 0 0 10px 0;
	*padding-top: 10px;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	float: left;
	margin-left: -22em;
	width: 100%
}

.wall{
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.day {
	min-height: 10px;
	_height: 10px;
	margin-bottom: 20px;
	padding-bottom: 5px;
	position: relative
}

.dayTitle {
	display: none;
	border: 1px solid #21759b;
	background: #f0ffff;
	border-radius: 50%;
	font-size: 12px;
	height: 65px;
	line-height: 1.5;
	margin: 15px;
	text-align: center;
	width: 63px;
	margin-left: -100px;
	clear: both;
	position: absolute;
	top: -15px
}

.dayTitle a {
	display: inline-block;
	color: #21759b;
	margin-top: 15px;
	width: 60px
}

.postTitle {
	border-left: 3px solid #21759b;
	margin-bottom: 10px;
	font-size: 20px;
	float: right;
	width: 100%;
	clear: both
}

.postTitle a:link, .postTitle a:visited, .postTitle a:active {
	color: #21759b;
	transition: all .4s linear 0s
}

.postTitle a:hover {
	margin-left: 30px;
	color: #0f3647;
	text-decoration: none
}

.postCon {
	float: right;
	line-height: 1.5em;
	width: 100%;
	clear: both;
	padding: 10px 0
}

.day .postTitle a {
	padding-left: 10px
}

.postDesc {
	font-size: 13px;
	background: url(images/posted_time.png) no-repeat 0 1px;
	color: #757575;
	float: left;
	width: 100%;
	clear: both;
	text-align: left;
	padding-right: 5px;
	margin-top: 20px;
	line-height: 1.5
}

.postDesc a:link, .postDesc a:visited, .postDesc a:active {
	color: #666
}

.postDesc a:hover {
	color: #21759b;
	text-decoration: none
}

.postSeparator {
	clear: both;
	height: 1px;
	width: 100%;
	clear: both;
	float: right;
	margin: 0 auto 15px auto
}

#sideBar {
	margin-top: -15px;
	width: 230px;
	min-height: 200px;
	padding: 0 0 0 5px;
	float: right;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden
}

#sideBar a {
	color: #757575
}

#sideBar a:hover {
	color: #21759b;
	text-decoration: underline
}

.div_my_zzk {
	width: 175px;
	position: relative;
	margin-top: 10px
}

#btnZzk {
	background: url("images/blog_search.png") no-repeat 5px 5px
}

#widget_my_google input[type=button] {
	background: url("images/google_search.png") no-repeat 5px 5px
}

.input_my_zzk {
	border: 1px solid #ccc;
	width: 100%;
	height: 25px;
	padding-right: 30px;
	padding-left: 5px;
	outline: 0
}

.btn_my_zzk {
	font-size: 12px;
	width: 25px;
	height: 25px;
	color: transparent;
	border: 0;
	border-style: none;
	cursor: pointer;
	top: 1px;
	position: absolute;
	right: -35px
}

.input_my_zzk:hover {
	border: 1px solid #21759b;
	transition: all .4s linear 0s
}

.input_my_zzk:focus {
	border: 1px solid #21759b
}

.newsItem, .catListEssay, .catListLink, .catListNoteBook, .catListTag,
	.catListPostCategory, .catListPostArchive, .catListImageCategory,
	.catListArticleArchive, .catListView, .catListFeedback, .mySearch,
	.catListComment, .catListBlogRank, .catList, .catListArticleCategory {
	background: #fff;
	margin-bottom: 35px;
	word-wrap: break-word
}

#blog-calendar {
	width: 228px;
	padding-bottom: 5px;
	margin-bottom: 35px;
	box-shadow: 0 1px 3px #ccc;
	border: 1px solid #ededed
}

#blog-calendar td {
	font-size: 12px;
	font-family: "Comic Sans MS"
}

#blog-calendar th {
	font-size: 12px
}

#calendar {
	width: 228px;
	padding-bottom: 5px;
	margin-bottom: 35px;
	border: 1px solid #ededed;
	box-shadow: 0 1px 3px #ccc
}

#calendar .Cal {
	width: 100%;
	line-height: 1.5em
}

#calendar td {
	font-family: "Comic Sans MS";
	background: #fff;
	padding-top: 2px
}

.Cal {
	border: none;
	color: #666
}

#calendar table a:link, #calendar table a:visited, #calendar table a:active
	{
	font-weight: bold
}

#calendar table a:hover {
	color: #fff;
	text-decoration: none
}

.CalTodayDay {
	background: #3671a5 !important;
	color: #fff;
	font-weight: bold
}

.CalWeekendDay {
	padding-top: 4px;
	padding-bottom: 4px
}

.CalOtherMonthDay {
	color: #ccc;
	padding-top: 4px;
	padding-bottom: 4px
}

#calendar .CalNextPrev a:link, #calendar .CalNextPrev a:visited,
	#calendar .CalNextPrev a:active {
	font-weight: bold;
	padding-left: 10px;
	padding-right: 15px
}

.CalDayHeader {
	background: #f8f8f8;
	font-weight: 100;
	color: #5e5f63
}

.CalTitle {
	background: #6293bb;
	width: 100%;
	height: 25px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	padding: 5px 0;
	color: #fff
}

.CalTitle td {
	background: #f8f8f8 !important;
	border: 0 !important;
	color: #5e5f63;
	font-family: "Comic Sans MS"
}

.catListTitle {
	font-weight: bold;
	line-height: 1.2;
	font-size: 110%;
	margin-top: 15px;
	margin-bottom: 10px;
	text-align: left
}

.catListComment {
	line-height: 1.5em
}

.divRecentComment {
	text-indent: 2em;
	color: #494949;
	margin-bottom: 20px
}

#sideBarMain ul {
	line-height: 1.5em
}

#sideBarMain li {
	line-height: 1.8
}

#topics {
	width: 100%;
	min-height: 200px;
	padding: 0 0 10px 0;
	float: left;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden
}

#topics .postTitle {
	border: 0;
	font-size: 130%;
	font-weight: bold;
	float: left;
	line-height: 1.5;
	width: 100%;
	padding-left: 5px
}

#EntryTag {
	color: #666
}

#EntryTag a {
	margin-left: 5px;
	height: 20px;
	line-height: 20px;
	color: #333;
	padding: 3px 14px;
	border-radius: 10px;
	margin: 2px 5px 0;
	background: #e7e7e7;
	text-decoration: none
}

#EntryTag a:link, #EntryTag a:visited, #EntryTag a:active {
	color: #666
}

#EntryTag a:hover {
	color: #f5f5f5;
	background: #21759b;
	transition: all .4s linear 0s
}

#BlogPostCategory {
	color: #666
}

#BlogPostCategory a {
	margin-left: 5px;
	height: 20px;
	line-height: 20px;
	color: #333;
	padding: 3px 14px;
	border-radius: 10px;
	margin: 2px 5px 0;
	background: #e7e7e7;
	text-decoration: none
}

#BlogPostCategory a:link, #BlogPostCategory a:visited, #BlogPostCategory a:active
	{
	color: #666
}

#BlogPostCategory a:hover {
	color: #f5f5f5;
	background: #21759b
}

#topics .postDesc {
	padding-left: 0;
	width: 100%;
	text-align: left;
	color: #666;
	margin-top: 5px;
	background: none
}

.feedback_area_title {
	font: normal normal 16px/35px "Microsoft YaHei";
	margin: 10px 0 30px;
	border-bottom: 2px solid #ccc
}

.louzhu {
	background: transparent url('/images/icoLouZhu.gif') no-repeat scroll
		right top;
	padding-right: 16px
}

.feedbackListSubtitle {
	color: #a8a8a8
}

.feedbackListSubtitle a:link, .feedbackListSubtitle a:visited,
	.feedbackListSubtitle a:active {
	color: #21759b;
	font-weight: bold
}

.feedbackListSubtitle a:hover {
	color: #21759b;
	text-decoration: underline
}

.feedbackListSubtitle b {
	color: #21759b
}

.feedbackManage {
	width: 200px;
	text-align: right;
	float: right
}

.feedbackCon {
	border-bottom: 1px solid #eee;
	padding: 10px 20px 10px 5px;
	min-height: 35px;
	_height: 35px;
	margin-bottom: 1em;
	line-height: 1.5
}

#divRefreshComments {
	text-align: right;
	margin-bottom: 10px
}

.commenttb {
	padding: 8px;
	margin-bottom: 10px;
	width: 50%;
	color: #555;
	border: 1px solid #ddd;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	width: 320px
}

.commenttb:hover {
	color: #333;
	border-color: rgba(82, 168, 236, .8);
	outline: 0;
	-webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .075), 0 0 4px
		rgba(82, 168, 236, .6);
	-moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .075), 0 0 4px
		rgba(82, 168, 236, .6);
	box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .075), 0 0 4px
		rgba(82, 168, 236, .6);
	transition: all .4s linear 0s
}

.commentTextBox {
	width: 410px !important;
	margin-top: 10px;
	margin-bottom: 10px
}

.commentTextBox:hover {
	color: #333;
	border-color: rgba(82, 168, 236, .8);
	outline: 0;
	-webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .075), 0 0 4px
		rgba(82, 168, 236, .6);
	-moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .075), 0 0 4px
		rgba(82, 168, 236, .6);
	box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .075), 0 0 4px
		rgba(82, 168, 236, .6);
	transition: all .4s linear 0s
}

#AjaxHolder_PostComment_btnSubmit {
	padding: 8px 20px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	border: none;
	background: #21759b;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;
	transition: all .4s ease;
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
	outline: none;
	text-decoration: none
}

#AjaxHolder_PostComment_btnSubmit:hover {
	background: #333
}

#AjaxHolder_PostComment_divCommnentArea tr {
	margin-top: 10px;
	margin-bottom: 10px
}

.comment_vote {
	padding-right: 10px
}

.comment_vote a {
	color: #999
}

.comment_vote a:hover {
	color: #21759b
}

#commentform_title {
	font: normal normal 16px/35px "Microsoft YaHei";
	margin: 10px 0 30px;
	border-bottom: 2px solid #ccc;
	background-image: none;
	padding: 0
}

#comment_form_container .author {
	padding-left: 10px;
	color: #555;
	border: 1px solid #ddd;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	width: 320px;
	height: 20px;
	background-image: none
}

#comment_form_container p {
	font-size: 14px;
	margin-bottom: 20px
}

.commentbox_title_left {
	font-size: 14px
}

.commentbox_title_right {
	float: left
}

#comment_form_container .comment_textarea {
	width: 362px;
	height: 200px;
	font-size: 13px;
	padding: 8px;
	margin-bottom: 10px;
	color: #555;
	border: 1px solid #ddd;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px
}

#comment_form_container .comment_textarea:hover {
	border-color: rgba(82, 168, 236, .8);
	outline: 0;
	transition: all .4s linear 0s
}

#comment_form_container .comment_textarea:focus {
	outline: 0
}

.comment_btn {
	width: 100px;
	height: 38px;
	padding: 8px 20px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	border: none;
	background: #21759b;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;
	transition: all .4s ease;
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
	outline: none;
	text-decoration: none
}

.comment_btn:hover {
	background: #333
}

.entrylistTitle, .PostListTitle, .thumbTitle {
	margin-bottom: 25px;
	height: 38px;
	line-height: 38px;
	font-size: 16px;
	border-bottom: 2px solid #e6e6e6;
	color: #21759b
}

.entrylistDescription {
	color: #666;
	text-align: right;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
	margin-bottom: 10px
}

.entrylistItem {
	min-height: 20px;
	_height: 20px;
	margin-bottom: 30px;
	padding-bottom: 50px;
	padding-top: 10px;
	width: 100%
}

.entrylistPosttitle {
	padding-left: 15px;
	margin-bottom: 10px;
	border-left: 3px solid #21759b;
	font-size: 20px;
	width: 100%
}

.entrylistPosttitle a:link, .entrylistPosttitle a:visited,
	.entrylistPosttitle a:active {
	color: #21759b;
	transition: all .4s linear 0s
}

.entrylistPosttitle a:hover {
	margin-left: 30px;
	color: #0f3647;
	text-decoration: none
}

.entrylistPostSummary {
	margin-top: 5px;
	margin-bottom: 5px
}

.entrylistItemPostDesc {
	margin-top: 20px;
	text-align: left;
	color: #757575;
	padding-left: 5px
}

.entrylistItemPostDesc a:link, .entrylistItemPostDesc a:visited,
	.entrylistItemPostDesc a:active {
	color: #666
}

.entrylistItemPostDesc a:hover {
	color: #21759b
}

.entrylist .postSeparator {
	clear: both;
	width: 100%;
	font-size: 0;
	line-height: 0;
	margin: 0;
	padding: 0;
	height: 0;
	border: none
}

.divRecentCommentAticle a {
	color: #000
}

.pager {
	text-align: right;
	margin-right: 10px
}

.pager a {
	box-shadow: 0 1px 3px #3671a5;
	border: 1px solid #3671a5;
	background: #3671a5;
	color: #fff;
	transition: all .4s linear 0s
}

.pager a:hover {
	background: #000
}

.PostList {
	border-bottom: 1px solid #ccc;
	clear: both;
	min-height: 1.5em;
	_height: 1.5em;
	padding-top: 20px;
	margin-bottom: 20px;
	padding-bottom: 20px
}

.postTitl2 {
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 14px
}

.postDesc2 {
	color: #666;
	float: right
}

.postText2 {
	clear: both;
	color: #757575
}

.pfl_feedback_area_title {
	text-align: right;
	line-height: 1.5em;
	font-weight: bold;
	margin-bottom: 10px
}

.pfl_feedbackItem {
	border: 1px dashed #ccc;
	padding: 10px;
	border-radius: 3px;
	margin-bottom: 20px
}

.pfl_feedbacksubtitle {
	width: 100%;
	height: 1.5em
}

.pfl_feedbackname {
	float: left
}

.pfl_feedbackname a {
	color: #21759b;
	font-weight: bold
}

.pfl_feedbackManage {
	float: right
}

.pfl_feedbackCon {
	color: #000;
	padding-top: 5px;
	padding-bottom: 5px
}

.pfl_feedbackAnswer {
	color: #f40;
	text-indent: 2em
}

.tdSentMessage {
	text-align: right
}

.errorMessage {
	width: 300px;
	float: left
}

#Profile1_panelAdd input[type=text], #Profile1_txtContent {
	padding: 8px;
	margin-bottom: 10px;
	color: #555;
	border: 1px solid #ddd;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px
}

#Profile1_panelAdd input[type=text]:hover, #Profile1_txtContent:hover {
	color: #333;
	border-color: rgba(82, 168, 236, .8);
	outline: 0;
	-webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .075), 0 0 4px
		rgba(82, 168, 236, .6);
	-moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .075), 0 0 4px
		rgba(82, 168, 236, .6);
	box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .075), 0 0 4px
		rgba(82, 168, 236, .6);
	transition: all .4s linear 0s
}

#Profile1_panelAdd input[type=text]:focus, #Profile1_txtContent:focus {
	outline: 0;
	border-color: rgba(82, 168, 236, .8)
}

#Profile1_panelAdd input[type=submit] {
	padding: 8px 20px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	border: none;
	background: #21759b;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;
	transition: all .4s ease;
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
	outline: none;
	text-decoration: none
}

#Profile1_panelAdd input[type=submit]:hover {
	background: #333
}

.feedbackListSubtitle {
	clear: both;
	color: #a8a8a8;
	padding: 8px 5px
}

.feedbackItem {
	margin-top: 30px
}

.divPhoto {
	border: 1px solid #ccc;
	padding: 2px;
	margin-right: 10px
}

.thumbDescription {
	color: #757575;
	text-align: right;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
	margin-bottom: 30px
}

#footer {
	color: #686868;
	text-align: center;
	min-height: 15px;
	_height: 15px;
	border-top: 1px solid #ededed;
	margin-top: 50px;
	padding-top: 10px;
	margin-bottom: 10px
}

.personInfo {
	margin-bottom: 20px
}

.pages {
	text-align: right
}

.postBody {
	color: #000;
	line-height: 1.7;
	font-size: 14px
}

.postBody p, .postCon p {
	text-indent: 2em;
	margin: 0 auto 1em auto
}

.postBody h2 {
	font-size: 150%;
	margin: 15px auto 2px auto;
	font-weight: bold
}

.postBody h3 {
	font-size: 120%;
	margin: 15px auto 2px auto;
	font-weight: bold
}

.postBody h4 {
	font-size: 110%;
	margin: 15px auto 2px auto;
	font-weight: bold;
	color: #333
}

.postBody h5 {
	font-size: 100%;
	margin: 15px auto 2px auto;
	font-weight: bold;
	color: #333
}

.postBody a:link, .postBody a:visited, .postBody a:active {
	text-decoration: underline
}

.postCon a:link, .postCon a:visited, .postCon a:active {
	text-decoration: underline
}

.postBody ul, .postCon ul {
	margin-left: 2em
}

.postBody li, .postCon li {
	list-style-type: disc;
	margin-bottom: 1em
}

.postBody blockquote {
	background: url('images/comment.gif') no-repeat 25px 0;
	min-height: 35px;
	_height: 35px;
	line-height: 1.6em;
	color: #333
}

.myposts_title {
	font-weight: bold;
	text-align: center
}

#sideBar {
	font-size: 12px
}

#sideBar h3 {
	font-size: 14px
}

.c_b_p_desc {
	font-size: 14px;
	line-height: 1.7
}

#cnblogs_post_body img {
	max-width: 700px
}

@-webkit-keyframes cc {
    from{
        background-position: 0 0;
        transform: translateY(10px);
    }
    to{
        background-position: 600% 0;
    }
}
@-o-keyframes cc {
    from{
        background-position: 0 0;
        transform: translateY(10px);
    }
    to{
        background-position: 600% 0;
    }
}
@-moz-keyframes cc {
    from{
        background-position: 0 0;
        transform: translateY(10px);
    }
    to{
        background-position: 600% 0;
    }
}
@keyframes cc {
    0%{
        background-position: 0 0;
    }
    100%{
        background-position: 600% 0;
    }
}

@keyframes da {
    0%{
        background-position: 0 0;
    }
    100%{
        background-position: 0 600%;
    }
}
@-webkit-keyframes da {
    0%{
        background-position: 0 0;
    }
    100%{
        background-position: 0 600%;
    }
}
@-moz-keyframes da {
    0%{
        background-position: 0 0;
    }
    100%{
        background-position: 0 600%;
    }
}
@-ms-keyframes da {
    0%{
        background-position: 0 0;
    }
    100%{
        background-position: 0 600%;
    }
}




/*\ 隐藏反对*/
.buryit{
  display: none;
}


/* 设置评论框的 内外，样式，屏蔽广告 */
.feedback_area_title {
  padding:10px;
  font-size:24px;
  font-weight:bold;
  color:#aaa;
  border-bottom:1px dashed #ccc;
}
.feedbackListSubtitle {
  font-size:12px;
  color:#888;
}
.feedbackListSubtitle a {
  color:#888;
}
.comment_quote {
  background: #eee;
  padding: 15px;
  border: 1px dashed #aaa;
  border-radius: 5px;
}
#commentform_title {
  color:#aaa;
  background-image:none;
  background-repeat:no-repeat;
  margin-bottom:10px;
  padding:10px 20px 10px 10px;
  font-size:24px;
  font-weight:bold;
  border-bottom:1px dashed #ccc;
}

#tbCommentBody {
  font-family:'MIcrosoft Yahei';
  margin-top:10px;
  background:white;
  color:#333;
  border:2px solid #fff;
  box-shadow:inset 0 0 8px #aaa;
  height:120px;
  font-size:14px;
  min-height:120px;
  border-radius: 10px;
}

#comment_form {
  margin:10px 0;
  padding:25px;
  border-radius: 10px;
  height: 450px;
  overflow: hidden;
}
.commentform {
  margin:10px 0;
  padding:10px 30px;
  background:#fff;
}





/* 导航目录 最多6级*/
.scroller-offset1 {text-indent: 0 /* !important */;}
.scroller-offset2 {text-indent: 1.5em;}
.scroller-offset3 {text-indent: 3em;}
.scroller-offset4 {text-indent: 4.5em;}
.scroller-offset5 {text-indent: 6em;}
.scroller-offset6 {text-indent: 7.5em;}
.nav .active {background-color:#f5f5f5;}

/* 返回顶部的样式 */
#back-to-top {
    background-color: #8bcc99;
    bottom: 10px;
    box-shadow: 0 0 6px #72a072;
    padding: 5px 10px;
    position: fixed;
    right: 445px;
    border-radius: 8px;
    opacity: 0.7;
}