en-weekDemo.css 8.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586
  1. @charset "UTF-8";
  2. .fontBass,
  3. .pdf-content .topic .topic-main p,
  4. .pdf-content .topic .topic-main div,
  5. .pdf-content .topic .topic-main span {
  6. font-family: "Times New Roman", "SimSun" !important;
  7. font-size: 7.68pt !important;
  8. line-height: 4.4mm !important;
  9. color: #030000 !important;
  10. text-autospace: none !important;
  11. text-justify: none !important;
  12. font-style: normal !important;
  13. }
  14. .fw {
  15. font-weight: bold;
  16. }
  17. .primary-font {
  18. color: #003b86;
  19. }
  20. .highlight-a {
  21. color: #ea4f31;
  22. }
  23. .highlight-b {
  24. color: #003b86;
  25. }
  26. .YaHei,
  27. .pdf-B5-new .pdf-footer .left .paper-number,
  28. .pdf-content .topic .topic-msg {
  29. font-family: 'Microsoft YaHei';
  30. }
  31. .ST,
  32. .pdf-B5-new .pdf-footer .left .text,
  33. .pdf-B5-new .pdf-footer .right p:last-child,
  34. .pdf-content .topic .topic-number {
  35. font-family: '宋体', 'SimSun';
  36. }
  37. .mgt {
  38. margin-top: 1mm;
  39. }
  40. .page-sum-title {
  41. font-size: 6.72pt;
  42. }
  43. .pdf-B5-new {
  44. max-width: 155.7mm;
  45. font-family: 'Times New Roman', 'SimSun' !important;
  46. font-size: 9.12pt !important;
  47. padding-left: 10.2mm;
  48. padding-right: 10.2mm;
  49. color: #030000;
  50. }
  51. .pdf-B5-new .sort-ol li {
  52. font-family: 'Times New Roman', 'SimSun' !important;
  53. font-size: 9.12pt !important;
  54. }
  55. .pdf-B5-new .sort-ol li p {
  56. font-family: 'Times New Roman', 'SimSun' !important;
  57. font-size: 9.12pt !important;
  58. }
  59. .pdf-B5-new .sort-ol li p span {
  60. font-family: 'Times New Roman', 'SimSun' !important;
  61. font-size: 9.12pt !important;
  62. }
  63. .pdf-B5-new .pdf-header {
  64. line-height: 8.6mm;
  65. border-bottom: 2px solid #003b86;
  66. font-size: 6.72pt;
  67. font-weight: bold;
  68. font-family: '宋体', 'SimSun';
  69. color: #000;
  70. }
  71. .class-name {
  72. font-size: 9.6pt;
  73. color: #003b86;
  74. }
  75. .wdp-title {
  76. height: 10mm;
  77. line-height: 10mm;
  78. margin: 4mm 0;
  79. margin-left: 1.4mm;
  80. padding: 0 5mm 0 12mm;
  81. border-radius: 1mm;
  82. color: #fff;
  83. background-color: #003b86;
  84. position: relative;
  85. }
  86. .wdp-title img {
  87. width: 10mm;
  88. position: absolute;
  89. top: -0.8mm;
  90. left: -1.4mm;
  91. }
  92. .wdp-title .wdp-tit-num {
  93. position: absolute;
  94. top: -2.8mm;
  95. left: 2.8mm;
  96. font-size: 14pt;
  97. }
  98. .wdp-title .wdp-tit-msg {
  99. font-size: 11.52pt;
  100. font-weight: bold;
  101. }
  102. .wdp-title .wdp-tit-blo {
  103. width: 1mm;
  104. height: 4mm;
  105. background-color: #ea4f31;
  106. border-radius: 0 4mm 4mm 0;
  107. position: absolute;
  108. top: 0.8mm;
  109. right: -1mm;
  110. }
  111. .sub-title,
  112. .sub-title-sim {
  113. height: 8mm;
  114. margin: 0;
  115. position: relative;
  116. color: #fff;
  117. }
  118. .sub-title img,
  119. .sub-title-sim img {
  120. height: 100%;
  121. }
  122. .sub-title .wdp-tit-num {
  123. position: absolute;
  124. left: 0mm;
  125. top: 0mm;
  126. width: 8mm;
  127. height: 8mm;
  128. line-height: 8mm;
  129. font-size: 9.6pt;
  130. }
  131. .sub-title .wdp-tit-msg,
  132. .sub-title-sim .wdp-tit-msg {
  133. min-width: 21mm;
  134. height: 8mm;
  135. line-height: 8mm;
  136. font-size: 9.6pt;
  137. font-weight: bold;
  138. background: #003B86;
  139. vertical-align: top;
  140. margin-left: -19.5mm;
  141. padding-right: 1mm;
  142. border-radius: 1mm;
  143. }
  144. .sub-title-sim .wdp-tit-msg {
  145. line-height: 7mm;
  146. background-color: transparent;
  147. }
  148. .sub-tit-icon {
  149. /* width: 29mm; */
  150. height: 8.2mm;
  151. }
  152. .sub-tit-text {
  153. margin-left: 1mm;
  154. line-height: 4mm;
  155. }
  156. .sub-tit-msg {
  157. color: #003b86;
  158. font-weight: bold;
  159. }
  160. .sub-title-sim {
  161. background: #003B86;
  162. padding-left: 2mm;
  163. padding-right: 1mm;
  164. border-radius: 1mm;
  165. position: relative;
  166. margin-left: 5mm;
  167. }
  168. .sub-title-sim img {
  169. height: 8mm;
  170. position: absolute;
  171. top: 0mm;
  172. left: -4.5mm;
  173. z-index: -1;
  174. }
  175. .sub-title-sim .sim-tit-msg {
  176. line-height: 8mm;
  177. font-size: 9.6pt;
  178. font-weight: bold;
  179. }
  180. .sort-ol {
  181. list-style-type: decimal !important;
  182. margin: 2mm;
  183. line-height: 6mm;
  184. /* padding-inline-start: 4mm; */
  185. padding-left: 4mm;
  186. }
  187. .wdp-sub-title {
  188. margin-bottom: 2mm;
  189. }
  190. .three-title {
  191. margin-top: 4mm;
  192. }
  193. .three-title .sub-tit-msg {
  194. margin-left: 10mm;
  195. }
  196. .article-que {
  197. margin: 3mm 0;
  198. }
  199. .article-con {
  200. margin: 0mm 1mm 2mm;
  201. line-height: 6mm;
  202. text-align: justify;
  203. word-break: break-word;
  204. }
  205. .word-detail {
  206. margin: 1mm;
  207. line-height: 6mm;
  208. }
  209. .word-detail p {
  210. font-family: 'Times New Roman', 'SimSun' !important;
  211. font-size: 9.12pt !important;
  212. }
  213. .word-detail p span {
  214. font-family: 'Times New Roman', 'SimSun' !important;
  215. font-size: 9.12pt !important;
  216. }
  217. .word-msg {
  218. width: 23mm;
  219. }
  220. .voice-msg {
  221. width: 23mm;
  222. }
  223. .word-charact-list {
  224. margin-right: 3mm;
  225. }
  226. .word-charact-list:last-child {
  227. margin-right: 0;
  228. }
  229. .answer-menu-msg,
  230. .explain-menu-msg {
  231. font-size: 9.12pt;
  232. width: 14mm;
  233. }
  234. .answer-menu-msg {
  235. color: #088D60;
  236. }
  237. .answer-menu-msg.need-margin {
  238. margin: 1mm;
  239. }
  240. .explain-menu-msg {
  241. color: #003b86;
  242. }
  243. .answer-ol-con {
  244. /* flex-wrap: wrap;
  245. -webkit-flex-wrap: wrap;
  246. -webkit-box-lines: multiple;
  247. -moz-flex-wrap: wrap; */
  248. }
  249. .answer-ol-con li {
  250. width: 45%;
  251. float: left;
  252. }
  253. .answer-ol-con li {
  254. margin-right: 4%;
  255. }
  256. .answer-ol-con li>p {
  257. margin-block-start: 1mm;
  258. margin-block-end: 1mm;
  259. }
  260. .answer-three-con li {
  261. float: left;
  262. width: 30%;
  263. }
  264. .answer-five-con li {
  265. float: left;
  266. width: 25%;
  267. }
  268. .real-menu-content {
  269. margin-left: 14mm;
  270. }
  271. .real-menu-content>p {
  272. margin: 0;
  273. }
  274. .pdf-B5-new .pdf-footer {
  275. line-height: 8.6mm;
  276. border-top: 2px solid #003b86;
  277. }
  278. .pdf-B5-new .pdf-footer .right {
  279. padding-top: 2mm;
  280. width: 70%;
  281. }
  282. .pdf-B5-new .pdf-footer .right p {
  283. line-height: 3.4mm;
  284. }
  285. .pdf-B5-new .pdf-footer .right p:first-child {
  286. font-size: 6.24pt;
  287. }
  288. .pdf-B5-new .pdf-footer .right p:last-child {
  289. font-size: 5.76pt;
  290. }
  291. .page-style {
  292. font-size: 6.24pt;
  293. padding: 1mm;
  294. line-height: 3.7mm;
  295. border: 1px solid #A1C4EA;
  296. position: relative;
  297. margin-left: 2mm;
  298. }
  299. .page-style:before {
  300. content: '';
  301. display: block;
  302. width: 1mm;
  303. height: 6mm;
  304. position: absolute;
  305. left: -1mm;
  306. top: -1px;
  307. background: #003C85;
  308. }
  309. .answer-title-icon {
  310. width: 100%;
  311. }
  312. .asociation-list {
  313. margin: 3mm 1mm;
  314. line-height: 6mm;
  315. }
  316. .menu-asspciation {
  317. color: #003b86;
  318. font-weight: bold;
  319. width: 20mm;
  320. font-size: 9.12pt;
  321. }
  322. .main-timg {
  323. height: 7.7mm;
  324. }
  325. .jt-img {
  326. height: 2mm;
  327. margin: 0 1mm;
  328. }
  329. .word-top-img-detail {
  330. justify-content: center;
  331. align-items: center;
  332. display: table;
  333. width: 100%;
  334. text-align: center;
  335. }
  336. .word-top-img-detail>img {
  337. vertical-align: middle;
  338. }
  339. .word-example-detail {
  340. border: 1px solid #003b86;
  341. padding: 2mm;
  342. line-height: 6mm;
  343. width: 40%;
  344. }
  345. .word-detail-des {
  346. margin: 4mm 0;
  347. display: table;
  348. width: 100%;
  349. }
  350. .word-detail-des>div {
  351. display: table-cell;
  352. vertical-align: middle;
  353. }
  354. .word-mark-msg {
  355. width: 20mm;
  356. font-weight: bold;
  357. color: #003b86;
  358. }
  359. .interest-asociation {
  360. margin-bottom: 3mm;
  361. line-height: 6mm;
  362. border: 1px solid #003b86;
  363. border-collapse: collapse;
  364. }
  365. .interest-asociation td {
  366. padding: 2mm;
  367. border: 1px solid #003b86;
  368. }
  369. .word-tr-con {
  370. width: 30%;
  371. }
  372. .word-mean {
  373. margin-left: 46mm;
  374. }
  375. .word-msg-screen {
  376. min-width: 34mm;
  377. }
  378. .association-describe {
  379. margin-left: 20mm;
  380. }
  381. .article-con p {
  382. margin-block-start: 0;
  383. margin-block-end: 0;
  384. font-family: 'Times New Roman', 'SimSun' !important;
  385. font-size: 9.12pt !important;
  386. }
  387. .article-con p span {
  388. font-family: 'Times New Roman', 'SimSun' !important;
  389. font-size: 9.12pt !important;
  390. }
  391. .line-style-height {
  392. line-height: 9mm !important;
  393. }
  394. .core-word {
  395. list-style: none !important;
  396. margin: 0 !important;
  397. margin-bottom: 2mm !important;
  398. margin-left: 2.5mm !important;
  399. padding-left: 0;
  400. }
  401. .core-word i {
  402. margin-right: 1mm;
  403. }
  404. .word-use {
  405. list-style: none !important;
  406. padding: 0 !important;
  407. margin-bottom: 4mm;
  408. }
  409. .word-use i {
  410. margin-right: 1mm;
  411. }
  412. .word-use p {
  413. display: inline;
  414. }
  415. .word-use article {
  416. display: inline;
  417. }
  418. /* .word-use .sentence i {
  419. float: left
  420. }
  421. .word-use .sentence article {
  422. float: left
  423. } */
  424. .word-table {
  425. margin-top: 2mm;
  426. }
  427. .word-table table {
  428. width: 100%;
  429. }
  430. .word-table table tr td {
  431. width: 50%;
  432. padding: 1mm 2mm;
  433. }
  434. .word-table .word-table-cont {
  435. display: -webkit-box;
  436. display: -moz-box;
  437. display: -ms-flexbox;
  438. display: -webkit-flex;
  439. display: flex;
  440. line-height: 4mm;
  441. }
  442. .word-table .word-table-cont i {
  443. margin-right: 1mm;
  444. }
  445. .word-table .word-table-cont .word-table-txt {
  446. /* display: inline-block; */
  447. }
  448. /* .grammar-introduction {
  449. color: #003B86;
  450. font-weight: bold;
  451. margin: 2mm 0;
  452. }
  453. .grammar-introduction .introduction-txt {
  454. line-height: 4mm;
  455. }
  456. .grammar-introduction .word-table {
  457. margin: 1mm 0;
  458. } */
  459. .gap li p {
  460. display: inline;
  461. }
  462. .bottom-line {
  463. text-align: center;
  464. display: block;
  465. width: 100%;
  466. margin-top: 4mm;
  467. }
  468. .bottom-line:after {
  469. display: block;
  470. content: " ";
  471. z-index: -1;
  472. width: 200%;
  473. height: 200%;
  474. border-bottom: 1px solid;
  475. -webkit-transform-origin: 0 0;
  476. transform-origin: 0 0;
  477. -webkit-transform: scale(0.5, 0.5);
  478. transform: scale(0.5, 0.5);
  479. }