Startseite Erkunden Hilfe
Registrieren Anmelden
raolu
/
iHealth-app-demo
Beobachten 1
Favorit hinzufügen 0
Fork 1
Dateien Issues 0 Pull-Requests 0 Wiki
Struktur: dad939e45d
Branches Tags
iHealth-app-...
/
html
/
fybj
/
css
/
mianyijihua.css

mianyijihua.css 3.6 KB
Verlauf Originalformat

12345678910111213141516171819202122232425262728293031323334353637383940 
  1. body{background-color: #f2f4f6;color: #333;font-size: 14px;}
    2. 

  2. div,span{font-size: 14px;}
    3. 

  3. .my-nav.mui-scroll-wrapper{position: fixed;z-index: 999;top: 45px;bottom: 0;left: 0;overflow: hidden;width: 100%;height: 90px;background-color:#f2f4f6;padding-left: 15px;padding-top: 7px;border-bottom:solid 1px #dcdcdc;box-sizing: border-box;}
    4. 

  4. .my-nav.mui-scroll-wrapper .mui-scroll{position: absolute;width: auto;z-index: 99;white-space: nowrap;-webkit-transform: translateZ(0);transform: translateZ(0);}
    5. 

  5. .my-nav.mui-scroll-wrapper .mui-scroll .mui-control-item{display: inline-block;margin-right: 15px;-webkit-user-select: none;vertical-align: middle;text-align: center;}
    6. 

  6. .my-nav.mui-scroll-wrapper img{width: 40px;height: 40px;border-radius: 50%;overflow: hidden;border:solid 1px #dcdcdc;}
    7. 

  7. .my-nav.mui-scroll-wrapper .name{font-size: 12px;color: #333;line-height: 20px;}
    8. 

  8. .mui-control-item.active img{width:55px;height:55px;}
    9. 

  9. .mui-control-item.active .name{font-size:14px;line-height:23px;}
    10. 

  10. .my-section{position: absolute;top: 135px;bottom: 0px;left: 0px;right: 0px;overflow-y:auto;}
    11. 

  11. .my-head .up{display: -webkit-box;-webkit-box-align: center;}
    12. 

  12. .my-head .up .left{margin-left:5px;width: 70px;height: 70px;overflow: hidden;margin-right: 15px;border-radius: 50%;border: solid 1px #ededed;}
    13. 

  13. .my-head .up .left img{width: 100%;min-height: 70px;}
    14. 

  14. .my-head .up .right{width: calc(100% - 90px);font-size: 14px;color: #333;}
    15. 

  15. .my-head .up .right div{margin-bottom: 6px;}
    16. 

  16. .my-head .down{margin-top: 2px;}
    17. 

  17. .my-head .down div{font-size: 14px;color: #333;margin-bottom: 6px;}
    18. 

  18. .my-head .down div:last-child{margin-bottom: 0px;}
    19. 

  19. .my-head{background-color: #fff;padding: 10px 10px;border-bottom: solid 1px #ededed;margin-bottom: 10px;}
    20. 

  20. .cj-section{background-color: #fff;margin-bottom: 10px;}
    21. 

  21. .cj-section .up{border-top: solid 1px #ededed;border-bottom: solid 1px #ededed;height: 45px;display: -webkit-box;-webkit-box-align: center;padding: 0px 10px;}
    22. 

  22. .cj-section .up .img{width: 24px;height: 45px;background: url(../images/bidayimiao_icon.png) no-repeat;background-position: center;background-size:20px 20px;margin-right: 6px;}
    23. 

  23. .cj-section .up .img1{width: 24px;height: 45px;background: url(../images/feibidayimiao_icon.png) no-repeat;background-position: center;background-size:20px 20px;margin-right: 6px;}
    24. 

  24. .cj-section .up .text{font-size: 15px;}
    25. 

  25. .cj-section .down{border-bottom: solid 1px #ededed;padding: 2px 10px 2px 10px;}
    26. 

  26. .cj-flex-1{display: -webkit-box;height:40px;font-size: 14px;line-height: 40px;}
    27. 

  27. .cj-flex-1 div:nth-child(1){width: 80px;}
    28. 

  28. .cj-flex-1.icon div:nth-child(2){padding-right: 18px;}
    29. 

  29. .cj-flex-1 div:nth-child(2){width: calc(100% - 80px);text-align: right;color: #666;}
    30. 

  30. .cj-flex-1 div.red{color: #FF4C4C;}
    31. 

  31. .cj-flex-1 div.blue{color: #17B3EC;}
    32. 

  32. .cj-flex-1 div.gray{color: #909090;}
    33. 

  33. .my-line.active .cj-flex-1.icon{background: url(../images/shangjiantou_zhankai_icon.png) no-repeat;background-position: right center;background-size: 10px 7px;}
    34. 

  34. .cj-flex-1.icon{background: url(../images/xiajiantou_shousuo_icon.png) no-repeat;background-position: right center;background-size: 10px 7px;}
    35. 

  35. .my-line.active .my-icon-down{display: block;}
    36. 

  36. .cj-position-1{position: relative;font-size: 14px;height: 40px;margin: 0px 0px 0px 5px;}
    37. 

  37. .cj-position-1 div:nth-child(1){background-color: #fff;position: absolute;top: 9px;left: 0px;color: #666;padding-right: 3px;}
    38. 

  38. .cj-position-1 div:nth-child(2){background-color: #fff;position: absolute;top: 9px;left: 52px;color: #666;padding:0px 3px;}
    39. 

  39. .cj-position-1 div:nth-child(3){background-color: #fff;position: absolute;top: 9px;left: 112px;color: #666;padding:0px 3px;}
    40. 

  40. .cj-position-1 div:nth-child(4){background-color: #17B3EC;position: absolute;top: 7px;right: 0px;color: #fff;padding:2px 5px;border-radius: 5px;}
    41.