body{
  font:14px/1.66 'microsoft yahei';
}
#cnblogs_post_body h2{
background-color:#1c7791;
color:#fff;
font:bold 18px/1.66 "microsoft yahei";
padding:0 15px;
box-shadow: 0 0 5px #000;
    margin-bottom: 18px;
    border-radius: 5px;

}
#cnblogs_post_body h2 a:link,
#cnblogs_post_body h2 a:visited{
  color:#fff;
  text-decoration:none;
}
#cnblogs_post_body{
   font:14px/1.66 "microsoft yahei";
}
#main{
 overflow:hidden;
 position:relative;
}
#home{
  width:auto;
  margin:10px 50px;

}
#mainContent{
  width:80%;
  /* animation:flyInLeft .4s both; */

}
#sideBar{
  margin-left:80%;
  animation:flyInRight .4s both;
}
@keyframes flyInLeft{
  from{transform:translate(-150%,0)}
  to{transform:translate(0,0)}
}
@keyframes flyInRight{
  from{transform:translate(500px,0)}
  to{transform:translate(0,0)}
}


.day{
  font-size:16px;
}
.day .postTitle{
  font-size:20px;
  border-left:0;
  padding:3px 0;
}
.day .postTitle:before{
  content:"∝";
  position:relative;
  left:-10px;
  margin-right:-15px;
  color:#1c7791;
}

.day .postTitle:after{
  content:"∝";
  color:#1c7791;
  transform:scale(-1,1);
  position:absolute;
}

.day .postCon{
  width:auto;
  float:none;
}
.day{
  animation-name:flyInLeft;
  animation-fill-mode:both;
  transform:translate3d(0,0,0);  
}

.day:nth-child(1){
  animation-duration:.2s;  
}
.day:nth-child(2){
  animation-duration:.4s;  
}
.day:nth-child(3){
  animation-duration:.6s;  
}
.day:nth-child(4){
  animation-duration:.8s;  
}
.day:nth-child(5){
  animation-duration:1s;  
}
#cnblogs_post_body a:link{
   color:red;
}
#cnblogs_post_body a{
  position:relative;

}
#cnblogs_post_body a:after{

  display:block;
  position:absolute;
  content:' ';
  bottom:0;
  height:2px;
  width:0;
  font-size:0;
  background:red;
  left:50%; 
  transition:all .5s linear;   
}
#cnblogs_post_body a:hover:after{
  left:0;
  width:100%;
  /* animation:uline 1s linear both; */
}
@keyframes uline{
  from{width:0;left:50%;}
  to{width:100%;}
}
#cnblogs_post_body a:visited{
   color:#9C27B0;
}
.desc_img{
   border-radius:50%;
   box-shadow:0 0 3px #000;
   margin:3px;
   transition: all 1s;
   width:100px;
   height:100px;
}
.postCon:hover .desc_img{
   box-shadow:0 0 5px #000;
   border-radius:5px;
}


pre{
padding: 10px;
    border: solid 1px #ccc;
    display: block;
    background: #eee;
}
#cnblogs_post_body .wxs-nav.fixed{
position: fixed;
}
#cnblogs_post_body .wxs-nav,
#cnblogs_post_body .wxs-nav li,
#cnblogs_post_body .wxs-nav ul{padding: 0; margin: 0;}
#cnblogs_post_body .wxs-nav{    position: absolute;
    left: 50%;
    margin-left:28%;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    line-height: 1.66;
    border: solid 1px #1c7791;
    z-index: 900;
    top: 0;}
#cnblogs_post_body .wxs-nav a{
   text-decoration:none;
}
#cnblogs_post_body .wxs-nav .wxs-nav-t{    background: #1c7791;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 1px;
    padding: 5px 10px;
    cursor: pointer;}
#cnblogs_post_body .wxs-nav>li>a{ display: block; font-weight: bold; background: #1c7791; color: #fff;padding: 0 10px;margin-bottom: 1px;}
#cnblogs_post_body .wxs-nav li{ list-style: none; }
#cnblogs_post_body .wxs-nav ul li{padding: 0 10px;}
.syntaxhighlighter a, .syntaxhighlighter div, .syntaxhighlighter code, .syntaxhighlighter table, .syntaxhighlighter table td, .syntaxhighlighter table tr, .syntaxhighlighter table tbody, .syntaxhighlighter table thead, .syntaxhighlighter table caption, .syntaxhighlighter textarea {
    font-size: 14px!important;
}


#div_digg_fixed {
    position: fixed;
    bottom: 95px;
    left: 78%;
    z-index: 999;
    background: white;
    margin-left:164px;
}