/*样式设置是有优先级的
1、行内样式，引用方式：style="…"，代码设置方式：<style=“……”
2、ID 选择器，引用方式：#box{…}，代码设置方式：id=“box”
3、类选择器，引用方式：.con{…}，代码设置方式：class=“con”
4、标签选择器和伪元素选择器，引用方式：div{…}，代码设置方式：<div ……>……</div>
5、通配选择器，引用方式：*{…}

/*  参数解释
    font:16px '幼圆';           字体和大小
    color:#ADFF2F;              字体颜色
    font-weight:500;            字体粗细    100: Thin (极细)    200: Extra Light (超细)     300: Light (细)     400: Normal (标准)      500: Medium (中等)      600: Semi Bold (半粗)       700: Bold (粗)      800: Extra Bold (超粗)      900: Black (极粗)
    letter-spacing:2.5px;       将文本中的每个字符之间的距离增加 2.5 像素
    text-indent:0px !important; 缩进距离，!important 设置最高优先级
    opacity: 1;                 透明度
*/

/* ********************************************************************************** Demo *********************************************************************************** */
/* 


1、标题 Demo

    <p class="title1_15px">一、题目信息</p>
	
    <ol>标签配合<p>标签可以自动缩进，如：<ol>1、题目限制如下</ol>
	
2、正文 Demo
	
    <ol class="olIndent"> 根据输出可以看出第一行输出的是所有1*1子矩阵中符合完美矩阵（矩阵中 0 的个数等于 1 的个数）条件的矩阵个数，其余输出同理。</ol>
	
    <span class="text">本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须在文章页面给出原文链接，否则保留追究法律责任的权利。</span> <span> 标签外部要换行，内部不能换行
	
3、链接 Demo

    <a class="link" href="https://home.cnblogs.com/u/zwsmile" target="_blank">知微smile</a><br>
	
4、图片 Demo

<ol>
<div class="imageCenterPer50">
<image class="imageIndent" src="https://img2024.cnblogs.com/blog/1724763/202405/1724763-20240529110317168-485088984.png"></image>
</div>
</ol>

5、版权 Demo

<div class="copyright">
作者：<a class="link" href="https://home.cnblogs.com/u/zwsmile" target="_blank">ThinkerOne</a><br>
出处：<a class="link" href="https://www.cnblogs.com/zwsmile/" target="_blank">https://www.cnblogs.com/zwsmile/p/14150552.html</a><br>
声明：<span class="text">本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须在文章页面给出原文链接，否则保留追究法律责任的权利。</span>
</div>

6、其它
    换行符：<br>
    空格：使用<span>、<p>标签，内部空格有效，连续空格的效果和一个空格效果一样

*/


/* ********************************************************************************** 标题 *********************************************************************************** */

.title1_17px {                                   /* 一级标题 */
    font: 17px 幼圆;
    color: #ADFF2F;
    font-weight:400;
    line-height: 1.5;
    letter-spacing: 2.5px;
    /* background-color: #9400D3; */
    /* background-image: url(https://upen.caup.net/ai_pics_mj/202303/1678119808158776.jpg); */
    /* background-size: 50px 50px; */
    /* text-indent: 0px !important; */
}
.title1_16px {
    font: 16px 幼圆;
    color: #ADFF2F;
    font-weight:400;
    line-height: 1.5;
    letter-spacing: 2.5px;
}
.title1_15px {
    font: 15px 幼圆;
    color: #ADFF2F;
    font-weight:400;
    line-height: 1.5;
    letter-spacing: 2.5px;
}
.title1_14px {
    font: 14px 幼圆;
    color: #ADFF2F;
    font-weight:400;
    line-height: 1.5;
    letter-spacing: 2.5px;
}

.title2_16px {                                   /* 二级标题 */
    font: 16px 幼圆;
    color: #EFEFEF;
    font-weight: 300;
    line-height: 1.5;
    letter-spacing: 2px;
    text-indent: 39px !important;
}
.title2_15px {
    font: 15px 幼圆;
    color: #EFEFEF;
    font-weight: 300;
    line-height: 1.5;
    letter-spacing: 2px;
    text-indent: 39px !important;
}
.title2_14px {
    font: 14px 幼圆;
    color: #EFEFEF;
    font-weight: 300;
    line-height: 1.5;
    letter-spacing: 2px;
    text-indent: 39px !important;
}

