@charset "utf-8";

/* 自转（音乐） */
@keyframes rotation {0% {-webkit-transform: rotate(0deg);}100% {-webkit-transform: rotate(360deg);}}
/* 左右摆动 */
@-webkit-keyframes horizontal{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}6%{-webkit-transform:translate(5px,0);transform:translate(5px,0)}12%{-webkit-transform:translate(0,0);transform:translate(0,0)}18%{-webkit-transform:translate(5px,0);transform:translate(5px,0)}24%{-webkit-transform:translate(0,0);transform:translate(0,0)}30%{-webkit-transform:translate(5px,0);transform:translate(5px,0)}100%,36%{-webkit-transform:translate(0,0);transform:translate(0,0)}}
@keyframes horizontal{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}6%{-webkit-transform:translate(5px,0);transform:translate(5px,0)}12%{-webkit-transform:translate(0,0);transform:translate(0,0)}18%{-webkit-transform:translate(5px,0);transform:translate(5px,0)}24%{-webkit-transform:translate(0,0);transform:translate(0,0)}30%{-webkit-transform:translate(5px,0);transform:translate(5px,0)}100%,36%{-webkit-transform:translate(0,0);transform:translate(0,0)}}
/*心跳*/
@keyframes heartbeat{0%,100%{transform:scale(1)}10%,30%{transform:scale(.9)}20%,40%,60%,80%{transform:scale(1.1)}50%,70%{transform:scale(1.1)}}
@-webkit-keyframes heartbeat{0%,100%{transform:scale(1)}10%,30%{transform:scale(.9)}20%,40%,60%,80%{transform:scale(1.1)}50%,70%{transform:scale(1.1)}}
@-moz-keyframes heartbeat{0%,100%{transform:scale(1)}10%,30%{transform:scale(.9)}20%,40%,60%,80%{transform:scale(1.1)}50%,70%{transform:scale(1.1)}}
/* pjax_loading */
@keyframes loading_circle{33%{background-position:0% 33%,100% 33%,200% 33%}66%{background-position:-100% 66%,0% 66%,100% 66%}100%{background-position:0% 100%,100% 100%,200% 100%}}

/* 跳动两下动画
@keyframes jump{0%,to{transform:translateY(0)}30%{transform:translateY(-2px)}60%{transform:translateY(2px)}80%{transform:translateY(-1px)}90%{transform:translateY(1px)}}
@-webkit-keyframes jump{0%,to{transform:translateY(0)}30%{transform:translateY(-2px)}60%{transform:translateY(2px)}80%{transform:translateY(-1px)}90%{transform:translateY(1px)}}
@-moz-keyframes jump{0%,to{transform:translateY(0)}30%{transform:translateY(-2px)}60%{transform:translateY(2px)}80%{transform:translateY(-1px)}90%{transform:translateY(1px)}}
 */
/* 下上淡入（card） */
@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}
@-webkit-keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}
@-moz-keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}

[class*=section_tag_],
.postlist_grid .item:not(.bone){
    -webkit-animation: fadeInUp 0.5s .2s ease both;
    -moz-animation: fadeInUp 0.5s .2s ease both;
    animation: fadeInUp 0.5s .2s ease both;
}

/* 正转 */
.zhengzhuan{
    animation: rotation 10s linear infinite;
    -webkit-animation:rotation 10s linear infinite;
}
.zhengzhuan:before{
    animation:10s linear infinite reverse none running rotation;
    -webkit-animation:10s linear infinite reverse none running rotation;
}
.fanzhuan{
    animation:10s linear infinite reverse none running rotation;
    -webkit-animation:10s linear infinite reverse none running rotation;
}

/* 主页向下小箭头 */
@-moz-keyframes scroll_down{0%{top:0;opacity:.4}
50%{top:-8px;opacity:1;-ms-filter:none;filter:none}
to{top:0;opacity:.4}
}
@-webkit-keyframes scroll_down{0%{top:0;opacity:.4}
50%{top:-8px;opacity:1;-ms-filter:none;filter:none}
to{top:0;opacity:.4}
}