body { 
    background-image:url(https://game.gtimg.cn/images/lol/act/img/skin/big245019.jpg);
 background-color: #efefef;
     background-repeat: repeat; 
     background-attachment: fixed; 
     background-position: center 0; 
     background-size: 100%; 
    opacity:0.9;
  }

        .githublink {
          position: fixed;
            top: 0;
            left:0px;
            padding-left:7px ;
            padding-top: 5px;
            padding-bottom:2px ;
            opacity:0.9;
            background-color:white;
            width: 40px;
            border-radius:5px
         
        }
        
        .zyq-diy a:hover{
            background-color: rgb(199, 194, 194);
            /* display: block; */
            border-radius: 5px;
            color:white;
        }


        .git { display: fixed;
            margin: 0 auto;
            left: 1000px;
        }
 #diy-nav{
        background-color:white;
        padding: 20px 20px;
        position: fixed;
        left: 0;
        max-height:600px;
        color: black;
        display: none;
        opacity: 0.9;
        border-radius: 10px;
        overflow:auto;
    }

    #diy-nav-icon{
        width: 30px;
        height: 65px;
        font-size:16px;
        border-radius: 10px;
        color: whitesmoke;
        position: fixed;
        background-color: black;
        text-align: center;
        left:7px;
    }

 .zyq-diy{
        position: relative;
        z-index:100;
    }

    .zyq-diy:hover #diy-nav{
        display: block;
    }
    #diy-nav a{
        color: black;
        text-decoration: none;
        font-size: 16px;
    }
.navbar-custom {
    display: block; 
}


/*添加按钮*/
.cnblogs-markdown pre {
  position: relative;
}
.cnblogs-markdown pre > span {
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 2px;
  padding: 0 10px;
  font-size: 12px;
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  cursor: pointer;
  /*注释下面这一行，button一直显示*/
  display:none;
	z-index: 0;
}
.cnblogs-markdown pre:hover > span {
  display:block;
}
.cnblogs-markdown pre > .copyed {
  background: #67c23a;
}

/*旋转魔方*/
.cube{

            width:100px;
            height:100px;
            /* background-color:#bfa; */
            margin:100px auto;
            transform-style:preserve-3d;
            /* transform:rotateX(45deg) rotateZ(45deg); */
            animation: rotate 10s infinite;
        }

        .cube>div{
            width:100px;
            height:100px;
            opacity:0.9;
            position:absolute;
        }

        .image{
            width:100px;
            height:100px;
            vertical-align:auto;
        }

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

        .box2{
            transform:rotateY(-90deg) translateZ(50px);
        }
        .box3{
            transform:rotateX(90deg) translateZ(50px);
        }
        .box4{
            transform:rotateX(-90deg) translateZ(50px);
        }
        .box5{
            transform:rotateX(180deg) translateZ(50px);
        }
        .box6{
            transform:rotateX(0deg) translateZ(50px);
        }
@keyframes rotate{
            form{
                transform:rotateX(0) rotateZ(0)
            }
            to{
                transform: rotateX(1turn) rotateZ(1turn)
            }
        }