style.css 3.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. /* 全局样式 */
  2. /* 健康管理页面 依次四个颜色 */
  3. .bgc-5897cc{background:#5897cc;}
  4. .bgc-e67b85{background:#e67b85;}
  5. .bgc-a37cab{background:#a37cab;}
  6. .bgc-ea7a28{background:#ea7a28;}
  7. /* 我的订单页面 依次四个颜色 */
  8. .bgc-e7674e{background:#e7674e;}
  9. .bgc-ee9d34{background:#ee9d34;}
  10. .bgc-7fc541{background:#7fc541;}
  11. .bgc-cf678c{background:#cf678c;}
  12. /* 个人中心 依次9个颜色 */
  13. .bgc-a8db5c{background:#a8db5c;}
  14. .bgc-ffa626{background:#ffa626;}
  15. /* .bgc-e7674e{background:#e7674e;} */
  16. /* .bgc-ee9d34{background:#ee9d34;} */
  17. /* .bgc-7fc541{background:#7fc541;} */
  18. /* .bgc-cf678c{background:#cf678c;} */
  19. .bgc-ba76d9{background:#ba76d9;}
  20. .bgc-f05b1a{background:#f05b1a;}
  21. .bgc-4eb5ce{background:#4eb5ce;}
  22. /* 我的药单 */
  23. .my-drug-list .c-list-info h4{font-size:12px;color:#666 !important;}
  24. .my-drug-list .c-list-info > p{font-size:12px;}
  25. /* 医嘱管理 */
  26. .phy-order-man .c-list-info h4{font-size:12px;color:#333 !important;}
  27. .phy-order-man .c-list-info > p{font-size:12px;}
  28. /* 健康管理 */
  29. .list-item-1 .ico-wrap{display:inline-block;width:20px;height:20px;border-radius:8px;color:#fff;vertical-align:middle;text-align:center;}
  30. .list-item-1 .ico-wrap i{display:inline-block;vertical-align:top;font-size:12px;}
  31. .list-item-1 .c-list-text h4 > .name{vertical-align:middle;font-size:14px;color:#333;}
  32. /* 我的医生-就诊医生 */
  33. .tab-item-1.c-lab-mor li a{border-left:none;color:#909090;}
  34. .tab-item-1.c-lab-mor li.hit a{color:#37a6eb;}
  35. /* 我的医生-专家列表 */
  36. .list-item-1 .c-list-info > h4{font-size:16px;color:#333;}
  37. .list-item-1 .c-list-info .title{margin-left:10px;font-size:12px;color:#878787;}
  38. .list-item-1 .c-list-info > p {font-size:12px;color:#666;}
  39. .list-item-1.c-list > .c-list-cover{padding-left:0 !important;margin-left:15px !important;}
  40. /* 我的预约 */
  41. .list-item-2 .c-list-text .c-list-value{padding-right:0;}
  42. .list-item-2 li:first-child h4{font-size:12px;}
  43. .list-item-2 li:first-child .c-list-value.state-1{color:#ff8100;}
  44. .list-item-2 li:first-child .c-list-value.state-2{color:#4dcd70;}
  45. .list-item-2 li:first-child .c-list-value.state-3{color:#333;}
  46. .list-item-2 li:nth-child(2) h4{font-size:15px; }
  47. .list-item-2 li:nth-child(2) .c-list-info > p{font-size:12px;}
  48. .list-item-2 li:last-child h4{font-size:10px;color:#ccc !important;}
  49. .list-item-2 .c-list-function .c-list-info{border-top:none;}
  50. .list-item-2 .c-list-function{border-top: 1px solid #f1f1f1;}
  51. /* 个人中心 */
  52. .personal-center header{position:relative;height:170px;background:url(../images/bc.jpg) center center;}
  53. .personal-center header .center-block{position:absolute;width:71px;height:111px;margin: auto;top:0;bottom:0;left:0;right:0;}
  54. .personal-center header .img-block{border-radius:50%;border:3px solid rgba(0,0,0,0.3);overflow:hidden;}
  55. .personal-center header .img-block img{width:65px;height:65px;}
  56. /* footer */
  57. .footer {background-color: #f8f8f9; left: 0; bottom: 0; height: 50px; padding-top: 5px;}
  58. .footer li {position: relative;}
  59. .footer li em {position: absolute; left: 50%; top: -2px; width: 18px; height: 18px; color: #fff; border-radius: 50%; background-color: #f00; margin-left: 3px;}
  60. .footer a {color: #333;}
  61. .footer a.curr {color: #17b3ec;}
  62. .footer i.iconfont {font-size: 20px;}
  63. .footer span {display: block; font-size: 10px;}