body {
    font-family: "Microsoft YaHei", Arial, sans-serif;
    color: #333;
    line-height: 1.6;
}

/* 新闻中心容器 */
.pressCenter {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

/* 顶部横幅 */
.firstPart img {
    width: 100%;
    height: auto;

    margin-bottom: 30px;
}

/* 标签导航 */
.tabList {
    display: flex;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 30px;
}

.tabList .box {
    padding: 10px 20px;
    cursor: pointer;
    font-size: 16px;
    color: #666;
    position: relative;
}

.tabList .box.activetabList {
    color: #1890ff;
    font-weight: bold;
}

.tabList .box.activetabList:after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #1890ff;
}

/* 新闻列表 */
.pressCenter .newList {
    display: block ;
    flex-direction: column;
    gap: 20px; /* 项间距 */
}

/* 单个新闻项 - 水平布局 */
.pressCenter .newList .box {
    display: flex !important;
    align-items: flex-start;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    transition: transform 0.3s, box-shadow 0.3s;
    padding: .833vw;
}

.pressCenter .newList .box:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.15);
}

/* 新闻图片部分 */
.pressCenter .newList .box img {
    margin-right: 1.875vw;
    width: 14.583vw;
    height: 8.49vw;
    border: 1px solid #e0e0e0;
}


.pressCenter .newList .box .content {
    margin-right: 2.396vw;
    width: 31.458vw;
}

.pressCenter .newList .box .content .title {
    margin-bottom: .521vw;
    font-size: .938vw;
    font-weight: 700;
    line-height: 1.5;
    color: #333;
    align-items: flex-end; /* 右对齐 */
    text-align: left; /* 文字右对齐 */
    cursor: pointer;
}

/* 新闻描述 */
.pressCenter .newList .box .content .text {
    line-height: 1.5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    align-items: flex-end; /* 右对齐 */
    text-align: left; /* 文字右对齐 */
}
.pressCenter .newList .box .content .fz-zw {
    font-size: .729vw;
    letter-spacing: .05vw;
    color: #666;
}



/* 新闻时间 */
.pressCenter .newList .box .time {
    width: 7.083vw;
    font-size: .833vw;
    text-align: center;
    color: #666;
    line-height: 1.563vw;
}

/* 分页样式 */
.paging {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 8.333vw;
}

.el-pagination {
    white-space: nowrap;
    padding: .104vw .26vw;
    color: #303133;
    font-weight: 700;
}
/* .el-pagination .btn-prev {
    margin-right: .521vw;
    padding: 0;
    height: 1.25vw;
    width: 1.25vw;
    border-radius: .313vw;
    line-height: 1.25vw;
    color: #8c8c8c;
    -webkit-box-shadow: 0 0 .313vw .104vw #e9e9e9;
    box-shadow: 0 0 .313vw .104vw #e9e9e9;
} */
.el-pagination .btn-prev .el-icon {
    font-size: .729vw;
    display: block;
    font-size: .625vw;
    font-weight: 700;
}
.el-pagination:after, .el-pagination:before {
    display: table;
    content: "";
}
.el-pagination:after {
    clear: both;
}
.pressCenter .el-pager li, .pressCenter .el-pagination button {
    min-width: 1vw;
}
.el-pagination .btn-next .el-icon, .el-pagination .btn-prev .el-icon {
    display: block;
    font-size: .625vw;
    font-weight: 700;
}
.el-pagination .btn-next, .el-pagination .btn-prev {
    background: 50% no-repeat #fff;
    background-size: .833vw;
    cursor: pointer;
    margin: 0;
    /* color: #303133; */
}
.el-icon-arrow-left::before {
    content: "<"; /* 左箭头符号 */
    display: inline-block;
    font-size: 18px;  /* 调整字体大小 */
    line-height: 1;   /* 重置行高 */
    vertical-align: middle; /* 垂直居中 */
    transform: translateY(-1px); /* 微调位置 */
}

