.news-main{padding-top:60px;background-color:#f7f9fc;min-height:100vh}.news-banner{background:url(/web/zmy/img/news-banner-bg.jpg) no-repeat center center;background-size:cover;padding:80px 60px;position:relative;height:200px}.news-banner .container{position:relative;z-index:2;display:flex;justify-content:flex-start;align-items:center;gap:40px}.news-banner h1{color:#000;font-size:28px;font-weight:700;margin:0}.search-box{display:flex;max-width:800px;overflow:hidden;transition:all .3s;position:relative}.search-box:focus-within,.search-box:hover{box-shadow:0 4px 20px rgba(24,144,255,.15);border-color:rgba(24,144,255,.4)}.search-box input{flex:1;padding:15px 20px;border:none;font-size:14px;font-weight:400;outline:0;width:800px}.search-box .search-btn{border:none;cursor:pointer;transition:all .3s;padding:15px 25px;background:#00f;position:absolute;right:0;color:#fff}.search-box .search-btn:hover{background:#40a9ff}.news-container{padding:30px 15px 60px}.news-tabs{display:flex;border-bottom:1px solid #eaeaea;margin-bottom:25px;overflow:hidden;overflow-x:auto;scrollbar-width:none;position:relative;background:#fff;border-radius:8px 8px 0 0;box-shadow:0 1px 3px rgba(0,0,0,.05)}.news-tabs::-webkit-scrollbar{display:none}.tab-item{padding:15px 25px;color:#666;position:relative;font-size:14px;font-weight:400;white-space:nowrap;transition:all .3s ease;display:flex;align-items:center;gap:8px;touch-action:auto;justify-content:center;background-color:#fff}.tab-item:before{content:'';font-family:"Font Awesome 5 Free";font-weight:900;margin-right:5px;font-size:18px}.tab-item:hover{color:#1890ff}.tab-item.active{color:#fff;font-weight:700}.tab-item.active:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#1890ff;border-radius:3px 3px 0 0;animation:tabActivate .3s ease-out}@keyframes tabActivate{from{width:0;opacity:0}to{width:100%;opacity:1}}.news-content-area{display:flex;gap:30px}.news-list1{flex:2}.news-item1{background:#fff;padding:22px 25px;margin-bottom:18px;box-shadow:0 1px 5px rgba(0,0,0,.05);transition:all .3s ease;cursor:pointer;opacity:1;border-left:4px solid transparent;position:relative;overflow:hidden}.news-item1:before{content:'';position:absolute;top:0;left:0;width:0;height:100%;background:#1890ff;opacity:0;transition:opacity .3s ease}.news-item1:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 8px 16px rgba(0,0,0,.08);border-left:4px solid #1890ff}.news-item1:hover:before{opacity:1}.news-item1 h3{margin:0 0 12px;font-size:17px;font-weight:500;line-height:1.4;position:relative}.news-item1 h3 a{color:#333;text-decoration:none;background-image:linear-gradient(transparent 90%,#1890ff 0);background-repeat:no-repeat;background-size:0 100%;transition:background-size .4s;font-size:18px}.news-item1 h3 a:hover{color:#1890ff;background-size:100% 100%}.news-meta{display:flex;flex-wrap:wrap;gap:16px;color:#999;font-size:13px}.news-meta i{margin-right:6px;transition:transform .3s}.news-meta span:hover i{transform:scale(1.2)}.news-category{color:#1890ff;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px;display:inline-block;vertical-align:middle}.news-item1[data-category=industry] .news-category{color:#36cfc9}.news-item1[data-category=protocol] .news-category{color:#722ed1}.news-item1[data-category=activity] .news-category{color:#faad14}.news-pagination{display:flex;justify-content:center;align-items:center;margin-top:40px;gap:8px}.news-pagination a,.news-pagination span{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:8px;background:#fff;color:#666;font-size:14px;text-decoration:none;transition:all .3s;border:1px solid transparent}.news-pagination a:hover{background:#e6f7ff;color:#1890ff;border-color:#91d5ff;transform:translateY(-2px)}.news-pagination .active{background:#1890ff;color:#fff;font-weight:500;border-color:#1890ff}.news-pagination .disabled{color:#d9d9d9;cursor:not-allowed;background:#f5f5f5}.news-pagination .page-dots{background:0 0}.news-sidebar{flex-shrink:0}.sidebar-box{background:#fff;border-radius:8px;padding:22px;margin-bottom:22px;box-shadow:0 1px 5px rgba(0,0,0,.05);transition:all .3s}.sidebar-box:hover{box-shadow:0 4px 12px rgba(0,0,0,.08)}.sidebar-title{font-size:17px;color:#333;margin:0 0 18px;padding-bottom:12px;border-bottom:1px solid #f0f0f0;position:relative;display:flex;align-items:center}.hot-articles ul{padding:0;margin:0;list-style:none}.hot-articles li{margin-bottom:14px;padding-bottom:14px;border-bottom:1px dashed #f0f0f0;transition:all .3s}.hot-articles li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.hot-articles li:hover{transform:translateX(5px)}.hot-articles a{display:flex;align-items:center;gap:12px;color:#666;text-decoration:none;transition:all .3s}.hot-articles a:hover{color:#1890ff}.rank-number{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;background:#f5f5f5;border-radius:4px;font-size:13px;font-weight:500;color:#999;transition:all .3s}.hot-articles li:nth-child(1) .rank-number{background:#ff4d4f;color:#fff}.hot-articles li:nth-child(2) .rank-number{background:#ff7a45;color:#fff}.hot-articles li:nth-child(3) .rank-number{background:#ffa940;color:#fff}.hot-articles a:hover .rank-number{transform:scale(1.1)}.hot-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;position:relative;padding-left:2px;transition:all .3s}.section-icons{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:5px 0}.section-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#666;text-decoration:none;transition:all .3s;padding:18px 10px;border-radius:8px;background:#f9f9f9}.section-icon i{font-size:26px;margin-bottom:10px;color:#1890ff;transition:all .4s}.section-icon:nth-child(2) i{color:#36cfc9}.section-icon:nth-child(3) i{color:#722ed1}.section-icon span{font-size:14px;font-weight:500}.section-icon:hover{transform:translateY(-5px);color:#1890ff;background:#f0f7ff}.section-icon:hover i{transform:scale(1.2) rotate(10deg)}@media (max-width:992px){.news-content-area{flex-direction:row}.news-sidebar{flex:1}.section-icons{justify-content:space-around}}@media (max-width:768px){.news-banner{padding:25px 15px;height:150px;background:url(/web/zmy/img/m-news-banner-bg.png) no-repeat center center;background-size:cover}.news-banner h1{font-size:21px}.search-box input{font-size:13px;padding:12px 15px}.search-box .search-btn{font-size:13px;padding:12px 22px}.news-banner .container{flex-direction:column;align-items:flex-start;gap:20px}.news-item1 h3 a{font-size:16px}.news-category{font-size:13px}.news-date{font-size:11px}.search-box{width:100%;max-width:none}.tab-item{padding:10px;gap:0;min-width:120px}.news-item1{padding:17px 20px}.news-meta{flex-direction:row;gap:5px;justify-content:space-between}.news-sidebar{display:none}.tab-item i{display:none}.news-list1{width:100%}.news-tabs{position:sticky;top:60px;z-index:100}}.news-item1[style*="display: none"]{opacity:0}.news-empty{text-align:center;padding:60px 0;color:#999;display:none}.news-empty i{font-size:60px;margin-bottom:20px;color:#d9d9d9}.news-empty h4{font-size:18px;color:#666;margin-bottom:10px}.news-empty p{font-size:14px}.loading-news{text-align:center;padding:40px 0;color:#999;font-size:16px}.loading-news i{font-size:24px;margin-right:10px;color:#1890ff;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.tabs-nav{display:flex;justify-content:center;align-items:center;margin-bottom:20px}