#header{display:none;} /* 将默认的导航头屏蔽掉，这样才能把自己的导航栏加上去 */
#footer{display:none;}
#content{
        box-shadow: 0 0 20px #cccfff;
}
#leftmenu{
        box-shadow: 0 0 10px #cccfff;
}
.post{
        margin-bottom: 5px;
}
body{
    font-size: 14px;
    opacity: 0.8;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    margin-left: 190px;
    margin-right: 190px;
    margin-top: 0;
    margin-bottom: 10px;
    padding: 30px;
    padding-bottom: 10px;
    padding-top: 0;
    background-color: #d9d6cb;
    
}
/* 定制自己导航栏的样式 */
#shwtop ul {
    margin: 0;
    padding: 0;
    list-style-type: none; /*去除li前的标注*/
    background-color: #333;
    overflow: hidden; /*隐藏溢出的部分，保持一行*/
}
#shwtop li {
    float: left; /*左浮动*/
}
#shwtop li a, .dropbtn {
    display: inline-block; /*设置成块*/
    color: white;
    text-align: center;
    text-decoration: none;
    padding: 14px 16px;
}
/*鼠标移上去，改变背景颜色*/
#shwtop li a:hover, .dropdown:hover .dropbtn { 
    /* 当然颜色你可以自己改成自己喜欢的，我还是挺喜欢蓝色的 */
    background-color: blue;
}
#shwtop .dropdown {
    /*
    display:inline-block将对象呈递为内联对象，
    但是对象的内容作为块对象呈递。
    旁边的内联对象会被呈递在同一行内，允许空格。
    */
    display: inline-block;
}
#shwtop .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
#shwtop .dropdown-content a {
    display: block;
    color: black;
    padding: 8px 10px;
    text-decoration:none;
}
#shwtop .dropdown-content a:hover {
    background-color: #a1a1a1;
}
#shwtop .dropdown:hover .dropdown-content{
    display: block;
}
#Scroll_info{
    text-align: center;
    font-size:13px;
    padding:5px;
}
/* 定制生成博客目录的CSS样式 */
#uprightsideBar{
    font-size:16px;
    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:rgb(0, 220, 0);
}
#sideBarContents{
    float:left;
    overflow:auto; 
    overflow-x:hidden;!important;
    width:200px;
    min-height:101px;
    max-height:460px;
    border:1px solid #e5e5e5;
    border-right:none; 
    background:#ffffff;
}
#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;
}

/* 定制推荐和反对按键 */
#div_digg{
  position:fixed;
  bottom:-10px;
  width:120px;
  right:20px;
  box-shadow: 0 0 6px #0000FF;
  border:2px solid #FF0000;
  padding:4px;
  background-color:#fff;
  border-radius:4px 4px 4px 4px !important;
}

.icon_favorite {
    background: transparent url('https://images.cnblogs.com/cnblogs_com/shwee/1218109/o_kj.gif') no-repeat 0 0;
    padding-left: 15px;
}

#blog_post_info_block a {
    text-decoration: none;
    color: #5B9DCA;
    padding: 3px;
}

/* 定制返回顶部按键 */
#toTop {
    background: url(https://images.cnblogs.com/cnblogs_com/chromer/1327683/o_o_toTop.bmp) no-repeat 0px top;
    width: 57px;
    height: 57px;
    overflow: hidden;
    position: fixed;
    right: 180px;
    bottom: 20px;
    cursor: pointer;
}

/* 定制页面扩大按键 */
#divExpandViewArea{
    position: fixed;
    color: white;
    padding: 10px 10px;
    left: 0px;
    top: 400px;
    cursor: pointer;
    opacity: 0.9;
    background-color: #68228B;
}
/* 定制页面缩小按键 */
#divCollapseViewArea{
    position: fixed;
    color: white;
    padding: 10px 10px;
    left: 0px;
    top: 445px;
    cursor: pointer;
    opacity: 0.9;
    background-color: #68228B;
}

/* 定制公告栏文字信息 */
.wenzi{
    text-align: center;
    font-size:15px;
    color:orangered;
}

/* 定制公告栏时钟位置 */
#clockdiv {
    /* left, center, right */
    text-align: center;
}

/* 定制数量统计 */
.FlagCounter{
    width:162px;
    margin:0 auto;
}

