#home {
    background-color: #fff;
    border-radius: 0px 5px 0 0;
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
    margin: auto;
    margin-top: 20px;
    min-width: 950px;
    width:75%;
    margin-bottom:50px;
    padding:30px 30px 50px 55px;
}
#navigator,  .day {
    border: 1px solid #d0cfcfad;
    border-radius: 3px;	
    margin-right: 25px;
    padding-left: 25px;
}

.current-collection {
    max-width: 850px;
}

/* 隐藏反对按钮 */
.buryit {
    display: none;
}

/*设置推荐浮窗样式*/
#div_digg {
    position: fixed;
    bottom: 0px;
    right: 6%;
    width: 100px;
    padding: 8px 8px 8px 10px;
    /* background-color: #fff; */
    /* border: 1px solid #D9DBE1; */
    margin-right: 10px;
    margin-bottom: 50px;
}

/* .diggit {
    margin-left: 25px;
} */


.diggit {
    background: url(https://images.cnblogs.com/cnblogs_com/vvjiang/996881/o_ball2.png) no-repeat;
    border-radius: 50%;
    box-shadow: 0px 0px 15px 5px #fff inset;
    cursor: pointer;
    height: 100px;
    margin: 0px;
    padding: 0px;
    width: 100px;
    text-align: center;
    
    cursor: pointer;
    position: relative;
    animation: bounce 5s infinite;
}

.diggit:before {
    content: "\8FD9\91CC\662F\70B9\8D5E\54E6";
    content: "这里是点赞哦";
    position: absolute;
    top: -40px;
    left: 7px;
    font-size: 15px;
    left: 2px;
    font-size: 16px;
    color: red;
}

.diggnum {
    font-size: 30px;
    color: #ffffff;
    font-family: Verdana;
}


@keyframes bounce {
    0%{
        transform: translateY(0);
    }
    10% {
        transform: translateY(5px);
    }
    50% {
        transform: translateY(-200px);
    }
    100% {
    transform: translateY(0px);
    }
}

.edgeLabel {
    
    background-color: #ffffff !important;
}

.post,.day {
    padding: 5px 10px 0;
    padding-left: 25px;
    /*width:95%;*/
}

pre[data-mac-style][class*='language-'].highlighter-prismjs::before, pre[data-mac-style] code.hljs::before {
    top: var(--mac-style-spacing,5px);
    left: var(--mac-style-spacing,20px);
    width: 10px;
    height: 10px;

}

/* 红色圆点 */
/* pre:before {
    content: '';
    width: 10px;
    height: 10px;
    background-color: #ff5f56 !important;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    left: 20px;
    box-shadow: 20px 0 var(--mac-style-color-orange,#febb2c),40px 0 var(--mac-style-color-green,#29c73f) !important;
} */

svg {
    width: 70%;
    padding: 25px 25px 0px 25px;
    stroke: #ffffff;
    /* font-style: oblique; */
}

.actor {
    stroke: rgb(95 69 151) !important;
        fill:  #0b58a5 !important;
}

text.actor-man>tspan {
    fill: #c61e1e !important;
}


text.actor>tspan{
    fill: #ffffff !important;
}

.mermaid {
      justify-content: center;
      align-items: center;
      /* height: 100vh; */
    }


.table-wrapper code {
    background-color: #f4eded!important;
    color: #d92626;
}

.cnblogs-markdown code {
    background-color: #f0e7e7!important;
}

#mainContent {width: 95%;}
p a {
    color: #226ca2 !important;
}

td a {
    color: #226ca2 !important;
    text-decoration: none !important;;
}

.cnblogs_code_toolbar span {
    padding-right: 0px;
}

/*正文无序列表*/
#cnblogs_post_body p ul {
    padding-left: 0;
    line-height: 1.6;
    margin: 10px 10px 10px 50px;
}

/*非markdown代码字体*/
.cnblogs_code span {
    font-family: Consolas,Inconsolata,Courier,monospace !important;;
    font-size: 14px!important;
    line-height: 1.5!important;
}

