Нет описания

GoodsDelivery.css 5.1KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348
  1. .GoodsDelivery {
  2. padding-bottom: 65px;
  3. }
  4. .mui-btn-block {
  5. width: 60%!important;
  6. font-size: 15px;
  7. /*margin-bottom: 0px!important;*/
  8. margin: 0 auto;
  9. float: none!important;
  10. }
  11. .mui-btn-caoLv {
  12. color: #20c34a;
  13. border-color: #20c34a;
  14. margin-bottom: 10px;
  15. }
  16. .mui-btn-orange {
  17. color: #e97a44;
  18. border-color: #e97a44;
  19. margin-bottom: 10px;
  20. }
  21. .mui-btn-orange.mui-btn:enabled:active {
  22. background-color: #e97a44;
  23. }
  24. .mui-btn-caoLv.mui-btn:enabled:active {
  25. background-color: #20c34a;
  26. }
  27. .addIcon.mui-icon {
  28. color: #346fe8;
  29. font-size: 23px;
  30. margin-right: 10px;
  31. }
  32. .mui-card {
  33. box-shadow: initial!important;
  34. padding: 15px;
  35. }
  36. .mui-numbox {
  37. border: 0;
  38. background: transparent;
  39. width: 98px!important;
  40. padding: 0 31px!important;
  41. }
  42. .mui-numbox .mui-btn-numbox-minus,
  43. .mui-numbox .mui-btn-numbox-plus {
  44. height: 24px;
  45. width: 24px;
  46. border-radius: 50%;
  47. background: #e97a44;
  48. color: #fff;
  49. line-height: 24px;
  50. font-size: 20px;
  51. margin-top: 5px;
  52. }
  53. .mui-numbox .mui-btn-numbox-minus {
  54. background: #d8d8d8;
  55. }
  56. .mui-numbox .nums.mui-input-numbox {
  57. border: 0!important;
  58. }
  59. .goodsTotal {
  60. height: 60px;
  61. box-shadow: initial;
  62. }
  63. .goodsTotal a,
  64. .goodsTotal button {
  65. display: inline-block;
  66. vertical-align: middle;
  67. height: 100%;
  68. line-height: 60px;
  69. color: #FFFFFF;
  70. text-align: center;
  71. font-size: 16px;
  72. padding: 0;
  73. border: 0;
  74. border-radius: 0;
  75. }
  76. .goodsTotal .goodsCount {
  77. width: 69%;
  78. color: #313132;
  79. }
  80. .finishBtn {
  81. width: 31%;
  82. background: #3076e6;
  83. }
  84. .smallTitle {
  85. color: #909090;
  86. }
  87. .smallTitle .addIcon {
  88. color: #909090;
  89. }
  90. .textarea {
  91. margin: 0;
  92. }
  93. .goodsIcon,
  94. .alarmIcon {
  95. display: inline-block;
  96. height: 22px;
  97. width: 25px;
  98. vertical-align: middle;
  99. }
  100. .goodsIcon {
  101. background: url(../img/goodsIcon.png) no-repeat;
  102. background-size: contain;
  103. }
  104. .alarmIcon {
  105. background: url(../img/jingbao.png) no-repeat;
  106. background-size: contain;
  107. }
  108. .mui-switch.mui-active:before {
  109. content: "是";
  110. }
  111. .mui-switch:before {
  112. content: "否";
  113. }
  114. .mui-switch-red.mui-active {
  115. border: 2px solid #eb3839;
  116. background-color: #eb3839;
  117. }
  118. .tips i {
  119. display: inline-block;
  120. width: 16px;
  121. height: 16px;
  122. background: url(../img/alerm.png) no-repeat;
  123. vertical-align: middle;
  124. background-size: contain;
  125. margin-right: 8px;
  126. }
  127. .tips {
  128. color: #666666;
  129. font-size: 12px;
  130. padding: 0 15px;
  131. }
  132. .sureGoods.mui-table-view>.mui-table-view-cell:last-child:after {
  133. height: 1px;
  134. }
  135. .TopBox {
  136. background-image: linear-gradient(to top, #e8ecfd, #4d77ed, #247fe1);
  137. padding-top: 15px;
  138. }
  139. .titleBar {
  140. height: 34px;
  141. line-height: 34px;
  142. color: #333333;
  143. width: 50%;
  144. background: #fff;
  145. margin-bottom: 0;
  146. text-align: center;
  147. margin-left: 10px;
  148. position: relative;
  149. }
  150. .titleBar:before {
  151. display: block;
  152. content: "";
  153. height: 0;
  154. width: 0;
  155. border: 23px solid transparent;
  156. border-left-color: #ffffff;
  157. border-top-width: 34px;
  158. /* background: #247fe1; */
  159. /* background: #e97a44; */
  160. position: absolute;
  161. right: -46px;
  162. top: 0;
  163. }
  164. .mui-popover {
  165. position: fixed;
  166. width: 100%!important;
  167. margin: 0 auto;
  168. left: 0!important;
  169. border-bottom-left-radius: 0;
  170. border-bottom-right-radius: 0;
  171. top: auto!important;
  172. bottom: 0;
  173. }
  174. .mui-popover .mui-popover-arrow {
  175. display: none!important;
  176. }
  177. .mui-checkbox input[type=checkbox]:before,
  178. .mui-radio input[type=radio]:before {
  179. font-size: 20px;
  180. }
  181. .mui-radio input[type=radio] {
  182. top: 31%;
  183. }
  184. #popover_receive .mui-input-row,
  185. #popover_send .mui-input-row {
  186. height: auto;
  187. }
  188. .mui-float-left {
  189. float: left;
  190. }
  191. .mui-float-right {
  192. float: right;
  193. }
  194. .mui-btn-bule {
  195. background: #2b81e3;
  196. color: #fff;
  197. }
  198. .mui-input-row .mui-btn.mui-btn-bule {
  199. padding: 6px 15px;
  200. }
  201. .popoverTitleBar {
  202. text-align: center;
  203. border-bottom: 1px solid #dadadd;
  204. padding: 10px 7px 5px 0;
  205. }
  206. .popoverTitleBar p {
  207. width: 67%;
  208. margin: 0;
  209. color: #666666;
  210. font-size: 16px;
  211. }
  212. .popoverTitleBar .dressSure {
  213. padding: 5px 0;
  214. vertical-align: middle;
  215. display: inline-block;
  216. }
  217. .editIcon {
  218. display: inline-block;
  219. height: 24px;
  220. width: 24px;
  221. background: url(../img/editIcon.png) no-repeat;
  222. background-size: contain;
  223. }
  224. .mui-radio label {
  225. width: 90%!important;
  226. }
  227. .newAdd {
  228. text-align: center;
  229. padding: 10px 0;
  230. border-top: 1px solid #dadadd;
  231. }
  232. .mui-popover .mui-table-view {
  233. background-color: #ffffff;
  234. }
  235. .getIcon {
  236. display: inline-block;
  237. height: 23px;
  238. width: 23px;
  239. background: #f19055;
  240. color: #FFFFFF;
  241. font-style: normal;
  242. text-align: center;
  243. line-height: 23px;
  244. border-radius: 50%;
  245. font-size: 13px;
  246. vertical-align: middle;
  247. }
  248. .getIcon.sendIcon {
  249. background: #18bc42;
  250. }
  251. .getIcon-plus {
  252. background: #6bbcef;
  253. font-size: 24px;
  254. }
  255. .peoples_icon {
  256. background: url(../img/sg_people.png) no-repeat center;
  257. background-size: 100% 100%;
  258. }
  259. .addressMsg p {
  260. margin-bottom: 10px;
  261. }
  262. .addressMsg .mui-navigate-right:after {
  263. font-size: 27px;
  264. color: #9e9a9a;
  265. }
  266. .emergent {
  267. border-radius: 46px;
  268. padding: 2px 15px;
  269. border: 1px solid #dadadd;
  270. color: #868686;
  271. }
  272. .emergent.actives {
  273. border: 1px solid #eb3839;
  274. background-color: #eb3839;
  275. color: #fff;
  276. }
  277. .fr {
  278. float: right;
  279. }
  280. .urgent{
  281. background: url(../img/urgent.png) no-repeat;
  282. height: 13px;
  283. width: 30px;
  284. display: inline-block;
  285. margin-left: 10px;
  286. background-size: contain;
  287. vertical-align: middle;
  288. }
  289. /*配送详情样式*/
  290. .detailCard.mui-card {
  291. margin: 10px 0;
  292. }