/*****第一部分结束*******************************/

/**************************************************
第二部：公共样式（全局样式）。公共会对所有页面的标签都起作用。这个部分你
可以随意的更改，并不会牵扯到其他的皮肤模板。但是每次更改都要注意你的皮肤
模板所有页面的变化。因为它们是全局的。
**************************************************/


@-webkit-keyframes rotate {
        	0% { -webkit-transform: rotate(0deg); }
        	100% {  -webkit-transform: rotate(720deg);}
}

 @keyframes rotate {
        	0% { transform: rotate(0deg); }
        	100% {  transform: rotate(720deg);}
}	
@-webkit-keyframes sway {
        	0% { transform: rotate(-5deg); }
                25% { transform: rotate(0deg); }
        	50% { transform: rotate(3deg); }
                75% { transform: rotate(0deg); }
        	100% {  transform: rotate(-5deg);} 
}
@keyframes sway {
        	0% { transform: rotate(-5deg); }
                25% { transform: rotate(0deg); }
        	50% { transform: rotate(3deg); }
                75% { transform: rotate(0deg); }
        	100% {  transform: rotate(-5deg);} 
 }

@-webkit-keyframes sway-rev {
        	0% { -webkit-transform: rotate(5deg); }
                25% { -webkit-transform: rotate(0deg); }
        	50% { -webkit-transform: rotate(-3deg); }
                75% { -webkit-transform: rotate(0deg); }
        	100% { -webkit-transform: rotate(5deg);} 
}
@keyframes  sway-rev  {
        	0% { transform: rotate(5deg); }
                25% { transform: rotate(0deg); }
        	50% { transform: rotate(-3deg); }
                75% { transform: rotate(0deg); }
        	100% {  transform: rotate(5deg);} 
 }
* {
	margin: 0;
	padding: 0;
         
        text-shadow: 0.005em 0.005em 0.002em #696969 !important;
        -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html {
	font-size: 14px
}

body {
	color: #d9d9d9;
	background: url('https://images.cnblogs.com/cnblogs_com/lanbosm/786923/o_bg.png') repeat  50% 0%;
	background-attachment: scroll;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img {
	border: 0;
	border: none;
}
ul {
	word-break: break-all;
}
li {
	list-style: none;
}


a:link {
	color: #f5f5f5;
	text-decoration: none;
}
a:visited {
	color: #f5f5f5;
	text-decoration: none;
}
a:hover {
	color: #a2d5f5;
	text-decoration: underline;
}
a:active {
	color: #a2d5f5;
	text-decoration: none;
}
.clear {
	clear: both;
}
.fl{ float: left; }
/*****第二部分结束*******************************/

/**************************************************
第三部分：各个页面元素的样式。你可以根据需要随意的更改，并不会牵扯到其他
的皮肤模板。这个部分是最能展现你想象力的部分。其中头部和侧边栏部分是此皮
肤公共的部分。而每个页面特有的部分会有相应的注释和说明。
**************************************************/
/*****home和头部开始**************************/
#home {
	margin: 0 auto;
	max-width: 1200px;
        overflow:hidden;
}


#header {
	height: auto;
	margin-top: 10px;
	position: relative;
	padding-bottom: 50px;
        background: #1f1f1f;
}
#header:after{
	font-size: 0;
	content: "";
	width: 100%;
	height: 200px;
	background: url(https://images.cnblogs.com/cnblogs_com/lanbosm/786923/o_144344cq2bsgo2woqbbp26.jpg) no-repeat 50% 20%;
	-webkit-background-size:cover;
	background-size: cover;;
	display: block;
}
#blogTitle {
	width: 80%;
	height: 160px;
	margin: 0 auto;
	clear: both;
}
#blogTitle h1 {
	font-size: 3rem;
	font-weight: bold;
	line-height: 100%;
	margin-top: 3rem;
	float:left;
}
#blogTitle h1 a:hover {
	text-decoration:none;
}
#blogTitle h2 {
	margin-top: 5px;
	clear: left;
	color: #ccc;
	float: left;

}

