.dialog { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .4); z-index:9999; } .dialog-contain { position: absolute; left: 0; top: -125rpx; bottom: 0; right: 0; width: 70%; height: 216rpx; background: #fff; margin: auto; border-radius: 20rpx; text-align: center; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-around; align-items: center; font-size: 32rpx; } .title { font-size: 36rpx; width: 100%; border-bottom: 2rpx solid #ccc; padding: 28rpx 0; } .head-bg { width: 72rpx; height: 72rpx; border-radius: 50%; } .text { font-size: 28rpx; width: 95%; /* border-bottom: 2rpx solid #ccc; */ padding: 28rpx 0; margin-top:12rpx; } .shuoming { font-size: 28rpx; width: 100%; border-bottom: 2rpx solid #ccc; padding: 14rpx 0 46rpx 0; } .btn { margin: 0; padding: 0; font-size: 36rpx; color: #16B016; background: #fff; width: 100%; } .btn::after { border: none; }