Showing
1 changed file
with
21 additions
and
8 deletions
| @@ -9,9 +9,10 @@ | @@ -9,9 +9,10 @@ | ||
| 9 | top: 88rem / $pxConvertRem; | 9 | top: 88rem / $pxConvertRem; |
| 10 | position: fixed; | 10 | position: fixed; |
| 11 | z-index: 2; | 11 | z-index: 2; |
| 12 | + | ||
| 12 | .search-box { | 13 | .search-box { |
| 13 | position: relative; | 14 | position: relative; |
| 14 | - width: 500rem / $pxConvertRem;//450 | 15 | + width: 500rem / $pxConvertRem; //450 |
| 15 | height: 60rem / $pxConvertRem; | 16 | height: 60rem / $pxConvertRem; |
| 16 | background-color: #FFF; | 17 | background-color: #FFF; |
| 17 | border-radius: 30rem / $pxConvertRem; | 18 | border-radius: 30rem / $pxConvertRem; |
| @@ -22,7 +23,7 @@ | @@ -22,7 +23,7 @@ | ||
| 22 | height: 60rem / $pxConvertRem; | 23 | height: 60rem / $pxConvertRem; |
| 23 | border: 0; | 24 | border: 0; |
| 24 | display: block; | 25 | display: block; |
| 25 | - span{ | 26 | + span { |
| 26 | line-height: 60rem / $pxConvertRem; | 27 | line-height: 60rem / $pxConvertRem; |
| 27 | color: #bdbdbd; | 28 | color: #bdbdbd; |
| 28 | font-size: 1.2em; | 29 | font-size: 1.2em; |
| @@ -38,6 +39,7 @@ | @@ -38,6 +39,7 @@ | ||
| 38 | line-height: 60rem / $pxConvertRem; | 39 | line-height: 60rem / $pxConvertRem; |
| 39 | color: #bdbdbd; | 40 | color: #bdbdbd; |
| 40 | } | 41 | } |
| 42 | + | ||
| 41 | .search-input { | 43 | .search-input { |
| 42 | border: none; | 44 | border: none; |
| 43 | width: 95%; | 45 | width: 95%; |
| @@ -45,6 +47,7 @@ | @@ -45,6 +47,7 @@ | ||
| 45 | line-height: 1; | 47 | line-height: 1; |
| 46 | padding: 0 10rem / $pxConvertRem; | 48 | padding: 0 10rem / $pxConvertRem; |
| 47 | } | 49 | } |
| 50 | + | ||
| 48 | .search-action { | 51 | .search-action { |
| 49 | display: none; | 52 | display: none; |
| 50 | position: absolute; | 53 | position: absolute; |
| @@ -54,11 +57,11 @@ | @@ -54,11 +57,11 @@ | ||
| 54 | line-height: 60rem / $pxConvertRem; | 57 | line-height: 60rem / $pxConvertRem; |
| 55 | color: #666; | 58 | color: #666; |
| 56 | } | 59 | } |
| 60 | + | ||
| 57 | .clear-text { | 61 | .clear-text { |
| 58 | margin-right: 20rem / $pxConvertRem; | 62 | margin-right: 20rem / $pxConvertRem; |
| 59 | } | 63 | } |
| 60 | } | 64 | } |
| 61 | - | ||
| 62 | } | 65 | } |
| 63 | 66 | ||
| 64 | .banner-top { | 67 | .banner-top { |
| @@ -70,6 +73,7 @@ | @@ -70,6 +73,7 @@ | ||
| 70 | 73 | ||
| 71 | .hot-brand-list { | 74 | .hot-brand-list { |
| 72 | background: #fff; | 75 | background: #fff; |
| 76 | + | ||
| 73 | li { | 77 | li { |
| 74 | float: left; | 78 | float: left; |
| 75 | width: 158rem / $pxConvertRem; | 79 | width: 158rem / $pxConvertRem; |
| @@ -91,10 +95,10 @@ | @@ -91,10 +95,10 @@ | ||
| 91 | .title-bar { | 95 | .title-bar { |
| 92 | width: 100%; | 96 | width: 100%; |
| 93 | background: #eeeeee; | 97 | background: #eeeeee; |
| 94 | - | ||
| 95 | color: #999999; | 98 | color: #999999; |
| 96 | // font-weight: bold; | 99 | // font-weight: bold; |
| 97 | position: relative; | 100 | position: relative; |
| 101 | + | ||
| 98 | h2 { | 102 | h2 { |
| 99 | // width: 100%; | 103 | // width: 100%; |
| 100 | padding: 0 20rem / $pxConvertRem; | 104 | padding: 0 20rem / $pxConvertRem; |
| @@ -110,6 +114,7 @@ | @@ -110,6 +114,7 @@ | ||
| 110 | cursor: pointer; | 114 | cursor: pointer; |
| 111 | // height: 50rem / $pxConvertRem; | 115 | // height: 50rem / $pxConvertRem; |
| 112 | padding: 0 20rem / $pxConvertRem; | 116 | padding: 0 20rem / $pxConvertRem; |
| 117 | + | ||
| 113 | a { | 118 | a { |
| 114 | display: block; | 119 | display: block; |
| 115 | // padding-top: 10rem / $pxConvertRem; | 120 | // padding-top: 10rem / $pxConvertRem; |
| @@ -118,6 +123,7 @@ | @@ -118,6 +123,7 @@ | ||
| 118 | font-size: 28rem / $pxConvertRem; | 123 | font-size: 28rem / $pxConvertRem; |
| 119 | border-bottom: 1px solid #f3f3f3; | 124 | border-bottom: 1px solid #f3f3f3; |
| 120 | border-top: 1px solid #f9f9f9; | 125 | border-top: 1px solid #f9f9f9; |
| 126 | + | ||
| 121 | i { | 127 | i { |
| 122 | display: inline-block; | 128 | display: inline-block; |
| 123 | margin-top: -4rem / $pxConvertRem; | 129 | margin-top: -4rem / $pxConvertRem; |
| @@ -129,11 +135,14 @@ | @@ -129,11 +135,14 @@ | ||
| 129 | font-size: 18rem / $pxConvertRem; | 135 | font-size: 18rem / $pxConvertRem; |
| 130 | line-height: 38rem / $pxConvertRem; | 136 | line-height: 38rem / $pxConvertRem; |
| 131 | color: #fff; | 137 | color: #fff; |
| 132 | - border-radius: 50rem / $pxConvertRem;; | 138 | + border-radius: 50rem / $pxConvertRem; |
| 139 | + ; | ||
| 133 | } | 140 | } |
| 141 | + | ||
| 134 | .icon-hot { | 142 | .icon-hot { |
| 135 | background: #ff0000; | 143 | background: #ff0000; |
| 136 | } | 144 | } |
| 145 | + | ||
| 137 | .icon-new { | 146 | .icon-new { |
| 138 | background: #86c048; | 147 | background: #86c048; |
| 139 | } | 148 | } |
| @@ -142,7 +151,6 @@ | @@ -142,7 +151,6 @@ | ||
| 142 | } | 151 | } |
| 143 | 152 | ||
| 144 | .right-bar { | 153 | .right-bar { |
| 145 | - | ||
| 146 | width: 60rem / $pxConvertRem; | 154 | width: 60rem / $pxConvertRem; |
| 147 | height: 75%; | 155 | height: 75%; |
| 148 | top: 20%; | 156 | top: 20%; |
| @@ -150,11 +158,11 @@ | @@ -150,11 +158,11 @@ | ||
| 150 | position: fixed; | 158 | position: fixed; |
| 151 | right: 2rem / $pxConvertRem; | 159 | right: 2rem / $pxConvertRem; |
| 152 | border-radius: 12rem / $pxConvertRem; | 160 | border-radius: 12rem / $pxConvertRem; |
| 153 | - background: rgba(0,0,0,.8); | 161 | + background: rgba(0, 0, 0, .8); |
| 154 | z-index: 2; | 162 | z-index: 2; |
| 163 | + | ||
| 155 | b { | 164 | b { |
| 156 | height: 36rem / $pxConvertRem; | 165 | height: 36rem / $pxConvertRem; |
| 157 | - | ||
| 158 | line-height: 36rem / $pxConvertRem; | 166 | line-height: 36rem / $pxConvertRem; |
| 159 | text-align: center; | 167 | text-align: center; |
| 160 | display: block; | 168 | display: block; |
| @@ -162,11 +170,16 @@ | @@ -162,11 +170,16 @@ | ||
| 162 | font-weight: bold; | 170 | font-weight: bold; |
| 163 | } | 171 | } |
| 164 | } | 172 | } |
| 173 | + .right-bar::-webkit-scrollbar { | ||
| 174 | + display: none; | ||
| 175 | + } | ||
| 165 | 176 | ||
| 166 | .con { | 177 | .con { |
| 167 | padding-top: 10rem / $pxConvertRem; | 178 | padding-top: 10rem / $pxConvertRem; |
| 168 | } | 179 | } |
| 180 | + | ||
| 169 | .search-result { | 181 | .search-result { |
| 170 | padding-top: 176rem / $pxConvertRem; | 182 | padding-top: 176rem / $pxConvertRem; |
| 171 | } | 183 | } |
| 172 | } | 184 | } |
| 185 | + |
-
Please register or login to post a comment