myBody-info.css 2.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  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-bottom: 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:0px 10px;
  33. border-bottom-left-radius: 5px;
  34. border-bottom-right-radius: 5px;
  35. color: #333;
  36. }
  37. .mm-card-list li .transport{
  38. background: url('../images/peisongzhong_icon.png') no-repeat;
  39. background-size: 63px 48px;
  40. background-position:calc(100% - 5px) center;
  41. background-color: #fff;
  42. }
  43. .mm-card-list li .finish{
  44. background: url('../images/yiwancheng_icon.png') no-repeat;
  45. background-size: 63px 48px;
  46. background-position:calc(100% - 5px) center;
  47. background-color: #fff;
  48. }
  49. .mm-card-list li .down .title{
  50. font-size: 16px;
  51. }
  52. .mm-card-list li .down .name{
  53. font-size: 14px;
  54. width: 50%;
  55. display: inline-block;
  56. }
  57. .mm-card-list li .down .name td{
  58. padding-top: 10px;
  59. font-size: 14px;
  60. }
  61. .mm-card-list li .down .name tr td:first-child{
  62. width: calc(100% - 65px);
  63. }
  64. .mm-card-list li .down .name tr td:last-child{
  65. width: 60px;
  66. text-align: left;
  67. vertical-align: middle;
  68. padding-right: 5px;
  69. }
  70. .mm-card-list li .down .address{
  71. font-size: 12px;
  72. color: #909090;
  73. padding: 25px 20px 0px 0px;
  74. float: right;
  75. display:inline-block;
  76. }
  77. .Record{
  78. padding: 10px;
  79. text-indent: 10px;
  80. }
  81. #footer{position: absolute;z-index: 3; bottom: 30px;width: 50px;height: 48px;padding: 0;right: 30px;}
  82. .add-icon{ width: 50px; height: 50px;background: url(../images/xuanfu_btn.png) no-repeat center top; background-size: 50px;}