<style>
body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dl,
dt,
dd {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 12px;
  color: black;
  font-family: '微软雅黑';
}
body {
padding-top:30px;
}
#cnblogs_post_body {
margin-bottom: 120px;
}
p a span:hover {
}
.feedbackListSubtitle {
color: white;
}
.feedbackCon {
color: white;
}
span {
line-height: 30px;
}
#post_next_prev a{
color:black
}
.pager {
color: white;
font-weight:700;
}
.pager a {
color: white;
}
.buryit{
border:1px solid #ccc;
}
#cb_post_title_url {
color:black;
}
a {
  text-decoration: none;
  color: #ffffff;
}
img,
input,
textarea {
  padding: 0;
  border: 0 none;
  outline-style: none;
  vertical-align: bottom;
}
.clearfix::after {
  content: "";
  height: 0;
  line-height: 0;
  display: block;
  overflow: hidden;
  clear: both;
}
.clearfix {
  zoom: 1;
}
@media only screen and (width: 320px) {
  html {
    font-size: 16px;
  }
}
@media only screen and (width: 375px) {
  html {
    font-size: 18.75px;
  }
}
@media only screen and (width: 414px) {
  html {
    font-size: 20.7px;
  }
}
@media only screen and (width: 568px) {
  html {
    font-size: 28.4px;
  }
}
@media only screen and (width: 667px) {
  html {
    font-size: 33.35px;
  }
}
@media only screen and (width: 736px) {
  html {
    font-size: 36.8px;
  }
}
@media only screen and (width: 812px) {
  html {
    font-size: 40.6px;
  }
}
@media only screen and (width: 1024px) {
  html {
    font-size: 51.2px;
  }
}
@media only screen and (width: 1250px) {
  html {
    font-size: 62.5px;
  }
}
body {
  margin: 20px auto;
  background: linear-gradient(to bottom, #000000 0%, #161616 20%, #000144 75%, #000000 95%, black 100%);
  background-repeat: no-repeat;
}
body::after {
  background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 32%, rgba(255, 255, 255, 0) 33%) 0 0, radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.1) 11%, rgba(255, 255, 255, 0.3) 13%, rgba(255, 255, 255, 0) 14%) 0 0, radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 17%, rgba(255, 255, 255, 0.43) 19%, rgba(255, 255, 255, 0) 20%) 0 110px, radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 11%, rgba(255, 255, 255, 0.4) 13%, rgba(255, 255, 255, 0) 14%) -130px -170px, radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 11%, rgba(255, 255, 255, 0.4) 13%, rgba(255, 255, 255, 0) 14%) 130px 370px, radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.1) 11%, rgba(255, 255, 255, 0.2) 13%, rgba(255, 255, 255, 0) 14%) 0 0;
  background-size: 470px 470px, 970px 970px, 410px 410px, 610px 610px, 530px 530px, 730px 730px, 100% 100%;
}
#home {
  width: 800px;
  margin: 0 auto;
}
.title {
  height: 150px;
  font-size: 74px;
  font-family: '宋体';
}
.diggit {
border:1px solid #ccc;
color:black;
}
.diggit a{
color:black;
}
.title #Header1_HeaderTitle::after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 150px;
  top: 0;
  left: 0;
  opacity: 0.5;
}
.kissbgpng {
  display: block;
  height: 300px;
  position: fixed;
  bottom: 0;
  z-index: 0;
  opacity: 0;
  animation: change2 3s cubic-bezier(0.3, 0.01, 0.46, 0.23) forwards 1s;
}
.kisslolpng {
  display: block;
  height: 300px;
  position: fixed;
  top: 100px;
  right: 100px;
  z-index: 0;
  opacity: 0;
  transform: scale(0.6);
  animation: change3 3s cubic-bezier(0.3, 0.01, 0.46, 0.23) forwards 1s;
}
.paopaos {
  position: fixed;
  left: 0px;
  bottom: 0;
}
.paopaos .paopao1 {
  position: absolute;
  bottom: -200px;
  left: 30px;
  width: 50px;
  height: 50px;
  opacity: 1;
  background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
  animation: change1 5s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 0s;
}
.paopaos .paopao2 {
  position: absolute;
  bottom: -200px;
  left: 180px;
  width: 50px;
  height: 50px;
  opacity: 1;
  background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
  animation: change1 5s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 0.5s;
}
.paopaos .paopao3 {
  position: absolute;
  bottom: -200px;
  left: 130px;
  width: 200px;
  height: 200px;
  opacity: 1;
  background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
  animation: change1 3s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 3s;
}
.paopaos .paopao4 {
  position: absolute;
  bottom: -200px;
  left: 30px;
  width: 150px;
  height: 150px;
  opacity: 1;
  background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
  animation: change1 4s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 0.5s;
}
.paopaos .paopao5 {
  position: absolute;
  bottom: -200px;
  left: 10px;
  width: 120px;
  height: 120px;
  opacity: 1;
  background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
  animation: change1 4.5s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 1s;
}
.paopaos .paopao6 {
  position: absolute;
  bottom: -200px;
  left: 300px;
  width: 80px;
  height: 80px;
  opacity: 1;
  background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
  animation: change1 3.5s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 0.7s;
}
.paopaos .paopao7 {
  position: absolute;
  bottom: -200px;
  left: -20px;
  width: 100px;
  height: 100px;
  opacity: 1;
  background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
  animation: change1 3.8s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 2s;
}
.paopaos .paopao8 {
  position: absolute;
  bottom: -200px;
  left: 100px;
  width: 170px;
  height: 170px;
  opacity: 1;
  background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
  animation: change1 3.2s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 0.3s;
}
.paopaos .paopao9 {
  position: absolute;
  bottom: -200px;
  left: 80px;
  width: 50px;
  height: 50px;
  opacity: 1;
  background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
  animation: change1 5s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 1.1s;
}
.paopaos .paopao10 {
  position: absolute;
  bottom: -200px;
  left: 130px;
  width: 50px;
  height: 50px;
  opacity: 1;
  background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
  animation: change1 5s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 0.2s;
}
.paopaos .paopao11 {
  position: absolute;
  bottom: -200px;
  left: 90px;
  width: 200px;
  height: 200px;
  opacity: 1;
  background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
  animation: change1 3s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 3.2s;
}
.paopaos .paopao12 {
  position: absolute;
  bottom: -200px;
  left: -30px;
  width: 150px;
  height: 150px;
  opacity: 1;
  background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
  animation: change1 4s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 5.3s;
}
.paopaos .paopao13 {
  position: absolute;
  bottom: -200px;
  left: -50px;
  width: 120px;
  height: 120px;
  opacity: 1;
  background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
  animation: change1 4.5s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 4s;
}
.paopaos .paopao14 {
  position: absolute;
  bottom: -200px;
  left: 80px;
  width: 80px;
  height: 80px;
  opacity: 1;
  background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
  animation: change1 3.5s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 0.6s;
}
.paopaos .paopao15 {
  position: absolute;
  bottom: -200px;
  left: -20px;
  width: 100px;
  height: 100px;
  opacity: 1;
  background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
  animation: change1 3.8s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 7.5s;
}
.paopaos .paopao16 {
  position: absolute;
  bottom: -200px;
  left: 100px;
  width: 170px;
  height: 170px;
  opacity: 1;
  background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
  animation: change1 3.2s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 3.8s;
}
.paopaos .paopao17 {
  position: absolute;
  bottom: -200px;
  left: 130px;
  width: 70px;
  height: 70px;
  opacity: 1;
  background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
  animation: change1 4.2s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 0s;
}
.paopaos .paopao18 {
  position: absolute;
  bottom: -200px;
  left: 330px;
  width: 60px;
  height: 60px;
  opacity: 1;
  background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
  animation: change1 4.8s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 2.5s;
}
.paopaos .paopao19 {
  position: absolute;
  bottom: -200px;
  left: 180px;
  width: 50px;
  height: 50px;
  opacity: 1;
  background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
  animation: change1 5s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 5.2s;
}
.paopaos .paopao20 {
  position: absolute;
  bottom: -200px;
  left: -20px;
  width: 60px;
  height: 60px;
  opacity: 1;
  background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
  animation: change1 5s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 7.3s;
}
.paopaos4 {
  width: 300px;
  position: fixed;
  right: -50px;
  bottom: 0;
}
.paopaos4 .paopao1 {
  position: absolute;
  bottom: -200px;
  left: 30px;
  width: 50px;
  height: 50px;
  opacity: 1;
  background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
  animation: change1 5s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 0.7s;
}
.paopaos4 .paopao2 {
  position: absolute;
  bottom: -200px;
  left: 180px;
  width: 50px;
  height: 50px;
  opacity: 1;
  background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
  animation: change1 5s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 1.5s;
}
.paopaos4 .paopao3 {
  position: absolute;
  bottom: -200px;
  left: 130px;
  width: 200px;
  height: 200px;
  opacity: 1;
  background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
  animation: change1 3s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 3.9s;
}
.paopaos4 .paopao4 {
  position: absolute;
  bottom: -200px;
  left: 30px;
  width: 150px;
  height: 150px;
  opacity: 1;
  background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
  animation: change1 4s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 1.5s;
}
.paopaos4 .paopao5 {
  position: absolute;
  bottom: -200px;
  left: 10px;
  width: 120px;
  height: 120px;
  opacity: 1;
  background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
  animation: change1 4.5s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 0.1s;
}
.paopaos4 .paopao6 {
  position: absolute;
  bottom: -200px;
  left: 300px;
  width: 80px;
  height: 80px;
  opacity: 1;
  background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
  animation: change1 3.5s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 1.7s;
}
.paopaos4 .paopao7 {
  position: absolute;
  bottom: -200px;
  left: -20px;
  width: 100px;
  height: 100px;
  opacity: 1;
  background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
  animation: change1 3.8s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 0.2s;
}
.paopaos4 .paopao8 {
  position: absolute;
  bottom: -200px;
  left: 100px;
  width: 170px;
  height: 170px;
  opacity: 1;
  background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
  animation: change1 3.2s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 1.3s;
}
.paopaos4 .paopao9 {
  position: absolute;
  bottom: -200px;
  left: 80px;
  width: 50px;
  height: 50px;
  opacity: 1;
  background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
  animation: change1 5s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 0.1s;
}
.paopaos4 .paopao10 {
  position: absolute;
  bottom: -200px;
  left: 130px;
  width: 50px;
  height: 50px;
  opacity: 1;
  background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
  animation: change1 5s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 0.2s;
}
.paopaos4 .paopao11 {
  position: absolute;
  bottom: -200px;
  left: 90px;
  width: 200px;
  height: 200px;
  opacity: 1;
  background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
  animation: change1 3s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 3.2s;
}
.paopaos4 .paopao12 {
  position: absolute;
  bottom: -200px;
  left: -30px;
  width: 150px;
  height: 150px;
  opacity: 1;
  background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
  animation: change1 4s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 5.3s;
}
.paopaos4 .paopao13 {
  position: absolute;
  bottom: -200px;
  left: -50px;
  width: 120px;
  height: 120px;
  opacity: 1;
  background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
  animation: change1 4.5s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 4s;
}
.paopaos4 .paopao14 {
  position: absolute;
  bottom: -200px;
  left: 80px;
  width: 80px;
  height: 80px;
  opacity: 1;
  background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
  animation: change1 3.5s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 1.6s;
}
.paopaos4 .paopao15 {
  position: absolute;
  bottom: -200px;
  left: -20px;
  width: 100px;
  height: 100px;
  opacity: 1;
  background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
  animation: change1 3.8s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 5.5s;
}
.paopaos4 .paopao16 {
  position: absolute;
  bottom: -200px;
  left: 100px;
  width: 170px;
  height: 170px;
  opacity: 1;
  background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
  animation: change1 3.2s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 3.1s;
}
.paopaos4 .paopao17 {
  position: absolute;
  bottom: -200px;
  left: 130px;
  width: 70px;
  height: 70px;
  opacity: 1;
  background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
  animation: change1 4.2s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 0.8s;
}
.paopaos4 .paopao18 {
  position: absolute;
  bottom: -200px;
  left: 330px;
  width: 60px;
  height: 60px;
  opacity: 1;
  background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
  animation: change1 4.8s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 2.1s;
}
.paopaos4 .paopao19 {
  position: absolute;
  bottom: -200px;
  left: 180px;
  width: 50px;
  height: 50px;
  opacity: 1;
  background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
  animation: change1 5s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 8.2s;
}
.paopaos4 .paopao20 {
  position: absolute;
  bottom: -200px;
  left: -20px;
  width: 60px;
  height: 60px;
  opacity: 1;
  background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
  animation: change1 5s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 9.3s;
}
@keyframes change1 {
  /* 开始状态 */
  0% {
    bottom: -300px;
    opacity: 1;
  }
  /* 结束状态 */
  80% {
    bottom: 1000px;
    opacity: 0;
  }
  100% {
    bottom: 1000px;
    opacity: 0;
  }
}
@keyframes change2 {
  /* 开始状态 */
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.8;
  }
}
@keyframes change3 {
  /* 开始状态 */
  0% {
    transform: scale(0.6);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 0.3;
  }
}
#navList {
  display: flex;
  width: 100%;
  height: 50px;
  line-height: 50px;
  font-size: 14px;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 0 150px;
  border: 1px solid #3c3b7a;
  border-radius: 15px;
  margin-bottom: 20px;
}
#navList li:hover {
  transform: scale(1.1);
}
#blog_stats {
  color: #666;
  font-size: 10px;
}
.day {
  padding: 30px 50px;
  border: 1px solid #3c3b7a;
  border-radius: 15px;
  margin: 20px 0;
  box-sizing: border-box;
}
.day .dayTitle {
  font-size: 12px;
  padding-bottom: 5px;
}
.day .dayTitle a {
  color: #c4c4c4;
}
.day .postTitle {
  font-size: 18px;
  padding-top: 10px;
  padding-bottom: 10px;
  box-sizing: border-box;
}
.day .postTitle:hover {
  margin-top: 2px;
  margin-bottom: -2px;
}
.day .postCon {
  text-indent: 2em;
  color: #ececec;
}
.day .postDesc {
  color: #cacaca;
  margin-top: 10px;
padding-bottom:5px;
}
.postDesc a{
  color: black;
}
#calendar,
#newsItem,
#sidebar_shortcut,
#sidebar_toptags,
#sidebar_categories,
#sidebar_recentcomments,
#sidebar_topcommentedposts,
#sidebar_topdiggedposts {
  display: none;
}
#footer {
  margin-top: 50px;
}
#sideBar {
  padding-bottom: 10px;
  padding-left: 10px;
  width: 200px;
  border-left: #0d0083 2px solid;
  position: fixed;
  z-index: 180;
  padding-right: 50px;
  right: 0px;
  bottom: 20px;
  margin-right: -1555px;
  transition: all 0.3s ease-in;
}
#sideBar .newsItem > .catListTitle {
  margin-left: -70px;
  width: 70px;
  padding-top: 100px;
  position: absolute;
  bottom: 0;
}
#sideBar .catListTitle {
  font-family: '幼圆';
  font-size: 20px;
  margin-bottom: 10px;
  margin-top: 10px;
}
#sideBar .newsItem {
  margin-bottom: 10px;
}
#sideBar #sidebar_search_box input[type="text"],
#sideBar #sidebar_search_box input[type="button"] {
  border: #0d0083 1px solid;
  border-radius: 10px;
  height: 18px;
  background-color: #eeeef5;
  color: #0d0083;
}
#sideBar:hover {
  margin-right: 0;
  transition: all 0.3s ease-in;
}
#main {
border-radius: 3px;
over-flow: hidden;
}
#mainContent {
  position: relative;
  z-index: 10;
}
#mainContent .forFlow {
  position: relative;
  z-index: 80;
}
#mainContent #post_detail {
  
  background-color: rgb(255, 255, 255);
  background-size: 100%;
  padding: 60px;
  margin-top: 10px;
  margin-bottom: 30px;
  position: relative;
  z-index: 80;
}
#mainContent #post_detail .post {
  position: relative;
  z-index: 150;
}
#mainContent #post_detail .post .postTitle {
  font-size: 25px;
  padding-bottom: 30px;
  border-bottom: #cccccc solid 2px;
  margin-bottom: 40px;
  position: relative;
  z-index: 150;
}
#mainContent #post_detail .cnblogs_code {
  background-color:#f5f5f5;
  border: #bbbbbb 1px solid;
  border-bottom: 1px solid #707070;
  border-radius: 5px;
  font-weight: 600;