.title3_15px {                                   /* 三级标题 */
    font: 15px 幼圆;
    color: #EFEFEF;
    font-weight: 200;
    line-height: 1.5;
    letter-spacing: 1.75px;
    text-indent: 75px !important;
}
.title3_14px {
    font: 14px 幼圆;
    color: #EFEFEF;
    font-weight: 200;
    line-height: 1.5;
    letter-spacing: 1.75px;
    text-indent: 75px !important;
}

.title4_14px {                                   /* 四级标题 */
    font: 14px 幼圆;
    color: #EFEFEF;
    font-weight: 100;
    line-height: 1.5;
    letter-spacing: 1px;
    text-indent: 108.5px !important;
}



/* ********************************************************************************** 文本 *********************************************************************************** */

.text {                                     /* 普通文本 */
    font: 14px 幼圆;
    color:#FFFFFF;
    height: auto;
    line-height: 1.5;
}

/* ********************************************************************************** 链接 *********************************************************************************** */

.link {                                     /* 链接 */
    font: 14px 幼圆;
    color:#FFFFFF;
    height: auto;
    line-height: 1.5;
}



/* ********************************************************************************** 缩进 *********************************************************************************** */

.olIndent {                                 /* ol 标签缩进 */
    margin: 0 0 0 21px;
    /* padding-left: 2em !important; */
}

.spanIndent {                              /* span 标签缩进 */
    /* margin: 0 0 0 21px; */
    display: block;
    padding-left: 23px;
    white-space: pre-wrap; /* 保持换行符，但也允许文本自动换行 */

}

.imageIndent {                              /* 图片缩进 */
    opacity: 1;
    text-align: center;
    margin: 10px 0 10px 48px;
}

.codeIndent {                               /* 代码缩进 */
    margin: 0 0 0 23px;
    /* padding-left: 2em; */
}
.codeIndent:hover {
    cursor: pointer;
}

.enterIndent {                              /* 换行缩进 */
    margin: 0 0 0 21px;
    /* padding-left: 2em; */
}

.headIndent {                               /* 首行缩进 2 中文字符 */
    margin: 0 0 0 28px;
    /* padding-left: 2em; */
}



/* ********************************************************************************** 位置 *********************************************************************************** */
.imageCenterPer15 {                              /* 图片位置 */
    text-align:center;
    img {
        width: 15%;
        height: auto;
    };
}
.imageCenterPer30 {
    text-align:center;
    img {
        width: 30%;
        height: auto;
    };
}
.imageCenterPer50 {
    text-align:center;
    img {
        width: 50%;
        height: auto;
    };
}
.imageCenterPer80 {
    text-align:center;
    img {
        width: 80%;
        height: auto;
    };
}

/* ********************************************************************************** 版权 *********************************************************************************** */

.copyright {
    font: 14px 幼圆;
    color:#FAFAD2;
    height: auto;
    line-height: 1.5;
    margin:40px 0 0px 0 !important;
}



/* ********************************************************************************** 颜色 *********************************************************************************** */
.letterColor {
    color:#FFFF00 !important;            /* 字母颜色 */
    text-decoration:none;
}

.olTitleColor {
    color:#ADFF2F !important;           /* ol 标题颜色 */
    text-decoration:none;
    /* 48D1CC */
}

.spanColor {
    color:#808080 !important;            /* 正文颜色 */
    text-decoration:none;
}

.wcolor_0 {                                 /* 文字颜色 */
    color:#FFFFFF !important;
    text-decoration:none;
}
.wcolor_1 {
    color:#000000 !important;
    text-decoration:none;
}
.wcolor_2 {
    color:#0000FF !important;
        text-decoration:none;
    }
