xiaoben-as2-php/css/online/print_index.css

/* 
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;*/
/*}*/