.overflow-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.label-style {
  width: 65px;
  height: 23px;
  border: 1px solid #2795d2;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
  text-align: center;
  line-height: 23px;
  cursor: pointer;
  font-size: 14px;
  margin-right: 7px;
  color: #2795d2;
}
body {
  background: #333;
}
.information-warpper {
  min-height: 1000px;
  background: url("../../../images/seafish/news-bg.png") no-repeat;
  background-attachment: fixed;
  padding-bottom: 60px;
  padding-top: 76px;
}
.container {
  width: 1200px;
  margin: auto;
  margin-top: 3px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.container .news-aside-wrap {
  margin-top: 70px;
}
.container-wrap {
  width: 850px;
  display: flex;
  margin-top: 27px;
  flex-direction: column;
}
.container-wrap .live-replay-label {
  width: 761px;
  height: 31px;
  border-bottom: 2px solid #212121;
  display: flex;
  align-items: center;
  margin: 25px 16px 0 40px;
  padding-bottom: 8px;
}
.container-wrap .live-replay-label .label-icon {
  background: url("../../../images/seafish/label-icon.png") no-repeat;
  width: 22px;
  height: 22px;
  margin-right: 4px;
}
.container-wrap .live-replay-label p {
  font-size: 18px;
  font-weight: bold;
}
.container-wrap .live-replay-label .hotlabels {
  display: flex;
}
.container-wrap .live-replay-label .hotlabels li {
  height: 23px;
  border: 1px solid #2795d2;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
  text-align: center;
  line-height: 23px;
  cursor: pointer;
  font-size: 14px;
  margin-right: 7px;
  color: #2795d2;
  width: 65px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.container-wrap .live-replay-label .hotlabels li a {
  color: #2795d2;
  padding: 0 8px;
}
.container-wrap .live-replay-label .hotlabels li a:hover {
  color: #2795d2;
}
.container-wrap .live-replay-video {
  width: 814px;
  display: flex;
  margin: 9px 16px 38px 20px;
  flex-direction: column;
}
.container-wrap .live-replay-video .live-replay-video-info {
  width: 785px;
  height: 24px;
  display: flex;
  font-size: 16px;
  color: #333;
  align-items: center;
  padding: 10px 5px 12px 16px;
}
.container-wrap .live-replay-video .live-replay-video-info .live-replay-video-info:first-child {
  margin-top: 25px;
}
.container-wrap .live-replay-video .live-replay-video-info:hover {
  background: url("../../../images/seafish/match-active-bg.png") center no-repeat;
  border-radius: 4px;
  color: #fff;
}
.container-wrap .live-replay-video .live-replay-video-info .info-football-icon {
  width: 23px;
  height: 23px;
  background: url("../../../images/seafish/football-icon.png");
  margin-right: 10px;
}
.container-wrap .live-replay-video .live-replay-video-info .info-basketball-icon {
  width: 26px;
  height: 24px;
  background: url("../../../images/seafish/basketball-icon.png") no-repeat;
  margin-right: 7px;
}
.container-wrap .live-replay-video .live-replay-video-info .info-match {
  display: flex;
  width: 226px;
  margin-right: 65px;
}
.container-wrap .live-replay-video .live-replay-video-info .info-match .league {
  margin-right: 8px;
}
.container-wrap .live-replay-video .live-replay-video-info .info-match .name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.container-wrap .live-replay-video .live-replay-video-info .info-match .name a:hover {
  color: #fff !important;
}
.container-wrap .live-replay-video .live-replay-video-info .info-date {
  color: #cfcfcf;
  font-size: 14px;
  margin-right: 20px;
  margin-top: 2px;
}
.container-wrap .live-replay-video .live-replay-video-info .info-label {
  display: flex;
  width: 350px;
  align-items: center;
  margin-right: 5px;
  font-size: 18px;
  color: #bababa;
}
.container-wrap .live-replay-video .live-replay-video-info .info-label p {
  width: 54px;
}
.container-wrap .live-replay-video .live-replay-video-info .info-label .hotlabels {
  display: flex;
}
.container-wrap .live-replay-video .live-replay-video-info .info-label .hotlabels li {
  height: 23px;
  border: 1px solid #2795d2;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
  text-align: center;
  line-height: 23px;
  cursor: pointer;
  font-size: 14px;
  margin-right: 7px;
  color: #2795d2;
  width: 65px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.container-wrap .live-replay-video .live-replay-video-info .info-label .hotlabels li a {
  color: #2795d2;
  padding: 0 6px;
}
.container-wrap .live-replay-video .live-replay-video-info .info-label .hotlabels li a:hover {
  color: #fff !important;
}
.container-wrap .live-replay-video .live-replay-video-info .info-play-icon {
  width: 27px;
  height: 27px;
  background: url("../../../images/seafish/playback-icon.png");
}
.container-wrap .live-replay-video .live-replay-video-info:hover:not(.info-football-icon) .info-football-icon {
  width: 25px;
  height: 25px;
  background: url("../../../images/seafish/football-hover-icon.png");
}
.container-wrap .live-replay-video .live-replay-video-info:hover:not(.info-basketball-icon) .info-basketball-icon {
  width: 25px;
  height: 25px;
  background: url("../../../images/seafish/basketball-hover-icon.png");
}
.container-wrap .live-replay-video .live-replay-video-info:hover:not(.info-label) .info-label {
  color: #fff;
}
.container-wrap .live-replay-video .live-replay-video-info:hover:not(.info-label) .info-label:not(.hotlabels) .hotlabels:not(li) li {
  border: 1px solid #fff;
  color: #fff;
}
.container-wrap .live-replay-video .live-replay-video-info:hover:not(.info-label) .info-label:not(.hotlabels) .hotlabels:not(li) li a {
  color: #fff !important;
}
.container-wrap .live-replay-video .live-replay-video-info:hover:not(.info-label) .info-label:not(.hotlabels) .hotlabels:not(li) li:hover {
  border: none;
  background: url("../../../images/seafish/label-hover-bg.png");
}
.container-wrap .live-replay-video .live-replay-video-info:hover:not(.info-play-icon) .info-play-icon {
  width: 41px;
  height: 33px;
  margin-bottom: 5px;
  background: url("../../../images/seafish/replay--hover-icon.png");
}
.container-wrap .live-replay-video .live-replay-video-info:hover:not(.name) .name a {
  color: #fff;
}
.news-hot-information {
  width: 339px;
  height: 100%;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  position: relative;
}
.news-hot-information .title {
  width: 312px;
  height: 87px;
  background: url("../../../images/seafish/information-title-bg.png");
}
.news-hot-information .info {
  height: auto;
  max-height: 548px;
  width: 299px;
  padding: 20px 20px 0 20px;
  overflow: hidden;
  background: #fff;
  position: relative;
  font-size: 14px;
  display: flex;
  flex-direction: column;
  overflow: auto;
}
.news-hot-information .info li {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.news-hot-information .info li:hover {
  color: #ce3f39;
}
.news-hot-information .info li .info-league {
  width: 50px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  color: #fff;
  border-radius: 6px;
  background: #365eae;
  margin-right: 4px;
}
.news-hot-information .info li .info-match {
  width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.news-hot-information .info li .info-date {
  color: #cfcfcf;
}



div::-webkit-scrollbar {
  display: none;
}

div:hover::-webkit-scrollbar {
  display: none;
}

div {
  scrollbar-width: none;
}