applet/sph_applet/pages/followVideo/followVideo....

/* pages/followVideo/followVideo.wxss */
.follow {
  padding: 0 22rpx 22rpx 22rpx;
}
.btn {
  /* display: flex;
  justify-content: space-between;
  align-items: center; */
  text-align: right;
  position: relative;
  padding-bottom: 20rpx;
  margin-bottom: 20rpx;
}
.button {
  display: inline-block;
  width: 140rpx;
  height: 46rpx;
  line-height: 46rpx;
  border-radius: 20rpx;
  background: #2562FF;
  color: #fff;
  font-size: 24rpx;
  text-align: center;
}
.normal {
  background: transparent;
  color: #9480E4;
}
.videoItem {
  width: 100%;
  height: 264rpx;
  background: #F3F7F9;
  margin-bottom: 20rpx;
}
.ul {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 16rpx 16rpx 0 16rpx;
}
.li {
  text-align: center;
  color: #89899C;
  font-size: 24rpx;
}
.videoItem {
  display: flex;
  align-items: center;
  padding: 24rpx 16rpx;
}
.right {
  flex: 1;
  padding-left: 32rpx;
}
.video {
  width: 172rpx;
  height: 216rpx;
  background: url(https://kx-gw.oss-cn-beijing.aliyuncs.com/back.png) no-repeat;
  background-size: 100% 100%;
  position: relative;
  border-radius: 10rpx;
  overflow: hidden;
}
.videoImg {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: auto;
  height: 100%;
}
.desc {
  width: 406rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-bottom: 12rpx;
  border-bottom: 2rpx dashed #89899C;
  color: #000;
  font-size: 26rpx;
}
.num {
  display: block;
  color: #000;
  font-size: 28rpx;
  line-height: 40rpx;
  font-weight: bold;
  margin-bottom: 6rpx;
}
.none {
  margin-top: 100rpx;
  width: 100%;
  color: #000;
  font-size: 24rpx;
  text-align: center;
}
.none image {
  width: 280rpx;
  height: auto;
  margin-bottom: 20rpx;
}