.flex-box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.one-line-limit {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.multiple-line-limit {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.story-cover {
  width: 100%;
  aspect-ratio: 16/9;
}
.common-title > img {
  width: 10.26vw;
  max-width: 197px;
  min-width: 160px;
}
.pswp__scroll-wrap {
  max-width: unset;
}

#module01 {
  margin-top: 40px;
  padding: .42% 5.5% .42% 1.26%;
  align-items: normal;
  background: url(https://wwp-static.wenweipo.com/img/special/fencing26/date-bg.png) no-repeat;
  background-size: 100% 100%;
}
#module01 .module-left {
  width: 21.2%;
  padding: 1.8% 1.35%;
  aspect-ratio: 238/219;
  background: url(https://wwp-static.wenweipo.com/img/special/fencing26/schedule-bg_pc.png) no-repeat;
  background-size: 100% 100%;
}
#module01 .month-icon {
  position: absolute;
  left: 1%;
  top: 1%;
  width: 6.5%;
}
#module01 .date-list {
  width: 61.8%;
  margin-left: auto;
}
#module01 .date-list > img {
  width: 26.53%;
  margin-bottom: 7.3%;
  cursor: pointer;
  transition: all ease .7s;
}
#module01 .date-list .active {
  transform: scale(1.2);
}
#module01 .module-right {
  position: relative;
  width: 46%;
  color: #0E3C69;
}
#module01 .module-right span {
  font-size: clamp(16px, 1.35vw, 26px);
  line-height: 1.46;
  font-weight: 800;
}
#module01 .games {
  position: absolute;
  padding-top: .5em;
  font-size: clamp(14px, 1vw, 20px);
  line-height: 1.6;
  visibility: hidden;
  z-index: -1;
  opacity: 0;
  transition: all ease-out .7s;
}
#module01 .games.active {
  visibility: visible;
  opacity: 1;
  z-index: 10;
}

#module02 .news-item {
  position: relative;
  background: #cff2f9;
}
#module02 .news-item:not(:last-child):after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 89%;
  border-bottom: 1px solid #FFFFFF;
}
#module02 .news-item.active {
  background: #2a73ba;
}
#module02 .news-item.active:after {
  display: none;
}

#module03 {
  flex-direction: column;
  background: #dcf9ff;
}
#module03 .top-bar {
  aspect-ratio: 904 / 202;
  padding-top: 8px;
  background: url(https://wwp-static.wenweipo.com/img/special/fencing26/wwp-live-bg.png) no-repeat;
  background-size: 100% 100%;
}
#module03 .top-bar img {
  width: 31%;
  min-width: 150px;
  margin: 0 auto;
}
#module03 > .list {
  padding: 1.25% 1.25% 2.5%;
  margin-top: -10%;
  width: 100%;
}
#module03 .module-left {
  width: 48.83%;
}
#module03 .module-right {
  width: 50%;
}
#module03 .item {
  width: 100%;
}
#module03 .item-title {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 12px 16px;
  background: rgba(18, 107, 198, .8);
}
#module03 .module-left .item {
  position: relative;
  margin-bottom: 8px;
}
#module03 .module-left .item-title a {
  font-size: clamp(16px, 1.3vw, 25px);
  color: #FFFFFF;
  line-height: 1.48;
}
#module03 .module-right .item:not(:first-child) {
  width: 48.67%;
  margin-top: 27px;
}
#module03 .module-right .item-title{
  position: static;
}
#module03 .module-right .item:first-child .item-title a {
  font-size: clamp(18px, 1.5vw, 29px);
  color: #FFFFFF;
  line-height: 1.86;
  -webkit-line-clamp: 1;
}
#module03 .module-right .item:not(:first-child) .item-title {
  padding: 12px 0;
  background: transparent;
}
#module03 .module-right .item:not(:first-child) .item-title a {
  font-size: clamp(14px, 1vw, 20px);
  color: #030303;
  line-height: 1.3;
  min-height: 2.6em;
}

#module04 {
  display: block;
}
#module04 .item {
  width: 49.42%;
  background: #cff2f9;
  margin-bottom: 15px;
}
#module04 .story-cover {
  width: 42%;
}
#module04 .item .flex-box {
  flex-direction: column;
  align-items: normal;
}
#module04 .item-info {
  flex: 1;
  min-width: 0;
  padding: 0.5% 2.5% 1% 6.2%;
  color: #000000;
}
#module04 .item-info > a {
  font-weight: 800;
  font-size: clamp(16px, 1.09vw, 21px);
  line-height: 1.8;
}
#module04 .item-info > p {
  font-size: clamp(14px, 0.89vw, 17px);
  line-height: 1.47;
}
#module04 .time {
  align-self: flex-end;
  font-size: 12px;
}
#module04 .multiple-line-limit {
  -webkit-line-clamp: 3;
}

