yuminge-app/yun-min-program-plugin-master/packageH/circleCommunity/circlereleaseVideo/circlereleaseVideo.wxss

/* packageH/circleCommunity/circlereleaseVideo/circlereleaseVideo.wxss */

.releaseVideo .content {
  background: #fff;
  padding-bottom: 32rpx;
  overflow: hidden;
}

.releaseVideo .content .settitle {
  margin: 32rpx 0;
}

.releaseVideo .content .settitle::after {
  border: none;
}

/* .releaseVideo .content .video-wrap {
  width: 350rpx;
  height: 350rpx;
  position: relative;
  display: flex;
  background: #fafafa;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  flex-wrap: wrap;
} */

.releaseVideo .content .back_img {
  margin-top: 60rpx;
  width: 160rpx;
  height: 160rpx;
}

.releaseVideo .content .tips {
  width: 250rpx;
}

.releaseVideo .content .back_img image {
  width: 100%;
  height: 100%;
}

.releaseVideo .content .image-wrap {
  width: 350rpx;
  height: 350rpx;
  position: relative;
  display: flex;
  margin-left: 32rpx;
  background: #fafafa;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  flex-wrap: wrap;
}

.releaseVideo .content .image-wrap .back_img {
  margin-top: 60rpx;
  width: 160rpx;
  height: 160rpx;
}

.releaseVideo .content .image-wrap .tips {
  width: 250rpx;
}

.releaseVideo .content .image-wrap .back_img image {
  width: 100%;
  height: 100%;
}

.releaseVideo .content .image-wrap .img {
  width: 100%;
  height: 100%;
}

.releaseVideo .content .image-wrap .img image {
  width: 100%;
  height: 100%;
}

/* .releaseVideo .content .video-wrap .video-guide {
	position: absolute;
	color: #ffffff;
}

.releaseVideo .content .video-wrap .video-input {
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	opacity: 0;
} */

.changeGoodContent {
  display: flex;
  justify-content: center;
}

.releaseVideo .content .changeGoodClass {
  display: inline-block;
  width: 460rpx;
  height: 80rpx;
  font-size: 32rpx;
  color: #f15353;
  line-height: 80rpx;
  margin-top: 60rpx;
  border-radius: 8rpx;
  border: solid 2rpx #f15353;
  text-align: center;
}

.releaseVideo .goood-class {
  display: flex;
  margin: 20rpx 30rpx 126rpx;
  background: #fff;
}

.releaseVideo .goood-class .img {
  width: 120rpx;
  height: 120rpx;
  margin: 20rpx;
}

.releaseVideo .goood-class .img image {
  width: 100%;
  height: 100%;
}

.releaseVideo .goood-class .right-class {
  flex: 1;
  overflow: hidden;
  padding: 20rpx 20rpx 20rpx 0;
}

.releaseVideo .goood-class .right-class .p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  text-align: left;
  margin-bottom: 25rpx;
  color: #333;
  font-size: 30rpx;
}

.releaseVideo .goood-class .right-class .price {
  display: flex;
  align-items: center;
}

.releaseVideo .goood-class .right-class .price .now-price {
  font-size: 32rpx;
  color: #f15353;
  margin-right: 38rpx;
}

.releaseVideo .goood-class .right-class .price .old-price {
  font-size: 24rpx;
  color: #8c8c8c;
}

.releaseVideo .bottomBtn {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 105rpx;
  background: #fff;
  border-top: solid 2rpx #ebebeb;
  display: flex;
}

.releaseVideo .bottomBtn .span {
  display: inline-block;
  width: 100%;
  height: 80rpx;
  background-color: #f15353;
  border-radius: 8rpx;
  margin: 10rpx 30rpx;
  box-sizing: border-box;
  font-size: 32rpx;
  color: #fff;
  text-align: center;
  line-height: 80rpx;
}

.releaseContent {
  display: flex;
  align-items: center;
  justify-content: center;
}