صفحهٔ اصلی گشت‌و‌گذار راهنما
ثبت نام ورود
Amoy2
/
sr-iHealthApp
دنبال کردن 2
ستاره دار 0
انشعاب 0
پرونده‌ها
شاخه: master
شاخه‌ها تگ‌ها
sr-iHealthApp
/
common
/
css
/
blj-style.css

blj-style.css 5.4 KB
لینک دائمی تاريخچه خام

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364 
  1. @charset "utf-8";
    2. 

  2. /* CSS Document */
    3. 

  3. body{ width: 100%; height: 100%; background: #f2f4f6; font-size: 13px; color: #333; }
    4. 

  4. /*病历夹*/
    5. 

  5. .medic-record{}
    6. 

  6. .medic-record li{ background:#fff; border-bottom:1px solid #f2f2f2; position:relative;}
    7. 

  7. .medic-record li .mr-tit{ line-height:40px; padding:0 10px; font-size:14px;}
    8. 

  8. .medic-record li .arrow-right{ position:absolute; right:10px; top:13px; transform:rotate(135deg); -webkit-transform:rotate(135deg); transition:all .3s ease; -webkit-transition:all .3s ease;}
    9. 

  9. .medic-record li .arrow-right.ashow{ transform:rotate(-45deg); -webkit-transform:rotate(-45deg); top:17px;}
    10. 

  10. .medic-record li .mr-detail{ padding:0 15px 20px 15px; border-top:1px solid #f2f2f2; line-height:1.6;}
    11. 

  11. .mr-detail-img img{ width:70px; height:70px; margin-left:15px; margin-bottom:5px;}
    12. 

  12. .mr-detail-img img:first-child{ margin-left:0;}
    13. 

  13. /*图片放大*/
    14. 

  14. .imgzoom-pack { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0, 0, 0, .7); display: none; z-index: 3000;}
    15. 

  15. .imgzoom-pack:after { content: ""; position: absolute; height: 50px; line-height: 50px; width: 100%; bottom: 0; left: 0; background: rgba(0, 0, 0, .5); z-index: 5;}
    16. 

  16. .imgzoom-pack .imgzoom-x { color: #fff; height: 50px; width: 60px; line-height: 50px; text-align: center; font-size: 17px; position: absolute; left: 50%; margin-left:-35px; bottom: 0; z-index: 10; cursor: pointer;}
    17. 

  17. .imgzoom-del { color: #fff; height: 50px; width: 60px; line-height: 50px; vertical-align: middle; text-align: center; position: absolute; right:0; bottom: 0; z-index: 10; cursor: pointer;}
    18. 

  18. .imgzoom-del .iconfont { font-size: 24px; color: #fff;}
    19. 

  19. .imgzoom-pack .imgzoom-img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; overflow: hidden;}
    20. 

  20. .imgzoom-pack .imgzoom-img img { width: 100%; position: absolute; top: 50%;}
    21. 

  21. .ax-popup.dr-jj .ui-dialog-body{ padding-top:0;}
    22. 

  22. /* 新增记录 */
    23. 

  23. .medic-add-top{ line-height:30px; font-size:14px; padding:0 10px;}
    24. 

  24. .medic-add-mess{ padding:10px 10px 20px 10px; background:#fff; line-height:1.6;}
    25. 

  25. .madd-top{ line-height:37px; margin:0 10px; border-bottom:1px solid #f2f2f2; position:relative; padding-left:10px;}
    26. 

  26. .madd-top:before{ content:''; display:block; width:3px; height:19px; background:#17b3ec; position:absolute; left:0; top:50%; margin-top:-9px;}
    27. 

  27. .madd-top .iconfont{ color:#808080; position:absolute; right:0; top:1px; font-size:18px;}
    28. 

  28. .madd-texa{ width:100%; height:100px; padding:10px; border:none;}
    29. 

  29. .medic-add-btn{ padding:0 10px 20px 10px; overflow:hidden;}
    30. 

  30. .medic-add-btn a{ display:block; width:45%; float:right; height:40px; line-height:40px; color:#fff; background:#17b3ec; border:1px solid #17b3ec; text-align:center; font-size:15px; border-radius:4px;}
    31. 

  31. .medic-add-btn a.addfrag-btn{ color:#17b3ec; background:none; float:left;}
    32. 

  32. .add-part{ max-height:200px; overflow:auto; font-size:14px; color:#333;}
    33. 

  33. .add-part ul{ margin:0 auto !important; border-top:1px solid #f2f2f2;}
    34. 

  34. .add-part li{ margin:0 auto !important; width:100%; border-bottom:1px solid #f2f2f2; line-height:25px; padding:10px 0;}
    35. 

  35. .add-part-top{ line-height:25px; padding:10px 0; font-weight:bold;}
    36. 

  36. .add-part-input{ border-bottom:1px solid #f2f2f2;}
    37. 

  37. .add-part-input input{ width:100%; height:45px; line-height:45px; text-align:center;}
    38. 

  38. .add-part-add{ width:90%; height:32px; line-height:32px; background:#fff; border:1px solid #e1e1e1; text-align:center; margin:10px auto; border-radius:5px;}
    39. 

  39. .total-frag{ display:block;}
    40. 

  40. .tfrag-name{ padding:13px 30px 13px 10px; line-height:19px; background:#fff; position:relative;}
    41. 

  41. .tfrag-del{ position:absolute; width:16px; height:16px; background:#fe0000; border-radius:50%; right:10px; top:50%; margin-top:-8px;}
    42. 

  42. .tfrag-del:before{ content:''; display:block ; width:8px; height:2px; background:#fff; position:absolute; left:4px; top:7px;}
    43. 

  43. /* 首页病历夹 */
    44. 

  44. .bor-f2-t{ border-top:1px solid #f2f2f2;}
    45. 

  45. .blj-search{ background:#fff;}
    46. 

  46. .blj-search .c-ser-main{ background:#f2f2f2; border:1px solid #f2f2f2;}
    47. 

  47. .blj-search .c-ser-input{ background:#f2f2f2;}
    48. 

  48. .blj-search i.icon-sousuo{ top:2px;}
    49. 

  49. /* 咨询记录 */
    50. 

  50. .ask-record{}
    51. 

  51. .ask-record li{ background:#fff; position:relative; padding:10px 35px 10px 45px; border-top:1px solid #f2f2f2; color:#909090;}
    52. 

  52. .ask-record li .ar-check{ position:absolute; left:10px; top:50%; margin-top:-10px;}
    53. 

  53. .ask-record li .ar-check i{ display:block; width:18px; height:18px; border:1px solid #e1e1e1; border-radius:50%;}
    54. 

  54. .ask-record li .ar-check i.checked{ background:#17b3ec; border:1px solid #17b3ec;}
    55. 

  55. .ask-record li .ar-check i.checked:before { content: "\d61a"; position:absolute; top:-1px; left:3px; color:#fff; font-size:14px;}
    56. 

  56. .ask-record li .arrow-right{ position:absolute; right:12px; top:50%; margin-top:-6px; transform:rotate(135deg); -webkit-transform:rotate(135deg); transition:all .3s ease;}
    57. 

  57. .ask-record li .arrow-right.ashow{ transform:rotate(-45deg); -webkit-transform:rotate(-45deg); margin-top:-3px;}
    58. 

  58. .ar-mess-con{ line-height:1.6; margin-top:5px;}
    59. 

  59. .medic-add-choo{ display:box; display:-webkit-box; height:45px; line-height:45px; background:#fff; padding:0 10px;}
    60. 

  60. .medic-add-choo .mch-tit{ box-flex:0; -webkit-box-flex:0; width:57px; color:#909090; font-size:14px;}
    61. 

  61. .medic-add-choo .mch-text{ box-flex:1; -webkit-box-flex:1;}
    62. 

  62. .medic-add-choo .mch-text input{ width:100%; height:30px; line-height:30px; padding:0 10px;}
    63. 

  63. .medic-add-choo .mch-link{ display:block; box-flex:0; -webkit-box-flex:0; width:45px; text-align:right; font-size:16px; color:#17b3ec;}
    64. 

  64. .medic-add-look a{ font-size:16px; color:#17b3ec; text-decoration:underline;}
    65.