#module06 {
  padding: 1.42% .92% 2.2% .6%;
  background: rgba(238, 250, 252, 1);
}
#module06 .module-left {
  width: 42%;
}
#module06 .module-right {
  position: relative;
  width: 56%;
}
#module06 .module-left > img {
  width: 60.5%;
}
#module06 .type-list {
  width: 35.22%;
}
#module06 .type-icon {
  transition: all ease .7s;
  cursor: pointer;
}
#module06 .type-icon.active {
  transform: translateX(10%);
}
#module06 .intro-items {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  aspect-ratio: 67/33;
  font-size: clamp(16px, 1.3vw, 25px);
  color: #021740;
  line-height: 1.8;
  z-index: 0;
  visibility: hidden;
  opacity: 0;
  transition: all ease .7s;
  overflow-y: auto;
}
#module06 .intro-items.active {
  position: relative;
  z-index: 10;
  opacity: 1;
  visibility: visible;
}
#module06 p {
  text-indent: 2em;
}
#module06 .type {
  font-weight: bolder;
}
#module06 .from {
  display: block;
  width: fit-content;
  margin-left: auto;
}

#module07 {
  display: block;
}
#module07 .report-swiper {
  position: relative;
}
#module07 .swiper {
  position: static;
  width: 88.8%;
  padding-bottom: 0;
}
#module07 .swiper-slide>img {
  display: none;
}
#module07 #BigNewsReport .swiper-button-prev,
#module07 #BigNewsReport .swiper-button-next {
  width: unset;
  max-width: 3%;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
}
#module07 .swiper-button-prev {
  left: 8px;
}
#module07 .swiper-button-next {
  right: 8px;
}

@media (max-width: 1200px) {
  section {
    margin-bottom: 20px;
  }
  #module01 {
    margin-bottom: 20px;
  }
}

@media (max-width: 820px) {
  .common-title {
    margin-bottom: 10px;
  }
  #module01 {
    flex-direction: column-reverse;
    aspect-ratio: 25 / 12;
    padding: 2%;
    background-image: url(https://wwp-static.wenweipo.com/img/special/fencing26/schedule-bg_h5.png)
  }
  #module01 .month-icon {
    width: 12%;
    left: -2%;
    top: -2%;
  }
  #module01 .module-left {
    width: 100%;
    padding: unset;
    background: unset;
    aspect-ratio: unset;
  }
  #module01 .date-list {
    width: 100%;
    height: fit-content;
  }
  #module01 .date-list img {
    width: 7.5%;
    margin-bottom: unset;
  }
  #module01 .module-right {
    align-self: flex-end;
    flex: .95;
    width: 90%;
  }
  #module01 .module-right span {
    font-size: clamp(18px, 3.8vw, 38px);
    line-height: 1.5;
  }
  #module01 .module-right .games {
    font-size: clamp(14px, 2.8vw, 28px);
    line-height: 1.5;
  }

  #module03 > .list {
    flex-direction: column;
    gap: 20px;
  }
  #module03 .module-left {
    width: 100%;
  }
  #module03 .module-left .list {
    display: flex;
    justify-content: space-between;
  }
  #module03 .module-left .item {
    width: 49%;
  }
  #module03 .module-right {
    width: 100%;
  }
}

@media (max-width: 578px) {
  #module04 .list,
  #module03 .module-left .list,
  #module03 .module-right .list,
  #module06 .module-wrap {
    flex-direction: column;
  }
  #module04 .item,
  #module03 .list .item,
  #module03 .module-right .item:not(:first-child),
  #module06 .module-right,
  #module06 .module-left {
    width: 100%;
  }
  #module04 .item-info {
    padding-right: 2.5%;
  }
  #module03 > .list {
    padding-top: 0;
    margin-top: -5%;
  }
  #module03 .module-right .item {
    position: relative;
  }
  #module03 .module-right .item:not(:first-child) {
    margin-top: 20px;
  }
  #module03 .module-right .item .item-title {
    position: absolute;
    bottom: 0;
    left: 0;
  }
  #module03 .module-right .item:not(:first-child) .item-title {
    padding: 12px 16px;
    background: rgba(18, 107, 198, .8);
  }
  #module03 .module-right .item:not(:first-child) .item-title a {
    min-height: unset;
    color: #fff;
    -webkit-line-clamp: 1;
    font-size: 18px;
    line-height: 1.86;
  }

  #module06 {
    padding: 8% 2% 2%;
  }
  #module06 .module-wrap {
    position: relative;
    padding-top: 16%;
    background: #fff;
    box-shadow: 0 0 6px rgb(72 153 225), 0 0 12px rgb(72 153 225 / .8), 0 0 18px rgb(72 153 225 / .6);
    border-radius: 10px;
  }
  #module06 .module-left {
    position: absolute;
    top: -12%;
  }
  #module06 .module-left > img {
    width: 20.9%;
  }
  #module06 .type-list {
    width: 78%;
    height: fit-content;
    align-items: baseline;
    align-self: flex-end;
    margin-top: 4%;
    padding-right: 2%;
  }
  #module06 .type-icon {
    width: 30%;
  }
  #module06 .type-icon.active {
    transform: scale(1.1) translateY(5px);
  }
  #module06 .module-right {
    padding: 0 15px;
  }
}

@media (max-width: 414px) {
  #module01 .module-right .games {
    font-size: 12px;
  }
}