.page-bookRead .van-loading{position:fixed;left:50%;top:40%;transform:translate(-50%,-50%);z-index:10}.bookwrap{margin:0 auto;margin-top:0;position:relative}.bookwrap .btn-next,.bookwrap .btn-prev{position:absolute;left:-120px;top:50%;transform:translateY(-50%);cursor:pointer;color:#bbb}.bookwrap .btn-next.disable,.bookwrap .btn-prev.disable{opacity:.2;cursor:not-allowed}.bookwrap .btn-next:hover,.bookwrap .btn-prev:hover{color:#777}.bookwrap .btn-next span,.bookwrap .btn-prev span{font-size:80px}.bookwrap .btn-next.btn-next,.bookwrap .btn-prev.btn-next{left:auto;right:-120px}@keyframes op{0%{opacity:0}to{opacity:1}}#flipbook{display:flex;margin:0 auto;position:relative;animation:op 2s}#flipbook.showShadow{box-shadow:0 3px 10px 0 rgba(0,0,0,.2)}#flipbook.showShadow:after,#flipbook.showShadow:before{content:"";width:25px;height:100%;position:absolute;background:#c2c2c2;left:-25px;background:url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wgARCAAIABoDASIAAhEBAxEB/8QAFwABAAMAAAAAAAAAAAAAAAAAAAEDBv/EABQBAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhADEAAAAd7AKg//xAAXEAADAQAAAAAAAAAAAAAAAAAAAUEx/9oACAEBAAEFAqiPf//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQMBAT8BP//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQIBAT8BP//EABYQAQEBAAAAAAAAAAAAAAAAAAABEP/aAAgBAQAGPwJEz//EABgQAQADAQAAAAAAAAAAAAAAAAABMbFx/9oACAEBAAE/IYwwQbOv/9oADAMBAAIAAwAAABDyD//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQMBAT8QP//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQIBAT8QP//EABoQAAEFAQAAAAAAAAAAAAAAAAABMaGxwXH/2gAIAQEAAT8Qc50t4SEpSWP/2Q==) top repeat-y;box-shadow:0 3px 10px 0 rgba(0,0,0,.2)}#flipbook.showShadow:before{border-radius:4px 0 0 4px}#flipbook.showShadow:after{left:auto;right:-25px;border-radius:0 4px 4px 0}.filpItem{background:50% no-repeat;background-size:100%}.filpItem.even,.filpItem.odd{position:relative}.filpItem.even:before,.filpItem.odd:before{content:"";z-index:3;width:50px;height:100%;position:absolute;left:0;top:0;background:-webkit-gradient(linear,right top,left top,color-stop(.05,transparent),color-stop(1,rgba(0,0,0,.15)))!important;background-image:-webkit-linear-gradient(right,transparent 25%,rgba(0,0,0,.15))!important;background-image:-moz-linear-gradient(right,transparent 25%,rgba(0,0,0,.15) 100%)!important;background-image:-ms-linear-gradient(right,transparent 25%,rgba(0,0,0,.15) 100%)!important;background-image:-o-linear-gradient(right,transparent 25%,rgba(0,0,0,.15) 100%)!important;background-image:linear-gradient(right,transparent 25%,rgba(0,0,0,.15))!important}.filpItem.even:before,.isRight .filpItem.odd:before{left:auto;right:0;background:-webkit-gradient(linear,left top,right top,color-stop(.25,transparent),color-stop(1,rgba(0,0,0,.2)))!important;background-image:-webkit-linear-gradient(left,transparent 25%,rgba(0,0,0,.2))!important;background-image:-moz-linear-gradient(left,transparent 25%,rgba(0,0,0,.2) 100%)!important;background-image:-ms-linear-gradient(left,transparent 25%,rgba(0,0,0,.2) 100%)!important;background-image:-o-linear-gradient(left,transparent 25%,rgba(0,0,0,.2) 100%)!important;background-image:linear-gradient(left,transparent 25%,rgba(0,0,0,.2))!important}.isRight .filpItem.even:before{left:0;right:auto;background:-webkit-gradient(linear,right top,left top,color-stop(.05,transparent),color-stop(1,rgba(0,0,0,.15)))!important;background-image:-webkit-linear-gradient(right,transparent 25%,rgba(0,0,0,.15))!important;background-image:-moz-linear-gradient(right,transparent 25%,rgba(0,0,0,.15) 100%)!important;background-image:-ms-linear-gradient(right,transparent 25%,rgba(0,0,0,.15) 100%)!important;background-image:-o-linear-gradient(right,transparent 25%,rgba(0,0,0,.15) 100%)!important;background-image:linear-gradient(right,transparent 25%,rgba(0,0,0,.15))!important}.filpItem .simg{width:100%;height:100%;display:block;object-fit:contain}.filpItem .showTxt{display:none;position:absolute;width:100%;height:100%;left:0;top:0;background:#fff;color:#4b4b4b;z-index:1;box-sizing:border-box;padding:30px;font-size:15px;line-height:1.8;text-align:justify;overflow:hidden;overflow-y:auto}.showTxt .filpItem .showTxt{display:block}.page-bookRead{background:#f3f4f1;position:relative;width:100vw;height:100vh;overflow:hidden}.toolbar{width:100%;height:50px;display:flex;align-items:center;justify-content:center;position:absolute;bottom:0;left:0;background:#222;color:#fff;font-size:14px}.toolbar>div{margin-right:128px;cursor:pointer}.toolbar>div.active,.toolbar>div:hover{color:#db1010}.toolbar>div:last-child{margin-right:0}.toolbar>div i{font-size:18px}.page_menu{background:rgba(34,34,34,.7);width:100%;height:50px;position:absolute;bottom:50px;left:0;display:flex;color:#fff}.page_menu,.page_menu .btn{align-items:center;justify-content:center}.page_menu .btn{display:inline-flex;width:32px;height:32px;border:1px solid #707070;font-size:18px;margin-right:10px;cursor:pointer}.page_menu .btn:last-child{margin-right:0}.page_menu .input_btn{background:#fff;color:#222;height:32px;margin-right:10px;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:1;padding:0 10px}.page_menu .input_btn input{min-width:66px;padding-top:2px;text-align:center;white-space:nowrap}.prevImg{width:0;height:0;opacity:0}.van-popup{padding:20px;padding-top:30px;border-radius:10px;right:10%}.van-popup .bookCate-box{box-sizing:border-box;width:100%;height:100%;overflow:hidden;overflow-y:auto;padding-right:10px}