#lnkBlogLogo{
	margin-top:3rem;
	-webkit-background-size: cover;
	width: 5rem;
	float: right;
	display: block;	
	text-align: center;	
}
#lnkBlogLogo:after{
	content: "蓝波大人";
	color: #ededed;

}
#blogLogo {
	width: 5rem;
	height: 5rem;
	border-radius: 3rem;
	border: solid 2px #fff;
	background:  url(https://pic.cnblogs.com/avatar/892600/20160714232540.png) 0 0 no-repeat;
	background-size: cover;
	font-size:0;
	overflow: hidden;	
}
#lnkBlogLogo{
	text-decoration: none;

}
#navigator {
	background: #333;
	width: 100%;
	position:absolute;
	bottom: 0;

}
#navList {
	width: 80%;
	min-height: 50px;
	margin:0 auto;
}
#navList li {
	float: left;
	line-height: 50px;
	width: 5rem;
	height: 50px;
	text-align: center;
	position: relative;
}
#navList a {
	display: block;
	width: 100%;
	height: 100%;
	float: left;
}
#navList a.aHeaderXML{
	position: absolute;
	width: 18px;
	height: 9px;
	top:9px;
	right: 0px;
}
#navList a:link, #navList a:visited, #navList a:active {
	color: #ededed;
}
#navList a:hover {
	color: #333;
	background: #ededed;
	text-decoration: none;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.blogStats {
	color: #ededed;
	position: absolute;
	bottom: 0px;
	line-height: 50px; 
	right: 10px;
}
/*****home和头部结束**************************/

/*****主页文章列表开始**************************/
#main{
	width: 100%;
        overflow: hidden;
         position:relative;
          background: #1f1f1f;

}
#main:after{
	content: "";
	height: 0;
	display: block;
	clear:both;
}

#mainContent {
	min-height: 300px;
        height:auto;
        position:relative;
      	word-break: break-all;
       -webkit-overflow-scrolling : touch;  
}
.forFlow{
  text-align:center;
}
.forFlow:after{
  visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
}
.forFlow{*zoom:1;}
#blog-comments-placeholder,#comment_form{
  text-align:left;
}
.day{
    width: 22%;
    height: 248px;
    padding: 20px 20px;    
    margin: 20px auto;
    position: relative;
    display: inline-block;
    vertical-align: top; 
    margin: 30px 15px;
    background: url(https://images.cnblogs.com/cnblogs_com/lanbosm/786923/o_page.png) 50% 0 no-repeat;
    background-size: 100%;
   transform: rotate(-5deg);
   -webkit-transform-origin: 49% 0;
    transform-origin: 49% 0;
    color: #999999;
    font-size:12px;
    text-align: left;
    font-family:"Monaco","微软雅黑","黑体" !important;
 }
.day:before{
   content:'';
   display:block;
   width: 30px;
   height: 30px;
   margin-left:-30px;
   left:50%; background: url(https://images.cnblogs.com/cnblogs_com/lanbosm/786923/o_dz.png?v=2) 50% 0 no-repeat;
    background-size: 100%;
   position: absolute;
    top: -15px;
   transform: rotate(5deg);
   -webkit-transform-origin: 49% 0;
     transform-origin: 49% 0;
}

.day:hover::before{
      -webkit-animation: sway-rev 2s linear  infinite both;
			animation: sway-rev 2s linear infinite  both;
   
}
.day:hover{
			-webkit-animation: sway 2s linear  infinite both;
			animation: sway 2s linear infinite  both;
}
.day a{
   color:#666666;
}

.day .postTitle{
        width: 100%;
	font-weight: bold;
	font-size: 14px;
	line-height: 2.5rem;
	overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
        color: #666666;
}
.day  .dayTitle {
	line-height: 100%;
	font-size: 12px;
	font-weight: bold;
	position: absolute;
	top: 10px;
        right:35px;
}
.day  .dayTitle a , .day .postDesc a{
	color: #999999;
}
.day .dayTitle a:hover,.day .postDesc a:hover{
        color: #666666;
	text-decoration:none;
}


.day .postCon {
	line-height: 20px;
	width: 100%;
	clear:both;
    	padding: 5px 0;
        color:#666666;
}

.day .postCon img{
	width:56%;
}
.day .postCon a{
	color:#ffffff;
        background:#666666;
        padding:2px;
        border-radius:5px;
        margin-left:10px;
        text-decoration: none !important;
        border-radius: 5px;
}
.day .postCon a:hover,.day .postCon a:active{
	background:#333333 !important;
 }
.day .postDesc {
	width: 78%;
	position: absolute;
       top: 205px;
}


/*****主页文章列表结束************************/

/*****导航开始**************************/

.topicListFooter {
        clear:both;
	text-align: center;
	margin-top: 10px;
        padding:15px;
}
.topicListFooter a{
        color:#ffffff;
        background:#666666;
        padding:5px 10px;
        border-radius:5px;
        margin-left:10px;
        margin-right:10px;
        text-decoration: none !important;
        border-radius: 5px;
}

.topicListFooter a:hover,.topicListFooter a:active{
	background:#333333 !important;
 }

.pager {
        color:#999999;
}

.pager a{
        border-color: #999999;
      
}
#divRefreshComments{
	text-align: right; 
	margin-right: 10px;
	margin-bottom: 5px;
	font-size: 9pt;
}
/*****导航结束*******************************/

/*****侧边栏开始********************************/
#sideBar {
	width:    60% ;
        overflow-x: hidden;
        left: -100%;
        top:0;
        margin-left:0px;
        position:absolute;
        -webkit-transition: all .6s;
        transition: all .6s;
        height:100%;
        font-size:12px;
 }

