my-medicine-code.css 2.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  1. *{
  2. box-sizing: border-box;
  3. }
  4. body{
  5. background-color: #f3f3f3;
  6. }
  7. .div-img{width: 320px; height: 184px;background: url(../../../images/shujuweikong_img.png) no-repeat center top; background-size: 320px 184px;margin: 0px auto;}
  8. .div-tishi-info{vertical-align: middle; margin: 15px auto 30px;text-align: center;font-size: 16px;}
  9. .div-no-info{
  10. padding-top: 120px;
  11. display: none;
  12. }
  13. .mm-card-list{
  14. padding: 0px 15px 20px 15px;
  15. }
  16. .mm-card-list li{
  17. width: 100%;
  18. margin-top: 15px;
  19. }
  20. .mm-card-list li .up{
  21. height: 30px;
  22. line-height: 30px;
  23. color: #FFF;
  24. font-size: 14px;
  25. background-color: #ff9526;
  26. padding:0px 10px;
  27. border-top-left-radius: 5px;
  28. border-top-right-radius: 5px;
  29. }
  30. .mm-card-list li .down{
  31. background-color: #fff;
  32. padding:10px;
  33. border-bottom-left-radius: 5px;
  34. border-bottom-right-radius: 5px;
  35. padding-right: 79px;
  36. color: #333;
  37. }
  38. .mm-card-list li .waiting{
  39. background: url('../images/dengdailingyao_icon.png') no-repeat;
  40. background-size: 63px 48px;
  41. background-position:calc(100% - 5px) center;
  42. background-color: #fff;
  43. }
  44. .mm-card-list li .transport{
  45. background: url('../images/peisongzhong_icon.png') no-repeat;
  46. background-size: 63px 48px;
  47. background-position:calc(100% - 5px) center;
  48. background-color: #fff;
  49. }
  50. .mm-card-list li .finish{
  51. background: url('../images/yiwancheng_icon.png') no-repeat;
  52. background-size: 63px 48px;
  53. background-position:calc(100% - 5px) center;
  54. background-color: #fff;
  55. }
  56. .mm-card-list li .down .title{
  57. font-size: 16px;
  58. }
  59. .mm-card-list li .down .name{
  60. font-size: 14px;
  61. }
  62. .mm-card-list li .down .name td{
  63. padding-top: 10px;
  64. font-size: 14px;
  65. }
  66. .mm-card-list li .down .name tr td:first-child{
  67. width: calc(100% - 65px);
  68. }
  69. .mm-card-list li .down .name tr td:last-child{
  70. width: 60px;
  71. text-align: right;
  72. vertical-align: middle;
  73. padding-right: 5px;
  74. }
  75. .mm-card-list li .down .address{
  76. font-size: 12px;
  77. color: #909090;
  78. margin-top: 10px;
  79. padding-left: 18px;
  80. background: url('../images/yiyuanjianzhu_icon.png') no-repeat;
  81. background-size: 13px 13px;
  82. background-position:left center;
  83. overflow: hidden;
  84. text-overflow: ellipsis;
  85. white-space: nowrap;
  86. }