catalog.wxss 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143
  1. .HotName {
  2. font-size: 80rpx;
  3. margin-left: 40rpx;
  4. color: #293539;
  5. font-weight: 300;
  6. position: relative;
  7. }
  8. .HotName text {
  9. width: 14rpx;
  10. height: 14rpx;
  11. position: absolute;
  12. border: 2px solid #a78845;
  13. border-radius: 50%;
  14. }
  15. .menu-box {
  16. width: 80%;
  17. margin: 0 auto;
  18. margin-top: 40rpx;
  19. }
  20. .menu-box-list {
  21. text-align: center;
  22. margin-bottom: 30rpx;
  23. }
  24. .menu-box-list .menu-list-title {
  25. color: #6a7275;
  26. font-size: 40rpx;
  27. font-weight: 300;
  28. letter-spacing: 20rpx;
  29. position: relative;
  30. }
  31. .menu-box-list .hover {
  32. color: #a78845;
  33. }
  34. .menu-box-list .hover .l {
  35. width: 10rpx;
  36. height: 10rpx;
  37. position: absolute;
  38. border: 2rpx solid #a78845;
  39. border-radius: 50%;
  40. margin-left: -38rpx;
  41. margin-top: 30rpx;
  42. }
  43. .menu-box-list .hover .r {
  44. width: 10rpx;
  45. height: 10rpx;
  46. position: absolute;
  47. border: 2rpx solid #a78845;
  48. border-radius: 50%;
  49. margin-left: 6rpx;
  50. margin-top: 30rpx;
  51. }
  52. .menu-list-pro {
  53. overflow-x: scroll;
  54. margin-top: 40rpx;
  55. white-space: nowrap;
  56. text-overflow: ellipsis;
  57. height: auto;
  58. width: 100%;
  59. overflow: hidden;
  60. }
  61. .menu-list-pro .menu-list-item {
  62. display: block;
  63. float: left;
  64. height: 240rpx;
  65. width: 120rpx;
  66. margin-right: 30rpx;
  67. }
  68. .menu-list-pro .icon {
  69. height: 100rpx;
  70. width: 100rpx;
  71. border-radius: 12rpx;
  72. box-shadow: 0px 4rpx 4rpx 0px #cfc9ca;
  73. }
  74. .menu-list-pro .txt {
  75. display: block;
  76. float: left;
  77. width: 120rpx;
  78. color: #a78845;
  79. }
  80. .search {
  81. height: 88rpx;
  82. width: 100%;
  83. padding: 0 30rpx;
  84. background: #fff;
  85. display: flex;
  86. align-items: center;
  87. }
  88. .search .input {
  89. width: 690rpx;
  90. height: 56rpx;
  91. background: #ededed;
  92. border-radius: 8rpx;
  93. display: flex;
  94. align-items: center;
  95. justify-content: center;
  96. }
  97. .search .icon {
  98. background: url(http://yanxuan.nosdn.127.net/hxm/yanxuan-wap/p/20161201/style/img/icon-normal/search2-2fb94833aa.png) center no-repeat;
  99. background-size: 100%;
  100. width: 28rpx;
  101. height: 28rpx;
  102. }
  103. .search .txt {
  104. height: 42rpx;
  105. line-height: 42rpx;
  106. color: #666;
  107. padding-left: 10rpx;
  108. font-size: 30rpx;
  109. }
  110. /* .menu-list-pro image{
  111. height: 80px;
  112. width: 80px;
  113. margin-right: 34rpx;
  114. margin-bottom: 34px;
  115. background-color:#f5f5f5;
  116. margin-right:10px;
  117. border-radius:5px;
  118. }
  119. .menu-list-pro text{
  120. text-align: center;
  121. font-size: 24rpx;
  122. color: #333;
  123. height: 42rpx;
  124. width: 80px;
  125. } */