.broadcast {
  overflow: hidden;
  margin: 10px 0;
}
.broadcast .item {
  width: 618px;
  /* height: 196px; */
  height: 243px;
  overflow: hidden;
  position: relative;
  float: left;
}
@media (max-width: 1019px) {
  .broadcast .item {
    width: 100%;
    /* height: 196px; */
    height: 243px;
  }
}
@media (max-width: 767px) {
  .broadcast .item {
    /* height: 196px; */
    height: 243px;
  }
}
@media (max-width: 425px) {
  .broadcast .item {
    height: 141px;
  }
}
.broadcast .item ul {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
  width: 100%;
}
@media (max-width: 767px) {
  .broadcast .item ul {
    height: 100%;
  }
}
@media (max-width: 767px) {
  .broadcast .item ul li {
    height: 100%;
  }
}
.broadcast .item ul li img {
  width: 100%;
  height: 243px;
}
@media (max-width: 767px) {
  .broadcast .item ul li img {
    height: 100%;
  }
}
.broadcast .itemtab {
  width: 133px;
  float: right;
}
@media (max-width: 1019px) {
  .broadcast .itemtab {
    width: 100%;
  }
  .broadcast .itemtab > ul {
    display: flex;
  }
}
.broadcast .itemtab ul li {
  width: 100%;
  height: 44px;
  overflow: hidden;
  position: relative;
  background: #f8f8f8;
  border: 2px solid transparent;
  margin-bottom: 1px;
}
.broadcast .itemtab ul li:last-child {
  margin-bottom: 0;
}
@media (max-width: 1019px) {
  .broadcast .itemtab ul li {
    height: 27px;
  }
}
.broadcast .itemtab ul li:hover,
.broadcast .itemtab ul li.active {
  border: 2px solid #abb9cf;
}
.broadcast .itemtab ul li:hover img,
.broadcast .itemtab ul li.active img {
  opacity: 1;
}
.broadcast .itemtab ul li img {
  position: relative;
  z-index: 1;
  opacity: 0.6;
  width: 100%;
}
@media (max-width: 767px) {
  .broadcast .itemtab ul li img {
    height: 100%;
  }
}