pika_shangjia/components/share/share.css

/* 分享弹窗 */
.ceng{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.4);z-index: 99;}
.beshare{position: fixed;top: 50%;left: 60rpx;right: 60rpx;transform: translateY(-50%);z-index: 100;}
.beshares{background: #f6f6f6;border-radius: 20rpx;position: relative;padding: 0 30rpx 30rpx;}
.sharebg{position: absolute;top: 0;left: 0;width: 100%;border-radius: 20rpx;z-index: 1;}
.close{display: block;width: 41rpx;height: 41rpx;position: absolute;top: -60rpx;right: 17rpx;}
.dflex{display: flex;display: -webkit-flex;align-items: center;}
.flex{flex: 1;-webkit-flex: 1;}
.user{padding: 30rpx 0;position: relative;z-index: 2;}
.user .toux{display: block;width: 100rpx;height: 100rpx;border-radius: 50%;margin-right: 30rpx;}
.user .live{width: 100rpx; height: 56rpx; position: fixed; top: 60rpx; right: 30rpx;}
.user .flex view{font-size: 32rpx;color: #333;}
.user .flex text{display: block;font-size: 24rpx;color: #999;margin-top: 10rpx;}
.user .flex view.colorfff,.user .flex text.colorfff{color: #fff;}
.binfos{background: #fff;border-radius: 20rpx;position: relative;overflow: hidden;z-index: 2;}
.bimgbox{padding: 20rpx 20rpx 0;}
.bimg{display: block;width: 100%;height: 500rpx;margin: 0 auto;position: relative;z-index: 2;}
.btit{font-size: 30rpx;color: #333;margin: 15rpx 20rpx 0 0;display: -webkit-box;overflow : hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.bprice{font-size: 40rpx;color: #FD3B31;}
.bprice text{font-size: 28rpx;}
.del{font-size: 24rpx;color: #999;text-decoration: line-through;margin-left: 20rpx;}
.texts{font-size: 30rpx;color: #333;padding: 20rpx 20rpx 30rpx;display: flex;display: -webkit-flex;align-items: center;justify-content: space-between;}
.code{position: relative;z-index: 3;}
.code image{display: block;width: 200rpx;height: 200rpx;margin: 0 auto;}
.save{width: 330rpx;height: 80rpx;border-radius: 40rpx;background: #fff;font-size: 30rpx;color: #e80113;text-align: center;line-height: 80rpx;margin: 40rpx auto 0;}
.sharePop{background: #fff;position: fixed;left: 0;bottom: 0;right: 0;z-index: 101;padding: 50rpx 0 0;}
.share-tit{font-size: 36rpx;color: #333;text-align: center;display: flex;display: -webkit-flex;align-items: center;justify-content: center;}
.share-tit::before{content: '';display: block;width: 70rpx;height: 2rpx;background: #666;margin-right: 20rpx;}
.share-tit::after{content: '';display: block;width: 70rpx;height: 2rpx;background: #666;margin-left: 20rpx;}
.share-btn{border-bottom: 1rpx solid #e5e5e5;padding: 60rpx 0 35rpx;display: flex;display: -webkit-flex;justify-content: center;}
.friend,.poster{width: 50% !important;text-align: center;font-size: 30rpx;color: #666;}
.friend image,.poster image{display: block;width: 110rpx;height: 110rpx;margin: 0 auto 15rpx;}
.cancel{font-size: 30rpx;color: #333;text-align: center;padding: 25rpx 0;}
canvas{
  position:fixed;left:9000px;
}
.blive{font-size: 40rpx; color: #333333;}