/* Static rendering adapter: keeps Begin's original class hierarchy usable without WordPress. */
:root { --be-main-width: 1200px; --be-main-percent: calc(100% - 30px); --be-h: 81px; --be-h-s: 111px; --be-m-li: 81px; --be-bg-white: #fff; --be-bg-nav-white: #fff; --be-bg-grey-f8: #f8f8f8; --be-bg-btn: #4d8cb8; --be-bg-cat: #c40000; --be-site-n: #333; --be-m-a: #333; --be-m-bg: #4d8cb8; --be-bread: #999; --be-grey-7: #777; --be-grey-9: #999; --be-shadow: rgba(0,0,0,.07); --be-shadow-nav: 0 3px 30px rgba(0,0,0,.056); }
html { font-size:62.5%; } body { margin:0; background:#eff0f2; color:#444; font:1.4rem/1.8 -apple-system,BlinkMacSystemFont,"Microsoft YaHei",sans-serif; } a { text-decoration:none; } #page { overflow:hidden; } .header-main { position:fixed; top:0; } .navigation-top { width:1200px; margin:0 auto; } .be-nav-box { min-height:81px; } .site-description { margin-top:4px; color:#666; font-size:12px; } .be-nav-r { min-width:48px; justify-content:flex-end; } .nav-search { position:relative; display:block; width:28px; height:28px; } .nav-search:before { position:absolute; top:5px; left:6px; width:11px; height:11px; border:2px solid #777; border-radius:50%; content:""; } .nav-search:after { position:absolute; left:18px; top:17px; width:8px; height:2px; background:#777; transform:rotate(45deg); content:""; }
.site-content { padding-top:10px; } #primary-cms { display:flex; gap:10px; align-items:flex-start; } #primary-cms #primary { float:none; width:72.4%; } #primary-cms #sidebar { float:none; width:26.8%; } .cms-news-normal-box,.boxs5 { width:100%; } .post-default.post { min-height:172px; } .thumbs-b { width:200px; height:130px; overflow:hidden; border-radius:5px; } .thumbs-back { display:block; width:100%; height:100%; background:#e8edf0 center/cover no-repeat; transition:transform .35s ease; } .post:hover .thumbs-back { transform:scale(1.04); } .thumbnail .cat { top:10px; left:10px; } .post-area { min-width:0; padding-bottom:18px; } .entry-header h2 a { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .archive-content { display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:3; } .entry-meta { bottom:0; }
.article-layout { display:block; } .article-layout #primary { float:left; width:72.4%; } .article-layout #sidebar { float:right; width:26.8%; } .article-layout .post-item { display:block; background:var(--be-bg-white); border-radius:8px; box-shadow:0 0 0 1px var(--be-shadow); } .article-page { position:relative; padding-top:0; } .article-page.sidebar-collapsed #primary { width:100%; } .article-page.sidebar-collapsed #sidebar { display:none; } .article-page .entry-header { position:static; } .article-page .entry-title { position:relative; width:auto; color:#333; font-size:22px; line-height:33px; text-align:center; margin:0 -30px 0 -34px; padding:5px 26px; border-left:5px solid #4d8cb8; } .article-page .begin-single-meta { color:#999; margin:5px 0 15px; padding:0; border:0; } .article-page .single-meta-area { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:0 5px; } .article-page .single-meta-area span { margin:0; } .article-page .entry-content { display:block; } .article-meta-button { display:inline-grid; min-width:22px; height:23px; margin:0 !important; padding:0 2px; place-items:center; border:0; background:transparent; color:#999; cursor:pointer; font:inherit; } .article-meta-button[aria-pressed="true"] { color:#4d8cb8; } .article-font-large .single-content { font-size:18px; } .article-sidebar-toggle { border:0; background:transparent; } .article-share-tools { position:absolute; top:135px; left:-60px; z-index:3; display:grid; gap:10px; width:50px; } .article-share-tools button { display:grid; width:45px; height:45px; padding:0; place-items:center; border:0; border-radius:50%; background:#fff; color:#999; cursor:pointer; box-shadow:0 0 0 1px rgba(0,0,0,.08); } .article-share-tools button:hover,.article-share-tools button[aria-pressed="true"] { color:#4d8cb8; } .article-share-tools .be { font-size:18px; } .single-content { overflow-wrap:anywhere; } .single-content img { max-width:100%; height:auto; } .single-content table { display:block; overflow-x:auto; max-width:100%; } .bread { background:transparent; }
.article-meta-button.fontadd { display:inline-flex; align-items:center; justify-content:center; }
.article-bottom-tools { height:94px; padding:24px 0 25px; }
.article-bottom-tools .article-share-tools { position:static; display:flex; justify-content:center; gap:6px; width:auto; }
.article-page .content-empty { height:40px; }
.site-footer { margin-top:28px; background:#fff; border-top:1px solid #eee; color:#999; text-align:center; } .site-info { width:1200px; margin:0 auto; padding:28px 15px; }
@media (max-width:1220px) { :root { --be-main-width:calc(100% - 32px); } .navigation-top,.site-info { width:calc(100% - 32px); } .menu_c .main-nav .down-menu a { padding:0 9px; } } @media (max-width:760px) { :root { --be-main-width:100%; --be-h:54px; --be-m-li:54px; } .be-nav-box { min-height:54px; padding:0 15px; } .site-description { display:none; } .logo-sites .site-name { font-size:20px; } .be-nav-wrap { min-width:0; overflow-x:auto; } .main-nav .down-menu { display:flex; } .menu_c .main-nav .down-menu a { padding:0 8px; font-size:13px; } .main-nav .down-menu li { flex:0 0 auto; } .be-nav-r { display:none; } .site-content { padding-top:0; } #primary-cms { display:block; } #primary-cms #primary { width:100%; } #primary-cms #sidebar,.article-layout #sidebar { display:none; } .post { margin:0; border-radius:0; box-shadow:none; border-bottom:1px solid #eee; padding:15px; min-height:106px; } .thumbs-b { width:118px; height:76px; } .thumbnail { width:118px; margin-right:13px; } .thumbnail .cat { top:4px; left:4px; } .thumbnail .cat a { font-size:11px; padding:2px 5px; } .entry-header h2 { line-height:20px; margin:0; } .entry-header h2 a { font-size:15px; white-space:normal; } .archive-content { font-size:12px; line-height:1.55; -webkit-line-clamp:2; } .entry-meta { font-size:11px; } .entry-more { display:none; } .article-layout { display:block; } .article-layout #primary { width:100%; } .article-layout .post-item { border-radius:0; box-shadow:none; padding:22px 16px 30px; } .article-layout .entry-title { font-size:20px; } .site-info { width:100%; padding:24px 15px; } }
.site-search { position:relative; } .header-search-toggle { border:0; padding:0; background:transparent; cursor:pointer; } .header-search-panel { position:absolute; top:42px; right:0; z-index:20; display:flex; width:300px; overflow:hidden; border:1px solid #d7dde0; border-radius:4px; background:#fff; box-shadow:0 8px 22px rgba(0,0,0,.12); } .header-search-panel input { min-width:0; flex:1; height:40px; padding:0 12px; border:0; outline:0; color:#333; font:14px "Microsoft YaHei",sans-serif; } .header-search-panel button { flex:0 0 54px; border:0; background:#4d8cb8; color:#fff; cursor:pointer; font:14px "Microsoft YaHei",sans-serif; } @media (max-width:760px) { .be-nav-r { display:flex; position:relative; min-width:28px; } .header-search-panel { position:fixed; top:55px; right:15px; width:calc(100vw - 30px); } }
.mobile-menu-toggle { display:none; }
@media (max-width:760px) { .article-layout .post-item { padding-right:15px; padding-left:15px; } .article-page .entry-title { width:calc(100% + 37px); margin:5px -15px 0 -22px; padding:5px 26px; border-left:0; font-size:21px; line-height:31.5px; text-align:left; } .article-page > .article-share-tools,.article-sidebar-toggle,.article-meta-button.print { display:none; } }
.widget_search { padding:15px; } .widget_search .searchbar { margin:0; } .new_cat .thumbs-b { width:100px; height:75px; padding-top:0; } .new_cat .thumbnail { width:100px; height:75px; } .new_cat .tab-content ul { min-height:475px; } .new_cat .tab-content h4 { width:100%; } .new_cat .tab-content li { min-height:91px; }
.recovered-video { display:block; width:100%; aspect-ratio:16/9; background:#111; border-radius:5px; } .video-page .video-img-box { float:none; width:100%; max-width:none; } .video-page .format-videos-inf { float:none; width:100%; padding:0 0 55px 210px; } .video-page .format-videos-inf span { display:block; line-height:37px; } .video-category-bar { margin:0 -30px -30px; padding:12px 20px; background:#f8f8f8; } .related-video-links { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; margin-top:10px; padding:28px 16px; } .related-video-links a { color:#444; }
@media (max-width:760px) { .video-page .format-videos-inf { padding:0 0 40px; } .video-category-bar { margin:0 -15px -30px; } .related-video-links { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; padding:22px 15px; } }
.picture-area .site-main { width:auto; }
.grid-cat-4 .picture-area .post,
.picture-area.grid-cat-4 .post { flex:0 0 25%; min-width:0; max-width:25%; }
.picture-area .boxs1,
.picture-area .picture-box,
.picture-area .picture-img,
.picture-area .thumbs-v,
.picture-area .picture-title { width:100%; min-width:0; max-width:100%; }
.picture-area .picture-box { overflow:hidden; }
.picture-area .picture-title { overflow:hidden; }
@media (max-width:800px) {
  .grid-cat-4 .picture-area .post,
  .picture-area.grid-cat-4 .post { flex-basis:33.333333%; max-width:33.333333%; }
}
@media (max-width:600px) {
  .picture-area .site-main { margin:0; }
  .grid-cat-4 .picture-area .post,
  .picture-area.grid-cat-4 .post { flex:0 0 50%; width:50%; min-width:0; max-width:50%; padding:0 5px; border:0; min-height:0; }
  .picture-title a { padding:0 8px; font-size:12px; }
}
@media (max-width:760px) {
  .header-main { height:45px; }
  .navigation-top { position:relative; display:block; width:calc(100% - 8px); height:45px; }
  .be-nav-box { display:flex; width:100%; height:45px; min-height:45px; padding:0; align-items:center; }
  .be-nav-l { width:100%; height:45px; }
  .be-nav-logo { position:absolute; top:0; left:45px; right:45px; height:45px; }
  .logo-sites { position:static; display:flex; width:100%; height:45px; align-items:center; justify-content:center; }
  .logo-sites .site-name { font-size:16px; font-weight:400; }
  .be-nav-r { position:absolute; top:0; right:3px; display:flex; width:36px; height:45px; min-width:36px; align-items:center; }
  .nav-search { position:relative; top:0; left:0; width:32px; height:30px; }
  .mobile-menu-toggle { position:absolute; top:7px; left:3px; z-index:3; display:grid; width:32px; height:30px; padding:0; place-items:center; border:0; background:transparent; color:#666; cursor:pointer; }
  .mobile-menu-toggle .dashicons { width:20px; height:20px; font-size:20px; }
  .be-nav-wrap { display:none; }
  .mobile-menu-open .be-nav-wrap { position:fixed; top:45px; left:0; right:0; z-index:50; display:block; max-height:calc(100vh - 45px); overflow-y:auto; background:#fff; box-shadow:0 8px 20px rgba(0,0,0,.12); }
  .mobile-menu-open .site-nav-main,.mobile-menu-open .main-nav { display:block; width:100%; }
  .mobile-menu-open .main-nav .down-menu { display:block !important; margin:0; padding:8px 0; }
  .mobile-menu-open .main-nav .down-menu li { display:block; width:100%; }
  .mobile-menu-open .menu_c .main-nav .down-menu a { display:block; height:auto; padding:10px 20px; line-height:24px; }
  .article-meta-button.fontadd { width:30px; min-width:30px; white-space:nowrap; }
}

/* Home/archive parity with the original Begin CMS templates. */
#primary-cms #primary { flex:0 0 869px; width:869px; }
#primary-cms #sidebar { flex:0 0 322px; width:322px; }
.home-notice { height:31px; padding:3px 8px; color:#777; font-size:13px; }
.home-category-grid { display:flex; width:1210px; margin:10px -5px 0; flex-wrap:wrap; }
.home-category-grid .cl3 { width:33.333333%; padding:0 5px 10px; }
.home-category-grid .cat-container { height:540px; overflow:hidden; }
.home-category-grid .cat-title .title-i { display:inline-flex; width:18px; margin:0 12px 0 15px; flex-wrap:wrap; gap:2px; vertical-align:middle; }
.home-category-grid .cat-title .title-i span { width:6px; height:6px; border-radius:1px; background:#999; }
.home-category-grid .more-i { float:right; display:flex; margin:16px 15px 0 0; gap:3px; }
.home-category-grid .more-i span { width:5px; height:5px; border-radius:50%; background:#ff5b5b; }
.home-category-grid .more-i span:nth-child(2) { background:#67bc7f; }
.home-category-grid .more-i span:nth-child(3) { background:#ffc35a; }
.home-category-grid .small-thumbnail,.home-category-grid .thumbs-f { width:100%; height:240px; overflow:hidden; }
.home-category-grid .entry-small-title { height:50px; margin:0; padding:10px 14px; overflow:hidden; font-size:16px; line-height:30px; text-overflow:ellipsis; white-space:nowrap; }
.home-category-grid .cat-list { padding:8px 15px 12px; }
.home-category-grid .category-item { display:flex; height:25px; min-width:0; align-items:center; flex-direction:row-reverse; gap:8px; }
.home-category-grid .category-item::before { width:6px; height:6px; flex:0 0 6px; border-radius:50%; background:#aaa; content:""; }
.home-category-grid .list-title { min-width:0; flex:1; }
.home-category-grid .list-title a { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.home-category-grid .list-date { flex:0 0 35px; color:#999; font-size:12px; text-align:right; }
.static-links { display:flex; width:1200px; height:61px; margin:10px auto 0; padding:10px; align-items:center; gap:12px; border-radius:8px; background:#fff; }
.static-links a { min-width:110px; padding:8px 14px; border-radius:5px; background:#f8f8f8; color:#555; text-align:center; }
.tag-cloud { display:flex; padding:20px 0; flex-wrap:wrap; gap:5px; }
.tag-cloud > span { display:inline-flex; padding:4px 7px; border:1px solid #e4e6e8; border-radius:3px; background:#fff; color:#555; font-size:13px; line-height:1.4; align-items:center; gap:4px; }
.tag-cloud small { color:#aaa; font-size:11px; }
.tags-page { display:block !important; }
.empty-thumbnail .thumbs-back { background:transparent; }

@media (max-width:1220px) {
  #primary-cms #primary { flex:1 1 auto; width:auto; }
  #primary-cms #sidebar { flex:0 0 26.8%; width:26.8%; }
  .home-category-grid { width:calc(100% + 10px); }
  .static-links { width:calc(100% - 32px); }
}

@media (max-width:760px) {
  #primary-cms #primary { width:100%; }
  .home-notice { height:31px; padding-left:15px; }
  .home-category-grid { display:block; width:100%; margin:10px 0 0; padding:0 10px; }
  .home-category-grid .cl3 { width:100%; padding:0 0 10px; }
  .home-category-grid .cat-container { height:auto; min-height:500px; }
  .home-category-grid .small-thumbnail,.home-category-grid .thumbs-f { height:210px; }
  .static-links { width:100%; height:auto; margin:0; padding:10px 15px; border-radius:0; flex-wrap:wrap; }
  .static-links a { min-width:0; flex:1; }
  .post-default.post { min-height:105px; margin-bottom:10px; }
  .post-default .thumbnail { width:100px; height:75px; flex:0 0 100px; margin-right:15px; }
  .post-default .thumbs-b,.post-default .thumbs-back { width:100px; height:75px; padding-top:0; }
  .post-default .post-area { min-height:75px; padding-bottom:0; }
  .post-default .archive-content { display:none; }
  .tag-cloud { padding:18px 0; gap:4px; }
  .tag-cloud > span { padding:3px 5px; font-size:12px; }
}