.topContent_left #swp11 .swiper-pagination-bullet-active{
  background:#ec9945;
  width:35px;
  border-radius:10px;
}
body main{
  padding:0 15px;
}
main .mb30{
  margin-bottom:0;
}
#content{
  background: url(https://wwp-static.wenweipo.com/img/special/Paris2024OlympicGames/img28.jpg?x-oss-process=image/resize,w_700) no-repeat;
  background-size: 100% 100%;
}
body .showBanner>img {
  margin-bottom: 0px;
}
body footer{
  padding:20px 10px;
  margin-top:0;
}
.topContent{
  padding-top: 30px;
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
}
body a:hover{
  color:#066390!important;
}
.topContent_right{
  display: flex;
  flex-direction: column;
}
.topContent_left,
.topContent_right{
  width:calc(50% - 10px);
}
.module{
  margin-bottom:30px;
}
#swp11 .slide-desc-wrap,
#VideosList .video_title{
  background:linear-gradient(to top, rgba(24, 72, 126, .8), rgb(94 67 110 / 80%))!important;
}
.ChineseGoldMedalSwiper{
  padding: 0 6%;
  position: relative;
  margin:0 auto;
}
.ChineseGoldMedal .column_title.center{
  justify-content: center;
  width: 100%;
}
#ChineseGoldMedal{
  overflow:hidden;
}
.ChineseGoldMedalSwiper .swiper-button-prev img,
.ChineseGoldMedalSwiper .swiper-button-next img{
  max-height: max-content;
  max-width: max-content;
  width: 35px;
}
#ChineseGoldMedal .video_title{
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 5px;
  background: linear-gradient(to top, rgba(13, 60, 108, .9), rgba(45, 157, 120, .4))
}
#ChineseGoldMedal .video_title a{
  color:#fff;
}
.column_title{
  display:flex;
  justify-content:space-between;
  align-items: center;
  margin-bottom: 10px;
}
.column_title.center{
  justify-content: space-between;
  width: calc(50% + 90px);
  margin-right: 0;
  margin-left: auto;
}
.column_title img{
  height:30px;
  margin: 0;
}
.WenHuiReport{
  padding-bottom:30px;
}
main .column_title a{
  font-weight: 700;
  color: #f5552b;
}
.OlympicEvents,
.OlympicEventsAndMeetingInParis,
.hotModule{
  display: flex;
  flex-wrap:wrap;
  justify-content: space-between;
}
.hotModule .someNav{
  display: flex;
  flex-wrap:wrap;
  justify-content:star;
}
.hotModule .someNav img{
  height:30px;
}
.hotModule .someNav>div{
  cursor:pointer;
  padding: 10px 20px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  background: linear-gradient(to top,#f0465e,#ffdb84);
}
.hotModule .someNav>div:nth-child(1){
  margin-right: 10px;
}
.hotModule .someNav>div.hover{
  background: linear-gradient(to top,#49a1d9,#fdb6c7);
}
.OlympicEventsAndMeetingInParis>div:nth-child(1),
.hotModule .left_module{
  width: calc(60% - 15px);
}
.hotModule .left_module .left_content  {
  position: relative;
  height:470px;
}  
.hotModule .left_module .left_content>div{
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  transition: all 0.5s;
}
.hotModule .left_module .left_content>div.hover{
  opacity: 1;
}
.left_module .left_content .CharmAndGrace {
  position:relative;
  padding:20px;
  background: url(https://wwp-static.wenweipo.com/img/special/Paris2024OlympicGames/img19.png?x-oss-process=image/resize,w_500) no-repeat;
  background-size: 100% 100%;
}
.left_module .left_content .EventPreview {
  display: flex;
  flex-direction: column;
  border: 2px solid #f76a3a;
  background: url(https://wwp-static.wenweipo.com/img/special/Paris2024OlympicGames/img24.jpg?x-oss-process=image/resize,w_300) no-repeat;
  background-size: 100% 100%;
}
#EventPreview{
  overflow:hidden;
  height: 100%;
}
#EventPreview .swiper-scrollbar-drag{
  background: rgb(21 120 209 / 50%);
}
#EventPreview .swiper-slide .simplebar-content{
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  text-align: center;
}
#EventPreview .swiper-slide:nth-child(2n+1) .simplebar-scrollbar:before{
  background: #3570d2;
}
#EventPreview .swiper-slide:nth-child(2n) .simplebar-scrollbar:before{
  background: #ff5758;
}
#EventPreview .swiper-slide span:nth-child(1){
  font-size: 18px;
  font-weight: 700;
  color: #612c23!important;
  padding: 10px;
  background: linear-gradient(to top, #fa9759, #fedf97);
}
#EventPreview .swiper-slide:nth-child(2n+1) span:nth-child(n+1){
  color:#3570d2;
}
#EventPreview .swiper-slide:nth-child(2n) span:nth-child(n+1){
  color:#ff5758;
}
.CharmAndGrace .CharmAndGrace_more{
  position:absolute;
  right:10px;
  bottom:10px;
  z-index: 9;
}
.CharmAndGrace .CharmAndGrace_more img{
  height:30px;
}
#CharmAndGrace{
  overflow:hidden;
}
#CharmAndGrace .story_title{
  margin: 15px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
