#app{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}div{box-sizing:border-box}.slide-enter-active,.slide-leave-active{transition:all .3s}.slide-enter,.slide-leave-to{transform:translate3d(-100%,0,0)}.app-loading{position:fixed;width:100%;height:100%;left:0;top:0;z-index:999;background:transparent}.app-loading .app-loading-content{left:50%;bottom:1rem;position:absolute;transform:translateX(-50%);width:8rem;display:flex;align-items:center;justify-content:center}.app-loading .app-loading-content .progress-view{width:6rem;height:.4rem;border-radius:.2rem;border:3px solid #000;padding:.06rem}.app-loading .app-loading-content .progress-view .progress{height:100%;border-radius:.2rem;-webkit-animation:progress-stripes 2s linear infinite;animation:progress-stripes 2s linear infinite;background-image:linear-gradient(45deg,#000 25%,transparent 0,transparent 50%,#000 0,#000 75%,transparent 0,transparent);background-size:39px 39px;background-color:#fff}.app-loading .btn-box{left:50%;bottom:2.1rem;position:absolute;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;padding:.12rem;border-radius:.1rem;background:#84d5ff}.app-loading .btn-box .is-btn{margin-left:.06rem;white-space:nowrap;font-size:.45rem;text-align:center;padding:.24rem .26rem;border-radius:.1rem;color:#fff;background-color:#26499d}@-webkit-keyframes progress-stripes{0%{background-position:0 0}to{background-position:39px 0}}@keyframes progress-stripes{0%{background-position:0 0}to{background-position:39px 0}}