xiaoben-as2-php/css/third/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;
    
}

#examInfoEditDialog .questionEditDialog{
    width: 330px;
    margin-left:-156px;
}

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, .previewbackbtn {
    position: fixed;
    z-index: 1000001;
    right: 20px;
    top: 20px;
    color: #fff;
}
.previewbackbtn a{
    color: #fff; 
}
.module .w-e-text {
    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;
}
.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;
}
/* .hasBindingLine .pageContent .dtk-content {
    padding-left: 50px;
    padding-right: 50px;
} */
/* .hasBindingLine:first-child .pageContent:first-child .dtk-content {
    padding-left: 50px;
}
.hasBindingLine:nth-child(2) .pageContent:nth-child(2) .dtk-content {
    padding-right: 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 .addTips {
    /* position: absolute;
    left: 50%;
    top: 72%;
    transform: translateX(-50%); */
    /* width: 70px;
    height: 14px;
    margin: 0 auto;
    margin-top: -25px; */
    text-align: center;
    margin-top: -25px;
    color: #999
}
.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;
    /*margin-bottom: 10px;*/
}
.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: 100px;
    background: #fff;
}
/*  */
.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 {
    /* padding: 0; */
}
.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;
}
.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;
    padding-right: 5px;
    vertical-align: middle;
}
.dtk-content .objectiveItem p:nth-child(2){
    display: inline-block;
    vertical-align: middle;
}


.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 .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{
    display: flex;
}
.dtk-content h3 .originSubjectInfo .questionItemBody b{
    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;
    font-size: 10px;
}

