/* 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%; } .videoBoxUp { display: block; width: 100%; height: 420rpx; margin-top: 360rpx; } .bgcolor { width: 100%; position: absolute; left: 0; height: 410rpx; bottom: 100rpx; pointer-events: none; z-index: 8; /* 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: 380rpx; */ height: 48rpx; z-index: 8; background-color: rgba(0, 0, 0, 0.5); border-radius: 24rpx; padding: 0 16rpx; } .personBox .everyNumBox { float: left; /* width: 50%; */ } .personBox .everyNumBox image { width: 22rpx; height: 26rpx; float: left; margin-left: 12rpx; position: relative; top: 11rpx; } .personBox .everyNumBox 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: 180rpx; left: 40rpx; z-index: 8; } .personMsgBox .headImg { width: 80rpx; height: 80rpx; border-radius: 40rpx; border: 2px solid #fff; background-color: #fff; overflow: hidden; } .personMsgBox .headImg 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: 36rpx; bottom: 270rpx; text-align: center; z-index: 8; } #myVideo { display: block; width: 100%; height: 100%; } .videoTitle { font-family: PingFang-SC-Medium, Source Han Sans CN Medium; font-size: 28rpx; width: 480rpx; height: 40rpx; line-height: 40rpx; color: #ffffff; z-index: 8; } .videocontent { font-family: PingFang-SC-Medium, Source Han Sans CN Medium; font-size: 28rpx; width: 480rpx; max-height: 80rpx; line-height: 40rpx; color: #ffffff; white-space: pre-wrap; } .showDscText { /* position: absolute; bottom: 82rpx; */ display: inline; color: #fff; /* right: 0rpx; */ font-weight: 700; font-size: 28rpx; margin-left: 10rpx; position: relative; top: 6rpx; } .videocontentshow { max-height: 400rpx; } .hideText { display: inline; color: #fff; font-size: 28rpx; margin-left: 40rpx; font-weight: 700; position: relative; top: 6rpx; } .videotype { font-family: PingFang-SC-Medium, Source Han Sans CN Medium; font-size: 28rpx; width: 560rpx; height: 80rpx; line-height: 40rpx; color: #ffffff; } .videomsgbox{ position: absolute; bottom: 156rpx; left: 25rpx; z-index: 8; } .alertbox { position: fixed; display: block; padding: 20rpx 32rpx; top: 50%; left: 50%; z-index: 8; background: rgba(0, 0, 0, 0.8); color: #fff; max-width: 400rpx; transform: translateX(-50%) translateY(-50%); word-wrap: break-word; font-size: 24rpx; border-radius: 10rpx; } /* 右侧 */ .sharenumBox { display: block; position: absolute; right: 0; bottom: 156rpx; z-index: 97; background-color: transparent; border: 0px solid transparent; } .sharenumBox button { display: block; background-color: transparent; border: 0px solid transparent; height: 100rpx; margin-bottom: 32rpx; } .sharenumBox button::after { border: 1px solid transparent; } .sharenumBox image { display: block; width: 46rpx; height: 42rpx; } .sharenumBox view { font-family: PingFang-SC-Medium, Source Han Sans CN Medium; font-size: 26rpx; color: #fff; margin-bottom: 16rpx; background-color: transparent; } .sharenumBoxshow view { color: #fff !important; } .box-center image { display: block; margin: 0 auto; } .avatarBox { width: 80rpx !important; height: 80rpx !important; border-radius: 50% !important; } .personamebox1{ width: 140rpx; } .signUpBtn{ display: block; width: 230rpx; height: 60rpx; background-color: #28A1FF; font-size: 28rpx; color: #fff; text-align: center; line-height: 60rpx; border-radius: 8rpx; margin-bottom: 4rpx; } .pricebtnimg{ display: block; position: relative; left: -4rpx; top: -20rpx; width: 140rpx !important; height: 140rpx !important; z-index: 9; } .box-center image.bwicon{ width: 60rpx; height: 60rpx; } .box-center view.btext{ position: relative; top: -8px; }