body {
  cursor: url(https://files-cdn.cnblogs.com/files/tu-0718/bitbug_favicon.ico),auto;
}

a {
  color:#fff;
 text-decoration:none;
}

a:hover {
  text-decoration: none!important;
}


.newsItem {
  display: none;
}

.author_profile_info a>img:hover{
      transform: rotate(360deg);
       transition: .5s
}


#sidebar li a:hover,
#blog-sidecolumn .list a:hover,
#blog-sidecolumn .list .listitem a:hover {
 display: block;
   color:#c0392b!important;
   font-size:14px;
  font-weight: 700;
  transition:.3s;
  text-shadow: 5px 3px 5px #db8265;
}

.backTop {
               display: none;
		width: 40px;
		height: 40px;
                line-height:40px;
		position: fixed;
		left: 50%;
		margin-left: 46%;
		bottom: 4%;
                color:#fff!important;
                font-size:12px;
                letter-spacing: 2px;
                text-align: center;
                border-radius:50%;      
		background-color:#2c3e50;
}

.backTop:hover {
                text-decoration: none;
                color:#fff!important;
                letter-spacing: 2px;
                background-color:#f39c12;
	}

.post .postTitle>a,.block_title>a {
  font-size: 15px;
   color:#3498db!important;
}
.post .postTitle>a:hover,.block_title>a:hover {
 color: #b92b27!important;
}

a.entrylisttitle, a.entrylisttitle:visited, a.entrylisttitle:link, a.entrylisttitle:active,a.entrylistItemTitle  {
   color: #3498db!important;
    font-size: 15px;
   font-weight: bold;
}

a.entrylisttitle:hover,
a.entrylistItemTitle:hover {
  color: #b92b27!important;
}

.post .postTitle2{
                          display: inline-block;
                           font-size: 15px;
                           color: #3498db!important;
                             -webkit-transition: all .5s linear;
				-moz-transition: all .5s linear;
				-ms-transition: all .5s linear;
				transition: all .5s linear;
                                   transform: translateX(0px);
}
.post .postTitle2:hover {
             color: #b92b27!important;
			-webkit-transform: translateX(50px)!important;
				-webkit-transition: all .5s linear!important;
				-moz-transform: translateX(50px)!important;
				-moz-transition: all .5s linear!important;
				-ms-transform: translateX(50px)!important;
				-ms-transition: all .5s linear!important;
				transition: all .5s linear!important;
				transform: translateX(50px)!important;
}

#sideBar li a:hover {
   color: #ff7300!important; 
   text-shadow: 1px 1px 1px #ffd147important;
}

/* call me */
.surprise {
    position: absolute;
    left: 10%;
    top: 6%;
    color: #f6e237;
    font-size: 24px;
    font-weight: bold;
}


@keyframes typing {
				from {
					width: 0;
				}
			}
			
			@keyframes caret {
				50% {
					border-right-color: transparent;
				}
			}
			
			.typing {
                                position: absolute;
                                left: 40%;
                               
				
			}
                       .typing  span {
                              display: inline-block;
                             width: 18ch;
				white-space: nowrap;
				overflow: hidden;
                                color: #bdc3c7;
				font-weight: bold;
				font-size: 36px;
				font-family: Monaco,monospace,Consolas,"微软雅黑";
                                 border-right: 5px solid #D39D38;
                                  animation: typing 6s steps(18), caret 1s steps(1) infinite;
                               text-shadow: #2c3e50 1px 0 0, #2c3e50 0 1px 0, #2c3e50 -1px 0 0, #2c3e50 0 -1px 0
                       }


::-webkit-scrollbar {
				/*改变滚动条宽度*/
				width: 10px;
			}
			
			::-webkit-scrollbar-track {
				/*改变滚动条轨道颜色*/
				border-radius: 10px;
				background-color: #f0f0f0;
				-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
			}
			
			::-webkit-scrollbar-thumb {
				/*改变滚动条滑轨相关的样式*/
				border-radius: 10px;
				background-color: #bdc3c7;
			}
			
			
			/* 移入鼠标效果 */
			
			::-webkit-scrollbar-thumb:hover {
				border-radius: 10px;
				background-color: #95a5a6;
				-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
			}




			
			.nav-main-block {
				display: block;
			}
			
			.nav-main-none,
			.nav-ul-none {
				display: none;
			}
			
			.nav-ul {
				clear: both;
				position: fixed;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
			}
			
			.nav-ul li {
				list-style: none;
				float: left;
				margin: 0 20px;
				color: #fff;
				font-size: 24px;
			}
			
			.nav-ul li>a {
				color: #fff;
                                transition: .3s;
				text-decoration: none;
			}

                       .nav-ul li>a:hover {
                             color: #3498db;
                             font-size: 18px;
                             font-weight: 700;
                             transition: .3s;
                             text-shadow: none;
                        }
			
			.nav-close {
				position: fixed;
				top: 2%;
				right: 2%;
				color: #fff;
				font-size: 24px;
			}
			
			.nav-list-start {
				position: fixed;
				top: 0;
				right: 0;
				z-index: 99;
				width: 100%;
				padding-top: 100%;
				background-color: #000;
				animation: animation-scale 1s linear;
			}
			
			.nav-list-end {
				position: fixed;
				top: 0;
				right: 0;
				width: 100%;
				padding-top: 100%;
				animation: animation-scale1 1s linear;
			}
			
			@keyframes animation-scale {
				0% {
					width: 0;
					padding-top: 0;
					clip-path: circle(10% at 100% 0);
					background: rgba(0, 0, 0, .2);
				}
				100% {
					width: 100%;
					padding-top: 100%;
					clip-path: circle(200% at 200% 0);
					background: rgb(0, 0, 0);
				}
			}
			
			@keyframes animation-scale1 {
				0% {
					width: 100%;
					padding-top: 100%;
					clip-path: circle(200% at 200% 0);
					background: rgb(0, 0, 0);
				}
				100% {
					width: 0;
					padding-top: 0;
					clip-path: circle(10% at 100% 0);
					background: rgba(0, 0, 0, .2);
				}
			}