.CommonPage[data-v-04b743c5]{position:relative;z-index:0;min-height:100vh;padding-top:100px}.CommonPage[data-v-04b743c5]:before{content:"";position:fixed;left:0;top:0;right:0;height:100vh;background-image:var(--bg-image);background-repeat:no-repeat;background-size:cover;background-position:top;z-index:-1;pointer-events:none;-webkit-transform:translate3d(0,var(--bg-offset,279px),0);transform:translate3d(0,var(--bg-offset,279px),0);will-change:transform}.CommonPage.fixed-bg[data-v-04b743c5]:before,.CommonPage.scrolled[data-v-04b743c5]:before{-webkit-transform:translateY(0);transform:translateY(0)}.CommonPage.fixed-bg[data-v-04b743c5]:before{position:fixed;top:0;height:100vh}.CommonPage .page-content[data-v-04b743c5]{max-width:1200px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:100px!important}.CommonPage .page-content .left-section[data-v-04b743c5]{background:#fff;border-top-left-radius:10px;border-bottom-left-radius:10px;overflow:hidden}.CommonPage .page-content .left-section .section-header[data-v-04b743c5]{background:#fff;padding:15px 20px;border-bottom:1px solid #e5e5e5}.CommonPage .page-content .left-section .section-header h3[data-v-04b743c5]{font-size:18px;font-weight:700;color:#333;margin:0}.CommonPage .page-content .left-section .article-list .article-item[data-v-04b743c5]{display:-webkit-box;display:-ms-flexbox;display:flex;padding:20px;cursor:pointer;-webkit-transition:background-color .3s;transition:background-color .3s}.CommonPage .page-content .left-section .article-list .article-item[data-v-04b743c5]:hover{background-color:#fafafa}.CommonPage .page-content .left-section .article-list .article-item .article-image[data-v-04b743c5]{-ms-flex-negative:0;flex-shrink:0;width:200px;height:120px;margin-right:15px;border-radius:4px;overflow:hidden}.CommonPage .page-content .left-section .article-list .article-item .article-image img[data-v-04b743c5]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.CommonPage .page-content .left-section .article-list .article-item .article-content[data-v-04b743c5]{width:460px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.CommonPage .page-content .left-section .article-list .article-item .article-content .article-title[data-v-04b743c5]{font-size:16px;font-weight:700;color:#333;margin:0 0 8px 0;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.CommonPage .page-content .left-section .article-list .article-item .article-content .article-desc[data-v-04b743c5]{font-size:13px;color:#999;line-height:1.5;margin:0 0 10px 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.CommonPage .page-content .left-section .article-list .article-item .article-content .article-meta[data-v-04b743c5]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:12px;color:#999;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.CommonPage .page-content .left-section .article-list .article-item .article-content .article-meta .article-meta-left[data-v-04b743c5]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:30px}.CommonPage .page-content .left-section .article-list .article-item .article-content .article-meta span[data-v-04b743c5]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.CommonPage .page-content .left-section .article-list .article-item .article-content .article-meta .comment-icon[data-v-04b743c5]{margin-right:4px;font-style:normal}.CommonPage .page-content .right-section[data-v-04b743c5]{width:485px;-ms-flex-negative:0;flex-shrink:0;background:#fff;border-top-right-radius:10px;border-bottom-right-radius:10px;overflow:hidden}.CommonPage .page-content .right-section .section-header[data-v-04b743c5]{background:#fff;padding:15px 20px;border-bottom:1px solid #e5e5e5}.CommonPage .page-content .right-section .section-header h3[data-v-04b743c5]{font-size:18px;font-weight:700;color:#333;margin:0}.CommonPage .page-content .right-section .hot-grid[data-v-04b743c5]{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;padding:15px}.CommonPage .page-content .right-section .hot-grid .hot-item[data-v-04b743c5]{cursor:pointer;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.CommonPage .page-content .right-section .hot-grid .hot-item .hot-image[data-v-04b743c5]{width:214px;height:136px;border-radius:4px;overflow:hidden;margin-bottom:20px}.CommonPage .page-content .right-section .hot-grid .hot-item .hot-image img[data-v-04b743c5]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.CommonPage .page-content .right-section .hot-grid .hot-item .hot-title[data-v-04b743c5]{font-size:14px;color:#333;line-height:1.4;margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}