.blog-news-visitor-cnt {
    display: inline-block;
}

.blog-news-visitor {
  text-align: center;
    background: #fff;
    padding: 20px;
    color: #7e8c8d;
    font-size: 13px;
    line-height: 1.8;
    margin-top: 0!important;
    border: 1px solid #dedede;
    margin-bottom: 2em;
}
.blog-news-visitor:hover {
border: 1px solid #ff5e52;
}

#EntryTag a {
  color: #9fa4a4;
  transition: color .3s ease-in-out;
}

#EntryTag a:hover {
  color: #169fe6
}

#navList a:link {
  text-shadow: none;
}

.todo {
    background-color: #FF4539;
    color: #fff;
    padding: .5em 1em;
    font-size: .8em;
    border-radius: .2em;
}

.my-answer:hover {
  width: auto;
  height: auto;
  text-indent: 0;
  box-shadow: none;
}

.my-answer {
  display: block;
  background-color: #f4f4f4;
  padding: .5em 1em;
  width: 3.5em;
  height: 1em;
  text-indent: 100%;
  overflow: hidden;
  text-overflow: clip;
  position: relative;
  box-shadow: rgba(0, 0, 0, .4) 5px 5px 10px;
  transition: box-shadow .3s ease-in-out;
}

.my-answer:before {
  content: 'answer';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  text-align: center;
  text-indent: 0;
}

.my-answer:hover:before {
  content: '';
}

.topicListFooter .pager a,
#nav_next_page a {
  color: #2e6ab1;
  padding: .5em 1em !important;
  border-radius: .2em !important;
  line-height: 2 !important;
  height: 2em !important;
  margin: auto !important;
  border: solid 1px #9aafe5 !important;
  display: inline-block;
  transition: all .3s ease-in-out;
  background-color: transparent !important;
}

.topicListFooter .pager a:hover,
#nav_next_page a:hover {
  color: #fff;
  border-color: transparent !important;
  background-color: #9aafe5 !important;
}
#cnblogs_post_body {
  padding: 0 1em;
}

#cnblogs_post_body {
  counter-reset: h1 0;
}
#cnblogs_post_body h1,
#cnblogs_post_body h2,
#cnblogs_post_body h3 {
  margin: 1em 0 .5em;
  padding: .2em;
}
#cnblogs_post_body h1 {
  font-size: 1.6em;
  border-bottom: dashed 1px #dfdfdf;
  counter-increment: h1;
  counter-reset: h2 0;
}
#cnblogs_post_body h1:before {
  content: counter(h1) ". ";
}
#cnblogs_post_body h1:after {
  content: '#';
}
#cnblogs_post_body h2 {
  font-size: 1.4em;
  border: none;
  counter-increment: h2;
  counter-reset: h3 0;
}
#cnblogs_post_body h2:before {
  content: counter(h1) "." counter(h2) ". ";
}
#cnblogs_post_body h2:after {
  content: '##';
}
#cnblogs_post_body h3 {
  font-size: 1.2em;
  border: none;
  counter-increment: h3;
  counter-reset: h4 0;
}
#cnblogs_post_body h3:before {
  content: counter(h1) "." counter(h2) "." counter(h3) ". ";
}
#cnblogs_post_body h3:after {
  content: '###';
}
#cnblogs_post_body h4 {
  font-size: 1.1em;
  border: none;
  counter-increment: h4;
  counter-reset: h5 0;
}
#cnblogs_post_body h4:before {
  content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) ". ";
}
#cnblogs_post_body h4:after {
  content: '####';
}
#cnblogs_post_body h1:after,
#cnblogs_post_body h2:after,
#cnblogs_post_body h3:after,
#cnblogs_post_body h4:after {
  color: #888;
  position: relative;
  left: .25em;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#cnblogs_post_body h1:hover:after,
#cnblogs_post_body h2:hover:after,
#cnblogs_post_body h3:hover:after,
#cnblogs_post_body h4:hover:after {
  left: .5em;
  opacity: 1;
}

