.information-warpper {
  display        : flex;
  justify-content: space-between;
  width          : 1200px;
  margin         : auto;
}

.information-warpper .container {
  width        : 780px;
  border       : 1px solid #293048;
  margin-bottom: 80px;
  height: max-content;
}

.information-warpper .container .label-title {
  display      : flex;
  height       : 50px;
  line-height  : 50px;
  border-bottom: 1px solid #293048;
}

.information-warpper .container .label-title p {
  font-size: 14px;
  color    : #FF9900;
}

.information-warpper .container .label-title p:first-child {
  font-size   : 24px;
  color       : #FFFFFF;
  margin-right: 17px;
}

.information-warpper .container .label-title p:first-child i {
  width        : 8px;
  height       : 8px;
  background   : #FF9900;
  border-radius: 50%;
  display      : inline-block;
  margin-right : 10px;
}

.information-warpper .container .label-lists {
  max-height: 2188px;
  overflow  : hidden;
}

.label-lists .label-element {
  margin         : 0 40px;
  padding        : 24px 0;
  border-bottom  : 1px solid #293048;
  color          : #fff;
  display        : flex;
  justify-content: space-between;
  position       : relative;
}

.label-lists .label-element>a {
  width   : 220px;
  height  : 126px;
  position: relative;
}

.label-lists .label-element a img {
  width     : 100%;
  height    : 100%;
  object-fit: cover;
}

.label-lists .label-element a .video-play {
  width   : 40px;
  height  : 40px;
  position: absolute;
  top     : calc(50% - 20px);
  left    : calc(50% - 20px);
  z-index : 2;
}

.label-element-wrap {
  width     : 220px;
  height    : 126px;
  background: rgb(0, 0, 0, 0.5);
  position  : absolute;
  left      : 0;
  top       : 0;
}

.label-lists .label-element .label-element-content {
  width: 456px;
}

.label-lists .label-element .label-element-content .title a {
  font-size    : 18px;
  font-weight  : bold;
  color        : #FFFFFF;
  margin-bottom: 20px;
  display      : inline-block;
  max-width    : 465px;
  overflow     : hidden;
  text-overflow: ellipsis;
  white-space  : nowrap;
}

