index.less 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133
  1. @import "~@less/variables.less";
  2. .container {
  3. padding-left: 80px;
  4. padding-top: 10px;
  5. position: fixed;
  6. bottom: 0;
  7. left: 10px;
  8. right: 470px;
  9. min-width: 720px;
  10. background-color: #fff;
  11. // z-index: 240;
  12. padding-bottom: 10px;
  13. border-bottom: 10px solid #e4e6e7;
  14. .button {
  15. width: 111px;
  16. height: 34px;
  17. outline: none;
  18. border-radius: 4px;
  19. cursor: pointer;
  20. color: @blue;
  21. border: 0 none;
  22. cursor: pointer;
  23. background: #fff;
  24. img{
  25. vertical-align: middle;
  26. position: relative;
  27. top: -2px;
  28. }
  29. }
  30. .preButton {
  31. height: 34px;
  32. line-height: 34px;
  33. outline: none;
  34. cursor: pointer;
  35. color: @blue;
  36. border: 0 none;
  37. background-color: #fff;
  38. margin-left:20px;
  39. img{
  40. vertical-align: middle;
  41. position: relative;
  42. top: -2px;
  43. }
  44. }
  45. .saveButton {
  46. width: 80px;
  47. height: 34px;
  48. outline: none;
  49. border-radius: 4px;
  50. cursor: pointer;
  51. color: #000;
  52. border: 1px solid #3B9ED0;
  53. background: #fff;
  54. margin-left:20px;
  55. background: #3B9ED0;
  56. color: #fff;
  57. float: right;
  58. margin-right: 20px;
  59. }
  60. .clearButton {
  61. border: 1px solid #414141;
  62. border-radius: 4px;
  63. background-color: #fff;
  64. color: #000;
  65. }
  66. .modal{
  67. position: fixed;
  68. left: 50%;
  69. margin-left: -360px;
  70. top: 0px;
  71. }
  72. .table{
  73. width: 650px;
  74. height: 78px;
  75. text-align: left;
  76. margin: 25px 1px 2px 5px;
  77. td{
  78. font-size: 12px;
  79. border: 1px solid #CCD2D9;
  80. text-align: left;
  81. padding: 10px;
  82. }
  83. }
  84. .sign{
  85. float: left;
  86. width: 100px;
  87. font-Size: 14px;
  88. line-height: 21px;
  89. }
  90. .textbox{
  91. float: left;
  92. width: 220px;
  93. height: 60px;
  94. border: 1px solid #979797;
  95. text-align: center;
  96. font-size: 20px;
  97. line-height: 50px;
  98. color: #979797;
  99. }
  100. .footer{
  101. clear: both;
  102. text-align: right;
  103. margin-top:20px;
  104. margin-bottom: 20px;
  105. }
  106. }
  107. .msg {
  108. text-align: center;
  109. font-size: 16px;
  110. padding-top: 10px;
  111. padding-bottom: 50px;
  112. }
  113. .box {
  114. padding-top: 10px;
  115. box-sizing: border-box;
  116. height: 80px;
  117. }
  118. .ipt {
  119. font-size: 16px;
  120. width: 170px;
  121. height: 20px;
  122. line-height: 18px;
  123. display: block;
  124. margin: 0 auto;
  125. text-align: left;
  126. }
  127. .line {
  128. width: 182px;
  129. height: 1px;
  130. margin: 8px auto 0 auto;
  131. background: #D8D8D8;
  132. }