.wcolor_3 {
    color:#00FF7F !important;
    text-decoration:none;
}
.wcolor_4 {
    color:#00FFFF !important;
    text-decoration:none;
}
.wcolor_5 {
    color:#9370DB !important;
    text-decoration:none;
}
.wcolor_6 {
    color:#FAFAD2 !important;
    text-decoration:none;
}
.wcolor_7 {
    color:#FF0000 !important;
    text-decoration:none;
}
.wcolor_8 {
    color:#F0F8FF !important;
    text-decoration:none;
}
.wcolor_9 {
    color:#808080 !important;
    text-decoration:none;
}
.wcolor_10 {
    color:#FF8C00 !important;
    text-decoration:none;
}
.wcolor_11 {
    color:#acff2f !important;
    text-decoration:none;
}
.wcolor_12 {
    color:#FFB6C1 !important;
    text-decoration:none;
}
.wcolor_13 {
    color:#FF1493 !important;
    text-decoration:none;
}
.wcolor_14 {
    color:#FF00FF !important;
    text-decoration:none;
}
.wcolor_15 {
    color:#9400D3 !important;
    text-decoration:none;
}
.wcolor_16 {
    color:#48D1CC !important;
    text-decoration:none;
}
.wcolor_17 {
    color:#FFFF00 !important;
    text-decoration:none;
}
.wcolor_18 {
    color:#FF6600 !important;
    text-decoration:none;
}
.wcolor_19 {
    color:#93da29 !important;
    text-decoration:none;
}



























/********************************************* 博客园首页背景设置 ***************************************************************/
/*  参数说明
    #：代表 div 块 id 类型标识
    //：这不是注释符，使用这注释会导致 css 样式不可用，使用/**\/ 注释才可以
    border-top: div 块的上边框
    border-bottom: div 块的下边框
    margin(外边距)：会在元素周围创建空白区域，用于分隔元素与其他元素之间的距离。
    Padding(内边距)：Padding 会在元素内容和边框之间创建空白区域。
    line-height：用于指定行高。行高指的是一行文字的高度，line-height: 1.5;：行高是当前文字大小的 1.5 倍。line-height: normal;：默认行高，通常由浏览器决定。
    font-family：用于指定元素中文本的字体族（font family）。它允许你定义一个或多个字体族的优先顺序，以便在用户计算机上寻找最合适的字体来显示文本内容。
    body 样式中的颜色设置必须为英文，#000000 不行，暂时不知道为什么
    position: relative; 将元素的定位方式设为相对定位，这意味着元素仍会保持其在文档流中的位置，但是可以通过调整 top、right、bottom、left 属性来相对于其原始位置进行定位。
    top: 12px; 设置了元素相对于其原始位置向下偏移 12 像素。
    font-size: 14px;                    // 字体大小
    font-weight: bold;                  // 字体加粗
    color: #FFFF00;                     // 字体颜色
    text-align:center;                  // 字体居中
    height：元素高度，如 div 块元素，auto 可以让浏览器根据元素的内容自动计算高度，height: 50%; 父元素高度的 50%
    width：元素宽度
    !important：设置最高优先级
    target="_blank"：指定链接在新的浏览器窗口或标签页中打开
*/

/*整个首页的整体布局*/
body {
    margin-top: 0;
    margin-bottom: 0;
    font: 14px black 幼圆;
    line-height: 1.5;
    color: #EFEFEF;
    background: #000000;
    font-family: '幼圆', 'Microsoft YaHei', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
}

/**********************************************************左侧**********************************************************/
/*左侧和右侧整体的上面的部分*/
#banner {
    /* 隐藏 banner div 块 */
    display: none;
}

/* 左侧整体布局 */
#left {
    position: absolute;
    top: 50px;
    /* left: 10px; */
    margin: 0 0 0 10%;
    padding: 0 20px 0 20px;
    border: #666666 1px solid;
    background: #000000;
    text-align: center;
    overflow-x: hidden;
    display: block;
}

/* 个人信息布局 */
#profile_block {
    font:14px 幼圆;
    color:#EFEFEF;
    line-height:1.6;
    margin: 30px 20px 30px 20px;
}

a {                                         /* 链接下划线设置为无 */
    text-decoration: none;
}

a:hover {                                   /* 鼠标悬浮链接下划线设置为无 */
    color: #00FFFF;
    text-decoration: none;
    /* color: #000000; */
    font-weight: 800;
    transform: scale(1.1);      /* 放大效果 */
    transition: transform 0.1s; /* 过度效果 0.1 s */
}

#mylinks a {
    font-size: 16px;
    color: #CCCCCC;
    text-decoration: none;
}

