body {
  background: #f3f3f3 !important;
}

ul,
li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.abt-wrapper {
  clear: both;
  max-width: 1400px !important;
  margin: auto;
}

.video {
  margin-top: 24px;
  display: grid;
  /* height: 466px; */
  grid-template-columns: repeat(3, 1fr);
  /* 3 列，每列占 1/3 的宽度 */
  gap: 29px;
  /* background-color: white; */
}

.video .video-detail {
  grid-column: span 2;
  background-color: white;
  /* 跨两列 */
}

.video .video-info {
  overflow: auto;
  background-color: white;
}

.video .video-info .info {
  display: flex;
  font-size: 14px;
  color: #435568;
}

.video .video-info .info .img {
  display: flex;
  align-items: center;
  width: 100%;
  height: 252px;
  overflow: hidden;
}

.video .video-info .info .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.video .video-info .info .info-detail {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
}

.video .video-info .info .info-detail .title {
  font-size: 18px;
  color: #131B23;
}

.video .video-info .info .info-detail .collection {
  width: 60px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  user-select: none;
  /* 禁止选择文本 */
  color: #fff;
  background: #AE0C17;
}

.video .video-info .info .info-detail .favorite {
  background: #EDB873 !important;
  color: #131B23 !important;
}

.video .video-info .text-container {
  position: relative;
  margin-top: 10px;
  word-break: break-word;
  /* 初始显示的高度 */
  font-size: 14px;
  color: #435568;
}

/* .video .video-info .text-container #text-content::after {
  content: "11111";
  display: inline-block;
  width: 100%;
  max-width: 150px;
  visibility: hidden;
} */
.video .video-info .toggle-btn {
  padding-left: 10px;
  color: red;
  cursor: pointer;
  position: absolute;
  bottom: -3px;
  right: 10px;
  /* 背景色 */
}

.video .video-info .toggle-num-btn {
  padding-left: 10px;
  color: red;
  cursor: pointer;
  position: absolute;
  bottom: -26px;
  right: 0;
  /* 背景色 */
}

.video .video-info .episodes {
  position: relative;
  margin: 30px 0;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 8px;
}

.video .video-info .episodes a {
  width: 46px;
  height: 39px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background: #F3F3F3;
  color: #435568;
  border-radius: 4px 4px 4px 4px;
  cursor: pointer;
  border: 1px solid #F3F3F3;
  overflow: hidden;
}

.video .video-info .episodes .more {
  width: 46px;
  height: 39px;
  line-height: 32px;
  text-align: center;
  background: #F3F3F3;
  color: #435568;
  border-radius: 4px 4px 4px 4px;
  cursor: pointer;
  border: 1px solid #F3F3F3;
}

.video .video-info .episodes .retract {
  width: 46px;
  height: 39px;
  line-height: 39px;
  font-size: 14px;
  text-align: center;
  background: #F3F3F3;
  color: #435568;
  border-radius: 4px 4px 4px 4px;
  cursor: pointer;
  border: 1px solid #F3F3F3;
  text-wrap: nowrap;
}

.video .video-info .episodes .active {
  color: #fff;
  border: 1px solid #AE0C17;
  background: #AA0116;
}

.video .video-info .overBox {
  position: relative;
  margin: 30px 0;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 8px;
}

.video .video-info .overBox a {
  width: 46px;
  height: 39px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background: #F3F3F3;
  color: #435568;
  border-radius: 4px 4px 4px 4px;
  cursor: pointer;
  border: 1px solid #F3F3F3;
  overflow: hidden;
}

.video .video-info .overBox .more {
  width: 46px;
  height: 39px;
  line-height: 32px;
  text-align: center;
  background: #F3F3F3;
  color: #435568;
  border-radius: 4px 4px 4px 4px;
  cursor: pointer;
  border: 1px solid #F3F3F3;
}

.video .video-info .overBox .retract {
  width: 46px;
  height: 39px;
  line-height: 39px;
  font-size: 14px;
  text-align: center;
  background: #F3F3F3;
  color: #435568;
  border-radius: 4px 4px 4px 4px;
  cursor: pointer;
  border: 1px solid #F3F3F3;
  text-wrap: nowrap;
}

.video .video-info .overBox .active {
  color: #fff;
  border: 1px solid #AE0C17;
  background: #AA0116;
}


.row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.row>* {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.video-src-box {
  height: 520px;
  width: 100%;
}