/*
 * 自定义下拉刷新和上拉加载的结构
 *
	//下拉刷新区域
	<div class="mescroll-downwarp">
		<div class="downwarp-content">
			<p class="downwarp-progress"></p>
		</div>
	</div>

	//上拉加载区域
	<div class="mescroll-upwarp">
		//加载中..
		<p class="upwarp-progress mescroll-rotate"></p>
		//无数据
		<p class="upwarp-nodata">-- END --</p>
	</div>
 */

/*旋转进度条*/
.mescroll-downwarp .downwarp-progress,
.mescroll-upwarp .upwarp-progress {
    width: 24px;
    height: 24px;
    border: none;
    margin: auto;
    background-image: url(../images/mescroll-progress.jpg);
    background-size: contain;
}

/*放大旋转动画*/
.mescroll-rotate{
    -webkit-animation: animScale 0.6s linear, mescrollRotate 0.6s linear infinite;
    animation: animScale 0.6s linear, mescrollRotate 0.6s linear infinite;
}
@-webkit-keyframes animScale {
    0% { -webkit-transform: scale(1,1) rotate(0deg) }
    50% { -webkit-transform: scale(1.2,1.2) rotate(180deg) }
    100% { -webkit-transform: scale(1,1) rotate(360deg) }
}
@keyframes animScale {
    0% { transform: scale(1,1) rotate(0deg) }
    50% { transform: scale(1.2,1.2) rotate(180deg) }
    100% { transform: scale(1,1) rotate(360deg) }
}