interview-notice.wxss 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112
  1. .notice-container {
  2. display: flex;
  3. flex-direction: column;
  4. min-height: 100vh;
  5. background-color: #ffffff;
  6. padding: 30rpx;
  7. }
  8. .notice-title {
  9. font-size: 36rpx;
  10. font-weight: bold;
  11. margin-top: 20rpx;
  12. margin-bottom: 10rpx;
  13. color: #333;
  14. }
  15. .notice-subtitle {
  16. font-size: 26rpx;
  17. color: #999;
  18. margin-bottom: 30rpx;
  19. }
  20. .notice-grid {
  21. display: flex;
  22. flex-wrap: wrap;
  23. justify-content: space-between;
  24. margin-bottom: 30rpx;
  25. }
  26. .notice-item {
  27. width: 47%;
  28. height: 180rpx;
  29. border-radius: 8rpx;
  30. padding: 20rpx;
  31. margin-bottom: 20rpx;
  32. display: flex;
  33. flex-direction: column;
  34. align-items: center;
  35. justify-content: center;
  36. text-align: center;
  37. box-sizing: border-box;
  38. }
  39. .light {
  40. background-color: #f0f9eb;
  41. }
  42. .smile {
  43. background-color: #f0f9eb;
  44. }
  45. .headphone {
  46. background-color: #f0f9eb;
  47. }
  48. .wifi {
  49. background-color: #f0f9eb;
  50. }
  51. .forbidden {
  52. background-color: #fff8e6;
  53. }
  54. .icon-container {
  55. width: 40rpx;
  56. height: 40rpx;
  57. border-radius: 50%;
  58. display: flex;
  59. justify-content: center;
  60. align-items: center;
  61. margin-bottom: 15rpx;
  62. }
  63. .iconfont {
  64. font-size: 40rpx;
  65. color: #333;
  66. }
  67. .item-text {
  68. font-size: 24rpx;
  69. color: #333;
  70. line-height: 1.4;
  71. display: -webkit-box;
  72. -webkit-line-clamp: 3;
  73. -webkit-box-orient: vertical;
  74. overflow: hidden;
  75. }
  76. .warning-tip {
  77. color: #ff9800;
  78. font-size: 24rpx;
  79. margin-bottom: 60rpx;
  80. }
  81. .disclaimer {
  82. font-size: 24rpx;
  83. color: #999;
  84. line-height: 1.5;
  85. margin-bottom: 30rpx;
  86. }
  87. .agreement {
  88. display: flex;
  89. align-items: center;
  90. justify-content: center;
  91. margin-bottom: 40rpx;
  92. }
  93. .agreement-text {
  94. font-size: 28rpx;
  95. color: #333;
  96. margin-left: 10rpx;
  97. }
  98. .next-btn {
  99. width: 100%;
  100. height: 90rpx;
  101. line-height: 90rpx;
  102. background-color: #0039b3;
  103. color: #fff;
  104. border-radius: 8rpx;
  105. font-size: 32rpx;
  106. text-align: center;
  107. }
  108. .next-btn[disabled] {
  109. background-color: #0039b3;
  110. color: #fff;
  111. }