
@media (max-width: 650px) {
  body .BigArticleReport {
    margin-top: 0!important;
  }
  body .pcNews {
    display: none;
  }
  body .yidongNews {
    display: block;
  }
  body div.tuji img,
  body div.videos img {
    width: 90px;
  }
  body div.qianzai img {
    width: 150px;
  }
  body .dawenzhuanshi img {
    margin: 15px auto;
  }
  body .Resplendence img {
    width: 225px;
    margin-top: 0!important;
  }
  body .hotEventsTitle {
    margin: 30px 0 15px;
  }
  .container {
    padding: 0 15px!important;
  }
  body .hotEventsTitle:nth-child(2) {
    width: 70%;
  }
  body .banner {
    margin-bottom: 15px;
  }
  body .tujizhuanshi img {
    width: 80%;
  }
  body div.bangjiang img {
    width: 85%;
  }
  body .jiangAndyidong {
    display: block;
  }
  body .jiangAnd {
    display: none;
  }
}

.jiangAndyidong {
  display: none;
}

.yidongNews {
  display: none;
}

body div.videos {
  margin-top: 0!important;
}

body .hotEventsTitle {
  margin: 45px 0 25px;
}

.hotEventsTitle img {
  display: inline-block;
}

.hotEventsTitle a {
  margin-left: 30px;
  font-size: 20px;
  font-weight: 600;
  color: #f53e5d;
}

footer {
  background: #92e7ea;
}

.center {
  background: #c5efdd;
}

footer p {
  color: #3b383b;
}

.container {
  max-width: 1200px!important;
  padding: 0;
}

.banner {
  margin-bottom: 30px;
}

.dawenzhuanshi img {
  margin: 40px auto;
}

<!--/*視頻开始*/-->
@media (max-width: 650px) {
  .center .hddh-content .item {
    width: calc(50% - 10px);
  }
  .hddh-content .pcVideo3,
  .hddh-content .yidongVideo4 {
    flex-wrap: wrap;
  }
  body .hddh-content .item .text a {
    font-size: 15px;
  }
  body .yidongVideo4 {
    display: flex!important;
  }
  body .pcVideo3 {
    display: none!important;
  }
}

@media (min-width: 651px) {
  .column-story-list-news .limit-video-two:nth-child(1) .limit-img,
  .column-story-list-news .limit-video-two:nth-child(2) .limit-img {
    overflow: hidden;
  }
}

.yidongVideo4 {
  display: none!important;
}

.hddh-content .pcVideo3,
.hddh-content .yidongVideo4 {
  display: flex;
  justify-content: space-between;
}

.hddh-content .item {
  margin-bottom: 15px;
  width: 32%;
  background-color: #fff;
}

.wrap .text {
  padding: 5px 15px 10px;
}

.wrap .text a {
  font-family: 'Hiragino Sans GB', 'sans-serif', 'Roboto', 'Noto Sans TC', 'Noto Sans SC', 'Microsoft YaHei', arial, '微软正黑体', 'PingFang TC', 'AdobeMingStd-Light', 'PMingLiU', 'MingLiU';
  color: #323131;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}

.item.limit-video-topsm,
.figure.hasbg.limit-img {
  width: 100%;
}

.gaussian-blur a:hover {
  text-decoration: none;
  transform: scale(1.05, 1.05);
  transform-origin: center center;
}

<!--/*視頻结束*/-->
<!--/*頂部輪播圖、獎牌榜開始*/-->
@media (max-width: 650px) {
  .top #swp1,
  #swp3 {
    width: 100%!important;
    margin-bottom: 0;
  }
  body .top .medalList {
    width: 100%;
  }
  .top {
    flex-wrap: wrap;
  }
  #swp1,
  #swp3 {
    padding-bottom: 30px;
  }
  .top #swp1 .pagination-bottom,
  #swp3 .pagination-bottom {
    bottom: 10%!important;
  }
}

.swiper-container {
  margin: 0;
}

.top {
  display: flex;
  justify-content: space-between;
}

#swp1,
#swp3 {
  width: 55%;
  padding-bottom: 50px;
}

.top .medalList {
  width: 40%;
}

#swp1 .slide-desc-wrap,
#swp3 .slide-desc-wrap {
  background-color: rgba(238, 60, 93, .6);
}

