.book-item-comp[data-v-19294374]{width:100%;height:200px;background:#fff;border-radius:8px;float:left;display:flex;cursor:pointer;box-sizing:border-box;padding:20px 30px}.book-item-comp[data-v-19294374]:hover{box-shadow:0 4px 8px 0 hsla(0,0%,40%,.1)}.book-item-comp:hover .book-thumb img[data-v-19294374]{transform:scale(1.1)}.book-item-comp .book-thumb[data-v-19294374]{width:120px;height:160px;overflow:hidden;border-radius:8px;margin-right:20px}.book-item-comp .book-thumb img[data-v-19294374]{width:120px;height:160px;border-radius:8px;transition:all .3s}.book-item-comp .book-body[data-v-19294374]{flex:1;box-sizing:border-box;padding-top:20px}.book-item-comp .book-body .book-desc[data-v-19294374]{width:569px;height:60px;float:left;margin-bottom:20px;font-size:14px;font-weight:400;color:#666;line-height:20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.book-item-comp .book-body .book-info[data-v-19294374]{width:569px;height:20px;float:left;display:flex;flex-direction:row;align-items:center;margin-bottom:20px}.book-item-comp .book-body .book-info .book-name[data-v-19294374]{max-width:450px;height:20px;line-height:20px;float:left;font-size:20px;font-weight:600;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book-item-comp .book-body .book-info .book-user-count[data-v-19294374]{margin-left:30px;height:14px;font-size:14px;font-weight:400;color:#999;line-height:14px}.book-item-comp .book-body .book-charge[data-v-19294374]{width:569px;font-size:20px;line-height:20px;font-weight:600}.book-item-comp .book-body .book-charge .charge-text[data-v-19294374]{color:#ff5858}.book-item-comp .book-body .book-charge .charge-text .unit[data-v-19294374]{font-size:14px}.book-item-comp .book-body .book-charge .free-text[data-v-19294374]{font-size:14px;font-weight:600;color:#04c877}@keyframes el-skeleton-loading-3fc1eb03{0%{background-position:100% 50%}to{background-position:0 50%}}.skeleton[data-v-3fc1eb03]{width:100%;display:flex;flex-direction:column}.skeleton .item[data-v-3fc1eb03]{width:100%;height:200px;box-sizing:border-box;display:flex;flex-direction:row;margin-bottom:10px}.skeleton .item[data-v-3fc1eb03]:last-child{margin-bottom:0}.skeleton .item .thumb[data-v-3fc1eb03]{width:120px;height:160px;overflow:hidden;border-radius:8px;margin-right:20px;background:linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);background-size:400% 100%;animation:el-skeleton-loading-3fc1eb03 1.4s ease infinite}.skeleton .item .body[data-v-3fc1eb03]{width:569px;display:flex;flex-direction:column}.skeleton .item .body .title[data-v-3fc1eb03]{width:84px;height:20px}.skeleton .item .body .info[data-v-3fc1eb03],.skeleton .item .body .title[data-v-3fc1eb03]{margin-top:20px;background:linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);background-size:400% 100%;animation:el-skeleton-loading-3fc1eb03 1.4s ease infinite}.skeleton .item .body .info[data-v-3fc1eb03]{width:569px;height:14px}@keyframes el-skeleton-loading-7ae82d9a{0%{background-position:100% 50%}to{background-position:0 50%}}.skeleton[data-v-7ae82d9a]{width:100%;height:828px;padding:30px;box-sizing:border-box;display:flex;flex-direction:column}.skeleton .name[data-v-7ae82d9a]{width:100px;height:18px;margin-bottom:30px;background:linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);background-size:400% 100%;animation:el-skeleton-loading-7ae82d9a 1.4s ease infinite}.skeleton .item[data-v-7ae82d9a]{width:100%;height:120px;display:flex;flex-direction:row;margin-bottom:10px}.skeleton .item[data-v-7ae82d9a]:last-child{margin-bottom:0}.skeleton .item .thumb[data-v-7ae82d9a]{width:90px;height:120px;overflow:hidden;border-radius:8px;margin-right:20px;background:linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);background-size:400% 100%;animation:el-skeleton-loading-7ae82d9a 1.4s ease infinite}.skeleton .item .body[data-v-7ae82d9a]{width:220px;display:flex;flex-direction:column}.skeleton .item .body .title[data-v-7ae82d9a]{width:220px;height:18px;margin-top:20px}.skeleton .item .body .desc[data-v-7ae82d9a],.skeleton .item .body .title[data-v-7ae82d9a]{background:linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);background-size:400% 100%;animation:el-skeleton-loading-7ae82d9a 1.4s ease infinite}.skeleton .item .body .desc[data-v-7ae82d9a]{width:81px;height:14px;margin-top:40px}.skeleton .item .body .info[data-v-7ae82d9a]{width:50px;height:18px;margin-top:20px;background:linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);background-size:400% 100%;animation:el-skeleton-loading-7ae82d9a 1.4s ease infinite}.content[data-v-24181dd2]{width:100%}.content .contanier[data-v-24181dd2]{width:1200px;margin:0 auto;overflow:hidden;display:block;display:flex;flex-direction:row;box-sizing:border-box;padding-top:30px}.content .contanier .left-contanier[data-v-24181dd2]{width:769px;min-height:500px;display:flex;flex-direction:column;margin-right:30px}.content .contanier .left-contanier .book-item[data-v-24181dd2]{margin-bottom:10px}.content .contanier .left-contanier .book-item[data-v-24181dd2]:last-child{margin-bottom:0}.content .contanier .right-contanier[data-v-24181dd2]{width:400px;position:relative}.content .contanier .right-contanier .right-list[data-v-24181dd2]{display:inline-block;width:400px;height:auto;background:#fff;border-radius:8px;padding:30px;box-sizing:border-box}.content .contanier .right-contanier .right-list .tit[data-v-24181dd2]{width:100%;height:18px;font-size:18px;font-weight:600;color:#333;line-height:18px;margin-bottom:30px}.content .contanier .right-contanier .right-list .right-box[data-v-24181dd2]{width:100%;display:flex;flex-direction:column}.content .contanier .right-contanier .right-list .right-box .book-item[data-v-24181dd2]{width:100%;margin-bottom:30px}.content .contanier .right-contanier .right-list .right-box .book-item[data-v-24181dd2]:last-child{margin-bottom:0}.content .contanier .right-contanier .right-list .right-box .book-item .book-item-comp[data-v-24181dd2]{width:100%;height:120px;float:left;background:#fff;border-radius:8px;display:flex;cursor:pointer;box-sizing:border-box}.content .contanier .right-contanier .right-list .right-box .book-item .book-item-comp:hover .book-thumb img[data-v-24181dd2]{transform:scale(1.1)}.content .contanier .right-contanier .right-list .right-box .book-item .book-item-comp .book-body[data-v-24181dd2]{flex:1;box-sizing:border-box;padding-top:15px}.content .contanier .right-contanier .right-list .right-box .book-item .book-item-comp .book-body .book-title[data-v-24181dd2]{width:187px;height:auto;float:left;margin-bottom:15px;font-size:18px;font-weight:600;color:#333;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.content .contanier .right-contanier .right-list .right-box .book-item .book-item-comp .book-body .book-info[data-v-24181dd2]{width:100%;height:14px;display:flex;flex-direction:row;align-items:center;margin-bottom:40px}.content .contanier .right-contanier .right-list .right-box .book-item .book-item-comp .book-body .book-info .read-count[data-v-24181dd2]{width:100%;height:14px;font-size:14px;font-weight:400;color:#999;line-height:14px}.content .contanier .right-contanier .right-list .right-box .book-item .book-item-comp .book-body .book-charge[data-v-24181dd2]{width:100%;font-size:20px;line-height:20px;font-weight:600}.content .contanier .right-contanier .right-list .right-box .book-item .book-item-comp .book-body .book-charge .charge-text[data-v-24181dd2]{color:#ff5858}.content .contanier .right-contanier .right-list .right-box .book-item .book-item-comp .book-body .book-charge .charge-text .unit[data-v-24181dd2]{font-size:14px}.content .contanier .right-contanier .right-list .right-box .book-item .book-item-comp .book-body .book-charge .free-text[data-v-24181dd2]{font-size:14px;font-weight:600;color:#04c877}.content .contanier .right-contanier .right-list .right-box .book-item .book-item-comp .book-thumb[data-v-24181dd2]{width:90px;height:120px;border-radius:8px;overflow:hidden;margin-right:30px}.content .contanier .right-contanier .right-list .right-box .book-item .book-item-comp .book-thumb img[data-v-24181dd2]{width:90px;height:120px;border-radius:8px;transition:all .3s}.content #page[data-v-24181dd2]{width:769px;margin:0 auto;margin-top:50px;display:flex;flex-direction:row;justify-content:center}