htfk.css 16 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192
  1. /*
  2. ***************
  3. 后台反馈
  4. ***************
  5. */
  6. select { margin:0; padding:0; vertical-align:middle;}
  7. .f18 { font-size:18px;}
  8. .f-yahei { font-family:"Microsoft Yahei";}
  9. .f-tahoma { font-family:Tahoma;}
  10. .relative { position:relative; zoom:1;}
  11. .center { margin:0 auto;}
  12. .w615 { width:615px;}
  13. .pb15 { padding-bottom:15px;}
  14. .pb20 { padding-bottom:20px;}
  15. .mt30 { margin-top:30px;}
  16. .ml40 { margin-left:40px;}
  17. .c-444 { color:#444;}
  18. .c-888 { color:#888;}
  19. .c-green { color:#009944;}/*绿色*/
  20. .c-org { color:#ff8a00;}/*橙色*/
  21. .c-666 { color:#666;}
  22. a.c-007 { color:#007cd9;}
  23. a.c-007:hover { color:#ff8a00;}
  24. .bb-ccc { border-bottom: 1px solid #ccc; }
  25. .bb-e2 { border-bottom:1px solid #e2e2e2;}
  26. .bl-d5 { border-left:1px solid #d5d5d5;}
  27. .br-d5 { border-right:1px solid #d5d5d5;}
  28. .leftnav-add { position:absolute; right:10px; top:3px; color:#007cd9; font-size:12px; cursor:pointer;}
  29. .search-all { width: 249px; height: 28px; background: url(../images/bmgl/search-bgs.gif) no-repeat 0 -30px; }
  30. .inp-search { height: 28px; line-height:28px; border: none; background: none; }
  31. .btn-search { width: 25px; height: 28px; border: none; background: none; cursor: pointer; }
  32. .pop-search-all { width: 229px; height: 28px; background: url(../images/zz/pop-searchbg.gif) no-repeat; }
  33. .pop-inp-search { width:190px; height: 28px; padding:0 5px 0 0; line-height:28px; border: none; background: none; }
  34. .pop-btn-search { width: 25px; height: 28px; border: none; background: none; cursor: pointer; }
  35. .btn-edit { display:inline-block; width:17px; height:17px; background:url(../images/bmgl/icons.gif) no-repeat -30px 0; vertical-align:middle;}
  36. .btn-del { display:inline-block; width:17px; height:17px; background:url(../images/bmgl/icons.gif) no-repeat -70px 0; vertical-align:middle;}
  37. .btn-blue,.btn-blue-l,.btn-gray-xl,.btn-gray-l,.btn-gray-s,.btn-blue-xl,.btn-gray-xxl,.btn-gray-xs { display:inline-block; height:28px; line-height:28px; background:url(../images/tijian/btns.gif) no-repeat; border:none; text-align:center; cursor:pointer; vertical-align:middle; *display:inline; *zoom:1;}
  38. .btn-blue { width:62px; color:#fff;}
  39. .btn-blue-l { width:82px; background-position:0 -30px; color:#fff;}
  40. .btn-blue-xl { width:104px; background-position:0 -60px; color:#fff;}
  41. .btn-gray-xl { width:96px; background-position:0 -150px; color:#555;}
  42. .btn-gray-l { width:82px; background-position:0 -120px; color:#555;}
  43. .btn-gray-s { width:62px; background-position:0 -90px; color:#555;}
  44. .btn-gray-xs { width:92px; height:20px; line-height:20px; background-position:0 -210px; color:#555;}
  45. .btn-gray-xxl { width:129px; height:25px; line-height:25px; background-position:0 -180px; color:#555;}
  46. .main-tb th { height:26px; background-color:#f6f6f6; color:#999; border-bottom:1px solid #ddd; text-align:center;}
  47. .main-tb td { padding:5px 0; text-align:center; border-bottom:1px solid #f5f5f5;}
  48. .inp-txtarea { width:450px; height:105px; border:1px solid #bbb; font-size:14px; -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);}
  49. .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);}
  50. .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);}
  51. .inp-radio { display:inline-block; width:95px; height:28px; line-height:28px;}
  52. .inp-radio input { vertical-align:middle;}
  53. .inp-radio span { font-family:Tahoma; vertical-align:middle;}
  54. /*选择日期*/
  55. .xzrq {width:130px; height:26px; line-height:26px; background-color:#fff; border:1px solid #bbb; border-radius:3px; text-indent:10px; font-family:Arial;}
  56. .xzrq-icon { width:16px; height:16px; background:url(../images/yygh/yy-icon.gif) no-repeat; cursor:pointer; margin:5px 3px 0 0; }
  57. /*标签切换*/
  58. .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;}
  59. .tab-menu li.on { background-color: #fff; border-bottom: 1px solid #fff; }
  60. .tab-menu li.on strong { font-weight:bold;}
  61. .tab-menu li.bc-c { margin-right:-1px;}/*tab li border collapse*/
  62. .tab-con { display:none;}
  63. .cus-sel-chosed { width:147px; height:28px; padding:0 26px 0 5px; line-height:28px; background:url(../images/zz/sel-cus-bg.gif) no-repeat; cursor:pointer;}
  64. .cus-sel-chosed-2 { width:230px; height:28px; padding:0 26px 0 5px; line-height:28px; background:url(../images/zz/sel-cus-bg-260.png) no-repeat;cursor:pointer;}
  65. .cus-sel-list { width:176px; border:1px solid #ccc; border-top:none; background-color:#fafafa;}
  66. .cus-sel-list a { display:block; padding:0 5px; height:26px; color:#404040;}
  67. .cus-sel-list a:hover { background-color: #f0f0f0;}
  68. .texta-l { width:380px; height:80px; padding:5px; border:1px solid #ccc; font-size:12px; word-break:break-all; word-wrap:break-word; -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;}
  69. .texta-m { width:309px; height:80px; padding:5px; border:1px solid #ccc; font-size:12px; word-break:break-all; word-wrap:break-word; -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;}
  70. /*分页*/
  71. .page-box { width:120px; height:28px;}
  72. .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;}
  73. .page-prv { display:inline-block; width:28px; height:28px; background:url(../images/wgw/prv-next.gif) no-repeat; vertical-align:middle;}
  74. .page-next { display:inline-block; width:28px; height:28px; background:url(../images/wgw/prv-next.gif) no-repeat -28px 0; vertical-align:middle;}
  75. .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;}
  76. .page-num-list li { height:24px; line-height:24px;}
  77. .page-num-list a { display:block; padding-left:5px; line-height:24px; color:#777;}
  78. .page-num-all { display:inline-block; width:37px; padding:0 5px; border:1px solid #fff; color:#777;}
  79. .page-num-all.on, .page-num-all:hover { border:1px solid #e3e3e3; color:#777;}
  80. .page-box-h { padding:5px 0;}
  81. .page-box-h a { display:inline-block; width:24px; height:24px; margin:0 2px; line-height:24px; border:1px solid #ccc; color:#4493df; background-color:#fff; cursor:pointer; vertical-align:middle; *display:inline; *zoom:1;}
  82. .page-box-h a.cur, .page-box-h a:hover { background-color:#3e90cf; color:#fff;}
  83. .page-box-h .prev, .page-box-h .next { width:60px;}
  84. .arr-prev { display:inline-block; width:0; height:0; margin-right:5px; margin-left:-5px; border-color:transparent #4493df transparent transparent; border-style:dashed solid dashed dashed; border-width:5px; vertical-align:middle; line-height:0;}
  85. .arr-next { display:inline-block; width:0; height:0; margin-left:5px; margin-right:-5px; border-color:transparent transparent transparent #4493df; border-style:dashed dashed dashed solid; border-width:5px; vertical-align:middle; line-height:0;}
  86. .page-box-h a.disable { color:#555;}
  87. .page-box-h a.disable .arr-prev { display:inline-block; width:0; height:0; margin-right:5px; margin-left:-5px; border-color:transparent #ccc transparent transparent; border-style:dashed solid dashed dashed; border-width:5px; vertical-align:middle; line-height:0;}
  88. .page-box-h a.disable .arr-next { display:inline-block; width:0; height:0; margin-left:5px; margin-right:-5px; border-color:transparent transparent transparent #ccc; border-style:dashed dashed dashed solid; border-width:5px; vertical-align:middle; line-height:0;}
  89. .page-box-h a.disable:hover { cursor:text; color:#555; background-color:#fff;}
  90. .page-box-h .prev:hover .arr-prev { border-color:transparent #fff transparent transparent;}
  91. .page-box-h .next:hover .arr-next { border-color:transparent transparent transparent #fff;}
  92. .page-box-h .prev.disable:hover .arr-prev { border-color:transparent #ccc transparent transparent;}
  93. .page-box-h .next.disable:hover .arr-next { border-color:transparent transparent transparent #ccc;}
  94. .page-box-h .total { display:inline-block; margin:0 5px; vertical-align:middle; *display:inline; *zoom:1;}
  95. .page-to { display:inline-block; width:25px; height:24px; padding:0 5px; margin:0 2px; border:1px solid #ccc; vertical-align:middle;}
  96. /****体检****/
  97. .main-fsd { min-height:500px; height:100%; _height:500px;}
  98. /*.main-zz h2 { height:36px; font:18px/2 微软雅黑,"Microsoft Yahei";}*/
  99. .searchbar { border:1px solid #bfd6e8; padding:5px 10px; background-color:#f2f9ff; line-height:28px;}
  100. .btn-gray-h24 { display:inline-block; width:82px; height:24px; line-height:24px; background:url(../images/fsd/btn-gray-s.gif) no-repeat; border:0; vertical-align:middle; cursor:pointer; color:#555; *display:inline; *zoom:1;}
  101. .btn-gray-s-h24 { display:inline-block; width:54px; height:24px; line-height:24px; background:url(../images/fsd/btn-gray-xs.gif) no-repeat; border:none; vertical-align:middle; cursor:pointer; color:#555; *display:inline; *zoom:1;}
  102. /*反馈报表*/
  103. .main-htfk label { display:inline-block; width:100px; height:28px; line-height:28px; text-align:right;}
  104. .section-tit span { padding-left:10px; width:90px; height:34px; line-height:34px; background-color:#deebef;}
  105. .section-tit-arr { display:block; width:0; height:0; font-size:0; line-height:0; border-width:17px 13px; border-style: dashed dashed dashed solid; border-color:transparent transparent transparent #deebef;}
  106. /*表格*/
  107. .tb-sjtj { border:1px solid #f6f6f6; text-align:center;}
  108. .tb-sjtj strong { font-weight:bold;}
  109. .tb-sjtj th, .tb-sjtj td { padding:5px; border:1px solid #f6f6f6; text-align:center;}
  110. .tb-sjtj th.t-left, .tb-sjtj td.t-left { text-align:left;}
  111. .tb-sjtj td.tb-sjtj-total { padding:15px; text-align:right;}
  112. .tb-sjtj th.thead { background-color:#f2f9ff; border-bottom:1px solid #d4d4d4;}
  113. .tb-sjtj th.thead-1 { background-color:#f7f7f7; border:1px solid #eaeaea;}
  114. /*弹窗*/
  115. .pop { _position:absolute; _left:0; _top:0; _width:100%; _height:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight)); z-index:1000;}
  116. .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;}
  117. .mask-iframe { position:absolute; left:0; top:0; width:100%; height:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight)); border:none; filter:alpha(opacity=0);}
  118. .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:10000;}
  119. .btn-close { display:block; right:15px; top:15px; width:9px; height:9px; background:url(../images/bmgl/btn-close.gif) no-repeat;}
  120. .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;}
  121. .pop-main { padding:15px 25px; background-color:#fafafa; border-bottom:1px solid #e6e6e6;}
  122. .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);}
  123. .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);}
  124. .pop-btns { height:42px; padding:10px 0 0 0; background-color:#fafafa; -webkit-border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px;}
  125. .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;}
  126. .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;}
  127. .sel-cus {display:inline-block; width:168px; height:28px; padding:0 5px; line-height:28px; background:url(../images/bmgl/sel-bg.gif) no-repeat;}
  128. .sel-list-box {left:0; top:28px; width:150px; background-color:#fff; border:1px solid #bbb; border-radius:3px;}
  129. .w80 { width:80px;}
  130. /*预约规则*/
  131. .p5 { padding:5px;}
  132. .cus-textarea { width:495px; border:1px solid #bbb; padding:10px; height:95px; overflow-y:scroll; border-radius:5px;}
  133. /*预约验证*/
  134. .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}
  135. .face-fail { background-position:-50px 0;}
  136. .fail-info { display:inline-block; margin-left:40px; width:285px; text-align:left; vertical-align:middle;*display:inline; *zoom:1;}
  137. .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;}
  138. .popbox-w430, .popbox-w450, .popbox-w760 { position:fixed; _position:absolute; left:50%; top:50%; -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:10000;}
  139. .popbox-w430 { margin-left:-215px; margin-top:-170px; width:430px;}
  140. .popbox-w430 .pop-tit { text-align:left; padding:0 20px;}
  141. .popbox-w430 label { display:inline-block; width:75px; height:28px; line-height:28px; vertical-align:middle; text-align:right; font-size:14px; *display:inline; *zoom:1;}
  142. .icon-info, .icon-smile, .icon-question { display:inline-block; width:37px; height:37px; background:url(../images/zz/zz-icons.gif) no-repeat; vertical-align:middle; *display:inline; *zoom:1;}
  143. .icon-info { background-position:0 -40px;}
  144. .icon-smile { background-position:-80px -40px;}
  145. .icon-question { background-position:-40px -40px;}
  146. .icon-view, .icon-del { display:inline-block; width:15px; height:15px; background:url(../images/zz/zz-icons.gif) no-repeat; vertical-align:middle; *display:inline; *zoom:1;}
  147. .icon-view { background-position:0 -20px;}
  148. .icon-del { background-position:-20px -20px;}
  149. .icon-human1, .icon-human2 { display:inline-block; width:18px; height:18px; background:url(../images/zz/zz-icons.gif) no-repeat; vertical-align:middle; *display:inline; *zoom:1;}
  150. .icon-human1 { background-position:-40px -20px;}
  151. .icon-human2 { background-position:-60px -20px;}
  152. .timetext{height:26px;border:0;width:145px;text-align:left;padding-left:5px;}
  153. .xd { position: relative; }
  154. .jd { position: absolute; }
  155. .gd { position: fixed; }
  156. .w150 { width:150px; }
  157. .w105 { width:105px; }
  158. .r5 { right:5px; }
  159. .mt2 {margin-top:2px;}
  160. .mt5 {margin-top:5px;}
  161. .p5 {padding:5px;}