.el-icon-arrow-right::before {
    content: ">"; /* 右箭头符号 */
    display: inline-block;
    font-size: 18px;  /* 调整字体大小 */
    line-height: 1;   /* 重置行高 */
    vertical-align: middle; /* 垂直居中 */
    transform: translateY(-1px); /* 微调位置 */
}
.pressCenter .el-pagination .btn-next, .pressCenter .el-pagination .btn-prev {
    margin-right: .521vw;
    padding: 0;
    height: 1.25vw;
    width: 1.25vw;
    border-radius: .313vw;
    line-height: 1.25vw; 
    color: #8c8c8c;
    box-shadow: 0 0 .313vw .104vw #e9e9e9;
}
.pressCenter .el-input--small, .pressCenter .el-pagination button, .pressCenter .el-pagination span:not([class*=suffix]) {
    font-size: .729vw;
}
.pressCenter .el-pager li, .pressCenter .el-pagination button {
    min-width: 1vw;
}
.el-pager {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    list-style: none;
    font-size: 0;
}
.el-pager, .el-pager li {
    vertical-align: top;
    margin: 0;
    display: inline-block;
}
.el-pagination .btn-next, .el-pagination .btn-prev {
    background: 50% no-repeat #fff;
    background-size: .833vw;
    cursor: pointer;
    margin: 0;
    color: #303133;
}
.el-pagination button {
    border: none;
}
.el-pager, .el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev {
    padding: 0;
}
.pressCenter .el-pager li.active {
    background-color: #d14e35;
    color: #fff;
    cursor: default;
}
.pressCenter .el-pager li {
    margin-right: .521vw;
    height: 1.25vw;
    width: 1.25vw;
    border-radius: .313vw;
    font-size: .729vw;
    line-height: 1.25vw;
    color: #8c8c8c;
    -webkit-box-shadow: 0 0 .313vw .104vw #e9e9e9;
    box-shadow: 0 0 .313vw .104vw #e9e9e9;
    box-sizing: border-box;
    text-align: center;
}
.pressCenter .el-input--small, .pressCenter .el-pagination button, .pressCenter .el-pagination span:not([class*=suffix]) {
    font-size: .729vw;
    height: 1.25vw;
    line-height: 1.25vw;
}
.el-pagination button, .el-pagination span:not([class*=suffix]) {
    display: inline-block;
    font-size: .677vw;
    min-width: 1.849vw;
    height: 1.458vw;
    line-height: 1.458vw;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.el-pager li.btn-quicknext, .el-pager li.btn-quickprev {
    line-height: 1.458vw;
    color: #303133;
}
.el-pager .more:before {
    line-height: 1.563vw;
}
.el-icon-more:before {
    content: "\e794";
}
.pressCenter .el-pagination__jump {
    margin-left: .5vw;
    font-weight: 400;
    color: #606266;
}
.pressCenter .el-input--small {
    margin: 0 .625vw;
    width: 1.771vw;
}
.pressCenter .el-input--small, .pressCenter .el-pagination button, .pressCenter .el-pagination span:not([class*=suffix]) {
    font-size: .729vw;
    height: 1.25vw;
    line-height: 1.25vw;
}
.el-color-picker__icon, .el-input, .el-textarea {
    display: inline-block;
    width: 100%;
}
.el-input {
    position: relative;
    font-size: .729vw;
}
.el-color-picker__icon, .el-input, .el-textarea {
    display: inline-block;
    width: 100%;
}
.el-pagination__editor {
    line-height: .938vw;
    padding: 0 .104vw;
    height: 1.458vw;
    text-align: center;
    margin: 0 .104vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: .156vw;
}
.pressCenter .el-pagination__editor.el-input .el-input__inner {
    height: 1.25vw;
    border-radius: .417vw;
    -webkit-box-shadow: 0 0 .313vw .104vw #e9e9e9;
    box-shadow: 0 0 .313vw .104vw #e9e9e9;
    line-height: 1.667vw;
    padding: 0 .156vw;
    box-sizing: border-box;
    color: #606266;
    display: inline-block;
    -webkit-appearance: none;
    background-color: #fff;
    background-image: none;
    font-size: inherit;
  
}

.el-input__inner {
    -webkit-appearance: none;
    background-color: #fff;
    background-image: none;
    border-radius: .208vw;
    border: 1px solid #dcdfe6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #606266;
    display: inline-block;
    height: 2.083vw;
    line-height: 2.083vw;
    outline: 0;
    text-align: center;
    padding: 0 .781vw;
    -webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
    transition: border-color .2s cubic-bezier(.645,.045,.355,1);
    width: 100%;
}
input, textarea, select {
    font-family: "Microsoft Yahei";
    color: #5B5B5B;
    font-size: 14px;
}

input[type="number" i] {
    padding-block: 1px;
    padding-inline: 2px;
}
.el-pagination button:disabled {
    color: #c0c4cc;
    background-color: #fff;
    cursor: not-allowed;
}
.el-input__inner::-webkit-outer-spin-button,
.el-input__inner::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* 基础样式（桌面端保持现有） */
.pressCenter {
  max-width: 1200px;
  margin: 0 auto;
}

/* 移动端响应式 (≤768px) */
@media (max-width: 768px) {
  /* 标签栏优化 */
  .tabList {
    display: flex;
    overflow-x: auto; /* 允许横向滚动 */
    -webkit-overflow-scrolling: touch;
    padding: 0 15px;
    gap: 10px;
    scrollbar-width: none; /* 隐藏滚动条 */
    margin-bottom: 10px;
  }
  .tabList::-webkit-scrollbar {
    display: none;
  }
  .tabList .box {
    flex: 0 0 auto; /* 禁止伸缩 */
    padding: 8px 15px;
    font-size: 14px;
    white-space: nowrap;
  }

  /* 新闻列表项 */
  .newList .box {
    flex-direction: column !important; /* 垂直布局 */
    padding: 15px;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
  }
  .newList img {
    width: 100% !important;
    height: 180px !important;
    object-fit: cover;
    margin-bottom: 15px;
    border-radius: 8px;
  }
  .content {
    width: 100% !important;
    order: 2; /* 调整内容顺序 */
  }
  .time {
    order: 1; /* 时间移到顶部 */
    /* align-self: flex-start; */
    margin-bottom: 5px;
    color: #666 !important;
    font-size: 9px !important;
    width: 100% !important;
    text-align: right !important;
  }
  .title {
    font-size: 16px !important;
    line-height: 1.4;
    margin-bottom: 8px;
    padding: 10px;
  }
  .text.fz-zw {
    font-size: 14px !important;
    line-height: 1.6;
    display: -webkit-box;
    text-align: justify !important;
    direction: ltr;
    -webkit-line-clamp: 3; /* 限制显示行数 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding: 0px 10px 10px 10px;
  }

  /* 分页器优化 */
  .paging {
    padding: 0 15px;
  }
  .el-pagination {
    display: flex;;
    flex-wrap: wrap;
    justify-content: center;
  }
  .el-pager li,
  .btn-prev, 
  .btn-next {
    margin: 5px !important;
    min-width: 30px;
    height: 30px;
    line-height: 30px;
  }
  .el-pagination__jump {
    display: none !important;
    width: 100%;
    text-align: center;
    margin-top: 10px;
  }
  .el-pagination__editor input {
    width: 50px !important;
  }
  .el-icon-arrow-left::before {
    content: "<";
    display: inline-block;
    font-size: 5px;
    line-height: 1;
    vertical-align: middle;
    transform: translateY(-1px);
  }
  .el-icon-arrow-right::before {
    content: ">";
    display: inline-block;
    font-size: 5px;
    line-height: 1;
    vertical-align: middle;
    transform: translateY(-1px);  /* 调整字体大小 */
  }
  .pressCenter .el-pager li{
    font-size: .429vw;
  }


}

/* 小屏幕优化 (≤480px) */
@media (max-width: 480px) {
  .newList img {
    height: 150px !important;
  }
  .tabList .box {
    padding: 6px 12px;
    font-size: 13px;
  }
}