body{
/*background: #F9F9F9 url(//images.cnblogs.com/cnblogs_com/fengqingyangNo1/1770530/t_200521152847bg.png?t=1590074936757);*/
}

/* Keyframes */
@-webkit-keyframes fill {
  0% {
    width: 0%;
    height: 1px;
  }
  50% {
    width: 100%;
    height: 1px;
  }
  100% {
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, #d511ea 0, #2714ff 100%);
  }
}

#navigator{
    z-index: 9999999;
    box-shadow: 0px 0px 4px #dedede;
    height: 65px;
    background: #ffffff;
    width: 100%;
    position: relative;
}
#navigator:before{
    display: block;
    height: 5px;
    content: "";
    background: url(https://blog-static.cnblogs.com/files/fengqingyangNo1/ea3.gif) no-repeat center top;
    bottom: 0px;
    width: 100%;
    padding: 0;
    background-size: 100% 2px;
   position: absolute;
}

#navList {
    min-height: 30px;
    float: left;
    position: relative;
    padding: 0 20px;
    background-color: #ffffff;
    color: #fff;
    border-radius: 2px;
    font-size: 0;
    box-sizing: border-box;
}

#navList li{
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    line-height: 60px;
}

#navList li a:not(#blog_nav_rss_image){
    color: #333;
    display: block;
    padding: 0 20px;
    -webkit-transition: all .3s;
    width: 100%;
    height: 100%;
    line-height: 60px;
    text-align: center;
    font-size: 20px;
    transition: ease-in-out 0.2s;
    transition: all 2s;
   position: relative;
}

#navList li a:after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 0%;
    content: '.';
    color: transparent;
    background: #aaa;
    height: 1px;
}

#navList li a:after {
  text-align: left;
  content: '.';
  margin: 0;
  opacity: 0;
}

#navList li a:hover {
  color: #fff!important;
  z-index: 1;
  text-decoration: none;
}

#navList li a:hover:after {
  z-index: -10;
  animation: fill 1s forwards;
  -webkit-animation: fill 1s forwards;
  -moz-animation: fill 1s forwards;
  opacity: 1;
}

#blog_nav_rss_image{display:none;}

.blogStats{
    line-height: 45px;
    font-size: 14px;
   padding-right: 55px;
}

@-webkit-keyframes searchLights {
	0% {
		left: -75pt;
		top: 0
	}
	to {
		left: 90pt;
		top: 75pt
	}
}

@keyframes searchLights {
	0% {
		left: -75pt;
		top: 0
	}
	to {
		left: 90pt;
		top: 75pt
	}
}

#topics .postTitle{
     margin: 1em 0 .6em 5px;
     position: relative;
    height: 120px;
    color: #ffffff;
    background-image: linear-gradient(90deg, #563ee2 0%, #8339bc 100%);
}

#topics .postTitle a{
    padding-left: 15px;
    color: #ffffff;
    line-height: 120px;
    font-size: 32px;
}

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

#topics .postTitle a:before {
    content: "";
    position: absolute;
    left: -665px;
    top: -460px;
    width: 220px;
    height: 15px;
    background-color: hsla(0,0%,100%,.5);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: searchLights 1s ease-in 1s infinite;
    animation: searchLights 1s ease-in 1s infinite;
}

#cnblogs_post_body h2:before, 
#cnblogs_post_body h3:before, 
#cnblogs_post_body h4:before{
	position: absolute;
	content: "";
	left: -5px;
	top: 0;
	bottom: 0;
	width: 5px;
	border-radius: 2px;
	box-shadow: 
		inset 0 1px 1px rgba(0,0,0,0.5), 
		0 1px 1px rgba(255,255,255,0.3);
         background: #0AF;
    
}

#cnblogs_post_body h2:after, 
#cnblogs_post_body h3:after, 
#cnblogs_post_body h4:after {
       position: absolute;
       content: "";
       z-index: -1;
       top: 10px;
       left: 0;
      height: 100%;
      width: 100%;
      opacity: 0.3;
     -webkit-filter: blur(14px);
     filter: blur(14px);
     border-radius: 4px;
     background: #EB5F00;
     background: transparent\9;
}


#cnblogs_post_body h2:after { background: #0AF; }
#cnblogs_post_body h3:after { background: #3BF; }
#cnblogs_post_body h4:after { background: #6Cf; }

#cnblogs_post_body h1:hover, 
#cnblogs_post_body h2:hover{
       box-shadow: 1px 1px 25px 10px rgba(146, 148, 248, 0.4);
}

#cnblogs_post_body h1:hover:before, 
#cnblogs_post_body h2:hover:before{
  left: 100%;
}

#cnblogs_post_body h1 {
	font-size: 36px;
	line-height: 40px;
	margin: 1em 0 .6em 5px;
	font-weight: normal;
	color: white;
	font-family: 'Hammersmith One', sans-serif;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
	position: relative;
	color: #6Cf;
}