box-sizing:border-box;
}
#commentform_title {
  font-size: 14px;
  line-height: 30px;
  margin-top: 70px;
}
#comment_form_container input[type="text"] {
  background: linear-gradient(rgba(231, 231, 231, 0.15) 0%, rgba(255, 255, 255, 0.2) 50%, #e7e7e7 100%);
  color: white;
  font-weight: 600;
  font-size: 16px;
  vertical-align: middle;
  margin-top: 10px;
  margin-bottom: 10px;
}
.commentbox_main {
  margin-top: 20px;
  margin-bottom: 30px;
}
#ad_t2,
#cnblogs_c1,
#cnblogs_c2,
.itnews c_ad_block {
  display: none;
}
#tbCommentBody {
  margin-top: 10px;
  background-color: rgba(255, 255, 255, 0.1);
  color: white;
  font-weight: 600;
  font-size: 16px;
  border: 0 0 1px 1px solid #0000ff;
}
input#btn_comment_submit {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 10px;
  color: white;
}
#div_digg div {
  border-radius: 5px;
}
@media only screen and (max-width: 1250px) {
  html {
    font-size: 62.5px;
  }
  #home {
    width: 750px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 760px) {
  html {
    font-size: 38px;
  }
  #home {
    width: 100%;
    margin: 0 auto;
  }
  .kissbgpng,
  .kisslolpng {
    display: none;
  }
  #navList {
    padding: 0;
    justify-content: space-around;
  }
  #navList li a {
    text-align: center;
  }
}

