/* 分享组件 */ .sharelayerbox{ display: block; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99999 !important; background-color: rgba(0, 0, 0, 0.4); } .tcenter{ text-align: center; } .sharefootbox { background-color: #f6f6f6; position: absolute; bottom: 0; left: 0; width: 100%; box-sizing: border-box; padding: 24rpx 20rpx 0; } .wleft{ float: left; } .clearfix:after { clear: both; content: ' '; display: table; } .clearfix:before { content: ' '; display: table; } .fontr24{ font-size: 24rpx; } .lhr40{ line-height: 40rpx; } .sharetitle { font-size: 32rpx; font-family: PingFangSC-Medium, Source Han Sans CN Medium; } .shareviewbox { display: block; width: 100%; padding-top: 20rpx; box-sizing: border-box; overflow-x: auto; } .shareviewbox .imgs { display: block; width: 100rpx; height: 100rpx; margin: 0 auto 12rpx; } .everysharebtn { margin-right: 6rpx; margin-bottom: 40rpx; } .mr16 { margin-right: 16rpx !important; } .mr12 { margin-right: 8rpx !important; } .shareviewbox .everysharebtn:nth-of-type(6n) { margin-right: 0; } .canclebox { display: block; width: 100%; background-color: #fff; height: 98rpx; line-height: 98rpx; text-align: center; font-size: 28rpx; color: #282828; } .saveimgbox{ display: block; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1000; background-color: rgba(56, 72, 85, 0.8); } .posterbox{ display: block; width: 710rpx; height: 80%; position: absolute; left: 20rpx; top: 10%; } .poster{ display: block; width: 100%; height: 1000rpx; margin: 0 auto; background-color: #fff; } .downbtn{ display: block; width: 376rpxpx; height: 88rpx; background: #51B464; border-radius: 10rpx; margin: 40rpx auto 0; color: #fff; text-align: center; line-height: 88rpx; } .shareviewbox .everysharebtn:last-child{ margin-right: 0; }