/*
 * 自定义下拉刷新和上拉加载的结构
 * 
	//下拉刷新区域
	<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(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) }
}
* {
	margin: 0;
	padding: 0;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-webkit-tap-highlight-color:transparent;
}
body{background-color: white}
ul{list-style-type: none}
img{width: 100%;vertical-align: bottom;}

/*模拟的标题,底部*/
.header{
	z-index: 9990;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 44px;
	border-bottom: 1px solid #eee;
	background-image: url(img/zhihu1.jpg);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-color: white;
}
.footer{
	z-index: 9990;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50px;
	border-top: 1px solid #eee;
	background-image: url(img/zhihu5.jpg);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-color: white;
}

/*列表*/
.mescroll{
	position: fixed;
	top: 44px;
	bottom: 0px;
	height: auto;
}
/*回到顶部按钮*/
.mescroll-totop {
	bottom: 70px;
}

/*下拉刷新回调的提示*/
.download-tip{
	z-index: 9900;
	position: fixed;
	top: 20px;
	left: 0;
	width: 100%;
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	text-align: center;
	background-color: rgba(80,175,85,.7);
	color: white;
	-webkit-transition: top 300ms;
	transition: top 300ms;
}

/*展示上拉加载的数据列表*/
.news-list li{
	padding-top: 0px;
    padding-right: 16px;
    padding-bottom: 0px;
    padding-left: 16px;
	/* border-bottom: 1px solid #eee; */
}
.news-list .new-content{
	font-size: 14px;
	margin-top: 6px;
	margin-left: 10px;
	color: #666;
}