/* pages/videoshare/videoshare.wxss */
page{
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.page{
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  box-sizing: border-box;
  background: #000;
}
.videoBox{
  display: block;
  width: 100%;
  height: 100%;
}

.bgcolor {
  width: 100%;
  position: absolute;
  left: 0;
  height: 500rpx;
  bottom: 100rpx;
  pointer-events: none;
  z-index: 99;
  /* background-image: linear-gradient(180deg,
          rgba(0, 0, 0, 0) 0%,
          rgba(0, 0, 0, 0.6) 100%); */
}

.bgcolorshow {
  bottom: 0;
}
.personBox {
  position: absolute;
  bottom: 360rpx;
  left: 40rpx;
  width: 335rpx;
  height: 48rpx;
  z-index: 9;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 24rpx;
}
.personBox  .everyNumBox {
  float: left;
  width: 50%;
}
.personBox  .everyNumBox cover-image {
  width: 22rpx;
  height: 26rpx;
  float: left;
  margin-left: 20rpx;
  position: relative;
  top: 11rpx;
}

.personBox  .everyNumBox cover-view {
  float: left;
  font-family: PingFang-SC-Medium, Source Han Sans CN Medium;
  font-size: 24rpx;
  color: #ffffff;
  margin-left: 10rpx;
  line-height: 48rpx;
}
.personMsgBox {
  position: absolute;
  bottom: 80rpx;
  left: 40rpx;
  z-index: 9;
}
.personMsgBox .headImg {
  width: 80rpx;
  height: 80rpx;
  border-radius: 40rpx;
  border: 2px solid #fff;
  background-color: #fff;
  overflow: hidden;
}
.personMsgBox .headImg cover-image{
  display: block;
  width: 100%;
  height:100%;
}
.personMsgBox .name {
  margin-left: 20rpx;
  font-family: PingFang-SC-Medium, Source Han Sans CN Medium;
  font-size: 32rpx;
  color: #ffffff;
  line-height: 80rpx;
}

.zanBox {
  position: absolute;
  right: 40rpx;
  bottom: 190rpx;
  text-align: center;
  z-index: 1000;

}
#myVideo{
  display: block;
  width: 100%;
  height: 100%;
}
.zanBox cover-image {
  display: block;
  width: 43rpx;
  height: 43rpx;
}
.zanBox cover-view {
  font-family: PingFang-SC-Medium, Source Han Sans CN Medium;
  font-size: 26rpx;
  color: #ffffff;
  margin-bottom: 16px;
}
.sharenumBox {
  display: block;
  position: absolute;
  right: 32rpx;
  bottom: 156rpx;
  z-index: 1000;
  background-color: transparent;
  border: 0px solid transparent;
}
.sharenumBox button{
  display: block;
  background-color: transparent;
  border: 0px solid transparent;
}
.sharenumBox button::after{
  border: 1px solid transparent;
}
.sharenumBox cover-image {
  display: block;
  width: 46rpx;
  height: 42rpx;
}
.sharenumBox cover-view {
  font-family: PingFang-SC-Medium, Source Han Sans CN Medium;
  font-size: 26rpx;
  color: #ffffff;
  margin-bottom: 16rpx;
  background-color: transparent;
}
.collectBox{
  bottom: 320rpx;
}
.collectBox cover-image {
  display: block;
  width: 46rpx;
  margin: 0 auto;
  height: 46rpx;
}
.collectBoxshow{
  bottom: 260rpx;
}
.videoTitle {
  font-family: PingFang-SC-Medium, Source Han Sans CN Medium;
  font-size: 28rpx;
  width: 560rpx;
  height: 40rpx;
  line-height: 40rpx;
  color: #ffffff;
  position: absolute;
  bottom: 300rpx;
  left: 40rpx;
  z-index: 9;
}
.videocontent{
  font-family: PingFang-SC-Medium, Source Han Sans CN Medium;
  font-size: 28rpx;
  width: 560rpx;
  height: 80rpx;
  line-height: 40rpx;
  color: #ffffff;
  position: absolute;
  bottom: 220rpx;
  left: 40rpx;
  z-index: 9;
  white-space:pre-wrap;
}
.videotype{
  font-family: PingFang-SC-Medium, Source Han Sans CN Medium;
  font-size: 28rpx;
  width: 560rpx;
  height: 80rpx;
  line-height: 40rpx;
  color: #ffffff;
  position: absolute;
  bottom: 140rpx;
  left: 40rpx;
  z-index: 9;
}



.footer {
  display: block;
  width: 100%;
  height: 98rpx;
  position: fixed;
  bottom: 0;
  left: 0;
  background: #fff;
  box-sizing: content-box;
  z-index: 99;
}
.footer cover-view {
  display: block;
  width: 50%;
  height: 98rpx;
  font-family: PingFang-SC-Medium, Source Han Sans CN Medium;
  font-size: 34rpx;
  color: #249efb;
  background: #fff;
  line-height: 98rpx;
  text-align: center;
}

.footer cover-view.editContent {
  background: #249efb;
  color: #fff;
}
.sharenumBoxshow {
  bottom: 10rpx;
}

.videoTitleshow {
  bottom: 250rpx;
}
.videocontentshow {
  bottom: 160rpx;
}
.videotypeshow{
  bottom: 80rpx;
}
.personMsgBoxshow {
  bottom: 30rpx;
}
.personlogin{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}
.zanBoxshow {
  bottom: 145rpx;
}
.topText{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 48rpx;
  background-color: rgba(255,114, 2,0.3);
  font-size: 24rpx;
  color: #fff;
  line-height: 48rpx;
  z-index: 999999;
  text-align: center;
}
.viewBox{
  display: block;
  width:750px;
  height:100%;
  position: fixed;
  top: 0;
  left:0;
  z-index: 9999999;
  background: transparent;
} 
.viewBox button{
  display: block;
  width: 100%;
  height:100%;
  color: transparent;
  line-height: 2000rpx;
  background-color: transparent;
  color: transparent;
}