/*小程序二维码样式代码*/
.container {
    /* general styles here... */
    /* activate 3D space */
    perspective: 800px;
}
.PostListTitle{
  color: #fff;
}
#myposts {
    margin-left: 20px;
    background: #fff;
    padding: 20px;
    border-radius: 10px;
}
blockquote p {
    font-size: 13px;
    line-height: 2;
    background: aliceblue;
}
blockquote {
    background: aliceblue;
}
.card {
    /* general styles here... */
    position: relative;
    transition: all .4s linear;
  	width: 70%;
    margin: 10px 15%;
    /* allow child elements to be positioned in 3D space of their own */
    transform-style: preserve-3d;
    height: 230px;
}

.face {
    /* general styles go here... */
   /* position faces absolutely so that they stack on top of each other */
    position: absolute;
    height: 100%;
    background-size: contain;
    background-repeat:no-repeat;
    width: 100%;
    top: 0;
    left: 0;
    
    /* prevent the front face from showing through the back */
    backface-visibility: hidden;
}

.back {
    /* ... */
    /* initially rotate the element in the back so that when the card is flipped, it faces the viewer */
    transform: rotateY(180deg);
}

/* when the card is hovered, rotate it. This will allow the back face to face the viewer. */
#blog-news:hover .card {
    transform: rotateY(180deg);
}
html::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}
ol li{
padding-top: 1em;
}
@keyframes tada {
  from {
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  animation-name: tada;
}
#div_digg .diggit{
  animation: tada infinite 2s;
}
#main .cnblogs-markdown code, #main .cnblogs-post-body code{
  border:none!important
}
p{
    font-size: 16px;
    color:#24292e;
    font-family:"PingFangSC-Light",sans-serif;
    letter-spacing: 0.01em;
}
#MySignature {
    background: #f1f1f1;
    padding: 12px;
    border-radius: 5px;
    color: #2e2e2e;
    line-height: 1.7em;
}
#sideBar {
  border-radius: 10px;
}
#sideBar h3{
 text-align: center;
}
.clamp{
  overflow : hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
#ad_t2 ,#ad_c1,#under_post_news,#ad_c2,#under_post_kb,#blogTitle,.postSeparator,.dayTitle{
display:none;
}
.day{border-radius: 10px;}
div#blogTitle {
    display: flex;
    align-items: center;
}
h1.postTitle {
    padding-top: 36px;
}
.feedback_area_title {
    background: #069;
    color: #fff;
    padding: 8px 0;
}
.topicListFooter{
    margin-right:0;
}
p{ line-height:1.7em;}
.feedbackItem {
    /* padding: 10px; */
    border-bottom: dotted 5px #fff;
}
div#profile_block {
    margin-left: 10px;
}
.postDesc {
    font-size: 12px;
    text-align: right;
}
.feedbackCon {
    background-color: #fff;
    padding: 10px;
    margin-bottom:-3px;
    font-size: 14px;
}
div#footer {
    background: #fff;
    margin-top: 10px;
}

div#nav_next_page {
    position: relative;
    top: -10px;
}
.feedbackListSubtitle {
    font-size: 12px;
}
#sideBar li {
    padding: 8px 0;
    border-bottom: 1px solid #eee;
    overflow: hidden;
}


#sideBar .sidebar-block{
    
    background-color:#fff
}
.demo{
    border: 1px solid #aaa;
    padding: 10px;
    position: relative;
}
.demo:before{
    content: 'demo';
    position: absolute;
    top: 0px;
    left: 0px;
    color: #fff;
    background: #ff3100;
    border-radius: 0 0 2px 0;
    opacity:.7;
}

.newsItem {
    background-color:#fff
}
div#blog-comments-placeholder {
    background-color: #eee;
}

.feedbackListSubtitle {
    background: #fff;
    padding:10px;
}
div#sideBar {
    font-size: 13px;
    margin-top: 27px;
    margin-left: 0px;
}
#sideBar ul{
	padding:0 10px
}
#sideBar h3{
	color:#fff;
	position: relative;
	background-color:#069;
	transform: scale(1.05);
}
.entrylistTitle,.entrylistDescription{
    color: white;
}
ul {
    list-style: none;
    padding: 0;
}
.blogStats {
    opacity: 0;
    transition: all .3s ease;
    position:absolute;
    bottom: 50%;
    transform:translateY(50%);
    left: -299px;
    color: #fff;
    font-size: 12px;
    text-align: center;
}
#header:hover .blogStats{
    opacity: 1;
    left: 300px;
}
div#header {
    background-image: url('data:image/jpeg;base64,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');
    background-size:cover;
    backdrop-filter: blur(3px);
    perspective: 800px;
  -webkit-perspective: 800px;
  -moz-perspective: 800px;
  -ms-perspective: 800px;
  -o-perspective: 800px;
    display: flex;
    justify-content: space-around;
}