#topics .postTitle{
    font-size: 20px;
    text-align: center;
}

@media screen and (max-width: 800px) {
#navigator,  .day {
    border: 1px solid #d0cfcfad;
    border-radius: 3px;	
    margin-right: 0px;
    padding-left: 25px!important;
}
#home {    padding:10px;}
#mainContent {
    width: 100%;
}

#topics .postTitle{
    font-size: 25px ;
    text-align: center;
}
}

@media screen and (max-width: 1800px) {
    #home {
    background-color: #fff;
    border-radius: 0px 5px 0 0;
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
    margin: auto;
    margin-top: 20px;
    min-width: 900px;
    width:82%;
    margin-bottom:50px;
}

#topics .postTitle{
    font-size: 25px ;
    text-align: center;
}

}


@media screen and (max-width: 1200px) {
#cnblogs_post_body img {
        max-width: 600px !important;
}
}

@media screen and (max-width: 1500px) {
#cnblogs_post_body img {
    max-width: 100% !important;
}
}

#cnblogs_post_body img {
    max-width: 950px;
    border-radius: 5px;
    margin: 5px auto;
    display: block;
    /*max-width: 95%;*/
    background: #ffffff;
    /*box-shadow: 0 0 0px #8c8888;*/
    box-shadow: 0px 1px 10px 0px #908a8a;
    padding: 0px;
padding-right: 0px;
}



@media screen and (min-width: 1800px) {
#cnblogs_post_body img {
    max-width: 960px;
    border-radius: 5px;
display: block;
    margin: 5px auto;
    /*max-width: 95%;*/
    background: #ffffff;
    /*box-shadow: 0 0 0px #8c8888;*/
    box-shadow: 0px 1px 10px 0px #908a8a;
/*边框宽度（颜色未背景颜色）*/
    padding: 0px;
}

#mainContent {width: 95%;}
#cnblogs_post_body {
padding : 0 40px;
}

}

@media screen and (max-width: 500px) {
#cnblogs_post_body img {
    max-width: 500px;
}

}

<style type="text/css">
    #cnblogs_post_body
    {
        color: black;
        font: 0.875em/1.5em "微软雅黑" , "PTSans" , "Arial" ,sans-serif;
        font-size: 14px;
    }

/*底部签名*/
#MySignature {
border: 1px solid #ffffff !important;
    border-top: 0px solid #f1f0f0 !important;
    margin: 3em 0em 0em 0em;
    padding-left: 0px;
color:#828282;
}
#blogTitle h2 {
    float: left;
}

/*顶部统计数据*/
.blogStats {
    padding-right: 20px;
}

/*详情页标题*/
#cb_post_title_url {
    padding-left: 0px;
}


.entrylistPosttitle a:link, .entrylistPosttitle a:visited, .entrylistPosttitle a:active{color: #4183c4 !important;}




body {
    background-color: #535c65;
    background-image: linear-gradient(#569086 1px,transparent 0), linear-gradient(90deg, #acadb1 1px,transparent 0), linear-gradient(hsl(184, 7%, 61%) 1px,transparent 0), linear-gradient(90deg,hsla(0,0%,100%,.3) 1px,transparent 0);
    background-size: 60px 75px,79px 60px,13px 13px,17px 12px;
}

/*设置表格样式*/
#cnblogs_post_body th , td{
text-align: center;
    font-size: 12px;
    max-width: 880px !important;
    min-width:30px;
}

#cnblogs_post_body th {
    color: white;
    background: #555;
    font-size: 12px;
    min-width: 50px;
}

#cnblogs_post_body table tr:nth-child(2n) {
    background-color: #d7dcd987;
}

#cnblogs_post_body table{
    margin:auto;
    border-radius: 8px;
    box-shadow: 0px 0px 5px #999;
} /*表格居中*/


.cnblogs_code_toolbar {
    margin-top: 0px;
}


