tijian.css 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163
  1. .tj-photo { top:20px; right:30px; }
  2. /*医师团队*/
  3. .ys-team { height:139px; border-bottom:1px dashed #ddd; padding:15px 0; }
  4. .ys-team .pht img{ width:108px; height:137px; border:1px solid #ccc; }
  5. .ys-team .txt { width:600px; padding-left:20px; }
  6. /*联系我们*/
  7. .txt-lxwm { width:470px; height:110px; border:1px solid #bbb; border-radius:3px; text-indent:10px; line-height:24px; }
  8. .relative { position:relative; zoom:1;}
  9. .leftnav-tijian-add { position:absolute; right:10px; top:3px; color:#007cd9; font-size:12px; cursor:pointer;}
  10. .search-all { width: 249px; height: 28px; background: url(../images/bmgl/search-bgs.gif) no-repeat 0 -30px; }
  11. .inp-search { height: 28px; line-height:28px; border: none; background: none; outline:none; }
  12. .btn-search { width: 25px; height: 28px; border: none; background: none; cursor: pointer; outline:none; }
  13. .btn-edit { display:inline-block; width:17px; height:17px; background:url(../images/bmgl/icons.gif) no-repeat -30px 0; vertical-align:middle;}
  14. .btn-del { display:inline-block; width:17px; height:17px; background:url(../images/bmgl/icons.gif) no-repeat -70px 0; vertical-align:middle;}
  15. /*弹窗*/
  16. .mask { position:fixed; _position:absolute; left:0; top:0; width:100%; height:100%; _height:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight)); background-color:#000; opacity:.5; filter:alpha(opacity=50); z-index:999;}
  17. .popbox { position:fixed; _position:absolute; left:50%; top:50%; margin-left:-327px; margin-top:-280px; width:654px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow:0 0 5px rgba(0,0,0,.5); -moz-box-shadow:0 0 5px rgba(0,0,0,.5); box-shadow:0 0 5px rgba(0,0,0,.5); z-index:1000;}
  18. .btn-close { display:block; right:15px; top:15px; width:9px; height:9px; background:url(../images/bmgl/btn-close.gif) no-repeat;}
  19. .pop-tit { height:35px; line-height:35px; background-color:#eee; border-bottom:1px solid #fff; text-align:center; -webkit-border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0;}
  20. .pop-main { padding:15px 25px; background-color:#fafafa; border-bottom:1px solid #e6e6e6;}
  21. .pop-inp-txt { width:166px; height:26px; padding:0 5px; line-height:26px; border:1px solid #bbb; vertical-align:middle; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; -webkit-box-shadow:inset 0 0 2px rgba(0,0,0,.2); -moz-box-shadow:inset 0 0 2px rgba(0,0,0,.2); box-shadow:inset 0 0 2px rgba(0,0,0,.2);}
  22. .pop-sel { width:178px; height:26px; padding:4px 5px; vertical-align:middle; border:1px solid #bbb; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; -webkit-box-shadow:inset 0 0 2px rgba(0,0,0,.2); -moz-box-shadow:inset 0 0 2px rgba(0,0,0,.2); box-shadow:inset 0 0 2px rgba(0,0,0,.2);}
  23. .pop-btns { height:42px; padding:10px 0 0 275px; background-color:#fafafa; -webkit-border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px;}
  24. .pop-btn-ok { display:inline-block; width:62px; height:28px; line-height:28px; background:url(../images/tijian/btns.gif) no-repeat; color:#fff; border:none; text-align:center; cursor:pointer;}
  25. .pop-btn-cancel { display:inline-block; width:62px; height:28px; line-height:28px; background:url(../images/tijian/btns.gif) no-repeat 0 -90px; color:#555; border:none; text-align:center; cursor:pointer;}
  26. .sel-cus {display:inline-block; width:168px; height:28px; padding:0 5px; line-height:28px; background:url(../images/bmgl/sel-bg.gif) no-repeat;}
  27. .sel-list-box {left:0; top:28px; width:150px; background-color:#fff; border:1px solid #bbb; border-radius:3px;}
  28. .main-tb th { height:26px; background-color:#f6f6f6; color:#999; border-bottom:1px solid #ddd; text-align:center;}
  29. .main-tb td { padding:5px 0; text-align:center; border-bottom:1px solid #f5f5f5;}
  30. .inp-txtarea { width:450px; height:105px; border:1px solid #bbb; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; -webkit-box-shadow:inset 0 0 2px rgba(0,0,0,.2); -moz-box-shadow:inset 0 0 2px rgba(0,0,0,.2); box-shadow:inset 0 0 2px rgba(0,0,0,.2);}
  31. .inp-txt { display:inline-block; width:166px; height:26px; padding:0 5px; line-height:26px; border:1px solid #bbb; vertical-align:middle; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; -webkit-box-shadow:inset 0 0 2px rgba(0,0,0,.2); -moz-box-shadow:inset 0 0 2px rgba(0,0,0,.2); box-shadow:inset 0 0 2px rgba(0,0,0,.2);}
  32. .inp-sel { height:26px; padding:4px 5px; border:1px solid #bbb; vertical-align:middle; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; -webkit-box-shadow:inset 0 0 2px rgba(0,0,0,.2); -moz-box-shadow:inset 0 0 2px rgba(0,0,0,.2); box-shadow:inset 0 0 2px rgba(0,0,0,.2);}
  33. .mt30 { margin-top:30px;}
  34. .center { margin:0 auto;}
  35. .c-green { color:#009944;}/*绿色*/
  36. .c-org { color:#ff8a00;}/*橙色*/
  37. a.c-007 { color:#007cd9;}
  38. a.c-007:hover { color:#ff8a00;}
  39. .bb-ccc { border-bottom: 1px solid #ccc; }
  40. .tab-menu li { float: left; position: relative; width: 90px; height: 30px; margin-bottom: -1px; background-color: #f3f3f3; line-height: 30px; border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; text-align: center; z-index: 2; cursor:pointer;}
  41. .tab-menu li.on { background-color: #fff; border-bottom: 1px solid #fff; }
  42. .tab-menu li.on strong { font-weight:bold;}
  43. .tab-menu li.bc-c { margin-right:-1px;}/*tab li border collapse*/
  44. .tab-con { display:none;}
  45. .cus-sel-chosed { width:316px; height:28px; padding:0 0 0 5px; line-height:28px; background:url(../images/wgw/sel-cus-bg.gif) no-repeat; cursor:pointer;}
  46. .cus-sel-list { width:319px; border:1px solid #ccc; border-top:none; background-color:#fafafa;}
  47. .cus-sel-list a { display:block; padding:0 5px; height:26px;}
  48. .cus-sel-list a:hover { background-color: #f0f0f0;}
  49. .texta-l { width:380px; padding:5px; border:1px solid #ccc; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow:0 0 3px rgba(0,0,0,.2) inset; -moz-box-shadow:0 0 3px rgba(0,0,0,.2) inset; box-shadow:0 0 3px rgba(0,0,0,.2) inset;}
  50. .texta-m { width:309px; padding:5px; border:1px solid #ccc; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow:0 0 3px rgba(0,0,0,.2) inset; -moz-box-shadow:0 0 3px rgba(0,0,0,.2) inset; box-shadow:0 0 3px rgba(0,0,0,.2) inset;}
  51. /*分页*/
  52. .page-box { width:120px; height:28px;}
  53. .page-ar { display:inline-block; vertical-align:middle; width:7px; height:7px; background:url(../images/bmgl/icons.gif) no-repeat 0 -10px; margin:10px 0; _margin-bottom:0;}
  54. .page-prv { display:inline-block; width:28px; height:28px; background:url(../images/wgw/prv-next.gif) no-repeat; vertical-align:middle;}
  55. .page-next { display:inline-block; width:28px; height:28px; background:url(../images/wgw/prv-next.gif) no-repeat -28px 0; vertical-align:middle;}
  56. .page-num-list { left:0; top:28px; _top:27px; width:47px; height:200px; background-color:#fff; overflow-y:scroll; border:1px solid #e3e3e3; z-index:10;}
  57. .page-num-list li { height:24px; line-height:24px;}
  58. .page-num-list a { display:block; padding-left:5px; line-height:24px; color:#777;}
  59. .page-num-all { display:inline-block; width:37px; padding:0 5px; border:1px solid #fff; color:#777;}
  60. .page-num-all.on, .page-num-all:hover { border:1px solid #e3e3e3; color:#777;}
  61. /****体检****/
  62. .main-tj h2 { font:18px/2 微软雅黑,"Microsoft Yahei";}
  63. .tip-tj { padding:10px 20px; background-color:#f2f9ff;}
  64. /*机构简介*/
  65. .jgjj-con label { display:inline-block; width:120px; height:28px; line-height:28px; font-size:14px; text-align:right; vertical-align:middle; *display:inline; *zoom:1;}
  66. .inp-txt.inp-txt-addr {width:465px;}
  67. .btn-blue-xl { width:104px; background-position:0 -60px; color:#fff;}
  68. .btn-gray-xxl { width:129px; height:25px; line-height:25px; background-position:0 -180px; color:#555;}
  69. .jgjj-con .inp-txtarea { width:465px; padding:5px; height:260px;}
  70. .c-a0 { color:#a0a0a0;}
  71. .jg-img { width:127px; height:127px; border:1px solid #bbb; background-color:#e6e6e6;}
  72. .jg-img img { max-width:127px; max-height:127px;}
  73. .jgjj-img-txt { line-height:1.5;}
  74. /*机构图库*/
  75. .img-list li { float:left; width:160px; padding:0 15px; text-align:center;}
  76. .img-list li a { display:block; width:158px; height:58px; border:1px solid #bbb; background-color:#e6e6e6;}
  77. .img-list li img { width:expression(this.offsetWidth > 158 ? '158px': true); max-height:88px; max-width:158px;}
  78. .img-list li span { display:block;}
  79. /*结算设置*/
  80. .jssz-con label { display:inline-block; width:85px; height:28px; line-height:28px; font-size:14px; text-align:right; vertical-align:middle; *display:inline; *zoom:1;}
  81. .jssz-con .inp-txtarea { width:465px; padding:5px;}
  82. /*数据统计*/
  83. .filter { width:750px; height:28px; line-height:28px;}
  84. .filter-date { width:308px;}
  85. .filter-verify { width:160px;}
  86. .filter-balance { width:160px;}
  87. .filter .inp-txt { width:104px;}
  88. .filter .inp-sel { width:90px;}
  89. .tb-sjtj { border:1px solid #f6f6f6; text-align:center;}
  90. .tb-sjtj strong { font-weight:bold;}
  91. .tb-sjtj th, .tb-sjtj td { padding:5px; border:1px solid #f6f6f6; text-align:center;}
  92. .tb-sjtj th.t-left, .tb-sjtj td.t-left { text-align:left;}
  93. .tb-sjtj td.tb-sjtj-total { padding:15px; text-align:right;}
  94. .tb-sjtj th.thead { background-color:#f2f9ff; border-bottom:1px solid #d4d4d4;}
  95. /*体检弹窗*/
  96. .popbox-tj label { display:inline-block; width:75px; height:28px; line-height:28px; vertical-align:middle; text-align:right; *display:inline; *zoom:1;}
  97. .popbox-tj .texta-l { width:460px; height:100px; overflow-y:scroll; font-size:12px;}
  98. .pop-main-pack-2 { padding:20px 10px;}
  99. .pop-packs { width:272px; min-height:340px; height:100%; _height:340px; border:1px solid #f6f6f6; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
  100. .pop-packs-header { height:40px; line-height:40px; padding-left:10px; background-color:#f2f9ff; -webkit-border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0;}
  101. .pop-packs-header strong { font-weight:bold;}
  102. .pop-packs-main { padding:10px;}
  103. .pop-proj { width:125px;}
  104. .pop-proj span { width:105px;}
  105. .pop-proj .chkbox { width:13px; height:13px;}
  106. .pop-packs-btm { padding:5px 0; border-top:1px solid #f6f6f6; border-radius:0 0 3px 3px;}
  107. .pop-proj-c { width:150px;}
  108. .pop-proj-c span { width:130px;}
  109. .pop-proj-c .chkbox { width:13px; height:13px;}
  110. .w80 { width:80px;}
  111. .arrow-box { width:13px; margin:0 auto; padding:150px 0 0;}
  112. .arrow-r, .arrow-l { display:block; width:13px; height:12px; overflow:hidden;}
  113. .arrow-r { background:url(../images/tijian/arrows.gif) no-repeat;}
  114. .arrow-l { background:url(../images/tijian/arrows.gif) no-repeat 0 -12px;}
  115. /*预约规则*/
  116. .p5 { padding:5px;}
  117. .cus-textarea { width:495px; border:1px solid #bbb; padding:10px; height:95px; overflow-y:scroll; border-radius:5px;}
  118. /*预约验证*/
  119. .yyxx-box { border:1px solid #e6e6e6; -webkit-border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0;}
  120. .yyxx-tit { height:30px; line-height:30px; border-bottom:1px solid #e6e6e6; background-color:#f5f5f5; -webkit-border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0;}
  121. .yyxx-con { padding:10px; border-bottom:1px solid #e6e6e6;}
  122. .yyxx-con strong { font-weight:bold;}
  123. .yyxx-con li { line-height:31px;}
  124. .yyxx-f { padding:10px; background-color:#f5f5f5;}
  125. .face-fail, .face-suc { display:inline-block; width:50px; height:50px; background:url(../images/tijian/face.gif) no-repeat; vertical-align:middle; *display:inline; *zoom:1}
  126. .face-fail { background-position:-50px 0;}
  127. .fail-info { display:inline-block; margin-left:40px; width:285px; text-align:left; vertical-align:middle;*display:inline; *zoom:1;}
  128. .suc-info { display:inline-block; margin-left:30px; width:120px; text-align:left; vertical-align:middle; color:#666; font-family:微软雅黑,"Microsoft Yahei";*display:inline; *zoom:1;}