Site.css 28 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552
  1. body {
  2. font-family: "Microsoft Yahei", sans-serif;
  3. background-color: #fff;
  4. }
  5. header, footer, nav, section {
  6. display: block;
  7. }
  8. select,
  9. span {
  10. font-family: Menlo, Monaco, Consolas, "Courier New", "Microsoft Yahei", monospace;
  11. }
  12. #masthead {
  13. }
  14. #masthead .brand .badge {
  15. margin-left: 5px;
  16. padding: 0 5px;
  17. font-weight: normal;
  18. }
  19. #masthead .brand .sub-brand {
  20. font-size: .75em;
  21. }
  22. #main {
  23. min-height: 500px;
  24. padding-top: 50px;
  25. width: 100%;
  26. padding-left: 15px;
  27. padding-right: 15px;
  28. box-sizing: border-box;
  29. }
  30. #colophon {
  31. background-color: whiteSmoke;
  32. border-top: 1px solid #E5E5E5;
  33. color: #232323;
  34. margin-top: 30px;
  35. padding: 35px 0;
  36. text-align: center;
  37. }
  38. #loginColophon {
  39. background-color: whiteSmoke;
  40. color: #232323;
  41. text-align: center;
  42. }
  43. #login-page2 {
  44. background-color: #086dd9
  45. }
  46. #login-page2 .login-section2 {
  47. background: url("images/login2.png");
  48. background-size: auto 500px;
  49. height: 500px;
  50. background-repeat: no-repeat;
  51. margin: 0 auto;
  52. position: relative;
  53. background-position: left;
  54. background-color: #086dd9
  55. }
  56. #loginTopFont {
  57. color: #086dd9;
  58. max-width: 1170px;
  59. margin: 0 auto;
  60. padding-bottom: 35px;
  61. padding-top: 80px;
  62. }
  63. #login-panel {
  64. background-color: whitesmoke;
  65. margin-top: 45px;
  66. width: 460px;
  67. float: right;
  68. border-radius: 10px;
  69. margin-right:50px;
  70. }
  71. #login-panel hr {
  72. height: 2px;
  73. background-color: #e6e6e6
  74. }
  75. .feild_lable {
  76. width: 85px;
  77. display: inline-block;
  78. text-align: right;
  79. }
  80. #colophon a {
  81. color: #232323;
  82. }
  83. .footer-links {
  84. margin: 10px 0;
  85. }
  86. .footer-links li {
  87. display: inline;
  88. padding: 0 2px;
  89. }
  90. .footer-links li:first-child {
  91. padding-left: 0;
  92. }
  93. .messred {
  94. color: #AAA;
  95. }
  96. /* Layout
  97. -----------------------------------------------------------*/
  98. /* Typography
  99. -------------------------------------------------- */
  100. .page-header, .lead {
  101. color: #5A5A5A;
  102. }
  103. /* Validation
  104. -----------------------------------------------------------*/
  105. .field-validation-error {
  106. color: #f00;
  107. }
  108. .field-validation-valid {
  109. display: none;
  110. }
  111. .input-validation-error {
  112. border: 1px solid #f00;
  113. background-color: #fee;
  114. }
  115. .validation-summary-errors {
  116. background: #F2DEDE;
  117. border: 1px solid #EED3D7;
  118. border-radius: 4px;
  119. color: #B94A48;
  120. margin-bottom: 25px;
  121. padding: 14px;
  122. text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  123. }
  124. .validation-summary-errors ul {
  125. margin-bottom: 0;
  126. }
  127. .validation-summary-valid {
  128. display: none;
  129. }
  130. label.error {
  131. color: #b94a48;
  132. padding: 2px 8px;
  133. display: inline-block;
  134. }
  135. label.valid {
  136. /*background: url(images/icon-20-valid.png) center center no-repeat;
  137. display: inline-block;
  138. width: 24px;*/
  139. /*height: 24px;*/
  140. text-indent: -9999px;
  141. padding: 0;
  142. }
  143. /* Login
  144. -------------------------------------------------- */
  145. .login-set .login-img {
  146. border-right: 1px solid #E5E5E5;
  147. margin: 50px 0 25px 180px;
  148. padding: 50px 75px;
  149. }
  150. .login-set .login-fields {
  151. margin: 90px 0 0 30px;
  152. }
  153. .login-set .login-fields .validation-summary-errors {
  154. margin-top: -36px;
  155. }
  156. .login-set .login-fields .control-label {
  157. width: 100px;
  158. }
  159. .login-set .login-fields .controls {
  160. margin-left: 120px;
  161. *margin-left: 0;
  162. *padding-left: 15px;
  163. }
  164. #captcha-reload {
  165. outline: none;
  166. text-decoration: none;
  167. }
  168. /* Login (style2)
  169. -------------------------------------------------- */
  170. #login-page {
  171. margin: 60px auto;
  172. }
  173. .login-section {
  174. /*background: #E5E5E5;*/
  175. border: 1px solid #c5c5c5;
  176. width: 786px;
  177. margin: 0 auto;
  178. padding: 1px;
  179. /*border-radius: 3px;*/
  180. }
  181. .login-section form {
  182. margin-bottom: 0;
  183. }
  184. .login-section-header, .login-section-footer {
  185. background: whiteSmoke;
  186. height: 85px;
  187. }
  188. .login-section-header {
  189. /*background: url("images/login-head.jpg");*/
  190. position: relative;
  191. }
  192. .login-section-header .hos-name {
  193. color: #555;
  194. position: absolute;
  195. top: 15px;
  196. left: 20px;
  197. }
  198. .login-section-body {
  199. background: url("images/login-body.jpg");
  200. height: 280px;
  201. position: relative;
  202. }
  203. .login-section-body .hos-name {
  204. color: #E8E639;
  205. position: absolute;
  206. top: 20px;
  207. left: 50px;
  208. }
  209. .login-section-body #open-tip-1 {
  210. position: absolute;
  211. top: 152px;
  212. left: 255px;
  213. display: block;
  214. width: 270px;
  215. height: 45px;
  216. }
  217. .login-section-body .vali-summary-phd {
  218. position: absolute;
  219. bottom: 0;
  220. width: 100%;
  221. }
  222. .login-section-body .vali-summary-phd .validation-summary-errors {
  223. margin: 0;
  224. text-align: center;
  225. -webkit-border-radius: 0;
  226. -moz-border-radius: 0;
  227. border-radius: 0;
  228. }
  229. .login-section-footer {
  230. /*background: url("images/login-footer.jpg");*/
  231. text-align: center;
  232. }
  233. .login-section-footer .dropdown-menu {
  234. text-align: left;
  235. }
  236. .login-form {
  237. padding: 25px;
  238. color: #232323;
  239. }
  240. .login-form label, .login-form button {
  241. margin-left: 10px;
  242. }
  243. #login-page #colophon {
  244. background: transparent;
  245. border: 0;
  246. }
  247. #login-page #colophon p {
  248. text-align: right;
  249. }
  250. #login-page #colophon,
  251. #login-page #colophon a {
  252. color: #555;
  253. }
  254. /* Overview
  255. -------------------------------------------------- */
  256. .overview .hos-name {
  257. margin-bottom: 20px;
  258. }
  259. .overview .btn {
  260. margin-right: 8px;
  261. }
  262. /* Report
  263. -------------------------------------------------- */
  264. .report-content {
  265. margin-top: -50px; /*-110px*/
  266. margin-bottom: 110px;
  267. }
  268. .report-content section {
  269. padding-top: 110px;
  270. margin-bottom: -90px;
  271. }
  272. .report-content section .page-header {
  273. margin-bottom: 20px;
  274. }
  275. .required-symbol {
  276. color: red;
  277. font-family: Tahoma,Arial,sans-serif;
  278. font-style: normal;
  279. margin: 0 2px;
  280. }
  281. /**鼠标经过样式**/
  282. /*.show-popover {
  283. cursor: help;
  284. }*/
  285. .bs-docs-sidenav {
  286. width: 120px;
  287. *width: 105px;
  288. margin: 90px 0 0;
  289. padding: 0;
  290. background-color: #fff;
  291. -webkit-border-radius: 6px;
  292. -moz-border-radius: 6px;
  293. border-radius: 6px;
  294. -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);
  295. -moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);
  296. box-shadow: 0 1px 4px rgba(0,0,0,.065);
  297. }
  298. .bs-docs-sidenav > li > a {
  299. display: block;
  300. width: 95px \9;
  301. margin: 0 0 -1px;
  302. padding: 8px 14px;
  303. border: 1px solid #e5e5e5;
  304. }
  305. .bs-docs-sidenav > li:first-child > a {
  306. -webkit-border-radius: 6px 6px 0 0;
  307. -moz-border-radius: 6px 6px 0 0;
  308. border-radius: 6px 6px 0 0;
  309. }
  310. .bs-docs-sidenav > li:last-child > a {
  311. -webkit-border-radius: 0 0 6px 6px;
  312. -moz-border-radius: 0 0 6px 6px;
  313. border-radius: 0 0 6px 6px;
  314. }
  315. .bs-docs-sidenav > .active > a {
  316. position: relative;
  317. z-index: 2;
  318. padding: 9px 15px;
  319. border: 0;
  320. text-shadow: 0 1px 0 rgba(0,0,0,.15);
  321. -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
  322. -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
  323. box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
  324. }
  325. /* Chevrons */
  326. .bs-docs-sidenav .icon-chevron-right {
  327. float: right;
  328. margin-top: 2px;
  329. margin-right: -6px;
  330. opacity: .25;
  331. }
  332. .bs-docs-sidenav > li > a:hover {
  333. background-color: #f5f5f5;
  334. }
  335. .bs-docs-sidenav a:hover .icon-chevron-right {
  336. opacity: .5;
  337. }
  338. .bs-docs-sidenav .active .icon-chevron-right,
  339. .bs-docs-sidenav .active a:hover .icon-chevron-right {
  340. background-image: url(images/glyphicons-halflings-white.png);
  341. opacity: 1;
  342. }
  343. .bs-docs-sidenav.affix {
  344. top: 40px;
  345. }
  346. .bs-docs-sidenav.affix-bottom {
  347. position: absolute;
  348. top: auto;
  349. bottom: 270px;
  350. }
  351. .navbar-light .navbar-inner {
  352. background: whiteSmoke;
  353. border-bottom: 1px solid #e5e5e5;
  354. -webkit-box-shadow: none;
  355. -moz-box-shadow: none;
  356. box-shadow: none;
  357. filter: none;
  358. z-index: -1 !important;
  359. }
  360. .navbar-light .brand {
  361. color: #999;
  362. text-shadow: none;
  363. background: none;
  364. font-weight: normal;
  365. padding: 15px 20px 15px;
  366. font-size: 16px;
  367. }
  368. .navbar-light .navbar-text {
  369. color: #666;
  370. }
  371. #summary {
  372. margin-top: 120px;
  373. }
  374. #summary ul li a {
  375. color: #08C;
  376. }
  377. /* List Toolbar
  378. -----------------------------------------------------------*/
  379. .list-toolbar {
  380. background: #F5F5F5;
  381. border-left: 5px solid #d4b106;
  382. padding: 7px;
  383. margin-bottom: 20px;
  384. }
  385. .list-toolbar form, .list-toolbar ul {
  386. margin: 0;
  387. }
  388. .list-toolbar ul li {
  389. float: left;
  390. }
  391. .list-toolbar label,
  392. .list-toolbar select,
  393. .list-toolbar input,
  394. .list-toolbar button {
  395. margin: 0 8px;
  396. }
  397. .list-toolbar label {
  398. width: auto;
  399. margin-bottom: 2px;
  400. }
  401. .list-toolbar select {
  402. width: auto;
  403. }
  404. #alertWaring {
  405. margin: 0;
  406. }
  407. #alertWaring a {
  408. text-decoration:none
  409. }
  410. /* Pagination
  411. -----------------------------------------------------------*/
  412. .pagination .status {
  413. float: right;
  414. margin: 5px 0;
  415. }
  416. .pagination .goto span {
  417. padding: 2px 12px;
  418. }
  419. .pagination .goto input {
  420. margin: 1px;
  421. }
  422. .pagination .goto input[type=text] {
  423. margin-right: 5px;
  424. padding: 0 4px;
  425. width: 34px;
  426. }
  427. /* Fix
  428. -----------------------------------------------------------*/
  429. /* 修正 jQuery UI 遮罩层未填充窗口 */
  430. .ui-widget-overlay {
  431. position: fixed;
  432. }
  433. /* 滚动时固定弹框(必须加“!important”,否则将导致窗口点击时跳到顶端,原因是恢复 position: absolute)*/
  434. .ui-dialog {
  435. position: fixed !important;
  436. }
  437. .dropdown-menu {
  438. z-index: 9999;
  439. }
  440. [class^="icon-"], [class*=" icon-"] {
  441. margin-right: 3px;
  442. margin-top: 2px;
  443. }
  444. wwa [class^="icon-"], a [class*=" icon-"] {
  445. margin-top: 3px;
  446. }
  447. .popover {
  448. color: #666;
  449. text-shadow: none;
  450. max-width: 1000px;
  451. max-height: 1000px;
  452. text-align: left;
  453. /*overflow-x: hidden;*/
  454. }
  455. .form-horizontal .control-label {
  456. width: 300px;
  457. text-align: left;
  458. margin-right: 10px;
  459. }
  460. .form-horizontal .control-group {
  461. padding-left: 20px;
  462. }
  463. h5 {
  464. padding-left: 10px;
  465. }
  466. /***
  467. 继承选择器
  468. ******/
  469. .form-horizontal .controls {
  470. vertical-align: middle; /**水平对齐**/
  471. margin-left: 320px;
  472. *margin-left: 0;
  473. *padding-left: 15px;
  474. }
  475. .controls .control-label {
  476. vertical-align: middle;
  477. width: 180px;
  478. text-align: left;
  479. margin-right: 10px;
  480. }
  481. .controls .controls {
  482. margin-left: 0px;
  483. *margin-left: 0;
  484. *padding-left: 15px;
  485. }
  486. .form-horizontal .form-actions {
  487. padding-left: 255px;
  488. }
  489. label.checkbox input[type="radio"], label.checkbox input[type="checkbox"] {
  490. margin-left: -17px;
  491. vertical-align: top;
  492. width: 20px;
  493. }
  494. .radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline {
  495. margin-left: 18px;
  496. margin-right: 15px;
  497. }
  498. .controls-row {
  499. margin-bottom: 3px;
  500. }
  501. .ui-widget-content {
  502. font-size: 12px !important;
  503. }
  504. .alert.ui-widget-content {
  505. padding-top:15px;
  506. font-size: 14px !important;
  507. }
  508. #NoData p {
  509. padding-top: 15px;
  510. font-size: 14px !important;
  511. }
  512. .datetimepicker, input[type=datetime] {
  513. width: 130px;
  514. margin-right: 0 !important;
  515. }
  516. .datepicker, input[type=date] {
  517. width: 80px;
  518. margin-right: 0 !important;
  519. }
  520. .timepicker, input[type=time] {
  521. width: 40px;
  522. margin-right: 0 !important;
  523. }
  524. .ui-datepicker {
  525. z-index: 1031 !important;
  526. }
  527. .ui-datepicker select.ui-datepicker-month {
  528. width: 40% !important;
  529. }
  530. .ui-datepicker-trigger {
  531. cursor: pointer;
  532. margin: 0 8px;
  533. }
  534. /* Misc.
  535. -----------------------------------------------------------*/
  536. .mg-bottom-5 {
  537. margin-bottom: 5px;
  538. }
  539. .mg-r-0 {
  540. margin-right: 0 !important;
  541. }
  542. .width-auto {
  543. width: auto !important;
  544. }
  545. .open-feedback {
  546. color: #fff !important;
  547. }
  548. /* Ajax AutoComplete for jQuery
  549. -----------------------------------------------------------*/
  550. .autocomplete {
  551. border: 1px solid #a4a4a4;
  552. border-top: none;
  553. background: #FFF;
  554. box-shadow: 0 3px 6px #AAA;
  555. -moz-box-shadow: 0 3px 6px #AAA;
  556. -webkit-box-shadow: 0 3px 6px #AAA;
  557. border-radius: 0 0 5px 5px;
  558. -moz-border-radius: 0 0 5px 5px;
  559. -webkit-border-radius: 0 0 5px 5px;
  560. overflow: auto;
  561. width: 400px;
  562. }
  563. .autocomplete > div {
  564. padding: 10px;
  565. border: none;
  566. }
  567. .autocomplete > div + div {
  568. border-top: 1px solid #EEE;
  569. }
  570. .autocomplete .selected {
  571. background: #eee;
  572. }
  573. .autocomplete strong {
  574. color: #009BCF;
  575. }
  576. /*留言*/
  577. .comment {
  578. border: 1px solid #E7E7E7;
  579. border-radius: 5px 5px 5px 5px;
  580. margin-bottom: 15px;
  581. padding: 15px;
  582. }
  583. .comment .comment-head {
  584. margin-bottom: 10px;
  585. }
  586. #comments legend {
  587. font-weight: bold;
  588. }
  589. .comment-list .comment-list {
  590. border-left: 2px solid #51A351;
  591. margin: 10px 0 10px 1px;
  592. padding-left: 15px;
  593. }
  594. .comment .btn-toolbar {
  595. margin: 0;
  596. font-size: 12px;
  597. }
  598. #comment-edit-dialog .control-label {
  599. width: 100px;
  600. }
  601. #comment-edit-dialog .control-label {
  602. float: left;
  603. padding-top: 5px;
  604. text-align: right;
  605. }
  606. #comment-edit-dialog .controls {
  607. margin-left: 0px;
  608. }
  609. .study {
  610. }
  611. .study .content {
  612. border-top: 1px solid #E7E7E7;
  613. margin-top: 20px;
  614. padding: 0px 10px 10px 0px;
  615. }
  616. .study p {
  617. font-size: 14px;
  618. line-height: 25px;
  619. text-indent: 2em;
  620. }
  621. /*****
  622. 首页的样式
  623. *****/
  624. /**加了个图标**/
  625. .navbar .brand {
  626. background: url("images/logo.png") no-repeat 20px 10px;
  627. padding: 16px 20px 5px 60px;
  628. margin-left: 15px;
  629. }
  630. .navbar .brand.text-brand {
  631. background: none;
  632. }
  633. .btn-tile-group {
  634. width: 500px;
  635. margin-right: 10px;
  636. margin-bottom: 10px;
  637. }
  638. .btn-tile-group:last-child {
  639. margin-right: 0;
  640. }
  641. .btn-tile {
  642. float: left;
  643. display: block;
  644. background: #1990d5;
  645. padding-top: 10px;
  646. padding-bottom: 10px;
  647. width: 60px;
  648. margin-bottom: 4px;
  649. margin-right: 4px;
  650. border-radius: 0;
  651. }
  652. .btn-tile:hover {
  653. background: #2fa4e7;
  654. }
  655. .btn-tile [class^="icon-"], .btn-tile [class*=" icon-"] {
  656. display: block;
  657. font-size: 32px;
  658. }
  659. #TBcharts {
  660. width: 680px;
  661. padding-left: 100px;
  662. margin-left: 50px;
  663. }
  664. #TBcharts tr {
  665. line-height: 26px;
  666. padding: 5px 10px;
  667. }
  668. #TBcharts .inline {
  669. padding-top: 0px;
  670. }
  671. .ChartsList {
  672. text-align: left;
  673. width: 980px;
  674. margin-top: 30px;
  675. }
  676. /*填出提示*/
  677. .mg-b-20 {
  678. margin-bottom: 20px;
  679. }
  680. .mg-r-0 {
  681. margin-right: 0 !important;
  682. }
  683. .width-auto {
  684. width: auto !important;
  685. }
  686. .text-red {
  687. color: red;
  688. font-family: system;
  689. }
  690. .cursor-help {
  691. cursor: help;
  692. }
  693. /* Tabsbox
  694. -------------------------------------------------- */
  695. .tabs-box .nav-tabs {
  696. margin-bottom: 0;
  697. }
  698. .tabs-box .tabs-content {
  699. border: 1px solid #ddd;
  700. border-top: 0;
  701. padding: 10px 25px;
  702. min-height: 300px;
  703. }
  704. .tabs-box .tabs-content h3 {
  705. margin-bottom: 25px;
  706. }
  707. /* Help Page
  708. -------------------------------------------------- */
  709. .help-page fieldset {
  710. margin-bottom: 40px;
  711. }
  712. .help-page fieldset legend {
  713. font-size: 16px;
  714. color: #317eac;
  715. }
  716. .help-page fieldset p {
  717. font-size: 14px;
  718. line-height: 24px;
  719. text-indent: 4ex;
  720. }
  721. .help-page .ui-accordion .ui-accordion-header {
  722. font-weight: normal;
  723. }
  724. /**统计图表工具栏**/
  725. #newlist_tool label,
  726. #newlist_tool select,
  727. #newlist_tool input {
  728. margin: 0 0px;
  729. }
  730. #newlist_tool ul li {
  731. margin-left: 10px;
  732. }
  733. /*_________________________________________________*/
  734. /* 统计表格排序*/
  735. table.tablesorter {
  736. font-family: arial;
  737. background-color: #CDCDCD;
  738. margin: 10px 0pt 15px;
  739. font-size: 8pt;
  740. width: 100%;
  741. }
  742. table.tablesorter thead tr th, table.tablesorter tfoot tr th {
  743. background-color: rgba(213, 237, 251, 0.59);
  744. border: 1px solid #FFF;
  745. font-size: 8pt;
  746. padding: 4px;
  747. }
  748. table.tablesorter thead tr .header {
  749. background-image: url(images/bg.gif);
  750. background-repeat: no-repeat;
  751. background-position: center right;
  752. cursor: pointer;
  753. }
  754. table.tablesorter tbody td {
  755. color: #3D3D3D;
  756. padding: 4px;
  757. background-color: #FFF;
  758. vertical-align: top;
  759. }
  760. table.tablesorter tbody tr.odd td {
  761. background-color: #E0F4D7;
  762. }
  763. table.tablesorter thead tr .headerSortUp {
  764. background-image: url(images/asc.gif);
  765. }
  766. table.tablesorter thead tr .headerSortDown {
  767. background-image: url(images/desc.gif);
  768. }
  769. table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
  770. background-color: #2fa4e7;
  771. color: #fff;
  772. }
  773. /*___________________________________________*/
  774. /*预览*/
  775. #PreView .bgcolor {
  776. /*background-color: rgba(105, 196, 248, 0.83);
  777. color: #fff;*/
  778. background-color: #e5e5e5;
  779. }
  780. #PreView .bg2color {
  781. background-color: #e5e5e5;
  782. }
  783. .point_caculate .table-caculate1 {
  784. width: 100%;
  785. min-width: 300px;
  786. float: left;
  787. }
  788. .point_caculate .table-caculate2 {
  789. width: 50%;
  790. min-width: 300px;
  791. float: left;
  792. }
  793. .point_caculate .table-caculate3 {
  794. width: 33.33333333%;
  795. min-width: 300px;
  796. float: left;
  797. }
  798. .point_caculate .table-data2 {
  799. width: 90%;
  800. margin-left: 30px;
  801. }
  802. .point {
  803. float: none;
  804. width: 40px;
  805. margin-left: 0;
  806. }
  807. .point_caculate .bgcolor {
  808. background-color: #e5e5e5;
  809. }
  810. .pointChecked {
  811. background-color: dodgerblue;
  812. color: white;
  813. }
  814. .table-data {
  815. width: 80%;
  816. margin: auto;
  817. }
  818. .table-inner {
  819. margin: 0 0 0 0;
  820. }
  821. /*采集医院信息,增加非必填字段*/
  822. .labelwidth {
  823. width: 200px;
  824. }
  825. .mycontrols {
  826. width: 650px;
  827. height: 100px;
  828. margin-left: -100px
  829. }
  830. /*系统介绍*/
  831. .system-page p {
  832. text-indent: 2em;
  833. line-height: 25px;
  834. }
  835. .system-page {
  836. border: 1px solid #ddd;
  837. padding: 25px;
  838. min-height: 300px;
  839. }
  840. .page-header {
  841. padding: 0;
  842. margin-bottom: 20px;
  843. border-bottom: 1px solid #e5e5e5;
  844. }
  845. /**日期控件的样式**/
  846. .DateControll {
  847. width: 310px;
  848. }
  849. /**下拉框控件的样式**/
  850. .DropDown {
  851. width: 350px;
  852. }
  853. /**文本框的样式**/
  854. .textbox {
  855. width: 310px;
  856. }
  857. /**文本框的样式**/
  858. .textvalue {
  859. width: 200px;
  860. }
  861. /**出生日期的样式**/
  862. .year {
  863. width: 120px;
  864. }
  865. .month {
  866. width: 100px;
  867. }
  868. .ddate {
  869. width: 100px;
  870. }
  871. /**体验与评价标签的样式**/
  872. .form-horizontal .tiyan .control-label {
  873. width: 520px;
  874. text-align: left;
  875. }
  876. /*_______________弹框按钮样式_____________*/
  877. .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button {
  878. color: #fff;
  879. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  880. background-color: #fff;
  881. background-image: linear-gradient(to bottom, #2fa4e7, #2f76e7);
  882. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0); /* IE8 */
  883. }
  884. .ui-state-hover,
  885. .ui-widget-content .ui-state-hover,
  886. .ui-widget-header .ui-state-hover,
  887. .ui-state-focus,
  888. .ui-widget-content .ui-state-focus,
  889. .ui-widget-header .ui-state-focus {
  890. background-color: #fff;
  891. background-position: 0 0px;
  892. color: #000;
  893. text-decoration: none;
  894. }
  895. /**滚动时,固定弹框**/
  896. .ui-dialog {
  897. position: fixed !important;
  898. }
  899. /*_______________________________*/
  900. /**返回按钮样式**/
  901. .backbutton {
  902. float: right;
  903. margin-right: 50px;
  904. font-size: 16px !important;
  905. font-weight: bold !important;
  906. text-decoration: none;
  907. }
  908. /**空标题**/
  909. .labelempty {
  910. margin: 10px 10px 10px 20px;
  911. }
  912. /* Form
  913. ---------------------------------------------------- */
  914. .page-header [data-toggle="collapse"] {
  915. cursor: pointer;
  916. }
  917. .page-header [data-toggle="collapse"]:hover {
  918. text-decoration: none;
  919. }
  920. /*.page-header [data-toggle="collapse"]:after {
  921. content: " [↑]";
  922. font-size: 14px;
  923. color: #999;
  924. }*/
  925. .page-header [data-toggle="collapse"] .fa-angle-double-up {
  926. display: inherit;
  927. }
  928. .page-header [data-toggle="collapse"] .fa-angle-double-down {
  929. display: none;
  930. }
  931. /*.page-header .collapsed:after {
  932. content: " [↓]";
  933. }*/
  934. .page-header [data-toggle="collapse"].collapsed .fa-angle-double-up {
  935. display: none;
  936. }
  937. .page-header [data-toggle="collapse"].collapsed .fa-angle-double-down {
  938. display: inherit;
  939. }
  940. h5.form-header {
  941. padding: 8px 15px;
  942. background: #F5F5F5;
  943. margin: 0 0 15px 0;
  944. }
  945. /*.table-form {
  946. margin-left: 15px;
  947. }*/
  948. .table-form .table-form {
  949. margin: -8px;
  950. }
  951. .table-form th, .table-form td {
  952. border-top: 1px solid #fff;
  953. }
  954. .table-form label {
  955. padding-top: 5px;
  956. /*text-align: right;*/
  957. padding-right: 15px;
  958. padding-left: 10px;
  959. }
  960. .table-form label.sub1 {
  961. padding-left: 30px;
  962. }
  963. .table-form tbody tr.error > td {
  964. background-color: #fff;
  965. }
  966. .table-form tbody tr.error label,
  967. .table-form tbody tr.error .control-label,
  968. .table-form tbody tr.error .help-block,
  969. .table-form tbody tr.error .help-inline {
  970. color: #bd4247;
  971. }
  972. .table-form tbody tr.error .checkbox,
  973. .table-form tbody tr.error .radio,
  974. .table-form tbody tr.error input,
  975. .table-form tbody tr.error select,
  976. .table-form tbody tr.error textarea {
  977. color: #bd4247;
  978. }
  979. .table-form tbody tr.error input,
  980. .table-form tbody tr.error select,
  981. .table-form tbody tr.error textarea {
  982. border-color: #bd4247;
  983. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  984. -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  985. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  986. }
  987. .table-form tbody tr.error input:focus,
  988. .table-form tbody tr.error select:focus,
  989. .table-form tbody tr.error textarea:focus {
  990. border-color: #983538;
  991. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d88e90;
  992. -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d88e90;
  993. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d88e90;
  994. }
  995. .table-form tbody tr.error .input-prepend .add-on,
  996. .table-form tbody tr.error .input-append .add-on {
  997. color: #bd4247;
  998. background-color: #f2bdb1;
  999. border-color: #bd4247;
  1000. }
  1001. .form-control-static {
  1002. padding-top: 5px;
  1003. margin-bottom: 0;
  1004. }
  1005. .required-sign {
  1006. color: #bd4247;
  1007. font-family: simsun;
  1008. }
  1009. /*评分工具*/
  1010. .calc-tool {
  1011. margin-left: -215px;
  1012. margin-top: 20px;
  1013. border: 1px solid;
  1014. width: 100%;
  1015. padding: 20px 20px 0px;
  1016. }
  1017. /*上报说明*/
  1018. .report-tip-body dt,
  1019. .report-tip-body dd,
  1020. .report-tip-body li {
  1021. line-height: 24px;
  1022. }
  1023. .report-tip-body p {
  1024. text-indent: 5px;
  1025. }
  1026. /* Helper Class
  1027. ---------------------------------------------------- */
  1028. .mg-l-20 {
  1029. margin-left: 20px;
  1030. }
  1031. option {
  1032. padding: 5px;
  1033. }
  1034. /*首界面样式定义 2016.02.25 start*/
  1035. .btn-icon {
  1036. height: 60px;
  1037. min-width: 125px;
  1038. margin: 5px 5px 0 0;
  1039. border: 1px solid #ddd;
  1040. padding: 15px 0px 0px 0px;
  1041. background-color: #fafafa;
  1042. background-image: none;
  1043. filter: none;
  1044. -webkit-box-shadow: none;
  1045. -moz-box-shadow: none;
  1046. box-shadow: none;
  1047. display: inline-block;
  1048. color: #646464;
  1049. text-shadow: none;
  1050. text-align: center;
  1051. cursor: pointer;
  1052. position: relative;
  1053. -webkit-transition: all 0.3s ease;
  1054. -moz-transition: all 0.3s ease;
  1055. -ms-transition: all 0.3s ease;
  1056. -o-transition: all 0.3s ease;
  1057. transition: all 0.3s ease;
  1058. }
  1059. .btn-icon:hover {
  1060. text-decoration: none;
  1061. border-color: #999;
  1062. color: #444;
  1063. text-shadow: 0 1px 0px white;
  1064. -webkit-transition: all 0.3s ease;
  1065. -moz-transition: all 0.3s ease;
  1066. -ms-transition: all 0.3s ease;
  1067. -o-transition: all 0.3s ease;
  1068. transition: all 0.3s ease;
  1069. -webkit-box-shadow: none;
  1070. -moz-box-shadow: none;
  1071. box-shadow: none;
  1072. }
  1073. .btn-icon:hover > .badge {
  1074. -webkit-transition: all 0.3s ease;
  1075. -moz-transition: all 0.3s ease;
  1076. -ms-transition: all 0.3s ease;
  1077. -o-transition: all 0.3s ease;
  1078. transition: all 0.3s ease;
  1079. -webkit-box-shadow: none;
  1080. -moz-box-shadow: none;
  1081. box-shadow: none;
  1082. }
  1083. .btn-icon > div {
  1084. margin-top: 5px;
  1085. margin-bottom: 20px;
  1086. color: #000;
  1087. /*font-size: 12px;*/
  1088. font-weight: 300;
  1089. }
  1090. .btn-icon > .badge {
  1091. position: absolute;
  1092. font-size: 11px;
  1093. font-weight: 300;
  1094. top: -5px;
  1095. right: -5px;
  1096. padding: 3px 6px 3px 6px;
  1097. color: white;
  1098. text-shadow: none;
  1099. border-width: 0;
  1100. border-style: solid;
  1101. -webkit-border-radius: 12px;
  1102. -moz-border-radius: 12px;
  1103. border-radius: 12px;
  1104. -webkit-box-shadow: none;
  1105. -moz-box-shadow: none;
  1106. box-shadow: none;
  1107. }
  1108. .btn-icon > i {
  1109. /*font-size: 18px;*/
  1110. }
  1111. .ie8 .btn-icon:hover {
  1112. filter: none;
  1113. }
  1114. .btn-icon-group {
  1115. margin-bottom: 52px;
  1116. }
  1117. /* end */
  1118. /* 添加未填项背景色提示 begin */
  1119. .tbBlackItem {
  1120. background-color: #EFF9FC
  1121. }
  1122. /* end */
  1123. .warm_ncis {
  1124. color: #ff0000 !important;
  1125. }
  1126. .warm_ncis_text, .warm_ncis_text:hover {
  1127. color: #ff0000;
  1128. font-size: 18px;
  1129. vertical-align: middle;
  1130. }
  1131. .layout-content {
  1132. padding: 0 20px;
  1133. }
  1134. @media (min-width: 1200px) {
  1135. .span4 {
  1136. width: 350px !important;
  1137. }
  1138. }
  1139. .setting_div {
  1140. max-width: 1170px;
  1141. margin: 0 auto;
  1142. }
  1143. .form-search label, .form-inline label, .form-search .btn-group, .form-inline .btn-group {
  1144. display: inline-block !important;
  1145. }
  1146. .navbar-inner .container_header {
  1147. width: 100%
  1148. }
  1149. .login_userInfo {
  1150. padding-right: 15px;
  1151. }
  1152. .navber .nav {
  1153. margin-left: 20px;
  1154. }
  1155. .ui-multiselect {
  1156. background-color: white;
  1157. background-image: none;
  1158. }
  1159. .data-index-list {
  1160. padding: 25px;
  1161. box-sizing: border-box;
  1162. width: 30%;
  1163. max-height: 125px;
  1164. margin: 0 15px 15px 0;
  1165. border-radius: 5px;
  1166. }
  1167. .data-index-list-50 {
  1168. width: 50%;
  1169. margin-bottom: 20px;
  1170. }
  1171. .background-01 {
  1172. background-image: url("/assets/D_index/01.png");
  1173. background-position: center center;
  1174. }
  1175. .background-02 {
  1176. background-image: url("/assets/D_index/02.png");
  1177. background-position: center center;
  1178. }
  1179. .background-03 {
  1180. background-image: url("/assets/D_index/03.png");
  1181. background-position: center center;
  1182. }
  1183. .background-04 {
  1184. background-image: url("/assets/D_index/04.png");
  1185. background-position: center center;
  1186. }
  1187. .background-05 {
  1188. background-image: url("/assets/D_index/05.png");
  1189. background-position: center center;
  1190. }
  1191. .background-06 {
  1192. background-image: url("/assets/D_index/06.png");
  1193. background-position: center center;
  1194. }
  1195. .data-index-item {
  1196. color: white;
  1197. font-size: 16px;
  1198. margin-top: 5px;
  1199. }
  1200. .data-index-title {
  1201. font-size: 20px;
  1202. color: #2fa4e7;
  1203. margin-bottom: 10px;
  1204. font-weight: bold;
  1205. }
  1206. .checkAllDisease {
  1207. margin-top: 0px !important;
  1208. }
  1209. .row-diseaseSearch .es-list {
  1210. left: inherit !important;
  1211. }
  1212. .border-d4b106 {
  1213. border-color: #d4b106 !important;
  1214. }
  1215. .page-header .label {
  1216. color: #fff;
  1217. }
  1218. .filledBar {
  1219. background-color: #d9d9d9;
  1220. height: 5px;
  1221. margin-top:8px;
  1222. width:60%;
  1223. }
  1224. .filledBar div {
  1225. float: left;
  1226. height: 100%;
  1227. }
  1228. .barTitle {
  1229. float: right;
  1230. height: 100%;
  1231. margin-left:5px;
  1232. }
  1233. #logoImg {
  1234. height: 40px !important;
  1235. float:left;
  1236. }