/*markdown代码CSS*/
blockquote {
    border: medium none;
}
.hljs-title, .hljs-section, .hljs-attribute, .hljs-literal, .hljs-template-tag, .hljs-template-variable, .hljs-type, .hljs-addition{color: #e8e9f3;}
.hljs-string{
color: #e8e9f3;
}

.feedback_area_title {
    border-left: 0px solid #b57070 !important;
}

.cnblogs-markdown pre code, .cnblogs-post-body pre code{
	margin-left: 2px;
	margin: auto;
	/*margin-right:5%;*/
	min-width: 300px;
       margin-right: 15px;
}
.cnblogs-markdown code{
	font-family: "Helvetica Neue",Helvetica,Verdana,Arial,sans-serif !important;
	font-size: 13px!important;
    border: 1px solid #FFFFFF !important;
    border-radius: 5px!important;
    background-color: #f8eded! important;}
 .hljs-meta {color: #43a8c5;}
 /*.cnblogs-markdown .hljs, .cnblogs-post-body .hljs{padding:10px !important;}*/
.cnblogs-markdown .hljs, .cnblogs-post-body .hljs{	
padding: 20px 5px 5px 15px !important;
color: #ddd;
margin-left: 10px;
line-height: 1.5!important;
background: transparent url(https://images2018.cnblogs.com/blog/1172048/201809/1172048-20180902234737562-296254372.png) repeat scroll 0% 0%; /*添加代码磨砂背景*/
box-shadow: 0px 2px 1px #979797;
}

.hljs-keyword {color:#dab37a; font-weight: bolder; font-size: 105%;}
.hljs-title {color: #efef8f;}
.hljs-string{color: #cc9393;}
/*code{color:#818386;}*/
code {
    color: #e0e0e0;
}
.hljs-tag {color: #61cc61;}
.hljs-name {color: #7474c3  !important;}
.cnblogs-markdown .hljs {color: #e0e0e4 !important;}
.hljs-comment {color:  #7f9f7f;}
span.hljs-number {color: #47d0f1;}
.hljs-params {color:#c5c1c1;}

.hljs-quote, .hljs-variable {
    color: #09bb09;
}

p code {
    color: #696969;
    background: linear-gradient(to bottom right, #f1f1f1, #ffffff );
    line-height: 1.5 !important;
    white-space: nowrap;
    margin-bottom: 5px !important;
   border: 0px solid #ffffff!important;   /*去掉P code 黑边*/
}
.cnblogs-markdown .hljs, .cnblogs-post-body .hljs {
    font-family: Menlo,Monaco,Consolas,"Courier New",monospace !important;
    font-size: 13px!important;}
.hljs-built_in ,.hljs-selector-tag {color: #9090e2;}

.hljs-attr, .hljs-attribute , .hljs-literal{
    color: #a16db5;
}
.hljs-section, .hljs-type {color: #b9a867}


#cnblogs_post_body     h2    {
    /*border-left: 2px solid rgba(247, 49, 49, 0.3);*/
    /*border-bottom: 2px solid rgba(230, 230, 239, 0.3);*/
    color: #000;
    font-family: "微软雅黑" , "宋体" , "黑体" ,Arial;
    font-size: 18px !important;
    font-weight: bold;
    line-height: 1.8;
    margin: 1.5em -10px 1em -25px;
    position: relative;
    padding-left: 12px;
	border-left: 20px solid #67bcfb;
    border-radius: 2px;
    /*text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4);*/
    /*text-shadow: 0 -1px 1px rgba(188, 187, 208, 0.37);*/
    background-image: linear-gradient(#f5f3f3 1px,#ffffff00 0), linear-gradient(90deg, #67bcfb 1px,#ffffff00 0), linear-gradient(hsl(0, 0%, 90%) 1px,#f7f7f7 0), linear-gradient(90deg,hsl(0, 0%, 100%) 1px,white 0);
    background-size: 115% 115%, 1010% 55%, 72% 98%, 22% 45%;
    }


#cnblogs_post_body blockquote {
    background-color: #ffffff;
    border-left-color: #658cb3;
    margin-left: 20px;
    line-height: 1.5;
    border-radius: 3px 3px 3px 3px;
    padding-bottom: 1px;
    padding-top: 10px;
    margin-right: 15px;
    border-left: 3px solid #f5f5f5;
    color: #8e8e8e;
}

/*#cnblogs_post_body blockquote {
    background-color: #f3f5f7;
    background-size: auto auto;
    border-left-color: #5d646b;
    padding-top: 10px;
    padding-bottom: 3px;
    margin-left: 25px;
    margin-right: 15px;
    line-height: 1.8;
    border-left: 3px solid #d8d8de;
    border-radius: 3px 3px 3px 3px;
    color: #797272;
}*/

 #cnblogs_post_body   h3{
        background: #778899;
        border-radius: 3px 8px 3px 25px; /* 圆角*/
       /* box-shadow: 0 0 0 0px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5);*/ /* 阴影*/
       color:#f8f8f8;
        font-family: YouYuan;
        font-size: 15px;
        font-weight: bold;  /* 粗体*/
        height: 24px;
        line-height: 23px;
        margin: 12px 15px !important;
        padding: 5px 10px 5px 30px;
        text-shadow: 2px 2px 3px #222222;
    }

#cnblogs_post_body h6 {
    border-radius: 2px 1px 1px 2px;
    color: #FFF;
    font-family: "微软雅黑" , "宋体" , "黑体" ,Arial;
    font-size: 15px;
    font-weight: 100;
    height: 1.5;
    line-height: 1.5;
    margin: 12px 15px !important;
    padding: 3px 0px 2px 5px;
    border: 1px solid #FFFFF;
    border-radius: 3px; /* 圆角*/
    border-left: 6px solid #928787;
    background: linear-gradient(to bottom right, #bf4dbc , #0bd2dc);
}

/*
#cnblogs_post_body h4 {
    border-radius: 2px 1px 1px 2px;
    color: #f3f2f2;
    font-family: "微软雅黑" , "宋体" , "黑体" ,Arial;
    font-size: 15px;
    font-weight: bold;
    height: 17px;
    line-height: 100%;
    margin: 12px 15px !important;
    padding: 3px 0px 2px 15px;
    border-radius: 3px;
    border: 1px solid #484141;
    border-left: 6px solid #4183c4c4;
    background: #535c65;
}*/

#cnblogs_post_body h4 {
    color: #3d434a;
    font-family: "微软雅黑" , "宋体" , "黑体" ,Arial;
    font-size: 14px;
    font-weight: bold;
    height: auto;
    line-height: 100%;
    margin: 5px -10px 1em -15px !important;
    padding: 5px 10px 6px 10px;
    border-radius: 5px;
    border: 0px solid #c44141c4;
    border-left: 10px solid #FF9800;
    background: #f3f3f3;
}


 #cnblogs_post_body   h5{
    color: #3d434a;
    font-family: "微软雅黑" , "宋体" , "黑体" ,Arial;
    font-size: 14px;
    font-weight: bold;
    height: auto;
    line-height: 100%;
    margin: 12px 3px !important;
    padding: 3px 0px 2px 15px;
    border-radius: 1px;
    border: 0px solid #c44141c4;
    border-left: 10px solid #FF9800;
    background: #f3f3f3;
    }

 /*#cnblogs_post_body   h1{
        background: #7e8996;
        border-radius: 5px; /* 圆角*/
       /* box-shadow: 0 0 0 0px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5);*/ /* 阴影*/
       color:#ffffff;
        font-family: "微软雅黑" , "宋体" , "黑体" ,Arial;
        font-size: 14px;
        font-weight: bold;  /* 粗体*/
        height: 24px;
        line-height: 23px;
        margin: 12px 0 !important;
        padding: 5px 10px 5px 30px;
        text-shadow: 2px 2px 3px #222222;
    }*/
.cnblogs_code{
border-radius: 3px;
margin-left: 2em;
margin-right: 15px;
line-height: 1.5;
}

#cnblogs_post_body p {
margin-left: 10px;
margin: 5px auto;
    }

 #cnblogs_post_body a {
     /*   color: #21759b;*/
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: linear;
    border-bottom-style:none;
    }
#cnblogs_post_body a:hover{
    margin-left: 20px
}

#navCategory  a{
    display: block;
    transition:all 1s;
}
#navCategory a:hover{
    margin-left: 20px
}

#blog-sidecolumn  a{
    display: block;
    transition:all 1s;
}
#blog-sidecolumn a:hover{
    margin-left: 20px
}

#sidebar_toptags li a{
float:left;
}

#TopViewPostsBlock li a{
margin-left: 5px;
}
#cnblogs_post_body a{
    /*display: block;*/
    transition:all 1s;
}



#MySignature, .day, .post {
    /*border: 1px solid  #fff;*/
    border-radius: 3px;
}