.cnblogs-markdown code {
  font-size: 1em !important;
  height: auto !important;
  border: none !important;
  color: #c7254e !important;
  background-color: #f9f2f4 !important;
  background-color: rgba(249, 242, 244, .5) !important;
  vertical-align: baseline;
}

.cnblogs-markdown pre {
  display: block;
  padding: .5em 1em;
  margin: 1em 0;
  font-size: .8em;
  line-height: 1.66;
  word-break: break-all;
  word-wrap: break-word;
  color: #88a2bd;
  border: 1px solid #cccccc;
  border-radius: 4px;
  background-color: whitesmoke;
}
.cnblogs-markdown pre code {
  padding: 0 !important;
  font-size: inherit !important;
  color: inherit !important;
  white-space: pre-wrap;
  background-color: transparent !important;
  border-radius: 0 !important;
}

hr {
  margin: 1em 0;
  border: 0;
  border-top: solid .5em #eaeff3;
}

#cnblogs_post_body p {
  margin: 1em auto;
}

#cnblogs_post_body a {
  border-radius: .3em;
  color: #3498db;
}

#cnblogs_post_body a:focus{
  background-color: #3498db;
  color: #fff;
}

#cnblogs_post_body p a:hover,
#cnblogs_post_body ol li a:hover,
#cnblogs_post_body ul li a:hover {
  border: 0;
}

#topics .postTitle {
  font-size: 2em;
  text-align: center;
}

#topics .postTitle a {
  font-weight: bold;
  color: #169fe6;
}

#topics .postTitle {
  margin: 1em 0;
}

#topics .postBody blockquote {
  font-style: italic;
  padding: .5em 1em .5em 1.5em;
  margin-bottom: 1em;
  background-color: #fafafa;
}

#cnblogs_post_body a.demo-link {
  display: inline-block;
  color: #fff;
  background-color: #3498db;
  border-radius: .3em;
  padding: .5em 1em;
}

#cnblogs_post_body .sidenote {
  margin-right: -12em;
  position: absolute;
  right: 0;
  top: auto; /* default */
  width: 10em;
}

#cnblogs_post_body {
  position: relative;
}

.postDesc a {
  margin-right: 1em;
}

#navList {
    list-style: none;
}

#cnblogs_post_body ul li {
    list-style: disc;
}

#cnblogs_post_body .my-comment {
  background-color: #B4EB7C;
  display: inline-block;
  border-radius: .2em;
  padding: .5em 1em;
  position: relative;
  margin: 1em 0;
}

#cnblogs_post_body .my-comment:before,
#cnblogs_post_body .my-comment:after {
  position: absolute;
  top: 14px;
  right: 100%;
  border: 6px solid transparent;
  content: " ";
}

#cnblogs_post_body .my-comment:after {
  border-right-color: #B4EB7C;
}

#cnblogs_post_body img {
  margin: 0 auto;
    max-width: 100%;
    vertical-align: middle;
    border-radius: 0.5em;
    border: 0.3em solid #e8e8e8;
}

#cnblogs_post_body table {
  border-collapse: separate;
  border-radius: 1em;
  border: .3em solid #e8e8e8;
}
#cnblogs_post_body table tr:first-child th,
#cnblogs_post_body table tr:first-child td {
  border: 0;
}
#cnblogs_post_body table th, #cnblogs_post_body table td {
  padding: .3em .5em;
  border: 0;
  border-top: solid 1px #dfdfdf;
}

.my-avatar {
  background-image: url(https://images.cnblogs.com/cnblogs_com/7z7chn/758755/o_7z7chn.jpg);
  width: 100%;
  height: 290px;
  background-size: cover;
}

#ViewPicture1_GalleryImage {
  max-width: 100%;
  width: auto !important;
  height: auto !important;
}
/* Animations */
@-webkit-keyframes rubberBandLazy {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  3% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  4% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  5% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  6.5% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  7.5% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  10% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBandLazy {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  3% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  4% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  5% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  6.5% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  7.5% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  10% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand.lazy {
  -webkit-animation-name: rubberBandLazy;
  animation-name: rubberBandLazy;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.lazy {
  -webkit-animation-duration: 10s;
  animation-duration: 10s;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}