#mylinks a:hover {
    font-size: 16px;
    color: #00FFFF;
    text-decoration: none;
    /* color: #000000; */
    font-weight: 800;
    transform: scale(1.1);      /* 放大效果 */
    transition: transform 0.1s; /* 过度效果 0.1 s */
}

.dayTitle a:link {
    color: #EFEFEF;
    text-decoration: none;
}
.dayTitle a:hover {
    color: #00FFFF;
    text-decoration: none;
    /* color: #000000; */
    font-weight: 800;
    transform: scale(1.1);      /* 放大效果 */
    transition: transform 0.1s; /* 过度效果 0.1 s */
}

a.postTitle1:link {
    color: #EFEFEF;
    text-decoration: none;
}

/* 我的标签
div#MyTag > ul > li > a {
    color: #EFEFEF;
}
阅读排行榜
div#TopViewPostsBlock > ul > li > a {
    color: #EFEFEF;
}
推荐排行榜
div#TopDiggPostsBlock > ul > li > a {
    color: #EFEFEF;
} */

/* 我的标签 */
div#MyTag > ul {
    margin-top: 20px;
}

/* 积分与排名 */
div#sidebar_scorerank > ul {
    margin-top: 20px;
}
div#sidebar_scorerank > ul > li {
    color: #999999;
}
div#sidebar_scorerank > ul > li:hover {
    color: #00FFFF;
}

/* 阅读排行榜 */
div#TopViewPostsBlock > ul {
    margin-top: 20px;
}
div#sidebar_toptags > h3 {
    margin-top: 20px;
}

/* 推荐排行榜 */
div#TopDiggPostsBlock > ul {
    margin-top: 20px;
    margin-bottom: 30px;
}
u {                                     /* 发布博客的日期样式设置 */
    color: #0000FF;
    text-decoration: none;
}

u:hover {                               /* 发布博客的日期鼠标悬浮样式设置 */
    color: #00FFFF;
    text-decoration: none;
}

.Cal a:link {
    color: #0000FF;
    text-decoration: none;
}

/* 日历布局 */
#calendar {
    width: auto;
    font-size: 12px;
    font-family: arial;
    margin: 10px 0px 40px 0px;
    padding: 0;
}

#blog-calendar table td {                   /* 全部日期样式设置 */
    font: 14px 幼圆; 
    color: #EFEFEF;
    background: #0B0B0B;
    background-color:transparent;
    border: #666666 1px solid;
    text-align:center;
    text-decoration: none;
}

#blog-calendar table td.CalNextPrev {
    border: #666666 0px solid;
}

#blog-calendar table th {                   /* 周一至周五样式设置 */
    font: 14px 幼圆; 
    color: #EFEFEF;
    text-align:center;
    text-decoration: none;
}

.CalTitle td {                                 /* 日历第一行 */
    font: 14px 幼圆;
    border: #666666 1px solid;
    text-decoration: none;
}

/* "<" 和 ">" 样式设置 */
#blog-calendar .CalTitle a {
    font-size: 14px;
    font-weight: bold;
    color: #EFEFEF;
    text-align:center;
    text-decoration: none;
}

/* "<" 和 ">" 鼠标悬浮样式设置 */
#blog-calendar .CalTitle a:hover {
    font-size: 14px;
    color: #00FFFF;
    text-align:center;
    /* color: #000000; */
    font-weight: 800;
    transform: scale(1.1);      /* 放大效果 */
    transition: transform 0.1s; /* 过度效果 0.1 s */
}

/* 日历第二行 */
.CalDayHeader {
    background: #0B0B0B;
    padding: 5px 0 5px 0;
}

#blog-calendar table td.CalTodayDay {           /* 当前日期样式设置 */
    font-size: 14px;
    font-weight: bold;
    color: #FF8C00;
    text-align:center;
}

