#header{display:none;}
#mytopmenu{display:none;}
#sidebar_news,#calendar,#sidebar_search,#sidebar_shortcut,#myposts{display:none;}
.footer{display:none;}
.top-nav:before,.top-nav:after{content: "";display: table;}
.wenzi {
    text-align: center;
    font-size: 15px;
}
#back-to-top {
    background-color: #00CD00;
    bottom: 0;
    box-shadow: 0 0 6px #00CD00;
    color: #444444;
    padding: 10px 10px;
    position: fixed;
    right: 177px;
    cursor: pointer;
}



/*生成博客目录的CSS*/
#uprightsideBar{
    font-size:14px;
    font-family:Arial, Helvetica, sans-serif;
    text-align:left;
    position:fixed;/*将div的位置固定到距离top:50px，right:0px的位置，这样div就会处在最右边的位置，距离顶部50px*/
    top:220px;
    right:53px;
    width: auto;
    height: auto; 
    
    
}
#sideBarTab{
    float:left;
    width:30px; 
    border:1px solid #e5e5e5;
    border-right:none;
    text-align:center;
 
    background: rgb(237, 148, 161);
    background-color: rgb(237, 148, 161);
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-clip: border-box;
    background-origin: padding-box;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto auto;
    color:white;
    border-radius: 10px;
padding: 6px;
font-family: PingFangSC-Regular, Verdana, Arial, '微软雅黑','宋体',FangSong,Tahoma,KaiTi,STXingkai,NSimSun;
color: white;
}

#sideBarContents{
    float:left;
    overflow:auto; 
    overflow-x:hidden;!important;
    width:200px;
    min-height:108px;
    max-height:460px;
    border:1px solid #e5e5e5;
    border-right:none; 
    background:#fff;
}
#sideBarContents dl{
    margin:0;
    padding:0;
}

#sideBarContents dt{
    margin-top:5px;
    margin-left:5px;
    color: #fff;
   
   font-size:16px;     
   background-color:#008eb7;
   display:inline-block;
}

#sideBarContents dd, dt {
    cursor: pointer;
}

#sideBarContents dd:hover, dt:hover {
    color:#A7995A;
}
#sideBarContents dd{
    margin-left:20px;
   color:black ; 
    
}



.icon_favorite {
    background: transparent url('https://files.cnblogs.com/files/jackson0714/kj.gif') no-repeat 0 0;
    padding-left: 16px;
}




/*推荐和反对*/
#div_digg {
    padding: 10px;
    position: fixed;
    _position: absolute;
    z-index: 1000;
    bottom: 20px;
    right: 0;
    _right: 35px;
    border: 1px solid #D9DBE1;
    background-color: #FFFFFF;
    filter: alpha(Opacity=80);
    -moz-opacity: 1;
    opacity: 1;
    width:70px;
}


.icon_favorite {
    background: transparent url('https://files.cnblogs.com/files/jackson0714/kj.gif') no-repeat 0 0;
    padding-left: 16px;
}

#blog_post_info_block a {
    text-decoration: none;
    color: #5B9DCA;
    padding: 3px;
}

.qq{
    color:red;
    font-size:15px;
    margin:8px;
   font-weight: 500;
}
.gonggao{
    margin:8px;
 font-size:16px;
    color:blue;
}


#divExpandViewArea{
    position: fixed;
    color: white;
   
    padding: 10px 10px;
    left: 0px;
    top: 547px;
    cursor: pointer;
    opacity: 0.9;
    background-color: #68228B;
}
 
#divCollapseViewArea{
    position: fixed;
    color: white;
    
    padding: 10px 10px;
    left: 0px;
    top: 586px;
    cursor: pointer;
    opacity: 0.9;
    background-color: #68228B;
}


/* adblock */
#ad_t2 {
    display: none;
}
.c_ad_block {
    display: none;
}


/* 设置签名格式 */
#MySignature {
    display: none;
    background-color: #B2E866;
    border-radius: 10px;
    box-shadow: 1px 1px 1px #6B6B6B;
    padding: 10px;
    line-height: 1.5;
    text-shadow: 1px 1px 1px #FFF;
    font-size: 16px;
    font-family: 'Microsoft Yahei';
}


/* 左侧最新随笔 */
#CatList_LinkList_0_Link_0{
    margin-top:5px;
}
#CatList_LinkList_0_Link_1{
   
margin-top:5px;
}
#CatList_LinkList_0_Link_2{
   
    margin-top:5px;
}
#CatList_LinkList_0_Link_3{
 
margin-top:5px;

}
#CatList_LinkList_0_Link_4{
    
margin-top:5px;

}
#CatList_LinkList_0_Link_5{
    
margin-top:5px;

}
#CatList_LinkList_0_Link_6{
    
margin-top:5px;

}
#CatList_LinkList_0_Link_7{
    
margin-top:5px;

}
#CatList_LinkList_0_Link_8{
    
margin-top:5px;

}
#CatList_LinkList_0_Link_9{
    
margin-top:5px;

}
#CatList_LinkList_0_Link_10{
    
margin-top:5px;

}
#CatList_LinkList_0_Link_11{
    
margin-top:5px;

}
#CatList_LinkList_0_Link_12{
    