/* 定制博客背景图片，url里面是你的图片位置信息 */
body { 
     background-color: #efefef;
     background-image:url(https://images.cnblogs.com/cnblogs_com/chromer/1327683/o_t_Konachan.com%20-%20270396%20sample.jpg); 
     background-repeat: no-repeat; 
     background-attachment: fixed; 
     background-position: center 0; 
     background-size: cover; 
    padding-top:0px;
}

/* 设置签名格式 定制css样式 */
#MySignature {
    display: none;
    background-color: #B2E866;
    border-radius: 10px;
    box-shadow: 1px 1px 1px #6B6B6B;
    padding: 10px;
    line-height: 1.5;
    text-shadow: 1px 1px 1px #FFF;
    font-size: 16px;
    font-family: 'Microsoft Yahei';
}

/*页脚*/
#customFooter {
    width: 100%;
    overflow: hidden;
    padding: 2.1875em 0;
    border-top: 1px solid #e1e1e1;
    font-size: .75em;
    text-align: center;
}

#customFooter .footer-title {
    position: absolute;
}

#customFooter ul {
    display: inline-block;
    list-style: none;
}

#customFooter ul li {
    float: left;
    margin: 0 40px;
}

#customFooter ul a {
    color: orangered;
    font-size: 24px;
    text-decoration: none;
}

#customFooter ul a:hover, #customFooter ul a:active {
    color: #fff;
}

#copyright {
    font-size: 14px;
    color: #f975b5;
    margin-top: 40px;
}
/*底部笑脸*/
.my-face {
    animation: my-face 5s infinite ease-in-out;
    display: inline-block;
    margin: 0 5px;
}
#lwlhitokoto {
    /* padding: 1px; */
    position: relative;
    bottom: -30px;
}
/*当前歌词效果(重写的)*/
.aplayer .aplayer-lrc p.aplayer-lrc-current { 
    color: #ffafc9;
    font-size: 15px;
    font-weight: bold;
}
.fa.fa-heart:before {
    content: "❤";
}
.throb:before {
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
  
    -webkit-animation-name: scaleDraw; /*关键帧名称*/
    -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
    -webkit-animation-iteration-count: infinite;  /*动画播放的次数*/
    -webkit-animation-duration: 5s; /*动画所花费的时间*/

}
@keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
            0%{
                transform: scale(1);  /*开始为原始大小*/
            }
            25%{
                transform: scale(1.5); /*放大1.1倍*/
            }
            50%{
                transform: scale(1);
            }
            75%{
                transform: scale(1.5);
            }
        }
