.cssload-container{margin:-44px -58px;width:117px;height:88px;position:absolute;left:50%;}
.cssload-dot{background:rgb(0,0,0);border-radius:50%;width:50px;height:50px;line-height:50px;font-size:24px;position:absolute;bottom:29px;left:0px;transform-origin:center bottom;-o-transform-origin:center bottom;-ms-transform-origin:center bottom;-webkit-transform-origin:center bottom;-moz-transform-origin:center bottom;animation:cssload-dot 0.69s ease-in-out infinite;-o-animation:cssload-dot 0.69s ease-in-out infinite;-ms-animation:cssload-dot 0.69s ease-in-out infinite;-webkit-animation:cssload-dot 0.69s ease-in-out infinite;-moz-animation:cssload-dot 0.69s ease-in-out infinite;}
.step{position:absolute;width:36px;height:36px;border-top:4px solid rgb(0,0,0);top:0;right:0;}
#cssload-s1{animation:cssload-anim 2.07s linear infinite;-o-animation:cssload-anim 2.07s linear infinite;-ms-animation:cssload-anim 2.07s linear infinite;-webkit-animation:cssload-anim 2.07s linear infinite;-moz-animation:cssload-anim 2.07s linear infinite;}
#cssload-s2{animation:cssload-anim 2.07s linear infinite -0.69s;-o-animation:cssload-anim 2.07s linear infinite -0.69s;-ms-animation:cssload-anim 2.07s linear infinite -0.69s;-webkit-animation:cssload-anim 2.07s linear infinite -0.69s;-moz-animation:cssload-anim 2.07s linear infinite -0.69s;}
#cssload-s3{animation:cssload-anim 2.07s linear infinite -1.38s;-o-animation:cssload-anim 2.07s linear infinite -1.38s;-ms-animation:cssload-anim 2.07s linear infinite -1.38s;-webkit-animation:cssload-anim 2.07s linear infinite -1.38s;-moz-animation:cssload-anim 2.07s linear infinite -1.38s;}
@keyframes cssload-dot{0%{transform:scale(1,.7);}
20%{transform:scale(.7,1.2);}
40%{transform:scale(1,1);}
50%{bottom:97px;}
46%{transform:scale(1,1);}
80%{transform:scale(.7,1.2);}
90%{transform:scale(.7,1.2);}
100%{transform:scale(1,0.7);}
}
@-o-keyframes cssload-dot{0%{-o-transform:scale(1,.7);}
20%{-o-transform:scale(.7,1.2);}
40%{-o-transform:scale(1,1);}
50%{bottom:97px;}
46%{-o-transform:scale(1,1);}
80%{-o-transform:scale(.7,1.2);}
90%{-o-transform:scale(.7,1.2);}
100%{-o-transform:scale(1,0.7);}
}
@-ms-keyframes cssload-dot{0%{-ms-transform:scale(1,.7);}
20%{-ms-transform:scale(.7,1.2);}
40%{-ms-transform:scale(1,1);}
50%{bottom:97px;}
46%{-ms-transform:scale(1,1);}
80%{-ms-transform:scale(.7,1.2);}
90%{-ms-transform:scale(.7,1.2);}
100%{-ms-transform:scale(1,0.7);}
}
@-webkit-keyframes cssload-dot{0%{-webkit-transform:scale(1,.7);}
20%{-webkit-transform:scale(.7,1.2);}
40%{-webkit-transform:scale(1,1);}
50%{bottom:97px;}
46%{-webkit-transform:scale(1,1);}
80%{-webkit-transform:scale(.7,1.2);}
90%{-webkit-transform:scale(.7,1.2);}
100%{-webkit-transform:scale(1,0.7);}
}
@-moz-keyframes cssload-dot{0%{-moz-transform:scale(1,.7);}
20%{-moz-transform:scale(.7,1.2);}
40%{-moz-transform:scale(1,1);}
50%{bottom:97px;}
46%{-moz-transform:scale(1,1);}
80%{-moz-transform:scale(.7,1.2);}
90%{-moz-transform:scale(.7,1.2);}
100%{-moz-transform:scale(1,0.7);}
}
@keyframes cssload-anim{0%{opacity:0;top:0;right:0;}
50%{opacity:1;}
100%{top:88px;right:88px;opacity:0;}
}
@-o-keyframes cssload-anim{0%{opacity:0;top:0;right:0;}
50%{opacity:1;}
100%{top:88px;right:88px;opacity:0;}
}
@-ms-keyframes cssload-anim{0%{opacity:0;top:0;right:0;}
50%{opacity:1;}
100%{top:88px;right:88px;opacity:0;}
}
@-webkit-keyframes cssload-anim{0%{opacity:0;top:0;right:0;}
50%{opacity:1;}
100%{top:88px;right:88px;opacity:0;}
}
@-moz-keyframes cssload-anim{0%{opacity:0;top:0;right:0;}
50%{opacity:1;}
100%{top:88px;right:88px;opacity:0;}
}