#app {
  padding-bottom: 190px;
}



.show-container .item {
  width: 100%;
  border-radius: 20px;
  background: #ffffff;

  /* °¸ÀýÒõÓ° */
  box-shadow: 0px 4px 10px 0px rgba(13, 35, 62, 0.05);
  margin: 15px 0;
}
.show-container .item video {
  width: 100%;
  height: 346px;
  object-fit: cover;
  border-radius: 20px;
}
.show-container .item .info {
  padding: 20px;
  box-sizing: border-box;
}
.show-container .item .info .top {
  margin-bottom: 10px;
}
.show-container .item .info .title {
  font-size: 17px;
  font-weight: bold;
  color: #151515;
}
.show-container .item .info .status {
  flex-shrink: 0;
  font-size: 17px;
  font-weight: bold;
  color: #236cbb;
}
.show-container .item .info .status.red {
  color: #b80e19;
}
.show-container .item .info .status.yellow {
  color: #af8c19;
}
.show-container .item .info .status.green {
  color: #199f3d;
}

.show-container .item .info .visit {
  width: 136px;
  height: 30px;
  border-radius: 40px;
  background: linear-gradient(81deg, #8ab4e0 -6%, #3585da 113%);
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  text-align: center;
  letter-spacing: 0em;

  cursor: pointer;

  color: #ffffff;
}

.show-container .item .info .type span {
  font-size: 16px;
  font-weight: 500;
  color: #3b3b3b;
}

.show-container .item .info .type > span + span:before {
  color: #cccccc;
  content: "|";
  padding: 0 5px;
}
<!--ºÄʱ1755824024.6744Ãë-->