orderDetail.css 2.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. .spa-page-my-order-detail .content {
  2. background: #fff;
  3. }
  4. .spa-page-my-order-detail .table-view-cell {
  5. padding-right: 15px;
  6. }
  7. .spa-page-my-order-detail .order-detail-item {
  8. position: relative;
  9. padding-left: 71px;
  10. font-size: 14px;
  11. line-height: 24px;
  12. color: #666;
  13. }
  14. .spa-page-my-order-detail .item-name {
  15. position: absolute;
  16. left: 0;
  17. font-size: 14px;
  18. }
  19. .spa-page-my-order-detail .order-label {
  20. /*height: 22px;*/
  21. color: #666;
  22. line-height: 22px;
  23. font-size: 14px;
  24. }
  25. .spa-page-my-order-detail .order-label {
  26. position: relative;
  27. background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100…ht='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>");
  28. background-repeat: no-repeat;
  29. background-position: 15px 100%;
  30. border-bottom: 0;
  31. }
  32. .spa-page-my-order-detail .btn-group {
  33. height: 22px;
  34. }
  35. .spa-page-my-order-detail .label-name {
  36. max-width: 80%;
  37. text-align: left;
  38. }
  39. .spa-page-my-order-detail .label-value {
  40. position: absolute;
  41. right: 0;
  42. bottom: 0;
  43. }
  44. .spa-page-my-order-detail .append-order {
  45. color: #f37b1d;
  46. }
  47. .spa-page-my-order-detail .order-comment {
  48. /*text-align: left;*/
  49. }
  50. .spa-page-my-order-detail .order-comment-label {
  51. margin-right: 10px;
  52. }
  53. .spa-page-my-order-detail .service-count {
  54. margin-left: 20px;
  55. }
  56. .spa-page-my-order-detail .order-btn {
  57. display: inline-block;
  58. padding-left: 0.6rem;
  59. padding-right: 0.6rem;
  60. font-size: 0.6rem;
  61. height: 26px;
  62. line-height: 26px;
  63. /*color: white;*/
  64. text-align: center;
  65. vertical-align: top;
  66. border-radius: 3px;
  67. margin-left: 0.9rem;
  68. }
  69. .spa-page-my-order-detail .order-btn.order-btn-review {
  70. color: #fff;
  71. background: #8bc34a;
  72. }
  73. .spa-page-my-order-detail .btn-warning {
  74. color: #f3781d;
  75. border: 1px solid #f3781d;
  76. }
  77. .spa-page-my-order-detail .btn-default {
  78. color: #666;
  79. border: 1px solid #666;
  80. }
  81. .spa-page-my-order-detail .btn-warning:active {
  82. background-color: #f39d00;
  83. }
  84. .spa-page-my-order-detail .btn-more-orders {
  85. width: 30%;
  86. height: 38px;
  87. line-height: 38px;
  88. padding: 0;
  89. }