.postTitle, .entrylistPosttitle, .feedback_area_title {
    border-left: 3px solid #b57070;
    border-bottom: 1px solid #ddd;
    font-weight: bold;
    margin: 20px 0 10px;
}


.c_b_p_desc {
    line-height: 1.5;
    overflow: hidden;
    overflow-wrap: break-word;
    word-break: break-all;
}
.postTitle{
font-size: 16px;
}


.postBody, .postCon {
    border-bottom: 1px solid #d9dbe1;
    font-size: 15px;
    line-height: 1.8;
color: #383838;
}

.postBody li {
    margin-bottom: 1px;
}


#cnblogs_post_body p {
/*text-indent:1.5em;*/
margin-left: 5px;
padding: 0 0 8px 0;
}

/*.postTitle a:link, .postTitle a:visited, .postTitle a:active,#sideBar a,.postDesc a:link, .postDesc a:visited, .postDesc a:active {
    color: #4183c4;
}*/

.postTitle a:link, .postTitle a:visited, .postTitle a:active,#sideBar a,.postDesc a:link, .postDesc a:visited, .postDesc a:active {
    color:#3a72ab;
}

li a:visited {
    color: #3671a5;
}

.postDesc {
    float: right;
    margin-top: 5px;
    padding-right: 5px;
    text-align: right;
background: none;
}

