order_tracking.css 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134
  1. .bgc-f2f4f6{
  2. background-color: #f2f4f6;
  3. }
  4. .c-47a8ef{
  5. color: #47a8ef;
  6. }
  7. .c-a8a8a8{
  8. color: #a8a8a8;
  9. }
  10. .h40{
  11. height: 40px;
  12. }
  13. .lh40{
  14. line-height: 40px;
  15. }
  16. .mlr14{
  17. margin-left: 14px;
  18. margin-right: 14px;
  19. }
  20. .c-radius-8{
  21. border-radius: 8px;
  22. }
  23. .header-icon{
  24. vertical-align: baseline;
  25. margin-bottom: -3px;
  26. }
  27. .arrow-r{
  28. position: absolute;
  29. top: 50%;
  30. right: 10px;
  31. margin-top: -5px;
  32. display: inline-block;
  33. width: 10px;
  34. height: 10px;
  35. border: solid #909090;
  36. border-width: 2px 2px 0 0;
  37. -webkit-transform: rotate(45deg);
  38. transform: rotate(45deg);
  39. }
  40. ul li{
  41. border-top: 1px solid #e1e1e1;
  42. }
  43. ul li:first-child{
  44. border: 0;
  45. }
  46. .s-list{
  47. position: relative;
  48. z-index: 2;
  49. }
  50. .s-list li{
  51. display: -webkit-box;
  52. display: box;
  53. border: 0;
  54. }
  55. .s-list li .s-list-info{
  56. -webkit-box-flex: 1;
  57. box-flex: 1;
  58. display: box;
  59. display: -webkit-box;
  60. -webkit-box-orient: vertical;
  61. -webkit-box-pack: center;
  62. }
  63. .s-list-key{
  64. height: 26px;
  65. line-height: 26px;
  66. }
  67. .straight-line{
  68. position: absolute;
  69. top: 36px;
  70. left: 24px;
  71. width: 1px;
  72. height: calc(100% - 70px);
  73. height: -webkit-calc(100% - 70px);
  74. height: -moz-calc(100% - 70px);
  75. background-color: #dcdcdc;
  76. z-index: 0;
  77. }
  78. html{
  79. position: relative;
  80. }
  81. .mask{
  82. position: absolute;
  83. top: 0px;
  84. bottom: 0;
  85. width: 100%;
  86. height: auto;
  87. background: rgba(0,0,0,0.7);
  88. display: none;
  89. }
  90. .modal-content{
  91. position: fixed;
  92. top: 10px;
  93. left: 0;
  94. width: calc(100% - 40px);
  95. height: auto;
  96. display: none;
  97. }
  98. .box{
  99. display: -webkit-box;
  100. display: box;
  101. }
  102. .box-info{
  103. -webkit-box-flex: 1;
  104. box-flex: 1;
  105. display: box;
  106. display: -webkit-box;
  107. -webkit-box-orient: vertical;
  108. -webkit-box-pack: center;
  109. }
  110. .word-wrap{
  111. word-wrap: break-word;
  112. }
  113. .handle-bar{
  114. position: fixed;
  115. bottom: 0;
  116. left: 0;
  117. width: 100%;
  118. background-color: #fff;
  119. z-index: 10;
  120. display: -webkit-box;
  121. padding: 3px 0;
  122. }
  123. .handle-bar div{
  124. -webkit-box-flex: 1;
  125. width: 0;
  126. padding-top: 8px;
  127. box-sizing: border-box;
  128. -webkit-box-sizing: border-box;
  129. -moz-box-sizing: border-box;
  130. position: relative;
  131. text-align: center;
  132. height: 40px;
  133. }
  134. .c-hide{display: none;}