#swp1 .pagination-bottom,
#swp3 .pagination-bottom {
  margin: auto;
  right: 0!important;
  bottom: 5%!important;
  width: 100%!important;
  left: 0!important;
  text-align: center!important;
}

#swp1 .swiper-pagination-bullet,
#swp3 .swiper-pagination-bullet {
  background-color: #b8b8b8;
}

#swp1 .swiper-pagination-bullet-active,
#swp3 .swiper-pagination-bullet-active {
  background-color: #f53e5d;
}

#swp1 .swiper-pagination-bullet,
#swp3 .swiper-pagination-bullet {
  width: 11%;
  height: 5px;
  border-radius: 0;
}

#swp1 .slide-desc,
#swp3 .slide-desc {
  width: 100%;
}

.top .medalList .hongk li {
  background: #0078cf;
}

.top .ranking,
.top .hongk {
  margin-bottom: 0;
}

.top .ranking li,
.top .hongk li {
  font-family: DINPro;
  position: relative;
  display: flex;
  background-color: #112154;
  color: #fff;
}

.hongk li {
  display: flex;
  background-color: #0078cf;
}

.top .ranking li .Line {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  height: 1px;
  width: 90%;
  background: -webkit-linear-gradient(left, #132352 -4%, #0078cf 50%, #132352 100%);
}

.top .ranking li span:nth-child(1),
.top .hongk li span:nth-child(1) {
  flex: 4!important;
}

.top .ranking li span:nth-child(1),
.top .hongk li span:nth-child(1) {
  flex: 3;
}

.top .ranking li span:nth-child(6),
.top .hongk li span:nth-child(6) {
  flex: 3.5;
}

.top .ranking li span:nth-child(2),
.top .hongk li span:nth-child(2) {
  flex: 4.5;
}

.top .ranking li span:nth-child(3),
.top .hongk li span:nth-child(3) {
  flex: 2;
}

.top .ranking li span:nth-child(4),
.top .hongk li span:nth-child(4),
.top .ranking li span:nth-child(5),
.top .hongk li span:nth-child(5) {
  flex: 1.5;
}

.top .ranking li span,
.top .hongk li span {
  text-align: center;
}

.top .medalList .medalList_title img,
.top .medalList .medalList_bottom img {
  width: 100%;
}

<!--/*頂部輪播圖、獎牌榜結束*/-->
<!--/*圖集開始*/-->
@media(max-width:650px) {
  .center .competitionAtlas .left {
    width: 100%;
  }
  .center .competitionAtlas .right {
    width: 100%;
  }
  .competitionAtlas {
    flex-wrap: wrap;
  }
  body .competitionAtlas .right .swiper-slide {
    margin-bottom: 15px;
  }
  body .competitionAtlas .slide-img {
    margin: 10px 0;
  }
}

.competitionAtlas .slide-img {
  margin: 50px 0;
}

.competitionAtlas {
  justify-content: space-between;
  display: flex;
}

.competitionAtlas .slide-desc {
  width: 100%;
}

.competitionAtlas .left {
  width: 65%;
}

.competitionAtlas .left .slide-desc-wrap {
  background-color: rgba(233, 32, 48, .6);
}

.competitionAtlas .right {
  width: 30%;
}

.competitionAtlas .swiper-slide {
  height: auto;
}

.competitionAtlas .right .swiper-slide {
  margin-bottom: 30px;
}

.competitionAtlas .right .slide-desc-wrap {
  height: 2rem;
}

.competitionAtlas .right .slide-desc-wrap .slide-desc {
  font-size: 1rem;
  line-height: 2rem;
}

.competitionAtlas .right .swiper-slide:nth-child(1) {
  border-left: 10px solid #00a650;
}

.competitionAtlas .right .swiper-slide:nth-child(2) {
  border-left: 10px solid #0078cf;
}

.competitionAtlas .right .swiper-slide:nth-child(3) {
  border-left: 10px solid #ffb113;
}

.competitionAtlas .left .swiper-slide:nth-child(1) .slide-desc-wrap {
  background-color: rgb(156 5 5 / 50%);
}

.competitionAtlas .right .swiper-slide:nth-child(1) .slide-desc-wrap {
  background-color: rgba(0, 166, 80, .5);
}

.competitionAtlas .right .swiper-slide:nth-child(2) .slide-desc-wrap {
  background-color: rgba(0, 120, 207, .5);
}

.competitionAtlas .right .swiper-slide:nth-child(3) .slide-desc-wrap {
  background-color: rgba(255, 177, 19, .5);
}

<!--/*圖集結束*/-->
<!--/*熱門賽事開始*/-->
@media(max-width:650px) {
  body #swp2 .swiper-button-prev {
    left: 0;
  }
  body #swp2 .swiper-button-next {
    right: 0;
  }
  body #swp2 .swiper-slide {
    font-size: 14px;
  }
  .hotEventsTitle img {
    width: 130px;
  }
  body .hotEvents #swp2,
  body .hotEvents .someContent {
    width: 100%;
  }
  body .hotEvents .topzhuanshi,
  body .hotEvents .bottomzhuanshi {
    display: none;
  }
  body .hotEvents .someContent .item::-webkit-scrollbar {
    width: 10px;
  }
  body #swp2 .toLeftButton {
    left: 0;
  }
  body #swp2 .toRightButton {
    right: 0;
  }
}

