topic.css 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134
  1. * {
  2. margin: 0;
  3. padding: 0;
  4. }
  5. .clearfix::after {
  6. content: '.';
  7. height: 0;
  8. display: block;
  9. visibility: hidden;
  10. clear: both;
  11. }
  12. .topic-common {
  13. font-size: 7.5pt;
  14. font-family: 'SimSun';
  15. }
  16. .topic-common img {
  17. vertical-align: middle;
  18. }
  19. .topic-stem-202109 {
  20. line-height: 1.5em;
  21. text-align: justify;
  22. margin-bottom: 1em;
  23. }
  24. .option-ul-202109 {
  25. list-style: none;
  26. margin-bottom: 1em;
  27. page-break-inside: avoid !important;
  28. }
  29. .option-li-202109 {
  30. position: relative;
  31. line-height: 1.5em;
  32. display: -webkit-flex;
  33. display: flex;
  34. -webkit-align-items: baseline;
  35. align-items: baseline;
  36. }
  37. .option-li-202109 .option-label-202109 {
  38. /* position: absolute; */
  39. /* top: 0; */
  40. /* left: 0; */
  41. }
  42. .option-li-202109 .option-content-202109 {
  43. /* margin-left: 1em; */
  44. min-height: 1.5em;
  45. text-align: justify;
  46. }
  47. .answer-202109 {
  48. display: -webkit-flex;
  49. display: flex;
  50. margin-bottom: 0.5em;
  51. page-break-inside: avoid !important;
  52. }
  53. .answer-202109 .long-empty {
  54. /* display: -webkit-flex;
  55. display: flex; */
  56. page-break-inside: avoid !important;
  57. }
  58. .answer-202109 .answer-label-202109 {
  59. margin-left: -0.4em;
  60. }
  61. .analysis-202109 {
  62. position: relative;
  63. min-height: 1em;
  64. margin-bottom: 0.5em;
  65. }
  66. .analysis-202109 .analysis-label-202109 {
  67. position: absolute;
  68. left: -0.4em;
  69. }
  70. .analysis-202109 .analysis-content-202109 {
  71. text-align: justify;
  72. text-indent: 3.5em;
  73. line-height: 1.5em;
  74. }
  75. .y-4 li {
  76. margin-bottom: 0.5em;
  77. }
  78. .y-4 li:last-child {
  79. margin-bottom: 0;
  80. }
  81. .xy-2 {
  82. display: -webkit-flex;
  83. display: flex;
  84. -webkit-flex-wrap: wrap;
  85. flex-wrap: wrap;
  86. -webkit-justify-content: space-between;
  87. justify-content: space-between;
  88. }
  89. .xy-2 li {
  90. width: 50%;
  91. margin-bottom: 0.5em;
  92. box-sizing: border-box;
  93. }
  94. .xy-2 li:nth-child(odd) {
  95. padding-right: 1em;
  96. }
  97. .xy-2 li:nth-child(n+3) {
  98. margin-bottom: 0;
  99. }
  100. .x-4 {
  101. display: -webkit-flex;
  102. display: flex;
  103. -webkit-justify-content: space-between;
  104. justify-content: space-between;
  105. }
  106. .x-4 li {
  107. width: 25%;
  108. }
  109. .x-4 li:nth-child(-n+3) {
  110. padding-right: 1em;
  111. }