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

.app-header { position:relative; top:0rem; left:0rem; right:0rem; z-index:2; display:block; width:100%; height:5.50rem; background-image:url("../images/bg-news.png?v=20250528"); background-repeat:no-repeat; background-position:50% 0%; background-size:19.20rem 5.50rem; }
.app-header .logo { position:absolute; top:0.36rem; left:0.36rem; display:block; width:2.30rem; height:1.10rem; }
.app-header .logo a,
.app-header .logo img { display:block; width:100%; height:100%; }
.app-header .nav-list { position:absolute; top:0.36rem; left:50%; display:flex; justify-content:center; align-items:center; gap:0.24rem; height:0.52rem; border-radius:0.52rem;; background-color:rgba(0,0,0,0.15); margin-left:-4.35rem; padding:0rem 0.12rem; }
.app-header .nav { position:relative; display:block; width:1.50rem; height:0.52rem; color:#fff; font-size:0.20rem; font-weight:700; text-align:center; line-height:0.52rem; transition:color 0.8s cubic-bezier(0.23,1,0.32,1); }
.app-header .nav::before { content:""; position:absolute; top:0rem; left:0rem; z-index:-1; display:block; width:100%; height:100%; background:url("../images/nav.png?v=20250528") no-repeat 50% 50%; background-size:1.50rem 0.52rem; opacity:0; transition:opacity 0.8s cubic-bezier(0.23,1,0.32,1); }
.app-header .nav::after { content:""; position:absolute; top:0.14rem; right:-0.12rem; display:block; width:1px; height:0.24rem; background-image:linear-gradient(transparent, #fff, transparent); }
.app-header .nav .contact-qrcode-list-wrapper { position:absolute; top:0.52rem; right:-0.76rem; cursor:default; display:block; padding-top:0.12rem; visibility:hidden; opacity:0; transform:translateY(0.08rem); transition:opacity 0.8s cubic-bezier(0.23,1,0.32,1), transform 0.8s cubic-bezier(0.23,1,0.32,1); }
.app-header .nav .contact-qrcode-list { position:relative; display:flex; justify-content:flex-start; align-items:center; gap:0.20rem; border-radius:0.24rem; background-color:rgba(255,255,255,0.90); padding:0.20rem; }
.app-header .nav .contact-qrcode-list::before { content:""; position:absolute; top:-0.12rem; right:1.40rem; display:block; width:0rem; height:0rem; border-width:0rem 0.12rem 0.12rem 0.12rem; border-style:solid; border-color:transparent transparent rgba(255,255,255,0.90) transparent; }
.app-header .nav .contact-qrcode { display:block; }
.app-header .nav .contact-qrcode .contact-qrcode-body { display:block; width:1.22rem; height:1.14rem; }
.app-header .nav .contact-qrcode .contact-qrcode-body img { display:block; width:100%; height:100%; }
.app-header .nav .contact-qrcode .contact-qrcode-footer { display:block; margin-top:0.08rem; color:#333; font-size:0.16rem; text-align:center; line-height:1; }
.app-header .nav:last-child {  }
.app-header .nav:last-child::before {  }
.app-header .nav:last-child::after { content:none; }
.app-header .nav:last-child .contact-qrcode-list-wrapper {  }
.app-header .nav:last-child .contact-qrcode-list {  }
.app-header .nav:last-child .contact-qrcode-list::before {  }
.app-header .nav:last-child .contact-qrcode {  }
.app-header .nav:last-child .contact-qrcode .contact-qrcode-body {  }
.app-header .nav:last-child .contact-qrcode .contact-qrcode-body img {  }
.app-header .nav:last-child .contact-qrcode .contact-qrcode-footer {  }
.app-header .nav:hover { color:#d56d00; }
.app-header .nav:hover::before { opacity:1; }
.app-header .nav:hover::after {  }
.app-header .nav:hover .contact-qrcode-list-wrapper { visibility:visible; opacity:1; transform:translateY(0rem); }
.app-header .nav:hover .contact-qrcode-list {  }
.app-header .nav:hover .contact-qrcode-list::before {  }
.app-header .nav:hover .contact-qrcode {  }
.app-header .nav:hover .contact-qrcode .contact-qrcode-body {  }
.app-header .nav:hover .contact-qrcode .contact-qrcode-body img {  }
.app-header .nav:hover .contact-qrcode .contact-qrcode-footer {  }
.app-header .nav.active { color:#d56d00; }
.app-header .nav.active::before { opacity:1; }
.app-header .nav.active::after {  }
.app-header .nav.active .contact-qrcode-list-wrapper {  }
.app-header .nav.active .contact-qrcode-list {  }
.app-header .nav.active .contact-qrcode-list::before {  }
.app-header .nav.active .contact-qrcode {  }
.app-header .nav.active .contact-qrcode .contact-qrcode-body {  }
.app-header .nav.active .contact-qrcode .contact-qrcode-body img {  }
.app-header .nav.active .contact-qrcode .contact-qrcode-footer {  }

.app-body { position:relative; z-index:1; display:block; width:100%; }
.app-body .news-details { display:block; }
.app-body .news-details .empty { display:flex; justify-content:center; align-items:center; width:12.40rem; height:auto; margin:0 auto; padding:2.40rem 0rem; color:#bfbfbf; font-size:0.16rem; text-align:center; line-height:0.24rem; }
.app-body .news-details-header { display:flex; flex-direction:column; justify-content:flex-start; align-items:center; border-bottom:1px solid #f0f0f0; padding-top:0.32rem; padding-bottom:0.32rem; }
.app-body .news-details-header .title { display:block; width:12.40rem; color:#333; font-size:0.24rem; font-weight:700; text-align:center; line-height:0.32rem; }
.app-body .news-details-header .meta { display:flex; justify-content:flex-start; align-items:center; gap:0.40rem; width:12.40rem; margin-top:0.32rem; }
.app-body .news-details-header .meta .breadcrumb { display:flex; justify-content:flex-start; align-items:center; color:#999; font-size:0.16rem; text-align:left; line-height:0.24rem; }
.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:0.32rem; 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:0rem; right:-0.24rem; display:block; width:0.16rem; color:#999; text-align:center; line-height:0.24rem; 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:0.16rem; text-align:left; line-height:0.24rem; }
.app-body .news-details-body { padding-top:0.40rem; padding-bottom:0.40rem; }
.app-body .news-details-body .article { display:block; width:12.40rem; margin:0rem auto; color:#333; font-size:0.16rem; text-align:left; line-height:2; }
.app-body .news-details-body .article :first-child { margin-top:0rem; }
.app-body .news-details-body .article h1 { margin-top:0.24rem; font-size:0.36rem; }
.app-body .news-details-body .article h2 { margin-top:0.24rem; font-size:0.32rem; }
.app-body .news-details-body .article h3 { margin-top:0.24rem; font-size:0.28rem; }
.app-body .news-details-body .article h4 { margin-top:0.24rem; font-size:0.24rem; }
.app-body .news-details-body .article h5 { margin-top:0.24rem; font-size:0.20rem; }
.app-body .news-details-body .article h6 { margin-top:0.24rem; font-size:0.16rem; }
.app-body .news-details-body .article ul { list-style:disc; margin-top:0.24rem; padding-left:0.20rem; }
.app-body .news-details-body .article ol { list-style:decimal; margin-top:0.24rem; padding-left:0.20rem; }
.app-body .news-details-body .article p { margin-top:0.24rem; font-size:0.16rem; }
.app-body .news-details-body .article table { width:100%; border-collapse:collapse; margin-top:0.24rem; font-size:0.16rem; }
.app-body .news-details-body .article th,
.app-body .news-details-body .article td { border:1px solid #e0e0e0; padding:0.08rem 0.12rem; }
.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:0.50rem 0rem; transition:bottom 0.8s cubic-bezier(0.23,1,0.32,1); }
.app-footer .content { display:flex; justify-content:flex-start; align-items:center; width:12.00rem; margin:0 auto; }
.app-footer .content .logo {  }
.app-footer .content .logo img { display:block; width:2.14rem; height:0.58rem; }
.app-footer .content .copyright { position:relative; display:block; margin-left:0.32rem; padding-left:0.32rem; }
.app-footer .content .copyright p { display:block; color:#fff; font-size:0.14rem; line-height:0.20rem; }
.app-footer .content .copyright::before { content:""; position:absolute; top:0rem; bottom:0rem; left:0rem; display:block; width:1px; background-image:linear-gradient(transparent, #434343, transparent); }

.download-side { position:fixed; top:3.32rem; right:-1.78rem; z-index:3; transition:right 0.8s cubic-bezier(0.23,1,0.32,1); }
.download-side .trigger { position:absolute; top:0.96rem; right:1.78rem; z-index:2; display:block; width:0.56rem; height:0.72rem; background:url("../images/download-side-trigger.png?v=20250528") no-repeat 0rem 0rem; background-size:1.12rem 0.72rem; }
.download-side .content { position:relative; z-index:1; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:0.08rem; width:1.78rem; height:3.28rem; border-radius:0.32rem 0rem 0rem 0.32rem; background-color:#fff; filter:drop-shadow(-0.04rem 0.08rem 0.04rem rgba(0,0,0,0)); transition:filter 0.8s cubic-bezier(0.23,1,0.32,1); }
.download-side .content::before { content:""; position:absolute; top:0; left:0; z-index:1; display:block; width:120%; height:100%; border-radius:0.32rem 0rem 0rem 0.32rem; background-color:#86cce6; transform:rotate(0deg); transition:transform 0.8s cubic-bezier(0.23,1,0.32,1); }
.download-side .content::after { content:""; position:absolute; top:0; left:0; z-index:1; display:block; width:120%; height:100%; border-radius:0.32rem 0rem 0rem 0.32rem; background-color:#fff; background-image:linear-gradient(#fff, #e5fafe); transform:rotate(0deg); transition:transform 0.8s cubic-bezier(0.23,1,0.32,1); }
.download-side .content .qrcode { position:relative; z-index:2; display:block; width:1.48rem; height:1.74rem; background-image:url("../images/download-side-qrcode.png?v=20250528"); background-repeat:no-repeat; background-position:50% 50%; background-size:1.48rem 1.74rem; padding:0.10rem 0.10rem 0.36rem 0.10rem; }
.download-side .content .qrcode img { display:block; width:100%; height:100%; }
.download-side .content .btn-list { position:relative; z-index:2; display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap; width:1.50rem; height:1.04rem; gap:0.02rem; }
.download-side .content .btn { position:relative; display:block; width:1.50rem; height:0.48rem; background-image:url("../images/download-side-btns.png?v=20250528"); background-repeat:no-repeat; background-size:1.50rem 1.04rem; overflow:hidden; color:transparent; font-size:0rem; text-align:center; line-height:0.58rem; }
.download-side .content .btn::after { content:""; position:absolute; top:0; left:-100%; width:100%; height:100%; background-image:linear-gradient(-45deg, rgba(255,255,255,0) 20%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0) 80%); }
.download-side .content .btn:hover {  }
.download-side .content .btn:hover::after { left:100%; transition:left 2s cubic-bezier(0.23,1,0.32,1); }
.download-side .content .btn.btn-ios { background-position:0rem 0rem; }
.download-side .content .btn.btn-android { background-position:0rem -0.56rem; }
.download-side.active { right:0rem; }
.download-side.active .trigger { background-position:-0.56rem 0rem; }
.download-side.active .content { filter:drop-shadow(-0.04rem 0.08rem 0.04rem rgba(0,0,0,0.10)); }
.download-side.active .content::before { transform:rotate(5deg); }
.download-side.active .content::after { transform:rotate(0deg); }
.download-side.active .content .qrcode {  }
.download-side.active .content .qrcode img {  }
.download-side.active .content .btn-list {  }
.download-side.active .content .btn {  }
.download-side.active .content .btn.btn-ios {  }
.download-side.active .content .btn.btn-android {  }