grzx.css 8.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
  1. /*
  2. use for: 个人中心
  3. */
  4. body{_background-attachment:fixed;_background-image:url(about:blank);}
  5. .f18 { font-size:18px;}
  6. .f-yahei { font-family:微软雅黑,"Microsoft Yahei";}
  7. .relative { position:relative; zoom:1;}
  8. .pb15 { padding-bottom:15px;}
  9. .pb20 { padding-bottom:20px;}
  10. .mr20 { margin-right:20px;}
  11. .c-444 { color:#444;}
  12. .c-888 { color:#888;}
  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. .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;}
  16. .btn-blue { width:62px; color:#fff;}
  17. .btn-blue-l { width:82px; background-position:0 -30px; color:#fff;}
  18. .btn-blue-xl { width:104px; background-position:0 -60px; color:#fff;}
  19. .btn-gray-xl { width:96px; background-position:0 -150px; color:#555;}
  20. .btn-gray-l { width:82px; background-position:0 -120px; color:#555;}
  21. .btn-gray-s { width:62px; background-position:0 -90px; color:#555;}
  22. .btn-gray-xs { width:92px; height:20px; line-height:20px; background-position:0 -210px; color:#555;}
  23. .btn-gray-xxl { width:129px; height:25px; line-height:25px; background-position:0 -180px; color:#555;}
  24. .btn-gray-l.c-444 { color:#444;}
  25. .btn-gray-l.c-999 { color:#999;}
  26. .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);}
  27. .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);}
  28. .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);}
  29. .mt30 { margin-top:30px;}
  30. .center { margin:0 auto;}
  31. .c-green { color:#009944;}/*绿色*/
  32. .c-org { color:#ff8a00;}/*橙色*/
  33. .c-666 { color:#666;}
  34. a.c-007 { color:#007cd9;}
  35. a.c-007:hover { color:#ff8a00;}
  36. .bb-ccc { border-bottom: 1px solid #ccc; }
  37. /****体检****/
  38. .main-member { min-height:400px; height:100%; _height:400px;}
  39. .main-member h2 { height:36px; font:18px/2 微软雅黑,"Microsoft Yahei";}
  40. .tip-member { padding:10px 20px; background-color:#f2f9ff; line-height:22px;}
  41. /*弹窗*/
  42. .pop { _position:absolute; _left:0; _top:0; _width:100%; _height:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight)); z-index:1000;}
  43. .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:.3; filter:alpha(opacity=30); z-index:999;}
  44. .btn-close { display:block; right:15px; top:15px; width:9px; height:9px; background:url(../images/bmgl/btn-close.gif) no-repeat;}
  45. .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;}
  46. .pop-main { padding:15px 25px; background-color:#fafafa; border-bottom:1px solid #e6e6e6;}
  47. .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);}
  48. .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);}
  49. .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;}
  50. .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;}
  51. .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;}
  52. .sel-cus {display:inline-block; width:168px; height:28px; padding:0 5px; line-height:28px; background:url(../images/bmgl/sel-bg.gif) no-repeat;}
  53. .sel-list-box {left:0; top:28px; width:150px; background-color:#fff; border:1px solid #bbb; border-radius:3px;}
  54. .w80 { width:80px;}
  55. .p5 { padding:5px;}
  56. /*预约验证*/
  57. .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}
  58. .face-fail { background-position:-50px 0;}
  59. .fail-info { display:inline-block; margin-left:40px; width:285px; text-align:left; vertical-align:middle;*display:inline; *zoom:1;}
  60. .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;}
  61. /*修改密码*/
  62. .changepw {}
  63. .changepw label, .acc-info label { display:inline-block; width:105px; height:28px; line-height:28px; font-size:14px; text-align: justify; color:#000; vertical-align:middle;}
  64. .changepw .inp-txt { width:216px;}
  65. .err-msg { margin-left:10px; font-size:12px; color:#f00;}
  66. /*转诊资源设置*/
  67. .member-setting { border:1px solid #ccc; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
  68. .member-setting h4 { height:37px; line-height:37px; background-color:#f2f9ff; color:#555; font-family:微软雅黑; border-bottom:1px solid #ccc; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;}
  69. .member-setting-f { height:45px; background-color:#f5f5f5; -webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px;}
  70. .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;}
  71. .popbox-w430 { margin-left:-215px; margin-top:-170px; width:430px;}
  72. .popbox-w430 .pop-tit { text-align:left; padding:0 20px;}
  73. .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;}
  74. .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;}
  75. .icon-info { background-position:0 -40px;}
  76. .icon-smile { background-position:-80px -40px;}
  77. .icon-question { background-position:-40px -40px;}
  78. .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;}
  79. .icon-view { background-position:0 -20px;}
  80. .icon-del { background-position:-20px -20px;}
  81. .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;}
  82. .icon-human1 { background-position:-40px -20px;}
  83. .icon-human2 { background-position:-60px -20px;}