| | |
| | | } |
| | | |
| | | .container { |
| | | width: 100%; |
| | | padding-bottom: env(safe-area-inset-bottom); |
| | | overflow: auto; |
| | | width: 100vw; |
| | | height: 100vh; |
| | | } |
| | | |
| | | .content { |
| | | height: calc(100vh - env(safe-area-inset-bottom)); |
| | | box-sizing: border-box; |
| | | overflow-y: auto; |
| | | } |
| | | |
| | | .tips { |
| | |
| | | color: #ff6c00 !important; |
| | | } |
| | | |
| | | .popupBox .t-popup { |
| | | width: 80% !important; |
| | | } |
| | | |
| | | .popupBox .t-popup__content { |
| | | padding: 40rpx 10rpx !important; |
| | | padding-top: 80rpx !important; |
| | | } |
| | | |
| | | |
| | | |
| | | |
| | | .block { |
| | | height: 450px !important; |
| | | position: relative; |
| | | width: 600rpx; |
| | | height: 820rpx; |
| | | background: #fff; |
| | | border-radius: 16rpx; |
| | | |
| | | } |
| | | |
| | | .protocol { |
| | | padding: 20rpx; |
| | | height: 800rpx !important; |
| | | overflow: auto !important; |
| | | } |
| | | |
| | | .reasonBlock { |
| | | height: 450px !important; |
| | | .reasonBox { |
| | | height: 400rpx !important; |
| | | overflow: auto !important; |
| | | font-size: 28rpx; |
| | | line-height: 48rpx; |
| | | padding: 20rpx; |
| | | } |
| | | |
| | | .reasonBlock { |
| | | position: relative; |
| | | width: 500rpx; |
| | | height: 400rpx; |
| | | background: #fff; |
| | | border-radius: 16rpx; |
| | | } |
| | | |
| | | .close-btn { |
| | | position: absolute; |
| | | left: 50%; |
| | | margin-left: -32rpx; |
| | | bottom: calc(-1 * (48rpx + 64rpx)); |
| | | } |
| | | |
| | | .wrapper { |
| | | margin: 32rpx; |
| | | display: block; |
| | | } |
| | | |
| | | .btn-area { |