html{
	//cursor: url('https://files.cnblogs.com/files/Mxy-cnblog/%E6%8C%87%E9%92%88.ico'), auto;
	cursor: url('https://images.cnblogs.com/cnblogs_com/Mxy-cnblog/2375795/o_240311044213_paidaxing.png'), auto;
	
}
 
			#matrix {
				position: fixed;
				top: 0;
				left: 0;
				z-index: -1;
				opacity: 0.8;
			}
			#Snow{
				z-index: 0;
			}
			* {
				margin: 0;
				padding: 0;
			}
			
			.container,
			.row01,
			.row02,
			.row03 {
				width: 100%;
				text-align: center;
				margin: 0;
				font-size: 0;
			}
			
			.container {
				margin-bottom: 20px;
				box-shadow: 0px 0px 10px 5px #aaa;
				background: white;
			}
			
			.row01,
			.row02,
			.row03 {
				width: 1300px;
				height: 120px;
				display: inline-block;
				margin-top:2px;
			}
			
			.div01,
			.div02,
			.div03 {
                                position: relative;
				display: inline-block;
                                margin-right:2px;
				width: 125px;
				height: 120px;
				background: url(https://images.cnblogs.com/cnblogs_com/Mxy-cnblog/1328556/o_banner01.jpg) no-repeat;
			}
			
			.div_innerA {
				position: absolute;
				width: 125px;
				height: 120px;
				background: red;
				border-right:1px white solid;
				box-sizing: border-box;
				/*opacity: 0.8;*/
				z-index: 1;
				background: url(https://images.cnblogs.com/cnblogs_com/Mxy-cnblog/1328556/o_banner03.jpg) no-repeat;
			}
			
			.div_innerB {
				position: absolute;
				width: 125px;
				height: 120px;
				border-right:1px white solid;
				box-sizing: border-box;
				background: green;
				z-index:2;
				/*opacity: 0.8;*/
				background: url(https://images.cnblogs.com/cnblogs_com/Mxy-cnblog/1328556/o_banner02.jpg) no-repeat;
			}
	                #img_1_1{
				background-position: 0px 0px;
			}
			
			#img_1_2{
				background-position: -125px 0px;
			}
			#img_1_3{
				background-position: -250px 0px;
			}
			#img_1_4{
				background-position: -375px 0px;
			}
			
			#img_1_5{
				background-position: -500px 0px;
			}
			#img_1_6{
				background-position: -625px 0px;
			}
			#img_1_7{
				background-position: -750px 0px;
			}
			#img_1_8{
				background-position: -875px 0px;
			}
			#img_1_9{
				background-position: -1000px 0px;
			}
			#img_1_10{
				background-position: -1125px 0px;
			}
			
			
			#img_2_1{
				background-position: 0px -120px;
			}
			
			#img_2_2{
				background-position: -125px -120px;
			}
			#img_2_3{
				background-position: -250px -120px;
			}
			#img_2_4{
				background-position: -375px -120px;
			}
			
			#img_2_5{
				background-position: -500px -120px;
			}
			#img_2_6{
				background-position: -625px -120px;
			}
			#img_2_7{
				background-position: -750px -120px;
			}
			#img_2_8{
				background-position: -875px -120px;
			}
			#img_2_9{
				background-position: -1000px -120px;
			}
			#img_2_10{
				background-position: -1125px -120px;
			}
			
			#img_3_1{
				background-position: 0px -240px;
			}
			
			#img_3_2{
				background-position: -125px -240px;
			}
			#img_3_3{
				background-position: -250px -240px;
			}
			#img_3_4{
				background-position: -375px -240px;
			}
			
			#img_3_5{
				background-position: -500px -240px;
			}
			#img_3_6{
				background-position: -625px -240px;
			}
			#img_3_7{
				background-position: -750px -240px;
			}
			#img_3_8{
				background-position: -875px -240px;
			}
			#img_3_9{
				background-position: -1000px -240px;
			}
			#img_3_10{
				background-position: -1125px -240px;
			}
			
			/*回到顶部*/
			
			#rocket-to-top div {
				left: 0;
				margin: 0;
				overflow: hidden;
				padding: 0;
				position: absolute;
				top: 0;
				width: 149px;
			}
			
			#rocket-to-top .level-2 {
				background: url(https://images.cnblogs.com/cnblogs_com/Mxy-cnblog/1340710/t_rocket_to_top.png) no-repeat scroll transparent;
				display: none;
				height: 250px;
				opacity: 1;
				z-index: 2;
				background-size: cover;
				background-position: -300px 0;
			}
			
			#rocket-to-top .level-3 {
				background: none repeat scroll 0 0 transparent;
				cursor: pointer;
				display: block;
				height: 150px;
				z-index: 2;
			}
			
			#rocket-to-top {
				background: url(https://images.cnblogs.com/cnblogs_com/Mxy-cnblog/1340710/t_rocket_to_top.png) no-repeat transparent;
				cursor: default;
				display: none;
				height: 250px;
				margin: -125px 0 0;
				overflow: hidden;
				padding: 0;
				position: fixed;
				right: calc((100% - 916px) / 2);
				top: 80%;
				width: 149px;
				z-index: 11;
				background-size: cover;
				background-position: 0 0;
			}
