Home Explore Help
Register Sign In
chenyue
/
sr-iHealthApp
Watch 0
Star 0
Fork 0
Files
Branch: master
Branches Tags
sr-iHealthApp
/
html
/
suifang
/
css
/
drugs.css

drugs.css 6.7 KB
Permalink History Raw

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677 
  1. .os-main, .el-main {padding-top: 12px; position: absolute; top: 45px; left: 0; right: 0; bottom: 0; font-size: 14px; color: #333; overflow: auto; -webkit-overflow-scrolling: touch; }
    2. 

  2. .info-list{background: #fff;border-top: solid 1px #dcdcdc;margin-bottom: 10px;border-bottom: solid 1px #dcdcdc;}
    3. 

  3. .info-list .il-item { position: relative; }
    4. 

  4. .info-list .il-item p { line-height: 20px; padding-bottom: 15px; }
    5. 

  5. .info-list .il-item.il-i-table:after { border: none; }
    6. 

  6. .os-tit-o {box-sizing: border-box; padding: 0px 10px;height: 45px;line-height: 45px; font-size: 16px; color: #333; border-bottom: solid 1px #dcdcdc;margin-bottom: 15px;}
    7. 

  7. .os-tit-o.nomar{margin-bottom: 0px;}
    8. 

  8. .no-margin{margin-bottom: 0px;}
    9. 

  9. .os-tit-o.o-t-o-nb { padding-bottom: 0; }
    10. 

  10. .os-t-o-name { vertical-align: middle; }
    11. 

  11. .os-base-info.msg li{margin-bottom: 0px;border-bottom: solid 1px #f1f1f1;padding-top: 10px;padding-bottom: 8px;}
    12. 

  12. .os-base-info {padding: 0px 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}
    13. 

  13. .os-base-info.pl0{padding-left: 0px;padding-right: 0px;}
    14. 

  14. .os-base-info li {-webkit-flex: 1; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: inline-block;margin-bottom: 15px;}
    15. 

  15. .os-base-info li.flex2 { -webkit-flex: 2; -webkit-box-flex: 2; -ms-flex: 2; flex: 2; }
    16. 

  16. .os-base-info li.flex1 { -webkit-flex: 1; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
    17. 

  17. .os-base-info li .pd-r { padding-right: 25px; }
    18. 

  18. .os-tit-th { padding-bottom: 10px; color: #909090; }
    19. 

  19. .os-tit-f { font-weight: 600; color: #333; }
    20. 

  20. .p-bottom { text-align: center; padding: 10px 0 20px 0; font-size: 10px; color: #909090; }
    21. 

  21. .info-list-t { position: relative;background: #fff;border-top: solid 1px #dcdcdc;margin-bottom: 10px;border-bottom: solid 1px #dcdcdc;}
    22. 

  22. .icon { display: inline-block; width: 18px; height: 18px; background-repeat: no-repeat; background-position: center; background-size: cover; vertical-align: middle; margin: 0 10px 0 0; }
    23. 

  23. .Rp { background-image: url(../images/RP_icon.png); }
    24. 

  24. .mbsc-ios .dw-msel:before {font-size: 1.2em!important;}
    25. 

  25. #selSick_dummy{margin-bottom: 0px;border: none;width: calc(100% - 15px);font-size: 14px;color: #333;height: 36px;padding: 0px;}
    26. 

  26. .cc-link{position: absolute;right: 10px;top: 0px;font-size: 14px;color: #17b3ec;}
    27. 

  27. .os-base-info li input{font-size: 14px;color: #333;margin-bottom: 0px;height:auto;padding: 5px 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    28. 

  28. .os-base-info .cc-flex{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;margin-bottom:0px ;}
    29. 

  29. .cc-flex label{min-width: 60px;}
    30. 

  30. .cc-list-one{padding: 5px 0px 5px 0px;}
    31. 

  31. .os-base-info li input.wid-300{width: calc(100% - 90px);margin-right: 10px;}
    32. 

  32. .os-base-info li input.wid-200{width: 200px;}
    33. 

  33. .unit{font-size: 14px; color: #333;margin-left: 10px;}
    34. 

  34. .list-mt .os-base-info li label{color: #909090;}
    35. 

  35. .il-t-item.cc-ul{margin-bottom: 0px;padding: 8px 10px;}
    36. 

  36. .cc-flex.wi-50{width: 50%;}
    37. 

  37. .cc-posi-r{justify-content: flex-end;}
    38. 

  38. .cc-add-drug{display: -webkit-box; height: 40px;-webkit-box-pack: center;-webkit-box-align: center;}
    39. 

  39. .cc-add-drug .icon2{width: 18px;height: 18px;margin-right:5px;background: url('../images/xinzhengyaopin_icon.png') no-repeat;background-size: contain;}
    40. 

  40. .cc-add-drug .text{color: #17b3ec;font-size: 16px;}
    41. 

  41. .cc-delete{width: 18px;height: 18px;background: url('../images/delete.png') no-repeat;background-size: contain;}
    42. 

  42. .c-hide{display: none;}
    43. 

  43. .cc-input{width: 200px;height: 33px;background: url('../images/xiala_icon.png') no-repeat;background-size: 12px 6px;background-position:180px center;}
    44. 

  44. .cc-input input{background-color: transparent;}
    45. 

  45. .cc-textarea{padding-top: 10px;width: 100%;position: relative;padding-bottom: 4px;}
    46. 

  46. .cc-textarea textarea{width: 100%;border: solid 1px #dcdcdc;font-size: 14px;color: #333;padding: 5px 5px 10px 5px;}
    47. 

  47. .cc-tag{position: absolute;bottom: 10px;right: 6px;}
    48. 

  48. .xu-label{min-width: 70px;}
    49. 

  49. .os-base-info li.xu-flex{display: flex;display: -webkit-flex;}
    50. 

  50. .mx-bttn{width:100%;padding: 15px;position: fixed;bottom: 0px;left: 0px;background-color: #f2f4f6;}
    51. 

  51. .mx-bttn .comfirm-btn{width: 100%;height: 40px;line-height: 40px;text-align: center;color: #fff;font-size: 16px;background-color: #17b3ec;border-radius: 5px;}
    52. 

  52. .xu-flex{display: flex;display: -webkit-flex;}
    53. 

  53. .xu-textarea{width: 100%;border: solid 1px #dcdcdc;font-size: 14px;color: #333;padding: 5px 5px 10px 5px;}
    54. 

  54. .xf-bttn{width: 80px;height: 34px;background-color: #17B3EC;color: #fff;font-size: 14px;text-align: center;line-height: 34px;border-radius: 5px;}
    55. 

  55. .xx-line input{border:none;padding: 0px 0px!important;font-size: 14px;color: #333;background-color: transparent;}
    56. 

  56. .xx-line label{width: 90px;}
    57. 

  57. .xf-position{position: fixed;bottom: 0px;left: 0px;width: 100%;background-color: #fff;padding-bottom:10px;}
    58. 

  58. .add-icon{width: 20px;height: 20px;background: url('../images/xinzhengyaopin_icon.png') no-repeat;background-size: 19px 19px;background-position: center;margin-right: 10px;}
    59. 

  59. .desc-icon{width: 20px;height: 20px;background: url('../images/jianshao_icon.png') no-repeat;background-size: 19px 19px;background-position: center;margin-left: 10px;}
    60. 

  60. .j-medi-single.wid-small{width:126px;margin-right: 10px;}
    61. 

  61. .j-medi-single.wid-auto{width:calc(100% - 180px);margin-right: 10px;}
    62. 

  62. .c-list > .list-arrow-r:after, .c-list > .list-arrow-u:after, .c-list > .list-arrow-d:after { position: absolute; top: 50%; right: 10px; margin-top: -6px; content: ""; display: block; width: 8px; height: 8px; border: solid #cdcdcd; border-width: 2px 2px 0 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
    63. 

  63. .c-list > .list-arrow-u:after { right: 8px; margin-top: -2px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
    64. 

  64. .c-list > .list-arrow-d:after { right: 8px; margin-top: -8px; -webkit-transform: rotate(135deg); transform: rotate(135deg); }
    65. 

  65. .c-list > .list-arrow-r, .c-list > .list-arrow-u, .c-list > .list-arrow-d { padding-right:25px; }
    66. 

  66. #compliance_code{padding: 0px 0px;margin-bottom: 0px;border: none;}
    67. 

  67. .dr-box{display: -webkit-box;padding: 0px 10px 5px;width: 100%;}
    68. 

  68. .dr-box div{font-size: 14px;color: #17B3EC;}
    69. 

  69. .dr-box div:last-child{width: 100px;text-align: right;}
    70. 

  70. .dr-box div:first-child{width:calc(100% - 100px);}
    71. 

  71. .dr-section{width: 100%;}
    72. 

  72. .dr-btn{padding: 10px 10px 0px 10px;}
    73. 

  73. .dr-btn div{width: 100%;height: 40px;line-height: 40px;text-align: center;background-color: #17B3EC;color: #fff;font-size: 16px;border-radius: 5px;}
    74. 

  74. .cc-input.cc-unit{width: 110px;height: 33px;background: url('../images/xiala_icon.png') no-repeat;background-size: 12px 6px;background-position:90px center;}
    75. 

  75. .dr-getmsg{font-size: 14px;color: #17B3EC;text-decoration: underline;padding: 0px 0px 5px 10px;}
    76. 

  76. .j-bttn{width: 90%;height: 40px;line-height: 40px;text-align: center;background-color: #17B3EC;color: #fff;font-size: 15px;margin: 0 auto;border-radius: 5px;margin-top: 30px;}
    77. 

  77. .c-list > .c-list-cover {padding-left: 10px !important;}
    78.