Etusivu Tutki Apua
Rekisteröidy Kirjaudu sisään
raolu
/
iHealth-app-demo
Tarkkaile 1
Äänestä 0
Fork 1
Tiedostot Ongelmat 0 Pull-pyynnöt 0 Wiki
Puu: dad939e45d
Branchit Tagit
iHealth-app-...
/
html
/
fybj
/
css
/
yunjianjihua.css

yunjianjihua.css 5.3 KB
Historia Raaka

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950 
  1. body{background-color: #f3f3f3;color: #333;}
    2. 

  2. .noChildSec{position: absolute;top: 0px;bottom: 0px;left: 0px;right: 0px;background: url(../images/icon_wenben.png) no-repeat;background-size: cover;background-position:top center;}
    3. 

  3. .noChildSec .bttn{background-color:#ff9f00 ;color: #fff;font-size: 16px;height: 45px;line-height: 45px;text-align: center;position: fixed;bottom: 20px;left: 15px;right: 15px;border-radius: 5px;z-index: 9;}
    4. 

  4. .hasChildSec{position: absolute;top: 0px;bottom: 0px;left: 0px;right: 0px;background: url(../images/icon_zhuangshi.png) no-repeat;background-size: cover;background-position:top center;}
    5. 

  5. .hasChildSec .bttn{background-color:#ff9f00 ;color: #fff;font-size: 16px;height: 45px;line-height: 45px;text-align: center;position: fixed;bottom: 20px;left: 15px;right: 15px;border-radius: 5px;}
    6. 

  6. .yj-nav li{width: 80px;height: 40px;border: solid 1px #dcdcdc;text-align: center;line-height: 39px;border-radius: 5px;margin-right: 10px;font-size: 14px;color: #333;}
    7. 

  7. .yj-nav{background-color: #fff;display: -webkit-box;padding: 10px;}
    8. 

  8. .yj-nav li:last-child{margin-right: 0px;}
    9. 

  9. .yj-nav li.active{background-color: #17B3EC;color: #fff;border-color:#17B3EC;}
    10. 

  10. .mui-segmented-control.mui-scroll-wrapper{height: 62px;background-color: #fff;border-bottom: solid 1px #dcdcdc;}
    11. 

  11. .yj-nocard .img{width: 280px;margin: 20px auto;height: 312px;background: url(../images/icon_peitu.png) no-repeat;background-size: contain;}
    12. 

  12. .yj-nocard .bttn{width: 150px;height: 40px;margin:0 auto; border: solid 1px #dcdcdc;border-radius: 18px;text-align: center;font-size: 16px;line-height: 39px;background-color: #fff;}
    13. 

  13. .yj-nocard .time{position: absolute;top: 103px;left: 75px;color: #6db806;font-size: 16px;}
    14. 

  14. .yj-nocard{position: relative;padding-bottom: 76px;padding-top: 80px;width: 280px;margin: 0 auto;}
    15. 

  15. .footbtn{position: fixed;z-index:10;width: 100%;left: 0px;bottom: 0px;padding: 10px 15px;background-color: #fff;border-top: solid 1px #dcdcdc;}
    16. 

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

  17. .yj-content{padding: 61px 0px 71px 0px;}
    18. 

  18. .yj-content .header{background-color: #fff;font-size: 14px;color: #333;padding: 10px;position: relative;border-bottom: solid 1px #dcdcdc;}
    19. 

  19. .yj-content .header .p1{padding-left: 27px;position: relative;display: inline-block;vertical-align: middle;width: 100%;margin-bottom: 10px;}
    20. 

  20. .yj-content .header .p1:before{display: block; content:' ';width: 7px;height: 7px;border-radius: 50%;background-color: #48a8ef;position: absolute;top: 12px;left: 5px;}
    21. 

  21. .yj-content .header .p1 span{display: inline-block;padding: 2px 3px;color: #48a8ef;font-size: 18px;font-weight: bold;}
    22. 

  22. .yj-content .header .p1 span.red{color: #ff4c4c;}
    23. 

  23. .yj-content .header .p2{padding-left: 27px;position: relative;display: inline-block;vertical-align: middle;width: 100%;color: #909090;}
    24. 

  24. .yj-content .header .p2:before{display: block; content:' ';width: 7px;height: 7px;border-radius: 50%;background-color: #48a8ef;position: absolute;top: 8px;left: 5px;}
    25. 

  25. .yj-content .header .line{width: 1px;height: 82px;background-color: #48a8ef;position: absolute;top: 24px;left: 18px;}
    26. 

  26. .check-plan .title div:nth-child(1){width: 30px;height: 30px;border-radius: 50%;background: url(../images/icon_daichangjianjihua.png) no-repeat;background-color:#48a8ef;background-position: center;background-size:14px 17px;margin-right: 10px;}
    27. 

  27. .check-plan .title{display: -webkit-box;-webkit-box-align: center;font-size: 16px;padding:10px;border-bottom: solid 1px #ededed;}
    28. 

  28. .check-plan{margin-top: 10px;border-top: solid 1px #dcdcdc;background-color: #fff;}
    29. 

  29. .yj-section .one{border-bottom:solid 1px #ededed;padding: 0px 10px;}
    30. 

  30. .yj-section .one .up{height: 40px;line-height: 40px;font-size: 16px;color:#74BF00;background: url(../images/icon_shangla.png) no-repeat;background-size: 14px 7px;background-position: right center;}
    31. 

  31. .yj-section .one .flex{display: -webkit-box;font-size: 14px;color: #323232;margin-bottom: 8px;}
    32. 

  32. .yj-section .one .flex div:nth-child(1){/*width: 80px;*/}
    33. 

  33. .yj-section .one .flex div:nth-child(2){width: calc(100% - 80px);}
    34. 

  34. .yj-section .one .notice{font-size: 12px;color: #909090;margin-bottom:8px;}
    35. 

  35. .yj-section .one.active .up{background: url(../images/icon_xiala.png) no-repeat;background-size: 14px 7px;background-position: right center;}
    36. 

  36. .yj-section .one.active .down{display: block;}
    37. 

  37. .yj-section .one .down{display: none;}
    38. 

  38. .btn-group{display: -webkit-box;-webkit-box-flex: 1;padding: 10px;position: fixed;width: 100%;left: 0px;bottom: 0px;background-color: #fff;border-top: solid 1px #dcdcdc;z-index: 99;}
    39. 

  39. .btn-group div{display: -webkit-box;-webkit-box-flex: 1;-webkit-box-pack: center;height: 40px;line-height: 40px;margin-right: 10px;color: #fff;font-size: 16px;border-radius: 5px;}
    40. 

  40. .btn-group div:last-child{margin-right: 0px;}
    41. 

  41. .c-ff9527{background-color: #ff9527;}
    42. 

  42. .c-74bf00{background-color: #74bf00;}
    43. 

  43. .c-47a8ef{background-color: #47a8ef;}
    44. 

  44. .yj-fixed{position: fixed;top: 46px;left: 0px;width: 100%;z-index: 99;}
    45. 

  45. .yj-section .one:last-child{border-bottom:solid 1px #dcdcdc;}
    46. 

  46. .noword{text-align: center;font-size: 16px;color: #666;}
    47. 

  47. .uncheck-remind,.remindAgain{float: right;padding: 3px 14px;text-align: center;font-size: 14px;margin-top:-15px;color: #fff;font-weight: bold;border-radius: 5px}
    48. 

  48. .remindAgain{margin-top: -40px;}
    49. 

  49. .remind-false{background-color: #CCCCCC;}
    50. 

  50. .remind-true{background-color: #17B3EC;}
    51.