.wrapper{padding:.75rem .875rem 2rem}.txt-gray{color:rgba(0,0,0,.5)}.txt-primary{color:#bb4ae8}.ui-book-detail{display:flex}.ui-book-detail .cover{width:4.167rem;height:5.972rem;border-radius:.375rem;background-color:#edeef1;box-shadow:0 .083rem .5rem 0 rgba(0,0,0,.1);margin-right:.625rem;overflow:hidden}.ui-book-detail .cover img{width:100%;height:100%;object-fit:cover}.ui-book-detail .info{flex:1}.ui-book-detail .info p{font-size:1.042em;margin:.375rem 0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.ui-book-detail .info p i{color:#d9d9d9;margin:0 .375rem}.skeleton .ui-book-detail .info p:before{content:"";display:inline-block;width:70%;height:.375rem;background-color:rgba(237,238,241,.8)}.skeleton .ui-book-detail .info .process:before{width:50%}.ui-book-detail .info .ui-score{margin-top:.5rem}.ui-book-detail h1{font-size:1.563em;line-height:1.15;max-height:2.3em;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2}.skeleton .ui-book-detail h1:before{content:"";display:inline-block;width:90%;height:.5rem;background-color:rgba(237,238,241,.8)}.skeleton .ui-book-detail h1:after{content:"";display:block;width:60%;height:.5rem;background-color:rgba(237,238,241,.8)}.ui-score{display:flex}.ui-score .star{width:.75rem;height:.75rem;background:url(../images/ico-star.png) no-repeat;background-size:contain;margin-right:.25rem}.ui-score .star.half{background-image:url(../images/ico-star-half.png)}.ui-score .star.light{background-image:url(../images/ico-star-light.png)}.ui-score .score{font-size:1.91em;line-height:.75rem;font-weight:700;font-style:normal;color:#bb4ae8;margin-left:.5rem}.skeleton .ui-score .score{visibility:hidden}.ui-book-desc{font-size:1.215em;line-height:1.75;margin-top:.875rem;color:rgba(0,0,0,.7)}.skeleton .ui-book-desc:before{display:inline-block;width:60%}.skeleton .ui-book-desc:after,.skeleton .ui-book-desc:before{content:"";height:.375rem;background-color:rgba(237,238,241,.8)}.skeleton .ui-book-desc:after{display:block;width:30%}.ui-book-tags{font-size:1.215em;margin-top:.5rem}.ui-book-tags>span{display:inline-block;vertical-align:middle;min-width:2em;height:1.375rem;line-height:1.375rem;padding:0 .625rem;background-color:rgba(0,0,0,.05);border-radius:.694rem;max-width:100%;margin:0 .5rem .25rem 0;box-sizing:border-box;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.ui-book-chapter h2{font-size:2.083em;margin:1rem 0}.skeleton .ui-book-chapter h2:before{content:"";display:inline-block;width:60%;height:.5rem;background-color:rgba(237,238,241,.8)}.ui-book-chapter p{font-size:1.389em;line-height:1.75;white-space:pre-line}.skeleton .ui-book-chapter p:before{content:"";display:inline-block;width:80%;height:.375rem;background-color:rgba(237,238,241,.8)}.skeleton .ui-book-chapter p:after{content:"";display:block;width:50%;height:.375rem;background-color:rgba(237,238,241,.8)}.ui-action{margin-top:1rem}.skeleton .ui-action{display:none}.ui-action .btn-read{font-size:1.215em;width:100%;height:1.875rem}.ui-book-cover-list{margin-top:1rem;display:flex;flex-wrap:wrap;justify-content:space-between}.ui-book-cover-list:after{content:"";display:block;width:4.167rem}.ui-book-cover-list>li{margin-bottom:.75rem}.ui-book-cover-list .cover{width:4.167rem;height:5.972rem;border-radius:.375rem;background-color:#edeef1;overflow:hidden}.ui-book-cover-list .cover img{width:100%;height:100%;object-fit:cover}.ui-app-down{position:fixed;left:0;bottom:0;width:100%;height:2rem;display:flex;align-items:center;box-shadow:0 -6px 6px 0 rgba(0,0,0,.05);background-color:#fff;padding:.25rem .875rem;box-sizing:border-box}.ui-app-down .logo{width:1.5rem;height:1.5rem;margin-right:.75rem;border-radius:.25rem}.ui-app-down .app-name{min-width:0;flex:1;font-size:1.389em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.ui-app-down .btn{height:1.125rem;line-height:1.125rem}