/*! mescroll -- ç²¾è‡´çš„ä¸‹æ‹‰åˆ·æ–°å’Œä¸Šæ‹‰åŠ è½½jsæ¡†æž¶  ( a great JS framework for pull-refresh and pull-up-loading )
 * version 1.3.8
 * 2018-09-29
 * author: wenju < mescroll@qq.com > æ–‡ä¸¾
 * *
 * å®˜ç½‘:  http://www.mescroll.com
 * åŠ¨æ€:  https://github.com/mescroll/mescroll/releases
 * é—®ç”:  http://www.mescroll.com/qa.html
 * issues:  https://github.com/mescroll/mescroll/issues
 * QQäº¤æµç¾¤: 633126761
 *
 * æ¸©é¦¨æç¤º: mescrollå”¯ä¸€çš„å…¨å±€æ ·å¼: html,body{height:100%},ç”¨äºŽå›ºå®šbodyçš„é«˜åº¦æ»¡å±; å¦‚æžœå½±å“åˆ°æ‚¨åŽŸæœ¬çš„é¡¹ç›®æ ·å¼,å¯è‡ªè¡Œåˆ é™¤
 *
 *
 * ----- mescrollçš„htmlç»“æž„è§£æž ----
 *
 <body>
   <div id="mescroll" class="mescroll">
    <div>

      //ä¸‹æ‹‰åˆ·æ–°åŒºåŸŸ ( mescrollåˆå§‹åŒ–ä¹‹åŽè‡ªåŠ¨åˆ›å»º )
      <div class="mescroll-downwarp">
        <div class="downwarp-content">
          <p class="downwarp-progress"></p> <p class="downwarp-tip">ä¸‹æ‹‰åˆ·æ–° </p>
        </div>
      </div>

      //ç•Œé¢çš„å…·ä½“å†…å®¹
      //<div>ç•Œé¢å†…å®¹</div>
      //æ•°æ®åˆ—è¡¨..
      //<ul id="dataList" class="data-list">
      //	<li>æ•°æ®åˆ—è¡¨</li>

        //ç©ºå¸ƒå±€ ( åˆ—è¡¨æ— ä»»ä½•æ•°æ®æ—¶, ä¸”é…ç½®äº†warpIdæ—¶, ä¼šè‡ªåŠ¨åˆ›å»ºæ˜¾ç¤º )
        <div class="mescroll-empty">
          <img class="empty-icon" src="../img/mescroll-empty.png"/>
          <p class="empty-tip">æš‚æ— ç›¸å…³æ•°æ®~</p>
           <p class="empty-btn">åŽ»é€›é€› ></p>
        </div>

      //</ul>

      //ä¸Šæ‹‰åŠ è½½åŒºåŸŸ ( mescrollåˆå§‹åŒ–ä¹‹åŽè‡ªåŠ¨åˆ›å»º )
      <div class="mescroll-upwarp">
        //åŠ è½½ä¸..
        <p class="upwarp-progress mescroll-rotate"></p><p class="upwarp-tip">åŠ è½½ä¸..</p>
        //æ— æ•°æ®
        <p class="upwarp-nodata">-- END --</p>
      </div>

    </div>
	</div>

	//å›žåˆ°é¡¶éƒ¨æŒ‰é’® ( åˆ—è¡¨æ»šåŠ¨åˆ°é…ç½®çš„è·ç¦»æ—¶, ä¸”é…ç½®äº†warpIdæ—¶, ä¼šè‡ªåŠ¨åˆ›å»ºæ˜¾ç¤º, æ³¨æ„æ˜¯æ·»åŠ åœ¨bodyä¸çš„ )
	<img class="mescroll-totop" src="../img/mescroll-totop.png"/>
</body>
*/
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:30px;padding:10px 0}.mescroll-upwarp{min-height:30px;padding:15px 0;text-align:center;visibility:hidden}.mescroll-downwarp .downwarp-tip,.mescroll-upwarp .upwarp-tip,.mescroll-upwarp .upwarp-nodata{display:inline-block;font-size:12px;color:gray;vertical-align:middle}.mescroll-downwarp .downwarp-tip,.mescroll-upwarp .upwarp-tip{margin-left:8px}.mescroll-downwarp .downwarp-progress,.mescroll-upwarp .upwarp-progress{display:inline-block;width:16px;height:16px;border-radius:50%;border:1px 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:20px;text-align:center}.mescroll-empty .empty-icon{width:45%}.mescroll-empty .empty-tip{margin-top:6px;font-size:14px;color:gray}.mescroll-empty .empty-btn{max-width:50%;margin:20px auto;padding:10px;border:1px solid #65aadd;border-radius:6px;background-color:white;color:#65aadd}.mescroll-empty .empty-btn:active{opacity:.75}.mescroll-totop{z-index:9990;position:fixed;right:10px;bottom:205px;width:36px;height:36px;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:6px}.mescroll-bar::-webkit-scrollbar-thumb{border-radius:6px;background-color:#ccc}.mescroll-bar::-webkit-scrollbar-thumb:hover{background-color:#aaa}