/* 博客首页样式 */

/* resize */
body,div,ul,ol,p,h1,h2,h3,h4,h5,h6,nav,dl,dt,dd{
  margin:0;
  padding:0;
}
body{
  overflow-x:hidden;
  background-color:#E0E0E0;
  transition:all 0.5s;
}
ul{
  list-style:none;
}
a{
  color:#156a72;
  text-decoration:none;
}
a[name="top"]{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 120px;
    background-color: #169fe6;
    z-index: -1;
}
#home{
  max-width:960px;
  padding:0 10px;
  margin:0 auto;
}
/* 标题 */
#Header1_HeaderTitle{
    color: #fff;
    font-size: 28px;
}
#blogTitle{
  position:relative;
  height:140px;
  margin: 5px 0 0;
  background: #45bcf9;
  text-align:center;
  box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

#blogTitle a {
  color: #fff;
}

#blogTitle h2{
  font-weight: normal;
    font-size: 20px;
    margin-top: 10px;
    color:#fff;
}
/* 导航栏 */
#navList{
  display:-webkit-box;
  display:flex;
  flex-wrap:wrap;
  margin-top:5px;
}
#navList li:nth-of-type(1){
      border-radius: 0 0 0 12px;
}
#navList li:last-of-type{
      border-radius: 0 0 12px 0;
}
#navList li{
   -webkit-box-flex:1;
   flex: 1;
   height: 35px;
   line-height: 35px;
   border-top: none;
   text-align: center;
   box-sizing:border-box;
   cursor: pointer;
   background-color: #FFFFCC;
   transition:all 0.5s;
}
#navList li a{
    display:block;
    color:#999900;
    transition:all 0.5s;
}

#navList li:hover{
  background-color:#999900;
}
#navList li:hover a{
  color:#fff;
}

.blogStats{
  display:none;
}

/*脚本*/
#footer {
    margin: 50px 0 10px;
    text-align: center;
    color: rgb(153, 153, 0);
}

/* 主体 */
#main{
  position:relative;
  margin-top:20px;
}

.dayTitle{
  display:none;
}
.postCon{
  color:#333;
  display:none;
}

#mainContent .day:first-child .postTitle a{
   color: #258fb8;
   font-size:20px;
}
#mainContent .day:first-child .postDesc{
    margin-top: 10px;
    text-align: right;
    color: #333;
}
#mainContent .day:first-child .postDesc a{
  color:rgb(153, 51, 204);
}
#mainContent .day .postCon{
  display:none;
}
#mainContent .day .postCon + .clear{
  clear:none;
}
#mainContent .day .postTitle{
     font-family: "Lato", Helvetica Neue, Helvetica, Arial, sans-serif;
    clear: both;
    background-color: #FBF9F9;
    margin-bottom: 8px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 20px;
    border-left: 3px solid #209E85;
    padding-left: 20px;
    font-size: 20px;
    border-radius: 5px;
    box-shadow: 5px 5px 5px #ccc;
    
}
#mainContent .day:not(:first-child) .postTitle a{
 color:rgb(153, 51, 204);
}
#mainContent .day .postDesc{
  display:none;
}
#nav_next_page{
  text-align:center;
}



/* 文章详细 */
#mainContent .entrylistTitle{
  text-align: center;
    font-size: 16px;
    margin-bottom: 20px;
    color: #999900;
}
#mainContent .entrylistTitle span{
    color: #FF9966;
}
#topics .post .postTitle{
  font-size: 20px;
    margin-bottom: 10px;
    text-align: center;
}
#topics .post .postDesc{
  margin-top:10px;
}
.c_b_p_desc_readmore{
   color:rgb(153, 51, 204);
}
.commentbox_title_left{
  line-height: 35px;
}
.commentbox_title,div.commentform textarea{
  width:100%;
}
div.commentform textarea{
  height: 100px;
}
.feedback_area_title{
  padding-bottom: 10px;
  color: rgb(153, 51, 204);
}
.feedbackItem{
  margin-bottom:10px;
  padding: 10px;
  border: 1px dotted rgb(153, 51, 204);
}
.feedbackItem a{
  color:rgb(153, 51, 204);
}
.feedbackItem .layer{
  margin-right: 5px;
}
#tbCommentAuthor{
  width:150px;
}
#green_channel{
   width:100%;
}
#comment_form{
  margin-top:20px;
}
#ad_t2 , #cnblogs_c1 , #cnblogs_c2 , #under_post_kb{
 display:none;
}
#btn_comment_submit{
  vertical-align: 3px;
}
.feedbackManage{
    height: 35px;
    line-height: 35px;
    margin-left: -10px;
}
.feedbackCon{
    margin-top: 12px;
}
/* 排序 */
.forFlow{
  position:relative;
}
.forFlow > span{
  position: absolute;
  right: -76px;
  padding: 5px;
  border: 1px solid;
  border-radius: 4px;
  font-size: 13px;
  color: #FF9966;
  cursor: pointer;
}
.forFlow > span:nth-of-type(1){
  content: '最新文章';
  top: 40px;
}
.forFlow > span:nth-of-type(2){
  content: '早期文章';
  top: 80px;
}


/*隐藏项*/
#sideBar{
 display:none;
}
.entrylistPostSummary , .entrylistItemPostDesc{
 display:none;
}

#green_channel , #author_profile , .postDesc {
 display:none;
}

/*分类列表样式*/
.entrylist .entrylistItem {
    display: flex;
    position: relative;
    height: 35px;
    margin-bottom: 4px;
    padding: 0 12px;
    line-height: 35px;
    border-bottom: 1px dotted rgb(153, 51, 204);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all 0.1s;
}




/*代码颜色*/
.postBody .cnblogs-markdown .hljs{
  color:#abb2bf !important;
  background-color:#282c34 !important;
}

.postBody .cnblogs-markdown code{
 border:none !important;
 padding:0 !important;
 font-family: Menlo,Monaco,Consolas,Courier New,monospace !important;
}

.postBody .cnblogs-markdown pre{
 border-radius:4px;
 padding:15px !important;
 background: #282c34 !important;
}

.hljs-comment,.hljs-quote {
    color: #929292;
    font-style: normal
}

.hljs-doctag,.hljs-formula,.hljs-keyword {
    color: #c678dd
}

.hljs-deletion,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-subst {
    color: #e06c75
}

.hljs-literal {
    color: #56b6c2
}

.hljs-addition,.hljs-attribute,.hljs-meta-string,.hljs-regexp,.hljs-string {
    color: #98c379
}

.hljs-built_in,.hljs-class .hljs-title {
    color: #e6c07b
}

.hljs-attr,.hljs-number,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-pseudo,.hljs-template-variable,.hljs-type,.hljs-variable {
    color: #d19a66
}

.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-symbol,.hljs-title {
    color: #61aeee
}

.hljs-emphasis {
    font-style: italic
}

.hljs-strong {
    font-weight: 700
}

.hljs-link {
    text-decoration: underline
}
.hljs-tag{
 color: #abb2bf !important
}