.kissdashang {
		width: 250px;
		height: 360px;
		position: fixed;
		z-index: 200;
		right: 0;
		top: 100px;
		display: flex;
		margin-right: -220px;
		border-top-right-radius: 0px;
		border-bottom-right-radius: 0px;
		font-size: 16px;
		font-family: '幼圆';
		transition: all 0.3s ease-in;
	}
	.kissdashang:hover {
		margin-right: 0px;
		transition: all 0.3s ease-in;
	}
	.kissdashang .left {
		
		text-align: center;
		padding-top: 0px;
		box-sizing: border-box;
		font-size: 25px;
		margin-right: 40px;
		color:white;
	}
	.kissdashang .right {
		width: 150px;
	}
	.kissdashang .right p {
		width: 150px;
		font-size: 12px;
		text-align: center;
		line-height: 12px;
		margin-top: 10px;
		margin-bottom: 10px;
color:white;
	}
#navList {
  background: #fff;
}
#navList > li > a {
  color: black;
}
.day {
  background: linear-gradient(to bottom, rgb(247, 246, 246) 0%, white 55%, rgb(247, 246, 246) 100%); 
  color: black;
}
.day a {
  color: black;
}
.c_b_p_desc {
  color: rgb(80, 80, 80);
}
.postDesc {
  color: rgb(107, 107, 107);
}
#comment_form_container {
  color:white;
}
.itnews c_ad_block {
  color: white;
}
a {
  color: blue;
}
#Header1_HeaderTitle {
  color: white;
}
#nav_next_page a {
  color: white;
}
</style>
<ul class="paopaos">
	<li class="paopao1"></li>
	<li class="paopao2"></li>
	<li class="paopao3"></li>
	<li class="paopao4"></li>
	<li class="paopao5"></li>
	<li class="paopao6"></li>
	<li class="paopao7"></li>
	<li class="paopao8"></li>
	<li class="paopao9"></li>
	<li class="paopao10"></li>
	<li class="paopao11"></li>
	<li class="paopao12"></li>
	<li class="paopao13"></li>
	<li class="paopao14"></li>
	<li class="paopao15"></li>
	<li class="paopao16"></li>
	<li class="paopao17"></li>
	<li class="paopao18"></li>
	<li class="paopao19"></li>
	<li class="paopao20"></li>
