#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}#nav{padding:30px}#nav a{font-weight:700;color:#2c3e50}#nav a.router-link-exact-active{color:#42b983}body{min-height:100vh;background:#f6f6f6}*{padding:0;margin:0}.doc-warp{overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:#f6f6f6}canvas{transform-origin:0 0 0}.home{padding-bottom:80px}.nav-control{top:0;left:20px;transform:translateX(-100%);z-index:11;position:fixed;display:flex;text-align:center;align-content:center;transition:all .3s;height:98px;background:#f6f6f6}.nav-control .sign-btn{color:#666;font-size:12px;padding:5px;height:-moz-fit-content;height:fit-content;background:#f6f6f6;border-right:1px solid #e6e6e6}.nav-control .sign-btn span{width:100%;display:block;margin-bottom:5px}.nav-control .sign-btn img{height:64px}.nav-control .sign-btn.disabled{background-color:#e6e6e6}.nav-control .sign-btn.disabled:hover{cursor:not-allowed}.nav-control .sign-list-control{display:flex;align-items:center}.nav-control .sign-list-control img{width:20px;height:20px}.nav-control.active{transform:translateX(0);left:0}.nav-control.active .sign-list-control{transform:rotate(180deg)}.page-list{list-style:none}.page-list li{position:relative}.page-list li p{left:0;right:0;bottom:5px;font-size:8px;text-align:center;position:absolute}.page-list li:last-child{margin-bottom:0!important}.box-warp{width:44px;border-radius:3px;position:absolute;z-index:9}.box-warp img{width:100%}.box-warp.in-doc,.doc-box{z-index:9;opacity:.7;border-radius:3px;position:absolute;background-color:#d4ecff}.box-warp.in-doc>img,.doc-box>img{left:0;position:absolute;top:0;width:100%}.box-warp.in-doc:active,.doc-box:active{cursor:move}.box-warp.in-doc .box-title,.doc-box .box-title{border-radius:3px;text-align:center;padding:3px 5px;padding-right:15px;font-size:8px;transform:translate(-50%,-120%);left:50%;background-color:#fff9c5;position:relative;white-space:nowrap;width:-moz-fit-content;width:fit-content}.box-warp.in-doc .box-title:active,.doc-box .box-title:active{cursor:auto}.box-warp.in-doc .box-title img,.doc-box .box-title img{height:50%;position:absolute;top:50%;right:3px;transform:translateY(-50%)}.box-warp.in-doc .box-title img:hover,.doc-box .box-title img:hover{cursor:pointer}.sign-control{position:sticky;bottom:0;padding:15px;border-top:1px solid #eceded;background:#fff}.sign-control button{width:100%;border:none;outline:none;color:#fff;padding:12px 0;border-radius:5px;background:#e01e37;margin-top:10px}.sign-control button:active{opacity:.7}.sign-control button.disabled{background:#ccc}