.footer,
.header{
background:#fff url(none) repeat fixed top center;
  background-color:#1c2327; 
}

#tbCommentBody{
 filter:alpha(opacity=50); /*IE*/
 -moz-opacity:0.5; /*火狐*/
 opacity:0.5; /*opera (CSS3标准)*/
}
#under_post_kb{
background:#fff url(https://img.lanrentuku.com/img/allimg/1407/5-140FGZ248-52.gif);
background-repeat:no-repeat;
background-size:25% 100%;
background-position:98%,400px;
-moz-background-size:25% 100%;
}
#btn_comment_submit,.
btn_my_zzk,#btnZzk{ 
display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
padding: 0.75em 2em;
  text-align: center;
  text-decoration: none;
  color: $color;
  border: 2px solid $color;
  font-size: 24px;
  display: inline-block;
  border-radius: 0.3em;
  transition: all 0.2s ease-in-out;
  position: relative;
  overflow: hidden;
  &:before {
    content: "";
    background-color: rgba(255,255,255,0.5);
    height: 100%;
    width: 3em;
    display: block;
    position: absolute;
    top: 0;
    left: -4.5em;
    transform: skewX(-45deg) translateX(0);
    transition: none;
  }
  &:hover {
    background-color: $color;
    color: #fff;
    border-bottom: 4px solid darken($color, 10%);
    &:before {
      transform: skewX(-45deg) translateX(13.5em);
     transition: all 0.5s ease-in-out;
    }
  }
}
#blogCalendar{
background:url(https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=4190391183,3361318756&fm=27&gp=0.jpg);
background-repeat:no-repeat; background-size:100% 100%;-moz-background-size:100% 100%;
color: transparent;
-webkit-background-clip : text;
    -webkit-background-clip: text;/* 裁剪背景图，使文字作为裁剪区域向外裁剪 */
    -webkit-background-size: 200% 100%; 
    -webkit-animation: masked-animation 4s linear infinite;
}
.listtitle,#leftcontentcontainer h3{
background:url(https://img.lanrentuku.com/img/allimg/1407/5-140FGZ247-51.gif);
background-repeat:no-repeat; background-size:20% 100%;-moz-background-size:100% 100%;
}
#bnr_pic{
background:url(https://ww2.sinaimg.cn/large/85ccde71gw1f9l3jwjfnzg20dw05h1kx.jpg);
}
#blogTitle{
background:url(https://img2.imgtn.bdimg.com/it/u=2485160876,739787646&fm=27&gp=0.jpg);
background-repeat:no-repeat; background-size:100% 100%;-moz-background-size:100% 100%;
}
#Header1_HeaderTitle{
color: transparent;
-webkit-background-clip : text;
 background-image:url(https://5b0988e595225.cdn.sohucs.com/images/20180112/1e35e7fb078e4760bc0facc140a18d22.gif);
    -webkit-text-fill-color: transparent;/* 将字体设置成透明色 */
    -webkit-background-clip: text;/* 裁剪背景图，使文字作为裁剪区域向外裁剪 */
    -webkit-background-size: 200% 100%; 
    -webkit-animation: masked-animation 4s linear infinite;
width: 300px;
    height: 200px;
    position: absolute;
    left: 50%;
    margin-left: -150px;
    font-size: 35px;
}
@keyframes masked-animation {
    0% {
        background-position: 0  0;
    }
    100% {
        background-position: -100%  0;
    }
}
$color: #2194E0;

@keyframes sheen {
  0% {
    transform: skewY(-45deg) translateX(0);
  }
  100% {
    transform: skewY(-45deg) translateX(12.5em);
  }
}