body{
  background-image:linear-gradient( to bottom,rgba(0,0,0,0),#2080a4 30%,#2080a4 70%,rgba(0,0,0,0));
}
body .footer{
  background-color: #096588;
}
.video-swiper .story-list-unit{
  width:50%;
}
.img-box-box-play{
  position:absolute;
  display:block;
  z-index:99;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background-image:linear-gradient(to bottom,rgba(0,0,0,0) 80%,rgba(0,0,0,1));
}
.img-box-box-play-img{
  width:clamp( 15px,4.9vw,49px );
  filter: drop-shadow(1px 1px 5px 
		rgba(108, 108, 108, 0.75));
  left:calc( 22 / 372 * 100% );
  bottom:7px;
  position:absolute;
}
.video-swiper-box{
  padding:9px 0 0;
  background-image: linear-gradient(15deg, 
		#2199c6 0%, 
		#1db393 100%), 
	linear-gradient(
		#1a7e5b, 
		#1a7e5b);
  border-radius: 20px 15px 15px 20px;
}
.video-swiper{
  width:calc( 100% - clamp( 20px,2.8vw,28px ) );
}
body .video-swiper .story-list-unit-bottom-time{
  color: #9bf5d5;
}
body .video-swiper .story-list-unit:hover{
  background-image:linear-gradient(to bottom,rgba(255,255,255,0.1),rgba(255,255,255,1) 20%);
}
body .video-swiper .story-list-unit:hover .story-list-unit-bottom-time{
  color: #1a7e5b;
}
body .video-swiper .story-list-unit:hover .story-list-unit-title{
  color: #005839!important;
}
body .video-swiper .story-list-unit{
  margin-top:0;
  padding: clamp(5px,1.2vw,12px) 0 clamp(10px,1.5vw,15px);
}
body .video-swiper .story-list-unit-inner{
  width:calc( 100% - 20px );
  margin: 0 auto;
}
.picture-point-list{
  height:100%;
  width:100%;
  position:absolute;
  left:0;
  top:0;
  z-index:99;
}
.picture-point-list-unit{
  width:clamp( 15px,2vw,26px );
  height:clamp( 15px,2vw,26px );
  line-height:clamp( 15px,2vw,26px );
  background-color: #0c6eb3;
  border-radius:50%;
  font-size: clamp(12px,1.8vw,24px);
  color:#ffffff;
  transform:translateY(-25%);
  text-align:center;
}
.picture-point-list-unit:nth-child(2n){
  transform:translateY(25%);
}
.picture-point-list-unit-active{
  background-color: #2ab08c;
}
.picture-video-box{
  width:calc(815 / 1440 * 100%);
}
.picture-swiper{
  width:calc( 756 / 815 * 100% );
}
.picture-button{
  width:clamp(15px,3.3vw,33px);
  height:unset;
  margin-top:0;
  filter: drop-shadow(0px 0px 16px rgba(26, 17, 1, 0.4));
}
.picture-button.swiper-button-prev{
  left:calc( ( 815 - 756  ) / 2 / 815 * 100% );
  transform:translateY(-50%) translateX(-50%);
}
.picture-button.swiper-button-next{
  right:calc( ( 815 - 756  ) / 2 / 815 * 100% );
  transform:translateY(-50%) translateX(50%);
}
.picture-point-box{
  position:relative;
  width:calc(161 / 815 * 100%);
  margin-left:auto;
  margin-right:calc( ( 815 - 756  ) / 2 / 815 * 100% );
}
.picture-point-bg{
  width:100%;
  position:relative;
  z-index:10;
}
.news-box{
  width:calc( 583 / 1440 * 100% );
}
.news-box .column-title,.picture-video-box .column-title{
  justify-content:flex-start;
}
.news-box .story-list{
  margin-top:0;
}
.news-box .story-list-unit,.video-box .story-list-unit{
  background-color:rgba(0,0,0,0);
}

.news-box .story-list-unit{
  border-radius: 0px 40px 40px 0px;
  padding-right:clamp(10px,2.6vw,26px);
  margin-top:0;
}
.news-box .story-list-unit-inner{
  padding:clamp( 10px,1.8vw,18px) 13px;
  border-bottom:1px solid #49c2f0;
}
.news-box .story-list-unit:last-of-type .story-list-unit-inner,.news-box .story-list-unit:hover .story-list-unit-inner{
  border-bottom:1px solid rgba(0,0,0,0);
}
.news-box .story-list-unit:hover{
  background-image: linear-gradient(130deg, 
    #6975dd 0%, 
    #7355b0 100%);
}
.news-box .story-list-unit-content{
  padding:6px 0 6px 6px;
}
.swiper4-box .common-swiper-slide{
  display:none;
  filter:drop-shadow( 0px 0px 16px rgba(26, 17, 1, 0.4));
}
body .common-swiper-slide-title-bac{
  padding: 33px 15px 10px;
}
.swiper4-box .swiper-slide-active .common-swiper-slide,.swiper4-box .swiper-slide-prev .common-swiper-slide,.swiper4-box .swiper-slide-next .common-swiper-slide{
  display:block;
}
.section-box-content{
  margin-top:clamp(5px,1.6vw,16px);
}
.swiper4-box{
  background-image: url(https://tkww-static.tkww.hk/special/Milano2026/sport.png),linear-gradient(144deg, 
		#49c2f0 0%, 
		#1c83ad 50%, 
		#33a3cf 75%, 
		#49c2f0 100%), 
	linear-gradient(
		#0d5f95, 
		#0d5f95);
  background-size:calc( 353 / 1440 * 100% ) auto,100% 100%;
  background-position:left calc( 40 / 1440 * 100% ) top clamp(10px,3.7vw,37px), 0 0;
  background-repeat:no-repeat,no-repeat;
  border-radius: 10px;
  padding:clamp( 30px,6.3vw,63px ) 0;
}
.column-title{
  height:clamp( 30px,6.6vw,66px );
  display:flex;
  justify-content:center;
  position:relative;
}
.column-title-more{
  font-size: clamp(8px,1.4vw,14px);
  color: #ffffff;
  position:absolute;
  right:0;
  bottom:2px;
}
.look-box{
  position:fixed;
  left:0;
  bottom:50px;
  width:clamp(100px,20vw,200px);
  display:block;
  z-index:99;
}
.look-box-img{
  width:100%;
}
body .common-swiper-pagination{
  position:static;
}
body .common-swiper-pagination .swiper-pagination-bullet{
  background-color: #dfdfdf;
}
body .common-swiper-pagination .swiper-pagination-bullet-active{
  background-color: #00d7ff;
}
.swiper-box-left{
  width:calc( 865 / 1440 * 100% );
  padding:clamp(10px,1.5vw,15px) 0;
  background-image: linear-gradient(144deg, 
		#49c2f0 0%, 
		#1c83ad 50%, 
		#33a3cf 75%, 
		#49c2f0 100%), 
	linear-gradient(
		#0d5f95, 
		#0d5f95);
  border-radius: 20px;
}
.swiper-box-left-inner{
  width:calc( 100% - 20px );
  margin:0 auto;
  border-radius: 5px;
  overflow:hidden;
  background-color: #1a7e5b;
}
.swiper-box-left-inner-swiper{
  border-radius: 5px;
  overflow:hidden;
}
.swiper-box-right{
  width:calc( 550 / 1440 * 100% );
  background-image: linear-gradient(-11deg, 
		#1c84ae 0%, 
		#14a7df 50%, 
		#00729e 100%);
	border-radius: 20px;
}
body .swiper-box-right.story-list-ur .story-list-unit-inner{
  width:calc( 100% - clamp( 20px,3vw,30px ) );
  margin:0 auto;
}
body .swiper-box-right.story-list .story-list-unit{
  background-color: rgba(0,0,0,0);
  padding: clamp(5px, 1.5vw, 15px) 0;
}
body .swiper-box-right.story-list .story-list-unit .story-list-unit-content{
  padding:6px 0 6px 6px;
}
.video-swiper .story-list-unit-content{
  padding:6px 0 0;
}
body .swiper-box-right.story-list .story-list-unit.swiper-box-right-unit-active{
  background-image: linear-gradient(130deg, 
		#6975dd 0%, 
		#7355b0 100%);
}
body .story-list-unit-title{
  color:#ffffff!important;
}
body .story-list-unit-bottom-time{
  color:#ffffff;
}
body .swiper-box-right.story-list .story-list-unit-bottom-time{
  color: #74d9ff;
}
body .swiper-box-right.story-list .story-list-unit.swiper-box-right-unit-active .story-list-unit-bottom-time{
  color:#ffffff;
}
.picture-img[src='']{
  display:none;
}
.swiper4-box{
  position:relative;
}
.swiper-shadow{
  position:absolute;
  z-index:199;
  width:100%;
  height:100%;
  background-color: #5f145e;
  opacity: 0.57;
}
.swiper-slide-active .swiper-shadow{
  display:none;
}
.swiper4{
  width:calc( 693 / 1440 * 100% );
  overflow:visible;
}
.picture-slide{
  position:relative;
  /*border-radius: 25px;
  border: solid 3px #ffffff;*/
  overflow:hidden;
}
.swiper-slide-active .swiper4-slide,.swiper-slide-prev .swiper4-slide,.swiper-slide-next .swiper4-slide{
  display:block;
}
.picture-img-box{
  position:relative;
  z-index:10;
  background-image: unset;
  width:100%;
  padding:0;
}
.swiper-slide-active .swiper4-img-box{
  background-image: linear-gradient(0deg, 
		#eccd8a 0%, 
		#fff1d3 100%);
  padding:4px 0;
}
.picture-img-inner{
  margin:0 auto;
  position:relative;
  width:100%;
}
.swiper-slide-active .swiper4-img-inner{
  width:calc( 100% - 4px * 2 );
}
.picture-swiper-box{
  position:relative;
  
}
.picture-img-inner-inner{
  width:100%;
  padding-top:calc( 9 / 16 * 100% );
  border-radius: 5px;
  overflow:hidden;
  position:relative;
  z-index:10;
  display:block;
}
.swiper4-img-box{
  border-radius: 20px;
}
.picture-img{
  width:100%;
  height:100%;
  position:absolute;
  left:0;
  border-radius:5px;
  top:0;
}
.swiper4-title-box{
  background-image:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.5));
  position:absolute;
  z-index:99;
  left:0;
  width:100%;
  height:139px;
  box-sizing:border-box;
  bottom:0;
  display:flex;
  padding:0 22px 22px 43px;
  align-items:flex-end;
  justify-content:space-between;
}
.swiper4 .swiper-shadow{
  background-color: #250d0d;
  opacity: 0.51;
  border-radius:20px;
}
.swiper4-title{
  flex:none;
  color:#ffffff!important;
  font-size: 46px;
  max-width:500px;
}
.swiper4-time{
  font-size:28px;
  flex:none;
  color:#ffffff!important;
}
.swiper-button-prev.swiper4-button{
  left:4px;
}
.swiper-button-next.swiper4-button{
  right:4px;
}
.swiper4-button{
  width:clamp( 15px,2.7vw,27px );
  height:auto;
  margin-top:0;
  transform:translateY( -50% );
  box-shadow: 0px 0px 16px 5px 
		rgba(26, 17, 1, 0.17);
}
.swiper4 .common-swiper-slide-title-bac{
  background-image:linear-gradient( to bottom,rgba( 0,0,0,0),#5d4cb3 );
  display:none;
}
.swiper4 .swiper-slide-active .common-swiper-slide-title-bac{
  display:block;
}
.medal{
  position:absolute;
  z-index:99;
  width:449px;
  border-radius: 20px;
  background-color:#ffffff;
  box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.7);
  right:-229px;
  top:clamp(100px,44vw,440px);
  opacity:0.7;
  overflow:hidden;
  padding-bottom:5px;
  transition:0.5s;
  transform-origin: 100% 100%;
}
.medal:hover{
  right:20px;
  opacity:1;
}
.medal-top,.medal-top-bg{
  position:relative;
}
.medal-top-bg{
  z-index:10;
}
.medal-top-more-link{
  position:absolute;
  z-index:99;
  bottom:17px;
  right:0;
}
.medal-top-more{
  width:189px;
}
.medal-column{
  display:flex;
  color:#707070;
}
.medal-list{
  margin-top:16px;
}
.medal-column-unit,.medal-list-unit-unit{
  flex:1;
  font-size:18px;
  text-align:center;
}
.medal-list-unit-unit{
  position:relative;
}
.gold-bg{
  width: 43px;
}
.code-bg{
  width:26px;
}
.gold-bg{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  z-index:10;
}
.medal-column-unit.nation,.medal-list-unit-unit.nation,.medal-column-unit.total,.medal-list-unit-unit.total{
  flex:none;
  width:22%
}
.medal-column-unit.gold,.medal-column-unit.silver,.medal-column-unit.copper{
  font-weight:bold;
}
.medal-column-unit.gold{
  color: #bf7500;
}
.medal-column-unit.silver{
  color: #454441;
}
.medal-column-unit.copper{
  color: #b24726;
}
.medal-list-unit{
  display:flex;
  color: #001237;
  align-items:center;
  border-radius:0 20px 20px 0;
  background-image: linear-gradient(93deg, #8cefd2 50%, rgba(204, 179, 255, 0.2), rgba(0, 0, 0, 0));
  height:60px;
}
.medal-list-unit:nth-child(2){
  background-image: linear-gradient(267deg, 
		rgba(0,0,0,0) 0%, 
		rgba(228,191,255,0.41) 100%);
}
.medal-list-unit:nth-child(3){
  background-image: linear-gradient(267deg, 
		rgba(0,0,0,0) 0%, 
		rgba(228,191,255,0.29) 100%);
}
.medal-list-unit:nth-child(4){
  background-image: linear-gradient(267deg, 
		rgba(0,0,0,0) 0%, 
		rgba(228,191,255,0.18) 100%);
}
.medal-list-unit:nth-child(5){
  background-image: none;
}
.z99{
  position:relative;
  z-index:99;
}
.medal-list-unit:first-of-type .medal-list-unit-unit.rank{
  font-weight:bold;
}
.medal-list-unit-unit.gold{
  color: #bf7500;
}
.medal-list-unit-unit.sliver{
  color: #454441;
}
.medal-list-unit-unit.copper{
  color: #b24726;
}
.medal-list-unit:first-of-type .medal-list-unit-unit.gold,.medal-list-unit:first-of-type .medal-list-unit-unit.sliver,.medal-list-unit:first-of-type .medal-list-unit-unit.copper{
  font-size: 22px;
  color:#2d2c26;
  font-weight:bold;
}
.medal-list-unit-unit.rank{
  color:#ffffff;
  font-size:21px;
}
@media (min-width:992px){
  body .swiper-box-right.story-list .story-list-unit.swiper-box-right-unit-active .share-box{
    display:flex;
  }
}
@media (min-width:577px){
  body .swiper-box-right.story-list{
    margin-top:0;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
  }
  .swiper-box-right .story-list-unit{
    margin-top:0;
  }
  .news-box .story-list-ur .story-list-unit-top{
    width: calc(224 / 572 * 100%);
  }
}
@media (max-width:1610px){
  .swiper4{
    width:45vw;
  }
}

@media (max-width:1400px){
  .medal{
    transform: scale(0.8);
  }
  .picture-point-box{
    width: calc(207 / 815 * 100%);
  }
}
@media (max-width:1099px){
  .medal{
    transform: scale(0.6);
  }
}
@media (max-width:992px){
  .swiper4-slide{
    filter:unset;
  }
  .swiper4{
    width:80vw;
    overflow:hidden;
  }
}
@media (max-width:768px){
  .swiper-box-left{
    width: calc(1000 / 1440 * 100%);
  }
  .swiper-box-right{
    width: calc(410 / 1440 * 100%);
  }
}
@media (max-width:576px){
  .news-picture-video-box>.flex{
    display:block;
  }
  .picture-video-box{
    margin-top: clamp(20px, 2vw, 50px);
  }
  .column-title{
    justify-content:flex-start;
    height: clamp(40px, 6.6vw, 66px);
  }
  .column-title-more{
    font-size: clamp(12px, 1.4vw, 14px);
  }
  .picture-button{
    width: clamp(26px, 3.3vw, 33px);
  }
  body .common-swiper-slide-bottom{
    padding:0;
  }
  .swiper-box>.flex{
    display:block;
  }
  .swiper-box-left,.swiper-box-right,.news-box,.picture-video-box{
    width:100%;
  }
  .look-box{
    display:none;
  }
  .common-swiper-slide-title-bac{
    padding: 24px clamp(1px, 2.4vw, 18px) 10px;
  }
  .medal{
    display:none;
  }
  .swiper4-button{
    width:5vw;
  }
}