Home Explore Help
Register Sign In
chenyue
/
sr-iHealthApp
Watch 0
Star 0
Fork 0
Files
Tree: cf2a391e1f
Branches Tags
sr-iHealthApp
/
html
/
jkjl
/
css
/
health-record-info.css

health-record-info.css 3.8 KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960 
  1. #wrapper{padding-top: 70px;}
    2. 

  2. .h-tab{display: -webkit-flex; display: flex; flex-flow: row; position: absolute;left: 0;top: 0;right: 0;padding: 16px 10px;background: #f3f3f3;z-index: 10;}
    3. 

  3. .h-tab li{height: 36px;line-height: 36px; flex: 1;text-align: center;font-size: 16px;background: #fff;overflow: hidden;border:1px solid #dcdcdc}
    4. 

  4. .h-tab li:first-child{border-radius:6px 0 0 6px;border-right: none;}
    5. 

  5. .h-tab li:last-child{border-radius:0 6px 6px 0;border-left: none;}
    6. 

  6. .h-tab li.active{background: #75bf00;}
    7. 

  7. .h-tab li.active a{color: #fff;}
    8. 

  8. .h-tab li a{color: #323232;}
    9. 

  9. /*.h-tab-con{background: #fff;border-top:1px solid #dcdcdc}*/
    10. 

  10. .h-sel:nth-child(2n){border-top:1px solid #dcdcdc}
    11. 

  11. .h-sel{padding-left: 10px;}
    12. 

  12. .h-sel li{display: inline-block;width: 62px;margin: 10px 10px 10px 0;font-size: 14px;color: #909090;padding: 3px 0;text-align: center;}
    13. 

  13. .h-sel li.active{background: #e3f2cc;border:1px solid #75bf00;-webkit-border-radius: 50px;border-radius: 50px;}
    14. 

  14. .h-sta{display: -webkit-flex;display: flex;}
    15. 

  15. .h-sta li{flex: 1;display:inline-block;font-size: 12px;text-align: center;padding: 20px 0;}
    16. 

  16. .h-sta-normal{}
    17. 

  17. .h-sta-hei{color: #ff6a56;}
    18. 

  18. .h-sta-low{color: #47a8ef;}
    19. 

  19. .h-sta-normal label,.h-sta-hei label,.h-sta-low label{position: relative;padding-left: 10px;}
    20. 

  20. .h-sta-normal label:before,.h-sta-hei label:before,.h-sta-low label:before{content: ' ';display: block;width: 5px;height: 5px;background: #323232;position: absolute;left: 0;top:5px;-webkit-border-radius: 50%;border-radius: 50%;}
    21. 

  21. .h-sta-normal label{}
    22. 

  22. .h-sta-hei label:before{background: #ff6a56;}
    23. 

  23. .h-sta-low label:before{background: #47a8ef;}
    24. 

  24. .h-time{padding: 10px 0;text-align: center;font-size: 12px;}
    25. 

  25. 

  26. 

  27. .h-list-info{background: #fff;}
    28. 

  28. .h-list-info li{height:40px;line-height:40px;font-size: 14px;color: #323232;padding: 0 16px 0 10px;border-bottom:1px solid #dcdcdc;}
    29. 

  29. .h-list-info li:first-child{border-top:1px solid #dcdcdc}
    30. 

  30. .h-list-info li:last-child{border-bottom:none}
    31. 

  31. .h-list-info:last-child{border-bottom:1px solid #dcdcdc}
    32. 

  32. .icon-calendar{display: inline-block;width: 14px;height: 15px;background: url(../images/icon_shijian.png) center no-repeat;background-size: cover;    vertical-align: middle;margin-right: 10px;}
    33. 

  33. .h-l-t-time{vertical-align: middle;}
    34. 

  34. .h-l-tit{font-size: 14px;color: #909090;}
    35. 

  35. .h-l-time{width: 105px;font-size: 14px;float: left;}
    36. 

  36. .h-l-meal{float: left;}
    37. 

  37. .h-l-num{float: right;}
    38. 

  38. .h-l-num.num-hei{color: #ff6a56;}
    39. 

  39. .h-l-num.num-low{color: #47a8ef;}
    40. 

  40. .l-edit-icon{display:none;width:21px;height:40px;float: left;background: url(../images/icon-shanchu-4.png) center no-repeat;background-size: contain;margin-right: 10px;}
    41. 

  41. .l-edit-icon.active{display: block;}
    42. 

  42. .xy-list{font-size: 14px;}
    43. 

  43. .xy-list li{height: 40px;line-height: 40px; display: -webkit-flex;display: flex;flex-flow: row;padding-left: 10px;}
    44. 

  44. .xy-list-tit{font-size: 12px;}
    45. 

  45. .xy-item{background: #fff;border-top: 1px solid #dcdcdc;}
    46. 

  46. .xy-time{flex: 2;}
    47. 

  47. .xy-ssy{flex: 1;text-align: center;}
    48. 

  48. .xy-szy{flex: 1;text-align: center;}
    49. 

  49. .xy-tit-time{padding-left: 20px;}
    50. 

  50. .xy-ssy-hei{position:relative;color: #ff6a56;padding-right: 10px;}
    51. 

  51. .xy-ssy-low{position:relative;color: #47a8ef;padding-right: 10px;}
    52. 

  52. .xy-ssy-hei:after{content: ' ';display: block;width: 7px;height: 12px;position: absolute;right: 0px;top: 5px;background: url(../images/zhibiao_gao_icon.png) center no-repeat;background-size: cover;}
    53. 

  53. .xy-ssy-low:after{content: ' ';display: block;width: 7px;height: 12px;position: absolute;right: 0px;top: 5px;background: url(../images/zhibiao_di_icon.png) center no-repeat;background-size: cover;}
    54. 

  54. .btns{position: fixed;width: 100%;left: 0;bottom: 0;background: #f3f3f3;padding: 15px 0;overflow: hidden;z-index: 20;}
    55. 

  55. .btns a{width:49%;display: block;padding: 5px 0;text-align: center;font-size: 16px;-webkit-border-radius:4px;border-radius: 4px;}
    56. 

  56. .cancel-btn{background: #ff6a56;color: #fff;float: left;}
    57. 

  57. .ok-btn{background: #75BF00;color: #fff;float: right;}
    58. 

  58. body{
    59. 

  59. 	padding-bottom: 60px;
    60. 

  60. }
    61.