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

.information-warpper .container {
  width: 894px;
}

.information-warpper .container .label-title {
  display      : flex;
  height       : 50px;
  line-height  : 50px;
  font-size    : 44px;
  font-weight  : bold;
  color        : #FFFFFF;
  margin-bottom: 25px;
}

.information-warpper .container .label-title .label-head {
  font-size  : 44px;
  font-weight: bold;
  color      : #FFFFFF;
}

.information-warpper .container .label-title .label-head i {
  width        : 8px;
  height       : 8px;
  background   : #C10B33;
  border-radius: 50%;
  display      : inline-block;
  margin-left  : 14px;
  margin-right : 40px;
  margin-top   : 10px;
}

.information-warpper .container .label-title p {
  color        : #fff;
  height       : 38px;
  padding      : 0px 30px;
  background   : #C10B33;
  opacity      : 1;
  border-radius: 100px;
  line-height  : 38px;
  font-size    : 16px;
  margin-top   : 10px;
  max-width    : 595px;
  overflow     : hidden;
  text-overflow: ellipsis;
  white-space  : nowrap;
}

.label-lists .label-element {
  color          : #fff;
  display        : flex;
  justify-content: space-between;
  background     : #FFFFFF;
  box-shadow     : 20px 20px 40px rgba(55, 55, 55, 0.16);
  border-radius  : 8px;
  margin-bottom  : 20px;
}

.label-lists .label-element>a {
  width        : 230px;
  height       : 158px;
  border-radius: 8px;
  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);
}

.label-lists .label-element .label-element-content {
  width        : 610px;
  padding      : 20px;
  padding-right: 30px;
  position     : relative;
}

.label-lists .label-element .label-element-content .title {
  font-size    : 18px;
  font-weight  : bold;
  color        : #000;
  margin-bottom: 15px;
  overflow     : hidden;
  text-overflow: ellipsis;
  white-space  : nowrap;
}

.label-lists .label-element .label-element-content .title>a:hover {
  color: #C10B33;
}

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

.label-lists .label-element .label-element-content .details {
  color   : #C10B33;
  position: absolute;
  right   : 22px;
  bottom  : 56px;
}

.label-lists .label-element .label-element-content .date {
  color   : #999;
  position: absolute;
  right   : 23px;
  bottom  : 18px;
}

.label-lists .label-element .label-element-content .label-element-label {
  width      : 580px;
  overflow   : hidden;
  white-space: nowrap;
  display    : flex;
}

.label-lists .label-element .label-element-content .label-element-label>a {
  background   : #ccd5f7;
  color        : #002FD4;
  padding      : 4px 10px;
  margin-right : 10px;
  border-radius: 100px;
  max-width    : 56px;
  overflow     : hidden;
  text-overflow: ellipsis;
  white-space  : nowrap;
  display      : inline-block;
}

.news-label {
  background   : #f3ced6 !important;
  color        : #C10B33 !important;
  padding      : 2px 10px;
  margin-right : 10px;
  border-radius: 100px;
  max-width    : 56px;
  overflow     : hidden;
  text-overflow: ellipsis;
  white-space  : nowrap;
  display      : inline-block;
}

.aside {
  width: 285px;
}

/* 热门资讯标签 */
.aside .news-video-content {
  width        : 285px;
  background   : #FFFFFF;
  box-shadow   : 20px 20px 40px rgba(0, 0, 0, 0.16);
  opacity      : 1;
  border-radius: 8px;
}

.hot-news,
.hot-video {
  padding: 20px;
}

.hot-news .title,
.hot-video .title {
  font-size     : 24px;
  font-weight   : bold;
  color         : #000000;
  padding-bottom: 10px;
  border-bottom : 1px solid #ccd5f7;
  position      : relative;
}

.hot-video .title:after,
.hot-news .title:after {
  content      : ' ';
  width        : 141px;
  height       : 3px;
  position     : absolute;
  background   : #201753;
  left         : 0px;
  bottom       : -2px;
  border-radius: 100px;
}

.hot-news .hot-news-label,
.hot-video .hot-news-label {
  padding: 24px 0;
}

.hot-news .hot-news-label a,
.hot-video .hot-news-label a {
  background   : #F1F1F1;
  color        : #666666 !important;
  padding      : 5.5px 8px;
  margin-bottom: 16px;
  margin-right : 6px;
  display      : inline-block;
  cursor       : pointer;
  border-radius: 100px;
  max-width    : 230px;
  overflow     : hidden;
  text-overflow: ellipsis;
  white-space  : nowrap;
}

.banner-title {
  position  : static;
  margin-top: 60px;
}

.hot-news .hot-news-label a:hover {
  color: #C10B33 !important;
}

.hot-video .hot-news-label a:hover {
  color: #002FD4 !important;
}

.news-list {
  /* width   : 1200px; */
  margin  : 30px auto 40px auto;
  padding : 25px 0;
  position: relative;
}

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

.news-list .news-item {
  margin-top   : 10px;
  padding      : 10px 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;
}

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

.news-list .news-item .label a {
  padding      : 4px 10px;
  margin-right : 10px;
  border-radius: 100px;
  max-width    : 56px;
  overflow     : hidden;
  text-overflow: ellipsis;
  white-space  : nowrap;
  display      : inline-block;
  background   : #f3ced6 !important;
  color        : #C10B33 !important
}

/* 滚动条样式 */
.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: #201753;
}

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

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

div {
  scrollbar-width: none;
}