/* 样式 */
html, body, .app { display:block; width:100%; height:auto; overflow-x:hidden; }
html, body { background-color:#141414; }
.app { background-color:#fff; }

.app-header { position:fixed; top:0px; left:0px; right:0px; z-index:2; display:block; width:100%; height:140px; background-color:rgba(0,0,0,0.2); }
.app-header .logo { position:absolute; top:25px; left:40px; display:block; width:164px; height:164px; }
.app-header .logo a,
.app-header .logo img { display:block; width:100%; height:100%; }
.app-header .name { position:absolute; top:25px; left:228px; }
.app-header .name h4 { display:block; color:#fff; font-size:48px; font-weight:700; text-align:left; line-height:1; }
.app-header .name p { display:block; margin-top:12px; color:#fff; font-size:30px; text-align:left; line-height:1; }
.app-header .btn-download { position:absolute; top:23px; right:138px; display:block; width:294px; height:96px; background:url("../images/btn-download.png?v=20250528") no-repeat 0px 0px; color:transparent; font-size:0px; text-align:center; line-height:96px; }
.app-header .btn-menu { position:absolute; top:41px; right:40px; display:block; width:58px; height:58px; background:url("../images/btn-menu.png?v=20250528") no-repeat 50% 50%; color:transparent; font-size:0px; text-align:center; line-height:58px; }

.app-body { display:block; width:100%; background:url("../images/bg-news.png?v=20250528") no-repeat 50% 0%; padding-top:568px; }
.app-body .news-tabs { display:block; }
.app-body .news-tabs-header { display:flex; justify-content:flex-start; align-items:center; border-bottom:1px solid #f0f0f0; padding:0px 40px 48px 40px; }
.app-body .news-tabs-header-scroller { display:flex; justify-content:flex-start; align-items:center; gap:48px; }
.app-body .news-tabs-body {  }
.app-body .news-tabs-footer { display:block; padding-top:48px; padding-bottom:48px; }
.app-body .news-tabs-tab { position:relative; z-index:1; display:block; width:210px; height:68px; color:#333; font-size:40px; font-weight:700; text-align:center; line-height:68px; transition:color 0.8s cubic-bezier(0.23,1,0.32,1); }
.app-body .news-tabs-tab::before { content:""; position:absolute; top:0; left:0; z-index:-1; display:block; width:100%; height:100%; background:url("../images/news-tabs-tab.png?v=20250528") no-repeat 50% 50%; opacity:0; transition:opacity 0.8s cubic-bezier(0.23,1,0.32,1); }
.app-body .news-tabs-tab::after { content:""; position:absolute; top:50%; right:-23px; display:block; width:2px; height:48px; background-image:linear-gradient(transparent, #c4c4c4, transparent); margin-top:-24px; }
.app-body .news-tabs-tab:last-child {  }
.app-body .news-tabs-tab:last-child::before {  }
.app-body .news-tabs-tab:last-child::after { content:none; }
.app-body .news-tabs-tab.active { color:#fff; }
.app-body .news-tabs-tab.active::before { opacity:1; }
.app-body .news-tabs-tab.active::after {  }
.app-body .news-list {  }
.app-body .news-list .empty { display:flex; justify-content:center; align-items:center; padding:480px 40px; color:#bfbfbf; font-size:32px; text-align:center; line-height:48px; }
.app-body .news { display:block; border-bottom:1px solid #f0f0f0; background-color:transparent; padding:48px 40px 48px 40px; transition:background-color 0.8s cubic-bezier(0.23,1,0.32,1); }
.app-body .news .content { display:flex; justify-content:flex-start; align-items:center; }
.app-body .news .thumbnail { display:block; width:388px; height:230px; border:5px solid #fbfad5; border-radius:32px; overflow:hidden; margin-right:40px; transition:border-color 0.8s cubic-bezier(0.23,1,0.32,1); }
.app-body .news .thumbnail img { display:block; width:100%; height:100%; object-fit:cover; }
.app-body .news .summary { flex:1; display:block; height:212px; overflow:hidden; }
.app-body .news .meta { display:block; color:#666; font-size:28px; text-align:left; line-height:42px; transition:color 0.8s cubic-bezier(0.23,1,0.32,1); }
.app-body .news .title { display:block; margin-top:12px; overflow:hidden; color:#333; font-size:36px; font-weight:700; white-space:nowrap; text-align:left; text-overflow:ellipsis; line-height:54px; transition:color 0.8s cubic-bezier(0.23,1,0.32,1); }
.app-body .news .description { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-clamp:2; margin-top:8px; overflow:hidden; color:#666; font-size:32px; text-align:left; text-overflow:ellipsis; line-height:48px; transition:color 0.8s cubic-bezier(0.23,1,0.32,1); }
.app-body .news:active { background-color:#ecf5fd; }
.app-body .news:active .content {  }
.app-body .news:active .thumbnail { border-color:#7bc2ff; }
.app-body .news:active .thumbnail img {  }
.app-body .news:active .summary {  }
.app-body .news:active .meta { color:#428fd2; }
.app-body .news:active .title { color:#428fd2; }
.app-body .news:active .description { color:#428fd2; }

.app-footer { display:block; width:100%; background-color:#141414; padding:64px 0px; transition:bottom 0.8s cubic-bezier(0.23,1,0.32,1); }
.app-footer p { display:block; color:#fff; font-size:24px; text-align:center; line-height:32px; }

.menu-backdrop { position:fixed; top:0px; bottom:0px; left:0px; right:0px; z-index:2; display:block; visibility:hidden; opacity:0; transition:opacity 0.8s cubic-bezier(0.23,1,0.32,1); }
.menu-backdrop.active { visibility:visible; opacity:1; }
.menu { position:fixed; bottom:-100%; left:0px; right:0px; z-index:2; display:block; transition:bottom 0.8s cubic-bezier(0.23,1,0.32,1); }
.menu .btn-close { position:absolute; top:0px; left:50%; display:block; width:296px; height:76px; background:url("../images/menu-btn-close.png?v=20250528") no-repeat 50% 50%; margin-left:-148px; }
.menu .content { display:block; width:100%; background:url("../images/menu-content.png?v=20250528") no-repeat 50% 0%; padding:100px 0px 60px 0px; }
.menu .content .nav { display:flex; flex-direction:column; justify-content:center; align-items:center; background:url("../images/nav-wrapper-separator.png?v=20250528") no-repeat 50% 100%; padding:56px 0px; }
.menu .content .nav .nav-link { display:block; width:auto; height:64px; background:url("../images/icon-nav.png?v=20250528") no-repeat -56px 50%; padding-left:0px; color:#fff; font-size:42px; font-weight:700; text-align:left; line-height:64px; transition:background-position 0.8s cubic-bezier(0.23,1,0.32,1), padding-left 0.8s cubic-bezier(0.23,1,0.32,1); }
.menu .content .nav:last-child { background:none; }
.menu .content .nav:last-child .nav-link {  }
.menu .content .nav.active {  }
.menu .content .nav.active .nav-link { background-position:0px 50%; padding-left:80px; }
.menu .content .contact-qrcode-list { display:flex; justify-content:center; align-items:flex-start; gap:30px; height:0px; margin-top:0px; overflow:hidden; transition:height 0.8s cubic-bezier(0.23,1,0.32,1), margin-top 0.8s cubic-bezier(0.23,1,0.32,1); }
.menu .content .contact-qrcode-list.active { height:252px; margin-top:56px; }
.menu .content .contact-qrcode { display:block; }
.menu .content .contact-qrcode .contact-qrcode-body { display:block; width:224px; height:210px; }
.menu .content .contact-qrcode .contact-qrcode-body img { display:block; width:100%; height:100%; }
.menu .content .contact-qrcode .contact-qrcode-footer { display:block; margin-top:12px; color:#fff; font-size:30px; text-align:center; line-height:1; }
.menu.active { bottom:0%; }
.menu.active {  }
.menu.active .btn-close {  }
.menu.active .content {  }
.menu.active .content .nav {  }
.menu.active .content .nav .nav-link {  }
.menu.active .content .nav:last-child {  }
.menu.active .content .nav:last-child .nav-link {  }
.menu.active .content .nav.active {  }
.menu.active .content .nav.active .nav-link {  }
.menu.active .content .contact-qrcode-list {  }
.menu.active .content .contact-qrcode-list.active {  }
.menu.active .content .contact-qrcode {  }
.menu.active .content .contact-qrcode .contact-qrcode-body {  }
.menu.active .content .contact-qrcode .contact-qrcode-body img {  }
.menu.active .content .contact-qrcode .contact-qrcode-footer {  }

.landscape-warning { display:none; z-index:9999; position:fixed; left:0; top:0; width:100vw; height:100vh; background-color:#318fd7; font-size:32px; color:#fff; text-align:center; line-height:80vh; }