.site-footer{
  background:#356be6;
}
.footer-tap {
  margin: 25px auto 25px;
  color: #fff !important;
  font-size: 13px;
}
.medal{
  padding-top:65px;
}
body{
  background-color:#ffffff!important;
}
.medal-title{
  width:100%;
  height:106px;
  background-image: linear-gradient(90deg, #c100fe 0%, #1788f8 100%),
	linear-gradient(#6441e5, #6441e5);
  color:#ffffff;
  font-size: 25px;
}
.medal-list-unit{
  display:flex;
  text-align:center;
}
.medal-list-unit-rank{
  width:15%;
  height:100%;
  line-height:106px;
  flex:none;
}
.medal-list-unit-name{
  width:40%;
  height:100%;
  line-height:106px;
  text-align:left;
  flex:none;
}
.medal-list-unit-gold{
  width:10%;
  height:100%;
  color: #ffe9a6;
  flex:none;
}
.medal-list-unit-gold-img{
  width:47px;
  display:block;
  margin:0 auto;
}
.medal-list-unit-gold-1{
  color: #e4e6e6;
}
.medal-list-unit-gold-2{
  color: #e4b086;
}
.medal-list-unit-count{
  width:15%;
  flex:none;
  height: 100%;
  line-height: 106px;
}
.medal-list .medal-list-unit{
  height:63px;
  background-color: #dedede;
  font-size:22px;
}
.medal-list .medal-list-unit-rank,.medal-list .medal-list-unit-name,.medal-list .medal-list-unit-gold,.medal-list .medal-list-unit-count{
  line-height:63px;
  color:#4a4a4a;
}
.medal-list .medal-list-unit:nth-child(2n){
  background-color: #f0f0f0;
}
.medal-list .medal-list-unit-rank-1,.medal-list .medal-list-unit-rank-2,.medal-list .medal-list-unit-rank-3{
  background-size:85px 39px;
  background-position: 50%;
  background-repeat:no-repeat;
}
.medal-list .medal-list-unit-rank-1{
  background-image:url(https://tkww-static.tkww.hk/special/hangzhou2022/medal/NO1.png);
}
.medal-list .medal-list-unit-rank-2{
  background-image:url(https://tkww-static.tkww.hk/special/hangzhou2022/medal/NO2.png);
}
.medal-list .medal-list-unit-rank-3{
  background-image:url(https://tkww-static.tkww.hk/special/hangzhou2022/medal/NO3.png);
}
.medal-mark{
  color: #6441e5;
  font-size: 22px;
  padding-top:37px;
}
.medal-mark-text{
  margin-top:11px;
}
.medal-mark-text:first-of-type{
  margin-top:0;
}
@media (max-width:1000px){
  .medal-title{
    font-size:2.5vw;
  }
  .medal-list-unit-gold-img{
    width:4.9vw;
  }
  .medal-title{
    height:11vw;
  }
  .medal-list-unit-rank,.medal-list-unit-name,.medal-list-unit-count{
    line-height:11vw;
  }
  .medal-list .medal-list-unit-rank,.medal-list .medal-list-unit-name,.medal-list .medal-list-unit-gold,.medal-list .medal-list-unit-count{
    line-height:8vw;
  }
  .medal-list .medal-list-unit-rank-1, .medal-list .medal-list-unit-rank-2, .medal-list .medal-list-unit-rank-3{
    background-size: 8.5vw 4vw;
  }
  .medal-list .medal-list-unit{
    height:8vw;
    font-size:2.2vw;
  }
  .medal-mark{
    font-size: 2.2vw;
  }
}
@media (max-width:767px){
  .medal{
    padding-top:6vw;
  }
  .medal-title .medal-list-unit-name{
    line-height: 4.5vw;
    align-self:center;
  }
  .medal-list-unit-gold-img{
    width:4vw;
  }
  .medal-mark{
    padding-top:6vw;
  }
  .medal-mark-text{
    margin-top:2vw;
  }
  .medal-title{
    font-size:4vw;
  }
  .medal-title{
    height:12vw;
  }
  .medal-list-unit-rank,.medal-list-unit-count{
    line-height:12vw;
  }
  .medal-list .medal-list-unit,.medal-mark{
    font-size:3.6vw;
  }
  .medal-list .medal-list-unit-rank-1, .medal-list .medal-list-unit-rank-2, .medal-list .medal-list-unit-rank-3 {
    background-size: 9vw 5vw;
  }
}