1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465 |
- .success-container {
- display: flex;
- flex-direction: column;
- align-items: center;
- min-height: 100vh;
- background-color: #ffffff;
- padding: 30rpx;
- }
- .avatar-container {
- margin-top: 100rpx;
- margin-bottom: 40rpx;
- }
- .avatar-circle {
- width: 180rpx;
- height: 180rpx;
- background-color: #f5f5f5;
- border-radius: 50%;
- position: relative;
- }
- .avatar-circle::after {
- content: '';
- position: absolute;
- bottom: -30rpx;
- left: 50%;
- transform: translateX(-50%);
- width: 120rpx;
- height: 60rpx;
- background-color: #f5f5f5;
- border-radius: 60rpx 60rpx 0 0;
- }
- .interview-status {
- margin-top: 60rpx;
- margin-bottom: 20rpx;
- }
- .status-text {
- font-size: 36rpx;
- color: #003399;
- font-weight: normal;
- }
- .tips-container {
- padding: 0 60rpx;
- text-align: center;
- margin-bottom: 60rpx;
- }
- .tips-text {
- font-size: 28rpx;
- color: #999999;
- line-height: 1.5;
- }
- .btn-container {
- margin-top: 80rpx;
- width: 100%;
- padding: 0 40rpx;
- }
- .confirm-btn {
- width: 100%;
- height: 90rpx;
- line-height: 90rpx;
- background-color: #ffffff;
- color: #333333;
- border-radius: 45rpx;
- font-size: 32rpx;
- border: 1px solid #e0e0e0;
- }
|