#sideBar.show{
       -webkit-transform: translateX(166%);  
       transform: translateX(166%);
}
#sideBarMain{
	width: 100%;
	margin:0 auto;
        position:relative;
        padding:15px;
        z-Index:3;
       background:rgba(0,0,0,0.7);
       /* background:rgba(0,0,0,0.7) url(https://images.cnblogs.com/cnblogs_com/lanbosm/786923/o_etanaru.png) no-repeat 88% 300px; */
      /*   background-size:46%; */

}


#sideBar .newsItem {
	padding: 10px 0px;
	margin-bottom: 20px;
        width: 40%;
        float: left;
}
.newsItem:before{
       line-height: 40px;
       content: "我";
        margin-left: 12px;
}
#profile_block{
          color: #297acc;
          background: #ffffff;
          padding:15px;
}
#profile_block a{
          color: #333333;
}

.catListTitle {
	display:none;
}

#blog-news{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left:1rem;
}
/**日历控件样式开始**/
#blog-calendar {
	    width: 47%;
    float: left;
    margin-left: 3%;
    margin-top: 10px;
}
#blog-calendar:before{
       line-height: 40px;
       content: "日历";
 }
#blog-calendar .Cal {
	width: 100%;
	line-height: 2rem;
	border: none;
	background: #ffffff;
	color: #297acc;
}

#blog-calendar .Cal a{
	font-weight: bold;
	color: #297acc; !important;
	-webkit-transition: all .3s;
	transition: all .3s;
}
#blog-calendar .Cal a:hover{
	color:#0e5aa6 !important;
	text-decoration: none important;
}
#blog-calendar .CalTodayDay {/**今天日期样式**/
	color:#333;
	font-weight: bold;
}

#blog-calendar .CalTodayDay a {/**今天日期样式**/
	color:#333;
}

