/* component/popup/popup.wxss */ .popup { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); z-index: 999; } .popup-container { position:absolute; left:5%; top:251rpx; /* transform:translateY(-50%); */ background:#fff; width:90%; height:auto; border-radius:20rpx; overflow:hidden; } .head-img { width: 100%; } .head-img image { width: 100%; height: 100%; } .head-txt { position: absolute; top: 26rpx; left: 0; width: 100%; text-align: center; color: #fff; } .head-txt .title { font-size: 48rpx; font-weight: bolder; } .head-txt .head-con { margin: 20rpx 0 0; } .content { display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 36rxp; } .content text { margin: 6rpx 0; } .send-btn { width: 70%; height: 80rpx; margin: 32rpx auto 40rpx auto; background: #FF9209; border-radius: 80rpx; } .send-btn text { width: 100%; height: 100%; text-align: center; line-height: 80rpx; color: #fff; display: inline-block; } .cha { position:absolute; left:80rpx; width:72rpx; height:104rpx; top:151rpx; } .cha image { width: 100%; height: 100%; } .bottom { width: 100%; font-size: 20rpx; text-align: center; color: #767676; margin: 60rpx 0 10rpx 0; }