/* 左侧标签样式 */
.listtitle, .catListTitle {
    font: 14px 幼圆;
    color: #EFEFEF;
    line-height: 1.5;
    height: auto;
    background: #0B0B0B;
    border: #666666 1px solid;
    padding: 5px 0 5px 0;
    margin: 20px 0 10px 0;
}
.listtitle, .catListTitle:hover {
    color: #00FFFF;
    /* color: #000000; */
    font-weight: 800;
    transform: scale(1.1);      /* 放大效果 */
    transition: transform 0.1s; /* 过度效果 0.1 s */
}
h3 {
    font: 14px 幼圆;
    line-height: 1.5;
    padding: 5px 0 5px 0;
    margin: 20px 0 10px 0;
    border: #808080 1px solid;
}
h3:hover {
    color: #00FFFF;
    /* color: #000000; */
    font-weight: 800;
    transform: scale(1.1);      /* 放大效果 */
    transition: transform 0.1s; /* 过度效果 0.1 s */
}
#leftcontentcontainer {
    font: 14px 幼圆;
    text-align: center;
}
#leftcontentcontainer li {
    font: 14px 幼圆;
    list-style: circle inside;
    margin: 5px 20px 5px 20px;
    padding: 0 0px 0 0px;
    text-align:left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
#leftcontentcontainer li:hover {
    white-space: normal;
    text-overflow: initial;
    /* color: #000000; */
    font-weight: 800;
    transform: scale(1.1);      /* 放大效果 */
    transition: transform 0.1s; /* 过度效果 0.1 s */
}
/* 隐藏随笔分类和随笔档案 */
div#sidebar_categories {
    display: none;
}

/* 搜索框样式 */
.div_my_zzk {
    margin: 20px 5px 0px 10px;
    text-align: center;
}
/* 搜索按钮样式 */
input.btn_my_zzk {
    font: 14px 幼圆;
    color: #FFFFFF;
    text-indent: -9999px;
    text-align: center;
    height: 25px;
    width: 29px;
    padding: 0 1px 0 1px;
    margin: 5px 0 14px 0;
    border: #808080 0px solid;
    border-radius: 7px;
    background-color: #000000;
    background-image: url(https://images.cnblogs.com/cnblogs_com/zwsmile/2400484/o_240530131330_ss.png);
    background-size: 25px 25px;
    cursor: pointer;
}
input.btn_my_zzk:hover {
    color: #00FFFF;
    /* color: #000000; */
    font-weight: 800;
    transform: scale(1.1);      /* 放大效果 */
    transition: transform 0.1s; /* 过度效果 0.1 s */
}

/* 进入阅读排行榜 */
#myposts .myposts_title {
    font: 16px 幼圆;
    color: #EFEFEF;
    text-align: center;
    line-height: 1.5;
    height: auto;
}
/* 
    div:nth-of-type(2) > div[role='heading'] > .vertical-middle > span 这只能设置第二行，可以转换成下面的 css 选择器样式，更通用，即把 “:nth-of-type(2)” 去掉
    div > div[role='heading'] > .vertical-middle > span
 */
/* 文章标题及其链接颜色 */
div > div[role='heading'] > .vertical-middle > span {
    font: 18px 幼圆;
    color: #EFEFEF;
    text-align: left;
    line-height: 1.5;
    padding: 10px 0 10px 0;
}
div > div[role='heading'] > .vertical-middle > span:hover {
    color: #93da29;
    text-decoration: none;
    /* color: #000000; */
    font-weight: 800;
    transform: scale(1.1);      /* 放大效果 */
    transition: transform 0.1s; /* 过度效果 0.1 s */
}

#myposts .postDesc2 {
    font: 12px 幼圆;
    color: #999999;
    text-align: left;
    line-height: 1.5;
    height: auto;
    margin: 0 0 0 10px;
}

/* 进入我的标签 */
#taglist_title {
    font: 16px 幼圆;
    color: #EFEFEF;
    text-align: center;
    line-height: 1.5;
    height: auto;
}
#taglist_title:hover {
    color: #00FFFF;
    font-weight: 800;
    transform: scale(1.1);      /* 放大效果 */
    transition: transform 0.1s; /* 过度效果 0.1 s */
}
small {
    font: 16px 幼圆;
    color: #EFEFEF;
}
table#MyTag1_dtTagList {
    font: 16px 幼圆;
    color: #EFEFEF;
}
#taglist_main #taglist .small {
    font: 16px 幼圆;
    color: #999999;
}
/**********************************************************右侧**********************************************************/

#right {
    height:100%;
    width: 100%;
    background: transparent;
    display: block;
}

