html {
  width: 100%;
  height: 100%;
}
body {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  min-width: 320px;
  min-height: 100%;
  line-height: 1.4;
  font-size: 16px;
  font-weight: 400;
  background-color: #fff;
  direction: ltr;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: background-color 0.2s;
  overflow-y: scroll; /* 保证内容可滚动 */
  scrollbar-width: none; /* 隐藏滚动条，仅 Firefox 支持 */
  -ms-overflow-style: none; /* 隐藏滚动条，IE 和 Edge */

}

.container {
  display: flex;
  flex-direction: column;
  flex: 1;
  flex-basis: auto;
  box-sizing: border-box;
  min-width: 0;
}
.navbar {
  top: 0;
  left: 0;
  position: relative;
  z-index: 999;
}
.navbar .navbar-wrapper {
  position: relative;
  /*height: 60px;*/
  padding: 0 12px 0 24px;
  background-image: linear-gradient(to bottom, #000000bb, transparent);
  top: 0;
}
.navbar .navbar-wrapper .header-container {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
}
.navbar .navbar-wrapper .header-container .logo-container {
  display: flex;
  align-items: center;
  height: 100px;
}
.navbar .navbar-wrapper .header-container .content {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-grow: 1;
}

#oneHundredImage .newsCover {
  height:390px;
}

#sportEventVideoContainer {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
}

.sportEventVideo {
  width:100%;
}



