*{
  box-sizing:border-box;
  -moz-box-sizing:border-box; /* Firefox */
  -webkit-box-sizing:border-box; /* Safari */
}
.top{
  height:0;
}
body{
  background-color: #fff;
  font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif;
}
#home{
 box-shadow:none;
 margin-top:0px;
 width:100%;
 padding:0;
margin-bottom:0;
}
#header{
  margin-top:0;
  background-color: #24292e;
 padding:0;
}
#blogTitle{
  height: 140px;
  width:80%;
  margin:0 auto;
}
#blogTitle h2{
  color:#ced4db;
}
#home #navigator{
  margin:0 auto;
  border-top:none;
  border-bottom:none;
  background-color: #404347;
}
#navList{
  margin-left:10%;
  height:50px;
}
#navList>li{
  height:50px;
  margin-right:30px;
}

#navList>li> a{
  height:50px;
}
#navList a:link, #navList a:visited, #navList a:active{ 
  color:#e8ecf1;
}
#navList a:hover{
   color:#fff;
   background-color:#21759b;
}
.blogStats{
      margin-right: 10%
}
#blogTitle{
 color:#188eee;
 padding:10px 0;
}
#blogTitle h1 a{
  color:rgba(255,255,255,0.75);
}
#main{
 width:80%;
 margin:0 auto;
 margin-top:30px;
}
.postBody>div>ul li{
  color:#21759b;
}
blockquote{
   border: 1px solid #d2d4d7;
   border-left: 4px solid #21759b;
}
.postCon  blockquote p{
  margin: 10px auto;
  text-indent: 0;
}
#blogTitle h1{
  margin-top:0;
  padding-top:30px;
}
.postBody h2{
    background: #21759b none repeat scroll 0 0 !important;
    border-radius: 6px !important;
    box-shadow: 0 0 0 1px #5f5a4b, 1px 1px 6px 1px rgba(10, 10, 0, 0.5);
    color: #ffffff;
    padding: 5px 0 5px 20px;
    text-shadow: 2px 2px 3px #222222;
}
.cnblogs-post-body h2{
    background: #21759b none repeat scroll 0 0 !important;
    border-radius: 6px !important;
    box-shadow: 0 0 0 1px #5f5a4b, 1px 1px 6px 1px rgba(10, 10, 0, 0.5);
    color: #ffffff;
    padding: 5px 0 5px 20px;
    text-shadow: 2px 2px 3px #222222;
    font-size: 21px;
    font-weight: bold;
    line-height: 1.5;
    margin: 10px 0;
}
.newsItem, .catListEssay, .catListLink, .catListNoteBook, .catListTag, .catListPostCategory, .catListPostArchive, .catListImageCategory, .catListArticleArchive, .catListView, .catListFeedback, .mySearch, .catListComment, .catListBlogRank, .catList, .catListArticleCategory{
  
    background-color: #DEEBF7;
    padding: 0.1em 1em 0.5em 1em;
    border-radius: 5px;
}
#widget_my_google input[type=button]{
  right: 5px;
  height: 34px;
  width: 30px;
  background: url(https://images.cnblogs.com/cnblogs_com/xiaoxiaokun/1007663/o_icon.png) no-repeat -156px -380px;
}
.input_my_zzk{
  height:34px;
  line-height: 34px;
  border-radius: 5px;
}
.div_my_zzk{
 width:200px;
}
#navigator{
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
}
/*qq群*/
.join_QQ{
    width: 90px;
    position: absolute;
    right: 15%;
    top: 4%;
    display:none;
}

/**手机端样式**/
@media (max-width: 667px){
   /*可视区域*/
   #main{
     width:95%;
   }
   /*导航*/
   #navigator .blogStats{ display:none;}
   /*评论区域*/
   #comment_form_container #tbCommentBody{ width:100%;}
  /**/
   body .join_QQ{ display:none; }
}