/* 样式 */
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-tabs { display:block; }
.app-body .news-tabs-header { display:flex; justify-content:center; align-items:center; border-bottom:1px solid #f0f0f0; padding-top:0.32rem; padding-bottom:0.32rem; }
.app-body .news-tabs-header-scroller { display:flex; justify-content:flex-start; align-items:center; gap:0.64rem; width:12.40rem; }
.app-body .news-tabs-body {  }
.app-body .news-tabs-footer { display:block; padding-top:0.80rem; padding-bottom:0.80rem; }
.app-body .news-tabs-tab { position:relative; z-index:1; display:flex; justify-content:center; align-items:center; width:1.46rem; height:0.48rem; color:#333; font-size:0.20rem; font-weight:700; text-align:center; line-height:0.48rem; 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-image:url("../images/news-tabs-tab.png?v=20250528"); background-repeat:no-repeat; background-position:50% 50%; background-size:1.46rem 0.48rem; 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:-0.32rem; display:block; width:1px; height:0.24rem; background-image:linear-gradient(transparent, #c4c4c4, transparent); margin-top:-0.12rem; }
.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:hover { color:#fff; }
.app-body .news-tabs-tab:hover::before { opacity:1; }
.app-body .news-tabs-tab:hover::after {  }
.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; 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 { display:flex; justify-content:center; align-items:center; border-bottom:1px solid #f0f0f0; background-color:transparent; padding-top:0.32rem; padding-bottom:0.32rem; 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; width:12.40rem; transform:translateX(0rem); transition:transform 0.8s cubic-bezier(0.23,1,0.32,1); }
.app-body .news .thumbnail { display:block; width:2.90rem; height:1.60rem; border:0.03rem solid #fbfad5; border-radius:0.24rem; overflow:hidden; margin-right:0.32rem; 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:1.28rem; overflow:hidden; }
.app-body .news .meta { display:block; color:#666; font-size:0.14rem; text-align:left; line-height:0.20rem; transition:color 0.8s cubic-bezier(0.23,1,0.32,1); }
.app-body .news .title { display:block; margin-top:0.12rem; overflow:hidden; color:#333; font-size:0.24rem; font-weight:700; white-space:nowrap; text-align:left; text-overflow:ellipsis; line-height:0.32rem; 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:0.16rem; overflow:hidden; color:#666; font-size:0.16rem; text-align:left; text-overflow:ellipsis; line-height:0.24rem; transition:color 0.8s cubic-bezier(0.23,1,0.32,1); }
.app-body .news .arrow { position:relative; display:block; width:0.90rem; height:0.36rem; border:1px solid #e0e0e0; border-radius:0.36rem; background-color:#fff; margin-left:0.32rem; transition:border-color 0.8s cubic-bezier(0.23,1,0.32,1), background-color 0.8s cubic-bezier(0.23,1,0.32,1); }
.app-body .news .arrow::before { content:""; position:absolute; top:0.20rem; right:0.19rem; display:block; width:0.50rem; height:0rem; border-bottom:1px solid #e0e0e0; transition:border-color 0.8s cubic-bezier(0.23,1,0.32,1); }
.app-body .news .arrow::after { content:""; position:absolute; top:0.20rem; right:0.19rem; display:block; width:0.20rem; height:0rem; border-bottom:1px solid #e0e0e0; transform-origin:100% 100%; transform:rotate(30deg); transition:border-color 0.8s cubic-bezier(0.23,1,0.32,1); }
.app-body .news:hover { background-color:#ecf5fd; }
.app-body .news:hover .content { transform:translateX(-0.60rem); }
.app-body .news:hover .thumbnail { border-color:#7bc2ff; }
.app-body .news:hover .thumbnail img {  }
.app-body .news:hover .summary {  }
.app-body .news:hover .meta { color:#428fd2; }
.app-body .news:hover .title { color:#428fd2; }
.app-body .news:hover .description { color:#428fd2; }
.app-body .news:hover .arrow { border-color:#428fd2; background-color:#428fd2; }
.app-body .news:hover .arrow::before { border-color:#fff; }
.app-body .news:hover .arrow::after { border-color:#fff; }

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