contentDetail.css 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163
  1. .project {
  2. height: 0.7rem;
  3. line-height: 0.7rem;
  4. background: #1AA1E6;
  5. font-size: 0.24rem;
  6. color: #FFFFFF;
  7. font-weight: bold;
  8. }
  9. .project-content {
  10. margin: 0.38rem 0;
  11. justify-content: center;
  12. align-items: stretch;
  13. }
  14. /* 考试 */
  15. .test-box {
  16. width: 8.9rem;
  17. /* min-height: 8.12rem;
  18. */
  19. background: #FFFFFF;
  20. border-radius: 0rem 0rem 0rem 0rem;
  21. opacity: 1;
  22. border: 0.03rem solid #FFFFFF;
  23. position: relative;
  24. padding: 0.3rem;
  25. box-sizing: border-box;
  26. }
  27. .test-title {
  28. font-size: 0.26rem;
  29. font-family: Source Han Sans CN-Bold, Source Han Sans CN;
  30. font-weight: bold;
  31. color: #333333;
  32. line-height: 0.36rem;
  33. text-align: center;
  34. margin-top: 0.2rem;
  35. }
  36. .test-time {
  37. text-align: center;
  38. margin-top: 0.1rem;
  39. font-size: 0.14rem;
  40. margin-bottom: 0.2rem;
  41. }
  42. .yj-icon {
  43. width: 0.77rem;
  44. height: 0.81rem;
  45. margin: 0.76rem auto 0;
  46. }
  47. .yj-label {
  48. text-align: center;
  49. font-size: 0.18rem;
  50. margin-top: 0.18rem;
  51. }
  52. .chufen-number{
  53. color: #F45D44;
  54. font-size: 0.46rem;
  55. margin: 0.76rem auto 0;
  56. text-align: center;
  57. }
  58. .score {
  59. justify-content: center;
  60. margin-top: 0.3rem;
  61. margin-bottom: 0.6rem;
  62. padding-left: 0.3rem;
  63. }
  64. .score-label{
  65. font-size: 0.16rem;
  66. color: #999999;
  67. }
  68. .score-value{
  69. font-size: 0.24rem;
  70. color: #1AA1E6;
  71. margin-top: 0.2rem;
  72. }
  73. .line{
  74. width: 0.01rem;
  75. height: 0.57rem;
  76. color: #DEDEDE;
  77. background-color: #DEDEDE;
  78. margin: 0 0.3rem;
  79. }
  80. .back-btn{
  81. width: 1.9rem;
  82. height: 0.46rem;
  83. background: #F5F5F5;
  84. border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
  85. opacity: 1;
  86. font-size: 0.14rem;
  87. justify-content: center;
  88. margin:2rem auto 0;
  89. }
  90. .back-btn image{
  91. width: 0.19rem;
  92. height: 0.15rem;
  93. margin-right: 0.1rem;
  94. }
  95. .test-info {
  96. width: 2.8rem;
  97. flex-direction: column;
  98. margin-left: 0.3rem;
  99. }
  100. /* 考试信息 */
  101. .test-people {
  102. width: 100%;
  103. background-color: #FFFFFF;
  104. padding: 0.12rem 0.11rem;
  105. box-sizing: border-box;
  106. }
  107. .test-people image {
  108. width: 0.8rem;
  109. height: 0.89rem;
  110. margin-right: 0.19rem;
  111. }
  112. .test-people-info {
  113. flex-direction: column;
  114. justify-content: space-between;
  115. font-size: 0.14rem;
  116. flex: 1;
  117. align-items: flex-start;
  118. }
  119. .test-people-label {
  120. color: #999999;
  121. line-height: 0.36rem;
  122. margin-right: 0.08rem;
  123. }
  124. /* 考试公告 */
  125. .note-box {
  126. width: 100%;
  127. background-color: #FFFFFF;
  128. padding: 0.2rem;
  129. box-sizing: border-box;
  130. margin-bottom: 0.2rem;
  131. }
  132. .note-title {
  133. margin-bottom: 0.18rem;
  134. font-size: 0.16rem;
  135. }
  136. .note-title-icon {
  137. width: 0.18rem;
  138. height: 0.18rem;
  139. margin-right: 0.1rem;
  140. }
  141. .note-item {
  142. justify-content: space-between;
  143. font-size: 0.12rem;
  144. font-weight: 400;
  145. line-height: 0.3rem;
  146. font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  147. cursor: pointer;
  148. }
  149. .note-item-content {
  150. color: #666666;
  151. flex: 1;
  152. overflow: hidden;
  153. text-overflow: ellipsis;
  154. white-space: nowrap;
  155. margin-right: 0.1rem;
  156. }
  157. .note-item-content:hover {
  158. text-decoration: underline #666666;
  159. }
  160. .note-item-date {
  161. color: #999999;
  162. }