.bottom-panel .popup-bg.data-v-4fc455f0 { 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.data-v-4fc455f0{ padding-top: 0px;} .bottom-panel .popup-bg .wechat-box image.data-v-4fc455f0{ width: 100%;} .bottom-panel .content.data-v-4fc455f0 { 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.data-v-4fc455f0 { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .bottom-panel.close .popup-bg.data-v-4fc455f0 { display: none; } .module-share .hd.data-v-4fc455f0 { height: 90rpx; line-height: 90rpx; font-size: 36rpx; } .module-share .item button.data-v-4fc455f0,.module-share .item button.data-v-4fc455f0::after{ background: none; border: none;} .module-share .icon-box.data-v-4fc455f0 { width: 100rpx; height: 100rpx; border-radius: 50%; background: #f6bd1d; } .module-share .icon-box .iconfont.data-v-4fc455f0 { font-size: 60rpx; color: #FFFFFF; } .module-share .btns.data-v-4fc455f0 { margin-top: 30rpx; } .module-share .btns button.data-v-4fc455f0 { height: 90rpx; line-height: 90rpx; border-radius: 0; border-top: 1px solid #EEEEEE; } .module-share .btns button.data-v-4fc455f0::after { border-radius: 0; } .module-share .share-friend.data-v-4fc455f0 { background: #04BE01; }