print.css 22 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982
  1. /*printstyle:start*/
  2. @media print {
  3. @page {
  4. size: "auto";
  5. margin: 0mm;
  6. }
  7. }
  8. html {
  9. -ms-text-size-adjust: 100%;
  10. -webkit-text-size-adjust: 100%;
  11. text-size-adjust: 100%;
  12. }
  13. body {
  14. background-color: #666;
  15. color: #333;
  16. font: 3.7041666666666666mm Helvetica Neue, Helvetica, PingFang SC, Tahoma, Arial, sans-serif;
  17. line-height: 1;
  18. }
  19. * {
  20. margin: 0;
  21. padding: 0;
  22. border: 0;
  23. list-style: none;
  24. }
  25. .fl {
  26. float: left;
  27. }
  28. .fr {
  29. float: right;
  30. }
  31. img{vertical-align: middle;}
  32. .clearfix:after {
  33. content: "";
  34. display: block;
  35. clear: both;
  36. }
  37. .red {
  38. color: red;
  39. }
  40. .printIframeContent {
  41. background: #fff;
  42. display: -webkit-box;
  43. display: -ms-flexbox;
  44. display: flex;
  45. -ms-flex-wrap: wrap;
  46. flex-wrap: wrap;
  47. margin: 0 auto;
  48. position: relative;
  49. }
  50. .printIframeContent.previewIframe {
  51. margin-bottom: 2.6458333333333335mm;
  52. }
  53. .printIframeContent.column1 .pageContent {
  54. width: 100%;
  55. }
  56. .printIframeContent.column2 .pageContent {
  57. width: 50%;
  58. }
  59. .printIframeContent.column3 .pageContent {
  60. width: 33.33%;
  61. }
  62. .pageContent {
  63. position: relative;
  64. }
  65. .hasBindingLine .pageContent .dtk-content {
  66. padding-left: 13.229166666666666mm;
  67. }
  68. .printIframeContent .pageContent {
  69. position: relative;
  70. background: #fff;
  71. }
  72. .printIframeContent .pageContent .forbiddenArea {
  73. position: absolute;
  74. display: flex;
  75. align-items: center;
  76. justify-content: center;
  77. width: calc(100% - 15.875mm);
  78. height: calc(100% - 26.458333333333332mm);
  79. top: 13.229166666666666mm;
  80. right: 7.9375mm;
  81. border: 0.2645833333333333mm solid #ddd;
  82. box-sizing: border-box;
  83. border-radius: 1.0583333333333331mm;
  84. }
  85. .pageContent .pageLabel {
  86. position: absolute;
  87. display: -webkit-box;
  88. display: -ms-flexbox;
  89. display: flex;
  90. -webkit-box-orient: vertical;
  91. -webkit-box-direction: normal;
  92. -ms-flex-direction: column;
  93. flex-direction: column;
  94. bottom: 1.3229166666666667mm;
  95. left: 50%;
  96. -webkit-transform: translateX(-50%);
  97. transform: translateX(-50%);
  98. color: #999;
  99. }
  100. .pageContent .pageLabel .item {
  101. width: 22.489583333333332mm;
  102. height: 5.820833333333333mm;
  103. font-size: 3.175mm;
  104. text-align: center;
  105. line-height: 5.820833333333333mm;
  106. }
  107. .pageContent .bindingLine {
  108. position: absolute;
  109. top: 0;
  110. left: 0;
  111. height: 100%;
  112. width: 10.054166666666665mm;
  113. border-right: 0.5291666666666666mm dashed #bbb;
  114. display: none;
  115. }
  116. .pageContent .bindingLine img {
  117. position: absolute;
  118. width: 0.5291666666666666mm;
  119. height: 100%;
  120. right: 0;
  121. top: 50%;
  122. margin-top: -148.16666666666666mm;
  123. }
  124. .pageContent .bindingLine .line {
  125. position: absolute;
  126. right: -2.1166666666666663mm;
  127. width: 4.2333333333333325mm;
  128. height: 100%;
  129. display: flex;
  130. flex-direction: column;
  131. justify-content: space-around;
  132. }
  133. .pageContent .bindingLine.left,
  134. .pageContent .bindingLine.right {
  135. display: block;
  136. width: 5.291666666666667mm;
  137. border: 0;
  138. }
  139. .pageContent .bindingLine.right{
  140. left: auto;
  141. right: 0;
  142. border-left: 0.5291666666666666mm dashed #bbb;
  143. }
  144. .pageContent .bindingLine.left {
  145. left: 0;
  146. border-right: 0.5291666666666666mm dashed #bbb;
  147. }
  148. .pageContent .bindingLine.right .line {
  149. left: -2.1166666666666663mm;
  150. }
  151. .pageContent .bindingLine.left .line {
  152. right: -2.1166666666666663mm;
  153. }
  154. .pageContent .bindingLine .line span {
  155. display: block;
  156. font-size: 3.175mm;
  157. color: #999;
  158. transform: rotate(-90deg);
  159. -webkit-transform: rotate(-90deg);
  160. /* Firefox */
  161. -moz-transform: rotate(-90deg);
  162. }
  163. .pageContent .bindingLine .examineeInfo {
  164. position: absolute;
  165. display: flex;
  166. justify-content: space-around;
  167. flex-direction: column;
  168. height: 100%;
  169. width: 10.583333333333334mm;
  170. top: 50%;
  171. transform: translateY(-50%);
  172. transform: translateY(-50%);
  173. left: 0;
  174. }
  175. .pageContent .bindingLine .examineeInfo .item {
  176. height: 71.4375mm;
  177. font-style: normal;
  178. }
  179. .pageContent .bindingLine .examineeInfo .item em {
  180. display: block;
  181. width: 3.7041666666666666mm;
  182. margin-left: 2.6458333333333335mm;
  183. font-size: 3.7041666666666666mm;
  184. font-style: normal;
  185. }
  186. .pageContent .bindingLine .examineeInfo .item em i {
  187. display: block;
  188. font-size: 3.7041666666666666mm;
  189. font-style: normal;
  190. transform: rotate(-90deg);
  191. -webkit-transform: rotate(-90deg);
  192. -ms-transform: rotate(-90deg);
  193. -o-transform: rotate(-90deg);
  194. -moz-transform: rotate(-90deg);
  195. }
  196. .pageContent .bindingLine .examineeInfo .item span {
  197. display: flex;
  198. flex-direction: column-reverse;
  199. justify-content: center;
  200. align-items: center;
  201. position: relative;
  202. width: 5.291666666666667mm;
  203. height: 52.916666666666664mm;
  204. margin-left: 2.6458333333333335mm;
  205. border-right: 0.5291666666666666mm solid #333;
  206. }
  207. .pageContent .bindingLine .examineeInfo .item span b {
  208. transform: rotate(-90deg);
  209. }
  210. .pageContent .bindingLine .examineeInfo .item span .red {
  211. font-weight: normal;
  212. }
  213. .dtk-content {
  214. padding: 13.229166666666666mm 7.9375mm;
  215. }
  216. .dtk-content .dtkName {
  217. display: -webkit-box;
  218. display: -ms-flexbox;
  219. display: flex;
  220. -webkit-box-align: center;
  221. -ms-flex-align: center;
  222. align-items: center;
  223. -webkit-box-pack: center;
  224. -ms-flex-pack: center;
  225. justify-content: center;
  226. height: 14.552083333333332mm;
  227. font-size: 4.762499999999999mm;
  228. margin-bottom: 2.6458333333333335mm;
  229. text-align: center;
  230. }
  231. .dtk-content .dtkName textarea {
  232. display: block;
  233. width: 100%;
  234. height: 14.552083333333332mm;
  235. text-align: center;
  236. resize: none;
  237. outline: none;
  238. font-size: 4.762499999999999mm;
  239. box-sizing: border-box;
  240. -webkit-box-sizing: border-box;
  241. border: 0.2645833333333333mm solid #bbbbbb;
  242. }
  243. .dtk-content .examineeInfo {
  244. display: flex;
  245. height: 5.820833333333333mm;
  246. margin-bottom: 2.645833333333333mm;
  247. }
  248. .dtk-content .examineeInfo .item {
  249. display: flex;
  250. flex: 1;
  251. padding: 0 3.96875mm;
  252. font-style: normal;
  253. }
  254. .dtk-content .examineeInfo .item em {
  255. height: 5.820833333333333mm;
  256. line-height: 5.820833333333333mm;
  257. color: #333;
  258. font-style: normal;
  259. font-size: 4.2333333333333325mm;
  260. }
  261. .dtk-content .examineeInfo .item span {
  262. flex: 1;
  263. height: 5.291666666666667mm;
  264. border-bottom: 0.5291666666666666mm solid #bbbbbb;
  265. display: flex;
  266. justify-content: center;
  267. }
  268. .dtk-content .examineeInfo .item span .red {
  269. font-weight: normal;
  270. }
  271. .dtk-content .examInfo {
  272. display: flex;
  273. height: 13.229166666666666mm;
  274. justify-content: space-around;
  275. align-items: center;
  276. }
  277. .dtk-content .examInfo span {
  278. font-size: 3.7041666666666666mm;
  279. color: #333;
  280. line-height: 13.229166666666666mm;
  281. text-align: center;
  282. overflow: hidden;
  283. text-overflow: ellipsis;
  284. white-space: nowrap;
  285. flex: 1;
  286. }
  287. .dtk-content .examInfo span:nth-child(1){
  288. min-width: 29.104166666666664mm;
  289. }
  290. .dtk-content .examInfo span:nth-child(2){
  291. min-width: 29.104166666666664mm;
  292. }
  293. .dtk-content .examInfo .input-examInfo{
  294. width: 17mm;
  295. background: #fff;
  296. font-family: inherit;
  297. font-size: inherit;
  298. font-style: inherit;
  299. font-weight: inherit;
  300. outline: 0;
  301. }
  302. .dtk-content .examInfo .input-examInfo.time{
  303. width: 6.6mm;
  304. }
  305. .dtk-content .examInfo .input-examInfo.fraction{
  306. width: 6.6mm;
  307. }
  308. .dtk-content .noticeInfo {
  309. position: relative;
  310. display: flex;
  311. align-items: center;
  312. border: 0.5291666666666666mm solid #bbbbbb;
  313. border-radius: 1.0583333333333331mm;
  314. font-size: 3.175mm;
  315. flex-wrap: wrap;
  316. margin-bottom: 5.291666666666667mm;
  317. height: 31.75mm;
  318. }
  319. .pageContent.smallLayout .dtk-content .noticeInfo {
  320. height: 37.041666666666664mm;
  321. }
  322. .pageContent.smallLayout .dtk-content .noticeInfo .tipsInfo {
  323. width: 66.14583333333333mm;
  324. }
  325. .pageContent.smallLayout .dtk-content .noticeInfo .simpleBorder.right {
  326. left: 87.3125mm;
  327. }
  328. .pageContent.smallLayout .dtk-content .noticeInfo .noticeEwm {
  329. width: 21.166666666666668mm;
  330. }
  331. .pageContent.smallLayout .ticketNumber{
  332. flex-direction: column;
  333. }
  334. .pageContent .dtk-content .noticeInfo .noticeEwm {
  335. position: relative;
  336. }
  337. .pageContent .dtk-content .noticeInfo .noticeEwm .cover {
  338. position: absolute;
  339. width: 21.166666666666668mm;
  340. height: 21.166666666666668mm;
  341. top: 50%;
  342. left: 50%;
  343. transform: translate(-50%, -50%);
  344. display: flex;
  345. align-items: center;
  346. justify-content: center;
  347. background: #fff;
  348. font-style: normal;
  349. text-align: center;
  350. border: 0.2645833333333333mm dashed #bbb;
  351. display: none;
  352. z-index: 10;
  353. }
  354. .pageContent.smallLayout .dtk-content .noticeInfo .noticeEwm .dtkEwm {
  355. width: 18.520833333333332mm;
  356. height: 18.520833333333332mm;
  357. }
  358. .dtk-content .noticeInfo .tipsInfo {
  359. display: flex;
  360. position: relative;
  361. width: 100.54166666666667mm;
  362. }
  363. .dtk-content .noticeInfo .warmingInfo {
  364. display: flex;
  365. flex: 1;
  366. }
  367. .dtk-content .noticeInfo .simpleBorder {
  368. position: absolute;
  369. height: 100%;
  370. width: 0.5291666666666666mm;
  371. background: #bbb;
  372. left: 7.9375mm;
  373. top: 0;
  374. }
  375. .dtk-content .noticeInfo .simpleBorder.right {
  376. left: 124.35416666666666mm;
  377. }
  378. .dtk-content .noticeInfo .noticeTitle {
  379. width: 7.9375mm;
  380. display: flex;
  381. flex-direction: column;
  382. justify-content: space-around;
  383. font-size: 3.7041666666666666mm;
  384. align-items: center;
  385. font-weight: bold;
  386. }
  387. .dtk-content .noticeInfo .noticeTitle i {
  388. font-style: normal;
  389. }
  390. .dtk-content .noticeInfo .noticeDetail {
  391. flex: 1;
  392. padding: 1.3229166666666667mm;
  393. padding-right: 0;
  394. line-height: 4.2333333333333325mm;
  395. color: #333;
  396. border-right: 0.5291666666666666mm solid #bbb;
  397. }
  398. .dtk-content .noticeInfo .noticeDetail p {
  399. line-height: 4.2333333333333325mm;
  400. }
  401. .dtk-content .noticeInfo .noticeEwm {
  402. width: 23.8125mm;
  403. display: flex;
  404. justify-content: center;
  405. align-items: center;
  406. }
  407. .dtk-content .noticeInfo .noticeEwm .dtkEwm {
  408. position: absolute;
  409. top: 50%;
  410. left: 50%;
  411. transform: translate(-50%, -50%);
  412. -webkit-transform: translate(-50%, -50%);
  413. width: 21.166666666666668mm;
  414. height: 21.166666666666668mm;
  415. }
  416. .dtk-content .noticeInfo .noticeEwm .dtkEwm canvas {
  417. width: 100%;
  418. height: 100%;
  419. }
  420. .dtk-content .noticeInfo .noticeLose {
  421. flex: 1;
  422. padding: 1.3229166666666667mm;
  423. box-sizing: border-box;
  424. }
  425. .dtk-content .noticeInfo .noticeLose p {
  426. line-height: 4.2333333333333325mm;
  427. }
  428. .dtk-content .noticeInfo .noticeLose h4 {
  429. display: flex;
  430. align-items: center;
  431. font-weight: normal;
  432. }
  433. .dtk-content .noticeInfo .noticeLose h4 i {
  434. width: 5.291666666666667mm;
  435. height: 2.6458333333333335mm;
  436. margin-left: 2.6458333333333335mm;
  437. border: 0.5291666666666666mm solid #bbb;
  438. }
  439. .dtk-content .examNumberLayout.useqrcode .examNumber {
  440. display: none !important;
  441. }
  442. .dtk-content .examNumber {
  443. display: flex;
  444. justify-content: space-between;
  445. align-items: center;
  446. margin-bottom: 2.6458333333333335mm;
  447. }
  448. .dtk-content .examNumber.examNumberForQrCode {
  449. display: none;
  450. }
  451. .dtk-content .examNumber.examNumberForQrCode .ticketNumber {
  452. display: flex;
  453. height: auto;
  454. align-items: center;
  455. font-size: 3.7041666666666666mm;
  456. }
  457. .dtk-content .examNumber.examNumberForQrCode .ticketNumber em {
  458. font-style: normal;
  459. }
  460. .dtk-content .examNumber.examNumberForQrCode .ticketNumber p {
  461. display: flex;
  462. border: 0.5291666666666666mm solid #bbb;
  463. }
  464. .dtk-content .examNumber.examNumberForQrCode .ticketNumber p span {
  465. width: 5.291666666666667mm;
  466. height: 5.291666666666667mm;
  467. border-right: 0.5291666666666666mm solid #bbb;
  468. }
  469. .dtk-content .examNumber.examNumberForQrCode .ticketNumber p span:last-child {
  470. border: none;
  471. }
  472. /* .dtk-content .examNumber .ticketNumber{
  473. height: 58.20833333333333mm;
  474. } */
  475. .dtk-content .examNumber .numberCol {
  476. position: relative;
  477. /* width: 5.291666666666667mm; */
  478. font-size: 3.175mm;
  479. text-align: center;
  480. }
  481. .dtk-content .examNumber .numberCol:last-child {
  482. border: 0;
  483. }
  484. /* //第一列 左边框
  485. //第一行 上边框 下边框
  486. //最后一行 下边框 */
  487. .dtk-content .examNumber .numberCol span {
  488. position: relative;
  489. display: flex;
  490. align-items: center;
  491. justify-content: center;
  492. width: 5.291666666666667mm;
  493. height: 5.291666666666667mm;
  494. border-right: 0.2645833333333333mm solid #bbbbbb;
  495. }
  496. /* 第一行 */
  497. .dtk-content .examNumber .numberCol span:nth-child(1) {
  498. border-top: 0.2645833333333333mm solid #bbbbbb;
  499. border-bottom: 0.2645833333333333mm solid #bbbbbb;
  500. }
  501. /* 最后一行 */
  502. .dtk-content .examNumber .numberCol span:last-child {
  503. border-bottom: 0.2645833333333333mm solid #bbbbbb;
  504. }
  505. /* 第一列 */
  506. .dtk-content .examNumber .numberCol:nth-child(1) span {
  507. border-left: 0.2645833333333333mm solid #bbbbbb;
  508. }
  509. .dtk-content .examNumber .numberCol span i {
  510. width: 3.96875mm;
  511. height: 3.175mm;
  512. font-style: normal;
  513. line-height: 3.175mm;
  514. text-align: center;
  515. font-size: 3.175mm;
  516. display: flex;
  517. align-items: center;
  518. justify-content: center;
  519. }
  520. .dtk-content .examNumber .numberCol span i b{
  521. font-weight: normal;
  522. padding: 0 0.396875mm;
  523. font-size: 2.6458333333333335mm;
  524. color: #777;
  525. }
  526. .dtk-content .examNumber .barCode {
  527. padding: 2.6458333333333335mm;
  528. border: 0.2645833333333333mm dashed #bbb;
  529. border-radius: 0.79375mm;
  530. }
  531. .dtk-content .examNumber.examNumberForQrCode .barCode .codeImg {
  532. width: 52.916666666666664mm;
  533. height: 26.458333333333332mm;
  534. }
  535. .dtk-content .examNumber.examNumberForQrCode .barCode .codeImg .barCodeTip {
  536. flex-direction: row;
  537. }
  538. .dtk-content .examNumber .barCode .codeImg {
  539. position: relative;
  540. width: 26.458333333333332mm;
  541. height: 52.916666666666664mm;
  542. border: 0.5291666666666666mm solid #bbb;
  543. border-radius: 0.79375mm;
  544. }
  545. .dtk-content .examNumber .barCode .codeImg .barCodeTip {
  546. position: absolute;
  547. width: 100%;
  548. height: 100%;
  549. display: flex;
  550. flex-direction: column;
  551. align-items: center;
  552. justify-content: space-around;
  553. color: #bbb;
  554. }
  555. .dtk-content .examNumber .barCode .codeImg .barCodeTip i {
  556. font-style: normal;
  557. }
  558. .dtk-content .examNumber .barCode .codeImg img {
  559. position: absolute;
  560. height: 100%;
  561. width: 100%;
  562. }
  563. .dtk-content h3 {
  564. font-family: 'SimSun';
  565. font-size: 3.7041666666666666mm;
  566. color: #333;
  567. line-height: 7.9375mm;
  568. font-weight: bold;
  569. }
  570. .dtk-content h3 span {
  571. font-size: 3.175mm;
  572. font-weight: normal;
  573. }
  574. .dtk-content .objectiveItem{
  575. font-size: 3.7041666666666666mm;
  576. }
  577. .dtk-content .objectiveItem p{
  578. padding:1.3229166666666667mm 0;
  579. }
  580. .dtk-content .objectiveItem img{
  581. max-width: 100%;
  582. }
  583. /* .dtk-content .objectiveItem .optionObjectiveWrap{
  584. display: flex;
  585. flex-wrap: wrap;
  586. } */
  587. .dtk-content .objectiveItem .optionObjectiveWrap .optionItemObjective{
  588. width: 100%;
  589. }
  590. .dtk-content .objectiveItem .optionObjectiveWrap.column-2 .optionItemObjective{
  591. width: 50%;
  592. }
  593. .dtk-content .objectiveItem .optionObjectiveWrap.column-4 .optionItemObjective{
  594. width: 25%;
  595. }
  596. /* .dtk-content .objectiveItem .optionItemObjective{
  597. display: flex;
  598. align-items: center;
  599. } */
  600. .dtk-content .objectiveItem p{
  601. display:inline-block;
  602. vertical-align: middle;
  603. }
  604. .dtk-content .objectiveItem span{
  605. display: inline-block;
  606. vertical-align: middle;
  607. }
  608. .dtk-content .objectiveItem p:nth-child(2){
  609. display: inline-block;
  610. }
  611. .dtk-content .completion-topic .module {
  612. padding: 0 2.6458333333333335mm 2.6458333333333335mm;
  613. }
  614. .dtk-content .module {
  615. position: relative;
  616. padding: 2.6458333333333335mm;
  617. font-size: 3.175mm;
  618. border: 0.5291666666666666mm solid #bbbbbb;
  619. border-radius: 1.0583333333333331mm;
  620. -webkit-border-radius: 1.0583333333333331mm;
  621. }
  622. .dtk-content .objectiveModule .module{
  623. padding: 0;
  624. border: 0;
  625. position: static;
  626. }
  627. .dtk-content .module .editorContent{
  628. font-size: 3.7mm;
  629. }
  630. .dtk-content .short-answer .module img{
  631. max-width: 100%;
  632. }
  633. .dtk-content .short-answer .module .customImg {
  634. position: absolute;
  635. max-width: calc(100% - 5.820833333333333mm);
  636. max-height: calc(100% - 7.9375mm);
  637. }
  638. .dtk-content h3 .originSubjectInfo{
  639. font-weight: normal;
  640. }
  641. .dtk-content h3 .originSubjectInfo .questionItemBody{
  642. position: relative;
  643. }
  644. .dtk-content h3 .originSubjectInfo .questionItemBody p:nth-child(2){
  645. text-indent: 2em;
  646. }
  647. .dtk-content h3 .originSubjectInfo .questionItemBody b{
  648. position: absolute;
  649. top: 0.5291666666666666mm;
  650. left: 0;
  651. font-weight: normal;
  652. }
  653. .dtk-content .short-answer .module {
  654. padding: 10.583333333333334mm 2.6458333333333335mm 2.6458333333333335mm;
  655. margin: 2.6458333333333335mm 0;
  656. }
  657. .dtk-content .short-answer .module.pdt10 {
  658. padding-top: 2.6458333333333335mm;
  659. }
  660. .dtk-content .short-answer .module .selTopic {
  661. position: absolute;
  662. height: 3.96875mm;
  663. right: 2.6458333333333335mm;
  664. }
  665. .dtk-content .short-answer .module .selTopic span {
  666. width: 10.583333333333334mm;
  667. height: 3.96875mm;
  668. margin: 0 2.6458333333333335mm;
  669. line-height: 3.96875mm;
  670. text-align: center;
  671. -webkit-box-sizing: border-box;
  672. box-sizing: border-box;
  673. }
  674. .dtk-content .module .scortColumn {
  675. position: absolute;
  676. top: 0;
  677. left: 0;
  678. width: 100%;
  679. display: flex;
  680. border-bottom: 0.2645833333333333mm solid #bbb;
  681. }
  682. .dtk-content .module .scortColumn span {
  683. float: left;
  684. position: relative;
  685. height: 7.9375mm;
  686. text-align: center;
  687. line-height: 7.9375mm;
  688. flex: 1;
  689. border-right: 0.2645833333333333mm solid #bbb;
  690. }
  691. .dtk-content .module .scortColumn span:last-child {
  692. border-right: 0;
  693. }
  694. .dtk-content .module .editorQuestionNum{
  695. float: left;
  696. }
  697. .single-select {
  698. position: relative;
  699. }
  700. .single-select.vertical .single-option {
  701. flex-direction: column;
  702. }
  703. .single-select.vertical .single-option li {
  704. flex-direction: row;
  705. }
  706. .singleContent.module {
  707. position: relative;
  708. padding: 0;
  709. display: flex;
  710. flex-wrap: wrap;
  711. }
  712. .single-option {
  713. position: relative;
  714. padding: 2.6458333333333335mm;
  715. display: flex;
  716. font-size: 3.175mm;
  717. flex-direction: row;
  718. flex-wrap: wrap;
  719. align-content: flex-start;
  720. max-height: 26.458333333333332mm;
  721. }
  722. /* .single-option.more-option{
  723. width: 55.5625mm;
  724. } */
  725. .single-option li {
  726. display: flex;
  727. align-items: center;
  728. flex-direction: column;
  729. }
  730. .single-option li em,
  731. .single-option li span {
  732. display: flex;
  733. width: 3.96875mm;
  734. height: 3.175mm;
  735. text-align: center;
  736. line-height: 3.175mm;
  737. margin: 0.79375mm 1.3229166666666667mm;
  738. font-style: normal;
  739. align-items: center;
  740. justify-content: center;
  741. }
  742. .single-option li span i{
  743. font-style: normal;
  744. padding: 0 0.5291666666666666mm;
  745. color: #777;
  746. font-size: 2.6458333333333335mm;
  747. }
  748. .single-option li em {
  749. margin: 0.79375mm 0;
  750. }
  751. .short-answer textarea {
  752. width: 100%;
  753. resize: vertical;
  754. outline: none;
  755. }
  756. .subjectCol {
  757. width: 100%;
  758. line-height: 10.583333333333334mm;
  759. }
  760. .subjectCol.rowLineHeight-25 .subjectItem em {
  761. height: 6.614583333333333mm;
  762. }
  763. .subjectCol.rowLineHeight-30 .subjectItem em {
  764. height: 7.9375mm;
  765. }
  766. .subjectCol.rowLineHeight-35 .subjectItem em {
  767. height: 9.260416666666666mm;
  768. }
  769. .subjectCol.rowLineHeight-40 .subjectItem em {
  770. height: 10.583333333333334mm;
  771. }
  772. .subjectCol.rowLineHeight-45 .subjectItem em {
  773. height: 11.90625mm;
  774. }
  775. .subjectCol.rowLineHeight-50 .subjectItem em {
  776. height: 13.229166666666666mm;
  777. }
  778. .subjectCol.rowLineHeight-25 {
  779. line-height: 6.614583333333333mm;
  780. }
  781. .subjectCol.rowLineHeight-30 {
  782. line-height: 7.9375mm;
  783. }
  784. .subjectCol.rowLineHeight-35 {
  785. line-height: 9.260416666666666mm;
  786. }
  787. .subjectCol.rowLineHeight-40 {
  788. line-height: 10.583333333333334mm;
  789. }
  790. .subjectCol.rowLineHeight-45 {
  791. line-height: 11.90625mm;
  792. }
  793. .subjectCol.rowLineHeight-50 {
  794. line-height: 13.229166666666666mm;
  795. }
  796. .subjectCol.col-1 .subjectItem {
  797. width: 100%;
  798. }
  799. .subjectCol.col-2 .subjectItem {
  800. width: calc(50% - 2.6458333333333335mm);
  801. }
  802. .subjectCol.col-3 .subjectItem {
  803. width: calc(33% - 2.6458333333333335mm);
  804. }
  805. .subjectCol .subjectItem {
  806. float: left;
  807. align-items: flex-end;
  808. padding-right: 2.6458333333333335mm;
  809. padding-top: 2.6458333333333335mm;
  810. width: 100%;
  811. display: flex;
  812. }
  813. .subjectCol .subjectItem span {
  814. display: flex;
  815. width: 6.614583333333333mm;
  816. align-items: flex-end;
  817. text-align: center;
  818. line-height: 6.614583333333333mm;
  819. }
  820. .subjectCol .subjectItem em {
  821. position: relative;
  822. height: 10.583333333333334mm;
  823. flex: 1;
  824. border-bottom: 0.2645833333333333mm solid #bbbbbb;
  825. }
  826. .subjectCol .subjectItem strong {
  827. display: flex;
  828. align-items: flex-end;
  829. }
  830. .subjectCol .subjectItem strong i {
  831. width: 6.614583333333333mm;
  832. height: 6.614583333333333mm;
  833. font-style: normal;
  834. text-align: center;
  835. line-height: 6.614583333333333mm;
  836. border: 0.2645833333333333mm solid #bbb;
  837. font-weight: normal;
  838. color: #999;
  839. }
  840. .scan-dot {
  841. position: absolute;
  842. height: 5.291666666666667mm;
  843. top: 5.291666666666667mm;
  844. left: 7.9375mm;
  845. width: calc(100% - 15.875mm);
  846. }
  847. .printIframeContent.hasBindingLine .scan-dot {
  848. width: calc(100% - 21.166666666666668mm);
  849. left: 13.229166666666666mm;
  850. }
  851. .scan-dot.bot {
  852. top: auto;
  853. bottom: 5.291666666666667mm;
  854. }
  855. .scan-dot span {
  856. position: absolute;
  857. width: 10.583333333333334mm;
  858. height: 5.291666666666667mm;
  859. left: 0;
  860. top: 0;
  861. background: #000;
  862. }
  863. .scan-dot span.center1 {
  864. right: auto;
  865. left: 40%;
  866. }
  867. .scan-dot span.center2 {
  868. left: auto;
  869. right: 40%;
  870. }
  871. .scan-dot span.right {
  872. left: auto;
  873. right: 0;
  874. }
  875. /*.module table {*/
  876. /* margin: 2.6458333333333335mm 0;*/
  877. /* line-height: 1.5;*/
  878. /*}*/
  879. /*.module table {*/
  880. /* border-top: 0.2645833333333333mm solid #ccc;*/
  881. /* border-left: 0.2645833333333333mm solid #ccc;*/
  882. /*}*/
  883. /*.module table td,*/
  884. /*.module table th {*/
  885. /* border-bottom: 0.2645833333333333mm solid #ccc;*/
  886. /* border-right: 0.2645833333333333mm solid #ccc;*/
  887. /* padding: 0.79375mm 1.3229166666666667mm;*/
  888. /*}*/
  889. .module table {
  890. margin-bottom: 10px;
  891. border-collapse: collapse;
  892. display: table;
  893. }
  894. .module table td,
  895. .module table th {
  896. padding: 5px 10px;
  897. border: 1px solid #DDD;
  898. font-size: 12px;
  899. line-height: 12px;
  900. }
  901. .module .composition-column {
  902. position: relative;
  903. display: flex;
  904. margin-top: 10px;
  905. border-bottom: 1px solid #333;
  906. border-top: 1px solid #333;
  907. }
  908. .module .composition-column.en {
  909. margin-top: 33px;
  910. border-bottom: 0;
  911. }
  912. .module .composition-column.en:after,
  913. .module .composition-column.en:before {
  914. display: none;
  915. }
  916. .module .composition-column span {
  917. position: relative;
  918. flex: 1;
  919. height: 30px;
  920. border-right: 1px solid #333;
  921. }
  922. .module .composition-column span:nth-child(1) {
  923. border-left: 1px solid #333;
  924. }
  925. .module .composition-column span b {
  926. position: absolute;
  927. font-size: 10px;
  928. left: 50%;
  929. transform: translateX(-50%);
  930. bottom: -13px;
  931. }
  932. .module .composition-column:after,
  933. .module .composition-column:before {
  934. position: absolute;
  935. content: '';
  936. height: 12px;
  937. top: 30px;
  938. right: 0;
  939. width: 1px;
  940. background: #333;
  941. }
  942. .module .composition-column:last-child:after,
  943. .module .composition-column:last-child:before {
  944. width: 0;
  945. }
  946. .module .composition-column:before {
  947. left: 0;
  948. }
  949. hr{
  950. border-top: none;
  951. border-left: none;
  952. border-right: none;
  953. border-bottom: 1px solid #bbbbbb;
  954. margin: 7px 0;
  955. }
  956. .answerModule h3 td, .answerModule h3 th{
  957. /*vertical-align: middle;*/
  958. /*border: 1px solid #ccc !important;*/
  959. font-size: 3.7041666666666666mm;
  960. line-height: 3.7041666666666666mm;
  961. }
  962. .modulePosition{
  963. font-family: 'SimSun';
  964. }
  965. .w-e-text:after{display:block;clear:both;content:"";visibility:hidden;height:0}
  966. .w-e-text{zoom:1}
  967. .w-e-text p:after{display:block;clear:both;content:"";visibility:hidden;height:0}
  968. .w-e-text p{zoom:1}
  969. /*printstyle:end*/