#blog-calendar .CalNextPrev a:link,#blog-calendar  .CalNextPrev a:visited, #blog-calendar .CalNextPrev a:active {/**上个月、下个月箭头样式**/
	font-weight: bold;
	color: #fff !important;
	background: none;
}
.CalDayHeader{
	border-bottom:1px solid  #297acc;	
}
.CalTitle{/**日历年月头部样式**/
	width:100%;
	background:#297acc;
	color:#fff;
	border-bottom:1px solid #333333;
}
.CalTitle a{
   margin-left:10px;
   margin-right:10px;



}
/**日历控件样式结束**/

#leftcontentcontainer,#blog-sidecolumn{
        *zoom:1;
 }

#leftcontentcontainer:after,#blog-sidecolumn:after{
  visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}


.catListComment {
	line-height: 1.5rem;
}
.divRecentComment {
	text-indent: 2rem;
	
}

.sidebar-block{
  float:left; 
  width:27.2%;
  margin:10px;
}
.sidebar-block .catListTitle{
   display:block;
}

#sidebar_search{
       width: 100%;
}
#sidebar_search_box{
     width:88%;
     margin:0;
}

#sidebar_search_box .div_my_zzk{
    width: 100%;
     position: relative;
    overflow: hidden;
    height: 30px;
}


#sidebar_search_box .input_my_zzk{
	    padding: 0 10px;
            position: relative;
            width: 100%;
            height: 30px;
            line-height: 30px; 
            display: block; 
}

#sidebar_search_box ::-webkit-input-placeholder { /* WebKit browsers */ 
    display: inline-block;
     color: #999999;
 } 
#sidebar_search_box ::input-placeholder { 
    display: inline-block;
     color: #999999;
 } 
#sidebar_search_box .btn_my_zzk{ 
    position: absolute;
    right: 0;
    top: 0;
    background: #297acc;	
    height:30px;
    border:solid 2px #297acc;	
    color:#ffffff;
    cursor:pointer;
 }

#sidebar_search_box .btn_my_zzk:hover{ 

    background: :#0e5aa6;
}

#sidebar_recentcomments{
      width: 72%;
}

.sidebar-block  ul {
        background: #297acc;	
	line-height: 20px;
        margin-top:10px;
        padding:10px;

}

#sidebar_toptags  ul {
      background:#dc3c00;

}

#sidebar_postcategory ul{
   background:#7719aa;

 }

#sidebar_postarchive ul{
  background:#107c10;
}

#TopViewPostsBlock ul{
        background:#e20000;

}

#TopDiggPostsBlock ul{
  background:#008272;

}
/*****侧边栏结束********************************/


/****查看文章页面开始*************************/

#topics {
	width: 100%;
	min-height: 200px;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
}
#post_detail{
     width: 90%;
     margin: 0 auto;
     font-size:14px;
     font-family:"Monaco","微软雅黑","黑体" !important;
}

.post .postTitle {
    width: 100%;
    font-size: 2rem;
    line-height: 3rem;
    text-align: center;
    padding: 15px;
    margin:20px 0;
}

.postTitle a,.PostList a{
	
}
.postTitle a:hover,.PostList a:hover {
	
	text-decoration: none;
}


.postSeparator {
	clear: both;
	height: 1px;
	background: #333;
	margin: 20px 0;
	width: 100%;
}
.postBody {
	width: 100%;
	padding: 15px ;
        background:#fff;
        color:#333;
        line-height:2.4;
        text-align:left;
}

.postBody table{
  width:100%;
  margin-top:30px;
  margin-bottom:30px;
}
.postBody table th {
 background-color:rgba(27,31,35,0.05)  !important;
}
#cnblogs_post_body  img {
      
	position: relative;
	max-width: 100% !important;		
	height: auto;
	display: block;
	margin: 0 auto;
	border-radius: 5px;
        border:solid  5px #333
}


.postBody hr{
       border: dashed 1px #ccc;
}
.postBody h1 a,.postBody h2 a,.postBody h3 a,.postBody h4 a,.postBody h5 a,.postBody h6 a{
	color:#333333 !important;
}

