.cnblogs-markdown pre {
  position: relative;
}
.cnblogs-markdown pre > span {
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 3px;
  padding:0 10px;
  font-size: 12px;
  background: #fff;
  color: #000;
  cursor: pointer;
  display:none;
  margin:8px 10px;
  transition: background .5s;
  -moz-transition: background .5s;
  -webkit-transition: background .5s;
  -o-transition: background .5s;
}
.cnblogs-markdown pre > span:hover {
  background: #ddd
}
.cnblogs-markdown pre:hover > span {
  display:block;
}

.blog_comment_body {
        background: #B2E866;
        float: left;
        border-radius: 5px;
        position: relative;
        overflow: visible;
        margin-left: 33px;
        max-width: 700px;
    }

    .feedbackListSubtitle a.layer {
        background: #B2E866;
        color: #414141 !important;
        padding: 2px 4px;
        border-radius: 2px;
    }
    #ad_t2,#cnblogs_c1,#under_post_news,#cnblogs_c2,#under_post_kb {
    display:none; !important
}
.post img {
    cursor: pointer;
    transition: all 0.5s;
}
.post img:hover {
    transform: scale(1.3);
}
.buryit {
    display: none;
}

.comment_bury {
    display: none;
}
/* 定制公告栏时钟位置 */
#clockdiv {
    /* left, center, right */
    text-align: center;
}
.blog_comment_body {
        background: #B2E866;
        float: left;
        border-radius: 5px;
        position: relative;
        overflow: visible;
        margin-left: 33px;
        max-width: 700px;
    }

    .feedbackListSubtitle a.layer {
        background: #B2E866;
        color: #414141 !important;
        padding: 2px 4px;
        border-radius: 2px;
    }
/*最外层容器样式*/
.wrap {
   width: 100px;
   height: 100px;
   margin: 150px;
   position: relative;
}
/*包裹所有容器样式*/
/*设置transform-style: preserve-3d，让其子元素在3D空间呈现*/
.cube {
   width: 50px;
   height: 50px;
   margin: 0 auto;
   transform-style: preserve-3d;
   transform: rotateX(-30deg) rotateY(-80deg);
   animation: rotate linear 20s infinite;
}
@-webkit-keyframes rotate {
   from {
       transform: rotateX(0deg) rotateY(0deg);
  }
   to {
        transform: rotateX(360deg) rotateY(360deg);
    }
}
.cube div {
   position: absolute;
   width: 200px;
   height: 200px;
   opacity: 0.8;
   transition: all .4s;
}
/*定义所有图片样式*/
.pic {
   width: 200px;
   height: 200px;
}
/*定义小正方体样式*/
.cube span {
   display: block;
   width: 100px;
   height: 100px;
   position: absolute;
   top: 50px;
   left: 50px;
}
.cube .in_pic {
   width: 100px;
   height: 100px;
}
/*定义大正方体六个面旋转样式*/
.cube .out_front {
   transform: rotateY(0deg) translateZ(100px);
}

.cube .out_back {
   transform: translateZ(-100px) rotateY(180deg);
}

.cube .out_left {
   transform: rotateY(-90deg) translateZ(100px);
}

.cube .out_right {
   transform: rotateY(90deg) translateZ(100px);
}

.cube .out_top {
   transform: rotateX(90deg) translateZ(100px);
}

.cube .out_bottom {
   transform: rotateX(-90deg) translateZ(100px);
}
​
/*定义小正方体六个面旋转样式*/
.cube .in_front {
   transform: rotateY(0deg) translateZ(50px);
}

.cube .in_back {
   transform: translateZ(-50px) rotateY(180deg);
}

.cube .in_left {
   transform: rotateY(-90deg) translateZ(50px);
}

.cube .in_right {
   transform: rotateY(90deg) translateZ(50px);
}

.cube .in_top {
   transform: rotateX(90deg) translateZ(50px);
}

.cube .in_bottom {
   transform: rotateX(-90deg) translateZ(50px);
}

/*鼠标移入后样式*/
.cube:hover .out_front {
   transform: rotateY(0deg) translateZ(200px);
}