#swp2 {
  position: relative;
}

#swp2 .swiper-slide {
  text-align: center;
}

.hotEvents .someContent .item p>,
.hotEvents .someContent .item p>span {
  float: left;
}

.hotEvents .someContent .item {
  direction: rtl;
  display: none;
  padding-left: 15px;
  background: #8adfe2;
  height: 250px;
  overflow: auto;
}

.hotEvents .someContent .item p:nth-child(2n+1) {
  font-size: 20px;
}

#swp2 .swiper-slide {
  cursor: pointer;
  font-weight: 600;
  color: #0078cf;
  font-size: 20px;
}

#swp2 .swiper-wrapper .swiper-slide {
  background: #fffaea;
  position: relative;
}

#swp2 .swiper-wrapper .swiper-slide span {
  position: absolute;
  background: #000;
  height: 70%;
  width: 2px;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

#swp2 .swiper-wrapper .swiper-slide-active {
  color: #f53e5d;
}

.hotEvents .topzhuanshi,
.hotEvents .bottomzhuanshi {
  display: flex;
  justify-content: space-between;
}

.hotEvents .topzhuanshi img,
.hotEvents .bottomzhuanshi img {
  margin: 0!important;
  width: 2.5%;
}

.hotEvents #swp2,
.hotEvents .someContent {
  width: 95%;
  margin: 0 auto;
}

#swp2 .swiper-button-prev,
#swp2 .swiper-button-next {
  opacity: 0;
}

#swp2 .toLeftButton,
#swp2 .toRightButton {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  z-index: 9;
  cursor: pointer;
}

#swp2 .toLeftButton {
  left: 10px
}

#swp2 .toRightButton {
  right: 10px
}

.hotEventsTitle img,
.tujizhuanshi img {
  margin-bottom: 10px;
  margin-right: 0;
  margin-left: 0;
}

.hotEvents .someContent .item::-webkit-scrollbar {
  width: 15px;
}

.hotEvents .someContent .item::-webkit-scrollbar-thumb {
  background: #0078cf;
  border-radius: 10px;
}

.hotEvents .someContent .item::-webkit-scrollbar-track {
  background: rgb(176 5 29 / 10%);
}

<!--/*熱門賽事結束*/-->
<!--/*即時新聞、日本動態開始*/-->
@media(max-width:650px) {
  body .eventReport .right div span {
    flex: 4;
    width: 10px;
    height: 10px;
  }
  body .eventReport .right div a {
    flex: 53;
  }
  body .eventReport .right {
    height: 100px;
  }
  body .eventReport .right div {
    height: 25%;
  }
  body .eventReportAndNews {
    height: 100px!important;
    margin-bottom: 15px;
    box-sizing: content-box;
  }
  body .eventReport {
    height: 84px;
  }
  body .eventReport .left .text {
    height: 111%;
    font-size: 12px;
  }
  .eventReport .right div a {
    font-size: 12px;
  }
  body .eventReportAndNews .News {
    margin-top: -4px;
  }
  body .eventReportAndNews .News .title {
    flex: 2;
    font-size: 12px;
    line-height: 28px;
  }
  body .eventReportAndNews .News .contentList span,
  body .eventReportAndNews .News .contentList a {
    font-size: 12px;
  }
  body .eventReportAndNews .News .contentList {
    flex: 7;
  }
  body .eventReportAndNews .News .contentList::-webkit-scrollbar {
    height: 4px;
  }
}

