body {
font-size: 16px;
background-color: #f4f4f4;
}

/*页首样式*/
#headerBC {
background-color: #969;
margin-bottom: 5px;
height: 60px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
#header {
color: #fff;
display: flex;
width: 1000px;
margin: 0px auto;
}
#logo {
margin: 0px;
display: flex;
margin-right: 10px;
margin-left: 20px;
}
#logo img {
width: 45px;
height: 45px;
border-radius: 50%;
margin: 8px 15px 7px 0px;
}
#header h1 {
font-size: 130%;
margin: 22px 0px 0px 0px;
}
#header ul {
list-style-type: none;
display: flex;
margin: 0px;
}
#header a {
/*链接文本样式*/
font-size: 15px;
font-family: sans-serif;
text-align: center;
text-decoration: none;
line-height: 20px;
display: block;
color: #fff;
padding: 28px 30px 12px 30px;
margin-left: 1px;
}

#header a:hover {
color: #969;
background-color: #ede;
}

#header .now {
color: #969;
background-color: #ede;
}

/*主体*/
article,#search,#hot {
border-radius: 6px;
border-style: outset;
border-color: #eee;
background-color: #fff;
}

/*主体布局*/
#body {
width: 1000px;
color: #969;
display: flex;
flex-direction: row-reverse;
align-items: stretch;
margin: auto;
}
#body section {
flex: 4;
}

/*博客样式*/
#body article {
margin-top: 10px;
}
#body header {
margin: 30px 0px 15px 30px;
border-bottom: dashed 1px;
width: 91%;
}
#body h2 {
font-weight: normal;
font-size: 130%;
color: #969;
text-align: left;
margin-bottom: 3px;
}
#body span{
font-size: 80%;
}
#body p, #body ul {
line-height: 1.6em;
color: #666;
}
#body article p {
margin: 0px 30px 30px 30px;
}

/*内容区样式*/


#body section {
display: flex;
flex-direction: column;
justify-content: flex-start;
}

/*边栏样式*/
#left {
margin-right: 10px;
flex: 1;
display: flex;
flex-direction: column;
}
#search, #hot {
padding: 0px 20px;
padding-bottom: 20px;
margin-top: 10px;

}
#left h2 {
font-size: 110%;
text-align: center;
padding-bottom: 3px;
border-bottom:1px dashed;
margin-bottom: 10px;
}
/*搜索*/
#search input {
width:140px;
}
/*热门*/
#hot ul{
margin: 0px 10px;
text-align: left;
font-size: 100%;
padding-left: 0px;
list-style-type: none;
}


/*页脚样式*/
#footer {
font-size: 80%;
color: #666;
text-align: center;
line-height: 11px;
}
#footer ul {
list-style-type: none;
display: flex;
justify-content: center;
align-items: baseline; 
}
#footer a {
color: #666;
text-decoration: none;
padding: 0px 5px;
}
#footer a img {
position: relative;
top: 5px;
}
/*版权归属人*/
#name {
    font-family:cursive;
    font-style:italic;
}