iframe.css 20 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106
  1. body {
  2. font-family: "Microsoft YaHei", Helvetica, "STHeiti STXihei", "Microsoft JhengHei", Tohoma, Arial;
  3. font-size: 14px;
  4. -webkit-box-sizing: border-box;
  5. -moz-box-sizing: border-box;
  6. box-sizing: border-box;
  7. background-color: #f0f0f0;
  8. }
  9. @font-face {
  10. font-family: "edui-iconfont";
  11. src: url('./default/font/iconfont.woff2') format('woff2'),
  12. url('./default/font/iconfont.woff') format('woff'),
  13. url('./default/font/iconfont.ttf') format('truetype');
  14. }
  15. @font-face {
  16. font-family: 'iconfont'; /* Project id 3777025 */
  17. src: url('./default/font2/iconfont.ttf') format('truetype');
  18. }
  19. ::-webkit-scrollbar {
  20. width: 4px;
  21. height: 4px;
  22. }
  23. ::-webkit-scrollbar-track {
  24. /* box-shadow: inset 0 0 0px rgba(240, 240, 240, 0.5); */
  25. background-color: transparent;
  26. }
  27. ::-webkit-scrollbar-thumb {
  28. border-radius: 5px;
  29. box-shadow: inset 0 0 0px rgba(240, 240, 240, 0.5);
  30. background-color: rgba(100, 100, 100, 0.5);
  31. }
  32. a {
  33. color: #09f;
  34. text-decoration: none !important;
  35. }
  36. a:hover,
  37. a:focus {
  38. color: #09f;
  39. text-decoration: none !important;
  40. }
  41. blockquote {
  42. padding: 0 0 0 15px;
  43. margin: 0 0 18px;
  44. border-left: 5px solid #EEE;
  45. }
  46. img + br {
  47. display: block;
  48. padding: 4px 0;
  49. content: ' ';
  50. }
  51. /**iframe里body中的p元素样式**/
  52. /* body p {
  53. margin-bottom: 1em;
  54. } */
  55. iframe {
  56. border: none;
  57. }
  58. img {
  59. max-width: 100%;
  60. }
  61. img[data-word-image]{
  62. cursor: pointer;
  63. }
  64. pre {
  65. margin: .5em 0;
  66. padding: .4em .6em;
  67. border-radius: 8px;
  68. background: #f8f8f8;
  69. line-height: 1.5;
  70. }
  71. .border-color{
  72. border-color:#ffffff;
  73. }
  74. .border-color-dg{
  75. }
  76. input{
  77. border-style:none
  78. }
  79. select{
  80. border-style:none;
  81. border:0;
  82. background: transparent;
  83. appearance:none;
  84. -moz-appearance:none; /* Firefox */
  85. -webkit-appearance:none; /* Safari 和 Chrome */
  86. }
  87. .input-200{
  88. width: 200px;
  89. border-style:none
  90. }
  91. .input-150{
  92. width: 150px;
  93. border-style:none
  94. }
  95. .input-100{
  96. width: 100px;
  97. border-style:none
  98. }
  99. .input-50{
  100. width: 50px;
  101. border-style:none
  102. }
  103. .text-area-resize{
  104. resize:none;
  105. border-style:none;
  106. }
  107. .select-50{
  108. width: 50px;
  109. border-style:none;
  110. border:0;
  111. background: transparent;
  112. appearance:none;
  113. -moz-appearance:none; /* Firefox */
  114. -webkit-appearance:none; /* Safari 和 Chrome */
  115. }
  116. .select-100{
  117. width: 100px;
  118. border-style:none;
  119. border:0;
  120. background: transparent;
  121. appearance:none;
  122. -moz-appearance:none; /* Firefox */
  123. -webkit-appearance:none; /* Safari 和 Chrome */
  124. }
  125. .select-150{
  126. width: 150px;
  127. border-style:none;
  128. border:0;
  129. background: transparent;
  130. appearance:none;
  131. -moz-appearance:none; /* Firefox */
  132. -webkit-appearance:none; /* Safari 和 Chrome */
  133. }
  134. /*清除ie的默认选择框样式清除,隐藏下拉箭头*/
  135. select::-ms-expand { display: none; }
  136. .sde-ctrl {
  137. display: inline;
  138. color: #000;
  139. /* background-color: #F0F8FF; */
  140. margin-left: 4px;
  141. margin-right: 4px;
  142. }
  143. .sde-label {
  144. background-color: white;
  145. }
  146. .sde-ctrl>.sde-value,
  147. .sde-ctrl>.sde-revise>.sde-value-revise {
  148. display: inline;
  149. }
  150. .sde-ctrl:after {
  151. color: red;
  152. /* content: attr(sde-right); */
  153. font-weight: bold;
  154. position: relative;
  155. bottom: -2px;
  156. }
  157. .sde-ctrl:focus,
  158. .sde-ctrl>.sde-value:focus,
  159. .sde-ctrl>.sde-revise>.sde-value-revise:focus {
  160. background-color: #add8e6;
  161. }
  162. .sde-ctrl>.sde-value:before,
  163. .sde-ctrl>.sde-revise>.sde-value-revise:before {
  164. color: #0000ff;
  165. padding-right: 3px;
  166. /* content: attr(sde-left); */
  167. }
  168. .sde-ctrl>.sde-value{
  169. color: lightgray;
  170. background-color: #eff;
  171. color: black;
  172. cursor:default;
  173. }
  174. .sde-ctrl>.sde-value:after,
  175. .sde-ctrl>.sde-revise>.sde-value-revise:after {
  176. color: #0000ff;
  177. padding-left: 3px;
  178. /* content: attr(sde-right); */
  179. }
  180. .sde-ctrl .sde-value .sde-val-item {
  181. box-sizing: border-box;
  182. border-color: transparent;
  183. margin: 2px;
  184. background-color: rgb(208, 216, 223);
  185. padding: 0 3px;
  186. border-radius: 4px;
  187. }
  188. .sde-auxiliary-root {
  189. display: none;
  190. }
  191. .sde-auxiliary-root>.sde-auxiliary-bg {
  192. z-index: 1;
  193. position: fixed;
  194. background-color: #000;
  195. opacity: 0;
  196. top: 0;
  197. left: 0;
  198. width: 100%;
  199. height: 100%;
  200. display: block;
  201. }
  202. .sde-auxiliary-root>.sde-auxiliary-root-dom {
  203. position: absolute;
  204. border: 1px solid #ccc;
  205. min-height: 10px;
  206. background-color: #fefefe;
  207. overflow-y: auto;
  208. z-index: 2;
  209. }
  210. .sde-auxiliary-select-ul {
  211. width: 100%;
  212. padding: 5px 0;
  213. font-size: 14px;
  214. border-radius: 4px;
  215. }
  216. .sde-auxiliary-select-ul .selected:after {
  217. content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAgVBMVEX///8AnhIAnBIAmhEAoBMApxQAcg0AIwQAAAAAqRUAqhUAphQApxQAnhIAnBIAnxMAoBMAmBEAmBEAmREAjg4Ajw8AhgwAhQwAZAkAAAAAPwQAagYAOgQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABj7nRP6mA15EYd3y7///8f1UZbAAAAJnRSTlMAAAAAAAAAAAAzZkjMZjNIzMx7SMxISMxIBlrMYyARBQMSGhcQCRTuOuYAAAABYktHRACIBR1IAAAAB3RJTUUH2wUSFAIAr8Q/BgAAAE9JREFUGNNjYKASYGRiZmHl5EIV4ObhQQjw8jHzC6gJIAQEBYUE1QWFEQIiGkAoyoYQEBPXFJdg50AISEpJy8jKySMEFBSVlFVUFajlCwYA+DcEQfs7xCQAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTgtMDQtMTBUMDU6Mjk6MzYrMDg6MDA8SYRAAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDExLTA1LTE4VDIwOjAyOjAwKzA4OjAw9hxmegAAAEN0RVh0c29mdHdhcmUAL3Vzci9sb2NhbC9pbWFnZW1hZ2ljay9zaGFyZS9kb2MvSW1hZ2VNYWdpY2stNy8vaW5kZXguaHRtbL21eQoAAAAYdEVYdFRodW1iOjpEb2N1bWVudDo6UGFnZXMAMaf/uy8AAAAXdEVYdFRodW1iOjpJbWFnZTo6SGVpZ2h0ADE2Ha9ebwAAABZ0RVh0VGh1bWI6OkltYWdlOjpXaWR0aAAxNuUAnuIAAAAZdEVYdFRodW1iOjpNaW1ldHlwZQBpbWFnZS9wbmc/slZOAAAAF3RFWHRUaHVtYjo6TVRpbWUAMTMwNTcyMDEyME6RfuYAAAAQdEVYdFRodW1iOjpTaXplADMyMUKhri7XAAAAWXRFWHRUaHVtYjo6VVJJAGZpbGU6Ly8vaG9tZS93d3dyb290L3NpdGUvd3d3LmVhc3lpY29uLm5ldC9jZG4taW1nLmVhc3lpY29uLmNuL3NyYy8yMC8yMDA3LnBuZ9a2SfkAAAAASUVORK5CYII=);
  218. font-size: 10px;
  219. color: #409eff;
  220. padding-top: 5px;
  221. right: 10px;
  222. position: absolute;
  223. }
  224. .sde-auxiliary-select-li {
  225. padding: 0 10px;
  226. cursor: pointer;
  227. padding-right: 30px;
  228. white-space: nowrap;
  229. }
  230. .hover {
  231. background-color: #c1c1c1!important;
  232. }
  233. .selected {
  234. font-weight: 700;
  235. color: #409eff;
  236. background-color: #f5f7fa;
  237. }
  238. .sde-select {
  239. cursor: pointer;
  240. }
  241. .sde-section,
  242. .sde-section>.sde-value {
  243. display: block;
  244. background-color: transparent;
  245. }
  246. .sde-section:after,
  247. .sde-section:before,
  248. .sde-section>.sde-value:after,
  249. .sde-section>.sde-value:before {
  250. content: none;
  251. }
  252. .sde-warning {
  253. background-color: yellow;
  254. color: red;
  255. }
  256. .tb-solid td,
  257. .tb-solid th {
  258. border-left: 1px solid black !important;
  259. border-top: 1px solid black !important;
  260. }
  261. .tb-solid tr td {
  262. border-right: 1px solid black !important;
  263. border-bottom: 1px solid black !important;
  264. }
  265. .tb-dotted td,
  266. .tb-dotted th {
  267. border-left: 1px dotted black !important;
  268. border-top: 1px dotted black !important;
  269. }
  270. .tb-dotted tr td {
  271. border-right: 1px dotted black !important;
  272. border-bottom: 1px dotted black !important;
  273. }
  274. .tb-hide td,
  275. .tb-hide th {
  276. border-left: none !important;
  277. border-top: none !important;
  278. }
  279. .tb-hide tr td {
  280. border-right: none !important;
  281. border-bottom: none !important;
  282. }
  283. .sde-assistant-popup {
  284. display: none;
  285. position: fixed;
  286. z-index: 2;
  287. }
  288. .sde-assistant-popup .assistant-popup-body {
  289. border: 1px solid #ccc;
  290. background-color: #fff;
  291. -webkit-border-radius: 6px;
  292. -moz-border-radius: 6px;
  293. border-radius: 6px;
  294. -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2);
  295. -moz-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2);
  296. box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2);
  297. -webkit-background-clip: padding-box;
  298. -moz-background-clip: padding;
  299. background-clip: padding-box;
  300. width: 150px;
  301. opacity: 0.7;
  302. padding: 5px 0;
  303. }
  304. /******* start 批注 ********/
  305. .sde-revise {}
  306. .sde-revise>.sde-revise-del {
  307. display: none;
  308. }
  309. .sde-revise-show>.sde-revise-del {
  310. display: inline;
  311. text-decoration: line-through!important;
  312. text-decoration-color: red!important;
  313. text-decoration-style: double!important;
  314. }
  315. .sde-revise-show>.sde-revise-add {
  316. display: inline;
  317. text-decoration: underline!important;
  318. text-decoration-color: blue!important;
  319. text-decoration-style: double!important;
  320. }
  321. .sde-revise-show>.revise-prompt {
  322. position: absolute;
  323. background: black;
  324. z-index: 1;
  325. border: 1px solid #e5e5e5;
  326. border-radius: 4px;
  327. font-size: 11px;
  328. display: block;
  329. padding: 5px;
  330. margin-top: -3px;
  331. visibility: visible;
  332. opacity: .8;
  333. color: #999;
  334. }
  335. .sde-revise-show>.revise-prompt>.revise-prompt-tip {
  336. width: 0;
  337. height: 0;
  338. border-left: 3px solid transparent;
  339. border-right: 3px solid transparent;
  340. border-top: 5px solid black;
  341. opacity: .8;
  342. position: absolute;
  343. display: none;
  344. }
  345. /******* end 批注 ********/
  346. /******* start 结构化模板 ********/
  347. .sde-tmp-root {}
  348. .sde-tmp-root .sde-tmp-header {}
  349. .sde-tmp-root .sde-tmp-header .sde-tmp-header-value {
  350. display: none;
  351. min-height: 15px;
  352. }
  353. .sde-tmp-root .sde-tmp-content {}
  354. .sde-tmp-root .sde-tmp-content .sde-tmp-content-value {
  355. outline:none!important;
  356. }
  357. .sde-tmp-root .sde-tmp-footer {}
  358. .sde-tmp-root .sde-tmp-footer .sde-tmp-footer-value {
  359. display: none;
  360. min-height: 15px;
  361. }
  362. /******* end 结构化模板 ********/
  363. .sde-table{
  364. width: 100%;
  365. }
  366. img.kfformula {
  367. vertical-align: middle;
  368. }
  369. /* Switch开关样式 */
  370. /* 必须是input为 checkbox class 添加 switch 才能实现以下效果 */
  371. input[type='checkbox'].switch{
  372. outline: none;
  373. appearance: none;
  374. -webkit-appearance: none;
  375. -moz-appearance: none;
  376. position: relative;
  377. width: 40px;
  378. height: 20px;
  379. background: #ccc;
  380. border-radius: 10px;
  381. transition: border-color .3s, background-color .3s;
  382. }
  383. input[type='checkbox'].switch::after {
  384. content: '';
  385. display: inline-block;
  386. width: 1rem;
  387. height:1rem;
  388. border-radius: 50%;
  389. background: #fff;
  390. box-shadow: 0, 0, 2px, #999;
  391. transition:.4s;
  392. top: 2px;
  393. position: absolute;
  394. left: 2px;
  395. }
  396. input[type='checkbox'].switch:checked {
  397. background: rgb(19, 206, 102);
  398. }
  399. /* 当input[type=checkbox]被选中时:伪元素显示下面样式 位置发生变化 */
  400. input[type='checkbox'].switch:checked::after {
  401. content: '';
  402. position: absolute;
  403. left: 55%;
  404. top: 2px;
  405. }
  406. /********/
  407. .mask {
  408. -webkit-mask-image: linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, 0.4));
  409. }
  410. .pageline {
  411. width: 100%;
  412. height: 0;
  413. border-top: 1px dashed #999;
  414. position: absolute;
  415. color: #999;
  416. font-size: xx-small;
  417. text-align: right;
  418. vertical-align: super;
  419. }
  420. .pageline > span {
  421. position: absolute;
  422. bottom: 5px;
  423. right: -35px;
  424. }
  425. .pageline>ft {
  426. position: absolute;
  427. top: 5px;
  428. right: -35px;
  429. }
  430. a.input {
  431. background-color: #fff;
  432. color: black;
  433. cursor: default;
  434. word-break: break-all;
  435. border: none;
  436. outline: none;
  437. /* -webkit-user-modify: read-write-plaintext-only; */
  438. }
  439. a.input input{
  440. height:13px;
  441. }
  442. a[datatype="10"].input {
  443. display: inline-block;
  444. }
  445. .radio-label,.checkbox-label{
  446. vertical-align: 2px !important;
  447. padding-right: 15px;
  448. cursor: pointer;
  449. }
  450. .radio-label:last-child,.checkbox-label:last-child{
  451. padding-right: 0px;
  452. }
  453. /* a[datatype="02"].input:empty:before {
  454. content: "attr(placeholder)";
  455. width: 100px;
  456. } */
  457. hr {
  458. background-color: #999;
  459. }
  460. .ele-number {
  461. width:60px;
  462. background-color: #eff;
  463. border:none;
  464. outline: none;
  465. }
  466. input::-webkit-inner-spin-button {
  467. appearance: none !important;
  468. }
  469. input::-webkit-outer-spin-button {
  470. appearance: none !important;
  471. }
  472. .showMessage {
  473. padding: 10px 20px;
  474. border-radius: 5px;
  475. position: fixed;
  476. top: 25%;
  477. left: 50%;
  478. color: #ffffff;
  479. z-index: 999;
  480. transform: translate(-50%, 0);
  481. }
  482. .showMessageSuccess {
  483. background-color: #f0f9eb;
  484. border: 1px solid #E1F3D8;
  485. color: #67c23a;
  486. }
  487. .showMessageError {
  488. background-color: #fef0f0;
  489. border: 1px solid #fde2e2;
  490. color: #F76C6C;
  491. }
  492. .ele-textarea {
  493. width: 100%;
  494. width: -moz-available;
  495. width: -webkit-fill-available;
  496. width: fill-available;
  497. height: 73px;
  498. vertical-align: top;
  499. outline-color:#999;
  500. }
  501. .ele-textarea-no-border {
  502. border: none;
  503. resize: none;
  504. }
  505. /**表单模式下的样式调整 start*/
  506. /**隐藏文本域的大小调整*/
  507. .form-view .ele-textarea {
  508. resize: none !important;
  509. }
  510. .form-view textarea {
  511. resize: none !important;
  512. }
  513. .form-view .complex {
  514. resize: none;
  515. /* 不要改为none,因为js中计算高度已经算上了这个2px */
  516. border: 2px dashed #fff !important;
  517. }
  518. .form-view .comx-icon-close {
  519. display: none !important;
  520. }
  521. .form-view a.input {
  522. background-color: #fff !important;
  523. }
  524. /**表单模式下的样式调整 end*/
  525. a.input-required {
  526. border: 1px solid red;
  527. border-radius: 3px;
  528. }
  529. a[datatype="03"].input-required {
  530. border: none !important;
  531. }
  532. a.input-required textarea {
  533. border: 1px solid red;
  534. }
  535. /**复合元素样式*/
  536. .complex {
  537. border: 2px dashed #a6a4a4;
  538. resize: both;
  539. overflow: auto;
  540. /* -webkit-user-select:none;
  541. -moz-user-select:none;
  542. -ms-user-select:none;
  543. user-select:none; */
  544. }
  545. .comx-icon-close{
  546. position: absolute;
  547. display: inline-block;
  548. margin: -13px 0px 0px -17px;
  549. width: 16px;
  550. height: 16px;
  551. cursor: pointer;
  552. vertical-align: top;
  553. text-align: left;
  554. font-size: 16px;
  555. /* background-color: #fff; */
  556. }
  557. .comx-icon-close:before{
  558. font-family: 'edui-iconfont';
  559. content: "\e6a7";
  560. }
  561. .max_table{
  562. max-width:100%;
  563. width:100%;
  564. }
  565. .continue {
  566. position: absolute;
  567. top: 0px;
  568. left: 0px;
  569. z-index: 9999;
  570. background-color: rgb(204, 204, 204);
  571. opacity: 0.6;
  572. width: 100%;
  573. }
  574. /* 批注、修订 */
  575. .remark-all-blank {
  576. position: absolute;
  577. z-index: 99;
  578. top: 0px;
  579. /* right: -245px; */
  580. left: 825px;
  581. padding: 5px;
  582. box-sizing: border-box;
  583. /* box-shadow: 0 2px 8px 2px rgb(68 73 77 / 26%); */
  584. /* -webkit-box-shadow: 0 2px 8px 2px rgb(68 73 77 / 26%); */
  585. user-select: none;
  586. -webkit-user-select: none;
  587. }
  588. .remark-blank {
  589. padding: 5px;
  590. margin-bottom: 10px;
  591. box-sizing: border-box;
  592. width: 200px;
  593. background: #fff;
  594. border-left: solid 2px red;
  595. /* box-shadow: 0 2px 8px 2px rgb(68 73 77 / 26%); */
  596. /* -webkit-box-shadow: 0 2px 8px 2px rgb(68 73 77 / 26%); */
  597. user-select: none;
  598. -webkit-user-select: none;
  599. }
  600. .remark-header {
  601. color: #999;
  602. font-size: xx-small;
  603. width: 100%;
  604. line-height: 24px;
  605. }
  606. .remark-close{
  607. cursor: pointer;
  608. position: relative;
  609. left: 12px;
  610. top: 1px;
  611. display: inline-flex;
  612. width: 16px;
  613. height: 16px;
  614. }
  615. .remark-close::before{
  616. font-family: "iconfont";
  617. content: "\e84d";
  618. position: absolute;
  619. right: 0px;
  620. top: -3px;
  621. font-size: 16px;
  622. font-weight: bold;
  623. }
  624. .remark-content {
  625. outline: none;
  626. }
  627. .remark-footer {
  628. font-size: xx-small;
  629. display: flex;
  630. justify-content: flex-end;
  631. }
  632. .remark-footer span {
  633. cursor: pointer;
  634. padding: 3px;
  635. margin: 3px;
  636. }
  637. /* .remark-line {
  638. position: absolute;
  639. top: 0;
  640. left: 0;
  641. } */
  642. .note-straight,.remark-straight {
  643. position: absolute;
  644. border-top: 1px dashed red;
  645. }
  646. .remark-straight:before {
  647. font-family: "iconfont";
  648. content: "\e629";
  649. position: absolute;
  650. left: -9px;
  651. top: -5px;
  652. color: red;
  653. font-size: 10px;
  654. }
  655. .note-straight:before {
  656. font-family: "iconfont";
  657. content: "\e93d";
  658. position: absolute;
  659. left: -9px;
  660. top: -11px;
  661. color: red;
  662. font-size: 10px;
  663. font-weight: bold;
  664. }
  665. .remark-oblique {
  666. position: absolute;
  667. border-top: dashed 1px red;
  668. }
  669. .remark-blank:hover {
  670. box-shadow: 0 2px 8px 2px #f3b5b5;
  671. -webkit-box-shadow: 0 2px 8px 2px #f3b5b5;
  672. }
  673. .remark-blank:hover .remark-header{
  674. background-color: #f86b6b;
  675. color: #fff;
  676. }
  677. .remark-blank:hover .remark-straight{
  678. border-top: 2px solid red;
  679. }
  680. .remark-blank:hover .note-straight{
  681. border-top: 2px solid red;
  682. }
  683. .remark-blank:hover .remark-straight::before{
  684. font-weight: bold;
  685. }
  686. .remark-blank:hover .note-straight::before{
  687. font-weight: bold;
  688. filter: drop-shadow(0px 0px 1px red);
  689. }
  690. .remark-blank:hover .remark-oblique{
  691. border-top: 2px solid red;
  692. }
  693. .remark-footer span:hover {
  694. background-color: #add8e6;
  695. }
  696. .note {
  697. background-color: pink;
  698. display: inline-block !important;
  699. }
  700. /* start 诊断模块样式 */
  701. .doctoradvice {
  702. display: block;
  703. /* background-color: #eff; */
  704. /* color: #ccc; */
  705. /* line-height: 100px; */
  706. text-align: center;
  707. }
  708. .doctoradvice span {
  709. display: block;
  710. }
  711. .doctoradvice .diagnosis-header {
  712. display: flex;
  713. }
  714. .doctoradvice .diagnosis-title {
  715. width: 100%;
  716. display: inline-block;
  717. text-align: left;
  718. font-weight: bold;
  719. }
  720. .doctoradvice .diagnosis-new {
  721. width: 100%;
  722. display: inline-block;
  723. text-align: right;
  724. font-weight: bold;
  725. }
  726. .doctoradvice .diagnosis_module {
  727. text-align: left;
  728. padding-bottom: 5px;
  729. clear: both;
  730. white-space: pre;
  731. }
  732. .doctoradvice .diagnosis_module span{
  733. display: inline-block;
  734. vertical-align: text-top;
  735. }
  736. .diagnosis-new button {
  737. cursor: pointer;
  738. border: none;
  739. color: #fff;
  740. }
  741. .add-diagnosis {
  742. background-color: #409eff;
  743. }
  744. .copy-diagnosis {
  745. margin-left: 5px;
  746. background-color: #409eff;
  747. }
  748. .del-diagnosis {
  749. margin-left: 5px;
  750. background-color: #f56c6c;
  751. }
  752. .diagnosis_custom {
  753. outline: none;
  754. width: 40%;
  755. text-align: left !important;
  756. white-space: normal;
  757. }
  758. .diagnosis_val {
  759. border-left: 1px solid;
  760. padding-left: 5px;
  761. width: 15%;
  762. max-width: 150px;
  763. text-align: left !important;
  764. white-space: normal;
  765. }
  766. .diagnosis_label{
  767. border-left: 1px solid;
  768. padding-left: 5px;
  769. width: calc(45% - 115px);
  770. /* display: none; */
  771. text-align: left !important;
  772. white-space: normal;
  773. }
  774. .diagnosis_module label{
  775. text-align: right;
  776. width: 70px;
  777. display: block;
  778. float: left;
  779. }
  780. .diagnosis_module button{
  781. font-size: 10px;
  782. min-width: 36px;
  783. cursor: pointer;
  784. border: none;
  785. border-radius: 10px;
  786. color: #409eff;
  787. background-color: #fff;
  788. /* margin-top: 3px; */
  789. }
  790. .doctoradvice .advice-table-title {
  791. width: 100%;
  792. display: block;
  793. text-align: left;
  794. font-weight: bold;
  795. padding-top: 10px;
  796. clear: both;
  797. }
  798. .doctoradvice .advice-table {
  799. width: 100%;
  800. border-collapse:collapse;
  801. /* border: 1px solid #DDD; */
  802. }
  803. .doctoradvice .advice-tr {
  804. text-align: left;
  805. }
  806. .doctoradvice .advice-tr td {
  807. border-right: 1px solid #DDD;
  808. border-bottom: 1px solid #DDD;
  809. }
  810. .doctoradvice .advice-table tbody:first-child td{
  811. border-top: 1px solid #DDD;
  812. }
  813. .doctoradvice .advice-tr td:first-child {
  814. border-left: 1px solid #DDD;
  815. width: 17%;
  816. }
  817. .doctoradvice .advice-tr td:nth-child(2) {
  818. width: 14%;
  819. }
  820. .doctoradvice .advice-tr td:nth-child(3) {
  821. width: 8%;
  822. }
  823. .doctoradvice .advice-tr td:nth-child(4) {
  824. width: 8%;
  825. }
  826. .doctoradvice .advice-tr td:nth-child(5) {
  827. width: 5%;
  828. }
  829. .doctoradvice .advice-tr td:nth-child(6) {
  830. width: 8%;
  831. }
  832. .doctoradvice .advice-tr td:nth-child(7) {
  833. width: 5%;
  834. }
  835. .doctoradvice .advice-tr td:nth-child(8) {
  836. width: 5%;
  837. }
  838. .doctoradvice .advice-tr td:nth-child(9) {
  839. width: 6%;
  840. }
  841. .doctoradvice .advice-tr td:nth-child(10) {
  842. width: 6%;
  843. }
  844. .doctoradvice .advice-tr td:nth-child(11) {
  845. width: 8%;
  846. }
  847. .doctoradvice .advice-tr td:last-child {
  848. width: 8%;
  849. }
  850. .doctoradvice .advice-tr .label14 {
  851. color: #ccc;
  852. width: 100% !important
  853. }
  854. .doctoradvice .check-table-title {
  855. width: 100%;
  856. display: block;
  857. text-align: left;
  858. font-weight: bold;
  859. padding-top: 10px;
  860. clear: both;
  861. }
  862. .doctoradvice .check-table {
  863. width: 100%;
  864. border-collapse:collapse;
  865. }
  866. .doctoradvice .check-tr {
  867. text-align: left;
  868. }
  869. .doctoradvice .check-tr td {
  870. border-right: 1px solid #DDD;
  871. border-bottom: 1px solid #DDD;
  872. }
  873. .doctoradvice .check-table tbody:first-child td{
  874. border-top: 1px solid #DDD;
  875. }
  876. .doctoradvice .check-tr td:first-child {
  877. border-left: 1px solid #DDD;
  878. width: 18%;
  879. }
  880. .doctoradvice .check-tr td:nth-child(2) {
  881. width: 5%;
  882. }
  883. .doctoradvice .check-tr td:nth-child(3) {
  884. width: 15%;
  885. }
  886. .doctoradvice .check-tr td:nth-child(4) {
  887. width: 10%;
  888. }
  889. .doctoradvice .check-tr td:nth-child(5) {
  890. width: 8%;
  891. }
  892. .doctoradvice .check-tr td:nth-child(6) {
  893. width: 5%;
  894. }
  895. .doctoradvice .check-tr td:nth-child(7) {
  896. width: 8%;
  897. }
  898. .doctoradvice .check-tr td:nth-child(8) {
  899. width: 5%;
  900. }
  901. .doctoradvice .check-tr td:nth-child(9) {
  902. width: 8%;
  903. }
  904. .doctoradvice .check-tr td:nth-child(10) {
  905. width: 8%;
  906. }
  907. .doctoradvice .check-tr td:last-child {
  908. width: 8%;
  909. }
  910. .doctoradvice .check-tr .label13 {
  911. color: #ccc;
  912. width: 100% !important;
  913. }
  914. /* end 诊断模块样式 */