.label-lists .label-element .label-element-content .dic {
  font-size         : 14px;
  margin-bottom     : 25px;
  line-height       : 24px;
  color             : #FFFFFF;
  opacity           : 0.6;
  width             : 94%;
  height            : 45px;
  max-height        : 45px;
  overflow          : hidden;
  text-overflow     : ellipsis;
  display           : -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.label-lists .label-element .label-element-content .dic:hover {
  color: #fff !important;
}

.label-lists .label-element .label-element-content .detail {
  color   : #FF9900;
  float   : right;
  position: absolute;
  right   : 0px;
  bottom  : 71px;
}

.label-lists .label-element .label-element-content .label-element-label .video-label {
  color        : #6e86dc;
  background   : #2b3055;
  font-size    : 12px;
  padding      : 4px 10px;
  margin-right : 10px;
  display      : inline-block;
  max-width    : 59px;
  overflow     : hidden;
  text-overflow: ellipsis;
  white-space  : nowrap;
}

.label-lists .label-element .label-element-content .label-element-label .news-label {
  background   : rgba(255, 153, 0, 0.2);
  font-size    : 12px;
  padding      : 4px 10px;
  color        : #ff9900;
  margin-right : 10px;
  display      : inline-block;
  max-width    : 59px;
  overflow     : hidden;
  text-overflow: ellipsis;
  white-space  : nowrap;
}

.label-lists .label-element .label-element-content .date {
  font-size  : 12px;
  color      : #9ea0aa;
  float      : right;
  line-height: 22px;
}

/* 热门资讯标签 */
.hot-news .title,
.hot-video .title {
  font-size  : 50px;
  font-weight: bold;
  color      : #FFFFFF;
  margin-top : 40px;
}

.hot-news .title-bg,
.hot-video .title-bg {
  position: relative;
  top     : -23px;
  z-index : -1;
}

.hot-news .hot-news-label,
.hot-video .hot-news-label {
  width   : 350px;
  border  : 1px solid #212840;
  padding : 24px 6px 24px 22px;
  overflow: hidden;
}

.hot-news .hot-news-label a {
  background   : #3d2f23;
  color        : #FF9900;
  padding      : 5.5px 8px;
  margin-bottom: 16px;
  margin-right : 12px;
  display      : inline-block;
  cursor       : pointer;
  max-width    : 320px;
  overflow     : hidden;
  text-overflow: ellipsis;
  white-space  : nowrap;
}


.hot-video .hot-news-label a {
  background   : #2b3055;
  color        : #6e86dc;
  padding      : 5.5px 8px;
  margin-bottom: 16px;
  margin-right : 12px;
  display      : inline-block;
  cursor       : pointer;
}

/* 分页 */
.pagination {
  display        : flex;
  justify-content: center;
  padding        : 3px;
  margin         : 3px;
  text-align     : center;
  margin-bottom  : 18px;
  margin-top     : 18px;
}

.pagination li {
  border         : 1px solid #9ea0aa;
  margin         : 5px;
  text-decoration: none;
  font-size      : 16px;
  border-radius  : 3px;
}

.pagination li:hover {
  border: 1px solid #ff9900;
  color : #ff9900;
}

.pagination li:active {
  border: 1px solid #ff9900;
  color : #ff9900 !important;
}

.pagination li a {
  display: inline-block;
  padding: 5px 15px;
  color  : #9ea0aa;
}

.pagination li span {
  display: inline-block;
  padding: 5px 15px;
}

.pagination .disabled {
  color: #9ea0aa;
}

.pagination .actived {
  color     : #fff !important;
  background: #ff9900 !important;
  border    : 1px solid #ff9900;
}

.label-news {
  margin-top   : 40px;
  /* border    : 1px solid #293048; */
}

.label-news .title {
  font-size       : 50px;
  color           : #fff;
  margin-left     : 20px;
  /* margin-bottom: 20px; */
}

.news-list {
  /* width        : 1200px; */
  margin       : auto;
  padding      : 25px;
  margin-bottom: 80px;
  overflow     : auto;
  max-height   : 840px;
}

.news-list .news-item {
  margin-top   : 10px;
  padding      : 10px 20px;
  border       : 1px solid #293048;
  border-radius: 8px;
}

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

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

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

.news-list .news-item .label {
  text-align: right;
  margin-top: 10px;
}

.news-list .news-item .label a {
  background   : rgba(255, 153, 0, 0.2);
  font-size    : 12px;
  padding      : 4px 10px;
  color        : #ff9900;
  margin-right : 10px;
  display      : inline-block;
  max-width    : 59px;
  overflow     : hidden;
  text-overflow: ellipsis;
  white-space  : nowrap;
}

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

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

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

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

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

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

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

div {
  scrollbar-width: none;
}

/* 右边栏 */
.aside{
  margin-bottom: 80px;
}

/* 欧冠赛事 */
.match-list {
  font-size: 18px;
  color: #ffffff;
  border: 1px solid #CC7A00;
  margin: 30px 40px 0 40px;
  padding: 30px 20px;
  position: relative;
}
.match-list__label {
  background: #CC7A00;
  width: 86px;
  padding: 8px 15px;
  position: absolute;
  top: -20px;
}
.match-list__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.match-list__team {
  display: flex;
  align-items: center;
}
.match-list__team-vs {
  margin: 0 15px;
}
.match-list__home-team,
.match-list__visitor-team {
  display: flex;
  align-items: center;
}

.match-list__home-team > img,
.match-list__visitor-team > img {
  width: 40px;
  height: 40px;
}
.match-list__home-team-name {
  margin-right: 10px;
}
.match-list__visitor-team-name {
  margin-left: 10px;
}
.match-list__play-btn {
  border: 1px solid #CC7A00;
  padding: 10px 20px;
  border-radius: 6px;
  cursor: pointer;
  color: red;
  font-weight: bold;
}