body{
    background-image: linear-gradient(to bottom,#237249 30vw,#01406a);
    --column-title-height:clamp( 50px,10.6vw,106px );
}
body .footer{
    background-color: #0a7245;
    margin-top: 0;
}
body .swiper-box-left{
    width: calc( 1161 / 1440 * 100% );
    padding: clamp(10px,1.6vw,16px) 0;
    background-color: #025e75;
	box-shadow: unset;
	border-radius: 5px 0 0 5px;
}
body .swiper-box-left-swiper{
    width:calc(100% - clamp(10px,1.6vw,16px));
    margin-left:auto;
	margin-right:0;
}
body .section-box{
    margin-top: clamp(30px, 6vw, 113px);
}
.report1-box .column-title{
    height: calc( var(--column-title-height) * 80 / 106 );
}
.report1-box-bg{
    width: 100%;
    left: 0;
    bottom: 0;
}
.report1-box{
    padding-bottom: clamp( 100px,20vw,200px );
}
.news-picture-box-bottom-left .story-list{
    margin-top: 0;
}
.news-picture-box-bottom-left .story-list-unit{
    background-color: #95cab4;
}
.news-picture-box-bottom-left .story-list-unit:hover{
    background-color: #4df0ff;
}
.news-picture-box-bottom-left .story-list-unit-title{
    color: #034f5d!important;
}
.news-picture-box-bottom-left .story-list-unit-bottom-time{
    color: #024c5f!important;
}
.news-picture-box-top-left{
    width: calc( ( 344 + 365 ) / 1440 * 100% );
}
.news-picture-box-top-right{
    width: calc( ( 216 + 464 ) / 1440 * 100% );
    margin-left: auto;
}
.column-title-more{
    font-size: clamp( 12px,2vw,20px );
    color: #4df0ff;
    margin-left: 30px;
    flex:none;
}
.news-picture-box-top-right .column-title-more{
    color: #ffd57b;
}
.news-picture-box-bottom{
    background-image: linear-gradient(to right,rgba(0,0,0,0),#71a46c);
    padding: clamp(20px,3vw,30px) 0;
}
.news-picture-box-bottom-left{
    width: calc( ( 344 + 365 ) / 1440 * 100% );
}
.news-picture-box-bottom-right{
    width: calc( 677 / 1440 * 100% );
    margin-left: calc( 33 / 1440 * 100% );
}
.news-picture-box-bottom-right-inner{
    width: calc( 516 / 677 * 100% );
    margin: 0 auto;
}
.news-picture-box-bottom-right-inner-unit{
    width: 100%;
    position: relative;
    z-index: 10;
    border-radius: 5px;
    margin-top: 14px;
    transition: 0.5s;
    border:2px solid rgba(0,0,0,0);
    transform-origin: 50% 50%;
    transform: scale(1);
    filter:drop-shadow( 0px 0px 22px 7px 
		rgba(0,0,0,0));
}
.news-picture-box-bottom-right-inner-unit:first-of-type{
    margin-top:0;
}
.news-picture-box-bottom-right-inner-unit-active{
    z-index: 99;
    filter:drop-shadow( 0px 0px 22px 7px 
		#7ba15e);
    border:2px solid #ffd57b;
    transform: scale( calc( 677 / 549  * 100% ) );
}
.view-box-bg{
    width: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.map-content-img-list{
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.view-list{
    display: flex;
    margin-top: 10px;
    align-items: flex-end;
    justify-content: space-between;
}
.view-list .story-list-unit{
    flex: none;
    background-color: rgba(0,0,0,0);
    width: calc( 423 / 1440 * 100% );
    transition: 0s;
    margin-top: 0;
}
.view-list-wap-swiper{
    display: none;
}
.view-list .story-list-unit-inner-bg{
    background-color: #c9dd9e;
	border-radius: 7px;
	width: 100%;
    padding-top: 5%;
}
.view-list .story-list-unit-inner-bg-inner{
    width: calc( 100% - 20px );
    margin: 0 auto;
}
.view-list .story-list-unit-content{
    padding: 6px 0;
}
.view-list .story-list-unit-top{
    transform: scale( calc( 427 / 407 * 100% ) );
    transform-origin:100% 100% ;
}
.view-list .story-list-unit-active{
    width: calc( 498 / 1440 * 100% );
}

.view-list .story-list-unit-title{
    color: #1b5151;
}
.view-list .story-list-unit-active .story-list-unit-title{
    color: #ffffff!important;
}
.view-list .story-list-unit-active .story-list-unit-inner-bg{
    background-color: #4ab851;
}
.view-list .story-list-unit-bottom-time{
    color: #c9dd9e;
    margin-right: 10px;
}
.view-list .story-list-unit-active .story-list-unit-bottom-time{
    color: #ffffff;
}
.map-content-img-list-unit{
    position: absolute;
    width: clamp(20px,3.8vw,38px);
    transform:translate(-50%,-50%);
    cursor: pointer;
}
.map-content-img-list-unit .map-content-img-list-unit-img{
    width: 100%;
}
.map-content-img-list-unit .map-content-img-list-unit-img-active{
    width: 100%;
    transition: 0.5s;
    left: 0;
    top: 0;
    opacity: 0;
    position: absolute;
    z-index: 99;
}
.map-content-img-list-unit-active .map-content-img-list-unit-img-active{
    opacity: 1;
}
.map-content-img-list-unit:first-of-type{
    left: calc((324 + 38 / 2) / 1400 * 100%);
    top: calc((416 + 52 / 2) / 880 * 100%);
}
.map-content-img-list-unit:nth-child(2){
    left: calc((262 + 38 / 2) / 1400 * 100%);
    top: calc((309 + 52 / 2) / 880 * 100%);
}
.map-content-img-list-unit:nth-child(3){
    left: calc((300 + 38 / 2) / 1400 * 100%);
    top: calc((80 + 52 / 2) / 880 * 100%);
}
.map-content-img-list-unit:nth-child(4){
    left: calc((290 + 38 / 2) / 1400 * 100%);
    top: calc((26 + 52 / 2) / 880 * 100%);
}
.map-content-img-list-unit:nth-child(5) {
    left: calc((708 + 38 / 2) / 1400 * 100%);
    top: calc((450 + 52 / 2) / 880 * 100%);
}
.map-content-img-list-unit:nth-child(6) {
    left: calc((569 + 38 / 2) / 1400 * 100%);
    top: calc((761 + 52 / 2) / 880 * 100%);
}
.map-content-img-list-unit:nth-child(7) {
    left: calc((747 + 38 / 2) / 1400 * 100%);
    top: calc((525 + 52 / 2) / 880 * 100%);
}
.map-content-img-list-unit:nth-child(8) {
    left: calc((734 + 38 / 2) / 1400 * 100%);
    top: calc((308 + 52 / 2) / 880 * 100%);
}
.map-content-img-list-unit:nth-child(9) {
    left: calc((665 + 38 / 2) / 1400 * 100%);
    top: calc((789 + 52 / 2) / 880 * 100%);
}
.map-content-img-list-unit:nth-child(10) {
    left: calc((650 + 38 / 2) / 1400 * 100%);
    top: calc((650 + 52 / 2) / 880 * 100%);
}
.map-content-img-list-unit:nth-child(11) {
    left: calc((931 + 38 / 2) / 1400 * 100%);
    top: calc((404 + 52 / 2) / 880 * 100%);
}
.map-content-img-list-unit:nth-child(12) {
    left: calc((1080 + 38 / 2) / 1400 * 100%);
    top: calc((138 + 52 / 2) / 880 * 100%);
}
.map-content-img-list-unit:nth-child(13) {
    left: calc((1062 + 38 / 2) / 1400 * 100%);
    top: calc((565 + 52 / 2) / 880 * 100%);
}
.map-content-img-list-unit:nth-child(14) {
    left: calc((1058 + 38 / 2) / 1400 * 100%);
    top: calc((180 + 52 / 2) / 880 * 100%);
}
.map-content-img-list-unit:nth-child(15) {
    left: calc((1067 + 38 / 2) / 1400 * 100%);
    top: calc((215 + 52 / 2) / 880 * 100%);
}
.map-content-img-list-unit:nth-child(16) {
    left: calc((956 + 38 / 2) / 1400 * 100%);
    top: calc((143 + 52 / 2) / 880 * 100%);
}
.map-content-box-list{
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 199;
    display: none;
}
.map-content-box-list-unit-city{
    font-size: clamp(20px,3vw,30px);
	color: #123a74;
	margin-top: 10px;
}
.map-content-box-list-unit{
    border-radius: 23px;
    width: clamp(300px,45vw,452px);
    position: absolute;
    right:calc( clamp( 10px,10vw,145px ) * -1 );
    bottom: calc( clamp( 10px,4.8vw,48px ) * -1 );
    background-color: rgba(163, 205, 238,0.85);
	filter:drop-shadow( 0px 0px 8px 
		rgba(18, 60, 122, 0.8) );
	padding: clamp( 10px,1.6vw,16px ) 0 clamp( 10px,2vw,20px );
	display: none;
}
.map-content-box-list-unit-inner{
    width:calc( 100% - clamp( 10px,2vw,20px ) * 2 );
    margin: 0 auto;
}
.map-content-box-list-unit-country{
    padding: 6px 13px;
    background-color: #c80000;
	border-radius: 17px;
	line-height: 1;
	font-size: clamp(12px,2vw,20px);
	color: #ffffff;
}
.map-content-box-list-unit-close{
    width:clamp( 15px,3vw,30px );
}
.map-content-box-list-unit-img-box{
    border-radius: 5px;
    background-color: #123972;
    margin-top: 9px;
}
.map-content-box-list-unit-img{
    width: 100%;
    border-radius: 5px;
}
.map-content-box-list-unit-stadium{
    font-size: clamp( 16px,2.4vw,24px );
    padding: 7px 0;
    width: calc( 100% - 20px );
    margin: 0 auto;
    color: #ffffff;
}
.map-content-box-list-unit-inner-bottom{
    margin-top: clamp( 10px,1.4vw,14px );
}
.map-content-box-list-unit-inner-bottom-unit{
    padding: 10px 16px;
    line-height: 1;
    background-color: #005e2c;
	border-radius: 8px;
	font-size: clamp( 18px , 2.6vw , 26px );
	margin-right: clamp( 10px,1.8vw,18px );
	color: #ffffff;
}
.map-content-box-list-unit-inner-bottom-unit-Ko{
    background-color: #962d11;
}
.swiper-box-right-list-unit .img-box::after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit; /* 跟图片圆角保持一致 */
    box-shadow: inset 0px 0px 13px 5px #147f86;
    z-index: 199;
    pointer-events: none; /* 不影响点击图片 */
    opacity: 0;
    transition:0.5s;
}
.swiper-box-right-list-unit-active .img-box::after {
    opacity: 1;
}
body .swiper-box-left-swiper .common-swiper-slide-bac{
    border-radius:0;
}
.map-content-bg{
    filter: drop-shadow( 0px 0px 39px 
		rgba(103, 255, 251, 0.86));
	width: 100%;
}
.map-box-bg{
    height: 100%;
    left: 0;
    transform: translateX(-50%);
    top: 0;
}
.map-content-img-list{
    position: ;
}
.absolute{
    position: absolute;
}
.z-99{
    z-index: 99;
}
.z-10{
    z-index: 10;
}
.swiper-box-right{
    padding: clamp(10px,2vw,20px) 0;
    background-image: linear-gradient(0deg, 
		#3551a4 0%, 
		#2c8ec4 50%, 
		#82cede 100%);
	width: calc( (1 - 1161 / 1440) * 100% );
}
.swiper-box-right-list{
    width: calc( 100% - clamp(10px,2vw,20px) * 2 );
    margin: 0 auto;
}
.swiper-box-right-list-unit{
    margin-top: clamp( 10px,1.7vw,17px );
}
.swiper-box-right-list-unit:first-of-type{
    margin-top:0;
}
.swiper-box-right-bg{
    height: 100%;
    width: auto;
    right: 100%;
    top: 0;
}
.column-title{
  height:var(--column-title-height);
  display:flex;
  position:relative;
  align-items: flex-end;
}
.column-title-img{
  height:100%;
  flex:none;
}
.look-box{
  position:fixed;
  right:25px;
  bottom:50px;
  width:clamp(80px,15vw,150px);
  display:block;
  z-index:199;
}
.look-box-img{
  width:100%;
}
.map-title-right-unit{
    display: flex;
    margin-left:10px;
    align-items: center;
    font-size: clamp(12px,2vw,20px);
    flex:none;
}
.map-title-right-unit-img{
    width:clamp(15px,2vw,20px);
    flex:none;
}
.map-title-right-unit-title{
    flex:none;
    margin-left: 3px;
    color:#ffffff;
}
.map-title-right-unit-left{
    flex: none;
    color:#ffffff;
    padding: 8px clamp(10px,1.3vw,13px);
    line-height: 1;
    background-color: #004f25;
	border-radius: 8px;
}
.map-title-right-unit-left1{
    background-color: #962d11;
}
.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);
  left:-229px;
  top:clamp(100px,44vw,440px);
  opacity:0.7;
  overflow:hidden;
  padding-bottom:15px;
  transition:0.5s;
  transform-origin: 0% 0%;
}
.medal-top,.medal-top-bg{
  position:relative;
}
.medal-top-bg{
  z-index:10;
  width: 100%;
}
.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-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.nation{
    color: #026841;
}
.medal-column-unit.gold{
  color: #d50100;
}
.medal-column-unit.silver{
  color: #304fff;
}
.medal-column-unit.copper{
  color: #6101e9;
}
.medal-column-unit.total{
  color: #026841;
}
.medal-list-unit{
  display:flex;
  color: #000000;
  align-items:center;
  border-radius:20px;
  background-color: #e4e4e4;
  padding: 3px 0;
  margin-top: 10px;
}
.medal-list-unit:first-of-type{
  margin-top: 0px;
}
.z99{
  position:relative;
  z-index:99;
}
.medal-tool{
    width:100%;
    background-color: #51cba2;
    color: #000000;
    padding: 3px 0;
}
.medal-tool-inner{
    width:calc( 100% - 17px * 2 );
    margin: 0 auto;
    display: flex;
    align-items: center;
    overflow-y:hidden;
    overflow-x: auto;
}
.medal-tool-unit{
    padding: 6px 11px;
    line-height: 1;
    border-radius: 13px;
    cursor:pointer;
    flex:none;
}
.medal-tool-unit-active{
    background-color: #ffffff;
}
.medal-tool-unit span{
    display: none;
}
.medal-tool-unit-active span{
    display: inline-block;
}
.medal-logo-box{
    display: none;
}
.medal-column-unit.rank,.medal-list-unit-unit.rank{
    display: none;
}
.medal-logo{
    width: 100%;
    height: auto;
}
.medal-bottom{
    width: calc( 100% - 22px );
    margin: 10px auto 0;
}

.medal-column-unit.nation,.medal-list-unit-unit.nation{
    text-align: left;
    margin-left:10px;
}
.medal-list-unit-unit.nation{
    line-height: 1.2;
}
.common-swiper-slide-title-wap{
    display: none;
}
@media (max-width:1800px){
    .map-content-box-list-unit{
        right:-30px;
    }
}
@media (max-width:1400px){
  .medal{
    transform: scale(0.8);
  }
}
@media (max-width:1200px){
    .view-list .story-list-unit-top{
        transform: scale(calc(433 / 407 * 100%));
    }
}
@media (max-width:1099px){
  .medal{
    transform: scale(0.6);
  }
}
@media (max-width:768px){
  .view-list .story-list-unit-top {
      transform: scale(calc(444 / 407 * 100%));
  }
  .view-list .story-list-unit-inner-bg {
      padding-top: 8%;
  }
}
@media (max-width:668px){
  .view-list .story-list-unit-top {
      transform: scale(calc(460 / 407 * 100%));
  }
  .view-list .story-list-unit-inner-bg {
      padding-top: 10%;
  }
}
@media (min-width:577px){
    .medal:hover {
        left: 20px;
        opacity: 1;
    }
}
@media (max-width:576px){
    .common-swiper-slide-title-bac{
        display: none;
    }
    .common-swiper-slide-title-wap{
        display: -webkit-box;
        margin-top: 10px;
    }
    .view-list-wap-swiper{
        display: block;
    }
    .view-list-pc{
        display: none;
    }
    .swiper-box{
        display: block;
        background-image: linear-gradient(0deg, 
		#3551a4 0%, 
		#2c8ec4 50%, 
		#00ffb4 100%);
		border-radius: 13px;
    }
    body .swiper-box-left{
        width: 100%;
        background-color: rgba(0,0,0,0);
        padding-bottom: 0;
    }
    .medal{
        margin-top:11vw;
    }
    .common-swiper-slide-bac{
        border-radius: 13px 13px 0 0!important;
    }
    .map-title-right-unit-left{
        padding: 3px 4px;
    }
    .map-title-right-unit{
        font-size: 2.7vw;
    }
    body .common-swiper-slide{
        background-color: rgba(0,0,0,0);
    }
    .swiper-box-right-bg{
        display: none;
    }
    body .swiper-box-left-swiper{
        width: calc(100% - clamp(10px, 1.6vw, 16px) * 2 );
        margin:  0 auto;
    }
    body .common-swiper{
        background-color: rgba(0,0,0,0);
    }
    .swiper-box-right{
        width: 100%;
        background-image:unset;
    }
    .swiper-box-right-list{
        display: flex;
        justify-content: space-between;
    }
    .swiper-box-right-list-unit{
        flex:none;
        width: 19%;
        margin-top: 0;
    }
  body .common-swiper-slide-bottom{
      padding: 0;
  }
  .look-box{
    display:none;
  }
  .medal{
      position: static;
      transform: scale(1);
      opacity: 1;
      width: 100%;
  }
  .medal-tool-unit{
      font-size: 3vw;
      padding: 1vw 2.5vw;
  }
  .map-content-box-list-unit{
      right: 4.27vw;
  }
  .map-content-box-list-unit{
      width: 50.27vw;
  }
  .map-content-box-list-unit-inner-bottom-unit{
      font-size: 3.27vw;
      padding: 3px 6px;
  }
  .view-list .story-list-unit{
      width: calc( 100% - 3.6vw );
      margin-left: auto;
  }
  .view-list .story-list-unit-top{
      transform: scale(calc(434 / 407 * 100%));
  }
  .view-list .story-list-unit-inner-bg {
      padding-top: 7%;
  }
  .view-list .swiper-button-next{
      right:0;
  }
  .view-list .swiper-button-prev{
      left: 0;
  }
  .view-list .swiper-button-next,.view-list .swiper-button-prev{
      height: unset;
      margin-top: 0;
      transform: translateY(-50%);
      width: 8.33vw;
      top: 36%;
  }
  .map-box-bg,.view-box-bg{
      display: none;
  }
  .news-picture-box-top{
      display: block;
  }
  .news-picture-box-top-left,.news-picture-box-top-right,.news-picture-box-bottom-left,.news-picture-box-bottom-right{
      width: 100%;
  }
  .news-picture-box-bottom-left{
      margin-top: 4vw;
  }
  .news-picture-box-top-left{
      padding: 0 1.87vw;
  }
  .news-picture-box-top-right{
      margin-top: 11vw;
      background-image:linear-gradient(to bottom,rgba(0,0,0,0),#7a9d60);
      padding: 0 1.87vw 5.2vw;
  }
  .view-list .story-list-unit-title{
      height: unset;
      -webkit-line-clamp: 2;
  }
  .news-picture-box-bottom-left .story-list-unit-title{
      height: clamp(1px, 10.2vw, 40px);
      -webkit-line-clamp: 2;
  }
  .map-content-box-list-unit-city,.map-content-box-list-unit-stadium{
      font-size: 4.27vw;
  }
  .map-content-box-list-unit-country{
      font-size: 3.2vw;
  }
  .news-picture-box-bottom-right{
      margin-left: 0;
      margin-top: 4vw;
  }
  .news-picture-box-bottom-right-inner{
      width: 100%;
  }
  .news-picture-box-bottom-right-inner-unit-active{
      transform: scale(1);
  }
  .news-picture-box-bottom{
      display: none;
  }
  .report1-box{
      padding-bottom: 14.6vw;
  }
  .medal-column-unit, .medal-list-unit-unit{
      font-size: 3.73vw;
  }
}