.slide-videos {
  margin: 0;
  padding: 0;
}

.slide-videos * {
  padding: 0;
  margin: 0;
}

.slide-videos-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
  padding: 0 .4rem;
  -webkit-overflow-scrolling: touch;
}

.slide-videos-list>li {
  list-style: none;
}

.slide-videos-item {
  display: block;
  width: 3.4rem;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: .4rem;
  background: #fff;
  border-radius: .08rem;
  overflow: hidden;
  line-height: 1.5;
  padding-bottom: .12rem;
}

.slide-videos-item a {
  text-decoration: none;
}

.slide-videos-item-cover {
  display: block;
  padding-top: 62.5%;
  background: center/cover no-repeat;
  margin-bottom: .1rem;
  position: relative;
}

.slide-videos-item-date {
  position: absolute;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  bottom: 0;
  left: 0;
  color: #fff;
  line-height: .6rem;
  font-style: normal;
  font-size: .24rem;
  padding-left: .2rem;
  background: -webkit-gradient(linear, left bottom, left top, from(#0b0b0b), to(rgba(11, 11, 11, 0)));
  background: -webkit-linear-gradient(bottom, #0b0b0b 0%, rgba(11, 11, 11, 0) 100%);
  background: linear-gradient(0deg, #0b0b0b 0%, rgba(11, 11, 11, 0) 100%);
}

.slide-videos-item-title {
  padding: 0 .18rem;
  font-size: .24rem;
  height: .72rem;
  overflow: hidden;
  color: #000;
  text-decoration: none;
}

.slide-videos-item-up {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #666;
  text-decoration: none;
  height: .56rem;
  overflow: hidden;
  padding: .05rem 0 .05rem .18rem;
  font-size: .24rem;
}

.slide-videos-item-up-avatar {
  display: block;
  width: .52rem;
  height: .52rem;
  margin-right: .08rem;
  border-radius: 50%;
  background: center/cover no-repeat;
}

.slide-videos-item-up>span {
  display: block;
  width: 2.4rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.slide-videos-item-blank {
  width: .02rem;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.slide-videos-item-showup {
  padding-bottom: 0;
}

.slide-videos-item-showup .slide-videos-item-title {
  height: .32rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}