.modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; } .modal-content { background-color: white; color: #7a7a7a; padding-top: 20rpx; border-radius: 20rpx; width: 80%; } .modal-content .protocol { color: #0c66db; } .modal-content .title { /* color: #000; */ font-weight: 600; font-size: 34rpx; text-align: center; margin-bottom: 15rpx; } .modal-content .mainContent { text-indent: 2em; font-size: 32rpx; line-height: 50rpx; margin-bottom: 15rpx; padding: 0 20rpx 20rpx 20rpx; } .modal-content .bottomBtn { display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #929292; } .modal-content .bottomBtn .btn { width: 50%; height: 80rpx; line-height: 80rpx; text-align: center; } .modal-content .bottomBtn .btn.exit { /* color: #ff204e; */ } .modal-content .bottomBtn .btn.continue { /* color: #0c66db; */ /* font-weight: 600; */ }