#cnblogs_post_body h2 {
	margin: 1rem 0 .6rem 5px;
	padding: .25rem 0 .25rem 20px;
	font-weight: normal;
	color: white;
	font-family: 'Hammersmith One', sans-serif;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
	position: relative;
	font-size: 18px;
	line-height: 40px;
        background-image: linear-gradient(90deg, #563ee2 0%, #8339bc 100%);
}

#cnblogs_post_body h3 {
	margin: 1em 0 .6em 5px;
	padding: 0 0 0 20px;
	font-weight: normal;
	color: white;
	font-family: 'Hammersmith One', sans-serif;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
	position: relative;
	font-size: 24px;
	line-height: 40px;
	font-family: 'Questrial', sans-serif;
       background-image: linear-gradient(90deg, #563ee2 0%, #8339bc 100%);
}

#cnblogs_post_body h4 { 
	margin: 1em 0 .6em 5px;
	padding: 0 0 0 20px;
	font-weight: normal;
	color: white;
	font-family: 'Hammersmith One', sans-serif;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
	position: relative;
	font-size: 18px;
	line-height: 20px;
	font-family: 'Questrial', sans-serif;
       background-image: linear-gradient(90deg, #563ee2 0%, #8339bc 100%);
}

#cnblogs_post_body.blogpost-body  p{ margin:1rem 0; display:block; line-height:1.5; }  
#cnblogs_post_body.blogpost-body ul{  padding-left: 0px;   list-style: none;}
#cnblogs_post_body.blogpost-body ul li {  line-height: 24px;  margin-bottom: 10px;  position: relative;  padding-left: 30px;  -webkit-transition: all 0.3s ease 0s;  -moz-transition: all 0.3s ease 0s;  -o-transition: all 0.3s ease 0s;  transition: all 0.3s ease 0s; list-style-type: none;}
#cnblogs_post_body.blogpost-body ul li:hover {  padding-left: 40px;}
#cnblogs_post_body.blogpost-body ul li:before{  content: '';  position: absolute;  left: 4px;  top: 10px;  width: 8px;  height: 8px;  background: #7731FF;  -webkit-border-radius: 100px;  -moz-border-radius: 100px;  border-radius: 100px;  z-index: 2;}
#cnblogs_post_body.blogpost-body ul li:after {  content: '';  position: absolute;  left: 0px;  top: 6px;  width: 16px;  height: 16px;  background: #7731FF59;  -webkit-border-radius: 100px;  -moz-border-radius: 100px;  border-radius: 100px;  z-index: 1;}
#cnblogs_post_body.blogpost-body ol{ counter-reset: ol-counter; }
#cnblogs_post_body.blogpost-body ol li{ display:-webkit-box;  display:-ms-flexbox;  display:flex; margin-bottom:10px; }
#cnblogs_post_body.blogpost-body ol li:before { counter-increment: ol-counter;  content: "0" counter(ol-counter); display:block; color:#1E1E5A; font-size:20px; line-height:30px; margin-right:10px; }
#cnblogs_post_body.blogpost-body blockquote{ margin-bottom:30px;  margin-top:30px; width:60%; margin-left:15px; font-size:18px;padding: 10px 5px; }
#cnblogs_post_body.blogpost-body blockquote:before{ background-image:url(https://www.sipios.com/hubfs/Intro.svg); height:3px; display:block; content:""; background-repeat: no-repeat; margin-bottom:10px; }
#cnblogs_post_body.blogpost-body blockquote:after{ height:3px; display:block; content:""; background-position:right; background-repeat: no-repeat; margin-top:10px; }
#cnblogs_post_body.blogpost-body { margin-bottom:15px; }


#MySignature {
     color: #ffffff;
    display: block;
    background: -webkit-radial-gradient(top left,circle,#4a42ec 0%,#521d91 100%);
    background: radial-gradient(circle at top left,#4a42ec 0%,#521d91 100%);
    background-color: #521d91;
    box-shadow: 0 48px 48px -32px rgba(23,16,159,.2), 0 96px 96px -64px rgba(23,16,159,.4);
    margin-bottom: 64px;
    border-radius: 8px;
    padding: 32px;
    margin-top: 60px;
    margin-bottom: 60px;
    position: relative;
}
#MySignature:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 32px;
    height: 32px;
    border-radius: 2000px;
    background: #ff4a9e;
    top: -16px;
    left: 64px;
}
#MySignature  a,#MySignature span{
    color:#ffffff!important;
}

#MySignature #green_channel_follow:hover{
   text-decoration: none;
}

#author_profile {
     float: right;
}


.author_avatar{
     margin-bottom: 10px;
     border-radius: 50%;
     max-width: 130px;
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

img.author_avatar:hover {
    -webkit-transform: rotate(360deg);
    animation: rotation 3s linear infinite;
    -moz-animation: rotation 3s linear infinite;
    -webkit-animation: rotation 3s linear infinite;
    -o-animation: rotation 3s linear infinite;
}



#green_channel {
   padding:5px 0 15px;
   margin-bottom:10px;
   margin-top:10px;
   border:0;
   border-top:#eee 1px dashed;
   border-bottom:#eee 1px dashed;
   font-size:12px;
   width:100%!important;
   text-align:center;
   display:inline-block;
   vertical-align:middle
 }