#navCategory {
line-height: 0.9;
}
#sideBar {font-size: 12px;
                width:280px;}





/*生成博客目录的CSS*/
#uprightsideBar{
    font-size:14px;
    font-family:Arial, Helvetica, sans-serif;
    text-align:left;
    position:fixed;/*将div的位置固定到距离top:50px，right:0px的位置，这样div就会处在最右边的位置，距离顶部50px*/
    top:200px;
    right:10px;
    /* right:auto; */
    width: auto;
    height: auto; 
}

#sideBarTab h2{ font-size:20px;}

#sideBarTab{
    float:left;
    width:30px; 
    border:2px solid #26304c;
    border-right:none;
    text-align:center;
    background:	#26304c;
    border-radius:0px 0px 0px 0px;
	color: white;
}

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

#sideBarContents dt{
    margin-top:5px;
    margin-left:5px;
}

#sideBarContents dd, dt {
    cursor: pointer;
}

#sideBarContents dd:hover, dt:hover {
    /*color:#A7995A;*/
    color: #4183c4;
}
#sideBarContents dd{
    margin-left:20px;
}

.mac {
    width:10px;
    height:10px;
    border-radius:5px;
    float:left;
    margin:10px 0 0 5px;
}
.b1 {
    background:#E0443E;
    margin-left: 10px;
}
.b2 { background:#DEA123; }
.b3 { background:#1AAB29; }
.warpper{
    background:#121212;
    border-radius:5px;
    width:400px;
}

</style>