jieshoudingdan.css 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157
  1. .ptb8 {
  2. padding-top: 8px;
  3. padding-bottom: 8px;
  4. }
  5. .c-w100 {
  6. width: 100%;
  7. }
  8. .c-ccc {
  9. color: #ccc;
  10. }
  11. .c-width-100 {
  12. width: 100px;
  13. }
  14. .c-width-90 {
  15. width: 90px;
  16. }
  17. .c-width-70 {
  18. width: 70px;
  19. }
  20. .c-btn-17b3ec {
  21. background-color: #17b3ec;
  22. }
  23. .c-list > .list-arrow-r, .c-list > .list-arrow-u, .c-list > .list-arrow-d { padding-right: 1.5rem; }
  24. .c-list > .list-arrow-r:after, .c-list > .list-arrow-u:after, .c-list > .list-arrow-d:after { position: absolute; top: 50%; right: 0.75rem; margin-top: -0.25rem; content: ""; display: block; width: 0.6rem; height: 0.6rem; border: solid #cdcdcd; border-width: 0.1rem 0.1rem 0 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
  25. .c-list > .list-arrow-u:after { right: 0.65rem; margin-top: -0.1rem; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
  26. .c-list > .list-arrow-d:after { right: 0.65rem; margin-top: -0.4rem; -webkit-transform: rotate(135deg); transform: rotate(135deg); }
  27. .icon-xufangjilu:before,
  28. .icon-quyaoma:before,
  29. .icon-yaopin:before,
  30. .icon-jilu:before,
  31. .icon-genzong:before,
  32. .icon-shouyaoxinxi:before {
  33. display: inline-block;
  34. content: '';
  35. width: 20px;
  36. height: 20px;
  37. vertical-align: middle;
  38. background-repeat: no-repeat;
  39. background-position: 50%;
  40. background-size: 20px;
  41. }
  42. .icon-xufangjilu:before {
  43. background-image: url(../images/xufangjilu_icon.png);
  44. }
  45. .icon-quyaoma:before {
  46. background-image: url(../images/quyaoma_icon.png);
  47. }
  48. .icon-yaopin:before {
  49. background-image: url(../images/yaopingxinxi_icon.png);
  50. }
  51. .icon-jilu:before {
  52. background-image: url(../images/dingdanjilu_icon.png);
  53. }
  54. .icon-genzong:before {
  55. background-image: url(../images/dingdangengzong_icon.png);
  56. }
  57. .icon-shouyaoxinxi:before {
  58. background-image: url(../images/shouyaoxinxi_icon.png);
  59. }
  60. .time-line .line-item {
  61. position: relative;
  62. }
  63. .time-line .line-item:first-child {
  64. color: #17B3EC;
  65. }
  66. .time-line .line-item:first-child:after {
  67. content: '';
  68. position: absolute;
  69. left: 0;
  70. bottom: 0;
  71. width: 1px;
  72. height: 40px;
  73. background-color: #e1e1e1;
  74. }
  75. .time-line .line-item:not(:first-child):after {
  76. content: '';
  77. position: absolute;
  78. left: 0;
  79. top: 0;
  80. width: 1px;
  81. height: 80px;
  82. background-color: #e1e1e1;
  83. }
  84. .time-line .line-item:last-child:after {
  85. content: '';
  86. position: absolute;
  87. left: 0;
  88. top: 0;
  89. width: 1px;
  90. height: 20px;
  91. background-color: #e1e1e1;
  92. }
  93. .time-line .line-item:only-child:after {
  94. height: 0;
  95. width: 0
  96. }
  97. .time-line .line-item:before {
  98. content: '';
  99. position: absolute;
  100. left: -8px;
  101. top: 20px;
  102. width: 16px;
  103. height: 16px;
  104. margin-top: -8px;
  105. background-image: url(../images/huiyuan_gengzong_icon.png);
  106. background-repeat: no-repeat;
  107. background-size: 16px;
  108. background-position: 50%;
  109. z-index: 99;
  110. }
  111. .time-line .line-item:first-child:before {
  112. background-image: url(../images/lanyuan_gengzong_icon.png);
  113. }
  114. .time-line .line-item:first-child .ui-col-1:first-child {
  115. color: #17B3EC;
  116. }
  117. .line-col {
  118. display: inline-block;
  119. vertical-align: middle;
  120. }
  121. .c-list>li:first-child {
  122. margin-left: 0;
  123. padding-left: 15px;
  124. border-bottom: 1px solid #f1f1f1;
  125. }
  126. .c-list>li:nth-of-type(2) {
  127. border-top: 0;
  128. }
  129. #confirmBtn {
  130. display: none;
  131. border-radius: 5px;
  132. color:#fff;
  133. background-color: #17B3EC;
  134. }
  135. #takeBtn,
  136. #reachBtn {
  137. display: none;
  138. position:absolute;
  139. top:12px;
  140. right: 0;
  141. margin-right: 10px;
  142. border-radius: 5px;
  143. padding: 5px 10px;
  144. color:#fff;
  145. background-color: #17B3EC;
  146. }
  147. .mui-poppicker-body {
  148. height: 250px;
  149. }
  150. .ui-col-1 {
  151. word-wrap: break-word;
  152. word-break: break-all;
  153. }