.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: #000;
}

.container-wrap {
  flex-direction: column;
  /* max-height : 1992px; */
}

.information-warpper {
  min-height           : 1000px;
  background           : url("../../../images/seafish/label-bg.png") no-repeat;
  background-attachment: fixed;
  padding-bottom       : 60px;
  padding-top          : 76px;
}

.information-warpper .container {
  width     : 1200px;
  margin    : auto;
  margin-top: 3px;
  display   : flex;
  flex-wrap : wrap;
  margin-top: 60px;
  position  : relative;
}

.information-warpper .container .label-location {
  color    : #fff;
  font-size: 14px;
  position : absolute;
  top      : -30px;
}

.news-aside-wrap {
  /* max-height: 1988px; */
  height: auto;
}

.hot-news-lable {
  height       : auto;
  max-height   : 450px;
  width        : 339px;
  background   : #fff;
  position     : relative;
  margin-bottom: 85px;
  border-radius: 6px;
}

.hot-news-lable .title {
  background: url("../../../images/seafish/hot-news-label-title.png") no-repeat;
  width     : 284px;
  height    : 55px;
  position  : absolute;
  top       : -45px;
  right     : 0;
}

.hot-news-lable .lables {
  width         : 289px;
  margin        : 30px auto 30px;
  max-height    : 390px;
  overflow      : hidden;
  display       : flex;
  flex-direction: row;
  flex-wrap     : wrap;
}

.hot-news-lable .lables li {
  font-size: 14px;
  position : relative;
  margin   : 0 26px 20px 0;
  cursor   : pointer;
}

.hot-news-lable .lables li:hover {
  color: #ce3f39;
}

.hot-news-lable .lables li::after {
  content  : '|';
  height   : 12px;
  width    : 1px;
  font-size: 1px;
  position : absolute;
  top      : -1px;
  right    : -12px;
  color    : #ccc;
}

.hot-news-lable .lables li a {
  color: #3b3b3b !important;
}

.hot-news-lable .lables .active a {
  color: #ce3f39 !important;
}

.hot-video-lable {
  height       : auto;
  max-height   : 430px;
  width        : 339px;
  background   : #fff;
  position     : relative;
  margin-bottom: 85px;
  border-radius: 6px;
}

.hot-video-lable .title {
  background: url("../../../images/seafish/hot-video-label-title.png") no-repeat;
  width     : 284px;
  height    : 55px;
  position  : absolute;
  top       : -45px;
  right     : 0;
}

.hot-video-lable .lables {
  width         : 289px;
  margin        : 20px auto 30px auto;
  max-height    : 380px;
  overflow      : hidden;
  display       : flex;
  flex-direction: row;
  flex-wrap     : wrap;
}

.hot-video-lable .lables li {
  width        : 60px;
  height       : 39px;
  text-align   : center;
  line-height  : 47px;
  font-size    : 14px;
  position     : relative;
  margin       : 0 16px 10px 0;
  cursor       : pointer;
  background   : url("../../../images/seafish/hot-video-label-icon.png") no-repeat;
  white-space  : nowrap;
  overflow     : hidden;
  text-overflow: ellipsis;
}

.hot-video-lable .lables li:hover {
  color: #ce3f39;
}

.hot-video-lable .lables li:nth-child(4n) {
  margin-right: 0;
}

.news-aside-recommend {
  max-height: 896px;
}

.news-aside-recommend .news-aside-recommend-games {
  max-height: 896px;
}

.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;
}

.news-hot-information .info li {
  display      : flex;
  align-items  : center;
  margin-bottom: 20px;
  cursor       : pointer;
}

.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;
}

.news-list {
  background-color: #ffffff;
  width           : 800px;
  border-radius   : 6px;
  padding         : 25px;
  position        : relative;
  margin-top      : 60px;
}

.news-list .news-wrap {
  overflow  : auto;
  max-height: 840px;
  padding   : 0 20px;
}

/* 滚动条样式 */
.news-list .news-wrap::-webkit-scrollbar {
  width : 6px;
  height: 24px;
}

/*设置滚动条上的滚动滑块样式*/
.news-list .news-wrap::-webkit-scrollbar-thumb {
  background   : #6d6d78;
  border-radius: 8px;
}

/*鼠标位于内容上时，滚动条样式*/
.news-list .news-wrap:hover::-webkit-scrollbar {
  width           : 6px;
  height          : 243px;
  background-color: rgba(33, 35, 62, 0.9);
  border-radius   : 6px;
}

/*鼠标位于内容上时，滚动滑块样式*/
.news-list .news-wrap:hover::-webkit-scrollbar-thumb {
  background   : #6d6d78;
  border-radius: 10px;
}

.news-list .news-wrap:hover::-webkit-scrollbar-track {
  background-color: rgba(33, 35, 62);
}

.news-list .news-item {
  margin-top   : 10px;
  padding      : 10px 20px 40px 20px;
  box-shadow   : 0px 0px 7px rgb(55 55 55 / 16%);
  background   : #fff;
  border-radius: 8px;
}

.news-list .news-item .title {
  font-size     : 18px;
  color         : #1B2F4A;
  font-weight   : bold;
  cursor        : pointer;
  padding-bottom: 15px;
  border-bottom : 1px solid #008CE9;
  display       : inline-block;
}

.news-list .news-item .text {
  /* display           : inline-block; */
  text-indent          : 2em;
  line-height          : 24px;
  font-size            : 14px;
  margin-top           : 10px;
  display              : -webkit-box;
  /* -webkit-line-clamp: 2; */
  -webkit-box-orient   : vertical;
  color                : #ccc;
}

.news-list .news-item .label {
  /* text-align: right; */
  margin-top  : 10px;
  display     : inline-block;
  position    : relative;
  padding-left: 20px;
  float       : right;
  line-height : 20px;
}

.news-list .news-item .label::after {
  content        : " ";
  width          : 23px;
  height         : 23px;
  background     : url(../../../images/seafish/label-icon.png) no-repeat;
  background-size: 80%;
  position       : absolute;
  left           : 0;
  top            : 0;
}

.news-list .news-item .label a {
  color: #ccc;
}

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

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

div {
  scrollbar-width: none;
}