@-webkit-keyframes showjs {

 to{
 	height: 0;
 	width: 0;
 }

}
@keyframes showjs{
  to{
 	height: 0;
 	width: 0;
 }
}
#zhezhao{
	position: absolute;
	z-index: 999;
	height: 100%;
	width: 100%;
	//background: white;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	animation: showjs 0s ease-in 1520ms forwards;
	-webkit-animation: showjs 0s ease-in 1520ms forwards;
        opacity: 0.6;
}
#gif{
        max-height:100%;
	width: 100%;
}
.deng-box {
    position: absolute;
    top: -20px;
    left: 10px;
    z-index: 9999;
    pointer-events: none;
    opacity: 0.9;
}
.deng {
    position: relative;
    width: 120px;
    height: 90px;
    margin: 50px;
    background: #d8000f;
    background: rgba(216, 0, 15, 0.8);
    border-radius: 50% 50%;
    -webkit-transform-origin: 50% -100px;
    -webkit-animation: swing 3s infinite ease-in-out;
    box-shadow: -5px 5px 50px 4px rgba(250, 108, 0, 1);
}
.deng:before {
    position: absolute;
    top: -7px;
    left: 29px;
    height: 12px;
    width: 60px;
    content: " ";
    display: block;
    z-index: 999;
    border-radius: 5px 5px 0 0;
    border: solid 1px #dc8f03;
    background: #ffa500;
    background: linear-gradient(to right, #dc8f03, #ffa500, #dc8f03, #ffa500, #dc8f03);
}
.xian {
    position: absolute;
    top: -60px;
    left: 60px;
    width: 2px;
    height: 60px;
    background: #dc8f03;
}
.deng-a {
    width: 100px;
    height: 90px;
    background: #d8000f;
    background: rgba(216, 0, 15, 0.1);
    margin: 12px 8px 8px 10px;
    border-radius: 50% 50%;
    border: 2px solid #dc8f03;
}
.deng-b {
    width: 45px;
    height: 90px;
    background: #d8000f;
    background: rgba(216, 0, 15, 0.1);
    margin: -2px 8px 8px 26px;
    border-radius: 50% 50%;
    border: 2px solid #dc8f03;
}
.deng-t {
    font-family: 华文行楷, Arial, Lucida Grande, Tahoma, sans-serif;
    font-size: 2rem;
    color: #dc8f03;
    font-weight: bold;
    line-height: 85px;
    text-align: center;
	transform: rotate(180deg);
}
.shui-a {
    position: relative;
    width: 5px;
    height: 20px;
    margin: -5px 0 0 59px;
    -webkit-animation: swing 4s infinite ease-in-out;
    -webkit-transform-origin: 50% -45px;
    background: #ffa500;
    border-radius: 0 0 5px 5px;
}
.shui-c {
    position: absolute;
    top: 18px;
    left: -2px;
    width: 10px;
    height: 35px;
    background: #ffa500;
    border-radius: 0 0 0 5px;
}
.shui-b {
    position: absolute;
    top: 14px;
    left: -2px;
    width: 10px;
    height: 10px;
    background: #dc8f03;
    border-radius: 50%;
}
.deng:after {
    position: absolute;
    bottom: -7px;
    left: 10px;
    height: 12px;
    width: 60px;
    content: " ";
    display: block;
    margin-left: 20px;
    border-radius: 0 0 5px 5px;
    border: solid 1px #dc8f03;
    background: #ffa500;
    background: linear-gradient(to right, #dc8f03, #ffa500, #dc8f03, #ffa500, #dc8f03);
}
.deng-box1 {
    position: absolute;
    top: -20px;
    right: 10px;
    z-index: 9999;
    pointer-events: none;
    opacity: 0.9;
}
.deng-box1 .deng {
    position: relative;
    width: 120px;
    height: 90px;
    margin: 50px;
    background: #d8000f;
    background: rgba(216, 0, 15, 0.8);
    border-radius: 50% 50%;
    -webkit-transform-origin: 50% -100px;
    -webkit-animation: swing 5s infinite ease-in-out;
    box-shadow: -5px 5px 30px 4px rgba(252, 144, 61, 1);
}
.fish-container {
    width: 100%;
    height: 200px;
    position: fixed;
    z-index: 999999;
    bottom: 0;
    left: 0;
	pointer-events: none;
	opacity: 0.7;
}
.waifu{
	bottom: 100px !important;
}

  .live2d-widget-dialog-container {
    width: 300px;
    height: 120px;
    position: absolute;
    bottom: 65%;
    right: 0px;
    transform-origin: right;
    padding: 12px;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
  }
  .live2d-widget-dialog {
    width: 100%;
    height: 100%;
    color: #917159;
    font-size: 16px;
    padding: 12px;
    border: 2px solid rgb(236, 203, 180);
    background: rgba(236, 203, 180, 0.14);
    box-sizing: border-box;
    border-radius: 10px;
    transform: rotate(-2deg);
    opacity: 0;
    transition: 200ms opacity;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px;
    animation: live2d-widget-dialog-tingle 4s ease-in-out 0s infinite alternate;
  }

.waifu{
	right: 60px !important;
}

.cube>div {
      box-shadow: 0px 0px 15px rgb(76, 240, 11);
	  opacity: 1 !important;
    }
.cube>span {
      box-shadow: 0px 0px 15px rgb(76, 240, 11);
	  opacity: 1 !important;
    }
.wrap{
	height: 100px !important;
	margin: 100px auto !important;
	position: relative !important;
	bottom: 100px;
}
  @keyframes live2d-widget-dialog-tingle {
    0% { transform: translate(-1px, 1.5px) rotate(-2deg); }
    100% { transform: translate(1px, -1.5px) rotate(2deg); }
  }

@-moz-keyframes swing {
        0% {
            -moz-transform: rotate(-10deg)
        }
 
        50% {
            -moz-transform: rotate(10deg)
        }
 
        100% {
            -moz-transform: rotate(-10deg)
        }
    }
 
    @-webkit-keyframes swing {
        0% {
            -webkit-transform: rotate(-10deg)
        }
 
        50% {
            -webkit-transform: rotate(10deg)
        }
 
        100% {
            -webkit-transform: rotate(-10deg)
        }
    }
	
@media only screen and (max-width: 767px) {
    #home {
        width: auto;
        min-width: 1260px;
       margin:0 auto;
    }

    #mainContent {
        word-break: break-word;
        width: auto;
        float: none;
    }

    #main {
        min-width: unset;
    }

    #sideBar {
        margin-left: 0;
    }

    .postTitle {
        padding-right: 0;
    }
}