yuminge-app/yun-min-program-plugin-master/packageC/video_goods/myVideo/myVideo.wxss

/* packageC/video_goods/myVideo/myVideo.wxss */
#my-video .load {
  text-align: center;
}

#my-video .load image {
  width: 96rpx;
}

#my-video .member {
  width: 100%;
  background-color: #fff;
  text-align: center;
  padding-top: 52rpx;
  padding-bottom: 52rpx;
}

#my-video .member .member-info {
  left: 18px;
  margin: 0 auto;
  width: 660rpx;
  height: 200rpx;
  border-radius: 20rpx;
  text-align: center;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(255, 255, 255, 0);
  display: flex;
  align-items: center;
}

#my-video .member .member-info .avator {
  padding-left: 34rpx;
}

#my-video .member .member-info .avator .user {
  display: flex;
  text-align: center;
  align-items: center;
}

#my-video .member .member-info .avator .user .activities-name {
  text-align: left;
  flex: 2;
  margin-left: 20rpx;
  line-height: 60rpx;
  font-weight: bold;
  font-size: 14px;
}

#my-video .member .member-info .avator .user .user-head {
  height: 128rpx;
  width: 128rpx;
  background: #fff;
  border-radius: 50%;
  border: 4rpx solid #fff;
  box-sizing: border-box;
  float: left;
  overflow: hidden;
}

#my-video .member .member-info .avator .user .user-head image {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

#my-video .video-list {
  /* margin: 16rpx 16rpx 112rpx 16rpx;
  text-align: left; */
  margin: 16rpx;
  text-align: left;
  padding-bottom: 160rpx;
}

#my-video .video-list .ul {
  vertical-align: top;
  display: inline-block;

  /* display: flex; */

  /* flex-direction: column; */

  /* flex-wrap: wrap; */
  width: 49%;
}

#my-video .video-list .Mright {
  margin-right: 2%;
}

#my-video .video-list .li {
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border-radius: 6px;
  margin-bottom: 16rpx;
  overflow: hidden;
}

#my-video .video-list .play {
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#my-video .video-list .play image {
  width: 90rpx;
  height: 90rpx;
}

#my-video .video-list .ul:first-child {
  margin-right: 0.5rem;
}

#my-video .video-list .p {
  font-size: 14px;
  color: #333;
  font-weight: bold;
  padding: 5px 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

#my-video .video-list .video-img {
  width: 100%;
  height: auto;
}

#my-video .video-list .video-img image {
  width: 100%;
  height: 100%;
}

#my-video .video-list .people {
  display: flex;
  padding: 5px;
}

#my-video .video-list .people image {
  flex: 0 0 48rpx;
  width: 48rpx;
  height: 48rpx;
  border-radius: 50%;
  margin: 0 5px;
}

#my-video .video-list .people .span {
  flex: 1;
  line-height: 48rpx;
  margin: 0 5px;
  font-size: 11px;
  color: #8c8c8c;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.video-list .banner .img {
  width: 100%;
  height: 320rpx;
}

.video-list .banner .img image {
  width: 100%;
  height: 100%;
}

.video-list .video-list {
  margin: 16rpx;
  text-align: left;
}

.video-list .video-list .ul {
  vertical-align: top;
  display: inline-block;
  width: 49%;

  /* display: flex; */

  /* flex-wrap: wrap; */
}

.video-list .video-list .Mright {
  margin-right: 2%;
}

.video-list .video-list .li {
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  overflow: hidden;
  border-radius: 12rpx;
  margin-bottom: 16rpx;
}

.video-list .video-list .play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.video-list .video-list .play image {
  width: 100%;
  height: 100%;
}

.video-list .video-list .li:nth-child(odd) {
  /* margin-right: 16rpx; */
}

.video-list .video-list .p {
  font-size: 28rpx;
  color: #333;
  font-weight: bold;
  padding: 10rpx 20rpx;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.video-list .video-list .video-img {
  width: 100%;
  height: auto;
}

.video-list .video-list .video-img image {
  width: 100%;
  height: 100%;
}

.video-list .video-list .people {
  display: flex;
  padding: 10rpx;
}

.video-list .video-list .people .img {
  flex: 0 0 48rpx;
  width: 48rpx;
  height: 48rpx;
  border-radius: 50%;
  margin: 0 10rpx;
}

.video-list .video-list .people .img image {
  width: 100%;
  height: 100%;
}

.video-list .video-list .people .span {
  flex: 1;
  line-height: 48rpx;
  margin: 0 10rpx;
  font-size: 24rpx;
  color: #8c8c8c;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.del {
  position: absolute;
  top: 10rpx;
  right: 10rpx;
  width: 70rpx;
  height: 70rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: #666;
}

.del icon {
  font-size: 22px;
  color: #fff;
}