.flex-center{display:flex;justify-content:center;align-items:center}.z-10000{z-index:10000}.flex-col{flex-direction:column}.radius-12{border-radius:.32rem}.text-center{text-align:center}.mt-20{margin-top:.53333rem}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);background:#0c0c0c}header{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}body,dd,dl,dt,h1,h2,h3,h4,h5,h6,input,li,ol,p,select,textarea,ul{margin:0;padding:0}body{font:normal .32rem/1.35 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;color:#fff}li,ol,ul{list-style:none}h1,h2,h3,h4,h5,h6{font-size:100%}a{background-color:transparent}b,strong{font-weight:700}small{font-size:80%}img{border-style:none}button,input,select,textarea{border:0;outline:none;scrollbar-highlight-color:transparent;box-sizing:border-box;font-family:inherit;font-size:100%;line-height:1.5;color:inherit}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}textarea{overflow:auto;resize:none}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}::-webkit-scrollbar{display:none}*{scrollbar-width:none;-ms-overflow-style:none;touch-action:manipulation}body,html{width:100%;height:100%}#app{min-height:100%}.fx-vc{justify-content:center}.fx-vb,.fx-vc{display:flex;align-items:center}.fx-vb{justify-content:space-between}.fx-v{display:flex;align-items:center}#app{font-size:.32rem}.common-page .page-header{position:sticky;width:100%;height:1.54667rem;background:#0c0c0c;box-sizing:border-box;padding:0 .26667rem;top:0;left:0;z-index:10}.common-page .page-header .btn-act{width:.64rem;height:.64rem}.common-page .page-header .btn-act.back{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABICAYAAACECrc3AAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAADTSURBVGiB7dqxCcMwEIXhR9KkzAgawZtrBI3kEV4KK+AEEywXugv8D1Sp+ThxKo6TEsR2sV1tr/002yXaJUmyvXTUd1bb5R6Nk9QkPQ+uH5LKVNA+Pyr3UcXMuBjgAM62W2bc6pmdfAG3gAMHDhw4cODAgQMHDhw4cOD+AFfS4jqwpcV14KkxWAhO0k3H08088Ta8Tv3EuZukI/N+MyBBggQJEiRIkCBBggQJEiRIkFeRJTuyTgcOImP2BweQccCTyLn7g4PImCY5irchattB6xv3AuexCteKlWvAAAAAAElFTkSuQmCC) 50% no-repeat;background-size:auto .48rem}.common-page .page-header .page-title{font-size:.42667rem}.common-page .page-con{padding:.42667rem}.common-page .page-con.nop{padding:0}.common-book-list{display:flex;width:100%;flex-direction:column;gap:.53333rem}.common-book-list .one-book{align-items:stretch;gap:.4rem;overflow:hidden}.common-book-list .one-book .cover{width:2.66667rem;min-width:2.66667rem;height:3.52rem;background:url(data:image/png;base64,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CRgASQIGQJKAAZAkYAAkCRgASQIGQJKAAZAkYAAkCRgASQIGQJKAAZAkYAAkCRgASQIGQJKAAZAkYAAkCRgASQIGQJKAAZAkYAAkCRgASQIGQJKAAZAkYAAkCRgASQIGQJKAAZAkYAAkCRgASQIGQJKAAZAkYAAkCRgASQIGQJKAAZAkYAAkCRgASQIGQJKAAZAkYAAkCRgASQIGQJKAAZAkYAAkCRgASQIGQJKAAZAkYAAkCRgASQIGQJKAAZAkYAAkCRgASQIGQJKAAZAkYAAkCRgASQIGQJKAAZAkYAAkCRgASQIGQJKAAZAkYAAkCRgASQIGQJKAAZAkYAAkCRgASQIGQJKAAZAkYAAkCRgASQIGQJKAAZAkYAAkCRgASQIGQJKAAZAkYAAkCRgASQIGQJKAAZAkYAAkCRgASQIGQJKAAZAkYAAkCRgASQIGQJKAAZAkYAAkCRgASQIGQJKAAZAkYAAkCRgASQIGQJKAAZAkYAAkCRgASQIGQJKAAZAkYAAkCRgASQIGQJKAAZAkYAAkCRgASQIGQJKAAZAkYAAkCRgASQIGQJKAAZAkYAAkCRgASQIGQJKAAZAkYAAkCRgASQIGQJKAAZAkYAAkCRgASQIGQJKAAZAkYAAkCRgASQIGQJKAAZAkYAAkCRgASQIGQJKAAZAkYAAkCRgASQIGQJKAAZAkYAAkCRgASQIGQJKAAZAkYAAkCRgASQIGQJKAAZAkYAAkCRgASQIGQJKAAZAkYAAkCRgASQIGQJKAAZAkYAAkCRgASQIGQJKAAZAkYAAkCRgASQIGQJKAAZAkYAAkCRgASQIGQJKAAZAkYAAkCRgASQIGQJKAAZAkYAAkCRgASQIGQJKAAZAkYAAkCRgASQIGQJKAAZAkYAAkCRgASQIGQJKAAZAkYAAk/Q+/0XeLZkNQSQAAAABJRU5ErkJggg==) 50% no-repeat;background-size:100% 100%;border-radius:.21333rem}.common-book-list .one-book .cover img{width:100%;height:100%;display:block;object-fit:cover;border-radius:.21333rem}.common-book-list .one-book .detail{position:relative;flex:1;color:hsla(0,0%,100%,.4392156862745098);white-space:break-spaces;overflow:hidden}.common-book-list .one-book .detail h3{font-size:.37333rem;font-weight:400;color:hsla(0,0%,100%,.7333333333333333);margin-bottom:.26667rem}.common-book-list .one-book .detail h3,.common-book-list .one-book .detail p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}.common-book-list .one-book .detail .info{position:absolute;left:0;bottom:.53333rem;width:100%}.common-book-list .one-book .detail .info .auther{padding-left:.32rem;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAJ8SURBVGiB7Zghk+owEIB3MwxpXSQSFK9TUxyy8smTT/LTnjx5P6ESF0yHc61EomjLQPeJl84wNwdNtuGOmePTbHa/NF3SBXjy5GeDPhfTWqvxeDwVQiREpBBRAQAQ0R4AdgBQhmG4mc1mta+cXgS01kpKmSJiYpUUcS2lzHyIDBbI83yCiH+63baFiPaI+BZFUTkk/yCBPM8TIcTLkDWEEK/z+fydHc8NzPN8IoT4zY3vaNv2RWvt9PQuYQuY4gNu/AWBlHLFroMTlOd5AgBTbtKPIKIyazrDEhBCsJLdY01ngaIoAvC4+xdMzdpOOAscj8epa4wtdV1PXGOcBU6nk48X91PatnXuRuwu9Cg4C4xGI2/3GB9wjtD+HoUYdq4BzgJxHO/M7dI3dRzH9xcwlMy4qyDihhPHEmiaJuPE3aCuqmrNCWQJLBaLPQBknNgrrM2azrDbaBRFGRGxr8EXlFEUZdzgQf8DYRi+wYD3gYjegyB4HVKDl0/K7XabAsAS3K7X2ZCd7/D2Ua+1VmEYLokogSsipv2WTdNk3DP/EW9XCaVUfT6fd+a9uPZvXRJRqZR6nKmE60TCUCPipqoqdvfpGCRgzn46qICBIxaWgNn1leso5RpEtG+a5i/naTgLcOdAfXAlnF5irbW6R/EA/z/spZQr1xGLtUBRFIHPY/MZnYRLjLVA0zTpPYvvQERlmoMVVgJaa0VES3ZV7qS2R8lKIAzDryweAACklKnN73oFiqIIzPXgS0HExGZO1CtwOBx+gZ8ZqDMm9016BRBx6qMYDja5ewWEEM7TMl/YdL1eASK6e+u8Qe/m2XShbzn/trl/3mjxyZMnj8U/+MPk4e2gg3sAAAAASUVORK5CYII=) 0 no-repeat;background-size:auto .32rem}.common-book-list .one-book .detail .info .score{color:#ff5e5e;font-weight:700;font-size:.37333rem;padding:0 .26667rem;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJgAAAAoCAYAAAACCDNUAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAANiSURBVHic7ZztkdowEIZXqcCpIE4FoYO4g7sO4g5CCe6ASQWeq4BJBb4OIBWIVMBdBW9+SA5ClsQazPmDfWYYMNZK6+Gd1XolTOQBYA3gCGAHIPfPC4ILgByAtpp55hg0OKFFZEIMR1wtjd/m04U+ciLqGAmCZUtGI1FCAnvzjnMA5UAOCQvBamLlfe1rJyiwQ+C7H7e7JCyMkCYOF60AFAiTD+2hME8AZBGNFNwOdMC4vKvXwmwA8DOgj2OobSzJfwl89zSci8LM8XMvIqJfbOvA7WfwFlR4TGBqpGfRC0DWt5PS60TfyV9hZgSCzzrVuLYGWz9Js+dEYMIZXgSrvXOl1ZIG0FAgWWsArGzjzOlMpkiBiM5We3bt1BhJq45k1RZibQ0z26ZODys8CnZm2zriqiIaalJ1LwConE7zsS5ImBauFhLiAtqUC+e5VlRkguByQVy12zA0f7qU412GMEWQnvk0/LIFgBVMPYNnIDwsMHl5LCAdYW8SQ4YpkVUfexnCVEF8aoyLyzFeRdQpdTChjV6hIKTBvRG0nVSBjsq7ei9MHnRzL3317OYIrS22bod1V5gbONVNNUzVPucYbayBtmKqYbZkZE6bQvIwwQacwjnOcVoe2jk6qlyjUM7V0oC7kUx4GKyw6oRujm7jVMOWLSscCouGIayWyjfSDKMjUlszhEUDMxVyddIptD4zDFs2I12jMBIweTqXItZJam3Jp+moVFgcON+yxSE9w8FEslg13+f/fiBhefQUlwbn0QG2Y24iB0htbLHg/DESKWpccwMIU/uKbUh0qQa/OmFUwMu5rhNWYLAMpvDaID59ljcPJEwCpLfiNOBW8IlIXTF4RuZ/cd/IPPgit8e/lVJSwlgAMFWCgsyzJvZkHgnwRyn1Op5XghCAHcG8yPXZOaWJ6C8R7ZVSnaerCPPD+a2/ENFX55Qmoncieh30twa/PraDSQ6LwQYXPgSbd23AK0sMt6KD7j+8uTSQxH/ygL/8E6IcyoFb0JCINjluFFYLr7DKcKbPElKMBrIbY3TQr4ieohrasQL8ym6M3aBOCb1Bv3XFEA16BIpr6mAFmRrJdzrVwVze7OvgvL+TqafslVKHvmMKwwFzh/hERBmZ3659bz/7a8sH+9oT0YtSat9nvH/n/8CysD2j/AAAAABJRU5ErkJggg==) 50% no-repeat;background-size:100% auto}.slideUp-enter-active,.slideUp-leave-active{transition:all .4s;opacity:1;transform:translateY(0)}.slideUp-enter,.slideUp-leave-to{opacity:0;transform:translateY(100%)}.slideLeft-enter-active,.slideLeft-leave-active{transition:all .4s;opacity:1;transform:translateX(0)}.slideLeft-enter,.slideLeft-leave-to{opacity:0;transform:translateX(-100%)}