Home Explore Help
Register Sign In
chenyue
/
sr-iHealthwx
forked from Amoy2/sr-iHealthwx
Watch 1
Star 0
Fork 0
Files
Tree: b9590bc5e8
Branches Tags
sr-iHealthwx
/
html
/
jkjl
/
css
/
health-record-new.css

health-record-new.css 4.6 KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748 
  1. .c-list > li,  .c-list > .c-list-div { position: relative; display: -webkit-box; display: box; -webkit-box-pack: center; box-pack: center; padding-right: 0.75rem; margin-left: 0.75rem; border-top: 1px solid #f1f1f1; line-height:1rem;}
    2. 

  2. .c-list > li:first-child,  .c-list > .c-list-div:first-child { border-top: none; }
    3. 

  3. .c-list > .c-list-cover, .c-list > .c-list-link:active { padding-left: 0.75rem; margin-left: 0; }
    4. 

  4. .c-list > .c-list-link:active {  background: #f7f7f7;}
    5. 

  5. .c-list-a{display: -webkit-box; display: box; width:100%; color:#333;}
    6. 

  6. .c-list-title, .c-list-key, .c-list-info { display: -webkit-box; display: box; -webkit-box-orient: vertical; box-orient: vertical; -webkit-box-pack: center; box-pack: center;  }
    7. 

  7. .c-list-title{ -webkit-box-pack: start; box-pack: start;}
    8. 

  8. .c-list-info { -webkit-box-flex: 1; box-flex: 1; }
    9. 

  9. .c-list > .c-list-fun, .c-list > .c-list-label{ border-top: none; padding-right: 0; }
    10. 

  10. .c-list > li:first-child,  .c-list > .c-list-fun:first-child .c-list-info,  .c-list > .c-list-fun:first-child .c-list-key,  .c-list > .c-list-fun:first-child .c-list-title,  .c-list-div:first-child { border: none; }
    11. 

  11. .c-list > .list-arrow-r,  .c-list > .list-arrow-u,  .c-list > .list-arrow-d { padding-right: 1.5rem; }
    12. 

  12. .c-list > .list-arrow-r:after,  .c-list > .list-arrow-u:after,  .c-list > .list-arrow-d:after { position: absolute; top: 50%; right: 0.75rem; margin-top: -0.25rem; content: ""; display: block; width: 0.4rem; height: 0.4rem; border: solid #cdcdcd; border-width: 0.1rem 0.1rem 0 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
    13. 

  13. .c-list > .list-arrow-u:after { right: 0.65rem; margin-top: -0.1rem; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
    14. 

  14. .c-list > .list-arrow-d:after { right: 0.65rem; margin-top: -0.4rem; -webkit-transform: rotate(135deg); transform: rotate(135deg); }
    15. 

  15. .c-list-info.c-border-t,  .c-list-key.c-border-t,  .c-list-title.c-border-t { border-color: #f1f1f1; }
    16. 

  16. 

  17. .high .item-value { color: #FF6A5B }
    18. 

  18. .high .high-icon { display: inline; }
    19. 

  19. .low .item-value { color: #323232 }
    20. 

  20. .low .low-icon { display: inline; }
    21. 

  21. 

  22. /*#tizhengList li, 
    23. 

  23. #baojianList li { height: 44px; }*/
    24. 

  24. #footer,.xt-edit,.xt-add {position: absolute;z-index: 3; bottom: 30px;width: 50px;height: 48px;padding: 0;right: 30px;}
    25. 

  25. .add-icon{ width: 50px; height: 50px;background: url(../images/xuanfu_btn.png) no-repeat center top; background-size: 50px;}
    26. 

  26. * :not(.content-block-inner) {
    27. 

  27.     -webkit-box-sizing: border-box;
    28. 

  28.     -moz-box-sizing: border-box;
    29. 

  29.     box-sizing: border-box;
    30. 

  30. }
    31. 

  31. .Equipment{margin: 0;padding: 0;margin-top: 0px;overflow: hidden;background: #f3f3f3;}
    32. 

  32. .Equipment li{height: 100px;margin: 10px 10px 0px 0px;padding: 0;background: #ffffff;border-radius:3%}
    33. 

  33. .Equipment img{width: 60px;height: 60px;background-size: 60px;}
    34. 

  34. .Equipment .div-content{ color: #323232;font-size: 16px;font-weight: bold;margin-top: 15px;height: 20px;}
    35. 

  35. .c-arrow-r{position:absolute;top:50%;right:10px;margin-top:-5px;content:"";display:block;width:8px;height:8px;border:solid #cdcdcd;border-width:2px 2px 0 0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
    36. 

  36. .icon-div{margin: 25px 20px 25px 10px !important;}
    37. 

  37. .div-img{width: 320px; height: 184px;background: url(../../../images/shujuweikong_img.png) no-repeat center top; background-size: 320px 184px;margin: 0px auto;}
    38. 

  38. .div-tishi-info{vertical-align: middle; margin: 15px auto 30px;text-align: center;font-size: 15px;}
    39. 

  39. .s-bc-75BF00 { background-color: #75BF00; }
    40. 

  40. .bottom-box{width:160px;height:16px;background:url(../images/bangding_img.png) no-repeat center top;background-size:160px 16px;position:absolute;z-index:3;bottom:90px;vertical-align:middle;left:50%;margin:0 0 0 -80px;}
    41. 

  41. .div-sn{color:#909090;font-size:14px;position:absolute;top:45px;left:85px;}
    42. 

  42. .c-list>li, .c-list>.c-list-div{-webkit-box-pack: initial;}
    43. 

  43. .f-dn{display: none;}
    44. 

  44. .xueyaji-icon{width: 55px; height: 55px;background: url(../images/xueyaji_btn.png) no-repeat center top; background-size: 55px;position: absolute;      z-index: 4;top: 50%;margin-top: -77px;left: 20px;}
    45. 

  45. .xuetangyi-icon{width: 55px; height: 55px;background: url(../images/xuetangyi_bth.png) no-repeat center top; background-size: 55px;position: absolute;      z-index: 4;top: 50%;margin-top: -77px;right: 10px;}
    46. 

  46. .xueyaji-icon.active{width: 55px; height: 55px;background: url(../images/xueyaji_pre.png) no-repeat center top; background-size: 55px;position: absolute;      z-index: 4;top: 50%;margin-top: -77px;left: 20px;}
    47. 

  47. .xuetangyi-icon.active{width: 55px; height: 55px;background: url(../images/xuetangyi_pre.png) no-repeat center top; background-size: 55px;position: absolute;      z-index: 4;top: 50%;margin-top: -77px;right: 10px;}
    48. 

  48.