body{margin:0;background:url(https://hsadmin.fotile.com/h5happylife/img/bg.8c2efa9e.png)}#app{max-width:750px;margin-left:auto;margin-right:auto;min-height:100vh;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:relative}#app .bg-img{width:100%;position:absolute;min-height:130vh}#app .progress-line{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;position:fixed;left:50%;top:.08rem;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:11}#app .progress-count{color:#1d1e23;font-size:.3rem;font-weight:500;text-align:center}#app .progress-bar{width:4.68rem;height:.16rem;overflow:hidden;background:#fff;border-radius:.1rem;margin-right:.32rem}#app .progress-bar .progress-bar-current{display:block;height:.16rem;overflow:hidden;background:#fe3038;border-radius:.1rem;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out}#app img{display:block}#app .btn{width:1.8rem;height:.64rem;background:#dc272e;border-radius:.32rem;position:fixed;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:.2rem;font-size:.28rem;font-weight:400;color:#fff;text-align:center;line-height:.64rem;z-index:4}.book-effects .viewport{width:100vw;height:174.3vw;position:relative;z-index:3}.book-effects{position:relative;margin-top:.6rem}.page1{width:95%;height:101%;background:#eaeaea;-webkit-box-shadow:0 8px 16px 0 rgba(0,0,0,.06);box-shadow:0 8px 16px 0 rgba(0,0,0,.06);z-index:2}.page1,.page2{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);top:0}.page2{width:89%;height:102%;background:#e4e4e4;-webkit-box-shadow:0 8px 12px 0 rgba(0,0,0,.15);box-shadow:0 8px 12px 0 rgba(0,0,0,.15);z-index:1}.bookmark{width:2.44rem;height:.48rem;background:rgba(0,0,0,.32);border-radius:.28rem 0 0 .28rem;font-size:.22rem;font-weight:400;color:#fff;position:absolute;right:0;bottom:.24rem;z-index:4;line-height:.48rem;text-align:center}