#wrapper.wrapper {
  width: 100%!important;
  padding: 0!important;
  background-color: #f0f0f0;
}

.patch-wrapper {
  width: 1120px;
  margin: 0 auto;
}

#content {
  width: 100%;
  overflow: inherit;
  background-color: #f0f0f0;
}

.top-show-bg {
  #background-color: rgba(155,28,31,0.85) ;
  padding: 20px 0 20px;
}

.show-tags {
  border: 1px solid #8c8c8c;
  color: #8c8c8c;
  font-size: 14px;
  padding: 2px;
  margin: 0 3px;
}

.play-title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 8px;
  margin-right: 15px;
  color: rgba(155,28,31,1);
}

.video-title {
  color: rgb(204,204,204);
}

.recommend {
  background-color: #fff;
  padding: 20px;
}

.recommend-title {
  font-size: 18px;
  font-weight: bold;
  color: #3b3a3a;
  padding-bottom: 6px;
  border-bottom: 1px solid #ddd;
  padding-left: 0 !important;
  padding-right: 0 !important;
  position: relative;
}

.recommend-title:before{
  content: '';
  position: absolute;
  bottom: -1px;
  width: 110px;
  height: 1px;
  background-color: rgb(27, 158, 243);
}

.el-col-50 {
  width: 218px; 
  float: left;
}

@media screen and (min-width: 1500px) {
  .patch-wrapper {
    width: 1340px !important;
    margin: 0 auto;
  }
}
@media screen and (max-width: 1200px) {
  #wrapper.wrapper {
    width: 1120px !important;
    margin: 0 auto;
  }
}