wdz.css 17 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196
  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. .mt2 { margin-top:2px;}
  16. .mt30 { margin-top:30px;}
  17. .ml40 { margin-left:40px;}
  18. .c-444 { color:#444;}
  19. .c-888 { color:#888;}
  20. .c-green { color:#009944;}/*绿色*/
  21. .c-org { color:#ff8a00;}/*橙色*/
  22. .c-666 { color:#666;}
  23. a.c-007 { color:#007cd9;}
  24. a.c-007:hover { color:#ff8a00;}
  25. .bb-ccc { border-bottom: 1px solid #ccc; }
  26. .bb-e2 { border-bottom:1px solid #e2e2e2;}
  27. .bl-d5 { border-left:1px solid #d5d5d5;}
  28. .br-d5 { border-right:1px solid #d5d5d5;}
  29. .leftnav-add { position:absolute; right:10px; top:3px; color:#007cd9; font-size:12px; cursor:pointer;}
  30. .btn-edit { display:inline-block; width:17px; height:17px; background:url(../images/bmgl/icons.gif) no-repeat -30px 0; vertical-align:middle;}
  31. .btn-del { display:inline-block; width:17px; height:17px; background:url(../images/bmgl/icons.gif) no-repeat -70px 0; vertical-align:middle;}
  32. .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;}
  33. .btn-blue { width:62px; color:#fff;}
  34. .btn-blue-l { width:82px; background-position:0 -30px; color:#fff;}
  35. .btn-blue-xl { width:104px; background-position:0 -60px; color:#fff; font-size:14px;}
  36. .btn-gray-xl { width:96px; background-position:0 -150px; color:#555;}
  37. .btn-gray-l { width:82px; background-position:0 -120px; color:#555;}
  38. .btn-gray-s { width:62px; background-position:0 -90px; color:#555;}
  39. .btn-gray-xs { width:92px; height:20px; line-height:20px; background-position:0 -210px; color:#555;}
  40. .btn-gray-xxl { width:129px; height:25px; line-height:25px; background-position:0 -180px; color:#555;}
  41. .main-tb th { height:26px; background-color:#f6f6f6; color:#999; border-bottom:1px solid #ddd; text-align:center;}
  42. .main-tb td { padding:5px 0; text-align:center; border-bottom:1px solid #f5f5f5;}
  43. .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);}
  44. .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);}
  45. .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);}
  46. .inp-radio { display:inline-block; width:95px; height:28px; line-height:28px;}
  47. .inp-radio input { vertical-align:middle;}
  48. .inp-radio span { font-family:Tahoma; vertical-align:middle;}
  49. /*标签切换*/
  50. .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;}
  51. .tab-menu li.on { background-color: #fff; border-bottom: 1px solid #fff; }
  52. .tab-menu li.on strong { font-weight:bold;}
  53. .tab-menu li.bc-c { margin-right:-1px;}/*tab li border collapse*/
  54. .tab-con { display:none;}
  55. /*自定义下拉框*/
  56. .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;}
  57. .cus-sel-list { width:176px; border:1px solid #ccc; border-top:none; background-color:#fafafa;}
  58. .cus-sel-list a { display:block; padding:0 5px; height:26px; color:#404040;}
  59. .cus-sel-list a:hover { background-color: #f0f0f0;}
  60. .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;}
  61. .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;}
  62. /*分页*/
  63. .page-box { width:120px; height:28px;}
  64. .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;}
  65. .page-prv { display:inline-block; width:28px; height:28px; background:url(../images/wgw/prv-next.gif) no-repeat; vertical-align:middle;}
  66. .page-next { display:inline-block; width:28px; height:28px; background:url(../images/wgw/prv-next.gif) no-repeat -28px 0; vertical-align:middle;}
  67. .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;}
  68. .page-num-list li { height:24px; line-height:24px;}
  69. .page-num-list a { display:block; padding-left:5px; line-height:24px; color:#777;}
  70. .page-num-all { display:inline-block; width:37px; padding:0 5px; border:1px solid #fff; color:#777;}
  71. .page-num-all.on, .page-num-all:hover { border:1px solid #e3e3e3; color:#777;}
  72. .page-box-h { padding:5px 0;}
  73. .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;}
  74. .page-box-h a.cur, .page-box-h a:hover { background-color:#3e90cf; color:#fff;}
  75. .page-box-h .prev, .page-box-h .next { width:60px;}
  76. .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;}
  77. .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;}
  78. .page-box-h a.disable { color:#555;}
  79. .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;}
  80. .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;}
  81. .page-box-h a.disable:hover { cursor:text; color:#555; background-color:#fff;}
  82. .page-box-h .prev:hover .arr-prev { border-color:transparent #fff transparent transparent;}
  83. .page-box-h .next:hover .arr-next { border-color:transparent transparent transparent #fff;}
  84. .page-box-h .prev.disable:hover .arr-prev { border-color:transparent #ccc transparent transparent;}
  85. .page-box-h .next.disable:hover .arr-next { border-color:transparent transparent transparent #ccc;}
  86. .page-box-h .total { display:inline-block; margin:0 5px; vertical-align:middle; *display:inline; *zoom:1;}
  87. .page-to { display:inline-block; width:25px; height:24px; padding:0 5px; margin:0 2px; border:1px solid #ccc; vertical-align:middle;}
  88. /****体检****/
  89. /*.main-zz h2 { height:36px; font:18px/2 微软雅黑,"Microsoft Yahei";}*/
  90. .searchbar { border:1px solid #bfd6e8; padding:5px 10px; background-color:#f2f9ff; line-height:28px;}
  91. .main-wdz .searchbar { padding:10px;}
  92. .btn-gray-l-h24 { display:inline-block; width:102px; height:24px; line-height:24px; background:url(../images/wdz/btn-h24.gif) no-repeat 0 -50px; border:0; vertical-align:middle; cursor:pointer; color:#555; *display:inline; *zoom:1;}
  93. .btn-gray-h24 { display:inline-block; width:82px; height:24px; line-height:24px; background:url(../images/wdz/btn-h24.gif) no-repeat 0 -25px; border:0; vertical-align:middle; cursor:pointer; color:#555; *display:inline; *zoom:1;}
  94. .btn-gray-s-h24 { display:inline-block; width:54px; height:24px; line-height:24px; background:url(../images/wdz/btn-h24.gif) no-repeat; border:none; vertical-align:middle; cursor:pointer; color:#555; *display:inline; *zoom:1;}
  95. .btn-gray-wdz { display:inline-block; width:78px; height:24px; line-height:24px; background:url(../images/wdz/btn-h24.gif) no-repeat 0 -100px; border:0; vertical-align:middle; cursor:pointer; color:#555; *display:inline; *zoom:1;}
  96. .btn-gray-s-wdz { display:inline-block; width:43px; height:24px; line-height:24px; background:url(../images/wdz/btn-h24.gif) no-repeat 0 -75px; border:none; vertical-align:middle; cursor:pointer; color:#555; *display:inline; *zoom:1;}
  97. .sort-up { display:inline-block; width:8px; height:12px; background:url(../images/wdz/btn-h24.gif) no-repeat 0 -125px; vertical-align:middle; outline:none; *display:inline; *zoom:1;}
  98. .sort-down { display:inline-block; width:8px; height:12px; background:url(../images/wdz/btn-h24.gif) no-repeat -10px -125px; vertical-align:middle; outline:none; *display:inline; *zoom:1;}
  99. .valign-b { display:inline-block; vertical-align:bottom; *display:inline; *zoom:1;}
  100. /*反馈报表*/
  101. .main-wdz label { display:inline-block; width:130px; height:28px; line-height:28px; text-align:right;}
  102. /*表格*/
  103. .tb-sjtj { border:1px solid #eaeaea; text-align:center; table-layout:fixed;}
  104. .tb-sjtj strong { font-weight:bold;}
  105. .tb-sjtj th, .tb-sjtj td { padding:5px; border:1px solid #eaeaea; text-align:center;}
  106. .tb-sjtj th.t-left, .tb-sjtj td.t-left { text-align:left;}
  107. .tb-sjtj td.tb-sjtj-total { padding:15px; text-align:right;}
  108. .tb-sjtj th.thead { background-color:#f2f9ff; border-bottom:1px solid #d4d4d4;}
  109. .tb-sjtj th.thead-1 { background-color:#f7f7f7; border:1px solid #eaeaea;}
  110. /*弹窗*/
  111. .pop { _position:absolute; _left:0; _top:0; _width:100%; _height:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight)); z-index:1000;}
  112. .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;}
  113. .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);}
  114. .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;}
  115. .btn-close { display:block; right:15px; top:15px; width:9px; height:9px; background:url(../images/bmgl/btn-close.gif) no-repeat;}
  116. .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;}
  117. .pop-main { padding:15px 25px; background-color:#fafafa; border-bottom:1px solid #e6e6e6;}
  118. .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);}
  119. .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);}
  120. .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;}
  121. .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;}
  122. .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;}
  123. .sel-cus {display:inline-block; width:168px; height:28px; padding:0 5px; line-height:28px; background:url(../images/bmgl/sel-bg.gif) no-repeat;}
  124. .sel-list-box {left:0; top:28px; width:150px; background-color:#fff; border:1px solid #bbb; border-radius:3px;}
  125. .w80 { width:80px;}
  126. /*预约规则*/
  127. .p5 { padding:5px;}
  128. .cus-textarea { width:495px; border:1px solid #bbb; padding:10px; height:95px; overflow-y:scroll; border-radius:5px;}
  129. /*预约验证*/
  130. .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}
  131. .face-fail { background-position:-50px 0;}
  132. .fail-info { display:inline-block; margin-left:40px; width:285px; text-align:left; vertical-align:middle;*display:inline; *zoom:1;}
  133. .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;}
  134. .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;}
  135. .popbox-w430 { margin-left:-215px; margin-top:-170px; width:430px;}
  136. .popbox-w760 { margin-left:-355px; margin-top:-170px; width:760px;}
  137. .popbox-w760 .pop-tit,.popbox-w430 .pop-tit { text-align:left; padding:0 20px;}
  138. .popbox-w760 label { display:inline-block; width:75px; height:28px; line-height:28px; vertical-align:middle; text-align:right; font-size:14px; *display:inline; *zoom:1;}
  139. .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;}
  140. .icon-info { background-position:0 -40px;}
  141. .icon-smile { background-position:-80px -40px;}
  142. .icon-question { background-position:-40px -40px;}
  143. .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;}
  144. .icon-view { background-position:0 -20px;}
  145. .icon-del { background-position:-20px -20px;}
  146. .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;}
  147. .icon-human1 { background-position:-40px -20px;}
  148. .icon-human2 { background-position:-60px -20px;}
  149. /*w*/
  150. .ipt-wdzw { width:170px; height:28px; line-height:28px; border:1px solid #d5d5d5; text-indent:10px; }
  151. .lh30 { line-height:30px; }
  152. .sel-wdz { width:120px; height:24px; line-height:24px; border-radius:3px; border:1px solid #d5d5d5; }
  153. .tb-wdzewm table,.tb-wdzewm-b table { border:1px solid #cecece; }
  154. .tb-wdzewm tr,.tb-wdzewm td,.tb-wdzewm-b tr,.tb-wdzewm-b td { border:1px solid #e3e2e2; line-height:45px }
  155. .tb-wdzewm th,.tb-wdzewm-b th { height:42px; line-height:42px; background:#f5f9fa; font-weight:bold; text-align:center; border:1px solid #e3e2e2;}
  156. .bg-blue { background:#e4f2fd; }
  157. .tb-wdzewm-b tr:hover { background:url(../images/wdz/wdz-sc.gif) 310px center no-repeat #e4f2fd; }
  158. .icon-yl { width:14px; height:14px; background:url(../images/wdz/icon-yl.gif) no-repeat; display:inline-block; overflow:hidden; zoom:1; }
  159. .wdz-img { border:1px solid #bfbfbf; }
  160. .wdz-pho { margin-left:230px; width:194px; padding-right:26px; padding-top:139px; padding-left:29px; height:386px; background:url(../images/wdz/wdz-bg.gif) no-repeat; }
  161. .main-pic {width:194px; height:93px; overflow:hidden; zoom:1; }
  162. .main-pic .title { width:194px; height:22px; line-height:22px; background:#000; color:#fff; left:0; top:71px; text-indent:5px; background:url(../images/wdz/pho-bg.png) repeat; }
  163. .small-pic { height:35px; line-height:35px; padding:4px 0 5px 0; border-bottom:1px solid #eee; }
  164. .mt3{ margin-top:3px;}