@-webkit-keyframes my-face {
	2% {
		-webkit-transform: translateY(1.5px) rotate(1.5deg);
		transform: translateY(1.5px) rotate(1.5deg)
	}

	4% {
		-webkit-transform: translateY(-1.5px) rotate(-.5deg);
		transform: translateY(-1.5px) rotate(-.5deg)
	}

	6% {
		-webkit-transform: translateY(1.5px) rotate(-1.5deg);
		transform: translateY(1.5px) rotate(-1.5deg)
	}

	8% {
		-webkit-transform: translateY(-1.5px) rotate(-1.5deg);
		transform: translateY(-1.5px) rotate(-1.5deg)
	}

	10% {
		-webkit-transform: translateY(2.5px) rotate(1.5deg);
		transform: translateY(2.5px) rotate(1.5deg)
	}

	12% {
		-webkit-transform: translateY(-.5px) rotate(1.5deg);
		transform: translateY(-.5px) rotate(1.5deg)
	}

	14% {
		-webkit-transform: translateY(-1.5px) rotate(1.5deg);
		transform: translateY(-1.5px) rotate(1.5deg)
	}

	16% {
		-webkit-transform: translateY(-.5px) rotate(-1.5deg);
		transform: translateY(-.5px) rotate(-1.5deg)
	}

	18% {
		-webkit-transform: translateY(.5px) rotate(-1.5deg);
		transform: translateY(.5px) rotate(-1.5deg)
	}

	20% {
		-webkit-transform: translateY(-1.5px) rotate(2.5deg);
		transform: translateY(-1.5px) rotate(2.5deg)
	}

	22% {
		-webkit-transform: translateY(.5px) rotate(-1.5deg);
		transform: translateY(.5px) rotate(-1.5deg)
	}

	24% {
		-webkit-transform: translateY(1.5px) rotate(1.5deg);
		transform: translateY(1.5px) rotate(1.5deg)
	}

	26% {
		-webkit-transform: translateY(.5px) rotate(.5deg);
		transform: translateY(.5px) rotate(.5deg)
	}

	28% {
		-webkit-transform: translateY(.5px) rotate(1.5deg);
		transform: translateY(.5px) rotate(1.5deg)
	}

	30% {
		-webkit-transform: translateY(-.5px) rotate(2.5deg);
		transform: translateY(-.5px) rotate(2.5deg)
	}

	32% {
		-webkit-transform: translateY(1.5px) rotate(-.5deg);
		transform: translateY(1.5px) rotate(-.5deg)
	}

	34% {
		-webkit-transform: translateY(1.5px) rotate(-.5deg);
		transform: translateY(1.5px) rotate(-.5deg)
	}

	36% {
		-webkit-transform: translateY(-1.5px) rotate(2.5deg);
		transform: translateY(-1.5px) rotate(2.5deg)
	}

	38% {
		-webkit-transform: translateY(1.5px) rotate(-1.5deg);
		transform: translateY(1.5px) rotate(-1.5deg)
	}

	40% {
		-webkit-transform: translateY(-.5px) rotate(2.5deg);
		transform: translateY(-.5px) rotate(2.5deg)
	}

	42% {
		-webkit-transform: translateY(2.5px) rotate(-1.5deg);
		transform: translateY(2.5px) rotate(-1.5deg)
	}

	44% {
		-webkit-transform: translateY(1.5px) rotate(.5deg);
		transform: translateY(1.5px) rotate(.5deg)
	}

	46% {
		-webkit-transform: translateY(-1.5px) rotate(2.5deg);
		transform: translateY(-1.5px) rotate(2.5deg)
	}

	48% {
		-webkit-transform: translateY(-.5px) rotate(.5deg);
		transform: translateY(-.5px) rotate(.5deg)
	}

	50% {
		-webkit-transform: translateY(.5px) rotate(.5deg);
		transform: translateY(.5px) rotate(.5deg)
	}

	52% {
		-webkit-transform: translateY(2.5px) rotate(2.5deg);
		transform: translateY(2.5px) rotate(2.5deg)
	}

	54% {
		-webkit-transform: translateY(-1.5px) rotate(1.5deg);
		transform: translateY(-1.5px) rotate(1.5deg)
	}

	56% {
		-webkit-transform: translateY(2.5px) rotate(2.5deg);
		transform: translateY(2.5px) rotate(2.5deg)
	}

	58% {
		-webkit-transform: translateY(.5px) rotate(2.5deg);
		transform: translateY(.5px) rotate(2.5deg)
	}

	60% {
		-webkit-transform: translateY(2.5px) rotate(2.5deg);
		transform: translateY(2.5px) rotate(2.5deg)
	}

	62% {
		-webkit-transform: translateY(-.5px) rotate(2.5deg);
		transform: translateY(-.5px) rotate(2.5deg)
	}

	64% {
		-webkit-transform: translateY(-.5px) rotate(1.5deg);
		transform: translateY(-.5px) rotate(1.5deg)
	}

	66% {
		-webkit-transform: translateY(1.5px) rotate(-.5deg);
		transform: translateY(1.5px) rotate(-.5deg)
	}

	68% {
		-webkit-transform: translateY(-1.5px) rotate(-.5deg);
		transform: translateY(-1.5px) rotate(-.5deg)
	}

	70% {
		-webkit-transform: translateY(1.5px) rotate(.5deg);
		transform: translateY(1.5px) rotate(.5deg)
	}

	72% {
		-webkit-transform: translateY(2.5px) rotate(1.5deg);
		transform: translateY(2.5px) rotate(1.5deg)
	}

	74% {
		-webkit-transform: translateY(-.5px) rotate(.5deg);
		transform: translateY(-.5px) rotate(.5deg)
	}

	76% {
		-webkit-transform: translateY(-.5px) rotate(2.5deg);
		transform: translateY(-.5px) rotate(2.5deg)
	}

	78% {
		-webkit-transform: translateY(-.5px) rotate(1.5deg);
		transform: translateY(-.5px) rotate(1.5deg)
	}

	80% {
		-webkit-transform: translateY(1.5px) rotate(1.5deg);
		transform: translateY(1.5px) rotate(1.5deg)
	}

	82% {
		-webkit-transform: translateY(-.5px) rotate(.5deg);
		transform: translateY(-.5px) rotate(.5deg)
	}

	84% {
		-webkit-transform: translateY(1.5px) rotate(2.5deg);
		transform: translateY(1.5px) rotate(2.5deg)
	}

	86% {
		-webkit-transform: translateY(-1.5px) rotate(-1.5deg);
		transform: translateY(-1.5px) rotate(-1.5deg)
	}

	88% {
		-webkit-transform: translateY(-.5px) rotate(2.5deg);
		transform: translateY(-.5px) rotate(2.5deg)
	}

	90% {
		-webkit-transform: translateY(2.5px) rotate(-.5deg);
		transform: translateY(2.5px) rotate(-.5deg)
	}

	92% {
		-webkit-transform: translateY(.5px) rotate(-.5deg);
		transform: translateY(.5px) rotate(-.5deg)
	}

	94% {
		-webkit-transform: translateY(2.5px) rotate(.5deg);
		transform: translateY(2.5px) rotate(.5deg)
	}

	96% {
		-webkit-transform: translateY(-.5px) rotate(1.5deg);
		transform: translateY(-.5px) rotate(1.5deg)
	}

	98% {
		-webkit-transform: translateY(-1.5px) rotate(-.5deg);
		transform: translateY(-1.5px) rotate(-.5deg)
	}

	0%,to {
		-webkit-transform: translate(0) rotate(0deg);
		transform: translate(0) rotate(0deg)
	}
}

