body{
    background-color: rgba(0,0,0,0);
    font-family: -apple-system,SF UI Text,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;
}
#home{
    opacity: 0;
    transition: opacity 0.3s ease;
    border-radius: 10px;
}
/* 内容 */
.postBody,
.c_b_p_desc{
    color: #2f2f2f;
    font-size: 15px;
}
.postBody p{
    margin: 18px auto !important;
}
/* 博客名 */
#blogTitle h1 a{
    transition: all 0.2s;
}
#blogTitle h1 a:hover{
    color: #000;
    font-size: 48px;
}
/* 滚动条 */
::-webkit-scrollbar-track {
    background-color: #e8e8e8;
}
::-webkit-scrollbar-thumb {
    background-color: #b9b9b9;
    height: 6px;
}
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
/* 背景图 */
[name=top] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(https://images2018.cnblogs.com/blog/1023011/201804/1023011-20180423141242943-406166235.jpg);
    z-index: -1;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
/* 导航栏 */
#navList a{
    padding-top: 15px;
    transition: all 0.2s ease;
    transform-origin: 50% 70%;
}
#navList a:hover{
    transform: scale(1.5);
}
.blogStats{
    margin-top: 15px;
}
/* 文章列表 */
.day{
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #ececec;
}
.postDesc{
    margin-top: 5px;
    font-size: 12px;
}
/* 标题 */
.postTitle a{
    display: inline-block;
    padding: 0 10px;
    transform-origin: 100px 20px;
    transition-duration: 0.3s !important;
}
.postTitle a:hover{
    color: #3e3e3e;
    transform: scale(1.2);
}
.postTitle a::after{
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: -9px;
    left: 100%;
    background-color: #3e3e3e;
    transition: width 350ms, left 350ms;
}
.postTitle a:hover::after{
    left: 0;
    width: 100%;
    transition: width 350ms;
}
/* 文章内标题 */
#topics .postTitle{
    position: relative;
    margin-bottom: 20px;
    margin-left: -15px;
    font-size: 34px;
    font-weight: normal;
    color: #2f2f2f !important;
}
#topics .postTitle a:hover{
    margin-left: 0;
    transform: none;
}
#topics .postTitle::after{
    content: '';
    position: absolute;
    background-color: rgba(47, 47, 47, 0.21);
    width: 100%;
    height: 1px;
    bottom: -10px;
    left: 0;
}
#topics .postTitle a{
    color: #2f2f2f;
}
#topics .postTitle a:hover::after{
    content: none;
}

/* 代码 */
.cnblogs-markdown .hljs, .cnblogs-post-body .hljs{
    padding: 15px 18px !important;
    border: 1px solid #e8e8e8 !important;
    color: #222;
    background-color: #ececec2e !important;
    font-family: Menlo,Monaco,Consolas,Courier New,monospace !important;
}
.cnblogs_code_toolbar{
    display: none;
}
/* 引用 */
blockquote {
    position: relative;
    border: 0;
    background-color: rgba(248, 248, 248, 0.6);
    border-left: 4px solid #9e9e9e;
    font-style: italic;
}

blockquote>p {
    position: relative;
    color: #666 !important;
}
/* 评论 */
#tbCommentBody{
    width: 96% !important;
}

#comment_nav{
    display: none;
}
#blog_post_info_block{
    margin-top: 80px;
}
#footer{
    padding-top: 20px;
    margin-bottom: -10px;
    margin-top: 20px;
}
#ad_t2,
.c_ad_block,
#under_post_news,
#cnblogs_c2,
#under_post_kb
{
    display: none;
}

@-webkit-keyframes bounceInRight {
    from, 60%, 75%, 90%, to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
      animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
  
    from {
      opacity: 0;
      -webkit-transform: translate3d(3000px, 0, 0);
      transform: translate3d(3000px, 0, 0);
    }
  
    60% {
      opacity: 1;
      -webkit-transform: translate3d(-25px, 0, 0);
      transform: translate3d(-25px, 0, 0);
    }
  
    75% {
      -webkit-transform: translate3d(10px, 0, 0);
      transform: translate3d(10px, 0, 0);
    }
  
    90% {
      -webkit-transform: translate3d(-5px, 0, 0);
      transform: translate3d(-5px, 0, 0);
    }
  
    to {
      -webkit-transform: none;
      transform: none;
    }
  }
  
  @keyframes bounceInRight {
    from, 60%, 75%, 90%, to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
      animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
  
    from {
      opacity: 0;
      -webkit-transform: translate3d(3000px, 0, 0);
      transform: translate3d(3000px, 0, 0);
    }
  
    60% {
      opacity: 1;
      -webkit-transform: translate3d(-25px, 0, 0);
      transform: translate3d(-25px, 0, 0);
    }
  
    75% {
      -webkit-transform: translate3d(10px, 0, 0);
      transform: translate3d(10px, 0, 0);
    }
  
    90% {
      -webkit-transform: translate3d(-5px, 0, 0);
      transform: translate3d(-5px, 0, 0);
    }
  
    to {
      -webkit-transform: none;
      transform: none;
    }
  }
  
  .bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
  }
  .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }