/* 主页面设置*/
*{
    font-size: 16px;
    font-family: 幼圆;
}

body{
    background-color: #FDF6E3；
    line-height: 1.5em; 
    max-width: 960px;
    margin: 0 auto;
}
/* !important的作用是提高指定样式规则的应用优先权。*/
body>*:first-child {
    margin-top: 0 !important;
}

body>*:last-child {
    margin-bottom: 0 !important;
}
/* <tt> 标签与 <code> 和 <kbd> 标签一样，<tt> 标签和必
需的 </tt> 结束标签告诉浏览器，要把其中包含的文本显示
为等宽字体。*/

/* 标题 h1~h2*/
/* ====================================================*/
h1 {
  font-size: 2.8em;
  color: #008200;
  margin: 0.75em;
}
h2 {
  font-size: 2.4em;
  color: #9B31EA;
  margin: 0.75em;

}
h3 {
  font-size: 1.8em;
  color: #338000;
  margin: 0.75em;
}
h4 {
  font-size: 1.4em;
  margin: 0.75em;
}

/* p,a,,hr,list,table*/

/* ==================================================*/
/*<blockquote> 标签定义摘自另一个源的块引用。浏览器
通常会对 <blockquote> 元素进行缩进。
*/
blockquote {
    border-left:.5em solid #eee;
    padding: 0 0 0 2em;
    margin-left:0;
}
blockquote  cite {
    font-size:14px;
    line-height:20px;
    color:#bfbfbf;
}
blockquote cite:before {
    content: '\2014 \00A0';
}

blockquote p {
    color: #666;
}
/* p*/
p {
    margin-bottom: 1.5em;
}
/* hr */
hr {
    clear: both;
    margin: 15px 0;
    height: 0px;
    overflow: hidden;
    border: none;
    background: transparent;
    border-bottom: 1px solid #ddd;
    padding: 0;
}
/*  link*/

a {
    color: #1276da;
    text-decoration: none;
}
a:focus {
    outline: thin dotted;
}
a:active,a:hover {
    outline: 0;
}
a:hover {
    color: #cb4b16;
    text-decoration: underline;
}
a:visited {
    color: #1276da;
}

/* list */



/* tables */

#mainContent table thead, #mainContent table tr {
border-top-width: 1px;
border-top-style: solid;
border-top-color: rgb(235, 242, 224);
}
#mainContent table {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: rgb(235, 242, 224);
}
#mainContent thead, #mainContent table td:nth-child(1){
    font-weight:bold;
    color: #7034ca;
}
/* Padding and font style */
#mainContent table td, #mainContent table th {
padding: 5px 10px;
font-size: 12px;
font-family: Verdana;
color: rgb(149, 170, 109);
}

/* Alternating background colors */
#mainContent table tr:nth-child(even) {
background: rgb(230, 238, 214)
}
#mainContent table tr:nth-child(odd) {
background: #FFF
}

/* code */
/* =======================================*/
code, pre {
    border-radius: 3px;
    background-color:#f7f7f7;
    color: inherit;
}

code {
    font-family: Consolas, Monaco, Andale Mono, monospace;
    margin: 0 2px;
}

pre {
    line-height: 1.7em;
    overflow: auto;
    padding: 6px 10px;
    border-left: 5px solid rgb(149, 170, 109);
}

pre > code {
    border: 0;
    display: inline;
    max-width: initial;
    padding: 0;
    margin: 0;
    overflow: initial;
    line-height: inherit;
    font-size: .85em;
    white-space: pre;
    background: 0 0;

}

code {
    color: #666555;
}

/*目录形成的范围*/
#outline-list {
    height: 325px;
    position: fixed;
    overflow-y:scroll;
    overflow-x:hidden;
    bottom: 80px;
    right: 15px;
    width: 220px;
}
/* 设置滚动条的样式 */
::-webkit-scrollbar {
width:12px;
}
/* 滚动槽 */
::-webkit-scrollbar-track {
-webkit-box-shadow:inset006pxrgba(0,0,0,0.3);
border-radius:10px;
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
border-radius:10px;
background:rgba(0,0,0,0.1);
-webkit-box-shadow:inset006pxrgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
background:rgba(255,0,0,0.4);
}