.page-bookRead .subbanner{position:absolute;width:100%;padding-top:0}.page-bookRead .subbanner .curpage{display:none}.page-bookRead .subbanner .home-location{padding:30px 0}.page-bookRead .van-loading{position:fixed;left:50%;top:40%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:10}.bookwrap{margin:0 auto;margin-top:50px;position:relative}.bookwrap .btn-next,.bookwrap .btn-prev{position:absolute;left:-120px;top:50%;-webkit-transform:translateY(-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}@-webkit-keyframes op{0%{opacity:0}to{opacity:1}}@keyframes op{0%{opacity:0}to{opacity:1}}#flipbook{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 auto;position:relative;-webkit-animation:op 2s;animation:op 2s}#flipbook.showShadow,#flipbook.showShadow:after,#flipbook.showShadow:before{-webkit-box-shadow:0 3px 10px 0 rgba(0,0,0,.2);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}#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% 100%;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-gradient(linear,right top,left top,color-stop(25%,transparent),to(rgba(0,0,0,.15)))!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-gradient(linear,left top,right top,color-stop(25%,transparent),to(rgba(0,0,0,.2)))!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-gradient(linear,right top,left top,color-stop(25%,transparent),to(rgba(0,0,0,.15)))!important;background-image:linear-gradient(right,transparent 25%,rgba(0,0,0,.15))!important}.filpItem .simg{position:absolute;width:0;height:0;opacity:0}.filpItem .showTxt{display:none;position:absolute;width:100%;height:100%;left:0;top:0;background:#fff;color:#4b4b4b;z-index:1;-webkit-box-sizing:border-box;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}.filpItem.loginPage{background-color:#fff}.filpItem.loginPage .loginCon{cursor:pointer;color:#db1010;border:1px solid #db1010;font-size:14px;padding:10px 20px;border-radius:80px}.filpItem.loginPage .loginCon:hover{opacity:.8}.page-bookRead{background:#f3f4f1;position:relative;width:100vw;height:100vh;overflow:hidden}.toolbar{width:100%;height:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;z-index:19;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;z-index:19;bottom:50px;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;color:#fff}.page_menu,.page_menu .btn{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.page_menu .btn{display:-webkit-inline-box;display:-ms-inline-flexbox;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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack: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}.bookCate-box{width:600px;background:#fff;border-radius:10px;padding-left:10px;-webkit-box-sizing:border-box;box-sizing:border-box}.bookPop .el-dialog__body{height:70vh;padding:0}.bookPop .el-dialog__headerbtn{top:10px}