.cube:hover .out_back {
   transform: translateZ(-200px) rotateY(180deg);
}

.cube:hover .out_left {
   transform: rotateY(-90deg) translateZ(200px);
}

.cube:hover .out_right {
   transform: rotateY(90deg) translateZ(200px);
}

.cube:hover .out_top {
   transform: rotateX(90deg) translateZ(200px);
}

.cube:hover .out_bottom {
   transform: rotateX(-90deg) translateZ(200px);
}
pre {
    /*控制代码不换行*/
    white-space: pre;
    word-wrap: normal;
}

.cnblogs-markdown .hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  color: #abb2bf;
  background: #282c34 !important;
  font-size:12px !important;
  max-height: 700px;
}

.hljs-comment,
.hljs-quote {
  color: #5c6370;
  font-style: italic;
}

.hljs-doctag,
.hljs-keyword,
.hljs-formula {
  color: #c678dd;
}

.hljs-section,
.hljs-name,
.hljs-selector-tag,
.hljs-deletion,
.hljs-subst {
  color: #e06c75;
}

.hljs-literal {
  color: #56b6c2;
}

.hljs-string,
.hljs-regexp,
.hljs-addition,
.hljs-attribute,
.hljs-meta-string {
  color: #98c379;
}

.hljs-built_in,
.hljs-class .hljs-title {
  color: #e6c07b;
}

.hljs-attr,
.hljs-variable,
.hljs-template-variable,
.hljs-type,
.hljs-selector-class,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-number {
  color: #d19a66;
}

.hljs-symbol,
.hljs-bullet,
.hljs-link,
.hljs-meta,
.hljs-selector-id,
.hljs-title {
  color: #61aeee;
}

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

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

.hljs-link {
  text-decoration: underline;
}

/*makedown行间代码样式 */
.cnblogs-markdown code {
    color: #c7254e;
    border: none !important;
    font-size: 1em !important;
    background-color: #f9f2f4 !important;
    font-family: sans-serif !important;
}
/* 定制生成博客目录的CSS样式 */
#uprightsideBar{
    font-size:18px;
    font-family:Arial, Helvetica, sans-serif;
    text-align:left;
    position:fixed;
    /*
    将div的位置固定到距离top:150px，right:0px的位置，
    这样div就会处在最右边的位置，距离顶部150px，
    当然这两个值你可以自己改。
    */
    top:150px;
    right:0px;
    width: auto;
    height: auto; 
}
#sideBarTab{
    float:left;
    width:25px; 
    box-shadow: 0 0 8px #877788;
    border:1px solid #00DDC00;
    border-right:none;
    text-align:center;
    background:#33FF66;
}
#sideBarContents{
    float:left;
    overflow:auto; 
    overflow-x:hidden;!important;
    width:auto;
    min-height:101px;
    max-height:460px;
    border:1px solid #e5e5e5;
    border-right:none; 
    background:#FFFFCC;
    font-size:16px;
}
#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;
}
#sideBarContents dd{
    margin-left:20px;
}
/*屏蔽底层广告*/
#ad_t2,#cnblogs_c1,#under_post_news,#cnblogs_c2,#under_post_kb {
    display:none; !important
}
.box{
    position:fixed;
    right:10px;
    bottom: 10px;
    height:30px;
    width: 50px;    
    text-align:center;
    padding-top:20px;    
    background-color: lightblue;
    border-radius: 20%;
    overflow: hidden;
}
.box:hover:before{
    top:50%
}
.box:hover .box-in{
    visibility: hidden;
}
.box:before{
    position: absolute;
    top: -50%;
    left: 50%;
    transform: translate(-50%,-50%);
    content:'回到顶部';
    width: 40px;
    color:peru;
    font-weight:bold;

}    
.box-in{
    visibility: visible;
    display:inline-block;
    height:20px;
    width: 20px;
    border: 3px solid black;
    border-color: white transparent transparent white;
    transform:rotate(45deg);
}
body{
   background: url(https://files.cnblogs.com/files/blogs/747488/infinity-4199583.bmp?t=1649697019
) fixed;
}