#CharmAndGrace .thumb-img-blur{
  width:80%;
}
#CharmAndGrace .story_summary{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
#CharmAndGrace .story_title a{
  font-size: 20px;
  font-weight: 700;
}
#CharmAndGrace .swiper-pagination-bullets {
  bottom: 35%;
  left: 62%;
  width: 15%;
}
#CharmAndGrace .swiper-pagination-bullet{
  background: #fff;
  opacity: 1;
}
#CharmAndGrace .swiper-pagination-bullet-active{
  background:#65cefd;
  border-radius:5px;
  width: 25px;
}
.OlympicEventsAndMeetingInParis>div:nth-child(1) .OlympicEvents{
  height: 540px;
}
.OlympicEventsAndMeetingInParis>div:nth-child(2),
.hotModule .right_module{
  width:calc(40% - 15px);
}
.hotModule .right_module{
  position: relative;
  height:520px;
  background: url(https://wwp-static.wenweipo.com/img/special/Paris2024OlympicGames/img27.png) no-repeat;
  background-size: 100% 100%;
}
.hotModule .right_module>img{
  width: 108%;
  top: 3%;
  left: 50%;
  transform: translateX(-50%);
  margin: auto;
  position: absolute;
  max-width:max-content;
}
.hotModule .right_module .glory{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: #e82213;
  font-family: "方正锐正黑_GBK";
  font-weight: 700;
  font-size: 18px;
  height: 77%;
  position: absolute;
  bottom: 7%;
  width: 100%;
}
.hotModule .right_module .glory .item{
  display: flex;
  align-items: center;
  padding:4px 0;
}
.hotModule .right_module .glory .item:nth-child(2n){
  background: rgb(249 174 173 / 50%);
}
.hotModule .right_module .glory .item span{
  text-align:center;
}

.glory .item span.ranking{
  flex: 14;
}
.glory .item span.country{
  font-size:16px;
  flex: 21;
}
.glory .item span.country img{
  width:40px;
}
.glory .item span.goldMedal{
  flex: 11;
}
.glory .item span.SilverMedal{
  flex: 10;
  color:#a5a5a5;
}
.glory .item span.BronzeMedal{
  flex: 10;
  color:#fa9b2b;
}
.glory .item span.TotalNumber{
  flex: 15;
}
.OlympicEvents .left{
  height: 100%;
  overflow-y: auto;
  width:calc(80%);
  padding:10px;
  background:#ffe6ce;
}
.OlympicEvents .right{
  height: 100%;
  overflow-y:auto;
  width:calc(20%);
  background:#fdd8b4;
}
.OlympicEventsRightList .ExampleImg img{
  display:none;
  width:60%;
  margin:0;
}
.OlympicEventsRightList .ExampleImg img:nth-child(1){
  display:block;
}
.OlympicEventsRightList .item{
  text-align: center;
  cursor: pointer;
  padding: 5px 0;
}
.OlympicEventsRightList .item.active{
  background:#fcb977;
}
.OlympicEventsRightList .ExampleTitle{
  font-weight: 700;
  font-size: 18px;
  margin: 5px 0;
}
.RightListText p{
  text-align: justify;
  margin-bottom:15px;
  line-height: 1.6;
  font-size: 15px;
}
.MeetingInParis{
  padding:20px;
  background:#ffe6ce;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.MeetingInParis>a{
  width:calc(50% - 5px);
}
.MeetingInParis>a img{
  width:100%;
}
.MeetingInParis>a:last-child{
  width:100%;
}
#VideosList .item {
  width: calc(33% - 10px);
  margin-bottom: 15px;
}
.ExcitingVideos #VideosList .item {
  width: calc(33% - 10px);
}
.week,
.data_time{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.week span{
  background: linear-gradient(to top, #fa975a, #fedf97);
  padding: 5px 0;
  flex: 1;
  color: #fff;
}
.data_time{
  padding-bottom: 10px;
  flex-wrap: wrap;
  justify-content: space-around;
}
.week span,
.data_time span{
  text-align: center;
}
.data_time span{
  cursor: pointer;
  width: 13%;
  margin-top: 10px;
  border:1px solid #ebebeb;
}
.data_time span.active{
  background:#fa975a;
}
.left_content .CompetitionEvents{
  flex: 1;
  overflow-y: auto;
  padding:10px;
  background:#eee;
  display:flex;
  align-content: flex-start;
  flex-wrap: wrap;
  justify-content: space-between;
}
.left_content .CompetitionEvents .item{
  display:flex;
  width:calc(50% - 10px);
  font-size: 15px;
  margin-bottom: 5px;
}
.left_content .CompetitionEvents .item img{
  height:30px;
  margin: 0 10px 0 0;
}
.left_content .CompetitionEvents .item .time{
  color:#3c3c3c;
  margin-right:5px;
  min-width: 60px;
}
.ChineseGoldMedalSwiper .swiper-button-prev::after,
.ChineseGoldMedalSwiper .swiper-button-next::after{
  display:none;
}
.WatchTheOlympics.mb30{
  position: relative;
  margin-bottom:30px;
}
.WatchTheOlympics.mb30>img{
  width:100%;
}
.WatchTheOlympics .m-banner{
  display:none;
}
.WatchTheOlympics_main{
  height: 100%;
  width: 45%;
  position: absolute;
  top: 0;
  right: 0;
  padding: 20px 10px;
}
.WatchTheOlympics_main .column_title{
  display: flex;
  justify-content: right;
  margin-bottom: 10px;
}
.WatchTheOlympics_main .column_title img{
  height: 23px;
}
.OlympicList .item{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 3px 10px;
  background: #fbd1a8;
  margin-bottom: 15px
}
.flexReport{
  display: flex;
  justify-content: space-between;
}
.advantage{
  width: calc(83.4% - 10px);
}
.ElectronicNewspaper{
  width: calc(16.6% - 10px);
  margin-top: 15px;
}
@media(max-width:650px){
  .flexReport{
    flex-direction: column-reverse;
  }
  .advantage,
  .ElectronicNewspaper{
    width:100%;
  }
  .hotModule .right_module .glory .item span{
    font-size:10px;
  }
  .glory .item span.country img {
    width: 25px;
  }
  .WatchTheOlympics_main .column_title{
    justify-content: left;
  }
  .OlympicList .item{
    margin-bottom: 10px;
  }
  .WatchTheOlympics_main{
    padding: 0 10px;
    top: auto;
    bottom: 0;
    width: 100%;
    height: auto;
  }
  .WatchTheOlympics .m-banner{
    display:block;
  }
  .WatchTheOlympics .pc-banner{
    display:none;
  }
  .WatchTheOlympics_main{
    padding:0;
  }
  .WatchTheOlympics_main .column_title img {
    height: 13px;
  }
  .data_time span {
    font-size: 10px;
  }
  .hotModule .right_module>img{
    top:1%;
  }
  #swp11 .swiper-pagination-bullet{
    margin: 0 2px;
    width:6px;
    height:6px;
  }
  #swp11 .swiper-pagination-bullet.swiper-pagination-bullet-active{
    width:18px;
  }
  .hotModule .right_module .glory .item {
    padding: 2px 0;
  }
  .CharmAndGrace .CharmAndGrace_more img {
    height: 18px;
  }
  .hotModule .left_module .left_content{
    height:400px;
  }
  .hotModule .right_module {
    height: 88vw;
  }
  .hotModule .someNav>div {
    padding: 8px 12px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
  }
  .hotModule .someNav img {
    height: 15px;
  }
  #CharmAndGrace .thumb-img-blur {
    width: 100%;
  }
  #CharmAndGrace .swiper-pagination-bullets {
    bottom: 53%;
    left: 0;
    width: 100%;
  }
  #VideosList .video_title a{
    font-size:16px;
  }
  #content{
    background-size: cover;
    background-position: center;
  }
  .OlympicEventsAndMeetingInParis>div:nth-child(1) .OlympicEvents{
    height:500px;
  }
  .OlympicEvents .left {
    width: calc(75%);
  }
  .OlympicEvents .right{
    width: calc(25%);

  }
  .ChineseGoldMedalSwiper .swiper-button-prev img,
  .ChineseGoldMedalSwiper .swiper-button-next img{
    width: 25px;
  }
  .module,
  .OlympicEvents,
  .MeetingInParis,
  .hotModule .left_module{
    margin-bottom:20px;
  }
  .lunbo-speical .swiper-slide1 .slide-desc-wrap .slide-desc{
    font-size: 16px;
  }
  .column_title img {
    height: 25px;
  }
  #swp11{
    margin-bottom:20px;
  }
  #swp11.swp1 .pagination-bottom{
    right:0!important;
  }
  .topContent_left,
  .topContent_right,
  .OlympicEventsAndMeetingInParis>div:nth-child(1),
  .OlympicEventsAndMeetingInParis>div:nth-child(2),
  .ExcitingVideos #VideosList .item,
  .hotModule .left_module,
  .hotModule .right_module,
  .left_content .CompetitionEvents .item{
    width:100%;
  }
}