index.less 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. @import "~@less/variables.less";
  2. .search-box {
  3. .contentZIndex1;
  4. position: absolute;
  5. top: 20px;
  6. width: 316px;
  7. // box-shadow: 0 6px 20px 0 #989DA3;
  8. background: #fff;
  9. margin-bottom: 80px;
  10. }
  11. // .search {
  12. // width: 100%;
  13. // position: relative;
  14. // height: 44px;
  15. // padding: 10px 0px 0px 0px;
  16. // }
  17. // .search-input {
  18. // width: 300px;
  19. // height: 34px;
  20. // line-height: 34px;
  21. // position: relative;
  22. // padding: 0 30px;
  23. // }
  24. // .search-btn {
  25. // position: absolute;
  26. // right: 0;
  27. // }
  28. // .search-close {
  29. // position: absolute;
  30. // top: 17px;
  31. // right: 5px;
  32. // cursor: pointer;
  33. // }
  34. // .search-img {
  35. // position: absolute;
  36. // top: 17px;
  37. // left: 5px;
  38. // cursor: pointer;
  39. // }
  40. .search-result {
  41. /*overflow-y: auto;
  42. max-height: 225px;*/
  43. // min-height: 80px;
  44. }
  45. .search-result-item {
  46. padding: 0 30px;
  47. height: 36px;
  48. line-height: 36px;
  49. cursor: pointer;
  50. }
  51. .search-result-item:hover {
  52. border: 1px solid @blue;
  53. }
  54. .search-result-noItem{
  55. span{
  56. // position: relative;
  57. color: #bfbfbf;
  58. margin-top: -8px;
  59. margin-left: 30px;
  60. // top: 8px;
  61. // left: 27px;
  62. height: 50px;
  63. display: inline-block;
  64. line-height: 50px;
  65. }
  66. }