/*右侧整体布局*/
#right_content {
    margin: 0 10% 0 32%;
    /* border: #666666 1px solid; */
    background: #000000;
    background-image: none;
}

/* 右侧 定随笔 文章 评论阅读 */
#mylinks {
    font: 16px 幼圆;
    line-height: 1.5;
    color: #EFEFEF;
    background: #000000;
    margin: 20px;
    padding: 20px;
    text-align:justify;
}

/* “博客园” “首页” “新随笔” 栏样式设置 */
#topics {
    font:16px 幼圆;
    text-align:justify;
}

/* 文章 div 块整体布局 */
.day {
    margin: 20px;
    padding: 20px;
    border: #666666 1px solid;
    background-color: #0B0B0B;
    position: relative;
}

/* 隐藏文章日期 */
.dayTitle {
    font: 14px 幼圆;
    display: none;
}

/* 文章外标题颜色 */
a.postTitle1:visited {
    color: #EFEFEF;
    text-decoration: none;
}
a.postTitle1:link {
    color: #EFEFEF;
    text-decoration: none;
}
a.postTitle1:hover {
    color: #93da29;
    text-decoration: none;
    /* color: #000000; */
    font-weight: 800;
    transform: scale(1.1);      /* 放大效果 */
    transition: transform 0.1s; /* 过度效果 0.1 s */
}
/* 进入文章后的标题颜色 */
a.postTitle2:link {
    color: #EFEFEF;
    text-decoration: none;
}
a.postTitle2:visited {
    color: #EFEFEF;
    text-decoration: none;
}
a#cb_post_title_url > span[role='heading'] {
    color: #EFEFEF;
    text-decoration: none;
}
a#cb_post_title_url > span[role='heading']:hover {
    color: #00FFFF;
    text-decoration: none;
    /* color: #000000; */
    font-weight: 800;
    transform: scale(1.1);      /* 放大效果 */
    transition: transform 0.1s; /* 过度效果 0.1 s */
}
a.postTitle2:hover {
    color: #00FFFF;
    text-decoration: none;
    /* color: #000000; */
    font-weight: 800;
    transform: scale(1.1);      /* 放大效果 */
    transition: transform 0.1s; /* 过度效果 0.1 s */
}

/* 文章标题样式 还有一个地方设置 */
.postTitle {
    font: 18px 幼圆;
    color: #EFEFEF;
    text-align: left;
    line-height: 1.5;
    padding: 10px 0 10px 0;
}

h1.postTitle {
    font: 18px 幼圆;
    color: #EFEFEF;
    text-align: center;
    text-decoration: none;
    line-height: 1.5;
    padding: 10px 0 10px 0;
}

/* 文章标题下方描述样式 */
.postCon {
    font: 15px 幼圆;
    line-height: 1.5;
    padding: 5px 0 5px 0;
}

/* 描述下方小字部分 */
.postDesc {
    font: 12px 幼圆;
    color: #999;
    text-align: right;
    padding: 10px;
    margin: 0;
}

/* 编辑选项样式 link: 即页面链接开始显示的颜色，visited：访问过的链接的颜色，hover：鼠标悬浮的颜色*/
.postDesc a:link {
    color: #999999;
    text-decoration: none;
}
.postDesc a:visited {
    color: #999999;
    text-decoration: none;
}
.postDesc a:hover {
    color: #00FFFF;
    text-decoration: none;
    /* color: #000000; */
    font-weight: 800;
    transform: scale(1.1);      /* 放大效果 */
    transition: transform 0.1s; /* 过度效果 0.1 s */
}
div#cnblogs_post_body a[target='_blank'] {
    color: #EFEFEF;
}
.post a:link {
    color: #999999;
    text-decoration: none;
}
.post a:visited {
    color: #999999;
    text-decoration: none;
}
.post a:hover {
    color: #00FFFF;
    text-decoration: none;
    /* color: #000000; */
    font-weight: 800;
    transform: scale(1.1);      /* 放大效果 */
    transition: transform 0.1s; /* 过度效果 0.1 s */
}

/* 一个日期的多篇文章中间的分隔设置 */
.postSeparator {
    height: 0;
    width: 100%;
    border-top: #666666 1px solid;
}