a#lnkBlogLogo {
    display: none;
}
#blogTitle{
   transform: rotateX(0deg);
   position: relative;
   -webkit-transform-style: preserve-3d;
   transform-style: preserve-3d;
}

#blogTitle h1 {
    transform:rotateX(0deg);
    transition:transform .3s ease;
	transform-origin: bottom center;
	transition:transform 0.3s ease;
	transform-style:preserve-3d;
	margin: 10px;
    position: absolute;
    top: 0;
    left: 0;
}
#blogTitle h2 {
    /* display: none; */
    color: #fff!important;
    white-space:nowrap;
    transition:transform 0.3s ease;
    position: absolute;
    transform-origin: bottom;
    transform: rotateX(90deg);
    margin: 10px;
    top: 0;
    left: 0;
    font-size: 24px;
}
#blogTitle.ro h1{
	transform: rotateX(-90deg);
}
#blogTitle.ro h2{
	transform: rotateX(0deg);
}
a {
    color: #075db3;
    text-decoration: none;
    text-overflow: clip;
    white-space: nowrap;
    text-align: center;
}
a:hover{
    color:#f66;
}

#main img{
    max-width: 100%;
}
#navList {
    display: flex;
    justify-content:space-around;
    list-style:none;
}

#header a {
    color: white;
    text-decoration: none;
}
#div_digg{
    background: #fff;
    padding: 15px 10px;
    z-index: 9999999;
    border-radius: 2px;
    box-shadow: 1px 3px 5px #888;
}
.diggit:hover:before {
    content: '有收获';
    position: absolute;
    left: 0;
    white-space: nowrap;
    top: -15px;
    width: 100%;
}
.buryit:hover:before {
    content: '瞎扯淡';
    position: absolute;
    left: 0;
    white-space: nowrap;
    top: -15px;
    width: 100%;
}

html::-webkit-scrollbar-thumb
{
	border-radius: 3px;
	box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #122c4d;
}
body{
    background-color:#f6f6f1;
}
#blog-comments-placeholder{
    background-color:#fff;
}
#header {
    background-color: #fff;
    position: fixed;
    z-index: 10;
    width:100%;
    top: 0;
}
#blog-comments-placeholder{
    padding-bottom: 60px;
}
#home{
     background: rgb(9, 15, 73);
     display: flex;
     flex-direction: column;
}

#nav_next_page,.pager{
    text-align:center;
    border-radius:22px;
    padding:10px;
    background-color:#fff;
}
#comment_form,#MyTag1_dtTagList{
    margin-top:10px;
    background-color:white;
    padding: 0 20px;
}
#main{
    background-color:transparent;
}
#cnblogs_post_body{
    font-size: 14px;
}
.postTitle{
    line-height:2em;
    font-size:25px;

}

.postTitle a,.entrylistPosttitle a{
	padding-left:10px;
	border-left: #069 2px solid;
}
code span:not(.hljs-comment) {
    line-height: 2em !important;
    font-size: 14px!important;
}
#cnblogs_post_body p{
    margin-bottom: 1.5em;
}
.entrylist>.entrylistItem{
padding:20px;
margin:10px;
margin-top:0;
background:#fff;
}
.day>.postDesc ,.entrylistItemPostDesc{
    text-align: right;
    margin-top: 30px;
    font-size: 12px;
    margin-bottom: 0px;
    border-bottom:none;
    border-top:#adadad 1px dashed;
}
#sideBar{
    background-color:#fff;
}
.catListTitle{
    font-size:18px;
    color:#555;
}
#mainContent{
    background-color: transparent;
    margin: 10px;
    margin-bottom: -10px;
    box-shadow:none;
}
.day{
    background:white; padding:32px;
    margin-bottom:10px;
}
.post{
    background-color:#fff;
    border-radius: 10px 10px 0 0;
    padding: 0px 20px;
}
.day:nth-child(2n){
    background-color:#eee;
}
h2{
    color:#fbbc05 !important;
}
h3{
    color:#34a853 ;
}
h4{
    color:#53cdf1 ;
}
h5{
    color:#53cdf1 !important;
}
#main h2{
    font-size: 1.8em;
}
#mainContent h3{
    font-size: 1.5em;
    line-height: 2.5em;
}

#main h4,#main h5{
    text-align:left;
    font-size: 1.2em;
}
#footer{
    text-align:center;
    height:40px;
    line-height:40px;
}
@media screen and (min-width:1200px) {
    #main {
        width: 1100px !important;
        display:flex;
    }
    div#blogTitle {
		width: 20%;
	}
    div#navigator {
		width: 600px;
	}
    #mainContent {
        width: 865px;
    }
    #sideBar {
        width: 250px;
        float: right;
        background-color:#fff;
        display: inline-block;
    }
}

