Home Explore Help
Register Sign In
chenyue
/
sr-iHealthwx
forked from Amoy2/sr-iHealthwx
Watch 1
Star 0
Fork 0
Files
Tree: b9590bc5e8
Branches Tags
sr-iHealthwx
/
html
/
jmxj
/
css
/
jiankangxuanjiao.css

jiankangxuanjiao.css 5.4 KB
History Raw

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

  2. .xj-list{display: flex;display: -webkit-flex;width: 100%;background-color: #fff;border-bottom: solid 1px #dcdcdc;}
    3. 

  3. .xj-head:first-child{border-right: solid 1px #ededed;}
    4. 

  4. .xj-head{width: 50%;display: flex;display: -webkit-flex;align-items: center;justify-content: center;padding: 8px 0px;}
    5. 

  5. .xj-head div:nth-child(1){width: 40px;height: 34px;background: url(../images/icon_jiankangmenhu.png) no-repeat;background-size: contain;background-position: center;margin-right: 10px;}
    6. 

  6. .xj-head.icon2 div:nth-child(1){width: 40px;height: 34px;background: url(../images/icon_zhibo.png) no-repeat;background-size: contain;background-position: center;margin-right: 10px;}
    7. 

  7. .xj-nav{background-color: #fff;margin-top: 10px;border-top: solid 1px #dcdcdc;}
    8. 

  8. .xj-nav-head{position: relative;height: 18px;padding: 0px 10px;}
    9. 

  9. .xj-nav-head .line{margin: 22px 0px;border-top: solid 1px #75c96e;height:1px;-webkit-transform: scaleY(0.5);-webkit-transform-origin:0 0;}
    10. 

  10. .xj-nav-head .title{display: flex;display: -webkit-flex;background-color: #fff;width: 102px;position: absolute;top: -12px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
    11. 

  11. .xj-nav-head .title div:nth-child(1),.xj-nav-head .title div:nth-child(3){width: 5px;height: 5px;border-radius: 50%;background-color: #75c96e;margin-top: 10px;}
    12. 

  12. .xj-nav-head .title div:nth-child(2){height:25px;line-height:25px;font-size: 12px;color: #75c96e;margin: 0px 10px;}
    13. 

  13. .xj-nav-body{display: -webkit-box;-webkit-box-align: center;border-bottom: solid 1px #ededed;padding: 0px 10px 15px 10px;}
    14. 

  14. .xj-nav-body .img{width: 60px;height: 60px;border-radius: 50%;overflow: hidden;border: solid 1px #f1f1f1;margin-right: 10px;}
    15. 

  15. .xj-nav-body .img img{width: 100%;}
    16. 

  16. .xj-nav-body .msg{width: calc(100% - 150px);}
    17. 

  17. .xj-nav-body .msg div:nth-child(1){font-size: 14px;margin-bottom: 5px;}
    18. 

  18. .xj-nav-body .msg div:nth-child(2){font-size: 12px;color: #909090;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
    19. 

  19. .xj-nav-body .bttn{margin-left:10px;width: 70px;height: 30px;border: solid 1px #3ca7ef;color: #3CA7EF;line-height: 29px;border-radius: 5px;text-align: center;font-size: 14px;}
    20. 

  20. .xj-nav-foot{height: 32px;line-height: 31px;font-size: 14px;color:#909090;padding: 0px 10px;border-bottom: solid 1px #dcdcdc;background: url(../images/icon_jinru.png) no-repeat;background-size: 6px 10px;background-position:calc(100% - 10px) center;}
    21. 

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

  22. .xj-main .header{width: 100%;background-color: #fff;padding: 0px 10px;display: -webkit-box;}
    23. 

  23. .xj-main .header div:nth-child(1){width: calc(100% - 100px);height: 40px;line-height: 40px;font-size: 14px;color: #909090;}
    24. 

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

  25. 

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

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

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

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

  30. .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;}
    31. 

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

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

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

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

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

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

  37. .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;}
    38. 

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

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

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

  41. .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;}
    42. 

  42. .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;}
    43. 

  43. .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;}
    44. 

  44. .xj-foot{position: relative;}
    45. 

  45. .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;}
    46. 

  46. .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;}
    47. 

  47. .xj-li:last-child{border-bottom: none;}
    48. 

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

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