cdss.less 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613
  1. @import './common.less';
  2. body{
  3. overflow: hidden;
  4. position: relative;
  5. background: #fff;
  6. }
  7. .bodyWrap{
  8. position: fixed;
  9. width: 100%;
  10. height: 100%;
  11. /*background: @bgcBlue;*/
  12. }
  13. .iframeWrap {
  14. }
  15. .contentWrapper{
  16. margin-left: 40px;
  17. padding:10px 12px 0;
  18. overflow-y: auto;
  19. }
  20. .responsibility {
  21. text-align: center;
  22. font-size: 12px;
  23. color: #aaa;
  24. padding-bottom: 5px;
  25. position: fixed;
  26. left: 40px;
  27. width: 100%;
  28. bottom: 40px;
  29. background-color: #fff;
  30. z-index: 1;
  31. text-indent: -40px;
  32. }
  33. .disclaimer {
  34. height: 24px;
  35. width: 100%;
  36. line-height: 24px;
  37. position: absolute;
  38. bottom: 0;
  39. background-color: #EFF1F6;
  40. left: 40px;
  41. z-index: 98;
  42. .version-tip{
  43. margin-left: 20px;
  44. display: inline-block;
  45. font-size: 12px;
  46. line-height: 12px;
  47. padding-right: 34px;
  48. cursor: pointer;
  49. &.new-icon{
  50. // background: url(../images/new.png) 100% 0px no-repeat;
  51. // background-size: 27px;
  52. }
  53. }
  54. .version-txt i,.disclaimerInfoTxt{
  55. font-size: 12px;
  56. color: #777;
  57. border-bottom: 1px solid #777;
  58. }
  59. .logo {
  60. // float: left;
  61. font-size: 12px;
  62. margin-left: 15px;
  63. color:#333;
  64. }
  65. .disclaimerInfo {
  66. float: right;
  67. font-size: 12px;
  68. margin-right: 60px;
  69. }
  70. }
  71. .disclaimerInfo {
  72. cursor: pointer;
  73. font-size: 12px;
  74. }
  75. .disclaimerInfoTxt:hover{
  76. border-bottom: 1px solid #000;
  77. font-size: 12px;
  78. }
  79. .moreInfo {
  80. display: inline-block;
  81. width:42px;
  82. height:20px;
  83. border-radius:4px;
  84. border:1px solid #267FD7;
  85. line-height:20px;
  86. color: #267FD7;
  87. text-align: center;
  88. margin-left: 20px;
  89. cursor: pointer;
  90. }
  91. .staticWin {
  92. color: #040428;
  93. text-decoration: underline;
  94. cursor: pointer;
  95. }
  96. .line {
  97. width: 100%;
  98. height: 1px;
  99. background: #D1D1D1;
  100. }
  101. .empty-box{
  102. position: relative;
  103. top: 172px;
  104. display: none;
  105. }
  106. .empty{
  107. display: block;
  108. }
  109. .emptyImg{
  110. width: 185px;
  111. position: relative;
  112. left: 50%;
  113. margin-left: -93px;
  114. &.small{
  115. width: 90px;
  116. margin-left: -45px;
  117. }
  118. }
  119. .emptyTxt{
  120. text-align: center;
  121. color: #999;
  122. font-size: 12px;
  123. }
  124. .loading{
  125. position: fixed;
  126. width: 100%;
  127. height: 100%;
  128. left: 0;
  129. top: 0;
  130. z-index: 100;
  131. display: none;
  132. }
  133. .loadingMask{
  134. position: absolute;
  135. width: 100%;
  136. height: 100%;
  137. background-color: #fff;
  138. opacity: 0.5;
  139. filter:alpha(opacity=50);
  140. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50);";
  141. }
  142. .loadingImg{
  143. width: 40px;
  144. position: absolute;
  145. left: 50%;
  146. top: 50%;
  147. margin: -20px 0 0 -20px;
  148. }
  149. .emergency {
  150. position: fixed;
  151. right: 20px;
  152. top: 0;
  153. .disPub {
  154. width: 40px;
  155. height: 40px;
  156. line-height: 40px;
  157. position: absolute;
  158. left: 0;
  159. text-align: center;
  160. border-radius: 50%;
  161. color: #fff;
  162. background-color: #f93333;
  163. }
  164. .singleDis {
  165. left: -25px;
  166. display: none;
  167. }
  168. .allDis {
  169. display: none;
  170. z-index: 10;
  171. moz-user-select: -moz-none;
  172. -moz-user-select: none;
  173. -o-user-select: none;
  174. -webkit-user-select: none;
  175. -ms-user-select: none;
  176. user-select: none;
  177. position: fixed;
  178. top: 0;
  179. right: 5px;
  180. width: auto;
  181. height: 40px;
  182. line-height: 40px;
  183. border-radius: 22px;
  184. border: 2px solid #f93333;
  185. background-color: #fff;
  186. padding-left: 50px;
  187. padding-right: 30px;
  188. cursor: pointer;
  189. .right {
  190. position: absolute;
  191. right: 5px;
  192. top: 9px;
  193. }
  194. }
  195. }
  196. // CDSS6.0
  197. .diag{
  198. .longBox,.shortBox{
  199. padding: 0 10px 8px;
  200. }
  201. }
  202. .longBox{
  203. display: none;
  204. }
  205. .pushItemBox{
  206. position: relative;
  207. /*display: inline-block;*/
  208. }
  209. .warning .pushItemName .item-name{
  210. opacity: .8;
  211. filter:alpha(opacity=80);
  212. }
  213. .pushItemName{
  214. position: relative;
  215. display: inline-block;
  216. line-height: 21px;
  217. padding-right: 3px;
  218. &:hover{
  219. .infoImg+.hidden-i{
  220. display: none;
  221. }
  222. .infoImg{
  223. display: inline;
  224. }
  225. }
  226. }
  227. .infoImg,.hidden-i{
  228. width: 12px;
  229. /*position: absolute;
  230. top: 5px;
  231. right: 3px;*/
  232. cursor: pointer;
  233. display: none;
  234. vertical-align: middle;
  235. }
  236. .hidden-i{
  237. display: inline-block;
  238. width: 12px;
  239. }
  240. .showMore,.showLess{
  241. display: inline-block;
  242. cursor: pointer;
  243. color: #3B9ED0;
  244. position: absolute;
  245. right: 14px;
  246. bottom: 5px;
  247. }
  248. .moduleTitle{
  249. height: 35px;
  250. line-height: 35px;
  251. font-size: 16px;
  252. color: @fontClr;
  253. font-weight: 600;
  254. border-radius: 8px 8px 0 0;
  255. margin-bottom: 10px;
  256. .titleIcon{
  257. width: 24px;
  258. position: relative;
  259. top: 5px;
  260. margin: 0 5px 0 14px;
  261. }
  262. }
  263. .casewriting .titleIcon{
  264. width:14px;
  265. }
  266. .iconArrowImg{
  267. width: 10px;
  268. // position: relative;
  269. // top: 2px;
  270. }
  271. .moduleBox{
  272. padding:0;
  273. .longBox,.shortBox{
  274. border-bottom: 1px #E6E6E6 dashed;
  275. }
  276. &:last-child .longBox,&:last-child .shortBox{
  277. border-bottom: none;
  278. }
  279. }
  280. .moduleBoxTitle{
  281. color: @fontClr;
  282. line-height: 17px;
  283. font-weight: 600;
  284. padding-left: 3px;
  285. margin: 6px 0 6px 14px;
  286. border-left:4px solid @suggerColor;
  287. }
  288. .iconMark{
  289. width: 17px;
  290. position: absolute;
  291. left: 10px;
  292. top: 2px;
  293. }
  294. .billingPushItem{
  295. padding: 0 10px 0 24px;
  296. position: relative;
  297. }
  298. .moduleItem{
  299. position: relative;
  300. border-radius: 8px;
  301. box-shadow: 0px 5px 5px 0px @shadowColor;
  302. margin-bottom: 10px;
  303. padding-bottom: 10px;
  304. .longBox,.shortBox{
  305. padding: 4px 14px;
  306. position: relative; /****bug8454***/
  307. }
  308. }
  309. .tabList{
  310. margin-bottom: 8px;
  311. position: relative;
  312. height: 100%;
  313. background: @bgcBlue;
  314. .numPop{
  315. display: none;
  316. position: absolute;
  317. top:0;
  318. left: 2px;
  319. border-radius:8px;
  320. width: 17px;
  321. height: 17px;
  322. background: url("../images/tip-bg.png") no-repeat;
  323. font-size: 12px;
  324. text-align: center;
  325. color: #fff;
  326. }
  327. }
  328. .tab{
  329. width: 10px;
  330. padding:8px 10px;
  331. font-size:14px;
  332. cursor: pointer;
  333. color: @tabColor;
  334. margin-left: 10px;
  335. background: @tabBgColor;
  336. border-radius: 8px 0px 0px 8px;
  337. span{
  338. }
  339. }
  340. .activeTab{
  341. color:@fontClr;
  342. font-weight: 600;
  343. font-size:14px;
  344. background: @mainBg;
  345. }
  346. .moduleWrapper{
  347. display: none;
  348. }
  349. .recommendWrap{
  350. }
  351. .staticSearchB ul{
  352. position: absolute;
  353. height: 480px;
  354. // width: 100%;
  355. /* right: 30px; */
  356. left: 40px;
  357. overflow: auto;
  358. }
  359. .moduleItem.warning{
  360. background: @dangerColor;
  361. color: #fff;
  362. padding: 10px 40px;
  363. box-shadow: 0 2px 4px 0 #F9BC9F;
  364. }
  365. .warningTitImg{
  366. width: 20px;
  367. position: absolute;
  368. left: -28px;
  369. top: -2px;
  370. }
  371. .warningTitle{
  372. position: relative;
  373. margin-right: 15px;
  374. font-weight: bold;
  375. }
  376. .medicalKonwledgeWrap{
  377. }
  378. .newIcon{
  379. width: 27px;
  380. position: relative;
  381. top: 2px;
  382. left: 15px;
  383. visibility: hidden;
  384. }
  385. .new-icon .newIcon{
  386. visibility: visible;
  387. }
  388. .generalTreatInfo{
  389. padding: 0px 24px 0 10px;
  390. box-sizing: border-box;
  391. position: relative;
  392. margin-top: 4px;
  393. margin-bottom: 4px;
  394. ol li {
  395. list-style: decimal;
  396. list-style-position:inside;
  397. }
  398. ul {
  399. padding-left: 15px;
  400. li {
  401. list-style: inside;
  402. list-style-position:inside;
  403. }
  404. }
  405. }
  406. .isOverFlow{
  407. overflow: hidden;
  408. max-height: 38px;
  409. p {
  410. // height: 20px;
  411. // line-height: 20px;
  412. }
  413. }
  414. .showMoreGeneralTreat{
  415. position: absolute;
  416. cursor: pointer;
  417. color: #3B9ED0;
  418. right: 10px;
  419. bottom: -1px;
  420. background: #fff;
  421. width: 10px;
  422. height: 10px;
  423. box-sizing: border-box;
  424. img.more {
  425. position: absolute;
  426. top: 2px;
  427. right: 3px;
  428. }
  429. }
  430. .showLessGeneralTreat{
  431. display: inline-block;
  432. cursor: pointer;
  433. float: right;
  434. color: #3B9ED0;
  435. }
  436. .tips-cont{
  437. border-radius: 8px;
  438. box-shadow: 0px 5px 5px 0px @shadowColor;
  439. border-bottom: 1px #D8D8D8 solid \9;
  440. .moduleBoxTitle{
  441. border-color: #FF8042;
  442. }
  443. .moduleItem{
  444. box-shadow: none;
  445. border-bottom:1px #E6E6E6 dashed;
  446. &:last-child{
  447. border-bottom: none;
  448. }
  449. }
  450. }
  451. .longStrBox{
  452. display: none;
  453. }
  454. .showMoreCaseWriting,.showLessCaseWriting{
  455. display: inline-block;
  456. cursor: pointer;
  457. float: right;
  458. color: #3B9ED0;
  459. img{
  460. margin-left: 4px;
  461. }
  462. }
  463. /*******中医********/
  464. .tcmWarp {
  465. box-sizing: border-box;
  466. width: 100%;
  467. height: 100%;
  468. overflow-y: auto;
  469. }
  470. .tcm-item {
  471. display: none;
  472. margin: 0 0 10px;
  473. border: 1px #EEF5FD solid;
  474. border-radius: 8px;
  475. box-shadow: 0px 5px 5px 0px #D3D8D9;
  476. &.go-push .title{
  477. border-radius: 8px;
  478. }
  479. .title {
  480. background: @pushBgColor;
  481. height: 35px;
  482. line-height: 35px;
  483. padding: 0 12px;
  484. border-radius: 8px 8px 0px 0px;
  485. img {
  486. vertical-align: middle;
  487. width: 20px;
  488. height: 20px;
  489. margin-right: 3px;
  490. }
  491. .h2 {
  492. font-weight: bold;
  493. font-size: 16px;
  494. color: #333;
  495. }
  496. .go {
  497. float: right;
  498. font-size: 14px;
  499. color: @linkColor;
  500. text-decoration: none;
  501. cursor: pointer;
  502. img {
  503. width: 5px;
  504. height: 9px;
  505. vertical-align: inherit;
  506. }
  507. }
  508. }
  509. .infos {
  510. padding-top: 10px;
  511. li {
  512. margin-bottom: 5px;
  513. padding-left: 18px;
  514. .label {
  515. display: inline-block;
  516. width: 98px;
  517. margin-right: 15px;
  518. font-size: 14px;
  519. color: #333;
  520. }
  521. .val {
  522. color: #666;
  523. }
  524. }
  525. }
  526. .detail {
  527. margin: 0 10px;
  528. border-top: 1px #E6E6E6 dashed;
  529. padding-top: 5px;
  530. /*max-height: 134px;*/
  531. overflow-y: hidden;
  532. li {
  533. margin: 0 34px 6px 10px;
  534. }
  535. .label {
  536. float: left;
  537. border-left: 4px solid #267FD7;
  538. padding-left: 5px;
  539. line-height: 14px;
  540. margin-top: 3px;
  541. }
  542. .go {
  543. float: right;
  544. margin: -25px 0px 10px 0;
  545. font-size: 14px;
  546. color: @linkColor;
  547. text-decoration: none;
  548. cursor: pointer;
  549. }
  550. .val {
  551. margin-left: 65px;
  552. .name {
  553. color: #333;
  554. }
  555. .desc {
  556. color: #666;
  557. overflow-x: hidden;
  558. white-space: nowrap;
  559. width: 100%;
  560. text-overflow: ellipsis;
  561. }
  562. }
  563. }
  564. &.recipe {
  565. display: none;
  566. }
  567. &.knowledge .content {
  568. padding: 8px 10px 12px;
  569. li {
  570. display: inline-block;
  571. width: 29%;
  572. text-align: center;
  573. padding: 0 2%;
  574. margin-top: 8px;
  575. }
  576. .a-link {
  577. display: inline-block;
  578. width: 100%;
  579. border: 1px @linkColor solid;
  580. color: @linkColor;
  581. height: 30px;
  582. line-height: 30px;
  583. border-radius: 4px;
  584. cursor: pointer;
  585. background: url("../images/go.png") 95% center no-repeat;
  586. text-indent: -8px;
  587. text-decoration: none;
  588. }
  589. }
  590. }
  591. .evaluation{
  592. .evaluationtitle{
  593. color: @linkColor;
  594. cursor: pointer;
  595. }
  596. .infoImg,.hidden-i{
  597. margin-left: -10px;
  598. }
  599. }