.loadDiv{margin-top:-16px;text-align: center;position: relative;
width:100%;height:60px;-webkit-transition: margin-top .3s;transition: margin-top .3s;}
.pullDown {
position: relative;display:inline-block;border-radius: 50%;height: 40px;width: 40px;
background: none repeat scroll 0 0 #fff;overflow:hidden;
box-shadow: 0 0 10px rgba(0,0,0,.1) inset, 0 0 25px rgba(0,0,255,0.075);}
.pullDown:after {
content: "";position: absolute;top: 3px; left: 3px;display: block;
height: 34px; width: 34px;background: none repeat scroll 0 0 #fff;
border-radius: 50%;}
.pullDown > span {position: absolute;height: 100%; width: 50%;overflow: hidden;}
.labelFont{font-size:13px;color:#ccc;}
.left  { left:0   }
.right { left:50% }
.anim {
position: absolute;left: 100%; top: 0;height: 100%; width: 100%;
border-radius: 20px;background: none repeat scroll 0 0 #ddd;
opacity: 0.8;-webkit-animation: ui-spinner-rotate-left 3s infinite;
animation: ui-spinner-rotate-left 3s infinite;
-webkit-transform-origin: 0 50% 0;transform-origin: 0 50% 0;
-webkit-animation-delay: 0s;-webkit-animation-duration:3s;
-webkit-animation-timing-function: linear;
animation-delay: 0s;animation-duration:3s;
animation-timing-function: linear;}
.left .anim {border-bottom-left-radius: 0;border-top-left-radius: 0;}
.right .anim {
border-bottom-right-radius: 0;border-top-right-radius: 0;left: -100%;
-webkit-transform-origin: 100% 50% 0;transform-origin: 100% 50% 0;
-webkit-animation-name: ui-spinner-rotate-right;
-webkit-animation-delay:0;-webkit-animation-delay: 1.5s;
animation-name: ui-spinner-rotate-right;
animation-delay:0;animation-delay: 1.5s;}
@keyframes ui-spinner-rotate-left{
0%,25%{transform:rotate(0deg)}
50%,75%{transform:rotate(180deg)}
100%{transform:rotate(360deg)}
}
@-webkit-keyframes ui-spinner-rotate-left{
0%,25%{-webkit-transform:rotate(0deg)}
50%,75%{-webkit-transform:rotate(180deg)}
100%{-webkit-transform:rotate(360deg)}
}
@-webkit-keyframes ui-spinner-rotate-right{
0%{-webkit-transform:rotate(0deg)}
25%,50%{-webkit-transform:rotate(180deg)}
75%,100%{-webkit-transform:rotate(360deg)}
}
@keyframes ui-spinner-rotate-right{
0%{transform:rotate(0deg)}
25%,50%{transform:rotate(180deg)}
75%,100%{transform:rotate(360deg)}
}