success.wxss 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. .success-container {
  2. display: flex;
  3. flex-direction: column;
  4. align-items: center;
  5. min-height: 100vh;
  6. background-color: #ffffff;
  7. padding: 30rpx;
  8. }
  9. .avatar-container {
  10. margin-top: 100rpx;
  11. margin-bottom: 40rpx;
  12. }
  13. .avatar-circle {
  14. width: 180rpx;
  15. height: 180rpx;
  16. background-color: #f5f5f5;
  17. border-radius: 50%;
  18. position: relative;
  19. }
  20. .avatar-circle::after {
  21. content: '';
  22. position: absolute;
  23. bottom: -30rpx;
  24. left: 50%;
  25. transform: translateX(-50%);
  26. width: 120rpx;
  27. height: 60rpx;
  28. background-color: #f5f5f5;
  29. border-radius: 60rpx 60rpx 0 0;
  30. }
  31. .interview-status {
  32. margin-top: 60rpx;
  33. margin-bottom: 20rpx;
  34. }
  35. .status-text {
  36. font-size: 36rpx;
  37. color: #003399;
  38. font-weight: normal;
  39. }
  40. .tips-container {
  41. padding: 0 60rpx;
  42. text-align: center;
  43. margin-bottom: 60rpx;
  44. }
  45. .tips-text {
  46. font-size: 28rpx;
  47. color: #999999;
  48. line-height: 1.5;
  49. }
  50. .btn-container {
  51. margin-top: 80rpx;
  52. width: 100%;
  53. padding: 0 40rpx;
  54. }
  55. .confirm-btn {
  56. width: 100%;
  57. height: 90rpx;
  58. line-height: 90rpx;
  59. background-color: #ffffff;
  60. color: #333333;
  61. border-radius: 45rpx;
  62. font-size: 32rpx;
  63. border: 1px solid #e0e0e0;
  64. }