.postBody h1 a:hover,.postBody  h2 a:hover,.postBody  h3 a:hover,.postBody  h4 a:hover,.postBody  h5 a:hover,.postBody  h6 a:hover{
	color:#333333 !important;
        text-decoration:none !important;
}

.postBody a{
            color:#0366d6 !important;
}

.postBody  a:hover{
             text-decoration: underline !important;
}
#EntryTag {
	width: 100%;
	font-size: 14px;
}

#EntryTag a {
	margin-left: 5px;
	background: #666 !important;
        padding: 5px;
        border-radius: 5px;
        color: #fff !important; 
        text-decoration: none !important; 
	-webkit-transition: all .3s;
	transition: all .3s;
        position: relative;
        right: -5px;
}
#EntryTag a:hover {
	
        background: #333 !important; 
}
#topics .postDesc {
	width: 100%;
	text-align: right;
	padding-right: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 1rem;
}
.feedback_area_title {
	font-weight: bold;
	font-size: 1.5em;
	padding:20px;
	border-bottom: 1px solid #333;
}
.layer{padding-right:8px;}
.louzhu {
	background:none;
	padding:2px;

}
.comment_date{}
.feedbackListSubtitle {
	color: #f3a2fc;
	font-size: 1rem;
	padding:20px 0;
	white-space:nowrap;
	
}
.feedbackListSubtitle a {
	-webkit-transition: all .3s;
	transition: all .3s;
}
.feedbackListSubtitle a:hover {
	-webkit-transform:rotate(3deg);
	-ms-transform:rotate(3deg);
	-o-transform:rotate(3deg);
	transform:rotate(3deg);
}
.feedbackManage {
	width: 200px;
	text-align: right;
	float: right;
	
}

.feedbackManage a{
	color: #999;
}
	
.feedbackCon {
	border: solid 1px #333;
	border-radius: 5px;
	min-height: 35px;
	background:none;
	padding:15px 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	line-height:1.5rem;
	font-size: 1rem;
	width:100%;
	position: relative;
}
.feedbackCon:after{
		content: "";
		display: block;
		width: 21px;
		height: 21px;
		background: url(https://images.cnblogs.com/cnblogs_com/lanbosm/786923/o_arrow.png) no-repeat 0 0;
		-webkit-background-size: cover;
		background-size: cover;
		position: absolute;
		left: 30px; top: -18px;

}
#comment_nav {
	text-align: right;
	margin: 30px 0px;
	font-size:0.75rem;

}
#comment_nav a,#comment_form_container a{
	-webkit-transition: all .3s;
	transition: all .3s;
}
#comment_nav a:hover, #comment_form_container a:hover{
	-webkit-transform:rotate(3deg);
	-ms-transform:rotate(3deg);
	-o-transform:rotate(3deg);
	transform:rotate(3deg);
}

#comment_form_container{

	width: 100%;
}
#commentform_title{
	font-weight: bold;
	font-size: 1.5em;
	padding:20px;
	margin:0;
	border-bottom: 1px solid #333;
	color: #ededed;
	background:none;
}
div.commentform {
	font-size: 1.2rem;
	line-height: 1.5rem;
}
div.commentform p{
	padding:20px;

}
div.commentbox_title{
	padding:20px;
}
div.commentform input.author, .commentform input.email, .commentform input.url{
	border:1px solid #333;
	border-radius: 5px;
	padding:0 20px;
	font-size: 1rem;

	font-weight: bold;;
	color:#69f;
	height: 1.5rem;
	line-height: 1.5rem;
	width: 16rem;
	text-align: center;
	background: #ededed;
}
div.commentform textarea{
	width: 32rem;
	height: 10rem;
	background: #ededed;
	font-size: 1.2rem;
	font-weight: bold;
	color:#69f;
	line-height: 2rem;
	border:1px solid #333;
	border-radius: 5px;
	margin: 20px;
	padding:10px 20px;
}
#commentbox_opt{position:relative; z-index: 2;}
#commentbox_opt a{
	position: absolute;
	left: 30%;
	top: 8rem;
	display:block;
}
.login_tips{background: none;}

