@keyframes el-skeleton-loading-2f406b32{0%{background-position:100% 50%}to{background-position:0 50%}}.skeleton[data-v-2f406b32]{width:100%}.skeleton .title[data-v-2f406b32]{width:300px;height:48px;margin-bottom:30px;background:linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);background-size:400% 100%;animation:el-skeleton-loading-2f406b32 1.4s ease infinite}.skeleton .line[data-v-2f406b32]{width:100%;height:1px;background:#e5e5e5;margin-bottom:30px}.skeleton .content[data-v-2f406b32]{width:100%;height:16px;margin-bottom:12px;background:linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);background-size:400% 100%;animation:el-skeleton-loading-2f406b32 1.4s ease infinite}.content[data-v-0021391d]{width:100%}.content .navheader[data-v-0021391d]{top:0;position:sticky;width:100%;height:70px;background:#fff;z-index:20}.content .navheader .top[data-v-0021391d]{width:1200px;height:70px;margin:0 auto;font-size:16px;font-weight:500;color:#333;line-height:16px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.content .navheader .top .top-left[data-v-0021391d]{display:flex;flex-direction:row;align-items:center;cursor:pointer}.content .navheader .top .top-left .icon-back[data-v-0021391d]{width:24px;height:24px;margin-right:10px}.content .navheader .top .top-right[data-v-0021391d]{display:flex;flex-direction:row;align-items:center}.content .navheader .top .top-right .button[data-v-0021391d]{width:104px;height:40px;border-radius:4px;border:1px solid #ccc;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:400;color:#666}.content .navheader .top .top-right .button[data-v-0021391d]:hover{opacity:.8}.content .navheader .top .top-right .button[data-v-0021391d]:not(:last-child){margin-right:30px}.content .read-box[data-v-0021391d]{width:1200px;margin:0 auto;display:flex;flex-direction:row;justify-content:center;padding-top:30px;box-sizing:border-box;position:relative}.content .read-box .left-box[data-v-0021391d]{position:relative;width:304px;height:auto;margin-right:30px}.content .read-box .left-box .chapter-list-box[data-v-0021391d]{position:fixed;width:304px;max-height:582px;height:auto;background:#fff;border-radius:8px;box-sizing:border-box;padding:30px;display:flex;flex-direction:column;overflow-y:auto;z-index:10}.content .read-box .left-box .chapter-list-box .chapter[data-v-0021391d]{width:100%}.content .read-box .left-box .chapter-list-box .chapter[data-v-0021391d]:not(:last-child){margin-bottom:50px}.content .read-box .left-box .chapter-list-box .chapter .title[data-v-0021391d]{width:100%;height:16px;font-size:16px;font-weight:500;color:#333;line-height:16px;margin-bottom:26px}.content .read-box .left-box .chapter-list-box .chapter .chapter-articles-box[data-v-0021391d]{width:100%;height:auto}.content .read-box .left-box .chapter-list-box .chapter .chapter-articles-box .article-item[data-v-0021391d]{width:100%;height:22px;display:flex;flex-direction:row;align-items:center;position:relative;cursor:pointer;margin-bottom:26px}.content .read-box .left-box .chapter-list-box .chapter .chapter-articles-box .article-item.active .video-title .text[data-v-0021391d],.content .read-box .left-box .chapter-list-box .chapter .chapter-articles-box .article-item:hover .video-title .text[data-v-0021391d]{color:#3ca7fa}.content .read-box .left-box .chapter-list-box .chapter .chapter-articles-box .article-item[data-v-0021391d]:last-child{margin-bottom:0}.content .read-box .left-box .chapter-list-box .chapter .chapter-articles-box .article-item .video-title[data-v-0021391d]{height:22px;display:flex;align-items:center}.content .read-box .left-box .chapter-list-box .chapter .chapter-articles-box .article-item .video-title .text[data-v-0021391d]{display:block;width:200px;height:14px;font-size:14px;font-weight:400;color:#333;line-height:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.content .read-box .left-box .chapter-list-box .chapter .chapter-articles-box .article-item .video-title .free[data-v-0021391d]{width:44px;height:22px;background:#04c877;border-radius:2px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:400;color:#fff}.content .read-box .right-box[data-v-0021391d]{width:866px;height:auto;background:#fff;border-radius:8px;box-sizing:border-box;padding:30px}.content .read-box .right-box .read[data-v-0021391d]{width:100%;height:auto;float:left}.content .read-box .right-box .read .title[data-v-0021391d]{display:block;width:100%;height:auto;font-size:30px;font-weight:600;color:#333;line-height:48px;margin-bottom:30px}.content .read-box .right-box .read .line[data-v-0021391d]{width:100%;height:1px;background:#e5e5e5;margin-bottom:30px}.content .read-box .right-box .read .u-content[data-v-0021391d]{width:100%;font-size:16px;font-weight:400;color:#121212;line-height:28px}.content .read-box .right-box .read .u-content p[data-v-0021391d]{font-size:16px;font-weight:400;color:#121212;line-height:28px}.content .read-box .right-box .buy-button[data-v-0021391d]{width:440px;height:56px;margin:0 auto;background:#ff4d4f;border-radius:4px;font-size:16px;font-weight:400;color:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:50px;margin-top:150px;cursor:pointer}.content .read-box .right-box .buy-button[data-v-0021391d]:hover{opacity:.8}.content .read-box .right-box .role-button[data-v-0021391d]{width:440px;height:56px;margin:0 auto;background:#e1a500;border-radius:4px;font-size:16px;font-weight:400;color:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:50px;cursor:pointer}.content .read-box .right-box .role-button[data-v-0021391d]:hover{opacity:.8}.content .book-comments-box[data-v-0021391d]{width:1200px;margin:0 auto}.content .book-comments-box .book-comments[data-v-0021391d]{width:866px;margin:0 auto;box-sizing:border-box;padding:30px 0 30px 0;background:#fff;margin-top:30px;border-radius:8px}.content .book-comments-box .book-comments.active[data-v-0021391d]{margin-left:334px}.content .book-comments-box .book-comments .tit[data-v-0021391d]{widows:100%;padding-left:30px;height:18px;font-size:18px;font-weight:600;color:#333;line-height:18px;margin-bottom:30px}.content .book-comments-box .book-comments .line[data-v-0021391d]{width:806px;height:1px;background:#e5e5e5;margin:0 auto;margin-bottom:30px}.content .book-comments-box .book-comments #page[data-v-0021391d]{width:100%;margin:0 auto;margin-top:20px;display:flex;flex-direction:row;justify-content:center}.content .book-comments-box .book-comments .comment-top[data-v-0021391d]{box-sizing:border-box;widows:100%;padding:0 30px 0 30px;display:flex;flex-direction:column}.content .book-comments-box .book-comments .comment-top .comment-item[data-v-0021391d]{widows:100%;display:flex;flex-direction:row;margin-bottom:50px}.content .book-comments-box .book-comments .comment-top .comment-item[data-v-0021391d]:last-child{margin-bottom:0}.content .book-comments-box .book-comments .comment-top .comment-item .user-avatar[data-v-0021391d]{width:48px;height:48px;background:#d8d8d8;border-radius:50%;margin-right:30px}.content .book-comments-box .book-comments .comment-top .comment-item .user-avatar img[data-v-0021391d]{width:48px;height:48px;border-radius:50%}.content .book-comments-box .book-comments .comment-top .comment-item .comment-content[data-v-0021391d]{width:728px;display:flex;flex-direction:column}.content .book-comments-box .book-comments .comment-top .comment-item .comment-content .comment-info[data-v-0021391d]{margin-top:3px;display:flex;flex-direction:row;height:14px;font-size:14px;font-weight:400;color:#666;line-height:14px;margin-bottom:16px}.content .book-comments-box .book-comments .comment-top .comment-item .comment-content .comment-info .nickname[data-v-0021391d]{margin-right:15px}.content .book-comments-box .book-comments .comment-top .comment-item .comment-content .comment-text[data-v-0021391d]{width:728px;font-size:14px;font-weight:400;color:#333;line-height:20px;display:flex;flex-direction:row;flex-wrap:wrap}.content .book-comments-box .book-comments .comment-top .comment-item .comment-content .reply-answer-box[data-v-0021391d]{width:728px;display:flex;flex-direction:row}.content .book-comments-box .book-comments .comment-top .comment-item .comment-content .reply-answer-box .reply-answer[data-v-0021391d]{margin-top:15px;font-size:14px;font-weight:400;color:#999;cursor:pointer;margin-right:30px}.content .book-comments-box .book-comments .comment-top .comment-item .comment-content .reply-answer-box .reply-answer.trans[data-v-0021391d]{color:#3ca7fa}.content .book-comments-box .book-comments .comment-top .comment-item .comment-content .one-class-replybox[data-v-0021391d]{width:728px;height:48px;margin-top:10px;display:flex;flex-direction:row;align-items:center}.content .book-comments-box .book-comments .comment-top .comment-item .comment-content .one-class-replybox .input-box[data-v-0021391d]{width:614px;height:48px;border-radius:4px;border:1px solid #ccc;padding-left:15px;outline:none;margin-right:10px}.content .book-comments-box .book-comments .comment-top .comment-item .comment-content .one-class-replybox .confirm-button[data-v-0021391d]{width:104px;height:48px;background:#ccc;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;cursor:pointer;font-weight:400}.content .book-comments-box .book-comments .comment-top .comment-item .comment-content .one-class-replybox .confirm-button[data-v-0021391d]:hover{opacity:.8}.content .book-comments-box .book-comments .comment-top .comment-item .comment-content .one-class-replybox .confirm-button.active[data-v-0021391d]{background:#3ca7fa}.content .book-comments-box .book-comments .comment-top .comment-item .comment-content .reply-list-box[data-v-0021391d]{width:728px;height:auto;background:#f4fafe;box-sizing:border-box;margin-top:15px;padding:0 20px 20px 20px;display:flex;flex-direction:column}.content .book-comments-box .book-comments .comment-top .comment-item .comment-content .reply-list-box .reply-list-item[data-v-0021391d]{position:relative;width:100%;height:auto;float:left;display:flex;flex-direction:row;margin-top:30px}.content .book-comments-box .book-comments .comment-top .comment-item .comment-content .reply-list-box .reply-list-item .reply-avatar[data-v-0021391d]{width:48px;height:48px;background:#d8d8d8;margin-right:30px;border-radius:50%}.content .book-comments-box .book-comments .comment-top .comment-item .comment-content .reply-list-box .reply-list-item .reply-avatar img[data-v-0021391d]{width:48px;height:48px;border-radius:50%}.content .book-comments-box .book-comments .comment-top .comment-item .comment-content .reply-list-box .reply-list-item .reply-content[data-v-0021391d]{width:610px;display:flex;flex-direction:column;position:relative}.content .book-comments-box .book-comments .comment-top .comment-item .comment-content .reply-list-box .reply-list-item .reply-content .top-info[data-v-0021391d]{width:100%;height:14px;display:flex;align-items:center;flex-direction:row;margin-bottom:15px}.content .book-comments-box .book-comments .comment-top .comment-item .comment-content .reply-list-box .reply-list-item .reply-content .top-info .reply-nickname[data-v-0021391d]{height:14px;font-size:14px;font-weight:400;color:#666;line-height:14px;margin-right:15px}.content .book-comments-box .book-comments .comment-top .comment-item .comment-content .reply-list-box .reply-list-item .reply-content .top-info .reply-nickname.red[data-v-0021391d]{color:#ff5858}.content .book-comments-box .book-comments .comment-top .comment-item .comment-content .reply-list-box .reply-list-item .reply-content .top-info .reply-diff[data-v-0021391d]{height:12px;font-size:12px;font-weight:400;color:#666;line-height:12px}.content .book-comments-box .book-comments .comment-top .comment-item .comment-content .reply-list-box .reply-list-item .reply-text[data-v-0021391d]{width:610px;float:left;font-size:14px;font-weight:400;color:#333;line-height:14px}.content .book-comments-box .book-comments .comment-top .comment-item .comment-content .reply-list-box .reply-list-item .answer-item[data-v-0021391d]{margin-top:15px;width:610px;font-size:14px;font-weight:400;color:#999;cursor:pointer}.content .book-comments-box .book-comments .comment-top .comment-item .comment-content .reply-list-box .reply-list-item .Two-class-replybox[data-v-0021391d]{width:610px;height:48px;margin-top:20px;display:flex;flex-direction:row;align-items:center}.content .book-comments-box .book-comments .comment-top .comment-item .comment-content .reply-list-box .reply-list-item .Two-class-replybox .input-box[data-v-0021391d]{width:496px;height:48px;border-radius:4px;border:1px solid #ccc;padding-left:15px;outline:none;margin-right:10px}.content .book-comments-box .book-comments .comment-top .comment-item .comment-content .reply-list-box .reply-list-item .Two-class-replybox .confirm-button[data-v-0021391d]{width:104px;height:48px;background:#ccc;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;cursor:pointer;font-weight:400}.content .book-comments-box .book-comments .comment-top .comment-item .comment-content .reply-list-box .reply-list-item .Two-class-replybox .confirm-button.active[data-v-0021391d]{background:#3ca7fa}.content .book-comments-box .book-comments .replybox[data-v-0021391d]{box-sizing:border-box;widows:100%;height:88px;padding:20px 30px;display:flex;flex-direction:row;align-items:center;margin-bottom:30px}.content .book-comments-box .book-comments .replybox .reply[data-v-0021391d]{width:100%;display:flex;flex-direction:row;align-items:center}.content .book-comments-box .book-comments .replybox .reply .user-avatar[data-v-0021391d]{width:48px;height:48px;background:#d8d8d8;border-radius:50%;margin-right:30px}.content .book-comments-box .book-comments .replybox .reply .reply-input[data-v-0021391d]{width:614px;height:48px;border-radius:4px;border:1px solid #ccc;padding-left:10px;margin-right:30px;outline:none}.content .book-comments-box .book-comments .replybox .reply .btn-submit[data-v-0021391d]{width:104px;height:48px;background:#ccc;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:400;color:#fff;line-height:16px;cursor:pointer}.content .book-comments-box .book-comments .replybox .reply .btn-submit[data-v-0021391d]:hover{opacity:.8}.content .book-comments-box .book-comments .replybox .reply .btn-submit.active[data-v-0021391d]{background:#3ca7fa}