testPage.ttss 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154
  1. .bg.data-v-a0c71dc4 {
  2. width: 100%;
  3. min-height: 100vh;
  4. background: url(https://test.jue-ming.com:8849/api/show?filePath=./webo/EQtest/testPage_bg.png) no-repeat top;
  5. background-size: 100% auto;
  6. overflow: hidden;
  7. }
  8. .tips.data-v-a0c71dc4 {
  9. font-family: 'Alibaba PuHuiTi 2.0';
  10. font-weight: normal;
  11. font-size: 24rpx;
  12. color: #FFFFFF;
  13. line-height: 55rpx;
  14. margin: 11rpx 0 0 44rpx;
  15. }
  16. .question_box.data-v-a0c71dc4 {
  17. box-sizing: border-box;
  18. width: 726.9rpx;
  19. height: 332rpx;
  20. background: url(https://test.jue-ming.com:8849/api/show?filePath=./webo/EQtest/question_bg.png);
  21. background-size: cover;
  22. margin: -28rpx 11rpx 54rpx 11rpx;
  23. font-family: 'Alibaba PuHuiTi 2.0';
  24. font-weight: normal;
  25. font-size: 40rpx;
  26. color: #333333;
  27. padding: 96rpx 30rpx 0 54rpx;
  28. position: relative;
  29. }
  30. .question_box text.qs_txt.data-v-a0c71dc4 {
  31. padding-bottom: 4rpx;
  32. border-bottom: 4rpx solid #2E9AFF;
  33. line-height: 1.6;
  34. }
  35. .question_box image.data-v-a0c71dc4 {
  36. width: 43rpx;
  37. margin: 0 10rpx;
  38. }
  39. .answer.data-v-a0c71dc4 {
  40. width: 577rpx;
  41. padding: 0 50rpx 0 70rpx;
  42. line-height: 126rpx;
  43. font-family: 'Alibaba PuHuiTi 2.0';
  44. font-weight: normal;
  45. font-size: 36rpx;
  46. color: #333333;
  47. text-align: center;
  48. margin: 0 auto 28rpx;
  49. cursor: pointer;
  50. }
  51. .answer1.data-v-a0c71dc4 {
  52. background: url(https://test.jue-ming.com:8849/api/show?filePath=./webo/EQtest/answer_A.png);
  53. background-size: cover;
  54. }
  55. .answer1.active.data-v-a0c71dc4 {
  56. background: url(https://test.jue-ming.com:8849/api/show?filePath=./webo/EQtest/answer_A_active.png);
  57. background-size: cover;
  58. color: #FFFFFF;
  59. }
  60. .answer2.data-v-a0c71dc4 {
  61. background: url(https://test.jue-ming.com:8849/api/show?filePath=./webo/EQtest/answer_B.png);
  62. background-size: cover;
  63. }
  64. .answer2.active.data-v-a0c71dc4 {
  65. background: url(https://test.jue-ming.com:8849/api/show?filePath=./webo/EQtest/answer_B_active.png);
  66. background-size: cover;
  67. color: #FFFFFF;
  68. }
  69. .answer3.data-v-a0c71dc4 {
  70. background: url(https://test.jue-ming.com:8849/api/show?filePath=./webo/EQtest/answer_C.png);
  71. background-size: cover;
  72. }
  73. .answer3.active.data-v-a0c71dc4 {
  74. background: url(https://test.jue-ming.com:8849/api/show?filePath=./webo/EQtest/answer_C_active.png);
  75. background-size: cover;
  76. color: #FFFFFF;
  77. }
  78. .answer4.data-v-a0c71dc4 {
  79. background: url(https://test.jue-ming.com:8849/api/show?filePath=./webo/EQtest/answer_D.png);
  80. background-size: cover;
  81. }
  82. .answer4.active.data-v-a0c71dc4 {
  83. background: url(https://test.jue-ming.com:8849/api/show?filePath=./webo/EQtest/answer_D_active.png);
  84. background-size: cover;
  85. color: #FFFFFF;
  86. }
  87. .answer5.data-v-a0c71dc4 {
  88. background: url(https://test.jue-ming.com:8849/api/show?filePath=./webo/EQtest/answer_E.png);
  89. background-size: cover;
  90. }
  91. .answer5.active.data-v-a0c71dc4 {
  92. background: url(https://test.jue-ming.com:8849/api/show?filePath=./webo/EQtest/answer_E_active.png);
  93. background-size: cover;
  94. color: #FFFFFF;
  95. }
  96. .prev_btn.data-v-a0c71dc4 {
  97. text-align: center;
  98. }
  99. .process.data-v-a0c71dc4 {
  100. box-sizing: border-box;
  101. width: 656rpx;
  102. height: 25rpx;
  103. padding: 2rpx;
  104. background: #FFFFFF;
  105. border-radius: 12rpx;
  106. border: 1px solid #2E9AFF;
  107. overflow: hidden;
  108. margin: 190rpx auto 0;
  109. }
  110. .process_bar.data-v-a0c71dc4 {
  111. height: 19rpx;
  112. background: #2E9AFF;
  113. border-radius: 10rpx;
  114. transition: width 200ms linear;
  115. }
  116. .question_num.data-v-a0c71dc4 {
  117. width: 238rpx;
  118. line-height: 70rpx;
  119. background: url(https://test.jue-ming.com:8849/api/show?filePath=./webo/EQtest/question_num_bg.png) no-repeat;
  120. background-size: cover;
  121. text-align: center;
  122. position: absolute;
  123. top: 30rpx;
  124. left: 20rpx;
  125. }
  126. .num_front.data-v-a0c71dc4 {
  127. font-family: Alibaba PuHuiTi 2.0;
  128. font-weight: bold;
  129. font-size: 48rpx;
  130. color: #FEFEFE;
  131. line-height: 55rpx;
  132. text-shadow: 2rpx 2rpx 5rpx rgba(146, 9, 0, 0.45);
  133. }
  134. .num_behond.data-v-a0c71dc4 {
  135. font-family: Alibaba PuHuiTi 2.0;
  136. font-weight: bold;
  137. font-size: 32rpx;
  138. color: #FEFEFE;
  139. line-height: 55rpx;
  140. text-shadow: 2rpx 2rpx 5rpx rgba(146, 9, 0, 0.45);
  141. }
  142. .contral_box.data-v-a0c71dc4 {
  143. display: flex;
  144. justify-content: center;
  145. align-items: center;
  146. margin: 54rpx 0 100rpx 0;
  147. }
  148. .prev_btn.data-v-a0c71dc4 {
  149. margin: 0 20rpx;
  150. }
  151. .prev_btn image.data-v-a0c71dc4 {
  152. width: 304rpx;
  153. }