#btn_comment_submit{
	width: 33%;
	height: 3rem;
	color:#69f;
	text-shadow: 1px 0px 0px #fff, -1px 0px 0px #fff, 0px 1px 0px #fff, 0px -1px 0px #fff;
	font-size: 1rem;
	font-weight: bold;
	line-height: 3rem;
	text-align: center;
	background:#f3a2fc;
	display: block;
	margin-left: 16.5%;
	border: solid 1px #350748;
	border-radius: 10px;
	background:#f3a2fc;
	background: -webkit-linear-gradient(top,#ffffff , #cccccc); /* Safari 5.1 - 6.0 */
    background: -moz-linear-gradient(bottom, #ffffff, #cccccc); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #ffffff, #cccccc); /* 标准的语法（必须放在最后） */
}

div.commentbox_title_left{float: left;}
div.commentbox_title_right{float: left; height:22px; margin-left: 20px;}
/****查看文章页面开始*************************/

/****列表页面开始******************************/
.entrylistTitle,.PostListTitle,.thumbTitle{/**几个分类列表的标题样式**/
	font-size: 200%;
	font-weight: bold;
	border-bottom: 1px solid black;
	text-align: right;
	padding-left: 10px;
	padding-right: 10px;
        height:120px;
        line-height:120px;
        text-align:center;
        color:#ffffff;




}

.entrylistDescription {
	color: #666;
	text-align: right;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
	margin-bottom: 10px;
}
.entrylistItem {
	min-height: 20px;
	_height: 20px;
	margin-bottom: 30px;
	padding-bottom: 5px;
	width: 100%;
}
.entrylistPosttitle {
	font-size: 110%;
	font-weight: bold;
	border-bottom: 1px solid #666;
	line-height: 1.5em;
	width: 100%;
	padding-left: 5px;
}
.entrylistPosttitle a:hover {
	text-decoration: none;
}
.entrylistPostSummary {
	margin-top: 5px;
	padding-left: 5px;
	margin-bottom: 5px;
}
.entrylistItemPostDesc {
	text-align: right;
	color: #666;
}
.entrylistItemPostDesc a:link, .entrylistItemPostDesc a:visited, .entrylistItemPostDesc a:active {
	color: #666;
}
.entrylistItemPostDesc a:hover {
	color: #f60;
}
.entrylist .postSeparator {
	clear: both;
	width: 100%;
	font-size: 0;
	line-height: 0;
	margin: 0;
	padding: 0;
	height: 0;
	border: none;
}


.PostList {
	border-bottom: 1px solid #666666;
	clear: both;
	min-height: 1.5em;
	_height: 1.5em;
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	margin-bottom: 5px;
}
.postTitl2 {
	float: left;
}
.postDesc2 {
	float: right;
	margin-right: ;
}
.postText2 {
	clear: both;
	color: #666;
}
.pfl_feedback_area_title {
	text-align: right;
	line-height: 1.5em;
	font-weight: bold;
	border-bottom: 1px solid #666;
	margin-bottom: 10px;
}
.pfl_feedbackItem {
	border-bottom: 1px solid black;
	margin-bottom: 20px;
}
.pfl_feedbacksubtitle {
	width: 100%;
	border-bottom: 1px dotted #666;
	height: 1.5em;
}
.pfl_feedbackname {
	float: left;
}
.pfl_feedbackManage {
	float: right;
}
.pfl_feedbackCon {
	color: black;
	padding-top: 5px;
	padding-bottom: 5px;
}
.pfl_feedbackAnswer {
	color: #F40;
	text-indent: 2em;
}
.tdSentMessage {
	text-align: right;
}
.errorMessage {
	width: 300px;
	float: left;
}
.mySearch #q {
	height: 1.4em;
	width: 175px;
}

