.protocol-dialog.data-v-bbe16946 { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999; display: flex; align-items: center; justify-content: center; } .dialog-mask.data-v-bbe16946 { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); } .dialog-content.data-v-bbe16946 { position: relative; width: 86vw; max-width: 700rpx; background: #fff; border-radius: 32rpx; overflow: hidden; z-index: 1; display: flex; flex-direction: column; box-sizing: border-box; } .dialog-title.data-v-bbe16946 { text-align: center; font-size: 36rpx; font-weight: bold; color: #222; margin: 48rpx 0 24rpx 0; } .dialog-body.data-v-bbe16946 { flex: 1; max-height: 60vh; min-height: 200rpx; width: 100%; padding: 0 40rpx; font-size: 28rpx; color: #444; line-height: 1.8; box-sizing: border-box; margin-bottom: 24rpx; } .rich-text-wrapper.data-v-bbe16946 { width: 100%; font-size: 28rpx; color: #444; line-height: 1.8; } .data-v-bbe16946 h1,.data-v-bbe16946 h2,.data-v-bbe16946 h3 { font-size: 32rpx !important; font-weight: bold !important; margin: 24rpx 0 12rpx 0 !important; color: #222 !important; } .data-v-bbe16946 p { font-size: 28rpx !important; color: #444 !important; margin: 0 0 12rpx 0 !important; line-height: 1.8 !important; } .dialog-footer.data-v-bbe16946 { display: flex; flex-direction: row; border-top: 1rpx solid #eee; height: 90rpx; } .footer-btn.data-v-bbe16946 { flex: 1; text-align: center; line-height: 90rpx; font-size: 32rpx; font-weight: 500; } .reject.data-v-bbe16946 { color: #888; background: #fff; } .agree.data-v-bbe16946 { color: #f79400; background: #fff; } .footer-divider.data-v-bbe16946 { width: 1rpx; background: #eee; height: 100%; }