/*CSS Document*/
body{
background:#f5f6f9;
color:#404040;
font:12px -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}
*{padding:0;margin:0}
li{list-style-type:none}
a{text-decoration:none;color:#404040;-webkit-tap-highlight-color:rgba(0,0,0,0);}
input[type="text"]{border:1px solid #ccc;padding-left:5px}
.top{overflow:hidden;width:100%;height:50px;box-shadow:0 1px 3px #ccc;position:fixed;left:0;top:0;z-index:1000;background:#fff;}
.top_nav{width:1200px;margin:0 auto;}
a.logo{float:left;}
.progress{position:fixed;top:50px;left:0;z-index:1001;height:3px;background:#0a74da;}
#header{float:right;}
.nav_title{display:none;text-align:center;height:45px;line-height:45px;padding-top:5px;/*background:#424647;box-shadow:0px 1px 4px #333;*/background:#fff;box-shadow:0px 1px 4px #ccc;}
.nav_btn{position:absolute;right:10px;top:10px;width:30px;height:30px;background: url(https://images.cnblogs.com/cnblogs_com/tnnyang/628190/o_nav_btn1.png) no-repeat center center/20px 20px;}
.nav_title img{height:40px;}
.index{position:absolute;left:10px;top:4px;width:30px;height:25px;text-align:center;}
.index img{height:23px;}
/*header*/
#navigator{height:50px;line-height:50px;/*background:#424647;*/overflow:hidden;}
#navigator #navList{float:left;margin-right:150px;}
#navigator .blogStats{float:right;font-size:16px;text-align:right;width:235px;}
#navigator ul li{float:left;width:100px;text-align:center;overflow:hidden;height:50px;}
#navigator ul li a{display:block;font-size:16px;margin-top:0;transition:0.3s cubic-bezier(0.1, 0.1, 0.5, 1.4);}
#navigator li a:after{content:attr(data-text);display:block;color:#fff;}
#navigator ul li a:hover{background:#8d8f8e;color:#fff;margin-top:-50px;}
#navigator ul li:first-child{display:none;}
/*sideBar*/
#sideBar a:hover{text-decoration:underline;}
.js_nav{display:none;}
.catListTitle{margin-top:8px;}
.catListImageCategory{display:none;}
#TopDiggPostsBlock{padding-bottom:15px;}
/*main*/
#home{overflow: hidden;}
.snow_main{width:1200px;margin:0 auto;position:relative;}
#main{overflow:hidden;width:1200px;margin:65px auto 15px;border-radius:3px;}
#mainContent{float:left;width:73.2%;padding:0 20px 30000px;background:#fff;margin-bottom:-30000px;border-radius:3px;}
.dayTitle{display:none}
.postTitle, .entrylistPosttitle{margin:30px 0;background:url(https://images.cnblogs.com/cnblogs_com/tnnyang/628190/o_55.gif) no-repeat 0 10px;padding-left:24px;font-size:20px;font-weight:bold;}
/*.postTitle a:hover{color:#d87426;background:url(https://images.cnblogs.com/cnblogs_com/tnnyang/628190/o_hover.gif) repeat-x left bottom;padding-bottom:5px}*/
.c_b_p_desc{font-size:14px;line-height:25px;color:#666;}
.c_b_p_desc a:hover,.postDesc a:hover{text-decoration:underline;}
.c_b_p_desc p.desc_img_parent{float:right;overflow:hidden;width:350px;height:230px;margin-left:15px;border-radius:3px;}
.c_b_p_desc img{transition:all 0.3s ease-out 0s;width:350px;height:230px;}
.c_b_p_desc img:hover{transform:scale(1.2,1.2);}
.postDesc, .entrylistItemPostDesc{float:right;margin:15px 0;color:#999}
.postDesc a, .entrylistItemPostDesc a, .postDesc2{color:#999;}
.postBody #MySignature{margin-top:70px;padding:20px 20px 20px 70px;line-height:25px;border:1px dotted #f56464;border-radius:6px;background:url(https://images.cnblogs.com/cnblogs_com/tnnyang/628190/o_warning.jpg) no-repeat 10px 33px;}
#cnblogs_post_body img{max-width:870px;}
#cnblogs_post_body a{color:#19add8;}
#cnblogs_post_body a:hover{text-decoration:underline;}
#sideBar{float:right;width:19%;padding:21px 20px 30000px;margin-bottom:-30000px;line-height:25px;background:#fff;border-radius:3px;}
.jiaoliu{border:1px solid #ccc;padding:30px 0 10px 12px;margin:20px 0;position:relative;}
.jiaoliu p{position:absolute;top:-13px;left:10px;background:#fff;width:60px;text-align:center}
.jiaoliu ul li{margin-bottom:10px}
.jiaoliu ul li span{float:left}
#cnblogs_post_body{font-size:14px;line-height:25px;}
.topicListFooter{margin-bottom:20px;}
.post .postDesc{margin:0;}
.cnblogs-markdown code, .cnblogs-post-body code{background: #f5f5f5;border: 1px solid #ccc;font-family: "Courier New", sans-serif;padding: 5px;line-height: 1.5}
/*pager*/
.pager{color:#424647}
.pager a{border-color:#424647;color:#424647}
/*footer*/
#footer{background:#424647;height:50px;line-height:50px;text-align:center;color:#fff;}
.back{position:fixed;left:50%;cursor:pointer;margin-left:605px;width:38px;height:38px;text-align:center;overflow:hidden;border-radius:50%;font-size:10px;display:block;}
.back:after, a#tobottom:before{display:block;}
.back:hover img, a#tobottom:hover::before{transition:0.3s cubic-bezier(0.1, 0.1, 0.5, 1.4);}
/*totop*/
a#totop{bottom:70px;}
a#totop:after{content:"回到\A顶部";color:#fff;margin-top:4px;}
a#totop:hover:after{margin-top:-11px;}
a#totop:hover{background:#6c6d71;}
a#totop img{transition:all 0.3s;}
a#totop:hover img{margin-top:-36px;}
/*tobottom*/
a#tobottom{top:70px;}
a#tobottom:before{content:"回到\A底部";color:#6c6d71;margin-top:-30px;}
a#tobottom:hover{background:#fff;}
a#tobottom:hover::before{margin-top:4px;}
input.btn_my_zzk{border:1px solid #ccc;cursor:pointer;}
/*评论列表*/
.feedback_area_title{font-size:16px;margin-bottom:15px;}
.feedbackListSubtitle{position:relative;}
.feedbackManage{text-align:right;position:absolute;top:0;right:0;}
.feedbackItem{border:1px solid #efefef;margin-bottom:10px;padding:10px;}
.feedbackCon{margin-top:15px;}
.comment_actions a, .comment_vote a{color:#999;}
.comment_actions a:hover, .comment_vote a:hover{color:#000;}
.comment_vote{display:none;}
.sendMsg2This:link, .sendMsg2This:visited, .sendMsg2This:active{display:inline-block;position:relative;top:-3px;}
.sendMsg2This:hover{top:0;}
#commentform_title{font-size:16px;margin:30px 0 20px 0;}
/*other*/
div.commentform textarea{padding:1%;}
.c_ad_block, #ad_t2{display:none;}
.commentbox_main{margin-top:10px;}
.entrylistItem{overflow:hidden;}
.entrylistTitle, .PostListTitle{margin-top:20px;}
.postTitl2{font-size:18px;margin:20px 0 10px;}
.postTitl2 a:hover{text-decoration:underline;}
.Pager{text-align:center;margin-top:30px;}
.postText2{margin-top:10px;color:#999;}
.postText2 a{color:#999;}
.PostList{margin-bottom:30px;}
#post_next_prev{margin-bottom:30px;}
#comment_nav{display:none;}
/*赞赏*/
.reward{position:fixed;left:50%;top:220px;cursor:pointer;margin-left:-660px;font-size:15px;color:#969696;}
.reward-txt{width:50px;text-align:center;}
.reward-txt p{background:#fff;width:50px;height:50px;line-height:50px;border-radius:50%;font-size:18px;margin-bottom:5px;-wekit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);-moz-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);-o-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);-ms-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);}
.reward-img{position:absolute;left:60px;top:50%;/*margin-top:-105px;*/margin-top:-97px;width:340px;height:188px;-wekit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.5);-moz-box-shadow: 0 2px 12px 0 rgba(0,0,0,.5);-o-box-shadow: 0 2px 12px 0 rgba(0,0,0,.5);-ms-box-shadow: 0 2px 12px 0 rgba(0,0,0,.5);box-shadow: 0 2px 12px 0 rgba(0,0,0,.5);border-radius:6px;background:#fff;display:none;}
.reward-img span{float:left;width:150px;margin:10px;text-align:center;}
.reward-img img{border-radius:6px;width:150px;display:block;}
.reward-img::before{content: "";width: 0px;height: 0px;border-top:8px solid transparent;border-right: 8px solid;border-bottom: 8px solid transparent;position: absolute;margin-left: -8px;margin-top:85px;border-right-color: #fff;}
/*响应式*/
@media screen and (max-width:1400px){
#main, .snow_main,.top_nav{width:1000px;}
#mainContent{float:left;width:71.6%;}
.reward{margin-left:-560px;}
.back{margin-left:505px;}
#navigator #navList{margin-right:40px;}
}
@media screen and (max-width:1200px){
body{background:#f5f6f9 !important;}
#main, .snow_main{width:100%;}
#sideBar, .back, .spring_flower_container{display:none;}
#mainContent{width:94%;padding:10px 3% 20px;float:none;margin:0;}
.top_nav{width:95%;}
/*#navigator .blogStats{display:none;}*/
#navigator #navList{margin:0;}
#navigator ul li{width:90px;}
#cnblogs_post_body img{max-width:100% !important;}
#cnblogs_post_body .cnblogs_code_copy img{width:20px;}
.cnblogs-markdown code{height:auto;}
}
@media screen and (max-width:890px){
.blogStats{display:none;}
}
@media screen and (max-width:768px){
/*a.logo{text-align:center;}
a.logo img{width:40%;}*/
.top{display:none;}
#home{position:relative;}
#main{margin-top:50px;}
.c_b_p_desc p.desc_img_parent{width:50%;}
.c_b_p_desc p.desc_img_parent img{max-width:100% !important;}
.c_b_p_desc img:hover{transform:none;}
#navigator{position:fixed;top:51px;right:0;z-index:11;width:40%;height:auto;border-radius:0;background:#fff;display:none;box-shadow:0px 2px 3px #999;overflow:inherit;}
#navigator:before{content:'';border-color:transparent transparent #ccc transparent;border-style:dashed dashed solid dashed;border-width:8px;width:0;height:0;overflow:hidden;position:absolute;right:17px;top:-16px;z-index:12;}
#navigator:after{content:'';border-color:transparent transparent #fff transparent;border-style:dashed dashed solid dashed;border-width:10px;width:0;height:0;overflow:hidden;position:absolute;right:15px;top:-17px;z-index:12;}
#navigator ul li{float:none;border-bottom:1px solid #e9e9e9;width:100%;}
#navigator ul li:last-child{border:0;}
#navigator ul li a{color:#000;}
#navigator li a:after{content:"";}
#navigator ul li a:hover{margin:0;background:none;}
#navigator #navList{float:none;}
#navigator ul li:nth-child(2){border-radius:0;}
a.logo{display:none;}
.nav_title{display:block;position:fixed;left:0;top:0;width:100%;z-index:10;border-bottom:1px solid #ccc;}
.commentbox_title, div.commentform textarea{width:98%;}
.postTitle a:hover{text-decoration:none;}
#footer{margin:0;}
}
@media screen and (max-width:500px){
.postTitle{background:none;padding:0;margin:20px 0;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:28px;}
.c_b_p_desc{text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
.c_b_p_desc p.desc_img_parent{width:100%;float:none;margin:5px 0 0;height:auto;}
.c_b_p_desc p.desc_img_parent img{max-width:100% !important;width:100%;float:none;}
#green_channel{width:100%;}
#green_channel a{margin-right:3px;}
.postDesc{float:none;font-size:12px;margin:8px 0 20px;}
.c_b_p_desc_readmore{display:none;}
}
/*花瓣*/
/*没用采用position: fixed这种固定方式是因为采用这种方式后，当窗口缩小时会将两边飘落花瓣的动画模块置于网站主体模块的上方，体验不好*/
.spring_flower_container {position: absolute;top: -15px;bottom: 0;}
.spring_flower_container .flower_dot_rotate {
	animation: spring_flower_rotate 3s linear 1.5s infinite ;
	-moz-animation: spring_flower_rotate 3s linear 1.5s infinite ;
	-webkit-animation: spring_flower_rotate 3s linear 1.5s infinite ;
	-o-animation: spring_flower_rotate 3s linear 1.5s infinite ;
}
@keyframes spring_flower_rotate {
	0% {transform:rotate(0deg);}
	70%   {transform:rotate(360deg);}
	100%   {transform:rotate(360deg);}
}
@-moz-keyframes spring_flower_rotate {
	0% {-moz-transform:rotate(0deg);}
	70%   {-moz-transform:rotate(360deg); }
	100%   {-moz-transform:rotate(360deg); }
}
@-ms-keyframes spring_flower_rotate {
	0% {-ms-transform:rotate(0deg);}
	70%   {-ms-transform:rotate(360deg);}
	100%   {-ms-transform:rotate(360deg);}
}
@-webkit-keyframes spring_flower_rotate {
	0% {-webkit-transform:rotate(0deg);}
	70%   {-webkit-transform:rotate(360deg);}
	100%   {-webkit-transform:rotate(360deg);}
}
@-o-keyframes spring_flower_rotate {
	0% {-o-transform:rotate(0deg);}
	70%   {-o-transform:rotate(360deg);}
	100%   {-o-transform:rotate(360deg);}
}
#spring_flower_left {background: url(https://images.cnblogs.com/cnblogs_com/tnnyang/628190/o_flower_dot14.png) no-repeat;left: -395px;width: 380px;height:233px;}
#spring_flower_right {background: url(https://images.cnblogs.com/cnblogs_com/tnnyang/628190/o_flower_dot13.png) no-repeat;right: -290px;width: 276px;height:115px;}
#spring_flower_right .fu_lantern_animation {
	transform-origin:50% 0;
	-ms-transform-origin:50% 0;
	-moz-transform-origin:50% 0;
	-webkit-transform-origin:50% 0;
	-o-transform-origin:50% 0;

	animation: spring_latren 2s infinite alternate ease-in-out;
	-moz-animation: spring_latren 2s infinite alternate ease-in-out;
	-webkit-animation: spring_latren 2s infinite alternate ease-in-out;
	-o-animation: spring_latren 2s infinite alternate ease-in-out;
}
@keyframes spring_latren {
	from {transform:rotate(-20deg);}
	to   {transform:rotate(20deg);}
}
@-moz-keyframes spring_latren {
	from {-moz-transform:rotate(-20deg);}
	to   {-moz-transform:rotate(20deg); }
}
@-ms-keyframes spring_latren {
	from {-ms-transform:rotate(-20deg);}
	to   {-ms-transform:rotate(20deg);}
}
@-webkit-keyframes spring_latren {
	from {-webkit-transform:rotate(-20deg);}
	to   {-webkit-transform:rotate(20deg);}
}
@-o-keyframes spring_latren {
	from {-o-transform:rotate(-20deg);}
	to   {-o-transform:rotate(20deg);}
}
#spring_flower_right .big_lantern {
	position: absolute;
	left: 0;
	top:74px;
	width: 77px;
	height: 163px;
	background: url(https://images.cnblogs.com/cnblogs_com/tnnyang/628190/o_flower_dot8.png) no-repeat;
}
#spring_flower_right .small_lantern {
	position: absolute;
	left: 94px;
	top:88px;
	width: 68px;
	height: 173px;
	background: url(https://images.cnblogs.com/cnblogs_com/tnnyang/628190/o_flower_dot11.png) no-repeat;
}
#poweredby{display:none;}