.myposts_title{color:#f3a2fc;}
/****列表页面结束******************************/

/****相册页面开始******************************/
.divPhoto {
	border: 1px solid #ccc;
	padding: 2px;
	margin-right: 10px;
}

.thumbDescription {
	color: #666;
	text-align: right;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
	margin-bottom: 10px;
}
/****相册页面开始******************************/


/*****留言页面开始*****************************/
#footer {
	text-align: center;
	min-height: 15px;
	height: 15px;
	margin-top: 10px;
	padding: 20px;
	margin-bottom: 10px;
}
/*留言查看页面的个人信息*/
.personInfo {
	margin-bottom: 20px;
}
/*留言分页区域*/
.pages {
	text-align: right;
}
/*****留言页面结束*****************************/
/*****第三部分结束*******************************/

/**************************************************
第四部分：文章内容常用标签格式。这个部分是设置作者写作内容的部分。例如：
如果作者的文章用有p标签，则可通过这个对这些文章中的p标签进行设置。前面
的“.postBody”明确的指出了这里样式的作用范围。仅仅适用于文章主体部分。
建议这个不要设置过于详细的细节。因为，一些样式，一篇文章比较适合的话，
并不能保证所有的文章都适合。
**************************************************/
/*文章内部常用标签格式*/
.postBody p,.postCon  p{
	text-indent: 2rem;
        margin-bottom:10px;

}
.postBody h2{
	font-size: 24px;
	margin: 15px auto 2px auto;
	font-weight:bold;
}
.postBody h3 {
	font-size: 18px;
	margin: 15px auto 2px auto;
	font-weight:bold;
}
.postBody h4{
	font-size:14px;
	margin:15px auto 2px auto;
	font-weight:bold;
	color:#333;
}

.postBody h5{
	font-size:100%;
	margin:15px auto 2px auto;
	font-weight:bold;
	color:#333;
}

.postCon a:link,.postCon a:visited{
	color:#fff;
        -webkit-transition: all .3s;
	transition: all .3s;
}
.postCon a:active,.postCon a:hover{
	background:#333;
}


.postBody a:active,.postCon a:active{
	color:#333;
      
}
.postBody ul,.postCon ul{
	margin-left:1rem;	
}

.postBody li,.postCon li{
	list-style-type:none;
	margin-top: 0;
}

.postBody blockquote{
	
	padding:10px 30px ;
	min-height:35px;
	_height:35px;
	line-height:1.6em;
	background-color: #f6f8fa;
        border: 1px solid rgba(27,31,35,0.15);
        border-radius: 3px 3px 0 0;
}
/*****第四部分结束*******************************/

/*****media*************************************/
@media screen and (min-width: 769px) and (max-width: 997px) { 
  html {
	font-size: 12px;
  }
  .day{
         width: 29%;
    }
 }
@media screen and (min-width: 415px) and (max-width: 768px) { 
  html {
	font-size: 12px;
  }
  .day{
     width: 40%;
    }
   #sidebar_search{
      width:100% !important;
   }
    .sidebar-block{
      width:40% !important;
    }
}
@media screen and (max-width: 414px) { 
  html {
	font-size: 12px;
  }
.headermaintitle{
   font-size: 18px;
}
 #navList{width:100%;}
 .blogStats{
    position: relative;
    text-align: right;
 }
#sidebar_search_box{width:100%;}
 .day{
    margin:30px auto;
    width: 92%;
    float:none;
  }
  #sideBarMain >div,.sidebar-block{
    width:96% !important;
  }
 #sideBarMain{
    background:rgba(0,0,0,0.7) url(https://images.cnblogs.com/cnblogs_com/lanbosm/786923/o_etanaru.png) no-repeat 88% 440px;
    background-size:40%;

  }
  
}