#mainAndSidebar[data-v-63935415]{display:flex;justify-content:flex-start;max-width:1440px;margin:0 auto;margin-top:10px}#mainAndSidebar .top-info[data-v-63935415]{display:flex;justify-content:space-between}#mainAndSidebar .top-info .create-date[data-v-63935415]{font-size:12px;color:#c1c1c1}#mainAndSidebar .article-wrap[data-v-63935415]{width:69.7%}#mainAndSidebar .article-info a[data-v-63935415]{display:block;line-height:1.5;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}#mainAndSidebar .article-info a[data-v-63935415]:hover{text-decoration:underline}#mainAndSidebar .article-info .category-wrap[data-v-63935415]{font-size:.325rem;color:#c1c1c1;display:flex;justify-content:flex-start}#mainAndSidebar .article-info .category-wrap div[data-v-63935415]{margin:.125rem .075rem 0;margin-right:10px}#mainAndSidebar .article-info .category-wrap i[data-v-63935415]{font-size:.325rem;margin-right:1px;color:#a2e1d4}#mainAndSidebar .article-info .article-info-summary[data-v-63935415]{display:flex;justify-content:space-between;font-size:.375rem;color:#999;line-height:1.5;margin-bottom:8px}#mainAndSidebar .article-info .article-info-summary .summary[data-v-63935415]{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}#mainAndSidebar .article-info .bottom-info[data-v-63935415]{display:flex;justify-content:flex-start;align-items:flex-end;font-size:.325rem;white-space:nowrap;color:#c1c1c1;margin-top:.25rem}#mainAndSidebar .article-info .bottom-info .article-info-author[data-v-63935415]{margin-right:.125rem}#mainAndSidebar .article-info .bottom-info .article-info-author a[data-v-63935415]{display:block;color:#c1c1c1}#mainAndSidebar .article-info .bottom-info .article-info-author a .el-avatar[data-v-63935415]{vertical-align:bottom;width:20px;height:20px;margin-right:5px}#mainAndSidebar .article-info .bottom-info .article-attr[data-v-63935415]{display:flex;justify-content:flex-start;align-items:flex-end}#mainAndSidebar .article-info .bottom-info .article-attr div[data-v-63935415]{margin-right:.25rem}#mainAndSidebar .article-info .bottom-info .article-attr .article-info-category a[data-v-63935415]{color:#c1c1c1}#mainAndSidebar .article-info .bottom-info .article-attr .iconfont[data-v-63935415]{margin-right:.05rem}#mainAndSidebar .article-info .bottom-info .article-attr .icon-fenlei[data-v-63935415]{margin-right:1px;color:#607d8b}#mainAndSidebar .article-info .bottom-info i[data-v-63935415]{font-size:.325rem}#mainAndSidebar .side-bar-wrap[data-v-63935415]{width:29.6%;margin-left:10px;position:relative}#mainAndSidebar .side-bar-wrap .side-bar-title[data-v-63935415]{text-align:left;border-bottom:1px solid #f5f5f5;font-size:.4rem;padding-bottom:.125rem;margin-bottom:3px}#mainAndSidebar .side-bar-wrap .side-bar-title .iconfont[data-v-63935415]{margin-right:5px;font-size:.4rem;color:#a2e1d4}#mainAndSidebar .side-bar-wrap .hot-article[data-v-63935415]{background-color:#fff;border-radius:8px;min-height:200px;padding:10px;margin-top:.25rem}#mainAndSidebar .side-bar-wrap .hot-article li[data-v-63935415]{margin:.25rem 0;border-bottom:1px solid #f5f5f5}#mainAndSidebar .side-bar-wrap .hot-article .article-info-title[data-v-63935415]{font-size:14.5px;text-align:left;font-weight:400}#mainAndSidebar .side-bar-wrap .hot-article .article-info-summary[data-v-63935415]{font-size:13px;margin:0;text-align:left}#mainAndSidebar .side-bar-wrap .hot-article .category-wrap[data-v-63935415],#mainAndSidebar .side-bar-wrap .hot-article .category-wrap i[data-v-63935415]{font-size:11px}#mainAndSidebar .side-bar-wrap .comment-news[data-v-63935415]{background-color:#fff;border-radius:8px;padding:10px 0 10px 10px;min-height:200px}#mainAndSidebar .side-bar-wrap .comment-news li[data-v-63935415]{border-bottom:1px solid #f5f5f5;padding:5px}#mainAndSidebar .side-bar-wrap .comment-news li .author[data-v-63935415]{display:flex;justify-content:flex-start;text-align:left}#mainAndSidebar .side-bar-wrap .comment-news li .author p[data-v-63935415]{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#mainAndSidebar .side-bar-wrap .comment-news li .author .el-avatar[data-v-63935415]{width:20px;height:20px;vertical-align:bottom;margin-right:5px}#mainAndSidebar .side-bar-wrap .comment-news li .comment-text[data-v-63935415]{text-align:left;position:relative;font-size:14.5px;padding:8px 3px;background-color:#f5f5f5;border-radius:8px;margin:.2rem;margin-left:5px;margin-right:5px}#mainAndSidebar .side-bar-wrap .comment-news li .comment-text p[data-v-63935415]{padding-left:5px;width:100%;white-space:nowrap;text-overflow:ellipsis;height:20px;overflow:hidden}#mainAndSidebar .side-bar-wrap .comment-news li .comment-text[data-v-63935415]:before{content:"";display:block;position:absolute;top:-8px;left:25px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #f5f5f5;z-index:2}#mainAndSidebar .side-bar-wrap .comment-news li .comment-from[data-v-63935415]{display:flex;justify-content:flex-start;font-size:13px;text-align:left}#mainAndSidebar .side-bar-wrap .comment-news li .comment-from a[data-v-63935415]{color:#999;overflow:hidden}#mainAndSidebar .side-bar-wrap .comment-news li .comment-from a p[data-v-63935415]{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#mainAndSidebar .side-bar-wrap .comment-news li .comment-from .comment-article[data-v-63935415]{white-space:nowrap;color:#409eff;margin-right:1px}@media screen and (max-width:1024px){.hot-article[data-v-63935415]{margin-top:5px!important}#mainAndSidebar[data-v-63935415]{margin-top:5px}.article-img[data-v-63935415],.article-info[data-v-63935415]{flex:1!important}}@media screen and (max-width:768px){#mainAndSidebar[data-v-63935415]{flex-direction:column;margin-top:3px}.article-wrap[data-v-63935415]{margin-right:0!important;margin-bottom:5px!important}.article-wrap[data-v-63935415],.side-bar-wrap[data-v-63935415]{float:none!important;flex:initial!important;width:auto!important}.side-bar-wrap[data-v-63935415]{position:relative!important;bottom:auto!important;top:auto!important;right:auto;left:auto;margin-left:0!important}}@media screen and (max-width:505px){#mainAndSidebar[data-v-63935415]{flex-direction:column}.el-avatar[data-v-63935415]{width:18px!important;height:18px!important}.article-category[data-v-63935415]{font-size:13px!important}.article-info-title[data-v-63935415]{font-size:15px!important}.bottom-info i[data-v-63935415],.bottom-info span[data-v-63935415],.category-wrap i[data-v-63935415],.category-wrap span[data-v-63935415],.summary[data-v-63935415]{font-size:13px!important}.side-bar-title .icon-xinxiaoxi[data-v-63935415],.side-bar-title[data-v-63935415]{font-size:14px!important}.comment-text[data-v-63935415]{font-size:15px!important}}#emoji{position:relative}#textarea{flex:1;overflow:hidden;overflow-wrap:break-word;max-width:100%;height:100px;padding:10px;outline:none;border:1px solid #ccc;resize:none;margin-left:15px;font-family:font-regular,Helvetica Neue,sans-serif;font-size:15px;background-color:#fff}#textarea span img{width:20px;height:20px;vertical-align:bottom}#textarea:empty:before{content:"写下你的评论...";color:grey}#textarea:focus:before{content:none}.emoji-switch{position:absolute;bottom:-33px;margin-left:15px}.emoji-switch i{font-size:24px;cursor:pointer}#emojiList{position:absolute;top:33px;left:-20px;width:240px;display:flex;justify-items:center;align-items:center;flex-wrap:wrap;z-index:1}#emojiList .emoji-icon{cursor:pointer;border:1px solid #f5f5f5;background-color:#fff}#emojiList:before{content:"";position:absolute;top:-12px;left:25px;width:0;height:0;overflow:hidden;font-size:0;line-height:0;border-width:6px;border-style:solid dashed dashed dashed;border-color:transparent transparent #d0d0d0 transparent}@media screen and (max-width:768px){#textarea{margin-left:0;height:80px;font-size:14px}.emoji-switch{margin-left:0;bottom:-31px}#emojiList{left:0}#emojiList:before{left:6px}}@media screen and (max-width:505px){#textarea{height:50px;font-size:13px}}.right-btn a[data-v-53f20c2a]{padding:2px 10px;margin-right:5px;font-size:12px;color:#409eff;cursor:pointer;border:1px solid #409eff;border-radius:8px}.right-btn a i[data-v-53f20c2a]{font-size:12px}.reply-wrap[data-v-53f20c2a]{background-color:#f9f9f9;border-radius:8px}.reply-wrap .comment-btn[data-v-53f20c2a],.reply-wrap .comment-form[data-v-53f20c2a]{background-color:transparent}.reply-wrap .publish-captcha[data-v-53f20c2a]{display:block;text-align:right}.comment-btn[data-v-53f20c2a]{text-align:right;background-color:#fff;padding:0 16px 8px 0;border-radius:0 0 8px 8px}.comment-form[data-v-53f20c2a]{display:flex;background-color:#fff;padding:16px 16px 7px 16px;margin-top:10px;border-radius:8px 8px 0 0}.comment-form .text[data-v-53f20c2a]{display:flex;flex-direction:column;width:100%;position:relative}.article-details-wrap[data-v-53f20c2a]{background-color:#fff;border-radius:8px;overflow:hidden}.article-details-wrap .thumbnail-img img[data-v-53f20c2a]{width:100%;display:block;max-height:600px;-o-object-fit:contain;object-fit:contain}.article-details-wrap .article-attr[data-v-53f20c2a]{text-align:left;padding:10px 0 10px 15px;background-color:#fff}.article-details-wrap .article-attr .articlecategory[data-v-53f20c2a]{font-size:14px;color:#999}.article-details-wrap .article-attr .articlecategory .article-date[data-v-53f20c2a]{margin-left:15px}.article-details-wrap .article-attr .articlecategory i[data-v-53f20c2a]{color:#607d8b;margin-right:5px;font-size:14px;color:#a2e1d4}.article-details-wrap .article-attr .articlecategory .viewicon[data-v-53f20c2a]{margin-left:15px;color:#999}.article-details-wrap .article-attr .article-title[data-v-53f20c2a]{font-size:22px;font-weight:700;margin-top:6px}.article-details-wrap .article-author[data-v-53f20c2a]{display:flex;justify-content:space-between;padding:5px 15px;background-color:#f7f8fa;align-items:center}.article-details-wrap .article-author .author-wrap[data-v-53f20c2a]{display:flex;align-items:center}.article-details-wrap .article-author p[data-v-53f20c2a]{margin-left:7px;font-weight:700;color:#666}.article-details-wrap .article-view .v-note-wrapper[data-v-53f20c2a]{padding:5px 15px;box-shadow:none!important;z-index:998}.article-details-wrap .like[data-v-53f20c2a]{display:flex;justify-content:space-between;padding:10px;border-top:1px solid #eee;align-items:center}.article-details-wrap .like>div[data-v-53f20c2a]{padding:2px 10px;background-color:#f6f6f6;color:#d0d0d0;font-size:14px;border-radius:8px;white-space:nowrap;cursor:pointer}.article-details-wrap .like>div i[data-v-53f20c2a]{font-size:16px;margin-right:2px}.article-details-wrap .like .tags-wrap[data-v-53f20c2a]{padding:0;background-color:transparent;cursor:auto;justify-self:flex-start;align-items:center;white-space:normal}.article-details-wrap .like .tags-wrap .el-tag[data-v-53f20c2a]{margin:5px}.article-details-wrap .like .tags-wrap i[data-v-53f20c2a]{font-size:13px}.article-details-wrap .like .tags-wrap[data-v-53f20c2a]:active{position:relative;top:0}.article-details-wrap .like>div[data-v-53f20c2a]:active{position:relative;top:1px}.is-like[data-v-53f20c2a]{color:#fe6673!important;background-color:#fff!important}.is-like-reply[data-v-53f20c2a]{color:#fe6673!important;background-color:#f9f9f9!important}.is-favorites[data-v-53f20c2a]{color:#2ae0c8!important;background-color:#fff!important}.is-author[data-v-53f20c2a]{font-size:12px;margin-left:4px;border:1px solid rgba(244,53,71,.3);color:rgba(244,55,72,.6);border-radius:4px}.article-comment[data-v-53f20c2a]{background-color:#fff;margin:10px 0 0 0;padding:10px 10px 0 10px;border-radius:8px}.article-comment .article-comment-title[data-v-53f20c2a]{font-size:14px;padding-bottom:10px;border-bottom:1px solid #eee}.article-comment .article-comment-title span[data-v-53f20c2a]{font-size:12px}.article-comment .comment-list .comment-item[data-v-53f20c2a]{display:flex;padding:10px 5px;justify-content:flex-start;border-bottom:1px solid #eee}.article-comment .comment-list .comment-item .comment-list[data-v-53f20c2a]{margin:10px 0}.article-comment .comment-list .comment-item .comment-list .comment-item[data-v-53f20c2a]{padding:10px 10px 10px 15px;margin-top:7px;background-color:#f9f9f9;border:none}.article-comment .comment-list .comment-item .comment-list .comment-item .reply-users[data-v-53f20c2a]{display:flex}.article-comment .comment-list .comment-item .comment-list .comment-item .reply-users .to-icon[data-v-53f20c2a]{margin:0 7px;font-size:12px;color:#999;font-weight:400;line-height:21px}.article-comment .comment-list .comment-item .comment-info[data-v-53f20c2a]{width:100%;margin-left:10px}.article-comment .comment-list .comment-item .usermeta[data-v-53f20c2a]{display:flex;justify-content:space-between}.article-comment .comment-list .comment-item .usermeta .create-date[data-v-53f20c2a]{font-size:12px;color:#c1c1c1}.article-comment .comment-list .comment-item .username[data-v-53f20c2a]{font-size:14px;font-weight:700;color:#000}.article-comment .comment-list .comment-item .conmment-content[data-v-53f20c2a]{margin:10px 0}.article-comment .comment-list .comment-item .comment-tools[data-v-53f20c2a]{width:100%;display:flex;justify-content:space-between;font-size:12px}.article-comment .comment-list .comment-item .comment-tools button[data-v-53f20c2a]{background-color:#f6f6f6;color:#d0d0d0;font-size:12px;padding:2px 5px;cursor:pointer}.article-comment .comment-list .comment-item .comment-tools button i[data-v-53f20c2a]{font-size:14px}.article-comment .comment-list .comment-item .reply-btn[data-v-53f20c2a]{opacity:0;transition:all .2s}.article-comment .comment-list .comment-wrap:hover .reply-btn[data-v-53f20c2a]{opacity:1}.publish-captcha[data-v-53f20c2a]{display:inline-block;margin-right:10px}@media screen and (max-width:1024px){.article-comment[data-v-53f20c2a]{margin-top:5px}.reply-btn[data-v-53f20c2a]{opacity:1!important}}@media screen and (max-width:768px){.comment-avatar[data-v-53f20c2a]{display:none}.comment-form[data-v-53f20c2a]{padding:8px 8px 5px 8px}.comment-btn[data-v-53f20c2a]{padding:0 8px 8px 0}}@media screen and (max-width:505px){.comment-item .comment-item[data-v-53f20c2a]{padding:5px!important}.conmment-content[data-v-53f20c2a]{font-size:15px}}