/* 样式 */
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-details { display:block; }
.app-body .news-details .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-details-header { display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch; border-bottom:1px solid #f0f0f0; padding:0px 40px 48px 40px; }
.app-body .news-details-header .title { display:block; color:#333; font-size:48px; font-weight:700; text-align:center; line-height:72px; }
.app-body .news-details-header .meta { display:flex; justify-content:space-between; align-items:center; margin-top:32px; }
.app-body .news-details-header .meta .breadcrumb { display:flex; justify-content:flex-start; align-items:center; color:#999; font-size:32px; text-align:left; line-height:48px; }
.app-body .news-details-header .meta .breadcrumb label { display:block; }
.app-body .news-details-header .meta .breadcrumb span { display:block; }
.app-body .news-details-header .meta .breadcrumb a { position:relative; display:block; margin-right:40px; color:#999; transition:color 0.8s cubic-bezier(0.23,1,0.32,1); }
.app-body .news-details-header .meta .breadcrumb a::after { content:">"; position:absolute; top:0px; right:-40px; display:block; width:40px; color:#999; text-align:center; line-height:48px; transition:color 0.8s cubic-bezier(0.23,1,0.32,1); }
.app-body .news-details-header .meta .breadcrumb a:hover { color:#428fd2; }
.app-body .news-details-header .meta .breadcrumb a:hover::after { color:#999; }
.app-body .news-details-header .meta .when { display:block; color:#999; font-size:32px; text-align:left; line-height:48px; }
.app-body .news-details-body { padding:48px 40px 48px 40px; }
.app-body .news-details-body .article { display:block; color:#333; font-size:32px; text-align:left; line-height:2; }
.app-body .news-details-body .article :first-child { margin-top:0px; }
.app-body .news-details-body .article h1 { margin-top:32px; font-size:56px; }
.app-body .news-details-body .article h2 { margin-top:32px; font-size:52px; }
.app-body .news-details-body .article h3 { margin-top:32px; font-size:48px; }
.app-body .news-details-body .article h4 { margin-top:32px; font-size:44px; }
.app-body .news-details-body .article h5 { margin-top:32px; font-size:40px; }
.app-body .news-details-body .article h6 { margin-top:32px; font-size:32px; }
.app-body .news-details-body .article ul { list-style:disc; margin-top:32px; padding-left:32px; }
.app-body .news-details-body .article ol { list-style:decimal; margin-top:32px; padding-left:32px; }
.app-body .news-details-body .article p { margin-top:32px; font-size:32px; }
.app-body .news-details-body .article table { width:100%; border-collapse:collapse; margin-top:32px; font-size:32px; }
.app-body .news-details-body .article th,
.app-body .news-details-body .article td { border:1px solid #e0e0e0; padding:16px 24px; }
.app-body .news-details-body .article th { background-color:#fafafa; }
.app-body .news-details-body .article b,
.app-body .news-details-body .article strong { font-weight:700; }
.app-body .news-details-body .article i { font-style:italic; }
.app-body .news-details-body .article img { max-width:100%; }

.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; }