#pullDown, #pullUp {
	background:#fff;
	height:20px;
	line-height:20px;
	padding:10px 10px;
	border-bottom:1px solid #F8F8F8;
	font-size:12px;
	color:#888;
	text-align:center;
	display:none;
}
#pullDown .pullDownIcon, #pullUp .pullUpIcon  {
	display:inline-block;
	vertical-align: middle;
	height:20px; padding:0 0 0 2px;
	width:20px;
	background:url(/images/v2015/loding.gif) 0 0 no-repeat;
	-webkit-background-size:20px 20px; background-size:20px 20px;
	-webkit-transition-property:-webkit-transform;
	-webkit-transition-duration:250ms;	
}
#pullDown .pullDownIcon {
	-webkit-transform:rotate(0deg) translateZ(0);
}
#pullUp .pullUpIcon  {
	-webkit-transform:rotate(-180deg) translateZ(0);
}

#pullDown.flip .pullDownIcon {
	-webkit-transform:rotate(-180deg) translateZ(0);
}

#pullUp.flip .pullUpIcon {
	-webkit-transform:rotate(0deg) translateZ(0);
}

#pullDown.loading .pullDownIcon, #pullUp.loading .pullUpIcon {
	background-position:0 100%;
	-webkit-transform:rotate(0deg) translateZ(0);
	-webkit-transition-duration:0ms;

	-webkit-animation-name:loading;
	-webkit-animation-duration:2s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:linear;
}
.pullUpLabel{padding-left:2px;display:inline-block;vertical-align: middle;}

@-webkit-keyframes loading {
	from { -webkit-transform:rotate(0deg) translateZ(0); }
	to { -webkit-transform:rotate(0deg) translateZ(0); }
}