*{box-sizing:border-box}body{margin:0;font-family:-apple-system,PingFang SC,Microsoft YaHei,sans-serif;background:#f4f6fa;color:#15171f}.app{max-width:430px;margin:0 auto;min-height:100vh;background:#f4f6fa;position:relative}.btn{height:44px;border:0;border-radius:8px;background:#4f63ff;color:#fff;font-weight:800;width:100%}.field{width:100%;height:44px;border:1px solid #e8ebf2;border-radius:8px;padding:0 12px;margin-bottom:10px;font-size:15px}.bottom-nav{position:fixed;left:50%;transform:translate(-50%);bottom:0;width:100%;max-width:430px;height:60px;display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border-top:1px solid #e8ebf2}.nav-item{border:0;background:transparent;font-size:12px;font-weight:800;color:#7f8794}.nav-item.active{color:#4f63ff}.page-pad{padding:16px 16px 76px}