@media screen and (min-width: 960px) and (max-width: 1199px) {
    #main {
        width: 896px;
        display: flex;
        justify-content: space-around;
    }
    div#blogTitle {
		width: 20%;
	}
    div#navigator {
		width: 600px;
	}
    #mainContent {
        width: 700px;
    }
    #mainContent img {
        max-width: 620px;
    }
    #sideBar {
        width: 250px;
        background-color:#fff;
    }
}

@media screen and (min-width: 768px) and (max-width: 959px) {
    #mainContent {
        width: 100%;
        /* padding: 12px; */
    }
    div.post{
		padding: 38px
	}
    div#navigator {
		width: 600px;
	}
	div#blogTitle {
		width: 20%;
	}
	#preview_small{display:none;}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
    #main {
        width: 100%;
    }
	div#navigator{
		width:60%;
	}
    #mainContent {
        width: 420px;
        position: relative;
    }
    #mainContent img {
        max-width: 400px;
    }
}
@media screen and (max-width: 479px) {
  .day{
    width: 100vw!important;
    box-sizing:border-box;
    padding: 10px;
  }
  .day .postTitle {
    padding:20px 10px;
  }
  .my-menu {display: none}
	div#blogTitle {
		width: 100%;
		text-align: center;
	}
    #green_channel{
       display:none
    }
    #header{
      height: 60px;
    }
	a#Header1_HeaderTitle:before {
		width: 91px;
	}
	#nav_next_page{
		width:100%;
        box-sizing:border-box;
        margin-top: 20px;
	}
    #main{
        width: 100%!important;
    }
    #main #mainContent{
    	margin: 0;
    	margin-top:10px;
    }
    #main .forFlow{
    	width: 100%;
    	margin: 0 0 0 0;
    	margin-left: 0px;
    }
    .c_b_p_desc{
    	font-size:12px
    }
    #mainContent img {
        max-width: 100%;
    }
    #sideBar {
        display: none
    }
    a.postTitle2{
    	font-size:14px;
    	white-space: normal;
    	text-overflow:ellipsis;
    	/* text-overflow: clip; */
    }
    div#navigator {
		display: none;
	}

}


#main {
    line-height: 1.5;
    padding-top: 40px;
    margin-top:0px;
    align-self: center;
}
.dayTitle{
	position: relative;
	top: -20px;
	width: 100px;
	left: -20px;
	padding-right: 0px;
	padding-left: 8px;
	border:none;
	left:-48px;
	background:#2175bc;
}
.dayTitle a{
    color:white;
    font-size: 12px;
}
.dayTitle:before{
    content:'';
    width:10px;  
    height: 0%;  
    border: 15px solid;  
    border-color: transparent #2b4250 transparent  transparent ;   
    border-top: 0;  
    left: -24px;  
    position: absolute;  
    top: 24px; 
}
.dayTitle:after{
    content:'';
    width:20px;  
    height: 0%;  
    border: 12px solid;  
    border-color: transparent  transparent  transparent #2175bc;   
    position: absolute;  
    right:-44px;  
    top: 0px; 
}
#preview_large {
    transition: transform 0.3s ease-in-out;
}

#preview_large:hover {
    transform: rotate(-180deg);
}
#preview_large {
    margin-left: 15%;
    width: 70%;
    border-radius: 50%;
    text-align: center;
}

#navList li a {
    background-color: transparent;
    border-radius: 20px;
    transition: background-color 0.1s ease-in-out;
}

#navList li a:hover {
    background-color: rgba(255, 255, 255, 0.6);
}
code{
background:transparent!important;
color: #529;
border:none;
width:auto;
margin:0;
padding:0;
}
.forFlow {
    padding-top: 19px;
}
div#post_detail {
    margin-top: -19px;
}
#div_digg{
position:fixed;
bottom:30px;
right:30px;
}
#div_digg>div{
    position: relative;
}
body,
html {
    margin: 0px;
    background-color: #f8f8f8;
}

/*
Monokai Sublime style. Derived from Monokai by noformnocontent https://nn.mit-license.org/
*/

.hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  background: #23241f;
}

.hljs,
.hljs-tag,
.hljs-subst {
  color: #f8f8f2;
}

.hljs-strong,
.hljs-emphasis {
  color: #a8a8a2;
}

.hljs-bullet,
.hljs-quote,
.hljs-number,
.hljs-regexp,
.hljs-literal,
.hljs-link {
  color: #ae81ff;
}

.hljs-code,
.hljs-title,
.hljs-section,
.hljs-selector-class {
  color: #a6e22e;
}

