/* component/shar-dialog/shar-dialog.wxss */ .share { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .8); z-index: 999; } .corss-line { width: 90%; position: absolute; height: 39rpx; border-bottom: 2rpx solid #f2f2f2; margin: 0 auto; left: 0; right: 0; z-index: 1; } .invite-text { width: 100%; height: 30rpx; color: #262626; font-size: 34rpx; position: absolute; top: 19rpx; margin: 0 auto; left: 0; right: 0; background: #fff; z-index: 2; text-align: center; display: flex; align-items: center; justify-content: center; } .read-activity-btn { position: fixed; bottom: 0; display: flex; justify-content: space-between; width: 100%; height: 196rpx; padding: 0 40rpx; box-sizing: border-box; background: #fff; } .share-activity-friend, .share-activity-circle { display: flex; flex-direction: column; align-items: center; height: 140rpx; width: 200rpx; color: #333; font-size: 24rpx; margin: 0; padding: 0; background: #fff; margin-top: 40rpx; } .share-activity-circle text { height: 56rpx; line-height: 56rpx; } .read-activity-btn image { width: 80rpx; height: 80rpx; } .btn { position: fixed; bottom: -200rpx; width: 100%; height: 230rpx; background: #fff; } .btn .bg { display: block; width: 500rpx; margin: 5% auto; height: 42rpx; } .btn text { font-size: 34rpx; } .share-btn { display: flex; justify-content: center; margin-top: 75rpx; } .share-btn image { width: 55rpx; height: 55rpx; margin-right: 20rpx; } .share-btn view { display: flex; flex-direction: row; justify-content: center; align-items: center; font-size: 34rpx; height: 85rpx; width: 333rpx; line-height: 0; line-height: 33rpx; color: #fff; background: #44af34; border-radius: 52rpx; } .img { display: block; /* position: absolute; */ /* left: 5rpx; */ /* top: 30rpx; */ /* width: 510rpx; */ /* height: 893rpx; */ width: 459rpx; height: 810rpx; margin: 23rpx auto; /* width: 375rpx; */ /* height: 667rpx; */ } .cover-text { width: 100%; color: #fff; font-size: 34rpx; text-align: center; display: flex; flex-direction: row; margin-bottom: 5rpx; align-items: center; justify-content: center; } .cover-flower { width: 28rpx; height: 34rpx; margin-left: 3rpx; margin-right: 3rpx; } .Preservation { position: absolute; left: 15%; top: 1020rpx; width: 536rpx; height: 80rpx; color: #fff; font-size: 36rpx; text-align: center; line-height: 80rpx; border-radius: 44rpx; z-index: 999; } .share-friend { display: flex; flex-direction: row; justify-content: center; align-items: center; font-size: 34rpx; height: 85rpx; width: 400rpx; line-height: 0; line-height: 33rpx; color: #fff; background: #44af34; border-radius: 52rpx; outline: none; padding: 0; margin: 0; border-radius: 66rpx; } .share-friend image { width: 66rpx; height: 53rpx; } button::after { border: none; }