// .materialsTotal{
//     // display: flex;
//     // justify-content: space-between;
//     // flex-wrap: wrap;

// }

.materialsTotal .next-pagination .next-pagination-item.next-current {
  border-color: #ff6a00;
  background: none !important;
  color: #ff6a00;
}

.contentHeight {
  height: 386px;
  width: 800px;
}

.IconHeight {
  height: 378px;
  width: 800px;
}

.videoHeight {
  height: 400px;
  width: 800px;
}

.materialsStyle {
  width: 144px;
  height: 174px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  float: left;
  margin-right: 12px;
}

.materialsImgStyle {
  max-width: 142px;
  max-height: 142px;
  // width: 144px;
  // height: 144px;
  box-sizing: border-box;
  background-color: rgba(235, 235, 235, 1);
  border: 1px solid transparent;
}

.materialsNameStyle {
  height: 17px;
  font-family: PingFangSC-Regular;
  font-size: 12px;
  color: #4a5b6d;
  letter-spacing: 0;
  margin-top: 6px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 144px;
  padding: 1px 3px;
}

.pictureStyle {
  background-color: #ebebeb;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 144px;
  width: 144px;
}

.imgBox {
  position: relative;
}

.titleStyle {
  background-color: #ff6a00;
  color: #fff;
}

.extraInfo {
  font-family: PingFangSC-Regular;
  font-size: 12px;
  color: #595959;
  letter-spacing: 0;
  padding: 7px 0 0 30px;
}

.materialsStyle {
  margin-bottom: 19px;
}

.materials_Style {
  margin-bottom: 17px;
  margin-right: 12px;
}

//图标样式
.materials_Style {
  width: 86px;
}

.materials_Style,
.materials_Style_Box,
.videoMaterials_Style {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  float: left;
}

.materials_Style_Box {
  height: 86px;
  width: 86px;
  background: #ebebeb;
  background-color: #ebebeb;
}

.materials_Style_Box_Icon {
  height: 26.9px;
  width: 24.9px;
  max-width: 85px;
  max-height: 85px;
}

.iconPosition {
  margin-top: 6px;
}

.iconTitleStyle {
  max-width: 86px;
  padding: 1px 3px;
}

//视频样式
.videoMaterials_Style {
  margin-right: 12px;
}

.videoMaterials_Style_Box {
  border: 1px solid transparent;
  width: 249px;
  background-color: #ebebeb;
  height: 140px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.videoMaterials_Style_Box a {
  display: block;
  display: flex;
  justify-content: center;
  align-items: center;
}

.Materials_Style_Box_Video {
  max-width: 248px;
  // width: 249px;
  // height: 140px;
  max-height: 139px;
}

.videoMaterials_Style {
  margin-bottom: 31px;
}

.videoTitleStyle {
  max-width: 249px;
}

//加边框
.ImgBorder {
  border: 1px solid #ff6a00;
}

//翻页器位置
.paginationsPosition {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  margin-top: 23px;
  padding-right: 11px;
}

.picPaginationPosition {
  margin-top: 19px;
}

.page-demo {
  margin-top: 10px;
}

.page-position {
  float: right;
  margin-top: 30px;
}

//其他样式
.others {
  font-size: 12px;
  width: 769px;
  .btn {
    margin-bottom: 14px;
  }
}

//四个tab气泡
.tooltipBottom {
  font-size: 12px;
  height: 17px;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 1px 3px;
}
.imgTitle {
  max-width: 144px;
}
.iconTitle {
  max-width: 86px;
}
.videoTitle {
  max-width: 249px;
}