@keyframes my-face {
	2% {
		-webkit-transform: translateY(1.5px) rotate(1.5deg);
		transform: translateY(1.5px) rotate(1.5deg)
	}

	4% {
		-webkit-transform: translateY(-1.5px) rotate(-.5deg);
		transform: translateY(-1.5px) rotate(-.5deg)
	}

	6% {
		-webkit-transform: translateY(1.5px) rotate(-1.5deg);
		transform: translateY(1.5px) rotate(-1.5deg)
	}

	8% {
		-webkit-transform: translateY(-1.5px) rotate(-1.5deg);
		transform: translateY(-1.5px) rotate(-1.5deg)
	}

	10% {
		-webkit-transform: translateY(2.5px) rotate(1.5deg);
		transform: translateY(2.5px) rotate(1.5deg)
	}

	12% {
		-webkit-transform: translateY(-.5px) rotate(1.5deg);
		transform: translateY(-.5px) rotate(1.5deg)
	}

	14% {
		-webkit-transform: translateY(-1.5px) rotate(1.5deg);
		transform: translateY(-1.5px) rotate(1.5deg)
	}

	16% {
		-webkit-transform: translateY(-.5px) rotate(-1.5deg);
		transform: translateY(-.5px) rotate(-1.5deg)
	}

	18% {
		-webkit-transform: translateY(.5px) rotate(-1.5deg);
		transform: translateY(.5px) rotate(-1.5deg)
	}

	20% {
		-webkit-transform: translateY(-1.5px) rotate(2.5deg);
		transform: translateY(-1.5px) rotate(2.5deg)
	}

	22% {
		-webkit-transform: translateY(.5px) rotate(-1.5deg);
		transform: translateY(.5px) rotate(-1.5deg)
	}

	24% {
		-webkit-transform: translateY(1.5px) rotate(1.5deg);
		transform: translateY(1.5px) rotate(1.5deg)
	}

	26% {
		-webkit-transform: translateY(.5px) rotate(.5deg);
		transform: translateY(.5px) rotate(.5deg)
	}

	28% {
		-webkit-transform: translateY(.5px) rotate(1.5deg);
		transform: translateY(.5px) rotate(1.5deg)
	}

	30% {
		-webkit-transform: translateY(-.5px) rotate(2.5deg);
		transform: translateY(-.5px) rotate(2.5deg)
	}

	32% {
		-webkit-transform: translateY(1.5px) rotate(-.5deg);
		transform: translateY(1.5px) rotate(-.5deg)
	}

	34% {
		-webkit-transform: translateY(1.5px) rotate(-.5deg);
		transform: translateY(1.5px) rotate(-.5deg)
	}

	36% {
		-webkit-transform: translateY(-1.5px) rotate(2.5deg);
		transform: translateY(-1.5px) rotate(2.5deg)
	}

	38% {
		-webkit-transform: translateY(1.5px) rotate(-1.5deg);
		transform: translateY(1.5px) rotate(-1.5deg)
	}

	40% {
		-webkit-transform: translateY(-.5px) rotate(2.5deg);
		transform: translateY(-.5px) rotate(2.5deg)
	}

	42% {
		-webkit-transform: translateY(2.5px) rotate(-1.5deg);
		transform: translateY(2.5px) rotate(-1.5deg)
	}

	44% {
		-webkit-transform: translateY(1.5px) rotate(.5deg);
		transform: translateY(1.5px) rotate(.5deg)
	}

	46% {
		-webkit-transform: translateY(-1.5px) rotate(2.5deg);
		transform: translateY(-1.5px) rotate(2.5deg)
	}

	48% {
		-webkit-transform: translateY(-.5px) rotate(.5deg);
		transform: translateY(-.5px) rotate(.5deg)
	}

	50% {
		-webkit-transform: translateY(.5px) rotate(.5deg);
		transform: translateY(.5px) rotate(.5deg)
	}

	52% {
		-webkit-transform: translateY(2.5px) rotate(2.5deg);
		transform: translateY(2.5px) rotate(2.5deg)
	}

	54% {
		-webkit-transform: translateY(-1.5px) rotate(1.5deg);
		transform: translateY(-1.5px) rotate(1.5deg)
	}

	56% {
		-webkit-transform: translateY(2.5px) rotate(2.5deg);
		transform: translateY(2.5px) rotate(2.5deg)
	}

	58% {
		-webkit-transform: translateY(.5px) rotate(2.5deg);
		transform: translateY(.5px) rotate(2.5deg)
	}

	60% {
		-webkit-transform: translateY(2.5px) rotate(2.5deg);
		transform: translateY(2.5px) rotate(2.5deg)
	}

	62% {
		-webkit-transform: translateY(-.5px) rotate(2.5deg);
		transform: translateY(-.5px) rotate(2.5deg)
	}

	64% {
		-webkit-transform: translateY(-.5px) rotate(1.5deg);
		transform: translateY(-.5px) rotate(1.5deg)
	}

	66% {
		-webkit-transform: translateY(1.5px) rotate(-.5deg);
		transform: translateY(1.5px) rotate(-.5deg)
	}

	68% {
		-webkit-transform: translateY(-1.5px) rotate(-.5deg);
		transform: translateY(-1.5px) rotate(-.5deg)
	}

	70% {
		-webkit-transform: translateY(1.5px) rotate(.5deg);
		transform: translateY(1.5px) rotate(.5deg)
	}

	72% {
		-webkit-transform: translateY(2.5px) rotate(1.5deg);
		transform: translateY(2.5px) rotate(1.5deg)
	}

	74% {
		-webkit-transform: translateY(-.5px) rotate(.5deg);
		transform: translateY(-.5px) rotate(.5deg)
	}

	76% {
		-webkit-transform: translateY(-.5px) rotate(2.5deg);
		transform: translateY(-.5px) rotate(2.5deg)
	}

	78% {
		-webkit-transform: translateY(-.5px) rotate(1.5deg);
		transform: translateY(-.5px) rotate(1.5deg)
	}

	80% {
		-webkit-transform: translateY(1.5px) rotate(1.5deg);
		transform: translateY(1.5px) rotate(1.5deg)
	}

	82% {
		-webkit-transform: translateY(-.5px) rotate(.5deg);
		transform: translateY(-.5px) rotate(.5deg)
	}

	84% {
		-webkit-transform: translateY(1.5px) rotate(2.5deg);
		transform: translateY(1.5px) rotate(2.5deg)
	}

	86% {
		-webkit-transform: translateY(-1.5px) rotate(-1.5deg);
		transform: translateY(-1.5px) rotate(-1.5deg)
	}

	88% {
		-webkit-transform: translateY(-.5px) rotate(2.5deg);
		transform: translateY(-.5px) rotate(2.5deg)
	}

	90% {
		-webkit-transform: translateY(2.5px) rotate(-.5deg);
		transform: translateY(2.5px) rotate(-.5deg)
	}

	92% {
		-webkit-transform: translateY(.5px) rotate(-.5deg);
		transform: translateY(.5px) rotate(-.5deg)
	}

	94% {
		-webkit-transform: translateY(2.5px) rotate(.5deg);
		transform: translateY(2.5px) rotate(.5deg)
	}

	96% {
		-webkit-transform: translateY(-.5px) rotate(1.5deg);
		transform: translateY(-.5px) rotate(1.5deg)
	}

	98% {
		-webkit-transform: translateY(-1.5px) rotate(-.5deg);
		transform: translateY(-1.5px) rotate(-.5deg)
	}

	0%,to {
		-webkit-transform: translate(0) rotate(0deg);
		transform: translate(0) rotate(0deg)
	}
}
@media screen and (min-width:400px) and (max-width:520px){
    .Cal{
            width: 405px;
    }
}
.hidden{
    display:none;
}