index.less 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110
  1. @import "~@less/variables.less";
  2. .mefical-info-wrapper {
  3. padding: 0px 15px;
  4. line-height: 20px;
  5. width: @push-width;
  6. overflow: hidden;
  7. position: relative;
  8. }
  9. .search-cont{
  10. padding: 0px 15px;
  11. line-height: 20px;
  12. position: relative;
  13. overflow: hidden;
  14. .search-box{
  15. position: fixed;
  16. z-index: 9;
  17. background: #fff;
  18. width: 430px;
  19. padding: 0 0 15px;
  20. }
  21. .cont{
  22. position: relative;
  23. img{
  24. position: absolute;
  25. width: 15px;
  26. left: 278px;
  27. top: 9px;
  28. cursor: pointer;
  29. }
  30. }
  31. .title{
  32. font-size: 12px;
  33. color:#979797;
  34. margin-bottom: 10px;
  35. }
  36. .input{
  37. display: inline-block;
  38. width: 300px;
  39. height: 34px;
  40. padding: 5px 25px 5px 5px;
  41. border:1px #CECECE solid;
  42. vertical-align: top
  43. }
  44. button{
  45. display: inline-block;
  46. width: 80px;
  47. height: 34px;
  48. line-height: 34px;
  49. color: #fff;
  50. background: #2A9BD5;
  51. text-align: center;
  52. border: none;
  53. }
  54. .result{
  55. margin-top:46px;
  56. padding: 0 5px 0 0;
  57. height: 100%;
  58. overflow: auto;
  59. box-sizing: border-box;
  60. ul{
  61. overflow: auto;
  62. }
  63. li{
  64. border-bottom:1px #CECECE solid;
  65. line-height: 42px;
  66. cursor: pointer;
  67. p{
  68. color:#979797;
  69. font-size: 12px;
  70. margin-bottom: 10px;
  71. line-height: 20px;
  72. }
  73. span{
  74. font-size: 14px;
  75. color: #000;
  76. }
  77. i{
  78. color: #2A9BD5;
  79. font-size: 12px;
  80. }
  81. .scale-name{
  82. display: inline-block;
  83. line-height: 22px;
  84. }
  85. button{
  86. float: right;
  87. border:1px #2A9BD5 solid;
  88. text-align: center;
  89. width: 56px;
  90. height: 26px;
  91. line-height: 26px;
  92. color: #2A9BD5;
  93. border-radius: 3px;
  94. background: none;
  95. margin-top: 8px;
  96. outline: none;
  97. }
  98. &:hover{
  99. border-bottom:2px solid #3B9ED0;
  100. }
  101. }
  102. }
  103. .no-data{
  104. width: 380px;
  105. color:#979797;
  106. text-align: center;
  107. line-height: 40px;
  108. margin-top: 66px;
  109. }
  110. }