evaluate.css 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140
  1. .screen{
  2. margin-top: 15px;
  3. }
  4. .evaluate-table {
  5. border-width: 0 !important;
  6. }
  7. .evaluate-table[lay-size=lg] th,
  8. .evaluate-table[lay-size=lg] td {
  9. padding: 13px 15px;
  10. }
  11. .evaluate-table[lay-size=lg] .operate{
  12. text-align: right;
  13. }
  14. .evaluate-title {
  15. display: flex;
  16. }
  17. .evaluate-title p {
  18. margin-right: 30px;
  19. }
  20. .evaluate-title p:last-child {
  21. margin-right: 0;
  22. }
  23. /* 评价等级 */
  24. .evaluate-box {
  25. position: relative;
  26. padding-left: 70px;
  27. }
  28. .evaluate-title img {
  29. margin-right: 5px;
  30. }
  31. .evaluate-box p {
  32. line-height: 24px;
  33. }
  34. .evaluate-level-good span {
  35. color: #FFCA10;
  36. }
  37. .evaluate-level-middel span {
  38. color: #F35C21;
  39. }
  40. .evaluate-level-bad span {
  41. color: #FF0000;
  42. }
  43. /* 追加评价 */
  44. .evaluate-again {
  45. margin-top: 10px;
  46. }
  47. .again-evaluate {
  48. display: inline-block;
  49. margin-right: 5px;
  50. float: left;
  51. }
  52. /* 操作 */
  53. .btn-box {
  54. text-align: center;
  55. }
  56. .btn-box .layui-btn {
  57. display: inline-block;
  58. min-width: 54px;
  59. height: 23px;
  60. line-height: 23px;
  61. border-radius: 50px;
  62. background-color: #F3F3F3;
  63. font-size: 13px;
  64. color: #5A5A5A;
  65. text-align: center;
  66. padding: 2px 8px;
  67. margin: 5px;
  68. }
  69. .btn-box .layui-btn:hover {
  70. color: #fff;
  71. background-color: #f38421;
  72. }
  73. .btn-box a:last-child {
  74. margin-right: 0;
  75. }
  76. .font-box {
  77. line-height: 25px;
  78. text-align: left;
  79. }
  80. /* 分页 */
  81. #layui-laypage-1{
  82. float: right;
  83. }
  84. #laypage {
  85. overflow: hidden;
  86. }
  87. .evaluate-explain, .evaluate-box, .evaluate-again {
  88. overflow: hidden;
  89. }
  90. .evaluate-img .title-pic {
  91. margin-right: 5px;
  92. margin-bottom: 5px;
  93. display: inline-block;
  94. width: 50px;
  95. height: 50px;
  96. text-align: center;
  97. line-height: 50px;
  98. }
  99. .evaluate-img .title-pic img {
  100. max-width: 100%;
  101. max-height: 100%;
  102. }
  103. .evaluate p, .evaluate-explain p, .evaluate-again p, .evaluate-again-explain p {
  104. width: 100%;
  105. height: auto;
  106. word-wrap: break-word;
  107. word-break: break-all;
  108. }
  109. .evaluate-img p{height:30px; line-height: 30px}
  110. .evaluate-img p img{margin-right: 8px}
  111. .evaluate-img{padding: 5px 0px}
  112. .evaluate-explain{font-size: 12px;background-color: #fff3eb}
  113. .evaluate-explain .again-evaluate{margin-left: 8px}
  114. .required{color:#FF6A00}
  115. .order-list-top-line{justify-content:flex-end;}
  116. .order-list-top-line a{padding-right: 0px}