@media screen and (min-width: 1440px) {
  .navbar-wrapper .header-container {
    max-width: calc(1600px);
  }
}
@media screen and (min-width: 1280px) {
  .navbar-wrapper {
    padding: 0 32px;
  }
}
@media screen and (min-width: 960px) {
  .navbar {
    position: fixed;
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .navbar-wrapper {
    padding: 0 12px 0 32px;
  }
  .content {
    padding-top: 1px;
  }

}

.flex_center {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
}
.w-100 {
  width: 100%;
}

/*wangbin-2024-1-25*/
/*活动动态*/
.hddt{
  background-image: url("/nsiCI/img/sportsevents/hddtBJ.jpg");
  background-size: 100%;
  padding-top:15px;
  padding-bottom: 45px;
  margin:2% 0px;
}
/*活动动态轮播区小点位置*/
.pagination-nested-1 {
  position: absolute;
  bottom: 0px!important;
  text-align: right;
  z-index: 1;
  border-radius: 0px!important;
  background-color: #9e9e9e5e;
  /*height: 50px;*/
  margin: 0px!important;
  padding-top: 25px;
  padding-bottom: 25px;
  padding-right: 10px;
}
.swiper-nested-1_img{
  border-radius: 0px!important;
  max-width:100%;
}
.swiper-container-horizontal{
  max-height: 460px;
}
.hddt_r{
  padding-left: 25px;
}

.module_title{
  display: flex;
  align-items: center;
  border-left: 2px solid #1871cd;
  margin:20px 0px;
}
.hddtBT1{
  font-size: 200%;
  font-weight: 600;
}
.hddtBT2{
  font-size: 100%;
  color: grey;
}

.hddt_r_row li{
  padding: 20px 10px;
  border-bottom: 1px dashed grey;
  overflow: hidden; /* 隐藏超出部分 */
  text-overflow: ellipsis; /* 显示省略号代替隐藏的内容 */
  white-space: nowrap; /* 禁止文本换行 */
  width: 100%; /* 或者设置一个固定的宽度，确保内容有最大宽度限制 */

}

.hddt_r_row li .activityTitle {
  color:#333333;
  font-size:110%;
  display: block;
  font-family: '微软雅黑';
}

.hddt_r_row li .activityDate {
  color:#9fbee7;
  font-size:90%;
}

/*文字位置*/
.hddtP{
  width: 90%;
  position: absolute;
  bottom: 18px;
  color: white;
  z-index: 1000;
  font-weight: 600;
  height: 25px;
  font-size: 18px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
/*跨时代百米竞技赛*/
/*适应调整*/
@media (min-width: 1400px){
  .jjs > .page_container{
    width: 1500px;
  }
}
.jjs{
  min-height: 700px;
  position: relative;
  top: -30px;
  background-image: url("/nsiCI/img/sportsevents/jjsBJ.png");
  background-size:100% 100%;
  z-index: 1;
  text-align: center;
  padding-top: 80px;
  padding-bottom: 100px;
}

.ksd_bt>img{
  width: 40px;
  margin-right: 15px;
}
.ksd_bt span{
  font-size: 24px;
  font-weight: 600;
}
.ksd_bt p{
  font-size: 18px;
}
.ksd_bt span,.ksd_bt p{
  color: white;
  letter-spacing: 3px;
}
.jjs_div{
  margin-top: 20px;
  position: relative;
}
.jjs_div>img{
  width: 100%;
  height: 390px;
  border-radius: 10px 10px 0px 0px;
}
.ksd_hjsm{
  background-color: white;
  line-height: 60px;
  border-radius:0px 0px 10px 10px;
  padding:10px 0px;
}
.ksd_hjsm>img{
  width: 25px;
  margin: 0px 10px;
}
.ksd_hjsm > span{
  letter-spacing: 2px;
}
.zu{
  position: absolute;
  top: 10px;
  left: 50px;
  font-size: 32px;
  font-weight: 600;
  color: white;
  letter-spacing: 5px;
}
/*精彩瞬间*/
.jcsj{
  min-height: 700px;
  position: relative;
  top: -100px;
  padding-top: 90px;
  background-image: url("/nsiCI/img/sportsevents/jcsj.jpg");
  background-size:100% 100%;
  padding-bottom: 50px;
}

.jcsj_z{
  height: 580px;
  background-color: cornflowerblue;
  padding: 10px;
}

#imageContainer {
  display:flex;
  flex-wrap:wrap;
  width:100%;
  height:100%;
  /*align-content: space-around;*/

}

.jcsj_z_img{
  height: 22%;
  width:31%;
  margin:1.15%;
  padding:2px;
}
.jcsj_z_img > img{
  width: 100%;
  height: 100%;
  cursor:pointer;
}
.jcsj_y{
  padding: 0px!important;
}
.jcsj_y>img{
  width: 100%;
  max-height: 580px;
}
/*赛事视频*/
.sssp{
  background-image: url("/nsiCI/img/sportsevents/ssspBJ.jpg");
  background-size:100% 100%;
  position: relative;
  top: -100px;
  min-height: 630px;
  padding-top:50px;
  padding-bottom: 60px;
}
.sssp_div1{
  height: 200px;
  border: 1px solid red;
  padding: 15px;
  position: relative;
}
.sssp_bf{
  position: absolute;
  bottom: 20px;
}
.sssp_bf>h4{
  margin:10px 0px;
}
/*比赛排名*/
.bspm{
  min-height: 680px;
  padding-bottom: 40px;
}
.tabs{
  position: absolute;
  right: 50px;
  top: -50px;
}
.tabs > a{
  margin: 0px 20px;
  padding: 5px 20px;
}
.tabs > a[class="active"]{
  background-color: blue;
  border-radius:0px 10px 0px 10px;
  color: white;
}
.swiper-nested-2{
  width: 500px;
  min-height: 510px;
}
.bspm_div{
  width: 100%;
  padding: 10px 20px;
  display: flex;
  justify-content: space-around;
}
.bspm .arrow-left{
  position: absolute;
  left: -20px;
  bottom: 50%;
  z-index: 1;
}
.bspm .arrow-right{
  position: absolute;
  right: -20px;
  bottom: 50%;
  z-index: 1;
}
.bspm_divx{
  padding: 15px 10px;
}
.bspm_divx .pm{
  width: 30px;
  height: 30px;
  border-radius: 0px;
  display: inline;
}
.jjl{
  line-height: 80px;
  background-color: cornflowerblue;
  text-align: center;
  color: white;
}
.bspm_div .swiper-slide{
  width:330px;
}
.bspm_divx table{
  width: 100%;
  text-align: center;
}
.bspm_divx thead{
  background-color: #9e9e9e;
  line-height: 40px;
}
tbody>tr{
  border-bottom: 1px solid grey;
  line-height: 30px;
}
tbody{
  background-color: #9e9e9e47;
}
table td{
  padding: 0px 5px;
}
.PM1{
  background-image: url("/nsiCI/img/sportsevents/1.png");
  background-size: auto 100%;
  background-position: 50%;
  background-repeat: no-repeat;
}
.PM2{
  background-image: url("/nsiCI/img/sportsevents/2.png");
  background-size: auto 100%;
  background-position: 50%;
  background-repeat: no-repeat;
}
.PM3{
  background-image: url("/nsiCI/img/sportsevents/3.png");
  background-size: auto 100%;
  background-position: 50%;
  background-repeat: no-repeat;
}
.PMX{
  background-image: url("/nsiCI/img/sportsevents/4.png");
  background-size: auto 100%;
  background-position: 50%;
  background-repeat: no-repeat;
}
.bspm_divx .xs,.bspm_divx .xx{
  background-color: #fff;
  border:1px solid grey;
  color: red;
  border-radius: 0px;
  padding: 3px 20px;
  display: inline;
  font-size: 14px;
  margin: 5px;
}
.tabledb{
  text-align: right;
  line-height: 40px;
}

/*赛事保障*/
.ssbz{
  min-height: 670px;
  background-image: url("/nsiCI/img/sportsevents/ssbzBJ.jpg");
  background-size:100% 100%;
  padding-top: 20px;
}
.ssbz_div{
  background-color: #fff;
  padding:20px;
}
.ssbz_div>div{
  padding-left: 0px;
  padding-right: 0px;
}
.ssbz_z,.ssbz_y{
  padding:15px;
}
.ssbz_z img{
  width: 100%;
  height: 420px;
}
.ssbz_y ul{
  margin-top: 5px;
}
.ssbz_y li{
  /*word-break: keep-all;*/
  margin-bottom: 40px;
  line-height: 35px;
}
.ssbz_y li,.ssbz_y span{
  font-size: 22px!important;
}
.ssbz_y span{
  font-weight: 600;
}
/*赛事项目*/
.ssxm{
  background-image: url("/nsiCI/img/sportsevents/ssxm.jpg");
  background-size:100% 100%;
  padding: 20px 0px;
}
.ssxm_div{
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
.ssxm_div>div{
  width: 10%;
  text-align: center;
  padding: 15px;
}
.ssxm_imgdiv{
  width: 100%;
  background-color: #fff;
  border-radius: 30px;
  margin-bottom: 10px;
}
.ssxm_div img{
  width: 100%;
}
.ssxm_fdiv{
  padding:30px 50px;
}
.ssxm_fdiv>div{
  padding: 0px!important;
}
/*底部*/
.db{
  color: white;
  background-color: #000000c9;
  padding-top: 20px;
}
.db_div1,.db_div3{
  width: 20%;
}
.db_div2{
  width: 40%;
}
.db_div1 img{
  width: 100%;
  height: 50px;
}
.db_div2 > img{
  width: 100%;
  height: 300px;
}
.db_div3 > img{
  width: 100%;
  height: 200px;
}
.db_div3>p{
  text-align: center;
}
.db_div4{
  text-align: center;
}
.db_div4 > img{
  width: 150px;
  height: 50px;
}
.db_div1>a{
  color: white!important;
}
.touRankings {
  margin-top:10px;
}

/*适应调整*/
@media screen and (max-width: 18cm) {

  body .page_container {
    padding:0px !important;
  }

  .swiper-container-horizontal {
    height:200px !important;
    margin:0px !important;
  }

  .hddtBT1{
    font-size: 110%;
    font-weight: 600;
  }
  .hddtBT2{
    font-size: 80%;
    color: grey;
  }

  /*活动动态*/
  .hddt_r_row li{
    padding:0px!important;
    height:auto!important;
  }

  #oneHundredImage .newsCover {
    height:260px;
  }


  /*跨时代*/
  .ksd_bt>img{
    width: 30px!important;
  }
  .ksd_bt span{
    font-size: 16px!important;
  }
  .ksd_bt p{
    font-size: 12px!important;
  }
  .ksd_hjsm > span{
    font-size: 12px!important;
  }
  .ksd_hjsm{
    line-height:0px;
  }
  .zu{
    font-size: 28px!important;
  }
  /*赛事视频*/
  .sssp_bf>h4 {
    font-size: 16px!important
  }
  .sssp_bf img{
    width: 25px;
  }
  /*比赛排名*/
  .tabs{
    top:20px
  }
  .tabs > a{
    margin:0px;
    padding:5px;
  }
  .bspm_div .swiper-slide{
    width:300px;
  }
  .bspm_divx td{
    font-size: 14px!important
  }

  /*赛事保障*/
  .ssbz_y li,.ssbz_y span{
    font-size: 16px!important;
    margin-bottom:10px!important;
    line-height:25px;
}
/*赛事项目*/
  .ssxm_div>div{
    width:20%;
    padding:0px;
  }
  .ssxm_div p{
    font-size: 15px!important;
  }
  .ssxm_fdiv{
    margin-top: 20px!important;
  }
  /*底部*/
  .db_div {
    display: block !important;
    text-align: center;
  }

  .db_div1, .db_div2, .db_div4 {
    width: 100%;
    font-size: 24px !important;
  }

  .db_div1 {
    display: flex;
    justify-content: space-around;
  }

  .db_div3 {
    float: left;
    margin: 10px;
  }
  .db_div3 span{
    font-size: 12px !important;
  }

  .db_div1 img, .db_div4 img, .db_div2 {
    display: none;
  }

  .db_div3 > img {
    height: auto;
  }
  .db_div4 span{
    font-size: 12px !important;
  }

  .sportEventVideo {
    width:100%;
    height:100px;
  }
}