margin-top:5px;

}
#CatList_LinkList_0_Link_13{
    
margin-top:5px;

}
#CatList_LinkList_0_Link_14{
    
margin-top:5px;

}
#CatList_LinkList_0_Link_15{
    
margin-top:5px;

}
#CatList_LinkList_0_Link_16{
    
margin-top:5px;

}
#CatList_LinkList_0_Link_17{
    
margin-top:5px;

}
#CatList_LinkList_0_Link_18{
    
margin-top:5px;

}
#CatList_LinkList_0_Link_19{
    
margin-top:5px;

}
#CatList_LinkList_0_Link_20{
    
margin-top:5px;

}
#CatList_LinkList_0_Link_21{
    
margin-top:5px;

}
#CatList_LinkList_0_Link_22{
    
margin-top:5px;

}
#CatList_LinkList_0_Link_23{
    
margin-top:5px;

}
.buryit{display:none;}

#div_digg .diggit {
    line-height: 1.5em !important;
    margin-left:10px;
}





body { 
     background-color: #efefef;
     background-image:url(https://images.cnblogs.com/cnblogs_com/lanjingtest/1662652/o_200306061727433.jpg); 
     background-repeat: no-repeat; 
     background-attachment: fixed; 
     background-position: center 0; 
     background-size: cover; 
    padding-top:0px;
 
  }

.top-nav{  
                border:1px solid #222;
                background-color:#111;
                background-image:linear-gradient(#444,#111);
                border-radius:6px;box-shadow:0 1px 1px #777;
                padding:0;list-style:none;}

.top-nav:after{clear: both;}

.top-nav li{float: left;border-right:1px solid #222;box-shadow:1px 0 0 #444;position: relative;}

.top-nav li a{float:left;text-decoration: none;padding:12px 30px;font-size:16px;font-weight:bold;
            text-shadow: 0 2px 0 #000;color: #999;}

.top-nav li a:hover{color: #fafafa;}

.top-nav li ul{visibility: hidden;position: absolute;list-style: none;top:38px;left: 0;z-index: 1;padding: 0;
                       background-color: #444;background-image: linear-gradient(#444,#111);box-shadow: 0 -1px 0 rgba(255,255,255,.3);
                       border-radius: 3px;opacity: 0;margin: 20px 0 0 0;transition: all .2s ease-in-out;
                       _margin:0;  }
.top-nav li:hover > ul{opacity: 1;visibility: visible;margin: 0;}

.top-nav ul li{float: none;display: block;border: 0;box-shadow: 0 1px 0 #111,0 2px 0 #666;}

.top-nav ul a{padding: 10px;width: 130px;display: block;float: none;_height:10px;}



.top-nav ul a:hover{background-color: #0186ba;background-image: linear-gradient(#04acec,#0186ba);}

.top-nav ul li:first-child > a{border-radius: 3px 3px 0 0;}

.top-nav ul li:last-child > a{border-radius: 0 0 3px 3px;}

.top-nav ul li:first-child > a:before{  content: "";position: absolute;left:40px;top: -6px;display: block;width: 0;border-bottom: 6px solid #444;border-left: 6px solid transparent;  border-right: 6px solid transparent;  }

.top-nav ul li:first-child > a:hover:before{border-bottom-color:#04acec; }

.top-nav ul ul{top:0;left: 150px;margin: 0 0 0 20px;_margin:0;box-shadow: -1px 0 0 rgba(255,255,255,.3);}

.top-nav ul ul li:first-child a:before{left: -6px;top: 50%;margin-top: -6px;border-left: 0;border-bottom: 6px solid transparent;
                       border-top: 6px solid transparent;border-right: 6px solid #3b3b3b;}

.top-nav ul ul li:first-child a:hover:before{border-right-color:#0299d3;border-bottom-color:transparent;}



@media screen and (max-width: 768px){
    #main, #mainContent{
        width: 100%;
    }
    #sideBar, body > a, #navList, #navigator, .postDesc a, #homepage_top_pager{
        display: none;
    }
    #blogTitle a{
        font-size: 30px;
    }
    #blogTitle h2{
        font-size: 16px;
    }
    #header{
        height: 180px;
    }
    #home{
        background-image: none;
    }
    .postTitle a{
        font-size: 22px;
    }
    .postCon, .postCon a{
        font-size: 16px;
    }
    .day{
        margin: 0 2%;
    }
    .postCon a{
        padding-left: 0;
    }
    .postDesc{
        width: 100%;
        font-size: 12px;
    }
    #home{
        background-color: #68BCCA;
    }
    #mainContent .forFlow{
        margin: 4px 0 0 0;
    }
    .postBody{
        
    }
    #blogTitle{
        left: 0;
    }
    #mainContent .postBody{
        width: 100%;
    }
    .post{
        padding: 0 4%;
    }
    #header{
        background: url(https://images.cnblogs.com/cnblogs_com/lvdabao/507840/o_face-monkey-128.png) top right no-repeat;
        background-size: 46px;
    }
    .topicListFooter{
        width: 100%;
        text-align: center;
        padding: 0;
        height: 40px;
    }
    .topicListFooter a:link{
        font-size: 12px;
    }
}