/* ===== 基础样式重置 ===== */
@charset "utf-8";
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
    -webkit-overflow-scrolling: touch;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
dl,
dt,
dd,
ul,
ol,
li,
form,
th,
td,
table,
label,
article,
aside,
dialog,
footer,
header,
section,
footer,
nav,
figure,
hgroup {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
}

body {
    color: #666;
    font-family: PingFangSC, PingFang SC;
    font-size: 14px;
}

article,
aside,
dialog,
footer,
header,
section,
footer,
nav,
figure,
hgroup {
    display: block
}
li,ul{list-style:none}
iframe,img{border:0}
sub,sup{vertical-align:baseline}
a{color:#333;text-decoration:none;outline:0}
button,input,select,textarea{margin:0;padding:0;font-size:100%;vertical-align:middle;outline:0 none}
img,input,select{vertical-align:middle}
button{cursor:pointer}
textarea{resize:none;overflow-y:auto}
.clearfix:after{content:'\0020';display:block;height:0;clear:both;font-size:0;visibility:hidden}
table{border-collapse:collapse;border-spacing:0}

ul {
  list-style: none;
}

img {
  max-width: 100%;
  height: auto;
}

button {
  cursor: pointer;
  border: none;
  outline: none;
}
.wd1200{width:1200px;margin:0 auto}
.inner{width:1200px;margin:0 auto}
.flex{display:flex}
.justify-content-between{justify-content:space-between}
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.sx-nav{font-size:14px;line-height:20px;padding:20px 0 20px;font-weight: 400;}
.sx-nav .index{color:#666}
.sx-nav span{background: url(/images/nav-arrow.png) no-repeat;background-size: 5px 8px;width: 5px;height: 8px;display: inline-block;vertical-align: middle; margin: 0 4px;}
.hide{display:none!important}
.scale{
    -webkit-transition: -webkit-transform 0.3s ease 0s;
    -moz-transition: -moz-transform 0.3s ease 0s;
    -o-transition: -o-transform 0.3s ease 0s;
    transition: transform 0.3s ease 0s;
}
.scale:hover{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    color: #FE2042;

}
.wd-100p{width:100%!important}
/* 重置和基础样式 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

img {
  vertical-align: middle;
}
.container {
    width: 1200px;
    margin: 0 auto;
    padding: 0 16px;
}

/* 通用类 */
.min-h-screen {
    min-height: 100vh;

}

.text-red-600 {
    color: #dc2626;
}

.bg-red-600 {
    background-color: #dc2626;
}

.text-white {
    color: white;
}

.bg-white {
    background-color: white;
}

/* 顶部背景区域 */
.top-background {
    width: 100%;
    background-image: url('/images/web/header_bg.png');
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 0;
    min-height: 650px;
    min-width: 1200px;
}
/* 广告横幅 */
.ad-banner {
    width: 100%;
    padding: 0 16px;
    margin-top: 15px;
}

.ad-banner-wrap {
  width: 1200px;
  margin: 0 auto;
  display: block;
}

.ad-image {
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* 主内容区域 */
.main-content {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 10;
    padding: 0 16px;
    margin-top: -365px;
}

/* Header */
.header {
    position: relative;
    z-index: 10;
    height: 96px;
    display: flex;
    align-items: center;
}

.header-container {
    width: 1200px;
    margin: 0 auto;
    padding: 0 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo {
    height: 48px;
    object-fit: contain;
}

.search-box {
    display: none;
    align-items: center;
    background-color: white;
    border-radius: 9999px;
    padding: 4px;
    height: 40px;
}

@media (min-width: 768px) {
    .search-box {
        display: flex;
    }
}

.search-input {
    border: none;
    outline: none;
    width: 250px;
    padding-left: 16px;
    padding-right: 4px;
    color: black;
    font-size: 16px;
}

.search-btn {
    color: #9ca3af;
    padding: 4px 8px 4px 0px;
    margin-left: -4px;
    cursor: pointer;
    background: none;
    border: none;
}

.search-btn:hover {
    color: #dc2626;
    transition: color 0.2s;
}

/* Navbar */
.navbar {
    background-color: #dc2626;
    color: white;
    width: 100%;
    padding: 0 16px;
    position: relative;
    overflow: hidden;
}

.navbar-container {
    width: 1200px;
    margin: 0 auto;
}

.active-indicator {
    position: absolute;
    bottom: 0;
    height: 3px;
    background-color: white;
    transition: all 0.3s;
    width: 48px;
    left: 16px;
}

.nav-list {
    display: flex;
    gap: 40px;
    /* padding: 8px 0; */
    overflow-x: auto;
    white-space: nowrap;
    position: relative;
    z-index: 10;
    list-style: none;
}

.nav-list li {
  height: 40px;
  line-height: 40px;
}

.nav-list li.active {
  border-bottom: 3px solid#fff;
}

.nav-link {
    color: white;
    text-decoration: none;
    transition: color 0.2s;
    font-weight: normal;
}

.nav-link.active,
.nav-link:hover {
    font-weight: bold;
}



/* 相关链接 */
.related-links {
    width: 100%;
    background-color: #ffeded;
    padding: 16px 0;
    margin-top: 32px;
}

.links-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #e5e7eb;
    padding-bottom: 8px;
    margin-bottom: 12px;
}

.links-title {
    color: #dc2626;
    font-weight: bold;
    font-size: 18px;
}

.links-more {
    color: #6b7280;
    text-decoration: none;
    font-size: 14px;
}

.links-more:hover {
    color: #dc2626;
}

.links-content {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.links-group {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.links-label {
    color: #374151;
    font-weight: 500;
}

.links-item {
    color: #4b5563;
    text-decoration: none;
    margin: 0 8px;
}

.links-item:hover {
    color: #dc2626;
}

/* Footer */
.footer {
    background-color: #dc2626;
    color: white;
    padding: 16px 0;
    margin-top: 0;
}

.footer-content {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

@media (min-width: 768px) {
    .footer-content {
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
    }
}

.footer-left {
    text-align: left;
}

.footer-text {
    font-size: 12px;
    line-height: 1.5;
    margin-bottom: 4px;
}

.footer-right {
    text-align: left;
}

.footer-logo {
    height: 48px;
    object-fit: contain;
}

/* 浮动按钮 */
.floating-buttons {
    position: fixed;
    top: 200px;
    right: 20px;
    z-index: 50;
    display: none;
}
.floating-buttons .floating-buttons-item{
    display: flex;
    align-items: center;
    flex-direction: column;
        justify-content: center;
    margin-bottom: 10px;
      background:#fff;
      box-shadow: 0 4px 16px #0000001f;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); 
      box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
      width: 70px;
    height: 70px;
    border-radius: 8px;
    cursor: pointer;
}
@media (min-width: 768px) {
    .floating-buttons {
        display: block;
    }
}
.floating-buttons .floating-buttons-item:hover span{
    color:#dc2626;
}


.floating-btn {
    color: white;
    border: none;
    border-radius: 4px;
    
    margin-bottom: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s;
  width:24px;
    
}

.floating-btn img{
    width:100%;
}
.top-btn .floating-btn img{
    width:20px;
    margin-top: 3px;
    margin-bottom: 5px;
}
.floating-buttons-item span{
    font-size: 12px;
    padding-top: 8px;
}
/* 通用样式 */
.bullet {
    display: inline-block;
    width: 4px;
    height: 4px;
    background-color: #dc2626;
    border-radius: 50%;
    margin-right: 8px;
    vertical-align: middle;
}

/* 响应式辅助类 */
@media (max-width: 767px) {
    .container {
        padding: 0 8px;
    }

    .header-container,
    .navbar-container,
    .main-content {
        padding: 0 8px;
    }
}

/* 文本截断类 */
.line-clamp-1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.line-clamp-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* 过渡动画 */
.transition-colors {
    transition: color 0.2s ease-in-out;
}

.transition-transform {
    transition: transform 0.3s ease-in-out;
}





/* 右侧大图和热点资讯 */
.ct-right{width:384px}
.ct-right .ctr-top{width:100%;height:216px;overflow:hidden;position:relative}
.ct-right .ctr-top a{display:block;width:100%;height:100%}
.ct-right .ctr-top img{width:100%;height:100%}
.ct-right .ctr-top p{overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;text-overflow:ellipsis;display:inline-block;position:absolute;width:94%;padding:0 3%;height:43px;bottom:0;left:0;font-size:16px;line-height:40px;text-align:left;color:#fff;background:url(/images/web/slide_mask.png) 0 bottom repeat-x;padding-top:28px;display:none}
.ctr-content{width:100%;overflow:hidden;margin-top:8px}
.ctr-bottom .ctr-title{font-size:22px;height:22px;line-height:22px;padding:30px 0 28px;position:relative}
.ctr-title h5{font-size:22px;font-weight:400;display:inline-block;color:#333}
.ctr-title a{float:right;width:9px;height:16px;background:url(/images/web/more.png) no-repeat;background-size:9px 16px;padding:4px}
.ctr-line{display:inline-block;width:220px;height:14px;border-bottom:1px solid #c8c8c8;position:absolute;right:0;top:0}
.ctr-content{width:100%;overflow:hidden}
.ctr-content li{width:100%;overflow:hidden;font-size:14px;margin-bottom:26px}
.ctr-content li i{width:25px;overflow:hidden;font-size:16px;display:inline-block;color:#c9c9c9;font-weight:700;font-family:DIN-Bold,DIN}
.ctr-content li .icon1{color:#e70f20}
.ctr-content li .icon2{color:#ff7f0d}
.ctr-content li .icon3{color:#ffc71c}
.ctr-content li a{width:350px;font-size:14px;display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#333}


/*分页*/
.pages{width:100%;height:32px;margin:24px auto 20px auto;text-align:center;font-size:0;font-weight:400}
.pages span{display:inline-block;margin-right:8px;border-radius: 4px;overflow: hidden;}
.pages span a{height:32px;display:inline-block;line-height:32px;padding:0 10px;color:#333;box-sizing:border-box;min-width:32px;font-size:16px;background:#f5f5f4}
.pages input{width:33px;text-align:center;border:1px solid #989898;height:32px;display:inline-block;line-height:32px;margin-right:10px;border-radius:2px}
.pages span a.on{height:32px;display:inline-block;line-height:32px;background:#dc2626;color:#fff}
.pages span .next,.pages span .prev{padding:0 12px}

/* 列表页右侧公共区域 */
.list-right{width:384px;margin-bottom:50px}
.list-right .pic{width:384px;height:216px;position:relative;border-radius: 4px;    overflow: hidden;}
.list-right .pic a,.list-right .pic img{width:100%;height:100%;display:block}
.hot-title{font-size:22px;font-weight:600;color:#333;margin-bottom:22px;margin-top:30px;display:flex;justify-content:space-between}
.hot-title a.more{width:9px;height:16px;background:url(/images/web/more.png) no-repeat;background-size:100% 100%}
.hot-list{width:100%}
.hot-list li{width:100%;font-size:14px;font-weight:400;color:#333;line-height:40px;height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hot-list li a{color:#333}
.hot-list li a i{font-weight:700;color:#cacaca;margin-right:10px;font-style:normal}
.hot-list li:nth-child(1) a i{color:#c52d27}
.hot-list li:nth-child(2) a i{color:#ef8535}
.hot-list li:nth-child(3) a i{color:#f6c446}

body,.content-inner{min-width: 1280px;margin: 0 auto;}
.nav,.header,.footer{min-width: 1280px;margin: 0 auto;}

.common-title{display:flex;justify-content:space-between;height:24px;font-size:24px;font-weight:700;color:#333;line-height:24px;padding:40px 0 28px}
.common-title span{border-left:6px solid #0070ea;padding-left:15px;}
.common-title a.more{width:9px;height:16px;background:url(/images/web/right.png) no-repeat;background-size:100% 100%;margin-top:6px}

.list-right .common-title{padding:29px 0 10px}

body .as-info{margin-top: -510px;    position: relative;}