.hljs-strong {
  font-weight: bold;
}

.hljs-emphasis {
  font-style: italic;
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-name,
.hljs-attr {
  color: #f92672;
}

.hljs-symbol,
.hljs-attribute {
  color: #66d9ef;
}

.hljs-params,
.hljs-class .hljs-title {
  color: #f8f8f2;
}

.hljs-string,
.hljs-type,
.hljs-built_in,
.hljs-builtin-name,
.hljs-selector-id,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-addition,
.hljs-variable,
.hljs-template-variable {
  color: #e6db74;
}

.hljs-comment,
.hljs-deletion,
.hljs-meta {
  color: #75715e;
}
div#blogTitle h1 a{
    animation: shrink 2s infinite;
}
@keyframes shrink{
    0%{
        text-shadow:#fff 1px 1px 12px;
    }
    50%{
        text-shadow:transparent 1px 1px 12px;
    }
    100%{
        text-shadow:#fff 1px 1px 12px;
    }
}

a#Header1_HeaderTitle {
    border:dashed 1px;
    position: relative;
}
h3.catListTitle:before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    z-index: -1;
    left: -6.1px;
    top: 26px;
    border: 6px solid;
    border-color: transparent #05354c transparent transparent;
    border-top:0;
}
h3.catListTitle:after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    z-index: -1;
    right: -6.1px;
    top: 26px;
    border: 6px solid;
    border-color: transparent  transparent transparent #05354c;
    border-top:0;
}

a#Header1_HeaderTitle:before {
    z-index: 2;
    position: absolute;
    content: ' ';
    display: block;
    width: 100%;
    height: 2px;
    box-shadow:0px 0px 5px #fff;
    background: #fff;
    animation:scan 2s infinite;
    animation-direction: alternate;
}
@keyframes scan{
    0%{
        transform: translateY(4px);
    }
    100%{
        transform: translateY(30px);
    }
}
img[alt="300"] {
    width: 300px;
}
img[alt="400"] {
    width: 400px;
}
code.hljs, pre{
    background: #282b2e!important;
    color: #fff!important;
}
#topics pre{
  margin-bottom: 25px;
}
.cnblogs_code pre{
  background-color: #eee!important;
  color: #1e1e1e!important;
}
.cnblogs-markdown pre code.hljs, pre code.hljs span{
  font: normal 10pt Consolas, Monaco, monospace!important;
  font-weight: 500!important;
  font-size: 14px!important;
}
pre code{
  color:#fff;
}
/*打赏*/
.my-menu {
	width: 200px;
	height: 100px;
	margin: 0 auto 50px;
    transition: opacity .2s;
	position: fixed;
	left: 20px;
	bottom: 20px;
	-webkit-filter: url("#goo");
	filter: url("#goo");
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
    opacity: 0.5;
}
.my-menu:hover{opacity: 1;}
.icon {
	display: inline-block;
	position: relative;
	font-family: 'vicons';
	font-size: inherit;
	font-style: normal;
	line-height: inherit;
	vertical-align: middle;
	text-rendering: auto;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
}
.menu-item-button ._icon{
	width:40px;
	height:40px;
	top: 10px;
	left: 10px;
	position: absolute;
	display: inline-block;
	margin: 0 auto;
}
.menu-item-button .qrcode{
	width:30px;
	height:30px;
	opacity: 0;
	border-radius: 2px;
	box-shadow: 2px 2px 6px  2px #31e1e7,-2px -2px 6px 2px #31e1e7;
	display: inline-block;
}
.menu-item-button:hover .qrcode{

	opacity: 1;
	transition: transform 0.3s ease;
	transform-origin: 50% 50%;
	transform: scale(3);
}

.menu-wrapper {
	position: absolute;
	left: 50%;
	bottom: 10px;
}

.menu-toggle-button,
.menu-item-bounce,
.menu-item-button {
	background: #f59393;
	border-radius: 50%;
	width: 80px;
	height: 80px;
	margin-left: -40px;
	margin-top: -40px;
	height: 80px;
	color: #fff;
	border: none;
	outline: none;
	position: relative;
}

.menu-toggle-button {
	background: transparent;
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
}

.menu-items {
	list-style-type: none;
	padding: 0;
	margin: 0;
	position: absolute;
	left: 0;
	top: 0;
}

.menu-item {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
}

.menu-item-bounce {
	position: absolute;
	top: 0;
	left: 0;
}

.menu-item-button {
	width: 60px;
	height: 60px;
	margin-left: -30px;
	margin-top: -30px;
	position: absolute;
	top: 0;
	left: 0;
	color: #AD4C4C;
}

.menu-item-button:hover {
	color: #fff;
}