Página inicial Explorar Ajuda
Registrar Entrar
chenyue
/
sr-iHealthwx
fork de Amoy2/sr-iHealthwx
Observar 1
Favorito 0
Fork 0
Arquivos
Tree: b9590bc5e8
Branches Tags
sr-iHealthwx
/
html
/
jmxj
/
css
/
doctor-index.css

doctor-index.css 6.3 KB
Histórico Raw

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

  2. img{width: 100%;}
    3. 

  3. .di-sec-img{width: 100%;}
    4. 

  4. .di-sec-one{padding-left:10px;background-color: #fff;border-bottom: solid 1px #dcdcdc;}
    5. 

  5. .di-msg{position: relative;padding:12px 0px;}
    6. 

  6. .di-msg .name{font-size: 16px;color: #333;margin-bottom: 3px;padding-left: 10px;}
    7. 

  7. .di-msg .notice{font-size: 14px;color: #909090;padding-left: 5px;}
    8. 

  8. .di-msg .avager{position: absolute;top: -30px;right: 20px;}
    9. 

  9. .di-msg .avager div:nth-child(1){width: 60px;height: 60px;border: solid 1px rgba(0,0,0,0.1);border-radius: 50%;overflow: hidden;}
    10. 

  10. .di-msg .avager div:nth-child(2){width: 50px;height: 24px;line-height: 24px;background-color: #ffc815;color: #b04600;font-size: 14px;text-align: center;border-radius: 12px;margin: 8px auto 0px;}
    11. 

  11. .di-up .one{display: -webkit-box;padding: 10px 0px;border-bottom: solid 1px #ededed;font-size: 14px;}
    12. 

  12. .di-up .one .p1{width: 60px;color: #909090;}
    13. 

  13. .di-up .one .p2{width: calc(100% - 60px);padding-right: 10px;text-align: right;}
    14. 

  14. .di-down .one{display: -webkit-box;padding: 10px 0px;border-bottom: solid 1px #ededed;font-size: 14px;}
    15. 

  15. .di-down .one .p1{width: 60px;color: #909090;}
    16. 

  16. .di-down .one .p2{width: calc(100% - 60px);padding-right: 10px;text-align: right;}
    17. 

  17. .di-up .one.noline{border-bottom:none}
    18. 

  18. .di-down .one.noline,.di-up .one.noline{border-bottom:none}
    19. 

  19. .di-down .one.nopb,.di-up .one.nopb{padding-bottom: 0px;}
    20. 

  20. .up-icon{display: -webkit-box;-webkit-box-pack: center;-webkit-box-align: center;height: 40px;}
    21. 

  21. .up-icon div:nth-child(1){font-size: 14px;color: #77c2f2;margin-right: 5px;}
    22. 

  22. .up-icon div:nth-child(2){width: 13px;height: 5px;background: url(../images/icon_xiala2.png) no-repeat;background-size: 9px 4px;background-position: center;}
    23. 

  23. .up-icon.down div:nth-child(2){transform: rotate(180deg);-webkit-transform: rotate(180deg);}
    24. 

  24. .di-down{margin-top: 10px;border-top: solid 1px #ededed;}
    25. 

  25. .di-header{width: 100%;display: -webkit-box;padding-right: 10px;}
    26. 

  26. .di-header div:nth-child(1){width: calc(100% - 100px);height: 40px;line-height: 40px;font-size: 14px;color: #909090;}
    27. 

  27. .di-header div:nth-child(2){width: 100px;height: 40px;line-height: 40px;font-size: 12px;color: #909090;text-align: right;}
    28. 

  28. .di-sec-one.bordt{border-top: solid 1px #dcdcdc;}
    29. 

  29. .di-list li .head{font-size: 14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
    30. 

  30. .di-list li{padding: 10px 0px;border-top: solid 1px #ededed;padding-right: 10px;}
    31. 

  31. .di-list li .head span{color: #77c2f2;}
    32. 

  32. .di-list li .foot{display: -webkit-box;padding-top: 10px;position: relative;}
    33. 

  33. .di-list li .num{width:50%;font-size: 12px;color: #909090;display: -webkit-box;-webkit-box-align: center;}
    34. 

  34. .di-list li .num div:nth-child(1){width: 20px;height: 18px;background: url(../images/eye.png) no-repeat;background-size: 17px 10px;background-position: center;margin-right: 3px;}
    35. 

  35. .di-list li .tag{width:50%;text-align: right;font-size: 12px;color: #88d183;}
    36. 

  36. .di-list li .head2{position: relative; width: 100%;border-radius: 5px;overflow: hidden;max-height: 140px;margin-bottom: 8px;}
    37. 

  37. .di-list li .num2{position:absolute;top: 13px;right: 0px;font-size: 12px;color: #909090;display: -webkit-box;-webkit-box-align: center;}
    38. 

  38. .di-list li .num2 div:nth-child(1){width: 20px;height: 18px;background: url(../images/eye.png) no-repeat;background-size: 17px 10px;background-position: center;margin-right: 3px;}
    39. 

  39. .di-list li .tag2{width:100%;font-size: 14px;color: #333;padding-right: 70px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    40. 

  40. .di-list li .head2 .notice{padding:0px 15px;border-top-left-radius: 15px;border-bottom-left-radius: 15px; position: absolute;top: 10px;right: 0px;height: 30px;line-height: 30px;background-color: rgba(0,0,0,0.3);color: #fff;font-size: 14px;}
    41. 

  41. 

  42. .xj-main{margin-top: 10px;border-top: solid 1px #dcdcdc;}
    43. 

  43. .xj-li{background-color: #fff;border-bottom: solid 1px #ededed;}
    44. 

  44. .xj-li .head{border-bottom: solid 1px #ededed;display: -webkit-box;-webkit-box-align: center;padding: 8px 0px;}
    45. 

  45. .xj-li .head div:nth-child(1){margin-right: 10px;}
    46. 

  46. .xj-li .head div:nth-child(1) img{width: 40px;height: 40px;border-radius: 50%;overflow: hidden;border: solid 1px #f1f1f1;}
    47. 

  47. .xj-li .head div:nth-child(2){width: calc(100% - 140px);overflow: hidden;margin-right: 10px;font-size: 14px;white-space: nowrap;text-overflow: ellipsis;}
    48. 

  48. .xj-li .head div:nth-child(3){width: 80px;font-size: 12px;color: #909090;text-align: right;padding-right: 10px;}
    49. 

  49. .xj-li .content{display: -webkit-box;-webkit-box-align: center;padding: 10px 10px 10px 0px;}
    50. 

  50. .xj-li .content .right{width: 100px;max-height:80px;border-radius: 5px;overflow: hidden;margin-left: 10px;text-align: center;vertical-align: middle;}
    51. 

  51. .xj-li .content .right img{max-width: 100%;max-height: 100%;width: auto;}
    52. 

  52. .xj-li .content .left{width: calc(100% - 110px);}
    53. 

  53. .xj-li .content .left .p1{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
    54. 

  54. .xj-li .content .left .p1 div:nth-child(1){padding:1px 3px 1px 3px;border: solid 1px #fe9175;border-radius: 5px;color: #fe9175;font-size: 12px;display: inline-block;margin-right: 3px;}
    55. 

  55. .xj-li .content .left .p1 span{font-size: 14px;}
    56. 

  56. .xj-li .content .left .p2{display: -webkit-box;-webkit-box-align: center;margin-top: 6px;position: relative;}
    57. 

  57. .xj-li .content .left .p2 .num{font-size: 12px;color: #909090;display: -webkit-box;-webkit-box-align: center;margin-right: 8px;}
    58. 

  58. .xj-li .content .left .p2 .num .eye{width: 18px;height: 18px;background: url(../images/eye.png) no-repeat;background-size: 17px 10px;background-position: center;margin-right: 5px;}
    59. 

  59. .xj-li .content .left .p2 .num .zan{width: 12px;height: 18px;background: url(../images/icon_dianzan.png) no-repeat;background-size: 11px 12px;background-position: center;margin-right: 5px;}
    60. 

  60. .xj-li .content .left .p2 .num .resp{width: 14px;height: 18px;background: url(../images/icon_huifu.png) no-repeat;background-size: 12px 11px;background-position: center;margin-right: 5px;}
    61. 

  61. .xj-foot{position: relative;}
    62. 

  62. .xj-foot div:nth-child(1){margin: 25px 0px;border-top: solid 1px #dcdcdc;height:1px;-webkit-transform: scaleY(0.5);-webkit-transform-origin:0 0;transform: scaleY(0.5);transform-origin:0 0;}
    63. 

  63. .xj-foot div:nth-child(2){font-size: 12px;color: #c0c0c0;position: absolute;top: -17px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);padding: 8px 19px;background-color: #f3f3f3;}
    64. 

  64. .xj-li:last-child{border-bottom: none;}
    65. 

  65. .xj-li:first-child{border-top: solid 1px #ededed;}
    66. 

  66. .di-time{font-size: 12px;color: #ccc;margin-top: 6px;}
    67.