@-webkit-keyframes rr{0%{color:#06c;}
50%{color:#f00;}
100%{color:#06c;}
}
@-moz-keyframes rr{0%{color:#06c;}
50%{color:#f00;}
100%{color:#06c;}
}
@keyframes rr{0%{color:#06c;}
50%{color:#f00;}
100%{color:#06c;}
}
@-webkit-keyframes stretchdelay{0%,40%,100%{-webkit-transform:scaleY(0.4);}
20%{-webkit-transform:scaleY(1.0);}
}
@keyframes stretchdelay{0%,40%,100%{-webkit-transform:scaleY(0.4);transform:scaleY(0.4);}
20%{-webkit-transform:scaleY(1.0);transform:scaleY(1.0);}
}
@keyframes myhk{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
@-webkit-keyframes myhk{100%{-webkit-transform:rotate(360deg);}
}
@keyframes hover{50%{-webkit-transform:translateY(-3px);transform:translateY(-3px);-ms-transform:translateY(-3px);}
100%{-webkit-transform:translateY(-6px);transform:translateY(-6px);-ms-transform:translateY(-6px);}
}
@-webkit-keyframes hover-shadow{0%{opacity:.4;-webkit-transform:translateY(6px);transform:translateY(6px);}
50%{opacity:1;-webkit-transform:translateY(3px);transform:translateY(3px);}
100%{opacity:.4;-webkit-transform:translateY(6px);transform:translateY(6px);}
}
@keyframes hover-shadow{0%{opacity:.4;-webkit-transform:translateY(6px);transform:translateY(6px);-ms-transform:translateY(6px);}
50%{opacity:1;-webkit-transform:translateY(3px);transform:translateY(3px);-ms-transform:translateY(3px);}
100%{opacity:.4;-webkit-transform:translateY(6px);transform:translateY(6px);-ms-transform:translateY(6px);}
}
@-moz-keyframes spinPulse{0%{box-shadow:0 0 1px #505050;opacity:0;-moz-transform:rotate(160deg);}
50%{opacity:1;-moz-transform:rotate(145deg);}
100%{opacity:0;-moz-transform:rotate(-320deg);}
}
@-moz-keyframes spinoffPulse{0%{-moz-transform:rotate(0deg);}
100%{-moz-transform:rotate(360deg);}
}
@-webkit-keyframes spinPulse{0%{box-shadow:0 0 1px #505050;opacity:0;-webkit-transform:rotate(160deg);}
50%{opacity:1;-webkit-transform:rotate(145deg);}
100%{opacity:0;-webkit-transform:rotate(-320deg);}
}
@-webkit-keyframes spinoffPulse{0%{-webkit-transform:rotate(0deg);}
100%{-webkit-transform:rotate(360deg);}
}
@-o-keyframes spinPulse{0%{box-shadow:0 0 1px #505050;opacity:0;-o-transform:rotate(160deg);}
50%{opacity:1;-o-transform:rotate(145deg);}
100%{opacity:0;-o-transform:rotate(-320deg);}
}
@-o-keyframes spinoffPulse{0%{-o-transform:rotate(0deg);}
100%{-o-transform:rotate(360deg);}
}
@-ms-keyframes spinPulse{0%{box-shadow:0 0 1px #505050;opacity:0;-ms-transform:rotate(160deg);}
50%{opacity:1;-ms-transform:rotate(145deg);}
100%{opacity:0;-ms-transform:rotate(-320deg);}
}
@-ms-keyframes spinoffPulse{0%{-ms-transform:rotate(0deg);}
100%{-ms-transform:rotate(360deg);}
}
@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3)}
50%{-webkit-transform:scale(1.05)}
70%{-webkit-transform:scale(.9)}
100%{-webkit-transform:scale(1)}
}
@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}
50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}
70%{-webkit-transform:scale(.9);transform:scale(.9)}
100%{-webkit-transform:scale(1);transform:scale(1)}
}
.colorful_loading_frame{position:fixed;top:0;left:0;z-index:99999;display:none;width:100%;height:100%;background:rgba(0,0,0,.5);color:red;text-align:center;font-size:2em}
.colorful_loading{margin:25% auto;width:50px;height:60px;text-align:center;font-size:10px}
.colorful_loading>i{display:inline-block;margin-right:3px;width:6px;height:100%;background-color:#fff;-webkit-animation:stretchdelay 1.2s infinite ease-in-out;animation:stretchdelay 1.2s infinite ease-in-out}
.colorful_loading .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}
.colorful_loading .rect3{-webkit-animation-delay:-1.0s;animation-delay:-1.0s}
.colorful_loading .rect4{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}
.colorful_loading .rect5{-webkit-animation-delay:-0.8s;animation-delay:-0.8s}