/*
 * version 1.4.1 MIT
 * 2019-2-1 wenju
 */
html,body{height:100%}
body{-webkit-overflow-scrolling:touch}
.mescroll{width:100%;height:100%;overflow-y:auto}
.mescroll-hardware{-webkit-transform:translateZ(0);-webkit-transform-style:preserve-3d;-webkit-backface-visibility:hidden;-webkit-perspective:1000}
.mescroll-downwarp{position:relative;width:100%;height:0;overflow:hidden;text-align:center}
.mescroll-downwarp-reset{-webkit-transition:height 300ms;transition:height 300ms}
.mescroll-downwarp .downwarp-content{position:absolute;left:0;bottom:0;width:100%;min-height:.3rem;padding:.1rem 0}
.mescroll-upwarp{min-height:.25rem;padding:.10rem 0; text-align:center;visibility:hidden;}
.mescroll-upwarp p{display:inline-block;  line-height:.12rem;}
@-moz-document url-prefix() {.mescroll-upwarp p{ line-height:.10rem}}

.mescroll-downwarp .downwarp-tip,.mescroll-upwarp .upwarp-tip,.mescroll-upwarp .upwarp-nodata{display:inline-block;font-size:.13rem;color:gray;vertical-align:middle}
.mescroll-downwarp .downwarp-tip,.mescroll-upwarp .upwarp-tip{margin-left:.08rem}
.mescroll-downwarp .downwarp-progress,.mescroll-upwarp .upwarp-progress{display:inline-block;width:.16rem;height:.16rem;border-radius:50%;border:.01rem solid gray;border-bottom-color:transparent;vertical-align:middle}
.mescroll-rotate{-webkit-animation:mescrollRotate .6s linear infinite;animation:mescrollRotate .6s linear infinite}@-webkit-keyframes mescrollRotate{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes mescrollRotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.mescroll-empty{width:100%;padding-top:.20rem;text-align:center}
.mescroll-empty .empty-icon{width:45%}
.mescroll-empty .empty-tip{margin-top:.06rem;font-size:.14rem;color:gray}
.mescroll-empty .empty-btn{max-width:50%;margin:.20rem auto;padding:.10rem;border:.01rem solid #65aadd;border-radius:.06rem;background-color:white;color:#65aadd}
.mescroll-empty .empty-btn:active{opacity:.75}
.mescroll-totop{z-index:9990;position:fixed;right:.10rem;bottom:.30rem;width:.36rem;height:.36rem;border-radius:50%;opacity:0}
.mescroll-lazy-in,.mescroll-fade-in{-webkit-animation:mescrollFadeIn .5s linear forwards;animation:mescrollFadeIn .5s linear forwards}@-webkit-keyframes mescrollFadeIn{0%{opacity:0}100%{opacity:1}}@keyframes mescrollFadeIn{0%{opacity:0}100%{opacity:1}}
.mescroll-fade-out{pointer-events:none;-webkit-animation:mescrollFadeOut .5s linear forwards;animation:mescrollFadeOut .5s linear forwards}@-webkit-keyframes mescrollFadeOut{0%{opacity:1}100%{opacity:0}}@keyframes mescrollFadeOut{0%{opacity:1}100%{opacity:0}}
.mescroll-bar::-webkit-scrollbar-track{background-color:transparent}
.mescroll-bar::-webkit-scrollbar{width:.06rem}
.mescroll-bar::-webkit-scrollbar-thumb{border-radius:.06rem;background-color:#ccc}
.mescroll-bar::-webkit-scrollbar-thumb:hover{background-color:#aaa}


/*//later add */

* {
margin: 0;
padding: 0;
-webkit-touch-callout:none;
-webkit-user-select:none;
-webkit-tap-highlight-color:transparent;
}

/*列表*/
.mescroll{
position: fixed;
top: .44rem;
bottom: 0;
height: auto;
}
/*展示上拉加载的数据列表*/
.data-list li{
position: relative;
padding: 0;
border-bottom: 0;
}


#loading_list{ font-size:.13rem; color:#888;}
#loading_list ul{display:inline-block;}
#loading_list ul li{float:left}

.object{
  width: 0.1rem;
  height: 0.1rem;
  float: left;
  margin-right: 0.1rem;
  -moz-border-radius: 50% 50% 50% 50%;
  -webkit-border-radius: 50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%;
}
#object_one {	
  -webkit-animation: object_one 1.5s infinite;
  animation: object_one 1.5s infinite;
  background:#F9A4AB;
  }
#object_two {
  -webkit-animation: object_two 1.5s infinite;
  animation: object_two 1.5s infinite;
  -webkit-animation-delay: 0.25s; 
  animation-delay: 0.25s;
  background:#F7858F;
  }
#object_three {
  -webkit-animation: object_three 1.5s infinite;
  animation: object_three 1.5s infinite;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;	
  background:#F56773
  }
#object_four {
  -webkit-animation: object_two 1.5s infinite;
  animation: object_two 1.5s infinite;
  -webkit-animation-delay: 0.25s; 
  animation-delay: 0.25s;
  background:#F7858F;
  }
@-webkit-keyframes object_one {
75% { -webkit-transform: scale(0); }
}
@keyframes object_one {
75% { 
  transform: scale(0);
  -webkit-transform: scale(0);
}
}
@-webkit-keyframes object_two {
75% { -webkit-transform: scale(0); }
}
@keyframes object_two {
75% { 
  transform: scale(0);
  -webkit-transform:  scale(0);
}
}
@-webkit-keyframes object_three {
75% { -webkit-transform: scale(0); }
}
@keyframes object_three {
75% { 
  transform: scale(0);
  -webkit-transform: scale(0);
} 
}
@-webkit-keyframes object_four {
75% { -webkit-transform: scale(0); }
}
@keyframes object_four {
75% { 
  transform: scale(0);
  -webkit-transform: scale(0);
} 
}