certificateDetail.css 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179
  1. .project {
  2. height: 70px;
  3. line-height: 70px;
  4. background: #1AA1E6;
  5. font-size: 24px;
  6. color: #FFFFFF;
  7. font-weight: bold;
  8. }
  9. .project-content {
  10. margin: 30px 0;
  11. justify-content: center;
  12. align-items: stretch;
  13. }
  14. /* 考试 */
  15. .test-box {
  16. width: 890px;
  17. /* min-height: 812px; */
  18. background: #FFFFFF;
  19. border-radius: 0px 0px 0px 0px;
  20. opacity: 1;
  21. border: 3px solid #FFFFFF;
  22. position: relative;
  23. padding: 30px;
  24. box-sizing: border-box;
  25. }
  26. .test-title {
  27. font-size: 18px;
  28. font-family: Source Han Sans CN-Bold, Source Han Sans CN;
  29. font-weight: bold;
  30. color: #1AA1E6;
  31. line-height: 36px;
  32. text-align: center;
  33. }
  34. .table {
  35. font-size: 16px;
  36. align-items: flex-start;
  37. margin-top: 30px;
  38. }
  39. .border {
  40. border: 1px solid #DEDEDE;
  41. }
  42. .border-right {
  43. border-right: 1px solid #DEDEDE;
  44. }
  45. .border-right-none {
  46. border-right: none;
  47. }
  48. .border-bottom {
  49. border-bottom: 1px solid #DEDEDE;
  50. }
  51. .border-bottom-none {
  52. border-bottom: none;
  53. }
  54. .border-top-none {
  55. border-top: none;
  56. }
  57. .padding-left {
  58. padding-left: 10px
  59. }
  60. .height56 {
  61. height: 56px;
  62. box-sizing: border-box;
  63. }
  64. .width140 {
  65. width: 140px;
  66. box-sizing: border-box;
  67. }
  68. .width200 {
  69. width: 200px;
  70. box-sizing: border-box;
  71. }
  72. .text-center {
  73. text-align: center;
  74. }
  75. .ddflex-jc {
  76. display: flex;
  77. align-items: center;
  78. justify-content: center;
  79. }
  80. .bg-color {
  81. background: #F5F5F5;
  82. }
  83. .test-info {
  84. width: 280px;
  85. flex-direction: column;
  86. margin-left: 30px;
  87. }
  88. /* 考试信息 */
  89. .test-people {
  90. width: 100%;
  91. background-color: #FFFFFF;
  92. padding: 12px 11px;
  93. box-sizing: border-box;
  94. }
  95. .test-people image {
  96. width: 80px;
  97. height: 89px;
  98. margin-right: 19px;
  99. }
  100. .test-people-info {
  101. flex-direction: column;
  102. justify-content: space-between;
  103. font-size: 14px;
  104. flex: 1;
  105. align-items: flex-start;
  106. }
  107. .test-people-label {
  108. color: #999999;
  109. line-height: 36px;
  110. margin-right: 8px;
  111. }
  112. /* 考试公告 */
  113. .note-box {
  114. width: 100%;
  115. background-color: #FFFFFF;
  116. padding: 20px;
  117. box-sizing: border-box;
  118. margin-top: 20px;
  119. }
  120. .note-title {
  121. margin-bottom: 18px;
  122. font-size: 16px;
  123. }
  124. .note-title-icon {
  125. width: 18px;
  126. height: 18px;
  127. margin-right: 10px;
  128. }
  129. .note-item {
  130. justify-content: space-between;
  131. font-size: 12px;
  132. font-weight: 400;
  133. line-height: 30px;
  134. font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  135. cursor: pointer;
  136. }
  137. .note-item-content {
  138. color: #666666;
  139. flex: 1;
  140. overflow: hidden;
  141. text-overflow: ellipsis;
  142. white-space: nowrap;
  143. margin-right: 10px;
  144. }
  145. .note-item-content:hover {
  146. text-decoration: underline #666666;
  147. }
  148. .note-item-date {
  149. color: #999999;
  150. }