body { font-family: "Microsoft YaHei", Helvetica, "STHeiti STXihei", "Microsoft JhengHei", Tohoma, Arial; font-size: 14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #f0f0f0; } @font-face { font-family: "edui-iconfont"; src: url('./default/font/iconfont.woff2') format('woff2'), url('./default/font/iconfont.woff') format('woff'), url('./default/font/iconfont.ttf') format('truetype'); } @font-face { font-family: 'iconfont'; /* Project id 3777025 */ src: url('./default/font2/iconfont.ttf') format('truetype'); } ::-webkit-scrollbar { width: 4px; height: 4px; } ::-webkit-scrollbar-track { /* box-shadow: inset 0 0 0px rgba(240, 240, 240, 0.5); */ background-color: transparent; } ::-webkit-scrollbar-thumb { border-radius: 5px; box-shadow: inset 0 0 0px rgba(240, 240, 240, 0.5); background-color: rgba(100, 100, 100, 0.5); } a { color: #09f; text-decoration: none !important; } a:hover, a:focus { color: #09f; text-decoration: none !important; } blockquote { padding: 0 0 0 15px; margin: 0 0 18px; border-left: 5px solid #EEE; } img + br { display: block; padding: 4px 0; content: ' '; } /**iframe里body中的p元素样式**/ /* body p { margin-bottom: 1em; } */ iframe { border: none; } img { max-width: 100%; } img[data-word-image]{ cursor: pointer; } pre { margin: .5em 0; padding: .4em .6em; border-radius: 8px; background: #f8f8f8; line-height: 1.5; } .border-color{ border-color:#ffffff; } .border-color-dg{ } input{ border-style:none } select{ border-style:none; border:0; background: transparent; appearance:none; -moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari 和 Chrome */ } .input-200{ width: 200px; border-style:none } .input-150{ width: 150px; border-style:none } .input-100{ width: 100px; border-style:none } .input-50{ width: 50px; border-style:none } .text-area-resize{ resize:none; border-style:none; } .select-50{ width: 50px; border-style:none; border:0; background: transparent; appearance:none; -moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari 和 Chrome */ } .select-100{ width: 100px; border-style:none; border:0; background: transparent; appearance:none; -moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari 和 Chrome */ } .select-150{ width: 150px; border-style:none; border:0; background: transparent; appearance:none; -moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari 和 Chrome */ } /*清除ie的默认选择框样式清除,隐藏下拉箭头*/ select::-ms-expand { display: none; } .sde-ctrl { display: inline; color: #000; /* background-color: #F0F8FF; */ margin-left: 4px; margin-right: 4px; } .sde-label { background-color: white; } .sde-ctrl>.sde-value, .sde-ctrl>.sde-revise>.sde-value-revise { display: inline; } .sde-ctrl:after { color: red; /* content: attr(sde-right); */ font-weight: bold; position: relative; bottom: -2px; } .sde-ctrl:focus, .sde-ctrl>.sde-value:focus, .sde-ctrl>.sde-revise>.sde-value-revise:focus { background-color: #add8e6; } .sde-ctrl>.sde-value:before, .sde-ctrl>.sde-revise>.sde-value-revise:before { color: #0000ff; padding-right: 3px; /* content: attr(sde-left); */ } .sde-ctrl>.sde-value{ color: lightgray; background-color: #eff; color: black; cursor:default; } .sde-ctrl>.sde-value:after, .sde-ctrl>.sde-revise>.sde-value-revise:after { color: #0000ff; padding-left: 3px; /* content: attr(sde-right); */ } .sde-ctrl .sde-value .sde-val-item { box-sizing: border-box; border-color: transparent; margin: 2px; background-color: rgb(208, 216, 223); padding: 0 3px; border-radius: 4px; } .sde-auxiliary-root { display: none; } .sde-auxiliary-root>.sde-auxiliary-bg { z-index: 1; position: fixed; background-color: #000; opacity: 0; top: 0; left: 0; width: 100%; height: 100%; display: block; } .sde-auxiliary-root>.sde-auxiliary-root-dom { position: absolute; border: 1px solid #ccc; min-height: 10px; background-color: #fefefe; overflow-y: auto; z-index: 2; } .sde-auxiliary-select-ul { width: 100%; padding: 5px 0; font-size: 14px; border-radius: 4px; } .sde-auxiliary-select-ul .selected:after { content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAgVBMVEX///8AnhIAnBIAmhEAoBMApxQAcg0AIwQAAAAAqRUAqhUAphQApxQAnhIAnBIAnxMAoBMAmBEAmBEAmREAjg4Ajw8AhgwAhQwAZAkAAAAAPwQAagYAOgQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABj7nRP6mA15EYd3y7///8f1UZbAAAAJnRSTlMAAAAAAAAAAAAzZkjMZjNIzMx7SMxISMxIBlrMYyARBQMSGhcQCRTuOuYAAAABYktHRACIBR1IAAAAB3RJTUUH2wUSFAIAr8Q/BgAAAE9JREFUGNNjYKASYGRiZmHl5EIV4ObhQQjw8jHzC6gJIAQEBYUE1QWFEQIiGkAoyoYQEBPXFJdg50AISEpJy8jKySMEFBSVlFVUFajlCwYA+DcEQfs7xCQAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTgtMDQtMTBUMDU6Mjk6MzYrMDg6MDA8SYRAAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDExLTA1LTE4VDIwOjAyOjAwKzA4OjAw9hxmegAAAEN0RVh0c29mdHdhcmUAL3Vzci9sb2NhbC9pbWFnZW1hZ2ljay9zaGFyZS9kb2MvSW1hZ2VNYWdpY2stNy8vaW5kZXguaHRtbL21eQoAAAAYdEVYdFRodW1iOjpEb2N1bWVudDo6UGFnZXMAMaf/uy8AAAAXdEVYdFRodW1iOjpJbWFnZTo6SGVpZ2h0ADE2Ha9ebwAAABZ0RVh0VGh1bWI6OkltYWdlOjpXaWR0aAAxNuUAnuIAAAAZdEVYdFRodW1iOjpNaW1ldHlwZQBpbWFnZS9wbmc/slZOAAAAF3RFWHRUaHVtYjo6TVRpbWUAMTMwNTcyMDEyME6RfuYAAAAQdEVYdFRodW1iOjpTaXplADMyMUKhri7XAAAAWXRFWHRUaHVtYjo6VVJJAGZpbGU6Ly8vaG9tZS93d3dyb290L3NpdGUvd3d3LmVhc3lpY29uLm5ldC9jZG4taW1nLmVhc3lpY29uLmNuL3NyYy8yMC8yMDA3LnBuZ9a2SfkAAAAASUVORK5CYII=); font-size: 10px; color: #409eff; padding-top: 5px; right: 10px; position: absolute; } .sde-auxiliary-select-li { padding: 0 10px; cursor: pointer; padding-right: 30px; white-space: nowrap; } .hover { background-color: #c1c1c1!important; } .selected { font-weight: 700; color: #409eff; background-color: #f5f7fa; } .sde-select { cursor: pointer; } .sde-section, .sde-section>.sde-value { display: block; background-color: transparent; } .sde-section:after, .sde-section:before, .sde-section>.sde-value:after, .sde-section>.sde-value:before { content: none; } .sde-warning { background-color: yellow; color: red; } .tb-solid td, .tb-solid th { border-left: 1px solid black !important; border-top: 1px solid black !important; } .tb-solid tr td { border-right: 1px solid black !important; border-bottom: 1px solid black !important; } .tb-dotted td, .tb-dotted th { border-left: 1px dotted black !important; border-top: 1px dotted black !important; } .tb-dotted tr td { border-right: 1px dotted black !important; border-bottom: 1px dotted black !important; } .tb-hide td, .tb-hide th { border-left: none !important; border-top: none !important; } .tb-hide tr td { border-right: none !important; border-bottom: none !important; } .sde-assistant-popup { display: none; position: fixed; z-index: 2; } .sde-assistant-popup .assistant-popup-body { border: 1px solid #ccc; background-color: #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; width: 150px; opacity: 0.7; padding: 5px 0; } /******* start 批注 ********/ .sde-revise {} .sde-revise>.sde-revise-del { display: none; } .sde-revise-show>.sde-revise-del { display: inline; text-decoration: line-through!important; text-decoration-color: red!important; text-decoration-style: double!important; } .sde-revise-show>.sde-revise-add { display: inline; text-decoration: underline!important; text-decoration-color: blue!important; text-decoration-style: double!important; } .sde-revise-show>.revise-prompt { position: absolute; background: black; z-index: 1; border: 1px solid #e5e5e5; border-radius: 4px; font-size: 11px; display: block; padding: 5px; margin-top: -3px; visibility: visible; opacity: .8; color: #999; } .sde-revise-show>.revise-prompt>.revise-prompt-tip { width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 5px solid black; opacity: .8; position: absolute; display: none; } /******* end 批注 ********/ /******* start 结构化模板 ********/ .sde-tmp-root {} .sde-tmp-root .sde-tmp-header {} .sde-tmp-root .sde-tmp-header .sde-tmp-header-value { display: none; min-height: 15px; } .sde-tmp-root .sde-tmp-content {} .sde-tmp-root .sde-tmp-content .sde-tmp-content-value { outline:none!important; } .sde-tmp-root .sde-tmp-footer {} .sde-tmp-root .sde-tmp-footer .sde-tmp-footer-value { display: none; min-height: 15px; } /******* end 结构化模板 ********/ .sde-table{ width: 100%; } img.kfformula { vertical-align: middle; } /* Switch开关样式 */ /* 必须是input为 checkbox class 添加 switch 才能实现以下效果 */ input[type='checkbox'].switch{ outline: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; position: relative; width: 40px; height: 20px; background: #ccc; border-radius: 10px; transition: border-color .3s, background-color .3s; } input[type='checkbox'].switch::after { content: ''; display: inline-block; width: 1rem; height:1rem; border-radius: 50%; background: #fff; box-shadow: 0, 0, 2px, #999; transition:.4s; top: 2px; position: absolute; left: 2px; } input[type='checkbox'].switch:checked { background: rgb(19, 206, 102); } /* 当input[type=checkbox]被选中时:伪元素显示下面样式 位置发生变化 */ input[type='checkbox'].switch:checked::after { content: ''; position: absolute; left: 55%; top: 2px; } /********/ .mask { -webkit-mask-image: linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, 0.4)); } .pageline { width: 100%; height: 0; border-top: 1px dashed #999; position: absolute; color: #999; font-size: xx-small; text-align: right; vertical-align: super; } .pageline > span { position: absolute; bottom: 5px; right: -35px; } .pageline>ft { position: absolute; top: 5px; right: -35px; } a.input { background-color: #fff; color: black; cursor: default; word-break: break-all; border: none; outline: none; /* -webkit-user-modify: read-write-plaintext-only; */ } a.input input{ height:13px; } a[datatype="10"].input { display: inline-block; } .radio-label,.checkbox-label{ vertical-align: 2px !important; padding-right: 15px; cursor: pointer; } .radio-label:last-child,.checkbox-label:last-child{ padding-right: 0px; } /* a[datatype="02"].input:empty:before { content: "attr(placeholder)"; width: 100px; } */ hr { background-color: #999; } .ele-number { width:60px; background-color: #eff; border:none; outline: none; } input::-webkit-inner-spin-button { appearance: none !important; } input::-webkit-outer-spin-button { appearance: none !important; } .showMessage { padding: 10px 20px; border-radius: 5px; position: fixed; top: 25%; left: 50%; color: #ffffff; z-index: 999; transform: translate(-50%, 0); } .showMessageSuccess { background-color: #f0f9eb; border: 1px solid #E1F3D8; color: #67c23a; } .showMessageError { background-color: #fef0f0; border: 1px solid #fde2e2; color: #F76C6C; } .ele-textarea { width: 100%; width: -moz-available; width: -webkit-fill-available; width: fill-available; height: 73px; vertical-align: top; outline-color:#999; } .ele-textarea-no-border { border: none; resize: none; } /**表单模式下的样式调整 start*/ /**隐藏文本域的大小调整*/ .form-view .ele-textarea { resize: none !important; } .form-view textarea { resize: none !important; } .form-view .complex { resize: none; /* 不要改为none,因为js中计算高度已经算上了这个2px */ border: 2px dashed #fff !important; } .form-view .comx-icon-close { display: none !important; } .form-view a.input { background-color: #fff !important; } /**表单模式下的样式调整 end*/ a.input-required { border: 1px solid red; border-radius: 3px; } a[datatype="03"].input-required { border: none !important; } a.input-required textarea { border: 1px solid red; } /**复合元素样式*/ .complex { border: 2px dashed #a6a4a4; resize: both; overflow: auto; /* -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; */ } .comx-icon-close{ position: absolute; display: inline-block; margin: -13px 0px 0px -17px; width: 16px; height: 16px; cursor: pointer; vertical-align: top; text-align: left; font-size: 16px; /* background-color: #fff; */ } .comx-icon-close:before{ font-family: 'edui-iconfont'; content: "\e6a7"; } .max_table{ max-width:100%; width:100%; } .continue { position: absolute; top: 0px; left: 0px; z-index: 9999; background-color: rgb(204, 204, 204); opacity: 0.6; width: 100%; } /* 批注、修订 */ .remark-all-blank { position: absolute; z-index: 99; top: 0px; /* right: -245px; */ left: 825px; padding: 5px; box-sizing: border-box; /* box-shadow: 0 2px 8px 2px rgb(68 73 77 / 26%); */ /* -webkit-box-shadow: 0 2px 8px 2px rgb(68 73 77 / 26%); */ user-select: none; -webkit-user-select: none; } .remark-blank { padding: 5px; margin-bottom: 10px; box-sizing: border-box; width: 200px; background: #fff; border-left: solid 2px red; /* box-shadow: 0 2px 8px 2px rgb(68 73 77 / 26%); */ /* -webkit-box-shadow: 0 2px 8px 2px rgb(68 73 77 / 26%); */ user-select: none; -webkit-user-select: none; } .remark-header { color: #999; font-size: xx-small; width: 100%; line-height: 24px; } .remark-close{ cursor: pointer; position: relative; left: 12px; top: 1px; display: inline-flex; width: 16px; height: 16px; } .remark-close::before{ font-family: "iconfont"; content: "\e84d"; position: absolute; right: 0px; top: -3px; font-size: 16px; font-weight: bold; } .remark-content { outline: none; } .remark-footer { font-size: xx-small; display: flex; justify-content: flex-end; } .remark-footer span { cursor: pointer; padding: 3px; margin: 3px; } /* .remark-line { position: absolute; top: 0; left: 0; } */ .note-straight,.remark-straight { position: absolute; border-top: 1px dashed red; } .remark-straight:before { font-family: "iconfont"; content: "\e629"; position: absolute; left: -9px; top: -5px; color: red; font-size: 10px; } .note-straight:before { font-family: "iconfont"; content: "\e93d"; position: absolute; left: -9px; top: -11px; color: red; font-size: 10px; font-weight: bold; } .remark-oblique { position: absolute; border-top: dashed 1px red; } .remark-blank:hover { box-shadow: 0 2px 8px 2px #f3b5b5; -webkit-box-shadow: 0 2px 8px 2px #f3b5b5; } .remark-blank:hover .remark-header{ background-color: #f86b6b; color: #fff; } .remark-blank:hover .remark-straight{ border-top: 2px solid red; } .remark-blank:hover .note-straight{ border-top: 2px solid red; } .remark-blank:hover .remark-straight::before{ font-weight: bold; } .remark-blank:hover .note-straight::before{ font-weight: bold; filter: drop-shadow(0px 0px 1px red); } .remark-blank:hover .remark-oblique{ border-top: 2px solid red; } .remark-footer span:hover { background-color: #add8e6; } .note { background-color: pink; display: inline-block !important; } /* start 诊断模块样式 */ .doctoradvice { display: block; /* background-color: #eff; */ /* color: #ccc; */ /* line-height: 100px; */ text-align: center; } .doctoradvice span { display: block; } .doctoradvice .diagnosis-header { display: flex; } .doctoradvice .diagnosis-title { width: 100%; display: inline-block; text-align: left; font-weight: bold; } .doctoradvice .diagnosis-new { width: 100%; display: inline-block; text-align: right; font-weight: bold; } .doctoradvice .diagnosis_module { text-align: left; padding-bottom: 5px; clear: both; white-space: pre; } .doctoradvice .diagnosis_module span{ display: inline-block; vertical-align: text-top; } .diagnosis-new button { cursor: pointer; border: none; color: #fff; } .add-diagnosis { background-color: #409eff; } .copy-diagnosis { margin-left: 5px; background-color: #409eff; } .del-diagnosis { margin-left: 5px; background-color: #f56c6c; } .diagnosis_custom { outline: none; width: 40%; text-align: left !important; white-space: normal; } .diagnosis_val { border-left: 1px solid; padding-left: 5px; width: 15%; max-width: 150px; text-align: left !important; white-space: normal; } .diagnosis_label{ border-left: 1px solid; padding-left: 5px; width: calc(45% - 115px); /* display: none; */ text-align: left !important; white-space: normal; } .diagnosis_module label{ text-align: right; width: 70px; display: block; float: left; } .diagnosis_module button{ font-size: 10px; min-width: 36px; cursor: pointer; border: none; border-radius: 10px; color: #409eff; background-color: #fff; /* margin-top: 3px; */ } .doctoradvice .advice-table-title { width: 100%; display: block; text-align: left; font-weight: bold; padding-top: 10px; clear: both; } .doctoradvice .advice-table { width: 100%; border-collapse:collapse; /* border: 1px solid #DDD; */ } .doctoradvice .advice-tr { text-align: left; } .doctoradvice .advice-tr td { border-right: 1px solid #DDD; border-bottom: 1px solid #DDD; } .doctoradvice .advice-table tbody:first-child td{ border-top: 1px solid #DDD; } .doctoradvice .advice-tr td:first-child { border-left: 1px solid #DDD; width: 17%; } .doctoradvice .advice-tr td:nth-child(2) { width: 14%; } .doctoradvice .advice-tr td:nth-child(3) { width: 8%; } .doctoradvice .advice-tr td:nth-child(4) { width: 8%; } .doctoradvice .advice-tr td:nth-child(5) { width: 5%; } .doctoradvice .advice-tr td:nth-child(6) { width: 8%; } .doctoradvice .advice-tr td:nth-child(7) { width: 5%; } .doctoradvice .advice-tr td:nth-child(8) { width: 5%; } .doctoradvice .advice-tr td:nth-child(9) { width: 6%; } .doctoradvice .advice-tr td:nth-child(10) { width: 6%; } .doctoradvice .advice-tr td:nth-child(11) { width: 8%; } .doctoradvice .advice-tr td:last-child { width: 8%; } .doctoradvice .advice-tr .label14 { color: #ccc; width: 100% !important } .doctoradvice .check-table-title { width: 100%; display: block; text-align: left; font-weight: bold; padding-top: 10px; clear: both; } .doctoradvice .check-table { width: 100%; border-collapse:collapse; } .doctoradvice .check-tr { text-align: left; } .doctoradvice .check-tr td { border-right: 1px solid #DDD; border-bottom: 1px solid #DDD; } .doctoradvice .check-table tbody:first-child td{ border-top: 1px solid #DDD; } .doctoradvice .check-tr td:first-child { border-left: 1px solid #DDD; width: 18%; } .doctoradvice .check-tr td:nth-child(2) { width: 5%; } .doctoradvice .check-tr td:nth-child(3) { width: 15%; } .doctoradvice .check-tr td:nth-child(4) { width: 10%; } .doctoradvice .check-tr td:nth-child(5) { width: 8%; } .doctoradvice .check-tr td:nth-child(6) { width: 5%; } .doctoradvice .check-tr td:nth-child(7) { width: 8%; } .doctoradvice .check-tr td:nth-child(8) { width: 5%; } .doctoradvice .check-tr td:nth-child(9) { width: 8%; } .doctoradvice .check-tr td:nth-child(10) { width: 8%; } .doctoradvice .check-tr td:last-child { width: 8%; } .doctoradvice .check-tr .label13 { color: #ccc; width: 100% !important; } /* end 诊断模块样式 */