</ul>
<ul class="paopaos4">
	<li class="paopao1"></li>
	<li class="paopao2"></li>
	<li class="paopao3"></li>
	<li class="paopao4"></li>
	<li class="paopao5"></li>
	<li class="paopao6"></li>
	<li class="paopao7"></li>
	<li class="paopao8"></li>
	<li class="paopao9"></li>
	<li class="paopao10"></li>
	<li class="paopao11"></li>
	<li class="paopao12"></li>
	<li class="paopao13"></li>
	<li class="paopao14"></li>
	<li class="paopao15"></li>
	<li class="paopao16"></li>
	<li class="paopao17"></li>
	<li class="paopao18"></li>
	<li class="paopao19"></li>
	<li class="paopao20"></li>
</ul>

<div class="kissdashang">
   <div class="left">打<br>赏<br>作<br>者</div>
   <div class="right">
<img src="https://files-cdn.cnblogs.com/files/yummylucky/zhifu.bmp" alt="https://files-cdn.cnblogs.com/files/yummylucky/zhifu.bmp" title="https://files-cdn.cnblogs.com/files/yummylucky/zhifu.bmp" class="right">
   <p>支付宝</p>
   <img src="https://files-cdn.cnblogs.com/files/yummylucky/WeChat.bmp" alt="https://files-cdn.cnblogs.com/files/yummylucky/WeChat.bmp" title="https://files-cdn.cnblogs.com/files/yummylucky/WeChat.bmp" class="right">
   <p>微&nbsp;信</p>
   </div>
</div>