body,html{min-height:100%}
body{-webkit-overflow-scrolling:touch}
.mescroll{width: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 .3s;transition:height .3s}
.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-nodata,.mescroll-upwarp .upwarp-tip{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(0)}
100%{-webkit-transform:rotate(360deg)}
}
@keyframes mescrollRotate{0%{transform:rotate(0)}
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:#fff;color:#65aadd}
.mescroll-empty .empty-btn:active{opacity:.75}
.mescroll-totop{z-index:9990;position:fixed;right:10px;bottom:30px;width:36px;height:36px;border-radius:50%;opacity:0}
.mescroll-fade-in,.mescroll-lazy-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}