/* 下一页设置 */
.topicListFooter {
    font:14px 幼圆;
    color: #EFEFEF;
    line-height: 1.5;
    margin: 10px;
    padding: 10px;
    background-color: #000000;
}
/* 上一页设置 */
.pager {
    font:14px 幼圆;
    color: #999999;
    line-height: 1.5;
    background-color: #000000;
}
.pager a {
    font:14px 幼圆;
    line-height: 1.5;
    border: #999999 0px solid;
}
/* 底部版权信息 */
#footer {
    font:14px 幼圆;
    color: #999999;
    line-height: 1.5;
    margin: 20px;
    height: auto;
    padding: 20px;
    /* border: #666666 1px solid; */
    /* background-color: #0B0B0B; */
    background-color: #000000;
}

/********************************************* 进入文章样式设置 *************************************************************/
#blog_post_info_block {
    margin-top: 40px;
}
#green_channel {
    font: 12px 幼圆;
    padding: 10px 0 10px 0;
    margin: 10px 0 20px 0;
    border: #666666 1px solid;
    /* border-radius: 10px; */              /* 设置边框的角是圆的 */
    width: 350px;
    text-align: center;
}
#green_channel #green_channel_wechat {
    margin-right: 0;
}
#commentform_title {
    color: #999999;
}
.comment_textarea {
    padding: 20px 20px 20px 20px;
    margin:20px 20px 20px;
    width: 100%;
    background-color: #DDDDDD;
}
div.commentform textarea {
    background-color: #EFEFEF;
}
/* 提交评论和退出设置 */
input#btn_comment_submit:hover {
    color: #000000;
    font-weight: 800;
    transform: scale(1.1);      /* 放大效果 */
    transition: transform 0.1s; /* 过度效果 0.1 s */
}
p#commentbox_opt {
    width: 100%;
    margin: 0 0px 0 20px;
    text-align: center;
}
p#commentbox_opt > a {
    font: 14px 幼圆;
    color: #000000;
    text-align: center;
    display: inline-block;
    height: 24px;
    width: 60px;
    margin: 0 20px 0 20px;
    line-height:1.5;
    padding: 0 0 0 0;
    background-color: #DDDDDD;
    border-radius: 10px;
}
p#commentbox_opt > a:hover {
    color: #000000;
    font-weight: 800;
    transform: scale(1.1);      /* 放大效果 */
    transition: transform 0.1s; /* 过度效果 0.1 s */
}

#EntryTag {
    color: #999999;
}
#cnblogs_ch {
    display: none;
}
.c_ad_block, .under-post-card {
    display: none;
}
/* 隐藏提交快捷键提示 */
div#comment_form_container > p:nth-of-type(2) {
    display: none;
}

/* 推荐和反对 */
/* 推荐和反对图片共占的长度 */
#div_digg {
    height: 200px;
    width: 200px;
}
div#div_digg > .diggit {
    background-image: url(https://images.cnblogs.com/cnblogs_com/zwsmile/2400484/o_240527083709_y.png);
    height: 80px;
    width: 80px;
    background-size:80px 80px;
}
/* 推荐量数据位置 */
#div_digg .diggnum {
    line-height: 6.5em !important;
}
div#div_digg > .buryit {
    background-image: url(https://images.cnblogs.com/cnblogs_com/zwsmile/2400484/o_240527083709_n.png);
    height: 80px;
    width: 80px;
    background-size:80px 80px;
}
/* 反对量数据位置 */
#div_digg .burynum {
    line-height: 3.5em !important;
}
/* 没输入评论的就提交的错误提示 */
span#tip_comment {
    margin: 0 0 0 20px;
}
div#tip_comment2 {
    display: none;
}
/* 评论预览字体 */
div#tbCommentBodyPreviewBody > p {
    font: 14px 幼圆;
    color: #000000;
}
/* 提交评论后的提示样式 */
span#tip_comment {
    font: 14px 幼圆;
    color: #00FFFF !important;
}
/* 删除评论后的提示样式 */
.comment_actions > span {
    font: 14px 幼圆;
    color: #00FFFF !important;
}
/* 推荐或反对后的提示信息 */
div#digg_tips {
    font: 14px 幼圆;
    color: #00FFFF !important;
}