*{box-sizing:border-box}html,body,#app{height:100%;margin:0;padding:0}body{font-family:Helvetica Neue,Arial,PingFang SC,Microsoft YaHei,sans-serif;background:#f5f6f8;font-size:15px;color:#333}.page{padding:12px 12px 70px}.card{background:#fff;border-radius:10px;padding:14px;margin-bottom:12px;box-shadow:0 1px 4px #0000000f}.btn{display:block;width:100%;padding:12px;border:none;border-radius:8px;background:#2f5fa8;color:#fff;font-size:16px;text-align:center;cursor:pointer}.btn:disabled{opacity:.5}.btn.warn{background:#e6a23c}.input{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:15px;margin-bottom:12px}.navbar{position:fixed;bottom:0;left:0;right:0;height:56px;background:#fff;border-top:1px solid #eee;display:flex;z-index:500}.navbar a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#999;text-decoration:none;font-size:12px}.navbar a.router-link-active{color:#2f5fa8}.navbar .ico{font-size:20px}.tag{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;background:#eef3fb;color:#2f5fa8}.tag.green{background:#e8f7e8;color:#3a9e3a}.tag.orange{background:#fdf3e6;color:#e6a23c}