.single {
  margin-bottom: 20px;
}

.introduction {
  font-size: 13px;
  color: #666666;
  line-height: 1.6;
  padding-bottom: 15px;
}

.videoList {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.itemBg {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 89;
}

.videoItem {
  width: 157px;
  height: 106px;
  background: #d8d8d8;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  margin-bottom: 10px;

  .icon-upload {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    z-index: 9;
  }

  .video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    min-height: 100%;
    background-color: #ccc;
  }

  :global {
    .van-image {
      width: 100%;
      height: 100%;
      overflow: hidden;
    }
  }
}

.fansGroup {
  padding: 0 0 25px !important;

  &:last-child {
    padding-bottom: 12px !important;
  }

  :global {

    .van-cell__title,
    .van-cell__value {
      flex: 1 auto;
    }
  }

  p {
    font-size: 14px;
    color: #999999;
    line-height: 20px;
    width: 160px;
  }
}

.fansImage {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  overflow: hidden;
}

.fansTitle {
  padding-left: 12px;
  font-size: 16px;
  color: #1a1a1a;
  line-height: 22px;

  .title {
    max-width: 160px;
  }
}

.videoGroup {
  width: 90%;
  line-height: 0;
  overflow: inherit;

  :global {
    .colVideo {
      border-radius: var(--van-popup-round-border-radius);
      overflow: hidden;
    }
  }
}