.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.horizontal .single-option {
    flex-direction: column;
}
.single-select.horizontal .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;
    /* min-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 .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 div[class~='composition-column']:last-of-type:after,
.module div[class~='composition-column']:last-of-type: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 .module:hover .delTopicBtn {
    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;
}
.answerModule .delTopicBtn {
    display: none;
    position: absolute;
    top: 34px;
    right: -30px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    text-align: center;
    color: #fff;
    background-color: red;
    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 .switch_ewm .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;
}
.hgc_print .opratorArea .selOptions .switch_ewm .notice:hover p {
    display: block;
}
.hgc_print .opratorArea .selOptions .switch_ewm .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 .subjectList .selOptions .name {
    width: 128px;
}
.hgc_print .opratorArea .selOptions .content_wrap {
    width: 400px;
    display: flex;
    flex-wrap: wrap;
}
.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 .selOptions .content.s_num {
    flex: 0;
    padding: 0 5px; 
}

.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 .opratorArea .h_btn.addQustionBtn{
    display: none;
    margin:20px auto;
    padding-left: 10px;
    padding-right: 10px;
}
.hgc_print .opratorArea .setAnswerBtn{
  display: flex;
  justify-content: center;
}
.hgc_print .opratorArea .setAnswerBtn span{
  cursor: pointer;
  font-size: 16px;
  color: #6A8296;
  text-align: center;
}
.hgc_print .setAnswer{
  display: none;
  z-index: 1111111;
}
.hgc_print .setAnswer .submitArea{
  position: fixed;
  bottom: 0;
  width: 330px;
  height: 78px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  background: #fff;
  border-top: 1px solid #ddd;
  z-index: 111111;
}
.hgc_print .setAnswer .answerList{
  padding-bottom: 80px;
}
.hgc_print .setAnswer .answerItem{
  display: flex;
  align-items: baseline;
  padding: 10px;
  font-size: 14px;
  border-bottom: 1px dashed #ddd;
}
.hgc_print .setAnswer .answerItem span:nth-child(1){
  width: 25px;
}
.hgc_print .setAnswer .answerItem span:nth-child(2){
  width: 95px;
}
.hgc_print .setAnswer .answerItem p{
  flex:1;
  display: flex;
  flex-wrap: wrap;
}
.hgc_print .setAnswer .answerItem p i{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  margin-bottom: 10px;
  background: #FFFFFF;
  border: 1px solid #6A8296;
  font-style: normal;
  border-radius: 2px;
  color: #6A8296;
  cursor: pointer;
}
.hgc_print .setAnswer .answerItem p i.active{

  background: #6A8296;
  color: #fff;
}
.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;
}

.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;
}

.notice-item{
    display: inline-block;
    margin-top: 6px;
}
.notice-item .hgc_notice{
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0 10px;
    text-align: center;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTRweCIgaGVpZ2h0PSIxNHB4IiB2aWV3Qm94PSIwIDAgMTQgMTQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU5LjEgKDg2MTQ0KSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT7ms6jph4rnp7vlhaU8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0i5rOo6YeK56e75YWlIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cGF0aCBkPSJNNywxNCBDMy4xMzQwMDY3NSwxNCAwLDEwLjg2NTk5MzIgMCw3IEMwLDMuMTM0MDA2NzUgMy4xMzQwMDY3NSwwIDcsMCBDMTAuODY1OTkzMiwwIDE0LDMuMTM0MDA2NzUgMTQsNyBDMTQsMTAuODY1OTkzMiAxMC44NjU5OTMyLDE0IDcsMTQgWiBNNywxMyBDOS4xNDM1OTM1NiwxMyAxMS4xMjQzNTU3LDExLjg1NjQwNjUgMTIuMTk2MTUyNSwxMCBDMTMuMjY3OTQ5Myw4LjE0MzU5MzU1IDEzLjI2Nzk0OTMsNS44NTY0MDY0NSAxMi4xOTYxNTI1LDQgQzExLjEyNDM1NTcsMi4xNDM1OTM1IDkuMTQzNTkzNTYsMC45OTk5OTk5OTggNywwLjk5OTk5OTk5OCBDMy42ODYyOTE1LDAuOTk5OTk5OTk4IDAuOTk5OTk5OTk4LDMuNjg2MjkxNSAwLjk5OTk5OTk5OCw3IEMwLjk5OTk5OTk5OCwxMC4zMTM3MDg1IDMuNjg2MjkxNSwxMyA3LDEzIFogTTYuOTk5OTk5OTksMy4yNSBDNy4yNzYxNDIzNywzLjI1IDcuNDk5OTk5OTksMy40NzM4NTc2MiA3LjQ5OTk5OTk5LDMuNzUgTDcuNDk5OTk5OTksNy43NSBDNy40OTk5OTk5OSw4LjAyNjE0MjM3IDcuMjc2MTQyMzcsOC4yNSA2Ljk5OTk5OTk5LDguMjUgQzYuNzIzODU3NjMsOC4yNSA2LjQ5OTk5OTk5LDguMDI2MTQyMzcgNi40OTk5OTk5OSw3Ljc1IEw2LjQ5OTk5OTk5LDMuNzUgQzYuNDk5OTk5OTksMy40NzM4NTc2MiA2LjcyMzg1NzYzLDMuMjUgNi45OTk5OTk5OSwzLjI1IFogTTcsMTAuNzUgQzYuNzMyMDI2NjksMTAuNzUwMDM2MiA2LjQ4NDM5MzY2LDEwLjYwNzA5NDkgNi4zNTAzOTY1NiwxMC4zNzUwMjkyIEM2LjIxNjM5OTQ2LDEwLjE0Mjk2MzYgNi4yMTYzOTk0Niw5Ljg1NzAzNjQzIDYuMzUwMzk2NTYsOS42MjQ5NzA3NyBDNi40ODQzOTM2Niw5LjM5MjkwNTEgNi43MzIwMjY2OSw5LjI0OTk2MzgzIDcsOS4yNSBDNy40MTQxNzQwMiw5LjI1MDA1NTkzIDcuNzQ5ODk4NzQsOS41ODU4MjU5OCA3Ljc0OTg5ODc0LDEwIEM3Ljc0OTg5ODc0LDEwLjQxNDE3NCA3LjQxNDE3NDAyLDEwLjc0OTk0NDEgNywxMC43NSBMNywxMC43NSBaIiBpZD0i5rOo6YeKIiBmaWxsPSIjNkE4Mjk2Ij48L3BhdGg+CiAgICA8L2c+Cjwvc3ZnPg==') no-repeat center;
    background-size: contain;
    cursor: pointer;
}
.notice-item .noticeContent{
    display: none;
    position: fixed;
    padding: 10px 15px;
    border-radius: 5px;
    line-height: 24px;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    width: 200px;
}
.notice-item .noticeContent b{
    position: fixed;
    width: 0;
    height: 0;
    border:5px solid transparent;
    border-top-color:rgba(0, 0, 0, .5);
    bottom:0;
  }