.link {
  padding: 1%;
  background-color: #FFFFFF;
  border: 1px solid #EEEEEE;
}
.link .link_hd {
  padding: 10px 0;
  color: #333;
  font-size: 17px;
}
.link .link_hd img {
  width: 20px;
  vertical-align: middle;
  margin-right: 5px;
}
.link .link_bd {
  padding: 10px 0;
}
.link .link_bd ul {
  overflow: hidden;
}
.link .link_bd ul li {
  float: left;
  margin: 0 20px 12px 0;
}
.link .link_bd ul li a {
  color: #999999;
  font-size: 13px;
}
.link .link_bd ul li a:hover {
  color: #ff9900;
}
.vodlist ul {
  display: flex;
  flex-wrap: wrap;
}
.vodlist ul li {
  flex: 20%;
  max-width: 20%;
  padding: 1%;
}
.vodlist ul li:nth-child(11),
.vodlist ul li:nth-child(12) {
  display: none;
}
@media screen and (max-width: 768px) {
  .content .vodbox .vodbox-l {
    width: 100%;
  }
  .content .vodbox .vodbox-l .hd .hd-r ul li:not(:last-child) {
    display: none;
  }
  .content .vodbox .vodbox-l .vodlist ul li {
    flex: 33.3%;
    max-width: 33.3%;
  }
  .content .vodbox .vodbox-l .vodlist ul li:nth-child(11),
  .content .vodbox .vodbox-l .vodlist ul li:nth-child(12) {
    display: block;
  }
  .content .vodbox .vodbox-l .vodlist ul li .cover a img {
    height: 200px;
  }
  .content .vodbox .vodbox-l .vodlist ul li .detail p {
    display: none;
  }
}