@charset "utf-8";
/* 20180412 by fanbo */
html,body,#app{height:100%;}
body{background:#fff;}
#app{-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; touch-action: manipulation; -webkit-text-size-adjust: none; text-size-adjust: none; }
.app-shell{position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;}
.app-view-wrapper{position: relative; overflow: hidden; width: 100%; height: 100%; max-width: 23.4375rem; margin: 0 auto;}
.app-view{ position: absolute; z-index: 999; top: 0; right: 0; bottom: 0; left: 0; height: 100%; overflow-x: hidden; overflow-y: auto; -webkit-transition: -webkit-transform .4s cubic-bezier(.55,0,.1,1); transition: -webkit-transform .4s cubic-bezier(.55,0,.1,1); transition: transform .4s cubic-bezier(.55,0,.1,1); transition: transform .4s cubic-bezier(.55,0,.1,1),-webkit-transform .4s cubic-bezier(.55,0,.1,1); will-change: transform; background: #fff; color: #3c3c3c; -webkit-overflow-scrolling: touch; }
.page-wrap{ position: relative; height: 100%; padding:3.125rem 0 2.8125rem; background:#f8f8f8; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; overflow-y: auto; -webkit-overflow-scrolling: touch; }
header{ position: fixed; top: 0; left: 0; right: 0; z-index: 1000;}