/* 22px 试卷名称 18px 考生信息,考试信息,右侧考试 16px 题型标题 14px 其他字体body */ #questionEdit, #examInfoEditDialog{ display: none; position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,.3); top: 0; left: 0; z-index: 99999; } .questionEditDialog { position: fixed; width: 900px; background: #fff; left: 50%; top: 200px; margin-left: -445px; color: #333; font-size: 14px; } #examInfoEditDialog .questionEditDialog{ width: 330px; margin-left:-156px; } .questionEditDialog .title { display: flex; height: 40px; padding: 0 20px; justify-content: space-between; align-items: center; color: #233D4D; background: #E5E9EE; } .questionEditDialog .title span { font-size: 18px; } .questionEditDialog .title i { position: relative; width: 14px; height: 14px; padding: 10px; cursor: pointer; } .questionEditDialog .title i:after, .questionEditDialog .title i:before { content: ''; position: absolute; width: 15px; height: 2px; top: 50%; left: 50%; background: #6A8296; transform: rotate(45deg) translate(-50%, -50%); transform-origin: left top; } .questionEditDialog .title i:before { transform: rotate(-45deg) translate(-50%, -50%); transform-origin: left top; } .questionEditDialog .questionEditContent { padding: 20px; max-height: 500px; overflow-y: scroll; } .questionEditDialog .questionBtns { display: flex; align-items: center; justify-content: center; padding: 20px 0; border-top: 1px solid #DDDDDD; } .questionEditDialog .questionBtns .border { background: #fff; border: 1px solid #97b1c7; color: #97b1c7; } body { background: #ddd; } .printcontent { margin: 0 auto; background: #fff; } .printcontent.column2 .pageContent { width: 50%; } .formatContent { display: none; } #preview-iframe { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: #fff; z-index: 1000000; } #closeIframeBtn { position: fixed; z-index: 1000001; right: 20px; top: 20px; } .module .w-e-text { font-family: 'SimSun'; padding: 0; overflow-y: hidden !important; } .module .w-e-text p{ margin:0; } .module .w-e-text-container { position: static; } .flexible_icon { position: absolute; width: 20px !important; height: 20px !important; cursor: nwse-resize; display: none; z-index: 10000; } .flexible_icon i { position: absolute; width: 100%; height: 100%; background: #333; } .h_checkBox { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .h_checkBox .h_checkItem { display: -webkit-box; display: -ms-flexbox; display: flex; padding-right: 10px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .h_checkBox .h_checkItem i { position: relative; width: 16px; height: 16px; border: 1px solid #c6c9cf; background: #fff; border-radius: 5px; } .h_checkBox .h_checkItem i:after { content: ""; position: absolute; width: 3px; height: 10px; border-bottom: 2px solid transparent; border-right: 2px solid transparent; top: 50%; left: 50%; -webkit-transform: rotate(45deg) translate(-50%, -50%); transform: rotate(45deg) translate(-50%, -50%); -webkit-transform-origin: top center; transform-origin: top center; -webkit-box-sizing: initial; box-sizing: initial; } .h_checkBox .h_checkItem em { padding-left: 5px; font-style: normal; } .h_checkBox .h_checkItem.checked i { border-color: #6b8296; } .h_checkBox .h_checkItem.checked i:after { border-color: #6b8296; } .h_checkBox .h_checkItem.disabled { cursor: default; opacity: 0.3; } .h_checkBox .h_checkItem.disabled i { background: #bbb; border-color: #bbb; } .h_radioBox { display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .h_radioBox .h_radioItem { display: -webkit-box; display: -ms-flexbox; display: flex; padding-right: 10px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; margin: 5px 0; } .h_radioBox .h_radioItem.disabled { cursor: default; opacity: 0.3; } .h_radioBox .h_radioItem i { position: relative; width: 16px; height: 16px; border: 1px solid #c6c9cf; background: #fff; border-radius: 50%; } .h_radioBox .h_radioItem i:after { content: ""; position: absolute; width: 6px; height: 6px; background: #fff; border-radius: 50%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .h_radioBox .h_radioItem em { padding-left: 5px; font-style: normal; } .h_radioBox .h_radioItem.checked i { border-color: #6b8296; } .h_radioBox .h_radioItem.checked i:after { background: #6b8296; } .h_switch { position: relative; width: 40px; height: 20px; border-radius: 24px; border: 1px solid #999; -webkit-box-shadow: 0 0 12px 12px #fff inset; box-shadow: 0 0 12px 12px #fff inset; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .h_switch.open { -webkit-transition: all 0.2s linear; transition: all 0.2s linear; border: 1px solid #6b8296; -webkit-box-shadow: 0 0 12px 12px #6b8296 inset; box-shadow: 0 0 12px 12px #6b8296 inset; } .h_switch.open:after { -webkit-transition: all 0.2s linear; transition: all 0.2s linear; left: 20px; background-color: #fff; } .h_switch:after { -webkit-transition: all 0.2s linear; transition: all 0.2s linear; content: ""; position: absolute; width: 18px; height: 18px; background: #999; top: 1px; left: 1px; border-radius: 50%; } .h_btn { width: 80px; height: 40px; margin: 0 10px; text-align: center; line-height: 40px; background: #97b1c7; border-radius: 4px; color: #fff; font-size: 16px; cursor: pointer; border: 1px solid transparent; } .h_btn.disabled{ background: #999 !important; } /*printstyle:start*/ @media print { @page { size: "auto"; margin: 0px; } } html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; } body { background-color: #666; color: #333; font: 14px Helvetica Neue, Helvetica, PingFang SC, Tahoma, Arial, sans-serif; line-height: 1; } * { margin: 0; padding: 0; border: 0; list-style: none; } .fl { float: left; } .fr { float: right; } img{vertical-align: middle;} .clearfix:after { content: ""; display: block; clear: both; } .red { color: red; } .printIframeContent { background: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto; position: relative; } .printIframeContent.previewIframe { margin-bottom: 10px; } .printIframeContent.column1 .pageContent { width: 100%; } .printIframeContent.column2 .pageContent { width: 50%; } .printIframeContent.column3 .pageContent { width: 33.33%; } .pageContent { position: relative; } .hasBindingLine .pageContent .dtk-content { padding-left: 50px; } .printIframeContent .pageContent { position: relative; background: #fff; } .printIframeContent .pageContent .forbiddenArea { position: absolute; display: flex; align-items: center; justify-content: center; width: calc(100% - 60px); height: calc(100% - 100px); top: 50px; right: 30px; border: 1px solid #ddd; box-sizing: border-box; border-radius: 4px; } .pageContent .pageLabel { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; bottom: 5px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); color: #999; } .pageContent .pageLabel .item { width: 85px; height: 22px; font-size: 12px; text-align: center; line-height: 22px; } .pageContent .bindingLine { position: absolute; top: 0; left: 0; height: 100%; width: 38px; border-right: 2px dashed #bbb; display: none; } .pageContent .bindingLine img { position: absolute; width: 2px; height: 100%; right: 0; top: 50%; margin-top: -560px; } .pageContent .bindingLine .line { position: absolute; right: -8px; width: 16px; height: 100%; display: flex; flex-direction: column; justify-content: space-around; } .pageContent .bindingLine.left, .pageContent .bindingLine.right { display: block; width: 20px; border: 0; } .pageContent .bindingLine.right{ left: auto; right: 0; border-left: 2px dashed #bbb; } .pageContent .bindingLine.left { left: 0; border-right: 2px dashed #bbb; } .pageContent .bindingLine.right .line { left: -8px; } .pageContent .bindingLine.left .line { right: -8px; } .pageContent .bindingLine .line span { display: block; font-size: 12px; color: #999; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); /* Firefox */ -moz-transform: rotate(-90deg); } .pageContent .bindingLine .examineeInfo { position: absolute; display: flex; justify-content: space-around; flex-direction: column; height: 100%; width: 40px; top: 50%; transform: translateY(-50%); transform: translateY(-50%); left: 0; } .pageContent .bindingLine .examineeInfo .item { height: 270px; font-style: normal; } .pageContent .bindingLine .examineeInfo .item em { display: block; width: 14px; margin-left: 10px; font-size: 14px; font-style: normal; } .pageContent .bindingLine .examineeInfo .item em i { display: block; font-size: 14px; font-style: normal; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); -moz-transform: rotate(-90deg); } .pageContent .bindingLine .examineeInfo .item span { display: flex; flex-direction: column-reverse; justify-content: center; align-items: center; position: relative; width: 20px; height: 200px; margin-left: 10px; border-right: 2px solid #333; } .pageContent .bindingLine .examineeInfo .item span b { transform: rotate(-90deg); } .pageContent .bindingLine .examineeInfo .item span .red { font-weight: normal; } .dtk-content { padding: 50px 30px; } .dtk-content .dtkName { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 55px; font-size: 18px; margin-bottom: 10px; text-align: center; } .dtk-content .dtkName textarea { display: block; width: 100%; height: 55px; text-align: center; resize: none; outline: none; font-size: 18px; box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid #bbbbbb; } .dtk-content .examineeInfo { display: flex; height: 22px; margin-bottom: 10px; } .dtk-content .examineeInfo .item { display: flex; flex: 1; padding: 0 15px; font-style: normal; } .dtk-content .examineeInfo .item em { height: 22px; line-height: 22px; color: #333; font-style: normal; font-size: 16px; } .dtk-content .examineeInfo .item span { flex: 1; height: 20px; border-bottom: 2px solid #bbbbbb; display: flex; justify-content: center; } .dtk-content .examineeInfo .item span .red { font-weight: normal; } .dtk-content .examInfo { position: relative; display: flex; height: 50px; justify-content: space-around; align-items: center; } .dtk-content .examInfo span { font-size: 14px; color: #333; line-height: 50px; /* text-align: center; */ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1; } .dtk-content .examInfo span:nth-child(1){ min-width: 110px; padding-left: 15px; } .dtk-content .examInfo span:nth-child(2){ min-width: 110px; } .dtk-content .examInfo .input-examInfo{ width: 64px; background: #fff; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; outline: 0; } .dtk-content .examInfo .input-examInfo.time{ width: 25px; } .dtk-content .examInfo .input-examInfo.fraction{ width: 25px; } .dtk-content .examInfo:hover .btn-examInfo{ display: block; } .dtk-content .examInfo .btn-examInfo{ display: none; position: absolute; top: 0; right: -30px; width: 30px; height: 30px; background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzZweCIgaGVpZ2h0PSIzNnB4IiB2aWV3Qm94PSIwIDAgMzYgMzYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDYxLjIgKDg5NjUzKSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT7orr7nva48L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0i6K6+572uIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8Zz4KICAgICAgICAgICAgPHJlY3QgaWQ9IuefqeW9oiIgZmlsbD0iIzZBODI5NiIgeD0iMCIgeT0iMCIgd2lkdGg9IjM2IiBoZWlnaHQ9IjM2Ij48L3JlY3Q+CiAgICAgICAgICAgIDxnIGlkPSLnvJbovpEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQuNTAwMDAwLCA3LjIwMDAwMCkiIGZpbGw9IiNGRkZGRkYiPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTIyLjExNTU0MDMsNS45NDU3MTkxIEwyMC41NzA0MzA0LDcuNDg4MzM3OTcgTDE1LjAwOTMyMjQsMS45MjcxOTY5NCBMMTYuNTU0NDMyMywwLjM4NDU3ODA5NCBDMTYuNzk5OTI5NSwwLjEzODM5NTMxMSAxNy4xMzM1NDYsMCAxNy40ODE0OTgyLDAgQzE3LjgyOTQ1MDUsMCAxOC4xNjMwNjY5LDAuMTM4Mzk1MzExIDE4LjQwODU2NDEsMC4zODQ1NzgwOTQgTDIyLjExNTU0MDMsNC4wOTA3MTk5IEMyMi42MjgxNTMyLDQuNjAzMTUzMTUgMjIuNjI4MTUzMiw1LjQzMzI4NTg1IDIyLjExNTU0MDMsNS45NDU3MTkxIEwyMi4xMTU1NDAzLDUuOTQ1NzE5MSBaIE0xMi4yMjgxMjQ2LDE1LjgzMjYyMDUgQzExLjk4MjI5MDYsMTYuMDc4MTcwOSAxMS42NDg4MDAzLDE2LjIxNjEyOTIgMTEuMzAxMDU4NywxNi4yMTYxMjkyIEMxMC45NTMzMTcsMTYuMjE2MTI5MiAxMC42MTk4MjY4LDE2LjA3ODE3MDkgMTAuMzczOTkyOCwxNS44MzI2MjA1IEw4LjgyODg4Mjg3LDE0LjI5MDAwMTYgTDE0LjA4MjI1NjUsOS4wMzczODQ0IEMxNC4yNDI2MTgyLDguODY1MjY4OTQgMTQuMjM3OTA4LDguNTk3MzQ4NDEgMTQuMDcxNTk1LDguNDMwOTU3NjUgQzEzLjkwNTI4MjEsOC4yNjQ1NjY4OSAxMy42MzY5MzkzLDguMjU5MzA2NjYgMTMuNDY0MjEyNSw4LjQxOTA1MTM0IEw4LjIxMDgzODksMTMuNjcxNjY4NiBMNi42NjU3MjkwMywxMi4xMjkwNDk3IEM2LjE1MzI2MzcxLDExLjYxNzA1NzQgNi4xNTMyNjM3MSwxMC43ODczMjg0IDYuNjY1NzI5MDMsMTAuMjc1MzM2IEwxMy43NzMyMzQ1LDMuMTY5MDA1MTQgTDE5LjMzNDM0MjUsOC43MzAxNDYxNCBMMTIuMjI4MTI0NiwxNS44MzI2MjA1IFogTTUuNDIwNjI3OTgsMTcuOTQzNDM3MyBDNC45NDYxNDEwNywxNy45MzI1NDMyIDQuNTY0Mjg2MDIsMTcuNTUwNzM3MyA0LjU1NDA3ODg0LDE3LjA3Njk5OTcgTDQuNSwxMy42Njc4MTIgTDguODMxNDU4MDUsMTggTDUuNDIwNjI3OTgsMTcuOTQzNDM3MyBaIiBpZD0i5b2i54q2IiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSLnn6nlvaIiIHg9IjAiIHk9IjE5LjgiIHdpZHRoPSIyNyIgaGVpZ2h0PSIxLjgiIHJ4PSIwLjkiPjwvcmVjdD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+') no-repeat center; background-size: 100%; cursor: pointer; } .dtk-content .noticeInfo { position: relative; display: flex; align-items: center; border: 2px solid #bbbbbb; border-radius: 4px; font-size: 12px; flex-wrap: wrap; margin-bottom: 20px; height: 120px; } .pageContent.smallLayout .dtk-content .noticeInfo { height: 140px; } .pageContent.smallLayout .dtk-content .noticeInfo .tipsInfo { width: 250px; } .pageContent.smallLayout .dtk-content .noticeInfo .simpleBorder.right { left: 330px; } .pageContent.smallLayout .dtk-content .noticeInfo .noticeEwm { width: 80px; } .pageContent.smallLayout .ticketNumber{ flex-direction: column; } .pageContent .dtk-content .noticeInfo .noticeEwm { position: relative; } .pageContent .dtk-content .noticeInfo .noticeEwm .cover { position: absolute; width: 80px; height: 80px; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; background: #fff; font-style: normal; text-align: center; border: 1px dashed #bbb; display: none; z-index: 10; } .pageContent.smallLayout .dtk-content .noticeInfo .noticeEwm .dtkEwm { width: 70px; height: 70px; } .dtk-content .noticeInfo .tipsInfo { display: flex; position: relative; width: 380px; } .dtk-content .noticeInfo .warmingInfo { display: flex; flex: 1; } .dtk-content .noticeInfo .simpleBorder { position: absolute; height: 100%; width: 2px; background: #bbb; left: 30px; top: 0; } .dtk-content .noticeInfo .simpleBorder.right { left: 470px; } .dtk-content .noticeInfo .noticeTitle { width: 30px; display: flex; flex-direction: column; justify-content: space-around; font-size: 14px; align-items: center; font-weight: bold; } .dtk-content .noticeInfo .noticeTitle i { font-style: normal; } .dtk-content .noticeInfo .noticeDetail { flex: 1; padding: 5px; padding-right: 0; line-height: 16px; color: #333; border-right: 2px solid #bbb; } .dtk-content .noticeInfo .noticeDetail p { line-height: 16px; } .dtk-content .noticeInfo .noticeEwm { width: 90px; display: flex; justify-content: center; align-items: center; } .dtk-content .noticeInfo .noticeEwm .dtkEwm { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: 80px; height: 80px; } .dtk-content .noticeInfo .noticeEwm .dtkEwm canvas { width: 100%; height: 100%; } .dtk-content .noticeInfo .noticeLose { flex: 1; padding: 5px; box-sizing: border-box; } .dtk-content .noticeInfo .noticeLose p { line-height: 16px; } .dtk-content .noticeInfo .noticeLose h4 { display: flex; align-items: center; font-weight: normal; } .dtk-content .noticeInfo .noticeLose h4 i { width: 20px; height: 10px; margin-left: 10px; border: 2px solid #bbb; } .dtk-content .examNumberLayout.useqrcode .examNumber { display: none !important; } .dtk-content .examNumber { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; } .dtk-content .examNumber.examNumberForQrCode { display: none; } .dtk-content .examNumber.examNumberForQrCode .ticketNumber { display: flex; height: auto; align-items: center; font-size: 14px; } .dtk-content .examNumber.examNumberForQrCode .ticketNumber em { font-style: normal; } .dtk-content .examNumber.examNumberForQrCode .ticketNumber p { display: flex; border: 2px solid #bbb; } .dtk-content .examNumber.examNumberForQrCode .ticketNumber p span { width: 20px; height: 20px; border-right: 2px solid #bbb; } .dtk-content .examNumber.examNumberForQrCode .ticketNumber p span:last-child { border: none; } /* .dtk-content .examNumber .ticketNumber{ height: 220px; } */ .dtk-content .examNumber .numberCol { position: relative; /* width: 20px; */ font-size: 12px; text-align: center; } .dtk-content .examNumber .numberCol:last-child { border: 0; } /* //第一列 左边框 //第一行 上边框 下边框 //最后一行 下边框 */ .dtk-content .examNumber .numberCol span { position: relative; display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-right: 1px solid #bbbbbb; } /* 第一行 */ .dtk-content .examNumber .numberCol span:nth-child(1) { border-top: 1px solid #bbbbbb; border-bottom: 1px solid #bbbbbb; } /* 最后一行 */ .dtk-content .examNumber .numberCol span:last-child { border-bottom: 1px solid #bbbbbb; } /* 第一列 */ .dtk-content .examNumber .numberCol:nth-child(1) span { border-left: 1px solid #bbbbbb; } .dtk-content .examNumber .numberCol span i { width: 15px; height: 12px; font-style: normal; line-height: 12px; text-align: center; font-size: 12px; display: flex; align-items: center; justify-content: center; } .dtk-content .examNumber .numberCol span i b{ font-weight: normal; padding: 0 1.5px; font-size: 10px; color: #777; } .dtk-content .examNumber .barCode { padding: 10px; border: 1px dashed #bbb; border-radius: 3px; } .dtk-content .examNumber.examNumberForQrCode .barCode .codeImg { width: 200px; height: 100px; } .dtk-content .examNumber.examNumberForQrCode .barCode .codeImg .barCodeTip { flex-direction: row; } .dtk-content .examNumber .barCode .codeImg { position: relative; width: 100px; height: 200px; border: 2px solid #bbb; border-radius: 3px; } .dtk-content .examNumber .barCode .codeImg .barCodeTip { position: absolute; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: space-around; color: #bbb; } .dtk-content .examNumber .barCode .codeImg .barCodeTip i { font-style: normal; } .dtk-content .examNumber .barCode .codeImg img { position: absolute; height: 100%; width: 100%; } .dtk-content h3 { font-family: 'SimSun'; font-size: 14px; color: #333; line-height: 30px; font-weight: bold; } .dtk-content h3 span { font-size: 12px; font-weight: normal; } .dtk-content .objectiveItem{ font-size: 14px; } .dtk-content .objectiveItem p{ padding:5px 0; } .dtk-content .objectiveItem img{ max-width: 100%; } /* .dtk-content .objectiveItem .optionObjectiveWrap{ display: flex; flex-wrap: wrap; } */ .dtk-content .objectiveItem .optionObjectiveWrap .optionItemObjective{ width: 100%; } .dtk-content .objectiveItem .optionObjectiveWrap.column-2 .optionItemObjective{ width: 50%; } .dtk-content .objectiveItem .optionObjectiveWrap.column-4 .optionItemObjective{ width: 25%; } /* .dtk-content .objectiveItem .optionItemObjective{ display: flex; align-items: center; } */ .dtk-content .objectiveItem p{ display:inline-block; vertical-align: middle; } .dtk-content .objectiveItem span{ display: inline-block; vertical-align: middle; } .dtk-content .objectiveItem p:nth-child(2){ display: inline-block; } .dtk-content .completion-topic .module { padding: 0 10px 10px; } .dtk-content .module { position: relative; padding: 10px; font-size: 12px; border: 2px solid #bbbbbb; border-radius: 4px; -webkit-border-radius: 4px; } .dtk-content .objectiveModule .module{ padding: 0; border: 0; position: static; } .dtk-content .module .editorContent{ font-size: 12px; } .dtk-content .short-answer .module img{ max-width: 100%; } .dtk-content .short-answer .module .customImg { position: absolute; max-width: calc(100% - 22px); max-height: calc(100% - 30px); } .dtk-content h3 .originSubjectInfo{ font-weight: normal; } .dtk-content h3 .originSubjectInfo .questionItemBody{ position: relative; } .dtk-content h3 .originSubjectInfo .questionItemBody p:nth-child(2){ text-indent: 2em; } .dtk-content h3 .originSubjectInfo .questionItemBody b{ position: absolute; top: 2px; left: 0; font-weight: normal; } .dtk-content .short-answer .module { padding: 40px 10px 10px; margin: 10px 0; } .dtk-content .short-answer .module.pdt10 { padding-top: 10px; } .dtk-content .short-answer .module .selTopic { position: absolute; height: 15px; right: 10px; } .dtk-content .short-answer .module .selTopic span { width: 40px; height: 15px; margin: 0 10px; line-height: 15px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; } .dtk-content .module .scortColumn { position: absolute; top: 0; left: 0; width: 100%; display: flex; border-bottom: 1px solid #bbb; } .dtk-content .module .scortColumn span { float: left; position: relative; height: 30px; text-align: center; line-height: 30px; flex: 1; border-right: 1px solid #bbb; } .dtk-content .module .scortColumn span:last-child { border-right: 0; } .dtk-content .module .editorQuestionNum{ float: left; } .single-select { position: relative; } .single-select.vertical .single-option { flex-direction: column; } .single-select.vertical .single-option li { flex-direction: row; } .singleContent.module { position: relative; padding: 0; display: flex; flex-wrap: wrap; } .single-option { position: relative; padding: 10px; display: flex; font-size: 12px; flex-direction: row; flex-wrap: wrap; align-content: flex-start; max-height: 100px; } /* .single-option.more-option{ width: 210px; } */ .single-option li { display: flex; align-items: center; flex-direction: column; } .single-option li em, .single-option li span { display: flex; width: 15px; height: 12px; text-align: center; line-height: 12px; margin: 3px 5px; font-style: normal; align-items: center; justify-content: center; } .single-option li span i{ font-style: normal; padding: 0 2px; color: #777; font-size: 10px; } .single-option li em { margin: 3px 0; } .short-answer textarea { width: 100%; resize: vertical; outline: none; } .subjectCol { width: 100%; line-height: 40px; } .subjectCol.rowLineHeight-25 .subjectItem em { height: 25px; } .subjectCol.rowLineHeight-30 .subjectItem em { height: 30px; } .subjectCol.rowLineHeight-35 .subjectItem em { height: 35px; } .subjectCol.rowLineHeight-40 .subjectItem em { height: 40px; } .subjectCol.rowLineHeight-45 .subjectItem em { height: 45px; } .subjectCol.rowLineHeight-50 .subjectItem em { height: 50px; } .subjectCol.rowLineHeight-25 { line-height: 25px; } .subjectCol.rowLineHeight-30 { line-height: 30px; } .subjectCol.rowLineHeight-35 { line-height: 35px; } .subjectCol.rowLineHeight-40 { line-height: 40px; } .subjectCol.rowLineHeight-45 { line-height: 45px; } .subjectCol.rowLineHeight-50 { line-height: 50px; } .subjectCol.col-1 .subjectItem { width: 100%; } .subjectCol.col-2 .subjectItem { width: calc(50% - 10px); } .subjectCol.col-3 .subjectItem { width: calc(33% - 10px); } .subjectCol .subjectItem { float: left; align-items: flex-end; padding-right: 10px; padding-top: 10px; width: 100%; display: flex; } .subjectCol .subjectItem span { display: flex; width: 25px; align-items: flex-end; text-align: center; line-height: 25px; } .subjectCol .subjectItem em { position: relative; height: 40px; flex: 1; border-bottom: 1px solid #bbbbbb; } .subjectCol .subjectItem strong { display: flex; align-items: flex-end; } .subjectCol .subjectItem strong i { width: 25px; height: 25px; font-style: normal; text-align: center; line-height: 25px; border: 1px solid #bbb; font-weight: normal; color: #999; } .scan-dot { position: absolute; height: 20px; top: 20px; left: 30px; width: calc(100% - 60px); } .printIframeContent.hasBindingLine .scan-dot { width: calc(100% - 80px); left: 50px; } .scan-dot.bot { top: auto; bottom: 20px; } .scan-dot span { position: absolute; width: 40px; height: 20px; left: 0; top: 0; background: #000; } .scan-dot span.center1 { right: auto; left: 40%; } .scan-dot span.center2 { left: auto; right: 40%; } .scan-dot span.right { left: auto; right: 0; } /*.module table {*/ /* margin: 10px 0;*/ /* line-height: 1.5;*/ /*}*/ /*.module table {*/ /* border-top: 1px solid #ccc;*/ /* border-left: 1px solid #ccc;*/ /*}*/ /*.module table td,*/ /*.module table th {*/ /* border-bottom: 1px solid #ccc;*/ /* border-right: 1px solid #ccc;*/ /* padding: 3px 5px;*/ /*}*/ .module table { margin-bottom: 10px; border-collapse: collapse; display: table; } .module table td, .module table th { padding: 5px 10px; border: 1px solid #DDD; font-size: 14px; line-height: 14px; } .module .composition-column { position: relative; display: flex; margin-top: 10px; border-bottom: 1px solid #333; border-top: 1px solid #333; } .module .composition-column.en { margin-top: 33px; border-bottom: 0; } .module .composition-column.en:after, .module .composition-column.en:before { display: none; } .module .composition-column span { position: relative; flex: 1; height: 30px; border-right: 1px solid #333; } .module .composition-column span:nth-child(1) { border-left: 1px solid #333; } .module .composition-column span b { position: absolute; font-size: 10px; left: 50%; transform: translateX(-50%); bottom: -13px; } .module .composition-column:after, .module .composition-column:before { position: absolute; content: ''; height: 12px; top: 30px; right: 0; width: 1px; background: #333; } .module .composition-column:last-child:after, .module .composition-column:last-child:before { width: 0; } .module .composition-column:before { left: 0; } /*printstyle:end*/ body { background-color: #fff; } h1, h2, h3, h4, h5, h6 { font-weight: 600; } .pageContent .pageLabel .size { position: relative; width: 0px; height: 0px; border-top: 11px solid #999; border-bottom: 11px solid #999; border-left: 42px solid #999; border-right: 42px solid #999; } .pageContent .pageLabel .size .itemContent { position: absolute; width: 84px; height: 22px; left: -42px; top: -11px; color: #fff; } .short-answer .toolbar { /* position: absolute; */ width: 100%; /* top: -25px; left: 0; z-index: 100000; border: 1px solid #999; background: #fff; display: none; */ } .short-answer .module .toolbar.seled { display: -webkit-box; display: -ms-flexbox; display: flex; } .short-answer .dragBtn { position: absolute; bottom: 1px; right: 1px; width: 20px; height: 20px; background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAYAAACEYr13AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjhCMzVFRDY3MTVGMTFFNDlGQkNENTdFRDZGRDREMzkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjhCMzVFRDc3MTVGMTFFNDlGQkNENTdFRDZGRDREMzkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2OEIzNUVENDcxNUYxMUU0OUZCQ0Q1N0VENkZENEQzOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2OEIzNUVENTcxNUYxMUU0OUZCQ0Q1N0VENkZENEQzOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjfkuQIAAADkSURBVHjaYpw5cyYDHuANpbfiUsCCRzMHCwvLHBDjz58/ikDqBzZFTLh0MzMzVwI1SoAwiI1LHS4DFP///18F40DZikQbwMbGNvPfv39w74HYQLEZRBuQkJDwLS0tDc4HsUFi2NQyEoiF/zB1pIYB0YAFyRZiXEJ9FzACowin6bNmzYIHIk4DBjwQaWbARrSQB7E3EG1ASEgIFzADIWcssBjRBggJCaUZGBj8gfFBbKBYOtEGAKPvvq6ubjsvLy8DCIPYIDGSChRg7muzsLBIg7FJjgWgjT8UFRWTQRjExqUOIMAALUlNWEZIWRwAAAAASUVORK5CYII=") no-repeat center; cursor: pointer; } .answerModule .module:hover .settingBtn { display: block; } .answerModule .settingBtn { display: none; position: absolute; top: 0; right: -30px; width: 30px; height: 30px; background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzZweCIgaGVpZ2h0PSIzNnB4IiB2aWV3Qm94PSIwIDAgMzYgMzYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDYxLjIgKDg5NjUzKSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT7orr7nva48L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0i6K6+572uIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8Zz4KICAgICAgICAgICAgPHJlY3QgaWQ9IuefqeW9oiIgZmlsbD0iIzZBODI5NiIgeD0iMCIgeT0iMCIgd2lkdGg9IjM2IiBoZWlnaHQ9IjM2Ij48L3JlY3Q+CiAgICAgICAgICAgIDxnIGlkPSLnvJbovpEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQuNTAwMDAwLCA3LjIwMDAwMCkiIGZpbGw9IiNGRkZGRkYiPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTIyLjExNTU0MDMsNS45NDU3MTkxIEwyMC41NzA0MzA0LDcuNDg4MzM3OTcgTDE1LjAwOTMyMjQsMS45MjcxOTY5NCBMMTYuNTU0NDMyMywwLjM4NDU3ODA5NCBDMTYuNzk5OTI5NSwwLjEzODM5NTMxMSAxNy4xMzM1NDYsMCAxNy40ODE0OTgyLDAgQzE3LjgyOTQ1MDUsMCAxOC4xNjMwNjY5LDAuMTM4Mzk1MzExIDE4LjQwODU2NDEsMC4zODQ1NzgwOTQgTDIyLjExNTU0MDMsNC4wOTA3MTk5IEMyMi42MjgxNTMyLDQuNjAzMTUzMTUgMjIuNjI4MTUzMiw1LjQzMzI4NTg1IDIyLjExNTU0MDMsNS45NDU3MTkxIEwyMi4xMTU1NDAzLDUuOTQ1NzE5MSBaIE0xMi4yMjgxMjQ2LDE1LjgzMjYyMDUgQzExLjk4MjI5MDYsMTYuMDc4MTcwOSAxMS42NDg4MDAzLDE2LjIxNjEyOTIgMTEuMzAxMDU4NywxNi4yMTYxMjkyIEMxMC45NTMzMTcsMTYuMjE2MTI5MiAxMC42MTk4MjY4LDE2LjA3ODE3MDkgMTAuMzczOTkyOCwxNS44MzI2MjA1IEw4LjgyODg4Mjg3LDE0LjI5MDAwMTYgTDE0LjA4MjI1NjUsOS4wMzczODQ0IEMxNC4yNDI2MTgyLDguODY1MjY4OTQgMTQuMjM3OTA4LDguNTk3MzQ4NDEgMTQuMDcxNTk1LDguNDMwOTU3NjUgQzEzLjkwNTI4MjEsOC4yNjQ1NjY4OSAxMy42MzY5MzkzLDguMjU5MzA2NjYgMTMuNDY0MjEyNSw4LjQxOTA1MTM0IEw4LjIxMDgzODksMTMuNjcxNjY4NiBMNi42NjU3MjkwMywxMi4xMjkwNDk3IEM2LjE1MzI2MzcxLDExLjYxNzA1NzQgNi4xNTMyNjM3MSwxMC43ODczMjg0IDYuNjY1NzI5MDMsMTAuMjc1MzM2IEwxMy43NzMyMzQ1LDMuMTY5MDA1MTQgTDE5LjMzNDM0MjUsOC43MzAxNDYxNCBMMTIuMjI4MTI0NiwxNS44MzI2MjA1IFogTTUuNDIwNjI3OTgsMTcuOTQzNDM3MyBDNC45NDYxNDEwNywxNy45MzI1NDMyIDQuNTY0Mjg2MDIsMTcuNTUwNzM3MyA0LjU1NDA3ODg0LDE3LjA3Njk5OTcgTDQuNSwxMy42Njc4MTIgTDguODMxNDU4MDUsMTggTDUuNDIwNjI3OTgsMTcuOTQzNDM3MyBaIiBpZD0i5b2i54q2IiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSLnn6nlvaIiIHg9IjAiIHk9IjE5LjgiIHdpZHRoPSIyNyIgaGVpZ2h0PSIxLjgiIHJ4PSIwLjkiPjwvcmVjdD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+') no-repeat center; background-size: 100%; cursor: pointer; } .short-answer .delBtn { position: absolute; width: 20px; height: 20px; top: 0; right: -20px; background: #f2f2f2; border: 1px solid #ddd; cursor: pointer; } .short-answer .delBtn:after, .short-answer .delBtn:before { content: ""; position: absolute; width: 15px; height: 1px; background: #666; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); -webkit-transform-origin: center; transform-origin: center; } .short-answer .delBtn:before { -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); -webkit-transform-origin: center; transform-origin: center; } /* 不要放到打印css里面 */ .hgc_print { display: -webkit-box; display: -ms-flexbox; display: flex; padding-right: 330px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #e1e1e1; } .hgc_print .contentWrap { flex: 1; padding: 20px; overflow: auto; background: #e1e1e1; } .hgc_print .opratorArea { position: fixed; right: 0; top: 0; height: 100%; width: 330px; padding-bottom: 60px; box-sizing: border-box; -webkit-box-sizing: border-box; overflow: auto; background: #fff; } .hgc_print .opratorArea .disabledCover{ position: fixed; width: 330px; height: 100%; top: 0; right: 0; background: rgba(0,0,0,.3); z-index: 10; display: none; } .hgc_print .opratorArea .selOptions { display: flex; padding: 15px 0; } .hgc_print .opratorArea .selOptions .switch_ewm { display: flex; align-items: center; font-size: 16px; color: #666; } .hgc_print .opratorArea .selOptions .switch_ewm .ewmTip { padding: 0 5px; } .hgc_print .opratorArea .selOptions .notice { position: relative; width: 14px; height: 14px; background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTRweCIgaGVpZ2h0PSIxNHB4IiB2aWV3Qm94PSIwIDAgMTQgMTQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDYxLjIgKDg5NjUzKSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT7ms6jmhI88L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0i5rOo5oSPIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBmaWxsPSIjQzRDOENFIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICA8cGF0aCBkPSJNNi45OTExMzE3NiwxLjA1MzUwMTgyIEMzLjczMTI1NjUsMS4wNTM1MDE4MiAxLjA1MzUwMTgyLDMuNzMxMjU2NSAxLjA1MzUwMTgyLDYuOTkxMTMxNzYgQzEuMDUzNTAxODIsMTAuMjUxMDA3IDMuNzMxMjU2NSwxMi45Mjg3NjE3IDYuOTkxMTMxNzYsMTIuOTI4NzYxNyBDMTAuMjUxMDA3LDEyLjkyODc2MTcgMTIuOTI4NzYxNywxMC4yNTEwMDcgMTIuOTI4NzYxNyw2Ljk5MTEzMTc2IEMxMi45Mjg3NjE3LDMuNzMxMjU2NSAxMC4yNTEwMDcsMS4wNTM1MDE4MiA2Ljk5MTEzMTc2LDEuMDUzNTAxODIgTTYuOTkxMTMxNzYsMTMuOTc2NTc4NyBDMy4xNDkxMzU5MSwxMy45NzY1Nzg3IDAuMDA1Njg0NzY1NjIsMTAuODMzMTI3NiAwLjAwNTY4NDc2NTYyLDYuOTkxMTMxNzYgQzAuMDA1Njg0NzY1NjIsMy4xNDkxMzU5MSAzLjE0OTEzNTkxLDAuMDA1Njg0NzY1NjIgNi45OTExMzE3NiwwLjAwNTY4NDc2NTYyIEMxMC44MzMxMjc2LDAuMDA1Njg0NzY1NjIgMTMuOTc2NTc4NywzLjE0OTEzNTkxIDEzLjk3NjU3ODcsNi45OTExMzE3NiBDMTMuOTc2NTc4NywxMC44MzMxMjc2IDEwLjgzMzEyNzYsMTMuOTc2NTc4NyA2Ljk5MTEzMTc2LDEzLjk3NjU3ODciIGlkPSLlvaLnirYiPjwvcGF0aD4KICAgICAgICAgICAgPHBhdGggZD0iTTYuNDA5MDExMTgsOC4zODgyMjExNSBMNi40MDkwMTExOCwzLjYxNDgzMjM4IEM2LjQwOTAxMTE4LDMuMjY1NTYwMDQgNi42NDE4NTk0MSwzLjAzMjcxMTc5IDYuOTkxMTMxNzYsMy4wMzI3MTE3OSBDNy4zNDA0MDQxLDMuMDMyNzExNzkgNy41NzMyNTIzMywzLjI2NTU2MDAyIDcuNTczMjUyMzMsMy42MTQ4MzIzOCBMNy41NzMyNTIzMyw4LjM4ODIyMTE1IEM3LjU3MzI1MjMzLDguNzM3NDkzNSA3LjIyMzk3OTk5LDguOTcwMzQxNzMgNi45OTExMzE3Niw4Ljk3MDM0MTczIEM2Ljc1ODI4MzUzLDguOTcwMzQxNzMgNi40MDkwMTExOCw4LjczNzQ5MzUgNi40MDkwMTExOCw4LjM4ODIyMTE1IEw2LjQwOTAxMTE4LDguMzg4MjIxMTUgWiIgaWQ9Iui3r+W+hCI+PC9wYXRoPgogICAgICAgICAgICA8cGF0aCBkPSJNNi4yOTI1ODcwNywxMC4yNTEwMDcgQzYuMjkyNTg3MDcsMTAuNjM2ODAyNiA2LjYwNTMzNjE4LDEwLjk0OTU1MTcgNi45OTExMzE3NiwxMC45NDk1NTE3IEM3LjM3NjkyNzM0LDEwLjk0OTU1MTcgNy42ODk2NzY0NSwxMC42MzY4MDI2IDcuNjg5Njc2NDUsMTAuMjUxMDA3IEM3LjY4OTY3NjQ1LDkuODY1MjExNDMgNy4zNzY5MjczNCw5LjU1MjQ2MjMyIDYuOTkxMTMxNzYsOS41NTI0NjIzMiBDNi42MDUzMzYxOCw5LjU1MjQ2MjMyIDYuMjkyNTg3MDcsOS44NjUyMTE0MyA2LjI5MjU4NzA3LDEwLjI1MTAwNyBaIiBpZD0i6Lev5b6EIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=") no-repeat center; cursor: pointer; } #hasPaperMsg .notice{ top: 6px; } .hgc_print .opratorArea .selOptions .notice:hover p { display: block; } .hgc_print .opratorArea .selOptions .notice p { display: none; position: absolute; width: 120px; height: 80px; padding: 10px; text-align: left; font-size: 14px; line-height: 20px; color: #fff; background: rgba(0, 0, 0, 0.5); bottom: 25px; left: 50%; transform: translateX(-50%); border-radius: 10px; } .hgc_print .opratorArea .selOptions .switch_ewm .notice p:after { content: ""; position: absolute; width: 0; height: 0; border: 10px solid transparent; border-top-color: rgba(0, 0, 0, 0.5); bottom: -20px; left: 50%; transform: translateX(-50%); } .hgc_print .opratorArea .selOptions .h_checkBox { width: 100%; margin-bottom: 10px; } .hgc_print .opratorArea .selOptions.border_b { border-bottom: 1px solid #bbb; } .hgc_print .opratorArea .selOptions .name { width: 80px; text-indent: 0.5em; font-size: 18px; } .hgc_print .opratorArea .selOptions .content { flex: 1; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; flex-wrap: wrap; } .hgc_print .opratorArea .layout .layoutList { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .hgc_print .opratorArea .layoutList .layoutItem { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 10px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .hgc_print .opratorArea .layoutItem span { width: 66px; height: 66px; padding: 0 5px; box-sizing: border-box; border: 2px solid #bbb; display: flex; align-items: center; justify-content: space-around; } .hgc_print .opratorArea .layoutItem i { flex: 1; height: 55px; margin: 0 2px; background: #bbb; } .hgc_print .opratorArea .layoutItem em { font-style: normal; font-size: 12px; line-height: 40px; } .hgc_print .opratorArea .layoutItem .icon_current { display: none; position: absolute; width: 30px; height: 30px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -95%); transform: translate(-50%, -95%); border-radius: 50%; border: 2px solid yellow; } .hgc_print .opratorArea .layoutItem .icon_current:after, .hgc_print .opratorArea .layoutItem .icon_current:before { content: ""; position: absolute; width: 14px; height: 7px; border-bottom: 2px solid yellow; border-left: 2px solid yellow; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); } .hgc_print .opratorArea .layoutItem.current span { background: #eaebed; } .hgc_print .opratorArea .layoutItem.current span { border-color: #4e8ee9; } .hgc_print .opratorArea .layoutItem.current em { color: #4e8ee9; } .hgc_print .opratorArea .layoutItem.current .icon_current { display: block; } .hgc_print .opratorArea .layoutItem.current i { background: #4e8ee9; } .hgc_print .opratorArea .layoutItem.disabled { cursor: default; opacity: 0.3; } .hgc_print .opratorArea h3 { height: 40px; line-height: 40px; text-align: center; font-size: 16px; color: #233d4d; background: #eef0f0; } .hgc_print .opratorArea .subjectList li { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 40px; border-bottom: 1px dashed #ddd; font-size: 12px; } .hgc_print .opratorArea .subjectList li:last-child { border: none; } .hgc_print .opratorBtns { position: fixed; width: 330px; right: 0; bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; } .hgc_print .opratorBtns .h_btn.saveBtn { background: #85b3e7; } .hgc_print .opratorBtns .h_btn.downLoadBtn { background: #5bcf9a; } .hgc_print .opratorBtns .h_btn.backbtn { position: fixed; top: 0; left: 20px; } .hgc_print .opratorBtns .h_btn.backbtn a { color: #fff; display: block; text-decoration: none; } .hgc_modalBox { display: -webkit-box; display: -ms-flexbox; display: flex; position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 00, 0.3); top: 0; left: 0; z-index: 10000000; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .hgc_modalBox .hgc_modal { width: 455px; background: #fff; border-radius: 4px; } .hgc_modal h2 { display: -webkit-box; display: -ms-flexbox; display: flex; height: 40px; padding: 0 20px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #e5e9ee; color: #233d4d; font-size: 18px; line-height: 40px; border-radius: 4px; } .hgc_modal h2 .close { width: 30px; height: 30px; line-height: 30px; position: relative; font-size: 18px; font-style: normal; text-align: center; cursor: pointer; } .hgc_modal h2 em { font-style: normal; } .hgc_modal .modalBtns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 30px; } .hgc_modal .modalBtns .h_btn.sure { background: #6a8296; } .hgc_modal .modalBtns .h_btn.cancel { background: #fff; color: #6a8296; border-color: #6a8296; } .hgc_modal .modalContent { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 20px; font-size: 16px; color: #333; -ms-flex-wrap: wrap; flex-wrap: wrap; } .hgc_modal .formItem { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; padding: 5px 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .hgc_modal .formItem > em { width: 130px; font-style: normal; font-size: 18px; line-height: 25px; text-align: left; color: #666666; } .hgc_modal .formItem input, .hgc_modal .formItem select { height: 35px; line-height: 35px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; outline: none; background: #f8f8f8; border: 1px solid #eeeeee; border-radius: 4px; border-radius: 4px; } .hgc_modal .formItem .halfPoint input, .hgc_modal .formItem .halfPoint b { vertical-align: middle; } hr{ border-top: none; border-left: none; border-right: none; border-bottom: 1px solid #bbbbbb; margin: 7px 0; } .module .edui-default .edui-editor{ border: none; } .module .edui-editor-bottomContainer{ display: none; } .module .edui-default .edui-editor-toolbarbox{ position: absolute; top: -96px; } .answerModule h3 td, .answerModule h3 th{ vertical-align: middle; border: 1px solid #ccc !important; font-size: 14px; line-height: 14px; } .w-e-text:after{display:block;clear:both;content:"";visibility:hidden;height:0} .w-e-text{zoom:1} .w-e-text p:after{display:block;clear:both;content:"";visibility:hidden;height:0} .w-e-text p{zoom:1} /*.edui-editor-iframeholder{*/ /* bottom: 63px;*/ /*}*/