*{margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden}img[src=""],img:not([src]){opacity:0}#app{min-width:300px;min-height:550px;max-width:600px;max-height:1100px;width:100%;height:100%;position:relative;left:50%;transform:translate(-50%);overflow:hidden}.loading{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ffffff80;display:flex;align-items:center;justify-content:center}.loading svg .outer-layer{transform-origin:center;animation:rotating-forward 2s linear infinite}.loading svg .inner-layer{transform-origin:center;animation:rotating-reverse 2s linear infinite}.background-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;background-color:#fff}.app-img{position:absolute;object-fit:contain}.mask{position:absolute;left:50%;top:50%;transform:translate(-50%,-55%);background-color:#ffffff80}.fade-in{animation:dialog-fade-in .2s linear}.dialog{position:fixed;background-color:#fff;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;opacity:0;animation:opacity .3s linear}.dialog-center-1{justify-content:space-around;left:50%;top:50%;transform:translate(-50%,-50%);width:70%;height:180px;border-radius:8px}.dialog-center-1 .dialog-content{margin:20px auto;font-size:16px}.dialog-center-1 .dialog-footer{border-top:1px solid #f0f0f0;padding-top:10px}.dialog-center-1 .dialog-img{display:none}.dialog-center-1 .dialog-cancel{font-size:16px;padding:5px 0}.dialog-center-1 .dialog-confirm{color:#f5683f;font-size:16px;padding:5px 0}.dialog-center-2 .dialog-img{display:none}.dialog-center-2{bottom:3%;left:50%;width:85%;border-radius:16px;padding:20px 0 10px;animation-name:bounce_in_bottom;animation-duration:.6s;animation-fill-mode:forwards}.dialog-center-2 .dialog-content{display:flex;align-items:center;font-size:18px;margin:20px 0;align-self:center}.dialog-center-1 .dialog-content input[type=checkbox],.dialog-center-2 .dialog-content input[type=checkbox]{display:none}.dialog-center-2 .dialog-confirm{background-color:#f5683f;color:#fff;border-radius:32px;margin:5px 20px;padding:6px 0;font-size:18px}.dialog-center-2 .dialog-cancel{border-radius:16px;margin:5px 20px;padding:6px 0;color:#c5c5c5;font-size:18px}.dialog-center-3{top:50%;left:50%;transform:translate(-50%,-50%);width:80%;border-radius:16px;background-color:#fffaf2}.dialog-center-3 .dialog-img{display:none;position:absolute;width:150px;height:150px;object-fit:contain}.dialog-center-3 .dialog-content{display:flex;align-items:center;font-size:18px;color:#000;font-weight:600;margin:30px 0;align-self:center}.dialog-center-3 .dialog-content .tips{color:#000}.dialog-center-3 .dialog-content input[type=checkbox]{display:none}.dialog-center-3 .dialog-footer{display:flex;flex-direction:column;margin-bottom:24px}.dialog-center-3 .dialog-footer .dialog-cancel{width:70%;background-color:#ff5f01;color:#fff;border-radius:32px;margin:10px auto;padding:10px 0;font-size:16px}.dialog-center-3 .dialog-footer .dialog-confirm{width:70%;border-radius:32px;margin:10px auto;padding:10px 0;font-size:16px;color:#ff5f01;background-color:#fff}.dialog-header{font-size:18px;font-weight:600;margin-top:10px}.dialog-content{display:flex;align-items:center;font-size:18px;margin:20px 0 20px 30px;align-self:flex-start}.dialog-content .tips{margin-left:6px;color:#505052}.dialog-content input[type=checkbox]{accent-color:#4753ff}.dialog-footer{width:100%;display:flex;font-size:20px}.dialog-cancel{flex:1;text-align:center}.dialog-confirm{flex:1;text-align:center;color:#4753ff}.open-zoom{animation:wobble_hor_bottom 1s infinite}.factor{position:absolute;bottom:20px;color:#fff;font-size:.3rem;text-align:center;left:50%;transform:translate(-50%)}.factor a{color:#fff;font-size:.4rem}.factor span{font-size:.4rem}@media screen and (min-width: 768px){.factor{position:absolute;bottom:20px;color:#fff;font-size:.12rem;text-align:center;left:50%;transform:translate(-50%)}.factor a{color:#fff;font-size:.12rem}.factor span{font-size:.12rem}}#company{display:inline-block;margin:.2rem auto;white-space:nowrap}@keyframes rotating-forward{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes rotating-reverse{0%{transform:rotate(1turn)}to{transform:rotate(0)}}@keyframes wobble_hor_bottom{0%{transform:translate(0)}to{transform:translate(0)}15%{transform:translate(-30px) rotate(-6deg)}30%{transform:translate(15px) rotate(6deg)}45%{transform:translate(-15px) rotate(-3.6deg)}60%{transform:translate(9px) rotate(2.4deg)}75%{transform:translate(-6px) rotate(-1.2deg)}}@keyframes dialog-fade-in{0%{opacity:0}to{opacity:1}}@keyframes bounce_in_bottom{0%{transform:translateY(500px) translate(-50%);animation-timing-function:ease-in;opacity:0}to{transform:translateY(0) translate(-50%);animation-timing-function:ease-out;opacity:1}}