html{height:100%;overflow:hidden}body{height:calc(100% - 16px);margin:0}#root{height:100%}.body{align-items:center}.body,.container{display:flex;flex-direction:column;height:100%}.container{gap:8px;width:100%}.buttonGroup,.top{display:flex;justify-content:center}.buttonGroup{align-items:center;width:100%}.middle{display:flex;height:100%;justify-content:center;overflow:hidden}.img,.video{border-radius:8px;height:100%;max-width:100%;object-fit:contain}.progress{flex-direction:column;gap:16px}.progress,.share{align-items:center;display:flex}.share{flex-wrap:wrap;gap:8px}.shareList{display:flex;gap:8px}.progress>.MuiStack-root>svg{height:50px;width:50px}.pay{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-between;width:190px}.pay .items{display:flex;gap:8px}.pay .items>img{height:20px}.pay .items>span{font-size:12px}.lifepay_button{margin-bottom:-13px;margin-left:-13px;margin-top:-6px;width:calc(100% + 2px)}.footer{align-items:center;border-top-left-radius:0!important;border-top-right-radius:0!important;display:flex;height:52px;justify-content:center;padding:0 8px;width:calc(100% - 16px)}.background,.footer{bottom:0;left:0;position:absolute}.background{background-position:50%;background-size:contain;opacity:.15;right:0;top:0;z-index:-1}.card{height:calc(100% - 76px);margin-top:8px;padding:8px 16px 16px}.Card{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:36px;overflow:auto;padding:8px;width:calc(100% - 16px)}.Card>a>*{min-width:100%;width:100%}.Card>a{display:flex;width:calc(25% - 6px)}@media (max-width:1199px){.Card>a{width:calc(33.33% - 6px)}}@media (max-width:899px){.Card>a{width:calc(50% - 4px)}}@media (max-width:599px){.Card>a{width:100%}}.logo{width:42px}.t1{font-size:24px!important}@media (max-width:1199px){.logo{width:42px}.t1{font-size:22px!important}}@media (max-width:899px){.logo{width:42px}.t1{font-size:20px!important}}@media (max-width:599px){.logo{width:24px}.t1{font-size:18px!important}.card{width:calc(100% - 48px)}}.title{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;padding:16px 0;width:100%;z-index:1}.title>*{padding:0 16px}
/*# sourceMappingURL=main.d1c2c952.css.map*/