.bottom-panel .popup-bg { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, .6); z-index: 98; } .bottom-panel .popup-bg .wechat-box{ padding-top: 0px;} .bottom-panel .popup-bg .wechat-box image{ width: 100%;} .bottom-panel .content { position: fixed; width: 100%; bottom: 0; min-height: 200rpx; max-height: 900rpx; background-color: #fff; -webkit-transform: translate3d(0, 980rpx, 0); transform: translate3d(0, 980rpx, 0); transition: -webkit-transform .2s cubic-bezier(0, 0, .25, 1); transition: transform .2s cubic-bezier(0, 0, .25, 1); transition: transform .2s cubic-bezier(0, 0, .25, 1), -webkit-transform .2s cubic-bezier(0, 0, .25, 1); bottom: env(safe-area-inset-bottom); z-index: 99; } .bottom-panel.open .content { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .bottom-panel.close .popup-bg { display: none; } .module-share .hd { height: 90rpx; line-height: 90rpx; font-size: 36rpx; } .module-share .item button,.module-share .item button::after{ background: none; border: none;} .module-share .icon-box { width: 100rpx; height: 100rpx; border-radius: 50%; background: #f6bd1d; } .module-share .icon-box .iconfont { font-size: 60rpx; color: #FFFFFF; } .module-share .btns { margin-top: 30rpx; } .module-share .btns button { height: 90rpx; line-height: 90rpx; border-radius: 0; border-top: 1px solid #EEEEEE; } .module-share .btns button::after { border-radius: 0; } .module-share .share-friend { background: #04BE01; }