#app{width:100%;min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}html{font-size:calc(100vw / 7.5)}@media screen and (min-width:1200px){html{font-size:160px}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:.28rem;line-height:1.5;color:#333;background-color:#af1a1d;min-height:100vh;overflow-x:hidden}.page{width:100%;min-height:100vh;margin:0 auto;position:relative;overflow:hidden}@media screen and (min-width:1200px){.page{max-width:12rem}}.modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000}.modal-mask{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080}.modal-content{position:absolute;bottom:0;left:0;width:100%;background:#fff8dc;border-radius:.3rem .3rem 0 0;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active,.slide-up-leave-active{transition:transform .3s ease}.slide-up-enter-from,.slide-up-leave-to{transform:translateY(100%)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.pulse-animation{animation:pulse 2s infinite}