.yidongNews .slide-desc-wrap {
  background: rgba(238, 60, 93, .6)!important;
}

.yidongNews .slide-desc-wrap {
  width: 100%!important;
}

.yidongNews .slide-desc-wrap h2 {
  font-size: 1rem;
}

.yidongNews .list .swiper-slide {
  line-height: 42px;
  padding-left: 3%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.yidongNews .list .swiper-slide:nth-child(2n) {
  background: #1f7bcc;
}

.yidongNews .list .swiper-slide:nth-child(2n) a {
  color: #fff;
}

.yidongNews .list .swiper-slide:nth-child(2n+1) {
  background: #f6f6f6;
}

.eventReport {
  height: 250px;
  display: flex;
  justify-content: space-between;
}

.eventReport .left {
  position: relative;
  width: 50%;
  height: 80%;
  margin-left: 2%;
  margin-top: 2%;
}

.eventReport .left .h3-font {
  width: 65%;
}

.eventReport .left .text {
  height: 58%;
  position: absolute;
  right: 0;
  bottom: 0;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
  margin: 0 3%;
  width: 29%;
}

.eventReport .left .text a {
  color: #000001;
}

.eventReport .right {
  width: 45%;
  height: 300px;
}

.eventReportAndNews {
  margin-bottom: 30px;
  height: 300px;
  background: url("https://dw-media.wenweipo.com/dams/wwpproduct/image/202107/20/60f623e2e4b00c69dc1043a5.png") no-repeat;
  background-size: 100% 100%;
}

.eventReport .right div {
  height: 12.5%;
  display: flex;
  align-items: center;
  margin-right: 1%;
}

.eventReport .right div span {
  border-radius: 50%;
  width: 15px;
  height: 15px;
  margin-right: 1%;
}

.eventReport .right div:nth-child(1) span {
  background-color: #0078d0;
}

.eventReport .right div:nth-child(2) span {
  background-color: #f53e5d;
}

.eventReport .right div:nth-child(3) span {
  background-color: #ffb013;
}

.eventReport .right div:nth-child(4) span {
  background-color: #90e8ec;
}

.eventReport .right div:nth-child(5) span {
  background-color: #0078d0;
}

.eventReport .right div:nth-child(6) span {
  background-color: #f53e5d;
}

.eventReport .right div:nth-child(7) span {
  background-color: #ffb013;
}

.eventReport .right div:nth-child(8) span {
  background-color: #90e8ec;
}

.eventReport .right div a {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #102154;
}

.eventReportAndNews .News {
  display: flex;
  margin-top: 1%;
}

.eventReportAndNews .News .title {
  font-size: 20px;
  width: 20%;
  margin-left: 2%;
  font-weight: 600
}

.eventReportAndNews .News .contentList {
  white-space: nowrap;
  overflow-x: auto;
}

.eventReportAndNews .News .contentList span {
  font-family: DINPro;
  font-size: 18px;
}

.eventReportAndNews .News .contentList a {
  color: #605f5f
}

.eventReportAndNews .News .contentList div {
  display: inline-block;
}

.eventReportAndNews .News .contentList::-webkit-scrollbar {
  height: 8px;
}

.eventReportAndNews .News .contentList::-webkit-scrollbar-thumb {
  background: #1f7bcc;
  border-radius: 3px;
}

.eventReportAndNews .News .contentList::-webkit-scrollbar-track {
  background: rgb(176 5 29 / 10%);
}

<!--/*即時新聞、日本動態結束*/-->
<!--/*東京奧運會頒獎日及項目開始*/-->
@media(max-width:650px) {
  body .jiangAnd {
    height: 500px;
  }
  body .jiangAnd::-webkit-scrollbar {
    height: 8px;
  }
  body .jiangAnd::-webkit-scrollbar-thumb {
    border-radius: 4px;
  }
  body .jiangAnd span {
    display: none!important;
  }
  body .jiangAnd .someTips {
    left: 7%;
  }
}

.jiangAnd {
  position: relative;
  overflow-x: scroll;
  height: 600px;
}

.jiangAnd .someTips {
  position: absolute;
  color: #636565;
  bottom: 1%;
  left: 3%;
}

.jiangAnd img {
  max-width: initial;
}

.jiangAnd::-webkit-scrollbar {
  height: 15px;
}

.jiangAnd::-webkit-scrollbar-thumb {
  background: #1f7bcc;
  border-radius: 7.5px;
}

.jiangAnd::-webkit-scrollbar-track {
  background: rgb(176 5 29 / 10%);
}

.eject {
  display: none;
  position: fixed;
  z-index: 999999;
  top: 0;
  padding-top: 2%;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
}

.eject .colseButton {
  cursor: pointer;
  margin-top: 20px;
}

<!--/*東京奧運會頒獎日及項目結束*/-->
<!--/*香港奧運關輝時刻開始*/-->
.guanHuisMoment img {
  width: 100%;
}

<!--/*香港奧運關輝時刻結束*/-->
<!--/*謙仔睇東奧開始(版本一)*/-->
@media(max-width:650px) {
  body .Potential .videoItem .img .videoPlay {
    width: 35px;
  }
  body .Potential .more {
    margin-top: 15px;
  }
  body .Potential .more a img {
    width: 40%;
  }
  body .Potential .videoItem .img {
    margin-top: 60%;
  }
  body .Potential .videoItem .title a {
    font-size: 17px;
  }
  body .Potential .videoItem .title a,
  body .Potential .videoItem .cont {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  body .Potential .videoList {
    flex-wrap: wrap;
  }
  body .Potential .videoItem {
    width: calc(50% - 10px);
    margin-bottom: 15px;
  }
  body .Potential .videoItem .title {
    padding: 2%;
  }
  body .Potential .videoItem .cont {
    margin-bottom: 4%;
  }
}

.Potential .videoItem .img .videoPlay {
  width: 50px;
}

.Potential .videoItem .img .videoPlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.Potential .more {
  cursor: pointer;
  margin-top: 30px;
}

.Potential .videoList {
  display: flex;
  justify-content: space-between;
}

.Potential .videoItem {
  width: calc(33% - 15px);
}

.Potential .videoItem .img {
  margin-top: 26%;
  position: relative;
}

.Potential .videoItem .cont {
  color: #fff;
  padding: 0 6%;
  margin-bottom: 6%;
  display: -webkit-box;
  overflow: hidden;
  white-space: normal !important;
  text-overflow: ellipsis;
  word-wrap: break-word;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical
}

.Potential .videoItem .title {
  padding: 3%;
}

.Potential .videoItem .title a {
  font-size: 20px;
  color: #fff;
  font-weight: 600;
}

.Potential .videoItem:nth-child(1) {
  background: url(https://wwp-static.oss-cn-hongkong.aliyuncs.com/img/special/tokyoOlympicsImg/videoBgYellow.png);
  background-repeat: no-repeat;
}

.Potential .videoItem:nth-child(2) {
  background: url(https://wwp-static.oss-cn-hongkong.aliyuncs.com/img/special/tokyoOlympicsImg/videoBgGreen.png);
  background-repeat: no-repeat;
}

.Potential .videoItem:nth-child(3) {
  background: url(https://wwp-static.oss-cn-hongkong.aliyuncs.com/img/special/tokyoOlympicsImg/videoBgRed.png);
  background-repeat: no-repeat;
}

<!--/*謙仔睇東奧結束（版本一）*/-->
<!--/*謙仔睇東奧開始（版本2.0）*/-->
@media(max-width:650px) {
  body .qianzaiyidong .more {
    margin-top: 25px;
  }
  body .qianzaiyidong .more img {
    width: 35%;
  }
  body .qianzaiyidong.PCterminal video {
    width: 100%;
    margin-bottom: 15px;
  }
  body .qianzaiyidong{
    display:block;
  }
  body .Potential2{
    display:none;
  }
  body .qianzaiyidong .PCterminal video{
    width:100%;
    margin-bottom:15px;
  }
}
.qianzaiyidong{
  display:none;
}
.Potential2 .more {
  margin-top: 45px;
}

.Potential2 .PCterminal {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.Potential2 .PCterminal video {
  width: calc(33% - 15px);
}