a#green_channel_digg,a#green_channel_favorite,a#green_channel_follow,a#green_channel_wechat,a#green_channel_weibo {
  text-decoration:none;
  color:#fff;
  margin:10px auto auto;
  /*width:80px;*/
  height:30px;
  display:inline-block;
  line-height:30px;
  font-size:12px;
  font-weight:500;
  letter-spacing:2px;
  border-radius:3px;
  text-transform:uppercase;
  transition:all .4s;
  -webkit-transition:all .4s;
  -moz-transition:all .4s;
  -ms-transition:all .4s;
  -o-transition:all .4s;
  position:relative;
  background-image:none
}
a#green_channel_digg:hover,a#green_channel_favorite:hover,a#green_channel_follow:hover,a#green_channel_wechat:hover,a#green_channel_weibo:hover {
  transform:scale(1.02,1.02)
}
a#green_channel_digg:active,a#green_channel_favorite:active,a#green_channel_follow:active,a#green_channel_wechat:active,a#green_channel_weibo:active {
  transform:scale(.95,.95);
  transition:all .4s -125ms
}
a#green_channel_digg {
  background-color:#5c8ec6;
  box-shadow:0 15px 18px -6px rgba(95,193,206,.65)
}
a#green_channel_follow {
  background-color:#e33100!important;
  box-shadow:0 15px 18px -6px rgba(227,49,0,.65);
  margin-left:10px
}
a#green_channel_favorite {
  background-color:#ffb515;
  box-shadow:0 15px 18px -6px rgba(255,198,75,.65);
  margin-left:10px
}
a#green_channel_weibo {
  background-color:#ff464b!important;
  box-shadow:0 15px 18px -6px rgba(255,70,75,.65)!important;
  margin-left:10px;
  width:45px
}
a#green_channel_wechat {
  background-color:#3cb034!important;
  box-shadow:0 15px 18px -6px rgba(60,176,52,.65)!important;
  margin-left:10px;
  width:45px
}
#author_profile_info img.author_avatar {
  border-radius:100%;
  box-shadow:inset 1px 1px 3px rgba(0,0,0,.3),0 1px 3px rgba(0,0,0,.4);
  border:3px solid #f7f7f7;
  padding:0;
  margin-left:3px;
  margin-right:7px
}
div#green_channel img {
  height:20px;
  width:20px
}
@keyframes beating {
  0%,100%,30%,70% {
    transform:scale(1)
  }
  20%,50% {
    transform:scale(1.6)
  }
}.essaySuffix-eof {
   font-weight:700;
   font-size:16px;
   text-align:center;
   color:#ddd;
   text-indent:0
 }
.essaySuffix-box {
  font-family:Microsoft YaHei,微软雅黑,MicrosoftJhengHei,华文细黑,STHeiti,MingLiu;
  font-size:14px;
  background:#f8f9fb!important;
  padding:17px;
  border:1px solid #edeef2!important;
  border-radius:3px;
  color:#414857;
  text-indent:0
}
.essaySuffix-box-left {
  width:15%;
  float:left
}
.essaySuffix-box-left img {
  width:80%;
  max-height:80%;
  border:1px solid #ccc;
  padding:5px;
  margin:0!important
}
.essaySuffix-box-right {
  width:85%;
  float:right
}
.essaySuffix-right-title {
  font-weight:700;
  white-space:nowrap
}

#blog_post_info #green_channel #green_channel_digg,#blog_post_info #green_channel #green_channel_follow,#blog_post_info #green_channel #green_channel_favorite{
  text-decoration: none;
  width: 80px;
}

/*评论*/
.comment_btn, #commentbox_opt a{
    font-weight: 900;
    font-size: 12px;
    line-height: 28px;
    color: #fff!important;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 100px;
    padding: 8px 20px;
    -webkit-box-pack: center;
    justify-content: center;
    align-self: flex-start;
    border: none;
    margin-bottom: 16px;
    -webkit-transition: 300ms all cubic-bezier(.4,0,.2,1);
    transition: 300ms all cubic-bezier(.4,0,.2,1);
    height: 58px;
    width: 128px;
    font-size: 15px;
    padding: 12px 32px;
    background: -webkit-linear-gradient(330deg,rgba(255,74,158,0) 0%,#ff3190 100%);
    background: linear-gradient(120deg,rgba(255,74,158,0) 0%,#ff3190 100%);
    background-color: #ff4ac2;
    cursor: pointer;
}
.comment_btn:hover, #commentbox_opt a:hover {
    background-color: #5c55ee;
    box-shadow: 0 12px 24px -6px rgba(74,66,236,.2);
}
#commentbox_opt a{
     width: 58px;
    text-align: center;
    height: 32px;
    display: inline-block;
}

#commentbox_opt a:hover{
    text-decoration: none;
}

#comment_form .comment_textarea{
  width: 100%;
}