Home Explore Help
Register Sign In
Amoy2
/
sr-iHealthwx
Watch 2
Star 0
Fork 1
Files
Branch: master
Branches Tags
sr-iHealthwx
/
html
/
jkjl
/
css
/
topic-fat.css

topic-fat.css 4.5 KB
Permalink History Raw

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364 
  1. @charset "utf-8";
    2. 

  2. body { background-color: #fff;}
    3. 

  3. .p13 { padding: 13px;}
    4. 

  4. .h5 { height: 5px;}
    5. 

  5. .mb25 { margin-bottom: 25px;}
    6. 

  6. .mt35 { margin-top: 35px;}
    7. 

  7. .mt38 { margin-top: 38px;}
    8. 

  8. .mt95 { margin-top: 95px;}
    9. 

  9. .pt70 { padding-top: 70px;}
    10. 

  10. .b-radius { border-radius: 4px;}
    11. 

  11. .c-999 { color: #999;}
    12. 

  12. .c-f06 { color: #f06;}
    13. 

  13. .c-f69 { color: #f69;}
    14. 

  14. .bgc-ffe2ea { background-color: #ffe2ea;}
    15. 

  15. .bgc-ffb6cd { background-color: #ffb6cd;}
    16. 

  16. .bgc-ff97b8 { background-color: #ff97b8;}
    17. 

  17. .bgc-ff76a1 { background-color: #ff76a1;}
    18. 

  18. .bgc-f4f4f4 { background-color: #f4f4f4;}
    19. 

  19. .bgc-f69 { background-color: #f69;}
    20. 

  20. .t-indent { text-indent: 2em;}
    21. 

  21. .col-1 { box-flex: 1; -webkit-box-flex:1;}
    22. 

  22. .hide-words { text-indent: -9999px;}
    23. 

  23. .tag { border-radius: 4px;}
    24. 

  24. .tag-remain { color: #fff; padding: 9px 22px; background-color: #ffb6cd;}
    25. 

  25. .wrap { -webkit-transform-origin: 0 0; transform-origin: 0 0; width: 320px;}
    26. 

  26. header { background: url("../images/fat/01.jpg") no-repeat 0 0; width:100%; height: 174px; width: 100%; background-size: 100%;}
    27. 

  27. .title { text-align: center; color: #666; font-weight: bold; border-bottom: 1px solid #ccc; font-size: 15px; padding-bottom: 11px;}
    28. 

  28. .title span { border-bottom: 3px solid #ccc; padding-bottom: 10px;}
    29. 

  29. .list-tag li { float: left; max-width: 112px; height: 50px; border-radius: 4px; color: #fff; display: -webkit-box; display: box; box-align: center; -webkit-box-align: center; -webkit-box-pack: center;margin-top: 10px;}
    30. 

  30. .list-tag li:first-child { width: 112px;}
    31. 

  31. .list-tag li:nth-child(2) { width: 105px;}
    32. 

  32. .list-tag li:nth-child(3) { width: 62px;}
    33. 

  33. .list-tag li:nth-child(4) { width: 85px;}
    34. 

  34. .list-tag li:nth-child(5) { width: 115px;}
    35. 

  35. .list-tag li:nth-child(6) { width: 82px;}
    36. 

  36. .list-step { border: 1px solid #ccc; border-radius: 4px; color: #666; padding: 0 15px;}
    37. 

  37. .list-step li { display: box; display: -webkit-box; padding:15px 0; border-bottom: 1px dashed #ccc;}
    38. 

  38. .list-step li:last-child { border-bottom: 0;}
    39. 

  39. .list-step li .num { display: block; box-flex:0; -webkit-flex-box: 0; background: url("../images/fat/02.png") no-repeat 0 0; width: 24px; height: 22px; background-size: 100%; text-align: center; color: #fff; line-height: 21px;}
    40. 

  40. .list-doc li { background:#f4f4f4; margin-top: 25px; padding: 0 15px; box-sizing: border-box; border-radius: 4px; position: relative; line-height: 1.6;}
    41. 

  41. .list-doc .mask { background-color: rgba(0, 0, 0,.6); position: absolute; top:0; bottom: 0; left: 0; right: 0; border-radius: 4px; color: #fff;}
    42. 

  42. .list-doc .mask .close { float: right; font-size: 20px; margin:9px 18px;}
    43. 

  43. .list-doc .detail { display: box; display: -webkit-box; box-align:center; -webkit-box-align: center; padding-top: 15px;}
    44. 

  44. .list-doc .avator { -webkit-box-flex: 0; box-flex: 0; margin-right: 10px;}
    45. 

  45. .list-doc .avator img { width: 55px; height: 55px; border-radius: 50%;}
    46. 

  46. .list-doc .info { -webkit-box-flex: 1; box-flex: 1; color: #909090;}
    47. 

  47. .list-doc .des { color: #909090; background-color: #fff; margin: 10px 0 18px 10px; position: relative; padding: 12px 8px;}
    48. 

  48. .list-doc .des:before { position: absolute; content: ""; top: -4px;left:14px; color: #5b5b5b; width: 8px; height: 8px; background: #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
    49. 

  49. .list-doc .btn { text-align: center; height: 34px; padding-bottom: 15px;}
    50. 

  50. .section3 .chart { background: url("../images/fat/03.jpg") no-repeat 0 0; background-size: 100% 100%; height: 122px;}
    51. 

  51. .section3 .news { background: url("../images/fat/05.jpg"); background-size: 100%; height: 309px; padding:0 10px; box-sizing: border-box; color: #666;}
    52. 

  52. .section3 .news h2 { font-size: 15px; font-weight: bold; padding-top: 4px;}
    53. 

  53. .section3 .news .top { border-bottom: 3px solid #ccc; line-height: 1.8;}
    54. 

  54. .section3 .news .bottom > div { display: box; display: -webkit-box;}
    55. 

  55. .section3 .news .bottom .tag { box-flex: 0; -webkit-box-flex: 0; padding: 5px;}
    56. 

  56. .section5 .link { background: url("../images/fat/09.jpg") no-repeat 0 0; background-size: 100%; height: 43px;}
    57. 

  57. .section5 .link a { width: 145px; height: 100%;}
    58. 

  58. .section5 .rec { background: url("../images/fat/04.jpg"); background-size: 100% 100%; box-sizing: border-box; height: 158px; line-height: 1.8; color: #999;}
    59. 

  59. .section5 .light { background: url("../images/fat/06.jpg") no-repeat 0 0; background-size: 100%; width: 268px; height: 88px; margin: 0 auto;}
    60. 

  60. .section5 .weixin { width: 120px; margin: 10px auto; text-align: center;}
    61. 

  61. .section5 .weixin img { width: 70px; height: 70px;}
    62. 

  62. /*推荐医师*/
    63. 

  63. .rec-doc { background: url("../images/fat/rec-header.jpg") no-repeat 0 0; background-size: 100% auto;}
    64. 

  64. .rec-doc footer { background: url("../images/fat/rec-footer.jpg"); background-size: 100% auto; height: 26px;}
    65.