/* rem适配基础设置 */
html {
  font-size: 16px; /* 基准字体大小 */
  background: #000;
  color: #fff;
}
/* 根据屏幕宽度动态调整rem基准值 */
@media screen and (max-width: 768px) {
  html {
    font-size: calc(16px * (100vw / 768)); /* 动态调整字体大小 */
  }
}
@media screen and (max-width: 480px) {
  html {
    font-size: calc(16px * (100vw / 480));
  }
}
body {
  margin: 0;
  font-family: Arial, sans-serif;
  box-sizing: border-box;
  overflow-y: auto;
}
a,a:link,a:visited,a:hover,a:active{
    text-decoration: none;
    color:inherit;
}
.header {
  height: 48px;
  padding: 12px 16px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 71px;
}
.header .backBtn {
  width: 24px;
  height: 24px;
}
.header .title {
  font-size: 18px;
}
.header .rightBox {
  width: 24px;
  height: 24px;
}
.main {
  padding: 0 13px;
  box-sizing: border-box;
}
.main .subTitleBox {
  display: flex;
  align-items: center;
  font-size: 28px;
  margin-bottom: 18px;
}

.main .subTitleBox .moreTags {
  display: flex;
  align-items: center;
  margin-left: 18px;
  font-size: 20px;
}

.main .subTitleBox .moreTags .moreArrow {
  margin-left: 4px;
  height: 18px;
  height: 18px;
}

.tagList {
  display: flex;
  align-items: center;
  /* justify-content: space-between; */
  flex-wrap: wrap;
  column-gap: 30px;
  row-gap: 18px;
  margin-bottom: 34px;
}
.tagItem {
  font-size: 16px;
  color: #FAFAFA;
}
.dateTitle {
  margin-bottom: 18px;
  color: #FAFAFA;
  font-size: 28px;
}
.contentItem {
  font-size: 16px;
  color: #FAFAFA;
  line-height: 22px;
  margin-bottom: 18px;
}

/* 分页 */
.paginationBox {
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding:  0 13px;
  box-sizing: border-box;
  margin-bottom: 18px;
}
.pageBtn {
  width: 66px;
  height: 40px;
  border-radius: 5px;
  border: 1px solid  #BDBDBD;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #BDBDBD;
}
.paginationContent {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.pageBox {
  font-size: 18px;
}
input:focus {
  outline: none;
  border: 1px solid #BDBDBD;
}
.paginationInp {
  width: 48px;
  height: 40px;
  border-radius: 3px;
  border: 1px solid #BDBDBD;
  background: #000;
  color: #fff;
  font-size: 16px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .header {
    height: auto;
    max-width: 720px;
    padding: 12px 16px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto 71px;
  }
  .header .backBtn {
    width: 40px;
    height: 40px;
  }
  .header .title {
    font-size: 47px;
  }
  .header .rightBox {
    width: 40px;
    height: 40px;
  }
  body main {
    max-width: 720px;
    margin: 0 auto;
  }
  .bannerAdv {
    height: 90px !important;
  }
}